@charset "utf-8";

/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&family=Orbitron&display=swap');


html{overflow: auto;}
body{background:#fff;color:#fff;}
a{color:#fff;}


::-webkit-scrollbar {width:0px;}
/* ::-webkit-scrollbar-track {background: #333;}
::-webkit-scrollbar-thumb {background: #9c0;}
::-webkit-scrollbar-thumb:hover {background: #09f;} */
#scrollpath{
  position: fixed;top:0;right:0;width:6px;height:100%;background:rgba(255,255,255,0.05);
}
#progressbar{
  position: fixed;top:0;right:0;width:6px;background: linear-gradient(to top,#008aff,#00ffe7);
  animation: scrollanimate 5s linear infinite;
}
@keyframes scrollanimate {
  0%,100% {filter: hue-rotate(0deg);}
  50% {filter: hue-rotate(360deg);}
}
#progressbar::before{
  content: '';position: absolute;top:0;left:0;width: 100%;height:100%;background: linear-gradient(to top,#008aff,#00ffe7);filter: blur(10px);
}
#progressbar::after{
  content: '';position: absolute;top:0;left:0;width: 100%;height:100%;background: linear-gradient(to top,#008aff,#00ffe7);filter: blur(30px);
}



.citemlong.bg5{height:160px;background:url('jackpot.jpg') no-repeat;background-size:cover;padding:5px;margin:10px;display: flex;align-items: flex-end;justify-content: flex-end;}
#jackpot_num{    font-family: 'Orbitron', sans-serif;
    font-size: 64px;
    color: #ffffff;
    width: 700px;
    height: 80px;
    text-align: center;
    letter-spacing: 0;
    line-height: 75px;
    margin: 10px;
    border-radius: 10px;}
#jackpot_num::before{content:'₩';font-family: 'Orbitron', sans-serif;}

#hd_pop{color:#000;}

