body{background-color:#000;font-family:"Pretendard Variable", Pretendard;color:#fff;font-size:14px;font-style:normal;font-weight:500;letter-spacing:-0.6px}
body i{transition:.2s all}
button {font:inherit}
a, a.link, a.visited, a:active, a:hover {text-decoration: none;color:inherit}
[class^=icon]{background-size:cover}
input::placeholder {color: #9ca3af}
select::-moz-placeholder, input::-moz-placeholder {color: #9ca3af}
.jquery-modal.blocker{z-index:10}
/*# sourceMappingURL=common.min.css.map */

/* pc */
.LNB-container {color:#fff;position:fixed;top:68;z-index:5;width:250px;background-color:#000;padding:18px 24px;display:flex;flex-flow:column;align-items:center;gap:12px;height:100%;overflow-x:hidden;border-right:1px solid #111}
.LNB-container::-webkit-scrollbar {display:none}
.LNB-container.hidden {display:none}
.LNB-container .logo {width:200px;display: flex}
.LNB-container .menu-box {width: 100%;display: flex;flex-flow: column;gap: 4px;padding:16px 8px;background-color:#222;border: 1px solid #666;border-radius: 12px;box-shadow: 1px 1px 2px 1px #888}
.LNB-container .menu-box .menu-item {width: 100%;height:40px;padding:8px 12px;display: flex;align-items:center;gap:8px;color:#fff;border-bottom:1px solid #666;font-size: 14px;cursor: pointer}
.LNB-container .menu-box .menu-item [class^=icon] {width: 24px;height: 24px;background-size: 100% 100%}
.LNB-container .menu-box .menu-item [class^=icon].icon-LNB-live {background-image: url("/img/LNB-Gray-Gradient-Casino-Icon.png")}
.LNB-container .menu-box .menu-item [class^=icon].icon-LNB-slot {background-image: url("/img/LNB-Gray-Gradient-Slot-Icon.png")}
.LNB-container .menu-box .menu-item [class^=icon].icon-LNB-sports {background-image: url("/img/LNB-Gray-Gradient-Sport-Icon.png")}
.LNB-container .menu-box .menu-item [class^=icon].icon-LNB-holdem {background-image: url("/img/LNB-Gray-Gradient-Holdem-Icon.png")}
.LNB-container .menu-box .menu-item [class^=icon].icon-LNB-mini {background-image: url("/img/LNB-Gray-Gradient-Minigame-Icon.png")}
.LNB-container .menu-box .menu-item [class^=icon].icon-LNB-event {background-image: url("/img/LNB-Gray-Event-Icon.png")}
.LNB-container .menu-box .menu-item [class^=icon].icon-LNB-notice {background-image: url("/img/LNB-Gray-Notice-Icon.png")}
.LNB-container .menu-box .menu-item [class^=icon].icon-LNB-alarm {background-image: url("/img/LNB-Gray-Message-Icon.png")}
.LNB-container .menu-box .menu-item [class^=icon].icon-LNB-mypage {background-image: url("/img/LNB-Gray-Mypage-Icon.png")}
.LNB-container .menu-box .menu-item [class^=icon].icon-LNB-recommend {background-image: url("/img/LNB-Gray-Friends-Icon.png")}
.LNB-container .menu-box .menu-item [class^=icon].icon-LNB-deposit {background-image: url("/img/LNB-Gray-Deposit-Icon.png")}
.LNB-container .menu-box .menu-item [class^=icon].icon-LNB-withdraw {background-image: url("/img/LNB-Gray-Withdrawal-Icon.png")}
.LNB-container .menu-box .menu-item [class^=icon].icon-LNB-history {background-image: url("/img/LNB-Gray-Betting-Breakdown-Icon.png")}
.LNB-container .menu-box .menu-item [class^=icon].icon-LNB-rule {background-image: url("/img/LNB-Gray-Betting-Regulation-Icon.png")}
.LNB-container .menu-box .menu-item [class^=icon].icon-LNB-qa {background-image: url("/img/LNB-Gray-Customer-Service-Icon.png")}
.LNB-container .menu-box .menu-item [class^=icon].icon-gray {filter: invert(95%) sepia(80%) saturate(704%) hue-rotate(375deg) brightness(100%) contrast(90%);}
.LNB-container .menu-box .menu-item:hover {color:#ffdb6c;transition: .2s ease}
.LNB-container .menu-box .menu-item:hover [class^=icon] {transform: scale(1.2)}
.LNB-container .LNB-opner {display: none;position: absolute}

.root-container{position:relative;margin:68px auto 0 auto;background-color:#000;min-width:1600px}
.header-container{position:fixed;top:0;z-index:10;padding-left:24px;padding-right:10px;width:100%;height:68px;background-color:#000;display:flex;align-items:center;gap:40px;min-width:1190px;box-shadow: 0px 9px 14px rgb(255, 255, 255, 0.15);}
.header-container.guest{grid-template-columns:3fr 2fr}
.header-container .logo-wrap {width:200px}
.header-container .logo-wrap .logo {display:block;width:200px}
.header-container .logo-wrap .logo img {width:100%}

.header-container .menu_open {display:none}
.header-container .marquee{overflow:hidden;position:relative;width:100%;height:22px;display:flex;align-items:center}
.header-container .marquee-content{display:flex;white-space:nowrap;position:absolute;animation:marquee 30s linear infinite;color:#f8a802}
@keyframes marquee{from{left:100%} to{left:-100%}}
.header-container .info-container {display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-right:10px;font-size:1.1em; min-width:500px;}
.header-container .info-container .info-item{display:flex;justify-content:center;align-items:center;width:80px;height:32px;cursor:pointer;border-radius:999px;background-color:#f8a802;color:#000;font-weight:500;padding:0 6px;}
.header-container .info-container .info-item #mileage-change-button{cursor:pointer;margin-left:4px}
.header-container .info-container .info-item#register-open-btn{width:120px;background-color:#000;border:1px solid #f8a802;color:#f8a802}
.header-container .info-container .info-item i{width:18px;height:18px;margin-right:4px}
.header-container .info-container .info-item i.icon-krw{background-image:url("/asset/image/icon/svg/Krw-Mini-Icon.svg")}
.header-container .info-container .info-item i.icon-brand-mileage{background-image:url("/asset/image/icon/svg/Mileage-Mini-Icon.svg")}
.header-container .info-container .info-item i.icon-brand-logout{background-image:url("/asset/image/icon/svg/Logout-Mini-Icon.svg")}

.p-sidebar {position:fixed;transition:transform 0.3s;display:flex;flex-direction:column;z-index:1101;top:0;left:0;width:100%;background:#000;color:#fff;height:100%;font-size:16px;padding:4px;}
.p-sidebar a.menu_close {display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image: url(/img/Gray-X-Circle-Mini-Icon.svg);}
.p-sidebar-header {display:flex;align-items:center;justify-content:flex-end;padding:10px 15px;}
.p-sidebar-header .p-sidebar-header-content {display:flex;justify-content:space-between;width:100%;align-items:center;}
.p-sidebar-content {position:relative;overflow-y:auto;padding:0;}
.p-sidebar .p-sidebar-content .welcome-container {padding:20px;}
.p-sidebar .p-sidebar-content .welcome-container .welcome-text {font-size:20px;text-align:center;margin-bottom:20px;margin-top:20px;}
.p-sidebar .p-sidebar-content .welcome-container .auth-box {display:flex;justify-content:center;gap:15px;margin-bottom:20px;}
.p-sidebar .btn {display:flex;justify-content:center;align-items:center;width:80px;height:32px;cursor:pointer;border-radius:4px;background-color:#f8a802;color:#fff;font-weight: 500;}
.p-sidebar .btn.join	{background-color:#f8fafc;border: 1px solid #f8a802;color: #f8a802;}
.p-sidebar .btn.logout {width:100%;height:40px}
.p-sidebar .btn.menu_close {width:100%;height:40px;background-color:#f8fafc;border: 1px solid #f8a802;color: #f8a802;}
.p-sidebar .p-sidebar-content .welcome-container .nickname-box {margin-bottom:15px;display:flex;align-items:center;gap:5px;}
.p-sidebar .p-sidebar-content .welcome-container .nickname-box .nickname-text {color:#f8a802;}
.p-sidebar .p-sidebar-content .welcome-container .balance-container {margin-bottom:20px;display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;}
.p-sidebar .p-sidebar-content .welcome-container .balance-container .balance-box {font-size:24px;margin-bottom:3px;display:flex;align-items:center;}
.p-sidebar .p-sidebar-content .welcome-container .balance-container .balance-text {font-size:14px;color:#999;display:flex;justify-content:space-between;align-items:center;}
.p-sidebar .p-sidebar-content .menu-list {padding:0px 10px;background-color: #000;border: 1px solid #e2e8f0;display: flex;flex-flow: column;}
.p-sidebar .p-sidebar-content .menu-list .item {display: flex;gap: 6px;align-items: center;padding: 12px 0;border-bottom: 1px solid #e2e8f0;}

#login-modal {position:relative;width:640px;max-width:unset;height:500px;background-color:#000;padding:24px;box-shadow:0px 1px 3px 0px rgba(0, 0, 0, .1), 0px 1px 2px -1px rgba(0, 0, 0, .1);border-radius:20px;transition:.5s ease-in;}
#login-modal a.close-modal {top: 24px;right: 24px;background-image:url("/img/Gray-X-Circle-Mini-Icon.svg");}
#login-modal .left-girl {position: absolute;top: -10px;left: 0;z-index: -1;width: 420px;aspect-ratio: 420 / 510;}
#login-modal .login-wrap {display: flex;flex-flow: column;gap: 20px;z-index: 2;margin: 68px 0 0 auto;width: 240px;}
#login-modal .login-wrap .logo {display: flex;width: 100%;justify-content: center;}
#login-modal .login-wrap .input-wrap {display: flex;flex-flow: column;gap: 12px;}
#login-modal .login-wrap .input-wrap input {padding: 12px;display: flex;justify-content: center;align-items: center;text-align: center;border-radius: 12px;border: 1px solid #e2e8f0;background-color: #f8fafc;}
#login-modal .login-wrap .input-wrap .button {display: flex;justify-content: center;align-items: center;padding: 12px;border: 1px solid #f8a802;border-radius: 12px;font-weight: 500;background-color: #f8a802;}
#login-modal .login-wrap .input-wrap .button#login-btn {color: #fff;cursor: pointer;}
#login-modal .login-wrap .input-wrap .button#register-btn {background-color: #fff;color: #f8a802;}

.popup-container {position:fixed;top:0;left:0;right:0;bottom:0;width:100%;background:rgba(0, 0, 0, .5);z-index:9999;}
.popup-wrap {width:1440px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}
.popup-container .popup-wrap .popup-box {display:inline-block;margin-top:68px;width:calc(25% - 10px);margin-right:10px;overflow:hidden;background:#000;animation:opacityIn .3s;transition:opacity .3s;}
.popup-container .popup-wrap .popup-box .pop_head {display:flex;align-items:center;justify-content:center;width:100%;height:60px;background-color:#000;position:relative;border:1px solid #333;}
.popup-container .popup-wrap .popup-box .pop_head button{position:absolute;top:50%;right:20px;transform:translate(0, -50%);width:24px;height:24px;color:white;display:grid;place-content:center;background-color:transparent;background-image:url(/asset/image/icon/svg/Gray-X-Circle-Mini-Icon.svg);background-size:100% 100%;cursor:pointer;border:none}
.popup-container .popup-wrap .popup-box .popup-contents-box {min-height:400px;padding:0}
.popup-container .popup-wrap .popup-box .popup-contents-box img {display:block;width:100%;max-height:calc(100vh - 150px);}
.popup-container .popup-wrap .popup-box .popup-footer {height:72px;background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center;border:1px solid #333;}
.popup-container .popup-wrap .popup-box .popup-footer button {border-radius:12px;padding:8px 12px;border:0;background:#f8a802;color:#fff;font-size:12px;cursor:pointer;}

.main-container {/*padding: 24px 24px 24px calc(250px + 24px);*/display: flex;flex-flow: column;gap: 48px;background-color: #000;background-size: 100% 100%;/*padding-bottom: 120px;*/}
.main-container .section {display: flex;flex-flow: column;gap: 28px;}

.main-container .section i.icon-live {background-image: url('/img/Brand-Colorful-Casino-Icon.webp');background-size: 100% 100%;}
.main-container .section i.icon-slot {background-image: url('/img/Brand-Colorful-Slot-Icon.webp');background-size: 100% 100%;}
.main-container .section i.icon-notice {background-image: url('/img/Brand-Notice-Icon.webp');background-size: 100% 100%;}
.main-container .section i.icon-event {background-image: url('/img/Brand-Event-Icon.webp');background-size: 100% 100%;}
.main-container .section .title-wrap {display: flex;gap: 12px;align-items: center;}
.main-container .section .title-wrap .title {font-size: 24px;font-weight: 700;}
.main-container .section .title-wrap .title span {font-size: 24px;font-weight: 700;color: #f8a802;}

#section-1 {margin: 0 auto;aspect-ratio: 1620 / 540;width:100%;background-image: url('/img/banner/banner11.jpg');background-size: 100% 100%;border-radius:8px}
#section-1 .txtbanner {width:50%;height:100%;display:flex;align-items:center;padding-left:10px;}
#section-1 .txtbanner h1 {font-size:4em;color:#fff;margin:20px 0;text-wrap: nowrap;}
#section-1 .txtbanner h2 {font-size:4em;color:#fff;margin:20px 0;text-wrap: nowrap;}
#section-1 .slick-list {}
#section-1 .slick-slide {overflow: hidden;}
#section-1 .slick-dots {position: absolute;display: flex;bottom: 15px;left: 50%;transform: translateX(-50%);gap: 30px;}

#section-2, #section-3{}
.list-container .card-wrap {display: grid;grid-template-columns: repeat(6, 1fr);gap:36px;}
.list-container .card-wrap .card {display: flex;cursor: pointer;}
.list-container .card-wrap .card img {aspect-ratio: 224 / 286;width: 100%;}

#section-4 {display: grid;grid-template-columns: 1fr 1fr;gap: 12px;}
.board-container {display: flex;flex-flow: column;gap:12px;}
.board-container .list {padding:12px 10px;background-color:#222;border: 1px solid #111;border-radius: 12px;display: flex;flex-flow: column;}
.board-container .list .item {display:flex;gap:6px;align-items:center;padding: 12px 0;border-bottom: 1px solid #111;}
.board-container .list .item:last-child {border: 0;}
.board-container .list .item .chk {display:block;width:16px;height:16px;border:1px solid #000}
.board-container .list .item .state {margin-left:auto}
.board-container .list .item input, .board-container .list .item .cstext {border-radius: 8px;border: 1px solid #797d83;background-color: #fff;font-size: 14px;width: 100%;padding: 6px;}

.tabs.v2 {display:grid;gap:12px;grid-template-columns:repeat(4, 1fr);}
.tabs.v2 .tab.on {color:#000;background: linear-gradient(90deg, #f8a802 -23.54%, #efb53c 76.46%);}
.tabs.v2 .tab {display:flex;justify-content:center;align-items:center;padding: 8px 12px;font-size: 14px;font-weight: 500;color: #9ca3af;border-radius: 8px;border: 1px solid #efb53c;background-color: #fff;box-shadow: 0px 3px 7px 0px rgba(121, 152, 252, .25);cursor:pointer;}

.reqacc {color:#000;background:linear-gradient(90deg, #f8a802 -23.54%, #efb53c 76.46%);padding:8px 12px;font-size:14px;font-weight:500;border-radius: 8px;}
.btnwrap {width:100%;margin-top:10px;display:flex;flex-wrap:wrap;justify-content:space-between}
.btnwrap button {width:calc(10% - 2px);cursor:pointer;padding: 8px 12px;font-size: 14px;font-weight: 500;color:#000;border-radius: 8px;border:1px solid #e2e8f0;background-color:#fff;box-shadow: 0px 3px 7px 0px rgba(121, 152, 252, .25);}

[class^="icon-"] {width: 34px;height: 34px;background-size: 100% 100%;}

.pages-container {width:100%;min-width:1440px;padding:24px 24px 120px calc(250px + 24px);background-color:#000;background-size:calc(100% - 250px) 100%;background-position:250px 0;}.pages-container  .title-container {padding-bottom: 24px;display: flex;}
.pages-container .title-container .text-box {width: 100%;display: flex;gap: 8px;padding-bottom: 12px;align-items: center;border-bottom: 1px solid #f8a802;color: $text-tertiary;}
.pages-container .title-container .text-box .title {color: #f8a802;font-size: 24px;font-weight: 700;}

@keyframes scaleUpDown {
  0% {
    background-position-y: 0px;
    transform: scale(1);
  }

  50% {
    background-position-y: 5px;
    transform: scale(0.96);
  }

  100% {
    background-position-y: 0px;
    transform: scale(1);
  }
}

.slot-view-container {display: flex;flex-flow: column;gap: 32px;}
.slot-view-container .search-wrap {position: relative;display: flex;}
.slot-view-container .search-wrap input[type=text] {border-radius: 8px;border: 1px solid #e2e8f0;background-color: #fff;font-size: 14px;width: 100%;padding: 12px 12px 12px 40px;}
.slot-view-container .search-wrap .icon-search {display: block;width: 20px;height: 20px;position: absolute;left: 12px;top: 50%;transform: translateY(-50%);background-image: url(/asset/image/icon/Gray-Heart-Icon.webp);}
.slot-view-container .card-wrap {display: grid;grid-template-columns: repeat(7, 1fr);gap: 10px;}
.slot-view-container .card-wrap .card {padding: 8px 6px;border: 1px solid #f8a802;border-radius: 8px;display: flex;flex-flow: column;gap: 4px;background-color: #000;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .08);position: relative;overflow: hidden;position: relative;transition: .2s;cursor: pointer;position: relative;}
.slot-view-container .card-wrap .card:hover {filter: brightness(1.2);}
.slot-view-container .card-wrap .card img {border-radius: 8px;}
.slot-view-container .card-wrap .card .desc {text-align: center;padding: 4px 6px;overflow: hidden;white-space: nowrap;position: relative;background-color:#333;border: 1px solid #333;border-radius: 4px;}

.pagination-container {display: flex;justify-content: center;}
.pagination-container .pagination-wrap {display: flex;gap: 8px;}
.pagination-container .pagination-wrap .page-box {display: flex;justify-content: center;align-items: center;width: 32px;height: 32px;color: #9ca3af;background-color: #fff;border: 1px solid #e2e8f0;border-radius: 2px;cursor: pointer;}
.pagination-container .pagination-wrap .page-box.active {color: #fff;background-color: #f8a802;}
.pagination-container .pagination-wrap .page-box .icon-left {width: 16px;height: 16px;background-image: url(/asset/image/icon/svg/Gray-Arrow-Left-Icon-White.svg);}
.pagination-container .pagination-wrap .page-box .icon-right {width: 16px;height: 16px;background-image: url(/asset/image/icon/svg/Gray-Arrow-Right-Icon-White.svg);}

.footer-container {width: 100%;padding: 52px 48px 52px calc(250px + 52px);display: flex;flex-flow: column;gap: 4px;justify-content: center;min-width: 1440px;background-color: #000;}
.footer-container .banner-container {display:flex;justify-content:space-between;justify-content:center;margin-bottom:32px;padding-bottom:28px;overflow:hidden;}
.footer-container .banner-container .banner-item {display:flex;}
.footer-container .banner-container .banner-item img {height:30px}

.footer-container .copyright {text-align:center;font-size:14px;font-weight:bold}

@media only screen and (max-width:768px) {
	body {font-size:12px;font-style:normal;font-weight:400;}
	html,body{overscroll-behavior:none}
	
	.root-container {margin:100px auto}
	
	.LNB-container {display:none}
	
	#login-modal {width:100%;height:400px}
	#login-modal .left-girl {display:none}
	#login-modal .login-wrap {width:100%;gap:10px;margin:40px auto}

	.root-container {width:100%;min-width:100%;}
	.header-container {display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;min-width:100%;margin:0;padding:10px 18px 0px 0px;gap:0;height:100px}
	.header-container .logo-wrap .logo {width:120px}
	
	.header-container .menu_open {display:block}
	.header-container .marquee {border-top: 1px solid #e2e8f0;height:30px;font-size:14px}
	.header-container .info-container{display:none}
	.pages-container {min-width:100%;padding:10px}
	.main-container {gap:10px}
	
	[class^="icon-"] {width:20px;height:20px;background-size: 100% 100%;}
	.main-container .section {gap:10px;margin-bottom:20px}
	.main-container .section .title-wrap {gap:10px;}
	.main-container .section .title-wrap .title {font-size:16px;}
	.main-container .section .title-wrap .title span {font-size:16px;}
	
	#section-1 .txtbanner {padding-left:4px}
	#section-1 .txtbanner h1 {font-size:1.4em;margin:4px 0;text-wrap: nowrap;}
	#section-1 .txtbanner h2 {font-size:1.4em;margin:4px 0;text-wrap: nowrap;}
	
	.list-container .card-wrap {grid-template-columns: repeat(2, 1fr);gap:10px;}
	
	#section-4 {grid-template-columns:1fr;gap:10px;}
	#section-4 .board-container {gap:10px;margin-bottom:10px}
	
	.popup-wrap {width:100%;flex-wrap:wrap;justify-content:center}
	.popup-container .popup-wrap .popup-box {margin-top:40px;width:calc(90% - 10px);}
	
	.pages-container .title-container {padding-bottom:10px;}
	.pages-container .title-container .text-box .title {font-size:16px;}
	.slot-view-container {gap:10px}
	.slot-view-container .search-wrap input[type=text] {border-radius:4px;font-size:12px;padding:10px 10px 10px 26px;}
	.slot-view-container .search-wrap .icon-search {width:14px;height:14px;left:10px;top: 50%;transform: translateY(-50%);}
	.slot-view-container .card-wrap {grid-template-columns:repeat(2, 1fr);}

	.board-container .list {padding:14px 10px;}
	.btnwrap button {width: calc(20% - 2px);padding:4px 6px;font-size:12px}
	
	.pagination-container .pagination-wrap {gap:6px;}
	.pagination-container .pagination-wrap .page-box {width:24px;height:24px;}

	.footer-container {padding:10px;min-width:100%;}
	.footer-container .banner-container {flex-wrap:wrap;padding-bottom:8px;margin-bottom:12px}
	.footer-container .banner-container .banner-item {width:18%;justify-content:center}
	.footer-container .banner-container .banner-item img {height:20px}
	.footer-container .copyright {font-size:10px}
}