@charset "UTF-8";

.btn-menu{display:none;}
.slideMenu{display:none;}
.m-gnb-bg{display:none;}
.slide-close{display:none;}

@media screen and (max-width:1024.98px) {
	/* 공통 */
	.m-gnb-bg{display:none;position:fixed;top:0;left:0;z-index:30;width:100%;height:100%;background-color:rgba(0,0,0,0.8);}
	.slideMenu.left{left:-100%;}
	.slideMenu.left.on{display:block;left:0;opacity:1;visibility:visible;}
	.slideMenu.right{right:-100%;}
	.slideMenu.right.on{display:block;right:0;opacity:1;visibility:visible;}
	
	/* type depthOnSide */
	.btn-menu{display:block;position:relative;z-index:10;float:right;margin:22px 0 0;width:20px;height:18px;}
	.btn-menu span{position:absolute;top:50%;right:0;margin:-1.5px 0 0;width:16px;height:2px;background:#000;color:transparent;text-indent:-9999px;}
	.btn-menu:before,
	.btn-menu:after{content:'';display:block;position:absolute;right:0;width:100%;height:2px;background:#000;}
	.btn-menu:before{top:0;width:20px;}
	.btn-menu:after{bottom:0;width:18px;}
	.sub .btn-menu span,
	.sub .btn-menu:before,
	.sub .btn-menu:after{background:#111;}

	.slideMenu{display:block;position:fixed;top:0;z-index:120;width:100%;height:100%;background:#fff;box-sizing:border-box;opacity:0;visibility:hidden;transition:all .3s;}

	.m-gnb{position:relative;background:#fff;}

	.dep1{width:30%;height:calc(100vh - 52px);background:#a80000;}
	.dep1 > li{border-bottom:1px solid rgba(255,255,255,0.2);}
	.dep1 > li > a{display:block;position:relative;padding:21.5px 20px;color:#fff;text-align:center;}
	.dep1 > li.current > a{background:#750000;}
	.dep1 > li.active > a{background:#750000;}
	.dep1 > li > a[target="_blank"] span:after{content:'';display:inline-block;position:relative;width:23px;height:15px;background:url(/_res/service/dea/img/common/bg-link-w.png) no-repeat center center/100%;vertical-align:top;}
	.dep2{display:none;position:absolute;top:0;left:30%;width:70%;height:100%;background-color:#fff;overflow-y:auto;}
	.dep2 > li > a{display:block;position:relative;padding:12px 40px 10px 15px;border-bottom:1px solid #e8e8e8;background:#ffffff;font-size:0.875rem;line-height:1.375rem;}
	.dep2 > li.current > a,
	.dep2 > li.active > a{color:#da0000;}
	.dep2 > li.has-dep > a:after{content:'';position:absolute;top:50%;right:15px;width:24px;height:24px;background:url(/_res/service/dea/img/common/ico-m-menu-has-dep.png) no-repeat center / 100%;transform:translateY(-50%);}
	.dep2 > li.has-dep.active > a:after{background-image:url(/_res/service/dea/img/common/ico-m-menu-dep-close.png);}
	.dep2 > li > a[target="_blank"] span:after{content:'';display:inline-block;position:relative;width:24px;height:18px;background:url(/_res/service/dea/img/common/bg-link-black.png) no-repeat center center/100%;vertical-align:top;}
	.dep3{display:none;padding:8px 0;background:#fff5f5;}
	.dep3 > li > a{display:block;padding:9px 20px 9px 15px;font-size:0.75rem;color:#4C4948;line-height:1.25rem;}
	.dep3 > li.current > a{font-weight:500;color:#1976d2;}
	.dep3 > li > a[target="_blank"] span:after{content:'';display:inline-block;position:relative;width:18px;height:15px;background:url(/_res/service/dea/img/common/bg-link-black.png) no-repeat center center/100%;vertical-align:top;}
	.dep4, .depthOnSide .dep5{display:none;}

	.slide-close{display:none;position:fixed;top:0;right:0;z-index:999999;width:60px;height:52px;box-sizing:border-box;}
	.slide-close:before{content:'';display:block;position:absolute;top:50%;left:50%;width:18px;height:2px;background:#fff;transform:translate(-50%, -50%) rotate(45deg);-webkit-transform:translate(-50%, -50%) rotate(45deg);
    -moz-transform:translate(-50%, -50%) rotate(45deg);}
	.slide-close:after{content:'';display:block;position:absolute;top:50%;left:50%;width:18px;height:2px;background:#fff;transform:translate(-50%, -50%) rotate(-45deg);-webkit-transform:translate(-50%, -50%) rotate(-45deg);
    -moz-transform:translate(-50%, -50%) rotate(-45deg);}
	
	.m-util{position:relative;padding:16.5px 0;background:#da0000;}
	.m-util:after{content:'';display:block;clear:both;}
	.m-util ul{display:table;float:left;width:calc(100% - 60px);text-align:center;vertical-align:middle;table-layout:fixed;}
	.m-util ul li{display:table-cell;width:100%;border-right:1px solid rgba(255,255,255,0.4);vertical-align:middle;}
	.m-util ul li:last-of-type{border-right:none;}
	.m-util ul li a{display:block;padding:0 5px;font-size:0.875rem;font-weight:500;color:#fff;line-height:1.375rem;}
}

@media screen and (max-width:768px){
	/* type depthOnSide */
	.dep1 > li > a{padding:18px 9px;}
	.dep2 > li.has-dep > a:after{width:20px;height:20px;}
}