@charset "utf-8";

/* ### 기본 스타일 커스터마이징 시작 ### */
/* 기본박스 */
.mbskin {position:relative;margin:100px auto 0;width:360px;text-align:center}
.mbskin:after {right:10px;left:auto;
  -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
     -o-transform:skew(8deg) rotate(3deg);
      transform:skew(8deg) rotate(3deg)}
.mbskin .mbskin_box{border:1px solid #dde7e9;background:#fff}
.mbskin .frm_input {width:100%}
.mbskin .btn_submit {width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em}
.mbskin h1 {margin:60px 0 30px;font-size:2em}
/* ### 기본 스타일 커스터마이징 끝 ### */

/* 회원가입 약관 */
.register {margin:0 auto}
.register:after {display:block;visibility:hidden;clear:both;content:""}
.register .btn_confirm .btn_submit,
.register .btn_confirm .btn_close {float:left;height:50px !important;width:49.5%;font-weight:bold;font-size:1.083em}
.register .btn_confirm {text-align:left}
.register .btn_confirm .btn_submit {margin-left:1%}

#fregister p {position:relative;text-align:center;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;border-radius:5px;font-weight:bold}
#fregister p:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453}
#fregister p i {font-size:1.2em;vertical-align:middle}
#fregister section {margin:10px auto 15px;border:1px solid #dde7e9;position:relative;border-radius:3px}
#fregister_chkall {position:relative;text-align:center;background:#f5f7fa;line-height:50px;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px}
#fregister h2 {text-align:left;padding:20px;border-bottom:1px solid #dde7e9;font-size:1.2em}
#fregister textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}
.fregister_terms div {padding:20px;background:#fff}
.fregister_terms table {width:100%;border-collapse:collapse;font-size:1em;}
.fregister_terms table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
.fregister_terms table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf}
.fregister_terms table td {border:1px solid #e7e9ec;padding:10px;border-top:0}

.fregister_agree {position:absolute;top:0;right:0}
.fregister_agree input[type="checkbox"] + label {color:#676e70}
.fregister_agree input[type="checkbox"] + label:hover {color:#2172f8}
.fregister_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #999;border-radius:3px}
.fregister_agree input[type="checkbox"]:checked + label {color:#000}
.fregister_agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.fregister_agree.chk_all input[type="checkbox"] + label span {top:18px}

.chk_li {padding-left:20px}

#sns_register .login-sns,
#sns_register h2 {border:0 !important}

/* 회원가입 입력 */
#register_form {background:#fff;margin-bottom:20px}
#register_form h2 {padding:20px;border-bottom:1px solid #dde7e9}
.register_form_inner {background:#f7f7f7;border:1px solid #dde7e9;border-radius:3px}
.register_form_inner ul {padding:20px}
.register_form_inner label {display:block;margin-bottom:10px;line-height:24px}
.register_form_inner label.inline {display:inline}

#fregisterform .cert_desc {color:#3a8afd;}
#fregisterform .cert_req {margin-left:5px;line-height:35px;}
#fregisterform #msg_certify {margin:5px 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
#fregisterform .frm_address {margin:5px 0 0}
#fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
#fregisterform .btn_confirm {text-align:center}
#fregisterform .form_01 div {margin:0 0 20px}
#fregisterform .captcha {display:block;margin:5px 0 0}
#fregisterform .reg_mb_img_file img {max-width:100%;height:auto}
#reg_mb_icon, #reg_mb_img {float:right}
#fregisterform .consent-line {display: flex; margin: 0 !important;}
#fregisterform .consent-line .chk_li {padding-left: 0;}
#fregisterform .consent-date { margin: 5px 0 0 20px !important; }
#fregisterform .consent-group .sub-consents {padding: 0 20px 0px}
#fregisterform .js-open-consent {display: block; margin-left: 10px; font-size: 12px; color: #3f51b5; background: none; border: none; cursor: pointer; text-decoration: underline; }

/* 회원가입 완료 */
#reg_result {padding:40px 30px;text-align:center;background:#edf3fc;border:1px solid #d6e2f4;border-radius:5px}
#reg_result h2 {font-size:2em;margin:0 0 20px}
#reg_result h2 strong {color:#ed6478}
#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em}
#reg_result #result_email span {display:inline-block;width:150px}
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
#reg_result p {line-height:1.8em}
#reg_result .result_txt {text-align:left}
#reg_result .btn_confirm {margin:50px 0}
#reg_result i {font-size:3em}
#reg_result .reg_result_p {font-size:1.25em;margin:0 0 10px;color:#3684fa}

.btn_confirm_reg {margin:20px 0;text-align:center}
.reg_btn_submit {display:inline-block;background:#3a8afd;color:#fff;text-align:center;border-radius:3px;width:280px;height:57px;line-height:57px;font-size:1.2em;margin:0 auto;font-weight:bold}

.mb_log_cate h2 {width:50%;float:left;padding:20px 0;text-align:center}
.mb_log_cate .join {width:50%;float:left;padding:20px 0;text-align:center;background:#f7f7f7;color:#6e6e6e}
.mb_log_cate:after {display:block;visibility:hidden;clear:both;content:""}

.tooltip_icon {display:inline-block;vertical-align:baseline;color:#b3b5b8;border:0;font-size:1.4em;background:transparent;cursor:pointer}
.tooltip_icon:hover {color:#448bf5}
.tooltip {position:absolute;width:auto;color:#fff;background:#000;padding:10px;font-size:small;line-height:18px;display:none;z-index:9;font-weight:normal;margin-left:15px;margin-top:10px}
.tooltip:before {content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:10px solid #000}

/* 아이디/비밀번호 찾기 */
#find_info h3 {display:none;margin-bottom:30px;text-align:center;font-size:1.1em;}
#find_info .new_win_con {background:#f7f7f7;}
#find_info.cert .new_win_con {width:460px;float:left;}
#find_info.cert .new_win_con:nth-child(2) {margin-left:10px;}
#find_info.cert h3 {display:block;}
#find_info #mb_hp_label {display:inline-block;margin-left:10px}
#find_info p {line-height:1.5em}
#find_info #mb_email {margin:10px 0}
#find_info .find_btn .btn_submit {width:30%;word-break:keep-all;}

/* 비밀번호 재설정 */
#pw_reset #info_fs {margin-bottom: 10px}
#pw_reset .frm_input {margin:10px 0 0}

/* 기존 회원 본인인증 */
#member_cert_refresh p {position:relative;text-align:center;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;border-radius:5px;font-weight:bold}
#member_cert_refresh p:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453}
#member_cert_refresh p i {font-size:1.2em;vertical-align:middle}
#member_cert_refresh section {margin:10px auto 15px;border:1px solid #dde7e9;position:relative;border-radius:3px}
#member_cert_refresh_chkall {position:relative;text-align:center;background:#f5f7fa;line-height:50px;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px}
#member_cert_refresh h2 {text-align:left;padding:20px;border-bottom:1px solid #dde7e9;font-size:1.2em}
#member_cert_refresh textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}
#member_cert_refresh_private {position:relative}
#member_cert_refresh_private div {padding:20px;background:#fff}
#member_cert_refresh_private table {width:100%;border-collapse:collapse;font-size:1em;}
#member_cert_refresh_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#member_cert_refresh_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf;font-weight:bold;}
#member_cert_refresh_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0}

.member_cert_refresh_agree {position:absolute;top:0;right:0}
.member_cert_refresh_agree input[type="checkbox"] + label {color:#676e70}
.member_cert_refresh_agree input[type="checkbox"] + label:hover {color:#2172f8}
.member_cert_refresh_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #999;border-radius:3px}
.member_cert_refresh_agree input[type="checkbox"]:checked + label {color:#000}
.member_cert_refresh_agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.member_cert_refresh_agree.chk_all input[type="checkbox"] + label span {top:18px}

#member_cert_refresh #find_info {margin:50px 0}
#member_cert_refresh #find_info .find_btn {padding:10px 20px;background:#fff}
#member_cert_refresh #find_info .find_btn > div {margin:10px 0}

/* 로그인 */
#mb_login.crm-login-page {
    --crm-login-ink: #1f2b33;
    --crm-login-muted: #667986;
    --crm-login-line: #d9e3e7;
    --crm-login-soft: #f4f8f8;
    --crm-login-paper: #fff;
    --crm-login-teal: #138b7d;
    --crm-login-teal-dark: #0d5f58;
    --crm-login-amber: #d99b2f;
    --crm-login-coral: #c86f5b;
    --crm-login-blue: #496f9d;
    width: auto;
    min-height: 100vh;
    margin: 0;
    padding: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--crm-login-ink);
    text-align: left;
    background:
        linear-gradient(90deg, rgba(19,139,125,0.07) 1px, transparent 1px),
        linear-gradient(180deg, rgba(73,111,157,0.06) 1px, transparent 1px),
        #f2f6f6;
    background-size: 32px 32px, 32px 32px, auto;
    font-family: "Pretendard", "Malgun Gothic", dotum, sans-serif;
    font-size: 15px;
}

#mb_login.crm-login-page:after {
    display: none;
}

#mb_login .crm-login-shell {
    width: min(1120px, 100%);
    min-height: 640px;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(380px, 0.88fr);
    overflow: hidden;
    border: 1px solid rgba(26, 55, 60, 0.14);
    border-radius: 8px;
    background: var(--crm-login-paper);
    box-shadow: 0 24px 70px rgba(31, 43, 51, 0.16);
}

#mb_login .crm-login-visual {
    position: relative;
    min-height: 640px;
    padding: 38px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    color: #f7fbfa;
    background:
        linear-gradient(135deg, rgba(17, 58, 59, 0.96), rgba(19, 105, 95, 0.94) 58%, rgba(62, 79, 66, 0.96)),
        repeating-linear-gradient(90deg, rgba(255,255,255,0.08) 0, rgba(255,255,255,0.08) 1px, transparent 1px, transparent 54px);
}

#mb_login .crm-login-visual:before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg, transparent 0 42%, rgba(255,255,255,0.1) 42% 43%, transparent 43%),
        linear-gradient(180deg, rgba(255,255,255,0.1), transparent 34%);
    pointer-events: none;
}

#mb_login .crm-login-brand-row,
#mb_login .crm-login-visual-copy,
#mb_login .crm-login-workspace {
    position: relative;
    z-index: 1;
}

#mb_login .crm-login-brand-row {
    display: flex;
    align-items: center;
    gap: 14px;
}

#mb_login .crm-login-brand-text strong,
#mb_login .crm-login-brand-text span {
    display: block;
}

#mb_login .crm-login-brand-text strong {
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
    font-family: inherit;
}

#mb_login .crm-login-brand-text span {
    margin-top: 4px;
    color: rgba(255,255,255,0.66);
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

#mb_login .crm-login-kicker {
    margin: 0 0 14px;
    color: #ffd88e;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
}

#mb_login .crm-login-visual-copy h2 {
    max-width: 520px;
    margin: 0;
    color: #fff;
    font-family: inherit;
    font-size: 34px;
    line-height: 1.26;
    font-weight: 800;
    letter-spacing: 0;
    word-break: keep-all;
}

#mb_login .crm-login-workspace {
    border: 1px solid rgba(255,255,255,0.24);
    border-radius: 8px;
    background: rgba(8, 24, 28, 0.42);
    box-shadow: 0 18px 42px rgba(0,0,0,0.2);
    backdrop-filter: blur(6px);
}

#mb_login .crm-login-window-head {
    height: 42px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    border-bottom: 1px solid rgba(255,255,255,0.12);
}

#mb_login .crm-login-window-head span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--crm-login-coral);
}

