/* BASIC css start */
/* =========================================================
   AKKINARA PRIVATE PAYMENT
   1100px / NO LEFT MENU
========================================================= */

.akp-page {
    width:100%;
    background:#ffffff;
    color:#25292f;
    font-family:"Pretendard","Noto Sans KR","¸¼Àº °íµñ","Malgun Gothic",Arial,sans-serif;
}

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

.akp-inner {
    width:1100px;
    margin:0 auto;
    padding:30px 0 90px;
}


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

.akp-head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    padding:0 0 20px;
}

.akp-head-left {
    min-width:0;
}

.akp-eyebrow {
    margin-bottom:5px;
    color:#a1a6ac !important;
    font-family:Arial,sans-serif;
    font-size:10px !important;
    font-weight:700 !important;
    line-height:14px !important;
    letter-spacing:1.2px;
}

.akp-title {
    color:#20242a !important;
    font-size:24px !important;
    font-weight:700 !important;
    line-height:32px !important;
    letter-spacing:-1px;
}

.akp-head-desc {
    margin-top:6px;
    color:#858b92 !important;
    font-size:12px !important;
    font-weight:400 !important;
    line-height:19px !important;
}

.akp-head-count {
    display:flex;
    align-items:baseline;
    padding-bottom:3px;
}

.akp-head-count strong {
    color:#fb4f4f !important;
    font-family:Arial,sans-serif;
    font-size:18px !important;
    font-weight:700 !important;
}

.akp-head-count span {
    margin-left:3px;
    color:#8b9198 !important;
    font-size:11px !important;
}


/* =========================================================
   GUIDE
========================================================= */

.akp-guide {
    display:flex;
    min-height:125px;
    padding:24px 27px;
    align-items:center;
    justify-content:space-between;
    border:1px solid #e3e6e9;
    border-radius:12px;
    background:#fafbfc;
}

.akp-guide-main {
    width:380px;
}

.akp-guide-title {
    color:#292e34 !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:23px !important;
}

.akp-guide-text {
    margin-top:7px;
    color:#777e86 !important;
    font-size:12px !important;
    font-weight:400 !important;
    line-height:19px !important;
    letter-spacing:-.25px;
}


/* STEPS */

.akp-guide-steps {
    display:flex;
    align-items:center;
}

.akp-guide-step {
    display:flex;
    width:135px;
    flex-direction:column;
    align-items:center;
}

.akp-step-number {
    display:flex;
    width:30px;
    height:30px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#ffffff;
    color:#fb4f4f !important;
    font-family:Arial,sans-serif;
    font-size:10px !important;
    font-weight:700 !important;
    box-shadow:0 2px 8px rgba(40,50,60,.07);
}

.akp-step-text {
    margin-top:8px;
    color:#565d65 !important;
    font-size:11px !important;
    font-weight:600 !important;
    line-height:17px !important;
}

.akp-guide-arrow {
    margin:0 3px 18px;
    color:#c0c5ca !important;
    font-size:20px !important;
}


/* =========================================================
   NOTICE
========================================================= */

.akp-notice {
    display:flex;
    min-height:43px;
    margin-top:10px;
    padding:0 16px;
    align-items:center;
    border-radius:7px;
    background:#fff7f7;
}

.akp-notice-label {
    flex:none;
    margin-right:11px;
    color:#fb4f4f !important;
    font-size:11px !important;
    font-weight:700 !important;
}

.akp-notice-text {
    color:#777d84 !important;
    font-size:11px !important;
    font-weight:400 !important;
    line-height:17px !important;
}


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

.akp-list-head {
    display:flex;
    margin-top:39px;
    padding-bottom:14px;
    align-items:flex-end;
    justify-content:space-between;
    border-bottom:2px solid #30353a;
}

.akp-list-title {
    color:#272c32 !important;
    font-size:19px !important;
    font-weight:700 !important;
    line-height:27px !important;
    letter-spacing:-.6px;
}

.akp-list-count {
    color:#8b9198 !important;
    font-size:11px !important;
}

.akp-list-count strong {
    color:#fb4f4f !important;
    font-family:Arial,sans-serif;
    font-size:12px !important;
    font-weight:700 !important;
}


