@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------
	File : content.css
	Company : HanaTI
 	Author : Ryu,Keonmu & Yeon,DoHee 2020-05 
 	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, color/font, align, backgroun etc
--------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------- common ----------*/ /**/
.h100p {height:100%;}
.mh100p {min-height:100%;}
.secretKey_padding {padding-bottom:340px !important;}

.account_bar {position:relative; padding:0 0.5rem; font-style:normal; vertical-align:text-bottom;}
.account_bar:before {content:'|'; position:absolute; left:0.5rem; top:0; z-index:1;}

.lr_wrap {position:relative;}
.lr_wrap:after {content:''; display:block; clear:both;}
.lr_wrap .l_area {float:left;}
.lr_wrap .r_area {float:right;}

.flex_box {display:flex; flex-wrap:wrap; justify-content:space-between;}
.flex_box .flex_item {flex:1 1 0;}
.flex_box .flex_item + .flex_item {margin-left:0.4rem;}

.box_list {padding:0.8rem; border-radius:0.3rem; background:#f9f9fb;}
.box_list ul {position:relative;}
.box_list ul li {display:flex; flex-flow:wrap; width:100%; font-size:0.7rem; line-height:1rem;}
.box_list ul li .tit {flex:1 1 0; padding:0.2rem 0; font-weight:normal; color:#666666;}
.box_list ul li .con {flex:2 1 0; padding:0.2rem 0; color:#000000; text-align:right;}

/* 타이틀 */
.contents_top_txt {padding-bottom:2rem; font-size:0.9rem; line-height:1.2rem; font-weight:500; color:#000000;}
.contents_top_txt > span {display:block; padding-top:0.6rem; font-size:0.7rem; font-weight:normal; line-height:1rem; color:#666666;}

/* 리스트 없음 */
.no_list {position:absolute; top:65%; left:50%; width:100%; transform:translate(-50%, -65%);}
.no_list:after {content:''; display:block; position:absolute; top:-6.5rem; left:50%; width:6rem; height:6rem; background:url('../img/img_character.png') 50% 50% no-repeat; background-size:100%; transform:translateX(-50%);}
.no_list > .txt {position:relative; font-size:0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px; text-align:center;}
.no_list > .tit {position:relative; margin-bottom:0.4rem; font-size:1rem; font-weight:500; color:#000000; line-height:1.3rem; letter-spacing:-1px; text-align:center;}
.no_list > .txt + .txt {margin-top:1.2rem;}
.no_list.sorry:after {background-image:url('../img/img_character2.png');}
.no_list.push:after {background-image:url('../img/push2.png');}

/* 라디오 tab */
.tabControl_cont1, .tabControl_cont2, .tabControl_cont3, .tabControl_cont4 {margin-top:1rem;}

.borderGray {border:1px solid #c5c5c5;}


/*---------- MAIN ----------*/
/* 검색 */
.mainSearch {}
.mainSearch .mainSearch_header {position:fixed; left:3.2rem; top:0.2rem; z-index:6; width:calc(100% - 3.2rem);}
.mainSearch .mainSearch_header .input_wrap {position:relative; padding-right:2.4rem;}
.mainSearch .mainSearch_header .input_wrap input {border:0; padding-left:0;}
.mainSearch .mainSearch_header .input_wrap button.inputDelete {right:3rem;}
.mainSearch .mainSearch_header .btn_mainSearch {position:absolute; right:1.2rem; top:0.4rem; z-index:6; width:1.6rem; height:1.6rem; text-indent:-9999px; background:url('../img/btn_mainSearch.png') 50% 50% no-repeat; background-size:1.6rem auto;}
.mainSearch .mainSearch_history {position:fixed; left:0; top:2.8rem; z-index:6; overflow-y:auto; width:100%; height:calc(100vh - 2.8rem); padding:1.6rem 1.4rem; background:#f9f9fb;}
.mainSearch .mainSearch_history h2 {font-size:0.6rem; font-weight:500; line-height:1.5; color:#666666;}
.mainSearch .mainSearch_history ul {margin-top:0.8rem;}
.mainSearch .mainSearch_history ul li {position:relative; margin-top:0.9rem; padding:0 1.5rem 0 1.3rem; background:url('../img/ico_clock.png') left 50% no-repeat; background-size:1rem auto;}
.mainSearch .mainSearch_history ul li:first-child {margin-top:0;}
.mainSearch .mainSearch_history ul li button.wordBtn {display:block; text-align:left; background:transparent;}
.mainSearch .mainSearch_history ul li button.wordBtn span {display:inline-block; font-size:0.7rem; line-height:1rem; font-weight:500; color:#000000;}
.mainSearch .mainSearch_history ul li button.delBtn {display:inline-block; position:absolute; right:0; top:0; z-index:1; width:1rem; height:1rem; text-indent:-9999px; background:url('../img/btn_mainSearch_history_delete.png') 50% 50% no-repeat; background-size:1rem auto;}
.mainSearch .mainSearch_result {}
.mainSearch .mainSearch_result .sr_section {padding-bottom:2rem;}
.mainSearch .mainSearch_result .sr_section:last-child {padding-bottom:0;}
.mainSearch .mainSearch_result .sr_section .btn_moreView {margin-top:0.4rem; border:0; background:#eeeeee;}
.mainSearch .mainSearch_result .srch_word {color:#009591;}
.mainSearch .mainSearch_result .sr_section h3 {padding-bottom:0.55rem; font-size:0.9rem; line-height:1.2rem; color:#000000; font-weight:bold;}
.mainSearch .mainSearch_result .sr_section h3 span {padding-left:0.3rem; font-weight:500; color:#009591;}
.mainSearch .mainSearch_result .sr_section h3 span em {font-family:'Roboto';}
.mainSearch .mainSearch_result .sr_section ul {border-top:1px solid #000000;}
.mainSearch .mainSearch_result .sr_section ul li {padding:0.8rem 0; border-top:1px solid #eeeeee;}
.mainSearch .mainSearch_result .sr_section ul li:first-child {border-top:0;}
.mainSearch .mainSearch_result .sr_section ul li a {display:block;}
.mainSearch .mainSearch_result .sr_section ul li a span.con_tit {display:block; font-size:0.7rem; font-weight:500; line-height:1.2rem; color:#000000;}
.mainSearch .mainSearch_result .sr_section ul li a span.con_tit span.type {display:inline-block; height:1.2rem; padding:0 0.3rem; margin-right:0.2rem; border-radius:0.2rem; background:#009591; font-size:0.6rem; font-weight:500; line-height:1.2rem; color:#ffffff;}
.mainSearch .mainSearch_result .sr_section ul li a span.srch_txt {display:block; padding-top:0.4rem; font-size:0.6rem; line-height:1.5; color:#666666;}
/* .mainSearch .mainSearch_noData {position:relative; height:calc(100vh - 6.8rem);} */
.mainSearch .mainSearch_noData {position:relative; height:calc(100vh - 2.8rem); margin:-2rem -1.2rem -1.2rem; background:#f9f9fb;}
/* 마이메뉴관리 */
.myMenu {position:relative; min-height:100%; margin:0 !important; padding:0 0 5.8rem 0 !important; background:#f9f9fb;}
.myMenu .my_menu {padding:2rem 1.2rem 0;}
.myMenu .my_menu .tit_area {padding-bottom:1rem;}
.myMenu .my_menu .tit_area p.big {font-size:0.9rem; line-height:1.2rem; font-weight:500; color:#000000;}
.myMenu .my_menu .tit_area p.sm {padding-top:0.6rem; font-size:0.7rem; line-height:1rem; color:#666666;}
.myMenu .my_menu .myMenu_box {margin-bottom:0.3rem; border:1px solid #eeeeee; border-radius:0.3rem; background:#ffffff;}
.myMenu .my_menu .myMenu_box .tit {padding:1rem;}
.myMenu .my_menu .myMenu_box .tit h2 span {padding-left:0.5rem; font-size:0.7rem; line-height:1rem; font-weight:normal; color:#666666;}
.myMenu .my_menu .myMenu_box .tit h2 span strong {font-weight:500; color:#009591;}
.myMenu .my_menu .myMenu_box .tit button {display:block; width:100%; font-size:0.8rem; line-height:1rem; color:#000000; font-weight:500; text-align:left; background:#ffffff url('../../common/img/btn_allview.png') right 50% no-repeat; background-size:1.2rem auto;}
.myMenu .my_menu .myMenu_box .tit.menu1 {padding-left:2.4rem; background:url('../../common/img/ico_mymenu1.png') 1rem 50% no-repeat; background-size:1.2rem auto;}
.myMenu .my_menu .myMenu_box .tit.menu2 {padding-left:2.4rem; background:url('../../common/img/ico_mymenu2.png') 1rem 50% no-repeat; background-size:1.2rem auto;}
.myMenu .my_menu .myMenu_box .tit.menu3 {padding-left:2.4rem; background:url('../../common/img/ico_mymenu3.png') 1rem 50% no-repeat; background-size:1.2rem auto;}
.myMenu .my_menu .myMenu_box .tit.menu4 {padding-left:2.4rem; background:url('../../common/img/ico_mymenu4.png') 1rem 50% no-repeat; background-size:1.2rem auto;}
.myMenu .my_menu .myMenu_box .tit.menu5 {padding-left:2.4rem; background:url('../../common/img/ico_mymenu5.png') 1rem 50% no-repeat; background-size:1.2rem auto;}
.myMenu .my_menu .myMenu_box .tit.menu6 {padding-left:2.4rem; background:url('../../common/img/ico_mymenu6.png') 1rem 50% no-repeat; background-size:1.2rem auto;}
.myMenu .my_menu .myMenu_box .tit.menu7 {padding-left:2.4rem; background:url('../../common/img/ico_mymenu7.png') 1rem 50% no-repeat; background-size:1.2rem auto;}
.myMenu .my_menu .myMenu_box .tit.menu8 {padding-left:2.4rem; background:url('../../common/img/ico_mymenu8.png') 1rem 50% no-repeat; background-size:1.2rem auto;}
.myMenu .my_menu .myMenu_box .tit.menu9 {padding-left:2.4rem; background:url('../../common/img/ico_mymenu9.png') 1rem 50% no-repeat; background-size:1.2rem auto;}
.myMenu .my_menu .myMenu_box .tit.menu10 {padding-left:2.4rem; background:url('../../common/img/ico_mymenu10.png') 1rem 50% no-repeat; background-size:1.2rem auto;}
.myMenu .my_menu .myMenu_box .tit.menu11 {padding-left:2.4rem; background:url('../../common/img/ico_mymenu11.png') 1rem 50% no-repeat; background-size:1.2rem auto;}
.myMenu .my_menu .myMenu_box .tit.menu12 {padding-left:2.4rem; background:url('../../common/img/ico_mymenu12.png') 1rem 50% no-repeat; background-size:1.2rem auto;}
.myMenu .my_menu .myMenu_box .tit.menu13 {padding-left:2.4rem; background:url('../../common/img/ico_mymenu13.png') 1rem 50% no-repeat; background-size:1.2rem auto;}
.myMenu .my_menu .myMenu_box .tit.menu14 {padding-left:2.4rem; background:url('../../common/img/ico_mymenu14.png') 1rem 50% no-repeat; background-size:1.2rem auto;}
.myMenu .my_menu .myMenu_box .cont {display:none; border-top:1px solid #eeeeee; padding:0.9rem 1rem;}
.myMenu .my_menu .myMenu_box .cont li {position:relative; margin-bottom:0.9rem; line-height:1rem; font-size:0.7rem; color:#666666;}
.myMenu .my_menu .myMenu_box .cont li:last-child {margin-bottom:0;}
.myMenu .my_menu .myMenu_box button.btn_del {position:absolute; right:0; top:0; z-index:1; width:1rem; height:1rem; text-indent:-9999px; background:url('../../common/img/btn_input_delete.png') 50% 50% no-repeat; background-size:100% auto;}
.myMenu .my_menu .myMenu_box button.btn_favorite {display:block; width:100%; padding-left:1.3rem; text-align:left; line-height:1rem; font-size:0.7rem; color:#666666; background:url('../../common/img/ico_favorite.png') left 50% no-repeat; background-size:1rem auto;}
.myMenu .my_menu .myMenu_box button.btn_favorite span {display:inline-block; width:0; text-indent:-9999px;}
.myMenu .my_menu .myMenu_box button.btn_favorite.active {background-image:url('../../common/img/ico_favorite_active.png');}
.myMenu .my_menu .myMenu_box.active .tit button {background-image:url('../../common/img/btn_allview_active.png');}
.myMenu .btn_wrap.pos_cont {padding:0 1.2rem 1.2rem;}
/* 메인 - 상품 */
#contents.main_contents {min-height:100%; margin:0; padding:0 0 3.2rem; background:#f9f9fb;}
.home {padding-bottom:2rem;}
.home .home_banner {margin:0 1.2rem 0.5rem; text-align:center;}
.home .home_banner > a {display:block;}
.home .home_banner img {max-width:100%;}
.home .home_banner .banner_text{position: absolute;bottom: 24px;left: 20px;z-index: 99;color: #dbdfff;}  /* 23-10 금리 자동화 반영 */
.home .home_product_list {position:relative;}
.home .home_product_list ul {position:relative;}
.home .home_product_list ul li {border-bottom:1px solid #eeeeee;}
.home .home_product_list ul li > a {display:flex; flex:1 1 0; padding:1.4rem 1.2rem 1.2rem;}
.home .home_product_list ul li .left_area {display:flex; width:100%; flex-direction:column; justify-content:space-between;}
.home .home_product_list ul li .left_area .tag {padding-bottom:1.3rem; font-size:0.8rem; line-height:1.1rem; color:#000000;}
.home .home_product_list ul li .left_area .tag .str {display:inline-block; position:relative; color:#009591; line-height:1.3rem;}
.home .home_product_list ul li .left_area .tag .str > span {background:linear-gradient(transparent 0%, transparent 70%, rgba(0, 149, 145, 0.1) 71%, rgba(0, 149, 145, 0.1) 100%);}
.home .home_product_list ul li .left_area .tag .str.d_black > span {background:none;}
.home .home_product_list ul li .left_area .tag .str > span:first-child{position:relative;}
.home .home_product_list ul li .left_area .tag .str > span:first-child:before {content:'#'; display:inline-block; padding-right:2px; font-size:0.7rem; font-style:normal; vertical-align:top;}
.home .home_product_list ul li .left_area .tag .str span + span,
.home .home_product_list ul li .left_area .tag .none_str {display:inline-block; position:relative; color:#009591; line-height:1.3rem;}
.home .home_product_list ul li .left_area .tag .none_str > span {background:linear-gradient(transparent 0%, transparent 70%, rgba(0, 149, 145, 0.1) 71%, rgba(0, 149, 145, 0.1) 100%);}
.home .home_product_list ul li .left_area .tag .none_str.d_black > span {background:none;}
.home .home_product_list ul li .left_area .tag .none_str > span:first-child{position:relative;}
.home .home_product_list ul li .left_area .tag .none_str > span:first-child:before {display:inline-block; padding-right:2px; font-size:0.7rem; font-style:normal; vertical-align:top;}
.home .home_product_list ul li .left_area .tag .none_str span + span,
.home .home_product_list ul li .left_area .tag .multi span + span {margin-left:0.3rem;}
.home .home_product_list ul li .left_area .tag span {font-weight:500;}
.home .home_product_list ul li .left_area .tag span em {font-family:'Roboto';}
.home .home_product_list ul li .left_area .tag i {padding-right:2px; font-size:0.7rem; font-style:normal; vertical-align:text-top;}
.home .home_product_list ul li .left_area .tit {display:flex; padding-bottom:0.3rem; color:#666666; align-items:center;}
.home .home_product_list ul li .left_area .tit > span {line-height:1rem;}
.home .home_product_list ul li .left_area .tit .time_alert {display:inline-block; margin-left:0.4rem; padding-left:0.8rem; font-size:0.6rem; color:#666666; background:url('../../common/img/ico_clock_sm.png') no-repeat left center; background-size:0.8rem auto;}
.home .home_product_list ul li .left_area .tit .type {padding-right:0.3rem; color:#009591;}
.home .home_product_list ul li .right_area {flex:none; text-align:right;}
.home .home_product_list ul li .right_area .percent span {display:block; font-size:0.6rem; line-height:0.9rem; color:#666666;}
.home .home_product_list ul li .right_area .percent em {font-size:1.4rem; line-height:1.7rem; color:#009591; font-weight:bold; font-family:'Roboto';}
.home .home_product_list ul li .right_area span.btn_style {display:inline-block; width:3.5rem; height:1.4rem; margin-top:0.9rem; border-radius:0.2rem; background:#009591; font-size:0.65rem; color:#ffffff; line-height:1.4rem; text-align:center;}
.home .home_product_list ul li .right_area span.btn_style.blue {background:#3c75c6;}
.home .home_product_list ul li .right_area span.btn_style.gray {background:#eeeeee; color:#666666;}
.home .home_product_list.loan ul li .left_area .tag .str > span {color:#3c75c6; background:linear-gradient(transparent 0%, transparent 70%, rgba(20, 112, 245, 0.1) 71%, rgba(20, 112, 245, 0.1) 100%);}
.home .home_product_list.loan ul li .left_area .tag .str.d_black > span {color:#000000; background:none;}
.home .home_product_list.loan ul li .left_area .tag span.str {color:#3c75c6;}
.home .home_product_list.loan ul li .right_area .percent .loanTxt {display:flex; flex-wrap:wrap; justify-content:flex-end; max-width:5.7rem; margin-top:0.15rem; font-size:1.2rem; font-weight:bold; color:#3c75c6; line-height:1; align-items:center;}
.home .home_product_list.loan ul li .right_area .percent .loanTxt > div > em {display:inline-block; font-family:'Roboto'; font-size:1.2rem; color:#3c75c6; line-height:1.5rem; letter-spacing:-0.5px;}
.home .home_product_list.loan ul li .right_area .percent .loanTxt > div > span {display:inline-block; font-size:1.2rem; font-weight:bold; color:#3c75c6; line-height:1.5rem;}
.home .b_txt {display:flex; margin:0.6rem 1.2rem 0; font-size:0.6rem; color:#666666; line-height:0.9rem; align-items:center; justify-content:flex-end;}
.home .b_txt em {padding:1px 2px 0 0; font-family:'Roboto'; letter-spacing:-0.5px;}
.home .b_txt span {display:inline-block; position:relative; padding-left:0.5rem;}
.home .b_txt span:before {content:''; display:block; position:absolute; top:50%; left:0.3rem; width:1px; height:0.5rem; background:#cccccc; transform:translateY(-50%);}
.home .b_txt button.btn_refresh {width:1rem; height:1rem; margin-left:0.3rem; text-indent:-9999px; background:url('../img/btn_refresh.png') 50% 50% no-repeat; background-size:1rem auto;}
/* 큰글씨 */
.home.bigFont .home_product_list ul li .left_area .tag {padding-bottom:1rem; font-size:1rem; line-height:1.3rem;}
.home.bigFont .home_product_list ul li .left_area .tit .time_alert {font-size:0.7rem;}

/* 대표계좌설정 */
.account_represent .check_wrap {padding:0; margin:0 0 0.8rem 0; border:1px solid #dddddd; border-radius:0.3rem;}
.account_represent .check_wrap input[type=checkbox] + label {display:block; padding:0.8rem 2.8rem 0.8rem 0.8rem;}
.account_represent .check_wrap input[type=checkbox] + label span {display:block; font-size:0.8rem; font-weight:500; line-height:1.1rem; color:#000000;}
.account_represent .check_wrap input[type=checkbox] + label em {padding-top:1px; font-size:0.7rem; line-height:1rem; color:#666666; letter-spacing:-0.5px; font-family:'Roboto';}
.account_represent .check_wrap input[type=checkbox] + label:after {left:initial; right:0.8rem; width:1.2rem; height:1.2rem; margin-top:-0.6rem; background-image:url('../img/ico_favorite.png'); background-size:1.2rem !important;}
.account_represent .check_wrap.checked input[type=checkbox] + label:after {background-image:url('../img/ico_favorite_active.png');}
.account_represent .check_group {margin-bottom:1.2rem; border:1px solid #dddddd; border-radius:0.3rem; background-color:rgb(243, 244, 245);}
.account_represent .check_group .check_wrap {padding:0; margin:0; border:none; border-top:1px solid #dddddd; border-radius:0;}
.account_represent .check_group .check_wrap:first-child {border-top:0;}
.account_represent .check_group .check_wrap label {display:block; padding:0.8rem 2.8rem 0.8rem 0.8rem;}
.account_represent .check_group .check_wrap label span {display:block; font-size:0.8rem; font-weight:500; line-height:1.1rem; color:#000000;}
.account_represent .check_group .check_wrap label em {padding-top:1px; font-size:0.7rem; line-height:1rem; color:#666666; letter-spacing:-0.5px; font-family:'Roboto';}


/*---------- LOGIN ----------*/
/* 로그인 */
.member .member_util {margin-top:2rem;}
.member .member_util label {color:#ffffff !important;}
.member .member_util a.btn_link_arrow_white {color:#ffffff; line-height:1.2rem; padding-right:1.2rem; background:url('../img/bg_arrow_right_white.png') right top no-repeat; background-size:1.2rem auto;}
.member .member_util button {margin-top:0.75rem;}
.member .member_error {padding-top:0.8rem; color:#ffff00; line-height:1rem; text-align:center;}
.member .member_links {position:absolute; left:0; bottom:0; z-index:1; width:100%; padding-bottom:2rem; text-align:center;}
.member .member_links ul {display:inline-block;}
.member .member_links ul:after {content:''; display:block; clear:both;}
.member .member_links ul li {position:relative; float:left; padding-right:0.85rem; padding-left:0.75rem;}
.member .member_links ul li:first-child {padding-left:0;}
.member .member_links ul li:last-child {padding-right:0;}
.member .member_links ul li:after {content:''; display:block; position:absolute; right:0; top:0.4rem; z-index:1; width:1px; height:0.6rem; background:#eeeeee;}
.member .member_links ul li:last-child:after {display:none;}
.member .member_links ul li a {color:#ffffff; line-height:1rem;}
/* 아이디 비번 찾기 */
.member .member_type_select_wrap {padding-bottom:0.8rem;}
/* 아이디 비번 찾기 결과 */
.member_find_result {position:relative; display:flex; align-items:center; min-height:100%;}
.member_find_result .con {width:100%;}
.member_find_result .con > .tit {padding-bottom:1.5rem; font-size:0.9rem; line-height:1.2rem; text-align:center;}
.member_find_result .con > .tit span {font-family:'Roboto'; font-weight:500; color:#009591; letter-spacing:-0.5px;}
.member_find_result  .find_result_help {padding-top:1rem; text-align:center; line-height:1rem; color:#666666;}
.member_find_result  .find_result_help a {margin-top:0.2rem; line-height:1.2rem; padding-right:1.2rem; color:#009591; background:url('../img/bg_arrow_right_green.png') right 50% no-repeat; background-size:1.2rem auto;}
/* SMS 인증 */
.input_wrap .input_sms {position:relative; margin-top:0.4rem; background:#ffffff;}
.input_wrap span.label + .input_sms {margin-top:0;}
.input_wrap .input_sms:first-of-type {display:flex; flex:1 1 0;}
.input_wrap .input_sms:first-of-type .select_wrap {flex:none; width:7rem; margin-right:0.4rem;}
.input_wrap .input_sms:first-of-type input {}
.input_sms .time_n_btn {position:absolute; right:0.4rem; top:0.4rem; z-index:1;}
.input_sms .time_n_btn .timeout {display:inline-block; padding-right:0.8rem; color:#ed1651; font-size:0.6rem;}
.input_sms .time_n_btn button.btn_regi {height:1.6rem; padding:0 0.5rem; border:solid 1px #009591; border-radius:4px; font-size:0.7rem; color:#009591; background:#ffffff;}
.input_wrap .input_sms.disabled {background:#f3f4f5;}
.input_wrap .input_sms.disabled a {background-color:transparent;}
.input_wrap .input_sms.disabled input {background-color:transparent;}

/* ars 인증 */
.ars_regi_number {display:flex; align-items:center; height:calc(100vh - 2.8rem - 2rem - 4.4rem - 2.4rem - 0.8rem - 5.8rem); min-height:7rem; margin-top:0.8rem; border-radius:0.3rem; background:#dddddd;}
.ars_regi_number > .cont {width:100%; text-align:center;}
.ars_regi_number strong {display:block; font-size:2.8rem; line-height:3.1rem; text-align:center; font-family:'Roboto';}
.ars_regi_number button.ars_request {width:auto; height:1.6rem; min-height:1px; padding:0 0.5rem; margin-top:0.6rem; border-radius:0.2rem; font-size:0.7rem; font-weight:normal; line-height:1.6rem; color:#ffffff; background:#16a077;}
/* 최초사용자 등록 */
.info_slide {margin-top:1rem;}
.info_slide dl {position:relative;}
.info_slide dl dt {padding-left:0.8rem; margin-bottom:0.2rem; background:url('../img/bu_bang.png') left 55% no-repeat; background-size:0.6rem auto;}
.info_slide dl dt button.btn_info {display:block; width:100%; font-size:0.7rem; line-height:1.2rem; text-align:left; color:#666666; background:transparent url('../img/btn_down.png') right 50% no-repeat; background-size:1.2rem auto; font-family:'NotoSans';}
.info_slide dl dt button.btn_info.active {background-image:url('../img/btn_up.png');}
.info_slide dl dd {padding:1rem 1rem; background:#f9f9fb;}
.info_slide dl dd > p {margin-bottom:0.3rem; font-size:0.7rem; font-weight:500; color:#000000; line-height:1rem; letter-spacing:-1px;}
.info_slide dl dd li {position:relative; margin:0.2rem 0; padding-left:0.6rem; color:#666666; line-height:1.43;}
.info_slide dl dd li:after {content:''; display:block; position:absolute; left:0; top:0.4rem; width:4px; height:4px; border-radius:2px; background:#cccccc;}
.info_slide dl dd li span {display:block; position:relative; padding-left:0.4rem;}
.info_slide dl dd li span:after {content:'-'; display:block; position:absolute; top:0; left:0;}
.info_slide dl dd li span a {vertical-align:baseline;}
.info_slide dl dd ul + p {margin-top:1rem;}
.member .info_slide dl dd li .bullet_bar li:before {display:none;}
/* 간편인증 등록 안내 */
.member .contents_top_txt.usb024 {padding-top:2.9rem; background:url('../img/img_loginInfo1.png') left top no-repeat; background-size:2.4rem;}
.member .contents_top_txt.usb024_2 {padding-top:2.9rem; background:url('../img/img_loginInfo2.png') left top no-repeat; background-size:2.4rem;}
.member .contents_top_txt.usb024_3 {padding-top:2.9rem; background:url('../img/img_loginInfo3.png') left top no-repeat; background-size:2.4rem;}
.member .contents_top_txt.usb024_4 {padding-top:2.9rem; background:url('../img/new/ico_certify2.png') left top no-repeat; background-size:2.4rem;}
.simple_login_info {display:flex; flex-direction:column; justify-content:flex-end; min-height:calc(100vh - 2.8rem - 2rem - 1.2rem - 7.3rem);}
.simple_login_info ol {position:relative;}
.simple_login_info ol li {margin-top:0.6rem;}
.simple_login_info ol li:first-child {margin-top:0;}
.simple_login_info ol li span.text_step {display:inline-block; padding:0 0.6rem; margin-right:0.5rem; border:1px solid #009591; border-radius:0.7rem; font-size:0.6rem; font-weight:500; line-height:1.25rem; color:#009591; letter-spacing:-0.5px; font-family:'Roboto';}
.simple_login_info p {margin:1rem 0 2rem; color:#666666; font-size:0.6rem; line-height:1.5;}


/*---------- 조회 ----------*/
/* 해지예상조회 */
.expand_wrap {position:relative;}
.expand_wrap .expand_header {display:block; position:relative; padding-bottom:2rem;}
.expand_wrap .expand_header .input_date input {padding:0 0.8rem; /*background:transparent url('../img/btn_calendar.png') right 2rem center no-repeat; background-size:1rem auto;*/}
.expand_wrap .expand_header .input_date .btn_calendar {width:3.1rem;}
.expand_wrap .expand_header .input_date .btn_calendar > span {display:inline-block; padding-left:0.3rem; font-size:0.7rem; font-weight:normal; line-height:1rem; letter-spacing:-1px; vertical-align:top;}
.expand_wrap .expand_content {position:relative;}
.expand_wrap .expand_list {border-top:1px solid #000000;}
.expand_wrap .expand_list > li { border-bottom:1px solid #eeeeee;}
.expand_wrap .expand_list > li .row {display:flex; flex-wrap:wrap; padding:0.3rem 0.2rem; justify-content:space-between; align-items:center;}
.expand_wrap .expand_list > li .row .tit {font-size:0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px;}
.expand_wrap .expand_list > li .row .con {font-size:0.7rem; color:#000000; line-height:1rem; letter-spacing:-0.5px;}
.expand_wrap .expand_list > li .row .con > em {font-family:'Roboto';}
.expand_wrap .expand_list > li .row.title {padding:0.7rem 0.2rem;}
.expand_wrap .expand_list > li .row.title .tit {color:#000000;}
.expand_wrap .expand_list > li .row.title .con {font-size:0.9rem; font-weight:500; line-height:1.2rem;}
.expand_wrap .expand_list > li .row.title .con > span {font-size:0.8rem; font-weight:normal; line-height:1.2rem;}
.expand_wrap .expand_list > li .row.title .con .btn_account {display:inline-block; width:1.2rem; height:1.2rem; text-indent:-9999px; background:url('../img/btn_down_shape.png') right center no-repeat; background-size:1.2rem auto;}
.expand_wrap .expand_list > li .row.title .con .btn_account.active {background:url('../img/btn_up_shape.png') right center no-repeat; background-size:1.2rem auto;}
.expand_wrap .expand_list > li .add_info {padding:0.3rem 0.6rem; border-top:1px solid #eeeeee; background:#fcfcfc;}
.expand_wrap .expand_content .ex {display:block; padding:1rem 0 0.5rem; font-size:0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px; text-align:center;}
/* 계좌상세 */
.account .input_wrap label span.num {display:inline-block; width:0.8rem; margin-left:4px; border-radius:50%; font-size:0.6rem; line-height:0.8rem; color:#ffffff; letter-spacing:0; text-align:center; font-family:'Roboto'; background:#009591;}
.account .title_area {position:relative;}
.account .title_area .type {display:inline-block; width:auto; height:1.2rem; padding:0 0.3rem; border-radius:0.2rem; background:#009591; font-size:0.6rem; font-weight:500; line-height:1.2rem; color:#ffffff; text-align:center;}
.account .title_area .name {padding:0.4rem 0 2px; font-size:0.9rem; font-weight:500; line-height:1.2rem; color:#000000;}
.account .title_area .act_no {font-size:0.8rem; line-height:1.1rem; letter-spacing:-0.5px; color:#666666; font-family:'Roboto';}
/* 계좌관리(설정) */
.account .account_manage {margin-top:2rem !important; border-top:1px solid #eeeeee;}
.account .account_manage > li {display:table; width:100%; padding:1.1rem 1.2rem; border-bottom:1px solid #eeeeee;}
.account .account_manage > li > a {display:block; background:url('../img/bg_arrow_right_black.png') right 50% no-repeat; background-size:1.2rem auto;}
.account .account_manage > li .tit {display:table-cell; color:#666666;}
.account .account_manage > li .tit > em {display:block; font-size:0.8rem; color:#000000; line-height:1.1rem; letter-spacing:-1px;}
.account .account_manage > li .tit > span {display:block; margin-top:0.2rem; font-size:0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px;}
.account .account_manage > li .switch_wrap {display:table-cell; vertical-align:middle; text-align:right;}
/* 이체결과조회 상세 */
.result_view .title_area {display:flex; flex-flow:column; justify-content:center; align-items:center; padding:0 0 2rem; text-align:center; height: auto !important;}
.result_view .title_area.verti_m {height:calc(100vh - 11.6rem);}
.result_view .title_area .result_tit {padding-top:0.8rem; font-size:1rem; font-weight:500; line-height:1.3rem; letter-spacing:-1px;}
.result_view .title_area .result_txt {margin-bottom:-1rem; padding-top:0.4rem; font-size:0.7rem; color:#666666; line-height:1rem;}
.result_view .list_style1 > ul li.title .tit {font-size:0.8rem; font-weight:500; color:#000000; line-height:1rem; letter-spacing:-1.14px;}
.result_view .list_style1 > ul li.title em {font-family:'Roboto'; font-size:0.8rem; font-weight:500;}
.result_view .list_style1 > ul li.title span {font-size:0.8rem; font-weight:500;}
.result_view .list_style1 > ul li .row + .row {padding-top:0.6rem;}
.result_view .list_style1 > ul li:last-child {border-bottom:0;}
.result_view .list_style1 .ex {display:block; padding-top:1.2rem; font-size:0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px;}
.result_view .btn_txt + .result_cont {margin-top:3rem;}
.account .btn_txt .btn_kakao > span,
.account .btn_txt .btn_sms > span {color:#000000;}
/* 이체신청조회, 자동이체신청조회 */
.account_select {padding:1.2rem 0 0.8rem;}
.account .no_account_list {position:relative; height:calc(100vh - 13.1rem); text-align:center;}
/* date_search_wrap */
.date_search_wrap {position:relative; padding-bottom:0.6rem;}
.date_search_wrap .set_date {font-family:'Roboto'; font-size:0.7rem; font-weight:500; line-height:0.8rem; color:#000000; letter-spacing:-0.5px;}
.date_search_wrap .set_btn {position:absolute; right:0; bottom:0.4rem; z-index:1;}
.date_search_wrap .set_btn button {width:auto; height:1.4rem; min-height:1px; color:#666666; font-size:0.7rem; background:transparent url('../img/bu_search_filter.png') left 50% no-repeat; background-size:0.6rem auto; font-family:'NotoSans';}
.date_search_wrap .set_btn button span {padding-left:0.8rem;}
/* account_list Default Style */
.account_list {position:relative;}
.account_list li {position:relative; padding:1.2rem 0; border-bottom:1px solid #eeeeee}
.account_list li:last-child {border-bottom:0;}
.account_list li > a {display:block;}
.account_list li .row {display:flex; flex-flow:wrap; justify-content:space-between; font-size:0.7rem; line-height:1.1rem; color:#666666;}
.account_list li .row em {letter-spacing:-0.5px; font-family:'Roboto';}
.account_list li .row em.notosans {font-family:'NotoSans';}
.account_list li .row .tit {text-align:left;}
.account_list li .row .col {text-align:right; flex-grow:1; word-break:break-all; color:#000000;}
.account_list li .row .col .state {display:inline-block; width:2.05rem; height:1.2rem; margin-top:1rem; border-radius:2px; background:rgba(0,149,145,0.05); font-size:0.6rem; color:#009591; text-align:center;}
.account_list li .row .col .state.cancel {background:#eeeeee; color:#666666;}
.account_list li .row.title  {margin-bottom:0.3rem; color:#000000;}
.account_list li .row.title .tit {font-size:0.9rem; line-height:1.2rem; font-weight:500;}
.account_list li .row.title .tit .tel {font-size:0.7rem;}
.account_list li .row.title .col {font-size:0.9rem; line-height:1.2rem; font-weight:500;}
.account_list li .row.title .col.cancel {color:#666666;}
.account_list li .row.title .col em {font-size:1rem;}
.account_list li .row.title .col span {font-weight:normal;}
/* account_list Default Style2 */
.account .title_bar {position:relative; padding:0.5rem 1.4rem; background:#f5f5f5;}
.account .title_bar > h3 {font-size:0.7rem; font-weight:500; line-height:1rem; letter-spacing:-1px;}
.account_list.style2 li:nth-child(even) {background:#ffffff;}
.account_list.style2 li .row.title {margin-bottom:0; flex-direction:column;}
.account_list.style2 li .row.title .tit > p {font-size:0.8rem; font-weight:normal; line-height:1.1rem; letter-spacing:-1px;}
.account_list.style2 li .row.title .tit > em {font-size:0.7rem; font-weight:normal; color:#666666; line-height:1rem;}
.account_list.style2 li .row.title .col {padding-top:0.6rem; color:#000000;}
.account_list.style2 li .row.title .col em {font-size:0.9rem;}
.account_list.style2 li .row.title .col span {font-size:0.8rem;}
.account_list.style2 li .row .col em {display:inline-block; font-weight:500;}
.account_list.style2 li .row .col span + em {margin-left:2px;}
.account_list.style2 li .row + .row {padding-top:0.7rem;}
.account_list .day_wrap {position:absolute; top:1.2rem; right:1.4rem; z-index:1;}
.account_list .day_wrap .d_day {display:inline-block; width:1.85rem; height:1.2rem; border-radius:2px; background:rgba(0,149,145,0.05); font-family:'Roboto'; font-size:0.6rem; line-height:1.2rem; color:#009591; text-align:center;}
/* 자기앞수표조회 */
.account .check_info {display:flex; min-height:9.45rem; background:#f9f9fb; align-items:center;}
.account .check_info .img_wrap {width:15.6rem; height:7.05rem; margin:0 auto;}
.account .check_info .img_wrap > img {width:100%;}
.account .check_info + .input_list {padding-top:2rem;}
.account .input_list h3 {font-size:0.8rem; font-weight:500; line-height:1.1rem; letter-spacing:-1px;}
.account .input_wrap > select {color:#666666;}
/* 기일도래조회 */
.account .giil_noData {position:relative; height:calc(100vh - 2.8rem - 3.2rem - 2.4rem - 2.4rem );}
/* 하나플러스 예금전환 */
.check.join_hanaMembers .account_info_box {margin-top:0.4rem; border-radius:0.3rem; background:#f9f9fb;}
.check.join_hanaMembers .account_info_box li {padding:0.8rem;}
.check.account .account_info_box {margin-top:0.4rem; border-radius:0.3rem; background:#f9f9fb;}
.check.account .account_info_box li {padding:0.8rem;}
/* 조회결과없는경우 */
.no_data.usb069 {position:relative; height:calc(100vh - 9.25rem);}


/*---------- 이체 ----------*/
.transfer {}
/* 자주쓰는계좌관리 */
.transfer .no_account_list {position:relative; height:calc(100vh - 8.6rem); text-align:center;}
.transfer .account_list li .row .col .point {font-weight:500; color:#000000;}
/* 이체 약관 */
.transfer .bottom_agree_wrap {display:flex; flex-direction:column; justify-content:flex-end; min-height:calc(100vh - 1.6rem - 2rem - 6.8rem);}
/* 지연이체서비스 */
.desc_wrap {position:relative;}
.desc_header {position:relative;}
.desc_header > h3 {font-size:0.9rem; font-weight:500; line-height:1.2rem;}
.desc_header > p {padding-top:0.4rem; font-size:0.7rem; color:#666666; line-height:1rem;}
.desc_header + .desc_content {padding:0.6rem 0;}
.desc_content .txt {font-size:0.7rem; color:#000000; line-height:1rem;}
.desc_content .txt + .txt {padding-top:0.8rem;}
.desc_content .txt > em {font-weight:500;}
.desc_content .txt p {color:#666666;}
.desc_content .txt em + p {padding-top:0.3rem;}
.desc_content .txt .box_round {margin-top:0.3rem;}
.desc_content .box_wrap {position:relative;}
.desc_content .box_wrap .tit {font-size:0.7rem; line-height:1rem; font-weight:500;}
.desc_content .box_wrap .txt_group {margin-top:0.5rem; padding:0.7rem 0.8rem; border-radius:0.3rem; background:#fcfcfc;}
.desc_content .box_wrap .txt_group .txt {display:flex; justify-content:space-between; align-items:center;}
.desc_content .box_wrap .txt_group .txt em {font-family:'Roboto'; letter-spacing:-0.5px;}
.desc_content .box_wrap .txt_group .txt +  .txt {padding-top:0.6rem;}
.desc_content .ex {display:inline-block; margin-top:0.8rem; font-size:0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px;}
.desc_content .bullet_bar > li {color:#666666;}
.desc_wrap .form_wrap {display:flex; padding:0.7rem 0; justify-content:space-between; align-items:center;}
.desc_wrap .form_wrap .txt {padding-right:0.5rem; font-size:0.7rem; line-height:1rem; color:#666666;}
.desc_wrap .form_wrap .radio_wrap {display:inline-block;}
.desc_wrap .form_wrap .radio_wrap + .radio_wrap {margin-left:0.8rem;}
.desc_wrap + .input_list {margin-top:1.4rem;}
.desc_list li {position:relative; padding-left:0.6rem; color:#666666; line-height:1rem; word-break:break-all;}
.desc_list li + li {margin-top:0.2rem;}
.desc_list li:after {content:''; display:block; position:absolute; left:0; top:0.4rem; width:4px; height:4px; border-radius:2px; background:#cccccc;}
.transfer .desc_wrap .desc_content .list_style1 {margin-top:1rem; align-items:center;}
.transfer .desc_wrap .desc_content .list_style1 .row .tit {color:#666666;}
.transfer .desc_wrap .desc_content .form_wrap {padding:0;}
.transfer .desc_wrap .desc_content .form_wrap .radio_wrap > label {vertical-align:top;}
/* 다건이체 */
.transfer_total {position:relative; width:100%; height:6.4rem; background:#ffffff; text-align:center;}
.transfer_total .txt_wrap {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.transfer_total .txt_wrap > p {font-size:1rem; font-weight:bold; line-height:1.3rem;}
.transfer_total .txt_wrap > span {font-size:0.7rem; color:#666666; line-height:1.2rem;}
.transfer_total .txt_wrap > em {font-family:'Roboto';}
.transfer_total + .btn_txt {height:calc(100vh - 15rem);}
.transfer .box_list {padding:1.2rem 1.2rem 0;}
.transfer .box_list > li {position:relative; padding:1rem 0.8rem; border-radius:0.3rem; background:#ffffff;}
.transfer .box_list > li + li {margin-top:1.2rem;}
.transfer .box_list > li .row.right {display:flex; justify-content:space-between; float: right;}
.transfer .box_list > li .row .right {padding-right: 0px !important;}
.transfer .box_list > li .cancel {font-weight: bold; color: #009591 !important; text-decoration-line: underline;}
.transfer .box_list > li .row {display:flex; justify-content:space-between;}
.transfer .box_list > li .row em {font-family:'Roboto'; letter-spacing:-0.5px;}
.transfer .box_list > li .row .tit {padding-right:1.3rem; font-size:0.7rem; color:#666666; line-height:1.2rem;}
.transfer .box_list > li .row .tit .btn_account {position:relative; background-color:transparent;}
.transfer .box_list > li .row .tit .btn_account > span {padding-right:1.3rem; background-color:transparent; font-size:0.9rem; font-weight:500; color:#000000; line-height:1.2rem; letter-spacing:-1px;}
.transfer .box_list > li .row .tit .btn_account:after {content:''; display:block; position:absolute; top:0; right:0; width:1.2rem; height:1.2rem; background:url('../img/btn_down.png') right center no-repeat; background-size:1.2rem auto;}
.transfer .box_list > li .row .tit .btn_account:after.active {background:url('../img/btn_up.png') right center no-repeat; background-size:1.2rem auto;}
.transfer .box_list > li .row .con {font-size:0.7rem; color:#000000;}
.transfer .box_list > li .row.title {margin-bottom:0.35rem;}
.transfer .box_list > li .row.title .tit {font-size:0.9rem; font-weight:500; color:#000000; line-height:1.2rem;}
.transfer .box_list > li .row.title .con {font-size:0.9rem; color:#009591;}
.transfer .box_list > li .row.title .con > em {font-size:1rem; font-weight:500;}
.transfer .box_list > li .util_wrap {display:flex; margin-top:0.85rem; justify-content:flex-end; align-items:center;}
.transfer .total_wrap + .btn_txt {padding-top:1.2rem;}
/* 계좌이동서비스 */
.transfer.account_service {}
.transfer.account_service .tab_wrap {padding:0;}
.transfer.account_service .tab_container {margin-top:2rem;}
.transfer.account_service .tab_content .radioTab {margin:2rem 0 1.2rem;}
.transfer.account_service .change_list {position:relative;}
.transfer.account_service .change_list > li {margin-bottom:1rem;}
.transfer.account_service .change_list > li .info_txt {display:flex; margin-bottom:0.6rem; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.transfer.account_service .change_list > li .info_txt .tit {font-size:0.9rem; font-weight:500; color:#000000; line-height:1.2rem;}
.transfer.account_service .change_list > li .info_txt .btn_info {width:1.2rem; height:1.2rem; background:transparent url('../img/btn_down_b.png') 50% 50% no-repeat; background-size:1.2rem auto;}
.transfer.account_service .change_list > li.active .info_txt .btn_info {background:transparent url('../img/btn_up_b.png') 50% 50% no-repeat; background-size:1.2rem auto;}
.transfer.account_service .change_list > li .info_txt .btn_info > span {display:inline-block; text-indent:-99999px;}
.transfer.account_service .change_list > li .info_content {border-radius:0.3rem; background:#f9f9fb;}
.transfer.account_service .change_list > li .info_content .bank_name {padding:1rem 0.8rem;}
.transfer.account_service .change_list > li .info_content .bank_name .txt {display:flex; justify-content:center; align-items:center;}
.transfer.account_service .change_list > li .info_content .bank_name .txt span {display:block; font-size:0.7rem; color:#000000; line-height:1rem;}
.transfer.account_service .change_list > li .info_content .bank_name .txt em {display:block; font-family:'Roboto'; font-size:0.7rem; color:#000000; line-height:1rem; letter-spacing:-0.5px;}
.transfer.account_service .change_list > li .info_content .bank_name .txt + .row {margin-top:0.4rem;}
.transfer.account_service .change_list > li .info_content .bank_name .txt .left_area,
.transfer.account_service .change_list > li .info_content .bank_name .txt .right_area {flex:1 1 0; text-align:center;}
.transfer.account_service .change_list > li .info_content .bank_name .txt .left_area span,
.transfer.account_service .change_list > li .info_content .bank_name .txt .left_area em {color:#666666;}
.transfer.account_service .change_list > li .info_content .bank_name .txt .right_area span,
.transfer.account_service .change_list > li .info_content .bank_name .txt .right_area em {font-weight:500;}
.transfer.account_service .change_list > li .info_content .bank_name .txt .ico_kb_sm {display:inline-block; position:relative; bottom:2px; width:1.2rem; height:1.2rem; margin-right:0.3rem; vertical-align:middle; /*background:url('../img/ico_kb_logo.png') left center no-repeat; background-size:100%;*/}
.transfer.account_service .change_list > li .info_content .bank_name .txt .ico_kb_sm img {width:100%;}
.transfer.account_service .change_list > li .info_content .bank_name .txt .ico_kb_b {display:inline-block; width:2.4rem; height:2.4rem; margin-bottom:0.4rem; text-align:center; /*background:url('../img/ico_kb_logo.png') 50% 50% no-repeat; background-size:2.4rem auto;*/}
.transfer.account_service .change_list > li .info_content .bank_name .txt .ico_kb_b img {width:100%;}
/*.transfer.account_service .change_list > li .info_content .bank_name .txt .ico_hana_b {display:inline-block; width:2.4rem; height:2.4rem; margin-bottom:0.4rem; background:url('../img/ico_hana_logo.png') 50% 50% no-repeat; background-size:2.4rem auto; text-align:center;}*/
.transfer.account_service .change_list > li .info_content .bank_name .txt .ico_arrow {display:inline-block; width:1.2rem; height:1.2rem; margin-bottom:2.5rem; background:url('../img/bg_arrow_right_black.png') 50% 50% no-repeat; background-size:1.2rem auto;}
.transfer.account_service .change_list > li .info_content .bank_info {margin:0 0.8rem; padding:1rem 0; border-top:1px solid #eeeeee;}
.transfer.account_service .change_list > li .info_content .btn_apply {display:inline-block; width:100%; min-height:2.6rem; padding:0.8rem 0; border-top:1px solid #eeeeee; background:transparent; font-size:0.7rem; font-weight:500; color:#999999; line-height:1rem; text-align:center;}
.transfer.account_service .change_list > li .row {display:flex; flex-wrap:wrap; justify-content:space-between;}
.transfer.account_service .change_list > li .row + .row {margin-top:0.4rem;}
.transfer.account_service .change_list > li .row .tit {padding-right:0.4rem; font-size:0.7rem; color:#666666; line-height:1rem;}
.transfer.account_service .change_list > li .row .tit > em {font-family:'Roboto'; letter-spacing:-0.5px;}
.transfer.account_service .change_list > li .row .con {font-size:0.7rem; color:#000000; line-height:1rem; text-align:right;}
.transfer.account_service .change_list > li .row .con > em {font-family:'Roboto'; letter-spacing:-0.5px;}
.transfer.account_service .no_list_wrap {position:relative; height:calc(100vh - 9rem); text-align:center;}
.transfer.account_service .no_list_wrap2 {position:relative; height:calc(100vh - 12rem); text-align:center;}
.transfer .depth_header {text-align:left;}
.transfer .depth_header .tit {padding:0 0 1rem; font-size:0.9rem; font-weight:500; line-height:1.2rem;}
.transfer .depth_header dl {display:flex; flex-wrap:wrap;}
.transfer .depth_header dl dt,
.transfer .depth_header dl dd {font-size:0.7rem; color:#000000; line-height:1.1rem;}
.transfer .depth_header dl dt {position:relative; padding-right:0.5rem; opacity:0.6;}
.transfer .depth_header dl dt:after {content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:0.6rem; background:#000000; opacity:0.15; transform:translateY(-50%);}
.transfer .depth_header dl dd {padding-left:0.5rem;}


/*---------- 대출 ----------*/
/* 대출한도조회 */
.loan .agree_wrap ul.agree_list.innerViewBtn > li {padding:1.1rem 0;}
.loan .agree_wrap ul.agree_list.innerViewBtn > li.has_subDepth {padding-bottom:0;}
.loan .agree_wrap ul.agree_list.innerViewBtn > li.has_subDepth + li {border-top:0;}
.loan .agree_wrap ul.agree_list.innerViewBtn > li > .check_wrap > label {padding-right:2rem; color:#000000;}
.loan .sub_depth.box {margin-top:0.3rem; padding:0.9rem 0.8rem; border-radius:0.3rem; background:#f9f9fb;}
.loan .sub_depth.box > p {padding-bottom:0.6rem; font-size:0.7rem; font-weight:500; color:#000000; line-height:1rem;}
.loan .sub_depth.box .check_wrap {margin-left:0.8rem;}
.loan .sub_depth.box .check_wrap:first-child {margin-left:0;}
.loan .sub_depth.box .check_wrap label {color:#666666;}
/* 대출한도조회 상담조회 결과안내 */
.loan_product_list .desc {font-size:0.7rem; color:#666666; line-height:1rem; text-align:center;}
.loan_product_list .desc > em {font-weight:500; color:#000000;}
.loan_product {position:relative; margin-bottom:0.8rem; padding:0.8rem 0.8rem 1rem; border-radius:0.3rem; border:1px solid #cccccc; background:#ffffff;}
/* .loan_product > a {display:block; padding:0.8rem 0.8rem 1rem; border-radius:0.3rem; border:1px solid #cccccc; background:#ffffff;} */
.loan_product > a {display:block; position:relative;}
.loan_product > a:after {content:''; display:block; position:absolute; top:0; right:0; width:1.2rem; height:1.2rem; background:url('../img/bg_arrow_right_black.png') right center no-repeat; background-size:1.2rem auto;}
.loan_product .tit {display:block; position:relative; padding-right:1.2rem; font-size:0.8rem; font-weight:500; color:#000000; line-height:1.1rem;}
.loan_product .hash {padding-top:0.2rem}
.loan_product .hash > span {display:inline-block; padding-right:0.3rem; font-size:0.55rem; color:#009591; line-height:0.85rem;}
.loan_product .info_list {padding-top:1.1rem;}
.loan_product .info_list > li {display:flex; justify-content:space-between; align-items:center;}
.loan_product .info_list > li + li {margin-top:0.4rem;}
.loan_product .info_list > li .txt {display:inline-block; padding-right:0.4rem; font-size:0.7rem; color:#666666; line-height:1rem;}
.loan_product .info_list > li .amount {display:inline-block; font-size:0.7rem; color:#000000; line-height:1rem;}
.loan_product .info_list > li .amount > em {font-family:"Roboto"; font-size:0.9rem;; font-weight:500; color:#009591; line-height:1.2rem; letter-spacing:-0.5px;}
.loan_product .period {padding-top:0.9rem; text-align:right;}
.loan_product .period > span {display:inline-block; position:relative; padding-left:1.25rem; font-size:0.7rem; color:#000000; line-height:1rem;}
.loan_product .period > span:first-child {padding:0;}
.loan_product .period > span:first-child:after {display:none;}
.loan_product .period > span:after {content:''; display:block; position:absolute; top:50%; left:0.6rem; width:1px; height:0.6rem; background:#eeeeee; transform:translateY(-50%);}
.loan_product .reject {padding:1.1rem 0 0.5rem; text-align:center;}
.loan_product .reject .txt {font-size:0.7rem; color:#000000; line-height:1rem;}
.loan_product .reject .txt > em {font-weight:500;}
.loan_product .reject .btn_txt {display:inline-block; margin-top:0.3rem; background:transparent; }
.loan_product .reject .btn_txt > span {border-bottom:1px solid #000000; font-size:0.7rem; color:#000000;}
/* 대출한도조회 팝업 */
.loan .lp_contents .process_wrap {padding:1.2rem 1rem; border-radius:0.3rem; text-align:center; background:#f9f9fb;}
.loan .lp_contents .process_wrap .list_number_circle li {font-weight:500; text-align:left;}
.loan .lp_contents .process_wrap .btn_link {display:inline-block; height:1.6rem; margin:1.2rem auto 0; padding:0 0.5rem 0 1.3rem; border-radius:0.2rem; font-size:0.7rem; color:#ffffff; line-height:1.6rem; text-align:center; background:#16a077 url('../img/ico_link.png') 0.5rem 50% no-repeat; background-size:0.6rem auto; vertical-align:middle;}
/* 대출이자납입 */
.loan.f109 {position:relative; min-height:100%; padding-bottom:5.8rem;}
.loan.f109.bg_gray {background:#f9f9fb;}
.loan.f109.bg_gray .loanAccount_top {padding-bottom:1.2rem;}
.loan.f109 .loanAccount_top {padding:0 1.2rem; background:#ffffff;}
.loan.f109 .loanAccount_bottom {padding:1.2rem 1.2rem 0;}
.loan .expand_wrap {margin-bottom:1rem;}
.loan .expand_wrap .expand_list {border-top:1px solid #000000;}
.loan .expand_wrap .expand_list > li { border-bottom:1px solid #eeeeee;}
.loan .expand_wrap .expand_list > li .row {display:flex; flex-wrap:wrap; padding:0.3rem 0.2rem; justify-content:space-between; align-items:center;}
.loan .expand_wrap .expand_list > li .row .tit {font-size:0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px;}
.loan .expand_wrap .expand_list > li .row .con {position:relative; font-size:0.7rem; color:#000000; line-height:1rem;}
.loan .expand_wrap .expand_list > li .row .con > em {font-family:'Roboto'; line-height:1rem; letter-spacing:-0.5px;}
.loan .expand_wrap .expand_list > li .row.title {padding:0.7rem 0.2rem;}
.loan .expand_wrap .expand_list > li .row.title .tit {font-size:0.8rem; font-weight:500; color:#000000;}
.loan .expand_wrap .expand_list > li .row.title .con {padding-right:1.8rem; font-size:0.9rem; font-weight:500; line-height:1.2rem;}
.loan .expand_wrap .expand_list > li .row.title .con > p {font-size:0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px; text-align:right;}
.loan .expand_wrap .expand_list > li .row.title .con > span {font-size:0.8rem; font-weight:normal; line-height:1.2rem;}
.loan .expand_wrap .expand_list > li .row.title .con > em {font-size:0.9rem; font-family:'Roboto'; color:#000000; line-height:1.2rem;}
.loan .expand_wrap .expand_list > li .row.title .con .btn_account {position:absolute; top:50%; right:0;  width:1.2rem; height:1.2rem; background:url('../img/btn_down_shape.png') right center no-repeat; background-size:1.2rem auto; transform:translateY(-50%);}
.loan .expand_wrap .expand_list > li .row.title .con .btn_account.active {background:url('../img/btn_up_shape.png') right center no-repeat; background-size:1.2rem auto;}
.loan .expand_wrap .expand_list > li .add_info {padding:0.3rem 0.6rem; border-top:1px solid #eeeeee; background:#fcfcfc;}
.loan .expand_wrap .expand_list > li .add_info .row:first-child .con,
.loan .expand_wrap .expand_list > li .add_info .row:last-child .con {font-weight:500; color:#009591;}
.loan .expand_wrap .expand_list > li .add_info .row:last-child .tit {font-weight:500; color:#000000;}
.loan .expand_wrap .expand_list > li .add_info .list_tit {padding:0.3rem 0.2rem; font-size:0.8rem; font-weight:500; color:#000000; line-height:1rem;}
.loan .expand_wrap .expand_list > li .add_info .info1 {margin-top:0.6rem; padding-bottom:0.5rem;}
.loan .expand_wrap .expand_list > li .add_info .info2 {padding-top:1.2rem; border-top:1px solid #cccccc;}
.loan .expand_wrap .expand_list > li .add_info .row .select_wrap {text-align:left;}
.loan .expand_wrap .expand_list > li .add_info .row .select_wrap a.select_style {height:1.8rem; padding:0 2.2rem 0 0.6rem; background-position:right 0.4rem center; font-size:0.7rem; line-height:1.8rem;}
.loan .account_info_box {margin-top:0.4rem; border-radius:0.3rem; background:#f9f9fb;}
.loan .account_info_box li {padding:0.8rem;}
/* 대출원리금상환 */
.loan .loanAccount_top .input_wrap .radio_group {justify-content:start;}
.loan .loanAccount_top .input_wrap .radio_group .radio_wrap + .radio_wrap {margin-left:1rem;}
/* 예적금담보대출안내 */
.loan .loan_header {position:relative; height:22rem; padding:2.4rem 1.2rem 0; background:#f7faff url('../img/img_01_116.png') right bottom no-repeat; background-size:18rem 22rem;}
.loan .loan_header .product_tit {position:relative; font-size:1.5rem; color:#000000; line-height:1.8rem; letter-spacing:-1px;}
.loan .loan_header .product_tit strong {display:inline-block; padding-bottom:0.2rem; font-weight:bold;}
.loan .loan_header .product_tit strong > span {display:inline-block; padding-right:0.2rem; font-size:1rem; line-height:1.6rem; vertical-align:0.2rem;}
.loan .loan_header .product_info {padding-top:2.8rem;}
.loan .loan_header .product_info em {display:block; font-size:0.7rem; color:#000000; line-height:1rem; opacity:0.5;}
.loan .loan_header .product_info strong {font-size:1.1rem; color:#2e4daa; line-height:1.3rem;}
.loan .loan_header .product_info strong > span {font-family:'Roboto'; letter-spacing:-0.5px;}
.loan .loan_header .product_info p + p {padding-top:1rem;}
.loan .loan_content .info_loan .highlight {display:inline-block; position:relative;}
.loan .loan_content .info_loan .highlight:after {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:0.5rem; z-index:-1; background:rgba(46, 77, 170, 0.3);}
.loan .loan_content .info_loan {position:relative; padding:3rem 1.2rem;}
.loan .loan_content .info_loan .txt_wrap + .txt_wrap {margin-top:2.4rem;}
.loan .loan_content .info_loan .tit {position:relative; margin-bottom:1rem; text-align:center;}
.loan .loan_content .info_loan .tit > strong {font-size:1.2rem; font-weight:bold; color:#000000; line-height:1.5rem;}
.loan .loan_content .info_loan .txt {display:flex; flex:1 1 auto; justify-content:space-around; align-items:center;}
.loan .loan_content .info_loan .txt p {width:calc(100% / 2); padding-top:5rem; font-size:0.7rem; color:#000000; line-height:1rem; text-align:center;}
.loan .loan_content .info_loan .txt p.ico_info1 {background:url('../img/img_01_116_icon1.png') center top no-repeat; background-size:4.5rem auto;}
.loan .loan_content .info_loan .txt p.ico_info2 {background:url('../img/img_01_116_icon2.png') center top no-repeat; background-size:4.5rem auto;}
.loan .loan_content .info_list > li {border-top:1px solid #eeeeee; background:#ffffff;}
.loan .loan_content .info_list > li .info_txt {display:block; position:relative; padding:1.25rem 3rem 1.25rem 1.2rem;}
.loan .loan_content .info_list > li .info_txt > p {font-size:0.8rem; color:#000000; line-height:1.1rem;}
.loan .loan_content .info_list > li .info_txt .btn_info {display:block; position:absolute; top:50%; right:1.2rem; width:1.2rem; height:1.2rem; background:url('../img/btn_down.png') center no-repeat; background-size:1.2rem auto; transform:translateY(-50%); z-index:1;}
.loan .loan_content .info_list > li .info_txt .btn_info > span {display:inline-block; text-indent:-9999px;}
.loan .loan_content .info_list > li .info_content {display:none; position:relative; padding:1.2rem; border-top:1px solid #eeeeee; background:#f9f9fb;}
.loan .loan_content .info_list > li .info_content .cont_wrap {display:block; position:relative;}
.loan .loan_content .info_list > li .info_content .cont_wrap > p {font-size:0.7rem; color:#666666; line-height:1rem;}
.loan .loan_content .info_list > li .info_content .cont_wrap > p + p {padding-top:0.4rem;}
.loan .loan_content .info_list > li .info_content .cont_wrap > span.ex {display:inline-block; padding-top:0.5rem; font-size:0.6rem; color:#666666; line-height:0.9rem;}
.loan .loan_content .info_list > li .info_content .cont_wrap .img_wrap {display:block; padding:1rem 0.8rem 0.4rem; width:100%; min-height:12rem;}
.loan .loan_content .info_list > li .info_content .cont_wrap .img_wrap > img {width:100%;}
.loan .loan_content .info_list > li .info_content .cont_wrap .list_number_circle li {font-size:0.7rem; color:#666666; line-height:1rem;}
.loan .loan_content .info_list > li .info_content .cont_wrap .bullet_bar li:before {display:none;}
.loan .loan_content .info_list > li .info_content .cont_wrap p + .desc_list {margin-top:0.3rem;}
.loan .loan_content .info_list > li.active .info_txt > p {font-weight:500; color:#009591;}
.loan .loan_content .info_list > li.active .info_txt .btn_info {background:url('../img/btn_up_green.png') center no-repeat; background-size:1.2rem auto;}
.loan .loan_content .info_list > li.active:last-child {border-bottom:1px solid #eeeeee;}
/* 예적금담보대출 */
.loan .loan_account_wrap {position:relative;}
.loan .loan_account_wrap > .desc {font-size:0.7rem; color:#666666; line-height:1rem;}
.loan .loan_account {position:relative; margin:0 0 0.8rem; border-radius:0.3rem; border:1px solid #cccccc; background:#ffffff;}
.loan .loan_account > a {display:block; padding:1rem 0.8rem;}
.loan .loan_account .account_tit {display:inline-block; padding-right:1.2rem; /*background:url('../img/bg_arrow_right_black.png') right center no-repeat; background-size:1.2rem auto; */font-size:0.9rem; font-weight:500; color:#000000; line-height:1.2rem;}
.loan .loan_account .info_list {margin-top:0.5rem}
.loan .loan_account .info_list .row {display:flex; flex-wrap:wrap; justify-content:space-between;}
.loan .loan_account .info_list .row .tit {padding-right:0.4rem; font-size:0.7rem; color:#666666; line-height:1.1rem;}
.loan .loan_account .info_list .row .con {font-size:0.7rem; font-weight:500; color:#000000; line-height:1.1rem;}
.loan .loan_account .info_list .row .con > em {font-family:"Roboto";}
.loan .loan_account .info_list .row.l_grey .tit, 
.loan .loan_account .info_list .row.l_grey .con {font-weight:normal; color:#999999;}
.loan .input_wrap .popover_wrap {top:1.3rem; left:0; width:100%;}
.loan .bottom_agree_wrap .agree_wrap + .agree_wrap {margin-top:3.1rem;}
.loan .bottom_agree_wrap .agree_wrap .popover_wrap {top:2rem; left:0; width:100%;}
.loan .bottom_agree_wrap > .desc {margin-top:1.9rem; font-size:0.7rem; color:#666666; line-height:1rem; text-align:center;}
.loan .input_wrap.flex .flex_box {width:100%;}
/* 예적금담보대출 실행 */
.loan.execute .step_wrap {margin:-2rem 0 0 0;}
.loan.execute .section_head {padding:2rem 1.2rem 1.2rem; background:#ffffff;}
.loan.execute .section_body {padding:1.2rem 1.2rem 0;}
.loan.execute .section_body .list_wrap {position:relative;}
.loan.execute .section_body .list_wrap .loan_account .info_tit {display:flex; justify-content:space-between; align-items:center;}
.loan.execute .section_body .list_wrap .loan_account .info_tit > strong {font-size:0.9rem; font-weight:500; color:#000000; line-height:1.2rem;}
.loan.execute .section_body .list_wrap .loan_account .info_tit > .badge {display:inline-block; width:3rem; height:1.2rem; border-radius:2px; background:#eeeeee; font-size:0.6rem; line-height:1.2rem; text-align:center;}
.loan.execute .section_body .list_wrap .loan_account .info_tit > .badge.complete {background:rgba(0, 149, 145, 0.05); color:#009591;}
.loan.execute .section_body .no_list {position:relative; top:auto; left:auto; margin:2rem 0; padding-top:6.5rem; transform:translate(0);}
.loan.execute .section_body .no_list:after {top:0;}
/* 대출철회 및 금리인하요구 */
.loan .input_list .desc {font-size:0.7rem; color:#666666; line-height:1rem;}
.loan .list_style1.result_list ul + ul {margin-top:2rem;}
.loan .list_style2.result_list > ul li:first-child {padding-top:1.7rem;}
.loan .list_style2.result_list > ul li .row.title .tit {font-size:0.9rem;}

/*---------- 상품 ----------*/
/* 상품 안내 공통 */
.product .product_tit {position:relative;}
/* .product .btn_pass {display:inline-block; min-height:1.5rem; padding:0 0.4rem; border:1px solid #009591; border-radius:0.2rem; background:#ffffff; line-height:1.4rem; text-align:center;}
.product .btn_pass span {font-size:0.7rem; color:#009591; letter-spacing:-1px;} */
.product .btn_pass {display:inline-block; min-height:1.5rem; padding:0 2.6rem; border:1px solid #009591; border-radius:0.2rem; background:#009591; line-height:1.4rem; text-align:center;}
.product .btn_pass span {font-size:0.7rem; color:#fff; letter-spacing:-1px;}
.product .product_tit strong {display:inline-block; padding-bottom:0.2rem; font-weight:bold; font-size:1.5rem; color:#000000; line-height:1.8rem; letter-spacing:-1px; vertical-align:middle;}
.product .product_tit strong > span {display:inline-block; padding-right:0.2rem; font-size:1rem; line-height:1.6rem; vertical-align:0.2rem;}
.product .product_tit strong + strong {padding-left:0.6rem;}
.product .highlight {display:inline-block; position:relative;}
.product .highlight:after {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:0.5rem; z-index:-1; background:rgba(0, 149, 145, 0.3);}
/* 상품 토글 공동 */
.product .info_list > li {border-top:1px solid #eeeeee; background:#ffffff;}
.product .info_list > li .info_txt {display:block; position:relative; padding:1.25rem 3rem 1.25rem 1.2rem;}
.product .info_list > li .info_txt > p {font-size:0.8rem; color:#000000; line-height:1.1rem;}
.product .info_list > li .info_txt .btn_info {display:block; position:absolute; top:50%; right:1.2rem;  z-index:1; width:1.2rem; height:1.2rem; background:url('../img/btn_down.png') center no-repeat; background-size:1.2rem auto; transform:translateY(-50%);}
.product .info_list > li .info_txt .btn_info > span {display:inline-block; text-indent:-9999px;}
.product .info_list > li .info_txt .arr_info {display:block; position:absolute; top:50%; right:0.1rem;  z-index:1; width:1.2rem; height:1.2rem; background:url('../img/btn_down.png') center no-repeat; background-size:1.5rem auto; transform:translateY(-50%);}
.product .info_list > li .info_txt .arr_info > span {display:inline-block; text-indent:-9999px;}
.product .info_list > li .info_content {display:none; position:relative; padding:1.2rem; border-top:1px solid #eeeeee; background:#f9f9fb;}
.product .info_list > li .info_content .cont_wrap {display:block; position:relative;}
.product .info_list > li .info_content .cont_wrap > p {font-size:0.7rem; color:#666666; line-height:1rem;}
.product .info_list > li .info_content .cont_wrap > p + p {padding-top:0.4rem;}
.product .info_list > li .info_content .cont_wrap > span.ex {display:inline-block; padding-top:0.5rem; font-size:0.6rem; color:#666666; line-height:0.9rem;}
.product .info_list > li .info_content .cont_wrap .img_wrap {display:block; padding:1rem 0.8rem 0.4rem; width:100%; min-height:12rem;}
.product .info_list > li .info_content .cont_wrap .img_wrap > img {width:100%;}
.product .info_list > li .info_content .cont_wrap .list_number_circle li {font-size:0.7rem; color:#666666; line-height:1rem;}
.product .info_list > li .info_content .table_row.style2 th {background:#f3f3f7;}
.product .info_list > li.active .info_txt > p {font-weight:500; color:#009591;}
.product .info_list > li.active .info_txt .btn_info {background:url('../img/btn_up_green.png') center no-repeat; background-size:1.2rem auto;}
.product .info_list > li.active .info_txt .arr_info {background:url('../img/btn_up_green.png') center no-repeat; background-size:1.5rem auto;}
.product .info_list > li.active:last-child {border-bottom:1px solid #eeeeee;}

/*---------- 상품(비대면계좌개설) ----------*/
.opening .agree_wrap ul.agree_list.innerViewBtn > li {padding:1.1rem 0;}
.opening .agree_wrap ul.agree_list.innerViewBtn > li.has_subDepth {padding-bottom:0;}
.opening .agree_wrap ul.agree_list.innerViewBtn > li.has_subDepth + li {border-top:0;}
.opening .agree_wrap ul.agree_list.innerViewBtn > li > .check_wrap > label {display:block; padding-right:2rem; color:#000000; background:url('../img/bg_arrow_right_black.png') right 50% no-repeat; background-size:1.2rem auto;}
.opening .agree_wrap ul.agree_list.innerViewBtn > li > .check_wrap.no_arrow > label {padding-right:0; background:none;}
.opening .sub_depth.box {margin-top:0.3rem; padding:0.9rem 0.8rem; border-radius:0.3rem; background:#f9f9fb;}
.opening .sub_depth.box .check_wrap {margin-top:0.6rem;}
.opening .sub_depth.box .check_wrap:first-child {margin-top:0;}
.opening .sub_depth.box .check_wrap label {color:#666666;}
.opening .sub_depth.box .sub_depth2 {padding:0.8rem 0 0 1.4rem;}
.opening .sub_depth.box .sub_depth2 > .check_wrap {padding-right:0; margin-top:0.6rem;}
.opening .sub_depth.box .sub_depth2 .tit {color:#333333; line-height:1; font-size:0.7rem; font-weight:500;}
.opening .sub_depth.box .sub_depth2 .check_multi:after {content:''; display:block; clear:both;}
.opening .sub_depth.box .sub_depth2 .check_multi .check_wrap {float:left; width:50%; margin-top:0.6rem; padding-right:0 !important;}
.opening .sub_depth.box .sub_depth2 .radio_multi:after {content:''; display:block; clear:both;}
.opening .sub_depth.box .sub_depth2 .radio_multi .radio_wrap {float:left; width:50%; margin-top:0.6rem; padding-right:0 !important;}
.opening .agree_wrap .explain_txt {padding:0.4rem 0 0 1.4rem; line-height:1rem; font-size:0.7rem; color:#666666;}
.opening .explanation .txt {margin-top:0.6rem; font-size:0.6rem; line-height:1.5; color:#666666;}
.opening .explanation .txt span {color:#009891;}
.opening .popover_wrap {position:absolute; top:1.2rem; left:0; z-index:10; width:100%;}
/* 직군선택 팝업 사용 */
.option_select li {border-top:1px solid #f5f5f5;}
.option_select li:first-child {border-top:0;}
.option_select li button {display:block; width:100%; height:2.6rem; padding:0 1.2rem; font-size:0.7rem; text-align:left; color:#000000; font-family:'NotoSans'; background:#ffffff;}
.option_select li button span {display:block;}
/* 직원검색 팝업 사용 */
.search_history {font-size:0.7rem; line-height:1rem; }
.search_history h3 {font-size:0.7rem; color:#000000;}
.search_history ul {margin-top:1rem;}
.search_history ul li {margin-top:0.9rem; padding-left:1.3rem; background:url('../img/ico_clock.png') left 50% no-repeat; background-size:1rem auto;}
.search_history ul li:first-child {margin-top:0;}
.search_history ul li button {display:block; text-align:left; background:#ffffff;}
.search_history ul li button strong {display:inline-block; min-width:6rem; font-weight:normal; color:#000000;}
.search_history ul li button span {display:inline-block;  font-weight:normal; color:#666666;}
.search_result {font-size:0.7rem; line-height:1rem; }
.search_result h3 {font-size:0.7rem; color:#000000;}
.search_result h3 em {color:#009591; font-weight:500; font-family:'Roboto';}
.search_result ul {margin-top:0.6rem; border-top:1px solid #000000;}
.search_result ul li {border-top:1px solid #eeeeee;}
.search_result ul li:first-child {margin-top:0; border:0;}
.search_result ul li button {display:block; width:100%; padding:0.7rem 0; text-align:center; background:#ffffff;}
.search_result ul li button strong {display:inline-block; width:50%; font-weight:normal; color:#000000;}
.search_result ul li button span {display:inline-block; width:50%; font-weight:normal; color:#666666;}
/* 직원검색 - 검색 결과가 없습니다. */
.search_emp .no_search_emp {position:relative; height:calc(100vh - 7.2rem - 3.2rem - 2.4rem); min-height:13rem;}


/*---------- 상품(예적금) ----------*/
/* 상품안내 */
.product_savings .savings_header {position:relative; height:22rem; padding:2.4rem 1.2rem 0;}
.product_savings.item1 .savings_header {background:#f4fcfe url('../img/img_01_132.png') right bottom no-repeat; background-size:18rem auto;}
.product_savings.item1 .savings_header .product_info > strong {color:#025dcd;}
.product_savings.item1 .highlight:after {background:rgba(2, 93, 205, 0.2);}
.product_savings.item2 .savings_header {background:#fdf8f3 url('../img/img_01_133.png') right bottom no-repeat; background-size:18rem auto;}
.product_savings.item2 .savings_header .product_info > strong {color:#9a4e00;}
.product_savings.item2 .highlight:after {background:rgba(154, 78, 0, 0.2);}
.product_savings.item3 .savings_header {background:#f3fbfb url('../img/img_01_134.png') right bottom no-repeat; background-size:18rem auto;}
.product_savings.item3 .savings_header .product_info > strong {color:#007976;}
.product_savings.item3 .highlight:after {background:rgba(0, 121, 118, 0.15);}
.product_savings.item4 .savings_header {background:#f3fbf1 url('../img/img_01_135.png') right bottom no-repeat; background-size:18rem auto;}
.product_savings.item4 .savings_header .product_info > strong {color:#095264;}
.product_savings.item4 .highlight:after {background:rgba(53, 98, 122, 0.3);}
.product_savings.item5 .savings_header {background:#fffbf8 url('../img/img_01_136.png') right bottom no-repeat; background-size:18rem auto;}
.product_savings.item5 .savings_header .product_info > strong {color:#cd4401;}
.product_savings.item5 .highlight:after {background:rgba(205, 68, 1, 0.2);}
.product_savings.item6 .savings_header {background:#fcfaf4 url('../img/img_01_540.png') right bottom no-repeat; background-size:18rem auto;}
.product_savings.item6 .savings_header .product_info > strong {color:#c14e02;}
.product_savings.item6 .highlight:after {background:rgba(193, 78, 2, 0.15);}
.product_savings.item7 .savings_header {background:#f7f9fd url('../img/img_01_543.png') right bottom no-repeat; background-size:18rem auto;}
.product_savings.item7 .savings_header .product_info > strong {color:#274c88;}
.product_savings.item7 .highlight:after {background:rgba(39, 76, 136, 0.2);}
.product_savings.item8 .savings_header {background:#fcfbf2 url('../img/img_01_544.png') right bottom no-repeat; background-size:18rem auto;}
.product_savings.item8 .savings_header .product_info > strong {color:#0272b4;}
.product_savings.item8 .highlight:after {background:rgba(0, 98, 156, 0.2);}
.product_savings.item9 .savings_header {background:#fcfafe url('../img/img_01_545.png') right bottom no-repeat; background-size:18rem auto;}
.product_savings.item9 .savings_header .product_info > strong {color:#5f1391;}
.product_savings.item9 .highlight:after {background:rgba(95, 19, 145, 0.2);}
.product_savings.item10 .savings_header {background:#f8f6f2 url('../img/img_01_546.png') right bottom no-repeat; background-size:18rem auto;}
.product_savings.item10 .savings_header .product_info > strong {color:#724929;}
.product_savings.item10 .highlight:after {background:rgba(117, 79, 49, 0.2);}
.product_savings.item11 .savings_header {background:#fffbf8 url('../img/img_01_137.png') right bottom no-repeat; background-size:18rem auto;}
.product_savings.item11 .savings_header .product_info > strong {color:#cd4401;}
.product_savings.item11 .highlight:after {background:rgba(205, 68, 1, 0.2);}
.product_savings.item12 .savings_header {background:#e2f2f1 url('../img/img_01_138.png') right bottom no-repeat; background-size:18rem auto;}
.product_savings.item12 .savings_header .product_info > strong {color:#095264;}
.product_savings.item12 .highlight:after {background:rgba(53, 98, 122, 0.3);}
 /* 신규 보통예금 개발 - skyoo */
.product_savings.item13 .savings_header {background:#fff3f6 url('../img/img_01_541.png') right bottom no-repeat; background-size:18rem auto;}
.product_savings.item13 .savings_header .product_info > strong {color:#fe5592;}
.product_savings.item14 .savings_header {background:#fff8f8 url('../img/img_01_542.png') right 200px no-repeat; background-size:10rem auto;}
.product_savings.item14 .savings_header .product_info > strong {color:#d81a67;}

/* 24-09 사장님 혜택 가능 보통예금 - kcg */
.product_savings.item15 .savings_header {background:#fff8f8 url('../img/ceo_icon.png') right 110px no-repeat; background-size:17rem auto;}
.product_savings.item15 .savings_header .product_info > strong {color:#d81a67;}

/* 25-06 하나더넥스트 시니어 회전예금 - 성창민 사원 */
.product_savings.item16 .savings_header {background:#e2f2f1 url('../img/N_SENIOR03.png') right 205px no-repeat; background-size:13rem auto;}
.product_savings.item16 .savings_header .product_info > strong {color:#009178;}

/* 25-09 하나더소호 동행 적금 - 이미지 수정 (아래 두줄 사용안함) - 성창민 사원 */
.product_savings.item17 .savings_header {background:#f8f6f2 url('/smartstatic/img/ico/soho_icon.png') right 180px no-repeat; background-size:11.5rem auto;}
.product_savings.item17 .savings_header .product_info > strong {color:#009178;}

/* 25-09 하나더소호 동행 적금 - 이미지 수정2 - 성창민 사원 */
.product_savings.item18 .savings_header {background:#f8f6f2 url('/smartstatic/img/ico/soho_icon2.png') 85% 180px no-repeat; background-size:7.5rem auto;}
.product_savings.item18 .savings_header .product_info > strong {color:#009178;}

/* 26-03 변동형 정기예금 - 시안2 */
.product_savings.item19 .savings_header {background:#e2f2f1 url('../img/img_36_.png') right 80px no-repeat; background-size:12rem auto;}
.product_savings.item19 .savings_header .product_info > strong {color:#009178;} 


.product_savings .savings_header .product_info {padding-top:2.4rem;}
.product_savings .savings_header .product_info > em {display:block; font-size:0.7rem; font-weight:bold; color:#000000; line-height:1rem;}
.product_savings .savings_header .product_info > strong {display:block; font-family:'Roboto'; font-size:1.3rem; line-height:2rem; letter-spacing:-0.5px;}
.product_savings .savings_header .product_info > span {font-size:0.7rem; color:#000000; line-height:1rem; opacity:0.5;}
.product_savings .savings_header .btn_wrap {display:flex; flex:1 1 0; position:absolute; left:0; bottom:0; width:100%; z-index:1;}
.product_savings .savings_header .btn_wrap .btn_lp_open {width:100%; height:2.5rem; border-top:1px solid rgba(0, 0, 0, 0.05); background:transparent; text-align:center;}
.product_savings .savings_header .btn_wrap .btn_lp_open > span {font-size:0.7rem; font-weight:500; color:rgba(0, 0, 0, 0.6); line-height:2.5rem;}
.product_savings .savings_header .btn_wrap .btn_lp_open + .btn_lp_open {border-left:1px solid rgba(0, 0, 0, 0.05);}
.product_savings .savings_content .info_savings {position:relative; padding:3rem 1.2rem;}
.product_savings .savings_content .info_savings .txt_wrap + .txt_wrap {margin-top:2rem;}
.product_savings .savings_content .info_savings .txt_wrap:last-child .tit {margin-bottom:0.6rem;}
.product_savings .savings_content .info_savings .tit {position:relative; margin-bottom:1rem;}
.product_savings .savings_content .info_savings .tit > strong {font-size:0.9rem; font-weight:bold; color:#000000; line-height:1.2rem;}
.product_savings .savings_content .info_savings .txt {position:relative;}
.product_savings .savings_content .info_savings .txt > p {font-size:0.7rem; color:#666666; line-height:1rem;}
.product_savings .savings_content .info_savings .txt > p + dl {margin-top:1rem;}
.product_savings .savings_content .info_savings .txt dl {font-size:0.7rem; line-height:1rem;}
.product_savings .savings_content .info_savings .txt dl dt {font-weight:500; color:#000000;}
.product_savings .savings_content .info_savings .txt dl dd {padding-top:0.3rem; color:#666666;}
.product_savings .savings_content .info_savings .txt dl dd + dt {margin-top:1rem;}
.product_savings .savings_content .info_list .desc_list .table_wrap {margin:0.4rem 0 0.8rem;}
.product_savings .savings_content .info_list .desc_list .bullet_bar li:before {display:none;}
.product_savings .savings_content .info_list .desc_list .bullet_bar li .list_number_circle.style2 li:after {display:block;}
.product_savings .savings_content .info_list .desc_list .bullet_bar li .list_number_circle.style2 li::before {display:none;}
.product_savings .savings_content .info_list .desc_list .download .file_pdf {display:block; position:relative; margin-top:0.4rem; padding-left:1.2rem; font-size:0.7rem; color:#000000; line-height:1rem;}
.product_savings .savings_content .info_list .desc_list .download .file_pdf:after {content:''; display:block; position:absolute; top:0; left:0; width:1rem; height:1rem; background:url('../img/ico_file.png') left top no-repeat; background-size:100%;}
/* 약관동의, 가입정보확인 */
.product_savings .bottom_agree_wrap .agree_wrap .check_wrap label {color:#000000;}
.product_savings .bottom_agree_wrap {display:flex; flex-direction:column; justify-content:flex-end; min-height:calc(100vh - 4.2rem - 1.6rem - 2rem - 6.8rem - 4.6rem);}
.product_savings .input_wrap .input_result {display:flex; height:2.4rem; margin-top:0.4rem; padding:0 0.8rem; border-radius:0.3rem; background:#f9f9fb; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.product_savings .input_wrap .input_result .tit > span {font-size:0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px;}
.product_savings .input_wrap .input_result .con {font-size:0.7rem; color:#000000; line-height:1rem; letter-spacing:-1px;}
.product_savings .input_wrap .input_result .con > em {font-family:'Roboto'; letter-spacing:-0.5px;}
.product_savings .input_wrap .popover_wrap {position:absolute; top:1.2rem; left:0; width:100%; z-index:10;}
/* 약관동의, 마케팅동의 css 추가(2021.01.20) */
.product_savings .sub_depth.box {margin-top:0.3rem; padding:0.9rem 0.8rem; border-radius:0.3rem; background:#f9f9fb;}
.product_savings .sub_depth.box > p {padding-bottom:0.6rem; font-size:0.7rem; font-weight:500; color:#000000; line-height:1rem;}
.product_savings .sub_depth.box .check_wrap {margin-left:0.8rem;}
.product_savings .sub_depth.box .check_wrap:first-child {margin-left:0;}
.product_savings .sub_depth.box .check_wrap label {color:#666666;} 

.product .sub_depth.box {margin-top:0.3rem; border-radius:0.3rem; background:#f9f9fb;}
.product .sub_depth.box .check_wrap {margin-top:0.6rem;}
.product .sub_depth.box .check_wrap {margin-left:0;}
.product .sub_depth.box .check_wrap label {color:#666666;}
.product .sub_depth.box .sub_depth2 {padding:0.8rem 0 0 1.4rem;}
.product .sub_depth.box .sub_depth2 > .check_wrap {padding-right:0; margin-top:0.6rem;}
.product .sub_depth.box .sub_depth2 .tit {color:#333333; line-height:1; font-size:0.7rem; font-weight:500;}
.product .sub_depth.box .sub_depth2 .check_multi:after {content:''; display:block; clear:both;}
.product .sub_depth.box .sub_depth2 .check_multi .check_wrap {float:left; width:50%; margin-top:0.6rem; padding-right:0 !important;}
.product .sub_depth.box .sub_depth2 .radio_multi:after {content:''; display:block; clear:both;}
.product .sub_depth.box .sub_depth2 .radio_multi .radio_wrap {float:left; width:50%; margin-top:0.6rem; padding-right:0 !important;}

/* 가입정보입력 */
.product_savings.input_info .form_wrap {display:flex; margin-top:0.7rem; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.product_savings.input_info .form_wrap .radio_group .radio_wrap {display:inline-block;}
.product_savings.input_info .form_wrap .radio_group .radio_wrap label {padding-bottom:0; font-weight:normal;}
.product_savings.input_info .form_wrap .radio_group .radio_wrap + .radio_wrap {margin-left:1rem;}
.product_savings.input_info .form_wrap .btn_non_tax {background:transparent;}
.product_savings.input_info .form_wrap .btn_non_tax > span {position:relative; padding-right:1.2rem; font-size:0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px;}
.product_savings.input_info .form_wrap .btn_non_tax > span:after {content:''; display:block; position:absolute; top:0; right:0; width:1.2rem; height:1.2rem; background:url('../img/ico_tooltip.png') left top -2px no-repeat; background-size:1.2rem;}
.product_savings.input_info .agree_wrap.style2 {margin:1rem 0 0;}
.product_savings.input_info .input_wrap input + .ex {padding-top:0.8rem;}
.product_savings.input_info .input_wrap .ex + .radio_group {padding-top:0.4rem;}
.product_savings.input_info .radio_group + .input_wrap {margin-top:0.4rem;}
/* 상품 예적금 가입정보 확인 공통 팝업 */
.product_join .lp_contents {background:#f9f9fb;}
.product_join .join_header {display:block; position:relative; min-height:14.3rem; background:#eaf6f6; padding:2.4rem 1.2rem 0; text-align:center;}
.product_join.style2 .join_header {display:flex; min-height:auto; padding-bottom:2rem; background:transparent; align-items:center; justify-content:center;}
.product_join .join_header > .tit {display:inline-block; font-size:0.9rem; font-weight:500; color:#000000; line-height:1.2rem;}
.product_join .join_header .join_info {position:relative;}
.product_join .join_header .join_info > ul {position:absolute; top:1.1rem; left:50%; width:100%; height:auto; padding:1.2rem 1rem 1rem; border-radius:0.3rem; border:1px solid #c9dedd; background:#ffffff; transform:translateX(-50%); -webkit-box-shadow:2px 2px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow:2px 2px 20px 0px rgba(0,0,0,0.1); box-shadow:2px 2px 20px 0px rgba(0,0,0,0.1);}
.product_join .join_header .join_info > ul > li:last-child {padding-top:0.7rem;}
.product_join .join_header .join_info .row {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.product_join .join_header .join_info .row.title {margin-bottom:0.25rem;}
.product_join .join_header .join_info .row.title .tit,
.product_join .join_header .join_info .row.title .con {font-size:0.8rem; font-weight:500; color:#000000; line-height:1.2rem;}
.product_join .join_header .join_info .row.total {border-top:1px solid #eeeeee;}
.product_join .join_header .join_info .row.total .tit,
.product_join .join_header .join_info .row.total .con {padding-top:0.5rem; font-size:0.8rem; font-weight:500; color:#009591; line-height:1.1rem;}
.product_join .join_header .join_info .row .tit {padding-right:0.4rem; font-size:0.6rem; color:#666666; line-height:1.1rem;}
.product_join .join_header .join_info .row .con {font-size:0.6rem; color:#666666; line-height:1rem;}
.product_join .join_header .join_info .row .con > em {font-family:'Roboto'; letter-spacing:-0.5px;}
.product_join .join_content {display:block; position:relative; margin-top:4.2rem; padding:0 1.2rem;}
.product_join.style2 .join_content {margin-top:0;}
.product_join .join_content .list_style1 .tit {color:#666666;}
.product_join .btn_wrap.pos_fixed {background:#f9f9fb;}
label.bg_sbal {padding-right:1.5rem; background:url('../img/bg_sbal.png') right top no-repeat; background-size:1.3rem auto;}


/*---------- 상품(대출) ----------*/
/* 상품안내 */
.product_loan .loan_header {position:relative; height:22rem; padding:2.4rem 1.2rem 0; background:#f4f5f6;}
.product_loan.item1 .loan_header {background:#f2fefe url('../img/img_01_142.png') right bottom no-repeat; background-size:18rem auto;}
.product_loan.item1 .loan_header .product_info strong {color:#007672;}
.product_loan.item1 .highlight:after {background:rgba(0, 118, 114, 0.3);}
.product_loan.item2 .loan_header {background:#fbf9f7 url('../img/img_01_143.png') right bottom no-repeat; background-size:18rem auto;}
.product_loan.item2 .loan_header .product_info strong {color:#935116;}
.product_loan.item2 .highlight:after {background:rgba(147, 81, 22, 0.2);}
.product_loan.item3 .loan_header {background:#f9fdf6 url('../img/img_01_146.png') right bottom no-repeat; background-size:18rem auto;}
.product_loan.item3 .loan_header .product_info strong {color:#00704b;}
.product_loan.item3 .highlight:after {background:rgba(0, 112, 75, 0.15);}
.product_loan.item4 .loan_header {background:#fcfafe url('../img/img_01_147.png') right bottom no-repeat; background-size:18rem auto;}
.product_loan.item4 .loan_header .product_info strong {color:#2e4daa;}
.product_loan.item4 .highlight:after {background:rgba(46, 77, 170, 0.3);}
.product_loan.item5 .loan_header {background:#f8f8ff url('../img/img_01_548.png') right bottom no-repeat; background-size:18rem auto;}
.product_loan.item5 .loan_header .product_info strong {color:#6609b0;}
.product_loan.item5 .highlight:after {background:rgba(102, 9, 176, 0.2);}
.product_loan.item6 .loan_header {background:#fdfbf5 url('../img/img_01_549.png') right bottom no-repeat; background-size:18rem auto;}
.product_loan.item6 .loan_header .product_info strong {color:#98601d;}
.product_loan.item6 .highlight:after {background:rgba(152, 96, 29, 0.3);}
.product_loan.item7 .loan_header {background:#f4faff url('../img/img_01_550.png') right bottom no-repeat; background-size:18rem auto;}
.product_loan.item7 .loan_header .product_info strong {color:#153cb2;}
.product_loan.item7 .highlight:after {background:rgba(21, 60, 178, 0.3);}
.product_loan .loan_header .product_info {padding-top:2.8rem;}
.product_loan .loan_header .product_info em {display:block; font-size:0.7rem; color:#000000; line-height:1rem; opacity:0.5;}
.product_loan .loan_header .product_info strong {font-size:1.1rem; color:#000000; line-height:1.6rem;}
.product_loan .loan_header .product_info strong > span {font-family:'Roboto'; font-size:1.1rem; letter-spacing:-0.5px;}
.product_loan .loan_header .product_info p + p {padding-top:1rem;}
.product_loan.item5 .loan_header .product_info strong,
.product_loan.item6 .loan_header .product_info strong,
.product_loan.item7 .loan_header .product_info strong {font-size:1.1rem; line-height:1.4rem;}
.product_loan.item5 .loan_header .product_info strong > span,
.product_loan.item6 .loan_header .product_info strong > span,
.product_loan.item7 .loan_header .product_info strong > span {font-size:1.1rem;}
.product_loan .loan_header .btn_wrap {display:flex; flex:1 1 auto; position:absolute; left:0; bottom:0; width:100%; z-index:1;}
.product_loan .loan_header .btn_wrap .btn_lp_open {width:100%; height:2.5rem; border-top:1px solid rgba(0, 0, 0, 0.05); background:transparent; text-align:center;}
.product_loan .loan_header .btn_wrap .btn_lp_open + .btn_lp_open {border-left:1px solid rgba(0, 0, 0, 0.05);}
.product_loan .loan_header .btn_wrap .btn_lp_open > span {font-size:0.7rem; font-weight:500; color:rgba(0, 0, 0, 0.6); line-height:2.5rem;}

/* 24-08 하나아파트신용대출 메인 배경(img_02_APT.png) */
.product_loan.item8 .loan_header {background:#f9f9fb url('../img/img_02_APT.png') right 180px no-repeat; background-size:9rem auto;}
.product_loan.item8 .loan_header .product_info strong {color:#009178;}

/* 25-02 하나추가대출 메인 배경(img_02_plus.png) */
.product_loan.item9 .loan_header {background:#f9f9fb url('../img/img_02_plus.png') right 150px no-repeat; background-size:10rem auto;}
.product_loan.item9 .loan_header .product_info strong {color:#009178;}

/*대출 상품 버튼 색상 처리*/
.product_loan .loan_content .btn_wrap {display:flex; flex:1 1 auto; left:0; bottom:0; width:100%; z-index:1;}
.product_loan .loan_content .btn_wrap .btn_lp_open {width:100%; height:2.5rem; border-top:1px solid rgba(0, 0, 0, 0.05); background:transparent; text-align:center; border-bottom:1px solid rgba(0, 0, 0, 0.05); }
.product_loan .loan_content .btn_wrap .btn_lp_open + .btn_lp_open {border-left:1px solid rgba(0, 0, 0, 0.05);}
.product_loan .loan_content .btn_wrap .btn_lp_open > span {font-size:0.7rem; font-weight:500; color:rgba(0, 0, 0, 0.6); line-height:2.5rem;}

.product_loan .loan_content .btn_wrap_item2 {display:flex; flex:1 1 auto; left:0; bottom:0; width:100%; z-index:1; background-color:#fbf9f7;}
.product_loan .loan_content .btn_wrap_item2 .btn_lp_open {width:100%; height:2.5rem; border-top:1px solid rgba(0, 0, 0, 0.05); background:transparent; text-align:center; border-bottom:1px solid rgba(0, 0, 0, 0.05); }
.product_loan .loan_content .btn_wrap_item2 .btn_lp_open + .btn_lp_open {border-left:1px solid rgba(0, 0, 0, 0.05);}
.product_loan .loan_content .btn_wrap_item2 .btn_lp_open > span {font-size:0.7rem; font-weight:500; color:rgba(0, 0, 0, 0.6); line-height:2.5rem;}

.product_loan .loan_content .btn_wrap_item3 {display:flex; flex:1 1 auto; left:0; bottom:0; width:100%; z-index:1; background-color:#f9fdf6;}
.product_loan .loan_content .btn_wrap_item3 .btn_lp_open {width:100%; height:2.5rem; border-top:1px solid rgba(0, 0, 0, 0.05); background:transparent; text-align:center; border-bottom:1px solid rgba(0, 0, 0, 0.05); }
.product_loan .loan_content .btn_wrap_item3 .btn_lp_open + .btn_lp_open {border-left:1px solid rgba(0, 0, 0, 0.05);}
.product_loan .loan_content .btn_wrap_item3 .btn_lp_open > span {font-size:0.7rem; font-weight:500; color:rgba(0, 0, 0, 0.6); line-height:2.5rem;}

.product_loan .loan_content .btn_wrap_item4 {display:flex; flex:1 1 auto; left:0; bottom:0; width:100%; z-index:1; background-color:#fcfafe;}
.product_loan .loan_content .btn_wrap_item4 .btn_lp_open {width:100%; height:2.5rem; border-top:1px solid rgba(0, 0, 0, 0.05); background:transparent; text-align:center; border-bottom:1px solid rgba(0, 0, 0, 0.05); }
.product_loan .loan_content .btn_wrap_item4 .btn_lp_open + .btn_lp_open {border-left:1px solid rgba(0, 0, 0, 0.05);}
.product_loan .loan_content .btn_wrap_item4 .btn_lp_open > span {font-size:0.7rem; font-weight:500; color:rgba(0, 0, 0, 0.6); line-height:2.5rem;}

.product_loan .loan_content .info_loan {position:relative; padding:5rem 1.2rem;}
.product_loan .loan_content .info_loan .txt_wrap + .txt_wrap {margin-top:2.4rem;}
.product_loan.item2 .loan_content .info_loan .txt_wrap + .txt_wrap {margin-top:1rem;}
.product_loan .loan_content .info_loan .tit {position:relative; margin-bottom:1rem; text-align:center;}
.product_loan.item2 .loan_content .info_loan .tit {margin-bottom:0;}
.product_loan .loan_content .info_loan .tit > strong {font-size:1.2rem; font-weight:bold; color:#000000; line-height:1.5rem;}
.product_loan .loan_content .info_loan .txt {display:flex; justify-content:space-around; align-items:center;}
.product_loan .loan_content .info_loan .txt p {position:relative; width:100%; padding-top:5rem; font-size:0.7rem; color:#000000; line-height:1rem; text-align:center;}
.product_loan .loan_content .info_loan .txt.column {display:block;}
.product_loan .loan_content .info_loan .txt.column > div {padding:1rem 0 1rem 6.1rem; text-align:left;}
.product_loan .loan_content .info_loan .txt.column > div > span {display:inline-block; font-size:0.9rem; font-weight:500; color:#000000; line-height:1rem;}
.product_loan .loan_content .info_loan .txt.column > div > dl {display:block; padding:0.5rem 0 0; font-size:0.7rem; color:#333333; line-height:1rem;}
.product_loan .loan_content .info_loan .txt.column > div > dl dt {display:inline-block; padding-top:2px; width:35%; font-weight:500;}
.product_loan .loan_content .info_loan .txt.column > div > dl dd {display:inline-block; padding-top:2px; width:63%;}
.product_loan .loan_content .info_loan .txt.column > div + div {border-top:1px solid #eeeeee}
.product_loan .loan_content .law {display:inline-block; padding-top:0.5rem; font-size:0.6rem; color:#666666; line-height:0.9rem;}
/* 상품(대출) 상품안내 icon */
.product_loan.item1 .loan_content .info_loan .txt .ico_info1 {min-height:5.5rem; background:url('../img/img_01_142_icon1.png') left 1.6rem center no-repeat; background-size:2.3rem auto;}
.product_loan.item1 .loan_content .info_loan .txt .ico_info2 {min-height:5.5rem; background:url('../img/img_01_142_icon2.png') left 1.6rem center no-repeat; background-size:2.3rem auto;}
.product_loan.item1 .loan_content .info_loan .txt .ico_info3 {min-height:5.5rem; background:url('../img/img_01_142_icon3.png') left 1.6rem center no-repeat; background-size:2.6rem auto;}
.product_loan.item1 .loan_content .info_loan .txt .ico_info1_1 {min-height:5.5rem; background:url('../img/img_01_142_icon1.png') left 3.3rem center no-repeat; background-size:2.3rem auto;} /* 예적금 담보 대출 */
.product_loan.item1 .loan_content .info_loan .txt .ico_info2_1 {min-height:5.5rem; background:url('../img/img_01_142_icon2.png') left 3.3rem center no-repeat; background-size:2.3rem auto;} /* 예적금 담보 대출 */
.product_loan.item1 .loan_content .info_loan .txt.column > div.ico_info3 > dl {padding-top:1.2rem;}
.product_loan.item1 .loan_content .info_loan .txt .ico_info4 {background:url('../img/img_01_142_icon4.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item1 .loan_content .info_loan .txt .ico_info5 {background:url('../img/img_01_142_icon5.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item2 .loan_content .info_loan .txt .ico_info1 {background:url('../img/img_01_143_icon1.png') left 1.5rem center no-repeat; background-size:2.6rem auto;}
.product_loan.item2 .loan_content .info_loan .txt .ico_info2 {background:url('../img/img_01_143_icon2.png') left 1.5rem center no-repeat; background-size:2.4rem auto;}
.product_loan.item2 .loan_content .info_loan .txt .ico_info3 {background:url('../img/img_01_143_icon3.png') left 1.8rem center no-repeat; background-size:2.55rem auto;}
.product_loan.item2 .loan_content .info_loan .txt .ico_info4 {background:url('../img/img_01_143_icon4.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item2 .loan_content .info_loan .txt .ico_info5 {background:url('../img/img_01_143_icon5.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item3 .loan_content .info_loan .txt .ico_info1 {background:url('../img/img_01_146_icon1.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item3 .loan_content .info_loan .txt .ico_info2 {background:url('../img/img_01_146_icon2.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item3 .loan_content .info_loan .txt .ico_info3 {background:url('../img/img_01_146_icon3.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item3 .loan_content .info_loan .txt .ico_info4 {background:url('../img/img_01_146_icon4.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item3 .loan_content .info_loan .txt .ico_info5 {background:url('../img/img_01_146_icon5.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item3 .loan_content .info_loan .txt .ico_info6 {background:url('../img/img_01_146_icon6.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item4 .loan_content .info_loan .txt .ico_info1 {background:url('../img/img_01_147_icon1.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item4 .loan_content .info_loan .txt .ico_info2 {background:url('../img/img_01_147_icon2.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item4 .loan_content .info_loan .txt .ico_info3 {background:url('../img/img_01_147_icon3.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item4 .loan_content .info_loan .txt .ico_info4 {background:url('../img/img_01_147_icon4.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item5 .loan_content .info_loan .txt .ico_info1 {background:url('../img/img_01_548_icon1.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item5 .loan_content .info_loan .txt .ico_info2 {background:url('../img/img_01_548_icon2.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item5 .loan_content .info_loan .txt .ico_info3 {background:url('../img/img_01_548_icon3.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item5 .loan_content .info_loan .txt .ico_info4 {background:url('../img/img_01_548_icon4.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item6 .loan_content .info_loan .txt .ico_info1 {background:url('../img/img_01_549_icon1.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item6 .loan_content .info_loan .txt .ico_info2 {background:url('../img/img_01_549_icon2.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item6 .loan_content .info_loan .txt .ico_info3 {background:url('../img/img_01_549_icon3.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item6 .loan_content .info_loan .txt .ico_info4 {background:url('../img/img_01_549_icon4.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item7 .loan_content .info_loan .txt .ico_info1 {background:url('../img/img_01_550_icon1.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item7 .loan_content .info_loan .txt .ico_info2 {background:url('../img/img_01_550_icon2.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item7 .loan_content .info_loan .txt .ico_info3 {background:url('../img/img_01_550_icon3.png') center top no-repeat; background-size:4.5rem auto;}
.product_loan.item7 .loan_content .info_loan .txt .ico_info4 {background:url('../img/img_01_550_icon4.png') center top no-repeat; background-size:4.5rem auto;}
/* 약관동의 */
.product_loan .agree_wrap .check_wrap input[type=checkbox] + label {color:#000000;}
.product_loan .agree_wrap ul.agree_list.innerViewBtn > li {padding:1.1rem 0;}
.product_loan .agree_wrap ul.agree_list.innerViewBtn > li.has_subDepth {padding-bottom:0;}
.product_loan .agree_wrap ul.agree_list.innerViewBtn > li.has_subDepth + li {border-top:0;}
.product_loan .agree_wrap ul.agree_list.innerViewBtn > li > .check_wrap > label {padding-right:2rem; color:#000000;}
.product_loan .sub_depth.box {margin-top:0.3rem; padding:0.9rem 0.8rem; border-radius:0.3rem; background:#f9f9fb;}
.product_loan .sub_depth.box > p {padding-bottom:0.6rem; font-size:0.7rem; font-weight:500; color:#000000; line-height:1rem;}
.product_loan .sub_depth.box .check_wrap {margin-left:0.8rem;}
.product_loan .sub_depth.box .check_wrap:first-child {margin-left:0;}
.product_loan .sub_depth.box .check_wrap label {color:#666666;}
/* 기본정보입력 */
.product_loan .input_wrap .btn_lp_open {position:absolute; top:0; right:0; z-index:1; background:transparent;}
.product_loan .input_wrap .btn_lp_open > span {display:inline-block; padding-right:1.2rem; background:url('../img/bg_arrow_right_gray.png') right top -1px no-repeat; background-size:1.2rem auto; font-size:0.7rem; color:#666666; line-height:1rem;}
.product_loan .radio_group.default_type .radio_wrap + .radio_wrap {margin-left:1rem;}
.product_loan .radio_group + .flex .input_search_btn .btn {padding:0 1.25rem;}
.product_loan .result_cont .list_style1 li:last-child {padding-bottom:0;}
.product_loan .result_cont .list_style1 li.pd_t14 {padding-bottom:0.7rem;}
.product_loan .result_cont .list_style1 + .btn_wrap {margin-top:2rem;}
.product_loan .input_wrap .popover_wrap {top:1.3rem; left:0;}
.product_loan .agree_wrap ul.agree_list.bor_tnone > li > .check_wrap label {background:none;}
/* 신청정보입력 */
.product.product_loan .list_wrap.loan_list {margin-top:1.2rem; margin-left:-1.2rem; margin-right:-1.2rem;}
.product.product_loan .list_wrap.loan_list .info_list > li {border-top:1px solid #eeeeee; background:#ffffff;}
.product.product_loan .list_wrap.loan_list .info_list > li:first-child {border-top:0;}
.product.product_loan .list_wrap.loan_list .info_list > li .info_content {display:none; border-top:1px solid #eeeeee; background:#ffffff;}
/* 대출불가 콜센터연결 */
.call_center .btn_wrap {margin-top:0.4rem;}
.call_center .btn_wrap .btn.default {border:1px solid #333333; color:#333333;}
.call_center .txt {padding-bottom:0.6rem; font-size:0.7rem; color:#666666; line-height:1rem; text-align:center;}
.call_center .txt + .btn_wrap {padding-bottom:0.2rem;}
.call_center .btn_wrap + .txt {padding-top:0.6rem;}
/**/
.popup_wrap.callCenter {background:rgba(255, 255, 255, 0.5);}
.popup_wrap.callCenter .popup {padding-top:1.8rem; border-radius:0 0 1.2rem 1.2rem; background:transparent;}
.popup_wrap.callCenter .popup .popup_content {border-radius:1.2rem; background:#2f4858;}
.popup_wrap.callCenter .call_cont {margin-top:-4.2rem; padding-top:7.7rem; background:url('../img/bg_popCallcenter.png') 50% top no-repeat; background-size:11.7rem auto;}
.popup_wrap.callCenter .call_cont .tit {color:#ffffff; font-size:1.1rem; line-height:1.4rem; font-weight:500;}
.popup_wrap.callCenter .call_cont .con {padding:0.6rem 0 1.6rem; color:#ffffff; font-size:0.7rem; line-height:1rem;}
.popup_wrap.callCenter .call_cont .con span {color:#42d6b7; font-weight:bold;}
.popup_wrap.callCenter .call_cont button.callcenter {width:auto; padding:0 2.2rem 0 1.9rem; border-radius:0.4rem; color:#ffffff; font-size:0.7rem; line-height:2.2rem; background:#009591;}
.popup_wrap.callCenter .call_cont button.callcenter span {padding-left:0.9rem; background:url('../img/ico_callcenter_white.png') left 50% no-repeat; background-size:0.6rem auto;}
.popup_wrap.callCenter .call_cont button.popClose {position:absolute; right:0; top:0; z-index:2; width:1.6rem; height:1.6rem; text-indent:-9999px; background:url('../img/btn_header_close.png') no-repeat; background-size:1.6rem auto;}
/* 상품(대출) 직업선택 풀팝업 */
.lp_wrap.product_loan .lp_cont_top {margin:-2rem -1.2rem 1.2rem; padding:0; background:#f9f9fb;}
.lp_wrap.product_loan .lp_cont_top .input_wrap {padding:2rem 1.2rem 1.2rem;}
/* 상품(대출) 공통 팝업 */
.popup.product_loan .popup_content .desc_content .txt {text-align:left;}
.popup.product_loan .popup_header > p > em {font-weight:500; color:#009591;}
.popup.product_loan .popup_content .addr_info dl {display:flex; flex-wrap:wrap; padding-top:0.5rem; border-top:1px solid #eeeeee; font-size:0.7rem; line-height:1rem; text-align:left;}
.popup.product_loan .popup_content .addr_info dl + dl {margin-top:0.5rem;}
.popup.product_loan .popup_content .addr_info dl dt {width:30%; color:#666666;}
.popup.product_loan .popup_content .addr_info dl dd {width:70%; padding-right:0.5rem; color:#000000;}
.popup.product_loan .popup_content .box_txt {margin-top:0.6rem;}
.popup.product_loan .popup_content .box_txt > p {padding:0.8rem 0; border-radius:0.3rem; background:#f9f9fb; font-size:0.7rem; color:#666666; line-height:1rem; text-align:center;}
.popup.product_loan .popup_content .txt.row {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.popup.product_loan .popup_content .txt.row span {font-family:"Roboto";}
.popup.product_loan .popup_content .txt.row > p {padding:0;}
.popup.product_loan .popup_content .ready_list {display:flex; flex-wrap:wrap; justify-content:center;}
.popup.product_loan .popup_content .ready_list > p {position:relative; padding-top:3rem; font-size:0.7rem; font-weight:500; color:#000000; line-height:1rem;}
.popup.product_loan .popup_content .ready_list > p.item1 {background:url('../img/ico_idcard.png') center top no-repeat; background-size:2.8rem auto; background-position: top; margin-left: 5px;}
.popup.product_loan .popup_content .ready_list > p.item2 {background:url('../img/ico_acc.png') center top no-repeat; background-size:2.8rem auto;padding-right:2px; background-position-x: -5px; background-position: top; margin: 0 0 0 18px;}
.popup.product_loan .popup_content .ready_list > p.item3 {background:url('../img/ico_certify.png') center top no-repeat; background-size:2.8rem auto; background-position: top; margin: 0 0 0 12px;}
.popup.product_loan .popup_content .ready_list > p + p {margin-left:.9rem;}
.popup.product_loan .popup_content .ready_list > p > span {font-weight:normal; color:#666666;}
.popup.product_loan .popup_content .input_list {margin-top:1rem; text-align:left;}
.popup.product_loan .popup_content .input_list .input_wrap {margin-top:0.8rem; text-align:left;}

/* info_prev_box */
.info_prev_box {border-radius:0.3rem; background:rgba(0,149,145,0.05); overflow:hidden;}
.info_prev_box > .prev_list > ul {padding:0.9rem 0.8rem;}
.info_prev_box > .prev_list > ul li + li {margin-top:0.5rem;}
.info_prev_box > .prev_list .row {display:flex; flex-wrap:wrap; justify-content:space-between;}
.info_prev_box > .prev_list .row .tit {font-size:0.7rem; color:#666666; line-height:1rem;}
.info_prev_box > .prev_list .row .con {font-size:0.7rem; font-weight:500; color:#000000; line-height:1rem;}
.info_prev_box > .prev_list .row .con > em {font-family:'Roboto';}
.info_prev_box > .btn_wrap {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.info_prev_box > .btn_wrap .btn_view {position:relative; flex:1 1 0; min-height:2.2rem; background:rgba(0, 149, 145, 0.05);}
.info_prev_box > .btn_wrap .btn_view > span {display:inline-block; font-size:0.7rem; font-weight:500; color:#009591; line-height:1rem;}
.info_prev_box > .btn_wrap .btn_view + .btn_view:after {content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:0.5rem; background:rgba(0, 0, 0, 0.1); transform:translateY(-50%);}
.info_prev_box + .input_list {margin-top:1rem;}


/*---------- 상품(가이드) ----------*/
/* 상품가이드 공동 */
.product_guide {display:block; position:relative;}
.product_guide .guide_header {position:relative; padding:2rem 1.2rem;}
.product_guide .guide_header > .tit {font-size:0.9rem; font-weight:500; color:#000000; line-height:1.2rem; letter-spacing:-1px;}
.product_guide .guide_header > .txt {font-size:0.7rem; color:#333333; line-height:1rem; letter-spacing:-1px;}
.product_guide .guide_header > .tit + .txt {margin-top:0.6rem;}
.product_guide .guide_header > .txt + .txt {margin-top:0.4rem;}
.product_guide .guide_header > .txt.fm {font-weight:500; color:#000000;}
.product_guide .guide_content {position:relative;}
.product.product_guide .info_list > li .info_txt > p {padding-left:1.1rem; background:url('../img/ico_productInfoTit_off.png') left 50% no-repeat; background-size:1rem auto;}
.product.product_guide .info_list > li.active .info_txt > p {background-image:url('../img/ico_productInfoTit_on.png');}
/* 상품가이드 리스트 */
.product_guide .guide_content .depth_list {position:relative;}
.product_guide .guide_content .depth_list > li {border-bottom:1px solid #eeeeee;}
.product_guide .guide_content .depth_list > li > a {display:block; position:relative; min-height:3.6rem; padding:0 2.5rem 0 1.2rem; line-height:3.6rem;}
.product_guide .guide_content .depth_list > li > a:after {content:''; display:block; position:absolute; top:50%; right:1.2rem; width:1.2rem; height:1.2rem; background:url('../img/bg_arrow_right_black.png') center no-repeat; background-size:100%; transform:translateY(-50%);}
.product_guide .guide_content .depth_list > li .txt > span {display:inline-block; font-size:0.8rem; color:#000000; line-height:1.1rem; letter-spacing:-1px; vertical-align:middle;}
.product_guide .guide_content .depth_list > li.sub_link {padding:1.2rem 0 0.8rem;}
.product_guide .guide_content .depth_list > li.sub_link > p {padding:0 1.2rem 0.9rem; font-size:0.8rem; color:#000000; line-height:1.1rem; letter-spacing:-1px;}
.product_guide .guide_content .depth_list > li.sub_link > a {display:block; position:relative; min-height:auto; line-height:initial;}
.product_guide .guide_content .depth_list > li.sub_link > a:after {content:''; display:block; position:absolute; top:50%; right:1.2rem; width:1.2rem; height:1.2rem; background:url('../img/bg_arrow_right_gray.png') center no-repeat; background-size:100%; transform:translateY(-50%);}
.product_guide .guide_content .depth_list > li.sub_link > a > .txt > span {padding:0.4rem 0.8rem; font-size:0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px;}
/* 보호금융상품등록부 */
.product_guide .guide_content .tab_wrap2 {padding:0 1.2rem;}
.product_guide .guide_content .tab_container {padding:1.2rem 1.2rem 0;}
.product_guide .guide_content .finance_product {position:relative;}
.product_guide .guide_content .finance_product .row {position:relative; margin-bottom:0.4rem; padding:0.9rem 0.8rem; border-radius:0.3rem; border:1px solid #cccccc;}
.product_guide .guide_content .finance_product .row .txt > p {font-size:0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px;}
.product_guide .guide_content .finance_product .row .txt > p > span {display:inline-block; position:relative; padding-left:0.9rem;}
.product_guide .guide_content .finance_product .row .txt > p > span:after {content:''; display:block; position:absolute; top:50%; left:0.45rem; width:1px; height:0.6rem; background:#eeeeee; transform:translateY(-50%);}
.product_guide .guide_content .finance_product .row .txt > em {font-size:0.8rem; font-weight:500; color:#000000; line-height:1.2rem; letter-spacing:-1px;}
.product_guide .guide_content .finance_product .row .badge {display:block; position:absolute; top:0.6rem; right:0.6rem; z-index:1;}
.product_guide .guide_content .finance_product .row .badge > span {display:inline-block; min-height:1.2rem; padding:0 0.5rem; border-radius:2px; background:#eeeeee; font-size:0.6rem; color:#666666; line-height:1.2rem;}
.product_guide .guide_content .finance_product .row .badge > span.sales {background:rgba(0,149,145,0.05); color:#009591;}
.product_guide .guide_content .finance_product .row .badge > span.suspend {background:#ffeec2;}
.product_guide .guide_content .finance_product .row .date {display:block; position:absolute; bottom:0.9rem; right:0.6rem; z-index:1;}
.product_guide .guide_content .finance_product .row .date > span {font-size:0.6rem; color:#666666; line-height:0.9rem;}
.product_guide .guide_content .finance_product .ex {padding-top:0.4rem; font-size:0.7rem; color:#666666; line-height:1rem; text-align:right;}
.product_guide .guide_content .tab_content .desc_wrap {margin-top:2rem;}
.product_guide .guide_content .tab_content .desc_wrap > .txt {padding-bottom:0.3rem; font-size:0.7rem; font-weight:500; color:#000000; line-height:1rem;}
/* 여신관련부대비용 */
.product_guide .guide_content .tbl_wrap .table_col td:first-child {border-left:0; background:#f3f3f7;}
.product_guide .guide_content .tbl_wrap .table_col td.r {padding-right:0.6rem;}
.product_guide .guide_content .tbl_wrap .table_col td {border-left:1px solid #cccccc;}
.product_guide .guide_content .tbl_wrap .table_col th:first-child {border-right:1px solid #cccccc;}
/* 대출유의사항 */
.product_guide .guide_content .desc_content {padding:0 1.2rem;}
.product_guide .guide_content .desc_content .txt > p + p {padding-top:0.3rem;}
/* 대출상식사전 */
.product_guide .guide_content .info_list > li .info_content .table_wrap .table_col td:first-child {background:#ffffff;}
.product_guide .guide_content .info_list > li .info_content .tbl_wrap .table_tit {font-weight:normal; color:#666666;}
.product_guide .guide_content .list_wrap > strong {display:inline-block; margin:2rem 0 0.6rem 1.2rem; font-size:0.9rem; font-weight:500; color:#000000; line-height:1rem; letter-spacing:-1px;}
/* 대출진행절차 */
.product_guide .guide_content .process_wrap {padding:0 1.2rem;}
.product_guide .guide_content .process_wrap + .process_wrap {margin-top:2rem;}
.product_guide .guide_content .process_wrap > .tit {margin-bottom:0.3rem; font-size:0.7rem; font-weight:500; color:#000000; line-height:1rem; letter-spacing:-1px;}
.product_guide .guide_content .process_wrap > ol > .box_bubble {position:relative; margin:0 0 0.9rem; padding:0.9rem 0; border-radius:0.3rem; border-width:1px; border-style:solid; border-color:rgba(0,149,145,0.8); background:#ffffff; text-align:center;}
.product_guide .guide_content .process_wrap > ol > .box_bubble:after, .box_bubble:before {content:''; position:absolute; top:100%; left:50%; height:0; width:0; border:solid transparent; pointer-events:none; transform:translateX(-50%);}
.product_guide .guide_content .process_wrap > ol > .box_bubble:after {border-color:rgba(255, 255, 255, 0); border-top-color:#ffffff; border-width:7px 5px 7px 5px;}
.product_guide .guide_content .process_wrap > ol > .box_bubble:before {border-color:rgba(0, 149, 145, 0); border-top-color:rgba(0,149,145,0.8); border-width:8px 6px 8px 6px;}
.product_guide .guide_content .process_wrap > ol > .box_bubble .badge {display:inline-block; min-height:1.3rem; padding:0 0.6rem; border-radius:1rem; background:rgba(0, 149, 145, 0.08); font-family:'Roboto'; font-size:0.6rem; font-weight:500; color:#009591; line-height:1.3rem; letter-spacing:-0.5px; text-align:center;}
.product_guide .guide_content .process_wrap > ol > .box_bubble .txt {padding-top:0.4rem; font-size:0.7rem; font-weight:500; color:#000000; line-height:1rem; letter-spacing:-1px;}
.product_guide .guide_content .process_wrap > ol > .box_bubble.g1 {border-color:rgba(0,149,145,0.2);}
.product_guide .guide_content .process_wrap > ol > .box_bubble.g1:before {border-top-color:rgba(0,149,145,0.2);}
.product_guide .guide_content .process_wrap > ol > .box_bubble.g2 {border-color:rgba(0,149,145,0.4);}
.product_guide .guide_content .process_wrap > ol > .box_bubble.g2:before {border-top-color:rgba(0,149,145,0.4);}
.product_guide .guide_content .process_wrap > ol > .box_bubble.g3 {border-color:rgba(0,149,145,0.6);}
.product_guide .guide_content .process_wrap > ol > .box_bubble.g3:before {border-top-color:rgba(0,149,145,0.6);}
.product_guide .guide_content .process_wrap > ol > .box_bubble.g4 {border-color:rgba(0,149,145,1);}
.product_guide .guide_content .process_wrap > ol > .box_bubble.g4:before {border-top-color:rgba(0,149,145,1);}
.product_guide .guide_content .process_wrap > ol > .box_bubble:last-child {border-width:0; background:#009591; text-align:center;}
.product_guide .guide_content .process_wrap > ol > .box_bubble:last-child .badge {border:1px solid rgba(255, 255, 255, 0.3); background:transparent; color:#ffffff;}
.product_guide .guide_content .process_wrap > ol > .box_bubble:last-child .txt {color:#ffffff;}
.product_guide .guide_content .process_wrap > ol > .box_bubble:last-child:after,
.product_guide .guide_content .process_wrap > ol > .box_bubble:last-child:before {border-width:0;}


/*---------- 연장/해지 ----------*/
.extension .txt_wrap {padding-bottom:0.4rem;}
.extension .txt_wrap p {font-size:0.7rem; color:#000000; line-height:1rem; letter-spacing:-1px;}
.extension .txt_wrap span {font-size:0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px;}
.extension .txt_wrap span .bar {color:#cccccc;}
.extension .input_wrap .popover_wrap {position:absolute; top:1.2rem; left:0; width:100%; z-index:10;}
.extension .form_wrap {display:flex; flex-wrap:wrap; justify-content:space-between;}
.extension .form_wrap .txt {font-size:0.7rem; font-weight:500; line-height:1rem; letter-spacing:-1px;}
.extension .expand_wrap .no_account_list {position:relative; height:calc(100vh - 10.7rem); text-align:center;}
.extension .no_account_list {position:relative; height:calc(100vh - 14.3rem); text-align:center;}
.extension .no_account_list.mar_t60 .no_list > .txt {font-size:0.7rem; color:#000000; line-height:1rem; letter-spacing:-1px;}
.extension .result_view + .input_list {padding-top:1rem;}
/* 예적금자동해지 */
.extension .no_list_wrap {position:relative; height:calc(100vh - 9rem); text-align:center;}
.extension .no_expire_account {position:relative; height:calc(100vh - 8.5rem); text-align:center;}


/*---------- 사고신고 ----------*/
.date_check {padding:2rem 0 1.3rem; background:#ffffff;}
.accident_list {padding:1.2rem;}
.accident_list > li {position:relative; padding:1rem 0.8rem; border-radius:0.3rem; background:#ffffff;}
.accident_list > li + li {margin-top:0.8rem;}
.accident_list > li .row {display:flex; justify-content:space-between; align-items:center;}
.accident_list > li .row em {font-family:'Roboto'; letter-spacing:-0.5px;}
.accident_list > li .row .tit {padding-right:1.3rem; font-size:0.7rem; color:#666666; line-height:1.2rem;}
.accident_list > li .row .con {font-size:0.7rem; color:#000000;}
.accident_list > li .row.title {flex:none; margin-bottom:0.35rem;}
.accident_list > li .row.title .tit {font-size:0.9rem; font-weight:500; color:#009591; line-height:1.2rem;}
/* 조회전 */
.accident .no_accident_list {position:relative; height:calc(100vh - 12.1rem); text-align:center;}


/*---------- 부가서비스 ----------*/
/* 단말기지정서비스 */
.cellphone_service {position:relative;}
.cellphone_header {padding:0 1.2rem 2rem; border-bottom:1px solid #eeeeee; text-align:center;}
.cellphone_header > p {position:relative; padding:3.3rem 0 0.3rem; font-size:0.7rem; color:#333333; line-height:1rem; letter-spacing:-1px;}
.cellphone_header > p:after {content:''; display:block; position:absolute; top:0; left:50%; width:2.8rem; height:2.8rem; background:url('../img/img_phone_service.png') center no-repeat; background-size:100% auto; transform:translateX(-50%);}
.cellphone_header > p strong {font-weight:bold;}
.cellphone_header > span {color:#666666;}
.cellphone_content {position:relative;}
.cellphone_content .service_list > li {border-bottom:1px solid #eeeeee; background:#ffffff;}
.cellphone_content .service_list > li .service_txt {position:relative; padding:1.25rem 3rem 1.25rem 1.2rem;}
.cellphone_content .service_list > li .service_txt > p {font-size:0.8rem; color:#000000;}
.cellphone_content .service_list > li .service_txt .btn_info {display:block; position:absolute; top:50%; right:1.2rem; width:1.2rem; height:1.2rem; background:url('../img/btn_down.png') center no-repeat; background-size:1.2rem auto; transform:translateY(-50%); z-index:1;}
.cellphone_content .service_list > li .service_txt .btn_info > span {display:inline-block; text-indent:-9999px;}
.cellphone_content .service_list > li .service_content {display:none; padding:1.2rem; border-top:1px solid #eeeeee; background:#f9f9fb;}
.cellphone_content .service_list > li .service_content .cont_wrap {display:block; position:relative;}
.cellphone_content .service_list > li .service_content .cont_wrap p {color:#666666; line-height:1rem;}
.cellphone_content .service_list > li.active .service_txt > p {font-weight:500; color:#009591;}
.cellphone_content .service_list > li.active .service_txt .btn_info {background:url('../img/btn_up_green.png') center no-repeat; background-size:1.2rem auto;}
/* 단말기지정서비스 조회 */
.addservice .box_list {padding:1.2rem 1.2rem 0;}
.addservice .box_list > li {display:block; position:relative; padding:1rem 0.8rem; border-radius:0.3rem; background:#ffffff;}
.addservice .box_list > li + li {margin-top:0.8rem;}
.addservice .box_list > li .row {display:flex; justify-content:space-between; align-items:center;}
.addservice .box_list > li .row em {font-family:'Roboto'; letter-spacing:-0.5px;}
.addservice .box_list > li .row .tit {padding-right:1.3rem; font-size:0.7rem; color:#666666; line-height:1.2rem;}
.addservice .box_list > li .row .con {font-size:0.7rem; color:#000000;}
.addservice .box_list > li .row.title {margin-bottom:0.35rem;}
.addservice .box_list > li .row.title .tit {font-size:0.9rem; font-weight:500; color:#009591; line-height:1.2rem;}
.addservice .box_list > li .row.title .con {font-size:0.7rem;}
.addservice .box_list > li .util_wrap {display:flex; margin-top:0.85rem; justify-content:flex-end; align-items:center;}
.addservice .no_cellphone_list {position:relative; height:calc(100vh - 8.6rem); text-align:center;}
.addservice.usb189 .box_list > li .row {justify-content:flex-start;}
.addservice.usb189 .box_list > li .row .tit {flex:none; width:4.4rem;}
.addservice.usb189 .box_list > li .row .con {word-break:break-all;}
/* 단말기지정서비스 삭제 */
.cellphone_info .list_style1 > ul {border-bottom:1px solid #eeeeee;}
.cellphone_info .list_style1 .row + .row {padding-top:0.6rem;}
.cellphone_info + .input_list {margin-top:1rem;}
/* 하나멤버스 보유머니 조회 : 보유머니 */
.addservice.money_check .money_view {margin-top:4.3rem; padding:0 1.2rem;}
.addservice.money_check .money_view .box_round {position:relative; width:100%; height:7.5rem; border-radius:0.6rem; background:#ffffff; text-align:center; -webkit-box-shadow:0px 6px 12px 0px rgba(0,0,0,0.12); -moz-box-shadow:0px 6px 12px 0px rgba(0,0,0,0.12); box-shadow:0px 6px 12px 0px rgba(0,0,0,0.12);}
.addservice.money_check .money_view .box_round:before {content:''; display:block; position:absolute; top:-3.2rem; left:0; width:5.25rem; height:3.2rem; background:url('../img/img_money1.png') left top no-repeat; background-size:100%;}
.addservice.money_check .money_view .box_round:after {content:''; display:block; position:absolute; right:0.7rem; bottom:-1rem; width:3.35rem; height:3.2rem; background:url('../img/img_money2.png') left top no-repeat; background-size:100%;}
.addservice.money_check .money_view .box_round > p {padding:1.3rem 0 0.6rem; font-size:0.7rem; font-weight:500; color:#666666; line-height:1rem;}
.addservice.money_check .money_view .box_round > em {font-family:'Roboto'; font-size:1.4rem; font-weight:500; color:#000000; line-height:1.7rem;}
.addservice.money_check .money_view .box_round > span {font-size:0.7rem; color:#000000; line-height:1rem;}
.addservice.money_check .money_view .list_style1 {padding:2rem 0 2.55rem;}
.addservice.money_check .money_view .list_style1 ul {border:0;}
.addservice.money_check .money_view .list_style1 li {padding:0.2rem 1.2rem; border:0;}
.addservice.money_check .money_view > .ex {display:inline-block; width:100%; font-size:0.7rem; color:#666666; line-height:1rem; text-align:center;}
/* 하나멤버스 보유머니 조회 : 내역조회 */
.addservice .tab_wrap {background:#ffffff;}
.addservice.money_check {position:relative;}
.addservice.money_check .date_check {padding:1.2rem 0; background:#ffffff;}
.addservice.money_check .no_member_list {position:relative; height:calc(100vh - 10.8rem); text-align:center;}
.addservice.money_check .no_check_list {position:relative; height:calc(100vh - 13.3rem); text-align:center;}
.addservice.money_check .box_list {padding:0 1.2rem;}
.addservice.money_check .select_wrap {margin:0 1.2rem 0.4rem 0; text-align:right;}
.addservice.money_check a.select_style {display:inline-block; height:auto; padding:0 1.2rem 0 0; border:0; border-radius:0; font-size:0.7rem; line-height:1.1rem; color:#666666; background:url('../img/btn_down.png') right center no-repeat; background-size:1.2rem auto;}
.addservice.money_check a.select_style:focus {border:0;}
/* 하나멤버스 팝업 슬라이드  */
.hana_member .lp_contents {height:100%; margin:0; padding:0;}
.hana_member .addservice {position:relative; width:100%; min-height:100%; padding-bottom:5.8rem; background:#fefbec url('../img/bg_member.png') left top no-repeat; background-size:100% auto;}
.hana_member .btn_wrap.pos_fixed {background:transparent;}
.hana_member .cont_head {position:relative;}
.hana_member .cont_head .img_wrap {width:100%; padding:0.6rem 1.1rem 0; text-align:center;}
.hana_member .cont_head .img_wrap > img {max-width:100%;}
.hana_member .cont_body {position:relative; padding:1.5rem 0 2rem;}
.hana_member .cont_foot {position:relative;}
.hana_member .cont_foot .txt_wrap {text-align:center;}
.hana_member .cont_foot .txt_wrap > p {font-size:0.7rem; color:#333333; line-height:1rem; letter-spacing:-1px;}
.hana_member .cont_foot .txt_wrap em {display:inline-block; padding-top:0.8rem; font-weight:500;}
.hana_member .addservice .btn_wrap.pos_cont {padding-left:1.2rem; padding-right:1.2rem;}
/* slide */
.hana_member .hana_member_slide {position:relative; overflow:hidden;}
.hana_member_slide .slide_img_wrap {position:absolute; left:0; top:0; z-index:0; width:100%;}
.hana_member_slide .swiper-container {position:relative; width:100%; height:100%; min-height:26.5rem; overflow:hidden;}
.hana_member_slide .swiper-container.imgs {width:10.3rem; margin:auto;}
.hana_member_slide .swiper-wrapper {width:10.2rem; height:26.5rem;}
.hana_member_slide .swiper-slide {text-align:center;}
.hana_member_slide .swiper-slide.item1 {background:url('../img/slide_screen1.png') 51% 23% no-repeat; background-size:10.3rem auto;}
.hana_member_slide .swiper-slide.item2 {background:url('../img/slide_screen2.png') 51% 23% no-repeat; background-size:10.3rem auto;}
.hana_member_slide .swiper-slide.item3 {background:url('../img/slide_screen3.png') 51% 23% no-repeat; background-size:10.3rem auto;}
.hana_member_slide .swiper-slide.item4 {background:url('../img/slide_screen4.png') 51% 23% no-repeat; background-size:10.3rem auto;}
.hana_member_slide .swiper-slide.item5 {background:url('../img/slide_screen5.png') 51% 23% no-repeat; background-size:10.3rem auto;}
.hana_member_slide .swiper-slide.item6 {background:url('../img/slide_screen6.png') 51% 23% no-repeat; background-size:10.3rem auto;}
.hana_member_slide .swiper-slide .txt_wrap {position:absolute; bottom:1.5rem; left:50%; width:100%; transform:translateX(-50%);}
.hana_member_slide .swiper-slide .txt_wrap .badge {padding:1.5rem 0 0.6rem;}
.hana_member_slide .swiper-slide .txt_wrap .badge > span {display:inline-block; height:1.1rem; padding:0 0.8rem; border-radius:0.6rem; border:1px solid rgba(0,149,145,0.18); font-size:0.6rem; color:#009591; line-height:1.1rem;}
.hana_member_slide .swiper-slide .txt_wrap > strong {font-size:1.1rem; font-weight:bold; color:#009591; line-height:1.4rem;}
.hana_member_slide .swiper-slide .txt_wrap > p {padding:0 1.2rem; font-size:0.7rem; color:#333333; line-height:1rem;}
.hana_member_slide .slide_img_wrap .img_mockup {position:absolute; top:0; left:0; width:100%; height:100%; background:url('../img/bg_mockup.png') 50% top no-repeat; background-size:18.2rem auto; z-index:10;}
/* slide custom */
.hana_member_slide .swiper-button-prev,
.hana_member_slide .swiper-button-next {top:42%; width:2rem; height:2rem; z-index:20;}
.hana_member_slide .swiper-button-prev {left:0.8rem; background:url('../img/btn_slide_left.png') 50% 50% no-repeat; background-size:2rem auto;}
.hana_member_slide .swiper-button-next {right:0.8rem; background:url('../img/btn_slide_right.png') 50% 50% no-repeat; background-size:2rem auto;}
.hana_member_slide .swiper-pagination-bullet { border:1px solid #000000; background:transparent; opacity:0.25;}
.hana_member_slide .swiper-pagination-bullet-active {background:#000000; opacity:0.25;}
.hana_member_slide .swiper-container-horizontal > .swiper-pagination-bullets {bottom:0;}
.hana_member_slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 0.15rem;}
/* 카드연계서비스  */
.addservice .card_info {position:relative; width:100%; height:20.45rem; padding:2rem 0 1.6rem;}
/* .addservice .card_info2 {font-family:'NotoSans', 'Roboto', 'AppleSDGothicNeo-Regular','sans-serif'; position:relative; width:100%; height:100vh; padding:2rem 0 1.6rem;}*/
.card_info.hana_card {background:url('../img/bg_hanacard_info.png') left top no-repeat; background-size:100% 100%;}
.card_info.lotte_card {background:url('../img/bg_lottecard_info.png') left top no-repeat; background-size:100% 100%;}
.card_info .card_header {text-align:center;}
.card_info .card_header .logo_wrap {padding-bottom:1.2rem;}
.card_info .card_header .logo_wrap span {display:inline-block; vertical-align:middle;}
.card_info .card_header .logo_wrap span > img {width:100%;}
.card_info .card_header .logo_wrap .hanasavings {width:4rem; height:0.8rem;}
.card_info .card_header .logo_wrap .hanacard {width:3.15rem; height:0.9rem;}
.card_info .card_header .logo_wrap .lottecard {width:4.55rem; height:0.9rem;}
.card_info .card_header .logo_wrap .ico_x {margin:0 0.6rem; width:0.45rem; height:0.5rem; background:url('../img/ico_x.png') 50% 50% no-repeat; background-size:100% auto;}
.card_info .card_header .img_wrap {width:13.2rem; height:8.85rem; margin:0 auto;}
.card_info .card_header .img_wrap > img {width:100%;}
.card_info .card_content {padding:0.25rem 1.2rem 0; text-align:center;}
.card_info .card_content > em {font-size:1rem; font-weight:500; color:#000000; line-height: 1.3rem;}
.card_info .card_content > p {padding:0 0 0.8rem; font-size:0.7rem; color:#666666; line-height: 1rem;}
.card_info .card_content .link_wrap > a {display:inline-block; width:6rem; height:2.4rem; border-radius:0.3rem; background:#333333; font-size:0.8rem; color:#ffffff; line-height:2.4rem; text-align:center;}


.addservice .card_info2 {font-family:'NotoSans', 'Roboto', 'AppleSDGothicNeo-Regular','sans-serif'; position:relative; width:100%; height:100vh; padding:2rem 0 1.6rem;}
.card_info2.hana_card {background:url('../img/bg_hanacard_info.png') left top no-repeat; background-size:100% 100%;}
.card_info2 .card_header {text-align:center;}
.card_info2 .card_header .logo_wrap {padding-bottom:1.2rem;}
.card_info2 .card_header .logo_wrap span {display:inline-block; vertical-align:middle;}
.card_info2 .card_header .logo_wrap span > img {width:100%;}
.card_info2 .card_header .logo_wrap .hanasavings {width:4rem; height:0.8rem;}
.card_info2 .card_header .logo_wrap .hanacard {width:3.15rem; height:0.9rem;}
.card_info2 .card_header .logo_wrap .lottecard {width:4.55rem; height:0.9rem;}
.card_info2 .card_header .logo_wrap .ico_x {margin:0 0.6rem; width:0.45rem; height:0.5rem; background:url('../img/ico_x.png') 50% 50% no-repeat; background-size:100% auto;}
.card_info2 .card_header .img_wrap {width:13.2rem; height:8.85rem; margin:0 auto;}
.card_info2 .card_header .img_wrap > img {width:100%;}

.card_info2 .card_content2 {padding:0.25rem 1.2rem 0; text-align:center;}
.card_info2 .card_content2 > em {font-size:1.3rem; font-weight:400; color:#000000; line-height: 1.6rem;}
.card_info2 .card_content2 > p {font-size:0.8rem; font-weight:100; color:#404040; line-height: 1.1rem;}
.card_info2 .card_content2 .img_wrap {width:13.2rem; margin:0 auto;}
.card_info2 .card_content2 .img_wrap > img {width:13.2rem; padding: 1.2rem;}
.card_info2 .card_content2 .img_box_wrap > img {width:16rem; padding:0 1.2rem 1.5rem;}
.card_info2 .card_content2 .link_wrap > a {display:inline-block; width:14rem; border-radius:1.1rem; background:#87CFCF; font-size:1.1rem; color:#000; line-height:2.4rem; text-align:center;}


/* 증명서신청내역조회 */
.addservice .no_list_wrap .no_list {top:50%; transform:translate(-50%, -50%);}
/* 증명서 진위여부확인조회 */
.addservice .input_wrap .input_threeBlock .three_up > input {padding:0 0.6rem;}
.addservice .input_wrap .input_threeBlock .three_up:nth-child(1) {width:calc(31.5% - 1rem);}
.addservice .input_wrap .input_threeBlock .three_up:nth-child(3) {width:calc(31.5% - 1rem);}
.addservice .input_wrap .input_threeBlock .three_up:last-child {width:37%;}
/* 신용정보조회서비스 */
.addservice .bottom_agree_wrap {display:flex; flex-direction:column; justify-content:flex-end; min-height:calc(100vh - 1.6rem - 2rem - 6.8rem - 4.6rem);}
/* 금융계산기 */
.calc_result {display:block; position:relative;}
.calc_result .result_header > .txt {margin-bottom:0.5rem; font-size:0.7rem; font-weight:500; color:#000000; line-height:1rem; letter-spacing:-1px;}
.calc_result .result_header .result_info {padding:0.8rem; border-radius:0.3rem; background:rgba(0, 149, 145, 0.05);}
.calc_result .result_header .result_info .row {display:flex; justify-content:space-between; align-items:center;}
.calc_result .result_header .result_info .row + .row {padding-top:0.4rem;}
.calc_result .result_header .result_info .row:last-child {padding-bottom:0;}
.calc_result .result_header .result_info .row .tit {font-size:0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px;}
.calc_result .result_header .result_info .row .con {font-size:0.7rem; font-weight:500; color:#000000; line-height:1rem; letter-spacing:-1px;}
.calc_result .result_header .result_info .row .con > em {font-family:'Roboto'; letter-spacing:-0.5px;}
.calc_result .result_header .result_info .add_info {padding-top:0.4rem;}
.calc_result .result_header .result_info .btn_txt {margin-top:1rem;}
.calc_result .result_header .result_info .btn_txt .btn_more > span,
.calc_result .result_header .result_info .btn_txt .btn_more.active > span {display:block; padding:0 0.5rem; font-size:0.7rem; color:#009591; line-height:1rem; letter-spacing:-1px; text-decoration:underline;}
.calc_result .result_header + .result_content {margin-top:2rem;}
.calc_result .result_content > .result_chart {position:relative; margin-bottom:1rem;}
.calc_result .result_content > .result_chart .chart_tit {padding-bottom:0.4rem; font-size:0.7rem; font-weight:500; color:#000000; line-height:1rem; letter-spacing:-1px;}
.calc_result .result_content > .result_chart .legend_wrap {display:block; position:absolute; top:0; right:0.45rem; width:100%; text-align:right;}
.calc_result .result_content > .result_chart .legend_wrap span {display:inline-block; position:relative; padding-left:0.7rem; font-size:0.6rem; color:#666666; line-height:0.6rem;}
.calc_result .result_content > .result_chart .legend_wrap span + span {margin-left:0.8rem;}
.calc_result .result_content > .result_chart .legend_wrap span:after {content:''; display:block; position:absolute; top:50%; left:0; width:0.5rem; height:0.5rem; border-radius:50%; background:#ebefee; transform:translateY(-50%);}
.calc_result .result_content > .result_chart .legend_wrap span:last-child:after {background:#33aba7;}
.calc_result .result_content > .result_chart .img_wrap {width:100%; min-height:auto;}
.calc_result .result_content > .result_chart .img_wrap > img {width:100%;}
.calc_result .result_content > .list_style1 .btn_repayment {display:inline-block; margin-left:0.5rem; background:transparent; vertical-align:top;}
.calc_result .result_content > .list_style1 .btn_repayment > span {display:inline-block; padding-right:1rem; font-size:0.7rem; color:#009591; background:url('../img/bg_arrow_right_green.png') right center no-repeat; background-size:1.2rem;}
/* 대출 - 회차별 상환금액 팝업 */
.calc_result.repayment_wrap {position:relative;}
.calc_result.repayment_wrap .tit_wrap {margin-bottom:1rem;}
.calc_result.repayment_wrap .tit_wrap .row {display:flex; justify-content:space-between;}
.calc_result.repayment_wrap .tit_wrap .row .tit > p {font-size:0.9rem; font-weight:500; color:#000000; line-height:1.2rem; letter-spacing:-1px;}
.calc_result.repayment_wrap .tit_wrap .row .tit > span {font-size:0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px;}
.calc_result.repayment_wrap .tit_wrap .row .con > span {font-size:0.8rem;color:#009591; line-height:1.1rem; letter-spacing:-1px;}
.calc_result.repayment_wrap .tit_wrap .row .con > em {font-family:'Roboto'; font-size:0.9rem; font-weight:500; color:#009591; line-height:1.2rem; letter-spacing:-0.5px;}
/* 예적금 */
.calc_result.savings .result_content > .result_chart {margin-top:1rem;}
.calc_result.savings .result_content > .result_chart .legend_wrap {top:2px; right:0;}
.calc_result .result_content > .result_chart .chart_info > .row {display:flex; position:relative; padding:1.6rem 0 0.3rem; flex-wrap:wrap; align-items:center;}
.calc_result .result_content > .result_chart .chart_info > .row > p {font-size:0.7rem; font-weight:500; color:#000000; line-height:1rem; letter-spacing:-1px;}
.calc_result .result_content > .result_chart .chart_info > .row > p:first-child {width:calc(100% - 16%); text-align:center;}
.calc_result .result_content > .result_chart .chart_info > .row > p:last-child {position:absolute; right:0; text-align:right;}
.calc_result .result_content > .result_chart .chart_info > .row em {font-family:'Roboto'; letter-spacing:-0.5px;}
.calc_result .result_content > .result_chart .chart_info > .img_wrap {position:relative;}
.calc_result .result_content > .result_chart .chart_info > .img_wrap .chart_name {display:block; position:absolute; left:50%; bottom:0; z-index:1; transform:translateX(-50%);}
.calc_result .result_content > .result_chart .chart_info > .img_wrap .chart_name > span {font-size:0.6rem; font-weight:500; color:#333333; line-height:1rem;}
/* 신용정보조회완료 팝업 */
.rating_wrap .chart_wrap {display:block; position:relative; width:13.6rem; height:13.6rem; margin:0 auto 2rem; text-align:center;}
.rating_wrap .chart_wrap .chart_visual {position:absolute; top:0; left:0; z-index:2; width:13.6rem; height:13.6rem; transform:rotate(180deg);}
.rating_wrap .chart_wrap .inner_line {position:absolute; top:50%; left:50%; width:11rem; height:11rem; z-index:2; border-radius:50%; border:2px dotted rgba(238, 238, 238, 0.6); transform:translate(-50%, -50%);}
.rating_wrap .chart_wrap .outer_line {position:absolute; top:50%; left:50%; z-index:1; width:13.3rem; height:13.3rem; border-radius:50%; border:5px solid #eeeeee; transform:translate(-50%, -50%);}
.rating_wrap .chart_wrap .chart_txt {position:absolute; top:50%; left:50%; z-index:2; width:100%; padding-top:6rem; text-align:center; transform:translate(-50%, -50%);}
.rating_wrap .chart_wrap .chart_txt:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:4rem; background:url('../img/img_character3.png') 50% top no-repeat; background-size:4rem auto;}
.rating_wrap .chart_wrap .chart_txt .score {font-family:'Roboto'; font-size:1.7rem; font-weight:500; color:#000000; letter-spacing:-0.5px} 
.rating_wrap .chart_wrap .chart_txt .score > span {padding-left:2.7rem; font-family:'NotoSans'; font-size:1.5rem; font-weight:bold; color:#000000; letter-spacing:-1px;}
/* .rating_wrap .chart_wrap .chart_txt .rating {padding-top:0.2rem; font-family:'Roboto'; font-size:0.8rem; color:#666666; letter-spacing:-0.5px} 
.rating_wrap .chart_wrap .chart_txt .rating > span {font-family:'NotoSans'; font-size:0.8rem; color:#666666; letter-spacing:-1px;} */
.rating_wrap {text-align:center;}
.rating_wrap .txt > p {font-size:0.9rem; color:#000000; line-height:1.2rem; letter-spacing:-1px;}
.rating_wrap .txt > p > em {font-weight:500; color:#000000;}
.rating_wrap .txt > p > em > span {font-family:'Roboto'; letter-spacing:-0.5px;}
.rating_wrap .ex {display:inline-block; padding-top:1.6rem; font-size:0.6rem; color:#666666; line-height:0.9rem; text-align:center;}


/*---------- 소비자보호 ----------*/
.consumer_header {position:relative; width:100%; height:auto; padding:5.4rem 1.2rem 3rem; background:#ffffff; text-align:center;}
.consumer_header:after {content:''; display:block; position:absolute; top:2rem; left:50%; width:2.8rem; height:2.8rem; background:url('../img/logo_hana_big.png') 50% 50% no-repeat; background-size:100% auto; transform:translateX(-50%);}
.consumer_header > .txt {font-size:0.7rem; color:#333333; line-height:1rem; letter-spacing:-1px;}
.consumer_header > .txt > strong {font-weight:bold;}
.consumer_header + .consumer_content {padding:2rem 1.2rem 1rem;}
.consumer_header .btn_wrap {display:flex; flex:1 1 0; position:absolute; left:0; bottom:0; width:100%; z-index:1;}
.consumer_header .btn_wrap .btn_lp_open {width:100%; height:2.5rem; border:1px solid rgba(0, 0, 0, 0.2); background:transparent; text-align:center;}
.consumer_header .btn_wrap .btn_lp_open > span {font-size:0.7rem; font-weight:700; color:rgba(0, 0, 0, 1); line-height:2.5rem;}

.consumer_content {padding:0 1.2rem;}
.consumer_content .desc_wrap {position:relative;}
.consumer_content .desc_wrap .tit {padding-bottom:0.4rem; font-size:0.9rem; font-weight:500; line-height:1.1rem; letter-spacing:-1.13px;}
.consumer_content .desc_wrap .desc_content {position:relative;}
.consumer_content .desc_wrap .desc_content .txt > p {padding-top:0.3rem;}
.consumer_content .desc_wrap .desc_content .desc_list {padding-top:0.3rem;}
.consumer_content .desc_wrap .desc_content .txt + .txt {padding-top:1rem;}
.consumer_content .desc_wrap .desc_content .txt + .table_wrap {margin-top:0.8rem;}
.consumer_content .desc_wrap .desc_content .img_wrap {display:block; min-height:100%; margin:0 auto;}
.consumer_content .desc_wrap .desc_content .img_wrap.organization {width:13.2rem;}
.consumer_content .desc_wrap .desc_content .img_wrap.complain {width:14rem;}
.consumer_content .desc_wrap .desc_content .img_wrap > img {width:100%;}
.consumer_content .marketing_result {margin-top:1rem; text-align:center;}
.consumer_content .marketing_result > .txt {padding:2rem 0; border-top:1px solid #000000; border-bottom:1px solid #eeeeee; font-size:0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px;}
.consumer_content .quarter_wrap {margin-top:1rem;}
.consumer .info_slide + .agree_wrap {margin-top:1.2rem;}
.consumer .table_wrap + .desc_list {margin-top:0.8rem;}
.consumer .agree_wrap .agree_list .check_wrap > label {color:#000000;}
.consumer .desc_wrap + .tbl_wrap {margin-top:1rem;}

/* 금융소비자보호우수사례 */
.consumer .info_list > li {border-top:1px solid #eeeeee; background:#ffffff;}
.consumer .info_list > li .info_txt {display:block; position:relative; padding:1.25rem 3rem 1.25rem 1.2rem;}
.consumer .info_list > li .info_txt > p {font-size:0.8rem; color:#000000; line-height:1.1rem;}
.consumer .info_list > li .info_txt .btn_info {display:block; position:absolute; top:50%; right:1.2rem;  z-index:1; width:1.2rem; height:1.2rem; background:url('../img/btn_down.png') center no-repeat; background-size:1.2rem auto; transform:translateY(-50%);}
.consumer .info_list > li .info_txt .btn_info > span {display:inline-block; text-indent:-9999px;}
.consumer .info_list > li .info_content {display:none; position:relative; padding:1.2rem; border-top:1px solid #eeeeee; background:#f9f9fb;}
.consumer .info_list > li .info_content .cont_wrap {display:block; position:relative;}
.consumer .info_list > li .info_content .cont_wrap > p {font-size:0.7rem; color:#666666; line-height:1rem;}
.consumer .info_list > li .info_content .cont_wrap > p + p {padding-top:0.4rem;}
.consumer .info_list > li.active .info_txt > p {font-weight:500; color:#009591;}
.consumer .info_list > li.active .info_txt .btn_info {background:url('../img/btn_up_green.png') center no-repeat; background-size:1.2rem auto;}
.consumer .info_list > li.active:last-child {border-bottom:1px solid #eeeeee;}
/* 금융상품약관 */
.terms_wrap {position:relative;}
.terms_wrap .download_list {position:relative;}
.terms_wrap .download_list > li {display:flex; padding:0.8rem 1.2rem; border-bottom:1px solid #eeeeee; justify-content:space-between; align-items:center;}
.terms_wrap .download_list > li:last-child {border-bottom:0;}
.terms_wrap .download_list > li > span {font-size:0.8rem; line-height:1.1rem; color:#000000; letter-spacing:-1px;}
.terms_wrap .download_list > li > .btn_pdf {display:block; position:relative; width:2.5rem; height:2.5rem; text-indent:-9999px; background:url('../img/bg_arrow_right_black.png') 50% 50% no-repeat; background-size:1.2rem 1.2rem;}
/* 개인(신용)정보이용현황 */
.consumer .table_wrap.no_cont .table_row th {padding:2rem 0.5rem; text-align:center;}
.consumer .table_wrap.no_cont .table_row th > span {font-size:0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px;}
.consumer button.tempStyle {display:inline-block; padding:0.4rem 0; font-size:0.7rem; line-height:1rem; color:#009591; text-decoration:underline; background:#ffffff;}


/*---------- 고객센터 ----------*/
.notify .customer_center_phone {padding:1.9rem 0 0.8rem; text-align:center;}
.notify .customer_center_phone span {padding-right:0.3rem; font-size:0.7rem; line-height:1rem; color:#000000; vertical-align:middle;}
.notify .customer_center_phone a {padding-right:1rem; line-height:1rem; font-weight:500; color:#000000; vertical-align:middle; background:url('../img/ico_call.png') right 50% no-repeat; background-size:0.8rem auto;}
/* 고객센터 리스트 */
.notify .tab_wrap {margin-bottom:2rem;}
.notify .tab_wrap ul li {flex:1 1 auto; padding:0;}
.notify .depth_list {margin:-0.6rem;}
.notify .depth_list:after {content:''; display:block; clear:both;  justify-content:space-between;}
.notify .depth_list > li {display:block; float:left; width:calc(100% / 2); padding:0.95rem 0.75rem;}
.notify .depth_list > li > .inner_box {position:relative; padding-top:100%; border-radius:1rem; background:#ffffff; -webkit-box-shadow: 3px 4px 7px 2px rgba(0,0,0,0.1); -moz-box-shadow: 3px 4px 7px 2px rgba(0,0,0,0.1); box-shadow: 3px 4px 7px 2px rgba(0,0,0,0.1);}
.notify .depth_list > li > .inner_box > a {display:block; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center;}
.notify .depth_list > li > .inner_box > a span {display:block; position:relative; padding-top:68%; font-size:0.7rem; font-weight:500; color:#000000; line-height:0.8rem; letter-spacing:-0.5px;}
.notify .depth_list > li > .inner_box > a em {font-family:'Roboto'; font-weight:500;}
.notify .depth_list > li > .inner_box > a span:after {content:''; display:block; position:absolute; top:45%; left:50%; width:2.7rem; height:2.7rem; transform:translate(-50%, -40%);}
.notify .depth_list > li > .inner_box.item1 a span:after {background:url('../img/ico_notify_notice.png') center no-repeat; background-size:100%;}
.notify .depth_list > li > .inner_box.item2 a span:after {background:url('../img/ico_notify_company.png') center no-repeat; background-size:100%;}
.notify .depth_list > li > .inner_box.item3 a span:after {background:url('../img/ico_notify_qna.png') center no-repeat; background-size:100%;}
.notify .depth_list > li > .inner_box.item4 a span:after {background:url('../img/ico_notify_percent.png') center no-repeat; background-size:100%;}
.notify .depth_list > li > .inner_box.item5 a span:after {background:url('../img/ico_notify_interest.png') center no-repeat; background-size:100%; transform:translate(-50%, -32%);}
.notify .depth_list > li > .inner_box.item6 a span:after {background:url('../img/ico_notify_info.png') center no-repeat; background-size:100%; transform:translate(-50%, -32%);}
/* 영업점안내 */
.notify .sales_map {display:block; width:100%; height:8.8rem;}
.notify .sales_map.item1 {background:url('../img/img_map1.png') left top no-repeat; background-size:100% auto;}
.notify .sales_map.item2 {background:url('../img/img_map2.png') left top no-repeat; background-size:100% auto;}
.notify .sales_map.item3 {background:url('../img/img_map3.png') left top no-repeat; background-size:100% auto;}
.notify .sales_map.item4 {background:url('../img/img_map4.png') left top no-repeat; background-size:100% auto;}
.notify .sales_map.item5 {background:url('../img/img_map5.png') left top no-repeat; background-size:100% auto;}
.notify .sales_map + .table_wrap {margin-top:0.8rem;}
.notify .tab_wrap2 + .tab_container {margin-top:1.2rem;}
.notify .tab_content .table_row tr:last-child th,
.notify .tab_content .table_row tr:last-child td {border-bottom:0;}
.notify .tel_link {display:inline-block; margin-left:0.7rem; padding-left:1.2rem; font-weight:500; font-size:0.7rem; color:#009591; letter-spacing:-1px; background:url('../img/ico_call.png') left center no-repeat; background-size:1rem 1rem; vertical-align:top;}
/* 2021-11-23 이벤트 상세 목록*/
.notify .sales_map {display:block; width:100%; height:8.8rem;}
.notify .sales_map.list {background-size:110% auto; height: 100px;}
/* 자주찾는질문 */
.qna_list {border-top:1px solid #000000;}
.qna_list > li {position:relative; border-bottom:1px solid #dddddd;}
.qna_list > li .qna_txt {position:relative; padding:1.2rem 2rem 1.2rem 1.6rem;}
.qna_list > li .qna_txt:after {content:''; display:block; position:absolute; top:50%; left:0; width:1.2rem; height:1.2rem; background:url('../img/img_qna_q.png') left top no-repeat; background-size:1.2rem auto; transform:translateY(-50%);}
.qna_after_css {content:''; display:block; position:absolute; top:50%; left:0; width:1.2rem; height:1.2rem; background-size:1.2rem auto; transform:translateY(-50%);}
.qna_list > li .qna_txt > p {font-size:0.7rem; color:#333333; line-height:1rem; letter-spacing:-1px;}
.qna_list > li .qna_txt > .btn_answer {position:absolute; top:50%; right:0; width:1.2rem; height:1.2rem; background:url('../img/btn_down.png') right center no-repeat; background-size:1.2rem auto; transform:translateY(-50%); z-index:1;}
.qna_list > li .qna_txt > .btn_answer > span {display:inline-block; text-indent:-9999px;}
.qna_list > li .qna_content {display:none; margin:0 -1.2rem; background-color:rgba(0,149,145,0.03);}
.qna_list > li .qna_content .cont_wrap {position:relative; padding:1.2rem 1.2rem 1.2rem 2.85rem;}
.qna_list > li .qna_content .cont_wrap:after {content:''; display:block; position:absolute; top:1.15rem; left:1.15rem; width:1.3rem; height:1.3rem; background:url('../img/img_qna_a.png') left top no-repeat; background-size:1.3rem;}
.qna_list > li .qna_content .txt > p {font-size:0.7rem; color:#000000; line-height:1rem; letter-spacing:-1px;}
.qna_list > li .qna_content .txt > p > em {color:#009591;}
.qna_list > li .qna_content .txt > p + .bullet_bar,
.qna_list > li .qna_content .txt > .bullet_bar + p {padding-top:0.2rem;}
.qna_list > li .qna_content .txt > p + p {padding-top:0.3rem;}
.qna_list > li .qna_content .txt + .txt {padding-top:1rem;}
.qna_list > li .qna_content .txt .bullet_bar li {font-size:0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px;}
.qna_list > li .qna_content .txt .bullet_bar li em {color:#009591;}
.qna_list > li .qna_content .txt .list_number_circle.style2 li .bullet_bar li:before {display:none}
.qna_list > li .qna_content .txt .list_number_circle.style2 li .bullet_bar li {padding-left:0.5rem; font-size: 0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px;}
.qna_list > li.active {border-bottom:0;}
.qna_list > li.active .qna_txt:after {background:url('../img/img_qna_active.png') left top no-repeat; background-size:1.2rem auto;}
.qna_list > li.active .qna_txt > p {font-weight:500; color:#009591;}
.qna_list > li.active .qna_txt > .btn_answer {background:url('../img/btn_up.png') right center no-repeat; background-size:1.2rem auto;}
/* 금리인하요구제도 */
.notify .desc_content .txt + .txt {margin-top:0.2rem;}
.notify .desc_content .txt .box_round {margin-top:0.3rem;}
.notify .desc_content .txt .box_round > span {display:block; padding-bottom:0.4rem; font-weight:500;}
.notify .desc_content .txt p {color:#666666; word-break:break-all;}
.notify .desc_content .txt p + p {padding-top:0.3rem;}
.notify .desc_content .txt .desc_list + p {padding-top:0.3rem;}
.notify .desc_content .txt em + .desc_list,
.notify .desc_content .txt p + .desc_list {margin-top:0.3rem;}
/* 개인정보처리(취급)방침 */
.notify .revision_list {position:relative;}
.notify .revision_list > li {display:flex; flex:1 1 auto; align-items:center; justify-content:space-between;}
.notify .revision_list > li + li {margin-top:0.8rem;} 
.notify .revision_list > li > span {color:#666666;}
.notify .revision_list > li > .btn_lp_open {padding-right:1.2rem; background:transparent url('../img/bg_arrow_right_green.png') center right no-repeat; background-size:1.2rem auto; color:#009591;}


/*---------- 인증센터 ----------*/
/* 인증센터 */
.certification_list {margin:-0.6rem;}
.certification_list:after {content:''; display:block; clear:both;  justify-content:space-between;}
.certification_list > li {display:block; float:left; width:calc(100% / 2); padding:0.95rem 0.75rem;}
.certification_list > li > .inner_box {position:relative; padding-top:100%; border-radius:1rem; background:#ffffff; -webkit-box-shadow: 3px 4px 7px 2px rgba(0,0,0,0.1); -moz-box-shadow: 3px 4px 7px 2px rgba(0,0,0,0.1); box-shadow: 3px 4px 7px 2px rgba(0,0,0,0.1);}
.certification_list > li > .inner_box > a {display:block; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center;}
.certification_list > li > .inner_box > a span {display:block; position:relative; padding-top:66%; font-size:0.7rem; font-weight:500; color:#000000; line-height:1.1rem; letter-spacing:-0.5px;}
.certification_list > li > .inner_box > a em {font-family:'Roboto'; font-weight:500;}
.certification_list > li > .inner_box > a span:after {content:''; display:block; position:absolute; top:45%; left:50%; width:2.7rem; height:2.7rem; z-index:0; transform:translate(-50%, -40%);}
.certification_list > li > .inner_box.item1 a span:after {background:url('../img/ico_bio.png') center no-repeat; background-size:100%;}
.certification_list > li > .inner_box.item2 a span:after {background:url('../img/ico_pattern.png') center no-repeat; background-size:100%;}
.certification_list > li > .inner_box.item3 a span:after {background:url('../img/ico_number.png') center no-repeat; background-size:100%;}
.certification_list > li > .inner_box.item4 a span:after {background:url('../img/ico_mob_otp.png') center no-repeat; background-size:100%;}
.certification_list > li > .inner_box.item5 a span:after {background:url('../img/ico_otp.png') center no-repeat; background-size:100%;}
.certification_list > li > .inner_box.item6 a span:after {background:url('../img/ico_certify.png') center no-repeat; background-size:100%;}
.certification_list > li > .inner_box.item7 a span:after {background:url('../img/new/ico_certify2.png') center no-repeat; background-size: 100%;}
/* 25-06 아이콘 추가 */
.certification_list > li > .inner_box.item8 a span:after {background:url('../img/new/ico_acc.png') center no-repeat; background-size: 100%;}
.certification_list > li > .inner_box.item9 a span:after {background:url('../img/new/ico_card.png') center no-repeat; background-size: 100%;}

/* otp */
.depth_wrap {position:relative;}
.depth_header {display:flex; position:relative; flex-direction:column; width:100%; min-height:9.8rem; padding:2rem 1.2rem; background:#ffffff; text-align:center; justify-content:center;}
.depth_header .img_wrap {width:3rem; height:3rem; margin:0 auto 0.4rem;}
.depth_header .img_wrap > img {width:100%;}
.depth_header .tit {position:relative; padding-top:3.4rem; font-size:0.9rem; font-weight:500; line-height:1.2rem; letter-spacing:-1px;}
.depth_header .tit:after {content:''; display:block; position:absolute; top:0; left:50%; width:3rem; height:3rem; transform:translateX(-50%);}
.depth_header .tit.item1:after {background:url('../img/ico_otp.png') center no-repeat; background-size:100%;}
.depth_header .tit.item2:after {background:url('../img/ico_mob_otp.png') center no-repeat; background-size:100%;}
.depth_header .tit.item3:after {background:url('../img/ico_bio.png') center no-repeat; background-size:100%;}
.depth_header .tit.item4:after {background:url('../img/ico_number.png') center no-repeat; background-size:100%;}
.depth_header .tit.item5:after {background:url('../img/ico_pattern.png') center no-repeat; background-size:100%;}
.depth_header .tit.item6:after {background:url('../img/ico_certify.png') center no-repeat; background-size:100%;}
.depth_header .tit.item7:after {background:url('../img/new/ico_certify2.png') center no-repeat; background-size:100%;}
.depth_header.style2 {height:6.4rem; text-align:left;}
.depth_header.style2 .tit {padding-top:0;}
.depth_content {position:relative;}
.depth_content .depth_list {position:relative;}
.depth_content .depth_list > li {border-bottom:1px solid #eeeeee;}
.depth_content .depth_list > li > a {display:block; position:relative; min-height:3.6rem; padding:0 2.5rem 0 1.2rem; line-height:3.6rem;}
.depth_content .depth_list > li > a:after {content:''; display:block; position:absolute; top:50%; right:1.2rem; width:1.2rem; height:1.2rem; background:url('../img/bg_arrow_right_black.png') center no-repeat; background-size:100%; transform:translateY(-50%);}
.depth_content .depth_list > li .txt > span {display:inline-block; font-size:0.8rem; color:#000000; line-height:1.1rem; letter-spacing:-1px; vertical-align:middle;}
.depth_content .depth_list > li .txt .btn_popover {display:inline-block; position:relative; z-index:3; width:1.2rem; height:1.2rem; background:url('../img/ico_tooltip.png') 50% 50% no-repeat; background-size:1.2rem; vertical-align:middle;}
.depth_wrap + .desc_wrap,
.input_list + .desc_wrap,
.box_round + .desc_wrap {margin-top:0.8rem;}
/* 타기관otp등록 */
.certification .desc_wrap .desc_content .desc_list li.fm {color:#000000;}
/* popover (tooltip) */
.popover_wrap {position:absolute; top:2.9rem; left:1.2rem; z-index:10;}
.popover_wrap .popover {position:relative; width:100%; line-height:1rem;}
.popover_wrap .popover_content {min-height:100%; padding:0.8rem; border:1px solid #000000; border-radius:0.3rem; background:#ffffff; -webkit-box-shadow:2px 2px 8px 0px rgba(0,0,0,0.1); -moz-box-shadow:2px 2px 8px 0px rgba(0,0,0,0.1); box-shadow:2px 2px 8px 0px rgba(0,0,0,0.1);}
.popover_wrap .popover_content .txt {font-size:0.6rem; color:#666666; line-height:0.9rem; letter-spacing:-1px; word-break:break-all;}
.popover_wrap .popover_content .txt.fm {font-weight:500; color:#000000;}
.popover_wrap .popover_content .desc_list {padding-top:0.3rem; font-size:0.6rem; color:#666666; line-height:0.9rem; letter-spacing:-1px; word-break:break-all;}
.popover_wrap .popover_content .desc_list li {margin:0;}
.popover_wrap .popover_footer {position:absolute; top:0.4rem; right:0.4rem; z-index:1;}
.popover_wrap .popover_footer .btn_popClose {display:inline-block; width:1rem; height:1rem; background:url('../img/btn_popover_close.png') center no-repeat; background-size:0.8rem; text-indent:-9999px;}
/* 일회용pin번호 */
.pin_regi_number {display:flex; align-items:center; height:calc(100vh - 2.8rem - 2rem - 6rem - 4.8rem); min-height:7rem; margin-top:-1rem; border-radius:0.3rem; background:#f9f9fb;}
.pin_regi_number > .cont {width:100%; text-align:center;}
.pin_regi_number strong {display:block; font-size:2.8rem; font-weight:500; text-align:center; font-family:'Roboto'; letter-spacing:-0.5px;}
.pin_regi_number span.time {display:inline-block; padding-top:0.5rem; font-family:'Roboto'; font-size:12px; color:#ed1651; letter-spacing:-0.75px;}
/* 모바일otp  */
.certification .num_wrap {padding:1.2rem 0; text-align:center;}
.certification .num_wrap > em {display:block; font-family:'Roboto'; font-size:1.6rem; font-weight:500; line-height:1.9rem; letter-spacing:-0.5px;}
.certification .num_wrap > span.time {display:inline-block; padding-top:0.5rem; font-family:'Roboto'; font-size:12px; line-height:14px; color:#ed1651; letter-spacing:-0.75px;}
.arrow_btn {margin-top:1rem; text-align:center;}
.arrow_btn button {padding-right:1.2rem; color:#666666; font-size:0.7rem; line-height:1.2rem; background:transparent url('../img/bg_arrow_right_gray.png') right 50% no-repeat; background-size:1.2rem auto;}
/* 모바일otp 인증  */
.otp_regi_number {display:flex; align-items:center; height:calc(100vh - 2.8rem - 2rem - 6rem - 4.2rem); min-height:7rem; border-radius:0.3rem; background:#f9f9fb;}
.otp_regi_number > .cont {width:100%; text-align:center;}
.otp_regi_number strong {display:block; font-size:2.4rem; font-weight:500; text-align:center; font-family:'Roboto'; letter-spacing:-0.5px;}
/* 모바일otp - 안내 */
.certification .motp_info {padding-bottom:1.6rem; }
.certification .motp_info ul {border-top:1px solid #000000;}
.certification .motp_info ul:after {content:''; display:block; clear:both;}
.certification .motp_info ul li {position:relative; float:left; width:calc(100% /2); padding-top:32%; border-bottom:1px solid #eeeeee;}
.certification .motp_info ul li:nth-child(2n) {border-left:1px solid #eeeeee;}
.certification .motp_info ul li .inner {position:absolute; left:0; top:28%; z-index:1; width:100%; height:100%; text-align:center; font-weight:500; color:#000000; font-size:0.7rem; line-height:1rem;}
.certification .motp_info ul li .inner em {display:block; font-family:'Roboto';}
.certification .motp_info ul li .inner span {font-weight:normal;}
.certification .motp_info ul li div.hanaLogo {display:inline-block; padding-left:1.1rem; background:url('../img/logo_hana.png') left 50% no-repeat; background-size:1rem auto;}
.certification h3.cert {padding-bottom:0.8rem; font-size:0.8rem; line-height:1.1rem; font-weight:500; color:#000000;}
.certification p.cert_txt {margin-top:1rem; padding-bottom:0.8rem; font-size:0.7rem; line-height:1rem; font-weight:500; color:#000000;}
/* 공동인증서 메뉴선택 */
.certification .depth_header .cert_view {display:block; min-height:1.5rem; margin:0.8rem auto 0; padding:0 0.4rem; border:1px solid #009591; border-radius:0.2rem; background:#ffffff; line-height:1.4rem; text-align:center;}
.certification .depth_header .cert_view > span {font-size:0.7rem; color:#009591; letter-spacing:-1px;}
/* 공동인증서 인증서안내 */
.certification_sec + .certification_sec {margin-top:2rem;}
.certification .table_tit {margin:1rem 0 0.3rem;}
.cert_wrap {position:relative;}
.cert_wrap .txt {font-size:0.7rem; color:#000000; line-height:1rem; letter-spacing:-1px; word-break:break-all;}
.cert_wrap .txt + .txt {margin-top:1.1rem;}
.cert_wrap .txt .cert_link {display:block; position:relative; font-weight:500; color:#000000; line-height:1.1rem;}
.cert_wrap .txt .cert_link:after {content:''; display:block; position:absolute; top:0; right:0; width:1.2rem; height:1.2rem; background:url('../img/bg_arrow_right_black.png') 50% 50% no-repeat; background-size:100%;}
.cert_wrap .box_round {margin-top:0.3rem;}
.cert_wrap .box_round > p {color:#666666;}
.cert_wrap .box_round .bullet_bar > li {color:#666666;}
/* 인증서 발급/재발급 약관동의 */
.certification .bottom_agree_wrap {display:flex; flex-direction:column; justify-content:flex-end; min-height:calc(100vh - 1.6rem - 2rem - 6.8rem - 4.6rem);}
/* 모바일opt 타이머 팝업 */
.popup_wrap .popup.timer {border:1px solid #009591;}
.popup_wrap .popup.timer .popup_header {padding:1.5rem 1rem 0;}
.popup_wrap .popup.timer .popup_content {padding:1rem;}
.popup_wrap .popup.timer .btn_txt {padding-bottom:1.5rem;}
.timer_wrap {position:relative; width:4.5rem; height:4.5rem; margin:0 auto;}
.timer_wrap .timer_num {position:absolute; top:50%; left:50%; font-family:'Roboto'; font-size:1.8rem; font-weight:500; color:#000000; letter-spacing:-0.5px; transform:translate(-50%, -50%); z-index:5;}
.timer_circle {position:absolute;  overflow:hidden; width:4.5rem; height:4.5rem; border-radius:50%;}
.timer_circle:after {content:''; display:block; position:absolute; border-radius:50%; background:#fff;}
.timer_circle .spin {display:block; position:relative; overflow:hidden; float:left; height:100%; width:50%;}
.timer_circle .spin span {display:block; position:absolute; right:1px; top:0; width:0; height:0; border-radius:50%; border:4px solid #009591; border-bottom-color:transparent; border-left-color:transparent; transform:rotate(225deg);}
.timer_circle .spin span {/*animation-duration:4s;*/ animation-delay:1s; animation-iteration-count:1; animation-timing-function:linear;}
.timer_circle .spin:first-child {transform:rotate(180deg);}
.timer_circle .spin:first-child span {animation-name:spin1;}
.timer_circle .spin:last-child span {animation-name:spin2;}
.timer_circle.minute {top:0; left:0; width:4.5rem; height:4.5rem; background:#eeeeee;}
.timer_circle.minute:after {top:0.25rem; left:0.25rem; width:4rem; height:4rem;}
.timer_circle.minute .spin span {border-top-color:#009591; border-right-color:#009591; border-width:2.25rem; /*animation-duration:10s;*/}
/* 하나 원사인 */
/*CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, color/font, align, backgroun etc*/
.one_sign_list{}
.one_sign_list > ul > li{margin-top:0.75rem; border:1px solid #cccccc; -webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem; overflow:hidden}
.one_sign_list > ul > li:first-child{margin-top:0}
.one_sign_list > ul > li > button, .one_sign_list > ul > li > a{display:block; width:100%; line-height:3rem; padding-left:3.1rem; color:#000000; font-size:0.8rem; font-weight:500; text-align:left; background:#ffffff}
.one_sign_list > ul > li > .list1{background:url('../img/ico_onesign01.png') no-repeat 1rem 50%; background-size:1.4rem}
.one_sign_list > ul > li > .list2{background:url('../img/ico_onesign02.png') no-repeat 1rem 50%; background-size:1.4rem}
.one_sign_list > ul > li > .list3{background:url('../img/ico_onesign03.png') no-repeat 1.2rem 50%; background-size:0.8rem}
.btn_face{padding:1.1rem 1.2rem; background:linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(108deg, rgb(22, 160, 119) 0%, rgba(22, 160, 119, 0) 53%), linear-gradient(108deg, rgba(0, 149, 145, 0) 47%, rgb(0, 116, 149) 100%), linear-gradient(to bottom, rgb(0, 149, 145), rgb(0, 149, 145))}
.btn_face p{font-size:0.8rem; color:#ffffff; font-weight:500}
.btn_face div{position:absolute; top:50%; right:1.2rem; width:2.4rem; height:1.1rem; margin-top:-0.55rem; background:#ffffff; -webkit-border-radius:0.75rem; -moz-border-radius:0.75rem; border-radius:0.75rem;}
.btn_face div input[type="checkbox"]{position:absolute; left:0; top:0; z-index:1; overflow:hidden; width:0; height:0; font-size:0; line-height:0}
.btn_face div input[type="checkbox"] + label{display:block; width:100%; height:100%}
.btn_face div input[type="checkbox"] + label:before{display:block; content:""; clear:both; position:absolute; top:50%; left:0.2rem; right:auto; width:0.7rem; height:0.7rem; margin-top:-0.35rem; background:#dbdbdb; -webkit-border-radius:0.7rem; -moz-border-radius:0.7rem; border-radius:0.7rem}
.btn_face div input[type="checkbox"]:checked + label:before{background:linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(108deg, rgb(22, 160, 119) 0%, rgba(22, 160, 119, 0) 53%), linear-gradient(108deg, rgba(0, 149, 145, 0) 47%, rgb(0, 116, 149) 100%), linear-gradient(to bottom, rgb(0, 149, 145), rgb(0, 149, 145)); left:auto; right:0.2rem}
.btn_face div input[type="checkbox"] + label:after{display:block; content:"OFF"; clear:both; position:absolute; top:0rem; left:1.15rem; line-height:1.1rem; font-size:0.5rem; font-weight:500; color:#666666}
.btn_face div input[type="checkbox"]:checked + label:after{display:block; content:"ON"; clear:both; left:0.4rem; color:#000000}
.one_sign_box {background:#F3FBFB url("../../common/img/ico_face.png")no-repeat right; background-position-y:calc(50% + 3px); padding:1.1rem 1.25rem; border-radius:0.4rem; margin-bottom:0.8rem;}
.one_sign_box > strong {display:block; font-size:0.9rem; font-weight:500; line-height:1.2rem; margin-top:0.3rem;}
.saving_face > li:first-child{text-align:center}
.saving_face > li > strong {display:block; font-weight:500; text-align:left}
.saving_face > li > p{margin:0.3rem 0 0 -1.5rem; text-align:left}
.saving_face > li > img{margin-left:-0.75rem}
.desc_list li > ul.bullet_bar {margin-top:0.2rem;}
.desc_list li > ul.bullet_bar > li::after {top: 0.5rem; z-index: 1; width: 3.5px; height: 1px; background:#666666}
/* 하나 원사인 */
@keyframes spin1 {
	0% {transform: rotate(225deg);}
	50% {transform: rotate(225deg);}
	100% {transform: rotate(405deg);}
}
@keyframes spin2 {
	0% {transform: rotate(225deg);}
	50% {transform: rotate(405deg);}
	100% {transform: rotate(405deg);}
}


/*---------- 나의정보 ----------*/
.myinfo .form_wrap {display:flex; justify-content:space-between; align-items:center;}
.myinfo .form_wrap .txt {font-size:0.7rem; font-weight:500; color:#000000; line-height:1rem; letter-spacing:-1px;}
.myinfo .form_wrap .radio_wrap,
.myinfo .form_wrap .check_wrap {display:inline-block;}
.myinfo .form_wrap .check_group .check_wrap + .check_wrap,
.myinfo .form_wrap .radio_group .radio_wrap + .radio_wrap {margin-left:1rem;}
/* 손님정보변경 */
.myinfo .input_wrap .popover_wrap {position:absolute; top:1.3rem; left:0; width:100%;}
.myinfo .input_wrap .popover_wrap .popover_content {width:100%;}
/* 변경대상 금융기관 선택 */
.financial_wrap {display:block; position:relative;}
.financial_wrap p.txt {padding-bottom:0.3rem; font-size:0.7rem; font-weight:500; color:#000000; line-height:1rem; letter-spacing:-1px;}
.financial_wrap .box_round {position:relative; width:100%; height:7.6rem; padding:0.7rem 0.8rem; background:#f9f9fb; overflow-y:auto;}
.financial_wrap .financial_nolist {position:absolute; top:50%; left:50%; width:100%; height:auto; transform:translate(-50%, -50%);}
.financial_wrap .financial_nolist > .no_list {text-align:center;}
.financial_wrap .financial_nolist > .no_list:after {display:none;}
.financial_wrap .financial_nolist > .no_list > .txt {display:inline-block; position:relative; margin-bottom:0.65rem; padding-left:1.2rem; font-weight:normal; color:#000000;}
.financial_wrap .financial_nolist > .no_list > .txt:after {content:''; display:block; position:absolute; top:50%; left:0; width:1.2rem; height:1.2rem; background:url('../img/ico_search.png') 50% 50% no-repeat; background-size:100% auto; transform:translateY(-50%);}
.financial_wrap .financial_nolist > .no_list .btn_search {width:3.45rem; height:1.6rem; border-radius:0.2rem; background:#16a077;}
.financial_wrap .financial_nolist > .no_list .btn_search > span {color:#ffffff;}
.financial_wrap .financial_list {position:relative;}
.financial_wrap .financial_list .item {font-size:0.7rem; line-height:1rem; letter-spacing:-1px;}
.financial_wrap .financial_list .item + .item {margin-top:0.7rem;}
.financial_wrap .financial_list .item .tit {font-weight:500; color:#111111;}
.financial_wrap .financial_list .item .txt {font-weight:normal; color:#666666;}
.financial_wrap .btn_txt {position:absolute; top:0; right:0; z-index:1;}
.myinfo.financial .agree_wrap ul.agree_list > li > .check_wrap label {background:none;}
/* 금융주소 변경 완료 */
.myinfo .result_cont .con {width:7.5rem;}
.myinfo .result_cont .ex {padding-top:0.2rem; font-size:0.6rem; line-height:0.9rem; text-align:center;}
.myinfo .form_wrap .check_group .check_wrap > label,
.myinfo .form_wrap .radio_group .radio_wrap > label {font-weight:normal; color:#666666;}
.check_select .agree_list .check_wrap > label {font-weight:normal;}


/*---------- 공통 step UI ----------*
/* 대출, 상품(대출), 상품(예적금) step */
.step_wrap {display:block; position:relative; height:4.2rem; margin-top:-2rem; margin-bottom:2rem; border-bottom:1px solid #eeeeee; background:#ffffff; overflow:hidden;}
.step_wrap ol {display:flex; flex-wrap:nowrap; margin:auto; padding:0.5rem 0 1.5rem; align-items:center; justify-content:space-between; overflow-x:auto;}
.step_wrap ol li {position:relative; min-width:0 !important; width:calc(100% / 3); padding:1.6rem 0 0; font-size:0.6rem; font-weight:500; line-height:0.9rem; color:#666666; text-align:center;}
.step_wrap ol li > strong {font-weight:500;}
.step_wrap ol li:before {content:''; display:block; position:absolute; left:50%; top:0; z-index:2; width:1.4rem; height:1.4rem; margin-left:-0.7rem; border:1px solid #dddddd; border-radius:50%; background-color:#ffffff; background-position:50% 50%; background-size:1.4rem auto;}
.step_wrap ol li:after {content:''; display:block; position:absolute; left:50%; top:0.7rem; z-index:1; width:100%; height:1px; background-color:#dddddd;}
.step_wrap ol li:last-child:after {display:none;}
.step_wrap ol li.active {color:#009591;}
.step_wrap ol li.active:before {border:none; background-color:#009591;}
/* step icon */
.step_wrap ol li.ico1:before {background-image:url('../img/ico_step1.png');}
.step_wrap ol li.active.ico1:before {background-image:url('../img/ico_step1_on.png');}
.step_wrap ol li.ico1_2:before {background-image:url('../img/ico_step1_2.png');}
.step_wrap ol li.active.ico1_2:before {background-image:url('../img/ico_step1_2_on.png');}
.step_wrap ol li.ico2:before {background-image:url('../img/ico_step2.png');}
.step_wrap ol li.active.ico2:before {background-image:url('../img/ico_step2_on.png');}
.step_wrap ol li.ico3:before {background-image:url('../img/ico_step3.png');}
.step_wrap ol li.active.ico3:before {background-image:url('../img/ico_step3_on.png');}
.step_wrap ol li.ico3_2:before {background-image:url('../img/ico_step3_2.png');}
.step_wrap ol li.active.ico3_2:before {background-image:url('../img/ico_step3_2_on.png');}
.step_wrap ol li.ico3_3:before {background-image:url('../img/ico_step3_3.png');}
.step_wrap ol li.active.ico3_3:before {background-image:url('../img/ico_step3_3_on.png');}
.step_wrap ol li.ico4:before {background-image:url('../img/ico_step4.png');}
.step_wrap ol li.active.ico4:before {background-image:url('../img/ico_step4_on.png');}
.step_wrap ol li.ico5:before {background-image:url('../img/ico_step5.png');}
.step_wrap ol li.active.ico5:before {background-image:url('../img/ico_step5_on.png');}
.step_wrap ol li.ico6:before {background-image:url('../img/ico_step6.png');}
.step_wrap ol li.active.ico6:before {background-image:url('../img/ico_step6_on.png');}
.step_wrap ol li.ico7:before {background-image:url('../img/ico_step7.png');}
.step_wrap ol li.active.ico7:before {background-image:url('../img/ico_step7_on.png');}
.step_wrap ol li.complete:before {border:none; background:transparent url('../img/ico_step_complete.png') left top no-repeat; background-size:1.4rem auto;}
/* step 간격 */
.loan .step_wrap {margin-left:-1.2rem; margin-right:-1.2rem;}
.product .step_wrap {margin-left:-1.2rem; margin-right:-1.2rem;}
.loan.f109 .loanAccount_top .step_wrap {margin-top:0;}
.mh100p .result_view .step_wrap {position:absolute; left:0; top:2.8rem; z-index:1; width:100%; margin:0;}
.mh100p .result_view .step_wrap + .title_area {padding:0;}
.has_bottomBtn .step_wrap {margin-left:-1.2rem; margin-right:-1.2rem;}

/* 24-09 사장님 혜택 가능 보통예금 진행률 추가 kcg*/
.columnDirec{width: 200px; position: absolute; top: 50px; left: 50px;} 
.columnDirec img{width: 100%;}

/* 에러페이지 */
.error_wrap {position:absolute; top:50%; left:50%; width:100%; z-index:1; transform:translate(-50%, -70%);}
.error_meg {position:relative; padding-top:6rem; text-align:center;}
.error_meg.error1 {background:url('../img/img_400_error.png') center top no-repeat; background-size:7.5rem auto;}
.error_meg.error2 {background:url('../img/img_500_error.png') center top no-repeat; background-size:7.5rem auto;}
.error_meg.error3 {background:url('../img/img_system_error.png') center top no-repeat; background-size:7.5rem auto;}
.error_meg > em {display:inline-block; font-size:1rem; font-weight:500; color:#000000; line-height:1.3rem;}
.error_meg > p {margin-top:0.4rem; font-size:0.7rem; color:#666666; line-height:1rem;}

/* 신분증촬영 */
.id_card .idcard_process {position:relative}
.id_card .idcard_process .img_wrap {width:100%; height:8.3rem; text-align:center;}
.id_card .idcard_process .img_wrap > img {max-width:100%; height:100%;}
.id_card .idcard_process .list_number_circle {margin-top:2rem;}
.id_card .idcard_process .list_number_circle > li {margin-top:1rem; font-weight:500;}
.id_card .idcard_prev {position:relative}
.id_card .idcard_prev .img_wrap {max-width:100%; border-radius:0.4rem; text-align:center;}
.id_card .idcard_prev .img_wrap > img {max-width:100%;}
.id_card .input_list {margin-top:1.2rem;}
.id_card .input_list .desc {margin-top:0.8rem; font-size:0.7rem; color:#666666; line-height:1rem;}

/* 주소찾기, 직장검색 */
.pop_address .com_search_result_list ul > li > a {padding:0.8rem 1.5rem 0.8rem 0.4rem; background:url('../img/bg_arrow_right_gray.png') center right no-repeat; background-size:1.2rem auto;}
.pop_address .desc_wrap .desc_list > li > span.fs12 {display:block;}
.pop_address .ad_search_result_list .tab_content ul > li > a {padding:0.8rem 1.5rem 0.8rem 0.4rem; background:url('../img/bg_arrow_right_gray.png') center right no-repeat; background-size:1.2rem auto;}


/* 약관 */
.terms {font-size:0.7rem; line-height:1.5;}
.terms h2 {margin-bottom:1rem; text-align:center; font-size:1rem; font-weight:bold; color:#000000;}
.terms h3, .terms h4 {margin-bottom:1rem; font-size:0.8rem; font-weight:500; color:#000000;}
.terms p {margin-bottom:0.5rem; color:#333333;}
.terms .title {font-weight:bold; color:#000000;}
.terms .dep2 {margin:-0.2rem 0 0.5rem 0.5rem; color:#555555;}
.terms .dep2 li {margin-bottom:0.3rem;}
.terms .input_wrap {margin:0.5rem 0;}
.terms .terms_section {margin-bottom:2rem;}
.terms .terms_section:first-child {margin-bottom:0;}
.terms .terms_section .title {margin-top:1.5rem;}
.terms .terms_section h3 + .title {margin-top:0;}
.terms .sm {color:#555555; font-size:0.6rem;}
.terms .mt10 {margin-top:0.5rem;}
.terms .mt15 {margin-top:0.75rem;}
.terms .mt20 {margin-top:1.0rem;}
.terms .mt25 {margin-top:1.25rem;}
.terms .mt30 {margin-top:1.5rem;}
.terms .color555 {color:#555555;}
.terms .fs12 {margin-top:1.5rem;}
.terms .acc {color:#ed1651;}
.terms .check_list {}
.terms .check_list .check_wrap {margin-bottom:0.5rem;}
.terms .table_wrap {margin:0.5rem 0; border-top:1px solid #000000;}
.terms table {font-size:0.7rem; word-break:break-all;}
.terms .table_row th {padding:0.3rem 0.2rem; border-bottom:1px solid #eeeeee; vertical-align:middle; color:#666666; text-align:left;}
.terms .table_row td {color:#000000; text-align:left; word-break:break-all; vertical-align:middle;}
.terms .table_col {text-align:center;}
.terms .table_col th, .terms .table_col td {padding:0.3rem 0.2rem; border-left:1px solid #eeeeee;}
.terms .table_col th {border-bottom:1px solid #cccccc; background:#f3f3f7; color:#333333;}
.terms .table_col td {border-bottom:1px solid #eeeeee; background:#ffffff; color:#666666; word-break:break-all;}
.terms .table_col tr th:first-child, 
.terms .table_col tr td:first-child {border-left:0;}
.terms .sub_cont {margin-bottom:1rem; border:1px solid #eaeaea;}
.terms .sub_cont h3.sub {padding:0.2rem 0.2rem; margin-bottom:0.5rem; font-size:0.7rem; font-weight:500; color:#000000; background:#eaeaea;}
.terms .sub_cont > div {padding:0. 0.3rem; margin-bottom:0.6rem;}
.terms .sub_cont label {padding-left:0.3rem; font-weight:normal;}
.terms.subs label {padding-left:0.3rem; font-weight:normal;}

/* PDF Viewer */
.pdfobject-container {width:100%; height:calc(100vh - 2.8rem - 5.8rem - 2rem);}
.pdfobject {border:1px solid #666666;}
.hidden {display:none;}
.success {color:#4F8A10; background-color:#DFF2BF;}
.fail {color:#D8000C; background-color:#FFBABA;}

/* App Download 임시 */
.hsb_logo {width:1.85rem; margin-bottom:3rem;}
.hsb_logo img {width:100%;}
h1.hsb {margin-bottom:1rem; font-size:1.2rem; line-height:1.6rem; color:#000000;}
.table_appdown {border-top:1px solid #000000;}
.table_appdown table {font-size:0.7rem; color:#666666;}
.table_appdown table th {padding:0.7rem 0; border-bottom:1px solid #cccccc; text-align:center; font-weight:bold; background:#f3f3f7;}
.table_appdown table td {padding:0.6rem 0; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; text-align:center;}
.table_appdown table td.num {border-left:0; background:#f3f3f7;}
button.btn_appdown {padding:0 0.5rem; margin-top:0.5rem; border:1px solid #009591; border-radius:0.2rem; font-size:0.7rem; line-height:1.4rem; color:#009591; background:#ffffff; letter-spacing:-1px; font-family:'NotoSans';}

/* Swiper 4.5.0 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}


/* 메인 공지 팝업 */
.main_notify {position:relative; height:100%;}
.main_notify .img_notify {height:100%; background-repeat:no-repeat; background-size:cover; background-position:center top;}
.main_notify .img_notify > img {max-width:100%;}
.main_notify .txt_notify {display:flex; flex-direction:column; justify-content:center; min-height:100%; padding:0 1.2rem 5.8rem; font-size:0.7rem; line-height:1.2rem;}

/* 전자금융신청 - 이벤트 중 말풍선 2021-01-22 */
.event_box {position:absolute; right:4rem; top:3.5rem; z-index:3; padding:0.5rem 0.75rem; border:1px solid #ff0000; border-radius:1rem; color:#ffffff; font-size:0.5rem; letter-spacing:0.5px; font-weight:500; background:#ff0000;}
.event_box:after {content:''; display:inline-block; position: absolute; left: 1rem; width:0; height:0; border-left:1rem solid transparent; border-right:1rem solid transparent; border-top:1rem solid #ff0000;}
.btn_wrap.double.event_box_wrap > button:nth-child(2) {float:right; width:calc(50% - 0.2rem); background:#009591}

/* 상품목록(예적금) - 이벤트 중 말풍선 2021-01-25 */
.event_box01 {position:absolute; right:4rem; top:4rem; z-index:3; padding:0.2rem 0.45rem; border:1px solid #ff0000; border-radius:1rem; color:#ffffff; font-size:0.5rem; letter-spacing:0.5px; font-weight:500; background:#ff0000;}
.event_box01:after {content:''; display:inline-block; position: absolute; left: 0.5rem; width:0; height:0; border-left:0.6rem solid transparent; border-right:0.2rem solid transparent; border-top:0.7rem solid #ff0000;}

/* 말풍선 위치 지정을 위한 기준 설정 : 각 상위 li로 말풍선 기준점 설정 2023-09-05 */
.info_content ul li {
	position: relative;
}
/* 예금 일부상품 숨김처리 위한 아코디언 레이아웃 2023-09-05 */
.display_none .arr_info_ {
	right: 50% !important;
	display: block;
    position: absolute;
    top: 50%;
    right: 0.1rem;
    z-index: 1;
    width: 1.2rem;
    height: 1.2rem;
    background: url(../img/btn_down.png) center no-repeat;
    background-size: 1.5rem auto;
    transform: translateY(-50%);
}
.display_none .arr_info_.active{
	background: url(../img/btn_up_green.png) center no-repeat;
    background-size: 1.5rem auto;
}
/* 적합성 판단 결과서 */
.title_under_margin { margin-bottom:0.5rem; margin-top: 0.5rem;}

.all_check2 {margin: 0.9rem 0.8rem;}
.all_check2 .btn_info {display:block; position:absolute; top:50%; right:0rem;  z-index:1; width:1.2rem; height:1.2rem; background:url('../img/btn_down.png') center no-repeat; background-size:1.2rem auto; transform:translateY(-50%);}
.all_check2 .btn_info > span {display:inline-block; text-indent:-9999px;}

/* 2022-08 비대면 해지*/
.cert_link2 {display:block; position:relative; font-weight:500; color:#000000; line-height:1.1rem;}
.cert_link2:after {content:''; display:block; position:absolute; top:0; right:0; width:1.2rem; height:1.2rem; background:url('../img/bg_arrow_right_black.png') 50% 50% no-repeat; background-size:100%;}


/* 이미지 버튼 2023-03-16 신규팝업 */

.btnImg{display:inline-block;width:100px;height:100px;background:no-repeat center;font-size:0;text-indent:-9999em}

/* popup 2023-03-16 신규팝업 */
#popup{overflow:hidden;} 
.popDim{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.3)}
.popWrap{position:relative;width:100%;height:100vh; background-color:#fff}
.popWrap .popTop{height: 20rem; background-color: #e2fdef; position: relative;}
.popWrap .popHeader{float: right; padding:20px 30px 30px}
.popWrap .popImg{position: absolute; width: 100%; top:70px;}
.popWrap .popImg img{margin: 0 auto; display: block; width: 13%;}
.popWrap .popTitle{text-align: center;}
/* .addTxt{display:inline-block;margin:3rem 0 0 0;font-size:2rem;color:#222; font-weight:500;line-height:1.3} 
.addTxt2{font-weight: 200; color: #666; font-size: 2.2rem;}
.popBot{padding:7rem 2rem; position: relative;}
.popBot .popBot_tit{font-size:2.4rem;text-align: center;font-weight: 500;line-height: 1.4;word-break: keep-all;}
 */
 .addTxt{display:inline-block;margin:3rem 0 0 0;font-size:1rem;color:#222; font-weight:500;line-height:1.3} 
.addTxt2{font-weight: 200; color: #666; font-size: 2.2rem;}
.popBot{padding:7rem 2rem; position: relative;}
.popBot .popBot_tit{font-size: 0.9rem;text-align: center;font-weight: 500;line-height: 1.4;word-break: keep-all;}

/* .popWrap .popSection{padding: 4rem 0 0 4rem; line-height: 5rem;}
.popWrap .popSection dt{font-size: 3rem;}
.popWrap .popSection dd{padding-left: 50px; font-weight: 100; font-size: 2.5rem; line-height: 3.8rem;} */
.popWrap .popbottom{position: fixed; bottom:0; width:75%; right:0; padding: 2rem;}
.popWrap .popbottom img{width: 100%;}

.popFooter{display:flex;bottom:-5rem;width:100%;height:7rem;background-color:#00a39e;text-align:center}
.popDim .popFooter{position:absolute;}
.popFooter .cancel{width:50%;background-color:#404b57}
.popFooter button{width:100%;height:100%;margin-left:0;font-size:2.5rem;color:#fff}

/* 2023-07-26 이벤트 페이지 추가 */
.addservice .event_info {font-family:'NotoSans', 'Roboto', 'AppleSDGothicNeo-Regular','sans-serif'; position:relative; width:100%; height:100%; padding:0rem 0 1rem;}
.event_info > img {width:100%; height: 100%;}
.event_link_wrap {padding:0.5rem 0.2rem 0.5rem; text-align: center;}
.event_link_wrap > a > img {display:inline-block; width:80%;}
.event_content {padding:1rem; height:100%; background-color: #F0F0F0;}
.event_content p {line-height:1.2rem; color:#808080;}
.event_content .event_red_font {color:red;}
.event_content_title {padding:1rem; background-color: #FFFFFF; border-top:solid 1px; border-bottom:solid 1px; border-color:#D4D4D4;}
.event_content_title span {font-size: small;}

/* 2023-10-10 온라인 설명의무 하단 상담채널 추가 */
.call_info{
	width: 100%;
	text-align: center;
	line-height: 24px;
	margin-top: 20px;
}
.call_info .flex{
	display: flex;
	width: 75%;
	margin: 0 auto;
	justify-content: space-around;
	margin-top: 15px;
}
.call_info .flex .flex_img_box{
	padding: 8px;
	border-radius: 50px;
	box-shadow: 2px 2px 4px rgba(0,0,0,.2);
}
.call_info .flex img{
	width: 42px;
}
.call_info .flex li span{
	font-size: 12px;
}

/* 23-11 온라인 설명의무 - 헤더영역 아이콘 추가 */
.header .btn_call{
	position: absolute;
	right: 30px;
	top: 10px;
	padding: 5px;
	border-radius: 50px;
	box-shadow: 2px 4px 6px rgba(0,0,0,.2);
}
.header .btn_call img{
	width: 26px;
}

/* 26-01 오픈뱅킹 안심차단 신청 / 계좌 정보 레이아웃 */
.qna_list > li .bank_txt {
  position: relative;
  padding: 1.2rem 2rem 1.2rem 1.2rem;
}

.qna_list > li .bank_txt .right{
  float: right;
}

.qna_list > li .bank_txt > p {
  font-size: 0.7rem;
  color: #333333;
  line-height: 1rem;
  letter-spacing: -1px;
}

.qna_list > li .bank_txt > .btn_answer {
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 1.2rem;
  height: 1.2rem;
  background: url('../img/btn_down.png') right center no-repeat;
  background-size: 1.2rem auto;
  transform: translateY(-50%);
  z-index: 1;
}

.qna_list > li .bank_txt > .btn_answer > span {
  display: inline-block;
  text-indent: -9999px;
}

.qna_list > li .line_txt{
  background: none;
  text-decoration: underline;
}

.qna_list > li .bank_txt.flex_box{
  display: flex;
  justify-content: space-between;
}

/* 계좌목록 여백 줄이기 */
.tab_content .account_list.pd_08 ul li{
  padding: 0.8rem 0 !important;
}