/* BASIC css start */
.product_desc {font-size:16px; margin-top:20px; line-height:24px; }
.shopdetailInfoName {color:#969696; margin-right:15px;}



/*wish on off*/
#MS_btn_wish .wishOff{
    display:block;
}

#MS_btn_wish .wishOn{
    display:none;
}

#MS_btn_wish.wish-on .wishOn{
    display:block;
}

#MS_btn_wish.wish-on .wishOff{
    display:none;
}

.iconBox {
    position: absolute;
    right: 40px;
    width: 25px;
    top: 0;
}



.iconBox.share{
    width:25px;
    right:0;
    margin-right:0;
    top: 0;
}

.iconBox.share .snsList{
    position:fixed;
    bottom:-100vh;
    left:0;
    width:100%;
    max-height:100vh;
    padding:5vw 5.556vw 0;
    text-align:center;
    background:#fff;
    z-index:1000;
    box-shadow: rgba(100, 100, 111, 0.2) 0px -5px 20px 0px;
    transition:all 0.3s;
}

.iconBox.share .snsList.open{
    bottom:0;
}

.iconBox.share .snsList .shareTit{
    font-size:3.889vw;
    line-height:5vw;
    margin-bottom:5.556vw;
}

.iconBox.share .snsList .shareGoodsImg img{
    width:14.722vw;
}

.iconBox.share .snsList .shareGoodsText{
    padding:2.778vw 0 5.556vw;
    font-size:3.611vw;
    line-height:5.556vw;
}

.iconBox.share .snsList .shareGoodsText .brand{
    font-size:3.611vw;
    padding:0;
}

.iconBox.share .snsList .shareGoodsText .name{
    font-weight:500;
}

.iconBox.share .snsList ul{
    display:flex;
    justify-content: center;
    margin-bottom:6.944vw;
}

.iconBox.share .snsList ul li{
    width:9.444vw;
    margin-right:6.111vw;
}

.iconBox.share .snsList ul li:last-child{
    margin-right:0;
}

.iconBox.share .snsList ul li img{
    width:100%;
}

.iconBox.share .snsList .closeShareBoxBtn{
    margin:0 -5.556vw;
    padding:4% 0;
    border-top:1px solid #eee;
    text-align:center;
}

.iconBox.share .snsList .closeShareBoxBtn a{
    font-size:3.611vw;
    line-height:6.389vw;
    padding:4vw;
}



.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{display:none !important;}
.option_tk .product-opt{padding: 0px !important;}
.option_tk .add-opt_item{margin: 10px 0; padding: 0 !important;}
.shopdetail .shopdetailItem .shopdetail_Content .detail_item{padding: 20px 10px 30px; text-align: center;}
.shopdetail{padding-top:20px}
.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 .fixed-btn .btn_basic {
    height: 60px !important;
    line-height: 60px !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
}


/*다중 이미지*/