/* =========================================================
   PAYMENT GRID
========================================================= */

.akp-payment-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    padding-top:18px;
}


/* =========================================================
   PAYMENT CARD
========================================================= */

.akp-payment-card {
    position:relative;
    display:flex;
    min-height:245px;
    padding:20px 20px 18px;
    flex-direction:column;
    border:1px solid #e4e7ea;
    border-radius:11px;
    background:#ffffff;
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.akp-payment-card:hover {
    border-color:#ccd2d8;
    box-shadow:0 8px 22px rgba(35,45,55,.07);
    transform:translateY(-2px);
}


/* TOP */

.akp-card-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.akp-card-label {
    color:#a0a6ac !important;
    font-size:10px !important;
    font-weight:600 !important;
    letter-spacing:.4px;
}

.akp-card-status {
    padding:4px 7px;
    border-radius:10px;
    background:#f2f5f3;
    color:#61806c !important;
    font-size:9px !important;
    font-weight:700 !important;
}

.akp-card-status-end {
    background:#f5f5f5;
    color:#a0a4a8 !important;
}


/* NAME */

.akp-card-name {
    display:block;
    min-height:48px;
    margin-top:17px;
    color:#25292e !important;
    font-size:17px !important;
    font-weight:700 !important;
    line-height:24px !important;
    letter-spacing:-.55px;
    text-decoration:none !important;
}

.akp-card-name:hover {
    color:#fb4f4f !important;
}


/* DESCRIPTION */

.akp-card-desc {
    min-height:18px;
    margin-top:5px;
    color:#858b92 !important;
    font-size:11px !important;
    font-weight:400 !important;
    line-height:18px !important;
}


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

.akp-card-price-area {
    margin-top:auto;
    padding-top:15px;
}

.akp-card-oldprice {
    color:#a5aab0 !important;
    font-size:11px !important;
    font-weight:400 !important;
    line-height:16px !important;
    text-decoration:line-through;
}

.akp-card-price {
    margin-top:2px;
    color:#20242a !important;
    font-family:Arial,"Pretendard","Noto Sans KR",sans-serif;
    font-size:20px !important;
    font-weight:700 !important;
    line-height:27px !important;
}

.akp-card-member {
    margin-top:3px;
    color:#68717a !important;
    font-size:10px !important;
    font-weight:600 !important;
}


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

.akp-card-button {
    display:flex;
    height:40px;
    margin-top:14px;
    padding:0 13px;
    align-items:center;
    justify-content:space-between;
    border-radius:7px;
    background:#fb4f4f;
    color:#ffffff !important;
    font-size:12px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    transition:background .15s ease;
}

.akp-card-button:hover {
    background:#ff7777;
    color:#ffffff !important;
}

.akp-card-button span {
    color:#ffffff !important;
    font-size:15px !important;
}

.akp-card-button-disabled {
    justify-content:center;
    background:#eeeeef;
    color:#a0a5aa !important;
    cursor:default;
}

.akp-card-button-disabled:hover {
    background:#eeeeef;
    color:#a0a5aa !important;
}


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

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

.akp-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;
}

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

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

.akp-page-arrow {
    font-size:17px !important;
}


/* =========================================================
   HELP
========================================================= */

.akp-help {
    display:flex;
    min-height:94px;
    margin-top:55px;
    padding:22px 25px;
    align-items:center;
    justify-content:space-between;
    border-top:1px solid #e2e5e8;
    border-bottom:1px solid #e2e5e8;
    background:#fafbfc;
}

.akp-help-title {
    color:#383e44 !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:20px !important;
}

.akp-help-desc {
    margin-top:4px;
    color:#858b92 !important;
    font-size:11px !important;
    font-weight:400 !important;
    line-height:17px !important;
}

.akp-help-right {
    display:flex;
    align-items:center;
}

.akp-help-label {
    margin-right:12px;
    color:#90969c !important;
    font-size:10px !important;
    font-weight:500 !important;
}

.akp-help-phone {
    color:#30353a !important;
    font-family:Arial,sans-serif;
    font-size:21px !important;
    font-weight:700 !important;
}
/* BASIC css end */