@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: 47px;left: 0px;height: calc(100% - 97px);overflow-y:scroll;}
.m-util{position:absolute;width:100%;background-color:#fff;}
.dep1{background-color:#eff3fa;height: 100%;}
.dep1 > li > a.selected > ul{display:block !important;}
.dep1 > li > a{display: block;padding: 10px 15px;text-align: left;position: relative;font-weight: 500;font-size: 16px;color: #000;width: 41%;box-sizing:border-box;}
.dep1 > li > a.selected{color:#004483;background-color: #fff;} 
.dep1 > li > a.selected:after{content: "";position: absolute;background-color: #2a8cef;width: 4px;height: 100%;left: 0px;top: 0;}
.dep1 > li > a.active{color:#004483;}
.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: 10px 38px 9px 15px;border-top: 1px solid #cccccc;background:url(/_res/vieninternational/img/common/bg_plus.gif) no-repeat right 15px top 50%;font-weight:400;color:#333;font-size: 16px;}
.dep2 > li:last-child > a{border-bottom:1px solid #ccc;}
.dep2 > li > a:hover{color:#003d91;}
.dep2 > li > a.has-dep03-open{color:#003d91;background:url(/_res/vieninternational/img/common/bg_minus.gif) no-repeat right 15px top 50%;border-bottom:1px solid #ccc;}
.dep3{display:none;}
.dep3{padding:20px 0;}
.dep3 > li{padding: 0 30px 6px;}
.dep3 > li > a{font-weight:400;font-size: 14px;color:#555;position:relative;}
.dep3 > li > a.active{color:#003d91;}
.dep3 > li > a.active:after{content:"";display:block;position:absolute;bottom:-4px;width:100%;height:1px;background:#a3afcc;}

.slide-close{position: absolute;width: 57px;height: 35px;top: 11px;right: -2px;display: inline-block;background: #fff url(/_res/vieninternational/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: 18px;font-weight:300;position: relative;}
.slideMenu > ul > li.active > a{font-weight: 700;color: #2a8cef;position: relative;width: 100%;display: block}
.slideMenu > ul > li.active > a:after{content: "";position: absolute;width: 100%;height: 5px;background-color: #2a8cef;bottom: -20px;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/vieninternational/img/common/bg_mn_arr.gif) no-repeat right 20px top 50%;width:100%;}
*/
.slideMenu .m-login{display:block;border-top: 1px solid #a9a9a9}
.slideMenu .m-login a{font-size: 16px;font-weight: 500;text-align:left;display:block;box-sizing:border-box;padding:10px 35px 10px 15px;background: url(/_res/grad/img/common/bg_mn_arr.gif) no-repeat center right 15px;border-bottom:1px solid #d7deea;color:#000;}
.slideMenu .m-lang{display: inline-block;border: 1px solid #cdcdcd;margin: 35px auto 20px;width: 90%;background-color:#ececec}
.slideMenu .m-lang a{display: inline-block;text-align: center;box-sizing: border-box;border-right: 1px solid #cccccc;width: 25%;background-color: #dedede;padding: 10px 0;margin: 0 0 0 -3px;font-size: 16px;font-weight: 400;}
.slideMenu .m-lang a:last-child{border-right:none;}
.slideMenu .m-lang a:hover{font-weight:500;color:#fff;background-color:#555555}