@charset "utf-8";
/* CSS Document */

/* webfont : pretendard */
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(../../font/Pretendard-Black.woff2) format('woff2'), url(../../font/Pretendard-Black.woff) format('woff');
}

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

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

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

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

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

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

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

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

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

body {
	font-size: 12px;
	font-weight: 400;
	color: #222;
}

header,
nav,
section,
article,
aside,
footer,
hgroup,
menu,
canvas,
figcaption,
figure {
	display: block;
}

div,
p,
ol,
ul,
li,
img,
a,
h1,
h2,
h3,
form,
span,
iframe,
dl,
dt,
dd {}

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

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

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;
	cursor: pointer;
}

button:focus {
	outline: none;
}

input,
select,
textarea {
	border-radius: 0;
	font-family: 'Pretendard';
	color: #333;
}

textarea {
	resize: vertical;
}

ul,
ol {
	list-style: none;
}

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

em {
	font-style: normal;
}

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;
}

/* 정렬 */
.t_center,
.tac {
	text-align: center !important;
}

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

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

.f_right {
	float: right;
}

.f_left {
	float: left;
}

.cboth {
	*zoom: 1;
}

.cboth:before,
.cboth:after {
	display: table;
	content: '';
}

.cboth:after {
	clear: both;
}

/* 패딩 */
.pdl10 {
	padding-left: 10px !important;
}

/* 마진 상단값 */
.mgt0 {
	margin-top: 0px !important;
}

.mgt5 {
	margin-top: 5px !important;
}

.mgt10 {
	margin-top: 10px !important;
}

.mgt15 {
	margin-top: 15px !important;
}

.mgt20 {
	margin-top: 20px !important;
}

.mgt25 {
	margin-top: 20px !important;
}

.mgt30 {
	margin-top: 30px !important;
}

.mgt40 {
	margin-top: 40px !important;
}

/* 마진 하단값 */
.mgb0 {
	margin-bottom: 0px !important
}

.mgb5 {
	margin-bottom: 5px !important;
}

.mgb10 {
	margin-bottom: 10px !important;
}

.mgb15 {
	margin-bottom: 15px !important;
}

.mgb20 {
	margin-bottom: 20px !important;
}

.mgb25 {
	margin-bottom: 25px !important;
}

.mgb30 {
	margin-bottom: 30px !important;
}

.mgb40 {
	margin-bottom: 40px !important;
}

.mgb50 {
	margin-bottom: 50px !important;
}

.mgb60 {
	margin-bottom: 60px !important;
}

.mgb100 {
	margin-bottom: 100px !important;
}

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

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

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

/* etc */
.blind {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0
}

.skip {
	position: absolute;
	top: -100000px;
	left: -100000px;
	visibility: hidden;
	overflow: hidden;
}

.tx_ellipsis90 {
	display: block;
	max-width: 90%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.tx_ellipsis95 {
	display: block;
	max-width: 95%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.tx_ellipsis100 {
	display: block;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.disable {
	pointer-events: none;
}

.yDisable {
	background-color: #eee !important;
}

.nDisable {
	background-color: #fff !important;
}

/* 컬러색상 */
.txt_r {
	color: #fe0000;
	font-style: normal;
}

.txt_b {
	color: #0054fe;
	font-style: normal;
}

.txt_point {
	color: #ff3333;
	font-size: 11px;
	font-style: normal;
}

.txt_gray {
	color: #999;
	font-size: 11px;
	font-style: normal;
}

.txt11 {
	color: #9f9f9f;
	font-size: 11px;
	font-style: normal;
}

/* 웹폰트 굵기 */
.fw100 {
	font-family: 'Pretendard';
	font-weight: 100 !important;
}

.fw300 {
	font-family: 'Pretendard';
	font-weight: 300 !important;
}

.fw400 {
	font-family: 'Pretendard';
	font-weight: 400 !important;
}

.fw500 {
	font-family: 'Pretendard';
	font-weight: 500 !important;
}

.fw600 {
	font-family: 'Pretendard';
	font-weight: 600 !important;
}

.fw700 {
	font-family: 'Pretendard';
	font-weight: 700 !important;
}

.fw800 {
	font-family: 'Pretendard';
	font-weight: 800 !important;
}

/* IE10 input type auto x delete */
input[type=text]::-ms-clear,
input[type=file]::-ms-clear {
	display: none;
}

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

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

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

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

/* placehoder color style */
.my-placeholder {
	color: #999 !important;
}

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

textarea:focus {
	outline: none;
}

select:focus {
	outline: none;
}

button:focus {
	outline: none;
}

/* display */
.flex_box {
	display: flex;
	align-items: center;
	gap: 5px;
}

.flex_column {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.flex_space_between {
	display: flex;
	justify-content: space-between;
}