#mb_login .crm-login-window-head span:nth-child(2) {
    background: var(--crm-login-amber);
}

#mb_login .crm-login-window-head span:nth-child(3) {
    background: #6fb49d;
}

#mb_login .crm-login-tabs {
    display: flex;
    gap: 8px;
    padding: 16px 16px 0;
}

#mb_login .crm-login-tabs span {
    height: 32px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 8px 8px 0 0;
    color: rgba(255,255,255,0.72);
    font-size: 12px;
    font-weight: 700;
}

#mb_login .crm-login-tabs .is-active {
    color: #fff;
    background: rgba(255,255,255,0.14);
}

#mb_login .crm-login-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 16px;
}

#mb_login .crm-login-metrics div {
    min-height: 78px;
    padding: 13px;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 8px;
    background: rgba(255,255,255,0.1);
}

#mb_login .crm-login-metrics span,
#mb_login .crm-login-metrics strong {
    display: block;
}

#mb_login .crm-login-metrics span {
    color: rgba(255,255,255,0.6);
    font-size: 12px;
}

#mb_login .crm-login-metrics strong {
    margin-top: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
}

#mb_login .crm-login-rows {
    padding: 0 16px 18px;
}

#mb_login .crm-login-rows span {
    display: block;
    width: var(--crm-row-width);
    height: 10px;
    margin-top: 12px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255,255,255,0.56), rgba(255,255,255,0.14));
}

