/* BASIC css start */
#prdBrand { position: relative; margin:0 auto;padding-top:60px;font-size:0; }
/*타이틀*/
.titbox{margin:0;height:auto;margin-bottom:40px}
.titbox .title{width:auto;height:auto;line-height: 1;}
.titbox .title .name{font-size:32px;color:#424242;letter-spacing:-0.03em;font-weight:600}

/*상단이미지*/
.top_ban img{width:100% !important;}
.top_ban .landing form { font-size:0; line-height:0; height:0; }
.top_ban .landing a { display:block; }

/*중분류*/
.cate-wrap {text-align:center; margin-top:60px;}
.cate-wrap ul{font-size:0}
.cate-wrap ul li{display:inline-block;width:auto;border:1px solid #C9C9C9;border-radius:50px;margin-right:15px;overflow:hidden;transition:all 0.3s}
.cate-wrap ul li.sel,
.cate-wrap ul li:hover{border-color:#767676;background:#767676}
.cate-wrap ul li.sel a,
.cate-wrap ul li:hover a{;color:#fff}
.cate-wrap ul li:last-child{margin-right:0}
.cate-wrap ul li a{display:block;padding:0 20px;line-height:34px;font-size:14px;letter-spacing:-0.03em;color:#767676;transition:all 0.3s}
/*토탈*/
.total-sort{font-size:15px;color:#C9C9C9;margin:60px 0 50px}
.total-sort strong{color:#767676;font-weight:500;}

/*정렬*/
.total-sort .sort{margin:0}
.total-sort .sort li{margin:0 0 0 30px }
.total-sort .sort li a span{font-size:15px;color:#c9c9c9;letter-spacing:-0.03em;display:block;}
.total-sort .sort li a span.on{background:url('/design/happyprinc/wib/img/sort2_on.svg')no-repeat center left;display:block;padding-left:23px;color:#767676}

/*상품리스트*/
.pd_list > ul > li{width:calc(20% - 24px);margin-right:30px;margin-top:55px;vertical-align:top}
.pd_list > ul > li:nth-child(5n){margin-right:0}
.pd_list > ul > li:nth-child(1),
.pd_list > ul > li:nth-child(2),
.pd_list > ul > li:nth-child(3),
.pd_list > ul > li:nth-child(4),
.pd_list > ul > li:nth-child(5){margin-top:0}


.hiddenData{opacity: 0; }
.player { display: flex;justify-content: center; }
.intersecting { position: fixed;bottom: 0; left: 0; z-index: 10; width: 20rem !important; height: 20rem !important; }


/* 타임세일 */
.timeSale {
    position: relative;
    width: 100%;
    max-width: 1520px;
    margin: 0 auto;
    overflow:hidden;
}
.timeSale img { width:1520px !important; position:relative;}
.time_sale_box {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 3;
}

#timeSale_count {
    position: absolute;
    bottom:643px;
    /*top: 45.58%;*/
    height:200px;
    text-align: center;
    left:152px;
    grid-template-columns: 15vw 15vw 15vw; 
    color: #fff;
    font-size:0; line-height:0;
    width:1219px;
}
#timeSale_count .timers_day_ps {
    display:inline-block; vertical-align:top;
    text-align: center;
    width:347px;
}
#timeSale_count .timers_day_ps:nth-child(2) { margin:0 79px; }
#timeSale_count .timers_day_ps span {
    height: 100%;
    display: inline-block;
    vertical-align: top;
    width:165px;
    font-size: 150px; color:#fff; font-weight:bold; line-height:200px;
}
#timeSale_count .timers_day_ps span:nth-child(2) { margin-left:7px; }
@media only screen and (max-width: 500px) {
    #timeSale_count {
    }
}
@media all and (min-width: 501px) and (max-width: 670px) {
    #timeSale_count {
    }
}
@media all and (min-width: 671px) and (max-width: 1660px) {
    #timeSale_count {
    }
}
@media all and (min-width: 1661px) and (max-width: 1800px) {
    #timeSale_count {
    }
}


/* 랜딩페이지 */
.landing { max-width:1520px; margin:0 auto; overflow:hidden; }
.landing img { max-width:100%; }


/* 커플룩2025 */
.coupleLook202503 { text-align:center; overflow:hidden; }
.coupleLook202503 .swiper-container { background-color:#000; }
.coupleLook202503 .swiper-button-prev { background-image:url(/design/happyprinc/landing/knit/btn_prev_wh_pc.png); width:84px; height:174px; background-size:100% auto; }
.coupleLook202503 .swiper-button-next { background-image:url(/design/happyprinc/landing/knit/btn_next_wh_pc.png); width:84px; height:174px; background-size:100% auto; }


/* BASIC css end */