@charset "utf-8";

/* ================================================================
   TOTO MEMBER SKIN  -  base + login + register + popup
   ================================================================ */

/* ── 공통 폼 요소 (gnuboard default.css 없이 직접 정의) ── */
.frm_input {
    display:block; width:100%; box-sizing:border-box;
    border:1px solid #e0e0e0; border-radius:6px;
    padding:10px 12px; font-size:13px;
    background:#fafafa; color:#333;
    font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif;
    outline:none; transition:border-color .2s, background .2s;
}
.frm_input:focus { border-color:#e63946; background:#fff; }
.frm_input::placeholder { color:#bbb; }

.btn_submit {
    display:block; width:100%; box-sizing:border-box;
    background:#e63946; color:#fff;
    border:none; border-radius:6px;
    padding:11px 16px; font-size:14px; font-weight:700;
    cursor:pointer; text-align:center; letter-spacing:-.2px;
    font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif;
    transition:background .15s;
}
.btn_submit:hover { background:#c0392b; }

/* ── mbskin 메인 컨테이너 ── */
.mbskin {
    position:relative;
    margin:40px auto 20px;
    width:100%; max-width:420px;
    text-align:left;
}
.mbskin:after { display:none; }
.mbskin_box {
    background:#fff;
    border-radius:12px;
    box-shadow:0 4px 20px rgba(0,0,0,.10);
    border:1px solid #e8e8e8;
    overflow:hidden;
}
.mbskin h1 {
    background:linear-gradient(135deg,#e63946,#c0392b);
    color:#fff; font-size:15px; font-weight:700;
    padding:14px 20px; margin:0;
    text-align:center; letter-spacing:-.3px;
}
.mbskin .frm_input { width:100%; }
.mbskin .btn_submit { width:100%; margin:10px 0 0; }

/* 로그인/회원가입 탭 */
.mb_log_cate {
    display:flex;
    background:#fafafa;
    border-bottom:2px solid #f0f0f0;
}
.mb_log_cate:after { display:none; }
.mb_log_cate h2 {
    flex:1; text-align:center;
    padding:11px 4px; font-size:13px; font-weight:700;
    color:#e63946;
    border-bottom:2px solid #e63946; margin-bottom:-2px;
    width:auto; float:none;
}
.mb_log_cate .join {
    flex:1; text-align:center; display:block;
    padding:11px 4px; font-size:13px; font-weight:600;
    color:#888; text-decoration:none;
    background:transparent;
    width:auto; float:none; line-height:normal;
    transition:color .15s;
}
.mb_log_cate .join:hover { color:#e63946; }

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 회원가입 약관 */
.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}

/* ── 로그인 폼 ── */
#login_fs {
    padding:20px; border:none; margin:0;
}
#login_fs legend { display:none; }
#mb_login #login_fs .frm_input { margin:0 0 10px; }
#mb_login #login_fs .btn_submit { margin:10px 0 12px; }

#login_info { display:flex; align-items:center; justify-content:space-between; }
#login_info:after { display:none; }
#login_info .login_if_auto { float:none; display:flex; align-items:center; gap:4px; }
#login_info .login_if_auto label { vertical-align:middle; padding-left:0; font-size:12px; color:#666; }
#login_info .login_if_lpl { float:none; }
#login_info .login_if_lpl a { font-size:12px; color:#aaa; text-decoration:none; }
#login_info .login_if_lpl a:hover { color:#e63946; }
#login_password_lost { display:inline-block; border:none; color:#aaa; border-radius:0; padding:0; line-height:1; }

#mb_login_notmb {margin:30px auto;padding:20px 30px;border: 1px solid #dde7e9}
#mb_login_notmb h2 {font-size:1.25em;margin:20px 0 10px}
#guest_privacy {border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}
#mb_login_notmb .btn_submit {display:block;text-align:center;line-height:45px}

#mb_login_od_wr {margin:30px auto;padding:20px 30px;border: 1px solid #dde7e9}
#mb_login_od_wr h2 {font-size:1.25em;margin:20px 0 10px}
#mb_login_od_wr .frm_input {margin:10px 0 0}
#mb_login_od_wr p {background:#f3f3f3;margin:20px 0 0;padding:15px 20px;line-height:1.5em}

#mb_login #sns_login {margin-top:0;border-color:#edeaea;padding:25px}
#mb_login #sns_login:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #sns_login h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login #sns_login .sns-wrap {margin:0 !important}
#mb_login #sns_login .sns-icon {width:49% !important;float:left !important}
#mb_login #sns_login .sns-icon:nth-child(odd) {margin-right:2%}
#mb_login #sns_login .txt {font-size:0.95em;padding-left:5px !important;border-left:0 !important}

/* ============================================================
   POPUP WINDOW MODERN SKIN  (쪽지 / 포인트 / 프로필 등)
   ============================================================ */

/* 팝업 바디 공통 */
body { background:#f0f2f5; font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif; font-size:13px; color:#333; }
#wrap { padding:14px 12px; }

/* 메인 팝업 카드 */
.new_win {
    background:#fff;
    border-radius:12px;
    box-shadow:0 4px 20px rgba(0,0,0,.10);
    overflow:hidden;
    margin:0 auto;
    max-width:520px;
    border:1px solid #e8e8e8;
}

/* 타이틀 헤더 */
#win_title {
    background:linear-gradient(135deg,#e63946,#c0392b);
    color:#fff;
    font-size:14px;
    font-weight:700;
    padding:13px 16px;
    margin:0;
    display:flex;
    align-items:center;
    gap:8px;
    letter-spacing:-.3px;
}
.win_total {
    margin-left:auto;
    font-size:11px;
    font-weight:400;
    opacity:.85;
    line-height:1.4;
    text-align:right;
}

/* 탭 내비 (받은쪽지 / 보낸쪽지 / 쪽지쓰기) */
.new_win_con2 { padding:0; }
.win_ul {
    display:flex;
    list-style:none;
    margin:0; padding:0;
    background:#fafafa;
    border-bottom:2px solid #f0f0f0;
}
.win_ul li { flex:1; }
.win_ul li a {
    display:block;
    text-align:center;
    padding:10px 4px;
    font-size:12px;
    font-weight:600;
    color:#888;
    text-decoration:none;
    border-bottom:2px solid transparent;
    margin-bottom:-2px;
    transition:all .18s;
}
.win_ul li a:hover { color:#e63946; }
.win_ul li.selected a { color:#e63946; border-bottom-color:#e63946; background:#fff; }

/* ── 쪽지 리스트 ── */
.memo_list { border-top:none; }
.memo_list ul { list-style:none; margin:0; padding:0; }
.memo_list li {
    border-bottom:1px solid #f5f5f5;
    background:#fff;
    padding:10px 14px;
    list-style:none;
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:10px;
    transition:background .15s;
}
.memo_list li:after { display:none; }
.memo_list li:hover { background:#fafafa; }
.memo_list li:last-child { border-bottom:none; }
.memo_list li.read { background:#f9f9f9; }
.memo_list li.empty_table,
.memo_list li.empty_li {
    display:block;
    text-align:center;
    padding:24px;
    color:#bbb;
    font-size:12px;
}

/* 프로필 아바타 */
.memo_list .memo_li { float:none; }
.memo_list .profile_big_img { position:relative; flex-shrink:0; margin:0; }
.memo_list .profile_big_img img { border-radius:50%; width:40px; height:40px; border:2px solid #e8e8e8; display:block; }
.memo_list .profile_big_img .no_read {
    position:absolute; bottom:0; right:0;
    display:inline-block;
    background:#e63946;
    border:2px solid #fff;
    border-radius:50%;
    width:10px; height:10px;
    text-indent:-9999px;
    box-shadow:none;
    animation:none;
}

/* 이름/날짜/미리보기 */
.memo_list .memo_li.memo_name { padding:0; float:none; flex:1; min-width:0; }
.memo_list .memo_name a,
.memo_list .memo_name .sv_wrap { font-size:13px; font-weight:700; color:#1a1a2e; }
.memo_list .memo_datetime { font-size:11px; color:#bbb; margin-left:6px; }
.memo_list .memo_preview a {
    display:block;
    margin:4px 0 0; padding:0;
    font-size:12px;
    font-weight:400 !important;
    color:#888;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-decoration:none;
}
.memo_list .memo_preview a:hover { color:#e63946; }

/* 삭제 버튼 */
#memo_list h1#win_title { padding:0; }
#memo_list .memo_datetime { font-size:11px; color:#bbb; }
#memo_list .memo_del {
    position:absolute; right:10px; top:50%;
    transform:translateY(-50%);
    padding:6px 8px;
    color:#ddd; font-size:15px;
    text-decoration:none;
    transition:color .15s;
}
#memo_list .memo_del:hover { color:#e63946; }
#memo_list .memo_cnt { font-size:11px; font-weight:400; color:rgba(255,255,255,.75); margin-left:6px; }
#memo_list .pg_wrap { padding:8px; text-align:center; background:#fafafa; border-top:1px solid #f0f0f0; }

/* ── 안내 문구 ── */
.win_desc {
    padding:8px 14px;
    font-size:11px;
    color:#aaa;
    background:#fafafa;
    border-top:1px solid #f5f5f5;
    margin:0;
}
.win_desc i { color:#f59e0b; margin-right:4px; }
.win_desc strong { color:#e63946; }

/* ── 버튼 영역 ── */
.win_btn {
    padding:10px 14px;
    background:#fafafa;
    border-top:1px solid #f0f0f0;
    display:flex;
    gap:8px;
    justify-content:flex-end;
    align-items:center;
}
#scrap .win_btn, #scrap_do .win_btn { margin:0; justify-content:center; }
.btn_close {
    background:#f0f0f0; color:#555;
    border:none; border-radius:6px;
    padding:8px 18px; font-size:12px; font-weight:600;
    cursor:pointer; transition:background .15s;
    font-family:inherit;
}
.btn_close:hover { background:#e0e0e0; }
.reply_btn {
    display:inline-flex; align-items:center;
    background:#e63946; color:#fff !important;
    border:none; border-radius:6px;
    padding:8px 18px; font-size:12px; font-weight:700;
    cursor:pointer; text-decoration:none;
    line-height:1.5; transition:background .15s;
    font-family:inherit; height:auto; width:auto;
}
.reply_btn:hover { background:#c0392b; color:#fff !important; }
#memo_write .reply_btn { font-size:12px; }

/* ── 쪽지 쓰기 폼 ── */
#memo_write .form_01 { padding:14px; border-top:none; }
#memo_write .form_01 ul { list-style:none; margin:0; padding:0; }
#memo_write .form_01 ul li { margin-bottom:10px; }
#memo_write .form_01 .frm_input.full_input,
#memo_write .form_01 textarea {
    width:100%; border:1px solid #e0e0e0; border-radius:6px;
    padding:9px 12px; font-size:12px; outline:none;
    transition:border-color .2s; box-sizing:border-box;
    font-family:inherit; background:#fafafa; color:#333;
}
#memo_write .form_01 textarea { min-height:120px; resize:vertical; }
#memo_write .form_01 .frm_input.full_input:focus,
#memo_write .form_01 textarea:focus { border-color:#e63946; background:#fff; }
#memo_write .form_01 .frm_info { font-size:11px; color:#aaa; margin-top:4px; display:block; }

/* ── 쪽지 보기 ── */
#memo_view_contents { margin:0; border:none; }
#memo_view_contents h2 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
#memo_view_ul { margin:0; list-style:none; background:#fff; }
#memo_view_ul:after { display:none; }
.memo_view_li .profile_img img { display:none; }
.memo_from {
    list-style:none; margin:0;
    padding:10px 14px;
    display:flex; align-items:center; gap:8px;
    background:#fff; border-bottom:1px solid #f5f5f5;
    position:relative;
}
.memo_from:after { display:none; }
.memo_from li { float:none; }
.memo_from li:first-child { margin-right:0; }
.memo_from li.memo_profile img { width:36px; height:36px; border-radius:50%; border:2px solid #e8e8e8; }
.memo_from li.memo_view_nick { flex:1; min-width:0; }
.memo_from li.memo_view_nick a { font-size:13px; font-weight:700 !important; color:#1a1a2e; text-decoration:none; }
.memo_from li.memo_view_date { font-size:11px; color:#bbb; }
.memo_from li.memo_op_btn { position:static; }
.memo_from li.list_btn, .memo_from li.del_btn { right:auto; }
.btn_b01.btn {
    display:inline-flex; align-items:center; justify-content:center;
    width:28px; height:28px; border-radius:6px;
    background:#f5f5f5; color:#555; font-size:13px;
    text-decoration:none; border:1px solid #e8e8e8;
    transition:all .15s;
}
.btn_b01.btn:hover { background:#e63946; color:#fff; border-color:#e63946; }
.memo_btn { width:100%; }
.memo_btn a {
    display:inline-flex; align-items:center; gap:4px;
    width:auto; padding:10px 14px;
    font-size:12px; color:#888;
    text-decoration:none; transition:color .15s;
}
.memo_btn a.btn_right { float:right; text-align:right; }
.memo_btn a i { font-size:12px; color:inherit; vertical-align:middle; }
.memo_btn a:hover { color:#e63946; }
#memo_view p {
    padding:14px; min-height:120px;
    height:auto !important;
    background:#fff; line-height:1.8;
    font-size:13px; color:#333;
}
#memo_view textarea { height:100px; }

/* ── 스크랩 ── */
#scrap ul { list-style:none; margin:0; padding:0; }
#scrap li { position:relative; padding:14px; border-bottom:1px solid #f5f5f5; }
#scrap li:after { display:none; }
#scrap .scrap_tit { font-weight:700; display:block; font-size:13px; margin-bottom:6px; color:#1a1a2e; line-height:1.4; }
#scrap .scrap_cate { display:inline-block; color:#e63946; background:#fff0f0; padding:2px 8px; border-radius:8px; font-size:10px; font-weight:700; margin-right:6px; }
#scrap .scrap_datetime { color:#bbb; font-size:11px; }
#scrap .scrap_del { position:absolute; top:14px; right:14px; font-size:16px; color:#ddd; text-decoration:none; transition:color .15s; }
#scrap .scrap_del:hover { color:#e63946; }
#scrap_do .new_win_con { padding:0 14px; }
#scrap_do textarea { width:100%; height:100px; border:1px solid #e0e0e0; border-radius:6px; padding:9px 12px; font-size:12px; box-sizing:border-box; font-family:inherit; }
#scrap_do .scrap_tit { margin-bottom:10px; background:#f5f5f5; padding:10px 14px; font-size:13px; font-weight:700; border-radius:6px; }
#scrap_do label { display:block; margin:0 0 5px; font-size:12px; color:#555; }
#scrap_do .win_btn:after { display:none; }
#scrap_do .win_desc { margin:0 14px; }

/* ── 포인트 ── */
#point { text-align:left; }
#point h1#win_title { text-align:left; }
#point .point_all {
    margin:14px; border-radius:10px;
    background:linear-gradient(135deg,#fff5f5,#ffe0e3);
    border:1px solid #ffc8cb;
    color:#1a1a2e; font-size:13px;
    overflow:hidden;
}
#point .point_all:after { display:none; }
#point .point_all ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; }
#point .point_all li { width:50%; padding:14px; text-align:left; box-sizing:border-box; }
#point .point_all li span { float:right; color:#e63946; font-weight:700; }
#point .point_all li:last-child { border-left:1px solid rgba(230,57,70,.15); }
#point .point_all .full_li { width:100%; border-bottom:1px solid rgba(230,57,70,.15); }
#point .point_all .full_li span { color:#e63946; font-weight:700; font-size:15px; }
#point .point_status {
    background:linear-gradient(135deg,#1a1a2e,#2d3561);
    border:0; color:#fff; font-weight:700;
    font-size:12px; text-align:left;
    padding:10px 14px; margin:0;
}
#point .point_status:after { display:none; }
#point .point_status span { margin-left:10px; float:right; color:rgba(255,255,255,.7); }

.point_list { list-style:none; margin:0; padding:0; }
.point_list li:first-child { border-top:none; }
.point_list li {
    border-bottom:1px solid #f5f5f5; background:#fff;
    padding:10px 14px; list-style:none; position:relative;
    display:flex; flex-direction:column; gap:3px;
}
.point_list li:after { display:none; }
.point_list li:hover { background:#fafafa; }
.point_list .point_use { background:#fdf2f2; }
.point_list .point_use .point_num { color:#e63946; font-size:13px; font-weight:700; float:none; }
.point_list .point_num { font-size:13px; color:#2196f3; font-weight:700; position:absolute; right:14px; top:50%; transform:translateY(-50%); }
.point_list .point_top { display:flex; align-items:center; gap:6px; margin:0; line-height:1; }
.point_list .point_top:after { display:none; }
.point_list .point_tit { font-weight:700; float:none; font-size:13px; color:#1a1a2e; flex:1; }
.point_list .point_date1 { float:none; color:#bbb; font-size:11px; }
.point_list .point_date  { float:none; color:#bbb; font-size:11px; }
.point_list .txt_expired { color:#e63946; font-size:10px; margin-left:4px; }
#point .pg_wrap { padding:8px; text-align:center; background:#fafafa; border-top:1px solid #f0f0f0; }
#point .btn_close { margin:0; }

/* ── 비밀번호 확인 (member_confirm / pw_confirm) ── */
#mb_confirm h1, #pw_confirm h1 { margin:0; }

/* 안내 배너 */
.mc-notice {
    display:flex; align-items:flex-start; gap:12px;
    padding:14px 16px;
    background:linear-gradient(135deg,#fff5f5,#ffe0e3);
    border-bottom:1px solid #ffc8cb;
}
.mc-notice-icon { font-size:22px; color:#e63946; flex-shrink:0; margin-top:2px; }
.mc-notice p { margin:0; font-size:13px; line-height:1.6; color:#555; }
.mc-notice p strong { display:block; color:#1a1a2e; font-size:13px; font-weight:700; margin-bottom:3px; }

/* 폼 필드셋 */
.mc-fieldset { border:none; padding:16px; margin:0; }
.mc-id-row {
    display:flex; align-items:center; gap:10px;
    background:#fafafa; border:1px solid #f0f0f0;
    border-radius:8px; padding:10px 12px;
    margin-bottom:12px;
}
.mc-id-label { font-size:11px; color:#aaa; font-weight:600; flex-shrink:0; }
.mc-id-value { font-size:13px; font-weight:700; color:#1a1a2e; }
.mc-pw-label { display:block; font-size:12px; font-weight:600; color:#555; margin-bottom:6px; }
.mc-fieldset .frm_input { margin-bottom:12px; }
.mc-fieldset .btn_submit { margin-top:4px; }

/* pw_confirm (비밀글 비밀번호) */
#pw_confirm h1 { margin:0; }
#pw_confirm fieldset { border:none; padding:16px; margin:0; }
#pw_confirm fieldset .frm_input { margin-bottom:12px; }
#mb_confirm_id, #pw_confirm_id { display:block; margin:4px 0 10px; font-weight:700; color:#1a1a2e; }
#mb_confirm .confirm_id { font-size:11px; color:#aaa; }

/* ── 폼메일 ── */
#formmail textarea { height:100px; border:1px solid #e0e0e0; border-radius:6px; width:100%; padding:9px 12px; font-family:inherit; box-sizing:border-box; }
#formmail .formmail_flie { position:relative; }
#formmail .formmail_flie .file_wr { border:1px solid #e0e0e0; background:#fafafa; color:#333; border-radius:6px; padding:9px 12px; height:40px; margin:0; }
#formmail .lb_icon { position:absolute; top:1px; left:1px; border-radius:6px 0 0 6px; height:38px; line-height:38px; width:40px; background:#f5f5f5; text-align:center; color:#aaa; }
#formmail .frm_file { padding-left:50px; }
#formmail .frm_info { color:#888; font-size:11px; }

/* 체크박스/라디오 */
.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:#e63946; }
.chk_box input[type="radio"]:checked + label span { border-color:#e63946; }
.chk_box input[type="radio"]:checked + label span:before { width:7px; height:7px; background:#e63946; 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:#e63946; }
.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:#1a1a2e; }
.chk_box input[type="checkbox"]:checked + label span { background:url(./img/chk.png) no-repeat 50% 50% #e63946; border-color:#e63946; 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#win_title { 
    background:linear-gradient(135deg,#1a1a2e,#2d3561);
    border:0; color:#fff; font-weight:700;
    font-size:12px; text-align:left;
    padding:10px 14px; margin:0;
}
#profile .profile_name { text-align:center; font-weight:700; font-size:15px; padding:14px; color:#1a1a2e; }
#profile .profile_name .sv_wrap { font-weight:700; }
#profile .my_profile_img { display:block; margin:20px auto 5px; text-align:center; }
#profile .my_profile_img img,
#profile .profile_img img { border-radius:50%; border:3px solid #e63946; }
.tbl_head02.tbl_wrap.new_win_con { padding:0 14px 14px; }
.tbl_head02 table { width:100%; border-collapse:collapse; }
.tbl_head02 table th { background:#fafafa; text-align:left; padding:9px 12px; font-size:12px; font-weight:600; color:#555; border-bottom:1px solid #f0f0f0; width:90px; }
.tbl_head02 table td { padding:9px 12px; font-size:13px; color:#333; border-bottom:1px solid #f0f0f0; }
#profile section { color:#555; background:#fafafa; padding:12px 14px; border:1px solid #f0f0f0; border-radius:8px; margin:10px 0 0; line-height:1.7; }
#profile h2 { font-size:13px; font-weight:700; color:#1a1a2e; margin:0 0 6px; }