.gnb_open_btn { position: absolute; width: 15%; max-width: 75px; height: 100%; top: 0; right: 0; display: none; cursor: pointer; }
.gnb_open_btn img { position: absolute; width: 40%; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); }
.mob_gnb_wrap { z-index: 999; width: 100%; height: 100%; position: fixed; left: 0; top
    :0; display: none; z-index: 9999; overflow-y: auto; background-color: rgba(0, 0, 0, 0.5); }
.mob_gnb_wrap .mob_gnb { font-size: 0.7em; width: 75%; max-width: 320px; height: 100%; background-color: #fff; position: absolute; right: 0; overflow-y: auto; }
.mob_gnb_wrap .mob_gnb .mob_gnb_top { margin: 15px 25px; position: relative; }
.mob_gnb_wrap .mob_gnb .mob_gnb_top .mob_gnb_btn a { display: inline-block; width: 23%; }
.mob_gnb_wrap .mob_gnb .mob_gnb_top img { cursor: pointer; }
.mob_gnb_wrap .mob_gnb .mob_gnb_top .right { position: absolute; width: 9%; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.mob_gnb_wrap .mob_gnb > ul { color: #444; width: 100%; border-top: solid 1px #f4f4f4; z-index: 9999; }
.mob_gnb_wrap .mob_gnb > ul > li { position:relative; border-bottom: solid 1px #f4f4f4; line-height: 60px; }
.mob_gnb_wrap .mob_gnb > ul > li .mob_menu_more { position: absolute; width: 19px; height: 19px; top: 50%; right: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.mob_gnb_wrap .mob_gnb > ul > li .mob_menu_more span { display: block; width: 100%; height: 1px; background-color: #444; position: absolute; top: 50%; }
.mob_gnb_wrap .mob_gnb > ul > li .mob_menu_more span:nth-child(2) { opacity: 1; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.mob_gnb_wrap .mob_gnb > ul > li.select .mob_menu_more span:nth-child(2) { opacity: 0; }
.mob_gnb_wrap .mob_gnb > ul > li > div { position: relative; margin-left: 25px; }
.mob_gnb_wrap .mob_gnb > ul > li.select { background-color: #fff; }
.mob_gnb_wrap .mob_gnb > ul > li > ul { display: none; font-size: 0.9em; color: #999; background-color: #fff; }
.mob_gnb_wrap .mob_gnb > ul > li > ul > li { border-top: #f4f4f4; line-height: 50px; }
.mob_gnb_wrap .mob_gnb > ul > li > ul > li:first-child { border-top: none; }
.mob_gnb_wrap .mob_gnb > ul > li > ul > li.select { color: #e67683; }
.mob_gnb_wrap .mob_gnb > ul > li > ul > li a { padding: 0 40px; }
.mob_gnb_wrap .mob_gnb > ul a { display: block; }

@media (max-width:1099px){
  .gnb_open_btn { display: block; }
}
@media (max-width:767px){
    .mob_gnb_wrap .logout_btn { position: absolute; width: 81%; left: 50%; transform: translateX(-50%); bottom: 4%; }
}