@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@font-face {font-family:Jua; src:url('../font/jua.woff') format('woff'); font-weight:400; font-style:normal; font-display:swap;}
@font-face {font-family:'Gumi Romance'; src:url('../font/gumi.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap;}
@font-face {font-family:'Noto Sans KR'; src:url('../font/noto-sans-kr.ttf') format('truetype'); font-weight:100 900; font-style:normal; font-display:swap;}
:root {--main-color:#ff899c; --secondary:#d03d55; --third:#d03d54; --fourth:#0c70e8; --bg01:#fde9ea; --bg02:#fff0f1; --bg03:#fff; --bg04:#fff0f2; --bg05:#ffd2d5; --bg06:#fefcfa; --bg07:#ffd0d7; --gray01:#212121; --gray02:#777; --gray03:#b6b6b6; --gray04:#666; --focus-color:#145b86; --inner-width:1415px;}
* {box-sizing:border-box;}
html {scroll-behavior:smooth;}
body {margin:0; color:var(--gray01); background:var(--bg03); font-family:Jua, sans-serif; font-size:24px; font-weight:400; line-height:1.4; letter-spacing:0; word-break:keep-all; overflow-wrap:break-word;}
h1, h2, h3, p, figure {margin:0; font-weight:400;}
ul, ol {margin:0; padding:0; list-style:none;}
img {display:block; max-width:100%; height:auto;}
a {color:inherit; text-decoration:none;}
button {padding:0; color:inherit; font:inherit; cursor:pointer;}
button, a {-webkit-tap-highlight-color:transparent;}
:focus-visible {outline:3px solid var(--focus-color); outline-offset:6px;}
[hidden] {display:none;}
.ff-gumi {font-family:'Gumi Romance', sans-serif;}
.ff-noto {font-family:'Noto Sans KR', sans-serif;}
.ff-nanum {font-family:'Nanum Gothic', sans-serif;}
.ff-jua {font-family:Jua, sans-serif;}
.inner {width:100%; max-width:var(--inner-width); margin:0 auto;}
.inner-1348 {width:100%; max-width:1348px; margin:0 auto;}
.inner-1300 {width:100%; max-width:1300px; margin:0 auto;}
.inner-1164 {width:100%; max-width:1164px; margin:0 auto;}
.sr-only {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
.skip-link {position:fixed; top:12px; left:12px; z-index:20; padding:12px 24px; color:var(--bg03); background:var(--focus-color); transform:translateY(-180%);}
.skip-link:focus {transform:translateY(0);}
@media (max-width:1455px) {.inner {padding:0 4%;}}
@media (max-width:1388px) {.inner-1348 {padding:0 4%;}}
@media (max-width:1340px) {.inner-1300 {padding:0 4%;}}
@media (max-width:1204px) {.inner-1164 {padding:0 4%;}}
@media (prefers-reduced-motion:reduce) {html {scroll-behavior:auto;}}
