/* Ampersand bridge: user-new page chrome + modal restyle on Ampersand shell */

:root {
  --amp-bg: #181818;
  --amp-panel: #202020;
  --amp-panel2: #242424;
  --amp-panel3: #2c2c2c;
  --amp-gold: #ffcf00;
  --amp-gold2: #ffc000;
  --amp-text: #f9f9f9;
  --amp-muted: #bababa;
}

body {
  background: var(--amp-bg);
  color: var(--amp-text);
}

/* Home top banners: full width, no gap, align with wide banner */
.main_center_center_box .amp-home-banners-top {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 0 !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  box-sizing: border-box;
}
.main_center_center_box .amp-home-banners-top .visuall_wrap,
.main_center_center_box .amp-home-banners-top .visuall_wrap_pin {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  overflow: hidden;
  line-height: 0;
  box-sizing: border-box;
}
.main_center_center_box .amp-home-banners-top img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  vertical-align: top;
}
.main_center_center_box .amp-home-banner-wide {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  box-sizing: border-box;
  line-height: 0;
}
.main_center_center_box .amp-home-banner-wide a {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
}
.main_center_center_box .amp-home-banner-wide img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
}
@media screen and (max-width: 1024px) {
  .main_center_center_box .amp-home-banners-top {
    grid-template-columns: 1fr;
  }
}

/* Sports / minigame: hide right rail, widen main */
body.amp-hide-right .contents_right {
  display: none !important;
}
body.amp-hide-right .main_center_center {
  width: calc(100% - 300px) !important;
}
body.amp-hide-right .main_center_center_box {
  max-width: none;
}
@media screen and (max-width: 1480px) {
  body.amp-hide-right .main_center_center {
    width: calc(100% - 200px) !important;
  }
}
@media screen and (max-width: 1024px) {
  body.amp-hide-right .main_center_center {
    width: 100% !important;
  }
}

/* Ampersand scrollbars (override Windows default / common.css hide) */
html,
body {
  scrollbar-width: thin;
  scrollbar-color: #ead1a8 transparent;
  -ms-overflow-style: auto;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: block;
  width: 4px;
  height: 4px;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background-color: #ead1a8;
  border-radius: 12px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: transparent;
}
.main_center_center,
.contents_left,
.contents_right,
.contents_center_info,
.contents_center_info_full,
.aside_wrap,
.game_contents_full,
.markets-board-scroll,
.minigame-sports-main .markets-board-scroll,
.list_box,
.join_box,
#join .join_box {
  scrollbar-width: thin;
  scrollbar-color: #ead1a8 transparent;
}
.main_center_center::-webkit-scrollbar,
.contents_left::-webkit-scrollbar,
.contents_right::-webkit-scrollbar,
.contents_center_info::-webkit-scrollbar,
.contents_center_info_full::-webkit-scrollbar,
.aside_wrap::-webkit-scrollbar,
.game_contents_full::-webkit-scrollbar,
.markets-board-scroll::-webkit-scrollbar,
.minigame-sports-main .markets-board-scroll::-webkit-scrollbar,
.list_box::-webkit-scrollbar,
.join_box::-webkit-scrollbar,
#join .join_box::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.main_center_center::-webkit-scrollbar-thumb,
.contents_left::-webkit-scrollbar-thumb,
.contents_right::-webkit-scrollbar-thumb,
.contents_center_info::-webkit-scrollbar-thumb,
.contents_center_info_full::-webkit-scrollbar-thumb,
.aside_wrap::-webkit-scrollbar-thumb,
.game_contents_full::-webkit-scrollbar-thumb,
.markets-board-scroll::-webkit-scrollbar-thumb,
.minigame-sports-main .markets-board-scroll::-webkit-scrollbar-thumb,
.list_box::-webkit-scrollbar-thumb,
.join_box::-webkit-scrollbar-thumb,
#join .join_box::-webkit-scrollbar-thumb {
  background-color: #ead1a8;
  border-radius: 12px;
}
.main_center_center::-webkit-scrollbar-track,
.contents_left::-webkit-scrollbar-track,
.contents_right::-webkit-scrollbar-track,
.contents_center_info::-webkit-scrollbar-track,
.contents_center_info_full::-webkit-scrollbar-track,
.aside_wrap::-webkit-scrollbar-track,
.game_contents_full::-webkit-scrollbar-track,
.markets-board-scroll::-webkit-scrollbar-track,
.minigame-sports-main .markets-board-scroll::-webkit-scrollbar-track,
.list_box::-webkit-scrollbar-track,
.join_box::-webkit-scrollbar-track,
#join .join_box::-webkit-scrollbar-track {
  background: transparent;
}

