/* BASIC css start */
.fc-pink {color:var(--main-color);}
.fc-gray {color:#999;}
.shopdetail {padding-bottom:60px;}
.shopdetail .shopdetailInfo {
}

.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 {
    padding: 12px 20px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 15.51px;
    color: #000;
    position: relative;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

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

.shopdetail .shopdetailInfo .shopdetailInfoTop figure {
    padding: 16px 15px;
    border-bottom: 1px solid #c7c7c7;
}

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

.shopdetail .shopdetailInfo .shopdetailInfoBottom {
    background-color: #fff;
    padding: 20px 20px 40px;
}

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

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

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p {
    padding-top: 8px;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p + p {padding-top: 8px;}
 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName {
    width: 30%;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 15.51px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont {
    width: 70%;
    display: inline-block;
    margin-left: -4px;
    font-size: 13px;
    font-weight: 400;
    line-height: 15.51px;
}

.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: 0 0 25px;
}

/* »óÇ°¿É¼Ç */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area {
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {
    width: 100%;
    position: fixed;
    z-index: 10005;
    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: 320px;
    overflow-y: auto;
    background-color: #fff;
    padding: 20px 20px 0;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 101;
    text-align: center;
    margin: 0 auto;
    display: none;
    border-radius: 20px 20px 0 0;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_FIXED {
    width: 100%;
    background-color: #000;
    border: 1px solid #000;
    display: block;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    font-weight: 600;
    box-sizing: border-box;
    position: relative;
    flex: 1;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_FIXED img {
    width: 20px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_FIXED:last-child {
    flex: 4;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_FIXED + .btn_FIXED::after {
    content: "";
    background: #999999;
    height: 20px;
    width: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed {
    display: flex;
    position: fixed;
}

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

.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option {
    display: none;
    padding: 22px 0 12px;
    margin: 0 auto;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed .btn_option {
    display: block;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect {
    background-color: #fff;
    margin-top: 14px;
}
.shopdetail .shopdetailInfo .shopdetailInfoWrap + .shopdetailInfoMultiSelect {
    margin-top: 0;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on {
    display: none; 
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on.fixed {
    display: flex; 
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a {
    width: 100%;
    background-color: #000;
    border: 1px solid #000;
    display: block;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    font-weight: 600;
    box-sizing: border-box;
    position: relative;
    flex: 1;
    text-align: center;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a:last-child {
    flex: 4;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a + a::after {
    content: "";
    background: #999999;
    height: 20px;
    width: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a img {
    width: 20px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect {}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com {
    text-align: right;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com a {text-decoration:underline;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p {
    padding: 5px 0;
}

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

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName {
    width: 100%;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 15.51px;
    margin-bottom: 10px;
}

.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 {border-top: 1px solid #ededed;}

.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;
    padding: 20px 0;
    border-bottom: 1px solid #ededed;
}

.MK_optAddWrap .MK_inner-opt-cm li:last-child {
}

.MK_optAddWrap .MK_inner-opt-cm .MK_p-name {
    padding-right: 30px;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 15.51px;
    min-height: 20px;
}

.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl {
    margin-top: 10px;
    position: relative;
    font-size: 0;
    padding-left: 27px;
}

.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] {
    width: 30px;
    height: 27px;
    padding: 0;
    text-align: center !important;
    font-size: 13px;
    font-weight: 400;
    border: 0;
    outline: 0;
}

.MK_optAddWrap .MK_inner-opt-cm .MK_btn-del {
    position: absolute;
    top: 20px;
    right: 0;
    background: url('/design/pinkagewig/renewal_2025/m_detail_delete.svg') no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
}

.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: 20px;
    right: 0;
    font-size: 0;
    margin-right: 5px;
}

.MK_optAddWrap .MK_inner-opt-cm .MK_price span {
    font-size: 13px;
    font-weight: 500; 
}

.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02 {
    background: url('/design/pinkagewig/renewal_2025/m_detail_plus.svg') no-repeat;
    width: 27px;
    height: 27px;
    text-align: center;
    vertical-align: middle;
    line-height: 27px;
    color: #fff;
    display: inline-block;
}
.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02 + .btn-type-02 {
    background: url('/design/pinkagewig/renewal_2025/m_detail_minus.svg') no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}
.MK_optAddWrap .total {
    text-align: right;
}

.MK_optAddWrap .MK_total {
    font-size: 20px;
    color: #000;
    font-weight: 600;
}

.MK_optAddWrap .MK_txt-won {
    font-size: 0;
}

.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: 26px 0;
    text-align: right;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    line-height: 1;
}
#MK_innerOptTotal .MK_txt-total {
    position: absolute;
    top: 25px;
    left: 0;
}

/* //ÂøºÒ ¾ÆÀÌÄÜ */
.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 {
    text-align: center;
}

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

.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.buy {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
}

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

.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: 6px;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn-wrap a:nth-child(n+3) {
    grid-column: 1 / 3;
}
.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: 20px 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 img {max-width: 100%;}
.shopdetail .shopdetailItem .shopdetailItemPopup {
    text-align: center;
    padding: 0 15px;
    margin: 22px 0;
}

.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 > h3 { display:none; }*/

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

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

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

.shopdetail .shopdetailItem .shopdetailImage iframe {
    /* width: 100% !important; */
    max-width: 100%;
}

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

.shopdetail .shopdetailItem .shopdetailImage div {
    width: 100% !important;
} 
.detail_more {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    z-index: 99;
    box-shadow: 0 -30px 28px 27px rgba(255, 255, 255, 1);
}
.detail_more a {
    width: calc(100% - 40px);
    height: 46px;
    line-height: 46px;
    text-align: center;
    border: 1px solid #000;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 0 auto;
    position: relative;
    top: -25px;
    /*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);*/
}

.detail_more a img {} 




.shopdetail .shopdetailItem .shopdetailNotify {
    margin-top: 24px;
}

.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 .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 ¹Þ±â ³¡ */  
#nhn_btn {
    padding-top: 11px;
}
.shopdetail .npay_type_MA_1 {
    height: 46px !important;
    width: 100% !important;
}

.shopdetail .npay_button {
    padding: 0 !important;
}

.shopdetail .npay_button_box {
    border-top: 0 !important;
    height: 46px !important;
}

.shopdetail .npay_text, .shopdetail .npay_event, .shopdetail .npay_btn_item.btn_width {
    display: none !important;
}

.shopdetail .npay_btn_item:first-child .npay_btn_link {    
    font-size: 0 !important;
    height: 46px !important;    
    background: #00de5a url(/design/pinkagewig/renewal_2025/m_Npay2.svg) no-repeat !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background-position: center !important;
    border: 0 !important;
}

.shopdetail .npay_btn_link.npay_btn_pay .npay_logo {    
    display: none !important;
}

#payco_order_btn {
    padding-top: 10px;
}

#kakaopay_order_btn {
    padding-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 {
    margin: 20px 0 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
    color: #000;
    border-top: 1px solid #ededed;
    padding: 13px 0;
    border-bottom: 1px solid #ededed;
}

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

.shopdetail .shopdetailInfo .shopdetailInfoWrap {
    width: 100%; 
    display: flex;
    padding: 10px 0;
}
.shopdetail .shopdetailInfo .shopdetailInfoWrap + .shopdetailInfoWrap {
    border-top: 1px solid #ededed;
}
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop {
    width: 30%;
}

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

.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue {
    width: 70%;
    border: 0;
    box-sizing: border-box;
    padding-left: 5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

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

.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont {
    width: 100%;
    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%;
    border: 1px solid #d9d9d9;
    height: 37px;
    line-height: 37px;
    font-size: 12px;
    padding: 0 15px;
}

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

/* ¿øŬ¸¯¿É¼Ç */
.shopdetailInfoOneclick {
    padding-top: 20px;
}

.shopdetailInfoOneclick > span { }

.shopdetailInfoOneclick .shopdetailInfoList {
    width: 100%;
    display: block;
}

.MK-oneclick-list { }

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

.MK-oneclick-list li {
    float: left;
    margin: 0 6px 6px 0;
    position: relative;
}

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

.MK-oneclick-list li.MK-oneclick-sel a {
    border: 1px 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 {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    border: 2px solid #fff;
}

.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 {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    box-sizing: border-box;
}

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

.MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img { 
}

.MK-oneclick-list li.MK-oneclick-color {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    box-sizing: border-box;
}
.MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel {
    border: 1px solid #d9d9d9; 
}

.MK-oneclick-list li.MK-oneclick-color a {
    border-radius: 100%;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.MK-oneclick-list li.MK-oneclick-color span {
    width: 100%;
    height: 100%;
}

.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: 7px 9px;
    font-size: 12.5px;
    font-weight: 400;
    color: #999;
}
.MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {color: #000;}

.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;
    color: #777;
    display: inline-block;
    margin-left: 10px;
}

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

.MK-oneclick-only-text li.MK-oneclick-text.MK-oneclick-dis.sold_out::before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: ' ';
    height: 1px;
    width: 100%;
    background-color: #d9d9d9;
    transform: translate(-50%, -50%) rotate(26deg);
}
.MK-oneclick-only-text li.MK-oneclick-text.MK-oneclick-dis.sold_out::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: ' ';
    height: 1px;
    width: 100%;
    background-color: #d9d9d9;
    transform: translate(-50%, -50%) rotate(-26deg);
}
.MK-oneclick-only-text li.MK-oneclick-text span {
    height: auto;
    line-height: 15.51px;
}

/* »óÇ° »ó¼¼ À̺¥Æ® °øÅë Á¤º¸ */
.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;
    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 {
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .soldout_once {
    display: flex
;
    padding: 0;
    margin: 0 0 6px 0;
    color: #000;
    border: 1px solid #000;
    background-color: #fff;
    width: 100%;
    align-items: center;
    justify-content: center;
    height: 46px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 600;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .soldout_once::after {
    content: "ÀϽÃÇ°Àý";
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .soldout_once img {
    width: 100%;
    display: none;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .btn_soldout_anchor {
    display: flex;
    padding: 0;
    margin: 0 0 6px 0;
    color: #000;
    border: 1px solid #000;
    background-color: #fff;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .btn_soldout_anchor::after {
    content: "ÀçÀÔ°í ¾Ë¸² ½Åû";
}
.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;
    display: none;
}

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

/* ¼¥ÆäÀÌ ¹Ù·Î±¸¸Å */
#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;
}

/* ¿À´ÃÃâ¹ß »óÇ° */
.today-delivery {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.today-delivery .icon {width: 9.5%;}

.today-delivery .txt {
    padding-left: 7px;
    width: 88%;
    box-sizing: border-box;
    font-size: 14px;
} 
.today-delivery .icon img {
    width: 100%;
}
.today-delivery .txt span {
    color: var(--main-color);
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .today-delivery {display:none;}
/* ¹Ð¾î¼­ °áÁ¦Çϱâ */
#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;
}

/* renewal */
.thumb img {width: 100%;}
.thumb_multi {
}

.thumb_multi .list_image {
    position: relative;
}

.thumb_multi .list_image img {
    width: 100%;
}   
 
.thumb_multi .list_image .swiper-pagination-progressbar {position: absolute;top: unset!important;bottom: 0; background-color:#ccc;height: 3px!important;width: 100%;}

.thumb_multi .list_image .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top}



.tit-prd {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
    color: #000;
    position: relative;
    padding-right: 55px;
    min-height: 24px;
}

.tit-prd .btn_bookmark {
    position: absolute;
    top: 0;
    right: 26px;
}

.tit-prd .btn_bookmark #MS_btn_wish .ico-wish {
    background: url('/design/pinkagewig/renewal_2025/m_bookmark.svg') no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    background-size: cover;
}

.tit-prd .btn_bookmark #MS_btn_wish.wish-on .ico-wish {
    background: url('/design/pinkagewig/renewal_2025/m_bookmark_on.svg') no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    background-size: cover;
}

.tit-prd .btn_share {
    background: url('/design/pinkagewig/renewal_2025/m_share.svg') no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    background-size: cover;
    position: absolute;
    top: 2px;
    right: 0;
    border: 0;
    outline: 0;
}

.priceWrap {
    position: relative;
    padding: 10px 0 0;
}
.priceWrap .fc-pink {margin-bottom: 4px;}
.priceWrap .fc-gray {margin-top: 4px;}

.priceArea {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.priceArea .dc_per {
    color: var(--main-color);
    font-weight: 700;
    font-size: 18px;
    margin-right: 4px;
    display: inline-block;
}

.priceArea .normal {
    font-weight: 600;
    font-size: 18px;
    display: inline-block;
}

.priceArea .consumer {
    color: #999;
    font-size: 14px;
    text-decoration: line-through;
    margin-left: 4px; 
    order: -1;
    width: 100%;
    margin-bottom: 4px;
}
.priceWrap .won {
    display: none;
} 
.ocb-area {
    display: none; 
}

.popupArea {
    position: relative;
    padding: 20px 0;
    display: flex;
    /* 
    justify-content: space-between; */
}

.popupArea .popupBtn {
    color: #777;
    font-size: 13px;
    line-height: 15.51px;
    position: relative;
    width: 24%;
    text-align: left;
}
 
.popupArea .popupBtn + .popupBtn::after {
    content: "" !important;
    background: #999;
    width: 1px;
    height: 11px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -13px; 
    /*  left: 0; */
}
.popupGroup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.popupBox {
    border: 1px solid #dedede;
    position: absolute;
    top: 55px;
    left: 0;
    background: #fff;
    z-index: 103;
    padding: 25px 12px 20px 26px;
    display: none;
    width: 100%;
    box-sizing: border-box;
}

.popupClose {
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: url('/design/pinkagewig/renewal_2025/detail_delete.png') no-repeat;
    background-size: cover;
    position: absolute;
    top: 8px;
    right: 6px;
}

.popupCnt {
    height: 280px;
    overflow-y: scroll;
    font-size: 12px;
    color: #000;
    line-height: 18px;
    font-weight: 400;
}
.popupCnt::-webkit-scrollbar {
    width: 4px;
}
.popupCnt::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 100px;
}
.popupCnt::-webkit-scrollbar-thumb:hover {
    background: #b1b1b1;
}

.popupCnt strong {
    font-weight: 500;
}
.detail_go {
    display: flex;
    flex-direction: column;
    gap: 15px;
     /*display: none;*/
}

.detail_go a {
    font-size: 13px;
    font-weight: 500;
    line-height: 15.51px;
    color: #000;
    position: relative;
    background: url('/design/pinkagewig/renewal_2025/detail_go_arr.png') right center no-repeat;
    background-size: 24px;
}

.detail_go a.toggle { 
    background: #fff;
}
.detail_go a.toggle .ic {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
}
.detail_go a.toggle .ic span:nth-child(1) {
transition: all 0.3s ease;
    background: #000;
    width: 1px;
    height: 11px;
    position: absolute; 
    top: 0px;
    left: 5px;
}

.detail_go a.toggle .ic span:nth-child(2) {
    background: #000;
    width: 11px;
    height: 1px;
    position: absolute;
    top: 5px;
}

.detail_go a.toggle.on .ic span:nth-child(1) {
    transform: rotate(90deg);
}

.toggle_desc {
    color: #666;
    font-size: 13px;
    line-height: 22px;
    font-weight: 400;
    padding: 10px 0 25px;
    display: none;
} 
.appLinkWrap {margin-top: 6px;}

.appLinkWrap a {
    background: #ffe600;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.8px !important;
    padding: 15px 0;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.eventLinkWrap {margin-top: 10px;}

.eventLinkWrap a {
    background: var(--main-color);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.8px !important;
    padding: 20px 15px;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.eventLinkWrap.ivory a {background: #d9d6d2;}

.eventLinkWrap.blue a {background: #d5dfef;}

 

.shopdetail .titleArea {
    margin-top: 20px;
}

.shopdetail .titleArea h5 {
    padding: 15px 0;
    border: 0;
    margin: 0 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.09px;
}

#related {padding-left: 20px;position: relative;}
#related .swiper-container {
    overflow: hidden; 
}


.related-swiper-button-next {
    background: url('/design/pinkagewig/renewal_2025/m_detail_arr_r.svg') no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -35px;
    right: 20px;
    cursor: pointer;
}
.related-swiper-button-prev {
    background: url('/design/pinkagewig/renewal_2025/m_detail_arr_l.svg') no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -35px;
    right: 50px;
    cursor: pointer;
}
.related-swiper-button-next.swiper-button-disabled, .related-swiper-button-prev.swiper-button-disabled {
    opacity: 0.13;
}
#related .new_prdList li .prd-info {
    padding: 0;
}
#related .new_prdList li .prd-info .prd-name {
    margin-top: 12px;
}
#related .new_prdList li .prd-info .price a {
    font-weight: 700;
}

/* ·¹À̾îÆ˾÷ */
.layer_area {
    background: #fff;
    z-index: 10005;
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    right: 0;
    width: 100%;
    height: auto !important;
    line-height: initial !important;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    padding-bottom: 20px;
}

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

.ly_wrap.sns_layer {}

.ly_tit {
    padding: 10px 25px 0;
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

.ly_tit strong {
    font-weight: 600;
    margin-top: 20px;
    font-size: 16px;
}

.ly_close {width: 24px;height: 24px;line-height: 24px;}
.ly_close img {vertical-align:middle;}
.ly_cont {
    padding: 20px;
}

.sns_list {}

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

.sns_list ul li {}

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

.sns_list ul li+li {
    margin-left: 24px;
}

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

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

.handmade_wrap .handmade_closed,
.handmade_wrap_renewal .handmade_closed,
.roll_data_insert_01 .handmade_closed,
.roll_data_insert_05 .handmade_closed,
.slimpin_data_insert_01 .handmade_closed,
.slimpin_data_insert_05 .handmade_closed {display: none;position: fixed;right: 15px;top: 15px;}

.handmade_wrap .handmade_closed img,
.handmade_wrap_renewal .handmade_closed img,
.roll_data_insert_01 .handmade_closed img,
.roll_data_insert_05 .handmade_closed img,
.slimpin_data_insert_01 .handmade_closed img ,
.slimpin_data_insert_05 .handmade_closed img {
    width: 16px;
}

.handmade_wrap.active,
.handmade_wrap_renewal.active,
.roll_data_insert_01.active,
.roll_data_insert_05.active,
.slimpin_data_insert_01.active,
.slimpin_data_insert_05.active {
    position: fixed;
    top: 0;
    z-index: 999;
    background: #fff;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.handmade_wrap.active .handmade_closed,
.handmade_wrap_renewal.active .handmade_closed,
.roll_data_insert_01.active .handmade_closed,
.roll_data_insert_05.active .handmade_closed,
.slimpin_data_insert_01.active .handmade_closed,
.slimpin_data_insert_05.active .handmade_closed {display: block;}

.fix_how_to {display:none;}
.fix_how_to img {max-width:100%; width:100%;}
.fix_how_to .video-container {
    margin: 10px 0;
            position: relative;
            width: 100%; /* È­¸éÀÇ ³Êºñ¿¡ ¸ÂÃß±â */
            padding-top: 56.25%; /* 16:9 ºñÀ² (9/16 * 100) */
            background-color: #fff; /* ºñµð¿À ·Îµå Àü ¹è°æ»ö */
            overflow: hidden; /* ÃÊ°ú ÄÜÅÙÃ÷ ¼û±â±â */
        }
.fix_how_to .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }
.fix_how_to.active {display:block;z-index: 998;}

/* ±âÁ¸ style */

/*
.shopdetailItem .shopdetailImage .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{background-color:#fff;opacity:0.5;border-radius:0;margin:0;width:15px;height:3px}
.shopdetailItem .shopdetailImage .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:0.9}
*/

/* ÀÚµ¿ ½½¶óÀ̵å */
.swiper-container-free-mode > .swiper-wrapper{transition-timing-function:linear}
.swiper-container-free-mode > .swiper-wrapper .swiper-slide img{width:100%}




.shopdetailItem .shopdetailImage .slider01{padding-bottom:30px;margin-bottom:70px}

.shopdetailItem .shopdetailImage .slider01 .swiper-slide{width:85%;padding-right:20px}

.shopdetailItem .shopdetailImage .slider01 .swiper-slide{-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;}

.shopdetailItem .shopdetailImage .slider01 .swiper-slide img{width:100%}

.shopdetailItem .shopdetailImage .slider01 .swiper-pagination{bottom:10px}

.shopdetailItem .shopdetailImage .slider01 .swiper-pagination .swiper-pagination-bullet{width:7px;height:7px;background-color:#000;border-radius:10px;margin:0 3px;opacity:0.3}

.shopdetailItem .shopdetailImage .slider01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;transition:all 0.3s;}


/* »ó¼¼ÆäÀÌÁö ³» vimeo ¿µ»ó »ðÀÔ */
.video_frame_wrap{position:relative;overflow:hidden}
.video_frame_wrap img{position:relative;display:inline-block;width:100%}
.video_frame_wrap .video_frame{position:absolute;top:0;left:0;float:left;width:100%;height:100%}
.video_frame_wrap .video_frame video{position:absolute;top:0;left:0;float:left;width:100%;height:100%}

.unslider-nav ol { list-style: none; text-align: center; }
.unslider-nav ol li { display: inline-block; width: 13px; height: 13px; margin: 0 4px; background: transparent; border-radius: 15px; overflow: hidden; text-indent: -999em; border: 1px solid #ddd; cursor: pointer; margin-top: 20px; }
.unslider-nav ol li.unslider-active { background: #ddd; cursor: default; }
.unslider { overflow: auto; margin: 0 0 30px; padding: 0 }
.unslider-wrap { position: relative }
.unslider-wrap.unslider-carousel>li { float: left }
.unslider-vertical>ul { height: 100% }
.unslider-vertical li { float: none; width: 100% }
.unslider-fade { position: relative }
.unslider-fade .unslider-wrap li { position: absolute; left: 0; top: 0; right: 0; z-index: 8 }
.unslider-fade .unslider-wrap li.unslider-active { z-index: 10 }
.unslider li, .unslider ol, .unslider ul { list-style: none; margin: 0; padding: 0; border: none }
.unslider-arrow { display: none; position: absolute; left: 20px; z-index: 2; cursor: pointer }
.unslider-arrow.next { left: auto; right: 20px }

/* 3´Ü ½½¶óÀ̵å */
.step3-slide-wrap{max-width:700px}
.step3-slide-wrap{display:block;margin:0 auto;padding-bottom:40px}
.step3-slide-wrap .swiper-container-wrap{display:inline-block;width:100%;position:relative}
.step3-slide-wrap .swiper-container-wrap .swiper-wrapper .swiper-slide{}
.step3-slide-wrap .swiper-container-wrap .swiper-wrapper .swiper-slide img{float:left;width:100%}
.step3-slide-wrap .swiper-container-wrap .swiper-pagination{bottom:-25px}
.step3-slide-wrap .swiper-container-wrap .swiper-pagination .swiper-pagination-bullet{border-radius:50px;width:10px;height:10px;background-color:#000;margin:0 4px;opacity:0.25}
.step3-slide-wrap .swiper-container-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:0.8}



/*.fancybox-wrap{top:0 !important;left:0 !important;width:100% !important}*/
.fancybox-wrap.fancybox-default.fancyPopUpWrap{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important}
.fancybox-wrap.fancybox-default.fancyPopUpWrap > .fancybox-outer{border-radius:0;width:100% !important;height:100% !important}
.fancybox-wrap.fancybox-default.fancyPopUpWrap > .fancybox-outer > .fancybox-inner{width:100% !important;height:100% !important;overflow:scroll !important;-webkit-overflow-scrolling:touch !important;padding-top:40px !important}
.fancybox-wrap.fancybox-default.fancyPopUpWrap > .fancybox-outer > .fancybox-inner > .fancybox-image{max-height:inherit !important;height:auto !important;padding-bottom:40px}
.fancybox-wrap.fancybox-default.fancyPopUpWrap > .fancybox-outer > .fancybox-title{z-index:1;position:absolute;top:0;left:0;width:100%;height:40px;background-color:#fff;margin-top:0;font-size:18px;line-height:40px;font-family:"Noto Sans KR" !important;padding:0 56px 0 20px}
.fancybox-wrap.fancybox-default.fancyPopUpWrap > .fancybox-outer > .fancybox-title{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.fancybox-wrap.fancybox-default.fancyPopUpWrap > .fancybox-close{z-index:2;background:url(//pinkage.co.kr/design/pinkagewig/renewal/img/side_close.png) no-repeat center center / 20px 20px;top:2px;right:10px}

/* Æ÷¿¡Æ½ »óÇ° Á¤º¸ / Àü¼ººÐ ¾È³» */
dl.poetic_etc_info{display:inline-block;width:100%;margin: 0;text-align:left;padding:0 20px;display:none;}
dl.poetic_etc_info,
dl.poetic_etc_info *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
dl.poetic_etc_info *{/* font-family:"Noto Sans KR" !important; */}
dl.poetic_etc_info > dt{float:left;width:100%;position:relative;padding: 14px 0;background-color:#fff;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;margin-top: -1px;}
dl.poetic_etc_info > dt > .title{float:left;width:100%;position:relative}
dl.poetic_etc_info > dt > .title > strong{float:left;font-size: 14px;line-height: 16.71px;color: #000;font-weight:500}
dl.poetic_etc_info > dt > .title > .openClose{position:absolute;top:0;right:0;float:left;width:20px;height:100%;z-index:2;cursor:pointer}
dl.poetic_etc_info > dt > .title > .openClose > span{position:absolute;top: -2px;right:0;float:left;width:20px;height:20px}
dl.poetic_etc_info > dt > .title > .openClose > span > span{float:left;background-color:#111;position:absolute;top:0;left:0}
dl.poetic_etc_info > dt > .title > .openClose > span > .width{width: 11px;height: 1px;margin: 10px 5px;z-index:1}
dl.poetic_etc_info > dt > .title > .openClose > span > .height{width: 1px;height: 11px;margin: 5px 10px;z-index:2;opacity:1}
dl.poetic_etc_info > dt > .title > .openClose > span > .height{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
dl.poetic_etc_info > dt > .title > .openClose > span > .height.hide{opacity:0}
dl.poetic_etc_info > dt > .sub{float:left;font-size:14px;line-height:22px;color:#626262;font-weight:300;margin-top:10px;display: none;}
dl.poetic_etc_info > dd{float:left;width:100%;background-color: #fff;}
dl.poetic_etc_info > dd{max-height:0;overflow:hidden}
dl.poetic_etc_info > dd{
	-webkit-transition-duration:0.6s;
	-moz-transition-duration:0.6s;
	-ms-transition-duration:0.6s;
	-o-transition-duration:0.6s;
	transition-duration:0.6s;
	-webkit-transition-property:max-height;
	-moz-transition-property:max-height;
	-ms-transition-property:max-height;
	-o-transition-property:max-height;
	transition-property:max-height;
}
dl.poetic_etc_info > dd.on{max-height: 10000px;overflow-y: scroll;}
dl.poetic_etc_info > dd.on{
	-webkit-transition-duration:2.0s;
	-moz-transition-duration:2.0s;
	-ms-transition-duration:2.0s;
	-o-transition-duration:2.0s;
	transition-duration:2.0s;
}
dl.poetic_etc_info > dd *{display:block;font-size: 13px;line-height:22px;color: #666;padding:5px 0;font-weight: 400;}
dl.poetic_etc_info > dd *:first-child{margin-top:5px}
dl.poetic_etc_info > dd *:last-child{margin-bottom:5px}
dl.poetic_etc_info > dd > strong{font-weight:400}
dl.poetic_etc_info > dd > p{}


/* Layout helpers
----------------------------------*/
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-accordion-content h5, 
.ui-accordion-content h6, 
.ui-accordion-content h7, 
.ui-accordion-content h8, 
.ui-accordion-content h10 { word-break: keep-all; display: block; padding: 0 20px; font-family: "Noto Sans KR"; color: #333; letter-spacing: -1px; }

.ui-accordion-content h5 { font-size: 28px; font-weight: 600; margin-bottom: 10px; }
.ui-accordion-content h6 { font-size: 26px; font-weight: 600; margin-bottom: 10px; text-align: center;}
.ui-accordion-content h7 { font-size: 16px; font-weight: 400; line-height: 170%; }
.ui-accordion-content h8 { font-size: 24px; font-weight: 600; margin-bottom: 10px; }
.ui-accordion-content h10 { font-size: 13px; font-weight: 400; line-height: 150%;}
.ui-accordion-content img { margin: 0 0; }
 


/* °¡·Î ³ª¿­ ÇüÅ ÅÇ ¸Þ´º (¸ðµ¨ÄÆ / Á¦Ç°Á¤º¸ / Âø¿ë¹æ¹ý) */ 
/*2018.11.22. ÅǸ޴º °³¼±*/
.ui-accordion-content{display:block !important} 
.acco.ui-accordion .ui-accordion-content { padding: 36px 0px 0; }
#detail_tab {
    position: relative;
    padding-top: 48px;
}

.shopdetail #detail_tab h3 {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    text-align: center;
    color: #555;
    background: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 12px;
    font-weight: 500;
    height: 36px;
    line-height: 36px;
    padding: 0;
    margin: 0;
    z-index: 100;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    transition: all 0.3s ease;
}
a#reviewTab {
    position: absolute;
    top: 0;
    text-align: center;
    color: #555;
    background: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 12px;
    font-weight: 500;
    height: 36px;
    line-height: 36px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    z-index: 100;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    transition: all 0.3s ease;
}

#detail_tab.fixed {
}

.shopdetail #detail_tab.fixed h3 {
    position: fixed;
    top: 78px;
    left: 0;
}

.shopdetail #detail_tab.fixed a#reviewTab {
    position: fixed;
    top: 78px;
}

#detail_tab h3.ui-accordion-header-active {
    color: #fff;
    background: #555;
    border-color: #555;
}

.shopdetail #detail_tab.fixed a#reviewTab.active {
    background: #555;
    color: #fff;
    border-color: #555;
}

/* »óÇ°Á¤º¸ ´õº¸±â */
/*
#ui-id-2 {
    min-height: 100px;
    max-height: 245vw;
    overflow: hidden;
    position: relative;
}
#ui-id-2.active{max-height:100%;}
*/

.crema-product-reviews {
    margin-bottom: -8px !important;
}
/* ÇÑ±Û */   

  
/* BASIC css end */