@charset "utf-8";
@import url("../fonts/pretendard/pretendard-subset.css");

:root {
	--font-family-base: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	--font-size-base: 62.5%;
	--font-size-default: 1.8rem;
	--font-color-base: var(--black-11);
	--line-height-base: 1.5;

	--primary-10: #E6EFF7;
	--primary-20: #D9E7F3;
	--primary-30: #B0CDE5;
	--primary-40: #005FAC;
	--primary-50: #00569B;
	--primary-60: #004C8A;
	--primary-70: #004781;
	--primary-80: #003967;
	--primary-90: #002B4D;
	--primary-100: #00213C;

	--black-1: #ffffff;
	--black-2: #FCFCFC;
	--black-3: #F5F5F5;
	--black-4: #F0F0F0;
	--black-5: #D9D9D9;
	--black-6: #BFBFBF;
	--black-7: #8C8C8C;
	--black-8: #595959;
	--black-9: #454545;
	--black-10: #262626;
	--black-11: #1F1F1F;
	--black-12: #141414;
	--black-13: #000000;

	--red: #B91C1C;
	--purple: #6D28D9;
	--green: #059669;
	--blue: #005FAC;
	--gray: #1f1f1f;

	--line: var(--black-6);
	--line-dark: var(--black-11);
	--line-disabled: var(--black-5);

	--bg-primary: var(--primary-5);
	--bg-gray: var(--black-5);

	--max-width: 1200px;
	--min-width: 320px;

	/* component */
	--input-line: var(--black-6);
	--input-height: 4rem;

	/* scroll */
	--swiper-scrollbar-border-radius: 10px;
	--swiper-scrollbar-top: auto;
	--swiper-scrollbar-bottom: 4px;
	--swiper-scrollbar-left: auto;
	--swiper-scrollbar-right: 4px;
	--swiper-scrollbar-sides-offset: 1%;
	--swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
	--swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
	--swiper-scrollbar-size: 4px;

}

/* Reset ********************************************************************** */

html, body {
	position: relative;
	width: 100%;
	height: 100%;
}
html {
	font-size: var(--font-size-base);
	text-size-adjust:none;
	scroll-behavior: smooth;

	font-family: var(--font-family-base);
	color: var(--font-color-base);
	font-weight: 400;
	line-height: var(--line-height-base);
	letter-spacing: -0.08rem;
	word-break: keep-all;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-tap-highlight-color : transparent;
}
body {
	font-size: var(--font-size-default);
	overflow-x: hidden;
}
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select,ul,li,span,em,label,:before,:after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
	font-family: inherit;
	line-height: inherit;
	/*letter-spacing: inherit;*/
}
pre {
	font-family: inherit;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
	display: block;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:600;
}
img {
	border:0;
	vertical-align:top;
	max-width: 100%;
}
a,
a:hover,
a:link,
a:visited{
	color: inherit;
	text-decoration: none;
}
ul,ol{
	list-style:none;
}
ol{
	margin:0 0 0 2rem;
}
ol > li{
	list-style-type: decimal;
}
em, i, address, small, cite, code{font-style: normal;}
strong{font-weight:600;}
b{font-weight:400;}
abbr[title]{text-decoration:none;}
sub, sup {font-size: 0.9rem; line-height: 0; position: relative; vertical-align: baseline;}
sub{bottom: -0.25em;}
sup{top: -0.5em;}
details{display:block;}
iframe{
	margin:0;
	padding:0;
	border:none;
}
table{
	table-layout: fixed;
	max-width: none;
	width: auto;
	min-width: 100%;
	border-collapse: collapse;
	border-spacing:0;
}
table caption{
	position: static !important;
	margin: 0 !important;
}

/* blind */
caption,legend,hr,
.sr-only,.blind{
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* form */
form,fieldset,legend{
	margin:0;
	padding:0;
	border:0;
}
fieldset {
	min-width: 100%;
}
label{
	cursor:pointer;
}
input,textarea,button,select{
	font-family:inherit;
	font-size: inherit;
	font-weight: inherit;
	color:inherit;
	vertical-align:middle;
}
button,
input[type="submit"],
input[type="button"]{
	overflow: visible;
	background-color: transparent;
	border:none;
	-webkit-appearance: button;
	appearance: button;
	cursor:pointer;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}
[role="button"] {
	cursor: pointer;
}
textarea{
	resize: none;
}
select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="file"],
input[type="number"],
input[type="email"],
input[type="date"],
input[type="search"],
textarea {
	-webkit-box-shadow: none;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-tap-highlight-color: transparent;
}
input[type="number"] {
	-moz-appearance: textfield;
	margin: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=text]::-ms-clear{display: none;} /* x아이콘 삭제 */
input[type=password]::-ms-reveal{display: none;} /* 눈아이콘 삭제 */


/* media */
@media (min-width: 768px) {
	.mobile-only {
	  display: none !important;
	}
}

@media all and (max-width:767px){
	.pc-only {
	  display: none !important;
	}
}

/* print */
@media print{
	*{
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
}