/* BASIC css start */
.pd-rel {position:relative;}
.soldout_prd {position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:#e1e1e1; padding:10px 0; z-index:1; line-height:45px; width:100%;}
.soldout_prd p {text-align:center; border-top:1px solid #fff; border-bottom:1px solid #fff; font-weight:900; font-size:26px; color:#cc0205;}

.thumb_wrap .swiper-container .swiper-slide img{display:block; max-width:100%; margin:0 auto; }
.thumb_wrap .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000;}

.MK-oneclick-only-text li.MK-oneclick-text span{font-size: .6875rem;}
.MK-oneclick-value{font-size: .6875rem;}
.option_tk .product-opt{margin: 10px 0;}
.option_tk .add-opt_item{margin: 10px 0;}
.shopdetail .shopdetailItem .shopdetail_Content .detail_item{padding: 20px 10px 30px; text-align: center;}


.option_tk .shopdetailInfoSelect{margin-top:10px}
.option_tk .shopdetailInfoSelect select{font-size:12px; margin-bottom:7px}



/* 당일 배송 */
.day_delivery {display:none;}
.day_delivery.on {display:block;}
#ifend{color: #fff;font-size: 15px;display: block;background: #0d2e4d;padding: 12px 0;font-family: 'Noto Sans KR', sans-serif;text-align: center;font-size: 0.6875rem;letter-spacing: -.5px;margin:0 15px;}
#ifend #time {vertical-align: text-top;}
#ifend b {vertical-align: middle;}
#ifend b.next {vertical-align: unset;}
#ifend #time,
#ifend b{color: #ff7c8e; font-weight:bold;}

/* 게시글 */
#tabs {
    padding-bottom: 10px;
    font-size: 12px;
    /*margin: 0 10px;*/
}
#tabs .shopdetailBoard {
    overflow: hidden;
    text-align: center;
    border-bottom: 1px solid #cdcdcd;
    padding: 10px 8px;
    margin-bottom: 0;
    text-align: left;
}
#tabs .shopdetailBoard .tab_on {
    padding: 10px 0;
    font-weight: bold;
}
#tabs .util {
    border-bottom: 1px solid #e4e4e4;
    /*padding: 10px;*/
    padding:10px 0; 
}
#tabs .util a {
    border:0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    background-color: #b4b4b4;
}
#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: #424242;
    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;
}
.list_board ul li dl h4 {
    margin: 0
}
.list_board ul li .cont_wrap {
    padding-top: 5px;
    border-top: 1px dotted rgb(190, 190, 190);
    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.875em;
    color: #777777;
    font-weight: normal;
}
/* 비번입력 */
.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;
}
.paging a.now {
    background-color: #fff !important;
    border: none !important;
    color: #000;
}
/* 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;
}

.shopdetail .okdgg-checkout,
#kakaopay_order_btn {text-align:center;}


#discountprice {position: absolute; right:0;top:4px;font-size:12px;color:#120B19;letter-spacing: -1px;} 
#discountprice span{display:inline-block;width:18px;height:18px;background:#A4A4A4;border-radius:2px;color:#fff;font-size:11px;text-align:center;line-height:18px;margin-left:2px;}

/* 예상구매가 */
.SMS_detail_mask{background: rgba(0, 0, 0, 0.4) !important;}
.pop_bg{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background: rgba(0, 0, 0, 0.4);z-index:10000;}
#discountbigbox {visibility: hidden;position:fixed;top:20%;left:50%;transform:translate(-50%);z-index:10001;height:auto !important;width:91.7%;background:#fff;border-radius:5px;   transition: all 0.3s; opacity: 0;}
#discountbigbox.on{opacity: 1;visibility: visible;}
#discountbigbox .inner{padding:25px 15px;}
#discountbigbox .inner .close_btn {width: 15px; height: 15px;line-height: 1; position: absolute;top: 25px;right: 15px;text-align: center;background: url('/design/naschenka/modeny/MO_img/icon_pop_close_15.png') center no-repeat;background-size: 15px;}
#discountbigbox .inner h1{font-size:16px;color:#120B19;font-weight:500;margin-bottom:20px;}
#discountbigbox .inner .total_benefits{padding:25px 15px 21px;background:#F8F8FA;border-radius:5px;margin-bottom:20px;}
#discountbigbox .inner .total_benefits:after,#discountbigbox .inner .uwillget:after{content:"";display:block;clear:both;}
#discountbigbox .inner .total_benefits p{display:inline-block;font-size:14px;color:#D35460;font-weight:500;vertical-align: sub;}
#discountbigbox .inner .total_benefits p.total_benefits_num{float:right;font-weight:400;}
#discountbigbox .inner .total_benefits p.total_benefits_num span{font-size:16px;font-weight:500;}
#discountbigbox .inner .uwillget{margin-bottom:18px;}
#discountbigbox .inner .uwillget .condition{display: inline-block;font-size:13px;color:#4C4D4E;letter-spacing:-.5px}
#discountbigbox .inner .uwillget .condition #npayicon{width:36px;margin-right:6px;}
#discountbigbox .inner .uwillget #pricewon{float:right;font-size:13px;color:#120B19;}
#discountbigbox .inner .uwillget #pricewon span{font-weight:600;}

