@charset "utf-8";

.play_swiper { position:relative; width:100%; }
.play_swiper .swiper-container {padding:0; margin:0;}
.play_swiper .swiper-container .swiper-slide {position:relative; height:100%;}
.play_swiper .swiper-container .swiper-slide .img_box {overflow:hidden; border-radius:20px; box-shadow:0px 2px 5px rgba(0,0,0,0.1);}
.play_swiper .swiper-container .swiper-slide .img_box img {width:100%; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1);transform: scale(1);}
.play_swiper .swiper-container .swiper-slide .img_box:hover img {-webkit-transform:scale(1.1); transform: scale(1.1);}

.play_swiper .swiper-container .swiper-slide .txt_box {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; z-index:1; color:#fff; font-weight:500; font-size:1rem}
.play_swiper .swiper-container .swiper-slide .txt_box .txt01 {font-size:2em; padding:0 0 0 10%; margin-top:-5%;}
.play_swiper .swiper-container .swiper-slide .txt_box .txt02 {font-size:3em; padding:10px 0 0 10%;}

.play_swiper .swiper-container .lotto_banner {text-align:center; font-family: 'Moneygraphy-Rounded';}
.play_swiper .swiper-container .lotto_banner * {font-weight: normal;}
.play_swiper .swiper-container .lotto_banner .lotto_tit p {font-size:1.125em;}
.play_swiper .swiper-container .lotto_banner .lotto_tit h5 {font-size:3em; margin-top:10px;}
.play_swiper .swiper-container .lotto_banner .lotto_ball { background:#fff; border-radius:25px; padding:40px 20px; width:fit-content; margin:30px auto; display:flex; align-items:center; justify-content:center;}
.play_swiper .swiper-container .lotto_banner .lotto_ball span {color:#000; font-size:2.25em;}
.play_swiper .swiper-container .lotto_banner .lotto_ball .ball_number { display:flex; justify-content:center; align-items:center; width:90px; height:90px; border-radius:50%; margin:0 5px; font-size:3em; background:#000; color:#fff;}
.play_swiper .swiper-container .lotto_banner .lottto_info { display:flex; justify-content:center; align-items:center; font-size:2.25em;}
.play_swiper .swiper-container .lotto_banner .lottto_info div {margin:0 10px;}
.play_swiper .swiper-container .lotto_banner .lottto_info b {color:var(--color-y);}

.play_swiper .swiper-container .lotto_banner .lotto_ball .color_y {background-color:var(--color-y);}
.play_swiper .swiper-container .lotto_banner .lotto_ball .color_b {background-color:var(--color-b);}
.play_swiper .swiper-container .lotto_banner .lotto_ball .color_r {background-color:var(--color-r);}
.play_swiper .swiper-container .lotto_banner .lotto_ball .color_gn {background-color:var(--color-gn);}
.play_swiper .swiper-container .lotto_banner .lotto_ball .color_gy {background-color:var(--color-gy);}

.play_swiper .swiper-button-next,
.play_swiper .swiper-button-prev {position:absolute; top:50%;left:50%; margin-top:-30px; z-index:2; cursor:pointer; border-radius:50%; display:flex; justify-content:center; align-items:center; width:60px; height:60px; background:rgba(0,0,0,0.8); color:#fff;}
/*.play_swiper .swiper-button-prev {margin-left:calc(-50% - 100px);}
.play_swiper .swiper-button-next {margin-left:calc(50% + 40px);}*/
.play_swiper .swiper-button-prev {margin-left:calc(-50% + 20px);}
.play_swiper .swiper-button-next {margin-left:calc(50% - 80px);}
.play_swiper .swiper-button-next:hover,
.play_swiper .swiper-button-prev:hover {background:rgba(0,0,0,1);}

.play_swiper .btn-paging {display:flex; justify-content:center; align-items:center; margin-top:20px; display:none;}
.play_swiper .btn-wrapper button {border:0; background-color:transparent; color:#222; width:12px; margin:0 5px;}
.play_swiper .swiper-pagination { position:relative; margin-left:5px;}
.play_swiper .swiper-pagination-clickable .swiper-pagination-bullet {margin:0 5px;background-color:#555 !important;}
.play_swiper .swiper-pagination-bullet-active {background-color:#fff !important;}
.play_swiper .btn-la-btn {background-color:var(--main-color); color:#fff; padding:5px; border-radius:3px; margin-left:10px;}

@media (max-width:1479px) {
	/*.play_swiper .swiper-button-next,
	.play_swiper .swiper-button-prev {display:none;}*/
}
@media (max-width:1280px) {
	.play_swiper .swiper-container .swiper-slide .txt_box {font-size:0.875rem;}
	.play_swiper .swiper-container .lotto_banner .lotto_ball {padding:20px;}
	.play_swiper .swiper-container .lotto_banner .lotto_ball .ball_number {width:80px; height:80px;}
}
@media (max-width:1024px) {
	.play_swiper .swiper-button-next,
	.play_swiper .swiper-button-prev {width:40px; height:40px; font-size:12px; }
	.play_swiper .swiper-button-prev {margin-left:calc(-50% + 5px);}
	.play_swiper .swiper-button-next {margin-left:calc(50% - 45px);}
	.play_swiper .swiper-container .lotto_banner .lotto_ball {margin:20px auto;}
	.play_swiper .swiper-container .lotto_banner .lotto_ball .ball_number { width:60px; height:60px; font-size:2em;}
	.play_swiper .swiper-container .lotto_banner .lottto_info {font-size:1.286em;}
}
@media (max-width:969px) {
	.play_swiper .swiper-container .swiper-slide .img_box {border-radius:15px;}
	.play_swiper .swiper-container .lotto_banner .lotto_tit h5 {font-size:2em;}
	.play_swiper .swiper-container .lotto_banner .lotto_ball {padding:10px;}
	.play_swiper .swiper-container .lotto_banner .lotto_ball .ball_number { width:30px; height:30px; font-size:1em;}
}

@media (max-width: 639px){
	.play_swiper .swiper-button-next,
	.play_swiper .swiper-button-prev {top:auto; bottom:10px;}
	.play_swiper .swiper-button-prev {margin-left:calc(50% - 90px);}
	.play_swiper .swiper-container .swiper-slide .img_box {border-radius:10px;}
	.play_swiper .swiper-container .swiper-slide .img_box img {height:300px !important;}
	.play_swiper .swiper-container .swiper-slide .txt_box .txt01 {font-size:1.125rem;}
	.play_swiper .swiper-container .swiper-slide .txt_box .txt02 {font-size:1.5rem;}
	.play_swiper .swiper-container .lotto_banner .lotto_ball .bonus {font-size:12px;}
}
@media (max-width: 399px){
	.play_swiper .swiper-container .lotto_banner .lotto_ball .ball_number {margin:0 1px;}
	.play_swiper .swiper-container .lotto_banner .lottto_info {flex-wrap:wrap;}
	.play_swiper .swiper-container .lotto_banner .lottto_info div {margin:2px 0; width:100%;}
}