/* BASIC css start */
#header {padding-bottom:10px; position:relative; ; top:0; left:0; width:100%; z-index:1001 }
#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; }
.searchArea {display:inline-block; width:180px; }
.search {display:inline-block; width:100%; border-bottom:1px solid #000; height:25px; box-sizing:border-box; position:relative }
.search form, .search fieldset {display:inline-block; width:100%; height:100%}
.search input { border:none; height:100%; width:calc(100% - 24px); background: transparent; float:left; }
.search .search_btn {display:inline-block; width:18px; height:18px; position:absolute; top:calc(50% - 9px); right:0;  }

.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(28, 28, 28); 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:8px; 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: 14px; 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: 14px;  margin-right: 2px;}
.item_olive{font-weight: 700; font-size: 14px; color : #B1BA70;}
.item_pink{font-weight: 700; font-size: 14px;; color : #d05d77;}
.nav.point .item_sale{font-weight: 700; font-size: 12px;; color : #ed7b00;}
.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(30% - 30px); width:auto; box-sizing:border-box; background:#fff; border:1px solid #000; padding:30px 15px 30px 15px; z-index:300; width:120px}
.sub_nav .sub_item {display:block; font-size:12px; font-weight:400; margin-bottom:12px; } 
.sub_nav .sub_item:last-child {margin-bottom:0}
.sub_nav .sub_item:hover{text-decoration:underline;}

.all_menu_box { display:none; position:absolute; top:54px; left:0; width:100%; box-sizing:border-box;border:1px solid #000; padding:60px 36px 65px; z-index:10; background:#f4f4d9; z-index:100000;}
.all_menu_box_close {position:absolute; right:20px; top:20px;}
.all_menu_inner {}
.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; }

.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:1001; border-bottom: 1px solid #000; }
#header.active .header_btm .hide_logo {display:block; position:absolute; top:calc(50% - 13px); left:0; z-index:10;}
#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:100px;}
#header.active .all_menu_box {padding-left:210px}
@media (max-width: 1824px) {
  .header_btm .hide_logo { display: none !important; }
  #header .all_menu_box {padding-left:71px !important;}
  #header .menu_box {width:180px !important;}
  #header .menu_box:nth-child(2) {width:420px !important;; }
  #header .menu_box:nth-child(1) {width: 286px !important;;}
  #header .header_btm .nav.point {padding-left:0;}
  #header.active .header_btm .nav.point {padding-left:20px;}
 
}

/* BASIC css end */