/* BASIC css start */
.shop-footer {
    padding-bottom: 80px;
}
.shopdetail .shopdetailInfo {
    padding: 10px 15px 0; /* 아이콘 영역에 하단 여백 5px을 주게 되어, 상단 여백을 15px → 10px로 수정함 */
}

.shopdetail .shopdetailInfo .prd-wish {
    background: #f5f5f5;
    padding: 10px 17px 10px 10px;
    text-align: right;
}

.shopdetail .shopdetailInfo .prd-wish p {
    display: inline-block;
    height: 22px;
    line-height: 20px;
    padding: 0 4px 0 5px;
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    font-family: 'malgun gothic';
    font-size: 13px;
    color: #000;
    background: #fff;
}

.shopdetail .shopdetailInfo .prd-wish p i.fa-heart {
    margin-right: 4px;
    color: #f41f3a;
}

.shopdetail .shopdetailInfo h2 {
    font-size: 1.333em;
    font-weight: bold;
    text-align: center;
    padding-top: 16px;
}

.shopdetail h3 {
    font-weight: bold;
    padding: 10px 15px;
    margin-bottom: 10px;
    background-color: #E6D9D9;
}

.shopdetail h3 .fa {
    float: right;
    font-size: 1.5em;
}

.shopdetail .shopdetailInfo .shopdetailInfoTop figure {
    border-top: 1px solid #ddd;
    margin-top: 15px;
}

