/* BASIC css start */
body #header .menuArea{display:none}
.items li { width:100%; }


/* 타이틀 */
#basket .title {padding: 30px 15px 20px;}
#basket .title h3{ font-size: 20px; font-weight: 700; text-align:center; }
#basket .title .back::after { content: '\F284'; font-family: bootstrap-icons; font-size:15px; position:absolute; left:10px; }
.basket_tab_tit{
    padding: 16px;
}
.basket_tab_tit ul{
    display: flex;
    justify-content: center;
    align-items: end;
}
.basket_tab_tit ul li{
    flex: 1;
    text-align: center;
    height: 44px;
    border-bottom: 1px solid #e5e5e5;
}
.basket_tab_tit ul li.now{
    flex: 1;
    text-align: center;
    height: 44px;
    border-bottom: 2px solid #1b1b1b;
}
.basket_tab_tit ul li a{
    display: block;
    width: 100%;
    height: 100%;
    line-height: 44px;
    font-size: 14px;
    font-weight: 400;
    color: #949494;
}
.basket_tab_tit ul li.now a{
    color: 1b1b1b;
    font-weight: 500;
}

/* 상품없음 */
#basket .no-data2 { text-align: center; height: 300px; margin: 100px 0; }
#basket .no-data2 p{color: #000; font-size: 1.1rem; font-weight: 700;}
#basket .no-data2 span{ display: inline-block; margin: 10px 0 0; font-weight: 500;}
#basket .no-data2 .no_btn{margin: 30px 0 0;}
#basket .no-data2 .no_btn a{display: block; width: 42%; margin: 0 auto; padding: 12px; background: #bc9a77; border: 1px solid #bc9a77; border-radius: 0; color: #fff; font-size: .8rem; text-align: center;}
#basket .check-box>input:checked+span, #basket .check-box>input:checked~span{
    background-image: url(/design/nak3618/2021new/m/check.png); 
    filter: sepia(0.8);
}
#basket .check-box>span{
    font-size: 13px;
    height: 20px;
    background-size: 20px 20px;
    padding-left: 25px;
    line-height: 20px;
    background-image: url(/design/nak3618/2021new/m/check_off.png);
}
  
/* 장바구니 리스트 */
#basket .all-select{
    background-color:#fff; 
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 35px;
    border-bottom: none;
}
#basket .all-select > div{
    display: inline-block; 
    float: right;
    height: 35px;
    width: 90px;
    text-align: center;
    border: 1px solid #ddd;
}
#basket .all-select > div a {
    border: 0;
    line-height: 35px;
}
#basket .all-select > div a span{ 
    color: #999; 
    font-size: 12px;
    font-weight: normal;
}
#basket .btn_bottom_order{
    padding: 0 16px;
    margin: 0 0 10px; 
    display: flex;
    font-size: 14px;
    color: #999;
    gap: 8px;
}
#basket .btn_bottom_order .back{
    flex: 1;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    background: #fff;
    text-align: center;
    color: #999;
    border: 1px solid #ddd;
    font-weight: 500;
}
#basket .btn_bottom_order a{display: inline-block; width: calc(50% - 5px); padding: 10px 0; border-radius: 25px; font-size: 14px; font-weight: 500; text-align: center; box-sizing: border-box;}
#basket .btn_bottom_order a.btn_purchase{ border: 1px solid #bc9a77; color: #fff; width:100%; background: #bc9a77; border-radius:0; flex: 1;}
#basket .btn_bottom_order a.btn_add{margin-left: 0; border: 1px solid #ddd; background: #fff; color: #999; width:100%; border-radius: 0; }

#basket .list_img_product01 li{
    border-top: 1px solid #ddd;
    border-bottom: none;
}

