@charset "utf-8";

/*login*/
#page-login{padding:0;margin:0}
/*shape*/
.shape-style{position:absolute;max-width:1280px;height:100vh;margin:0 auto;left:0;right:0;overflow:hidden;}
.shape-style > div{position:absolute;width:75px;height:225px;background-color:currentColor;opacity:.9;}
.shape-style > div::after{display:inline-block;width:75px;height:225px;background:url(../img/common/filter_bg.png);opacity:.1}
.shape-style .red{color:#ec6c6a;}
.shape-style .yellow{color:#f6d188;}
.shape-style .green{color:#0ebc92;}
.shape-style > div:nth-child(1){right:195px;top:-85px;}
.shape-style > div:nth-child(2){right:95px;top:-150px;}
.shape-style > div:nth-child(3){right:0px;top:-10px;}
.shape-style > div:nth-child(4){left:0px;bottom:-100px;}
.shape-style > div:nth-child(5){left:95px;bottom:55px;}
.shape-style > div:nth-child(6){left:195px;bottom:-55px;}
.shape-style > div:nth-child(5)::before, 
.shape-style > div:nth-child(2)::before{display:inline-block;background:url(../img/common/star.svg)no-repeat 0 0;width:30px;height:30px;position:absolute;opacity:.2;}
.shape-style > div:nth-child(2)::before{bottom:15px;left:50%;margin-left:-15px;}
.shape-style > div:nth-child(5)::before{top:15px;left:50%;margin-left:-15px;}

.login-content{display:flex;flex-direction:column;align-items:center;position:relative;max-width:1280px;height:100vh;margin:0 auto;right:0;left:0;padding-top:150px;}
.login-content h1{display:inline-block;position:absolute;top:50px;left:40px;}
.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:420px;}
.login{width:375px;}
.login h2{color:#454545;font-size:32px;line-height:32px;margin:0 0 15px;font-weight:500}
.login .log_txt{font-size:14px;letter-spacing:.5px;color:#9f9f9f;font-weight:100}
.login form{width:100%;margin:0 auto;display:block;margin-top:50px;}
.login form .g-input{text-indent:10px;}
.login .g-input{display:block;width:100%;height:35px;line-height:35px;background-color:#fff!important;border:0;border-bottom:2px solid #d6d6d6}
.login .g-input:last-of-type{margin-top:30px}

.login .set-checkbox{margin:17px 0 21px;line-height:1;font-size:0}
.login .set-checkbox label{margin-left:3px;vertical-align:top;font-size:12px;color:#7f8184;line-height:22px}
.login .set-checkbox input{vertical-align:top;padding:0}
.login .text_input{display:block;width:100%;height:35px;line-height:35px;background-color:#f8f8f8}
.login .text_input:not(:first-child){margin-top:10px}
.login input[type="text"], 
.login input[type="password"] {font-size:14px;letter-spacing:1px;}
.login .submit{float:right;padding:8px 30px;letter-spacing:1px;border-radius:30px;background-color:#ffd336;color:#fff;font-size:14px;margin:20px 0;}
.login .submit:hover{background-color:#f1bc00;transition:.4s;}
.login__link{position:relative;display:block;font-weight:600;font-size:14px;margin-top:5px;color:#838383}
.login__link:first-child{margin-top:0;}

.login_info{display:block;clear:both;width:100%;border:1px solid #ddd;padding:30px;margin-top:20px;background:url(../img/common/login_bg.png)no-repeat right -40px bottom -35px;}
.login_info p{margin:30px 0 20px 0}
.number_info li{display:inline-block;line-height:20px;font-size:13px;margin-right:30px}
.number_info li.call:before{display:inline-block;width:21px;height:18px;vertical-align:middle;margin-right:8px;background:url(../img/common/phone.svg)no-repeat 0 0;opacity:.5}
.number_info li.mail:before{display:inline-block;width:21px;height:18px;vertical-align:middle;margin-right:8px;background:url(../img/common/mail.svg)no-repeat 0 0;opacity:.5}

/* login footer */
/*#loginFooter{position:fixed;bottom:50px}
#loginFooter .copy{font-size:11px;color:#7f8184;line-height:16px}

*/
#loginFooter{position:relative;margin-top:100px}
#loginFooter .copy{font-size:11px;color:#7f8184;line-height:16px}
#loginFooter .copy span{font-weight:700;margin-left:3px;color:#767676}


@media all and (min-width:1280px){
    .shape-style{max-width:calc(100vw - 100px)}
}
@media all and (max-width:992px){
    .login-content h1{top:20px;transition:.4s}
    .login-content{padding-top:120px;transition:.4s}
    .shape-style{opacity:0;transition:width .6s ease-in-out}
}
@media all and (max-width:576px){
    .login{width:90%}
    .login-content h1{left:25px}
    .login-container{width:90%;margin-bottom:20px;}
    .login_info{padding:15px}
}
/* input basic effect */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
     transition: background-color 5000s ease-in-out 0s;
     -webkit-transition: background-color 9999s ease-out;
     -webkit-box-shadow: 0 0 0px 1000px white inset !important;
     -webkit-text-fill-color: #454545 !important;
   }
::placeholder{color:#17b48f;opacity:1;font-size:14px}
::-ms-input-placeholder{color:#17b48f;font-size:14px}

fieldset a{border:none;min-width:0;color:inherit}

.ly_v2 {top:343px;left:58%;}
@media all and (max-width:576px){
  .ly_v2{top:317px;left:69%}
}