/* http://meyerweb.com/eric/tools/css/reset/ 
 v2.0 | 20110126
 License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;vertical-align: baseline; font-family: 'Pretendard'; font-weight: 400; letter-spacing: -0.6px; line-height: 1.2; color: var(--black-color); } 

html { font-size: 10px; } 

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } 
body { line-height: 1; } 
ol, ul { list-style: none; } 
blockquote, q { quotes: none; } 
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } 
table { border-collapse: collapse; border-spacing: 0; } 
a { text-decoration:none; color: var(--black-color); } 
a:hover,a:focus,a:active { text-decoration:none; } 
button { background-color: transparent; border: none; cursor: pointer; } 
.mo-only { display: none; } 
img { width: 100%; max-width: 100%; margin:0 auto; } 
html { overflow-x: clip; } 
section { position: relative; } 
.flex { display: flex; } 
.flex.column { flex-direction: column; } 
.flex.a-center { align-items: center; } 
.flex.j-center { justify-content: center; } 

.custom-show { display: none; } 
.sm-only { display: none; } 
.mo-only { display: none; } 


/* calc(20vw / var(--mainWidth)); */
@media (max-width: 1024px){
 :root { --mainWidth: 14 !important; } 
 }

@media (max-width: 968px){
 :root { --mainWidth: 12 !important; } 
 .mo-only { display: block; } 
 .pc-only { display: none; } 
 }

@media (max-width: 480px){
 :root { --mainWidth: 7 !important; } 
 .sm-none { display: none; } 
 .sm-only { display: block; } 
 }


/* font-size class */
.font-12 { font-size: var(--font-12); } 
.font-14 { font-size: var(--font-14); } 
.font-15 { font-size: var(--font-15); } 
.font-16 { font-size: var(--font-16); } 
.font-18 { font-size: var(--font-18); } 
.font-20 { font-size: var(--font-20); } 
.font-22 { font-size: var(--font-22); } 
.font-24 { font-size: var(--font-24); } 
.font-26 { font-size: var(--font-26); } 
.font-28 { font-size: var(--font-28); } 
.font-30 { font-size: var(--font-30); } 
.font-32 { font-size: var(--font-32); } 
.font-35 { font-size: var(--font-35); } 
.font-36 { font-size: var(--font-36); } 
.font-40 { font-size: var(--font-40); } 
.font-45 { font-size: var(--font-45); } 
.font-48 { font-size: var(--font-48); } 
.font-50 { font-size: var(--font-50); } 
.font-52 { font-size: var(--font-52); } 
.font-56 { font-size: var(--font-56); } 
.font-60 { font-size: var(--font-60); } 
.font-64 { font-size: var(--font-64); } 
.font-68 { font-size: var(--font-68); } 
.font-72 { font-size: var(--font-72); } 
.font-80 { font-size: var(--font-80); } 
.font-100 { font-size: var(--font-100); } 
.font-120 { font-size: var(--font-120); } 
.font-130 { font-size: var(--font-130); } 
.font-150 { font-size: var(--font-150); } 
.font-180 { font-size: var(--font-180); } 
.font-200 { font-size: var(--font-200); } 
.font-270 { font-size: var(--font-270); } 

/* font-weight */
.bold { font-weight: 700; } 
.fw-100 { font-weight: 100; } /* thin */
.fw-200 { font-weight: 200; } /* extra-light */
.fw-300 { font-weight: 300; } /* light */
.fw-400 { font-weight: 400; } /* normal */
.fw-500 { font-weight: 500; } /* medium */
.fw-600 { font-weight: 600; } /* semi-bold */
.fw-700 { font-weight: 700; } /* bold */
.fw-800 { font-weight: 800; } /* extra-bold */

.main-color { color: var(--main-color); } 


/* font */
[data-font="Pretendard"] { font-family: 'Pretendard'; } 
[data-font="MaruBuri"] { font-family: 'Maru Buri'; } 
[data-font="NotoSansCJKKR"] { font-family: 'NotoSansCJKKR'; } 
[data-font="KoPubWorld"] { font-family: 'KoPubWorld'; } 
[data-font="TTSoomyungjol"] { font-family: 'TTSoomyungjol';} 
[data-font="Aurora"] { font-family: 'Aurora'; } 
[data-font="Bethany Elingston"] { font-family: 'Bethany Elingston'; } 
[data-font="Bembo"] { font-family: 'Bembo Titling MT Std'; } 

