/* BASIC css start */
/* BASIC css start */
.item-cont .item {margin-right: 22px;}


.header_box {position:fixed !important; top:40px; left:0}
#header .header_box .nav_box .nav li a {color:#000}
#header .header_box .nav_box .nav li a.point { color:#EAE1A0; }
#header .header_box .nav_box .nav li .sub_nav a { color:#EAE1A0 !important; }

#header .header_box.active {background:transparent;}
#header .header_box.active .gnd_box, #header .header_box.active .menu_btn {display:block; }

#header .header_box.point {background:#f4f4d8;}
#header .header_box.point .nav_box .nav li a {color:#7d7d7d}
#header .header_box.point .nav_box .nav li a.point { color:#000; }
#header .header_box.point .nav_box .nav li .sub_nav a { color:#000 !important; }

.main_img {/*min-height:100vh;*/ position:relative; overflow:hidden;}
.main_img img {width:100%}

.main_video_box {position:relative; overflow:hidden; padding-top:54px}
.main_video_box a {display:inline-block; width:100%; height:100%}
.main_video_box video {display:inline-block; width:100%; height:100%}


.fullImage {/*height: 100%; display: inline-block; width: auto; max-width: fit-content; /*transform: translateX(-50%); left: 50%; position: absolute; top: 0;*/}
.pageSection {display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;}
.pageSection.no_scroll {display:block; }


.main_swiper {min-height:100vh; position:relative; overflow:hidden;}
.main_swiper .swiper-slide {position:relative; overflow:hidden;}
.main_swiper .swiper-slide a {display:inline-block; height:100vh;}
.main_swiper .swiper-slide img {height: 100%; display: inline-block; width: auto; max-width: fit-content; transform: translateX(-50%); left: 50%; position: absolute; top: 0;}

.main_swiper .swiper-button-next, .main_swiper .swiper-button-prev { top: 50%;  background: url("//roompacker.cdn.smart-img.com/html/snap/pc/images/main_new/whiteArrow.png") center center no-repeat; width:44px; height:80px;}
.main_swiper .swiper-button-next { right: 50%; margin-right: -900px; background-position: 50% -80px;}
.main_swiper .swiper-button-prev {left: 50%; margin-left: -900px; background-position: 50% 0;}