#mb_login .crm-login-panel {
    padding: 54px 52px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff;
}

#mb_login .crm-login-panel-head {
    margin-bottom: 28px;
}

#mb_login .crm-login-secure-badge {
    height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #cae4df;
    border-radius: 999px;
    color: var(--crm-login-teal-dark);
    background: #eef8f6;
    font-size: 12px;
    font-weight: 800;
}

#mb_login .crm-login-title {
    position: static;
    width: auto;
    height: auto;
    margin: 18px 0 8px;
    color: var(--crm-login-ink);
    font-family: inherit;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 0;
    overflow: visible;
}

#mb_login .crm-login-panel-head p {
    margin: 0;
    color: var(--crm-login-muted);
    font-size: 14px;
    line-height: 1.55;
}

#mb_login .crm-login-form fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

#mb_login .crm-login-field {
    margin-bottom: 16px;
}

#mb_login .crm-login-field label {
    display: block;
    margin-bottom: 7px;
    color: #354752;
    font-size: 13px;
    font-weight: 800;
}

#mb_login .crm-login-input-wrap {
    position: relative;
}

#mb_login .crm-login-input-wrap i {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #83949d;
    font-size: 14px;
    pointer-events: none;
}

#mb_login .crm-login-input-wrap .frm_input {
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0 15px 0 44px;
    border: 1px solid var(--crm-login-line);
    border-radius: 8px;
    color: var(--crm-login-ink);
    background: #f9fbfb;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

#mb_login .crm-login-input-wrap .frm_input::placeholder {
    color: #a0adb4;
    font-weight: 500;
}

#mb_login .crm-login-input-wrap .frm_input:focus {
    border-color: var(--crm-login-teal) !important;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(19,139,125,0.13);
}

#mb_login .crm-login-submit {
    width: 100%;
    height: 52px;
    margin: 8px 0 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 0;
    border-radius: 8px;
    color: #fff;
    background: var(--crm-login-teal);
    box-shadow: 0 12px 28px rgba(19,139,125,0.26);
    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
    transition: background .16s ease, transform .16s ease, box-shadow .16s ease;
}

#mb_login .crm-login-submit:hover,
#mb_login .crm-login-submit:focus {
    background: var(--crm-login-teal-dark);
    box-shadow: 0 14px 30px rgba(13,95,88,0.28);
}

#mb_login .crm-login-submit:active {
    transform: translateY(1px);
}

#mb_login .crm-login-policy-note {
    margin-top: 18px;
    padding: 13px 14px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border: 1px solid #e5edf0;
    border-radius: 8px;
    color: #5e717b;
    background: var(--crm-login-soft);
    font-size: 13px;
    line-height: 1.5;
    word-break: keep-all;
}

#mb_login .crm-login-policy-note i {
    margin-top: 2px;
    color: var(--crm-login-blue);
}

#mb_login .join,
#mb_login .login_if_lpl,
#mb_login .login_if_auto,
#mb_login #sns_login,
#mb_login_notmb,
#mb_login_od_wr {
    display: none !important;
}

@media (max-width: 980px) {
    #mb_login.crm-login-page {
        padding: 24px;
    }

    #mb_login .crm-login-shell {
        min-height: 0;
        grid-template-columns: 1fr;
    }

    #mb_login .crm-login-visual {
        min-height: 380px;
        padding: 30px;
    }

    #mb_login .crm-login-visual-copy h2 {
        max-width: 620px;
        font-size: 28px;
    }

    #mb_login .crm-login-panel {
        padding: 38px 34px;
    }
}

@media (max-width: 640px) {
    #mb_login.crm-login-page {
        padding: 14px;
        font-size: 14px;
    }

    #mb_login .crm-login-visual {
        min-height: 320px;
        padding: 24px;
    }

    #mb_login .crm-login-visual-copy h2 {
        font-size: 24px;
    }

    #mb_login .crm-login-tabs {
        overflow: hidden;
    }

    #mb_login .crm-login-tabs span {
        min-width: 0;
        padding: 0 9px;
        font-size: 11px;
        white-space: nowrap;
    }

    #mb_login .crm-login-metrics {
        grid-template-columns: 1fr;
    }

    #mb_login .crm-login-metrics div {
        min-height: 60px;
    }

    #mb_login .crm-login-metrics strong {
        margin-top: 6px;
        font-size: 16px;
    }

    #mb_login .crm-login-panel {
        padding: 30px 22px;
    }

    #mb_login .crm-login-title {
        font-size: 26px;
    }
}

/* RS 밝은 로그인 테마 */
#mb_login.crm-login-page {
    --crm-login-ink: #17272f;
    --crm-login-muted: #657781;
    --crm-login-line: #d8e7eb;
    --crm-login-soft: #f3faf8;
    --crm-login-paper: #fff;
    --crm-login-teal: #168b8f;
    --crm-login-teal-dark: #0f6875;
    --crm-login-amber: #d3a247;
    --crm-login-coral: #d95f64;
    --crm-login-blue: #3d66b8;
    padding: 38px;
    background:
        linear-gradient(90deg, rgba(22,139,143,0.08) 1px, transparent 1px),
        linear-gradient(180deg, rgba(61,102,184,0.06) 1px, transparent 1px),
        linear-gradient(135deg, #fbfeff 0%, #eef8f9 54%, #fff8ea 100%);
    background-size: 34px 34px, 34px 34px, auto;
}

#mb_login.crm-login-page,
#mb_login.crm-login-page * {
    letter-spacing: 0;
    font-weight: 400;
}

#mb_login.crm-login-page strong,
#mb_login.crm-login-page b {
    font-weight: 500;
}

#mb_login .crm-login-shell {
    min-height: 646px;
    grid-template-columns: minmax(0, 1.04fr) minmax(380px, 0.96fr);
    border-color: rgba(18, 88, 105, 0.16);
    background: rgba(255,255,255,0.94);
    box-shadow: 0 26px 70px rgba(31, 64, 74, 0.14);
}

