


.login_box {width:100%; max-width:450px; margin:0 auto;}
.login_box input 	{font-size:0.90em; color: #555; height:45px; border:none; background-color:#f1f1f1; margin-bottom:15px; padding:0px 5px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
 .login_box input::placeholder {color:#999}
.login_box a.login_btn {width:100%; background-color:#ff4a00; border:2px solid #ff4a00;  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 #ff4a00;   color:#ff4a00;  }



.login_box ul {width:100%; text-align:center; padding-top:20px}
.login_box ul li {display:inline-block; font-size:0.9em; color:#666; padding:0 10px}

.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:space-between; flex-wrap:wrap; margin-top:20px}
.sns_login a {width:49%;  display:flex; align-items:Center; font-size:1em; padding:5px 10px; border-radius:5px; box-sizing:border-box; height:55px;  }
 .sns_login a span {width:calc(100% - 50px); margin-left:auto}
.sns_login a:nth-child(1) {background-color:#ffe90a; }
.sns_login a:nth-child(2) {background-color:#04cf5c; color:#fff; }
.sns_login a:nth-child(2) img {width:25px; margin-left:7px}

.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}



}