/* BASIC css start */
.overflow_h {overflow:hidden;}

#detailpage {z-index:1000000000!important;}
#MK_basketpage {z-index:1000000001!important;}
.shortping_header {background:#f9f7f1;}
.shortping_tit {padding:40px 0 30px; text-align:center;}
.shortping_tit h2 {font-size:26px; color:#000; font-weight:600; line-height:30px;}
.shortping_tit h2 p {color:#999; font-size:12px; line-height:20px;}


.shortform_top {background:#f7f7f7; text-align:center; padding:50px 0 20px;}
.shortform_top .swiper-container, .formList .swiper-container {overflow:hidden;}
.shortform_top h2 {font-size:22px; color:#000; margin-bottom:10px; font-weight:600;}
.shortform_top p {font-size:16px; color:#000; margin-bottom:40px;}
.cateSlide {padding:10px 0;}
.cateSlide .swiper-container {padding:0 20px;}
.cateSlide .swiper-slide {width:auto;}
.cateSlide .swiper-slide a {display:inline-block;line-height:35px; color:#000; font-size:14px;}
.cateSlide .swiper-slide.active a {border-bottom:2px solid #000; font-weight:600;}
.section {padding-top:35px;}

.formList h2 {line-height:50px; font-size:14px; font-weight:600; padding:0 12px; color:#000; display:block; background:#f0f0f0; padding:0 10px;}
.formList h2 span {display:inline-block; font-size:14px; color:#000; font-weight:500; margin-left:10px;}
.formList {padding:0;}
.formList .swiper-container {padding:15px 10px;}
.formList .swiper-slide {position:relative; width: calc(50% - 5px); border-radius:10px; overflow:hidden;}
.formList .swiper-slide .cnt {position: absolute; padding: 2px 8px; background-color: rgba(0, 0, 0, 0.4); border-radius: 15px; top: 15px; left: 15px; color: #fff; font-size: 10px;}
.formList .swiper-slide .cnt img {width:12px; margin-right:2px; vertical-align:middle;}
.formList .swiper-slide .img {}
.formList .swiper-slide img {width:100%;}
.formList .swiper-slide .info {position:absolute; width:100%; box-sizing:border-box; bottom:0; padding:10px; font-size:14px; color:#fff; background:rgba(0,0,0,0.5); }

.formView {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index: 100000; bottom:0;}
.formView.active {display:block;}
.formView .swiper-container {height:100%;}
.formView .swiper-slide .video-wrap {height:100%; pointer-events:none;}
.formView .swiper-slide .video-wrap iframe {border:none; width:100%; height:100%;}
.formView.pause .swiper-slide-active:after {
    content:'';
    background:url('//jstyle07.jpg3.kr/RENEWAL/snapskin/play.png');
    width:50px;
    height:50px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-25px;
    margin-left:-25px;
    background-size:100%;
}


.formView .swiper-slide .video-wrap {
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 100dvh;
  @supports (-webkit-touch-callout: none) { height: -webkit-fill-available; }
}

.formView .swiper-slide .video-wrap iframe {
  box-sizing: border-box;
  width: 177.77777778vh;
  height: 56.25vw;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.formView .swiper-slide .control {position:absolute; bottom:30px; padding:0 16px; width:100%; box-sizing:border-box; display:flex; gap:10px;}
.formView .swiper-slide .control a {background:#000; color:#fff; line-height:40px; text-align:center; border-radius:5px; display:block; width:100%;}
.formView .swiper-slide .control a.view_product {width:36px; line-height:36px; border-radius:20px; border:2px solid #fff; display:block; flex-shrink: 0; overflow:hidden;}
.formView .swiper-slide .control a.view_product img {width:36px; height:36px;}
.formView .swiper-slide video {width: 100%; height: 100%; object-fit: cover; object-position: center center; position: relative; z-index: 0; pointer-events: none;}
.formView .swiper-slide .video-progress {position: absolute; bottom: 10px; width: 100%; height:2px; display:block;}
.formView .swiper-slide .video-progress span {display:block; vertical-align:top; height:2px; background:#fff;}

.formView .formViewHeader .formViewClose {position:absolute; line-height:40px; top:10px; left:10px; color:#fff; font-size: 16px; z-index: 100; padding-left:20px;}
.formView .formViewHeader .formViewMute {position:absolute; line-height:40px; top:10px; right:55px; color:#fff; font-size: 16px; z-index: 100;}
.formView .formViewHeader .formViewPlay {position:absolute; line-height:40px; top:10px; right:10px; color:#fff; font-size: 16px; z-index: 100;}
.formView .formViewHeader .formViewPlay:after {content:'STOP';}
.formView .formViewHeader .formViewPlay.play:after {content:'PLAY';}

.formView  .formViewHeader .formViewClose i {position:absolute; left:0; font-size:14px; margin-top:-7px; top:50%}
@keyframes progress {
    0%{
        width:0;
    }
    100%{
        width:100%;
    }
}


#detailpage {position: fixed !important; width: 100%; top: 0 !important; bottom:0!important; left: 0 !important; margin-left: 0 !important; font-family:"Noto Sans KR", sans-serif}
#detailpage .cnt {position: absolute; right: 0; left: 0; bottom:0; z-index: 2; background-color: #fff;box-sizing: border-box; padding-bottom:20px;}
#detailpage .cnt .prev-sns {text-align: left; margin-bottom: 7px; height: 30px;}
#detailpage .cnt .prev-sns img {width: 30px; height: auto;} 
#detailpage .detail {}
#detailpage .detail .thumb-wrap {position: relative; text-align: center;}
#detailpage .detail .thumb-wrap .thumb img {max-width: 100%;}
#detailpage .detail .btns {position: absolute; right: 5px; bottom: 5px;}
#detailpage .detail .btns a {width: 90px;height: 30px;border: 1px solid #525252;display: inline-block;text-align: center;line-height: 28px;box-sizing: border-box; background-color: rgba(255, 255, 255, 0.9);color: #525252;border-radius: 5px;}
#detailpage .detail .txt-wrap .ptit {border-bottom: 1px solid #bbb; padding-bottom: 3px; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 10px 0;}
#detailpage .detail .txt-wrap .ptit img {margin-right: 3px;}
#detailpage .detail .txt-wrap .table-opt .opt .s-replace {text-align: center; display: inline-block; width: 100%;}
#detailpage .detail .txt-wrap .table-opt .opt .s-consumer .prev-price {text-decoration: line-through; color: #828282;}
#detailpage .detail .txt-wrap .table-opt .opt .price-line {text-decoration: line-through;}
#detailpage .detail .txt-wrap .table-opt .opt .s-dc-price .prev-price {font-weight: bold;}
#detailpage .detail .txt-wrap .table-opt .opt .s-reserve .prev-price {color: #828282;}
#detailpage .detail .txt-wrap .table-opt .opt .prev-price {float: right;}
#detailpage .detail .txt-wrap .table-opt .opt .p-total {display:flex; padding:0 20px; justify-content:space-between;}
#detailpage .detail .txt-wrap .table-opt .opt .p-total .prev-tit {font-size: 12px; color: #2f2f2f;}
#detailpage .detail .txt-wrap .table-opt .opt .p-total .total-price {font-size: 16px; font-weight: 600; color: #5f0080 !important;}

#detailpage .table-opt .opt-wrap {margin-top: 10px; border-top: 10px solid #f4f4f4;  padding: 20px;}
#detailpage .table-opt .opt-wrap .tit { margin-bottom: 5px; }
#detailpage .table-opt .opt-wrap dl {width: 100%; display:flex; align-items:center; margin-bottom:10px;}
#detailpage .table-opt .opt-wrap dl:last-child {margin-bottom:0;}
#detailpage .table-opt .opt-wrap dt {display: inline-block; width: 33%; vertical-align: middle; word-break: break-all;}
#detailpage .table-opt .opt-wrap dd {display: inline-block; width: 67%;}
#detailpage .table-opt .opt-wrap .sel-btn { padding-left: 10px; text-align: center; }
#detailpage .table-opt .opt-wrap select {display: block; width: 100%; font-size: 12px;}
#detailpage .table-opt .opt-wrap .opt-btns { display: inline-flex; align-items:center; gap:10px;}
#detailpage .table-opt .opt-wrap .opt-btns input {float:none!important; vertical-align: middle; height: 35px; box-sizing: border-box; text-align: center !important; border: 0!important; padding:0!important; -webkit-appearance: none; }
#detailpage .table-opt .opt-wrap .opt-btns .btn-up { background-color: #fff; width: 50px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; display: inline-block; border: 1px solid #7D7D7D; border-radius: 2px; box-sizing: border-box; }
#detailpage .table-opt .opt-wrap .opt-btns .btn-dw { background-color: #fff; width: 50px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; display: inline-block; border: 1px solid #7D7D7D; border-radius: 2px; box-sizing: border-box; }
#detailpage .table-opt .opt-wrap dl .opt-count select { width:100%; }
#detailpage .table-opt .opt-wrap dl .opt-count .opt-btns { float: left; margin-top: 5px; }
#detailpage .table-opt .opt-wrap dl .opt-count .opt-btns input { margin-right: 3px; }
#detailpage .table-opt .opt-wrap dd  select {
    width: 100%;
    height: 37px;
    line-height: 37px;
    font-size: 12px;
    background: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
#detailpage .f-btns {margin: 16px 0 0;  padding:0 20px; }
#detailpage .f-btns ul {overflow: hidden;}
#detailpage .f-btns ul li {float: left; text-align: center; width: 100%;}
#detailpage .f-btns ul li .soldout-msg {width: 100%; background-color: #F2F4F7; display: block; padding: 5px; box-sizing: border-box;}
#detailpage .f-btns ul li:first-child a {margin-left:0;}
#detailpage .f-btns ul li.p_buy {width: 100%; margin-bottom:10px;}
#detailpage .f-btns ul li.p_cart {width: 50%}
#detailpage .f-btns ul li.p_wish {width: 50%}
#detailpage .f-btns ul li.p_buy a {color: #fff; background-color: #5f0080; border: 1px solid #5f0080; height: 44px; line-height: 44px; font-size: 15px; box-sizing: border-box; display: block; border-radius: 6px;}
#detailpage .f-btns ul li.p_cart a {background-color: #fff; border: 1px solid #dddddd; height: 50px; line-height: 50px; font-size: 13px; box-sizing: border-box; display: block; font-size: 15px; font-weight: 400; color: #4d4d4d; margin-right: 5px; border-radius: 6px;}
#detailpage .f-btns ul li.p_wish a {background-color: #fff; border: 1px solid #dddddd; height: 50px; line-height: 50px; font-size: 13px; box-sizing: border-box; display: block; font-size: 15px; font-weight: 400; color: #4d4d4d; margin-left:5px; border-radius: 6px;}
#detailpage .f-btns .btn_cartfree { display: inline-block; width: 100%; height: 30px; line-height: 30px; color: #fff; background-color: #313131; border: 1px solid #313131; box-sizing: border-box; text-align: center; }

#detailpage .close-layer {display: block; position: absolute; top: -45px; right: 10px; width: 45px; height: 36px;}
#detailpage .close-layer .pop-close-btn .x1 {border: 1px solid #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 25px; position: absolute; top: 12px; right: 5px;}
#detailpage .close-layer .pop-close-btn .x2 {border: 1px solid #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 25px; position: absolute; top: 12px; right: 5px;}

.p-bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: #000; opacity: 0.5; }

#layerShopChoice { top: -20px !important;}

html .list_shoppingInfo .dc_info{vertical-align: middle; margin: 5px 0 0 5px;}


/*통옵소스*/
.MK-oneclick-list { overflow:hidden; zoom:1; }
.MK-oneclick-list:after { content: ""; display: block; clear: both; }
.MK-oneclick-list li { float:left; margin: 0 5px 5px 0; list-style-type:none; }                                                                                
.MK-oneclick-list li a { border:1px solid #231f20; display: inline-block; border-radius: 1px; box-sizing:border-box; } 
.MK-oneclick-list li.MK-oneclick-sel a { border:2px solid #000000; }
.MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; }
.MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a {  padding:1px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle; line-height: 19px; }                         
.MK-oneclick-list li a img { width: 100%; height:100%;}
.MK-oneclick-list li.MK-oneclick-image a {height:50px;}
.MK-oneclick-list li.MK-oneclick-image a img {width: auto; height: 48px;;}
.MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:46px; width: auto;}
.MK-oneclick-list li.MK-oneclick-color { width:50px; height: 50px; } 
.MK-oneclick-list li.MK-oneclick-color a { padding: 2px; }
.MK-oneclick-list li.MK-oneclick-color span { width: 44px; height: 44px; }
.MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; }
.MK-oneclick-list li.MK-oneclick-text  .MK-oneclick-list li.MK-oneclick-text {min-width:35px; max-width:100%; height: 50px; }
.MK-oneclick-list li.MK-oneclick-text a { padding: 2px; }
.MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding:1px;}
.MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px; }                                                                        
.MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; }
.MK-oneclick-value { padding: 2px 0; display:block; }
.MK-oneclick-only-text li.MK-oneclick-text { height: auto; }
.MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; }

/*추가*/
.shopdetailInfoValue .titborder{box-sizing:border-box;position:relative;  padding: 20px; }
.shopdetailInfoValue h2 {font-size: 18px; font-weight: 500; color: #2f2f2f; margin-bottom: 15px; padding-right:20px;}
.shopdetailInfoValue p.consumer, .shopdetailInfoValue p.price_cell {
    display: inline-block;
    vertical-align: top;
}
.shopdetailInfoValue .consumer {
    font-size: 23px;
}
.shopdetailInfoValue p.consumer .wonga {
    font-weight: 700;
    color: #000000;
}
.shopdetailInfoValue p.consumer .per {
    color: #ff4254;
    font-weight: 700;
}
.shopdetailInfoValue p.consumer del, .shopdetailInfoValue p.consumer.plus {
    font-weight: 300;
    color: #cbcbcb;
    font-size: 17px;
    text-decoration: line-through;
    vertical-align: bottom;
}

.shopdetailInfoValue p.late {
    margin-top: 15px;
    font-size: 14px;
    color: #555;
    font-weight: 600;
}
.buy_btn_wrap {
    position: absolute;
    top: 20px;
    right: 20px;
}
.buy_btn_wrap>a {
    text-align: center;
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
}
.buy_btn_wrap > a img {
    height: 17px;
    vertical-align: middle;
}
.bgMask_share {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}
.shareBox{display:none; position:fixed; width:calc(90% - 60px); padding:20px; left:5%; top:50%;  transform:translateY(-50%); background:#fff; border-radius:10px; z-index:9999 }
.shareBox strong{display:block;font-size:20px; line-height:50px; text-align:center; font-weight:bold; border-bottom:1px solid #000;}
.shareBox div{display:flex; gap:20px; text-align:center; padding:20px 0; justify-content:center;}
.shareBox div a{display:inline-block; vertical-align:top;}
.shareBox div a img{width:50px;vertical-align:middle;display:block;}
.shareBox div a span {display:block; margin-top:9px; font-size:14px; color:#000;}
.shareBox a.shareBoxCloseBtn{ display:block; width:100%; border-radius:10px; text-align:center; line-height:40px; font-size:16px; color:#fff; background:#222;}


/* BASIC css end */