@charset 'ksc5601';
html {width:100%;}
body {width:100%; background:#fff url(http://imgdg.joycity.com/gx/images/mall/common/bg_gxmallsub.jpg) no-repeat center 38px;}
/* 레이아웃 */
#gnbArea {position:absolute; left:0; top:0; width:100%;}
#wrap {position:relative; width:1024px; margin:38px auto 0 auto; background:url(http://imgdg.joycity.com/gx/images/mall/common/bg_gxmallsub.jpg) no-repeat center top;}
#visual {position:relative; width:990px; height:263px; margin:0 auto;}
#leftArea {position:absolute; left:38px; top:263px; width:160px; min-height:100px; margin-top:-16px;}
#mainArea {position:relative; width:749px; min-height:400px; _height:400px; margin:10px 0 0 220px; overflow:visible;}
#foot {position:relative; clear:both; width:990px; height:110px; margin:30px auto 0 auto;}
#toTop {position:absolute; left:975px; top:400px;}
#gnbArea table {table-layout:auto;}
/* 메인 메뉴 */
#mainMenu {position:absolute; left:0; top:0; width:100%;}
#mainMenu .logo {position:absolute; left:50%; top:4px; width:176px; height:73px; margin-left:-96px; padding:26px 0 0 16px; background:url(http://imgdg.joycity.com/gx/images/mall/common/bg_home.jpg) no-repeat;}
#mainMenu .mainMenu1 {position:absolute; left:176px; top:9px;}
#mainMenu .mainMenu2 {position:absolute; left:281px; top:9px;}
#mainMenu .mainMenu3 {position:absolute; left:640px; top:9px;}
#mainMenu .mainMenu4 {position:absolute; left:745px; top:9px;}
#mainMenu .bar1 {position:absolute; left:250px; top:9px; width:10px; height:17px; background:url(http://imgdg.joycity.com/gx/images/mall/common/bg_menubar.gif) no-repeat;}
#mainMenu .bar2 {position:absolute; left:710px; top:9px; width:10px; height:17px; background:url(http://imgdg.joycity.com/gx/images/mall/common/bg_menubar.gif) no-repeat;}
/* 케릭터 */
#welcome .welcomeChar {position:absolute; left:54px; top:40px;}
#welcome .welcomeGhost {position:absolute; left:643px; top:57px; width:82px; height:133px;}
#welcome .ghost1 {background:url(http://imgdg.joycity.com/gx/images/mall/common/img_ghost01.png) no-repeat;}
#welcome .ghost2 {background:url(http://imgdg.joycity.com/gx/images/mall/common/img_ghost02.png) no-repeat;}
#welcome .ghost3 {background:url(http://imgdg.joycity.com/gx/images/mall/common/img_ghost03.png) no-repeat;}
#welcome .ghost4 {background:url(http://imgdg.joycity.com/gx/images/mall/common/img_ghost04.png) no-repeat;}
#welcome .ghost5 {background:url(http://imgdg.joycity.com/gx/images/mall/common/img_ghost05.png) no-repeat;}
/* 메인 뉴스 */
#mainNews {position:absolute; left:315px; top:110px; width:330px; height:14px; overflow:hidden;}
#mainNews a {color:#95929b;}
#mainNews a:hover {color:#9cff00;}
/* 메인 검색 */
#mainSearch {position:absolute; left:752px; top:91px; width:225px; height:43px; background:url(http://imgdg.joycity.com/gx/images/mall/common/bg_searchbox.gif) no-repeat;}
#mainSearch .iptMainSearch {position:absolute; left:12px; top:11px; width:151px; height:14px; padding:4px 0 0 5px; background-color:#5d5274; border:1px solid #3b374e; font-size:11px; color:#9997b8;}
#mainSearch .btnMainSearch {position:absolute; left:175px; top:11px;}
/* 로그인 전 */ /* 키보드보안 수정 : 080910 이건준*/
#loginBefore {position:absolute; left:25px; top:229px; width:940px; height:20px;}
#loginBefore #loginTitle {position:absolute; left:52px; top:5px;}
#loginBefore #iptID {position:absolute; left:168px; top:1px; width:103px; height:13px; padding:2px 0 0 5px; background-color:#d3d3e0; border:1px solid #b7b7c9; color:#9187bd; font-size:11px;}
#loginBefore #iptPW {position:absolute; left:283px; top:1px; width:103px; height:13px; padding:2px 0 0 5px; background-color:#d3d3e0; border:1px solid #b7b7c9; color:#9187bd; font-size:11px;}
#loginBefore #pwGuide {position:absolute; left:289px; top:4px; height:13px; background-color:#d3d3e0; color:#9187bd; font-size:11px;}
#loginBefore #btnLogin {position:absolute; left:693px; top:0px;}
#loginBefore #chkSaveid {position:absolute; left:403px; top:4px; _margin:-4px 0 0 -4px;}
*:first-child+html #loginBefore #chkSaveid {margin:-4px 0 0 -4px;}
#loginBefore #lblSaveid {position:absolute; left:420px; top:5px; font-size:11px; letter-spacing:-1px; color:#75777a; cursor:pointer;}
#loginBefore #chkProtect {position:absolute; left:462px; top:4px; _margin:-4px 0 0 -4px;}
*:first-child+html #loginBefore #chkProtect {margin:-4px 0 0 -4px;}
#loginBefore #lblProtect {position:absolute; left:479px; top:5px; font-size:11px; letter-spacing:-1px; color:#75777a; cursor:pointer;}
#loginBefore #chkKeyProtect {position:absolute; left:534px; top:4px; _margin:-4px 0 0 -4px;}
*:first-child+html #loginBefore #chkKeyProtect {margin:-4px 0 0 -4px;}
#loginBefore #lblKeyProtect {position:absolute; left:551px; top:5px; font-size:11px; letter-spacing:-1px; color:#75777a; cursor:pointer;}
#loginBefore #btnFindidpw {display:block; position:absolute; left:610px; top:5px; padding-left:8px; font-size:11px; letter-spacing:-1px; background:url(http://imgdg.joycity.com/gx/images/mall/common/blt_login2.gif) no-repeat 0 2px;}
#loginBefore #btnMemberJoin {position:absolute; left:763px; top:0px;}
#loginBefore .bar1 {position:absolute; left:455px; top:5px; width:1px; height:10px; background:url(http://imgdg.joycity.com/gx/images/mall/common/bg_loginbar1.gif) no-repeat;}
#loginBefore .bar3 {position:absolute; left:527px; top:5px; width:1px; height:10px; background:url(http://imgdg.joycity.com/gx/images/mall/common/bg_loginbar1.gif) no-repeat;}
#loginBefore .bar2 {position:absolute; left:684px; top:2px; width:2px; height:16px; background:url(http://imgdg.joycity.com/gx/images/mall/common/bg_loginbar2.gif) no-repeat;}
/* 로그인 전
#loginBefore {position:absolute; left:25px; top:229px; width:940px; height:20px;}
#loginBefore #loginTitle {position:absolute; left:52px; top:5px;}
#loginBefore #iptID {position:absolute; left:168px; top:1px; width:103px; height:13px; padding:2px 0 0 5px; background-color:#d3d3e0; border:1px solid #b7b7c9; color:#9187bd; font-size:11px;}
#loginBefore #iptPW {position:absolute; left:283px; top:1px; width:103px; height:13px; padding:2px 0 0 5px; background-color:#d3d3e0; border:1px solid #b7b7c9; color:#9187bd; font-size:11px;}
#loginBefore #pwGuide {position:absolute; left:289px; top:4px; height:13px; background-color:#d3d3e0; color:#9187bd; font-size:11px;}
#loginBefore #btnLogin {position:absolute; left:648px; top:0px;}
#loginBefore #chkSaveid {position:absolute; left:403px; top:4px; _margin:-4px 0 0 -4px;}
*:first-child+html #loginBefore #chkSaveid {margin:-4px 0 0 -4px;}
#loginBefore #lblSaveid {position:absolute; left:420px; top:5px; font-size:11px; letter-spacing:-1px; color:#75777a; cursor:pointer;}
#loginBefore #chkProtect {position:absolute; left:494px; top:4px; _margin:-4px 0 0 -4px;}
*:first-child+html #loginBefore #chkProtect {margin:-4px 0 0 -4px;}
#loginBefore #lblProtect {position:absolute; left:511px; top:5px; font-size:11px; letter-spacing:-1px; color:#75777a; cursor:pointer;}
#loginBefore #btnFindidpw {display:block; position:absolute; left:565px; top:5px; padding-left:8px; font-size:11px; letter-spacing:-1px; background:url(http://imgdg.joycity.com/gx/images/mall/common/blt_login2.gif) no-repeat 0 2px;}
#loginBefore #btnMemberJoin {position:absolute; left:718px; top:0px;}
#loginBefore .bar1 {position:absolute; left:482px; top:5px; width:1px; height:10px; background:url(http://imgdg.joycity.com/gx/images/mall/common/bg_loginbar1.gif) no-repeat;}
#loginBefore .bar2 {position:absolute; left:639px; top:2px; width:2px; height:16px; background:url(http://imgdg.joycity.com/gx/images/mall/common/bg_loginbar2.gif) no-repeat;}
*/
/* 로그인 후 */
#loginAfter {position:absolute; left:25px; top:228px; width:940px; height:25px;}
#loginAfter #loginID {position:absolute; left:0px; top:4px; width:150px; text-align:right; padding-right:8px; font-size:12px; background:url(http://imgdg.joycity.com/gx/images/mall/common/blt_login1.gif) no-repeat right 5px;}
#loginAfter #loginID img {margin-bottom:-4px;}
#loginAfter #memberInfo {position:absolute; left:168px; top:0px; width:630px; height:25px; background:url(http://imgdg.joycity.com/gx/images/mall/common/bg_logon2.jpg) no-repeat;}
#loginAfter #memberInfo #titLevel {position:absolute; left:7px; top:6px;}
#loginAfter #memberInfo #titRank {position:absolute; left:7px; top:6px;}
#loginAfter #memberInfo #titExp {position:absolute; left:160px; top:6px;}
#loginAfter #memberInfo #titCash {position:absolute; left:335px; top:6px;}
#loginAfter #memberInfo #titHon {position:absolute; left:520px; top:6px;}
#loginAfter #memberInfo #txtLevel {position:absolute; left:53px; top:8px; font-size:11px;}
#loginAfter #memberInfo #txtRank {position:absolute; left:63px; top:8px; font-size:11px;}
#loginAfter #memberInfo #txtExp {position:absolute; left:206px; top:8px; font-size:11px;}
#loginAfter #memberInfo #txtCash {position:absolute; left:370px; top:4px; font-size:11px;}
#loginAfter #memberInfo #txtCash img {margin-bottom:-4px;}
#loginAfter #memberInfo #txtHon {position:absolute; left:555px; top:8px; font-size:11px; font-weight:bold;}
#loginAfter #btnLogout {position:absolute; left:805px; top:3px;}
#loginAfter #btnMemberInfo {position:absolute; left:874px; top:3px;}
/*
#loginAfter {position:absolute; left:25px; top:228px; width:940px; height:25px;}
#loginAfter #loginID {position:absolute; left:0px; top:4px; width:150px; text-align:right; padding-right:8px; font-size:12px; background:url(http://imgdg.joycity.com/gx/images/mall/common/blt_login1.gif) no-repeat right 5px;}
#loginAfter #loginID img {margin-bottom:-4px;}
#loginAfter #memberInfo {position:absolute; left:168px; top:0px; width:500px; height:25px; background:url(http://imgdg.joycity.com/gx/images/mall/common/bg_logon.jpg) no-repeat;}
#loginAfter #memberInfo #titLevel {position:absolute; left:7px; top:6px;}
#loginAfter #memberInfo #titRank {position:absolute; left:93px; top:6px;}
#loginAfter #memberInfo #titExp {position:absolute; left:221px; top:6px;}
#loginAfter #memberInfo #titHon {position:absolute; left:375px; top:6px;}
#loginAfter #memberInfo #txtLevel {position:absolute; left:42px; top:8px; font-size:11px;}
#loginAfter #memberInfo #txtRank {position:absolute; left:128px; top:8px; font-size:11px;}
#loginAfter #memberInfo #txtExp {position:absolute; left:266px; top:8px; font-size:11px;}
#loginAfter #memberInfo #txtHon {position:absolute; left:420px; top:8px; font-size:11px; font-weight:bold;}
#loginAfter #btnLogout {position:absolute; left:675px; top:3px;}
#loginAfter #btnMemberInfo {position:absolute; left:744px; top:3px;}
*/
/* 내 혼으로 살 수 있는 상품 */
#leftArea .buyMyhon {}
#leftArea .buyMyhon .boxbBuyMyhon {width:160px; height:4px; background:url(http://imgdg.joycity.com/gx/images/mall/common/boxb_buymyhon.gif) no-repeat; font-size:1px; line-height:1px;}
#leftArea .buyMyhon .lstMyhon {position:relative; width:158px; height:192px; border:1px solid #d8d6e4; border-top:0; border-bottom:0;}
#leftArea .buyMyhon .lstMyhon .myHonTitle {position:absolute; left:4px; top:142px; width:150px; height:16px; _height:14px; text-align:center; overflow:hidden;}
#leftArea .buyMyhon .lstMyhon .myHonThumb {position:absolute; left:13px; top:7px;}
#leftArea .buyMyhon .lstMyhon .myHonThumb a {display:block; width:110px; height:110px; padding:9px; background-color:#f3f4f8; border:1px solid #e3e5ee;}
#leftArea .buyMyhon .lstMyhon .myHonThumb a img {width:110px; height:110px;}
#leftArea .buyMyhon .lstMyhon .myHonSpec {position:absolute; left:4px; top:158px; width:150px; height:16px; _height:14px; text-align:center; overflow:hidden;}
#leftArea .buyMyhon .lstMyhon .myHonPrice {position:absolute; left:4px; top:176px; width:150px; height:16px; _height:14px; text-align:center; overflow:hidden;}
#leftArea .buyMyhon .lstMyhon .btnMyHonPrev {position:absolute; left:3px; top:64px;}
#leftArea .buyMyhon .lstMyhon .btnMyHonNext {position:absolute; left:136px; top:64px;}
#leftArea .buyMyhon .lstMyhon .myHonGet {display:none;}
#leftArea .buyMyhon .lstMyhon .btnHonGet {display:none;}
#leftArea .buyMyhon .lstMyhon2 {position:relative; width:158px; height:242px; border:1px solid #d8d6e4; border-top:0; border-bottom:0;}
#leftArea .buyMyhon .lstMyhon2 .myHonTitle {position:absolute; left:4px; top:192px; width:150px; height:16px; _height:14px; text-align:center; overflow:hidden;}
#leftArea .buyMyhon .lstMyhon2 .myHonThumb {position:absolute; left:13px; top:57px;}
#leftArea .buyMyhon .lstMyhon2 .myHonThumb a {display:block; width:110px; height:110px; padding:9px; background-color:#f3f4f8; border:1px solid #e3e5ee;}
#leftArea .buyMyhon .lstMyhon2 .myHonThumb a img {width:110px; height:110px;}
#leftArea .buyMyhon .lstMyhon2 .myHonSpec {position:absolute; left:4px; top:208px; width:150px; height:16px; _height:14px; text-align:center; overflow:hidden;}
#leftArea .buyMyhon .lstMyhon2 .myHonPrice {position:absolute; left:4px; top:226px; width:150px; height:16px; _height:14px; text-align:center; overflow:hidden;}
#leftArea .buyMyhon .lstMyhon2 .btnMyHonPrev {position:absolute; left:3px; top:114px;}
#leftArea .buyMyhon .lstMyhon2 .btnMyHonNext {position:absolute; left:136px; top:114px;}
#leftArea .buyMyhon .lstMyhon2 .myHonGet {position:absolute; left:0px; top:7px; width:158px; text-align:center; font-size:11px; letter-spacing:-1px;}
#leftArea .buyMyhon .lstMyhon2 .btnHonGet {position:absolute; left:79px; top:25px;}
/* 좌측 배너 리스트 */
#leftArea .lstLeftBnn {}
#leftArea .lstLeftBnn ul {}
#leftArea .lstLeftBnn ul li {margin-bottom:2px;}
/* 서브타이틀 바 (로케이션 포함) */
.subTitle {position:relative; padding:3px 0 2px 0;}
.subTitle .location {position:absolute; right:0; top:13px; height:15px; padding:2px 0 0 20px; line-height:14px; background:url(http://imgdg.joycity.com/gx/images/mall/common/blt_location.gif) no-repeat left top;}
/* 타이틀 텝 */
.titleBar {position:relative; width:748px; height:39px; background:url(http://imgdg.joycity.com/gx/images/mall/product/bg_titlebar.gif) no-repeat;}
.titleBar .btnTitleBar1on {position:absolute; left:20px; top:1px;}
.titleBar .btnTitleBar1off {position:absolute; left:63px; top:14px;}
.titleBar .btnTitleBar2on {position:absolute; left:139px; top:1px;}
.titleBar .btnTitleBar2off {position:absolute; left:182px; top:14px;}
.titleBar .btnTitleBar3on {position:absolute; left:258px; top:1px;}
.titleBar .btnTitleBar3off {position:absolute; left:293px; top:14px; color:#fff;}
.titleBar .btnTitleBar3off span {_color:#fff;}
.titleBar .btnTitleBar3off img {margin-bottom:-2px;}
.titleBar .reviewAmt {position:absolute; left:343px; top:16px;}
.titleBar .tbbar1 {position:absolute; left:266px; top:9px; width:2px; height:21px; background:url(http://imgdg.joycity.com/gx/images/mall/product/bg_tbbar.gif) repeat-y;}
.titleBar .tbbar2 {position:absolute; left:147px; top:9px; width:2px; height:21px; background:url(http://imgdg.joycity.com/gx/images/mall/product/bg_tbbar.gif) repeat-y;}
/* 푸터 */
.footer {position:absolute; left:25px; top:0; width:952px; height:165px; background:url(http://imgdg.joycity.com/gx/images/mall/common/bg_foot.gif) no-repeat;}
.footer .footLogo {position:absolute; left:73px; top:19px;}
.footer .btnFoot1 {position:absolute; left:192px; top:16px;}
.footer .btnFoot2 {position:absolute; left:281px; top:16px;}
.footer .btnFoot3 {position:absolute; left:372px; top:16px;}
.footer .btnFoot4 {position:absolute; left:464px; top:16px;}
.footer .btnFoot5 {position:absolute; left:662px; top:16px;}
.footer .familySite {position:absolute; left:637px; top:60px; width:130px; font-size:11px;}
.footer .copyright {position:absolute; left:192px; top:59px;}
.footer .btnMailto {position:absolute; left:447px; top:102px;}