/* BASIC css start */
body.type-Y .sub_box .sub_top .arrow{}
body.type-P .sub_box .sub_top .arrow{display: none;}



.overlay{z-index:99 !important}

/* 스켈레톤 아이템의 기본 스타일 */
.skeleton-item {
    height: 28px; /* 실제 메뉴 항목의 높이에 맞춤 */
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    border-radius: 15px;
    animation: loading 1.5s infinite linear;
}
@keyframes loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/*  스켈레톤이 로드되는 동안 실제 콘텐츠 영역의 높이를 고정 (CLS 방지)  */
.classListWrap {
    /* 실제 Swiper 메뉴의 총 높이에 맞게 min-height를 설정해야 합니다. */
    min-height: 50px; 
    /* fixed 속성으로 인해 실제 높이 계산이 어려우면, 이 min-height가 중요합니다. */
}







#real-swiper-nav.trans{opacity: 1; transition: opacity 0.3s ease-in-out;}







/*분류상단 배너*/
.shopBrandBannerWrap{position:relative;}
.shopBrandBannerWrap img{width:100%;}
.shopBrandBannerWrap .swiper-pagination-fraction{
    position: absolute;
    bottom: 10px;
    left: auto;
    right: 10px;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 5px 3px;
    width: 40px;
    border-radius: 10px;
}


#headerWrap{border-bottom:0 !important}


/* 디즈니 입고예정 */
.thumb .soldOut.soon { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999em; background: none !important; background-size: 100% !important; }

#bannerBot { margin-top: -120px; height: 120px; }

.shopbrand{padding-top:100px}
.shopbrand h2 {text-align:center; font-size: 1.25em; font-weight:bold; padding-top:10px;}
.shopbrand .MK_product_list {background-color:#f9f9f9; border-bottom:1px solid #4a4a4a; border-top: 1px solid #4a4a4a;}
.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 .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width: 23px; height: auto;}

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

