@charset "utf-8";

/* Web Font - Pretendard */
@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 100 900;
	/* 100 ~ 900 */
	font-style: normal;
	font-display: swap;
	src: url(../../font/PretendardVariable.woff2) format('woff2-variations');
}

@font-face {
	font-family: "Pretendard";
	font-style: normal;
	font-weight: 100;
	src: local("Pretendard-Thin");
	src: url(../../font/Pretendard-Thin.woff) format("woff");
}

@font-face {
	font-family: "Pretendard";
	font-style: normal;
	font-weight: 200;
	src: local("Pretendard-ExtraLight");
	src: url(../../font/Pretendard-ExtraLight.woff) format("woff");
}

@font-face {
	font-family: "Pretendard";
	font-style: normal;
	font-weight: 300;
	src: local("Pretendard-Light");
	src: url(../../font/Pretendard-Light.woff) format("woff");
}

@font-face {
	font-family: "Pretendard";
	font-style: normal;
	font-weight: 400;
	src: local("Pretendard-Regular");
	src: url(../../font/Pretendard-Regular.woff) format("woff");
}

@font-face {
	font-family: "Pretendard";
	font-style: normal;
	font-weight: 500;
	src: local("Pretendard-Medium");
	src: url(../../font/Pretendard-Medium.woff) format("woff");
}

@font-face {
	font-family: "Pretendard";
	font-style: normal;
	font-weight: 600;
	src: local("Pretendard-SemiBold");
	src: url(../../font/Pretendard-SemiBold.woff) format("woff");
}

@font-face {
	font-family: "Pretendard";
	font-style: normal;
	font-weight: 700;
	src: local("Pretendard-Bold");
	src: url(../../font/Pretendard-Bold.woff) format("woff");
}

@font-face {
	font-family: "Pretendard";
	font-style: normal;
	font-weight: 800;
	src: local("Pretendard-ExtraBold");
	src: url(../../font/Pretendard-ExtraBold.woff) format("woff");
}

@font-face {
	font-family: "Pretendard";
	font-style: normal;
	font-weight: 900;
	src: local("Pretendard-Black");
	src: url(../../font/Pretendard-Black.woff) format("woff");
}



/*  basic  */
* {
	margin: 0;
	padding: 0;
}

html,
body {
	width: 100%;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: 'Pretendard';
	font-size: 16px;
	font-weight: 500;
	color: #010314;
	word-wrap: break-word;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: 100%;
}

html *,
body * {
	font-family: 'Pretendard';
}

dl,
ul,
ol {
	list-style: none;
}

table {
	empty-cells: show;
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}

iframe {
	display: block;
	border: 0;
}

fieldset {
	border: none;
}

legend,
caption,
hr {
	display: none;
}

img {
	border: none;
}

img,
label {
	vertical-align: top;
}

button {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: none;
	-webkit-appearance: none;
}

button:focus {
	outline: none;
}

input,
select,
textarea {
	border-radius: 0;
	color: #010314;
	appearance: none;
	-webkit-appearance: none;
}

textarea {
	resize: vertical;
}

ul,
ol {
	list-style: none;
}

i,
em,
address {
	font-style: normal
}

caption span,
legend {
	overflow: hidden;
	position: absolute;
	left: -9999px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


/* text common */
/* default link */
a {
	text-decoration: none;
	cursor: pointer;
}

a:link,
a:visited {
	text-decoration: none;
	color: #010314;
	cursor: pointer;
}

a:hover,
a:active {
	text-decoration: none;
	color: #010314;
	cursor: pointer;
}

/* webkit */
::-webkit-input-placeholder {
	color: #767676 !important;
}

/* FF 4~18 */
:-moz-placeholder {
	color: #767676 !important;
}

/* FF 19+ */
::-moz-placeholder {
	color: #767676 !important;
}

/* IE10+ */
:-ms-input-placeholder {
	color: #767676 !important;
}

/* Chrome Field Outline = None */
input:focus {
	outline: none;
}

textarea:focus {
	outline: none;
}

select:focus {
	outline: none;
}

button:focus {
	outline: none;
}

.tac {
	text-align: center !important;
}

.tal {
	text-align: left !important;
}

.tar {
	text-align: right !important;
}