@charset "UTF-8";

.slideMenu{display:none;z-index:100;position:fixed;top:0px;right:-100%;width:100%;height:100%;background-color:#172b4f;overflow-y:scroll;}
.dep1 > li > a{display:block;position:relative;padding:15px 0;background:url(../img/common/btn-m-menu-list-open.png) no-repeat right 10px center;background-size:14px;font-weight:500;font-size:18px;line-height:26px;color:#fff;}
.dep1 > li > a.selected, .dep1 > li > a.active{color:#03356c;}
.dep1 > li > a.selected:after, .dep1 > li > a.active:after{background-color:#03356c;}
.dep1 > li > a.selected{background:url(../img/common/btn-m-menu-list-close.png) no-repeat right 10px center;background-size:14px;}

.dep2 {display:none;background:#f0f0f0;}
.dep2 > li > a {display:block;position:relative;padding:12px 30px 12px 15px;background-color:#f0f0f0;font-weight:500;font-size:15px;line-height:23px;;color:#555555;}
.dep3 > li > a.selected, .dep1 > li > a.active{color:#f5a100;} 
.dep2 > li > a.has-dep03-open{background:#f0f0f0 url(../img/common/btn-m-menu-list-open.png) no-repeat right 15px center;background-size:12px;}
.dep2 > li > a.has-dep03-close{background:#f0f0f0 url(../img/common/btn-m-menu-list-close.png) no-repeat right 15px center;background-size:12px;}
.dep2 > li > a.selected{background:#f0f0f0 url(../img/common/btn-m-menu-list-close02.png) no-repeat right 15px center;background-size:12px;color:#03356c;}
.dep2 > li > a.active{color:#2f6cb0;}

.dep3{display:none;padding:20px 0 0 0;background-color:#073874;}
.dep3 > li > a{display:block;position:relative;padding:0 0 15px 30px;font-weight:400;font-size:14px;line-height:22px;color:#fff;}
.dep3 > li > a:before{content:"";display:block;position:absolute;top:11px;left:20px;width:6px;height:1px;background-color:#fff;}
.dep3 > li > a.active{color:#a5d6ff;}

.set-group{float:right;width:100%;color:#000;font-size:17px;}
.slide-close{display:none;position:absolute;top:20px;right:20px;z-index:100;width:22px;height:22px;background:url(../img/common/btn-m-menu-close.png) no-repeat 0 0;background-size:100%;}
.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);}

.m-util{padding:20px 0;}
.m-util ul{display:table;margin:0 auto;width:calc(100% - 40px);border:1px solid #2f4161;text-align:center;table-layout:fixed;}
.m-util ul li{display:table-cell;border-right:1px solid #2f4161;box-sizing:border-box;}
.m-util ul li:last-of-type{margin:0;border:none;}
.m-util ul li a{display:block;padding:15px 10px;font-size:16px;line-height:24px;color:#849bc2;text-align:center;}
.m-util p{margin:15px 0 0;text-align:center;}
.m-util p a{display:inline-block;padding:7px 20px;background:#fff;font-size:12px;color:#d00;font-weight:600;}

.m-lang-box{padding:0 20px 20px;}
.m-lang-box ul{display:table;width:100%;background:#f0f0f0;border:1px solid #ccc;text-align:center;table-layout:fixed;}
.m-lang-box ul li{display:table-cell;}
.m-lang-box ul li a{display:block;padding:12px 10px;border-right:1px solid #ccc;font-size:14px;font-weight:500;box-sizing:border-box;}
.m-lang-box ul li:last-of-type a{border-right:0;}

@media screen and (max-width: 1024px) {
	.btn-menu{display:none;padding:13px 0;width:35px;height:23px;background:url(../img/common/btn-m-mn.png) no-repeat center center;background-size:100%;}
	.m-gnb{padding:50px 20px 15px;width:100%;box-sizing:border-box;}
}

@media screen and (max-width: 320px) {
	.m-util ul{max-width:90%;}
	.m-util ul li{width:calc(25% - 20px);}
}