@charset "utf-8"; 
/* CSS Document */

@font-face { font-family: 'S-CoreDream';  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');  font-weight: 300;  font-style: normal;  }
@font-face { font-family: 'S-CoreDream';  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');  font-weight: 400;  font-style: normal;  }
@font-face { font-family: 'S-CoreDream';  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');  font-weight: 600;  font-style: normal;  }
@font-face { font-family: 'S-CoreDream';  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');  font-weight: 800;  font-style: normal;  }
@font-face { font-family: 'TmonMonsori';  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');  font-weight: normal;  font-style: normal;  }

body {
	font-family: 'S-CoreDream', sans-serif; 
	font-size:14px; 
	margin:0;
}

ul {list-style:none; padding:0;}

div.main_visual {position:relative; width:100%; height:500px; background:url('../images/main_visual.png') no-repeat center center;}
div.main_visual> .main_title {width:100%; height:100%; text-align:center;padding-top:12vh;}
div.main_visual> .main_title img {height:40%;}

div.login_box {width:100%; height:250px; background:#ededed; padding-top:5%;}
div.login_box> ul {width:1500px; height:60%; background:white; margin:0 auto; border-radius:30px 30px 30px 30px;}
div.login_box>ul> li {height:80%; margin-top:1%;}
div.login_box>ul> .first {float:left; width:25%;}
div.login_box>ul>.first> p {margin:6% 3% 0 0; text-align:center; font-size:2.5rem; font-weight:600;}
div.login_box>ul> .second {float:right; width:75%;}
div.login_box>ul>.second> ul {margin-top:3%;}
div.login_box>ul>.second>ul>form> li {float:left; width:30%; margin-right:3%;}
div.login_box>ul>.second>ul>form>li> input {height:40px; width:100%;} 
div.login_box>ul>.second>ul>form>li> a {text-decoration:none;}
div.login_box>ul>.second>ul>form>li>a> div {height:40%; width:90%; text-align:center; font-size:1.8rem; background:#083f88; color: #ffffff; border-radius:15px;}

div.footter_box {width:100%; height:150px; background:#2f2f2f;}
div.footter_box>div {width:1500px; margin: 0 auto; text-align:center;}
div.footter_box>div> img {height:60%; padding-top:3%;}

@media (max-width:1500px) {
	div.footter_box>div {width:90%; margin: 0 auto;}
	div.login_box> ul {width:90%; margin: 0 auto;}
}

@media (max-width:1500px) {
	div.login_box>ul>.first> p {margin-top:10%;}
	div.login_box>ul>.second> ul {margin-top:5%;}
}
@media (max-width:900px) {
	div.login_box>ul>.first> p {margin-top:14%;}
	div.login_box>ul>.second> ul {margin-top:7%;}
}

@media (max-width:768px) {
	div.main_visual {height:300px;}
	div.login_box {height:370px;}
	div.login_box> ul {height:90%;}
	div.login_box> ul li {width:100% !important;}
	div.main_visual> .main_title img {}
	div.login_box>ul> li.first {height:15%; margin:0;}
	div.login_box>ul>li.first> p {margin:4%;}
	div.login_box>ul>.second>ul>form>li {text-align:center;}
	.btn2 {padding-top:10%;}
	div.login_box>ul>.second>ul>form>li> input {height:15%; width:80%; margin-bottom:5%;}
	div.login_box>ul>.second>ul>form>li>a> div {height:22%; width:80%; margin:0 auto; padding-top:2%;}

	div.footter_box {height:130px;}
	div.footter_box>div> img {height:30%; margin-top:6%;}

}

@media (max-width:450px) {
	div.login_box>ul>li.first> p {font-size:1.8rem;}

	div.login_box>ul>.second>ul>form>li>a> div {padding-top:4%; height:19%;}

	.btn2 {padding-top:20%;}
}