.mypage .profit_box {
    gap: 40px;
}
.mypage .profit_box .profile {
    gap: 16px;
}
.mypage .profit_box .profile .thumb {
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.10);
    overflow: hidden;
}
.mypage .profit_box .profile .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mypage .profit_box .profile .info {
    gap: 8px;
}
.mypage .profit_box .profile .info h4 {
    font-size: 24px;
}
.mypage .profit_box .profile .level {
    color: var(--green);
    border: 1px solid var(--green);
    padding: 10px 20px;
    border-radius: 100px;
    text-transform: capitalize;
    box-sizing: border-box;
}
.mypage .profit_box .list_flex {
    padding: 10px 30px;
    border-radius: 15px;
    box-sizing: border-box;
}
.mypage .profit_box .list_flex > div {
    font-size: 18px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}
.mypage .profit_box .list_flex > div:last-child {
    border-bottom: 0;
}


.mypage .wallet_box {
    gap: 40px;
}
.mypage .wallet_box .price > div {
    gap: 16px;
}
.mypage .wallet_box .price > div p {
    font-size: 18px;
    opacity: .8;
}
.mypage .wallet_box .price > div h4 {
    font-size: 32px;
}
.mypage .wallet_box .price > strong {
    font-size: 20px;
    padding: 14px 20px;
    border-radius: 100px;
    border: 2px solid var(--white);
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 0 16px 0 #0137FF;
    box-sizing: border-box;
}
.mypage .wallet_box .btn_area button {
    flex: 1;
    height: 72px;
    font-size: 20px;
    border-radius: 20px;
}


.mypage .account_box {
    position: relative;
    gap: 40px;
}
.mypage .account_box .line_box {
    padding: 30px;
    border-radius: 15px;
    box-sizing: border-box;
}
.mypage .account_box .line_box > div {
    padding: 20px 0;
    gap: 16px;
}
.mypage .account_box .line_box > div:first-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}
.mypage .account_box .line_box > div strong {
    font-size: 20px;
}
.mypage .account_box .line_box > div p {
    font-size: 18px;
    opacity: .8;
}
.mypage .account_box #security {
    position: absolute;
    top: 87%;
}


.mypage .security_box {
    gap: 40px;
    padding-bottom: 40px;
}
.mypage .security_box .line_box {
    padding: 30px;
    gap: 0px;
    border-radius: 15px;
    box-sizing: border-box;
}
.mypage .security_box .line_box .top  > div {
    gap: 16px;
}
.mypage .security_box .line_box .top strong {
    font-size: 20px;
}
.mypage .security_box .line_box .top p {
    font-size: 18px;
    opacity: .8;
}
.mypage .security_box .line_box .top .toggle {
    position: relative;
}
.mypage .security_box .line_box .top .toggle input {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1;
}
.mypage .security_box .line_box .top .toggle input + label {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 36px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.40);
    border: 1px solid transparent;
    box-sizing: border-box;
    transition: all .3s;
}
.mypage .security_box .line_box .top .toggle input + label:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 8px;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #05001C;
    opacity: .8;
    transition: all .3s;
}
.mypage .security_box .line_box .top .toggle input:checked + label {
    border: 1px solid var(--key-color);
    background: var(--white);
}
.mypage .security_box .line_box .top .toggle input:checked + label:before {
    background: var(--key-color);
    left: 30px;
}
.mypage .security_box .line_box .badge strong {
    display: inline-block;
    color: var(--green);
    border: 1px solid var(--green);
    padding: 10px 20px;
    border-radius: 50px;
    box-sizing: border-box;
}







