/* BASIC css start */
/* =========================================
   기본 레이아웃
   ========================================= */

#tabMenu {
    position: sticky;
    top: 142px;
    background: #291B0D;
    border-bottom: 1px solid #ddd;
    padding: 14px 0;
    text-align: center;
    z-index: 1000;
}

#contentWrap {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}

#productDetail .page-body {
    margin-top: 20px;
}

/* 상단 섬네일, 상품 옵션 정보 */
#productDetail .thumb-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

/* =========================================
   상품 섬네일
   ========================================= */

#productDetail .thumb-info .thumb-wrap {
    text-align: center;
    overflow: hidden;
    width: 590px;
}

#productDetail .thumb-info .thumb {
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
}

#productDetail .thumb-info .thumb img {
    width: 100%;
}

#productDetail .thumb-info .multi_list {
    margin-top: 20px;
}

#productDetail .thumb-info .multi_list .swiper-slide {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

#productDetail .thumb-info .multi_list .swiper-slide:hover {
    background: unset;
    opacity: 1;
}

#productDetail .thumb-info .thumb-ctrl {
    clear: both;
    padding-top: 20px;
    text-align: center;
}

#productDetail .thumb-info .thumb-ctrl a {
    font-size: 11px;
}

#productDetail .thumb-info .thumb-ctrl a img {
    vertical-align: middle;
    margin-right: 3px;
}

#productDetail .thumb-info .thumb-ctrl a:hover {
    text-decoration: underline;
}

/* =========================================
   상품 정보
   ========================================= */

#productDetail .thumb-info .info {
    float: right;
    width: 556px;
    min-width: 0;
    box-sizing: border-box;
}

#productDetail .thumb-info .info .prd-icons {
    position: relative;
    display: flex;
    padding: 0 0 12px;
    justify-content: space-between;
    align-items: center;
}

#productDetail .thumb-info .info .prd-icons .prd-icon {
    display: inline-block;
}

#productDetail .thumb-info .info .prd-icons .prd-icon img {
    margin-left: 3px;
}

#productDetail .thumb-info .info .prd-icons .prd-icon img:first-child {
    margin-left: 0;
}

/* 별 평점 */
#productDetail .thumb-info .scoreWrap {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 20px;
    justify-content: flex-end;
}

#productDetail .thumb-info .scoreWrap .ratingStar span {
    display: inline-block;
    width: 16px;
    color: var(--point-color2);
}

#productDetail .thumb-info .scoreWrap .ratingStar span.gray {
    color: #eee;
}

#productDetail .thumb-info .scoreWrap .ratingStar span svg {
    vertical-align: middle;
    margin-top: -2px;
}

#productDetail .thumb-info .scoreWrap .ratingNum {
    margin-left: 6px;
    color: #bbb;
    font-size: 14px;
}

#productDetail .thumb-info .scoreWrap .ratingNum b {
    font-weight: 400;
    color: #000;
    margin-right: 10px;
}

#productDetail .thumb-info .info .prd-icons .prd-wish {
    display: inline-block;
    width: 65px;
    text-align: right;
    vertical-align: top;
}

#productDetail .thumb-info .info .prd-icons .prd-wish p {
    display: inline-block;
    height: 22px;
    line-height: 20px;
    padding: 0 4px 0 24px;
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    font-family: "Malgun Gothic", sans-serif;
    font-size: 13px;
    color: #000;
    background: #fff url('/images/common/ico_wish_detail_count.png') no-repeat 5px center;
}

#productDetail .thumb-info .info .tit-prd {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 4px;
}

#productDetail .thumb-info .info .tit-subprd,
#productDetail .thumb-info .info .tit-sub {
    font-size: 16px;
    font-weight: 400;
    color: #999;
    margin-bottom: 19px;
}

#productDetail .thumb-info .info .prd_price {
    position: relative;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
}

#productDetail .thumb-info .info .prd_price .price .dc_per {
    font-size: 28px;
    font-weight: 700;
    margin-right: 8px;
    color: var(--point-color1);
}

#productDetail .thumb-info .info .prd_price .price .normal {
    font-size: 28px;
    font-weight: 800;
    margin-right: 8px;
}

#productDetail .thumb-info .info .prd_price .price .normal:after {
    content: "원";
    font-weight: 400;
}

#productDetail .thumb-info .info .prd_price .price .consumer {
    font-size: 16px;
    font-weight: 400;
    color: #999;
    text-decoration: line-through;
}

#productDetail .thumb-info .info .prd_price .price .consumer:after {
    content: "원";
}

#productDetail .thumb-info .info .table-opt {
    margin-top: 20px;
}

#productDetail .thumb-info .info > .table-opt > table {
    width: 100%;
}

#productDetail .thumb-info .info .table-opt th,
#productDetail .thumb-info .info .table-opt td {
    padding: 10px 0;
}

#productDetail .thumb-info .info .table-opt th {
    font-size: 14px;
    font-weight: 400;
    color: #555;
}

#productDetail .thumb-info .info .table-opt th .tb-left,
#productDetail .thumb-info .info .table-opt td .tb-left {
    padding: 0;
}

#productDetail .thumb-info .info .table-opt td {
    font-size: 14px;
    font-weight: 400;
}

/* 판매가격 */
#productDetail .thumb-info .info .table-opt .sell_price {
    font-size: 14px;
    font-weight: 900;
}

#productDetail .thumb-info .info .table-opt .sell_price a {
    font-size: 12px;
    font-weight: 400;
    border-left: 1px solid #ddd;
    margin-left: 10px;
    padding-left: 10px;
}

#productDetail .thumb-info .info .table-opt .sell_price a img {
    margin-left: 5px;
}

/* =========================================
   주문수량
   ========================================= */

#goods_amount {
    float: left;
}

#productDetail .thumb-info .info .table-opt .opt-spin {
    position: relative;
    width: 52px;
    height: 15px;
    border: 1px solid #acacac;
}

#productDetail .thumb-info .info .table-opt .opt-spin .txt-spin,
#productDetail .thumb-info .info .table-opt .opt-spin .btns {
    float: left;
}

#productDetail .thumb-info .info .table-opt .opt-spin .txt-spin {
    width: 41px;
    height: 13px;
    padding-left: 2px;
    padding-top: 2px;
    border: 0;
    font-size: 11px;
}

#productDetail .thumb-info .info .table-opt .opt-spin .btns {
    width: 17px;
    height: 15px;
    border-left: 1px solid #aaa;
}

#productDetail .thumb-info .info .table-opt .opt-spin .btns a {
    overflow: hidden;
    float: left;
    width: 100%;
    height: 8px;
    text-indent: -999px;
    background: none;
}

#productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-up {
    border-bottom: 1px solid #aaa;
    background: url('/images/d3/modern_simple/btn/btn_h5_spin_up.gif') no-repeat 50% 50%;
}

#productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-dw {
    background: url('/images/d3/modern_simple/btn/btn_h5_spin_dw.gif') no-repeat 50% 50%;
}

/* =========================================
   구매 버튼
   현재 HTML: .prd-btns > a > span
   ========================================= */

#productDetail .thumb-info .info .prd-btns {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    margin: 20px 0 16px;
    padding: 0;
    box-sizing: border-box;
    text-align: left;
}

#productDetail .thumb-info .info .btn_wrap {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin: 20px 0 15px;
    box-sizing: border-box;
}

#productDetail .thumb-info .info .prd-btns > .btn_wrap {
    flex: 0 0 100%;
    margin: 0;
}

/* 링크 자체가 버튼 전체를 차지하도록 설정 */
#productDetail .thumb-info .info .prd-btns > a,
#productDetail .thumb-info .info .prd-btns > .btn_wrap > a {
    display: flex;
    flex: 3 1 0;
    justify-content: center;
    align-items: center;
    float: none;
    min-width: 0;
    width: auto;
    height: 52px;
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid #000;
    border-radius: 4px;
    background: #fff;
    color: #000;
    font-family: inherit;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* 첫 번째 버튼: 바로구매 또는 정기배송 신청 */
