/* BASIC css start */
.MK-oneclick-only-text li.MK-oneclick-text span{font-size: .6875rem;}
.MK-oneclick-value{font-size: .6875rem;}
.option_tk .product-opt{margin: 10px 0;}
.option_tk .add-opt_item{margin: 10px 0;}
.shopdetail .shopdetailItem .shopdetail_Content .detail_item{padding: 20px 10px 30px; text-align: center;}
*{max-width:100%}

/* 구매할인 추가 */
.shopdetail .shopdetailInfo .buy-benefit { position:relative; display:inline-block; font-weight:bold; max-width:70%; }
.shopdetail .shopdetailInfo .buy-benefit .tit-txt { font-size:14px; color:#000; display: block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }
.shopdetail .shopdetailInfo .buy-benefit .view-wrap { position:relative; }
.shopdetail .shopdetailInfo .buy-benefit .btn-view { display:inline-block; padding:3px 5px 3px 5px; font-size:11px; color:#000; border:2px solid #a9a9a9; width:48px; top:-3px; left:100%; position:absolute; }
.shopdetail .shopdetailInfo .buy-benefit .btn-view em { display: inline-block; font-size:10px; color: #000; vertical-align: top; }
.shopdetail .shopdetailInfo .buy-benefit .view-wrap { display:none; position:absolute; top:30px; left:0; width:186px; padding:15px; background:#fff; border:2px solid #a9a9a9; z-index:1; }
.shopdetail .shopdetailInfo .buy-benefit .view-wrap.active { display:block; }
.shopdetail .shopdetailInfo .buy-benefit .view-wrap .layer-view { font-size:13px; line-height:20px; color:#000; word-break:break-word; }
.shopdetail .shopdetailInfo .buy-benefit .view-wrap .layer-view .fc-red { color:#ff0000; }
.shopdetail .shopdetailInfo .buy-benefit .view-wrap .layer-view ul.list {margin-top:5px;}
.shopdetail .shopdetailInfo .buy-benefit .view-wrap .layer-view ul.list li { list-style-type:none; }
.shopdetail .shopdetailInfo .buy-benefit .view-wrap .layer-view ul.list li.layer-info { list-style-type:none; border-top:1px solid #ccc; padding-top:5px; margin-top:5px; color:#585858; font-weight:normal; }
.shopdetail .shopdetailInfo .buy-benefit .view-wrap .btn-close { position:absolute; right:7px; top:6px; }

/* 오늘출발 상품 */
.shopdetail .today-delivery { display:flex; align-items:center; margin:0 15px 15px; padding:10px; border:1px solid #e4e4e5; background:#f8f8f8; color:#111; font-size:1em; box-sizing: border-box; }
.shopdetail .today-delivery .icon { padding:12px 10px; border:1px solid #111; border-radius:6px; background:#fff; }
.shopdetail .today-delivery .txt { padding-left:12px; }
.shopdetail .today-delivery .txt p { padding-top:5px; }


#MK_p_total {font-size:12px !important;}

/* =====================================================================
 * ISTMALL 원클릭 옵션 품절 표시  v1.0
 * 상품 상세 CSS(shopdetail.css) 맨 아래에 추가 (PC·모바일 공통)
 * 품절 옵션(툴팁에 "품절"이 들어간 옵션)에 사선과 "품절" 라벨을 표시합니다.
 * ===================================================================== */
.MK-oneclick-list li a.MK-oneclick-link[title*="품절"] {
    position: relative;
    overflow: hidden;
    opacity: 1;
    border-color: #c4c4c4;
    cursor: not-allowed;
}
/* 이미지·색상형: 옵션 그림을 흐리게 */
.MK-oneclick-list li a.MK-oneclick-link[title*="품절"] img,
.MK-oneclick-list li.MK-oneclick-color a.MK-oneclick-link[title*="품절"] span {
    opacity: 0.35;
}
/* 이미지·색상형: 사선 */
.MK-oneclick-list li.MK-oneclick-image a.MK-oneclick-link[title*="품절"]::before,
.MK-oneclick-list li.MK-oneclick-color a.MK-oneclick-link[title*="품절"]::before {
    content: "";
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    background: linear-gradient(to top right,
        rgba(0,0,0,0) calc(50% - 1px), #8a8a8a calc(50% - 1px),
        #8a8a8a calc(50% + 1px), rgba(0,0,0,0) calc(50% + 1px));
    pointer-events: none;
}
/* 이미지·색상형: 아래쪽 "품절" 라벨 */
.MK-oneclick-list li.MK-oneclick-image a.MK-oneclick-link[title*="품절"]::after,
.MK-oneclick-list li.MK-oneclick-color a.MK-oneclick-link[title*="품절"]::after {
    content: "품절";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 15px;
    line-height: 15px;
    background: rgba(35, 31, 32, 0.88);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    pointer-events: none;
}
/* 글자형: 취소선 + "품절" */
.MK-oneclick-list li.MK-oneclick-text a.MK-oneclick-link[title*="품절"] {
    background: #f4f4f4;
}
.MK-oneclick-list li.MK-oneclick-text a.MK-oneclick-link[title*="품절"] span {
    color: #9a9a9a;
    text-decoration: line-through;
}
.MK-oneclick-list li.MK-oneclick-text a.MK-oneclick-link[title*="품절"] span::after {
    content: "품절";
    display: inline-block;
    margin-left: 5px;
    color: #d0342c;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

/* BASIC css end */