@charset "euc-kr";

/* base */
html	{font-size:100.01%;}
body	 {margin:0; padding:0; font:normal 12px "¾ÖÇÃ°íµñ", AppleGothic, "µ¸¿ò", dotum, Arial, Verdana, sans-serif; color:#666; background-color:#fff;}
h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption	{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
ul, ol	 {list-style:none;}
img	{vertical-align:top; border:0;}
table	{width:100%; font-size:1em; border:0; border-collapse:collapse; border-spacing:0;}
table caption	{display:none;}
fieldset	{border:0;}
legend {width:0; height:0; position:absolute; top:0; left:0; overflow:hidden; visibility:hidden; padding:0; margin:0; font-size:0; line-height:0;}
select, input, textarea	{font:normal 12px "¾ÖÇÃ°íµñ", AppleGothic, "µ¸¿ò", dotum, Arial, Verdana, sans-serif;  color:#666; vertical-align:middle;}
hr	{display:none;}
a	{color:#666; text-decoration:none;}
a:hover	{color:#666; text-decoration:none;}

body	 {background:url('../../images/main/bg_body.jpg') repeat-x left top;}

#C2Smain	{width:1106px; margin:0 auto; background:url('../../images/main/bg_main.jpg') no-repeat left top;}

#C2Sheader	{width:980px; margin:0 auto; padding:0 35px; background:url('../../images/main/bg_header.jpg') no-repeat left top;}

/* footer */
#C2Sfooter	{width:980px; height:70px; margin:0 auto;}
#C2Sfooter .footlogo	{float:left; padding:1px 0 0 52px;}
#C2Sfooter .footmenu	{float:left; padding:5px 0 0 23px;}
#C2Sfooter .footmenu li	{float:left; height:11px; padding:0 0 0 15px; background:url('../../images/main/bg_footmenu.gif') no-repeat 7px 2px;}
#C2Sfooter .footmenu li.first	{padding:0; background:none;}
#C2Sfooter address	{width:735px; height:32px; float:left; position:relative; padding:4px 0 0 23px; text-indent:-9999em; background:url('../../images/main/copyright.gif') no-repeat 23px 4px;}
#C2Sfooter address a	{width:120px; height:18px; display:block; position:absolute; top:4px; right:0; overflow:hidden; }

/* contents */
#C2Scontent	{width:930px; height:624px; overflow:hidden; padding:33px 35px 0; margin:0 auto; background:url('../../images/main/bg_contents.gif') no-repeat left top;}

#C2Scontent .section1	{width:270px; float:left; padding:0 15px 0 0;}
#C2Scontent .section1 h2	{margin-bottom:11px; background:url('../../images/main/line_h_1.gif') repeat-x left bottom;}
#C2Scontent .section1 .notice	 {width:100%; position:relative; padding:3px 0 24px 0;}
#C2Scontent .section1 .notice ul	 {width:100%;}
#C2Scontent .section1 .notice ul li {padding:0 0 0 6px; font-size:11px; line-height:19px; background:url('../../images/main/bl_square_1.gif') no-repeat left 7px;}
#C2Scontent .section1 .notice ul li img	{margin-top:3px;margin-bottom:5px;}
#C2Scontent .section1 .movie	 {width:100%; position:relative; padding:3px 0 0 0;}
#C2Scontent .section1 .movie h2	{margin-bottom:13px;}
#C2Scontent .section1 .movie dl	{width:100%; height:90px; overflow:hidden;}
#C2Scontent .section1 .movie dl dt	{width:125px; height:87px; float:left; padding:3px 0 0 3px; background:url('../../images/main/bg_movie.gif') no-repeat left top;}
#C2Scontent .section1 .movie dl dd.title	{margin:0 0 7px 134px; padding:5px 0 5px 0; font-weight:bold; color:#595959; background:url('../../images/main/line_dot_1.gif') repeat-x left bottom;}
#C2Scontent .section1 .movie dl dd.title a	{color:#595959;}
#C2Scontent .section1 .movie dl dd.detail	{margin-left:134px; font-size:11px; color:#868686; line-height:15px;}
#C2Scontent .section1 .movie dl dd.detail a	{color:#868686;}
#C2Scontent .section1 .more	{display:block; padding:5px 0; position:absolute; top:3px; right:0;}

#C2Scontent .section2	{width:411px; float:left;}
#C2Scontent .section2 .event	{width:100%; position:relative;}
#C2Scontent .section2 .event h2	{margin-bottom:14px; background:url('../../images/main/line_h_2.gif') repeat-x left bottom;}
#C2Scontent .section2 .event .tab	{position:absolute; top:7px; right:0;}
#C2Scontent .section2 .event .tab li	{float:left; padding-left:2px;}
#C2Scontent .section2 .event dl	{width:100%; height:96px; overflow:hidden; margin-bottom:20px;}
#C2Scontent .section2 .event dl dt	{width:182px; float:left;}
#C2Scontent .section2 .event dl dt img	{border:1px solid #d3d3d3;}
#C2Scontent .section2 .event dl dd.title	{margin-left:182px; padding:5px 0 4px 10px; font-weight:bold; background:url('../../images/main/bl_arrow_1.gif') no-repeat left 7px;}
#C2Scontent .section2 .event dl dd.date	{margin-left:182px; padding:0 0 4px 10px; font-weight:bold; background:url('../../images/main/bl_arrow_1.gif') no-repeat left 2px;}
#C2Scontent .section2 .event dl dd.date span	{font-weight:normal; color:#cd2027;}
#C2Scontent .section2 .event dl dd.detail	{margin-left:182px; padding:10px 0 0 0; font-size:11px; line-height:16px; color:#8e8e8e; background:url('../../images/main/line_dot_1.gif') repeat-x left top;}
#C2Scontent .section2 .event dl dd.detail a	{color:#8e8e8e;}
#C2Scontent .section2 .banner	{width:100%; overflow:hidden;}
#C2Scontent .section2 .banner .banner1	{float:left;}
#C2Scontent .section2 .banner .banner2	{float:right;}

#C2Scontent .section3	{width:219px; float:right;}
#C2Scontent .section3 .review	 {width:100%; position:relative; padding:3px 0 24px 0;}
#C2Scontent .section3 .review h2	{margin-bottom:11px; background:url('../../images/main/line_h_1.gif') repeat-x left bottom;}
#C2Scontent .section3 .review ul	 {width:100%;}
#C2Scontent .section3 .review ul li {padding:0 0 0 6px; font-size:11px; line-height:19px; background:url('../../images/main/bl_square_1.gif') no-repeat left 7px;}
#C2Scontent .section3 .review ul li img	{margin-top:3px;}
#C2Scontent .section3 .review .more	{display:block; padding:5px 0; position:absolute; top:3px; right:0;}
#C2Scontent .section3 .ad	{width:212px; height:120px; padding:7px 0 0 7px; background:url('../../images/main/bg_ad.gif') no-repeat left top;}

#C2Scontent .section4	{width:704px; float:left; padding:20px 0 0 0;}
#C2Scontent .section4 .quicklink	{width:100%; overflow:hidden; margin-bottom:20px;}
#C2Scontent .section4 .quicklink li	{float:left; padding-right:7px;}
#C2Scontent .section4 .gamelist	 {width:691px; height:205px; clear:both; overflow:hidden; padding:0 0 0 5px; background:url('../../images/main/bg_gamelist.gif') no-repeat left top;}
#C2Scontent .section4 .gamelist h3	{padding:10px 0 8px;}
#C2Scontent .section4 .gamelist .mobile	{width:352px; float:left; margin-right:4px;}
#C2Scontent .section4 .gamelist .mobile h3	{float:left;}
#C2Scontent .section4 .gamelist .mobile .tab	{width:276px; float:right; padding:2px 0 4px;}
#C2Scontent .section4 .gamelist .mobile .tab li	{float:left; display:inline; padding:2px 0 0 2px;}
#C2Scontent .section4 .gamelist .list	 {height:159px; clear:both; position:relative; color:#7a7a7a;}
#C2Scontent .section4 .gamelist .hidden	{display:none;}
#C2Scontent .section4 .gamelist .list a	{color:#7a7a7a;}
#C2Scontent .section4 .gamelist .list a:hover	{color:#fa2b36;}
#C2Scontent .section4 .gamelist .list .move	{overflow:hidden;}
#C2Scontent .section4 .gamelist .list ul	{width:155px; padding:6px 10px 0; float:left;}
#C2Scontent .section4 .gamelist .list ul li	{position:relative; font-size:11px; line-height:18px;}
#C2Scontent .section4 .gamelist .list ul li .hot	{position:absolute; left:107px;}
#C2Scontent .section4 .gamelist .list ul li .new	{position:absolute; left:134px;}
#C2Scontent .section4 .gamelist .list .btns	{position:absolute; top:138px; left:162px;}
#C2Scontent .section4 .gamelist .online	{width:163px; float:left; margin-right:4px;}
#C2Scontent .section4 .gamelist .online .list ul	{width:143px; float:left;}
#C2Scontent .section4 .gamelist .online .list ul li .hot	{position:absolute; left:94px;}
#C2Scontent .section4 .gamelist .online .list ul li .new	{position:absolute; left:121px;}
#C2Scontent .section4 .gamelist .online .list .btns	{position:absolute; top:138px; left:68px;}
#C2Scontent .section4 .gamelist .iphone	{width:163px; float:left;}
#C2Scontent .section4 .gamelist .iphone .list ul	{width:143px; float:left;}
#C2Scontent .section4 .gamelist .iphone .list ul li .hot	{position:absolute; left:94px;}
#C2Scontent .section4 .gamelist .iphone .list ul li .new	{position:absolute; left:121px;}
#C2Scontent .section4 .gamelist .iphone .list .btns	{position:absolute; top:138px; left:68px;}

#C2Scontent .section5	{width:219px; float:right; padding-top:19px;}
#C2Scontent .media	{width:219px; height:188px; background:url('../../images/main/bg_media.gif') no-repeat left bottom;}
#C2Scontent .media .tab	 {width:100%; height:32px;}
#C2Scontent .media .tab li	 {float:left;}
#C2Scontent .media .tab li a	{display:block; height:22px; float:left; text-indent:-9999em;}
#C2Scontent .media .tab li.menu1 a	{width:47px; background:url('../../images/main/bg_media_tab.gif') no-repeat left top;}
#C2Scontent .media .tab li.menu1 a.on	{background:url('../../images/main/bg_media_tab_on.gif') no-repeat left top;}
#C2Scontent .media .tab li.menu2 a	{width:67px; background:url('../../images/main/bg_media_tab.gif') no-repeat -47px top;}
#C2Scontent .media .tab li.menu2 a.on	{background:url('../../images/main/bg_media_tab_on.gif') no-repeat -47px top;}
#C2Scontent .media .tab li.menu2 a.onafter	{width:66px; background-position:-48px top;}
#C2Scontent .media .tab li.menu3 a	{width:54px; background:url('../../images/main/bg_media_tab.gif') no-repeat -114px top;}
#C2Scontent .media .tab li.menu3 a.on	{background:url('../../images/main/bg_media_tab_on.gif') no-repeat -114px top;}
#C2Scontent .media .tab li.menu3 a.onafter	{width:53px; background-position:-115px top;}
#C2Scontent .media .tab li.menu4 a	{width:51px; background:url('../../images/main/bg_media_tab.gif') no-repeat -168px top;}
#C2Scontent .media .tab li.menu4 a.on	{background:url('../../images/main/bg_media_tab_on.gif') no-repeat -168px top;}
#C2Scontent .media .tab li.menu4 a.onafter	{width:50px; background-position:-169px top;}
#C2Scontent .media .article	{}
#C2Scontent .media .article .banner	{width:100%; position:relative;}
#C2Scontent .media .article .banner ul	{width:149px; height:85px; overflow:hidden; margin:0 auto;}
#C2Scontent .media .article .banner ul li	{float:left;}
#C2Scontent .media .article .banner a.before	{position:absolute; top:30px; left:12px;}
#C2Scontent .media .article .banner a.next	{position:absolute; top:30px; right:11px;}
#C2Scontent .media .article .list	{padding:10px 0 0 11px;}
#C2Scontent .media .article .list li	{padding:0 0 0 7px; _padding:3px 0 3px 7px; font-size:11px; line-height:19px; _line-height:11px; background:url('../../images/main/bl_square_1.gif') no-repeat left 8px; *background-position:left 7px; _background-position:left 6px;}
#C2Scontent .media .article .list li img	{margin-top:3px; *margin-top:0;}
#C2Scontent .media .article .list li a	 {color:#515050;}
#C2Scontent .section5 .information	 {width:100%; overflow:hidden; padding-top:6px;}
#C2Scontent .section5 .information li	 {float:left; padding-top:2px;}