/* BASIC css start */
/* =========================================
   2026 TAVALON PC
   CART
========================================= */

#cartWrap {
    width:100%;
    color:#222;
    font-family:'Noto Sans KR', sans-serif;
}

#cartWrap a {
    text-decoration:none;
}


/* =========================================
   LOCATION
========================================= */

#cartWrap .loc-navi {
    display:block !important;
    position:static !important;
    float:none !important;
    clear:both !important;

    width:100% !important;
    height:20px !important;

    margin:0 0 18px !important;
    padding:0 !important;

    overflow:visible !important;
    text-align:left !important;

    font-family:'Montserrat', sans-serif;
}

#cartWrap .loc-navi dt {
    float:none !important;
}

#cartWrap .loc-navi dd {
    display:block !important;
    position:static !important;
    float:none !important;
    clear:both !important;

    width:100% !important;
    height:20px !important;

    margin:0 !important;
    padding:0 !important;

    overflow:visible !important;
    white-space:nowrap !important;

    font-family:'Montserrat', sans-serif;
    font-size:11px !important;
    line-height:20px !important;
    font-weight:400;

    color:#999;
    text-align:left !important;
}

#cartWrap .loc-navi dd a {
    display:inline !important;
    position:static !important;
    float:none !important;

    width:auto !important;
    height:auto !important;

    margin:0 6px 0 0 !important;
    padding:0 !important;

    font-family:'Montserrat', sans-serif;
    font-size:11px !important;
    line-height:20px !important;
    font-weight:400;

    color:#999 !important;
    vertical-align:baseline !important;
}


/* =========================================
   PAGE TITLE
========================================= */

#cartWrap .tit-page {
    margin-top:0;
    font-family:'Noto Sans KR', sans-serif;
    font-size:30px;
    line-height:1.35;
    font-weight:700;
    color:#222;
}

#cartWrap .tit-space {
    margin-top:100px;
}


/* =========================================
   CART TABLE
========================================= */

#cartWrap .table-cart {
    width:100%;
    margin:0;
    padding:0;
}

#cartWrap .table-cart table {
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
    border-spacing:0;
    border-top:2px solid #222;

    font-family:'Noto Sans KR', sans-serif;
    color:#222;
}

#cartWrap .table-cart thead th {
    height:58px;
    padding:0 10px;

    border-bottom:1px solid #ddd;
    background:#fff;

    font-size:13px;
    line-height:1.4;
    font-weight:500;
    color:#555;

    vertical-align:middle;
}

#cartWrap .table-cart tbody tr {
    height:120px;
}

#cartWrap .table-cart tbody td {
    padding:20px 10px;

    border-bottom:1px solid #e5e5e5;

    font-size:13px;
    line-height:1.6;
    color:#444;

    vertical-align:middle !important;
}

#cartWrap .table-cart tbody tr.nbg td {
    border-top:0;
}

#cartWrap .table-cart .tb-center {
    text-align:center;
    vertical-align:middle;
}

#cartWrap .table-cart .tb-left {
    text-align:left;
    vertical-align:middle;
}

#cartWrap .table-cart .tb-right {
    text-align:right;
}

#cartWrap .table-cart .tb-bold {
    font-weight:500;
    color:#222;
}


/* =========================================
   PRODUCT IMAGE
========================================= */

#cartWrap .table-cart .thumb {
    display:inline-block;
    overflow:hidden;
    vertical-align:middle;
}

#cartWrap .table-cart .thumb a {
    display:block;
}

#cartWrap .table-cart .thumb img {
    display:block;
    max-width:80px;
    height:auto;
    border:0;
}


/* =========================================
   PRODUCT NAME
========================================= */

#cartWrap .table-cart tbody td .tb-left > a.tb-bold {
    display:inline-block;

    font-size:14px;
    line-height:1.6;
    font-weight:500;

    color:#222;
}

#cartWrap .table-cart tbody td .tb-left > a.tb-bold:hover {
    text-decoration:underline;
    text-underline-offset:3px;
}


/* =========================================
   OPTION
========================================= */

#cartWrap .tb-opt {
    margin-top:8px;
}

#cartWrap .tb-opt,
#cartWrap .tb-opt * {
    font-size:12px;
    line-height:1.6;
    color:#888;
}

#cartWrap .wish-opt {
    color:#FFA500;
}


