@charset "utf-8";

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

/*sub header*/
.header_wrap .visual_wrap .visual_con.sub_visual_0 {background: url("../img/dept_sub_visual00.jpg") no-repeat center top; background-size: cover; }

/*sub_menu_wrap*/
.sub_menu_wrap {width: 100%; overflow: hidden; position: relative; bottom: 0px; background-color: #005baa; padding: 25px 0; margin-bottom: 80px;}
.sub_menu_wrap .sub_menu_con {text-align: center; max-width: 1170px; padding: 0 15px; margin: auto;}
.sub_menu_wrap .sub_menu_con > li {display: inline-block; vertical-align: top; color: #ffffff; font-size: 1.8rem; line-height: 4.0rem; margin-left: 45px; font-weight: 400;}
.sub_menu_wrap .sub_menu_con > li:first-child {margin-left: 0px;}
.sub_menu_wrap .sub_menu_con > li:hover {color: #fffc01; }
.sub_menu_wrap .sub_menu_con > li.active {color: #fffc01; }


/*sub 공통헤더*/
.title_navi_detail{overflow:hidden;}
.title_navi_sub{background: url('../img/sub_ntk_001.png') no-repeat left 7px; cursor: pointer;}
.title_navi_sub.now_visit_depth{font-weight:bold; color:#005baa;}

.sub_title_con h4{font-size: 35px; font-size:3.5rem; line-height:4.1rem; color:#333333;}
.sub_title_con .desc4{font-size: 12px; font-size:1.2rem; line-height:1.8rem; color:#888888;}
.sub_title_con .line4{width:74px; border-bottom:1px solid #3a3a3a; }
/*//sub 공통헤더*/


/*월간, 연간일정*/
.calendar_view_mode{}
.calendar_view{background-color: #e8e8e8;}
.calendar_view:hover{background-color: #005baa; color:#fff;}
.calendar_view.active{background-color: #005baa; color:#fff;}

/*년도 보기*/
.month_list_con{overflow: hidden;}
.month_list{width:14.28%; border:1px solid #e5e5e5; box-sizing: border-box;}
.month_list.on{border-color:#065fac;}
.month_list:hover{border-color:#065fac;}

/* 달력 */
.calendar_con{display: none;}
.calendar_con .month{font-size:129px; font-size:12.9rem; line-height:13.5rem; color:#f4f4f4;}
.calendar_con .year{font-size:73px; font-size:7.3rem; line-height:7.9rem;}
.calendar_con .month_text{font-size:85px; font-size:8.5rem; line-height:9.1rem;}
.calendar_con table.calendar_summary td{font-size:20px; font-size:2.0rem; line-height:2.6rem; color:#bbbbbb; padding:10px 25px;}
.calendar_con table.calendar_summary td.on{color:#e60000;}
.calendar_con .half_term_title{}
.calendar_con table.calendar_style2{border-collapse: collapse;}
.calendar_con table.calendar_style2 th{padding:19px 0px; font-size: 16px; font-size:1.6rem; line-height:2.2rem; text-align: center; border:1px solid #dadada; background-color: #f5f5f5; font-weight: 500;}
.calendar_con table.calendar_style2 td{padding:20px 25px; font-size: 14px; font-size:1.4rem; line-height:2.0rem; border:1px solid #dadada;}
.calendar_con .calendar_detail{color:#005baa;}


table.tb_calender0{width:100%; border-collapse: collapse; text-align: left;}
table.tb_calender0 th{box-sizing: border-box; border-bottom:2px solid #000; font-size: 24px; font-size:2.4rem; line-height:3.0rem; font-weight:normal; padding:3% 1%;}
table.tb_calender0 td{box-sizing: border-box; border-bottom:1px solid #e5e5e5; font-size: 24px; font-size:2.4rem; line-height:3.0rem; padding:3% 1%; vertical-align: top; height:209px;}
table.tb_calender0 td.last_day{border-bottom:none;}
table.tb_calender0 .sunday{color:#e60000;}
table.tb_calender0 .saturday{color:#005baa;}
table.tb_calender0 .schedule_list_blue{color:#005baa;}
table.tb_calender0 .schedule_list_red{color:#e60000;}



.sub_edu_wrap{}
.sub_edu_wrap .edu_list_con{overflow: hidden;}
.sub_edu_wrap .edu_list{width:33.33%; border:1px solid #e5e5e5; color:#005baa; background-color: #fcfcfc; box-sizing: border-box;}
.sub_edu_wrap .edu_list.on{border-color:#005baa; border-bottom:none; font-weight: bold;}
.sub_edu_wrap .edu_list:hover{border-color:#005baa; border-bottom:none; font-weight: bold;}
.sub_edu_wrap .sub_edu_contents_wrap{border-bottom:1px solid #e5e5e5;}
.sub_edu_wrap .sub_edu_contents_wrap.sub_contents_last_wrap{border-bottom:none;}
.sub_edu_wrap .reflect_left_img_box{}
.sub_edu_wrap .reflect_right_text_con{overflow: hidden; }
.sub_edu_wrap .first_text_con{color:#656565;}
.sub_edu_wrap .reflect_right_title1{color:#313131}
.sub_edu_wrap .edu_color_list{color:#656565}
.sub_edu_wrap .reflect_right_img_box{cursor:pointer; border:2px solid transparent; box-sizing: border-box;}
.sub_edu_wrap .reflect_right_img_box.on{border:2px solid #005baa;}


.wv_img_010.wv_color_key_default {background-color: transparent;}
.wv_img_010.wv_color_key_navy {background-color: #2c3e50;}
.wv_img_010.wv_color_key_orange {background-color: #ff9d00;}
.wv_img_010.wv_color_key_green {background-color: #1abc9c;}
.wv_img_010.wv_color_key_pink {background-color: #f8a4b8;}
.wv_img_010.wv_color_key_purple {background-color: #ba6ccb;}
.wv_img_010 .img_list{}
.wv_img_010 .img_con{cursor:pointer; max-width:255px; overflow:hidden;}
.wv_img_010 .img_top{position:relative;}
.wv_img_010 .dim_con{position:absolute; width:100%; height:100%; top:0; left:0; display:none;}
.wv_img_010 .img_dim{position: absolute; width:100%; height:100%; top: 0; left:0; background-color: #005baa; opacity:0.9; filter:alpha(opacity=90);}
.wv_img_010 .icon_wrapper{width: 100%; height: 100%;}
.wv_img_010 .icon_con{position:relative; opacity:1; z-index:10; filter:alpha(opacity=100);}
.wv_img_010 .profile_info{position:relative; color:#fff;}
.wv_img_010 .img_mid{background-color: #fff;}
.wv_img_010 .line{width:48px; border-bottom:1px solid #000;}
.wv_img_010 .list_desc1{}
.wv_img_010 .desc1{}
.wv_img_010 .info_title{width:65px;}
.wv_img_010 .info_desc1{color:#888888;}
.wv_img_010 .img_top:hover .dim_con{display:block;}





.sub_contents_wrap{border-bottom: 1px solid #3a3a3a;}
.sub_contents_wrap.sub_contents_last_wrap{border-bottom: none;}
.sub_contents_wrap .list_title1{}
.sub_contents_wrap .list_desc1{color:#888888;}
.sub_contents_wrap .bg_count{font-size:200px; font-size:20rem; color:#d3d3d3; opacity: 0.25; filter:alpha(opacity=25); position: absolute;top:90px; left:100px;}
.right_list_con .list_list2{background: url('../img/sub_ntk_007.jpg') no-repeat left 9px;}
.sub_contents_wrap .list_color2{color:#005baa;}





/*popup*/
.popup_wrap {display: none; position: fixed; z-index: 1200; width: 100%; height: 100%; left: 0; top: 0; }
.popup_wrap.on{display: block;}
.popup_con {position: absolute; width: 100%; height: 100%; z-index: 1201; background-color: #000000; opacity: 0.8; filter: alpha(opacity=80);}
.popup_wrap .hidden_img_box {position: absolute; z-index: 1201; width: 817px; height: 950px; top: 75px; left: 50%; margin-left: -400px; overflow-y: auto;}