@charset "euc-kr";/* 
------------------------------------------------------------
MGAME Web Design Team
first written: Yang Young bok 160607
updated: YYB 160926 / YYB 180726 / YYB 190821
------------------------------------------------------------
*/
/* reset */
body,h1,h2,h3,h4,h5,h6,ul,ol,dl,p,th,td,fieldset,legend,input,button{margin:0;padding:0}
body,input,button,select,textarea{font-family:dotum,arial;font-size:12px;line-height:16px;color:#404040}
fieldset,img{border:0}
img{vertical-align:top}
ul,ol,li{list-style:none}
a{color:#404040;text-decoration:none}
a:hover{color:#404040;text-decoration:underline}
input[type="radio"],input[type="checkbox"]{width:13px;height:13px;vertical-align:middle}
table{border-collapse:collapse;width:100%}
.hidden{top:0;left:0;margin:0;padding:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;*position:absolute}
/* layout */
.wrap{position:relative;margin:0 auto;width:1180px;background:#fff;z-index:10}
.header,.container,.footer{position:relative;margin:0 auto;width:1180px}
.header{height:75px;z-index:100}
.container,.footer{*zoom:1}
.container:after,.footer:after{clear:both;display:block;content:''}
.snb{float:left;width:330px}
.content{float:right;width:830px}
.footer{margin-top:55px;margin-bottom:20px}
.bannerBigLeft{position:absolute;left:-410px;top:0}
.bannerBigRight{position:absolute;right:-410px;top:0}
/* header */
.header h1{padding:18px 0 0 7px}
.gnb{position:absolute;top:30px;left:159px;*zoom:1}
.gnb:after,.lnb:after{clear:both;display:block;content:''}
.gnb li{float:left}
.gnb>li{position:relative;background:url(http://image.mgame.com/mgamezzang/contents/portal_v5/line.gif) no-repeat 0 8px}
.gnb>li:first-child{background:none}
.gnb a{display:block;padding:7px}
.gnb ul{position:absolute;top:25px;left:-7px;width:288px;background:url(http://image.mgame.com/mgamezzang/contents/portal_v5/bg_gnb.gif) no-repeat right 0;display:none}
.gnb ul li{padding:4px 2px}
.gnb ul li:first-child{padding-left:8px;background:url(http://image.mgame.com/mgamezzang/contents/portal_v5/bg_gnb.gif) no-repeat}
.gnb ul a{margin:0 2px;padding:4px 2px}
.gnb .on ul{display:block}
.lnb{position:absolute;top:11px;right:0}
.lnb li{float:left;background:url(http://image.mgame.com/mgamezzang/contents/portal_v5/line.gif) no-repeat 0 7px}
.lnb li:first-child{background:none}
.lnb a{display:block;padding:7px}
.lnb .charge{margin:0 0 0 10px}
.lnb .charge a{padding:0}
/* footer */
.siteinfo{padding:7px;border:1px solid #e9e9e9;text-align:center}
.siteinfo li{display:inline;padding:0 0 0 3px;background:url(http://image.mgame.com/mgamezzang/contents/portal_v5/line.gif) no-repeat 0 -48px}
.siteinfo li:first-child{background:none}
.siteinfo img{vertical-align:middle}
.siteinfo a{padding:0 10px}
.society{float:right;margin:33px 150px 0 0}
.society li{float:left;margin:0 0 0 7px}
address{float:left;margin:18px 0 0 205px;padding:0 0 0 153px;background:url(http://image.mgame.com/mgamezzang/contents/portal_v5/logo_footer.gif) no-repeat 0 16px}
.copyright{margin:4px 0 0 0}
/* snb */
.fLogin{display:block;margin:0 0 10px 0;padding:18px;height:151px;border:2px solid #c6c6c6}
.fLogin legend{display:block;margin:0 0 10px 0;*margin-left:-7px;width:100%;height:16px;border-bottom:1px solid #e3e3e3}
.fLogin .input{margin:0 0 9px 0;overflow:hidden;_zoom:1}
.fLogin .text{float:left;padding:5px 9px;width:185px;height:16px;border:1px solid #cecece;background:#eee url(http://image.mgame.com/mgamezzang/contents/portal_v5/bg_login.gif) no-repeat 0 100px;color:#858585}
.fLogin .text:first-child{margin:0 0 4px 0}
.fLogin .text.id{background-position:0 0}
.fLogin .text.pw{background-position:0 -31px}
.fLogin .btn{float:right;margin:-32px 0 0 0}
.fLogin .otp{margin:0 0 13px 0;word-spacing:2px}
.fLogin .otp a:first-child{margin:0 1px 0 0}
.fLogin .member{text-align:center}
.fLogin .member a{margin:0 9px;padding:0 0 0 8px;background:url(http://image.mgame.com/mgamezzang/contents/portal_v5/bullet.gif) no-repeat 0 3px;font-size:11px;letter-spacing:-1px}
.logout{margin:0 0 10px 0;padding:14px 18px 11px 18px;height:162px;border:2px solid #c6c6c6}
.logout .user{border-bottom:1px solid #e3e3e3;text-align:right;overflow:hidden;_zoom:1}
.logout .user span{float:left;padding:5px 0;font-size:14px}
.logout .user *{vertical-align:middle}
.logout .user .info{display:inline-block;margin:0 10px 0 0;padding:3px 6px 0 0;background:url(http://image.mgame.com/mgamezzang/contents/portal_v5/bullet.gif) no-repeat right -96px;font-size:11px;line-height:13px;color:#7d7d7d;letter-spacing:-1px}
.logout .avatar{float:left;margin:0 5px 6px 0;height:96px;border:1px solid #e3e3e3;overflow:hidden}
.logout .mcash{margin:15px 1px;font-size:14px}
.logout .mcash span{font-weight:bold;color:#ec5d00}
.logout .mine .button{margin:0 0 10px 0;word-spacing:6px}
.logout .area{clear:both;padding:9px 16px 4px 16px;border:1px solid #e3e3e3;background:#fafafa;font-size:11px;color:#a0a0a0}
.snb .banner{margin:0 0 10px}
.snb .banner img{border:1px solid #c6c6c6}
.recommend{position:relative;margin:0 0 10px 0;border:1px solid #c6c6c6;height:356px;overflow:hidden}
.recommend>li{float:left}
.recommend>li:first-child h2{width:163px;border-right:1px solid #cbcbcb}
.recommend h2{width:164px}
.recommend h2 a{display:block;padding:14px 0 0 0;height:26px;border-bottom:1px solid #cbcbcb;background:#f9f9f9;text-align:center}
.recommend .on h2 a{border-bottom-color:#fff;background:#fff}
.recommend ul{position:absolute;top:59px;left:0;width:100%;height:252px;border-bottom:1px solid #eee}
.recommend ul li{float:left;margin:0 1px 0 20px;width:82px;height:127px;text-align:center;letter-spacing:-1px}
.recommend ul img{display:block;margin:0 0 8px 0}
.recommend .paging{position:absolute;bottom:0;left:0;padding:14px 0 0 0;width:100%;height:28px;border:solid #fcfcfc;border-width:1px 0;background:#f8f8f8;text-align:center}
.recommend .paging strong,.recommend .paging a{display:inline-block;padding:14px 14px 0 0;width:0;height:0;background:url(http://image.mgame.com/mgamezzang/contents/portal_v5/btn_paging.png) no-repeat;overflow:hidden}
.recommend .paging .direction{position:absolute;top:12px;right:18px;padding:0;width:11px;height:18px;background:none}
.recommend .paging .direction:first-child{left:18px;right:inherit}
.recommend .paging a{background-position:-19px 0}
.notice{position:relative;margin:0 0 10px 0;padding:16px 14px 12px 14px;border:1px solid #dfdfdf;background:#f5f6f6}
.notice h2{margin:0 0 11px 0;height:19px;border-bottom:1px solid #dadada}
.notice li{margin:0 0 4px 0;padding:0 0 0 11px;background:url(http://image.mgame.com/mgamezzang/contents/portal_v5/bullet.gif) no-repeat 2px -43px}
.notice .more{position:absolute;top:14px;right:14px;font-size:11px;color:#a7a29f;text-decoration:none}
.time{margin:0 0 10px 0;overflow:hidden;_zoom:1}
/* content */
.games{position:relative;margin:0 0 10px 0;height:327px;border:1px solid #cbcbcb;overflow:hidden;_zoom:1}
.games>li{float:left}
.games>li:first-child h2{width:164px;border-left:0}
.games h2{width:165px;border-left:1px solid #cbcbcb}
.games h2 a{display:block;padding:13px 0 0 0;height:26px;border-bottom:1px solid #cbcbcb;background:#f9f9f9;text-align:center}
.games .on h2 a{border-bottom-color:#fff;background:#fff}
.games ul{position:absolute;top:57px;left:16px}
.games ul li{float:left;width:148px;margin:0 14px 0 0;text-align:center}
.games ul li img{display:block}
.games ul li a{font-size:11px;color:#747474}
.games ul li strong{display:block;margin:13px 0 5px 0;font-size:14px;color:#303030;letter-spacing:-1px}
.mobile{position:relative;margin:0 0 10px 0;border:1px solid #e0e0e0;background:#f4f4f4;overflow:hidden;_zoom:1}
.mobile h2{float:left;margin:0 12px 0 0}
.mobile ul{float:left}
.mobile li{position:relative;float:left;padding:14px 0 0 0;width:71px;font-size:11px;line-height:14px;letter-spacing:-1px;text-align:center}
.mobile li img{display:block;margin:0 auto;padding:0 0 6px 0;background:url(http://image.mgame.com/mgamezzang/contents/portal_v5/bg_mobile.png) no-repeat center bottom}
.mobile .new{position:absolute;top:5px;left:-2px;padding:0;background:none}
.mobile .more{position:absolute;top:37px;right:15px}
.inside{position:relative;margin:0 0 10px 0;height:215px;border:solid #cbcbcb;border-width:0 1px 1px 1px;overflow:hidden;_zoom:1}
.inside li{float:left;margin:0 0 0 -1px}
.inside h2{height:41px;overflow:hidden}
.inside .on h2 img{margin:-41px 0 0 0}
.inside .view{position:absolute;top:41px;left:0;width:100%}
.inside .btn{position:absolute;top:17px;right:17px;width:205px}
.inside .btn img{margin:0 -1px 3px -1px}
.matrix{position:relative;border:1px solid #dfdfdf;height:450px;overflow:hidden;_zoom:1}
.matrix>li{float:left;width:103px;height:1000px;border-left:1px solid #e3e3e3;overflow:hidden;_zoom:1}
.matrix>li:first-child{border:none}
.matrix>li.column2{width:207px}
.matrix>li.column4{width:412px}
.matrix>li.board{width:207px}
.matrix>li.mobileMatrix{position:absolute;top:320px;left:207px;width:412px;border-top:1px solid #dfdfdf;background:#fff}
.matrix h2{padding:11px 0 0 0;height:24px;border-bottom:1px solid #e3e3e3;background:#f5f6f6;text-align:center}
.matrix ul{float:left;padding:7px 0 0 0;width:102px;height:1000px;border-left:1px solid #e3e3e3}
.matrix h2+ul{border:none}
.matrix a{display:block;padding:4px 1px 4px 9px;letter-spacing:-1px}
.matrix .board{position:absolute;top:215px;right:0;border-top:1px solid #dfdfdf;background:#fff}
.matrix.age19 .age{display:none}
.matrix.age19 .board{position:inherit;top:0;right:0;border-top:none}
/* banner */
.topBanner{position:relative;margin:0 0 10px 0;width:822px;height:183px;border:4px solid #000;background:#000;overflow:hidden}
.topBanner a{color:#a4a4a4;text-decoration:none}
.topBanner .btn{position:absolute;top:18px;right:0;width:179px;height:183px;background:url(http://image.mgame.com/mgamezzang/contents/portal_v5/bg_topbanner.png) no-repeat;z-index:10}
.topBanner .prev{position:absolute;top:-18px}
.topBanner .next{position:absolute;bottom:18px}
.topBanner .stop,.topBanner .play{position:absolute;top:147px;left:-26px}
.topBanner .stop{z-index:1}
.topBanner .list{margin:18px 0 0 643px}
.topBanner .view{position:absolute;top:0;left:0}
.topBanner .text{position:relative;display:block;padding:10px 16px;width:147px;height:29px;z-index:10}
.topBanner .text span{display:block;font-weight:bold;color:#fff}
.topBanner .on .view{z-index:1}
.topBanner .on .text{padding:8px 14px;border:2px solid #f36f0d;color:#fff}
.topBanner .on span{color:#f36f0d}
.topBanner .etc{display:none}
.fxBanner{position:absolute;top:0;right:-103px;z-index:10}
.fxBanner .thumbnail img{border:1px solid #c7c7c7 }
.fxBanner .view{position:absolute;top:0;right:103px;border:4px solid #000}
.fxBanner .close{position:absolute;bottom:-4px;right:-4px}
/* notice layer */
#mainNotice{position:absolute;top:50%;left:50%;margin:-300px 0 0 -255px;padding:20px;width:470px;height:560px;z-index:2000}
#mainNotice h2,#mainNotice iframe,#mainNotice p.bgClose{position:relative;z-index:20}
#mainNotice p.bgNotice{position:absolute;top:0;left:0;z-index:10}
#mainNotice h2{padding:9px 0 0 32px;height:26px;width:438px;background:url(http://image.mgame.com/mgamezzang/contents/portal_v1/main/bg_notice_popup_ttl.gif) no-repeat;font-size:12px;color:#fff;letter-spacing:-1px}
#mainNotice p.bgClose{padding:7px 5px;height:35px;width:460px;background:url(http://image.mgame.com/mgamezzang/contents/portal_v1/main/bg_notice_popup_close.gif) no-repeat;text-align:right}
/* Error msg layer */
#msgLayerDivBg{filter:alpha(opacity:20);-moz-opacity:0.2;opacity:0.2;z-index:1000;background-color:#000;position:absolute;visibility:hidden;left:0px;top:0px;width:100%;height:100%}
#msgLayerDiv{z-index:1100;background-color:transparent;position:absolute;visibility:hidden}
/* common layer popup */
#divPopup{position:relative;margin:0 auto;z-index:110}
#Popup2008{position:absolute;width:100%;z-index:990;background:#000;border:2px solid #353535;padding:4px;color:#fff;font:12px dotum}
#Popup2008 p{margin:0;padding:0}
#Popup2008 p img{border:0}
#Popup2008 p.go_event{text-align:center;padding:10px 0}
#Popup2008 fieldset{overflow:hidden;width:100%;height:16px;padding:7px 0 0 0;border:0}
#Popup2008 fieldset input{float:left;width:13px;height:13px;margin:0;vertical-align:middle}
#Popup2008 fieldset label{float:left;margin-left:5px}
#Popup2008 fieldset .btn_close{float:right;width:auto;height:auto}
.snbBanner{margin:0 0 10px 0;height:174px;border:1px solid #bdbdbd}