/* yeon-tw.css — 역학 화면이 실제로 쓰는 클래스만 구운 정적 CSS
 * 생성기: projects/yeoncheuk-service/engine/build_yeon_css.py
 * 왜: cdn.tailwindcss.com 은 런타임 JIT 라 400KB 를 받아 그 자리에서 만든다.
 *     망이 끊기면 레이아웃이 통째로 무너지고, 첫 화면도 늦다.
 *     우리가 쓰는 것은 이것뿐이라 구워 두면 몇 KB 로 끝난다.
 * 손으로 고치지 말 것 — 생성기를 고치고 다시 구울 것.
 */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}
html{-webkit-text-size-adjust:100%;line-height:1.5}
body{margin:0;line-height:inherit}
a{color:inherit;text-decoration:inherit}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}
p,figure,blockquote,dl,dd,pre{margin:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,[type=button],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer}
img,svg,video,canvas{display:block;vertical-align:middle;max-width:100%;height:auto}
hr{height:0;color:inherit;border-top-width:1px}
::placeholder{opacity:1;color:currentColor}
@keyframes yeon-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}
@keyframes yeon-pulse{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes yeon-spin{to{transform:rotate(360deg)}}
.-top-3{top:-0.75rem}
.-top-4{top:-1rem}
.-translate-x-1\/2{transform:translateX(-50%)}
.-translate-y-1\/2{transform:translateY(-50%)}
.absolute{position:absolute}
.align-middle{vertical-align:middle}
.animate-bounce{animation:yeon-bounce 1s infinite}
.bg-gold{background-color:#d4af37}
.bg-gold\/80{background-color:rgba(212,175,55,0.8)}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-from,transparent),var(--tw-via,var(--tw-from,transparent)),var(--tw-to,transparent))}
.bg-ink{background-color:#11100e}
.block{display:block}
.border{border-width:1px;border-style:solid}
.border-gold\/10{border-color:rgba(212,175,55,0.1)}
.border-gold\/15{border-color:rgba(212,175,55,0.15)}
.border-gold\/30{border-color:rgba(212,175,55,0.3)}
.border-gold\/40{border-color:rgba(212,175,55,0.4)}
.border-l-2{border-left-width:2px;border-style:solid}
.border-t{border-top-width:1px;border-style:solid}
.bottom-0{bottom:0px}
.bottom-20{bottom:5rem}
.bottom-36{bottom:9rem}
.bottom-6{bottom:1.5rem}
.cursor-pointer{cursor:pointer}
.duration-300{transition-duration:300ms}
.fixed{position:fixed}
.flex{display:flex}
.flex-1{flex:1 1 0%}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.font-bold{font-weight:700}
.font-brush{font-family:'Nanum Brush Script',cursive}
.font-extrabold{font-weight:800}
.font-medium{font-weight:500}
.font-myeong{font-family:'Nanum Myeongjo',serif}
.font-normal{font-weight:400}
.font-sans{font-family:'Pretendard',system-ui,-apple-system,'Malgun Gothic',sans-serif}
.font-semibold{font-weight:600}
.font-song{font-family:'Song Myung',serif}
.from-gold{--tw-from:#d4af37}
.from-gold-soft{--tw-from:#e8cd7a}
.gap-1{gap:0.25rem}
.gap-1\.5{gap:0.375rem}
.gap-10{gap:2.5rem}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-7{gap:1.75rem}
.gap-8{gap:2rem}
.grid{display:grid}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.group:hover .group-hover\:opacity-100{opacity:1.0}
.group:hover .group-hover\:scale-105{transform:scale(1.05)}
.group:hover .group-hover\:translate-x-1{transform:translateX(0.25rem)}
.h-14{height:3.5rem}
.h-16{height:4rem}
.h-32{height:8rem}
.h-36{height:9rem}
.h-9{height:2.25rem}
.h-\[100svh\]{height:100svh}
.h-\[124px\]{height:124px}
.h-full{height:100%}
.hidden{display:none}
.hover\:-translate-y-1:hover{transform:translateY(-0.25rem)}
.hover\:bg-gold\/10:hover{background-color:rgba(212,175,55,0.1)}
.hover\:bg-gold\/5:hover{background-color:rgba(212,175,55,0.05)}
.hover\:border-gold\/60:hover{border-color:rgba(212,175,55,0.6)}
.hover\:opacity-100:hover{opacity:1.0}
.hover\:opacity-90:hover{opacity:0.9}
.hover\:text-gold:hover{color:#d4af37}
.inline-block{display:inline-block}
.inline-flex{display:inline-flex}
.inset-0{top:0;right:0;bottom:0;left:0}
.inset-x-0{left:0;right:0}
.items-center{align-items:center}
.items-stretch{align-items:stretch}
.justify-center{justify-content:center}
.justify-end{justify-content:flex-end}
.leading-relaxed{line-height:1.625}
.leading-tight{line-height:1.25}
.left-1\/2{left:50%}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-5xl{max-width:64rem}
.max-w-6xl{max-width:72rem}
.max-w-7xl{max-width:80rem}
.max-w-\[340px\]{max-width:340px}
.max-w-xl{max-width:36rem}
.mb-0\.5{margin-bottom:0.125rem}
.mb-1{margin-bottom:0.25rem}
.mb-10{margin-bottom:2.5rem}
.mb-12{margin-bottom:3rem}
.mb-14{margin-bottom:3.5rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.mb-7{margin-bottom:1.75rem}
.mb-8{margin-bottom:2rem}
.mb-9{margin-bottom:2.25rem}
.min-h-screen{min-height:100vh}
.min-w-0{min-width:0px}
.ml-auto{margin-left:auto}
.mr-1{margin-right:0.25rem}
.mt-0\.5{margin-top:0.125rem}
.mt-1{margin-top:0.25rem}
.mt-10{margin-top:2.5rem}
.mt-14{margin-top:3.5rem}
.mt-2{margin-top:0.5rem}
.mt-2\.5{margin-top:0.625rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mt-auto{margin-top:auto}
.mx-2{margin-left:0.5rem;margin-right:0.5rem}
.mx-3{margin-left:0.75rem;margin-right:0.75rem}
.mx-auto{margin-left:auto;margin-right:auto}
.my-6{margin-top:1.5rem;margin-bottom:1.5rem}
.object-contain{object-fit:contain}
.object-cover{object-fit:cover}
.opacity-0{opacity:0.0}
.opacity-15{opacity:0.15}
.opacity-30{opacity:0.3}
.opacity-60{opacity:0.6}
.opacity-70{opacity:0.7}
.opacity-90{opacity:0.9}
.overflow-hidden{overflow:hidden}
.p-10{padding:2.5rem}
.p-6{padding:1.5rem}
.p-7{padding:1.75rem}
.p-8{padding:2rem}
.pb-10{padding-bottom:2.5rem}
.pl-4{padding-left:1rem}
.place-items-center{place-items:center}
.pointer-events-none{pointer-events:none}
.pt-16{padding-top:4rem}
.pt-6{padding-top:1.5rem}
.pt-8{padding-top:2rem}
.px-1\.5{padding-left:0.375rem;padding-right:0.375rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-7{padding-left:1.75rem;padding-right:1.75rem}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
.py-24{padding-top:6rem;padding-bottom:6rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.relative{position:relative}
.right-5{right:1.25rem}
.rounded{border-radius:0.25rem}
.rounded-2xl{border-radius:1rem}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:0.5rem}
.rounded-t-full{border-top-left-radius:9999px;border-top-right-radius:9999px}
.rounded-xl{border-radius:0.75rem}
.shadow-gold\/25{box-shadow:0 10px 24px -8px rgba(212,175,55,0.25)}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}
.shrink-0{flex-shrink:0}
.space-y-2 > * + *{margin-top:0.5rem}
.space-y-3 > * + *{margin-top:0.75rem}
.space-y-5 > * + *{margin-top:1.25rem}
.sticky{position:sticky}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-5xl{font-size:3rem;line-height:1}
.text-\[10px\]{font-size:10px}
.text-\[11\.5px\]{font-size:11.5px}
.text-\[11px\]{font-size:11px}
.text-\[12\.5px\]{font-size:12.5px}
.text-\[12px\]{font-size:12px}
.text-\[13\.5px\]{font-size:13.5px}
.text-\[13px\]{font-size:13px}
.text-\[15px\]{font-size:15px}
.text-\[27px\]{font-size:27px}
.text-base{font-size:1rem;line-height:1.5rem}
.text-center{text-align:center}
.text-cream{color:#f6f1e6}
.text-cream\/25{color:rgba(246,241,230,0.25)}
.text-cream\/35{color:rgba(246,241,230,0.35)}
.text-cream\/40{color:rgba(246,241,230,0.4)}
.text-cream\/45{color:rgba(246,241,230,0.45)}
.text-cream\/50{color:rgba(246,241,230,0.5)}
.text-cream\/55{color:rgba(246,241,230,0.55)}
.text-cream\/60{color:rgba(246,241,230,0.6)}
.text-cream\/65{color:rgba(246,241,230,0.65)}
.text-cream\/70{color:rgba(246,241,230,0.7)}
.text-cream\/75{color:rgba(246,241,230,0.75)}
.text-cream\/80{color:rgba(246,241,230,0.8)}
.text-cream\/85{color:rgba(246,241,230,0.85)}
.text-gold{color:#d4af37}
.text-gold-soft{color:#e8cd7a}
.text-gold\/30{color:rgba(212,175,55,0.3)}
.text-gold\/70{color:rgba(212,175,55,0.7)}
.text-ink{color:#11100e}
.text-left{text-align:left}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:0.75rem;line-height:1rem}
.to-\[\#c39a2b\]{--tw-to:#c39a2b}
.to-gold{--tw-to:#d4af37}
.top-0{top:0px}
.top-1\/2{top:50%}
.top-5{top:1.25rem}
.tracking-\[\.14em\]{letter-spacing:.14em}
.tracking-\[\.18em\]{letter-spacing:.18em}
.tracking-\[\.2em\]{letter-spacing:.2em}
.tracking-\[\.34em\]{letter-spacing:.34em}
.tracking-\[\.3em\]{letter-spacing:.3em}
.tracking-\[\.5em\]{letter-spacing:.5em}
.tracking-wide{letter-spacing:.025em}
.tracking-widest{letter-spacing:.1em}
.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.underline{text-decoration-line:underline}
.w-11{width:2.75rem}
.w-14{width:3.5rem}
.w-16{width:4rem}
.w-\[124px\]{width:124px}
.w-full{width:100%}
.z-20{z-index:20}
.z-40{z-index:40}
.z-50{z-index:50}
@media (min-width:640px){.sm\:block{display:block}
.sm\:bottom-24{bottom:6rem}
.sm\:bottom-44{bottom:11rem}
.sm\:flex{display:flex}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sm\:inline-flex{display:inline-flex}
.sm\:max-w-\[400px\]{max-width:400px}
.sm\:mb-14{margin-bottom:3.5rem}
.sm\:mt-8{margin-top:2rem}
.sm\:p-10{padding:2.5rem}
.sm\:p-8{padding:2rem}
.sm\:px-8{padding-left:2rem;padding-right:2rem}
.sm\:px-9{padding-left:2.25rem;padding-right:2.25rem}
.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.sm\:py-28{padding-top:7rem;padding-bottom:7rem}
.sm\:py-32{padding-top:8rem;padding-bottom:8rem}
.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}
.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}
.sm\:text-5xl{font-size:3rem;line-height:1}
.sm\:text-\[13px\]{font-size:13px}
.sm\:text-\[15px\]{font-size:15px}
.sm\:text-base{font-size:1rem;line-height:1.5rem}
.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}}
@media (min-width:768px){.md\:flex{display:flex}
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.md\:hidden{display:none}
.md\:ml-0{margin-left:0px}}
@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}
.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lg\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}
.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}
.lg\:row-span-2{grid-row:span 2/span 2}}