/* BASIC css start */
body {padding-bottom:130px;}
#header {display:none;}
body .h_title {margin:0; position:relative;}
.roll {margin-bottom:46px; display:none;}

#basket{padding-top: 68px;}
#basket .h_title {border-bottom: none;}
.mobile-widget .title{border-bottom: none !important;}
#basket .PHPS_basketTitle { display:none !important }

.MK-product-icons img {height: 15px !important; width: auto !important; padding: 0; margin-right: 2px;}

/*상단 탭메뉴*/
/* renewal */

#header, #footer, .bottom-nav, .top_banner_slide, .fixFloatArea {
    display: none !important;
}


/*상단 탭메뉴*/
#basket .basketHd {
}

#basket .basketHd:after {
    display: block;
    clear: both;
    content: ''
}

#basket .basketHd li {
    width: 33.3%;
    float: left;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    height: 52px;
    line-height: 52px;
    font-size: 14px;
}

#basket .basketHd li a {
    display: block;
    color: #949494
}

#basket .basketHd li a span {
    color: #b06e56;
}

#basket .basketHd li.now {
    border-bottom: 2px solid #313131;
    font-weight: bold;
    height: 51px;
}

#basket .basketHd li.now a {
    color: #000
}

.h_title2 {
    position: fixed;
    padding: 25px;
    text-align: center;
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
    width: 100%;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 22;
}

.h_title2 h3 {}