/* =========================================
   HYBRID OPTION
========================================= */

.opt_dd img {
    vertical-align:top;
}

.opt_dd .basket-option-detail {
    display:inline-block;
    vertical-align:top;
}

.opt_dd .basket-option-detail .basket-option-dlist li {
    margin-bottom:7px;

    word-break:break-all;
    word-wrap:break-word;
}

.opt_dd .basket-option-detail .basket-option-dlist li img {
    width:23px;
    height:23px;

    margin-right:8px;

    vertical-align:middle;
}


/* =========================================
   QUANTITY
========================================= */

#cartWrap .realtime-btn-up,
#cartWrap .realtime-btn-dw {
    display:inline-block !important;
    float:none !important;

    width:26px !important;
    height:26px !important;

    margin:0 !important;
    padding:0 !important;

    box-sizing:border-box;

    text-indent:-9999em;

    vertical-align:top !important;

    background-image:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_qty.gif);
    background-repeat:no-repeat;
}

#cartWrap .realtime-btn-up {
    background-position:0 0;
}

#cartWrap .realtime-btn-dw {
    background-position:0 -26px;
}

#cartWrap .txt-spin {
    display:inline-block !important;
    float:none !important;

    width:38px !important;
    height:26px !important;

    margin:0 !important;
    padding:0 !important;

    box-sizing:border-box;

    border:1px solid #ccc;
    background:#fff;

    font-family:'Montserrat', sans-serif;
    font-size:12px !important;
    line-height:24px !important;
    font-weight:400;

    color:#222;
    text-align:center;

    vertical-align:top !important;
}

/* Àå¹Ù±¸´Ï ¼ö·® - / ¼ýÀÚ / + ÇÑ ÁÙ °íÁ¤ */
#cartWrap .table-cart tbody td .tb-center:has(.realtime-btn-dw) {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:0 !important;

    width:100%;

    white-space:nowrap !important;
}

#cartWrap .table-cart tbody td .tb-center:has(.realtime-btn-dw)
.realtime-btn-dw,

#cartWrap .table-cart tbody td .tb-center:has(.realtime-btn-dw)
.realtime-btn-up,

#cartWrap .table-cart tbody td .tb-center:has(.realtime-btn-dw)
.txt-spin {
    flex:0 0 auto;
}


/* =========================================
   PRICE
========================================= */

#cartWrap .tb-price {
    font-family:'Montserrat', 'Noto Sans KR', sans-serif;
    font-size:14px;
    font-weight:600;
    color:#222;
}

#cartWrap .tb-price span {
    font-weight:600;
}


/* =========================================
   DELIVERY
========================================= */

#cartWrap .tb-delivery {
    font-size:12px;
    line-height:1.7;
    color:#666;
}


/* =========================================
   WISH / DELETE
========================================= */

#cartWrap .table-cart .d-block {
    display:block;
    text-align:center;
}

#cartWrap .table-cart .d-block + .d-block {
    margin-top:8px;
}

#cartWrap .table-cart .btn_select {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:78px !important;
    height:28px !important;

    margin:0 !important;
    padding:0 !important;

    box-sizing:border-box;

    border:1px solid #ccc;
    background:#fff;

    font-family:'Montserrat', sans-serif;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:500;

    color:#666 !important;
    text-align:center !important;

    vertical-align:middle;

    transition:border-color .2s, color .2s;
}

#cartWrap .table-cart .btn_select:hover {
    border-color:#222;
    color:#222 !important;
}


/* =========================================
   TOTAL PRICE
========================================= */

#cartWrap .table-cart tfoot td {
    padding:0;

    border-bottom:1px solid #222;
    background:#fafafa;
}

#cartWrap .table-cart tfoot .tb-right {
    padding:28px 30px;

    box-sizing:border-box;

    font-size:13px;
    line-height:1.8;
    font-weight:400;

    color:#555;
}

#cartWrap .table-cart tfoot .tb-right strong {
    margin-left:5px;

    font-family:'Montserrat', 'Noto Sans KR', sans-serif;
    font-size:21px;
    font-weight:700;

    color:#222;
}

#cartWrap .table-cart tfoot .tb-normal {
    padding:70px 0;

    background:#fff;

    font-size:14px;

    color:#777;
}

.tb-normal {
    font-weight:normal;
}


