@charset "utf-8";

@font-face {
    --font-family:'jal';
    font-family:'jal_old';
    --src: url('/font/JalnanGothic.woff') format('woff');
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
    font-weight:normal;
    font-style:normal
}
@font-face {
	font-family: 'JalnanGothic';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    --font-family: 'GmarketSansMedium';  
    font-family: 'jal';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}


@font-face {
	font-family: "a1";
	font-style: normal;
	font-weight: 400;
	src: local("/fonts/a2"),   
		url("/fonts/a2.eot"), 
		url("/fonts/a2.eot?#iefix") format("embedded-opentype"),
		url("/fonts/a2.woff") format("woff"), 
		url("/fonts/a2.ttf") format("truetype"); 
}

@font-face {
	font-family: "a2";
	font-style: normal;
	font-weight: 500;
	src: local("../../../fonts/a2"),  
		url("/fonts/a2.eot"),  
		url("/fonts/a2.eot?#iefix") format("embedded-opentype"),  
		url("/fonts/a2.woff") format("woff"),  
		url("/fonts/a2.ttf") format("truetype");  
}

/* @font-face{
	font-family:'est';
	src: url('/font/ESTABLISH RETROSANS OTF.OTF') format('opentype');
} */

:root{
	--gold:linear-gradient(#b8792a 0%,#f5d06f 54%,#b9792a 100%);
	--40:#062235;
	--57:#07324d;
	--9c:#0284c7;
	--fd:#ffde5c;
	--f4:#f4cf6f;
	--f5:#f5d06f;
	--f6:#f6d254;
	--f8:#f8dfa0;
	--2b:#2b0103;
}

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,button,table{font-family:'a2','맑은고딕','Malgun Gothic',Helvetica,'Apple SD Gothic Neo',sans-serif;font-size:13px;-webkit-font-smoothing:subpixel-antialiased}
body{background:#000;color:#fff; min-width:1800px;}
img,fieldset{border:0}
img{vertical-align:top}
ul,ol{list-style:none}
i,em,address{font-style:normal}
input,textarea,select{vertical-align:middle}
a{color:#fff;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
button{border:0;background-color:transparent;cursor:pointer;-webkit-appearance:none}
hr,legend,.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px}

.ic{display:inline-flex;position:absolute;top:15px;right:0;align-items:center;height:13px;padding:0 2px;border-radius:3px;font-weight:bold;font-family:Arial,sans-serif;font-size:10px;color:#fff}
.ic.n{background:#f8c016;color:#000}
.ic.h{background:#0284c7}
.ic.hold{background:#b816f8}
.ic.p{background:#1a42ee}

.is_pc { display:inline-block; }
.is_mobile { display:none !important; }

#header{position:sticky;top:0!important;width:100%;background:#000;z-index:100}
#header .header-gnb{display:flex;align-items:center;justify-content:space-between;height:75px;padding:0 30px;border-bottom:1px solid #062235}
#header .headCate>ul{display:flex;margin-left:17px;white-space:nowrap}
#header .headCate>ul>li{position:relative;margin-left:20px}
#header .headCate>ul>li>a{display:flex;position:relative;align-items:center;justify-content:center;height:75px;font-family:'jal';transition:.2s;font-size: 14px;}
#header .headCate>ul>li>a:hover{color:#f4cf6f}
#header .headCate>ul>li>a .iconfont{margin:-5px 2px 0 0;font-size:18px;color:#f4cf6f}
#header .headCate>ul>li>a .icofont{margin:-5px 2px 0 0;font-size:18px;color:#f4cf6f}
#header .headCate>ul>li.on>a{border-bottom:2px solid #60040f}
#header .headCate .navDepth2{display:none;position:absolute;top:60px;left:-20px;z-index:120;width:145px;padding:15px 20px;background:#57070c;box-shadow:5.699px 11.684px 27px 0px rgba(0,0,0,1);box-sizing:border-box}
#header .headCate .navDepth2 li a{display:flex;align-items:center;height:26px;color:#cbbf91}
#header .headCate .navDepth2 li a:hover{color:#f6d254}

#header .headRight{flex:1}
#header .headRight ul{display:flex;justify-content:flex-end}
#header .headRight ul li a{display:flex;align-items:center;justify-content:center;height:35px;margin-left:2px;padding:0 12px;border:1px solid #075985;font-family:'jal';font-size:12px;box-sizing:border-box;white-space:nowrap}
#header .headRight ul li a i{font-family:'a2'}
#header .headRight ul li .iconfont{margin-right:4px;background:var(--gold);-webkit-background-clip:text;font-size:20px;color:transparent}
#header .headRight ul li .icofont{margin-right:4px;background:var(--gold);-webkit-background-clip:text;font-size:17px;color:transparent}
#header .headRight ul li:last-child a{border-width:2px;border-color:#38bdf8;color:#7dd3fc}

.header-notice{display:flex;align-items:center;justify-content:space-between;height:33px;border-bottom:1px solid var(--40)}
.header-notice marquee{margin:0 10px;font-size:13px;color:#a8a5a5}
.header-notice button{display:flex;align-items:center;height:33px;padding:0 30px 0 20px;border-left:1px solid var(--40);color:#8e282a;white-space:nowrap;cursor:pointer}
.header-notice button .iconfont{margin-left:10px}

#aside{position:fixed;top:110px;right:-100%;bottom:0;width:359px;height:calc(100% - 110px);padding:20px;border-left:1px solid var(--40);background:#000;z-index:999;font-family:'jal';box-sizing:border-box}
.user-info{display:flex;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--40)}
.user-info img{flex:0 0 38px;margin-right:12px}
.user-info div{font-size:12px;color:#756767}
.user-info div p{margin-bottom:4px;font-size:16px;color:#fff}
.user-stat{display:flex;justify-content:space-between;padding:15px 20px}
.user-stat li{text-align:center;font-size:12px;color:#756767}
.user-stat li p{margin-bottom:8px;font-size:13px;color:#fff}
.user-stat li p span{color:var(--fd)}
.user-charge{display:flex;justify-content:space-between;border-radius:10px;background:#300}
.user-charge a{flex:0 0 33.333%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:75px;font-size:12px}
.user-charge a .iconfont{display:block;margin-bottom:10px;background:var(--gold);-webkit-background-clip:text;font-size:24px;color:transparent}
.user-menu{margin:12px 0;padding:0 20px;border-radius:10px;background:#300}
.user-menu li{border-top:1px solid #000}
.user-menu li:first-child{border-top:0}
.user-menu li a{display:flex;align-items:center;justify-content:space-between;height:64px}
.user-menu li a i.iconfont{flex:0 0 44px;display:flex;justify-content:center;font-size:18px;color:#f3cf6f}
.user-menu li a em{flex-grow:1;text-align:right;font-size:16px;color:#5f4c4c}
#aside .btn-red{display:flex;align-items:center;justify-content:center;height:45px;border-radius:10px;background:var(--9c);font-size:14px}
.dim{display:none;position:fixed;top:110px;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);z-index:900}

#container{padding-top:0!important}

#footer{border:1px solid var(--40);background:url(https://i.imgur.com/ChcRI2U.png) no-repeat top center}
#footer .footer-tp{display:flex;align-items:center;justify-content:center;height:92px;border-bottom:1px solid var(--40)}
#footer .footer-bt{padding:28px 0 30px;font-size:12px;color:#565656;line-height:18px;text-align:center}
#footer .footer-bt .ft-logo{display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}
#footer .mobile-view a{display:inline-flex;align-items:center;height:38px;margin-top:23px;padding:0 15px;border-radius:5px;border:1px solid #300;background:#1c0608}
#footer .mobile-view a .iconfont{font-size:23px}

.quick{position:fixed;right:30px;bottom:30px;width:44px;height:44px}

.layer{display:none;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);z-index:999}
.layer-content{display:flex;position:relative;border:1px solid var(--9c);background:#000;z-index:999}
.layer-content .btn-close{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:60px;height:60px}
.layer-content .btn-close .iconfont{font-size:38px}
.layer-content form button{display:flex;align-items:center;justify-content:center;width:100%;height:50px;margin-top:10px;border-radius:5px;border:1px solid var(--9c);background:#000;font-family:'jal';font-size:16px;color:#fff}
.layer-content form button.btn-red{background:var(--9c)}

.layer.login .layer-content{width:720px;height:480px}
.layer.login img{border-right:1px solid var(--9c)}
.layer.login form{position:relative;width:100%;text-align:center}
.layer.login form .frm{padding:0 40px}
.layer.login form .frm h4{margin:50px 0 40px;font-family:'jal';font-weight:normal;font-size:22px}
.layer.login form .frm div{display:flex;align-items:center;justify-content:space-between;height:44px;margin-bottom:20px;border-bottom:1px solid #3f3d3b}
.layer.login form .frm div .iconfont{flex:0 0 33px;display:flex;align-items:center;justify-content:center;height:44px;background:var(--gold);font-size:25px;-webkit-background-clip:text;color:transparent}
.layer.login form .frm div input{width:100%;padding:0 15px;border:0;background:transparent;font-family:'jal';font-size:12px;color:#fff;outline:none;box-sizing:border-box}
.layer.login form .frm div input::placeholder{color:#898989}
.layer.login form .frm div:focus-within{border-color:#f4cf6f}
.layer.login form .frm button{display:flex;align-items:center;justify-content:center;width:100%;height:50px;border-radius:5px;background:var(--9c);font-family:'jal';font-size:18px;color:#fff}
.layer.login form .frm strong{display:flex;align-items:center;justify-content:center;height:48px;font-weight:normal;font-family:'jal';font-size:16px;color:#dd223d}
.layer.login form .frm p{font-family:'jal'}
.layer.login form .frm p a{color:var(--fd)}
.layer.login form .btn{display:flex;position:absolute;bottom:0;left:0;width:100%;border-top:1px solid #3f3d3b}
.layer.login form .btn a{flex:0 0 50%;display:flex;align-items:center;justify-content:center;height:54px;font-family:'jal'}
.layer.login form .btn a:first-child{border-right:1px solid #3f3d3b}
.layer.login form .frm div input:-webkit-autofill,
.layer.login form .frm div input:-webkit-autofill:hover,
.layer.login form .frm div input:-webkit-autofill:focus,
.layer.login form .frm div input:-webkit-autofill:active{
	-webkit-background-clip:text;
	-webkit-text-fill-color:#fff;
	transition:background-color 5000s ease-in-out 0s;
	box-shadow:inset 0 0 20px 20px #000;
}

.layer.code .layer-content{width:420px}
.layer.code form{width:100%;padding:67px 50px 82px;text-align:center}
.layer.code form h4{margin-bottom:50px}
.layer.code form div{display:flex;align-items:center;justify-content:space-between;height:44px;margin-bottom:20px;border-bottom:1px solid #3f3d3b}
.layer.code form div .iconfont{flex:0 0 33px;display:flex;align-items:center;justify-content:center;height:44px;background:var(--gold);font-size:25px;-webkit-background-clip:text;color:transparent}
.layer.code form div input{width:100%;padding:0 15px;border:0;background:transparent;color:#fff;outline:none;box-sizing:border-box}
.layer.code form div input::placeholder{font-family:'jal';font-size:12px;color:#898989}
.layer.code form div:focus-within{border-color:#f4cf6f}
.layer.code form p{margin-bottom:20px;font-family:'jal'}
.layer.code form p span{color:var(--fd)}

.layer.join .layer-content{width:475px}
.layer.join form{width:100%;padding:30px;text-align:center}
.layer.join form h4{font-weight:normal;font-family:'jal';font-size:22px}
.layer.join form h4 span{display:inline-block;margin:0 10px;color:#4a4a4a}
.layer.join form dl{display:flex;justify-content:space-between;flex-wrap:wrap}
.layer.join form dl.first{margin-top:15px}
.layer.join form dt{flex:0 0 95px;display:flex;align-items:center;margin-top:10px;text-align:left;font-family:'jal'}
.layer.join form dt::after{content:'*';color:#f42b35}
.layer.join form dd{flex:0 0 calc(100% - 95px);display:flex;align-items:center;position:relative;margin-top:10px;text-align:left}
.layer.join form dd input{width:100%;height:45px;padding:0 15px;border-radius:5px;border:1px solid #242222;background:#111010;color:#fff;box-sizing:border-box}
.layer.join form dd input::placeholder{font-family:'jal';font-size:12px;color:#4f4f4f}
.layer.join form dd input.btnwith{padding:0 80px 0 15px}
.layer.join form dd .chk-btn{position:absolute;top:6px;right:6px;width:60px;height:33px;line-height:33px;margin:0;border-radius:3px;background:var(--9c);font-family:'jal';font-size:12px;text-align:center;cursor:pointer}
.layer.join form dd .chk-btn:disabled{background:#999}
.layer.join form dd .bank-box{display:flex;width:100%;margin-bottom:5px}
.layer.join form dd .bank-box select{flex:0 0 calc(50% - 2.5px);padding:0 12px;border-radius:5px;border:1px solid #242222;background:#111010;font-family:'jal';font-size:12px;color:#fff}
.layer.join form dd .bank-box input{flex:0 0 calc(50% - 2.5px);margin-left:5px}
.layer.join form p{margin:12px 0;font-family:'jal';font-size:14px;color:#dd223d}

.layer.pop .layer-content{width:420px}
.layer.pop form{display:flex;flex-direction:column;position:relative;width:100%;padding:80px 30px 30px 30px}
.layer.pop form h4{display:block;position:absolute;top:0;left:0;width:100%;height:58px;line-height:58px;padding:0 15px;border-bottom:1px solid var(--9c);font-family:'jal';font-weight:normal;font-size:20px;box-sizing:border-box}
.layer.pop form input,
.layer.pop form textarea{width:100%;height:45px;margin-top:5px;padding:0 15px;border-radius:5px;border:1px solid #242222;background:#111010;color:#fff;box-sizing:border-box}
.layer.pop form input::placeholder,
.layer.pop form textarea::placeholder{font-family:'jal';font-size:12px;color:#4f4f4f}
.layer.pop form textarea{height:120px;margin-bottom:15px;padding:15px}
.layer.pop form #notice_view{margin:15px 0 5px;color:#fff!important}

.sub-container-wrap{display:flex;justify-content:space-between;flex-wrap:nowrap}

.content-box{flex:1;padding:20px 40px}

.right-box{flex:0 0 300px;overflow-y:auto;position:relative;width:299px;padding-bottom:12px;border-left:1px solid var(--40);background:#000;box-sizing:border-box}
.right-box::-webkit-scrollbar{display:none}
.cartArea{padding-bottom:6px;border-bottom:1px solid var(--40)}
.cartArea>.title{display:flex;align-items:center;justify-content:space-between;height:39px;padding:0 12px;border-bottom:2px solid var(--40); background:#300;}
.cartArea>.title span{font-family:'jal';font-size:12px}
.cartArea>.title em{color:var(--fd)}
.cartArea>.title a{display:flex;align-items:center;font-family:'a2';font-size:12px}
.cartArea>.title a .iconfont{margin-right:5px;font-size:14px;color:#f3cf6f}

.cartArea .ct_list li{padding:10px 12px;font-size:12px}
/* .cartArea .ct_list li:nth-of-type(odd){background:#200204} */
/* .cartArea .ct_list li{background:#200204; background: linear-gradient(180deg, #231010, #222);} */
.cartArea .ct_list li{ border-color: #424242 #181818 #232324 #2c3339; border-style: solid; border-width: 1px; background: linear-gradient(180deg, #222, #111 70%); margin-bottom: 2px;}
.cartArea .ct_list li.no-game{display:flex;align-items:center;justify-content:center;height:75px;padding:0;background:none;color:#b3a5a6}
.cartArea .ct_list li.no-game::before{margin-right:10px;font-family:'iconfont';font-size:32px;-webkit-font-smoothing:antialiased;content:''}
.cartArea .ct_list li div{position:relative;padding-right:18px}
.cartArea .ct_list li div .iconfont{position:absolute;top:-5px;right:-5px;font-size:18px;color:#7f7668}
.cartArea .ct_list li p.lastInfo{display:flex;justify-content:space-between;margin-top:8px;color: #daa502;}
/* .cartArea .ct_list li p .odd{color:#fff} */
.cartArea .ct_list li.crt_gm p[style="color:#fc0;"]{padding:15px 0}
.cartArea .ct_list li.crt_gm p[style="color:#fc0;"],
.cartArea .ct_list li.crt_gm p[style="color:#fc0;"] span{font-family:'jal';font-size:14px;color:#fff!important}

.cartArea .btnMoney{padding:0px;font-family:'jal'}
.cartArea .btnMoney dl,
.cartArea .btnMoney dd{display:flex;align-items:center;justify-content:space-between;height:35px;background:#300}
.cartArea .btnMoney dt{flex:0 0 calc(68px - 15px);padding-left:15px;color:#b3a5a6}
.cartArea .btnMoney dd{flex:1}
.cartArea .btnMoney dd input{flex:1;width:100%;padding:0 12px;border:0;background:transparent;font-family:'jal';font-size:12px;color:#fff;text-align:right;outline:none;box-sizing:border-box}
.cartArea .btnMoney dd .iconfont{flex:0 0 45px;display:flex;align-items:center;justify-content:center;width:44px;height:35px;border-left:1px solid #1d1a11;cursor:pointer}

.cartArea .bsp_money ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:1px;margin-top:3px}
.cartArea .bsp_money ul li span{display:flex;align-items:center;justify-content:center;height:35px;background:var(--gold);color:#000;cursor:pointer}

.cartArea .betInfo,
.cartArea .btnBet,
.cartArea .betLimit{padding:5px 12px}
.cartArea .betInfo ul li,
.cartArea .betLimit ul li{display:flex;align-items:center;justify-content:space-between;height:22px;font-family:'a2';font-size:12px}
.cartArea .betInfo ul li .tit,
.cartArea .betLimit ul li .title{font-weight:bold;color:#555}
.cartArea .betLimit ul li .value{color:#555}

.cartArea #bsp_betbtn,
.cartArea .btnBett{display:flex;align-items:center;justify-content:center;height:40px;background:var(--9c);font-family:'jal';font-size:16px}

.cart-bt-banner{margin:0!important;padding:12px 12px 0 12px}
.cart-bt-banner.mt5{margin:0!important}
.cart-bt-banner img{width:274px;--height:80px}




/* User ADD */