/* Header / footer logos — keep within bar height */
.header_top .logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin: 0 30px 0 0;
}
.header_top .logo a,
.mobile_menu .m_logo a {
  display: flex;
  align-items: center;
  line-height: 0;
}
.header_top .logo img {
  display: block;
  width: auto;
  height: 42px;
  max-height: 42px;
  max-width: 160px;
  object-fit: contain;
}
.mobile_menu .m_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.mobile_menu .m_logo img {
  display: block;
  width: auto;
  height: 28px;
  max-height: 28px;
  max-width: 120px;
  object-fit: contain;
}
.f_logo {
  width: auto;
  margin: 24px auto 0;
  text-align: center;
  line-height: 0;
}
.f_logo img {
  display: inline-block;
  width: auto;
  height: 48px;
  max-height: 48px;
  max-width: 180px;
  object-fit: contain;
}
@media screen and (max-width: 1024px) {
  .header_top .logo img {
    height: 30px;
    max-height: 30px;
    max-width: 120px;
  }
  .f_logo img {
    height: 36px;
    max-height: 36px;
    max-width: 140px;
  }
}

/* Right panel customer / domain images */
.contents_right .right_customer,
.contents_right .right_domain {
  box-sizing: border-box;
  text-align: center;
}
.contents_right .right_customer > a,
.contents_right .right_domain > a {
  display: block;
  width: 100%;
  text-decoration: none;
  color: inherit;
}
.contents_right .rc_img,
.contents_right .rd_title {
  float: none;
  width: 100%;
  margin: 0;
  line-height: 0;
  text-align: center;
}
.contents_right .rc_img img,
.contents_right .rd_title img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.contents_right .rc_text {
  float: none;
  width: 100%;
  margin: 10px 0 0;
  font-family: EsaManru, sans-serif;
  font-weight: 300;
  font-size: 18px;
  color: #b7b7b7;
  letter-spacing: -1px;
  text-align: center;
}
.contents_right .rc_text span {
  display: inline;
  margin: 0;
  font-weight: 700;
  color: #fff;
}
.contents_right .rd_text1,
.contents_right .rd_text2,
.contents_right .rd_text3 {
  float: none;
}

.m_menu_fix {
  background: #111 !important;
  background-image: none !important;
}

/* Page wrappers used by user-new blades */
.content_box {
  float: left;
  width: 100%;
  padding: 10px 0 0;
}
.content_box_in {
  float: left;
  width: 100%;
  padding: 0;
}
.title_box {
  width: 100%;
  margin: 0 0 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0 0 10px;
}
.title_box .title {
  font-size: 1.4em;
  font-weight: 700;
  color: var(--amp-text);
}
.title_box .title span {
  display: inline-block;
  margin-left: 8px;
  font-size: 0.7em;
  color: var(--amp-gold);
  font-weight: 500;
}
.s_title1 {
  width: 100%;
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  background: var(--amp-panel);
  color: var(--amp-gold);
  border-top: 1px solid rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-weight: 600;
  margin: 0 0 0;
}

