@charset "UTF-8";
/* header */
.btn-menu{display:none;position:absolute;top:34px;left:20px;z-index:20;width:30px;}
.btn-menu img{width:100%;}
.btn-right-menu{display:none;position:absolute;top:31px;right:20px;z-index:20;width:30px;}
.btn-right-menu img{width:100%;}

/* gnb */
.m-gnb{display:none;position:fixed;top:0;bottom:0;left:-100%;z-index:110;padding:70px 0 0;width:80%;background-color:#fff;overflow-y:scroll;}
.m-gnb > a{display:inline-block;position:absolute;top:23px;right:20px;width:25px;height:25px;background:url(/_res/press/img/common/btn-m-menu-close.gif) no-repeat 0 0;background-size:25px 25px;text-indent:-9999px;}
/*.m-gnb > a{display:inline-block;height:60px;background:url(/_res/press/img/common/btn-m-menu-close.gif) no-repeat right 20px center;background-size:25px 25px;text-indent:-9999px;}*/

.dep1 > li > a{display:block;padding:17px 25px;border-top:1px solid #f2f2f2;text-align:left;}

.dep2{display:none;}
.dep2 > li > a{display:block;padding:17px 45px;border-top:1px solid #f2f2f2;}
.dep2 > li > a:hover{background-color:#005099;color:#fff;}

.has-dep03-close:after{content:"+";float:right;}
.has-dep03-open:after{content:"-";float:right;}

.dep3{display:none;}
.dep3 > li > a{display:block;padding:17px 65px;border-top:1px solid #f2f2f2;}
.dep3 > li > a:hover{background-color:#005099;color:#fff;}
.dep3 > li > a.active{background:#005099;}

.m-srch-menu{display:none;position:fixed;top:0;right:-100%;bottom:0;z-index:110;padding:70px 20px 0;width:80%;background-color:#fff;box-sizing:border-box;}
.m-srch-menu > a{display:inline-block;position:absolute;top:23px;right:20px;width:25px;height:25px;background:url(/_res/press/img/common/btn-m-menu-close.gif) no-repeat 0 0;background-size:25px 25px;text-indent:-9999px;}
.m-srch-menu .set-group{position:relative;border:1px solid #d9d9d9;}
.m-srch-menu .set-group input{padding:5px 10px 6px;width:100%;border:none;font-size:16px;box-sizing:border-box;}
.m-srch-menu .set-group button{position:absolute;top:0;right:0;width:35px;height:35px;background:#fff url(/_res/press/img/common/btn-search.gif) no-repeat 50% 50%/100%;border:none;text-indent:-99999999px;}
.m-srch-menu .set-group button:hover{background:#fff url(/_res/press/img/common/btn-search-hover.gif) no-repeat 0 0/100%;}

.set-group{margin:0 0 20px 0;}

.m-util-box li{background-color:#33383d;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;box-sizing:border-box;}
.m-util-box li:first-of-type{border-left:1px solid #d9d9d9;}
.m-util-box li a{display:block;padding:10px 0;font-size:15px;color:#fff;text-align:center;}

.m-gnb-bg{display:none;position:fixed;top:0;left:0;z-index:20;width:100%;height:100%;background-color:rgba(0,0,0,0.4);}

@media (max-width:1024px) {
	/* header */	
	.btn-menu{display:block;}	
	.btn-right-menu{display:block;}
	
	/* gnb*/	
	.m-gnb{display:block;}
	.m-gnb > a{height:73px;}
	
	.m-srch-menu{display:block;}
}

@media (max-width:640px) {	
	/* header */	
	.btn-menu{top:30px;width:25px;}
	.btn-right-menu{top:28px;width:25px;}
	
	/* gnb */
	.dep1 > li > a{font-size:14px;}
	.dep2 > li > a{font-size:14px;}
	
	.m-gnb{padding:50px 0 0;}
	
	.m-gnb > a{top:15px;right:15px;width:20px;height:20px;background-size:20px 20px;}	
	
	.m-srch-menu{padding:50px 15px 0}
	.m-srch-menu > a{top:15px;right:15px;width:20px;height:20px;background-size:20px 20px;}
	.m-srch-menu .set-group input{font-size:13px;}
	.m-srch-menu .set-group button{width:30px;height:30px;}
}