@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1024px) {
    .mypage .profit_box .profile .info {
        font-size: 14px;
    }
    .mypage .profit_box .list_flex {
        padding: 10px 20px;
    }
    .mypage .profit_box .list_flex > div {
        font-size: 16px;
    }

    .mypage .wallet_box .price > div p {
        font-size: 14px;
    }
    .mypage .wallet_box .price > div h4 {
        font-size: 26px;
    }
    .mypage .wallet_box .price > strong {
        font-size: 16px;
    }
    .mypage .wallet_box .btn_area button {
        height: 56px;
        font-size: 16px;
        border-radius: 10px;
    }


    .mypage .account_box .line_box {
        padding: 20px;
    }
    .mypage .account_box .line_box > div strong {
        font-size: 18px;
    }
    .mypage .account_box .line_box > div p {
        font-size: 16px;
    }

    .mypage .security_box .line_box {
        padding: 20px;
    }
    .mypage .security_box .line_box .top strong {
        font-size: 18px;
    }
    .mypage .security_box .line_box .top p {
        font-size: 16px;
    }
    .mypage .security_box .line_box .top .toggle input + label {
        height: 30px;
    }
    .mypage .security_box .line_box .top .toggle input + label:before {
        top: 4px;
    }
    .mypage .security_box .line_box .badge strong {
        font-size: 14px;
    }
}
@media screen and (max-width: 700px) {
}
@media screen and (max-width: 480px) {
    .mypage .profit_box .profile .level {
        width: 100%;
        text-align: center;
    }
}
@media screen and (max-width: 380px) {
}


/* NOVAS MYP COMPONENT POLISH 20260705 */
.mypage .subcopy{
  margin:10px 0 0;
  color:rgba(255,255,255,.72);
  font-size:15px;
  line-height:1.55;
  word-break:keep-all;
}
.mypage .wallet_addr{
  gap:8px;
  padding:18px 20px;
  margin-top:18px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.12);
}
.mypage .wallet_addr p{
  margin:0;
  font-size:13px;
  color:rgba(255,255,255,.62);
}
.mypage .wallet_addr strong{
  font-size:14px;
  line-height:1.45;
  word-break:break-all;
}
.mypage .bonus_list{
  gap:10px;
  margin-top:12px;
}
.mypage .bonus_line{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:14px 16px;
  margin-top:10px;
  border-radius:14px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.08);
}
.mypage .bonus_line span{
  color:rgba(255,255,255,.74);
  font-size:15px;
}
.mypage .bonus_line strong{
  font-size:15px;
  text-align:right;
  color:#fff;
}
.mypage .btn_area button{
  min-height:58px;
  border-radius:18px;
  font-size:17px;
  font-weight:900;
}
.mypage .btn_area .g_btn{
  background:linear-gradient(90deg,#d500ff,#0137ff);
  box-shadow:0 14px 30px rgba(1,55,255,.32);
}
.mypage .profile .info p strong{
  color:#41ffbb;
}
@media(max-width:560px){
  .mypage .subcopy{
    font-size:14px;
    line-height:1.5;
  }
  .mypage .bonus_line{
    align-items:flex-start;
    padding:13px 14px;
  }
  .mypage .bonus_line strong{
    max-width:58%;
    line-height:1.35;
  }
  .mypage .btn_area{
    flex-direction:column;
  }
  .mypage .btn_area button{
    width:100%;
    min-height:58px;
  }
}


/* NOVAS MYP SETTING BTN 20260705 */
.mypage .profile{position:relative;gap:16px}
.mypage .setting_btn{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.mypage .setting_btn:hover{background:rgba(255,255,255,.22)}
.mypage .item_top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.mypage .mini_btn{height:34px;padding:0 14px;border-radius:100px;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);font-weight:800;font-size:13px}
.mypage .mini_btn.gold{color:#05001c;background:#fff}
@media(max-width:560px){.mypage .setting_btn{position:absolute;right:0;top:-4px}.mypage .profile .info h4{padding-right:42px}}


/* NOVAS PROFILE MODAL 20260705 */
#profile_pop .profile_modal{
  max-width:460px;
  width:calc(100% - 32px);
  border-radius:24px;
  background:rgba(237,239,248,.94);
  color:#101226;
  box-shadow:0 30px 90px rgba(0,0,0,.45);
  overflow:hidden;
}
#profile_pop .scroll{
  padding:28px 24px 24px;
}
#profile_pop h3{
  margin:0 0 12px;
  font-size:30px;
  line-height:1.05;
  color:#0137ff;
}
#profile_pop .txt{
  margin-bottom:20px;
  font-size:14px;
  line-height:1.55;
  color:#33384d;
}
#profile_pop .profile_form{
  gap:16px;
}
#profile_pop .field{
  gap:8px;
}
#profile_pop label{
  font-size:14px;
  font-weight:900;
  color:#171a2e;
}
#profile_pop input{
  width:100%;
  height:52px;
  border:0;
  border-radius:14px;
  background:#fff;
  padding:0 16px;
  font-size:15px;
  color:#111;
  outline:none;
}
#profile_pop input[readonly]{
  background:#c6c6ce;
  color:#262635;
  font-weight:800;
  text-align:center;
}
#profile_pop .input_row{
  display:flex;
  gap:8px;
}
#profile_pop .check_btn{
  min-width:88px;
  border-radius:14px;
  background:#fff;
  color:#c09226;
  font-weight:900;
}
#profile_pop .hint{
  margin:0;
  font-size:12px;
  line-height:1.4;
  color:#65687a;
}
#profile_pop .btn_area{
  margin-top:22px;
}
#profile_pop .btn_area button{
  height:52px;
  border-radius:15px;
  font-size:16px;
  font-weight:900;
}
#profile_pop .btn_white{
  flex:.55;
  background:rgba(0,0,0,.08);
  color:#111;
}
#profile_pop .g_btn{
  flex:1;
  color:#fff;
}
@media(max-width:560px){
  #profile_pop .scroll{padding:26px 20px 22px}
  #profile_pop h3{font-size:27px}
  #profile_pop .input_row{flex-direction:column}
  #profile_pop .check_btn{height:48px}
}