#productDetail .thumb-info .info .prd-btns > a:first-of-type,
#productDetail .thumb-info .info .prd-btns > .btn_wrap > a:first-of-type {
    background: #000;
    color: #fff;
    border-color: #000;
}

#productDetail .thumb-info .info .prd-btns > a:first-of-type:hover,
#productDetail .thumb-info .info .prd-btns > .btn_wrap > a:first-of-type:hover {
    background: #292929;
    color: #fff;
}

/* 두 번째 버튼: 장바구니 */
#productDetail .thumb-info .info .prd-btns > a:nth-of-type(2),
#productDetail .thumb-info .info .prd-btns > .btn_wrap > a:nth-of-type(2) {
    flex: 3 1 0;
}

/* 세 번째 버튼: 찜 */
#productDetail .thumb-info .info .prd-btns > a:nth-of-type(3),
#productDetail .thumb-info .info .prd-btns > .btn_wrap > a:nth-of-type(3) {
    flex: 1.8 1 0;
}

#productDetail .thumb-info .info .prd-btns > a:not(:first-of-type):hover,
#productDetail .thumb-info .info .prd-btns > .btn_wrap > a:not(:first-of-type):hover {
    background: #f5f5f5;
    color: #000;
}

#productDetail .thumb-info .info .prd-btns > a:focus-visible,
#productDetail .thumb-info .info .prd-btns > .btn_wrap > a:focus-visible {
    outline: 2px solid #000;
    outline-offset: 3px;
}

/* 기존 공통 CSSbutton 스타일 초기화 */
#productDetail .thumb-info .info .prd-btns > a > .CSSbuttonBuy,
#productDetail .thumb-info .info .prd-btns > a > .CSSbuttonBasket,
#productDetail .thumb-info .info .prd-btns > a > .CSSbuttonWish {
    display: block;
    position: static;
    float: none;
    width: auto;
    min-width: 0;
    max-width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    color: inherit;
    font: inherit;
    line-height: inherit;
    text-align: center;
    text-indent: 0;
    white-space: nowrap;
}

/* 품절 */
#productDetail .thumb-info .info .prd-btns .soldout {
    display: flex;
    flex: 0 0 100%;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 60px;
    height: auto;
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #231f20;
    border-radius: 4px;
    background: #fff;
    color: #231f20;
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 2px;
}

#productDetail .thumb-info .info .prd-btns .soldout-btns {
    display: inline-block;
    flex: 0 0 100%;
}

#productDetail .thumb-info .info .prd-btns .soldout-btns span {
    display: inline-block;
    margin-left: 5px;
    float: left;
}

#productDetail .thumb-info .info .prd-btns .soldout-btns span a {
    display: inline-block;
    margin: 0;
}

/* 기존 클래스가 사용되는 버튼 */
#productDetail .thumb-info .info .prd-btns .btn_buy {
    color: #fff;
    border: 1px solid #000;
    background: #000;
}

#productDetail .thumb-info .info .prd-btns .btn_buy:hover {
    color: #fff;
    background: #292929;
}

#productDetail .thumb-info .info .prd-btns .btn_cart {
    color: #000;
    border: 1px solid #000;
    background: #fff;
}

#productDetail .thumb-info .info .prd-btns .btn_cart:hover {
    color: #000;
    background: #f5f5f5;
}

#productDetail .thumb-info .info .prd-btns .btn_barotalk {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    margin-top: 10px;
}

#productDetail .thumb-info .info .prd-btns #MS_btn_wish .ico-wish {
    display: inline-block;
    width: 16px;
    height: 14px;
    margin-right: 2px;
    background: url('/images/common/ico_wish_detail_off.png') no-repeat center center;
    vertical-align: middle;
}

#productDetail .thumb-info .info .prd-btns #MS_btn_wish.wish-on .ico-wish {
    background: url('/images/common/ico_wish_detail_on.png') no-repeat center center;
}

/* =========================================
   간편결제
   현재 HTML: .nhn_pay / 바로 다음 div
   ========================================= */

.simple_buy_wrap {
    text-align: right;
}

.simple_buy_wrap a {
    width: auto !important;
    text-align: right !important;
}

#productDetail .thumb-info .info .simple_buy_wrap {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: left;
}

/* 네이버페이와 PAYCO 바깥 영역 */
#productDetail .thumb-info .info > .nhn_pay,
#productDetail .thumb-info .info > .nhn_pay + div {
    display: block;
    clear: both;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-align: left;
}

#productDetail .thumb-info .info > .nhn_pay + div {
    margin-top: 8px;
}

/* 결제 서비스 컨테이너 */
#nhn_btn,
#payco_order_btn,
#kakaopay_order_btn {
    padding-top: 10px;
}

#productDetail .thumb-info .info #nhn_btn,
#productDetail .thumb-info .info #payco_order_btn,
#productDetail .thumb-info .info #kakaopay_order_btn,
#productDetail .thumb-info .info #shoppay_btn {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: left;
}

/* 네이버페이 외부 HTML 위젯 */
#productDetail .thumb-info .info .nhn_pay [class^="npay_storebtn_bx"],
#productDetail .thumb-info .info .nhn_pay [class*=" npay_storebtn_bx"],
#productDetail .thumb-info .info .nhn_pay [class^="npay_button_box"],
#productDetail .thumb-info .info .nhn_pay [class*=" npay_button_box"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* PAYCO 외부 HTML 위젯 */
#productDetail .thumb-info .info > .nhn_pay + div .payco_checkout,
#productDetail .thumb-info .info #payco_order_btn .payco_checkout {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#payco_order_btn .payco_checkout.ta .payco_checkout_btn {
    margin-top: 0 !important;
}

.ocb-area {
    width: 323px;
}

.ocb-area a {
    margin-top: 0 !important;
}

.__checkout_img_comm {
    visibility: unset !important;
}

/* =========================================
   판매 혜택 / 찜 카운트
   ========================================= */

#productDetail .thumb-info .info .table-opt .sell_benefit {
    position: relative;
}

#productDetail .thumb-info .info .table-opt .sell_benefit .benefit_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    display: inline-block;
    background: #000;
    font-size: 14px;
    color: #fff;
    padding: 8px 15px;
    border-radius: 6px;
    line-height: 1;
}

#productDetail .thumb-info .info .table-opt .sell_benefit .benefit_btn span {
    display: inline-block;
    height: 18px;
    padding: 0 5px;
    color: #fff;
    background: #000;
    vertical-align: top;
}

#productDetail .thumb-info .info .table-opt .sell_benefit .benefit_btn em {
    display: inline-block;
    height: 18px;
    padding: 0 3px 0 0;
    font-size: 10px;
    vertical-align: top;
}

#productDetail .thumb-info .info .wish-icons .prd-wish {
    display: inline-block;
    width: 65px;
    text-align: right;
    vertical-align: top;
}

#productDetail .thumb-info .info .wish-icons .prd-wish span {
    display: inline-block;
    height: 22px;
    line-height: 20px;
    padding: 0 4px 0 24px;
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    font-family: "Malgun Gothic", sans-serif;
    font-size: 13px;
    color: #000;
    background: #fff url('/images/common/ico_wish_detail_count.png') no-repeat 5px center;
}

/* =========================================
   통합옵션
   ========================================= */

#productDetail .thumb-info .info .table-opt .opt-wrap {
    width: 100%;
    padding: 20px 0 0;
    border-top: 1px solid #eee;
}

#productDetail .thumb-info .info .table-opt .opt-wrap .tit {
    margin-bottom: 5px;
}

#productDetail .thumb-info .info .table-opt .opt-wrap-hybrid {
    width: 100%;
    padding: 0 0 10px;
    border-bottom: 1px solid #e4e4e4;
}

