﻿@charset "UTF-8";

/*error*/
.error-title {
	color: #ba6dff;
}
.error-btn button {
	background: #ba6dff;  color:#222222;
}
/*main color var*/
:root {--main-color: #10620A;}


/* 레이아웃 스킨 (오버라이드)*/
.wrapper{background:#000;}
@media (max-width: 720px) {
.wrapper {
    background: #212121;
    background-attachment: fixed;
    background-size: cover;
}
}
.wrapper .header{background:url(/leo/space_ics.jpg?1) center top no-repeat #000; border-bottom:4px solid #222222;}
.wrapper .header > .inner{height:80px;padding:22px 10px 0 0; margin:0 auto;}
.wrapper .header > .inner > h1{background:none;margin-top:-10px;}
.wrapper .header > .inner > h1 > a { display: block; width: 285px; height:100px; background: url(/leo/logo.png) 0 0px no-repeat;background-size:75%; }
.wrapper .header > .inner > .gnb > li > a{display:block;position:relative;height:25px;line-height:17px;font-size:18px;color:#fff;box-sizing:border-box;}
.wrapper .header > .inner > .gnb > li > a:after{content:"";display:none;width:12px;height:9px;position:absolute;top:51px;left:50%;margin-left:-6px;background: url(/leo/wbc__gnb_edge.png) 0 0px no-repeat;z-index:1001;}
.wrapper .header > .inner > .gnb > li.main > a:hover{color:var(--main-color);border:0;}
.wrapper .header > .inner > .gnb > li.main > a:hover:after{display:block;}
.wrapper .header > .inner > .gnb > li.main:nth-child(8) > a:hover:after{display:none;}
.wrapper .header > .inner > .gnb > li.main:nth-child(9) > a:hover:after{display:none;}
.wrapper .header > .inner > .gnb > li.main:nth-child(10) > a:hover:after{display:none;}
.wrapper .header > .inner > .gnb > li.main > a:hover:after{display:block;}
.wrapper .header > .inner > .gnb > li.main.on > a{color:var(--main-color);border:0;}
.wrapper .header > .inner > .mem_menu{margin-top:-3px;margin-right:0px;}

.header > .inner > .mem_menu > li{float:left;margin-left:8px;}
.header > .inner > .mem_menu > li > a { display: block; width: 104px; height: 32px; font-size: 16px; line-height: 32px; box-sizing: border-box; text-align: center; border-radius: 3px;}
.wrapper .header > .inner > .mem_menu > li > a.bt_login{width:120px;height:40px;line-height:40px;background-color:var(--main-color);color:#fff;}
.wrapper .header > .inner > .mem_menu > li > a.bt_login:hover{border:0px;}

.wrapper .header > .inner > .mem_menu > li > a.bt_join{width:120px;height:40px;line-height:40px;background:none;border: 1px solid #fff;}
.wrapper .header > .inner > .mem_menu > li > a.bt_join:hover{border-color:var(--main-color);color:var(--main-color);}

.wrapper .header > .inner > .mem_menu.login .user_nickname{display:none;}
.wrapper .header > .inner > .mem_menu.login .money_amount{position:relative;width:150px;height:40px;padding-right:13px;background:#1a1a1a;border-radius:20px;text-align:right;font-size:15px;font-weight:bold;color:#fff;line-height:40px;box-sizing:border-box;}
.wrapper .header > .inner > .mem_menu.login .money_amount:after{content:'';position:absolute;display:block;top:6px;left:6px;width:28px;height:28px;background: url(/leo/ico_won_header.png) 0 0px no-repeat;}

.wrapper .header > .inner > .quick_menu{margin-top:-2px;}
.wrapper .header > .inner > .quick_menu > li > a{display:block;width:40px;height:40px;font-size:0px;text-indent:-999px;}
.wrapper .header > .inner > .quick_menu > li > a.bt_money{display:none;}
.wrapper .header > .inner > .quick_menu > li > a.bt_alarm{background:url(/leo/ico_alarm_st5.png) 50% 50% no-repeat}
.wrapper .header > .inner > .quick_menu > li > a.bt_alarm:hover{background:url(/leo/ico_alarm_st5.png) 50% 50% no-repeat}
.wrapper .header > .inner > .quick_menu > li > a.bt_mypage{background:url(/leo/ico_my_st5.png) 50% 50% no-repeat}
.wrapper .header > .inner > .quick_menu > li > a.bt_mypage:hover{background:url(/leo/ico_my_st5.png) 50% 50% no-repeat}
.wrapper .header > .inner > .quick_menu > li .count_alarm{position:absolute;top:-10px;right:-5px;}

.header > .inner > .quick_menu > li > .layer_list{display:none;position:absolute;right:1px;top:36px;border:0px;background:none;z-index:1002;border-radius:5px;padding-top:24px;}
.header > .inner > .quick_menu > li > .layer_list:after{content:"";display:block;width:12px;height:9px;position:absolute;top:16px;right:10px;margin-left:-6px;background: url(/leo/ico_edge_header_st5.png) 0 0px no-repeat;z-index:1001;}
.header > .inner > .quick_menu > li:hover .layer_list{display:block;}
.header > .inner > .quick_menu > li > .layer_list > ul{width:100%;border-radius:5px;overflow:hidden;border:1px solid #333;background:#222;}
.header > .inner > .quick_menu > li > .layer_list > ul > li{width:146px;height:31px;border-bottom:0px;background:none;}
.header > .inner > .quick_menu > li > .layer_list > ul > li:hover{background:#111 ;}
.header > .inner > .quick_menu > li > .layer_list > ul > li:last-child{border-bottom:0px;}
.header > .inner > .quick_menu > li > .layer_list > ul > li > a{width:100%;height:100%;display: block;}
.header > .inner > .quick_menu > li > .layer_list > ul > li > a > span{display:none;}
.header > .inner > .quick_menu > li > .layer_list > ul > li > a > p{float:left;width:auto;padding-left:20px;height:31px;line-height:31px;font-size:13px;color:#6f6f6f;font-family:NanumSquareBold;}
.header > .inner > .quick_menu > li > .layer_list > ul > li:hover > a > p{color:#fff;}
.header > .inner > .quick_menu > li > .layer_list > ul > li > a .count{position:absolute;top:13px;right:40px;font-size:14px;color:#222;}


.wrapper #newSnb{top:77px;height:auto;width:100%;border:1px solid #333;box-sizing:border-box;background:#111 url(/leo/oc_bg_snb.png) 50% bottom no-repeat;}
.wrapper #newSnb #snb_bl > div.swiper-container{ width:100%;margin-bottom:2px;}
.wrapper #newSnb #snb_bl > div.swiper-container > .swiper-wrapper{display:block!important;}
.wrapper #newSnb #snb_bl > div > ul > li {width: auto;float: left;margin-bottom:0px;margin-top:5px;margin-left:5px; border:1px solid #222;border-radius:10px;}
.wrapper #newSnb #snb_bl > div > ul > li:first-child,.wrapper #newSnb #snb_bl > div > ul > li:nth-child(7) {margin-left:5px;}
.wrapper #newSnb #snb_bl > div > ul > li a {position: relative;display: block;width:200px;line-height:28px;font-size:14px;text-align:center;color:#ccc;margin:0 auto;}
.wrapper #newSnb #snb_bl > div > ul > li a:hover {color: var(--main-color);}
.wrapper #newSnb #snb_bl > div > ul > li a img {display: block;	width:200px;height:140px;border-radius:10px;}
.wrapper #newSnb #snb_bl > div > ul > li a:hover img{ background-color:#000;border-radius:10px;}

.wrapper #newSnb #snb_bl > .snb_sl { background: url(/leo/bg_snb_center.png) 50% 250px no-repeat,url(/leo/bg_snb_center.png) 50% 500px no-repeat;}


.minigameTime{top:-10px!important;right:-10px!important;border:2px solid var(--main-color)!important;width:80px!important;height:32px!important;line-height:32px!important;border-radius:16px!important;text-align:center!important;font-size:12px!important;}

.wrapper #newSnb #snb_bl #swiper-head4 ul li a > div > div{top:-10px;right:-10px;border:1px solid var(--main-color);width:80px;height:32px;line-height:32px;border-radius:16px;text-align:center;font-size:12px;z-index:30;}
.wrapper #newSnb #snb_bl #swiper-head5 ul li a > div > div{top:-10px;right:-10px;border:1px solid var(--main-color);width:80px;height:32px;line-height:32px;border-radius:16px;text-align:center;font-size:12px;z-index:30;}

.my_friend .saving{color:var(--main-color);}


/*footer*/
.footer{background:#1a1a1a; margin-top:60px;}
.footer .util{position:relative;width:100%;padding:0px;border-bottom:0px;}
.footer .util .inner{position:initial; width:1400px;margin:0 auto;}
.footer .util .inner .sitemap{overflow:hidden;padding-top:305px;}
.footer .util .inner .sitemap > li{float:left;margin-right:37px;}
.footer .util .inner .sitemap > li.map3{margin-right:37px;}
.footer .util .inner .sitemap > li > ul > li > p{display:none;color:#FFF;font-size:12px;padding-bottom:18px;}
.footer .util .inner .sitemap > li > ul > li > a{color:#999;font-size:14px;line-height:24px;font-weight:bold;}
.footer .util .inner .sitemap > li > ul > li > a:hover{ color: #FFF; }
.footer .util .inner .sitemap > li > ul > li .comment{line-height:26px;color:#CCC;}
.footer .util .inner .sitemap > li > ul > li:nth-child(2) a{display:block;font-size:16px;padding-bottom:10px;line-height:24px;font-weight:bold;color:#fff;}
.footer .util .inner .sitemap > div{float:left;margin-right:33px;}
.footer .util .inner .sitemap > div > p{font-size:16px;padding-bottom:10px;line-height:24px;font-weight:bold;color:#fff;}
.footer .util .inner .sitemap > div > ul > li a{font-size:14px;line-height:24px;font-weight:bold;color:#999;}
.footer .util .inner .sitemap > div > ul > li a:hover{color:#fff;font-weight:bold;}
.footer .util .inner .sitemap > div:last-child{margin-right:0px;}

.footer .util .inner .connectus{margin-top:0px;margin-left:-575px;width:800px;position:absolute;top:190px;left:50%;overflow:hidden;}
.footer .util .inner .connectus .tit{display:none;color:#CCC;font-size:12px;padding-bottom:18px;}
.footer .util .inner .connectus ul{overflow:hidden;float:left;}
.footer .util .inner .connectus ul > li{float:left;margin-right:35px;vertical-align: middle;}
.footer .util .inner .connectus .noti{color:#CCC;font-size:12px;padding-top:14px;float:left;}

.footer .util .inner .cs{position:absolute;left:0px;top:0px;width:100% !important; height:160px; !important;background:#222;box-sizing:border-box;padding-top:0px;}
.footer .util .inner .cs .inner{width:1148px;margin:0 auto;overflow:hidden;}
.footer .util .inner .cs .inner .tit_help{float:left;margin-right:130px;font-size:30px;color:#fff;font-weight:bold;height:160px;line-height:160px;}
.footer .util .inner .cs .inner > div{float:left;}
.footer .util .inner .cs .inner .sec01{margin-right:60px;}
.footer .util .inner .cs .inner .sec01 strong{display:block;margin-top:44px;font-size:16px;color:#fff;font-weight:bold;}
.footer .util .inner .cs .inner .sec01 p {margin-top:10px;font-size:16px;color:var(--main-color);font-weight:bold;line-height:1.6;}
.footer .util .inner .cs .inner .sec01 p.tel { background: url(/leo/tel.png) no-repeat; padding-left: 30px; }
.footer .util .inner .cs .inner .sec01 p.tel2 { background: url(/leo/tel2.png) no-repeat; padding-left: 30px; margin-top: 2px; }

.footer .util .inner .cs .inner .sec02{margin-left:90px;}
.footer .util .inner .cs .inner .sec02 strong{display:block;margin-top:44px;font-size:16px;color:#fff;font-weight:bold;}
.footer .util .inner .cs .inner .sec02 p {margin-top:10px;font-size:16px;color:#ccc;line-height:1.6;}

.footer .util .inner .cs .inner .csBtns{float:right;padding-top:29px;}
.footer .util .inner .cs .inner .csBtns a{display:block;width:180px;height:48px;padding-left:30px;line-height:48px;font-size:20px;font-weight:bold;border:1px solid #fff;box-sizing:border-box;background: url(/leo/wbc__ico_arr_wh.png?1) 158px 50% no-repeat;}
.footer .util .inner .cs .inner .csBtns a:first-child{margin-bottom:8px;}


.footer .foot_con{padding:57px 0 10px 0;position:relative;}
.footer .foot_con > p{width:1148px;position:absolute;left:50%;margin-left:-574px;}
.footer .foot_con > p.copy{top:50px;padding-bottom:10px;font-size:12px;color:#555;border-bottom:2px solid #444;text-align:left;}
.footer .foot_con > p.foot_logo{top:0px;position:absolute;left:50%;margin-top:0px;margin-left:-574px;height:100px;width:1148px; background: url(/leo/foot_logo.png) 0 0 no-repeat;}
.footer .foot_con > div.partners{width:1148px;margin:0 auto;}
.footer .foot_con > div.partners > p{width:1148px;margin:0 auto;color:#aaaaaa;}
.footer .foot_con > div.partners > ul{width:100%;padding:50px 0 100px 0;}
.footer .foot_con > div.partners > ul > li{width:12.5%;padding:0 1%;float:left;text-align:center;box-sizing:border-box;}
.footer .foot_con > div.partners > ul > li img{width:100%;}

body .footer .foot_con > div.partners > .swiper-wrapper{width:1148px;margin:0 auto;}
body .footer .foot_con > div.partners > .swiper-wrapper li {float:left;}

/*컨텐츠*/
/*타이틀 공통*/ 
.wrapper .titlebox{position:relative;padding:50px 0 4px 0;}
.wrapper .titlebox h4{height: 30px; padding: 0 0 0 28px; font-size: 24px; color: #fff; line-height: 30px; border-left: 8px solid var(--main-color);}
.wrapper .titlebox .bt_all{position:absolute;right:0px;top:40px;width:80px;height:32px; line-height: 32px; padding-left: 10px; font-size:14px; font-weight: bold; border: 2px solid #fff; color: #CCC; background: none; border-radius: 5px; min-width: 80px; }
.wrapper .titlebox .bt_all:hover{ color: #fff; border: 2px solid #FFF;  }


/*플로팅 공지사항*/
.notice_area{ width:100%;margin:0 auto 0;height:48px;clear: both;background:#222;}
.notice_area .inner{position:relative;width:1400px;height:48px;margin:0 auto;overflow:hidden;}
.notice_area .inner > .tit{float:left;padding-left:8px; margin-top: -1px; width: 10%;}
.notice_area .inner > .tit img{display:none;}
.notice_area .inner > .tit:after{content:"한줄공지";position:absolute;top:13px;left:0px;width:94px;height:24px;line-height:24px;color:#fff;font-size:16px;background:#222;text-align:center;font-family:NanumSquareBold;border-right:1px solid #fff;}
.notice_area .inner > .txt_roll{float:left;width:1100px;}
.notice_area .inner > .txt_roll .txt{width:100%;}
.notice_area .bx-wrapper{width:1100px;float:left;}
.notice_area .bx-wrapper .txt{font-size:12px;color:#fff;line-height:48px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}


/*섬네일 리스트*/
.thumb_list{width:100%;}
.thumb_list > li{position:relative;float:left;margin:8px 0 0 8px;border:1px solid #767676;cursor:pointer;}
.thumb_list > li > .layer_item{display:none;position:absolute;top:-31px;left:-31px;width:306px;height:306px;padding:10px;background:#4b4b4b;box-sizing:border-box;z-index:10;box-shadow: 10px 10px 25px #000;}
.thumb_list > li > .layer_item .thumb{position:relative;width:100%;}
.thumb_list > li > .layer_item .thumb > img{width:100%;}
.thumb_list > li > .layer_item .thumb .bt_wrap{position:absolute;top:0px;left:0px;width:100%;height:230px;z-index:2;}
.thumb_list > li > .layer_item .thumb .bt_wrap .bt_play{position:absolute;top:50px;left:50%;width:179px;height:50px;margin-left:-90px;font-size:0px;text-indent:-99px;}
.thumb_list > li > .layer_item .thumb .bt_wrap .bt_play:hover{}

.thumb_list > li > .layer_item .infobox{position:absolute;bottom:0px;left:0px;padding:18px 10px;width:100%;height:73px;background:#4b4b4b;box-sizing:border-box;z-index:3;}
.thumb_list > li > .layer_item .infobox .title{font-size:17px;color:#fff;font-family:NanumSquareBold;}
.thumb_list > li > .layer_item .infobox .title_en{margin-top:5px;font-size:13px;color:#afafaf;font-family:NanumSquareBold;}
.thumb_list > li > .layer_item .infobox .btns{position:absolute;right:10px;top:30px;}
.thumb_list > li > .layer_item .infobox .btns > li{float:left;}
.thumb_list > li > .layer_item .infobox .btns > li > a{font-size:0px;text-indent:-99px;}
.thumb_list > li > .layer_item .infobox .btns > li .bt_favor{display:block;width:25px;height:29px;}
.thumb_list > li > .layer_item .infobox .btns > li .bt_favor:hover{}
.thumb_list > li > .layer_item .infobox .btns > li .bt_favor.on{}
.thumb_list > li > .layer_item .infobox .btns > li .bt_caution{display:block;width:29px;height:29px;margin-left:10px;}
.thumb_list > li > .layer_item .infobox .btns > li .bt_caution:hover{}

/*스포츠 슬라이더 공통*/
.sports_sl{width:100%;position:relative;}
.sports_sl .sl li{border:1px solid #444;}
.sports_sl .big_thumb{position:absolute;width:306px;height:306px;border:8px solid #767676;background:#000;z-index:60;box-shadow: 10px 10px 25px #000;}
.sports_sl .big_thumb > img.thumb{width:100%;}
.sports_sl .big_thumb > a.play{display:block;position:absolute;top:50%;left:50%;margin:-48px 0 0 -48px;width:97px;height:97px;padding-top:30px;text-align:center;box-sizing:border-box;}
.sports_sl .big_thumb > a.play::before{content:"";position:absolute;top:50%;left:50%;margin:-41px 0 0 -41px;width:83px;height:83px;animation: target_image 1s;animation-iteration-count: infinite;animation-timing-function: linear;transform-origin: 50% 50%;}
.sports_sl .big_thumb > a.play::after{content:"";position:absolute;top:50%;left:50%;margin:-48.5px 0 0 -48.5px;width:97px;height:97px;animation: target_image2 1s;animation-iteration-count: infinite;animation-timing-function: linear;transform-origin: 50% 50%;}
.sports_sl .big_thumb > a.play span{position:absolute;top:50%;left:50%;width:35px;height:40px;margin:-20px 0 0 -17px;}
.sports_sl .big_thumb > p{display:block;position:absolute;bottom:11px;left:0px;width:100%;text-align:center;font-size:17px;color:#fff;}
.sports_sl .big_thumb > a.play:hover span{}
.sports_sl .big_thumb > a.info{display:block;position:absolute;bottom:8px;right:8px;width:29px;height:29px;text-align:center;font-size:0px;text-indent:-999px;}
.sports_sl .big_thumb > a.info:hover{}
.sports_sl .bx-controls-direction > a{position:absolute;display:block;width:54px;height:54px;top:50%;font-size:0px;margin-top:-25px;}
.sports_sl .bx-controls-direction > a.bx-prev{left:-90px;}
.sports_sl .bx-controls-direction > a.bx-prev:hover{}
.sports_sl .bx-controls-direction > a.bx-next{right:-80px;}
.sports_sl .bx-controls-direction > a.bx-next:hover{}
@keyframes target_image {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(-180deg) }
    100% { transform: rotate(-360deg); }
}
@keyframes target_image2 {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(180deg) }
    100% { transform: rotate(360deg); }
}



/*quick cs center*/
.cs_center{position:fixed;right:auto;left:20px !important;bottom:90px !important;z-index:1001;display:block;background:#222;border:1px solid #444;border-radius:8px;}
.cs_center .bt_cs{font-size: 0px;text-indent:-999px;display:none;}
.cs_center .cs_con{width:71px;padding:0px;box-sizing:border-box;}
.cs_center .cs_con li{position:relative;height:70px;box-sizing:border-box;padding:13px 0 0px 0px;margin-bottom:9px;}
.cs_center .cs_con li:first-child{margin-top:0px;}
.cs_center .cs_con li > a{display:block;width:100%;height:40px;color:#aaa;font-size:0px;text-indent:-99px;line-height:40px;background: url(/leo/ics_quick_left.png?3) 50% 50% no-repeat;}
.cs_center .cs_con li:hover > a{color:var(--main-color); background: url(/leo/ics_quick_left_on.png?3) no-repeat;}
.cs_center .cs_con li:after{width:100%;display:block;height:24px;line-height:24px;color:#ccc;font-size:12px;text-align:center;}
.cs_center .cs_con li:hover:after{color:var(--main-color);}

.cs_center .cs_con li.bt_cs1 > a{background-position:50% 4px;}
.cs_center .cs_con li.bt_cs1:after{content:"입금하기";}

.cs_center .cs_con li.bt_cs2 > a{background-position:50% -58px;}
.cs_center .cs_con li.bt_cs2:after{content:"출금하기";}

.cs_center .cs_con li.bt_cs3 > a{background-position:50% -120px;}
.cs_center .cs_con li.bt_cs3:after{content:"포인트전환";}

.cs_center .cs_con li.bt_cs4 > a{background-position:50% -182px;}
.cs_center .cs_con li.bt_cs4:after{content:"1:1 문의";}

.cs_center .cs_con li.bt_cs5 > a{background-position:50% -244px;}
.cs_center .cs_con li.bt_cs5:after{content:"공지사항";}

.cs_center .cs_con li.bt_cs6 > a{background-position:50% -306px;}
.cs_center .cs_con li.bt_cs6:after{content:"이벤트";}

.cs_center .cs_con li.bt_cs7 > a{background-position:50% -368px;}
.cs_center .cs_con li.bt_cs7:after{content:"롤링왕";}

.cs_center .cs_con li.bt_cs8 > a{background-position:50% -430px;}
.cs_center .cs_con li.bt_cs8:after{content:"베팅내역";}



.cs_center .cs_con2{position:absolute;top:652px;width:100%;}
.cs_center .cs_con2 li{position:relative;width:100%;box-sizing:border-box;}
.cs_center .cs_con2 li > a{display:block;width:100%;height:62px;color:#aaa;font-size:0px;text-indent:-99px;line-height:40px;background: url(/leo/bt_top_st5.png) 50% 50% no-repeat;}

.cs_center .cs_con2 li.bt_down > a{display:none;background-position:50% -120px;}
.cs_center .cs_con2 li.bt_down > a:hover{background-position:50% -75px;}

.bubble_pop_box { position: fixed;right: -198px;top: 187px;z-index: 570;display: none; }
.bubble_pop_box .bubble_pop { position: absolute;top: 30px;right: 240px;pointer-events: none; }
.bubble_pop_box .bubble_pop_close { position: absolute;top: 5px;right: 255px; }

.bubble_pop { width: 205px;height: 80px; }
.bubble_pop_close { background: url(/leo/btn_simple_close.png);background-repeat: no-repeat;background-size: 20px 20px;width: 20px;height: 20px;cursor: pointer; }
.bubble_pop_image { background: url(/leo/simple_bubble_bg.png);background-repeat: no-repeat;background-size: 200px 80px;height: 100%;width: 100%; }

.bubble_info_title { font-size: 12px;padding-top: 15px;line-height: 15px;text-align: center;margin-right: 10px;color: #000000;font-weight: bold; }
.bubble_info_content { font-size: 12px;padding-top: 4px;line-height: 17px;text-align: center;margin-right: 10px; }

/*quick eventbook*/
.event_book{position:fixed;left:-255px;top:187px;z-index:100;}
.event_book .bt_evt{float:left;}
.event_book .evt_con{float:left;width:255px;padding-bottom:20px;border:1px solid #fff;border-width:1px 1px 1px 0px;box-sizing:border-box;background: url(/leo/bg_grey50.png) 0 0 repeat;border-radius:0 0 20px 0;}
.event_book .evt_con .evt_top{position:relative;width:216px;margin:0 auto;padding:36px 0 29px 0;}
.event_book .evt_con .evt_top .bt_more{position:absolute;top:35px;right:0px;display:block;width:40px;height:20px;text-align:center;z-index:91;}
.event_book .evt_con .evt_top .bt_more > img{vertical-align:middle;}
.event_book .evt_con .evt_top .bg_gift{display:none;z-index:90;width:244px;height:138px;position:absolute;top:-77px;right:-35px;background: url(/leo/img_gift.png) 0 0 repeat;}
.event_book .evt_con .evt_list{width:216px;margin:0 auto;}
.event_book .evt_con .evt_list > li{position:relative;width:100%;padding-bottom:8px;margin-top:4px;box-sizing:border-box;background:#222;box-sizing:border-box;}
.event_book .evt_con .evt_list > li:first-child{margin-top:0px;}
.event_book .evt_con .evt_list > li .bt_join{display:block;margin-top:10px;padding:0 0 0 8px;font-size:11px;color:var(--main-color);}
.event_book .evt_con .evt_list > li .bt_go{position:absolute;display:block;width:45px;height:45px;bottom:15px;right:15px;border:1px solid #444;font-size:14px;color:#444;line-height:45px;text-align:center;border-radius:10px;}
.event_book .evt_con .evt_list > li:hover .bt_go{border:1px solid #aaa;color:#aaa;}

.event_book .evt_con .evt_list > li.type_blue{border:1px solid #11688e;}
.event_book .evt_con .evt_list > li.type_blue:hover{border:1px solid #0993ce;}
.event_book .evt_con .evt_list > li.type_blue .top{width:100%;height:30px;background:#222 url(/leo/bg_evt_blue.png) 0 0 no-repeat;}
.event_book .evt_con .evt_list > li.type_blue:hover .top{background:#222 url(/leo/bg_evt_blue2.png) 0 0 no-repeat;}
.event_book .evt_con .evt_list > li.type_blue .top > p{padding:7px 0 0 8px;color:#fff;font-size:11px;line-height:1.2;}
.event_book .evt_con .evt_list > li.type_blue .evt_txt{padding:12px 0 0 8px;font-size:12px;color:#aaa;}
.event_book .evt_con .evt_list > li.type_blue:hover .evt_txt{color:#fff;}
.event_book .evt_con .evt_list > li.type_blue .evt_txt > span{font-size:15px;}

.event_book .evt_con .evt_list > li.type_yellow{border:1px solid var(--main-color);}
.event_book .evt_con .evt_list > li.type_yellow:hover{border:1px solid var(--main-color);}
.event_book .evt_con .evt_list > li.type_yellow .top{width:100%;height:30px;background:#222 url(/leo/bg_evt_yellow.png) 0 0 no-repeat;}
.event_book .evt_con .evt_list > li.type_yellow .top > p{padding:7px 0 0 8px;color:#fff;font-size:11px;line-height:1.2;}
.event_book .evt_con .evt_list > li.type_yellow .evt_txt{padding:12px 0 0 8px;font-size:14px;color:#aaa;letter-spacing:0px;}
.event_book .evt_con .evt_list > li.type_yellow:hover .evt_txt{color:#fff;}
.event_book .evt_con .evt_list > li.type_yellow .evt_txt > span{font-size:20px;color:var(--main-color);}

.livechat{position:fixed;right:0px;bottom:0px;z-index:90; display: none;}
.livechat .bt_chat{float:left;}
/* style */

/* main */
.main_section {padding-top:0px;}
.main_section .main_visual{position:relative;}
.main_section .main_visual .wrap_sl{position:relative;width:1900px;left:50%;margin-left:-950px;}
.main_section .main_visual .wrap_sl .bx-pager{position:absolute;bottom:10px;z-index:60;width:100%;text-align:center;}
.main_section .main_visual .wrap_sl .bx-pager > div{display:inline-block;width:20px;}
.main_section .main_visual .wrap_sl .bx-pager > div > a{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ccc;font-size:0px;text-indent:-99px;}
.main_section .main_visual .wrap_sl .bx-pager > div > a.active{background:#333;}
.main_section .main_visual .wrap_sl li a{position:absolute;width:244px;height:70px;top:324px;left:50%;margin-left:-122px;font-size:0px;text-indent:-99px;}

.layer_tutorial{display:none;position:absolute;top:100px;right:90px;z-index:60;}
.layer_tutorial .bt_close{position:absolute;top:0px;right:13px;display:block;width:40px;height:40px;background:url(/leo/main/bt_close.png) 0 0 no-repeat;font-size:0px;text-indent:-99px;}
.layer_tutorial .inner{width:328px;height:361px;margin-top:45px;background:url(/leo/main/bg_tutor_pop.png) 0 0 no-repeat;text-align:center;}
.layer_tutorial .inner .txt_big{padding-top:40px;font-size:30px;color:#444;line-height:35px;font-family:NanumSquareLight;}
.layer_tutorial .inner .txt_big > span{color:var(--main-color);}
.layer_tutorial .inner .txt{margin-top:35px;font-size:12px;color:#777;line-height:18px;}
.layer_tutorial .inner .bt_area{margin-top:25px;}
.bt_area {
	background: var(--main-color);
    height: 40px;
    display: inline-block;
    line-height: 40px;
    color: #222222;
    padding: 0 15px;
    border-radius: 20px;
    font-size: 14px;
}
a:link { color: #fff; text-decoration: none;}
a:visited { color: #fff; text-decoration: none;}
a:hover { color: #ff0000; text-decoration: none;}

.bt_close_ico { width: 40px;height: 40px;background: url(/leo/main/bt_close.png) 0 0 no-repeat; }
#pageViewBox .bt_close_ico { margin-left: -45px;text-align: right;display: inline;position: fixed; }

.main_section .swiper-pagination-bullet {width: 40px;height: 4px;display: inline-block;border-radius: 0;background: #c8c6c2;opacity: 1;}
.main_section .swiper-pagination-bullet-active{background: var(--main-color);}

.layer_mixparlay{display:none;position:absolute;top:100px;left:19px;z-index:60; width: 96%; box-sizing: border-box;}
.layer_mixparlay .bt_close{position:absolute;top:0px;right:0;display:block;width:40px;height:40px;background:url(/leo/main/bt_close.png) 0 0 no-repeat;font-size:0px;text-indent:-99px;}
.layer_mixparlay .inner{width:850px; min-height:150px;margin-top:45px;background:#FFF;text-align:center; border-radius: 10px; padding: 15px 10px;}
.layer_mixparlay .inner h3 { width: 100%; text-align: left; font-weight: bold; margin-bottom: 15px; }
.layer_mixparlay .inner table { width: 100%; border: 1px solid #000; }
.layer_mixparlay .inner table th { background: #000; color: #FFF; height: 40px; line-height: 40px; border-right: 1px solid #FFF; }
.layer_mixparlay .inner table th:last-child { border-right: 0; }
.layer_mixparlay .inner table tr td { border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 10px 0; }
.layer_mixparlay .inner table tr:last-child td { border-bottom: 0;}

.main_section .contents{padding:0 0 30px 0;}

.main_section .greybox{position:relative;border:1px solid #444;background:#333;box-sizing:border-box;}
.main_section .greybox .boxtit{height:55px;font-size:22px;color:var(--main-color);line-height:55px;text-align:center;}
.main_section .greybox .bt_more{position:absolute;top:15px;right:7px;display:block;width:72px;height:24px;line-height:24px;border:1px solid #aaa;border-radius:12px;background:#222;color:#CCC;text-align:center;}
.main_section .greybox .bt_more:hover{border:1px solid #FFF;color:#FFF;}

.main_section .contents .status{overflow:hidden;width:1400px;padding-top:30px;margin:0 auto;}
.main_section .contents .status > div{float:left;margin-left:8px;height:400px;}
.main_section .contents .status > div:first-child { margin-left: 0; }

.main_section .contents .status .notice{width:318px;padding:0px 7px 7px 7px;}
.main_section .contents .status .notice .list_wrap{width:100%;padding:5px 7px 10px 7px;background:#222;box-sizing:border-box;}
.main_section .contents .status .notice .noti_list{width:100%;}
.main_section .contents .status .notice .noti_list th{height:38px;border-bottom:2px solid #363636;font-size:12px;color:var(--main-color);text-align:left;}
.main_section .contents .status .notice .noti_list td span {display: inline-block; font-size: 12px; color: var(--main-color);}
.main_section .contents .status .notice .noti_list td{height:38px;border-bottom:2px solid #363636;}
.main_section .contents .status .notice .noti_list .title{display:block;font-size:12px;color:#fff;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:230px;overflow:hidden;}
.main_section .contents .status .notice .noti_list .title:hover{text-decoration:underline;}
.main_section .contents .status .notice .noti_list .date{font-size:11px;color:#ccc;text-align:right;}
.main_section .contents .status .realtime{width:318px;padding:0px 7px 7px 7px;}
.main_section .contents .status .realtime .bx-viewport{height:340px !important;}
.main_section .contents .status .realtime .realtime_list{width:100%;height:388px;}
.main_section .contents .status .realtime .realtime_list > li{position:relative;margin-top:5px;cursor:pointer;}
.main_section .contents .status .realtime .realtime_list > li:first-child{margin-top:0px;}
.main_section .contents .status .realtime .realtime_list > li.on{height:87px;}

.main_section .contents .status .realtime .realtime_list > li .normal{height:36px;background:#222;border-radius:3px;}
.main_section .contents .status .realtime .realtime_list > li.on .normal{display:none;}
.main_section .contents .status .realtime .realtime_list > li .normal .time{display:block;float:left;width:80px;font-size:12px;color:#fff;line-height:34px;text-align:center;letter-spacing:1px;}
.main_section .contents .status .realtime .realtime_list > li .normal .name{float:left;font-size:12px;color:#FFF;line-height:34px;text-align:left;}
.main_section .contents .status .realtime .realtime_list > li .normal .money{position:absolute;right:8px;top:0px;font-size:12px;font-family:NanumSquareBold;color:#FFF;line-height:34px;}

.main_section .contents .status .realtime .realtime_list > li .hoverbox{display:none;position:absolute;top:0px;left:0px;width:100%;height:87px;box-shadow: 1px 5px 10px #0c0c0c;background:url(/leo/main/bg_hover_detail.jpg?V0001) 0 0 no-repeat;z-index:1; background-size: 300px 100%;}
.main_section .contents .status .realtime .realtime_list > li.on .hoverbox{display:block;}
.main_section .contents .status .realtime .realtime_list > li .hoverbox .time{display:block;float:left;width:80px;margin-top:36px;font-size:14px;color:#fff;line-height:1.2;text-align:center;letter-spacing:1px;}
.main_section .contents .status .realtime .realtime_list > li .hoverbox .name{float:left;font-size:14px;margin-top:14px;color:#ccc;line-height:1.2;text-align:left;}
.main_section .contents .status .realtime .realtime_list > li .hoverbox .money{position:absolute;right:17px;top:38px;font-size:26px;color:var(--main-color);line-height:36px;font-family:NanumSquareExtraBold;background: -webkit-linear-gradient(#ffea74, #ea9f34, #604c1c, #bc9150);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.main_section .contents .status .realtime .realtime_list > li .hoverbox .money > em{font-weight:bold;font-size:20px;}

.main_section .contents .status .jackpot{width:496px;padding:0px 125px 7px 7px;}
.main_section .contents .status .jackpot .bx-viewport{height:340px !important;width:487px !important;}
.main_section .contents .status .jackpot .jackpot_list{width:365px;}

.main_section .contents .status .jackpot .jackpot_list > li{position:relative;width:360px !important;margin-top:5px;cursor:pointer;}
.main_section .contents .status .jackpot .jackpot_list > li:first-child{margin-top:0px;}
.main_section .contents .status .jackpot .jackpot_list > li.on{height:87px;}
.main_section .contents .status .jackpot .jackpot_list > li .thumb{box-shadow: 1px 4px 24px #1d1a1a;}

.main_section .contents .status .jackpot .jackpot_list > li .normal{position:relative;height:36px;background:#222;border-radius:3px;}
.main_section .contents .status .jackpot .jackpot_list > li.on .normal{display:none;}
.main_section .contents .status .jackpot .jackpot_list > li .normal .name{float:left;padding:0 0 0 10px;margin:0 10px 0 0;font-size:12px;color:#FFF;line-height:34px;text-align:left;}
.main_section .contents .status .jackpot .jackpot_list > li .normal .game{float:left;font-size:12px;color:#fff;font-weight:bold;line-height:34px;text-align:left;}
.main_section .contents .status .jackpot .jackpot_list > li .normal .money{position:absolute;right:8px;top:0px;font-size:12px;font-family:NanumSquareBold;color:#FFF;line-height:34px;}
.main_section .contents .status .jackpot .jackpot_list > li .normal .thumb{position:absolute;width:80px;height:80px;top:-20px;right:-106px;z-index:3;}
.main_section .contents .status .jackpot .jackpot_list > li .normal .thumb img{width:100%;}

.main_section .contents .status .jackpot .jackpot_list > li .hoverbox{display:none;position:absolute;top:0px;left:0px;width:100%;height:87px;box-shadow: 1px 5px 10px #0c0c0c;background:url(/leo/main/bg_hover_detail2.jpg?V0001) 0 0 no-repeat;z-index:10;}
.main_section .contents .status .jackpot .jackpot_list > li.on .hoverbox{display:block;}
.main_section .contents .status .jackpot .jackpot_list > li .hoverbox .img_money{display:block;position:absolute;top:14px;left:10px;width:95px;height:60px;background:url(/leo/template7/main/bg_money.png) 0 0 no-repeat;z-index:1;}
.main_section .contents .status .jackpot .jackpot_list > li .hoverbox .name{position:absolute;left:114px;top:15px;font-size:14px;color:#ccc;line-height:1.2;text-align:left;}
.main_section .contents .status .jackpot .jackpot_list > li .hoverbox .game{position:absolute;right:13px;top:15px;font-size:14px;color:#fff;font-weight:bold;line-height:1.2;text-align:left;}
.main_section .contents .status .jackpot .jackpot_list > li .hoverbox .money{position:absolute;right:17px;top:38px;font-size:26px;color:var(--main-color);line-height:36px;font-family:NanumSquareExtraBold;background: -webkit-linear-gradient(#ffea74, #ea9f34, #604c1c, #bc9150);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.main_section .contents .status .jackpot .jackpot_list > li .hoverbox .money > em{font-weight:bold;font-size:20px;}
.main_section .contents .status .jackpot .jackpot_list > li .edge{display:block;position:absolute;top:35px;right:-14px;width:15px;height:18px;background:url(/leo/template7/main/edge_orange.png) 0 0 no-repeat;z-index:1;}
.main_section .contents .status .jackpot .jackpot_list > li .hoverbox .thumb{position:absolute;width:104px;height:104px;top:-8px;right:-118px;z-index:4;}
.main_section .contents .status .jackpot .jackpot_list > li .hoverbox .thumb img{width:100%;}

.main_section .contents .promotions{padding-top:8px;width:1148px;margin:0 auto;}
.main_section .contents .promotions > div{float:left;margin-left:8px;}
.main_section .contents .promotions > div:first-child{margin-left:0;}
.main_section .contents .promotions .greybox.promo{padding:0px 13px 17px 13px; width: 644px;}
.main_section .contents .promotions .greybox.promo .ban_list li{margin-top:15px; overflow: hidden;}
.main_section .contents .promotions .greybox.promo .ban_list li:first-child{margin-top:8px;}
.main_section .contents .promotions .greybox.promo .ban_list li img { height: 216px; }

.main_section .contents .promotions .greybox.newgame{padding:0px 13px 17px 13px;}
.main_section .contents .promotions .greybox.newgame .ban_list li{margin-top:15px;}
.main_section .contents .promotions .greybox.newgame .ban_list li img { width: 216px; }
.main_section .contents .promotions .greybox.newgame .ban_list li:first-child{margin-top:8px;}
.main_section .contents .promotions .greybox.hotgame{padding:0px 13px 18px 13px;}
.main_section .contents .promotions .greybox.hotgame .ban_list li{margin-top:15px;}
.main_section .contents .promotions .greybox.hotgame .ban_list li img { width: 216px; }
.main_section .contents .promotions .greybox.hotgame .ban_list li:first-child{margin-top:8px;}

.main_section .contents .best_casino{position:relative;width:1148px;margin:0 auto;}
.main_section .contents .best_casino .list_wrap{position:relative;z-index:3;left:-8px;}
.main_section .contents .best_casino .thumb_list{width:1260px;}
.main_section .contents .best_casino .girl1bg{position: absolute;bottom:0px;left:50%;margin-left:597px;z-index:1;}
.main_section .contents .best_casino .girl2bg{position: absolute;bottom:0px;left:50%;margin-left:-943px;z-index:1;}

.main_section .contents .best_slot{position:relative;width:1148px;margin:0 auto;}
.main_section .contents .best_slot .list_wrap{position:relative;z-index:3;}
.main_section .contents .best_slot .list_wrap > .main_game{float:left;margin-top:8px;border:1px solid #767676;}
.main_section .contents .best_slot .thumb_list{float:right;width:1008px;}
.main_section .contents .best_slot .girl3bg{position: absolute;bottom:-14px;left:50%;margin-left:-943px;z-index:1;}

.main_section .contents .recent{position:relative;width:1148px;margin:0 auto;}
.main_section .contents .recent .titlebox .favorbox_main{position:absolute;left:50%;top:24px;margin-left:-100px;}
.main_section .contents .recent .recent_sl{margin-top:8px;}
.main_section .contents .recent .recent_sl .sl li{float:left;border:1px solid #767676;}
.main_section .contents .recent .recent_sl .bx-controls-direction > a{position:absolute;display:block;width:54px;height:54px;top:50%;font-size:0px;}
.main_section .contents .recent .recent_sl .bx-controls-direction > a.bx-prev{left:-90px;background: url(/leo/bt_snb_prev2.jpg?V0001) 0 0 no-repeat;}
.main_section .contents .recent .recent_sl .bx-controls-direction > a.bx-prev:hover{background: url(/leo/bt_snb_prev2_on.jpg?V0001) 0 0 no-repeat;}
.main_section .contents .recent .recent_sl .bx-controls-direction > a.bx-next{right:-90px;background: url(/leo/bt_snb_next2.jpg?V0001) 0 0 no-repeat;}
.main_section .contents .recent .recent_sl .bx-controls-direction > a.bx-next:hover{background: url(/leo/bt_snb_next2_on.jpg?V0001) 0 0 no-repeat;}

.main_section .contents .recent .tabcontainer > div{display:none;}
.main_section .contents .recent .tabcontainer > div.on{display:block;}

.main_section .contents .sport{position:relative;width:1400px;margin:0 auto; display:table;}
@media (max-width: 720px) {
	.main_section .contents .sport{width:100%;}
}
.main_section .contents .sport .sport_sl{position:relative;margin-top:8px;}
.main_section .contents .sport .sport_sl .sl li{float:left;border:1px solid #444444;}
.main_section .contents .sport .sport_sl .bx-controls-direction > a{position:absolute;display:block;width:54px;height:54px;top:50%;font-size:0px;margin-top:-25px;}
.main_section .contents .sport .sport_sl .bx-controls-direction > a.bx-prev{left:-90px;background: url(/leo/bt_snb_prev2.jpg?V0001) 0 0 no-repeat;}
.main_section .contents .sport .sport_sl .bx-controls-direction > a.bx-prev:hover{background: url(/leo/bt_snb_prev2_on.jpg?V0001) 0 0 no-repeat;}
.main_section .contents .sport .sport_sl .bx-controls-direction > a.bx-next{right:-90px;background: url(/leo/bt_snb_next2.jpg?V0001) 0 0 no-repeat;}
.main_section .contents .sport .sport_sl .bx-controls-direction > a.bx-next:hover{background: url(/leo/bt_snb_next2_on.jpg?V0001) 0 0 no-repeat;}
.main_section .contents .sport .sport_sl .big_thumb{position:absolute;top:-34px;left:50%;margin-left:-153px;width:306px;height:306px;border:1px solid #444444;background:#000;z-index:60;box-shadow: 10px 10px 25px #000;}
.main_section .contents .sport .sport_sl .big_thumb > img{width:100%;}
.main_section .contents .sport .sport_sl .big_thumb > a{display:block;position:absolute;top:50%;left:50%;margin:-48px 0 0 -48px;width:97px;height:97px;padding-top:30px;text-align:center;box-sizing:border-box;}
.main_section .contents .sport .sport_sl .big_thumb > a::before{content:"";position:absolute;top:50%;left:50%;margin:-41px 0 0 -41px;width:83px;height:83px;background: url(/leo/lotate1.png) 0 0 no-repeat;animation: target_image 2s;animation-iteration-count: infinite;animation-timing-function: linear;transform-origin: 50% 50%;}
.main_section .contents .sport .sport_sl .big_thumb > a::after{content:"";position:absolute;top:50%;left:50%;margin:-48.5px 0 0 -48.5px;width:97px;height:97px;background: url(/leo/lotate2.png) 0 0 no-repeat;animation: target_image2 2s;animation-iteration-count: infinite;animation-timing-function: linear;transform-origin: 50% 50%;}
.main_section .contents .sport .sport_sl .big_thumb > p{display:none;position:absolute;bottom:20px;left:0px;width:100%;text-align:center;font-size:17px;color:#fff;}
.main_section .contents .sport .sport_sl .big_thumb:hover > a{display:block;}
.main_section .contents .sport .sport_sl .big_thumb:hover > p{display:block;}
@keyframes target_image {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(-180deg) }
    100% { transform: rotate(-360deg); }
}
@keyframes target_image2 {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(180deg) }
    100% { transform: rotate(360deg); }
}

.main_section .contents .long_ban{width:1148px;padding-top:30px;margin:0 auto;}
.main_section .contents .long_ban .long_sl{position:relative;}
.main_section .contents .long_ban .long_sl .bx-controls-direction > a{position:absolute;display:block;width:32px;height:32px;top:50%;font-size:0px;margin-top:-16px;}
.main_section .contents .long_ban .long_sl .bx-controls-direction > a.bx-prev{left:1px;background: url(/leo/main/bt_long_prev.png) 0 0 no-repeat;}
.main_section .contents .long_ban .long_sl .bx-controls-direction > a.bx-next{right:1px;background: url(/leo/main/bt_long_next.png) 0 0 no-repeat;}

/*메인 주요이벤트 추가*/
.main_section .contents .mainEvent{width:100%;}
.main_section .contents .mainEvent .inner{width:1400px;margin:0 auto;}
.main_section .contents .mainEvent .inner .addTab{border-bottom:1px solid #333;padding: 40px 0 16px 0;}
.main_section .contents .mainEvent .inner .addTab .main_event_area{position:absolute;top:45px;left:125px;overflow:hidden;height:43px;width:900px;}
.main_section .contents .mainEvent .inner .addTab .tabMenus{height:40px;position:absolute;top:0px;left:0px;}
.main_section .contents .mainEvent .inner .addTab .tabMenus li{float:left;padding:0 25px;height:100%;text-align:center;}
.main_section .contents .mainEvent .inner .addTab .tabMenus li a{font-size:16px;color:#ccc;}
.main_section .contents .mainEvent .inner .addTab .tabMenus li:hover a{color:#fff;font-weight:bold;}
.main_section .contents .mainEvent .inner .addTab .tabMenus li.on{border-bottom:3px solid var(--main-color);}
.main_section .contents .mainEvent .inner .addTab .tabMenus li.on a{color:#fff;font-weight:bold;}
.main_section .contents .mainEvent .inner .addTab .btnPrev{display:block;position:absolute;right:50px;top:35px;width:40px;height:40px;border:1px solid #fff;border-radius:3px;box-sizing:border-box;font-size:0;text-indent:-999px;background: url(/leo/wbc__tab_move_prev.png) 50% 50% no-repeat;}
.main_section .contents .mainEvent .inner .addTab .btnPrev:hover{border:1px solid var(--main-color);}
.main_section .contents .mainEvent .inner .addTab .btnNext{display:block;position:absolute;right:0px;top:35px;width:40px;height:40px;border:1px solid #fff;border-radius:3px;box-sizing:border-box;font-size:0;text-indent:-999px;background: url(/leo/wbc__tab_move_next.png) 50% 50% no-repeat;}
.main_section .contents .mainEvent .inner .addTab .btnNext:hover{border:1px solid var(--main-color);}
.main_section .contents .mainEvent .tabContainer{margin-top:32px;}
.main_section .contents .mainEvent .tabContainer .tabCon{display:none;}
.main_section .contents .mainEvent .tabContainer .tabCon.on{display:block ;}
.main_section .contents .mainEvent .tabContainer .tabCon .eventList{overflow:hidden;}
.main_section .contents .mainEvent .tabContainer .tabCon .eventList li {float:left;margin-left:10px;padding-bottom:60px;}
.main_section .contents .mainEvent .tabContainer .tabCon .eventList li:first-child {margin-left:0px;}
.main_section .contents .mainEvent .tabContainer .tabCon .eventList li p{margin-top:30px;font-size:20px;color:#fff;font-weight:bold;}
.main_section .contents .mainEvent .tabContainer .tabCon .eventList li em{display:block;margin-top:14px;font-size:14px;color:#ccc;}


.game_list1{position:relative;}
.game_list > li{position:relative;}
.game_list.in_main > li{margin-top:15px;}
.game_list.in_main > li:first-child{margin-top:8px;}
.game_list_wrap{position:relative;z-index:3;}
.game_list_wrap .align_box_l .big_banner{position:relative;float:left;margin-top:8px;/* border:1px solid rgba(0, 0, 0, 0); */}
.game_list_wrap .align_box_l .game_list{float:left;width:696px;}
.game_list_wrap .align_box_l .game_list > li{position:relative;float:left;margin:8px 0 0 8px;border:1px solid rgba(0, 0, 0, 0);cursor:pointer;}

.game_list_wrap .align_box_r .big_banner{position:relative;float:left;margin-top:8px;border:1px solid rgba(0, 0, 0, 0);}
.game_list_wrap .align_box_r .big_banner img{width:100%;}
.game_list_wrap .align_box_r .game_list{float:left;width:690px;}
.game_list_wrap .align_box_r .game_list > li{position:relative;float:left;margin:8px 0 0 8px;border:1px solid rgba(0, 0, 0, 0);cursor:pointer;}
.game_list_wrap .align_box_r .game_list > li:nth-child(3n+1){margin-left:0px;}

.game_list_wrap .align_box_justi .big_banner{position:relative;float:left;margin-top:8px;border:1px solid rgba(0, 0, 0, 0);}
.game_list_wrap .align_box_justi .game_list{float:left;width:232px;}
.game_list_wrap .align_box_justi .game_list > li{position:relative;float:left;margin:8px 0 0 8px;border:1px solid rgba(0, 0, 0, 0);cursor:pointer;}
.game_list_wrap .align_box_justi .big_banner.scond{float:left;margin-left:8px;}

.game_list_wrap .game_list.outer > li{position:relative;float:left;margin:8px 0 0 8px;border:1px solid rgba(0, 0, 0, 0);cursor:pointer;}
.game_list_wrap .game_list.outer > li:nth-child(5n+1){margin-left:0px;}
.game_list_wrap .game_list.outer > li.hide_list { display: none; }
.game_list_wrap .game_list.outer > li img:before { content: ' '; display: block; position: absolute; background-size: 100%; width: 100%; height: 100%; }
.game_list_wrap .align_box_justi .big_banner img:before { content: ' '; display: block; position: absolute; background-size: 100%; width: 100%; height: 100%; }

.game_list1 .girl1bg {position: absolute;top: 77px;left: 50%;margin-left: 300px;z-index: 1; display: none;}
.game_list1 .girl2bg {position: absolute;top: 77px;left: 50%;margin-left: -643px;z-index: 1; display: none;}
.game_list1 .girl3bg {position: absolute;top: 77px;left: 50%;margin-left: -643px;z-index: 1; display: none;}
.game_list1 .girl4bg {position: absolute;top: 77px;left: 50%;margin-left: 300px;z-index: 1; display: none;}
.game_list1 .girl4bg > p {position: absolute;top: 7px;left: 22px;width:244px;height:40px;line-height:40px;font-size:14px;text-align:center;color:#fff;font-family: NanumSquareBold;}

.btn_list { display: inline-block; width: 128px; height: 40px; border: 1px solid var(--main-color); border-radius: 7px; background: var(--main-color); text-align: center; color: #fff; font-size: 14px; line-height: 40px; }

.slot_jackpot { position: absolute; width: 100%; height: 40px; bottom: 0; background: var(--main-color); font-size: 20px; font-weight: bold; color: #000; text-align: center; line-height: 40px; z-index: 1; bottom: 60px; }
.slot_jackpot > em { font-weight: normal; }

.game_list_wrap .gameInfo{position:relative;height:60px;background:#222;}
.game_list_wrap .gameInfo p{width:135px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.game_list_wrap .gameInfo p.gameTitle{font-size:14px;color:#fff;font-weight:bold;padding:13px 0 0 16px;}
.game_list_wrap .gameInfo p.gameTitleEn{font-size:12px;color:#ccc;padding:6px 0 0 16px;}
.game_list_wrap .gameInfo span.gameFavor{position:absolute;top:20px;right:40px;width:24px;height:20px;font-size:0px;text-indent:-999px;}
.game_list_wrap .gameInfo span.gameFavor.on{}
.game_list_wrap .gameInfo span.gameDetailInfo{position:absolute;top:18px;right:10px;width:24px;height:24px;font-size:0px;text-indent:-999px;background-size:24px;}
.game_list_wrap .gameInfo span.gameDetailInfo:hover{background-size:24px;}

.game_list_wrap .big_banner .gameInfo{position:relative;height:120px;background:#222;}
.game_list_wrap .big_banner .gameInfo p.gameTitle{font-size:20px;color:#fff;font-weight:bold;padding:33px 0 0 20px;width:370px;}
.game_list_wrap .big_banner .gameInfo p.gameTitleEn{font-size:14px;color:#ccc;padding:10px 0 0 20px;width:370px;}
.game_list_wrap .big_banner .gameInfo span.gameFavor{position:absolute;top:33px;right:10px;width:24px;height:20pxfont-size:0px;text-indent:-999px;}
.game_list_wrap .big_banner .gameInfo span.gameFavor.on{}
.game_list_wrap .big_banner .gameInfo span.gameDetailInfo{position:absolute;top:60px;cursor:pointer;right:10px;width:24px;height:24px;font-size:0px;text-indent:-999px;background-size:24px;}
.game_list_wrap .big_banner .gameInfo span.gameDetailInfo:hover{bbackground-size:contain;}

/** 회원가입 2020.05.28 */
.joinwrap .center_box { width: 1060px; height: 600px; }
.joinInfo { width: 300px; height: 577px; float: left; margin:0 auto; border:1px solid #333333; }
.joinwrap .center_box .joinbox { float: right; }

.join_greeting .center_box { width: 1060px;text-align: right; }
.join_greeting .center_box .visual_img { top: -165px;left: unset;right: -260px;display: inline-block;width: 353px;height: 350px;background: url(/leo/member/bg_join2.png) 0 0 no-repeat; }

@media screen and (max-width:1200px) {
	.header > .inner{width:1400px;height:88px;padding:29px 10px 0 10px;margin:0 auto;box-sizing:border-box;}
	.header > .inner > .gnb > li > a{display:block;height:59px;line-height:33px;font-size:15px;color:#fff;box-sizing:border-box;padding:0 8px;}
}
@media screen and (min-width:1201px) {
	
	.header > .inner{width:100%;}
	.header > .inner > .gnb > li > a{padding:0 9px;}
	@media screen and (min-width:1300px) {
		.header > .inner > .gnb > li > a{padding:0 13px;}
		.header > .inner{width:1300px;}
	}
	@media screen and (min-width:1400px) {
		.header > .inner > .gnb > li > a{font-size: 16px;}
		.header > .inner{width:1300px;}
	}
	@media screen and (min-width:1500px) {
		.header > .inner > .gnb > li > a{padding:0 17px;}
		.header > .inner{width:1400px;}
	}
	
}

/* Make it a marquee */
.marquee {
    width: 89%;
    margin: 17px auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 20s linear infinite;
}

/* Make it move */
@keyframes marquee {
    0%   { text-indent: 90% }
    100% { text-indent: -40em }
}

.cf-stream-menu-container { display: none; }

.setting_button_area { position: absolute; top: 14px; left: 250px; }
.switch_button { position: relative; display: inline-block; width: 80px; height: 34px; }
.switch_button input { opacity: 0; width: 0;height: 0;}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0;background-color: #444444; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 26px; width: 35px; left: 4px; bottom: 4px; background-color: white;-webkit-transition: .4s; transition: .4s; }
.checked { position: absolute; top: 30%; color: #fff; font-weight: bold; letter-spacing: 1px;}
.checked.on { left: 10px;  }
.checked.off { right: 10px;  }
.switch_button input:checked + .slider { background-color: var(--main-color); }
.switch_button input:checked + .slider:before { -webkit-transform: translateX(36px); -ms-transform: translateX(36px); transform: translateX(36px); }
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 15px; }
.setting_button_area { font-size: 14px; color: #fff; font-weight: bold; }
.layer_item_set{position:absolute;width:218px;height:218px;box-sizing:border-box;z-index:10;box-shadow: 0px 0px 1px 1px #222;}
.layer_item_set .thumb{position:relative;width:100%; height: 100%;}
.layer_item_set .thumb > img{width:100%;}
.layer_item_set .thumb > a { display: block; height: 100%; background-size: 100%; }
.layer_item_set .thumb * { outline: 0 !important; }
.layer_item_set .thumb .bt_play{position:absolute;bottom:5px;right:5px;width:80px;height:24px;line-height:24px;margin-left:-50px;color:#fff;font-size:12px;border:1px solid #fff;text-align:center; background-color: rgba(0,0,0,0.3);z-index: 100;}
.layer_item_set .thumb .bt_ex{position:absolute;top:120px;left:50%;width:122px;height:39px;margin-left:-61px;color:#fff;font-size:14px;font-weight:bold;font-family:NanumSquareBold;text-align:center;line-height:39px;box-sizing:border-box;z-index: 100;}
.layer_item_set .thumb .bt_play:hover{background-color: rgba(0,0,0,0.6);color:var(--main-color);border:1px solid var(--main-color);}
.layer_item_set .thumb .bt_ex:hover{color:var(--main-color);}

.layer_item_set .infobox{position:absolute;bottom:0px;left:0px;padding:28px 10px;width:100%;height:80px;box-sizing:border-box;z-index:3; background: url(/leo/info_back.png) repeat-x;}
.layer_item_set .infobox .title{font-size:17px;color:#fff;font-family:NanumSquareBold;}
.layer_item_set .infobox .title_en{margin-top:5px;font-size:13px;color:#afafaf;font-family:NanumSquareBold;}
.layer_item_set .infobox .bt_ex{position:absolute;top: 40px; right: 9px; width: 83px; height: 30px; color: #fff; font-size: 12px; font-family: NanumSquareBold; text-align: center; line-height: 30px; box-sizing: border-box; border: 1px solid #fff; border-radius: 5px; }
.layer_item_set .infobox .bt_ex:hover { background-color : rgba( 255, 255, 255, 0.2 ); }

.layer_item_set .btns{position:absolute;left:16px;top:16px;z-index: 100;}
.layer_item_set .btns > li{}
.layer_item_set .btns > li > a{font-size:0px;text-indent:-99px;}
.layer_item_set .btns > li .bt_favor{display:block;width:25px;height:29px;background: url(/leo/bt_favor.png) 0 0 repeat; margin-bottom: 16px;}
.layer_item_set .btns > li .bt_favor:hover{background: url(/leo/bt_favor_hover.png) 0 0 repeat;}
.layer_item_set .btns > li .bt_favor.on{background: url(/leo/bt_favor_on.png) 0 0 repeat !important;}
.layer_item_set .btns > li .bt_caution{display:block;width:29px;height:29px;background: url(/leo/bt_caution.png) 0 0 repeat;}
.layer_item_set .btns > li .bt_caution:hover{background: url(/leo/bt_caution_hover.png) 0 0 repeat;}
.layer_item_set .gameLinkArea { width: 218px; height: 218px; position: absolute; left: 0px; top: 0px; cursor: pointer; }

.layer_item_set:before,
.layer_item_set:after,
.game_list > li:after,
.game_list > li:before {transition:all 0.3s ease; display:block; content:''; position:absolute; background:var(--main-color); z-index:100;}
.layer_item_set:before {top:0; left:0; right:100%; height:1px; }
.layer_item_set:after {top:0; right:0; bottom:100%; width:1px; }
.layer_item_set:hover:before{-webkit-transition-delay:0s; transition-delay:0s; right:0;}
.layer_item_set:hover:after {-webkit-transition-delay:.2s; transition-delay:.2s; bottom:0;}
.game_list > li:after {bottom:60px; right:0; left:100%; height:1px;}
.game_list > li:before {bottom:60px; left:0; top:100%; width:1px;}
.game_list > li:hover:after {-webkit-transition-delay:.0s; transition-delay:.0s; left:0;}
.game_list > li:hover:before {-webkit-transition-delay:.2s; transition-delay:.2s; top:0;}

.layer_item_big_set{position:absolute;width:450px;height:450px;padding:0px;box-sizing:border-box;z-index:10;box-shadow: 0px 0px 1px 1px;}
.layer_item_big_set .thumb{position:relative;width:100%; cursor: pointer;}
.layer_item_big_set .thumb * { outline: 0 !important; }
.layer_item_big_set .thumb > img{width:100%;}
.layer_item_big_set .thumb > a { display: block; height: 100%; background-size: 100%; }
.layer_item_big_set .thumb .bt_wrap{position:absolute;top:0px;left:0px;width:100%;height:414px;background: url(/leo/bg_black60.png) 0 0 repeat;z-index:2;}
.layer_item_big_set .thumb .bt_play{position:absolute;top:210px;left:50%;width:100px;height:30px;line-height:30px;margin-left:-50px;color:#fff;font-size:14px;font-weight:bold;border:1px solid #fff;text-align:center;z-index: 100;}
.layer_item_big_set .thumb .bt_ex{position:absolute;bottom:5px;right:5px;width:80px;height:24px;line-height:24px;margin-left:-50px;color:#fff;font-size:12px;border:1px solid #fff;text-align:center; background-color: rgba(0,0,0,0.3);z-index: 100;}
.layer_item_big_set .thumb .bt_play:hover{background: url(/leo/bg_wh_20.png) 0 0 repeat;color:var(--main-color);border:1px solid var(--main-color);}
.layer_item_big_set .thumb .bt_ex:hover{background-color: rgba(0,0,0,0.6);color:var(--main-color);border:1px solid var(--main-color);}
.layer_item_big_set .infobox{position:absolute;bottom:0px;left:0px;padding:28px 10px;width:100%;height:80px;background: url(/leo/info_back.png) repeat-x;box-sizing:border-box;z-index:3;}
.layer_item_big_set .infobox .title{font-size:17px;color:#fff;font-family:NanumSquareBold;}
.layer_item_big_set .infobox .title_en{margin-top:5px;font-size:13px;color:#afafaf;font-family:NanumSquareBold;}
.layer_item_big_set .btns{position:absolute;left:16px;top:16px;z-index: 100;}
.layer_item_big_set .btns > li{}
.layer_item_big_set .btns > li > a{font-size:0px;text-indent:-99px;}
.layer_item_big_set .btns > li .bt_favor{display:block;width:25px;height:29px;background: url(/leo/bt_favor.png) 0 0 repeat; margin-bottom: 16px;}
.layer_item_big_set .btns > li .bt_favor:hover{background: url(/leo/bt_favor_hover.png) 0 0 repeat;}
.layer_item_big_set .btns > li .bt_favor.on{background: url(/leo/bt_favor_on.png) 0 0 repeat !important;}
.layer_item_big_set .btns > li .bt_caution{display:block;width:29px;height:29px;background: url(/leo/bt_caution.png) 0 0 repeat;}
.layer_item_big_set .btns > li .bt_caution:hover{background: url(/leo/bt_caution_hover.png) 0 0 repeat;}
.layer_item_big_set .gameLinkArea { width: 450px; height: 450px; position: absolute; left: 0; top: 0; cursor: pointer; }

.inspection { text-align: center; color: var(--main-color); font-size: 45px; font-weight: bold; margin-top: 30px; }



/* 게시판 네비바 */
#bo_nav {/*border:3px solid #e7191f; border-radius:8px;*/ padding:0 0 30px;}
#bo_nav ul:after {content:''; display:block; visibility:hidden; clear:both;}
#bo_nav ul li {float:left; height:54px; line-height:54px;}
/*
#bo_nav ul li:first-child {background:#e7191f; color:#fff; font-weight:bold; padding:0 25px; font-size:20px; line-height:55px;}
*/
#bo_nav ul li a {
	position:relative; display:block;     font-weight: 900; font-size:20px; padding:0 10px; background: linear-gradient(to right, #ffe600, /* 쨍한 밝은 금색 */ #ffcc00, #e6b800, #c89e00, #a87d00 /* 진한 금/브론즈 */);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#bo_nav ul li a.first_tab {}
#bo_nav ul li.on a {color:#e7191f;}

@media(max-width: 768px) {
	#bo_nav {/*display:none;*/}
	#bo_nav ul li {height:40px; line-height:44px;}
	#bo_nav ul li a {font-size:13px; padding:0 3px;}
}