/* NOVAS MYP FONT TUNE 20260705 */
.mypage .item_top strong{font-size:19px;font-weight:700;line-height:1.3}
.mypage .item_top .mini_btn.gold{font-size:19px;font-weight:800;height:auto;min-height:34px;padding:4px 15px;line-height:1.25}
.mypage .bonus_line strong{font-size:15px!important;font-weight:400!important;color:rgba(255,255,255,.74)!important;line-height:1.4}
.mypage .bonus_line span{font-size:15px;font-weight:400;line-height:1.4}


/* NOVAS MYP GEAR ICON 20260705 */
.mypage .mini_btn.gold{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.mypage .mini_gear{display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1;transform:translateY(-1px)}


/* NOVAS MYP GEAR ALIGN FIX 20260705 */
.mypage .mini_btn.gold{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:6px 16px!important;
  line-height:1!important;
}
.mypage .mini_btn.gold .mini_gear{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:20px!important;
  height:20px!important;
  font-size:19px!important;
  line-height:20px!important;
  transform:none!important;
  margin-top:0!important;
  flex:0 0 20px!important;
}


/* NOVAS PROFILE NICK CHECK ROW FIX 20260705 */
#profile_pop .field .input_row{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
}
#profile_pop .field .input_row input{
  flex:1 1 auto!important;
  min-width:0!important;
}
#profile_pop .field .input_row .check_btn{
  flex:0 0 92px!important;
  width:92px!important;
  min-width:92px!important;
  height:52px!important;
  white-space:nowrap!important;
  padding:0!important;
  text-align:center!important;
}
@media(max-width:420px){
  #profile_pop .field .input_row .check_btn{
    flex-basis:84px!important;
    width:84px!important;
    min-width:84px!important;
    font-size:13px!important;
  }
}


/* NOVAS PROFILE EMAIL LEFT FIX 20260705 */
#profile_pop #profile_email{
  text-align:left!important;
  padding-left:16px!important;
  padding-right:16px!important;
}
#profile_pop input[readonly]#profile_email{
  text-align:left!important;
}


/* NOVAS PROFILE NICK BUTTON INSIDE FIX 20260705 */
#profile_pop .field .input_row{
  position:relative!important;
  display:block!important;
  width:100%!important;
  gap:0!important;
}
#profile_pop .field .input_row input#profile_nick{
  width:100%!important;
  padding-right:112px!important;
}
#profile_pop .field .input_row .check_btn{
  position:absolute!important;
  right:7px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:94px!important;
  min-width:94px!important;
  height:38px!important;
  border-radius:11px!important;
  padding:0!important;
  background:linear-gradient(90deg,#fff,#eef1ff)!important;
  color:#0137ff!important;
  font-size:13px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  box-shadow:0 4px 12px rgba(1,55,255,.12)!important;
}
@media(max-width:420px){
  #profile_pop .field .input_row input#profile_nick{
    padding-right:98px!important;
  }
  #profile_pop .field .input_row .check_btn{
    right:6px!important;
    width:84px!important;
    min-width:84px!important;
    height:36px!important;
    font-size:12px!important;
  }
}