.h_title2 a {
    right: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.h_title2 a img {
    width: 11px;
}

.h_title2 h3 {
    font-size: 19px;
    font-weight: 400;
    color: #000000;
}


/* 선택 */
.btn-wrap div {width: 34%; float: right;  margin-left: 8px;}
.btn-wrap div:last-child {margin-left:6px}

.basket-select {padding:16px; background:#f4f4f4; border-bottom:1px solid #f4f4f4;}
.all-select {float:left; padding-top:7px;}


#basket .btn_Clear{width: 100%; height: 30px; line-height: 30px; border:1px solid #ddd; box-sizing:border-box; background-color: #fff; color: #6d6b6c; text-align: center; display: block; box-sizing: border-box; vertical-align: middle;}

#basket .not_provider {padding:0 16px;}
#basket .not_provider li {padding:20px 0 0;}
#basket .provider li {padding:20px 0;}

#basket .basketlistName{ position: relative; font-size: 12px; font-weight: 600; margin-bottom:10px;}
#basket .basketlistName:after { display:block; clear:both; content:'' }
#basket .basketlistName input[type="checkbox"]  {margin-right:6px;}
#basket .basketlistName .check{width: 25px; float: left;}
#basket .basketlistName .btnBasketDel {float:right;}
#basket .basketlistName .btnBasketDel img {width:20px;}

#basket figure {width:100%; display: flex; box-sizing: border-box; gap:13px;}
#basket figure .optionArea {position:relative; width:82px; text-align:center; height:28px;}
#basket figure .optionArea input[type="tel"] { font-size: 12px; border: 1px solid #ddd; width: 28px; height: 28px; text-align: center !important; padding: 0;}
#basket figure .optionArea a:first-of-type {position:absolute; right:0; width:28px; height:28px; line-height: 28px; display: inline-block; border: 1px solid #ddd; box-sizing:border-box;}
#basket figure .optionArea a:last-of-type {position:absolute; left:0; width:28px; height:28px; line-height: 28px; display: inline-block; border: 1px solid #ddd; box-sizing:border-box;}
#basket figure .optionArea a:first-of-type span,
#basket figure .optionArea a:last-of-type span {font-size:0;}
#basket figure .optionArea a:first-of-type span:after {content:'+'; display:inline-block; font-size:12px; font-weight:300;}
#basket figure .optionArea a:last-of-type span:after {content:'-'; display:inline-block; font-size:12px; font-weight:300;}

#basket .basketLeft {width:100px;}
#basket .basketLeft a {display:block;}
#basket .basketLeft .MS_input_checkbox {top:0; left:0; position:absolute;}

#basket .basketRight {flex:1;}
#basket .basketRight .pname {padding:8px 0 15px;}
#basket .basketRight .pname a {font-size:13px; color:#000;}
#basket .basketRight .delivery-txt {font-size:11px; color:#707070;}
#basket .basketRight .delivery-txt a {color:#000;}
#basket .basketRight .delivery-txt a img {width:11px; vertical-align:middle; margin-left:2px;}
#basket .basketRight .basket-price {padding:6px 0 10px;}
#basket .basketRight .basket-price .listPrice {display: flex; align-items: center; gap: 9px;}
#basket .basketRight .basket-price .listPrice del {color:#707070;}
#basket .basketRight .basket-price .listPrice .normal {font-size:16px; font-weight:700; color:#000;}
#basket .basketRight .basket-price .listPrice span em {font-weight:400;}
#basket .basketRight .basket-price .listPrice .salePercent {font-size:16px; font-weight:600; color:#b06e56;}
#basket .basketRight .basket-price .listPrice .salePercent .unit {font-weight:400; color:#b06e56;}

#basket .op-change {background:#f7f7f7; display: flex; align-items: center; line-height: 41px; padding: 0 12px; justify-content: space-between; margin-top:15px;}
#basket .op-change .sub-name {color:#707070;}
#basket .op-change .option-btn {text-align:center; font-size:11px; width: 57px; height: 22px; line-height: 22px; border: 1px solid #ddd; color:#6d6b6c;}

#basket .basketRight .btn_Black {width: 100px;height: 30px;line-height: 30px;background-color: #f9f9f9;color: #999;text-align: center;display: inline-block;border: 1px solid #d2d2d2;box-sizing: border-box;vertical-align: middle;padding: 0 10px;}
#basket .basketRight .MS_select {width:100%;}
#basket .price-each-info-top {text-align : right; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; background:#eaeaea; padding:10px;margin-top: 10px;}
#basket .price-each-info-bottom {text-align : right; padding:10px; background:#eaeaea; border-bottom:1px solid #cbcbcb;}
#basket .delivery-type { padding:15px 10px;}
#basket .order-btn {position:fixed; bottom:58px; left:0; width:100%; line-height:45px; text-align:center; background:#000; z-index:11}
#basket .order-btn a {color:#fff; font-weight:500; font-size:16px;}
#basket .order-btn a .qty {display:none;}
#basket .order-btn a .qty:after {content:''; display:inline-block; vertical-align:middle; border-right: 1px solid #fff; width: 1px; height: 13px; margin: 0 10px; box-sizing: border-box;}
#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;}
}


.delivery_msg{ font-size: 12px; clear: both; text-align: left; background: #f7f7f7; margin: 25px 16px 15px; padding: 12px 16px; color: #979797;}
.delivery_msg b{color:#313131; font-weight: normal}


/*총 결제 금액*/ 
.basket_total_price_Wrap{padding:0 16px;}
.basket_total_price_Wrap:after { content:""; clear:both; display:block; }
.basket_total_price_Wrap .price_wrap {padding: 0; border-top:1px solid #d2d2d2;}
.basket_total_price_Wrap .priceArea { margin: 20px auto 8px;}
.basket_total_price_Wrap .priceArea ul {overflow: hidden; border-top: 1px solid #dedede; padding: 15px 0;}
.basket_total_price_Wrap .priceArea ul li { width: 100%; text-align: left; line-height: 30px;  font-size: 13px; font-weight: normal;  font-weight: bold;  position: relative;}
.basket_total_price_Wrap .priceArea .totalNum { border-top: 1px solid #d9d9d9;  padding-top: 5px;  margin-top: 10px;}
.basket_total_price_Wrap .priceArea .tit { float: left; font-weight: normal;  padding-left: 15px;}
.basket_total_price_Wrap .priceArea .num { float: right; padding-right: 15px;    font-weight: normal;font-family:'Jost', sans-serif}
.basket_total_price_Wrap .priceArea ul li.totalNum > div.tit { font-size: 16px; font-weight: bold;font-family:'Jost', sans-serif}
.basket_total_price_Wrap .price { font-size: 18px; color: #000; margin: 3px 0 13px 0;font-family:'Jost', sans-serif}
.basket_total_price_Wrap .PHPS_unit{font-size: 14px; }
#basket .price-total-info-top {padding:20px 12px 6px;}
#basket .price-total-info-top dl {display: flex; justify-content: space-between; margin-bottom:7px;}
#basket .price-total-info-top dl:last-child {margin-bottom:7px;}
#basket .price-total-info-top dl dt {color:#707070;}
#basket .price-total-info-top dl dd {color:#707070;}
.price-total-caution {background: #f7f7f7; border-bottom: 1px solid #d2d2d2; font-size: 12px; padding: 10px 0; text-align: center; margin-bottom:22px;}
#basket .price-total-info-bottom {padding:0 12px;}
#basket .price-total-info-bottom dl {display: flex; justify-content: space-between;}
#basket .price-total-info-bottom dl dt {font-size:17px; font-weight:700;}
#basket .price-total-info-bottom dl dd {font-size:14px; color:#000;}
#basket .price-total-info-bottom dl dd span {color:#b06e56; font-size:19px; font-weight:700;}
.MK_none_groupsale_total_price_sell {display: none !important;}
.MK_total_delivery {display: block !important;}
.cart-ft2 { display: block; text-align: center;margin-top: 40px; } 

.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 {}

.mobile-widget .title {border-bottom:none !importnat}

/*카드 무이자 이벤트 정보*/
.cardWrap{ border-bottom: 1px solid #dedede;  border-top: 1px solid #dedede;  overflow: hidden;  padding: 15px;   margin: 20px auto 0px; }
.cardWrap .cardInfo{}
.cardWrap .cartTit{ font-weight: bold;}
.cardWrap .cardBank{ position: relative;}
.cardWrap .list{ float: left;  display: inline-block;  text-align: left;   text-overflow: ellipsis;  margin-top: 10px;  color: #979797;}
.cardWrap .moreView { float: right; width: 28%; right: 0;  text-align: right; color: #979797;top: 0px;font-weight: normal;}
.cardWrap .moreView a{ color: #979797;}


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


/* input */
input[type="checkbox"]{-webkit-appearance:none ! important; width:20px; height:20px; background:url('/design/petebox/250828/img/check_off.png')no-repeat 50% 50% ! important; margin-right:5px; background-size:20px ! important; border-radius:0;}
input[type="checkbox"]:checked{background-image:url('/design/petebox/250828/img/check_on.png') ! important;}


/*카드 무이자 이벤트 정보*/
.cardWrap{border-bottom: 1px solid #dedede;border-top: 1px solid #dedede;overflow: hidden;padding: 15px;margin: 15px;}
.cardWrap .cardInfo{}
.cardWrap .cartTit{ font-weight: bold;}
.cardWrap .cardBank{ position: relative;}
.cardWrap .list{ float: left;  display: inline-block;  text-align: left;   text-overflow: ellipsis;  margin-top: 10px;  color: #979797;}
.cardWrap .moreView { float: right; width: 28%; right: 0;  text-align: right; color: #979797;top: 0px;font-weight: normal;}
.cardWrap .moreView a{ color: #979797;}


/* 앱다운 */
.btn-app a {display:block; padding:0 16px; box-sizing:border-box; margin-right:5px;}
.btn-app a img {display:none;}
.btn-app a:after {content: ''; display: block; background: url(/design/petebox/250828/img/app_down.png) no-repeat center; width: 80%; height: 11vw; margin:0 auto; background-size: contain;}


/* BASIC css end */