@charset "utf-8";

/* -------- base.css -------- */ 
/* hana-regular - korean_latin */ 
@font-face {
	font-family:'hana';
	font-style:normal;
	font-weight:normal; /* 400 */
	src: local('하나 L'), local('HANAL'),
	   url('fonts/HANAL.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('fonts/HANAL.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'hana';
	font-style:normal;
	font-weight:500; /* 500 */
	src: local('하나 M'), local('HANAM'),
	   url('fonts/HANAM.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('fonts/HANAM.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* -------- content.css -------- */
.no_list.ok:after {background-image:url('../img/img_character4.png'); background-size:contain}
.mark_tit {font-size:0.8rem; margin:1.2rem 0 0.4rem; font-weight:500;}
/* 2021-05-24 */
.list_style3{}
.list_style3 > li{margin-top:0.6rem; padding:0.7rem 0.8rem; border:1px solid #dddddd; -webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem}
.list_style3 > li:first-child{margin-top:0}
.error_meg.error4 {padding-top:11.75rem; background:url('../img/img_service_ready.png') center top no-repeat; background-size:13rem auto;} /* 2021-07-26 */
.error_meg.error4 p:first-child{font-size:0.8rem; color:#666666; margin:0 0 0.3rem}
.error_meg.error4 span.blue{color:#3691EE; font-weight:500; font-size:1.2rem}
.openB .list_style3 > li i ~ span{color:#666666}
.openB .list_style3 > li i + span ~ span{vertical-align:bottom; padding-left:0}
.openB .list_style3 > li i + span ~ span:before{display:none}
.openB .sub_depth.box .sub_depth2{padding-left:0} /* 2021-07-07 */
.openB .sub_depth.box .sub_depth2 .check_multi .check_wrap{width:33.3%} /* 2021-07-07 */

/* 오픈뱅킹대표계좌설정 */ 
.account_represent.openB{margin-top:-0.6rem}
.account_represent.openB ul li button.btn_open{display:block; width:100%; padding:0.6rem 0; text-align:left; background:#ffffff url('../../common/img/btn_down.png') right 50% no-repeat; background-size:1.2rem auto; border-bottom:1px solid #eeeeee}
.account_represent.openB ul li button.active{background-image:url('../img/btn_up.png'); border-bottom:none}
.account_represent.openB ul li button > span{font-size:0.9rem; font-weight:500}
.account_represent.openB ul li .check_wrap:last-child{margin-bottom:0}
.account_represent.openB ul li .check_wrap span.cate{display:inline-block; line-height:1.2rem; padding:0 0.35rem; -webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem; font-size:0.6rem; color:#ffffff;	 background:#009591}
.account_represent.openB ul li .check_wrap span.arrNum{font-size:0.7rem; font-weight:normal} /* 2021-06-15 */
.account_represent.openB ul li .check_wrap span.arrNum > em{font-weight:500} /* 2021-06-15 */
.account_represent.openB ul li .check_wrap span.arrNum > span{display:inline-block; font-size:0.7rem} /* 2021-06-15 */

/* 오픈뱅킹안내 */
.openB {}
.openB i[class $= 'logo']{display:inline-block; width:0.9rem; height:0.9rem; background-size:contain !important; vertical-align:middle}
.openB i[class $= 'logo'] ~ span{margin-left:0.25rem; font-size:0.7rem; color:#000000; vertical-align:middle}
.openB i[class $= 'logo'] + span ~ span{position:relative; padding-left:0.25rem}
.openB i[class $= 'logo'] + span ~ span:before{display:block; content:""; clear:both; position:absolute; top:0.35rem; left:0; width:1px; height:0.7rem; background:#666666} /* 2021-07-27 */
.openB .ico_000_logo{background:url('../../common/img/bank_logo/000.png') 50% 50% no-repeat} /* 2021-05-07 로고 이미지 경로 수정 */
.openB .ico_081_logo{background:url('../../common/img/bank_logo/081.png') 50% 50% no-repeat}
.openB .ico_050_logo{background:url('../../common/img/bank_logo/050.png') 50% 50% no-repeat}
.openB .ico_088_logo{background:url('../../common/img/bank_logo/088.png') 50% 50% no-repeat}
.openB .ico_004_logo{background:url('../../common/img/bank_logo/004.png') 50% 50% no-repeat}
.openB .ico_020_logo{background:url('../../common/img/bank_logo/020.png') 50% 50% no-repeat}
.openB .ico_003_logo{background:url('../../common/img/bank_logo/003.png') 50% 50% no-repeat}
.openB .ico_002_logo{background:url('../../common/img/bank_logo/002.png') 50% 50% no-repeat}
.openB .ico_011_logo{background:url('../../common/img/bank_logo/011.png') 50% 50% no-repeat}
.openB .ico_012_logo{background:url('../../common/img/bank_logo/012.png') 50% 50% no-repeat}
.openB .ico_007_logo{background:url('../../common/img/bank_logo/007_OB.png') 50% 50% no-repeat}
.openB .ico_023_logo{background:url('../../common/img/bank_logo/023.png') 50% 50% no-repeat}
.openB .ico_027_logo{background:url('../../common/img/bank_logo/027.png') 50% 50% no-repeat}
.openB .ico_030_logo{background:url('../../common/img/bank_logo/030.png') 50% 50% no-repeat}
.openB .ico_031_logo{background:url('../../common/img/bank_logo/031.png') 50% 50% no-repeat}
.openB .ico_032_logo{background:url('../../common/img/bank_logo/032.png') 50% 50% no-repeat}
.openB .ico_034_logo{background:url('../../common/img/bank_logo/034.png') 50% 50% no-repeat}
.openB .ico_035_logo{background:url('../../common/img/bank_logo/035.png') 50% 50% no-repeat}
.openB .ico_037_logo{background:url('../../common/img/bank_logo/037.png') 50% 50% no-repeat}
.openB .ico_039_logo{background:url('../../common/img/bank_logo/039.png') 50% 50% no-repeat}
.openB .ico_045_logo{background:url('../../common/img/bank_logo/045.png') 50% 50% no-repeat}
.openB .ico_048_logo{background:url('../../common/img/bank_logo/048.png') 50% 50% no-repeat}
.openB .ico_054_logo{background:url('../../common/img/bank_logo/054.png') 50% 50% no-repeat}
.openB .ico_055_logo{background:url('../../common/img/bank_logo/055.png') 50% 50% no-repeat}
.openB .ico_064_logo{background:url('../../common/img/bank_logo/064.png') 50% 50% no-repeat}
.openB .ico_071_logo{background:url('../../common/img/bank_logo/071.png') 50% 50% no-repeat}
.openB .ico_089_logo{background:url('../../common/img/bank_logo/089.png') 50% 50% no-repeat}
.openB .ico_090_logo{background:url('../../common/img/bank_logo/090.png') 50% 50% no-repeat}
.openB .ico_270_logo{background:url('../../common/img/bank_logo/270.png') 50% 50% no-repeat}
.openB .ico_218_logo{background:url('../../common/img/bank_logo/218.png') 50% 50% no-repeat}
.openB .ico_225_logo{background:url('../../common/img/bank_logo/225.png') 50% 50% no-repeat}
.openB .ico_278_logo{background:url('../../common/img/bank_logo/278.png') 50% 50% no-repeat}
.openB .ico_247_logo{background:url('../../common/img/bank_logo/247.png') 50% 50% no-repeat}
.openB .ico_238_logo{background:url('../../common/img/bank_logo/238.png') 50% 50% no-repeat}
.openB .ico_243_logo{background:url('../../common/img/bank_logo/243.png') 50% 50% no-repeat}
.openB .ico_240_logo{background:url('../../common/img/bank_logo/240.png') 50% 50% no-repeat}
.openB .ico_269_logo{background:url('../../common/img/bank_logo/269.png') 50% 50% no-repeat}
.openB .ico_261_logo{background:url('../../common/img/bank_logo/261.png') 50% 50% no-repeat}
.openB .ico_279_logo{background:url('../../common/img/bank_logo/279.png') 50% 50% no-repeat}
.openB .ico_287_logo{background:url('../../common/img/bank_logo/287.png') 50% 50% no-repeat}
.openB .ico_264_logo{background:url('../../common/img/bank_logo/264.png') 50% 50% no-repeat}
.openB .ico_267_logo{background:url('../../common/img/bank_logo/267.png') 50% 50% no-repeat}
.openB .ico_266_logo{background:url('../../common/img/bank_logo/266.png') 50% 50% no-repeat}
.openB .ico_265_logo{background:url('../../common/img/bank_logo/265.png') 50% 50% no-repeat}
.openB .ico_268_logo{background:url('../../common/img/bank_logo/268.png') 50% 50% no-repeat}
.openB .ico_262_logo{background:url('../../common/img/bank_logo/262.png') 50% 50% no-repeat}
.openB .ico_209_logo{background:url('../../common/img/bank_logo/209.png') 50% 50% no-repeat}
.openB .ico_227_logo{background:url('../../common/img/bank_logo/227.png') 50% 50% no-repeat}
.openB .ico_263_logo{background:url('../../common/img/bank_logo/263.png') 50% 50% no-repeat}
.openB .ico_280_logo{background:url('../../common/img/bank_logo/280.png') 50% 50% no-repeat}
.openB .ico_292_logo{background:url('../../common/img/bank_logo/292.png') 50% 50% no-repeat}
.openB .ico_290_logo{background:url('../../common/img/bank_logo/290.png') 50% 50% no-repeat}
.openB .ico_291_logo{background:url('../../common/img/bank_logo/291.png') 50% 50% no-repeat}
.openB .ico_092_logo{background:url('../../common/img/bank_logo/092.png') 50% 50% no-repeat} /* 2021-07-27 */
.openB .ico_050_001_logo{background:url('../../common/img/bank_logo/050_001.png') 50% 50% no-repeat} /* 2021-05-14 */
.openB .ico_050_002_logo{background:url('../../common/img/bank_logo/050_002.png') 50% 50% no-repeat} /* 2021-05-14 */
.openB .ico_050_003_logo{background:url('../../common/img/bank_logo/050_003.png') 50% 50% no-repeat} /* 2021-05-14 */
.openB .ico_050_004_logo{background:url('../../common/img/bank_logo/050_004.png') 50% 50% no-repeat} /* 2021-05-14 */
.openB .ico_050_005_logo{background:url('../../common/img/bank_logo/050_005.png') 50% 50% no-repeat} /* 2021-05-14 */
.openB .ico_050_006_logo{background:url('../../common/img/bank_logo/050_006.png') 50% 50% no-repeat} /* 2021-05-14 */
.openB .ico_050_007_logo{background:url('../../common/img/bank_logo/050_007.png') 50% 50% no-repeat} /* 2021-05-14 */
.openB .ico_050_008_logo{background:url('../../common/img/bank_logo/050_008.png') 50% 50% no-repeat} /* 2021-05-14 */
.openB .ico_050_009_logo{background:url('../../common/img/bank_logo/050_009.png') 50% 50% no-repeat} /* 2021-05-14 */
.openB .ico_050_010_logo{background:url('../../common/img/bank_logo/050_010.png') 50% 50% no-repeat} /* 2021-05-14 */
.openB .ico_050_011_logo{background:url('../../common/img/bank_logo/050_011.png') 50% 50% no-repeat} /* 2021-05-14 */
.openB .ico_050_012_logo{background:url('../../common/img/bank_logo/050_012.png') 50% 50% no-repeat} /* 2021-05-14 */
.openB .ico_050_013_logo{background:url('../../common/img/bank_logo/050_013.png') 50% 50% no-repeat} /* 2021-05-14 */
.openB .ico_050_014_logo{background:url('../../common/img/bank_logo/050_014.png') 50% 50% no-repeat} /* 2021-05-14 */
.openB .ico_050_015_logo{background:url('../../common/img/bank_logo/050_015.png') 50% 50% no-repeat} /* 2021-05-14 */
.openB .ico_050_016_logo{background:url('../../common/img/bank_logo/050_016.png') 50% 50% no-repeat} /* 2021-05-14 */
.openB .ico_050_017_logo{background:url('../../common/img/bank_logo/050_017.png') 50% 50% no-repeat} /* 2021-05-14 */
.openB .ico_050_018_logo{background:url('../../common/img/bank_logo/050_018.png') 50% 50% no-repeat} /* 2021-05-14 */
.openB .ico_050_028_logo{background:url('../../common/img/bank_logo/050_028.png') 50% 50% no-repeat} /* 2021-06-10 */
.openB .ico_050_048_logo{background:url('../../common/img/bank_logo/050_048.png') 50% 50% no-repeat} /* 2021-06-10 */
.openB .ico_050_049_logo{background:url('../../common/img/bank_logo/050_049.png') 50% 50% no-repeat} /* 2021-06-10 */
.openB .ico_050_062_logo{background:url('../../common/img/bank_logo/050_062.png') 50% 50% no-repeat} /* 2021-06-10 */
.openB .ico_050_064_logo{background:url('../../common/img/bank_logo/050_064.png') 50% 50% no-repeat} /* 2021-06-10 */
.openB .ico_050_065_logo{background:url('../../common/img/bank_logo/050_065.png') 50% 50% no-repeat} /* 2021-06-10 */
.openB .ico_050_066_logo{background:url('../../common/img/bank_logo/050_066.png') 50% 50% no-repeat} /* 2021-06-10 */
.openB .ico_050_120_logo{background:url('../../common/img/bank_logo/050_120.png') 50% 50% no-repeat} /* 2021-06-10 */
.openB .ico_050_130_logo{background:url('../../common/img/bank_logo/050_130.png') 50% 50% no-repeat} /* 2021-06-10 */
.openB .ico_050_313_logo{background:url('../../common/img/bank_logo/050_313.png') 50% 50% no-repeat} /* 2021-06-10 */
.openB .ico_050_328_logo{background:url('../../common/img/bank_logo/050_328.png') 50% 50% no-repeat} /* 2021-06-10 */
.openB .ico_050_330_logo{background:url('../../common/img/bank_logo/050_330.png') 50% 50% no-repeat} /* 2021-06-10 */
.openB .ico_050_334_logo{background:url('../../common/img/bank_logo/050_334.png') 50% 50% no-repeat} /* 2021-06-10 */
.openB .ico_050_347_logo{background:url('../../common/img/bank_logo/050_347.png') 50% 50% no-repeat} /* 2021-06-10 */
.openB .ico_050_551_logo{background:url('../../common/img/bank_logo/050_551.png') 50% 50% no-repeat} /* 2021-06-10 */
.openB .ico_050_650_logo{background:url('../../common/img/bank_logo/050_650.png') 50% 50% no-repeat} /* 2021-06-10 */

.openB .open_banking_slide{height:calc(100% - 2.6rem)}
.openB .open_banking_slide .mains{height:100%}
.openB .open_banking_slide .mains .swiper-slide{display:flex; flex-direction:column; justify-content:center; align-items:center}
.openB .open_banking_slide .mains .swiper-slide .cnt_wrap{width:100%; text-align:center} /* 2021-05-12 */
.openB .open_banking_slide .mains .swiper-slide .cnt_wrap .tit{position:relative; display:inline-block; font-size:1.2rem; color:#0C4544; font-weight:bold} /* 2021-05-12 */
.openB .open_banking_slide .mains .swiper-slide .cnt_wrap .tit:after{position:absolute; bottom:-0.15rem; left:0; display:block; content:""; clear:both; width:100%; height:0.4rem; background:#009591; opacity:0.2; filter:Alpha(opacity=20);} /* 2021-05-12 */
.openB .open_banking_slide .mains .swiper-slide .cnt_wrap .cnt{margin-top:0.5rem; font-size:0.8rem; color:#333333; line-height:1.1rem}
.openB .open_banking_slide .mains .swiper-slide .cnt_wrap > img{max-width:calc(100% + 2.4rem); margin-left:-1.2rem} /* 2021-05-12 */
.openB .open_banking_slide .mains .swiper-pagination{bottom:1.25rem} /* 2021-05-12 */
.openB .open_banking_slide .mains .swiper-pagination > span{margin:0 0 0 0.3rem; background:#cccccc; opacity:1; filter:Alpha(opacity=100)}
.openB .open_banking_slide .mains .swiper-pagination > span.swiper-pagination-bullet-active{width:1rem; background:#009591; -webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem}
.openB .open_banking_slide .mains .swiper-pagination > span:first-child{margin-left:0}

/* 오픈뱅킹 계좌등록 */
.openB .agree_wrap .all_check .check_wrap{display:inline-block}
.openB .agree_wrap .account_list{border-top:none}
.openB .agree_wrap .account_list > li{padding:0}
.openB .agree_wrap .account_list > li h4{position:relative}
.openB .agree_wrap .account_list > li i{position:absolute; top:50%; left:1.25rem; margin-top:-0.45rem}
.openB .agree_wrap .account_list > li button{display:block; padding:0.4rem 0 0.4rem 2.4rem; width:100%; font-size:0.8rem; font-weight:500; text-align:left; background:#F9F9FB url('../../common/img/btn_down.png') right 50% no-repeat; background-position-x:calc(100% - 1.2rem); background-size:1.2rem auto} /* 2021-04-19 */
.openB .agree_wrap .account_list > li button.active{background-image:url('../img/btn_up.png')}
.openB .agree_wrap .account_list > li button span{margin-left:0.25rem; font-weight:normal; font-size:0.6rem; color:#666666; vertical-align:top; line-height:1.3rem}
.openB .agree_wrap .account_list > li:last-child > div{border-bottom:1px solid #eeeeee} /* 2021-06-21 */
.openB .agree_wrap .account_list > li > div .check_wrap{position:relative; padding:0.75rem 1.2rem; border-top:1px solid #eeeeee} /* 2021-06-15 */
.openB .agree_wrap .account_list > li > div .check_wrap:first-child{border-top:none}
.openB .agree_wrap .account_list > li > div .check_wrap span{line-height:1.1rem}
.openB .agree_wrap .account_list > li > div .check_wrap .cate{display:inline-block; line-height:1.2rem; padding:0 0.35rem; -webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem; font-size:0.6rem; color:#ffffff; background:#009591}
.openB .agree_wrap .account_list > li > div .check_wrap .cate.disabled{background:#888888} /* 2021-07-21 */
.openB .agree_wrap .account_list > li > div .check_wrap .title{margin-top:0.45rem; width:calc(100% - 3.25rem)} /* 2021-06-10 */
.openB .agree_wrap .account_list > li > div .check_wrap .title p{width:100%; font-size:0.9rem; line-height:1.2rem; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} /* 2021-06-10 */
.openB .agree_wrap .account_list > li > div .check_wrap .accNum{display:block; width:calc(100% - 3.25rem); text-overflow:ellipsis; overflow:hidden; white-space:nowrap} /* 2021-06-10 */
.openB .agree_wrap .account_list > li > div .check_wrap .accNum > span{color:#666666} /* 2021-06-10 */
.openB .agree_wrap .account_list > li > div .check_wrap .accNum > span.roboto{position:relative; padding-left:0.6rem} /* 2021-06-10 */
.openB .agree_wrap .account_list > li > div .check_wrap .accNum > span.roboto:after{display:block; content:""; clear:both; position:absolute; top:calc(50% - 0.35rem); left:0.2rem; width:1px; height:0.6rem; background:#666666} /* 2021-06-10 */
.openB .agree_wrap .account_list > li > div .check_wrap .state{position:absolute; top:0; left:0; width:100%; height:100%} /* 2021-06-15 */
.openB .agree_wrap .account_list > li > div .check_wrap .state.red, .openB .agree_wrap .account_list > li > div .check_wrap .state.green{top:50%; left:auto; right:1.2rem; width:auto; height:auto; font-size:0.7rem; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%)} /* 2021-06-15 */
.openB .agree_wrap .account_list > li > div .check_wrap .state > label{display:block; width:100%; height:100%; text-indent:-9999px; outline:none !important} /* 2021-06-16 */
.openB .agree_wrap .account_list > li > div .check_wrap .state > label:after{left:auto; right:1.2rem} /* 2021-06-15 */
.openB .no_account_list {position:relative; height:calc(100vh - 17.3rem); text-align:center} /* 2021-07-28 */
.openB .no_account_list .no_list:after {content:''; display:block; position:absolute; top:-6.5rem; left:50%; width:5.4rem; height:6rem; background:url('../img/img_character5.png') 50% 50% no-repeat; background-size:100%; transform:translateX(-50%)} /* 2021-05-31 */
.openB .no_account_list.mar_t60 .no_list > .txt {font-size:0.7rem; color:#000000; line-height:1rem; letter-spacing:-1px}
.openB .no_account_list .no_list > a{display:block; width:100%; line-height:2rem; font-size:0.8rem; color:#000000; background:url('../img/btn_down_b.png') no-repeat center; background-size:1.5rem auto; background-position-x:calc(50% + 4.15rem); text-indent:-0.65rem} /* 2021-05-31 */
.openB .no_account_list .no_list > a.active{background-image:url('../img/btn_up_b.png')} /* 2021-05-31 */
.openB .no_account_list .no_list > a + div{display:none; margin-top:0.5rem} /* 2021-05-31 */
.openB .no_account_list .no_list > a + div > p{color:#222; line-height:1rem} /* 2021-06-15 */
.openB .no_account_list .no_list > a + div > p + p{margin-top:0.5rem; line-height:1rem} /* 2021-05-31 */
.openB .bank_list li > p > span{font-weight:500; font-size:0.8rem; vertical-align:bottom} /* 2021-04-19 */
.openB .bank_list li > p > span.d_black{font-weight:400; font-size:0.7rem; vertical-align:top} /* 2021-06-15 */
.openB .bank_list li > p > em.roboto{line-height:1rem; margin-top:0.1rem; color:#666666} /* 2021-06-15 */
.openB .result_view .title_area .result_tit{padding-top:0} /* 2021-07-23 */
.openB .result_cont li:first-child .con p{font-size:0.8rem; color:#000000; font-weight:500}
.openB .result_cont li .row .con .btn_error {position:relative; background-color:transparent}
.openB .result_cont li .row .con .btn_error > span {padding-right:1.3rem; background-color:transparent; line-height:1.2rem}
.openB .result_cont li .row .con .btn_error: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}
.openB .result_cont li .row .con .btn_error.active:after {background:url('../img/btn_up.png') right center no-repeat; background-size:1.2rem auto}
.openB .result_cont li .row.box_list{margin-top:0.2rem}
.openB .result_cont li .row.box_list > p{font-size:0.6rem; color:#666666}
 /* 2021-05-31 */
.openB .acc_input{}
.openB .acc_input .box{display:flex; align-items:center; flex-direction:column; border:none; min-height:5rem; padding:0} /* 2021-07-13 */
.openB .acc_input .box input{height:2.8rem; padding:0; font-family:'hana'; font-weight:500; font-size:1.1rem; text-align:center; border:none; background:transparent} /* 2021-06-18 */
.openB .acc_input .box > .has_delBtn{position:relative; width:100%; padding-left:2.3rem; padding-right:2.3rem; margin-top:0.5rem; border:1px solid #dddddd; border-radius:0.3rem} /* 2021-06-18 */
.openB .acc_input .box > .has_delBtn ::placeholder{color:#cccccc} /* 2021-06-28 */
.openB .acc_input .box > .has_delBtn input:focus::placeholder{color:#ffffff} /* 2021-06-29 */
.openB .acc_input .box > .has_delBtn:first-child{margin-top:0} /* 2021-06-18 */
.openB .acc_input .box .inputDelete{display:none; position:absolute; right:0.5rem; top:0; z-index:1; width:1.6rem; height:2.8rem; text-indent:-9999px; background:url('../img/btn_input_delete.png') 50% 50% no-repeat; background-size:1rem auto;} /* 2021-06-18 */
.openB .acc_input .box .btn_tooltip{position:absolute; right:0.5rem; top:0; width:1.6rem; height:2.8rem; background:url('../img/ico_tooltip2.png') no-repeat center; background-size:0.8rem auto; text-indent:-9999px; z-index:1} /* 2021-06-15 */
.openB .acc_input .box .tooltip{position:absolute; top:0; left:0; display:none; width:100%; padding:0.75rem 1rem 1rem; background:#F9F9FB; border-radius:0.3rem; z-index:2} /* 2021-06-15 */
.openB .acc_input .box .tooltip .btn_close{width:1.6rem; height:1.6rem; background:url('../img/btn_header_close.png') no-repeat center; background-size:100%; text-indent:-9999px}
.openB .acc_input .btn_wrap .btn{width:7.5rem; min-height:2rem; font-size:0.7rem; font-weight:normal; -webkit-border-radius:5rem; -moz-border-radius:5rem; border-radius:5rem;}
.openB .notice{}
.openB .notice a{position:relative; display:block; width:100%; line-height:1.2rem; padding-left:0.9rem; background:url('../img/bu_bang.png') no-repeat center left; background-size:0.7rem}
.openB .notice a:after{position:absolute; top:0; right:0; width:1.2rem; height:1.2rem; display:block; content:""; clear:both; background:url('../img/btn_down_b.png') no-repeat center; background-size:cover}
.openB .notice a.active:after{background-image:url('../img/btn_up_b.png')}
.openB .notice ul{display:none}


/* 다른은행조회 */
.openB .title_area {position:relative}
.openB .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}
.openB .title_area .name {padding:0.4rem 0 2px}
.openB .title_area .name span{font-size:0.9rem; font-weight:500; line-height:1.2rem; color:#000000}
.openB .title_area .act_no {font-size:0.8rem; line-height:1.1rem; letter-spacing:-0.5px; color:#666666; font-family:'Roboto'}

/* 오픈뱅킹 계좌관리 */ /* 2021-04-29 */
.openB .account_list.style2{}
.openB .account_list.style2 li{position:relative}
.openB .account_list.style2 li .cate{display:inline-block; padding:0 0.35rem; -webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem; font-size:0.6rem; color:#ffffff; background:#009591; line-height:1.2rem} /* 2021-04-16 */
.openB .account_list.style2 li .title{margin-top:0.45rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap} /* 2021-06-11 */
.openB .account_list.style2 li .title span{font-size:0.9rem; font-weight:500; line-height:1.2rem}
.openB .account_list.style2 li .title span:before{top:7px; margin-top:0}
.openB .account_list.style2 li .title .btn_icon.edit2{position:absolute; top:calc(50% - 2.7rem); right:1.4rem; width:2.3rem; background:url('../img/ico_write2.png') no-repeat center; background-size:1.85rem; z-index:1; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); border:1px solid #CBCBCB; border-radius:1rem; box-sizing:border-box; height:1.1rem;} /* 2021-06-11 */
.openB .account_list.style2 li .roboto{color:#666666}
.openB .account_list.style2 li .btn_wrap .btn{min-height:2rem; font-size:0.7rem; color:#757575; border:1px solid #cccccc; background:#ffffff; border-radius:0.3rem}
.openB .account_list.style2 li .btn_wrap .btn.green{border-color:#009591}
.openB .account_list.style2 li .btn_wrap .btn:disabled{background:#eeeeee} /* 2021-05-25 */
.openB .account_list.style2 li .btn_del{position:absolute; top:0.7rem; right:0.2rem; width:1rem; height:1rem; background:url('../img/btn_popover_close.png') no-repeat center; background-size:1rem; text-indent:-9999px}
.openB .box{padding:1rem 0.8rem 0.8rem; border:1px solid #cccccc; border-radius:0.3rem}
.openB .box.sub_depth{border:none} /* 2021-06-21 */
.openB .box .cate{display:inline-block; height:1.2rem; padding:0 0.3rem; border-radius:0.2rem; background:#009591; font-size:0.6rem; line-height:1.2rem; color:#ffffff} /* 2021-04-16 */
.openB .box .title{padding:0.4rem 0 0.1rem}
.openB .box .title > span{font-size:0.9rem; font-weight:500; line-height:1.2rem}
.openB .box .roboto {color:#666666}

/* 이벤트페이지 */ /* 2021-06-14 */
#wrap.event{position:fixed; width:100%; height:100%; background:url("../../common/img/bg_event.png") no-repeat top center; overflow:auto}
#wrap.event #header_wrap{background:transparent; border:none}
#wrap.event #header_wrap .header a.btn_back {background:url('../img/btn_back_white.png') left top no-repeat; background-size:100%}
#wrap.event #header_wrap .header strong.head_title {color:#ffffff}
#wrap.event #contents{position:relative; margin:0; padding:1.5rem 1rem 1.25rem; background:url('../img/img_character6.png') no-repeat 0 3rem; background-position-X:calc(100% - 2.5rem); background-size:4.2rem auto; box-sizing:border-box} /* 2021-06-22 */
#wrap.event #contents:before{position:fixed; top:0; left:0; display:block; content:""; clear:both; width:100%; height:100%; background:#000; z-index:-1; opacity:0.7;filter:Alpha(opacity=70);}
#wrap.event .openB .event_tit {font-family:'hana'; font-size:1.3rem; color:#ffffff; font-weight:500; line-height:1.8rem}
#wrap.event .openB .event_list{padding-top:5.3rem} /* 2021-07-21 */
#wrap.event .openB .event_list > li{position:relative; margin-top:0.75rem; border:4px solid #a03284; -webkit-border-radius:0.6rem; -moz-border-radius:0.6rem; border-radius:0.6rem}
#wrap.event .openB .event_list > li:first-child{margin-top:0}
#wrap.event .openB .event_list > li:nth-child(2) {border-color:#3A97AD}
#wrap.event .openB .event_list > li:nth-child(3) {border-color:#E18B00}
#wrap.event .openB .event_list > li > span{position:absolute; top:-4px; left:1rem; width:2.8rem; height:1rem; line-height:1rem; margin:0; font-size:0.5rem; font-weight:normal; color:#fff; text-align:center; background:#AD3384; box-shadow:0px 0.055rem 0.4rem rgba(0, 0, 0, 0.3); -webkit-border-radius:0 0 0.5rem 0.5rem; -moz-border-radius:0 0 0.5rem 0.5rem; border-radius:0 0 0.5rem 0.5rem}
#wrap.event .openB .event_list > li.event2 > span{background:#4DAEC4}
#wrap.event .openB .event_list > li.event3 > span{background:#E18B00}
#wrap.event .openB .event_list > li > div:first-child a{display:block; width:100%; height:100%; padding:1.45rem 1.5rem; font-size:0.8rem; font-weight:500; color:#ffffff; text-align:center; line-height:1.3rem}
#wrap.event .openB .event_list > li > div.hide{display:none}
#wrap.event .openB .event_list > li.comp{background:transparent}
#wrap.event .openB .event_list > li.comp:before{position:absolute; top:-3px; bottom:-3px; left:-3px; right:-3px; display:block; content:""; clear:both; border:2px solid #ffffff; -webkit-border-radius:0.55rem; -moz-border-radius:0.55rem; border-radius:0.55rem; -webkit-animation:neon 1.5s; -moz-animation:neon 1.5s; animation:neon 1.5s; box-shadow:0 0 6px rgba(160, 50, 132, 1);}
#wrap.event .openB .event_list > li.event2.comp:before{box-shadow:0 0 6px rgba(58, 151, 173, 1);}
#wrap.event .openB .event_list > li.event3.comp:before{box-shadow:0 0 6px rgba(209, 113, 0, 1);}
#wrap.event .openB .event_list > li.comp > div:nth-child(2){position:relative; padding:1.45rem 1.35rem 1.25rem; color:#ffffff; font-size:0.7rem; font-weight:500}
#wrap.event .openB .event_list > li.comp.event1 > div:nth-child(2){background-image:url('../img/img_event1.png'); background-position:calc(100% - 1.5rem) center; background-repeat:no-repeat; background-size:1.6rem}
#wrap.event .openB .event_list > li.comp.event2 > div:nth-child(2){background-image:url('../img/img_event2.png'); background-position:calc(100% - 1.45rem) center; background-repeat:no-repeat; background-size:1.65rem}
#wrap.event .openB .event_list > li.comp.event3 > div:nth-child(2){background-image:url('../img/img_event3.png'); background-position:calc(100% - 1.05rem) center; background-repeat:no-repeat; background-size:2.2rem}
#wrap.event .openB .event_list > li.comp > div:nth-child(2) span{display:block; font-size:0.6rem; font-weight:normal; margin-bottom:0.2rem}
@keyframes neon {
	5% {opacity:0}
	15% {opacity:1}
	28% {opacity:0}
	30% {opacity:1}
	50% {opacity:0}
	55% {opacity:0}
	60% {opacity:1}
}
#wrap.event .openB .event_notice{margin-top:1rem; font-size:0.6rem; color:#ffffff; text-align:center; line-height:0.9rem}
#wrap.event .openB .event_info{position:relative; margin:1.35rem 0 0; padding:1rem 0.7rem; border:4px solid #7070E2; -webkit-border-radius:0.6rem; -moz-border-radius:0.6rem; border-radius:0.6rem} /* 2021-06-22 */
#wrap.event .openB .event_info:before{position:absolute; top:-3px; bottom:-3px; left:-3px; right:-3px; display:block; content:""; clear:both; border:2px solid #ffffff; -webkit-border-radius:0.55rem; -moz-border-radius:0.55rem; border-radius:0.55rem; box-shadow:0 0 6px rgba(112, 112, 226, 1);}
#wrap.event .openB .event_info h4{margin-bottom:0.45rem; font-size:0.9rem; color:#ffffff; font-weight:500; line-height:1.3rem}
#wrap.event .openB .event_info h4 > span{color:#FFDD00}
#wrap.event .openB .event_info p{color:#ffffff; font-size:0.7rem; line-height:1.1rem}
#wrap.event .openB .event_info .event_img{width:20%; position:absolute; left:calc(50% + 4rem); bottom:14.6rem;}
#wrap.event .openB .event_info .event_txt{width:100%; height:30%; background-color:#262c37; padding:13px; margin-top:30px; line-height:18px; border-radius:8px;} /* 2021-08-11 */
#wrap.event .openB .event_info .event_txt p{color:#fff; text-align:center;} /* 2021-08-11 */
#wrap.event .openB .event_info .table_wrap{margin-top:1rem; border:1px solid #ffffff; -webkit-border-radius:0.4rem; -moz-border-radius:0.4rem; border-radius:0.4rem; overflow:hidden}
#wrap.event .openB .event_info .table_wrap .table_col thead{border-color:#ffffff}
#wrap.event .openB .event_info .table_wrap .table_col thead tr:first-child th{color:#000000; font-weight:500; background:#ffffff}
#wrap.event .openB .event_info .table_wrap .table_col th, #wrap.event .openB .event_info .table_wrap .table_col td{color:#ffffff; background:none}
#wrap.event .openB .event_info .table_wrap .table_col tbody tr:last-child td{border-bottom:none}
#wrap.event .openB .event_info .table_wrap + .btn_wrap{margin-top:1rem}
#wrap.event .openB .event_info .table_wrap + .btn_wrap .btn{background:#0FAAA6; color:#ffffff; font-weight:400}
#wrap.event .openB .event_info .table_wrap + .btn_wrap .btn:disabled{position:relative} /* 2021-07-28 */
#wrap.event .openB .event_info .table_wrap + .btn_wrap .btn:disabled:after{position:absolute; bottom:-0.1rem; left:calc(60% + 3rem); display:block; content:""; clear:both; width:3rem; height:3.5rem; background:url('../img/pop_starm.png') no-repeat bottom center; background-size:contain} /* 2021-08-02 */

/* 2021-07-29 */
#wrap.event .footer{padding:1rem 1.2rem; color:#ffffff; background:#000000}
#wrap.event .footer .tit{font-size:0.7rem; font-weight:500; color:#FFDD00; margin:1rem 0 0.5rem; padding:0 0.45rem}
#wrap.event .footer .tit.syan{color:#4BF9F5; margin:0}
#wrap.event .footer .tit + p{font-size:0.7rem; margin-top:0.2rem; color:#ffffff; padding:0 0.45rem}
#wrap.event .footer .cnt > li{position:relative; padding-left:0.45rem; font-size:0.6rem; line-height:0.9rem}
#wrap.event .footer .cnt > li:before{position:absolute; left:0; top:0.4rem; display:block; width:3px; height:3px; content:""; clear:both; background:#ffffff; border-radius:3px 3px}
#wrap.event .footer .cnt > li.star{color:#999999}
#wrap.event .footer .cnt > li.star:before{background:none; border:none; content:"*"; top:0.15rem; color:inherit}
#wrap.event .footer .cnt > li .cnt > li:before{height:1px; border-radius:0; top:0.5rem}
#wrap.event .footer > p{color:#999999; line-height:0.9rem; font-size:0.6rem}

/* -------- layout -------- */ /* 2021-06-09 */
#wrap.event .lp_wrap{background:url("../../common/img/bg_event.png") no-repeat bottom center; background-size:cover}
#wrap.event .lp_wrap:before{position:fixed; top:0; left:0; display:block; width:100%; height:100%; content:""; clear:both; background:#000000; opacity:0.7;filter:Alpha(opacity=70)}
#wrap.event .lp_header_wrap{position:fixed; background:transparent; border:none}
#wrap.event .lp_header_wrap .header a.btn_close {background:url('../img/btn_header_close_white.png') 50% 50% no-repeat; background-size:1.6rem auto;}
#wrap.event .lp_header_wrap .header strong.head_title {color:#ffffff}
#wrap.event .lp_container {position:relative}
#wrap.event .lp_contents {margin:0; padding:1.5rem 1rem 1.25rem; background:url('../img/img_character6.png') no-repeat calc(100% - 2.5rem) 3rem; background-size:4.2rem auto} /* 2021-07-13 */
.popup_wrap .popup .btn_wrap .btn.type2 {background:#8d9695}
.popup_wrap .popup .btn_wrap .btn.type3{color:#ffffff; background:linear-gradient(108deg, #16a077 0%, rgba(22, 160, 119, 0) 53%), linear-gradient(108deg, rgba(0, 149, 145, 0) 47%, #007495 100%), linear-gradient(to bottom, #009591, #009591)}
.popup_wrap.bottom .popup {max-height:calc(100% - 20px)} /* 2021-05-06 */

/* -------- ui -------- */
.img_result_fail2{display:inline-block; width:3rem; height:3rem; background:url('../img/img_result_fail2.png') center no-repeat; background-size:100%}
/* btn */ /* 2021-06-21 */
.btn_add{width:100%; min-height:2.3rem; font-size:0.7rem; color:#666666; border:1px solid #cccccc; border-radius:0.4rem; background:#ffffff}
.btn_add > span{display:inline-block; padding-left:1.3rem; background:url('../img/ico_add.png') no-repeat left center; background-size:1rem} /* 2021-07-28 */

/* checkbox */ /* 2021-05-14 */
.check_wrap input[type=checkbox]:checked + label:after{background-image:url('../img/img_check_active.png');}

/* selectPopup */ /* 2021-05-07 */
a.select_style2 {display:block; overflow:hidden; height:2.4rem; padding:0 2em 0 0.8rem; border:1px solid #cccccc; border-radius:0.375rem; font-size:0.8rem; line-height:2.3rem; color:#000000; background:#ffffff url('../img/btn_down_select.png') right 0.8rem center no-repeat; background-size:1.2rem auto; word-break:break-all; outline:0}
a.select_style2:focus {border:1px solid #009591}
a.select_style2.disabled {border:1px solid #dddddd; color:#767676; background-color:#f3f4f5}
a.select_style3{display:inline-block; height:auto; padding:0 1.2rem 0 0; border:none; font-weight:500; font-size:0.8rem; background:url('../img/btn_headTit.png') no-repeat 100% 50%; background-position-y:calc(50% + .15rem); background-size:1.4rem; line-height:normal} /* 2021-05-24 */
a.select_style3:focus{border:none} /* 2021-05-24 */
#selectPopup .popup{height:auto !important}
#selectPopup .popup .popup_content .wrap_block{padding:0.5rem 1.2rem 1.5rem; text-align:left} /* 2021-06-22 */
#selectPopup .popup .popup_content .btn_wrap button:only-child{-webkit-border-radius::0.4rem; -moz-border-radius::0.4rem; border-radius:0.4rem;}
#selectPopup2 .popup .popup_content {padding:0} /* 2021-07-01 */
#selectPopup2 .popup .popup_content .tab_wrap{position:static !important; background:#ffffff} /* 2021-07-01 */
#selectPopup2 .popup .popup_content .tab_container{height:calc(100% - 2.05rem); overflow:auto} /* 2021-07-01 */
#selectPopup2 .popup .popup_content .select_option_list li {border-top:1px solid #f5f5f5}
#selectPopup2 .popup .popup_content .select_option_list li button  {display:block; width:100%; padding:0.8rem 1.2rem; font-size:0.7rem; line-height:1rem; text-align:left; color:#000000; letter-spacing:-1px; font-family:'NotoSans'; background:#ffffff}
#selectPopup2 .popup .popup_content .select_option_list.style2:after{display:block; content:""; clear:both}
#selectPopup2 .popup .popup_content .select_option_list.style2 li{width:33.3%; float:left}
#selectPopup2 .popup .popup_content .select_option_list.style2 li button{padding:0.8rem 0}
#selectPopup2 .popup .popup_content .select_option_list.style2 li span{display:block; text-align:center}
#selectPopup2 .popup .popup_content .select_option_list.style2 li img{display:block; width:2.4rem; height:2.4rem; margin:0px auto 0.2rem}

/* bottom popup */ /* 2021-06-11 */
#bottomPopup .popup .popup_content{height:100%; padding:1.5rem 1.2rem 1.2rem; text-align:center}
#bottomPopup .popup .popup_header + .popup_content{height:calc(100% - 3.4rem); padding:0.5rem 1.2rem 1.2rem} /* 2021-06-22 */
#bottomPopup .popup .popup_content .title{margin-bottom:1.25rem; font-family:'hana'; font-weight:500; font-size:0.9rem; color:#000000; line-height:1.2rem}
#bottomPopup .popup .popup_content .title em{color:#666666; font-weight:normal}
#bottomPopup .popup .popup_content > p{font-family:'hana'}
#bottomPopup .popup .popup_content .benefit_list{display:inline-block; text-align:left}
#bottomPopup .popup .popup_content .benefit_list > span{padding-left:1.2rem; font-family:'hana'; font-weight:500; font-size:0.7rem; background:url('../../common/img/ico_check.png') no-repeat left center; background-size:0.85rem auto}
#bottomPopup .popup .popup_content .select_option_list li {border-top:1px solid #f5f5f5}
#bottomPopup .popup .popup_content .select_option_list li button  {display:block; width:100%; padding:0.8rem 1.2rem; font-size:0.7rem; line-height:1rem; text-align:left; color:#000000; letter-spacing:-1px; font-family:'NotoSans'; background:#ffffff}
#bottomPopup .popup .popup_content .select_option_list.style2:after{display:block; content:""; clear:both}
#bottomPopup .popup .popup_content .select_option_list.style2 li{width:33.3%; float:left}
#bottomPopup .popup .popup_content .select_option_list.style2 li button{padding:0.8rem 0}
#bottomPopup .popup .popup_content .select_option_list.style2 li span{display:block; text-align:center}
#bottomPopup .popup .popup_content .select_option_list.style2 li img{display:block; width:2.4rem; height:2.4rem; margin:0px auto 0.2rem}
#bottomPopup .popup .popup_header + .popup_content2{padding:0} /* 2021-07-01 */
#bottomPopup .popup .popup_content2 .tab_wrap{position:static !important; background:#ffffff} /* 2021-07-01 */
#bottomPopup .popup .popup_content2 .tab_container{height:calc(100% - 2.05rem); overflow:auto} /* 2021-07-01 */
#bottomPopup .popup .btn_wrap{margin-top:2rem}
#bottomPopup .popup .btn_wrap .btn{-webkit-border-radius:0.4rem; -moz-border-radius:0.4rem; border-radius:0.4rem}

/* Tab */ /* 2021-05-31 */
.tab_wrap{background:#ffffff; z-index:2}
.tab_content .no_account_list .no_list{top:50%; transform:translate(-50%, calc(-50% + 3.25rem))}