@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,700;1,500&display=swap');
*{    margin: 0;    padding: 0;    text-decoration: none;    font-family: Montserrat, sans-serif;}
body{    min-height: 100vh;    background-image: linear-gradient(120deg, #3498db, #8e44ad);}

.login_table{background:#fff;width:90%;margin:30px auto;padding:20px; border-radius: 10px;}


.title_name{   font-size:1.9em;   font-weight:800; }
.title_name span{  font-family:"나눔고딕"}
.login-form{    width: 360px;    background: #f1f1f1;    height: 600px;    padding: 30px 40px;    border-radius: 10px;    position: absolute;    left: 50%;    top: 50%;    transform: translate(-50%,-50%); }
.login-form h1{    text-align: center;    margin-bottom: 20px;}
.txtb{    border-bottom: 2px solid #adadad;    position: relative;    margin: 30px 0;}
.txtb input{    font-size: 15px;    color: #333;    border: none;    width: 100%;    outline: none;    background: none;    padding: 0 5px;    height: 40px;}
.txtb span::before{    content: attr(data-placeholder);    position: absolute;    top: 50%;    left: 5px;    color: #adadad;    transform: ranslateY(-50%);    z-index: -1;    transition: .5s;}
.txtb span::after{    content: '';    position: absolute;   width: 0%;    background: linear-gradient(120deg, #3498db, #8e44ad);    transition: .5s;}
.focus + span::before{    top: -5px;}
.focus + span::after{    width: 100%;}
.logbtn{    display: block;    width: 100%;    height: 50px;    border: none;  font-weight:900;   background: linear-gradient(120deg,#3498db,#8e44ad,#3498db);
    background-size: 200%;    color: #fff;    outline: none;    cursor: pointer;    transition: .5s;}
.logbtn:hover{    background-position: right;}
.bottom-text{    margin-top: 10px;    text-align: center;    font-size: 13px;}
.bottom-text a{   color:blue;}

@media (max-width: 600px) {
.login-form{    width: 290px;   height: 560px;  padding: 30px 20px;   }
}