/* BASIC css start */
/* =========================================================
   AKKINARA SHOPPING CART
========================================================= */


/* =========================================================
   LAYOUT
========================================================= */

#contentWrap.ak-cart-page-wrap {
    position:relative !important;
    width:1100px !important;
    margin:0 auto !important;
    padding:0 !important;
}

#content.ak-cart-page-content {
    position:relative !important;
    float:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

#cartWrap.ak-cart-page {
    position:relative;
    width:100%;
    margin:0;
    padding:45px 0 90px;
    color:#333;
    font-size:14px;
    line-height:1.65;
    box-sizing:border-box;
}

#cartWrap.ak-cart-page *,
#cartWrap.ak-cart-page *:before,
#cartWrap.ak-cart-page *:after {
    box-sizing:border-box;
}

#cartWrap table {
    width:100%;
    margin:0;
    border-collapse:collapse;
    border-spacing:0;
}

#cartWrap a {
    text-decoration:none;
}

#cartWrap img {
    border:0;
    vertical-align:middle;
}


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

#cartWrap .ak-cart-location {
    margin:0 0 18px;
    color:#999;
    font-size:12px;
    line-height:1.5;
    text-align:right;
}

#cartWrap .ak-cart-location a {
    color:#999;
}

#cartWrap .ak-cart-location span {
    display:inline-block;
    margin:0 7px;
    color:#bbb;
}

#cartWrap .ak-cart-location strong {
    color:#555;
    font-weight:500;
}


/* =========================================================
   HEAD
========================================================= */

#cartWrap .ak-cart-head {
    margin:0 0 52px;
    padding:0 0 24px;
    border-bottom:1px solid #dce3ea;
}

#cartWrap .ak-cart-head > span {
    display:block;
    margin:0 0 5px;
    color:#7189a3;
    font-size:11px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
}

#cartWrap .ak-cart-head h1 {
    margin:0 0 8px;
    padding:0;
    color:#111;
    font-size:32px;
    line-height:1.35;
    font-weight:700;
    letter-spacing:-1.2px;
}

#cartWrap .ak-cart-head p {
    margin:0;
    color:#666;
    font-size:14px;
    line-height:1.7;
}


/* =========================================================
   SECTION
========================================================= */

#cartWrap .ak-cart-section {
    clear:both;
    width:100%;
    margin:0 0 58px;
}

#cartWrap .ak-cart-section-title {
    margin:0 0 15px;
}

#cartWrap .ak-cart-section-title > span {
    display:block;
    margin:0 0 4px;
    color:#7189a3;
    font-size:11px;
    line-height:1.3;
    font-weight:700;
    letter-spacing:.09em;
}

#cartWrap .ak-cart-section-title h2 {
    margin:0;
    padding:0;
    color:#111;
    font-size:23px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:-.6px;
}

#cartWrap .ak-cart-section-title p {
    margin:5px 0 0;
    color:#777;
    font-size:13px;
    line-height:1.6;
}


/* =========================================================
   CART TABLE
   중요: 배송조건 팝업 clipping 방지
========================================================= */

#cartWrap .table-cart {
    position:relative;
    overflow:visible !important;
    width:100%;
    margin:0;
    border:1px solid #dce3ea;
    border-radius:8px;
    background:#fff;
}

#cartWrap .table-cart table {
    position:relative;
    overflow:visible !important;
    width:100%;
    table-layout:fixed;
}

#cartWrap .table-cart thead {
    border:0;
}

#cartWrap .table-cart thead th {
    height:51px;
    padding:0 10px;
    border:0;
    border-bottom:1px solid #dce3ea;
    background:#f4f7fa;
    color:#333;
    font-size:13px;
    line-height:1.4;
    font-weight:700;
    text-align:center;
    vertical-align:middle;
}

#cartWrap .table-cart tbody {
    overflow:visible !important;
}

#cartWrap .table-cart tbody tr {
    overflow:visible !important;
}

#cartWrap .table-cart tbody td {
    position:relative;
    overflow:visible !important;
    padding:20px 12px;
    border:0;
    border-bottom:1px solid #e6ebf0;
    background:#fff;
    color:#444;
    font-size:13px;
    line-height:1.65;
    vertical-align:middle;
}

#cartWrap .table-cart tbody tr:last-child td {
    border-bottom:0;
}


/* =========================================================
   THUMB
========================================================= */