/* Amount / action buttons (legacy class names) */
[class*="btn1_"],
[class*="btn2_"],
[class*="btn3_"] {
  display: inline-block;
  text-align: center;
  border-radius: 0;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
.btn1_1,
.btn3_1 {
  background: var(--amp-gold);
  color: #000 !important;
  min-width: 80px;
  min-height: 40px;
  line-height: 40px;
  padding: 0 16px;
  font-weight: 700;
}
.btn1_1:hover,
.btn3_1:hover {
  background: #ffe000;
  color: #000 !important;
}
.btn1_2,
.btn2_1,
.btn2_2,
.btn3_2 {
  background: var(--amp-panel3);
  color: var(--amp-gold) !important;
  min-width: 80px;
  min-height: 40px;
  line-height: 40px;
  padding: 0 16px;
  font-weight: 600;
}
.btn1_2:hover,
.btn2_1:hover,
.btn2_2:hover,
.btn3_2:hover {
  background: #333;
  color: #ffe000 !important;
}
.btn3_1 {
  min-width: 180px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
}
.btn_wrap_center {
  width: 100%;
  text-align: center;
  margin: 20px 0;
}
.btn_wrap_center ul {
  display: inline-flex;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.write_basic_btn {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.write_basic .sel,
ul.sel {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}
.write_basic_btn a,
.write_basic .sel a,
ul.sel a {
  box-sizing: border-box;
}
.write_basic .input1,
.write_basic input[type="text"],
.write_basic input[type="password"],
.write_basic input[type="number"],
.write_basic select,
.write_basic textarea {
  background: var(--amp-panel3);
  border: 1px solid #111;
  color: var(--amp-text);
  height: 40px;
  padding: 0 10px;
  width: 100%;
  max-width: 360px;
}
.write_basic {
  background: var(--amp-panel2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
  color: var(--amp-text);
}
.write_title {
  color: var(--amp-muted);
}
.font05 {
  color: var(--amp-gold);
  font-weight: 700;
}

/* History / board lists — page scroll only (no nested history scroll) */
.list_box {
  width: 100%;
  overflow-x: auto;
  overflow-y: visible !important;
  max-height: none !important;
  height: auto !important;
}
.main_center_center_box .con_box00,
.main_center_center_box .con_box01,
.main_center_center_box .content_box_in {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}
.list_tr3 {
  display: flex;
  width: 100%;
  min-width: 640px;
}
.list_tr3 > * {
  width: calc(100% / 6);
  transition: background 0.2s;
}
.list_title3 {
  background: var(--amp-panel);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: var(--amp-muted);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 44px;
  height: 45px;
  font-size: 13px;
  font-weight: 500;
}
.list3 {
  background: var(--amp-panel2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #c1c1c1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 5px;
  font-size: 13px;
  min-height: 45px;
  box-sizing: border-box;
}
.list_tr3:hover .list3 {
  background: var(--amp-panel3);
  box-shadow: inset 2px 0 var(--amp-gold);
}

/* Casino/slot lobby inside center column */
.main_center_center_box .game_contents_full {
  float: none;
  width: 100%;
  padding: 0;
  height: auto;
  overflow: visible;
}
.amp-game-page {
  width: 100%;
  box-sizing: border-box;
}
.container_game {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
}
.container_game .card,
.container_game .card.pika {
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  position: relative;
  overflow: hidden;
  background: var(--amp-panel2);
  box-sizing: border-box;
}
.container_game .card:before,
.container_game .card:after,
.container_game .card.pika:before,
.container_game .card.pika:after {
  content: none !important;
  display: none !important;
}
.container_game .card a,
.container_game .card.pika a {
  display: block;
  width: 100%;
  height: auto;
}
.container_game .card.pika img.game_icon,
.container_game .card img.game_icon,
.container_game .card img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  display: block;
  object-fit: contain;
  vertical-align: top;
}
.amp-game-page-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 15px;
  flex-wrap: wrap;
}
.amp-game-page-title {
  margin: 0;
  font-size: 1.4em;
  color: var(--amp-gold);
}
.amp-game-search {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--amp-panel3);
  padding: 0 12px;
  height: 40px;
  min-width: 220px;
  flex: 1 1 200px;
  max-width: 320px;
}
.amp-game-search input {
  background: transparent;
  border: 0;
  color: var(--amp-text);
  width: 100%;
  outline: none;
}
.amp-game-section {
  margin: 20px 0;
}
.amp-game-section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.amp-game-section-title {
  margin: 0;
  color: var(--amp-gold);
}
.amp-game-section-more {
  color: var(--amp-muted);
}
.amp-game-section-more:hover {
  color: var(--amp-gold);
}
.amp-game-row.container_game {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media screen and (max-width: 1200px) {
  .container_game,
  .amp-game-row.container_game {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (max-width: 768px) {
  .container_game,
  .amp-game-row.container_game {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
}

/* Login modal → Ampersand look */
#login.modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.75);
  align-items: center;
  justify-content: center;
}
#login.modal.is-open,
#login.modal[style*="block"],
#login.modal[style*="flex"] {
  display: flex !important;
}
#login .modal_content,
#login .pop_login_wrap {
  position: relative;
  width: 95%;
  max-width: 420px;
  margin: 40px auto;
  padding: 20px 16px;
  background: var(--amp-panel);
  box-shadow: 0 0 10px #000;
}
#login .modal-close,
#login .pop_login_close {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--amp-panel3);
  position: absolute;
  top: -30px;
  right: 20px;
  width: 50px;
  height: 50px;
  color: #fff;
  border: 0;
  cursor: pointer;
}
#login .sugar-login-head,
#login .pop_login_title {
  text-align: center;
  margin: 10px 0 20px;
}
#login .sugar-login-head img,
#login .pop_login_title img {
  max-width: 180px;
  height: auto;
}
#login .sugar-login-head h4 {
  display: none;
}
#login .lg_frm_arr {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#login #userid,
#login #passwd,
#login input[type="text"],
#login input[type="password"] {
  width: 100%;
  height: 40px;
  background: var(--amp-panel3);
  border: 0;
  padding: 0 10px;
  color: #fff;
}
#login #login-btn,
#login #join-btn,
#login #join-btn-anony,
#login .pop_login_btn1 {
  display: block;
  text-align: center;
  background: var(--amp-gold);
  height: 40px;
  line-height: 40px;
  color: #000 !important;
  font-weight: 700;
  border: 0;
  cursor: pointer;
  text-decoration: none;
}
#login #join-btn,
#login #join-btn-anony {
  background: var(--amp-panel3);
  color: var(--amp-gold) !important;
}

