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:1100px; padding:70px 80px; background:#ffffff; border-radius:10px; }
.join .join-container .join-logo { margin-bottom:10px; text-align:center; }
.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-column { margin-top:20px; font-size:22px; font-weight:400; letter-spacing:-1px; color:#222222; }
.join .join-input-column.passwd-chage { margin-top:40px; }
.join .join-input-column small { font-size:15px; font-weight:400; letter-spacing:-1px; color:red; margin-top: 5px; margin-left: 10px;}
.join .join-input-column .join-warning { font-size:15px; font-weight:400; letter-spacing:-1px; color:red; margin-top:10px; opacity:0; }
.join .join-input-column .join-input-button { display:flex; }
.join .join-input-column .join-input-button input { width:780px; height:80px; font-size:22px; line-height:80px; color:#222222; font-weight:400; border:1px solid #b5b5b5; border-right:0; border-top-left-radius:5px;  border-bottom-left-radius:5px;border-top-right-radius:0px;  border-bottom-right-radius:0px; padding:0 20px; letter-spacing:-1px; margin-top:10px; }
.join .join-input-column .join-input-button input:focus { border:3px solid #00c973; border-right:0; }
.join .join-input-column .join-input-button input.join-input-dark { border:1px solid #222222; border-right:0; }
.join .join-input-column .join-input-button button { width:160px; height:80px; background-color:#3c3c3c; font-size:22px; line-height:80px; color:#ffffff; font-weight:700; border:0; border-top-right-radius:5px;  border-bottom-right-radius:5px; margin-top:10px; letter-spacing:-1px; }
.join .join-input-column .join-input-button button.join-btn-green { background-color:#00c973; }

.join .join-input-column .join-addinfo-row { display:flex; margin-top:10px; }
.join .join-input-column .join-addinfo-row  .join-checkbox { display:flex; align-items:center; width:auto; height:auto; border-radius:0; border:0; }
.join .join-input-column .join-checkbox input[type="radio"] { width:30px; height:30px; margin-top: 10px; }
.join .join-addinfo-line { padding-top:20px; margin:0 30px; width:1px; background-color:#979797; }
.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 button.join-submit { margin:35px 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; }
#passwd-change-form { display:none; }

.join a.login-link { margin:35px 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; text-align:center; }