@charset "utf-8";

/* ===============================================
Date : 2016-02-22 ~
Description : 로그인 스타일 정의
=============================================== */

 /*css import*/
@import url("/resource/css/common.css?v=20240709");
@import url("/resource/css/table.css");
/*
* @ login
* -------------------------------------
*/
.bx-login { position:relative; margin-bottom:45px; margin-top:50px;}
.bx-login:before{ content:''; display:block; position:absolute; left:50%; top:0; bottom:0; border-right:1px solid #d5d5d5;}
.bx-login.new_type:before { left:507px; }
.bx-login:after{ content:''; display:block; clear:both;}

.bx-login h3 {font-size:22px !important; margin:0 0 20px 0!important}
.bx-login a:hover {text-decoration:none}

.bx-login .set-btn:after{content:''; display:block; clear:both;}
.bx-login [class*="go-"] { float:left;background:#d71921; border-radius:5px;color:#ffffff; margin-top:0; text-align:center; font-size:16px; font-weight:bold;}
.bx-login [class*="go-"]:before{ display:inline-block; content:''; height:100%; vertical-align:middle;}
.bx-login .go-cert-login{ width:200px; height:85px;}
.bx-login .go-cert{ width:160px; height:84px; background:#9a7b6a; margin-left:10px;}

.button-group { font-size:0;display:table;}
.button-group a { display:table-cell; padding:0 5px; text-align:center; white-space:normal; word-break:keep-all;}
.button-group a:first-child{ -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; border-right:0;}
.button-group a + a{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.button-group a + a + a{ -webkit-border-radius: 0 3px 3px 0 ; -moz-border-radius: 0 3px 3px 0 ; border-radius: 0 3px 3px 0 ; border-left:0; }
#btnCertManagerBsr { border-left:1px solid #bbb; }

.bx-login.new_type .login-typ1 .button-group a + a + a { -webkit-border-radius: 0 ; -moz-border-radius: 0; border-radius: 0; width:auto; }
.bx-login.new_type .login-typ1 .button-group a + a + a + a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }

.login-typ1 { float:left; width:490px; padding:0 60px;}
.login-typ1 .set-chk{ margin:15px 0;}
.login-typ1 .set-btn span {display:inline-block;vertical-align:middle; padding: 0 10px;}
.login-typ1 .set-btn span a { display:block; padding-left:8px; color:#fff; margin-bottom:14px; background:url('/resource/img/bul/bul_dot_02.gif') 0 6px no-repeat; }
.login-typ1 .set-chk strong { color:#666; display:inline-block; margin-right:10px; }
.bx-login.new_type .login-typ1 .set-chk strong { margin-right: 20px; }
.login-typ1 .button-group a + a + a{ width:100px; }

.login-typ2 {float:right; width:490px;  padding:0 60px; height:210px;}
.login-typ2 .set-inp {position:relative; width:345px; margin-bottom:16px}
.login-typ2 .set-inp .login-box { position: relative; z-index: 5;}
.login-typ2 .set-inp .lbl-in{ opacity:0; position:absolute; left:11px; top:9px; z-index:2; font-size:13px; line-height:15px; color:darkgray; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
.login-typ2 .set-inp input {display:block; width:250px; height:40px; margin-bottom:4px; padding:0 10px; color:#666666}
.bx-login .go-login{ width:84px; height:84px; position:absolute; top:0; right:0; z-index:100;}
.bx-login .go-login span{ display:inline-block; padding:0 10px; vertical-align:middle;}

.bx-login.new_type .login-typ1 .set-chk { padding: 3px 0 1px 0; }
.bx-login.new_type .login-typ1, .bx-login.new_type .login-typ2 { padding: 0 30px; }
.bx-login.new_type .login-typ1 { width:475px; }
.bx-login.new_type .login-typ2 { width:440px; }

.login-typ2 .button-group{ margin-top:15px; }
.login-typ2 .button-group a:first-child{ width:100px; }

.login-typ1 .button-group{ width:370px;}
.bx-login.new_type .login-typ1 .button-group { width:415px; }
.bx-login.new_type .go-cert { width:200px; margin-left:15px; background:#9a7b6a url(/resource/img/btn/banksign_btnbg.png) no-repeat 50% 50%; }
.bx-login.new_type .go-cert-login { width:200px; }
.bx-login.new_type .go-cert span { overflow:hidden; width:0; height:0; }

.login-typ2 .button-group{ width:345px;}

.ecb-login .login-typ2 .button-group{width:auto;}
.ecb-login .login-typ2 .button-group{ max-width:347px;}
.ecb-login .login-typ2 .button-group a:first-child{ width:auto; min-width:100px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-right:1px solid #bbb;}


/* 로그인 새버전 */
.loginNewVer_tab { position:relative; padding-top:55px; }
.loginNewVer_tab ul { overflow:hidden; margin:0 auto; width:845px; }
.loginNewVer_tab ul.col6 { width: 866px; }
.loginNewVer_tab ul li { float:left; }
.loginNewVer_tab ul.col2 li { width:50%; }
.loginNewVer_tab ul.col2 li a { text-align:center; width:100%; }
.loginNewVer_tab ul.col5 li a { display:inline-block; padding:0 17px; font-size:17px; height:58px; line-height:58px;  border-left:1px solid #bababa; border-bottom:1px solid #d61920; border-top:1px solid #bababa; }
.loginNewVer_tab ul.col6 li a { padding: 0 26px; }
.loginNewVer_tab ul li span { position: absolute; display:inline-block; width:0; height:0; overflow:hidden; z-index:-1; }
.loginNewVer_tab ul li a { display:inline-block; padding:0 32px; font-size:18px; height:58px; line-height:58px;  border-left:1px solid #bababa; border-bottom:1px solid #d61920; border-top:1px solid #bababa; }
.loginNewVer_tab ul li:last-child a { border-right:1px solid #bababa; }
.loginNewVer_tab ul li.on a { border-color:#d61920; border-bottom:1px solid #fff; color:#d61920; font-weight:bold; }
.loginNewVer_tab ul li.on + li a { border-left:1px solid #d61920; }

.loginTabCon { display:none; }
.loginTabCon .login_setbox { text-align:center; padding-top:72px; }
.loginTabCon .set-chk { padding-top:34px; }
.loginTabCon .set-chk strong:after { content:'|'; display:inline-block; padding:0 10px; color:#bababa; font-weight:normal; }
.loginTabCon .button-group { margin:0 auto; }
.loginTabCon .button-group a { padding:0 15px; }
.loginTabCon .button-group a:last-child { -webkit-border-radius:0 3px 3px 0 ; -moz-border-radius:0 3px 3px 0 ; border-radius:0 3px 3px 0; border-left:0; }
.loginTabCon .button-group a + a + a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-left:0; }
.loginTabCon .go-cert-login { font-size:24px; display:inline-block; background:#d61920; color:#fff; padding:0 62px; line-height:84px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.loginTabCon .bt_line { padding-top:42px; border-top:1px solid #e5e5e5; width:574px; margin:30px auto 0 auto; }
.loginTabCon .set-inp { position: relative; width:480px; margin:0 auto; padding-top:60px; }
.loginTabCon .set-inp .login-box { position: relative; z-index: 5;}
.loginTabCon .set-inp .lbl-in{ opacity:0; position:absolute; left:11px; top:9px; font-size:13px; line-height:15px; color:darkgray; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
.loginTabCon .set-inp input { display:block; width:300px; height:52px; line-height:52px; padding:0 10px; color:#666; font-size:18px; }
.loginTabCon .set-inp input[type="password"] { background:#f8f8e4; }
.loginTabCon .set-inp .login-box + .login-box { padding-top:12px; }
.loginTabCon .set-inp .go-login { position: absolute; right:0; top:58px; z-index:6; background:#d61920; color:#fff; height:120px; width:150px; display:inline-block; font-size:22px; text-align:center; line-height:120px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.loginTabCon .banksign_box { overflow:hidden; width:510px; margin:0 auto; }
.loginTabCon .banksign_box > span { float:left; }
.loginTabCon .banksign_box > p { float:right; font-size:14px; padding-top:5px; line-height:24px !important; }
.loginTabCon .mobile_bank { overflow:hidden; width:380px; margin: 0 auto; }
.loginTabCon .mobile_bank a.btn-white-ss { float:left; }
.loginTabCon .mobile_bank > p { float:right; }