@charset 'utf-8';

html {width:100%; min-width:990px;}
body {width:100%; background:#15140f url(../images/common/bg_his.jpg) no-repeat center 38px;}
.hisMain {background-image:url(../images/main/bg_hismain.jpg);}


#hisGNB {position:relative; width:100%; height:38px;}
#hisWrap {position:relative; width:990px; margin-left:auto; margin-right:auto;}

#headArea {position:relative; height:290px;}
#contentWrap {position:relative;}
* html #contentWrap {height:1%;}
#contentWrap:after {content:''; display:block; height:0; clear:both; visibility:hidden;}
#leftArea {position:relative; float:left; width:170px; min-height:340px; margin-top:-6px; padding:0 7px 50px 15px; background:url(../images/common/bg_leftpannel.jpg) no-repeat 10px top;}
* html #leftArea {height:340px;}
#mainArea {position:relative; float:left; width:580px; padding:14px 13px 50px 13px;}
#rightArea {position:relative; float:left; width:170px; min-height:340px; margin-top:-6px; padding:40px 0 50px 15px; background:url(../images/common/bg_rightpannel.jpg) no-repeat 7px top;}
* html #rightArea {height:340px;}
#footArea {position:relative; clear:both;}

.hisMain #leftArea {position:relative; float:left; width:160px; padding:60px 9px 50px 49px; background:none;}
.hisMain #mainArea {position:relative; float:left; width:520px; padding:60px 7px 50px 27px;}
.hisMain #rightArea {position:relative; float:left; width:160px; padding:60px 0 50px 9px; background:none;}


/* ADDED RIGHT BANNER FROM hongsgo 2010.02.26  */
.rightBanner {}
.rightBanner li {width:160px; margin-bottom:5px; text-align:center;}



/* 서브타이틀 */
.subTitle {position:relative; height:21px; padding:3px 0 0 20px; background:url(../images/common/bg_subtitle.gif) no-repeat 5px top;}


/* Page */
.page {position:relative; padding:8px 0 5px 0; text-align:center;}
.page a,
.page .now {display:inline-block; padding:1px 4px 3px 4px; margin-right:-4px; border-left:1px solid #2a2319; color:#655d3e;  font:bold 10px verdana;}
.page a:hover,
.page .now {color:#cb7731;}
.page .first {border:0;}
.page .arrow,
.page .arrow:hover {padding:0 4px; border:0;}
.page .arrow:hover {background:none;}
.page .arrow img {margin-bottom:-3px;}
* html .page .arrow img {margin:0;}
*+html .page .arrow img {margin:0;}


/* 검색 */
.frmSearch {position:relative; text-align:center;}
.frmSearch .sltSearch {font:12px dotum;}
.frmSearch .iptSearch {width:110px; height:14px; padding:3px 0 0 3px;}
.frmSearch .btnSearch {margin-bottom:-5px;}
.frmSearch .btnSearchBack img {margin-bottom:-5px;}


/* 계급표시 */
.icoGrade {position:relative; top:-2px; margin-bottom:-5px;}
.icoGM {position:relative; vertical-align:top; top:-4px; margin:0;}


/* 네비게이션바 */
.navigation {position:relative; width:990px; z-index:10;}
.navigation .flsNavi {position:absolute; left:12px; top:0;}


/* 게임스타트 */
.gameStart {position:absolute; left:54px; top:137px; z-index:1;}


/* 로그인 */
.login {position:absolute; left:772px; top:151px;  z-index:20;}
.login .before {position:relative; width:186px; height:114px; background:url(../images/common/bg_loginbefore.jpg) no-repeat;}
.frmLogin {}
.frmLogin .iptID {position:absolute; left:3px; top:3px; width:117px; height:16px; padding:4px 0 0 6px; font-size:11px; background:#170e01 url(../images/common/bg_iptid.gif) no-repeat 8px 5px; border-color:#44433b;}
.frmLogin .iptPW {position:absolute; left:3px; top:29px; width:117px; height:16px; padding:4px 0 0 6px; font-size:11px; background:#170e01 url(../images/common/bg_iptpw.gif) no-repeat 8px 5px;; border-color:#44433b;}
.frmLogin .btnLogin {position:absolute; left:132px; top:2px;}
.frmLogin .btnJoin {position:absolute; left:3px; top:56px;}
.frmLogin .btnFindidpw {position:absolute; left:97px; top:56px;}
.frmLogin .loginChks {position:absolute; left:3px; top:82px;}
.frmLogin .loginChks input {vertical-align:top;}
.frmLogin .loginChks label {font-size:11px; letter-spacing:-1px; cursor:pointer;}
.login .after {position:relative; width:186px; height:114px; background:url(../images/common/bg_loginafter.jpg) no-repeat;}
.after .location {position:absolute; left:11px; top:8px; font-size:11px; color:#655d3e; letter-spacing:-1px;}
.after .location img {margin-bottom:-2px;}
.after .loginID {position:absolute; left:11px; top:34px; font:11px dotum; color:#cb7731;}
.after .lstCash {position:absolute; left:11px; top:57px;}
.after .lstCash li {padding-left:9px; font-size:11px; color:#695d57; background:url(../images/common/blt_cash.gif) no-repeat 0 5px;}
.after .btnAddCash {position:absolute; left:115px; top:-3px;}
.after .btnMyCash {position:absolute; left:142px; top:-3px;}
.after .btnChgChar {position:absolute; left:0px; top:71px; width:100%; text-align:center; font-size:11px; letter-spacing:-1px;}
.after .btnChgChar a {text-decoration:underline; color:#cb7731;}
.after .loginBtns {position:absolute; left:0; top:88px; width:186px; text-align:center;}
.after .btnRefresh {position:absolute; left:150px; top:-2px;}
.after .btnChgChar2 {position:absolute; left:115px; top:-2px;}
/* 네이트 게임온 채널링 */
.login .chNateBefore {position:relative; width:186px; height:116px; background:url(../images/common/bg_gologin.jpg) no-repeat;}
.chNateBefore p {padding:30px 10px 0 10px; text-align:center; color:#695d57;}
.login .chNateAgreement {position:relative; width:186px; height:116px; background:url(../images/common/bg_goagreement.jpg) no-repeat; text-align:center;}
.chNateAgreement p {padding:45px 10px 5px 10px; text-align:center; color:#695d57;}
.login .chNateLogin {position:relative; width:186px; height:116px; background:url(../images/common/bg_gologin2.jpg) no-repeat; text-align:center;}
.chNateLogin p {padding:45px 10px 5px 10px; text-align:center; color:#695d57;}


/* 최근지식격납고 */
.recentKnow {position:absolute; left:772px; top:151px;  z-index:20;}
.recentKnow .titRecent {position:relative; width:173px; height:18px; padding:8px 0 0 13px; overflow:hidden; background:url(../images/common/bg_recenttitle.jpg) no-repeat; font-size:11px; color:#a29b98; letter-spacing:-1px;}
.recentKnow .titRecent .btnMore {position:absolute; right:7px; top:7px;}
.recentKnow .lstRecentKnow {position:relative; width:160px; height:84px; padding:13px 13px 0 13px; overflow:hidden; background:url(../images/common/bg_recentlist.jpg) no-repeat;}
.recentKnow .lstRecentKnow li {margin-bottom:4px; padding-left:7px; background:url(../images/common/blt_recentlist.gif) no-repeat 0 4px; font-size:11px; line-height:1; letter-spacing:-1px;}

/* 메인배너 */
.mainBanner {position:absolute; left:234px; top:74px;  z-index:1;}
.hisMain .mainBanner {position:absolute; left:234px; top:72px;  z-index:1;}


/* 풋터 */
.footer {position:relative; width:900px; height:140px; margin-left:auto; margin-right:auto; background:url(../images/common/bg_footbtns.jpg) no-repeat center top; }
.footer .lstFootBtns {position:absolute; left:168px; top:3px; overflow:hidden;}
.footer .lstFootBtns li {float:left; margin:0 0 0 -2px; padding:0 15px 0 16px; background:url(../images/common/bg_footdivision.gif) 0 5px no-repeat;}
.footer .lstFootBtns li img {display:block; padding:5px;}
.footer .imgJCE {position:absolute; left:75px; top:50px;}
.footer .imgGameus {position:absolute; left:62px; top:80px;}
.footer .address {position:absolute; left:185px; top:40px;}
.footer .copyright {position:absolute; left:185px; top:103px;}
.footer .license {position:absolute; left:623px; top:42px;}
.footer .familySite {position:absolute; right:7px; top:5px;}
.footer .familySite select {width:140px; font:11px dotum; color:#666;}


/* 서브네비게이션 */
.lstSubNavi {}
.lstSubNavi li {display:inline; zoom:1;}
.lstSubNavi li img {display:block;}


/* 퀵메뉴 */
.titQuickMenu {padding-left:15px;}


/* 다음풋터 */
.daumFooter {position:relative; width:990px; height:120px; margin-left:auto; margin-right:auto; text-align:center;}