/*
Auto Create CSS File
by Ted 20261103
*/
/* =========================
   상단 유틸 / sticky 헤더
   PC: 1200 센터 / Mobile: 100%
========================= */

/* PC 콘텐츠 폭 */
.aos02_inner,
.avn_home_page_wrap_container,
.avn_home_page_wrap_header_inner,
.aos01_gnb{
  width:1200px;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}

.avn_header_icon_text{
  font-size:11px;
  color:#666;
  font-weight:500;
  letter-spacing:-0.2px;
}

/* 회색 탑메뉴 라인 (배경만 풀폭) */
.avn_home_page_wrap_top-menu-bar{
  background:#f5f5f5;
  border-bottom:1px solid #ddd;
  padding:6px 0;
}

.avn_home_page_wrap_top-menu{
  display:flex;
  justify-content:flex-end;
  gap:18px;
  font-size:12px;
  color:#666;
}

.avn_home_page_wrap_container{
  width:1200px;
  max-width:100%;
  margin:0 auto;
  box-sizing:border-box;
  padding:0; /* PC는 패딩 없이 1200 기준 */
}

/* 탑메뉴 + 헤더(GNB 포함) — 배경은 100%, 안쪽만 1200 */
.avn_home_page_wrap_head_sticky{
  position:relative;
  z-index:200;
  width:100%;
  background:#fff;
  box-shadow:0 4px 14px rgba(0,0,0,.06);
  overflow:visible;
}

.avn_home_page_wrap_header{
  width:100%;
  background:#fff;
  border-bottom:1px solid #c3c3c3;
  overflow:visible;
}

.avn_home_page_wrap_header_inner{
  width:1200px;
  max-width:100%;
  margin:0 auto;
  display:flex;
  align-items:center;
  padding:20px 0;
  box-sizing:border-box;
}

.avn_home_page_wrap_header_top{
  width:100%;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:16px;
}

.avn_home_page_wrap_header_logo{
  width:145px;
  flex:0 0 auto;
  padding-top:4px;
}

.avn_home_page_wrap_header_logo strong{
  display:block;
  line-height:1;
  letter-spacing:-.03em;
  font-weight:900;
}

.avn_home_page_wrap_header_logo_en{
  font-size:13px;
  color:#0b4fae;
  margin-bottom:4px;
}

.avn_home_page_wrap_header_logo_kr{
  font-size:34px;
  color:#ec4027;
}

.avn_logo{
  display:block;
  width:180px;
  height:auto;
  object-fit:contain;
}

/* =========================
   검색바
========================= */
.avn_home_page_wrap_searchbar{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
}

.avn_home_page_wrap_searchbar_box{
  width:100%;
  max-width:600px;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  position:relative;
  background:#fff;
  border:1px solid #000;
  border-radius:30px;
  overflow:visible;
  height:44px;
  box-sizing:border-box;
}

.avn_home_page_wrap_searchbar_box form{
  display:flex !important;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  flex:1 1 auto;
  min-width:0;
  height:100%;
  margin:0;
}

.avn_home_page_wrap_searchbar_box:focus-within{
  border-color:#2563eb;
  box-shadow:0 0 0 3px rgba(37,99,235,0.15);
}

/* 공통 레이어 */
.avn_home_page_wrap_category_layer,
.avn_home_page_wrap_suggest_layer{
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  box-shadow:0 12px 30px rgba(0,0,0,0.12);
  z-index:2000;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:all .2s ease;
}

.avn_home_page_wrap_category_layer ul{
  padding:10px 0;
  margin:0;
  list-style:none;
}

.avn_home_page_wrap_category_layer li{
  padding:8px 14px;
  font-size:13px;
  cursor:pointer;
  transition:background 0.2s;
}

.avn_home_page_wrap_category_layer li:hover{
  background:#f3f4f6;
}

.avn_home_page_wrap_category_layer input{
  margin-right:6px;
}

.avn_home_page_wrap_category_layer.show,
.avn_home_page_wrap_suggest_layer.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.avn_home_page_wrap_category_layer{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  width:200px;
  background:#fff;
  border:1px solid #ddd;
  border-radius:10px;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  z-index:99999;
}

.avn_home_page_wrap_suggest_layer{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  width:100%;
  max-width:600px;
}

.avn_home_page_wrap_suggest_inner{
  display:flex;
  gap:30px;
  padding:18px 20px;
  box-sizing:border-box;
}

.avn_home_page_wrap_suggest_left{
  width:30%;
  border-right:1px solid #eee;
  padding-right:20px;
}

.avn_home_page_wrap_suggest_right{
  width:70%;
}

.avn_home_page_wrap_tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.avn_home_page_wrap_tags span{
  display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  background:#f3f4f6;
  font-size:12px;
  cursor:pointer;
  transition:all 0.2s;
}

.avn_home_page_wrap_tags span:hover{
  background:#2563eb;
  color:#fff;
}

.avn_home_page_wrap_desc{
  font-size:12px;
  color:#666;
  display:flex;
  align-items:center;
  gap:6px;
}

.avn_home_page_wrap_toggle{
  font-size:12px;
  color:#2563eb;
  font-weight:600;
  cursor:pointer;
}

.avn_home_page_wrap_toggle:hover{
  background:#2563eb;
  color:#fff;
}

.avn_home_page_wrap_toggle.off{
  color:#999;
  font-weight:500;
}

/* 전체카테고리 — 한 줄 */
.avn_home_page_wrap_select{
  flex:0 0 auto;
  width:auto;
  min-width:110px;
  max-width:140px;
  height:100%;
  padding:0 14px;
  font-size:13px;
  line-height:1;
  color:#444;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap;
  word-break:keep-all;
  box-sizing:border-box;
}

.avn_home_page_wrap_select::after{
  content:"▼";
  flex:0 0 auto;
  font-size:10px;
  color:#7b7b7b;
}