/* =========================================
   MEMBER LEVEL
========================================= */

#cartWrap .mem-lvl {
    display:flex;

    align-items:center;

    gap:20px;

    margin-top:25px;
    padding:20px 25px;

    box-sizing:border-box;

    border:1px solid #e3e3e3;
    background:#fafafa;
}

#cartWrap .mem-lvl .lvl-img {
    flex:none;
}

#cartWrap .mem-lvl .lvl-img img {
    display:block;

    max-width:60px;
    height:auto;
}

#cartWrap .mem-lvl p {
    margin:0;
    padding:0;

    font-size:12px;
    line-height:1.8;

    color:#666;
}

#cartWrap .mem-lvl em {
    font-style:normal;
    font-weight:600;

    color:#222;
}


/* =========================================
   DELIVERY MESSAGE
========================================= */

#cartWrap .delivery {
    margin-top:20px;
    padding:18px 22px;

    box-sizing:border-box;

    border:1px solid #e5e5e5;
    background:#fafafa;

    font-size:12px;
    line-height:1.8;

    color:#666;
    text-align:left;
}


/* =========================================
   FREE DELIVERY RECOMMEND
========================================= */

#cartWrap .cart-free-wrap {
    margin-top:40px;
    text-align:center;
}

#cartWrap .cart-free-wrap > p {
    margin:0;
    padding:0 0 16px;

    font-size:13px;
    line-height:1.6;

    color:#555;
}

#cartWrap .cart-free-wrap > p span {
    font-weight:600;
    color:#222;
}

#cartWrap .cart-free-wrap .btn-list-open {
    position:relative;

    display:inline-block;

    width:250px;
    height:54px;

    box-sizing:border-box;

    border:1px solid #222;
    background:#fff;

    font-size:13px;
    line-height:52px;
    font-weight:500;

    color:#222;
    text-align:center;

    transition:background .2s, color .2s;
}

#cartWrap .cart-free-wrap .btn-list-open:hover {
    background:#222;
    color:#fff;
}

#cartWrap .cart-free-wrap .btn-list-open span {
    position:absolute;

    top:23px;
    right:28px;

    display:inline-block;

    width:12px;
    height:6px;

    background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_cart_free.gif) 0 0 no-repeat;
}

#cartWrap .cart-free-wrap .btn-list-open span.open {
    background-position:0 -6px;
}

#cartWrap .cart-free-wrap .list-wrap {
    display:none;

    overflow-x:hidden;
    overflow-y:auto;

    height:450px;

    margin-top:25px;
    padding:25px 20px 30px;

    box-sizing:border-box;

    border:1px solid #ddd;
    background:#fff;
}

#cartWrap .cart-free-wrap .list-wrap ul {
    display:table;

    table-layout:fixed;

    width:100%;

    margin:0;
    padding:0;

    *zoom:1;
}

#cartWrap .cart-free-wrap .list-wrap ul:after {
    clear:both;
    display:block;
    content:"";
}

#cartWrap .cart-free-wrap .list-wrap ul li {
    display:inline-block;

    width:24%;

    vertical-align:top;

    list-style:none;

    word-wrap:break-word;
    word-break:keep-all;

    *float:left;
}

#cartWrap .cart-free-wrap .list-wrap ul li dl {
    margin:15px 15px 20px;
}

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

#cartWrap .cart-free-wrap .list-wrap ul li dl dt img {
    display:block;

    width:100%;
    height:auto;

    border:0;
}

#cartWrap .cart-free-wrap .list-wrap ul li dl dd {
    margin:0;
    padding:0;

    font-size:12px;
    line-height:1.6;

    color:#555;
}

#cartWrap .cart-free-wrap .list-wrap ul li dl dd + dd {
    margin-top:4px;
}

#cartWrap .cart-free-wrap .list-wrap ul li dl dd strong {
    font-family:'Montserrat', 'Noto Sans KR', sans-serif;
    font-size:13px;
    font-weight:600;

    color:#222;
}

#cartWrap .cart-free-wrap .list-wrap ul li dl dd a {
    display:inline-block;

    margin-top:9px;
    padding:6px 12px;

    box-sizing:border-box;

    border:1px solid #ccc;
    background:#fff;

    font-size:11px;
    line-height:1.4;
    font-weight:500;

    color:#555;
}

