/*±¸±ÛÀ¥ÆùÆ®*/
@font-face { 
 font-family: 'notokr-regular'; 
 src: url('/font/NotoKR-Regular/notokr-regular.eot'); 
 src: url('/font/NotoKR-Regular/notokr-regular.eot?#iefix') format('embedded-opentype'), 
 url('/font/NotoKR-Regular/notokr-regular.woff2') format('woff2'), 
 url('/font/NotoKR-Regular/notokr-regular.woff') format('woff'), 
 url('/font/NotoKR-Regular/notokr-regular.ttf') format('truetype'), 
 url('/font/NotoKR-Regular/notokr-regular.svg#notokr-regular') format('svg'); 
 font-weight: normal; 
 font-style: normal; 
}
@font-face { 
 font-family: 'notokr-bold'; 
 src: url('/font/notokr-bold/notokr-bold.eot'); 
 src: url('/font/notokr-bold/notokr-bold.eot?#iefix') format('embedded-opentype'), 
 url('/font/notokr-bold/notokr-bold.woff2') format('woff2'), 
 url('/font/notokr-bold/notokr-bold.woff') format('woff'), 
 url('/font/notokr-bold/notokr-bold.ttf') format('truetype'), 
 url('/font/notokr-bold/notokr-bold.svg#notokr-bold') format('svg'); 
 font-weight: normal; 
 font-style: normal; 
}
@font-face { 
 font-family: 'NotoKR-Medium'; 
 src: url('/font/NotoKR-Medium/NotoKR-Medium.eot'); 
 src: url('/font/NotoKR-Medium/NotoKR-Medium.eot?#iefix') format('embedded-opentype'), 
 url('/font/NotoKR-Medium/NotoKR-Medium.woff2') format('woff2'), 
 url('/font/NotoKR-Medium/NotoKR-Medium.woff') format('woff'), 
 url('/font/NotoKR-Medium/NotoKR-Medium.ttf') format('truetype'), 
 url('/font/NotoKR-Medium/NotoKR-Medium.svg#NotoKR-Medium') format('svg'); 
 font-weight: normal; 
 font-style: normal; 
}
@font-face { 
 font-family: 'NotoKR-Black'; 
 src: url('/font/NotoKR-Black/NotoKR-Black.eot'); 
 src: url('/font/NotoKR-Black/NotoKR-Black.eot?#iefix') format('embedded-opentype'), 
 url('/font/NotoKR-Black/NotoKR-Black.woff2') format('woff2'), 
 url('/font/NotoKR-Black/NotoKR-Black.woff') format('woff'), 
 url('/font/NotoKR-Black/NotoKR-Black.ttf') format('truetype'), 
 url('/font/NotoKR-Black/NotoKR-Black.svg#NotoKR-Black') format('svg'); 
 font-weight: normal; 
 font-style: normal; 
}


