/* 20251210 reset css start */

:root{
	--transparent:transparent;
	--point-white:#fff;
	--point-color01:#0075FF;
	--point-color02:#0A0C35;
	--point-color03:#2B3453;
	--point-color04:#1C44FC;
    --point-color05:#242C4D;
	--point-color06:#11BDFF;
    --point-color07:#171C41;
    --point-color08:#5D11FF;
	--border-color01:#ddd;
	--border-color02:#ccc;
	--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;
	--filter-white:brightness(0) invert(1);
	--font-type01:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
	--font-type02:'Pretendard', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
    --font-type03:'Inter','Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
	--title-80:80px;
	--title-70:70px;
	--title-68:68px;
	--title-60:60px;
	--title-50:50px;
	--title-40:40px;
	--title-30:30px;
	--title-20:20px;
	--letter-02:-0.02em;
	--letter-03:-0.03em;
	--letter-04:-0.04em;
	--letter-05:-0.05em;
}

@media screen and (max-width:1280px) {
	:root{
		--title-80:70px;
		--title-70:5.45vw;
		--title-68:4.98vw;
		--title-60:4.6vw;
		--title-50:46px;
		--title-40:37px;
		--title-30:27px;
		--title-20:19px;
	}
} 
@media screen and (max-width:1023px) {
	:root{
		--title-80:66px;
		--title-70:56px;
		--title-68:47px;
		--title-60:45px;
		--title-50:38px;
		--title-40:34px;
		--title-30:24px;
		--title-20:18px;
	}
} 
@media screen and (max-width:860px) {
	:root{
		--title-80:56px;
		--title-70:48px;
		--title-68:44px;
		--title-60:41px;
		--title-50:35px;
		--title-40:31px;
		--title-30:21px;
		--title-20:17px;
	}
} 
@media screen and (max-width:640px) {
	:root{
		--title-80:46px;
		--title-70:42px;
		--title-68:41px;
		--title-60:38px;
		--title-50:32px;
		--title-40:28px;
		--title-30:20px;
		--title-20:16px;
	}
} 
@media screen and (max-width:479px) {
	:root{
		--title-80:42px;
		--title-70:38px;
		--title-68:34px;
		--title-60:32px;
		--title-50:28px;
		--title-40:25px;
		--title-30:19px;
		--title-20:15px;
	}
}
@media screen and (max-width:359px) {
	:root{
		--title-70:36px;
		--title-68:30px;
		--title-60:28px;
		--title-50:26px;
		--title-40:24px;
		--title-30:18px;
	}
} 


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, var,
b, u, i,
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,
nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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

body {
    line-height: 1.5;
    box-sizing: border-box;
    font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
*,
*::before,
*::after {
    box-sizing: inherit;
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    line-height: 1.2;
}
p {
    font-size: 1rem;
    line-height: 1.6;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
caption {
    text-align: left;
    font-weight: normal;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    vertical-align: bottom;
}
img, video, audio {
    max-width: 100%;
    height: auto;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.sr_only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
#skip {
    position: relative;
    z-index: 99;
}
#skip > a {
    position: absolute;
    display: block;
    width: 100%;
    height: 35px;
    background: #333;
    color: #fff;
    line-height: 35px;
    text-align: center;
    left: 0;
    top: -35px;
}
#skip > a:focus, 
#skip > a:active {
    top: 0;
}

html {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
}
input, button {
    appearance: auto;
    border-radius: 0;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none;
}

input, textarea, select, button {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

button, input[type="button"], input[type="submit"] {
    cursor: pointer;
}


input:invalid, textarea:invalid, select:invalid {
    border-color: red;
}

/* 20251210 reset css end. */

/* 20251210 font start */
@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/Pretendard-Thin.woff2') format('woff2'),
         url('/fonts/Pretendard-Thin.woff') format('woff'),
         url('/fonts/Pretendard-Thin.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/Pretendard-ExtraLight.woff2') format('woff2'),
         url('/fonts/Pretendard-ExtraLight.woff') format('woff'),
         url('/fonts/Pretendard-ExtraLight.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/Pretendard-Light.woff2') format('woff2'),
         url('/fonts/Pretendard-Light.woff') format('woff'),
         url('/fonts/Pretendard-Light.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/Pretendard-Regular.woff2') format('woff2'),
         url('/fonts/Pretendard-Regular.woff') format('woff'),
         url('/fonts/Pretendard-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/Pretendard-Medium.woff2') format('woff2'),
         url('/fonts/Pretendard-Medium.woff') format('woff'),
         url('/fonts/Pretendard-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/Pretendard-SemiBold.woff2') format('woff2'),
         url('/fonts/Pretendard-SemiBold.woff') format('woff'),
         url('/fonts/Pretendard-SemiBold.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/Pretendard-Bold.woff2') format('woff2'),
         url('/fonts/Pretendard-Bold.woff') format('woff'),
         url('/fonts/Pretendard-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/Pretendard-ExtraBold.woff2') format('woff2'),
         url('/fonts/Pretendard-ExtraBold.woff') format('woff'),
         url('/fonts/Pretendard-ExtraBold.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/Pretendard-Black.woff2') format('woff2'),
         url('/fonts/Pretendard-Black.woff') format('woff'),
         url('/fonts/Pretendard-Black.otf') format('opentype');
}

/* 20251210 font end */