.popup-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  overflow-y:auto;
  background:#000000ad;

  animation-name :layer-open;
  animation-duration : 0.2s;
}

@keyframes layer-open {
  0% {
    opacity:0;
  }

  1000% {
    opacity:1;
  }
}


.popup-layer::-webkit-scrollbar {
  width: 0.912rem;
}

.popup-layer::-webkit-scrollbar-thumb {
  width: 0.912rem;
  height: auto;
  background: #ff424c ;
}

.popup-layer::-webkit-scrollbar-track {
  background: #e5e5e5;
}

.popup-layer>div:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: rgba(0, 0, 0, 0.5);*/
  z-index: 110;
}

.popup-box {
  position: absolute;
  top: 5vh;
  left: 50%;
  width: 1124px;
  z-index: 120;
  transform: translate(-50%, 0);
  overflow: hidden;

  
	background:linear-gradient(to right, #fc7555 50%, #ff5d58);
  clip-path: polygon(20px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px), 0 16px);
}

.popup-title {
  display: flex;
  align-items: center;
  justify-content: space-between;

  position: relative;
  padding: 0 3rem;
  width: calc(100% - 6rem);
  padding-top: 2px;
  line-height:5.25rem;
  color: #fff;
  font-size: 1.375rem;
  font-family: 'Pretendard';
  font-weight: normal;
}


.popup-title .popup-logo {
  width: 170px;
  height: 26px;
  font-size:0;
  background:url('../images/renewal/logo.webp') 50% 50% no-repeat;
  background-size:contain;
  margin-left:auto;
  filter: brightness(5);
  opacity: 0.5;
}

.popup-title > span {
  font-size:2rem;
  color:#fff;
  font-family: 'Pretendard';
  font-weight:600;
}

.popup-title > span > span {
  padding-left:0.25rem;
  color:#feb2b6;
  font-size:1rem;
  font-weight:400;
}

.pop-btn-close {
  width: 2rem;
  height: 2rem;
  background: url('../images/renewal/popup/pop-icon-close.webp') 50% 50% no-repeat;
  border: none;
  margin-left:1rem;
}

.pop-contents {
  padding:0 10px 10px;
}

.pop-section-title {
  display:block;
  width:100%;
  line-height:4.25rem;
  color:#fff;
  font-family: 'Pretendard';
  font-weight:600;
  font-size:1.375rem;
  text-align:center;
  background: linear-gradient(135deg, transparent 16px, #ff7558 0);
}

.pop-board-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height:3.25rem;
  color: #555;
  font-size: 1rem;
  font-family: 'Pretendard';
  text-align: center;
  background: #efefef;
  border: 1px solid #dadada;
}

.pop-board-base li+li {
  border-top: 1px solid #f3f3f4;
}

.pop-board-base li:last-child {
  border-bottom: 1px solid #f3f3f4;
}

.popup-box .list-pageing>ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.pop-btns-base {
  padding:2rem 0 4rem;
  text-align: center;
  background:#fff;
  clip-path:polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 0);
  margin-top:-1px;
}

.pop-btns-base button {
  display: inline-block;
  padding-bottom:15px;
  width: 170px;
  height: 60px;
  color: #fff;
  font-size: 1.125rem;
  font-family: 'Pretendard';
  font-weight:600;
  background: url('../images/renewal/popup/btn-pop-base.webp') 50% 50% no-repeat;
  background-size:contain;
  border: none;
}

.pop-board-base li.list-none {
  line-height: 58px;
  height: 58px;
  color: #aaaaaa;
  text-align: center;
  font-family: 'Pretendard';
}

.pop-list-del {
  color: #b08e63;
  font-size: 1rem;
  font-family: 'Pretendard';
  padding-bottom: 1px solid #b08e63;
  background: none;
  border: none;
}

/* notice */
.pop-notice-list .pop-board-title span:first-child {
  width: 80%;
}

.pop-notice-list .pop-board-title span:nth-child(2) {
  width: 20%;
}

.pop-board-notice li>p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 58px;
  font-size: 1.125rem;
  font-family: 'Pretendard';
}

.pop-board-notice li.current p,
.pop-board-notice li:hover p {
  background: #f7f7f7;
  cursor: pointer;
}

.pop-board-notice li>p>span:first-child {
  padding-left: 5%;
  width: 75%;
  color: #555;
}

.pop-board-notice span:nth-child(2) {
  width: 20%;
  text-align: center;
  color: #a6a6a6;
}

.pop-board-notice li>div {
  display: none;
  padding: 50px 5%;
  width: 90%;
  color: #8e8e8e;
  font-family: 'Pretendard';
  border-top: 1px solid #f3f3f4;
}

.pop-board-notice li>div {
  display: block;
}

