/*********************************************************************
* Program		: main.css
* Description	: Intro CSS : 
* Version		: 1.0
* Date			: 2013/02/12		Writer : wie chan woo
 **********************************************************************/
@charset "utf-8";
#main_wrap{width:1000px;height:847px;margin:10px auto 0 auto;*zoom:1;position:relative;zoom:1;clear:both;display:block;visibility:visible}
#main_wrap .flashmainbanner{display:none;width:998px;height:373px;top:0px;left:1px;position:absolute;z-index:150;border:none}
#main_wrap .flashmainbanner #flashload{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
#main_wrap .flashmainbanner .flash_close{width:62px;height:31px;position:absolute;z-index:160;top:0px;right:0px;cursor:pointer}
.popuplayer{width:720px;height:500px;position:absolute;z-index:1007;top:240px;left:50%;margin:0 0 0 -360px;position:absolute}
.popuplayer .mpimg{width:100%;height:100%;float:left;z-index:1005;position:absolute;z-index:1001;top:0px;left:0px}
.popuplayer .todayout{width: 138px;height: 23px;position: absolute;z-index: 1009;bottom: 5px;right: 5px;opacity:0;-moz-opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0)}
.popuplayer .todayout input{width:100%;heighft:100%;cursor:pointer}
.popuplayer .close{width:40px;height:40px;top:0px;right:0px;position:absolute;z-index:1010;overflow:hidden;background:#000;opacity:0;-moz-opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0)}
.popuplayer .close span{position:absolute;z-index:-1;top:-200px}
.main div{float:left;position:relative}
.main .w{background:url('/resources/image/design/main/20140411/main_bg_0901.png') no-repeat}
.main .w span{background:none;top:-100px}
.main .wm{background:url('/resources/image/design/main/20140411/main_bg_0901.png') no-repeat}
.main a{width:100%;height:100%;float:left;overflow:hidden;position: relative}
.main a span{position:absolute;z-index:-1;top:-100px}
.main .more{background-position:-15px -54px;width:38px;height:14px}
.gnr01{width:100%;height:205px}
.gnr01 .g1_banner{width:463px;height:100%;overflow:hidden}
.gnr01 .g1_banner a img{width:463px;height:205px}
.gnr01 .mevt{width:312px;height:100%;overflow:hidden;margin:0 0 0 5px}
.gnr01 .frameview{width:100%;height:175px}
.gnr01 .frameview a{width:100%;height:175px}
.gnr01 .frameview a img{width:100%;height:175px;float:left}
.gnr01 .framebtn .dot_bn{width:100%;height:13px;top:9px;left:5px}
.gnr01 .framebtn .dot_bn a{background:url('/resources/image/design/main/20140411/main_bg_0901.png') no-repeat;background-position:-241px -29px;float:left;width:13px;height:100%;margin:0 0 0 5px;text-indent:-20px;overflow:hidden}
.gnr01 .framebtn .dot_bn a.activeSlide{background-position:-261px -29px}
.gnr01 .framebtn .text{width:186px;height:15px;top:7px;left:127px;color:#b5b5b5;position:absolute;z-index:11}
.gnr01 .framebtn{z-index:9;width:100%;height:30px;background:#000000}
.gnr01 .gnr01_myinfor{width:213px;height:203px;float:right;border:1px solid #d8d9de;background:#f5f5f5}
.gnr01 .gnr01_myinfor .m1{width:100%;height:32px;background:#f5f5f5}
.gnr01 .gnr01_myinfor .m1 .name{min-width:39px;width:auto;height:12px;top:10px;left:10px}
.gnr01 .gnr01_myinfor .m1 .myinforview{width:34px;height:13px;top:9px;left:12px;background-position:-54px -54px}
.gnr01 .gnr01_myinfor .m1 .logout{width:69px;height:24px;top:5px;left:134px;background-position:-418px -4px;position:absolute}
.gnr01 .gnr01_myinfor .stopmember{width:212px;height:65px;background:#fff;top:0px;left:0px;position:absolute;z-index:32;overflow:hidden}
.gnr01 .gnr01_myinfor .stopmember .t1{top:17px;left:0;width:100%;height:33px;text-align:center}
.gnr01 .gnr01_myinfor .stopmember .t1 span{ top:0px;position:relative;left:0px}
.gnr01 .gnr01_myinfor .m2{width:100%;height:65px;border-bottom:1px solid #ececec;font-size:11px;border-top:1px solid #ececec;background:#fff}
.gnr01 .gnr01_myinfor .m2 a{ line-height:normal;}
.gnr01 .gnr01_myinfor .m2 .w{width:183px;height:13px;top:7px;left:15px;position:absolute}
.gnr01 .gnr01_myinfor .m2 .m21{background-position:-773px -96px;z-index:12}
.gnr01 .gnr01_myinfor .m2 .m22{background-position:-773px -115px;top:26px;z-index:13}
.gnr01 .gnr01_myinfor .m2 .m23{background-position:-773px -133px;top:45px;z-index:14}
.gnr01 .gnr01_myinfor .m2 .w .l{width:58px;text-indent:14px}
.gnr01 .gnr01_myinfor .m2 .w .r{max-width:117px;float:right;font-weight:bold;text-align:right}
.gnr01 .gnr01_myinfor .m2 .w .r a{color:#ea181b;width:auto}
.gnr01 .gnr01_myinfor .m3{width:100%;height:103px;font-size:11px;background:#f5f5f5}
.gnr01 .gnr01_myinfor .m3l{width:195px;height:12px;left:10px;top:12px;letter-spacing:-1px;position:absolute;z-index:15}
.gnr01 .gnr01_myinfor .m3l .line{width:1px;height:10px;background:#bfbfbf;margin:2px 3px 0 3px}
.gnr01 .gnr01_myinfor .m3l .t2{margin:0 0 0 2px;float:left}
.gnr01 .gnr01_myinfor .m3l .t2 a{ overflow:visible;}
.gnr01 .gnr01_myinfor .m3l .t2 span{ top:0px; z-index:2; position:relative; padding:4px 0 4px 22px; height:21px; margin:0 0 0 10px;}
.gnr01 .gnr01_myinfor .m3l a{width:auto}
.gnr01 .gnr01_myinfor .m3l .t2 .blue{color:#2b76eb}
.gnr01 .gnr01_myinfor .m3l .t2 .red{color:#f91e02}
.gnr01 .gnr01_myinfor .m32{top:34px;z-index:16}
.gnr01 .gnr01_myinfor .m33{top:57px;z-index:17;width:181px;height:31px;border-top:1px dotted #a0a0a0;color:#9b9b9b}
.gnr01 .gnr01_myinfor .m33 .m51{top:10px;width:100%;height:12px;position:absolute;z-index:18}
.gnr01 .gnr01_myinfor .m33 .m52{top:25px;width:100%;height:12px;position:absolute;z-index:19}
.gnr01 div.mlogin .hr{width:181px;height:1px;position:absolute;z-index:35;top:102px;left:16px;background:#dbdbdb}
.gnr01 div.mlogin .ul{width:168px;height:157px;position:absolute;z-index:32;top:25px;left:24px}
.gnr01 div.mlogin .ul .li{position:relative;float:left;width:100px}
.gnr01 div.mlogin .ul .ml0{height:26px}
.gnr01 div.mlogin .ul .ml0 #lblMemberID{left:8px;top:5px;*margin-top:3px;position: absolute;color: #707070}
.gnr01 div.mlogin .ul .ml1{margin:0 0 6px 0}
.gnr01 div.mlogin .ul .ml1 #lblPassword{left:8px;top:5px;*margin-top:3px;position: absolute;color: #707070}
.gnr01 div.mlogin .ul .ml2{width:100%;height:14px}
.gnr01 div.mlogin .ul .ml2 .check{margin:0px;padding:0px;*margin:-4px 0 0 -3px;position:relative}
.gnr01 div.mlogin .ul .ml2 .idsave{width:41px;height:14px;background-position:-503px -57px}
.gnr01 div.mlogin .ul .ml2 input{float:left}
.gnr01 div.mlogin .ul .btn{float:right;width:54px;height:49px}
.gnr01 div.mlogin .ul .ml3{ position:absolute;top:96px;left:0px;width:100%;height:61px;z-index:34}
.gnr01 div.mlogin .ul .ml3 a{float:left}
.gnr01 div.mlogin .ul .ml3 .btn_id{background-position:-546px -4px;width:82px;height:28px}
.gnr01 div.mlogin .ul .ml3 .btn_pw{background-position:-632px -4px;width:82px;height:28px;float:right}
.gnr01 div.mlogin .ul .ml3 .btn_member{margin:5px 0 0 0;background-position:-546px -32px;width:168px;height:28px}
.gnr01 div.mlogin .ul  input.m_texton{background-color:#fff;border:1px solid #9a9a9a;line-height:21px;height:20px;padding-left:5px;color:#a8a8a8;font-size:12px;width:100px;-webkit-border-radius:0;-webkit-appearance:none;box-sizing:content-box}
.gnr02{margin:16px 0 0 0;width:100%;height:253px}
.gnr02 div.newgame { width:464px;height:251px;padding:0 0;overflow:hidden;float:left;position:relative;zoom:1;border:1px solid #d8d9de}
.gnr02 div.newgame .title{ width:72px;height:16px;background-position:0px -256px;top:26px;left:24px;position:absolute;z-index:51}
.gnr02 div.newgame .ng1{ background-position:-75px -256px}
.gnr02 div.newgame .ng2{ background-position:-180px -256px}
.gnr02 div.newgame .ng3{ background-position:-285px -256px}
.gnr02 div.newgame .ng4{ background-position:-390px -256px}
.gnr02 div.newgame a.w{ width:101px;height:38px;float:left;padding:0px;margin:0px}
.gnr02 div.newgame ul{ float:left;width:101px;height:176px;margin:52px 0 0 4px;_margin:52px 0 0 2px;float:left;background:#f7f7f7}
.gnr02 div.newgame ul.first{margin:52px 0 0 25px;_margin:52px 0 0 9px}
.gnr02 div.newgame ul li{ float:left}
.gnr02 div.newgame ul li a{ font-size:11px;float:left;margin:6px 0 0 9px;_margin:6px 0 0 5px;color:#8c8c8c;letter-spacing:-1px}
.gnr02 div.newgame ul li a.i{ text-decoration:underline;color:#2c2c2c}
.gnr02 div.newgame ul li a.fsi{ margin:11px 0 0 9px;_margin:11px 0 0 5px}

.gnr02 .game{width:464px;height:251px;border:1px solid #d8d9de}
.gnr02 .game .linebg{width:417px;height:26px;background-position:0px 0px;top:24px;left:24px;position:absolute;z-index:20}
.gnr02 .game .tit{top:1px;left:1px;width:96px;height:15px;position:absolute;z-index:21}
.gnr02 .game div.game_tit{top:0px;left:134px;position:absolute;zoom:1;z-index:22;height:26px}
.gnr02 .game div.game_tit div{width:79px;height:100%;cursor:pointer;margin:0 0 0 1px;background-color:#fff}
.gnr02 .game div.game_tit .game_tab01{background-position:-134px 0px;margin:0px}
.gnr02 .game div.game_tit .game_tab02{background-position:-214px 0px}
.gnr02 .game div.game_tit .game_tab03{background-position:-294px 0px}
.gnr02 .game div.game_tit .game_tab01_on{background-position:0px -27px}
.gnr02 .game div.game_tit .game_tab02_on{background-position:-80px -27px}
.gnr02 .game div.game_tit .game_tab03_on{background-position:-160px -27px}
.gnr02 .game .linebg .more{   top:0px;float:right}
.gnr02 .game div.game_tab{ width:417px;height:165px;position:absolute;top:62px;left:24px;zoom:1;background:#f1f1f1}
.gnr02 .game div.game_tab ul{float:left;width:116px;height:155px;background:#fff;top:5px;left:5px;position:relative}
.gnr02 .game div.game_tab ul li{ width:100%;height:25px;background:#f6f6f6;float:left;position:relative;margin:0 0 1px 0}
.gnr02 .game div.game_tab ul li div{color:#111111;text-indent:13px;float:left;line-height:24px;*line-height:23px;position:absolute;cursor:pointer;width:100%;height:100%}
.gnr02 .game div.game_tab ul li.on{line-height:24px;*line-height:23px;background:url('/resources/image/design/main/20140411/g_arrow.gif') no-repeat #fff right center}
.gnr02 .game div.game_tab ul li.on div{color:#111111}
.gnr02 .game div.game_tab ul li.off{ }
.gnr02 .game div.game_tab div.in{overflow-y:auto;width:100%;height:100%;position:relative;zoom:1}
.gnr02 .game div.game_tab div.mp{width:291px;height:155px;background-color:#fff;position:absolute;top:5px;left:121px}
.gnr02 .game div.game_tab div.mp table{width:280px;margin:0 0 0 15px;top:5px}
.gnr02 .game div.game_tab div.mp table tr{line-height:20px;height:23px}
.gnr02 .game div.game_tab div.mp table tr td.num{text-align:right}
.gnr02 .game div.game_tab div.mp table tr td.icon{text-align:right}
.gnr02 .game div.game_tab div.mp table tr td.icon span{float:right;top:-1px;position:relative;zoom:1}
.gnr02 .game div.game_tab div.mp table tr td.icon .item_up{width:7px;height:6px;background-position:-569px -30px}
.gnr02 .game div.game_tab div.mp table tr td.icon .item_none{width:7px;height:6px;background-position:-576px -30px}
.gnr02 .game div.game_tab div.mp table tr td.icon .item_down{width:7px;height:6px;background-position:-583px -30px}
.gnr02 .game div.game_tab div.mp table tr td a{color:#111111}
.gnr02 .game div.game_tab div.mp table tr td span.up{color:#ff3413}
.gnr02 .game div.game_tab div.mp table tr td span.down{color:#087fef}
.gnr02 .game div.game_tab div.mp table tr td span.none{color:#6e6e6e}
.gnr02 .game div.game_num{width:416px;height:138px;position:absolute;top:62px;left:24px;zoom:1;border:1px solid #c5bfbf;color:#333333}
.gnr02 .game div.game_num .game_num01{width:100%;height:13px;top:2px;text-align:center;position:relative;float:left}
.gnr02 .game div.game_num .game_num02{width:100%;height:13px;top:2px;text-align:center;position:relative;float:left}
.gnr02 .game div.game_num ul{float:left;width:100%;padding:0px;margin:0px}
.gnr02 .game div.game_num ul.game_num_ul0{background:#f0f0f0;height:22px;border-bottom:1px solid #c7bebf;line-height:20px}
.gnr02 .game div.game_num ul li{float:left;position:relative;zoom:1;padding:0px;margin:0px}
.gnr02 .game div.game_num ul li.game_num_ul1_1{width:50%;height:100%;float:left;line-height:20px;_line-height:25px;line-height:25px\9}
.gnr02 .game div.game_num ul li.game_num_ul1_2{width:50%;height:100%;float:left;line-height:20px;_line-height:25px;line-height:25px\9;position:absolute;left:50%}
.gnr02 .game div.game_num ul li.gtit01{width:41px;text-align:center;background-color:#f0f0f0;height:16px;float:left}
.gnr02 .game div.game_num ul li.gtit02{width:167px;text-align:center;background-color:#f0f0f0;height:16px}
.gnr02 .game div.game_num ul.game_num_ul1 .glist01{width:40px;height:22px;border-left:1px solid #e3dfe0;border-bottom:1px solid #e8e8e8;text-align:center;background-color:#f6f6f6;float:left}
.gnr02 .game div.game_num ul.game_num_ul1 #liTop1_5 .glist01{border-left:none;width:41px}
.gnr02 .game div.game_num ul.game_num_ul1 .glist02{width:166px;_width:187px;height:22px;border-left:1px solid #e3dfe0;border-bottom:1px solid #e8e8e8;text-align:center;background-color:#fff;float:left}
.gnr02 .game div.game_num ul.game_num_ul1 .gs4{border-bottom:none;height:23px}
.gnr02 .game div.game_num ul.game_num_ul1 .gs9{border-bottom:none;height:23px}
.gnr02 .game div.game_num ul li.glist02 a{color:#333333}
.gnr02 .ongatebox{width:319px;height:251px;border:1px solid #d8d9de;background:#f8f8f8;border-left:none;_width:316px}
.gnr02 .ongatebox .gti_title{background-position:0 -73px;width:96px;height:13px;position:absolute;top:24px;left:23px;z-index:26}
.gnr02 .ongatebox .more{ position:absolute;z-index:18;top:24px;left:257px}
.gnr02 .ongatebox .linkbox{width:285px;height:190px;left:24px;top:48px;position:relative}
.gnr02 .ongatebox .linkbox a{float:left;margin:0 5px 6px 0;width:133px;height:56px}
.gnr02 .smartphone{width:213px;height:251px;border:1px solid #d8d9de;border-left:none;overflow:hidden;background:url('/resources/image/design/main/20140411/smart_banner.jpg')}
.gnr02 .smartphone .wbg{background-position:300px 300px;width:194px;height:37px;margin-left:10px}
.gnr02 .smartphone .sp1{margin-top:10px;height:110px}
.gnr02 .smartphone .sp2{margin-top:10px}
.gnr02 .smartphone .sp3{margin-top:1px}
.gnr02 .smartphone .sp4{margin-top:1px}
.gnr03{width:100%;height:371px;overflow:hidden}
.gnr03 .gnr03_right{width:784px;height:370px;_width:782px;border:1px solid #d8d9de;overflow:hidden;border-top:none}
.gnr03 .gnr03_right .gr03_r_top{width:100%;height:56px;overflow:hidden}
.gnr03 .gnr03_right .gr03_r_top a{height:100%;float:left}
.gnr03 .gnr03_right .gr03_r_top .gr03rt1{width:258px;background-position:-1px -196px}
.gnr03 .gnr03_right .gr03_r_top .gr03rt2{width:221px;background-position:-258px -196px}
.gnr03 .gnr03_right .gr03_r_top .gr03rt3{width:305px;background-position:-477px -196px;_width:302px}
.gnr03 .gnr03_right .event_ing{width:465px;height:317px;background:#dfe0e4;_width:453px}
.gnr03 .gnr03_right .event_ing .eve_tit{top:29px;left:22px;width:69px;height:13px;background-position:-101px -71px}
.gnr03 .gnr03_right .event_ing .more{position:absolute;z-index:25;left:405px;top:27px}
.gnr03 .gnr03_right .event_ing .eve_box{width:442px;height:244px;top:52px;left:22px;position:absolute;z-index:28;overflow:hidden}
.gnr03 .gnr03_right .event_ing .eve_box a{width:207px;height:54px;overflow:hidden}
.gnr03 .gnr03_right .event_ing .eve_box a img{width:207px;height:54px}
.gnr03 .gnr03_right .event_ing .eve_box li{width:205px;height:52px;margin:0 10px 9px 0;float:left}
.gnr03 .gnr03_right .member_box{width:319px;height:64px;background-position:-275px -129px}
.gnr03 .gnr03_right .member_box a{width:50%;height:50%}
.gnr03 .gnr03_right .notice_news{width:271px;height:95px;margin:26px 0 0 24px;_margin:16px 0 0 15px}
.gnr03 .gnr03_right .notice_news div.notice_news_tit{width:100%;height:24px;position:relative;border-bottom:1px solid #dddddd}
.gnr03 .gnr03_right .notice_news div.notice_news_tit ul{position:relative;zoom:1;width:270px;height:24px;float:left}
.gnr03 .gnr03_right .notice_news div.notice_news_tit li.tab1{position:absolute;top:1px;left:0px}
.gnr03 .gnr03_right .notice_news div.notice_news_tit li.tab2{position:absolute;top:1px;left:71px}
.gnr03 .gnr03_right .notice_news div.notice_news_tit li a{width:51px;height:18px;color:#666666}
.gnr03 .gnr03_right .notice_news div.notice_news_tit li .notice a{width:71px;height:24px}
.gnr03 .gnr03_right .notice_news div.notice_news_tit li .bnews a{width:71px;height:24px}
.gnr03 .gnr03_right .notice_news div.notice_news_tit li .notice_news_tab01_on{background-position:-349px -36px}
.gnr03 .gnr03_right .notice_news div.notice_news_tit li .notice_news_tab01_off{background-position:-349px -54px}
.gnr03 .gnr03_right .notice_news div.notice_news_tit li .notice_news_tab02_on{background-position:-420px -36px}
.gnr03 .gnr03_right .notice_news div.notice_news_tit li .notice_news_tab02_off{background-position:-420px -54px}
.gnr03 .gnr03_right .notice_news div.notice{margin-top:9px;width:213px;height:72px;top:24px;position:absolute;left:0px}
.gnr03 .gnr03_right .notice_news div.notice ul li{background:none;width:100%}
.gnr03 .gnr03_right .notice_news div.notice ul li a{font-size:12px;line-height:21px}
.gnr03 .gnr03_right .notice_news div.notice ul li a.word{float:left;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.gnr03 .gnr03_right .notice_news div.notice ul li span.date{float:right;padding-right:14px}
.gnr03 .gnr03_right .notice_news div.news{margin-top:9px;width:213px;height:72px;top:24px;position:absolute;left:-71px}
.gnr03 .gnr03_right .notice_news div.news ul li{background:none;width:100%}
.gnr03 .gnr03_right .notice_news div.news ul li a{font-size:12px;line-height:21px}
.gnr03 .gnr03_right .notice_news div.news ul li a.word{float:left;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.gnr03 .gnr03_right .notice_news div.news ul li span.date{float:right;padding-right:14px}
.gnr03 .gnr03_right .notice_news .more{position:absolute;z-index:31;top:0px;left:233px}
.gnr03 .gnr03_right .notice_news .line{position:absolute;z-index:30;top:3px;left:58px;width:1px;height:11px;background:#b2b2b2}
.gnr03 .gnr03_right .helpbox{width:271px;height:103px;background-position:0 -90px;margin:0 0 0 24px}
.gnr03 .gnr03_right .helpbox a{width:133px;height:27px}
.gnr03 .gnr03_right .helpbox a.h1{margin:44px 5px 0 0}
.gnr03 .gnr03_right .helpbox a.h2{float:right;margin:44px 0 0 0}
.gnr03 .gnr03_right .helpbox a.h3{margin:5px 5px 0 0}
.gnr03 .gnr03_right .helpbox a.h4{float:right;margin:5px 0 0 0}
.gnr03 .gnr03_left{width:213px;height:370px;border:1px solid #d8d9de;overflow:hidden;border-top:none;border-left:none}
.gnr03 .gnr03_left .gr03_01{width:100%;height:244px;border-bottom:1px solid #d8d9de;overflow:hidden}
.gnr03 .gnr03_left .gr03_02{width:213px;height:128px;overflow:hidden}
.gnr03 .gnr03_left div.flashbanner{width:100%;height:100%;top:0px;right:0}
.gnr03 .gnr03_left div.flashbanner .flash_on_area{width:100%;height:30px;position:absolute;z-index:50;bottom:0px;right:0px;cursor:pointer;background:#000;_background:none;opacity:0;-moz-opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);display:none}
.gnr03 .gnr03_left div.flashbanner #flashbannerbox{width:213px;height:244px;z-index:1;cursor:default;overflow:hidden;display:none}


/* 20141008 ���ν���Ʈ�� ��� ���� ��ü (�۾���:�̹�ȭ) */
.gnr02 .e_bn{width:213px;height:251px;border:1px solid #d8d9de; border-left:none;overflow:hidden;background:url('/resources/image/design/main/20140411/smart_banner.jpg')}
.gnr02 .e_bn .e_bn01 {width:213px; height:131px}
.gnr02 .e_bn .e_bn02 {margin-left:10px; width:193px; height:37px}
.gnr02 .e_bn .e_bn03 {margin-left:10px; width:193px; height:37px}
.gnr02 .e_bn .e_bn04 {margin-left:10px; width:193px; height:36px}