.avn_home_page_wrap_input{
  flex:1 1 auto;
  min-width:0;
  border:0;
  outline:none;
  height:100%;
  padding:0 12px;
  font-size:14px;
  color:#111;
  box-sizing:border-box;
}

.avn_home_page_wrap_submit{
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  font-size:30px;
  padding:0 14px 8px 0;
  flex:0 0 auto;
}

.avn_home_page_wrap_header_links{
  width:100%;
  max-width:600px;
  display:flex;
  justify-content:flex-start;
  gap:14px;
  margin-top:6px;
  font-size:13px;
  color:#929292;
  padding:0 20px;
  box-sizing:border-box;
}

.avn_home_page_wrap_header_links a{
  font-weight:600;
}

.avn_home_page_wrap_header_links a:hover{
  text-decoration:underline;
  color:#111;
}

.avn_home_page_wrap_header_icons{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:20px;
  margin-left:0;
}

.avn_home_page_wrap_header_util{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  width:48px;
  font-size:10px;
  color:#555;
}

.avn_home_page_wrap_header_util_icon{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  background:#fff;
  font-size:12px;
}

.avn_home_page_wrap_header_util_icon img{
  display:block;
  width:100%;
  height:auto;
}

/* =========================
   GNB — 배경 100% / 메뉴 1200 센터
========================= */
.aos01_gnb_wrap{
  position:relative;
  width:100%;
  background:#fff;
  border-bottom:1px solid #ddd;
  overflow:visible;
  --aos01-depth2-min-h:calc(20px + 30px + 42px * 6 + 4px * 5);
  --aos01-gnb-col-pad-x:12px;
}

.aos01_gnb_wrap:hover{
  padding-bottom:0;
}

.aos01_gnb_bg{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  height:auto;
  min-height:var(--aos01-depth2-min-h);
  background:#fff;
  border-top:1px solid #c3c3c3;
  border-bottom:1px solid #9c9c9c;
  box-shadow:
    0 12px 32px rgba(15, 23, 42, 0.06),
    0 2px 8px rgba(15, 23, 42, 0.04);
  z-index:1;
}

.aos01_gnb{
  position:relative;
  z-index:20;
  display:flex;
  width:1200px;
  max-width:100%;
  margin:0 auto;
  padding:0;
  list-style:none;
  align-items:stretch;
  box-sizing:border-box;
}

.aos01_gnb::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  border-top:1px solid #eee;
  pointer-events:none;
}

.aos01_gnb > li{
  position:relative;
  flex:1 1 0;
  min-width:0;
  display:flex;
  flex-direction:column;
}

.aos01_gnb > li::before,
.aos01_gnb > li:last-child::after{
  content:"";
  position:absolute;
  top:0;
  height:100%;
}

.aos01_gnb > li::before{ left:0; }
.aos01_gnb > li:last-child::after{ right:0; }

.aos01_gnb > li > a{
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:100%;
  height:80px;
  padding:0 12px;
  text-align:center;
  font-size:18px;
  font-weight:700;
  color:#111;
  text-decoration:none;
  white-space:nowrap;
}

.aos01_gnb > li:hover > a{
  color:#2563eb;
  font-weight:700;
}

/* 2depth */
.aos01_depth2{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  margin:0;
  padding:20px 7px 0 0;
  box-sizing:border-box;
  min-height:var(--aos01-depth2-min-h);
  list-style:none;
  z-index:10;
  background:transparent;
  overflow:visible;
}

.aos01_gnb_wrap:hover .aos01_gnb_bg{ display:block; }
.aos01_gnb_wrap:hover .aos01_depth2{ display:block; }

.aos01_depth2 ul{
  margin:0;
  padding:0;
  list-style:none;
  text-align:center;
}

.aos01_depth2 li{ margin-bottom:4px; }
.aos01_depth2 li:last-child{ margin-bottom:0; }

.aos01_depth2 li a{
  display:block;
  padding:10px 12px;
  border-radius:6px;
  color:#111;
  font-size:15px;
  text-align:center;
  text-decoration:none;
}

.aos01_depth2 li a:hover,
.aos01_depth2 li a.active{
  background:#2563eb;
  color:#fff;
}