#mb_login .crm-login-visual {
    min-height: 646px;
    color: #17323b;
    background:
        linear-gradient(90deg, rgba(255,255,255,0.86) 0%, rgba(246,253,253,0.52) 52%, rgba(255,255,255,0.2) 100%),
        url("/crm/assets/img/login-background-unsplash.jpg"),
        linear-gradient(135deg, rgba(255,255,255,0.96), rgba(237,250,250,0.96) 58%, rgba(255,248,234,0.95)),
        linear-gradient(120deg, rgba(22,139,143,0.08), transparent 46%, rgba(211,162,71,0.08));
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: center, center, center, center;
    background-size: cover, cover, cover, cover;
}

#mb_login .crm-login-visual:before {
    background:
        linear-gradient(90deg, rgba(22,139,143,0.1) 1px, transparent 1px),
        linear-gradient(180deg, rgba(61,102,184,0.08) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: .7;
}

#mb_login .crm-login-brand-row {
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

#mb_login .crm-login-logo {
    width: 64px;
    height: 64px;
    flex: 0 0 auto;
    object-fit: cover;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 12px 28px rgba(24, 55, 70, 0.16);
}

#mb_login .crm-login-brand-stack {
    min-width: 0;
    flex: 1 1 220px;
}

#mb_login .crm-login-brand-name,
#mb_login .crm-login-brand-sub {
    display: block;
}

#mb_login .crm-login-brand-name {
    color: #17272f;
    font-family: "GMarketSans", "Pretendard", "Malgun Gothic", dotum, sans-serif;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
    word-break: keep-all;
}

#mb_login .crm-login-brand-sub {
    margin-top: 5px;
    color: #657781;
    font-size: 11px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

#mb_login .crm-login-kicker {
    color: #126d78;
    font-family: "GMarketSans", "Pretendard", "Malgun Gothic", dotum, sans-serif;
    font-size: 12px;
    font-weight: 500;
}

#mb_login .crm-login-visual-copy h2 {
    max-width: 520px;
    color: #17323b;
    font-family: "GMarketSans", "Pretendard", "Malgun Gothic", dotum, sans-serif;
    font-size: 32px;
    font-weight: 500;
}

#mb_login .crm-login-visual-lead {
    max-width: 520px;
    margin: 14px 0 0;
    color: #60747d;
    font-size: 14px;
    line-height: 1.6;
}

#mb_login .crm-login-workspace {
    overflow: hidden;
    border-color: rgba(22,139,143,0.22);
    background: rgba(255,255,255,0.74);
    box-shadow: 0 18px 42px rgba(31, 64, 74, 0.12);
    backdrop-filter: blur(10px);
}

#mb_login .crm-login-window-head {
    height: 48px;
    justify-content: space-between;
    border-bottom-color: rgba(22,139,143,0.16);
    background: rgba(255,255,255,0.68);
}

#mb_login .crm-login-window-head span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
    color: #526a75;
    font-family: "GMarketSans", "Pretendard", "Malgun Gothic", dotum, sans-serif;
    font-size: 12px;
}

#mb_login .crm-login-window-head b {
    flex: 0 0 auto;
    padding: 5px 9px;
    border: 1px solid #cbe5e7;
    border-radius: 6px;
    color: #126d78;
    background: #effafa;
    font-family: "GMarketSans", "Pretendard", "Malgun Gothic", dotum, sans-serif;
    font-size: 11px;
}

#mb_login .crm-login-security-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 16px;
}

#mb_login .crm-login-security-strip div {
    min-height: 86px;
    padding: 14px;
    border: 1px solid #d9e9ea;
    border-radius: 8px;
    background: rgba(255,255,255,0.82);
}

#mb_login .crm-login-security-strip span,
#mb_login .crm-login-security-strip strong {
    display: block;
}

#mb_login .crm-login-security-strip span {
    color: #71818a;
    font-size: 11px;
}

#mb_login .crm-login-security-strip strong {
    margin-top: 14px;
    color: #17323b;
    font-family: "GMarketSans", "Pretendard", "Malgun Gothic", dotum, sans-serif;
    font-size: 16px;
}

#mb_login .crm-login-scan {
    padding: 0 16px 16px;
}

#mb_login .crm-login-scan > span {
    display: block;
    margin-bottom: 10px;
    color: #526a75;
    font-family: "GMarketSans", "Pretendard", "Malgun Gothic", dotum, sans-serif;
    font-size: 12px;
}

#mb_login .crm-login-scan-track {
    position: relative;
    height: 10px;
    overflow: hidden;
    border: 1px solid #d9e9ea;
    border-radius: 6px;
    background: #eaf4f4;
}

#mb_login .crm-login-scan-track:before {
    position: absolute;
    inset: 1px 8%;
    content: "";
    border-radius: inherit;
    background: linear-gradient(90deg, transparent, rgba(88, 174, 225, 0.18), transparent);
    opacity: 0.72;
}

#mb_login .crm-login-scan-track i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 28%;
    border-radius: 6px;
    background: linear-gradient(90deg, transparent, #168b8f 10%, #58aee1 48%, #d3a247 88%, transparent);
    box-shadow: 0 0 14px rgba(88, 174, 225, 0.36), 0 0 20px rgba(211, 162, 71, 0.18);
    transform: translateX(-16%) scaleX(0.82);
    transform-origin: center;
    animation: crmLoginSecuritySweep 5.8s ease-in-out infinite;
    will-change: transform, opacity;
}

#mb_login .crm-login-panel {
    background: linear-gradient(180deg, #fff 0%, #f7fbfb 100%);
}

#mb_login .crm-login-secure-badge {
    border-color: #cce7e6;
    border-radius: 8px;
    color: #126d78;
    background: #effafa;
    font-family: "GMarketSans", "Pretendard", "Malgun Gothic", dotum, sans-serif;
    font-weight: 500;
}

#mb_login .crm-login-title {
    color: #17272f;
    font-family: "GMarketSans", "Pretendard", "Malgun Gothic", dotum, sans-serif;
    font-weight: 500;
}

#mb_login .crm-login-panel-head p {
    color: #657781;
}

#mb_login .crm-login-field label {
    color: #31464f;
    font-weight: 500;
}

#mb_login .crm-login-input-wrap .frm_input {
    border-color: #d8e7eb;
    background: #fff;
    font-weight: 400;
}

#mb_login .crm-login-input-wrap .frm_input::placeholder {
    font-weight: 400;
}

#mb_login .crm-login-submit {
    background: linear-gradient(90deg, #168b8f, #3d66b8);
    box-shadow: 0 14px 28px rgba(22,139,143,0.22);
    font-weight: 500;
}