#cartWrap .thumb {
    display:block;
    width:70px;
    height:70px;
    margin:0 auto;
    padding:4px;
    border:1px solid #dce3ea;
    border-radius:6px;
    background:#fff;
    text-align:center;
}

#cartWrap .thumb a {
    display:block;
}

#cartWrap .thumb img {
    width:auto !important;
    max-width:60px;
    max-height:60px;
}


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

#cartWrap .ak-cart-product-name {
    padding-left:7px;
    color:#111;
    font-size:16px;
    line-height:1.65;
    font-weight:700;
}

#cartWrap .ak-cart-product-name > a {
    color:#111;
    font-size:16px;
    line-height:1.65;
    font-weight:700;
    letter-spacing:-.25px;
}

#cartWrap .ak-cart-product-name > a:hover {
    color:#526b84;
}

#cartWrap .ak-cart-icons {
    display:inline-block;
    margin-left:6px;
}


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

#cartWrap .ak-cart-qty {
    width:100%;
    text-align:center;
}

#cartWrap .ak-cart-qty-line {
    display:table;
    margin:0 auto;
    border-collapse:collapse;
}

#cartWrap .ak-cart-qty-btn,
#cartWrap .ak-cart-qty-input {
    display:table-cell;
    vertical-align:middle;
}

#cartWrap .ak-cart-qty-btn {
    width:36px;
    height:38px;
    border:1px solid #cbd7e2;
    background:#fff;
    color:#444;
    font-size:16px;
    line-height:36px;
    font-weight:400;
    text-align:center;
}

#cartWrap .ak-cart-qty-line .ak-cart-qty-btn:first-child {
    border-radius:4px 0 0 4px;
}

#cartWrap .ak-cart-qty-line .ak-cart-qty-btn:last-child {
    border-radius:0 4px 4px 0;
}

#cartWrap .ak-cart-qty-btn:hover {
    position:relative;
    border-color:#7189a3;
    background:#f5f8fb;
    color:#526b84;
}

#cartWrap .ak-cart-qty-input {
    width:52px;
}

#cartWrap .ak-cart-qty-input input {
    display:block;
    width:52px !important;
    height:38px !important;
    margin:0 !important;
    padding:0 5px !important;
    border:1px solid #cbd7e2 !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
    outline:0;
    background:#fff !important;
    color:#222 !important;
    font-size:14px !important;
    line-height:36px !important;
    font-weight:600;
    text-align:center;
}

#cartWrap .ak-cart-update {
    display:block;
    width:124px;
    height:32px;
    margin:7px auto 0;
    border:1px solid #a9b9c8;
    border-radius:4px;
    background:#fff;
    color:#526b84;
    font-size:11px;
    line-height:30px;
    font-weight:700;
    text-align:center;
}

#cartWrap .ak-cart-update:hover {
    border-color:#7189a3;
    background:#f5f8fb;
}


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

#cartWrap .ak-cart-price {
    white-space:nowrap;
}

#cartWrap .ak-cart-price strong {
    color:#111;
    font-size:17px;
    line-height:1.4;
    font-weight:800;
}

#cartWrap .ak-cart-price span {
    margin-left:3px;
    color:#555;
    font-size:12px;
}

#cartWrap .ak-cart-reserve {
    color:#7189a3;
    font-size:13px;
}


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

#cartWrap .ak-cart-delivery {
    position:relative !important;
    overflow:visible !important;
    z-index:20;
    color:#444;
    font-size:13px;
    line-height:1.6;
}

/*
   basket@delivery 내부에서 생성되는 레이어가
   부모 overflow에 잘리지 않도록 범용적으로 허용
*/

#cartWrap .ak-cart-delivery div,
#cartWrap .ak-cart-delivery span,
#cartWrap .ak-cart-delivery p,
#cartWrap .ak-cart-delivery ul {
    overflow:visible;
}

#cartWrap .ak-cart-delivery:hover {
    z-index:9999;
}

/*
   MakeShop 배송조건 레이어가 position:absolute 형태일 경우
   상위 테이블보다 앞으로 나오도록 처리
*/

#cartWrap .tb-delivery {
    position:relative !important;
    overflow:visible !important;
    z-index:50;
}

#cartWrap .tb-delivery:hover {
    z-index:9999;
}


/* =========================================================
   ITEM BUTTONS
========================================================= */

#cartWrap .ak-cart-item-actions {
    text-align:center;
}