#cartWrap .cart-free-wrap .list-wrap ul li dl dd a:hover {
    border-color:#222;
    color:#222;
}

#cartWrap .cart-free-wrap .btn-more {
    display:inline-block;

    width:94%;
    height:38px;

    margin-top:15px;

    box-sizing:border-box;

    border:1px solid #aaa;
    background:#fff;

    font-size:12px;
    line-height:36px;

    color:#444;
    text-align:center;
}

#cartWrap .cart-free-wrap .btn-more span {
    display:inline-block;

    width:12px;
    height:6px;

    margin-left:6px;

    background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_cart_free.gif) 0 -6px no-repeat;

    vertical-align:middle;
}


/* =========================================
   ORDER BUTTON
========================================= */

#cartWrap .btn-order-ctrl {
    display:flex;

    justify-content:center;
    align-items:center;

    flex-wrap:wrap;

    gap:8px;

    margin:45px 0 30px;

    text-align:center;
}

#cartWrap .btn-order-ctrl a {
    display:inline-block;

    width:178px;
    height:58px;

    box-sizing:border-box;

    font-size:14px;
    line-height:56px;
    font-weight:500;

    text-align:center;
}

#cartWrap .btn-order-ctrl .CSSbuttonBlack {
    border:1px solid #222;
    background:#222;
    color:#fff;
}

#cartWrap .btn-order-ctrl .CSSbuttonBlack:hover {
    background:#000;
}

#cartWrap .btn-order-ctrl .CSSbuttonWhite {
    border:1px solid #ccc;
    background:#fff;
    color:#333;
}

#cartWrap .btn-order-ctrl .CSSbuttonWhite:hover {
    border-color:#222;
    color:#222;
}


/* =========================================
   QUICK PAY
========================================= */

#cartWrap .cart-ft2 {
    margin-top:20px;
    text-align:center;
}

#nhn_btn {
    display:inline;
}

#payco_order_btn {
    display:inline;
}

#kakaopay_order_btn {
    display:inline;
    vertical-align:top;
}

.__checkout_img_comm {
    visibility:unset !important;
}


/* =========================================
   SUBSCRIPTION TAB
========================================= */

#cartWrap .carttabWrap {
    margin-bottom:40px;
}

#cartWrap .cart-tab:after {
    clear:both;
    display:block;
    content:"";
}

#cartWrap .cart-tab {
    height:60px;

    margin:50px 0 0;

    border-bottom:1px solid #222;
}

#cartWrap .cart-tab li {
    float:left;

    width:50%;
    height:59px;

    margin-left:-1px;

    box-sizing:border-box;

    border:1px solid #ddd;
    border-bottom:0;

    background:#fafafa;
}

#cartWrap .cart-tab li:first-child {
    margin-left:0;
}

#cartWrap .cart-tab li a {
    display:block;

    height:59px;

    background:none;

    font-size:15px;
    line-height:59px;
    font-weight:500;

    color:#888;

    text-align:center;
    text-decoration:none;
}

#cartWrap .cart-tab li.now {
    position:relative;
    z-index:1;

    height:60px;

    border:1px solid #222;
    border-bottom:1px solid #fff;

    background:#fff;
}

#cartWrap .cart-tab li.now a {
    height:59px;

    line-height:59px;
    font-weight:600;

    color:#222;
}


/* =========================================
   WISHLIST
========================================= */

#cartWrap .tit-page.tit-space {
    margin-bottom:35px;
}

#cartWrap .tit-page.tit-space + .table-cart tbody td {
    padding-top:22px;
    padding-bottom:22px;
}


/* =========================================
   MAKESHOP DELIVERY
========================================= */

.MS_tb_delivery {
    z-index:10;
}


/* =========================================
   SHOPPAY ¹Ù·Î±¸¸Å
   ±âÁ¸ MakeShop ÄÚµå À¯Áö
========================================= */

#productDetail #shoppay_btn {
    padding-top:10px;
}

#cartWrap #shoppay_btn {
    display:inline;
}

.shopdetail #shoppay_btn {
    padding-top:10px;
}

#basket #shoppay_btn {
    margin-top:20px;
}

.shopdetail #shoppay_btn {
    text-align:center;
}

.basket #shoppay_btn {
    text-align:center;
}


.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;
    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;
}
/* BASIC css end */