/* BASIC css start */
/*위브*/
.h_title{padding:0;border:0 !important;margin:40px 0 !important;}
.h_title h3{color: #424242;font-weight: 500;font-size: 20px;text-align:center;}

.tabs{font-size:0;border-bottom:1px solid #C9C9C9;}
.tabs li{display:inline-block;width:33.33333%;text-align:center;padding:18px 0;}
.tabs li a{color: #C9C9C9;letter-spacing: -0.03em;font-weight: 400;font-size: 13px;}
.tabs li:nth-child(1){border-bottom:1px solid #202323;}
.tabs li:nth-child(1) a{color: #424242;font-weight: 500;}

html #basket .all-select{border:none;background-color:#fff;padding:30px 15px 20px;border-bottom:1px solid #C9C9C9;}
input[type="checkbox"]{margin-top: -3px;width:15px;height:15px;background:url(/design/happyprinc/wib/img/mo/chno.svg) no-repeat;appearance:none;margin-right:8px;vertical-align:middle;}
input[type="checkbox"]:checked{width:15px;height:15px;background:url(/design/happyprinc/wib/skin/common/chyes.svg) no-repeat;}
html #basket .all-select label{color: #424242;letter-spacing: -0.03em;font-weight: 500;font-size: 15px;}

html #basket .not_provider li{padding:20px 15px;border-bottom:1px solid #C9C9C9;}
html #basket .pname a:first-of-type{color: #424242;letter-spacing: -0.03em;font-weight: 500;font-size: 15px;}
html #basket .pname{position:relative;margin-bottom:20px;padding-right: 30px;}
html #basket .pname a:last-child{position:absolute;right:0;top:0;}
html #basket .basketLeft{width:115px;float:none;display:table-cell;vertical-align:top;}
html #basket .basketLeft a{padding:0;margin:0;width:100%;}
html #basket .basketLeft a img{width:100%;}
html #basket .basketRight{position:relative; width:calc(100% - 115px);display:table-cell;padding-left:10px;box-sizing:border-box;font-size:11px;}
html #basket figure{font-size:0;padding:0;}
html #basket .basketRight p{margin-bottom:5px; color: #767676;letter-spacing: -0.03em;font-weight: 400;font-size: 13px;}
html #basket .basketRight p *{color: #767676;letter-spacing: -0.03em;font-weight: 400;font-size: 13px;}
html #basket .basketRight p input{height:auto;border:none;text-align:left;padding:0;vertical-align:middle;}
html #basket .basketRight p.option{position:absolute;bottom:0;right:0;margin:0;}
html #basket .basketRight p.option a{background:#fff;border: 1px solid #767676;width:152px;height:35px;line-height:35px;color: #767676;letter-spacing: -0.03em;font-weight: 400;font-size: 13px;}


/* 상품명 */
html #basket .basketRight p.prd_name a {color: #424242;letter-spacing: -0.03em;font-weight: 500;font-size: 15px;}

/* 선택한옵션 */
html #basket .basketRight p.prd_opt {}

/* 가격 */
html #basket .basketRight p.prd_price { margin:10px 0 5px; }
html #basket .basketRight p.prd_price,
html #basket .basketRight p.prd_price span { font-weight:700; color:#222; font-size:15px; }

/* 배송비 */
html #basket .basketRight p.deli { display:none; }

/* 수량 */
html #basket .basketRight .quantity_box { position:absolute; left:10px; bottom:0; display:flex; align-items:center; margin:30px 0 0; }
html #basket .basketRight p.quantity {display:flex; align-items:center; border:1px solid #e7e7e7; width:90px; margin:0; }
html #basket .basketRight p.quantity input { width:30px; text-align:center; height:34px; line-height:34px; }
html #basket .basketRight p.quantity a { width:30px; height:34px; text-align:center; display:flex; align-items:center; justify-content:center; }
html #basket .basketRight p.quantity a.down img { opacity:.3; }
html #basket .basketRight .quantity_box > span a { display:inline-block; vertical-align:top; border:1px solid #e7e7e7; border-left:0; height:34px; line-height:34px; padding:0 5px; }

/* 옵션변경 */
html #basket .basketRight p.option{position:absolute;bottom:0;right:0;margin:0;}
html #basket .basketRight p.option a{
    background:#fff;border: 1px solid #e7e7e7;width:60px;height:35px;line-height:35px; margin:0;
    color: #767676;letter-spacing: -0.03em;font-weight: 400;font-size: 13px;
}

@media all and (max-width:338px) {
    html #basket .basketRight p.option a { width:46px; padding:0; }
    html #basket .basketRight p.option a span { font-size:10px !important; display:flex; align-items:center; justify-content:center; padding:0; }
}


html #basket .price-total-info-top{margin-bottom:10px; border:none;padding:0;background:transparent;margin-top:0;color: #767676;letter-spacing: -0.03em;font-weight: 400;font-size: 13px;}
html #basket .price-total-info-bottom{padding:0;border:none;background:transparent;}
html #basket .total_price{padding:30px 15px ;background: #F9F9F9;}
html #basket .total_price .giho{padding:0 10px;}
html #basket .total_price .color{color: #767676;letter-spacing: -0.03em;font-weight: 400;font-size: 13px;}
html #basket .price-total-info-bottom {color: #424242;letter-spacing: -0.03em;font-weight: 400;font-size: 16px;}
html #basket .price-total-info-bottom .txt-price{font-weight: 600;font-size: 20px;}
html #basket .price-total-info-bottom .txt-price .MK_change_price{font-weight: 600;font-size: 20px;}
html #basket .price-total-info-bottom .MK_total_reserve{color: #767676;letter-spacing: -0.03em;font-weight: 400;font-size: 12px;}

html #basket .delivery-type{padding:20px 15px 30px;box-sizing:border-box;text-align:center;}
html #basket .delivery-type li:nth-child(1){margin-bottom:10px; color: #767676;letter-spacing: -0.03em;font-weight: 500;font-size: 12px;line-height: 18px;}
html #basket .delivery-type li:nth-child(2){color: #767676;letter-spacing: -0.03em;font-weight: 400;font-size: 12px;}

html #basket .order-btn{padding:0 15px;}
html #basket .order-btn a{background-color: #2a2a2a !important;border:none !important; width:100%;height:50px;line-height:50px;color: #FFFFFF;letter-spacing: -0.03em;font-weight: 400;font-size: 13px;}
html #basket .btn-wrap{padding:9px 15px;}
html #basket .btn-wrap a{height:50px;line-height:50px;border: 1px solid #424242;background:#fff; color: #424242;letter-spacing: -0.03em;font-weight: 400;font-size: 13px;}
html #basket .btn-wrap>div{width:calc(50% - 5px);margin-right:10px;}
html #basket .btn-wrap>div:last-child{margin-right:0;}

html .npay_type_MA_1{width:calc(100% - 30px)!important;margin:0 auto;}
html #basket .naver-checkout{margin:0;}

html .cart-free-wrap p{color: #767676;letter-spacing: -0.03em;font-weight: 400;font-size: 14px;margin:60px 0 30px;padding:0;}
html .cart-free-wrap p span{color: #000;font-weight: 500;}
 
html .cart-free-wrap .btn-list-open {width:calc(100% - 30px);margin:0 auto; height:50px;line-height:50px;background: #767676;color: #FFFFFF;letter-spacing: -0.03em;font-weight: 400;font-size: 13px;}
html .cart-free-wrap .btn-list-open img{vertical-align:middle;margin-left:5px;transition:all 0.3s; transform:rotate(180deg);}
html .cart-free-wrap .btn-list-open.open img{transform:rotate(0);}


html .cart-free-wrap .list-wrap{padding:30px 15px;}
html .cart-free-wrap .list-wrap ul{font-size:0;}
html .cart-free-wrap .list-wrap ul li dl{margin:0;}
html .cart-free-wrap .list-wrap ul li{vertical-align:top; float:none;height:auto; display:inline-block;width:calc(50% - 5px);margin-right:10px;font-size: 13px;color: #424242;letter-spacing: -0.03em;font-weight: 500;}
html .cart-free-wrap .list-wrap ul li:nth-child(2n){margin-right:0;}
html .cart-free-wrap .list-wrap ul li dl dd{text-align:left;}
html .cart-free-wrap .list-wrap ul li dl dt{height:auto;margin-bottom:20px;}
html .cart-free-wrap .list-wrap ul li dl dd.name{padding-bottom:8px;}
html .cart-free-wrap .list-wrap ul li dl dd.price{padding-bottom:12px;}
html .cart-free-wrap .list-wrap ul li dl dd.cartdam{padding-bottom:50px;}
html .cart-free-wrap .list-wrap ul li dl dd.cartdam a{width:77px;height:29px;line-height:29px;border: 1px solid #767676;display:block;color: #767676;letter-spacing: -0.03em;text-align:center; font-weight: 400;font-size: 13px;}
html .cart-free-wrap #MS_cartfree_product_more a {margin:0; width:100%; height:42px; line-height:42px; border:1px solid #767676; color:#767676; font-size:12px; font-weight:400; letter-spacing:-0.03em; }
html .cart-free-wrap #MS_cartfree_product_more a img {display:inline-block; vertical-align:middle; padding-left:5px;}


/*위브 끝*/


#basket .btn-wrap {padding:15px 10px;}
#basket .btn-wrap div {width:49%; float:left;}
#basket .btn-wrap div:last-child {float:right;}
#basket .all-select {border-top: 1px solid #4a4a4a; border-bottom: 1px solid #dedede; background-color: #f1f1f1; padding:10px;}
#basket .not_provider li {padding:20px 0;}
#basket .provider li {padding:20px 0;}
#basket figure {width:100%; display: table; box-sizing: border-box; padding:0 10px;}
#basket .basketLeft {width:110px; position:relative; float: left;}
#basket .basketLeft a {padding-right: 20px; margin-top: 20px; display:block;}
#basket .basketLeft .MS_input_checkbox {top:0; left:0; position:absolute;}
#basket .basketRight {padding-left:110px;}
#basket .basketRight p {color:#707070; margin-bottom:5px;}
#basket .basketRight .pname {border-bottom:1px solid #dedede;  padding-bottom: 4px;}
#basket .basketRight .pname .blue-delivery {background-color: #74a9e4; color:#fff; font-size:0.917em; padding: 1px 2px;}
#basket .basketRight .pname .red-delivery {background-color: #d674e4; color:#fff; font-size:0.917em; padding: 1px 2px;}
#basket .basketRight .pname .fa {float:right; margin-top: -6px;}
#basket .basketRight .fa-plus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;}
#basket .basketRight .fa-minus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;}
#basket .basketRight .btn_Black {margin-top:5px;}
#basket .basketRight .MS_select {width:100%;}
#basket .basketRight .amount-input {width:10px;}
#basket .price-each-info-top {text-align : right; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; background:#eaeaea; padding:10px;}
#basket .price-each-info-bottom {text-align : right; padding:10px; background:#eaeaea; border-bottom:1px solid #cbcbcb;}
#basket .price-total-info-top {border-top: 2px solid #464646; border-bottom: 1px solid #cbcbcb; background-color: #eaeaea; text-align : right;  padding:10px; margin-top:10px;}
#basket .price-total-info-bottom {border-bottom: 1px solid #cbcbcb; background-color: #eaeaea; text-align : right; padding:15px 10px; font-size:1.333em;}
#basket .price-total-info-bottom .txt-price {color : var(--color-font); font-weight:bold;}
#basket .price-total-info-bottom .txt-reserve {color : #898989; font-size:0.688em;}
#basket .delivery-type { padding:15px 10px;}
#basket .order-btn {padding:0 10px;}
#basket .order-btn .btn_Red {background-color: #f1191f; border: 1px solid #f1191f;}
#basket .naver-checkout {margin-top: 20px;}

@media screen and (min-width:768px) {
 #basket .basketRight .btn_Black {width:315px; display:inline-block; vertical-align: middle; margin-top:0px;}
}

.cart-ft2 { display: block; text-align: center; }

.cart-free-wrap { text-align:center; margin-bottom: 10px; }
.cart-free-wrap .btn-list-open { display:inline-block; width:90%; height:30px; line-height:30px; background:#585858; color:#fff; font-weight:bold; font-size: .75em; text-align:center; }
.cart-free-wrap p { padding:10px 0 15px; font-size: .75em; font-weight:bold; }
.cart-free-wrap p span { color:#f40000; }
.cart-free-wrap .btn-more { display:inline-block; width:94%; height:30px; line-height:30px; margin-top:10px; border:1px solid #383838; background:#fff; color:#383838; font-size: .75em; text-align:center; }
.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; padding:0 20px; margin-top:20px; display: none; }
.cart-free-wrap .list-wrap ul { width:100%; list-style:none; }
.cart-free-wrap .list-wrap ul:after { clear: both; content: ""; display: block; }
.cart-free-wrap .list-wrap ul li { float:left; width:33.3333%; height:180px; font-size: .7em; list-style:none; }
.cart-free-wrap .list-wrap ul li dl { margin:10px 10px 10px; }
.cart-free-wrap .list-wrap ul li dl dt { height:100px; margin-bottom:13px; }
.cart-free-wrap .list-wrap ul li dl dt img { width:100%; height:100%; }
.cart-free-wrap .list-wrap ul li dl dd {}

/* 하이브리드 옵션이미지 */
.basket-option-dlist li img { width:30px; height:30px; vertical-align:middle; }

/* 정기배송 탭 */
#basket .cart-tab { width:100%; height:32px; border-top:1px solid #464646; }
#basket .cart-tab:after { clear: both; content: ""; display: block; }
#basket .cart-tab li { float:left; width:50%; height:31px; border-bottom:1px solid #cecece; }
#basket .cart-tab li a { display:inline-block; width:100%; height:100%; color:#3b3b3b; font-size:12px; text-align:center; text-decoration:none; background:none; }
#basket .cart-tab li a span { display:block; height:18px; line-height:18px; margin-top:6px; }
#basket .cart-tab li:first-child a span { border-right:2px solid #e2e2e2; }
#basket .cart-tab li.now { border-bottom:1px solid #f1191f; }
#basket .cart-tab li.now a { font-weight:bold; color:#f1191f; }

/* 샵페이 바로구매 */
#productDetail #shoppay_btn { padding-top: 10px; } /* PC (공통) 상세페이지 전용 */
#cartWrap #shoppay_btn { display: inline; } /* PC (공통) 장바구니 전용 */
.shopdetail #shoppay_btn { padding-top:10px; } /* MO (4.0) 상세페이지 전용 */
#basket #shoppay_btn { margin-top:20px; } /* MO (4.0) 장바구니 전용 */
.shopdetail #shoppay_btn { text-align:center; } /* MO (파워팩) 상세페이지 전용 */
.basket #shoppay_btn { text-align:center; } /* MO (파워팩) 장바구니 전용 */

.shoppay_storebtn_bx,
.shoppay_storebtn_bx *,
.shoppay_button_box,
.shoppay_button_box * { display: inline-block !important; overflow: hidden; !important; float: none !important; position: static !important; top: auto !important; left: auto !important; margin: 0 !important; padding: 0 !important; border: 0 none !important; font-size: 11px !important; line-height:16px !important; font-family: '돋움',Dotum,Helvetica,sans-serif !important; text-align: left !important; text-decoration: none !important;  vertical-align: top !important; background: none !important; border-radius: 0 !important; }
.shoppay_button_box { width: auto !important; height: 100% !important; zoom: 1 !important; padding: 0 !important; border-top: 2px solid #2b2f3a !important; background-color: #fff !important; }
.shoppay_button { position: relative !important; margin: 0 !important; padding: 5px 0 5px 88px !important; zoom:1 !important; }
.shoppay_button .shoppay_blind { overflow: hidden !important; position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; clip: rect(0 0 0 0) !important; }
.shoppay_text { display: block !important; *display: inline !important; position: absolute !important; top: 10px !important; left: 0 !important; width: 82px !important; height: 26px !important; margin: 0 !important; padding: 0 !important; background: url('/images/common/shoppay_sp_text.png') no-repeat !important; }
.shoppay_btn_list { *zoom: 1 !important; display: table !important; width: 100% !important; margin:0 !important; padding: 0 !important; table-layout: fixed !important; list-style: none !important; }
.shoppay_btn_list tbody { display: table-row-group !important; }
.shoppay_btn_list tr { display: table-row !important; }
.shoppay_btn_list .shoppay_btn_item { *width: 120px !important; }
.shoppay_btn_item { display: table-cell !important; height: 37px !important; margin: 0 !important; padding: 0 !important; text-align: left !important; }
.shoppay_btn_link { display: block !important; height: 35px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #bfc4c7 !important; background-color: #fcfcfc !important; background-repeat: no-repeat !important; background-repeat: no-repeat !important; text-align: center !important; text-decoration: none !important; }
.shoppay_btn_item:first-child .shoppay_btn_link { margin: 0 !important; }
.shoppay_text { background-size: 82px auto !important; }
.shoppay_btn_link.shoppay_btn_pay { background-size: 133px auto !important; }
.shoppay_btn_link.shoppay_btn_pay { background-image: url('/images/common/shoppay_sp_payment.png') !important; background-position: 50% 0 !important; background-repeat: no-repeat !important; border-radius: 2px !important; }
.shoppay_btn_link.btn_blue { border-color: #025eea !important; background-color: #025eea !important; }
.shoppay_event { position: relative !important; width: 100% !important; margin: 0 !important; padding: 3px 0 0 0 !important; border: 0 none !important; border-top: 1px solid #e5e9ea !important; letter-spacing: -0.5px !important; }
.shoppay_event_tex t {display: block !important; *display: inline !important; overflow: hidden !important; *width: 100% !important; margin: 0 !important; padding: 5px 0 !important; letter-spacing: 0 !important; white-space: nowrap !important; *zoom: 1 !important; text-overflow: ellipsis !important; word-wrap: normal !important; }
.shoppay_event_text { padding: 0 !important; }
.shoppay_event_text .event_title { display: inline !important; margin: 0 5px 0 0 !important; padding: 0 !important; font-weight: normal !important; color: #015ce8 !important; vertical-align: middle !important; }
.shoppay_event .shoppay_event_text .event_link { display: inline !important; margin: 0 !important; padding: 0 !important; font-weight: normal !important; color: #727272 !important; text-decoration: none !important; vertical-align: middle !important; }
.shoppay_event .shoppay_event_text .event_link span { display: inline-block !important; margin: -1px 0 1px !important; vertical-align: middle !important; }
.shoppay_type_A_1 { width: 277px !important; height: 70px !important; }
.shoppay_type_A_2 { width: 296px !important; height: 84px !important; }
.shoppay_type_A_2 .shoppay_button { padding: 5px 0 5px 86px !important; }
.shoppay_type_A_2 .shoppay_text { top: 14px !important; }
.shoppay_type_A_2 .shoppay_btn_link { height: 45px !important; }
.shoppay_type_A_2 .shoppay_btn_link.shoppay_btn_pay { background-position: 50% -40px !important; }
.shoppay_type_A_3 { width: 338px !important; height: 84px !important; }
.shoppay_type_A_3 .shoppay_button { padding: 6px 0 6px 102px !important; }
.shoppay_type_A_3 .shoppay_text { top: 13px !important; height: 31px !important; background-position: 0 -31px !important; }
.shoppay_type_A_3 .shoppay_btn_link { height: 45px !important; }
.shoppay_type_A_3 .shoppay_btn_link.shoppay_btn_pay { background-position: 50% -40px !important; }


.none-data i{display:none}


/* 선물하기 버튼 */
#basket .gift_btn { margin-top:10px; padding:0 15px; }
#basket .gift_btn a.gift { display:block; border: 1px solid #424242; color: #424242; background: #fff; height: 50px; font-size: 13px; font-weight: 500; line-height: 50px; text-align: center;  }
a.gift .fa-gift { margin-top: -2px; margin-right: 3px; font-size: 16px; color: #777; }
.gift_btn img { width:auto; height:14px; vertical-align:middle; margin-bottom:2px; }


/* BASIC css end */