/*
Auto Create CSS File
by Ted 20260806
*/
/* header */
.aos02_header{
    position:relative;
    z-index:200;
}


.aos02_top{
    background:#111827;
    color:#fff;
    font-size:13px;
}

.aos02_top .aos02_inner{
    height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.aos02_top strong{
    margin-left:8px;
    color:#7dd3fc;
}

.aos02_top_draft{
    display:flex;
    align-items:center;
    gap:0;
}

.aos02_top_draft strong{
    margin-left:0;
}

.aos02_top_draft strong + strong{
    margin-left:8px;
    padding-left:8px;
}

.aos02_top_draft a{
    margin-left:0;
}

.aos02_top a{
    margin-left:18px;
    color:#d1d5db;
}

.aos02_top_links{
    display:flex;
    align-items:center;
    gap:16px;
}

.aos02_nav{
    background:rgba(255,255,255,.95);
    border-bottom:1px solid #e5e7eb;
    backdrop-filter:blur(10px);
}

.aos02_nav .aos02_inner{
    height:86px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.aos02_logo{
    width:148px;
}

.aos02_logo a{
    display:block;
}

.aos02_logo img{
    width:100%;
    height:auto;
}

.aos02_menu{
    display:flex;
    justify-content:center;
    width:100%;
    gap:34px;
    list-style:none;
    padding:0;
    margin:0;
    font-weight:700;
    color:#111;
    font-size:18px;
}

.aos02_menu > li{
    position:relative;
}

.aos02_menu > li::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:100%;
    height:10px;
}

.aos02_menu > li > a{
    display:block;
    padding:8px 0;
    color:#111;
    font-size:18px;
}

.aos02_menu a:hover{
    color:#2563eb;
}

.aos02_depth2{
    position:absolute;
    top:calc(100% + 8px);
    left:50%;
    width:max-content;
    min-width:0;
    height:auto;
    margin:0;
    padding:8px;
    list-style:none;
    background:#fff;
    border:1px solid rgba(15,23,42,.08);
    border-radius:16px;
    box-shadow:0 18px 36px rgba(15,23,42,.12);
    transform:translateX(-50%) translateY(10px);
    opacity:0;
    visibility:hidden;
    overflow:hidden;
    transition:opacity .2s ease, visibility .2s ease, transform .2s ease;
}

.aos02_depth2:not(:has(li)){
    display:none !important;
}

ul.aos02_depth2,
.aos02_depth2 > ul{
    display:grid;
    grid-template-rows:repeat(8, max-content);
    grid-auto-flow:column;
    grid-auto-columns:max-content;
    align-content:start;
    justify-items:stretch;
    column-gap:6px;
    row-gap:4px;
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    list-style:none;
}

/* 2depth 항목 수에 맞게 행 수 축소 (몽골 2개 포함) */
.aos02_depth2 > ul:has(> li:nth-child(1):last-child){
    grid-template-rows:repeat(1, max-content);
}

.aos02_depth2 > ul:has(> li:nth-child(2):last-child){
    grid-template-rows:repeat(2, max-content);
}

.aos02_depth2 > ul:has(> li:nth-child(3):last-child){
    grid-template-rows:repeat(3, max-content);
}

.aos02_depth2 > ul:has(> li:nth-child(4):last-child){
    grid-template-rows:repeat(4, max-content);
}

.aos02_depth2 > ul:has(> li:nth-child(5):last-child){
    grid-template-rows:repeat(5, max-content);
}

.aos02_depth2 > ul:has(> li:nth-child(6):last-child){
    grid-template-rows:repeat(6, max-content);
}

.aos02_depth2 > ul:has(> li:nth-child(7):last-child){
    grid-template-rows:repeat(7, max-content);
}

.aos02_depth2 li{
    margin:0;
    padding:0;
    min-width:0;
    background:transparent;
}

.aos02_menu > li:hover .aos02_depth2{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
}

.aos02_depth2 a{
    display:block;
    box-sizing:border-box;
    width:100%;
    min-width:0;
    padding:10px 16px;
    border-radius:10px;
    font-size:14px;
    font-weight:600;
    color:#1f2937;
    text-align:left;
    white-space:nowrap;
    transition:color .2s ease, background-color .2s ease;
}

.aos02_depth2 a:hover{
    background:#003b7a;
    color:#fff;
}

.aos02_inner{
    width:1200px;
    margin:0 auto;
}/* footer start */
.aos02_footer{
    padding:10px 20px;
    background:#0f172a;
    color:#cbd5e1;
    text-align:left;
}

.aos02_footer_top{
    display:flex;
    align-items:center;
    gap:24px;
}

.aos02_footer img{
    height:62px;
    width:auto;
    max-width:100%;
    display:block;
    flex-shrink:0;
}

.aos02_footer_nav{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
}

.aos02_footer a{
    color:#fff;
    font-weight:700;
}

.aos02_footer p{
    margin:0;
    line-height:1.8;
    color:#94a3b8;
    white-space:nowrap;
}

.aos02_footer p small{
    color:#64748b;
}
/* footer end *//* =========================
   메인 배너 (YMJ 위치값 1~9 대응)
   ========================= */

/* 배너 전체 높이 */
.swiper,
.swiper-container{
  width:100%;
  height:min(450px, 42vw);
  min-height:240px;
  overflow:visible;
}

.swiper-slide{
  height:min(450px, 42vw);
  min-height:240px;
  overflow:visible;
}

.swiper-slide .slide-inner{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#111;
}

.swiper-slide .avn-slide-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* 배너 텍스트 공통 */
.avn_home_page_main_banner_text{
  position:absolute;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:8px;
  max-width:720px;
  min-width:280px;
  padding:16px 20px;
  box-sizing:border-box;
  color:#fff;
  pointer-events:none;
  text-shadow:0 2px 10px rgba(0,0,0,.35);
}

.avn_home_page_main_banner_text span{
  display:block;
  font-weight:500;
  line-height:1.4;
}

.avn_home_page_main_banner_text strong{
  display:block;
  font-weight:800;
  line-height:1.2;
  letter-spacing:-0.02em;
}

.avn_home_page_main_banner_text p{
  margin:0;
  display:block;
  font-weight:400;
  line-height:1.5;
}

/* =========================
   위치 (관리자 text_position 1~9)
   1200px 컨테이너 기준 정렬
   left/right = max(16px, calc(50% - 600px))
   ========================= */

/* 1행 */
.avn_home_page_main_banner_1{
  top:24px;
  left:max(16px, calc(50% - 600px));
  text-align:left;
  align-items:flex-start;
}
.avn_home_page_main_banner_2{
  top:24px;
  left:50%;
  transform:translateX(-50%);
  text-align:center;
  align-items:center;
  white-space:nowrap;
}
.avn_home_page_main_banner_3{
  top:24px;
  right:max(16px, calc(50% - 600px));
  left:auto;
  text-align:right;
  align-items:flex-end;
}

/* 2행 */
.avn_home_page_main_banner_4{
  top:50%;
  left:max(16px, calc(50% - 600px));
  transform:translateY(-50%);
  text-align:left;
  align-items:flex-start;
}
.avn_home_page_main_banner_5,
.avn_home_page_main_banner_0,
.avn_home_page_main_banner_center{
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  text-align:center;
  align-items:center;
  white-space:nowrap;
}
.avn_home_page_main_banner_6{
  top:50%;
  right:max(16px, calc(50% - 600px));
  left:auto;
  transform:translateY(-50%);
  text-align:right;
  align-items:flex-end;
}

/* 3행 */
.avn_home_page_main_banner_7{
  bottom:24px;
  left:max(16px, calc(50% - 600px));
  text-align:left;
  align-items:flex-start;
}
.avn_home_page_main_banner_8{
  bottom:24px;
  left:50%;
  transform:translateX(-50%);
  text-align:center;
  align-items:center;
  white-space:nowrap;
}
.avn_home_page_main_banner_9{
  bottom:24px;
  right:max(16px, calc(50% - 600px));
  left:auto;
  text-align:right;
  align-items:flex-end;
}

/* 태블릿 */
@media (max-width:1024px){
  .swiper,
  .swiper-container{ height:300px; }

  .avn_home_page_main_banner_text{
    max-width:86%;
    min-width:0;
    padding:14px 16px;
  }

  .avn_home_page_main_banner_1,
  .avn_home_page_main_banner_4,
  .avn_home_page_main_banner_7{ left:20px; }

  .avn_home_page_main_banner_3,
  .avn_home_page_main_banner_6,
  .avn_home_page_main_banner_9{
    right:20px;
    left:auto;
  }
}

/* 모바일 */
@media (max-width:768px){
  .swiper,
  .swiper-container{ height:220px; }

  .avn_home_page_main_banner_text{
    max-width:90%;
    padding:12px;
    gap:4px;
    white-space:normal;
  }

  .avn_home_page_main_banner_1,
  .avn_home_page_main_banner_2,
  .avn_home_page_main_banner_3{ top:16px; }

  .avn_home_page_main_banner_7,
  .avn_home_page_main_banner_8,
  .avn_home_page_main_banner_9{ bottom:16px; }

  .avn_home_page_main_banner_1,
  .avn_home_page_main_banner_4,
  .avn_home_page_main_banner_7{ left:16px; }

  .avn_home_page_main_banner_3,
  .avn_home_page_main_banner_6,
  .avn_home_page_main_banner_9{
    right:16px;
    left:auto;
  }
}@media (max-width:768px){
    .aos02_magazine,
    .aos02_magazine > .aos02_inner{
        overflow:visible !important;
    }

    .aos02_magazine > .aos02_inner{
        width:100% !important;
        max-width:100% !important;
        padding-left:16px !important;
        padding-right:0 !important;
        box-sizing:border-box !important;
    }

    .aos02_magazine .aos02_title{
        padding-right:16px !important;
    }

    .aos02_magazine .aos02_magazine_list{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
        gap:12px !important;
        grid-template-columns:none !important;
        grid-template-rows:none !important;
        width:100% !important;
        margin:0 !important;
        padding:4px 16px 10px 0 !important;
        overflow-x:auto !important;
        overflow-y:visible !important;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x mandatory !important;
        scroll-behavior:smooth;
        overscroll-behavior-x:contain;
        scrollbar-width:none !important;
        -ms-overflow-style:none !important;
    }

    .aos02_magazine .aos02_magazine_list::-webkit-scrollbar{
        display:none !important;
        width:0 !important;
        height:0 !important;
    }

    .aos02_magazine .aos02_magazine_list > article{
        flex:0 0 78% !important;
        width:78% !important;
        max-width:78% !important;
        min-width:0 !important;
        scroll-snap-align:start !important;
        scroll-snap-stop:always !important;
        box-sizing:border-box !important;
    }
}


.aos02_magazine{
    padding-top:28px;
    padding-bottom:28px;
    overflow:visible;
  }

  .aos02_magazine > .aos02_inner{
    width:100%;
    max-width:100%;
    padding-left:16px;
    padding-right:0;
    box-sizing:border-box;
    overflow:visible;
  }

  .aos02_magazine .aos02_title{
    padding-right:16px;
}

/* ==========================================================
   aos02_magazine Layout Rebuild
========================================================== */

/* ---- Desktop base ---- */
.aos02_magazine{
    padding:30px 0 !important;
    overflow:visible !important;
    background:transparent;
}

.aos02_magazine > .aos02_inner{
    width:1200px !important;
    max-width:1200px !important;
    margin:0 auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
}

.aos02_magazine .aos02_title{
    padding-right:0 !important;
    margin:0 0 24px !important;
    text-align: center !important;
    padding-top: 40px !important;
}

.aos02_magazine .aos02_title h2{
    margin:0 0 8px;
    font-size:28px;
    letter-spacing:-1px;
    color:#0f172a;
}

.aos02_magazine .aos02_title p{
    margin:0;
    font-size:15px;
    color:#64748b;
}

.aos02_magazine .aos02_magazine_list{
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    grid-template-rows:none !important;
    flex-direction:unset !important;
    flex-wrap:unset !important;
    align-items:unset !important;
    justify-content:unset !important;
    gap:24px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    scroll-snap-type:none !important;
    scrollbar-width:auto !important;
}

.aos02_magazine .aos02_magazine_list > article{
    display:flex !important;
    flex:none !important;
    flex-direction:row !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    height:auto !important;
    gap:18px !important;
    padding:18px !important;
    border-radius:26px !important;
    background:#fff !important;
    box-shadow:0 14px 32px rgba(15,23,42,.08) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    scroll-snap-align:unset !important;
    cursor:pointer;
    transition:transform .25s ease, box-shadow .25s ease;
}

.aos02_magazine .aos02_magazine_list > article:hover{
    transform:translateY(-6px);
    box-shadow:0 22px 44px rgba(15,23,42,.14);
}

.aos02_magazine .aos02_magazine_list > article img{
    flex:0 0 130px !important;
    width:130px !important;
    height:120px !important;
    border-radius:10px !important;
    object-fit:cover !important;
    transition:transform .3s ease;
}

.aos02_magazine .aos02_magazine_list > article:hover img{
    transform:scale(1.06);
}

.aos02_magazine .aos02_magazine_list > article > div{
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.aos02_magazine .aos02_magazine_list span{
    color:#2563eb;
    font-size:17px;
    font-weight:900;
}

.aos02_magazine .aos02_magazine_list h3{
    margin:8px 0;
    font-size:20px;
    letter-spacing:-.4px;
    color:#0f172a;
    transition:color .25s ease;
}

.aos02_magazine .aos02_magazine_list > article:hover h3{
    color:#2563eb;
}

.aos02_magazine .aos02_magazine_list p{
    margin:0;
    color:#6b7280;
    font-size:14px;
    line-height:1.45;
}

@media screen and (max-width:1200px){
    .aos02_magazine > .aos02_inner{
        width:100% !important;
        max-width:100% !important;
        padding-left:20px !important;
        padding-right:20px !important;
    }

    .aos02_magazine .aos02_magazine_list{
        grid-template-columns:repeat(2, 1fr) !important;
    }
}

/* ---- Mobile ---- */
@media (max-width:768px){
    .aos02_magazine{
        padding:28px 0 !important;
        overflow-x:hidden !important;
    }

    .aos02_magazine > .aos02_inner{
        width:100% !important;
        max-width:100% !important;
        margin:0 auto !important;
        padding-left:16px !important;
        padding-right:16px !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    .aos02_magazine .aos02_title{
        padding-right:0 !important;
        margin-bottom:18px !important;
    }

    .aos02_magazine .aos02_title h2{
        font-size:24px;
    }

    .aos02_magazine .aos02_magazine_list{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
        gap:14px !important;
        grid-template-columns:none !important;
        width:100% !important;
        margin:0 !important;
        padding:0 4% 2px 0 !important;
        box-sizing:border-box !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x mandatory !important;
        scroll-behavior:smooth;
        overscroll-behavior-x:contain;
        scrollbar-width:none !important;
    }

    .aos02_magazine .aos02_magazine_list::-webkit-scrollbar{
        display:none !important;
        width:0 !important;
        height:0 !important;
    }

    .aos02_magazine .aos02_magazine_list > article{
        display:flex !important;
        flex:0 0 88% !important;
        flex-direction:column !important;
        width:88% !important;
        max-width:none !important;
        min-width:0 !important;
        height:auto !important;
        gap:14px !important;
        padding:16px !important;
        border-radius:22px !important;
        background:#fff !important;
        box-shadow:0 10px 24px rgba(15,23,42,.08) !important;
        scroll-snap-align:start !important;
        scroll-snap-stop:always !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
        transform:none !important;
    }

    .aos02_magazine .aos02_magazine_list > article:hover{
        transform:none !important;
        box-shadow:0 10px 24px rgba(15,23,42,.08) !important;
    }

    .aos02_magazine .aos02_magazine_list > article img{
        flex:0 0 auto !important;
        width:100% !important;
        height:180px !important;
        border-radius:14px !important;
        object-fit:cover !important;
        transform:none !important;
    }

    .aos02_magazine .aos02_magazine_list > article > div{
        min-width:0;
    }

    .aos02_magazine .aos02_magazine_list h3,
    .aos02_magazine .aos02_magazine_list p{
        overflow-wrap:anywhere;
        word-break:keep-all;
    }
}
/* ==========================================================
   customer center — PC + Mobile
========================================================== */

/* —— PC —— */
.aos02_customer{
    padding:30px 0;
    background:#fff;
}

.aos02_customer .aos02_inner{
    display:grid;
    grid-template-columns:1fr 1fr 320px;
    gap:24px;
    align-items:stretch;
}

.aos02_board{
    padding:24px 28px;
    background:#fff;
    border:1px solid #ccc;
}

.aos02_board_head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:16px;
    padding-bottom:14px;
    border-bottom:2px solid #222;
}

.aos02_board_head h3{
    margin:0;
    padding:0;
    font-size:18px;
    font-weight:700;
    color:#111;
    border-bottom:none;
}

.aos02_board_head a{
    font-size:13px;
    color:#666;
    white-space:nowrap;
}

.aos02_board_head a:hover{
    color:#003b7a;
}

.aos02_board ul{
    padding:0;
    margin:0;
    list-style:none;
}

.aos02_board li{
    display:flex;
    justify-content:space-between;
    gap:16px;
    padding:13px 0;
    border-bottom:1px solid #e5e7eb;
    font-size:14px;
}

.aos02_board span{
    color:#9ca3af;
    white-space:nowrap;
}

.aos02_account{
    grid-column:3;
    grid-row:1;
    display:flex;
    flex-direction:column;
    height:100%;
    padding:0;
    background:#fff;
    border:1px solid #ccc;
    overflow:hidden;
}

.aos02_account h3{
    margin:0;
    padding:14px 20px;
    font-size:16px;
    font-weight:700;
    color:#fff;
    background:#003b7a;
    border-bottom:none;
}

.aos02_account_body{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:24px 28px;
}

.aos02_account_cs{
    padding-bottom:18px;
    border-bottom:1px solid #e4e7eb;
}

.aos02_account_cs strong{
    display:block;
    margin-bottom:6px;
    font-size:24px;
    font-weight:800;
    color:#003b7a;
    letter-spacing:0.5px;
}

.aos02_account_cs p{
    margin:0;
    font-size:13px;
    color:#666;
    line-height:1.5;
}

.aos02_account_bank{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding-top:18px;
}

.aos02_account_bank h4{
    margin:0 0 12px;
    font-size:14px;
    font-weight:700;
    color:#111;
}

.aos02_account_bank dl{
    display:grid;
    grid-template-columns:64px 1fr;
    gap:8px 12px;
    margin:0;
}

.aos02_account_bank dt{
    font-size:13px;
    color:#888;
}

.aos02_account_bank dd{
    margin:0;
    font-size:13px;
    font-weight:600;
    color:#333;
}

.aos02_account_bank dd.is-num{
    font-size:16px;
    font-weight:800;
    color:#003b7a;
    letter-spacing:0.5px;
}

/* —— Mobile (≤768): 공지 / 후기 / 고객센터 세로 1열 ——
   Hash PC grid 덮어쓰기용 레이아웃 속성에만 !important */
@media (max-width:768px){
    .aos02_wrap .aos02_customer,
    .aos02_customer{
        padding-top:24px;
        padding-bottom:24px;
        background:#f8fafc;
    }

    .aos02_wrap .aos02_customer .aos02_inner,
    section.aos02_customer .aos02_inner,
    .aos02_customer .aos02_inner{
        display:flex !important;
        flex-direction:column !important;
        flex-wrap:nowrap !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
        gap:16px !important;
        width:100% !important;
        max-width:100% !important;
        grid-template-columns:none !important;
        grid-template-rows:none !important;
        grid-auto-flow:row !important;
    }

    .aos02_wrap .aos02_customer .aos02_inner > .aos02_board,
    .aos02_wrap .aos02_customer .aos02_inner > .aos02_account,
    .aos02_customer .aos02_inner > .aos02_board,
    .aos02_customer .aos02_inner > .aos02_account{
        width:100% !important;
        max-width:100% !important;
        flex:0 0 auto !important;
        float:none !important;
        clear:both !important;
        grid-column:auto !important;
        grid-row:auto !important;
    }

    .aos02_customer .aos02_board{
        width:100%;
        box-sizing:border-box;
        padding:20px 22px;
        border:1px solid #e5e7eb;
        border-radius:16px;
        background:#fff;
        box-shadow:0 4px 14px rgba(15,23,42,.06);
    }

    .aos02_customer .aos02_board_head{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        margin-bottom:12px;
        padding-bottom:12px;
        border-bottom:1px solid #e5e7eb;
    }

    .aos02_customer .aos02_board_head h3{
        margin:0;
        font-size:15px;
        font-weight:700;
        line-height:1.3;
        color:#111;
        white-space:nowrap;
    }

    .aos02_customer .aos02_board_head a{
        flex:0 0 auto;
        font-size:12px;
        color:#64748b;
        white-space:nowrap;
    }

    .aos02_customer .aos02_board ul{
        margin:0;
        padding:0;
        list-style:none;
    }

    .aos02_customer .aos02_board li:nth-child(n+2){
        display:none;
    }

    .aos02_customer .aos02_board li{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        justify-content:flex-start;
        gap:8px;
        padding:4px 0 0;
        border-bottom:0;
        min-width:0;
    }

    .aos02_customer .aos02_board li > a{
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        width:100%;
        max-width:100%;
        min-width:0;
        box-sizing:border-box;
        overflow:hidden;
        color:#111;
        text-decoration:none;
        font-size:14px;
        font-weight:600;
        line-height:1.45;
        white-space:normal;
        word-break:keep-all;
        overflow-wrap:break-word;
    }

    .aos02_customer .aos02_board li > span{
        display:block;
        color:#94a3b8;
        font-size:12px;
        line-height:1.4;
        white-space:nowrap;
    }

    .aos02_wrap .aos02_customer .aos02_account,
    .aos02_customer .aos02_account{
        grid-column:auto !important;
        grid-row:auto !important;
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        min-height:0 !important;
        box-sizing:border-box;
        border:1px solid #e5e7eb;
        border-radius:16px;
        background:#fff;
        box-shadow:0 4px 14px rgba(15,23,42,.06);
        overflow:hidden;
    }

    .aos02_customer .aos02_account h3{
        padding:14px 22px;
        font-size:15px;
        font-weight:700;
    }

    .aos02_customer .aos02_account_body{
        flex:none;
        padding:20px 22px 22px;
        gap:0;
    }

    .aos02_customer .aos02_account_cs{
        padding-bottom:16px;
        margin-bottom:4px;
        border-bottom:1px solid #e5e7eb;
    }

    .aos02_customer .aos02_account_cs strong{
        margin-bottom:8px;
        font-size:28px;
        font-weight:800;
        letter-spacing:0.2px;
        line-height:1.2;
        word-break:keep-all;
    }

    .aos02_customer .aos02_account_cs p{
        font-size:13px;
        line-height:1.5;
        color:#64748b;
        white-space:normal;
        word-break:keep-all;
    }

    .aos02_customer .aos02_account_bank{
        flex:none;
        justify-content:flex-start;
        padding-top:16px;
    }

    .aos02_customer .aos02_account_bank h4{
        margin:0 0 12px;
        font-size:13px;
        font-weight:700;
        color:#111;
    }

    .aos02_customer .aos02_account_bank dl{
        display:grid;
        grid-template-columns:72px 1fr;
        gap:10px 12px;
        margin:0;
        align-items:start;
    }

    .aos02_customer .aos02_account_bank dt{
        font-size:12px;
        line-height:1.45;
        color:#94a3b8;
    }

    .aos02_customer .aos02_account_bank dd{
        font-size:13px;
        font-weight:600;
        line-height:1.45;
        color:#334155;
        white-space:normal;
        word-break:keep-all;
        overflow-wrap:break-word;
    }

    .aos02_customer .aos02_account_bank dd.is-num{
        font-size:15px;
        font-weight:800;
        letter-spacing:0.3px;
        word-break:break-all;
    }
}
