/* BASIC css start */
#container{padding-top:145px !important}
#contents{}
#contents .shopdetailInfo{padding: 0 5%}
.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;}
span.percent_icon{position: absolute; top: 0px; left: 0px; display:inline-block; width:64px; height:64px;background-color:#000; color:#fff; text-align:center; line-height:64px; font-family: 'Roboto', sans-serif; font-size:19px; font-weight:600; z-index:1}
.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}
.MK-oneclick-only-text li.MK-oneclick-text span{font-size: .6875rem;}

.option_tk .product-opt{margin: 10px 0;}
.option_tk .add-opt_item{padding: 5px 0 !important; margin-bottom:0 !important}
.shopdetail .shopdetailItem .shopdetail_Content .detail_item{padding: 20px 10px 30px; text-align: center;}

.btn_cart.full span{color:#222 !important}

.shopdetailInfoDelivery{padding:10px 0 !important}
.option_tk .shopdetailInfoSelect{margin-top:10px}
.option_tk .shopdetailInfoSelect select{font-size:12px; margin-bottom:7px}
.shopdetailInfoWrap{margin-bottom:10px }

/*다중 이미지*/

.thumb-wrap{width: 100%;}
.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}
.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:2.5%}
.thumb-wrap ul.multi_img li.multi_thumb ul li{width: 18%; display:inline-block;float:left; margin-right:2.5%}
.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}
.thumb-wrap .z_image {width:100%;}
.thumb-wrap .z_image a{width:100%;position:relative}
.thumb-wrap .z_image img{width:100%; }


