/*=================================
======== 베팅룸 메인 ==============
===================================*/
.main-visual { position:absolute; z-index:-1; width:100%; top:0; left:0; right:0; }
.main-visual .video-bg { position:absolute; z-index:-1; width:100%; top:0; left:0; right:0; }
.main-visual .video-bg img { width:100%; }
.main-visual video { width:100%; }
.main-visual .video-gradation { width:100%; height:50px; position:absolute; z-index:0; background:linear-gradient(transparent,#141414); bottom:0; right:0; left:0; }

.mainBanner {position:relative;}
.mainBanner .bannerInfo {z-index:2;position:absolute;top: 37px;left: 15px;}
.mainBanner .bannerInfo .title {margin: 0 0 15px;}
.mainBanner .bannerInfo .title img {width: 100px;}
.mainBanner .bannerInfo h3 {position:relative;padding: 0 0 0 10px;font-size: 18px;color:#ffffff;margin: 0px 0 9px;font-weight:600;}
.mainBanner .bannerInfo h3:before {content:"";position:absolute;left:0;top: 1px;width: 2px;height: 21px;background:#e00a15;}
.mainBanner .bannerInfo p {color:#fff;line-height: 1.3;font-size: 12px;}
.mainBanner #video { width:100%; }
.mainBanner .video-gradation {
    width: 100%;
    height: 50px;
    position: absolute;
    z-index: 0;
    background: linear-gradient(transparent,#141414);
    bottom: 0;
    right: 0;
    left: 0;
}
body { background:#141414; }
.main-container{position: relative;}
.main-container .floor01 {padding: 212px 10px 0;}
.main-container .floor01 ul li { padding-bottom:10px; }
.main-container .floor01 ul li a { width:100%; border-radius:5px; border:2px solid #e00a15; }
.main-container .floor01 ul li a img { width:100%; }
.main-container .floor02 { padding-bottom:20px; }
.main-container .floor02 ul { padding:0 10px; margin-left:-12px; font-size:0; }
.main-container .floor02 ul li { display:inline-block; width:calc(100% / 3 - 12px); margin-left:12px; font-size:15px; text-align:center; color:#fff; }
.main-container .floor02 ul li a { display:block; border-radius:5px; border:2px solid #e00a15; background:linear-gradient(#260908,#710e0a); padding:5px 0 10px; }
.main-container .floor02 ul li a i { display:block; height:45px; line-height:45px; font-size:26px; }

/*=================================
======== 베팅룸 메인 end ===========
===================================*/


.main-container .btBanner { padding:0 10px; }
.main-container .btBanner ul li { margin:10px 0 0 0; }
.main-container .btBanner ul li a { position:relative; width:100%; }
.main-container .btBanner ul li a img { width:100%; }
.main-container .btBanner ul li a p { position:absolute; left:5%; top:0; color:#fff; }
.main-container .btBanner ul li a p.name { top:18.7%; font-size:16px; }
.main-container .btBanner ul li a p.engName { top:35%; font-size:18px; font-weight:700; }
.main-container .btBanner ul li a p.detail { top:59%; font-size:13px; font-weight:500; }


.main-tit{position: relative;font-size: 15px;font-weight:700;color:#fff;margin-bottom: 10px;/* text-align: center; */margin-top: 23px;padding-left: 10px;}
.main-tit a.more{position:absolute;right: 10px;top: calc(50% - 5px);font-size: 13px;font-weight: 700;color: #a1a2af;}
.main-tit img{margin-right: 8px;}
.main-tit .iconfont {display:inline-block; margin:0 8px 0 0;font-size: 24px;vertical-align: middle; }
.main-tit.best .iconfont { font-size: 40px; margin:0 0px 0 -8px; }

.main-cont > ul{margin-left:-7px;}
.main-cont > ul > li{float: left;width: calc(100% / 3 - 10px);height: 60px;margin-left: 10px;}
.main-cont > ul > li a{display: block;height: 100%;border-radius: 10px;position: relative;text-align: center;padding-top: 15px; }
.main-floor1-cont.main-cont > ul > li a { background:#25c11e; box-shadow:3px 3px 0 #2e802a; }
.main-floor2-cont.main-cont > ul > li a { background:#068ebd; box-shadow:3px 3px 0 #156783; }
.main-floor3-cont.main-cont > ul > li a { background:#bfb009; box-shadow:3px 3px 0 #7a710c; }
.main-floor6-cont.main-cont > ul > li a { background:#c602af; box-shadow:3px 3px 0 #7c0d6f; }
.main-floor5-cont.main-cont > ul > li a { background:#8603d2; box-shadow:3px 3px 0 #5f128b; }
.main-floor5-cont { margin-top:15px; }

.main-cont > ul > li a p.tit{font-size: 14px;font-weight:700;color: #fff;/* text-shadow: 0px 2px 5px #000; */line-height: 100%;}
.main-cont > ul > li a p.cont{font-size: 12px;color: #fff;/* text-shadow: 0px 2px 5px #000; */margin-top: 7px;/*font-family: "ns";*/}

.main-floor1-cont > ul > li a p.tit{color: #fff;}
.main-floor2-cont > ul > li{width: calc(100% / 4 - 10px);}
.main-floor3-cont > ul > li{width: calc(100% / 2 - 10px);}
.main-floor6-cont > ul > li{width: calc(100% / 4 - 10px);}
.main-floor4-cont > ul > li{width: calc(100% / 2 - 10px);}
.main-floor5-cont > ul{margin-top:-6px;}
.main-floor5-cont > ul > li{width: calc(100% / 4 - 10px);height: 40px;margin-top:10px;}
.main-floor5-cont > ul > li a{padding-top:0;line-height:43px;font-size:14px;font-weight:700;color:#fff;}
.main-floor5-cont > ul > li:nth-child(3) a,
.main-floor5-cont > ul > li:nth-child(4) a{ background:#d93e1f; box-shadow:3px 3px 0 #972f1a; }
.main-floor3-cont.grid-3 > ul > li {width: calc(100% / 3 - 10px);}

.main-swiper{position: relative;/* border-radius:13px; */overflow: hidden;margin:0; }
.main-swiper .swiper-slide a {width:100%;}
.main-swiper .swiper-slide img{width:100%;}
.main-swiper .swiper-slide > h3.tit1{font-size: 14px;color: #929292;}
.main-swiper .swiper-slide > h3.tit2{font-size: 24px;color: #ffffff;font-weight:800;margin-top:10px;}
.main-swiper .swiper-slide > .txt-box{position:relative;margin-top: 15px;padding-top:15px;}
.main-swiper .swiper-slide > .txt-box::before{content:"";position:absolute;top:0;left:0;width: 53px;height: 2px;background: #ff5500;}
.main-swiper .swiper-slide > .txt-box > p{color: #929292;font-size: 13px;line-height: 1.5;}
.main-swiper .swiper-pagination-bullet{background:#ceec24; width:10px;height:10px;box-shadow: none;opacity:1 !important;font-size: 14px;font-weight: 800;color: #848484;padding-bottom: 8px;}
.main-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;width: 10px;border-radius: 50%;color: #fff;border-bottom: 1px solid #fff;}
.main-swiper .swiper-pagination{z-index:5;}
.main-swiper.swiper-container-horizontal > .swiper-pagination-bullets{bottom:15px;}

@media screen and (max-width:374px){
    .main-cont > ul > li a p.tit{font-size:12px;}
    .main-floor5-cont > ul > li a{font-size:12px;}
}


.main-container #slider.sl-slider-wrapper { height:500px; }
#slider .sl-slider .sl-slide-inner { background-size: cover; }
#slider .nav-dots { bottom:24px; }

.main-container h3 { position:relative;padding:25px 0 20px 10px; font-size:16px; color:#ffffff; }
.main-container h3:before {content:"";position:absolute;left:1px;top:19px;width:20px;height:20px;background:linear-gradient(to right, #be3ff0, #9e33ef);/* border-radius: 50%; */}
.main-container h3 span { position:relative; z-index:1; }

.hotGame { padding:0 10px; margin-left:-10px; background:linear-gradient(#23122f, #0f0f12) }
.hotGame h3 { margin-left:10px; }
.hotGame li { float:left; width:calc(100% / 3 - 10px); margin-left:10px; margin-bottom:10px; transition:all 0.3s; }
.hotGame li a { display:block; }
.hotGame li img { width:100% }

.casinoArea { padding:0 10px 20px; margin-left:-10px; background:#0f0f10; }
.casinoArea h3 { margin-left:10px; }
.casinoArea li { float:left; width:calc(100% / 2 - 10px); margin-left:10px; margin-bottom:10px; transition:all 0.3s; }
.casinoArea li img { width:100% }

.hotGame .before-hover,
.casinoArea .before-hover {
   transform: rotateY(30deg) scale(0.9);
   opacity: 0.5;
}

#leftQuick { z-index:11;  position:fixed; left:10px; right:calc(100% - 70px); bottom:53px; height:60px; overflow:hidden; border-radius:30px; background:#fff; }
#leftQuick.open { right:10px; }
#leftQuick .thumb { width:60px; float:left; }
#leftQuick .thumb img { width:100%; }
#leftQuick .help { display:none; float:right; width:calc(100% - 100px); margin:15px 35px 0 5px; height:30px; line-height:16px; overflow:hidden; }
#leftQuick .inner { position:relative; }
#leftQuick .helpClose { display:none; position:absolute; right:7px; top:18px; width:24px; height:24px; line-height:24px; border:1px solid #c3c3c3; border-radius:50%; color:#727171; text-align:center; }
#leftQuick.open .help,
#leftQuick.open .helpClose { display:block; }

.noticeArea { display:none; }

/*--------------------- 메인 --------------------- */
.main-container .slider .swiper-slide img { width:100%; }
.swiper{
    --swiper-theme-color: #fff;
    --swiper-pagination-bullet-inactive-color:#858585;
    --swiper-pagination-bullet-inactive-opacity:1;
}

.banner-slide { padding:10px 10px 20px; }
.banner-slide ul { font-size:0; white-space:nowrap; overflow-x:scroll; }
.banner-slide li { display:inline-block; width:153px; margin-left:10px; }
.banner-slide li:first-child { margin-left:0; }
.banner-slide li img { width:100%; }

.main-board { background:#16171b; padding:10px; }
.main-board .board-box { background:#222126; border-radius:10px; }
.main-board h2 { background:#000; border-radius:10px 10px 0 0; height:45px; line-height:45px; color:#fff; padding-left:15px; font-size:16px; }
.main-board h2 i { color:#8c8d8c; font-size:20px; margin-right:10px; }
.main-board .board-box .board-list { padding:0 20px 3px; }
.main-board .board-box .board-list li:first-child{ border-top:0; }
.main-board .board-box .board-list li:last-child{ border-bottom:0; }
.main-board .board-box .board-list li { font-size:13px; color:#c8c8c8; border-top:1px solid #000000; border-bottom:1px solid #39383c; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.main-board .board-box .board-list li a { height:35px; line-height:35px; font-weight:400; }