.login .in {max-width:550px; background-color:#fff;  }
.login.type2 .in {max-width:570px; margin-top:60px }
.login_box {width:100%;  margin:0 auto;}
.login_box input[type="text"] {font-size:0.95em; color: #555; height:47px; border:none; background-color:#f1f1f1; margin-bottom:10px; padding:0px 10px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
.login_box input[type="password"] {font-size:0.95em; color: #555; height:47px; border:none; background-color:#f1f1f1; margin-bottom:10px; padding:0px 10px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
.login_box input[type="radio"] {vertical-align:middle}

 

.login_box a.login_btn {width:100%; background-color:var(--main_c); border:2px solid var(--main_c);  display:inline-block; color:#fff; text-align:center; line-height:45px; font-size:1.1em; font-weight:500; transition: background-color 0.3s ease-in; box-sizing:border-box;  }
.login_box a.login_btn:hover {  background-color:#fff; border:2px solid var(--main_c);   color:var(--main_c);  }

.login ul.bottom_list {width:100%; display:flex; justify-content:center; align-items:center; text-align:center; padding-top:20px}
.login ul.bottom_list li {display:flex; align-items:center; font-size:1em;  }
.login ul.bottom_list li a {color:#333}
.login ul.bottom_list li:after {content:''; display:inline-block; width:1px; height:14px; background-color:#999; margin:0 10px}
.login ul.bottom_list li:last-child:after {display:none}



.login_box p {font-size:1.05em; color:#222; line-height:1.3; padding-bottom:10px}
.login_box p  b {color:#002060; font-size:1.1em; font-weight:600}

.sns_login {width:100%; display:flex; justify-content:center; flex-wrap:wrap; margin-top:20px}
.sns_login a {width:49%; border-radius:5px;  display:flex;align-items:Center; font-size:1.05em; padding:5px 10px;  box-sizing:border-box; height:55px; }
.sns_login a span {width:calc(100% - 40px); margin-left:auto}
/* .sns_login a:nth-child(1) {background-color:#ffe90a; color:#111 }
 */.sns_login a:nth-child(1) {background-color:#04cf5c; color:#fff; }
 

.join .in {max-width:500px;  }
.join .in p {width:100%; font-size:1.1em; line-height:1.3; text-align:center}
.join .in a.basic_btn {width:100%; max-width:100%; font-size:1.2em; line-height:55px } 

.join2 .in {max-width:700px;  }
.join2 .in .write {border-top:2px solid #333}

.privacy_check {width:100%;}
.privacy_check pre {width:100%; margin-top:10px; height:200px; font-size:0.95rem; line-height:1.5; color:#666; border:1px solid #999; box-sizing:border-box; padding:10px; overflow-y:auto }
.privacy_check textarea {width:100%; margin-top:10px; height:200px; font-size:0.93rem; line-height:1.5; color:#666; border:1px solid #999; box-sizing:border-box; padding:10px; font-family:'Pretendard' }
.privacy_check p.check {width:100%; display:inline-block; background-color:#f9f9f9; text-align:center; padding:10px 0; box-sizing:border-box; font-size:1em; color:#555 }
.privacy_check p.check input {vertical-align:middle;}


.privacy_check div {font-size:0.95em; line-height:1.5; color:#555; background-color:#fff; border:1px solid #ddd; box-sizing:border-box; padding:10px; width:100%; height:200px; overflow-y:auto; margin-top:10px;  }
.privacy_check div p {width:50%; float:left; background-color:#fff; text-align:left;}


 @media screen and (max-width:800px) {
	.privacy_check div { height:150px;  }
	.privacy_check p.check { font-size:.9rem }
 
}

 @media screen and (max-width:450px) {
    .sns_login a {width:100%;  }
	.sns_login a:nth-child(2) {margin-top:10px}
 
}

.password .in {max-width:450px;   }

.password_box {width:100%;  margin:0 auto;}
.password_box input {font-size:0.95em; color: #555; height:45px; border:none; background-color:#f1f1f1; margin-bottom:15px; padding:0px 10px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
.password_box a.btn {width:100%; background-color:var(--main_c); border:2px solid var(--main_c);  display:inline-block; color:#fff; text-align:center; line-height:45px; font-size:1.1em; font-weight:500; transition: background-color 0.3s ease-in; box-sizing:border-box;  }
.password_box a.btn:hover {  background-color:#fff; border:2px solid var(--main_c);   color:var(--main_c);  }


.private_box {padding:0px 0 15px 0}
.private_box p  { box-sizing:border-box; padding:3px 15px; width:100%; display:flex}
.private_box p:nth-child(1) {background-color:#f2f2f2;  padding:15px; margin-bottom:10px}
.private_box p input {margin-right:4px; vertical-align:-1px}
.private_box p a {color:var(--main_c); text-decoration:underline}

 
 .one_19 {width:110px; height:110px; font-size:70px; line-height:0; letter-spacing:-3px; font-weight:700;  border-radius:50%; border:7px solid red; display:flex; align-items:center; justify-content:center}
.warning_t  {font-size:1.1em; margin-top:15px; margin-bottom:40px; line-height:1.3}

.benefit ul.benefit_list {width:100%; display:flex; gap:15px }
.benefit ul.benefit_list li {border:1px solid var(--main_c); border-radius:5px;  box-sizing:border-box; width:25%; text-align:center; display:flex; flex-wrap:wrap; align-content:flex-start; padding-bottom:25px }
.benefit h4 {font-size:1.2em; font-weight:600; width:100%; color:var(--main_c); margin-bottom:5px}
.benefit h4 img {width:18px; margin-bottom:3px}
.benefit ul.benefit_list h4 { color:#fff; background-color:var(--main_c); padding:19px 0 15px 0; margin-bottom:20px}
.benefit ul.benefit_list p {  width:100%; color:#111 }
.benefit ul.benefit_list p + p {margin-top:5px; line-height:1.3; font-size:1em; color:var(--main_c); font-weight:400}

.benefit_top_box {width:100%; display:inline-block; background-color:#f9f9f9; box-sizing:border-box; padding:20px; text-align:center}
.benefit_top_box p:first-child {font-size:1.1em; margin-bottom:5px; }

@media screen and (max-width:900px){
	  .benefit ul.benefit_list {flex-wrap:wrap}
	  .benefit ul.benefit_list li {width:calc(50% - 8px) }


}


.adress_box {width:100%; display:flex; gap:15px;  align-items:center;  border:1px solid #ddd; margin-bottom:-1px; box-sizing:border-box; padding:16px}
.adress_box div p {margin-bottom:7px}
.adress_box div p span {margin-left:3px}
.adress_box a {margin-left:auto}


@media screen and (max-width:900px){
   .adress_box {  gap:13px    padding:15px}


}



.policy_info_box  {font-size:1em; color:#333; line-height:1.5;  }
.policy_info_box h4 {font-size:1.1em; font-weight:500;  display:inline-block; margin-bottom:3px    }
.policy_info_box h5 {font-size:1em; font-weight:500;   display:inline-block;   margin-bottom:3px; margin-top:5px    }
.policy_info_box ul {width:100%; display:inline-block; background-color:#fff; box-sizing:border-box; }
.policy_info_box ul li {margin-bottom:5px;  }
.policy_info_box ul li h5 {margin-top:0  }
.policy_info_box ul li:last-child {margin-bottom:0  }
.policy_info_box ul li p {box-sizing:border-box; padding-left:15px;  }