/* =========================================================
   MOBILE (≤768) — 화면 100%
========================================================= */
@media (max-width:768px){

  .aos02_inner,
  .avn_home_page_wrap_container,
  .avn_home_page_wrap_header_inner,
  .aos01_gnb{
    width:100%;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
  }

  .avn_home_page_wrap_container,
  .avn_home_page_wrap_header_inner{
    padding-left:16px;
    padding-right:16px;
  }

  .avn_home_page_wrap_head_sticky{
    box-shadow:0 2px 10px rgba(0,0,0,.06);
  }

  .avn_home_page_wrap_top-menu-bar{ padding:4px 0; }

  .avn_home_page_wrap_top-menu{
    justify-content:flex-end;
    flex-wrap:nowrap;
    gap:10px;
    font-size:11px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .avn_home_page_wrap_top-menu::-webkit-scrollbar{ display:none; }
  .avn_home_page_wrap_top-menu a{ white-space:nowrap; }

  .avn_home_page_wrap_header_inner{ padding:12px 16px; }

  .avn_home_page_wrap_header_top{
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-areas:
      "logo icons"
      "search search";
    gap:10px 12px;
    align-items:center;
  }

  .avn_home_page_wrap_header_logo{
    grid-area:logo;
    width:auto;
    max-width:140px;
    padding-top:0;
  }

  .avn_logo{ width:120px; }
  .avn_home_page_wrap_header_logo_kr{ font-size:22px; }

  .avn_home_page_wrap_searchbar{
    grid-area:search;
    width:100%;
    align-items:stretch;
  }

  .avn_home_page_wrap_searchbar_box{
    max-width:100%;
    width:100%;
    height:40px;
    border-radius:22px;
    flex-wrap:nowrap;
  }

  .avn_home_page_wrap_searchbar_box form{
    display:flex !important;
    flex-wrap:nowrap;
    min-width:0;
  }

  .avn_home_page_wrap_select{
    flex:0 0 auto;
    width:auto;
    min-width:88px;
    max-width:108px;
    padding:0 8px;
    font-size:12px;
    gap:4px;
    white-space:nowrap;
    word-break:keep-all;
  }

  .avn_home_page_wrap_input{
    padding:0 8px;
    font-size:13px;
  }

  .avn_home_page_wrap_submit{
    font-size:22px;
    padding:0 10px 6px 0;
  }

  .avn_home_page_wrap_header_links{ display:none; }

  .avn_home_page_wrap_header_icons{
    grid-area:icons;
    gap:10px;
  }

  .avn_home_page_wrap_header_util{
    width:40px;
    gap:4px;
  }

  .avn_home_page_wrap_header_util_icon{
    width:22px;
    height:22px;
  }

  .avn_header_icon_text{ font-size:10px; }

  .avn_home_page_wrap_category_layer{
    width:min(200px, calc(100vw - 32px));
    max-width:100%;
  }

  .avn_home_page_wrap_suggest_layer{
    left:0;
    right:0;
    width:100%;
    max-width:100%;
  }

  .avn_home_page_wrap_suggest_inner{
    flex-direction:column;
    gap:16px;
    padding:14px 16px;
  }

  .avn_home_page_wrap_suggest_left,
  .avn_home_page_wrap_suggest_right{
    width:100%;
    border-right:0;
    padding-right:0;
  }

  .avn_home_page_wrap_suggest_left{
    padding-bottom:12px;
    border-bottom:1px solid #eee;
  }

  .aos01_gnb_wrap{
    width:100%;
    overflow:hidden;
    border-bottom:1px solid #e5e7eb;
  }

  .aos01_gnb_bg,
  .aos01_gnb_wrap:hover .aos01_gnb_bg,
  .aos01_depth2,
  .aos01_gnb_wrap:hover .aos01_depth2{
    display:none !important;
  }

  .aos01_gnb{
    width:100%;
    max-width:100%;
    margin:0;
    padding:0 8px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .aos01_gnb::-webkit-scrollbar{ display:none; }
  .aos01_gnb::before{ display:none; }

  .aos01_gnb > li{
    flex:0 0 auto;
    min-width:auto;
  }

  .aos01_gnb > li::before,
  .aos01_gnb > li:last-child::after{ display:none; }

  .aos01_gnb > li > a{
    height:48px;
    padding:0 12px;
    justify-content:center;
    font-size:14px;
    white-space:nowrap;
  }
}/* aos02_footer_3 */
.aos02_footer_3{
    padding:36px 0 28px;
    border-top:1px solid #e5e5e5;
    background:#fafafa;
    color:#555;
}

.aos02_footer_3_inner{
    width:1200px;
    margin:0 auto;
}

.aos02_footer_3_nav{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:0;
    margin-bottom:28px;
    padding-bottom:18px;
    border-bottom:1px solid #e8e8e8;
}

.aos02_footer_3_nav a{
    position:relative;
    padding:0 14px;
    color:#666;
    font-size:13px;
    font-weight:500;
    text-decoration:none;
}

.aos02_footer_3_nav a:first-child{
    padding-left:0;
}

.aos02_footer_3_nav a + a::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:1px;
    height:11px;
    background:#ddd;
    transform:translateY(-50%);
}

.aos02_footer_3_nav a.is-strong{
    color:#111;
    font-weight:800;
}

.aos02_footer_3_nav a:hover{
    color:#111;
}

.aos02_footer_3_body{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) 280px 180px;
    gap:40px;
    align-items:start;
    margin-bottom:24px;
}

.aos02_footer_3_logo{
    display:inline-block;
    margin-bottom:16px;
    color:#111;
    font-size:28px;
    font-weight:900;
    letter-spacing:-1px;
    line-height:1;
    text-decoration:none;
}

.aos02_footer_3_meta{
    margin:0;
    padding:0;
    list-style:none;
}

.aos02_footer_3_meta li{
    display:grid;
    grid-template-columns:120px 1fr;
    gap:8px;
    align-items:baseline;
    margin:0 0 6px;
    color:#555;
    font-size:13px;
    line-height:1.5;
}

.aos02_footer_3_meta span{
    color:#999;
    font-size:12px;
}

.aos02_footer_3_note{
    margin:14px 0 0;
    color:#aaa;
    font-size:12px;
    line-height:1.55;
}

.aos02_footer_3_cs_label{
    display:block;
    margin-bottom:8px;
    color:#111;
    font-size:13px;
    font-weight:700;
}

.aos02_footer_3_cs strong{
    display:block;
    margin:0 0 12px;
    color:#111;
    font-size:28px;
    font-weight:800;
    letter-spacing:-.6px;
    line-height:1;
}

.aos02_footer_3_cs ul{
    margin:0 0 14px;
    padding:0;
    list-style:none;
}

.aos02_footer_3_cs li{
    display:flex;
    gap:10px;
    margin:0 0 5px;
    color:#666;
    font-size:12px;
    line-height:1.45;
}

.aos02_footer_3_cs em{
    flex:0 0 52px;
    color:#999;
    font-style:normal;
    font-size:12px;
}

.aos02_footer_3_links{
    display:flex;
    gap:8px;
}

.aos02_footer_3_links a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:34px;
    padding:0 12px;
    border:1px solid #ddd;
    border-radius:4px;
    background:#fff;
    color:#333;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
}

.aos02_footer_3_links a.is-main{
    border-color:#ffd400;
    background:#ffd400;
    color:#111;
}

.aos02_footer_3_links a:hover{
    border-color:#111;
    color:#111;
}

.aos02_footer_3_links a.is-main:hover{
    border-color:#ffd400;
    opacity:.92;
}

