/* 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 {
    }
}



/* ·£µùÆäÀÌÁö */
#prdBrand.landing_cate { padding-top:0; }
#prdBrand.landing_cate .titbox { display:none; }
.landing { overflow:hidden; }
.landing img { max-width:100%; }


/* Ä¿Ç÷è2025 */
.coupleLook202503 { max-width:1520px; margin:0 auto; 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; }


/* Æ˾÷½ºÅä¾î¿ÀÇÂ202509 */

.popupstore202509 { max-width:850px; text-align:center; overflow:hidden; }
.popupstore202509 .section04 > div { position:relative; }
.popupstore202509 .section04 .sld_wrap { position:absolute; left:50%; top:0; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:100%; max-width:584px; }
.popupstore202509 .section04 .sld_wrap .sld_box { position:relative; }
.popupstore202509 .section04 .sld_wrap .sld_box .icon { position:absolute; right:27px; top:-57px; z-index:30; }
.popupstore202509 .section04 .swiper-container { border-radius:20px; overflow:hidden;  }
.popupstore202509 .section04 .swiper-container .swiper-slide img { width:100%; }
.popupstore202509 .section04 .popupstore-button { position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); cursor:pointer;  }
.popupstore202509 .section04 .popupstore-button.-prev { left:60px; }
.popupstore202509 .section04 .popupstore-button.-next { right:60px; }



/* 2025 ºí·¢ÇÁ¶óÀ̵¥ÀÌ 2025-11-20 */
#blackF2025 { max-width:850px; margin:0 auto; width: 100%; text-align:center; overflow:hidden; }
.blackfriday2025 { max-width:850px; margin:0 auto; width: 100%; text-align:center; overflow:hidden; }
.blackfriday2025 img { max-width:100%; height: auto; }
.blackfriday2025 > div { position:relative; }

.blackfriday2025 .section01 .sld_box { position:absolute; left:0; bottom:1.8%; width:100%; }
.blackfriday2025 .section01 .sld_box .swiper-container { padding:30px 0; }
.blackfriday2025 .section01 .sld_box .button { position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); cursor:pointer; z-index:20; display:none; }
.blackfriday2025 .section01 .sld_box .-prev { left:60px; }
.blackfriday2025 .section01 .sld_box .-next { right:60px; }


.blackfriday2025 .section01 .sld_box .swiper-slide {
    width: 489px;
    transition: transform .4s, opacity .4s;
    opacity: 0.4;
    transform: scale(0.65);
    border-radius:30px; overflow:hidden;
}

.blackfriday2025 .section01 .sld_box .swiper-slide img {
    width: 100%;
    display: block;
}

.blackfriday2025 .section01 .sld_box .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
    position:relative;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-radius:30px;
    overflow:hidden;
}

.blackfriday2025 .section01 .sld_box .swiper-slide-prev,
.blackfriday2025 .section01 .sld_box .swiper-slide-next {
    opacity: 1;
}
.blackfriday2025 .section01 .sld_box .swiper-slide-next { transform: translateX(-40px) scale(0.65); }
.blackfriday2025 .section01 .sld_box .swiper-slide-prev { transform: translateX(40px) scale(0.65); }


.blackfriday2025 .section01 .sld_box .swiper-slide-active::before { content:""; position:absolute; left:0; top:0; background:url(/design/happyprinc/landing/2025_blackfriday_deco_date.png) no-repeat 0 0; background-size:100% auto; width:100%; height:60px; }
.blackfriday2025 .section01 .sld_box .swiper-slide-active::after { content:""; position:absolute; left:0; bottom:36px; background:url(/design/happyprinc/landing/2025_blackfriday_deco_comming.png) no-repeat 0 0; background-size:100% auto; width:100%; height:82px; }


.blackfriday2025 .linebar { background-color:#000; }
.blackfriday2025 .linebar .marquee { width: 100%; overflow: hidden; position: relative; }
.blackfriday2025 .linebar .marquee .marquee__inner { display: flex; width: fit-content; animation: marquee 15s linear infinite; }
.blackfriday2025 .linebar .marquee .marquee__group { display: flex; flex-shrink: 0; }
.blackfriday2025 .linebar .marquee .marquee__group span { margin:0 5px; }
.blackfriday2025 .linebar .marquee .marquee__group span img { height: auto; max-height: 50px; }
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}




/* 2025 Å©¸®½º¸¶½º ÆÄÀÚ¸¶ 2025-11-26 */
.xmaspajama2025 { width: 100%; max-width: 850px; margin: 0 auto; text-align: center; overflow: hidden; }
.xmaspajama2025>div { position: relative; }

.xmaspajama2025 .sld_box { position: absolute; left: 0; bottom: 0; width: 100%; }
.xmaspajama2025 .sld_box .swiper_wrap { position: relative; }
.xmaspajama2025 .sld_box .swiper_wrap .button {
  position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top:30px; cursor: pointer; z-index: 20;
  background-color: rgba(34, 34, 34, .6);
  width:61px; height:54%; display:flex; align-items:center; justify-content:center;
}
.xmaspajama2025 .sld_box .swiper_wrap .button img { width:100%; }

.xmaspajama2025 .sld_box .swiper_wrap .button.-prev { left: 0px; }
.xmaspajama2025 .sld_box .swiper_wrap .button.-next { right: 0px; }

.xmaspajama2025 .sld_box .swiper-container { padding: 30px 0; max-width: 727px; }
.xmaspajama2025 .sld_box .swiper-slide { width: 100%; }
.xmaspajama2025 .sld_box .swiper-slide img { width: 100%; }



/* BASIC css end */