.shopdetail .shopdetailInfo .shopdetailInfoTop figcaption {
    text-align: left;
    margin-top: 16px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom {
    background-color: #fff;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    margin-top: 15px; /* 상품 이미지 아래쪽 여백 0724 */
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue {
    position: relative;
    border-bottom: 1px solid #dddddd;
    padding: 11px 0;
    border-top: 1px solid #dddddd;
    margin-bottom: 15px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue em {
    color: #f1191f;
    font-size: 1.333em;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p {
    margin-bottom: 8px;
    display: flex;
    color: #333333;
    font-size: 14px;
    letter-spacing: -0.02em;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p:last-child {
    margin-bottom: 0px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName {
    width: 90px;
    flex-shrink: 0;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont {
    flex: 1;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .region {
    margin-left: 10px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation {
    position: absolute;
    top: 50%;
    right: 10px;
    text-align: center;
    margin-top: -25px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a {
    width: 50px;
    height: 50px;
    color: #fff;
    background-color: #636363;
    display: inline-block;
    font-size: 0.917em;
    border-radius: 4px;
    border: 1px solid #424242;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a:first-child {
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a .fa {
    display: block;
    margin: 6px 0 3px 0;
}

.shopdetailInfoDelivery {
    padding: 10px 15px;
}

/* 상품옵션 */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area {}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {
    width: 100%;
    position: fixed;
    z-index: 1001;
    bottom: 0;
    left: 0;
    right: 0;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {
    -webkit-animation: qbuy 150ms linear 1 normal;
    animation: qbuy 150ms linear 1 normal;
}

@-webkit-keyframes qbuy {
    from {
        bottom: -65px;
    }

    to {
        bottom: 0;
    }
}

@keyframes qbuy {
    from {
        bottom: -65px;
    }

    to {
        bottom: 0;
    }
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk {
    height: 150px;
    overflow-y: auto;
    background-color: #fff;
    padding: 0 15px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border-top: 1px solid #ddd;
    z-index: 101;
    text-align: center;
    padding: 10px 15px;
    margin: 0 auto;
    display: none;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed {
    display: block;
    position: fixed;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed {
    display: block;
    position: relative;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option {
    position: absolute;
    top: -18px;
    left: 50%;
    margin-left: -33px;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option + .btn_option,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn .btn_option {display:none;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn .btn_option + .btn_option {display:block;}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect {
    background-color: #fff;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on {
    background-color: #fff;
    text-align: center;
    padding: 10px 15px;
    display: none !important;
}
 

/* 선물하기 */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.gift .fa-gift {
    margin-top: -2px;
    margin-right: 3px;
    font-size: 16px;
    color: #777;
}

/* 선물하기*/
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.subs {
    width: 97%;
    color: #fff;
    background-color: #393939;
    border: 1px solid #393939;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect {}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com {
    text-align: right;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p {padding: 0 0 15px;} 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p:last-child {
    margin-bottom: 0px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName {
    width: 28%;
    padding-right: 5px;
    padding-top: 3px;
    display: none;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p .txt select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     height: 44px;
     padding: 0 42px 0 20px;
     border: 1px solid #dddddd;
     border-radius: 4px;
     background-color: #ffffff;
     color: #333;
     font-size: 15px;
     cursor: pointer;
     outline: none;
     transition: border-color 0.2s ease;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: right 14px center;
     width: 100%;
     font-weight: bold;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p .txt input[type=text] {
     height: 44px;
     padding: 0 42px 0 20px;
     border: 1px solid #dddddd;
     border-radius: 4px;
     background-color: #ffffff;
     color: #333;
     font-size: 15px;
     cursor: pointer;
     outline: none; 
     width: 100%;
     font-weight: bold;
    box-sizing: border-box;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont {
    width: 70%;
    display: inline-block;
    margin-left: -4px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont select {
    width: 100%;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .txt-qnty {
    text-align: right;
    padding: 0 6px;
    width: 50px !important;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-plus {
    background-color: #bbb;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    color: #fff;
    margin: 0 5px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-minus {
    background-color: #bbb;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    color: #fff;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {
    background-color: #f9f9f9;
    border-radius: 4px;
    overflow: hidden;
    border-top:1px solid #ddd;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll:has(ul li) {
    border: 1px solid #ddd;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option-sel {
    font-weight: bold;
    font-size: 1.1em;
    padding-top: 10px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option select {
    margin-bottom: 10px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option .shopdetailInfoName {
    vertical-align: top;
    padding-top: 11px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont.listCoupon {
    position: relative;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont .btn-coupon {
    display: inline-block;
    height: 16px;
    padding: 0;
    margin-left: 5px;
    border: 1px solid #000;
    font-size: 10px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont .btn-coupon span {
    display: inline-block;
    height: 16px;
    padding: 0 5px;
    color: #fff;
    background: #000;
    vertical-align: top;
    font-size: 11px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont .btn-coupon em {
    display: inline-block;
    height: 16px;
    padding: 0 3px 0 0;
    font-size: 10px;
    vertical-align: top;
    color: #000;
}

.shopdetail .shopdetailBoard {
    text-align: center;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    margin-bottom: 32px;
    display: none;
}

.shopdetail .shopdetailBoard a {
    width: 33.33%;
    background-color: #f8f8f8;
    border-left: 1px solid #bbb;
    display: inline-block;
    margin-left: -1px;
    font-weight: bold;
    padding: 20px 0;
}

.MK_optAddWrap .MK_inner-opt-cm li {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 19px 0;
}

.MK_optAddWrap .MK_inner-opt-cm li:last-child {
    border-bottom: 0px none;
}

.MK_optAddWrap .MK_inner-opt-cm .MK_p-name {
    padding-right: 30px;
    display: block;
    padding: 0 15px;
    color: #111111;
    letter-spacing: -0.02em;
    font-size: 14px;
}

#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl {
    position: relative;
    width: 122px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
    height: 30px;
    margin-top: 8px;
    margin-left: 15px;
}

.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] {
    width: 60px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    text-align: center !important;
    color: #111111;
    font-size: 14px;
    margin-left: 30px;
    border-top: 0;
    border-bottom: 0;
    box-sizing: border-box;
    letter-spacing: -0.02em;
    padding: 0;
}

.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl a {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-indent: -9999em;
    margin: 0;
    vertical-align: top;
    position: absolute;
    top: 0;
    box-sizing: border-box;
}

.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input + a {
    right: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23111111' stroke-width='3' stroke-linecap='butt'%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3C/svg%3E");
    border: none;
    cursor: pointer;
}

.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input + a + a {
    left: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23111111' stroke-width='3' stroke-linecap='butt'%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3C/svg%3E");
    border: none;
    cursor: pointer;
}

 
.MK_optAddWrap .MK_inner-opt-cm .MK_btn-del {
    position: absolute;
    top: 22px;
    right: 19px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23555555' stroke-width='1' stroke-linecap='butt'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
    cursor: pointer;
    text-indent: -9999px;
    position: absolute;
}

.MK_optAddWrap .MK_inner-opt-cm .MK_btn-del img {
    width: 20px;
    margin-right: 5px;
    display: none;
}

.MK_optAddWrap .MK_inner-opt-cm .MK_price {
    position: absolute;
    bottom: 19px;
    right: 5px;
    font-size: 14px;
    margin-right: 15px;
    color: #111111;
    letter-spacing: -0.02em;
    font-weight: bold;
}
 

.MK_optAddWrap .total {
    text-align: right;
    /* padding: 10px 15px; */
    /* font-size: 17px; */
}

.MK_optAddWrap .MK_total {color: #111111;font-size: 21px;letter-spacing: -0.02em;font-weight: bold;}

.MK_optAddWrap .MK_txt-won {color: #111111;font-size: 21px;letter-spacing: -0.02em;font-weight: bold;margin-left: -4px;}

.MK_optAddWrap_div {
    height: 10px;
    padding: 0;
    background: #f6f6f6;
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
}

.MK_optAddWrap_line {
    height: 1px;
    padding: 0;
    background: #f6f6f6;
    border-bottom: 1px solid #c7c7c7;
}

#MK_innerOptTotal {
    padding: 21px 0;
    text-align: right;
}
#MK_innerOptTotal .MK_txt-total {
    float: left;
    color: #111111;
    font-size: 15px;
    letter-spacing: -0.02em;
    font-weight: bold;
}
 
/* //착불 아이콘 */
.shopdetail .shopdetailInfo .gray-delivery {
    padding: 2px;
    background-color: #fff;
    color: #656565;
    font-size: 0.875em;
    border-radius: 3px;
    border: 1px solid #656565;
}

/* //상품옵션 */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {
    background-color: #fff;
    text-align: right;
    padding: 15px;
    font-size: 1.2em;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal em {
    color: #f1191f;
    font-size: 1.333em;
    margin-left: 16px;
}

/* 빠른 결제 start */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton {
    /* padding: 15px 10px; */
    /* border-top: 1px solid #4a4a4a; */
    text-align: center;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    height: 48px;
    padding: 0;
    font-weight: bold;
    box-sizing: border-box;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.w100p {
    width: 100%;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish {
    display: inline-flex;
    justify-content: center;
    width: 48px !important;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish i.fa {
    color: #999;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish i.fa-heart {
    color: #f41f3a;
    display: none;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish .wish-on i.fa-heart-o {
    display: none;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish .wish-on i.fa-heart {
    display: inline-block;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.cart {
    background-color: #fff;
    border: 1px solid #393939;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy {
    color: #fff;
    background-color: #393939;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.gift {
    background: #fff;
    border: 1px solid #393939;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.gift .fa-gift {
    font-size: 16px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.subs {
    background-color: #FFF;
    border: 1px solid #f1191f;
    color: #f1191f;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.qorder {
    color: #fff;
    background: #2A68CC;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn-wrap {
    display: grid;
    gap: 4px;
    grid-template-columns: 48px 1fr 1fr;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn-wrap a {
    margin: 0;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn-wrap.use-qorder {
    grid-template-columns: 48px 1fr 1fr 1fr;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn-wrap a.gift {
    grid-column: 1/4;
    width: 100%;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn-wrap a.subs {
    grid-column: 1/4;
    width: 100%;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn-wrap.use-qorder a.gift {
    grid-column: 1/5;
    width: 100%
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn-wrap.use-qorder a.subs {
    grid-column: 1/5;
    width: 100%
}

/* 빠른 결제 end */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom {
    margin: 0;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom img {
    margin: 0 2px;
    width: 45px;
    height: auto;
}

.shopdetail .shopdetailCoupon {
    margin-top: 15px;
}

.shopdetail .shopdetailCoupon .shopdetailCouponGet {
    padding: 0 15px;
}

.shopdetail .shopdetailCoupon .shopdetailCouponGet .image_src {
    max-width: 100%;
    padding-bottom: 5px;
}

.shopdetail .shopdetailCoupon .shopdetailCouponGet li dl {
    height: 34px;
    background: url("/images/d3/m_04/bg_coupon@2x.gif") no-repeat left center;
    padding: 10px 0 10px 92px;
    border-bottom: 1px dashed #cbcbcb;
    position: relative;
    background-size: 81px auto;
}

.shopdetail .shopdetailCoupon .shopdetailCouponGet li:last-child {
    border-bottom: 0px none;
}

.shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt {
    width: 82px;
    position: absolute;
    top: 10px;
    left: 0 ;
    color: #fff;
    text-align: center;
}

.shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt strong {
    font-weight: normal;
}

.shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon h4 {
    font-weight: bold;
}

.shopdetail .shopdetailItem .shopdetailItemPopup {
    text-align: center;
    padding: 0 15px;
    margin: 22px 0;
    display: none;
}

.shopdetail .shopdetailItem .shopdetailItemPopup a {
    font-weight: bold;
    color: #fff;
    background-color: #636363;
    display: block;
    padding: 10px 0;
}

.shopdetail .shopdetailItem .shopdetailItemPopup .shopdetailItemZoom {
    height: 60px;
    padding: 0 0 0 75px;
    margin-top: 10px;
    background: url("/images/d3/m_04/bg_hand@2x.gif") no-repeat 20px center;
    line-height: 60px;
    background-size: 50px auto;
}

.shopdetail .shopdetailItem .shopdetailImage {
    margin: 22px 0;
}

.shopdetail .shopdetailItem .shopdetailImage img {
    max-width: 100% !important;
    height: auto !important;
}

.shopdetail .shopdetailItem .shopdetailImage table {
    width: 100% !important;
}

.shopdetail .shopdetailItem .shopdetailImage object {
    width: 100% !important;
}

.shopdetail .shopdetailItem .shopdetailImage iframe {
    width: 100% !important;
}

.shopdetail .shopdetailItem .shopdetailImage table {
    table-layout: auto !important;
}

.shopdetail .shopdetailItem .shopdetailImage div {
    width: 100% !important;
}

.shopdetail .shopdetailItem .shopdetailNotify {}

.shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo {
    padding: 0 15px;
}

.shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dt {
    font-weight: bold;
    margin-bottom: 2px;
}

.shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dd {
    margin: 0 0 25px 6px;
}

.shopdetail .shopdetailRelationItem {
    padding: 0 15px 30px 15px;
}

.shopdetail .shopdetailRelationItem .listName input {
    float: right;
}

.shopdetail .shopdetailRelationItem .btn_cart {
    width: 290px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background-color: #393939;
    display: block;
    padding: 10px 0;
    margin: 0 auto;
}

/* 관련상품 */
.shopdetailRelation {
    margin-bottom: 30px;
}

.shopdetailRelation .list_shoppingRelationItem1x {
    padding: 0 7px;
}

.shopdetailRelation .list_shoppingRelationItem1x ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
}

.shopdetailRelation .list_shoppingRelationItem1x li {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    border-top: 1px solid #d9d9d9;
    padding: 18px 0;
}

.shopdetailRelation .list_shoppingRelationItem1x li figure {
    padding: 0 7px;
}

.shopdetailRelation .list_shoppingRelationItem1x li:first-child {
    border: 0px none;
}

.shopdetailRelation .list_shoppingRelationItem1x li img.listPic {
    width: 40%;
    float: left;
}

.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo {
    width: 57%;
    float: left;
    padding-left: 3%;
    position: relative;
}

.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listName {
    border-bottom: 1px solid #dedede;
    padding: 0 15px 2px 0;
    margin-bottom: 5px;
}

.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .options-select {
    width: 100%;
}

.shopdetailRelation .list_shoppingRelationItem1x .MS_related_checkbox {
    position: absolute;
    top: 0;
    right: 0;
}

.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount {
    margin: 12px 0;
}

.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .amount-input {
    text-align: right;
}

.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-plus {
    background-color: #bbb;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    color: #fff;
}

.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-minus {
    background-color: #bbb;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    color: #fff;
}

.shopdetailRelation .list_shoppingRelationItem1x .btn_Black {
    width: 290px;
    margin: 0 auto;
}

/* //관련상품 */
/* IOS 디바이스 옵션 선택 시 자동 확대 방지 */
input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select {
    font-size: 16px;
}

/* //IOS 디바이스 옵션 선택 시 자동 확대 방지 */
/* OKDGG 버튼 */
.shopdetail .okdgg-checkout {
    margin-top: 15px;
}

.shopdetail .okdgg-checkout img {
    max-width: 90%;
    height: auto;
}

/* //OKDGG 버튼 */
/* 퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */
.cs-button {
    bottom: 53px !important;
}

/* //퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */

/* 임시품절 재입고 SMS 받기 */
.shopdetail .soldout_anchor {
    display: block !important;
}

.shopdetail .MK_btn-sms {
    display: inline-block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #808080;
    color: #fff;
    font-weight: bold;
    background-color: #636363;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#636363), to(#5e5e5e));
    background-image: -webkit-linear-gradient(top, #636363, #5e5e5e);
    background-image: -moz-linear-gradient(top, #636363, #5e5e5e);
    background-image: -o-linear-gradient(top, #636363, #5e5e5e);
    background-image: linear-gradient(to bottom, #636363, #5e5e5e);
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.shopdetail .MK_btn-sms span {
    padding-left: 24px;
    background: url(/images/d3/m_01/bull/alarm_fff@2x.png) no-repeat 0 50%;
    background-size: 18px 14px;
}
/* 임시품절 재입고 SMS 받기 끝 */ 

.simplePay {padding-top: 20px;background: #fff;}
#nhn_btn {
    margin-top: 0px;
}

#payco_order_btn {
    margin-top: 10px;
}

#kakaopay_order_btn {
    margin-top: 10px;
}

/* 구매할인 추가 */
.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: 11;
}

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

/* 정기배송 혜택 팝업 */
.tb-center {
    text-align: center;
}

.shopdetail .delivery {
    margin-bottom: 8px;
}

.shopdetail .delivery .view-wrap {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: rgba(60,60,60,0.8);
    z-index: 999;
}

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

.shopdetail .delivery .view-wrap .layer-view {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 290px;
    background: #fff;
}

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

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

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

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

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

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

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

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

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

/* 하이브리드 */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap {
    padding: 5px 15px 10px;
    background: #f6f6f6;
    border-bottom: 1px solid #c7c7c7;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box:not(:last-child) {
    width: 100%;
    border-bottom: 1px solid #cecece;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box.last {
    border-bottom: none;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .tit {
    width: 100%;
    padding: 10px 0;
    color: #3b3b3b;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list:after {
    clear: both;
    content: "";
    display: block;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list {
    width: 100%;
    font-size: 0.875em;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li {
    float: left;
    width: 20%;
    list-style: none;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li.last {
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl {
    width: 54px;
    padding-bottom: 10px;
    text-align: center;
    color: #333;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdchk {
    text-align: left;
    padding-bottom: 5px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdchk input {
    width: 12px;
    height: 12px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg {
    position: relative;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg img {
    width: 54px;
    height: 54px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg.noimg {
    width: 52px;
    height: 52px;
    border: 1px solid #d8d8d8;
    background: #fff url(/makeshop/newmanager/neoimages/h52_noimg.gif) no-repeat center center;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .soldout {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 56px;
    color: #fff;
    text-align: center;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .soldout-bg {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 54px;
    height: 20px;
    margin-top: -10px;
    background: #000;
    filter: alpha(opacity:40);
    opacity: 0.4;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .sel-img {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 54px;
    height: 54px;
    background: #000;
    filter: alpha(opacity:40);
    opacity: 0.4;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdname {
    padding-top: 5px;
    line-height: 14px;
    word-wrap: break-word;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdnote {
    padding-bottom: 3px;
    line-height: 14px;
    word-wrap: break-word;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdprice {
    padding-bottom: 3px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty {
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty input {
    display: inline-block;
    width: 20px;
    height: 15px;
    line-height: 17px;
    padding: 0 5px;
    border: 1px solid #707070;
    font-size: 11px;
    text-align: right;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down {
    display: inline-block;
    width: 11px;
    height: 14px;
    line-height: 0;
    font-size: 0;
    vertical-align: top;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down a {
    display: inline-block;
    width: 11px;
    height: 9px;
    line-height: 0;
    font-size: 0;
    vertical-align: top;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up {
    margin-bottom: 1px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .add-option-sel {
    font-weight: bold;
    font-size: 1.1em;
    padding: 10px 0;
    border-top: 1px solid #cecece;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoName {
    width: 28%;
    padding-right: 5px;
    display: inline-block;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCont {
    width: 70%;
    display: inline-block;
    margin-left: -4px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCont select {
    width: 100%;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .txt-qnty {
    text-align: right;
    padding: 0 6px;
    width: 50px !important;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .fa-plus {
    background-color: #bbb;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    color: #fff;
    margin: 0 5px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .fa-minus {
    background-color: #bbb;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    color: #fff;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_innerOptPrice, .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_innerOptAdd {
    padding-bottom: 5px;
    margin-right: 10px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_optAddWrapList {
    background-color: #f6f6f6;
}

/* 추가 구성 상품 */
.shopdetail .shopdetailInfo .shopdetailInfoTit {
    height: 40px;
    line-height: 42px;
    padding: 0 12px;
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    font-size: 14px;
    color: #000;
}

.shopdetail .shopdetailInfo .shopdetailInfoWrap:after {
    clear: both;
    content: "";
    display: block;
}

.shopdetail .shopdetailInfo .shopdetailInfoWrap {
    width: 100%;
    border-bottom: 1px solid #c7c7c7;
}

.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop {
    float: left;
    width: 45%;
}

.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop figure {
    padding: 15px 12px;
    border: 0;
}

.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue {
    float: right;
    width: 52%;
    padding: 15px 0;
    margin-right: 3%;
    border: 0;
}

.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoprdName {
    font-size: 1.333em;
    font-weight: bold;
}

.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont {
    width: auto;
    margin: 0;
}

.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoName {
    width: auto;
}

.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect p {
    padding: 0;
    background: none;
}

.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont .basic_option {
    width: 100%;
}

.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoName {
    display: none;
    width: 100%;
    padding: 0 0 5px 0;
}

/* 원클릭옵션 */
.shopdetailInfoOneclick {
    clear: both;
    background-color: #f6f6f6;
    padding: 5px 15px;
    overflow: hidden;
    zoom:1; }

.shopdetailInfoOneclick > span {
    float: left;
}

.shopdetailInfoOneclick .shopdetailInfoList {
    float: left;
    width: 70%;
}

.MK-oneclick-list {
    overflow: hidden;
    zoom:1; }

.MK-oneclick-list:after {
    content: "";
    display: block;
    clear: both;
}

.MK-oneclick-list li {
    float: left;
    margin: 0 5px 5px 0;
}

.MK-oneclick-list li a {
    border: 1px solid #231f20;
    display: inline-block;
    border-radius: 1px;
    box-sizing: border-box;
}

.MK-oneclick-list li.MK-oneclick-sel a {
    border: 2px solid #000000;
}

.MK-oneclick-list li.MK-oneclick-dis a {
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
}

.MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a {
    padding: 1px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    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 .MK-oneclick-list li.MK-oneclick-text {
    min-width: 35px;
    max-width: 100%;
    height: 50px;
}

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

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

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

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

.MK-oneclick-value {
    padding-bottom: 3px;
    display: block;
}

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

.MK-oneclick-only-text li.MK-oneclick-text span {
    height: auto;
    line-height: 19px;
}

/* 상품 상세 이벤트 공통 정보 */
.detail-common-info-event {
    padding: 0 0 20px;
    word-break: break-all;
}

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

.detail-common-info-event div {
    margin-top: 10px;
}

/* //상품 상세 이벤트 공통 정보 */
/* 상품 상세 일반 공통 정보 */
.detail-common-info {
    /*
    padding: 0 15px 20px;
    */
    padding: 20px 0;
    word-break: break-all;
}

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

.detail-common-info dl {
    padding-top: 20px;
    font-size: inherit;
    font-weight: normal;
    letter-spacing: -0.5px;
}

.detail-common-info dl dt {
    padding-bottom: 10px;
    color: #444;
    font-weight: bold;
}

.detail-common-info dl dd {
    padding-left: 10px;
    color: #777;
    line-height: 20px;
}

.detail-common-info div {
    margin-top: 10px;
}

/* //상품 상세 일반 공통 정보 */
/* 스마트 쿠폰 목록 */
.shopdetail .shopdetailCoupon .smart-coupon-list li {
    position: relative;
    margin: 14px;
    border: 1px solid #cecece;
    border-radius: 10px;
    letter-spacing: -1px;
    overflow: hidden;
}

.shopdetail .shopdetailCoupon .smart-coupon-list li .c-info {
    width: 82%;
    padding: 20px;
    border-right: 1px dashed #cecece;
    box-sizing: border-box;
}

.shopdetail .shopdetailCoupon .smart-coupon-list li .c-image img {
    width: 100%;
    height: 128px;
}

.shopdetail .shopdetailCoupon .smart-coupon-list li p {
    padding-bottom: 10px;
    line-height: 18px;
    font-size: 13px;
    color: #999;
    word-break: break-all;
    font-family: "Malgun Gothic";
}

.shopdetail .shopdetailCoupon .smart-coupon-list li p:last-child {
    padding-bottom: 0;
}

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

.shopdetail .shopdetailCoupon .smart-coupon-list li p.c-price {
    font-size: 22px;
    color: #ff3a34;
    font-weight: bold;
}

.shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down {
    position: absolute;
    top: 0;
    right: 0;
    width: 18%;
    height: 100%;
    background: #f8f8f8;
    text-align: center;
    box-sizing: border-box;
}

.shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down span {
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
    margin-top: -22px;
    height: 44px;
    font-size: 12px;
    display: flex;
    word-break: break-all;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down span {
    color: #999;
}

.shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down span a {
    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;
}

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

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

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

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

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

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

.shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down a {
    background: url('/images/common/ico_h11_down_white_l.png') no-repeat center right;
}

.shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down span {
    color: #fff;
}

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

.shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 {
    border: 0;
    border-radius: 0;
}

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

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

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

.shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 .btn-down a {
    background: url('/images/common/ico_h11_down_pink_l.png') no-repeat center right;
}

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

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

.shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down span a {
    color: #000;
}

.shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down a {
    background: url('/images/common/ico_h11_down_green_l.png') no-repeat center right;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area {
    overflow: hidden;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r {
    float: right;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .soldout_once {
    display: inline-block;
    float: left;
    margin: 0 0 15px 5px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .soldout_once img {
    width: 100%;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .btn_soldout_anchor {
    display: block;
    float: left;
    padding: 0;
    margin: 0 0 15px 5px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .btn_soldout_anchor span {
    height: auto;
    line-height: unset !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: none;
}

/* 22.05.09  42195-136 */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .btn_soldout_anchor span img {
    width: 100%;
}

/* 샵페이 바로구매 */
#productDetail #shoppay_btn {
    padding-top: 10px;
}

/* PC (공통) 상세페이지 전용 */
#cartWrap #shoppay_btn {
    display: inline;
}

/* PC (공통) 장바구니 전용 */
.shopdetail #shoppay_btn {
    padding-top: 10px;
}

/* MO (4.0) 상세페이지 전용 */
#basket #shoppay_btn {
    margin-top: 20px;
}

/* MO (4.0) 장바구니 전용 */
.shopdetail #shoppay_btn {
    text-align: center;
}

/* MO (파워팩) 상세페이지 전용 */
.basket #shoppay_btn {
    text-align: center;
}

/* MO (파워팩) 장바구니 전용 */
.shoppay_storebtn_bx, .shoppay_storebtn_bx *, .shoppay_button_box, .shoppay_button_box * {
    display: inline-block !important;
    overflow: hidden;
    !important; 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;
    zoom: 1 !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;
    zoom:1 !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;
    *display: inline !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;
}

.shoppay_btn_list {
    *zoom: 1 !important; 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_list .shoppay_btn_item {
    *width: 120px !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;
    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_text {
    background-size: 82px auto !important;
}

.shoppay_btn_link.shoppay_btn_pay {
    background-size: 133px auto !important;
}

.shoppay_btn_link.shoppay_btn_pay {
    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 0 !important;
    border: 0 none !important;
    border-top: 1px solid #e5e9ea !important;
    letter-spacing: -0.5px !important;
}

.shoppay_event_tex t {
    display: block !important;
    *display: inline !important;
    overflow: hidden !important;
    *width: 100% !important;
    margin: 0 !important;
    padding: 5px 0 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    *zoom: 1 !important; text-overflow: ellipsis !important;
    word-wrap: normal !important;
}

.shoppay_event_text {
    padding: 0 !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;
}

/* 오늘출발 상품 */
.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;
}

/* 밀어서 결제하기 */
#quick-swipepay .layer {
    z-index: 200;
}

#quick-swipepay .layer-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background: #f6f6f6;
}

#quick-swipepay .layer-wrap .swipepay-close {
    position: absolute;
    top: -40px;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    font-size: 24px;
    color: #fff;
    background: none;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#quick-swipepay .layer-wrap .swipepay-addr {
    padding: 0 10px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    background: #fff;
    text-align: left;
}

#quick-swipepay .layer-wrap .swipepay-addr .addr-lst {
    padding: 10px 0;
    border-top: 1px solid #e3e3e3;
}

#quick-swipepay .layer-wrap .swipepay-addr .addr-lst:first-child {
    border-top: 0;
}

#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-prd {
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
    font-size: 11px;
    white-space: nowrap;
}

/* 2023-11-13 밀어서 결제하기 */
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-prd p:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: bold;
    vertical-align: bottom;
}

/* 2023-11-13 밀어서 결제하기 */
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li p:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

/* 2023-11-13 밀어서 결제하기 수정 */
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dt, #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dd, #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dd p {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* 2023-11-13 밀어서 결제하기 수정 */
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dd {
    display: none;
}

/* 2023-11-13 밀어서 결제하기 수정 */
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dd.on {
    display: flex;
}

/* 2023-11-13 밀어서 결제하기 수정 */
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li p:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-prd p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 87%;
    font-size: 13px;
    font-weight: bold;
    vertical-align: bottom;
}

#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-prd .addr-edit {
    position: absolute;
    top: -1px;
    right: 0;
    padding: 0 5px 1px;
    font-weight: bold;
    color: #3b3b3b;
    border: 1px solid #c6c6c6;
    background: #fff;
}

#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt {
    margin-top: 3px;
    font-size: 11px;
    color: #777;
}

#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li strong {
    color: #3b3b3b;
}

#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 50%;
}

#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt .option-name span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 87%;
}

#quick-swipepay .layer-wrap .swipepay-agree {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    font-size: 11px;
}

#quick-swipepay .layer-wrap .swipepay-agree label input[type=checkbox] {
    vertical-align: text-bottom;
}

#quick-swipepay .layer-wrap .swipepay-agree .view-terms {
    color: #888;
    text-decoration: underline;
    border: 0;
    background: none;
}

#quick-swipepay .layer-wrap .swipepay-agree .layer-terms {
    position: absolute;
    bottom: -40px;
    left: 50%;
    width: 100%;
    margin-left: -50%;
    padding: 10px;
    border: 1px solid #909090;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
}

#quick-swipepay .layer-wrap .swipepay-agree .layer-terms .terms-close {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    border: 0;
    background: none;
}

#quick-swipepay .layer-wrap .swipepay-agree .layer-terms .terms-tit {
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
}

#quick-swipepay .layer-wrap .swipepay-agree .layer-terms table {
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
}

#quick-swipepay .layer-wrap .swipepay-agree .layer-terms table th, #quick-swipepay .layer-wrap .swipepay-agree .layer-terms table td {
    padding: 5px;
    border: 1px solid #ddd;
    color: #777;
}

#quick-swipepay .layer-wrap .swipepay-agree .layer-terms table th {
    font-weight: 400;
    background: #f8f8f8;
}

#quick-swipepay .layer-wrap .swipepay-agree .layer-terms table td strong {
    color: #000;
    font-weight: bold;
}

#quick-swipepay .layer-wrap .swipepay-total {
    display: flex;
    justify-content: space-between;
    padding: 5px 0 15px;
    font-size: 11px;
}

#quick-swipepay .layer-wrap .swipepay-total strong {
    font-size: 14px;
}

#quick-swipepay .layer-wrap .swipepay-total .total-price strong {
    font-size: 16px;
    color: #f1191f;
    vertical-align: bottom;
}

#quick-swipepay .layer-wrap .swipepay-wide {
    position: relative;
    width: 100%;
    height: 48px;
    border-radius: 48px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    box-sizing: border-box;
    background: #2a68cc;
}

#quick-swipepay .layer-wrap .swipepay-wide .swipepay-text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    pointer-events: none;
    user-select: none;
}

#quick-swipepay .layer-wrap .swipepay-wide .swipepay-slider {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 100%;
    color: #fff;
    font-size: 22px;
    border-radius: 48px;
    box-sizing: border-box;
    background: #1d498f;
}

#quick-swipepay .layer-wrap .swipepay-wide .swipepay-completed {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1d498f;
    box-sizing: border-box;
    border-radius: 48px;
    pointer-events: none;
}

#quick-swipepay .layer-wrap .swipepay-order {
    padding-top: 10px;
    text-align: center;
}

#quick-swipepay .layer-wrap .swipepay-order a {
    font-size: 11px;
    color: #888;
    border-bottom: 1px solid #888;
}

/* 묶음 할인 추가 */
.shopdetail .shopdetailInfo .bundle-wrap {
    padding-bottom: 15px;
    border-bottom: 1px solid #bbb;
}

.shopdetail .shopdetailInfo .bundle-wrap p {
    background-color: #fff !important;
}

.shopdetail .shopdetailInfo .bundle-wrap .bundle-img {
    display: flex;
    gap: 15px;
    padding: 18px 15px 0;
}

.shopdetail .shopdetailInfo .bundle-wrap .bundle-img .MS_prod_img_s {
    width: 100px;
    height: 100px;
}

.shopdetail .shopdetailInfo .bundle-wrap .bundle-img p {
    padding: 5px 0 0 0;
}

.shopdetail .shopdetailInfo .bundle-wrap .bundle-img p.pro-name strong {
    font-size: 1.333em;
}

.shopdetail .shopdetailInfo .bundle-wrap .bundle-img p.pro-price strong {
    font-size: 1.333em;
    color: #f1191f;
}

.shopdetail .shopdetailInfo .bundle-wrap .bundle-img .sub-txt {
    display: inline-block;
    padding-top: 5px;
    color: #999;
}

.shopdetail .shopdetailInfo .bundle-wrap .opt {
    display: flex;
    align-items: center;
}

.shopdetail .shopdetailInfo .bundle-wrap .opt .shopdetailInfoName {
    min-width: 115px;
    padding-right: 0;
}

.shopdetail .shopdetailInfo .bundle-wrap .opt .txt {
    display: inline-block;
    width: 100%;
}

.shopdetail .shopdetailInfo .bundle-wrap .opt .txt select {
    width: 100%;
}

.shopdetail .shopdetailInfo .bundle-wrap .shopdetailInfoOneclick {
    display: flex;
    align-items: center;
    padding: 0 15px;
    background: #fff;
}

.shopdetail .shopdetailInfo .bundle-wrap .shopdetailInfoOneclick .shopdetailInfoName {
    min-width: 115px;
    padding-right: 0px;
}

.shopdetail .shopdetailInfo .bundle-wrap .shopdetailInfoOneclick .MK-oneclick-list li {
    margin: 5px 5px 0 0;
}

/* custom */
.category-nav-wrap {
    background-color: #f4f6f8;
    border-bottom: 1px solid #ddd;
}

/* 1. 상단 경로 (Breadcrumb) */
.breadcrumb {
    padding: 7px 15px;
    font-size: 11px;
    color: #333;
    letter-spacing: -0.02em;
}

.breadcrumb span.arrow {
    margin: 0 4px;
    color: #999;
    font-size: 12px;
}

.banner-slider-wrap {
    position: relative;
    margin: 35px 15px 0;
}

.thumbSwiper {
    width: 100%;
    overflow: hidden;
}

.thumbSwiper .swiper-slide {
    overflow: hidden;
}

.thumbSwiper .swiper-slide img {
    width: 100%;
}

.thumbSwiper .swiper-pagination {
    bottom: 10px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.thumbSwiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #eeeeee;
    opacity: 1;
    margin: 0 !important;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.thumbSwiper .swiper-pagination-bullet-active {
    width: 20px;
    background-color: #000;
    border-radius: 4px;
}

.shopdetail .tit-prd {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    letter-spacing: -0.02em;
    margin-bottom: 14px;
}
.shopdetail .tit-subprd {
    color: #999999;
    font-size: 11px;
    letter-spacing: -0.02em;
    padding-bottom: 6px;
}

.prd_price {
}

.prd_price .top {
    position: relative;
}

.prd_price .top .dc_per {
    color: #da120d;
    font-size: 21px;
    font-weight: bold;
}

.prd_price .top .normal {
    color: #000;
    font-size: 21px;
    font-weight: bold;
}

.prd_price .top .normal .won {
    font-size: 13px;
}
.time-div .time-badge {
    background: #14ada8;
    color: #fff;
    font-size: 18px;
    position: static;
    border-radius: 6px;
    gap: 7px;
    padding: 8px 10px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-bottom: 12px;
}

.prd_price .bottom {
    display: flex;
    gap: 6px;
}

.prd_price .bottom .consumer {
    color: #999999;
    font-size: 12px;
    text-decoration: line-through;
    font-weight: 400;
}

.prd_price .bottom .difference {
    border-radius: 4px;
    color: #0167e6;
    font-size: 12px;
    background: #eff6fc;
    padding: 0 2px;
    font-weight: bold;
}
.prd_price > .normal {
    color: #000;
    font-size: 21px;
    font-weight: bold;
}

.prd_price > .normal .won {
    font-size: 13px;
}

.todayDelivery {
    border-radius: 4px;
    background: #f4f6f8;
    padding: 8px 5px;
    color: #333333;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 14px;
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
    justify-content: center;
}
.todayDelivery img {
    width: 8px;
}
.todayDelivery .division {
    background: #e2e2e2;
    width: 1px;
    height: 13px;
    display: inline-block;
    margin: 0 9px;
    position: relative;
    top: 2px;
}

.todayDelivery .case_1, .todayDelivery .case_2 {
    display: none;
}

.todayDelivery .case_1.active, .todayDelivery .case_2.active {
    display: flex;
    align-items: center;
}

.todayDelivery .dot {
    margin: 0 5px;
}

.brandTD, .deliveryTD {
    position: relative;
}

.deliveryTD .deliveryInfo {
    color: #333333;
    font-size: 14px;
    text-decoration: underline;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
/* 레이어 배경 딤 처리 */
.delivery-layer-dim {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.6); /* 모바일에서는 집중도를 위해 살짝 더 어둡게 */
    z-index: 999;
}

/* 모바일 레이어 팝업 컨테이너 */
.delivery-layer {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%; /* 모바일 화면 너비에 맞춰 유동적으로 변경 */
    max-width: 400px; /* 태블릿/PC 등에서 너무 넓어지지 않도록 최대 너비 제한 */
    background: #fff;
    z-index: 1000;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

/* 레이어 헤더 */
.layer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 2px solid #111;
}

.layer-header .layer-header-title {
    margin: 0;
    font-size: 16px; /* 모바일 가독성에 맞춘 폰트 크기 */
    font-weight: bold;
    color: #111;
}

.layer-header .btn-close {
    background: transparent;
    border: none;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    color: #333;
    padding: 4px; /* 터치를 쉽게 하기 위해 패딩(터치 영역) 확보 */
    margin-right: -4px;
}

/* 레이어 내용 (테이블 영역) */
.layer-body {
    padding: 0 20px 20px 20px;
    max-height: 70vh; /* 모바일 기기 높이가 낮을 경우 스크롤되도록 설정 */
    overflow-y: auto; 
}

.delivery-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: #333;
    table-layout: fixed; /* 테이블 레이아웃을 고정하여 td 영역 충분히 확보 */
}

.delivery-table th,
.delivery-table td {
    padding: 16px 0; /* 모바일 공간에 맞게 상하 여백 약간 축소 */
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
    vertical-align: top;
    line-height: 1.5;
    word-break: keep-all; /* 모바일에서 한글 단어가 중간에 끊기지 않도록 방지 */
}

.delivery-table tr:last-child th,
.delivery-table tr:last-child td {
    border-bottom: none;
    padding-bottom: 0;
}

.delivery-table th {
    width: 75px; /* 모바일 좁은 화면을 위해 제목(th) 너비 축소 */
    font-weight: normal;
    color: #111;
}

.delivery-table td {
    color: #444;
}

/* 불릿 리스트 스타일 */
.delivery-table .dot-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.delivery-table .dot-list li {
    position: relative;
    padding-left: 8px; /* 텍스트 시작 위치 통일 */
}

.delivery-table .dot-list li::before {
    content: "·";
    position: absolute;
    left: 0;
    top: 0;
}

/* 하단 참고 텍스트 (※ 부분) */
.delivery-table .note {
    display: inline-block;
    margin-top: 6px;
    color: #777;
    font-size: 12px;
    letter-spacing: -0.5px;
}
.brandTD .smsSoldout {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    font-size: 11px;
    color: #fff;
    border-radius: 4px;
    background: #888888;
    letter-spacing: -0.02em;
    width: 100px;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .prd-btn-group,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .prd-btn-group,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .prd-btn-group {
    display: flex;
    gap: 5px;
    width: 100%;
    box-sizing: border-box;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .prd-btn-group a,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .prd-btn-group a,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .prd-btn-group a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    box-sizing: border-box;
    letter-spacing: -0.02em;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .prd-btn-group .btn-cart, 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .prd-btn-group .btn-buy,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .prd-btn-group .btn-gift,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .prd-btn-group .btn-cart, 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .prd-btn-group .btn-buy,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .prd-btn-group .btn-gift,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .prd-btn-group .btn-cart,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .prd-btn-group .btn-buy,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .prd-btn-group .btn-gift {
    flex: 1;
}


.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .prd-btn-group .btn-cart,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .prd-btn-group .btn-cart,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .prd-btn-group .btn-cart {
    background-color: #333333;
    color: #ffffff;
    flex: 1.5;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .prd-btn-group .btn-buy,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .prd-btn-group .btn-buy,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .prd-btn-group .btn-buy {
    background-color: #d00000;
    color: #ffffff;
}


.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .prd-btn-group .btn-gift,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .prd-btn-group .btn-gift,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .prd-btn-group .btn-gift {
    background-color: #eeeeee;
    color: #333;
    flex: 0.7;
}


.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .prd-btn-group .btn-wish,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .prd-btn-group .btn-wish,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .prd-btn-group .btn-wish {
    width: 40px;
    flex-shrink: 0;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .prd-btn-group .btn-wish #MS_btn_wish .ico-wish,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .prd-btn-group .btn-wish .ico-wish,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .prd-btn-group .btn-wish .ico-wish {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url('/design/mgkshop/images/m_wish.png') no-repeat center center;
    vertical-align: middle;
    background-size: 18px;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .prd-btn-group .btn-wish #MS_btn_wish.wish-on .ico-wish,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .prd-btn-group .btn-wish .wish-on .ico-wish,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .prd-btn-group .btn-wish .wish-on .ico-wish {
    background: url('/design/mgkshop/images/m_wish_on.png') no-repeat center center;
    background-size: 18px;
}


#soldout_sms {
    margin-bottom: 15px;
    display: block;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.smsSoldout {
    font-size: 11px;
    color: #fff;
    border-radius: 4px;
    background: #888888;
    letter-spacing: -0.02em;
    width: 100px;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .shopdetailButton {
    background: #fff;
    padding: 0 15px;
}

.sec-related {
    margin: 0;
    padding-bottom: 15px;
}
.sec-related .items>li .thumbArea {
    border: 1px solid #ddd;
}
.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding: 25px 15px 0;
    letter-spacing: -0.02em;
}

.section-header h2 {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}
.policy-table {line-height: 1.6;padding: 0 15px;}
.policy-row {display: flex;}
.policy-row:last-child { border-bottom: none; }
.policy-th { width: 200px; flex-shrink: 0; background-color: #fafafa; display: flex; align-items: center; justify-content: center; color: #333; font-size: 18px; font-weight: bold; letter-spacing: -0.02em; }
.policy-td { flex: 1; padding: 35px 40px; color: #333333; font-size: 18px; letter-spacing: -0.02em; }
.policy-td p { margin: 0 0 20px 0; }
.policy-td p:last-child { margin-bottom: 0; }

@media (max-width: 768px) {
    .policy-row { flex-direction: column; }
    .policy-th {width: 100%;padding: 10px 0;justify-content: flex-start;padding-left: 15px;box-sizing: border-box;font-size: 13px;}
    .policy-td {padding: 10px 0;font-size: 12px;}
}
.detailTab {
    margin-top: 50px;
    position: sticky;
    top: 50px;
    z-index: 1000;
}
.detailTab ul {display: flex;border-top: 1px solid #ddd;}
.detailTab ul:after { display: block; clear: both; content: ''; }
.detailTab ul li {flex: 1;height: 37px;border-right: 1px solid #ddd;}
.detailTab ul li:last-child {border-right:0;}
.detailTab ul li.first { border-left: 0; }
.detailTab ul li a {display: block;height: 37px;font-size: 13px;color: #333333;line-height: 37px;text-align: center;background: #f9f9f9;border-bottom: 1px solid #ddd;letter-spacing: -0.02em;}
.detailTab ul li a.active { border-bottom: 0; background: #fff; font-weight: bold; }

/* 게시글 */
#tabs {/* margin: 5px; *//* border: 1px solid #bbb; *//* padding-bottom: 10px; */font-size: 11px;padding: 0 15px;}
#tabs .shopdetailBoard {overflow: hidden;text-align:center;border-top:1px solid #bbb;border-bottom:1px solid #bbb;background-color: #f8f8f8; padding: 10px 0; margin-bottom: 0;}
#tabs .shopdetailBoard .tab_on {font-weight: bold; padding: 10px 0;}
#tabs .util {border-bottom: 1px solid #ddd;padding: 20px 0;display: flex;}
#tabs .util a {border: 1px solid #333333;height: 30px;line-height: 30px;border-radius: 0;width: 100%;text-align: center;background: #333333;font-size: 12px;display: flex;align-items: center;justify-content: center;flex: 1;}
#tabs .util a + a {
    background: #888888;
    border: 1px solid #888888;
}
#tabs .list_board .reply-detail {margin:0 5px;border: 1px solid #73adff;font-size: 0.875em;color: #5da0ff;display: inline-block;height: 18px;line-height: 18px;padding: 0 3px;}
#tabs .review .list_board > ul > li.now > .cont_wrap {display: block;}
#tabs .list_board > ul > li > .wrap .re-wrap {padding:10px; border-top:1px solid #bebebe;}
#tabs .empty-board {text-align: center; padding: 15px 0 5px;}
.list_board ul li {color: #333333;border-bottom: 1px solid #ddd;word-break: break-all;}
.list_board .re-wrap ul li {font-size: 1em; border-bottom: 0; border-top: 1px dotted #bebebe; margin-top: 5px; padding-top: 5px; list-style: none;}
.list_board ul li dl {padding: 7px 0;}
.list_board ul li dl dt a {
    display: flex;
    justify-content: space-between;
}
.list_board ul li dl dt a h4 {
    width: 60%; 
    display: flex;
    align-items: center;
    gap: 4px;
}
.list_board ul li dl dt a h4 .subject {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list_board ul li .reply_status.reply_NONE::after {
    content: "답변대기";
    font-size: 10px;
}

.list_board ul li .reply_status.reply_NONE {
    background: #999;
}

.list_board ul li .reply_status.reply_DONE::after {
    content: "답변완료";
    font-size: 10px;
}
.list_board ul li dl dt a .right {
    width: 40%;
    color: #999999;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.list_board ul li dl dt a .right .id {
    width: 50px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list_board ul li .cont_wrap {display: none;padding-top: 5px;border-top: 1px solid #dddddd;background-color: #f9f9f9;padding: 7px;}
.list_board ul li .cont_wrap img {max-width: 100%; padding-bottom: 5px;}

/* 댓글 */
.MS_cmt_list_box {color: #656565;}
.MS_cmt_list_box .comment_list:last-child {border-bottom: 1px solid #cecece;}
.MS_cmt_list_box .comment_list {padding: 5px;border: 1px solid #cecece;border-bottom: 0;background-color: #fff;}
.MS_cmt_list_box .MS_cmt_hname {padding-left: 5px;}
.MS_cmt_list_box .MS_cmt_content {padding-left: 15px;}
.MS_cmt_list_box .comment_depth2 {padding-left: 10px;}
.MS_cmt_list_box .comment_depth3 {padding-left: 15px;}
#comment_password {width: 250px; left: 7px; box-shadow: 0 0 5px 0 #808080;}
#comment_password input[type="password"] {width: 75%;}
#comment_password form {height: auto !important;}
#comment_password form span {display: block;}

/* 답글 */
.list_board ul li .reply_depth1 .rating,
.list_board ul li .reply_depth1 .info,
.list_board ul li .reply_depth2 .rating,
.list_board ul li .reply_depth2 .info,
.list_board ul li .reply_depth3 .rating,
.list_board ul li .reply_depth3 .info {padding-left: 12px;}
.list_board ul li .reply_status {font-size: 0;color: #fff;font-weight: normal;background: #333333;width: 49px;height: 13px;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;}

/* 비번입력 */
.list_board input[type="password"] {border-radius: 3px 0 0 3px; width: 80%; border-right: 0; box-sizing: border-box; height: 35px;}
.list_board input[type="button"] {width: 20%; float: right; height: 35px; border-radius: 0 3px 3px 0; background-color: #444; color: #fff; border: 1px solid #444; box-sizing: border-box;}

/* new, hit 아이콘 */
.list_board ul li dl h4 .new {display: inline-block;width: 15px;height: 15px;line-height: 15px;color:#fff;font-size:0.875em;background-color:#5cb7fa;-webkit-border-radius:3px !important;border-radius:3px !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box; text-align: center;}
.list_board ul li dl h4 .hit {display: inline-block;width: 15px;height: 15px;line-height: 15px;color:#fff;font-size:0.875em;background-color:#ff912c;-webkit-border-radius:3px !important;border-radius:3px !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box; text-align: center;}

/* 수정,삭제버튼 */
.list_board ul li .cont_wrap .comment_modify {text-align: right; margin-top: 5px;}
.list_board ul li .cont_wrap .comment_modify a {width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px;  background-color: #fff;}
.list_board ul li dl .info .review_del {width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px;  background-color: #fff;}


/* 신고기능 */
.info .btn-member-declare  {display:inline-block; width:14px; height:17px; margin:-4px 0 0 2px; text-indent:-9999px; background:url(/images/d3/modern_simple/btn_declare_icon_2x.png) 0 0 no-repeat; background-size:14px 17px;}
.cnt-btn-block { overflow: hidden;}
.cnt-btn-block .btn-report { float: right; display:inline-block; color:#9d9d9d; font-size:11px; z-index:1; }
.notifyTitle {
    color: #333333;
    font-size: 12px;
    letter-spacing: -0.02em;
    font-weight: bold;
    padding: 0 25px 10px;
    margin-top: 20px;
}

.shopdetailNotifyInfo2 {
    padding: 0 15px;
    margin-bottom: 15px;
}

.shopdetailNotifyInfo2 dl {
    display: flex;
    flex-direction: column;
}
.shopdetailNotifyInfo2 dl:last-child {
    border-bottom: 1px solid #e5e5e5;
}

.shopdetailNotifyInfo2 dl dt {
    color: #333333;
    font-size: 12px;
    letter-spacing: -0.02em;
    background: #fafafa;
    border-top: 1px solid #e5e5e5;
    padding: 6px 10px;
}

.shopdetailNotifyInfo2 dl dd {
    color: #333333;
    font-size: 12px;
    letter-spacing: -0.02em;
    background: #fff;
    padding: 6px 10px;
}
.shopdetailInfoTop {
    position: relative;
}

.shopdetailInfoTop .prd-icon { 
    /*
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    */
    margin-bottom: 5px; /* 아이콘이 상품 이미지 위에 표시되지 않도록, 별도의 공간을 차지하게 수정하고 하단 여백 5px을 줘서 상품이미지와 간격을 띄움 */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.shopdetailInfoTop .prd-icon span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.shopdetailInfoTop .prd-icon img[src^="/images/common/mo_present_ico_"] {
    display: none; /* 선물하기 아이콘만 숨기기 */
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .prd-btn-group .btn-wish.wish-on-fake .ico-wish { background: url(/design/mgkshop/images/m_wish_on.png) no-repeat center center; background-size: 18px;}

/* 한글 */
 
 
/* BASIC css end */


/* BASIC css end */


/* BASIC css end */



/*********************************/
/*** 포장단위 옆 설명 문구 표시***/
/*********************************/
.add-info-item .packing-unit-guide {display: none;} /* 기본적으로 안내 문구 숨김 */

/* 추가정보 제목이 '포장단위'인 항목에서만 표시 */
.add-info-item[data-info-title="포장단위"] .packing-unit-guide {
    display: inline;
    margin-left: 8px;
    color: #888;
    font-size: 11px;
}













/* ========================================
   모바일 상품 상세페이지 간편결제 정렬

   [배치]
   - 결제수단 한 줄에 1개
   - 가로 너비 100%
   - 최대 너비 500px
   - 가운데 정렬

   [현재 디자인 적용]
   - 네이버페이: 가로 너비만 반응형으로 변경
   - PAYCO: 네이버페이 구조와 유사하게 조정
   - 샵페이: 다음 단계에서 별도 적용
======================================== */


/* ========================================
   간편결제 전체 영역
======================================== */

.simplePay {
    width: 100% !important;
    max-width: 500px !important;
    height: auto !important;

    margin: 0 auto !important;
    padding: 20px 0 0 !important;

    box-sizing: border-box !important;
}


/* PAYCO와 네이버페이 사이 간격 통일 */
.simplePay > #payco_order_btn,
.simplePay > .naver-checkout {
    width: 100% !important;
    max-width: none !important;

    margin: 10px 0 0 !important;
}


/* ========================================
   네이버페이 가로 너비 반응형 처리

   기존 모바일 네이버페이 디자인은 유지하고
   290px 고정 너비만 해제합니다.
======================================== */

.simplePay .naver-checkout,
.simplePay #nhn_btn,
.simplePay .npay_storebtn_bx,
.simplePay .npay_button_box {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* 좌측 안내 영역을 제외한 우측 버튼 영역 확장 */
.simplePay .npay_button {
    width: auto !important;
    padding-left: 103px !important;
}


/* 네이버페이 구매·찜 버튼 영역 확장 */
.simplePay .npay_btn_list {
    width: 100% !important;
    table-layout: fixed !important;
}

.simplePay .npay_btn_item:first-child {
    width: auto !important;
}

.simplePay .npay_btn_item.btn_width {
    width: 48px !important;
}

.simplePay .npay_btn_pay {
    width: auto !important;
}


/* 네이버페이 하단 이벤트 영역 확장 */
.simplePay .npay_event,
.simplePay .npay_event_text {
    width: auto !important;
}

.simplePay .npay_more {
    right: 0 !important;
    left: auto !important;
}


/* ========================================
   PAYCO 버튼 디자인 통일

   네이버페이 기준
   - 전체 높이: 85px
   - 상단 영역: 64px
   - 하단 혜택 영역: 21px
   - 좌측 안내 영역: 95px
   - 좌우 영역 간격: 8px
   - 우측 버튼 높이: 42px
======================================== */

.simplePay #payco_order_btn,
.simplePay #payco_order_btn .payco_checkout {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    height: 85px !important;

    box-sizing: border-box !important;
}


/* PAYCO 전체 카드 */
.simplePay #payco_order_btn .payco_checkout {
    position: relative !important;

    margin: 0 !important;

    background: #ffffff !important;
}


/* ========================================
   PAYCO 상단 영역
======================================== */

.simplePay #payco_order_btn .payco_section {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 64px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-top: 2px solid #2b2f3a !important;

    box-sizing: border-box !important;
}


/* PAYCO 좌측 브랜드 안내 */
.simplePay #payco_order_btn .payco_section_tit {
    position: absolute !important;
    top: 2px !important;
    left: 0 !important;

    display: block !important;
    overflow: hidden !important;

    width: 95px !important;
    height: 60px !important;

    margin: 0 !important;

    background-position: left center !important;
    background-size: 85px auto !important;
    background-repeat: no-repeat !important;
}


/* PAYCO 바로구매 버튼 */
.simplePay #payco_order_btn .payco_checkout_btn {
    position: absolute !important;
    top: 11px !important;
    right: 0 !important;
    bottom: auto !important;
    left: 103px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ff2233 !important;
    border: 1px solid #f90000 !important;

    box-sizing: border-box !important;
}


/* PAYCO 버튼 내부 문구 세로 중앙 정렬 */
.simplePay #payco_order_btn .payco_btn_txt {
    margin: 0 !important;
}


/* ========================================
   PAYCO 하단 결제 혜택
======================================== */

.simplePay #payco_order_btn .payco_section_wrap {
    display: block !important;

    width: 100% !important;
    height: 21px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* 하단 혜택 링크 */
.simplePay #payco_order_btn .payco_section_ft {
    display: block !important;
    overflow: hidden !important;

    width: 100% !important;
    height: 21px !important;

    margin: 0 !important;
    padding: 3px 4px 4px !important;

    border-top: 1px solid #eaecee !important;

    box-sizing: border-box !important;

    white-space: nowrap !important;
}


/* 하단 혜택 문구 */
.simplePay #payco_order_btn .payco_txt {
    display: block !important;
    overflow: hidden !important;

    width: 100% !important;

    font-size: 10px !important;
    line-height: 13px !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}


/* PAYCO 혜택 툴팁 위치 보정 */
.simplePay #payco_order_btn .payco_tooltip {
    bottom: 21px !important;
}



















/* ========================================
   모바일 상품 상세페이지 대통령페이 버튼

   [적용 대상]
   #shoppay_btn

   [구성]
   - PC 대통령페이 디자인 스타일 유지
   - 모바일 네이버페이 버튼의 크기와 여백 기준 적용
   - 메이크샵 원본 이미지와 결제 기능 유지
   - 원본 이미지는 투명한 클릭 레이어로 사용
======================================== */


/* ========================================
   공통
======================================== */

#shoppay_btn,
#shoppay_btn * {
    box-sizing: border-box;
}


/* ========================================
   대통령페이 외부 영역
======================================== */

#shoppay_btn {
    width: 100% !important;
    min-width: 0 !important;

    /*
     * 모바일 간편결제 버튼 사이 간격
     */
    padding: 10px 0 0 !important;

    background: #ffffff;

    text-align: left !important;
}


/* 기존 메이크샵 결제 링크 */
#shoppay_btn > a {
    position: relative;

    display: block !important;

    width: 100% !important;
    height: 85px !important;

    color: inherit;

    text-align: left !important;
    text-decoration: none !important;
}


/* ========================================
   메이크샵 대통령페이 원본 이미지

   - 원본 이미지 삭제하지 않음
   - 기존 결제 기능과 클릭 이벤트 유지
   - 카드 전체를 덮는 투명 클릭 레이어
======================================== */

#shoppay_btn > a > img.mk-shoppay-original-button {
    position: absolute !important;
    inset: 0 !important;
    z-index: 10 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;

    opacity: 0 !important;

    cursor: pointer;
    pointer-events: auto !important;
}


/*
 * 커스텀 HTML 카드는 디자인만 표시하고,
 * 실제 클릭은 투명한 원본 이미지가 받습니다.
 */
#shoppay_btn .mk-shoppay-card,
#shoppay_btn .mk-shoppay-card * {
    pointer-events: none !important;
}


/* ========================================
   대통령페이 전체 카드

   모바일 네이버페이 전체 높이에 맞춰
   85px로 구성합니다.
======================================== */

#shoppay_btn .mk-shoppay-card {
    position: relative;
    z-index: 1;

    display: block;

    width: 100%;
    height: 85px;
    padding: 0;

    background: #ffffff;
    border-top: 2px solid #222222;

    text-align: left !important;
}


/* ========================================
   상단 브랜드 안내 + 구매 버튼

   - 전체 영역 62px
   - 실제 구매 버튼 42px
   - 위아래 10px 여백
======================================== */

#shoppay_btn .mk-shoppay-card__row {
    display: flex;
    align-items: center;

    height: 62px;
    padding: 10px 0;

    gap: 8px;
}


/* ========================================
   좌측 브랜드 안내 영역

   모바일 네이버페이 좌측 안내 영역과
   비슷한 95px 폭으로 고정
======================================== */

#shoppay_btn .mk-shoppay-card__info {
    flex: 0 0 95px;

    min-width: 0;

    text-align: left !important;
}


/* 대통령페이 브랜드명 */
#shoppay_btn .mk-shoppay-card__brand {
    display: block;

    margin: 0;

    color: #0d9691;

    font-size: 12px;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -0.3px;

    text-align: left !important;
    white-space: nowrap;
}


/* 브랜드 하단 안내 문구 */
#shoppay_btn .mk-shoppay-card__desc {
    margin: 3px 0 0;

    color: #222222;

    font-size: 10.5px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: -0.9px;

    text-align: left !important;
    word-break: keep-all;
}


/* ========================================
   우측 대통령페이 구매 버튼

   모바일 네이버페이 구매 버튼과
   동일한 42px 높이
======================================== */

#shoppay_btn .mk-shoppay-card__cta {
    flex: 1 1 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 6px;

    min-width: 0;
    height: 42px;
    padding: 0 9px;

    color: #ffffff;

    background: linear-gradient(
        135deg,
        #0f8f8a 0%,
        #129f9b 45%,
        #18b0aa 100%
    );

    border-radius: 2px;

    text-align: center !important;
    white-space: nowrap;
}


/* 대통령페이 왕관 아이콘 */
#shoppay_btn .mk-shoppay-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;
}


#shoppay_btn .mk-shoppay-card__icon img {
    display: block;

    width: 16px;
    height: auto;

    filter: brightness(0) invert(1);
}


/* 구매 버튼 문구 */
#shoppay_btn .mk-shoppay-card__label {
    overflow: hidden;

    min-width: 0;

    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.3px;

    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ========================================
   하단 빠른결제 안내
======================================== */

#shoppay_btn .mk-shoppay-card__benefit {
    overflow: hidden;

    height: 21px;

    margin: 0;
    padding: 2px 0;

    color: #666666;
    border-top: 1px solid #eaecee;

    font-size: 12px;
    line-height: 1.3;
    letter-spacing: -0.25px;

    text-align: left !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}


#shoppay_btn .mk-shoppay-card__benefit strong {
    color: #0d9691;
    font-weight: normal;
}


/* ========================================
   버튼 상태
======================================== */

/* 버튼을 누르는 동안 */
#shoppay_btn > a:active .mk-shoppay-card__cta {
    background: linear-gradient(
        135deg,
        #0b7874 0%,
        #0d8581 45%,
        #149690 100%
    );
}


/* 키보드 접근성 */
#shoppay_btn > a:focus-visible {
    outline: 2px solid #129f9b;
    outline-offset: 2px;
}









/* ========================================
   옵션 추가·삭제 시 스크롤 위치 튐 방지

   브라우저의 Scroll Anchoring 기능으로 인해
   옵션 DOM 높이가 변경될 때 페이지 스크롤이
   자동 보정되는 현상을 방지합니다.
======================================== */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option_tk {
    overflow-anchor: none;
}


/* ========================================
   하단 고정 구매영역에서만
   간편결제 가로 슬라이드
======================================== */

#contents .option_area.fixed .simplePay {
    display: flex;
    gap: 10px;
    padding-top: 10px !important;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;
    overflow-anchor: none;
}

#contents .option_area.fixed .simplePay::-webkit-scrollbar {
    display: none;
}


/* 각 간편결제 카드 */
#contents .option_area.fixed .simplePay > #shoppay_btn,
#contents .option_area.fixed .simplePay > #payco_order_btn,
#contents .option_area.fixed .simplePay > .naver-checkout {
    flex: 0 0 calc(100% - 30px);
    min-width: 0;

    scroll-snap-align: start;
}


/* ========================================
   하단 고정메뉴 옵션 표시 영역
======================================== */

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk {
    height: 254px;
    overflow-y: auto;

    background-color: #ffffff;
    padding: 0 15px;

    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;

    overflow-anchor: none;
}


/* ========================================
   하단 고정메뉴 옵션 표시 영역 버튼 상단 여백추가
======================================== */

#contents .option_area.fixed .prd-btn-group {
    padding-top: 10px;
}

/* BASIC css end */