@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
	font-weight:400;
	line-height:1.3;
	letter-spacing:-.3px;
	word-break:keep-all;
}
html, body { 
	width: 100%; 
	min-height: 100%;
	font-family: 'Noto Sans KR', sans-serif;
}
a { 
	text-decoration:none; 
	cursor:pointer;
}
li { 
	list-style:none; 
}
button { 
	background:transparent;
	border:none;
	cursor:pointer;
}
label { 
	cursor:pointer; 
}
input, button, label { 	
	font-family: 'Noto Sans KR', sans-serif; 
}
.sgap { 
	height: 22px; 
	font-size:0;
}
@media all and (max-width:999px){
	.sgap { 
		height: 15px; 
	}
}
@media all and (max-width:599px){
	.sgap { 
		height: 10px; 
	}
}

/* 로그인 시작
------------------------------------------------------ */
.logInWrap { 
	display:flex; 
	align-items:center; 
	justify-content:center; 
	width: 100vw;
	height: 100vh;
	padding:20px;
}
.logInCon { 
	width: 300px;
	max-width: 100%;
}
.logInCon .logInLogo { 
	margin:0 auto 37px; 
	text-align: center;
}
.logInCon .logInLogo .imgBox { 
	margin:0 auto;
	font-size:0; 
}
.logInCon .logInLogo .imgBox img { 
	max-width: 100%; 
}
.logInCon .logInLogo .loginTit { 
	margin:18px 0 0;
	font-weight:500;
	font-size:18px;
	color:#49A8EF;
}
.logInCon .logInBox .tit { 
	margin:0 0 5px;
	font-size:16px; 
	color:#212121;
}
.logInCon .logInBox .inputArea { 
	width: 100%;
	padding:12px;
	border:1px solid #E0E0E0;
	border-radius: 5px;
	font-size:14px;
	color:#212121;
}
.logInCon .logInBox .inputArea::placeholder { 
	color:#9E9E9E; 
}
.logInCon .logInBox #btn_login { 
	display:flex; 
	align-items:center;
	justify-content:center; 
	width: 100%;
	height: 48px;
	margin:40px 0 0;
	background: #49A8EF;
	border-radius: 5px;
	font-weight:700;
	font-size:18px;
	color:#FFF;
}
@media all and (max-width:999px){
	.logInCon .logInLogo { 		
		margin:0 auto 20px;
	}
	.logInCon .logInLogo .imgBox { 
		width: 109px; 
	}
	.logInCon .logInLogo .loginTit { 
		margin:10px 0 0;
		font-size:16px;
	}
	.logInCon .logInBox .tit { 
		font-size:15px; 
	}
	.logInCon .logInBox .inputArea { 
		padding:10px;
		font-size:13px; 
	}
	.logInCon .logInBox #btn_login { 
		height: 40px; 
		margin:30px 0 0;
		font-size:17px;
	}
}
@media all and (max-width:599px){
	.logInCon .logInLogo { 
		margin:0 auto 15px;
	}
	.logInCon .logInLogo .imgBox { 
		width: 95px; 
	}
	.logInCon .logInLogo .loginTit { 
		font-size:15px;
	}
	.logInCon .logInBox .tit { 
		font-size:14px; 
	}
	.logInCon .logInBox .inputArea { 
		padding:8px;
		font-size:12px; 
	}
	.logInCon .logInBox #btn_login { 
		height: 35px; 
		margin:20px 0 0;
		font-size:16px;
	}
}
/* 로그인 끝
------------------------------------------------------ */