@charset "utf-8";

#loginTypeA {padding-top:80px;}
#loginTypeA .top {*zoom:1; width:660px; margin:0 auto; padding:10px;}
#loginTypeA .top:after {content:"clear"; display:block; clear:both; height:0; visibility:hidden;}
#loginTypeA h1 {float:left;}
#loginTypeA .language {float:right; margin-right:-4px; padding-top:24px; overflow:hidden;}
#loginTypeA .language li {float:left; margin-left:11px; margin-right:-1px; padding-right:12px; background:url(../img/division_text.gif) no-repeat 100% 0;}
#loginTypeA .language li.selected {font-weight:bold;}
#loginTypeA .content {background:url(../img/bg_dot.gif);}
#loginTypeA .content .loginContainer {width:680px; margin:0 auto; border:1px solid #D1D1D1; background:#FFF;}
#loginTypeA .content .loginContainer .visual {padding:5px;}
#loginTypeA .content .loginContainer .loginBox {*zoom:1; padding:10px 15px 15px 15px;}
#loginTypeA .content .loginContainer .loginBox:after {content:"clear"; display:block; clear:both; height:0; visibility:hidden;}
#loginTypeA .content .loginContainer .loginBox .notice {float:left; width:48%;}
#loginTypeA .content .loginContainer .loginBox .notice .tit {*zoom:1; padding:0 2px 4px 2px; border-bottom:1px solid #D2D2D2;}
#loginTypeA .content .loginContainer .loginBox .notice .tit:after {content:"clear"; display:block; clear:both; height:0; visibility:hidden;}
#loginTypeA .content .loginContainer .loginBox .notice .tit h4 {float:left; padding:0 5px 0 10px; background:url(../img/bu_h4.gif) no-repeat;}
#loginTypeA .content .loginContainer .loginBox .notice .tit a {float:right; margin-top:2px; font:11px 돋움, dotum;}
#loginTypeA .content .loginContainer .loginBox .notice ul {padding:7px 5px 0 5px;}
#loginTypeA .content .loginContainer .loginBox .notice ul li {height:16px; margin:3px 0; padding-left:8px; line-height:130%; overflow:hidden; background:url(../img/bu_quad.gif) no-repeat 0 5px;}
#loginTypeA .content .loginContainer .loginBox .guide {float:left; width:48%;}
#loginTypeA .content .loginContainer .loginBox .guide .sso {height:100px; padding:16px 10px; font:11px 돋움, dotum; color:#555; letter-spacing:-1px; line-height:130%; text-align:center;}
#loginTypeA .content .loginContainer .loginBox .guide .sso img {margin-top:15px;}
#loginTypeA .content .loginContainer .loginBox .login {float:right; width:48%;}
#loginTypeA .content .loginContainer .loginBox .login fieldset {height:100px; padding:16px 10px; text-align:left;}
#loginTypeA .content .loginContainer .loginBox .login fieldset dl {float:left; width:190px;}
#loginTypeA .content .loginContainer .loginBox .login fieldset dl dt {float:left; width:65px; padding:6px 5px 0 5px; text-align:right;}
#loginTypeA .content .loginContainer .loginBox .login fieldset dl dd {float:left; width:110px; padding:2px 0; *padding:2px 0 1px 0;}
#loginTypeA .content .loginContainer .loginBox .login fieldset dl dd .input {height:14px;}
#loginTypeA .content .loginContainer .loginBox .login fieldset .submit {float:left; padding-top:2px; *padding-top:3px;}
#loginTypeA .content .loginContainer .loginBox .login fieldset .keeping {clear:both; padding:8px 0 0 70px; font-size:11px; color:#555;}
#loginTypeA .content .loginContainer .loginBox .login fieldset .keeping ul {*zoom:1; width:190px;}
#loginTypeA .content .loginContainer .loginBox .login fieldset .keeping ul:after {content:"clear"; display:block; clear:both; height:0; visibility:hidden;}
#loginTypeA .content .loginContainer .loginBox .login fieldset .keeping ul li {float:left; padding:0 5px 3px 5px; letter-spacing:-1px; white-space:nowrap;}
#loginTypeA .content .loginContainer .loginBox .login fieldset .keeping ul li a {color:#555;}
#loginTypeA .content .loginContainer .loginBox .login fieldset .keeping ul li label {vertical-align:middle;}
#loginTypeA .content .loginContainer .loginBox .login fieldset .inquiry {clear:both; padding:5px 0 0 70px;}
#loginTypeA .content .loginContainer .loginBox .login fieldset .inquiry ul {*zoom:1; width:190px; font-size:11px; color:#555;}
#loginTypeA .content .loginContainer .loginBox .login fieldset .inquiry ul:after {content:"clear"; display:block; clear:both; height:0; visibility:hidden;}
#loginTypeA .content .loginContainer .loginBox .login fieldset .inquiry ul li {float:left; padding:0 5px 3px 5px; letter-spacing:-1px; white-space:nowrap;}
#loginTypeA .content .loginContainer .loginBox .login fieldset .inquiry ul li a {color:#555;}
#loginTypeA .content .loginContainer .loginBox .login fieldset .inquiry ul li label {vertical-align:middle;}
#loginTypeA .content .loginContainer .loginBox .login fieldset .sign {padding:6px 0 0 74px;}
#loginTypeA .bottom .footer {margin:0; border:none; color:#555;}
/* 수정 2011.04.27 */
#loginTypeA .content .loginContainer .loginBox .notice .tit {height:27px; padding:0 10px 0 0; border:0; background:url(../img/bg_grbar.gif) no-repeat 100% 0;}
#loginTypeA .content .loginContainer .loginBox .notice .tit h4 {height:21px; padding:6px 5px 0 22px; color:#555; background:url(../img/bg_grbar.gif) no-repeat 0 100%;}
#loginTypeA .content .loginContainer .loginBox .notice .tit a {margin-top:7px; color:#888;}
#loginTypeA .content .loginContainer .loginBox .login fieldset {height:auto;}
#loginTypeA .content .loginContainer .loginBox .login fieldset dl {width:210px;}
#loginTypeA .content .loginContainer .loginBox .login fieldset dl dd select {width:184px;}
#loginTypeA .content .loginContainer .loginBox .login fieldset dl dd {width:130px;}
#loginTypeA .content .loginContainer .loginBox .login fieldset dl dd .input {width:125px !important;}
#loginTypeA .content .loginContainer .loginBox .login fieldset .keeping {padding:5px 0 0 70px;}
/* //수정 2011.04.27 */

