/* BASIC css start */
/* =========================================================
   AKKINARA MOBILE FOOTER
   MONOCHROME
   Prefix : akfoot-
========================================================= */

.akfoot-footer,
.akfoot-footer * {
    box-sizing:border-box;
}


.akfoot-footer {
    width:100%;

    margin:0;
    padding:0;

    background:#fff;

    color:#111;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        "Apple SD Gothic Neo",
        "Noto Sans KR",
        "Malgun Gothic",
        sans-serif;
}


.akfoot-footer a {
    color:inherit !important;
    text-decoration:none !important;
}


.akfoot-footer p,
.akfoot-footer h2,
.akfoot-footer h3,
.akfoot-footer dl,
.akfoot-footer dt,
.akfoot-footer dd {
    margin:0;
    padding:0;
}


/* =========================================================
   SVG
========================================================= */

.akfoot-footer svg {
    display:block;

    width:100%;
    height:100%;

    fill:none;

    stroke:currentColor;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
}


/* =========================================================
   CUSTOMER SUPPORT
========================================================= */

.akfoot-support {
    padding:
        34px
        17px
        28px;

    background:#fff;

    border-top:1px solid #e8e8e8;
}


.akfoot-heading {
    margin-bottom:23px;
}


.akfoot-heading > p {
    margin-bottom:7px !important;

    color:#888 !important;

    font-size:9px !important;
    font-weight:800 !important;

    line-height:1.3 !important;

    letter-spacing:.16em;
}


.akfoot-heading h2 {
    color:#111 !important;

    font-size:24px !important;
    font-weight:850 !important;

    line-height:1.25 !important;

    letter-spacing:-.045em;
}


/* 메인 고객센터 */

.akfoot-customer-main {
    display:flex;

    align-items:center;

    gap:16px;

    padding:
        20px
        0
        21px;

    border-top:2px solid #111;
    border-bottom:1px solid #e5e5e5;
}


.akfoot-main-icon {
    display:flex;

    width:51px;
    height:51px;

    flex:0 0 51px;

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

    color:#111;
}


.akfoot-main-icon svg {
    width:43px;
    height:43px;
}


.akfoot-customer-copy {
    min-width:0;
}


.akfoot-customer-copy > span {
    display:block;

    margin-bottom:2px;

    color:#777;

    font-size:10px;
    font-weight:700;
}


.akfoot-main-number {
    display:block !important;

    color:#111 !important;

    font-size:25px !important;
    font-weight:850 !important;

    line-height:1.25 !important;

    letter-spacing:-.035em;
}


.akfoot-customer-copy p {
    margin-top:5px !important;

    color:#777 !important;

    font-size:11px !important;

    line-height:1.5 !important;
}


/* 학교기관 / 문의 */

.akfoot-customer-sub {
    display:grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    border-bottom:1px solid #e5e5e5;
}


.akfoot-customer-sub > div {
    min-width:0;

    padding:
        16px
        12px
        17px
        0;
}


.akfoot-customer-sub > div + div {
    padding-left:14px;

    border-left:1px solid #e5e5e5;
}


.akfoot-customer-sub span {
    display:block;

    margin-bottom:6px;

    color:#888;

    font-size:9px;
    font-weight:700;

    line-height:1.4;
}


.akfoot-customer-sub a {
    display:block !important;

    color:#222 !important;

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

    line-height:1.45 !important;
}


/* 상담시간 */

.akfoot-hours-line {
    display:flex;

    margin-top:14px;

    align-items:center;

    flex-wrap:wrap;

    gap:
        5px
        9px;

    color:#777;

    font-size:10px;

    line-height:1.5;
}


.akfoot-hours-line strong {
    color:#222;

    font-size:10px;
}


.akfoot-hours-line em {
    color:#aaa;

    font-style:normal;
}


/* =========================================================
   OFFLINE STORE
========================================================= */

.akfoot-store {
    display:flex;

    gap:17px;

    padding:
        31px
        17px
        32px;

    background:#f5f5f5;

    border-top:1px solid #ebebeb;
}


.akfoot-info-symbol {
    display:flex;

    width:42px;
    height:42px;

    flex:0 0 42px;

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

    color:#111;
}


.akfoot-info-symbol svg {
    width:36px;
    height:36px;
}


.akfoot-store-content {
    flex:1;

    min-width:0;
}


.akfoot-info-label {
    margin-bottom:5px !important;

    color:#999 !important;

    font-size:8px !important;
    font-weight:800 !important;

    letter-spacing:.14em;
}


.akfoot-store h3,
.akfoot-bank-section h3 {
    color:#111 !important;

    font-size:19px !important;
    font-weight:850 !important;

    line-height:1.3 !important;

    letter-spacing:-.035em;
}


.akfoot-address {
    margin-top:14px !important;

    color:#333 !important;

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

    line-height:1.65 !important;

    word-break:keep-all;
}


.akfoot-address-note {
    margin-top:4px !important;

    color:#888 !important;

    font-size:11px !important;

    line-height:1.5 !important;
}


/* 매장 영업시간 */

.akfoot-store-hours {
    display:grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    gap:
        8px
        16px;

    margin-top:18px;

    padding-top:16px;

    border-top:1px solid #ddd;
}


