.login .in {max-width:400px;}
.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}


 
.join .in {max-width:600px;  }
.join .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}

 
   
 

.policy_info_box  {font-size:1em; color:#333; line-height:1.5;  }
.policy_info_box h4 {font-size:1.1em; font-weight:600;  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;  }


.sns_login {margin-top:10px}
.sns_login a { display:flex; align-items:Center; gap:5px; padding:15px 30px;  box-sizing:border-box; justify-content:center;}
.sns_login a:nth-child(1) {background-color:#f5de00; color:#111 }
.sns_login a i{color:#3a1d1d; font-size:1.1em;}

.join_intro .in{max-width:400px; text-align:center;}
.join_intro .basic_btn{width:100%;}