.shopbrand .sub_top { font-size: 20px; text-transform: uppercase;font-weight: 600;}
.classListCate2.act { display: block !important; }
.classListCate2 ul { border-bottom: 1px solid #ddd; padding: 18px 5%; display: flex; justify-content: start; flex-wrap: wrap; }
.classListCate2 ul li { display: inline-block; width: 50%; padding: 0; line-height: 1; text-align: center; vertical-align: top; }
.classListCate2 ul li a { display: block; padding: 10px 0; text-align: left; font-size: 15px; color: #a2a0a3; }
.classListCate2 ul li.on a { color: #000; }

/* class-list */
.shopbrand .cate-wrap { overflow:hidden }
.shopbrand .cate-wrap .classListWrap { padding: 0; font-size: 14px; width:100%;position:fixed; top:50px; z-index:5; background:#fff;}

.shopbrand .cate-wrap .classListWrap .swiper-wrapper {
  transition-property: transform !important;
  will-change: transform;
  transition-duration: 0.6s !important;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}


.shopbrand .cate-wrap .classListWrap .classListCate2 ul{
    justify-content: unset;
    display: flex;
    align-items: center;
    width: auto;
    text-align: left;
    font-size: 0;
    flex-wrap: nowrap;
    transform: none;
    padding: 0 10px;
    margin: 15px 0 15px;
    border-bottom: 0;}
    
.shopbrand .cate-wrap .classListWrap .classListCate2 ul li{
    width: auto !important;
    display: inline-block;
    width: auto !important;
    font-size: 12px;
    text-align: center;
    border: 0;
    line-height: 1;
    margin: 0 5px !important;
}

.shopbrand .cate-wrap .classListWrap .classListCate2 ul li.on{}
.shopbrand .cate-wrap .classListWrap .classListCate2 ul li.on a{color:#fff;background:#000;}

.shopbrand .cate-wrap .classListWrap .classListCate2 ul li a{
    border-radius: 20px;
    background: #F6F6F6;
    display: block;
    font-size:14px;
    padding: 7px 10px !important;
    line-height: 1;
    white-space: pre;
    color: #6A6A6A;}

.shopbrand .cate-wrap .classListWrap .classListCate1 { padding: 13px 0 0; border-bottom: 1px solid #ddd; }
.shopbrand .cate-wrap .classListWrap .classListCate1 ul { display: flex; align-items: center; width: auto; text-align: left; font-size: 0;  }
.shopbrand .cate-wrap .classListWrap .classListCate1 li { _margin-right: 10px; width: auto !important; }
.shopbrand .cate-wrap .classListWrap .classListCate1 li:last-child{ margin-right: 15px; }
.shopbrand .cate-wrap .classListWrap .classListCate2 ul li:last-child{display:flex;}
.shopbrand .cate-wrap .classListWrap .classListCate2 ul li:last-child:after{
    content: "-";
    font-size: 0;
    margin-right: 0;
    width: 15px;
    display: block;}
.shopbrand .cate-wrap .classListWrap .classListCate1 li a { display: inline-block; /*font-size: 14px; text-align: center; border: 1px solid #bbb; border-radius: 20px; padding: 2px 8px 3px 7px; line-height: 1.5; */}
.shopbrand .cate-wrap .classListWrap .classListCate1 li.on a { background: #2fb8be; border: 1px solid #2fb8be; color: #fff; }
.shopbrand .cate-wrap .classListWrap .classListCate1 li.on a {  }

/* 선물하기 테마대전 */
.shopbrand .cate-wrap .classListWrap .classListCate1 li.prdBgClass { text-align: center; }
.shopbrand .cate-wrap .classListWrap .classListCate1 li.prdBgClass a.img { height: auto; border: none; display: block; margin-bottom: 5px; }
.shopbrand .cate-wrap .classListWrap .classListCate1 li.prdBgClass a { border: none; font-size: 13px; }
.shopbrand .cate-wrap .classListWrap .classListCate1 li.prdBgClass.on a.img, 
.shopbrand .cate-wrap .classListWrap .classListCate1 li.prdBgClass .img:hover { color:#333; background: none; border: none; }
.shopbrand .cate-wrap .classListWrap .classListCate1 li.prdBgClass span { display: block; width: 64px; height: 64px; margin: 0 auto; background-size: contain; }
.shopbrand .cate-wrap .classListWrap .classListCate1 li .prdBg1 { background: url('/design/mhmall2023/event/2024/0816/prdBg4.png'); }
.shopbrand .cate-wrap .classListWrap .classListCate1 li .prdBg2 { background: url('/design/mhmall2023/event/2024/0816/prdBg1.png'); }
.shopbrand .cate-wrap .classListWrap .classListCate1 li .prdBg3 { background: url('/design/mhmall2023/event/2024/0816/prdBg3.png'); }
.shopbrand .cate-wrap .classListWrap .classListCate1 li .prdBg4 { background: url('/design/mhmall2023/event/2024/0816/prdBg2.png'); }
.shopbrand .cate-wrap .classListWrap .classListCate1 li .prdBg5 { background: url('/design/mhmall2023/event/2024/0816/prdBg5.png'); }

/* paging */
.paging { padding-top: 10px; padding-bottom:10px; height: 17px; font-size:0; text-align: center; line-height: 0; vertical-align: top; }

/* 선물 가이드 */
.gift-pop {position: fixed; top: 0; left: 0; width:100%; height:100%; background:#fff; z-index:100; display:none; overflow-y: auto;}
.gift-pop .top {border-bottom: 5px solid #f8f8f8;}
.gift-pop .top p {display: flex; justify-content: center; align-items: center; height: 50px; font-size: 16px; font-weight: 600;}
.gift-pop .top .gift-closed {position: absolute; right: 20px; top: 18px; }
.gift-pop .top .gift-closed img {width:15px;}
.gift-pop .guide-box {padding: 30px 15px; box-sizing: border-box;}
.gift-pop .guide-box li {margin-bottom:20px;}
.gift-pop .guide-box li .txt1 {padding:15px 0 10px 8px; color:#000; font-size:17px; font-weight:600; display: flex; align-items: center;}
.gift-pop .guide-box li .txt1 span {width:66px; line-height:23px; display:inline-block; text-align:center; color:#fff; background:#36bfbd; border-radius:11.5px; font-size:13px; margin-right:9px;}
.gift-pop .guide-box li .txt2 {font-size:13px; line-height:20px; color:#8d8d8d;}
.gift-pop .guide-box li .txt2 b {font-weight:600; color:#36bfbd;}


.giftBanner {position:relative;}
.giftBanner a {position: absolute; left: 6.7%; bottom: 12%; cursor: pointer; width: 40%;}




.classListWrap .classListCate1{
    border-bottom: 0 !important;
    border-bottom: 0;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;}
    
.classListWrap .classListCate1:after{
    position: absolute;
    height: 1px;
    width: 100%;
    background: #E0E2E5;
    z-index: -1;
    content: "-";
    bottom: 0;
}

.classListWrap .classListCate1 ul{}
.classListWrap .classListCate1 ul li{background: none !important;}
.classListWrap .classListCate1 ul li.on{background: none ! important; border-radius: 0;}
.classListWrap .classListCate1 ul li.on:after{
    content: "-";
    opacity:0;
    height: 1px;
    width: 100%;
    display: block;
    font-size: 0;
    bottom: 0;
    position: absolute;
    z-index: 22;
    background: #000;
}
.classListWrap .classListCate1 ul li a{
    padding: 0 10px 15px 15px !important;
    font-size: 14px ;
    border: 0 !important;
    background: none;
    line-height: 1 !important;}
.classListWrap .classListCate1 ul li.on a{
    background: none !important;
    color: #000 !important; font-weight: 600;}
#header .headerBottom{border-bottom: 1px solid #E0E2E5;}


/*
.classListWrap:not(.fixed) .classListCate2.off.act .swiper-container .swiper-wrapper{
    transition-duration: unset !important;
    transform: unset !important}*/
    
    
.item-order dd ul li.bb0 a{border-bottom:0}

/* BASIC css end */