/* NOVAS MYP INNER ALIGN FIX 20260705 */
.mypage *{box-sizing:border-box}
.mypage .wallet_addr,
.mypage .account_box .line_box,
.mypage .security_box .line_box{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.mypage .account_box .line_box{
  padding:24px 22px!important;
}
.mypage .account_box .line_box>.flex_col{
  width:100%!important;
  max-width:100%!important;
  padding:18px 0!important;
  border-bottom:1px solid rgba(255,255,255,.22)!important;
}
.mypage .account_box .line_box>.flex_col:last-child{
  border-bottom:0!important;
  padding-bottom:0!important;
}
.mypage .wallet_addr,
.mypage .bonus_line{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
.mypage .bonus_line{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:13px 14px!important;
}
.mypage .bonus_line span{
  flex:0 0 auto!important;
  max-width:44%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.mypage .bonus_line strong{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:56%!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.mypage .wallet_addr strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:560px){
  .mypage .account_box .line_box{padding:20px 16px!important}
  .mypage .bonus_line{padding:12px 12px!important;gap:8px!important}
  .mypage .bonus_line span{max-width:42%!important;font-size:12px!important}
  .mypage .bonus_line strong{max-width:58%!important;font-size:12px!important}
}


/* NOVAS WITHDRAW PIN UI 20260705 */
.mypage .pin_panel{
  margin-top:18px;
  padding:20px;
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  border:1px solid rgba(244,215,130,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 36px rgba(0,0,0,.18);
  gap:16px;
  width:100%;
  max-width:100%;
}
.mypage .pin_state{
  padding:14px 15px;
  border-radius:18px;
  background:rgba(0,0,0,.20);
  border:1px solid rgba(255,255,255,.08);
}
.mypage .pin_state strong{
  display:block;
  color:#fff;
  font-size:15px;
  font-weight:800;
  letter-spacing:-.03em;
}
.mypage .pin_state p{
  margin-top:4px;
  color:rgba(255,255,255,.58);
  font-size:12px;
}
.mypage .pin_state span{
  min-width:82px;
  height:34px;
  padding:0 12px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#f5d98d;
  background:rgba(244,215,130,.10);
  border:1px solid rgba(244,215,130,.24);
  font-size:13px;
  font-weight:800;
  letter-spacing:.02em;
}
.mypage .pin_field{
  gap:8px;
}
.mypage .pin_field label{
  color:rgba(255,255,255,.74);
  font-size:13px;
  font-weight:700;
  letter-spacing:-.02em;
}
.mypage .pin_inputs{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:9px;
  width:100%;
}
.mypage .pin_inputs input{
  width:100%;
  height:52px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(4,7,13,.72);
  color:#fff;
  text-align:center;
  font-size:24px;
  font-weight:900;
  outline:none;
  caret-color:#f5d98d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.mypage .pin_inputs input:focus{
  border-color:rgba(245,217,141,.78);
  background:rgba(9,12,20,.92);
  box-shadow:0 0 0 4px rgba(245,217,141,.10), inset 0 1px 0 rgba(255,255,255,.08);
}
.mypage .pin_save_btn{
  width:100%;
  height:50px;
  margin-top:2px;
  border-radius:16px;
  font-size:14px;
  font-weight:900;
}
.mypage .badge_status{
  margin-top:14px;
}
@media(max-width:560px){
  .mypage .pin_panel{padding:16px;border-radius:19px;gap:14px}
  .mypage .pin_inputs{gap:6px}
  .mypage .pin_inputs input{height:46px;border-radius:13px;font-size:21px}
  .mypage .pin_state{padding:13px}
}


/* NOVAS PIN EYE BIG DOT FIX 20260705 */
.mypage .pin_input_wrap{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 50px!important;
  gap:9px!important;
  align-items:center!important;
  width:100%!important;
}
.mypage .pin_inputs input{
  font-size:34px!important;
  line-height:1!important;
  font-weight:900!important;
  padding:0 0 2px!important;
  font-family:Arial, Helvetica, sans-serif!important;
}
.mypage .pin_eye_btn{
  width:50px!important;
  height:52px!important;
  border-radius:15px!important;
  border:1px solid rgba(244,215,130,.25)!important;
  background:rgba(244,215,130,.10)!important;
  color:#f5d98d!important;
  font-size:21px!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.mypage .pin_eye_btn.is-on{
  background:linear-gradient(135deg,rgba(244,215,130,.28),rgba(244,215,130,.10))!important;
  border-color:rgba(244,215,130,.55)!important;
}

/* NOVAS PIN TOGGLE OFF FINAL FIX 20260705 */
.mypage .pin_off_panel{
  display:none;
  margin-top:18px;
  padding:20px;
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,96,96,.10),rgba(255,255,255,.025));
  border:1px solid rgba(255,130,130,.22);
}
.mypage .pin_off_panel strong{
  display:block;
  color:#fff;
  font-size:15px;
  font-weight:900;
}
.mypage .pin_off_panel p{
  margin-top:7px;
  color:rgba(255,255,255,.58);
  font-size:12px;
  line-height:1.5;
}
.mypage .security_box.is-pin-off .pin_panel{
  display:none!important;
}
.mypage .security_box.is-pin-off .pin_off_panel{
  display:block!important;
}
.mypage .security_box.is-pin-off #myp_security_badge{
  color:#ff9f9f!important;
}
.mypage .pin_inputs input{
  font-size:38px!important;
  line-height:1!important;
  font-weight:900!important;
  font-family:Arial, Helvetica, sans-serif!important;
}

/* NOVAS PIN STATE TEXT FINAL 20260705 */
.mypage #myp_pin_state{
  color:#f5d98d!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
}

/* NOVAS PIN MASK COMPLETE POSITION 20260705 */
.mypage #myp_pin_mask{
  min-width:142px!important;
  white-space:nowrap!important;
  letter-spacing:.02em!important;
}
.mypage #myp_pin_state:empty{
  display:none!important;
}

