@charset "euc-kr";

/* index.asp */
/*Àüü È­¸éÀ» °¨½Î´Â div*/
body,#login {margin: auto;width: 100%;height: 92%;}
* {margin:0;padding:0;box-sizing:border-box;}
ul, li {list-style: none;}

body {font-family:'SUIT', sans-serif;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }
input:focus {outline:none;}

#login .wrap_bg {position:absolute; width:100%; height:100%;}
.wrap_bg .log_head {display:flex; justify-content: center; align-items:  center; width:100%; height:165px; margin-top:30px;}
.wrap_bg .log_head ul {display:flex; flex-direction: column; justify-content: center; align-items: center; width:300px; padding:0 1em; margin-top:70px;}
.wrap_bg .log_head ul img {width:100%;}
.wrap_bg .log_cont {float:left; width:100%; height:500px; margin-top:20px;}

.main_cont { width:450px; height:600px; margin:0 auto; background:#fff;box-shadow: 0px 0px 20px #ddd;}
.main_cont h1 { text-align:center; font-weight:100; font-size:36px; padding:50px 0 30px;}
.main_cont .log_id_box {display:flex; flex-direction:column; align-items:center; margin-bottom:20px;}
.log_id {  font-size:14px; font-weight:bold; margin-bottom:15px;  }
.log_id input {width:380px;border:1px solid #ccc; border-radius:5px 5px 0px 0px; font-size:15px;padding:15px;font-family:'SUIT', sans-serif;}
.log_pw {  margin-top:10px; font-size:14px; font-weight:bold; }
.log_pw input {width:380px;border-top:none!important;border:1px solid #ccc; border-radius:0px 0px 5px 5px; font-size:15px;padding:15px;font-size:15px;font-family:'SUIT', sans-serif;}

.log_txline {clear:both}

.fa-regular { font-size: 18px;vertical-align: text-bottom;margin-right: 5px;}

.chk_box { display: block; position: relative; padding-left: 2px; margin-bottom: 10px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* .chk_box input[type="checkbox"] { display: none; } */
.on { width:20px; height:20px; background: #007535; position: absolute; top: 0; left: 0; border-radius:15px;}
/*.chk_box input[type="checkbox"]:checked + .on { background: #ddd; }*/
.on:after { content: ""; position: absolute; display:block; }
.chk_box input[type="checkbox"]:checked + .on:after { display: block; }
.on:after { width:4px; height:8px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left:7px; top:4px; }

.idckon{background: #ddd;}

.log_box { display:flex; justify-content:space-between; padding:0 35px;}
.signup_num { cursor:pointer; font-size:14px; }

.log_bn p { cursor:pointer; height:50px; margin:0 35px; margin-top:30px; font-weight:500; text-align:center; line-height:50px; font-size:18px; background:brown; color:#fff;}
.log_bn p:hover { transition:0.5s; background:#eeeeff; color:#222; }

.terms_box { border:1px solid #ccc; margin:0 35px; margin-top:30px; padding:20px 18px;}
.terms_box p:first-child { font-size:14px; margin-bottom:5px;}
.terms_box p:last-child { font-size:13px; line-height:1.6}
.adminpop_box .adminpop { font-size: 12px;padding: 20px;line-height: 20px;width: 382px;height: 82px;border: 1px solid rgb(255, 225, 176);background-color: brown;color: antiquewhite;position: absolute;margin: 0px 0 0 34px;text-align: center; }
.flow_banner {overflow: hidden;display: flex;max-width: 100%;}
	.flow_banner .list {display: flex;}
	.flow_banner .list > li {font-size: 18px;color: #fff;padding: 20px;}
	@keyframes flowRolling {
	    0% {
	        transform: translateX(0);
	    }
	    100% {
	        transform: translateX(-100%);
	    }
	}

	.main_cont { box-shadow:none; }
	.log_id, .log_pw { margin:0; }
	.log_bn p, #adminpop { border-radius:5px; }
	.terms_box { border:0; border-top:2px solid #ccc; margin:0 35px; margin-top:35px; padding:30px 18px; }
	.chk_box input { vertical-align:middle; zoom:1.3; margin-top:-3px; }
	.log_box input { vertical-align:middle; zoom:1.3; margin-top:-3px; }


	/* ¹ÝÀÀÇü */
	@media (max-width: 1280px) {
			.flow_banner .list > li {font-size: 16px;padding: 10px;}
	}

	@media (max-width: 767px) {
			.flow_banner .list > li {font-size: 14px;padding: 15px;}
	}

	@media (max-width: 470px) {
	.main_cont {width:100%;}
	.main_cont .log_id_box {padding:0 1em;}

	.log_id, .log_pw {width:100%;}
	.log_id input, .log_pw input {width:100%;}

	.log_box {padding:0 1em;}
	.adminpop_box {padding:0 1em;}
	.adminpop_box .adminpop {width:90%; height:auto; left:50%; margin-left:calc(90% / -2);}

	.log_bn {padding:0 1em;}
	.log_bn p {margin:30px 0 0;}

	.terms {padding:0 1em; margin-top:35px;}
	.terms .terms_box {margin:35px 0 0;}
	}