.cw{width:1260px;margin:0 auto;position:relative;}
.cw img{width: 100%;}
.cw a:hover{color:#9c0;}

.main_container{position:relative;display:flex;}
.left_side{flex:1;}
.top_menu{display:flex;color:#aaa;align-items:center;padding:8px 20px;}
.ca_menu{display:flex;font-size:14px;cursor: pointer;padding:34px 20px 0;}
.ca_menu .logo{flex:1;display: flex;align-items: center;justify-content: center;margin-right:20px;}
.ca_menu .logo img{width: 200px;}
.ca_menu .items{flex:1;display: flex;align-items: center;justify-content: center;font-weight: bold;flex-direction: column;padding:10px 0;}
.ca_menu .items:hover{color:#9c0;background: linear-gradient(#555,#111);}
.ca_menu .items .eng{font-size:12px;color:#aaa;}
.ca_menu .items .eng.active{color:#9c0;}




.slide_images{background:url('banner.png') no-repeat center center;min-height:335px;padding-top:100px;position:relative;}
.slide_images .slide_box{width:420px;height:180px;}
.slide_images .slidebody{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.slide_images .slidebody .text {text-align: center;font-size: 36px;letter-spacing: -4px;text-shadow: 1px 1px 10px #000;}
.slide_images .slidebody .dbtn{padding:10px 50px;font-size:14px;background-color:#9c0;border:0;color:#fff;border-radius:20px;margin-top:20px;}

.slide_images .swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.slide_images .swiper-slide {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.slide_images .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.slide_images .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;}
.slide_images .swiper-pagination-bullet-active{width:12px;height:12px;background-color:#9c0;}



.cate_line1{display:flex;padding:5px;justify-content: space-between;flex-wrap: wrap;}
.cate_line1 .citem{cursor:pointer;flex:0 0 32.2%;margin:5px;height: 160px;background-size:cover;}
.cate_line1 .citem.bg1{flex:0 0 49%;background:url('game-button-1.jpg') no-repeat;}
.cate_line1 .citem.bg2{flex:0 0 49%;background:url('game-button-2.jpg') no-repeat;}
.cate_line1 .citem.bg3{background:url('game-button-3.jpg') no-repeat;}
.cate_line1 .citem.bg4{background:url('game-button-4.jpg') no-repeat;}
.cate_line1 .citem.bg5{background:url('game-button-5.jpg') no-repeat;}


.copon_area{background:url('coupon-banner.jpg') no-repeat;background-size:cover;margin:0 10px;padding:10px 0;height: 60px;display: flex;align-items: center;justify-content: flex-end;padding-right:15px;border:1px solid #333;}
.copon_area .select_style{background-color:#000;color:#fff;border:1px solid #282828;padding:10px;}
.copon_area .inp_style{background-color:#000;border:1px solid #282828;padding:10px;margin:0 10px;min-width:240px;}
.copon_area .btn_style{background-color:#8ec734;border:1px solid #282828;padding:10px 40px;color:#fff;}


.event_area{border:1px solid #282828;margin:0 10px;}


.bbs_area{display:flex;margin:0 10px;padding:10px 0;min-height:100px;}
.bbs_item{flex:1;border:1px solid #282828;}
.bbs_item .title{padding:10px 15px;font-size: 14px;color:#9c0;font-weight: bold;background-color: #111111;}
.bbs_item .list{background-color:#181818;}
.bbs_item .list .list_item{padding:10px 15px;color: #999;}
.bbs_item .list .list_item:nth-child(even) {background-color:#111111;}


.other{display:flex;justify-content: space-between;background-color:#181818;border:1px solid #282828;padding:20px;margin:0 10px;}
.other .item{cursor:pointer;display:flex;align-items:center;}
.other .item .icon{margin-right:10px;}
.other .item .text{font-size:12px;}
.other .item .text2{font-size:20px;color:#9c0;margin-top:5px;letter-spacing: -1px;}

.other2{background:url('img_1.jpg') no-repeat;background-size:cover;
  margin:0 10px;padding:10px 0;height: 88px;position: relative;
}
.other2 .kakao{position: absolute;left:800px;bottom:40px;color:#C52500;font-size:22px;font-weight: bold;cursor: pointer;}

.right_side{flex:0 0 250px;background-color: #181818;padding:0 10px;}







/* Modal */
.c-modal {
  display: none;position: fixed;z-index: 2;padding-top: 10px;left: 0;top: 0;width: 100%;height: 100%;color:#000;
  background:rgba(0,0,0,0.6);
}
.c-modal .modal-content {position: relative;z-index: 9999;background-color: #fff;margin: auto;padding: 0;border-radius:6px;overflow: hidden;box-shadow: 0 0 10px #fff;}
.c-modal .close {color: white;float: right;font-size: 28px;font-weight: bold;}
.c-modal .close:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.c-modal .modal-header {padding: 8px 20px;color: #fff;display:flex;align-items: center;justify-content: space-between;
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #09f, #9c0);background-size: 400% 400%;animation: gradient 3s ease infinite;
}
@keyframes gradient {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}
.c-modal .modal-body {min-height:50px;}
.c-modal .modal-footer {background-color: #fff;}
.c-modal .modal-footer .mbtn{font-size:16px;font-weight:bold;cursor:pointer;color:#5384C0;padding:15px 20px;}

.c-modal .pageViewContent{display:none;padding:0;margin:0;border:0;color:#000;}
.c-modal .pageViewLoading{text-align:center;font-size:16px;padding:50px 0;}

.c-modal.m1 .modal-content{width:800px;}

.c-modal.m2 .modal-content{width:500px;}
.c-modal.m2 .pageViewContent{text-align:center;font-size:16px;padding:50px 0;font-weight: bold;}

.c-modal.m3 .modal-content{width:500px;}
.c-modal.m3 .pageViewContent{padding:30px;font-weight: bold;color:#333;font-size:16px;}

.c-modal.m4 .modal-content{width:960px;overflow-y: scroll;max-height:760px;}
.c-modal.m4 .pageViewContent{padding:20px;font-weight: bold;font-size:16px;}
.c-modal.m4 .close{padding:0 10px;color:#fff;border:1px solid #333;}
.c-modal.m4 .close:hover{color:#7cc131;}
.mgame_tabs{flex:1;display:flex;}
.mgame_tabs .tabs{background-color:#333;color:#fff;flex:1;text-align:center;margin-right:5px;border:2px solid #7cc131;padding:10px 0;cursor: pointer;}
.mgame_tabs .tabs.active{background-color:#7cc131;color:#fff;}
.mgame_box{display:none;}
.mgame_box.active{display:block;}
.mgame_tlist{display:flex;margin-top:20px;flex-wrap: wrap;align-items: center;justify-content: center;}
.mgame_tlist .items{flex:0 0 20%;padding:6px;cursor: pointer;overflow: hidden;}
.mgame_box.list2 .mgame_tlist .items{flex:0 0 33%;}
.mgame_box.list5 .mgame_tlist .items{flex:1;}

.c-modal.m5 .modal-content{width:500px;}
/* End Modal */











/* mobile */
@media (max-width: 767.98px){
  body{background-image:none;color:#fff;background-color:#333;}
  #scrollpath,#progressbar{display: none;}

  .c-modal{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:100;background:#333;color:#fff;padding-top:0;}
  .c-modal .m_header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #7cc131;}
  .c-modal .m_body{height:100%;overflow-y: scroll;padding-bottom:100px;}

  .c-modal.m2{padding-top:100px;background:rgba(0,0,0,0.6);}
  .c-modal.m2 .modal-content{width:90%;}

  .c-modal.m3{padding-top:100px;background:rgba(0,0,0,0.6);}
  .c-modal.m3 .modal-content{width:90%;}

  .mgame_box{display:none;}
  .mgame_box.active{display:block;}
  .mgame_box img{width: 100%;}
  .mgame_tlist{display:flex;margin-top:0;flex-wrap: wrap;align-items: center;justify-content: center;}
  .mgame_tlist .items{flex:0 0 50%;padding:10px;cursor: pointer;overflow: hidden;}
  .mgame_box.list2 .mgame_tlist .items{flex:0 0 50%;}
  .mgame_box.list5 .mgame_tlist .items{flex:1;}
}
.mm_menu{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:100;background-color:#333;color:#fff;}
.mm_menu .menu_header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #7cc131;}
.mm_menu .menu_body{padding:20px;}
.mm_menu .menu_body .menus{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;margin-top:30px;}
.mm_menu .menu_body .menus .item{box-shadow:0 0 5px #7cc131;background-color:#7cc131;border-radius:4px;padding:12px 0;text-align:center;}






.mm_slide_images{background:url('banner.jpg') no-repeat;background-position:center -60px;height:320px;position:relative;background-size: cover;}
.mm_slide_images .slide_box{height:120px;position:absolute;bottom:0;left:0;right:0;}
.mm_slide_images .slidebody{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.mm_slide_images .slidebody .text {text-align: center;font-size:26px;text-shadow: 1px 1px 10px #000;}
.mm_slide_images .slidebody .dbtn{display:none;padding:10px 50px;font-size:14px;background-color:#7cc131;border:0;color:#fff;border-radius:20px;margin-top:20px;}

.mm_slide_images .swiper {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.mm_slide_images .swiper-slide {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.mm_slide_images .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.mm_slide_images .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;}
.mm_slide_images .swiper-pagination-bullet-active{width:12px;height:12px;background-color:#7cc131;}


.mm_cate{display:flex;padding:5px;justify-content: space-between;flex-wrap: wrap;}
.mm_cate .citem{cursor:pointer;padding:5px;flex:0 0 50%;}
.mm_cate .citem img{width: 100%;}
.mm_cate .citem:nth-child(1){flex:0 0 100%;}

.mm_jackpot{min-height:90px;background:url('bg-jackpot.jpg') no-repeat;background-size:cover;}
.mm_jackpot h1{color:#fff;font-size:18px;text-align:center;padding-top:10px;}
.mm_jackpot_mark{padding:0 20px;font-family: 'Orbitron', sans-serif;font-size:38px;color:#7cc131;display:flex;align-items:flex-end;justify-content: space-between;font-weight: bold;;}
/* .mm_jackpot_mark::before{content:'₩';} */

.mm_bbs_area{}
.mm_bbs_area .btns{display:flex;justify-content:space-evenly;padding:5px;}
.mm_bbs_area .btns .btn{flex:1;border:1px solid #555;border-radius:0;color:#7cc131;font-size:12px;background-color:#222;text-align:center;margin:5px;transition: all .2s ease-in-out;}
.mm_bbs_area .btns .btn.active{border-color:#7cc131;background-color:#000;font-size:14px;}
.mm_bbs_area .mm_bbs{display:none;}
.mm_bbs_area .mm_bbs.active{display:block;}

.mm_other2{background:url('kakao_banner.jpg') no-repeat;background-size:cover;height:88px;position: relative;}
.mm_other2 .kakao{position: absolute;top:25px;left:250px;font-size:24px;color:#C52500;font-weight: bold;}









/* x-ani-box */
.x-ani-box{
  position:relative;overflow: hidden;border-radius:20px;
  display: flex;align-items: center;justify-content: center;
  background:rgba(255, 255, 255, .2);
  transition: .5s;
  /* background:rgba(0, 0, 0, 0.5); */
}
.x-ani-box::before{
  content:'';position:absolute;width:40%;height:200%;
  background:linear-gradient(#09f,#9c0);
  animation: x-ani-box 3s linear infinite;
}
@keyframes x-ani-box {
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
.x-ani-box::after{content: '';position: absolute;background:#000;border-radius:16px;inset:4px;}
.x-ani-box .box{flex:1;position:relative;z-index:1;padding:20px;}
.x-ani-box:hover{
  box-shadow: 0 0 20px rgba(255, 255, 255, 1);
}
/* End x-ani-box */

/* x-ani-text */
.x-ani-text{
  font-size: 16px;
  font-weight: bold;
  -webkit-background-clip: text;
  background-clip:text;
  /* background-image:linear-gradient(90deg,#14ffe9,#ffeb3b,#ff00e0,#14ffe9); */
  background-image:linear-gradient(90deg,#14ffe9,#ffeb3b,#fff,#14ffe9);
  background-size: 200%;
  background-position: 0%;
  animation: x-ani-text 3s ease infinite;
  color: transparent;
}
@keyframes x-ani-text {
  from {background-position: 100%;}
  to {background-position: -100%;}
}
/* End x-ani-text */


/* x-ani-btn1 */
/* 1e9bff / 6eff3e / ff1867 */
.x-ani-btn1{
  position: relative;color:#fff;font-weight:bold;font-size:14px;
  transition: .5s;
}
.x-ani-btn1:hover{
  background:var(--clr);
  color:var(--clr);
  box-shadow: 0 0 20px var(--clr);
  font-size:16px;
}
.x-ani-btn1:before{content:'';position: absolute;inset: 2px;background:#333;}
.x-ani-btn1 span{position: relative;z-index: 1;}
.x-ani-btn1 i{position: absolute;inset: 0;display: block;}
.x-ani-btn1 i::before{
  content: '';position: absolute;top:0;left:80%;
  width: 10px;height: 4px;background:#333;
  transform: translateX(-50%) skewX(325deg);
  transition: .5s;
}
.x-ani-btn1:hover i::before{width: 20px;left: 20%;}
.x-ani-btn1 i::after{
  content: '';position: absolute;bottom:0;left:20%;
  width: 10px;height: 4px;background:#333;
  transform: translateX(-50%) skewX(325deg);
  transition: .5s;
}
.x-ani-btn1:hover i::after{width: 20px;left: 80%;}
/* End x-ani-btn1 */