@charset "utf-8";
form {height: 100%}
ul {word-break: break-word;padding-inline-start: 20px;margin: 0;}
.login {position: fixed;width: 100%;height: 100%;background: #fff;margin: 0;padding: 0;}
.login_main_area {position: fixed;height: 100%;width: 100%;top: 0;}
.login_bg {background: url(../login_bg.png) no-repeat center center;background-size: cover;width: 100%;height: 100%;-webkit-transform: scale(2);transform: scale(2)}
.login_bg::after {content: "";display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 1;background: #fff}
.login_box {margin: 0 auto;width: 564px;background: #ffffff;z-index: 2;overflow-x: hidden;overflow-y: auto;height: 100%;}
.login_box_top {height: auto;background: rgba(47, 50, 66, 0);padding-top: 60px;}
.login_box_top > img {display: block;margin: 0 auto;}
.login_form {margin: 0 auto;width: 65%;padding-bottom: 20px;}
.login_form label {display: block;font-size: 14px;line-height: 18px;color: #9ea3b4;}
.login_form input[type=text], .login_form input[type=password] {display: block;margin-top: 6px;border: 1px solid #868686;font-size: 14px;color: #666;background: #fff;width: 100%;height: 42px;padding: 0 18px;box-sizing: border-box;outline: none}
.login_form .login_btn {display: block;margin-top: 34px;width: 100%;height: 54px;background: #f82244;font-size: 18px;color: #ffffff;text-align: center;line-height: 54px;font-weight: 600;cursor: pointer;box-sizing: border-box;text-decoration: none;}
.notice {font-size: 13px;color: #000;margin-top: 10px;}
.notice_status {font-size: 13px;color: #000;font-weight: 500;display: block;text-align: center;}
.err_box {font-size: 13px;height: 20px;}
.login_form .input_box > div {text-align: center;border: 1px solid #dbdde0;background: #f8f9fa;line-height: 138px}
.login_btn.cancel {margin-top: 5px;background: #000;border: 1px solid #000;}
.login_form .input_box > div.pw_result_msg {line-height: unset;height: 118px;text-align: left;font-size: 14px;padding: 20px 20px 0 20px;}
.login_form > .title_area H2 {margin: 22px 0 15px 0;}
.login_form > .title_area p {margin: 0}
.ef-on .login_bg {-webkit-transform: scale(1);transform: scale(1);transition: transform 4s}
.ef-on .login_bg::after {background: rgba(255, 255, 255, 0);transition: background 4s}
.ef-on .login_box_top {background: rgba(255, 255, 255, 1);transition: background 2s;transition-delay: 2s;}
.ef-on .login_form {background: rgba(255, 255, 255, 1);transition: background 2s;transition-delay: 2s;}
.ef-on .login_box {box-shadow: 3px 3px 60px rgba(224, 224, 224, 1);transition: box-shadow 2s ease-in;transition-delay: 2s;}
#login_auto {display: none;}
#login_auto + label::before {content: "";display: block;position: absolute;left: 0;top: 0;width: 18px;height: 18px;border: 1px solid #dbdde0;background: #fff;-webkit-transition: all 0.2s;transition: all 0.2s}
#login_auto + label::after {content: "";display: block;position: absolute;left: 5px;top: 5px;width: 11px;height: 9px;background: url(../checkbox_off.png) no-repeat center center}
#login_auto + label {margin-top: 10px;display: inline-block;position: relative;height: 20px;font-size: 14px;line-height: 20px;color: #000;padding-left: 30px;vertical-align: top}
#login_auto:checked + label::before {border-color: #f82244;background: #f82244}
#login_auto:checked + label::after {background: url(../checkbox_on.png) no-repeat center center}
#login_auto:disabled + label::before {border-color: #edeeef}
#login_auto:disabled + label::after {opacity: 0.5}
#login_auto:checked:disabled + label::before {border-color: #a3a9b2;background: #a3a9b2}
#login_auto:checked:disabled + label::after {opacity: 1}
#no_display {display: none;}
#no_display + label::before {content: "";display: block;position: absolute;left: 0;top: 0;width: 18px;height: 18px;border: 1px solid #dbdde0;background: #fff;-webkit-transition: all 0.2s;transition: all 0.2s}
#no_display + label::after {content: "";display: block;position: absolute;left: 5px;top: 5px;width: 11px;height: 9px;background: url(../checkbox_off.png) no-repeat center center}
#no_display + label {margin-top: 10px;display: inline-block;position: relative;height: 20px;font-size: 14px;line-height: 20px;color: #000;padding-left: 30px;vertical-align: top}
#no_display:checked + label::before {border-color: #f82244;background: #f82244}
#no_display:checked + label::after {background: url(../checkbox_on.png) no-repeat center center}
#no_display:disabled + label::before {border-color: #edeeef}
#no_display:disabled + label::after {opacity: 0.5}
#no_display:checked:disabled + label::before {border-color: #a3a9b2;background: #a3a9b2}
#no_display:checked:disabled + label::after {opacity: 1}
.terms_check {display: none;}
.terms_check + label::before {content: "";display: block;position: absolute;left: 0;top: 0;width: 18px;height: 18px;border: 1px solid #dbdde0;background: #fff;-webkit-transition: all 0.2s;transition: all 0.2s}
.terms_check + label::after {content: "";display: block;position: absolute;left: 5px;top: 5px;width: 11px;height: 9px;background: url(../checkbox_off.png) no-repeat center center}
.terms_check + label {margin-top: 10px;display: inline-block;position: relative;height: 20px;font-size: 14px;line-height: 20px;color: #000;padding-left: 30px;vertical-align: top}
.terms_check:checked + label::before {border-color: #f82244;background: #f82244}
.terms_check:checked + label::after {background: url(../checkbox_on.png) no-repeat center center}
.terms_check:disabled + label::before {border-color: #edeeef}
.terms_check:disabled + label::after {opacity: 0.5}
.terms_check:checked:disabled + label::before {border-color: #a3a9b2;background: #a3a9b2}
.terms_check:checked:disabled + label::after {opacity: 1}
.id_find_box {line-height: 54px;height: 54px;width: 100%;text-align: center}
.id_find_box > a {font-size: 14px;color: #000;text-decoration: underline}
.login_footer {margin: 0 auto;display: block;padding-top: 20px;border-top: 1px solid #dcdcdc;width: 65%;background: url(/styles/login_footer.png) no-repeat right 20px;}
input::placeholder {color: #bababa;}
.approvalTimer {position: relative;right: 11px;font-size: 12px;color: #f82244;line-height: 30px;font-weight: 300;top: 36px;float: right;}
.repTelNumber {display: block;position: relative;left: 25px;font-size: 14px;line-height: 30px;font-weight: bold;bottom: 27px;letter-spacing: -1.2px;}
.cardNo {width: 75px !important;display: inline-block !important;}
.terms {font-size: 13px;overflow: auto;height: 200px;border: 1px solid #DCDCDC;padding: 5px;margin: 5px 0;}

.download {text-align: center;font-size: 13px;margin-top: 20px;}
.download > a {color: #000;text-decoration: none;}
.download > a:hover {color: #f82244;text-decoration: underline;}
.d_table {display: table;height: 100%;width: 100%;}
.d_tr {display: table-row;}
.d_td {display: table-cell;}
.link_banner {display: block;margin-top: 6px;font-size: 17px;color: #000;width: 100%;height: 54px;line-height: 16px !important;padding: 13px 18px 0 18px;box-sizing: border-box;outline: none;cursor: pointer;border: 1px solid #dbdde0;text-decoration: none;background: #E5E5E5;position: relative;overflow: hidden;}
.link_banner:hover {background: #f8f9fa !important;font-weight: bold;color: #000000;-webkit-transition: background 1s linear;transition: background 1s linear;}
.link_banner > div {font-size: 11px;color: #000;font-weight: bold;position: absolute;width: 111px;height: 55px;top: 10px;right: -37px;transform: rotate(40deg);padding: 19px 40px 0 10px;box-sizing: border-box;box-shadow: 0 1px 3px rgba(0,0,0,0.3);text-align: center;}
.link_banner > span {font-size: 11px;padding-right: 3px;color: #959595;}

.layer_popup {display: none;opacity: 0;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);overflow: auto;z-index: 100;-webkit-transition: opacity 0.2s;}
.lp_inner {display: block;width: 1000px;margin: 100px auto;background: #fff;-webkit-transform: translateY(-40px);-ms-transform: translateY(-40px);transform: translateY(-40px);-webkit-transition: -webkit-transform 0.2s;transition: -webkit-transform 0.2s;-o-transition: transform 0.2s;transition: transform 0.2s;transition: transform 0.2s, -webkit-transform 0.2s;width: 1000px !important;}
.lp_header {position: relative;background: #2a3137;}
.lp_header::before {content: "";display: block;position: absolute;width: 52px;height: 3px;left: 38px;top: 0;background: #f82244;}
.lp_header > h1 {display: block;padding: 24px 38px;font-size: 24px;line-height: 32px;color: #fff;font-weight: 400;margin: 0;}
.lp_close {display: block;position: absolute;width: 25px;height: 25px;right: 16px;top: 16px;cursor: pointer;}
.lp_close::before {content: "";display: block;width: 25px;height: 1px;margin-top: 12px;background: #fff;-webkit-transform: rotateZ(45deg);-ms-transform: rotate(45deg);transform: rotateZ(45deg);}
.lp_close::after {content: "";display: block;width: 25px;height: 1px;margin-top: -1px;background: #fff;-webkit-transform: rotateZ(-45deg);-ms-transform: rotate(-45deg);transform: rotateZ(-45deg);}
.lp_main {padding: 40px 38px;}
.tb_top {display: block;margin-bottom: 10px;line-height: 30px;}
.tb_top > h2 {float: left;margin: 0 0 10px 0;font-size: 18px;padding-left: 16px;text-indent: -16px;line-height: 30px;}
.tb_top > h2::before {content: "";display: inline-block;margin-bottom: 2px;width: 6px;height: 6px;border-radius: 3px;margin-right: 10px;background: #000;vertical-align: middle;}
.ad_area_title {font-weight: bold;}
.tb_top_right {display: block;float: right;font-size: 0;}
.tb_top_right > p {display: inline-block;font-size: 13px;font-weight: 400;vertical-align: middle;}
.tb_top::after {content: "";display: block;clear: both;}
.ad_area_content {font-size: 14px;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #e1e1e1;}
.btn_area {display: block;margin: 20px 0 0 0;font-size: 0;text-align: center;}
.btn {vertical-align: middle;display: inline-block;position: relative;height: 40px;line-height: 40px;background: #000000;color: #ffffff;font-size: 16px;width: 150px;text-align: center;border: 1px solid #c6c6c6;-webkit-box-sizing: border-box;box-sizing: border-box;font-weight: 400;cursor: pointer;text-decoration: none;}
.btn_cancel {vertical-align: middle;display: inline-block;position: relative;height: 40px;line-height: 40px;background: #ffffff;color: #666666;font-size: 16px;width: 150px;text-align: center;border: 1px solid #c6c6c6;-webkit-box-sizing: border-box;box-sizing: border-box;font-weight: 400;cursor: pointer;text-decoration: none;}
.ipt_radio {display: none}
.ipt_radio + label {display: inline-block;position: relative;font-size: 13px;line-height: 19px;height: 19px;padding-left: 27px;padding-top: 1px;cursor: pointer;outline: none;vertical-align: middle}
.ipt_radio + label::before {content: "";display: block;position: absolute;width: 18px;height: 18px;border: 1px solid #e1e1e1;border-radius: 10px;left: 0;top: 0;-webkit-transition: all 0.2s;transition: all 0.2s}
.ipt_radio + label::after {content: "";display: block;position: absolute;width: 0;height: 0;border-radius: 0;left: 10px;top: 10px;background: #f82244;-webkit-transition: all 0.2s;transition: all 0.2s}
.ipt_radio:checked + label::before {width: 16px;height: 16px;border: 2px solid #f82244}
.ipt_radio:checked + label::after {width: 8px;height: 8px;border-radius: 4px;left: 6px;top: 6px;background: #f82244}
.privacyTerms {font-size:14px;overflow-y: scroll;border: 1px solid #cccccc;padding: 15px;height: 240px;}

@media (max-width: 960px) {
    .login {position: relative;}
    .login_bg {background: none;}
    .login_form {width: 90%;}
    .login_box {width: 100%}
    .login_box_top > img {width: 320px;}
    .ef-on .login_bg::after {background: none;}
    .ef-on .login_box_top {background: none;}
    .ef-on .login_form {background: none;width: 320px;}
    .ef-on .login_box {box-shadow: none;transition: none;transition-delay: unset;}
    .login_footer {width: 320px;}

    .layer_popup {overflow: hidden;}
    .lp_inner {width: 100%!important;margin: 0;-webkit-transform: none;transform: none;height: 100%;overflow: auto;}
    .lp_header {height: 60px;position: fixed;width: 100%;z-index: 10;}
    .lp_header>h1 {padding: 0;line-height: 60px;width: 100%;text-align: center;}
    .lp_close {top: 17px;right: 19px;}
    .lp_main {padding: 60px 0 20px;margin: 0 auto;width: 90%;}
    .btn_area {margin: 50px 0 0;}
    .btn_area a {width: 100%;}
}

/*# sourceMappingURL=style.css.map */