@charset "utf-8";

*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif;}

#page-title {display: none}

.join-page{background:#f7f7f7;padding:28px 40px 42px;}
.join-wrap{max-width:860px;margin:0 auto;display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start;}
.join-wrap.no-sns{grid-template-columns:1fr;}
.join-wrap.no-sns .join-side{display:none;}
.join-main{background:#fff;border:1px solid #eee;border-radius:14px;padding:24px;}
.join-side{position:sticky;top:76px;display:flex;flex-direction:column;gap:12px;}
.join-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;}
.join-kicker{display:inline-flex;align-items:center;gap:5px;background:#FEF2F2;color:#7B1A1A;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;margin-bottom:8px;}
.join-title{font-size:22px;font-weight:800;color:#1a1a1a !important;letter-spacing:-0.5px;}
.join-sub{font-size:13px !important;color:#888 !important;line-height:1.7 !important;margin-top:5px;}
.join-login-link{font-size:12px;color:#aaa;white-space:nowrap;margin-top:6px;}
.join-login-link a{color:#7B1A1A;text-decoration:none;font-weight:700;}
.join-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;}
.join-tab{border:1px solid #eee;border-radius:11px;padding:13px 14px;cursor:pointer;background:#fff;display:flex;align-items:center;gap:10px;}
.join-tab.on{border-color:#7B1A1A;background:#FEF2F2;}
.join-tab-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.join-tab-icon i{font-size:18px;}
.join-tab-title{font-size:13px;font-weight:700;color:#1a1a1a;text-align: left}
.join-tab-desc{font-size:11px;color:#aaa;margin-top:2px;}
.join-form{display:flex;flex-direction:column;gap:18px;}
.join-section{display:flex;flex-direction:column;gap:12px;}
.join-section-title{font-size:14px;font-weight:800;color:#1a1a1a;display:flex;align-items:center;gap:7px;margin-bottom:1px;}
.join-section-title i{font-size:17px;color:#7B1A1A;}
.join-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.join-field{display:flex;flex-direction:column;gap:6px;}
.join-field.full{grid-column:1 / -1;}
.join-label{font-size:13px;font-weight:700;color:#333;display:flex;align-items:center;gap:4px;}
.req{color:#7B1A1A;font-weight:800;}
.join-input-row{display:flex;gap:8px;align-items:stretch;}
.certify-row {display: none}
.certify-row.on {display: flex}
.join-input,.join-select{width:100%;height:42px;border:1px solid #eee;border-radius:9px;padding:0 13px;font-size:13px;color:#333;background:#fff;outline:none;}
.join-input:focus,.join-select:focus{border-color:#7B1A1A;box-shadow:0 0 0 3px rgba(123,26,26,0.06);}
.join-input::placeholder{color:#bbb;}
.join-check-btn{flex:0 0 142px;height:42px;border:1px solid #7B1A1A;border-radius:9px;background:#fff;color:#7B1A1A;font-size:13px;font-weight:700;padding:0 8px;cursor:pointer;white-space:nowrap;}
.join-check-btn:disabled{opacity:.65;cursor:wait;}
.join-help{font-size:11px;color:#aaa;line-height:1.6;}
.join-help.ok{color:#15803D;}
.join-help.warn{color:#D97706;}
.terms-link{flex:0 0 28px;min-width:28px;border:0;background:transparent;color:#7B1A1A;cursor:pointer;font-size:11px;font-weight:700;padding:0;white-space:nowrap;}
.terms-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:2000;}
.terms-modal[hidden]{display:none;}
.terms-modal-backdrop{position:absolute;inset:0;background:rgba(15,27,61,.52);}
.terms-modal-dialog{position:relative;z-index:1;width:min(560px,calc(100vw - 32px));max-height:80vh;background:#fff;border-radius:12px;box-shadow:0 22px 50px rgba(0,0,0,.18);overflow:hidden;}
.terms-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #eee;}
.terms-modal-header h3{font-size:18px;color:#1a1a1a;}
.terms-modal-body{max-height:calc(80vh - 72px);overflow-y:auto;padding:20px;font-size:13px;line-height:1.8;color:#444;white-space:pre-line;}
.terms-modal-close{width:32px;height:32px;border:0;border-radius:50%;background:#f5f5f5;color:#333;font-size:22px;line-height:1;cursor:pointer;}
.join-agree-box{border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff;}
.agree-all{padding:14px 16px;background:#f9f9f9;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;}
.check-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#1a1a1a;cursor:pointer;}
.check-label input{width:17px;height:17px;accent-color:#7B1A1A;}
.agree-list{display:flex;flex-direction:column;padding:8px 16px;}
.agree-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;font-size:12px;color:#555;}
.agree-item .check-label{min-width:0;flex:1;line-height:1.4;}
.agree-item .check-label > span{min-width:0;}
.agree-item a{font-size:11px;color:#aaa;text-decoration:none;}
.agree-item a:hover{color:#7B1A1A;}
.agree-badge{font-size:10px;font-weight:700;border-radius:5px;padding:2px 6px;margin-right:5px;}
.agree-badge.req{background:#FEF2F2;color:#7B1A1A;}
.agree-badge.opt{background:#f3f4f6;color:#888;}
.join-submit{height:48px;border:none;border-radius:11px;background:#7B1A1A;color:#fff;font-size:15px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:2px;}
.join-submit:hover{background:#681515;}
.join-note{background:#FFFBEB;border:1px solid #FDE68A;border-radius:10px;padding:11px 13px;font-size:12px;color:#92400E;line-height:1.7;display:flex;gap:7px;}
.join-note i{font-size:15px;color:#D97706;flex-shrink:0;margin-top:1px;}
.side-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:17px;}
.side-card.dark{background:#0F1B3D;border-color:#0F1B3D;color:#fff;}
.side-title{font-size:14px;font-weight:800;color:#1a1a1a;margin-bottom:8px;display:flex;align-items:center;gap:6px;}
.side-card.dark .side-title{color:#fff;}
.side-title i{font-size:17px;color:#7B1A1A;}
.side-card.dark .side-title i{color:#C9A84C;}
.side-desc{font-size:12px;color:#888;line-height:1.7;}
.side-card.dark .side-desc{color:rgba(255,255,255,0.7);}
.benefit-list{display:flex;flex-direction:column;gap:8px;margin-top:12px;}
.benefit-item{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#555;line-height:1.5;}
.benefit-item i{font-size:15px;color:#15803D;flex-shrink:0;margin-top:1px;}
.side-card.dark .benefit-item{color:rgba(255,255,255,0.85);}
.side-card.dark .benefit-item i{color:#C9A84C;}
.kakao-join{background:#FEE500;border-radius:10px;padding:12px 14px;margin-top:12px;font-size:13px;font-weight:800;color:#1a1a1a;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;}
.naver-join{  background:#03C75A;border-radius:10px;padding:12px 14px;margin-top:12px;font-size:13px;font-weight:800;color:#ffffff;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;}
.kakao-join img,.naver-join img {width: 12px; height: 12px}

.member-type-guide{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;}
.type-mini{background:#f9f9f9;border-radius:10px;padding:10px;}
.type-mini strong{display:block;font-size:12px;color:#1a1a1a;margin-bottom:3px;}
.type-mini span{font-size:11px;color:#888;line-height:1.5;}

.join-region-selects {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

@media (max-width: 600px) {
    .join-region-selects {
        grid-template-columns: 1fr;
    }
}
@media (max-width:900px){
    .join-page{padding:20px 16px 34px;}
    .join-wrap{grid-template-columns:1fr;max-width:620px;}
    .join-side{position:static;}
}
@media (max-width:560px){
    .join-main{padding:18px;}
    .join-title-row{display:block;}
    .join-title{font-size:20px !important;}
    .join-tabs,.join-grid{grid-template-columns:1fr;}
    .join-input-row{flex-direction:column;}
    .join-check-btn{width:100%;flex-basis:auto;}
    .member-type-guide{grid-template-columns:1fr;}
}

.social-join{
    margin:18px 0 20px;
}

.social-divider{
    position:relative;
    text-align:center;
    margin-bottom:12px;
}

.social-divider:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:1px;
    background:#eee;
}

.social-divider span{
    position:relative;
    display:inline-block;
    background:#fff;
    padding:0 12px;
    font-size:12px;
    color:#aaa;
}

.social-btns{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}

.social-btn{
    height:44px;
    border:none;
    border-radius:9px;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

.social-btn.kakao{
    background:#FEE500;
    color:#1a1a1a;
}

.social-btn.naver{
    background:#03C75A;
    color:#fff;
}

.social-icon{
    width:20px;
    height:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    font-weight:800;
}
.social-icon img {width: 14px; height: 14px}

/*.kakao .social-icon{*/
/*    background:#1a1a1a;*/
/*    color:#FEE500;*/
/*}*/

/*.naver .social-icon{*/
/*    background:#fff;*/
/*    color:#03C75A;*/
/*}*/

@media(max-width:640px){
    .social-btns{
        grid-template-columns:1fr;
    }
}

.login-page{width:100%;background:#f7f7f7;padding:34px 40px 48px;}
.login-wrap{max-width:460px;margin:0 auto;}
.login-wrap.no-sns .login-sns{display:none;}
.login-wrap.no-sns .login-divider {display: none}

.login-head{text-align:center;margin-bottom:18px;}
.login-badge{display:inline-flex;align-items:center;gap:5px;background:#FEF2F2;color:#7B1A1A;border:1px solid #f5c0c0;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700;margin-bottom:10px;}
.login-badge i{font-size:14px;color:#7B1A1A;}
.login-title{font-size:24px;font-weight:800;color:#1a1a1a;letter-spacing:-0.5px;margin-bottom:6px;display: none}
.login-title span {color: #7B1A1A;}
.login-sub{font-size:13px;color:#888;line-height:1.7;}

.login-card{background:#fff;border:1px solid #eee;border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(15,27,61,0.04);}
.social-login{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;}
.social-btn{width:100%;height:46px;border:none;border-radius:10px;font-size:14px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;}
.social-btn.kakao{background:#FEE500;color:#1a1a1a;}
.social-btn.naver{background:#03C75A;color:#fff;}
.social-icon{width:14px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;flex-shrink:0;}
/*.kakao .social-icon{background:#1a1a1a;color:#FEE500;}*/
/*.naver .social-icon{background:#fff;color:#03C75A;}*/

.login-divider{position:relative;text-align:center;margin:18px 0;}
.login-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#eee;}
.login-divider span{position:relative;display:inline-block;background:#fff;padding:0 12px;font-size:12px;color:#aaa;}

.login-form{display:flex;flex-direction:column;gap:12px;}
.form-group{display:flex;flex-direction:column;gap:6px;}
.form-group label{font-size:13px;font-weight:700;color:#1a1a1a;}
.input-wrap{position:relative;}
.input-wrap i{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:16px;color:#aaa;}
.input-wrap input{width:100%;height:44px;border:1px solid #eee;border-radius:10px;padding:0 13px 0 39px;font-size:13px;color:#333;outline:none;background:#fff;}
.input-wrap input::placeholder{color:#bbb;}
.input-wrap input:focus{border-color:#7B1A1A;box-shadow:0 0 0 3px rgba(123,26,26,0.06);}

.login-options{display:flex;align-items:center;justify-content:space-between;margin-top:2px;gap:10px;}
.keep-login{display:flex;align-items:center;gap:6px;font-size:12px;color:#666;cursor:pointer;}
.keep-login input{width:15px;height:15px;accent-color:#7B1A1A;}
.find-links{display:flex;align-items:center;gap:7px;font-size:12px;color:#aaa;}
.find-links a{color:#777;text-decoration:none;}
.find-links a:hover{color:#7B1A1A;text-decoration:underline;}

.login-submit{width:100%;height:48px;background:#7B1A1A;color:#fff;border:none;border-radius:11px;font-size:14px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:4px;}
.login-submit:hover{background:#681414;}
.login-submit i{font-size:17px;color:#fff;}

.join-box{margin-top:14px;background:#f9f9f9;border:1px solid #eee;border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.join-txt{font-size:13px;color:#555;line-height:1.6;}
.join-txt strong{display:block;color:#1a1a1a;font-weight:800;margin-bottom:1px;}
.join-btn{border:1px solid #7B1A1A;background:#fff;color:#7B1A1A;border-radius:9px;padding:9px 14px;font-size:12px;font-weight:800;cursor:pointer;text-decoration:none;white-space:nowrap;}
.join-btn:hover{background:#FEF2F2;}

.login-notice{margin-top:14px;background:#EEF2FF;border-radius:12px;padding:13px 15px;display:flex;align-items:flex-start;gap:9px;}
.login-notice i{font-size:17px;color:#0F1B3D;margin-top:1px;flex-shrink:0;}
.login-page .notice-title{font-size:12px;font-weight:800;color:#0F1B3D;margin-bottom:3px;}
.login-page .notice-txt{font-size:12px;color:#666;line-height:1.7;white-space: wrap; overflow: visible; text-overflow: unset; height: auto;}

.reset-page{width:100%;background:#f7f7f7;padding:34px 40px 48px;}
.reset-wrap{max-width:460px;margin:0 auto;}
.reset-card{background:#fff;border:1px solid #eee;border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(15,27,61,0.04);}
.reset-card .form-group{margin-top:10px}
.reset-card .login-submit{margin-top:20px;}
.reset-head{text-align:center;margin-bottom:18px;}
.reset-badge{display:inline-flex;align-items:center;gap:6px;background:#FEF2F2;color:#7B1A1A;border:1px solid #f5c0c0;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700;margin-bottom:10px;}
.reset-badge i{font-size:14px;color:#7B1A1A;}
.reset-title{font-size:22px;font-weight:800;color:#1a1a1a;letter-spacing:-0.5px;line-height:1.4;margin-bottom:8px;}
.reset-sub{font-size:13px;color:#888;line-height:1.7;}
.reset-step-box{display:flex;flex-direction:column;gap:12px;}
.reset-step-box.hidden{display:none;}
.reset-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch;}
.login-submit.small{flex:none;width:100%;height:46px;}
.secondary-btn{flex:none;width:100%;height:46px;border:1px solid #7B1A1A;background:#fff;color:#7B1A1A;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;}
.reset-status{margin-top:14px;padding:12px 14px;border-radius:10px;font-size:12px;line-height:1.5;background:#f5f5f5;color:#666;}
.reset-status.ok{background:#ECFDF5;color:#166534;border:1px solid #BBF7D0;}
.reset-status.warn{background:#FFF7ED;color:#9A5B00;border:1px solid #FDBA74;}
.reset-link-row{margin-top:16px;text-align:center;}
.reset-link{color:#7B1A1A;text-decoration:none;font-size:12px;font-weight:700;}
.readonly-box input{background:#f9f9f9;cursor:default;}
@media(max-width:640px){
    .login-page{padding:24px 16px 36px;}
    .login-card{padding:20px 16px;border-radius:14px;}
    .login-title{font-size:22px;}
    .login-options{align-items:flex-start;flex-direction:column;}
    .join-box{align-items:flex-start;flex-direction:column;}
    .join-btn{width:100%;text-align:center;}
    .reset-page{padding:24px 16px 36px;}
    .reset-card{padding:20px 16px;border-radius:14px;}
    .reset-title{font-size:20px;}
}

.mb_log_cate {display: none;}

/* 회원가입 완료 */
.jj-result-page{min-height:560px;padding:56px 20px 72px;background:#f7f7f7;font-family:sans-serif;box-sizing:border-box;}
.jj-result-page *{box-sizing:border-box;}
.jj-result-wrap{width:100%;max-width:620px;margin:0 auto;text-align:center;}
.jj-result-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;padding:6px 12px;border-radius:20px;background:#fef2f2;color:#7b1a1a;font-size:12px;font-weight:700;}
.jj-result-card{padding:46px 42px 38px;border:1px solid #eee;border-radius:18px;background:#fff;box-shadow:0 10px 35px rgba(40,25,25,.05);}
.jj-result-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 22px;border-radius:50%;background:#fef2f2;color:#7b1a1a;font-size:34px;}
.jj-result-title{margin:0;color:#1a1a1a;font-size:26px;font-weight:800;line-height:1.4;letter-spacing:-.7px;}
.jj-result-title strong{color:#7b1a1a;}
.jj-result-sub{margin:12px 0 0;color:#777;font-size:14px;line-height:1.8;}
.jj-result-info{margin:28px 0 0;padding:18px 20px;border:1px solid #f0e5e5;border-radius:12px;background:#fffafa;text-align:left;}
.jj-result-info-row{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:7px 0;font-size:13px;line-height:1.5;}
.jj-result-info-row span{color:#999;}
.jj-result-info-row strong{overflow-wrap:anywhere;color:#333;}
.jj-result-guide{margin-top:24px;padding-top:22px;border-top:1px solid #eee;color:#888;font-size:12px;line-height:1.75;text-align:left;}
.jj-result-guide p{position:relative;margin:0 0 10px;padding-left:18px;}
.jj-result-guide p:last-child{margin-bottom:0;}
.jj-result-guide i{position:absolute;left:0;top:4px;color:#7b1a1a;}
.jj-result-home{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:50px;margin-top:22px;border-radius:11px;background:#7b1a1a;color:#fff!important;font-size:15px;font-weight:800;text-decoration:none!important;}
.jj-result-home:hover{background:#681515;}

/* 회원 비밀번호 확인 및 탈퇴 */
.jj-confirm-page{min-height:540px;padding:56px 20px 72px;background:#f7f7f7;font-family:sans-serif;box-sizing:border-box;}
.jj-confirm-page *{box-sizing:border-box;}
.jj-confirm-wrap{width:100%;max-width:520px;margin:0 auto;}
.jj-confirm-head{margin-bottom:20px;text-align:center;}
.jj-confirm-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:6px 12px;border-radius:20px;background:#fef2f2;color:#7b1a1a;font-size:12px;font-weight:700;}
.jj-confirm-title{margin:0;color:#1a1a1a;font-size:24px;font-weight:800;letter-spacing:-.6px;}
.jj-confirm-sub{margin:9px 0 0;color:#888;font-size:13px;line-height:1.7;}
.jj-confirm-card{padding:30px;border:1px solid #eee;border-radius:16px;background:#fff;box-shadow:0 10px 35px rgba(40,25,25,.05);}
.jj-confirm-alert{display:flex;gap:10px;margin-bottom:22px;padding:14px 15px;border:1px solid #fde2e2;border-radius:11px;background:#fffafa;color:#6f3434;font-size:12px;line-height:1.65;}
.jj-confirm-alert i{flex:0 0 auto;margin-top:2px;color:#7b1a1a;font-size:17px;}
.jj-confirm-field{margin-bottom:16px;}
.jj-confirm-label{display:block;margin-bottom:7px;color:#333;font-size:13px;font-weight:700;}
.jj-confirm-id{display:flex;align-items:center;gap:10px;height:45px;padding:0 14px;border:1px solid #eee;border-radius:9px;background:#fafafa;color:#333;font-size:14px;font-weight:700;}
.jj-confirm-id i{color:#999;font-size:18px;}
.jj-confirm-input{display:flex;align-items:center;height:45px;border:1px solid #eee;border-radius:9px;background:#fff;}
.jj-confirm-input:focus-within{border-color:#7b1a1a;box-shadow:0 0 0 3px rgba(123,26,26,.06);}
.jj-confirm-input i{margin-left:14px;color:#aaa;font-size:18px;}
.jj-confirm-input input{width:100%;height:100%;padding:0 13px;border:0!important;outline:0;background:transparent!important;color:#333;font-size:13px;box-shadow:none!important;}
.jj-confirm-submit{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:48px;margin-top:22px;border:0;border-radius:10px;background:#7b1a1a;color:#fff;font-size:14px;font-weight:800;cursor:pointer;}
.jj-confirm-submit:hover{background:#681515;}
.jj-confirm-submit:disabled{opacity:.65;cursor:wait;}
.jj-confirm-foot{display:flex;align-items:flex-start;gap:7px;margin-top:16px;color:#aaa;font-size:11px;line-height:1.6;}
.jj-confirm-foot i{margin-top:2px;}

/* 포인트 내역 */
#point.jj-point-page{min-height:100vh;padding:28px 22px 24px;background:#f7f7f7;font-family:sans-serif;box-sizing:border-box;}
#point.jj-point-page *{box-sizing:border-box;}
.jj-point-wrap{width:100%;max-width:650px;margin:0 auto;}
.jj-point-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;}
.jj-point-wrap .jj-point-head {margin-bottom: 10px;}
.jj-point-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;padding:5px 10px;border-radius:20px;background:#fef2f2;color:#7b1a1a;font-size:11px;font-weight:700;}
.jj-point-wrap .jj-point-badge {margin-bottom: 0;}
.jj-point-title{margin:0;color:#1a1a1a;font-size:22px;font-weight:800;letter-spacing:-.5px;display:none;}
.jj-point-close-top{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #eee;border-radius:50%;background:#fff;color:#666;font-size:20px;cursor:pointer;}
.jj-point-balance{position:relative;overflow:hidden;padding:24px 26px;border-radius:16px;background:#7b1a1a;color:#fff;box-shadow:0 10px 28px rgba(123,26,26,.16);}
.jj-point-balance:after{content:"";position:absolute;right:-28px;top:-55px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.07);}
.jj-point-balance-label{position:relative;z-index:1;display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.76);}
.jj-point-balance-value{position:relative;z-index:1;margin-top:8px;font-size:28px;font-weight:800;}
.jj-point-balance-value small{margin-left:3px;font-size:15px;}
.jj-point-card{margin-top:16px;padding:20px;border:1px solid #eee;border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(40,25,25,.04);}
.jj-point-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:19px;padding:4px;border-radius:11px;background:#f5f5f5;}
.jj-point-tab{height:38px;border:0;border-radius:8px;background:transparent;color:#888;font-size:13px;font-weight:700;cursor:pointer;}
.jj-point-tab.on{background:#fff;color:#7b1a1a;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.jj-point-list{margin:0;padding:0;list-style:none;}
.jj-point-item{padding:16px 2px;border-bottom:1px solid #f1f1f1;}
.jj-point-item:first-child{padding-top:3px;}
.jj-point-item[hidden]{display:none;}
.jj-point-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;}
.jj-point-content{min-width:0;color:#333;font-size:14px;font-weight:700;line-height:1.5;overflow-wrap:anywhere;}
.jj-point-num{flex:0 0 auto;color:#7b1a1a;font-size:15px;font-weight:800;}
.jj-point-item[data-point-type="use"] .jj-point-num{color:#555;}
.jj-point-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px;color:#aaa;font-size:11px;line-height:1.4;}
.jj-point-meta span{display:flex;align-items:center;gap:4px;}
.jj-point-meta .expired{color:#c24141;}
.jj-point-empty,.jj-point-filter-empty{padding:44px 10px;text-align:center;color:#aaa;font-size:13px;}
.jj-point-empty i{display:block;margin-bottom:9px;color:#ccc;font-size:28px;}
.jj-point-status{display:flex;align-items:center;gap:9px;padding:16px 2px 0;color:#777;font-size:12px;font-weight:700;}
.jj-point-status strong{margin-left:auto;color:#7b1a1a;font-size:13px;}
.jj-point-status .used{margin-left:0;color:#555;}
.jj-point-filter-empty{display:none;}
.jj-point-filter-empty.show{display:block;}
#point .pg_wrap{margin:20px 0 0;text-align:center;}
.jj-point-bottom-close{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:46px;margin-top:16px;border:1px solid #ddd;border-radius:10px;background:#fff;color:#555;font-size:13px;font-weight:700;cursor:pointer;}

@media(max-width:560px){
    .jj-result-page{padding:32px 16px 48px;}
    .jj-result-card{padding:34px 22px 28px;}
    .jj-result-title{font-size:22px;}
    .jj-result-info-row{grid-template-columns:72px 1fr;}
    .jj-confirm-page{padding:32px 16px 48px;}
    .jj-confirm-card{padding:23px 20px;}
    .jj-confirm-title{font-size:21px;}
    #point.jj-point-page{padding:20px 14px;}
    .jj-point-balance{padding:21px;}
    .jj-point-card{padding:16px;}
    .jj-point-title{font-size:20px;}
}

/* 프로필·스크랩·쪽지 보조 화면 */
/* 쪽지 */
.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}

/* 자기소개 */
#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}


/* 소셜 로그인: 현재 no-sns에서 숨기고, 공개 시 카카오/네이버 버튼 디자인을 사용한다. */
.login-card #sns_login{border:0;margin:0 0 18px;padding:0;background:transparent;}
.login-card #sns_login .sns-wrap.social-login{display:flex;flex-direction:column;gap:8px;margin:0;text-align:center;}
.login-card #sns_login .social-btn{display:flex;width:100%;height:46px;margin:0;padding:0;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;background-image:none;line-height:normal;text-align:center;font-size:14px;font-weight:800;}
.login-card #sns_login .social-btn.kakao{background-color:#FEE500;color:#1a1a1a;}
.login-card #sns_login .social-btn.naver{background-color:#03C75A;color:#fff;}
.login-card #sns_login .social-btn .social-icon{position:static;display:flex;width:14px;height:22px;padding:0;border:0;align-items:center;justify-content:center;}
.login-card #sns_login .social-btn .social-icon img{display:block;width:14px;height:14px;}