/* BASIC css start */
#cart-bag {
    margin:0 auto 150px auto;
    box-sizing: border-box;
    
}
#cart-bag .bs2 {}

#cart-bag .cart-bag-box {
    width:100%;
    border-width: 0 0 1px 0;
    box-sizing: border-box;
    padding:0 0 30px 0;
    margin: 0 auto;
}
.product-info-wrap{
    display:flex;

}
#cart-bag .cart-bag-box .product-info-wrap .text-box {
    padding-left:15px;
    width: 60%;
    position: relative;
}
#cart-bag .cart-bag-box .name-price {
    display: block;
    margin: 0 0 10px 0;
}
#cart-bag .cart-bag-box   .name-price br,
#cart-bag .cart-bag-box   .name-price sub {display:none;}
#cart-bag .cart-bag-box .product-info-wrap p{
    padding-bottom:5px;
    font-size: var(--f-1);
}
#cart-bag .cart-bag-box .product-info-wrap .text-box .ops {
    position: relative;
}
#cart-bag .cart-bag-box .product-info-wrap .text-box .ops br{
    display: block !important;
    content: " ";
    margin-bottom: 10px !important;
}

#cart-bag .cart-bag-box .product-info-wrap .text-box .ep-qty {
    margin-top:10px;
    display: flex;
    align-items: center;
}
#cart-bag .cart-bag-box .product-info-wrap .text-box .ep-qty a{
    font-size: 0;
    width: 14px;
    height: 14px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
#cart-bag .cart-bag-box .product-info-wrap .text-box .ep-qty a:first-child:after {
    background:black;
    content:" ";
    height: 1px;
    width: calc(100% - 4px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background:black;    
}
#cart-bag .cart-bag-box .product-info-wrap .text-box .ep-qty a:last-child:after {
    content:" ";
    height: 1px;
    width: calc(100% - 4px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background:black;    
}
#cart-bag .cart-bag-box .product-info-wrap .text-box .ep-qty a:last-child:before {
    content:" ";
    width: 1px;
    height: calc(100% - 4px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background:black;
}

#cart-bag .cart-bag-box .product-info-wrap .text-box .ep-qty input {
    width: 15px;
    border: none;
    text-align: center;
    font-size: var(--f-1);
    padding: 0 var(--p-0);
    line-height:16px;
}

#cart-bag .cart-bag-box .product-info-wrap .text-box .remove {
    margin-top:30px;
    display: block;
    line-height: 1;
}
#cart-bag .cart-bag-box .product-info-wrap .text-box .remove a {
    position: relative;
    font-size: var(--f-1);
}
#cart-bag .cart-bag-box .product-info-wrap .text-box .remove a:after{
    content:" ";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0%;
    height: 1px;
    background: #000;
    transition: all var(--speed);
}
#cart-bag .cart-bag-box .product-info-wrap .text-box .remove a:hover:after{
    width:100%;
}
#cart-bag .cart-bag-box .product-info-wrap .img-box {
    width:40%;
    font-size: 0;
    position: relative;
}
.ali{margin-bottom:10px; position:relative;}
.ali .clear{position:absolute; top:0; right:0;}
.ali .clear a{vertical-align:top;}

.ali input{
    margin-right:14px;
    width:14px;
    height:14px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #c8c8c8;
    box-sizing: border-box;
        cursor: pointer;
}
.ali input:checked{
    background:#000;
}
.check input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #c8c8c8;
    width: 14px;
    height: 14px;
    box-sizing: border-box;
        cursor: pointer;
}
.check input:checked {
    vertical-align:top;
    background:#000;
}



#cart-bag .cart-bag-box .product-info-wrap .img-box a{
    line-height: 1;
    font-size: 0;
}
#cart-bag .cart-bag-box .product-info-wrap .img-box img{
    width:100%;
}
#cart-bag .ep-total-price {
    box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.1);
    clip-path: inset(-5px 0 0 0);
    background:white;
    position:fixed;
    bottom:0;
    width: 30%;
    min-width:500px;
    box-sizing: border-box;
    padding: var(--p-1) 0;
}
#cart-bag .ep-total-price span {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 var(--p-0);
    line-height: 1;

}
#cart-bag .ep-total-price span p{
    font-size: var(--f-1);
    line-height: 1;
    font-weight: 500;
}
#cart-bag .ep-total-price span p span {
    padding: 0;
    display: inline-block;
    width:auto;
}
#cart-bag .ep-total-price .a-button{
background:black;

}

#cart-bag .ep-total-price .a-button span {
    width:auto;
    padding:0;
}



#cart-bag.closeiframe .ep-total-price .pop,
#cart-bag .ep-total-price .pag,
#cart-bag .sns-pay{
    display:flex;
        gap: 10px
}


#cart-bag #nhn_btn {
    padding: 0 !important;
}
#cart-bag .npay_type_D_1_1, #cart-bag .npay_type_D_2_1 {
    width: 100% !important;
    height: auto !important;
}
#cart-bag .npay_button_box, #cart-bag .npay_button_box2 {
    padding: 0 !important;
    border: none !IMPORTANT;
}
#cart-bag .npay_event {
    display: none !important;
}
#cart-bag .npay_button {
    padding: 0 !important;
    width: 100% !important;
}
#cart-bag .npay_text {
    display: none !important;
}

#cart-bag .npay_btn_item:first-child .npay_btn_link {
    width: 100% !important;
    border: none !important;
    background: url(http://magjay.co.kr//web/2023_web/icon/naver_icon.svg) !important;
    background-size: 12px !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
    background-color: #000 !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 0 var(--p-0) !important;
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
}
}
#cart-bag .npay_btn_item:first-child .npay_btn_link span {
    display: none !IMPORTANT;
}
#cart-bag .npay_btn_item:first-child .npay_btn_link:after {
    content: "NAVER PAY";
    color: #fff;
    font-weight: 500;
    font-family: Noto Sans KR;
}

.bagBtn{border:1px solid white!important; }
.bagBtn span{color:white!important;}
.bagBtn:hover span{color:black!important;}
#cart-bag .ep-total-price .a-button{border:1px solid white!important;}
#cart-bag .ep-total-price .a-button span{color:white;}
#cart-bag .ep-total-price .a-button:hover span{color:white!important;}
background:black; padding:10px 0 20px;
.bs_li:last-child{margin-bottom:300px;}
.count-bag{margin-bottom:50px;}
.ali{}
/* BASIC css end */