.thumb-wrap{width: 100%; padding:15px}
.thumb-wrap ul.multi_img{width: 100%;}
.thumb-wrap ul.multi_img li.multi_on{width:100%;position:relative }
.thumb-wrap ul.multi_img li.multi_on img{width:100%;  object-fit:cover; border-radius:4px;}
.thumb-wrap ul.multi_img li.multi_thumb{width:100%; }
.thumb-wrap ul.multi_img li.multi_thumb ul{width: 100%;text-align:center; margin-top:1.3%}
.thumb-wrap ul.multi_img li.multi_thumb ul li{width: 19%; display:inline-block;float:left; margin-right:1.25%}
.thumb-wrap ul.multi_img li.multi_thumb ul li:last-child{margin-right: 0 !important}
.thumb-wrap ul.multi_img li.multi_thumb ul li img{width:100%;object-fit:cover; border-radius:5%}
.thumb-wrap .z_image {width:100%;}
.thumb-wrap .z_image a{width:100%;position:relative}
.thumb-wrap .z_image img{width:100%; border-radius:3% }
/* 상품정보1 */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic{padding:15px 0 35px !important; border-color:#eee !important; }
.shopdetailInfo_basic{}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic h2{margin-bottom: 20px !important; padding:0 !important; font-size:21px !important; color:#000 !important; font-weight:500 !important; line-height: 30px !important; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic .subname{color:#999999; font-size:16px; line-height:1.4; margin-bottom:15px;font-weight:400; }
.shopdetailInfo_basic .prdprice_section{ float:left;}
.shopdetailInfo_basic .prdprice_section p.prdprice{font-family: "Pretendard Variable", Pretendard, sans-serif; font-size: 20px; color: #000; font-weight: 700; }
.shopdetailInfo_basic .prdprice_section p.prdprice strike{font-family: "Pretendard Variable", Pretendard, sans-serif; color: #cccccc;font-weight:400; display:inline-block; margin-left:7px; font-size:15px}
.shopdetailInfo_basic .prdprice_section p span.won{font-size:17px;font-family: "Pretendard Variable", Pretendard, sans-serif; }
.shopdetailInfo_basic .prdprice_section p span.won2{font-size:13px;font-family: "Pretendard Variable", Pretendard, sans-serif; }
.shopdetailInfo_basic .btn_wish{float:right; }
.shopdetailInfo_basic .btn_wish img{transform:scale(.75); transform-origin:top center; }

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue{ border-bottom:1px solid #eee !important; padding:25px 0 !important; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .product_desc{padding:7px 0 !important; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .product_desc .shopdetailInfoCont, 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .product_desc .shopdetailInfoName{font-size:14px !important; color:#555 !important; }
.option_tk .add-opt_item .shopdetailInfoCont { width:100% !important; }
.option_tk .add-opt_item .shopdetailInfoCont, .option_tk .add-opt_item .shopdetailInfoName{font-size:14px !important;  line-height:28px !important;  }
.option_tk .add-opt_item .shopdetailInfoName{font-weight:500 !important; color:#000 !important; }
.option_tk .add-opt_item .shopdetailInfoCont select{font-size:14px !important; line-height:28px; height: 45px !important;}
.option_tk .product-opt .shopdetailInfoCont, .option_tk .product-opt .shopdetailInfoName{font-size:14px !important; color:#555 !important; line-height:28px !important;  }
.shopdetailInfoOneclick{background:none !important}
.shopdetailInfoOneclick .shopdetailInfoList{width:100% !important;}
.option_tk .product-opt .shopdetailInfoCont {width:100% !important;}
.option_tk .product-opt .shopdetailInfoCont select { margin-top:20px; height:50px !important; border: 1px solid #ccc !important; outline: none; font-size: 0.9rem !important;}


.MK-oneclick-list li.MK-oneclick-color{width:33px !important; height:30px !important;}
.MK-oneclick-list li.MK-oneclick-dis a,.MK-oneclick-list li.MK-oneclick-color a{border-radius:50% !important; border-color:#ccc }
.MK-oneclick-list li.MK-oneclick-color span,.MK-oneclick-list li.MK-oneclick-dis span{border-radius:50% !important; width:21px !important; height:21px !important}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName{font-weight:500 !important; color:#000 !important; }
/* 구매버튼 */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton {padding-bottom:0px !important;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn{padding:14px 0 !important; font-size:15px !important; border-radius:4px !important;font-weight:500}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box{display:flex; flex-wrap:wrap; justify-content:space-between; padding:0px !important;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_50{margin-left:0 !important; margin-right:0 !important;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_100{background-color:var(--main-color) !important; border:none !important;}
/* 관련상품 */
 .related{ padding:5%}
 .related h2{ font-family: "Pretendard Variable", Pretendard, sans-serif; font-size: 18px;letter-spacing:-.7px ;font-weight: 500;  margin-bottom: 23px;color:#000;}
 .related.item-wrap {    }
 .related.item-wrap .swiper{width:100%}
 .related.item-wrap .item_list .info{}
 .related.item-wrap .item_list .tumb{}
.related .swiper-pagination{bottom: 15px;}
.related .swiper-pagination-bullet{width: 20px; height: 4px; border-radius: 0; background-color: #d2baa5; }
.related .item_list .info .prdname{font-size:12px}
.related .item_list .info .prdprice .price{font-size:11.5px}




/* 옵션창 */
.MK_optAddWrap .MK_inner-opt-cm {padding: 0 !important;}
.MK_optAddWrap .MK_inner-opt-cm li{padding:20px 20px 20px 20px !important; background-color:#f9f9f9 !important; }
.MK_optAddWrap .MK_inner-opt-cm li .MK_p-name{margin-bottom:15px !important; width:85%; color:#000 !important; }
.MK_optAddWrap .MK_inner-opt-cm li .MK_btn-del{bottom:unset !important; top:15px !important ; right:17px !important; width:auto !important; height:auto !important;  }
.MK_optAddWrap .MK_inner-opt-cm li .MK_btn-del:before{width:13px !important; height:13px !important; }
.MK_optAddWrap .MK_inner-opt-cm li .MK_price{font-size:14px !important;}
.MK_optAddWrap .MK_inner-opt-cm li .MK_price span{font-size:16px !important; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight:500 !important;}
.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl{width:120px !important; height:30px !important}
.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl input{width:60px !important; height:30px !important; line-height:30px !important; border-left:none !important; margin:0 !important}
.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl a:nth-last-of-type(2){right:0}
.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl a:nth-last-of-type(1){left:60px !important; border-right:1px solid #dfdfdf}
.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl a{width:30px !important; height:30px !important;}




/* 합계금액 */
#MK_innerOptTotal.total_box{padding:20px 0px !important; display: flex; justify-content: space-between; align-items: center;}
#MK_p_total{font-size:24px !important; color:#000 !important;font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight:600 !important;   }
#MK_innerOptTotal.total_box .txt-won{font-size:16px !important; color:#000 !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;
    font-size: 1rem;
}
#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 {
    font-size:1.2em;
    border:0;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    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;
    border-bottom: 1px solid #e4e4e4;
}
.list_board ul li dl h4 {
    margin: 0;
    width: 100%;
    font-size: 1.2em;
    line-height: 2em;
}

.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-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    margin: 20px 0;
    padding: 20px 10px;
}
.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 .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk{padding:15px !important;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.buy{background-color:var(--main-color) !important}
/* 상세정보 탭 */
.shopdetail .product_detail_outer{border-top:none !important;}
.shopdetail .shopdetailItem .detail_item_nav{border-color:#000 !important; height:55px !important; margin: 0 5px 20px 5px;}
.shopdetail .shopdetailItem .detail_item_nav ul{height:56px !important}
.shopdetail .shopdetailItem .detail_item_nav ul li{border-top:1px solid #eee; border-right:1px solid #eee}

.shopdetail .shopdetailItem .detail_item_nav ul li:nth-child(4n){border-right:none !important}
.shopdetail .shopdetailItem .detail_item_nav ul li.on{border-top:1px solid #000 !important; border-left:1px solid #000 !important; border-right:1px solid #000 !important}
.shopdetail .shopdetailItem .detail_item_nav ul li.on{border-bottom: 3px solid #fff !important; }
.shopdetail .shopdetailItem .detail_item_nav ul li.on a{color:#000}
.shopdetail .shopdetailItem .detail_item_nav ul li a{color:#bbb; font-weight:500}









/* 상품 상세 이미지 */
.prd-detail-detail table { table-layout: auto; border-spacing:0 !important; border-collapse:collapse !important }
.prd-detail-detail table td { word-break:break-all }
.prd-detail-detail { position:relative; height:138.889vw; margin-top:11.111vw; width: 100%; text-align:left; overflow: hidden; transition:all 0.3s; }
.prd-detail-detail:before{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    height: 41.667vw;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.8)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.8));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.8));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.8));
    content: "";
}
.prd-detail-detail.open:before{ display:none; }
.prd-detail-detail img { width: 100%; }


.prd-detail-detail>div {width:100% !important;}
.prd-detail-detail>center>div {width:100% !important;}


/*상품정보 더 보기*/
.goodsDetailMoreViewBtn {
    padding:0 3%;
}

.goodsDetailMoreViewBtn a{
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    line-height: 2.7rem;
    border: 1px solid #000;
    border-radius: 5px;
}

.goodsDetailMoreViewBtn a svg{
    width:12px;
    margin-left:5px;
}



/* 추가구성상품 */
.shopdetail .shopdetailInfo .shopdetailInfoWrap{border-bottom:none !important}
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue{border-bottom:none !important}
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop{width:40% !important}
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop figure{padding:25px 0px 25px 15px !important}

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




.goodsPriceWrap{
    position:relative;
    margin-bottom:3.889vw;
}

.goodsPriceWrap .price .consumer{
font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    color: #888;
    text-decoration: line-through;
    margin-right: 2px;
}

.goodsPriceWrap .price .dc_per{
    display: inline-block;
    margin-right: 2%;
    font-weight: 600;
    font-size: 22px;
    color: #dc3737;
}

.goodsPriceWrap .price .normal{
    display: inline-block;
    font-weight: 600;
    font-size: 24px;
    line-height: 25px;
}

.goodsPriceWrap .couponBenefit a{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    display:block;
    width:18.056vw;
    text-align:center;
    font-size:3.333vw;
    color:#fff;
    line-height:6.111vw;
    background:#000;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {padding:15px 5px !important;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal em {font-size:1.7em !important; margin-left:3% !important; margin-right:1% !important; color:#dc3737 !important; font-weight: 600;}



table.delivery_tbl .th1 { text-align:center; color:white; background-color:#bbb; font-size:17px; padding:10px;}
table.delivery_tbl .th2 { background-color:#eee; border-right:1px #ddd solid;}
table.delivery_tbl .th3 { padding:10px; }
.t_bold {
    color: #dc3737;
}
table.delivery_tbl tr { border-bottom: 1px solid #e5e5e5; }



#kakaopay_order_btn {margin-top:30px !important;}
#checkoutContainer.__checkout_buy_mobile.__checkout_buy_type2 {width:100% !important;}
.naver-checkout > div > div {width:100% !important;}




/*추가 정보*/
.goodsSubInfo dl{
    padding:6.389vw 0;
    border-top:0.278vw solid #eee;
}

.goodsSubInfo dl:last-child{
    padding-bottom:0;
}

goodsSubInfo dl dt a{
    display:block;
    position:relative;
    padding:0 8.333vw 0 0;
}

.goodsSubInfo dl dt .openTabBtn strong{
    display:block;
    font-size:19px;
    font-weight:500;
    color:#000;
}


.goodsSubInfo dl dd{
    position:relative;
    padding:8.889vw 0 0 0;
}

.goodsSubInfo dl dd p{
    margin-bottom:1.944vw;
    font-size:3.611vw;
    line-height:5vw;
}


.btn_basic_1 {border:0px !important; background-color:#111 !important;}



.option_tk .ms_qty-ctrl { width:160px !important; height:50px !important; border: 1px solid #ccc !important;}
.option_tk .ms_qty-ctrl input { width:80px !important; height:50px !important; line-height:50px !important; margin: 0 39px !important; font-size:1rem !important; border-left: 1px solid #ccc !important; border-right: 1px solid #ccc !important; }
.option_tk .ms_qty-ctrl a { width:40px !important; height:50px !important; line-height:50px !important;}



/* BASIC css end */