#productDetail .thumb-info .info .table-opt .opt-wrap-hybrid .tit {
    margin-bottom: 8px;
    color: #969696;
}

#productDetail .thumb-info .info .table-opt .opt-wrap-hybrid .tit strong {
    color: #555;
}

#productDetail .thumb-info .info .table-opt .opt-wrap dl {
    overflow: hidden;
    width: 100%;
    margin: 10px 0;
    display: flex;
    align-items: center;
}

#productDetail .thumb-info .info .table-opt .opt-wrap dt {
    width: 120px;
    font-size: 14px;
    font-weight: 400;
    color: #555;
}

#productDetail .thumb-info .info .table-opt .opt-wrap dd {
    width: 436px;
}

#productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn {
    text-align: right;
}

#productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a {
    display: inline-block;
    width: 84px;
    height: 24px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    border: 1px solid #231f20;
    background: #231f20;
    transition: all 0.3s ease;
}

#productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a:hover {
    color: #231f20;
    background: #fff;
}

#productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a:active {
    position: relative;
    top: 1px;
}

#productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a img {
    display: none;
}

#productDetail .thumb-info .info .table-opt .opt-wrap select {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 16px;
    padding-left: 12px;
    background: url('//skin.makeshop.co.kr/skin/potato/img/select_arrow.png') transparent no-repeat center right 12px / 20px 20px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    justify-content: flex-start;
}

#productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns input {
    width: 42px;
    height: 35px;
    border: 1px solid #dfdfdf;
    border-top: 0;
    border-bottom: 0;
    text-align: center !important;
    line-height: 35px;
}

#productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns a {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-indent: -9999em;
    vertical-align: middle;
}

#productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns a.btn-up {
    background: url('//skin.makeshop.co.kr/skin/bebeland/img/detail_plus.png') center center no-repeat;
}

#productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns a.btn-dw {
    background: url('//skin.makeshop.co.kr/skin/bebeland/img/detail_minus.png') center center no-repeat;
}

#productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count select {
    float: left;
    width: 350px;
}

#productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count .opt-btns {
    padding-top: 5px;
    clear: both;
}

#productDetail .thumb-info .info .table-opt .option-wrap {
    margin-top: 10px;
    padding: 10px 0;
    border-top: 1px solid #ddd;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box {
    width: 100%;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .tit {
    padding: 10px 0 5px;
    color: #666;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list:after {
    clear: both;
    content: "";
    display: block;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list {
    width: 100%;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li {
    float: left;
    width: 70px;
    margin-left: 25px;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.first,
#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li:first-child {
    margin-left: 0;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl {
    padding-bottom: 10px;
    color: #333;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdchk {
    text-align: left;
    padding-bottom: 5px;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdchk input {
    width: 13px;
    height: 13px;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg {
    position: relative;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg img {
    width: 70px;
    height: 70px;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 71px;
    color: #fff;
    text-align: center;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout-bg,
#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .sel-img {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdname {
    padding-top: 7px;
    padding-bottom: 3px;
    line-height: 14px;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdprice {
    padding-bottom: 3px;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty input {
    width: 52px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #dfdfdf;
    text-align: center;
    background: none;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down {
    display: inline-block;
    width: 12px;
    height: 26px;
    line-height: 0;
    font-size: 0;
    vertical-align: top;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down a {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 0;
    font-size: 0;
    vertical-align: top;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up {
    margin-bottom: 2px;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.lst-soldout dl {
    color: #a7a7a7;
}

#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.lst-soldout dl input {
    color: #929292;
}

/* =========================================
   상품정보 탭
   ========================================= */

#productDetail .detailTab {
    padding-top: 72px;
    position: relative;
}

#productDetail .detailTab ul {
    display: flex;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    justify-content: space-around;
    align-items: center;
}

#productDetail .detailTab ul li {
    width: 25%;
}

#productDetail .detailTab ul li.first {
    width: 273px;
}

#productDetail .detailTab ul li a {
    display: block;
    width: 100%;
    height: 72px;
    font-size: 24px;
    font-weight: 700;
    color: #000;
    line-height: 72px;
    text-align: center;
    border-bottom: 1px solid #dedede;
}

#productDetail .detailTab ul li a.active {
    border-bottom: 3px solid #000;
}

/* 타이틀 공통 */
#productDetail .tit-detail {
    position: relative;
    padding-top: 30px;
}

#productDetail .tit-detail:after {
    display: block;
    clear: both;
    content: "";
}

#productDetail .tit-detail h3 {
    float: left;
    font-size: 16px;
    color: #303030;
    line-height: 18px;
}

#productDetail .tit-detail .more {
    float: right;
}

#productDetail .tit-detail .more a {
    font-size: 11px;
    color: #8c8b8b;
}

/* =========================================
   상품 상세 이미지
   ========================================= */

#productDetail .prd-detail table {
    table-layout: auto;
    border-spacing: 0 !important;
    border-collapse: collapse !important;
}

#productDetail .prd-detail table td {
    word-break: break-all;
}

#productDetail .prd-detail {
    padding-top: 10px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    max-width: none;
    text-align: left;
    overflow: hidden;
}

#productDetail .prd-detail img {
    max-width: 100%;
    height: auto;
}

/* =========================================
   구매할인
   ========================================= */

#productDetail .buy-benefit {
    position: relative;
}

#productDetail .buy-benefit .tit-txt {
    font-size: 12px;
    color: #000;
}

#productDetail .buy-benefit .btn-view {
    display: inline-block;
    padding: 2px 3px 2px 5px;
    font-size: 12px;
    color: #000;
    font-family: "Malgun Gothic", sans-serif;
    background: url('/images/common/bg_layer_gray.gif') no-repeat;
    border: 1px solid #e3e3e3;
}

#productDetail .buy-benefit .btn-view em {
    display: inline-block;
    height: 18px;
    padding: 0 5px;
    color: #fff;
    background: #000;
    vertical-align: top;
}

#productDetail .buy-benefit .view-wrap {
    display: none;
    position: absolute;
    top: 30px;
    left: 50%;
    max-width: 186px;
    margin-left: -208px;
    padding: 15px;
    background: #fff;
    border: 1px solid #000;
    z-index: 1;
}

#productDetail .buy-benefit .view-wrap.active {
    display: block;
}

#productDetail .buy-benefit .view-wrap .layer-view {
    font-size: 12px;
    line-height: 20px;
    color: #000;
    font-weight: bold;
}

#productDetail .buy-benefit .view-wrap .layer-view .fc-red {
    color: #ff0000;
}

#productDetail .buy-benefit .view-wrap .layer-view ul.list {
    margin-top: 5px;
}

#productDetail .buy-benefit .view-wrap .layer-view ul li.layer-info {
    color: #585858;
    border-top: 1px solid #ccc;
    padding-top: 5px;
    margin-top: 5px;
    font-weight: normal;
}

#productDetail .buy-benefit .view-wrap .btn-close {
    position: absolute;
    right: 10px;
    top: 5px;
}

/* =========================================
   정기배송 혜택 팝업
   ========================================= */

#productDetail .delivery .view-wrap {
    display: none;
    position: absolute;
    top: 30px;
    left: 50%;
    width: 290px;
    margin-left: -208px;
    background: #fff;
    border: 2px solid #666;
    z-index: 1;
}

#productDetail .delivery .view-wrap.active {
    display: block;
}

#productDetail .delivery .view-wrap h3.title {
    padding: 8px 14px;
    background: #f0f0f0;
    font-weight: 700;
}

#productDetail .delivery .view-wrap .list {
    margin: 18px 20px;
    border: 1px solid #e4e4e5;
    border-top: 0;
}

#productDetail .delivery .view-wrap .list dl {
    overflow: hidden;
}

#productDetail .delivery .view-wrap .list dt,
#productDetail .delivery .view-wrap .list dd {
    float: left;
    width: 33.33%;
    padding: 5px 8px;
    font-size: 11px;
    color: #000;
    box-sizing: border-box;
}