.basket_list_top{
    display: flex;
    padding: 0 0 13px;
}
.basket_list_top .modelname{
    font-size: 14px;
    font-weight: 700;
}
#basket .list_img_product01 li:nth-last-of-type(1) { border-bottom: 0;}
#basket .list_img_product01 li .desc_container .info p{ font-size: .68rem; padding: 5px 0;}
#basket .list_img_product01 li .desc_container .info p.price{ 
    font-size: 12px;
    font-weight: normal;
    color: #707070; 
}
#basket .list_img_product01 li .desc_container .info p.opname { 
    padding: 0;
    font-size: 12px;
    color: #707070;
    line-height: 17px;
}
#basket .list_img_product01 li .desc_container .basket_quantity_wrap label{ font-size: .68rem;}
#basket .list_img_product01 li .desc_container .basket_quantity_wrap .btn_change{  border-radius: 20px; background: #ddd; border: 0;}

.op_change_btn a.btn_purchase{
    width: 169px;
    height: 30px;
    box-sizing: border-box;
    border-radius: 0;
    border: none;
    background: #666;
    color: #fff;
    font-size: 12px;
    padding: 0;
    line-height: 30px;
}


/* 레이아웃으로 쓸 부분 */
a.btn_basic {
    font-size:.8rem;
    padding: 10px 0;
    background:#fff;
    display:inline-block;
    width:23%;
    text-align:center;
    border-radius: 0;
}
a.btn_purchase{ 
    border: 2px solid #e76191;
    color: #e76191;
}

a.btn_add{
    margin-left: 10px; 
    border: 2px solid #bbb; 
    background: #fff; 
    color: #222;
}

.all-select {
    background-color: #f3f3f3;
    padding: 10px 15px
}

.list_img_product01 li {
    border-bottom: 1px solid #dcdcdc;
    padding: 15px 0;
    position: relative
}

.list_img_product01 li:after {
    content: "";
    display: table;
    width: 100%
}

.list_img_product01 li .thumb {
    float: left;
    width: 90px;
    margin-right: 15px
}

.list_img_product01 li.checkebox_st .thumb {
    padding-left: 25px;
    position: relative
}

.list_img_product01 li .thumb img {
    display: block;
    width: 100%
}

.list_img_product01 li.checkebox_st .thumb .check-box {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px
}

.list_img_product01 li .desc_container {
    float: right;
    width: calc(100% - 105px)
}

.list_img_product01 li.checkebox_st .desc_container {
    width: calc(100% - 130px)
}

.list_img_product01 li .btn_closeX {
    position: absolute;
    top: 20px;
    right: -6px;
    display: block;
    width: 30px;
    height: 30px;
    font-size: 0;
    overflow: hidden
}

/* .list_img_product01 li .btn_closeX:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    margin: 10px auto;
    background: url(../images/btn_x_black_17.png) center no-repeat
}*/
.list_img_product01 li .btn_closeX:before {
    content: "\F62A";
    font-family: bootstrap-icons;
    font-size: 25px;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.list_img_product01 li .desc_container .info {
    margin-right: 25px;
}

.list_img_product01 li .desc_container .info p {
    color: #565656;
    font-size: .625rem;
    line-height: .875rem;
    padding: 2px 0
}

.list_img_product01 li .desc_container .info .pname {
    font-size: .6875rem;
    line-height: 1.2rem;
    font-weight: 500;
    margin-top: -3px;
    margin-bottom: 8px;
    color: #222
}

.list_img_product01 li .desc_container .btn_box {
    margin-top: 22px
}


.basket_list {
    padding: 0 15px
}

.list_img_product01 li:nth-last-of-type(1) {
    border-bottom: 0
}

.list_img_product01 li .desc_container .btn_box {
    margin-top: 0
}

.list_img_product01 li .desc_container .btn_box a {
    padding: 4px 0;
    font-size: .625rem
}

.list_img_product01 li .desc_container .basket_quantity_wrap {
    height: 25px;
    font-size: 0
}

.list_img_product01 li .desc_container .basket_quantity_wrap .basket_quantity_box,
.list_img_product01 li .desc_container .basket_quantity_wrap .btn_change,
.list_img_product01 li .desc_container .basket_quantity_wrap label {
    display: inline-block;
    vertical-align: top;
    height: 25px;
    box-sizing: border-box;
    font-size: .625rem
}

.list_img_product01 li .desc_container .basket_quantity_wrap label {
    width: 39px;
    line-height: 25px
}

.list_img_product01 li .desc_container .basket_quantity_wrap .btn_change {
    width: 48px;
    text-align: center;
    margin-left: 5px
}

.list_img_product01 li .desc_container .basket_quantity_wrap .basket_quantity_box {
    border: 1px solid #cfcfcf;
    background: #fff;
    overflow: hidden
}

.list_img_product01 li .desc_container .basket_quantity_wrap .basket_quantity_box .btn_ {
    float: left;
    display: block;
    width: 20px;
    height: 23px;
    line-height: 23px;
    font-size: 1rem;
    text-align: center;
    color: #cfcfcf
}

.list_img_product01 li .desc_container .basket_quantity_wrap .basket_quantity_box input {
    float: left;
    display: block;
    border: 0;
    height: 23px;
    line-height: 23px;
    text-align: center;
    color: #222;
    width: 26px;
    padding: 0
}

@media screen and (min-width: 768px) {
    .basket_list ul {
        font-size:0
    }

    .basket_list li {
        width: calc(50% - 10px);
        border-bottom: 0 none;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        margin-left: 20px
    }

    .basket_list li:nth-of-type(2n+1) {
        margin-left: 0
    }
}

#basket .price_total_wrap {
    background: #f3f3f3;
    border-top: 1px solid #dcdcdc;
    padding: 15px 15px 14px;
    text-align: right
}

