/* BASIC css start */
/* ¸ÞÀÎ ºñÁê¾ó ¹è³Ê */
.mainSlide { font-size: 0 }
.mainSlide .slick-slide img { width: 100% }
.mainSlide .slick-dots { position: absolute; bottom: 22px; width: 100%; text-align: center;}
.mainSlide .slick-dots li { display: inline-block; margin: 0 3px; width: 15px; height: 3px; background: #fff; cursor: pointer }
.mainSlide .slick-dots li button { font-size: 0 }
.mainSlide .slick-dots li.slick-active { width: 30px; background: #6d6d6d }

.mainSliderWrap { position: relative }
.mainSliderWrap .mainArrow { position: absolute; top: 50%; z-index: 60; text-align: center; width: 100%; opacity: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;  }
.mainSliderWrap:hover .mainArrow { opacity: 1 }
.mainSliderWrap .mainPrev, .mainSliderWrap .mainNext { position: absolute; top: 0; margin-top: -25px; font-size: 28px; display: inline-block; width: 50px; height: 50px; border-radius: 100%; text-align: center; background-color: rgba(90, 90, 90, 0.3); color: #fff; }
.mainSliderWrap .mainPrev { left: 50%; margin-left: -660px; }
.mainSliderWrap .mainNext { right: 50%; margin-right: -660px; }
.mainSliderWrap a i { vertical-align: middle; line-height: 50px; }

/* À̹ÌÁö 4¹è³Ê */
.imgBanner { margin: 70px auto 0; position:relative; min-width:1280px; max-width: 1280px; overflow:hidden }
.imgBanner ul { *zoom:1 }
.imgBanner ul:after { display:block; clear:both; content:'' }
.imgBanner ul li { float:left; width: 25% }
.imgBanner ul li a { display:block; padding:0 7px; }
.imgBanner ul li img { width: 100% }

/* Áß°£ »óÇ° ¹è³Ê¿µ¿ª */
.midBannerWrap {margin-top: 100px;overflow:hidden;background: #e0dcd9;}
.everyBannerWrap {width:1920px;min-width:1330px;margin-left: -960px;left:50%;position: relative;height: 600px;overflow: hidden;background-repeat: no-repeat;background: url(http://ebbda12.jpg3.kr/mayddle/241107_midBanner_01.jpg) no-repeat 0 0;background-size: auto 600px;}
.everyBannerWrap::after { content:''; display: block; clear: both; }
.everyBannerWrap .item-wrap { min-width: auto; max-width: auto; overflow: visible; }
.everyBannerWrap .left { float: left; width: 840px; height: 600px; }
.everyBannerWrap .left img { width: 100%; }
.everyBannerWrap .right { position: relative; width: 840px; float: right; margin-right: 326px; padding: 25px 0 0;}
.everyBannerWrap .right .thumb img { width: 100% }


.everyBannerSlide .slick-slide:focus { outline: none }
.everyBannerSlide .slick-dots { font-size: 0; text-align: center; }
.everyBannerSlide .slick-dots li { display: inline-block; margin:0 5px; width: 12px; height: 12px; background: #fff; border-radius: 50% }
.everyBannerSlide .slick-dots li button { font-size: 0 }
.everyBannerSlide .slick-dots li.slick-active { background: #333 }

.everyBannerWrap .right .slick-arrow { position: absolute; top:50%; margin-top: -20px; width: 20px; height: 34px; background: url('/design/petebox/phps2021/main/slideArrow.png') no-repeat center; background-size: cover; cursor: pointer }
.everyBannerWrap .right #next { background-position: 0 -34px; right: -35px }
.everyBannerWrap .right #prev { background-position: 0 0px; left: -33px }
.everyBannerWrap .item-wrap .item-cont { width: auto; }
.everyBannerWrap .item-wrap .item-cont .item-list .prd-info { margin: 0 7px 65px }
.everyBannerWrap .item-wrap .item-cont .item-list .thumb { padding: 0 7px; }
.everyBannerWrap .item-wrap .item-cont .item-list .prd-info { margin-bottom:0 }
.everyBannerWrap .item-wrap .item-cont .item-list .thumb a:focus { outline: none }

/* weeklyBest */
.weeklyBestWrap{margin-top:110px;}
.wbst-pagination {text-align: center;margin-bottom: 45px;}
.wbst-pagination li {display: inline-block; color: #000; margin: 0 25px; font-size: 20px; font-weight:200; padding-bottom: 10px; cursor: pointer;}
.wbst-pagination li.active {border-bottom: 3px solid #000;color: #000; font-weight: 600;}

/* Spring Knit */
.springKnitWrap{ background-color:#ededed; }

/* À̳ʿþ¾î¿µ¿ª */
.innerWrap { background: #faf9f9 }


.rnWring .pagination {width: auto; height: 19px; right: 5px;}
.rnWring .swiper-pagination {}
.rnWring .swiper-pagination-bullet { background:#fff;  margin: 0 0.8%;  border-radius: 0; width: 24px;height: 4px;border-radius: 0;opacity:1 }
.rnWring .swiper-pagination-bullet-active {background:#000;opacity:1;  border-radius: 0; width: 30px;height: 4px;border-radius: 0;}

.p_relative{
    position:relative;
    overflow:visible;
}

.bg_gray{background-color:#ededed;}

.arrowWrap a{
    display:block;
    position:absolute;
    top:50%;
    cursor:pointer;
}

.arrowWrap a.right_arrow{
    right:-50px;
}

.arrowWrap a.left_arrow{
    left:-50px;
}

/*»óÇ° 5´Ü Áø¿­*/
.item-wrap.box_5 .item-cont .item-list{
    width:240px;
    margin-right:20px;
}

.item-wrap.box_5 .item-cont .item-list .prd-color{
    width:190px;
}

.item-wrap.box_5 .item-cont .item-list .thumb img{
    width:100%;
}

.cateTit{
    position:relative;
}

.cateTit a.moreLink{
    position:absolute;
    right:0;
    bottom:50px;
    font-size: 20px;
    color: #9f9f9f;
}
/* BASIC css end */