.aos02_footer_3_sns{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.aos02_footer_3_sns span{
    margin-bottom:4px;
    color:#111;
    font-size:13px;
    font-weight:700;
}

.aos02_footer_3_sns a{
    color:#666;
    font-size:13px;
    text-decoration:none;
}

.aos02_footer_3_sns a:hover{
    color:#111;
    text-decoration:underline;
    text-underline-offset:2px;
}

.aos02_footer_3_bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding-top:18px;
    border-top:1px solid #e8e8e8;
}

.aos02_footer_3_bottom small,
.aos02_footer_3_bottom span{
    color:#aaa;
    font-size:12px;
}

@media screen and (max-width:1200px){
    .aos02_footer_3_inner{
        width:100%;
        padding:0 20px;
        box-sizing:border-box;
    }
}

@media screen and (max-width:900px){
    .aos02_footer_3_body{
        grid-template-columns:1fr 1fr;
        gap:28px;
    }

    .aos02_footer_3_sns{
        grid-column:1 / -1;
        flex-direction:row;
        flex-wrap:wrap;
        align-items:center;
        gap:8px 16px;
    }

    .aos02_footer_3_sns span{
        margin:0;
        width:100%;
    }
}

@media screen and (max-width:768px){
    .aos02_footer_3{
        padding:28px 0 24px;
    }

    .aos02_footer_3_inner{
        padding:0 16px;
    }

    .aos02_footer_3_nav{
        gap:8px 0;
    }

    .aos02_footer_3_body{
        grid-template-columns:1fr;
        gap:24px;
    }

    .aos02_footer_3_meta li{
        grid-template-columns:100px 1fr;
    }

    .aos02_footer_3_sns{
        grid-column:auto;
    }

    .aos02_footer_3_bottom{
        flex-direction:column;
        align-items:flex-start;
        gap:6px;
    }

    .aos02_footer_3_cs strong{
        font-size:24px;
    }
}
/* =========================
   메인 배너 (YMJ 위치값 1~9 대응)
   ========================= */

/* 배너 전체 높이 */
.swiper,
.swiper-container{
  width:100%;
  height:min(450px, 42vw);
  min-height:240px;
  overflow:hidden;
}

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


.aos_multi_category_04{
    padding:60px 0;
}

.aos_category_05_title{
    text-align:center;
    margin-bottom:20px;
}

.aos_category_05_title span{
    color:#2563eb;
    font-size:13px;
    font-weight:900;
    letter-spacing:2px;
}

.aos_category_05_title h2{
    margin:10px 0;
    font-size:36px;
    letter-spacing:-1px;
}

.aos_category_05_title p{
    margin:0;
    color:#6b7280;
}

@media screen and (max-width:768px){
    .aos_category_05_title h2{
        font-size:28px;
    }
}

.aos_category_04_wrap_inner{
    width:1200px;
    margin:0 auto;
}

.aos_category_04_title{
    text-align:center;
    margin-bottom:42px;
}

.aos_category_04_title span{
    color:#2563eb;
    font-size:13px;
    font-weight:900;
    letter-spacing:2px;
}

.aos_category_04_title h2{
    margin:10px 0;
    font-size:36px;
    letter-spacing:-1px;
}

.aos_category_04_title p{
    margin:0;
    color:#6b7280;
}

.aos_multi_category_04_tab{
    display:flex;
    justify-content:center;
    gap:10px;
    margin:15px 0;
    padding:0;
    list-style:none;
}

.aos_multi_category_04_tab button{
    min-width:88px;
    height:40px;
    padding:0 18px;
    border:1px solid #e5e7eb;
    border-radius:999px;
    background:#fff;
    color:#64748b;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    transition:.2s;
}

.aos_multi_category_04_tab button:hover{
    border-color:#2563eb;
    color:#2563eb;
}

.aos_multi_category_04_tab li.is-active button{
    border-color:#2563eb;
    background:#2563eb;
    color:#fff;
}

.aos_multi_category_04_panel{
    display:none;
}

.aos_multi_category_04_panel.is-active{
    display:block;
}

.aos_multi_category_04_list{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:26px;
}

.aos_multi_category_04_list article{
    overflow:hidden;
    border-radius:28px;
    background:#fff;
    box-shadow:0 18px 40px rgba(15,23,42,.08);
    transition:.25s;
}

.aos_multi_category_04_list article:hover{
    transform:translateY(-8px);
}

.aos_multi_category_04_list img{
    width:100%;
    height:210px;
    object-fit:cover;
}

.aos_multi_category_04_list div{
    padding:22px;
}

.aos_multi_category_04_list em{
    display:inline-block;
    margin-bottom:12px;
    padding:6px 12px;
    border-radius:999px;
    background:#dbeafe;
    color:#2563eb;
    font-size:12px;
    font-style:normal;
    font-weight:900;
}

.aos_multi_category_04_list h3{
    margin:0;
    font-size:20px;
}

.aos_multi_category_04_list p{
    color:#6b7280;
}

.aos_multi_category_04_list strong{
    color:#ef4444;
    font-size:22px;
}

@media screen and (max-width:1200px){
    .aos_category_04_wrap_inner{
        width:100%;
        padding:0 20px;
        box-sizing:border-box;
    }

    .aos_multi_category_04_list{
        grid-template-columns:repeat(2, 1fr);
    }

    .aos_multi_category_04_tab{
        flex-wrap:wrap;
    }
}

/* aos_multi_category_04 controls: PC 숨김 (기존 PC 레이아웃 영향 없음) */
.aos_multi_category_04 .aos_mc04_prev,
.aos_multi_category_04 .aos_mc04_next,
.aos_multi_category_04 .aos_mc04_dots{
    display:none;
}

