/*** # 공통 CSS ***/

@charset "utf-8";

/* theme color */
:root{
	--white: #fff;
	--black: #000000;
	--font-color: #1E1E1E;
	--gray-color: #828282;
	--point-blue : #004BE1;
	--point-purple: #758BFD;
	--tag-bg: rgba(33, 140, 116, 0.1);
}

html {
	position: relative;
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	letter-spacing: -1px;
}

body {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: "Pretendard","Apple SD Gothic Neo", Sans-serif, -apple-system;
	color: var(--font-color);
	line-height: 150%;
	overflow: hidden;
}
html,body{
	overflow-x: hidden;
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {
	margin: 0;
	padding: 0;
	border: 0
}

body {
	padding:0;
	margin:0;
}
a{
	color:inherit;
	text-decoration:none;
}
input[type=button]{
	outline:none;
	cursor:pointer;
	font-family:"Pretendard","Apple SD Gothic Neo", Sans-serif, -apple-system;
	letter-spacing: -1px;
}
button{
	outline:none;
	cursor:pointer;
	font-family:"Pretendard","Apple SD Gothic Neo", Sans-serif, -apple-system;
	letter-spacing: -1px;
}

/* common */
.width-limit{
	max-width:1320px;
	width: 100%;
	margin:0 auto;
	box-sizing:border-box;
}
.pc{
	display:block;
}
.mo{
	display:none;
}
.mo480 {
	display: none;
}
.mo360 {
	display: none;
}
.none{
	display:none;
}

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

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

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

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

@media screen and (max-width:480px){
	.mo480 {
		display: block;
	}
}

@media screen and (max-width:360px){
	.mo360 {
		display: block;
	}
}