/* Join modal */
#join.popup_style02,
#join.popup_none {
  position: fixed;
  inset: 0;
  z-index: 100001;
  background: rgba(0, 0, 0, 0.75);
  display: none;
  align-items: flex-start;
  justify-content: center;
  overflow: auto;
  padding: 40px 0;
}
#join[style*="flex"],
#join[style*="block"],
#join.is-open {
  display: flex !important;
}
#join .join_wrap {
  width: 95%;
  max-width: 800px;
  margin: 50px auto 30px;
  position: relative;
  overflow: visible;
}
#join .loginbox {
  width: 100%;
  padding: 0;
  background: transparent;
  box-shadow: none;
  position: relative;
  overflow: visible;
  display: block;
  max-height: none;
}
#join .join_box {
  width: 100%;
  padding: 24px 20px 20px;
  background: var(--amp-panel);
  box-shadow: 0 0 10px #000;
  position: relative;
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
#join .join_box::-webkit-scrollbar {
  width: 3px;
}
#join .join_box::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 5px;
}
#join .join_wrap > a.close_btn_cu {
  position: absolute;
  top: -40px;
  right: 0;
  width: 50px;
  height: 40px;
  line-height: 40px;
  background: var(--amp-panel3);
  color: #fff !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 3px 3px 0 0;
  cursor: pointer;
  z-index: 20;
  text-decoration: none;
  font-size: 18px;
  overflow: visible;
  opacity: 1;
  visibility: visible;
}
#join .join_wrap > a.close_btn_cu:hover {
  color: var(--amp-gold) !important;
  background: #333;
}
#join .join_wrap > a.close_btn_cu i {
  pointer-events: none;
}

#join .login_title {
  float: none;
  width: 100%;
  text-align: center;
  color: var(--amp-gold);
  font-size: 1.3em;
  font-weight: 700;
  margin: 0 0 12px;
  padding: 0;
}
#join .login1 {
  float: left;
  width: 100%;
  margin: 10px 0 0;
}
#join .login1 ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
#join .login1 li {
  float: left;
  width: 50%;
  padding: 1%;
  box-sizing: border-box;
  list-style: none;
}
#join .join_title {
  float: left;
  width: 100%;
  color: #fff;
  margin: 0;
  padding: 0 0 5px;
  font-size: 12px;
}
#join .login_input,
#join select.login_input,
#join select.user_bankname {
  width: 100%;
  height: 40px;
  margin-bottom: 0;
  background: var(--amp-panel3);
  border: 0;
  padding: 0 10px;
  color: #fff;
  box-sizing: border-box;
}
#join .join_text {
  float: left;
  width: 100%;
  color: var(--amp-muted);
  font-size: 12px;
  padding: 5px 0 0;
  margin: 0;
}
#join .join_phone {
  float: left;
  width: 100%;
  display: flex;
}
#join .login_btn_box2 {
  float: left;
  width: 100%;
  margin: 16px 0 0;
  text-align: center;
  flex-shrink: 0;
}
#join .login_btn_box2 ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
#join .login_btn_box2 li {
  float: left;
  width: 50%;
  padding: 1%;
  box-sizing: border-box;
  list-style: none;
}
#join .login_btn_box2 a {
  display: block;
  position: static;
  width: 100%;
  height: auto;
  background: transparent;
  text-decoration: none;
}
#join .login_btn1,
#join .login_btn2 {
  display: block;
  width: 100%;
  min-width: 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 700;
  border-radius: 3px;
  box-sizing: border-box;
}
#join .login_btn1 {
  background: var(--amp-gold);
  color: #000 !important;
}
#join .login_btn1:hover {
  background: #ffe000;
}
#join .login_btn2 {
  background: var(--amp-panel3);
  color: var(--amp-gold) !important;
}
#join .login_btn2:hover {
  background: #333;
  color: #ffe000 !important;
}
@media screen and (max-width: 768px) {
  #join .join_wrap {
    max-width: 95%;
  }
  #join .login1 li,
  #join .login_btn_box2 li {
    width: 100%;
  }
}

/* Sugar leftovers — neutralize when still referenced */
.sugar-app,
.sugar-body,
.sugar-main,
.sugar-layout {
  all: unset;
  display: block;
}

