@charset "utf-8";

/* Reset */
body {width:100%;height:100%;font-size:0.75em;font-family:Dotum, Gulim, Arial;color:#636363;background:#fff;}
html, body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, code, address, ul, ol, li,
dl, dt, dd, table, thead, tbody, tfoot, label, caption, th, td, form, fieldset, legend, hr, input, button, textarea, object {margin:0;padding:0;}
ul, ol ,li{list-style:none;}
img {vertical-align:middle;border:0;}
address {font-style:normal;font-weight:normal;}
input, select, textarea, button, label {font-size:1em;vertical-align:middle;}

#login_wrap {position:relative;width:900px;margin:0 auto;line-height:1.4em;}
.login_header {position:relative;width:900px;height:86px;margin:0 auto;border-bottom:1px solid #d5d5d5;}
.login_header h1 {padding-top:25px;}
.login_header h2 {position:absolute;top:34px;left:153px;}
.login_header .utility {position:absolute;top:34px;right:0;}
.login_header .utility li {float:left;padding:0 5px;}

.sso_area {width:800px;margin:0 auto;padding:32px 0;}
.sso_area .sso_desc {width:800px;height:106px;background:url('../images/login/bg_desc.gif') no-repeat left top;}
.sso_area .sso_desc dl {padding:25px 0 0 152px;}
.sso_area .sso_desc dt {color:#b11116;font-weight:bold;font-size:15px;margin-bottom:5px;}
.sso_area .sso_desc dd {color:#4e4e4e;font-size:13px;line-height:19px;}

.sso_area .sso_pwd {width:800px;height:106px;background:url('../images/login/mbg_pic_1.gif') no-repeat left top;}
.sso_area .sso_pwd dl {padding:25px 0 0 152px;}
.sso_area .sso_pwd dt {color:#b11116;font-weight:bold;font-size:15px;margin-bottom:5px;}
.sso_area .sso_pwd dd {color:#4e4e4e;font-size:13px;line-height:19px;}

.sso_area .login_area    {margin-top:36px;overflow:hidden;padding-bottom:77px;background: url('../images/login/bg_login_area.jpg') no-repeat left bottom;}
.sso_area .login_areaNew {margin-top:80px;overflow:hidden;padding-bottom:77px;background: url('../images/login/bg_login_area.jpg') no-repeat left bottom;}

.sso_area .id_login {float:left;width:375px;height:314px;border-top:2px solid #494949;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;margin-top:5px;}
.sso_area .certify_login {float:right;width:375px;height:314px;border-top:2px solid #494949;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;margin-top:5px;}
.sso_area .link_login {float:right;width:400px;height:304px;}
.sso_area .login_area h2 {padding:18px 20px 14px 20px;border-bottom:1px solid #e1e1e1;}
.sso_area .login_area .login_input {position:relative;padding:12px 0 0 35px;height:93px;border-bottom:1px solid #e1e1e1;background:#f9f9f9;}
.sso_area .login_area .login_input input.intype {padding:5px 0 3px 4px;border:1px solid #ccc;color:#666;}
.sso_area .login_area .login_input li {color:#636363;margin-bottom:5px;}
.sso_area .login_area .login_input li span {font-weight:bold;width:53px;display:inline-block;}
.sso_area .login_area .login_input .btn_login {position:absolute;right:35px;top:12px;}
.sso_area .login_area .login_input .idpw_find {padding:9px 0 0 42px;font-size:11px;color:#bfbfbf;}
.sso_area .login_area .login_input .id_find {padding:9px 0 0 125px;font-size:11px;color:#bfbfbf;}
.sso_area .login_area .login_input .idpw_find a,.sso_area .login_area .login_input .id_find a {color:#b11116;text-decoration:none;}
.sso_area .login_area .login_input .certify {padding:14px 0 15px 0;}
.sso_area .login_area .certify_btn {margin-top:0px;text-align:center;}
.sso_area .login_area .login_info {padding:10px 8px 8px 8px;}
.sso_area .login_area .login_info li {padding-left:16px;margin-bottom:5px;color:#383838;font-size:11px;background:url('../images/login/login_bult.gif') no-repeat left 2px;line-height:15px;}
.sso_area .login_area .login_info li span {color:#b11116;}

.sso_guide {height:110px;margin:0 auto;overflow:hidden;padding:18px 0 18px 17px;border:1px solid #e1e1e1;}
.sso_guide .service {float:left;width:233px;}
.sso_guide .service h2 {padding-left:14px;margin-bottom:6px;color:#636363;font-size:12px;background:url('../images/login/icon_service.gif') no-repeat left 2px;}
.sso_guide .service ul {padding-left:10px;}
.sso_guide .service li {padding-left:15px;background:url('../images/login/bult.gif') no-repeat left 2px;line-height:18px;color:#636363;}
.sso_guide .service li a {color:#636363;text-decoration:none;}
.sso_guide .service li a:hover {color:#b11116;text-decoration:none;}
.sso_guide .guide {float:left;width:248px;}
.sso_guide .guide h2 {padding-left:16px;margin-bottom:6px;color:#636363;font-size:12px;background:url('../images/login/icon_guide.gif') no-repeat left 1px;}
.sso_guide .guide p {color:#636363;line-height:18px;}
.sso_guide .guide span {color:#b11116;}
.sso_guide .guide ul {padding-left:10px;}
.sso_guide .guide li {padding-left:15px;background:url('../images/login/bult.gif') no-repeat left 2px;line-height:18px;color:#636363;}
.sso_guide .guide li a {color:#636363;text-decoration:none;}
.sso_guide .guide li a:hover {color:#b11116;text-decoration:none;}
.sso_guide .faq {float:left;width:248px;}
.sso_guide .faq h2 {padding-left:18px;margin-bottom:6px;color:#636363;font-size:12px;background:url('../images/login/icon_faq.gif') no-repeat left 1px;}
.sso_guide .faq ul {padding-left:10px;}
.sso_guide .faq li {padding-left:15px;background:url('../images/login/bult.gif') no-repeat left 2px;line-height:18px;color:#636363;}
.sso_guide .faq li a {color:#636363;text-decoration:none;}
.sso_guide .faq li a:hover {color:#b11116;text-decoration:none;}

.login_footer {position:relative;width:900px;height:87px;clear:both;margin:0 auto;border-top:1px solid #d5d5d5;overflow:hidden;background:#f9f9f9 url('../images/login/footer_logo.gif') no-repeat 68px 24px;}
.login_footer address {margin:25px 0 0 204px;}
.login_footer .copy {margin-left:204px;}
.login_footer .remote {position:absolute;top:25px;right:68px;}