/* mob_gnb */


.gnb_open_btn {align-items: flex-end; flex-direction: column; padding: 4%; cursor: pointer; position: absolute; top: 50%; right: -4%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); display: none; }
.gnb_open_btn span{display: block; width: 20px; height: 3px; background-color: #000; border-radius: 3px;}
.gnb_open_btn .bottom_bar{width: 30px; margin-top: 6px;}
.mob_gnb_wrap { z-index: 999; width: 100%; position: fixed; top: 0; bottom: 0; left: 100%; display: none; z-index: 9999; overflow-y: auto;  }
.mob_gnb_wrap .mob_gnb { width: 280px; height: 100%; background-color: #222; position: absolute; right: 0; overflow-y: auto; z-index: 999;}
.mob_gnb_wrap .mob_gnb .mob_gnb_top { margin: 24px 20px; position: relative; }
.mob_gnb_wrap .mob_gnb .mob_gnb_top .mob_gnb_btn{width: 20%; font-size: 2em;}
.mob_gnb_wrap .mob_gnb .mob_gnb_top .mob_gnb_btn a{display: block; width: 100%;}
.mob_gnb_wrap .mob_gnb .mob_gnb_top .mob_gnb_btn i{vertical-align: -4px; color: #fff;}
.mob_gnb_wrap .mob_gnb .mob_gnb_top img { cursor: pointer; }
.mob_gnb_wrap .mob_gnb .mob_gnb_top .right { position: absolute; top: 50%; right: 0; margin-top: -12.5px; }
.mob_gnb_wrap .mob_gnb .mob_gnb_top .right .close_btn{font-size: 2em; color: #fff; cursor: pointer;}
.mob_gnb_wrap .mob_gnb > ul { color: #fff; width: 100%; border-top: solid 1px #676767; z-index: 9999; font-size: 1.25em; }
.mob_gnb_wrap .mob_gnb > ul > li { position:relative; border-bottom: solid 1px #676767; 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: #fff; 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 { padding-left: 30px; position: relative; cursor: pointer;}
.mob_gnb_wrap .mob_gnb > ul > li.select { background-color: #0068b7; }
.mob_gnb_wrap .mob_gnb > ul > li > ul { background-color: #000; display: none; }
.mob_gnb_wrap .mob_gnb > ul > li > ul > li { font-size: 0.9em; border-top: solid 1px #3c3c3c; 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: #0068b7; }
.mob_gnb_wrap .mob_gnb > ul a { display: block; color: #fff; padding: 0 40px; }

 .mask{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background-color: rgba(0, 0, 0, 0.5);}

@media (max-width:940px){
  .header .gnb{display: none;}
  .gnb_open_btn { display: flex; }
  .mob_gnb_wrap { display: block; }
}