.akfoot-store-hours > div {
    display:flex;

    justify-content:space-between;

    gap:7px;
}


.akfoot-store-hours span {
    color:#888;

    font-size:10px;
}


.akfoot-store-hours strong {
    color:#333;

    font-size:10px;
    font-weight:750;
}


/* =========================================================
   BANK
========================================================= */

.akfoot-bank-section {
    padding:
        31px
        17px
        30px;

    background:#fff;

    border-top:1px solid #e5e5e5;
}


.akfoot-bank-head {
    display:flex;

    align-items:center;

    gap:17px;

    margin-bottom:20px;
}


.akfoot-bank-list {
    border-top:2px solid #111;
}


.akfoot-bank-list > div {
    display:flex;

    min-height:43px;

    padding:
        0
        3px;

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

    gap:10px;

    border-bottom:1px solid #ededed;
}


.akfoot-bank-list span {
    color:#777;

    font-size:11px;
    font-weight:700;
}


.akfoot-bank-list strong {
    color:#222;

    font-size:12px;
    font-weight:750;

    letter-spacing:.01em;

    white-space:nowrap;
}


.akfoot-bank-owner {
    margin-top:12px !important;

    color:#888 !important;

    font-size:10px !important;

    text-align:right;
}


.akfoot-bank-owner strong {
    color:#333;
}


/* =========================================================
   QUICK ACTION
   칸막이형 대신 독립 버튼
========================================================= */

.akfoot-quick {
    display:flex;

    gap:8px;

    padding:
        18px
        16px
        24px;

    background:#f5f5f5;

    border-top:1px solid #e6e6e6;
}


.akfoot-quick > a {
    display:flex !important;

    flex:1 1 0;

    min-width:0 !important;

    height:48px;

    padding:
        0
        11px !important;

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

    gap:7px !important;

    border:1px solid #d7d7d7;

    border-radius:24px;

    background:#fff !important;

    color:#111 !important;

    float:none !important;
}


.akfoot-quick-icon {
    display:block;

    width:20px;
    height:20px;

    flex:0 0 20px;

    color:#111;
}


.akfoot-quick-icon svg {
    width:20px;
    height:20px;
}


.akfoot-quick strong {
    color:#222;

    font-size:10px;
    font-weight:750;

    white-space:nowrap;
}


/* =========================================================
   COMPANY
========================================================= */

.akfoot-company {
    padding:
        29px
        17px
        25px;

    background:#222;
}


.akfoot-company-kicker {
    margin-bottom:6px !important;

    color:#777 !important;

    font-size:8px !important;
    font-weight:800 !important;

    letter-spacing:.18em;
}


.akfoot-company > h3 {
    margin-bottom:18px !important;

    color:#fff !important;

    font-size:15px !important;
    font-weight:800 !important;

    line-height:1.4 !important;
}


.akfoot-company-name {
    margin-bottom:13px !important;

    color:#ddd !important;

    font-size:12px !important;
    font-weight:800 !important;
}


.akfoot-company-info dl {
    display:grid;

    gap:4px;
}


.akfoot-company-info dl > div {
    display:grid;

    grid-template-columns:
        88px
        minmax(0,1fr);

    gap:9px;
}


.akfoot-company-info dt {
    color:#777 !important;

    font-size:9px !important;

    line-height:1.65 !important;
}


.akfoot-company-info dd {
    min-width:0;

    color:#aaa !important;

    font-size:9px !important;

    line-height:1.65 !important;

    word-break:keep-all;
}


/* =========================================================
   POLICY
========================================================= */

.akfoot-policy {
    display:flex;

    margin-top:22px;

    padding-top:18px;

    flex-wrap:wrap;

    gap:
        7px
        15px;

    border-top:
        1px solid
        rgba(255,255,255,.09);
}


.akfoot-policy a {
    color:#888 !important;

    font-size:9px !important;

    line-height:1.5 !important;
}


.akfoot-policy .akfoot-policy-strong {
    color:#ddd !important;

    font-weight:700 !important;
}


/* =========================================================
   COPYRIGHT
========================================================= */

.akfoot-copy {
    margin-top:14px;
}


.akfoot-copy p {
    color:#666 !important;

    font-size:8px !important;

    line-height:1.5 !important;
}


/* =========================================================
   SMALL MOBILE
========================================================= */

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

    .akfoot-customer-sub {
        grid-template-columns:1fr;
    }


    .akfoot-customer-sub > div + div {
        padding-left:0;

        border-top:1px solid #e5e5e5;
        border-left:0;
    }


    .akfoot-quick {
        gap:5px;

        padding-left:10px;
        padding-right:10px;
    }


    .akfoot-quick > a {
        padding:
            0
            7px !important;

        gap:4px !important;
    }


    .akfoot-quick-icon {
        width:17px;
        height:17px;

        flex-basis:17px;
    }


    .akfoot-quick-icon svg {
        width:17px;
        height:17px;
    }


    .akfoot-company-info dl > div {
        grid-template-columns:
            76px
            minmax(0,1fr);
    }

}
/* BASIC css end */