@charset "euc-kr";

#C2Sheader	{width:980px; margin:0 auto; background:url('/kr/images/common/bg_header_new.jpg') no-repeat left top;}
#C2Sheader .header	{width:100%; height:116px;}
#C2Sheader .header h1	{height:42px; float:left; padding:39px 0 0 52px; background:url('/kr/images/main/bg_com2us.gif') no-repeat 52px bottom;}
#C2Sheader .header h1 img	{vertical-align:top; font-size:1px; line-height:1px;}

#C2Sheader .header .unb	{width:339px; height:18px; float:right; margin:17px 19px 14px 0; background:url('/kr/images/main/unb_off.gif') no-repeat left top;}
#C2Sheader .header .unb li	{float:left; height:18px;}
#C2Sheader .header .unb li.unb1	{width:34px; padding-right:17px;}
#C2Sheader .header .unb li.unb2	{width:17px; padding-right:18px;}
#C2Sheader .header .unb li.unb3	{width:34px; padding-right:18px;}
#C2Sheader .header .unb li.unb4	{width:42px; padding-right:17px;}
#C2Sheader .header .unb li.unb5	{width:37px; padding-right:12px;}
#C2Sheader .header .unb li.unb6	{width:44px; padding-right:12px;}
#C2Sheader .header .unb li.unb7	{width:37px;}
#C2Sheader .header .unb li a	{width:100%; height:100%; display:block; overflow:hidden; text-indent:-9999em;}
#C2Sheader .header .unb li a:hover	{background:url('/kr/images/main/unb_on.gif') no-repeat left top;}
#C2Sheader .header .unb li.unb1 a:hover	{background-position:left top;}
#C2Sheader .header .unb li.unb2 a:hover	{background-position:-51px top;}
#C2Sheader .header .unb li.unb3 a:hover	{background-position:-86px top;}
#C2Sheader .header .unb li.unb4 a:hover	{background-position:-138px top;}
#C2Sheader .header .unb li.unb5 a:hover	{background-position:-197px top;}
#C2Sheader .header .unb li.unb6 a:hover	{background-position:-246px top;}
#C2Sheader .header .unb li.unb7 a:hover	{background-position:-302px top;}

#C2Sheader .header .gnb	{width:639px; height:18px; clear:right; float:right; margin:0 5px 24px 0; background:url('/kr/images/main/gnb_off.gif') no-repeat left top;}
#C2Sheader .header .gnb li	{float:left; height:18px;}
#C2Sheader .header .gnb li.gnb1	{width:104px; padding-right:3px;}
#C2Sheader .header .gnb li.gnb2	{width:100px; padding-right:3px;}
#C2Sheader .header .gnb li.gnb3	{width:100px; padding-right:3px;}
#C2Sheader .header .gnb li.gnb4	{width:117px; padding-right:3px;}
#C2Sheader .header .gnb li.gnb5	{width:206px;}
#C2Sheader .header .gnb li a	{width:100%; height:100%; display:block; overflow:hidden; text-indent:-9999em;}
#C2Sheader .header .gnb li a:hover	{background:url('/kr/images/main/gnb_on.gif') no-repeat left top;}
#C2Sheader .header .gnb li a.current	{background:url('/kr/images/main/gnb_on.gif') no-repeat left top;}
#C2Sheader .header .gnb li.gnb1 a:hover,
#C2Sheader .header .gnb li.gnb1 a.current	{background-position:left top;}
#C2Sheader .header .gnb li.gnb2 a:hover,
#C2Sheader .header .gnb li.gnb2 a.current	{background-position:-107px top;}
#C2Sheader .header .gnb li.gnb3 a:hover,
#C2Sheader .header .gnb li.gnb3 a.current	{background-position:-210px top;}
#C2Sheader .header .gnb li.gnb4 a:hover,
#C2Sheader .header .gnb li.gnb4 a.current	{background-position:-313px top;}
#C2Sheader .header .gnb li.gnb5 a:hover,
#C2Sheader .header .gnb li.gnb5 a.current	{background-position:-433px top;}

