@charset "utf-8";

/* ### 기본 스타일 커스터마이징 시작 ### */
.mbskin {padding:0}
/* ### 기본 스타일 커스터마이징 끝 ### */

/* formmail */
.formmail {position:relative;overflow:hidden;padding:15px}
.formmail .win-title {position:relative;margin:0 0 20px;font-size:1.0625rem;height:60px;line-height:30px;padding:15px 10px;background:#353535;color:#fff}
.formmail .btn-close {position:absolute;top:19px;right:10px}

/* login */
.mb-login {margin:30px auto;max-width:400px}
.mb-login h1 {font-size:30px;font-weight:700;text-align:center;margin:0 0 30px}
.mb-login .input .pv-icon {position:absolute;top:8px;right:45px;cursor:pointer}
.mb-login .input .pv-icon.is-active i {display:none}
.mb-login .input .pv-icon.is-active:after {font-family:'Font Awesome\ 5 Free';content:"\f070";font-weight:900}
.mb-login .login-link {text-align:right}
.mb-login .login-link a {font-size:.9375rem}
.mb-login .login-link a:hover {text-decoration:underline;color:#000}
.mb-login .login-link a:before {content:"|";margin-left:7px;margin-right:7px;color:#d5d5d5}
.mb-login .login-link a:first-child:before {display:none}
.mb-login .login-btn {text-align:center;position:relative;overflow:hidden;width:100%;padding:0}
.mb-login .login-btn .btn-e-lg {width:100%;padding:10px 0;border-radius:3px !important;font-weight:bold;font-size:16px;background:#2d2d38}
.mb-login .login-btn .btn-e-lg:hover {background:#43434d;border:1px solid #43434d}
.mb-login #sns_login h5 {text-align:center;color:#353535;font-size:.9375rem;margin-bottom:15px}
.mb-login .non-members {margin-top:30px;color:#171C29}
.mb-login .non-members .scroll-box-login {position:relative;overflow:hidden;border:1px solid #b5b5b5;padding:10px;height:150px}
.mb-login .non-member-order {margin-top:30px;color:#171C29}
#sns_login h3 {font-size:1rem}
@media (max-width:500px) {
    .mb-login {width:90%}
}

/* member_cert_refresh */
.member-cert-refresh .member-cert-refresh-box {border:1px solid #ddd}
.member-cert-refresh .member-cert-refresh-box-in {padding:15px}
.member-cert-refresh .eyoom-form header {padding:20px 15px;background:#fafafa}
.member-cert-refresh .eyoom-form header h5 {line-height:1;font-size:1.125rem}
.member-cert-refresh .eyoom-form footer {padding:15px;text-align:right}
.member-cert-refresh .eyoom-form fieldset {padding:0}
.member-cert-refresh .member-cert-refresh-agree label {display:inline-block;margin-right:5px}
.member-cert-refresh .btn-e-cert {padding:7px 12px}

/* member_confirm */
.member-confirm {position:relative;width:360px;padding:15px;margin:50px auto;border:1px solid #d5d5d5}
.member-confirm input {vertical-align:inherit}
@media (max-width:576px) {
    .member-confirm {width:100%;margin:30px auto}
}

/* memo_form */
.memo-write {position:relative;overflow:hidden;padding:15px}
.memo-write .win-title {position:relative;margin:0 0 20px;font-size:1.0625rem;height:60px;line-height:30px;padding:15px 10px;background:#353535;color:#fff}
.memo-write .btn-close {position:absolute;top:19px;right:10px}

/* memo_view */
.memo-view {position:relative;overflow:hidden;padding:15px}
.memo-view .win-title {position:relative;margin:0 0 20px;font-size:1.0625rem;height:60px;line-height:30px;padding:15px 10px;background:#353535;color:#fff}
.memo-view .btn-close {position:absolute;top:19px;right:10px}
.memo-view .memo-content .memo-box {position:relative;overflow:hidden;padding:10px;border:1px solid #b5b5b5;min-height:150px}

/* memo */
.memo-list {position:relative;overflow:hidden;padding:15px}
.memo-list .win-title {position:relative;margin:0 0 20px;font-size:1.0625rem;height:60px;line-height:30px;padding:15px 10px;background:#353535;color:#fff}
.memo-list .btn-close {position:absolute;top:19px;right:10px}
.memo-list .table-list-eb .tr-mobile td {font-size:.75rem;color:#959595;padding-top:0}
.memo-list .table-list-eb .tr-mobile td span {margin-left:5px}
@media (max-width:767px) {
    .memo-list .table-list-eb .tr-fixing {border-color:transparent}
}

/* password_lost */
.find-info {position:relative;width:360px;padding:15px;margin:50px auto;border:1px solid #d5d5d5}
@media (max-width:576px) {
    .find-info {width:100%;margin:30px auto}
}

/* password_reset */
.password-reset {position:relative;width:360px;padding:15px;margin:50px auto;border:1px solid #d5d5d5}
@media (max-width:576px) {
    .password-reset {width:100%;margin:30px auto}
}

/* password */
.password-confirm {position:relative;width:360px;padding:25px 15px;margin:50px auto;border:1px solid #d5d5d5}
@media (max-width:576px) {
    .password-confirm {width:100%;margin:30px auto}
}

/* point */
.point-list {position:relative;overflow:hidden;padding:15px}
.point-list .win-title {position:relative;margin:0 0 20px;font-size:1.0625rem;height:60px;line-height:30px;padding:15px 10px;background:#353535;color:#fff}
.point-list .btn-close {position:absolute;top:19px;right:10px}
.point-list .table-list-eb .tr-mobile td {padding-top:0}
.point-list .table-list-eb .tr-mobile td span {margin-right:5px}
.point-list .table-list-eb .tfoot-td-mobile td span {margin-left:10px;font-weight:700}
.point-list .table-list-eb .th-width-160 {width:160px}
@media (max-width:767px) {
    .point-list .table-list-eb .tr-fixing {border-color:transparent}
}

/* profile */
.member-profile {position:relative;overflow:hidden;padding:15px}
.member-profile .profile-photo {position:relative;overflow:hidden;width:60px;height:60px;margin:10px auto 20px;text-align:center}
.member-profile .profile-photo img {display:block;max-width:100%;height:auto}
.member-profile .profile-greetings {border:1px solid #d5d5d5;padding:12px 10px}

/* register */
.member-skin {font-size:.9375rem}
.member-skin .content-box {position:relative;border:1px solid #b5b5b5;background:#FFF}
.member-skin .content-box-header {padding:15px;border-bottom:1px solid #E5E5E5;background:#F5F5F5}
.member-skin .content-box-header h1, .member-skin  .content-box-header h2, .member-skin  .content-box-header h3, .member-skin  .content-box-header h4, .member-skin  .content-box-header h5, .member-skin .content-box-header h6 {line-height:1;margin:0}
.member-skin .content-box-body {padding:15px}
.member-skin .content-box-body p:last-child {margin-bottom:0}
.member-skin .content-box-footer {padding:10px 15px;border-top:1px solid #E5E5E5;background:#F5F5F5;text-align:right}
.member-skin #register_scroll_1 {position:relative;overflow:hidden}
.member-skin #register_scroll_1 textarea {width:100%;padding:15px;border:0;height:200px;resize:none}
.member-skin #register_scroll_2 {position:relative;overflow:hidden;height:200px}
.member-skin .member-box {border:1px solid #ddd;margin-bottom:30px}
.member-skin .eyoom-form header {padding:20px 15px;background:#fafafa}
.member-skin .eyoom-form header h5 {line-height:1;font-size:1.125rem}
.member-skin .eyoom-form footer {padding:15px;text-align:right}
.member-skin .eyoom-form fieldset {padding:0}
.member-skin .member-agree {padding:15px}
.member-skin .member-agree h5 {font-size:.9375rem}
.member-skin .fregister-agree label {display:inline-block;margin-right:5px}
.member-skin #sns_register {border:1px solid #d5d5d5;box-shadow:none;border-radius:0;margin-bottom:30px}
.member-skin #sns_register h2 {margin:0;padding:15px;font-weight:700;background:#fafafa;font-size:.875rem;line-height:1.5}

/* register_form */
.register-form .register-box {border:1px solid #ddd}
.register-form .eyoom-form header {padding:20px 15px;background:#fafafa}
.register-form .eyoom-form footer {padding:15px}
.register-form .eyoom-form fieldset {padding:15px}
.register-form .eyoom-form .vc-captcha fieldset {padding:0}
.register-form .border-top {border-top:1px solid #ddd}
.register-form .security-display {display:none}
.register-form .security_0 .security-display, .register-form .security_1 .security-display, .register-form .security_2 .security-display, .register-form .security_3 .security-display, .register-form .security_4 .security-display {display:block}
.register-form .progress-xxs {height:3px;float:none}
.register-form .btn-e-cert {padding:7px 12px}
.register-form .frm_label {font-weight:700}
.register-form .sns-wrap-reg {margin-bottom:20px}
.register-form .sns-wrap {text-align:left}

/* register_result */
.register-result {max-width:500px;margin:0 auto}
.register-result .register-icon-box {font-size:120px;text-align:center;color:#959595;line-height:1;margin:0 0 30px}
.register-result .register-info-box {border:1px solid #757575;background-color:#fafafa;padding:20px;margin-bottom:20px}
.register-result .register-result-box {border:1px solid #d5d5d5;padding:20px;margin-bottom:30px}

/* scrap_popin */
.scrap-popin {position:relative;overflow:hidden;padding:15px}
.scrap-popin .win-title {position:relative;margin:0 0 20px;font-size:1.0625rem;height:60px;line-height:30px;padding:15px 10px;background:#353535;color:#fff}
.scrap-popin .btn-close {position:absolute;top:19px;right:10px}

/* scrap */
.scrap-list {position:relative;overflow:hidden;padding:15px}
.scrap-list .win-title {position:relative;margin:0 0 20px;font-size:1.0625rem;height:60px;line-height:30px;padding:15px 10px;background:#353535;color:#fff}
.scrap-list .btn-close {position:absolute;top:19px;right:10px}
.scrap-list .table-list-eb .width-70px {width:70px}
.scrap-list .table-list-eb .tr-num-subj {border-color:transparent}
.scrap-list .table-list-eb .tr-info td {padding-top:0}
.scrap-list .table-list-eb .tr-info td span {margin-left:7px;font-size:.8125rem}