/* FA regular: Free family (Ampersand dump mixed Free/Pro) */
.far,
.fa-regular {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 400;
}

/* Sports iframe page */
.amp-sports-frame {
  width: 100%;
  min-height: 80vh;
  border: 0;
  background: #000;
}

/* Tables in mypage/customer that use plain table markup */
.main_center_center_box table {
  width: 100%;
  border-collapse: collapse;
  background: var(--amp-panel2);
}
.main_center_center_box table th {
  background: var(--amp-panel);
  color: var(--amp-muted);
  padding: 12px 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.main_center_center_box table td {
  color: #c1c1c1;
  padding: 12px 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
}
/* 리스트/내역 테이블만 hover (작성폼·포인트전환 write 테이블 제외) */
.main_center_center_box table:not(.amp-no-row-hover) tbody tr:hover > td.list1,
.main_center_center_box table:not(.amp-no-row-hover) tbody tr:hover > td.list_notice1 {
  background: var(--amp-panel3);
}
.main_center_center_box .info_wrap table tr:hover td,
.main_center_center_box .info_wrap table tr:hover th,
.main_center_center_box table tr:hover td.write_title,
.main_center_center_box table tr:hover td.write_basic {
  background: inherit !important;
}

/* Board lists */
.amp-board-list {
  width: 100%;
}
.amp-board-empty {
  color: var(--amp-muted);
  padding: 30px 10px;
  text-align: center;
}
.amp-board-section {
  margin: 20px 0;
}
.list.column {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
}

/* Live transaction boards (legacy sugar class) */
.sugar-live-boards-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 20px 0;
}
.sugar-live-boards-row .borad_box {
  background: var(--amp-panel);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.sugar-live-boards-row .board_title {
  height: 45px;
  line-height: 45px;
  padding: 0 12px;
  color: var(--amp-gold);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 14px;
}
.sugar-live-boards-row .live_ticker_board,
.sugar-live-boards-row .live_ticker_viewport {
  height: 220px;
  overflow: hidden;
}
.sugar-live-boards-row .live_ticker_list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sugar-live-boards-row .live_ticker_list li {
  display: flex;
  justify-content: space-between;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #c1c1c1;
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .sugar-live-boards-row {
    grid-template-columns: 1fr;
  }
}

/* Ref code modal shares login modal look */
#ref_code_popup.modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 100002;
  background: rgba(0, 0, 0, 0.75);
  align-items: center;
  justify-content: center;
}
#ref_code_popup.modal.is-open,
#ref_code_popup.modal[style*="block"],
#ref_code_popup.modal[style*="flex"] {
  display: flex !important;
}
#ref_code_popup .modal_content {
  position: relative;
  width: 95%;
  max-width: 420px;
  margin: 40px auto;
  padding: 20px 16px;
  background: var(--amp-panel);
  box-shadow: 0 0 10px #000;
}

/* Attendance / roulette page wrappers */
.sugar-board-list-page .title_box,
.content_box .title_box {
  margin-bottom: 12px;
}

/* ===== Unified Ampersand board / mypage list styles ===== */
.list_title1 {
  background: var(--amp-panel) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
  color: var(--amp-muted) !important;
  font-weight: 500 !important;
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding: 0 8px !important;
}
.list1 {
  background: var(--amp-panel2) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
  color: #c1c1c1 !important;
  font-weight: 400;
  height: 45px;
  text-align: center;
  padding: 0 8px !important;
}
.list_notice1,
.list_notice2 {
  background: var(--amp-panel2) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
  color: #c1c1c1 !important;
  font-size: 13px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 8px !important;
}
.list_notice1.board_content,
td.list_notice1.board_content,
.amp-board-content,
.board_content {
  display: block !important;
  text-align: left !important;
  color: #e8e8e8 !important;
  background: var(--amp-panel2) !important;
  padding: 16px 14px !important;
  line-height: 1.6;
  overflow-x: auto;
  word-break: break-word;
  overflow-wrap: anywhere;
  max-width: 100%;
  box-sizing: border-box;
}
.board_content img,
.amp-board-content img,
.board_content video,
.amp-board-content video,
.board_content iframe,
.amp-board-content iframe,
.board_content embed,
.amp-board-content embed,
.board_content object,
.amp-board-content object {
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 8px auto;
}
.board_content table,
.amp-board-content table {
  max-width: 100% !important;
  width: 100% !important;
  table-layout: fixed;
  word-break: break-word;
}
.board_content * {
  max-width: 100%;
  box-sizing: border-box;
}
.list_notice1 a,
.list1 a,
.list2 a,
.list3 a {
  color: #f0f0f0;
  text-decoration: none;
}
.list_notice1 a:hover,
.list1 a:hover,
.list2 a:hover {
  color: var(--amp-gold);
}

