@charset 'utf-8';


/* 메인공통 */
.mainBarTitle {position:relative; height:22px; padding:8px 0 0 9px; background:url(../images/main/bg_mainbartitle.gif) no-repeat;}
.mainBarTitle .btnMore {display:block; position:absolute; right:5px; top:6px; padding:2px;}


/* 새소식 */
.lstNews {}
.lstNews li {position:relative; overflow:hidden; margin-bottom:4px; zoom:1;}
.lstNews li .col1 {display:block; padding:0 60px 0 7px; font-size:11px;}
.lstNews li .col2 {display:block; position:absolute; right:5px; top:0; font:10px verdana; color:#7f6f4d;}


/* 아이템업데이트 */
.itemBarTitle {position:relative; height:21px; padding-top:9px; text-align:center; font-size:11px; color:#fff2b6; background:url(../images/main/bg_mainbartitle.gif) no-repeat;}
.itemBarTitle .btnMore {position:absolute; right:7px; top:6px;}


/* 통합검색 */
.frmMainSearch {position:relative; height:57px; padding-top:8px; text-align:center; background:url(../images/main/bg_mainsearch.gif) repeat-x;}
.frmMainSearch input {vertical-align:top;}
.frmMainSearch .iptKeyword {width:275px; height:17px; padding:3px 0 0 3px; font:bold 12px dotum;}
* html .frmMainSearch .iptKeyword {margin-top:-1px;}
*+html .frmMainSearch .iptKeyword {margin-top:-1px;}
.frmMainSearch .favorite {position:absolute; left:7px; top:39px; height:17px; padding:0 7px 0 51px; background:url(../images/main/tit_favorite.gif) no-repeat;}
.frmMainSearch .favorite .lstFavorite {overflow:hidden;}
.frmMainSearch .favorite .lstFavorite li {float:left;}
.frmMainSearch .favorite .lstFavorite li a {display:block; padding:3px 10px 0px 9px; background:url(../images/main/bg_favoritebar.gif) no-repeat right 4px; font-size:11px; letter-spacing:-1px; white-space:nowrap;}
.frmMainSearch .favorite .lstFavorite li.last a {background:none;}
.lstKnowledge {padding:0 7px;}
.lstKnowledge li {margin-bottom:3px; font-size:11px;}


/* FS카툰 */
.lstCartoon {}
.lstCartoon li {position:relative; min-height:58px; margin-bottom:7px;}
* html .lstCartoon li {height:58px;}
.lstCartoon li .col1 {display:block; position:absolute; left:7px; top:0px;}
.lstCartoon li .col1 img {width:163px; height:56px; border:1px solid #343a14;}
.lstCartoon li .col2 {display:block; margin-left:182px; padding:5px 7px 0 0; font-weight:bold; font-size:11px;}
.lstCartoon li .col3 {display:block; margin-left:182px; padding:2px 7px 0 0; font-size:11px;}


/* 접속채널 */
.channel {position:relative; width:190px; height:21px; padding-top:9px; margin-left:auto; margin-right:auto; text-align:center; font-size:11px; background:url(../images/main/bg_channel.jpg) no-repeat;}


/* 로그인 */
.frmLogin {position:relative; width:190px; padding:0 9px 17px 9px; margin-left:auto; margin-right:auto; background:url(../images/main/bg_login.gif) repeat-x 0 bottom;}
.frmLogin .iptID {width:115px; height:17px; padding:3px 0 0 3px; margin-bottom:4px; background:#8a836e url(../images/main/bg_iptid.gif) no-repeat 6px 5px;}
.frmLogin .kthID {width:98px;}
* html .frmLogin .iptID {margin-bottom:1px;}
*+html .frmLogin .iptID {margin-bottom:1px;}
.frmLogin .iptPW {width:115px; height:17px; padding:3px 0 0 3px; background:#8a836e url(../images/main/bg_iptpw.gif) no-repeat 6px 5px;}
.frmLogin .kthPW {width:98px;}
* html .frmLogin .iptPW {margin-bottom:-1px;}
*+html .frmLogin .iptPW {margin-bottom:-1px;}
.frmLogin .btnLogin {position:absolute; right:9px; top:0;}
.frmLogin .btnkthLogin  {position:absolute; right:9px; top:26px;}
.frmLogin .chkboxes .chkLogin {vertical-align:middle; margin-right:3px;}
* html .frmLogin .chkboxes .chkLogin {margin:-5px 0 -5px -5px;}
*+html .frmLogin .chkboxes .chkLogin {margin:-5px 0 -5px -5px;}
.frmLogin .chkboxes label {font-size:11px; letter-spacing:-1px; color:#a19972; cursor:pointer; margin-right:5px;}
.frmLogin .protectLevel {background:url(../images/main/bg_protectbar.gif) 4px 0 no-repeat; padding:0 4px 0 16px; font-size:11px; letter-spacing:-1px; color:#a19972;}
.frmLogin .protectLevel img {margin:0 0 2px 2px; vertical-align:middle;}



/* 회원정보 */
.myInfo {position:relative; width:190px; padding:0 9px 17px 9px; margin-left:auto; margin-right:auto; background:url(../images/main/bg_login.gif) repeat-x 0 bottom; z-index:30;}
.myInfo .charInfo {position:relative; width:185px; height:21px; padding:9px 0 0 5px; margin-left:auto; margin-right:auto; font-size:11px; background:url(../images/main/bg_channel.jpg) no-repeat; color:#463310;}
.myInfo .charInfo .bar {font-weight:normal; color:#977310; font-size:12px; margin:0 3px;}
.myInfo .charInfo .btns {position:absolute; top:7px; right:5px;}
.myInfo .lstInfoTab {width:190px; margin-top:7px; margin-left:auto; margin-right:auto; overflow:hidden; background:url(../images/main/bg_infotab.gif) repeat-x 0 bottom;}
.myInfo .lstInfoTab li {float:left; margin-right:1px;}
.myInfo .lstInfoTab li.last {margin:0;}
.myInfo .lstInfoTab li img {display:block;}
.myInfo .infoWrap {position:relative; width:190px; margin-left:auto; margin-right:auto; background:url(../images/main/bg_infowrap.gif) repeat-y;}
.myInfo .lstCashInfo {width:170px; padding-top:10px; overflow:hidden; margin-left:auto; margin-right:auto; color:#b1a97c; font-size:11px;}
.myInfo .lstCashInfo dt {float:left; width:47px; padding:4px 0 6px; background:url(../images/main/bg_cashinfo.gif) repeat-x 0 bottom; letter-spacing:-1px;}
.myInfo .lstCashInfo dt .blt {display:block; padding-left:10px; background:url(../images/main/blt_cashdt.gif) no-repeat 2px 4px;}
.myInfo .lstCashInfo dd {position:relative; float:left; padding:4px 0 6px; width:123px; background:url(../images/main/bg_cashinfo.gif) repeat-x 0 bottom; font-weight:bold;}
.myInfo .lstCashInfo dd .blt {display:block; padding-left:10px; background:url(../images/main/blt_cashdd.gif) no-repeat 0 1px;}
.myInfo .lstCashInfo dd .btnMore {position:absolute; right:0; top:5px;}
.myInfo .lstCashInfo .last {background:none;}
.myInfo .lstEboxInfo {width:170px; padding-top:10px; overflow:hidden; margin-left:auto; margin-right:auto; color:#b1a97c; font-size:11px;}
.myInfo .lstEboxInfo dt {float:left; width:57px; padding:4px 0 6px; background:url(../images/main/bg_cashinfo.gif) repeat-x 0 bottom; letter-spacing:-1px;}
.myInfo .lstEboxInfo dt .blt {display:block; padding-left:10px; background:url(../images/main/blt_cashdt.gif) no-repeat 2px 4px;}
.myInfo .lstEboxInfo dd {position:relative; float:left; padding:4px 0 6px; width:113px; background:url(../images/main/bg_cashinfo.gif) repeat-x 0 bottom; font-weight:bold;}
.myInfo .lstEboxInfo dd .blt {display:block; padding-left:10px; background:url(../images/main/blt_cashdd.gif) no-repeat 0 1px;}
.myInfo .lstEboxInfo dd .btnMore {position:absolute; right:0; top:5px;}
.myInfo .lstEboxInfo .last {background:none;}
.myInfo .cashBtns {padding:10px 0 10px; text-align:center; background:url(../images/main/bg_cashwrapbt.gif) no-repeat 0 bottom;}


/* 내가가입한클럽 */
.myClub {position:relative; width:190px; margin-top:7px; margin-left:auto; margin-right:auto; z-index:30;}
.myClub .myClubTitle {padding:1px; border:1px solid #313024; color:#9b956d; font-size:11px; letter-spacing:-1px; font-weight:normal; background-color:#444333; zoom:1;}
.myClub .myClubTitle a {display:block; color:#9b956d;  padding:3px 20px 0 2px; background:url(../images/main/bg_myclub_off.gif) no-repeat right 1px;}
* html .myClub .myClubTitle a {width:164px;}
.myClub .myClubTitle a:hover {color:#dfb643; background:url(../images/main/bg_myclub_on.gif) no-repeat right 1px;}
.myClub #myClubArea {display:none; position:absolute; left:0; top:20px; width:184px; padding:2px; border:1px solid #313024; background-color:#444333; zoom:1;}
.myClub .lstFamily {}
.myClub .lstFamily li {position:relative; zoom:1;}
* html .myClub .lstMyClub li {}
*+html .myClub .lstMyClub li {}
.myClub .lstMyClub a {display:block; color:#9b956d; padding:2px 0 0 2px; zoom:1;}
.myClub .lstMyClub a:hover {background-color:#dfb643; color:#313024;}


/* 가맹점 */
.premium {width:190px; padding:12px 9px; margin-left:auto; margin-right:auto; border-bottom:1px solid #77715e; background-color:#444333;}
.premium .txtPremium {font-size:11px; color:#d8c8ab; letter-spacing:-1px;}
.premium .txtPremium img {position:relative; top:-3px; vertical-align:top;}
.premium .txtPcbang {padding:5px 0 3px;font-size:11px; letter-spacing:-1px; color:#b1a97c; background-color:#313024; text-align:center;}
.premium .txtPcbang strong {color:#dfb643;}
.premium .txtPcbang a {color:#b1a97c;}
.premium .txtPcbang a:hover {text-decoration:underline;}


/* 퀵링크 */
.lstQuickLink {width:190px; padding:5px 9px 2px 9px; margin-left:auto; margin-right:auto; overflow:hidden; background:url(../images/main/bg_login.gif) repeat-x 0 bottom;}
.lstQuickLink li {float:left;}
.lstQuickLink li img {/*display:block;*/}
.lstQuickLink li.bg{width:95px; height:54px; background-image:url(../images/main/btn_quicklink12.gif);}

/* 우측배너 */
.rightBanner {width:350px; margin-bottom:15px; overflow:hidden;}
.rightBanner div {float:left; padding-bottom:5px;}


/* 동영상 */
.mainMovie {position:relative; zoom:1;}
.mainMovie img, .mainMovie object {display:block; margin-bottom:20px;}
.mainMovie p {margin-bottom:20px; padding:80px 10px; border:1px solid #444333; background-color:#e6e0ce; text-align:center; zoom:1;}


/* 클럽대전 */
.fsMainTab {overflow:hidden; background:url(../images/common/bg_solidline.gif) repeat-x 0 bottom; zoom:1;}
.fsMainTab li {float:left; margin-right:1px;}
.fsMainTab li img {display:block;}
.clubwar .txtClubwar {position:relative; padding:9px 50px 7px 5px; background:url(../images/common/bg_dotline.gif) repeat-x 0 bottom; font-size:11px; letter-spacing:-1px;}
.clubwar .txtClubwar .btnMore {position:absolute; right:5px; top:9px;}
.clubwar .gameStauts {position:relative; width:336px; height:120px; margin-left:auto; margin-right:auto; background:url(../images/main/bg_clubwar.gif) no-repeat;}
.clubwar .gameStauts .col1 {position:absolute; top:8px; width:88px; text-align:center;}
.clubwar .gameStauts .team1 .col1 {left:0px;}
.clubwar .gameStauts .team2 .col1 {right:0px;}
.clubwar .gameStauts .col2 {position:absolute; top:97px; font-size:11px; font-weight:bold; letter-spacing:-1px;}
.clubwar .gameStauts .col2 img {position:relative; top:-3px; vertical-align:top;}
.clubwar .gameStauts .team1 .col2 {right:200px;}
.clubwar .gameStauts .team2 .col2 {left:200px;}
.clubwar .gameStauts .col3 {position:absolute; top:35px; width:30px; text-align:center; font-size:14px; font-weight:bold; letter-spacing:-1px;}
.clubwar .gameStauts .team1 .col3 {left:104px;}
.clubwar .gameStauts .team2 .col3 {right:104px;}


/* TOT리그 */
.totLeague .txtTotLeague {position:relative; padding:9px 5px 7px 5px; background:url(../images/common/bg_dotline.gif) repeat-x 0 bottom; font-size:11px; letter-spacing:-1px;}
.totLeague .totDate {position:relative; height:21px; padding-top:9px; text-align:center; font-size:11px; background:url(../images/main/bg_totdate.gif) repeat-x;}
.totLeague .totDate .btnMore {position:absolute; right:7px; top:9px;}
.totLeague .totWinner {position:relative; min-height:85px; margin-left:7px;}
* html .totLeague .totWinner {height:85px;}
.totLeague .totWinner .col1 {display:block; position:absolute; left:0; top:0; width:82px; height:77px; padding-top:5px; text-align:center; background:url(../images/main/bg_totwinner.jpg) no-repeat;}
.totLeague .totWinner .col2 {display:block; margin:0 0 0 100px; padding-top:8px; font-weight:bold; letter-spacing:-1px;}
.totLeague .totWinner .col2 img {position:relative; vertical-align:top; top:-3px;}
.totLeague .totWinner .col3 {display:block; margin:6px 0 0 100px; font-size:11px;}
.totLeague .totWinner .col3 li {margin-bottom:3px;}
.totLeague .totWinner .col3 .lvl {font:10px verdana; color:#887958; letter-spacing:-1px;}
.totLeague .totWinner .col3 img {position:relative; vertical-align:top; top:1px;}


/* 시즌랭킹 */
.seasonRanking {position:relative; min-height:148px; background:url(../images/main/bg_seasonrank.gif) no-repeat;}
* html .seasonRanking {height:148px;}
.seasonRanking .titHOH {position:absolute; left:205px; top:44px;}
.seasonRanking .txtHOH {position:absolute; left:185px; top:90px; width:210px; font-size:11px; letter-spacing:-1px; text-align:center; color:#807151;}
.seasonRanking .btnSeasonRank {position:absolute; left:246px; top:126px;}
.seasonRanking .titRanking1 {position:absolute; right:198px; top:9px; font-size:11px;}
.seasonRanking .titRanking2 {position:absolute; left:198px; top:9px; font-size:11px;}
.seasonRanking .lstRanking1 {position:absolute; right:165px; top:40px;}
.seasonRanking .lstRanking1 li {position:relative; width:185px; height:21px;}
.seasonRanking .lstRanking1 li .col1 {display:block; position:absolute; right:0px; top:0px;}
.seasonRanking .lstRanking1 li .col2 {display:block; position:absolute; right:34px; top:3px; text-align:right; font-size:11px; letter-spacing:-1px;}
.seasonRanking .lstRanking1 li .col2 img {position:relative; top:-1px; vertical-align:top;}
.seasonRanking .lstRanking1 li .col3 {display:block; position:absolute; left:0px; top:1px; font:10px verdana; color:#857756;}
.seasonRanking .lstRanking2 {position:absolute; left:164px; top:40px;}
.seasonRanking .lstRanking2 li {position:relative; width:185px; height:21px;}
.seasonRanking .lstRanking2 li .col1 {display:block; position:absolute; left:0px; top:0px;}
.seasonRanking .lstRanking2 li .col2 {display:block; position:absolute; left:34px; top:3px; text-align:left; text-align:right; font-size:11px; letter-spacing:-1px;}
.seasonRanking .lstRanking2 li .col2 img {position:relative; top:-1px; vertical-align:top;}
.seasonRanking .lstRanking2 li .col3 {display:block; position:absolute; right:0px; top:1px; font:10px verdana; color:#857756;}

/* skip */
#skip{height:0; z-index:30000; position:relative; }
#skip li{height:0; }
#skip a{position:absolute; left:0; top:-10000px; z-index:500;display:block;width:100%;text-align:center;font-size:1.3em}
#skip a:hover, #skip a:focus, #skip a:active{position:absolute;top:0;padding:15px 0;font-weight:bold;color:#fff;background:#ef7102;z-index:500}

/* 텍스트숨김 */
.hide{visibility: hidden; width:0; height:0; font-size:0;}

#fsGNBarea{position:relative; }