﻿@charset 'utf-8';

/* CSS RESET */
* {margin:0; padding:0;}
html {font-family:dotum,arial; font-size:12px; color:#4c3a14; line-height:1.2;}
ul, dl, ol {list-style:none;}
img, fieldset {border:0;}
table {border:0; table-layout:fixed; border-collapse:collapse;}
hr, caption, legend {display:none;}


/* Common Setup */
a {color:#574319;}
a:link {text-decoration:none; color:#574319;}
a:active {text-decoration:none; color:#574319;}
a:visited {text-decoration:none; color:#574319;}
a:hover {text-decoration:none; color:#9f6100;}

.dpNone {display:block; position:absolute; left:0; top:0; width:1px; height:1px; font-size:1px; visibility:hidden; z-index:-1;}
.clearBoth {clear:both;}
.bold {font-weight:bold;}
.normal {font-weight:normal;}

* html .png24 {tmp:expression(setPng24(this));}
* html .itempng24 {tmp:expression(setItemPng24(this));}

.space5 {margin-top:5px;}
.space10 {margin-top:10px;}
.space15 {margin-top:15px;}
.space20 {margin-top:20px;}
.space25 {margin-top:25px;}
.space30 {margin-top:30px;}
.space35 {margin-top:35px;}
.space40 {margin-top:40px;}
.space45 {margin-top:45px;}
.space50 {margin-top:50px;}

.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}

select {font-family:dotum, arial; font-size:12px;}
.iptText {border:1px solid #605a4a; background-color:#d7cdb0; color:#544017; font-size:12px;}
.iptText2 {border:1px solid #9e9684; background-color:#f2f0e7; color:#9e9684; font-size:12px;}
.iptText3 {border:1px solid #333225; background-color:#8a836e; color:#333225; font-size:12px; vertical-align:middle;}
.selectType {width:83px; margin-bottom:1px; background-color:#8a836e; color:#333225; font-size:11px; vertical-align:middle;}


/* 스크롤바 */
.scrollBar {overflow:auto; scrollbar-face-color:#8164ad; scrollbar-shadow-color:#27173f; scrollbar-highlight-color:#27173f; scrollbar-3dlight-color: #4a356a; scrollbar-darkshadow-color: #4a356a; scrollbar-track-color: #27173f; scrollbar-arrow-color: #27173f;}


/* 상단네비게이션 */
.topNavi {position:relative; z-index:1;}


/* 게임시작 */
.btnGameStart {position:absolute; left:443px; top:158px; z-index:10;}


/* 서브페이지타이틀 */
.fsSubTitle {position:relative; padding:10px; border:1px solid #444333; background-color:#605a4a;}
.fsSubTitle h2 {font-size:12px; color:#ffd900;}
.fsSubTitle .fsLocation {position:absolute; right:10px; top:10px; padding-left:12px; background:url(../images/board/blt_location.gif) no-repeat 0 3px; color:#a19972; font-size:11px; letter-spacing:-1px;}
.fsSubTitle .fsLocation a {color:#a19972;}
.fsSubTitle .fsLocation a:hover {text-decoration:underline;}


/* 서브페이지바타이틀 */
.fsBarTitle {width:580px; height:22px; padding:9px 0 0 10px; background:url(../images/common/bg_bartitle.jpg) no-repeat; font-size:12px;}


/* 서브페이지바타이틀2 */
.fsBarTitle2 {width:580px; height:22px; padding:9px 0 0 10px; background:url(../images/common/bg_bartitle2.jpg) no-repeat; font-size:12px;}
.fsBarTitle2 .bar {color:#bab19d;}
.fsBarTitle2 .subment {color:#807151; font-size:11px; letter-spacing:-1px; font-weight:normal;}


/* 서브페이지바타이틀3 */
.fsBarTitle3 {width:580px; height:22px; padding:9px 0 0 10px; background:url(../images/common/bg_bartitle3.jpg) repeat-x; font-size:12px;}


/* 텝 */
.fsCommonTab {overflow:hidden; background:url(../images/common/bg_dotline.gif) repeat-x 0 bottom; zoom:1;}
.fsCommonTab li {float:left; margin-right:1px;}
.fsCommonTab li a {display:block; width:118px; height:21px; padding-top:9px; background:url(../images/common/bg_commontab1_off.gif) no-repeat; color:#b1a97c !important; font-weight:bold; text-align:center;}
.fsCommonTab .nowOn a,
.fsCommonTab li a:hover {background:url(../images/common/bg_commontab1_on.gif) no-repeat; color:#574319 !important;}


/* Page */
.page {position:relative; padding:8px 0 5px 0; text-align:center;}
.page a,
.page .now {display:inline-block; padding:1px 7px 3px 7px; margin-right:-4px; border-left:1px solid #837453; color:#847555; font:10px verdana;}
.page a:hover,
.page .now {color:#6d5c37; background-color:#a79d85; font-weight:bold;}
.page .now {}
.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;}
.page .leftBtns {position:absolute; left:10px; top:5px; }
.page .leftBtns a {margin:0; padding:0; border:0;}
.page .rightBtns {position:absolute; right:10px; top:5px; }
.page .rightBtns a {margin:0; padding:0; border:0;}


/* 검색 */
.frmSearch {position:relative; padding-top:15px; text-align:center; background:url(../images/common/bg_dotline.gif) repeat-x 0 top;}
.frmSearch .sltSearch {font:12px dotum; height:22px; padding-bottom:3px; vertical-align:top; border:1px solid #605a4a; background-color:#d7cdb0; color:#544017;}
* html .frmSearch .sltSearch {margin-top:2px;}
*+html .frmSearch .sltSearch {margin-top:2px;}
.frmSearch .iptSearch {width:110px; height:17px; padding:3px 0 0 3px; vertical-align:top;}
* html .frmSearch .iptSearch {margin-top:-1px;}
.frmSearch .btnSearch {margin-bottom:-4px; vertical-align:top;}
.frmSearch .btnSearchBack img {margin-bottom:-5px; vertical-align:top;}


/* 좌측메뉴 */
.fsLeftSubMenu {width:140px; margin-left:auto; margin-right:auto;}
.fsLeftSubMenu .tit1Depth {width:130px; height:25px; padding:7px 0 0 10px; background:url(../images/common/bg_leftsubtitle.jpg) no-repeat; font-size:14px; color:#463310;}
.fsLeftSubMenu .lst2DepthMenu li {background:url(../images/common/bg_leftsub.gif) repeat-x 0 top; zoom:1;}
.fsLeftSubMenu .lst2DepthMenu li a {display:block; padding:9px 0 7px 17px; background:url(../images/common/blt_leftsub_off.gif) no-repeat 1px 11px; color:#b1a97c;}
.fsLeftSubMenu .lst2DepthMenu li a:hover,
.fsLeftSubMenu .lst2DepthMenu li.nowOn a {color:#ffd900; background:url(../images/common/blt_leftsub_on.gif) no-repeat 1px 11px; font-weight:bold; letter-spacing:-1px;}

.fsLeftSubMenu .lst2DepthMenu li.lst3DepthMenu a {display:block; padding:9px 0 7px 27px; background:url(../images/common/blt_leftsub3_off.gif) no-repeat 18px 12px; color:#b1a97c;}
.fsLeftSubMenu .lst2DepthMenu li.lst3DepthMenu a:hover,
.fsLeftSubMenu .lst2DepthMenu li.lst3DepthMenu.nowOn a {color:#ffd900; background:url(../images/common/blt_leftsub3_on.gif) no-repeat 18px 12px; font-weight:bold; letter-spacing:-1px;}


/* 좌측배너 */
.fsLeftBanner {width:140px; margin-left:auto; margin-right:auto;}
.fsLeftBanner ul li {margin-bottom:5px;}


/* 우측공통 */
.fsRightCommon {width:140px; padding:10px 9px 1px 9px; border:1px solid #444333; margin-left:auto; margin-right:auto; background-color:#605a4a;}
.fsRightCommon .titRightCommon {position:relative; padding:7px 5px 5px 5px; border:1px solid #313024; font-size:12px; color:#ffd900; background-color:#444333; zoom:1;}
.fsRightCommon .titRightCommon .btnRefresh {position:absolute; right:5px; top:6px;}


/* 우측검색 */
.frmRightSearch {margin-top:10px;}
.frmRightSearch .iptSearch {width:93px; height:16px; padding:4px 0 0 4px; border:1px solid #333225; color:#333225; background-color:#8a836e; vertical-align:top; font:11px dotum;}
* html .frmRightSearch .iptSearch {margin-top:-1px;}
*+html .frmRightSearch .iptSearch {margin-top:-1px;}
.frmRightSearch .btnSubmit {vertical-align:top;}


/* 캐쉬&포인트 */
.lstCashPoint {}
.lstCashPoint li {position:relative; padding:5px 0; background:url(../images/common/bg_cashdot.gif) repeat-x 0 bottom; color:#b1a97c; zoom:1;}
* html .lstCashPoint li {margin-bottom:-2px;}
*+html .lstCashPoint li {margin-bottom:-2px;}
.lstCashPoint li.last {background:none;}
.lstCashPoint li .bltCash {display:block; padding-left:20px; background:url(../images/common/blt_cash.gif) no-repeat 6px 0; font-weight:bold; font-size:11px; letter-spacing:-1px;}
.lstCashPoint li .bltPnt {display:block; padding-left:20px; background:url(../images/common/blt_point.gif) no-repeat 6px 0; font-weight:bold; font-size:11px; letter-spacing:-1px;}
.lstCashPoint li .amount {position:absolute; right:5px; top:5px;}
.lstCashPoint li a {color:#b1a97c;}
.lstCashPoint li a:link {color:#b1a97c;}
.lstCashPoint li a:active {color:#b1a97c;}
.lstCashPoint li a:visited {color:#b1a97c;}
.lstCashPoint li a:hover {color:#ffd900;}


/* 바로가기 */
.fsRightLink {overflow:hidden;}
.fsRightLink li {float:left;}
.fsRightLink li img {display:block;}
.fsRightLink li.bg{width:70px; height:69px; background-image:url(../images/common/btn_rightquick14.gif);}


/* 우측배너 */
.fsRightBanner {width:160px; margin-left:auto; margin-right:auto;}
.fsRightBanner ul li {margin-bottom:5px;}


/* 푸터공통 */
#fsMainFootarea .fsFooterWrap,
#fsFootarea .fsFooterWrap {position:relative; width:950px; margin-left:auto; margin-right:auto; background:url(../images/common/bg_footbtns.gif) repeat-x 0 top;  font-family:Malgun Gothic, Dotum; font-size:11px;}
#fsMainFootarea .corpName,
#fsFootarea .corpName {position:absolute; right:780px; top:49px;}
#fsMainFootarea .license,
#fsFootarea .license {position:absolute; right:9px; top:50px;}
#fsMainFootarea .addr,
#fsFootarea .addr {position:absolute; left:191px; top:49px; letter-spacing:-1px; font-style:normal; line-height:16px; color:#866c35;}
#fsMainFootarea .familySite,
#fsFootarea .familySite {position:absolute; right:10px; top:8px; z-index:30;}
#fsMainFootarea .fsCopyright,
#fsFootarea .fsCopyright {position:absolute; left:191px; font-style:normal; line-height:16px; color:#866c35;}
#fsMainFootarea .lstFooterBtns,
#fsFootarea .lstFooterBtns {position:absolute; left:179px; top:9px; overflow:hidden;  font-weight:bold; letter-spacing:-1px;}
#fsMainFootarea .lstFooterBtns li,
#fsFootarea .lstFooterBtns li {float:left; padding-right:2px; background:url(../images/common/bg_footbar.gif) no-repeat right 6px;}
#fsMainFootarea .lstFooterBtns li a,
#fsFootarea .lstFooterBtns li a {display:block; padding:3px 13px;}
#fsMainFootarea .lstFooterBtns li.last,
#fsFootarea .lstFooterBtns li.last {background:none;}
#fsFootarea .lstFooterBtns li {float:left; padding-right:2px; background:url(../images/common/bg_footbar.gif) no-repeat right 6px;}
#fsMainFootarea .lstFooterBtns li a span,
#fsFootarea .lstFooterBtns li a span{color:#2b1d01;}

/* JCE푸터 */
.jceFooter {position:relative; width:990px; margin-left:auto; margin-right:auto; f}
.jceFooter .fsFooterWrap {height:140px;}
.jceFooter .fsCopyright {top:115px;}


/* KTH푸터 */
.kthFooter {position:relative; width:990px; margin-left:auto; margin-right:auto;}
.kthFooter .fsFooterWrap {height:120px;}
.kthFooter .fsCopyright {top:90px;}


/* NHN푸터 */
.nhnFooter {position:relative; width:990px; margin-left:auto; margin-right:auto;}
.nhnFooter .fsFooterWrap {height:140px;}
.nhnFooter .fsCopyright {top:135px;}