/* BASIC css start */
#header {padding-bottom:10px; position:fixed; top:0; left:0; width:100%; z-index:1000 }
#header .hd_logo img {width:275px;}


#topBanner {position: relative; overflow:hidden }
#topBanner .bnnr_bx { margin: auto; width:100%; height: 40px; }
#topBanner .bnnr_bx a { display: block; font-size: 15px; color:#191919; text-align: center; line-height: 40px; letter-spacing: -0.3px; }
#topBanner .bnnr_bx a span { padding: 0px 10px; letter-spacing: 0.5px; }
#topBanner p.bt_closeBanner { display: block; position: absolute; top: 10px; right: 50px; text-indent: -9999em; width: 20px; height: 20px; cursor: pointer; z-index: 10; background: url("//roompacker.cdn.smart-img.com/html/phps/pc/common/hd_smClose_ico.png") center top / 20px no-repeat; }


.header_top {margin:15px 0}
.header_top .wrapper {text-align:right; }
.gnd {display:inline-block; text-align:right; }
.gnd li {margin-right:24px; float:left;margin-top:4px;  }
.gnd li:nth-child(1) {margin-top:0}
.gnd li:last-child {margin-right:0; }
.gnd li a {font-size:12px; }
.gnd:after {content:""; display:block; clear:both; }

.header_mid {margin-bottom:24px}

.header_btm {position:relative}
.hide_logo {display:none; }
.nav_box { box-sizing:border-box; }
.nav {position:relative; margin-right:42px;  display: inline-block; vertical-align: middle; }
.nav:after {content:""; display:inline-block; width:1px; height:19px; background:rgb(165, 165, 165); position:absolute; right:-20px; top:calc(50% - 9.5px)}
.nav:last-child {margin-right:0}
.nav:last-child:after {display:none; }
.nav li {margin-right:10px; position:relative; display: inline-block; vertical-align: middle;}
.nav li:last-child {margin-right:0}
.nav .menu_btn {position:relative; width:23px; height:17px;}
.nav .menu_btn span { display: block; width:100%; height: 2px; background:#000; position: absolute; left: 0px; transition: all 0.3s ease 0s;}
.nav .menu_btn .line01 {top:0}
.nav .menu_btn .line02 {top: 7px;}
.nav .menu_btn .line03 {top: 14px;}
.nav .menu_btn.open .line01 { top: 7px; transform: rotate(45deg); width: 23px !important; }
.nav .menu_btn.open .line02 { display: none; }
.nav .menu_btn.open .line03 { top: 7px; transform: rotate(135deg); width: 23px !important; }
.nav .item { display:inline-block; font-size: 13px; position: relative; height: 54px; line-height:54px; letter-spacing: 0.25px;vertical-align: top; transition: all 0.3s ease-out 0.1s; font-weight: 400;}
.nav.point .item {font-weight: 700; font-size: 16px;; }
.nav.point .item_olive{font-weight: 700; font-size: 16px;; color : #B1BA70;}
.nav.point .item.dot:after {content: ""; display: inline-block; width: 5px; height: 5px; background-color: rgb(250, 85, 0); position: absolute; top:18px; left:62px; border-radius: 50%;}

.sub_nav {display:none; position:absolute; top:54px; left:calc(50% - 50px); width:162px; box-sizing:border-box; background:#fff; border:1px solid #dddddd; padding:17px 30px;z-index:200;}
.sub_nav .sub_item {display:block; font-size:14px; font-weight:400; margin-bottom:12px; } 
.sub_nav .sub_item:last-child {margin-bottom:0}
.sub_nav .sub_item:hover{text-decoration:underline;}


.personal_list {margin-bottom:32px; }
.personal_list:last-child {margin-bottom:0}
.personal_list dt {display:block; font-size:16px; font-weight:600; margin-bottom:24px}
.personal_list dd {display:block; font-size: 13px; font-weight: normal; letter-spacing: 0px;}
.personal_list dd a {display:block; margin-bottom:16px; }
.personal_list dd a:last-child { margin-bottom:0; }
.personal_list .customer_num {font-size:20px; font-weight:bold; }

#header.active .header_btm{position:fixed; left:0; top:0; width:100%;background:#fff; z-index:1000; border-bottom: 1px solid #ddd; }
#header.active .header_btm .hide_logo {display:block; position:absolute; top:calc(50% - 13px); left:0}
#header.active .header_btm .hide_logo img {height:26px; }
#header.active .header_top, #header.active .header_mid {display:none; }

#header.active .header_btm .nav.point {padding-left:210px;}

.all_menu_box { display:none; position:fixed; top:150px; left:0; width:100%; max-width:1800px; min-width: 1250px; left:50%; transform:translateX(-50%); box-sizing:border-box;border:1px solid #000; padding:60px 30px 65px; z-index:10; background:#f4f4d9; z-index:100000;}
.all_menu_box.fix {top:91px;}
.all_menu_box_close {position:absolute; right:20px; top:20px;}
.all_menu_inner {}
#header.active .all_menu_box {
    padding-left: 210px;
}
.menu_box {display:inline-block; float:left; margin-right:32px; padding-right:32px; min-height:394px;  border-right:1px solid #000; box-sizing:border-box; position:relative; width:192px  }
.menu_box:last-child {margin-right:0; padding-right:0; border-right:0}
.menu_box:nth-child(1) {width:286px}
.menu_box:nth-child(2) {width:534px}
.menu_list li {margin-bottom:26px;  display: flex; align-items:center;}
.menu_list li:last-child {margin-bottom:}
.menu_list li .item { display: flex; align-items:center; font-size: 14px; font-weight:600; color:#000; letter-spacing:1px}
.menu_list li .item.point {color:#B1BA70}
.menu_list li .sub_item {font-size: 12px; color:#999; font-weight: normal; letter-spacing: 0px; margin-left:6px}
.menu_list li .sub_item a {display:inline-block;}
.menu_list li.flexNone {display:inline-block; }
.menu_list li.flexNone .sub_item {display:inline-block; margin-left:0; margin-top:8px; }
@media (max-width: 1824px) {
  .header_btm .hide_logo { display: none !important; }
  .all_menu_box { padding-left: 210px;}
  
}

/* BASIC css end */