/* BASIC css start */
/* ✅ 폰트 설정 */
body, input, button, select, textarea {
    font-family: 'Pretendard', -apple-system, sans-serif !important;
    letter-spacing: -0.3px !important;
}

/* ✅ 전체 레이아웃 */
#productDetail {}
#productDetail .page-body { margin-top: 40px; clear: both; }

/* ✅ 섬네일 + 상품정보 2단 레이아웃 */
#productDetail .thumb-info { zoom: 1; padding-bottom: 50px; }
#productDetail .thumb-info:after { content: ""; display: block; clear: both; }
#productDetail .thumb-info .thumb-wrap { float: left; width: 48%; text-align: center; }
#productDetail .thumb-info .thumb { width: 100%; max-width: 450px; text-align: left; margin: 0 auto; }
#productDetail .thumb-info .thumb img { display: block; width: 100%; max-width: 450px; height: auto; }

/* ✅ 상품 정보 영역 */
#productDetail .thumb-info .info { float: right; width: 52%; }
#productDetail .thumb-info .info .tit-prd {
    margin-left: 10px;
    font-weight: 700;
    font-size: 18px;
    color: #111;
    line-height: 1.5;
    word-break: keep-all;
    overflow-wrap: break-word;
}
#productDetail .thumb-info .info .tit-sub {
    margin: 7px 0 0 10px;
    font-size: 13px;
    color: #999;
}

/* ✅ 옵션 테이블 */
#productDetail .thumb-info .info .table-opt {
    margin-top: 15px;
    border-top: 2px solid #222;
    padding: 10px 0 0;
}
#productDetail .thumb-info .info .table-opt th,
#productDetail .thumb-info .info .table-opt td {
    font-size: 13px;
    padding: 6px 0;
}
#productDetail .thumb-info .info .table-opt th {
    font-weight: normal;
    color: #666;
    letter-spacing: -1px;
}

/* ✅ 가격 강조 */
#productDetail .thumb-info .info .table-opt .price {
    font-weight: 700;
    color: #e74c3c;
    font-size: 16px;
}

/* ✅ 구매 버튼 */
#productDetail .thumb-info .info .prd-btns {
    padding-top: 15px;
    display: flex;
    gap: 8px;
}
#productDetail .thumb-info .info .prd-btns a {
    flex: 1;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 48px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 6px;
    text-align: center;
}
#productDetail .thumb-info .info .prd-btns .CSSbuttonBB {
    display: block;
    background-color: #222;
    color: #fff;
    padding: 0 20px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 700;
    line-height: 48px;
}
#productDetail .thumb-info .info .prd-btns .CSSbuttonB {
    display: block;
    background-color: #fff;
    color: #222;
    border: 1px solid #ccc;
    padding: 0 20px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 700;
    line-height: 48px;
}
#productDetail .thumb-info .info .prd-btns .soldout {
    border-top: 1px solid #eee;
    text-align: center;
    font-weight: bold;
    color: #111;
    padding-top: 10px;
    font-size: 18px;
}

/* ✅ 네이버페이/카카오페이 레이아웃 정리 */
.detail_nhn_pay {
    margin-top: 10px;
    display: flex;
    gap: 8px;
    align-items: flex-start;
}
#nhn_btn {
    margin-top: 0 !important;
    float: none !important;
    flex: 1;
}
#kakaopay_order_btn {
    margin-top: 0 !important;
    margin-left: 0 !important;
    float: none !important;
    flex: 1;
}
#payco_order_btn {
    display: none;
}

/* ✅ 통합옵션 */
#productDetail .thumb-info .info .table-opt .opt-wrap {
    border-top: 1px solid #eee;
    padding-top: 10px;
}
#productDetail .thumb-info .info .table-opt .opt-wrap .tit {
    margin-bottom: 8px;
    padding-left: 10px;
    color: #111;
}
#productDetail .thumb-info .info .table-opt .opt-wrap dl { overflow: hidden; width: 100%; }
#productDetail .thumb-info .info .table-opt .opt-wrap dt {
    float: left;
    width: 110px;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-top: 4px;
}
#productDetail .thumb-info .info .table-opt .opt-wrap dd {
    float: left;
    width: 248px;
    margin-bottom: 5px;
}
#productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn {
    padding-left: 10px;
    text-align: center;
}
#productDetail .thumb-info .info .table-opt .opt-wrap select {
    width: 240px;
    height: 32px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 13px;
    padding: 0 8px;
}

