.content{margin-top:2em;padding-bottom:7.5em;}
.help-block{padding-top:10px; line-height:21px; font-size:14px;}
@media screen and (max-width:1200px) {
    .content{margin-top:2em;padding-bottom:4em;}
}
.page--login{min-height:calc(100vh - 430px)}

.sub__content{width:calc(100% - 15em);box-sizing:border-box;padding-left:2em;margin-top:106px}
.sub__content--full{width:100%;padding:0;}
.content__title{font-size:2.25rem;}
.content__subtext{font-size:1rem;margin-top:.5em;color:#666666;}
@media screen and (max-width:1200px) {
    .sub__content{width:100%;padding:0;margin-top:36px;}
}

/* 회원가입 */
.join__btnbox .btn{padding-left:1em; padding-right:1em; height:40px; font-size:1rem; box-sizing:border-box}
.join__step{margin-bottom:2em;}
.join__step-item{border-top:4px solid #dcdcdc;width:33.333%; text-align:center;line-height:3.5em;color:#999999;}
.join__step-item.active{border-color:#f96408;color:#333;font-weight:600;}
.join__step-item.active .join__step-number{color:#f96408;}
.join__step-item.active strong{color:#f96408;font-weight:600}
.join__step--col2{margin-bottom:0em;}
.join__step--col2 a{display:block;color:#999}
.join__step-item--col2{width:50%;}
.join__info{background:#f2f2f2;border:1px solid #ddd;padding:1em;box-sizing:border-box;}
.join__info-text{padding-left:1.3em;line-height:1.5em;position:relative;}
.join__info-text:after{content:'※';left:0;top:0;line-height:1.5em;position:absolute;}
.join__terms{height:30em;overflow:auto;margin-top:1.5em;}
.join__agreebox{text-align:right;margin-top:1em;}
.join__agreebox .input-form .error:before{content:''; position:absolute; top:-5px; left:20px; margin-left:-5px; width:0; height:0; border-color:transparent; border-style:solid; border-width:0 5px 5px; border-bottom-color:rgba(0,0,0,.8)}
.join__agreebox .input-form .error{position:absolute; top:150%; left:-10px; padding:5px 15px 6px; border-radius:5px; background:rgba(0,0,0,0.8); color:#fff;}
.join__btnbox{margin-top:2.5em;}
.form__mail-check{line-height:1.5em;margin-top:.5em;font-size:1rem;padding-left:1em;position:relative}
.form__mail-check:after{content:'';display:block;width:.5em;height:.5em;background:#f96408;position:absolute;left:0;top:.5em;border-radius:50%;}
.form__mail-checkbox{display:inline-block; transform:translateY(-5px)}
.form__mail-checkbox label{font-size:1rem;margin-left:1em;}
.form__row-form{line-height:40px;}
.join__complete{border:1px solid #dcdcdc;padding:3em;box-sizing:border-box;border-top:5px solid #f96408;}
.secession-box{max-width:700px;margin:0 auto;}
.join__complete-text{font-size:1.375rem;margin-top:1.5em;}
.join__complete-text strong{display:block; margin-bottom:.5em}
.join__complete-text span{color:#f96408}
.join__complete img{max-width:30%;}
@media screen and (max-width:400px) {
    .join__complete{padding:1.5em 1em;}
}
@media screen and (max-width:768px) {
    .join__step-item{line-height:1.3em;padding-top:.5em;}
    .join__step-number{display:block;margin-bottom:.3em;}
    .form__mail-checkbox{display:block;margin-top:.5em;}
    .form__mail-checkbox label{margin-left:0em;margin-right:1em;}
    .join__step--col2 a{line-height:2em;height:2em;}
}

.form{}
.join__form{border-top:4px solid #f96408;border-bottom:4px solid #f96408;margin-top:2em;}
.form__row{padding:.5em;box-sizing:border-box;border-bottom:1px solid #dcdcdc;}
.form__row-title{width:12em;text-align:right;padding-right:1em;box-sizing:border-box;line-height:40px;}
.form__row-form{width:calc(100% - 12em);}
.form__row-input{height:40px;line-height:40px;border:1px solid #dcdcdc;box-sizing:border-box;display:block;max-width:400px;width:100%;padding:0 1em;box-sizing:border-box;}
.form__row-input--disabled{max-width:calc(400px + 8em);margin-bottom:.5em;background:#dcdcdc;}
.form__row-input--disabled:last-child{margin-bottom:0;}
.form__row-button{font-size:1rem;color:#fff;background:#929bae;height:40px;width:8em;text-align:center;display:inline-block;}
@media screen and (max-width:768px) {
    .form__row-title{width:8em;}
    .form__row-form{width:calc(100% - 8em);}
    .form__row-form--add-btn .form__row-input{width:calc(100% - 8em);}
    .form__row-input--disabled{width:100%;}
}
@media screen and (max-width:500px) {
    .form__row{padding:1em 0;}
    .form__row-title{width:100%;text-align:left;line-height:1em;margin-bottom:.5em;font-weight:600;}
    .form__row-form{width:100%}
    .form__row-form--add-btn .form__row-input{width:100%;max-width:none;}
}

/* 약관 */
.terms{border:1px solid #dcdcdc;padding:1.5em;box-sizing:border-box;border-top:5px solid #f96408;white-space:pre-line}
@media screen and (max-width:400px) {
    .terms{padding:1.5em 1em;}
}