@charset "UTF-8";

button {
  border:0;
  outline:0;
}

button, a {
  transition-duration:0.3s;
}
input {
  border:0;
  outline:0;
}

.loginpage{
  background:url(../img/login_bg.jpg) no-repeat center center /cover;
  width:100vw;
  height:100vh;
  padding:0 20px;
    background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
}
.loginpage * {
  color:#fff;
}

.loginpage header {
  padding:10px 10px;
  max-width:1800px;
  margin:0 auto;
}
.loginpage__contents {
  background: #FFFFFF1A;
  width: 100%;
  border: 0.5px solid #FFFFFF5C;
  border-radius: 20px;
  padding:110px 40px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  max-width:1800px;
  margin:0 auto;
  height: calc(100vh - 230px);
} 

.loginpage__contents .left {}
.loginpage__contents .left h1 {
}
.loginpage__contents .left h1 .text-ko {
  font-weight:400;
  font-size:64px;
  padding-bottom:16px;
  display:block;
}
.loginpage__contents .left h1 .text-en {
  display:block;
  font-size:48px;
  color:#A2BDDD;
  padding-bottom:60px;
  font-weight:600;
}
.loginpage__contents .left p {
  font-size:24px;
  padding-bottom:100px;
  line-height:1.2;
}
.loginpage__contents .left button {
  background: #4277C180;
  border-radius: 62px;
  color:#fff;
  font-size:32px;
  padding:16px 20px;
  font-weight:200;
}
.loginpage__contents .left button:hover {
  background: #4277C1;
}
.loginpage__contents .right {
  width:500px;
}
.loginpage__contents .right .loginbox {
  backdrop-filter: blur(10px);
  box-shadow: 0px 4px 24px 6px #00000040;
  border-radius: 20px;
  padding:20px;
  background: #FFFFFF6A;
}
.loginpage__contents .right .loginbox h2 {
  font-weight:400;
  font-size:36px;
  padding-bottom:20px;
  margin-bottom:40px;
  border-bottom:1px solid #fff;
}
.loginpage__contents .right .loginbox label {
  width:100%;
}
.loginpage__contents .right .loginbox label p {
  font-size:16px;
  padding-bottom:8px;
  margin-bottom:0;
}
.loginpage__contents .right .loginbox label input {
  background: #E7EBF533;
  border-radius:8px;
  padding-left:20px;
  width:100%;
  height:53px;
  color:#fff;
  margin-bottom:24px;
  font-size:16px;
  font-weight:300;
}
.loginpage__contents .right .loginbox label input::placeholder {
  color:#E9E9E9;
}
.loginpage__contents .right .loginbox .label-save {
  display:flex;
  justify-content:flex-start;
  align-items:center;
  padding:20px 0;
}
.loginpage__contents .right .loginbox .label-save input {
  width:24px;
  height:24px;
  margin-bottom:0;
}
.loginpage__contents .right .loginbox .label-save span {
  font-size:16px;
  font-weight:400;
  padding-left:8px;
}
.loginpage__contents .right .loginbox .btn-login {
  min-width:207px;
  height:60px;
  display:flex;
  justify-content:center;
  align-items:center;
  background: #000;
  border-radius:55px;
  font-size:20px;
  margin-left:auto;
}
.loginpage__contents .right .loginbox .btn-login:hover {
  background: #222;
}
.loginpage__contents .right .under-text {
  text-align:center;
  font-size:18px;
  padding-top:20px;
}
.loginpage footer {
  text-align:center;
  position:relative;
  padding-top:15px;
}
.loginpage footer * {
  font-size:20px;
  color:#C7C7C7;
}
.loginpage footer address {}
.loginpage footer .copy {
  paddign-top:12px;
}
.loginpage footer .copy {}
.loginpage footer .btn-family {
  position:absolute;
  right:0;
  bottom:20px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:4px;
  background: #F5F5F566;
  padding:8px 20px;
  border-radius:62px;
  height:69px;
}
.loginpage footer .btn-family img {}
.loginpage footer .btn-family span {
  font-size:32px;
  padding-left:8px;
  color:#fff;
  font-weight:300;
}

.otherMargin{
  margin-bottom:16px !important;
}