/* BASIC css start */
.extra-wrap { padding-left:20px; margin:50px auto; }
.extra-wrap .tit { font-size:16px; font-weight:600; line-height:20px; margin-bottom:30px; }
.extra-list { overflow:hidden;position:relative; }
.extra-list .thumb-s { width: 100%; overflow: hidden;}
.extra-list img { width:100%; }
.extra_product{ position:relative; }
.extra_product .extra-dim{ display:none; position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:9998;}
.extra_product .extra-popup{
  display:none;
  position:absolute;
  left:50%;
  top:20px;
  transform:translateX(-50%);
  z-index:9999;
  padding:18px 19px;
  width:290px;
  min-height:300px;
  overflow:auto;
  background:#fff;
  padding:20px;
  border-radius:15px;
}
/* 슬라이드 안 옵션은 기본 숨김 */
.extra-option-layer{ display:none; position:relative; }
.extra-option-layer .top { font-size:16px; line-height:20px; margin-bottom:17px; font-weight:500; }
.extra-option-layer .top .xi { position:absolute; right:0; top:0; }
.extra-option-layer .extra-info { display:flex; gap:14px; margin-bottom:20px; }
.extra-option-layer .extra-info .extra-thumb { width:120px; aspect-ratio: 1 / 1; overflow: hidden; }
.extra-option-layer .extra-info .extra-thumb img { width:100%; /*height: 100%;*/ object-fit: cover; display: block;}
.extra-option-layer .extra-info .name { font-size:14px; line-height:20px; margin-bottom:7px; }
.extra-option-layer .extra-info .price { font-size:16px; line-height:21px; font-weight:600; }
.extra-option dl {display:flex; margin-bottom:15px; }
.extra-option dl dt { width:56px; font-size:14px; font-weight:500; line-height:40px; }
.extra-option dl dd { width:190px; margin-left:auto; }
.extra-option dl dd select { width:100%; border-radius:2px; border:1px solid #cfcfd7; height:40px; line-height:40px; padding-left:12px; font-size:14px; }
.extra_product .extra-option-wrap .tit-prd { font-size:12px; line-height:18px; color:#3b3b3b; height:36px; margin-top:9px; margin-bottom:4px; }
.extra_product .extra-option-wrap .price { font-size:12px; line-height:18px; color:#3b3b3b; height:36px; }
.extra_product .extra-option-wrap .price strike { display:block; color:#afb0bb; }
.btn-select { margin-top:20px; }
.btn-select a { display:block; width:100%; height:40px; line-height:40px; border:1px solid #afb0bb; text-align:center; font-size:15px; }
.extra-option-layer .extra-option .sel-btn { border-radius:2px; height:44px; background:#ddd; width:100%; text-align:center; line-height:44px; }
.extra-option-layer .extra-option .sel-btn a { color:#fff; display:block; width:100%; line-height:44px; font-weight:600; font-size:13px; }
.extra-option-layer .extra-option .sel-btn:hover { background:#222; }

#extra-option{
  display: none;
  position:absolute;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 290px;
  height: 380px;
  overflow-y: auto;
  background: #fff;
  border-radius: 15px;
  padding: 20px;
}

#prd-info { background:#fff; padding:0 20px 38px; }
#prd-info .inner-info { display:none; box-sizing:border-box; border-bottom:1px solid #c2c4c9; padding:18px 0 44px; font-size:14px; font-weight:400; line-height:21px; }
#prd-info .inner-info .img-fabric { position:relative; padding:10px 0 20px;}
#prd-info .inner-info .img-fabric .swiper-slide { width:200px; }
#prd-info .inner-info .img-fabric .swiper-pagination-fabric { top:auto; bottom:0; height:3px; }
#prd-info .inner-info .img-fabric .swiper-pagination-progressbar { background:#e5e5e5; }
#prd-info .inner-info .img-fabric .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#999;}
#prd-info .inner-info .laundry ul { margin-left:20px; }
#prd-info .inner-info .laundry ul li { list-style:disc; margin:4px 0; line-height:17px; font-size:11px; }
#prd-info > ul > li > a { position:relative; display:block; border-bottom:1px solid #c2c4c9; padding:16px 0; width:100%; line-height:20px; font-weight:400; font-size:14px; }
#prd-info > ul > li > a .xi { position:absolute; right:0; }
#prd-info > ul > li .detailFabric .txt { }
#prd-info > ul > li .detailFabric .txt > span { display:inline-block;  font-weight:400; margin-left:10px; }
#prd-info .inner-info span.txt { display:inline-block; margin-right:7px; }

#prd-info > ul > li .detailFabric .img { margin-bottom:15px; }
#prd-info > ul > li .detailFabric .img img { width:auto; }
#prd-info .inner-info .fabric_info,
#prd-info .inner-info .laundry { margin-top:50px; }
#prd-info > ul > li .detailFabric .laundry ul { margin-left:20px; }
#prd-info > ul > li .detailFabric .laundry ul li { list-style:disc; margin:3px 0; font-size:12px; }

#prd-info .inner-info img { width:100%; }
#prd-info .inner-info .strong { font-weight:600; margin-top:10px; }
#prd-info .inner-info p { line-height:20px; }
#prd-info .inner-info .txt {  font-size:14px; margin-bottom:15px; font-weight:600; }
#prd-info .inner-info a { text-decoration:underline; }

#prd-info .inner-info .add_2 { overflow-x: auto; overflow-y: hidden; cursor: grab; padding-bottom:25px; }
#prd-info .inner-info .add_2.dragging { cursor: grabbing; }
#prd-info .inner-info .add_2 img { height: 300px; width: auto; user-select: none;  -webkit-user-drag: none; pointer-events: none; }

/* 상품상세 개별 공통정보 */
#prd-info .inner-info .section { padding-bottom: 20px; overflow: hidden; } 
#prd-info .inner-info .section br { display:none; }
#prd-info .inner-info .section h4 { font-size: 12px; font-weight: 600; padding-bottom: 10px; line-height: 1; } 
#prd-info .inner-info .section div.infoTable { display: flex; column-gap: 50px; width: 100%; overflow-x: auto; border-bottom: solid 1px #e4e4e4; padding-bottom: 20px; margin-bottom: 20px; } 
#prd-info .inner-info .section div.infoTable::-webkit-scrollbar { display: none; } 
#prd-info .inner-info .section div.infoTable ul.tableHead { align-items: flex-start; border-bottom: none !important; margin: 0 !important; } 
#prd-info .inner-info .section div.infoTable ul li:nth-child(1) { font-weight: 600; margin-bottom: 15px; } 
#prd-info .inner-info .section div.infoTable ul { margin: 0!important; display: flex; flex-direction: column; align-items: flex-start; border-bottom: none !important; } 
#prd-info .inner-info .section div.infoTable ul li { flex-shrink: 0; white-space: nowrap; margin-bottom: 10px; line-height: 11px!important; } 
#prd-info .inner-info .section div.infoTable ul li:last-of-type { margin-bottom: 0; } 
#prd-info .inner-info .section div.infoTable ul li,.detail-common-info .section p,.detail-common-info .section em { font-size: 12px; font-weight: 400; line-height: 22px; } 
#prd-info .inner-info .section em { font-style: normal; text-decoration: underline; } 
#prd-info .inner-info .section .note { display: block; font-size: 11px; font-weight: 400; line-height: 22px; margin-top: 10px; } 
#prd-info .inner-info .section.info { margin-top: 10px; } 

.gotop.scroll-mod { bottom:80px !important; }

body.pt-100 {
    padding-top: 0px !important;
    transition: all ease-in-out 0.3s;
}

#header.detail-header{
    position:relative !important;
}

.header-area{
    /*height:0px !important;*/
}
.option_tk select{
    width:100% !important; 
}
.s-tab-location{
    height:0px;
}
.s-tab-location.active{
    height:42px;
}

.qna-wrap{
    padding-top:30px;
    
}
.qna-wrap .title{
    position:relative;
    height:30px;
    line-height:30px;
    padding:0px 15px;
    padding-bottom:19px;
}
.qna-wrap .title h4{
    color:#333;
    font-size:18px;
    font-weight:bold;
}
.qna-wrap .title .qna-btn{
    position:absolute;
    top:0px;
    right:15px;
    height:30px;
    line-height:30px;
}
.qna-wrap .title .qna-btn a{
    display:inline-block;
    padding:0px 20px;
    height:30px;
    line-height:30px;
    background:#333;
    text-align:center;
}
.qna-wrap .title .qna-btn a span{
    display:inline-block;
    vertical-align:middle;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    padding-left:17px;
    background:url('/design/huit8/img/mobile/icon_write_01.png')no-repeat center left;
    background-size:10px auto;
}
.qna-board-wrap{
    border-top:1px solid #333;
    padding-bottom:30px;
}
.qna-board-wrap ul li.bl_depth0{
    padding:15px 0px;
    border-bottom:1px solid #e5e5e5;
}
.qna-board-wrap ul li.bl_depth1{
    padding:15px 0px;
    border-bottom:1px solid #e5e5e5;
}
.qna-board-wrap ul li{

}
.qna-board-wrap ul li a{
    position:relative;
    display:block;
    padding:0px 15px;
}
.qna-board-wrap ul li a .board-title{
    line-height:22px;
    color:#333;
    font-size:13px;
    font-weight:normal;
}
.qna-board-wrap ul li a .date-wrap{
    font-size:0px;
    line-height:22px;
}
.qna-board-wrap ul li a .date-wrap span{
    display:inline-block;
    vertical-align:middle;
    color:#b2b2b2;
    font-size:12px;
    padding-right:10px;
}
.qna-board-wrap ul li a .date-wrap span.lock-icon img{
    width:13px;
    vertical-align:middle;
}
.qna-board-wrap ul li a .date-wrap span{}
#container{
    padding-bottom:80px;
}
.qna-board-wrap ul li a .reply-status{
    position:absolute;
    top:9.5px;
    right:15px;
    display:inline-block;
    line-height:25px;
    height:25px;
}
.qna-board-wrap ul li a .reply-status .reply_status{
    top:0 !important;
}
.MS_qna_content_box.cnt{
    display:none;
    border-bottom:1px solid #e5e5e5;
    padding:0px 15px;
    background:#f7f7f7;
}
.qna_board_content{
    padding:24px 0px;
}
.qna_board_content .txt{
    line-height:18px;
    color:#333;
    font-size:13px;
}
.qna_board_content .txt p{
    line-height:18px;
    color:#333;
    font-size:13px;
}
#MS_WritenBySEB{
    line-height:18px;
    color:#333;
    font-size:13px;
}
.qna-board-wrap ul li a .reply-status span{
    display:inline-block;
    width:70px;
    height:25px;
    line-height:25px;
    border:1px solid #cccccc;
    box-sizing:border-box;
    text-align:center;
    color:#999999;
    font-size:12px;
}
.qna-board-wrap ul li a .reply-status span.reply_DONE{
    border:1px solid #d2a6a3;
    color:#d2a6a3;
}

.admin-reply{
    position:relative;
    padding-top:40px;
    margin-top:27px;
}
.admin-reply:before{
    content:"Answer";
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    width:70px;
    height:25px;
    line-height:25px;
    text-align:center;
    color:#fff;
    font-size:13px;
    font-weight:normal;
    background:#d2a6a3;
}
.admin-reply p{
    line-height:18px;
    color:#333;
    font-size:13px;
}


.product-thumb-wrap ul li img{
    width:100%;
    vertical-align:top;
    position:relative;
}
.product-thumb-wrap .common-swiper-pagination{
    position:absolute;
    bottom:25px !important;
    left:0 !important;
    right:0 !important;
    z-index:555;;
}
.product-info-wrap{
    padding:0px 15px;
    padding-top:15px;
    padding-bottom:20px;
}
.product-info-wrap .product-num{
    line-height:18px;
    color:#fff;
    font-size:11px;
    padding-bottom:7px;
}
.product-info-wrap .product-name{
    position:relative;
    line-height:25px;
    color:#333;
    font-size:15px;
    padding-bottom:4px;
    padding-right:64px;
}
.product-info-wrap .product-name a.btn_share{
    position:absolute;
    top:0;
    right:30px;
    display:inline-block;
    width:25px;
    height:25px;
    line-height:25px;
    text-align:center;
}
.product-info-wrap .product-name a.btn_share img{
    height:15px;
    vertical-align:middle;
}
.product-info-wrap .product-name a.wish-btn{
    position:absolute;
    top:0;
    right:-4px;
    display:inline-block;
    width:25px;
    height:25px;
    line-height:25px;
    text-align:center;
}
.product-info-wrap .product-name a.wish-btn img{
    height:15px;
    vertical-align:middle;
}
.product-info-wrap .product-price{
    line-height:21px;
    position:relative;
}
.product-info-wrap .product-price p > span{
    vertical-align:top;
}
.product-info-wrap .product-price .price{
    display:inline-block;
}
.product-info-wrap .product-price .price.sell{
    line-height:21px;
    color:#222;
    font-size:18px;
    font-weight:500;
}
.product-info-wrap .product-price .price.per{
    line-height:21px;
    color:#fd0000;
    font-size:18px;
    font-weight:500;
    padding-left:3px;
}
.product-info-wrap .product-price .price.consumer > del{
    line-height:21px;
    color:#90949a;
    font-size:14px;
    font-weight:400;
    text-decoration:line-through;
    padding-right:3px;
}

.product-info-wrap .product-price .noti_coupon {position: absolute;top: 5px;right: 0;height: 32px;padding: 0 15px;border-radius: 4px;background: #f4f4f4;color: #000;font-size: 12px;line-height: 32px;}

.product-subname { font-size:11px; color:#fd0000; font-weight:400; line-height:24px; }
.product-reserve { margin-top:8px; line-height: 21px; font-size: 13px;color: #666; }
.product-reserve .reserve { }


.product-sub-info{
    padding:15px 15px 0;
    border-top:7px solid #f7f7f7;
}
.product-sub-info .etc-wrap{
    position:relative;
    line-height:25px;
    padding-bottom:10px;
}
.product-sub-info .etc-wrap .review{
   
}
.product-sub-info .etc-wrap .review a{
    display:inline-block;
    padding-left:15px;
    background:url('/design/huit8/img/mobile/icon_review01.png')no-repeat center left;
    background-size:10px auto;
    color:#333;
    font-size:12px;
}
.product-sub-info .etc-wrap .review span{
     font-size:13px;
     border-bottom:1px solid #333;
     vertical-align:middle;
     margin-left:8px;
}
.product-sub-info .etc-wrap .pop-btns{
    position:absolute;
    top:0;
    right:0;
    height:25px;
    line-height:25px;
    text-align:right;
}
.product-sub-info .etc-wrap .pop-btns a{
    display:inline-block;
    vertical-align:middle;
    height:25px;
    line-height:25px;
    box-sizing:border-box;
    border:1px solid #333;
    color:#333;
    font-size:12px;
    text-align:center;
    margin-left:5px;
    padding:0px 10px;
}

.product-sub-info .crema-fit{
    border:1px dashed #e5e5e5;
}
.naver-pay{
    display:none; 
    padding-top:30px;
    padding-bottom: 30px;
    border-bottom: 7px solid #f7f7f7;
}
.option_area.fixed .naver-pay{
    display: block !important;
    padding:0px;
    padding-bottom:30px;
    border:0px;
    background:#fff;
}
.product-related-wrap{
    padding-top:35px;
    padding-bottom:40px;
}
.product-related-wrap .title{
    padding-bottom:26px;
}

.product-related-wrap .title h3{
    padding:0px 15px;
    line-height:29px;
    color:#333;
    font-size:20px;
    font-weight:normal;
}

.product-related-wrap .related-swiper ul li{
    width:150px;
    margin-bottom:25px;
}
.product-related-wrap .related-swiper ul li:first-child{
    margin-left:15px !important;
}
.product-related-wrap .related-swiper ul li:last-child{
    margin-right:15px !important;
}
.line-banner-wrap{ margin-bottom:30px;}
.line-banner-wrap a{ position:relative; display:block; }
.line-banner-wrap a .img{ text-align:center; }
.line-banner-wrap a .img img{ width:100%; vertical-align:top; }
.line-banner-wrap a .txt{
    position:absolute;
    top:0;
    left:0;
    padding:0px 15px;
    padding-top:22px;
    height:110px;
    line-height:110px;
    box-sizing:border-box;
}
.line-banner-wrap a .txt h4{
    line-height:30px;
    color:#fff;
    font-size:20px;
    font-weight:normal;
    padding-bottom:1px;
}
.line-banner-wrap a .txt p{
    line-height:17px;
    color:#fff;
    font-size:12px;
}
.benefit-pop-wrap{
    display: none;
    width: 100%;
    height: 100vh;
    background: #fff;
    padding: 0px 15px;
    padding-top:13px;
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1004;
}
.benefit-pop-wrap.active{
    display:block;
}
.benefit-pop-wrap .title{
    position:relative;
    height:31px;
    line-height:31px;
    padding-bottom:12px;
    border-bottom:1px solid #333;
}
.benefit-pop-wrap .title h4{
    color:#333;
    font-size:18px;
    font-weight:normal;
}
.benefit-pop-wrap .title a.close-btn{
    position:absolute;
    top:0;
    right:-8px;
    display:inline-block;
    width:31px;
    height:31px;
    line-height:31px;
    text-align:center;
}
.benefit-pop-wrap .title a.close-btn img{
    width:14px;
    vertical-align:middle;
}
.benefit-table{
    padding-top:25px;
}
.benefit-table .info-p{
    line-height:21px;
    color:#b2b2b2;
    font-size:12px;
    padding-bottom:10px;
}
.benefit-table table{
    width:100%;
    border-top:1px solid #e6e6e6;
}
.benefit-table table tr th{
    text-align:left;
    padding-left:11px;
    background:#f7f7f7;
}
.benefit-table table tr {
    border-bottom:1px solid #e6e6e6;
}
.benefit-table table tr th .mem-grade{
    position:relative;
    padding:17px 0px;
    font-size:0px;
}
.benefit-table table tr th .mem-grade p{
    display:inline-block;
    width: calc(100% - 12px);
    vertical-align:middle;
    line-height:18px;
    color:#333;
    font-size:13px;
    font-weight:bold;
}
.benefit-table table tr th .mem-grade:before{
    content:"";
    display:inline-block;
    width:6px;
    height:6px;
    line-height:6px;
    background:#ccc;
    border-radius:20px;
    vertical-align:middle;
    margin-right:6px;
}
.benefit-table table tr th .mem-grade.green:before{
    background:#47a911;
}
.benefit-table table tr th .mem-grade.bronze:before{
    background:#a97511;
}
.benefit-table table tr th .mem-grade.silver:before{
    background:#bfbfbf;
}
.benefit-table table tr th .mem-grade.gold:before{
    background:#ffc208;
}
.benefit-table table tr th .mem-grade.vip:before{
    background:#e9503b;
}
.benefit-table table tr th .mem-grade.teacher:before{
    background:#b745e3;
}
.benefit-table table tr th .card{
    width:71px;
    line-height:28px;
    padding:12px 0px;
    padding-left:3px;
}
.benefit-table table tr th .card img{
    width:100%;
    vertical-align:middle;
}

.benefit-table table tr td .row{
    padding-left:20px;
    line-height:18px;
    color:#333;
    font-size:12px;
}
.benefit-table table tr td .row span{
    font-weight:bold;
}
.benefit-table table tr td .row.center{
    padding-left:0px;
    text-align:center;
}
.shopdetail-tabs{
    transition:all 0.3s ease-in-out;
    background:#fff;
}
.shopdetail-tabs.scroll-mod{
    position:fixed;
    width:100%;
    z-index:999;
    transition:all 0.3s ease-in-out;
}
.shopdetail-tabs ul{
    font-size:0px;
}
.shopdetail-tabs ul li{
    display:inline-block;
    width:25%;
    border-bottom:1px solid #e5e5e5;
}
.shopdetail-tabs ul li a{
    display:block;
    height:40px;
    line-height:40px;
    color:#b2b2b2;
    font-size:13px;
    text-align:center;
    border-bottom:2px solid transparent;
    margin-bottom:-1px;
    
}

.shopdetail-tabs ul li a.active{
    font-weight:bold;
    color:#333;
    border-bottom:2px solid #333;
}
.shopdetail-tabs ul li a span{
    font-size:10px;
    color:#b2b2b2;
    font-weight:normal;
    padding-left:5px;
}
.shopdetail-area{
}

.review-area{
    padding:0px 15px;
    padding-top:25px;
}
.review-area .stars{
    font-size:0px;
    line-height:27px;
    text-align:center;
    padding-bottom:10px;
}
.review-area .stars span{
    display:inline-block;
    width:22px;
    height:21px;
    line-height:21px;
    text-align:center;
}
.review-area .stars span img{
    width:18px;
    vertical-align:middle;
}
.review-area > h5{
    line-height:25px;
    color:#333;
    font-size:18px;
    font-weight:normal;
    text-align:center;
    padding-bottom:20px;
}
.review-area .coupon-wrap{
    width:100%;
    height:150px;
    line-height:150px;
    background-color:#d2a7a3;
    background-image:url('/design/huit8/img/mobile/review_coupon_05.jpg'), url('/design/huit8/img/mobile/review_coupon_07.jpg'); 
    background-size:37px 150px, 37px 150px; 
    background-position:left center ,right center; 
    background-repeat:no-repeat;
    text-align:center;
    margin-bottom:30px;
}
.review-area .coupon-wrap .txt{
    display:inline-block;
    width:256px;
    padding:0px 20px;
    box-sizing:border-box;
    vertical-align:middle;
}
.review-area .coupon-wrap .txt p{
    position:relative;
    line-height:32px;
    height:32px;
    text-align:left;
}
.review-area .coupon-wrap .txt p .title{
    color:#fff;
    font-size:13px;
    font-weight:bold;
    
}
.review-area .coupon-wrap .txt p .point{
    position:absolute;
    top:0;
    right:0;
    display:inline-block;
    height:32px;
    line-height:32px;
    padding-right:22px;
    background:url('/design/huit8/img/mobile/icon_point.png')no-repeat center right;
    background-size:17px auto;
    color:#fff;
    font-size:23px;
}
.delivery-wrap{

}
.delivery-wrap .info-list{
    padding:18px 0px;
    border-bottom:1px solid #e5e5e5;
}
.delivery-wrap .info-list:first-child { padding-top:0; }
.delivery-wrap .info-list:last-child{
    border-bottom:0px;
}
.delivery-wrap .info-list h5{
    line-height:26px;
    color:#333;
    font-size:14px;
    font-weight:bold;
    padding-bottom:10px;
}
.delivery-wrap .info-list p{
    font-size:0px;
}
.delivery-wrap .info-list p.normal{
    line-height:23px;
    color:#333;
    font-size:13px;
}
.delivery-wrap .info-list p > span{
    display:inline-block;
    vertical-align:top;
}
.delivery-wrap .info-list p span.title{
    line-height:16px;
    width:86px;
    color:#333;
    font-size:13px;
    font-weight:bold;
}
.delivery-wrap .info-list p span.txt{
    line-height:17px;
    width:calc(100% - 86px);
    color:#333;
    font-size:13px !important;
    font-weight:400 !important;
    margin-bottom:0 !important;
    padding-bottom:7px;
}

#lens_img{
    display:none;
}
/* 상품옵션 */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area {

}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed { width: 100%; position: fixed; z-index: 1001; bottom: 0; left: 0; right: 0; background:#fff; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {-webkit-animation: qbuy 150ms linear 1 normal; animation: qbuy 150ms linear 1 normal;}
@-webkit-keyframes qbuy {
 from {bottom:-65px;}
 to {bottom:0;}
}
@keyframes qbuy {
 from {bottom:-65px;}
 to {bottom:0;}
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option_tk {
    padding:10px 15px 15px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk {position:relative;display:block;max-height:300px;background-color: #fff;overflow-y:auto;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .btn-close{ display:none; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .btn-close{
    display:inline-block;
    width:27px;
    height:27px;
    line-height:27px;
    text-align:center;
    position:absolute;
    top:-37px;
    right:10px;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .btn-close img{
    width:17px;
    vertical-align:middle;
}

.gotop.scroll-mod2 {
    bottom: 68px !important;
    transition: all 0.3s ease-in-out;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn {
    width:100%; 
    box-sizing: border-box; 
    position:relative; 
    bottom:0; 
    left:0; 
    right:0;
    z-index: 1001; 
    text-align: center;
    display:none;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb { font-size:0; display:flex; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb a { width:50%; box-sizing:border-box; font-size:18px; color:#fff; font-weight:700; height:80px; line-height:80px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb a.cart { background-color:#404346; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb a.buy { background-color:#d2a7a3; }


.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed { display: block; position: fixed;transition:all 0.3s ease-in-out;bottom:0;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed { display: block; position: relative;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option { position: absolute; top: -16px; left: 50%; margin-left:-33px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect { background-color: #fff; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on { font-size:0px;display:none; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a { display:inline-block; width:50%; line-height:80px; height:80px; color:#fff; background:#404346; text-align:center; font-size:18px; font-weight:700; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.buy { background-color:#d2a6a3; color:#fff; }

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com { text-align: right; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p { margin-bottom:10px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p:last-child {margin-bottom:0px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName { display:block; line-height:18px; color:#404346; font-size:12px; padding-bottom:6px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont {}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont select {width:100%;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .txt-qnty {text-align:right; padding:0 6px; width: 50px !important;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-plus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; margin: 0 5px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-minus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {background-color: #f7f7f7; }
#MK_innerOptScroll ul:first-child{
    margin-top:20px;
}
#MK_innerOptWrap.total{
    display:none;
}
#MK_innerOptScroll ul:first-child li:first-child{
    border:0px;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option-sel {font-weight: bold; font-size: 1.1em; padding-top: 10px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option select {margin-bottom: 10px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option .shopdetailInfoName {vertical-align: top;}
.shopdetail .shopdetailBoard {text-align:center; border-top:1px solid #bbb; border-bottom:1px solid #bbb; margin-bottom:32px;}
.shopdetail .shopdetailBoard a {width:33.33%; background-color:#f8f8f8; border-left:1px solid #bbb; display:inline-block; margin-left: -1px; font-weight:bold; padding:20px 0;}

.MK_optAddWrap .MK_inner-opt-cm li {position:relative; border-top:1px solid #e5e5e5; padding: 12px 15px;}

.MK_optAddWrap .MK_inner-opt-cm .MK_p-name {display: block;line-height:20px;color:#333;font-size:12px;}
.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl {margin-top:7px; padding:0 25px;font-size:0px;display:inline-block;position:relative;}
.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] {
    width: 30px;
    height:25px;
    line-height:25px;
    text-align:center !important;
    padding:0px;
    border:0px;
    background:transparent;
    color:#333;
    font-size:13px !important;
}
.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl a{
    display:inline-block;
    width:25px;
    height:25px;
    line-height:25px;
    box-sizing:border-box;
    border:1px solid #e5e5e5;
    position:absolute;
    top:0;
    right:0;
    background:url("/design/huit8/img/mobile/qnt_p.jpg")no-repeat center center;
    background-size:24px auto;
}
.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl a:last-child{
    right:auto;
    left:0px;
    background:url("/design/huit8/img/mobile/qnt_m.jpg")no-repeat center center;
    background-size:24px auto;
}

.MK_optAddWrap .MK_inner-opt-cm .MK_btn-del {position:absolute; top:12px; right:8px;display:inline-block; width:18px;height:18px;line-height:18px;text-align:center;background:url("/design/huit8/img/mobile/icon_del.png")no-repeat center center;background-size:10px auto;}
.MK_optAddWrap .MK_inner-opt-cm .MK_btn-del img {display:none;}
.MK_optAddWrap .MK_inner-opt-cm .MK_price {position:absolute; bottom:12px; right:11px; font-size: 0px; margin-right:5px;}
.MK_optAddWrap .MK_inner-opt-cm .MK_price span{
    line-height:25px;
    display:inline-block;
    color:#333;
    font-size:13px;
    font-weight:normal;
}
.MK_optAddWrap .total {text-align:right; padding:10px 15px; font-size: 17px;}
.MK_optAddWrap .MK_total {
    position:absolute;
    top:0;
    right:0;
    display:inline-block;
    height:26px;
    line-height:26px;
    color:#333;
    font-size:20px;
    font-weight:bold;

}
.MK_optAddWrap .MK_txt-won {font-size:17px;}
.MK_optAddWrap_div { height:10px;padding:0;background:#f6f6f6;border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; }
.MK_optAddWrap_line { height:1px;padding:0;background:#f6f6f6; border-bottom:1px solid #c7c7c7; }
#MK_innerOptTotal { position:relative;height:26px;line-height:26px;text-align:left;font-size:12px;font-weight:bold; }
#MK_innerOptTotal.total{
    padding:0px;
    margin-top:15px;
    padding-bottom:21px;
}
#MK_txt-total{
    color:#333;
    font-size:12px;
    font-weight:bold;
}
/* //착불 아이콘 */
.shopdetail .shopdetailInfo .gray-delivery {padding: 2px;background-color: #fff;color: #656565;font-size: 0.875em;border-radius: 3px;border: 1px solid #656565;}
/* //상품옵션 */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {background-color:#fff; text-align:right; padding:15px; font-size:1.2em;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal em {color:#f1191f; font-size:1.333em; margin-left:16px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton { background:#fff; text-align:center; padding:0 15px; margin:30px auto 15px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn-wrap { display:flex; gap:8px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a {height:53px; line-height:53px; width:50%; font-size:14px; font-weight:600; letter-spacing:-0.2px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish {background-color:#FFF; border:1px solid #393939;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.cart {color:#fff; background-color:#333; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy {color:#fff; background-color:#d2a6a3; }

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .shopdetailButtonTop,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .product-sub-info,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .btnPay { display:none; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed  .shopdetailButton .btnPay { display:block; }

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom {margin:20px 0;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom img {margin:0 2px; width:45px; height:auto;}
.shopdetail .shopdetailCoupon {margin:15px 0px;text-align:center;}
.shopdetail .shopdetailCoupon .shopdetailCouponGet .image_src {max-width: 100%; padding-bottom: 5px;}
.shopdetail .shopdetailCoupon .shopdetailCouponGet li{
    display:inline-block;
}
.shopdetail .shopdetailCoupon .shopdetailCouponGet li dl {height:34px; background:url("/images/d3/m_04/bg_coupon@2x.gif") no-repeat left center; padding:10px 0 10px 92px; border-bottom:1px dashed #cbcbcb; position:relative; background-size: 81px auto;}
.shopdetail .shopdetailCoupon .shopdetailCouponGet li:last-child {border-bottom:0px none;}
.shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt {width:82px; position:absolute; top:10px; left:0 ; color:#fff; text-align:center;}
.shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt strong {font-weight: normal;}
.shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon h4 {font-weight:bold;}
.shopdetail .shopdetailItem .shopdetailItemPopup {text-align:center; padding:0 15px; margin:22px 0;}
.shopdetail .shopdetailItem .shopdetailItemPopup a {font-weight:bold; color:#fff; background-color:#636363; display:block; padding:10px 0;}
.shopdetail .shopdetailItem .shopdetailItemPopup .shopdetailItemZoom {height:60px; padding:0 0 0 75px; margin-top:10px; background:url("/images/d3/m_04/bg_hand@2x.gif") no-repeat 20px center; line-height: 60px; background-size: 50px auto;}
.shopdetail .shopdetailItem .shopdetailImage img {max-width:100% !important; height: auto !important;}
.shopdetail .shopdetailItem .shopdetailImage table {width:100% !important;}
.shopdetail .shopdetailItem .shopdetailImage object {width:100% !important;}
.shopdetail .shopdetailItem .shopdetailImage iframe {width:100% !important;}
.shopdetail .shopdetailItem .shopdetailImage table {table-layout: auto !important;}
.shopdetail .shopdetailItem .shopdetailImage div {width:100% !important;}
.shopdetail .shopdetailItem .shopdetailImage .detailText { margin-top:50px; }
.shopdetail .shopdetailItem .shopdetailNotify {margin-top:24px;}
.shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo {padding:0 15px;}
.shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dt {font-weight:bold; margin-bottom:2px;}
.shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dd {margin:0 0 25px 6px;}
.shopdetail .shopdetailRelationItem {padding:0 15px 30px 15px;}
.shopdetail .shopdetailRelationItem .listName input {float:right;}
.shopdetail .shopdetailRelationItem .btn_cart {width:290px; text-align:center; font-weight:bold; color:#fff; background-color:#393939; display:block; padding:10px 0; margin:0 auto;}
/* 관련상품 */
.shopdetailRelation {margin-bottom:30px;}
.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:290px; margin: 0 auto;}
/* //관련상품 */

/* IOS 디바이스 옵션 선택 시 자동 확대 방지 */
input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select {font-size:16px;}
/* //IOS 디바이스 옵션 선택 시 자동 확대 방지 */

/* OKDGG 버튼 */
.shopdetail .okdgg-checkout {margin-top: 15px;}
.shopdetail .okdgg-checkout img {max-width: 90%; height: auto;}
/* //OKDGG 버튼 */

/* 퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */
.cs-button {bottom: 53px !important;}
/* //퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */


/* 임시품절 재입고 SMS 받기 */
.shopdetail .soldout_anchor { display:block !important; }
.shopdetail .MK_btn-sms {
    display: inline-block; width: 100%; height: 35px; line-height: 35px; text-align: center; border: 1px solid #808080;
    color: #fff; font-weight: bold;
    background-color: #636363;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#636363), to(#5e5e5e));
    background-image: -webkit-linear-gradient(top, #636363, #5e5e5e);
    background-image:    -moz-linear-gradient(top, #636363, #5e5e5e);
    background-image:      -o-linear-gradient(top, #636363, #5e5e5e);
    background-image:   linear-gradient(to bottom, #636363, #5e5e5e);
    -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.shopdetail .MK_btn-sms span { padding-left: 24px; background: url(/images/d3/m_01/bull/alarm_fff@2x.png) no-repeat 0 50%; background-size: 18px 14px; }
/* 임시품절 재입고 SMS 받기 끝 */


#nhn_btn {padding-top:10px;}
#payco_order_btn {padding-top:10px;}
#kakaopay_order_btn {padding-top:10px;}

/* 하이브리드 */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap { padding:5px 15px 10px; background:#f6f6f6; border-bottom:1px solid #c7c7c7; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box:not(:last-child)  { width:100%; border-bottom:1px solid #cecece; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box.last { border-bottom:none; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .tit { width:100%; padding:10px 0; color:#3b3b3b; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list:after { clear: both; content: ""; display: block; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list { width:100%; font-size:0.875em; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li { float:left; width:20%; list-style:none; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li.last { }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl { width:54px; padding-bottom:10px; text-align:center; color:#333; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdchk { text-align:left; padding-bottom:5px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdchk input { width:12px; height:12px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg { position:relative; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg img { width:54px; height:54px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg.noimg { width:52px; height:52px; border:1px solid #d8d8d8; background:#fff url(/makeshop/newmanager/neoimages/h52_noimg.gif) no-repeat center center; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .soldout { position:absolute; top:0; left:0; display:inline-block; width:54px; height:54px; line-height:56px; color:#fff; text-align:center; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .soldout-bg { position:absolute; top:50%; left:0; display:inline-block; width:54px; height:20px; margin-top:-10px; background:#000; filter:alpha(opacity:40); opacity:0.4; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .sel-img { position:absolute; top:0; left:0; display:inline-block; width:54px; height:54px; background:#000; filter:alpha(opacity:40); opacity:0.4; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdname { padding-top:5px; line-height:14px; word-wrap:break-word;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdnote { padding-bottom:3px; line-height:14px; word-wrap:break-word;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdprice { padding-bottom:3px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty { }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty input { display:inline-block; width:20px; height:15px; line-height:17px; padding:0 5px; border:1px solid #707070; font-size:11px; text-align:right; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down { display:inline-block; width:11px; height:14px; line-height:0; font-size:0; vertical-align:top; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down a { display:inline-block; width:11px; height:9px; line-height:0; font-size:0; vertical-align:top; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up { margin-bottom:1px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .add-option-sel { font-weight: bold; font-size: 1.1em; padding: 10px 0; border-top:1px solid #cecece; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoName { width: 28%; padding-right: 5px; display:inline-block; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCont {width:70%; display:inline-block; margin-left: -4px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCont select {width:100%;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .txt-qnty {text-align:right; padding:0 6px; width: 50px !important;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .fa-plus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; margin: 0 5px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .fa-minus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_innerOptPrice,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_innerOptAdd { padding-bottom:5px; margin-right: 10px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_optAddWrapList {background-color:#f6f6f6; }

/* 추가 구성 상품 */
.shopdetail .shopdetailInfo .shopdetailInfoTit { height:40px; line-height:42px; padding:0 12px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; font-size:14px; color:#000; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap:after { clear: both; content: ""; display: block; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap { width:100%; border-bottom:1px solid #c7c7c7; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop { float:left; width:45%; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop figure { padding:15px 12px; border:0; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue { float:right; width:52%; padding:15px 0; margin-right:3%; border:0; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoprdName { font-size:1.333em; font-weight:bold; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont { width:auto; margin:0; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoName { width:auto; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect p { padding:0; background:none; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont .basic_option { width:100%; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoName { display:none; width:100%; padding:0 0 5px 0; }


/* 원클릭옵션 */
.shopdetailInfoOneclick {clear:both; background-color:#fff; overflow:hidden; zoom:1; position:relative;padding-bottom:17px;}
.shopdetailInfoOneclick .shopdetailInfoList { }
.MK-oneclick-list { overflow:hidden; zoom:1; font-size:0px;}
.MK-oneclick-list:after { content: ""; display: block; clear: both; }
.MK-oneclick-list li { display:inline-block; margin-right:15px; }                                                                                
.MK-oneclick-list li a { display:inline-block; box-sizing:border-box; vertical-align:middle; } 
.MK-oneclick-list li.MK-oneclick-sel { border-color:#222; }
.MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=30); -moz-opacity:.3; opacity:.3; position: relative; }
.MK-oneclick-list li.MK-oneclick-dis a:before { width:1px; height:40px; background:#c2c4c9; position:absolute; content:''; display:block; top: 50%; left: 50%;  transform: translate(-50%, -50%) rotate(311deg); transform-origin: center; }
.MK-oneclick-list li.MK-oneclick-dis.MK-oneclick-color a:before { height:24px; background:#eaebed; transform: translate(-50%, -50%) rotate(320deg); }

.MK-oneclick-list li.MK-oneclick-color { display:inline-block; margin-right:15px; }
.MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a { padding: 1px; border: 1px solid #666; border-radius: 100%;}
.MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a span{ }
.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.MK-oneclick-sel a img { }
.MK-oneclick-list li.MK-oneclick-color {} 
.MK-oneclick-list li.MK-oneclick-color a {}
.MK-oneclick-list li.MK-oneclick-color span { display: block; width: 24px; height: 24px; border-radius: 100%;}
.MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; }

.MK-oneclick-only-image li { text-align:center; width:36px; height:32px; line-height:32px; border-radius:9px; border:1px solid #c2c4c9; }
.MK-oneclick-list li.MK-oneclick-image a { text-align:center; }
.MK-oneclick-list li.MK-oneclick-image a img { height:26px; width: auto; vertical-align:middle; }
.MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {}


.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:0px 5px; height:25px; line-height:25px; box-sizing:border-box; }
.MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {border:1px solid #333;}
.MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel span { color:#333; }
.MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 25px; }                                                                        
.MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 25px; }
.MK-oneclick-value { 
    display:none;
    position:absolute;
    top:0;
    right:0;
    height:16px;
    line-height:16px;
    color:#b2b2b2;
    font-size:12px;
}
.MK-oneclick-only-text li.MK-oneclick-text { height: auto; margin-right:10px;margin-bottom:10px;}
.MK-oneclick-only-text li.MK-oneclick-text span { 
    height: auto; 
    line-height: 25px; 
    color:#b2b2b2; 
    font-size:11px;
}
.btn-app{
    margin:0px !important;
    padding:10px !important;
    background:#fff;
}

.ban{width:100% !important;}
.space{display:inline-block;margin-left:10px;width:90%;}
.txtnumber{vertical-align: top;}


/* 사이즈팝업 */
.size-pop-wrap{
    display: none;
    width: 100%;
    height: 100vh;
    background: #fff;
    padding: 0px 15px;
    padding-top:13px;
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1004;
}
.size-pop-wrap.active{
    display:block;
}
.size-pop-wrap .title{
    position:relative;
    height:31px;
    line-height:31px;
    padding-bottom:12px;
    border-bottom:1px solid #333;
}
.size-pop-wrap .title h4{
    color:#333;
    font-size:18px;
    font-weight:normal;
}
.size-pop-wrap .title a.close-btn{
    position:absolute;
    top:0;
    right:-8px;
    display:inline-block;
    width:31px;
    height:31px;
    line-height:31px;
    text-align:center;
}
.size-pop-wrap .title a.close-btn img{
    width:14px;
    vertical-align:middle;
}
.size-table{
    padding-top:25px;
}
.size-table .info-p{
    color:#b2b2b2;
    font-size:12px;
    padding-bottom:10px;
}
.size-table table{
    width:100%;
    border-top:1px solid #e6e6e6;
}
.size-table table tr th{
    text-align:left;
    padding-left:11px;
    background:#f7f7f7;
}
.size-table table tr {
    border-bottom:1px solid #e6e6e6;
}
.size-table table tr th .mem-grade{
    position:relative;
    padding:17px 0px;
    font-size:0px;
}
.size-table table tr th .mem-grade p{
    display:inline-block;
    width: calc(100% - 12px);
    vertical-align:middle;
    line-height:18px;
    color:#333;
    font-size:13px;
    font-weight:bold;
}
.size-table table tr th .mem-grade:before{
    content:"";
    display:inline-block;
    width:6px;
    height:6px;
    line-height:6px;
    background:#ccc;
    border-radius:20px;
    vertical-align:middle;
    margin-right:6px;
}


/* BASIC css end */