/*===========================================================================
	로컬 폰트
============================================================================*/
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('../fonts/Pretendard-1.3.3/woff2/Pretendard-Black.woff2') format('woff2'), url('../fonts/Pretendard-1.3.3/woff/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('../fonts/Pretendard-1.3.3/woff2/Pretendard-ExtraBold.woff2') format('woff2'), url('../fonts/Pretendard-1.3.3/woff/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('../fonts/Pretendard-1.3.3/woff2/Pretendard-Bold.woff2') format('woff2'), url('../fonts/Pretendard-1.3.3/woff/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('../fonts/Pretendard-1.3.3/woff2/Pretendard-SemiBold.woff2') format('woff2'), url('../fonts/Pretendard-1.3.3/woff/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('../fonts/Pretendard-1.3.3/woff2/Pretendard-Medium.woff2') format('woff2'), url('../fonts/Pretendard-1.3.3/woff/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('../fonts/Pretendard-1.3.3/woff2/Pretendard-Regular.woff2') format('woff2'), url('../fonts/Pretendard-1.3.3/woff/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('../fonts/Pretendard-1.3.3/woff2/Pretendard-Light.woff2') format('woff2'), url('../fonts/Pretendard-1.3.3/woff/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('../fonts/Pretendard-1.3.3/woff2/Pretendard-ExtraLight.woff2') format('woff2'), url('../fonts/Pretendard-1.3.3/woff/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('../fonts/Pretendard-1.3.3/woff2/Pretendard-Thin.woff2') format('woff2'), url('../fonts/Pretendard-1.3.3/woff/Pretendard-Thin.woff') format('woff');
}

/*===========================================================================
	CSS 초기화
============================================================================*/
* { font-family: "Pretendard", sans-serif; box-sizing:border-box; margin:0; padding:0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, i, dl, dt, dd, ol, ul, li, form, label, legend, caption, article, aside, footer, header, menu, nav, section, video, a {border:0; outline:0; font-size:100%; color:#303030; line-height:normal;}
html { width: 100vw; overflow-x: hidden; scroll-behavior: smooth;}
body { line-height: normal; width: 100vw; -ms-overflow-style: none; height: 100%; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul, ol, li {list-style:none;}
strong {display: inline-block;}
a {margin:0; padding:0; font-size:100%; display: block; }
pre { font-family: "Pretendard", sans-serif; white-space: pre-line; line-height: 1.5; }
input, select {vertical-align:middle; outline:0; border: 0; background: none; font-family: "Pretendard", sans-serif;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="file"], input[type="checkbox"], input[type="radio"] { display: none; }
select { appearance: none; background-image: url(../images/icon_arrow_down.svg); background-repeat: no-repeat; background-position: right 8px center; background-size: 24px; }
select option[value="disabled"][disabled] {display: none;}
label { cursor: pointer; }
button {cursor:pointer; border: 0; outline: 0; background: none;}
a {text-decoration: none; display: block;}
textarea { border: 0; outline: 0; resize: none; font-family: "Pretendard", sans-serif;}

/* 컨텐츠 공통 */
.col-group {display:flex;}
.row-group {display:flex; flex-flow: column;}
.container { width: 100%; margin: 0 auto; padding: 0 20px; max-width: 1320px; }
.container.w1480 { max-width: 1480px; }
.container.w1600 { max-width: 1600px; }
.container.w1472 { max-width: 1472px; padding: 0 16px; }
.container.w800 { max-width: 840px; padding: 0 20px; }
.container.w440 { max-width: 520px; padding: 0 20px; }