@charset "euc-kr";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written : Yang Young bok 250630
updated : 
------------------------------------------------------------
*/
/* gnbWrap */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");


/*************************************************************************** 추가 S */
body, html {
/*     transform: none !important;
   overflow: visible !important;
    perspective: none !important;
    filter: none !important;*/
}
.gnbGame{
z-index:9999999999999999999999999999999999999999999999;
}
a.gnblaycomm { text-decoration: none; }
a.gnblaycomm:hover{  text-decoration: none;}
a.gnbLogin { text-decoration: none; font-size: 16px !important; }
a.gnbLogin:hover{  text-decoration: none; font-size: 16px; }
.gnbLogin{font-size: 16px;}
.gnbWrap * { all: unset; }
.gnbWrap{background: #ffffff;}
.gnbBottom>li a{color: #222222;}
.gnbId{display: block;}
.gnbDate{display: block;}
.gnbWrap a{
	font-size: 14px;
	letter-spacing: 0px;
	font-family: "Pretendard Variable",Pretendard,sans-serif;
	cursor: pointer;
}
.gnbWrap a:link{
	font-size: 14px;
	font-family: "Pretendard Variable",Pretendard,sans-serif;
	cursor: pointer;
}
.gnbWrap strong{
	letter-spacing: 0px;
	font-family: "Pretendard Variable",Pretendard,sans-serif;
}
.gnbDate{
	letter-spacing: 0px;
	font-family: "Pretendard Variable",Pretendard,sans-serif;
}
.gnbId strong{
	color: #222222 !important;
	letter-spacing: 0px;
	font-family: "Pretendard Variable",Pretendard,sans-serif;
}
.gnbmcashremaining {
	color: #222222 !important;
}
.gnbMcash{
	letter-spacing: 0px;
	font-family: "Pretendard Variable",Pretendard,sans-serif;
}
.gnbWrap button{
	letter-spacing: 0px;
	font-family: "Pretendard Variable",Pretendard,sans-serif;
}
.gnbBottom{text-align: left;}
.gnbGameList{text-align: left;}
.gnbGameList>li>font{font-weight: 700; display:inline-block;padding:0 2px;border-bottom:2px solid #3893f1;font-size:16px;line-height:22px;color:#000000; 	letter-spacing: 0px;}
/*#gnbWrapdiv{width: 100%; border-bottom:1px solid #c2c2c3; background: #fff;}*/
/*************************************************************************** 추가 E */
html,body,.gnbWrap *{margin:0;padding:0}
.gnbWrap{position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 auto -1px auto;padding:0 20px;min-width:1000px;/*max-width:2560px;*/height:52px;border-bottom:1px solid #c2c2c3;font-family:"Pretendard Variable",Pretendard,sans-serif;font-weight:500;font-size:14px;color:#222;z-index:1000}
.gnbWrap img,.gnbWrap button{border:none;vertical-align:middle}
.gnbWrap button{font-family:"Pretendard Variable";font-weight:500;cursor:pointer}
.gnbWrap li{list-style:none}
.gnbWrap a{color:#222;text-decoration:none}
.gnbWrap strong{font-weight:700}
.gnbWrap h1{position:absolute;left:calc(50% - 48px);line-height:0}
.gnbOpen{display:flex;align-items:center;margin:0 0 0 -8px;background:none;font-size:16px}
.gnbOpen:before{display:block;content:'';margin:0 3px 0 0;width:36px;height:36px;border-radius:50%;background:url(https://mgameimage.gscdn.com/mgamezzang/contents/portal_v6/event/common/btn_menu.png) no-repeat center}
.gnbOpen:hover:before{background-color:#eff2f5;transition:all .3s}
.gnbClose{position:absolute;top:5px;right:5px;padding:10px;background:none;line-height:0}
.gnbWrap nav{display:flex;gap:10px}
.gnbWrap nav>a,.gnbWrap nav>button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:1px 15px 0 15px;min-width:84px;height:32px;border-radius:16px;background:none;color:#333}
.gnbWrap nav>a:hover{background:#eff2f5;transition:background .3s}
.gnbWrap .gnbLogin{border:1px solid #d4d5d6;font-size:16px}
.gnbWrap .gnbLogin:hover{border:none;background:#3893f1;color:#fff}
.gnbWrap .gnbLoginId{margin:0 0 0 15px;padding:0 0 0 25px;background:url(https://mgameimage.gscdn.com/mgamezzang/contents/portal_v6/common/icon_user.png) no-repeat 0 center;font-size:13px}
.gnbWrap .gnbLoginId:after{display:inline-block;content:'';margin:0 0 0 12px;width:11px;height:6px;background:url(https://mgameimage.gscdn.com/mgamezzang/contents/portal_v6/common/bu_userid.png) no-repeat;vertical-align:middle}
.gnbWrap .gnbLoginId.active:after{transform:rotate(0.5turn)}
.gnbWrap .gnbLoginId.active+.user{display:block}
.gnbWrap .gnbUser{position:absolute;top:46px;right:10px;box-sizing:border-box;padding:27px 20px;width:332px;border:1px solid #000;border-radius:10px;box-shadow:4px 4px 9px 0 rgba(40,41,42,.2);background:#fff;z-index:100}
.gnbWrap .gnbId{margin:0 0 10px 0;font-size:14px;text-align:center}
.gnbWrap .gnbId strong{font-weight:600;font-size:18px}
.gnbWrap .gnbDate{font-size:13px;color:#777;text-align:center}
.gnbWrap .gnbMcash{display:flex;align-items:center;justify-content:space-between;margin:21px 0 13px 0;padding:19px 15px 17px 18px;border-radius:5px;background:#f4f6f8;font-size:14px;color:#555}
.gnbWrap .gnbMcash span{display:block;margin:0 0 10px 0;font-size:13px;color:#777}
.gnbWrap .gnbMcash strong{padding:0 0 0 27px;background:url(https://mgameimage.gscdn.com/mgamezzang/contents/portal_v6/common//bu_mcash.png) no-repeat 0 center;font-size:18px;color:#222}
.gnbWrap .gnbMcash a{display:flex;align-items:center;justify-content:center;width:56px;height:30px;border:1px solid #808184;border-radius:6px;background:#fff;font-size:13px;color:#222}
.gnbWrap .gnbButton{display:flex;justify-content:center;gap:15px}
.gnbWrap .gnbButton>*{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;padding:0 30px;height:46px;min-width:138px;border:1px solid #808184;border-radius:6px;background:#fff;font-size:15px;white-space:nowrap;text-decoration:none !important}
.gnbWrap .gnbConfirm{border-color:#3893f1;background:#3893f1;color:#fff}
.gnbGame{position:absolute;top:46px;left:10px;box-sizing:border-box;padding:32px 0 0 38px;width:810px;border:1px solid #000;border-radius:10px;background:#fff;opacity:0;visibility:hidden;overflow:hidden;z-index:100;transition:all .5s}
.gnbGame.open{box-shadow:4px 4px 10px 0 rgba(40,41,42,.2);visibility:visible;opacity:1}
.gnbGameList{display:flex;gap:38px 10px;flex-wrap:wrap}
.gnbGameList>li{box-sizing:border-box;width:calc(50% - 5px)}
.gnbGameList>li>strong{display:inline-block;padding:0 2px;border-bottom:2px solid #3893f1;font-size:16px;line-height:22px;color:#000}
.gnbGameList>li ul{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 0 0}
.gnbGameList>li li{width:120px;font-size:14px; height:16px}
.gnbGameList>li li a{margin:0 0 0 2px;color:#777}
.gnbGameList>li li a:hover{color:#000;text-decoration:underline;text-underline-position:under}
.gnbGameList>li.etc{width:100%}
.gnbBottom{display:flex;margin:36px 0 0 -38px;padding:24px 0 21px 45px;border-radius:0 0 10px 10px;background:#f4f6f8;font-weight:700;font-size:14px}
.gnbBottom li{width:150px}
.gnbBottom a:before{display:inline-block;content:'';margin:-3px 8px 0 0;width:20px;height:20px;background:url(https://mgameimage.gscdn.com/mgamezzang/contents/portal_v6/bu_mine.png) no-repeat;vertical-align:middle}
.gnbBottom a:hover:before{filter:invert(80%)}
.gnbBottom a.gnbMine:before{background-position:0 0}
.gnbBottom a.gnbCharge:before{background-position:0 -20px}
.gnbBottom a.gnbEvent:before{background-position:0 -40px}
.gnbBottom a.gnbSecurity:before{background-position:0 -60px}
.gnbBottom a.gnbNotice:before{background-position:0 -80px}



#variableScroll{position:absolute}