/* BASIC css start */
/* =========================================================
   AKKINARA CATEGORY PAGE
   1100px
   NO LEFT MENU
========================================================= */

.akc-page {
    width:1100px;
    margin:0 auto;
    padding:0 0 90px;
    background:#ffffff;
    color:#252a30;
    font-family:"Pretendard","Noto Sans KR","¸¼Àº °íµñ","Malgun Gothic",Arial,sans-serif;
    text-align:left;
}

.akc-page * {
    box-sizing:border-box;
}

.akc-product-class {
    width:1100px;
}


/* =========================================================
   CATEGORY HEADER
========================================================= */

.akc-category-head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    padding:23px 0 17px;
}

.akc-category-head-left {
    min-width:0;
}


/* PATH */

.akc-category-path {
    display:flex;
    align-items:center;
    min-height:16px;
}

.akc-category-path a {
    color:#a0a5ab !important;
    font-size:11px !important;
    font-weight:400 !important;
    line-height:16px !important;
    text-decoration:none !important;
}

.akc-category-path a:hover {
    color:#555b62 !important;
}

.akc-path-arrow {
    margin:0 7px;
    color:#c5c8cc !important;
    font-size:12px !important;
}


/* TITLE */

.akc-category-title {
    margin-top:7px;
    color:#20242a !important;
    font-size:23px !important;
    font-weight:700 !important;
    line-height:31px !important;
    letter-spacing:-1px;
}


/* =========================================================
   SUB CATEGORY
========================================================= */

.akc-subcategory {
    width:100%;
    margin-bottom:33px;
    border-top:1px solid #e1e4e7;
    border-bottom:1px solid #e1e4e7;
    background:#fafbfc;
}

.akc-subcategory-list {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    width:100%;
    padding:0;
}

.akc-subcategory-item {
    position:relative;

    display:flex;

    width:100%;
    height:48px;

    margin:0;
    padding:0 12px;

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

    color:#555c64 !important;

    font-size:13px !important;
    font-weight:500 !important;

    line-height:18px !important;

    text-align:center;
    text-decoration:none !important;

    white-space:nowrap;
}

.akc-subcategory-item:after {
    content:"";

    position:absolute;

    right:0;
    top:15px;

    width:1px;
    height:18px;

    background:#e1e4e7;
}

.akc-subcategory-item:nth-child(5n):after {
    display:none;
}

.akc-subcategory-item:hover {
    background:#ffffff;
    color:#20252a !important;
}

.akc-subcategory-selected {
    background:#ffffff;
    color:#fb4f4f !important;
    font-weight:700 !important;
}

.akc-subcategory-name {
    color:inherit !important;
    font-size:13px !important;
    font-weight:inherit !important;
}

.akc-subcategory-count {
    margin-left:5px;
    color:#a6abb1 !important;
    font-size:10px !important;
    font-weight:400 !important;
}


/* =========================================================
   FEATURE SECTIONS
========================================================= */

.akc-feature-section {
    margin-bottom:44px;
}

.akc-section-head {
    display:flex;
    align-items:baseline;
    margin-bottom:17px;
}

.akc-section-title {
    color:#24282e !important;
    font-size:20px !important;
    font-weight:700 !important;
    line-height:28px !important;
    letter-spacing:-.7px;
}

.akc-section-desc {
    margin-left:10px;
    color:#a0a5ab !important;
    font-size:11px !important;
    font-weight:400 !important;
    line-height:18px !important;
}


/* =========================================================
   FEATURE GRID
========================================================= */

.akc-feature-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}


/* =========================================================
   PRODUCT LIST HEADER
========================================================= */

.akc-products-head {
    display:flex;
    height:54px;
    margin-top:10px;
    align-items:center;
    justify-content:space-between;
    border-top:1px solid #dfe2e5;
    border-bottom:1px solid #e7e9eb;
}

.akc-products-count {
    display:flex;
    align-items:center;
}

.akc-products-count strong {
    margin-right:4px;
    color:#fb4f4f !important;
    font-size:14px !important;
    font-weight:700 !important;
}

.akc-products-count span {
    color:#777d84 !important;
    font-size:12px !important;
    font-weight:400 !important;
}


/* =========================================================
   SORT
========================================================= */

.akc-sort {
    display:flex;
    height:54px;
    align-items:center;
}

.akc-sort a {
    position:relative;

    display:flex;

    height:54px;
    padding:0 11px;

    align-items:center;

    color:#8a9096 !important;

    font-size:11px !important;
    font-weight:500 !important;

    text-decoration:none !important;
}