#mb_login .crm-login-submit:hover,
#mb_login .crm-login-submit:focus {
    background: linear-gradient(90deg, #0f6875, #31599e);
}

#mb_login .crm-login-policy-note {
    border-color: #dceaec;
    color: #5c7079;
    background: #f5faf9;
}

#mb_login .crm-login-panel-foot {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

#mb_login .crm-login-endpoint {
    min-width: 0;
    padding: 12px 13px;
    border: 1px solid #dceaec;
    border-radius: 8px;
    background: #fff;
}

#mb_login .crm-login-endpoint span,
#mb_login .crm-login-endpoint strong {
    display: block;
}

#mb_login .crm-login-endpoint span {
    color: #75858d;
    font-family: "GMarketSans", "Pretendard", "Malgun Gothic", dotum, sans-serif;
    font-size: 11px;
}

#mb_login .crm-login-endpoint strong {
    margin-top: 6px;
    color: #17323b;
    font-size: 14px;
    line-height: 1.35;
    word-break: break-all;
}

@keyframes crmLoginSecuritySweep {
    0% {
        opacity: 0.72;
        transform: translateX(-16%) scaleX(0.9);
    }
    50% {
        opacity: 1;
        transform: translateX(258%) scaleX(1.08);
    }
    100% {
        opacity: 0.72;
        transform: translateX(-16%) scaleX(0.9);
    }
}

@media (prefers-reduced-motion: reduce) {
    #mb_login .crm-login-scan-track i {
        animation: none;
        left: 0;
        opacity: 0.9;
        transform: translateX(0) scaleX(1);
    }
}

@media (max-width: 980px) {
    #mb_login .crm-login-shell {
        min-height: 0;
        grid-template-columns: 1fr;
    }

    #mb_login .crm-login-visual {
        min-height: 420px;
    }
}

@media (max-width: 640px) {
    #mb_login.crm-login-page {
        display: block;
        min-height: auto;
        padding: 18px;
        overflow-x: hidden;
    }

    #mb_login .crm-login-shell,
    #mb_login .crm-login-visual,
    #mb_login .crm-login-panel,
    #mb_login .crm-login-workspace {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    #mb_login .crm-login-shell {
        width: 100%;
    }

    #mb_login .crm-login-visual {
        padding: 22px;
    }

    #mb_login .crm-login-brand-row {
        gap: 10px;
    }

    #mb_login .crm-login-logo {
        width: 54px;
        height: 54px;
    }

    #mb_login .crm-login-brand-stack {
        flex-basis: 100%;
    }

    #mb_login .crm-login-visual-copy h2 {
        font-size: 22px;
        overflow-wrap: anywhere;
    }

    #mb_login .crm-login-security-strip,
    #mb_login .crm-login-panel-foot {
        grid-template-columns: 1fr;
    }

    #mb_login .crm-login-window-head {
        gap: 8px;
        padding-right: 12px;
        padding-left: 12px;
    }

    #mb_login .crm-login-window-head b {
        max-width: 70px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #mb_login .crm-login-secure-badge {
        max-width: 100%;
        white-space: normal;
    }
}

/* 원본 사진 분위기 로그인 테마 */
#mb_login.crm-login-page {
    --crm-login-ink: #f8f3ec;
    --crm-login-muted: rgba(248, 243, 236, 0.68);
    --crm-login-line: rgba(255, 255, 255, 0.16);
    --crm-login-soft: rgba(255, 255, 255, 0.08);
    --crm-login-coral: #c73a34;
    --crm-login-amber: #dc9630;
    --crm-login-teal: #2bb8b4;
    background:
        linear-gradient(135deg, rgba(5, 6, 7, 0.96), rgba(38, 18, 16, 0.95) 54%, rgba(9, 11, 13, 0.96)),
        url("/crm/assets/img/login-background-unsplash.jpg");
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: cover, cover;
}

#mb_login.crm-login-page:after {
    background:
        radial-gradient(circle at 25% 18%, rgba(199, 58, 52, 0.22), transparent 30%),
        radial-gradient(circle at 80% 82%, rgba(220, 150, 48, 0.14), transparent 32%);
    opacity: .8;
}

#mb_login .crm-login-shell {
    border-color: rgba(255, 255, 255, 0.15);
    background: rgba(12, 13, 15, 0.9);
    box-shadow: 0 30px 86px rgba(0, 0, 0, 0.42);
}

#mb_login .crm-login-visual {
    color: var(--crm-login-ink);
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.42)),
        linear-gradient(90deg, rgba(4, 6, 8, 0.28), rgba(4, 6, 8, 0.06) 58%, rgba(4, 6, 8, 0.2)),
        url("/crm/assets/img/login-background-unsplash.jpg");
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center, center, center;
    background-size: cover, cover, cover;
}

#mb_login .crm-login-visual:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.34));
    opacity: 1;
}

#mb_login .crm-login-logo {
    border-color: rgba(255, 255, 255, 0.82);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
}

#mb_login .crm-login-brand-name {
    color: #fff7ef;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.52);
}

#mb_login .crm-login-brand-sub {
    color: rgba(255, 247, 239, 0.7);
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.38);
}

#mb_login .crm-login-workspace {
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(11, 13, 15, 0.74);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(12px);
}

#mb_login .crm-login-window-head {
    border-bottom-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.08);
}

#mb_login .crm-login-window-head span {
    color: rgba(248, 243, 236, 0.78);
}

#mb_login .crm-login-window-head b {
    border-color: rgba(255, 111, 89, 0.3);
    color: #ffd9ce;
    background: rgba(199, 58, 52, 0.18);
}

#mb_login .crm-login-security-strip div {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.08);
}

#mb_login .crm-login-security-strip span,
#mb_login .crm-login-scan > span {
    color: rgba(248, 243, 236, 0.64);
}

#mb_login .crm-login-security-strip strong {
    color: #fff5ed;
}

#mb_login .crm-login-scan-track {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.12);
}

#mb_login .crm-login-scan-track i {
    background: linear-gradient(90deg, var(--crm-login-coral), var(--crm-login-amber), var(--crm-login-teal));
}

#mb_login .crm-login-panel {
    color: var(--crm-login-ink);
    background: linear-gradient(180deg, #181b1e 0%, #111315 100%);
}

#mb_login .crm-login-secure-badge {
    border-color: rgba(255, 111, 89, 0.28);
    color: #ffe1d7;
    background: rgba(199, 58, 52, 0.16);
}

