@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
    
@charset "utf-8";
/* CSS Document */

body {background-color: #f7f7f7;}
body, div, ul, li, ol, a, span, img, form, dl, dt, dd, iframe, p, footer, header, form, btn, input {list-style: none; padding: 0; margin: 0; font-size: 14px; font-family: 'Pretendard', sans-serif; font-weight: 400; border: 0; box-sizing: border-box; border-spacing: 0; border-collapse: collapse; vertical-align: top; color: #555;}
body, html {height: 100%;}

a:link {text-decoration: none;}
a:hover {text-decoration: none; color: #34b17b;}

#login-wrapper {min-height: calc(100vh - 167px); padding-top: 90px;}
#login-wrap {width: 500px; background-color: #fff; border-radius: 8px; padding: 70px 40px 50px; margin: 0 auto; box-shadow: 0px 0px 2px #eee;}

#logo {margin: 0 auto; padding-bottom: 5px;}
#logo ul {display: table; margin: 0 auto;}
#logo ul li {display: table-cell;}
#logo ul li:last-child {color: #222222; font-size: 26px; font-weight: 800; padding: 18px 0px 0px 8px;}

.title01 {margin-bottom: 30px; font-size: 12px; color: #ccc; text-align: center;}

.login-form ul li {padding-bottom: 10px;}
.login-form ul li input {font-size: 18px; color: #000; padding-left: 20px; background: #fff; border: solid 1px #d1d1d5; border-radius: 5px; height: 50px; width: 100%;}
.login-form ul li input:focus {outline: none; background: #fff;}
.login-form ul li input::placeholder {color: #999; font-size: 16px;}

btn {background: #34b17b; text-align: center; color: #fff; padding: 18px 0px; border-radius: 5px; width: 100%; display: block; font-weight: 500; font-size: 16px; cursor: pointer;}

.reset01 {clear: both; border-top: dotted 1px #555; margin-top: 30px; padding-top: 30px; text-align: center; line-height: 1.2em;}
.reset01 btn {margin: 0 auto; padding: 15px 0px; border-radius: 5px; background: #222; color: #fff; text-align: center; font-size: 12px; margin-bottom: 15px; width: 100%;}

.time01 {margin: 0 auto; margin-bottom: 10px;}
.time01 ul {display: table; width: 100%;}
.time01 ul li {display: table-cell; color: #ff2e2e;}
.time01 ul li:last-child {text-align: right; color: #555; cursor: pointer; text-decoration: underline;}

footer {background: #000; clear: both;margin-top: 30px;}
footer div {padding: 20px 10px 30px 0px; margin: 0 auto; width: 90%; max-width: 1200px;}
footer div ul li:first-child {padding-bottom: 10px; color: #ccc; font-size: 12px; text-transform: uppercase;}
footer div ul li {color: #eee; font-size: 13px; line-height: 1.5em;}
footer div a {color: #fff; font-weight: 500;}
footer div a:link {color: #fff; font-weight: 500;}
footer div a:hover {color: #34b17b; font-weight: 500;}


@media (max-width: 580px) {
    #login-wrapper {padding-top: 60px; min-height: calc(100vh - 210px);}
    #login-wrap { width: 90%; padding: 40px 40px 40px;}
}