/* ==========================================================================
   올인원큐 홈페이지 — 공통 스타일
   섹션별 레이아웃은 index.html 의 인라인 style 로 유지됨(원본 디자인 보존).
   이 파일에는 전역 스타일 / 반응형 / 인터랙션 규칙만 둔다.
   ========================================================================== */

/* --- 기본 --------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #141B27; background: #FFFFFF; -webkit-font-smoothing: antialiased; }
a { color: #141B27; text-decoration: none; }
a:hover { color: #E9A63C; }
img { display: block; max-width: 100%; }
[data-reveal] { opacity: 0; transform: translateY(28px); transition: opacity .75s cubic-bezier(.22,.61,.36,1), transform .75s cubic-bezier(.22,.61,.36,1); }
[data-reveal][data-visible] { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { [data-reveal] { transition: none; } html { scroll-behavior: auto; } }

/* --- 반응형 내비게이션 (기존 showDesktopNav / showMobileNav 대체) --------- */
.nav-mobile { display: none; }
@media (max-width: 820px) {
.nav-desktop { display: none; }
.nav-mobile  { display: block; }
}

/* --- FAQ 아코디언 ------------------------------------------------------- */
.faq-toggle { font: inherit; }
.faq-item .faq-icon-open { display: none; }
.faq-item[data-open] .faq-icon-open { display: inline; }
.faq-item[data-open] .faq-icon-shut { display: none; }

/* --- hover 효과 (기존 style-hover 속성 대체) ---------------------------- */
/* 인라인 style 을 이기기 위해 !important 사용. 인라인 정리 시 함께 제거 가능. */
.hv1:hover { background:#DE9A2C !important; transform:translateY(-1px) !important; box-shadow:0 6px 16px rgba(233,166,60,0.45) !important; color:#141B27 !important; }
.hv2:hover { background:#DE9A2C !important; transform:translateY(-2px) !important; box-shadow:0 10px 24px rgba(233,166,60,0.5) !important; color:#141B27 !important; }
.hv3:hover { border-color:#141B27 !important; transform:translateY(-2px) !important; color:#141B27 !important; }
.hv4:hover { transform:translateY(-4px) !important; box-shadow:0 16px 36px rgba(20,27,39,0.09) !important; }
.hv5:hover { transform:translateY(-4px) !important; box-shadow:0 16px 36px rgba(20,27,39,0.09) !important; }
.hv6:hover { transform:translateY(-4px) !important; box-shadow:0 16px 36px rgba(20,27,39,0.09) !important; }
.hv7:hover { transform:translateY(-4px) !important; box-shadow:0 16px 36px rgba(20,27,39,0.09) !important; }
.hv8:hover { background:#F0B152 !important; transform:translateY(-2px) !important; box-shadow:0 14px 32px rgba(233,166,60,0.55) !important; color:#141B27 !important; }
.hv9:hover { color:#F0B152 !important; }