@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* Wrap */
#wrap {width:100%; position:relative;}

/* Skip_navigation */
#accessibility {position:relative;width:100%;top:-1px;left:0;z-index:10000;}
#accessibility ul li {position:absolute;top:-1px;left:0;width:100%;}
#accessibility a, #accessibility a:link {display:block;width:100%;height:1px;margin:0 0 -1px 0;font-size:1em;text-decoration:none;overflow:hidden;}
#accessibility a:active,
#accessibility a:focus,
#accessibility a:hover {width:100%;height:20px;padding:14px 0 6px 0;font-weight:bold;color:#fff;text-align:center;background:#000;}

/* Header */
#header {width:100%;height:108px;line-height:14px;z-index:100;}
#header h1 {position:relative;width:990px;margin:0 auto;}
#header h1 span {position:absolute;top:49px;left:0;z-index:10;}

/* Utility */
.utility_area {position:relative;width:100%;height:37px;background:#d6e5f2;border-bottom:1px solid #afc7db;}
.utility {width:990px;margin:0 auto;overflow:hidden;}
.utility li {float:left;}
.utility li a {display:block;padding:12px 13px 10px;height:15px;border-left:1px solid #afc7db;text-align:center;color:#333;font-size:13px;}
/* 미래창조과학부로고 추가 문제로 CSS변경  150602
.utility li a {display:block;padding:12px 20px 10px;height:15px;border-left:1px solid #afc7db;text-align:center;color:#333;font-size:13px;}
*/

/* Search */
.search_area {position:absolute;right:0;top:-40px;}
.search_area input.input_type {width:115px;height:35px;*height:34px;padding:4px 0 0 10px;border:0;margin-right:-5px;font-size:15px;font-weight:bold;border-left:1px solid #afc7db;border-bottom:1px solid #afc7db;background:#fff;}
/* 미래창조과학부로고 추가 문제로 CSS변경  150602
.search_area input.input_type {width:215px;height:35px;*height:34px;padding:4px 0 0 10px;border:0;margin-right:-5px;font-size:15px;font-weight:bold;border-left:1px solid #afc7db;border-bottom:1px solid #afc7db;background:#fff;}
*/
.search_area .ov_label {padding:13px 0 0 10px;color:#777;cursor:pointer;}
.search_area a.btn_search {width:49px;height:39px;display:inline-block;overflow:hidden;text-indent:-9999px;cursor:pointer;vertical-align:middle;
background:#afc7db url('../../images/user/common/btn_search.gif') no-repeat left top;}

/* Gnb */
#gnb_area {position:relative;width:990px;margin:0 auto;line-height:18px;z-index:2000;}
#gnb {position:absolute;right:0;top:14px;}
#gnb li {position:relative;float:left;padding:0 10px 15px 0;}
#gnb li.menu03 div{display:none !important;}
#gnb li.menu06 {padding:0 10px 0 13px;}
#gnb li.menu06 li {padding:0;}
#gnb li.last{padding:0;}
#gnb li a {display:inline-block;padding:13px 10px;color:#333;font-size:17px;font-weight:bold;}
#gnb li a:hover,#gnb li.over a {color:#2185d7;background:url('../../images/user/common/gnb_over01.jpg') no-repeat 13px 3px;}

#gnb li div {overflow:hidden;position:absolute;top:56px;left:8px;z-index:2000;display:none;background:#fff;}
#gnb li ul {padding:8px 20px 14px 18px;overflow:hidden;border:1px solid #549fde;border-top:0;}
#gnb li.menu01 div {width:388px;}
#gnb li.menu02 div {width:991px;left:-317px;*left:-345px;}
@media \0screen { #gnb li.menu02 div {left:-345px;} }
@media screen and (-webkit-min-device-pixel-ratio:0) { #gnb li.menu02 div {left:-297px} }
#gnb li.menu03 div {width:140px;}
#gnb li.menu04 div {width:180px;}
#gnb li.menu05 div {width:170px;}
#gnb li.menu06 div {width:190px;}
@media \0screen { #gnb li.menu06 div {} }
@media screen and (-webkit-min-device-pixel-ratio:0) { #gnb li.menu06 div {} }
#gnb li ul li {float:none;padding:0;}
#gnb li ul li a {display:block;color:#333 !important;font-weight:normal;font-size:13px;padding:3px 0 3px 0;}
#gnb li ul li a:hover,#gnb li ul li a:focus,#gnb li ul li.on a {color:#2185d7 !important;text-decoration:none;background:none;}
#gnb li.over ul li a,#gnb li.menu03.over ul li a,#gnb li.menu06.over ul li a {background:none;}
#gnb li ul li.menu03 a:hover,#gnb li ul li.menu06 a:hover {background:none;}
#gnb li ul li.menu03.over a,#gnb li ul li.menu06.over a {background:none;}

#gnb li.menu01 ul {padding:8px 0 15px 0;}
#gnb li.menu01 ul ul {padding:3px 0 0 0;}
#gnb li.menu01 ul li {float:left;letter-spacing:-1px;padding:0 17px;min-width:70px;}
#gnb li.menu01 ul li a {font-size:14px;text-decoration:underline;}
#gnb li.menu01 ul li ul li {float:none;letter-spacing:-1px;height:auto;border-right:0;padding:0;}
#gnb li.menu01 ul li ul li a {color:#666 !important;font-size:12px;text-decoration:none;}
#gnb li.menu01 ul li ul li a:hover {color:#2185d7 !important;}

#gnb li.menu02 ul {padding:8px 0 0 0;}
#gnb li.menu02 ul ul {padding:3px 0 0 0;}
#gnb li.menu02 ul li {float:left;height:284px;letter-spacing:-1px;border-right:1px solid #e0e0e0;padding:0 15px}
#gnb li.menu02 ul li a {font-size:14px;text-decoration:underline;}
#gnb li.menu02 ul li.last {border-right:0;}
#gnb li.menu02 ul li ul li {float:none;letter-spacing:-1px;height:auto;border-right:0;padding:0;}
#gnb li.menu02 ul li ul li a {color:#666 !important;font-size:12px;text-decoration:none;}
#gnb li.menu02 ul li ul li a:hover {color:#2185d7 !important;}
#gnb li ul li ul {padding:0;border:0;}

/* #gnb li.menu07 ul li {float:left;width:105px;letter-spacing:-1px;border-right:1px solid #e0e0e0;padding:0 15px} */
#gnb li.menu07 ul li {float:left;width:105px;letter-spacing:-1px;}

.intro-page .allmenu {display:none !important;}
.allmenu_btn {display:none;}

/* Title_Area */
.title_area {position:relative;width:100%;height:155px;z-index:1000;}
.title_area h3 {padding:35px 0 0 0;color:#fff;font-size:36px;font-weight:normal;letter-spacing:-1px;}
.visual01 {background:url('../../images/user/common/visual01.jpg') no-repeat left top;}
.visual02 {background:url('../../images/user/common/visual02.jpg') no-repeat left top;}
.visual03 {background:url('../../images/user/common/visual03.jpg') no-repeat left top;}
.visual04 {background:url('../../images/user/common/visual04.jpg') no-repeat left top;}
.visual05 {background:url('../../images/user/common/visual05.jpg') no-repeat left top;}
.visual06 {background:url('../../images/user/common/visual06.jpg') no-repeat left top;}
.visual07 {background:url('../../images/user/common/visual05.jpg') no-repeat left top;}
.visual08 {background:url('../../images/user/common/visual05.jpg') no-repeat left top;}

/* Snb */
.snb_wrap {position:absolute;bottom:0;width:100%;height:47px;background:url('../../images/user/common/bg_lnb.gif') no-repeat left top;}
.snb_wrap .snb_wrap_inner {width:100%;height:47px;background:url('../../images/user/common/bg_lnb_right.gif') no-repeat right top;}
.snb_wrap .home {position:absolute;left:0;top:0;height:47px;border-right:1px solid #e0e0e0;}
.snb_wrap .home a {display:block;width:62px;height:47px;overflow:hidden;text-indent:-9999px;background:url('../../images/user/common/icon_home.gif') no-repeat 25px 16px;}
.snb_wrap .snb_list {padding-left:62px;}
.snb_wrap .snb_list a {display:block;float:left;width:179px;height:47px;border-right:1px solid #e0e0e0;}
.snb_wrap .snb_list span {display:block;padding:15px 18px 13px 15px;color:#444;font-size:15px;letter-spacing:-1px;background:url('../../images/user/common/lnb_arrow.gif') no-repeat right 15px;}
.snb_wrap .snb_list a.on span {color:#2185d7;background:url('../../images/user/common/lnb_arrow_on.gif') no-repeat right 15px;}
.snb_wrap .list {width:100%;position:absolute;left:0;top:46px;width:179px;display:none;z-index:1000;border:1px solid #e0e0e0;border-top:0;border-right:0;background:#f5f5f5;}
.snb_wrap .list li {background:#f5f5f5;}
.snb_wrap .list li a {display:block;float:none;color:#444;font-size:14px;padding:8px 0 8px 15px;width:auto;height:auto;letter-spacing:-1px;border-top:1px solid #e0e0e0;}
.snb_wrap .list li a:hover {background:#5792d7;color:#fff;}
.snb_wrap .depth01 {left:62px;}
.snb_wrap .depth02 {left:241px;width:180px;}
.snb_wrap .depth03 {left:421px;width:200px;}
.snb_wrap .snb01 .loc03 {width:220px;}
.snb_wrap .snb01 .depth03 {width:220px;}
.snb_wrap .snb02 .loc02 {left:241px;width:275px;}
.snb_wrap .snb02 .depth02 {left:241px;width:276px;}
.snb_wrap .snb02 .loc03 {left:421px;width:305px;}
.snb_wrap .snb02 .depth03 {left:517px;width:306px;}
.snb_wrap .snb05 .loc02 {left:241px;width:200px;}
.snb_wrap .snb05 .depth02 {left:241px;width:200px;}
.snb_wrap .snb06 .loc02 {left:241px;width:240px;}
.snb_wrap .snb06 .depth02 {left:241px;width:240px;}
.snb_wrap .snb07 .loc02 {left:241px;width:200px;}
.snb_wrap .snb07 .depth02 {left:241px;width:200px;}
.snb_wrap .snb04 .loc03 {left:421px;width:200px;}
.snb_wrap .snb04 .depth03 {left:421px;width:200px;}
.snb_wrap .snb_list span.current {color:#2185d7;font-weight:bold;}

/* Container */
#container {position:relative;width:990px;margin:0 auto;z-index: 1;}
#container:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}

/* Main_Container */
#main_container {width:100%;overflow:hidden;}
#main_container:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}

/* Contents */
#contents_area {width:988px;margin-bottom:89px;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;background:#fff;}
#contents {padding:55px 29px 65px 29px;min-height:500px;line-height:22px;}

/* Title */
.h3_title {margin-bottom:35px;color:#333;font-size:36px;font-weight:normal;letter-spacing:-1px;clear:both;}
.h4_title {margin-bottom:10px;color:#5995e2;font-size:25px;font-weight:normal;letter-spacing:-1px;clear:both;}

/* 담당자 */
.person_charge {position:relative;height:25px;padding:10px 0 0 20px;color:#555;font-size:13px;border:1px solid #e0e0e0;background:#fff;width:968px;top:-80px;margin-left:-1px;margin:0 auto;}
.person_charge .per_list {position:absolute;right:-5px;top:10px;overflow:hidden;}
.person_charge .per_list dt {float:left;margin-right:7px;color:#555;font-size:13px;font-weight:bold;}
.person_charge .per_list dd {margin-right:30px;float:left;color:#555;font-size:13px;padding-left:7px;background:url('../../images/user/common/sideline01.gif') no-repeat left 2px;}

/* Footer */
footer{background-color:#eee;}
#footer {width:100%;}
#footer .footer_inner{position:relative;width:100%; font-size:1em; padding:2.6em 0 3em;}
#footer .footer_inner::after{clear:both; content:''; display:block;}
#footer .footer-left{width:60%; float:left;}
#footer .footer-right{width:30%; float:right;}
#footer .footer-left .fmaenu{margin-bottom:1.2em;}
#footer .footer-left .fmaenu a{font-weight:600; font-size:1.1em; color:inherit; white-space:nowrap; margin-right:1.2em;}
#footer .footer-left .fmaenu a:last-child{margin-right:0;}
#footer .footer-left address{color:#999; line-height:1.6; font-size:0.9em;}
#footer .footer-left address .address-txt{display:block;}
#footer .footer-left .copy{color:#999; line-height:1.6; font-size:0.9em;}
#footer .footer-right .gowin::after{clear:both; content:''; display:block;}
#footer .footer-right .gowin a{display:block; width:50%; float:left; background-color:#fff; padding:0.6em 0.4em; border:1px solid #ddd; box-sizing:border-box; text-align:center; font-size:1.1em; font-weight:500; color:inherit;}
#footer .footer-right .gowin a ~ a{margin-left:-1px;}
#footer .footer-right .relation{width:100%; margin-top:0.8em;}
#footer .footer-right .relation fieldset{width:100%; display:block;}
#footer .footer-right .relation select{width:100%; border:1px solid #ddd; font-family:inherit; padding:0.8em 0.4em; border-radius:0;}
@media screen and (max-width:768px){
	#footer .footer-left{width:100%;}
	#footer .footer-right{display:none;}
}

/* Top */
#toMain {position:fixed;z-index:10000;bottom:212px;right:0;left:50%;margin:0 0 0 40%;overflow:hidden;width:57px;height:57px;border:none;text-indent:100%;background:url('../../images/user/common/main.png') no-repeat left top;}
/*#toTop {display:none;position:fixed;z-index:10000;bottom:212px;right:0;left:50%;margin:0 0 0 40%;overflow:hidden;width:57px;height:57px;border:none;text-indent:100%;background:url('../../images/user/common/top.png') no-repeat left top;}
#toTopHover {background:url('../../images/user/common/main.png') no-repeat left top;width:57px;height:57px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}*/



.__tab1 {font-size:0;border-bottom:1px solid #ddd;margin-bottom:20px;}
.__tab1 a {display:inline-block;background:#f3f3f3;box-sizing:border-box;font-size:14px;color:#333;border:1px solid #ddd;height:40px;line-height:40px;padding:0 20px;margin:0 0 -1px -1px;}
.__tab1 a:first-child {margin-left:0;}
.__tab1 a:hover {color:#333;font-weight:bold;}
.__tab1 .active {color:#000;font-weight:bold;background:#fff;border-bottom:none;}
.__tabarea {}
.__tabarea .tabcon {display:none;}
.__tabarea .tabcon.active {display:block;}

.__tbl1 {table-layout:fixed;width:100%;border-top:2px solid #549fde;}
.__tbl1 tr > * {border:1px solid #e6e6e6;padding:10px;font-size:14px;}
.__tbl1 tr th {text-align:center;color:#3c96e0;font-weight:bold;background:#f6f6f6;}

.__tit1 {margin-bottom:8px;}
.__tit1 h3 {font-size:16px;color:#000;font-weight:bold;margin-top:30px;position:relative;padding-top:7px;}
.__tit1 h3:before {content:"";display:block;position:absolute;left:0;top:0;width:20px;height:3px;background:#000;}
.__tit1:first-child {margin-top:0;}

.__dotlist li {margin-top:5px;position:relative;padding-left:10px;font-size:13px;color:#666;letter-spacing:-0.025em;}
.__dotlist li:first-child {margin-top:0;}
.__dotlist li:before {content:"";display:block;width:4px;height:4px;position:absolute;left:0;top:9px;background:#999;border-radius:50%;}


.__botarea {margin-top:30px;text-align:center;}
.__btn1 {display:inline-block;box-sizing:border-box;height:40px;line-height:38px;border:1px solid #ddd;background:#f3f3f3;color:#333;margin:0 4px;padding:0 20px;border-radius:20px}
.__btn1:after {content:"▶";display:inline-block;margin-left:5px;}
@media screen and (max-width:1024px){
	#footer .footer-right{width:38%;}
}
@media all and (max-width:768px) {
	.__tab1 {margin-bottom:10px;margin-right:-1px;border-bottom:none;}
	.__tab1 a {font-size:12px;height:30px;line-height:28px;padding:0 10px;width:50%;margin:-1px 0 0 -1px;text-align:center;letter-spacing:-0.075em;}
	.__tab1 a:nth-child(odd) {margin-left:0;}

	
	.__tbl1 tr > * {padding:3px;font-size:12px;line-height:1.5em;}
	.__tbl1 tr td {font-size:11px;}
	
	.__tit1 {margin-bottom:5px;}
	.__tit1 h3 {font-size:14px;margin-top:20px;padding-top:5px;}
	.__tit1 h3:before {width:15px;height:2px;}
	
	.__dotlist li {margin-top:3px;padding-left:7px;font-size:12px;}
	.__dotlist li:before {width:3px;height:3px;top:8px;}


	.__botarea {margin-top:20px;}
	.__btn1 {height:34px;line-height:32px;margin:0 2px;padding:0 15px;border-radius:17px}
	.__btn1:after {margin-left:3px;}


}

html,body{overflow-X:hidden;}
html.modal-on,body.modal-on{overflow:hidden;}

.intro-page{background:none; position:relative; font-family: 'Noto Sans KR', sans-serif;}


.header-intro{position:absolute; top:0; left:0; width:100%; z-index:3; padding:2em 4em; box-sizing:border-box;}
.intro-page #container{width:100%; min-height:100vh; background-image:url('/images/user/intro-bg-overlay.png'); background-repeat:no-repeat; background-size:cover; background-position:center; background-attachment:fixed; background-color:#262161; display:flex; align-items:center;}
.intro-page .intro-container{width:100%; padding:100px 0 50px;}
.msie.intro-page .intro-container{margin:8em 0;}
.intro-page .intro-container .intro-title{text-align:center; font-weight:700; font-size:5.6em; color:#fff; word-break:keep-all;}

.c-container{width:100%; padding:0 20px; max-width:1200px; margin:0 auto; box-sizing:border-box;}

.intro-search-form{display:block; width:100%; max-width:960px; margin:2.4em auto 3em;}
.intro-search-form::after{clear:both; content:''; display:block;}
.intro-search-form .search-input{display:block; float:left; height:60px; font-size:1.4em; font-family:inherit; border:0; background-color:#fff; padding:0.5em 1rem; width:calc(100% - 60px); box-sizing:border-box; outline:none; appearance:none; -webkit-appearance:none; border-radius:0;}
.intro-search-form .search-submit-btn{display:block; padding:0; width:60px; height:60px;float:left; border:0; background-color:#0bb4f0;}

.intro-ico-list{display:flex; flex-flow: row wrap; -ms-flex-flow:row wrap;}
.intro-ico-list li{width:calc(100% / 7 - 0.1px); padding:0 0.5em; box-sizing:border-box; margin-bottom:1em;}
.intro-ico-list li a.ico-wrap{display:block; width:100%; padding:calc(1em + 40px + 10px) 0.5em 1em 0.5em; box-sizing:border-box; text-align:center; color:#fff; font-size:1.2em; line-height:1.4; position:relative;}
.intro-ico-list li a.ico-wrap img{position:absolute; max-height:40px; max-width:calc(100% - 0.5em * 2); top:calc(1em + 40px / 2); left:50%; transform:translate(-50%,-50%);}
.intro-ico-list li a.ico-wrap .ico-filled{opacity:0;}
.intro-ico-list li a.ico-wrap:hover .ico-empty{opacity:0;}
.intro-ico-list li a.ico-wrap:hover .ico-filled{opacity:1;}
.intro-ico-list li a.ico-wrap span{word-break:keep-all;}
.intro-ico-list li a.ico-wrap:hover span{color:#13b3ec;}

.intro-page .list-bot{text-align:center; margin-top:3em;}

.btn-transparent{display:inline-block; border:2px solid; box-sizing:border-box; padding:1em calc(1.8em + 20px + 0.5em) 1em 1.8em; font-size:1.3em; border-radius:10px; transition:color 0.3s, background-color 0.3s; position:relative;}
.btn-transparent.dark{color:#fff; background-color:rgba(0,0,0,0.3);}
.btn-transparent.dark:hover{background-color:rgba(0,0,0,0.5);}
.btn-transparent::before,
.btn-transparent::after{content:''; display:block; position:absolute; right:1.8em; top:50%;}
.btn-transparent::before{height:2px; width:14px; transform:translateY(-50%);}
.btn-transparent::after{width:9px; height:9px; box-sizing:border-box; border-top:2px solid; border-right:2px solid; transform:translateY(-50%) rotate(45deg);}
.btn-transparent.dark::before{background-color:#fff;}
.btn-transparent.dark::after{border-color:#fff;}

.btn-transparent1{display:inline-block; border:2px solid; box-sizing:border-box; padding:0.61545em 0.8025em 0.247em 0.8025em; font-size:1.3em; border-radius:10px; transition:color 0.3s, background-color 0.3s;}
.btn-transparent1.dark{color:#fff; background-color:rgba(0,0,0,0.3);}
.btn-transparent1.dark:hover{background-color:rgba(0,0,0,0.5);}
.btn-transparent1.dark::before{background-color:#fff;}
.btn-transparent1.dark::after{border-color:#fff;}
.btn-transparent1 img{width:40px; height:40px;margin-bottom:0.3691em}

@media screen and (max-width:1200px){
	.intro-page .intro-container{padding:80px 0 50px;}
	.header-intro{padding:1.5em 1em;}
	.header-intro .logo img{height:20px;}
	.intro-page .intro-container .intro-title{font-size:3.6em;}
}
@media screen and (max-width:1024px){
	.intro-page .intro-container .c-container{display:flex; flex-wrap:wrap;}
	.intro-page .intro-container .c-container > *{width:100%;}
	.intro-page .intro-container .c-container .list-bot{margin:0; margin-bottom:2.4em;}
	.intro-page .intro-container .c-container .intro-ico-list{order:1;}
}
@media screen and (max-width:768px){
	.intro-ico-list li{width:calc(100% / 5 - 0.1px); margin-bottom:2em;}

	.intro-page .list-bot{margin-top:1.0em;}

	.btn-transparent{padding:0.5em calc(1.4em + 20px + 0.2em) 0.5em 1.4em;}
	.btn-transparent::before,
	.btn-transparent::after{right:0.8em;}
	.btn-transparent1{padding:0.5em 0.80215em 0.292em 0.80215em;}
	.btn-transparent1 img{width:20px; height:20px;}
}
@media screen and (max-width:599px){
	.intro-page .intro-container .intro-title{font-size:2.6em;}

	.intro-search-form{margin:1.5em 0 2em;}
	.intro-search-form .search-input{height:40px; padding:0.5em 1em; width:calc(100% - 40px); font-size:1em;}
	.intro-search-form .search-submit-btn{width:40px; height:40px;}

	.intro-ico-list li{width:calc(100% / 4 - 0.1px); margin-bottom:1.2em;}
}
@media screen and (max-width:460px){
	.intro-ico-list li{width:calc(100% / 3 - 0.1px);}
}

#wrap_content{position:relative; padding-top:81px; transition: transform 0.3s;}
.intro-page #wrap_content{padding-top:0;}
@media screen and (max-width:1024px){
	#wrap_content{position:relative; padding-top:60px;}
	.allmenu.on ~ #wrap_content{transform:translateX(240px);}
	.intro-page #wrap_content{padding-top:0;}
}

.header-c{background-color:#fff;height:80px;position:relative;font-family: 'Noto Sans KR', sans-serif;position:absolute;top:0;lefT:0;width:100%;z-index: 999;}
.header-c .header-inn{height:81px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.header-c .header-inn .c-container{height:100%; align-items:center; display:flex; justify-content: space-between;}
.header-c .logo img{height:48px;}
.header-c .gnb-overlay .gnb-depth01{display:flex;}
.header-c .gnb-overlay .gnb-depth01 > li > a{font-size:1.6em; padding:8px 1em; color:#333; line-height:26px; margin:calc((80px - 26px - 8px * 2) / 2) 0; display:block;}
.header-c .gnb-overlay .gnb-depth01 > li ~ li{margin-left:0.8em;}
.header-c .header-info-group{display:flex; height:50px; align-items:center;}
.header-c .header-info-group .loginbox{position:relative;}
.header-c .header-info-group .loginbox::after{content:''; display:block; right:0; top:50%; transform:translateY(-50%); height:10px; width:1px; background-color:#ddd; position:absolute;}
.header-c .header-info-group .loginbox a,
.header-c .header-info-group .lang-btn{display:inline-block; padding:0.2em 0.4em; color:#999; position:relative;}
.header-c .header-info-group .lang-btn{padding-left:calc(0.4em + 16px + 6px); }
.header-c .header-info-group .lang-btn::before{content:''; display:block; position:absolute; left:0.4em; top:50%; transform:translateY(-50%); width:16px; height:16px; background-image:url('/images/user/ico-global.png'); background-size:contain; background-repeat:no-repeat; background-position:center;}
.header-c .header-info-group .btn-search{width:48px; height:48px; border-radius:50%; margin-left:1em; background-color:#0bb4f0; cursor:pointer;}
.header-c .search_area{}
.header-c .gnb-depth02-wrapper{position:absolute;left:0;top:100%;right:0;background-color:#fff;border-top:1px solid #ddd;display:none;z-index: 999;}
/*.header-c .gnb-depth02-wrapper .c-container{padding:0;}*/
.header-c .gnb-depth02-wrapper .gnb-sub-slider-wrap{width:400%; display:flex; transition:transform 0.6s; transform:translateX(0%);}
.header-c .gnb-depth02-wrapper .gnb-sub-slider-wrap .depth02-overlay{width:calc(100% / 4);display:flex; border-right:1px solid #ddd; box-sizing:border-box; opacity:0; visibility:hidden; transition:opacity 0.3s, visibility 0.3s;}
.header-c .gnb-depth02-wrapper .gnb-sub-slider-wrap .depth02-overlay.active{opacity:1; visibility:visible;}
.header-c .gnb-depth02-wrapper .gnb-sub-slider-wrap .depth02-overlay .depth02-item{width:calc(100% / 3); border-left:1px solid #ddd; box-sizing:border-box; position:relative;}
.header-c .gnb-depth02-wrapper .gnb-sub-slider-wrap .depth02-overlay .depth02-item .depth02-subject{display:block; width:100%; padding:0.6em 0.4em; font-size:1.3em; font-weight:500; transition:background-color 0.3s, color 0.3s; box-sizing:border-box;}
.header-c .gnb-depth02-wrapper .gnb-sub-slider-wrap .depth02-overlay .depth02-item:hover .depth02-subject{color:#fff; background-color:#0bb4f0;}
.header-c .gnb-depth02-wrapper .gnb-sub-slider-wrap .depth02-overlay .depth02-item .depth03-list{padding:0.6em 0.8em 1.2em; box-sizing:border-box; display:none; position:absolute; left:0; top:100%; right:0; z-index:99; background-color:#fff; border:1px solid #ddd;}
.header-c .gnb-depth02-wrapper .gnb-sub-slider-wrap .depth02-overlay .depth02-item .depth03-list a{padding:0.2em 0.4em; box-sizing:border-box; display:block; width:100%; font-size:1.1em;}
.header-c .gnb-depth02-wrapper .gnb-sub-slider-wrap .depth02-overlay .depth02-item .depth03-list a::before{content:'-';}
.header-c .allmenu_btn{position:absolute; left:0; top:0; bottom:0; width:60px; background-color:#eeeeee; text-indent:9999px; overflow:hidden; white-space:nowrap; cursor:pointer;}
.header-c .allmenu_btn i{position:absolute; display:block; height:2px; width:50%; left:50%; transform:translateX(-50%); background-color:#333;}
.header-c .allmenu_btn i:nth-child(1){top:30%;}
.header-c .allmenu_btn i:nth-child(2){top:50%; transform:translate(-50%,-50%)}
.header-c .allmenu_btn i:nth-child(3){bottom:30%;}
.header-c .search-overlay{padding:3em 0; background-color:#fff; display:none;}
.header-c .search-overlay fieldset{width:100%; max-width:800px; margin:0 auto;}
.header-c .search-overlay .ov-label{display:none;}
.header-c .search-overlay fieldset::after{clear:Both; content:''; display:block;}
.header-c .search-overlay input{display:block; width:calc(100% - 60px); height:60px; box-sizing:border-box;  border:0; padding:0 0.6em; float:left; outline:none; background-color:#f1f1f1; transition:background-color 0.3s; font-weight:600;}
.header-c .search-overlay input:focus{background-color:#fafafa;}
.header-c .search-overlay .btn_search{display:block; width:60px; white-space:nowrap; overflow:hidden; text-indent:9999px; height:60px; box-sizing:border-box; float:left; background-color:#0bb4f0; position:relative;}
.header-c .search-overlay .btn_search::before{width:40%; height:40%; background-image:url('/images/user/ico-zoom.png'); background-size:contain; background-repeat:no-repeat; background-position:center; content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#allmenu{transform:translateX(-100%); width:240px; position:absolute; top:0; bottom:0; transition:transform 0.3s; background-color:#b7d6ef; overflow-Y:auto; overflow-X:hidden; z-index:9;}
#allmenu.on{transform:translateX(0%);}
#allmenu .allmenu-search{ padding:12px 10px; }
#allmenu .allmenu-search input{height:40px; width:calc(100% - 40px); float:left; display:block; border:0; box-sizing:border-box; padding:0 0.3em; -webkit-appearance:none; appearance:none; border-radius:0; outline:none;}
#allmenu .allmenu-search button{width:40px; height:40px; float:left; display:block;border:0; background-color:#0bb4f0; -webkit-appearance:none; appearance:none; border-radius:0;}
#allmenu .allmenu-search::after{clear:both; content:''; display:block;}
#allmenu .accmenu{border-top:1px solid; border-bottom:1px solid; border-color:#7aabd1;}
#allmenu .accmenu .menu_list>li~li{border-top:1px solid #7aabd1;}
#allmenu .accmenu .menu_list .article .title h2,
#allmenu .accmenu .menu_list .article .title h1{font-size:1.3em; font-weight:500; padding:0.6em 0.6em;}
#allmenu .accmenu .menu_list .article .title a{display:block; position:relative; color:#333;}
#allmenu .accmenu .menu_list .article .title a::before{content:''; display:block; width:9px; height:9px; border-right:2px solid; border-bottom:2px solid; transform:translate(0,-75%) rotate(45deg); position:absolute; right:0; top:50%;}
#allmenu .accmenu .menu_list .article.current .title a::before{transform:translate(0,-25%) rotate(45deg) scale(-1);}
#allmenu .accmenu .menu_list .article .cont{background-color:#fff; padding:1em 0.5em; border-top:1px solid #7aabd1;}
#allmenu .accmenu .menu_list .article .cont li{padding:0 1em;}
#allmenu .accmenu .menu_list .article .cont a{display:block; width:100%; padding:0.4em 0; font-size:1.1em; word-break:keep-all;}
@media screen and (max-width:1200px){
	.header-c .gnb-overlay .gnb-depth01 > li > a{padding:8px 0.5em;  font-size:1.4em;}
	.header-c .gnb-depth02-wrapper .gnb-sub-slider-wrap .depth02-overlay .depth02-item .depth02-subject{font-size:1.2em;}
	.header-c .gnb-depth02-wrapper .gnb-sub-slider-wrap .depth02-overlay .depth02-item .depth03-list a{font-size:0.96em;}
}
@media screen and (min-width:1025px){
	.wrap_content{left:0 !important;}
	#allmenu{transform:translateX(-240px) !important;}
}
@media screen and (max-width:1024px){
	.header-c,
	.header-c .header-inn,
	.header-c .header-inn .c-container{height:60px;}
	.allmenu_btn{display:block;}
	.header-c .gnb-overlay{display:none;}
	.header-c .logo{margin-left:60px;}
	.header-c .logo img{height:36px;}

	.header-c .header-info-group .lang-btn{display:none;}
	.header-c .header-info-group .btn-search{display:none;}
	.header-c .header-info-group .loginbox::after{display:none;}
}

.main-page{background-image:none; font-family: 'Noto Sans KR', sans-serif;}