@charset "UTF-8";
/* ============================================================
   modern.css — 리뉴얼 보조 스타일
   - WOW.js/animate.css(75KB) 대체: IntersectionObserver + CSS transition
   - transform 대신 개별 속성(translate)을 써서 GSAP/기존 transform과 충돌 없음
   - prefers-reduced-motion 존중
   ============================================================ */

/* ---------- Scroll reveal (.wow) ---------- */
.js .wow {
	opacity: 0;
	translate: 0 60px;
	transition:
		opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1) var(--wow-delay, 0s),
		translate 1.2s cubic-bezier(0.25, 1, 0.5, 1) var(--wow-delay, 0s);
}
.js .wow.fadeInLeft  { translate: -60px 0; }
.js .wow.fadeInRight { translate: 60px 0; }
.js .wow.is-inview   { opacity: 1; translate: none; }
/* 좌우 등장 요소가 대기 중 화면 밖으로 삐져나가 모바일 레이아웃 폭이 넓어지는 것 방지
   (clip은 스크롤 컨테이너를 만들지 않아 sticky/pin에 영향 없음) */
#wrap { overflow-x: clip; }

/* ---------- Lenis smooth scroll ---------- */
html.lenis, html.lenis body { height: auto; }

/* ---------- 메인 비주얼 진행 바 (jQuery.animate 대체) ---------- */
.sec01 .sec01_nav .line_box .line { transform-origin: left center; }

/* ---------- 마키(무한 롤링) 텍스트 ---------- */
.marquee_inner { white-space: nowrap; }

/* ---------- 아코디언(약관/정책) ---------- */
.policy_content ol li .txt { overflow: hidden; }

/* ---------- 게시판 클라이언트 검색 ---------- */
.board_search_info { margin: 0 0 24rem; font-size: 16rem; color: #666; }
.board_search_info strong { color: #090909; font-weight: 600; }
.board_search_info .reset { margin-left: 12rem; padding: 0; border: 0; background: none; font: inherit; color: inherit; text-decoration: underline; cursor: pointer; }
mark.hl { background: rgba(255, 199, 0, .35); color: inherit; padding: 0 2rem; }

/* ---------- 접근성: 키보드 포커스 ---------- */
:focus-visible { outline: 2px solid #f26b21; outline-offset: 2px; }

/* ---------- 모션 최소화 ---------- */
@media (prefers-reduced-motion: reduce) {
	.js .wow { opacity: 1; translate: none; transition: none; }
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}