@charset "utf-8";

/* HEADER */
.headerWrap{margin-bottom:35px;width:918px;padding:0 41px;margin:0 auto}
#HEADER{width:918px;margin:0 auto;height:100px;background:url(../images/bg_snbLine.gif) repeat-x 0 100%}
.hw1{display:none}
.titPers{left:0px}
.kbgnb{right:0px}
.bottom_area{width:918px;margin:0 auto;padding-top:21px;text-align:left;background:url(../images/bg_layout1_bottom.gif) repeat-x}
.login_area{width:690px;height:362px;margin-left:-41px;padding:50px 140px 0 155px;background:url(../images/bg_loginArea.gif) no-repeat 50% 100%}
.login_area  .cert_area,.login_area .idpw_area{position:relative;float:left;width:325px;}
.login_area .idpw_area{float:right}
.login_area .login_box{float:left;width:325px;height:186px;background:url(../images/bg_login_box.gif) no-repeat 100% 0}
.login_area .login_box.cert{background-position:0 0}
.login_area .login_box .input{height:21px}

.login_area .cert_area h2,.login_area .idpw_area h2{height:31px;padding-left:10px;font:0/0 Arial}
.login_area .cert_area .setting_autopop{overflow:hidden;*zoom:1;margin:0 0 0 65px}
.login_area .cert_area .setting_autopop dt,.login_area .cert_area .setting_autopop dd{float:left}
.login_area .cert_area .setting_autopop dt{padding-right:10px}
.login_area .cert_area .setting_autopop dd label{display:inline-block;padding-right:5px;color:#716c65}
.login_area .cert_area .setting_autopop dd *{vertical-align:middle}
.login_area .cert_area .cert_btn{overflow:hidden;*zoom:1;margin:34px 19px 17px 20px;_margin:34px 19px 20px 19px;text-align:center}
.cert_btn *{_overflow:hidden;*float:left;overflow:visible;display:inline-block;*display:inline;*zoom:1;width:137px;height:60px;margin:0 2px;border:none;color:#4e473f;font-weight:bold;font-size:14px;white-space:nowrap;text-decoration:none !important;cursor:pointer;line-height:64px;letter-spacing:-0.05em;background:url() no-repeat}
.cert_btn button span{width:100%;height:100%;text-shadow:1px 1px 0 #ffe79b;filter:dropshadow(color=#ffe79b,offx=0,offy=1,positive=1);background:none}
.cert_btn a{*float:right;display:inline-block;background-position:100% 0}
.login_area .link_certCenter{overflow:hidden;*zoom:1;position:absolute;bottom:6px;left:7px}
.login_area .link_certCenter li{float:left}
.login_area .link_certCenter li a{display:inline-block;*display:inline;*zoom:1;padding:5px 7px 3px 7px;color:#716a63;font-family:Dotum;letter-spacing:-0.05em;letter-spacing:-1.5px;background:url(../images/bg_linkLogin.gif) no-repeat 0 10px}
.login_area .link_certCenter li.first a{background:none}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.login_area .link_certCenter{left:5px;letter-spacing:0 !important}
}
.login_area .login_box legend{position:absolute;top:-99999%;text-indent:-9999%}
.login_area .login_box.idpw fieldset{overflow:hidden;*zoom:1;position:absolute;left:22px;bottom:13px;width:283px;padding-bottom:40px} 
.login_area .login_box.idpw fieldset label{display:inline-block;*display:inline;*zoom:1;width:70px;padding-top:4px;font-weight:bold}
.login_area .login_box.idpw fieldset input{width:126px;margin-bottom:8px}
.login_area .login_box.idpw fieldset .login{position:absolute;top:0;right:0;width:66px;height:61px;border:none;cursor:pointer;background:url() no-repeat 0 -138px}
.login_area .login_box.idpw fieldset .login span{width:100%;height:100%;font-size:14px;font-weight:bold;text-shadow:1px 1px 0 #ffe79b;filter:dropshadow(color=#ffe79b,offx=0,offy=1,positive=1);background:none}
.login_area .login_box.idpw .mouse{margin-left:70px}
.login_area .login_box.idpw .mouse label{width:180px;padding-top:2px;font-weight:normal}
.login_area .login_box.idpw .mouse input{width:auto;margin:2px 5px 0 0}
.login_area .login_box.idpw .mouse *{vertical-align:middle}
.ad_bizlogin{float:right;margin:33px 0 12px 0}

.login_area .link_info{clear:both;}
.login_area .link_info a{display:block;margin-top:12px;padding:1px 0 0 20px;color:#0391b1;background:url() no-repeat 0 1px}
.bottom_area .btmService ,.bottom_area .btmGuide, .bottom_area .btmFaq{float:left;height:127px;padding-left:16px;border-right:1px solid #e9e9e9}
.bottom_area .btmService{width:300px;padding-left:16px}
.bottom_area .btmGuide{width:297px;background:url() no-repeat 191px 33px}
.bottom_area .btmFaq{float:right;width:270px;padding-left:0;border-right:none}
.bottom_area h4{height:26px;color:#463f3a;font-size:14px;}
.bottom_area .btmService .relationService li{float:left;width:140px;min-height:height:22px;_height:22px;background:url() no-repeat 0 8px}
.bottom_area .btmService .relationService li a{display:block;padding:1px 0 0 10px}
.bottom_area .btmGuide p{width:160px}
.bottom_area .btmFaq .faqList li{*zoom:1}
.bottom_area .btmFaq .faqList li a{display:block;padding:0 0 3px 25px;background:url() no-repeat 0 2px}
.secNum{margin:21px 0 10px 31px;width:263px}
.secNum td,th{padding:3px 5px 3px 20px}
.cardNum{width:68px;background:url() no-repeat}
.cardNum .hidden{position:absolute;top:-9999%;left:-9999%;text-indent:-9999px;}
.cardNum input{width:38px;text-align:center}
.secNum .end{text-align:right}
.securityNum{background-position:0 -206px !important}
.securityNum .mouse{margin-left:31px !important}
.securityNum .btnArea{margin-top:13px !important}

.txt_phoneOK{margin:31px 20px 20px 21px}
.notiBox{width:690px;margin:0 0 0 114px;background:url() no-repeat}
.notiBox .inner{height:93px;background-image:url()}

.cybPBLogin .login_box{position:relative;zoom:1}
.cybPBLogin .cypb_note{clear:both;padding:8px 0 0 10px;background:url() no-repeat 2px 11px;line-height:1.3;color:#ff8400}

.header_txt{color:#009b48;font-size:16px;line-height:1.65;font-family:Dotum,AppleGothic,Arial,Sans-serif;}
.button	{  

	  		font-family:Arial, Helvetica, sans-serif;
	  		font-size:11px;
	  		font-weight:bold;
	  		padding:1px 6px 1px 6px;
   			color:#FFFFFF;
   			background-color:#222222;
   			border-style:double;
   			border-color:#aaaaaa;
   			border-width:3px;
			background:#555 url(../images/buttonGradient.gif) 4px 0px repeat-x;	
   			cursor:pointer
			
}