#cartWrap .ak-cart-item-btn {
    display:block;
    width:84px;
    height:33px;
    margin:0 auto 6px;
    border:1px solid #aebdca;
    border-radius:4px;
    background:#fff;
    color:#526b84;
    font-size:12px;
    line-height:31px;
    font-weight:600;
    text-align:center;
}

#cartWrap .ak-cart-item-btn:last-child {
    margin-bottom:0;
}

#cartWrap .ak-cart-item-btn:hover {
    background:#f5f8fb;
}

#cartWrap .ak-cart-item-delete {
    border-color:#d7dde3;
    color:#777;
}

#cartWrap .ak-cart-item-delete:hover {
    background:#f7f7f7;
}


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

#cartWrap .ak-cart-option-row td {
    padding:13px 20px !important;
    background:#f7f9fb !important;
}

#cartWrap .ak-cart-option-row .tb-opt {
    padding:0 !important;
    color:#666;
    font-size:13px;
    line-height:1.6;
}

#cartWrap .ak-cart-option-label {
    display:inline-block;
    margin-right:10px;
    color:#526b84;
    font-size:12px;
    font-weight:700;
}


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

#cartWrap .table-cart tfoot td {
    padding:0;
    border:0;
    background:#f5f8fb;
}

#cartWrap .ak-cart-summary {
    width:100%;
    padding:27px 26px;
}

#cartWrap .ak-cart-summary-row {
    display:table;
    width:100%;
}

#cartWrap .ak-cart-summary-item,
#cartWrap .ak-cart-summary-symbol,
#cartWrap .ak-cart-summary-equal,
#cartWrap .ak-cart-summary-total {
    display:table-cell;
    vertical-align:middle;
}

#cartWrap .ak-cart-summary-item {
    padding:0 14px;
    text-align:center;
}

#cartWrap .ak-cart-summary-item > span {
    display:block;
    margin-bottom:5px;
    color:#777;
    font-size:12px;
}

#cartWrap .ak-cart-summary-item > strong {
    color:#222;
    font-size:15px;
    font-weight:700;
    white-space:nowrap;
}

#cartWrap .ak-cart-summary-symbol,
#cartWrap .ak-cart-summary-equal {
    width:30px;
    color:#9eabb7;
    font-size:20px;
    text-align:center;
}

#cartWrap .ak-cart-summary-total {
    width:245px;
    padding-left:23px;
    border-left:1px solid #dce3ea;
    text-align:right;
}

#cartWrap .ak-cart-summary-total > span {
    display:block;
    margin-bottom:3px;
    color:#555;
    font-size:12px;
    font-weight:700;
}

#cartWrap .ak-cart-summary-total > strong {
    display:block;
    color:#d84a4a;
    font-size:29px;
    line-height:1.3;
    font-weight:800;
    white-space:nowrap;
}

#cartWrap .ak-cart-summary-total > strong em {
    margin-left:3px;
    font-size:13px;
    font-style:normal;
}

#cartWrap .ak-cart-summary-total small {
    display:block;
    margin-top:5px;
    color:#7189a3;
    font-size:11px;
}

#cartWrap .ak-cart-discount {
    color:#d84a4a !important;
}


/* =========================================================
   EMPTY
========================================================= */

#cartWrap .ak-cart-empty {
    padding:58px 20px;
    text-align:center;
}

#cartWrap .ak-cart-empty strong {
    display:block;
    margin-bottom:7px;
    color:#222;
    font-size:19px;
}

#cartWrap .ak-cart-empty p {
    margin:0;
    color:#777;
    font-size:13px;
}


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

#cartWrap .mem-lvl {
    display:table;
    width:100%;
    margin:15px 0 0;
    padding:19px 22px;
    border:1px solid #dce3ea;
    border-radius:7px;
    background:#f7f9fb;
}

#cartWrap .mem-lvl .lvl-img {
    display:table-cell;
    width:85px;
    vertical-align:middle;
}

#cartWrap .mem-lvl .lvl-img img {
    max-width:70px;
}

#cartWrap .mem-lvl p {
    display:table-cell;
    margin:0;
    padding-left:15px;
    color:#555;
    font-size:13px;
    line-height:1.75;
    vertical-align:middle;
}

#cartWrap .mem-lvl p strong {
    color:#222;
}

#cartWrap .mem-lvl em {
    color:#526b84;
    font-style:normal;
    font-weight:700;
}

#cartWrap .mem-lvl p > span {
    display:block;
    margin-top:3px;
    color:#777;
}


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

