/* BASIC css start */
#header .headerBottomLeft { border-bottom: none !important; }
#header .header-menu {border-top: 1px solid rgba(35, 35, 35, 0.1) !important;}
/* ¸ÞÀÎ °øÅë */

.main { }
.main h3 { font-size:1.635em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; width: 100%; text-align: center; }
.reviewMain h3 { font-size:1.635em; display: inline-block; margin:0px 0 18px 0; padding-top:6px; width: 100%; text-align: center; }
.more { margin-top: 30px; margin-bottom: 63px; }
.more-bt .squ_btn { display: block; width: 15px; background: url(/design/petebox/phps2021/m/main/squ_btn.png) no-repeat center; height: 20px; background-size: contain; }
.more .btn_moreGray { background-color: #fff; display: inline-block; width: 110px; height: 33px; line-height: 31px; border: 1px solid #000; color:#000;padding-right: 10px; }
.btn_moreGray > i { margin-left: 3px; vertical-align: text-bottom; font-size: 14px; position: absolute; height: 33px; color: #000; margin-top: -1px; }
font.square-color { margin-right: 2px; float: left; width: 12px; height: 4px; border: 1px solid #eee; box-sizing: border-box; }
.swiper-pagination-bullet { width: auto !important; height: 4px !important; display: table-cell !important; border-radius: 0 !important; }
.swiper-pagination-bullet-active { border-radius:0 !important; background: rgba(255,255,255,1) !important; }

/* ¸ÞÀκñÁÖ¾ó swiper ¿µ¿ª */
.visualSwiper { position: relative; }
.visualSwiper .swiper-slide img { width: 100%; }
.visualSwiper .visual-scrollbar { display: table; width: 80% !important; position: absolute; left: 50% !important; bottom: 20px !important; transform: translateX(-50%); z-index: 2; height: 4px; background: rgba(255,255,255,0.5); }

/* ¸ÞÀθ޴º ¿µ¿ª */
.main-menu li {display: inline-block;width: 20%;float: left;text-align: center;padding: 11px 6px;border-bottom: 1px solid #ddd;box-sizing: border-box;font-size: 10px;position: relative;}
.main-menu li::after { content: ''; display: block; width: 1px; height: 10px; background: #ddd; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.main-menu li:nth-child(5n+0)::after { content: none; }
.main-menu li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ¸ÞÀÎÁß°£ swiper ¿µ¿ª */
.midSwiper { clear: both; padding-top: 3px !important; }
.midSwiper .swiper-slide { width: 45% !important }
.midSwiper .swiper-slide img { width: 100% }

/* °øÁö¹è³Ê swiper ¿µ¿ª */
.wideSwiper { clear: both; padding-top: 5px !important; }
.wideSwiper .swiper-slide { width: 100% !important }
.wideSwiper .swiper-slide img { width: 100% }

/* Weekly Best ¿µ¿ª */
.week-bst {text-align: center;background: #ededed;margin-top: 45px;}
.week-bst h3 {margin: 30px 0 25px 0;}
.week-bst ul.items { padding:0 9px; margin:0 -2px; width: auto;  }
.week-bst ul.items li { width: 33.3%; margin-bottom:25px}
.week-bst ul.items li a { padding: 2px; }
.wbst-pagination {text-align: center;margin-bottom: 12px;}
.wbst-pagination li {display: inline-block;color: #777777;margin: 0 4px 10px;font-size: 12px;font-weight: 500;height: 18px;}
.wbst-pagination li.active {border-bottom: 2px solid #b06e56;color: #b06e56;}
.wbst-contents .items .listName {font-size: 11px;margin-top: 8px;margin-bottom: 6px;width: 96%;line-height: 14px;}
.wbst-contents .items .listPrice {font-weight: 700;font-size: 12px;margin-bottom: 2px;}
.wbst-contents .items .listPrice  del {color: #9c9c9c;}
.wbst-contents .items .salePercent {color: #b06e56;}
.wbst-contents .items .listReview  { font-weight: 600; font-size: 12px; color: #000; margin-bottom: 15px; }
.wbst-contents .items .rvPoint { font-weight:400; color: #9d9d9d; margin-right: 3px; }
.wbst-contents .items .review_count {padding-top:1px;font-size:11px;color: #3b3b3b;}
.wbst-contents .items .review_count b { color:#3b3b3b}
.week-bst .more {margin-bottom: 15px;}
.week-bst .more .btn_moreGray {padding-right:0;}

/* new arrivals ¿µ¿ª */
.sortWrap { padding: 0; text-align: center !important; }
.sortWrap li { width:20px; background:#000; }
.sortWrap li.list { background:url('/design/petebox/phps2021/m/main/list_sort.gif') no-repeat center;  background-size: contain; margin-right: 5px; }
.sortWrap li.list.active { background:url('/design/petebox/phps2021/m/main/list_sort_on.gif') no-repeat center; background-size: contain; }
.sortWrap li.gallery { background:url('/design/petebox/phps2021/m/main/gallery_sort.gif') no-repeat center; background-size: contain; }
.sortWrap li.gallery.active { background:url('/design/petebox/phps2021/m/main/gallery_sort_on.gif') no-repeat center; background-size: contain;}
.new-arr .MK_block_new_product { overflow: hidden; }
.new-arr .items { margin: 0 -1px; padding: 0; width: inherit; }
.new-arr .items li.w100 { width: 100%; margin-top: 20px; }
.new-arr .items li a { padding: 1px; }
.new-arr .list_shoppingInfo { position: relative; margin-top: 5px; text-align: left; padding: 0 5px; padding-bottom: 25px; }
.new-arr .list_shoppingInfo .more-bt { width: 20px; height: 20px; position: absolute; right: 0; top: 0; }
.new-arr .list_shoppingInfo .listName { padding: 9px 0; }
.new-arr .list_shoppingInfo .listPrice { padding: 5px 0; margin:0; }
.new-arr .list_shoppingInfo .listPrice, .new-arr .list_shoppingInfo .listReview  { font-weight: 600; color: #000; }
.new-arr .list_shoppingInfo .listPrice strike { color:#9d9d9d; }
.new-arr .list_shoppingInfo .listPrice .new-per { color: #ba6a52 }
.new-arr .list_shoppingInfo .listReview .rvPoint { font-weight:400; color: #9d9d9d; margin-right: 3px; }

/* winter outer ¿µ¿ª */
.wt-outer { background-color: #efeeec; }
.wt-outer h3 { margin: 25px 0 10px 0; }
.wt-outer > p { text-align: center; }
.wt-outer .swiper-slide figure { padding: 17px 20px; }
.wt-outer .swiper-slide figure img { width: 100%; }
.wt-outer .swiper-slide .list_shoppingInfo { width: calc(100% - 28px); padding: 15px 14px 12px; text-align: left; background-color: #fff; }
.wt-outer .swiper-slide .list_shoppingInfo .listName { font-weight: 600; font-size: 13px; margin-bottom: 8px; }
.wt-outer .swiper-slide .list_shoppingInfo .listSubname { margin-bottom: 8px; color: #646464; }
.wt-outer .list_shoppingInfo .listPrice { color: #000; font-size: 14px; font-weight: 800; margin-bottom: 8px; }
.wt-outer .list_shoppingInfo .listSubname { margin-bottom: 8px; }
.wt-outer .list_shoppingInfo .listPrice, .wt-outer .list_shoppingInfo .listReview  { font-weight: 600; color: #000; }
.wt-outer .list_shoppingInfo .listReview .rvPoint { font-weight:400; color: #9d9d9d; margin-right: 3px; }

.winterSwiper .winter-scrollbar { display: table; width: 80% !important;; height: 4px; background: #ddd; margin: 0 auto; margin: 17px auto 30px auto; }
.winterSwiper .winter-scrollbar .swiper-scrollbar-drag { border-radius:0 !important; background: #3f3f3f; }

/* best item ¿µ¿ª */
.best-itm { overflow: hidden; }
.best-itm .MK_block_new_product { overflow: hidden; }
.best-itm .items { margin: 0 -1px; padding: 0; width: inherit; }
.best-itm .items li.w100 { width: 100%; margin-top: 20px; }
.best-itm .items li a { padding: 1px; }
.best-itm .list_shoppingInfo { position: relative; margin-top: 5px; text-align: left; padding: 0 5px 25px }
.best-itm .list_shoppingInfo .more-bt { width: 22px; height: 22px; position: absolute; right: 0; top: 0; }
.best-itm .list_shoppingInfo .listName { padding: 9px 0;  }
.best-itm .list_shoppingInfo .listPrice { padding: 5px 0; margin:0; }
.best-itm .list_shoppingInfo .listPrice, .best-itm .list_shoppingInfo .listReview  { font-weight: 600; color: #000; }
.best-itm .list_shoppingInfo .listPrice strike { color:#9d9d9d; }
.best-itm .list_shoppingInfo .listPrice .new-per { color: #ba6a52 }
.best-itm .list_shoppingInfo .listReview .rvPoint { font-weight:400; color: #9d9d9d; margin-right: 3px; }

/* swiper banner ¿µ¿ª */
.bannSwiper .swiper-wrapper { text-align: center; }
.bannSwiper .swiper-slide img { width: calc(100% - 110px); margin: 0 auto;  }
.bannSwiper .bannSwiper-next { position: absolute; left: 16px; top: 50%; transform: translateY(-300%); z-index: 2; text-align: center; font-size: 18px; color: #878787; }
.bannSwiper .bannSwiper-prev { position: absolute; right: 16px; top: 50%; transform: translateY(-300%); z-index: 2; text-align: center; font-size: 18px; color: #878787;}
.bannSwiper .list_shoppingInfo { text-align: left; padding: 0 5px; width: calc(100% - 110px); margin: 0 auto;}
.bannSwiper .listName { padding: 9px 0; }
.bannSwiper .listPrice { padding: 5px 0; margin:0; }
.bannSwiper .listPrice, .bannSwiper .listReview  { font-weight: 600; color: #000; }
.bannSwiper .listReview .rvPoint { font-weight:400; color: #9d9d9d; margin-right: 3px; }

/* codi item ¿µ¿ª */
.codi-wrap { margin-top:  42px; }
/*.codi-wrap::before  { content:''; display:block;  width:100%; height: 306px; background:url(/design/every12/phps/m/main/codi_back.jpg) no-repeat center; background-size: cover; }*/
.codi-wrap .codi-main > a > img { width: 100%; }
.codi-wrap .codi-inner { position: relative; overflow: hidden; text-align:left; top: -65px; background: #fff; width: calc(100% - 18px); margin: 0 auto; }
.codi-wrap .codi-inner ul { margin:0 -1px; width: auto; padding: 0; }
.codi-wrap .codi-inner ul li { width: 33.3%; }
.codi-wrap .codi-inner ul li.add6idx1 { display:none }
.codi-wrap .codi-inner ul li a { padding: 1px; }
.codi-wrap .codi-inner h3 { text-align: left; margin: 22px 0 8px 25px; padding: 0; }
.codi-wrap .codi-inner > p { font-size: 11px; margin: 0px 0 20px 25px; color: #8d8d8d; }
.codi-more { position: absolute; top: 22px; right: 25px; }
.codi-more .more-btn { background: #fff; border: 0 none; }


/* dress »óÇ° ½º¿ÍÀÌÆÛ */ 
.new-title {position: relative;text-align: left;margin: 50px 15px 0;}
.new-title .new-title-en {color: #1b1b1b;font-size: 1.635em;}
.new-title .new-title-sub {color: #959595;margin-top: 10px;font-weight: 300;}
.new-title .moreLink {position: absolute;top: 0;right: 0;}
.new-title .moreLink span {position: relative; top: 1px;} 
.prdSwiper {margin-top: 30px; padding: 0 16px; overflow: hidden;}
.prdSwiper .swiper {overflow: initial;}
.prdSwiper .swiper-slide {width: 40%;}
.prdSwiper .swiper-slide.more-slide {position: relative;  width: 82px!important; padding-top: 55%;}
.prdSwiper .swiper-slide.more-slide a {display: block; position: absolute;  top: 50%; left: 16px; transform: translateY(-50%);}
.prdSwiper .swiper-slide.more-slide a p {margin-top: 6px; font-size: 14px; text-align: center;}
.prdSwiper .swiper-slide.more-slide .ico {display: flex;justify-items: center;align-items: center;position: relative;width: 50px;height: 50px;margin: 0 auto;padding-left: 3px;border: 1px solid #000;border-radius: 100%;box-sizing: border-box;justify-content: center;color: #000;}
.prdSwiper .swiper-slide a img.listPic {margin-bottom: 5px;width:100%;}
.prdSwiper .swiper-slide .colorchips {padding-top: 4px;font-size: 0;height: 3px;padding-right: 24px;padding-bottom: 4px;}
.prdSwiper .swiper-slide .colorchips span {margin-right: 2px;float: left;width: 12px;height: 4px;border: 1px solid #eee;box-sizing: border-box;}
.prdSwiper .swiper-slide .listName {font-size: 12px;line-height: 1.3;word-wrap: break-word;word-break: keep-all;padding: 9px 0;}
.prdSwiper .swiper-slide .listPrice {font-size: 12px; color: #000; margin-right: 2px; font-weight: 600;}
.prdSwiper .swiper-slide .listPrice del { color:#bababa ; font-family:'Jost', sans-serif}
.prdSwiper .swiper-slide .listPrice .price { color:#000 ;font-family:'Jost', sans-serif}
.prdSwiper .swiper-slide .listPrice .percent { color:#c17d68;font-family:'Jost', sans-serif }
.prdSwiper .swiper-slide.more-slide .ico span { color: #000;}
.prdSwiper .swiper-slide .prd-review {padding-top: 1px;font-size: 11px;color: #969696;}
.prdSwiper .swiper-slide .prd-review  b {color: #3b3b3b;}

/* BASIC css end */