#basket .price_total_wrap .price-total-info-top {
    line-height: 1rem;
    font-size: .625rem;
    margin-bottom: 13px;
    font-weight: 300
}

#basket .price_total_wrap .price-total-val {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 600;
    align-items: center;
}

#basket .price_total_wrap .price-total-val strong {
    font-size: 1.0625rem
}

#basket .price_total_wrap .txt-reserve {
    margin-top: 5px;
    line-height: 1rem;
    color: #b2b2b2;
    font-size: .625rem
}

#basket .delivery-type {
    padding: 15px;
    font-size: .625rem
}

#basket .cart-free-wrap {
    padding: 0 32px;
}

#basket .cart-free_head {
    overflow: hidden
    padding: 0 15px;
    margin: 15px 0;
}

#basket .cart-free_head p {
    font-size: .85rem;
    line-height: 1.5rem;
    text-align: center;
}

#basket .cart-free_head p .fc_point {
    color: #3b3b3b;
}

#basket .cart-free_head .btn-list-open {
    float: right;
    padding: 0 10px;
    font-size: .625rem;
    line-height: 1rem
}

#basket .cart-free-wrap .list-wrap {
    display: none
}

#basket .cart-free-wrap .list-wrap ul {
    font-size: 0
}

#basket .cart-free-wrap .list-wrap ul li {
    display: inline-block;
    vertical-align: top;
    width: calc((100% - 20px)/ 3);
    margin-left: 10px;
    margin-top: 10px
}

#basket .cart-free-wrap .list-wrap ul li:nth-of-type(3n+1) {
    margin-left: 0
}

#basket .cart-free-wrap .list-wrap ul li dl {
    overflow: hidden;
    font-size: .625rem
}

#basket .cart-free-wrap .list-wrap ul li dl dt {
    overflow: hidden;
    margin-bottom: 5px
}

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

#basket .cart-free-wrap dd.cart-free_name {
    padding: 0 5px;
    height:34px;
    overflow:hidden;
    margin: 0 0 5px;
}

#basket .cart-free-wrap dd.cart-free_price {
    padding: 0 5px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #1b1b1b;
    display: inline-block;
    width: 60%;
}

#basket .cart-free-wrap dd.cart-free_preveiw {
    display: inline-block;
    text-align: right;
    width: 20%;
    height: 17px;
    line-height: 17px;
}

#basket .cart-free-wrap dd.cart-free_preveiw a::before {
    content: '\F179';
    font-family: 'bootstrap-icons';
    font-size: 13px;
    vertical-align: bottom;
}

