body {margin:0;padding:0; font-family: "pretendard", sans-serif !important; letter-spacing: -0.07em;}
hr {display:none;clear:both;}
img {border:0 none;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form {margin:0;padding:0;}
table {border-collapse:collapse;border:0 none; }
table th, table td {vertical-align: middle !important; text-align: center;}
form, p {margin: 0px;}
button {margin:0;padding:0;border:0 none;background:transparent;*overflow:visible;cursor:pointer;}
button::-moz-focus-inner {padding:0;border:0;}
ul, li, ol, dt, dd { list-style: none;}
body,table,th,td,input,select,textarea,div {
font-size: 12px;
font-style: normal;
line-height:18px;
margin:0;
word-spacing:-1pt;
word-break:break-all;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

a{text-decoration:none; color:#333;}
a:hover{text-decoration:none}

#login-wrap {
	/* background: linear-gradient( to right, #2d1d3c, #363e5f ); */
	background-color: #292e32;
	background-size: cover;
	/* background-color:#f9f9f9; */
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

.login-box {
	width: 1190px;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
	background-color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	z-index: 2;
}

.login-spin {width: 330px; height: 328px; background: url(../img/login/login-bg.png) no-repeat; animation: spin 30s infinite linear; position: absolute; top: -50px; left: 210px; z-index: 1;}

.login-box-left { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 430px;  padding: 0px 53px}
.login-box-left .login-area { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.login-box-left .login-area .login-logo {border-bottom:1px dashed #cccccc; width: 100%; text-align: center; padding-bottom: 50px;}

.login-form {margin-top: 50px; width: 100%; padding-bottom: 50px; border-bottom: 1px dashed #ccc;}
.login-form h3 {text-align: center; font-size: 30px; line-height: 30px; color: #000; font-weight: 600; margin-bottom: 15px; letter-spacing:-1px;}
.login-form p{font-size:18px; color:#adb1b8; text-align:center; margin-bottom:38px; letter-spacing:-0.3px;}

.login-area form { width: 100%;}

.login-form ul { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%;}
.login-form ul li { display: flex; width: 100%; margin-bottom: 20px;}
.login-form ul li input{ padding: 17px 32px; border-width: 0px; background-color: #eeeeee; width: 100%; border-radius: 30px; }
.login-form ul li input[type='submit'] {
	width: 100%; background-color: #1c4da0; color: #fff;
	font-size: 16px; padding: 15px 0px; cursor: pointer;
	font-weight: 500; font-family:'pretendard';
}

.login-form ul li input::placeholder{font-family:'pretendard'; font-size:15px;}

.login-form ul li input:-webkit-autofill,
.login-form ul li input:-webkit-autofill:hover,
.login-form ul li input:-webkit-autofill:focus,
.login-form ul li input:-webkit-autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #f3eedb inset;
    box-shadow: 0 0 0px 1000px #f3eedb inset;
    transition: background-color 5000s ease-in-out 0s;
}

.login-form ul li input:autofill,
.login-form ul li input:autofill:hover,
.login-form ul li input:autofill:focus,
.login-form ul li input:autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #f0f0f0 inset;
    box-shadow: 0 0 0px 1000px #f0f0f0 inset;
    transition: background-color 5000s ease-in-out 0s;
}

.login-form .hint-txt{font-size: 16px; margin-top: 15px; font-weight: 300; color: #fff;}
.blank-box{min-height:110px;}
.login-box-right{ width: 654px; height: 745px; }
.login-box-right .login-img {
	/* background: url(../img/login/login-img.png) no-repeat; */
	/* background: url(../img/login/login-img5.png) no-repeat; */
	background: url(../img/login/login-img.png) no-repeat;
	width: 100%;
	height: 100%;
}