/* ✅ 옵션결과 리스트 */
#MK_innerOptWrap {
    margin-top: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}
#MK_innerOptWrap #MK_innerOptScroll.limit {
    position: relative;
    height: 150px;
    overflow-y: auto;
}

/* 옵션 선택 결과 각 줄 */
#MK_innerOptWrap .MK_inner-opt-cm li {
    position: relative;
    min-height: 30px;
    padding: 8px 80px 8px 8px; /* 오른쪽 공간 확보 */
    border-bottom: 1px solid #eee;
    font-size: 13px;
    line-height: 1.5;
    box-sizing: border-box;
    list-style: none;
}

/* 상품명 */
#MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name {
    display: block;
    margin-right: 0;
    padding-right: 0;
    font-size: 13px;
    color: #333;
}

/* 수량 조절 */
#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl {
    margin-top: 6px;
    display: flex;
    align-items: center;
    gap: 4px;
}
#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl input {
    width: 36px !important;
    height: 24px !important;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 13px;
    padding: 0 4px;
}
#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a img {
    vertical-align: middle;
}

/* 가격 — 오른쪽 상단 고정 */
#MK_innerOptWrap .MK_inner-opt-cm li .MK_price {
    position: absolute;
    right: 24px;
    top: 8px;
    color: #e74c3c;
    font-weight: 700;
    font-size: 13px;
}

/* 삭제 버튼 — 오른쪽 상단 고정 */
#MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del {
    position: absolute;
    right: 5px;
    top: 8px;
}
#MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del img {
    width: 14px;
    height: auto;
}

/* 총 상품금액 */
#MK_innerOptTotal {
    padding: 12px 10px;
    font-size: 14px;
    color: #333;
    text-align: right;
    background: #f9f9f9;
    border-top: 2px solid #eee;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
}
#MK_innerOptTotal .MK_txt-total {
    color: #666;
    font-size: 13px;
}
#MK_innerOptTotal .MK_total {
    color: #e74c3c;
    font-weight: 700;
    font-size: 18px;
}
#MK_innerOptTotal .MK_txt-won {
    font-size: 14px;
    color: #333;
}
/* ✅ 상품 상세 이미지 */
#productDetail .prd-detail {
    margin-top: 50px;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
#productDetail .prd-detail img { max-width: 100%; height: auto; }
#productDetail .prd-detail table { table-layout: auto; }

/* ✅ board 헤더 */
#productDetail .board-hd {
    margin-top: 40px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #222;
    font-size: 16px;
    font-weight: 700;
    color: #111;
}
#productDetail .board-hd a { font-size: 16px; color: #1e1e1e; }
#productDetail .board-hd img { width: 30px; vertical-align: middle; }
#productDetail .board-btns { text-align: right; margin-bottom: 8px; }
#productDetail .board-btns img { padding: 0 5px; }

/* ✅ 버튼 공통 */
.CSSbutton, .CSSbutton2, .CSSbuttonB, .CSSbuttonBB {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
.CSSbutton {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
}
.CSSbutton2 {
    background: #222;
    color: #fff;
}

/* ✅ 관련상품 테이블 */
#productDetail .prd-list { padding-top: 10px; border-top: 1px solid #eee; overflow-x: auto; }
#productDetail .prd-list .thumb { width: 50px; height: 50px; }
#productDetail .prd-list th {
    padding-bottom: 10px;
    border-bottom: 1px solid #aaa;
    font-size: 13px;
    color: #666;
}
#productDetail .prd-list td { padding: 8px 0; border-bottom: 1px solid #eee; font-size: 13px; }
#productDetail .related-allbasket { width: 100%; padding-top: 10px; text-align: right; }

/* ✅ 리뷰/QnA 테이블 — 모바일 스크롤 */
#productDetail .table-slide { border-top: 1px solid #eee; overflow-x: auto; }
#productDetail .table-slide thead th { font-weight: 600; color: #333; }
#productDetail .table-slide th,
#productDetail .table-slide td { padding: 10px 5px; font-size: 13px; }
#productDetail .table-slide tbody td { border-top: 1px solid #eee; }
#productDetail .table-slide tr.cnt { display: none; }
#productDetail .table-slide tr.cnt td { cursor: default; }
#productDetail .table-slide tr.ndata td { border-bottom: 1px solid #eee; }

