@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('./font/NanumGothic-Bold.eot');
  src: url('./font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
       url('./font/NanumGothic-Bold.woff2') format('woff2'),
       url('./font/NanumGothic-Bold.woff') format('woff'),
       url('./font/NanumGothic-Bold.ttf') format('truetype');
}
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-family: 'Nanum Gothic', sans-serif; font-size:12px;} /* color값은 디자인가이드에 맞게사용 */
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
/*table { border-collapse:collapse; border-spacing:0 }*/
/*
body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6{ margin:0; padding:0;}
body{font-family:"나눔고딕", "NanumGothic", "ngeot", "돋움", "DotumChe", "Dotum"; font-size:12px;}
a{ text-decoration:none;}
img{ border:none; vertical-align:top;}
ol, ul, li, dd, dl, dt  {list-style:none;}
*/

#top_banner {width:100%; height:170px; background-color:#e5e5e5;position: relative; display:none;}
#banner_close {position:absolute;left:933px;top:10px;z-index:10}
#p_click {top:88px;}
#n_click {top:88px;left:970px;}
#srolling {position: relative;overflow:hidden;width:930px;height:150px;top:20px; margin:0 auto;}




#wrap {width:100%;}
#header {width:100%; height:202px; background:url('./images/header_bg.gif?190625') 81px 0 repeat-x; text-align:center; clear:both}
/*글로벌 네비*/
.gnb{height:40px; }
.gnb ul {float:left;margin-top:10px;}
.gnb li{float:left;margin-right:48px;font-size:13px;color:#dddddd;}
.gnb li a{color:#ddd;}
.bar {margin-top:-5px;height:28px;border:1px inset; border-left-color:#000;border-top-color:#000;border-bottom-color:#000;border-right-color:#484848;}
li.end {margin:0; margin-top:-5px}
label .ol_find{vertical-align:-1px;}
.sns {float:right;}
.sns li{float:left; margin:5px 0 0 10px; }
/*글로벌 네비 끝*/



.lnb {height:111px; position: relative;}
.lnb h1{width:165px;height:38px; display:block; background:url('./images/logo.gif') no-repeat; float:left;margin-top:40px;}
.lnb ul {float:left;position: absolute; left:160px; margin-top:50px; margin-left:50px; margin-left:30px \9;}
.lnb li{font-size:16px;font-weight:bold;float:left; margin-left:30px; }
.lnb li a.bt1:hover {color:#e12522;}
.lnb li a.bt2:hover {color:#e12522;}
.lnb li a.bt3:hover {color:#e12522;}
.lnb li a.bt4:hover {color:#e12522;}
.lnb li a.bt5:hover {color:#e12522;}
.lnb li a.bt6:hover {color:#e12522;}
.lnb li a.bt8:hover {color:#e12522;}




.top_member  {height:50px;position:relative;}
.top_member input{height:32px; vertical-align:middle;}
.head_submit{border:0px;width:70px;height:30px; background:url('./images/btn_login.gif') no-repeat;}
.head_join {height:32px;}
.ol_auto{font-size:13px;}
.ol_find{margin-left:20px;font-size:13px;}


.Sub_Menu {border-top:2px solid #e33431;border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; width:774px; color:#ffffff; position:absolute; top:-10px;left:224px; height:540px !important; background-color:#ffffff; z-index:100;}
.Sub_Menu_top {padding:15px 5px; width:160px; font-size:14px; color:#e12522;}
.Sub_Menu_s {width:120px; height:540px; border-style:solid; border-color:#e9e9e9; margin-top:1px; padding-left:10px;letter-spacing:-1px;  text-align: left;}
.Sub_border_l { border-width:0 0 0 1px !important; }
.Sub_border_end {width:120px; height:540px; margin-top:1px; padding-left:10px;letter-spacing:-1px; border-left:1px solid #e9e9e9 ;text-align: left; border-width:0 1px 0 1px !important; }
.Sub_Menu_01 {padding:5px 0 5px 10px; line-height:18px; font-size:13px; width:140px; color:#333333;}
.Sub_Menu_02 {padding:3px 0 3px 10px !important; line-height:18px;font-size:13px; color:#888888; width:140px; }
.Sub_Menu_02 a{color:#888888;}
.Sub_Menu_03 {padding:5px 0 5px 10px; line-height:18px; font-size:13px; width:160px; color:#333333;}
#top_sub_01{float:left; width:140px;}
#top_sub_02{float:left; width:140px;}
#top_sub_03{float:left; width:160px}
#top_sub_04{float:left; width:145px}
#top_sub_05{float:left; width:110px;}
.Sub_Menu li a.bt1:hover {color:#e12522;}
.Sub_Menu li a.bt2:hover {color:#e12522;}
.Sub_Menu li a.bt3:hover {color:#e12522;}
.Sub_Menu li a.bt4:hover {color:#e12522;}
.Sub_Menu li a.bt5:hover {color:#e12522;}
.Sub_Menu li a.bt6:hover {color:#e12522;}
.Sub_Menu li a.bt7:hover {color:#e12522;}
.Sub_Menu li a.bt8:hover {color:#e12522;}
.Sub_Menu li a.bt9:hover {color:#e12522;}
.Sub_Menu li a.bt10:hover {color:#e12522;}
.Sub_Menu li a.bt11:hover {color:#e12522;}
.Sub_Menu li a.bt12:hover {color:#e12522;}
.Sub_Menu li a.bt13:hover {color:#e12522;}
.Sub_Menu li a.bt14:hover {color:#e12522;}
.Sub_Menu li a.bt15:hover {color:#e12522;}
.Sub_Menu li a.bt16:hover {color:#e12522;}
.Sub_Menu li a.bt17:hover {color:#e12522;}
.Sub_Menu li a.bt18:hover {color:#e12522;}
.Sub_Menu li a.bt19:hover {color:#e12522;}
.Sub_Menu li a.bt20:hover {color:#e12522;}
.Sub_Menu li a.bt21:hover {color:#e12522;}
.Sub_Menu li a.bt22:hover {color:#e12522;}
.Sub_Menu li a.bt23:hover {color:#e12522;}
.Sub_Menu li a.bt24:hover {color:#e12522;}
.Sub_Menu li a.bt25:hover {color:#e12522;}
.Sub_Menu li a.bt26:hover {color:#e12522;}
.Sub_Menu li a.bt27:hover {color:#e12522;}
.Sub_Menu li a.bt28:hover {color:#e12522;}
.Sub_Menu li a.bt29:hover {color:#e12522;}
.Sub_Menu li a.bt30:hover {color:#e12522;}
.Sub_Menu li a.bt31:hover {color:#e12522;}
.Sub_Menu li a.bt32:hover {color:#e12522;}
.Sub_Menu li a.bt33:hover {color:#e12522;}
.Sub_Menu li a.bt34:hover {color:#e12522;}
.Sub_Menu li a.bt35:hover {color:#e12522;}
.Sub_Menu li a.bt36:hover {color:#e12522;}
.Sub_Menu li a.bt37:hover {color:#e12522;}
.Sub_Menu li a.bt38:hover {color:#e12522;}
.Sub_Menu li a.bt39:hover {color:#e12522;}
.Sub_Menu li a.bt40:hover {color:#e12522;}
.Sub_Menu li a.bt41:hover {color:#e12522;}
.Sub_Menu li a.bt42:hover {color:#e12522;}
.Sub_Menu li a.bt43:hover {color:#e12522;}
.Sub_Menu li a.bt44:hover {color:#e12522;}





#container {width:100%; margin-top:40px; text-align:center;}
#free_hsk{float:left;margin-top:40px;height:443px; border:1px solid #d7d7d7;}
#free_hsk .hsk1{float:left;width:333px;height:443px; }
#free_hsk .hsk2{float:left;width:333px;height:443px;border-right:1px solid #d7d7d7;}
#free_hsk .hsk3{float:left;width:329px;height:443px; border-right:1px solid #d7d7d7;}
.tdb {border-top:1px solid #d7d7d7}

#free_study{float:left;margin-top:40px;height:320px; border:1px solid #d7d7d7;}
#free_study .free1{float:left;width:329px; width:332px \9;height:320px; border-right:1px solid #d7d7d7; }
#free_study .free2{float:left;width:333px;width:332px \9;height:320px; border-right:1px solid #d7d7d7;}
#free_study .a{font-size:15px;}
#free_study .free3{float:left;width:333px;width:328px \9;height:320px;}


div#scroller {position:relative; height:165px; width:888px; padding:0;margin:0 auto;clear:both;overflow:hidden;border:1px solid #CCC }
 ul#scrollerFrame {width:1000px; padding:0;margin:0;list-style:none;}
 #rolling {position:relative;float:left; padding-top:5px; padding-bottom:5px;width:230px;height:155px;}


#bbs_zone{float:left;margin-top:40px; height:257px; width:670px;}
.bbs2 {margin-top:40px;}
.board1 td{text-align:left;line-height:30px; font-size:15px;color:#333333;}
.bbs3{margin-top:40px;}
.board2 td{text-align:left;line-height:30px; font-size:15px;color:#333333;}

#side_banner{float:left; width:308px; height:375px; margin:40px 0 0 20px;  border:1px solid #d7d7d7;}


#footer {margin-top:55px;width:100%; height:120px;text-align:center;background-color:#f4f4f4; clear:both}
#footer .foot ul{padding-top:30px;}
#footer .foot li {display:inline;margin-right:20px; font-size:14px; color:#333333}
.copyright {font-size:11px;color:#838383;}
.befixed {width:1000px; margin:0 auto;}
.blind {display:block; overflow:hidden; position:absolute; top:-1000em;}



#leftBox {float:left;width:180px;}
#scontent {float:left; text-align:center; margin-left:40px; width:780px;}



/* Left Sub Menu */
.left_menu { margin:0px 0 20px 0 }
.left_menu dt {line-height:80px;border-bottom:1px solid #E7E7E7;font-size:24px; color:#FFF; background-color:#de282b;}
.left_menu dd { /* height:35px; */ text-align:left;line-height:35px; border-bottom:1px solid #E7E7E7 }
.left_menu dd a { /* height:35px; */ padding-left:30px; line-height:35px; display:block; color:#5B5C5B; background-color:#ffffff;}
.left_menu dd a:hover { /* height:35px; */ text-decoration:none; font-weight:bold; color:#de282b; background:url('./images/sub_hover.gif') no-repeat }

.left_menu1{line-height:80px;border-bottom:1px solid #E7E7E7;font-size:24px; color:#FFF; background-color:#de282b;}
.left_menu2{ /* height:35px; */ text-align:left;line-height:35px;}
.left_menu2 a { /* height:35px; */ padding-left:30px; line-height:35px; display:block; color:#5B5C5B; background-color:#ffffff;}
.left_menu2 a:hover { /* height:35px; */ text-decoration:none; font-weight:bold; color:#de282b;}
.left_menu3{ /* height:35px; */ text-align:left;line-height:35px;}
.left_menu3 a{ /* height:35px; */ padding-left:30px; line-height:35px; display:block; color:#5B5C5B; background-color:#ffffff;}
.left_menu3 a:hover{ /* height:35px; */ text-decoration:none; line-height:35px; font-weight:bold; color:#de282b;}
.left_menu4{ /* height:35px; */ text-align:left;line-height:35px; border-bottom:1px solid #E7E7E7 }
.left_menu4 a { /* height:35px; */ padding-left:30px; line-height:35px; display:block; color:#5B5C5B; background-color:#ffffff;}
.left_menu4 a:hover { /* height:35px; */ text-decoration:none; line-height:35px; font-weight:bold; color:#de282b;}

#left_menu_equle a { display:block;height:35px; text-decoration:none; font-weight:bold; color:#de282b; background:url('./images/sub_hover.gif') no-repeat }

#left_menu_equle2 a { display:block;height:35px; text-decoration:none; font-weight:bold; color:#de282b; }


.left_menu dd .leftSub_alink1 a { height:25px; padding:0 0 0 10px; background:#fff; color:#5B5C5B; display:block; width:auto;  }
#leftSub_alink1_over a { background:#ececec; font-weight:bold; color:#5B5C5B; border-bottom:1px solid #003d7e; border-top:1px solid #003d7e;}

.left_menu dd .leftSub_alink2 a { height:25px; padding:0 10px 0 0; background:#fff; color:#5B5C5B; width:auto; text-align:right; border-bottom:1px solid #e2e2e2; }
#leftSub_alink2_over a { background:#ededed; font-weight:bold; color:#5B5C5B; }



.site_map {color:#ffffff; width:740px;height:600px !important;}
.site_map_top1 {text-align:center;height:20px; padding:5px 0px 5px 0px;margin-bottom:20px; width:85px; font-size:15px; color:#fff; background-color:#9b8877;}
.site_map_top2 {text-align:center;height:35px; padding:5px 0px 5px 0px;margin-bottom:20px; width:120px; font-size:15px; color:#fff; background-color:#9b8877;}
.site_map_top {text-align:center; height:20px; padding:5px 0px 5px 0px; margin-bottom:20px; width:130px; font-size:15px; color:#fff; background-color:#9b8877;}
.site_map_s {width:120px; height:475px; margin-top:1px; letter-spacing:-1px;  text-align: left;}
.site_map_01_1 {padding:5px 0 5px 10px; line-height:18px; font-size:13px; width:75px; color:#333333;}
.site_map_02_1 {padding:3px 0 3px 10px !important; line-height:18px;font-size:13px; color:#999999; width:140px; }
.site_map_01 {padding:5px 0 5px 10px; line-height:18px; font-size:13px; width:140px; color:#333333;}
.site_map_02 {padding:3px 0 3px 10px !important; line-height:18px;font-size:13px; color:#999999; width:140px; }
.site_map_02 a{color:#999999;}
.site_map_03 {padding:5px 0 5px 10px; line-height:18px; font-size:13px; width:120px; color:#333333;}
#map_sub_01{float:left; width:85px;}
#map_sub_02{float:left; margin:0px 0px 0px 20px;width:120px;}
#map_sub_03{float:left; margin:0px 0px 0px 20px;width:138px}
#map_sub_04{float:left; margin:0px 0px 0px 20px;margin-top:1px;width:120px}
#map_sub_05{float:left; margin:0px 0px 0px 20px;margin-top:1px;width:90px;}

.site_map li a.bt1:hover {color:#e12522;}
.site_map li a.bt2:hover {color:#e12522;}
.site_map li a.bt3:hover {color:#e12522;}
.site_map li a.bt4:hover {color:#e12522;}
.site_map li a.bt5:hover {color:#e12522;}
.site_map li a.bt6:hover {color:#e12522;}
.site_map li a.bt7:hover {color:#e12522;}
.site_map li a.bt8:hover {color:#e12522;}
.site_map li a.bt9:hover {color:#e12522;}
.site_map li a.bt10:hover {color:#e12522;}
.site_map li a.bt11:hover {color:#e12522;}
.site_map li a.bt12:hover {color:#e12522;}
.site_map li a.bt13:hover {color:#e12522;}
.site_map li a.bt14:hover {color:#e12522;}
.site_map li a.bt15:hover {color:#e12522;}
.site_map li a.bt16:hover {color:#e12522;}
.site_map li a.bt17:hover {color:#e12522;}
.site_map li a.bt18:hover {color:#e12522;}
.site_map li a.bt19:hover {color:#e12522;}
.site_map li a.bt20:hover {color:#e12522;}
.site_map li a.bt21:hover {color:#e12522;}
.site_map li a.bt22:hover {color:#e12522;}
.site_map li a.bt23:hover {color:#e12522;}
.site_map li a.bt24:hover {color:#e12522;}
.site_map li a.bt25:hover {color:#e12522;}
.site_map li a.bt26:hover {color:#e12522;}
.site_map li a.bt27:hover {color:#e12522;}
.site_map li a.bt28:hover {color:#e12522;}
.site_map li a.bt29:hover {color:#e12522;}
.site_map li a.bt30:hover {color:#e12522;}
.site_map li a.bt31:hover {color:#e12522;}
.site_map li a.bt32:hover {color:#e12522;}
.site_map li a.bt33:hover {color:#e12522;}
.site_map li a.bt34:hover {color:#e12522;}
.site_map li a.bt35:hover {color:#e12522;}
.site_map li a.bt36:hover {color:#e12522;}
.site_map li a.bt37:hover {color:#e12522;}
.site_map li a.bt38:hover {color:#e12522;}
.site_map li a.bt39:hover {color:#e12522;}
.site_map li a.bt40:hover {color:#e12522;}
.site_map li a.bt41:hover {color:#e12522;}
.site_map li a.bt42:hover {color:#e12522;}
.site_map li a.bt43:hover {color:#e12522;}
.site_map li a.bt44:hover {color:#e12522;}
.site_map li a.bt45:hover {color:#e12522;}
.site_map li a.bt46:hover {color:#e12522;}
.site_map li a.bt47:hover {color:#e12522;}
.site_map li a.bt48:hover {color:#e12522;}
.site_map li a.bt49:hover {color:#e12522;}
.site_map li a.bt50:hover {color:#e12522;}
.site_map li a.bt51:hover {color:#e12522;}
.site_map li a.bt52:hover {color:#e12522;}
.site_map li a.bt53:hover {color:#e12522;}
.site_map li a.bt54:hover {color:#e12522;}

.sub_navigation_text {height:40px;border-bottom:2px solid #000000; margin-bottom:10px;}
.sub_navigation_text h1{float:left;}
.sub_navigation_text ul {float:right;padding-top:12px;}
.sub_navigation_text li {display:inline; color:#5c5c5c}