@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css');
/* reset */

/* reset */
* {-webkit-appearance:none; -webkit-border-radius:0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing:subpixel-antialiased; margin:0; padding:0; box-sizing: border-box;}
body {font-size:12px;line-height:1.5;font-family:var(--font-type01);color:var(--black-color00); word-break: keep-all; overflow-wrap: anywhere; letter-spacing: -0.03em; }
article,aside,details,figcaption,figure,
footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
audio:not([controls]) { display:none;height: 0;}
[hidden],template { display: none;}
a {background-color: transparent; text-decoration: none; color: inherit;}
a:active,a:hover {outline:0; text-decoration: none;}
abbr[title] { border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {font-size: 2em; margin: 0.67em 0; text-decoration:none;}
mark { background: #ff0; color: #000;}
small {font-size: 80%;}
sub,sup {font-size:75%;line-height:0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height:0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em;}
button, input, optgroup,
select, textarea { color: inherit; font: inherit; margin: 0;}
button { border:0 none;background-color:transparent;cursor:pointer}
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
fieldset { border:none; margin: 0; /*padding: 0.35em 0.625em 0.75em;*/ padding:0;}
legend {border:0; padding:0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse; border-spacing: 0;}
td,th {padding:0;}
dl, dt, dd, ol, ul, li, span, h1, h2, h3, h4, h5, h6, p { margin:0; padding:0;}
ol, ul {list-style: none;}
input,select,textarea,button {font-size: inherit; font-weight: inherit; color: inherit; font-family: inherit;}
a,area {blr:expression(this.onFocus=this.blur())}
:focus {-moz-outline-style: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
input:focus {outline:none;}
form {margin:0;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
.elp{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}
::before, ::after{box-sizing: border-box;}
img{max-width: 100%; max-height: 100%;}
legend{display: none;}

/* custom */
:root{
    --trans-color:transparent;
    --point-white:#fff;
    --point-white02:#FFFAE4;
    --point-color01:#F2F5EE;
	--point-color02:#FFFAF6;
	--point-color03:#FDFBF2;
    --point-color04:#F5F1EE;
	--border-color01:#ddd;
    --border-color02:#ccc;
	--border-color03:#eee;
    --black-color00:#000;
    --black-color01:#111;
    --black-color02:#222;
    --black-color03:#333;
    --black-color04:#444;
    --black-color05:#555;
    --black-color06:#666;
    --black-color07:#777;
    --black-color08:#888;
    --black-color09:#999;
    --black-color10:#aaa;
	--black-color11:#bbb;
    --gray-bg01:#F5F5F5;
    --gray-bg02:#D9D9D9;
    --font-type01:'Pretendard', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
	--font-type02:'Tenor Sans', 'Pretendard', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
    --filter-white:brightness(0) invert(1);
    --filter-black:brightness(0);
    --filter-gray01:brightness(0) saturate(100%) invert(67%) sepia(0%) saturate(0%) hue-rotate(153deg) brightness(103%) contrast(104%);
	--poit-grad01:linear-gradient(180deg, #F5F1EE 0%, rgba(245, 241, 238, 0.00) 100%);
    --clip-poly01:polygon(50% 100%, 0 0, 100% 0);
    --clip-poly02:polygon(100% 0, 0 100%, 100% 100%);
    --clip-poly03:polygon(calc(50% - 1px) 0, calc(50% - 1px) calc(50% - 1px), 0 calc(50% - 1px), 0 calc(50% + 1px), calc(50% - 1px) calc(50% + 1px), calc(50% - 1px) 100%, calc(50% + 1px) 100%, calc(50% + 1px) calc(50% + 1px), 100% calc(50% + 1px), 100% calc(50% - 1px), calc(50% + 1px) calc(50% - 1px), calc(50% + 1px) 0);
    --shadow-01:3px 3px 5px rgb(0 76 175 / 10%);
    --radius-100:100px;
    --radius-40:40px;
    --radius-30:30px;
    --radius-20:20px;
    --radius-16:16px;
    --radius-15:15px;
    --radius-14:14px;
    --radius-10:10px;
    --radius-06:6px;
    --text-70:clamp(39px, 7vw, 39px);
    --text-69:clamp(39px, 6.9vw, 39px);
    --text-68:clamp(38px, 6.8vw, 38px);
    --text-67:clamp(38px, 6.7vw, 38px);
    --text-66:clamp(37px, 6.6vw, 37px);
    --text-65:clamp(37px, 6.5vw, 37px);
    --text-64:clamp(36px, 6.4vw, 36px);
    --text-63:clamp(36px, 6.3vw, 36px);
    --text-62:clamp(35px, 6.2vw, 35px);
    --text-61:clamp(35px, 6.1vw, 35px);
    --text-60:clamp(34px, 6vw, 34px);
    --text-59:clamp(34px, 5.9vw, 34px);
    --text-58:clamp(33px, 5.8vw, 33px);
    --text-57:clamp(33px, 5.7vw, 33px);
    --text-56:clamp(32px, 5.6vw, 32px);
    --text-55:clamp(32px, 5.5vw, 32px);
    --text-54:clamp(31px, 5.4vw, 31px);
    --text-53:clamp(31px, 5.3vw, 31px);
    --text-52:clamp(30px, 5.2vw, 30px);
    --text-51:clamp(30px, 5.1vw, 30px);
    --text-50:clamp(29px, 5vw, 29px);
    --text-49:clamp(29px, 4.9vw, 29px);
    --text-48:clamp(28px, 4.8vw, 28px);
    --text-47:clamp(28px, 4.7vw, 28px);
    --text-46:clamp(27px, 4.6vw, 27px);
    --text-45:clamp(27px, 4.5vw, 27px);
    --text-44:clamp(26px, 4.4vw, 26px);
    --text-43:clamp(26px, 4.3vw, 26px);
    --text-42:clamp(25px, 4.2vw, 25px);
    --text-41:clamp(25px, 4.1vw, 25px);
    --text-40:clamp(24px, 4vw, 24px);
    --text-39:clamp(24px, 3.9vw, 24px);
    --text-38:clamp(23px, 3.8vw, 23px);
    --text-37:clamp(23px, 3.7vw, 23px);
    --text-36:clamp(22px, 3.6vw, 22px);
    --text-35:clamp(22px, 3.5vw, 22px);
    --text-34:clamp(21px, 3.4vw, 21px);
    --text-33:clamp(21px, 3.3vw, 21px);
    --text-32:clamp(20px, 3.2vw, 20px);
    --text-31:clamp(20px, 3.1vw, 20px);
    --text-30:clamp(19px, 3vw, 19px);
    --text-29:clamp(19px, 2.9vw, 19px);
    --text-28:clamp(18px, 2.8vw, 18px);
    --text-27:clamp(18px, 2.7vw, 18px);
    --text-26:clamp(17px, 2.6vw, 17px);
    --text-25:clamp(17px, 2.5vw, 17px);
    --text-24:clamp(16px, 2.4vw, 16px);
    --text-23:clamp(16px, 2.3vw, 16px);
    --text-22:clamp(15px, 2.2vw, 15px);
    --text-21:clamp(15px, 2.1vw, 15px);
    --text-20:clamp(14px, 2vw, 14px);
    --text-19:clamp(14px, 1.9vw, 14px);
    --text-18:clamp(14px, 1.8vw, 14px);
    --text-17:clamp(14px, 1.7vw, 14px);
    --text-16:clamp(13px, 1.6vw, 13px);
    --text-15:clamp(13px, 1.5vw, 13px);
    --text-14:clamp(13px, 1.4vw, 13px);
    --text-13:clamp(12px, 1.3vw, 12px);
    --text-12:clamp(11px, 1.2vw, 11px);
    --row-gap160:clamp(70px, 16vw, 160px);
    --row-gap155:clamp(70px, 15.5vw, 155px);
    --row-gap150:clamp(70px, 15vw, 150px);
    --row-gap145:clamp(70px, 14.5vw, 145px);
    --row-gap140:clamp(70px, 14vw, 140px);
    --row-gap135:clamp(70px, 13.5vw, 135px);
    --row-gap130:clamp(70px, 13vw, 130px);
    --row-gap125:clamp(70px, 12.5vw, 125px);
    --row-gap120:clamp(70px, 12vw, 120px);
    --row-gap115:clamp(70px, 11.5vw, 115px);
    --row-gap110:clamp(70px, 11vw, 110px);
    --row-gap105:clamp(70px, 10.5vw, 105px);
    --row-gap100:clamp(70px, 10vw, 100px);
    --row-gap95:clamp(70px, 9.5vw, 95px);
    --row-gap90:clamp(40px, 9vw, 90px);
    --row-gap85:clamp(40px, 8.5vw, 85px);
    --row-gap80:clamp(40px, 8vw, 80px);
    --row-gap75:clamp(40px, 7.5vw, 75px);
    --row-gap70:clamp(40px, 7vw, 70px);
    --row-gap65:clamp(40px, 6.5vw, 65px);
    --row-gap60:clamp(30px, 6vw, 60px);
    --row-gap55:clamp(30px, 5.5vw, 55px);
    --row-gap50:clamp(30px, 5vw, 50px);
    --row-gap45:clamp(25px, 4.5vw, 45px);
    --row-gap40:clamp(25px, 4vw, 40px);
    --row-gap35:clamp(20px, 3.5vw, 35px);
    --row-gap30:clamp(15px, 3vw, 30px);
    --row-gap25:clamp(15px, 2.5vw, 25px);
    --row-gap20:clamp(12px, 2vw, 20px);
    --row-gap15:clamp(10px, 1.5vw, 15px);
    --row-gap10:clamp(7px, 1vw, 10px);
    --col-gap60:clamp(15px, 3.2vw, 60px);
    --col-gap55:clamp(15px, 2.9vw, 55px);
    --col-gap50:clamp(15px, 2.7vw, 50px);
    --col-gap45:clamp(15px, 2.4vw, 45px);
    --col-gap40:clamp(15px, 2.1vw, 40px);
    --col-gap35:clamp(15px, 1.85vw, 35px);
    --col-gap30:clamp(15px, 1.6vw, 30px);
    --col-gap25:clamp(15px, 1.35vw, 25px);
    --col-gap20:clamp(15px, 1.1vw, 20px);
}