@media screen and (max-width:768px){
    .aos_multi_category_04_tab button{
        min-width:72px;
        height:36px;
        font-size:13px;
    }

    .aos_category_04_title h2{
        font-size:28px;
    }

    /* 모바일 전용: 카드 1장(~90%) 가로 스와이프 */
    .aos_multi_category_04 .aos_category_04_wrap_inner{
        overflow:hidden;
    }

    .aos_multi_category_04 .aos_multi_category_04_panel.is-active{
        position:relative;
    }

    .aos_multi_category_04 .aos_multi_category_04_list{
        display:flex !important;
        grid-template-columns:none !important;
        gap:12px !important;
        align-items:stretch;
        width:100%;
        margin:0;
        padding:0 5%;
        box-sizing:border-box;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x mandatory;
        scroll-behavior:smooth;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
    }

    .aos_multi_category_04 .aos_multi_category_04_list::-webkit-scrollbar{
        display:none;
    }

    .aos_multi_category_04 .aos_multi_category_04_list article{
        flex:0 0 90%;
        width:90%;
        max-width:90%;
        scroll-snap-align:center;
        scroll-snap-stop:always;
        box-sizing:border-box;
        transform:none;
    }

    .aos_multi_category_04 .aos_multi_category_04_list article:hover{
        transform:none;
    }

    .aos_multi_category_04 .aos_mc04_prev,
    .aos_multi_category_04 .aos_mc04_next{
        display:flex !important;
        align-items:center;
        justify-content:center;
        position:absolute;
        top:105px;
        z-index:3;
        width:36px;
        height:36px;
        margin:0;
        padding:0;
        border:0;
        border-radius:50%;
        background:rgba(15,23,42,.4);
        color:#fff;
        font-size:22px;
        line-height:1;
        cursor:pointer;
        transform:translateY(-50%);
        transition:background .2s ease;
        -webkit-tap-highlight-color:transparent;
    }

    .aos_multi_category_04 .aos_mc04_prev{ left:8px; }
    .aos_multi_category_04 .aos_mc04_next{ right:8px; }

    .aos_multi_category_04 .aos_mc04_prev:hover,
    .aos_multi_category_04 .aos_mc04_next:hover{
        background:rgba(15,23,42,.55);
    }

    .aos_multi_category_04 .aos_mc04_dots{
        display:flex !important;
        align-items:center;
        justify-content:center;
        gap:7px;
        margin:14px 0 0;
        padding:0;
    }

    .aos_multi_category_04 .aos_mc04_dots button{
        width:8px;
        height:8px;
        margin:0;
        padding:0;
        border:0;
        border-radius:50%;
        background:#d1d5db;
        cursor:pointer;
        transition:background .2s ease;
        -webkit-tap-highlight-color:transparent;
    }

    .aos_multi_category_04 .aos_mc04_dots button.is-active{
        background:#2563eb;
    }
}.aos_multi_category_04{
    padding:60px 0;
}

.aos_category_05_title{
    text-align:center;
    margin-bottom:20px;
}

.aos_category_05_title span{
    color:#2563eb;
    font-size:13px;
    font-weight:900;
    letter-spacing:2px;
}

.aos_category_05_title h2{
    margin:10px 0;
    font-size:36px;
    letter-spacing:-1px;
}

.aos_category_05_title p{
    margin:0;
    color:#6b7280;
}

@media screen and (max-width:768px){
    .aos_category_05_title h2{
        font-size:28px;
    }
}

.aos_category_04_wrap_inner{
    width:1200px;
    margin:0 auto;
}

.aos_category_04_title{
    text-align:center;
    margin-bottom:42px;
}

.aos_category_04_title span{
    color:#2563eb;
    font-size:13px;
    font-weight:900;
    letter-spacing:2px;
}

.aos_category_04_title h2{
    margin:10px 0;
    font-size:36px;
    letter-spacing:-1px;
}

.aos_category_04_title p{
    margin:0;
    color:#6b7280;
}

.aos_multi_category_04_tab{
    display:flex;
    justify-content:center;
    gap:10px;
    margin:15px 0;
    padding:0;
    list-style:none;
}

.aos_multi_category_04_tab button{
    min-width:88px;
    height:40px;
    padding:0 18px;
    border:1px solid #e5e7eb;
    border-radius:999px;
    background:#fff;
    color:#64748b;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    transition:.2s;
}

.aos_multi_category_04_tab button:hover{
    border-color:#2563eb;
    color:#2563eb;
}

.aos_multi_category_04_tab li.is-active button{
    border-color:#2563eb;
    background:#2563eb;
    color:#fff;
}

.aos_multi_category_04_panel{
    display:none;
}

.aos_multi_category_04_panel.is-active{
    display:block;
}

.aos_multi_category_04_list{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:26px;
}

.aos_multi_category_04_list article{
    overflow:hidden;
    border-radius:28px;
    background:#fff;
    box-shadow:0 18px 40px rgba(15,23,42,.08);
    transition:.25s;
}

.aos_multi_category_04_list article:hover{
    transform:translateY(-8px);
}

.aos_multi_category_04_list img{
    width:100%;
    height:210px;
    object-fit:cover;
}

.aos_multi_category_04_list div{
    padding:22px;
}

.aos_multi_category_04_list em{
    display:inline-block;
    margin-bottom:12px;
    padding:6px 12px;
    border-radius:999px;
    background:#dbeafe;
    color:#2563eb;
    font-size:12px;
    font-style:normal;
    font-weight:900;
}

.aos_multi_category_04_list h3{
    margin:0;
    font-size:20px;
}

.aos_multi_category_04_list p{
    color:#6b7280;
}

.aos_multi_category_04_list strong{
    color:#ef4444;
    font-size:22px;
}

@media screen and (max-width:1200px){
    .aos_category_04_wrap_inner{
        width:100%;
        padding:0 20px;
        box-sizing:border-box;
    }

    .aos_multi_category_04_list{
        grid-template-columns:repeat(2, 1fr);
    }

    .aos_multi_category_04_tab{
        flex-wrap:wrap;
    }
}

/* aos_multi_category_04 controls: PC 숨김 (기존 PC 레이아웃 영향 없음) */
.aos_multi_category_04 .aos_mc04_prev,
.aos_multi_category_04 .aos_mc04_next,
.aos_multi_category_04 .aos_mc04_dots{
    display:none;
}

