@charset 'utf-8';

@import url("common.css");
@import url("board.css");
@import url("community.css");
@import url("topmenu.css");

#GNB { position:relative; z-index:100; }

/* Sub Layout */
/*#Container { width:100%; background:url(http://imgdg.joycity.com/fs2/obt/images/common/top_bg.jpg) repeat-x center top;}*/
#Container { width:100%; /*background:url(http://imgdg.joycity.com/fs2/obt/images/common/top_bg.jpg) repeat-x center top;*/ background:url( http://imgdg.joycity.com/fs2/obt/images/common/topmenu_bg.jpg ) no-repeat center top;}
#Wrap {position:relative; width:980px; margin:0 auto;}
/*#TopHeadArea {position:relative;width:100%; height:173px; text-align:center; margin-bottom:10px;}*/
#TopHeadArea {position:relative;width:100%; height:183px; text-align:center;}
.Sub_Topmenu{width:100%; margin:0 auto; z-index:90px; text-align:center;}
/*.league{width:980px; margin:0 auto; z-index:90px;}*/
.league{position:absolute; width:980px; height:90px; margin:0 auto; top:93px;#left:0px;#z-index:-1; background:url(http://imgdg.joycity.com/fs2/obt/images/common/league_bg.jpg) no-repeat;}
.league_flash{float:left;width:725px; height:90px; background:url(http://imgdg.joycity.com/fs2/obt/images/main/bgleague_sample.jpg) no-repeat;}
.league_bannrr{float:left;}
#ContentArea {/*position:relative;*/ width:980px; float:left; color:#686868; z-index:1; margin-top:10px;}
#contentsColsLeft {float:left; width:215px; margin:0 20px 0 0;}
.gamestart{width:195px; margin-bottom:15px; z-index:-2;}
.gamestart p.start{width:215px; height:118px;}
.gamestart p.bt_league{width:215px; height:35px; background-color:#000;}
#contentsColsRight {float:right; display:inline; width:735px; _clear:both; margin-right:10px;}
#SideBanner {position:absolute; left:990px; top:103px; clear:both; float:left; _clear:both}
#SideBanner p.banner_s{margin-bottom:15px;}


.submenu{width:215px; margin-bottom:20px;}
.submenu li{border-bottom:1px solid #e7e9ed; cursor:pointer}
.left_banner{width:215px;}
.left_banner p{margin-bottom:7px;}
.left_banner ul li{width:215px; height:80px; margin-bottom:7px;}

/* Footer */
/*
.footer {width:980px; height:143px; border-top:2px solid #eceef1; background-color:#fff; font-size:11px; color:#888e95; display:inline; float:left; margin-top:50px;}
.footer_box{width:980px; margin:0 auto; position:relative;}
.ci {width:95px; position:absolute; top:20px; left:10px;}
.footer .footer_menu {padding:20px 0 0 0; width:885px; height:27px; position:absolute; top:0; left:95px;}
.footer .footer_menu a{color:#686868; font-weight:bold;}
.footer .footer_menu li {float:left; padding-left:14px; margin-right:14px; background:url(http://imgdg.joycity.com/fs2/obt/images/common/sp2.gif) no-repeat; letter-spacing:-1px;}
.footer .footer_menu li.first {background:none; padding:0;}
.side_family{position:absolute; top:17px; left:702px;}
.info {width:595px;  position:absolute; top:45px; left:95px; color:#a3a3a3;letter-spacing:-1px;}
.info li {float:left; padding:0 8px 6px 0; margin-right:8px; background:url(http://imgdg.joycity.com/fs2/obt/images/common/sp2.gif) no-repeat right 0;}
.info li.last {background:none;}
.info li.last2 {background:none; padding-top:5px; padding-bottom:30px; font-size:10px; font-family:verdana;}
.info li.address{width:595px;}
.game_info{position:absolute; top:45px; right:0;}
*/

/* page title */
.pageTitle{margin:16px 0 9px 0;}
.pageTitle h2{height:31px;}
.crumbleMenu{width:300px; float:right;margin-top:-20px;  text-align:right;letter-spacing:-1px;color:#a3a3a3}
.crumbleMenu a{color:#a3a3a3;}
.crumbleMenu a.frist{color:#a3a3a3;background:url(http://imgdg.joycity.com/fs2/obt/images/common/arrow_right.gif) no-repeat left 4px; padding-left:8px; }
.crumbleMenu a.lastElement{color:#335eb8; font-weight:bold;}

/*TabMenu*/
.tabbox{widht:100%; height:33px; background:url(http://imgdg.joycity.com/fs2/obt/images/common/tab_bg.gif) repeat-x; margin-bottom:7px; clear:both}
.tabmenu li{float:left; width:100px; background:url(http://imgdg.joycity.com/fs2/obt/images/common/tab_sp.gif) no-repeat right 50%; line-height:33px; text-align:center; color:#686868}
.tabmenu li.end{background:none;}
.tabmenu li.on{width:100px; background:url(http://imgdg.joycity.com/fs2/obt/images/common/tab_on.gif) no-repeat; color:#335eb8; font-weight:bold; margin-left:-1px; _margin-left:0;}
.tabmenu li a{color:#686868; text-decoration:none;}
.tabmenu li.on a{color:#335eb8; font-weight:bold;}
.tabbox span{float:right; margin:6px 10px 0 0;}
.tabbox_s{height:64px;}
.tabmenu_s{widht:100%; height:30px; background:url(http://imgdg.joycity.com/fs2/obt/images/event/tab2_bg.gif) repeat-x; clear:both; border:solid #d1d1d1;border-width:0 1px 1px 1px; margin-left:-1px; _margin-left:0;}
.tabmenu_s li{float:left; width:100px;height:30px; background:url(http://imgdg.joycity.com/fs2/obt/images/common/tab_sp.gif) no-repeat right 50%; line-height:30px; text-align:center; color:#a3a3a3;}
.tabmenu_s li a{color:#a3a3a3; text-decoration:none;}
.tabmenu_s li.on a{color:#335eb8; font-weight:bold;}
.tabmenu_s li.end{background:none;}

/* ¾Ö´Ï¿þ¾î °ÔÀÓ¼Ò°³ */
.introduction{width:735px; height:902px; margin-top:8px; float:left; background:url(http://imgdg.joycity.com/fs2/anywhere/images/sub/info_bg.jpg) no-repeat; text-align:center; padding-top:55px;}
.introduction p.mg_text1{margin:18px 0 34px 0; height:48px;}
.introduction p.mg_text2{margin:48px 0 71px 0; height:417px;}

/*¾Ö´Ï¿þ¾î °¡À̵å*/
.guide{width:735px; margin-top:8px; float:left; border-top:2px solid #e5e5e5; padding-top:18px;}
.guide p.tit{margin-bottom:10px; height:16px;}
.guide p.explanation{margin-bottom:40px;}

/*°£Æí¾ÆÀ̵ð Àüȯ¾È³»*/
.id_change{width:735px; border-top:2px solid #e5e5e5; padding-top:18px; margin-top:8px; float:left;}
.conversion1{width:538px; height:110px; background:url(http://imgdg.joycity.com/fs2/anywhere/images/sub/idChange_img1.gif) no-repeat; padding-left:197px; 
color:#a3a3a3;line-height:16px; letter-spacing:-1px; margin-bottom:15px;}
.conversion1 span{color:#e3940b}
.conversion2{width:735px; height:140px; background:url(http://imgdg.joycity.com/fs2/anywhere/images/sub/idChange_img2.gif) no-repeat; margin-bottom:18px;}
.conversion2 span{ visibility:hidden;}
.btn_id{width:735px; text-align:center; margin-bottom:40px;}
h3.conversion3{margin:0 0 15px 0; font-size:14px; font-weight:bold; color:#335eb8; letter-spacing:-1px;}
.idtable_box {background:url(http://imgdg.joycity.com/fs2/anywhere/images/board/th_bg.gif) no-repeat; margin-bottom:20px;}
.idtable th {height:34px; background:url(http://imgdg.joycity.com/fs2/anywhere/images/board/th_sp.gif) no-repeat right 50%; color:#686868; font-weight:bold; text-align:center; }
.idtable th.end{background:none;}
.idtable td{text-align:center;padding:7px 0; border-bottom:1px solid #e5e5e5; line-height:16px; letter-spacing:-1px; color:#686868;}
.idtable td.text1{color:#a3a3a3; text-align:left; padding-left:30px;}
.idtable td span, .principle span{color:#e3940b}
.principle{width:735px; height:80px; background-color:#f4f4f4; color:#a3a3a3; line-height:16px; padding-top:25px;}
.principle span.tit{color:#686868; font-weight:bold;float:left; width:190px; text-align:center; padding-top:20px;}
.principle p{float:left; letter-spacing:-1px;}
.principle2{height:70px;}

/*¾Ö´Ï¿þ¾î ·©Å·*/
.ranking{width:735px; float:left; margin-top:8px;}
.myranking{width:655px; height:20px; padding:29px 0 20px 80px; color:#a3a3a3; position:relative; background-color:#f3f3f3; margin-bottom:10px;}
.myranking span{font-weight:bold; color:#686868; background:url(http://imgdg.joycity.com/fs2/anywhere/images/sub/bl1.gif) no-repeat right 2px; padding-right:5px; margin-right:20px;}
.myranking img{position:absolute; top:14px; right:50px;}
.myranking span.name{color:#335eb8; background:none;padding-right:0; margin-right:0;}