/* BASIC css start */
.shopbrand h2 {text-align:center; font-size: 1.25em; font-weight:bold; padding-top:10px;}
.shopbrand .MK_product_list {margin-top:60px }
.shopbrand .MK_product_list .items {padding: 10px 0;}
.shopbrand .MK_product_list .items #MK_best_product li {width:33.33%;}
.shopbrand .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
.shopbrand .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
.shopbrand .list_group {padding:12px 1%; text-align:center;display:none}
.shopbrand .list_group select {width:49%; height:28px;}
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle{margin-top:20px; margin-bottom:20px; text-align:center; }
.shopbrand .shopbrandTitle img {width: 100% !important;}
.shopbrand .coupon-benefit {position:relative; margin:-12px 0 10px 0;} 
.shopbrand .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.shopbrand .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.shopbrand .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }

/*상단*/
.page_location{padding:60px 0px 40px;text-align:center}
.page_location li{float:none}
.page_location li a{font-size:20px;color:#424242;font-weight:500;letter-spacing:-0.03em;line-height:1}


/*
.cate-wrap {  text-align:left; } 
.cate-wrap ul { padding:0 15px; font-size:0 ; display:flex; align-items:center; overflow-x:auto; -ms-overflow-style: none;scrollbar-width: none;} 
.cate-wrap ul::-webkit-scrollbar { display: none;}
*/

.cate-wrap { overflow-x:auto; }
.cate-wrap::-webkit-scrollbar { display: none;}
.cate-wrap ul {
    margin:0; padding:0 15px; width:500px; text-align:center; background:transparent;
    display:flex; justify-content:flex-start; align-items:center; flex-wrap: wrap; box-sizing: border-box;
}
.cate-wrap ul li { flex:0 0 auto; display:inline-block; width:auto; padding:7px 20px; border-radius:50px; border:1px solid #C9C9C9; margin:0 5px 15px; box-sizing: border-box;}
.cate-wrap ul li.sel { background: #767676; border-color: #767676; } 
.cate-wrap ul li a { font-size:13px; color:#767676; display:block; } 
.cate-wrap ul li.sel a { color: #FFFFFF; } 

.list_array{border:0;height:auto;padding:20px 15px 25px;margin:0;overflow:hidden;}
.list_array .list_arrayLeft{float:none; font-size:13px;color:#C9C9C9;text-align:left;}
.list_array .list_arrayLeft strong{font-size:13px;color:#767676;font-weight:500}
.list_array .list_arrayLeft:after{content:"";display:block;clear:both}
.list_array .list_arrayLeft .links{float:right;font-size:0}
.list_array .list_arrayLeft .links li{display:inline-block;margin-left:12px}
.list_array .list_arrayLeft .links li:first-child{margin-left:0}
.list_array .list_arrayLeft .links li a span{display:block;font-size:13px;letter-spacing:-0.03em;color:#c9c9c9}
.list_array .list_arrayLeft .links li a span.on{padding-left:20px;background:url('/design/happyprinc/wib/img/sort2_on.svg')no-repeat center left;color:#767676;font-weight:500}
/*상품폼 추가*/
.item-cont{font-size:0}
.item-cont > li{display:inline-block;width:calc(50% - 5px);margin-right:10px}
.item-cont > li:nth-child(2n){margin-right:0}
.item-cont > li{margin-top:43px;}
.item-cont > li:nth-child(1),
.item-cont > li:nth-child(2){margin-top:0}


/* 상단이미지 */
.shopbrand .shopbrandTitle .landing { margin-bottom:60px; text-align:center; }
.shopbrand .shopbrandTitle .landing img { margin:0; }
.shopbrand .shopbrandTitle .landing a { display:block; }


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

#timeSale_count {
    position: absolute;
    top: 36%;
    font-size: 10vw;
    font-weight: bold;
    line-height: 10.2777vw;
    height: 10.2777vw;
    text-align: center;
    left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);
    gap: 5.8vw;
    display: grid;
    grid-template-columns: 22vw 22vw 22vw;
    color: #fff;
}

#timeSale_count .timers_day_ps {
    text-align: center;
    display: grid;
    grid-template-columns: 50% 50%;
}
#timeSale_count .timers_day_ps span {
    height: 100%;
    display: inline-block;
    vertical-align: top;
    color:#fff; font-weight:bold;
}


/* 랜딩페이지 */
.shopbrand.landing_cate .page_location { display:none; }
.shopbrand.landing_cate .shopbrandTitle { margin-top:0; }
.landing { max-width:1520px; margin:0 auto; overflow:hidden; }
.landing img { max-width:100%; }


/* 커플룩2025 */
.coupleLook202503 { text-align:center; overflow:hidden; }
.coupleLook202503 .swiper-container { width:auto !important; max-width:850px !important; background-color:#000; }
.coupleLook202503 .swiper-container .swiper-slide { transition-property: transform; width:60% !important; }
.coupleLook202503 .swiper-container .swiper-slide img { width:100%; }
.coupleLook202503 .swiper-button-prev { background-image:url(/design/happyprinc/landing/knit/btn_prev_wh_mo.png); }
.coupleLook202503 .swiper-button-next { background-image:url(/design/happyprinc/landing/knit/btn_next_wh_mo.png); }


/* 팝업스토어오픈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; width:auto; max-height:119px; 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; }

/* 모바일 대응 */
@media (max-width: 768px) {
  .popupstore202509 .section04 .sld_wrap { max-width:68.4%; }
  .popupstore202509 .section04 .sld_wrap .sld_box .icon { top:-37px; right:16px; }
  .popupstore202509 .section04 .sld_wrap .sld_box .icon img { width:auto !important; height:90px; }
  .popupstore202509 .section04 .swiper-container { border-radius:10px; }
  .popupstore202509 .section04 .popupstore-button.-prev { left: 15px; }
  .popupstore202509 .section04 .popupstore-button.-next { right: 15px; }
  .popupstore202509 .section04 .popupstore-button.-prev img,
  .popupstore202509 .section04 .popupstore-button.-next img { width:auto; height:30px; }

  @media (max-width: 540px) {
    .popupstore202509 .section04 .sld_wrap .sld_box .icon { top:-23px; right:14px; }
    .popupstore202509 .section04 .sld_wrap .sld_box .icon img { width:auto !important; height:50px; }
  }
}


/* 2025 블랙프라이데이 2025-11-20 */
.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);
}

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

.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(-20px) scale(0.65); }
.blackfriday2025 .section01 .sld_box .swiper-slide-prev { transform: translateX(20px) 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; z-index:30; }
.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; z-index:30; }

.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%); }
}


