body,
html,
#login_wrap {
   height: 100%;
   width: 100%;
   font-family: 'pretendard_light';
   min-height: 900px;
}

#login_wrap {
   display: flex;
}

.login_area {
   width: calc(1920px - 450px);
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
   padding-top: 180px;
   box-sizing: border-box;
}

.login_area .logo_title {
   font-size: 45px;
   margin-bottom: 40px;
}

.logo_title {
   text-align: center;
}

.logo_title h1 {
   font-size: 2.3vw;
   font-family: "Akira Expanded";
   font-weight: 900;
   margin: 15px 0 20px;
}

/*language*/
.language_form {
   position: absolute;
   right: 23px;
   top: 30px;
   font-family: 'pretendard_bold';
   z-index: 5;
}

.header_logo {
   display: flex;
   justify-content: space-between;
}

.choice_language {
   width: 250px;
   height: 40px;
   line-height: 40px;
   padding: 0 20px;
   box-sizing: border-box;
   border: 1px solid #BBBBBB;
   border-radius: 30px;
   margin-bottom: 10px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   cursor: pointer;
}

.language_list.on {
   display: flex;
}

.language_list {
   display: none;
   position: absolute;
   width: 250px;
   flex-direction: column;
   border: 1px solid #BBBBBB;
   border-radius: 30px;
   background-color: #F8F8F8;
   cursor: pointer;
}

.language_item {
   width: 83%;
   height: 46.25px;
   line-height: 46.25px;
   margin: 0 auto;
   padding-left: 1;
   color: #0D6EFF;
}

.language_item:not(:last-of-type) {
   border-bottom: 1px solid #BBBBBB;
}

.language_list .close {
   color: black;
   text-align: center;
}

/*download*/
.download_info {
   position: absolute;
   left: 23px;
   top: 30px;
   cursor: pointer;
}

.download_text {
   font-family: 'pretendard_semibold';
   display: none;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 2;
   background-color: white;
   border: 2px solid black;
   border-radius: 0 30px 30px 30px;
   padding: 10px;
   letter-spacing: 2px;
}

.download_text.on {
   display: block;
}

.download_black {
   width: 55px;
   height: 176px;
   background-color: black;
   display: block;
   position: absolute;
   z-index: 0;
   border-radius: 30px;
}

.download_img {
   position: relative;
   z-index: 1;
   width: 157px;
   height: 183px;
   background-image: url("../assets/images/login_phone.png");
   background-size: contain;
   transform: translateY(8px);
}

/*form*/
.login_form {
   width: 450px;
}

.login_form .input_wrap {
   margin: 0 0 20px 0;
}

.login_form .input_wrap input {
   font-family: 'pretendard_extrabold';
   display: block;
   width: 100%;
   outline: none;
   height: 70px;
   border-radius: 40px;
   font-size: 18px;
   padding-left: 30px;
   box-sizing: border-box;
   border: 2px solid #9F9F9F;
}

.login_form .input_wrap .email_input {
   position: relative;
   font-family: 'pretendard_bold';
}

.login_form .input_wrap .email_input::after {
   content: "E-Mail";
   position: absolute;
   top: 13px;
   left: 33px;
   color: #1961EC;
   font-size: 12px;
   font-family: 'pretendard_black';

}

.login_form .email_input input {
   border: 2px solid black;
   margin-bottom: 10px;

}

.login_form input:focus {
   border: 2px solid black;
}

.login_form .button_wrap {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.login_form .button_wrap button,
.login_form .button_wrap {
   font-family: 'pretendard_extrabold';
   display: block;
   border: none;
   width: 100%;
   height: 50px;
   border-radius: 30px;
   cursor: pointer;
   font-size: 16px;
}

.signup_btn {
   margin-bottom: 30px;
   font-size: 16px;
   font-family: 'pretendard_semibold';
   width: 450px;
   background-color: #E9E9E9;
   color: #0D6EFF;
   text-align: center;
   border-radius: 30px;
   cursor: pointer;
   height: 50px;
   line-height: 50px;
}

.button_wrap button {
   background-color: #0D6EFF;
   color: white;
   margin-bottom: 10px;
}

.search_btn {
   font-family: 'pretendard_semibold';
   margin-top: 10px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: initial;
}

.search_btn span {
   height: 50px;
   line-height: 50px;
   border-radius: 30px;
   text-align: center;
   cursor: pointer;
   background-color: #E9E9E9;
}

.search_btn span:first-of-type {
   width: 160px;
}

.search_btn span:last-of-type {
   width: 280px;
}

.beta_text {
   margin: 50px 0 10px;
   font-family: 'pretendard_semibold';
}

/*bottom*/
.login_footer {
   display: flex;
   justify-content: center;
   width: 99%;
   border-top: 1px solid black;
   padding: 35px 0;
   font-size: 12px;
   transform: translateX(12px);
}

.login_footer>div {
   padding: 0 30px;
   position: relative;
}

.login_footer>div:not(:last-of-type)::after {
   content: "";
   position: absolute;
   right: 0;
   top: 0;
   width: 1px;
   height: 100%;
   background-color: black;
}

.tel_area {}

.tel_area .tel_box {
   border: 1px solid black;
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 189px;
   height: 50px;
   border-radius: 30px;
   margin-bottom: 10px;
   padding: 0 30px;
   box-sizing: border-box;
}

.tel_area .tel_box span {
   display: block;
   text-align: left;
   font-size: 14px;
   font-family: 'pretendard_bold';
}

.tel_area .tel_box span.num {
   font-family: 'pretendard_black';
   margin-top: 5px;
}

.tel_area .date {
   font-family: 'pretendard_medium';
   display: block;
   font-size: 11px;
   text-align: center;
   word-spacing: 3px;
}

.tel_area .date:first-of-type {
   margin-bottom: 3px;
}

.detail_info a {
   font-family: 'pretendard_semibold';
   display: block;
   color: black;
   text-decoration: none;
}

.adress_area span {
   font-family: 'pretendard_medium';
   display: block;
}

.adress_area .adress {
   font-family: 'pretendard_medium';
   letter-spacing: 1px;
   line-height: 1.3;
   margin: 5px 0;
}

.adress_area .copyright_bold {
   font-family: 'pretendard_extrabold';
   display: inline-block;
}

.login_footer .info {
   font-family: 'pretendard_medium';
   letter-spacing: 2px;
   line-height: 1.3;
}

.login_footer .detail_info {
   font-size: 13px;

   line-height: 1.6;
}

.ad_area {
   max-width: 450px;
   display: flex;
   align-items: center;
   box-sizing: border-box;
   padding-left: 24px;
}

.ad_area img {
   height: 92%;
   border-radius: 100px;
   vertical-align: bottom;
}

.ad_area_clone {
   display: none;
}