#productDetail .delivery .view-wrap .list dt {
    border-top: 1px solid #e4e4e5;
    background: #f8f8f8;
    text-align: center;
}

#productDetail .delivery .view-wrap .list dd {
    border-top: 1px solid #e4e4e5;
    border-left: 1px solid #e4e4e5;
    text-align: right;
}

#productDetail .delivery .view-wrap .list dd.txt {
    color: #ff0000;
}

#productDetail .delivery .view-wrap p {
    margin: -4px 20px 18px;
    color: #666;
    font-size: 11px;
}

#productDetail .delivery .view-wrap p.subs_pop {
    margin: -4px 15px 18px;
}

#productDetail .delivery .view-wrap .btn-close {
    position: absolute;
    right: 10px;
    top: 5px;
}

/* =========================================
   관련상품
   ========================================= */

#productDetail .item-wrap .prd-opt {
    padding: 5px 0;
    font-size: 13px;
}

#productDetail .item-wrap .prd-opt p {
    padding-bottom: 5px;
}

#productDetail .item-wrap .prd-opt select {
    height: auto;
}

#productDetail .item-wrap .prd-opt .vo_value_list {
    height: 16px;
    line-height: 16px;
}

#productDetail .item-wrap .prd-qty {
    padding: 5px 0;
    margin: 0 auto;
    position: relative;
    width: 60px;
    height: 18px;
}

#productDetail .item-wrap .prd-qty .MS_related_quantity,
#productDetail .item-wrap .prd-qty .btns {
    float: left;
}

#productDetail .item-wrap .prd-qty .MS_related_quantity {
    width: 34px;
    height: 16px;
    line-height: 18px;
    text-align: right;
    border: 1px solid #acacac;
    font-size: 11px;
}

#productDetail .item-wrap .prd-qty .btns {
    width: 17px;
    height: 16px;
    border: 1px solid #acacac;
    border-left: none;
}

#productDetail .item-wrap .prd-qty .btns a {
    overflow: hidden;
    float: left;
    width: 100%;
    height: 8px;
    text-indent: -999px;
    background: none;
}

#productDetail .item-wrap .prd-qty .btns a.btn-up {
    border-bottom: 1px solid #aaa;
    background: url('/images/d3/modern_simple/btn/btn_h5_spin_up.gif') no-repeat 50% 2px;
}

#productDetail .item-wrap .prd-qty .btns a.btn-dw {
    background: url('/images/d3/modern_simple/btn/btn_h5_spin_dw.gif') no-repeat 50% 2px;
}

#productDetail .related-allbasket {
    padding-bottom: 40px;
    text-align: center;
}

#productDetail .related-allbasket a {
    display: inline-block;
    width: 248px;
    height: 58px;
    font-size: 13px;
    color: #fff;
    font-family: Verdana, sans-serif;
    text-align: center;
    line-height: 58px;
    border: 1px solid #231f20;
    background: #231f20;
    transition: all 0.3s ease;
}

#productDetail .related-allbasket a:hover {
    color: #231f20;
    background: #fff;
}

#productDetail .related-allbasket a:active {
    position: relative;
    top: 1px;
}

/* =========================================
   선물하기 / 정기배송 버튼
   ========================================= */

#productDetail .thumb-info .info .prd-btns .btn_gift {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    font-size: 12px;
    color: #f1191f;
    text-align: center;
    line-height: 46px;
    border: 1px solid #f1191f;
    background: #fff;
}

#productDetail .thumb-info .info .prd-btns .btn_gift:hover {
    color: #fff;
    background: #f1191f;
}

#productDetail .thumb-info .info .prd-btns .btn_gift:active {
    position: relative;
    top: 1px;
}

#productDetail .thumb-info .info .prd-btns .btn_gift .fa-gift {
    font-size: 13px;
    vertical-align: text-bottom;
}

#productDetail .thumb-info .info .prd-btns .btn_gift .fa-gift:before {
    margin-right: 5px;
}

#productDetail .thumb-info .info .prd-btns .btn_subs {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 46px;
    border: 1px solid #f1191f;
    background: #f1191f;
}

#productDetail .thumb-info .info .prd-btns .btn_subs:hover {
    color: #000;
    background: #fff;
}

#productDetail .thumb-info .info .prd-btns .btn_subs:active {
    position: relative;
    top: 1px;
}

/* =========================================
   리뷰 작성
   ========================================= */

#productDetail .review-write {
    margin-top: 30px;
    padding: 20px;
    border: 1px solid #e4e4e5;
}

#productDetail .review-write th,
#productDetail .review-write td {
    padding: 4px 0;
}

#productDetail .review-write th {
    font-weight: normal;
}

#productDetail .review-write td input[name="hname"] {
    padding-left: 5px;
    width: 210px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #ddd;
}

#productDetail .review-write td label {
    margin-right: 10px;
}

#productDetail .review-write td textarea {
    padding: 5px;
    width: 840px;
    height: 81px;
    border: 1px solid #ddd;
}

#productDetail .review-write td .btn_write {
    display: inline-block;
    width: 109px;
    height: 91px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 91px;
    border: 1px solid #231f20;
    background: #231f20;
    transition: all 0.3s ease;
}

#productDetail .review-write td .btn_write:hover {
    color: #231f20;
    background: #fff;
}

#productDetail .review-write td .btn_write:active {
    position: relative;
    top: 1px;
}

/* =========================================
   댓글리스트 공통
   ========================================= */

#productDetail .table-slide {
    border-top: 1px solid #000;
}

#productDetail .table-slide thead th {
    padding: 15px 0;
    font-size: 13px;
    border-bottom: 1px solid #e9e9e9;
    font-weight: normal;
    font-family: Verdana, sans-serif;
}

#productDetail .table-slide td {
    font-size: 16px;
    padding: 15px 0;
    background: url('//image.makeshop.co.kr/makeshop/d3/basic_simple/common/board_dot.gif') repeat-x 0 bottom;
}

#productDetail .table-slide td .paging a {
    font-family: Verdana, sans-serif;
}

#productDetail .table-slide tr.cnt {
    display: none;
}

#productDetail .table-slide tr.cnt td {
    padding: 20px;
    color: #999;
    cursor: default;
}

#productDetail .table-slide tr.cnt td p {
    word-break: break-all;
    white-space: normal;
}

#productDetail .table-slide tr.cnt td .MS_cmt_content {
    padding: 10px 60px 10px 0;
    position: relative;
}

#productDetail .table-slide tr.cnt td .MS_cmt_content .btn-report {
    float: none;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

#productDetail .table-slide tr.cnt td .MS_cmt_hname {
    display: inline-block;
    margin-right: 10px;
    line-height: 13px;
}

#productDetail .table-slide tr.reply .tb-txt {
    padding-left: 30px;
    background: url('/images/d3/modern_simple/common/bull_reply.gif') no-repeat 10px 0;
}

#productDetail .table-slide .list-btm {
    position: relative;
    text-align: center;
}

#productDetail .table-slide .list-btm:after {
    display: block;
    clear: both;
    content: "";
}

#productDetail .table-slide .btm_write {
    margin-top: 60px;
    position: relative;
}

#productDetail .table-slide .btm_write a {
    display: inline-block;
    width: 435px;
    height: 50px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-align: center;
    line-height: 50px;
    border: 1px solid #231f20;
    background: #fff;
    transition: all 0.3s ease;
    border-radius: 4px;
}

#productDetail .table-slide .btm_write a:hover {
    color: #fff;
    background: #231f20;
}

#productDetail .table-slide .btm_write a:active {
    position: relative;
    top: 1px;
}

#productDetail .table-slide .paging-wrap {
    position: relative;
    width: 100%;
}

#productDetail .review-list,
#productDetail .qna-list {
    margin-top: 10px;
}

