﻿@charset "utf-8";

/* Jnpix Design Team
Kim mi jin 20110927*/

/* 회사소개::인사말 */
.greetingsArea {width:750px;height:400px;background:url('../images/Utility/bg_v_introduce.jpg') no-repeat right top;}
.greetingsArea .v_introduce {width:750px;height:283px;background:url('../images/Utility/bg_greetings.gif') no-repeat 0 0}
.greetingsArea .v_introduce h4, .greetingsArea .v_introduce strong, .greetingsArea .v_introduce p{display:none}
.greetingsArea .btn {margin-top:25px;}

/* 로그인 */
.loginArea {margin-top:1px;width:750px;height:532px;background:url('../images/Utility/bg_login.gif') no-repeat left top;zoom:1;}
.loginArea:after{content:".";display:block;font-size:0px;line-height:0px;height:0;clear:both;visibility:hidden;}
.loginArea .infotext_left {float:left;padding:312px 0 0 30px;width:253px;}
.loginArea .infotext_left h4 {overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;visibility:hidden}
.loginArea .loginformArea {float:left;width:461px;height:547px;text-align:left;}
.loginArea .loginformArea h4 {display:none;}
.loginArea .loginformArea .loginW {width:248px;padding-top:245px;margin-left:85px;}
.loginArea .loginformArea .loginW .login_form {width:248px;zoom:1}
.loginArea .loginformArea .loginW .login_form:after{content:".";display:block;font-size:0px;line-height:0px;height:0;clear:both;visibility:hidden;}
.loginArea .loginformArea .loginW .login_form .loginWrite {float:left;width:190px;}
.loginArea .loginformArea .loginW .login_form .loginWrite dt, .login_form .loginWrite dd {float:left;width:67px;}
.loginArea .loginformArea .loginW .login_form .loginWrite dt.userid {padding-top:8px;height:17px;}
.loginArea .loginformArea .loginW .login_form .loginWrite dd.userid_input {padding:1px 10px 0 12px;width:98px;height:24px;background:url('../images/Utility/bg_input.gif') no-repeat 0 0;}
.loginArea .loginformArea .loginW .login_form .loginWrite dt.userpw {width:67px;padding-top:8px;}
.loginArea .loginformArea .loginW .login_form .loginWrite dd.userpw_input {padding:1px 10px 0 12px;width:98px;height:22px;background:url('../images/Utility/bg_input.gif') no-repeat 0 0;}
.loginArea .loginformArea .loginW .login_form .loginWrite dd input {padding:1px 0 0 0; color:#333; width:95px;height:15px;border:0;background:none;}
.loginArea .loginformArea .loginW .login_form .loginbtn {float:left;width:58px;height:48px;font-size:0;background:url('../images/Button/btn_login.gif') 0 0 no-repeat}
.loginArea .loginformArea .loginW .login_form .loginbtn button {width:58px;height:48px;margin:0;padding:0;border:0;background:none;}
.loginArea .loginformArea .loginW .login_form .loginbtn button span {overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;visibility:hidden;}
.loginArea .loginformArea .loginW .idpw_find {padding-top:38px;}
.loginArea .loginformArea .loginW .idpw_find .text{text-align:center;height:20px;}
.loginArea .loginformArea .loginW .idpw_find .btn{text-align:center;}

/* Contact Us */
.contactUsArea {margin-top:1px;width:750px;height:196px;background:url('../images/Utility/bg_contactus.gif') no-repeat 0 0;}
.contactUsArea .contactUs_cont {padding:31px 0 0 310px;overflow:hidden;}
.contactUsArea .contactUs_cont h4 {padding:0 0 0 3px;}
.contactUsArea .contactUs_cont dl.contact_point {padding:27px 0 0 18px;overflow:hidden;}
.contactUsArea .contactUs_cont dl.contact_point dt {padding-bottom:12px;}
.contactUsArea .contactUs_cont dl.contact_point ul.text {overflow:hidden;}
.contactUsArea .contactUs_cont dl.contact_point ul.text li {padding:0 0 0 7px;color:#777;text-decoration:underline;background:url('../images/Bullet/bullet_dot-1.gif') no-repeat 0 9px;}
.contactUsArea .contactUs_cont dl.contact_point ul.text li a {text-decoration:underline;}

.contactUsArea .contactUs_cont .customer_cont {position:relative;margin:0 0 0 323px;width:387px;height:178px;overflow:hidden;}
.contactUsArea .contactUs_cont .customer_cont h5 {padding:10px 0 7px 18px;}
.contactUsArea .contactUs_cont .customer_cont div {width:187px;height:84px;background:url('../images/Utility/bg_contactus.gif') no-repeat 0 0;}
.contactUsArea .contactUs_cont .customer_cont dl {padding:10px 0 0 19px;overflow:hidden;zoom:1;}
.contactUsArea .contactUs_cont .customer_cont dl:after{content:".";display:block;font-size:0px;line-height:0px;height:0;clear:both;visibility:hidden;}
.contactUsArea .contactUs_cont .customer_cont dl dt {float:left;padding:0 7px 5px 7px;line-height:14px;background:url('../images/Bullet/bullet_dot-1.gif') no-repeat 0 4px;}
.contactUsArea .contactUs_cont .customer_cont dl dt img {vertical-align:middle;}
.contactUsArea .contactUs_cont .customer_cont dl dd {float:left;padding:0 0 5px;width:100px;line-height:14px;color:#777;}
.contactUsArea .contactUs_cont .customer_cont .maileageArea {background-position:0 -327px;}
.contactUsArea .contactUs_cont .customer_cont .productArea {position:absolute;left:198px;top:0;background-position:0 -327px;}
.contactUsArea .contactUs_cont .customer_cont .siteArea {position:absolute;left:0;top:94px;background-position:0 -327px;}
.contactUsArea .contactUs_cont .contactUs_text {margin-top:31px; overflow:hidden;color:#777}
.contactUsArea .contactUs_cont .contactUs_text img {vertical-align:middle;}
.contactUsArea .contactUs_cont .contactUs_text a {margin-left:10px;}

/* sitemap */
.sitemapArea{ overflow:hidden; padding-top:25px;}
.sitemapArea dl{ float:left; width:187px; height:193px; background:url('../images/Utility/bg_sitemap.gif') no-repeat 0 0;}
.sitemapArea dl dt{}
.sitemapArea dl dt a{ display:block; width:177px; height:40px; text-indent:-5000px;}
.sitemapArea dl dd{}
.sitemapArea dl dd ul{ padding-top:10px; padding-left:10px;}
.sitemapArea dl dd ul li{ background:url('../images/Bullet/bullet_dot-1.gif') no-repeat 0 7px; padding-left:7px; width:165px; color:#777;line-height:14px; margin-bottom:5px;}

.sitemapArea dl.map1{ background-position:0 0; margin-bottom:30px;}
.sitemapArea dl.map2{ background-position:-187px 0; margin-bottom:30px;}
.sitemapArea dl.map3{ background-position:-374px 0; margin-bottom:30px;}
.sitemapArea dl.map4{ background-position:-561px 0; margin-bottom:30px;}
.sitemapArea dl.map5{ height:213px;background-position:0 -223px;}
.sitemapArea dl.map6{ height:213px;background-position:-187px -223px;}
.sitemapArea dl.map7{ height:213px;background-position:-374px -223px;}

/* 개인정보보호정책 */
.privacyArea {margin-top:1px;width:750px;overflow:hidden;}
.privacyArea:after{content:".";display:block;font-size:0px;line-height:0px;height:0;clear:both;visibility:hidden;}
.privacyArea h4 {margin-bottom:12px;}
.privacyArea .privacy_text {margin:0 0 25px 15px;}
.privacyArea .privacy_text dl {padding:5px 0 0;overflow:hidden;}
.privacyArea .privacy_text dl dt {padding:0 0 0 7px;background:url('../images/Bullet/bullet_dot-1.gif') no-repeat 0 7px;}
.privacyArea .privacy_text dl dd {padding:0 0 0 7px;}
.privacyArea .privacy_text_last {margin:20px 0 0 15px;}
.privacyArea .privacy_customer {width:750px;height:226px;background:url('../images/Utility/bg_privacy_customer.gif') no-repeat 0 0;zoom:1;}
.privacyArea .privacy_customer:after{content:".";display:block;font-size:0px;line-height:0px;height:0;clear:both;visibility:hidden;}
.privacyArea .privacy_customer .privacy_left {float:left;padding:18px 0 0 31px;width:278px;zoom:1;}
.privacyArea .privacy_customer .privacy_left:after{content:".";display:block;font-size:0px;line-height:0px;height:0;clear:both;visibility:hidden;}
.privacyArea .privacy_customer .privacy_left dl {padding:8px 0 10px 1px;overflow:hidden;zoom:1;}
.privacyArea .privacy_customer .privacy_left dl:after{content:".";display:block;font-size:0px;line-height:0px;height:0;clear:both;visibility:hidden;}
.privacyArea .privacy_customer .privacy_left dl dt {float:left;padding:0 0 0 7px;width:58px;font-size:11px;color:#999;line-height:16px;background:url('../images/Bullet/bullet_dot-1.gif') no-repeat 0 8px;}
.privacyArea .privacy_customer .privacy_left dl dd {font-size:11px;color:#999;line-height:16px;}
.privacyArea .privacy_customer .privacy_right {float:left;padding:19px 0 0 20px;width:400px;}
.privacyArea .privacy_customer .privacy_right p.last {padding-top:22px;}
.privacyArea .privacy_customer .privacy_right ul {padding:17px 0 0 4px;overflow:hidden;}
.privacyArea .privacy_customer .privacy_right ul li {padding:0 0 0 7px;font-size:11px;color:#999;background:url('../images/Bullet/bullet_dot-1.gif') no-repeat 0 7px;}

/* 홈페이지 이용약관 */
.agreementArea {margin-top:1px;width:750px;overflow:hidden;}
.agreementArea:after{content:".";display:block;font-size:0px;line-height:0px;height:0;clear:both;visibility:hidden;}
.agreementArea h4 {margin-bottom:12px;}
.agreementArea .agreement_text {margin:0 0 25px 15px;}
.agreementArea .agreement_text dl {padding:5px 0 0;overflow:hidden;}
.agreementArea .agreement_text dl dt {padding:0 0 0 7px;color:#098c9c;background:url('../images/Bullet/bullet_dotgreen01.gif') no-repeat 0 7px;}
.agreementArea .agreement_text dl dt.top {margin-top:20px;} 
.agreementArea .agreement_text dl dt.top1 {margin-top:8px;} 
.agreementArea .agreement_text dl dd {padding:0 0 0 7px;}
.agreementArea .agreement_text dl dd .s_text {padding:3px 0 12px 16px;}
.agreementArea .agreement_text dl dd ol li {clear:both;}
.agreementArea .agreement_text dl dd ol li span {float:left;display:block;width:15px;_width:13px;height:20px;}
.agreementArea .agreement_text dl dd ol li span.hptop { height:70px;}
.agreementArea .agreement_text dl dd ol li span.hptop1 { height:50px;}
.agreementArea .agreement_text .text_last {margin:20px 0 0 7px;}
