@charset "utf-8";
/*********************************************************
	reset.css
**********************************************************/

html { font-size: 10px; color: var(--color-txtblk); overflow-x: clip; scroll-behavior: smooth; }
body { position: relative; margin: 0 auto; padding: 0; font-size: 10px; line-height: 1.6; color: var(--color-txtblk); font-family: 'Pretendard', "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif; font-weight: var(--txt-regular); box-sizing: border-box; word-break: keep-all; z-index: 1; overflow-x: clip; }

html,
h1, h2, h3, h4, h5, h6,
form, fieldset, img { margin: 0; padding: 0; border: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 1em; font-family: 'Pretendard', "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif; font-weight: var(--txt-bold); }

strong, b, dt { font-weight: var(--txt-bold); }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ul, ol, dl, dt, dd { margin: 0; padding: 0; list-style: none; }

legend { position: absolute; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden; }

label, input, button, select, img { vertical-align: middle; font-size: 1em; transition: all 0.3s; }

input, button { margin: 0; padding: 0; font-family: 'Pretendard', "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif; font-size: 1em; font-weight: var(--txt-regular); border: 0; transition: all 0.3s; }

input[type="submit"] { cursor: pointer; }
button { cursor: pointer; transition: all 0.3s; }

p { margin: 0; padding: 0; }
hr { width: 100%; height: 1px; margin: 0; background: transparent; border: 1px dotted var(--color-linegray); }
a { color: inherit; text-decoration: none; transition: all 0.3s; }
br { font-size: 0; }

*, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="date"],
input[type="url"],
input[type="search"],
input[type="number"],
input[type="submit"],
textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; font-family: 'Pretendard', "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif; transition: all 0.3s ease-in-out; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2); }

input::placeholder,
textarea::placeholder { font-size: 1em; color: var(--color-lightgray); }

textarea, select, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Pretendard', "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif; background: none; color: var(--color-txtblk); }

::selection { color: var(--color-white); background-color: var(--color-txtblk); }

img { max-width: 100%; height: auto; }

iframe { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border: none; background: none; box-shadow: none; }

::-webkit-scrollbar { width: 10px; height: 10px; border-radius: 50em; }
::-webkit-scrollbar-thumb { border-radius: 50em; background-clip: padding-box; background-color: rgba(0, 0, 0, 0.2); }
::-webkit-scrollbar-track { background-color: transparent; border: none; }

html:has(body.no_scroll_body) { overflow: hidden; }
body.no_scroll_body { position: relative; overflow: hidden; }

@media screen and (max-width: 1560px) { html, body { font-size: 9px; } }
@media screen and (max-width: 1280px) { html, body { font-size: 7px; } }
@media screen and (max-width: 1024px) { html, body { font-size: 0.65vw; } }
@media screen and (max-width: 768px) { html, body { font-size: 1.2vw; } body { padding: 0 0 env(safe-area-inset-bottom) 0; } }
@media screen and (max-width: 460px) { html, body { font-size: 2.2vw; } }