@charset "UTF-8";

:root {
	/* color */
	--color-white: #fff;
	--color-black: #000;

	--color-light-gray1: #fafafc;
	--color-light-gray2: #e6e6e6;
	--color-light-gray3: #dddddd;
	--color-light-gray4: #a0a0a0;
	--color-light-gray5: #b3b3b3;
	--color-gray: #666666;
	--color-dark-gray: #212121;

	--color-light-green: #acce22;
	--color-green: #077339;
	--color-dark-green: #09743a;

	--color-red: #b61731;
	--color-blue: #1f2ac2;

	/* size */
	--font-size-smallBtn: 0.759rem;
	--font-size-xSmall: 0.897rem;
	--font-size-def: 1rem;
	--font-size-medium: 1.138rem;
	--font-size-large: 1.379rem;
	--font-size-Xlarge: 1.552rem;
	--font-size-big: 1.828rem;
	--font-size-title-1: 2.241rem;
	--font-size-title-2: 2.621rem;
}

* {margin:0; padding:0; box-sizing:border-box;}
*::before, *::after {box-sizing: border-box;}

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing:border-box;
	font-size: 100%;
	font: inherit;
}
body { margin: 0; scroll-behavior: smooth; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
ul, ol, li { list-style: none; }
h1, h2, h3, h4, h5 { font-weight: normal; margin: 0; }
a, a:link, a:visited, a:hover, a:active, a:focus { text-decoration: none; color: inherit; }
button { line-height: initial; font-weight: normal; }
button, button:active, button:focus { outline: 0; }
caption, legend { position: absolute; top: 0; left: 0; overflow: hidden; width: 0; height: 0; margin: 0; padding: 0; }
fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], 
input[type=checkbox].disabled, input[type=checkbox][disabled], 
input[type=radio].disabled, input[type=radio][disabled] { cursor: not-allowed; }
table { border-collapse: collapse; border-spacing: 0; }
select,textarea,input {outline:none; border:none; font-family:"NanumGothic",sans-serif;-webkit-appearance: none;  -webkit-border-radius: 0;}
input::-ms-clear {display:none;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* @-ms-viewport{
	width:auto!important;
} */

/* 한글, 영문 폰트 적용 */
*:lang(ko) {font-family: "NotoSansKR",sans-serif;font-weight: 500;}
*:lang(en) {font-family: "OpenSans",sans-serif;}

/* ----- 기본 설정 ----- */
html {
	font-size: 14px;
}
body {
	font-family: "NotoSansKR";
	font-weight: 500;
	font-size: 1rem;
	color: var(--color-black);
	/* line-height: 1.8; */
	/* letter-spacing: 0.3125px; */
}
@media screen and (max-width: 768px) {
	body {
		font-size: 10px;
	}
}
.clear:after, .clear:before {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
}
.blind {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	border: 0;
	white-space: nowrap;
	clip: rect(0, 0, 0, 0);
}
.button {cursor: pointer;}

/* ----- 모바일 ----- */
.only_mo {
	display:none; 
}
@media screen and (max-width: 768px) {
	.only_mo {
		display:block; 
	}
}

/* ----- 컨테이너 ----- */
div[class^=container-] {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.container-1280 {
	width: 1280px;
}
@media screen and (max-width: 1300px) {
	.container-1280 {
		width: 96%;
		min-width: 240px;
	}
}
.container-1200 {
	width: 1200px;
}
@media screen and (max-width: 1200px) {
	.container-1200 {
		width: 92.6%;
		min-width: 240px;
	}
}

/* ----- flex ----- */
.flex {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;}
.flex.column {-webkit-box-orient: vertical;-moz-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.flex.between {-webkit-box-pack: justify;-moz-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex.end {-webkit-box-pack: justify;-moz-justify-content: flex-end;-ms-flex-pack: justify;justify-content: flex-end;}

.font-lg {font-size: 24px;}
.font-md {font-size: 16px;}
.font-sm {font-size: 12px;}