/* BASIC css start */
/* ¸ÞÀÎ ºñÁê¾ó ¹è³Ê */
.mainSlideArea { margin-bottom:60px; min-width:1200px; overflow:hidden;}
.mainSlide .swiper-slide img { width:100%; }
.mainSlide { position:relative; min-width:1200px; }
.mainSlide:before { content: ''; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.4); width: calc(99% / 3); height: 100%; z-index:10; } 
.mainSlide:after { content: ''; position: absolute; top: 0; right: 0; background: rgba(0,0,0,.4); width: calc(99% / 3); height: 100%; z-index:10; } 
.mainSlide .main-swiper-btns {position: absolute;bottom: 32px;z-index: 10;right: calc(33% - 1px);} 
.mainSlide .main-swiper-btns>div { float: left; width: 44px; height: 44px; background: rgba(0,0,0,.6); text-align: center; line-height:44px; position:relative; margin: 0 1px; } 
.mainSlide .main-swiper-btns>div img {vertical-align:middle;margin-top: -3px;} 
.mainSlide .main-swiper-btns>div.swiper-button-prev-main img { margin-left: -3px; } 
.mainSlide .main-swiper-btns>div.swiper-button-next-main img { margin-right: -3px; }

/* À̹ÌÁö 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 */