@charset "utf-8";


/* CSS Document */
.mw-1920 {max-width: 1920px;}
.mw-1200 {max-width: 1200px;}

.bdbox {box-sizing: border-box;}

.header_wrap {z-index: 10; height:720px; margin-bottom: -200px;}
.header_wrap.sub {height:468px; margin-bottom: 0; position: relative;}
.header_wrap .visual_wrap {z-index: 1; position: absolute; height: 100%; top: 0; left: 0;}
.header_wrap .contents_wrap {z-index: 3;}
.header_wrap .visual_wrap .visual_con {position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
.header_wrap .visual_wrap .visual_con.visual_0 {background: url("../img/dept_main_visual00.jpg") no-repeat center top; background-size: cover; }


/*유틸메뉴*/
.util_wrap {overflow: hidden;}
.util_wrap .inner_con {padding: 0px 15px;}
.util_wrap .mobile_border_wrap {position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity: 0.2; filter:alpha(opacity=20); display:none; }
.util_wrap .util_con {overflow: hidden; float:right; text-align: right; margin: 0px 0px 21px;}
.util_wrap .util_con > div {float: left;}
.util_wrap .util_con > div.wp_mg_con {margin-top: 5px;}
.util_wrap .util_con > div.wp_mg_con span {font-size: 11px; font-size: 1.1rem; color: #fff; display: inline-block; padding: 4px 0px 2px;}
.util_wrap .util_con > div.lang_con {font-size: 0; margin-left: 40px; display:inline-block; }
.util_wrap .util_con > div.lang_con span {display: inline-block; vertical-align: middle; font-size: 11px; font-size: 1.4rem; color: #fff; opacity: 0.4; filter:alpha(opacity=40); padding-top: 10px;}
.util_wrap .util_con > div.lang_con span.line {display: inline-block; width: 1px; height: 10px; background-color: #fff; margin: 10px 8px 0; padding: 0;}
.util_wrap .util_con > div.lang_con span.active {opacity: 1; filter:alpha(opacity=100);}

/* GNB */
.logo_wrap {width: 100%; border-bottom: 1px solid #33518d;}
.logo_wrap .logo_weather_wrap {padding: 0 15px;}
.header_logo {float: left;}

#gnb {float: right;}
#gnb .gnb_depth_1 {overflow: hidden; padding: 10px 0 40px; z-index: 1000;}
#gnb .gnb_depth_1 > li {float: left;  margin-left: 70px; font-size: 1.8rem; color: #ffffff;  z-index: 1000;}
#gnb .gnb_depth_1 > li:first-child {margin-left: 0px;}
#gnb .gnb_depth_1 > li:hover {color: #fffc01;}
#gnb .gnb_depth_2 {display: none; position: absolute; margin-top: 20px; z-index: 100;}
#gnb .gnb_depth_1:hover .gnb_depth_2 {display: block;}
#gnb .gnb_depth_2 > li {font-size: 1.4rem; color: #ffffff; margin-top: 10px;}
#gnb .gnb_depth_2 > li:hover {color: #fffc01;}
#gnb .gnb_depth_2 > li:first-child {margin-left: 0px;}

/*TEXT */
.main_text_search_wrap {margin-top: 0px; padding: 0; position: absolute; min-height: 350px; text-align: center; color: #fff;}
.main_text_search_wrap .main_text_search_con {padding: 0px 20px;}
.main_text_search_wrap .main_text {font-size: 38px; font-size: 3.8rem; line-height: 4.0rem; font-weight: 300; text-transform: uppercase; }
.main_text_search_wrap .main_text .br_off{ display:none; }
.main_text_search_wrap .main_text .br_on{ display:block; }
.main_text_search_wrap .sub_text {margin-bottom: 28px; font-size: 2.2rem; line-height: 22px;}
.main_text_search_wrap .sub_text:before {content: ""; display: block; width: 20px; height: 1px; background-color: #fff; margin: 15px auto 15px;}
.search_keyword { font-weight: 600 !important; color:#fe8c13 !important; }

/* notice */
.visual_notice_wrap {max-width: 1170px; z-index: 1000; clear: both;}
.visual_notice_con {}
.visual_notice_con .visual_notice_tit {background: url("../img/notice_bg.png") repeat left top; padding: 30px 30px; overflow: hidden; position: relative;}
.visual_notice_con .visual_notice_tit > h3 {color: #ffffff; font-size: 2.2rem; float: left;}
.visual_notice_con .visual_notice_tit > p {float: right;}
.visual_notice_con .visual_notice {background-color: #ffffff; overflow: hidden;  padding: 60px 30px; box-sizing: border-box;}
.visual_notice_con .visual_notice > li {float: left;}
.visual_notice_con .visual_notice > li.dept_date {width: 12%; border: 1px solid #e4e4e4; padding: 40px 15px; text-align: center; box-sizing: border-box;}
.visual_notice_con .visual_notice > li.dept_date .year {color: #000000; font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 5px;}
.visual_notice_con .visual_notice > li.dept_date .date {color: #000000; font-size: 3.0rem; line-height: 2.4rem; font-weight: 400;}
.visual_notice_con .visual_notice > li.notice_new {width: 32%; margin-left: 25px; cursor: pointer; box-sizing: border-box;}
.visual_notice_con .visual_notice .notice_dot {padding-left: 15px; background: url("../img/notice_dot.png") no-repeat left 10px;}
.visual_notice_con .visual_notice > li.notice_new > h4 {color: #000000; font-size: 1.8rem; line-height: 2.4rem;}
.visual_notice_con .visual_notice > li.notice_new > p {color: #000000; font-size: 1.3rem; line-height: 2.4rem; margin-top: 20px;}
.visual_notice_con .visual_notice > li.notice_list {width: 48%; margin-left: 35px; box-sizing: border-box;}
.visual_notice_con .visual_notice > li.notice_list > ul > li {cursor: pointer; font-size: 1.8rem; color: #666666; line-height: 2.4rem; overflow: hidden; margin-top: 18px;}
.visual_notice_con .visual_notice > li.notice_list > ul > li:first-child {margin-top: 0px;}
.visual_notice_con .visual_notice > li.notice_list > ul > li > span {float: right; font-size: 1.3rem; color: #888888; line-height: 2.4rem;}


/* Title */
.guide_line{ height: 200px; width:100%; float: left; }

.wrapper{max-width:1920px; margin:0px auto;}

.article_000 .article_header{}
.article_000 .long_line{width:118px; border-bottom:2px solid #000;}
.article_000 .article_body{overflow: hidden;}
.article_000 .list_con{max-width:255px; margin:0px auto;}
.article_000 .short_line{width:46px; border-bottom:1px solid #000;}
.article_000 .list_desc1{max-height:11.4rem; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.article_000 .list_date1{color:#888888;}


.article_001{background-color: #005baa;}
.article_001 .util_box{color:#fff;}
.article_001 .icon_first{background: url('../img/util_bar_icon_00.png') no-repeat left;}
.article_001 .icon_second{background: url('../img/util_bar_icon_01.png') no-repeat left;}
.article_001 .icon_third{background: url('../img/util_bar_icon_02.png') no-repeat left;}
.article_001 .icon_fourth{background: url('../img/util_bar_icon_03.png') no-repeat left;}
.article_001 .icon_fifth{background: url('../img/util_bar_icon_04.png') no-repeat left;}


.article_002{margin-bottom:145px;}
.article_002 .long_line{width:118px; border-bottom:2px solid #000;}
.article_002 .article_body{overflow: hidden;}
.article_002 .text_con{overflow: hidden;}
.article_002 .short_line{width:46px; border-bottom:1px solid #000;}
.article_002 .list_desc1{max-height:11.4rem; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.article_002 .list_date1{color:#888888;}
.article_002 .link_box{overflow: hidden; background: url('../img/main_ntk_005.png') no-repeat right bottom; color:#fff; background-color: #34a2bd; width:100%; box-sizing: border-box;}
.article_002 .calender2{width:100%; position:relative;}
.article_002 .calender2 th{border-top:1px solid #e7e7e7; font-size:10px; font-size:1.0rem; line-height:1.6rem; font-weight:bold; color:#636363; padding:4px 0px;}
.article_002 .calender2 td{font-size:9px; font-size:0.9rem; line-height:1.5rem; vertical-align: bottom; padding:15px 0px; text-align: center; cursor: pointer;}
.article_002 .calender2 .backup{}
.article_002 .calender2 .hiddenbox{position:absolute; top:98px; left:-10px; width:327px; height:224px; z-index: 10;}
.article_002 .calender2 .backup:hover{border-radius:50%; background-color: #61bd34; color:#fff; font-weight:bold; font-size:1.1rem; padding:5px 7px;}
.article_002 .calender2 .backup:hover .hiddenbox{display:block; }
.article_002 .text_con2{color:#808080; overflow: hidden; width:100%; box-sizing: border-box; background: url('../img/main_ntk_009.png') no-repeat left 40px;}



.link_footer{background-color: #f5f5f5;}
.article_003 .footer_wrap{overflow: hidden;}
.article_003 .footer_con{background: url('../img/main_ntk_010.jpg') repeat-y left top; height: 170px;}
.article_003 .footer_con:first-child{background: none;}
.article_003 .footer_list{}


.article_004{background-color: #333333;}
.article_004 .reflect_left{width:177px;}
.article_004 .reflect_right{overflow:hidden;}
.article_004 .footer_title1{color:#8c8c8c;}
.article_004 .footer_subtitle1{color:#b6b6b6;}
.article_004 .footer_item{color:#b6b6b6; margin-left:5%;}
.article_004 .footer_item:first-child{margin-left:0px;}
.article_004 .contact_us{color:#afafaf;}

@media all and (min-width:480px) {

}
@media all and (min-width:768px) {

}
@media all and (min-width:992px) {

}
@media all and (min-width:1200px) {

}
@media all and (min-width:1600px) {

}