/* BASIC css start */
/* =========================================================
   CUSTOMER CENTER ASIDE
========================================================= */

#aside.akcustomer-aside {
    float:left;
    width:210px;
    margin:0;
    padding:0;
    box-sizing:border-box;
    color:#222;
}

#aside.akcustomer-aside,
#aside.akcustomer-aside * {
    box-sizing:border-box;
}

#aside.akcustomer-aside a {
    text-decoration:none;
}


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

.akcustomer-aside-head {
    margin-bottom:31px;
}

.akcustomer-aside-head > span {
    display:block;
    margin:0 0 6px;
    color:#7189a3;
    font-size:9px;
    line-height:1.3;
    font-weight:700;
    letter-spacing:.1em;
}

.akcustomer-aside-head h2 {
    margin:0 0 7px;
    padding:0;
    color:#111;
    font-size:22px;
    line-height:1.35;
    font-weight:700;
}

.akcustomer-aside-head p {
    margin:0;
    padding:0;
    color:#777;
    font-size:11px;
    line-height:1.6;
}


/* =========================================================
   MENU GROUP
========================================================= */

.akcustomer-menu-group {
    margin-bottom:27px;
}

.akcustomer-menu-group h3 {
    margin:0 0 8px;
    padding:0 0 8px;
    border-bottom:1px solid #dce3ea;
    color:#333;
    font-size:12px;
    line-height:1.4;
    font-weight:700;
}

.akcustomer-menu-group ul {
    margin:0;
    padding:0;
    list-style:none;
}

.akcustomer-menu-group li {
    margin:0;
    padding:0;
    list-style:none;
}


/* =========================================================
   MENU LINK
========================================================= */

.akcustomer-menu-group li a {
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:38px;
    padding:0 8px 0 3px;
    border-bottom:1px solid #eef1f4;
    color:#555;
    font-size:11px;
    line-height:1.45;
    transition:
        background .15s ease,
        color .15s ease,
        padding .15s ease;
}

.akcustomer-menu-group li a:hover {
    padding-left:8px;
    background:#f7f9fb;
    color:#334e68;
}

.akcustomer-menu-text {
    min-width:0;
}

.akcustomer-menu-arrow {
    flex:0 0 auto;
    margin-left:8px;
    color:#9eb0c2;
    font-size:16px;
    line-height:1;
    font-weight:300;
}


/* =========================================================
   CURRENT / ACTIVE
   ÇÊ¿äÇÑ ÆäÀÌÁö¿¡¼­ li¿¡ active Ŭ·¡½º¸¸ Ãß°¡ÇÏ¸é µÊ
========================================================= */

.akcustomer-menu-group li.active > a {
    padding-left:8px;
    background:#f2f6f9;
    color:#334e68;
    font-weight:700;
}

.akcustomer-menu-group li.active .akcustomer-menu-arrow {
    color:#7189a3;
}


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

.akcustomer-aside-help {
    margin-top:32px;
    padding:17px 16px 18px;
    border:1px solid #dce5ed;
    border-radius:8px;
    background:#f5f8fb;
}

.akcustomer-aside-help > span {
    display:block;
    margin:0 0 5px;
    color:#7189a3;
    font-size:9px;
    line-height:1.3;
    font-weight:700;
    letter-spacing:.08em;
}

.akcustomer-aside-help > strong {
    display:block;
    margin:0 0 7px;
    color:#111;
    font-size:20px;
    line-height:1.3;
    font-weight:800;
    letter-spacing:-.02em;
}

.akcustomer-aside-help p {
    margin:0;
    padding:0;
    color:#666;
    font-size:10px;
    line-height:1.65;
}


/* =========================================================
   HIDDEN HR
========================================================= */

.akcustomer-aside-hr {
    display:none;
}
/* BASIC css end */