@charset 'ksc5601';
html {width:100%;}
body {width:100%; background:#fff url(http://imgdg.joycity.com/gx/images/mall/main/bg_main.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/main/bg_main.jpg) no-repeat center top;}
#visual {position:relative; width:990px; height:334px; margin:0 auto;}
#leftArea {position:absolute; left:40px; top:334px; width:160px; min-height:100px; margin-top:-16px;}
#mainArea {position:relative; width:749px; min-height:400px; _height:400px; margin-left:220px; overflow:visible;}
#foot {position:relative; clear:both; width:990px; height:110px; margin:30px auto 0 auto;}
#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 {position:absolute; left:46px; top:71px;}
/* 메인 상품 */
#mainProduct {position:absolute; left:335px; top:104px; width:314px; height:161px;}
#mainProduct #mainPdtWrap {position:absolute; left:67px; top:4px; width:182px; height:156px; overflow:hidden;}
#mainProduct .mainPdtItem {position:absolute; left:-60px; top:0px; width:182px; height:156px;}
#mainProduct .mainPdtTitle {position:absolute; left:14px; top:140px; width:153px; height:13px; text-align:center; overflow:hidden; color:#fff; font-size:11px; letter-spacing:-1px;}
#mainProduct .imgPdtMain {position:absolute; left:0px; top:7px; width:182px; height:120px; padding-top:10px; text-align:center; overflow:hidden; z-index:1;}
#mainProduct .btnPdtPrev {position:absolute; left:0px; top:53px;}
#mainProduct .btnPdtNext {position:absolute; left:287px; top:53px;}
#mainProduct .pdtBG {position:absolute; left:0px; top:0px; width:182px; height:156px; overflow:hidden; z-index:1;}
#mainProduct #btnPdtView {position:absolute; display:block; left:0px; top:7px; z-index:10;}
/* 메인 가이드 */
#mainGuide {position:absolute; left:670px; top:52px; width:225px; height:106px; background:url(http://imgdg.joycity.com/gx/images/mall/main/bg_mainguide.jpg) no-repeat;}
#mainGuide .btnHow2get {position:absolute; left:17px; top:37px;}
#mainGuide .btnWhatshon {position:absolute; left:136px; top:37px;}
/* 메인 뉴스 */
#mainNews {position:absolute; left:670px; top:161px; width:226px; height:37px; background:url(http://imgdg.joycity.com/gx/images/mall/common/bg_newsbox.jpg) no-repeat left bottom;}
#mainNews p {height:14px; margin:12px 0 0 8px;}
#mainNews p a {color:#b2b4d5;}
#mainNews p a:hover {color:#9cff00;}
/* 메인 검색 */
#mainSearch {position:absolute; left:670px; top:202px; 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:299px; 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;}
/* 로그인 후 */
#loginAfter {position:absolute; left:25px; top:298px; 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:298px; 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;}
*/
/* 정열 버튼 */
#sortBtns {position:relative; width:749px; height:37px; background:url(http://imgdg.joycity.com/gx/images/mall/main/bg_sortbar.jpg) no-repeat;}
#sortBtns .btnSort1 {position:absolute; left:9px; top:9px;}
#sortBtns .btnSort2 {position:absolute; left:155px; top:9px;}
#sortBtns .btnSort3 {position:absolute; left:308px; top:9px;}
#sortBtns .btnSort4 {position:absolute; left:462px; top:9px;}
/* 상품 리스트 */
#itemList .lstArea {width:749px;}
#itemList .lstArea .opdtwrap {width:730px; overflow:hidden; margin:20px auto 0 auto; _padding-bottom:20px;}
*:first-child+html #itemList .lstArea .opdtwrap {padding-bottom:20px;}
#itemList .lstArea ul {width:730px; margin-left:-1px; overflow:hidden;}
#itemList .lstArea ul li {float:left; width:146px; height:195px; margin-bottom:30px; overflow:hidden; background:url(http://imgdg.joycity.com/gx/images/mall/main/bg_itemlist.gif) no-repeat left top;}
#itemList .lstArea ul li .lstOpdt {position:relative;}
#itemList .lstArea ul li .lstOpdt .opdtTitle {position:absolute; left:9px; top:145px; width:130px; height:13px; font-size:11px; text-align:center; overflow:hidden;}
#itemList .lstArea ul li .lstOpdt .opdtThumb {position:absolute; left:18px; top:3px;}
#itemList .lstArea ul li .lstOpdt .opdtSpec {position:absolute; left:9px; top:160px; width:130px; height:16px; font-size:11px; text-align:center; overflow:hidden;}
#itemList .lstArea ul li .lstOpdt .opdtPrice {position:absolute; left:9px; top:180px; width:130px; height:16px;; text-align:center; overflow:hidden;}
/* 내 혼으로 살 수 있는 상품 */
#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;}
*:first-child+html #leftArea .buyMyhon .lstMyhon .myHonTitle {height:14px;}
*:first-child+html #leftArea .buyMyhon .lstMyhon .myHonSpec {height:14px;}
*:first-child+html #leftArea .buyMyhon .lstMyhon .myHonPrice {height:14px;}
*:first-child+html #leftArea .buyMyhon .lstMyhon2 .myHonTitle {height:14px;}
*:first-child+html #leftArea .buyMyhon .lstMyhon2 .myHonSpec {height:14px;}
*:first-child+html #leftArea .buyMyhon .lstMyhon2 .myHonPrice {height:14px;}
/* 좌측 배너 리스트 */
#leftArea .lstLeftBnn {}
#leftArea .lstLeftBnn ul {}
#leftArea .lstLeftBnn ul li {margin-bottom:2px;}
/* 메인타이틀 바 (로케이션 포함) */
.subTitle {position:relative; padding:13px 0 2px 0;}
.subTitle .location {position:absolute; right:0; top:23px; 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;}
.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;}