@font-face {
    font-family: 'bm_dohyeonregular';
    src: url('bmdohyeon_ttf-webfont.woff2') format('woff2'),
         url('bmdohyeon_ttf-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

#header_wrap { 
    position:fixed; 
    top:0; 
    left:3%; 
    width:94%;	
     z-index:99; 
     background:#fff; 	 
}
.navbar { 
    position:relative;
    width:100%;
    margin:0 auto; 
    padding:10px 0; 
    overflow:hidden;   
}
.navbar h1 { font-family: 'bm_dohyeonregular'; font-weight:900; line-height:40px; text-align: center;}
.navbar h1 a img{max-width: 150px; max-height: 40px;}
.navbar p.nav_mypage { position:absolute; top:50%; right:15px; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.navbar p.nav_mypage2 { position:absolute; top:50%; left:15px; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.navbar p.nav_mypage span{
    width: 24px;
    height: 3px;
    background-color: #1b3044;
    display: block;
}
.navbar p.nav_mypage span:nth-child(2){
    margin:5px 0;
}
.navbar p.nav_mypage2 span:nth-child(2){
    margin:5px 0;
}

.navbar_tit{
    width:100%;
    margin:0 auto;
    line-height:auto; 	
}
.navbar_tit sapn { font-family: 'bm_dohyeonregular'; font-weight:900; }

.nav_icon{
    position:absolute;
    top:0;
    right: 0;
    width: 10%;
    line-height: auto;
}

.top_price_box_a { 
    position:relative; 
    width:100%;
    margin-top:15px;   
    font-size: 10px;
}
.top_price_list { 
    width:100%; 
    line-height:auto ;
    overflow:hidden; 
}
.top_price_list_txt { 
    width:100%; 
}

.top_price_list_subtxt{ 
    float:left; 
    display:-webkit-inline-box; 
    width:50%; 
    line-height:30px;
    overflow:hidden;  
    background:#e3e3e3; 
}
.top_price_list_tit{    
    width:50%;
    display:-webkit-inline-box;
    font-size: 25px;
}
.bok_header{
    position: relative;
    display: block;
    width: 100%;
    max-height:50px;
	vertical-align:top;
}
.header_box_list{
   padding: 0;
   background-color: #fff;
   border:0px solid #c4c4c4;
}
.header_box_list> li{
    text-align: center;
    padding: 0 4px 3px;

    letter-spacing:-1px;
	cursor:pointer;
	width:25%;
    min-height: 35px;
}
.header_box_list> li:hover .hd_menu_wrap{
	color:#ffffff;
	font-weight:600;
	background:#093687;
}
.header_box_list> li.active .hd_menu_wrap{
	color:#ffffff;
	font-weight:600;
	background:#093687;
}
.header_box_list> li.backbtn {
	color:#ffffff;
	font-weight:600;
	background:#a6a6a6;
}
.header_box_list> li> div span{
    background-color: #093687;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-size: .7em;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    padding: 2px;
    letter-spacing: 0.5px;
    margin: -3px 0 0 2px;
}
.header_box_list> li.active span{
    background-color: #fff;
    color: #093687;
}

.navi_wrap.on .boklistwrap{
    right: 0;
}
.navi_bg{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    z-index: -1;
    display: none;
}
.navi_wrap.on .navi_bg{
    z-index: 1;
    display: block;
    opacity: 1;
}
  
.close_xBtn{
    text-align: right;
    margin: 2%;
}
.hd_menu_wrap{background-color: #efeeee; border-radius: 7px; padding: 4px 0;}
.hd_full_for_width{width:100%; margin: 0 auto;}
@media(max-width:360px) {
    .header_box_list > li{
      font-size: 0.9em;
      line-height: auto;
      
      min-height: 35px;
    }
}