@media screen and (max-width:768px){
    .aos_multi_category_04_tab button{
        min-width:72px;
        height:36px;
        font-size:13px;
    }

    .aos_category_04_title h2{
        font-size:28px;
    }

    /* 모바일 전용: 카드 1장(~90%) 가로 스와이프 */
    .aos_multi_category_04 .aos_category_04_wrap_inner{
        overflow:hidden;
    }

    .aos_multi_category_04 .aos_multi_category_04_panel.is-active{
        position:relative;
    }

    .aos_multi_category_04 .aos_multi_category_04_list{
        display:flex !important;
        grid-template-columns:none !important;
        gap:12px !important;
        align-items:stretch;
        width:100%;
        margin:0;
        padding:0 5%;
        box-sizing:border-box;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x mandatory;
        scroll-behavior:smooth;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
    }

    .aos_multi_category_04 .aos_multi_category_04_list::-webkit-scrollbar{
        display:none;
    }

    .aos_multi_category_04 .aos_multi_category_04_list article{
        flex:0 0 90%;
        width:90%;
        max-width:90%;
        scroll-snap-align:center;
        scroll-snap-stop:always;
        box-sizing:border-box;
        transform:none;
    }

    .aos_multi_category_04 .aos_multi_category_04_list article:hover{
        transform:none;
    }

    .aos_multi_category_04 .aos_mc04_prev,
    .aos_multi_category_04 .aos_mc04_next{
        display:flex !important;
        align-items:center;
        justify-content:center;
        position:absolute;
        top:105px;
        z-index:3;
        width:36px;
        height:36px;
        margin:0;
        padding:0;
        border:0;
        border-radius:50%;
        background:rgba(15,23,42,.4);
        color:#fff;
        font-size:22px;
        line-height:1;
        cursor:pointer;
        transform:translateY(-50%);
        transition:background .2s ease;
        -webkit-tap-highlight-color:transparent;
    }

    .aos_multi_category_04 .aos_mc04_prev{ left:8px; }
    .aos_multi_category_04 .aos_mc04_next{ right:8px; }

    .aos_multi_category_04 .aos_mc04_prev:hover,
    .aos_multi_category_04 .aos_mc04_next:hover{
        background:rgba(15,23,42,.55);
    }

    .aos_multi_category_04 .aos_mc04_dots{
        display:flex !important;
        align-items:center;
        justify-content:center;
        gap:7px;
        margin:14px 0 0;
        padding:0;
    }

    .aos_multi_category_04 .aos_mc04_dots button{
        width:8px;
        height:8px;
        margin:0;
        padding:0;
        border:0;
        border-radius:50%;
        background:#d1d5db;
        cursor:pointer;
        transition:background .2s ease;
        -webkit-tap-highlight-color:transparent;
    }

    .aos_multi_category_04 .aos_mc04_dots button.is-active{
        background:#2563eb;
    }
}.aos_multi_category_10{
    padding:60px 0;
    background:#f8fafc;
}

.aos_category_10_wrap_inner{
    width:900px;
    margin:0 auto;
}

.aos_category_10_title{
    margin-bottom:28px;
    text-align:center;
}

.aos_category_10_title span{
    display:block;
    margin-bottom:8px;
    color:#64748b;
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
}

.aos_category_10_title h2{
    margin:0 0 8px;
    font-size:28px;
    letter-spacing:-1px;
    color:#0f172a;
}

.aos_category_10_title p{
    margin:0;
    color:#94a3b8;
    font-size:14px;
}

.aos_multi_category_10_tab{
    display:flex;
    justify-content:center;
    gap:0;
    margin:0 0 28px;
    padding:0;
    list-style:none;
    border-bottom:1px solid #e2e8f0;
}

.aos_multi_category_10_tab button{
    position:relative;
    height:46px;
    padding:0 22px;
    border:0;
    background:transparent;
    color:#94a3b8;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    transition:color .2s;
}

.aos_multi_category_10_tab button:hover{
    color:#0f172a;
}

.aos_multi_category_10_tab li.is-active button{
    color:#0f172a;
}

.aos_multi_category_10_tab li.is-active button::after{
    content:"";
    position:absolute;
    left:12px;
    right:12px;
    bottom:-1px;
    height:2px;
    background:#0f172a;
}

.aos_multi_category_10_panel{
    display:none;
}

.aos_multi_category_10_panel.is-active{
    display:block;
}

.aos_multi_category_10_list{
    margin:0;
    padding:0;
    list-style:none;
    border:1px solid #e2e8f0;
    border-radius:16px;
    overflow:hidden;
    background:#fff;
}

.aos_multi_category_10_list li + li{
    border-top:1px solid #f1f5f9;
}

.aos_multi_category_10_list a{
    display:flex;
    align-items:center;
    gap:18px;
    padding:16px 20px;
    color:inherit;
    text-decoration:none;
    transition:background .2s;
}

.aos_multi_category_10_list a:hover{
    background:#f1f5f9;
}

.aos_category_10_rank{
    flex:0 0 42px;
    width:42px;
    font-size:22px;
    font-weight:900;
    letter-spacing:-1px;
    text-align:center;
}

.aos_multi_category_10_list li:nth-child(1) .aos_category_10_rank,
.aos_multi_category_10_list li:nth-child(2) .aos_category_10_rank,
.aos_multi_category_10_list li:nth-child(3) .aos_category_10_rank{
    color:#0f172a;
}

.aos_category_10_thumb{
    flex:0 0 96px;
    width:96px;
    height:72px;
    overflow:hidden;
    border-radius:10px;
}

.aos_category_10_thumb img{
    display:block;
    width:96px;
    height:72px;
    object-fit:cover;
}

.aos_category_10_body{
    flex:1;
    min-width:0;
}

.aos_category_10_body em{
    display:inline-block;
    margin-bottom:6px;
    padding:2px 7px;
    border-radius:3px;
    background:#e2e8f0;
    color:#475569;
    font-size:11px;
    font-style:normal;
    font-weight:800;
}