#C2Sheader .header .users	{width:100%; overflow:hidden; clear:both;}
#C2Sheader .header .users fieldset	{margin:0; padding:0; border:0;}
#C2Sheader .header .users fieldset legend	{display:none;}
#C2Sheader .header .users fieldset input	 {margin:0; padding:0; color:#c0c1c1; border:0;}
#C2Sheader .header .users fieldset *	{vertical-align:middle;}

#C2Sheader .header .users .search	{float:left; padding:1px 0 0 54px;}
#C2Sheader .header .users .search label	 {padding-right:2px;}
#C2Sheader .header .users .search .intext	{width:149px; height:13px; padding:3px 0 0 3px; font-size:11px; border:1px solid #5e5e5e; background:transparent;}

#C2Sheader .header .users .login	{float:right; padding:3px 33px 0 0;}
#C2Sheader .header .users .login label	{display:none;}
#C2Sheader .header .users .login .intext	{width:70px; height:13px; padding:3px 0 0 3px; margin-right:1px; letter-spacing:-0.05em; color:#b2b2b2; border:1px solid #b2b2b2; background:#555;}
#C2Sheader .header .users .login .inbtn	{padding-left:2px;}
#C2Sheader .header .users .login .btn	{padding-left:7px;}

#C2Sheader .header .users .logout	{float:right; padding:3px 33px 0 0; font:11px Dotum, "돋움";}
#C2Sheader .header .users .logout p	{float:left; padding:4px 10px 0 0; color:#9b9b9b;}
#C2Sheader .header .users .logout p strong	{font-weight:normal; color:#fff;}
#C2Sheader .header .users .logout .message	{float:left; color:#fff; margin-right:4px; padding:0 1px 0 0; background:url('/kr/images/main/bg_message_right.gif') no-repeat right top;}
#C2Sheader .header .users .logout .message span	{display:block; float:left; padding:4px 8px 1px 9px; background:url('/kr/images/main/bg_message_left.gif') no-repeat left top;}
#C2Sheader .header .users .logout .message a	{color:#fff;}
#C2Sheader .header .users .logout .grade	{float:left; color:#fff; margin-right:6px; padding:0 1px 0 0; background:url('/kr/images/main/bg_grade_right.gif') no-repeat right top;}
#C2Sheader .header .users .logout .grade span	{display:block; float:left; padding:4px 8px 1px 9px; background:url('/kr/images/main/bg_grade_left.gif') no-repeat left top;}
#C2Sheader .header .users .logout .btn	 {padding-left:7px;}

/* sub layout */
#sub_wrap .left	{width:210px; padding:14px 0 0 15px;}
#sub_wrap .left #lnb	{}
#sub_wrap .left #lnb img	{vertical-align:top;}
#sub_wrap .left #lnb h2	{padding:17px 0 0 0;}
#sub_wrap .left #lnb .lnb	{width:140px; margin-left:3px; padding:0 12px 10px 12px; background:#f5f5f5 url('/kr/images/new/bg_lnb.gif') no-repeat left bottom;}
#sub_wrap .left #lnb .lnb li	{padding:10px 0 8px 0; border-top:1px solid #dfdfdf;}
#sub_wrap .left #lnb .lnb li.first	{border-top:0;}
#sub_wrap .left #lnb .lnb li.on	 	{padding-bottom:0;}
#sub_wrap .left #lnb .lnb li .lnb_sub	{position:relative; margin-top:8px; padding:6px 0 0 0; border-top:1px solid #dfdfdf; background:#fff;}
#sub_wrap .left #lnb .lnb li .lnb_sub ul	{height:135px; overflow:hidden;}
#sub_wrap .left #lnb .lnb li .lnb_sub ul li	{font-size:11px; padding:0 0 0 17px; color:#888; line-height:20px; border:0; background:url('/kr/images/new/bl_arrow1.gif') no-repeat 9px 5px;}
#sub_wrap .left #lnb .lnb li .lnb_sub ul li a:hover	{color:#fa2b36;}
#sub_wrap .left #lnb .lnb li .lnb_sub ul li.on a	{color:#fa2b36 !important;}
#sub_wrap .left #lnb .lnb li .lnb_sub .scroll	{width:9px; height:135px; position:absolute; top:6px; right:7px; background:url('/kr/images/new/bg_scroll.gif') repeat-y center top;}
#sub_wrap .left #lnb .lnb li .lnb_sub .lnbbtns	{text-align:center; padding-top:10px;}
#sub_wrap .left #lnb .lnb li .lnb_sub .lnbbtns img	{margin:0 2px;}
#sub_wrap .left .helpdesk	{width:170px; height:113px; position:relative; margin-top:24px; background:url('/kr/images/new/helpdesk.gif') no-repeat left top;}
#sub_wrap .left .helpdesk p	{text-indent:-9999em;}
#sub_wrap .left .helpdesk a	{width:154px; height:20px; position:absolute; top:87px; left:8px; display:block; overflow:hidden; text-indent:-9999em;}