/* NOVAS PIN GUIDE GAP FIX 20260705 */
.mypage .pin_state strong{
  margin-bottom:10px!important;
}
.mypage #myp_pin_guide{
  margin-top:8px!important;
  line-height:1.55!important;
}

/* NOVAS CURRENT PIN BADGE TOP 20260705 */
.mypage .pin_title_row{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.mypage .pin_title_row strong{
  color:#fff!important;
}
.mypage .pin_current_badge{
  min-height:30px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#f5d98d!important;
  background:rgba(245,217,141,.11)!important;
  border:1px solid rgba(245,217,141,.28)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
}
.mypage #myp_pin_mask{
  display:none!important;
}
@media(max-width:560px){
    .mypage .pin_input_wrap{grid-template-columns:minmax(0,1fr) 45px!important;gap:7px!important}
    .mypage .pin_eye_btn{width:45px!important;height:45px!important;border-radius:13px!important}
    .mypage .pin_inputs input {font-size: 5vw !important; height: 45px !important; padding: 5px 0 !important; line-height: normal !important; border-radius: 10px !important;}
    .mypage .pin_title_row{gap:8px!important}
    .mypage .pin_current_badge{font-size:11px!important;padding:0 10px!important;min-height:28px!important}
}
@media(max-width:380px){
    .mypage .pin_input_wrap{grid-template-columns:minmax(0,1fr) 35px!important;gap:7px!important}
    .mypage .pin_eye_btn{width:35px!important;height:30px!important;border-radius:13px!important}
    .mypage .pin_inputs input {height: 30px !important; padding: 5px 0 !important; line-height: normal !important; border-radius: 10px !important;}
}


/* ============================================================
   __nv_myp_fix_v1
   1) setting_btn ↔ level 뱃지 겹침
      .setting_btn 은 <=560px 에서 position:absolute(right:0) 로 흐름에서 빠지는데
      .level 은 <=480px 에서야 width:100% 로 아래 줄로 내려간다.
      → 481~560px 구간에서 둘이 겹침. .level 의 전환 시점을 560px 로 맞춘다.
   2) 앵커(#myp_pin_panel 등) 이동 시 고정 헤더에 가리는 문제
      PC 헤더 118px / 모바일 64px + gnb 45px = 109px (+ 여유)
   ============================================================ */
