@charset "utf-8";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written : Yang Young bok 260623
updated :
------------------------------------------------------------
*/
/* main */
.swiper-button-next,.swiper-button-prev{width:94px;height:94px}
.swiper-button-next:after,.swiper-button-prev:after{content:'';width:100%;height:100%;background:url(https://netgameimage.gscdn.com/games/baccarat/main/arrow_visual.png) no-repeat;background-size:cover;transition:all 0.3s ease;overflow:hidden}
.swiper-button-next:hover:after,.swiper-button-prev:hover:after{background-image:url(https://netgameimage.gscdn.com/games/baccarat/main/arrow_visual_on.png)}
.swiper-button-next{transform:scaleX(-1)}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px}
.swiper-pagination-bullet{width:12px;height:12px;border-radius:50%;background:#fff9cb;opacity:0.5;vertical-align:middle;overflow:hidden}
.swiper-pagination-bullet-active{width:15px;height:15px;opacity:1}
.swiper-button{position:relative;margin:0 auto;width:235px;height:34px;z-index:100}
.swiper-button .swiper-button-next,.swiper-button .swiper-button-prev{width:42px;height:42px}
.swiper-button .swiper-button-next:after,.swiper-button .swiper-button-prev:after{background-image:url(https://netgameimage.gscdn.com/games/baccarat/main/arrow_swiper.png)}
.visual{position:relative;margin:50px 0 0 0;height:320px}
.visual li{background:url(https://netgameimage.gscdn.com/games/baccarat/main/visual1.jpg) no-repeat center 0;background-size:cover}
.visual .visual2{background-image:url(https://netgameimage.gscdn.com/games/baccarat/main/visual2.jpg)}
.visual .visual3{background-image:url(https://netgameimage.gscdn.com/games/baccarat/main/visual3.jpg)}
.visual li a{position:absolute;bottom:41px;left:calc(50% - 47px);width:94px}
.visual li a img{width:100%;transition:all .3s ease}
.visual li a:hover img{filter:brightness(110%)}
.visual .swiper-pagination{margin:0 0 12px 0}
.visual .swiper-button-next,.visual .swiper-button-prev{display:none}
.news{position:relative;margin:25px 30px}
.news h2{padding:0 0 9px 0;border-bottom:1px solid #000;font-weight:900;font-size:2rem;color:#0a9d11;text-transform:uppercase}
.news li{border-bottom:1px solid #e6e6e6}
.news li a{display:block;padding:16px 0;font-weight:700;font-size:1.6rem}
.news a{transition:all .3s ease}
.news a:hover{filter:brightness(120%)}
.news .date{display:none}
.news .more{position:absolute;top:2px;right:0;width:21px;height:21px;font:0/0 arial}
.news .more:before,.news .more:after{display:block;content:'';position:absolute;top:8px;width:100%;height:5px;background:#0a9d11}
.news .more:after{transform:rotate(90deg)}
.playnow{display:flex;justify-content:center;align-items:center;height:180px;background:#000405 url(https://netgameimage.gscdn.com/games/baccarat/main/bg_play.jpg) no-repeat center;background-size:auto 180px;text-align:center}
.playnow a{display:block;width:210px;height:85px;background:url(https://netgameimage.gscdn.com/games/baccarat/main/btn_play.jpg) no-repeat;background-size:cover;font:0/0 arial;transition:all 0.3s ease}
.playnow a:hover{background-image:url(https://netgameimage.gscdn.com/games/baccarat/main/btn_play_on.jpg)}
.detail{margin:15px 0 0 0;padding:0 0 20px 0}
.detail h3{font-weight:900;font-size:2.3rem;color:#293470}
.detail span{display:block;font-size:4.5rem;line-height:4.6rem}
.detail p{margin:15px 0 0 0}
.content{position:relative;box-sizing:border-box;padding:25px 30px;color:#293470;overflow:hidden}
.content h2{font-weight:900;font-size:3rem;color:#0a9d11;text-align:center}
.content .image{margin:0 auto 15px auto;max-width:600px;text-align:center}
.content .image img{max-width:100%}
.content .swiper-pagination{bottom:33px;font-size:1.5rem;color:#000}
.token h2{margin:0 0 13px 0}
.features .swiper-button-next,.features .swiper-button-prev{filter:brightness(0) invert(1)}
.features .swiper-pagination{color:#fff}
.features{background:#020a19 url(https://netgameimage.gscdn.com/games/baccarat/main/bg_features.jpg) no-repeat center 0;background-size:auto 583px;color:#668edd}
.features h2{color:#fff17c}
.features h3{font-size:2.2rem;color:#668edd;letter-spacing:-1px}
.features h4{margin:15px 0 0 0;font-size:1.5rem;color:#fff}
.features h4+p{margin-top:5px}
.features table{margin:20px 0 0 0;width:100%;border-collapse:collapse}
.features th,td{padding:5px;border:1px solid #3b5484}
.features th{font-weight:900;font-size:1.5rem}
.features td{color:#fff}
.features th+td{text-align:center}
.features tbody tr:nth-child(1) th{color:#00e4ff}
.features tbody tr:nth-child(2) th{color:#ea7504}
.features tbody tr:nth-child(3) th{color:#e9d600}
.features tbody tr:nth-child(4) th{color:#c315f5}
.download{padding:25px 30px 197px 30px;background:#15112e url(https://netgameimage.gscdn.com/games/baccarat/main/bg_download.jpg) no-repeat center bottom;background-size:360px auto;color:#fff}
.download h2{margin:0 0 10px 0;font-weight:900;font-size:3rem;color:#fff17c;text-align:center}
.download p{text-align:center}
.download ul{margin:15px auto 0 auto;width:201px}
.download li:not(:last-child){margin:0 0 10px 0}
.download a img{width:100%;transition:all .3s ease}
.download a:hover img{filter:brightness(110%)}
/* Mobile - Landscape */
@media all and (min-width:576px) {
.news li a{display:flex;justify-content:space-between}
.news .date{display:block;font-weight:400;color:#72a1dc}
.swiper-button{margin-top:20px;width:300px;font-size:2.4rem}
.content li{display:flex;gap:30px}
.content .image{width:calc(50% - 30px);max-width:500px}
.content .detail{padding-bottom:0;width:50%;max-width:640px}
.features .detail{width:80%;max-width:1200px}
.download p{font-size:1.4rem}
}
/* Tablet */
@media all and (min-width:768px) {
.visual li{background:url(https://netgameimage.gscdn.com/games/baccarat/main/visual1_wide.jpg) no-repeat center 0;background-size:cover}
.visual .visual2{background-image:url(https://netgameimage.gscdn.com/games/baccarat/main/visual2_wide.jpg)}
.visual .visual3{background-image:url(https://netgameimage.gscdn.com/games/baccarat/main/visual3_wide.jpg)}
.visual .visual4{background-image:url(https://netgameimage.gscdn.com/games/baccarat/main/visual4_wide.jpg)}
.visual .visual5{background-image:url(https://netgameimage.gscdn.com/games/baccarat/main/visual5_wide.jpg)}
.visual .visual6{background-image:url(https://netgameimage.gscdn.com/games/baccarat/main/visual6_wide.jpg)}
.features{background:url(https://netgameimage.gscdn.com/games/baccarat/main/bg_features_wide.jpg) no-repeat right 0}
}
/* Desktop */
@media all and (min-width:1024px) {
.swiper-pagination-bullet{width:24px;height:24px}
.swiper-pagination-bullet-active{width:30px;height:30px}
.swiper-button{position:absolute;bottom:90px;width:calc(100% - 60px);max-width:1200px;height:0}
.swiper-button .swiper-button-next,.swiper-button .swiper-button-prev{width:68px;height:68px}
.swiper-button .swiper-button-next{right:0}
.swiper-button .swiper-button-prev{left:0}
.swiper-button .swiper-button-next:after,.swiper-button .swiper-button-prev:after{background-image:url(https://netgameimage.gscdn.com/games/baccarat/main/arrow_visual.png)}
.swiper-button .swiper-button-next:hover:after,.swiper-button .swiper-button-prev:hover:after{background-image:url(https://netgameimage.gscdn.com/games/baccarat/main/arrow_visual_on.png)}
.swiper-button+.swiper-pagination{margin-bottom:30px}
.visual{margin:0;height:830px}
.visual li a{bottom:98px;left:calc(50% - 94px);width:188px}
.visual .swiper-pagination{margin-bottom:30px;transform:scale(1)}
.column{box-sizing:border-box;padding:50px 30px;background:url(https://netgameimage.gscdn.com/games/baccarat/main/bg_news.jpg) no-repeat center 0;background-size:cover}
.column>div{display:flex;justify-content:space-between;gap:40px;margin:0 auto;max-width:1200px;overflow:hidden}
.news{margin:-3px 0 0 0;width:50%;max-width:560px}
.news h2{border-bottom:0;font-size:2.4rem;color:#fff17c}
.news li{border-bottom:2px solid #11321f}
.news li a{padding:17px 0 18px 0;font-weight:600;font-size:2rem;color:#43d45a}
.news li .date{color:#22aa38}
.news .more:before,.news .more:after{background:#fff17c}
.playnow{width:50%;height:217px;background-image:url(https://netgameimage.gscdn.com/games/baccarat/main/bg_play_wide.jpg);background-size:cover;}
.playnow a{width:330px;height:157px;background-image:url(https://netgameimage.gscdn.com/games/baccarat/main/btn_play_wide.jpg)}
.playnow a:hover{background-image:url(https://netgameimage.gscdn.com/games/baccarat/main/btn_play_wide_on.jpg)}
.detail{margin:0;padding:0}
.detail h3{margin:20px 0 40px 0;font-size:3.6rem}
.detail span{font-size:9rem;line-height:9rem}
.detail p{margin:15px 0 0 0}
.content{padding-top:70px;height:800px}
.content h2{font-size:5rem;color:#fff17c}
.content ul{margin:0 auto;max-width:1200px}
.content li{gap:60px}
.content li img{border-radius:40px}
.content .swiper-wrapper{height:500px}
.content .image{margin:0}
.token{background:url(https://netgameimage.gscdn.com/games/baccarat/main/bg_token.jpg) no-repeat center 0;color:#8cf5a6;font-size:2rem}
.token h2{margin-bottom:60px}
.token h3{padding-top:35px;color:#8cf5a6}
.features{font-size:1.8rem}
.features h2{margin-bottom:30px}
.features h4{margin-top:30px;font-size:2.2rem}
.features th,.features td{padding:15px}
.features th{font-size:2rem;white-space:nowrap}
.features .swiper-button-next,.features .swiper-button-prev{filter:none}
.download{padding:0 30px;height:827px;background:url(https://netgameimage.gscdn.com/games/baccarat/main/bg_download_wide.jpg) no-repeat center 0}
.download>div{margin:0 auto;box-sizing:border-box;padding:87px 0 0 0;max-width:1200px}
.download h2{margin:0 0 30px 0;font-size:6rem;text-align:left}
.download p{font-size:2.4rem;text-align:left}
.download ul{margin:82px 0 0 0;width:420px}
.download li:first-child{margin:0 0 13px 0}
}
/* Desktop - wide */
@media all and (min-width:1260px) {
.swiper-button{left:calc(50% - 600px)}
.visual .swiper-button-next,.visual .swiper-button-prev{display:flex}
.column{padding:100px 40px}
.column>div{gap:80px}
.content{padding-top:90px;height:880px;font-size:2.4rem}
.content h2{font-size:6rem}
.content li{gap:140px}
.content li img{border-radius:60px}
.token{font-size:2.4rem}
.token h3{font-size:4.2rem}
.features th{font-size:3rem}
}
@media all and (min-width:1680px) {
.visual .swiper-button-next{right:100px}
.visual .swiper-button-prev{left:100px}
}