.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic{margin: 0 !important; border-bottom:none !important;padding: 30px 0 15px !important;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom>form>.shopdetailInfoValue{padding:0 !important; }



/*옵션선택 후 창*/

.MK_optAddWrap .MK_inner-opt-cm{padding:0 !important}
.MK_optAddWrap .MK_inner-opt-cm li{border-top:2px solid #222;  background-color:#f7f7f7 !important; padding:22px 0px 28px 27px !important}
.MK_optAddWrap .MK_inner-opt-cm li .MK_price{margin-right:17px;margin-top:10px}

.MK_optAddWrap .MK_inner-opt-cm li .MK_btn-del{top:20px !important; right: 11px !important}
.MK_optAddWrap .MK_inner-opt-cm li .MK_price span{font-family: 'Roboto', sans-serif; }
.MK_optAddWrap .MK_inner-opt-cm li .MK_p-name{color:#888 !important}
.MK-oneclick-list li.MK-oneclick-text span{text-align:center; min-width:22px !important}
   
.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl{margin-top:8px !important; height: 26px !important; width:97px !important}   
.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl a{height:26px !important; width:26px !important; }
.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl a:nth-last-of-type(1){right:0 !important; border-left:1px solid #dfdfdf; left:unset !important}
.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl a:nth-last-of-type(2){left:43px !important; }


.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl input{text-align:left !important; padding-left:4px !important; width:43px !important; left:0 !important; height:26px !important; top:0 !important; margin:0 !important; position:absolute; border-left:none !important}   
   
/*상품정보영역*/
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic h2{margin-bottom:3px ;font-family: 'Noto Sans KR', sans-serif; font-size:26px !important ; font-weight:400 !important; color:#4c4c4c !important; line-height:1.3; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic .sub_name{font-family: 'Noto Sans KR', sans-serif; font-size: 15px !important; font-weight:300; color:#aaa !important ;line-height: 1.2 !important;  }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName{font-family: 'Noto Sans KR', sans-serif;font-size: 13px !important;color:#000 !important; font-weight:400 }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont{font-family: 'Noto Sans KR', sans-serif;font-size: 13px !important;color:#777 !important; font-weight:400 }
.shopdetailInfoCont del{font-family: 'Josefin Sans', sans-serif; color:#ccc !important; font-weight:700 !important; font-size:14px !important}
.shopdetailInfoCont strong{font-family: 'Josefin Sans', sans-serif; color:#222 !important; font-weight:700 !important; font-size:15px !important}
/*구매/장바구니버튼*/
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box{padding:0 !important; display:flex; justify-content:space-between; align-items:center }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_50{margin-left:0 !important}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a:last-child{margin-left:6px !important}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a:last-child span{color:#ccc; display:inline-block; margin-right:4px}
.shopdetail .product_detail_outer{border-top:none !important}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_50{width:47px !important; height:47px !important; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_50 img{width:13px}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_100{width:calc(100% - 50px) !important; }




.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn a{ float:left; font-size:14px} 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn a:last-child{background-color:#fff; color:#222; width:50px !important; border-bottom:none !important; border-color:#ccc !important;border-right:none !important }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn a:last-child span{color:#ccc}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn a:nth-child(2){width: calc(40% - 50px);background-color:#fff; color:#222; border-bottom:none !important; border-color:#ccc !important; border-right:none !important }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn a:first-child{width:60%; background-color:#222 !important}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn{font-family: 'Noto Sans KR', sans-serif; font-size:15px !important; letter-spacing:-.4px}
.btn_basic_2{border-color:#ccc !important; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_100{background-color:#222 !important}

.option_tk .add-opt_item .shopdetailInfoName{font-family: 'Noto Sans KR', sans-serif;font-size: 13px !important;color:#000 !important; font-weight:400; line-height:26px !important }
.option_tk .add-opt_item .shopdetailInfoCont select{color:#bbb !important}
#MK_innerOpt_01{margin-top:10px}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .product_desc{padding:13px 0 !important}


/* 판매가격 */
.prdprice_section{margin-top: 18px; padding-bottom:30px; border-bottom:1px solid #ddd}
.prdprice_section p.prdprice{font-family: 'Roboto', sans-serif; font-size: 26px; color: #000; font-weight: 700; }
.prdprice_section p.prdprice strike{ color: #cccccc;font-weight:400; display:inline-block; margin-right:4px}
.btn_wish{width:25px; height:26px; display:block; text-indent:-9999px;background: url(//skin.makeshop.co.kr/skin/foodmall/MO_img/wishList.png) no-repeat center center; background-size: contain; transition: all .5s;float:right; margin-top:-55px}
.btn_wish:hover{background-image: url(//skin.makeshop.co.kr/skin/foodmall/MO_img/widhList_full.png);transition: all .5s;}
.btn_wish.clicked{background-image: url(//skin.makeshop.co.kr/skin/foodmall/MO_img/widhList_full.png);transition: all .5s;}


/*원클릭옵션*/
.shopdetailInfoOneclick{padding: 0 !important; background-color:#fff !important}
.MK-oneclick-list li.MK-oneclick-color a{padding: 0 !important; border:none !important}
.MK-oneclick-list li.MK-oneclick-color span{width:20px !important; height:20px !important; border-radius:50% ; }
.MK-oneclick-list li.MK-oneclick-color{width: auto !important; height: auto !important; margin-right:10px !important}
.MK-oneclick-value{padding-bottom: 0 !important; display:none !important }
.MK-oneclick-list li a{border-color:#ccc !important; color:#aaa !important}
.option_tk .product-opt .shopdetailInfoCont, .option_tk .product-opt .shopdetailInfoName{font-family: 'Noto Sans KR', sans-serif;font-size: 13px !important;color:#888 !important; font-weight:400 }
.MK-oneclick-only-text li.MK-oneclick-text span{ font-family: 'Josefin Sans', sans-serif;}
.shopdetailInfoSelect .add-opt_item:first-child{}
.shopdetailInfoSelect .add-opt_item:last-child{}






#mPowerreview .review-wrap > li{padding:0 !important}
.shopdetail .shopdetailItem .detail_item.mlr15{margin-left:0 !important; margin-right: 0 !important}

/* 합계 금액 */
#MK_innerOptTotal.total_box{padding: 11px 0px 18px !important;font-family: 'Roboto', sans-serif;font-size:17px !important; color:#ccc; font-weight:500}
/*#MK_innerOptTotal.total_box .txt-won{float:left;font-family: 'Noto Sans KR', sans-serif; font-size:18px !important; color:#222 !important; display:inline-block; padding-top:11px  }*/
#MK_innerOptTotal.total_box #MK_p_total{font-family: 'Roboto', sans-serif;font-size:25px !important; color:#222 !important; display:inline-block; padding-top:5px !important; font-weight:600 !important; margin-left:20px !important; transform:translateY(2px)}


.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a:last-child{background-color:#fff; color:#ccc; width:50px !important; border-top:1px solid #ccc}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a:nth-child(2){width: calc(40% - 50px);background-color:#fff; color:#000;border-top:1px solid #ccc; border-right:1px solid #ccc}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a:first-child{width:60%}


.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk{padding:2% 5%; }

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed{transform: translateY(1px);z-index:102; background-size:contain;}
.option_area.fixed .shopdetailInfoSelect .add-opt_item{border-top:none !important; border-bottom:none !important}
.option_area.fixed .shopdetailInfoOneclick.product-opt{border-top:none !important; border-bottom:none !important}


/* 상품 정보 탭 */
.shopdetail .shopdetailItem .detail_item_nav{border-bottom:none !important; height: auto !important; margin:20px 0}
.detail_item_nav ul li a{color:#bbb; font-size:13px}
.shopdetail .shopdetailItem .detail_item_nav ul li{border-bottom:1px solid #000 !important; border-top:1px solid #eee !important; padding:13px 0 !important}
.shopdetail .shopdetailItem .detail_item_nav ul li.on{border-bottom:none !important; border-top:1px solid #000 !important;border-right:1px solid #000 !important; border-left:1px solid #000 !important}
.shopdetail .shopdetailItem .detail_item_nav ul li.on a{ color:#222 !important}
.shopdetail .shopdetailItem .detail_item_nav ul li.first.on{border-left:none !important}
.shopdetail .shopdetailItem .detail_item_nav ul li.last.on{border-right:none !important}

/* 상품 정보 */
#mPowerreview .photo-odr .odr select{height:35px !important}
#mPowerreview .tit{margin-top:5px !important}


/* 관련상품 */
 .related{}
 .related h2{font-family: 'Noto Sans KR', sans-serif; font-size: 18px; font-weight: 700; letter-spacing: -1px; margin-bottom: 20px;float:left;color:#000}
 .related .btn_wrap{float: right; transform:translateY(-7px)}
 .related .btn_wrap>div{display: inline-block;padding:0 10px}
 .related .btn_wrap>div:first-child{border-right: 1px solid #eee; transform:translateX(4px)}
 .related .btn_wrap>div:last-child{padding-right:0 !important}
 .related.item-wrap {  margin-bottom:70px; padding: 40px 5% 0  }
 .related.item-wrap .swiper{width:100%}
 .related.item-wrap .item_list .info{padding:8px 0 30px !important}
 .related.item-wrap .item_list .tumb{}
 .related.item-wrap .item_list .info p{margin-bottom:0 !important}
 .related.item-wrap .item_list .info p.prdname{font-size:10.5px !important}
.related.item-wrap .item_list .info .price{font-size:11px !important}


.swiper_btn_prev{width:33px; height:33px; background-color:#fff; border:1px solid #eee; text-align:center; line-height:33px; cursor:pointer}
.swiper_btn_next{width:33px; height:33px; background-color:#fff; border:1px solid #eee; text-align:center; line-height:33px; cursor:pointer; border-left:none !important}
.swiper_btn_prev img{transform:translateY(-4px) scale(.66); vertical-align:middle !important}
.swiper_btn_next img{transform:translate(-4px,-4px) scale(.66); vertical-align:middle !important}


.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_100.buy {line-height:25px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn.cart img {margin:0;}
 
/* 게시글 */
#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;
}

.ck-content .image {
    margin: 0 auto !important;
}
/* BASIC css end */