/* profile - sub header */
.sub-header{width:100%;height:54px;background:#193155;display:flex;align-items:center;padding:0 10px;box-sizing:border-box;}
.sub-header > .back{width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.sub-header > .title{flex:1;font-size:16px;font-weight:700;line-height:20px;letter-spacing:-.32px;color:#fff;text-align:center;}
.sub-header > .spacer{width:24px;}

/* profile - avatar */
.profile-avatar{width:96px;height:96px;position:relative;cursor:pointer;}
.profile-avatar > .thumb{width:96px;height:96px;border-radius:96px;background:#f7f8f9;overflow:hidden;}
.profile-avatar > .thumb > img{width:100%;height:100%;object-fit:cover;}
.profile-avatar > .cam{width:28px;height:28px;background:#fff;border:1px solid #e8ebed;border-radius:28px;position:absolute;bottom:0;right:0;display:flex;align-items:center;justify-content:center;}


/* profile - rounded input */
.profile-input{width:100%;height:40px;background:rgba(255,255,255,.3);border:none;border-radius:38px;padding:0 16px;font-size:16px;font-weight:400;line-height:20px;letter-spacing:-.32px;color:#fff;outline:none;box-sizing:border-box;}
.profile-input::placeholder{color:rgba(255,255,255,.5);}

/* profile - primary button */
.profile-btn{width:100%;height:48px;background:#1b1d1f;border:none;border-radius:40px;font-size:16px;font-weight:700;line-height:20px;letter-spacing:-.32px;color:#fff;cursor:pointer;}
.profile-btn:disabled{opacity:.3;cursor:default;}

/* profile - toggle switch */
.switch{width:54px;height:32px;border-radius:100px;background:rgba(255,255,255,.2);position:relative;cursor:pointer;flex-shrink:0;transition:background .2s;}
.switch.on{background:#00FFA6;}
.switch > .knob{width:20px;height:20px;background:#fff;border-radius:100px;position:absolute;top:6px;left:6px;transition:left .2s;}
.switch.on > .knob{left:28px;}

/* signup */
.signup-wrap{padding:24px 12px;display:flex;flex-direction:column;align-items:center;}
.signup-wrap > .profile-avatar{margin-bottom:24px;}
.signup-form{width:100%;display:flex;flex-direction:column;gap:16px;}

/* edit */
.edit-wrap{padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:16px;}
.edit-nick{width:100%;height:40px;background:rgba(255,255,255,.3);border-radius:38px;display:flex;align-items:center;padding:0 4px 0 16px;box-sizing:border-box;}
.edit-nick > input{flex:1;height:40px;background:transparent;border:none;font-size:16px;font-weight:700;line-height:20px;letter-spacing:-.32px;color:#fff;outline:none;}
.edit-nick > .btn-change{width:60px;height:32px;background:#1b1d1f;border:none;border-radius:40px;font-size:12px;font-weight:700;color:#fff;cursor:pointer;flex-shrink:0;}
.edit-section{width:100%;display:flex;flex-direction:column;gap:12px;}
.edit-wrap > .btn-withdraw{display:block;margin:0 0 0 auto;padding:8px;background:none;border:none;font-size:15px;color:#9EA4AA;text-decoration:underline;cursor:pointer;}
.edit-card{width:100%;background:#fff;border-radius:16px;overflow:hidden;}
.edit-card > .card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0 16px;}
.edit-card > .card-header > .card-title{font-size:16px;font-weight:700;color:#1b1d1f;}
.badge-status{height:24px;padding:0 10px;border-radius:40px;font-size:12px;font-weight:700;line-height:24px;color:#1b1d1f;}
.badge-status.warning{background:#ffa600;}
.badge-status.suspended{background:#c00023;color:#fff;}
.stat-row{display:flex;align-items:center;padding:12px 16px;}
.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;}
.stat-item > .stat-label{font-size:14px;font-weight:400;color:#454c53;}
.stat-item > .stat-value{display:flex;align-items:baseline;gap:2px;}
.stat-item > .stat-value > .num{font-size:28px;font-weight:900;color:#1b1d1f;}
.stat-item > .stat-value > .unit{font-size:16px;font-weight:400;color:#1b1d1f;}
.stat-divider{width:1px;height:56px;background:#e8ebed;flex-shrink:0;}
.history-list{padding:8px 16px 16px 16px;background:#f7f8f9;display:flex;flex-direction:column;gap:8px;}
.history-list:empty{display:none;}
.history-item{display:flex;align-items:center;gap:8px;}
.history-item > .dot{width:8px;height:10px;border-radius:2px;flex-shrink:0;}
.history-item > .dot.warn{background:#ffa600;}
.history-item > .dot.suspend{background:#c00023;}
.history-item > .label{flex:1;font-size:12px;font-weight:400;color:#1b1d1f;}
.history-item > .date{font-size:12px;font-weight:400;color:#9ea4aa;}
.rules-card{width:100%;background:#193155;border-radius:16px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;}
.rule-item{display:flex;align-items:center;gap:8px;}
.rule-item > .dot{width:10px;height:14px;border-radius:2px;flex-shrink:0;}
.rule-item > .dot.warn{background:#ffa600;}
.rule-item > .dot.suspend{background:#c00023;}
.rule-item > .condition{flex:1;font-size:14px;font-weight:400;color:#c9cdd2;}
.rule-item > .result{font-size:14px;font-weight:700;color:#fff;}

/* alarm setting */
.setting-wrap{padding:16px 12px;display:flex;flex-direction:column;gap:12px;}
.setting-card{width:100%;border-radius:16px;overflow:hidden;}
.setting-card.master{background:#fff;}
.setting-card.master .switch{background:#c9cdd2;}
.setting-card.master .switch.on{background:#00FFA6;}
.setting-card.sub{background:rgba(255,255,255,.05);}
.setting-row{display:flex;align-items:center;padding:16px;gap:16px;}
.setting-row > .info{flex:1;}
.setting-row > .info > .label{font-size:16px;font-weight:400;line-height:20px;letter-spacing:-.32px;color:#fff;}
.setting-card.master .setting-row > .info > .label{font-weight:700;color:#1b1d1f;}
.setting-row > .info > .desc{font-size:12px;font-weight:400;line-height:14px;letter-spacing:-.12px;color:#fff;opacity:.5;margin-top:8px;}
.setting-group-title{padding:16px 16px 0 16px;font-size:12px;font-weight:700;line-height:14px;letter-spacing:-.12px;color:#fff;opacity:.3;}
.setting-row + .setting-row{border-top:1px solid rgba(255,255,255,.05);}

/* ===== 고객센터 ===== */
.wrap.cs-page{background:#193155;}
.cs-hero{padding:16px 12px 24px 12px;}
.cs-hero-title{font-size:24px;font-weight:700;line-height:28px;letter-spacing:-.48px;color:#fff;}
.cs-hero-btn{width:100%;height:48px;background:#1b1d1f;border:none;border-radius:40px;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:12px;cursor:pointer;}
.cs-hero-btn > span{font-size:16px;font-weight:700;line-height:20px;letter-spacing:-.32px;color:#fff;}
.cs-divider{width:100%;height:8px;background:#203a62;}
.cs-list{display:flex;flex-direction:column;}
.cs-item{padding:16px 12px;display:flex;flex-direction:column;gap:8px;cursor:pointer;}
.cs-item + .cs-item{border-top:1px solid rgba(255,255,255,.06);}
.cs-item-date{font-size:10px;font-weight:400;line-height:12px;color:#fff;}
.cs-item-title{font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.14px;color:#fff;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cs-item-meta{display:flex;align-items:center;gap:10px;}
.cs-meta-reply{display:flex;align-items:center;gap:2px;}
.cs-meta-reply > span{font-size:12px;font-weight:400;line-height:14px;letter-spacing:-.12px;color:#c9cdd2;}
.cs-meta-reply > .cnt{font-weight:700;}
.cs-meta-dot{width:2px;height:2px;background:#c9cdd2;border-radius:2px;}
.cs-meta-sep{width:1px;height:10px;background:rgba(255,255,255,.1);}
.cs-meta-del{display:flex;align-items:center;gap:2px;cursor:pointer;}
.cs-meta-del > span{font-size:12px;font-weight:400;line-height:14px;letter-spacing:-.12px;color:#c9cdd2;}
.cs-empty{padding:40px 36px 16px 36px;text-align:center;display:none;}
.cs-empty-title{font-size:16px;font-weight:700;line-height:20px;letter-spacing:-.32px;color:#fff;}
.cs-empty-sub{font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.14px;color:#c9cdd2;margin-top:4px;}
.cs-detail-wrap{background:#f7f8f9;min-height:100vh;}
.cs-content{background:#fff;padding:16px 12px;}
.cs-content-date{font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.14px;color:#1b1d1f;}
.cs-content-body{font-size:16px;font-weight:400;line-height:20px;letter-spacing:-.32px;color:#1b1d1f;margin-top:8px;word-break:break-word;}
.cs-content-img{width:100%;margin-top:16px;}
.cs-content-img > img{width:100%;display:block;background:#e8ebed;}
.cs-action-row{display:flex;align-items:center;gap:8px;margin-top:24px;}
.cs-action-btn{height:32px;background:#f7f8f9;border:none;border-radius:32px;display:flex;align-items:center;gap:2px;padding:7px 16px 7px 12px;cursor:pointer;}
.cs-action-btn > span{font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.14px;color:#454c53;}
.cs-sep{width:100%;height:8px;background:#f0f3f4;}
.cs-comments{background:#fff;padding:16px 12px;}
.cs-comment-btn{width:100%;height:36px;background:#1b1d1f;border:none;border-radius:40px;font-size:14px;font-weight:700;line-height:18px;letter-spacing:-.14px;color:#fff;cursor:pointer;}
.cs-comment-list{display:flex;flex-direction:column;gap:16px;margin-top:24px;}
.cs-comment{display:flex;flex-direction:column;gap:8px;padding-bottom:16px;border-bottom:1px solid #f0f3f4;}
.cs-comment:last-child{border-bottom:none;padding-bottom:0;}
.cs-comment-head{display:flex;align-items:center;gap:8px;}
.cs-comment-name{font-size:14px;font-weight:700;line-height:18px;letter-spacing:-.14px;color:#1b1d1f;}
.cs-comment-name.user{color:#0062c3;}
.cs-comment-sep{width:1px;height:12px;background:#e8ebed;}
.cs-comment-date{font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.14px;color:#9ea4aa;}
.cs-comment-del{display:flex;align-items:center;gap:2px;margin-left:auto;cursor:pointer;}
.cs-comment-del > span{font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.14px;color:#454c53;}
.cs-comment-body{background:#f7f8f9;border-radius:8px;padding:12px;font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.14px;color:#454c53;word-break:break-word;white-space:pre-line;}
.cs-write-area{padding:0 12px 24px 12px;}
.cs-textarea-wrap{border-radius:8px;background:#f7f8f9;padding:12px;display:flex;flex-direction:column;gap:10px;}
.cs-textarea-wrap > textarea{width:100%;min-height:96px;border:none;outline:none;resize:none;font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.14px;color:#1b1d1f;background:transparent;font-family:inherit;}
.cs-textarea-wrap > textarea::placeholder{color:#9ea4aa;}
.cs-textarea-wrap > .counter{font-size:10px;font-weight:400;line-height:12px;color:#1b1d1f;text-align:right;}
.cs-write-area .profile-btn{margin-top:24px;}
.cs-form-wrap{background:#fff;min-height:100vh;}
.cs-form-section{padding:16px 12px 24px 12px;}
.cs-form-section + .cs-form-section{padding-top:0;}
.cs-form-label{font-size:16px;font-weight:700;line-height:20px;letter-spacing:-.32px;color:#1b1d1f;}
.cs-form-sub{font-size:12px;font-weight:400;line-height:14px;letter-spacing:-.12px;color:#72787f;margin-top:4px;}
.cs-input-box{border-radius:8px;background:#f7f8f9;padding:12px;margin-top:8px;display:flex;flex-direction:column;gap:10px;}
.cs-input-box > textarea{width:100%;min-height:142px;border:none;outline:none;resize:none;font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.14px;color:#1b1d1f;background:transparent;font-family:inherit;}
.cs-input-box > textarea::placeholder{color:#9ea4aa;}
.cs-input-box > .counter{font-size:10px;font-weight:400;line-height:12px;color:#1b1d1f;text-align:right;}
.cs-file-box{border-radius:8px;background:#f7f8f9;padding:12px;margin-top:8px;display:flex;align-items:center;gap:10px;cursor:pointer;}
.cs-file-box > .file-txt{font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.14px;color:#1b1d1f;flex:1;}
.cs-file-box > .file-size{font-size:10px;font-weight:400;line-height:12px;color:#9ea4aa;flex-shrink:0;}
.cs-btn-area{padding:0 12px 24px 12px;}
.cs-file-preview{position:relative;width:80px;height:80px;margin-top:10px;}
.cs-file-preview > img{width:100%;height:100%;object-fit:cover;border-radius:8px;background:#1b1d1f;}
.cs-file-preview > .del{position:absolute;top:-6px;right:-6px;width:28px;height:28px;background:#e8ebed;border-radius:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;}

/* ===== 설정 ===== */
.set-wrap{padding:12px;display:flex;flex-direction:column;gap:12px;}
.set-card{width:100%;background:rgba(255,255,255,.05);border-radius:16px;padding:0 16px;}
.set-card-label{padding:16px 0 0 0;font-size:12px;font-weight:700;line-height:14px;letter-spacing:-.12px;color: rgb(255,255,255, 0.5);}
.set-item{display:flex;align-items:center;gap:16px;padding:16px 0;cursor:pointer;}
.set-item + .set-item{border-top:1px solid rgba(255,255,255,.05);}
.set-item > .txt{flex:1;font-size:16px;font-weight:400;line-height:20px;letter-spacing:-.32px;color:#fff;}
.set-item > .val{font-size:16px;font-weight:400;line-height:20px;letter-spacing:-.32px;color:#9ea4aa;}
.set-item > .arr{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.set-home-desc{padding:16px 0;font-size:16px;font-weight:400;line-height:20px;letter-spacing:-.32px;color:#1b1d1f;}
.set-home-grid{display:flex;flex-wrap:wrap;gap:8px;}
.set-home-option{width:calc(50% - 4px);height:48px;border-radius:48px;padding:12px;display:flex;align-items:center;gap:8px;cursor:pointer;box-sizing:border-box; border: 1px solid var(--gray-100, #E8EBED)}
.set-home-option > .radio{width:24px;height:24px;background:#E8EBED;border-radius:24px;border:2px solid #e8ebed;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;}
.set-home-option > .radio > .dot{width:10px;height:10px;border-radius:10px;background:#c9cdd2;}
.set-home-option.on{background:#f7f8f9;}
.set-home-option.on > .radio{border-color:#00ffa5;background:#00ffa5;}
.set-home-option.on > .radio > .dot{background:#1b1d1f;}
.set-home-option > .opt-txt{font-size:16px;font-weight:700;line-height:20px;letter-spacing:-.32px;color:#1b1d1f;}

/* ===== 승부예측 참여내역 ===== */
.pred-notice{width:100%;background:#1f3a61;padding:12px 16px;}
.pred-notice > p{font-size:14px;font-weight:400;line-height:20px;color:#fff;}
.pred-wrap{padding:12px 12px;display:flex;flex-direction:column;gap:12px;}
.pred-card{width:100%;background:#fff;border-radius:16px;padding:16px;}
.pred-card-title{font-size:16px;font-weight:700;line-height:20px;color:#1b1d1f;}
.pred-card-sub{font-size:14px;font-weight:400;line-height:18px;color:#454c53;margin-top:4px;}
.pred-badges{display:flex;align-items:center;gap:6px;margin-top:12px;flex-wrap:wrap;}
.pred-badge{width:30px;height:30px;border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:12px;color:#fff;flex-shrink:0;}
.pred-badge.hit{background:#e20c33;}
.pred-badge.miss{background:#0062c3;}
.pred-direction{display:flex;align-items:center;gap:8px;margin-top:12px;}
.pred-direction-line{flex:1;height:0;border-top:1px dashed #1b1d1f;}
.pred-direction-arrow{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #1b1d1f;flex-shrink:0;}
.pred-direction-label{font-size:12px;font-weight:700;line-height:14px;color:#1b1d1f;flex-shrink:0;}
.pred-tabs{display:flex;align-items:center;gap:4px;margin-top:12px;flex-wrap:wrap;}
.pred-tab{width:56px;height:32px;border-radius:24px;font-size:12px;font-weight:700;line-height:32px;text-align:center;cursor:pointer;border:1px solid #c9cdd2;color:#1b1d1f;background:transparent;flex-shrink:0;}
.pred-tab.on{background:#1b1d1f;color:#fff;border-color:#1b1d1f;}
.pred-rate-wrap{margin-top:12px;}
.pred-rate-label{display:flex;align-items:center;gap:2px;margin-bottom:6px;}
.pred-rate-label > .lbl{font-size:14px;font-weight:700;color:#1b1d1f;}
.pred-rate-label > .cnt{font-size:14px;font-weight:400;color:#1b1d1f;}
.pred-rate-bar-wrap{position:relative;height:24px;margin-top:4px;}
.pred-rate-bar-track{position:absolute;bottom:0;left:0;right:0;height:8px;background:#e8ebed;border-radius:8px;}
.pred-rate-bar-fill{position:absolute;bottom:0;left:0;height:8px;background:#e20c33;border-radius:8px;}
.pred-rate-badge{position:absolute;left:100%;bottom:-100%;transform:translateX(-50%);margin-bottom:2px;background:#b10002;border-radius:24px;padding:2px 8px;font-size:12px;font-weight:700;color:#fff;white-space:nowrap;}
.pred-stats-row{display:flex;align-items:stretch;margin-top:12px;}
.pred-stat-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;}
.pred-stat-item > .stat-lbl{font-size:14px;font-weight:400;line-height:18px;color:#454c53;text-align:center;}
.pred-stat-item > .stat-val{display:flex;align-items:baseline;gap:1px;}
.pred-stat-item > .stat-val > .num{font-size:18px;font-weight:900;color:#1b1d1f;}
.pred-stat-item > .stat-val > .unit{font-size:14px;font-weight:400;color:#1b1d1f;}
.pred-stat-item > .stat-val > .num.blue{color:#0062c3;}
.pred-stat-divider{width:1px;height:40px;background:#e8ebed;flex-shrink:0;align-self:center;}
.pred-stat-item > .stat-lbl-wrap{display:flex;align-items:center;gap:2px;}
.pred-stat-item > .stat-lbl-wrap > .lbl{font-size:14px;font-weight:400;color:#454c53;}
.pred-stat-item > .stat-lbl-wrap > .ico-main{opacity:.5;}
.pred-game-sub{font-size:13px;font-weight:400;line-height:18px;color:#454c53;margin-top:4px;}
.pred-filter-row{display:flex;align-items:center;gap:8px;margin-top:12px;}
.pred-select-wrap{position:relative;width:92px;height:36px;flex-shrink:0;}
.pred-select-wrap > select{width:100%;height:100%;border:1px solid #c9cdd2;border-radius:8px;background:#fff;font-size:13px;font-weight:700;color:#1b1d1f;padding:0 28px 0 10px;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;}
.pred-select-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;}
.pred-date-nav{flex:1;height:36px;border:1px solid #c9cdd2;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 8px;}
.pred-date-nav > .nav-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;}
.pred-date-nav > .nav-label{font-size:13px;font-weight:700;color:#1b1d1f;text-align:center;flex:1;}
.pred-game-list{display:flex;flex-direction:column;margin-top:12px;}
.pred-game-item{padding:12px 0;border-top:1px solid #e8ebed;}
.pred-game-item:first-child{border-top:none;padding-top:0;}
.pred-game-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.pred-game-head > .league{font-size:12px;font-weight:700;color:#1b1d1f;display:flex;align-items:center;gap:4px;}
.pred-game-head > .status{font-size:12px;font-weight:700;color:#0062c3;}
.pred-match-row{display:flex;align-items:center;gap:4px;}
.pred-team{flex:1;height:32px;background:#f7f8f9;border:1px solid #e8ebed;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#1b1d1f;}
.pred-vs{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 4px;}
.pred-vs > .vs-txt{font-size:12px;font-weight:700;color:#1b1d1f;}
.pred-vs > .vs-date{font-size:10px;font-weight:400;color:#72787f;}
.pred-choices{display:flex;align-items:stretch;margin-top:8px;border:1px solid #e8ebed;border-radius:8px;overflow:hidden;}
.pred-choice{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 4px;cursor:pointer;}
.pred-choice + .pred-choice{border-left:1px solid #e8ebed;}
.pred-choice > .chk{width:16px;height:16px;flex-shrink:0;}
.pred-choice > .chk-icon{font-size:12px;}
.pred-choice > .choice-txt{font-size:14px;font-weight:700;color:#454c53;}
.pred-choice.on > .choice-txt{color:#1b1d1f;}

/* ===== 프로필 메뉴 ===== */
.profile-top{width:100%;padding:16px 12px;display:flex;flex-direction:column;gap:16px;}
.profile-top > .profile-card{width:100%;height:60px;background:rgba(0,0,0,.2);display:flex;align-items:center;gap:8px;padding:12px 12px 12px 16px;border-radius:60px;backdrop-filter:blur(80px);cursor:pointer;}
.profile-top > .profile-card > .thumb{width:36px;height:36px;border-radius:36px;background:#e8ebed;overflow:hidden;flex-shrink:0;}
.profile-top > .profile-card > .thumb > img{width:100%;height:100%;object-fit:cover;}
.profile-top > .profile-card > .name{flex:1;font-size:18px;font-weight:700;line-height:22px;letter-spacing:-.36px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.profile-top > .profile-card > .arr{width:24px;height:24px;flex-shrink:0;}
.profile-top > .profile-card > .arr > .ico-main{vertical-align:top;}
.profile-menu{width:100%;display:flex;flex-direction:column;}
.profile-menu > li{display:flex;align-items:center;gap:8px;backdrop-filter:blur(80px);cursor:pointer;border-bottom:1px solid rgba(255,255,255,.1);}
.profile-menu > li:first-child{padding:0 16px 16px 0;}
.profile-menu > li:last-child{padding:16px 0 16px 0;border-radius:0 0 16px 16px;border-bottom:none;}
.profile-menu > li:not(:first-child):not(:last-child){padding:16px 8px 16px 0;}
.profile-menu > li > .ic{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.profile-menu > li > .ic > .ico-main{vertical-align:top;}
.profile-menu > li > .txt{flex:1;font-size:18px;font-weight:400;line-height:22px;letter-spacing:-.36px;color:#fff;}
.profile-menu > li > .badge{height:18px;padding:3px 6px;background:#b20003;border-radius:100px;font-size:10px;font-weight:900;line-height:12px;color:#fff;display:none;}
.profile-menu > li > .badge.on{display:inline-block;}
.profile-menu .ic > .dot{width:8px;height:8px;background:#e20c33;border-radius:8px;box-shadow:0 1px 12px rgba(226,12,51,.5);position:absolute;top:0;right:0;display:none;}
.profile-menu .ic > .dot.on{display:block;}
.profile-menu > li > .ic.notice{position:relative;}
.login-btns{padding:0 12px;display:flex;flex-direction:column;gap:8px;}
.btn-social{width:100%;height:52px;border:none;border-radius:40px;display:flex;align-items:center;padding:14px 24px;gap:10px;cursor:pointer;font-size:16px;font-weight:700;line-height:20px;letter-spacing:-.32px;box-sizing:border-box;}
.btn-social.naver{background:#03a94d;color:#fff;}
.btn-social.kakao{background:#ffe812;color:#1b1d1f;}
.btn-social.google{background:#fff;color:#1b1d1f;border:1px solid #e8ebed;}
.btn-social > *{color:inherit;}
.btn-social > .social-logo{width:24px;height:24px;flex-shrink:0;overflow:hidden;}
.btn-social > .social-logo > img{width:100%;height:100%;}
.btn-social > .social-txt{flex:1;text-align:center;}
.btn-social > .social-space{width:24px;flex-shrink:0;}

.ico-main.reflesh,.ico-main.gopick{display:none !important;}