.aos_category_10_body h3{
    margin:0 0 4px;
    font-size:16px;
    letter-spacing:-.3px;
    color:#0f172a;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.aos_category_10_body p{
    margin:0;
    font-size:13px;
    color:#94a3b8;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.aos_category_10_price{
    flex:0 0 auto;
    font-size:18px;
    color:#0f172a;
    white-space:nowrap;
}

@media screen and (max-width:1200px){
    .aos_category_10_wrap_inner{
        width:100%;
        padding:0 20px;
        box-sizing:border-box;
    }
}

@media screen and (max-width:768px){
    .aos_category_10_title h2{
        font-size:24px;
    }

    .aos_multi_category_10_tab{
        overflow-x:auto;
        justify-content:flex-start;
    }

    .aos_multi_category_10_list a{
        flex-wrap:wrap;
        gap:12px;
    }

    .aos_category_10_price{
        width:100%;
        padding-left:60px;
        box-sizing:border-box;
    }
}

/* ==========================================================
   aos_multi_category_10 Mobile Only
========================================================== */
.aos_multi_category_10 .aos_mc10_prev,
.aos_multi_category_10 .aos_mc10_next,
.aos_multi_category_10 .aos_mc10_dots{
    display:none;
}

@media (max-width:768px){
    .aos_multi_category_10{
        overflow-x:hidden;
    }

    .aos_multi_category_10 .aos_category_10_wrap_inner{
        width:100%;
        max-width:100%;
        box-sizing:border-box;
        overflow:hidden;
    }

    .aos_multi_category_10 .aos_multi_category_10_tab{
        display:flex !important;
        flex-wrap:nowrap !important;
        justify-content:flex-start !important;
        gap:0 !important;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
    }

    .aos_multi_category_10 .aos_multi_category_10_tab::-webkit-scrollbar{
        display:none;
    }

    .aos_multi_category_10 .aos_multi_category_10_tab li{
        flex:0 0 auto;
    }

    .aos_multi_category_10 .aos_multi_category_10_tab button{
        white-space:nowrap;
    }

    .aos_multi_category_10 .aos_multi_category_10_panel.is-active{
        position:relative;
    }

    .aos_multi_category_10 .aos_multi_category_10_list{
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:stretch;
        gap:14px !important;
        width:100%;
        margin:0;
        padding:0 4% 2px 0;
        box-sizing:border-box;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x mandatory;
        scroll-behavior:smooth;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
    }

    .aos_multi_category_10 .aos_multi_category_10_list::-webkit-scrollbar{
        display:none;
    }

    .aos_multi_category_10 .aos_multi_category_10_list > li{
        flex:0 0 88%;
        width:88%;
        max-width:none;
        min-width:0;
        scroll-snap-align:start;
        scroll-snap-stop:always;
        box-sizing:border-box;
        border:1px solid #e2e8f0;
        border-radius:16px;
        background:#fff;
        overflow:hidden;
    }

    .aos_multi_category_10 .aos_multi_category_10_list > li + li{
        border-top:1px solid #e2e8f0;
    }

    .aos_multi_category_10 .aos_multi_category_10_list a{
        flex-wrap:nowrap !important;
        align-items:center;
        gap:14px !important;
        min-width:0;
        box-sizing:border-box;
    }

    .aos_multi_category_10 .aos_category_10_body{
        min-width:0;
    }

    .aos_multi_category_10 .aos_category_10_body h3,
    .aos_multi_category_10 .aos_category_10_body p{
        white-space:normal;
        overflow-wrap:anywhere;
        word-break:keep-all;
    }

    .aos_multi_category_10 .aos_category_10_price{
        width:auto !important;
        padding-left:0 !important;
    }

    .aos_multi_category_10 .aos_mc10_prev,
    .aos_multi_category_10 .aos_mc10_next{
        display:flex !important;
        align-items:center;
        justify-content:center;
        position:absolute;
        top:70px;
        z-index:3;
        width:34px;
        height:34px;
        margin:0;
        padding:0;
        border:0;
        border-radius:50%;
        background:rgba(15,23,42,.4);
        color:#fff;
        font-size:20px;
        line-height:1;
        cursor:pointer;
        transform:translateY(-50%);
        transition:background .2s ease;
        -webkit-tap-highlight-color:transparent;
    }

    .aos_multi_category_10 .aos_mc10_prev{ left:6px; }
    .aos_multi_category_10 .aos_mc10_next{ right:6px; }

    .aos_multi_category_10 .aos_mc10_dots{
        display:flex !important;
        align-items:center;
        justify-content:center;
        gap:7px;
        margin:14px 0 0;
        padding:0;
    }

    .aos_multi_category_10 .aos_mc10_dots button{
        width:8px;
        height:8px;
        margin:0;
        padding:0;
        border:0;
        border-radius:50%;
        background:#d1d5db;
        cursor:pointer;
        transition:background .2s ease;
        -webkit-tap-highlight-color:transparent;
    }

    .aos_multi_category_10 .aos_mc10_dots button.is-active{
        background:#0f172a;
    }
}
/* ==========================================================
   [ADMIN] aos02_customer
   공지사항 / 여행후기 / 고객센터
   PC: 1200 · 3열(1fr 1fr 320) · 왼쪽 정렬
   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;
    width:min(1200px, 100%);
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
}

/* 공지사항 / 여행후기 */
.aos02_customer .aos02_board{
    padding:24px 28px;
    background:#fff;
    border:1px solid #ccc;
    box-sizing:border-box;
}

.aos02_customer .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_customer .aos02_board_head h3{
    margin:0;
    padding:0;
    font-size:18px;
    font-weight:700;
    color:#111;
    border-bottom:none;
}

.aos02_customer .aos02_board_head a{
    font-size:13px;
    color:#666;
    white-space:nowrap;
    text-decoration:none;
}

.aos02_customer .aos02_board_head a:hover{
    color:#003b7a;
}

.aos02_customer .aos02_board ul{
    padding:0;
    margin:0;
    list-style:none;
}

