@import url("/style/base.css"); @import url("/style/font.css"); body { position:relative; background:url('/images/common/bodyRepeat.png') repeat-x #fff; } #wrap div.innerWrap { position:relative; width:985px; margin:0px auto; } #footer div.footerCotent { width:985px; margin:0px auto; margin-top:30px; } #container { width:985px; } /* HEADER */ #header { width:985px; height:103px; margin-top:3px; } #header h1 { float:left; margin:25px 0 0 11px; } /* TNB */ #header div.tnb { float:right; margin-top:7px; width:700px; } #header div.tnb ul { float:right; } #header div.tnb ul li { float:left; padding:0px 19px; background:url('/images/common/tnbPartition.png') no-repeat right center;} #header div.tnb ul li.last { padding-right:8px; background:none; } #header div.tnb ul li a { height:7px; display:block; font-size:9px; color:#8774e9; text-indent:-1000px; overflow:hidden; } #header div.tnb ul li.home a { width:28px; background:url('/images/common/tnbHome.png') no-repeat; } #header div.tnb ul li.admin a { width:31px; background:url('/images/common/tnbAdmin.png') no-repeat; } #header div.tnb ul li.contact a { width:60px; background:url('/images/common/tnbContact.png') no-repeat; } #header div.tnb ul li.english a { width:39px; background:url('/images/common/tnbEnglish.png') no-repeat; } /* GNB */ #header div.gnb { float:right; position:relative; margin-top:38px; } #header div.gnb ul li { float:left; background:url('/images/common/gnbBullet.png') no-repeat right 1px; } #header div.gnb ul li > a { display:block; height:16px; padding:0px 57px 19px 57px; overflow:hidden; text-indent:-1000px; } #header div.gnb ul li.mn400 { background:none; } #header div.gnb ul li.mn400On { background:none; } #header div.gnb ul li.mn100 > a { width:54px; background:url('/images/common/gnbIntro.png') no-repeat center top; } #header div.gnb ul li.mn200 > a { width:54px; background:url('/images/common/gnbProd.png') no-repeat center top; } #header div.gnb ul li.mn300 > a { width:39px; background:url('/images/common/gnbRefer.png') no-repeat center top; } #header div.gnb ul li.mn400 > a { width:53px; background:url('/images/common/gnbInquiry.png') no-repeat center top; } #header div.gnb ul li.mn100On > a { width:54px; background:url('/images/common/gnbIntroOn.png') no-repeat center top; } #header div.gnb ul li.mn200On > a { width:54px; background:url('/images/common/gnbProdOn.png') no-repeat center top; } #header div.gnb ul li.mn300On > a { width:39px; background:url('/images/common/gnbReferOn.png') no-repeat center top; } #header div.gnb ul li.mn400On > a { width:53px; background:url('/images/common/gnbInquiryOn.png') no-repeat center top; } #header div.gnb ul li.mn100:hover > a { width:54px; background:url('/images/common/gnbIntroOn.png') no-repeat center top; } #header div.gnb ul li.mn200:hover > a { width:54px; background:url('/images/common/gnbProdOn.png') no-repeat center top; } #header div.gnb ul li.mn300:hover > a { width:39px; background:url('/images/common/gnbReferOn.png') no-repeat center top; } #header div.gnb ul li.mn400:hover > a { width:53px; background:url('/images/common/gnbInquiryOn.png') no-repeat center top; } #header div.gnb ul li ul { display:none; height:29px; padding:0px 6px; } #header div.gnb ul li.on ul { display:block; position:absolute; top:35px; left:0px; background:#8774e9; } #header div.gnb ul li:hover ul { display:block; position:absolute; top:35px; left:0px; background:#8774e9; } #header div.gnb ul li ul li { /*padding:0px 17px;*/ background:none; } #header div.gnb ul li ul li a { display:block; padding:7px 17px; color:#dbd4ff; font-size:12px; font-family:"NanumGothic"; text-indent:0px; } #header div.gnb ul li ul li.on a { color:#fff; } #header div.gnb ul li ul li:hover a { color:#fff; } /* SNB */ #container { background:url('/images/common/snbBorder.png') repeat-y left 121px; } #container div.snb { width:178px; float:left; padding-bottom:88px; } #container div.snb div.menuTitle h2 { width:178px; height:92px; padding-top:30px; background:#8774e9; text-align:center; color:#fff; font-size:36px; font-family:"NanumGothicBold"; } #container div.snb div.menuTitle h2 span { display:block; margin-top:3px; color:#d3caff; font-family:"NanumGothicBold"; } #container div.snb > ul { margin-top:22px; border-top:1px solid #e0e0e0; } #container div.snb > ul > li { border-bottom:1px solid #e0e0e0; } #container div.snb > ul > li > a { display:block; height:14px; padding:8px 0 9px 12px; color:#8774e9; font-family:"NanumGothicBold"; font-size:13px; } #container div.snb > ul > li.on > a { background:url('/images/common/snbBullet.png') no-repeat 161px center #8774E9; color:#fff; } #container div.snb > ul > li:hover > a { background:url('/images/common/snbBullet.png') no-repeat 161px center #8774E9; color:#fff; } #container div.snb > ul > li ul { display:none; } #container div.snb > ul > li.on ul { display:block; margin-top:8px; margin-bottom:25px; } #container div.snb > ul > li.on ul li { } #container div.snb > ul > li.on ul li a { display:block; padding:6px 0px 6px 22px; font-family:"NanumGothic"; color:#777777; } #container div.snb > ul > li.on ul li.on a { color:#000; font-family:"NanumGothic"; font-weight:bold; } #container div.snb > ul > li.on ul li:hover a { color:#000; font-family:"NanumGothic"; font-weight:bold; } /* SNB CONTACT */ #container div.snb div.contact { margin-top:215px; padding:0px 3px; } #container div.snb div.contact dl dt { height:29px; padding-top:3px; color:#fff; text-align:center; font-family:"NanumGothicBold"; } #container div.snb div.contact dl dt span { display:block; font-family:"NanumGothicBold"; font-size:11px; } #container div.snb div.contact dl dd { margin-left:13px; padding-left:23px; line-height:110%; font-family:"NanumGothicBold"; font-size:18px; } #container div.snb div.contact dl dd.phone { margin-top:5px; } #container div.snb div.contact dl.customer dt { background:#8774e9; } #container div.snb div.contact dl.customer dt span { color:#e7e2ff; } #container div.snb div.contact dl.customer dd.phone { color:#8774e9; background:url('/images/common/customerPhone.png') no-repeat left center; } #container div.snb div.contact dl.customer dd.fax { color:#7482e9; background:url('/images/common/customerFax.png') no-repeat left center; } #container div.snb div.contact dl.sales { margin-bottom:8px; } #container div.snb div.contact dl.sales dt { background:#3a5ac8; } #container div.snb div.contact dl.sales dt span { color:#e2ecff } #container div.snb div.contact dl.sales dd.phone { color:#3a5ac8; background:url('/images/common/salesPhone.png') no-repeat left center; } #container div.snb div.contact dl.sales dd.fax { color:#7482e9; background:url('/images/common/salesFax.png') no-repeat left center; } #container div.snb div.contact div.mail { height:18px; margin-top:5px; padding-top:4px; text-align:center; background:#9eacbf; } #container div.snb div.contact div.mail span { font-family:"NanumGothic"; color:#fff; } #container div.snb div.contact div.mail a { font-family:"NanumGothic"; color:#fff; } /* CONTENT */ #container div.contents { width:780px; padding:145px 0 0 27px; float:left; background:url('/images/common/contentTopBg.png') no-repeat; } #container div.contents div.contentsHeader { border-bottom:1px solid #e0e0e0; } #container div.contents div.contentsHeader h3 { float:left; font-family:"NanumGothicBold"; font-size:24px; } #container div.contents div.contentsHeader div.location ul { float:right; padding-top:13px; } #container div.contents div.contentsHeader div.location ul li { float:left; padding:0px 11px 0px 7px; background:url('/images/common/locationBullet.png') no-repeat right 1px; } #container div.contents div.contentsHeader div.location ul li a { display:block; } #container div.contents div.contentsHeader div.location ul li.home a { width:10px; height:10px; text-indent:-1000px; overflow:hidden; background:url('/images/common/homeMark.png') no-repeat; } #container div.contents div.contentsHeader div.location ul li.on { padding-right:0px; background:none; } #container div.contents div.contentsHeader div.location ul li.on a { font-weight:bold; } /* FOOTER */ #footer { height:128px; background:#f2f2f2; border-top:1px solid #dcdcdc; } #footer div.footerCotent div.corpInfo ul li { line-height:160%; font-family:"NanumGothic"; color:#8b8686; } #footer div.footerCotent div.copyRight { margin-top:10px; font-family:"NanumGothic"; color:#8b8686; }