@charset 'ksc5601';
html {width:100%;}
body {width:100%; background-color:#fff;}
/* 레이아웃 */
#wrap {position:relative; width:960px; margin:0 auto; padding:0 10px;}
#headArea {position:relative; min-height:190px; z-index:10;}
* html #headArea {height:190px;}
#leftArea {position:relative; float:left; width:200px; padding:30px 15px 50px 20px; z-index:1;}
#mainArea {position:relative; float:left; width:430px; padding:30px 35px 50px 30px; z-index:1;}
#rightArea {position:relative; float:left; width:200px; padding:30px 0 50px 10px; z-index:1;}
#footArea {position:relative; clear:both; min-height:99px; border-top:1px solid #d5d7d7; z-index:1;}
* html #footArea {height:99px;}
/* 헤더영역 */
#headArea #navigation {position:relative; height:110px;}
#headArea #memberInfo {position:relative; min-height:90px; padding-bottom:6px; background:url(http://imgdg.joycity.com/pcbang/images/common/bg_memberinfo.gif) repeat-x 0 bottom;}
* html #headArea #memberInfo {height:90px;}
#login {position:relative;}
#login .titLogin {position:absolute; left:20px; top:26px;}
#login .iptId {position:absolute; left:120px; top:21px; width:111px; height:15px; padding:3px 0 0 3px; background:#fffce7 url(http://imgdg.joycity.com/pcbang/images/common/bg_iptid.gif) no-repeat 7px 4px;}
#login .iptPass {position:absolute; left:240px; top:21px; width:111px; height:15px; padding:3px 0 0 3px; background:#fffce7 url(http://imgdg.joycity.com/pcbang/images/common/bg_iptpass.gif) no-repeat 7px 4px;}
#login .btnLogin {position:absolute; left:363px; top:20px;}
#login .chkSaveId {position:absolute; left:120px; top:54px;}
* html #login .chkSaveId {margin:-4px 0 0 -4px;}
*+html #login .chkSaveId {margin:-4px 0 0 -4px;}
#login .titSaveId {position:absolute; left:138px; top:55px;}
#login .btnFindId {position:absolute; left:182px; top:55px;}
#login .btnFindPass {position:absolute; left:234px; top:55px;}
#login .btnJoin {position:absolute; left:295px; top:50px;}
#login .titConnectIp {position:absolute; left:429px; top:21px;}
#login .connectIp {position:absolute; left:429px; top:57px; width:99px; text-align:center; color:#ff9900; font-weight:bold;}
#clientInfo {position:relative; min-height:90px; background:url(http://imgdg.joycity.com/pcbang/images/common/bg_clientinfo_1.gif) no-repeat; font-size:11px; z-index:10;}
* html #clientInfo {height:90px;}
#clientInfo .col1 {display:block; position:absolute; left:106px; top:25px; z-index:10;}
#clientInfo .col1 img {margin-bottom:-3px;}
#clientInfo .col2 {position:absolute; left:106px; top:49px;}
#clientInfo .col3 {position:absolute; left:172px; top:49px;}
#clientInfo .col4 {position:absolute; left:285px; top:22px;}
#clientInfo .col5 {display:block; position:absolute; left:343px; top:25px; width:270px;}
#clientInfo .col6 {position:absolute; left:285px; top:51px;}
#clientInfo .col7 {position:absolute; left:343px; top:54px;}
#clientInfo .col7 .number {font-weight:bold; letter-spacing:0;}
#clientInfo .col8 {position:absolute; left:464px; top:51px;}
#clientInfo .col9 {position:absolute; left:520px; top:54px;}
#clientInfo .col9 .gray {color:#d2d2d2;}
#clientInfo .number {font:10px verdana; letter-spacing:-1px;}
#clientInfo #msgAlarm {display:none; position:absolute; left:0; top:0; width:215px; padding:15px; border:2px solid #fe9c1b; background-color:#fff; z-index:10;}
#clientInfo #msgAlarm img {margin:0;}
#clientInfo #msgAlarm .alarmPara {display:block;}
#quickMenu {position:absolute; right:0; top:20px; width:340px; z-index:10;}
#quickMenu ul {position:absolute; left:80px; top:1px;}
#quickMenu ul li {float:left; margin-bottom:2px; }
#quickMenu ul li img {display:block;}
#sitemap {position:absolute; left:0; top:85px; z-index:100;}
/* 메인영역 */
.bar {height:6px; background:url(http://imgdg.joycity.com/pcbang/images/common/bg_memberinfo.gif) repeat-x; font-size:1px;}
h2.maintitle {position:relative; margin-bottom:9px;}
h2.maintitle .btnMore {position:absolute; right:0; top:1px;}
#mainVisual {width:430px;}
#notice {position:relative; zoom:1;}
#notice .lstNotice {position:relative;}
#notice .lstNotice li {position:relative; margin-bottom:8px; padding-left:8px; background:url(http://imgdg.joycity.com/pcbang/images/main/blt_black2x2.gif) no-repeat 0 4px; font-size:11px;}
* html #notice .lstNotice li {margin-bottom:4px;}
*+html #notice .lstNotice li {margin-bottom:4px;}
#gameNews {position:relative;}
#gameNews a {color:#fff; font-size:11px;}
#gameNews a:hover {text-decoration:underline;}
#gameNews #newsClose {position:relative; height:23px; padding:7px 20px 0 70px; background:url(http://imgdg.joycity.com/pcbang/images/main/bg_gamenews.gif) no-repeat;}
#gameNews #newsClose .btnMore {position:absolute; right:8px; top:5px;}
#gameNews #newsOpen {position:relative; zoom:1;}
#gameNews #newsOpen .gameNewsTitle {position:absolute; left:5px; top:4px;}
#gameNews #newsOpen .boxTNews {width:430px; height:2px; background:url(http://imgdg.joycity.com/pcbang/images/main/boxt_gamenews.gif) no-repeat; font-size:1px;}
#gameNews #newsOpen .boxMNews {width:350px; padding:5px 10px 3px 70px; background:url(http://imgdg.joycity.com/pcbang/images/main/boxm_gamenews.gif) repeat-y;}
#gameNews #newsOpen .boxBNews {width:430px; height:2px; background:url(http://imgdg.joycity.com/pcbang/images/main/boxb_gamenews.gif) no-repeat; font-size:1px;}
#gameNews #newsOpen .btnClose {position:absolute; right:8px; bottom:5px;}
#gameNews .lstGameNews {}
#gameNews .lstGameNews li {margin-bottom:3px;}
#game .lstGame {}
#game .lstGame li {padding:18px 0; background:url(http://imgdg.joycity.com/pcbang/images/main/bg_gameline.gif) repeat-x 0 top;}
* html #game .lstGame li {padding-bottom:5px;}
*+html #game .lstGame li {padding-bottom:5px;}
#game .lstGame li.first {padding-top:0; background:none;}
#game .lstGame li.download {padding-top:5px; background: repeat-x 0 top;}
.mainQuick {width:430px; height:84px; background:url(http://imgdg.joycity.com/pcbang/images/main/bg_mainquick.jpg) no-repeat;}
.lstQuick {position:relative;}
.lstQuick .btnJoinus {position:absolute; left:34px; top:20px;}
.lstQuick .btnVipcoupon {position:absolute; left:165px; top:20px;}
.lstQuick .btnPayment {position:absolute; left:303px; top:20px;}
.fldSearch {display:block; position:relative; width:199px; height:39px; background:url(http://imgdg.joycity.com/pcbang/images/main/bg_pcbangsearch.gif) no-repeat;}
.fldSearch .iptLocal {position:absolute; left:14px; top:12px; width:130px; height:16px; border:0; font-size:12px; color:#784d45; font-weight:bold; background:#fffce7 url(http://imgdg.joycity.com/pcbang/images/main/bg_iptlocal.gif) no-repeat;}
.fldSearch .btnPcbangSearch {position:absolute; right:10px; top:8px;}
.blog {float:left; width:234px;}
.pcbangpr {float:left; width:195px;}
.lstClub {position:relative; width:195px;}
.lstClub li {position:relative; margin-bottom:4px; padding-left:8px; background:url(http://imgdg.joycity.com/pcbang/images/main/blt_black2x2.gif) no-repeat 0 4px; font-size:11px;}
* html .lstClub li {margin-bottom:0px;}
*+html .lstClub li {margin-bottom:0px;}
.lstClub li.top {min-height:55px; padding:0; background:0;}
* html .lstClub li.top {height:55px;}
.lstClub li .col1 {display:block; position:absolute; width:64px; height:43px; padding:3px; background:url(http://imgdg.joycity.com/pcbang/images/main/bg_newsthumb.gif) no-repeat;}
.lstClub li .col2 {display:block; margin-left:80px;}
.lstClub li .col2 strong {display:block; margin-bottom:2px;}
/* 푸터영역 */
#footArea #footBtnWrap {overflow:hidden;}
#footArea .lstFootBtns {position:relative; margin:14px 0 0 10px;}
#footArea .lstFootBtns li {float:left; padding-left:15px; margin-right:10px; background:url(http://imgdg.joycity.com/pcbang/images/common/bg_footbtns.gif) no-repeat 0 bottom;}
#footArea .lstFootBtns li.first {padding:0; background:none;}
#footArea .lstFootBtns li img {display:block;}
#footArea .sltFamily {position:absolute; right:10px; top:10px; font-size:11px;}
#footArea .imgAddress {display:block; margin:15px 0 0 10px;}
#footArea .imgCopyright {display:block; margin:5px 0 0 10px;}
#footArea .mailto {position:absolute; left:435px; top:62px;}
#footArea .jce {position:absolute; left:0px; top:72px;}