.content{margin-top:2em;padding-bottom:7.5em;}
@media screen and (max-width:1200px) {
    .content{margin-top:2em;padding-bottom:4em;}
}


.sub__content{width:calc(100% - 15em);box-sizing:border-box;padding-left:2em;margin-top:4em;}
.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:1em;}
}

/* 회원가입 */
.join__btnbox .btn{padding:1em 5em}
.join__step{display:flex; 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:#4266A7;color:#333;font-weight:600;}
.join__step-item.active .join__step-number{color:#4266A7;}
.join__step-item.active strong{color:#4266A7;font-weight:600}
.join__step--col2 a{display:block;color:#999}
.join__step-item--col2{width:50%;}
.join__step--col2{margin-bottom:0em;}
.join__info{background:#efefef;border:1px solid #dcdcdc;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; text-align:center;}
.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:#4266A7;position:absolute;left:0;top:.5em;border-radius:50%;}
.form__mail-checkbox{display:inline-block;}
.form__mail-checkbox label{font-size:1rem;margin-left:1em;}
.form__row-form{line-height:40px;}
.form__row-form .form-control{width:100%}
.join__complete{border:1px solid #dcdcdc;padding:3em;box-sizing:border-box;border-top:5px solid #4266A7;text-align:center;}
.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:#4266A7}
.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 #4266A7;border-bottom:4px solid #4266A7;margin-top:2em;}
.form__row{display:flex;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 #4266A7;white-space:pre-line}
@media screen and (max-width:400px) {
    .terms{padding:1.5em 1em;}
}