@charset "utf-8";

.btn_wide {border-radius: 0}

/**** login ****/
.container.login {padding: 0 25px 50px; background: #fff}

/* login cont_head */
.login .cont_head {padding-top: 117px; padding-bottom: 100px}
.login .head_txt {font-size: 31px; line-height: 47px; letter-spacing: -0.3px}
.login .head_txt > strong {font-weight: 600}

/* area_login */
.area_login .wrap_btn {padding-top: 39px}

/* info_login */
.info_login {padding-top: 50px}
.info_login .txt {padding-bottom: 10px; font-size: 15px; line-height: 23px; color: #888}
.info_login .tel {display: block; padding-left: 27px; font-size: 15px; line-height: 23px; color: #888; font-weight: 600; background: url(../images/common/callnumber.png) 0 50% no-repeat; background-size: 16px 16px}

/* area_cert */
.area_cert {padding-top: 39px}
.area_cert .row {padding-top: 15px}

/* wrap_input02 */
.wrap_input02 .time {position: absolute; right: 0; top: 0; font-size: 16px; color: #2ea096; line-height: 58px}


@media (max-width: 1100px) {
    /**** login ****/
    .container.login {padding: 0 20px 25px }

    /* login cont_head */
    .login .cont_head {padding-top: 90px; padding-bottom: 65px}
    .login .head_txt {font-size: 25px; line-height: 34px}
    
    /* area_login */
    .area_login .wrap_btn {padding-top: 30px}
    .area_login .btn_clear {width: 18px; height: 18px; margin-top: -9px}
    
    /* info_login */
    .info_login {padding-top: 40px}
    .info_login .txt {font-size: 12px; line-height: 18px}
    .info_login .tel {padding-left: 20px; font-size: 12px; line-height: 18px; background-size: 12px 12px}
    
    /* area_cert */
    .area_cert {padding-top: 30px}
    .area_cert .row {12px}
    
    /* wrap_input02 */
    .wrap_input02 .time {font-size: 14px}
   
}