@charset "UTF-8";

.slideMenu{display:none;z-index: 999999;position:fixed;right:-100%;width:100%;height:100%;top: 0px;box-sizing:border-box;padding: 50px 0 0 0;background-color:#fff;}
.m-gnb{position:absolute;width:100%;background-color:#eff3fa;top: 70px;left: 0px;height: calc(100% - 110px);overflow-y:scroll;}
.m-util{position:absolute;width:100%;background-color:#fff;}
.dep1{background-color:#cae3de;height: 100%;}
.dep1 > li > a.selected > ul{display:block !important;}
.dep1 > li > a{display: block;padding: 15px 0px 15px 32px;text-align: left;position: relative;font-weight: 500;font-size: 24px;color: #000;width: 41%;box-sizing:border-box;}
.dep1 > li > a.selected{color:#165447;background-color: #fff;} 
.dep1 > li > a.selected:after{content: "";position: absolute;background-color: #004632;width: 10px;height: 66px;left: 0px;top: 0;}
.dep1 > li > a.active{color:#333;}
.dep2{display: none;width: 59%;position: absolute;top: 0px;left: 41%;height: 100%;background-color: rgb(255, 255, 255);}
.dep2:before{content: "";height: 100%;left: 0px;position: absolute;top: 0;width: 15px;box-shadow: 20px 0 15px -15px #eee inset;}
.dep2 > li{text-align:left;position:relative;background-color:#fff;}
.dep2 > li:before{content: "";height: 100%;left: 0px;position: absolute;top: 0;width: 15px;box-shadow: 20px 0 15px -15px #eee inset;}
.dep2 > li > a{display: block;position:relative;padding:18px 17px 18px;border-top: 1px solid #cccccc;background:url(/_res/cm/img/common/bg_plus.gif) no-repeat right 20px top 50%;font-weight:400;color:#333;font-size:20px;}
.dep2 > li:last-child > a{border-bottom:1px solid #ccc;}
.dep2 > li > a:hover{color:#124238;}
.dep2 > li > a.active{color:#124238;}
.dep2 > li > a.has-dep03-open{color:#333;background:url(/_res/cm/img/common/bg_minus.gif) no-repeat right 20px top 50%;border-bottom:1px solid #ccc;}
.dep3{display:none;}
.dep3{padding:20px 0;}
.dep3 > li{padding:10px 50px;}
.dep3 > li > a{font-weight:400;font-size:18px;color:#555;position:relative;}
.dep3 > li > a.active{color:#333;}
.dep3 > li > a.active:after{content:"";display:block;position:absolute;bottom:-4px;width:100%;height:1px;background:#a6abbd;}

.slide-close{position: absolute;width: 57px;height: 35px;top: 11px;right: -2px;display: inline-block;background: #fff url(/_res/cm/img/common/btn_m_menu_close.gif) no-repeat right 20px top 50%;background-size: 19px;}
.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.4);}
.slideMenu > ul{position: absolute;width: 100%;height:100%;}
.slideMenu > ul > li{text-align: center;float:left;width:50%;}
.slideMenu > ul > li .m-gnb{display:none;}
.slideMenu > ul > li.active .m-gnb{display:block}
.slideMenu > ul > li > a {color: #555555;font-size: 27px;font-weight:300;position: relative;}
.slideMenu > ul > li.active > a{font-weight: 700;color: #165447;position: relative;width: 100%;display: block}
.slideMenu > ul > li.active > a:after{content: "";position: absolute;width: 100%;height: 5px;background-color: #004632;bottom: -30px;left: 0;}

.slideMenu > ul > li .m-gnb.m-util .dep1{background-color:#fff;}
.slideMenu > ul > li .m-gnb.m-util li{border-top:1px solid #cccccc;}
.slideMenu > ul > li .m-gnb.m-util li:last-child{border-bottom:1px solid #cccccc;}
.slideMenu > ul > li .m-gnb.m-util .dep1 > li > a{background:url(/_res/cm/img/common/bg_mn_arr.gif) no-repeat right 20px top 50%;width:100%;}