@charset "utf-8";

/*+++++++++++ Media Query (index.css) ++++++++++++++*/
/* ====== mobile(start) ====== */
@media screen and (max-width: 768px) {
	

	
}
/* ====== mobile(end) ====== */

/* ******************************************************************
   ******************************************************************
   ******************************************************************
   ***********************(index.css)********************************
   ******************************************************************
   ******************************************************************
   ****************************************************************** */

/* ====== tablet(start) ====== */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	
	


}
/* ====== tablet(end) ====== */

/* ******************************************************************
   ******************************************************************
   ******************************************************************
   ***********************(index.css)********************************
   ******************************************************************
   ******************************************************************
   ****************************************************************** */

/* ====== desktop(start) ====== */
/* @media screen and (min-width: 1025px) {  */
	
	select, input { font-size: max(0.9375vmin, 14.5px); color: #555 !important; padding: 6px 5%; box-sizing: border-box; }
	input::placeholder { color: #aaa !important; }
	input::-webkit-input-placeholder { color: #aaa !important; }
	input:-ms-input-placeholder { color: #aaa !important; }
	#wrap { font-size: 1.6rem; }
	#login_bg { display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; height: 100vh; padding: 0 20px; }
	#login_container { display: grid; justify-items: center; transform: translateY(-10px); }
	#login_container > * { margin-bottom: 3rem; }
	#login_container > *:last-child {  width: min(max(55vmin, 280px), 450px); margin-bottom: 0; }
	#login_container > h1 { font-size: min(max(3.75vw, 50px), 65px); font-weight: 700; color: #3491ff; line-height: 1em; letter-spacing: -3px; }
	#login_container > p { display: inline-block; font-size: min(max(20vw, 13.5px), 16.5px); text-align: center; line-height: 1.3em; padding: 0 30px; }
	#login_container > div.login { width: min(max(55vmin, 300px), 450px); padding: 8% 6%; text-align: center; border-radius: 8px; background: #ffffffb0; box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px; }
	#login_container > div.login ul > li { margin-bottom: 15px; }
	#login_container > div.login ul > li:first-child > select { padding-right: 40px; border-radius: 50em !important; border: 1px solid #ccc; background: url(../images/btnIcn/select_arrow.png) top 15px right 20px no-repeat; background-size: 15px; }
	#login_container > div.login ul > li input.txtArea { width: 100%; background: transparent !important; padding-left: 5%; border: none; border-bottom: 1px solid #ccc; box-shadow: none !important; }
	#login_container > div.login ul > li:last-child { margin-bottom: 0; }
	#login_container > div.login ul > li:last-child > a { display: inline-block; padding: 18px 65px; background: #5ba6ff; color: #fff; font-weight: 500; transition: 0.3s; }
	#login_container > div.login ul > li:last-child > a:hover { background: #4695f3; box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px; }
	#login_container > div.GoMainBtn { border-top: 1px solid #e5e5e5; padding: 2rem 0; text-align: center; }
	#login_container > div.GoMainBtn a { display: inline-block; color: #3491ff; padding: 10px 23px; transition: 0.3s; border-radius: 5px; background: #f3f8ff;}
	#login_container > div.GoMainBtn i { color: #ccc; }
	#login_container > div.GoMainBtn a:hover { font-weight: 400; }
	
	
/* ====== desktop(end) ====== */