/* root */
:root {
--mainWidth: 19.2;
 --container-width: 1500;
 --fluid: calc(100vw / var(--container-width));
 /* color */
 --main-color : #edcbc9;
 --white-color: #ffffff;
 --white-color-40: #ffffff4d;
 --black-color: #111;
 --black-color-90: #1d1d1d;
 --gold-color: #C99A4B;
 --orange-color: #F79948;
 --navy-color: #12233F;
 --purple-color: #5b4c9d;
/* font-size */
 --font-12: clamp(1rem, .625vw, 1.2rem);
 --font-14: clamp(1rem, .7292vw, 1.4rem);
 --font-15: clamp(1rem, .7812vw, 1.5rem);
 --font-16: clamp(1rem, .8333vw, 1.6rem);
 --font-18: clamp(1rem, .9375vw, 1.8rem);
 --font-20: clamp(1rem, 1.0417vw, 2rem);
 --font-22: clamp(1.2rem, 1.1458vw, 2.2rem);
 --font-24: clamp(1.2rem, 1.25vw, 2.4rem);
 --font-26: clamp(1.4rem, 1.3542vw, 2.6rem);
 --font-28: clamp(1.5rem, 1.4583vw, 2.8rem);
 --font-30: clamp(1.6rem, 1.5625vw, 3rem);
 --font-32: clamp(1.6rem, 1.6667vw, 3.2rem);
 --font-35: clamp(1.7rem, 1.8229vw, 3.5rem);
 --font-36: clamp(2.2rem, 1.875vw, 3.6rem);
 --font-40: clamp(2.4rem, 2.0833vw, 4rem);
 --font-45: clamp(2.5rem, 2.3438vw, 4.5rem);
 --font-48: clamp(2.6rem, 2.5vw, 4.8rem);
 --font-50: clamp(2.7rem, 2.6042vw, 5rem);
 --font-52: clamp(2.8rem, 2.7083vw, 5.2rem);
 --font-56: clamp(2.8rem, 2.9167vw, 5.6rem);
 --font-60: clamp(3rem, 3.125vw, 6rem);
 --font-64: clamp(3.2rem, 3.3333vw, 6.4rem);
 --font-68: clamp(3.4rem, 3.5417vw, 6.8rem);
 --font-72: clamp(3.6rem, 3.75vw, 7.2rem);
 --font-80: clamp(4rem, 4.1667vw, 8rem);
 --font-100: clamp(5rem, 5.2083vw, 10rem);
 --font-130: clamp(6rem, 6.7708vw, 13rem);
 --font-120: clamp(6rem, 6.25vw, 12rem);
 --font-150: clamp(7.5rem, 7.8125vw, 15rem);
 --font-180: clamp(9rem, 9.375vw, 18rem);
 --font-200: clamp(10rem, 10.4167vw, 20rem);
 --font-270: clamp(13.5rem, 14.0625vw, 27rem);
 }

/* bg 반응형 */
[data-bg] { width: min(calc(var(--w) * 1px), calc(var(--fluid) * var(--w))); height: min(calc(var(--h) * 1px), calc(var(--fluid) * var(--h))); } 

[data-has-pseudo] { position: relative; } 

[data-pseudo="all"]:before,
[data-pseudo="all"]:after,
[data-pseudo="before"]:before,
[data-pseudo="after"]:after { position: absolute; content: ''; display: block; width: min(calc(var(--w) * 1px), calc(var(--fluid) * var(--w))); height: min(calc(var(--h) * 1px), calc(var(--fluid) * var(--h))); } 

/* word-flip */
.word-flip { position: relative; display: inline-block; overflow: hidden; line-height: normal; vertical-align: top; }
.word-flip .unit { display: block; transition: transform .35s cubic-bezier(.65, 0, .35, 1); white-space: nowrap; will-change: transform;}
.word-flip .unit:last-child { position: absolute; top: 0; left: 0; transform: translateY(100%); }
a:hover .word-flip .unit:first-child { transform: translateY(-100%); }
a:hover .word-flip .unit:last-child { transform: translateY(0); }