#loginTypeB {padding-top:80px;}
#loginTypeB .top {*zoom:1; width:590px; margin:0 auto; padding:10px 5px;}
#loginTypeB .top:after {content:"clear"; display:block; clear:both; height:0; visibility:hidden;}
#loginTypeB h1 {float:left;}
#loginTypeB .language {float:right; margin-right:-4px; padding-top:24px; font-family:tahoma; overflow:hidden;}
#loginTypeB .language li {float:left; margin-left:11px; margin-right:-1px; padding-right:12px; background:url(../img/division_text.gif) no-repeat 100% 2px;}
#loginTypeB .language li.selected {font-weight:bold;}
#loginTypeB .content {background:url(../img/bg_dot.gif);}
#loginTypeB .content .loginContainer {width:600px; margin:0 auto; padding:5px; background:#F5F5F5;}
#loginTypeB .content .loginContainer .loginBox {*zoom:1; width:600px; border:1px solid #D1D1D1; background:#FFF;}
#loginTypeB .content .loginContainer .loginBox:after {content:"clear"; display:block; clear:both; height:0; visibility:hidden;}
#loginTypeB .content .loginContainer .loginBox .visual {float:left; padding:3px;}
#loginTypeB .content .loginContainer .loginBox .login {position:relative; float:right; width:305px;}
#loginTypeB .content .loginContainer .loginBox .login .tit {height:40px; padding-top:18px;}
#loginTypeB .content .loginContainer .loginBox .login fieldset {width:270px; padding:10px 5px; border-top:1px solid #EEE; border-bottom:1px solid #EEE;}
#loginTypeB .content .loginContainer .loginBox .login fieldset dl {float:left; width:190px;}
#loginTypeB .content .loginContainer .loginBox .login fieldset dl dt {float:left; width:65px; padding:6px 5px 0 5px; text-align:right;}
#loginTypeB .content .loginContainer .loginBox .login fieldset dl dd {float:left; width:110px; padding:2px 0; *padding:2px 0 1px 0;}
#loginTypeB .content .loginContainer .loginBox .login fieldset dl dd .input {height:14px;}
#loginTypeB .content .loginContainer .loginBox .login fieldset .submit {float:left; padding-top:2px; *padding-top:3px;}
#loginTypeB .content .loginContainer .loginBox .login fieldset .keeping {clear:both; padding:8px 0 0 70px; font:11px 돋움, dotum; color:#555;}
#loginTypeB .content .loginContainer .loginBox .login fieldset .keeping ul {*zoom:1; width:190px;}
#loginTypeB .content .loginContainer .loginBox .login fieldset .keeping ul:after {content:"clear"; display:block; clear:both; height:0; visibility:hidden;}
#loginTypeB .content .loginContainer .loginBox .login fieldset .keeping ul li {float:left; padding:0 5px 3px 5px; letter-spacing:-1px; white-space:nowrap}
#loginTypeB .content .loginContainer .loginBox .login fieldset .keeping ul li a {color:#555;}
#loginTypeB .content .loginContainer .loginBox .login fieldset .keeping ul li label {vertical-align:middle;}
#loginTypeB .content .loginContainer .loginBox .login .guide {width:270px; padding:10px 5px; font:11px 돋움, dotum; color:#555; letter-spacing:-1px; line-height:130%;}
#loginTypeB .content .loginContainer .loginBox .login .guide img {margin-top:15px;}
#loginTypeB .content .loginContainer .loginBox .login .notice {width:270px; padding:10px 5px;}
#loginTypeB .content .loginContainer .loginBox .login .notice ul li {height:16px; margin:4px 0; font:12px 돋움, dotum; color:#555; letter-spacing:-1px; line-height:120%;; overflow:hidden;}
#loginTypeB .bottom .footer {margin:0; border:none; color:#555;}