@media screen and (max-width: 560px) {
	.mypage .profit_box .profile .level {
		width: 100%;
		text-align: center;
	}
}

#container [id] {
	scroll-margin-top: 138px;
}
@media screen and (max-width: 1024px) {
	#container [id] {
		scroll-margin-top: 130px;
	}
}


/* ============================================================
   __nv_pinbadge_v1 : 출금 비밀번호 등록 상태 배지 정리
   - #myp_current_pin_badge 를 타이틀 줄 우측으로 (등록=초록 / 미등록=빨강)
   - 하단 .badge_status(#myp_security_badge "Enabled") 는 중복이므로 숨김
     (JS 는 그대로 두어 참조 오류 없음)
   ============================================================ */
.mypage .pin_title_row {
	justify-content: space-between !important;
}

/* 기본 = 미등록 */
.mypage .pin_current_badge {
	color: #ff8a8a !important;
	background: rgba(255, 138, 138, .10) !important;
	border: 1px solid rgba(255, 138, 138, .32) !important;
	letter-spacing: .04em !important;
}

/* 등록됨 */
.mypage .pin_current_badge.is-set {
	color: var(--green) !important;
	background: rgba(21, 255, 0, .10) !important;
	border: 1px solid rgba(21, 255, 0, .38) !important;
	letter-spacing: -.02em !important;
}

/* 하단 중복 배지 제거 */
.mypage .security_box .badge_status {
	display: none !important;
}


/* ============================================================
   __nv_secstate_v1 : Security 우측 상태 표시 (핀 등록 여부)
   등록 = 초록 / 미등록 = 빨강
   ============================================================ */
.mypage #securityStateText {
	color: #ff8a8a !important;   /* 기본 = 미등록 */
	font-weight: 900 !important;
}
.mypage #securityStateText.is-set {
	color: var(--green) !important;
}


/* ============================================================
   __nv_pinnote_v1 : 출금 비밀번호 안내문 (토글 밖, 가로 전체 폭)
   ============================================================ */
.mypage .security_box .pin_note {
	width: 100%;
	margin-top: 12px;
}
.mypage .security_box .pin_note p {
	font-size: 14px;
	line-height: 1.55;
	color: rgba(255, 255, 255, .62);
	word-break: keep-all;
}
.mypage .security_box .pin_note p.warn {
	margin-top: 10px;
	padding: 12px 14px;
	border-radius: 12px;
	background: rgba(255, 182, 76, .09);
	border: 1px solid rgba(255, 182, 76, .30);
	color: #ffb64c;
	font-weight: 700;
}
@media screen and (max-width: 560px) {
	.mypage .security_box .pin_note p {
		font-size: 13px;
	}
	.mypage .security_box .pin_note p.warn {
		padding: 11px 12px;
	}
}


/* ============================================================
   __nv_pinchange_v1 : 출금 비밀번호 변경 UI
   - 등록됨 : 패널 접힘. 토글을 켜면 '변경 모드' → 현재 비밀번호 입력란 노출
   - 분실 시 자가 복구 불가 → 고객문의 링크 상시 노출
   ============================================================ */
.mypage #myp_pin_current_wrap {
	padding: 14px 14px 12px;
	border-radius: 14px;
	background: rgba(255, 182, 76, .06);
	border: 1px solid rgba(255, 182, 76, .26);
}
.mypage #myp_pin_current_wrap > label {
	color: #ffb64c !important;
	font-weight: 800 !important;
}
.mypage .pin_forgot {
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.5;
	color: rgba(255, 255, 255, .55);
	word-break: keep-all;
}
.mypage .pin_forgot a {
	color: var(--green);
	font-weight: 800;
	text-decoration: underline;
	text-underline-offset: 2px;
}


/* ============================================================
   __nv_pinleft_v1 : 현재 비밀번호 오류 / 남은 시도 횟수 표시
   알럿은 닫으면 사라지므로 입력란 아래에 그대로 남긴다.
   ============================================================ */
.mypage .pin_cur_msg {
	margin-top: 8px;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.5;
	min-height: 0;
	word-break: keep-all;
}
.mypage .pin_cur_msg.bad {
	color: #ff8a8a;
}