#mb_login .crm-login-title {
    color: #fff7ef;
}

#mb_login .crm-login-panel-head p {
    color: var(--crm-login-muted);
}

#mb_login .crm-login-field label {
    color: rgba(248, 243, 236, 0.8);
}

#mb_login .crm-login-input-wrap i {
    color: rgba(248, 243, 236, 0.5);
}

#mb_login .crm-login-input-wrap .frm_input {
    border-color: var(--crm-login-line);
    color: var(--crm-login-ink);
    background: rgba(255, 255, 255, 0.07);
}

#mb_login .crm-login-input-wrap .frm_input::placeholder {
    color: rgba(248, 243, 236, 0.42);
}

#mb_login .crm-login-input-wrap .frm_input:focus {
    border-color: rgba(239, 94, 75, 0.86);
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 4px rgba(199, 58, 52, 0.18);
}

#mb_login .crm-login-submit {
    background: linear-gradient(90deg, #b9282c, #d28a2b);
    box-shadow: 0 16px 32px rgba(185, 40, 44, 0.26);
}

#mb_login .crm-login-submit:hover,
#mb_login .crm-login-submit:focus {
    background: linear-gradient(90deg, #a71f25, #bd7626);
}

#mb_login .crm-login-policy-note {
    border-color: var(--crm-login-line);
    color: rgba(248, 243, 236, 0.66);
    background: rgba(255, 255, 255, 0.06);
}

#mb_login .crm-login-endpoint {
    border-color: var(--crm-login-line);
    background: rgba(255, 255, 255, 0.06);
}

#mb_login .crm-login-endpoint span {
    color: rgba(248, 243, 236, 0.56);
}

#mb_login .crm-login-endpoint strong {
    color: #fff5ed;
}

@media (max-width: 980px) {
    #mb_login .crm-login-visual {
        background-position: center, center, center;
    }
}

@media (max-width: 640px) {
    #mb_login.crm-login-page {
        width: 100%;
        box-sizing: border-box;
        background-position: center;
    }

    #mb_login .crm-login-shell {
        width: min(100%, calc(100vw - 72px));
        max-width: calc(100vw - 72px);
        margin: 0 auto;
        overflow: hidden;
    }

    #mb_login .crm-login-window-head {
        height: auto;
        min-height: 48px;
        align-items: flex-start;
        flex-direction: column;
    }

    #mb_login .crm-login-window-head b {
        max-width: 100%;
    }

    #mb_login .crm-login-panel {
        border-top: 1px solid rgba(255, 255, 255, 0.12);
    }

    #mb_login .crm-login-input-wrap .frm_input {
        min-width: 0;
    }
}

/* 보안 운영 콘솔 튜닝 */
#mb_login .crm-login-workspace {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

#mb_login .crm-login-window-head {
    height: auto;
    min-height: 0;
    padding: 0;
    margin-bottom: 14px;
    border-bottom: 0;
    background: transparent;
}

#mb_login .crm-login-window-head b {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-color: rgba(255, 217, 76, 0.48);
    color: #fff3b8;
    background: rgba(255, 198, 46, 0.14);
    box-shadow: 0 0 18px rgba(255, 207, 54, 0.18);
}

#mb_login .crm-login-window-head b:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ffd84c;
    box-shadow: 0 0 10px rgba(255, 216, 76, 0.9);
}

#mb_login .crm-login-security-strip {
    padding: 0;
}

#mb_login .crm-login-scan {
    padding: 16px 0 0;
}

#mb_login .crm-login-node-card {
    position: relative;
    overflow: hidden;
    transition: border-color .24s ease, box-shadow .24s ease, background .24s ease;
}

#mb_login .crm-login-node-card:after {
    content: "";
    position: absolute;
    inset: -1px;
    pointer-events: none;
    transform: translateX(-115%);
    background: linear-gradient(110deg, transparent 0%, rgba(255, 216, 76, 0.18) 46%, rgba(43, 184, 180, 0.22) 54%, transparent 100%);
}

#mb_login .crm-login-node-card.is-loading:after {
    animation: crmLoginNodeSweep 1.35s ease-in-out infinite;
}

#mb_login .crm-login-node-card.is-complete {
    border-color: rgba(255, 216, 76, 0.42);
    background: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0 0 1px rgba(255, 216, 76, 0.08), 0 0 20px rgba(255, 216, 76, 0.1);
}

#mb_login .crm-login-node-card strong {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

#mb_login .crm-login-node-card.is-loading strong:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid rgba(255, 216, 76, 0.9);
    border-top-color: transparent;
    border-radius: 50%;
    animation: crmLoginNodeSpin .76s linear infinite;
}

#mb_login .crm-login-node-card em {
    display: block;
    margin-top: 8px;
    color: rgba(255, 243, 184, 0.82);
    font-size: 11px;
    font-style: normal;
    opacity: 0;
    transform: translateY(3px);
    transition: opacity .24s ease, transform .24s ease;
}

#mb_login .crm-login-node-card.is-complete em {
    opacity: 1;
    transform: translateY(0);
}

@keyframes crmLoginNodeSweep {
    0% {
        transform: translateX(-115%);
    }
    72% {
        transform: translateX(115%);
    }
    100% {
        transform: translateX(115%);
    }
}

@keyframes crmLoginNodeSpin {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    #mb_login .crm-login-node-card.is-loading:after,
    #mb_login .crm-login-node-card.is-loading strong:after {
        animation: none;
    }
}

@media (max-width: 640px) {
    #mb_login .crm-login-shell {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: auto;
        margin-left: auto;
    }

    #mb_login .crm-login-visual,
    #mb_login .crm-login-workspace,
    #mb_login .crm-login-security-strip {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    #mb_login .crm-login-security-strip,
    #mb_login .crm-login-security-strip div {
        min-width: 0;
    }

    #mb_login .crm-login-window-head {
        align-items: flex-start;
        gap: 8px;
        margin-bottom: 14px;
    }
}

/* 로그인 입력/브랜드/반응형 세부 보정 */
#mb_login .crm-login-brand-row {
    align-items: center;
    flex-wrap: nowrap;
    min-height: 64px;
    gap: 14px;
}

#mb_login .crm-login-brand-stack {
    display: flex;
    flex: 1 1 auto;
    min-height: 58px;
    flex-direction: column;
    justify-content: center;
}

#mb_login .crm-login-brand-name {
    display: block;
    line-height: 1.04;
}

