﻿@charset "utf-8";
.homeBody { background:url('/images/home/bg_home_btm.jpg') center bottom no-repeat; }
.homeBodyWrap { background:url('/images/home/bg_home_top.jpg') center top no-repeat; }

/* 로그인 전 */
.beforeLogin { height:192px; margin:3px 0 0 0; padding:33px 0 0 12px; background:url('/images/home/login_bg_set.jpg') 0 0 no-repeat; }
	.beforeLogin .signUp { position:absolute; top:89px; left:13px; display:block; width:56px; height:21px; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
	.beforeLogin .findInfo { position:absolute; top:89px; left:74px; display:block; width:107px; height:21px; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
	.beforeLogin .innerClient { position:absolute; bottom:40px; left:22px; display:block; width:150px; height:55px; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
	/* .beforeLogin .guideDn { position:absolute; bottom:20px; left:120px; display:block; width:48px; height:83px; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; } */
	
/* 2010-06-28 로그인 최종 */
/*.logFinal {height:294px;margin:2px 0 0 0;background:url('../images/home/login_a_final.jpg') 0 0 no-repeat;} *//* 상용화 버전 */ /* 2010-07-27 */
.logFinal {height:254px;margin:2px 0 0 0;background:url('/images/home/login_bg_set.jpg') -200px top no-repeat;}/* 캐시 빠진 버전 */ /* 2010-07-27 */
	.othre .lists {position:absolute;top:32px;left:0;width:168px;height:20px;}
	.logFinal .innerClient { position:absolute; bottom:17px; left:22px; display:block; width:150px; height:37px; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
	.logFinal .editMe {position:absolute;bottom:65px;left:13px;display:block;width:86px;height:21px;overflow:hidden;text-indent:-10000em;font:normal 0/0 verdana;}
	.logFinal .logOut {position:absolute;bottom:65px;left:104px;display:block;width:77px;height:21px;overflow:hidden;text-indent:-10000em;font:normal 0/0 verdana;}
	/* 2010-07-15 캐시관련 추가 */
	.logFinal .cashInfo {position:relative;width:168px;height:31px;margin:11px 0 0 0;}
		.cashInfo dl {}
			.cashInfo dl dt {position:absolute;}
			.cashInfo dl dd {position:absolute;}
		.cashInfo h3 {position:absolute;top:-10000px;}
			.cashInfo .hCashTit {top:0;left:0;}
			.cashInfo .hCash {left:47px;top:0;width:55px;color:#ab9c41;font-size:11px;text-align:right;}
			.cashInfo .icnChar {top:0;left:109px;}
			.cashInfo .icnReq {top:0;right:0;}
			.cashInfo .mCashTit {top:18px;left:0;}
			.cashInfo .mCash {top:20px;left:47px;width:55px;color:#ab9c41;font-size:11px;text-align:right;}
			.cashInfo .icnQues {top:18px;left:109px;}

/* 2010-07-15 */
.sideMenu { height:495px; padding:15px 0 0 0; background:url('/images/home/bg_side_menu.jpg') left top no-repeat; }
	.sideMenu .topBan {margin:0 0 0 11px;padding:0 0 18px 0;background:url('/images/home/bg_top_ban.gif') left bottom no-repeat;}
	.sideMenu .btmBan { position:relative; width:181px;margin:-5px 0 0 0;padding:0 0 22px 13px;background:url('/images/home/bg_btm_ban.jpg') 1px bottom no-repeat;}
		.sideMenu .btmBan li {margin:5px 0 0 0;}
	.sideMenu .pollBan {width:168px;margin:0 auto;}
		.pollBan h3 {width:168px;height:20px;background:url('/images/home/bg_h3_poll_ban.jpg') 0 0 no-repeat;overflow:hidden;text-indent:-10000em;font:normal 0/0 verdana;}
		.pollBan p {width:131px;margin:5px 0 0 0;padding:0 0 0 37px;background:url('/images/home/bg_poll_q.jpg') 0 2px no-repeat;color:#515151;line-height:16px;}
			.pollBan p .pollJoin {display:block;margin:8px 0 0 11px;}

#wrap .subContent .subColumm1 { position:relative; width:540px; }

#wrap .subContent .subColumm2 { width:209px; height:946px; margin:-17px 0 0 0; padding:20px 0 0 4px; background:url('/images/home/bg_columm2.gif') left top no-repeat; }
	#wrap .subContent .subColumm2 .srchField { width:193px; height:98px; margin:18px 0 0 0; padding:35px 0 0 16px; background:url('/images/home/bg_srch_field.jpg') left top no-repeat; }
		#wrap .subContent .subColumm2 .srchField select { width:177px; }

/* 2010-07-15 */
.mnProm {position:relative;width:485px;height:226px;margin:0 0 0 14px;padding:7px 7px 0 7px;background:url('/images/home/bg_mn_prom.jpg') 0 0 no-repeat;}
	.mnProm h4 {position:absolute;top:-10000px;}
	.mnProm .counter {position:absolute;bottom:27px;right:12px;width:135px;height:10px;}
		.mnProm .counter a {float:left;display:inline;width:13px;height:10px;margin:0 0 0 7px;padding:0 0 0 10px;background:url('/images/home/bg_counter.gif') 0 0 no-repeat;}
		.mnProm .counter .fstNode {margin:0;padding:0;}
	.mnProm .sign {position:absolute;top:201px;left:7px;width:327px;font-weight:bold;color:#fff;}
		.mnProm .sign strong {color:#dbff00;} /* 2010-07-28 */

.hotIs {position:relative;width:499px;margin:13px 0 0 14px;}
	.hotIs h5 {width:499px;height:24px;background:url('/images/home/bg_h5_hotis.gif') 0 0 no-repeat;overflow:hidden;text-indent:-10000em;font:normal 0/0 verdana;}
	.hotIs dl {width:479px;height:77px;margin:10px 0 0 0;padding:0 10px;background:url('/images/home/bg_hotis.jpg') 0 0 no-repeat;}
		.hotIs dl dt {float:right;width:376px;}
			.hotIs dl dt a {color:#515151;font-weight:bold;font-size:14px;}
		.hotIs dl .hotPhoto {float:left;width:83px;height:59px;padding:4px;background:url('/images/home/bg_hot_photo.gif') 0 0 no-repeat;}
		.hotIs dl .desc {float:right;width:376px;margin:9px 0 0 0;font-size:11px;line-height:16px;}
			.hotIs dl .desc a:hover {color:#353535;}
	.hotIs ul {margin:7px 0 0 0;padding:0 0 0 3px;}
		.hotIs ul li {padding:0 0 0 11px;background:url('/images/home/bg_dot_2x2_1.gif') 0 8px no-repeat;line-height:19px;}
			.hotIs ul li a {color:#676767;}

.itemRate { position:relative; width:495px; margin:21px 0 0 14px; }
	.itemRate h5 { width:499px; height:24px; background:url('/images/home/bg_h5_item.gif') 0 0 no-repeat; overflow:hidden; text-indent:-100000em; font:normal 0/0 verdana; }
	.itemRate .more { position:absolute; top:5px; right:3px; display:block; width:28px; height:5px; background:url('/images/home/txt_more.gif') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
	.itemRate .bestItem { position:relative; float:left; width:270px; margin:6px 0 0 0; }
		.itemRate .bestItem dt { float:right; width:153px; margin:3px 0 0 0; }
			.itemRate .bestItem dt a { font:bold 14px Dotum; color:#515151; }
		.itemRate .bestItem .thumb { float:left; width:99px; height:74px; padding:4px; background:url('/images/home/bg_thumb_big.gif') left top no-repeat; }
			.itemRate .bestItem .thumb a { display:block; }
		.itemRate .bestItem .user { float:right; width:153px; margin:4px 0 0 0; color:#676767; font-size:11px; }
			.itemRate .bestItem .user a { color:#676767; font-size:11px; font-weight:bold; }
			.itemRate .bestItem .user span { color:#676767; font-size:11px; font-weight:bold; }
		.itemRate .bestItem .effect { float:right; width:119px; margin:7px 0 0 0; padding:0 0 0 34px; background:url('/images/home/bg_best_item.gif') -56px 0 no-repeat; color:#676767; word-spacing:-1px; line-height:17px; }
		.itemRate .bestItem .introdu { float:right; width:119px; margin:2px 0 0 0; padding:0 0 0 34px; background:url('/images/home/bg_best_item.gif') -28px -17px no-repeat; color:#676767; word-spacing:-1px; line-height:15px; }
		.itemRate .bestItem .score { float:right; width:119px; margin:3px 0 0 0; padding:0 0 3px 34px; background:url('/images/home/bg_best_item.gif') 0 -34px no-repeat; }
			.itemRate .bestItem .score .starTxt { float:left; display:inline;  width:25px; margin:2px 0 0 4px; }
		.itemRate .bestItem .ribbon { position:absolute; top:3px; left:3px; width:49px; height:49px; background:url('/images/home/ribbon_best.gif') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
	.itemRate .norItem { float:right; width:220px; margin:-7px 0 0 0; }
		.itemRate .norItem .norSet { width:220px; margin:13px 0 0 0; }
			.itemRate .norItem .norSet dt { float:right; width:146px; margin:1px 0 0 0; color:#515151; font-weight:bold; }
				.itemRate .norItem .norSet dt a { color:#515151; font-weight:bold; }
			.itemRate .norItem .norSet .thumb { float:left; width:56px; height:40px;padding:4px;background:url('/images/home/bg_nor_thumb.gif') 0 0 no-repeat;}
				.itemRate .norItem .norSet .thumb a { display:block; }
			.itemRate .norItem .norSet .desc { float:right; width:146px; margin:3px 0 0 0; color:#676767; letter-spacing:-1px; }
			.itemRate .norItem .norSet .score { float:right; width:146px; margin:4px 0 0 0; }

/* 2010-07-15 신들의 전당 */
.hallGod {position:relative;width:499px;margin:30px 0 0 14px;}
	.hallGod h5 {width:148px;height:14px;background:url('/images/home/bg_h5_hall.gif') 0 0 no-repeat;overflow:hidden;text-indent:-10000em;font:normal 0/0 verdana;}
	.hallGod .hallWrap {width:483px;height:134px;margin:7px 0 0 0;padding:11px 0 0 16px;background:url('/images/home/bg_hall.jpg') 0 0 no-repeat;}
		.hallWrap dl {width:483px;}
			.hallWrap dl dt {}
				.hallWrap dl dt a {font-weight:bold;color:#515151;font-size:14px;}
				.hallWrap dl dt img {margin:0 7px 0 0;}
			.hallWrap dl dd {margin:8px 0 0 0;line-height:16px;}
				.hallWrap dl dd a:hover {color:#353535;}
		.hallWrap ul {width:467px;margin:23px 0 0 0;}
			.hallWrap ul li {width:467px;}
				.hallWrap ul li img {margin:0 7px 0 0;}
				.hallWrap ul li a {font-weight:bold;color:#515151;}
			.hallWrap ul .fstNode {margin:0 0 5px 0;padding:0 0 5px 0;border-bottom:1px solid #ddd;}

.shotSection { position:relative; width: 499px; margin:17px 0 0 14px; }
	.shotSection h5 { width:131px; height:14px; margin:0 0 6px 0; background:url('/images/home/bg_h5_ss.gif') 0 0 no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
	.shotSection .shotList { position:relative; float:left; width:110px; margin:0 19px 0 0; padding:91px 0 0 0; text-align:center; }
	.shotSection .lastNode {margin:0;}
		.shotSection .shotList dt {  }
			.shotSection .shotList dt a { color:#515151; font-size:12px; letter-spacing:-1px; font-weight:bold; }
		.shotSection .shotList .thumb { position:absolute; top:0; left:0; width:102px; height:73px; padding:4px; background:url('/images/home/bg_thumb_102.gif') 0 0 no-repeat; }
			.shotSection .shotList .thumb a { display:block; }
		.shotSection .shotList .ribb {position:absolute;top:0;left:0;width:49px;height:49px;}

.subColumm2 { }
	.subColumm2 .menuSet { width:177px; }
	.subColumm2 .summTab { position:relative; width:177px; margin:19px 0 0 15px; }
		/* 게임 오픈 전까지 한시적으로 사용 */
		.subColumm2 .summTab h5 { width:177px; height:21px; background:url('/images/home/h5_set_main.gif') 0 -79px no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
		.subColumm2 .summTab .more { position:absolute; top:5px; right:0; display:block; width:28px; height:5px; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
.noteSec {position:relative;width:177px;margin:0 0 0 15px;}
	.noteSec .noteNup {width:175px;height:26px;padding:0 0 0 2px;background:url('/images/home/bg_dot_1x1.gif') left bottom repeat-x;}
		.noteSec .noteNup li {float:left;}
	.noteSec .lists {margin:5px 0 0 0;}
		.noteSec .lists li {line-height:19px;}
			.noteSec .lists li a {padding:0 0 0 7px;background:url('/images/home/bg_dot_2x2.gif') 0 8px no-repeat;color:#676767;}
			.noteSec .lists li a:hover {color:#353535;}
			.noteSec .lists .fstNode a {font-weight:bold;color:#93193d;letter-spacing:-1px;}
			.noteSec .lists .fstNode a:hover {color:#93193d;}
	.noteSec .more {position:absolute; top:10px; right:0; display:block; width:28px; height:5px; background:url('/images/home/txt_more.gif') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana;}
		/* 게임 오픈 전까지 한시적으로 사용 */
		/* .subColumm2 .summTab .tabs { width:175px; height:26px; padding:0 0 0 2px; background:url('/images/home/bg_dot_1x1.gif') left bottom repeat-x; }
			.subColumm2 .summTab .tabs li { float:left; height:26px; }
				.subColumm2 .summTab .tabs li a { display:block; height:26px; background-image:url('/images/home/bg_tabs.gif'); background-repeat:no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
				.subColumm2 .summTab .tabs .all a { width:39px; background-position:0 0; }
				.subColumm2 .summTab .tabs .all a:hover { width:39px; background-position:0 -30px; }
				.subColumm2 .summTab .tabs .all .on { width:39px; background-position:0 -30px; }
				.subColumm2 .summTab .tabs .note a { width:37px; background-position:-39px 0; }
				.subColumm2 .summTab .tabs .note a:hover { width:37px; background-position:-39px -30px; }
				.subColumm2 .summTab .tabs .note .on { width:37px; background-position:-39px -30px; }
				.subColumm2 .summTab .tabs .update a { width:54px; background-position:-76px 0; }
				.subColumm2 .summTab .tabs .update a:hover { width:54px; background-position:-76px -30px; }
				.subColumm2 .summTab .tabs .update .on { width:54px; background-position:-76px -30px; }
		.subColumm2 .summTab .univeList { margin:5px 0 0 0; }
			.subColumm2 .summTab .univeList li { padding:0 0 0 6px; background:url('/images/home/bg_dot_2x2.gif') 0 9px no-repeat; line-height:19px; }
				.subColumm2 .summTab .univeList li a { font-size:11px; letter-spacing:-1px; }
				.subColumm2 .summTab .univeList li a:hover { color:#731838; }
				.subColumm2 .summTab .univeList .first a { font-weight:bold; color:#515151; }
				/* 게임 오픈하면 주석 제거 */
				/* .subColumm2 .summTab .listWrap .more { position:absolute; top:10px; right:0; display:block; width:28px; height:5px; background:url('/images/home/txt_more.gif') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; } */

.store {position:relative;width:177px;margin:20px 0 0 15px;}
	.store h5 {width:46px;height:13px;margin:0 0 -6px 0;background:url('/images/home/bg_h5_store.gif') 0 0 no-repeat;overflow:hidden;text-indent:-1000em;font:normal 0/0 verdana;}
	.store dl {position:relative;width:177px;margin:15px 0 0 0;line-height:1.2em;}
		.store dl dt {float:right;width:107px;}
			.store dl dt a {font-weight:bold;color:#93193d;}
		.store dl .pict {float:left;width:52px;height:52px;padding:4px;background:url('/images/home/bg_pict_box.gif') 0 0 no-repeat;}
		.store dl .desc {float:right;width:107px;}
			.store dl .desc a {font-size:11px;color:#676767;}
		.store dl .price {float:right;width:107px;margin:13px 0 0 0;font-weight:bold;color:#ff5800;}
			.store dl .price img {margin:0 4px 0 0;}
		.store dl .ribb {position:absolute;top:0;left:0;width:29px;height:29px;}
	.store .more {position:absolute; top:5px; right:0; display:block; width:28px; height:5px; background:url('/images/home/txt_more.gif') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana;}

.movieSection { position:relative; width:177px; margin:20px 0 0 15px; }
	.movieSection h5 { width:71px; height:13px; background:url('/images/home/h5_set_main.gif') -145px 0 no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
	.movieSection .mvClip { width:177px; height:128px; margin:7px 0 0 0; }
	.movieSection .more { position:absolute; top:5px; right:0; display:block; width:28px; height:5px; background:url('/images/home/txt_more.gif') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }

.faqSection { position:relative; width:177px; margin:14px 0 0 15px; }
	.faqSection h5 { width:74px; height:14px; background:url('/images/home/h5_set_main.gif') -60px 0 no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
	.faqSection fieldset { display:block; width:163px; height:27px; margin:8px 0 0 0; padding:5px 7px 0; background:#dfdac1; }
		.faqSection fieldset .txtField { width:112px; height:16px; padding:2px 0 0 4px; border:1px solid #b5af91; color:#676767; }
		.faqSection fieldset .query { width:40px; height:22px; background:url('/images/home/btn_query40.jpg') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; border:0 none; cursor:pointer; }
	.faqSection .faqList { margin:6px 0 0 0; }
		.faqSection .faqList dt { height:0; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
		.faqSection .faqList dd { padding:0 0 0 19px; background:url('/images/home/icon_q.gif') 0 3px no-repeat; line-height:20px; letter-spacing:-1px; }
			.faqSection .faqList dd a:hover { color:#353535; }
	.faqSection .more { position:absolute; top:8px; right:0; display:block; width:28px; height:5px; background:url('/images/home/txt_more.gif') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }

.endBanner {position:relative;width:177px;height:69px;margin:10px 0 0 15px;background:url('/images/home/bg_end_banner.jpg') 0 0 no-repeat;}
	.endBanner h5 {position:absolute;}
		.endBanner h5 a {display:block;overflow:hidden;text-indent:-10000em;font:normal 0/0 verdana;}
	.endBanner .faq {top:2px;left:25px;width:40px;height:52px;}
		.endBanner .faq a {width:40px;height:52px;}
	.endBanner .oneTo {top:0;left:109px;width:38px;height:55px;}
		.endBanner .oneTo a {width:38px;height:55px;}

/* 2010-07-15 메인 공통 더보기 */
.mnMore {position:absolute;top:1px;right:0;display:block;width:16px;height:14px;background:url('/images/home/btn_main_more.gif') 0 0 no-repeat;overflow:hidden;text-indent:-10000em;font:normal 0/0 verdana;}

/* 2010-07-27 보안배너 */
.secuCamp {width:177px;margin:25px 0 0 15px;}