.join-wrap{max-width:600px;margin:0 auto}
.agree_box{font-size:14px; color:#555;line-height:130%;border:1px solid #ddd; padding:20px;overflow-y:scroll;height:180px;margin-top:10px; border-radius:5px}
.agree_box p{padding:3px 0;}
.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}
.mt-30{margin-top:30px}
.join_wrap .btn_wrap{margin-bottom:10px;}


/* 버튼 */
.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; display: inline-block;}
a.btn_reset{background:#999; padding:10px 35px;color:#fff;font-size:15px;border-radius:3px;}

@media screen and (max-width:600px) {
.agree_box {padding: 10px; font-size:12px; margin-top: 5px;}
}