#mb_login .crm-login-brand-primary {
    color: #fff8ee;
    font-size: 30px;
    font-weight: 600;
    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.58), 0 0 16px rgba(255, 216, 124, 0.18);
}

#mb_login .crm-login-brand-divider {
    display: none;
}

#mb_login .crm-login-brand-partner {
    display: none;
}

#mb_login .crm-login-brand-sub {
    margin-top: 6px;
    font-size: 12.5px;
    line-height: 1.22;
    letter-spacing: 0;
}

#mb_login .crm-login-input-wrap i {
    z-index: 2;
    color: rgba(255, 216, 76, 0.78);
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.36);
}

#mb_login .crm-login-input-wrap .frm_input:-webkit-autofill,
#mb_login .crm-login-input-wrap .frm_input:-webkit-autofill:hover,
#mb_login .crm-login-input-wrap .frm_input:-webkit-autofill:focus {
    border-color: rgba(255, 255, 255, 0.22);
    -webkit-text-fill-color: #fff5ed;
    caret-color: #fff5ed;
    box-shadow: 0 0 0 1000px #25282b inset, 0 0 0 4px rgba(199, 58, 52, 0.12);
    transition: background-color 9999s ease-out 0s;
}

@media (min-width: 981px) {
    html.crm-login-root,
    body.crm-login-root,
    html:has(#mb_login.crm-login-page),
    body:has(#mb_login.crm-login-page) {
        height: 100%;
        overflow: hidden;
    }

    #mb_login.crm-login-page {
        height: 100vh;
        min-height: 0;
        overflow: hidden;
        padding: 30px;
    }

    #mb_login .crm-login-shell {
        height: min(646px, calc(100vh - 60px));
        min-height: 0;
        max-height: calc(100vh - 60px);
    }

    #mb_login .crm-login-visual,
    #mb_login .crm-login-panel {
        min-height: 0;
    }
}

@media (max-width: 980px) {
    html.crm-login-root,
    body.crm-login-root {
        height: auto;
        overflow-y: auto;
        background: #090b0c;
    }

    #mb_login.crm-login-page {
        height: auto;
        overflow-y: auto;
    }
}

@media (max-width: 640px) {
    #mb_login.crm-login-page {
        width: calc(100vw - 90px) !important;
        max-width: calc(100vw - 90px) !important;
        margin: 0 auto !important;
        padding: 18px 0 !important;
        box-sizing: border-box;
        overflow-x: hidden;
    }

    #mb_login .crm-login-brand-row,
    #mb_login .crm-login-window-head span {
        display: none;
    }

    #mb_login .crm-login-visual {
        min-height: 360px;
        padding: 22px;
        justify-content: flex-end;
    }

    #mb_login .crm-login-window-head {
        min-height: 0;
        margin-bottom: 12px;
    }

    #mb_login .crm-login-window-head b {
        height: 28px;
        padding: 0 9px;
        font-size: 11px;
    }

    #mb_login .crm-login-security-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    #mb_login .crm-login-security-strip div {
        min-height: 104px;
        padding: 12px;
        box-sizing: border-box;
    }

    #mb_login .crm-login-security-strip span {
        font-size: 10px;
        line-height: 1.35;
    }

    #mb_login .crm-login-security-strip strong {
        margin-top: 12px;
        font-size: 16px;
        line-height: 1.28;
    }

    #mb_login .crm-login-node-card em {
        margin-top: 7px;
        font-size: 10px;
    }

    #mb_login .crm-login-scan {
        padding-top: 14px;
    }
}

