#gnbWrap{ width:100%; height:100%; z-index:10000; position:fixed; top:0; left:50%; margin-left:-375px; }
#gnbWrap .black_bg{ z-index:0; position:absolute; top:0px; left:0px; background:rgba(0, 0, 0, 0.6); width:100%; height:100%; }
#gnbWrap > .inner{ z-index:5; background:white; width:600px; height:100%; }
#gnbWrap{ display:none; }
#gnbWrap .logo_wrap{ z-index:1; background:white; height:142px; border-bottom:2px solid #004EAE; }
#gnbWrap .logo_wrap .logo{ position:absolute; top:42px; left:25px; }
#gnbWrap #btnGnbClose{ background:url(/front_m/imgs/gnb/closeBtn.png) no-repeat; width:70px; height:70px; }
#gnbWrap #btnGnbClose{ position:absolute; top:35px; right:30px; }
#gnbWrap .scroll_wrap{ background:#FAFAFA; position:absolute; top:0px; padding-top:142px; left:0px; width:100%; height:100%; }
#gnbWrap .scroll_wrap .inner{ overflow-y:auto; height:100%; -webkit-overflow-scrolling:touch; }
#gnbWrap .util_btns{ position:absolute; top:55px; left:320px; }
#gnbWrap .util_btns > a{ color:#CCC; font-size:20px; font-weight:bold; }
#gnbWrap .util_btns > a + a{ margin-left:32px; }
#gnbWrap .util_btns > a + a:before{ background:#CCC; width:1px; height:14px; margin-top:-7px; position:absolute; top:50%; left:-20px; content:''; display:inline-block; }
/**/
#gnb{ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
#gnb > li{ position:static; }
#gnb > li:after{ content:""; display:block; clear:both; }
#gnb > li > a{ z-index:5; display:block; font-size:26px; padding-left:29px; padding-top:35px; padding-bottom:41px; background:#FAFAFA; }
#gnb > li > a{ width:240px; border-right:1px solid #E5E5E5; }
#gnb > li > a{ border-bottom:1px solid #E5E5E5; }
#gnb > li.on > a{ background:#004EAE; color:white; }
/*#gnb > li > a:before{ cursor:pointer; background:url(/front_m/imgs/gnb/1dep_back.png); width:37px; height:31px; z-index:1; position:absolute; top:48px; left:40px; content:''; }*/
/*#gnb > li > a:before{ display:none; }*/
/*#gnb > li.on > a:before{ display:block; }*/
/*#gnb > li.has_child > a:after{ background:url(/front_m/imgs/gnb/1dep_arr.png); width:17px; height:31px; position:absolute; top:50%; margin-top:-15px; right:50px; content:''; display:inline-block; }*/
#gnb > li.on > a:after{ display:none; }
/*#gnb > li > ul{ border-top:1px solid #004EAE; }*/
#gnb > li > ul{ display:none; }
#gnb > li > ul{ z-index:1; position:absolute; top:0px; left:0px; padding-left:239px; width:100%; }
#gnb > li.on > ul{ display:block; }
#gnb > li > ul > li{ background:white; border-left:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }
#gnb > li > ul > li > a{ display:block; font-size:24px; color:#333; letter-spacing:-0.05em; }
#gnb > li > ul > li > a{ padding-left:38px; padding-top:27px; padding-bottom:30px; }
#gnb > li > ul > li.on > a{ color:#004EAE; }
#gnb > li > ul > li.has_child > a:after{ background:url(/front_m/imgs/gnb/2dep_down.png); width:19px; height:11px; position:absolute; top:50%; margin-top:-5px; right:32px; content:''; display:inline-block; }
#gnb > li > ul > li.has_child.on > a:after{ background:url(/front_m/imgs/gnb/2dep_up.png); }
#gnb > li > ul > li > ul{ border-top:1px solid #EEE; padding-top:39px; padding-bottom:40px; }
#gnb > li > ul > li > ul{ display:none; }
#gnb > li > ul > li.on > ul{ display:block; }
#gnb > li > ul > li > ul > li{ }
#gnb > li > ul > li > ul > li + li{ margin-top:30px; }
#gnb > li > ul > li > ul > li > a{ padding-left:48px; display:block; font-size:22px; letter-spacing:-0.05em; color:#666; }
#gnb > li > ul > li > ul > li.on > a{ color:#004EAE; }
#gnb > li > ul > li > ul > li > a:before{ background:#8B8B8B; width:6px; height:6px; margin-top:-3px; position:absolute; top:50%; left:35px; content:''; display:inline-block; }
#gnb > li > ul > li > ul > li.on > a:before{ background:#004EAE; }
/**/
.btn_gnb_log{ z-index:10; display:block; width:240px; padding-left:30px; padding-top:35px; padding-bottom:40px; border-right:1px solid #E5E5E5; background:#FAFAFA; }
.btn_gnb_log + .btn_gnb_log{ border-top:1px solid #E5E5E5; }