@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:137px; padding:20px 10px 50px 10px; z-index:1;}
#mainArea {position:relative; float:left; width:666px; padding:20px 16px 50px 16px; z-index:1;}
#rightArea {position:relative; float:left; width:85px; padding:20px 10px 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(../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(../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(../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;}


/* ÁÂÃø¿µ¿ª */
#leftArea h2.tit1depth {margin-left:5px;}
#leftArea .lst2depthMenu {margin:20px 0 0 6px;}
#leftArea .lst2depthMenu li {margin-bottom:9px;}
* html #leftArea .lst2depthMenu li {margin-bottom:7px;}
*+html #leftArea .lst2depthMenu li {margin-bottom:7px;}
#leftArea .lst2depthMenu li img {}
#leftArea .lst2depthMenu li a {padding-left:10px; background:url(../images/common/blt_leftmenu_off.gif) no-repeat 0 3px;}
#leftArea .lst2depthMenu li a:hover {background:url(../images/common/blt_leftmenu_on.gif) no-repeat 0 3px;}
#leftArea .lst2depthMenu li.now a {background:url(../images/common/blt_leftmenu_on.gif) no-repeat 0 3px;}
#leftArea #serviceCenter {margin-top:20px;}
#leftArea .lstBanner {margin-top:20px;}
#leftArea .lstBanner li {margin-bottom:5px;}
* html #leftArea .lstBanner li {margin-bottom:1px;}
*+html #leftArea .lstBanner li {margin-bottom:1px;}
#leftArea .lstBanner li img {display:block;}


/* ¿ìÃø¿µ¿ª */
#rightArea .quickInfo {position:relative; padding-bottom:5px; background:url(../images/common/boxb_rightinfo.gif) no-repeat 0 bottom;}
#rightArea .quickInfo img {display:block;}
#rightArea .quickInfo .btnQuick {width:76px; padding-left:9px; background:url(../images/common/boxm_rightinfo.gif) repeat-y;}
#rightArea .quickInfo .bar {width:85px; height:1px; background:url(../images/common/bg_rightinfobar.gif) no-repeat; font-size:1px;}

#rightArea .lstBanner {}
#rightArea .lstBanner li {margin-bottom:5px;}
* html #rightArea .lstBanner li {margin-bottom:1px;}
*+html #rightArea .lstBanner li {margin-bottom:1px;}
#rightArea .lstBanner li img {display:block;}


/* ǪÅÍ¿µ¿ª */
#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;}


/* ºñÁÖ¾ó ŸÀÌƲ */
.visualTitle {position:relative; height:116px; padding:6px 0 0 6px; background:url(../images/common/bg_visualtitle.gif) no-repeat;}
.visualTitle .visualTab {position:absolute; left:6px; top:102px;}
.visualTitle .visualTab li {float:left; padding-left:10px;}
.visualTitle .visualTab2 {position:absolute; left:6px; top:102px;}
.visualTitle .visualTab2 li {float:left; padding-left:10px;}



/* ¼­ºêŸÀÌƲ */
.subtitle {position:relative; height:31px; padding:12px 0 0 33px; background:url(../images/common/bg_subtitle2.gif) no-repeat;}
.subtitle .btnAdditional {position:absolute; right:10px; top:17px;}
.subtitle .btnSelect {position:absolute; right:10px; bottom:11px;}
.subtitle .btnSelect .sltYear {font-size:11px;}
.subtitle .btnSelect .btnView {margin-bottom:-8px;}
* html .subtitle .btnSelect .btnView {margin-bottom:-5px;}
*+html .subtitle .btnSelect .btnView {margin-bottom:-5px;}


/* ¼­ºêŸÀÌƲ(ÅÇÇü½Ä) */
.subtitle2 {position:relative; height:61px; padding:12px 0 0 33px; background:url(../images/common/bg_subtitle4.gif) no-repeat 0 bottom;}
.subtitle2 .btnAdditional {position:absolute; right:10px; top:17px;}
.subtitle2 .btnSelect {position:absolute; right:10px; bottom:11px;}
.subtitle2 .btnSelect .sltYear {font-size:11px;}
.subtitle2 .btnSelect .btnView {margin-bottom:-5px;}
.subtitle2 .subTab {position:absolute; left:11px; top:37px;}
.subtitle2 .subTab li {float:left; margin-left:1px;}


/* ¼­ºêŸÀÌƲ(ÅÇÇü½Ä2) */
.subtitle3 {position:relative; height:55px; padding:12px 0 0 33px; background:url(../images/common/bg_subtitle4.gif) no-repeat 0 bottom;}
.subtitle3 .btnAdditional {position:absolute; right:10px; top:17px;}
.subtitle3 .btnSelect {position:absolute; right:10px; bottom:11px;}
.subtitle3 .btnSelect .sltYear {font-size:11px;}
.subtitle3 .btnSelect .btnView {margin-bottom:-5px;}
.subtitle3 .subTab {position:absolute; left:11px; top:37px;}
.subtitle3 .subTab li {float:left; margin-left:1px;}


/* ¼­ºêŸÀÌƲ(ÅÇÇü½Ä3) */
.subtitle4 {position:relative; height:55px; padding:12px 0 0 33px;}
.subtitle4 .btnAdditional {position:absolute; right:10px; top:17px;}
.subtitle4 .btnSelect {position:absolute; right:10px; bottom:11px;}
.subtitle4 .btnSelect .sltYear {font-size:11px;}
.subtitle4 .btnSelect .btnView {margin-bottom:-5px;}
.subtitle4 .subTab {position:absolute; left:11px; top:37px;}
.subtitle4 .subTab li {float:left; margin-left:1px;}