#basket .cart-free-wrap #MS_cartfree_product_more .btn_bottom_box {
    margin-top: 0;
    padding: 10px 0;
}
#basket .cart-free-wrap #MS_cartfree_product_more .btn_bottom_box a {
    width: 100%;
    text-align: center;
    border: 1px solid #ddd;
    color: #999;
}


#basket .naver-checkout {
    margin-top: 20px
}

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

.basket-option-dlist li img {
    width: 30px;
    height: 30px;
    vertical-align: middle
}

.check-box {
    display: inline-block;
    position: relative;
    margin-right: 0!important
}

.check-box>input[type=checkbox] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden
}

.check-box>span {
    display: inline-block;
    padding-left: 14px;
    min-height: 14px;
    background: url(../images/checked14_off.png) 0 0 no-repeat;
    background-size: 14px
}

.check-box>input:checked+span,.check-box>input:checked~span {
    background-image: url(../images/checked14_on_black.png)
}

.check-box>span.text {
    padding-left: 24px;
    color: #222;
    font-size: .75rem;
    line-height: .875rem
}

.check-box+.check-box {
    margin-left: 10px
}


/* 상품 */
#basket .list_img_product01 li .btn_closeX{ top: 5px;}
#basket .list_img_product01 li .thumb{
    width: 100px;
    padding: 0;
    margin: 0 10px 0 0;
}
#basket .list_img_product01 li.checkebox_st .desc_container{ width: calc(100% - 115px);}
#basket .list_img_product01 li .desc_container .info .pname {margin-bottom: 8px;max-height:38px; overflow:hidden; padding:0;}
#basket .list_img_product01 li .desc_container .info .pname a{
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    color: #707070;
    line-height: 1.2em;
}
#basket .list_img_product01 li .thumb img{ 
    border-radius: 0;
}
#basket .list_img_product01 li .desc_container .btn_box a{ border: 2px solid #ddd; border-radius: 26px;}

/* 합계 */
body #basket .price_total_wrap{ margin: 0 16px; padding: 15px 0; background: #fff; border-top: 1px solid #dedede;}
body #basket .price_total_wrap .price-total-info-top{ padding: 0 0 15px; border-bottom: 1px solid #dedede; color: #3b3b3b; font-size: 13px;}
body #basket .price_total_wrap .price-total-info-top p{
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #3b3b3b;
    font-weight: 400;
    padding: 5px 0;
}
body #basket .price_total_wrap .price-total-info-top span { color:#3b3b3b; font-weight:500; }
body #basket .price_total_wrap .price-total-val p{ float: left; font-size: 16px; font-weight: 600;}
body #basket .price_total_wrap .price-total-val p.total_num_style{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.03px;
}
body #basket .price_total_wrap .price-total-val p.total_num_style span{
    font-weight: 400;
    font-size: 16px;
    margin: 0 0 0 4px;
}
body #basket .price_total_wrap .price-total-val p.total_num_style span span{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.03px;
}
body #basket .price_total_wrap .price-total-val strong{    color: #000;}

body #basket .delivery-type{padding: 15px 0 40px; color: #888; text-align: center;}