#productDetail .btn-report {
    display: inline-block;
    float: right;
    color: #9d9d9d;
    font-size: 11px;
    margin-top: 10px;
}

.table-slide.review-list td .writer > span,
#productDetail .pr-list-writer > span {
    display: block;
}

.table-slide.review-list .MS_review_content_box .cnttit {
    position: relative;
    padding-right: 100px;
}

.table-slide.review-list .MS_review_content_box .cnttit .btn-report {
    float: none;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
}

/* =========================================
   상품 상세 옵션
   ========================================= */

.MK_not_choice {
    color: red;
}

.MK_optAddWrap,
.MK_optAddWrap * {
    margin: 0;
    padding: 0;
}

.MK_optAddWrap li {
    list-style: none;
}

/* 옵션선택 */
#MK_optAddList {
    overflow: hidden;
}

#MK_optAddList li {
    float: left;
    width: 100%;
    margin-top: 5px;
}

#MK_optAddList .MK_tit,
#MK_optAddList .MK_div,
#MK_optAddList .MK_st {
    float: left;
}

#MK_optAddList .MK_tit,
#MK_optAddList .MK_div {
    font-size: 11px;
    line-height: 16px;
}

#MK_optAddList .MK_tit {
    width: 65px;
    margin-right: 5px;
}

#MK_optAddList .MK_div {
    width: 5px;
    text-align: center;
}

#MK_optAddList .MK_st {
    width: 205px;
}

#MK_optAddList .MK_st .MK_btn-add {
    cursor: pointer;
}

#MK_optAddList .MK_st select {
    margin-left: 5px;
    width: 195px;
    height: 18px;
}

/* 옵션선택 PP */
#MK_optAddListPP {
    overflow: hidden;
}

#MK_optAddListPP .MK_tit,
#MK_optAddListPP .MK_st {
    float: left;
    width: auto;
}

#MK_optAddListPP .MK_tit {
    margin-right: 5px;
    margin-top: 3px;
}

/* 옵션 결과 리스트 */
#MK_innerOptWrap #MK_innerOptScroll.line {
    padding-top: 5px;
    margin-top: 30px;
}

#MK_innerOptWrap #MK_innerOptScroll.limit {
    position: relative;
    height: 150px;
    overflow-y: auto;
}

#MK_innerOptWrap .MK_inner-opt-cm li {
    position: relative;
    height: 124px;
    font-size: 16px;
    font-weight: 400;
    background: #f6f6f6;
    border-radius: 12px;
    margin-bottom: 10px;
}

#MK_innerOptWrap .MK_inner-opt-cm li .MK_price,
#MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del {
    position: absolute;
}

#MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name,
#MK_innerOptWrap .MK_inner-opt-cm li .MK_price,
#MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del {
    display: block;
}

#MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name {
    position: absolute;
    top: 20px;
    left: 20px;
    overflow: hidden;
    width: 258px;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
}

#MK_innerOptWrap .MK_inner-opt-cm li .MK_price {
    right: 20px;
    bottom: 27px;
    font-size: 18px;
    font-weight: 600;
    color: #121212;
}

#MK_innerOptWrap .MK_inner-opt-cm li .MK_price span {
    font-weight: bold;
}

#MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del {
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    text-indent: -9999em;
    background: url('//skin.makeshop.co.kr/skin/potato/img/ic_opt_del.png') no-repeat;
    background-size: 100%;
}

#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #dedede;
    padding-left: 40px;
    overflow: hidden;
}

#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option,
#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .MS_amount_basic,
#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .addition_option {
    width: 60px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dedede;
    text-align: center !important;
    font-size: 16px;
    font-weight: 400;
    border-top: 0;
    border-bottom: 0;
}

#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a {
    float: left;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-indent: -9999em;
    margin: 0;
    vertical-align: top;
    background: #fff url('//skin.makeshop.co.kr/skin/potato/img/detail_minus.png') no-repeat center center;
}

#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-up {
    background: #fff url('//skin.makeshop.co.kr/skin/potato/img/detail_plus.png') no-repeat center center;
}

#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-dw {
    position: absolute;
    left: 0;
    top: 0;
}

#MK_innerOptWrap .MK_inner-opt-cm li #MK_p_price_basic_0 {
    font-weight: bold;
}

#MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name p {
    overflow: hidden;
    text-overflow: ellipsis;
}

#MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name span.extra_option_name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

/* 사용자 입력 인풋박스 */
.MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput {
    width: 200px;
}

/* 하이브리드옵션 */
#MK_innerOptWrap .MK_inner-opt-hybrid li .MK_p-name,
#MK_innerOptWrap .MK_inner-opt-hybrid li .MK_price,
#MK_innerOptWrap .MK_inner-opt-hybrid li .MK_qty-ctrl,
#MK_innerOptWrap .MK_inner-opt-hybrid li .MK_btn-del {
    display: inline-block;
}

#MK_innerOptWrap .MK_inner-opt-hybrid li .MK_price {
    top: 4px;
    bottom: 0;
    right: 23px;
}

#MK_innerOptWrap .MK_inner-opt-hybrid li .MK_p-name {
    width: 200px;
    line-height: 26px;
}

#MK_innerOptWrap .MK_inner-opt-hybrid li .MK_qty-ctrl {
    vertical-align: middle;
    margin-top: 0;
}

/* =========================================
   총 상품 금액
   ========================================= */

#MK_innerOptWrap #MK_innerOptPrice {
    display: none;
    padding: 12px 5px 10px;
    font-size: 12px;
    color: #333;
    text-align: right;
}

#MK_innerOptAdd {
    display: none;
    padding: 0 5px;
    font-size: 12px;
    color: #333;
    text-align: right;
}

#MK_innerOptTotal {
    display: flex;
    width: 100%;
    margin-top: 0;
    padding-top: 30px;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

#MK_innerOptTotal .totalLeft {
    display: inline-block;
    flex-shrink: 0;
}

#MK_innerOptTotal .totalRight {
    display: inline-block;
    margin-left: 16px;
    text-align: right;
    white-space: nowrap;
}

#MK_innerOptTotal .MK_txt-total {
    font-size: 20px;
    font-weight: 600;
}

#MK_innerOptTotal .MK_txt-won {
    font-size: 32px;
    font-weight: 700;
    color: var(--point-color1, #e92736);
}

#MK_innerOptTotal .totalRight .MK_total {
    display: inline;
    font-size: 32px;
    font-weight: 700;
    color: var(--point-color1, #e92736);
}

/* 소리뷰 */
#sorivu {
    position: relative;
    margin-top: 20px;
}

/* =========================================
   상품 일반정보
   ========================================= */

#productWrap {
    margin: 30px auto;
    padding: 15px 0;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 20px;
    box-sizing: border-box;
}

#productWrap h3.tb-tit {
    margin-bottom: 10px;
    text-align: left;
}

#productWrap table {
    width: 100%;
    font-size: 13px;
    margin-bottom: 20px;
}

#productWrap table th {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    padding: 12.5px 0 12.5px 40px;
    vertical-align: top;
}

#productWrap table td {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    padding: 12.5px 40px;
}

/* 배송안내 */
.delivery_info {
    position: relative;
    margin-top: 40px;
}

.delivery_info .deli_cont {
    font-size: 14px;
    font-weight: 400;
    color: #444;
}

/* =========================================
   사이즈 차트
   ========================================= */

td.area-btn-size-chart a.btn-size-chart {
    display: inline-block;
    width: 84px;
    height: 24px;
    font-size: 11px;
    color: #231f20;
    text-align: center;
    line-height: 24px;
    border: 1px solid #231f20;
    background: #fff;
    transition: all 0.3s ease;
}

td.area-btn-size-chart a.btn-size-chart:hover {
    color: #fff;
    background: #231f20;
}

td.area-btn-size-chart a.btn-size-chart:active {
    position: relative;
    top: 1px;
}

