@charset "utf-8";

@import url("./font.css");


:root {
 --bs-blue: #1a8fcc;
 --bs-red: #dc3545;
 --bs-orange: #ff5e15;
 --bs-black: #000;
 --bs-white: #fff;
 --bs-gray: #6c757d;
 --bs-gray-dark: #343a40;
 --bs-gray-100: #f4f3f3;
 --bs-gray-200: #222222;
 --bs-gray-300: #333333;
 --bs-gray-400: #444444;
 --bs-gray-500: #666666;
 --bs-gray-600: #999999;
 --bs-gray-700: #495057;
 --bs-gray-800: #343a40;
 --bs-gray-900: #212529;
 --bs-primary: #31363F;
 --bs-secondary: #76ABAE;
 --bs-third: #39459b;
 --bs-light: #6c74a3;
 --bs-dark: #0c0c0c;
 --bs-font: #231815;
 --bs-font-nor: #595857;
 --bs-primary-font-sans-serif:'NanumBarunGothic', "돋움", Dotum, Arial, sans-serif
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
::-webkit-scrollbar {
 width: 5px;
}
::-webkit-scrollbar-thumb {
 height: 30px;
 background-color: var(--bs-primary);
 background-clip: padding-box;
 border: 0px solid transparent;
}
html {
	overflow-y: auto;
	scroll-behavior: smooth;
}
body {
	background: #FEFCF6;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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;
}
body, table, th, td, button, select, input, textarea {
	font-family: var(--bs-primary-font-sans-serif);
	font-size: 16px;
	color: var(--bs-font);
	line-height: 1;
	-webkit-text-size-adjust: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
audio, canvas, img, video {
	vertical-align: middle;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}
img, fieldset {
	border: 0;
}
input, select, textarea {
	line-height: 1.2;
	vertical-align: middle;
}
input:focus, select:focus, textarea:focus {
	outline: 0;
}
 input::placeholder {
 text-align: left;
 color: #aaaaaa;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
 color: transparent !important;
}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
 color: transparent !important;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
 color: transparent !important;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
 color: transparent !important;
}
button, select {
	text-transform: none;
}
button, input {
	line-height: normal;
}
textarea {
	resize: vertical;
	overflow: auto;
}
address, caption, cite, code, dfn, em, var {
	font-style: normal;
	font-weight: normal;
}
label {
	cursor: pointer;
}
caption {
	display: none;
	visibility: hidden;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #eaeaea;
	margin: 1em 0;
	padding: 0;
}
a {
	color: var(--bs-gray-500);
	text-decoration: none;
}
a:active, a:hover, a:focus {
	text-decoration: none;
}
button {
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	border: 0px;
	background: none;
}
.cm-al {
	text-align: left !important;
}
.cm-ac {
	text-align: center !important;
}
.cm-ar {
	text-align: right !important;
}
.cm-aj {
	text-align: justify !important;
}
.max-img {
	max-width: 100%;
}
.text-primary {
	color: var(--bs-primary)!important;
}

@media all and (max-width:560px) {
body, table, th, td, input, textarea, button, select {
	font-size: 13px;
}
}