#cartWrap .delivery.ak-cart-delivery-message {
    margin:15px 0 0;
    padding:15px 18px;
    border:1px solid #dce3ea;
    border-radius:6px;
    background:#f7f9fb;
    color:#666;
    font-size:13px;
    line-height:1.7;
    text-align:left;
}


/* =========================================================
   MAIN BUTTONS
========================================================= */

#cartWrap .btn-order-ctrl.ak-cart-buttons {
    margin:30px 0 0;
    padding:0;
    text-align:center;
    font-size:0;
    line-height:1;
}

#cartWrap .ak-cart-btn {
    display:inline-block;
    height:49px;
    margin:0 4px;
    padding:0 22px;
    border-radius:6px;
    font-size:13px;
    line-height:47px;
    font-weight:700;
    text-align:center;
    vertical-align:top;
}

#cartWrap .ak-cart-btn-order {
    min-width:180px;
    border:1px solid #d84a4a;
    background:#d84a4a;
    color:#fff;
}

#cartWrap .ak-cart-btn-order:hover {
    border-color:#c63e3e;
    background:#c63e3e;
}

#cartWrap .ak-cart-btn-shopping {
    min-width:155px;
    border:1px solid #526b84;
    background:#526b84;
    color:#fff;
}

#cartWrap .ak-cart-btn-shopping:hover {
    border-color:#405a74;
    background:#405a74;
}

#cartWrap .ak-cart-btn-sub {
    min-width:132px;
    border:1px solid #9eb0c2;
    background:#fff;
    color:#526b84;
}

#cartWrap .ak-cart-btn-sub:hover {
    background:#f5f8fb;
}


/* =========================================================
   EASY PAY
========================================================= */

#cartWrap .cart-ft2.ak-cart-easy-pay {
    margin:19px 0 0;
    text-align:center;
}

#cartWrap #nhn_btn,
#cartWrap #payco_order_btn {
    display:inline-block;
    vertical-align:top;
}


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

#cartWrap .ak-cart-wishlist-section {
    margin-top:72px;
}

#cartWrap .ak-cart-wish-qty input {
    width:54px !important;
    height:37px !important;
    padding:0 7px !important;
    border:1px solid #cbd7e2 !important;
    border-radius:4px;
    color:#222;
    font-size:14px !important;
    text-align:center;
}

#cartWrap .ak-cart-wish-cart {
    border-color:#7189a3;
    background:#7189a3;
    color:#fff;
}

#cartWrap .ak-cart-wish-cart:hover {
    border-color:#607991;
    background:#607991;
}


/* =========================================================
   COMMON
========================================================= */

#cartWrap .tb-left {
    text-align:left;
}

#cartWrap .tb-center {
    text-align:center;
}

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

#cartWrap .tb-bold {
    font-weight:700;
}

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

#cartWrap .d-block {
    display:block;
}


/* =========================================================
   OLD CSS RESET
========================================================= */

#cartWrap .tit-cart,
#cartWrap .tit-page,
#cartWrap .line {
    display:none;
}

#cartWrap #tb_normal {
    font-size:13px;
    font-weight:700;
}

#cartWrap .pdt20,
#cartWrap .pdb20 {
    padding-top:0;
    padding-bottom:0;
}

#cartWrap .cart_none {
    padding:0;
}


/* =========================================================
   TOOLTIP / LAYER CLIPPING RESET
========================================================= */

#cartWrap,
#cartWrap .page-body,
#cartWrap .ak-cart-section,
#cartWrap .ak-cart-product-table,
#cartWrap .ak-cart-product-table table,
#cartWrap .ak-cart-product-table tbody,
#cartWrap .ak-cart-product-table tr,
#cartWrap .ak-cart-product-table td {
    overflow:visible !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media screen and (max-width:1100px) {

    #contentWrap.ak-cart-page-wrap {
        width:100% !important;
        padding-left:20px !important;
        padding-right:20px !important;
    }

}

@media screen and (max-width:800px) {

    #contentWrap.ak-cart-page-wrap {
        padding-left:12px !important;
        padding-right:12px !important;
    }

    #cartWrap.ak-cart-page {
        padding-top:30px;
    }

    #cartWrap .ak-cart-head h1 {
        font-size:27px;
    }

    #cartWrap .ak-cart-section-title h2 {
        font-size:21px;
    }

    #cartWrap .table-cart {
        overflow-x:auto !important;
    }

    #cartWrap .table-cart table {
        min-width:900px;
    }

}
/* BASIC css end */