/* urh.kr 첫 화면 전용 (theme/uth/index.php 에서만 불러옴, 2026-10-23 2차 개편) */
:root {
	--ink: #0f1020;
	--ink-2: #1b1d35;
	--paper: #f6f5f1;
	--violet: #6c4cff;
	--coral: #ff6a55;
	--mint: #19c9a3;
	--text: #1a1b2e;
	--mute: #62657a;
	--grad: linear-gradient(120deg, var(--violet) 0%, #b14dff 45%, var(--coral) 100%);
	--ease: cubic-bezier(.22, .8, .25, 1);
	--font: 'Pretendard Variable', Pretendard, 'Noto Sans KR', -apple-system, sans-serif;
}

html { scroll-behavior: smooth; }
.urh-main-page { overflow-x: hidden; font-family: var(--font); color: var(--text); }
.urh-main-page [id^="urh-"] { scroll-margin-top: 100px; }
.urh-main-page h1, .urh-main-page h2, .urh-main-page h3 { font-family: var(--font); }

/* ---------- 스크롤 진행 막대 ---------- */
.urh-progress {
	position: fixed; top: 0; left: 0; z-index: 2000; height: 3px; width: 100%;
	background: var(--grad); transform-origin: 0 50%; transform: scaleX(0);
}

/* ======================================================================
   히어로 — 처음엔 사진 전체가 보이고(가로 맞춤) 천천히 확대되어 화면을 채움
   --cover : 화면을 꽉 채우는 배율(스크립트가 화면 크기로 계산)
   ====================================================================== */
.urh-hero { position: relative; background: var(--ink); overflow: hidden; --cover: 1.9; }
.urh-hero .carousel-item { height: clamp(480px, 74vh, 780px); overflow: hidden; background: var(--ink); }
.urh-hero-back {
	position: absolute; inset: -40px; background-size: cover; background-position: center;
	filter: blur(28px) saturate(1.2) brightness(.45); transform: scale(1.1);
}
.urh-hero-img {
	position: absolute; left: 0; top: 50%; width: 100%; height: auto; max-width: none;
	transform-origin: 50% 50%; transform: translate3d(0, -50%, 0) scale(1);
	-webkit-mask-image: linear-gradient(180deg, transparent 0, #000 14%, #000 86%, transparent 100%);
	mask-image: linear-gradient(180deg, transparent 0, #000 14%, #000 86%, transparent 100%);
}
.urh-hero .carousel-item.active .urh-hero-img { animation: urhReveal 6.5s cubic-bezier(.65, 0, .35, 1) forwards; }
@keyframes urhReveal {
	0%, 16% { transform: translate3d(0, -50%, 0) scale(1); }
	68% { transform: translate3d(0, -50%, 0) scale(var(--cover)); }
	100% { transform: translate3d(-1.5%, -50%, 0) scale(calc(var(--cover) * 1.05)); }
}
.urh-hero-shade {
	position: absolute; inset: 0; z-index: 1;
	background: linear-gradient(95deg, rgba(15, 16, 32, .9) 0%, rgba(15, 16, 32, .62) 45%, rgba(15, 16, 32, .1) 100%);
}

/* 떠다니는 빛 원 + 마우스를 따라오는 빛 */
.urh-orb { position: absolute; border-radius: 50%; pointer-events: none; filter: blur(2px); z-index: 1; }
.urh-orb.o1, .urh-orb.o2 { display: none; }
.urh-orb.o1 { width: 340px; height: 340px; right: 8%; top: 12%; background: radial-gradient(circle at 30% 30%, rgba(177, 77, 255, .55), rgba(108, 76, 255, .08) 70%); animation: urhDrift 14s ease-in-out infinite alternate; }
.urh-orb.o2 { width: 180px; height: 180px; right: 28%; bottom: 10%; background: radial-gradient(circle at 30% 30%, rgba(255, 106, 85, .55), rgba(255, 106, 85, .05) 70%); animation: urhDrift 11s -4s ease-in-out infinite alternate-reverse; }
@keyframes urhDrift {
	0% { transform: translate3d(0, 0, 0) scale(1); }
	50% { transform: translate3d(-40px, 30px, 0) scale(1.08); }
	100% { transform: translate3d(30px, -20px, 0) scale(.94); }
}
.urh-spot {
	position: absolute; z-index: 1; width: 520px; height: 520px; margin: -260px 0 0 -260px; left: 0; top: 0;
	border-radius: 50%; pointer-events: none; opacity: 0; transition: opacity .4s;
	background: radial-gradient(circle, rgba(255, 255, 255, .14), transparent 60%);
	transform: translate3d(var(--mx, -999px), var(--my, -999px), 0);
}
.urh-hero:hover .urh-spot { opacity: 1; }

.urh-hero-caption {
	position: relative; z-index: 2; height: 100%;
	display: flex; flex-direction: column; justify-content: center; align-items: flex-start; color: #fff;
}
.urh-eyebrow {
	display: inline-flex; align-items: center; gap: 10px; margin: 0 0 22px; padding: 7px 16px 7px 7px;
	border-radius: 999px; background: rgba(255, 255, 255, .1); backdrop-filter: blur(8px);
	font: 600 14px/1 var(--font); letter-spacing: .04em; color: rgba(255, 255, 255, .9);
}
.urh-eyebrow span { padding: 6px 10px; border-radius: 999px; background: var(--grad); font-weight: 800; letter-spacing: .12em; font-size: 12px; }
.urh-hero-title {
	font: 800 clamp(30px, 5vw, 66px)/1.16 var(--font); letter-spacing: -.035em; color: #fff;
	margin: 0 0 20px; word-break: keep-all;
}
.urh-mask { display: block; overflow: hidden; padding-bottom: .06em; }
.urh-mask > span { display: inline-block; transform: translate3d(0, 110%, 0); }
.urh-hero-title em {
	font-style: normal; background: linear-gradient(90deg, #c9b8ff, #ffb1a6); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.urh-hero-sub { font: 400 clamp(16px, 1.5vw, 20px)/1.6 var(--font); color: rgba(255, 255, 255, .78); margin: 0 0 34px; }
.urh-hero-cta { display: flex; flex-wrap: wrap; gap: 12px; }

.urh-eyebrow, .urh-hero-sub, .urh-hero-cta { opacity: 0; }
.urh-hero .carousel-item.active .urh-eyebrow { animation: urhUp .8s .1s var(--ease) both; }
.urh-hero .carousel-item.active .urh-mask > span { animation: urhLine .95s var(--ease) both; }
.urh-hero .carousel-item.active .urh-mask:nth-child(1) > span { animation-delay: .2s; }
.urh-hero .carousel-item.active .urh-mask:nth-child(2) > span { animation-delay: .32s; }
.urh-hero .carousel-item.active .urh-hero-sub { animation: urhUp .8s .5s var(--ease) both; }
.urh-hero .carousel-item.active .urh-hero-cta { animation: urhUp .8s .62s var(--ease) both; }
@keyframes urhLine { to { transform: none; } }
@keyframes urhUp { from { opacity: 0; transform: translate3d(0, 26px, 0); } to { opacity: 1; transform: none; } }

/* 슬라이드 번호 + 진행 막대 */
.urh-hero .urh-hero-dots {
	z-index: 3; right: auto; left: 50%; bottom: 34px; margin: 0; transform: translateX(-50%);
	width: 100%; max-width: 1110px; padding: 0 15px; justify-content: flex-start; gap: 22px;
}
.urh-hero .urh-hero-dots li {
	position: relative; width: auto; height: auto; margin: 0; padding-bottom: 10px; text-indent: 0;
	background: none; border: 0; opacity: .5; transition: opacity .3s;
	font: 700 13px/1 var(--font); color: #fff; letter-spacing: .1em;
}
.urh-hero .urh-hero-dots li::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: rgba(255, 255, 255, .3); }
.urh-hero .urh-hero-dots li.active { opacity: 1; }
.urh-hero .urh-hero-dots li.active::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #fff;
	transform-origin: 0 50%; animation: urhBar 6.5s linear forwards;
}
.urh-hero .urh-hero-dots li span { display: inline-block; min-width: 46px; }
@keyframes urhBar { from { transform: scaleX(0); } to { transform: scaleX(1); } }

.urh-scroll {
	position: absolute; z-index: 3; right: 36px; bottom: 30px; color: #fff !important; text-decoration: none !important;
	font: 700 11px/1 var(--font); letter-spacing: .3em; writing-mode: vertical-rl; padding-bottom: 56px;
}
.urh-scroll::after {
	content: ""; position: absolute; left: 50%; bottom: 0; width: 1px; height: 46px; background: rgba(255, 255, 255, .7);
	transform-origin: 50% 0; animation: urhDrop 1.8s ease-in-out infinite;
}
@keyframes urhDrop { 0% { transform: scaleY(0); } 50% { transform: scaleY(1); transform-origin: 50% 0; } 51% { transform-origin: 50% 100%; } 100% { transform: scaleY(0); transform-origin: 50% 100%; } }

/* ---------- 버튼 ---------- */
.urh-btn {
	position: relative; display: inline-flex; align-items: center; gap: 10px; padding: 15px 28px; border-radius: 999px;
	font: 700 15px/1 var(--font); text-decoration: none !important; border: 0; cursor: pointer; overflow: hidden;
	transition: transform .35s var(--ease), box-shadow .35s var(--ease), background .35s, color .35s;
}
.urh-btn i { transition: transform .35s var(--ease); }
.urh-btn:hover i { transform: translateX(5px); }
.urh-btn-primary { background: var(--grad); background-size: 160% 100%; color: #fff !important; box-shadow: 0 14px 30px rgba(108, 76, 255, .38); }
.urh-btn-primary:hover { background-position: 100% 0; box-shadow: 0 18px 40px rgba(255, 106, 85, .4); }
.urh-btn-ghost { color: #fff !important; background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5); backdrop-filter: blur(6px); }
.urh-btn-ghost:hover { background: #fff; color: var(--ink) !important; }

/* ---------- 키워드 띠: 외곽선 글자와 채운 글자가 번갈아 흐름 ---------- */
.urh-ticker { background: var(--paper); overflow: hidden; white-space: nowrap; padding: clamp(18px, 3vw, 34px) 0; border-bottom: 1px solid #e7e4dc; }
.urh-ticker-track { display: inline-flex; align-items: center; will-change: transform; }
.urh-ticker span { font: 800 clamp(30px, 5vw, 68px)/1 var(--font); letter-spacing: -.03em; padding: 0 clamp(18px, 2.4vw, 36px); }
.urh-ticker .is-solid { color: var(--ink); }
.urh-ticker .is-line { color: transparent; -webkit-text-stroke: 1.5px var(--ink); }
.urh-ticker i { flex: 0 0 auto; width: clamp(14px, 1.6vw, 22px); height: clamp(14px, 1.6vw, 22px); border-radius: 50%; background: var(--grad); }

/* ---------- 섹션 공통 ---------- */
.urh-section { position: relative; padding: clamp(72px, 10vw, 140px) 0; }
.urh-head { text-align: center; margin-bottom: clamp(48px, 7vw, 90px); }
.urh-kicker {
	display: inline-block; margin-bottom: 16px; padding: 6px 14px; border-radius: 999px;
	font: 800 12px/1 var(--font); letter-spacing: .26em; color: var(--violet); background: rgba(108, 76, 255, .1);
}
.urh-head h2 { font: 800 clamp(30px, 4vw, 52px)/1.2 var(--font); letter-spacing: -.035em; color: var(--text); margin: 0; word-break: keep-all; }
.urh-head p { margin: 16px 0 0; color: var(--mute); font-size: 17px; }

/* ---------- 서비스 ---------- */
.urh-service { background: var(--paper); overflow: hidden; }
.urh-service-row + .urh-service-row { margin-top: clamp(70px, 10vw, 140px); }
.urh-service-text { padding: 0 3%; }
.urh-num {
	display: block; font: 900 clamp(70px, 9vw, 130px)/.9 var(--font); letter-spacing: -.05em; margin-bottom: 6px;
	color: transparent; -webkit-text-stroke: 1.5px rgba(108, 76, 255, .45);
}
.urh-service-text h3 { font: 800 clamp(26px, 2.8vw, 38px)/1.3 var(--font); letter-spacing: -.03em; color: var(--text); margin: 0 0 10px; word-break: keep-all; }
.urh-lead { font: 600 clamp(17px, 1.6vw, 20px)/1.5 var(--font); margin: 0 0 22px; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; }
.urh-tags { list-style: none; padding: 0; margin: 0 0 24px; display: flex; flex-wrap: wrap; gap: 10px; }
.urh-tags li {
	padding: 9px 18px; border-radius: 999px; background: #fff; box-shadow: 0 6px 16px rgba(15, 16, 32, .06);
	font: 700 14px/1 var(--font); color: var(--ink-2); transition: transform .3s var(--ease), background .3s, color .3s;
}
.urh-tags li:hover { transform: translateY(-4px) rotate(-2deg); background: var(--ink); color: #fff; }
.urh-desc { font-size: 16px; line-height: 1.9; color: var(--mute); margin: 0 0 30px; word-break: keep-all; }
.urh-link {
	display: inline-flex; align-items: center; gap: 10px; font: 800 16px/1 var(--font); color: var(--ink) !important;
	text-decoration: none !important; padding: 14px 0; position: relative;
}
.urh-link::after { content: ""; position: absolute; left: 0; right: 0; bottom: 6px; height: 2px; background: var(--grad); transform-origin: 0 50%; transition: transform .4s var(--ease); }
.urh-link:hover::after { transform: scaleX(.4); }
.urh-link i { transition: transform .3s var(--ease); }
.urh-link:hover i { transform: translateX(8px); }

/* ======================================================================
   원형 궤도 — 큰 원은 사례 화면이 미끄러지듯 바뀌고, 작은 원 3개는 떠다니며 둘레를 돈다
   ====================================================================== */
.urh-orbit {
	position: relative; width: min(100%, 540px); aspect-ratio: 1 / 1; margin: 0 auto;
	container-type: inline-size;
}
.urh-orbit-ring { position: absolute; inset: 4%; border-radius: 50%; border: 1.5px dashed rgba(108, 76, 255, .35); animation: urhSpin 60s linear infinite; }
.urh-orbit-ring.is-2 { inset: 16%; border: 1px solid rgba(255, 106, 85, .25); animation-duration: 40s; animation-direction: reverse; }
@keyframes urhSpin { to { transform: rotate(360deg); } }

.urh-orbit-center {
	position: absolute; left: 50%; top: 50%; width: 60%; aspect-ratio: 1 / 1; transform: translate(-50%, -50%);
	border-radius: 50%; overflow: hidden; background: #e9e7f3;
	box-shadow: 0 40px 80px rgba(15, 16, 32, .22), 0 0 0 10px #fff, 0 0 0 11px rgba(108, 76, 255, .2);
	animation: urhBob 7s ease-in-out infinite;
}
@keyframes urhBob { 0%, 100% { margin-top: 0; } 50% { margin-top: -14px; } }
/* 큰 원 안 사례 화면: 오른쪽에서 미끄러져 들어와 천천히 아래로 훑음 */
.urh-oc {
	position: absolute; left: 0; top: 0; width: 100%; height: auto; max-width: none;
	transform-origin: 50% 0;
	opacity: 0; transform: translate3d(30%, 0, 0) scale(1.15);
	transition: opacity .9s var(--ease), transform 1.1s var(--ease);
}
.urh-oc.is-on { opacity: 1; transform: translate3d(0, 0, 0) scale(1.15); animation: urhPan 6s 1.1s ease-in-out forwards; }
.urh-oc.is-out { opacity: 0; transform: translate3d(-30%, 0, 0) scale(1.15); }
@keyframes urhPan { to { transform: translate3d(0, var(--pan, -20%), 0) scale(1.15); } }

/* 둘레를 도는 작은 원: 궤도 전체가 돌고, 각 원은 반대로 돌아 똑바로 보이며 위아래로 떠다님 */
.urh-orbit-track { position: absolute; inset: 0; animation: urhSpin 36s linear infinite; }
.urh-orbit:hover .urh-orbit-track, .urh-orbit:hover .urh-sat-in { animation-play-state: paused; }
.urh-sat {
	position: absolute; left: 50%; top: 50%; width: 25%; aspect-ratio: 1 / 1; padding: 0; border: 0; background: none; cursor: pointer;
	margin: -12.5% 0 0 -12.5%;
	transform: rotate(var(--a)) translate(44cqw) rotate(calc(var(--a) * -1));
}
.urh-sat-in {
	display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; background: #fff;
	box-shadow: 0 18px 40px rgba(15, 16, 32, .25), 0 0 0 5px #fff;
	animation: urhSpin 36s linear infinite reverse;
	transition: box-shadow .3s;
}
.urh-sat-in img { width: 100%; height: auto; display: block; transform: scale(1.3); transform-origin: 50% 0; transition: transform .5s var(--ease); animation: urhFloat 5s ease-in-out infinite; }
.urh-sat:nth-child(2) .urh-sat-in img { animation-delay: -1.6s; }
.urh-sat:nth-child(3) .urh-sat-in img { animation-delay: -3.2s; }
@keyframes urhFloat { 0%, 100% { transform: scale(1.3) translateY(0); } 50% { transform: scale(1.3) translateY(-6%); } }
.urh-sat:hover .urh-sat-in, .urh-sat.is-on .urh-sat-in { box-shadow: 0 22px 50px rgba(108, 76, 255, .45), 0 0 0 5px #fff, 0 0 0 8px var(--violet); }
.urh-sat:focus { outline: none; }
.urh-sat:focus-visible .urh-sat-in { box-shadow: 0 0 0 5px #fff, 0 0 0 9px var(--coral); }

.urh-dot { position: absolute; border-radius: 50%; background: var(--grad); animation: urhDrift 9s ease-in-out infinite alternate; }
.urh-dot.d1 { width: 16px; height: 16px; left: 8%; top: 18%; }
.urh-dot.d2 { width: 10px; height: 10px; right: 6%; bottom: 22%; background: var(--mint); animation-duration: 7s; }
.urh-dot.d3 { width: 22px; height: 22px; left: 18%; bottom: 6%; opacity: .6; animation-duration: 12s; }

/* ---------- 공지 ---------- */
.urh-notice { padding: 0 0 clamp(64px, 9vw, 110px); background: var(--paper); }
.urh-notice-card { background: #fff; border-radius: 24px; padding: clamp(22px, 3vw, 38px); box-shadow: 0 24px 60px rgba(15, 16, 32, .07); }
.urh-notice-card .lat_list_one { margin: 0; }
.urh-notice-card .lat_list_one li { position: relative; padding-right: 64px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.urh-notice-card .lat_list_one li a:hover { color: var(--violet); }

/* ---------- 문의 ---------- */
.urh-contact { background: var(--ink); color: #fff; overflow: hidden; }
.urh-orb.o3 { width: 520px; height: 520px; left: -160px; top: -120px; background: radial-gradient(circle at 40% 40%, rgba(108, 76, 255, .5), transparent 65%); animation: urhDrift 16s ease-in-out infinite alternate; z-index: 0; }
.urh-contact .container { position: relative; z-index: 1; }
.urh-contact-intro h2 { font: 800 clamp(34px, 4.4vw, 58px)/1.1 var(--font); letter-spacing: -.035em; color: #fff; margin: 0 0 16px; }
.urh-contact-intro p { color: rgba(255, 255, 255, .7); font-size: 17px; line-height: 1.7; margin: 0 0 26px; word-break: keep-all; }
.urh-contact .urh-kicker { color: #c9b8ff; background: rgba(255, 255, 255, .08); }
.urh-info { list-style: none; padding: 0; margin: 0 0 24px; }
.urh-info li { display: flex; align-items: center; gap: 16px; padding: 14px 0; border-bottom: 1px solid rgba(255, 255, 255, .12); font-size: 16px; }
.urh-info li i { flex: 0 0 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: var(--grad); color: #fff; font-size: 16px; }
.urh-info small { display: block; color: rgba(255, 255, 255, .55); font-size: 12px; letter-spacing: .06em; margin-bottom: 2px; }
.urh-map { border-radius: 24px; overflow: hidden; margin-bottom: 8px; }
.urh-map iframe { display: block; width: 100%; height: 240px; border: 0; filter: grayscale(.4) contrast(1.05); }

.urh-form { background: #fff; color: var(--text); border-radius: 28px; padding: clamp(26px, 3.6vw, 48px); box-shadow: 0 40px 90px rgba(0, 0, 0, .35); }
.urh-form h3 { font: 800 26px/1.3 var(--font); margin: 0 0 26px; color: var(--text); letter-spacing: -.02em; }
.urh-field { position: relative; margin-bottom: 16px; }
.urh-field .form-control {
	height: auto; padding: 24px 18px 10px; border: 0; border-radius: 16px; background: #f3f2f8;
	font: 500 16px/1.4 var(--font); color: var(--text); box-shadow: inset 0 0 0 1px transparent; transition: box-shadow .3s, background .3s;
}
.urh-field textarea.form-control { min-height: 140px; resize: vertical; }
.urh-field .form-control:focus { background: #fff; box-shadow: inset 0 0 0 2px var(--violet), 0 10px 24px rgba(108, 76, 255, .12); }
.urh-field label {
	position: absolute; left: 19px; top: 18px; margin: 0; pointer-events: none; color: #8a8ca0; font: 500 16px/1 var(--font);
	transform-origin: 0 0; transition: transform .25s var(--ease), color .25s;
}
.urh-field.col-md-6 label { left: 34px; }
.urh-field .form-control:focus + label, .urh-field .form-control:not(:placeholder-shown) + label { transform: translateY(-10px) scale(.75); color: var(--violet); }
.urh-agree { display: flex; align-items: center; gap: 8px; margin: 6px 0 22px; color: var(--mute); }
.urh-agree input { width: 18px; height: 18px; accent-color: var(--violet); margin: 0; }
.urh-agree label { margin: 0; }
.urh-form .sendmail { width: 100%; justify-content: center; font-size: 17px; padding: 18px 28px; }
.urh-form .sendmail:disabled { opacity: .7; cursor: wait; }

/* ---------- 스크롤 등장 효과(스크립트가 켜진 경우에만 숨김) ---------- */
.urh-js .reveal { opacity: 0; transform: translate3d(0, 50px, 0); transition: opacity 1s var(--ease), transform 1.1s var(--ease); }
.urh-js .reveal.from-left { transform: translate3d(-70px, 0, 0); }
.urh-js .reveal.from-right { transform: translate3d(70px, 0, 0); }
.urh-js .reveal.zoom { transform: scale(.82) rotate(-6deg); }
.urh-js .reveal.is-in { opacity: 1; transform: none; }

/* 머리(헤더)는 사이트 공통 urh_site.css 로 옮김(2026-10-23 전체 개편) */
.urh-magnet { will-change: transform; }

/* ---------- 반응형 ---------- */
@media (max-width: 991.98px) {
	.urh-orbit { width: min(86%, 460px); margin-bottom: 40px; }
	.urh-service-text { padding: 0; }
	.urh-contact-intro { margin-bottom: 34px; }
	.urh-scroll { display: none; }
}
@media (max-width: 767.98px) {
	.urh-hero .carousel-item { height: clamp(480px, 74vh, 600px); }
	.urh-hero-img { top: 34%; }
	.urh-hero-shade { background: linear-gradient(180deg, rgba(15, 16, 32, .15) 0%, rgba(15, 16, 32, .25) 35%, rgba(15, 16, 32, .94) 68%); }
	.urh-hero-back { filter: none; opacity: .25; } /* 큰 흐림 필터는 모바일에서 무거움 */
	.urh-hero-caption { justify-content: flex-end; padding-bottom: 84px; }
	.urh-hero-title { font-size: clamp(27px, 7.4vw, 34px); }
	.urh-hero .urh-hero-dots { bottom: 30px; }
	.urh-btn { padding: 14px 22px; font-size: 14px; }
	.urh-js .reveal.from-left, .urh-js .reveal.from-right { transform: translate3d(0, 50px, 0); }
	.urh-orbit-center { box-shadow: 0 30px 60px rgba(15, 16, 32, .2), 0 0 0 7px #fff, 0 0 0 8px rgba(108, 76, 255, .2); }
	.urh-sat-in { box-shadow: 0 12px 26px rgba(15, 16, 32, .25), 0 0 0 4px #fff; }
}
@media (max-width: 480px) {
	.urh-hero-cta { width: 100%; }
	.urh-hero-cta .urh-btn { flex: 1 1 0; justify-content: center; }
	.urh-eyebrow { font-size: 12px; }
	.urh-ticker span { padding: 0 14px; }
	.urh-tags li { font-size: 13px; padding: 8px 14px; }
	.urh-orbit { width: 92%; }
}

/* 움직임 줄이기 설정을 켠 사용자 */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.urh-main-page *, .urh-main-page *::before, .urh-main-page *::after { animation: none !important; transition: none !important; }
	.urh-eyebrow, .urh-hero-sub, .urh-hero-cta { opacity: 1; }
	.urh-mask > span { transform: none; }
	.urh-hero-img { transform: translate3d(0, -50%, 0) scale(var(--cover)); }
	.urh-oc.is-on { opacity: 1; transform: none; }
	.urh-js .reveal { opacity: 1; transform: none; }
}
.urh-orbit { transition: transform .4s var(--ease); }

/* 맨 위로 버튼은 사이트 공통 urh_site.css 로 옮김(2026-10-23 전체 개편) */

/* 손가락으로 누르기 쉬운 크기(44px 안팎) — 공지 글·더보기·약관동의 */
.urh-notice-card .lat_list_one li a { display: inline-block; max-width: calc(100% - 28px); padding: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
.urh-notice-card .one_more { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.urh-agree label { padding: 10px 6px 10px 0; cursor: pointer; }
.urh-agree input { width: 22px; height: 22px; cursor: pointer; }
.urh-notice-card .lat_list_one .lt_date { top: 50%; transform: translateY(-50%); }
.urh-notice-card .lat_list_one .hot_icon, .urh-notice-card .lat_list_one .new_icon { margin-right: 6px; vertical-align: middle; }