#sizeChart {
    padding-bottom: 10px;
    width: 810px;
    position: absolute;
    display: none;
    background: #fff;
}

#sizeChart .btn-close-box {
    width: 100%;
    position: relative;
}

#sizeChart .btn-close-layer {
    position: absolute;
    display: block;
    width: 15px;
    height: 14px;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

.size-chart-box {
    width: 100%;
    border: 2px solid #3F4045;
}

.size-chart-box h4 {
    width: 100%;
    margin: 0;
    padding: 10px 0;
    color: #fff;
    background: #3F4045;
    text-align: center;
}

.size-chart-cont {
    margin: 10px auto 0;
    width: 800px;
    background: #fff;
}

.size-chart-cont table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border: 1px solid #D9DBDA;
}

.size-chart-cont table th,
.size-chart-cont table td {
    padding: 8px 0;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
}

.size-chart-cont table th {
    border-bottom: 1px solid #d6d6d6;
}

.size-chart-cont table tr,
.size-chart-img {
    height: 1px;
}

.size-chart-cont img.sc-img-chart,
#sc_img_chart {
    width: 670px;
    height: 300px;
}

.size-chart-cont img.sc-img-guide,
#sc_img_guide {
    width: 190px;
    height: 240px;
}

.size-chart-cont p {
    margin-top: 10px;
    text-align: left;
    font-size: 13px;
    color: #a7a7a7;
}

/* 조르기 */
#importune_btn {
    margin-left: 10px;
}

#importune_btn a {
    vertical-align: top;
}

/* 쿠폰정보 */
.couponWrap {
    text-align: center;
}

.couponBox {
    display: inline-block;
}

.couponInfo {
    text-align: left;
}

/* =========================================
   통합옵션 추가 구성 상품
   ========================================= */

#productDetail .thumb-info .info .table-opt td.add-option-tit {
    padding: 15px 0 0;
    border-top: 1px solid #e4e4e5;
    color: #000;
    font-size: 14px;
}

#productDetail .thumb-info .info .table-opt tr.add-option-not-start {
    border-top: 1px dashed #e4e4e5;
}

#productDetail .thumb-info .info .table-opt td.add-option-img {
    padding-top: 10px;
    vertical-align: top;
}

#productDetail .thumb-info .info .table-opt td.add-option-img .thumb-s img {
    max-width: 100%;
}

#productDetail .thumb-info .info .table-opt td.add-option-wrap {
    padding-top: 10px;
}

#productDetail .thumb-info .info .table-opt td.add-option-wrap .prd-icon,
#productDetail .thumb-info .info .table-opt td.add-option-wrap .tit-prd {
    padding-left: 20px;
    padding-top: 0;
}

#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt {
    padding-left: 20px;
}

#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td select.basic_option,
#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td select.addition_option {
    width: 310px;
}

#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td input.basic_option,
#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td input.addition_option {
    width: 306px;
    height: 22px;
    line-height: 24px;
}

#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap {
    padding: 5px 0 0;
}

#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap .tit {
    display: none;
}

#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap dd {
    width: 110px;
}

#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap select {
    width: 100px;
}

#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap input {
    width: 205px;
}

#productDetail .thumb-info .info .table-opt tr.add-option-end .MK_p-tit {
    display: block;
    width: 90%;
    height: 100%;
    line-height: 12px;
    color: #000;
    font-weight: bold;
}

#productDetail .thumb-info .info .table-opt tr.add-option-end .MK_price {
    top: 40px;
    right: 0;
}

#productDetail .thumb-info .info .table-opt tr.add-option-end .MK_btn-del {
    top: 0;
}

/* =========================================
   원클릭옵션
   ========================================= */

.MK-oneclick-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.MK-oneclick-list li a {
    border: 1px solid #ddd;
    display: inline-block;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    padding: 0 23px;
}

.MK-oneclick-list li.MK-oneclick-dis a {
    opacity: 0.5;
}

.MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a {
    padding: 1px;
    opacity: 1;
}

.MK-oneclick-list li a span {
    display: block;
    text-align: center;
    vertical-align: middle;
    line-height: 19px;
}

.MK-oneclick-list li a img {
    width: 100%;
    height: 100%;
}

.MK-oneclick-list li.MK-oneclick-image a {
    height: 50px;
}

.MK-oneclick-list li.MK-oneclick-image a img {
    width: auto;
    height: 48px;
}

.MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {
    height: 46px;
    width: auto;
}

.MK-oneclick-list li.MK-oneclick-color {
    width: 50px;
    height: 50px;
}

.MK-oneclick-list li.MK-oneclick-color a {
    padding: 2px;
}

.MK-oneclick-list li.MK-oneclick-color span {
    width: 44px;
    height: 44px;
}

.MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span {
    width: 27px;
    height: 27px;
}

.MK-oneclick-list li.MK-oneclick-text {
    min-width: 35px;
    max-width: 100%;
    height: 50px;
}

.MK-oneclick-list li.MK-oneclick-text span {
    min-width: 29px;
    line-height: 44px;
    max-width: 320px;
    overflow: hidden;
    height: 44px;
}

.MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span {
    min-width: 30px;
    line-height: 27px;
}

.MK-oneclick-value {
    display: none;
}

.MK-oneclick-only-text li.MK-oneclick-text {
    height: auto;
}

.MK-oneclick-only-text li.MK-oneclick-text span {
    height: 32px;
    line-height: 32px;
    max-width: 320px;
    overflow: hidden;
}

/* =========================================
   상품 상세 공통 정보
   ========================================= */

#productDetail .detail-common-info-event {
    width: 100%;
    padding-top: 20px;
    word-break: break-all;
}

#productDetail .detail-common-info-event img {
    max-width: 100%;
}

#productDetail .detail-common-info-event div {
    margin-top: 15px;
}

#productDetail .detail-common-info {
    width: 100%;
    word-break: break-all;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

#productDetail .detail-common-info dl {
    font-size: 12px;
    font-weight: normal;
    letter-spacing: -0.5px;
}

#productDetail .detail-common-info dl dt {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
}

#productDetail .detail-common-info dl dd {
    font-size: 16px;
    font-weight: 400;
    color: #555;
    line-height: 28px;
}

#productDetail .detail-common-info div {
    margin-top: 15px;
}

/* =========================================
   스마트쿠폰 목록
   ========================================= */

#productDetail .smart-coupon-list {
    padding: 20px 0;
    text-align: center;
}

#productDetail .smart-coupon-list ul {
    display: inline-block;
    overflow: hidden;
    margin-left: -30px;
    min-width: 300px;
}

#productDetail .smart-coupon-list ul li {
    position: relative;
    float: left;
    width: 344px;
    margin: 0 0 30px 30px;
    border: 1px solid #cecece;
    border-radius: 10px;
    letter-spacing: -1px;
    overflow: hidden;
    text-align: left;
}

#productDetail .smart-coupon-list ul li .c-info {
    position: relative;
    float: left;
    width: 245px;
    padding: 20px;
    border-right: 1px dashed #cecece;
}

#productDetail .smart-coupon-list ul li .c-image a {
    display: block;
}

#productDetail .smart-coupon-list ul li .c-image img {
    width: 368px;
    height: 128px;
}

#productDetail .smart-coupon-list ul li p {
    padding-bottom: 10px;
    line-height: 18px;
    font-size: 12px;
    color: #999;
    word-break: break-all;
    font-family: "Malgun Gothic", sans-serif;
}

#productDetail .smart-coupon-list ul li p:last-child {
    padding-bottom: 0;
}

#productDetail .smart-coupon-list ul li p.c-name {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    word-break: break-all;
}

#productDetail .smart-coupon-list ul li p.c-price {
    font-size: 26px;
    color: #ff3a34;
    font-weight: bold;
    line-height: 24px;
}

#productDetail .smart-coupon-list ul li.sc-style1.sc-reserve p.c-price {
    color: #3b6ce9;
}