/* mypage */
.pop-tabs-mypage {
  padding: 0 10px;
  background:linear-gradient(to right, #fc7555 50%, #ff5d58);
}

.pop-tabs-mypage > ul {
  background:#fff;
}

.pop-tabs-m {
	display:none;
}

.pop-tabs-mypage>ul {
  display: flex;
  align-items: center;

  padding:0 40px;
  border-bottom:1px solid #eaeaea;
}

.pop-tabs-mypage li {
  flex-grow:1;
}

.pop-tabs-mypage li+li {
  border-left:1px solid #eaeaea;
}

.pop-tabs-mypage li:first-child {
  border-left:1px solid #eaeaea;
}

.pop-tabs-mypage li:last-child {
  border-right:1px solid #eaeaea;
}

.pop-tabs-mypage button {
  width: 100%;
  height:3.375rem;
  color: #b7b7b7;
  font-size: 1rem;
  font-family: 'Pretendard';
	font-weight:600;
  background: transparent;
  border: none;
  border: 5px solid #fff;
  border-left:none;
  border-right:none;
}

.pop-tabs-mypage button:hover,
.pop-tabs-mypage button.current {
  color: #363636;
  font-weight:800;
  border-bottom-color:#fd5e5a;
}

.pop-mypage {
  background: #fff;
}

/* game money list */
.popup-money {
  max-width: 1030px;
  min-height: auto;
}

.popup-money .pop-contents {
  padding: 0.75rem 1.25rem 1.25rem;
}

.popup-money .pop-money-list {
  display: flex;
  justify-content: space-between;
}

.popup-money .mypage-money-area {
  width: 100%;
  max-width: 620px;
}

.popup-money .pop-momey-move {
  width: 100%;
  max-width: 440px;
  margin-left: 1.25rem;
}

/* charge / excharge */

.pop-request-area {
  padding:2.25rem 2.75rem 0;
  background: #fff;
}

.pop-money-request .pop-money-notice {
  padding: 1.425rem 2.5rem 1.625rem;
  line-height:1.875rem;
  font-size:1rem;
  font-family: 'Pretendard';
  font-weight:800;
  background: #fff5f4;
  border: 1px solid #eaeaea;
  margin-bottom: 0.5rem;
}

.pop-money-request .pop-money-notice p {
  color: #ea0000;
  margin-top: 18px;
}

.pop-money-request .pop-money-notice p:first-child {
  margin-top: 0;
}

.pop-money-request .pop-money-notice >div p {
  font-weight:600;
  margin:0;
}

.pop-money-request .pop-money-notice li {
  padding-left:1.25rem;
  color: #373634;
  font-weight:600;
}

.pop-money-request .pop-money-notice li:nth-child(3) {
  margin-top:0.5rem;
}

.pop-my-money {
  flex: 1;
  display: inline-flex;
  justify-content: space-evenly;
  font-weight:500;
}

.pop-my-money > span > span:nth-child(2) {
  color:#ff434a;
  font-weight:800;
}

/* charge event txt */
.pop-money-request .pop-charge-event {
  padding:0.625rem 1rem 1rem;
  line-height:1.875rem;
  font-size:1rem;
  font-family: 'Pretendard';
  font-weight:500;
  background:linear-gradient(to right, #fc7555 50%, #ff5d58);
  margin-bottom: 0.5rem;
}

.pop-money-request .pop-charge-event p {
  line-height:3.25rem;
  text-align:center;
  font-weight: 600;
  font-size: 1.375rem;
  color: #fff;
  border-radius:10in;
  margin-bottom:0.425rem;
}

.pop-money-request .pop-charge-event ul {
  display:flex;
  flex-direction: column;
  justify-content: center;
  background:#fff;
  padding:1rem 1.625rem;
}

.pop-money-request .pop-charge-event li {
  display:flex;
  gap:1rem;
  padding-bottom:1rem;
  line-height:2.625rem;
  font-size:1.125rem;
  border-bottom:1px solid #ea0d44;
  margin-bottom:1rem;
}

.pop-money-request .pop-charge-event li:last-child {
  border-bottom:none;
  padding-bottom:0;
  margin-bottom:0;
}

.pop-money-request .pop-charge-event li span:first-child {
  width:176px;
  text-align:center;
  color:#fff;
  background:linear-gradient(to top, #fc7555 50%, #ff5d58);
  border-radius:10in;
}

/* charge table */
.pop-section-logo {
  display:block;
  width: 172px;
  height: 26px;
  font-size: 0;
  background: url('../images/renewal/logo.webp') 50% 50% no-repeat;
  background-size:contain;
  margin:0 auto 2.625rem;
}

.pop-charge-request {
  position:relative;
  display: block;
  padding:2rem 6.25rem 2.25rem;
  width:814px;
  font-size: 1rem;
  font-family: 'Pretendard';
  font-weight:300;
  border: 1px solid #eaeaea;
  border-bottom: none;
  margin:0 auto;
}

.pop-charge-request > div {
  width: calc(100% - 2px);
}

.pop-charge-request > div > div {
  display:flex;
  align-items: center;
  justify-content: space-between;

  gap:1rem;
}

.pop-charge-request > div > div + div {
  margin-top:1.75rem;
}

.pop-line-write {
  display:inline-flex;
  align-items: center;
  
  width:540px;
  border: 1px solid #ffedef;
  border-radius:10in;
  box-shadow: 0 0 10px #ffd5d0cc;
}

.pop-line-write > span:first-child,
.pop-line-radio > span:first-child {
  padding:0 1.25rem;
  width:6.875rem;
  line-height:2.875rem;
  font-weight:500;
  white-space:nowrap;
}

.pop-charge-request select {
  padding-left: 0.75rem;
  width: 100%;
  height:2.875rem;
  color: #363636;
  font-family: 'Pretendard';
  font-weight:400;
  font-size:0.875rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ffedef;
  border-radius:10in;
  box-shadow: 0 0 10px #ffd5d0cc;
}

.pop-charge-request > div input {
  padding:0 0.75rem;
  height: 3.125rem;
  color: #363636;
  font-size: 1rem;
  font-family: 'Pretendard';
  font-weight:600;
  background:none;
  border:none;
}

.pop-charge-request > div input::placeholder {
  color:#bbb;
  font-weight:400;
}

.pop-charge-request .pop-charge-money {
  flex-grow:1;
  display: inline-flex;
  align-items: center;
  
}

.pop-charge-request .bouns-sel-charge {
  display: inline-flex;
  align-items: center;
  width: 40%;
  margin-right: 1rem;
}

.pop-charge-request .bouns-sel-charge > label + span{
  color:#e7e7e7;
}

.pop-charge-request .pop-charge-money>input {
  flex-grow:1;
  max-width:calc(100% - 6rem);
  height:2.875rem;
  border-right: none;
}

.pop-charge-request .pop-charge-money>button {
  padding:0 1.25rem 0.125rem 0;
  height: 2.875rem;
  color: #ff434a;
  font-size: 1rem;
  font-family: 'Pretendard';
  font-weight:600;
  background:none;
  border: none;
  margin-left:auto;
}

.pop-charge-request .pop-line-radio {
  display:inline-flex;
  align-items: center;
  
  width:540px;
}

.pop-charge-request .pop-line-radio .bouns-sel-charge {
  padding-left:0.75rem;
  gap:1.125rem;
}

.pop-charge-request .pop-line-radio .btn-charge-guide {
  width:2.875rem;
  height:2.875rem;
  background: url('../images/renewal/popup/btn-charge-guide.webp') 50% 50% no-repeat;
  background-size:contain;
  filter:grayscale(1);
  opacity:0.4;
}

.pop-charge-request .pop-line-radio .btn-charge-guide.act {
  filter:grayscale(0);
  opacity:1;
}

.pop-charge-request .pop-line-radio > span:first-child {
  border: 1px solid #ffedef;
  border-radius:10in;
  box-shadow: 0 0 10px #ffd5d0cc;
}

.bouns-type-radio input[type="radio"]:checked,
.bouns-type-radio input[type="radio"]:not(:checked) {
  display: none;
}

.bouns-type-radio input[type="radio"]:checked+span,
.bouns-type-radio input[type="radio"]:not(:checked)+span {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #363636;
  font-size:1rem;
  font-family: 'Pretendard';
  font-weight:300;
}

.bouns-type-radio input[type="radio"]:checked+span:before,
.bouns-type-radio input[type="radio"]:not(:checked)+span:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #ffedef;
  border-radius: 100%;
  background: #fff;
  box-shadow: 0 0 10px #ffd5d0;
}

.bouns-type-radio input[type="radio"]:checked+span:before {
  border: 2px solid #ff424c;
  border-radius: 100%;
}

.bouns-type-radio input[type="radio"]:checked+span:after,
.bouns-type-radio input[type="radio"]:not(:checked)+span:after {
  content: '';
  width: 9px;
  height: 9px;
  background: #ff424c;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.bouns-type-radio input[type="radio"]:not(:checked)+span:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.bouns-type-radio input[type="radio"]:checked+span:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.pop-charge-request .bouns-sel-charge-rvg {
	display: flex;
  align-items: center;
  justify-content: space-between;

  gap:0 !important;
  padding:0 0.75rem
}

.pop-charge-request .bouns-sel-charge-rvg > button {
  width:2.625rem;
  height:2.625rem;
  text-align:center;
  color:#fff;
  font-weight:900;
  font-size:2rem;
  transition: 0.22s ease;
}

.pop-charge-request .bouns-sel-charge-rvg > button:first-child {
  background:url('../images/renewal/popup/icon-down.webp') 60% 50% no-repeat, linear-gradient(to bottom, #ff424c 50%, #FF8601);
  border-radius:10in 0 0 10in;
}

.pop-charge-request .bouns-sel-charge-rvg > button:last-child {
  background:url('../images/renewal/popup/icon-up.webp') 45% 50% no-repeat, linear-gradient(to bottom, #ff424c 50%, #FF8601);
  border-radius:0 10in 10in 0;
}

.pop-charge-request .bouns-sel-charge-rvg > button.done:first-child {
  background:url('../images/renewal/popup/icon-down.webp') 60% 50% no-repeat #ffdadc !important;
}

.pop-charge-request .bouns-sel-charge-rvg > button.done:last-child {
  background:url('../images/renewal/popup/icon-up.webp') 45% 50% no-repeat #ffdadc !important;
}

.pop-charge-request .bouns-sel-charge-rvg > ul {
  display: inline-flex;
  justify-content: center;
  align-items: center;

  width: 5.125rem;
  padding-top: 0.125rem;
  height: 2.375rem;
  border-top:1px solid #fff0f1;
  border-bottom:1px solid #fff0f1;
}

.pop-charge-request .pop-charge-memo {
  flex-direction: column;
  gap:0 !important;
  width:100%;
  border: 1px solid #ffedef;
  border-radius: 1.5rem;
  box-shadow: 0 0 10px #ffd5d0cc;
  overflow:hidden;
}

.pop-charge-request .pop-charge-memo > p {
  display:flex;
  justify-content: space-between;
  align-items: center;

  line-height:3.125rem;
  
  padding:0 0.625rem 0 1.25rem;
  font-weight:500;
  width:calc(100% - 1.875rem);
  box-shadow:inset 0 -5px 5px 0px #ffd5d047;
}

.pop-charge-request .pop-charge-memo > p button {
  padding: 0 1rem 0.125rem 2.425rem ;
  height: 2rem;
  color:#fff;
  font-family: 'Pretendard';
  font-weight:300;
  background:url('../images/renewal/popup/icon-history-charge.webp') 14px 50% no-repeat, linear-gradient(to top, #fc7555 50%, #ff5d58);
  border-radius: 10in;
}

.pop-charge-request .pop-charge-memo textarea {
  padding: 1rem;
  width:100%;
  height:18rem;
  line-height: 1.5rem;
  color: #363636;
  font-family: 'Pretendard';
  font-weight:400;
  font-size: 1rem;
  background: #fff;
  border:none;
  border-top: 1px solid #fff;
  box-shadow:inset 0 5px 5px 0px #ffd5d047;
}

.pop-charge-request .pop-charge-memo textarea::-webkit-scrollbar {
  width: 0.312rem;
}

.pop-charge-request .pop-charge-memo textarea::-webkit-scrollbar-thumb {
  width: 0.125rem;
  height: auto;
  background: #999;
}

.pop-charge-request .pop-charge-memo textarea::-webkit-scrollbar-track {
  background: #f6f6f6;
}

.pop-exchange-write {
  width:354px;
}

.pop-exchange-write .pop-charge-money > input {
  max-width: calc(100% - 8rem);
  text-align:right;
}

.pop-exchange-write .pop-charge-money > input + button {
  margin-left:0.425rem;
}

/*-------------------------------------------*/

.bouns-txt-set {
	font-size:14px;
	font-weight:bold;
	color:#777;
	line-height:2rem;
	margin-left:-5%;
}

.bouns-txt-set > span {
	color:#ea0000;
}

.pop-charge-request .bouns-sel-charge select {
  padding:0 1.25rem;
  width:100%;
  background:url('../images/renewal/popup/icon-sel-drop.webp') 90% 50% no-repeat;
  appearance:none;
	
}

.pop-charge-request td:nth-child(3) {
  padding-left: 0.625rem;
  width: calc(44.11% - 0.625rem);
  color: #666666;
  font-size: 0.875rem;
}

.pop-charge-request .pop-charge-txt > span {
	color: #d92323;
    font-weight: bold;
}

.pop-charge-request .pop-charge-bouns > span {
	display:block;
	line-height:1rem;
}

.pop-charge-request .btns-request-money {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.pop-charge-request .btns-request-money a {
  display: inline-flex;
   align-items: center;
  justify-content: center;

  padding-top:0.125rem;
  width:5.25rem;
  line-height:2.625rem;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  font-family: 'Pretendard';
  font-weight:600;
  background:#ff7558;
  border-radius:10in;
}

.pop-bank-check {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem 2.625rem;
  line-height:2rem;
  color: #fff;
  font-size: 1rem;
  font-family: 'Pretendard';
  font-weight:600;
  background: #ff7558;
  letter-spacing: -0.5px;
}

.popup-money-history .pop-contents {
  padding:3rem 3rem 5.625rem;
  background:#fff;
  clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 0);
  margin:0 10px 10px;
}

.pop-list-base>div {
  overflow: hidden;
}

.pop-list-base table {
  width: 100% !important;
  max-width:100%;
  border:1px solid #eaeaea;
  border-top:none;
  border-bottom:none;
  overflow:hidden;
}

.pop-list-base thead {
  background:#fafafa;
}

.pop-list-base tbody.board-list {
  background:#fff;
}

.pop-list-base th {
  height:2.75rem;
  color: #363636;
  font-family: 'Pretendard';
  font-weight:600;
  font-size:1rem;
}

.pop-list-base td {
  height:3rem;
  line-height:3rem;
  color: #363636;
  font-size: 1rem;
  font-family: 'Pretendard';
  font-weight: bold;
  text-align: center;
  background: #fff;
}

.pop-list-base tbody td {
  border-top:1px solid #eaeaea;
}

.pop-icon-bitcoin {
  display: inline-block;
  width: 12px;
  height: 14px;
  background: url('../images/icon-bitcoin.svg') 50% 50% no-repeat;
  background-size: contain;
  vertical-align: top;
}

.popup-momey-history .money-outer-type {
  padding-right: 12px;
  color: #c60400;
  font-size: 12px;
}

.popup-coupon-history th:first-child,
.popup-coupon-history td:first-child {
  padding-left: 20px;
}

.popup-coupon-history th:last-child,
.popup-coupon-history td:last-child {
  padding-right: 10px;
}

.popup-change-info .change-info-area {
  padding:3rem 3rem 0;
  background: #fff;
  overflow: hidden;
}

.change-info-area > div:nth-child(2) {
  display:flex;
  justify-content:center;
  flex-direction: column;

  padding:2rem 6.25rem 2.25rem;
  width: 806px;
  font-size: 1rem;
  font-family: 'Pretendard';
  font-weight: 300;
  border: 1px solid #eaeaea;
  border-top: none;
  margin: 0 auto 1px;
}

.change-info-area .pop-line-write {
  display:flex;
  width:100%;
}

.change-info-area .pop-line-write + .pop-line-write  {
  margin-top:1.175rem;
}

.change-info-area .pop-line-write span:first-child{
  padding:0 1.75rem;
  width:9rem;
}

.change-info-area .pop-line-write > div {
  width:calc(100% - 12.5rem);
}

.change-info-area .pop-line-write input {
  padding: 0 0.75rem;
  width: calc(100% - 2.625rem);
  height: 2.625rem;
  color: #363636;
  font-size: 1rem;
  font-weight: 600;
  background: none;
  border: none;
}

.pop-bouns-list > div+div {
  margin-top:1.175rem;
}

.pop-bouns-list .pop-list-base {
  border-bottom:1px solid #eaeaea;
}

.pop-bouns-list .pop-boutns-info > form > div {
  display:flex;
  justify-content: space-between;
  padding:0.625rem 1.75rem;
  border:1px solid #eaeaea;
  border-top:none;
}

.pop-bouns-list .pop-boutns-info input {
  display: inline-flex;
  align-items: center;
  padding:0 2rem;
  width:calc(100% - 336px);
  height:3.125rem;
  font-size:1rem;
  text-align:right;
  font-family: 'Pretendard';
  font-weight:600;
  border: 1px solid #ffedef;
  border-radius: 10in;
  box-shadow: 0 0 10px #ffd5d0cc;
}

.pop-bouns-list .pop-boutns-info button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width:260px;
  height:3.125rem;
  color:#ff424c;
  font-size:1rem;
  font-family: 'Pretendard';
  font-weight:600;
  background:#fff;
  border: 1px solid #ffedef;
  border-radius: 10in;
  box-shadow: 0 0 10px #ffd5d0cc;
}

.pop-bouns-list .pop-list-base td {
  height: 30px;
}

/* coupon */

.btn-use-coupon {
	display: inline-block;
    width: 100px;
    height: 30px;
    color: #fff;
    font-size: 0.875rem;
    text-align:center;
    font-weight:bold;
    background:linear-gradient(to top, #ff424c 50%, #FF8601);
    border: none;
    letter-spacing:-0.5px;
}

.total-coupon-money {
	display:flex;
	align-items: center;
  justify-content: space-between;
	
  padding:0 3rem;
	height:3.375rem;
  color:#363636;
  font-size:1rem;
  font-family: 'Pretendard';
  font-weight:600;
  background:#fafafa;
  border:1px solid #eaeaea;
}

/* customer service */
.pop-list-customer > div:first-child {
  padding:3rem 3rem 0;
  background: #fff;
}

.pop-list-customer > div:nth-child(2) {
  padding:0 3rem 3rem;
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 0);
  margin-top: -1px;
}

.pop-list-customer td {
  height: 30px;
  font-family: 'Pretendard';
  font-size:1rem;
  cursor:pointer;
  text-align:center;
}

td.list-customer-none,
td.list-customer-none:hover {
  color: #ff424c;
}

.pop-list-customer td.list-customer-title {
  padding-left: 0.5rem;
  text-align: left;
}

.pop-list-customer td a {
  display: block;
  width: 100%;
  color: #363636;
}

.pop-list-customer td.list-view pre {
  display: block;
  padding: 20px 53px;
  max-height: 234px;
  height: 234px;
  line-height: 1.5rem;
  color: #363636;
  text-align: left;
  font-size:1rem;
  font-family: 'Pretendard';
  font-weight:500;
  white-space:pre-wrap;
  background: #f8f8f8 !important;
  border: none;
  overflow-y: auto;
}

.pop-list-customer td.list-view pre::-webkit-scrollbar {
  width: 0.912rem;
}

.pop-list-customer td.list-view pre::-webkit-scrollbar-thumb {
  width: 0.912rem;
  height: auto;
  background: #ff424c;
}

.pop-list-customer td.list-view pre::-webkit-scrollbar-track {
  background: #eee;
}

.pop-list-customer td.list-question pre {
  height: 120px;
}

.pop-list-customer td.list-answer {
  border-color: #d8d6d6 !important;
}

.pop-list-customer td.list-view pre + pre {
  height: 234px;
  color: #666666;
  background: #d8d6d6 !important;
}

.pop-list-customer td.list-view pre + pre::-webkit-scrollbar {
  width: 0.912rem;
}

.pop-list-customer td.list-view pre + pre::-webkit-scrollbar-thumb {
  width: 0.912rem;
  height: auto;
  background: #b50000;
}

.pop-list-customer td.list-view pre + pre::-webkit-scrollbar-track {
  background: #343434;
}

.pop-question div.list-pageing {
  clip-path:none;
}

.pop-question .pop-btns-base {
  padding-top: 1.25rem;
}

.pop-question .pop-btns-base button {
  width: 400px;
}

.pop-write > div:first-child {
  padding:3rem 3rem 0;
  background:#fff;
  clip-path:polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 0);
}

.pop-page-back {
  text-align: right;
  margin-bottom: 0.875rem;
}

.pop-question-write {
  padding: 1.375rem 1.875rem 2.125rem;
  background: #fff;
  overflow: hidden;
  border:1px solid #ebe9ec;
  border-top:none;
}

.pop-question-write > div {
  width: 100%;
  font-family: 'Pretendard';
  font-weight: 400;
  border: 1px solid #ffedef;
  border-radius: 1.5rem;
  box-shadow: 0 0 10px #ffd5d0cc;
  overflow: hidden;
}

.pop-question-write .pop-line-write {
  margin-bottom:1.75rem;
}

.pop-question-write p {
  line-height: 3.125rem;
  color: #363636;
  padding: 0 1.25rem;
  width: calc(100% - 2.5rem);
  box-shadow: inset 0 -5px 5px 0px #ffd5d047;
}

.pop-question-write input {
  padding:0 1rem;
  width: calc(100% - 2rem);
  height:3.125rem;
  color: #363636;
  font-family: 'Pretendard';
  font-weight: 400;
  font-size: 1rem;
  background: #fff;
  border: none;
  border-top: 1px solid #fff;
  box-shadow: inset 0 5px 5px 0px #ffd5d047;
}

.pop-question-write input::placeholder {
  font-weight: bold;
  color: #666;
}

.pop-question-write textarea {
  padding: 1rem;
  width: calc(100% - 2rem);
  height: 19.75rem;
  line-height: 1.5rem;
  color: #363636;
  font-family: 'Pretendard';
  font-weight: 400;
  font-size: 1rem;
  background: #fff;
  border: none;
  border-top: 1px solid #fff;
  box-shadow: inset 0 5px 5px 0px #ffd5d047;
}

.pop-question-write textarea::placeholder {
  font-weight: bold;
  color: #ccc;
}

.pop-question-write textarea::-webkit-scrollbar {
  width: 0.912rem;
}

.pop-question-write textarea::-webkit-scrollbar-thumb {
  width: 0.912rem;
  height: auto;
  background: #ff424c;
}

.pop-question-write textarea::-webkit-scrollbar-track {
  background: #eee;
} 

.pop-write .pop-btns-base {
  margin-top:0;
}

.pop-list-message > div{
  padding:3rem;
  background:#fff;
  clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 0);
}

.pop-list-message a{
	display:flex;

	width:100%;
	height:100%;
	color:#999;
}

.pop-list-message td.list-customer-title {
  padding-left: 3rem;
}


.pop-list-message td {
	cursor:default;
}

.pop-list-message td:last-child > a {
	color:#999;
	width:100%;
	height:100%;
	justify-content:center;
}

.pop-list-message td:last-child > a:hover {
	color:#ff424c;
	text-decoration:underline;
}

.pop-list-message td.list-view pre {
  display: block;
  padding: 20px 53px;
  max-height: 250px;
  height: 210px;
  line-height: 1.125rem;
  font-family: 'Pretendard';
  font-weight:400;
  font-size:1rem;
  text-align: left;
  white-space:pre-wrap;
  background: #f8f8f8 !important;
  border: none;
  overflow-y: auto;
}

.pop-title-proposal {
  padding-left: 1.5rem;
  line-height: 1.5rem;
  color: #ccc;
  font-size: 1.25rem;
  font-family: 'Pretendard';
  margin-bottom: 0.875rem;
}

/* login */
.popup-login {
  padding:18px 25px 32px;
  width:716px;
  height:551px;
  background: url('../images/renewal/popup/bg-login.webp') 50% 50% no-repeat;
  
}

.popup-login .pop-contents {
  display:flex;
  align-items: center;
  justify-content:flex-end;

  position:relative;
  width:100%;
  height:100%;
}

.popup-login .pop-contents .img-login {
  position:absolute;
  left:52px;
  bottom:39px;

  width:366px;
  height:507px;
  background: url('../images/renewal/popup/img-login.webp') 50% 50% no-repeat;
  margin-right:-34px;
}

.pop-login-box {
  display: flex;
  flex-direction: column;
  gap:20px;

  font-family: 'Pretendard';
  font-weight:600;

  padding-right:60px;
}

.pop-login-box>div {
  position: relative;
  display:flex;
  width:272px;
}

.pop-login-box .pop-section-logo {
  margin-bottom:1.5rem;
}

.pop-login-box>div:nth-child(2),
.pop-login-box>div:nth-child(3) {
  width:272px;
  border-radius: 10in;
  box-shadow: 0 0 10px #dbdbdb;
  overflow:hidden;
  margin:0 9px;
}

.pop-login-box>div.btn-set {
  flex-direction: column;
}

.pop-login-box>div>input {
  display: block;
  padding: 0 1rem;
  height: 36px;
  width: calc(100% - 68px);
  color: #363636;
  font-size: 0.875rem;
  font-weight: bold;
  background:#fff;
  border: none;
}

.pop-login-box>div>input::placeholder {
  color: #666;
  font-weight: bold;
}

.icon-user {
  width: 36px;
  height: 36px;
  background: url('../images/renewal/popup/icon-user.webp') 80% 50% no-repeat ;
}

.icon-lock {
  width: 36px;
  height: 36px;
  background: url('../images/renewal/popup/icon-lock.webp') 80% 50% no-repeat ;
}

.icon-check {
  width: 36px;
  height: 36px;
  background: url('../images/renewal/popup/icon-check-gray.webp') 20% 50% no-repeat ;
}

.icon-eyes {
  width: 36px;
  height: 36px;
  background: url('../images/renewal/popup/icon-eyes-gray.webp') 20% 50% no-repeat;
}

.icon-birth {
  width: 36px;
  height: 36px;
  background: url('../images/renewal/popup/icon-birth.webp') 80% 50% no-repeat;
}

.icon-phone {
  width: 36px;
  height: 36px;
  background: url('../images/renewal/popup/icon-phone.webp') 80% 50% no-repeat;
}

.icon-bank {
  width: 36px;
  height: 36px;
  background: url('../images/renewal/popup/icon-bank.webp') 80% 50% no-repeat;
}

.icon-bank-adr {
  width: 36px;
  height: 36px;
  background: url('../images/renewal/popup/icon-bank-adr.webp') 80% 50% no-repeat;
}

.pop-sub-notiece {
  display:flex;
  align-items: center;
  padding-left:1.25rem;
  height:1.75rem;
  color:#ff424c;
}

.popup-sign-write .pop-sign-info .pop-sub-notiece i.icon-sub-notiece {
  width:1.5rem;
  height:1.75rem;
  background: url('../images/renewal/popup/icon-notice-sub.webp') 50% 50% no-repeat;
}

.pop-login-box button.btn-login {
  display: flex;
  justify-content: center;
  align-items: center;

  padding:4px 0 15px;
  width: 290px;
  height: 52px;
  color: #fff;
  text-align:center;
  font-size:1rem;
  font-family:'Pretendard';
  font-weight:500;
  background:url('../images/renewal/popup/btn-login.webp') 50% 50% no-repeat;
  border:none;
  letter-spacing: 0.25px;
}

.pop-login-box button.btn-sign {
  display: flex;
  justify-content: center;
  align-items: center;

  padding:4px 0 15px;
  width: 290px;
  height: 52px;
  color: #fff;
  text-align:center;
  font-size:1rem;
  font-family:'Pretendard';
  font-weight:500;
  background:url('../images/renewal/popup/btn-join.webp') 50% 50% no-repeat;
  border:none;
  letter-spacing: 0.25px;
}

.pop-login-box>p:last-child {
  display: block;
  width: 100%;
  line-height: 100%;
  color: #666666;
  text-align: center;
  font-size: 1.125rem;
}

.pop-login-box>p:last-child a {
  color: #b48f5f;
  border-bottom: 1px solid #b48f5f;
  margin-left: 4px;
}

/* sign */
.popup-sign-write {
  padding:17px 26px 33px;
  width:728px;
  height:1280px;
  background:url('../images/renewal/popup/bg-sign.webp') 50% 50% no-repeat;
}

.popup-sign-write .pop-contents {
  padding:56px 78px 64px;
  background:none;

  font-family: 'Pretendard';
  font-weight:400;
}

.popup-sign-write .pop-contents div+div {
  margin-top:1.5rem;
}

.popup-sign-write .pop-sign-info  div>div:first-child {
  display:flex;
  justify-content: space-between;
}

.popup-sign-write .pop-sign-info .pop-line-write {
  width:100%;
  background:#fff;
}

.popup-sign-write .pop-sign-info .pop-line-button .pop-line-write {
  width:calc(100% - 7rem);
}

.popup-sign-write .pop-sign-info i {
  width:2.875rem;
  height:2.625rem;
}

.popup-sign-write .pop-sign-info input {
  padding:0 0.75rem;
  width:calc(100% - 4.312rem);
  height:2.625rem;
  color: #363636;
  font-size: 0.875rem;
  font-weight:600;
  background:none;
  border:none;
}

.popup-sign-write .pop-sign-info input::placeholder {
  color:#bbb;
  font-weight:400;
}


.popup-sign-write .btn-sign-base {
  display:inline-flex;
  justify-content: center;
  align-items: center;

  color:#fff;
  width:6.25rem;
  height:2.625rem;
  font-size:0.875rem;
  font-family: 'Pretendard';
  font-weight:600;
  background:#ff424c;
  border-radius:10in;
}

.popup-sign-write  .pop-sign-phone select {
  padding:0 1.5rem 0 0.75rem;
  height:2.625rem;
  color: #363636;
  font-size: 0.875rem;
  font-weight:600;
  background:url('../images/renewal/popup/icon-sel-drop.webp') 95% 50% no-repeat;
  border:none;
  appearance:none;
}

.popup-sign-write select.btn-sel-bank {
  padding:0 0.75rem;
  width:calc(100% - 1.5rem);
  height:2.625rem;
  color: #363636;
  font-size: 0.875rem;
  font-weight:600;
  background:url('../images/renewal/popup/icon-sel-drop.webp') 97% 50% no-repeat;
  border:none;
  appearance:none;
}

.txt-sign {
	padding:1.125rem 0;
	font-size:0.875rem;
	border-top:1px solid #ff424c;
  margin-top:1.75rem;
}

.txt-sign li {
	line-height:1.5rem;
  color:#363636;  
}


.popup-sign-write .pop-sign-info .btn-set-sign {
  padding-top:0.875rem;
}

.popup-sign-write .pop-sign-info .btn-set-sign button {
  display: block;
  width: 100%;
  height:72px;
  color: #fff;
  font-size: 1.5rem;
  font-family: 'Pretendard';
  font-weight:600;
  background:#ff424c;
  border: none;
  letter-spacing: 0.25px;
}

/* Message */
.pop-msg-list {
  padding-top: 20px;
}

.pop-board-msg li>p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 58px;
  font-size: 1.125rem;
  font-family: 'Pretendard';
}

.pop-msg-list .pop-board-title span,
.pop-board-msg li>p span {
  text-align: center;
}

.pop-board-msg li>p span {
  color: #aaa;
}

.pop-msg-list .pop-board-title span:first-child,
.pop-board-msg li>p span:first-child {
  width: 10%;
}

.pop-msg-list .pop-board-title span:nth-child(2),
.pop-board-msg li>p span:nth-child(2) {
  width: 42%;
}

.pop-board-msg li>p span:nth-child(2) a {
  color: #555555;
  font-weight: 400;
}

.pop-msg-list .pop-board-title span:nth-child(3),
.pop-board-msg li>p span:nth-child(3) {
  width: 26%;
}

.pop-msg-list .pop-board-title span:nth-child(4),
.pop-board-msg li>p span:nth-child(4) {
  width: 12%;
}

.pop-msg-list .pop-board-title span:nth-child(5),
.pop-board-msg li>p span:nth-child(5) {
  width: 10%;
}

.pop-board-msg li>p span:nth-child(5) a {
  color: #b08e63;
  border-bottom: 1px solid #b08e63;
}

.pop-board-msg li>div {
  display: none;
  padding: 50px 5%;
  width: 90%;
  color: #8e8e8e;
  font-family: 'Pretendard';
  background: #f8f7f8;
  border-top: 1px dashed #e0dfe3;
}

.pop-board-msg li.current>div {
  display: block;
}

/* loading view */
.loading-view {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 0;
  height: calc(100% - 4rem);
  margin-top: 2rem;
}

.loading-view div:first-child {
  text-align: center;
  margin-bottom: 1.625rem;
}

.loading-view div:first-child>i.icon-loading {
  display: inline-block;
  z-index: 1;
  width: 10rem;
  height: 10rem;
  margin: 0 auto;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #b48f5f;
  width: 8rem;
  height: 8rem;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loading-view div:nth-child(2) {
  text-align: center;
  color: #555;
  font-size: 0.875rem;
  font-family: 'Pretendard';
}

.loading-view div:nth-child(2) p:first-child {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 0.425rem;
}

.loading-view div:nth-child(2) p:nth-child(2) {
  font-size: 1rem;
}

/* event list */
.pop-event-list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 3rem;

  padding:5vh 0;
  height:calc(100% - 10vh);
  background-color: rgba(0, 0, 0, 0.5);
  overflow-y:auto;
}

.popup-event-set {
  overflow-y:auto;
}

.pop-bg-event {
  display:none;
}

.popup-event {
  top:0;
  width:100%;
  height:100%;
  border-radius:0;
  background:none;
  clip-path:none;
}

.pop-event-list .pop-event-case {
  position: relative;
  width:100%;
  max-width:400px;
}

.pop-event-list .pop-event-case .btn-close-event {
  position:absolute;
  top:0.425rem;
  right:0.425rem;
  width:2.5rem;
  height:2.5rem;
  background:url('../images/event/btn-close-event.png') 50% 50% no-repeat;
  border:none;
  filter: brightness(1.8);
}

.pop-event-list .pop-event-case img {
  display: block;
  width:100%;
}

.pop-event-list .pop-event-case .btn-close-day {
  display: block;
  width: 100%;
  height: 48px;
  color: #fff;
  font-size: 1.25rem;
  font-family: 'GyeonggiTitle';
  background:linear-gradient(to right, #ff424c, #ee9d72);
  border-top:1px solid #ff5055;
  letter-spacing: 0.25px;
}


.popup-box .list-pageing>ul,
.dataTables_wrapper .dataTables_paginate {
	display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;

  height:5.875rem;
  background:linear-gradient(-45deg, transparent 16px, #ff7558 0);
}

.popup-box .list-pageing>ul > li {
  height:38px;
}

.popup-box .list-pageing>ul>li>a,
.dataTables_wrapper .dataTables_paginate a {
	display:inline-block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #ff4249;
  font-size: 1rem;
  font-family: 'Dotum', '돋움';
  font-weight: bold;
  background: #fff;
  border-radius: 10in;
}

.popup-box .list-pageing>ul>li.act>a,
.popup-box .list-pageing>ul>li:hover>a,
.dataTables_wrapper .dataTables_paginate a.current,
.dataTables_wrapper .dataTables_paginate a:hover {
  color: #ff4249;
}

.popup-box .list-pageing > ul > li.btn-pageing-prev > a
.dataTables_wrapper .dataTables_paginate a.previous,
.dataTables_wrapper .dataTables_paginate a.disabled {
	font-size:0 !important;
	background: url('../images/renewal/popup/btn-list.webp') 45% 50% no-repeat #fff;
}

.popup-box .list-pageing > ul > li.btn-pageing-next > a,
.dataTables_wrapper .dataTables_paginate a.next {
	font-size:0 !important;
	background: url('../images/renewal/popup/btn-list.webp') 45% 50% no-repeat #fff;
	transform: scaleX(-1);
}

.popup-box .list-pageing > ul > li.btn-pageing-prev > a,
.popup-box .list-pageing > ul > li.btn-pageing-next > a,
.dataTables_wrapper .dataTables_paginate a:hover.previous,
.dataTables_wrapper .dataTables_paginate a:hover.next{
  font-size:0 !important;
	background: url('../images/renewal/popup/btn-list-over.webp') 45% 50% no-repeat #fff;
}

.dataTables_wrapper .dataTables_paginate >span {
	margin:0 15px;
}

.dataTables_wrapper .dataTables_paginate >span>a+a {
	margin-left:5px;
}

/* alarm popup set */

div:where(.swal2-container).swal2-center>.swal2-popup {
  max-width: 400px;
  border-radius: 5px;
  overflow: hidden;
  background: linear-gradient(to right, #ff424c, #fd7d5a);
  clip-path:polygon(32px 0, calc(100% - 32px) 0, 100% 0, 100% calc(100% - 32px), calc(100% - 32px) 100%, 0 100%, 0 calc(100% - 32px), 0 32px);
}

.swal2-icon-show {
  display: block;
  width: 170px;
  height: 26px;
  font-size: 0;
  background: url('../images/renewal/logo.webp') 50% 50% no-repeat;
  background-size:contain;
  margin: 25px auto 27px;
  border-radius:0;
  filter:grayscale(1) brightness(10);
}

div:where(.swal2-container) .swal2-html-container {
  margin:0 1rem !important;
}

.pop-txt-alarm {
  display:flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  
  padding: 1rem;
  min-height:64px;
  line-height:1.5rem;
  font-weight:bold;
  color:#666;
  font-family:'Pretendard';
  background: #fff;
}

.pop-txt-alarm .timer {
  margin-top:0.75rem;
}

.pop-txt-alarm .timer > span {
  color:#ffc800;
}


div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  display: block;
  width: 200px !important;
  height: 42px;
  color: #f94352 !important;
  font-size: 1.25rem;
  font-family: 'Pretendard';
  font-weight:800;
  background:#fff !important;
  border: none;
  box-shadow:3px 3px 0 #ff000073;;
  letter-spacing: 0.25px;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
  box-shadow:none !important;
}

div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
  background:none !important;
}

/* game slot list */
.popup-slot-list {
  width:100%;
  max-width:900px;
  height:100%;
  max-height:80vh;
}

.popup-title-search {
  display:flex;
  padding:0 0.75rem;

  background:#fff; 
  border:1px solid #f8e0e2;
  border-radius:10in;
  margin-left:auto;
}

.popup-title-search > input {
  padding:0.125rem 0.425rem 0 0.875rem;
  width:8rem;
  height:1.875rem;

  color:#333;
  text-align:right;
  font-size:1rem;
  font-family: 'Pretendard';
  font-weight:600;
  border:none;
  transition: all 0.5s;
}

.popup-title-search > input::placeholder {
  text-align:right;
  color:#cacaca;
}

.popup-title-search > button {
  width:18px;
  height:2rem;
  background:url('../images/renewal/contents/icon-serarch.webp') 50% 50% no-repeat ;
  filter:grayscale(1);
  opacity: 0.4;
}

.pop-slot-area {
  display: flex;
  flex-direction: column;

  padding:3rem 2rem;
  height: calc(100% - 11.312rem);
  background:#fff;
}


.pop-contents-title {
  width:100%;
  line-height:100%;
  text-align:center;
  font-family: 'Pretendard';
  font-weight:500;
  color:#9f9f9f;
  font-size:1.125rem;
  margin-bottom:2.425rem;
}

.pop-contents-title p:first-child {
  display:flex;
  justify-content: space-between;
  align-items: flex-end;

  width:100%;
  height:2.625rem;
  line-height:100%;
  font-weight:900;
  color:#e93342;
  font-size:2.75rem;
}

.pop-contents-title p:first-child > span:nth-child(2) {
  padding-top:4px;
  word-break:keep-all;
  margin:0 1.625rem;
}

.pop-contents-title p:first-child > span:first-child {
  width:300px;
  height:21px;
  background: url('../images/renewal/contents/line-title.webp') right 50% no-repeat;
}

.pop-contents-title p:first-child > span:last-child {
  width:300px;
  height:21px;
  background: url('../images/renewal/contents/line-title.webp') right 50% no-repeat;
  transform:scaleX(-1);
}

.pop-contents-title p:nth-child(2) {
  font-size:1.425rem; 
  margin-top:0.625rem
}

.pop-slot-list {
  padding-right:1rem;
  height:100%;
  overflow-y:auto;
}

.pop-slot-list::-webkit-scrollbar {
  width: 0.912rem;
}

.pop-slot-list::-webkit-scrollbar-thumb {
  width: 0.912rem;
  height: auto;
  background: #ff424c ;
}

.pop-slot-list::-webkit-scrollbar-track {
  background: #e5e5e5;
}

.pop-slot-list > ul {
  display: grid;
  justify-content: left;
  grid-gap:2rem 0.75rem;
  grid-template-columns: repeat(4, 190px);
  align-items: start;
}

.pop-slot-list > ul li {
  padding:5px;
  max-width:190px;

  text-align:center;
  background: linear-gradient(to bottom, #eda174 10%, #ff424c);
  clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 calc(100% - 16px), 0 16px);
  overflow:hidden;
  
  cursor:pointer;
}

.pop-slot-list .img-slot-detail > img {
  width:100%;
}

.pop-slot-list .img-slot-detail + p {
  padding:0.5rem 0.5rem 0;
  width:calc(100% - 1rem);
  line-height:2.5rem;
  color:#fff;
  font-family: 'Pretendard';
  font-weight:600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.pop-btn-back,
.pop-btn-m {
  display:none;
}

/* notice / event img layout */
.popup-img-layer {
  z-index:99999;
}

.popup-img-layer .popup-event-contents,
.popup-img-layer .popup-notice-contents {
  position:absolute;
  top: 5vh;
  left: 50%;
  z-index: 120;
  transform: translate(-50%, 0);

  display:flex;
  justify-content: center;

  max-width:100%;
  max-height:90vh;
  overflow-y: auto;
}

.popup-img-layer .popup-notice-contents::-webkit-scrollbar,
.popup-img-layer .popup-event-contents::-webkit-scrollbar {
  width: 0.912rem;
}

.popup-img-layer .popup-notice-contents::-webkit-scrollbar-thumb,
.popup-img-layer .popup-event-contents::-webkit-scrollbar-thumb {
  width: 0.912rem;
  height: auto;
  background: #ff424c ;
}

.popup-img-layer .popup-notice-contents::-webkit-scrollbar-track,
.popup-img-layer .popup-event-contents::-webkit-scrollbar-track {
  background: #e5e5e5;
}

.popup-img-layer .btn-pop-close3 {
  position: absolute;
  top: 1.875rem;
  right: 1.875rem;
  width: 2.5rem;
  height: 2.5rem;
  background: url(../images/event/btn-close-event.png) 50% 50% no-repeat #ffffff60;
  border: none;
  border-radius:10in;
  filter: brightness(1.8);
}

.popup-img-layer .popup-notice-contents .btn-pop-close3 {
  filter:grayscale(1) brightness(10);
}

.popup-img-layer .popup-notice-contents img {
  max-width:1124px;
}

/* roling */
.pop-excharge-roling {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap:2rem;

  padding: 0 6.25rem 2.25rem;
  width: 814px;
  font-size: 1rem;
  font-family: 'Pretendard';
  font-weight: 500;
  border-bottom: none;
  margin: 0 auto;
}

.pop-excharge-roling .title-excharge-roling {
  display:block;
  width:100%;
  padding:3px;
  max-width:444px;
  line-height:2.425rem;
  background:#fff;
  border:2px solid #e6454b;
  border-radius:10in;
  margin:0 auto;
}

.pop-excharge-roling .title-excharge-roling p {
  color:#fff;
  text-align:center;
  font-size: 1rem;
  font-family: 'Pretendard';
  font-weight: 500;
  letter-spacing:-0.5px;
  background:#e6454b;
  border-radius:10in;
}

.roling-guage  {
  display:flex;
  justify-content: center;
  gap:4rem;
}

.roling-guage > div {
  margin:0 !important;
}

.roling-guage .circle {
  position: relative;
  display: flex;  
  
  width:10.375rem;
  height:10.375rem;

  border-radius: 50%;
}

.roling-guage > div > div:first-child {
  display:flex;
  justify-content: center;
  align-items: center;

  width:12rem;
  height:12rem;
}

.roling-guage .inner-circle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  width: 86%;
  height: 86%;

  color: white;

  border-radius: inherit;
  background: linear-gradient(135deg, #e9464c 35%, #842a2d);
  border-radius: 50%;
  margin: auto;
  
}

.roling-guage .circle > div.case {
  position:absolute;
  top:50%;
  left:50%;
  width:12rem;
  height:12rem;
  transform: translate(-50%, -50%);
  background:url('../images/renewal/popup/bg-circle-guage.webp') 50% 50% no-repeat;
}

.roling-guage .inner-circle span {
  display: flex;
  align-items: center;
  font-size:0.875rem;
}

.roling-guage .inner-circle span:first-child {
  font-size:2.5rem;
  color:#fae673;
  font-weight:900;
  letter-spacing:-1.5px;
}

.roling-guage .inner-circle span:first-child > span {
  font-size:1rem;
  font-weight:500;
}

.roling-guage > div > div:last-child {
  text-align:center;
  font-size:1.125rem;
  margin-top:1.5rem;
}

.roling-guage > div > div:last-child span {
  display:block;
  padding-bottom:5px;
  width:100%;
  line-height:47px;
  text-align:center;
  color:#fff;
  font-size:1.375rem;
  background:url('../images/renewal/popup/bg-roling-money.webp') 50% 50% no-repeat;
  margin-top:0.75rem;
}

/* roulette-event */
.roulette-event {
  position:relative;
  display:block;
  padding:3.75rem 0;
  max-width:1104px;
  background:url('../images/roulette/bg-roulette-event.webp') 50% 50% no-repeat;
  background-size: cover;
  margin:0 auto;
}
.roulette-board {  
  position:relative;
  display:block;
  width:542px;
  margin:0 auto;
}

.title-roulette-event > div {
  display:block;
  width:444px;
  height:100px;
  background:url('../images/roulette/title-roulette-event.webp') 50% 50% no-repeat;
  margin:0 auto 1.425rem;
}

.title-roulette-event > p {
  display:block;
  width:330px;
  line-height:30px;
  text-align:center;
  font-family: 'Pretendard';
  font-size:0.812rem;
  color:#363636;
  font-weight:700;
  background:url('../images/roulette/bar-event-space.webp') 50% 50% no-repeat;
  border-radius:10in;
  box-shadow: 8px 8px 8px #00000020;
  margin:0 auto 1.425rem;
}

.roulette-board-area {
  position:relative;
  display:block;
  padding-top:30px;
  width:704px;
  height:608px;
  background:url('../images/roulette/bg-roulette-board-area.webp') 50% top no-repeat;
  margin:0 auto;
}

.roulette-board-area .object-arrow {
  position:absolute;
  top:0.425rem;
  left:50%;
  z-index:10;
  transform: translateX(-50%);

  width:66px;
  height:110px;
  background:url('../images/roulette/object-arrow.webp') 50% top no-repeat;
}

.roulette-board canvas {
  position:relative;
  z-index:0;

  display:block;
  width:542px; height:542px;
  transition: 2s;
  pointer-events: none;
  font-size:0;
  margin:0 auto;
}

.roulette-board.normal-type canvas {
  background:url('../images/roulette/roulette-board.webp') 50% 50% no-repeat;
}
.roulette-board.prm-type canvas {
  background:url('../images/roulette/roulette-board-prm.webp') 50% 50% no-repeat;
}

.roulette-board button {
  position:absolute;
  top:50%;
  left:50%;
  width:120px;
  height:120px;
  background:url('../images/roulette/btn-roulette-start.webp') 50% 50% no-repeat;
  transform:translate(-50%, -50%);
  transition: .2s;
  cursor: pointer;
}
.roulette-board div::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 50px;
  border-radius: 5px;
  background:transparent;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 22;
}
.roulette-ticket {
  display:flex;
  justify-content: center;
  gap:1.5rem;

  margin:0 auto;
}

.roulette-ticket > div {
  flex:1;
  max-width:294px;

  background:#981c24;
  border:3px solid #640d13;
  border-radius:1.25rem;
  overflow:hidden;
}

.roulette-ticket > div > p {
  text-align:center;
  font-family: 'Pretendard';
}

.roulette-ticket > div > p:first-child {
  line-height:3rem;
  font-size:1.5rem;
  color:#fff;
  font-weight:bold;

  background:#640d13;
  border-radius:0 0 1rem 1rem;
}

.roulette-ticket > div > p:nth-child(2) {
  line-height:4rem;
  color: #f6c290;
  font-size: 2.625rem;
  font-weight: 700;
  letter-spacing: -1.5px;
}

.roulette-ticket > div > p:nth-child(3) {
 padding-bottom:0.75rem;
}

.roulette-ticket > div > p:nth-child(3) > button {
  width:150px;
  line-height:1.875rem;
  color:#fff;
  font-size:1rem;
  font-weight:600;
  letter-spacing: -1px;

  background:linear-gradient(#84131b, #731017);
  border:1px solid #640d13;
  border-radius:0.425rem;
}

.roulette-ticket > div:first-child > p:nth-child(2) {
  background:url('../images/roulette/bg-nomal-ticket.webp') 10% top no-repeat;
}

.roulette-ticket > div:nth-child(2) {
  background:url('../images/roulette/bg-prm-ticket.webp') 50% bottom no-repeat #981c24;
}

.pop-roulette-win {
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);

  width:100%;
  max-width:476px;

  text-align:center;
  font-family: 'Pretendard';
  border:2px solid #ed4a55;
  border-radius:1rem;
  overflow:hidden;
  box-shadow:0rem 1rem 2rem #00000040;
}

.pop-roulette-win > p {
  line-height:4.25rem;
  font-size:1.875rem;
  font-weight:600;
  color:#fff;
  text-align:center;
  background: linear-gradient(to bottom, #ff424c 50%, #fa835f);
}

.pop-roulette-win > div {
  padding:1.425rem 2.425rem;
  color:#363636;
  background:#fff;
  border-radius: 0 0 1rem 1rem;
}

.pop-roulette-win > div p > span {
  color:#ea0d44;
}

.pop-roulette-win > div > p:first-child {
  font-size:1.875rem;
  font-weight:600;
  letter-spacing:-0.4px;
  margin-bottom:1rem;
}

.pop-roulette-win > div > p+p {
  line-height:1.5rem;
  font-weight:500;
  font-size:1.125rem;
}

.pop-roulette-win > div > button {
  width:100%;
  max-width:360px;

  line-height:3rem;
  font-size:1.5rem;
  font-weight:600;
  color:#fff;
  text-align:center;
  background: linear-gradient(to bottom, #ff424c 50%, #fa835f);
  border:1px solid #ea0d44;
  border-radius:0.5rem;

  margin-top:1.5rem;
}

.title-roulette-event.xmas > div{
	height:107px;
	background:url('../images/roulette/title-roulette-xmas.webp') 50% 50% no-repeat;
}

.roulette-board-area.xmas {
	width: 925px;
  background:url('../images/roulette/bg-roulette-board-xmas.webp') 50% top no-repeat;
}

.roulette-board.xmas-type canvas {
  background:url('../images/roulette/roulette-board-xmas.webp') 50% 50% no-repeat;
}

.roulette-ticket > div:nth-child(3) {
  background:url('../images/roulette/bg-prm-ticket.webp') 50% bottom no-repeat #003e2d;
  border-color:#032a20;
}

.roulette-ticket > div:nth-child(3) > p:first-child {
	background:#032a20;
}

.roulette-ticket > div:nth-child(3) > p:nth-child(3) > button {
	color:#003e2d;
	background:linear-gradient(#fec03a, #ffd163);
}

.pop-xmas-notice {
	background:#003e2d;
}

.pop-xmas-notice > div {
	padding:1.5rem 2rem;
	background:#0a4435;
	border:1px solid #06382b;
	border-radius:10px;
}

.pop-xmas-notice > div > p {
	font-size:1.5rem;
	font-weight:bold;
	color:#fefeff;
	font-family: 'Pretendard';
	margin-bottom:0.25rem;
}

.pop-xmas-notice > div > ul {
	line-height:1.625rem;
	font-size:1rem;
	font-weight:bold;
	color:#9bd4c5;
	font-family: 'Pretendard';
}



.popup-checking {
  max-width:460px;
}

.popup-checking .popup-title {
  padding: 0 1.5rem;
  width: calc(100% - 3rem);
}

.popup-checking > div {
  padding:0 0.75rem 0.75rem;
  font-family: 'Pretendard';
  font-weight:bold;
}

.popup-checking > div > div {
  background:#fff;
}

.popup-checking .pop-title-checking {
  line-height:3rem;
  font-size:1rem;
  color:#ff424c;
  text-align:center;
  background: linear-gradient(-135deg, transparent 10px, #fff 0) right, linear-gradient(135deg, transparent 10px, #fff 0) left;
  background-size: 50% 100%;
	background-repeat: no-repeat;
  margin-bottom:0.25rem;
}

.popup-checking .pop-contents {
  padding:1rem;
  color:#555;
  background: linear-gradient(-45deg, transparent 10px, #fff 0) right, linear-gradient(45deg, transparent 10px, #fff 0) left;
  background-size: 50% 100%;
	background-repeat: no-repeat;

}

.pop-tab-change {
  display:flex;
  justify-content:flex-start;
  align-items:end;
}

.pop-tab-change > li {
  border: 1px solid #eaeaea;
}

.pop-tab-change > li+li {
  border-left:none;
}

.pop-tab-change > li > button {
  padding:0 2rem;
  line-height:3rem;
  font-size:1rem;
  font-family: 'Pretendard';
  color: #b7b7b7;
  font-weight:bold;
  background:#fbfbfb;
  border-bottom: 3px solid #fff;
}

.pop-tab-change > li.act > button {
  color: #363636;
  font-weight: bold;
  background:#fff;
  border-bottom-color: #fd5e5a;
}

.pop-charge-tab .pop-section-title {
  background:linear-gradient(to right, #fc7555 50%, #ff5d58);
}


.pop-line-usdt {
  justify-content: flex-start !important;

  padding-left:11rem;
  margin-top: 0.75rem !important;
  font-weight:bold;
  color:#363636;
}

.pop-line-usdt > span:first-child > span  {
  color:#ff424c;
}

.pop-line-usdt > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.125rem;
  width: 5.25rem;
  line-height: 2rem;
  color: #ff260d;
  font-size: 1rem;
  text-align: center;
  font-weight:bold;
  font-family: 'Pretendard';
  font-weight: 600;
  background: #fff;
  border-radius: 0.5rem;
  border:1px solid #ff7558;
}

.pop-line-usdt > span:last-child {
  padding-left:1.425rem;
  border-bottom:1px dotted #ffcfcb;
  font-weight:normal;
  background:url('../images/renewal/popup/icon-tip.webp')  left 50% no-repeat;
  background-size:1rem;
}

.link-tip {  
  color:#ff5555;
  font-weight:bold;
}

.pop-charge-tab {
  position:relative;
}

.pop-usdt-conditions {
  position:absolute;
  top:0;
  left:0;
  z-index:1;

  width:100%;
  height:100%;

  justify-content: center !important;

  background:#00000073;

  margin:0 !important;
}

.pop-usdt-conditions > div {
  padding:0 00.5rem 0.5rem;
  width:100%;
  max-width:596px;
  background: linear-gradient(135deg, transparent 16px, #ff7558 0);
}

.pop-usdt-conditions > div > div {
  background:#fff;
}

.pop-usdt-conditions .title {
  line-height:5rem;
  color:#fff;
  font-size:1.5rem;
  font-weight:bold;
  text-align:center;
}

.pop-usdt-conditions .usdt-change-info {
  padding:1.5rem;

  display:flex;
  justify-items:center;
}

.pop-usdt-conditions .usdt-change-info > div {
  width:46%;
}

.pop-usdt-conditions .usdt-change-info > div:nth-child(2) {
  display:inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
    
  padding-bottom:0.875rem;
  width:8%;
}

.pop-usdt-conditions .usdt-change-info > div:nth-child(2) > i {
  width:1.25rem;
  height:0.875rem;
  background:url('../images/renewal/popup/icon-arrow-wallet.webp') 50% 50% no-repeat;
  background-size:contain;
}

.pop-usdt-conditions .usdt-change-info span {
  color:#d73917;
  font-weight:bold;
}

.pop-usdt-conditions .usdt-change-info span + span {
  color:#b4b3b3;
  font-size:0.875rem;
}

.pop-usdt-conditions .money > p:first-child,
.pop-usdt-conditions .usdt > p:first-child {
  color:#5a5a5a;
  font-size:1rem;
  font-weight:bold;
  margin-bottom:0.5rem;
}

.pop-usdt-conditions .money > div,
.pop-usdt-conditions .usdt > div {
  padding:0 1rem;
  width:calc(100% - 2rem);
  line-height:2.625rem;
  text-align:right;
  border:1px solid #ffcfcb;
  border-radius:0.25rem;
}


.pop-usdt-conditions .wallet {
  padding:0 1.5rem 0;
}

.pop-usdt-conditions .wallet > p {
  color: #5a5a5a;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.pop-usdt-conditions .wallet > div {
  display:flex;
  gap:0.875rem;

  padding-bottom:1.75rem;
  border-bottom:1px solid #ffe7e5;
}

.pop-usdt-conditions .wallet .info {
  flex:1;
}

.pop-usdt-conditions .wallet .adr {
  flex:1;
  display:flex;
  justify-content: space-between;

  padding:0 1rem;
  line-height:2.625rem;
  color:#2f2f2f;
  font-weight:bold;
  border: 1px solid #ffcfcb;
  border-radius: 0.25rem;
}

.pop-usdt-conditions .wallet .adr a {
  color:#d73917;
  font-weight:bold;
}

.pop-usdt-conditions .wallet .notice {
  padding-top:0.75rem;
  line-height:1.25rem;
  color:#818181;
  font-size:0.875rem;
  font-weight:bold;
}

.pop-usdt-conditions .wallet .notice a {
  color:#fe2828;
  border-bottom:1px dotted #fe2828;
}

.pop-usdt-conditions .wallet .qr {
  width:112px;
  border: 1px solid #ffcfcb;
  border-radius: 0.25rem;
}

.pop-btn-wallet {
  padding: 1rem ;
  text-align: center;
  background: #fff;
}

.pop-btn-wallet > button {
  display: inline-block;
  padding-bottom: 15px;
  width: 170px;
  height: 60px;
  color: #fff;
  font-size: 1.125rem;
  font-family: 'Pretendard';
  font-weight: 600;
  background: url(../images/renewal/popup/btn-pop-base.webp) 50% 50% no-repeat;
  background-size: contain;
  border: none;
}

.pop-change-wallet {
  width:100%;
}

.popup-excharge .pop-line-usdt {
  padding-left:4rem;
}

.pop-excharge-usdt {
  flex:1;
  display:inline-flex;
  align-items: center;

  font-weight:bold;
}

.pop-excharge-usdt span:nth-child(2) >span {
  color:#ff424c;
}

.pop-excharge-usdt a {
  padding-left: 1.425rem;
  font-size:0.875rem;
  border-bottom: 1px dotted #bbb;
  font-weight: bold;
  background: url(../images/renewal/popup/icon-link.webp) left 50% no-repeat;
  color:#888;
  background-size: 1rem;
  margin-left:1rem;
}

.pop-send-type {
  position:absolute;
  top:0;
  left:0;
  z-index:1;

  width:100%;
  height:100%;

  justify-content: center !important;

  background:#00000073;

  margin:0 !important;
}

.pop-send-type > div {
  padding:0 00.5rem 0.5rem;
  background: linear-gradient(135deg, transparent 16px, #ff7558 0);
}

.pop-send-type > div > div {
  background:#fff;
}

.pop-send-type .title {
  line-height:5rem;
  color:#fff;
  font-size:1.5rem;
  font-weight:bold;
  text-align:center;
}

.pop-send-type .coin-type {
  display:flex;
  justify-content:center;
  gap:1.25rem;

  padding:2rem;
}

.pop-send-type .coin-type > div {
  padding:0.75rem 0 0;
  width:126px;
  border:1px solid #ffcfcb;
  border-radius:0.5rem;
  text-align:center;
  overflow:hidden;
  
}

.pop-send-type .coin-type > div p {
  line-height:2rem;
  color:#fff;
  font-size: 1.125rem;
  font-family: 'Pretendard';
  font-weight: 600;
  background:#ff6d57;
  margin-top:0.75rem;
}

.pop-send-type .coin-type > div:hover {
  border-color:#ff424c;
  cursor:pointer;
}

.pop-send-type .coin-type > div:hover p {
  background:#ff424c;
}

body.swal2-shown.swal2-height-auto {
	padding:0 !important
}


.pop-tab-category {
  display:flex;
  justify-content:flex-start;
  align-items:end;
}

.pop-tab-category > li {
  border: 1px solid #eaeaea;
}

.pop-tab-category > li+li {
  border-left:none;
}

.pop-tab-category > li > button {
  padding:0 2rem;
  line-height:3rem;
  font-size:1rem;
  font-family: 'Pretendard';
  color: #b7b7b7;
  font-weight:bold;
  background:#fbfbfb;
  border-bottom: 3px solid #fff;
}

.pop-tab-category > li.act > button {
  color: #363636;
  font-weight: bold;
  background:#fff;
  border-bottom-color: #fd5e5a;
}

.pop-tab-category + .pop-section-title {
  background:linear-gradient(to right, #fc7555 50%, #ff5d58);
}