/* 멤버쉽할인가 */
.mpBtn {
    position: relative;
    padding-right: 17px;
    font-size: 12px;
    cursor: pointer;
}

.mpBtn:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    background: url(/design/naschenka/modeny/MO_img/p_next.png) no-repeat center;
    width: 12px;
    height: 12px;
    transform: rotate(90deg);
}

.memberPrice {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    z-index: 10;
    background: #fff;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    font-size: 12px;
    line-height: 33px;
}

.memberPrice .mtit {
    position: relative;
    padding: 0 5%;
    border-bottom: 1px solid #dfdfdf;
    cursor: pointer;
}

.memberPrice .mtit .mpBtn_x {
    position: absolute;
    top: 0;
    right: 0;
    width: 33px;
    height: 33px;
    text-align: center;
    font-size: 15px;
}

.memberPrice .mlist {
}

.memberPrice .mlist ul {
    overflow: hidden;
    padding: 0 5%;
    border-bottom: 1px solid #dfdfdf;
}

.memberPrice .mlist li {
    display: inline-block;
    padding-bottom: 0 !important;
}

.memberPrice .mlist li:first-child {
    text-align: left;
    width: 50%;
}

.memberPrice .mlist li:last-child {
    text-align: right;
    width: 48%;
    font-weight: 600;
}

.memberPrice .mlist2 ul {
    overflow: hidden;
    padding: 0 5%;
    border-bottom: 1px solid #dfdfdf;
}

.memberPrice .mlist2 li {
    display: inline-block;
    padding-bottom: 0 !important;
}

.memberPrice .mlist2 li:first-child {
    text-align: left;
    width: 60%;
}

.memberPrice .mlist2 li:last-child {
    text-align: right;
    width: 38%;
    font-weight: 600;
}

.memberPrice.show {
    display: block;
}

