@charset "utf-8";
@import url(font.css);
@import url(g_tokens.css);

/**************************************************
	Base CSS Document
	IEETU Web Standardization Team
	2025-02-11
	base.css
**************************************************/

:root {
	--g-font-family-base: var(--g-typo-font-type);
	--g-font-size-base: 62.5%;
	--g-line-height-none: 1;
	--g-line-height-base: 1.5;
	--g-letter-spacing-none: var(--g-typo-letter-spacing-0);
	--g-letter-spacing-wide: var(--g-typo-letter-spacing-1);
	--g-font-weight-regular: 400;
	--g-font-weight-bold: 700;
	--g-transition-base: 0.4s ease-in-out;
	--g-transition-fade: opacity 0.4s linear;
	--g-transition-collapse: max-height 0.4s ease;
	--g-transition-collapse-width: width 0.4s ease;
	--g-contents-size: 1200px;
	--g-contents-padding-x: 24px;
	--g-contents-wrap-size: 1548px;
	--g-box-shadow-outline: 0 0 0 0.4rem var(--g-light-color-border-primary);
	--g-box-shadow-outline-inset: inset 0 0 0 0.2rem var(--g-light-color-border-primary);
	--g-zoom-small: 0.9;
	--g-zoom-medium: 1;
	--g-zoom-large: 1.1;
	--g-zoom-xlarge: 1.3;
	--g-zoom-xxlarge: 1.5;
	--g-font-underline-offset: 0.3rem;
	--g-icon--size-xsmall: var(--g-size-height-2);
	--g-icon--size-small: var(--g-size-height-2);
	--g-icon--size-medium: var(--g-size-height-3);
	--g-icon--size-large: var(--g-size-height-4);
	--g-icon--size-xlarge: var(--g-size-height-4);
}

[data-g-mode=high-contrast] :root {
	--g-box-shadow-outline: 0 0 0 0.4rem var(--g-high-contrast-color-border-primary);
	--g-box-shadow-outline-inset: inset 0 0 0 0.2rem var(--g-high-contrast-color-border-primary);
}

@media (prefers-color-scheme: dark) {
	[data-g-mode=theme] :root {
		--g-box-shadow-outline: 0 0 0 0.4rem var(--g-high-contrast-color-border-primary);
		--g-box-shadow-outline-inset: inset 0 0 0 0.2rem var(--g-high-contrast-color-border-primary);
	}
}

@media (max-width: 1023px) {
	:root {
		--g-contents-padding-x: 16px;
	}
}

/* reset */
html,body{
	position:relative;
	width:100%;
	height:100%;
	font-family:var(--g-font-family-base);
	color:var(--g-light-color-text-basic);
	font-weight:var(--g-font-weight-regular);
	line-height:var(--g-line-height-base);
	word-break:keep-all;
	word-wrap:break-word;
	-webkit-tap-highlight-color: transparent;
	scroll-behavior: smooth;
}
html{font-size:var(--g-font-size-base);}
body{overflow-x:hidden; background-color:var(--g-light-color-background-white); font-size:var(--g-pc-font-size-body-medium);}
[data-g-mode=high-contrast] :is(html,body){color:var(--g-high-contrast-color-text-basic);}
[data-g-mode=high-contrast] body{background-color:var(--g-high-contrast-color-background-white);}
@media (prefers-color-scheme: dark) {
	[data-g-mode=theme] :is(html,body) {
		color:var(--g-high-contrast-color-text-basic);
	}
	[data-g-mode=theme] body {
		background-color:var(--g-high-contrast-color-background-white);
	}
}
*:focus-visible{
	outline:0.2rem solid var(--g-light-color-border-inverse);
	outline-offset:0;
	box-shadow:var(--g-box-shadow-outline);
	transition:outline 0s, box-shadow 0s !important;
}
:is(::-moz-selection,::selection){background:var(--g-color-light-secondary-50); color:var(--g-color-light-gray-0);}

body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption,pre,a,span,strong,em,i,article,aside,details,footer,header,hgroup,menu,nav,section,label,:before,:after{margin:0; padding:0; box-sizing:border-box; -webkit-text-size-adjust:none; font-family:inherit; line-height:var(--g-line-height-base); letter-spacing:inherit;}
pre {font-family:inherit;}
input,textarea,a,button,select,span,label,table,:before,:after{font-size:inherit; font-weight:inherit;}
h1,h2,h3,h4,h5,h6,strong{font-weight:var(--g-font-weight-bold);}
img, fieldset, button{border:0;}
fieldset{min-width:100%;}
textarea{overflow:auto; resize:none;}
/* :is(button,input[type=submit],input[type=button]){overflow:visible; margin:0; border:0; background-color:transparent; -webkit-appearance:button; font:inherit; color:inherit;} */
input,button{background-color:transparent;}
button,input[type=submit],input[type=button]{cursor:pointer;}
label{cursor:pointer;}
select{/*appearance: none; -webkit-appearance: none; -moz-appearance: none;*/}

img{max-width:100%; vertical-align:top; image-rendering:-webkit-optimize-contrast;}
address, em, i{font-style:normal;}
pre{white-space:pre-wrap;}
table{width:auto; min-width:100%; border-spacing:0; border-collapse:collapse;}
table,th,td{border:none;}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}
legend, .hidden{position:absolute !important; clip:rect(0, 0, 0, 0) !important; width:1px !important; height:1px !important; margin:-1px !important; padding:0 !important; white-space:nowrap !important; overflow:hidden !important;}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block; margin:0; padding:0;}
/* mobile */
body {-webkit-text-size-adjust:none;} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none;}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}

/* 링크 기본값 */
a,
button {transition:var(--g-transition-base);}
a,a:is(:hover,:active,:focus){color:inherit; text-decoration:none;}
a[href^="tel"]{color:inherit;}

/* 리스트 스타일 제거 */
ul,ol,li{list-style:none;}

/* 언더라인 */
.underline{text-decoration:underline; text-underline-offset:var(--g-font-underline-offset);}

/* ~ 767px */
@media all and (max-width:767px){
	body{font-size:var(--g-mobile-font-size-body-medium);}
}