/* BASIC css start */
body,#contents {font-family: SUIT, "Helvetica Neue", Helvetica, NanumGothic, "Malgun Gothic", Dotum, Gulim, sans-serif!important;}
.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;}
.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}

#kakaopay_order_btn,#payco_order_btn {text-align:center;margin:0 auto;}

/* 품절 */
.prd-btns {/* margin: 10px; */overflow: hidden;text-align: center;} 
.prd-btns .soldout-btns { display: inline-block; } 
.prd-btns .soldout-btns span { display: inline-block; margin-left: 5px; float: left; } 
.prd-btns .soldout-btns span a { display: inline-block; margin: 0; } 


/* 구매버튼 */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_100 {background-color:#111; !important; border:none !important;}


/* 판매금액 */
.price .dc_per { font-size: 20px; color: var(--main-color); font-weight: bold; margin-right: 5px; } 
.price .normal { font-size: 20px; color: #000; font-weight: bold; margin-right: 5px; } 
.price .consumer { font-size: 16px; color: #bbb; text-decoration: line-through; } 

/* 합계금액 */
body #MK_innerOptTotal.total_box {
    display: flex;
    align-items: center;
    justify-content: flex-end; /* 오른쪽 정렬 */
    margin: 0;
    padding: 20px;
    gap: 10px;
}

body #MK_innerOptTotal .txt-won {
    font-size: 0.9rem;
    color: #000;
    white-space: nowrap;
}

body #MK_innerOptTotal p.Total_price {
    display: flex;
    align-items: baseline;
    gap: 4px;
    margin: 0; /* 혹시 기본 마진 있으면 제거 */
}

body #MK_p_total {
    font-size: 1.2rem;
    color: #e60012;
    font-weight: 600;
}

body #MK_innerOptTotal .won {
    font-size: 1rem;
    color: #000;
    white-space: nowrap;
}

/* 게시글 */
#tabs {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 .title h3,#tabs .title h2 {margin:30px 0px; font-size:0.95rem; font-weight:600;border-bottom: 1px solid #121212;padding-bottom:10px;}
#tabs .title h3 span {font-size:1rem; color:#000;}

