/* BASIC css start */
/* 추가구매 웹ftp참조 */

#container{color:var(--det-font-color)}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com{padding:0 5% !important}
.thumb_wrap .swiper-container .swiper-slide img{display:block; max-width:100%; 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;padding:0 5% !important}
.option_tk .add-opt_item{margin: 15px 0;padding:0 5% !important }
.option_tk .add-opt_item .shopdetailInfoCont, .option_tk .add-opt_item .shopdetailInfoName{font-size:12.5px !important; color:var(--det-font-color) !important}
.option_tk select{background-color:transparent !important; border-color:#d5d3c8 !important; }
.option_tk .shopdetailInfoSelect{margin-top:10px}
.option_tk .shopdetailInfoSelect select{font-size:12px; margin-bottom:7px}

.shopdetail .shopdetailItem .shopdetail_Content .detail_item{padding: 20px 10px 30px; text-align: center;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed::after{content:""; display:block; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.5); z-index:-1}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue{padding:15px 5% !important}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .product_desc{border-bottom:1px solid #d5d3c8; padding:11px 0 !important}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .product_desc span{color:#000; font-size:12.5px !important}

#MK_innerOptTotal.total_box{padding:11px 5% 18px !important; }


.thumb_wrap .swiper-pagination{bottom: 20px;}
.thumb_wrap .swiper-pagination-bullet{width: 30px; height: 5px; border-radius: 0; background-color: var(--main-font-color) !important; }

/* 구매버튼영역 */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton{}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box{display:flex}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn{font-size:13px !important; padding:15px 0 !important;font-family: 'Noto Sans KR', sans-serif; border:none !important}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_100{width:66% !important; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_50 img{transform:scale(.66)}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .coupon_wrap .coupon_img {
  
    margin-top: 2px!important;
    max-height: 65px!important;
   
}

.btn_basic_1{background-color:#000!important; color:#fff !important; border:none !important}
.btn_basic_2{background-color:#6d6d6d !important; color:#fff !important}


element.style {}
#kakaopay_order_btn {padding-top: 10px; text-align: center;}

/* 관련상품 */
 .related{margin-top:50px; padding:5%}
 .related h2{ font-family: 'Noto Sans KR', sans-serif; font-size: 18px;letter-spacing:-.7px ;font-weight: 600;  margin-bottom: 28px;color:var(--det-font-color);}
 .related.item-wrap {  margin-bottom:70px;  }
 .related.item-wrap .swiper{width:100%}
 .related.item-wrap .item_list .info{}
 .related.item-wrap .item_list .tumb{}
 .related .swiper{padding-bottom:40px}
.related .swiper-pagination{bottom: 15px;}
.related .swiper-pagination-bullet{width: 30px; height: 5px; border-radius: 0; background-color: var(--main-font-color); }


.MK_optAddWrap .MK_inner-opt-cm{padding:0 5% !important; }
.MK_optAddWrap .MK_inner-opt-cm li{padding:20px 0 !important; background-color:transparent !important; }
.MK_optAddWrap .MK_inner-opt-cm li .MK_p-name{width:29%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float:left}
.MK_optAddWrap .MK_inner-opt-cm li .MK_price{position:absolute; top:50%; transform:translateY(-50%); right:30px; font-size:13px !important;font-family: 'Jost', sans-serif; }
.MK_optAddWrap .MK_inner-opt-cm li .MK_price span{font-size:unset !important}
.MK_optAddWrap .MK_inner-opt-cm li .MK_btn-del{bottom:50% !important; transform:translateY(50%); right:0 !important}



.MK_qty-ctrl {width:100px !important ; height:33px !important;border:1px solid #d5d3c8 !important; background:transparent !important;    position: absolute !important;top: 50% !important;transform: translateY(-50%) !important;left:30% !important; border-radius:5px !important}
.MK_qty-ctrl .basic_option,.MK_qty-ctrl .MS_amount_basic,.MK_qty-ctrl .addition_option { width:27px !important; height:31px !important; line-height:31px !important; border: 1px solid transparent !important; text-align:center !important; color:var(--det-font-color) !important}

.MK_qty-ctrl .basic_option{font-family: 'Jost', sans-serif;position:absolute; left:27px !important; width:44px !important; margin:0 !important ;    background: transparent !important;}
.MK_qty-ctrl a { position:absolute !important; float:left !important; display:inline-block !important; width:30px !important; height:33px !important; text-indent:-9999em; margin:0 !important; vertical-align:top !important; background:center center no-repeat !important;background-size:10px !important;}
.MK_qty-ctrl a:nth-last-of-type(2) {  background-image:url(/design/wonilbio/pure/MO_img/plus.png) !important ;left:0 !important}
.MK_qty-ctrl a:nth-last-of-type(1) {   background-image:url(/design/wonilbio/pure/MO_img/min.png) !important; right:0 !important; border-right:none !important;left: unset !important;}
#MK_p_total{font-family: 'Jost', sans-serif; font-size:20px !important; font-weight:700 !important }
#MK_innerOptTotal.total_box span{font-size:13px !important; font-weight:500; margin-right:10px;}



.MK-oneclick-list li.MK-oneclick-color{width:38px !important; height:38px !important;}
.MK-oneclick-list li.MK-oneclick-dis a,.MK-oneclick-list li.MK-oneclick-color a{border-radius:50% !important}
.MK-oneclick-list li.MK-oneclick-color span,.MK-oneclick-list li.MK-oneclick-dis span{border-radius:50% !important; width:28px !important; height:28px !important}







.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk{padding-top:18px}


.shopdetail .product_detail_outer{border-top:none !important}
.shopdetail .shopdetailItem .detail_item_nav{border-bottom:none !important}
.shopdetail .shopdetailItem .detail_item_nav ul{display:flex !important; align-items:center; justify-content:center; }
.shopdetail .shopdetailItem .detail_item_nav ul li{border-bottom:none !important;position:relative; margin:0 10px !important; }
.shopdetail .shopdetailItem .detail_item_nav ul li a{color:#bfb9b7 !important}
.shopdetail .shopdetailItem .detail_item_nav ul li.on a::before{display:block}
.shopdetail .shopdetailItem .detail_item_nav ul li a::before{content:""; display:none; width:3px; height:3px; border-radius:50%; background-color:var(--det-font-color); position:absolute; top:-5px; left:50%; transform:translateX(-50%)}
.shopdetail .shopdetailItem .detail_item_nav ul li.on a{color:var(--det-font-color) !important}


#mPowerreview .tit{background:transparent !important}
#mPowerreview .photo-odr .odr select{height:35px !important; line-height:35px !important}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.buy{background-color:var(--det-font-color) !important }
.shopdetailInfoOneclick{background:transparent !important}
/* 게시글 */
#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;
}
/* BASIC css end */