/* BASIC css start */
/*위브 리뉴얼*/

.cart_banner {margin-bottom:50px;}
#cartWrap{width:1400px;margin:0 auto;}
#cartWrap .bbs-tit{text-align:left;color: #1B1B1B;font-weight: 600;font-size: 28px;letter-spacing: -0.02em;margin-bottom:40px;}
#cartWrap .bbs-tit strong{color: #1B1B1B;font-weight: 600;font-size: 28px;letter-spacing: -0.02em;}
#cartWrap .table-cart{padding:0;margin:0;font-size:0;}
.MK_cartfree_price{color: #4E4E4E;letter-spacing: -0.02em;font-weight: 400;font-size: 13px;text-align:right;}
.MK_cartfree_price span{color: #640585;font-weight: 600;}
.blank{ text-align:center; font-size: 13px;  color: #363636;}
input[type="checkbox"]{background:url(/design/jstyle07/ch1.svg);    appearance: none;  width: 15px;  height: 15px;}
input[type="checkbox"]:checked {background:url(/design/jstyle07/ch2.svg);    appearance: none;  width: 15px;  height: 15px;}
.page-body{    font-size: 0;}
html .page-body >*{vertical-align:top;}
html .bwrap{display:flex;}
html .swrap{width:calc(100% - 310px);padding-right:96px;  display: inline-block;box-sizing: border-box;}
html .total_result{width:310px; margin-top:0;   display: inline-block;background:#fff;padding:0;}
html .table-cart thead th{color: #4E4E4E;letter-spacing: -0.02em;font-weight: 400;font-size: 15px;background: #F8F8F8;padding:12px 0 ;border-top: 1px solid #1B1B1B;}
html .table-cart tbody td{border-color:#f8f8f8;padding:25px 0;}
html .table-cart .tb-center{padding:0;}
html .table-cart tbody td:nth-child(2){padding-left:27px;font-size:0;}
html .table-cart tbody td:nth-child(2)>*{display:inline-block;vertical-align:middle;}
html .table-cart tbody td .thumb{width:122px;}
html .table-cart tbody td .thumb a,html .table-cart tbody td .thumb a img{width:122px;}
html .table-cart tbody td .thumb + .tb-left{ width: calc(100% - 122px);  box-sizing: border-box;}
html .table-cart tbody td:nth-child(2)>.tb-left .pro-name .tb-left{padding-left:20px;}
html .table-cart tbody td:nth-child(2) .tb-left .pro-name{color: #1B1B1B;letter-spacing: 0.02em;font-weight: 400;font-size: 16px;}
html .table-cart tbody td:nth-child(2) .tb-left .tb-opt{margin-top:20px;color: #4E4E4E;letter-spacing: -0.02em;font-weight: 400;font-size: 14px;letter-spacing: -0.02em;}
html .table-cart tbody td:nth-child(2) .tb-left a:last-child{display:block;margin-top:10px; color: #640585;letter-spacing: -0.02em;font-weight: 400;font-size: 13px;text-decoration:underline;}
html .table-cart tbody td:nth-child(4) div{color: #1B1B1B;font-weight: 400 !important;font-size: 14px;}
html .table-cart tbody td:nth-child(5) div{color: #640585;font-weight: 600;font-size: 14px;}
html .table-cart .modifi_btn_white{display:block;width:30px; margin: 10px auto 0;}
html  .table-cart .opt-spin{margin: 0 auto;width:80px;height:35px;line-height:35px; border: 1px solid #E8E8E8;border-radius: 5px;}
html .table-cart .opt-spin .txt-spin{color: #1B1B1B;font-weight: 400;font-size: 14px;}
html .table-cart .opt-spin .btns a:nth-child(1){right:5px;}
html .table-cart .opt-spin .btns a:nth-child(2){left:5px;}

html #cartWrap .btn-order-ctrl{margin:12px 0 0;padding:0;}
html #cartWrap .btn-order-ctrl a{width: 115px !important;height: 35px !important;line-height:35px !important;margin-right:8px !important; border: 1px solid #9C9C9C !important;border-radius: 5px !important;color: #9C9C9C !important;letter-spacing: -0.05em !important;font-weight: 400 !important;font-size: 15px !important;}
html .cart-free-wrap .btn-list-open{top:12px;right:0; width: 210px;height: 35px;line-height:35px;background: #640585;border-radius: 5px;letter-spacing: -0.05em;font-weight: 400;font-size: 15px;}
html .cart-free-wrap .btn-list-open span.open{background:url(/design/jstyle07/wib/img_pc/arrowwh.svg);width:16px;height:9px;margin-left: 10px;}

html .total_result .price_result{margin:0;border: 1px solid #1B1B1B;border-radius: 5px;padding:40px 30px 30px;}
html .total_result .price_list>li>p:nth-child(1){color: #000;letter-spacing: -0.02em;font-weight: 400;font-size: 13px;text-align:left;}
html .total_result .price_list>li>p:nth-child(2){color: #969696;font-weight: bold;font-size: 15px;float:right;text-align: right;}
html .total_result .price_list>li.order>p:nth-child(2) {color:#000;}
html .total_result .price_list>li>p{display:inline-block;width:50%;}
html .total_result .price_list>li>p.cont .MK_total_price { color: #640585; font-weight: bold; }
html #cartWrap .delivery{text-align:left;}

html .total_result .price_list>li{display:flex;margin:0 0 20px;}
html .total_result .price_list>li.total{padding-top:30px;border-top:1px solid #e8e8e8;margin-bottom:10px;}
html .total_result .price_list>li.dis{margin-bottom:30px;}
html .total_result .price_wrap .mile{margin-bottom:10px; color: #4E4E4E;letter-spacing: -0.02em;font-weight: 400;font-size: 13px;text-align:right;display:block;width:100%;}
html .total_result .price_wrap >p{color: #4E4E4E;letter-spacing: -0.02em;font-weight: 400;font-size: 13px;text-align:right;display:block;width:100%;}
html .total_result .price_wrap .mile img{margin-right:5px;}
html .total_result .price_wrap >p span{color: #640585;font-weight: 600;}

html .buy_btn {margin:20px 0 0 !important;width:100% !important;}
html .total_result{float: none !important;}
html .total_result .buy_btn a{display: inline-block;
    text-align: center;
width:100% !important;height: 55px !important;margin:0 !important; border-radius: 5px !important;color: #FFFFFF !important;box-sizing:border-box; letter-spacing: -0.02em !important;font-weight: 400 !important;font-size: 16px !important;}
html .total_result .buy_btn a:nth-child(1){border: 1px solid #640585 !important;background: #640585 !important;color: #FFFFFF !important;margin-bottom:8px !important;}
html .total_result .buy_btn a:nth-child(2){border: 1px solid #640585 !important;background: #FFFFFF !important;color: #640585 !important;margin-bottom:40px !important;}

html #cartWrap .cart-ft2{padding:0;width:100%;}
html #cartWrap .cart-ft2 .btn_wrap{width:100%;margin:0;}
html .cart-ft2 .payco_checkout.ta,html .cart-ft2 .npay_type_B_1,html #cartWrap .cart-ft2 .btn_wrap #kakaopay_order_btn{width:310px !important;margin:0 !important;}

html .none{display:none;}
.basket_appprod_wrap .swiper-container{overflow:hidden;}
.basket_appprod_wrap .swiper-button-prev:after,.basket_appprod_wrap .swiper-button-next:after{display:none;}

/*카트프리*/
html .cart-free-wrap .list-wrap{overflow-y:hidden;position:fixed;box-sizing: border-box;top:50%;left:50%;padding:41px 46px; margin:0;transform:translate(-50%,-50%);width: 1084px;height: 658px;border: 1px solid #9C9C9C;border-radius: 5px;}
html .cart-free-wrap .list-wrap>div{overflow-y:scroll;height:510px;padding-right:49px;box-sizing:border-box;}
html .cart-free-wrap .list-wrap h3{text-align:left;color: #1B1B1B;margin-bottom:40px; letter-spacing: -0.02em;font-weight: 600;font-size: 28px;clear:both;}
html .cart-free-wrap .list-wrap h3 span{float:right;cursor:pointer;}
html .cart-free-wrap .list-wrap ul li{width:calc(25% - 15px);margin:0 20px 40px 0;}
html .cart-free-wrap .list-wrap ul li:nth-child(4n){margin-right:0;}
html .cart-free-wrap .list-wrap ul li dl{margin:0;}
html .cart-free-wrap .list-wrap ul li dl dt{margin-bottom:15px;}
html .cart-free-wrap .list-wrap ul li dl dt a{display:block;}
html .cart-free-wrap .list-wrap ul li dl dd:nth-child(2){  line-height: 1;color: #1B1B1B;letter-spacing: 0.02em;font-weight: 400;font-size: 14px;}
html .cart-free-wrap .list-wrap ul li dl dd:nth-child(3){  line-height: 1;margin:12px 0 15px; color: #1B1B1B;letter-spacing: 0.02em;font-weight: 600;font-size: 15px;}
html .cart-free-wrap .list-wrap ul li dl dd a{margin:0;width: 100px;height: 30px;line-height:30px;text-align:center; padding:0;border: 1px solid #640585;border-radius: 5px;color: #640585;letter-spacing: -0.02em;font-weight: 400;font-size: 13px;}
html .cart-free-wrap .list-wrap ul li dl dd strong{color: #1B1B1B;letter-spacing: 0.02em;font-weight: 600;font-size: 15px;}


html .cart-free-wrap .list-wrap>div::-webkit-scrollbar {width: 3px;background: #E8E8E8;border-radius: 60px;}
html .cart-free-wrap .list-wrap >div::-webkit-scrollbar-thumb {background: #640585;border-radius: 60px;}


/*위브 리뉴얼 끝*/


#contentWrap{
    width: 100%;
}

#cartWrap .wish-opt {
    color: #FFA500;
}

/*띠배너 영역  210126 다미 추가 전에 쓰던 코딩으로 변경 시 제거 
.linebanner {
    width: 100%;
    margin-top: 100px;
    display: flex;
    justify-content: center;
}
.linebanner-bg a {
    display: block;
    width: 100%;
}
.linebanner-bg {
    width: 1330px;
    display: flex;
    justify-content: space-between;
    
}*/


/* 회원 등급 표시 */

#cartWrap .mem-lvl {
    zoom: 1;
    overflow: hidden;
    margin-top: 45px;
    width: 1246px;
    margin: 0 auto;
    padding: 0 42px;
    background: none;
    display: table;
    margin-top: 25px;
    margin-bottom: -10px;
    text-align: center;
}

#cartWrap .mem-lvl .lvl-img {
    left: 0;
    margin-right: 0;
    width: 120px;
    display: table-cell;
    vertical-align: middle;
    float: none;
    display: none;
}

#cartWrap .mem-lvl p {
    width: auto;
    padding-top: 0;
    line-height: 25px;
    display: table-cell;
    vertical-align: middle;
    float: none;
}

#cartWrap .mem-lvl p .fc_JSpink{
    font-weight: bold;
    color: #000;
}

#cartWrap .mem-lvl p em,
#cartWrap .mem-lvl .MS_group_msg font{
    color: #000 !important;
}


/* 배송 메세지 */

#cartWrap .delivery {
    margin-top: 20px;
    text-align: right;
    font-size: 15px;
}


/* 주문 컨트롤 버튼 */

#cartWrap .btn-order-ctrl {
    margin-top: 20px;
    text-align: left;
    font-size: 0;
    line-height: 0;
    padding-left: 78px;
}

#cartWrap .btn-order-ctrl a {
    width: 128px ;
    height: 38px ;
    background: #fff;
    color: #000 ;
    border: solid 1px #000;
    box-sizing: border-box;
    display: inline-block ;
    line-height: 38px ;
    font-size: 12px ;
    vertical-align: top;
    text-align: center ;
    margin: 0px 6px 0px 0;
}

#cartWrap .cart-ft2 {
    margin-top: 20px;
    text-align: right;
    overflow: hidden;
}

#cartWrap .cart-ft2 .btn_wrap{
    margin-right: 40px;
}

#cartWrap .cart-ft2 .btn_wrap #kakaopay_order_btn{
    display: inline-block;
    width: 225px;
    height: 84px;
    margin-left: 10px;
    background: url(/design/jstyle07/wib/img_pc/sub/kakao_A1.jpg) no-repeat bottom center;
}

#cartWrap .cart-ft2 .btn_wrap #kakaopay_order_btn a{
    display: block;
    width: 100%;
    height: 100%;
}

#cartWrap .cart-ft2 .btn_wrap #kakaopay_order_btn a img{
    display: none;
}

.wish_wrap.table-cart .MS_input_txt {
    text-align: center;
    margin-right: 0;
    border: none;
    width: 36px;
    height: 21px;
    line-height: 21px;
    padding: 0;
    font-weight: bold;
}

#nhn_btn {
    display: inline;
}

#payco_order_btn {
    display: inline;
}

#content .tit-page {}

.tb-left .pro-name {
    font-size: 13px;
    color: #000;
}

.tb-left .pro-name .icons{
    padding:0 0 8px;
}


/* 카트프리 무료배송 추천 상품 */

.cart-free-wrap {
    text-align: center;
    position: relative;
}

.cart-free-wrap .btn-list-open {
    position: absolute;
    right: 42px;
    display: inline-block;
    width: 386px;
    height: 38px;
    line-height: 38px;
    background: #717171;
    color: #fff;
    font-size: 13px;
    text-align: center;
    font-weight: 300;
}

.cart-free-wrap .btn-list-open span {
    margin-left: 5px;
    display: inline-block;
    width: 13px;
    height: 8px;
    background: url(/design/jstyle07/wib/img_pc/sub/cartfree_arrow_top.png) no-repeat;
}

.cart-free-wrap .btn-list-open span.open {
    background: url(/design/jstyle07/wib/img_pc/sub/cartfree_arrow_bt.png) no-repeat;
}

.cart-free-wrap p {
    padding: 20px 0;
    font-size: 14px;
    font-weight: bold;
}

.cart-free-wrap p span {
    color: #f40000;
}

.cart-free-wrap .btn-more {
    display: inline-block;
    width: 300px;
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
    border: 1px solid #222;
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 15px;
}

.cart-free-wrap .btn-more span {
    display: inline-block;
    width: 8px;
    height: 5px;
    margin-left: 5px;
    background: url(/images/d3/m_04/h10_arr.gif) no-repeat 0 0;
    background-size: 100% 100%;
    vertical-align: middle;
}

.cart-free-wrap .list-wrap {
    overflow-x: hidden;
    overflow-y: auto;
    width: 1219px;
    height: 450px;
    padding: 35px 14px 30px;
    margin-top: 20px;
    border: 1px solid #222;
    display: none;
    position: absolute;
    background: #fff;
    z-index: 2;
    top: 17px;
    right: 42px;
}

.cart-free-wrap .list-wrap ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
}

.cart-free-wrap .list-wrap ul:after {
    clear: both;
    content: "";
    display: block;
}

.cart-free-wrap .list-wrap ul li {
    word-wrap: break-word;
    word-break: keep-all;
    display: inline-block;
    vertical-align: top;
    width: 25%;
    list-style: none;
    text-align: left;
}

.cart-free-wrap .list-wrap ul li dl {
    margin: 15px 15px 10px;
}

.cart-free-wrap .list-wrap ul li dl dt {
    margin-bottom: 13px;
}

.cart-free-wrap .list-wrap ul li dl dt img {
    width: 100%;
    height: auto;
    border: 0;
}

.cart-free-wrap .list-wrap ul li dl dd {
    line-height: 1.6em;
}

.cart-free-wrap .list-wrap ul li dl dd strong {
    color: #46479b;
}

.cart-free-wrap .list-wrap ul li dl dd a {
    display: inline-block;
    padding: 5px 8px 3px;
    margin-top: 10px;
    border: 1px solid #999;
    color: #666;
    background: #fff;
}


/* 총 상품금액 박스영역 */

.total_result{
    background: #f1f1f1;
    padding: 30px 0px;
    margin-top: 50px;
    color: #000;
}

.total_result .price_result{
    margin-top: 8px;    
    margin-left: 40px;
}

.total_result .buy_btn{
    margin-right: 40px;    
}

.total_result .buy_btn a{
    width: 188px !important;
    height: 54px !important;
    line-height: 54px !important;
    font-size: 16px !important;
    margin: 0px 0 0px 8px!important;
}

.total_result .big_num{
    font-size: 21px;
    color: #000;
    margin-left: 12px;
}

.total_result .plus,
.total_result .minus,
.total_result .result{
    width: 22px;
    height: 30px;
    display: inline-block;
    margin: 0px 25px;
    vertical-align: middle;    
}

.total_result .plus{
    background: url(/design/jstyle07/wib/img_pc/sub/cart_icon_plus.png) no-repeat center 1px;
}

.total_result .minus{
    background: url('/design/jstyle07/wib/img_pc/sub/cart_icon_minus.png') no-repeat center 1px;    
}

.total_result .result{
    background: url('/design/jstyle07/wib/img_pc/sub/cart_icon_result.png') no-repeat center 1px;    
}

.total_result .price{
    font-size: 25px;    
    margin-left: 12px;
}


/* 네이버페이, 페이코버튼 */

.cart-ft2 .cart_notice{
    margin-left: 38px;
    text-align: left;
}

.cart-ft2 .cart_notice p{
    color: #4d4d4d;
    font-size: 12px;
    line-height: 20px;
    padding-left: 21px;
    margin-bottom: 10px;
    background: url(/design/jstyle07/wib/img_pc/sub/cart_icon_notice.png) no-repeat left 2px;  
}

.cart-ft2 .payco_checkout.ta,
.cart-ft2 .npay_type_B_1 {
    width: 218px !important;
    height: 83px !important;
    margin-left: 10px !important;
}

.cart-ft2 .payco_checkout.checkout_a3 .payco_checkout_btn {
    right: 1px;
    height: 36px;
    background: url(https://paycoscdn.toastoven.net/payco/bill/checkout/img/v2/btn_checkout_ta_a3.png) no-repeat;
    background-size: 100% 100%;
    width: 150px;
}

.cart-ft2 .payco_checkout.ta .payco_section {
    margin: 12px 0;
}

.cart-ft2 .payco_checkout .payco_section_ft {
    padding: 7px 3px 2px;
}

.cart-ft2 .payco_btn_wrap {
    top: 67px;
}


/* 20200304 스냅알 */

.snap_tit{
    /*margin-top: 100px;
    border-top: 1px solid #ddd; */
    padding-top: 110px;
    font-size: 21px;
    text-align: center;
    font-weight: 200;
    margin-bottom:-72px;
    padding-bottom: 20px;
    z-index: 1;
    position: relative;
    background: #fff;   
}

.line_banner{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    margin:0 auto !important;
}

.line_banner img{
    width:100%;
    height:100%;
}


/* 20200921 장바구니 지정상품 */
.basket_appprod_tit{
    margin: 100px 100px 0;
    font-size: 21px;
    text-align: left;
    font-weight: 600;
    padding-bottom: 30px;
    z-index: 1;
    position: relative;
    background: #fff;
    clear: both;
    color:#2f2f2f;
 }
.basket_appprod_tit > div  {position:relative;}
.basket_appprod_tit > div .swiper-pagination {width:auto;    right: 0; left: unset; bottom: unset; top: 0; height: auto; margin: 0;  padding: 0;}
.basket_appprod_tit > div .swiper-pagination-bullet-active {background:#000;}
.basket_appprod_wrap{width:1300px;margin:0 auto;position:relative}
.basket_appprod_wrap .swiper-container{margin:0 50px;}
.basket_appprod_wrap .basket_appprod{width: 216px !important;margin-right: 30px;float: left;display: inline-block;}
.basket_appprod_wrap .basket_appprod a.link_wrap{width: 100%;display: block;}
.basket_appprod_wrap .basket_appprod a.link_wrap img.MS_prod_img_s.thumb_img{width: 100%;}
.basket_appprod .prod_name,.basket_appprod .prod_price{color: black;font-size: 14px;text-align: center; margin-top:15px;}
.basket_appprod .prod_price span{font-weight: bold;}
.basket_appprod_wrap .basket_appprod .prod_price {margin-top: 5px;}
.basket_appprod_wrap .basket_appprod .btn_white_s{margin: 20px auto 0;display: block !important;}
.basket_appprod_wrap .swiper-button-next,.basket_appprod_wrap .swiper-button-prev{position: absolute;top: 38%;width: 27px;height: 44px;z-index: 2;background-size: 27px 44px;background-position: center;background-repeat: no-repeat;outline:0}
.basket_appprod_wrap .swiper-button-prev {background: url(/design/jstyle07/wib/img_pc/main/main1arrow1.svg) no-repeat; width: 58px; height: 58px;}
.basket_appprod_wrap .swiper-button-next {background: url(/design/jstyle07/wib/img_pc/main/main1arrow2.svg) no-repeat; width: 58px; height: 58px;}

/*통옵소스*/

.basket-option-detail .basket-option-dlist li { margin-bottom:7px; word-break:break-all; word-wrap:break-word; }
.basket-option-detail .basket-option-dlist li img { width:40px; height:40px; vertical-align:middle; padding-right: 10px; }
.tb-opt img { vertical-align:top; }
.tb-opt .basket-option-detail { display:inline-block; vertical-align:top; padding-left:8px; }
.tb-opt .basket-option-detail .basket-option-dlist li { margin-bottom:7px; word-break:break-all; word-wrap:break-word; }
.tb-opt .basket-option-detail .basket-option-dlist li img { width:23px; height:23px; vertical-align:middle; }


.MK-product-icons { flex-wrap: nowrap; }
/* BASIC css end */