@charset "UTF-8";
.blind { position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px }
.pt0 { padding: 0 !important }
body.gnb_open { position: fixed; left: 0; width: 100%; overflow: hidden }

/* 헤더 */
.header_wrap { position: absolute; z-index: 9999; top: 0; width: 100% }
.header_wrap > .inner { position: relative; padding: 24px 0 0 23px }
.header_wrap > .inner .logo { width: 30%; max-width: 145px }
.header_wrap > .inner .logo > a { display: inline-block; vertical-align: middle }
.header_wrap > .inner .logo > a img { vertical-align: top }
.header_wrap > .inner .menu { position: absolute; top: 50%; right: 21px; width: 21px; height: 18px; margin-top: -9px; background: url('/resource/m/images/common/ico_common.png') no-repeat 0 0; background-size: 200px auto }
.header_wrap > .inner .btn_close { opacity: 0; position: absolute; z-index: -1; top: 16px; right: 5%; width: 18px; height: 18px; background: url('/resource/m/images/common/ico_common.png') no-repeat -84px 0; background-size: 300px auto; transition: all ease .5s }
/* 닫기 버튼이 너무 작아서 개별적으로 나누기 2 적용 */
@media screen and (max-width:321px) {
	.header_wrap > .inner .btn_close { top: 12px }
}
.header_wrap > .gnb_wrap > .inner a.hp_kor {display: block;position: absolute;width: 40%;height: 42px;left: 0px;top: 0px;}
.header_wrap > .gnb_wrap > .inner a.hp_eng {display: block;position: absolute;width: 77px;height: 42px;left: 86px;top: 0px;}
.header_wrap > .inner .btn_close.active { z-index: 999999; opacity: 1; transform: rotate(180deg) }
.header_wrap > .inner .btn_back { display: none }
.header_wrap > .inner .tit { display: none }
.header_wrap .gnb_dim { position: fixed; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: none; background: rgba(51, 51, 51, .8) }

/* 매뉴 */
.gnb_wrap { overflow: hidden; position: fixed; z-index: 99999; top: 0; right: 0; width: 67%; height: 100%; background-color: #3a47a9 }
.gnb_wrap .inner { overflow: hidden; overflow-y: auto; position: relative; height: 100%/*;-webkit-overflow-scrolling:touch*/ }
.gnb { }
.gnb > ul { padding: 31px 0 }
.gnb li { text-align: center }
.gnb li a { display: block }
.gnb li a img { width: 80% }
.gnb li.depth_1:after { content: ''; display: inline-block; width: 1px; height: 26px; margin: 13px 0; background-color: #fff }
.gnb li.depth_2 { margin: 16px 0 }
.gnb li.last:after { content: none; display: none }

/* 푸터 */
.footer_wrap { background-color: #23284d }
.footer_wrap .inner { position: relative; min-width: 320px; margin: 0 auto }
.footer_wrap .top_btn { display: block; position: absolute; top: 9px; right: 13px; width: 35px; height: 35px; background: url('/resource/m/images/common/ico_common.png') no-repeat -21px 0; background-size: 200px auto }