body {position: relative; background-color: black; font-family: 'Noto Sans KR', sans-serif; color: #ffffff; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
button {background-color: rgba(0, 0, 0, 0); cursor: pointer; font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 700; color: #ffffff; border: none;}

/* 상단바 (로그인 회원가입)*/
.head {background-color: black; display: flex; border-bottom: 3px groove rgb(193, 166, 103); height: 45px; padding: 10px 80px;}
.header {height: 40px; text-align: center; box-sizing: border-box; display: flex; margin-left: auto;}
.header input {padding: 0 10px; margin: 0 5px; width: 110px; height: 40px; background-color: rgba(0, 0, 0, 0); color: #c4c4c4; font-weight: 600; border: 1px solid rgb(95, 95, 95);}
.header button {background-image: url(../IMG/button/header\ button.png); background-size: 150% 355%; background-position: center; margin: 0 5px; width: 85px; height: 40px; box-sizing: border-box;}
.header button:hover {color: rgb(193, 166, 103); transition: 0.3s;}
.header button:active {font-size: 13px; transition: none;}
@media (max-width: 450px) {
  .head {height: 100px;}
  .header {width: 50px; text-align: end;}
  .header input {width: 80px; height: 35px;}
  .header button {width: 100px; height: 35px;}
  .join-btn {display: none;}
}
/* 로고 */
.logo {z-index: 999; position: relative; left: 50%; transform: translateX( -50% ); width: 200px; height: 150px;}
.logo:hover {transform: scale(1.1) translate(-45%, 0); transition: 1s;}
.logo img {width: 200px; height: 150px;}
@media (max-width:450px) {
  .logo {left: 10%; width: 150px; height: 100px;}
  .logo img {width: 150px; height: 100px;}
}

/* 로그인 후 회원정보 */
.user-info {background-color: black; display: flex; justify-content: space-between; border-bottom: 3px groove rgb(193, 166, 103); height: 45px; padding: 10px 80px;}
.user-header {display: flex; justify-content: end; align-items: center; width: 550px; height: 40px; text-align: end; box-sizing: border-box;}
.user-header p {font-size: 17px; font-weight: 700;}
.user-refresh-btn {width: 20px; height: 20px; background-image: url(../IMG/icon/refresh.png); background-size: cover; margin: auto 10px auto 50px;}
.user-refresh-btn:hover {transition: 0.7s; transform: rotate(360deg);}
.user-refresh-btn:active {transform: scale(0.9); transition: none;}
.user-money {margin-top: 5.5px; padding: 0 15px; border: 1px solid rgb(95, 95, 95);}
.user-money p {font-size: 13px; line-height: 1.8;}
.user-point {margin-left: 2.5px; margin-right: 15px; margin-top: 5.5px; padding: 0 15px; border: 1px solid rgb(95, 95, 95);}
.user-point p {font-size: 13px; line-height: 1.8;}
.logout-btn {background-image: url(../IMG/button/header\ button.png); background-size: 150% 355%; background-position: center; width: 85px; height: 40px; margin-left: 15px; box-sizing: border-box;}
.logout-btn:hover {color: rgb(193, 166, 103); transition: 0.3s;}
.logout-btn:active {font-size: 13px; transition: none;}

/* 고객메뉴 (1좌 2우) */
.container {background-image: url(../IMG/background/container\ background.jpg); background-color: rgb(49, 49, 49); height: 85px; display: flex; padding: 5px;}
.collect_1 {margin: auto; width: 450px; height: 100%; display: flex; vertical-align: bottom;}
.collect_1 button {margin: auto; width: 90px; height: 70px;}
.collect_1 button:nth-child(1) {margin-top: 20px; background-image: url(../IMG/icon/deposit.png); background-size: 30px 30px; background-repeat: no-repeat; background-position: top; line-height: 5.5; font-size: 14px;}
.collect_1 button:nth-child(2) {margin-top: 20px; background-image: url(../IMG/icon/withraw.png); background-size: 30px 30px; background-repeat: no-repeat; background-position: top; line-height: 5.5; font-size: 14px;}
.collect_1 button:nth-child(3) {margin-top: 20px; background-image: url(../IMG/icon/point.png); background-size: 30px 30px; background-repeat: no-repeat; background-position: top; line-height: 5.5; font-size: 14px;}
.collect_1 button:hover {color: rgb(231, 199, 134);}
.collect_1 button:active {transform: scale(0.95);}
.collect_2 {margin: auto; width: 450px; height: 100%; display: flex; vertical-align: bottom;}
.collect_2 button {margin: auto; width: 85px; height: 70px;}
.collect_2 button:nth-child(1) {margin-top: 20px; background-image: url(../IMG/icon/notice.png); background-size: 25px 25px; background-repeat: no-repeat; background-position: top; line-height: 5; font-size: 14px;}
.collect_2 button:nth-child(2) {margin-top: 20px; background-image: url(../IMG/icon/faq.png); background-size: 25px 25px; background-repeat: no-repeat; background-position: top; line-height: 5; font-size: 14px;}
.collect_2 button:nth-child(3) {margin-top: 20px; background-image: url(../IMG/icon/message.png); background-size: 25px 25px; background-repeat: no-repeat; background-position: top; line-height: 5; font-size: 14px;}
.collect_2 button:hover {color: rgb(231, 199, 134);}
.collect_2 button:active {transform: scale(0.95);}
@media (max-width: 450px) {
  .collect_1 {
    display: none;
  }
}

/* 배너 */
.banner-container {background-image: url(../IMG/background/banner.jpg); background-repeat: no-repeat; background-size: 1960px; background-position-y: -125px;}
.banner-space {height: 500px;}
@media (max-width: 450px) {
  .banner-container {
    background-position-y: -175px;
    background-position-x: center;
    background-size: 125% 1050px;
  }
  .banner-space {
    height: 250px;
  }
}
/* 게임진입 (슬롯 카지노) */
.game-container {background-color: rgba(0, 0, 0, 0.6); height: 250px; width: 45%; margin: 0 auto; padding: 10px auto; display: flex; border-radius: 5px;}
.live {position: relative; background-image: url(../IMG/button/live\ button.jpg); background-size: contain; width: 270px; height: 180px; margin: auto; cursor: pointer;}
.slot {position: relative; background-image: url(../IMG/button/slot\ button.jpg); background-size: contain; width: 270px; height: 180px; margin: auto; cursor: pointer;}
.live-entry {width: 270px; height: 55px; padding-top: 2px; padding-left: 15px; padding-right: 10px; box-sizing: border-box; position: absolute; bottom: 0; display: flex; justify-content: space-between; align-items: center;}
.slot-entry {width: 270px; height: 55px; padding-top: 2px; padding-left: 15px; padding-right: 10px; box-sizing: border-box; position: absolute; bottom: 0; display: flex; justify-content: space-between; align-items: center;}
.game-container span {font-size: 14px; font-weight: 700;}
.game-container button { background: -webkit-linear-gradient(top, #e1ca84 0%,#ad8734 100%); width: 95px; height: 33px; color: black; font-family: none; font-size: 12px;}
@media (max-width:450px) {
  .game-container {width: 100%; height: 150px;}
  .live {width: 47.5%; height: 75%; background-size: 100% 100%;}
  .slot {width: 47.5%; height: 75%; background-size: 100% 100%;}
  .live-entry {width: 100%; padding-top: 10%;}
  .slot-entry {width: 100%; padding-top: 10%;}
  .game-container button {display: none;}
}
/* 라이브카지노 진입 */
.live-display {display: none;}
.live-container {background-color: rgba(0, 0, 0, 0.7); width: 70%; margin: 10px auto; padding: 15px 20px; display: flex; flex-wrap: wrap; justify-content: center;}
.live-item {margin: 5px; width: 180px; height: 200px;}
.live-item:hover {cursor: pointer;}
.live-item:nth-child(1) {background-image: url(../IMG/button/live\ evolution.png); background-size: 100% 100%; background-position: center;}
.live-item:nth-child(2) {background-image: url(../IMG/button/live\ asia.png); background-size: 100% 100%; background-position: center;}
.live-item:nth-child(3) {background-image: url(../IMG/button/live\ micro.png); background-size: 100% 100%; background-position: center;}
.live-item:nth-child(4) {background-image: url(../IMG/button/live\ dream.png); background-size: 100% 100%; background-position: center;}
/* .live-item:nth-child(2) {background-image: url(../IMG/button/live\ micro.png); background-size: 100% 100%; background-position: center;}
.live-item:nth-child(3) {background-image: url(../IMG/button/live\ pragmatic.png); background-size: 100% 100%; background-position: center;}
.live-item:nth-child(4) {background-image: url(../IMG/button/live\ vivo.png); background-size: 100% 100%; background-position: center;}
.live-item:nth-child(5) {background-image: url(../IMG/button/live\ asia.png); background-size: 100% 100%; background-position: center;}
.live-item:nth-child(6) {background-image: url(../IMG/button/live\ dream.png); background-size: 100% 100%; background-position: center;}
.live-item:nth-child(7) {background-image: url(../IMG/button/live\ playtech.png); background-size: 100% 100%; background-position: center;}
.live-item:nth-child(8) {background-image: url(../IMG/button/live\ big.png); background-size: 100% 100%; background-position: center;}
.live-item:nth-child(9) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center; cursor: not-allowed;}
.live-item:nth-child(10) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center; cursor: not-allowed;}
.live-item:nth-child(11) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center; cursor: not-allowed;}
.live-item:nth-child(12) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center; cursor: not-allowed;} */

/* 슬롯게임 진입 */
.slot-display {display: none;}
.slot-container {background-color: rgba(0, 0, 0, 0.7); width: 70%; margin: 10px auto; padding: 15px 20px; display: flex; flex-wrap: wrap; justify-content: center;}
.slot-item {margin: 5px; width: 180px; height: 200px;}
.slot-item:hover {cursor: pointer;}
.slot-item:nth-child(1) {background-image: url(../IMG/button/slot\ pragmatic.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(2) {background-image: url(../IMG/button/slot\ cq9.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(3) {background-image: url(../IMG/button/slot\ booongo.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(4) {background-image: url(../IMG/button/slot\ micro.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(5) {background-image: url(../IMG/button/slot\ habanero.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(6) {background-image: url(../IMG/button/slot\ evoplay.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(7) {background-image: url(../IMG/button/slot\ redtiger.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(8) {background-image: url(../IMG/button/slot\ nolimitcity.png); background-size: 100% 100%; background-position: center;}
/* .slot-item:nth-child(9) {background-image: url(../IMG/button/slot\ blueprint.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(10) {background-image: url(../IMG/button/slot\ playngo.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(11) {background-image: url(../IMG/button/slot\ relax.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(12) {background-image: url(../IMG/button/slot\ redtiger.png); background-size: 100% 100%; background-position: center;} */
/* .slot-item:nth-child(12) {background-image: url(../IMG/button/slot\ netent.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(13) {background-image: url(../IMG/button/slot\ blueprint.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(14) {background-image: url(../IMG/button/slot\ redtiger.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(15) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(16) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(17) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(18) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(19) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(20) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(21) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(22) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(23) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(24) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(25) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(26) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(27) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(28) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center;}
.slot-item:nth-child(29) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center; cursor: not-allowed;}
.slot-item:nth-child(30) {background-image: url(../IMG/button/coming\ soon.png); background-size: 100% 100%; background-position: center; cursor: not-allowed;} */
@media (max-width:450px) {
  .live-item {width: 45%; height: 8.5rem;}
  .slot-item {width: 45%; height: 8.5rem;}
}


/* 하단이벤트 (공지사항/입출금현황) */
.event {width: 80%; margin: 0 auto; padding: 10px 0px; display: flex; flex-wrap: wrap;}
.notice {width: 375; height: 250px; margin: auto; padding: 10px;}
.notice-icon {display: inline-block; width: 59px; height: 80px; background-image: url(../IMG/icon/notice-icon.png); background-size: contain; background-repeat: no-repeat; background-position: top;}
.notice-header {border: 2px outset rgb(183, 151, 87); width: 375px; height: 35px; margin: auto; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; font-weight: 700;}
.notice-header button {font-weight: 700; font-size: 13px; color: rgb(169, 169, 169);}
.notice-header button:hover {color: white;}
.notice-header button:active {transform: scale(0.95);}
.notice-table {width: 375px; margin: 30px auto;}
.notice-table tr {border-bottom: 0.5px solid rgb(72, 72, 72); line-height: 2.5; font-size: 14px; font-weight: 600;}
.notice-table tr:hover {cursor: pointer;}
.notice-table tr td:nth-child(1) {width: 275px; text-align: start; }
.notice-table tr td:nth-child(1)::before {content : '　§　';}
.notice-table tr td:nth-child(2) {text-align: end; font-size: 13px;}
.notice-table tr td:nth-child(2)::after {content : '　';}
.deposit {width: 375px; height: 250px; margin: auto; padding: 10px;}
.deposit-header {background: -webkit-linear-gradient(top, #e1ca84 0%,#ad8734 100%); border: 2px outset rgb(183, 151, 87); width: 375px; height: 35px; margin: auto; display: flex; align-items: center; justify-content: center; color: black; font-size: 14px; font-weight: 700;}
.deposit-table {width: 375px; margin: 30px auto;}
.deposit-table tr {border-bottom: 0.5px solid rgb(72, 72, 72); line-height: 2.7; font-size: 13px; font-weight: 600;}
.deposit-table tr td:nth-child(1) {width: 125px; text-align: start;}
.deposit-table tr td:nth-child(1)::before {content : '　';}
.deposit-table tr td:nth-child(2) {text-align: end;}
.deposit-table tr td:nth-child(3) {text-align: end;}
.deposit-table tr td:nth-child(3)::after {content : '　';}
.withdraw {width: 375px; height: 250px; margin: auto; padding: 10px;}
.withdraw-header {background: -webkit-linear-gradient(top, #e1ca84 0%,#ad8734 100%); border: 2px outset rgb(183, 151, 87); width: 375px; height: 35px; margin: auto; display: flex; align-items: center; justify-content: center; color: black; font-size: 14px; font-weight: 700;}
.withdraw-table {width: 375px; margin: 30px auto;}
.withdraw-table tr {border-bottom: 0.5px solid rgb(72, 72, 72); line-height: 2.7; font-size: 13px; font-weight: 600;}
.withdraw-table tr td:nth-child(1) {width: 125px; text-align: start;}
.withdraw-table tr td:nth-child(1)::before {content : '　';}
.withdraw-table tr td:nth-child(2) {text-align: end;}
.withdraw-table tr td:nth-child(3) {text-align: end;}
.withdraw-table tr td:nth-child(3)::after {content : '　';}
@media (max-width:450px) {
  .notice {width: 95%;}
}

/* 게임사 제공 목록 */
.com-container {display: flex; flex-wrap: wrap; justify-content: center; width: 80%; padding: 0 auto; margin: 15px auto;}
.com-container div {width: 100px; height: 35px; margin: auto;}
.com-container div img {width: 100px; height: 35px;}
.copyright {height: 100px; margin: auto; text-align: center; vertical-align: middle; line-height: 6; color: rgb(161, 161, 161); font-size: 13px; font-weight: 500;}
@media (max-width:450px) {
  .com-container div {width: 15%; height: 5%;}
  .com-container div img {width: 100%; height: 100%;}
}
/* 슬롯 게임 목록 */
.slot-popup-prag {display: none; position: absolute; top: 10%; left: 5%; margin: auto; width: 90%; height: 65%; background-color: rgba(0, 0, 0, 0.8);}
.slot-popup-prag-title {display: flex; justify-content: end; padding: 3%; text-align: center; font-size: 24px; font-weight: 700; color: rgb(222, 202, 162);}
.slot-popup-prag-title p {margin: auto;}
.slot-popup-prag-details {display: flex; flex-wrap: wrap; width: 90%; height: 80%; padding: 1.5%; margin: auto; overflow: hidden; overflow-y:auto;}
.slot-popup-prag-details div {width: 180px; height: 200px; margin: 0.5% auto; text-align: center; font-size: 18px; font-weight: 600;}

.slot-popup-cq9 {display: none; position: absolute; top: 10%; left: 5%; margin: auto; width: 90%; height: 65%; background-color: rgba(0, 0, 0, 0.8);}
.slot-popup-cq9-title {display: flex; justify-content: end; padding: 3%; text-align: center; font-size: 24px; font-weight: 700; color: rgb(222, 202, 162);}
.slot-popup-cq9-title p {margin: auto;}
.slot-popup-cq9-details {display: flex; flex-wrap: wrap; width: 90%; height: 80%; padding: 1.5%; margin: auto; overflow: hidden; overflow-y:auto;}
.slot-popup-cq9-details div {width: 180px; height: 200px; margin: 0.5% auto; text-align: center; font-size: 18px; font-weight: 600;}

.slot-popup-micro {display: none; position: absolute; top: 10%; left: 5%; margin: auto; width: 90%; height: 65%; background-color: rgba(0, 0, 0, 0.8);}
.slot-popup-micro-title {display: flex; justify-content: end; padding: 3%; text-align: center; font-size: 24px; font-weight: 700; color: rgb(222, 202, 162);}
.slot-popup-micro-title p {margin: auto;}
.slot-popup-micro-details {display: flex; flex-wrap: wrap; width: 90%; height: 80%; padding: 1.5%; margin: auto; overflow: hidden; overflow-y:auto;}
.slot-popup-micro-details div {width: 180px; height: 200px; margin: 0.5% auto; text-align: center; font-size: 18px; font-weight: 600;}

.slot-popup-haba {display: none; position: absolute; top: 10%; left: 5%; margin: auto; width: 90%; height: 65%; background-color: rgba(0, 0, 0, 0.8);}
.slot-popup-haba-title {display: flex; justify-content: end; padding: 3%; text-align: center; font-size: 24px; font-weight: 700; color: rgb(222, 202, 162);}
.slot-popup-haba-title p {margin: auto;}
.slot-popup-haba-details {display: flex; flex-wrap: wrap; width: 90%; height: 80%; padding: 1.5%; margin: auto; overflow: hidden; overflow-y:auto;}
.slot-popup-haba-details div {width: 180px; height: 200px; margin: 0.5% auto; text-align: center; font-size: 18px; font-weight: 600;}

.slot-popup-bng {display: none; position: absolute; top: 10%; left: 5%; margin: auto; width: 90%; height: 65%; background-color: rgba(0, 0, 0, 0.8);}
.slot-popup-bng-title {display: flex; justify-content: end; padding: 3%; text-align: center; font-size: 24px; font-weight: 700; color: rgb(222, 202, 162);}
.slot-popup-bng-title p {margin: auto;}
.slot-popup-bng-details {display: flex; flex-wrap: wrap; width: 90%; height: 80%; padding: 1.5%; margin: auto; overflow: hidden; overflow-y:auto;}
.slot-popup-bng-details div {width: 180px; height: 200px; margin: 0.5% auto; text-align: center; font-size: 18px; font-weight: 600;}

.slot-popup-pg {display: none; position: absolute; top: 10%; left: 5%; margin: auto; width: 90%; height: 65%; background-color: rgba(0, 0, 0, 0.8);}
.slot-popup-pg-title {display: flex; justify-content: end; padding: 3%; text-align: center; font-size: 24px; font-weight: 700; color: rgb(222, 202, 162);}
.slot-popup-pg-title p {margin: auto;}
.slot-popup-pg-details {display: flex; flex-wrap: wrap; width: 90%; height: 80%; padding: 1.5%; margin: auto; overflow: hidden; overflow-y:auto;}
.slot-popup-pg-details div {width: 180px; height: 200px; margin: 0.5% auto; text-align: center; font-size: 18px; font-weight: 600;}

.slot-popup-png {display: none; position: absolute; top: 10%; left: 5%; margin: auto; width: 90%; height: 65%; background-color: rgba(0, 0, 0, 0.8);}
.slot-popup-png-title {display: flex; justify-content: end; padding: 3%; text-align: center; font-size: 24px; font-weight: 700; color: rgb(222, 202, 162);}
.slot-popup-png-title p {margin: auto;}
.slot-popup-png-details {display: flex; flex-wrap: wrap; width: 90%; height: 80%; padding: 1.5%; margin: auto; overflow: hidden; overflow-y:auto;}
.slot-popup-png-details div {width: 180px; height: 200px; margin: 0.5% auto; text-align: center; font-size: 18px; font-weight: 600;}

.slot-popup-quick {display: none; position: absolute; top: 10%; left: 5%; margin: auto; width: 90%; height: 65%; background-color: rgba(0, 0, 0, 0.8);}
.slot-popup-quick-title {display: flex; justify-content: end; padding: 3%; text-align: center; font-size: 24px; font-weight: 700; color: rgb(222, 202, 162);}
.slot-popup-quick-title p {margin: auto;}
.slot-popup-quick-details {display: flex; flex-wrap: wrap; width: 90%; height: 80%; padding: 1.5%; margin: auto; overflow: hidden; overflow-y:auto;}
.slot-popup-quick-details div {width: 180px; height: 200px; margin: 0.5% auto; text-align: center; font-size: 18px; font-weight: 600;}

.slot-popup-relax {display: none; position: absolute; top: 10%; left: 5%; margin: auto; width: 90%; height: 65%; background-color: rgba(0, 0, 0, 0.8);}
.slot-popup-relax-title {display: flex; justify-content: end; padding: 3%; text-align: center; font-size: 24px; font-weight: 700; color: rgb(222, 202, 162);}
.slot-popup-relax-title p {margin: auto;}
.slot-popup-relax-details {display: flex; flex-wrap: wrap; width: 90%; height: 80%; padding: 1.5%; margin: auto; overflow: hidden; overflow-y:auto;}
.slot-popup-relax-details div {width: 180px; height: 200px; margin: 0.5% auto; text-align: center; font-size: 18px; font-weight: 600;}

.slot-popup-sky {display: none; position: absolute; top: 10%; left: 5%; margin: auto; width: 90%; height: 65%; background-color: rgba(0, 0, 0, 0.8);}
.slot-popup-sky-title {display: flex; justify-content: end; padding: 3%; text-align: center; font-size: 24px; font-weight: 700; color: rgb(222, 202, 162);}
.slot-popup-sky-title p {margin: auto;}
.slot-popup-sky-details {display: flex; flex-wrap: wrap; width: 90%; height: 80%; padding: 1.5%; margin: auto; overflow: hidden; overflow-y:auto;}
.slot-popup-sky-details div {width: 180px; height: 200px; margin: 0.5% auto; text-align: center; font-size: 18px; font-weight: 600;}

.slot-popup-nlc {display: none; position: absolute; top: 10%; left: 5%; margin: auto; width: 90%; height: 65%; background-color: rgba(0, 0, 0, 0.8);}
.slot-popup-nlc-title {display: flex; justify-content: end; padding: 3%; text-align: center; font-size: 24px; font-weight: 700; color: rgb(222, 202, 162);}
.slot-popup-nlc-title p {margin: auto;}
.slot-popup-nlc-details {display: flex; flex-wrap: wrap; width: 90%; height: 80%; padding: 1.5%; margin: auto; overflow: hidden; overflow-y:auto;}
.slot-popup-nlc-details div {width: 180px; height: 200px; margin: 0.5% auto; text-align: center; font-size: 18px; font-weight: 600;}

.slot-popup-netent {display: none; position: absolute; top: 10%; left: 5%; margin: auto; width: 90%; height: 65%; background-color: rgba(0, 0, 0, 0.8);}
.slot-popup-netent-title {display: flex; justify-content: end; padding: 3%; text-align: center; font-size: 24px; font-weight: 700; color: rgb(222, 202, 162);}
.slot-popup-netent-title p {margin: auto;}
.slot-popup-netent-details {display: flex; flex-wrap: wrap; width: 90%; height: 80%; padding: 1.5%; margin: auto; overflow: hidden; overflow-y:auto;}
.slot-popup-netent-details div {width: 180px; height: 200px; margin: 0.5% auto; text-align: center; font-size: 18px; font-weight: 600;}

.slot-popup-blue {display: none; position: absolute; top: 10%; left: 5%; margin: auto; width: 90%; height: 65%; background-color: rgba(0, 0, 0, 0.8);}
.slot-popup-blue-title {display: flex; justify-content: end; padding: 3%; text-align: center; font-size: 24px; font-weight: 700; color: rgb(222, 202, 162);}
.slot-popup-blue-title p {margin: auto;}
.slot-popup-blue-details {display: flex; flex-wrap: wrap; width: 90%; height: 80%; padding: 1.5%; margin: auto; overflow: hidden; overflow-y:auto;}
.slot-popup-blue-details div {width: 180px; height: 200px; margin: 0.5% auto; text-align: center; font-size: 18px; font-weight: 600;}

.slot-popup-dragoon {display: none; position: absolute; top: 10%; left: 5%; margin: auto; width: 90%; height: 65%; background-color: rgba(0, 0, 0, 0.8);}
.slot-popup-dragoon-title {display: flex; justify-content: end; padding: 3%; text-align: center; font-size: 24px; font-weight: 700; color: rgb(222, 202, 162);}
.slot-popup-dragoon-title p {margin: auto;}
.slot-popup-dragoon-details {display: flex; flex-wrap: wrap; width: 90%; height: 80%; padding: 1.5%; margin: auto; overflow: hidden; overflow-y:auto;}
.slot-popup-dragoon-details div {width: 180px; height: 200px; margin: 0.5% auto; text-align: center; font-size: 18px; font-weight: 600;}

.slot-popup-redtiger {display: none; position: absolute; top: 10%; left: 5%; margin: auto; width: 90%; height: 65%; background-color: rgba(0, 0, 0, 0.8);}
.slot-popup-redtiger-title {display: flex; justify-content: end; padding: 3%; text-align: center; font-size: 24px; font-weight: 700; color: rgb(222, 202, 162);}
.slot-popup-redtiger-title p {margin: auto;}
.slot-popup-redtiger-details {display: flex; flex-wrap: wrap; width: 90%; height: 80%; padding: 1.5%; margin: auto; overflow: hidden; overflow-y:auto;}
.slot-popup-redtiger-details div {width: 180px; height: 200px; margin: 0.5% auto; text-align: center; font-size: 18px; font-weight: 600;}

.slot-popup-playtech {display: none; position: absolute; top: 10%; left: 5%; margin: auto; width: 90%; height: 65%; background-color: rgba(0, 0, 0, 0.8);}
.slot-popup-playtech-title {display: flex; justify-content: end; padding: 3%; text-align: center; font-size: 24px; font-weight: 700; color: rgb(222, 202, 162);}
.slot-popup-playtech-title p {margin: auto;}
.slot-popup-playtech-details {display: flex; flex-wrap: wrap; width: 90%; height: 80%; padding: 1.5%; margin: auto; overflow: hidden; overflow-y:auto;}
.slot-popup-playtech-details div {width: 180px; height: 200px; margin: 0.5% auto; text-align: center; font-size: 18px; font-weight: 600;}

.slot-popup-게임명 {display: none; position: absolute; top: 10%; left: 5%; margin: auto; width: 90%; height: 65%; background-color: rgba(0, 0, 0, 0.8);}
.slot-popup-게임명-title {display: flex; justify-content: end; padding: 3%; text-align: center; font-size: 24px; font-weight: 700; color: rgb(222, 202, 162);}
.slot-popup-게임명-title p {margin: auto;}
.slot-popup-게임명-details {display: flex; flex-wrap: wrap; width: 90%; height: 80%; padding: 1.5%; margin: auto; overflow: hidden; overflow-y:auto;}
.slot-popup-게임명-details div {width: 180px; height: 200px; margin: 0.5% auto; text-align: center; font-size: 18px; font-weight: 600;}

.games-btn img {width: 100%; height: 85%;}

@media (max-width: 450px) {
  .slot-popup-prag-details .main-img {width: 100%; height: 85%;}
  .slot-popup-prag-details .games-btn {width: 45%; height: 10%; margin: 1.5% auto;}
  .slot-popup-prag-details .foot {width: 100%; font-size: 13px;}
  .slot-popup-cq9-details .main-img {width: 100%; height: 85%;}
  .slot-popup-cq9-details .games-btn {width: 45%; height: 10%; margin: 1.5% auto;}
  .slot-popup-cq9-details .foot {width: 100%; font-size: 13px;}
  .slot-popup-micro-details .main-img {width: 100%; height: 85%;}
  .slot-popup-micro-details .games-btn {width: 45%; height: 10%; margin: 1.5% auto;}
  .slot-popup-micro-details .foot {width: 100%; font-size: 13px;}
  .slot-popup-haba-details .main-img {width: 100%; height: 85%;}
  .slot-popup-haba-details .games-btn {width: 45%; height: 10%; margin: 1.5% auto;}
  .slot-popup-haba-details .foot {width: 100%; font-size: 13px;}
  .slot-popup-bng-details .main-img {width: 100%; height: 85%;}
  .slot-popup-bng-details .games-btn {width: 45%; height: 10%; margin: 1.5% auto;}
  .slot-popup-bng-details .foot {width: 100%; font-size: 13px;}
  .slot-popup-pg-details .main-img {width: 100%; height: 85%;}
  .slot-popup-pg-details .games-btn {width: 45%; height: 10%; margin: 1.5% auto;}
  .slot-popup-pg-details .foot {width: 100%; font-size: 13px;}
  .slot-popup-png-details .main-img {width: 100%; height: 85%;}
  .slot-popup-png-details .games-btn {width: 45%; height: 10%; margin: 1.5% auto;}
  .slot-popup-png-details .foot {width: 100%; font-size: 13px;}
  .slot-popup-quick-details .main-img {width: 100%; height: 85%;}
  .slot-popup-quick-details .games-btn {width: 45%; height: 10%; margin: 1.5% auto;}
  .slot-popup-quick-details .foot {width: 100%; font-size: 13px;}
  .slot-popup-relax-details .main-img {width: 100%; height: 85%;}
  .slot-popup-relax-details .games-btn {width: 45%; height: 10%; margin: 1.5% auto;}
  .slot-popup-relax-details .foot {width: 100%; font-size: 13px;}
  .slot-popup-sky-details .main-img {width: 100%; height: 85%;}
  .slot-popup-sky-details .games-btn {width: 45%; height: 10%; margin: 1.5% auto;}
  .slot-popup-sky-details .foot {width: 100%; font-size: 13px;}
  .slot-popup-nlc-details .main-img {width: 100%; height: 85%;}
  .slot-popup-nlc-details .games-btn {width: 45%; height: 10%; margin: 1.5% auto;}
  .slot-popup-nlc-details .foot {width: 100%; font-size: 13px;}
  .slot-popup-netent-details .main-img {width: 100%; height: 85%;}
  .slot-popup-netent-details .games-btn {width: 45%; height: 10%; margin: 1.5% auto;}
  .slot-popup-netent-details .foot {width: 100%; font-size: 13px;}
  .slot-popup-blue-details .main-img {width: 100%; height: 85%;}
  .slot-popup-blue-details .games-btn {width: 45%; height: 10%; margin: 1.5% auto;}
  .slot-popup-blue-details .foot {width: 100%; font-size: 13px;}
  .slot-popup-dragoon-details .main-img {width: 100%; height: 85%;}
  .slot-popup-dragoon-details .games-btn {width: 45%; height: 10%; margin: 1.5% auto;}
  .slot-popup-dragoon-details .foot {width: 100%; font-size: 13px;}
  .slot-popup-redtiger-details .main-img {width: 100%; height: 85%;}
  .slot-popup-redtiger-details .games-btn {width: 45%; height: 10%; margin: 1.5% auto;}
  .slot-popup-redtiger-details .foot {width: 100%; font-size: 13px;}
  .slot-popup-playtech-details .main-img {width: 100%; height: 85%;}
  .slot-popup-playtech-details .games-btn {width: 45%; height: 10%; margin: 1.5% auto;}
  .slot-popup-playtech-details .foot {width: 100%; font-size: 13px;}
}


/* 회원가입 창 */
.join {display: none;}
.join {position: fixed; z-index: 999; top: 15vh; left: 50%; transform: translateX( -50% ); background-color: rgb(0, 0, 0); width: 650px; height: 600px; margin: 0 auto;}
.join-header {display: flex; justify-content: flex-end; background: -webkit-linear-gradient(left, #101010 0%,#353535 50%,#101010 100%); height: 75px; padding: 5px; margin-bottom: 25px;}
.join-header img {width: 90px; height: 75px; margin-right: 215px;}
.join-header button {width: 30px; height: 30px; margin: auto 15px;}
.join-table {width: 650px; height: 400px; font-size: 13px; font-weight: 700;}
.join-table tr td:nth-child(1) {width: 125px; text-align: end;}
.join-table tr td:nth-child(2) {width: 200px; text-align: center;}
.join-table tr td:nth-child(2)::before {content: "　*　"; color: red;}
.join-table tr td:nth-child(3) {width: 175px; text-align: start; color: rgb(100, 100, 100);}
.join-table input {padding: 0 10px; margin: 0 5px; width: 200px; height: 35px; background-color: rgba(0, 0, 0, 0); color: #c4c4c4; font-weight: 600; border: 1px solid rgb(95, 95, 95);}
.join-table select {padding: 0 10px; margin: 0 5px; width: 225px; height: 35px; background-color: rgba(0, 0, 0, 0); color: #c4c4c4; font-weight: 600; border: 1px solid rgb(95, 95, 95);}
.join-signup {background: -webkit-linear-gradient(top, #e1ca84 0%,#ad8734 100%); border: 2px outset rgb(183, 151, 87); width: 400px; height: 40px; margin: 15px auto; display: flex; align-items: center; justify-content: center; color: black; font-family: none; font-size: 14px; font-weight: 700;}
.join-signup:hover {color: white;}
.join-signup:active {border: 2px inset rgb(183, 151, 87);}

/* 입금신청 창 */
.receive-dp {display: none;}
.receive-dp {position: fixed; z-index: 999; top: 15vh; left: 50%; transform: translateX( -50% ); background-color: rgb(0, 0, 0); width: 650px; height: 375px; margin: 0 auto;}
.receive-dp-header {display: flex; justify-content: flex-end; background: -webkit-linear-gradient(left, #101010 0%,#353535 50%,#101010 100%); height: 75px; padding: 5px; margin-bottom: 25px;}
.receive-dp-header img {width: 90px; height: 75px; margin-right: 215px;}
.receive-dp-header button {width: 30px; height: 30px; margin: auto 15px;}
.receive-dp-table {width: 650px; height: 100px; font-size: 13px; font-weight: 700;}
.receive-dp-table tr td:nth-child(1) {width: 100px; text-align: end;}
.receive-dp-table tr td:nth-child(2) {width: 175px; text-align: center;}
.receive-dp-table tr td:nth-child(3) {width: 200px; text-align: start; color: rgb(100, 100, 100);}
.receive-dp-table input {padding: 0 10px; width: 175px; height: 35px; background-color: rgba(0, 0, 0, 0); color: #c4c4c4; font-weight: 600; border: 1px solid rgb(95, 95, 95);}
.receive-dp-unit {display: flex; justify-content: center; align-items: center; height: 75px; margin-right: 80px;}
.receive-dp-unit button {background-color: #cc001b; border: 2px outset #cc001b; width: 55px; height: 30px; margin: 0 1px; color: rgb(255, 255, 255); font-family: none; font-size: 12px; font-weight: 500;}
.receive-dp-unit button:nth-child(6) {width: 61px;}
.receive-dp-unit button:active {border: 2px inset #cc001b;}
.receive-dp-unit button:nth-child(7):active {border: 2px inset #444444;}
.receive-dp-unit button:nth-child(7) {margin-left: 5px; background-color: #444444; border: 2px outset #444444; color: white; font-weight: 500;}
.receive-dp-request button {background: -webkit-linear-gradient(top, #e1ca84 0%,#ad8734 100%); border: 2px outset rgb(183, 151, 87); width: 400px; height: 40px; margin: 20px auto; display: flex; align-items: center; justify-content: center; color: black; font-family: none; font-size: 14px; font-weight: 700;}
.receive-dp-request button:hover {color: white;}
.receive-dp-request button:active {border: 2px inset rgb(183, 151, 87);}

/* 출금신청 창 */
.receive-wd {display: none;}
.receive-wd {position: fixed; z-index: 999; top: 15vh; left: 50%; transform: translateX( -50% ); background-color: rgb(0, 0, 0); width: 650px; height: 375px; margin: 0 auto;}
.receive-wd-header {display: flex; justify-content: flex-end; background: -webkit-linear-gradient(left, #101010 0%,#353535 50%,#101010 100%); height: 75px; padding: 5px; margin-bottom: 25px;}
.receive-wd-header img {width: 90px; height: 75px; margin-right: 215px;}
.receive-wd-header button {width: 30px; height: 30px; margin: auto 15px;}
.receive-wd-table {width: 650px; height: 100px; font-size: 13px; font-weight: 700;}
.receive-wd-table tr td:nth-child(1) {width: 100px; text-align: end;}
.receive-wd-table tr td:nth-child(2) {width: 175px; text-align: center;}
.receive-wd-table tr td:nth-child(3) {width: 200px; text-align: start; color: rgb(100, 100, 100);}
.receive-wd-table input {padding: 0 10px; width: 175px; height: 35px; background-color: rgba(0, 0, 0, 0); color: #c4c4c4; font-weight: 600; border: 1px solid rgb(95, 95, 95);}
.receive-wd-unit {display: flex; justify-content: center; align-items: center; height: 75px; margin-right: 80px;}
.receive-wd-unit button {background-color: #cc001b; border: 2px outset #cc001b; width: 55px; height: 30px; margin: 0 1px; color: rgb(255, 255, 255); font-family: none; font-size: 12px; font-weight: 500;}
.receive-wd-unit button:nth-child(6) {width: 61px;}
.receive-wd-unit button:active {border: 2px inset #cc001b;}
.receive-wd-unit button:nth-child(7):active {border: 2px inset #444444;}
.receive-wd-unit button:nth-child(7) {margin-left: 5px; background-color: #444444; border: 2px outset #444444; color: white; font-weight: 500;}
.receive-wd-request button {background: -webkit-linear-gradient(top, #e1ca84 0%,#ad8734 100%); border: 2px outset rgb(183, 151, 87); width: 400px; height: 40px; margin: 20px auto; display: flex; align-items: center; justify-content: center; color: black; font-family: none; font-size: 14px; font-weight: 700;}
.receive-wd-request button:hover {color: white;}
.receive-wd-request button:active {border: 2px inset rgb(183, 151, 87);}

/* 포인트 전환 창 */
.receive-pnt {display: none;}
.receive-pnt {position: fixed; z-index: 999; top: 15vh; left: 50%; transform: translateX( -50% ); background-color: rgb(0, 0, 0); width: 650px; height: 375px; margin: 0 auto;}
.receive-pnt-header {display: flex; justify-content: flex-end; background: -webkit-linear-gradient(left, #101010 0%,#353535 50%,#101010 100%); height: 75px; padding: 5px; margin-bottom: 25px;}
.receive-pnt-header img {width: 90px; height: 75px; margin-right: 215px;}
.receive-pnt-header button {width: 30px; height: 30px; margin: auto 15px;}
.receive-pnt-table {width: 650px; height: 100px; font-size: 13px; font-weight: 700;}
.receive-pnt-table tr td:nth-child(1) {width: 100px; text-align: end;}
.receive-pnt-table tr td:nth-child(2) {width: 175px; text-align: center;}
.receive-pnt-table tr td:nth-child(3) {width: 200px; text-align: start; color: rgb(100, 100, 100);}
.receive-pnt-table input {padding: 0 10px; width: 175px; height: 35px; background-color: rgba(0, 0, 0, 0); color: #c4c4c4; font-weight: 600; border: 1px solid rgb(95, 95, 95);}
.receive-pnt-unit {display: flex; justify-content: center; align-items: center; height: 75px; margin-right: 80px;}
.receive-pnt-unit button {background-color: #cc001b; border: 2px outset #cc001b; width: 55px; height: 30px; margin: 0 1px; color: rgb(255, 255, 255); font-family: none; font-size: 12px; font-weight: 500;}
.receive-pnt-unit button:nth-child(6) {width: 61px;}
.receive-pnt-unit button:active {border: 2px inset #cc001b;}
.receive-pnt-unit button:nth-child(7):active {border: 2px inset #444444;}
.receive-pnt-unit button:nth-child(7) {margin-left: 5px; background-color: #444444; border: 2px outset #444444; color: white; font-weight: 500;}
.receive-pnt-request button {background: -webkit-linear-gradient(top, #e1ca84 0%,#ad8734 100%); border: 2px outset rgb(183, 151, 87); width: 400px; height: 40px; margin: 20px auto; display: flex; align-items: center; justify-content: center; color: black; font-family: none; font-size: 14px; font-weight: 700;}
.receive-pnt-request button:hover {color: white;}
.receive-pnt-request button:active {border: 2px inset rgb(183, 151, 87);}

/* 공지사항 창 */
.entry-notice {display: none;}
.entry-notice {position: fixed; z-index: 999; top: 15vh; left: 50%; transform: translateX( -50% ); background-color: rgb(0, 0, 0); width: 800px; margin: 0 auto; padding-bottom: 25px;}
.entry-notice-header {display: flex; justify-content: flex-end; background: -webkit-linear-gradient(left, #101010 0%,#353535 50%,#101010 100%); height: 75px; padding: 5px; margin-bottom: 25px;}
.entry-notice-header img {width: 90px; height: 75px; margin-right: 290px;}
.entry-notice-header button {width: 30px; height: 30px; margin: auto 15px;}
.entry-notice-table {width: 750px; font-size: 13px; font-weight: 700; margin: auto; line-height: 3;}
.entry-notice-table tr:nth-child(1) {background-color: rgb(84, 84, 84); height: 40px; font-size: 13.5px;}
.entry-notice-table tr:nth-child(2n) {background-color: #1d1d1d; height: 30px; border-top: 1px solid #444444;}
.entry-notice-table tr:nth-child(2n+3) {background-color: black; height: 30px; border-top: 1px solid #444444;}
.entry-notice-table tr td:nth-child(1) {width: 50px; text-align: center;}
.entry-notice-table tr td:nth-child(2) {width: 375px; text-align: start;}
.entry-notice-table tr td:nth-child(3) {width: 80px; text-align: center;}
.entry-notice-table tr td p {text-decoration: none; color: white; cursor: pointer;}
.entry-notice-table tr td p:hover {color: rgb(215, 198, 164); transition: 0.3s;}
.entry-notice-details {display: none;}
.entry-notice-details {z-index: 999; width: 750px; margin: 0 auto; margin-top: 25px; border: 1px solid #444444; line-height: 3;}
.entry-notice-details-title {background-color: #1d1d1d; display: flex; justify-content: space-between; padding: 0 10px;}
.entry-notice-details-content {background-color: black; padding: 0 10px; font-size: 13px;}
@media (max-width: 450px) {
  .entry-notice {width: 85%;}
  .entry-notice-header {width: 100%; padding: none;}
  .entry-notice-header img {margin: auto;}
  .entry-notice-table {width: 90%; margin: auto;}
  .entry-notice-table tr td:nth-child(1) {width: 20px; text-align: center;}
  .entry-notice-table tr td:nth-child(2) {width: 100px; text-align: start;}
  .entry-notice-table tr td:nth-child(3) {width: 65px; text-align: center;}
  .entry-notice-details {width: 90%;}
}

/* 고객센터 창 */
.entry-inquery {display: none;}
.entry-inquery {position: fixed; z-index: 999; top: 15vh; left: 50%; transform: translateX( -50% ); background-color: rgb(0, 0, 0); width: 800px; margin: 0 auto; padding-bottom: 25px;}
.entry-inquery-header {display: flex; justify-content: flex-end; background: -webkit-linear-gradient(left, #101010 0%,#353535 50%,#101010 100%); height: 75px; padding: 5px; margin-bottom: 25px;}
.entry-inquery-header img {width: 90px; height: 75px; margin-right: 290px;}
.entry-inquery-header button {width: 30px; height: 30px; margin: auto 15px;}
.entry-inquery-table {width: 750px; font-size: 13px; font-weight: 700; margin: auto; line-height: 3;}
.entry-inquery-table tr:nth-child(1) {background-color: rgb(84, 84, 84); height: 40px; font-size: 13.5px;}
.entry-inquery-table tr:nth-child(2n) {background-color: black; height: 30px; border-top: 1px solid #444444;}
.entry-inquery-table tr:nth-child(2n+3) {background-color: #1d1d1d; height: 30px; border-top: 1px solid #444444;}
.entry-inquery-table tr td:nth-child(1) {width: 50px; text-align: center;}
.entry-inquery-table tr td:nth-child(2) {width: 375px; text-align: start;}
.entry-inquery-table tr td:nth-child(3) {width: 80px; text-align: center;}
.entry-inquery-table tr td p {text-decoration: none; color: white; cursor: pointer;}
.entry-inquery-table tr td p:hover {color: rgb(215, 198, 164); transition: 0.3s;}
.inquery-request button {background: -webkit-linear-gradient(top, #e1ca84 0%,#ad8734 100%); border: 2px outset rgb(183, 151, 87); width: 400px; height: 40px; margin: 20px auto; display: flex; align-items: center; justify-content: center; color: black; font-family: none; font-size: 14px; font-weight: 700;}
.inquery-request button:hover {color: white;}
.inquery-request button:active {border: 2px inset rgb(183, 151, 87);}
.entry-inquery-details {display: none;}
.entry-inquery-details {z-index: 999; width: 750px; margin: 0 auto; margin-top: 25px; border: 1px solid #444444; line-height: 3;}
.entry-inquery-details-title {background-color: #1d1d1d; display: flex; justify-content: space-between; padding: 0 10px;}
.entry-inquery-details-content {background-color: black; padding: 0 10px; font-size: 13px;}
.inquery-writing {display: none;}
.inquery-writing {z-index: 1000; position: fixed; top: 15vh; left: 50%; transform: translateX( -50% ); background-color: rgb(0, 0, 0); width: 800px; height: 450px; margin: 0 auto; padding-bottom: 25px;}
.inquery-writing-header {display: flex; justify-content: flex-end; background: -webkit-linear-gradient(left, #101010 0%,#353535 50%,#101010 100%); height: 75px; padding: 5px; margin-bottom: 25px;}
.inquery-writing-header img {width: 90px; height: 75px; margin-right: 290px;}
.inquery-writing-header button {width: 30px; height: 30px; margin: auto 15px;}
.inquery-writing-table {font-size: 13px; font-weight: 700; margin: auto; line-height: 3;}
.inquery-writing-table tr {height: 40px; font-size: 13.5px;}
.inquery-writing-table tr:nth-child(2) textarea {padding: 10px; height: 15px; width: 600px; background-color: rgba(0, 0, 0, 0); color: #c4c4c4; font-size: 80%; font-weight: 500; border: 1px solid rgb(95, 95, 95); resize: none;}
.inquery-writing-table tr:nth-child(4) textarea {padding: 10px; height: 100px; width: 600px; background-color: rgba(0, 0, 0, 1); color: #c4c4c4; font-size: 80%; font-weight: 500; border: 1px solid rgb(95, 95, 95); resize: none;}
.send-inquiry button {background: -webkit-linear-gradient(top, #e1ca84 0%,#ad8734 100%); border: 2px outset rgb(183, 151, 87); width: 400px; height: 40px; margin: 20px auto; display: flex; align-items: center; justify-content: center; color: black; font-family: none; font-size: 14px; font-weight: 700;}
.send-inquiry button:hover {color: white;}
.send-inquiry button:active {border: 2px inset rgb(183, 151, 87);}
@media (max-width: 450px) {
  .entry-inquery {width: 85%;}
  .entry-inquery-header {width: 100%; padding: none;}
  .entry-inquery-header img {margin: auto;}
  .entry-inquery-table {width: 90%; margin: auto;}
  .entry-inquery-table tr td:nth-child(1) {width: 20px; text-align: center;}
  .entry-inquery-table tr td:nth-child(2) {width: 100px; text-align: start;}
  .entry-inquery-table tr td:nth-child(3) {width: 65px; text-align: center;}
  .entry-inquery-details {width: 90%;}
  .inquery-request button {width: 85%;}
}
/* 쪽지함 창 */
.entry-message {display: none;}
.entry-message {position: fixed; z-index: 999; top: 15vh; left: 50%; transform: translateX( -50% ); background-color: rgb(0, 0, 0); width: 800px; margin: 0 auto; padding-bottom: 25px;}
.entry-message-header {display: flex; justify-content: flex-end; background: -webkit-linear-gradient(left, #101010 0%,#353535 50%,#101010 100%); height: 75px; padding: 5px; margin-bottom: 25px;}
.entry-message-header img {width: 90px; height: 75px; margin-right: 290px;}
.entry-message-header button {width: 30px; height: 30px; margin: auto 15px;}
.entry-message-table {width: 750px; font-size: 13px; font-weight: 700; margin: auto; line-height: 3;}
.entry-message-table tr:nth-child(1) {background-color: rgb(84, 84, 84); height: 40px; font-size: 13.5px;}
.entry-message-table tr:nth-child(2n) {background-color: #1d1d1d; height: 30px; border-top: 1px solid #444444;}
.entry-message-table tr:nth-child(2n+3) {background-color: black; height: 30px; border-top: 1px solid #444444;}
.entry-message-table tr td:nth-child(1) {width: 50px; text-align: center;}
.entry-message-table tr td:nth-child(2) {width: 375px; text-align: start;}
.entry-message-table tr td:nth-child(3) {width: 80px; text-align: center;}
.entry-message-table tr td p {text-decoration: none; color: white; cursor: pointer;}
.entry-message-table tr td p:hover {color: rgb(215, 198, 164); transition: 0.3s;}
.entry-message-details {display: none;}
.entry-message-details {z-index: 999; width: 750px; margin: 0 auto; margin-top: 25px; border: 1px solid #444444; line-height: 3;}
.entry-message-details-title {background-color: #1d1d1d; display: flex; justify-content: space-between; padding: 0 10px;}
.entry-message-details-content {background-color: black; padding: 0 10px; font-size: 13px;}
@media (max-width: 450px) {
  .entry-message {width: 85%;}
  .entry-message-header {width: 100%; padding: none;}
  .entry-message-header img {margin: auto;}
  .entry-message-table {width: 90%; margin: auto;}
  .entry-message-table tr td:nth-child(1) {width: 20px; text-align: center;}
  .entry-message-table tr td:nth-child(2) {width: 100px; text-align: start;}
  .entry-message-table tr td:nth-child(3) {width: 65px; text-align: center;}
  .entry-message-details {width: 90%;}
}
/* 팝업 - 로그인 회원정보 불일치 */
.login-fail-modal {display: none;}
.login-fail-modal {position: fixed; z-index: 999; top: 15vh; left: 50%; transform: translateX( -50% ); background-color: white; border-radius: 5px; width: 425px; height: 275px; margin: auto;}
.login-fail-modal-icon {display: flex; align-items: center; justify-content: center; height: 125px;}
.login-fail-modal-icon img {width: 95px; height: 95px; margin-top: 10px;}
.login-fail-modal-coment1 {color: #444444; font-size: 22px; font-weight: 700; text-align: center; margin-top: 15px; margin-bottom: 20px;}
.login-fail-modal-coment2 {color: #444444; font-size: 14px; font-weight: 500; text-align: center;}
.login-fail-modal-button  {background-color: #9bd1fd; border-radius: 5px; width: 65px; height: 35px; margin: 20px auto; display: flex; align-items: center; justify-content: center; color: white; font-family: none; font-size: 14px; font-weight: 700;}
.login-fail-modal-button:active {background-color: #89b7de; border: 1.5px inset #89b7de;}

/* 팝업 - 회원가입 필수항목 입력 */
.join-fail-modal {display: none;}
.join-fail-modal {position: fixed; z-index: 999; top: 15vh; left: 50%; transform: translateX( -50% ); background-color: white; border-radius: 5px; width: 425px; height: 275px; margin: auto;}
.join-fail-modal-icon {display: flex; align-items: center; justify-content: center; height: 125px;}
.join-fail-modal-icon img {width: 95px; height: 95px; margin-top: 10px;}
.join-fail-modal-coment1 {color: #444444; font-size: 22px; font-weight: 700; text-align: center; margin-top: 15px; margin-bottom: 20px;}
.join-fail-modal-coment2 {color: #444444; font-size: 14px; font-weight: 500; text-align: center;}
.join-fail-modal-button  {background-color: #9bd1fd; border-radius: 5px; width: 65px; height: 35px; margin: 20px auto; display: flex; align-items: center; justify-content: center; color: white; font-family: none; font-size: 14px; font-weight: 700;}
.join-fail-modal-button:active {background-color: #89b7de; border: 1.5px inset #89b7de;}

/* 팝업 - 로그인 후 이용가능 */
.user-fail-modal {display: none;}
.user-fail-modal {position: fixed; z-index: 999; top: 15vh; left: 50%; transform: translateX( -50% ); background-color: white; border-radius: 5px; width: 425px; height: 275px; margin: auto;}
.user-fail-modal-icon {display: flex; align-items: center; justify-content: center; height: 125px;}
.user-fail-modal-icon img {width: 95px; height: 95px; margin-top: 10px;}
.user-fail-modal-coment1 {color: #444444; font-size: 22px; font-weight: 700; text-align: center; margin-top: 15px; margin-bottom: 20px;}
.user-fail-modal-coment2 {color: #444444; font-size: 14px; font-weight: 500; text-align: center;}
.user-fail-modal-button  {background-color: #9bd1fd; border-radius: 5px; width: 65px; height: 35px; margin: 20px auto; display: flex; align-items: center; justify-content: center; color: white; font-family: none; font-size: 14px; font-weight: 700;}
.user-fail-modal-button:active {background-color: #89b7de; border: 1.5px inset #89b7de;}