@charset "utf-8";

/* :focus {outline: 1px solid #4d90fe; box-shadow: 0px 0px 5px #4d90fe;}; */
/* common */
.renewal2021 .crfix::after {display: block; clear: both; content: '';}
.renewal2021 .fl_l {float: left;}
.renewal2021 .fl_r {float: right;}
.renewal2021 .inner {position: relative; width: 1280px; padding: 0 65px; margin: 0 auto; box-sizing: border-box;}
.renewal2021 a:hover {text-decoration: none;}
.renewal-2021 .renewal2021 .bold {font-family: 'NotoSans_Bold';}

.renewal2021 input[type=text] {width: 100%; height: 44px; padding: 0 16px; border: none;}
.renewal2021 input[type=text]::-ms-clear,
.renewal2021 input[type=text]::-ms-reveal {display: none; width: 0; height: 0;}
.renewal2021 input::-webkit-input-placeholder {color: #666 !important;}
.renewal2021 .input_area {position: relative; width : 240px; height: 44px;}
.renewal2021 .input_area input {border: 1px solid #666; border-radius: 6px;}
.renewal2021 .input_area input:focus {border: 1px solid #009591;}
.renewal2021 .input_area.error::after {content: '에러메세지'; position: absolute; bottom: 0; left; 16px; font-size: 12px; letter-spacing: -.5px; color: #ed1651;}
.renewal2021 .input_area.error input {border: 1px solid #ed1651;}
.renewal2021 .input_area input[disabled] {border: 1px solid #999; background-color: #f3f4f5;}
.renewal2021 .input_area input[readonly] {border: 1px solid #999;}
.renewal2021 .input_area .btn--del {display: block; position: absolute; top: 12px; right: 16px; width: 20px; height: 20px; background: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-20-delete.png);}

.renewal2021 input[type=checkbox] {-webkit-appearance: none; width: 16px; height: 16px; background: url('https://image.kebhana.com/cont/common/img/newmain2021/element-check-default.png') center no-repeat; vertical-align: bottom;}
.renewal2021 input[type=checkbox]:checked {background: url('https://image.kebhana.com/cont/common/img/newmain2021/element-check-select.png') center no-repeat;}
.renewal2021 input[type=radio] {-webkit-appearance: none; width: 16px; height: 16px; background: url('https://image.kebhana.com/cont/common/img/newmain2021/element-radio-default.png') center/90% no-repeat; vertical-align: bottom;}
.renewal2021 input[type=radio]:checked {background: url('https://image.kebhana.com/cont/common/img/newmain2021/element-radio-select.png') center/90% no-repeat;}

.renewal2021 .select_area {position: relative; width: 240px; height: 44px;}
.renewal2021 .select_box {position: absolute; top: 0; left: 0; width: 100%; z-index: 2; height: 44px; padding: 0 16px; box-sizing: border-box; background-color: #fff; border: 1px solid #666; border-radius: 6px;}
.renewal2021 .select_box::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-20-arrow-down.png); position: absolute; top: 11px; right: 16px; z-index: 2; width: 20px; height: 20px;}
.renewal2021 .select_box .select_box--default {line-height: 44px; user-select: none;}
.renewal2021 .select_box:focus {border-color: #009591; outline: none;}
.renewal2021 .select_box:focus::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-20-arrow-top-select.png); position: absolute; top: 11px; right: 16px; z-index: 2; width: 20px; height: 20px;}
.renewal2021 .select_box:focus .select_box--default {}
.renewal2021 .select_box.error {border-color: #ed1651;}
.renewal2021 .select_box.disabled {border-color: #999; background-color: #f3f4f5}
.renewal2021 .select_box.disabled .select_box--default {color: #666;}
.renewal2021 .select_box.readonly {border-color: #999; background-color: #fff}
.renewal2021 .select_box.readonly .select_box--default {color: #666;}
.renewal2021 .select_list {display: none; position: absolute; top: 38px; z-index: 1; width: 100%;}
.renewal2021 .select_list .select_item {width: 100%; height: 44px; padding: 0 16px; box-sizing: border-box; background-color: #fff; border: 1px solid #ddd; border-top: none;}
.renewal2021 .select_list .select_item a {line-height: 44px; font-size: 14px; color: #666;}
.renewal2021 .select_list .select_item:first-child {height: 50px; padding-top: 6px;}
.renewal2021 .select_list .select_item:last-child {border-radius: 0 0 6px 6px}

.renewal2021 .select_area.dblrow {width: 510px; height: 60px;}
.renewal2021 .select_area.dblrow .select_box {height: 60px; padding: 10px 16px;}
.renewal2021 .select_area.dblrow .select_box::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-20-arrow-down.png); position: absolute; top: 19px; right: 16px; z-index: 2; width: 20px; height: 20px;}
.renewal2021 .select_area.dblrow .select_box:focus::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-20-arrow-top-select.png); position: absolute; top: 19px; right: 16px; z-index: 2; width: 20px; height: 20px;}
.renewal2021 .select_area.dblrow .select_box li {height: 19px;}
.renewal2021 .select_area.dblrow .account_name {font-size: 14px; font-family:'NotoSans_Bold'; color: #000;}
.renewal2021 .select_area.dblrow .account_number {font-size: 14px; color: #000;}
.renewal2021 .select_area.dblrow .account_number .old_number {font-size: 14px; color: #666;}
.renewal2021 .select_area.dblrow .select_list {display: none; position: absolute; top: 54px; z-index: 1; width: 100%;}
.renewal2021 .select_area.dblrow .select_list .select_item {width: 100%; height: 60px; padding: 10px 16px; box-sizing: border-box; background-color: #fff; border: 1px solid #ddd; border-top: none;}
.renewal2021 .select_area.dblrow .select_list .select_item:first-child {height: 66px; padding-top: 16px;}
.renewal2021 .select_area.dblrow .select_list .select_item:last-child {border-radius: 0 0 6px 6px}

.renewal2021 .select_area.dblrow.dblcolumn {width: 510px; height: 60px;}
.renewal2021 .select_area.dblrow.dblcolumn .select__left {position: relative; width: 270px;}
.renewal2021 .select_area.dblrow.dblcolumn .select__left::after {content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 40px; background-color: #ddd;}
.renewal2021 .select_area.dblrow.dblcolumn .select__right {position: relative; padding-left: 20px;}
.renewal2021 .select_area.dblrow.dblcolumn .account_name {font-size: 14px; font-family: 'NotoSans_Bold'; color: #000;}
.renewal2021 .select_area.dblrow.dblcolumn .account_number {font-size: 14px; color: #000;}
.renewal2021 .select_area.dblrow.dblcolumn .balance_label {font-size: 14px; color: #666;}
.renewal2021 .select_area.dblrow.dblcolumn .account_balance {font-size: 14px; color: #000;}

.renewal2021 .select_area.dblrow.openbanking {}
.renewal2021 .select_area.dblrow.openbanking .logo_bank {float: left; margin-right: 8px; height: 40px;}
.renewal2021 .select_area.dblrow.openbanking .logo_bank img {width: 36px; padding-top: 2px;}
.renewal2021 .select_area.dblrow.openbanking .bank_info {float: left;}
.renewal2021 .select_area.dblrow.openbanking .account_bank {font-size: 14px; font-family: 'NotoSans_Bold'; color: #000;}
.renewal2021 .select_area.dblrow.openbanking .account_type {font-size: 14px; color: #000;}
.renewal2021 .select_area.dblrow.openbanking .select_list {display: none; position: absolute; top: 54px; z-index: 1; width: 100%;}
.renewal2021 .select_area.dblrow.openbanking .select_list .select_item {width: 100%; height: 60px; padding: 10px 16px; box-sizing: border-box; background-color: #fff; border: 1px solid #ddd; border-top: none;}
.renewal2021 .select_area.dblrow.openbanking .select_list .select_item:first-child {height: 66px; padding-top: 16px;}
.renewal2021 .select_area.dblrow.openbanking .select_list .select_item:last-child {border-radius: 0 0 6px 6px}

.renewal2021 input:focus {outline: none;}

.renewal2021 .pagination {position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.renewal2021 .pagination > li {float: left;}
.renewal2021 .pagination .start,
.renewal2021 .pagination .next {margin-right: 4px;}
.renewal2021 .pagination > li > a {display: block; width: 24px; height: 24px; border-radius: 1px;}
.renewal2021 .pagination > li > a:hover {background-color: #f5f5f5;}
.renewal2021 .pagination > li > a > img {display: block; width: 100%; height: 100%; padding: 2px;}
.renewal2021 .pagination .number {margin: 0 20px;}
.renewal2021 .pagination .number li {float: left; margin-right: 4px;}
.renewal2021 .pagination .number li:last-child {margin-right: 0;}
.renewal2021 .pagination .number li > a {display: block; width: 24px; line-height: 20px; padding: 2px; border-radius: 1px; text-align: center; color: #666;}
.renewal2021 .pagination .number li > a:hover {background-color: #f5f5f5;}
.renewal2021 .pagination .number li.selection > a {font-family: 'NotoSans_Bold'; background-color: rgba(0, 149, 145, .05); color: #009591;}

.renewal2021 button {-webkit-appearance: none;}
.renewal2021 .btn {width: 160px; height: 60px; border: none; font-size: 18px;}
.renewal2021 .btn.btn--primary {border-radius: 8px; background-color: #009591; color: #fff; font-weight: bold;}
.renewal2021 .btn.btn--primary:hover:not(:disabled) {text-decoration: underline;}
.renewal2021 .btn.btn--primary:disabled {background-color: #dbdbdb; color: #888;}
.renewal2021 .btn.btn--secondary {border-radius: 8px; background-color: #fff; color: #333; border: 1px solid #ccc;}
.renewal2021 .btn.btn--secondary:hover:not(:disabled) {text-decoration: underline; font-weight: bold;}
.renewal2021 .btn.btn--secondary:disabled {border: none;  background-color: #dbdbdb; color: #888;}
.renewal2021 .btn.btn--contained {width: 61px; height: 30px; border: 1px solid #bbb; border-radius: 4px; background-color: #fff; color: #666; font-size: 14px;}
.renewal2021 .btn.btn--contained:disabled {border: none; background-color: #ececec; color: #666;}

/* header */
.hana-body #header.renewal2021 {width: 100%; border-top: none !important;}
#header.renewal2021 .divide_container {width: 100%;}
#header.renewal2021 .divide_container .divide--line {width: 1px; height: 1px; background-color: #009591;}
#header.renewal2021 .header__upper {}
#header.renewal2021 .header__upper--left {}
#header.renewal2021 .header__upper--left .link {}
#header.renewal2021 .header__upper--left .link .item {float: left; height: 30px; margin-right: 16px;}
#header.renewal2021 .header__upper--left .link .item:last-child {margin-right: 0;}
#header.renewal2021 .header__upper--left .link .item a {display: block; height: 30px; font-size: 12px; letter-spacing: -.5px; text-align: center; line-height: 30px;}
#header.renewal2021 .header__upper--left .link .item a:hover {text-decoration: underline;}

#header.renewal2021 .header__upper--right {float: right;}
#header.renewal2021 .header__upper--right .login_area {position: relative; float: left; margin-right: 40px;}
#header.renewal2021 .header__upper--right .login_area li a {}

#header.renewal2021 .login_area .pre_login li {float: left;}
#header.renewal2021 .login_area .pre_login li a {display: block; height: 30px; font-size: 12px; letter-spacing: -.5px; text-align: center; line-height: 30px;}
#header.renewal2021 .login_area .pre_login .login {width: 32px; margin-right: 16px;}
#header.renewal2021 .login_area .pre_login .cert {width: 43px;}
#header.renewal2021 .login_area .pre_login li a:hover {text-decoration: underline;}
#header.renewal2021 .login_area .post_login {float: left;}
#header.renewal2021 .login_area .post_login li {float: left;}
#header.renewal2021 .login_area .post_login li:nth-child(2) {margin-right: 0;}
#header.renewal2021 .login_area .post_login > li > a {display: inline-block; height: 30px; font-size: 12px; letter-spacing: -.5px; text-align: center; line-height: 30px;}

#header.renewal2021 .post_login .user {position: relative; margin-right: 17px;}
#header.renewal2021 .post_login .user .symbol {display: inline-block; width: 16px; height: 12px; background-color: #f0f0f0; text-align: center; vertical-align: -2px;}
#header.renewal2021 .post_login .user .symbol img {width: 100%; height: 100%; padding-top: 2px; vertical-align: bottom;}
#header.renewal2021 .post_login .user a {display: inline;}
#header.renewal2021 .post_login .user span {font-size: 12px;}
#header.renewal2021 .post_login .user span a {text-decoration: underline;}
#header.renewal2021 .post_login .user .user_name a {font-family: 'NotoSans_Bold';}
#header.renewal2021 .post_login .user .remaning {color: #999; margin-right: 10px;}
#header.renewal2021 .post_login .user::after {content: ""; position: absolute; top: 11px; right: -9px; width: 1px; height: 9px; background-color: #eee;}

#header.renewal2021 .post_login .tooltip {display: none; position: absolute; top: 30px; left: -27px; z-index: 100; width: 100%; border: 1px solid #ddd; border-radius: 6px;}
/* #header.renewal2021 .post_login .tooltip::before {content: ""; position: absolute; top: -2.5px; left: 32px; width: 3px; height: 3px; border: 1px solid #ddd; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-top-left-radius: 2px; background-color: #fff; transform: rotate(45deg);} */
#header.renewal2021 .post_login .tooltip::before {content: url(https://image.kebhana.com/cont/common/img/newmain2021/shape-list.png); position: absolute; top: -4px; left: 30px;}
#header.renewal2021 .post_login .tooltip__upper {padding: 10px 14px; background-color: #fff; border-radius: 6px 6px 0 0;}
#header.renewal2021 .post_login .tooltip__upper .exchange {font-size: 12px; font-family: 'NotoSans_Bold'; letter-spacing: -.5px;}
#header.renewal2021 .post_login .tooltip__upper .exchange.user-select-1{color:#d83131;}
#header.renewal2021 .post_login .tooltip__upper .exchange.user-select-2{color:#c75e00;}
#header.renewal2021 .post_login .tooltip__upper .exchange.user-select-3{color:#037400;}
#header.renewal2021 .post_login .tooltip__upper .exchange.user-select-4{color:#035f73;}
#header.renewal2021 .post_login .tooltip__upper .exchange.user-select-5{color:#8000bc;}
#header.renewal2021 .post_login .tooltip__upper .exchange strong {font-size: 12px; font-family: 'NotoSans_Bold';}
#header.renewal2021 .post_login .tooltip__lower {padding: 8px 17px; border-top: 1px solid #ddd; background-color: #f5f5f5; text-align: center; border-radius: 0 0 6px 6px;}
#header.renewal2021 .post_login .tooltip__lower .fishing {font-size: 11px; color: #666; letter-spacing: -.5px;}
#header.renewal2021 .post_login .tooltip__lower .fishing:hover {text-decoration: underline;}

#header.renewal2021 .language {position: relative; float: right;}
#header.renewal2021 .language a {font-size: 12px; height: 30px; line-height: 30px;}
#header.renewal2021 .language a img {width: 14px; margin-left: 4px; vertical-align: -4px;}
#header.renewal2021 .language__select {display: none; position: absolute; z-index: 100; top: 30px; left: 0; border: 1px solid #dedede; border-radius: 6px; background-color: #fff;}
#header.renewal2021 .language__select::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/shape-list.png); position: absolute; top: -4px; left: 0; right: 0; width: 8px; margin: auto;}
#header.renewal2021 .language__select a {display: block; width: 75px; height: 40px; padding: 0 12px; text-align: center; line-height: 40px; border-bottom: 1px solid #dedede; letter-spacing: -.5px;}
#header.renewal2021 .language__select li:last-child a {border-bottom: none;}
#header.renewal2021 .language__select li:hover a {text-decoration: underline;}

#header.renewal2021 .header__lower {position: relative;}
#header.renewal2021 .header__lower .logo {float: left; width: 205px; height: auto; padding: 0; margin-right: 195px; background: none;}
#header.renewal2021 .header__lower .logo a {display: block; margin: 19px 0; text-indent: 0; text-align: initial;}
#header.renewal2021 .header__lower .logo a img {vertical-align: bottom; margin-right: 10px;}

#header.renewal2021 .gnb.renewal2021 {display: block; position: relative; width: 100%;}
#header.renewal2021 .gnb.renewal2021 .submenu--bg {display: none; position: absolute; top: 70px; left: -377px; z-index: 0; width: 1903px; height: 442px; margin: 0 auto; border-top: 1px solid #009591; border-bottom: 1px solid #eee; background-color: #fff;}
#header.renewal2021 .gnb.renewal2021 .submenu--bg .submenu__columnwrap {width: 1150px; height: 100%; margin: 0 auto;}
#header.renewal2021 .gnb.renewal2021 .submenu--bg .submenu__columnwrap .column {float: left; width: 230px; height: 100%; border-right: 1px solid #eee;}
#header.renewal2021 .gnb.renewal2021 .submenu--bg .submenu__columnwrap .column:last-child {border-right: 0;}
#header.renewal2021 .gnb.renewal2021 .depth1 {position: absolute; left: 0; right: 0; z-index:99; width: 609px; margin: auto;}
#header.renewal2021 .gnb.renewal2021 .depth1 > li {float: left;}
#header.renewal2021 .gnb.renewal2021 .depth1 > li > a {display: block; padding: 0 40px; line-height: 70px; font-size: 18px; letter-spacing: -.5px; background-color: #fff; color: #000;}
#header.renewal2021 .gnb.renewal2021 .depth1 > li > a:hover {color: #009591;}
#header.renewal2021 .gnb.renewal2021 .depth1 > li.active > a {font-family: 'NotoSans_Bold'; color: #009591;}
#header.renewal2021 .gnb.renewal2021 .submenu {display: none; position: absolute; left: -647px; width: 1903px;}
#header.renewal2021 .gnb.renewal2021 .depth2 {position: relative; width: 1150px; margin: 0 auto; padding-top: 30px;}
#header.renewal2021 .gnb.renewal2021 .depth2 > li {display: inline-block; width: 230px; margin-right: -3px; padding: 0 24px; vertical-align: top;}
/* #header.renewal2021 .gnb.renewal2021 .depth1 > li:nth-child(1) .depth2 > li {height:292px;} */
/* #header.renewal2021 .gnb.renewal2021 .depth1 > li:nth-child(2) .depth2 > li {height:486px;} */
/* #header.renewal2021 .gnb.renewal2021 .depth1 > li:nth-child(4) .depth2 > li {height:520px;} */
#header.renewal2021 .gnb.renewal2021 .depth2 > li > div {}
#header.renewal2021 .gnb.renewal2021 .depth2 > li > .depth2__upper {margin-bottom: 30px;}
#header.renewal2021 .gnb.renewal2021 .depth2 > li > div > a {font-family: 'NotoSans_Medium'; font-size: 15px; letter-spacing: -.5px; color: #000;}
#header.renewal2021 .gnb.renewal2021 .depth2 > li:last-child {border-right: 0;}
#header.renewal2021 .gnb.renewal2021 .depth3 {margin-top: 8px;}
#header.renewal2021 .gnb.renewal2021 .depth3 > li {margin-bottom: 4px;}
#header.renewal2021 .gnb.renewal2021 .depth3 > li > a {font-size: 13px; letter-spacing: -.5px; color: #666;}
#header.renewal2021 .gnb.renewal2021 .depth3 > li > a:hover {text-decoration: underline; color: #009591; cursor: pointer;}
#header.renewal2021 .gnb.renewal2021 .depth3 > li > a img {margin-left: 6px; vertical-align: -2px;}

#header.renewal2021 .header__lower .right_area {float: right; height: 70px;}
#header.renewal2021 .header__lower .right_area > div {float: left; margin: 20px 14px 20px 0;}
#header.renewal2021 .header__lower .right_area > div:last-child {margin-right: 0;}
#header.renewal2021 .header__lower .right_area .mymenu_btn {}
#header.renewal2021 .header__lower .right_area .mymenu_btn > a {display: block; width: 30px; height: 30px; background: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-30-personal.png) no-repeat center; text-indent: -9999px;}
#header.renewal2021 .header__lower .right_area .mymenu_btn > a:hover {background: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-30-personal-hover.png) no-repeat center;}
#header.renewal2021 .header__lower .right_area .mymenu {display: none; position: absolute; top: 70px; right: 0px; z-index: 99; width: 320px; background-color: #fff;}
#header.renewal2021 .header__lower .right_area .mymenu > li {float: left; width: 50%;}
#header.renewal2021 .header__lower .right_area .mymenu > li > a {display: block; width: 100%; line-height: 48px; font-size: 14px; letter-spacing: -.5px; color: #666; text-align: center; border: 1px solid #eee; background-color: #f9fafb;}
#header.renewal2021 .header__lower .right_area .mymenu > li:first-child > a {border-right: none;}
#header.renewal2021 .header__lower .right_area .mymenu > li > div {display: none;}
#header.renewal2021 .header__lower .right_area .mymenu > li.active {}
#header.renewal2021 .header__lower .right_area .mymenu > li.active > a {font-family: 'NotoSans_Bold'; border-bottom: none; color: #000; background-color: #fff;}
#header.renewal2021 .header__lower .right_area .mymenu > li.active > div {display: block; position: absolute; top: 50px; right: 0; width: 320px; border: 1px solid #eee; border-top: none; background-color: #fff;}
#header.renewal2021 .mymenu__body {padding: 32px; padding-top: 12px;}
#header.renewal2021 .mymenu__body li {margin-bottom: 20px;}
#header.renewal2021 .mymenu__body li a {display: block; font-size: 14px; letter-spacing: -.5px; color: #333;}
#header.renewal2021 .mymenu__body li.fix a {font-family: "NotoSans_bold"}
#header.renewal2021 .mymenu__body li a img {float: right; padding-top: 2px;}
#header.renewal2021 .mymenu__body .setup {margin-bottom: 12px;}
#header.renewal2021 .mymenu__body .setup a {font-size: 12px; letter-spacing: -.5px; color: #666; text-align: right;}
#header.renewal2021 .mymenu__body .setup a img {padding-top: 2px;}
#header.renewal2021 .mymenu__body .btn_area {margin-top: 24px; margin-bottom: 0; padding: 0;}
#header.renewal2021 .mymenu__body .btn_area .btn {width: 124px; height: 48px; border: 1px solid #a8dad9; border-radius: 6px; background-color: #f2f9f9; font-size: 14px; font-family: 'NotoSans_Bold'; letter-spacing: -.5px; color: #009591; }
#header.renewal2021 .mymenu__body .btn_area .btn:first-child {margin-right: 2px;}
#header.renewal2021 .basket__body {padding: 32px;}
#header.renewal2021 .basket__body li {margin-bottom: 20px;}
#header.renewal2021 .basket__body li a {display: block; font-size: 14px; letter-spacing: -.5px; color: #333;}
#header.renewal2021 .basket__body li a .fl_r strong {float: left; font-family: 'NotoSans_Bold'; font-size: 14px; letter-spacing: -.5px; color: #009591; text-align: right;}
#header.renewal2021 .basket__body li a .fl_r img {padding-top: 2.5px; margin-left: 8px;}
#header.renewal2021 .basket__body .btn_area {margin-top: 12px; margin-bottom: 0; padding: 0;}
#header.renewal2021 .basket__body .btn_area .btn {width: 100%; height: 48px; border-radius: 6px; background-color: #f2f9f9; font-size: 14px; font-family: 'NotoSans_Bold'; letter-spacing: -.5px; color: #009591; border: 1px solid #a8dad9;}
#header.renewal2021 .header__lower .right_area .search_btn > a {display: block; width: 30px; height: 30px; background: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-30-search.png) no-repeat center; text-indent: -9999px;}
#header.renewal2021 .header__lower .right_area .search_btn > a:hover {background: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-30-search-hover.png) no-repeat center;}
#header.renewal2021 .header__lower .right_area .allmenu_btn > a {display: block; width: 30px; height: 30px; background: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-30-menu-all.png) no-repeat center; text-indent: -9999px;}
#header.renewal2021 .header__lower .right_area .allmenu_btn > a:hover {background: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-30-menu-all-hover.png) no-repeat center;}

#header.renewal2021 .search_area {display: none; position: absolute; top: 70px; left: -377px; z-index: 9; width: 1903px; height: 200px; padding: 0 20px; box-sizing: border-box; background-color: #fff; border-bottom: 1px solid #eee; border-top: 1px solid #eee;}
#header.renewal2021 .search_area .inputwrap {width: 1240px; margin: 0 auto;}
#header.renewal2021 .search_area .inputwrap input {height: 200px; border: none; font-size: 40px; text-align: center; color: #000;}
#header.renewal2021 .search_area .inputwrap .btn--del {display: none; position: absolute; top: 0;  bottom: 0; right: 470px; width: 32px; height: 32px; margin: auto; background: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-20-delete.png) center/100%;}
#header.renewal2021 .search_area .btn_area {position: absolute; top: 76px; right: 332px;}
#header.renewal2021 .search_area .btn--search {height: 45px; padding: 9px 34px; border: none; background-color: #009591; border-radius: 30px; font-size: 18px; letter-spacing: -.5px; color: #fff;}
#header.renewal2021 .search_area .btn--search:disabled {background-color: #dbdbdb; color: #888;}

/* footer */
#footer.renewal2021 {padding: 36px 0; border-top: 1px solid #eee; background-color: #fff;}
#footer.renewal2021 * {box-sizing: border-box; font-family:'NotoSans_Regular';}
#footer.renewal2021 .footer__left {width: 800px;}
#footer.renewal2021 .footer__left .contact {margin-bottom: 44px;}
#footer.renewal2021 .contact .line1 {margin-bottom: 10px;}
#footer.renewal2021 .contact ul > li {position: relative; float: left; margin-right: 22px;}
#footer.renewal2021 .contact ul > li::after {content: ''; position: absolute; top: 9px; right: -12px; width: 2px; height: 2px; background-color: #ccc;}
#footer.renewal2021 .contact ul > li:last-child {margin-right: 0;}
#footer.renewal2021 .contact ul > li:last-child::after {width: 0;}
#footer.renewal2021 .contact ul > li a {font-size: 13px; letter-spacing: -.5px; color: #333;}
#footer.renewal2021 .contact ul > li .important {font-weight: bold;}
#footer.renewal2021 .contact ul > li a:hover {text-decoration: underline !important;}

#footer.renewal2021 .footer__right {text-align: right;}
#footer.renewal2021 .footer__right .center_phone {line-height: 24px;}
#footer.renewal2021 .footer__right .center_phone li {}
#footer.renewal2021 .footer__right .center_phone li:first-child {margin-bottom: 12px;}
#footer.renewal2021 .footer__right .center_phone li:last-child {margin-bottom: 24px;}
#footer.renewal2021 .footer__right .center_phone li span {font-size: 14px; letter-spacing: -.5px; color: #009591;}
#footer.renewal2021 .footer__right .center_phone .slash {font-size: 24px; color: #ddd;}
#footer.renewal2021 .footer__right .center_phone li strong {font-family: 'NotoSans_Bold'; font-size: 24px; color: #333;}
#footer.renewal2021 .footer__right .btn--hanaworld {width: 237px; height: 48px; border-radius: 10px; background-color: #f3f3f3; font-size: 14px; letter-spacing: -.5px; color: #000; text-align: left; line-height: 48px; cursor: pointer;}
#footer.renewal2021 .footer__right .btn--hanaworld img {vertical-align: -5px;}
#footer.renewal2021 .footer__right .btn--hanaworld img:first-child {margin-left: 26px; margin-right: 4px;}
#footer.renewal2021 .footer__right .btn--hanaworld img:last-child {margin-left: 57px;}

#footer.renewal2021 .certification {width: 100%; margin-bottom: 24px;}
#footer.renewal2021 .certification li {float: left; margin-right: 14px;}
#footer.renewal2021 .certification li:last-child {margin-right: 0}
#footer.renewal2021 .certification img {vertical-align: middle;}

#footer.renewal2021 .footer__select_area {position: relative; float: left; width: 200px; height: 48px;}
#footer.renewal2021 .footer__select_area .footer__select_list {display: none; position: absolute; bottom: 40px; left: 0; z-index: 2; width: 200px; height: 249px; overflow: hidden; border: 1px solid #333; border-bottom: none; border-radius: 10px 10px 0 0;  background-color: #fff;}
#footer.renewal2021 .footer__select_area:not(:last-child) .footer__select_list {width: 201px;}
#footer.renewal2021 .footer__select_area .footer__select_list .scrollwrap {position: absolute; top: 0; z-index: 1; width: 100%; height: 241px; border-radius: 10px 10px 0 0; overflow: auto;}
#footer.renewal2021 .footer__select_area .footer__select_list .scrollwrap::-webkit-scrollbar {width: 12px;}
#footer.renewal2021 .footer__select_area .footer__select_list .scrollwrap::-webkit-scrollbar-track {background-color: transparent;}
#footer.renewal2021 .footer__select_area .footer__select_list .scrollwrap::-webkit-scrollbar-thumb {border-radius: 35px; background-color: #7f7f7f; box-shadow: inset 0px 0px 0px 3px #fff;}
#footer.renewal2021 .footer__select_area .footer__select_list .scrollwrap::-webkit-scrollbar-button {width: 0; height: 0;}
#footer.renewal2021 .footer__select_area .footer__select_list .footer__select_item {width: 100%; height: 48px; padding: 0 16px;}
#footer.renewal2021 .footer__select_area .footer__select_list .footer__select_item:not(:last-child) {border-bottom: 1px solid #eee;}
#footer.renewal2021 .footer__select_area .footer__select_list .footer__select_item a {line-height: 48px; font-size: 13px; letter-spacing: -.5px; color: #666;}
#footer.renewal2021 .footer__select_area .select--access {overflow: hidden;}
#footer.renewal2021 .footer__select_area .select--access select {width: 200px; height: 48px; border: 0;}
#footer.renewal2021 .footer__select_area .footer__select_box {position: absolute; top:0; left: 0; z-index: 3; width: 100%; height: 48px; padding: 0 16px; box-sizing: border-box; border: 1px solid #ddd; background-color: #fff; text-align: left;}
#footer.renewal2021 .footer__select_area .footer__select_box.active {border-color: #333; outline: none;}
#footer.renewal2021 .footer__select_area:not(:last-child) .footer__select_box {border-right: none;}
#footer.renewal2021 .footer__select_area:not(:last-child) .select_box_wrap.active::after {content: ''; position: absolute; top: 0; right: -1px; z-index: 4; width: 1px; height: 48px; background-color: #333;}
#footer.renewal2021 .footer__select_area:first-child .footer__select_box {border-radius: 10px 0 0 10px;}
#footer.renewal2021 .footer__select_area:last-child .footer__select_box {border-radius: 0 10px 10px 0;}
#footer.renewal2021 .footer__select_area:not(:nth-child(3)) .footer__select_box::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-20-arrow-top-666.png); position: absolute; top: 13px; right: 16px; width: 20px; height: 20px;}
#footer.renewal2021 .footer__select_area:not(:nth-child(3)) .footer__select_box.active::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-20-arrow-down-666.png); position: absolute; top: 13px; right: 16px; width: 20px; height: 20px;}
#footer.renewal2021 .footer__select_area .footer__select_box a,
#footer.renewal2021 .footer__select_area .footer__select_box span {line-height: 46px; font-size: 13px; letter-spacing: -.5px; color: #666;}
#footer.renewal2021 .footer__select_area .footer__select_box img {margin-left: 68px; vertical-align: -3px;}


/* allmenu */
#header.renewal2021 .allmenu_container * {font-family:'NotoSans_Regular'; line-height: normal; box-sizing: border-box;}
#header.renewal2021 .allmenu_container {display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; height: 100%; background-color: #fff;}
#header.renewal2021 .allmenu_container .allmenu {position: relative; height: 100%;}
#header.renewal2021 .allmenu_container .allmenu .close_btn {position: absolute; top: 40px;left: 50%;margin-left:545px; width: 30px; height: 30px; cursor: pointer;}
#header.renewal2021 .allmenu_container .allmenu .close_btn img {width: 30px; height: 30px;}
#header.renewal2021 .allmenu_container .allmenu__header {height: 110px; background: linear-gradient(95deg, rgba(0, 149, 145, 0), #008495), linear-gradient(to bottom, #009591, #009591); }
#header.renewal2021 .allmenu_container .allmenu__header .header__upper .title {width: 100px; padding-top: 18px; padding-bottom: 0; margin: 0 auto 20px; background: none; font-family: 'NotoSans_Bold'; font-size: 22px; letter-spacing: -.5px; color: #fff; text-align: center;}
#header.renewal2021 .allmenu_container .allmenu__header .header__lower {position: relative;}
#header.renewal2021 .allmenu_container .allmenu__header .header__lower .anchor {width: 638px; margin: 0 auto;}
#header.renewal2021 .allmenu_container .allmenu__header .header__lower .anchor li {position: relative; float: left;}
#header.renewal2021 .allmenu_container .allmenu__header .header__lower .anchor li:nth-child(1),
#header.renewal2021 .allmenu_container .allmenu__header .header__lower .anchor li:nth-child(2) {margin-right: 100px;}
#header.renewal2021 .allmenu_container .allmenu__header .header__lower .anchor li:nth-child(3),
#header.renewal2021 .allmenu_container .allmenu__header .header__lower .anchor li:nth-child(4) {margin-right: 80px;}
#header.renewal2021 .allmenu_container .allmenu__header .header__lower .anchor li a {font-size: 18px; letter-spacing: -.5px; color: #fff;}
#header.renewal2021 .allmenu_container .allmenu__header .header__lower .anchor li .btn--anchor {display: none; position: absolute; top: 6px; right: -22px; width: 17px; height: 17px; background: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-anquor.png) no-repeat center;}
#header.renewal2021 .allmenu_container .allmenu__search {position: relative; background-color: red;}
#header.renewal2021 .allmenu_container .allmenu__search .searchwrap {position: absolute; top: -85px; border: 1px solid #009591;left: 50%; z-index: 10; width: 760px; margin-left: -380px; background-color: #fff; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .1); border-radius: 32px; overflow: hidden; box-sizing: content-box;}
#header.renewal2021 .allmenu_container .allmenu__search .searchwrap.focus { border: 1px solid #009591;}
#header.renewal2021 .allmenu_container .allmenu__search .searchwrap .input_area {width: 100%; height: 60px;}
#header.renewal2021 .allmenu_container .allmenu__search .searchwrap .input_area.focus::after {top: 21px; right: 94px;}
#header.renewal2021 .allmenu_container .allmenu__search .searchwrap .input_area input {font-size: 18px; height: 100%; padding: 0 32px; border: none;}
#header.renewal2021 .allmenu_container .allmenu__search .searchwrap .input_area input::-webkit-input-placeholder {letter-spacing: -.5px; color: #666 !important; opacity: .3;}
#header.renewal2021 .allmenu_container .allmenu__search .searchwrap .input_area .btn--del {display: none; position: absolute; top: 21px; right: 104px;}
#header.renewal2021 .allmenu_container .allmenu__search .searchwrap .input_area .btn--search {position: absolute; top: 16px; right: 32px;}
#header.renewal2021 .allmenu_container .allmenu__search .searchwrap .search__result {max-height:531px;overflow:auto;border-top: 1px solid #009591;}
#header.renewal2021 .allmenu_container .allmenu__search .searchwrap .search__result li {position: relative; border-bottom: 1px solid #eee;}
#header.renewal2021 .allmenu_container .allmenu__search .searchwrap .search__result li::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-arrow.png); position: absolute; top: 18px; right: 32px; }
#header.renewal2021 .allmenu_container .allmenu__search .searchwrap .search__result li a {display: block; height: 52px; padding: 0 32px; line-height: 52px; font-size: 16px; letter-spacing: -.5px;}
#header.renewal2021 .allmenu_container .allmenu__search .searchwrap .search__result li.result--empty::after {content: none;}
#header.renewal2021 .allmenu_container .allmenu__search .searchwrap .search__result li.result--empty span {display: block; height: 52px; padding: 0 32px; line-height: 52px; font-size: 16px; letter-spacing: -.5px;}
#header.renewal2021 .allmenu_container .allmenu__search .searchwrap .search__result li a strong {line-height: 52px; color: #009591;}
#header.renewal2021 .allmenu_container .allmenu__body {position: relative; height: calc(100% - 150px); overflow: auto; background-color: #fff;}
#header.renewal2021 .allmenu_container .allmenu__body .search {position: absolute; top: 0; left: 50%; z-index: 9; width: 750px; height: 64px; margin-top: -32px; margin-left: -375px; border-radius: 32px; background-color: #fff; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .1);}
#header.renewal2021 .allmenu_container .allmenu__body .searchwrap {position: relative; width: 100%; padding: 0 32px;}
#header.renewal2021 .allmenu_container .allmenu__body .searchwrap input {width: 100%; height: 64px; padding: 0 16px; border: none; font-size: 18px;}
#header.renewal2021 .allmenu_container .allmenu__body .searchwrap a {position: absolute; top: 17px; right: 32px;}
#header.renewal2021 .allmenu_container .allmenu__body .menu__list {position: relative; left: 17px; width: 1150px; padding-top: 40px; padding-bottom: 150px; margin: 0 auto; overflow: auto;}
#header.renewal2021 .allmenu_container .menu__list .depth1 {width: 100%;}
#header.renewal2021 .allmenu_container .menu__list .depth1 > li {float: left; width: 20%; margin-bottom: 30px;}
#header.renewal2021 .allmenu_container .menu__list .depth1:first-child > li:nth-child(1) > a{pointer-events: none}
#header.renewal2021 .allmenu_container .menu__list .depth1:first-child > li:nth-child(2) > a{pointer-events: none}
#header.renewal2021 .allmenu_container .menu__list .depth1:first-child > li:nth-child(3) > a{pointer-events: none}
#header.renewal2021 .allmenu_container .menu__list .depth1:first-child > li:nth-child(4) > a{pointer-events: none}
#header.renewal2021 .allmenu_container .menu__list .depth1:first-child > li:last-child{cursor:pointer;}
#header.renewal2021 .allmenu_container .menu__list .depth1:first-child .depth2{display:block}
#header.renewal2021 .allmenu_container .menu__list .depth1:first-child >li >a > i{display:none;}
#header.renewal2021 .allmenu_container .menu__list .depth1 > li > a {font-family: 'NotoSans_Bold'; font-size: 18px; letter-spacing: -.5px; color: #000;}
#header.renewal2021 .allmenu_container .menu__list .depth1 > li > a > img {display: inline-block; width: 24px; height: 24px; vertical-align: sub;}
#header.renewal2021 .allmenu_container .menu__list .depth2 {display:none;margin: 20px 0 30px 27px;}
#header.renewal2021 .allmenu_container .menu__list .depth2 > li {margin-bottom: 8px;}
#header.renewal2021 .allmenu_container .menu__list .depth2 > li > a {font-size: 15px; letter-spacing: -.5px; color: #333;}
#header.renewal2021 .allmenu_container .menu__list .depth3 {display: none; margin: 8px 0 20px 10px;}
#header.renewal2021 .allmenu_container .menu__list .depth3 > li {margin-bottom: 4px;}
#header.renewal2021 .allmenu_container .menu__list .depth3 > li > a {font-size: 13px; letter-spacing: -.5px; color: #666;}
#header.renewal2021 .allmenu_container .menu__list .depth3 > li > a:hover {text-decoration: underline !important; color: #009591;}
#header.renewal2021 .allmenu_container .menu__list .depth3 > li.active > a {font-family: 'NotoSans_Medium'; color: #009591;}
#header.renewal2021 .allmenu_container .menu__list .depth4 {display: none; width: 100%; margin: 4px 0 12px; padding: 10px 14px; background-color: #f8f8f8;}
#header.renewal2021 .allmenu_container .menu__list .depth4 > li {margin-bottom: 4px;}
#header.renewal2021 .allmenu_container .menu__list .depth4 > li > a {font-size: 13px; letter-spacing: -.5px; color: #666;}
#header.renewal2021 .allmenu_container .menu__list .depth4 > li > a:hover {text-decoration: underline !important; color: #333;}
#header.renewal2021 .allmenu_container .menu__list .btn--collapse {display:inline-block;width: 15px; height: 15px; margin-left: 6px; border: none; vertical-align: -2px; background: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-15-open.png) no-repeat center}
#header.renewal2021 .allmenu_container .menu__list .btn--collapse.close {display:inline-block;vertical-align: -2px; background: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-15-close.png) no-repeat center}

/* 계좌이체 */
.bank-transfer.crfix::after {display: block; clear: both; content: '';}
.bank-transfer .crfix::after {display: block; clear: both; content: '';}
.bank-transfer .fl_l {float: left;}
.bank-transfer .fl_r {float: right;}
.bank-transfer .inner {position: relative; max-width: 1600px; padding: 0 20px; margin: 0 auto; box-sizing: border-box;}
.renewal-2021 .bank-transfer .bold {font-family: 'NotoSans_Bold';}
.bank-transfer input[type=text] {width: 100%; height: 44px; padding: 0 16px; border: none;}
.bank-transfer input::-webkit-input-placeholder {color: #666 !important;}
.bank-transfer .input_area {position: relative; width : 240px; height: 44px;}
.bank-transfer .input_area input {border: 1px solid #666; border-radius: 6px; font-size: 15px;}
.bank-transfer .input_area input:focus {background-color: #f7fbfb; border: 1px solid #009591;}
.bank-transfer .input_area .error-message {display: none; position: absolute; bottom: -25px; left: 16px; font-size: 12px; letter-spacing: -.5px; color: #ed1651;}
.bank-transfer .input_area.error input {border: 1px solid #ed1651;}
.bank-transfer .input_area input[disabled] {border: 1px solid #999; background-color: #f3f4f5;}
.bank-transfer .input_area input[readonly] {border: 1px solid #999;}
.bank-transfer .input_area.error .error-message {display: block;}
.bank-transfer .input_area .btn--del {display: none; position: absolute; top: 12px; right: 16px; width: 20px; height: 20px; background: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-20-delete.png);}
.bank-transfer input[type=checkbox] {-webkit-appearance: none; width: 16px; height: 16px; background: url('https://image.kebhana.com/cont/common/img/newmain2021/element-check-default.png') center no-repeat; vertical-align: bottom;}
.bank-transfer input[type=checkbox]:checked {background: url('https://image.kebhana.com/cont/common/img/newmain2021/element-check-select.png') center no-repeat;}
.bank-transfer input[type=radio] {-webkit-appearance: none; width: 16px; height: 16px; background: url('https://image.kebhana.com/cont/common/img/newmain2021/element-radio-default.png') center/85% no-repeat; vertical-align: bottom;}
.bank-transfer input[type=radio]:checked {background: url('https://image.kebhana.com/cont/common/img/newmain2021/element-radio-select.png') center/85% no-repeat;}
.bank-transfer input:focus {outline: none;}
.bank-transfer .pagination {position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.bank-transfer .pagination > li {float: left;}
.bank-transfer .pagination .start,
.bank-transfer .pagination .next {margin-right: 4px;}
.bank-transfer .pagination .start {width: 24px; height: 24px;}
.bank-transfer .pagination > li > a {display: block; width: 24px; height: 24px; border-radius: 1px;}
.bank-transfer .pagination > li > a:hover {background-color: #f5f5f5;}
.bank-transfer .pagination > li > a > img {display: block; width: 100%; height: 100%; padding: 2px;}
.bank-transfer .pagination .number {margin: 0 20px;}
.bank-transfer .pagination .number li {float: left; margin-right: 4px;}
.bank-transfer .pagination .number li:last-child {margin-right: 0;}
.bank-transfer .pagination .number li > a {display: block; width: 24px; line-height: 20px; padding: 2px; border-radius: 1px; text-align: center; color: #666;}
.bank-transfer .pagination .number li > a:hover {background-color: #f5f5f5;}
.bank-transfer .pagination .number li.selection > a {font-family: 'NotoSans_Bold'; background-color: rgba(0, 149, 145, .05); color: #009591;}
.bank-transfer button {-webkit-appearance: none;}
.bank-transfer .btn {width: 160px; height: 60px; border: none; font-size: 18px;}
.bank-transfer .btn.btn--primary {border-radius: 8px; background-color: #009591; color: #fff; font-weight: bold;}
.bank-transfer .btn.btn--primary:hover:not(:disabled) {text-decoration: underline;}
.bank-transfer .btn.btn--primary:disabled {background-color: #dbdbdb; color: #888;}
.bank-transfer .btn.btn--secondary {border-radius: 8px; color: #333; border: 1px solid #ccc;}
.bank-transfer .btn.btn--secondary:hover:not(:disabled) {text-decoration: underline; font-weight: bold;}
.bank-transfer .btn.btn--secondary:disabled {border: none;  background-color: #dbdbdb; color: #888;}
.bank-transfer .btn.btn--contained {width: 61px; height: 30px; border: 1px solid #bbb; border-radius: 4px; background-color: #fff; color: #666; font-size: 14px;}
.bank-transfer .btn.btn--contained:disabled {border: none; background-color: #ececec; color: #666;}

.renewal-2021 .bank-transfer__left *,
.renewal-2021 .bank-transfer__right *,
.renewal-2021 .bank-transfer * {box-sizing: border-box; font-family: inherit;}
.renewal-2021 .bank-transfer {height: 100%;}
.bank-transfer .select_area {position: relative; width: 240px; height: 44px;}
.bank-transfer .select_box {position: absolute; top: 0; left: 0; width: 100%; z-index: 2; height: 44px; padding: 0 16px; box-sizing: border-box; background-color: #fff; border: 1px solid #666; border-radius: 6px;}
.bank-transfer .select_box::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-20-arrow-down.png); position: absolute; top: 11px; right: 16px; z-index: 2; width: 20px; height: 20px;}
.bank-transfer .select_box .select_box--default {line-height: 44px; user-select: none; font-size: 15px;}
.bank-transfer .select_box:focus {background-color: #f7fbfb; border-color: #009591; outline: none;}
.bank-transfer .select_box:focus::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-20-arrow-top-select.png); position: absolute; top: 11px; right: 16px; z-index: 2; width: 20px; height: 20px;}
.bank-transfer .select_box:focus .select_box--default {}
.bank-transfer .select_box.error {border-color: #ed1651;}
.bank-transfer .select_box.disabled {border-color: #999; background-color: #f3f4f5}
.bank-transfer .select_box.disabled .select_box--default {color: #666;}
.bank-transfer .select_box.readonly {border-color: #999; background-color: #fff}
.bank-transfer .select_box.readonly .select_box--default {color: #666;}
.bank-transfer .select_list {display: none; position: absolute; top: 38px; z-index: 1; overflow: hidden; width: 100%; border-radius: 0 0 6px 6px; border: 1px solid #c4d7d6; border-top: none;}
.bank-transfer .select_list > ul {height: 182px; overflow: auto;}
.bank-transfer .select_list .select_item {width: 100%; height: 44px; padding: 0 16px; box-sizing: border-box; background-color: #fff; border: 0; border-bottom: 1px solid #c4d7d6;}
.bank-transfer .select_list .select_item:hover {background-color: #fbfdfd;}
.bank-transfer .select_list .select_item a {line-height: 44px; font-size: 14px; color: #666;}
.bank-transfer .select_list .select_item:first-child {height: 50px; padding-top: 6px;}
.bank-transfer .select_list .select_item:last-child {border-bottom: none;}
.bank-transfer .select_area.dblrow {width: 510px; height: 60px;}
.bank-transfer .select_area.dblrow .select_box {height: 60px; padding: 10px 16px;}
.bank-transfer .select_area.dblrow .select_box::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-20-arrow-down.png); position: absolute; top: 0; bottom: 0; right: 16px; z-index: 2; width: 20px; height: 20px; margin: auto;}
.bank-transfer .select_area.dblrow .select_box:focus::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-20-arrow-top-select.png); position: absolute; top: 0; bottom: 0; right: 16px; z-index: 2; width: 20px; height: 20px; margin: auto;}
.bank-transfer .select_area.dblrow .select_box li {height: 19px;}
.bank-transfer .select_area.dblrow .account_name {font-size: 14px; font-family: 'NotoSans_Bold'; color: #000;}
.bank-transfer .select_area.dblrow .account_number {font-size: 14px; color: #000;}
.bank-transfer .select_area.dblrow .account_number .old_number {font-size: 14px; color: #666;}
.bank-transfer .select_area.dblrow .select_list {display: none; position: absolute; top: 54px; z-index: 1; overflow: hidden; width: 100%; border-radius: 0 0 6px 6px; border: 1px solid #c4d7d6; border-top: 0;}
.bank-transfer .select_area.dblrow .select_list > ul {height: 300px; overflow: auto;}
.bank-transfer .select_area.dblrow .select_list .select_item {width: 100%; height: 74px; padding: 10px 16px; box-sizing: border-box;background-color: #fff; border: 0; border-bottom: 1px solid #c4d7d6;}
.bank-transfer .select_area.dblrow .select_list .select_item:first-child {height: 66px; padding-top: 16px;}
.bank-transfer .select_area.dblrow .select_list .select_item:last-child {border-bottom: 0;}
.bank-transfer .select_area.dblrow.dblcolumn {width: 510px; height: 60px;}
.bank-transfer .select_area.dblrow.dblcolumn .select__left {position: relative; width: 270px;}
.bank-transfer .select_area.dblrow.dblcolumn .select__left::after {content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 40px; background-color: #ddd;}
.bank-transfer .select_area.dblrow.dblcolumn .select__right {position: relative; padding-left: 20px;}
.bank-transfer .select_area.dblrow.dblcolumn .account_name {font-size: 14px; font-family: 'NotoSans_Bold'; color: #000;}
.bank-transfer .select_area.dblrow.dblcolumn .account_number {font-size: 14px; color: #000;}
.bank-transfer .select_area.dblrow.dblcolumn .balance_label {font-size: 14px; color: #666;}
.bank-transfer .select_area.dblrow.dblcolumn .account_balance {font-size: 14px; color: #000;}
.bank-transfer .select_area.dblrow.openbanking {}
.bank-transfer .select_area.dblrow.openbanking .logo_bank {float: left; margin-right: 8px; height: 40px;}
.bank-transfer .select_area.dblrow.openbanking .logo_bank img {width: 36px; padding-top: 4px;}
.bank-transfer .select_area.dblrow.openbanking .bank_info {float: left;}
.bank-transfer .select_area.dblrow.openbanking .account_bank {font-size: 14px; font-family: 'NotoSans_Bold'; color: #000;}
.bank-transfer .select_area.dblrow.openbanking .account_type {font-size: 14px; color: #000;}
.bank-transfer .select_area.dblrow.openbanking .select_list {display: none; position: absolute; top: 54px; z-index: 1; width: 100%;}
.bank-transfer .select_area.dblrow.openbanking .select_list .select_item {width: 100%; height: 60px; padding: 10px 16px; box-sizing: border-box; background-color: #fff; border: none; border-bottom: 1px solid #c4d7d6;}
.bank-transfer .select_area.dblrow.openbanking .select_list .select_item:first-child {height: 66px; padding-top: 16px;}
.bank-transfer .select_area.dblrow.openbanking .select_list .select_item:last-child {border-bottom: none;}
.renewal-2021 .contents__title {margin-bottom: 20px;}
.renewal-2021 .contents__title h3 {height: auto; font-size: 24px; color: #000;}
.renewal-2021 .contents__body {height: 100%;}

/* 왼쪽 영역 */
.renewal-2021 .contents__body > .bank-transfer__left {width: 758px; margin-right: 50px;}
.renewal-2021 .contents__body > .bank-transfer__left .item {width: 100%; margin-bottom: 10px; border-radius: 8px; background-color: #fff; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .04);}
.renewal-2021 .contents__body > .bank-transfer__left .item .item__title {padding: 18px 24px;}
.renewal-2021 .contents__body > .bank-transfer__left .item .item__title .title {display: inline-block; height: auto; margin: 0; margin-right: 10px; border: none; font-size: 18px; color: #333;}
.renewal-2021 .contents__body > .bank-transfer__left .item .item__title .delayed-service {line-height: 28px; font-size: 14px; letter-spacing: -.5px; color: #666;}

.renewal-2021 .item.withdrawal {height: 316px;}
.renewal-2021 .item.withdrawal .item__title {padding: 18px 24px;}
.renewal-2021 .item.withdrawal .item__title .title {display: inline-block; height: auto; margin: 0; border: none; font-size: 18px; color: #333;}
.renewal-2021 .item.withdrawal .item__title .withdrawal__simple {position: relative; line-height: 28px;}
.renewal-2021 .item.withdrawal .withdrawal__simple .simple__title {margin-right: 6px; font-size: 14px; color: #333;}
.renewal-2021 .item.withdrawal .withdrawal__simple .simple__title img {vertical-align: -5px;}
.renewal-2021 .item.withdrawal .withdrawal__simple .simple__register {font-size: 14px; color: #333;}
.renewal-2021 .item.withdrawal .withdrawal__simple .simple__register img {width: 20px; height: 20px; vertical-align: -5px;}
.renewal-2021 .item.withdrawal .withdrawal__simple .registered {display: none;}
.renewal-2021 .item.withdrawal .withdrawal__simple .registered .collapse_status {width: 20px; height: 20px; margin-top: 5px; background: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-20-arrow-top-333.png) no-repeat center; cursor: pointer;}
.renewal-2021 .item.withdrawal .withdrawal__simple .registered .simple__list {display: none; position: absolute; top: 28px; left: 0; z-index: 20;}
.renewal-2021 .item.withdrawal .withdrawal__simple .registered .simple__list::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/shape-list.png); position: absolute; top: -3px; left: 0; right: 0; width: 8px; margin: auto;}
.renewal-2021 .item.withdrawal .withdrawal__simple .registered .simple__list ul {border: 1px solid #dedede; border-radius: 6px; background-color: #fff; overflow: hidden;}
.renewal-2021 .item.withdrawal .withdrawal__simple .registered .simple__list li:not(:last-child) {border-bottom: 1px solid #dedede;}
.renewal-2021 .item.withdrawal .withdrawal__simple .registered .simple__list li a {display: block; padding: 0 12px; line-height: 49px; font-family: 'NotoSans_Medium'; font-size: 12px; letter-spacing: -.5px; color: #000; text-align: center;}
.renewal-2021 .item.withdrawal .withdrawal__simple .registered .simple__list li:last-child a {background-color: #ddd;}
.renewal-2021 .item.withdrawal .withdrawal__simple .registered .simple__list li a:hover {text-decoration: underline !important; background-color: #f8f8f8;}

.renewal-2021 .item.withdrawal .item__body {position: relative;}
.renewal-2021 .item.withdrawal .item__tabmenu {width: 100%;}
.renewal-2021 .item.withdrawal .item__tabmenu > li {float: left; width: 50%;}
.renewal-2021 .item.withdrawal .item__tabmenu > li:last-child > a {border-right: none;}
.renewal-2021 .item.withdrawal .item__tabmenu > li.active {}
.renewal-2021 .item.withdrawal .item__tabmenu > li > a {display: block; line-height: 48px; border-top: 1px solid #eee; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f9fafb; font-size: 14px; color: #333; text-align: center;}
.renewal-2021 .item.withdrawal .item__tabmenu > li.active > a {font-family: 'NotoSans_Bold'; background-color: #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #fff;}
.renewal-2021 .item.withdrawal .item__tabmenu > li > .tabmenu__body {display: none;}
.renewal-2021 .item.withdrawal .item__tabmenu > li.active > .tabmenu__body {display: block; position: absolute; top: 50px; left: 0; width: 100%; z-index: 3; padding: 24px;}
.renewal-2021 .item.withdrawal .tabmenu__body .select_area {float: none; width: 100%; height: 74px; margin-bottom: 8px;}
.renewal-2021 .item.withdrawal .tabmenu__body .select_area .select_box {height: 74px; padding: 14px 16px;}
.renewal-2021 .item.withdrawal .tabmenu__body .select_area .select__left {width: 340px;}
.renewal-2021 .item.withdrawal .tabmenu__body .select_area .select__left::after {top: 6px; height: 32px;}
.renewal-2021 .item.withdrawal .tabmenu__body .select_area .select__left .account_name {height: 22px; line-height: 22px; font-size: 15px;}
.renewal-2021 .item.withdrawal .tabmenu__body .select_area .select__left .account_number {height: 22px; line-height: 22px; font-size: 15px;}
.renewal-2021 .item.withdrawal .tabmenu__body .select_area .select__left .account_number .old_account {color: #666;}
.renewal-2021 .item.withdrawal .tabmenu__body .select_area.openbanking .select__left {width: 296px;}
.renewal-2021 .item.withdrawal .tabmenu__body .select_area .select__right {width: 280px;}
.renewal-2021 .item.withdrawal .tabmenu__body .select_area .select__right .withdrawal-canbe {width: 100%; height: 22px; line-height: 22px; font-size: 15px;}
.renewal-2021 .item.withdrawal .tabmenu__body .select_area .select__right .canbe__title {color: #666;}
.renewal-2021 .item.withdrawal .tabmenu__body .select_area .select__right .canbe__price {font-family: 'NotoSans_Bold'; color: #009591;}
.renewal-2021 .item.withdrawal .tabmenu__body .select_area .select__right .account_balance {width: 100%; height: 22px; line-height: 22px; font-size: 15px;}
.renewal-2021 .item.withdrawal .tabmenu__body .select_area .select__right .balance__title {color: #666;}
.renewal-2021 .item.withdrawal .tabmenu__body .select_area .select__right .balance__price {color: #333;}
.renewal-2021 .item.withdrawal .tabmenu__body .select_area .select_list {top: 70px;}
.renewal-2021 .item.withdrawal .tabmenu__body .select_area .select_list .select_item {height: 74px; padding: 14px 16px;}
.renewal-2021 .item.withdrawal .tabmenu__body .select_area .select_list .select_item:hover {background-color: #fbfdfd;}
.renewal-2021 .item.withdrawal .tabmenu__body .select_area .select_list .select_item:first-child {height: 78px; padding-top: 18px;}
.renewal-2021 .item.withdrawal .tabmenu__body .input_area {width: 100%; margin-bottom: 10px;}
.renewal-2021 .item.withdrawal .tabmenu__body .input_area input {width: 100%; height: 44px; padding: 0 16px; font-size: 15px;}
.renewal-2021 .item.withdrawal .tabmenu__body .input_area input::-webkit-input-placeholder {font-size: 15px; color: #666 !important;}
.renewal-2021 .item.withdrawal .tabmenu__body .input_area.error .error-message {left: initial; right: 16px;}

.renewal-2021 .item.withdrawal .tabmenu__body .input_area {position: relative;}
/* .renewal-2021 .item.withdrawal .tabmenu__body .input_area::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 50%; margin: auto; background-color: red;} */
.renewal-2021 .item.withdrawal .tabmenu__body .input_area input ~ .password-trick {position: absolute; top: 0; bottom: 0; left: 18px; width: 160px; height: 50%; margin: auto; line-height: 22px; background-color: #fff; letter-spacing: -.5px; font-size: 15px; color: #666; user-select: none;}
.renewal-2021 .item.withdrawal .tabmenu__body .input_area input:focus ~ .password-trick {background-color: #f7fbfb;}

.renewal-2021 .item.withdrawal .tabmenu__body .line .checkbox_area {position: relative}
.renewal-2021 .item.withdrawal .tabmenu__body .line .checkbox_area input {display: none;}
.renewal-2021 .item.withdrawal .tabmenu__body .line .checkbox_area label {margin-left: 18px; font-size: 14px; color: #000;}
.renewal-2021 .item.withdrawal .tabmenu__body .line .checkbox_area input + label::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/element-check-default.png); position: absolute; top: 2px; left: 0; width: 16px; height: 16px;}
.renewal-2021 .item.withdrawal .tabmenu__body .line .checkbox_area input:checked + label::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/element-check-select.png);}

.renewal-2021 .item.deposit-info .info__remaning {margin-top: 3px;}
.renewal-2021 .item.deposit-info .info__remaning .remaning__title {margin-right: 8px; font-size: 14px; letter-spacing: -.5px; color: #666;}
.renewal-2021 .item.deposit-info .info__remaning .remaning__price {font-family: 'NotoSans_Bold'; font-size: 14px; color: #000;}
.renewal-2021 .item.deposit-info .item__body {padding: 24px; padding-top: 0;}
.renewal-2021 .item.deposit-info .body__amount {padding: 24px 20px; margin-bottom: 24px; border: 1px solid #e9ecf2; border-radius: 6px; background-color: #fafbfd;}
.renewal-2021 .item.deposit-info .body__amount .price_wrap {margin-bottom: 16px;}
.renewal-2021 .item.deposit-info .body__amount .price_wrap li {position: relative; float: left; width: 109px; margin-right: 2px;}
.renewal-2021 .item.deposit-info .body__amount .price_wrap li:last-child {margin-right: 0;}
.renewal-2021 .item.deposit-info .body__amount .price_wrap li:not(:last-child)::after {content: ''; position: absolute; top: 5px; right: -1px; width: 1px; height: 12px; background-color: #d8d8d8;}
.renewal-2021 .item.deposit-info .body__amount .price_wrap li a {display: block; font-size: 14px; letter-spacing: -.5px; color: #000; text-align: center;}
.renewal-2021 .item.deposit-info .body__amount .price_wrap li a:hover {text-decoration: underline !important; font-family: 'NotoSans_Bold';}
.renewal-2021 .item.deposit-info .body__amount .input_area {position: relative; width: 100%; margin-bottom: 10px;}
.renewal-2021 .item.deposit-info .body__amount .input_area::after {content: '원'; position: absolute; top: 0; bottom: 0; right: 44px; height: 18px; margin: auto; font-size: 16px; }
.renewal-2021 .item.deposit-info .body__amount .input_area input {padding-right: 62px; background-color: #fff; font-family: 'NotoSans_Bold'; font-size: 16px; text-align: right;}
.renewal-2021 .item.deposit-info .body__amount .input_area input:focus {background-color: #f7fbfb;}
.renewal-2021 .item.deposit-info .body__amount .input_area input::-webkit-input-placeholder {font-family: 'NotoSans_Regular'; font-size: 16px; text-align: left;}
.renewal-2021 .item.deposit-info .body__amount .line {text-align: right; font-size: 14px; letter-spacing: -.5px; color: #666;}

.renewal-2021 .body__account {position: relative; border: 1px solid #e9ecf2; border-radius: 6px; background-color: #fafbfd;}
.renewal-2021 .body__account .item__tabmenu {width: 100%; height: 381px;}
.renewal-2021 .body__account .item__tabmenu > li {float: left; width: 177px; background-color: #fff;}
.renewal-2021 .body__account .item__tabmenu > li:first-child {border-radius: 6px 0 0 0;}
.renewal-2021 .body__account .item__tabmenu > li:last-child {border-radius: 0 6px 0 0;}
.renewal-2021 .body__account .item__tabmenu > li > a {display: block; line-height: 48px; font-size: 14px; color: #333; text-align: center; border-bottom: 1px solid #e9ecf2; border-left: 1px solid #e9ecf2;}
.renewal-2021 .body__account .item__tabmenu > li:first-child > a {border-left: 0;}
.renewal-2021 .body__account .item__tabmenu > li.active + li > a {border-left: 1px solid #fff;}
.renewal-2021 .body__account .item__tabmenu > li.active > a {position: relative; top: 0; left: 0; width: 177px; background-color: #fafbfd; border-radius: 6px 6px 0 0; border-bottom: 1px solid #fafbfd; font-family: 'NotoSans_Bold';}
.renewal-2021 .body__account .item__tabmenu > li.active > a::after {content: ''; position: absolute; top: -1px; bottom: -1px; right: -1px; left: -1px; background-color: transparent; border-radius: 6px 6px 0 0; border: 1px solid #e9ecf2; border-bottom: none;}
.renewal-2021 .body__account .item__tabmenu > li > .tabmenu__body {display: none;}
.renewal-2021 .body__account .item__tabmenu > li.active > .tabmenu__body {display: block; position: absolute; top: 50px; left: 0; width: 100%; padding: 19px;}
.renewal-2021 .body__account .tabmenu__body .line.first {padding-left: 9px;  margin-bottom: 17px;}
.renewal-2021 .body__account .tabmenu__body .group_area {position: relative;}
.renewal-2021 .body__account .tabmenu__body .group_area > img {position: absolute; top: 1px; left: 0; width: 20px;}
.renewal-2021 .body__account .tabmenu__body .group_area .group_select {margin-left: 26px; line-height: 20px; font-size: 14px; letter-spacing: -.5px; color: #333;}
.renewal-2021 .body__account .tabmenu__body .group_area .group_select::after {content: ''; position: absolute; top: 4px; right: 0; width: 1px; height: 12px; background-color: #ddd;}
.renewal-2021 .body__account .tabmenu__body .group_area .group_select > span {display: inline-block; margin-right: 6px;}
.renewal-2021 .body__account .tabmenu__body .group_area .group_select > img {display: inline-block; width: 6px; height: 3px; margin-right: 16px; vertical-align: 3px;}
.renewal-2021 .body__account .tabmenu__body .group_area .group__list {display: none; position: absolute; top: 21px; left: 17px; z-index: 20;}
.renewal-2021 .body__account .tabmenu__body .group_area .group__list::before {content: url(https://image.kebhana.com/cont/common/img/newmain2021/shape-list.png); position: absolute; top: -3px; left: 0; right: 0; width: 8px; margin: auto;}
.renewal-2021 .body__account .tabmenu__body .group_area .group__list ul {border: 1px solid #dedede; border-radius: 6px; background-color: #fff; overflow: hidden;}
.renewal-2021 .body__account .tabmenu__body .group_area .group__list li:not(:last-child) {border-bottom: 1px solid #dedede;}
.renewal-2021 .body__account .tabmenu__body .group_area .group__list li a {display: block; padding: 0 12px; line-height: 39px; font-family: 'NotoSans_Medium'; font-size: 12px; letter-spacing: -.5px; color: #000; text-align: center;}
.renewal-2021 .body__account .tabmenu__body .group_area .group__list li a:hover {text-decoration: underline !important; background-color: #f8f8f8;}
.renewal-2021 .body__account .tabmenu__body .search_area {position: relative; width: 300px;}
.renewal-2021 .body__account .tabmenu__body .search_area > img {position: absolute; top: 1px; left: 0; width: 20px;}
.renewal-2021 .body__account .tabmenu__body .search_area input {height: 20px; padding: 0 28px; font-family: 'NotoSans_Bold'; font-size: 15px; letter-spacing: -.5px;}
.renewal-2021 .body__account .tabmenu__body .search_area input::-webkit-input-placeholder {font-family: 'NotoSans_Regular'; color: #666 !important;}
.renewal-2021 .body__account .often .tabmenu__body .search_area input {padding: 0 16px;}
.renewal-2021 .body__account .tabmenu__body .manage_area li {position: relative; float: left;}
.renewal-2021 .body__account .tabmenu__body .manage_area li:first-child {margin-right: 21px;}
.renewal-2021 .body__account .tabmenu__body .manage_area li:first-child::after {content: ''; position: absolute; top: 5px; right: -11px; width: 1px; height: 12px; background-color: #ddd;}
.renewal-2021 .body__account .tabmenu__body .appointed-service {font-size: 14px; letter-spacing: -.5px; color: #666;}
.renewal-2021 .body__account .tabmenu__body .appointed-service a {margin-left: 10px; color: #333; text-decoration: underline;}
.renewal-2021 .body__account .my_account .tabmenu__body .manage_area li,
.renewal-2021 .body__account .direct .tabmenu__body .manage_area li {margin-right: 0;}
.renewal-2021 .body__account .my_account .tabmenu__body .manage_area li::after,
.renewal-2021 .body__account .direct .tabmenu__body .manage_area li::after {width: 0;}
.renewal-2021 .body__account .tabmenu__body .manage_area li a {font-size: 14px; color: #666;}
.renewal-2021 .body__account .tabmenu__body .account_wrap {margin-bottom: 24px;}
.renewal-2021 .body__account .tabmenu__body .not_account {display: none;}
.renewal-2021 .body__account .tabmenu__body .not_account .account__alert {width: 156px; margin: 72px auto 83px; text-align: center;}
.renewal-2021 .body__account .tabmenu__body .not_account .account__alert img {display: block; width: 70px; height: 70px; margin: 0 auto 10px;}
.renewal-2021 .body__account .tabmenu__body .not_account .account__alert span {display: block; margin-bottom: 8px; font-size: 16px; letter-spacing: -.5px; color: #000;}
.renewal-2021 .body__account .tabmenu__body .not_account .account__alert .btn {width: 139px; height: 30px; border: 1px solid #666; border-radius: 4px; font-size: 14px; color: #666;}
.renewal-2021 .body__account .tabmenu__body .account__list li {float: left; width: 218px; height: 100px; margin-right: 8px; margin-bottom: 8px; padding: 15px; border: 1px solid #eee; border-radius: 8px; background-color: #fff;}
.renewal-2021 .body__account .tabmenu__body .account__list li.empty {position: relative; background-color: #f0f3f9;}
.renewal-2021 .body__account .tabmenu__body .account__list li.empty > .hana_logo {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 32px; height: 32px; margin: auto;}
.renewal-2021 .body__account .tabmenu__body .account__list li.empty > .hana_logo img {display: block; width: 100%;}
.renewal-2021 .body__account .tabmenu__body .account__list li:nth-child(3n) {margin-right: 0;}
.renewal-2021 .body__account .tabmenu__body .account__list li:nth-child(n+3) {margin-bottom: 0;}
.renewal-2021 .body__account .tabmenu__body .account__list li.selection {border: 1px solid #333; box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, .1);}
.renewal-2021 .account__list > li > .upper {width: 100%; height: 51px;}
.renewal-2021 .account__list > li > .upper > .fl_l {width: 150px;}
.renewal-2021 .my_account .account__list > li > .upper {height: 40px;}
.renewal-2021 .account__list > li .results {text-decoration: underline; color: #009591;}
.renewal-2021 .account__list > li > .upper > .fl_l > .name {font-size: 13px; letter-spacing: -.5px; color: #333;}
.renewal-2021 .account__list > li > .upper > .fl_l > .bank {line-height: 1.4; font-size: 12px; letter-spacing: -.5px; color: #333;}
.renewal-2021 .account__list > li > .upper > .fl_r > img {float: right; width: 28px; vertical-align: middle;}
.renewal-2021 .account__list > li > .lower {float: left; width: 100%;}
.renewal-2021 .my_account .account__list > li > .lower {height: 36px;}
.renewal-2021 .account__list > li > .lower > .date,
.renewal-2021 .account__list > li > .lower > .group {font-size: 12px; color: #666;}
.renewal-2021 .account__list > li > .lower > .balance,
.renewal-2021 .account__list > li > .lower > .account {font-family: 'NotoSans_Bold'; font-size: 14px; color: #333;}
.renewal-2021 .account__list > li > .lower > .account {text-align: right;}
.renewal-2021 .account__list > li > .lower > .account > .old {font-family: 'NotoSans_Regular'; font-size: 11px; letter-spacing: -.5px; color: #666;}
.renewal-2021 .account__list > li > .lower > .account.not_old {padding-top: 13px;}
.renewal-2021 .account__list--pagination {position: relative; height: 24px;}
.renewal-2021 .body__account .direct .line .select_area {width: 220px; margin-right: 8px;}
.renewal-2021 .body__account .direct .line .input_area {width: 442px;}
.renewal-2021 .body__account .direct .line .input_area input {background-color: #fff;}
.renewal-2021 .body__account .direct .line .input_area input:focus {background-color: #f7fbfb;}
.renewal-2021 .contents__body > .bank-transfer__left .item.additional {margin-bottom: 32px;}
.renewal-2021 .item.additional .item__title .more {width: 18px; height: 18px; margin-top: 5px; background: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-18-additional-minus.png) no-repeat center;}
.renewal-2021 .item.additional .item__title .more.close {background: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-18-additional-plus.png) no-repeat center;}
.renewal-2021 .item.additional .item__body {display: none; padding: 24px; border-top: 1px solid #eee;}
.renewal-2021 .item.additional .additional__form {margin-bottom: 8px;}
.renewal-2021 .item.additional .additional__form input::-webkit-input-placeholder {color: #666 !important;}
.renewal-2021 .item.additional .additional__form .line {width: 100%; margin-bottom: 8px;}
.renewal-2021 .item.additional .additional__form > .line:last-child {margin-bottom: 10px;}
.renewal-2021 .item.additional .additional__form .input_area {width: 100%;}
.renewal-2021 .item.additional .additional__form .direct-input {margin-bottom: 8px;}
.renewal-2021 .item.additional .additional__form .direct-input .input_area {width: 494px; margin-right: 8px;}
.renewal-2021 .item.additional .additional__form .direct-input .message-btn_area {width: 208px;}
.renewal-2021 .item.additional .additional__form .direct-input .message-btn_area ul {border-radius: 6px; border: 1px solid #eee; background-color: #f9fafb;}
.renewal-2021 .item.additional .additional__form .direct-input .message-btn_area li {float: left; width: 50%;}
.renewal-2021 .item.additional .additional__form .direct-input .message-btn_area li:first-child {border-right: 1px solid #eee;}
.renewal-2021 .item.additional .additional__form .direct-input .message-btn_area li a {display: block; line-height: 42px; font-size: 15px; color: #666; text-align: center;}
.renewal-2021 .item.additional .additional__form .manage-fee {display: none; margin-bottom: 8px;}
.renewal-2021 .item.additional .additional__form .manage-fee .input_area {position: relative; width: 351px; margin-right: 8px;}
.renewal-2021 .item.additional .additional__form .manage-fee .input_area.first::after {content: '동'; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); font-size: 15px; color: #000;}
.renewal-2021 .item.additional .additional__form .manage-fee .input_area.second::after {content: '호'; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); font-size: 15px; color: #000;}
.renewal-2021 .item.additional .additional__form .manage-fee .input_area:last-child {margin-right: 0;}
.renewal-2021 .item.additional .additional__form .manage-fee .input_area input {text-align: right; padding: 0 36px; font-size: 15px;}
.renewal-2021 .item.additional .additional__form .mark-selector {margin-bottom: 10px;}
.renewal-2021 .item.additional .additional__form .mark-selector .selector__area {position: relative; float: left; margin-left: 18px;}
.renewal-2021 .item.additional .additional__form .mark-selector .selector__area input {display: none;}
.renewal-2021 .item.additional .additional__form .mark-selector .selector__area label {margin-right: 20px; font-family: 'NotoSans_Medium'; font-size: 15px; letter-spacing: -.5px; color: #000;}
.renewal-2021 .item.additional .additional__form .mark-selector .selector__area input + label::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/bul-radio.png); position: absolute; top: 1px; left: -18px; width: 16px; height: 16px;}
.renewal-2021 .item.additional .additional__form .mark-selector .selector__area input:checked + label::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/bul-radio-active.png);}
.renewal-2021 .item.additional .additional__explanation {}
.renewal-2021 .item.additional .additional__explanation li {margin-bottom: 4px; text-indent: -8px; padding-left: 8px; font-size: 12px; letter-spacing: -.5px; color: #666;}
.renewal-2021 .item.additional .additional__explanation li:last-child {margin-bottom: 0;}

.renewal-2021 .item.cert .item__body {height: 392px; padding: 24px;}
.renewal-2021 .item.otp .item__body {height: 392px; padding: 24px; margin-bottom: 32px;}
.renewal-2021 .item.not_cert .item__body {position: relative; height: 482px;}
.renewal-2021 .item.not_cert .item__body .not_cert--guide {position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 215px; height: 220px; margin: auto;}
.renewal-2021 .item.not_cert.openbanking .item__body .not_cert--guide {height: 247px;}
.renewal-2021 .item.not_cert .item__body .not_cert--guide img {display: block; width: 124px; margin: 0 auto 15px;}
.renewal-2021 .item.not_cert .item__body .not_cert--guide p {font-family: 'NotoSans_Medium'; line-height: 1.4; font-size: 18px; letter-spacing: -.5px; color: #000; text-align: center;}
.renewal-2021 .item.not_cert .item__body .not_cert--guide p strong {text-decoration: underline;}


/* 오른쪽 영역 */
.renewal-2021 .contents__body > .bank-transfer__right {position: sticky; top: 16px; width: 342px;}
.renewal-2021 .contents__body > .bank-transfer__right .item {width: 100%; margin-bottom: 10px; border-radius: 8px;}
.renewal-2021 .item.limit-guide {padding: 25px 30px; border: 1px solid #979797; background-color: #eef0f3;}
.renewal-2021 .item.limit-guide .item__title {margin-bottom: 16px; font-size: 13px; letter-spacing: -.5px; }
.renewal-2021 .item.limit-guide .item__title a {text-decoration: underline !important;}
.renewal-2021 .item.limit-guide .item__body .once {margin-bottom: 6px; font-size: 14px; letter-spacing: -.5px; color: #000;}
.renewal-2021 .item.limit-guide .item__body .once .fl_l {color: #666;}
.renewal-2021 .item.limit-guide .item__body .day {margin-bottom: 12px; font-size: 14px; letter-spacing: -.5px; color: #000;}
.renewal-2021 .item.limit-guide .item__body .day .fl_l {color: #666;}
.renewal-2021 .item.limit-guide .item__body .transfer-total {font-size: 14px; letter-spacing: -.5px; color: #009591;}
.renewal-2021 .item.limit-guide .item__body .transfer-total .fl_r {font-size: 16px;}
.renewal-2021 .item.warning {padding: 6px 0; border: 1px solid rgba(237, 22, 81, .08); background-color: rgba(237, 22, 81, .03)}
.renewal-2021 .item.warning .item__left {}
.renewal-2021 .item.warning .item__right {margin-top: 16px; margin-right: 25px;}
.renewal-2021 .item.warning .item__right .item__title {margin-bottom: 10px; font-size: 13px; letter-spacing: -.5px; color: #d65175;}
.renewal-2021 .item.warning .item__right .item__body p {font-size: 14px; letter-spacing: -.5px; color: #000;}
.renewal-2021 .item.warning .item__right .item__body p strong {text-decoration: underline;}
.renewal-2021 .item.alert {padding: 6px 0; border: 1px solid #979797; background-color: #eef0f3;}
.renewal-2021 .item.alert .item__left {}
.renewal-2021 .item.alert .item__right {margin-top: 16px; margin-right: 55px;}
.renewal-2021 .item.alert .item__right .item__title {margin-bottom: 10px; font-size: 13px; letter-spacing: -.5px; color: #666;}
.renewal-2021 .item.alert .item__right .item__body p {font-size: 14px; letter-spacing: -.5px; color: #000;}
.renewal-2021 .item.alert .item__right .item__body p strong {text-decoration: underline;}
.renewal-2021 .item.transfer-info {border: 1px solid #ddd;}
.renewal-2021 .item.transfer-info .transfer-info__list--empty {text-align: center;}
.renewal-2021 .item.transfer-info .transfer-info__list--empty span {line-height: 250px; font-size: 13px; color: #666;}
.renewal-2021 .item.transfer-info .transfer-info__list {padding: 20px 24px; border-bottom: 1px solid #ddd;}
.renewal-2021 .item.transfer-info .transfer-info__list:last-child {border-bottom: none;}
.renewal-2021 .item.transfer-info .transfer-info__list .receiver {line-height: 27px; margin-bottom: 2px; font-family: 'NotoSans_Bold'; color: #000}
.renewal-2021 .item.transfer-info .transfer-info__list .receiver .fl_l {font-size: 13px;}
.renewal-2021 .item.transfer-info .transfer-info__list .receiver .fl_r {width: 100px; font-size: 18px; text-align: right;}
.renewal-2021 .item.transfer-info .transfer-info__list .amount {height: 27px; line-height: 27px; margin-bottom: 8px; font-family: 'NotoSans_Bold'; color: #000}
.renewal-2021 .item.transfer-info .transfer-info__list .amount .fl_l {font-size: 13px;}
.renewal-2021 .item.transfer-info .transfer-info__list .amount .fl_r {font-size: 18px;}
.renewal-2021 .item.transfer-info .transfer-info__list .chargewrap {margin-bottom: 10px;}
.renewal-2021 .item.transfer-info .transfer-info__list .chargewrap .charge {height: 19px; line-height: 19px; margin-bottom: 6px; font-size: 13px; color: #000}
.renewal-2021 .item.transfer-info .transfer-info__list .chargewrap .charge .btn--collapse {width: 15px; height: 15px; margin-left: 4px; border: none; vertical-align: -2px; background: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-15-open.png) no-repeat center}
.renewal-2021 .item.transfer-info .transfer-info__list .chargewrap .charge .btn--collapse.close {background: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-15-close.png) no-repeat center}
.renewal-2021 .item.transfer-info .transfer-info__list .chargewrap .charge--more {display: none; width: 100%; padding: 10px 16px; margin-bottom: 10px; background-color: #f0f4f6; font-size: 12px;}
.renewal-2021 .item.transfer-info .transfer-info__list .chargewrap .charge--more .fl_l {font-family: 'NotoSans_Bold';}
.renewal-2021 .item.transfer-info .transfer-info__list .chargewrap .charge--more .fl_r {color: #666;}
.renewal-2021 .item.transfer-info .transfer-info__list .ib-select-wrap {display: none; margin-bottom: 10px; width: 100%;}
.renewal-2021 .item.transfer-info .transfer-info__list .ib-select-wrap .ib-select {width: 100% !important; line-height: 35px; border: 1px solid #f0f4f6; background-color: #f0f4f6;}
.renewal-2021 .item.transfer-info .transfer-info__list .ib-select-wrap .ib-select.on {border: 1px solid #009591;}
.renewal-2021 .item.transfer-info .transfer-info__list .ib-select-wrap .ib-select-list li {cursor: pointer;}
.renewal-2021 .item.transfer-info .transfer-info__list .ib-select-wrap .ib-select-list li:hover {background-color: #fbfdfd;}
.renewal-2021 .item.transfer-info .transfer-info__list .widthdrawal, 
.renewal-2021 .item.transfer-info .transfer-info__list .deposit, 
.renewal-2021 .item.transfer-info .transfer-info__list .mark-withdrawal,
.renewal-2021 .item.transfer-info .transfer-info__list .mark-deposit {margin-bottom: 6px; font-size: 13px; color: #666}
.renewal-2021 .item.transfer-info .transfer-info__list .mark-deposit {margin-bottom: 8px;}
.renewal-2021 .item.transfer-info .transfer-info__list .collapse {}
.renewal-2021 .item.transfer-info .transfer-info__list .line {font-size: 13px; color: #666;}
.renewal-2021 .item.transfer-info .transfer-info__list .collapse_btn {font-family: 'NotoSans_Bold'; font-size: 13px; color: #666;}
.renewal-2021 .item.transfer-info .transfer-info__list .collapse_btn img {margin-left: 2px; vertical-align: -3px;}
.renewal-2021 .item.transfer-info .transfer-info__list .delete img {vertical-align: -3px;}
.renewal-2021 .item.total-amount {padding: 20px 24px; border: 1px solid #009591; background-color: #fff; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .04);}
.renewal-2021 .item.total-amount .item__body .total-price {margin-bottom: 9px;}
.renewal-2021 .item.total-amount .item__body .total-price .fl_l {font-size: 16px; font-family: 'NotoSans_Bold'; color: #000;}
.renewal-2021 .item.total-amount .item__body .total-price .fl_r {font-size: 20px; font-family: 'NotoSans_Bold'; color: #009591;}
.renewal-2021 .item.total-amount .item__body .total-number {font-size: 13px; color: #000;}
.renewal-2021 .item.total-amount .item__body .total-number .fl_r {font-family: 'NotoSans_Bold';}
.renewal-2021 .bank-transfer__right .btn_wrap {margin-top: 32px;}
.renewal-2021 .bank-transfer__right .btn_wrap .btn {width: 100%; margin-bottom: 8px; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .04);}
.renewal-2021 .bank-transfer__right .btn_wrap .btn:last-child {margin-bottom: 0;}
.renewal-2021 .bank-transfer__right .btn_wrap > .btn.add-transfer {border: none; background-color: transparent; box-shadow: none; font-size: 16px; color: #666;}
.renewal-2021 .bank-transfer__right .btn_wrap > .btn.confirm {}
.renewal-2021 .bank-transfer__right .btn_wrap > .btn.cancel {background-color: transparent; color: #888;}

/* 이체결과 */
.transfer-complete .crfix::after {display: block; clear: both; content: '';}
.transfer-complete .fl_l {float: left;}
.transfer-complete .fl_r {float: right;}
.transfer-complete .inner {position: relative; max-width: 1600px; padding: 0 20px; margin: 0 auto; box-sizing: border-box;}
.renewal-2021 .transfer-complete .bold {font-family: 'NotoSans_Bold';}
.transfer-complete input[type=text] {width: 100%; height: 44px; padding: 0 16px; border: none;}
.transfer-complete input::-webkit-input-placeholder {color: #666 !important;}
.transfer-complete .input_area {position: relative; width : 240px; height: 44px;}
.transfer-complete .input_area input {border: 1px solid #666; border-radius: 6px; font-size: 15px;}
.transfer-complete .input_area input:focus {background-color: #f7fbfb; border: 1px solid #009591;}
.transfer-complete .input_area .error-message {display: none; position: absolute; bottom: -25px; left: 16px; font-size: 12px; letter-spacing: -.5px; color: #ed1651;}
.transfer-complete .input_area.error input {border: 1px solid #ed1651;}
.transfer-complete .input_area input[disabled] {border: 1px solid #999; background-color: #f3f4f5;}
.transfer-complete .input_area input[readonly] {border: 1px solid #999;}
.transfer-complete .input_area.error .error-message {display: block;}
.transfer-complete .input_area .btn--del {display: block; position: absolute; top: 12px; right: 16px; width: 20px; height: 20px; background: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-20-delete.png);}
.transfer-complete input[type=checkbox] {-webkit-appearance: none; width: 16px; height: 16px; background: url('https://image.kebhana.com/cont/common/img/newmain2021/element-check-default.png') center no-repeat; vertical-align: bottom;}
.transfer-complete input[type=checkbox]:checked {background: url('https://image.kebhana.com/cont/common/img/newmain2021/element-check-select.png') center no-repeat;}
.transfer-complete input[type=radio] {-webkit-appearance: none; width: 16px; height: 16px; background: url('https://image.kebhana.com/cont/common/img/newmain2021/element-radio-default.png') center/85% no-repeat; vertical-align: bottom;}
.transfer-complete input[type=radio]:checked {background: url('https://image.kebhana.com/cont/common/img/newmain2021/element-radio-select.png') center/85% no-repeat;}
.transfer-complete input:focus {outline: none;}
.transfer-complete .pagination {position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.transfer-complete .pagination > li {float: left;}
.transfer-complete .pagination .start,
.transfer-complete .pagination .next {margin-right: 4px;}
.transfer-complete .pagination .start {width: 24px; height: 24px;}
.transfer-complete .pagination > li > a {display: block; width: 24px; height: 24px; border-radius: 1px;}
.transfer-complete .pagination > li > a:hover {background-color: #f5f5f5;}
.transfer-complete .pagination > li > a > img {display: block; width: 100%; height: 100%; padding: 2px;}
.transfer-complete .pagination .number {margin: 0 20px;}
.transfer-complete .pagination .number li {float: left; margin-right: 4px;}
.transfer-complete .pagination .number li:last-child {margin-right: 0;}
.transfer-complete .pagination .number li > a {display: block; width: 24px; line-height: 20px; padding: 2px; border-radius: 1px; text-align: center; color: #666;}
.transfer-complete .pagination .number li > a:hover {background-color: #f5f5f5;}
.transfer-complete .pagination .number li.selection > a {font-family: 'NotoSans_Bold'; background-color: rgba(0, 149, 145, .05); color: #009591;}
.transfer-complete button {-webkit-appearance: none;}
.transfer-complete .btn {width: 160px; height: 60px; border: none; font-size: 18px;}
.transfer-complete .btn.btn--primary {border-radius: 8px; background-color: #009591; color: #fff; font-weight: bold;}
.transfer-complete .btn.btn--primary:hover:not(:disabled) {text-decoration: underline;}
.transfer-complete .btn.btn--primary:disabled {background-color: #dbdbdb; color: #888;}
.transfer-complete .btn.btn--secondary {border-radius: 8px; color: #333; border: 1px solid #ccc;}
.transfer-complete .btn.btn--secondary:hover:not(:disabled) {text-decoration: underline; font-weight: bold;}
.transfer-complete .btn.btn--secondary:disabled {border: none;  background-color: #dbdbdb; color: #888;}
.transfer-complete .btn.btn--contained {width: 61px; height: 30px; border: 1px solid #bbb; border-radius: 4px; background-color: #fff; color: #666; font-size: 14px;}
.transfer-complete .btn.btn--contained:disabled {border: none; background-color: #ececec; color: #666;}

.renewal-2021 .transfer-complete {width: 100%; padding-top: 120px;}
.renewal-2021 .transfer-complete * {font-family:'NotoSans_Regular'; line-height: 1.4; box-sizing: border-box;}
.renewal-2021 .transfer-complete .complete-guide {width: 100%; margin-bottom: 80px;}
.renewal-2021 .transfer-complete .complete-guide .guide__img {width: 120px; height: 120px; margin: 0 auto 24px; background-color: #ddd;}
.renewal-2021 .transfer-complete .complete-guide .guide__title {margin-bottom: 10px; text-align: center;}
.renewal-2021 .transfer-complete .complete-guide .guide__title span {font-size: 40px; font-family: 'NotoSans_Bold'; letter-spacing: -.5px; color: #000;}
.renewal-2021 .transfer-complete .complete-guide .guide__explain {text-align: center;}
.renewal-2021 .transfer-complete .complete-guide .guide__explain p {font-size: 14px; color: #666;}
.renewal-2021 .transfer-complete .complete-guide .guide__explain .underline {text-decoration: underline;}
.renewal-2021 .transfer-complete .complete-summary {position: relative; height: 105px; margin-bottom: 58px;}
.renewal-2021 .transfer-complete .complete-summary .summary__list {position: absolute; top: 0; left: 60px; right: 0; margin: auto; width: 570px;}
.renewal-2021 .summary__list .item {float: left;}
.renewal-2021 .summary__list .item:nth-child(2) {margin: 0 80px;}
.renewal-2021 .summary__list .item .item__title {display: block; width: 100%; text-align: center; font-size: 16px; letter-spacing: -.5px; color: #000;}
.renewal-2021 .summary__list .item .item__title span {color: #666;}
.renewal-2021 .summary__list .item .item__title .tooltip_wrap {display: inline-block; position: relative; vertical-align: -4px;}
.renewal-2021 .summary__list .item .item__title .tooltip_wrap .tooltip {display: none; position: absolute; top: 25px; right: 50%; width: 164px; margin-right: -82px; padding: 14px; background-color: #fff; border: 1px solid #dedede; border-radius: 8px; font-size: 12px; letter-spacing: -.5px;}
.renewal-2021 .summary__list .item .item__title .tooltip_wrap .tooltip::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/shape-list.png); position: absolute; top: -4px; left: 0; right: 0; width: 8px; margin: auto; background: none;}
.renewal-2021 .summary__list .item .item__title .tooltip_wrap:hover .tooltip {display: block;}
.renewal-2021 .summary__list .item .item__content {display: block; width: 100%; text-align: center; font-size: 32px; font-family: 'NotoSans_Bold'; color: #009591;}
.renewal-2021 .summary__list .item .item__content--balance {display: block; width: 100%; margin-top: 8px; text-align: center; font-size: 14px; color: #999;}
.renewal-2021 .transfer-complete .complete-list {margin-bottom: 16px;}
.renewal-2021 .transfer-complete .complete-list .list__item {width: 100%; margin-bottom: 10px; border-radius: 8px; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .04); background-color: #fff;}
.renewal-2021 .transfer-complete .complete-list .list__item:last-child {margin-bottom: 16px;}
.renewal-2021 .complete-list .item__body {float: left; width: 986px; height: 178px; border-right: 1px solid #eee;}
.renewal-2021 .pop_print2 .complete-list .item__body {width: 100%; border-right: none;}
.renewal-2021 .pop_print2 .printTitle h4 {height: 40px}
.renewal-2021 .complete-list .item__body .item__name {float: left; width: 238px; padding: 24px 0 0 29px; font-size: 22px; color: #000;}
.renewal-2021 .complete-list .item__body .item__name .checkbox_area {position: relative}
.renewal-2021 .complete-list .item__body .item__name .checkbox_area input {display: none; margin-right: 6px; vertical-align: 0px;}
.renewal-2021 .complete-list .item__body .item__name .checkbox_area label {margin-left: 27px; font-size: 22px; color: #000;}
.renewal-2021 .complete-list .item__body .item__name .checkbox_area input + label::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/element-check-default.png); position: absolute; top: 10px; left: 0; width: 16px; height: 16px;}
.renewal-2021 .complete-list .item__body .item__name .checkbox_area input:checked + label::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/element-check-select.png);}

.renewal-2021 .complete-list .item__body .item__contents {float: left; width: 747px; padding-top: 24px;}
.renewal-2021 .complete-list .item__body .item__contents li {float: left; width: 257px;}
.renewal-2021 .complete-list .item__body .item__contents li:nth-child(2) {width: 298px;}
.renewal-2021 .complete-list .item__body .item__contents li:last-child {width: 192px;}
.renewal-2021 .item__contents .content__upper {height: 64px; margin-bottom: 20px;}
.renewal-2021 .item__contents .content__upper .content__title {display: block; font-size: 13px; color: #666;}
.renewal-2021 .item__contents .content__upper .content__explain {display: block; font-family: 'NotoSans_Bold'; font-size: 16px; color: #000;}
.renewal-2021 .item__contents .content__upper .content__explain .old {font-family:'NotoSans_Regular'; font-size: 14px; color: #666;}
.renewal-2021 .item__contents .content__lower {}
.renewal-2021 .item__contents .content__lower .content__title {display: block; font-size: 13px; color: #666;}
.renewal-2021 .item__contents .content__lower .content__explain {display: block; font-family: 'NotoSans_Bold'; font-size: 16px; color: #000;}
.renewal-2021 .item__contents .amount .content__explain,
.renewal-2021 .item__contents .charge .content__explain {color: #009591;}
.renewal-2021 .complete-list .item__result {position: relative; float: left; width: 164px; height: 178px;}
.renewal-2021 .complete-list .item__result .resultwrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.renewal-2021 .pop_print2 .complete-list .item__result {display: none;}
.renewal-2021 .complete-list .item__result span {display: block; max-width: 65px; margin: 0 auto 12px; text-align: center; font-size: 14px;}
.renewal-2021 .complete-list .item__result .btn {width: 97px; height: 30px; border: 1px solid #666; border-radius: 4px; font-size: 14px; color: #666;}
.renewal-2021 .list__item.complete--error .error__explane {background-color: rgba(237, 22, 81, .03); border-bottom: 1px solid rgba(237, 22, 81, .05);}
.renewal-2021 .list__item.complete--error .error__explane p {font-size: 13px; color: #ed1651; text-align: center; line-height: 36px;}
.renewal-2021 .list__item.complete--error .amount .content__explain,
.renewal-2021 .list__item.complete--error .charge .content__explain {font-family: 'NotoSans_Bold'; color: #ed1651;}
.renewal-2021 .list__item.complete--error .item__result span {color: #ed1651;}
.renewal-2021 .transfer-complete .list__option {margin-bottom: 32px;}
.renewal-2021 .transfer-complete .list__option .all_select .checkbox_area {position: relative}
.renewal-2021 .transfer-complete .list__option .all_select .checkbox_area input {display: none;}
.renewal-2021 .transfer-complete .list__option .all_select .checkbox_area label {margin-left: 18px; font-size: 14px; color: #666;}
.renewal-2021 .transfer-complete .list__option .all_select .checkbox_area input + label::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/element-check-default.png); position: absolute; top: 2px; left: 0; width: 16px; height: 16px;}
.renewal-2021 .transfer-complete .list__option .all_select .checkbox_area input:checked + label::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/element-check-select.png);}
.renewal-2021 .transfer-complete .option_list li {position: relative; float: left; margin-right: 21px;}
.renewal-2021 .transfer-complete .option_list li:last-child {margin-right: 0;}
.renewal-2021 .transfer-complete .option_list li:not(:last-child)::after {content: ""; position: absolute; top: 6px; right: -11px; width: 1px; height: 10px; background-color: #ddd;}
.renewal-2021 .transfer-complete .option_list li a {font-size: 14px; color: #666;}
.renewal-2021 .transfer-complete .option_list li a:hover {text-decoration: underline;}
.renewal-2021 .transfer-complete .complete-btnwrap {text-align: center;}
.renewal-2021 .transfer-complete .complete-btnwrap .btn:not(:last-child) {margin-right: 4px;}

/* 나의 금융 현황 */
.myinfo-summary .crfix::after {display: block; clear: both; content: '';}
.myinfo-summary .fl_l {float: left;}
.myinfo-summary .fl_r {float: right;}
.myinfo-summary .inner {position: relative; max-width: 1600px; padding: 0 20px; margin: 0 auto; box-sizing: border-box;}
.renewal-2021 .myinfo-summary .bold {font-family: 'NotoSans_Bold';}
.myinfo-summary input[type=text] {width: 100%; height: 44px; padding: 0 16px; border: none;}
.myinfo-summary input::-webkit-input-placeholder {color: #666 !important;}
.myinfo-summary .input_area {position: relative; width : 240px; height: 44px;}
.myinfo-summary .input_area input {border: 1px solid #666; border-radius: 6px; font-size: 15px;}
.myinfo-summary .input_area input:focus {background-color: #f7fbfb; border: 1px solid #009591;}
.myinfo-summary .input_area .error-message {display: none; position: absolute; bottom: -25px; left: 16px; font-size: 12px; letter-spacing: -.5px; color: #ed1651;}
.myinfo-summary .input_area.error input {border: 1px solid #ed1651;}
.myinfo-summary .input_area input[disabled] {border: 1px solid #999; background-color: #f3f4f5;}
.myinfo-summary .input_area input[readonly] {border: 1px solid #999;}
.myinfo-summary .input_area.error .error-message {display: block;}
.myinfo-summary .input_area .btn--del {display: block; position: absolute; top: 12px; right: 16px; width: 20px; height: 20px; background: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-20-delete.png);}
.myinfo-summary input[type=checkbox] {-webkit-appearance: none; width: 16px; height: 16px; background: url('https://image.kebhana.com/cont/common/img/newmain2021/element-check-default.png') center no-repeat; vertical-align: bottom;}
.myinfo-summary input[type=checkbox]:checked {background: url('https://image.kebhana.com/cont/common/img/newmain2021/element-check-select.png') center no-repeat;}
.myinfo-summary input[type=radio] {-webkit-appearance: none; width: 16px; height: 16px; background: url('https://image.kebhana.com/cont/common/img/newmain2021/element-radio-default.png') center/85% no-repeat; vertical-align: bottom;}
.myinfo-summary input[type=radio]:checked {background: url('https://image.kebhana.com/cont/common/img/newmain2021/element-radio-select.png') center/85% no-repeat;}
.myinfo-summary input:focus {outline: none;}
.myinfo-summary .pagination {position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.myinfo-summary .pagination > li {float: left;}
.myinfo-summary .pagination .start,
.myinfo-summary .pagination .next {margin-right: 4px;}
.myinfo-summary .pagination .start {width: 24px; height: 24px;}
.myinfo-summary .pagination > li > a {display: block; width: 24px; height: 24px; border-radius: 1px;}
.myinfo-summary .pagination > li > a:hover {background-color: #f5f5f5;}
.myinfo-summary .pagination > li > a > img {display: block; width: 100%; height: 100%; padding: 2px;}
.myinfo-summary .pagination .number {margin: 0 20px;}
.myinfo-summary .pagination .number li {float: left; margin-right: 4px;}
.myinfo-summary .pagination .number li:last-child {margin-right: 0;}
.myinfo-summary .pagination .number li > a {display: block; width: 24px; line-height: 20px; padding: 2px; border-radius: 1px; text-align: center; color: #666;}
.myinfo-summary .pagination .number li > a:hover {background-color: #f5f5f5;}
.myinfo-summary .pagination .number li.selection > a {font-family: 'NotoSans_Bold'; background-color: rgba(0, 149, 145, .05); color: #009591;}
.myinfo-summary button {-webkit-appearance: none;}
.myinfo-summary .btn {width: 160px; height: 60px; border: none; font-size: 18px;}
.myinfo-summary .btn.btn--primary {border-radius: 8px; background-color: #009591; color: #fff; font-weight: bold;}
.myinfo-summary .btn.btn--primary:hover:not(:disabled) {text-decoration: underline;}
.myinfo-summary .btn.btn--primary:disabled {background-color: #dbdbdb; color: #888;}
.myinfo-summary .btn.btn--secondary {border-radius: 8px; color: #333; border: 1px solid #ccc;}
.myinfo-summary .btn.btn--secondary:hover:not(:disabled) {text-decoration: underline; font-weight: bold;}
.myinfo-summary .btn.btn--secondary:disabled {border: none;  background-color: #dbdbdb; color: #888;}
.myinfo-summary .btn.btn--contained {width: 61px; height: 30px; border: 1px solid #bbb; border-radius: 4px; background-color: #fff; color: #666; font-size: 14px;}
.myinfo-summary .btn.btn--contained:disabled {border: none; background-color: #ececec; color: #666;}

.renewal-2021 .myinfo_wrap {padding-top: 62px; background-color: #fbfbfd; border-bottom: 1px solid #eee;}
.renewal-2021 .myinfo-summary {width: 1150px; height: 275px; margin: 0 auto 45px; border-radius: 8px; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .04); background-color: #fff;}
.renewal-2021 .myinfo-summary * {font-family:'NotoSans_Regular'; line-height: 1.4; box-sizing: border-box;}
.renewal-2021 .myinfo-summary > div {float: left; height: 100%;}
.renewal-2021 .myinfo-summary .summary__left {width: 347px; padding: 36px 44px; border-right: 1px solid #ddd;}
.renewal-2021 .summary__left .summary__title {margin-bottom: 18px;}
.renewal-2021 .summary__left .summary__grade {font-family: 'NotoSans_Bold'; font-size: 13px; color: #009591;}
.renewal-2021 .summary__left .summary__option > div {float: left;}
/* .renewal-2021 .summary__left .summary__option > div > img {display: block; width: 20px; height: 20px; background-color: #ddd;} */
.renewal-2021 .summary__left .summary__option .setting {margin-right: 18px;}
.renewal-2021 .summary__left .summary__option .alarm {position: relative;}
.renewal-2021 .summary__left .summary__option .alarm .alarm__tooltip {display: none; position: absolute; top: 25px; left: -30px; z-index: 90;}
.renewal-2021 .summary__left .summary__option .alarm .alarm__tooltip::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/shape-grey.png); position: absolute; top: -3px; left: 36.5px;}
.renewal-2021 .summary__left .summary__option .alarm .alarm__tooltip > ul {border: 1px solid #000; border-radius: 8px; background-color: #fff; overflow: hidden;}
.renewal-2021 .summary__left .summary__option .alarm .alarm__tooltip > ul > li {width: 620px; padding: 16px; border-bottom: 1px solid #eee;}
.renewal-2021 .summary__left .summary__option .alarm .alarm__tooltip > ul > .tooltip__title {padding: 8px 16px;}
.renewal-2021 .summary__left .summary__option .alarm .tooltip__title .title {font-family: 'NotoSans_Bold'; font-size: 12px; letter-spacing: -.5px; color: #333;}
.renewal-2021 .summary__left .summary__option .alarm .tooltip__item {position: relative;}
.renewal-2021 .summary__left .summary__option .alarm .tooltip__item .item__explan {margin-bottom: 4px; font-family: 'NotoSans_Bold'; font-size: 13px; letter-spacing: -.5px; color: #000;}
.renewal-2021 .summary__left .summary__option .alarm .tooltip__item .item__explan strong {color: #009591;}
.renewal-2021 .summary__left .summary__option .alarm .tooltip__item .item__content .content--title {font-family: 'NotoSans_Medium'; font-size: 13px; letter-spacing: -.5px; color: #666;}
.renewal-2021 .summary__left .summary__option .alarm .tooltip__item .item__content .content {font-size: 13px; letter-spacing: -.5px; color: #666;}
.renewal-2021 .summary__left .summary__option .alarm .tooltip__item .item__contentwrap > li {position: relative; float: left; margin-right: 17px;}  
.renewal-2021 .summary__left .summary__option .alarm .tooltip__item .item__contentwrap > li:not(:last-child)::after {content: ''; position: absolute; top: 6px; right: -9px; width: 1px; height: 10px; background-color: #ddd;}  
.renewal-2021 .summary__left .summary__option .alarm .tooltip__item .btn--tooltip {position: absolute; top: 0; bottom: 0; right: 16px; width: 112px; height: 48px; margin: auto; border-radius: 6px; border: 1px solid #009591; font-size: 14px; font-family: 'NotoSans_Medium'; color: #009591;}  
.renewal-2021 .summary__left .summary__hello {margin-bottom: 44px; line-height: 34px; font-size: 28px; color: #000;}
.renewal-2021 .summary__left .summary__hello .name {font-family: 'NotoSans_Bold';}
.renewal-2021 .summary__left .summary__hello img {vertical-align: -3px; margin-left: 2px;}
.renewal-2021 .summary__left .btn_wrap .btn {width: 126px; height: 48px; border: 1px solid #ccc; border-radius: 8px; font-size: 14px; letter-spacing: -.5px; color: #666;}
.renewal-2021 .summary__left .btn_wrap .btn:first-child {margin-right: 2px;}
.renewal-2021 .summary__left .btn_wrap .btn img {vertical-align: sub;}
.renewal-2021 .myinfo-summary .summary__right {width: 803px; padding: 36px 44px;}
.renewal-2021 .summary__right .summary__title {margin-bottom: 12px;}
.renewal-2021 .summary__right .balance--name {font-family: 'NotoSans_Medium'; font-size: 13px; letter-spacing: -.5px; color: #333;}
.renewal-2021 .summary__right .switch-balance input[id="toggle-balance"] {display: none;}
.renewal-2021 .summary__right .switch-balance label {font-size: 13px; letter-spacing: -.5px; color: #666;}
.renewal-2021 .summary__right .switch-balance label .switch {display: inline-block; position: relative; width: 32px; height: 18px; margin-left: 6px; padding: 0; border-radius: 9px; border: 1px solid #ccc; vertical-align: bottom; transition: all .3s;}
.renewal-2021 .summary__right .switch-balance label .switch::after {content: ''; position: absolute; top: 3px; left: 4px; width: 10px; height: 10px; border-radius: 10px; background-color: #ccc; transition: all .3s;}
.renewal-2021 .switch-balance input:checked + label .switch {border: 1px solid #009591; background-color: #009591;}
.renewal-2021 .switch-balance input:checked + label .switch::after {left: 17px; background-color: #fff;}
.renewal-2021 .summary__rignt .summary__contents {}
.renewal-2021 .summary__contents .summary__balance {margin-bottom: 46px;} 
.renewal-2021 .summary__contents .summary__balance .balance--show {display: inline-block; height: 44px; line-height: 44px; font-family: 'NotoSans_Bold'; font-size: 38px; color: #000;} 
.renewal-2021 .summary__contents .summary__balance .balance--show .won {font-size: 34px;} 
.renewal-2021 .summary__contents .summary__balance .balance--hide {display: inline-block; height: 44px; font-family: 'NotoSans_Medium'; font-size: 34px; color: #767676;} 
.renewal-2021 .summary__contents .summary__list .list__item {position: relative; float: left; width: 327px; margin-bottom: 10px;} 
.renewal-2021 .summary__contents .summary__list .list__item:nth-child(2n+1) {margin-right: 40px;} 
.renewal-2021 .summary__contents .summary__list .list__item:nth-child(2n) {width: 348px;} 
.renewal-2021 .summary__contents .summary__list .list__item .item__title {line-height: 36px; font-family: 'NotoSans_Medium'; font-size: 13px; letter-spacing: -.5px; color: #666;} 
.renewal-2021 .summary__contents .summary__list .list__item .item__list {position: absolute; right: 0; z-index: 1; width: 220px; min-height: 36px; padding: 8px 0; border-radius: 6px; background-color: #f0f4f6; border: 1px solid #f0f4f6;} 
.renewal-2021 .summary__contents .summary__list .list__item .item__list.open {border: 1px solid #dae2e5;} 
.renewal-2021 .summary__contents .summary__list .list__item:nth-child(1) .item__list,
.renewal-2021 .summary__contents .summary__list .list__item:nth-child(2) .item__list {z-index: 2;} 
.renewal-2021 .summary__contents .summary__list .list__item .list_show {padding: 0 12px;} 
.renewal-2021 .summary__contents .summary__list .list__item:not(:nth-child(2)) .item__list > .list_show::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-9-plus.png); position: absolute; top: 13px; right: 16px;} 
.renewal-2021 .summary__contents .summary__list .list__item:not(:nth-child(2)) .item__list.open > .list_show::after {content: url(https://image.kebhana.com/cont/common/img/newmain2021/icon-9-minus.png); position: absolute; top: 17px; right: 16px;} 
.renewal-2021 .summary__contents .summary__list .list__item .list_show > span, 
.renewal-2021 .summary__contents .summary__list .list__item .list_show > p {line-height: 18px; font-family: 'NotoSans_Medium'; font-size: 14px; color: #000; letter-spacing: -.5px;} 
.renewal-2021 .summary__contents .summary__list .list__item .list_show > p {display: inline;}
.renewal-2021 .summary__contents .summary__list .list__item .list_show > p span {line-height: 18px;}
.renewal-2021 .summary__contents .summary__list .list__item .list_hide {display: none;} 
.renewal-2021 .summary__contents .summary__list .list__item .list_hide .list_show {margin-bottom: 10px;} 
.renewal-2021 .summary__contents .summary__list .list__item .list_hide .list_show:first-child {margin-top: 10px;} 
.renewal-2021 .summary__contents .summary__list .list__item .list_hide .list_last {padding: 8px 16px 0; border-top: 1px solid #dae2e5;} 
.renewal-2021 .summary__contents .summary__list .list__item .list_hide .list_last span {font-family: 'NotoSans_Medium'; letter-spacing: -.5px; color: #666;} 
.renewal-2021 .summary__contents .summary__list .list__item .list_hide .list_last span strong {color: #000;} 

.myinfo-tabmenu .crfix::after {display: block; clear: both; content: '';}
.myinfo-tabmenu .fl_l {float: left;}
.myinfo-tabmenu .fl_r {float: right;}
.renewal-2021 .myinfo-summary .bold {font-family: 'NotoSans_Bold';}
.renewal-2021 .myinfo-tabmenu {width: 1150px; margin: 0 auto;}
.renewal-2021 .myinfo-tabmenu * {font-family:'NotoSans_Regular'; line-height: 1.4; box-sizing: border-box;}
.renewal-2021 .myinfo-tabmenu ul {padding: 0 32px;}
.renewal-2021 .myinfo-tabmenu li {float: left; margin-right: 100px;}
.renewal-2021 .myinfo-tabmenu li:last-child {margin-right: 0;}
.renewal-2021 .myinfo-tabmenu li a {display: block; position: relative; line-height: 52px; font-family: 'NotoSans_Medium'; font-size: 16px; color: #666; text-decoration: none;}
.renewal-2021 .myinfo-tabmenu li.selection a {font-family:'NotoSans_Bold'; color: #009591;}
.renewal-2021 .myinfo-tabmenu li.selection a::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: #009591;}






/* 메인컨텐츠 main contents [S]*/
.hana-body #container.hana-main.renewal2021 {width:100%;font-family:'NotoSans_Regular';padding-bottom: 0;padding-right: 0;box-sizing:border-box}
.hana-body #container.hana-main.renewal2021 * {box-sizing:border-box;font-family:inherit;}
.hana-body #container.hana-main.renewal2021 .hana-contents {margin:0 auto;float:none;width:auto;background:#f4f6f7;}
.hid{width: 1px;height: 1px;font-size: 0;top: -9999px;line-height: 0;overflow: hidden;position: absolute;text-indent: -10000px;}

.hana-main.renewal2021 h1,.hana-main.renewal2021 h2,.hana-main.renewal2021 h3,.hana-main.renewal2021 h4,.hana-main.renewal2021 h5,.hana-main.renewal2021 h6,.hana-main.renewal2021 strong {font-weight:normal;}
.hana-main.renewal2021 h1,.hana-main.renewal2021 h2,.hana-main.renewal2021 h3,.hana-main.renewal2021 h4,.hana-main.renewal2021 h5,.hana-main.renewal2021 h6 {margin:0;padding:0;height:auto;}
div, p, ol, ul, li, h1, h2, h3, h4, form, dl, dt, dd {margin:0;padding:0;letter-spacing:0;line-height:inherit;height:auto;}

.hana-main.renewal2021 .hana-contents {width:100%;float:none;margin:0 auto;}
.hana-main.renewal2021 .section_maincon_wrap{z-index: 0;}

.section_maincon_wrap{width:100%;background:#fafbfb;}
.section_maincon_wrap .section_maincon_inner{position: relative;width: 1150px;height: 440px; margin: 0 auto;overflow: visible;;}

/*메인슬라이드*/
.section_maincon_wrap .section_maincon_inner .main_slide_cont {width:760px;height:440px;position:absolute;top:0;left:0;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .bg-cont {position:absolute;left:0;width:100%;height:440px;z-index:-1;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .bg-cont img{position:absolute;left:0;margin-left:0;z-index: 1;width:760px;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .autoplay:hover{background: rgba(0,0,0,0.8);}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .autoplay {position:absolute;left:0;z-index: 11;left:506px;top:374px;width:107px; height: 26px;margin-left:0;background: rgba(0,0,0,0.4);border-radius: 20px;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .autoplay span{position: absolute;right: 29px;top: 4px;z-index: 30;display: inline-block;font-size:12px;color:#fff;font-family:'Arial' !important;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .autoplay span b{display:inline-block;padding-right:4px;width:15px;text-align:right;color: #fff;font-size: 12px;font-family: 'Arial' !important;letter-spacing: -.86px}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .autoplay span i{display:inline-block;padding-left:4px;color: #fff;font-size: 12px;font-family: 'Arial' !important;letter-spacing: -.86px;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .autoplay button {display:block;padding-left:4px;width:24px;height:24px;opacity:1;position: absolute;z-index:30;display: block;padding:13px 16px}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .autoplay button span {font-size:0;line-height:0;color:transparent;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .autoplay button.play {display:none;background:url(https://image.kebhana.com/cont/common/img/newmain2021/btn_main_autoplay_play.png) 16px 50% no-repeat;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .autoplay button.stop {background:url(https://image.kebhana.com/cont/common/img/newmain2021/btn_main_autoplay_pause.png) 16px 50% no-repeat;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .allslide {position:absolute;left:0;z-index: 11;left:619px;top:374px;width:26px; height: 26px;margin-left:0;background: rgba(0,0,0,0.4);border-radius:20px;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .allslide button {display:block;width:26px;height:26px;opacity:1;position: absolute;z-index:30;display: block;background:url(https://image.kebhana.com/cont/common/img/newmain2021/btn_slide_all.png) 50% 50% no-repeat;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .allslide:hover{ background: rgba(0,0,0,0.8);}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .allslide button span {font-size:0;line-height:0;color:transparent;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .slick-dots {height: 1px;left: -10000%;line-height: 0; overflow: hidden;position: absolute; text-indent: -100%; top: 0; width: 1px;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .slick-prev,.section_maincon_wrap .section_maincon_inner .main_slide_cont .slick-next {width:16px;height:16px;top: 379px;z-index:30;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .slick-prev {left: 541px;margin-left:0;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .slick-next {left: 585px;margin-left:0;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .slick-prev:after {background:url(https://image.kebhana.com/cont/common/img/newmain2021/icon-main-arrow-left.png) 50% 50% no-repeat;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .slick-next:after {background:url(https://image.kebhana.com/cont/common/img/newmain2021/icon-main-arrow-right.png) 50% 50% no-repeat;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .slick-slide {position:relative;height:440px;overflow: hidden;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .text-wrap {position:absolute; display:table;top:78px; left:0;margin-left:0;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .text-cont i{display:inline-block;width:60px;height:28px;color:#666;font-size:14px;border:1px solid #cccdcd;text-align:center;border-radius:2px;line-height:27px;text-align:center;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .text-cont p{margin-top:20px;margin-bottom: 12px;font-size:38px;line-height:1.26; color:#000;letter-spacing:-.5px;font-family: 'NotoSans_Bold' !important;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .text-cont span{font-size:16px;color:#666;letter-spacing:-.5px;line-height: normal;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .text-cont .m-btn {margin-top:44px;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .text-cont .m-btn a {display:inline-block;min-width:98px;line-height:40px;font-size:14px;color:#fff;background:#333;font-family:'NotoSans_Regular';text-align:center;border-radius:50px;letter-spacing: -.5px;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .text-cont .m-btn a:hover{text-decoration:underline;}
.section_maincon_wrap .section_maincon_inner .main_slide_cont .text-cont .m-btn a:focus{text-decoration:underline;}


/*슬라이드 전체보기*/
.allslide-wrap { display: none; position: absolute;left: 0;top: 0; width: 100%; height: 100%; z-index: 300;}
.allslide-wrap .allslide-bg {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.allslide-wrap .allslide-inner{width:1150px;margin:154px auto 0;height:1148px;position:relative;overflow:visible;}
.allslide-wrap .allslide-inner .popup_close_bg{position: absolute;right:0;top: -68px;width:48px;height:48px}
.allslide-wrap .allslide-inner .popup_close_bg:after{content: ''; width: 100%; height: 100%; background:#000;display: block;border-radius: 50px;}
.allslide-wrap .allslide-inner .popup_close_bg .popup_close{width: 100%;height: 100%;position: absolute;}
.allslide-wrap .allslide-inner .popup_close_bg .popup_close	img{position: absolute;left: 50%;margin-left: -15px;top: 50%;margin-top: -15px;}
.allslide-wrap .allslide-inner .slide-list{position: absolute;left:0;top:0;margin-top:0;margin-left: 0 !important;height:1148px;overflow: auto;-ms-overflow-style:none;scrollbar-width:none;}
.allslide-wrap .allslide-inner .slide-list::-webkit-scrollbar{display:none;}
.allslide-wrap .allslide-inner .slide-list .line-align:first-child a{margin-top:0}
.allslide-wrap .allslide-inner .slide-list .line-align a{display: inline-block;float:left;margin-right: 28px;margin-top:28px;}
.allslide-wrap .allslide-inner .slide-list .line-align a img{width:364px;border-radius:10px;}
.allslide-wrap .allslide-inner .slide-list .line-align a:last-child{margin-right:0}

/*메인슬라이드 [E]*/

/*슬라이드 오른쪽 퀵버튼 영역 [S]*/
.section_maincon_wrap .section_maincon_inner .maincon_right_area{padding:47px 0 0 58px;width:390px;float: right;box-sizing:border-box;}
.maincon_right_area .quick-button-wrap a{position:relative;display:inline-block;width:158px;height:120px;border-radius:10px;font-size:20px;color:#fff;font-weight:bold;letter-spacing:-0.5px}
.maincon_right_area .quick-button-wrap a span{position:absolute;left:24px;bottom:20px;width:54px;}
.maincon_right_area .quick-button-wrap a:hover span{background: url(https://image.kebhana.com/cont/common/img/newmain2021/btn_quick_on.png) no-repeat right 50%;background-size:10px 17px;position: absolute;}
.maincon_right_area .quick-button-wrap a:focus span{background: url(https://image.kebhana.com/cont/common/img/newmain2021/btn_quick_on.png) no-repeat right 50%;background-size:10px 17px;position: absolute;}
.maincon_right_area .quick-button-wrap a.quick-button01{margin-right:13px;background-image:linear-gradient(to bottom, rgba(0, 151, 147, 0.94) ,#009591);}
.maincon_right_area .quick-button-wrap a.quick-button02{background-image:linear-gradient(to bottom, rgba(52, 59, 84, 0.94) ,#323850)}
.maincon_right_area .quick-button-wrap a.quick-button01:hover,.maincon_right_area .quick-button-wrap a.quick-button01:focus{box-shadow:4px 4px 16px 0 rgba(0, 149, 145, 0.15);}
.maincon_right_area .quick-button-wrap a.quick-button02:hover,.maincon_right_area .quick-button-wrap a.quick-button02:focus{box-shadow:4px 4px 16px 0 rgba(0, 0, 0, 0.15);}
.maincon_right_area .quick-icon-wrap{oveflow:hidden;padding:28px 19px 0;}
.maincon_right_area .quick-icon-wrap ul li{float:left;margin-right:56px;}
.maincon_right_area .quick-icon-wrap ul li.link-num3,.maincon_right_area .quick-icon-wrap ul li.link-num6{margin-right:0;}
.maincon_right_area .quick-icon-wrap ul li a{display:inline-block;width:60px;height:84px;text-align:center;color:#000;font-size:14px;margin-bottom:26px;}
.maincon_right_area .quick-icon-wrap ul li a:hover{font-weight:bold;}
.maincon_right_area .quick-icon-wrap ul li a:focus{font-weight:bold;}
.ico {display:block;width:60px;height:60px;padding-bottom:10px;}

.maincon_right_area .quick-icon-wrap ul li.link-num1 a .ico {background:url(https://image.kebhana.com/cont/common/img/newmain2021/icon_quick01.png) center center no-repeat;}
.maincon_right_area .quick-icon-wrap ul li.link-num2 a .ico {background:url(https://image.kebhana.com/cont/common/img/newmain2021/icon_quick02.png) center center no-repeat;}
.maincon_right_area .quick-icon-wrap ul li.link-num3 a .ico {background:url(https://image.kebhana.com/cont/common/img/newmain2021/icon_quick03.png) center center no-repeat;}
.maincon_right_area .quick-icon-wrap ul li.link-num4 a .ico {background:url(https://image.kebhana.com/cont/common/img/newmain2021/icon_quick04.png) center center no-repeat;}
.maincon_right_area .quick-icon-wrap ul li.link-num5 a .ico {background:url(https://image.kebhana.com/cont/common/img/newmain2021/icon_quick05.png) center center no-repeat;}
.maincon_right_area .quick-icon-wrap ul li.link-num6 a .ico {background:url(https://image.kebhana.com/cont/common/img/newmain2021/icon_quick06.png) center center no-repeat;}
/*슬라이드 오른쪽 퀵버튼 영역 [E]*/

/*메인 중간 상품 영역[S]*/
.section_middlecon_wrap{width:100%;background:#ecf0f1;}
.section_middlecon_wrap .section_middlecon_inner{display:table;width:1150px;height:160px; margin: 0 auto;overflow: visible;text-align:center;}
.section_middlecon_wrap .section_middlecon_inner a{position:relative;display: table-cell;vertical-align: middle;width:227px;height:160px;}
.section_middlecon_wrap .section_middlecon_inner a::after{content: "";display: inline-block;width: 1px;height: 52px;position: absolute;right:0;top:54px;background: #dae1e3;}
.section_middlecon_wrap .section_middlecon_inner a:last-child::after{display:none;}
.section_middlecon_wrap .section_middlecon_inner a b{display:block;font-size:18px;color:#000;letter-spacing:-0.5px;line-height:27px;padding-bottom:3px;font-weight:normal;}
.section_middlecon_wrap .section_middlecon_inner a:hover b{text-decoration:underline;font-weight:bold;}
.section_middlecon_wrap .section_middlecon_inner a:focus b{text-decoration:underline;font-weight:bold;}
.section_middlecon_wrap .section_middlecon_inner a span{display:block;font-size:16px;color:#666;letter-spacing:-0.5px;line-height:24px;}
/*메인 중간 영역[E]*/

/*메인 하단 영역[S]*/
/*새소식 [S]*/
.section_bottomcon_wrap{width:100%;background:#fff;}
.section_bottomcon_wrap .section_bottomcon_inner{display:table;width:1150px;height:150px; margin: 0 auto;overflow: visible;}
.section_bottomcon_wrap .section_bottomcon_inner .nw_news{width:740px;padding-top:46px;float:left;}
.section_bottomcon_wrap .section_bottomcon_inner .nw_news > h3{font-size:16px;color:#000;font-weight:bold;line-height:24px;letter-spacing:-0.5px;padding-bottom:18px;}
.section_bottomcon_wrap .section_bottomcon_inner .nw_news .nw_news_list{border-top:0;}
.section_bottomcon_wrap .section_bottomcon_inner .nw_news .nw_news_list > li{overflow:visible;border-top:0;background:none;padding:0 0 8px;border-bottom:0;}
.section_bottomcon_wrap .section_bottomcon_inner .nw_news .nw_news_list > li > a{display: inline-block;width: 100%;}
.section_bottomcon_wrap .section_bottomcon_inner .nw_news .nw_news_list > li > a > p:first-child{font-size:14px;line-height:20px;color:#333;letter-spacing:-0.5px;font-family:'NotoSans_Medium' !important;}
.section_bottomcon_wrap .section_bottomcon_inner .nw_news .nw_news_list > li > a:hover > p:first-child{text-decoration:underline;}
.section_bottomcon_wrap .section_bottomcon_inner .nw_news .nw_news_list > li > a:focus > p:first-child{text-decoration:underline;}
.section_bottomcon_wrap .section_bottomcon_inner .nw_news .nw_news_list > li > a > p:last-child{font-size:14px;line-height:20px;color:#666;letter-spacing:-0.5px;}
.section_bottomcon_wrap .section_bottomcon_inner .nw_news .nw_btn_more{background:none;font-size:14px;line-height:20px;color:#666;top:49px;right:0;padding-left:0;}
.section_bottomcon_wrap .section_bottomcon_inner .nw_news .nw_btn_more:hover,.section_bottomcon_wrap .section_bottomcon_inner .nw_news .nw_btn_more:focus{text-decoration:underline;}
/*새소식 [E]*/
/*하단 오른쪽 버튼영역 [S]*/
.section_bottomcon_wrap .section_bottomcon_inner .bottomcon_right_area{padding:40px 0 0 58px;width:390px;float: right;box-sizing:border-box;}
.bottomcon_right_area .link-box{width:100%;height:150px;border:1px solid #eee;border-radius:10px;text-align:center;overflow:visible;}
.bottomcon_right_area .link-box li{float:left;border-right:1px solid #eee;border-bottom:1px solid #ddd;}
.bottomcon_right_area .link-box li:nth-child(even){border-right:0;}
.bottomcon_right_area .link-box li:nth-child(1) a{border-radius:10px 0 0 0;}
.bottomcon_right_area .link-box li:nth-child(2) a{border-radius:0 10px 0 0;}
.bottomcon_right_area .link-box li:nth-child(5) a{border-radius:0 0 0 10px;}
.bottomcon_right_area .link-box li:nth-child(6) a{border-radius:0 0 10px 0;}
.bottomcon_right_area .link-box li:nth-child(5),.bottomcon_right_area .link-box li:nth-child(6){border-bottom:0;}
.bottomcon_right_area .link-box li a{display:inline-block;width:164.5px;height:48.5px;font-size:14px;line-height:48px;color:#091615;letter-spacing:-0.5px}
.bottomcon_right_area .link-box li a:hover,.bottomcon_right_area .link-box li a:focus{background:#f9f9f9;text-decoration:underline;}
/*하단 오른쪽 버튼영역 [E]*/
/*메인 하단 영역[E]*/
/*메인 하단 어플아이콘 영역[S]*/
.section_appcon_wrap{width:100%;background:#fff;}
.section_appcon_wrap .section_appcon_inner{width:1150px;height:158px; margin: 0 auto;overflow: hidden;}
.section_appcon_wrap .section_appcon_inner .app_list{overflow:visible;margin:48px auto;width:920px;}
.section_appcon_wrap .section_appcon_inner .app_list > li{float:left;margin-right:100px;}
.section_appcon_wrap .section_appcon_inner .app_list > li.appOn a img{display:inline-block;border-radius:16px;box-shadow:4px 4px 10px 0 rgba(0,149,145,0.05)}
.section_appcon_wrap .section_appcon_inner .app_list > li.appOn:last-child a img{box-shadow:4px 4px 10px 0 rgba(0,0,0,0.05)}
.section_appcon_wrap .section_appcon_inner .app_list > li a{display: inline-block;width:70px;height:70px;}
.section_appcon_wrap .section_appcon_inner .app_list > li:last-child{margin-right:0;}

/* 220107 심형래 - 추가[S] */
.section_appcon_wrap .section_appcon_inner .app_list > li:nth-child(1) a { background: url(https://image.kebhana.com/cont/common/img/newmain2021/hana_app01.png);}
.section_appcon_wrap .section_appcon_inner .app_list > li:nth-child(1):hover a { background: url(https://image.kebhana.com/cont/common/img/newmain2021/hana_app01_on.png);}

.section_appcon_wrap .section_appcon_inner .app_list > li:nth-child(2) a { background: url(https://image.kebhana.com/cont/common/img/newmain2021/hana_app02.png);}
.section_appcon_wrap .section_appcon_inner .app_list > li:nth-child(2):hover a { background: url(https://image.kebhana.com/cont/common/img/newmain2021/hana_app02_on.png);}

.section_appcon_wrap .section_appcon_inner .app_list > li:nth-child(3) a { background: url(https://image.kebhana.com/cont/common/img/newmain2021/hana_app03.png);}
.section_appcon_wrap .section_appcon_inner .app_list > li:nth-child(3):hover a { background: url(https://image.kebhana.com/cont/common/img/newmain2021/hana_app03_on.png);}

.section_appcon_wrap .section_appcon_inner .app_list > li:nth-child(4) a { background: url(https://image.kebhana.com/cont/common/img/newmain2021/hana_app04.png);}
.section_appcon_wrap .section_appcon_inner .app_list > li:nth-child(4):hover a { background: url(https://image.kebhana.com/cont/common/img/newmain2021/hana_app04_on.png);}

.section_appcon_wrap .section_appcon_inner .app_list > li:nth-child(5) a { background: url(https://image.kebhana.com/cont/common/img/newmain2021/hana_app05.png);}
.section_appcon_wrap .section_appcon_inner .app_list > li:nth-child(5):hover a { background: url(https://image.kebhana.com/cont/common/img/newmain2021/hana_app05_on.png);}

.section_appcon_wrap .section_appcon_inner .app_list > li:nth-child(6) a { background: url(https://image.kebhana.com/cont/common/img/newmain2021/hana_app06.png);}
.section_appcon_wrap .section_appcon_inner .app_list > li:nth-child(6):hover a { background: url(https://image.kebhana.com/cont/common/img/newmain2021/hana_app06_on.png);}
/* //220107 심형래 - 추가[E] */


/*메인 하단 어플아이콘 영역[E]*/

/* 메인컨텐츠 main contents [E]*/

/* 211116 심형래 - 추가[S] */
.renewal-2021 .item.transfer-info .transfer-info__list {position: relative;padding-top: 25px;}
.renewal-2021 .item.transfer-info .transfer-info__list .transfer-info__list--count {position: absolute;top: 0;left: 0;padding: 2px 15px; background: #f2f2f2; border: 1px solid #ddd;border-width: 0 1px 1px 0;}
.renewal-2021 .item.transfer-info .transfer-info__list:first-child .transfer-info__list--count {border-radius: 8px 0 0 0}
/* //211116 심형래 - 추가[E] */