#sub_wrap .content .game_theme	{width:701px; height:204px; padding:12px 12px 0 12px; background:url('/kr/images/new/bg_game_theme.gif') no-repeat left top;}
#sub_wrap .content .game_theme .tab	{width:100%; overflow:hidden; margin-bottom:5px;}
#sub_wrap .content .game_theme .tab li	{padding:0 0 0 11px; float:left; background:url('/kr/images/new/bg_tab_theme.gif') no-repeat 5px 3px;}
#sub_wrap .content .game_theme .tab li.first	 {padding:0; background:none;}
#sub_wrap .content .game_theme .gamelist	{width:100%; overflow:hidden;}
#sub_wrap .content .game_theme .gamelist .pic	{width:277px; float:left; padding:2px 2px 0 2px; background:url('/kr/images/new/bg_theme_pic.gif') no-repeat left top;}
#sub_wrap .content .game_theme .gamelist .pic img	{vertical-align:top;}
#sub_wrap .content .game_theme .gamelist .pic a.title	 {display:block; padding:8px 0 0 11px; color:#8d8c8c; font-size:11px; background:url('/kr/images/new/bl_arrow2.gif') no-repeat 3px 11px;}
#sub_wrap .content .game_theme .gamelist .pic a.title strong	{font-size:12px; color:#6a6a6a; margin-right:7px;}
#sub_wrap .content .game_theme .gamelist .list	{width:406px; float:right; padding:5px 0 0 5px; background:url('/kr/images/new/bg_game_list.gif') no-repeat left top;}
#sub_wrap .content .game_theme .gamelist .list ul	{width:190px; height:146px; float:left; padding:0 0 0 10px;}
#sub_wrap .content .game_theme .gamelist .list ul li	{position:relative; font-size:11px; line-height:18px;}
#sub_wrap .content .game_theme .gamelist .list ul li a	{color:#7a7a7a;}
#sub_wrap .content .game_theme .gamelist .list ul li a:hover	{color:#fa2b36;}
#sub_wrap .content .game_theme .gamelist .list ul li .hot	{position:absolute; left:126px;}
#sub_wrap .content .game_theme .gamelist .list ul li .new	{position:absolute; left:153px;}
#sub_wrap .content .game_theme .gamelist .list .btns	{width:401px; clear:both; text-align:center; padding:5px 5px 0 0;}
#sub_wrap .content .game_theme .gamelist .list .btns img	{vertical-align:top; font-size:0; line-height:0;}

/* scrollbar */
.jScrollPaneContainer {position:relative; overflow:hidden; z-index:1;}
.jScrollPaneTrack {position:absolute; cursor:pointer; right:5px; top:0; height:100%; background:url('/kr/images/new/bg_scroll.gif') repeat-y 50% top;}
.jScrollPaneDrag {height:9px !important; position:absolute; cursor:pointer; overflow:hidden; background:url('/kr/images/new/lnb_scroll.gif') no-repeat 50% top;}
.jScrollPaneDragTop {position:absolute;	top:0; left:0; overflow:hidden;}
.jScrollPaneDragBottom {position:absolute; bottom:0; left:0; overflow:hidden;}
a.jScrollArrowUp {display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden; height:9px;}
a.jScrollArrowDown {display:block;	position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; height:9px;}