@charset "utf-8";
/* HY PC/MOBILE BOUNDARY REPAIR 20260605
   PC는 PC 레이아웃만, 모바일은 모바일 레이아웃만 적용합니다.
   이전 보정 CSS의 max-width 기반 강제 축소/강제 모바일화를 마지막에서 되돌립니다. */

/* =========================================================
   1) PC: 브라우저 폭이 좁아도 모바일 compact 규칙을 먹이지 않음
   ========================================================= */
#hy-wrap.hy-g5se-desktop .hy-header.hy-common-header,
#hy-wrap.hy-g5se-desktop .hy-header{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  overflow:visible!important;
}
#hy-wrap.hy-g5se-desktop .hy-header > .hy-container,
#hy-wrap.hy-g5se-desktop .hy-header__inner{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
}
#hy-wrap.hy-g5se-desktop .hy-header__top{
  width:min(1180px, calc(100% - 32px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:12px 0!important;
  display:grid!important;
  grid-template-columns:auto minmax(220px,1fr) auto!important;
  grid-template-areas:"brand search account"!important;
  align-items:center!important;
  gap:14px!important;
  min-height:62px!important;
}
#hy-wrap.hy-g5se-desktop .hy-brand{
  grid-area:brand!important;
  justify-self:start!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  max-width:190px!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  text-align:left!important;
  float:none!important;
}
#hy-wrap.hy-g5se-desktop .hy-brand a{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;max-width:100%!important;}
#hy-wrap.hy-g5se-desktop .hy-brand__image-logo{display:block!important;width:auto!important;max-width:150px!important;max-height:46px!important;height:auto!important;object-fit:contain!important;margin:0!important;}
#hy-wrap.hy-g5se-desktop .hy-header-search{grid-area:search!important;display:flex!important;width:100%!important;max-width:560px!important;margin:0 auto!important;min-width:0!important;}
#hy-wrap.hy-g5se-desktop .hy-account{
  grid-area:account!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
}
#hy-wrap.hy-g5se-desktop .hy-account__name,
#hy-wrap.hy-g5se-desktop .hy-account__link,
#hy-wrap.hy-g5se-desktop .hy-account__memo-link{
  width:auto!important;
  max-width:210px!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 12px!important;
  white-space:nowrap!important;
}
#hy-wrap.hy-g5se-desktop .hy-account__name{justify-content:flex-start!important;}
#hy-wrap.hy-g5se-desktop .hy-menu-btn{display:none!important;}
#hy-wrap.hy-g5se-desktop .hy-nav,
#hy-wrap.hy-g5se-desktop .hy-header.is-compact .hy-nav{
  display:block!important;
  width:min(1180px, calc(100% - 32px))!important;
  max-width:1180px!important;
  margin:0 auto 12px!important;
  padding:0!important;
}
#hy-wrap.hy-g5se-desktop .hy-nav > ul,
#hy-wrap.hy-g5se-desktop .hy-header.is-compact .hy-nav > ul{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
#hy-wrap.hy-g5se-desktop .hy-nav a,
#hy-wrap.hy-g5se-desktop .hy-header.is-compact .hy-nav a{
  min-height:38px!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  white-space:normal!important;
}

/* PC 홍보배너: 50px 고정 축소 금지. 기존 이미지형 배너의 넓은 비율을 복원 */
#hy-wrap.hy-g5se-desktop .hy-top-promo,
#hy-wrap.hy-g5se-desktop .hy-top-promo--multi{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:8px 0!important;
  background:linear-gradient(180deg,#fff 0%,#fff8fc 100%)!important;
  border-bottom:1px solid rgba(238,219,231,.92)!important;
  overflow:visible!important;
  max-height:none!important;
}
#hy-wrap.hy-g5se-desktop .hy-top-promo__inner{
  width:min(1180px, calc(100% - 48px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0!important;
  position:relative!important;
}
#hy-wrap.hy-g5se-desktop .hy-top-promo__viewport{
  width:100%!important;
  height:auto!important;
  min-height:86px!important;
  max-height:none!important;
  overflow:hidden!important;
  border-radius:18px!important;
}
#hy-wrap.hy-g5se-desktop .hy-top-promo__slide{
  width:100%!important;
  height:auto!important;
  min-height:86px!important;
  max-height:none!important;
}
#hy-wrap.hy-g5se-desktop .hy-top-promo__slide.has-image .hy-top-promo__banner,
#hy-wrap.hy-g5se-desktop .hy-top-promo__banner{
  width:100%!important;
  height:clamp(86px, 11vw, 132px)!important;
  min-height:86px!important;
  max-height:132px!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
#hy-wrap.hy-g5se-desktop .hy-top-promo__textbar{
  min-height:52px!important;
  height:auto!important;
  max-height:none!important;
  padding:10px 52px 10px 16px!important;
  border-radius:18px!important;
}
#hy-wrap.hy-g5se-desktop .hy-top-promo__banner-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
#hy-wrap.hy-g5se-desktop .hy-top-promo__overlay{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:12px 54px 12px 18px!important;
}
#hy-wrap.hy-g5se-desktop .hy-top-promo__copy,
#hy-wrap.hy-g5se-desktop .hy-top-promo__copy strong,
#hy-wrap.hy-g5se-desktop .hy-top-promo__copy em{
  max-width:none!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