#tabs .boardList {display:block; margin-bottom:40px;}
#tabs.on .boardList {display:none;}
#tabs .util {margin-bottom:20px;}
#tabs .util a { display: inline-block; width: 100%; text-align: center; border: 1px solid #EDEDED; border-radius:3px; background:#fff; color:#000; font-size:0.85rem; font-weight:500;} 
#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 {border-bottom:1px solid #e6e6e6; padding:15px 0;} 
.list_board ul li dl h4 { margin: 0; font-size:13px; } 
.list_board ul li .cont_wrap { padding: 20px 0 20px 28px; display:none; border-bottom:1px solid #e6e6e6; position:relative; font-size:13px; color:#000;}
.list_board ul li .cont_wrap:before {content:''; display:inline-block; background:url(//skin.makeshop.co.kr/skin/eating/mo/image/reply_icon.png)no-repeat center center; width:20px; height:20px; background-size: 20px auto; position:absolute; left:0; top:15px;}
.list_board ul li .cont_wrap img { max-width: 100%; padding-bottom: 5px; } 
#tabs .title h2 .fa {float: right; margin-top: 5px; cursor:pointer;}
#tabs .boardList {display:block; margin-bottom:40px;}
#tabs.on .title h2 .fa {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#tabs.on .boardList {display:none;}


/* 리뷰 */
#product_review .list_board ul li dl .MS_review_mark {font-size:14px;}
#product_review .list_board ul li dl dd {font-size:13px; color:#555;}
#product_review .list_board ul li dl dd.info em {color:#dedede;}
#product_review .list_board ul li dl dd.subject {color:#000; padding:5px 0;}

/* qna */
#product_qna .list_board ul li dl dd {font-size:13px; color:#555;}
#product_qna .list_board ul li dl dd.info {padding-top:5px;}
#product_qna .list_board ul li dl dd.info em {color:#dedede;}

/* 댓글 */
.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; } 
body .paging a {color:#999;}
body .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 { max-width: 640px !important; margin: 0 auto; display:block;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed { width:100%; max-width: 640px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk { padding:20px 0; display:block;} 
body .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed {padding-top:24px; background:#fff url(//skin.makeshop.co.kr/skin/eating/mo/image/fix_op_close.png) center 0 no-repeat; background-size: auto 24px; cursor:pointer;}


/* 상세정보 탭 */
body .shopdetail .product_detail_outer{ border-top:none;}
body .shopdetail .product_detail_outer:last-child {border-bottom:none;}
body .shopdetail .shopdetailItem .detail_item_nav{border:none;}
body .shopdetail .shopdetailItem .detail_item_nav .inner.fixed {position:fixed; max-width:640px; top:40px; z-index:10; background:#fff;}
body .shopdetail .shopdetailItem .detail_item_nav ul{}
body .shopdetail .shopdetailItem .detail_item_nav ul li {border-bottom:1px solid #ededed;}
body .shopdetail .shopdetailItem .detail_item_nav ul li:nth-child(5n){border-right:none !important}
body .shopdetail .shopdetailItem .detail_item_nav ul li.on{border-bottom:1px solid #222;}
body .shopdetail .shopdetailItem .detail_item_nav ul li.on a{color:#000}
body .shopdetail .shopdetailItem .detail_item_nav ul li a{font-size:0.85rem; color:#222; font-weight:600;}
body .shopdetail .shopdetailItem .detail_item_nav ul li a span{color:#999; font-weight:400;}
body .shopdetail .shopdetailItem .detail_item.mlr15 {margin:0; padding:0 20px;}
body .shopdetail .shopdetailItem .detail_item {padding:20px;}

/* 추가구성상품 */
.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 } 
.shopdetail .shopdetailInfo .shopdetailInfoValue em.bold {  font-size: 16px;  font-weight: bold;}
.shopdetail .shopdetailInfo .shopdetailInfoValue b {font-size: 16px; color: #555;}


.option_tk .shopdetailInfoSelect { margin-top:10px } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com { margin-right:15px; } 


/* 오늘출발 상품 */
.shopdetail .today-delivery { display:flex; align-items:center; margin:0 15px 15px; padding:10px; border:0px solid #e4e4e5; background:#f8f8f8; color:#fff; font-size:1.2em; box-sizing: border-box; }
.shopdetail .today-delivery .icon { padding:12px 10px; border-radius:6px; background-color: var(--main-color); }
.shopdetail .today-delivery .txt { color:#111; padding-left:12px; }
.shopdetail .today-delivery .txt p { padding-top:5px; }

/* //상품옵션 */
.buy_wrap { display: flex; justify-content: space-between; box-shadow: 0px 0px 6px #ddd; } 
.buy_wrap a { width: 100%; padding: 20px 0; display: block; font-size: 14px; font-weight: 700; box-sizing: border-box; }
.buy_wrap a.buy { color:#fff; background-color: var(--main-color); } 


/* 관련상품 */
.shopdetailRelation { margin-bottom:0px; } 
.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:360px; margin: 0 auto; } 
/* //관련상품 */


/* 옵션창 */
.MK_optAddWrap .MK_inner-opt-cm  {padding:0 20px;}
.MK_optAddWrap .MK_inner-opt-cm li {padding: 20px 10px 20px 10px !important;background-color: #F9F9F9; !important;border: none; border-top:1px solid #ededed;} 
.MK_optAddWrap .MK_inner-opt-cm li:last-child {border-bottom:1px solid #ededed;}
.MK_optAddWrap .MK_inner-opt-cm li .MK_p-name { font-size:0.85rem; margin-bottom:9px; width:85% } 
.MK_optAddWrap .MK_inner-opt-cm li .MK_btn-del { bottom:unset !important; top:15px; right:10px; padding:0;} 
.MK_optAddWrap .MK_inner-opt-cm li .MK_btn-del:before { width:20px; height:20px; background: url(//skin.makeshop.co.kr/skin/eating/mo/image/op_close.png) center no-repeat; background-size:20px auto;} 
.MK_optAddWrap .MK_inner-opt-cm li .MK_price {font-size: 0.9rem!important; padding-top:10px;} 
.MK_optAddWrap .MK_inner-opt-cm li .MK_price span {font-size: 0.9rem !important;color: #111;font-weight: 700 !important;} 
.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl {width: 118px!important; height:36px!important; border-color:#dedede; border-radius:4px;} 
.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl input {width: 50px !important;margin:0!important; font-weight: 400; font-size: 14px !important; height: 34px !important;line-height: 38px !important;border: none; margin:0; position: absolute; left: 30px;} 
.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl a:nth-last-of-type(1) {left: 0 !important; background:url(//skin.makeshop.co.kr/skin/eating/mo/image/m_ic_minus.svg) no-repeat center; background-size: 16px auto; } 
.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl a:nth-last-of-type(2) { right:0; border:none; background:url(//skin.makeshop.co.kr/skin/eating/mo/image/m_ic_plus.svg)no-repeat center; background-size: 16px auto; }
.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl a {width: 34px !important;height: 34px !important;} 
.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl a img { display:none; } 


.option_tk .product-opt .product-opt .shopdetailInfoName,.option_tk .product-opt .shopdetailInfoCont {margin-bottom:10px;display:block!important;width:100%;}
.option_tk .product-opt .ms_qty-ctrl {width: 118px; height:40px; border-color:#dedede; border-radius:4px;} 
.option_tk .product-opt .ms_qty-ctrl input {width: 50px !important; font-weight: 400; font-size: 14px !important; height: 38px !important;line-height: 38px !important;border: none; margin:0; position: absolute; left: 30px;}
.option_tk .product-opt .ms_qty-ctrl a:nth-last-of-type(1) {left: 0 !important; background:url(//skin.makeshop.co.kr/skin/eating/mo/image/m_ic_minus.svg)no-repeat center; background-size: 16px auto; } 
.option_tk .product-opt .ms_qty-ctrl a:nth-last-of-type(2) { right:0; border:none; background:url(//skin.makeshop.co.kr/skin/eating/mo/image/m_ic_plus.svg)no-repeat center; background-size: 16px auto; }
.option_tk .product-opt .ms_qty-ctrl a {width: 36px !important;height: 38px !important;} 
.option_tk .product-opt .ms_qty-ctrl a img { display:none; } 


/* BASIC css end */