.main_swiper .swiper-pagination { bottom:20px !important}
.main_swiper .swiper-pagination-bullet {background:#fff; width:12px; height:12px; margin:0 7px !important}
.main_swiper .swiper-pagination-bullet-active {background:#000}



#sliderTextBanner { position: relative; /*margin-top:-6px*/}
#sliderTextBanner .MS-content { margin:0; overflow: hidden; white-space: nowrap; background-color: #ebf9ca; padding:15px 0; border-top: 1px solid #000; border-bottom: 1px solid #000;}
#sliderTextBanner .MS-content .item { display: inline-block; height: 100%; overflow: hidden; position: relative; width: auto; vertical-align: top; padding: 0 10px;}
#sliderTextBanner .MS-content .item a {  color:#000; display: inline-block; vertical-align: middle;  margin: 0; font-size: 16px; font-weight: 600; margin-right:200px;}


#sliderImgBanner { position: relative;}
#sliderImgBanner .swiper-wrapper {	transition-timing-function: linear;}
/*#sliderImgBanner .swiper-slide {width:calc(33.33% - 20px);}*/
#sliderImgBanner .swiper-slide a {font-size:0}



#mainEachList .swiper-slide {font-size:0}
#mainEachList .swiper-slide .img_box {display:inline-block; width:33.33%; vertical-align:top; position:relative;  }
#mainEachList .swiper-slide .img_box  a .img_txt {position:absolute;top:0;left:0;width:100%;display: flex;height:100%;align-items: center;justify-content: center;flex-direction: column;}
#mainEachList .swiper-slide .img_box  a .img_txt .tt {color:#fff; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-width: 400px; max-height: 84px; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; font-size: 32px; font-weight: 700;}
#mainEachList .swiper-slide .img_box  a .img_txt .dec {color:#fff; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-width: 400px; max-height: 46px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; font-size:17px;} 
#mainEachList .swiper-button-prev { position: absolute; margin: 0; top: 50%; left: 10px; transform: translateY(-50%);  z-index: 10; width: 64px; height: 64px;  background: url("/design/ranson01/images/icon_left.svg") no-repeat center/44px auto;  opacity: .4;}
#mainEachList .swiper-button-next {position: static;margin: 0;width: 44px;height: 44px;background: url("/design/ranson01/images/icon_right.svg") no-repeat right center/44px auto;transform: translateY(0);  opacity: .4;}
#mainEachList .swiper-button-pause { position: static; width: 44px; height: 44px; background: url("/design/ranson01/images/icon_pause.svg") no-repeat right center/44px auto;  opacity: .4; cursor: pointer;}
#mainEachList .swiper-button-start {  position: static; width: 44px; height: 44px; background: url("/design/ranson01/images/icon_play.svg") no-repeat right center/44px auto; opacity: .4; cursor: pointer; }
#mainEachList .swiper-button-control {position: absolute;top: 50%;right: 10px;z-index: 10;transform: translateY(-50%);width: 114px;height: 64px;display: flex;justify-content: space-between;margin-top: 0;padding: 10px;box-sizing: border-box;align-items: center;}

#mainEachList.hover .swiper-button-prev, #mainEachList.hover .swiper-button-control {border-radius: 12px;background-color: rgba(0,0,0,.4); }
#mainEachList.hover .swiper-button-prev, #mainEachList.hover .swiper-button-next, #mainEachList.hover .swiper-button-start, #mainEachList.hover .swiper-button-pause { opacity:1;}



.section {padding:75px 0; }
.section .wrapper {width:1365px}
.tt_box{padding-top:20px;text-align: center; position: relative;}
.item-cont  {margin-top:40px}
.tt_box .tt span {font-size:16px; display:block; }
.tt_box .tt em {font-size: 43px;display:block;letter-spacing: 0.1em;}
.contain { margin-top:40px; }
.swiper_tt {margin-top:16px; font-size: 16px; color: #999; }
.swiper_con {margin-top: 62px;}
.has_color {background: #eee;}
.swiper {text-align: center; }
.swiper-slide a {display:block; width:100%; }
.swiper-slide a img {width:100%}



#timeBest {}
#timeBest .wrapper { width:1776px;  box-sizing:border-box; }
#timeBest .tt_box {text-align:center; }

.best_list_box { margin:36px auto 0; text-align:center; width:495px; position:relative; min-height:53px;}

.best_list_box .best_list_slider {counter-reset:number; display:inline-block; width:495px;height:50px; box-sizing:border-box; border-radius:10px; border:1px solid #dbdbdb;  background:#fff url(//roompacker.cdn.smart-img.com/html/phps/pc/common_new/form_select.gif)no-repeat top -5px right 8px; overflow:hidden; }
.best_list_box .slick-slide {width:100%; height:48px!important; padding:0 42px 0 30px; box-sizing:border-box; }

.best_list_box .best_tt  {display:block; box-sizing:border-box; padding:17px 0; line-height:1;  height:100%; max-width:100%; font-size:14px;  text-align: left;  }
.best_list_box .best_tt .sort { padding-left:18px; position:relative; margin-left:14px; width: calc(100% - 70px);  box-sizing: border-box;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*
.best_list_box .best_tt .sort:before {content:""; display:inline-block;  width:6px; height: 2px; position:absolute; left:0; top:calc(50% - 1px); background:#666; }
.best_list_box .best_tt.up .sort:before {width:0; height:0; border-bottom:4px solid #dc4042; border-left:4px solid transparent; border-right:4px solid transparent; background:none; top:calc(50% - 2px);}
.best_list_box .best_tt.down .sort:before { width:0; height:0; border-top:4px solid #2951a9; border-left:4px solid transparent; border-right:4px solid transparent; background:none;top:calc(50% - 2px); }
*/
.best_list_box .bestClone {position: absolute; left: 0; top: 0; height:50px; opacity:0; z-index: -1; transition: height 0.3s ease-in-out; overflow: hidden;}
.best_list_box.hover .bestClone {display:block; opacity:1; z-index:1; width:100%; height:242px; box-sizing:border-box;}
.best_list_box.hover .bestClone {display:block; transform:inherit !important;  width:100%; box-sizing:border-box; background:#fff; border:1px solid #dbdbdb;  border-radius:10px;}
.best_list_box.hover .bestClone .slick-slide {display:block;}
/* .best_list_box.hover {z-index: 1; }
.best_list_box.hover .swiper-container {height:255px; }
.best_list_box.hover .swiper-wrapper {display:block; transform:inherit !important } */

.collection_detail {display:none;}
.collection_detail.active {display:block;}

.collection_list {}
.collection_list:after {content:""; display:block; clear:both}
.collection_list li {display:inline-block; float:left; text-align:center; width:438px; height:293px; box-sizing:border-box; padding:94px 0;  background-repeat:no-repeat; background-size:cover; margin-right:7px; position:relative; transition: all 0.2s ease-in; }
.collection_list li:last-child {margin-right:0}
.collection_list li:before {content: ""; display:inline-block; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; background:rgba(0,0,0,0.4); transition: all 0.2s ease-in; opacity:0;}
.col_tt {font-size:31px; color:#fff; margin-top:15px; margin-bottom:20px;  z-index:1; position:relative;}
.col_sub_tt {font-size:16px; color:#fff; font-weight:300; margin-bottom:16px; z-index:1; position:relative; }
.more_btn { width:93px; height:31px; box-sizing:border-box; border-radius:5px; text-align:center; color:#fff; border:1px solid #fff; padding:10px 0; font-size:10px;  z-index:1; position:relative; transition: all 0.2s ease-in;display: block; margin: 0 auto;}
.collection_list li:hover:before {opacity: 1; }
.collection_list li:hover .more_btn {background:#fff; color:#6f706e;  }


.collection_detail { background:#eee; padding:55px 0 74px}
.collection_detail .wrapper { width:1390px; box-sizing:border-box; }

.collection_detail .item-cont .item-list {margin-right:0; box-sizing:border-box;  }
.collection_detail .item-cont .item-list .thumb {width:260px; margin:0 9px;}

.collection_detail .slick-next, .collection_detail .slick-prev{top:41%; background: url("//roompacker.cdn.smart-img.com/html/snap/pc/images/main_new/mainBnArrow.png") center center no-repeat; width: 59px; height: 80px;}
.collection_detail .slick-next { right:-60px; margin:0; background-position: 17px -80px;}
.collection_detail .slick-prev {left:-60px; margin:0; background-position: 0px -0;}
.collection_detail .swiper-pagination {position:static;  margin-top:28px;display: flex;justify-content: center; }
.collection_detail .swiper-pagination-bullet { width: 5%; height:2px; background: rgb(176, 176, 176); border-radius:0; margin:0 !important; }
.collection_detail .swiper-pagination-bullet-active {background-color:#000}


#weekly_best {padding-top:200px; }
, #codi_item {padding-top:0px; }


#today {padding-top:100px}

.product_list_box {}
.product_list_box .item-cont .item {margin-right: 21px; margin-bottom: 80px; width: calc(25% - 16px);;display:inline-block;vertical-align:top;}
.product_list_box .item-cont .item:nth-child(4n) {margin-right:0; }
.product_list_box .item-cont .item:nth-last-child(-n+4){margin-bottom:0}
.product_list_box .item-cont .item-list.slick-slide {float:none}

#bestofbest .product_list_box .item-cont .item:nth-last-child(-n+4){margin-bottom:80px}

#new_best .tt_box .tt span {font-size:22px}
#new_best .tt_box .tt em {  font-size: 40px;}
#new_best .swiper_tt {margin-top:2px; }
#new_best .wrapper {width:1560px}
#new_best .contain {overflow:hidden;}
#new_best {overflow:hidden;}
#new_best .item-cont {margin-top:0}
#new_best .tt_box {text-align:left; }
#new_best .swiper_box {width:500px; box-sizing:border-box; float:left;}
#new_best .product_box {width:988px; box-sizing:border-box; float:right;   }
#new_best .item-cont { flex: 5;}
#new_best .product_list_box {    padding-top: 107px;}
#new_best .product_list_box .item { width: calc(20% - 17px);}
#new_best .product_list_box .item:nth-child(4n) {margin-right:22px; }
#new_best .product_list_box .item:nth-child(5n) {margin-right:0; }
#new_best .product_list_box .item:nth-last-child(-n + 5) {margin-bottom:0}
#new_best .item-cont .item .item_price .price, #new_best .item-cont .item .item_price .strike, #new_best .item-cont .item .item_price .salePercent {font-size:13px;}
#new_best .swiper_con {margin-top:10px;}

.swiper_img_list .slick-next, .swiper_img_list .slick-prev {top:calc(50% - 16px); width: 32px; height:32px }
.swiper_img_list .slick-next { right:20px; margin-right:0; background: url("//roompacker.cdn.smart-img.com/html/snap/pc/images/main_new/ic_arrow_w_n.png")center center no-repeat !important;  }
.swiper_img_list .slick-prev {left:20px; margin-left:0; background: url("//roompacker.cdn.smart-img.com/html/snap/pc/images/main_new/ic_arrow_w_p.png")center center no-repeat !important;}

.swiper_img_list .slick-dots {bottom:18px !important; }
.swiper_img_list .slick-dots li { width:8px; height:px; background: #fff; border-radius:100%; margin:0 7px!important; }
.swiper_img_list .slick-dots li.slick-active {background:#000;}



.banner_list .swiper-button-next, .banner_list  .swiper-button-prev{top:41%; background: url("//roompacker.cdn.smart-img.com/html/snap/pc/images/main_new/mainBnArrow.png") center center no-repeat; }
.banner_list .swiper-button-next { right: 50%; margin-right: -770px; }
.banner_list .swiper-button-prev {left: 50%; margin-left: -770px;}
.banner_list .swiper-pagination {position:static;  margin-top:28px; }
.banner_list .swiper-pagination-bullet { width: 5%; height:2px; background: rgb(176, 176, 176); border-radius:0; margin:0 !important; }



.item-column-more {display:none; }
.more_box {text-align:center;  }
.more_box .recmd_product_more {display:flex;align-items:center;justify-content: space-around;width:260px;height:48px;border-radius: 0;background:#eee;color:#000;font-size:16px;margin:0 auto;}

#codi_item .item-cont .item-list {margin-bottom:22px; }
#codi_item .item-list a {display:inline-block; }

#offline { padding-bottom:160px}
#offline .wrapper {width:100%; min-width:auto; max-width:100%; max-width:1960px; min-width:1365px}

.store_list .shop_txt {padding:20px;display: none;position:absolute;bottom: -167px;left:0;width:100%;box-sizing: border-box;}
.store_list .shop_txt .shopName {display:inline-block;font-size: 18px;border-radius:30px;height:32px;padding:6px 18px;box-sizing:border-box;font-weight: 700;}
.store_list .shop_txt .shopAdd {margin-top:10px;font-size: 14px;line-height:1.8}

.store_list .swiper-wrapper  {align-items: center; padding-bottom:160px}
.store_list .swiper-slide {box-sizing:border-box;transition:all 200ms linear;}
.store_list .swiper-slide  a { display: block;}
.store_list .swiper-slide .shop_img {position: relative;vertical-align: top;display: block;}
.store_list .swiper-slide .shop_img img {margin: 0 auto;}
.store_list .swiper-slide .shop_img:after {content:""; display:inline-block; width:100%; height:100%; background:rgba(0,0,0,0.45);position:absolute; top:0; left:0}
.store_list .swiper-slide.swiper-slide-active {z-index:1;padding: 0;}
.store_list .swiper-slide.swiper-slide-active .shop_img {}
.store_list .swiper-slide.swiper-slide-active .shop_img img {width:100%;}
.store_list .swiper-slide.swiper-slide-active .shop_img:after {display:none; }
.store_list .swiper-slide.swiper-slide-active .shop_txt {display:block; }
.store_list .swiper-slide.swiper-slide-next {padding-left:60px; }
.store_list .swiper-slide.swiper-slide-prev {padding-right:60px; }
#offline .store_list .swiper-button-next, #offline .store_list .swiper-button-prev { background: url("https://roompacker.cdn.smart-img.com/html/snap/pc/images/main_new/whiteArrow.png") left center no-repeat !important;width:44px;height: 80px;display: inline-block;margin: 0;top: calc(50% - 135px);}
#offline .store_list .swiper-button-next { background-position: 0 -80px!important; right:380px;}
#offline .store_list .swiper-button-prev { background-position: 0 0!important; left:380px;}



/*swiper btn*/
.swiper_btn_box .swiper-button-next:after, .swiper_btn_box .swiper-button-prev:after {display:none; }
.swiper_btn_box .swiper-button-next, .swiper_btn_box .swiper-button-prev {position: absolute; width: 59px; height: 80px; z-index: 10; cursor: pointer;  font-size: 0px; outline: none; }
.swiper_btn_box .swiper-button-next { left: auto; background-position: 0px -80px;}
.swiper_btn_box .swiper-button-prev {right: auto; background-position: 0px 0px;}
.swiper_btn_box .swiper-pagination-bullet {transition: all 0.4s ease 0s; }


.insta_box {}
.insta_tt_box {font-size:22px; position:relative; box-sizing:border-box; display:flex; align-items:center; }
.insta_tt_box .insta_ic {margin-right:8px}
.insta_tt_box .insta_id {position:absolute; right:0; bottom:0; font-size:15px; font-weight: 500; color:#bfbfbf}
.insta_con_box {margin-top:30px; }
.insta_con_box .insta_item {display:inline-block; width:100%; height:100%; box-sizing:border-box; background-color:#eee; }
.insta_point {display:inline-block; width:544px; height:402px; box-sizing:border-box; vertical-align: top; margin-right:6px;  }
.insta_list {display:inline-block; width:calc(100% - 555px); height:400px; box-sizing:border-box; vertical-align: top; margin-top:-6px;}
.insta_list li {display:inline-block; width:127px; height:127px; margin-right:6px; margin-bottom:10px; }
.insta_list li:nth-child(6n) {margin-right:0}
.insta_list li:nth-last-child(-n+6) {margin-bottom:0}
.insta_box .btn_box { margin-top:65px; text-align:center}
.insta_box .follow_btn {display:inline-block; width:149px; height:40px; font-size:12px; font-weight:500; color:#010101; box-sizing:border-box; background:#f1f1f1; border-radius:30px; padding:12px 0 }

#promotionWrap .slick-dots, #steadyWrap .slick-dots  {display: none !important;}

.madeRwrap {width: 100%;position: relative;overflow: hidden;padding-bottom: 50px;}
.madeRwrap .madelistArea {margin: 75px auto 0;}
.madeRwrap .tit01 { font-size: 18px;}
.madeRwrap .tit02 { font-size: 43px; font-weight: 600;}
.madeRwrap .tit02_1 { font-size: 43px; font-weight: 600;color:#000;letter-spacing: 0.2em;} /* ¿µ¹® ŸÀÌƲ */
.madeRwrap .tit02_2 { font-size: 43px; font-weight: 600;color:#000;}
.madeRwrap .tit03 { font-size: 16px; color: #000; margin-top: 10px;}
.madeRwrap .item-wrap {overflow: hidden;margin-top: 30px;/* margin-right: -42px; */}


.madeRwrap .tit03_1 { font-size: 43px; font-weight: 600;color:#000;} /* ÇÑ±Û Å¸ÀÌƲ */

.madeRwrap .madelistArea .wrapper { width:1390px; box-sizing:border-box; }
.madeRwrap .madelistArea .wrapper .titleArea {padding:0 9px 30px;}
.madeRwrap .madelistArea .item-cont .item-list {margin-right:0; box-sizing:border-box;  }
.madeRwrap .madelistArea .item-cont .item-list .thumb {width:260px; margin:0 9px;}

.madeRwrap .slick-next, .madeRwrap .slick-prev{top:41%; background: url("//roompacker.cdn.smart-img.com/html/snap/pc/images/main_new/mainBnArrow.png") center center no-repeat; width: 59px; height: 80px;}
.madeRwrap .slick-next { right:-60px; margin:0; background-position: 17px -80px;}
.madeRwrap .slick-prev {left:-60px; margin:0; background-position: 0px -0;}
.madeRwrap .slick-dots {position:static;margin-top:44px;display: table !important;table-layout: fixed;}
.madeRwrap .slick-dots li {display:table-cell;border-radius: 0;height: 2px;background: #9E9E9E;}
.madeRwrap .slick-dots li.slick-active {background:#C1AC8A}

.madeRwrap .swiper-pagination {position: relative;top: -26px;display: flex;justify-content: center;margin: 0 auto}
.madeRwrap .swiper-pagination-bullet {margin:0 !important; width: 5%; height: 2px; background: rgb(56, 56, 56); margin: 0px; transition: all 0.4s ease 0s;  cursor: pointer; float:left }
.madeRwrap .swiper-pagination-bullet-active { background: rgb(0, 0, 0); width: 5%; height: 2px; cursor: pointer;margin:0; }
.madeRwrap .wrapper {padding:0; box-sizing:border-box; }
.madeRwrap .item-cont .item-list {width:290px; margin-right:0; box-sizing:border-box;  }
.madeRwrap .swiper {overflow:visible;}
.madeRwrap .contain {margin-top:30px}
.madeRwrap .swiper_con {margin-top:0}
.madeRwrap .swiper_list_box {width:100%; overflow: hidden; margin: 0 auto;}


#popup_layer {visibility:visible;position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);} 
/*Æ˾÷ ¹Ú½º*/
.popup_box{position:fixed;position: absolute;top:50%;left:50%; width:850px;transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}
/*ÄÁÅÙÃ÷ ¿µ¿ª*/
.popup_box .popup_cont {padding:50px;line-height:1.4rem;font-size:14px;word-break: break-word;}
.popup_box .popup_cont h2 {padding:15px 0;color:#333;margin:0;}
.popup_box .popup_cont p{ border-top: 1px solid #666;padding-top: 30px;}
/*¹öÆ°¿µ¿ª*/
.popup_box .popup_btn {display:table;table-layout: fixed;width:100%;height:40px;background:#fff;word-break: break-word; }
.popup_box .popup_btn a {position: relative; display: table-cell; height:40px; color:#949494; font-size:15px;text-align:right;vertical-align:middle;text-decoration:none; background:#fff; padding:0px 15px 0px 15px;}
/*.popup_box .popup_btn a:before{content:'';display:block;position:absolute;top:10px;right:29px;width:1px;height:21px;background:#949494;-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.popup_box .popup_btn a:after{content:'';display:block;position:absolute;top:10px;right:29px;width:1px;height:21px;background:#949494;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}*/
.popup_box .popup_btn a.close_day {background:#fff; text-align:left;}
.popup_box .popup_btn a.close_day:before, .popup_box .popup_btn a.close_day:after{display:none;}
/*¿À¹ö·¹ÀÌ µÞ¹è°æ*/
.popup_overlay{position:absolute;position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;;background:rgba(0,0,0,0.5);}   
.popcontent .popvisual {display:none;min-width: auto;text-align: center;height: 30px;line-height: 30px;position: absolute;right: 0;padding: 8px 10px;color: #fff;background: rgba(0,0,0,.16);z-index: 10;width: auto!important;left: unset;bottom: unset;min-width: 30px;}
.popcontent .poparrow {position:absolute; top:50%; width:40px; height:40px; margin-top:-22px; z-index:10; cursor:pointer; font-size:0px; outline:none; }
#popup_layer .swiper-pagination {top: calc(50% - 22px); width:100%}
#popup_layer .swiper-button-next{ background:url("//roompacker.cdn.smart-img.com/html/phps/pc/main/midBannerArrow.png") no-repeat !important;  background-position:-17px -66px !important; margin:0}
#popup_layer .swiper-button-prev{background:url("//roompacker.cdn.smart-img.com/html/phps/pc/main/midBannerArrow.png") no-repeat !important;  background-position:-13px -7px !important; margin:0}
#popup_layer .swiper-button-next::after,
#popup_layer .swiper-button-prev::after {display:none;}
#popup_layer .popup_box input {  background-color: #ddd;border-left-color: rgba(221, 221, 221, 0.1);	border-right-color: rgba(221, 221, 221, 0.1);	background-size: 70%;	background-position: center; background-repeat: no-repeat;	border: none;	border-radius: 18px;    margin-right:3px;    -webkit-appearance: none;   -webkit-border-radius: 0;    }
    
.popup_box input[type="checkbox"] {   width:17px;  height:17px;  margin:0 6px 1px 0;   background-image:url(//roompacker.cdn.smart-img.com/html/phps/m/common_new/check_input.png); -webkit-appearance:button; background-size: 70% !important;
	background-position: center !important;	background-repeat: no-repeat !important;	border: none !important;	border-radius: 38px !important;  -webkit-appearance: none;    outline:0;}
.popup_box input[type="checkbox"]:checked { background-image:url(//roompacker.cdn.smart-img.com/html/phps/m/common_new/check_input.png) !important; background-color:#8b8b8b; !important;}

.prd-ico{}


.titleArea  {position:relative; }
.titLink {position:absolute;bottom: 0;right:13px;font-size: 16px;color:#000;padding:4px 10px;font-weight: 300;}
.titleArea .tit03 {color:#666; font-size:16px; /*font-weight: bold*/ }


.item-cont .item:nth-child(4n) {margin-right:22px}


.swiper_tab_box {text-align:center;display: flex;justify-content: center;align-items: center;margin-bottom: 30px;}
.swiper_tab_box .swiper_tab {display: inline-block;position: relative;font-size: 14px;font-weight: 100;letter-spacing: 0.1em;color: #9E9E9E;z-index:1;padding:0 10px;margin: 0 15px;font-weight:300}
.swiper_tab_box .swiper-pagination-bullet-active {background:none; color:#000}
.swiper_tab_box .swiper-pagination-bullet-active:after {content:""; display:inline-block; width:100%; height:1px; background:#000; position:absolute; bottom:-10px; left:0}
.swiper_tab_box02 {text-align:center;display: flex;justify-content: center;align-items: center;margin-bottom: 30px;}
.swiper_tab_box02 .swiper_tab {display: inline-block;position: relative;font-size: 14px;font-weight: 100;letter-spacing: 0.1em;color: #9E9E9E;z-index:1;padding:0 10px;margin: 0 15px;font-weight:300}
.swiper_tab_box02 .swiper-pagination-bullet-active {background:none; color:#000}
.swiper_tab_box02 .swiper-pagination-bullet-active:after {content:""; display:inline-block; width:100%; height:1px; background:#000; position:absolute; bottom:-10px; left:0}


.swiper_tab_con_box {width:1040px; text-align:left; margin:0 auto  }
.swiper_tab_con_box .item {display:inline-block; width:calc(25% - 20px); margin-right:20px; margin-bottom:20px; }
.swiper_tab_con_box .item:nth-child(4n) {margin-right:0}
.swiper_tab_con_box .item a {display:inline-block; width:100%; height:100%; position:relative; }
.swiper_tab_con_box .item a:hover .item_txt {opacity:1}
.swiper_tab_con_box .item .item_txt {display: flex;position:absolute;left:0;top:0;width:100%;height:100%;align-items: center;justify-content: center;flex-direction: column;background:rgba(0,0,0,0.46); opacity:0; box-sizing: border-box;
    padding: 16px;}
.swiper_tab_con_box .item .item_txt .name {color:#fff;font-size:13px;font-weight:300;margin-bottom:10px;text-align: center;}
.swiper_tab_con_box .item .item_txt .price {color:#fff; font-size:14px; font-weight:700 }
.swiper_tab_con_box .item .item_txt .strike {font-size:12px;color:#fff;text-decoration: line-through;margin: 0 5px;}
.swiper_tab_con_box .item .item_txt .salePercent {font-weight:bold;color: #B1BA70;}
.swiper_tab_con_box02 {width:1040px; text-align:left;  }
.swiper_tab_con_box02 .item {display:inline-block; width:calc(25% - 20px); margin-right:20px; margin-bottom:20px; }
.swiper_tab_con_box02 .item:nth-child(4n) {margin-right:0}
.swiper_tab_con_box02 .item a {display:inline-block; width:100%; height:100%; position:relative; }
.swiper_tab_con_box02 .item a:hover .item_txt {opacity:1}
.swiper_tab_con_box02 .item .item_txt {display: flex; position:absolute; left:0;top:0;width:100%;height:100%;align-items: center;justify-content: center;flex-direction: column; background:rgba(0,0,0,0.46);opacity:0;  }
.swiper_tab_con_box02 .item .item_txt .name { color:#fff; font-size:13px; font-weight:300; margin-bottom:10px }
.swiper_tab_con_box02 .item .item_txt .price {color:#fff; font-size:14px; font-weight:700 }


.contain .swiper-button-next, .contain .swiper-button-prev {top: calc(50% - -46px);background: url(//roompacker.cdn.smart-img.com/html/snap/pc/images/main_new/mainBnArrow.png) center center no-repeat;width: 59px;height: 80px;}
.contain .swiper-button-prev {left:0;  background-position: 0px -0;}
.contain .swiper-button-next { right:0; background-position: 17px -80px;}




#contentWrapper {/*padding-bottom:192px*/}
/*#footer {margin-top:0 !important; position: fixed !important;bottom:0;left:0;width:100%;background: transparent !important;z-index: 10;}*/







#new_collection {}
#new_collection .new_collection_list {margin-top:40px}
#new_collection .new_collection_list:last-child {margin-bottom:0}
#new_collection .swiper-slide {width: 455px; text-align:left}
#new_collection .img_box {position:relative;}
#new_collection .img_box a {display:inline-block; width:100%; height:100%; }
#new_collection .img_box .img_img {position:relative}
#new_collection .img_box .img_img:before {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.2); z-index: 1;}
#new_collection .img_txt {position:absolute;bottom: 48px;left:0;box-sizing:border-box;padding:16px;width: 100%;z-index: 2;text-align:left}
#new_collection .img_txt .img_dec {color: #ffffff;font-size: 16px; margin-bottom:10px;font-weight: 300; }
#new_collection .img_txt .img_tt {color: #ffffff; font-size:33px; line-height:1.2; font-weight: 400; margin-bottom:10px; }
#new_collection .img_txt .img_hashtag span {display: none; margin-right: 4px;  margin-bottom:4px; padding: 0px 12px; font-size: 12px; font-weight: 500; line-height: 28px; border-radius: 12.5px; background: rgba(255,255,255,.9); color:#000 }
#new_collection .swiper-button-next, #new_collection  .swiper-button-prev {top: calc(50% - 30px);width: 40px;height: 60px;}
#new_collection .swiper-button-prev {left:0; background: #fff url(https://roompacker.cdn.smart-img.com/html/snap/pc/images/main_new/swiper_left_arrow.svg)center center no-repeat;}
#new_collection .swiper-button-next {right:0; background: #fff url(https://roompacker.cdn.smart-img.com/html/snap/pc/images/main_new/swiper_right_arrow.svg)center center no-repeat;}



#weekly_best .product_list_box .item-cont .item { width: calc(33.333% - 14px);}
#weekly_best .product_list_box .item-cont .item:nth-child(4n) {margin-right:21px; }
#weekly_best .product_list_box .item-cont .item:nth-child(3n) {margin-right:0; }




/* BASIC css end */