/* ✅ 상품 일반정보 */
#productWrap { margin: 10px 0; }
#productWrap h3.tb-tit {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
    color: #111;
}
#productWrap table {
    width: 100%;
    font-size: 13px;
    border-collapse: collapse;
    border-width: 1px 0 1px 0;
    border-color: #ddd;
    border-style: solid;
    table-layout: fixed;
}
#productWrap table th {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #f8f8f8;
    color: #555;
    text-align: left;
    padding: 10px 0 10px 15px;
}
#productWrap table td {
    color: #666;
    border-bottom: 1px solid #eee;
    word-break: break-all;
    text-align: left;
    padding: 10px 0 10px 17px;
}

.prd-name { border-bottom: 0; }
.prd-price { margin-top: 0 !important; }
.basic_option { height: 28px; }

/* ✅ 소리뷰 */
#sorivu { position: relative; margin-top: 20px; }
#soriView * { line-height: 1.5 !important; }

/* ✅ 모바일 반응형 */
@media screen and (max-width: 767px) {
    /* 2단 → 1단으로 전환 */
    #productDetail .thumb-info .thumb-wrap,
    #productDetail .thumb-info .info {
        float: none !important;
        width: 100% !important;
    }
    #productDetail .thumb-info .thumb {
        width: 100% !important;
        max-width: 100% !important;
    }
    #productDetail .thumb-info .thumb img {
        width: 100% !important;
        max-width: 100% !important;
    }
    #productDetail .thumb-info .info {
        margin-top: 20px;
        padding: 0 10px;
        box-sizing: border-box;
    }
    #productDetail .thumb-info .info .tit-prd {
        font-size: 16px !important;
        margin-left: 0 !important;
    }
    #productDetail .thumb-info .info .tit-sub {
        margin-left: 0 !important;
    }

    /* 옵션 select 모바일 최적화 */
    #productDetail .thumb-info .info .table-opt .opt-wrap select {
        width: 100% !important;
        height: 40px !important;
        font-size: 16px !important;
    }
    #productDetail .thumb-info .info .table-opt .opt-wrap dt {
        width: 80px !important;
    }
    #productDetail .thumb-info .info .table-opt .opt-wrap dd {
        width: calc(100% - 80px) !important;
    }

    /* 기존 구매버튼 — 모바일에서 숨김 (하단 고정바로 대체) */
    #productDetail .thumb-info .info .prd-btns {
        display: none !important;
    }

    /* ✅ 하단 고정 구매바 */
    #productDetail {
        padding-bottom: 80px !important;
    }
    #productDetail .prd-btns-sticky {
        display: flex !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 999 !important;
        padding: 10px 14px !important;
        background: rgba(255,255,255,0.95) !important;
        backdrop-filter: blur(8px) !important;
        border-top: 1px solid #eee !important;
        box-shadow: 0 -4px 16px rgba(0,0,0,0.08) !important;
        gap: 8px !important;
        box-sizing: border-box !important;
    }
    #productDetail .prd-btns-sticky a {
        flex: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 48px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        border-radius: 6px !important;
    }
    #productDetail .prd-btns-sticky .CSSbuttonBB {
        background: #222 !important;
        color: #fff !important;
        border-radius: 6px !important;
    }
    #productDetail .prd-btns-sticky .CSSbuttonB {
        background: #fff !important;
        color: #222 !important;
        border: 1px solid #ccc !important;
        border-radius: 6px !important;
    }

    /* 테이블 가로 스크롤 */
    #productDetail .table-slide,
    #productDetail .prd-list {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    #productDetail .table-slide table,
    #productDetail .prd-list table {
        min-width: 500px;
    }

    /* 상품 일반정보 */
    #productWrap table {
        table-layout: auto !important;
    }
}

/* ✅ PC에서는 고정바 숨김 */
@media screen and (min-width: 768px) {
    #productDetail .prd-btns-sticky {
        display: none !important;
    }
}
/* BASIC css end */