@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
*{box-sizing:border-box;text-decoration:none;list-style:none}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
._hide,.__hide{display:none !important}
*{font-family:'Pretendard' !important}
body{background:#fff;color:#000;max-width:100vw;overflow-x:hidden}
pre{white-space:pre-wrap;word-break:break-all !important}
a{cursor:pointer}
b{font-weight:bold}
.m_cont{display:none}
.loader_bg{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:10000000}
.loader_bg .loader{position:absolute;top:50%;left:50%;width:25%;height:30px;background:#000;border:2px solid #000F14;border-radius:5px;transform:translate(-50%, -50%);flex-flow:column}
.loader_bg .loader>.loader_bar{width:0;height:30px;background:repeating-linear-gradient(45deg, #000F14, #000F14 30px, #fff 0, #fff 60px);border-radius:0 2px 2px 0}
.loader_bg .loader>span{position:absolute;top:40px;left:50%;width:100%;text-align:center;font-size:14px;transform:translateX(-50%)}
._bottom_btn{display:none;position:fixed;bottom:0;left:0;width:100%;background:#fff;height:70px;z-index:3}
._bottom_btn a{width:25%;display:flex;align-items:center;justify-content:center;height:100%;font:normal normal normal 14px Pretendard;letter-spacing:-1.4px;flex-flow:column;gap:8px}
._bottom_btn a span{color:#000}
@media screen and (max-width: 960px){
	._bottom_btn{display:flex}
}
._m_cont{display:none}
.grid_box{display:grid !important}
.grid_box._g_1{grid-template-columns:repeat(1, 1fr)}
.grid_box._g_2{grid-template-columns:repeat(2, 1fr)}
.grid_box._g_3{grid-template-columns:repeat(3, 1fr)}
.grid_box._g_4{grid-template-columns:repeat(4, 1fr)}
.grid_box._g_5{grid-template-columns:repeat(5, 1fr)}
._icon1::before{content:"";width:24px;height:24px;display:flex;background:url("/skin/base2/assets/imgs/dia/ico_2.png?_2");background-position:0px -58px}
._icon1:hover::before{content:"";background-position:0px -34px}
._icon2::before{content:"";width:24px;height:24px;display:flex;background:url("/skin/base2/assets/imgs/dia/ico_2.png?_2");background-position:-34px -58px}
._icon2:hover::before{content:"";background-position:-34px -34px}
._icon3::before{content:"";width:24px;height:24px;display:flex;background:url("/skin/base2/assets/imgs/dia/ico_2.png?_2");background-position:-68px -58px}
._icon3:hover::before{content:"";background-position:-68px -34px}
._icon4::before{content:"";width:24px;height:24px;display:flex;background:url("/skin/base2/assets/imgs/dia/ico_2.png?_2");background-position:-102px -58px}
._icon4:hover::before{content:"";background-position:-102px -34px}
._icon5::before{content:"";width:24px;height:24px;display:flex;background:url("/skin/base2/assets/imgs/dia/ico_2.png?_2");background-position:-136px -58px}
._icon5:hover::before{content:"";background-position:-136px -34px}
._icon6::before{content:"";width:24px;height:24px;display:flex;background:url("/skin/base2/assets/imgs/dia/ico_2.png?_2");background-position:-170px -58px}
._icon6:hover::before{content:"";background-position:-170px -34px}
._icon7::before{content:"";width:24px;height:24px;display:flex;background:url("/skin/base2/assets/imgs/dia/ico_2.png?_2");background-position:-204px -58px}
._icon7:hover::before{content:"";background-position:-204px -34px}
._icon8::before{content:"";width:24px;height:24px;display:flex;background:url("/skin/base2/assets/imgs/dia/ico_2.png?_2");background-position:-238px -58px}
._icon8:hover::before{content:"";background-position:-238px -34px}
._icon9::before{content:"";width:24px;height:24px;display:flex;background:url("/skin/base2/assets/imgs/dia/ico_2.png?_2");background-position:-272px -58px}
._icon9:hover::before{content:"";background-position:-272px -34px}
._icon10::before{content:"";width:24px;height:24px;display:flex;background:url("/skin/base2/assets/imgs/dia/ico_2.png?_2");background-position:-306px -58px}
._icon10:hover::before{content:"";background-position:-306px -34px}
._icon11::before{content:"";width:24px;height:24px;display:flex;background:url("/skin/base2/assets/imgs/dia/ico_2.png?_2");background-position:-340px -58px}
._icon11:hover::before{content:"";background-position:-340px -34px}
._icon12::before{content:"";width:24px;height:24px;display:flex;background:url("/skin/base2/assets/imgs/dia/ico_2.png?_2");background-position:-374px -58px}
._icon12:hover::before{content:"";background-position:-374px -34px}
@media screen and (max-width: 960px){#chat-widget-container{bottom:60px !important}
}
.hd{position:fixed;display:flex;padding:0 16px;padding-left:300px;width:100%;height:67px;background:#000709;align-items:center;justify-content:space-between;z-index:13}
.hd ._left{display:flex;gap:10px;align-items:center}
.hd ._left .m_cont{display:none}
.hd ._left .top_btns{display:flex;height:100%}
.hd ._left .top_btns a{padding:0 24px;height:100%;color:#eaeeff}
.hd ._left .top_btns a:hover{color:#60ACDB}
.hd .m_cont{display:none}
@media screen and (max-width: 960px){.hd{padding-left:16px;height:80px}
.hd ._left .menu_icon::before{content:"";width:40px;height:40px;display:flex;background:url("/skin/base2/assets/imgs/ytb/ico.png?_1");background-position:0 -60px;filter:brightness(100)}
.hd ._left .m_cont{display:block}
.hd ._left .top_btns{display:none}
.hd>.m_cont{display:block;position:absolute;left:50%;transform:translateX(-50%)}
.hd .search_box{max-width:360px}
}
@media screen and (max-width: 760px){.hd .search_box{display:none}
}
.side{position:fixed;top:0;left:0;width:300px;height:100vh;background:#000F14;z-index:14;overflow-y:scroll;overflow-x:hidden}
.side .logo {width:100%}
.side::-webkit-scrollbar{width:8px;right:0}
.side::-webkit-scrollbar-thumb{background:#1f3b42;border-radius:8px}
.side .close_btn{display:none}
.side ._side_menu{display:flex;padding:30px;flex-flow:column;gap:20px}
.side ._side_menu .login_box{padding:30px;font-size:14px;border:1px solid #20343D}
.side ._side_menu .login_box form input{border:1px solid #20343D;width:100%;height:36px;background:#000709;padding:0 10px;color:#fff}
.side ._side_menu .login_box form input:nth-child(1){border-bottom:0}
.side ._side_menu .login_box form .btn{background:linear-gradient(180deg, #4C7189 0%, #203543 100%);border:0;color:#fff;width:100%;margin-top:12px;width:100%;height:46px}
.side ._side_menu .login_box form .btn:hover{background:linear-gradient(180deg, #284151 0%, #111E27 100%)}
.side ._side_menu .login_box form .join{margin-top:20px;color:#eaeeff;display:block;text-align:center}
.side ._side_menu .login_box form .join:hover{color:#60ACDB}
.side ._side_menu ul{padding:30px;font-size:14px;border:1px solid #20343D}
.side ._side_menu ul._info {margin-bottom:4px;font:normal normal normal 16px Pretendard;letter-spacing:-1px;color:#FFFFFF}
.side ._side_menu ul._info>li {color:#fff;border:none;height:auto;margin-bottom:4px}
.side ._side_menu ul._info span{color:#60ACDB}
.side ._side_menu ul li{width:100%;height:40px;border-top:1px solid #20343D}
.side ._side_menu ul li:nth-last-child(1){border-bottom:1px solid #20343D}
.side ._side_menu ul li:hover a{color:#60ACDB}
.side ._side_menu ul li a{display:flex;padding:0 12px;width:100%;height:100%;color:#eaeeff;gap:10px;align-items:center;justify-content:space-between}
.side ._side_menu ul li a>div{display:flex;flex-flow:column;position:relative;width:calc(100% - 48px)}
.side ._side_menu ul ._logout{display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg, #4C7189 0%, #203543 100%);font:normal normal normal 14px Pretendard;letter-spacing:-0.7px;color:#FFFFFF;text-shadow:0px 0px 4px #195D75;margin-top:20px;height:40px}
.side ._side_menu ._side_tit{padding:12px 28px}
@media screen and (max-width: 960px){
.side{width:80%;padding-top:10px;left:-100%;z-index:10;transition:.5s}
.side .close_btn{margin-left:auto;display:block;margin-right:10px;margin-top:10px;margin-bottom:10px;width:36px}
.side._on{left:0}
}
.main{position:absolute;top:67px;left:300px;min-height:100vh;width:calc(100vw - 300px);/*font-size:0;*/background:url("/skin/base2/assets/imgs/dia/bg_1.png") bottom center/contain;background-repeat:no-repeat;background-color:#02090c;color:#fff;font-size:1rem}
.main img{width:100%}
.main img.pc_cont{display:block}
.main img.m_cont{display:none}
.main::-webkit-scrollbar{width:8px;position:absolute;right:0}
.main::-webkit-scrollbar-thumb{background:#1f3b42;border-radius:8px}
.main .top_btns{display:flex;gap:12px;padding:12px 24px;position:sticky;width:100%;background:#fff;top:0;overflow-x:auto;z-index:3}
.main .top_btns a{font-size:14px;letter-spacing:-0.7px;color:#0F0F0F;border-radius:8px;background:#0000000D;padding:8px 12px;white-space:nowrap;display:flex;flex-flow:column;align-items:center;justify-content:center;gap:4px}
.main .top_btns a._on,.main .top_btns a:hover{background:#0F0F0F;color:#fff}
.main ._title{display:flex;padding:0 32px;padding-top:40px;justify-content:center;align-items:center;gap:12px;border-top:1px solid #0000001A}
.main ._title h2{color:#fff;font-size:30px;font-weight:bold}
.main .games{display:grid;grid-template-columns:repeat(6, 1fr);padding:40px;gap:20px}
.main .games a {display:inline-block}
.main .games a .img_box{position: relative;aspect-ratio:210 / 253;overflow:hidden;background:url("/skin/base2/assets/imgs/dia/game/game-bg.png") center center/contain}
.main .games a .img_box::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);opacity: 0;}
.main .games a .img_box:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
	0% {opacity: 1;}
	40% {opacity: 1;}
	100% {left: 125%;opacity: 0;	}
}
@keyframes shine {
	0% {opacity: 1;}
	40% {opacity: 1;}
	100% {left: 125%;opacity: 0;	}
}
.main .games a .img_box .img_char {position:absolute;top:0;left:0;width:100%;z-index:4}
.main .games a .img_box .img_logo {position:absolute;bottom:25%;left:50%;width:60%;transform:translate(-50%, 0%);z-index:5}
.main .games a .img_box .vname {position:absolute;font-size:1.1rem;bottom:0;left:0;width:100%;height:15%;display:flex;justify-content:center;align-items:center;background-color: hsl(204, 35%, 19%);background-image: radial-gradient(circle farthest-side at center bottom, hsl(204, 28%, 43%) 0%, hsl(204, 35%, 19%) 100%);color:#fff;z-index:6}
.main .board_box{font-size:16px;display:flex;padding:0 40px;background:#00000099;border-top:1px solid #000000;border-bottom:1px solid #000000}
.main .board_box .board{padding:40px;display:flex;flex-flow:column;gap:20px;width:calc(100% / 3)}
.main .board_box .board .tit{font:normal normal bold 16px Pretendard;letter-spacing:-0.8px;color:#60ACDB;display:flex;justify-content:center;gap:4px}
.main .board_box .board .tit span:nth-child(2){color:#fff;font-weight:normal}
/*
.main .board_box .board:nth-child(1) ul::after{position:absolute;width:1px;height:100%;right:-40px;background:#20343D;content:""}
.main .board_box .board:nth-child(3) ul::after{position:absolute;width:1px;height:100%;left:-40px;background:#20343D;content:""}
*/
.main .board_box .board ul{display:flex;flex-flow:column;font:normal normal normal 14px/16px Pretendard;letter-spacing:-0.7px;color:#777E8D;gap:20px;height:232px;position:relative}
.main .board_box .board ul li{display:flex;width:100%;justify-content:space-between}
.main .board_box .board ul li._null{height:100%;display:flex;justify-content:center;align-items:center}
.main .board_box .board ul li ._money{width:70px;text-align:right}
.main .board_box .board ul li ._id{width:75px;text-align:right}
.main .board_box .board ul li a{width:100%;display:flex;justify-content:space-between}
.main .board_box .board ul li a span._tit{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;width:calc(100% - 80px)}
.main ._footer{width:100%;position:relative;height:100px;display:flex;justify-content:center;align-items:center;background:linear-gradient(270deg, #203543 0%, #000 100%)}
.main ._footer .copyright{font:normal normal normal 14px/16px Pretendard;color:#777E8D}
.main ._footer .copyright span{color:#60ACDB}
@media screen and (max-width: 1400px){.main .games{padding:40px}
.main .board_box{padding:0 40px}
}
@media screen and (max-width: 1200px){.main .games{grid-template-columns:repeat(3, 1fr)}
}
@media screen and (max-width: 960px){.main{left:0;width:100vw}
.main .games.pop{display:flex;width:100%;overflow-x:scroll}
.main .games.pop a .img_box img{width:294px}
.main .board_box {flex-wrap:wrap;padding:4px}
.main .board_box .board {width:100%;padding:4px}
}
@media screen and (max-width: 760px){.main img{width:100%}
.main img.pc_cont{display:none}
.main img.m_cont{display:block}
.main .games{grid-template-columns:repeat(2, 1fr)}
.main .games>a:nth-last-child(1){display:none}
}
@media screen and (max-width: 480px){body{overflow-y:scroll}
.main.sub{top:0}
.main .games{padding:24px 0 40px;gap:10px;padding:10px}
.main .games a .img_box{border-radius:0}
.main .games .name_box{padding:0 24px}
.main .games .name_box ._name span._now{position:absolute;top:-40px;right:0}
}
footer{display:flex;margin-top:40px;width:100%;background:#000F14;justify-content:center;align-items:center}
footer .inne{display:flex;width:100%;flex-flow:column;max-width:1240px}
footer .inne .ft_b{display:flex;padding:20px;width:100%;justify-content:center;align-items:center;gap:10px}
footer .inne .ft_b .img{max-width:250px;display:flex;justify-content:center;align-items:center;flex-flow:column;gap:10px}
footer .inne .ft_b .img img{width:100%}
footer .inne .ft_b .ft_logo{width:calc(50% - 135px);display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
footer .inne .ft_b .ft_logo img{width:60px}
footer .inne .ft_b span{color:#aaa;font:normal normal normal 12px Poppins}
@media screen and (max-width: 720px){footer .inne .ft_b{padding:20px}
footer .inne .ft_b img{width:100px}
}
.sub{top:0}
.m_menu{position:fixed;display:none;top:0;left:0%;width:100%;height:100%;min-height:100vh;overflow-y:scroll;z-index:3}
.m_menu._on{display:flex}
.m_menu._on .m_gnb{left:0}
.m_menu .menu_bg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6)}
.m_menu .m_gnb{position:relative;left:-100%;width:80%;height:100%;background:#F7F5F8;z-index:1}
.m_menu .m_gnb .login{display:flex;padding:24px;gap:10px;flex-flow:column}
.m_menu .m_gnb .login a{width:100%}
.m_menu .m_gnb .icon_menu{display:grid;grid-template-columns:repeat(4, 1fr)}
.m_menu .m_gnb .icon_menu a{display:flex;padding:16px 0;justify-content:center;align-items:center;flex-flow:column;gap:10px}
.m_menu .m_gnb .icon_menu a.sp_btn i{background:url("/skin/base2/assets/imgs/bbb/ico_20.svg") top center/cover}
.m_menu .m_gnb .icon_menu a.sp_btn._on i{background:url("/skin/base2/assets/imgs/bbb/ico_20_on.svg") top center/cover}
.m_menu .m_gnb .icon_menu a.casino_btn i{background:url("/skin/base2/assets/imgs/bbb/ico_21.svg") top center/cover}
.m_menu .m_gnb .icon_menu a.casino_btn._on i{background:url("/skin/base2/assets/imgs/bbb/ico_21_on.svg") top center/cover}
.m_menu .m_gnb .icon_menu a.slot_btn i{background:url("/skin/base2/assets/imgs/bbb/ico_23.svg") top center/cover}
.m_menu .m_gnb .icon_menu a.slot_btn._on i{background:url("/skin/base2/assets/imgs/bbb/ico_23_on.svg") top center/cover}
.m_menu .m_gnb .icon_menu a.more_btn i{background:url("/skin/base2/assets/imgs/bbb/ico_22.svg") top center/cover}
.m_menu .m_gnb .icon_menu a.more_btn._on i{background:url("/skin/base2/assets/imgs/bbb/ico_22_on.svg") top center/cover}
.m_menu .m_gnb .icon_menu a.mini_btn i{background:url("/skin/base2/assets/imgs/bbo/ico_30.svg") top center/cover}
.m_menu .m_gnb .icon_menu a.mini_btn._on i{background:url("/skin/base2/assets/imgs/bbo/ico_30_on.svg") top center/cover}
.m_menu .m_gnb .icon_menu a i{width:40px;height:40px;background-size:cover}
.m_menu .m_gnb .icon_menu a span{color:#aaa;font:normal normal bold 12px Pretendard}
.m_menu .m_gnb .icon_menu a._on{position:relative}
.m_menu .m_gnb .icon_menu a._on::after{position:absolute;bottom:0;width:100%;height:2px;background:#c00;content:""}
.m_menu .m_gnb .icon_menu a._on span{color:#000F14}
.m_menu .m_gnb ul{display:none;background:#EDEDED;min-height:100%}
.m_menu .m_gnb ul._on{display:block}
.m_menu .m_gnb ul li{display:flex;padding:0 24px;width:100%;height:60px;border-bottom:1px solid #DBDBDB;align-items:center;justify-content:flex-start}
.m_menu .m_gnb ul li a{display:flex;width:100%;height:100%;color:#000;align-items:center;font:normal normal normal 14px Pretendard;letter-spacing:-1.4px;justify-content:space-between}
.m_menu .m_gnb ul li a b{font-weight:bold;color:#c00}
.sub .slot_box{width:100%;max-width:1380px;background:#0A171D66;border:1px solid #20343D;margin:80px auto}
.sub .slot_box .slot_list{padding:20px;border-bottom:1px solid #20343D}
.sub .slot_box .slot_list>div{border:1px solid #20343D;display:grid;grid-template-columns:repeat(10, 1fr)}
.sub .slot_box .slot_list>div a{display:flex;justify-content:center;align-items:center;border:1px solid #20343D}
.sub .slot_box .slot_list>div a img{max-width:100%}
.sub .slot_box .game_list{padding:20px}
.sub .slot_box .game_list h2{width:100%;height:66px;font:normal normal normal 24px Pretendard;letter-spacing:-1.2px;color:#FFFFFF;text-shadow:0px 0px 4px #195D75;display:flex;justify-content:center;align-items:center;background:linear-gradient(0deg, #4C7189 0%, #203543 100%)}
.sub .slot_box .game_list .list{display:grid;grid-template-columns:repeat(6, 1fr);border:1px solid #20343D}
.sub .slot_box .game_list .list a{width:100%;padding:10px;display:flex;flex-flow:column;gap:10px;border-right:1px solid #20343D;border-bottom:1px solid #20343D}
.sub .slot_box .game_list .list a:nth-child(6n){border-right:0}
.sub .slot_box .game_list .list a img{width:100%}
.sub .slot_box .game_list .list a p{font:normal normal normal 16px Pretendard;letter-spacing:-0.8px;color:#FFFFFF;text-align:center}
.sub .slot_box .game_list .more_btn{width:100%;height:48px;font:normal normal normal 16px Pretendard;letter-spacing:-1.2px;color:#FFFFFF;text-shadow:0px 0px 4px #195D75;display:flex;justify-content:center;align-items:center;background:linear-gradient(0deg, #4C7189 0%, #203543 100%)}
@media screen and (max-width: 1400px){.sub .slot_box .slot_list>div{grid-template-columns:repeat(8, 1fr)}
.sub .slot_box .slot_list>div a:nth-child(n+33){display:none}
}
@media screen and (max-width: 1200px){.sub .slot_box .slot_list>div{grid-template-columns:repeat(6, 1fr)}
.sub .slot_box .slot_list>div a:nth-child(n+33){display:block}
.sub .slot_box .slot_list>div a:nth-child(n+37){display:none}
.sub .slot_box .game_list .list{grid-template-columns:repeat(4, 1fr)}
}
@media screen and (max-width: 760px){.sub .slot_box .slot_list>div{grid-template-columns:repeat(4, 1fr)}
.sub .slot_box .slot_list>div a:nth-child(n+33){display:none}
.sub .slot_box .game_list .list{grid-template-columns:repeat(2, 1fr)}
}
.ev_roul_wrap{position:relative;height:750px;background-position:center;background-repeat:no-repeat;overflow:hidden}
.ev_roul_wrap .__bg{position:absolute;left:50%;transform:translateX(-50%)}
.ev_roul_wrap._hide{display:none}
.ev_roul_wrap ._ev_roul_box{position:relative;display:flex;margin:0 auto;width:100%;height:100%;justify-content:center;max-width:928px}
.ev_roul_wrap ._ev_roul_box>._arrow{position:absolute;top:162px;width:32px;height:75px;z-index:2}
.ev_roul_wrap ._ev_roul_box>._circle{position:absolute;top:192px;width:336px;height:336px;background:url("/assets/imgs/ev/roul/ytb/bg_2.png?_2");overflow:hidden;background-repeat:no-repeat;z-index:1}
.ev_roul_wrap ._ev_roul_box>._cnt{position:absolute;display:flex;left:50%;bottom:140px;padding-right:22px;width:406px;height:72px;background:url("/assets/imgs/ev/roul/ytb/number.png?_2");color:#fff;font-size:16px;font-weight:bold;overflow:hidden;align-items:center;justify-content:flex-end;background-repeat:no-repeat;transform:translateX(-50%);z-index:2}
.ev_roul_wrap ._ev_roul_box>._btn_s{position:absolute;top:278px;width:194px;height:194px;background:url("/assets/imgs/ev/roul/ytb/btn_1.png");overflow:hidden;background-repeat:no-repeat;cursor:pointer;z-index:2}
.ev_roul_wrap ._ev_roul_box>._btn_s:hover{background:url("/assets/imgs/ev/roul/ytb/btn_1_h.png")}
.ev_roul_wrap ._ev_roul_box>._btn_s._on{cursor:unset;background:url("/assets/imgs/ev/roul/ytb/btn_1_h.png")}
.ev_roul_wrap ._ev_roul_box>._btn_s._on:hover{background:url("/assets/imgs/ev/roul/ytb/btn_1_h.png")}
.ev_roul_wrap ._ev_roul_box>._btn_auto_stop{position:absolute;display:flex;bottom:0}
.ev_roul_wrap ._ev_roul_box>._btn_auto_stop a._auto{display:inline-block;width:284px;height:129px;background:url("/assets/imgs/ev/roul/ytb/btn_2.png?_2")}
.ev_roul_wrap ._ev_roul_box>._btn_auto_stop a._auto:hover{background:url("/assets/imgs/ev/roul/ytb/btn_2_h.png?_2")}
.ev_roul_wrap ._ev_roul_box>._btn_auto_stop a._auto._on,.ev_roul_wrap ._ev_roul_box>._btn_auto_stop a._auto._on:hover{background:url("/assets/imgs/ev/roul/ytb/btn_2_h.png?_2")}
.ev_roul_wrap ._ev_roul_box>._btn_auto_stop a._stop{display:inline-block;width:284px;height:129px;background:url("/assets/imgs/ev/roul/ytb/btn_3.png?_2")}
.ev_roul_wrap ._ev_roul_box>._btn_auto_stop a._stop:hover{background:url("/assets/imgs/ev/roul/ytb/btn_3_h.png?_2")}
.ev_roul_wrap ._ev_roul_box ._win{position:absolute;display:none;top:50%;left:50%;width:789px;height:480px;transform:translate(-50%, -50%);z-index:3}
.ev_roul_wrap ._ev_roul_box ._win._on{display:block}
.roul_load_img{position:fixed;top:-10000px;left:-10000px;opacity:0.1}
.ev_month_wrap ._tit{position:relative;width:100%;font-size:0}
.ev_month_wrap ._tit ._ym{font:normal normal normal 14px Pretendard;letter-spacing:-0.7px;color:#FFFFFF;border-radius:100px;background:#F40407;width:110px;height:24px;display:flex;justify-content:center;align-items:center;margin:0 auto}
.ev_month_wrap ._tit ._text{display:flex;flex-flow:column;justify-content:center;align-items:center;position:absolute;width:100%}
.ev_month_wrap ._tit ._text h2{font:normal normal bold 24px Pretendard;letter-spacing:-1.2px;color:#0F0F0F;margin:24px 0}
.ev_month_wrap ._tit ._text span:nth-child(2){font:normal normal normal 20px Pretendard;letter-spacing:-1px;color:#0F0F0F;text-shadow:0px 0px 6px #FFFFFF}
.ev_month_wrap ._tit ._text span:nth-child(3){font:normal normal normal 16px/28px Pretendard;letter-spacing:-0.8px;color:#606060;text-shadow:0px 0px 6px #FFFFFF}
.ev_month_wrap ._tit img{width:100%}
.ev_month_wrap table{margin:0 auto;background:#fff;width:100%}
.ev_month_wrap table tr:nth-last-child(1) td{border-bottom:0}
.ev_month_wrap table th{max-width:144px;text-align:center}
.ev_month_wrap table th>div{display:inline-block;width:40px;height:40px;background:linear-gradient(180deg, #BB3FBB 0%, #612174 100%);border-radius:50%;color:#fff;font-size:14px;font-weight:normal;line-height:36px}
.ev_month_wrap table th>div._w{width:80px;background:linear-gradient(180deg, #EFD21B 0%, #F09408 100%);border-radius:50px}
.ev_month_wrap table th>div._on{width:80px;border-radius:50px}
.ev_month_wrap table th>div._on>span{color:rgba(255,255,255,0.5)}
.ev_month_wrap table td{padding:24px 12px;color:#fff;border:1px solid #0000001A}
.ev_month_wrap table td:nth-child(1){border-left:0}
.ev_month_wrap table td:nth-last-child(1){border-right:0}
.ev_month_wrap table td>div{display:flex;border-radius:10px;color:#0F0F0F;text-align:center;font-size:12px;justify-content:center;align-items:center;flex-flow:column}
.ev_month_wrap table td>div._w{display:flex;justify-content:center;align-items:center;font:normal normal normal 14px Pretendard;color:#F40407;background:#F404071A;border-radius:100px;height:32px;margin:0 auto}
.ev_month_wrap table td>div._num{display:flex;justify-content:center;align-items:center;font:normal normal normal 14px Pretendard;color:#F40407;background:#F404071A;border-radius:100px;width:32px;height:32px;margin:0 auto}
.ev_month_wrap table td>div._num._on{background:#F40407;color:#fff}
.ev_month_wrap table td>div .ev_icon{display:block;opacity:0.5}
.ev_month_wrap table td>div._click img{opacity:1}
.ev_month_wrap table td>div._on{border:1px solid #4272c5;box-shadow:inset 0px 0px 20px #4272c5;color:#fff}
.ev_month_wrap table td>div._on img{opacity:1}
.ev_month_wrap table td>div._w a{display:block;margin:0 auto;width:130px;height:36px;background:transparent linear-gradient(0deg, #f32 0%, #ff9f01 100%) 0% 0% no-repeat padding-box;border-radius:5px;color:#fff;line-height:36px}
.ev_month_wrap table td>div._w._on{border:1px solid #ff9f01;box-shadow:inset 0px 0px 20px #ff9f01}
@media screen and (max-width: 960px){.ev_roul_wrap{transform:scale(0.9);transform-origin:center top;overflow:unset}
}
@media screen and (max-width: 720px){.ev_roul_wrap ._ev_roul_box{transform-origin:left top}
}
@media screen and (max-width: 570px){.ev_roul_wrap{transform:scale(0.7);transform-origin:center top}
}
.ev_icon{width:80px;height:80px;background:url("/skin/base2/assets/imgs/ytb/check.png?_1")}
.ev_r1{background-position:0 0}
.ev_r2{background-position:-90px 0}
.ev_r3{background-position:-180px 0}
.ev_r4{background-position:-270px 0}
.ev_r5{background-position:-360px 0}
.ev_p14{background-position:-540px 0}
.ev_p24{background-position:-630px 0}
.ev_p34{background-position:-720px 0}
.ev_p54{background-position:-810px 0}
@media screen and (max-width: 960px){.ev_month_wrap ._tit ._text span:nth-child(2),.ev_month_wrap ._tit ._text span:nth-child(3){display:none}
.ev_icon{width:40px;height:40px;background-size:490px 40px}
.ev_r1{background-position:0 0}
.ev_r2{background-position:-45px 0}
.ev_r3{background-position:-90px 0}
.ev_r4{background-position:-135px 0}
.ev_r5{background-position:-180px 0}
.ev_p14{background-position:-270px 0}
.ev_p24{background-position:-315px 0}
.ev_p34{background-position:-360px 0}
.ev_p54{background-position:-405px 0}
.ev_month_wrap ._tit ._m_cont{display:block}
.ev_month_wrap ._tit ._pc_cont{display:none}
.ev_month_wrap table th>div{margin:0 auto;font-size:12px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:5px}
.ev_month_wrap table th>div._w{border-radius:5px}
.ev_month_wrap table td{padding:12px 0}
.ev_month_wrap table td>div{width:unset;font-size:11px !important}
}
.content_box {padding:40px;color:#fff;font-size:1rem}

/* BS Table */

.bs-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 3px;
}

.bs-table thead th {
    height: 50px;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    background-color: #334461;
}

.bs-table thead th:first-child {
    border-radius: 8px 0 0 8px;
}

.bs-table thead th:last-child {
    border-radius: 0 8px 8px 0;
}

.bs-table tr {
    cursor: pointer;
}

.bs-table tr td {
    height: 48px;
    color: #ebebeb;
    text-align: center;
    padding: 1px;
    transition: 0.3s;
    background-color: rgba(255, 255, 255, 0.03);
    border-top: solid 1px rgba(255, 255, 255, 0.08);
    border-bottom: solid 1px rgba(255, 255, 255, 0.08);
}

.bs-table tr td:first-child {
    border-radius: 8px 0 0 8px;
    border-left: solid 1px rgba(255, 255, 255, 0.08);
}

.bs-table tr td:last-child {
    border-radius: 0 8px 8px 0;
    border-right: solid 1px rgba(255, 255, 255, 0.08);
}

.bs-table tr:hover td {
    background-color: rgba(180, 223, 255, 0.1);
    border-color: rgba(180, 223, 255, 0.15);
}

.bs-table tr td a {
    color: #ffffff;
    transition: 0.3s;
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.bs-table tr td a:hover {
    color: #c7adff;
    text-decoration: underline;
}

.bs-table tr .count-td {
    width: 50px;
}

.bs-table tr .count-tag {
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    color: #ffffff;
    font-size: 12px;
    background-color: #7a6fed;
    border-radius: 6px;
}

.bs-table tr .title-td {
    text-align: left;
    padding-left: 15px;
    max-width: 590px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bs-table tr .status-td {
    width: 15%;
    padding-left: 5px;
}

.status-tag {
    min-width: 68px;
    display: inline-block;
    padding: 2px 10px;
    background-color: #0075ff;
    border-radius: 4px;
    color: #ffffff;
    white-space: nowrap;
    font-size: 12px;
}

.status-tag.green {
    background-color: #27ae27;
}

.bs-table tr .date-td {
    width: 20%;
    color: #8fa4bd;
    font-size: 12px;
}

.bs-table tr .nav-td {
    width: 40px;
}

.bs-table tr td .delete-btn {
    background-color: transparent;
    border: none;
    color: #999999;
    font-size: 14px;
    transition: 0.3s;
}

.bs-table tr td .delete-btn:hover {
    color: #d3131a;
}

.bs-table tr td .nav-btn {
    background-color: transparent;
    border: none;
    position: relative;
}

.bs-table tr td .nav-btn i {
    position: relative;
    color: #fff;
    font-size: 10px;
    transition: 0.3s;
    transform: rotate(0deg);
}

.bs-table tr td .nav-btn:hover i {
    color: #ffca5f;
}

.bs-table tr.active td .nav-btn i {
    transform: rotate(180deg);
    top: 5px;
}

.bs-table tr td .plus-btn {
    width: 16px;
    height: 16px;
    background-color: #ffdf3d;
    border: none;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.75);
    font-size: 12px;
    padding: 0 0 0;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.bs-table tr td .plus-btn:hover {
    background-color: #cd4821;
}

.bs-table tr td .plus-btn:before,
.bs-table tr td .plus-btn:after {
    content: '';
    width: 2px;
    height: 50%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    background-color: #444444;
    transition: 0.3s;
}

.bs-table tr td .plus-btn:after {
    transform: rotate(90deg);
}

.bs-table tr.active td .plus-btn:before {
    height: 0;
}

.bs-table tr td .plus-btn:hover:before,
.bs-table tr td .plus-btn:hover:after {
    background-color: #ffffff;
}

/* Btn Style */

.btn-pink, .btn-blue, .btn-yellow, .btn-gray {
    color: #ffffff;
    border: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    box-shadow:  inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.75);
    position: relative;
    z-index: 1;
    overflow: hidden;
		padding: 8px 20px;
		cursor:pointer
}

.btn-pink {
    background-image: linear-gradient(#d374ff, #872bb2);
}

.btn-blue {
    background-image: linear-gradient(#38c7fc, #2776c6);
}

.btn-yellow {
    color: #000000;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-image: linear-gradient(#ffec41, #d19700);
}

.btn-gray {
    background-image: linear-gradient(#6a83c7, #2e4272);
    box-shadow:  inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.75);
}

.btn-pink i, .btn-blue i, .btn-yellow i, .btn-gray i {
    color: rgba(0, 0, 0, 0.7);
    font-size: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}

.btn-pink:before, .btn-blue:before, .btn-yellow:before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
    transition: 0.3s;
    opacity: 0;
}

.btn-pink:before {
    background-image: linear-gradient(#d83be2, #851c8c);
}

.btn-blue:before {
    background-image: linear-gradient(#38a3fc, #105288);
}

.btn-yellow:before {
    background-image: linear-gradient(#ffd000, #bb7300);
}

@media (min-width: 1200px) {
    .btn-pink:hover:before,
    .btn-blue:hover:before,
    .btn-yellow:hover:before {
        opacity: 1.0;
    }
}

/* Pagination */

.pagination li {
    float: left;
}

.pagination>li>a {
    height: 32px;
    color: #8fa4bd;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.25);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 12px 0;
    position: relative;
    z-index: 1;
    transition: 0.3s;
}

.pagination li a:hover {
    color: #ffffff;
}

.pagination .turn-pg a {
    width: 24px;
    color: #c9b0ff;
    font-size: 18px;
    background-color: rgba(255, 255, 255, 0);
    border: none;
    box-shadow: none;
}

.pagination .turn-pg a:hover {
    color: #39f1f1;
}

.pagination .active {
    color: #ffe240;
}

.pagination li:nth-child(3) a:after {
    left: 10px;
}

.pagination li:nth-last-child(3) a:after {
    right: 10px;
}

.list_box{position:absolute;left:900px;width:300px;top:0;display:flex;flex-flow:column;overflow:hidden;height:100%}
.list_box .tit{width:100%;padding:10px;font:normal normal bold 20px Pretendard}
.list_box .list{display:flex;flex-flow:column}
.list_box .list li{padding:5px 10px;display:flex;justify-content:space-between}
.list_box .list li span{font:normal normal normal 14px Pretendard;letter-spacing:-0.35px}
.list_box .list li span.uid{width:110px}
.list_box .list li span.money{text-align:right;width:calc(100% - 200px);color:#fe3fb4}
.list_box .list li span.date{width:60px;text-align:right}


.modal{position:fixed;display:flex;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;justify-content:center;align-items:center;/*z-index:10005*/}
.modal._on{display:flex !important}
.modal .md_bg{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.6)}
.modal .login_pop{position:relative;display:flex;width:100%;background:url("/skin/base2/assets/imgs/dia/bg_popup.png") bottom center;flex-flow:column;background-size:contain;background-repeat:no-repeat;background-color:#080f13;justify-content:center;align-items:center;max-width:460px;z-index:1;border:1px solid #20343D}
.modal .login_pop .close_btn{position:absolute;right:20px;width:40px;height:40px;cursor:pointer}
.modal .login_pop .md_top{width:100%;display:flex;justify-content:center;align-items:center;background:#000709;border-bottom:1px solid #20343D}
.modal .login_pop.join{padding-bottom:40px;height:unset;max-width:848px;flex-flow:column}
.modal .login_pop.join form{padding-top:47px;max-width:752px;display:flex;flex-flow:column;align-items:center}
.modal .login_pop.join form>div{gap:0 24px;display:grid;grid-template-columns:repeat(2, 1fr)}
.modal .login_pop.join form>div>div>div{position:relative;display:flex;align-items:center;gap:10px}
.modal .login_pop.join form>div>div>div .btn{width:100px;height:36px;background:linear-gradient(180deg, #4C7189 0%, #203543 100%);color:#fff;display:flex;justify-content:center;align-items:center}
.modal .login_pop.join form>div input,.modal .login_pop.join form>div select{max-width:364px;width:100%;color:#fff}
.modal .login_pop.join .btn{width:100%;max-width:364px;height:52px;background:linear-gradient(180deg, #4C7189 0%, #203543 100%);display:flex;justify-content:center;align-items:center;border:0;color:#fff}
.modal .login_pop form{width:100%;max-width:364px}
.modal .login_pop form>div{display:flex;flex-flow:column;justify-content:center;align-items:center}
.modal .login_pop form>div>.logo{margin-bottom:40px;width:180px}
.modal .login_pop form>div h1{letter-spacing:-1.2px;color:#0F0F0F;font-size:24px;margin-bottom:12px}
.modal .login_pop form>div p{letter-spacing:-0.8px;color:#0F0F0F;margin-bottom:40px}
.modal .login_pop form>div>div{display:flex;width:100%;flex-flow:column;margin-bottom:24px;gap:10px}
.modal .login_pop form>div>div.btns{flex-flow:nowrap;margin-top:10px}
.modal .login_pop form>div>div span{color:#aaa;font-size:14px;letter-spacing:-0.7px}
.modal .login_pop form>div>div>div{display:flex;font-size:14px;letter-spacing:-0.7px}
.modal .login_pop form>div>div>div .btn{padding:0;width:100px;border-radius:0}
.modal .login_pop form>div select,.modal .login_pop form>div input{padding:0 16px;width:100%;height:36px;background:#000709;border:1px solid #20343D;color:#000}
.modal .login_pop form>div select::placeholder,.modal .login_pop form>div input::placeholder{color:#aaa}
.modal .login_pop form>div .btn{width:100%;background:#F40407;height:52px;display:flex;justify-content:center;align-items:center;color:#fff;border:0;border-radius:8px;font-size:14px}
.modal .login_pop form>div .join{margin-top:40px;color:#BBBBBB;font-size:14px}
.modal .md_cont{position:relative;display:flex;width:100%;background:url("/skin/base2/assets/imgs/dia/bg_popup.png") bottom center;border:1px solid #20343D;z-index:1;max-width:1024px;min-height:700px;max-height:100vh;background-color:#02090c;display:flex;flex-flow:column}
.modal .md_cont .md_top{width:100%;display:flex;justify-content:center;align-items:center;background:#000709;border-bottom:1px solid #20343D}
.modal .md_cont .close_btn{position:absolute;right:20px;width:40px;height:40px;cursor:pointer}
.modal .md_cont .md_menu{width:100%;display:flex;white-space:nowrap;overflow-x:clip}
.modal .md_cont .md_menu ul{display:flex;gap:8px;overflow-x:auto;width:100%;padding:12px 0}
.modal .md_cont .md_menu ul.noti_box ._noti{background:#0F0F0F;color:#fff;transition:.5s}
.modal .md_cont .md_menu ul.event_box ._event{background:#0F0F0F;color:#fff;transition:.5s}
.modal .md_cont .md_menu ul.rule_box ._rule{background:#0F0F0F;color:#fff;transition:.5s}
.modal .md_cont .md_menu ul li{position:relative;display:flex;padding:8px 12px;background:rgba(0,0,0,0.0509804);color:#000;align-items:center;font:normal normal normal 14px Pretendard;letter-spacing:-0.8px;cursor:pointer;border-radius:8px;flex-flow:column;justify-content:center;gap:4px}
.modal .md_cont .md_menu ul li._on,.modal .md_cont .md_menu ul li:hover{background:#0F0F0F;color:#fff;transition:.5s}
.modal .md_cont .bbs{display:flex;padding:40px 40px 20px;width:100%;flex-flow:column;align-items:center;gap:20px;max-height:80vh;overflow-y:auto}
.modal .md_cont .bbs .logo{margin:0 auto;width:96px}
.modal .md_cont .bbs .money_check{display:grid;grid-template-columns:repeat(2, 1fr);max-width:500px;width:100%;max-height:450px;overflow-y:auto;font:normal normal normal 12px Pretendard;border:1px solid #20343D;background:#20343D;gap:1px}
.modal .md_cont .bbs .money_check>div{width:100%;display:flex;justify-content:space-between;align-items:center;height:32px}
.modal .md_cont .bbs .money_check>div>span{height:100%;display:flex;align-items:center;width:116px;padding-left:10px;background:#000709;color:#fff}
.modal .md_cont .bbs .money_check>div .money_box{display:flex;align-items:center;width:calc(100% - 116px);display:flex;justify-content:flex-end;background:#0A171D;height:32px;align-items:center;padding-right:5px;transition:0.2s;color:#fff}
.modal .md_cont .bbs .money_check>div .money_box._on{background:rgba(204,0,0,0.8)}
.modal .md_cont .bbs .money_check>div .money_box img{margin-left:5px}
.modal .md_cont .bbs .money_box_info{font:normal normal normal 14px Pretendard;display:flex;justify-content:center;align-items:center;width:100%;background:#000709;color:#fff;max-width:500px;padding:10px 0;border:1px solid #20343D}
.modal .md_cont .bbs .list{display:flex;width:100%;flex-flow:column}
.modal .md_cont .bbs .list .list_cont{display:grid;width:100%;height:42px;grid-template-columns:42px 6fr 82px}
.modal .md_cont .bbs .list .list_cont.msg{grid-template-columns:1fr 6fr 1.5fr 1fr}
.modal .md_cont .bbs .list .list_cont._null{display:flex;width:100%;height:300px;justify-content:center;align-items:center}
.modal .md_cont .bbs .list .list_cont.list_top{background:#F8F8F8;color:#000}
.modal .md_cont .bbs .list .list_cont.list_top>div{font:normal normal normal 14px Pretendard;letter-spacing:-0.7px}
.modal .md_cont .bbs .list .list_cont>div{display:flex;height:100%;font:normal normal normal 14px Pretendard;letter-spacing:-0.7px;justify-content:center;align-items:center}
.modal .md_cont .bbs .list .list_cont.bbs_list{background:#000709;border-bottom:1px solid #20343D;color:#fff;cursor:pointer}
.modal .md_cont .bbs .list .list_cont.bbs_list:nth-child(1){border-top:1px solid #20343D}
.modal .md_cont .bbs .list .list_cont.bbs_list .num{color:#60ACDB}
.modal .md_cont .bbs .list .list_cont.bbs_list .tit{justify-content:flex-start}
.modal .md_cont .bbs .view{display:flex;width:100%;flex-flow:column}
.modal .md_cont .bbs .view .view_tit{display:flex;padding:16px;width:100%;background:#000709;color:#fff;justify-content:space-between;align-items:center}
.modal .md_cont .bbs .view .view_cont{padding:16px;width:100%;background:#0A171D;border-bottom:1px solid #20343D;color:#fff;max-height:350px;overflow-y:scroll}
.modal .md_cont .bbs .view .btn_box{display:flex;margin-top:20px;width:100%;justify-content:flex-end}
.modal .md_cont .bbs .view .btn_box .btn{background:linear-gradient(180deg, #4C7189 0%, #203543 100%);color:#fff;height:46px;width:100px;display:flex;justify-content:center;align-items:center}
.modal .md_cont .bbs>h2{display:flex;width:100%;color:#fff;justify-content:center;font:normal normal 600 24px Pretendard;letter-spacing:-1.6px}
.modal .md_cont .bbs>h2.notice{justify-content:center}
.modal .md_cont .bbs>h2.notice::after{content:"공지사항"}
.modal .md_cont .bbs>h2.event{justify-content:center}
.modal .md_cont .bbs>h2.event::after{content:"프로모션"}
.modal .md_cont .bbs>h2.rule{justify-content:center}
.modal .md_cont .bbs>h2.rule::after{content:"이용규정"}
.modal .md_cont .bbs .game_list{display:grid;grid-template-columns:repeat(5, 1fr);width:100%;gap:10px}
.modal .md_cont .bbs .game_list li{display:flex;flex-flow:column;width:100%}
.modal .md_cont .bbs .game_list li img{width:100%}
.modal .md_cont .bbs .game_list li p{width:100%;text-align:center}
.modal .md_cont .bbs .form{display:flex;width:100%;height:460px;overflow-y:auto;overflow-x:hidden;flex-flow:column;gap:20px}
.modal .md_cont .bbs .form .info{position:relative;padding:16px;padding-left:42px;width:100%;background:#F8F8F8;font:normal normal normal 14px/22px Pretendard;letter-spacing:-0.7px}
.modal .md_cont .bbs .form .info::before{position:absolute;display:flex;top:21px;left:16px;width:16px;height:16px;background:#aaa;border-radius:50%;color:#fff;justify-content:center;align-items:center;content:"!"}
.modal .md_cont .bbs .form .md_con{display:flex;width:100%;flex-flow:column;gap:10px}
.modal .md_cont .bbs .form .md_con span{font:normal normal normal 14px Pretendard;letter-spacing:-0.7px;color:#fff}
.modal .md_cont .bbs .form .md_con select,.modal .md_cont .bbs .form .md_con input{padding:0 16px;width:100%;height:42px;background:#000709;border:1px solid #20343D;color:#fff}
.modal .md_cont .bbs .form .md_con .check_box{display:flex;gap:10px}
.modal .md_cont .bbs .form .md_con .check_box label{display:flex;align-items:center;cursor:pointer}
.modal .md_cont .bbs .form .md_con .check_box label span{color:#fff}
.modal .md_cont .bbs .form .md_con .check_box label input{width:unset;margin-top:0}
.modal .md_cont .bbs .form .md_con .btns{display:flex;margin-top:10px;flex-flow:nowrap;gap:5px}
.modal .md_cont .bbs .form .md_con .btns .btn{padding:unset;width:100%;height:34px;background:linear-gradient(180deg, #5E656A 0%, #26292B 100%);border:0;color:#fff;font:normal normal normal 14px Pretendard;letter-spacing:-0.7px;cursor:pointer}
.modal .md_cont .bbs .form .md_con .btns .btn:hover{background:linear-gradient(180deg, #454C51 0%, #161819 100%)}
.modal .md_cont .bbs .form .dep_info{display:flex;flex-flow:column;gap:6px;font:normal normal normal 14px Pretendard;letter-spacing:-0.7px;color:#fff}
.modal .md_cont .bbs .form .btns{width:100%;display:flex;justify-content:center}
.modal .md_cont .bbs .form .btns .btn.send{display:flex;width:100%;height:46px;background:linear-gradient(180deg, #4C7189 0%, #203543 100%);color:#fff;justify-content:center;align-items:center;max-width:100%}
.modal .md_cont .bbs .form .btns .btn.send:hover{background:linear-gradient(180deg, #284151 0%, #111E27 100%)}
.modal .md_cont .bbs .level_info_box{display:flex;flex-flow:column;width:100%;color:#fff}
.modal .md_cont .bbs .level_info_box ._my{border-top:1px solid #0000001A;display:flex;flex-flow:column;justify-content:center;align-items:center;padding-bottom:40px;gap:10px}
.modal .md_cont .bbs .level_info_box ._my span:nth-child(2){font-size:24px;font-weight:bold}
.modal .md_cont .bbs .level_info_box ._my span:nth-child(3){font-size:20px}
.modal .md_cont .bbs .level_info_box ._lv_info{display:flex;flex-flow:column;border-top:1px solid #0000001A;background:#0A171D}
.modal .md_cont .bbs .level_info_box ._lv_info .tit_box{background:#000709;font:normal normal normal 14px Pretendard;letter-spacing:-0.7px;color:#fff;height:44px;display:flex;justify-content:center;align-items:center;border-top:1px solid #20343D;border-bottom:1px solid #20343D}
.modal .md_cont .bbs .level_info_box ._lv_info .tit_box._info_li{padding:0;text-align:center}
.modal .md_cont .bbs .level_info_box ._lv_info ._info_li{padding:32px;display:flex;gap:20px;border-bottom:1px solid #20343D;display:grid;grid-template-columns:1fr 1fr 3fr 3fr}
.modal .md_cont .bbs .level_info_box ._lv_info ._info_li>div{flex-flow:column}
.modal .md_cont .bbs .level_info_box ._lv_info ._info_li>div:nth-child(1){display:flex;justify-content:center;align-items:center;display:flex}
.modal .md_cont .bbs .level_info_box ._lv_info ._info_li .cont{display:flex;flex-flow:column;height:100%;justify-content:center}
.modal .md_cont .bbs .level_info_box ._lv_info ._info_li .cont span{font:normal normal normal 14px Pretendard;color:#999}
@media screen and (max-width: 720px){.modal._join_modal{align-items:unset}
.modal._join_modal .login_pop{justify-content:unset;border-radius:0;max-height:100vh;overflow-y:scroll}
.modal .login_pop .close_btn{top:20px;right:20px}
.modal .md_cont{height:100vh;border-radius:0}
.modal .md_cont .close_btn{top:20px;right:20px}
.modal .md_cont .bbs{padding:10px;padding-bottom:60px;max-height:100vh}
.modal .md_cont .bbs .view .view_tit{flex-flow:column;align-items:flex-start;border-top:1px solid #20343D;border-bottom:1px solid #20343D}
.modal .md_cont .bbs .form{height:unset}
.modal .md_cont .bbs .list .list_cont>div{font-size:12px}
.modal .login_pop.join form{display:flex;flex-flow:column;justify-content:center;align-items:center}
.modal .login_pop.join form>div{padding:20px;display:block;text-align:center}
.modal .login_pop.join form>div div span{text-align:left}
.modal .login_pop form>div{padding:20px}
.modal .md_cont .bbs .game_list{grid-template-columns:repeat(3, 1fr)}
}
@media screen and (max-width: 600px){.modal .md_cont .bbs .level_info_box ._lv_info ._info_li{padding:10px}
.modal .md_cont .bbs .level_info_box ._lv_info ._info_li .cont{align-items:flex-start}
.modal .md_cont .bbs .money_check{grid-template-columns:repeat(1, 1fr)}
.modal .md_cont .bbs .money_check>span{display:block;width:20%}
.modal .md_cont .bbs .money_check .money_box{width:60% !important}
}
@media screen and (max-height: 700px){.modal .md_cont{min-height:100%}
}
@media screen and (max-width: 500px){.modal .md_cont .bbs .form .md_con .check_box{flex-flow:column}
}
@media screen and (max-width: 450px){.modal .md_cont .bbs .game_list{grid-template-columns:repeat(2, 1fr)}
}
.pagin{width:100%;display:flex;align-items:center;justify-content:center;margin-top:20px}
.pagin ._items{display:Flex;justify-content:center;align-items:center;gap:4px}
.pagin ._items a{display:flex;width:32px;height:32px;color:#fff;justify-content:center;align-items:center;font:normal normal normal 14px/24px Roboto;background:#0A171D99;border:1px solid #FFFFFF33}
.pagin ._items a._on,.pagin ._items a:hover{background:linear-gradient(90deg, #fff 0%, #8AB9C9 45%, #203543 100%);color:#fff;border:0}
.pagin a._prev,.pagin a._next{color:#fff;padding:0 8px;height:32px;display:flex;justify-content:center;align-items:center;background:#0A171D99;border:1px solid #FFFFFF33}
.pagin a._prev:hover,.pagin a._next:hover{background:linear-gradient(90deg, #fff 0%, #8AB9C9 45%, #203543 100%);color:#fff;border:0}
.vue_alert{position:fixed;display:flex;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;justify-content:center;align-items:center;z-index:10008}
.vue_alert ._bg{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.6)}
.vue_alert ._alert_wrap{width:100%;height:300px;background:#000709;border:1px solid #20343D;max-width:360px;z-index:1}
.vue_alert ._alert_wrap ._alert{display:flex;height:100%;text-align:center;flex-flow:column;justify-content:space-between}
.vue_alert ._alert_wrap ._alert ._alert_top{width:100%;padding:4px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #20343D}
.vue_alert ._alert_wrap ._alert ._txt{display:flex;padding:20px 0;color:#fff;justify-content:center;align-items:center}
.vue_alert ._alert_wrap ._alert ._btns{width:100%;height:50px;border-top:1px solid #20343D}
.vue_alert ._alert_wrap ._alert ._btns .btn{width:100%;height:100%;background:linear-gradient(180deg, #4C7189 0%, #203543 100%);display:flex;justify-content:center;color:#fff;align-items:center}


.popup-container {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .5);z-index:9999;overflow:hidden}
.popup-wrap {width:1600px;margin:0 auto;display:flex;align-items:flex-start;gap:10px}
.popup-container .popup-wrap .popup-box {display:inline-block;margin-top:68px;width:calc(25% - 10px);margin-right:10px;border:0;overflow:hidden;background:#000;animation:opacityIn .3s;transition:opacity .3s;}
.popup-container .popup-wrap .popup-box .pop_head {display:flex;align-items:center;justify-content:center;width:100%;height:60px;background-color:#402760;position:relative;}
.popup-container .popup-wrap .popup-box .pop_head button{position:absolute;top:50%;right:20px;transform:translate(0, -50%);width:24px;height:24px;color:white;display:grid;place-content:center;background-color:transparent;cursor:pointer;border:none}
.popup-container .popup-wrap .popup-box .popup-contents-box {min-height:400px;padding:0}
.popup-container .popup-wrap .popup-box .popup-contents-box img {display:block;width:100%;max-height:calc(100vh - 150px);}
.popup-container .popup-wrap .popup-box .popup-footer {height:34px;background:#402760;color:#fff;display: flex;justify-content: center;align-items: center;}
.popup-container .popup-wrap .popup-box .popup-footer button {background:linear-gradient(#ffd000, #bb7300);border:0;border-radius:10px;color:#fff;font-size:12px;padding:4px 12px;cursor:pointer;}

.popup-container .popup-wrap .hd_pops_footer {
  position: relative;
  padding: 2px 0 0 5px;
  height: 26px;
  background: #333;
  z-index: 2
}

.popup-container .popup-wrap .hd_pops_footer label {
  display: block;
}

.popup-container .popup-wrap .hd_pops_footer label i {
  color: #999
}

.popup-container .popup-wrap .hd_pops_footer label span {
  color: #ddd;
  cursor: pointer
}

.popup-container .popup-wrap .hd_pops_footer label:hover i {
  color: #fff
}

.popup-container .popup-wrap .hd_pops_footer label:hover span {
  color: #fff
}

.popup-container .popup-wrap .hd_pops_footer ._btn_close {
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  padding: 6px 20px 0;
  height: 25.5px;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer
}

.popup-container .popup-wrap .hd_pops_footer ._btn_close:hover {
  color: #fc0
}

.btnwrap {display:flex;gap:4px}

.slotgamelist {
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
		display:grid;
		grid-template-columns: repeat(6, 1fr);
		gap:10px
}
.slotgamelist:after {
    content: "";
    display: block;
    clear: both;
}
.slotgamelist li {
    width: 100%;
    margin: 0.5%;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    list-style: none;
}
.slotgamelist li img {
    width: 100%;
    /*height: 135px;*/
}
.slotgamelist li span {
    background: #252525;
    display: block;
    height: 25px;
    line-height: 25px;
    color: #fff;
}

@media (max-width: 767px) {
	.popup-wrap {width:100%;display:flex;flex-wrap:wrap;justify-content:center}
	.popup-container .popup-wrap .popup-box {margin-top:40px;width:calc(90% - 10px);}
	
	.content_box {padding:8px}
	
	.btnwrap {flex-wrap:wrap;}
	.btnwrap button {width:calc(25% - 4px);padding:8px 4px}
	
	.slotgamelist {
			padding: 4px;
			grid-template-columns: repeat(3, 1fr);
			gap:4px
		}
}