@charset "utf-8";

/* THEME COLOR */
:root{
	--black: #000;
	--white: #fff;
	--font-color: #121212;
	--width-max-limit: 1800px;
	--header-height: 100px;
	--dark: #121212;
	--point-gray: #6d6d6d30;
	--light-dark: #3b3b3b;
	--line-gray: #c8c8c8;
	--bg-gray: #EEEEEE;
	--theme-color1: #ff4763;
	--theme-color2: #040023;
	--basic-font: "Pretendard","Apple SD Gothic Neo", Sans-serif, -apple-system;
	--eng-point-font: "Montserrat", "Pretendard","Apple SD Gothic Neo", Sans-serif, -apple-system;
}

/* CSS Document */
*{
	margin:0;padding:0;
}
html, body{
/* 	min-width:1280px; */
	font-family: var(--basic-font);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
img:not(.Ncss){
	border:0;
	vertical-align:middle;
}
ul:not(.Ncss){
	list-style:none;
}
a {
	cursor: pointer;
}
a:not(.Ncss){
	text-decoration:none;
	color:inherit;
}
body{	
	overflow-x:visible;
	color:var(--font-color);
	font-size:14px;
	font-weight: 400;
	letter-spacing:normal;
	-wekit-text-size-adjust:none;
	background-color: var(--bg-gray);
}
html.hidden {
	overflow-y: hidden;
}
input{
	font-family: var(--basic-font);
}
input[type=button], button {
	cursor: pointer;
	outline: none;
	border: none;
}
label{
	cursor: pointer;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}
span.required{
	color: #ff5050;
}

/* common */
.width-limit{
	max-width:var(--width-max-limit);
	width: 100%;
	margin:0 auto;
	box-sizing:border-box;
}
.pc{
	display:block;
}
.mo{
	display:none;
}
.none{
	display:none;
}
.nowrap {
	white-space: nowrap;
}

/* Scroll */
.scroll-style::-webkit-scrollbar {width:5px}
.scroll-style::-webkit-scrollbar-track {background-color: transparent}
.scroll-style::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #aaa}
.scroll-style::-webkit-scrollbar-button {width: 0;height: 0;}

@media screen and (max-width:1920px){
	:root{
		--width-max-limit: 1500px;
	}
}

@media screen and (max-width:1600px){
	:root{
		--width-max-limit: 1300px;
	}
}


@media screen and (max-width:1400px){
	:root{
		--width-max-limit: 1100px;
	}
}

@media screen and (max-width:1200px){
	:root{
		--width-max-limit: none;
	}
	.width-limit{
		width: 100%;
		padding:0 50px;
	}
}

@media screen and (max-width:970px){
	.width-limit{
		padding: 0 30px;
	}
}

/* MOBILE */
@media screen and (max-width:768px){
	:root{
		--width-max-limit: 700px;
		--header-height: 70px;
	}
	.width-limit{
		max-width: var(--width-max-limit);
		padding:0 15px;
	}
	.pc{
		display:none !important;
	}
	.mo{
		display:block;
	}
}