@charset "UTF-8";
/* 메인비주얼 */
/* .main-visual{position: relative;height: 820px; background: #4199e8 url(../img/img-main/main-bgvisual.jpg) center center no-repeat;} */
.main-visual{position: relative;height: 76vh; min-height:670px; background: #4199e8 url(../img/img-main/main-bgvisua1l.jpg) center center / cover;}

/* .main-visual .main-text{position: absolute; width:574px; height:389px} */
.main-visual .main-text{position: absolute;}

@keyframes move1 {
	0% { top:33vh; opacity: 0}
	100% { top:0vh; opacity: 1}
}
.main-text.move-text {position:relative; left:0px; top:50px;}
.main-text.move-text > img {animation: move1 2.5s ease; position:absolute; }


.main-login{position: absolute; bottom:180px; padding-left: 160px; width: 374px}
.main-login .login-container{height: 30px;}
.main-login input{border-radius: 4px;  width: 145px; height: 28px; background-color: #fff;  border: 0; padding: 0 10px; font-size: 12px; letter-spacing: 0.5px;}
.main-login input::-webkit-input-placeholder {font-size: 11px; color: #aeaeae}
.main-login button{border-radius: 4px;  padding: 0; background-color: #fff;  border: 0; width: 64px; height: 28px; color: #3e6d9a; margin-left: 1px;}

.main-login .logout-container{height: 30px; color:rgba(255,255,255,0.7)}
.main-login .logout-container span {font-weight:bold; color:rgba(255,255,255,1); margin-right:5px; font-size:16px;}
.main-login .logout-container button {margin-left:60px;}

.login-text .checkbox{width: 14px; height: 14px; padding: 0;}
.login-text{width: 365px; padding-top: 8px;}
.login-join{float: right;}
.login-idsave, .login-join a{color: #fff; font-size: 13px;}
.login-join > a:first-child {padding-right: 10px;}
/*.h-line{background: url(../img/img-main/login-Hline.jpg) 54px center no-repeat;}*/
.h-line:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 9px;
    background-color: #e3e4e5;
    vertical-align: middle;
    margin-right: 10px;
}
.banner {position: absolute; bottom: 0;}
.banner li{float: left;}