body {height:100%;repeat-x;margin:0;font-size:12px;font-family:돋움;color:#666666}
html {height:100%}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin:0;}
p, ul, ol, li, dl, dt, dd, form {list-style-image:none; list-style-position:outside; list-style-type:none; border:0px;}

img {border:0;vertical-align:bottom;}

table {border-collapse:collapse;font-size:12px;font-family:돋움;color:#666666}
a:link { color:#666666;text-decoration:none; }
a:visited { color:#666666;text-decoration:none; }
a:active { color:#666666;text-decoration:none; }
a:hover { color:#666666;text-decoration: underline; }
.radio {margin-bottom:-2}
/* 1차메뉴 */
#menu {background:url(../img/main/top_menu_bg.gif) repeat-x;width:880px;text-align:left;height:37px;padding-top:7px;padding-left:10px}

/* 2차메뉴 */
#smenu {background:url(../img/main/smenu_bg.gif) repeat-x;width:880px;text-align:left;height:40px}
#smenu a:link {font-size:12px;font-family:굴림;color:#666666;text-decoration:none;margin-right:19px}
#smenu a:visited {font-size:12px;font-family:굴림;color:#666666;text-decoration:none;margin-right:19px}
#smenu a:hover {font-size:12px;font-family:굴림;color:#003399;text-decoration:none;margin-right:19px}
#smenu1 {margin: 5px 0 0 17px;}
#smenu2 {margin: 5px 0 0 67px;}
#smenu3 {margin: 5px 0 0 283px;}
#smenu4 {margin: 5px 0 0 413px;}
#smenu5 {margin: 5px 0 0 489px;}
#smenu6 {margin: 5px 0 0 634px;}
#smenu7 {margin: 5px 0 0 565px;}
#smenumypage {margin: 5px 0 0 365px;}

/* 로그인 박스 */
#login_mini {background:url(../img/main/bg_login_mini.gif) no-repeat;width:225px;height:160px;color:#999999;font-size:11px;font-family:돋움, 굴림;text-align:left;letter-spacing:-1px}
#login_mini_tb {padding:38px 0 0 57;float:left}
#login_mini_tb input {width:100px;height:18px;border:1px solid #d5d5d5;margin-top:2px}
#login_mini_submit {float:left;padding:41px 0 0 4px}
#login_mini_btn {padding:18px 0 0 0px;text-align:center}

#login_mini2 {background:url(../img/main/bg_login_mini2.gif) no-repeat;width:225px;height:160px;color:#666666;font-size:12px;font-family:돋움, 굴림;text-align:left;line-height:17px;letter-spacing:-1px}
#login_mini2_txt {padding:46 0 0 13}
#login_mini2_btn2 {text-align:right;padding:50 15 0 0}
.login_name {font-weight:bold;color:#003399}
#login_mini2_submit {float:right;padding:41px 15px 0 4px}
#login_mini2_btn {padding:31px 0 0 0px;text-align:center}



/* 왼쪽메뉴 */
#leftmenu {width:100%;font-size:12px;font-family:돋움, 굴림}
#leftmenu tr {height:27px}
.leftmenu_on {background:url(../img/main/bg_left_on.gif) no-repeat;padding-left:15px;font-weight:bold}
.leftmenu_on a:link {color:#003399;text-decoration:none}
.leftmenu_on a:visited {color:#003399;text-decoration:none}
.leftmenu_on a:hover {color:#003399;text-decoration:none}

.leftmenu_off {background:url(../img/main/bg_left_off.gif) no-repeat;padding-left:15px;}
.leftmenu_off a:link {color:#666666;text-decoration:none}
.leftmenu_off a:visited {color:#666666;text-decoration:none}
.leftmenu_off a:hover {color:#666666;text-decoration:none}

.leftmenu_btm {height:2;background:#99cc33}
#left_bnr {margin-top:10px}

/* 본문 */
#title {float:left;padding:18px 0px 5px 1px}
#history {float:right;font-size:11px;font-family:돋움, 굴림;padding:20px 0 0 0;color:#666666}
#history span {font-weight:bold;color:#D7161F;}

#table_h caption {text-align:left;font-size:12px;font-weight:bold;color:#666666;background:url(../img/main/bl_table.gif) no-repeat;padding:0 0 3px 9px}
#table_h th {text-align:center;background:#eeeeee url(../img/main/bg_table_h.gif) repeat-x;font-size:12px;font-weight:bold;color:#666666;height:30px}
#table_h td {text-align:center;font-size:12px;color:#666666;height:30px}



.page_info {font-weight:bold;color:#669900}


/*210308추가*/
/* header */
#header {width:100%; height:88px; position:fixed; left:0; top:0; z-index:9999; background:#fff;}


.m_gnb_on {position:absolute; right:10px; top:22px; display:none;}
.in_header {max-width:760px; width:100%; height:114px; margin:0 auto; position:relative; clear:both;background:#fff; z-index:9999;}


/* GNB */
.w_gnb {padding: 13px 0px 0px 0px; width:760px;}
.w_gnb .gnb {position:relative;}
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul {font-size:0px; padding:0px 10px;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li { display:inline-block; zoom:1; *display:inline; position:relative; width:16.66666%; box-sizing:border-box; padding:0px 1.5%;}
.w_gnb .gnb > ul > li:first-child {padding-left:0;}


.w_gnb .gnb > ul > li > a {box-sizing:border-box; display:block; font-size:14px; color:#333; line-height:35px; height:35px; text-align:center; font-family:Noto Sans, dotum, gulim; position:relative; text-decoration:none; font-weight:bold;}
.w_gnb .gnb > ul > li:hover > a {color:#fff; background:#d8161f; border-radius:35px;}
.w_gnb .gnb > ul > li.on > a {color:#fff; background:#d8161f; border-radius:35px;}



.w_gnb .gnb > ul > li.on .sub_menu {display:block;}
.w_gnb .sub_menu{position:absolute; left:0%; width:762px; box-sizing:border-box; overflow:hidden; top:33px; line-height:33px; display:none;}
.w_gnb .sub_menu li {float:left; padding-left:15px;}
.w_gnb .gnb02 .sub_menu {left:14%;}
.w_gnb .gnb03 .sub_menu {left:13%;}
.w_gnb .gnb04 .sub_menu {left:12%;}
.w_gnb .gnb05 .sub_menu {left:-60%;}
.w_gnb .gnb06 .sub_menu {left:-38%;}
.w_gnb .sub_menu > li > a {display:block; color:#666; font-size:13px; line-height:37px;}
.w_gnb .sub_menu > li > a:hover {color:#694318;}
.w_gnb .sub_menu > li.on > a {color:#694318;}


.sub_wrap #gnb_bar {display:block !important;}
.sub_wrap #header {height: 123px;}
.search_warp #gnb_bar {display:none !important;}
.works_warp #gnb_bar {display:none !important;}
#gnb_bar {height:35px; position:absolute; display:none; left:0%; top:88px; width:100%; background:#fff; z-index:99;}

.class_imgW{height:132px; position:relative; overflow:hidden;}
.class_imgW .bxslider > li {background-size:cover !important; }
.class_imgW .bx-controls{display:none;}

.sam_imgW{height:132px; position:relative; overflow:hidden;}

.main_imgW{height:388px; overflow:hidden; position:relative;}

.main_imgW .bx-controls {text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom:10px; width: 100%; max-width: 1200px; box-sizing: border-box; z-index:999;}
.main_imgW .bx-wrapper .bx-pager {position: relative; width: auto !important; left: auto; bottom: auto; display: inline-block; vertical-align: top; padding:7px 5px 0px 0px; z-index: 99;}
.main_imgW .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position: relative; bottom: auto; display: inline-block; right: auto; width: 24px; height:18px; text-align: center; padding-top:6px;}
.main_imgW .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; z-index: 99;}
.main_imgW .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto > div > a {text-indent:1000000%;}
.main_imgW .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {vertical-align: top;}
.main_imgW .bx-wrapper .bx-pager.bx-default-pager a {width:14px; height:14px; margin:0 4px; background:#fff; border:none; -moz-border-radius:100%;  -webkit-border-radius:100%; border-radius:100%; box-sizing:border-box; position:relative; opacity: 1;}
.main_imgW .bx-wrapper .bx-pager.bx-default-pager a:hover {opacity: 1; background: #fff;}
.main_imgW .bx-wrapper .bx-pager.bx-default-pager a.active {opacity: 1;  background: #d5161e; width:60px; border-radius:10px}
.main_imgW .bx-wrapper .bx-controls-auto .active {display: none;}


.academy_slide_wrap .academy_pic {overfloat:hidden;}
.academy_slide_wrap .academy_pic .big_pic {float:left; width:50%; box-sizing:border-box;}
.academy_slide_wrap .academy_pic .acad_pic{float:right; width:50%; box-sizing:border-box;}
.academy_slide_wrap .academy_pic .big_pic img {vertical-align:top !important;}

/*bxslider*/
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
 position: relative;
 margin: 0 auto;
 padding: 0;
 *zoom: 1;
}
.bx-wrapper img {
 /*max-width: 100%;
 display: block;*/
}
/** THEME
===================================*/

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
 position: absolute;
 bottom: -30px;
 width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
 min-height: 50px;
 background: url(../main/images/bx_loader.gif) center center no-repeat #fff;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
 text-align: center;
 font-size: .85em;
 font-family: Arial;
 font-weight: bold;
 color: #666;
 padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
 display: inline-block;
 *zoom: 1;
 *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
 background: #8996bd;
 text-indent: -9999px;
 font-size: 0px;
 display: block;
 width: 11px;
 height: 11px;
 margin: 0 2px;
 outline: 0;
 -moz-border-radius: 11px;
 -webkit-border-radius: 11px;
 border-radius: 11px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
 background: #142e7b;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
 left: 10px;
 background: url(../main/images/controls2.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
 right: 10px;
 background: url(../main/images/controls2.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-controls-direction a {
 position: absolute;
 top: 50%;
 margin-top: -16px;
 outline: 0;
 width: 32px;
 height: 32px;
 text-indent: -9999px;
 z-index: 999;
}
/*
.bx-wrapper .bx-controls-direction a.disabled {
 display: none;
}*/
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
 text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
 display: block;
 text-indent: -9999px;
 width:16px;
 height:16px;
 outline: 0;
 background: url(../main/images/controls2.png) -76px -8px no-repeat;
 margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop {
 display: block;
 text-indent: -9999px;
 width:16px;
 height:16px;
 outline: 0;
 background: url(../main/images/controls2.png) -78px -39px no-repeat;
 margin: 0 3px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
 text-align: left;
 width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
 right: 0;
    z-index: 99;
 width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
 position: absolute;
 bottom: 0;
 left: 0;
 background: #666\9;
 background: rgba(80, 80, 80, 0.75);
 width: 100%;
}
.bx-wrapper .bx-caption span {
 color: #fff;
 font-family: Arial;
 display: block;
 font-size: .85em;
 padding: 10px;
}