#productDetail .smart-coupon-list ul li .sc-btn-down {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 58px;
    margin: auto;
    vertical-align: middle;
    background: #f8f8f8;
    font-family: "Malgun Gothic", sans-serif;
}

#productDetail .smart-coupon-list ul li .sc-btn-down > span {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 22px;
    text-align: center;
    font-size: 0;
}

#productDetail .smart-coupon-list ul li .sc-btn-down > span > span.sc-complete {
    font-size: 12px;
    color: #999;
}

#productDetail .smart-coupon-list ul li .sc-btn-down > span a {
    font-size: 0;
    display: inline-block;
    margin-top: -5px;
}

#productDetail .smart-coupon-list ul li .sc-btn-down span a > span {
    font-size: 0;
    text-indent: -9999px;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url('/images/common/ico_h11_down_black_l.png') no-repeat center center;
}

#productDetail .smart-coupon-list ul li.sc-style2 {
    border: 1px solid #fff;
}

#productDetail .smart-coupon-list ul li.sc-style2 .c-info {
    background: #171940;
    border-color: #171940;
}

#productDetail .smart-coupon-list ul li.sc-style2 p {
    color: #fff;
}

#productDetail .smart-coupon-list ul li.sc-style2 p.c-txt {
    color: #999;
}

#productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down {
    background: #ff3a34;
    border: 0;
    color: #fff;
}

#productDetail .smart-coupon-list ul li.sc-style2.sc-reserve .sc-btn-down {
    background: #3b6ce9;
    color: #fff;
}

#productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down span a,
#productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down span .num {
    color: #fff;
}

#productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down span a > span {
    background: url('/images/common/ico_h11_down_white_l.png') no-repeat center center;
}

#productDetail .smart-coupon-list ul li.sc-style3 {
    width: 346px;
    border: 0;
    border-radius: 0;
}

#productDetail .smart-coupon-list ul li.sc-style3 .c-info {
    width: 244px;
    border: 1px solid #000;
    border-right: 2px dotted #272a4d;
    border-radius: 10px;
}

#productDetail .smart-coupon-list ul li.sc-style3 p.c-price {
    color: #eb3697;
}

#productDetail .smart-coupon-list ul li.sc-style3 .sc-btn-down {
    background: #fff2f9;
    border: 1px solid #272a4d;
    border-left: 0;
    border-radius: 10px;
}

#productDetail .smart-coupon-list ul li.sc-style3 .sc-btn-down span a {
    color: #999;
}

#productDetail .smart-coupon-list ul li.sc-style3 .sc-btn-down span a > span {
    background: url('/images/common/ico_h11_down_pink_l.png') no-repeat center center;
}

#productDetail .smart-coupon-list ul li.sc-style3.sc-reserve .sc-btn-down {
    background: #eefff7;
}

#productDetail .smart-coupon-list ul li.sc-style3.sc-reserve p.c-price {
    color: #18b776;
}

#productDetail .smart-coupon-list ul li.sc-style3.sc-reserve .sc-btn-down span a > span {
    background: url('/images/common/ico_h11_down_green_l.png') no-repeat center center;
}

/* =========================================
   샵페이 바로구매
   ========================================= */

/* PC 상세페이지 */
#productDetail #shoppay_btn {
    padding-top: 10px;
}

/* PC 장바구니 */
#cartWrap #shoppay_btn {
    display: inline;
}

/* MO 상세페이지 */
.shopdetail #shoppay_btn {
    padding-top: 10px;
    text-align: center;
}

/* MO 장바구니 */
#basket #shoppay_btn {
    margin-top: 20px;
}

.basket #shoppay_btn {
    text-align: center;
}

.shoppay_storebtn_bx,
.shoppay_storebtn_bx *,
.shoppay_button_box,
.shoppay_button_box * {
    display: inline-block !important;
    overflow: hidden;
    float: none !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 none !important;
    font-size: 11px !important;
    line-height: 16px !important;
    font-family: "돋움", Dotum, Helvetica, sans-serif !important;
    text-align: left !important;
    text-decoration: none !important;
    vertical-align: top !important;
    background: none !important;
    border-radius: 0 !important;
}

.shoppay_button_box {
    width: auto !important;
    height: 100% !important;
    padding: 0 !important;
    border-top: 2px solid #2b2f3a !important;
    background-color: #fff !important;
}

.shoppay_button {
    position: relative !important;
    margin: 0 !important;
    padding: 5px 0 5px 88px !important;
}

.shoppay_button .shoppay_blind {
    overflow: hidden !important;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    clip: rect(0 0 0 0) !important;
}

.shoppay_text {
    display: block !important;
    position: absolute !important;
    top: 10px !important;
    left: 0 !important;
    width: 82px !important;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: url('/images/common/shoppay_sp_text.png') no-repeat !important;
    background-size: 82px auto !important;
}

.shoppay_btn_list {
    display: table !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    table-layout: fixed !important;
    list-style: none !important;
}

.shoppay_btn_list tbody {
    display: table-row-group !important;
}

.shoppay_btn_list tr {
    display: table-row !important;
}

.shoppay_btn_item {
    display: table-cell !important;
    height: 37px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.shoppay_btn_link {
    display: block !important;
    height: 35px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #bfc4c7 !important;
    background-color: #fcfcfc !important;
    background-repeat: no-repeat !important;
    text-align: center !important;
    text-decoration: none !important;
}

.shoppay_btn_item:first-child .shoppay_btn_link {
    margin: 0 !important;
}

.shoppay_btn_link.shoppay_btn_pay {
    background-size: 133px auto !important;
    background-image: url('/images/common/shoppay_sp_payment.png') !important;
    background-position: 50% 0 !important;
    background-repeat: no-repeat !important;
    border-radius: 2px !important;
}

.shoppay_btn_link.btn_blue {
    border-color: #025eea !important;
    background-color: #025eea !important;
}

.shoppay_event {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 3px 0 0 !important;
    border: 0 none !important;
    border-top: 1px solid #e5e9ea !important;
    letter-spacing: -0.5px !important;
}

.shoppay_event_text {
    display: block !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    word-wrap: normal !important;
}

.shoppay_event_text .event_title {
    display: inline !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    font-weight: normal !important;
    color: #015ce8 !important;
    vertical-align: middle !important;
}

.shoppay_event .shoppay_event_text .event_link {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: normal !important;
    color: #727272 !important;
    text-decoration: none !important;
    vertical-align: middle !important;
}

.shoppay_event .shoppay_event_text .event_link span {
    display: inline-block !important;
    margin: -1px 0 1px !important;
    vertical-align: middle !important;
}

.shoppay_type_A_1 {
    width: 277px !important;
    height: 70px !important;
}

.shoppay_type_A_2 {
    width: 296px !important;
    height: 84px !important;
}

.shoppay_type_A_2 .shoppay_button {
    padding: 5px 0 5px 86px !important;
}

.shoppay_type_A_2 .shoppay_text {
    top: 14px !important;
}

.shoppay_type_A_2 .shoppay_btn_link {
    height: 45px !important;
}

.shoppay_type_A_2 .shoppay_btn_link.shoppay_btn_pay {
    background-position: 50% -40px !important;
}

.shoppay_type_A_3 {
    width: 338px !important;
    height: 84px !important;
}

.shoppay_type_A_3 .shoppay_button {
    padding: 6px 0 6px 102px !important;
}

.shoppay_type_A_3 .shoppay_text {
    top: 13px !important;
    height: 31px !important;
    background-position: 0 -31px !important;
}

.shoppay_type_A_3 .shoppay_btn_link {
    height: 45px !important;
}

.shoppay_type_A_3 .shoppay_btn_link.shoppay_btn_pay {
    background-position: 50% -40px !important;
}

/* =========================================
   오늘출발 상품
   ========================================= */

#productDetail .today-delivery {
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #e4e4e5;
    background: #f8f8f8;
    color: #111;
}

