.mob_gnb_wrap { width: 100%; position: fixed; top: 0; bottom: 0; left: 0; display: none; z-index: 9999; overflow: hidden; }
.mob_gnb_wrap .mob_gnb { width: 450px; min-width: 250px; height: 100%; background-color: #fff; position: absolute; right: -100%; overflow-y: auto; z-index: 999; padding: 3.12em 0; }
/* .mob_gnb_wrap .mob_gnb .mob_gnb_top { padding: 15px 20px; position: relative; }
.mob_gnb_wrap .mob_gnb .mob_gnb_top .right { position: absolute; top: 50%; right: 20px; } */
.mob_gnb_wrap .mob_gnb .mob_gnb_top .mob_gnb_btn { font-size: 3.12em; color: #999; text-align: right; cursor: pointer; }
.mob_gnb_wrap .mob_gnb .mob_gnb_top .mob_gnb_btn i { position: absolute; top: 0; right: 0; padding: 1em; z-index: 1; }
.mob_gnb_wrap .mob_gnb > ul { margin-top: 8.21em; }
.mob_gnb_wrap .mob_gnb > ul > li { padding-bottom: 3.12em; }
.mob_gnb_wrap .mob_gnb > ul > li > div { display: block; width: 100%; font-size: 2.5em; color: #444; font-weight: 900; cursor: pointer; padding: 0 1.25em;}
.mob_gnb_wrap .mob_gnb > ul > li.select > div{ color: #17519a; }
.mob_gnb_wrap .mob_gnb > ul > li > ul {  display: none; padding-top: 1.25em; background-color: #f1f7ff; margin-top: 1.25em;}
.mob_gnb_wrap .mob_gnb > ul > li > ul > li { font-size: 1.25em;  padding:0 3em 1em; font-weight: 400; color: #666; }
.mob_gnb_wrap .mob_gnb > ul > li > ul > li:hover { font-weight: bold;}
.mob_gnb_wrap .mob_gnb > ul > li > ul > li.select { color: #17519a; font-weight: 900; }
.mob_gnb_wrap .mob_gnb > ul a { display: block; }

@media screen and (max-width:450px) {
  .mob_gnb_wrap .mob_gnb{width: 100%;}
}