*::-webkit-scrollbar {
	width: 5px;
	;
	background-color: none;
}

*::-webkit-scrollbar-track {
	background-color: rgb(30 31 33);
}

*::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: rgb(157 137 106 / 10%);
}

body {
	background: #111113;
	color: #fff;
}
header {
	background: #183127;
	overflow-x: hidden;
	overflow-y: auto;
}
footer {
	background: #111113;
}
.game-page-pop {
	background: url(../../img/play/background_golf2.png) #111113 top left no-repeat;
	background-size: auto 100%;
}
.login-box {
	background: url(../../img/play/background_golf2.png) top left rgba(0,0,0,0.8) no-repeat;
	background-size: 44% auto;
}
.sub-container {
	background: url(../../img/play/background_golf2.png) #111113 top left no-repeat;
	background-size: 500px auto;
}
.main-board {
	background: #1d1e22;
}
.main-board table tr:hover td {
	background: #343743;
}

header .header-container .header-bottom .gnb .gnb-item:hover {
	background: linear-gradient(90deg, #111113, transparent);
}
header .header-container .header-bottom .gnb .gnb-item, .main-game-selector-wrap li {
/*	filter: sepia(1);*/
}

@keyframes slide-top{
	0%{
		opacity: 0;
		transform:translateY(50px);
	}
	100%{
		opacity: 1;
		transform:translateY(0);
	}
}

@keyframes slide-top2{
	0%{
		opacity: 0;
		margin-top:-50px;
	}
	100%{
		opacity: 1;
		margin-top: 0;
	}
}

@keyframes floating{
	0%{
		
		transform:translateY(10px);
	}
	50%{
		
		transform:translateY(0px);
	}
	100%{
		
		transform:translateY(10px);
	}
}

.banner-slider .banner-text {
	top: 39%;
	left: 40px;
	width: 450px;
	height: 304px;
	background: url(../../img/play/banner_text_golf2.png) center no-repeat;
	background-size: contain;
	animation: slide-top2 1s both;
}
header .header-container .header-top {
	height: 60px;
	margin: 10px auto;
}
header .header-container .header-top .logo-container {
	padding: 0;
}
header .header-container .header-bottom {
	padding: 5px 15px;
}
header .header-container .header-bottom .gnb-container {
	background: url(../../img/play/bg_nav_golf2.png) center top no-repeat #151518;
	background-size: cover;
}

.login-box .login-box-img {
	width: 500px;
	left: -110px;
	top: -177px;
}
.main-cs-container {
	background: url(../../img/play/bg_cs_golf2.png) center top no-repeat #151518;
	background-size: cover;
	height: auto;
	margin: 10px auto 20px auto;
	padding-bottom: 20px;
	text-shadow: 0 0 2px #000, 0 0 6px #000;
}
.main-cs-container .main-cs-title h3 {
	font-size: 1.9rem;
	letter-spacing: -1px;
}
.main-cs-container .main-cs-img {
	bottom: 0;
	left: auto;
	width: 60%;
	display: block;
	right: -53px;
	height: 76%;
}

.main-cs-container .main-cs-img img{display:none;}
.main-cs-container .main-cs-img:before{position: absolute;animation: floating 3s both ease infinite;background: url(../../img/play/img_girl_golf2_01.png) right bottom no-repeat;width:100%;height:100%;content:'';top:0;right:0;z-index: 1;background-size: contain;}

.sub-container-title .sub-container-title-img.money {
	top: -103px;
	left: -90px;
	height: 450px;
	animation: slide-top 1s both;
}
.sub-container-title .sub-container-title-img {
	top: -103px;
	left: -90px;
	height: 450px;
	animation: slide-top 1s both;
}

.popup-web-wrap h2 {
	padding: 20px 10px 20px 130px !important;
}

.main-cs-container .main-cs-btn li.main-cs-btn-team, .main-cs-container .main-cs-btn li.main-cs-btn-chrome {
	/*display: none;*/
}

.banner-wrap-item-text{left: 530px;}
.banner-wrap-item-text:before{animation: slide-top 2s both .2s;}
.banner-wrap-item-text:after{animation: slide-top 2s both .3s;}

#game-container-main{margin:40px 0 20px 0;padding: 0;}

.main-cs-container .main-cs-btn li.main-cs-btn-kakao{display: none;}
.main-cs-customer{display:none}
.main-cs-container .main-cs-title h4{padding-bottom:20px;}