body .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .product_desc {padding:3px 0;}
.shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .product_desc .shopdetailInfoName .tb-bold {font-weight:600;}
body .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont .big strong {font-size:14px;}
.bd1 {border-top:1px solid #dcdcdc; margin: 10px 0;}

.benefit_wrap {position:relative;width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;word-wrap: break-word;word-break: keep-all;} 
.benefit_wrap td {padding: 8px 0 0px !important;} 
.benefit_wrap p {display:flex;font-size: 12px;font-weight: 600;justify-content:space-between;align-items:center;margin: 0;} 
.benefit_wrap p a {/* background:#fff; *//* border:1px solid #9c8f87; *//* border-radius:3px; *//* padding:3px 5px 2px; *//* color: #847871; */} 
.benefit_wrap p a img{vertical-align: middle; width: 10px;}
.benefit_wrap p.benefit_tit a{width: 77px; line-height: 25px; font-size: 11px; color: #fff; background: #5e2775; text-align: center; font-weight: 500;}
.benefit_wrap dl {position:relative;display:flex;justify-content:space-between; } 
.benefit_wrap dl dt {position:relative;padding-right: 0px;font-size: 12px;font-weight: 600;word-break: keep-all;white-space: nowrap;} 
.benefit_wrap dl dd {text-align:right;} 
.benefit_wrap dl dd {position:relative;font-size:13px;color: #ee8484;font-weight:bold;position:relative;} 
.benefit_wrap dl dd div {position:relative; } 
.benefit_wrap dl dd a{} 
.benefit_wrap dl dd b,.benefit_wrap dl dd span {color: #000;} 


/* 툴팁 */
.tooltip_div {position:absolute;top:0;right: -20px;width: 14px;height:100%;background: url('/design/naschenka/modeny/MO_img/ico_benefit.png') no-repeat 38% 2px;background-size: 14px;}
.tooltip_div.opener {cursor:pointer; } 
.tooltip {position:absolute;display:none;background:#fff;width: 250px;border:1px solid #ddd;z-index:2;border-radius:10px;} 
.tooltip_div:hover>.tooltip {display:block; } 
.tooltip_div.reverse:hover>.tooltip {right:0}
.tooltip.txt_area {padding: 12px 13px 16px;}
.tooltip.txt_area .tit {font-weight:500;font-size: 14px;line-height:24px;color:#000;white-space:nowrap;margin: 0 !important;}
.tooltip.txt_area .txt {margin-top:8px;font-weight:400;font-size:12px;line-height:18px;color:#555;white-space:nowrap}
.tooltip.txt_area .txt:first-child {margin-top:0}
.tooltip.txt_area .dot_indent {margin-top: 0;}
.tooltip.txt_area .dot_indent:first-child {margin-top:0}
.tooltip.txt_area .dot_indent p {margin-top:4px;padding-left: 0;font-weight:400;font-size: 11px;color:#555;margin: 0 !important;}
.tooltip.txt_area .dot_indent p:first-child {margin-top:0}
.btn-discount {padding-right:20px;position:relative;font-size: 13.37px;font-weight: 800;} 
.btn-discount:before {display:block;content:url("/design/naschenka/modeny/MO_img/bf_off.png");position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:11px; } 
.btn-discount.on:before {display:block;content:url("/design/naschenka/modeny/MO_img/bf_on.png");position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:11px; } 
.btn-discount span {color:#f62121; font-family: 'Nanum Gothic', sans-serif;} 
.sale-list {display:none;margin-top:5px; } 
.sale-list li {margin-bottom:10px;} 
.sale-list li:last-child {margin-bottom:0; } 
.sale-list.open {display:block;margin-top: 0;padding: 3px 20px;border-radius:10px;box-sizing:border-box;} 
.sale-list li {display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:normal; } 
.sale-list li b {font-size: 11px;line-height: 18px;font-weight: 400;} 
.sale-list li span {font-weight: 400;font-size: 11px;line-height:20px;margin-left:10px;} 


.common_cmt { width:92%; margin:2% auto; padding:2%; text-align:left; border:1px solid #ccc;}
.common_cmt p {font-family: "Noto Sans KR", "Nanum Gothic"; font-size:11px; line-height:20px; letter-spacing:-1px;}
.common_cmt span {color:#d12a34;}

#info-group {text-align:left;}
#info-group dt {background-color: #464646; color: #fff; padding: 6px 10px; margin:20px 0 16px 0;}
#info-group dd {padding:0 20px; margin-bottom:5px; }
#info-group .fa-square {color:#ca3d3d;}
#info-group em {color:#ca3d3d;}


/* 페북 동영상 */
.fbv {width:100%; margin:0 auto;}


.fbv-wrapper, .fbv-wrapper-sq, .fbv-wrapper-v {
    overflow: hidden;
    position: relative;
    height: 0;
    background-color:#000;
    margin-bottom:25px;
}
 
.fbv-wrapper {
    padding-bottom: 56.25%;
}

.fbv-wrapper-sq {
    padding-bottom: 100%;
}

.fbv-wrapper-v {
    padding-bottom: 177.77%;
}


.fbv-wrapper iframe, .fbv-wrapper-sq iframe, .fbv-wrapper-v iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}





.mt_img {min-height:600px; background:#f6f6f6}
.mt_img img {position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}


.prod_icons img {width:20%;}

.naschenka {text-align:left; border:1px solid #fcfcfc; padding:1.2em; margin:1em; background-color:#f6f6f6;}
.naschenka ul li {margin-bottom:1.2em;}

.blend_darken  { mix-blend-mode: darken; }

/* BASIC css end */

