body { background-color:#f9f6f1; }
.join { background-image:url('/images/W/common/common_bg2.png'); background-position:top center; background-repeat:no-repeat; background-size:100% auto; padding:135px 0; }
.join .join-container { margin:0 auto; width:770px; padding:70px 80px; background:#ffffff; border-radius:10px; }
.join .join-container h1 { font-size:40px;  font-weight:700; letter-spacing:-1px; color:#222222; }
.join .join-container p { font-size:20px; font-weight:400; letter-spacing:-1px; color:#222222; line-height:25px; border-bottom:2px solid #222222; margin-bottom:10px; padding-bottom:10px; }

.join .join-input-row { margin-top:20px; display:flex; }
.join .join-input-row .join-input-container { margin-left:20px; font-size:22px; font-weight:400; letter-spacing:-1px; color:#222222; }
.join .join-input-row .join-input-container:first-child { margin-left:0; }
.join .join-input-row .join-input-container input { height:80px; font-size:22px; line-height:80px; color:#222222; font-weight:r00; border:1px solid #b5b5b5; border-radius:5px; padding:0 20px; letter-spacing:-1px; margin-top:10px; }
.join .join-input-row .join-input-container input.first { width:200px; }
.join .join-input-row .join-input-container input.last { width:390px; }
.join .join-input-row .join-input-container input:focus { border:3px solid #00c973; }

.join .join-input-column { margin-top:20px; font-size:22px; font-weight:400; letter-spacing:-1px; color:#222222; }
.join .join-input-column input { width:100%; height:80px; font-size:22px; line-height:80px; color:#222222; font-weight:400; border:1px solid #b5b5b5; border-radius:5px; padding:0 20px; letter-spacing:-1px; margin-top:10px; }
.join .join-input-column input:focus { border:3px solid #00c973; }
.join .join-input-column textarea { width:100%; height:200px; font-size:22px; color:#222222; font-weight:400; border:1px solid #b5b5b5; border-radius:5px; padding:10px 20px; letter-spacing:-1px; margin-top:10px; resize:none; }
.join .join-input-column textarea.agree { height:100px; font-size:15px; font-weight:300; }
.join .join-input-column textarea.input:focus { border:3px solid #00c973; }

.join .join-checkbox { display:flex; align-items:center; width:auto; height:auto; border-radius:0; border:0; }
.join .join-checkbox input[type="checkbox"] { width:30px; height:30px; margin-left:0px; }
.join .join-checkbox label { margin-left:10px; font-size:22px; font-weight:400; letter-spacing:-1px; color:#4c4c4c; }

.join button.join-submit { margin:50px auto 0; width:450px; height:86px; border-radius:43px; background-color:#00c973; font-size:30px; line-height:86px; color:#ffffff; font-weight:500; border:none; letter-spacing:-1px; display:block; }