/* Vendor slot game list (hivestar / honorlink / etc.) */
.content_box .list-container,
.content_box_in .list-container {
  padding-left: 0 !important;
  width: 100%;
  box-sizing: border-box;
}
.content_box .section-item-wrap,
.info_wrap .section-item-wrap {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
}
.content_box .section-item,
.info_wrap .section-item {
  padding: 0 !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background: var(--amp-panel2);
  overflow: hidden;
}
.content_box .section-item .img,
.info_wrap .section-item .img {
  width: 100%;
  line-height: 0;
}
.content_box .section-item .img a,
.info_wrap .section-item .img a {
  display: block;
}
.content_box .section-item .img img,
.info_wrap .section-item .img img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  aspect-ratio: 174 / 125;
  object-fit: cover;
  display: block;
}
.content_box .section-item .txt,
.info_wrap .section-item .txt {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 40px;
  padding: 8px 10px;
  box-sizing: border-box;
  background: var(--amp-panel);
  color: var(--amp-text) !important;
  white-space: normal !important;
  text-align: center;
}
.content_box .section-item .txt p,
.info_wrap .section-item .txt p {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0;
  color: var(--amp-gold) !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media screen and (max-width: 1100px) {
  .content_box .section-item-wrap,
  .info_wrap .section-item-wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (max-width: 768px) {
  .content_box .section-item-wrap,
  .info_wrap .section-item-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .content_box .section-item .txt,
  .info_wrap .section-item .txt {
    min-height: 36px;
    padding: 6px 6px;
  }
  .content_box .section-item .txt p,
  .info_wrap .section-item .txt p {
    font-size: 12px;
  }
}

.list_tr2 {
  width: 100%;
  font-size: 0;
  display: flex;
}
.list_tr2 > * {
  width: 130px;
  transition: background 0.2s;
}
.list_tr2 > *:nth-child(2) {
  max-width: 100%;
  width: calc(100% - 520px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list_title2 {
  background: var(--amp-panel) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
  color: var(--amp-muted) !important;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 44px;
  height: 45px;
}
.list2 {
  background: var(--amp-panel2) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
  color: #c1c1c1 !important;
  font-size: 13px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 5px;
  min-height: 45px;
  box-sizing: border-box;
  cursor: pointer;
}
.list_tr2:not(.trfirst):hover .list2 {
  background: var(--amp-panel3) !important;
}
.list_tr2:not(.trfirst) > *:nth-child(2) {
  justify-content: flex-start;
  padding-left: 16px;
  color: #f0f0f0 !important;
  font-weight: 500;
}

/* Form inputs (customer create / free-board create) */
.content_box .info_wrap table {
  width: 100%;
  border-collapse: collapse;
}
.content_box .info_wrap th {
  width: 140px;
  background: var(--amp-panel) !important;
  color: var(--amp-muted) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 12px 10px !important;
  font-weight: 500;
}
.content_box .info_wrap td {
  background: var(--amp-panel2) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px !important;
  text-align: left !important;
}
.content_box .info_wrap .input1,
.content_box .info_wrap select.input1,
.content_box .info_wrap select[name="category_id"],
.content_box .info_wrap input[name="title"],
.content_box .info_wrap textarea[name="content"],
.content_box .info_wrap textarea {
  background: #2c2c2c !important;
  border: 1px solid #111 !important;
  color: #fff !important;
  width: 100%;
  box-sizing: border-box;
}
.content_box .info_wrap .input1::placeholder,
.content_box .info_wrap textarea::placeholder {
  color: #888 !important;
}
.content_box .info_wrap select.input1 option,
.content_box .info_wrap select[name="category_id"] option {
  background: #2c2c2c;
  color: #fff;
}

/* Detail action buttons centered */
.amp-detail-actions,
.btn_wrap_center.amp-detail-actions,
.content_box .btn_wrap_center {
  display: block !important;
  text-align: center !important;
  margin: 20px 0;
  padding: 16px 8px;
  background: transparent;
}
.amp-detail-actions .list-btn,
.amp-detail-actions .delete-btn,
.amp-detail-actions a {
  display: inline-block;
  vertical-align: middle;
}
.amp-detail-actions form,
.amp-detail-actions ul {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.board-detail-page .list_notice1 .list-btn,
.board-detail-page td.list_notice1 {
  text-align: center !important;
  justify-content: center !important;
}
.btn_wrap_right {
  text-align: center !important;
}
.btn_wrap_right ul {
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Betting tabs */
.u-tab01 {
  display: flex;
  width: 100%;
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.u-tab01 li {
  flex: 1;
  text-align: center;
  background: var(--amp-panel2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.u-tab01 li:last-child {
  border-right: 0;
}
.u-tab01 li a {
  display: block;
  height: 45px;
  line-height: 45px;
  color: #bababa;
  text-decoration: none;
}
.u-tab01 li.active,
.u-tab01 li.active a {
  background: var(--amp-panel3);
  color: var(--amp-gold) !important;
}
.u-tab01 li:hover a {
  color: var(--amp-gold);
}
.betting-history-page .list_title1,
.betting-history-page .list1 {
  display: table-cell !important;
}

/* Point exchange write table: no hover flash */
.info_wrap table.amp-no-row-hover tr:hover td,
.info3 table tr:hover td,
.info3 table tr:hover .write_title,
.info3 table tr:hover .write_basic {
  background: inherit !important;
}
.write_title {
  background: var(--amp-panel) !important;
  color: var(--amp-muted) !important;
}
.write_basic {
  background: var(--amp-panel2) !important;
  color: #c1c1c1 !important;
}
.write_basic .input1 {
  background: #2c2c2c !important;
  border: 1px solid #111 !important;
  color: #fff !important;
}

/* Attendance Ampersand */
.calendar_title .button {
  min-width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  margin: 0 12px;
}
.calendar_title .button:hover {
  color: var(--amp-gold);
}
.amp-attendance-calendar {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
  background: rgba(0, 0, 0, 0.2);
}
.attendance-hint-line {
  margin-top: 8px;
  color: #888;
  font-size: 12px;
}

/* Create page bottom buttons */
.content_box .con_box10[style*="text-align:right"],
.content_box .con_box10[style*="text-align: right"] {
  text-align: center !important;
}
.content_box .con_box10[style*="text-align:right"] a,
.content_box .con_box10[style*="text-align: right"] a {
  margin: 0 4px;
}

@media screen and (max-width: 768px) {
  .list_tr2 > *:nth-child(1) {
    width: 50px;
  }
  .list_tr2 > *:nth-child(2) {
    width: calc(100% - 180px);
  }
  .list_tr2 > *:nth-child(3) {
    display: none;
  }
  .list_tr2 > * {
    width: 120px;
  }
  .board_content,
  .amp-board-content {
    padding: 12px 10px !important;
    font-size: 14px;
  }
  .btn3_1 {
    min-width: 140px;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
  }

  /* 금액 버튼: 3열 → 약 3줄 (충전/환전/포인트전환 동일 폭) */
  .write_tr {
    flex-direction: column !important;
  }
  .write_tr .write_title,
  .write_tr .write_basic {
    width: 100% !important;
    border-right: 0 !important;
  }
  .write_tr .write_title {
    min-height: 40px;
    justify-content: flex-start;
    padding: 10px 12px !important;
  }
  .write_basic .input1,
  .write_basic input[type="text"],
  .write_basic input[type="number"] {
    max-width: none !important;
    width: 100% !important;
  }
  .write_basic_btn,
  .write_basic .sel,
  .write_basic ul.sel,
  ul.sel {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    margin-top: 8px;
  }
  .write_basic_btn a,
  .write_basic .sel a,
  .write_basic ul.sel a,
  ul.sel a,
  .write_basic_btn .btn1_1,
  .write_basic_btn .btn1_2,
  .write_basic .sel .btn1_1,
  .write_basic .sel .btn1_2,
  ul.sel .btn1_1,
  ul.sel .btn1_2 {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 4px !important;
    font-size: 13px;
    box-sizing: border-box;
  }
  .write_basic_btn a span,
  .write_basic .sel a span,
  ul.sel a span {
    display: block;
    width: 100%;
    text-align: center;
    white-space: nowrap;
  }
  .btn_wrap_center.amp-detail-actions,
  .amp-detail-actions {
    text-align: center !important;
  }
  .btn_wrap_center .btn3_1,
  .amp-detail-actions .btn3_1 {
    display: inline-block;
    margin: 0 auto;
  }

  /* 공지/이벤트: 모바일에서 글쓴이 숨기고 나머지 열로 폭 채움 */
  .amp-board-table {
    width: 100% !important;
    table-layout: fixed !important;
  }
  .amp-board-table .amp-col-author,
  col.amp-col-author {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  .amp-board-table--notice col.amp-col-no { width: 12% !important; }
  .amp-board-table--notice col.amp-col-cat { width: 18% !important; }
  .amp-board-table--notice col.amp-col-title { width: 42% !important; }
  .amp-board-table--notice col.amp-col-date { width: 28% !important; }
  .amp-board-table--event col.amp-col-no { width: 14% !important; }
  .amp-board-table--event col.amp-col-title { width: 56% !important; }
  .amp-board-table--event col.amp-col-date { width: 30% !important; }
  .amp-board-table .list_title1,
  .amp-board-table .list_notice1,
  .amp-board-table .list1 {
    box-sizing: border-box;
  }

  /* 충전/환전 내역: 번호·추가포인트 숨기고 가로스크롤 제거 */
  .list_box {
    overflow-x: hidden !important;
  }
  .list_tr3 {
    min-width: 0 !important;
    width: 100% !important;
  }
  .list_tr3 > .amp-col-hide-mobile,
  .list_tr3 > *:nth-child(1),
  .list_tr3 > *:nth-child(2) {
    display: none !important;
  }
  .list_tr3 > *:nth-child(n+3) {
    width: 25% !important;
    flex: 1 1 0;
    min-width: 0;
    font-size: 12px;
    padding: 8px 2px;
    box-sizing: border-box;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
    line-height: 1.3;
  }
  .list_title3 {
    height: auto;
    min-height: 40px;
    line-height: 1.3;
    padding: 8px 2px;
    font-size: 12px;
  }
}

/* ===== Center image popups (line_up) ===== */
.center_popup_area_box {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10050;
  width: 100%;
  height: 100%;
  text-align: center;
  pointer-events: none;
  padding: 24px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.72);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.center_popup_area_box.is-open,
.center_popup_area_box[style*="flex"],
.center_popup_area_box[style*="block"] {
  display: flex !important;
  /* overflow 시 상단이 잘리지 않도록 start + margin auto 로 중앙 정렬 */
  align-items: flex-start;
  justify-content: center;
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.center_popup_area_box .shadow {
  display: none;
}
.center_popup_area_box .line_up {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  justify-content: center;
  gap: 12px;
  width: 100%;
  max-width: min(1480px, calc(100vw - 48px));
  margin: auto; /* 1행일 때 세로 중앙, 2행+일 때 위에서부터 스크롤 */
  box-sizing: border-box;
  pointer-events: auto;
  overflow: visible;
  float: none;
}
.center_popup_area_box .center_popup_area {
  display: none;
  float: none;
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  background: var(--amp-panel, #1c1c1c);
  border: 1px solid rgba(255, 215, 0, 0.25);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  box-sizing: border-box;
}
.center_popup_area_box .center_popup_area.is-open {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: relative;
  z-index: 1;
}
.center_popup_area_box .center_popup_area .conts {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: auto;
  max-height: min(55vh, 480px);
  box-sizing: border-box;
  background: #000;
}
.center_popup_area_box .center_popup_area .conts img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: min(55vh, 480px);
  object-fit: contain;
}
.center_popup_area_box .center_popup_area .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  height: auto;
  min-height: 44px;
  line-height: 1.4;
  padding: 10px 12px;
  background: rgba(0, 0, 0, 0.45);
  text-shadow: none;
  box-sizing: border-box;
}
.center_popup_area_box .center_popup_area .bottom input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  vertical-align: middle;
}
.center_popup_area_box .center_popup_area .bottom .pop_only_close,
.center_popup_area_box .center_popup_area .bottom .pop_close,
.center_popup_area_box .center_popup_area .bottom a,
.center_popup_area_box .center_popup_area .bottom span {
  float: none;
  font-size: 14px;
  color: var(--amp-gold, #ffd700);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.center_popup_area_box .center_popup_area .bottom .pop_only_close {
  display: inline-flex;
  align-items: center;
}
.center_popup_area_box .center_popup_area .bottom .pop_close {
  margin-left: auto;
}
@media screen and (max-width: 1100px) {
  .center_popup_area_box .line_up {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (max-width: 768px) {
  .center_popup_area_box {
    padding: 12px;
  }
  .center_popup_area_box .line_up {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
  .center_popup_area_box .center_popup_area {
    max-width: min(448px, calc(100vw - 24px));
    margin-left: auto;
    margin-right: auto;
  }
  .center_popup_area_box .center_popup_area .conts,
  .center_popup_area_box .center_popup_area .conts img {
    max-height: min(60vh, 480px);
  }
  .center_popup_area_box .center_popup_area .bottom {
    flex-wrap: wrap;
  }
  .center_popup_area_box .center_popup_area .bottom .pop_only_close,
  .center_popup_area_box .center_popup_area .bottom .pop_close {
    font-size: 13px;
  }
}