	/*Common*/
body {
	color: black;
	background-color: rgba(188,188,188,0.1);
	font-family: Arial;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6, p, label, ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
p {
	line-height: 1.3;
}
a {
	text-decoration: none;
	color: black;
	font-weight: normal;
}

layer {
		display: block;
		}
input, textarea {
	outline: none;
	font-family: Arial;
}

/*Scrollbar*/
.horizontal-track {
	overflow-y: auto;
}
.vertical-track {
	overflow-x: auto;
}
.horizontal-track::-webkit-scrollbar {
	width: 5px;
}
.vertical-track::-webkit-scrollbar {
	height: 5px;
}
.horizontal-track::-webkit-scrollbar-track,
.vertical-track::-webkit-scrollbar-track {
	background-color: rgba(188, 188, 188, 0.1);
}
.horizontal-track::-webkit-scrollbar-thumb,
.vertical-track::-webkit-scrollbar-track {
	background-color: rgba(188, 188, 188, 0.9);
	border-radius: 10px;
}

/*Block Layout*/
.main-section {
	position:relative; z-index: 9; background-color: white;
}
.new-layer {
	margin: 0 auto;
	padding: 75px 0;
	max-width: 1366px;
}
.flex-content {
	display: flex;
	display: -webkit-flex;
}
.block-center {
	align-items: center;
	align-self: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 auto;
	text-align: -webkit-center;
	text-align: center;
}
@media (min-width: 360px) and (max-width: 768px) {
	.flex-column {
		flex-direction: column;
	}
}

/*Block Size*/
.col-1 {
	width: 100%;
	box-sizing: border-box;
}
.col-2 {
	width: 50%;
	box-sizing: border-box;
}
.col-3 {
	width: 33.99%;
	box-sizing: border-box;
}
.col-4 {
	width: 25%;
	box-sizing: border-box;
}
.col-5 {
	width: 20%;
	box-sizing: border-box;
}
@media (min-width: 360px) and (max-width: 768px) {
	.col-2,
	.col-3,
	.col-4,
	.col-5 {
		width: 100%;
	}
	.full-width {
		width: 100% !important;
	}
}

/*Device Mode Change*/
.desktop-mode {
	display: block;
}
.mobile-mode {
	display: none;
}
@media (min-width: 360px) and (max-width: 768px) {
	.desktop-mode {
		display: none;
	}
	.mobile-mode {
		display: block;
	}
}

/*Title & word font*/
@media (min-width: 360px) and (max-width: 768px) {
	.sub-title {
		font-size: 24px;
	}
	.sub-word {
		font-size: 15px;
	}
}