#basket .list_img_product01 li .desc_container .basket_quantity_wrap .basket_quantity_box{border:0}
#basket .list_img_product01 li .desc_container .basket_quantity_wrap .basket_quantity_box .btn_{width: 20px; height: 20px; margin: 2px 0 0; background: #f5f6f8; border-radius: 50%; line-height: 19px; color:#000}
#basket .list_img_product01 li .desc_container .basket_quantity_wrap .basket_quantity_box input{margin: 0 2px; border: 2px solid #f5f6f8; border-radius: 6px; }
#basket .list_img_product01 li .desc_container_bottom .basket_quantity_wrap { clear: both; padding: 0; height: 30px; }
#basket .list_img_product01 li .desc_container_bottom .basket_quantity_wrap .basket_quantity_box{border:0; height: 30px;}
#basket .list_img_product01 li .desc_container_bottom .basket_quantity_wrap .basket_quantity_box .btn_{
    width: 30px; 
    height: 30px; 
    line-height:30px; 
    margin: 0; 
    background: #f5f6f8; 
    border-radius: 0; 
    color:#000; 
    float: left; 
    display: block; 
    font-size: 1rem; 
    text-align: center;
}
#basket .list_img_product01 li .desc_container_bottom .basket_quantity_wrap .basket_quantity_box input{
    margin: 0 2px; 
    border: 1px solid #ddd; 
    border-radius: 0;  
    float: left; 
    display: block; 
    height: 30px; 
    line-height: 30px; 
    text-align: center; 
    color: #222; 
    width: 30px; 
    padding: 0;
}
#basket .list_img_product01 li .desc_container_bottom .basket_quantity_wrap label { display:none; }
#basket .list_img_product01 li .desc_container_bottom .basket_quantity_wrap .basket_quantity_box + a.btn_add{
    height: 30px;
    box-sizing: border-box;
    padding: 0;
    line-height: 30px;
    border: 1px solid #ddd;
    color: #999;
    font-size: 12px;
    border-radius: 0;
    width: 70px;
    margin: 0 0 0 5px;
}
/* 바로구매 */
#basket .cart-ft2 .naver-checkout{margin-top:12px}
.cart-ft2{padding: 16px;}
.cart-ft2 #kakaopay_order_btn{margin: 16px 0 0;}
.cart-ft2 #kakaopay_order_btn a img{ width: 100% !important; height: auto !important;}
.cart-ft2 #payco_order_btn .payco_checkout {width: 100% !important;}
.cart-ft2 .npay_type_MA_1{width: 100% !important;}
.cart-ft2 .npay_type_MA_1 .npay_button{
    padding: 11px 0 !important;
    display: flex !important;
    justify-content: end;
}
.cart-ft2 .npay_type_MA_1 .npay_button .npay_btn_list{
    width: 68% !important;
}
.cart-ft2 .payco_checkout.tb .payco_checkout_btn{
    width: 68%;
}

/* 회원전용결제 */
#basket .list_img_product01 li .desc_container .info .listicon{
    padding: 0;
    margin-bottom: 4px;
}
.listicon .MK-product-icons{
    display: flex;
    align-items: center;
    gap: 3px;
}
.member_only{
    margin: 10px 16px;
    display: flex;
    align-items: center;
    gap: 3px;
    justify-content: center;
    padding: 7px;
    background: #f5f6f8;
}
.member_only img{
    height: 13px;
    width: auto;
}
.member_only span{
    font-size: 12px;
    line-height: 1.2em;
}


/* 멤버십 혜택 */
.basket_benefit_inner{
    background: #F6F4EE;
    padding: 20px 16px 30px;
}
.basket_benefit_tit{
    font-size: 18px;
    text-align: center;
    padding: 16px 0;
    font-weight: 500;
}
.benefit_tit_sub{
    font-size: 13px;
    font-weight: 400;
    margin: 5px 0 0;
}
.basket_benefit_bn_box{
    margin: 10px 0 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 4px;
}
.basket_benefit_bn_box img{
    width: 100%;
    background: #ECE8DF;
}
.benefit_more_btn{
    width: 110px;
    height: 33px;
    background: #fff;
    border-radius: 33px;
    border: 1px solid #999;
    color: #333;
    text-align: center;
    line-height: 33px;
    font-size: 11px;
    margin: 20px auto;
}
.basket_benefit_list_box{
    display: none;
}
.basket_benefit_list{
    background: #fff;
    border-radius: 10px;
    padding: 20px 10px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 15px;
}
.basket_benefit_list li{
    display: flex;
    align-items: center;
    gap: 6px;
}
.basket_benefit_list li img{
    width: 35px;
    height: 35px;
}
.basket_benefit_info_box{
    padding: 10px 0;
    font-size: 11px;
    white-space: nowrap;
    line-height: 1.4em;
}
.benefit_info_num{
    font-size: 13px;
    font-weight: 600;
    color: #CEBAA4;
    margin: 0 0 5px;
}
.basket_benefit_info_box p span{
    color: #c17d68;
}

.footer_banner_wrap{
    display:none;
}
/* BASIC css end */