#hy-wrap.hy-g5se-desktop .hy-top-promo__close{right:10px!important;width:34px!important;height:34px!important;}

/* =========================================================
   2) 모바일: 모바일 테마일 때만 compact 적용
   ========================================================= */
#hy-wrap.hy-g5se-mobile .hy-header__top{
  width:calc(100% - 24px)!important;
  margin:0 auto!important;
  padding:9px 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"brand menu" "account account"!important;
  align-items:center!important;
  gap:8px!important;
  min-height:0!important;
}
#hy-wrap.hy-g5se-mobile .hy-brand{
  grid-area:brand!important;
  justify-self:start!important;
  display:flex!important;
  justify-content:flex-start!important;
  width:auto!important;
  max-width:140px!important;
  margin:0!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}
#hy-wrap.hy-g5se-mobile .hy-brand__image-logo{max-width:118px!important;max-height:40px!important;width:auto!important;height:auto!important;object-fit:contain!important;}
#hy-wrap.hy-g5se-mobile .hy-header-search{display:none!important;}
#hy-wrap.hy-g5se-mobile .hy-menu-btn{grid-area:menu!important;display:inline-flex!important;justify-self:end!important;height:34px!important;min-height:34px!important;padding:0 11px!important;}
#hy-wrap.hy-g5se-mobile .hy-account{
  grid-area:account!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:7px!important;
  width:100%!important;
  align-items:center!important;
  justify-content:stretch!important;
}
#hy-wrap.hy-g5se-mobile .hy-account__memo-link{display:none!important;}
#hy-wrap.hy-g5se-mobile .hy-account__name{grid-column:1 / -1!important;width:100%!important;max-width:none!important;justify-content:flex-start!important;height:38px!important;min-height:38px!important;padding:0 10px!important;}
#hy-wrap.hy-g5se-mobile .hy-account__link{width:100%!important;height:36px!important;min-height:36px!important;padding:0 10px!important;}
#hy-wrap.hy-g5se-mobile .hy-nav{display:none!important;width:calc(100% - 24px)!important;margin:0 auto 10px!important;}
#hy-wrap.hy-g5se-mobile .hy-header.is-menu-open .hy-nav,
#hy-wrap.hy-g5se-mobile .hy-nav.is-open{display:block!important;}
#hy-wrap.hy-g5se-mobile .hy-nav > ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
#hy-wrap.hy-g5se-mobile .hy-nav a{min-height:42px!important;padding:8px 10px!important;border-radius:14px!important;justify-content:center!important;font-size:13px!important;}

/* 모바일 홍보배너는 모바일에서만 작게 정리. PC용 배너 비율을 건드리지 않음 */
#hy-wrap.hy-g5se-mobile .hy-top-promo{padding:6px 0!important;max-height:none!important;}
#hy-wrap.hy-g5se-mobile .hy-top-promo__inner{width:calc(100% - 18px)!important;max-width:720px!important;}
#hy-wrap.hy-g5se-mobile .hy-top-promo__viewport,
#hy-wrap.hy-g5se-mobile .hy-top-promo__slide,
#hy-wrap.hy-g5se-mobile .hy-top-promo__banner,
#hy-wrap.hy-g5se-mobile .hy-top-promo__textbar{
  height:clamp(52px, 14vw, 70px)!important;
  min-height:52px!important;
  max-height:70px!important;
  border-radius:14px!important;
}
#hy-wrap.hy-g5se-mobile .hy-top-promo__overlay{padding:7px 44px 7px 10px!important;gap:8px!important;justify-content:space-between!important;}
#hy-wrap.hy-g5se-mobile .hy-top-promo__copy{min-width:0!important;max-width:100%!important;overflow:hidden!important;}
#hy-wrap.hy-g5se-mobile .hy-top-promo__copy strong{display:block!important;font-size:12px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#hy-wrap.hy-g5se-mobile .hy-top-promo__copy em{display:none!important;}
#hy-wrap.hy-g5se-mobile .hy-top-promo__btn{height:27px!important;min-height:27px!important;line-height:27px!important;font-size:10.5px!important;padding:0 9px!important;}
#hy-wrap.hy-g5se-mobile .hy-top-promo__close{right:5px!important;width:28px!important;height:28px!important;font-size:16px!important;}

/* =========================================================
   3) 모바일 메인: 사이드/게시판 바로가기 덩어리가 최상단에 튀어나오지 않게 순서 고정
   ========================================================= */
#hy-wrap.hy-g5se-mobile .hy-layout.hy-layout--modern-home,
#hy-wrap.hy-g5se-mobile .hy-layout--mix.hy-layout--modern-home{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}
#hy-wrap.hy-g5se-mobile .hy-content-col{order:1!important;width:100%!important;max-width:100%!important;}
#hy-wrap.hy-g5se-mobile .hy-side{order:2!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important;max-width:100%!important;}
#hy-wrap.hy-g5se-mobile .hy-board-nav a{min-height:46px!important;padding:10px 12px!important;}
#hy-wrap.hy-g5se-mobile .hy-board-nav .hy-board-subject{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}