/* BASIC css start */
body{background:black;}
#header-bag{padding:40px 0!important;}
#cart-bag {
    padding:20px;
    position:relative;
    background:black;
    width: 100%;
    box-sizing: border-box;
    min-height:70vh;
}

#cart-bag .bs2 {}

#cart-bag .cart-bag-box {
    position:relative;
    border-bottom:1px solid white;
    width:100%;
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: stretch;
    border-width: 0 0 1px 0;
    box-sizing: border-box;
    padding:20px 0;
    margin: 0 auto;
}
#cart-bag .cart-bag-box .name-price{
    padding-left:25px;
    margin-bottom:10px;
justify-content: space-between;
    display: flex;
    width: 100%;
}

#cart-bag .cart-bag-box .text-box {
    width: calc(100% - 45% - 20px);
    color: white;
    padding: 0 0 0 20px;
    position: relative;
}
}
#cart-bag .cart-bag-box .text-box .name-price {
    display: flex;
    justify-content: space-between;
    margin: 0 0 var(--p-1);
}
#cart-bag .cart-bag-box .text-box .name-price br,
#cart-bag .cart-bag-box .text-box .name-price sub {display:none;}
#cart-bag .cart-bag-box .text-box p{
    font-size: var(--f-1);
}
#cart-bag .cart-bag-box .text-box .name-price p:last-child {
    text-align: right;
}
#cart-bag .cart-bag-box .text-box .ops {
    position: relative;
}
#cart-bag .cart-bag-box .text-box .ep-qty {
    display: flex;
    align-items: center;
}
#cart-bag .cart-bag-box .text-box .ep-qty a{
    font-size: 0;
    border-radius: 100%;
    border: 1px solid #000;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
#cart-bag .cart-bag-box .text-box .ep-qty a{color:white;}
#cart-bag .cart-bag-box .text-box .ep-qty a:first-child:after {
    content:" ";
    height: 1px;
    width: calc(100% - 4px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: white;
}
#cart-bag .cart-bag-box .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: white;
}
#cart-bag .cart-bag-box .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: white;
}

#cart-bag .cart-bag-box .text-box .ep-qty input {
    color:white;
    width: 15px;
    border: none;
    text-align: center;
    font-size: var(--f-1);
    padding: 0 var(--p-0);
    background: black;
    line-height:16px;
    box-sizing: content-box;
}
.closeiframe #cart-bag .cart-bag-box .text-box .ep-qty input{
}

#cart-bag .cart-bag-box .text-box .remove {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 1;
}
#cart-bag .cart-bag-box .text-box .remove a {
    color:white;
    position: relative;
    font-size: var(--f-1);
}
#cart-bag .cart-bag-box .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 .text-box .remove a:hover:after{
    width:100%;
}
#cart-bag .cart-bag-box .img-box {
    width:45%;
    font-size: 0;
    position: relative;
}
.ali{ position:relative; margin-bottom:15px;}
.ali .check{top:0;}
.ali input{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    cursor: pointer;
    vertical-align: top;
}
.ali input:checked{
    background:#c1c1c1;
}
.ali span{color:white; vertical-align:top; padding-left:25px;}
.clear{position:absolute; top:0; right:0;}
.clear a{color:white;}
.check {
    position: absolute;
    top: 20px;
    left: 0;
    width: 16px;
    height: 16px;
    z-index: 2;
    box-sizing: border-box;
    border: 1px solid #c1c1c1;
    cursor: pointer;
    padding: 2px;
}
.check input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    cursor: pointer;
    vertical-align: top;
}
.check input:checked {
    background:#c1c1c1;
}


#cart-bag .cart-bag-box .img-box a{
    line-height: 1;
    font-size: 0;
}
#cart-bag .cart-bag-box .img-box img{
    width:100%;
}

#cart-bag .ep-total-price {
    margin-bottom:100px;
    color:white;
    width: 100%;
    box-sizing: border-box;
    padding: var(--p-1)  0 0 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:white;

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


#cart-bag .ep-total-price .pag,
#cart-bag.closeiframe .ep-total-price .pag,
#cart-bag.closeiframe .sns-pay{
    display:none;
}
#cart-bag .ep-total-price .pop{display:none;}

#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;
    font-size: 0 !important;
}
}
#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;
        font-size: var(--f-1);
}
#cart-bag .npay_btn_link.npay_btn_pay .npay_logo {display: none !IMPORTANT;}
.name-price p{color:white}
.name-price p a{color:white;}
.name-price p a sub{display:none;}
#content-n{padding:0; margin-top:44px;}
.tb-center{color:white; text-align:center;}
.resLink{position:absolute; bottom:30px; width:100%}
.resLink a {border:1px solid white;}
.resLink a span{color:white;}
#ch-plugin-entry{display:none!important;}
.MK_total_price{padding:20px 0!important; border-top:1px solid white;}
.total_p{font-size:20px!important;}
.total_p span{font-size:20px;}
.count-bag{display: flex;    justify-content: space-between; margin-top:115px; margin-bottom:20px;}
.count-bag p{color:white;}
/* BASIC css end */