@charset "utf-8";
body {
    background-color: var(--bs-body-bg);
	background-image: var(--bmw-body);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
}
a {text-decoration: none;}
a:hover {text-decoration: none;}
.header {width: 100%;}
.headerWrap {width: 1530px;height: 470px;margin: 0 auto;position: relative;display: flex;align-items: flex-end;justify-content: center;flex-wrap: wrap;}
.headerWrap .logo {width: 400px; display: flex; margin: 0 auto 1em; justify-content: center;}
.banner-carousel {text-align: center;}
.banner-carousel p {font-weight: 600;letter-spacing: -1px;text-shadow: 0 2px 0 rgba(0, 0, 0, 1.0), 0 0 10px rgba(0, 0, 0, 1.0);}
.banner-carousel .t1 {color: #fff;font-size: 32px;line-height: 54px;}
.banner-carousel .t2 {color: #f7ef0f;font-size: 40px;line-height: 52px;}
.flexCenter {display: flex !important;align-items: center;align-content: center;justify-content: center;flex-wrap: wrap;}
.banner-carousel {width: 600px;position: relative;}
.banner-carousel .indicator-panel {width: 100%;}
.banner-carousel .carousel-item {padding: 0 0 20px;}
.carousel-indicators {list-style: none;height: 36px;margin: 0 auto;bottom: 0;padding: 0 20px;background-color: rgba(0, 0, 0, 0.5);box-shadow: inset 0 0 10px rgba(0, 0, 0, 1);border: solid 1px #526746;border-radius: 8px;position: relative;}
.carousel-indicators [data-bs-target] {font-size: 2rem;width: 8px;height: 20px;border-radius: 2px;margin: 0 5px;background-color: rgba(255, 255, 255, 0.5);border: none;opacity: 1;transition: 0.3s;}
.carousel-indicators li:hover {cursor: pointer;background-color: rgba(255, 255, 255, 1);}
.carousel-indicators li.active {background-color: #ff4700;}
/* Banner Background */

.headerZone {z-index: 1002; margin-bottom: 2.4em;}
.mainImageWrap {width: 100%;height: 100%;position: absolute;left: 0;top: 0;pointer-events: none;z-index: 1001;}
.mainImageWrap img {bottom: 0;position: absolute;}
.mainImageWrap div {position: absolute;bottom: 0;}
.mainImageWrap div .d-img {width: 100%;position: relative;}
.mainImageWrap .dealer-02 {width: 25%;left: 0;animation: dealer02 10s ease infinite;}

.mainImageWrap .dealer-01 {width: 22%;left: 15%;animation: dealer01 10s ease infinite;}
.mainImageWrap .dealer-04 {width: 20%;right: -2%;animation: dealer04 10s ease infinite;}
.mainImageWrap .dealer-03 {width: 18%;right: 15%;animation: dealer03 10s ease infinite;}
.mainImageWrap .seven {width: 30%;right: -5%;bottom: auto;top: 15%;transform-origin: bottom left;animation: sevenAnim 10s ease infinite;}
.mainImageWrap .items {width: 10%;left: 2%;bottom: -5%;transform-origin: bottom right;animation: itemsAnim 10s ease infinite;}
.mainImageWrap .casino-table {width: 45%;right: -4%;transform-origin: bottom left;animation: casinoTable 10s ease infinite;}
.mainImageWrap .club {width: 40%;left: -20%;bottom: auto;top: 20%;transform-origin: bottom right;animation: clubAnim 10s ease infinite;}
.mainImageWrap .casino-card {width: 40%;left: -20%;bottom: 15%;transform-origin: bottom right;animation: cardAnim 10s ease infinite;}
.mainImageWrap .chips {width: 20%;right: 10%;bottom: -8%;animation: chipsAnim 10s ease infinite;}

@keyframes dealer02 {0% {opacity: 0;transform: translateX(20%);}15% {opacity: 1;transform: translateX(0);}90% {opacity: 1;transform: translateX(0);}100% {opacity: 0;transform: translateX(0);}}
@keyframes dealer01 {0% {opacity: 0;transform: translateX(-20%);}15% {opacity: 1;transform: translateX(0);}90% {opacity: 1;transform: translateX(0);}100% {opacity: 0;transform: translateX(0);}}
@keyframes dealer04 {0% {opacity: 0;transform: translateX(-20%);}15% {opacity: 1;transform: translateX(0);}90% {opacity: 1;transform: translateX(0);}100% {opacity: 0;transform: translateX(0);}}
@keyframes itemsAnim {0% {opacity: 0;transform: scale(0.5);}10% {opacity: 0;transform: scale(0.5);}20% {opacity: 1;transform: scale(1.1);}30% {opacity: 1;transform: scale(1);}90% {opacity: 1;transform: scale(1);}100% {opacity: 0;transform: scale(1);}}
@keyframes sevenAnim {0% {opacity: 0;transform: scale(0);}10% {opacity: 0;transform: scale(0);}20% {opacity: 1;transform: scale(1.1);}30% {opacity: 1;transform: scale(1);}90% {opacity: 1;transform: scale(1);}100% {opacity: 0;transform: scale(1);}}
@keyframes dealer03 {0% {opacity: 0;transform: translateX(20%);}10% {opacity: 1;transform: translateX(0);}90% {opacity: 1;transform: translateX(0);}100% {opacity: 0;transform: translateX(0);}}
@keyframes casinoTable {0% {opacity: 0;transform: scale(0.5);}5% {opacity: 0;transform: scale(0.5);}20% {opacity: 1;transform: scale(1);}90% {opacity: 1;transform: scale(1);}100% {opacity: 0;transform: scale(1);}}
@keyframes clubAnim {0% {opacity: 0;transform: scale(0);}10% {opacity: 0;transform: scale(0);}20% {opacity: 1;transform: scale(1.1);}30% {opacity: 1;transform: scale(1);}90% {opacity: 1;transform: scale(1);}100% {opacity: 0;transform: scale(1);}}
@keyframes cardAnim {0% {opacity: 0;transform: rotate(45deg);}10% {opacity: 0;transform: rotate(45deg);}20% {opacity: 1;transform: rotate(0deg);}90% {opacity: 1;transform: rotate(0deg);}100% {opacity: 0;transform: rotate(0deg);}}
@keyframes chipsAnim {0% {opacity: 0;transform: translateY(25%);}10% {opacity: 0;transform: translateY(25%);}20% {opacity: 1;transform: translateY(-15%);}30% {opacity: 1;transform: rotate(-5deg) translateY(0);}40% {opacity: 1;transform: rotate(10deg) translateY(0);}90% {opacity: 1;transform: rotate(10deg) translateY(0);}100% {opacity: 0;transform: rotate(10deg) translateY(0);}}
@keyframes smooth-swing {0% {transform: rotate(0deg);}25% {transform: rotate(20deg);}50% {transform: rotate(-10deg);}75% {transform: rotate(10deg);}100% {transform: rotate(0deg);}}
@keyframes menuActive {0% {opacity: 0;transform: translateY(20%);}100% {opacity: 1;transform: translateY(0);}}
@keyframes scbtnAnim {0% {opacity: 0;transform: rotate(45deg);}100% {opacity: 1;transform: rotate(0);}}
@keyframes scBtnGImgAnim {0% {opacity: 0;transform: translateY(-5%);}100% {opacity: 1;transform: translateY(0);}}
@keyframes scBtnFooter {0% {opacity: 0;transform: translateY(-25%);}100% {opacity: 1;transform: translateY(0);}}
@keyframes scBtnImg {0% {opacity: 0;transform: translateY(-3%);}100% {opacity: 1;transform: translateY(0);}}
/* 메인 메뉴 */
.gnbBar {width: 100%;background-image: var(--bmw-head-gnb-image);background-size: 1920px 100%;background-repeat: repeat-x;background-position: center;border-top: solid 1px var(--bmw-head-gnb-border-top);border-bottom: solid 1px var(--bmw-head-gnb-border-bottom);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25), 0 -10px 15px rgba(0, 0, 0, 0.25);position: relative;z-index: 1002;}
.gnbWrap {height: 80px;	width: 1530px;	margin: 0 auto; position: relative;}
.gnbWrap .loginWrap {
	position: absolute;
	right: 0;
	top: 0;
	height: 80px;
	width: 184px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.gnbWrap .memberWrap {
	position: absolute;
	left: 0;
	top: 0;
	height: 80px;
	width: 300px;
	display: flex;
	align-items: center;
}
.gnbWrap .memberWrap li {
	width: 100px;
	text-align: center;
	line-height: 28px;
}
.gnbWrap .memberWrap li p.bold {
	color: gold;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
	text-decoration-color: rgba(255,255,0,0.2);
	text-decoration-style: wavy;
}
.gnbWrap .memberWrap li a:hover p.bold{
	color: orange;
	text-decoration-color: #fff;
}
.memberWrap .goldlevel {
    margin-right: 6px;
    width: 44px;
    height: 25px;
    vertical-align: -6px;
}
.gnbWrap .loginWrap button {border-radius: 4px;}
/*.main-menu li {  display: table-cell; padding-right: 8px;}*/
/*.main-menu li:last-child {  padding-right: 0;}*/
/*.main-menu li a {font-size: 20px;  font-weight: 600;  padding: 8px 12px;  color: var(--bmw-head-gnb-color);  text-shadow: 0 1px 0 rgba(0, 0, 0, 1);letter-spacing: -1px; display: flex;align-items: center;align-content: center;justify-content: center;flex-wrap: wrap;}*/
/*.main-menu li a i {width: 32px;font-size: 28px;background-image:var(--gnbIcon);-webkit-text-fill-color: transparent;-webkit-background-clip: text; text-shadow: none;}*/
/*.main-menu li a:hover {color: var(--gnbColorHover);text-shadow: 0 1px 0 rgba(0, 0, 0, 1), 0 0 10px rgba(255, 255, 255, 0.5);background-color: rgba(0, 0, 0, 0.5);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 1), 0 1px 0 rgba(255, 255, 255, 0.08);border-radius: 4px;transition: all 0.3s;}*/
/*.main-menu li a:hover i {background-image: var(--gnbIconOn);animation: smooth-swing 0.6s cubic-bezier(0.5, 0.05, 0.1, 1);}*/




/* 로그인 폼 */
.mainPage {background-color: var(--bmw-main-bg); padding-top: 20px;}
.waveWrap {height: 100px;background-image: var(--bmw-main-wave);background-repeat: no-repeat;background-size: cover;background-position: left top;}
.btns-yellow {color: #000;background-color: #f7ef0f;background-image: linear-gradient(#f7ef0f, #d29f00);border: none;position: relative;z-index: 1;overflow: hidden;box-shadow: 0 1px 2px rgba(0, 0, 0, 1);text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.btns-red {color: #ffffff;background-color: #ff7444;background-image: linear-gradient(#ff7444, #942900);border: none;position: relative;z-index: 1;overflow: hidden;box-shadow: 0 1px 1px rgba(0, 0, 0, 1);text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);}.login-btn {width: 88px;height: 40px;font-size: 16px;font-weight: 600;}
.btns-yellow:hover,
.btns-red:hover {color: #fff;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);background-image: linear-gradient(#5F87E1, #369);}
/*.mainGameList {*/
/*/*	width: 830px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='180'%3E%3Cellipse opacity='0.3' cx='600' cy='95' rx='600' ry='80' fill='%23000000' /%3E%3C/svg%3E");background-position: center -94px;background-repeat: no-repeat;background-size: 100% 190px;margin: 0 auto;height: 106px;padding: 0 120px;}*/
.mainGameListWrap {height: 80px;}
.mainGameListWrap a.linkGame {width: 200px;opacity: 0.5;filter: grayscale(1);}
.mainGameListWrap a.linkGame img {width: 64px;height: 64px;}
.mainGameListWrap a.linkGame p {font-size: 22px;color: var(--bmw-head-gnb-color1);margin: 12px 0 0 0;text-align: left;line-height: 22px;text-shadow: 0 2px 0 rgba(0, 0, 0, 1.0);font-weight: 600;}
.mainGameListWrap a.linkGame p span {font-size: 16px;display: block;color: #fff; font-weight: normal;}
.mainGameListWrap a.linkGame.active,
.mainGameListWrap a.linkGame:hover {opacity: 1; filter: grayscale(0);}
.mainGameListWrap a.linkGame.active img,
.mainGameListWrap a.linkGame:hover img {width: 80px;height: 80px;animation: menuActive 0.5s ease;}

.mainPageWraps {
	width: 1530px;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
}
.mainPageWraps .mainSideBar {
	width: 270px;
	margin-right: 20px;
	background-color: rgba(0,0,0,0.4);
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	border-radius: 20px;
	overflow: hidden;
}
.mainSideBar .casGnb li {letter-spacing: -1px;text-shadow: 0 1px 0 rgba(0, 0, 0, 1); }
.mainSideBar .casGnb li a {display: flex;color:#fff; padding: 4px 8px 4px 20px;border-radius: 8px; font-size: 18px; line-height:30px;}
.mainSideBar .casGnb li a.active,
.mainSideBar .casGnb li a:hover {color: var(--bmw-side-link-active); background-color: rgba(0,0,0,0.8); cursor: pointer;}
.mainSideBar .casGnb li i.las {width: 40px; font-size: 30px; background-image:var(--bmw-side-icon);-webkit-text-fill-color: transparent;-webkit-background-clip: text; text-shadow: none;}
.mainSideBar .casGnb li a.active i,
.mainSideBar .casGnb li a:hover i {background-image: var(--bmw-side-icon-active);animation: smooth-swing 0.6s cubic-bezier(0.5, 0.05, 0.1, 1);}
.mainSideBar .casGnb li.title {
	height: 40px;
	line-height: 40px;
	background-color: rgba(0,0,0,0.4);
	font-size: 20px;
	padding: 0 10px;
	color: var(--bmw-side-title);
	font-weight: 600;
	display: flex;
	align-items: center;
}
.mainPageContents {
	width: 1260px;
	overflow: hidden;
}
.pageTitle,
.pageContens {
	background-color: rgba(0,0,0,0.4);
	border: 2px solid rgba(0,0,0,0.1);
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	margin-bottom: 20px;
	border-radius: 20px;
}
.pageContens {padding: 20px;}
.pageTitle {padding: 10px 20px; font-size: 30px; font-weight: 600; color:#fff; display: flex;text-shadow: 0 1px 0 rgba(0, 0, 0, 1); line-height: 40px;}
.pageTitle i.las {width: 48px; font-size: 40px;background-image: var(--bmw-side-icon);-webkit-text-fill-color: transparent;-webkit-background-clip: text; text-shadow: none; }

.footer {
    padding: 30px 0;
    text-align: center;
}

/* 상단 트리메뉴 */
.contentTree {
	display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
	width: 100%;
}
.contentTree li {
	flex: 1 1 0;
}
.contentTree li a {
	font-size: 1.1em;
	padding: 1em 0;
	margin-right: 6px;
	display: block;
	text-align: center;
	background-color: rgba(0,0,0,0.4);
	border-radius: 10px;
	color: #fff;
}
.contentTree li:last-child a {
	margin-right: 0;
}
.contentTree li a.active,
.contentTree li a:hover {
	background-color: rgba(0,0,0,0.6);
	font-weight: 600;
	color: var(--bmw-tree);
}
.darkMode {background-color: var(--bmw-content-bg);}