@charset "utf-8";
/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,h1,h2,h3,h4,h5,h6,input,button,table,select,textarea{font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','돋움','Dotum','Helvetica','Apple SD Gothic Neo',Sans-serif;font-size:12px;color:#838383}
img,fieldset{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
hr{display:none}
table{border-collapse:collapse;border-spacing:0;width:100%; border:none; }
caption{ border: 0px solid #ccc; font-weight:bold; padding: 5px; }
/* td, th{ border:1px solid #ccc; }  */

input[type=checkbox],input[type=radio]{width:13px;height:13px;border:0 none}
a{color:#333;text-decoration:none}
a:hover{}
video{display:block}

/* .skip{position:absolute;font:0/0 a; color:transparent;text-shadow:none;background:transparent;border:0;overflow:hidden;} */
.skip{overflow:hidden;position:absolute;top:-999em;left:-999em;width:1px;height:1px}

/**********************common 따로 빼용****************************************/
#renew_wrap {min-width:1280px}
#renew_wrap #header {}
#renew_wrap #content {}
#renew_wrap #footer {}
#header .inner {width:1080px; margin:0 auto; position:relative;}
#header .site {background:#000; }
#header .site ul {overflow:hidden; margin:0 auto; width:325px;}
#header .site ul li {float:left; margin:0 0 0 25px}
#header .site ul li:first-child {margin:0}
#header .site ul li a {color:#fff; font-size:14px; font-weight:bold; display:block; padding:15px 0}
#header .site ul li a:hover,#header .site ul li.active a {border-bottom:6px solid #f8f8f8}

#header .logo {background:#f8f8f8; padding:35px 0}
#header .logo h1 {text-align:center; width:295px; margin:0 auto}
#header .logo .tnb {position:absolute; top:0; right:0;overflow:hidden;}
#header .logo ul {overflow:hidden;float:right}
#header .logo ul.user li {float:left; background:url('/img/main/online/v2/bg_line_login.gif') no-repeat 0 3px;color:#1f4f85; padding:0 15px;}
#header .logo ul.user li:first-child {background:none}
#header .logo ul.user li a {color:#1f4f85; font-size:12px;}
#header .logo ul.user li.last {padding-right:0}
#header .logo ul.sns {clear:both;float:right; margin:25px 0 0 0}
#header .logo ul.sns li {float:left; background:url('/img/main/online/v2/bg_sns.png') no-repeat; width:26px; height:26px; margin:0 0 0 15px;}
#header .logo ul.sns li a {display:block; line-height:99999px; overflow:hidden}
#header .logo ul.sns li.s1 {background-position:0 0;}
#header .logo ul.sns li.s2 {background-position:-32px 0;}
#header .logo ul.sns li.s3 {background-position:-63px 0;}
#header .logo ul.sns li.s4 {background-position:-95px 0;}

#header .gnb {background:#041751}
#header .gnb ul {overflow:hidden; padding:25px 0;}
#header .gnb ul li {float:left; margin:0 0 0 120px;}
#header .gnb ul li:first-child {margin:0}
#header .gnb ul li span.arrow {background:url('/img/main/online/v2/bg_menu.png') no-repeat 0 -22px;width: 6px;height: 7px;display:inline-block;margin:0 0 0 10px}
#header .gnb ul li .on span.arrow {background:url('/img/main/online/v2/bg_menu.png') no-repeat -8px -22px}

#header .gnb .detail {border-bottom:4px solid #041751;background:#fff;padding:30px 0;display:none}
#header .gnb .detail .inner {overflow:hidden; width:1080px}
#header .gnb .detail ul {padding:0}
#header .gnb .detail ul li {float:left;padding:2px 0;border-left:1px solid #041751;margin:0;height:284px;}
#header .gnb .detail ul li dl {padding:0 10px;}
#header .gnb .detail ul li dl dd {font-size:14px; color:#000;font-weight:bold;line-height:23px;letter-spacing:-2.4px;}
#header .gnb .detail ul li dl dd a:hover {text-decoration:underline}
#header .gnb .detail ul li dl.lecture {overflow:hidden; width:185px;overflow:hidden}
#header .gnb .detail ul li dl.lecture dt{margin-left:5px;}
#header .gnb .detail ul li dl.lecture.file{width:200px;}
#header .gnb .detail ul li dl.lecture.bxx2 {margin:0 10px; padding:20px 0 0 0; border-top:1px solid #041751}
#header .gnb .detail ul li dl.bxx3 dd{margin-bottom:5px;}

#header .gnb .detail ul li dl.lecture dt {font-size:14px; color:#000; float:left;font-weight:bold; }
#header .gnb .detail ul li dl.lecture dd {float:right; width:100px; text-align:left; font-weight:normal;letter-spacing:-1px;font-size:13px;}
#header .gnb .detail ul li dl.lecture.file dd{width:125px;}

#header .gnb .detail .gnb_banner {float:right;border-left:0}

/* GNB 개편 */
#header .gnb{display:none;}
#header .gnb_2016 {background:#041751}
#header .gnb_2016 .inner >ul {overflow:hidden;}
#header .gnb_2016 > .inner > ul > li {float:left;display:block;width:180px;/*150px*/}
#header .gnb_2016 > .inner > ul > li a{ color:#fff;height:65px;display:block;text-align:center;line-height:65px;font-size:16px;font-weight: bold;letter-spacing: -2px;}
#header .gnb_2016 > .inner > ul > li a.on{background-color:#fff;color:#041751;border-top:5px solid #041751;height:60px;line-height:55px;}
#header .gnb_2016 > .inner > ul > li a .new {vertical-align:middle;padding:0 0 0 7px;}
#header .gnb_2016 ul li:first-child {margin:0}
#header .gnb_2016 ul li span.arrow {background:url('/img/main/online/v2/bg_menu.png') no-repeat 0 -22px;width: 6px;height: 7px;display:inline-block;margin:0 0 0 10px}
#header .gnb_2016 ul li .on span.arrow {background:url('/img/main/online/v2/btn_menu_b.png') no-repeat -8px 0px}
#header .gnb_2016 ul li .gnb_banner{margin:5px 0 0 25px;display:inline-block;*display:inline;*zoom:1;}
#header .gnb_2016 ul li .yet a{color:#b5b5b6;pointer-events: none;cursor: default;}

#header .gnb_2016 .detail {border-bottom:4px solid #041751;background:#fff;padding:30px 0;display:none;}
#header .gnb_2016 .detail .inner {overflow:hidden; width:1080px;}
#header .gnb_2016 .detail ul {padding:0}
#header .gnb_2016 .detail ul li {float:left;padding:2px 0;border-left:1px solid #041751;margin:0;height:440px;width:269px;}
#header .gnb_2016 .detail ul li .gnb_dt{font-size:16px; color:#000; font-weight:bold;margin-bottom:20px;margin-left:25px;width:219px;}
#header .gnb_2016 .detail ul li:first-child {border-left-width:0px;}
#header .gnb_2016 .detail ul li dl {padding:0 25px;min-height:160px;letter-spacing:-2px;}
#header .gnb_2016 .detail ul li dl dd {font-size:13px; color:#000;font-weight:bold;line-height:23px;letter-spacing:-2.4px;}
#header .gnb_2016 .detail ul li dl dd a:hover {color:#1f4f85;}
#header .gnb_2016 .detail ul li dl.lecture {overflow:hidden;overflow:hidden;margin-bottom:30px;}

#header .gnb_2016 .detail ul li dl.lecture dt {font-size:16px; color:#000;font-weight:bold;margin-bottom:20px;}
#header .gnb_2016 .detail ul li dl.lecture dd {text-align:left;letter-spacing:-1px;font-size:13px;line-height:25px;font-weight:bold;}
#header .gnb_2016 .hide{display:none !important;}

/* 2016-11-23 기존 common css에서 추가 (기존 레이아웃이 깨져서) */
.cont_box{position:relative;width:960px;padding-right:190px;margin:0 auto;overflow:hidden;}
.cont_box.center_cont_box{padding-right:140px;}
#contents{position:relative;/* min-height:500px;margin:0 auto;padding-bottom:100px; */}
.contents_detail {position:relative;padding-bottom:50px;background:#f5f5f5}

/* button */
.contents_detail .btn_box{overflow:hidden;margin:20px 0 50px;}
.contents_detail .btn_box .btn_left{float:left}
.contents_detail .btn_box .btn_right{float:right}

/* 페이징 */
.paging{clear:both;width:100%;padding:70px 0 0;font-size:14px;line-height:1.2em;text-align:center}
.paging a{padding:0 12px;color:#555}
.paging a:hover{color:#1d50a2}
.paging a:active{color:#1d50a2;text-decoration:underline}
.paging span{padding:0 8px 0 12px;font-weight:bold;color:#1d50a2;text-decoration:underline}
.paging_cur{padding:0 8px 0 12px;color:#1d50a2;text-decoration:underline}
.paging span.prev,.paging span.next,.paging span.first,.paging span.last{display:inline-block;font-weight:normal;color:#f5f5f5;text-decoration:none; padding:0;}
.paging span.prev a,.paging span.next a,.paging span.first a,.paging span.last a,.paging span > i{display:block;text-indent:-99999px}
.paging .prev i{width:6px;padding:0 10px 0 12px;background:url(/img/board/paging/btn_prev_dim.gif) no-repeat 12px 3px}
.paging .next i{width:6px;padding:0 8px 0 6px;background:url(/img/board/paging/btn_next_dim.gif) no-repeat 6px 3px}
.paging .first i{width:10px;padding:0;background:url(/img/board/paging/btn_first_dim.gif) no-repeat 0 3px}
.paging .last i{width:10px;padding:0;background:url(/img/board/paging/btn_last_dim.gif) no-repeat 0 3px}
.paging .prev a{width:6px;padding:0 10px 0 12px;background:url(/img/board/paging/btn_prev_off.gif) no-repeat 12px 3px}
.paging .prev a:hover{background:url(/img/board/paging/btn_prev_on.gif) no-repeat 12px 3px}
.paging .next a{width:6px;padding:0 8px 0 6px;background:url(/img/board/paging/btn_next_off.gif) no-repeat 6px 3px}
.paging .next a:hover{background:url(/img/board/paging/btn_next_on.gif) no-repeat 6px 3px}
.paging .first a{width:10px;padding:0;background:url(/img/board/paging/btn_first_off.gif) no-repeat 0 3px}
.paging .first a:hover{background:url(/img/board/paging/btn_first_on.gif) no-repeat 0 3px}
.paging .last a{width:10px;padding:0;background:url(/img/board/paging/btn_last_off.gif) no-repeat 0 3px}
.paging .last a:hover{background:url(/img/board/paging/btn_last_on.gif) no-repeat 0 3px}

/*20160803 하단 띠배너 css 추가 */
.wide_ban_area {position:fixed;bottom:0;left:0;width:100%;z-index:1000}
.wide_ban_area .wide_wrap {width:960px;margin:0 auto}
.wide_ban_area .wide_ban {position:relative; text-align:center;}
.wide_ban_area .wide_ban a {display:block}
.wide_ban_area .wide_ban .btn_close {position:absolute;top:34px;right:-28px}
.wide_ban_area .bt_cls {display: block; border: 0; position: absolute; top: 10px; right: 10px; width: 25px; height: 25px; background: url(/img/main/online/v2/bt_cls.png) no-repeat; text-indent: -999em; white-space: nowrap; overflow: hidden;}

/* 3.0-common    */
/*#wrap{min-width:1280px}*/
.st-header-v3 .wrap-dangi-header {background:#20385e !important}
.st-header-v3 .nav-depth-01 > div > ul:first-child > li:first-child {margin-left:0;}
.st-header-v3 .nav-depth-01 > div > ul:first-child > li {margin-left:45px;}
.btn-offline-dangi {background:#395f9b}
/*3.0출사표*/
.wrap-dangi-info .bx-dangi-info {overflow:hidden}
.wrap-dangi-info .bx-dangi-info li {height:395px; overflow:hidden}
.wrap-dangi-info .bx-wrapper{position:relative;}
.wrap-dangi-info .bx-pager{position:absolute;left:50%;margin-left:-510px;bottom:60px;}
.wrap-dangi-info .bx-pager-item{float:left;position:relative;}
.wrap-dangi-info .bx-pager a{display:block;height:9px;width:9px;background:url('/img/dangi-3.0/bg_info_pager.png') no-repeat 0 0;line-height:99999px; overflow:hidden;margin-left:7px;}
.wrap-dangi-info .bx-pager a.active{background-position:0 -9px;}
.wrap-dangi-info .bx-wrapper:hover .bx-controls-direction a{display:block}
.wrap-dangi-info .bx-pager-item:before {display:block;position:absolute;top:3px;left:0;width:7px;height:2px;background:#20385e;content:''}
.wrap-dangi-info .bx-pager-item:first-child {padding-left:0}
.wrap-dangi-info .bx-pager-item:first-child:before {display:none}

/* nav-gnb v2018.02 */
.st-conects-snb .nav-gnb>li.off_public .depth-01{color:#20385e;}
.st-conects-snb .nav-gnb-depth-02 dt{color:#20385e;}
.st-conects-snb .nav-gnb-depth-02 dt a{color:#20385e;}
.st-conects-snb .artc-toggle-depth .btn-toggle-depth{color:#20385e;border:1px solid #20385e;}
.btn-toggle-depth.btn-subject:after{background:url(http://s3.ap-northeast-2.amazonaws.com/st.dangidata/public_dangicokr/img/common/header/blt-arr-10-public.png);}