@charset "UTF-8";

.btn-menu{display:block;position:absolute;top:33px;left:10px;}
.open .btn-menu{display:none;}

.slideMenu{display:none;position: absolute;top: 100%;left:0;z-index:999999;width:100%;height: calc(100vh - 102px);background-color:#1c2935;box-sizing:border-box;}
.dep1{padding:40px 0 0;/* height:100%; */}
.dep1 > li{text-align:left;}
.dep1 > li > a.selected{z-index:20;padding:15px 20px 25px 20px;width:calc(31.3% + 20px);background:url(../img/common02/bg-m-gnb-dep1.png) no-repeat 0 0/100% 100%;color:#fff;box-sizing:border-box;}
.dep1 > li > a.selected > ul{display:block !important;}
.dep1 > li > a{display:block;position:relative;padding:20px 10px;width:31.3%;font-weight:400;font-size:18px;color:#fff;box-sizing:border-box;line-height:23px;}
.dep1 > li > a.has-dep03-close{background-color:#004ca3;color:#fff;}

.dep2{display:none;position:absolute;top:0;left:31.3%;padding:40px 10px 40px 20px;z-index:10;width:68.7%;min-height:100%;background:#fff;box-sizing:border-box;}
.dep2 > li{position:relative;text-align:left;}
.dep2 > li:last-of-type{margin:0;}
.dep2 > li > a{display:block;padding:12px 30px 12px 15px;border-top:1px solid #ccc;font-weight:400;font-size:16px;color:#222;line-height:21px;}
.dep2 > li:last-of-type > a{border-bottom:1px solid #ccc;}
.dep2 > li > a.has-dep03-open{background:url(../img/common02/ico-dep-menu-open.png) no-repeat right 10px center;}
.dep2 > li > a.has-dep03-open.selected{border-bottom:1px solid #ccc;background-image:url(../img/common02/ico-dep-menu-close.png);}
.dep2 > li > a.selected{color:#053863;}
.dep3{display:none;padding:15px;}
.dep3 > li{position:relative;margin:0 0 10px;padding:0 0 0 10px;}
.dep3 > li:last-of-type{margin:0;}
.dep3 > li:before{content:'';position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:50%;background-color:#053863;}
.dep3 > li > a{display:block;font-weight:200;font-size:14px;color:#555;line-height:19px;}
.dep3 > li > a:hover{text-decoration:underline;}

.m-gnb{position: relative;z-index:10;height:100%;overflow-y:scroll;}
/*.m-gnb:after{content:"";display:block;position:fixed;top:190px;left:0;z-index:-10;width:100%;height:100%;background:rgba(0,0,0,0.5);}*/
.m-gnb-bg{display:none;position:absolute;top:242px;left:0;z-index:30;width:100%;height:100%;background:rgba(0,0,0,0.5);}

.m-util{position:relative;z-index:10;padding:20px 0 0;width:31.3%;text-align:left;}
.m-util > li{}
.m-util > li > a{display:block;margin:0 10px;padding:15px 0;font-weight:200;font-size:16px;color:#fff;line-height:21px;}
.m-util > li > a.header-shortcut{border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);}
.m-util > li:after{content:"";display:block;position:absolute;top:15px;right: -3px;z-index:10;width:1px;height:20px;background:#dcdcdc;box-shadow:1px 0 0 rgba(255,255,255,0.2);}
.m-util > li:last-of-type:after{display:none;}
.m-util > li.m-btn-briefing a{display:block;width:120px;margin: 0 auto;}
.m-util > li.m-btn-briefing a img{width:100%;}


.slide-close{display:block;position:absolute;top:-112px;left:10px;;width:32px;height:32px;background:url(/_res/opm/img/common/btn-m-menu-close.png) no-repeat 0 0/100%;}

@media screen and (max-width:1024px) {
	.slide-close{top:-72px;}
	.m-gnb-bg{top:164px;}

}

@media screen and (max-width:800px) {
	.slideMenu{height:calc(100vh - 73px);}
	.slide-close{top:-48px;width:22px;height:22px;}
	
	.dep1 > li > a{padding:15px 10px;font-size:16px;line-height:21px;}
	.dep1 > li > a.selected{padding:10px 20px 20px 20px;}
	.dep2 > li > a{font-size:15px;line-height:20px;}
	.m-util > li > a{padding:12px 0;font-size:15px;line-height:20px;}

}