@media screen and (max-width: 768px) {
  .blackfriday2025 .section01 .sld_box {  bottom:1.5%;  }
  .blackfriday2025 .section01 .sld_box .swiper-slide { width:62%; }
  .blackfriday2025 .section01 .sld_box .swiper-slide-active { border-radius:30px; }
  .blackfriday2025 .linebar .marquee .marquee__group span img { max-height:45px; }
}

@media screen and (max-width: 680px) {
  .blackfriday2025 .section01 .sld_box { bottom:0%; }
  .blackfriday2025 .section01 .sld_box .swiper-slide { width:62%; }
  .blackfriday2025 .section01 .sld_box .swiper-slide-active { border-radius:30px; }
  .blackfriday2025 .section01 .sld_box .swiper-slide-active::after { bottom:0; }
  .blackfriday2025 .linebar .marquee .marquee__group span img { max-height:40px; }
}

@media screen and (max-width: 540px) {
  .blackfriday2025 .section01 .sld_box { bottom:-1.8%; }
  .blackfriday2025 .section01 .sld_box .swiper-slide { width:62%; }
  .blackfriday2025 .section01 .sld_box .swiper-slide-active { border-radius:30px; }
  .blackfriday2025 .section01 .sld_box .swiper-slide-active::after { bottom:-16px;  }
  .blackfriday2025 .linebar .marquee .marquee__group span img { max-height:35px; }
}

@media screen and (max-width: 440px) {
  .blackfriday2025 .section01 .sld_box { bottom:-2.3%; }
  .blackfriday2025 .section01 .sld_box .swiper-slide { width:62%; }
  .blackfriday2025 .section01 .sld_box .swiper-slide-active { border-radius:30px; }
  .blackfriday2025 .section01 .sld_box .swiper-slide-active::after { bottom:-26px;  }
  .blackfriday2025 .linebar .marquee .marquee__group span img { max-height:30px; }
}

@media screen and (max-width: 380px) {
  .blackfriday2025 .section01 .sld_box { bottom:-2.3%; }
  .blackfriday2025 .section01 .sld_box .swiper-slide { width:58%; }
  .blackfriday2025 .section01 .sld_box .swiper-slide-active { border-radius:30px; }
  .blackfriday2025 .section01 .sld_box .swiper-slide-active::after { bottom:-30px; }
  .blackfriday2025 .linebar .marquee .marquee__group span img { max-height:28px; }
}


/* 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%; }

@media screen and (max-width: 849px) {
  .xmaspajama2025 .sld_box .swiper-container { width: 84%; }
  .xmaspajama2025 .sld_box .swiper_wrap .button { width:8%; margin-top:15px; }
  .xmaspajama2025 .sld_box .swiper_wrap .button.-prev img,
  .xmaspajama2025 .sld_box .swiper_wrap .button.-next img { width:68%; }
}
@media screen and (max-width: 680px) {
  .xmaspajama2025 .sld_box .swiper-container { width: 82%; }
  .xmaspajama2025 .sld_box .swiper_wrap .button { width:9%; margin-top:15px; }
  .xmaspajama2025 .sld_box .swiper_wrap .button.-prev img,
  .xmaspajama2025 .sld_box .swiper_wrap .button.-next img { width:68%; }
}
@media screen and (max-width: 540px) {
  .xmaspajama2025 .sld_box .swiper-container { width: 80%; }
  .xmaspajama2025 .sld_box .swiper_wrap .button { width:10%; margin-top:15px; }
  .xmaspajama2025 .sld_box .swiper_wrap .button.-prev img,
  .xmaspajama2025 .sld_box .swiper_wrap .button.-next img { width:68%; }
}


.item-cont > li .thumbnail .itemImg .icon span img, .MK-product-icons img { width: auto !important; }
.item-cont > li .thumbnail .itemImg .icon, .items > li .thumbnail .itemImg .icon { width: 0%!important; }
/* BASIC css end */