.aos02_customer .aos02_board li{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:13px 0;
    border-bottom:1px solid #e5e7eb;
    font-size:14px;
}

.aos02_customer .aos02_board li > a{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#111;
    text-decoration:none;
}

.aos02_customer .aos02_board li > span{
    color:#9ca3af;
    white-space:nowrap;
    flex-shrink:0;
}

/* 고객센터 */
.aos02_customer .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;
    box-sizing:border-box;
}

.aos02_customer .aos02_account h3{
    margin:0;
    padding:14px 20px;
    font-size:16px;
    font-weight:700;
    color:#fff;
    background:#003b7a;
    border-bottom:none;
}

.aos02_customer .aos02_account_body{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:24px 28px;
}

.aos02_customer .aos02_account_cs{
    padding-bottom:18px;
    border-bottom:1px solid #e4e7eb;
}

.aos02_customer .aos02_account_cs strong{
    display:block;
    margin-bottom:6px;
    font-size:24px;
    font-weight:800;
    color:#003b7a;
    letter-spacing:0.5px;
}

.aos02_customer .aos02_account_cs p{
    margin:0;
    font-size:13px;
    color:#666;
    line-height:1.5;
}

.aos02_customer .aos02_account_bank{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding-top:18px;
}

.aos02_customer .aos02_account_bank h4{
    margin:0 0 12px;
    font-size:14px;
    font-weight:700;
    color:#111;
}

.aos02_customer .aos02_account_bank dl{
    display:grid;
    grid-template-columns:64px 1fr;
    gap:8px 12px;
    margin:0;
}

.aos02_customer .aos02_account_bank dt{
    font-size:13px;
    color:#888;
}

.aos02_customer .aos02_account_bank dd{
    margin:0;
    font-size:13px;
    font-weight:600;
    color:#333;
}

.aos02_customer .aos02_account_bank dd.is-num{
    font-size:16px;
    font-weight:800;
    color:#003b7a;
    letter-spacing:0.5px;
}

/* --- PC 고정 (다른 CSS가 모바일 스택으로 덮을 때 대비) --- */
@media (min-width:769px){
    .aos02_wrap .aos02_customer .aos02_inner,
    .aos02_customer .aos02_inner{
        display:grid;
        grid-template-columns:1fr 1fr 320px;
        gap:24px;
        align-items:stretch;
        width:min(1200px, 100%);
        max-width:1200px;
        margin-left:auto;
        margin-right:auto;
        padding-left:0;
        padding-right:0;
        box-sizing:border-box;
    }

    .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:auto;
        max-width:none;
        float:none;
    }

    .aos02_customer .aos02_account{
        grid-column:3;
        grid-row:1;
        height:100%;
    }

    .aos02_customer .aos02_board li:nth-child(n+2){
        display:flex;
    }
}

/* --- Mobile --- */
@media (max-width:768px){
    .aos02_customer{
        padding:24px 0;
        background:#f8fafc;
    }

    .aos02_wrap .aos02_customer .aos02_inner,
    .aos02_customer .aos02_inner{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:16px;
        width:100%;
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        padding-left:16px;
        padding-right:16px;
        box-sizing:border-box;
        grid-template-columns:none;
    }

    .aos02_customer .aos02_inner > .aos02_board,
    .aos02_customer .aos02_inner > .aos02_account{
        width:100%;
        max-width:100%;
        grid-column:auto;
        grid-row:auto;
    }

    .aos02_customer .aos02_board{
        padding:20px 22px;
        border:1px solid #e5e7eb;
        border-radius:16px;
        box-shadow:0 4px 14px rgba(15,23,42,.06);
    }

    .aos02_customer .aos02_board_head{
        margin-bottom:12px;
        padding-bottom:12px;
        border-bottom:1px solid #e5e7eb;
    }

    .aos02_customer .aos02_board_head h3{
        font-size:15px;
    }

    .aos02_customer .aos02_board_head a{
        font-size:12px;
        color:#64748b;
    }

    /* 모바일: 목록 최신 1건만 */
    .aos02_customer .aos02_board li:nth-child(n+2){
        display:none;
    }

    .aos02_customer .aos02_board li{
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
        padding:4px 0 0;
        border-bottom:0;
    }

    .aos02_customer .aos02_board li > a{
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        white-space:normal;
        word-break:keep-all;
        font-weight:600;
        line-height:1.45;
    }

    .aos02_customer .aos02_board li > span{
        font-size:12px;
        color:#94a3b8;
    }

    .aos02_customer .aos02_account{
        height:auto;
        border:1px solid #e5e7eb;
        border-radius:16px;
        box-shadow:0 4px 14px rgba(15,23,42,.06);
    }

    .aos02_customer .aos02_account h3{
        padding:14px 22px;
        font-size:15px;
    }

    .aos02_customer .aos02_account_body{
        flex:none;
        padding:20px 22px 22px;
    }

    .aos02_customer .aos02_account_cs{
        padding-bottom:16px;
        border-bottom:1px solid #e5e7eb;
    }

    .aos02_customer .aos02_account_cs strong{
        margin-bottom:8px;
        font-size:28px;
        line-height:1.2;
    }

    .aos02_customer .aos02_account_cs p{
        color:#64748b;
        word-break:keep-all;
    }

    .aos02_customer .aos02_account_bank{
        flex:none;
        justify-content:flex-start;
        padding-top:16px;
    }

    .aos02_customer .aos02_account_bank h4{
        font-size:13px;
    }

    .aos02_customer .aos02_account_bank dl{
        grid-template-columns:72px 1fr;
        gap:10px 12px;
    }

    .aos02_customer .aos02_account_bank dt{
        font-size:12px;
        color:#94a3b8;
    }

    .aos02_customer .aos02_account_bank dd{
        font-size:13px;
        color:#334155;
        word-break:keep-all;
    }

    .aos02_customer .aos02_account_bank dd.is-num{
        font-size:15px;
        word-break:break-all;
    }
}