@charset "utf-8";

/*=============================================================
							공통
=============================================================*/
#wrapper {position:relative; width:100%; overflow:hidden;}

h2 {font-size:50px;}
h3 {font-size:35px;}
h4 {font-size:24px; line-height:42px;}
h5 {font-size:22px;}
h6 {font-size:20px; line-height:35px;}


/*=============================================================
							헤더
=============================================================*/
.dep2 .tit {padding: 65px 30px 0 0;width: 250px;display: inline-block;vertical-align: top;text-align: right;}
.dep2 .tit>strong>em {font-style: normal;maging-right: 30px;text-align: right;font-size: 1.5rem;color: #fff;font-weight: 500;font-family: 'Noto Sans KR', sans-serif;}
.dep2 .tit>strong>span {display: block;line-height: 1.5;margin-top: 2rem;font-size: 1.3rem;color: #fff;font-family: 'Noto Sans KR', sans-serif;font-weight: 300;margin-bottom:10px;}
.dep2 .m1 {background: #1bb2dd;background-image: url('m1_bg.png');background-repeat: no-repeat;background-position: 0px top;height: 340px;}
.dep2 .m2 {background: #1bb2dd;background-image: url('m2_bg.png');background-repeat: no-repeat;background-position: 0px top;height: 340px;}
.dep2 .m3 {background: #1bb2dd;background-image: url('m3_bg.png');background-repeat: no-repeat;background-position: 0px top;height: 340px;}
.dep2 .m4 {background: #1bb2dd;background-image: url('m4_bg.png');background-repeat: no-repeat;background-position: 0px top;height: 340px;}
.dep2 .m5 {background: #1bb2dd;background-image: url('m5_bg.png');background-repeat: no-repeat;background-position: 0px top;height: 340px;}
.dep2 .m6 {background: #1bb2dd;background-image: url('m6_bg.png');background-repeat: no-repeat;background-position: 0px top;height: 340px;}
/*01 */
.header-top {background: #ccc !important; height: 40px;}
.container {position: relative; max-width: 1200px;width:100%; margin: 0 auto; background:#e7e7e7;}
.left-wrap {float: left;height: 40px;}
.tab-list li {position: relative;float: left; display: block; padding: 0 20px; height: 40px; color: #373636; font-size: 15px;line-height: 40px; font-weight: 500; letter-spacing: -.03em; }
.tab-list li:before {content: ''; position: absolute;top: 50%;left: 0; width: 1px; height: 9px; margin-top: -4px; background: #fff;}
.right-wrap {float: right;}
.split-list li {position: relative; float: left; display: block; padding: 0 20px; height: 40px; color: #373636; font-size: 14px; line-height: 40px; font-weight: 500; letter-spacing: -.03em;}
.split-list > li + li:before {content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 9px; margin-top: -4px; background: #fff;}
.clear { position:relative; width:100%; clear:both; margin:0; padding:0; visibility:hidden; font-size:0; height:0px; overflow:hidden; }
.dep2 .in>ul>li:nth-child(5n+1) {clear: both;} 

.inner { position: relative;max-width: 1200px;margin: 0 auto}
.inner:after { content: "";display: block;clear: both}
#header2 .inner { position: static }
#wrap.main #container .inner { border-left: 0}

#header1 { height: 40px; border-bottom: 1px solid #ededed; text-align: right; font-size: 0;	background: #ededed;}
#header1 .btn-twit img { margin-top: 6px;}
#header1 .btn-twit:last-child { background: none; padding-left: 0px; margin-left: 6px;}
#header1 a { display: inline-block; line-height: 39px; vertical-align: middle; font-size: 14px; color: #656565; padding-left: 13px; margin-left: 12px; background: url(bg_lnb.png) no-repeat 0 50%;}
#header1 ul li {display: inline-block;line-height: 39px;vertical-align: middle;font-size: 14px;color: #656565;padding-left: 5px;padding-right: 5px;background: url(bg_lnb.png) no-repeat 10px 50%;}
#header1 a:first-child {  background: none;}
#header1 a > img {vertical-align: middle;margin-top: -5px;}
#header2 {height: 78px;position: relative;background:#fff;}
#header2 h1 {float: left;padding-top: 12px;}
#header2 .btn-all {float: right;width: 78px;height: 78px;background: url(btn_all.png) no-repeat 0 0;text-indent: -9999px;margin-left: 20px;}
#gnb {padding: 0 0 0 15px;float: left;}
#gnb > ul:after {display: block;content: '';clear: both;}
#gnb > ul > li {float: left;}
#gnb > ul > li:before {content: ''; position: absolute;top: 50%;width: 1px;height: 20px;margin-top: -9px;background: #000;}
#gnb > ul > li > a {display: block;height: 78px;line-height: 77px;font-size: 21px;color: #000;padding: 0 17px;font-weight: 500;}
#gnb > ul > li > a:hover {font-weight: 500;color: #801b06; }
#gnb > ul > li:hover .dep2 {display: block;}
.dep2 {display: none;position: absolute;left: 0;right: 0;top: 78px;min-height:340px; height: auto;background: #fff url(bg_gnb_over.png) no-repeat 100% 100%;z-index: 99;border-top: 1px solid #ddd;;border-bottom: 1px solid #ddd;}
.dep2 .in {width: 1200px;margin: 0 auto;position: relative;}
.dep2 .tit {position: absolute;left: 0;top: 0;}
.dep2 ul {padding: 30px 0 0 276px;}

.dep2 ul:after {display: block;content: '';clear: both;}
.dep2 ul li {float: left;margin-right: 10px;position: relative;margin-bottom: 30px;white-space: nowrap;}

.dep2 ul li > a {display: block;width: 260px;height: 48px;padding-left: 30px;line-height: 47px;font-size: 17px;color: #3b230b;font-weight: 400;background: #e6e6e6 url(bu_gnb_off.png) no-repeat 15px 50%;border: 1px solid #8c8686; }
.dep2 ul li:hover > a,
.dep2 ul li.active > a {color: #fff;background-color: #273bb4;background-image: url(bu_gnb_on.png);}
.dep2 ul li .d2 {position: relative;left: 0px;top: 0px;padding-top: 5px;}
.dep2 ul li .d2 p {margin-top:3px;padding-left: 10px;background:#fff url(bul_gnb_3dep.gif) 10px 14px no-repeat; width:240px;border: 1px solid #8f9fd3;}
.dep2 ul li .d2 p:hover {color: #b40d0d;background:#1563af url(bul_gnb_3dep_on.gif) 10px 14px no-repeat; }
.dep2 ul li .d2 p a {display: block;font-size: 15px;line-height: 27px;color: #444;padding: 3px 10px;}
.dep2 ul li .d2 p a:hover {color: #fff;/*text-decoration: underline;*/}

#m-header {display: none;position: relative;}
#m-header .logo {text-align: center;padding: 10px 0;}
#m-header .logo img {height: 50px;}
#all_menu .all_btn {position: relative;max-width: 1200px;margin: 0 auto;}
#all_menu .allm_btn {display: inline-block;position: absolute;right: 0;top: -78px;width: 78px;height: 78px;line-height: 78px;color: #fff;font-size: 17px;background: #050d41 url(btn_all.png) no-repeat 50% 50%;text-align: center;text-indent: -9999px}
#all_menu .allm_btn.on {background: #78b63f url(allmenu_close_1.png) center center no-repeat;background-size: 25px}
#allMenu {display: none;height: 340px;background-color: rgba(255, 255, 255, 1);position: absolute;top: 78px;left: 0;width: 100%;z-index: 999;font-size: 0.9375em;border-top: 1px solid #b4b4b4;border-bottom: 1px solid #b4b4b4}
#allMenu > div {overflow: auto;width: 100%;max-width: 1300px;margin: 0 auto}
.allM_Box {overflow: hidden;background: #fff; border-bottom: 1px solid #b4b4b4;}
.allM_Box > li {position: relative;box-sizing: border-box;float: left;width: 16%;padding: 40px 0.5% 10px;border-right: 1px solid #b4b4b4;min-height: 340px;text-align: center; letter-spacing:-1px;}
.allM_Box > li:first-child {border-left: 1px solid #b4b4b4}
.allM_Box > li > a {position: absolute;left: 0;top: 0;width: 100%;height: 45px;line-height: 45px;display: block;font-size: 19px;font-weight: bold;color: #114588;background: #f1f1f1;border-bottom: 1px solid #b4b4b4}
.allM_Box > li > ul {padding-top: 15px}
.allM_Box > li > ul > li {padding-bottom: 5px;text-align: left}
.allM_Box > li > ul > li > a {color: #333;font-size: 17px;font-weight: 400}
.allM_Box > li > ul > li > ul > li {padding-left: 14px;background: url(bul_m_3dep.gif) 5px 15px no-repeat;text-align: left;padding-top: 5px;padding-bottom: 5px;}
.allM_Box > li > ul > li > ul > li > a {color: #444;font-size: 14px;}
.allMenu_close {width: 100%;background-color: #3c3f50;border-top: 1px solid #6f9bd6;box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2)}
.m_sns {display: none}
.close_btn {width: 100%;max-width: 1400px;height: 25px;margin: 0 auto;padding: 10px 0;text-align: right}
.close_btn button {width: 25px;height: 25px;margin-right: 10px;background: url(allmenu_close.png) no-repeat;border: 0;transition: all .4s}
.close_btn button:hover,
.close_btn button:focus {transform: rotate(180deg)}
.mobile_link {display: none;background: #fff;margin-bottom: 5px}
.mobile_link h2 {padding: 10px 0}
.mobile_link h2 a img {width: 150px}
.mobile_link ul:after {content: "";display: block;clear: both}
.mobile_link ul li {float: left;width: 50%;box-sizing: border-box;border-width: 1px 0 1px 1px;border-style: solid;border-color: #e7e7e7}
.mobile_link ul li:first-child {border-left: 0}
.mobile_link ul li:first-child,
.mobile_link ul li:nth-child(2) {width: 50%;border-bottom: 0}
.mobile_link ul li a {display: block;font-size: 13px;color: #666;height: 45px;line-height: 45px}
.mobile_link ul li a.msns {display: inline-block;}
.mobile_link ul li a.msns:last-child {margin-left: 11px;}
.mobile_link ul li a img {width: 30px;margin-top: 8px;}
.mobile_link ul li.wp_50 {width: 50%;margin-top: -1px;}
.mobile_link ul li a img.inno_gov {width: auto;height: auto;vertical-align: middle;margin-top: -5px;}

@media only screen and (max-width:1300px) {
#header .header_content .logo {position: relative;top: 10px;left: 20px;margin-left: 0px;width: 230px;height: 49px;background-size: 100%;}
}
@media only screen and (max-width:1200px) {
#header .header_content .logo {left: 50%;margin-left: -125px;}
.scroll #header {display: none;}
#lnb .nav_open {background: url(header_icon.png) no-repeat 0 -5px;top: 41px;}
#lnb .mobile_top .logo_m a {display: block;width: 200px;height: 30px;background-size: 100%;}
#lnb .nav .depth1_text {line-height: 20px;}
#lnb .nav .depth2 .depth2_title {top: auto;}
#lnb .nav .depth2_list {margin-top: auto;display: none;}
#lnb .nav .active .depth2_list {display: block;}
}
@media only screen and (max-width:500px) {
	
#header {height: 80px;}
#header .header_content .logo {width: 200px;height: 43px;margin-left: -100px;top: 27px;}
#lnb .nav_open {top: 32px;}
#lnb .nav_close {top: 20px;right: 20px;width: 20px;height: 20px;background: url(header_icon.png) no-repeat -113px -4px;}
#header .header_content .logo {top:10px;left: 50%; margin-left: -125px;}
}
@media all and (max-width:1024px) {
#header .header_content .logo {width: 230px;height: 49px;background-size: 100%;}
#m-header .logo {height: 45px}
#m-header .logo a {margin-left: 10px}
#wrap.main .inner,
#wrap.main .dep2 .in {padding: 0 12px;max-width: 768px;width: auto;box-sizing: border-box;}
#wrap.main #footer1 .inner {padding: 0;}
#m-header {display: block;}
#m-header .logo {text-align: left}
#header1 {display: none}
#header1 a {height: 25px;line-height: 24px;font-size: 11px;}
#header2 {display: none;}
.mobile_link {display: block}
#all_menu .allm_btn {top: 5px;}
#all_menu .btn a {right: 1%}
#all_menu .allm_btn,
#all_menu .allm_btn.on {background: url(btn_m_nav.png) no-repeat 50% 50%;}
#all_menu .allm_btn {width: 50px;height: 60px;z-index: 999}
#allMenu {overflow-y: auto;position: fixed;top: 0;right: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.25);z-index: 1000}
#allMenu > div {width: 280px;height: 100%;position: absolute;right: 0;padding: 0;background: #f2f2f2;z-index: 9999;}
#allMenu > div > div > div {margin-right: 0;text-align: center}
#allMenu .link {display: block}
.allM_Box > li > a {position: static;left: inherit;top: inherit;border-bottom: 0;color: inherit;text-decoration: none;background: #fff}
.allM_Box > li > a.on {color: #fff;background: #c03e3e url(dep2_close.png) 93% center no-repeat}
.allM_Box > li > a.empty {background: #2c3e7e}
.allM_Box > li {width: 100%;text-align: left;padding: 0;}
.allM_Box > li > a {display: block;padding: 0 15px;height: 50px;line-height: 50px;text-decoration: none;color: #000;font-size: 17px}
.allM_Box > li:hover > a,
.allM_Box > li:active > a,
.allM_Box > li:visited > a {text-decoration: none}
.allM_Box > li > ul {padding: 0;background: #3c3f50}
.allM_Box > li > ul > li {padding-bottom: 0;border-bottom: 1px solid #4d5268;background: url(bul_mobile_2dep.gif) 20px 18px no-repeat}
.allM_Box > li > ul > li > a {display: block;padding: 10px 0 10px 32px;text-decoration: none;color: #fff;background: url(dep2_more.png) 93% center no-repeat}
.allM_Box > li > ul > li > a.on {background: url(dep2_close.png) 93% center no-repeat;}
.allM_Box > li > ul > li > a.empty {background: none}
.allM_Box > li > ul > li > ul {padding: 7px 25px;background: #4f556b}
.allM_Box > li > ul > li > ul > li {background: url(bul_mobile_3dep.gif) 5px center no-repeat}
.allM_Box > li > ul > li > ul > li > a {display: block;font-size: 13px;padding: 5px 0;text-decoration: none;color: #fff}
#allMenu .gnb_wrap {display: block}
#allMenu .allM_Box > li {float: none;min-height: inherit;border-left: 0;border-right: 0;border-bottom: 1px solid #e5e5e5}
#allMenu .allM_Box > li > ul,
#allMenu .allM_Box > li > ul > li > ul {display: none}
.allMenu_close {display: none}
.right-wrap {display: none;}
}
@media all and (max-width:500px) {
.tab-list li {padding: 0 10px;}
}
/*=============================================================
							콘텐츠 
=============================================================*/
#container {position:relative; width:100%; margin-top:0px;}
#container .contents {position:relative; width:1200px; height:100%; margin:0 auto; }

#sub_mainCont {width:100%; overflow:hidden;}

/******** 서브 비주얼 ********/
.sub_visual {position:relative; height:300px; color: rgba(255,255,255,0.67);background-color:#333;font-weight:100;letter-spacing:-0.03rem;overflow:hidden;margin-top:0px;}
/*.sub_visual .v_zoom {position:absolute;left:0;top:0;bottom:0;width:100%;transform:scale(1.2);background-size:120% 120%;background-repeat: no-repeat;background-position: 50% 0;transition:2s;}
.sub_visual .v_zoom.on {transform:scale(1);}
.sub_visual .bg01 {background-image:url(svis_001.jpg);}
.sub_visual .bg02 {background-image:url(svis_002.jpg);}
.sub_visual .bg03 {background-image:url(svis_003.jpg);}
.sub_visual .bg04 {background-image:url(svis_004.jpg);}
.sub_visual .bg05 {background-image:url(svis_005.jpg);}
  
.sub_visual .sub_visual_box {position: absolute;left:50%; top:50%; font-size: 2rem;text-align: center; -ms-transform: translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.sub_visual h2 {display:block; color:#333; letter-spacing:-0.02em; line-height: 1.2;vertical-align: middle;}
.top_area {border-bottom: 0.1rem solid #dcdcdc;}*/
	
/******** 서브 카테고리 ********/
.sub_category {position:absolute; bottom:0; left:0; width:100%; z-index:55; border-top:1px solid rgba(0,0,0,0.2);}
.sub_category ul {display: inline-block; width:100%; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; vertical-align: middle; -ms-overflow-style: none; text-align:center;}
.sub_category ul::-webkit-scrollbar {display:none;}
.sub_category ul li {display:inline-block; position:relative; box-sizing:border-box; overflow:hidden; vertical-align: middle; margin:0 20px;}
.sub_category ul li a {position:relative; display:block; text-align:center; padding:24px 15px; color:#333; font-weight:600; font-size:17px; text-decoration:none; transition: all 0.4s ease;}
.sub_category ul li.active a::after {position:absolute; top:0; left:0; width:100%; height:3px; background:#333; content:'';}


/*=============================================================
							푸터 
=============================================================*/
.fnb {  }
.m_fnb { display:none; }
	
#footer {width:100%; height:auto; overflow:hidden;  background:#fff;}
#footer .footBox {position:relative; width:1200px; margin:0 auto; }

#fnbList { position:relative; width:100%; height:60px; background:#46505a; box-sizing:border-box; overflow:hidden;border-bottom:1px solid #969696;}

#fnbList ul.fnb {}
#fnbList ul.fnb li {position:relative; float:left; line-height:60px; font-size:14px; padding:0 15px;}
#fnbList ul.fnb li::after {position:absolute; top:21px; left:0; width:1px; height:17px; background:#fff; opacity:0.5; content:'';}
#fnbList ul.fnb li:first-of-type::after {display:none;}
#fnbList ul.fnb li:first-of-type {padding-left:0;}
#fnbList ul.fnb li a {color:#fff;} 
#fnbList .top_btn { position:absolute; right:0; width:70px; height:60px; text-align:center; display:block;  background:#4da5ff; color:#fff; }

#foot_info { position:relative; width:100%; overflow:hidden; padding:35px 0 110px 0;background:#46505a; }
#foot_info .f_logo { float:left; margin-right:50px; }
#foot_info .f_logo { width:250px;  }
#foot_info .f_logo img { width:100%; }

#foot_info .f_cont { float:left;  line-height:23px;}
#foot_info .f_cont p { font-size:16px; color:#b1b1b1; padding-bottom:5px; display:block; }
#foot_info .f_cont p.copyright {color:#b1b1b1;}
#foot_info .f_cont p.flat {color:#ededed;font-size:4px;}
 
/*family-site*/
.family-site { position:absolute; top:-15px; right:202px; width:140px; height:45px; box-sizing:border-box; font-size:15px; background:url(arrow_down-point.png) no-repeat right 10px top 20px, #fff; border:1px solid #ddd; color:#b3b3b3 ; background-size:10px; cursor:pointer; z-index:9999; }
.family-site span {display:block; line-height:43px; color:#aaa; font-size:14px; /*background:url(down-arrow.png) no-repeat center right 15px;*/ background-size:12px; padding:0 15px; cursor:pointer;}

.family-site ul {display:none; position:absolute; top:42px;/*bottom:42px;*/ left:-1px; width:100%; border:1px solid #ddd;}
.family-site ul li {  background:#fff; border-top:1px solid #ddd; padding:5px 15px; }
.family-site ul li:first-of-type { border-top:none; }
.family-site ul li a {display:block; width:100%; color:#b3b3b3; font-size:13px; box-sizing:border-box;}

.family-site.group { position:absolute; top:-15px; right:2px; width:200px; height:45px; box-sizing:border-box; font-size:15px; background:url(arrow_down-point.png) no-repeat right 10px top 20px, #fff;border:1px solid #ddd; /*border-left:none;*/ color:#b3b3b3 ; background-size:10px; cursor:pointer; z-index:9999;}

/*sns_list*/
.sns_list { position:absolute; top:75px; margin-top:-33px; right:0;}
.sns_list a {float:left; display:block; width:30px; height:30px; margin:0 5px; text-indent:-99999px; background-repeat:no-repeat; }
.sns_list a.sns01 {background-image:url(sns_icon01.png); }
.sns_list a.sns02 {background-image:url(sns_icon02.png); }
.sns_list a.sns03 {background-image:url(sns_icon03.png); }
.sns_list a.sns04 {background-image:url(sns_icon04.png); }
.sns_list a.sns05 {background-image:url(sns_icon05.png); }
.sns_list a.sns06 {background-image:url(sns_icon06.png); }