/* ===== PC LOGIN ===== */

.Login_header {width:100%; padding:22px 0 50px 0; color:#fff; background:#0170c9 url(/Mobile/images/PC_login/top_bg01.jpg) no-repeat center top; background-size:cover; position:relative;}
.Login_header .top_logo > img {display:block; width:180px; margin:0 auto;}

.Login_header .cs_call > img {display:block; position:absolute; top:22px; right:15px; width:45px; height:45px;}

.Login_gnb {position:absolute; top:88px; left:0; width:90%; padding:0 5% 0 5%;}
.Login_gnb > ul {width:100%; display:inline-block; *zoom:1; *display:inline; border:1px solid #0062be; border-right:none; background:#fff;}
.Login_gnb > ul > li {float:left; width:33%;}
.Login_gnb > ul > li.mid {width:34%;}
.Login_gnb > ul > li > a {display:block; text-align:center; color:#0062be; padding:16px 0 15px 0; border-right:1px solid #0062be; font-size:15px; letter-spacing:-0.8px;}
.Login_gnb > ul > li > a.active {color:#fff; background:#0062be;}

.Login_container {width:100%; width:90%; padding:45px 5% 30px 5%;}
.Login_container .Login_title {margin:0 0 20px 0; text-align:center; color:#333; font-size:26px;}
.Login_container .Login_title > p {font-size:18px; margin-bottom:7px;}

.Login_footer {text-align:center; background:#edeff3; color:#333; padding:25px 0 25px 0; font-size:14px;}

.login_account {width:100%; font-size:14px; text-align:center;}
.login_account > a {color:#555;}
.login_account .divider {display:inline-block; *zoom:1; *display:inline; color:#ccc; font-weight:normal; font-size:12px; margin:0 5px 0 5px;}

.kica_app_info {width:100%; border:4px solid #eee; box-sizing:border-box; color:#666; font-size:13px; text-align:center; padding:15px 15px 15px 15px; line-height:20px;}
.kica_app_info .b_bottom {border-bottom:1px dotted #ccc; padding:0 0 10px 0; margin:0 0 10px 0;}


/* ===== YEOGI MOBILE ===== */

.yeogi_m_header {width:100%; padding:20px 0 20px 0; background:#fff; border-bottom:1px solid #ddd;}
.yeogi_m_header .top_logo > img {display:block; width:180px; margin:0 auto;}

.yeogi_m_container {width:100%; width:88%; padding:7% 6% 8% 6%;}
.yeogi_m_container .yeogi_m_title {margin:0 0 20px 0; text-align:center; color:#333; font-size:35px;}
.yeogi_m_container .yeogi_m_title > p {font-size:15px; margin:7px 0 15px 0;}

.yeogi_m_container .yeogi_m_title .divider {display:block; width:20px; height:1px; margin:0 auto; background:#333;}

.yeogi_m_intro {width:100%; color:#777; font-size:13px; line-height:20px; text-align:center;}

.yeogi_m_btn01 {font-size:19px; line-height:27px; height:80px; padding:0 0 0 0; color:#3d3d3d; display:inline-block; *zoom:1; *display:inline; letter-spacing:-1px; box-sizing:border-box; border-radius:5px; border: 1px solid #d9d9d9; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.yeogi_m_btn01 .bank_title {margin:13px 0 0 0;}
.yeogi_m_btn01 .bank_text {font-size:16px; margin:1px 0 0 0; padding:0 0 0 0;}

.yeogi_m_btn01 > i {display:block; width:80px; height:80px; float:left; background-size:62% !important; margin-right:15px; border-right:1px solid; border-color:#d9d9d9;}
.yeogi_m_btn01 > p {float:left; margin-top:13px;}

.yeogi_m_btn01.yeogi_m {background:#fff url(/Mobile/images/PC_login/yeogi_m_bg01.png) no-repeat center right; background-size:30px auto;}
.yeogi_m_btn01.yeogi_m > i.iCon_yeogi {background:url(/Mobile/images/PC_login/yeogi_m_iCon01.png) no-repeat center;}
.yeogi_m_btn01.yeogi_m > i.iCon_m_01 {background:url(/Mobile/images/PC_login/menual_haksa_ico01.png) no-repeat center;}

.yeogi_m_btn01.android {background:#fff url(/Mobile/images/PC_login/yeogi_m_bg01.png) no-repeat center right; background-size:30px auto;}
.yeogi_m_btn01.android > i.iCon_android {background:url(/Mobile/images/PC_login/yeogi_m_iCon02.png) no-repeat center;}
.yeogi_m_btn01.android > i.iCon_m_02 {background:url(/Mobile/images/PC_login/menual_haksa_ico02.png) no-repeat center;}

.yeogi_m_btn01.ios {background:#fff url(/Mobile/images/PC_login/yeogi_m_bg01.png) no-repeat center right; background-size:30px auto;}
.yeogi_m_btn01.ios > i.iCon_ios {background:url(/Mobile/images/PC_login/yeogi_m_iCon03.png) no-repeat center;}
.yeogi_m_btn01.ios > i.iCon_m_03 {background:url(/Mobile/images/PC_login/menual_haksa_ico03.png) no-repeat center;}

.yeogi_m_btn01.h_m_btn_04 {background:#fff url(/Mobile/images/PC_login/yeogi_m_bg01.png) no-repeat center right; background-size:30px auto;}
.yeogi_m_btn01.h_m_btn_04 > i.iCon_m_04 {background:url(/Mobile/images/PC_login/menual_haksa_ico04.png) no-repeat center;}

.yeogi_m_btn01.bank_kb {background:#7c7266 url(/Mobile/images/PC_login/yeogi_m_bg01.png) no-repeat center right; background-size:30px auto;}
.yeogi_m_btn01.bank_kb > i.iCon_kb {background:url(/Mobile/images/PC_login/bank_m_iCon01.png) no-repeat center;}

.yeogi_m_btn01.bank_wr {background:#0067ac url(/Mobile/images/PC_login/yeogi_m_bg01.png) no-repeat center right; background-size:30px auto;}
.yeogi_m_btn01.bank_wr > i.iCon_wr {background:url(/Mobile/images/PC_login/bank_m_iCon02.png) no-repeat center;}

.yeogi_m_btn01.bank_sh {background:#4f9ee1 url(/Mobile/images/PC_login/yeogi_m_bg01.png) no-repeat center right; background-size:30px auto;}
.yeogi_m_btn01.bank_sh > i.iCon_sh {background:url(/Mobile/images/PC_login/bank_m_iCon03.png) no-repeat center;}

.yeogi_m_btn01.bank_ibk {background:#0f53a8 url(/Mobile/images/PC_login/yeogi_m_bg01.png) no-repeat center right; background-size:30px auto;}
.yeogi_m_btn01.bank_ibk > i.iCon_ibk {background:url(/Mobile/images/PC_login/bank_m_iCon04.png) no-repeat center;}

.yeogi_m_btn01.bank_nh {background:#0066b3 url(/Mobile/images/PC_login/yeogi_m_bg01.png) no-repeat center right; background-size:30px auto;}
.yeogi_m_btn01.bank_nh > i.iCon_nh {background:url(/Mobile/images/PC_login/bank_m_iCon05.png) no-repeat center;}

.yeogi_m_btn01.bank_hn {background:#009593 url(/Mobile/images/PC_login/yeogi_m_bg01.png) no-repeat center right; background-size:30px auto;}
.yeogi_m_btn01.bank_hn > i.iCon_hn {background:url(/Mobile/images/PC_login/bank_m_iCon06.png) no-repeat center;}


/* ===== YEOGI MOBILE - cblink ===== */

.yeogi_m_btn01.cblink_sa {background:#763aa3 url(/Mobile/images/PC_login/yeogi_m_bg01.png) no-repeat center right; background-size:30px auto; color: #fff;}
.yeogi_m_btn01.cblink_sa > i.iCon_sa {background:url(/Mobile/images/PC_login/cblink_m_iCon01.png) no-repeat center;}

.yeogi_m_btn01.cblink_bo {background:#ed7000 url(/Mobile/images/PC_login/yeogi_m_bg01.png) no-repeat center right; background-size:30px auto; color: #fff;}
.yeogi_m_btn01.cblink_bo > i.iCon_bo {background:url(/Mobile/images/PC_login/cblink_m_iCon02.png) no-repeat center;}

.yeogi_m_btn01.cblink_dis {background:#629d0f url(/Mobile/images/PC_login/yeogi_m_bg01.png) no-repeat center right; background-size:30px auto; color: #fff;}
.yeogi_m_btn01.cblink_dis > i.iCon_dis {background:url(/Mobile/images/PC_login/cblink_m_iCon03.png) no-repeat center;}

.yeogi_m_btn01.cblink_learner {background:#0f53a8 url(/Mobile/images/PC_login/yeogi_m_bg01.png) no-repeat center right; background-size:30px auto; color: #fff;}
.yeogi_m_btn01.cblink_learner > i.iCon_learner {background:url(/Mobile/images/PC_login/cblink_m_iCon04.png) no-repeat center;}

.yeogi_m_btn01.cblink_credit {background:#0066b3 url(/Mobile/images/PC_login/yeogi_m_bg01.png) no-repeat center right; background-size:30px auto; color: #fff;}
.yeogi_m_btn01.cblink_credit > i.iCon_credit {background:url(/Mobile/images/PC_login/cblink_m_iCon05.png) no-repeat center;}

.yeogi_m_btn01.cblink_diploma {background:#009593 url(/Mobile/images/PC_login/yeogi_m_bg01.png) no-repeat center right; background-size:30px auto; color: #fff;}
.yeogi_m_btn01.cblink_diploma > i.iCon_diploma {background:url(/Mobile/images/PC_login/cblink_m_iCon06.png) no-repeat center;}