.akc-sort a + a:before {
    content:"";

    position:absolute;

    left:0;
    top:21px;

    width:1px;
    height:12px;

    background:#dddddf;
}

.akc-sort a:hover {
    color:#22272d !important;
}


/* =========================================================
   PRODUCT GRID
========================================================= */

.akc-product-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    column-gap:18px;
    row-gap:30px;
    padding-top:24px;
}


/* =========================================================
   PRODUCT CARD
========================================================= */

.akc-product-card {
    position:relative;

    min-width:0;

    overflow:hidden;

    border:1px solid #eceff2;
    border-radius:12px;

    background:#ffffff;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.akc-product-card:hover {
    transform:translateY(-4px);

    border-color:#d8dde2;

    box-shadow:0 10px 26px rgba(30,40,50,.08);
}


/* FEATURE CARD */

.akc-feature-card {
    background:#fbfbfc;
}


/* =========================================================
   PRODUCT THUMBNAIL
========================================================= */

.akc-product-thumb {
    position:relative;

    display:block;

    width:100%;
    height:258px;

    overflow:hidden;

    border:0;
    border-radius:0;

    background:#f8f9fa;

    text-decoration:none !important;
}

.akc-feature-thumb {
    height:238px;
    background:#ffffff;
}

.akc-product-thumb img {
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;

    border:0;

    transition:transform .28s ease;
}

.akc-product-card:hover .akc-product-thumb img {
    transform:scale(1.045);
}


/* =========================================================
   PRODUCT INFORMATION
========================================================= */

.akc-product-info {
    min-height:150px;
    padding:15px 16px 17px;
    background:#ffffff;
}


/* ICONS */

.akc-product-icons {
    min-height:0;
    margin-bottom:5px;
}

.akc-product-icons:empty {
    display:none;
}

.akc-product-icons img {
    display:inline-block;
    margin:0 3px 3px 0;
    vertical-align:middle;
}


/* NAME */

.akc-product-name {
    display:block;

    min-height:42px;

    color:#25292f !important;

    font-size:14px !important;
    font-weight:600 !important;

    line-height:21px !important;

    letter-spacing:-.45px;

    text-decoration:none !important;
}

.akc-product-name:hover {
    color:#111111 !important;
    text-decoration:none !important;
}


/* SUB NAME */

.akc-product-subname {
    min-height:18px;
    margin-top:4px;
    color:#7282a0 !important;
    font-size:11px !important;
    font-weight:400 !important;
    line-height:18px !important;
}


/* REVIEW */

.akc-product-review {
    margin-top:6px;
    color:#8a929c !important;
    font-size:11px !important;
    font-weight:500 !important;
    line-height:16px !important;
}


/* CONSUMER PRICE */

.akc-product-consumer {
    margin-top:8px;
    color:#a8adb3 !important;
    font-size:11px !important;
    font-weight:400 !important;
    line-height:16px !important;
    text-decoration:line-through;
}


/* PRICE */

.akc-product-price {
    margin-top:2px;
    color:#20242a !important;
    font-size:17px !important;
    font-weight:700 !important;
    line-height:24px !important;
}


/* SOLD OUT */

.akc-product-soldout {
    margin-top:8px;
    color:#e64b4b !important;
    font-size:12px !important;
    font-weight:700 !important;
}


/* MEMBER PRICE */

.akc-member-price {
    margin-top:4px;
    color:#56606b !important;
    font-size:11px !important;
    font-weight:600 !important;
    line-height:17px !important;
}


/* =========================================================
   PRODUCT COLORS
========================================================= */

.akc-product-colors {
    display:flex;
    margin-top:8px;
    gap:4px;
}

.akc-color {
    display:block;

    width:11px;
    height:11px;

    border:1px solid rgba(0,0,0,.12);

    border-radius:50%;
}


/* =========================================================
   PAGING
========================================================= */

.akc-paging {
    display:flex;
    margin-top:64px;
    align-items:center;
    justify-content:center;
    gap:5px;
}

.akc-paging a {
    display:flex;

    width:35px;
    height:35px;

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

    border:1px solid #e0e2e4;

    background:#ffffff;

    color:#737981 !important;

    font-family:Arial,sans-serif;

    font-size:12px !important;
    font-weight:500 !important;

    text-decoration:none !important;
}

.akc-paging a:hover {
    border-color:#aeb3b9;
    color:#22272d !important;
}

.akc-paging .akc-page-current {
    border-color:#31363c;
    background:#31363c;
    color:#ffffff !important;
    font-weight:700 !important;
}

.akc-page-arrow {
    font-size:17px !important;
}
/* BASIC css end */