.subContainer {padding-top: 100px;}

/* sub Visual */
.subVisual {position: relative; width: 100%; height: 320px; background-color: #f7f7f7;}
.subVisual .subVisual_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('../images/contents/subVisual.jpg') no-repeat 50% 50%;background-size: cover;}
.subVisual .subVisual_tit {position: absolute;bottom: 80px;}
.subVisual .subVisual_tit h3 {color: #fff;font-size: 40px;font-weight: 800;font-family: 'GmarketSans';line-height: 1;margin-bottom: 20px;}
.subVisual .subVisual_tit p {color: #fff;font-size: 16px; word-break: keep-all;}


/* common */
#contents {padding: 100px 0 160px;}

.sub_tit {text-align: center;margin-bottom: 70px;}
.sub_tit h3 {font-size: 40px;font-weight: 800;}

#contents p.txt {font-size: 18px;color: #666;margin-bottom: 60px;}


/* login */
.login_box {max-width: 520px;margin: 0 auto;text-align: center;}
/* .login_box .txt {font-size: 18px; color: #666; margin-bottom: 60px;} */
.login_box .input_field {position: relative;font-size: 0;width: 100%;background-color: #f8f9fb;border-radius: 60px;text-align: left;padding: 0 30px;}
.login_box .input_field+.input_field {margin-top: 20px;}
.login_box .input_field label {display: inline-block;width: 100px;font-weight: 800;}
.login_box .input_field input {display: inline-block;width: calc(100% - 100px);background-color: transparent;border-radius: 0;padding-left: 0;padding-right: 60px;}
.login_box .input_field:after {content: '';position: absolute;top: 50%;right: 30px;margin-top: -9px;width: 18px;height: 18px;background: no-repeat 50% 50%;background-size: auto 18px;}
.login_box .input_field.id:after {background-image: url('../images/contents/icon_user.png');}
.login_box .input_field.pw:after {background-image: url('../images/contents/icon_pw.png');}
.login_box .login_btn {display: block;width: 100%;height: 60px;background-color: #0645a0;border-radius: 60px;margin-top: 40px;}
.login_box .login_btn span {color: #fff;font-size: 18px;font-weight: 600;line-height: 60px;}

@media (max-width: 1400px) {
    /* sub Visual */
    .subVisual .subVisual_tit h3 {font-size: 36px;}

    /* common */
    .sub_tit {margin-bottom: 60px;}
    .sub_tit h3 {font-size: 36px;}
}

@media (max-width: 1200px) {
    /* sub Visual */
    .subVisual .subVisual_bg {background-position: 70% 50%;}
}

@media (max-width: 1024px) {
    .subContainer {padding-top: 80px;}

    /* sub Visual */
    .subVisual .subVisual_tit h3 {font-size: 30px;}

    /* common */
    .sub_tit {margin-bottom: 40px;}
    .sub_tit h3 {font-size: 30px;}

}

@media (max-width: 768px) {
    /* sub Visual */
    .subVisual .subVisual_bg {background: url('../images/contents/subVisual_m.jpg') no-repeat left 50%;}
    .subVisual .subVisual_tit {bottom: 40px;}
    .subVisual .subVisual_tit h3 {font-size: 26px;}
	
    /* common */
    .sub_tit h3 {font-size: 26px;}

    #contents {padding: 60px 0 100px;}
    #contents p.txt {font-size: 16px;}

    /* login */
    .login_box .login_btn {height: 50px;}
    .login_box .login_btn span {line-height: 50px;font-size: 16px;}
}

@media (max-width: 420px) {
    /* sub Visual */
    .subVisual .subVisual_tit h3 {font-size: 22px;}
    .subVisual .subVisual_tit p {font-size: 1rem;}
    
    /* common */
    .sub_tit {margin-bottom: 20px;}
    .sub_tit h3 {font-size: 22px;}

    #contents p.txt {margin-bottom: 40px;}

    /* login */
    .login_box .input_field {padding: 0 20px;}
    .login_box .input_field:after {right: 20px;}
    .login_box .input_field label {width: 80px;}
    .login_box .input_field input {padding-right: 10px;}
}