body { text-align: center; background: linear-gradient(#261203 78px, transparent 78px) no-repeat 0 0, url(https://img.jongroeclass.co.kr/eclass/main/bg_header.gif) repeat-x 0 78px; }

ul,dl,dt,dd, a{margin:0px;padding:0px;list-style:none;}

/* header */
#header {position:relative;width:981px;height:92px;margin:0 auto;padding:0; margin-top:78px;}
#header h1 {clear:both;position:absolute;top:10px;left:0;margin:0;padding:0;}
#header p.top_right{position:absolute;top:10px;right:0;margin:0;padding:0;font-size:11px;color:#ccc;margin-right:22px;}
#header p.top_center{position:absolute;top:24px;left:170px;font-size:11px;color:#ccc;margin-right:22px;letter-spacing:-0.1em;}
#header p.top_center strong{color:#90c8ae;}
#header p.top_right a, #header p.top_right a:hover, #header p.top_right a:focus {font-size:11px;color:#ccc;}
#header p.top_right span{color:#666;}

#lnb {position:absolute;top:58px;left:0;overflow:hidden;width:814px;height:33px;background:url(https://img.jongroeclass.co.kr/eclass/main/bg_lnb_menu150818.gif) no-repeat 0 0;}
#lnb li {float:left;height:34px;}
#lnb a {overflow:hidden;float:left;width:106px;height:34px;font:0/0;}
#lnb .menu1 {width:108px;background-position:0 -53px;}
#lnb .menu2 {background-position:-108px -53px;}
#lnb .menu3 {width:133px;background-position:-214px -53px;}
#lnb .menu4 {width:118px;background-position:-347px -53px;}
#lnb .menu5 {width:149px;background-position:-465px -53px;}
#lnb .menu6 {width:94px;background-position:-614px -53px;}
#lnb .menu7 {width:105px;background-position:-708px -53px;}
#lnb .menu8 {background-position:-814px -53px;}


#lnb .menu_on a, #lnb a:hover, #lnb a:focus {background-image:url(https://img.jongroeclass.co.kr/eclass/main/bg_lnb_menu150818.gif);background-repeat:no-repeat;}

#h_login{overflow:hidden;position:relative;width:981px;height:35px;margin:0 auto;}  
#h_login legend{overflow:hidden;display:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}  
#h_login{font-size:11px;letter-spacing:-1px;color:#9a9a9a;text-align:left;}  
#h_login select,#h_login input,#h_login img{margin:0px;color:#9a9a9a;vertical-align:middle;}  
#h_login .keyword{width:100px;height:17px;border:0;border-bottom:1px solid #cdcdcd;font-size:12px;font-family:µ¸¿ò, arial;font-weight:bold;letter-spacing:0;line-height:19px;background:#f4f4f4}  
#h_login .al{float:left;} 
#h_login .login2{float:left;margin-left:15px;padding-top:5px;color:#666;} 
#h_login .login2 span{margin-right:10px;font-size:11px;}
#h_login .login2 input{margin-top:-3px;}
#h_login .logout{float:left;margin-right:5px;padding-top:5px;color:#666;} 
#h_login .logout span{margin-right:10px;font-size:11px;}
#h_login .logoutsub{float:left;margin-right:5px;padding-top:2px;color:#666;} 
#h_login .logoutsub span{margin-right:10px;font-size:11px;}

.dday2013{margin-top:0px;float:right;}
.dday2013 dt{float:left;padding:5px 5px 0 0;font-weight:bold;color:#043f43;}
.dday2013 dd{float:left;}
.dday2013 dd span{display:inline-block;overflow:visible;position:relative;width:44px;height:20px;margin-right:2px;padding:0px 0 0 3px;border:0;background:url(https://img.jongroeclass.co.kr/eclass/main/dday_bg.gif) no-repeat;font-size:12px;font-family:Tahoma, Sans-serif;color:#fff;font-weight:bold; letter-spacing:7px;!important;vertical-align:top;white-space:nowrap;}

.dday2013sub{float:right;margin:6px 24px 0 0;}
.dday2013sub span{clear:both;display:inline-block;overflow:hidden;position:relative;width:44px;height:20px;padding:1px 0 0 3px;border:0;background:url(https://img.jongroeclass.co.kr/eclass/main/dday_bg.gif) no-repeat;font-size:12px;font-family:Tahoma, Sans-serif;color:#fff;font-weight:bold; letter-spacing:7px;!important;white-space:nowrap;}

/* container Layout */
#main_wrap{width:981px;margin:0 auto;}

/* ¸ÞÀΞ ¹è³Ê */
#container1{width:981px;margin-top:20px;line-height:0;font-size:0;}
#container1:after{display:block;clear:both;content:'';}
.main_102{float:left;width:465px;height:165px;}
.main_101{float:left;width:243px;height:165px; margin-right:15px;}
.main_103{float:right;width:229px;height:165px;}

/* ¼±»ý´Ô Ãßõ°­Á */
#container2{overflow:hidden;width:981px;margin-top:20px;}
#container2:after{display:block;clear:both;content:'';}
.main_201{float:left;width:478px;margin-right:25px;line-height:0;}
.main_202{float:right;width:478px;}
.main_202 dl.teacher{display:block;clear:both;width:478px;height:82px;text-align:left;border:1px solid #e5e5e5;}
.main_202 dl.teacher dd{float:left;}
.main_201 h1, .main_202 h1 {float:left;text-align:left;width:100%;padding:0px 0 10px;font-size:14px;font-family: 'NotoKR-Bold'; font-weight:normal;color:#000 }
.main_201 dd{float:left;}

.lst_thmb{overflow:hidden;clear:both;float:left;width:237px;height:82px;content:'';}
.lst_thmb .thmb{float:left;width:80px;margin:0px;line-height:0;font-size:0;}
.lst_thmb .cont{float:left;width:150px;}
.lst_thmb h2{font-size:12px;width:132px;margin:9px 0px 0px;padding-bottom:0px;line-height:16px;letter-spacing:-1px;}
.lst_thmb h2 a{color:#545454;}
.lst_thmb dl{overflow:hidden;clear:both;width:150px;padding-bottom:0px;color:#666;line-height:19px;letter-spacing:-1px;}
.lst_thmb dt.tit{font-size:12px;margin:0px;padding-bottom:0px;color:#333;font-weight:bold;line-height:16px;}
.lst_thmb dt.tit a{color:#545454;}
.lst_thmb dt{font-size:11px;color:#8c8c8c;margin:9px 0px 0px;float:left;width:100%;}
.lst_thmb dd{font-size:11px;color:#05555a;float:left;width:100%;}
.lst_thmb_bar{display:block;float:left;width:1px;height:82px;background-image:url(https://img.jongroeclass.co.kr/eclass/main/main_b202_tbar.gif);background-repeat:no-repeat;}

.lst_thmb2{float:left;width:219px;height:181px;}
.lst_thmb2 .thmb{float:left;width:87px;margin:0px;line-height:0px;font-size:0px;}
.lst_thmb2 .cont{float:left;}
.lst_thmb2 dl{overflow:hidden;clear:both;width:120px;padding:5px 0px 0px 9px;color:#666;line-height:17px;letter-spacing:-1px;}
.lst_thmb2 dt{font-size:11px;color:#8c8c8c;float:left;width:100%;}
.lst_thmb2 dd.tit{font-size:12px;font-weight:bold;color:#545454;padding-bottom:5px;float:left;}
.lst_thmb2 dd.tit a{color:#545454;}
.lst_thmb2 dd{font-size:11px;color:#05555a;float:left;width:100%;}
.lst_thmb2 .cont2{float:left;width:219px;}
.lst_thmb2 .cont2 dl{overflow:hidden;clear:both;width:209px;padding:0px;color:#666;line-height:15px;letter-spacing:-1px;}
.lst_thmb2 .cont2 dt{font-size:12px;color:#5687bc;float:left;width:100%;padding:15px 0 4px;font-weight:bold;}
.lst_thmb2 .cont2 dd{font-size:11px;color:#8c8c8c;float:left;width:100%;padding-top:4px;}

.lst_thmb2_bar{display:block;float:left;width:1px;height:82px;background-image:url(https://img.jongroeclass.co.kr/eclass/main/main_b202_tbar.gif);background-repeat:no-repeat;}

/* Á¾·Î¸ðÀÇ°í»ç ¼Ò°³ */
#container3{width:981px;padding-top:20px;font-size:0;}
#container3:after{display:block;clear:both;content:'';}


/* Á¾·Î °á°úºÐ¼® ¼­ºñ½º */
.main_302{float:left;width:465px;height:105px;}
.main_502{position:relative;float:left;width:465px;}
.main_301, .main_501{position:relative;float:left;text-align:left;width:243px; margin-right:15px;}
.main_303, .main_503{position:relative;float:right;width:243px;}
.main_301 h1, .main_302 h1, .main_303 h1, .main_502 h1{float:left;text-align:left;width:100%;padding:0 0 10px;font-size:14px;font-family: 'NotoKR-Bold'; font-weight:normal;color:#000}



.main_301 dd, .main_303 dd{float:left;}

.main_501 h1, .main_503 h1 {float:left;text-align:left;width:100%;padding:0 0 10px;font-size:0;border-bottom:1px solid #333;}
.main_503 h1.aside01{border-bottom:none;}
.main_503 p{padding:0;margin:0}

.section_more{overflow:visible;position:absolute;right:0;font:11px Dotum, µ¸¿ò, Tahoma;color:#333;letter-spacing:-1px;text-decoration:none !important;}  
.section_more span{font:14px/1 Tahoma;color:#6e89aa;}  

/* Áß°£ À̺¥Æ® */
#container4{width:981px;margin-top:20px;font-size:0;}
#container4:after{display:block;clear:both;content:'';}
.main_401{float:left;width:738px;height:58px;font-size:0;}
.main_402{float:right;width:243px;height:58px;font-size:0;}

/* °øÁö»çÇ× ÀԽôº½º.. */
.lst_type{padding-top:12px;text-align:left;clear:both;}
.lst_type li{float:none;clear:both;margin-bottom:4px;padding:0 0 0 10px;color:#8c8c8c; background:url(https://img.jongroeclass.co.kr/eclass/main/bu_list1.gif) no-repeat 0 5px;font-family:'µ¸¿ò',Dotum;font-size:11px;font-weight:normal;line-height:14px;vertical-align:top;}
.lst_type li.call{margin-bottom:1px;}
.lst_type li span{margin-right:10px;color:#8c8c8c;}
.lst_type li a{text-decoration:none;}
.lst_type li a:hover{text-decoration:underline;}
.lst_type li a:hover span{text-decoration:none;}

.lst_type2{width:100%;margin-top:10px;text-align:left;list-style:none;}
.lst_type2 li{float:none;margin-bottom:0px;padding:0 0 0 10px;color:#8c8c8c;background:url(https://img.jongroeclass.co.kr/eclass/main/bu_list1.gif) no-repeat 0 5px;font-family:'µ¸¿ò',Dotum;font-size:11px;font-weight:normal;line-height:14px;vertical-align:top;}
.lst_type2 li span{color:#8c8c8c;}


/* ÅǸ޴º */
#tabmenu{position:relative;clear:both;width:465px;height:25px;background:url(https://img.jongroeclass.co.kr/eclass/main/tab_menu.gif) repeat-x 0 100%; font-family:'µ¸¿ò',dotum; font-size:12px;}
#tabmenu ul,#tabmenu ul li{margin:0px;padding:0px;height:25px;}
#tabmenu ul li{list-style:none;}
#tabmenu ul li,#tabmenu ul li a{background:url(https://img.jongroeclass.co.kr/eclass/main/bg_tab2_off.gif) no-repeat;}
#tabmenu ul li{float:left;margin-right:-1px;line-height:22px;}
#tabmenu ul li a{display:inline-block;padding:2px 45px 1px;font-size:11px;background-position: 100% 0;letter-spacing:-0.1em;font-weight:bold;color:#666;cursor:pointer;text-decoration:none !important;}
#tabmenu ul li a:hover{color:#000}
#tabmenu ul li.on,#tabmenu ul li.on a{background-image:url(https://img.jongroeclass.co.kr/eclass/main/bg_tab2_on.gif);}
#tabmenu ul li.on a{color:#006666;}

#tabcontent0, #tabcontent1, #tabcontent2, #tabcontent3{position:relative;padding:12px 12px 0px;font-size:12px;text-align:left;}
/* //ÅǸ޴º */

.lst_img{clear:both;width:100%;font-size:0;margin-top:8px;list-style:none;border:1px solid #d9d9d7;}
.lst_img li{float:left;}

#container07{width:981px;}
#container07:after{display:block;clear:both;content:'';}


/* UI Object */
#footer{clear:both;width:981px;margin:0 auto;padding:10px 0 30px;border-top:2px solid #05484c;text-align:center;margin-top:20px;}
.fmain_102{float:left;width:681px;}
.fmain_101{float:left;width:150px;}
.fmain_103{float:right;width:100px;}
.fmain_104{float:right;width:128px;}
#footer ul,#footer li,#footer a,#footer strong,#footer img,#footer em,#footer address,#footer span{margin:0;padding:0;color:#333;font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim, AppleGothic, Sans-serif;font-size:12px;line-height:normal;list-style:none;font-style:normal;}
#footer a{color:#444;text-decoration:none;}
#footer a:visited{color:#666;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer ul{margin:0 0 10px;}
#footer ul li{display:inline;position:relative;padding:0 5px 0 9px;background:url(https://static.naver.com/common/footer/bu_bar.gif) 1 0px no-repeat;font-size:12px;white-space:nowrap;}
#footer ul li a:hover,#footer ul li a:hover strong{color:#438a01;}
#footer ul li.frst{padding:0 3px 0 0;background:none;}
#footer .info{margin:0 0 11px;color:#7e7e7e;font-size:11px;line-height:15px;}
#footer .info2{margin:-3px 0 13px;font-size:11px;line-height:18px;}
#footer .info2 span{display:inline-block;margin-left:2px;padding-left:7px;color:#7e7e7e;background:url(https://static.naver.com/common/footer/bu_bar.gif) 1px 3px no-repeat;font-size:11px;line-height:18px;}
#footer address{font-family:Verdana;font-size:9px;line-height:14px;}
#footer address img{vertical-align:middle;}
#footer address a{color:#444;font-family:µ¸¿ò;font-size:11px;font-weight:bold;}
#footer address a:hover{color:#009bc8;}
#footer address span{padding-left:2px;font-family:Verdana;font-size:9px;line-height:14px;}
#footer address em{padding-left:6px;font-family:Verdana;font-size:9px;}
#footer address .logo{display:inline-block;*display:inline;vertical-align:top;*vertical-align:baseline;}
#footer address .logo_v1{position:relative;top:-2px}

/* //UI Object_·Ñ¸µ */ 
.clsBannerScreen {position: relative;width: 465px;height: 141px;cursor:pointer;}
.clsBannerScreen .images {display:none; width: 465px;height: 141px;}
.clsBannerButton {position: relative;width:465px;height:24px;cursor:pointer;background:#e6e2da;}
/*3°³ .clsBannerButton li {float:left;width:155px;height:24px;} */
/*2°³ .clsBannerButton li {float:left;width:232px;height:24px;} */
.clsBannerButton li {float:left;width:155px;height:24px;}
.clsBannerButton li p{margin-top:14px;text-align:center;font-family:µ¸¿ò;font-size:11px;}
.clsBannerButton li.fir {}

/*3°³.clsBannerButton li.labelOverClass {width:155px;height:24px;font-weight:bold;letter-spacing:-1px;background:#04484d;}*/
/*2°³.clsBannerButton li.labelOverClass {width:232px;height:24px;font-weight:bold;letter-spacing:-1px;background:#04484d;}*/
.clsBannerButton li.labelOverClass {width:155px;height:24px;font-weight:bold;letter-spacing:-1px;background:#04484d;}
.clsBannerButton li.labelOverClass a {color:#fff;}

.bsubmit {display:block;width:100%;padding:10px 0 10px;letter-spacing:-0.1em;font-size:15px;font-weight:bold;color:#4F4F4F;
cursor:pointer;text-align:center;background-color:#fff;border:1px #C3C3C3 solid;border-bottom:1px #A2A2A2 solid;border-top:1px #E3E3E3 solid;
text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
}
.bsubmit.btn1 {font-family: 'NotoKR-Bold';color:#333; font-size:15px; font-weight:700;background-color:#fff; overflow:hidden; width:202px;line-height:22px;position:absolute;bottom:20px;left:20px;border:1px solid #ddd; border-radius: 5px}
.bsubmit.btn1:link, .bsubmit.btn1:hover, .bsubmit.btn1:focus .bsubmit.btn1:visited {color:#333;}