#productDetail .today-delivery .icon {
    padding: 12px 10px;
    border: 1px solid #111;
    border-radius: 6px;
    background: #fff;
}

#productDetail .today-delivery .txt {
    padding-left: 12px;
}

#productDetail .today-delivery .txt p {
    padding-top: 5px;
}

/* =========================================
   찜하기 / 공유하기
   ========================================= */

.share {
    display: flex;
    gap: 12px;
}

.share a {
    display: block;
    height: 24px;
    text-align: center;
}

.share a img {
    display: block;
    height: 100%;
}

.share a.wishBtn img.wish_on {
    display: none;
}

.share a.wishBtn .wish-on img.wish_on {
    display: block;
}

.share a.wishBtn .wish-on img.wish_off {
    display: none;
}

/* SNS 공유하기 */
.layer_area {
    background: #fff;
    z-index: 1000;
    display: none;
    position: absolute;
    top: -22px !important;
    right: -183px;
    border-radius: 6px;
    width: 160px !important;
    height: auto !important;
    line-height: initial !important;
    overflow: hidden;
    border: 1px solid #000;
    box-shadow: 3px 3px 5px #ddd;
}

.ly_wrap {
    text-align: left;
    background: #fff;
    box-sizing: border-box;
}

.ly_cont {
    padding: 18px;
}

.sns_list ul {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.sns_list ul li {
    text-align: center;
}

.sns_list ul li a {
    display: inline-block;
    height: auto;
    margin: 0;
}

.sns_list ul li a img {
    width: auto;
    height: 24px;
}

.sns_list ul li span {
    display: none;
    font-size: 12px;
    font-weight: 400;
    height: auto;
    line-height: normal;
    margin-top: 8px;
}

.sns_copy_url {
    font-size: 0;
    width: 1px;
    height: 1px;
}

.sns_copy_url #urlInput {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 0;
    outline: 0;
}


/* =========================================
   상세 메뉴: 5개 탭 + 스티키
   ========================================= */

#productDetail {
    /* 고정 헤더 높이 */
    --detail-header-height: 142px;

    /* 상세 메뉴 높이 */
    --detail-tab-height: 72px;
}

#productDetail .detailTab {
    position: sticky;
    top: var(--detail-header-height);
    z-index: 100;
    width: 100%;
    margin: 72px 0 0;
    padding: 0;
    background: #fff;
    box-sizing: border-box;
}

#productDetail .detailTab ul {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: visible;
}

#productDetail .detailTab ul li,
#productDetail .detailTab ul li.first {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}

#productDetail .detailTab ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: var(--detail-tab-height);
    margin: 0;
    padding: 0 8px;
    box-sizing: border-box;
    border: 0;
    border-bottom: 1px solid #dedede;
    background: #fff;
    color: #000;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

#productDetail .detailTab ul li.on a,
#productDetail .detailTab ul li a.active {
    border-bottom: 3px solid #000;
}

#productDetail .detailTab ul li a:hover {
    background: #fafafa;
}

#productDetail .detailTab ul li a:focus-visible {
    outline: 2px solid #000;
    outline-offset: -4px;
}

/* 앵커 이동 시 헤더와 탭에 제목이 가려지지 않도록 설정 */
#productDetail #detailGoodsInfo,
#productDetail #detailDelivery,
#productDetail #detailExchange,
#productDetail #detailReview,
#productDetail #detailQna {
    scroll-margin-top: calc(
        var(--detail-header-height) +
        var(--detail-tab-height) +
        20px
    );
}

#productDetail .detailSpace {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

/* =========================================
   배송정보 / 교환반품 표
   ========================================= */

#productDetail .deliveryInfo {
    width: 100%;
    margin: 0;
    padding: 40px 0;
    box-sizing: border-box;
}

#productDetail .deliveryInfo .info-tit {
    margin: 0 0 20px;
    padding: 0;
    color: #222;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}

#productDetail .deliveryInfo table {
    width: 100%;
    margin: 0;
    border: 1px solid #d3d3d3;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    box-sizing: border-box;
}

/* 기존 colgroup의 211px 대신 비율 적용 */
#productDetail .deliveryInfo table col:first-child {
    width: 18%;
}

#productDetail .deliveryInfo table col:last-child {
    width: 82%;
}

#productDetail .deliveryInfo table th,
#productDetail .deliveryInfo table td {
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    vertical-align: middle;
    word-break: keep-all;
    overflow-wrap: break-word;
}

#productDetail .deliveryInfo table th {
    padding: 32px 20px;
    background: #f8f8f8;
    color: #333;
    text-align: center;
}

#productDetail .deliveryInfo table td {
    padding: 32px;
    background: #fff;
    color: #666;
    text-align: left;
}


/* =========================================
   상세 스티키 탭 높이 축소
   72px → 54px (25% 축소)
   ========================================= */

#productDetail {
    --detail-tab-height: 54px;
}

#productDetail .detailTab ul li a {
    height: var(--detail-tab-height);
    font-size: 18px;
    line-height: 1.3;
}

/* 줄어든 탭 높이에 맞춰 이동 위치 보정 */
#productDetail #detailGoodsInfo,
#productDetail #detailDelivery,
#productDetail #detailExchange,
#productDetail #detailReview,
#productDetail #detailQna {
    scroll-margin-top: calc(
        var(--detail-header-height, 142px) +
        var(--detail-tab-height) +
        20px
    );
}

/* =========================================
   리뷰와 상품문의 사이 여백
   이동 지점 앞에 여백을 두어
   상품문의 클릭 시 표 위치로 이동
   ========================================= */

#productDetail #detailQna {
    display: block;
    height: 0;
    margin: 80px 0 0;
    padding: 0;
    border: 0;
}

#productDetail #qnaContent {
    width: 100%;
    margin: 0;
    padding: 0 0 40px;
    box-sizing: border-box;
}

#productDetail #qnaContent .qna-list {
    margin-top: 0;
}

#productDetail #qnaContent .qna-list > table {
    width: 100%;
    border-collapse: collapse;
}

/* =========================================
   상품문의 목록 / 글쓰기 버튼
   ========================================= */

#productDetail #qnaContent .board-btns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 12px 0;
    box-sizing: border-box;
}

#productDetail #qnaContent .board-btns > a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    float: none;
    min-width: 120px;
    height: 48px;
    margin: 0;
    padding: 0 24px;
    box-sizing: border-box;
    border: 0;
    border-radius: 4px;
    background: none;
    color: #222;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
}

/* 실제 버튼 디자인은 내부 span에 적용 */
#productDetail #qnaContent .board-btns > a {
    padding: 0;
}

#productDetail #qnaContent .board-btns > a > .CSSbutton,
#productDetail #qnaContent .board-btns > a > .CSSbuttonGray {
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    float: none;
    width: 100%;
    min-width: 120px;
    height: 48px;
    margin: 0;
    padding: 0 24px;
    box-sizing: border-box;
    border: 1px solid #222;
    border-radius: 4px;
    box-shadow: none;
    font: inherit;
    line-height: 1;
    text-align: center;
    text-indent: 0;
    white-space: nowrap;
    transition: background-color 0.2s ease;
}

/* 목록: 흰색 버튼 */
#productDetail #qnaContent .board-btns > a > .CSSbutton {
    background: #fff;
    color: #222;
}

#productDetail #qnaContent .board-btns > a:hover > .CSSbutton {
    background: #f5f5f5;
}

/* 글쓰기: 검정색 버튼 */
#productDetail #qnaContent .board-btns > a > .CSSbuttonGray {
    background: #222;
    color: #fff;
}

#productDetail #qnaContent .board-btns > a:hover > .CSSbuttonGray {
    background: #444;
}

#productDetail #qnaContent .board-btns > a:focus-visible {
    outline: 2px solid #222;
    outline-offset: 3px;
}
/* BASIC css end */