/* 인증창 */
.certifyBox {padding:20px;}
.certifyBox .guideBox {padding:0 5px 10px 5px;}
.certifyBox .guideBox .tit {display:block; margin-bottom:8px;}
.certifyBox .msg {margin-bottom:15px; line-height:1.4;}
.certifyBox .msg .error, .certifyBox .msg em {color:#f00; font-style:normal;}
.certifyBox .code {margin-bottom:15px; padding:10px; border:2px solid #d2d2d2; background-color:#f5f5f5; text-align:center;}
.certifyBox .code label {font-weight:bold;}
.certifyBox .code .input {width:120px; vertical-align:middle;}
.certifyBox .password {margin-bottom:15px; padding:10px; border:2px solid #d2d2d2; background-color:#f5f5f5;}
.certifyBox .password table th, .certifyBox .password table td {padding:4px;}
.certifyBox .password table th {padding:4px 8px; text-align:right;}
.certifyBox .password table td .input {width:140px;}
.certifyBox .formTable {margin-bottom:15px; padding:10px; border:2px solid #d2d2d2; background-color:#f5f5f5;}
.certifyBox .formTable table th, .certifyBox .password table td {padding:4px;}
.certifyBox .formTable table th {padding:4px 8px; text-align:right;}
.certifyBox .formTable table td .input {width:140px;}
.certifyBox .btnBox {padding:0 !important;}