/* 쪽지 */
.memo_list {border-top:1px solid #ececec}
.memo_list li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.memo_list li:after {display:block;visibility:hidden;clear:both;content:""}
.memo_list li.read {background:#f6f6f6}
.memo_list li.empty_li {text-align:center;padding:20px 0;color:#666}

.memo_list .memo_li {float:left}
.memo_list .profile_big_img {position:relative;margin-right:15px}
.memo_list .profile_big_img img {border-radius:50%;width:52px;height:52px}
.memo_list .memo_li.memo_name {padding-top:5px;float:none}
.memo_list .memo_preview a{display:block;margin-right:30px;padding-top:10px;font-weight:normal !important;font-size:1.2em}
.memo_list .memo_preview a:hover{text-decoration:underline}
.memo_list .memo_name a,
.memo_list .memo_name .sv_wrap {font-weight:bold}
.memo_list .no_read {position:absolute;bottom:0;right:0;display:inline-block;background:#3a8afd;border:1px solid #e1edff;text-indent:-9999px;border-radius:10px;width:10px;height:10px;box-shadow:0 0 10px 3px #9ec3f9}
.memo_list .no_read {animation:blinker 1s linear infinite}

@keyframes blinker {
	50% {opacity:0}
	}

#memo_list h1#win_title {padding:10px 10px 10px 20px}
#memo_list .memo_datetime {font-size:0.92em;color:#888d92}
#memo_list .memo_del {position:absolute;right:15px;top:15px;padding:10px;color:#c7c9cb;font-size:1.4em}
#memo_list .memo_cnt {margin-top:5px;font-weight:normal;display:inline-block;font-size:1.2em}
#memo_list .pg_wrap {margin-top:10px;width:100%;float:inherit;text-align:center}

#memo_view_contents {margin-bottom:20px;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
#memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0;list-style:none;background:#f6f6f6}
#memo_view_ul:after {display:block;visibility:hidden;clear:both;content:""}
.memo_view_li {position:relative;/*padding:10px;float:left;width:50%*/}

.memo_view_li .profile_img img {display:none}
.memo_from {position:relative;background:#fff;border-bottom:1px solid #ececec;padding:15px 20px}
.memo_from li {float:left}
.memo_from li.memo_profile img {width:40px;height:40px;border-radius:50%}
.memo_from li:first-child {margin-right:10px}
.memo_from li.memo_view_nick {width:80%}
.memo_from li.memo_view_nick a {font-weight:bold !important}
.memo_from li.memo_view_date {display:block;color:#555;line-height:24px}
.memo_from li.memo_op_btn {position:absolute}
.memo_from li.list_btn {right:53px;}
.memo_from li.del_btn {right:15px;}
.memo_from:after {display:block;visibility:hidden;clear:both;content:""}

.memo_btn {width:100%}
.memo_btn a {display:inline-block;width:50%;font-size:1em;color:#888d92;padding:20px}
.memo_btn a.btn_right {float:right;text-align:right}
.memo_btn a i {font-size:1.2em;color:#acabab;vertical-align:bottom}

#memo_view p {padding:10px;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em}
#memo_view textarea {height:100px}

#memo_write .form_01 {padding:20px;border-top:1px solid #ececec}

.reply_btn {display:inline-block;width:150px;height:45px;line-height:50px;padding:0 10px;font-weight:bold;background:#3a8afd;color:#fff;border-radius:3px;vertical-align:bottom;margin-right:5px}
#memo_write .reply_btn {font-size:1em}

/* 스크랩 */
#scrap li:after {display:block;visibility:hidden;clear:both;content:""}
#scrap li {position:relative;padding:20px;border-bottom:1px solid #ececec}
#scrap .scrap_tit {font-weight:bold;display:block;font-size:1.083em;margin-bottom:10px;line-height:1.3em}
#scrap .scrap_cate {float:left;display:block;color:#ac92ec;background:#eeeaf8;padding:3px;border-radius:3px;font-size:0.92em;margin-right:10px}
#scrap .scrap_datetime {color:#777;line-height:18px}
#scrap .scrap_del {position:absolute;top:15px;right:15px;font-size:18px;color:#c7c9cb}
#scrap .scrap_del:hover {color:#3a8afd}

#scrap_do .new_win_con {padding:0 20px}
#scrap_do textarea {width:100%;height:100px}
#scrap_do .scrap_tit {margin-bottom:10px;background:#f3f3f3;padding:10px 15px;font-size:1.2em;font-weight:bold}
#scrap_do label {display:block;margin:0 0 5px;font-size:1em}
#scrap_do .win_btn:after {display:block;visibility:hidden;clear:both;content:""}
#scrap .win_btn, #scrap_do .win_btn {margin:20px 0;text-align:center}
#scrap_do .win_btn .btn_submit {float:inherit}
#scrap_do .win_desc {margin:0 20px}

/*포인트*/
#point {text-align:center}
#point h1 {text-align:left}
#point .point_all {margin:20px 20px 15px;border-radius:5px;background:#edf3fc;border:1px solid #d6e2f4;color:#485172;font-size:1.083em}
#point .point_all:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_all li {float:left;width:50%;padding:20px;text-align:left}
#point .point_all li span {float:right;color:#485172;font-weight:bold}
#point .point_all li:last-child {border-left:1px solid #d6e2f4}
#point .point_all .full_li {width:100%;border-bottom:1px solid #d6e2f4;text-align:left}
#point .point_all .full_li span {color:#000;font-weight:bold;font-size:1.2em}
#point .point_status{background:#737373;border:0;color:#fff;font-weight:bold;font-size:1.083em;text-align:left}
#point .point_status:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_status span{margin-left:10px;float:right}

.point_list {}
.point_list li:first-child {border-top:1px solid #ececec}
.point_list li {border-bottom:1px solid #ececec;background:#fff;padding:15px;list-style:none;position:relative}
.point_list li:after {display:block;visibility:hidden;clear:both;content:""}

.point_list .point_use {background:#f6f6f6}
.point_list .point_use .point_num {font-size:1.25em;color:#ff4f76;font-weight:bold;float:right}
.point_list .point_num {font-size:1.25em;color:#3a8afd;font-weight:bold;position:absolute;right:15px;top:25px}
.point_list .point_top {line-height:15px;margin:0 0 5px}
.point_list .point_top:after {display:block;visibility:hidden;clear:both;content:""}
.point_list .point_tit {font-weight:bold;float:left;font-size:1.083em;display:block}
.point_list .point_date1 {float:left;color:#888d92}
.point_list .point_date {float:left;color:#888d92}
.point_list .txt_expired {color:red;margin-left:5px}

#point .pg_wrap {width:100%;float:inherit;text-align:center}
#point .btn_close {margin:20px auto}

/* 회원 비밀번호 확인 */
#mb_confirm {}
#mb_confirm h1 {margin:60px 0 30px;font-size:2em}
#mb_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:1.083em;line-height:1.4em;color:#656565}
#mb_confirm p strong {display:block;color:#3ca1ff;font-size:1.167em;margin:0 0 5px}
#mb_confirm fieldset {padding:50px;text-align:left}
#mb_confirm fieldset .frm_input {background-color:#fff !important}
#mb_confirm label {letter-spacing:-0.1em}
#mb_confirm_id {display:block;margin:5px 0 10px;font-weight:bold}
#mb_confirm .confirm_id {font-size:0.92em;color:#666}

/* 비밀글 비밀번호 확인 */
#pw_confirm h1 {margin:60px 20px 30px;font-size:2em}
#pw_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:1.083em;line-height:1.4em;color:#656565}
#pw_confirm p strong {display:block;color:#3ca1ff;font-size:1.167em;margin:0 0 5px}
#pw_confirm fieldset {padding:50px;text-align:center}
#pw_confirm fieldset .frm_input {background-color:#fff !important}
#pw_confirm label {letter-spacing:-0.1em}
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
#mb_confirm_id {}

/* 폼메일 */
#formmail textarea {height:100px}
#formmail .formmail_flie {position:relative}
#formmail .formmail_flie .file_wr {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#formmail .lb_icon {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#fff;text-align:center;color:#b2b2b2}
#formmail .frm_file {padding-left:50px}
#formmail .frm_info {color:#3497d9;font-size:0.92em}
.chk_box {position:relative}
.chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70}
.chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#f7f8f9;border:1px solid #cdd6df;border-radius:50%}
.chk_box input[type="radio"]:checked + label {color:#3a8afd}
.chk_box input[type="radio"]:checked + label span {border-color:#3a8afd}
.chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#3a8afd;content:'';position:absolute;top:3px;left:3px;border-radius:50%}
.chk_box input[type="checkbox"] + label {position:relative;color:#676e70}
.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.chk_box input[type="checkbox"] + label span {float:left;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}

/* 자기소개 */
#profile h1 a {}
#profile table {margin-bottom:0}
#profile table th {text-align:left;padding:10px;width:100px}
#profile section {color:#6794d3;background:#fff;padding:10px;border:1px solid #eee;margin:10px 0}
#profile h2 {margin:0 0 5px}
#profile .profile_name {text-align:center;font-weight:bold}
#profile .my_profile_img {display:block;margin:20px 0 5px}
#profile .my_profile_img img {border-radius:50%}
#profile .profile_img img {border-radius:50%}
#profile .profile_name .sv_wrap {font-weight:bold;text-align:left}