.join-wrap{width:90%; max-width:600px;margin:0 auto}
.join_wrap{width:90%; max-width:600px;margin:0 auto}
.join_wrap h3{font-size: 18px;}
.agree{font-size: 14px; color: #555; border: 1px solid #ddd; padding: 15px; overflow-y: scroll; overflow-x: hidden; height: 120px; margin-top: 3px; border-radius: 5px;}
.agree::-webkit-scrollbar { width: 7px;  /* 스크롤바의 너비 */}
.agree::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */  background: #555; /* 스크롤바의 색상 */  border-radius: 10px;}
.agree::-webkit-scrollbar-track {background: rgba(0, 0, 0, .05);  /*스크롤바 뒷 배경 색상*/}
.agree p{padding:3px 0; line-height:1.3 !important;}
.agree_box p input[type="checkbox"]{margin-right:5px}
.agree_box .btn_agree a{display:inline-block;padding:5px;border:1px solid #ddd;font-size:12px;border-radius:3px;background:#f6f6f6}
.agree_check{margin:10px 0;font-size:14px; color:#595959}
.agree_check > label{display: flex; align-items: flex-start; font-size:14px; line-height: 1.2; color:#000}
.agree_check > label input{margin-right:5px; margin-top: 2px;}

.login-btn a{border:none; outline:none; cursor:pointer; border-radius:5px; background:#5ba0f0; font-family:"Pretendard", "NanumGothic", dotum ,sans-serif; color:#fff !important; width:100%; padding:15px 10px; text-align:center; font-size:16px; font-weight:500;}


.mt-30{margin-top:30px}
.join_wrap .btn_wrap{margin-bottom:10px}

/* 버튼 */
.login-btn a{display:inline-block;border: none; outline: none; cursor: pointer; border-radius: 5px;text-align:center; background: #5ba0f0; color: #fff !important; width: 100%; padding: 15px 10px; font-size: 16px; font-weight: 500;}



.btn_warp{margin-top:20px;width:100%;text-align:center}
.btn_warp a.btn_list{display:inline-block; padding:10px 20px; border-1px solid #666; background:#f6f6f6;border-radius:3px; border:1px solid #ddd;font-size:14px; font-weight:500; }
a.btn_agree,input.btn_agree{background:#333; padding:10px 35px;font-size:15px;border-radius:3px;color:#fff !important}
a.btn_reset{background:#999; padding:10px 35px;color:#fff;font-size:15px;border-radius:3px;}





@media (max-width: 768px){
/*회원*/
.join_wrap h3{font-size: 17px;}
.login-btn a{padding: 13px 10px; font-size: 15px;}
}




@media (max-width: 500px){
/*회원*/
.join_wrap { width: 85% !important;}
.join_wrap h3{font-size: 16px;}
.login-btn a{font-size: 14px;}
.agree_check > label {font-size: 13px;}
.agree {padding: 12px 10px;height: 110px;}
.agree p { font-size: 13px;}
}