@charset "utf-8";

@font-face {
	font-family: Pretendard;
	src: url(/Form/fonts/Pretendard-Regular.woff2) format(woff2);
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: Pretendard;
	src: url(/Form/fonts/Pretendard-Medium.woff2) format(woff2);
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: Pretendard;
	src: url(/Form/fonts/Pretendard-SemiBold.woff2) format(woff2);
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: Pretendard;
	src: url(/Form/fonts/Pretendard-Bold.woff2) format(woff2);
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: RiaSans-Regular;
	src: url(/Form/fonts/RiaSans-Regular.otf) format(opentype), url(/Form/fonts/RiaSans-Regular.ttf) format(truetype);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: RiaSans-Bold;
	src: url(/Form/fonts/RiaSans-Bold.otf) format(opentype), url(/Form/fonts/RiaSans-Bold.ttf) format(truetype);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: RiaSans-ExtraBold;
	src: url(/Form/fonts/RiaSans-ExtraBold.otf) format(opentype), url(/Form/fonts/RiaSans-ExtraBold.ttf) format(truetype);
	font-weight: normal;
	font-style: normal;
}

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
}
html, body { 
	position:relative; 
	width: 100%;
	overflow-x:hidden;
}
html.onFixed { 
	height: 100%;
	overflow: hidden;
}
body { 
	font-family: Pretendard, sans-serif;
	font-weight:400;
	line-height:1.3;
	letter-spacing:0;
	word-break:keep-all;
}
a { 
	text-decoration:none; 
}
li { 
	list-style:none; 
}
button, input, textarea, select { 
	background: transparent; 
	border:none;
	font-family: Pretendard, sans-serif;
	line-height:1.3;
	letter-spacing:0;
	word-break:keep-all;
}
label, button, a {
	cursor:pointer; 
}
input, textarea { 
	display:block; 
	min-width: 0; 
	outline:none; 
}
button { 
	text-align: left; 
}
textarea { 
	resize:none;
}
table { 
	width:100%;
	table-layout:fixed; 
	border-spacing:0;
	border-collapse:collapse; 
}

.wrapper { 
	min-height: 100vh;
	padding:20px 60px;
	background: #F5F5F5;
}
.comPopBg { 
	position:fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.6);
	z-index: 1;
}

.comPopBg .scrollBox { 
	max-height: 750px;
	overflow-y:auto;
}

@media all and (max-width:999px){
	.wrapper { 
		padding:16px;
	}
	.comPopBg .scrollBox { 
		max-height: 200px; 
	}
}

/* 테이블 관련 시작
------------------------------------------------------ */
.td_80 { 
	width: 80px; 
}
.td_100 { 
	width: 100px; 
}
/* 테이블 관련 끝
------------------------------------------------------ */