@charset "utf-8";

.content_view{padding:71px 0 69px}
.content_view .con_tit{font-size:28px; margin-bottom:25px; font-family:'NanumGothic'; font-weight:bold}
.content_view .sub_tit{font-size:22px; margin-bottom:20px; letter-spacing:-1px; font-family:'NanumGothic'}
.content_view .sub_tit + .sub_txt{font-size:16px; margin:20px 0; font-weight:normal; line-height:1.5em; letter-spacing:-1px}
.content_view .sub_tit02{font-size:18px; padding-left:24px; position:relative; margin-bottom:20px; font-family:'NanumGothic'} 
.content_view .sub_tit02:before{position:absolute; display:block; content:""; clear:both; border-left:11px solid #ffa800; border-top:6px solid transparent; border-bottom:6px solid transparent; width:0px; height:0px; left:0; top:50%; margin-top:-6px} 
.content_view .sub_tit > .btnWrap > ul > li{float:left; margin-left:5px} /* tooltip 제어 */ 
.content_view .sub_tit > .btnWrap > ul > li:first-child{margin-left:0}
.content_view .box, .box{border:1px solid #ddd; padding:20px}
.content_view .box.gray, .box.gray{background:#f6f6f5}

.content_view .speed_box {padding:70px 0}
.content_view .speed_box img {padding-right:20px}


/* -------- 로그인 & 로그아웃 -------- */ 
/*20221206 .loginWrap02 추가 이클립스*/
.loginWrap02{ padding:60px 0; background:#f3f8ff; }
.loginWrap02 .login_top > li, .content_view .loginWrap02 .login_btm > li{ width:calc(50% - 198px); float:left; box-sizing:border-box; }
.loginWrap02 .login_top > li:last-child, .loginWrap02 .login_btm > li:last-child{margin-right:0; padding-right:0; border-right:0; }
.loginWrap02 .login_top > li{position:relative; overflow:hidden; height:270px; margin-right:53px; padding-right:53px; border-right:1px solid #E0EAFA; }
.loginWrap02 .login_top .sub_tit{font-size:22px; margin-bottom:20px; letter-spacing:-1px; font-family:'NanumGothic'}
/* .content_view .loginWrap .login_top > li:before{ content:""; position:absolute; top:0; right:0; display:block; width:1px; height:277px; background:#E0EAFA} 임시삭제 */
.loginWrap02 .login_top > li .sub_tit > .btnWrap, .loginWrap02 .login_top > li .listType02 + button{margin-top:-6px}
.loginWrap02 .login_top > li > .btnWrap{margin-top:30px}
.loginWrap02 .login_top > li > .btnWrap .btn_double{width:100%}
.loginWrap02 .login_top > li > .btnWrap > img, .loginWrap02 .login_top > li > .login > img{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff} 
.loginWrap02 .login_top > li > .login{}
.loginWrap02 .login_top > li > .login ul{float:left}
.loginWrap02 .login_top > li > .login ul{ width:100%; }
.loginWrap02 .login_top > li > .login ul li{margin-top:6px}
.loginWrap02 .login_top > li > .login ul li:first-child{margin-top:0}
.loginWrap02 .login_top > li > .login ul li input{width:100%; height:50px; }
.loginWrap02 .login_top > li > .login button{ width:100%; height:50px; margin-top:12px; font-size:16px; }
.loginWrap02 .login_top > li > .login + div{ margin-top:40px; text-align:center}/*20221206*/
.loginWrap02 .login_top > li > .login + div ul{display:inline-block; vertical-align:top}
.loginWrap02 .login_top { width: 974px; margin: 0 auto; }
.loginWrap02 .login_btm{margin-top:15px}
.loginWrap02 .login_btm .notice_list li{float:left; border-right:1px solid #dbdbdb; width:50%; border-top:1px solid #dbdbdb; text-align:center}
.loginWrap02 .login_btm .notice_list li:first-child, .loginWrap02 .login_btm .notice_list li:first-child + li{border-top:none}
.loginWrap02 .login_btm .notice_list li:first-child + li, .loginWrap02 .login_btm .notice_list li:last-child{border-right:none}
.loginWrap02 .login_btm .notice_list li > a{display:block; padding:42px 0}
.loginWrap02 .login_btm .notice_list li > a > p{margin-top:18px; font-size:16px}
.loginWrap02 .login_btm .qna, .loginWrap02 .login_btm .notice{padding:28px 40px}
.loginWrap02 .login_btm .qna .sub_tit a, .loginWrap02 .login_btm .notice .sub_tit a{display:block; width:100%; font-size:20px; background:url('../images/img_arrow08.png') no-repeat right center}
.loginWrap02 .login_btm .qna .qna_list li{margin-top:5.5px}
.loginWrap02 .login_btm .qna .qna_list li:first-child{margin-top:0}
.loginWrap02 .login_btm .qna .qna_list li a{position:relative; display:block; width:100%; height:25px; padding-left:92px; line-height:25px; text-overflow: ellipsis; overflow: hidden; white-space:nowrap}
.loginWrap02 .login_btm .qna .qna_list li span.cate{position:absolute; top:50%; margin-top:-12.5px; left:0; display:inline-block; background:#02b2a5; color:#fff; width:80px; line-height:25px; text-align:center; font-size:12px}
.loginWrap02 .login_btm .qna .qna_list li span.cate02{background:#5b8fed}
.loginWrap02 .login_btm .qna .qna_list li span.cate03{background:#ef61a4}
.loginWrap02 .login_btm .qna .qna_list li span.cate04{background:#aaaaaa}
.loginWrap02 .login_btm .notice{margin-top:13px}
.loginWrap02 .login_btm .notice p span{font-size:20px}
.loginWrap02 .login_btm .notice p span{font-size:20px}
/*20221206 .loginWrap02 추가*/

.content_view .loginWrap{}
.content_view .loginWrap .login_top > li, .content_view .loginWrap .login_btm > li{margin-left:15px; float:left; width:479px; width:calc(50% - 7.5px); box-sizing:border-box; border:1px solid #dbdbdb; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px}
.content_view .loginWrap .login_top > li:first-child, .content_view .loginWrap .login_btm > li:first-child{margin-left:0}
.content_view .loginWrap .login_top > li{position:relative; overflow:hidden; padding:37px 35px 37px 35px; }
/* .content_view .loginWrap .login_top > li:before{position:absolute; top:0; left:0; display:block; content:""; clear:both; width:100%; height:2px; background:#3a8dfd} 임시삭제 */
.content_view .loginWrap .login_top > li .sub_tit > .btnWrap, .content_view .loginWrap .login_top > li .listType02 + button{margin-top:-6px}
.content_view .loginWrap .login_top > li > .btnWrap{margin-top:30px}
.content_view .loginWrap .login_top > li > .btnWrap .btn_double{width:100%}
.content_view .loginWrap .login_top > li > .btnWrap > img, .content_view .loginWrap .login_top > li > .login > img{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff} 
.content_view .loginWrap .login_top > li > .login{}
.content_view .loginWrap .login_top > li > .login ul, .content_view .loginWrap .login_top > li > .login button{float:left}
.content_view .loginWrap .login_top > li > .login ul{width:249px; width:calc(100% - 148px)}
.content_view .loginWrap .login_top > li > .login ul li{margin-top:6px}
.content_view .loginWrap .login_top > li > .login ul li:first-child{margin-top:0}
.content_view .loginWrap .login_top > li > .login ul li input{width:100%}
.content_view .loginWrap .login_top > li > .login button{min-width:140px; margin-left:8px}
.content_view .loginWrap .login_top > li > .login + div{margin-top:62px; text-align:center}
.content_view .loginWrap .login_top > li > .login + div ul{display:inline-block; vertical-align:top}
.content_view .loginWrap .login_btm{margin-top:15px}
.content_view .loginWrap .login_btm .notice_list li{float:left; border-right:1px solid #dbdbdb; width:50%; border-top:1px solid #dbdbdb; text-align:center}
.content_view .loginWrap .login_btm .notice_list li:first-child, .content_view .loginWrap .login_btm .notice_list li:first-child + li{border-top:none}
.content_view .loginWrap .login_btm .notice_list li:first-child + li, .content_view .loginWrap .login_btm .notice_list li:last-child{border-right:none}
.content_view .loginWrap .login_btm .notice_list li > a{display:block; padding:42px 0}
.content_view .loginWrap .login_btm .notice_list li > a > p{margin-top:18px; font-size:16px}
.content_view .loginWrap .login_btm .qna, .content_view .loginWrap .login_btm .notice{padding:28px 40px}
.content_view .loginWrap .login_btm .qna .sub_tit a, .content_view .loginWrap .login_btm .notice .sub_tit a{display:block; width:100%; font-size:20px; background:url('../images/img_arrow08.png') no-repeat right center}
.content_view .loginWrap .login_btm .qna .qna_list li{margin-top:5.5px}
.content_view .loginWrap .login_btm .qna .qna_list li:first-child{margin-top:0}
.content_view .loginWrap .login_btm .qna .qna_list li a{position:relative; display:block; width:100%; height:25px; padding-left:92px; line-height:25px; text-overflow: ellipsis; overflow: hidden; white-space:nowrap}
.content_view .loginWrap .login_btm .qna .qna_list li span.cate{position:absolute; top:50%; margin-top:-12.5px; left:0; display:inline-block; background:#02b2a5; color:#fff; width:80px; line-height:25px; text-align:center; font-size:12px}
.content_view .loginWrap .login_btm .qna .qna_list li span.cate02{background:#5b8fed}
.content_view .loginWrap .login_btm .qna .qna_list li span.cate03{background:#ef61a4}
.content_view .loginWrap .login_btm .qna .qna_list li span.cate04{background:#aaaaaa}
.content_view .loginWrap .login_btm .notice{margin-top:13px}
.content_view .loginWrap .login_btm .notice p span{font-size:20px}

.content_view .logoutWrap > ul > li{min-height:inherit}
.content_view .logoutWrap > ul > li:first-child{width:100%; padding-left:410px; background:url('../images/bg_logout01.png') no-repeat 121px 50%}
.content_view .logoutWrap > ul > li h3 > span{font-size:20px}
.content_view .logoutWrap > ul > li.logout02{background:url('../images/bg_logout02.png') no-repeat right center}
.content_view .logoutWrap > ul > li.logout03{background:url('../images/bg_logout03.png') no-repeat right center}
.content_view .logoutWrap > ul > li > a{height:auto}
.content_view .logoutWrap > ul > li > a .move{background-size:9px; padding-right:20px}

/* -------- 에러페이지 -------- */
.content_view .errorWrap{text-align:center}
.content_view .errorWrap > p.error{background:url('../images/bg_pop_error02.png') no-repeat 50% 25px; padding-top:85px; font-size:18px; color:#555; line-height:1em; margin-bottom:35px}
.content_view .errorWrap > .box{width:670px; margin:0px auto; border:none; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; padding:20px 40px}


/* -------- 조회 -------- */
.content_view .date{float:right; margin-top:10px}
.content_view .date dt, .content_view .date dd{float:left; font-size:12px}
.content_view .date dt{margin:0 3px 0 12px}
.content_view .date dd{color:#888}
.content_view span.date{margin:-20px 0 8px; font-size:12px; color:#888}
.content_view .inq_notice{border:1px solid #ddd; padding:48px 54px 48px 230px; position:relative; margin-bottom:20px}
.content_view .inq_notice img{position:absolute; top:50%; left:50px; margin-top:-45px}
.content_view .inq_notice > ul > li{line-height:1.5em; margin-top:5px; padding-left:13px; position:relative}
.content_view .inq_notice > ul > li:first-child{margin-top:0}
.content_view .inq_notice > ul > li:before{position:absolute; display:block; content:""; clear:both; width:5px; height:5px; top:7px; left:0; background:#222}
.content_view .inq_notice > ul > li.fc_red:before{background:#f00}
.content_view .inq_notice > p strong{font-size:18px}
.content_view .inq_notice > .sub_txt{margin-top:5px}
.content_view .inq_notice > .sub_txt li{line-height:1.5em; font-size:16px; color:#555}
.content_view .inquiryWrap{margin-top:60px}
.content_view .inquiryWrap .date{margin-top:-20px}
.content_view .inquiryWrap .inquiry_list{border:1px solid #dddddd; position:relative; padding-top:28px}
.content_view .inquiryWrap .inquiry_list > p{padding:0 30px}
.content_view .inquiryWrap .inquiry_list > p:first-child{margin-bottom:15px}
.content_view .inquiryWrap .inquiry_list > p strong{font-size:18px; margin-right:8px; display:inline-block}
.content_view .inquiryWrap .inquiry_list .money{background:#f6f6f5; padding:12px 30px; margin-top:28px}
.content_view .inquiryWrap .inquiry_list .money p strong span, .content_view .inquiryWrap .inquiry_list .money p strong:first-child, .content_view .inquiryWrap .inquiry_list .money ul li strong, .content_view .inquiryWrap .inquiry_list .money ul li span{font-size:16px} 
.content_view .inquiryWrap .inquiry_list .money ul li{float:left; padding-left:28px; position:relative} 
.content_view .inquiryWrap .inquiry_list .money ul li:before{position:absolute; width:2px; height:15px; background:#bebcba; display:block; content:""; clear:both; top:0; left:14px} 
.content_view .inquiryWrap .inquiry_list .money ul li:first-child:before{display:none} 
.content_view .inquiryWrap .inquiry_list .btnWrap{position:absolute; top:50%; right:30px; margin-top:-37px}
.content_view .inquiryWrap .inquiry_list .btnWrap ul li{float:left; margin-right:5px; margin-top:5px}
.content_view .inquiryWrap .inquiry_list .btnWrap ul li:first-child, .content_view .inquiryWrap .inquiry_list .btnWrap ul li:first-child + li{margin-top:0}
.content_view .inquiryWrap .inquiry_list .btnWrap ul li:last-child{margin-right:0}
.content_view .inquiryWrap .inquiry_list .btnWrap ul li button{width:120px; padding:8px 5px}
.content_view .inquiryWrap .inquiry_list .btnWrap ul li button.btn_submit{min-width:0; line-height:1.5em; height:72px}
.content_view .inquiryWrap .inquiry_list .btnWrap.rowHalf{width:370px; margin-top:-56.5px}
.content_view .inquiryWrap .inquiry_list .btnWrap.rowHalf.n2{width:245px}
.content_view .inquiryWrap .inquiry_list .btnWrap.rowHalf ul li:last-child{float:right; margin-top:-33.5px}
.content_view .inquiryWrap .inquiry_list .btnWrap.rowHalf.n2 ul li:first-child + li{margin-top:5px}
.content_view .inquiryWrap .total_money{margin-top:20px; font-size:16px}
.content_view .inquiryWrap .total_money li{font-size:16px}
.content_view .expiry{color:#fea879; line-height:1.5em; text-shadow: 1px 1px 10px #f2905a; animation-name: expiry; animation-duration: 1s; animation-iteration-count: infinite}
.content_view .expiry02{color:#b5d5ff; line-height:1.5em; text-shadow: 1px 1px 10px #cbe1ff; animation-name: expiry02; animation-duration: 1s; animation-iteration-count: infinite}
@keyframes expiry {
  0%, 100% {text-shadow:0 0 10px #f2905a; color: #fea879}
  50% {text-shadow:0 0 10px #ff6631; color: #ff4200}
}

@keyframes expiry02 {
	0%, 100% {text-shadow:0 0 10px #b5d5ff; color: #cbe1ff}
	50% {text-shadow:0 0 10px #579fff; color: #006cff}
}


/* -------- 이체 -------- */
.content_view .location{position:absolute; top:40px; right:0}
.content_view .location ul li{float:left; color:#888; padding-left:44px; background:url('../images/img_arrow04.png') no-repeat 14px 50%}
.content_view .location ul li:first-child{padding-left:0; background:none}
.content_view .location ul li.on{font-weight:bold; color:#555}
.content_view .location ul li span{border:2px solid #dbdbdb; display:inline-block; width:25px; height:25px; line-height:22px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; background:#fff; text-align:center; font-weight:bold; color:#888; margin-right:9px}
.content_view .location ul li.on span{background:#69c1ff; color:#fff; border-color:#69c1ff}
.content_view .tblWrap .fee{float:right; margin-top:-20px}
.content_view .transferWrap{border:1px solid #dbdbdb; padding:30px; height:248px; overflow:auto}
.content_view .transferWrap .transfer_list > li{float:left; margin-left:17px; background:#fff; border-top:4px solid #69c1ff; box-shadow:3px 5px 7px rgba(0, 0, 0, .35); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; width:165px; height:186px; margin-top:35px}
.content_view .transferWrap .transfer_list > li:first-child, .content_view .transferWrap .transfer_list > li:nth-child(2), .content_view .transferWrap .transfer_list > li:nth-child(3), .content_view .transferWrap .transfer_list > li:nth-child(4), .content_view .transferWrap .transfer_list > li:nth-child(5){margin-top:0}
.content_view .transferWrap .transfer_list > li:nth-child(3), .content_view .transferWrap .transfer_list > li:nth-child(4), .content_view .transferWrap .transfer_list > li:nth-child(5){margin-top:35px}
.content_view .transferWrap .transfer_list > li:first-child{margin-left:0}
.content_view .transferWrap .transfer_list > li  a{display:block; padding:20px 0}
.content_view .transferWrap .transfer_list > li a h5{font-size:16px; margin-bottom:8px; padding:0 15px}
.content_view .transferWrap .transfer_list > li a .acc_num{background:#eff7ff; padding:14px 10px; margin:20px 0 28px; box-sizing:border-box; letter-spacing:-0.75px}
.content_view .transferWrap .transfer_list > li a p, .content_view .transferWrap .transfer_list li a span{padding:0 15px}
.content_view .transferWrap .transfer_list > li.cate00{background:#f6f6f5; box-shadow:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; border:1px solid #dbdbdb; width:100%; margin-left:0; height:185px; display:table}
.content_view .transferWrap .transfer_list > li.cate00 div{display:table-cell; vertical-align:middle; width:100%; text-align:center}
.content_view .transferWrap .transfer_list > li.cate00 div p{font-size:16px; line-height:1.5em}
.content_view .transferWrap .transfer_list > li.cate00 button{margin-top:20px}
.content_view .transferWrap .transfer_list.speed > li{width:438px; width:calc(50% - 8.5px); border-top:0; box-shadow:3px 0px 7px rgba(0, 0, 0, .35)}
.content_view .transferWrap .transfer_list.speed > li.cate00{width:100%; box-shadow:none; border:1px solid #dbdbdb}
.content_view .transferWrap .transfer_list.speed > li a{padding:27px 25px}
.content_view .transferWrap .transfer_list.speed > li a ul{background:#f6f6f5; border:1px solid #dbdbdb; padding:20px 25px}
.content_view .transferWrap .transfer_list.speed > li a ul li{float:left; width:140px; width:calc(50% -27.5px); padding-left:55px; box-sizing:content-box; background:url('../images/img_arrow06.png') no-repeat 15px 50%}
.content_view .transferWrap .transfer_list.speed > li a ul li:first-child{padding-left:0; background:none}
.content_view .transferWrap .transfer_list.speed > li a ul li h5, .content_view .transferWrap .transfer_list.speed > li a ul li p, .content_view .transferWrap .transfer_list.speed > li a ul li span{padding:0}
.content_view .transferWrap .transfer_list.speed > li a ul li .acc_num{margin:0; background:none; color:#222; font-weight:normal; margin:8px 0 16px}
.content_view .transferWrap .transfer_list.speed > li a ul li .fc_888{margin-top:17px; display:inline-block}
.content_view .transferWrap .transfer_btn{position:absolute; right:0; top:-62px}
.content_view .total_money{background:#fff6f0; border-top:2px solid #ffa569; margin-top:30px; padding:15px 18px}
.content_view .total_money ul{float:right}
.content_view .total_money ul li{float:left; padding-left:28px; position:relative}
.content_view .total_money ul li:before{position:absolute; width:2px; height:15px; background:#bebcba; display:block; content:""; clear:both; top:0; left:14px}
.content_view .total_money ul li:first-child:before{display:none}
.content_view .total_money strong, .content_view .total_money span{font-size:16px}
.content_view .step_comp{border:1px solid #ddd; padding:48px 54px 48px 230px; position:relative; margin-bottom:50px}
.content_view .step_comp img{position:absolute; top:50%; left:50px; margin-top:-50px; max-width:135px; height:100px}
.content_view .step_comp p strong, .content_view .step_comp p strong span{font-size:18px; color:#222; line-height:1.5em}
.content_view .step_comp .sub_txt{margin-top:15px}
.content_view .step_comp .sub_txt ul li{font-size:16px; color:#555; line-height:1.3em; margin-top:10px} 
.content_view .step_comp .sub_txt ul li:first-child{margin-top:0} 
.content_view .step_comp .sub_txt  + div{margin-top:30px} 
.content_view .step_comp .ref_mark{font-size:14px; color:#888; padding-left:18px; position:relative}
.content_view .step_comp .ref_mark:before{position:absolute; display:block; content:"※"; color:#888; left:0; top:0}
.content_view .step_comp > div > button.btn_blue{right:0; top:50%; margin-top:-17px}
.content_view .agreeWrap{} 
.content_view .agreeWrap .agree_list{width:100%; height:210px; border:1px solid #dbdbdb; padding:20px; overflow:auto} 
.content_view .agreeWrap .agree_list .agree_tit{font-size:16px; color:#222} 
.content_view .agreeWrap .agree_cnt{margin-top:20px}
.content_view .agreeWrap .agree_cnt:first-child{margin-top:0}
.content_view .agreeWrap .agree_cnt, .content_view .agreeWrap .agree_cnt dt, .content_view .agreeWrap .agree_cnt dd{color:#888; line-height:1.5em}
.content_view .agreeWrap .agree_cnt dd + dt{margin-top:15px}
.content_view .agreeWrap .agree_btn{text-align:right}
.content_view .agreeWrap .agree_btn > .btn_white{margin-left:15px}
.content_view .agreeWrap .agree_btn > .btn_white.on{border-color:#3a8dfd; background:#3a8dfd; color:#fff} 
.content_view .agreeWrap .agree_btn > ul > li{background:#f6f6f5; border:1px solid #dbdbdb; padding:20px 18px; margin-top:20px; position:relative}
.content_view .agreeWrap .agree_btn > ul > li strong{font-size:16px}
.content_view .agreeWrap .agree_btn > ul > li p{color:#555; line-height:1.5em; margin-top:10px}
.content_view .agreeWrap .agree_btn > ul > li .btnWrap{position:absolute; top:50%; right:18px; margin-top:-15px}
.content_view .inputText > input.lightgray{width:180px !important}
.content_view .inputText + input.readonly{width:200px !important}

/* -------- 신규 -------- */ 
.content_view .accorType01 > li{margin-bottom:20px}
.content_view .accorType01 > li:last-child{margin-bottom:0}
.content_view .accorType01 > li > .accor_btn{display:block; width:100%; text-align:left; border:1px solid #dbdbdb; padding:18px; padding-right:63px; position:relative; font-size:16px}
.content_view .accorType01 > li.off > .accor_btn{background:#f6f6f5}
.content_view .accorType01 > li > .accor_btn:after{display:block; content:""; clear:both; position:absolute; top:50%; right:18px; width:25px; height:25px; margin-top:-12.5px; background:url('../images/btn_accor.png') no-repeat center; background-size:contain; -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg)}
.content_view .accorType01 > li > .accor_btn.open:after{-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg)}
.content_view .accorType01 > li.pdf > .accor_btn:after{display:none}
.content_view .accorType01 > li.pdf > .accor_btn .btnWrap{position:absolute; right:18px; top:50%; margin-top:-17px}
.content_view .accorType01 > li > .accor_btn strong.fc_skyblue{float:right; display:none}
.content_view .accorType01 > li:first-child > .accor_view, .content_view .accorType01 > li.on > .accor_btn strong.fc_skyblue{display:block}
.content_view .accorType01 > li > .accor_view{display:none; padding:20px; padding-right:230px; color:#888; line-height:1.5em; position:relative}
.content_view .accorType01 > li.off > .accor_view{padding-right:20px}
.content_view .accorType01 > li > .accor_view .btnWrap{position:absolute; right:20px; top:50%; margin-top:-17px; color:#222}
.content_view .accorType01 > li.on > .accor_view .btnWrap .btn_white{border-color:#3a8dfd; background:#3a8dfd; color:#fff}

.content_view .simulWrap .list_line > li{padding:0; min-height:0} /* 시뮬레이션 메인 */ /* 2020-07-06 */
.content_view .simulWrap .list_line > li:first-child{padding:35px 40px; background:url('../images/bg_simul_list01.png') no-repeat center bottom; height:427px}
.content_view .simulWrap .list_line > li .sub_tit{padding:25px 40px 0}
.content_view .simulWrap .list_line > li .sub_tit + p{padding:0 40px}
.content_view .simulWrap .list_line > li > .gray{background:#f6f6f5; padding:25px 40px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; margin-top:25px}
.content_view .simulWrap .list_line > li > .gray > ul > li{position:relative; background:url('../images/img_arrow09.png') no-repeat center left; padding-left:25px; margin-top:25px}
.content_view .simulWrap .list_line > li > .gray > ul > li:first-child{margin-top:0}
.content_view .simulWrap .list_line > li > .gray > ul > li > button{position:absolute; right:0; top:50%; margin-top:-17px}


/* -------- 예금인출 -------- */
.content_view .dissaveWrap .dissave_list{border:1px solid #dbdbdb; padding:30px; background:url('../images/img_arrow06.png') no-repeat center}
.content_view .dissaveWrap .dissave_list > li{float:left; width:425px; box-shadow:2px 2px 7px rgba(0, 0, 0, .35); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:28px 30px}
.content_view .dissaveWrap .dissave_list > li:last-child{float:right}
.content_view .dissaveWrap .dissave_list > li h5{display:inline-block; padding:9px 12px; background:#495064; color:#fff; font-size:16px}
.content_view .dissaveWrap .dissave_list > li p{margin-top:15px}
.content_view .dissaveWrap .dissave_list > li p span.rate{border:1px solid #222; padding:3.5px 8px; margin-right:10px; vertical-align:middle}

/* -------- 금융투자상품 -------- */ 
.content_view .bond_notice{border:1px solid #ddd; padding:48px 54px 48px 230px; position:relative; margin-bottom:20px}
.content_view .bond_notice img{position:absolute; top:50%; left:50px; margin-top:-45px}
.content_view .bond_notice ul li{line-height:1.5em; margin-top:5px; padding-left:20px; position:relative}
.content_view .bond_notice ul li:first-child{margin-top:0}
.content_view .bond_notice ul li:before{position:absolute; display:block; content:""; clear:both; width:5px; height:5px; top:7px; left:0; background:#222}
.content_view .bond_notice ul li.fc_red:before{background:#f00}
.content_view .bond_list > li{border:1px solid #dbdbdb; position:relative; padding:28px; margin-top:20px}
.content_view .bond_list > li:first-child{margin-top:0}
.content_view .bond_list > li.ora{border-top:2px solid #ffa569}
.content_view .bond_list > li.vio{border-top:2px solid #b67bff}
.content_view .bond_list > li.none{text-align:center; color:#888; line-height:84px}
.content_view .bond_list > li .bond_tit{margin-bottom:15px}
.content_view .bond_list > li .bond_tit strong, .content_view .bond_list > li .bond_tit ul, .content_view .bond_list > li .bond_tit ul li{float:left}
.content_view .bond_list > li .bond_tit strong{line-height:24px}
.content_view .bond_list > li .bond_tit strong:first-child{font-size:18px}
.content_view .bond_list > li .bond_tit > ul{margin:0 10px}
.content_view .bond_list > li .bond_tit > ul > li{border:1px solid #222; padding:4px 9px; margin-left:5px}
.content_view .bond_list > li .bond_tit > ul > li:first-child{margin-left:0}
.content_view .bond_list > li .bond_tit > ul > li.grade{border-color:#495064; color:#fff; background:#495064}
.content_view .bond_list > li .bond_cnt > ul > li{margin-top:15px}
.content_view .bond_list > li .btnWrap{position:absolute; right:28px; top:50%; margin-top:-17px}
.content_view .tooltip{display:none; background:#fff; position:absolute; top:40px; left:0; z-index:10; padding:17px 25px; text-align:left; border:1px solid #c1c1c1; width:350px; margin-left:-200px}
.content_view .tooltip > li{padding-left:15px; position:relative; margin-top:8px; font-weight:normal}
.content_view .tooltip > li a:hover{text-decoration:underline; font-weight:bold;} /*20221201*/
.content_view .tooltip > li:first-child{margin-top:0}
.content_view .tooltip > li:before{background:#3a8dfd; width:6px; height:6px; position:absolute; left:0; top:50%; margin-top:-3px; display:block; content:""; clear:both; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px}
.content_view .agreeWrap .agree_list02 li{border:1px solid #dbdbdb; background:#fff; padding:10px 20px; margin-top:10px; position:relative}
.content_view .agreeWrap .agree_list02 li:after{display:block; content:""; clear:both}
.content_view .agreeWrap .agree_list02 li:first-child{margin-top:0}
.content_view .agreeWrap .agree_list02 li strong{font-size:16px; line-height:30px; display:block; padding-right:140px}
.content_view .agreeWrap .agree_list02 li button{float:right; border:1px solid #bbb; background:#fff; font-size:12px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; min-width:110px; position:absolute; top:50%; margin-top:-15px; right:20px}
.content_view .agreeWrap .agree_list02 li.on, .content_view .agreeWrap .agree_list02 li.off{background:#f6f6f5}
.content_view .agreeWrap .agree_list02 li.on button{background:#3a8dfd; border-color:#3a8dfd; color:#fff}
.content_view .agreeWrap .agree_list02 li.off button{background:#e5e5e5; border-color:#c1c1c1; color:#555; cursor:inherit}
.content_view .notice_box{border:1px solid #dbdbdb; padding:25px 18px}
.content_view .notice_box ul li{font-size:16px; line-height:1.5em}
.content_view .radio_list > li{margin-top:20px; border:1px solid #dbdbdb}
.content_view .radio_list > li:first-child{margin-top:0}
.content_view .radio_list > li > p{background:#f6f6f5; padding:17px 23px; border-bottom:1px solid #dbdbdb; font-size:16px}
.content_view .radio_list > li .answerWrap{padding:18px 23px}
.content_view .radio_list > li .answerWrap .answer_list > li{margin-top:15px}
.content_view .radio_list > li .answerWrap .answer_list > li:first-child{margin-top:0}
.content_view .radio_list > li .answerWrap .answer_list.clear > li{float:left; width:20%; margin-top:0}
.content_view .confirm_com{border:1px solid #dbdbdb; padding:20px; position:relative}
.content_view .confirm_com > div img{position:absolute; top:50%; left:30px; margin-top:-42.5px}
.content_view .confirm_com > div img + div{float:left; width:376px; width:calc(100% - 555px); margin:45px 40px 0 155px}
.content_view .confirm_com > div img + div p strong, .content_view .confirm_com img + div p span{font-size:18px; color:#222}
.content_view .confirm_com > div .tblWrap{float:right; width:360px; margin-top:0}
.content_view .confirm_com > div .sub_txt{margin-top:20px}
.content_view .confirm_com > div .sub_txt ul li{color:#555; line-height:1.5em; margin-top:10px}
.content_view .confirm_com > div .sub_txt ul li:first-child{margin-top:0}
.content_view .confirm_com > ul{background:#f6f6f5; border:1px solid #dbdbdb; padding:20px 18px}
.content_view .confirm_com > ul > li{margin-top:10px; padding-left:20px; position:relative; color:#555}
.content_view .confirm_com > ul > li:first-child{margin-top:0}
.content_view .confirm_com > ul > li:before{display:block; content:""; clear:both; position:absolute; top:50%; margin-top:-3px; left:0; width:5px; height:5px; background:#555555}

/* -------- 뱅킹관리 -------- */
.content_view .radio_list > li p.notice_tit{font-size:22px; padding:14px 23px}
.content_view .radio_list > li .answerWrap dl dd + dt{margin-top:15px}
.content_view .radio_list > li .answerWrap dl dt, .content_view .radio_list > li .answerWrap dl dd{font-size:16px}
.content_view .radio_list > li .answerWrap dl dt{color:#222; margin-bottom:10px; padding-left:15px; position:relative}
.content_view .radio_list > li .answerWrap dl dt:before{position:absolute; width:5px; height:5px; background:#222; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:block; content:""; clear:both; top:6px; left:0}
.content_view .radio_list > li .answerWrap dl dd{color:#555; line-height:1.5em; position:relative; padding-left:10px} 
.content_view .radio_list > li .answerWrap dl dd:before{position:absolute; width:5px; height:1px; background:#555; display:block; content:""; clear:both; top:11px; left:0}
.content_view .radio_list > li .answerWrap dl dd.bul_none{padding-left:0}
.content_view .radio_list > li .answerWrap dl dd.bul_none:before{display:none}
.content_view .radio_list > li .answerWrap dl dt + dd{margin-top:0}

.content_view .menu_list .tab ul{font-size:0}
.content_view .menu_list .tab ul li{margin-bottom:10px; width:250px; width:calc(33.3% - 12px); display:inline-block; margin-right:18px; vertical-align:top; float:left}
.content_view .menu_list .tab ul li.mgR0{margin-right:0}
.content_view .menu_list .tab ul li .checkType03 + label{width:100%; text-align:left; background:#f6f6f5; cursor:pointer}
.content_view .menu_list .tab ul li .checkType03:checked+ label{width:100%; text-align:left; background:#3a8dfd}
.content_view .menu_list .tab ul li p{border:1px solid #c1c1c1; padding:8px 10px; font-size:12px; line-height:normal} 
.content_view .menu_list .tab ul li .sub{margin-top:5px; position:relative; padding-left:35px} 
.content_view .menu_list .tab ul li .sub:before{display:block; content:"└"; clear:both; position:absolute; top:10px; left:15px} 
.content_view .menu_list .tab > div{display:table; width:100%; height:100%}
.content_view .menu_list .tab > div > p{display:table-cell; vertical-align:middle; font-weight:bold; font-size:16px; text-align:center}
.content_view .menu_list + strong{position:absolute; right:20px; bottom:20px}

/* -------- 부가서비스 -------- */
.serviceWrap > ul > li{float:left; width:479px; width:calc(50% - 7.5px); border:1px solid #dbdbdb; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; overflow:hidden; padding:25px 35px; margin-top:15px; margin-left:15px; min-height:200px; box-sizing:border-box; position:relative}
.serviceWrap > ul > li:first-child, .serviceWrap > ul > li:nth-child(2), .serviceWrap > ul > li:nth-child(4){margin-left:0}
.serviceWrap > ul > li .sub_tit{font-size:20px}
.serviceWrap > ul > li p{line-height:1.5em}
.serviceWrap > ul > li .btnWrap{position:absolute; bottom:25px; left:35px}
.serviceWrap > ul > li:first-child{float:none; width:100%; padding:0 35px; margin-top:0; min-height:inherit}
.serviceWrap > ul > li:first-child .sub_tit{display:inline-block; vertical-align:middle; font-size:22px; font-weight:bold; padding:25px 0}
.serviceWrap > ul > li:first-child .sub_tit span{display:inline-block; margin-left:15px; font-weight:normal}
.serviceWrap > ul > li:first-child .btnWrap{left:auto; right:35px; bottom:initial; top:50%; margin-top:-17px}
.serviceWrap > ul > li:first-child .btnWrap button{width:180px}
.serviceWrap > ul > li.service01{background:url('../images/img_service01.png') no-repeat 90% 50%; padding:0}
.serviceWrap > ul > li.service01 > a{padding:25px 40px 40px; display:block}
.serviceWrap > ul > li.service01 strong.fc_888:last-child{display:inline-block; margin-top:37px; background:url('../images/img_arrow08.png') no-repeat right center; padding-right:15px; background-size:6px}
.serviceWrap > ul > li.service03 ul li{float:left; margin-right:45px; width:176px; width:calc(50% - 22.5px); margin-top:5px}
.serviceWrap > ul > li.service03 ul li.mgR0{margin-right:0}
.serviceWrap > ul > li.service03 ul li a{line-height:1.3em; display:block; background:url('../images/img_arrow08.png') no-repeat right center; background-size:6px; font-size:16px}

.stepWrap{border:1px solid #3a8dfd; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px}
.stepWrap .step_list {display:table; width:100%}
.stepWrap .step_list > li{ width:25%; height:100%; background:url('../images/img_arrow07.png') no-repeat 0 50%; padding:30px; padding-left:50px; display:table-cell}
.stepWrap .step_list.n2 > li{width:475.5px; width:calc(50% - 10px); padding:30px 60px; padding-right:40px}
.stepWrap .step_list.n3 > li{padding:30px 20px 30px 40px}
.stepWrap .step_list.n2 > li:last-child{width:495.5px; width:calc(50% + 10px); padding-right:60px}
.stepWrap .step_list.n3 > li:first-child, .stepWrap .step_list.n3 > li + li{width:313.33px; width:calc(33.3% - 10px)}
.stepWrap .step_list.n3 > li:last-child{width:333.3px; width:calc(33.3% + 10px); padding-right:40px}
.stepWrap .step_list > li:first-child{background:none}
.stepWrap .step_list > li > p{line-height:1.5em}
.stepWrap .step_list > li > strong + p{margin-top:10px}
.stepWrap .step_list > li > h4{padding-bottom:10px; border-bottom:1px solid #888; margin-bottom:10px}

/* -------- 금융상품몰 예금 -------- */
.content_view .saveBox{ padding : 45px 60px 35px; margin-bottom: 40px}
.content_view .saveBox01{background:url('../images/img_saveBox_bg01.png') no-repeat 92% 80%}
.content_view .saveBox02{background:url('../images/img_saveBox_bg02.png') no-repeat 92% 100%; padding: 75px 60px}
.content_view .saveBox03{background:url('../images/img_saveBox_bg03.png') no-repeat 100% 100%; padding: 45px 50px 25px }
.content_view .saveBox04{background:url('../images/img_saveBox_bg04.png') no-repeat 86% 105%; padding: 50px 50px}
.content_view .saveBox05{background:url('../images/img_saveBox_bg05.png') no-repeat 54% 100%; padding: 70px 50px 50px }
.content_view .saveBox06{background:url('../images/img_saveBox_bg06.png') no-repeat 0% 100%; padding: 50px 30px 60px 390px}
.content_view .saveBox07{background:url('../images/img_saveBox_bg07.png') no-repeat 0% 100%; padding: 50px 95px 85px 410px}
.content_view .saveBox08{background:url('../images/img_saveBox_bg08.png') no-repeat 105% 100%; padding: 75px 580px 70px 50px}
.content_view .saveBox09{background:url('../images/img_saveBox_bg09.png') no-repeat 90% 70%; padding: 75px 580px 75px 55px}
.content_view .saveBox10{background:url('../images/img_saveBox_bg10.png') no-repeat 100% 70%; padding: 45px 500px 50px 50px}
.content_view .saveBox11{background:url('../images/img_saveBox_bg11.png') no-repeat 100% 100%; padding: 45px 490px 50px 50px}
.content_view .saveBox12{background:url('../images/img_saveBox_bg12.png') no-repeat 100% 80%; padding: 50px 510px 50px 50px}

.content_view .saveBox > h4, .content_view .saveBox > h4 > span {font-size:20px}
.content_view .saveBox08 > h4 {padding-left:50px}
.content_view .saveBox09 > h4 {padding-left:50px}
.content_view .saveBox02 > h4 > span { font-size:22px}
.content_view .saveBox > strong, .content_view .saveBox > p > strong { font-size: 16px; display:inline-block; line-height:1.3em}
.content_view .saveBox > div.fr{margin-top:-28px}
.content_view .saveBox > .benefit_list{width:480px; display:inline-block; float:right; margin-top:-28px}
.content_view .saveBox > .benefit_list > li{float:left; width:33.3%; padding-left:55px; margin-top:15px}
.content_view .saveBox > .benefit_list > li:first-child, .content_view .saveBox > .benefit_list > li:first-child + li, .content_view .saveBox > .benefit_list > li:first-child + li + li{margin-top:0}
.content_view .saveBox > .benefit_list > li:after{display:block; content:""; clear:both}
.content_view .saveBox > .benefit_list > li > img{margin-left:-55px; margin-right:10px; float:left}
.content_view .saveBox > .benefit_list > li > img + p{margin-top:12px}
.content_view .saveBox > .benefit_list > li > p + p{margin-top:5px}
.content_view .saveBox > .btnWrap{bottom:35px; left:60px; margin-top:30px}
.content_view .saveBox > .btnWrap > ul{width:365px}
.content_view .saveBox > .btnWrap > ul > li{float:left; margin-left:5px; margin-top:5px}
.content_view .saveBox > .btnWrap > ul > li:first-child, .content_view .saveBox > .btnWrap > ul > li:nth-child(3){margin-left:0}
.content_view .saveBox > .btnWrap > ul > li > button{min-width:180px}
.content_view .prodWrap .prod_tit{display:inline-block; border:2px solid #555; border-top-color:#3a8dfd; border-bottom-color:#fff; padding:10px 20px; font-size:16px; background:#fff; margin-bottom:-3px}
.content_view .prodWrap .prod_cnt{border-top:2px solid #555; padding-top:40px}

/* -------- 금융상품몰 M&A 마켓 -------- */
.content_view .market{border:1px solid #dbdbdb}
.content_view .market > div{border-bottom:2px solid #d1d1d1; padding:33px 0}
.content_view .market > div p, .content_view .market > div span{display:inline-block; vertical-align:middle}
.content_view .market > div p{width:120px; padding:39px 0; background:#e2b046; color:#fff; line-height:1.5em; -webkit-border-radius:120px; -moz-border-radius:120px; border-radius:120px}
.content_view .market > div p:first-child{background:#3693e2}
.content_view .market > div span{position:relative; padding-top:28px; margin:10px 45px 0}
.content_view .market > div span:before, .content_view .market > div span:after{display:block; content:""; clear:both; width:10px; height:10px; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; position:absolute; top:0; left:50%; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(-135deg)}
.content_view .market > div span:before{border-right:4px solid #e2b046; border-top:4px solid #e2b046; margin-left:0px}
.content_view .market > div span:after{border-right:4px solid #898989; border-top:4px solid #898989; margin-left:-11px}
.content_view .market > div p:first-child + span:before, .content_view .market > div p:first-child + span:after{-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg)}
.content_view .market > div p:first-child + span:before{border-color:#3693e2; margin-left:-6px}
.content_view .market > div p:first-child + span:after{margin-left:-17px}
.content_view .market > ul{display:table; width:100%; background:#f5faff}
.content_view .market > ul > li{display:table-cell; text-align:center; position:relative}
.content_view .market > ul > li:before{position:absolute; width:1px; height:100px; background:#dbdbdb; display:block; content:""; clear:both; top:72px}
.content_view .market > ul > li:first-child:before{display:none}
.content_view .market > ul > li > p{background:#fff; line-height:46px; border-bottom:1px solid #dbdbdb; font-size:16px; color:#3693e2; font-weight:bold}
.content_view .market > ul > li.service02 > p{color:#095fa9}
.content_view .market > ul > li.service03 > p{color:#e2b046}
.content_view .market > ul > li > ul{display:inline-block; text-align:left; padding:20px 0 30px}

.content_view .method_list{margin-left:-20px}
.content_view .method_list > li{float:left; width:20%; text-align:center; background:url('../images/img_arrow07.png') no-repeat 0 65px; padding-left:20px}
.content_view .method_list.n4 > li{width:25%}
.content_view .method_list > li:first-child{background:none}
.content_view .method_list > li div{position:relative; background:#f4f4f4; width:145px; height:145px; margin:0px auto; -webkit-border-radius:145px; -moz-border-radius:145px; border-radius:145px; box-shadow:2px 3px 5px rgba(0, 0, 0, .3); margin-bottom:20px; padding-top:80px; line-height:1.3em}
.content_view .method_list > li div:before{position:absolute; display:block; top:0; left:-32px; z-index:10; content:""; width:145px; height:145px; background:url('../images/img_method_list_bg.png') no-repeat 0 0}
.content_view .method_list > li div span{position:absolute; width:120px; line-height:38px; background:#f76d6d; display:inline-block; color:#fff; top:25px; left:-25px; font-size:22px; padding-left:60px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; box-shadow:2px 2px 5px rgba(0, 0, 0, .4)}
.content_view .method_list > li.method02 div span{background:#28b9da}
.content_view .method_list > li.method03 div span{background:#aacf54}
.content_view .method_list > li.method04 div span{background:#efbf59}
.content_view .method_list > li.method05 div span{background:#7a8c89}
.content_view .method_list > li p{font-weight:bold; line-height:1.3em}
.content_view .method_list > li p span{font-weight:normal}
.content_view .method_list > li > ul{display:inline-block}
.content_view .method_list > li > ul > li{text-align:left}

/* -------- 은행소개 -------- */
.header.bank .gnb{position:absolute; top:100px; margin-top:0; left:50%; margin-left:-487px; box-sizing:border-box; z-index:100}
.header.bank .gnb.on{background:#fff url('../images/bg_header.png') repeat-x top left; border-bottom:2px solid #0083cb}
.header.bank .gnb .nav{width:100%; display:flex; flex-wrap:nowrap; flex-direction:row; border:2px solid #0083cb; border-top:none; border-bottom:none}
.header.bank .gnb .nav > li{width:calc(100% / 6);}
.header.bank .gnb .nav > li .depthWrap{position:static; width:auto; border:none; z-index:11; white-space:nowrap}
.header.bank .gnb .nav > li .depthWrap > .depth2 > li{float:none; width:100%; padding:0}
.header.bank .gnb .nav > li .depthWrap > .depth2 > li:first-child > a{padding:0 12px}
.header.bank .gnb .nav > li .depthWrap > .depth2 > li > .depth3 > li > a{padding:4px 12px}
.header.bank .gnb.on .nav .depthWrap{height:auto; padding:30px 0}
.header.bank .gnb.eng{z-index:0}
.header.bank .gnb.eng.on{border-bottom:none}
.header.bank .gnb.eng .nav > li{display:inline-flex; flex-grow:1; flex-flow:column; width:auto;}

.visualWrap.bank{background:linear-gradient(to left, #ccc, #fff, #ccc); background: -webkit-linear-gradient(left, rgba(204,204,204, 1) 0%,rgba(255,255,255,1) 50%,rgba(204,204,204,1) 100%); margin-top:32px}
.visualWrap.bank img{float:right; display:inline-block; margin-right:25px; margin-top:67px}
.visualWrap.bank p{font-size:26px; position:absolute; top:160px; left:25px}
.visualWrap.bank h2{font-size:34px; color:#316799; position:absolute; top:200px; left:25px}
.visualWrap.bank .btnWrap{position:absolute; top:305px; left:25px}
.visualWrap.bank .btnWrap button{position:relative; width:160px; height:50px; background:#3aaf9a; color:#fff; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; font-size:16px}
.visualWrap.bank .btnWrap button:first-child:after{display:block; content:"투자정보"; clear:both; background:#5bc2b0 url('../images/icon_bank_visual01.png') no-repeat 88% 70%; padding:16px 24px; padding-right:0; position:absolute; top:0; left:0; z-index:0; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; text-align:left; letter-spacing:2px; width:155px; box-sizing:border-box}
.visualWrap.bank .btnWrap button:last-child{background:#3b8ab6; margin-left:15px}
.visualWrap.bank .btnWrap button:last-child:after{display:block; content:"재무정보"; clear:both; background:#589fc7 url('../images/icon_bank_visual02.png') no-repeat 88% 70%; padding:16px 24px; padding-right:0; position:absolute; top:0; left:0; z-index:0; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; text-align:left; letter-spacing:2px; width:155px; box-sizing:border-box}

.content.wid_973{padding-top:92px}
.content.wid_973 .content_top{padding:10px 20px}
.wid_974{width:974px;  margin: 0 auto;}/*2022_10_06 추가*/
.content.wid_974{padding-top:92px} /*2022_10_06 추가*/
.content.wid_974 .content_top{padding:10px 20px} /*2022_10_06 추가*/
.content.wid_973 .content_view .con_tit{padding-bottom:20px; border-bottom:1px solid #dbdbdb; margin-bottom:50px}
.content_view .name_sign{background:url('../images/img_sign.png') no-repeat right center; line-height:1.8em; vertical-align:top; height:52px; margin-top:73px}
.content_view .name_sign strong{font-size:24px}
.content_view .bank_info{border-color:#edf6ff; background:#edf6ff; padding:62px 48px; margin-bottom:30px}
.content_view .bank_info01{background-image:url('../images/img_bankinfo01.png'); background-repeat:no-repeat; background-position:92% 100%}
.content_view .bank_info02{background-image:url('../images/img_bankinfo02.png'); background-repeat:no-repeat; background-position:92% 100%}
.content_view .bank_info03{background-image:url('../images/img_bankinfo03.png'); background-repeat:no-repeat; background-position:92% 100%}
.content_view .bank_info03.pd32{padding:32px 48px}
.content_view .bank_info04{background-image:url('../images/img_bankinfo04.png'); background-repeat:no-repeat; background-position:92% 100%}
.content_view .bank_info05{background:#fff url('../images/img_bankinfo05.png') no-repeat 92% 50%; border:1px solid #dbdbdb; padding:42px 48px}
.content_view .bank_info05 + div{padding:23px 30px}
.content_view .bank_info > .tit, .content_view .bank_info > .tit > strong{font-size:26px}
.content_view .bank_info > .tit > strong.dot{position:relative; letter-spacing:2px}
.content_view .bank_info > .tit > strong.dot:after{display:block; content:""; clear:both; position:absolute; top:-12px; left:50%; margin-left:-2.5px; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#3a8dfd}
.content_view .bank_info > .sub{font-size:20px; color:#555}
.content_view .list_line > li{float:left; margin-left:15px; border:1px solid #dbdbdb; padding:33px 28px 35px; min-height:260px; width:479px; width:calc(50% -7.5px)}
.content_view .list_line > li > a{display:block; height:187px}
.content_view .list_line > li.ora{border-top:3px solid #ffa569}
.content_view .list_line > li.blue{border-top:3px solid #69c1ff}
.content_view .list_line > li.vio{border-top:3px solid #b67bff}
.content_view .list_line > li.line_none{width:232px; padding-top:36px; background:url('../images/bg_bank_list02.png') no-repeat 93% 93%}
.content_view .list_line > li.line_none + li.line_none{width:232px; padding-top:36px; background:url('../images/bg_bank_list03.png') no-repeat 93% 93%}
.content_view .list_line > li:first-child{margin-left:0; background:url('../images/bg_bank_list01.png') no-repeat right bottom}
.content_view .list_line > li h3{font-size:20px}
.content_view .list_line > li > a > .move, .content_view .list_line > li .btn_more{display:inline-block; color:#888; background:url('../images/img_arrow.png') no-repeat center right; background-size:7px; padding-right:15px}
.content_view .list_line > li > a > .move.pa{left:0; bottom:0}
.content_view .list_line > li.notice > ul > li{margin-top:20px}
.content_view .list_line > li.notice > ul > li > a{width:326px; width:calc(100% - 95px); display:inline-block; text-overflow: ellipsis; overflow: hidden; white-space:nowrap; font-size:16px; color:#555; line-height:1.1em}
.content_view .list_line > li.notice > ul > li > span{float:right; color:#888; margin-top:2px}
.content_view .list_line > li.notice > .btn_more{top:35px; right:28px}
.content_view .tab > .office_time {background:#f5faff; padding:15px 30px; margin-top:20px}
.content_view .tab > .office_time > strong {font-size:16px; float:left; padding-right: 30px}
.content_view .tab > .office_time > ul > li {float:left}
.content_view .tab > .office_time > ul > li > strong {padding-right:10px}

/* -------- 고객센터 -------- */
.content_view .search{padding:8px 0}
.content_view .search select{width:80px}
.content_view .search input{width:390px}
.content_view .search button{min-width:80px; padding:0px 15px; height:32px; vertical-align:middle}
.content_view .complain{padding:45px 40px}
.content_view .complain > div{width:170px; margin-right:40px}
.content_view .complain > div > strong, .content_view .complain > div > img, .content_view .complain > div > p{display:block}
.content_view .complain > div > img{margin:20px auto}
.content_view .complain > div > p{line-height:1.3em}
.content_view .complain > ul{width:681px; width:calc(100% - 210px)}
.content_view .methodWrap > li{width:calc(50% - 45px); box-sizing:content-box}
.content_view .methodWrap > li:first-child{padding-right:90px; position:relative}
.content_view .methodWrap > li:first-child:after{display:block; content:""; clear:both; width:1px; height:243px; background:#c1c1c1; position:absolute; top:50%; margin-top:-121.5px; right:45px}
.content_view .methodWrap > li > .box{padding:25px 45px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.content_view .methodWrap > li > .box > div{font-size:0}
.content_view .methodWrap > li > .box > div > button{margin-left:40px; display:inline-block; vertical-align:middle}
.content_view .browser_list{margin:25px 0; vertical-align:top}
.content_view .browser_list > li{padding-left:50px; background:url('../images/icon_browser01.png') no-repeat left center; margin-left:40px}
.content_view .browser_list > li:first-child{margin-left:0px}
.content_view .browser_list > li:nth-child(2){background:url('../images/icon_browser02.png') no-repeat left center}
.content_view .browser_list > li:nth-child(3){background:url('../images/icon_browser03.png') no-repeat left center}
.content_view .browser_list > li:nth-child(4){background:url('../images/icon_browser04.png') no-repeat left center}
.content_view .browser_list > li:nth-child(5){background:url('../images/icon_browser05.png') no-repeat left center}

/* -------- 인증센터 -------- */
.content_view .certificate{font-size:0}
.content_view .certificate > div {margin-right:40px; display:inline-block; font-size:0; vertical-align:middle}
.content_view .certificate > div > img:first-child + img{margin:0 35px}
.content_view .certificate > ul{width:590px; width:calc(100% - 323px); display:inline-block; vertical-align:middle}
.content_view .certificate > ul li{margin-top:20px; line-height:1.5em; padding-left:35px; letter-spacing:-1px}
.content_view .certificate > ul li:first-child{margin-top:0}
.content_view .certificate > ul li span{display:inline-block; width:22px; height:22px; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; font-weight:bold; background:#495064; line-height:22px; color:#fff; text-align:center; margin-left:-30px; margin-right:8px; font-size:14px}

.content_view .certify01{background:url('../images/bg_certify_center01.png') no-repeat 110% 100%; padding:35px 40px}
.content_view .certify01 h2{font-size:20px; margin:10px 0 28px}
.content_view .certify02{padding:40px 20px}
.content_view .certify02 > ul > li{float:left; padding:0 25px; width:25%}
.content_view .certify02 > ul > li > a{display:block}
.content_view .certify02 > ul > li > a > h3{font-size:16px; margin:25px 0 10px}
.content_view .certify02 > ul > li > a > p{color:#555; line-height:1.3em}
.content_view .certify03 h3{font-size:16px}
.content_view .certify03 h3 > span{margin-left:10px}
.content_view .certify03 .btnWrap button{width:200px}

/* -------- tab -------- */
.tab_btn .tabType01{display:inline-block; width:auto}
.tab_btn .rightBtn{float:right; margin-top:8px}
.tab_btn .rightBtn .btn_blue{font-weight:bold}
.tabWrap .adobe{margin-top:-74px; margin-bottom:28px}
.tabWrap .adobe > p{float:right}
.tabWrap .adobe > p > a{display:block; background:url('../images/icon_adobe.png') no-repeat center right; background-size:contain; padding-right:55px;}
.tabType01{width:100%; padding-bottom:8px; margin-bottom:20px}
.tabType01 > li{float:left; text-align:center; border:1px solid #ddd; border-left:0; background:#fff; box-sizing:border-box; width:160px} /* 2021-08-05 수정 */
.tabType01 > li:first-child{border-left:1px solid #ddd}
.tabType01.n6 > li{width:16.666%}
.tabType01.n3 > li{width:33.3%}
.tabType01.n2 > li{width:50%}
.tabType01 > li > a{font-size:16px; display:inline-block; padding:16px 0; width:100%}
.tabType01 > li.on{border-color:#3a8dfd; z-index:5; position:relative; background:#3a8dfd}
.tabType01 > li.on:after{border-left:5px solid #3a8dfd; border-top:5px solid #3a8dfd; background:#3a8dfd; display:block; content:""; clear:both; width:8px; height:8px; position:absolute; -ms-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -o-transform:rotate(-135deg); transform:rotate(-135deg); bottom:-8px; left:50%; margin-left:-4px}
.tabType01 > li.on a{color:#fff; background:#3a8dfd}
.tabType01.rowHalf > li > a{padding:24px 0}
.tabType01.rowHalf > li.half > a{padding:16px 0}
.tabType02{position:relative}
.tabType02 > li{border:1px solid #dbdbdb; border-top:none; border-bottom:1px solid #f3f3f3; width:143px}
.tabType02 > li:first-child{border-top:1px solid #dbdbdb}
.tabType02 > li:last-child{border-bottom:1px solid #dbdbdb}
.tabType02 > li > a{display:block; text-align:center; font-size:16px; padding:16px 0}
.tabType02 > li.on{border-color:#3a8dfd; background:#3a8dfd}
.tabType02 > li.on > a{background:#3a8dfd; color:#fff}
.tabType02 > li > .tab{position:absolute; top:0; left:143px; border:1px solid #dbdbdb; border-left:none; padding:20px; width:830px; width:calc(100% - 141px); height:100%}
.tab{display:none}
.tab01{display:block}

/* -------- table -------- */
.tblWrap{margin-top:50px}
.tblScroll{overflow:auto}
.tblScroll02{overflow:auto; max-height:169px} /* table 3줄 고정 */
.tblScroll03{overflow:auto; max-height:271px} /* table 5줄 고정 */
.sub_tit + .tblWrap{margin-top:0}
.tblWrap .sub_tit{font-size:20px; padding-left:13px; border-left:5px solid #ffa569; line-height:25px; margin-bottom:12px; font-weight:normal}
.tblWrap .sub_tit02{font-size:18px; padding-left:24px; position:relative; margin-bottom:20px}
.tblWrap .sub_tit02:before{position:absolute; display:block; content:""; clear:both; border-left:11px solid #ffa800; border-top:6px solid transparent; border-bottom:6px solid transparent; width:0px; height:0px; left:0; top:50%; margin-top:-6px}
.tblWrap .sub_tit02 > button, .tblWrap .sub_tit02 .btnWrap{margin-top:-8px}
.tblWrap .sub_tit02 + .date{margin:15px 0 -14px}
.tblWrap .tblType01{table-layout:fixed}
.tblWrap .tblType01 thead{border-top:2px solid #d1d1d1}
.tblWrap .tblType01 thead th{background-clip : padding-box !important; position: relative;padding:12px 0; background:#f6f6f5; height:24px; vertical-align:middle; box-sizing:content-box; border:1px solid #dbdbdb; border-top:none; text-align:center; line-height:1.3em; font-weight:normal}/* 20221123 */
.tblWrap .tblType01 thead th:first-child, .tblWrap .tblType01 tbody tr td:first-child, .tblWrap .tblType01 tbody tr th:first-child{border-left:none} 
.tblWrap .tblType01 thead th:last-child, .tblWrap .tblType01 tbody tr td:last-child, .tblWrap .tblType01 tbody tr th:last-child{border-right:none} 
.tblWrap .tblType01 thead th.ta_left.fw_nor{font-size:16px !important; box-sizing:border-box; height:auto; border:none}
.tblWrap .tblType01 thead th strong{font-size:16px; margin:0 3px 0 15px; font-weight:bold}

.tblWrap.ora .tblType01, .tblWrap.vio .tblType01, .tblWrap.pink .tblType01, .tblWrap.blue .tblType01, .tblWrap.green .tblType01{table-layout:inherit}
.tblWrap.ora .tblType01 tbody tr td.acc_none, .tblWrap.vio .tblType01 tbody tr td.acc_none, .tblWrap.pink .tblType01 tbody tr td.acc_none, .tblWrap.blue .tblType01 tbody tr td.acc_none, .tblWrap.green .tblType01 tbody tr td.acc_none{padding-bottom:19px !important} 
.tblWrap.ora .tblType01 tbody td > ul > li, .tblWrap.vio .tblType01 tbody td > ul > li, .tblWrap.pink .tblType01 tbody td > ul > li, .tblWrap.blue .tblType01 tbody td > ul > li, .tblWrap.green .tblType01 tbody td > ul > li{float:left; margin-left:5px} 

.tblWrap.ora .sub_tit, .tblWrap.ora thead{border-color:#ffa569}
.tblWrap.ora thead th{background:#fff6f0}
.tblWrap.ora thead th strong, .tblWrap .tblType01 tbody td .ora{color:#ff6600}

.tblWrap.vio .sub_tit, .tblWrap.vio thead{border-color:#b67bff}
.tblWrap.vio thead th{background:#f8f3ff}
.tblWrap.vio thead th strong, .tblWrap .tblType01 tbody td .vio{color:#862ff1}

.tblWrap.pink .sub_tit, .tblWrap.pink thead{border-color:#ff6cc2}
.tblWrap.pink thead th{background:#fff3fa}
.tblWrap.pink thead th strong, .tblWrap .tblType01 tbody td .pink{color:#ff44b1}
.tblWrap.pink tbody td span{color:#888}

.tblWrap.blue .sub_tit, .tblWrap.blue thead{border-color:#69c1ff}
.tblWrap.blue thead th{background:#f2faff}
.tblWrap.blue thead th strong, .tblWrap .tblType01 tbody td .blue{color:#0a65de}

.tblWrap.green .sub_tit, .tblWrap.green thead{border-color:#6adb93}
.tblWrap.green thead th{background:#e9ffea}
.tblWrap.green thead th strong, .tblWrap .tblType01 tbody td .green{color:#19b050}

.tblWrap .tblType01 tbody td, .tblWrap .tblType01 tbody th{border:1px solid #dbdbdb; border-top:none; padding:10px 5px; border-bottom:1px solid #dbdbdb; text-align:center; line-height:1.3em; vertical-align:middle; color:#555; word-break: break-all} 
.tblWrap .tblType01 tbody th{background:#f6f6f5; font-size:14px; color:#222; font-weight:normal}
.tblWrap .tblType01 tbody td.ta_right{letter-spacing: -1px; padding:10px 10px 10px 5px}/*20221118*/
.tblWrap .tblType01 tbody tr.necessary td{background:#f2dcdb}
.tblWrap .tblType01 tbody td > strong{font-weight:bold}
.tblWrap .tblType01 tbody td > ul{display:inline-block; vertical-align:middle} /* 버튼 hover 메뉴 활성화 제어 */
.tblWrap .tblType01 tbody td > ul > li:first-child{margin-left:0}
.tblWrap .tblType01 tbody td.inq > .inq_menu{position:absolute; top:10px; left:90%;  width:220px; height:0; overflow:hidden; text-align:left; background:#fff; z-index:5}
.tblWrap .tblType01 tbody td.inq.on > .inq_menu{height:auto; padding:17px 25px; border:1px solid #c1c1c1}
.tblWrap .tblType01 tbody td .inq_menu li{margin-top:8px; padding-left:15px; position:relative; margin-left:0 !important; float:none !important; padding-bottom:0 !important}
.tblWrap .tblType01 tbody td .inq_menu li:first-child{margin-top:0}
.tblWrap .tblType01 tbody td .inq_menu li:before{position:absolute; display:block; content:""; clear:both; background:#3a8dfd; width:6px; height:6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; top:50%; margin-top:-3px; left:0}
.tblWrap .tblType01 tbody td .inq_menu li a{font-size:14px}
.tblWrap .tblType01 tbody td .inq_menu li a:hover, .tblWrap .tblType01 tbody td .inq_menu li a:focus{text-decoration:underline; font-weight:bold}
.tblWrap .tblType01 tbody button.inq > .inq_menu2{position:absolute; top:10px; left:90%;  width:220px; height:0; overflow:hidden; text-align:left; background:#fff; z-index:5}
.tblWrap .tblType01 tbody button.inq.on > .inq_menu2{height:auto; padding:17px 25px; border:1px solid #c1c1c1}
.tblWrap .tblType01 tbody button .inq_menu2 li{margin-top:8px; padding-left:15px; position:relative; margin-left:0 !important; float:none !important; padding-bottom:0 !important}
.tblWrap .tblType01 tbody button .inq_menu2 li:first-child{margin-top:0}
.tblWrap .tblType01 tbody button .inq_menu2 li:before{position:absolute; display:block; content:""; clear:both; background:#3a8dfd; width:6px; height:6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; top:50%; margin-top:-3px; left:0}
.tblWrap .tblType01 tbody button .inq_menu2 li a{font-size:14px}
.tblWrap .tblType01 tbody button .inq_menu2 li a:hover, .tblWrap .tblType01 tbody button .inq_menu2 li a:focus{text-decoration:underline; font-weight:bold}
.tblWrap .tblType01 tbody td .bank_list li{margin-left:0}
.tblWrap .tblType01 tbody td span.txt_btn{width:calc(100% - 90px); display:inline-block; line-height:34px}
.tblWrap .tblType01 tbody td span.txt_btn + .btn_white{position:absolute; right:5px; top:50%; margin-top:-16px}

.tblWrap.ora .tblType01 thead tr th:first-child, .tblWrap.vio .tblType01 thead tr th:first-child, .tblWrap.pink .tblType01 thead tr th:first-child, .tblWrap.blue .tblType01 thead tr th:first-child, .tblWrap.green .tblType01 thead tr th:first-child, .tblWrap.ora .tblType01 tbody tr td:first-child, .tblWrap.vio .tblType01 tbody td:first-child, .tblWrap.pink .tblType01 tbody td:first-child, .tblWrap.blue .tblType01 tbody td:first-child, .tblWrap.green .tblType01 tbody td:first-child{padding-left:18px}
.tblWrap.ora .tblType01 tbody td, .tblWrap.vio .tblType01 tbody td, .tblWrap.pink .tblType01 tbody td, .tblWrap.blue .tblType01 tbody td, .tblWrap.green .tblType01 tbody td{border:none; border-bottom:1px solid #dbdbdb; height:56px} /* 2020-07-06 */
.tblWrap.ora .tblType01 tbody td.pdb0, .tblWrap.vio .tblType01 tbody td.pdb0, .tblWrap.pink .tblType01 tbody td.pdb0, .tblWrap.blue .tblType01 tbody td.pdb0, .tblWrap.green .tblType01 tbody td.pdb0{padding-bottom:0}
.tblWrap.ora .tblType01 tbody tr td:last-child, .tblWrap.vio .tblType01 tbody td:last-child, .tblWrap.pink .tblType01 tbody td:last-child, .tblWrap.blue .tblType01 tbody td:last-child, .tblWrap.green .tblType01 tbody td:last-child{padding-right:18px}
.tblWrap.ora .tblType01 tbody td.acc_none, .tblWrap.vio .tblType01 tbody td.acc_none, .tblWrap.pink .tblType01 tbody td.acc_none, .tblWrap.blue .tblType01 tbody td.acc_none, .tblWrap.green .tblType01 tbody td.acc_none{padding:19px 0; color:#888}
.tblWrap.ora .tblType01 tbody td.acc_none button.btn_gray, .tblWrap.vio .tblType01 tbody td.acc_none button.btn_gray, .tblWrap.pink .tblType01 tbody td.acc_none button.btn_gray, .tblWrap.blue .tblType01 tbody td.acc_none button.btn_gray, .tblWrap.green .tblType01 tbody td.acc_none button.btn_gray{padding:8.5px 10px; background:#888888; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:130px; top:50%; margin-top:-17.5px; right:18px}

.tblWrap .tblType01 tfoot{}
.tblWrap .tblType01 tfoot td{padding:12px 5px; border:1px solid #dbdbdb; height:24px; line-height:1.3em; font-weight:bold; text-align:center; color:#fff; background:#495064; border-top:none; vertical-align:middle}
.tblWrap .tblType01 tfoot td.ta_right{padding-right:13px}
.tblWrap .tblType01 tfoot tr td:first-child{border-left:none}
.tblWrap .tblType01 tfoot tr td:last-child{border-right:none}

.tblWrap .tblType02 thead tr:first-child, .tblWrap .tblType02 tbody tr:first-child{border-top:2px solid #d1d1d1}
.tblWrap .tblType02 thead tr th{background:#f6f6f5; padding:10px 18px}
.tblWrap .tblType02 thead + tbody tr:first-child{border-top:none}
.tblWrap .tblType02 tbody tr, .tblWrap .tblType02 thead tr{border-bottom:1px solid #dddddd}
.tblWrap .tblType02 tbody tr th{background:#f6f6f5; padding:0 18px; text-align:left; vertical-align:middle; width:22.1%; line-height:1.3em; font-weight:normal}
.tblWrap .tblType02 tbody tr td{height:50px; vertical-align:middle; padding:8px 15px; color:#555; line-height:1.3em}
.tblWrap .tblType02 tbody tr td > div{font-size:0; vertical-align:middle}
.tblWrap .tblType02 tbody tr td > div > div, .tblWrap .tblType02 tbody tr td > div > input, .tblWrap .tblType02 tbody tr td > div > button, .tblWrap .tblType02 tbody tr td > div > select + input[type="checkbox"] + label{vertical-align:middle; margin-left:5px}
.tblWrap .tblType02 tbody tr td > div > label{vertical-align:middle; margin-left:3px}
.tblWrap .tblType02 tbody tr td > div > div:first-child, .tblWrap .tblType02 tbody tr td > div > input:first-child, .tblWrap .tblType02 tbody tr td > div > input:first-child + label{margin-left:0}
.tblWrap .tblType02 tbody tr td > div > .ui-datepicker-trigger{margin-left:5px; display:inline-block; vertical-align:middle}
.tblWrap .tblType02 tbody tr td > div > span.dash{margin:0 5px; display:inline-block; vertical-align:middle}
.tblWrap .tblType02 tbody tr td > strong{font-weight:bold}
.tblWrap .tblType02 tbody tr th + td + th + td{width:27.9%}
.tblWrap .tblType02 tbody tr td.address input[type="text"]{width:500px}
.tblWrap .tblType03 tbody tr td.phoneNum:after{display:block; content:""; clear:both} /* 2020-07-08 */
.tblWrap .tblType02 tbody tr td.phoneNum select, .tblWrap .tblType02 tbody tr td.phoneNum input[type="text"], .tblType02 tbody tr td.phoneNum input[type="password"]{width:100px; margin:0} /* 2020-07-08 */
.tblWrap .tblType02 tbody tr td.phoneNum > select, .tblWrap .tblType02 tbody tr td.phoneNum > input[type="text"], .tblType02 tbody tr td.phoneNum > input[type="password"]{float:left} /* 2020-07-08 */
.tblWrap .tblType02 tbody tr td.phoneNum > .dash{margin:0 5px; vertical-align:middle; float:left; line-height:32px} /* 2020-07-08 */
.tblWrap .tblType02 tbody tr td.phoneNum > button{float:left; margin-left:3px; margin-top:-1px} /* 2020-07-08 */
.tblWrap .tblType02 tbody tr td.phoneNum02 input[type="text"]{width:70px}
.tblWrap .tblType02 tbody tr td.radio_check ul li{float:left; margin-right:5px}
.tblWrap .tblType02 tbody tr td.radio_check ul li label, .tblWrap .tblType02 tbody tr td.radio_check ul li div{width:110px}
.tblWrap .tblType02 tbody tr td.radio_check02 ul li label, .tblWrap .tblType02 tbody tr td.radio_check02 ul li div{width:150px}
.tblWrap .tblType02 tbody tr td.radio_check ul li div{display:block; margin-top:5px}
.tblWrap .tblType02 tbody tr td.radio_check ul li div input[type="text"]{max-width:100%}
.tblWrap .tblType02 tbody tr td.borl{border-left:1px solid #ddd}
.tblWrap .tblType02 tbody tr td input, .tblWrap .tblType02 tbody tr td select, .tblWrap .tblType02 tbody tr td label, .tblWrap .tblType02 tbody tr td button, .tblWrap .tblType02 tbody tr td .dotum{display:inline-block; vertical-align:middle}
.tblWrap .tblType02 tbody tr td .dotum{font-size:12px; line-height:1.4em; margin-left:5px}
.tblWrap .tblType02 tbody tr td .balance{margin-top:8px; margin-left:0; font-weight:bold}
.tblWrap .tblType02 tbody tr td button + button{margin-left:5px}
.tblWrap .tblType02 tbody tr td span.dotum{margin-left:0; vertical-align:top}
.tblWrap .tblType02 tbody tr td div + div{margin-top:10px}
.tblWrap .tblType02 tbody tr td .money_btn li{float:left; margin-right:5px}
.tblWrap .tblType02 tbody tr td .money_btn li button{font-size:12px; padding:8px 10px; min-width:55px}
.tblWrap .tblType02 tbody tr td .money_btn li button.btn_gray{background:#888888; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #888}
.tblWrap .tblType02 tbody tr td .bank_list li, .tblWrap .tblType01 tbody tr td .bank_list li{padding-right:10px; position:relative; float:left; line-height:1.3em}
.tblWrap .tblType02 tbody tr td .bank_list li:after, .tblWrap .tblType01 tbody tr td .bank_list li:after{display:block; content:","; clear:both; color:inherit; position:absolute; bottom:0; right:5px}
.tblWrap .tblType02 tbody tr td .bank_list li:last-child, .tblWrap .tblType01 tbody tr td .bank_list li:last-child{padding-right:0}
.tblWrap .tblType02 tbody tr td .bank_list li:last-child:after, .tblWrap .tblType01 tbody tr td .bank_list li:last-child:after{display:none}

.tblWrap.rowHalf .tblType01 th{height:auto; padding:7px 0; background-clip : padding-box;} /*20221121*/

.tblWrap.tblHalf{background:url('../images/img_arrow06.png') no-repeat 50% 60%}
.tblWrap.tblHalf .tblType02{width:45%; float:left}
.tblWrap.tblHalf .tblType02 + .tblType02{float:right}
.tblWrap.tblHalf .tblType02 tr th{width:49.1%}
.tblWrap.tblHalf .tblType02 tr td{padding:0 15px; height:58px}
.tblWrap.tblHalf .tblType02 tr td strong{font-weight:normal}
.tblWrap.tblHalf .tblType02 td p + p{margin-top:5px}
.tblWrap.tblHalf .tblType02.line04_05 tbody tr td{height:73px} /* 4줄 : 5줄일 때 */
.tblWrap.tblHalf .tblType02.line03_02 tbody tr td{height:87px} /* 3줄 : 2줄일 때 */
.tblWrap.tblHalf.transf_cancel{background:url('../images/img_arrow06_can.png') no-repeat 50% 55%; position:relative} 
.tblWrap.tblHalf.transf_cancel > strong{position:absolute; top:50%; left:50%; color:#f00; width:50px; text-align:center; margin-left:-25px; margin-top:25px; line-height:1.3em; font-size:12px} 

.tblWrap.tblHalf02 > div{float:left; width:45%; position:relative; background:url('../images/img_arrow06_3.png') no-repeat 50% 50.5%}
.tblWrap.tblHalf02 > div .tblType02, .tblWrap.tblHalf02 > div .tblType02 + .tblType02{width:100%; float:none}
.tblWrap.tblHalf02 > div .tblType02 + .tblType02{margin-top:56px}
.tblWrap.tblHalf02 > div + .tblType02{float:right}

.tblWrap.tblHalf03 .tblType02{width:49%; float:left}
.tblWrap.tblHalf03 .tblType02 + .tblType02{float:right}

.tblWrap.tbl_security{background:none}
.tblWrap.tbl_security .tblType02{width:53%}
.tblWrap.tbl_security .tblType02 tbody tr:first-child{border-top:2px solid #dbdbdb}
.tblWrap.tbl_security .tblType02 tbody th{padding-left:60px; font-weight:normal; width:41.7%}
.tblWrap.tbl_security .tblType02 tbody th span{font-size:16px}
.tblWrap.tbl_security .tblType02 tbody th > span.num{display:inline-block; height:58px; line-height:58px; margin-left:-60px; margin-right:10px; background:#3a8dfd; color:#fff; width:50px; text-align:center; font-weight:bold}
.tblWrap.tbl_security .tblType02 tbody td{height:auto; padding:12px 15px}
.tblWrap.tbl_security .tblType02 tbody td input{-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; width:60px; text-align:center}
.tblWrap.tbl_security .tblType02 + div{right:0; bottom:0}
.tblWrap.tbl_security .tblType02 + .box{position:absolute; background:#fff; width:440px}
.tblWrap.tbl_security .tblType02 + .box02{position:static; margin-top:-90px; padding:35px 20px}
.tblWrap.tbl_security .tblType02 + div > div{position:absolute; border:2px solid #f00; background:#fff; width:70px; top:35px; left:0}
.tblWrap.tbl_security .tblType02 + div > div > span{display:inline-block}
.tblWrap.tbl_security .tblType02 + div > div > span:first-child{display:inline-block; color:#fff; background:#005e92; width:22px; line-height:22px; text-align:center; margin-right:5px; font-size:11px}
.tblWrap.tbl_security .tblType02 + div > div > span.aster{vertical-align:text-bottom; line-height:10px; letter-spacing:2px}
.tblWrap.tbl_security .tblType02 + div > div > span.input{border:1px solid #ccc; width:6px; height:15px; vertical-align:middle}
.tblWrap.tbl_security .tblType02 + div > div.front > span.input{margin-right:2px}
.tblWrap.tbl_security .tblType02 + div > div.back > span.input{margin-left:2px}
.tblWrap.tbl_security .serialNum tbody tr.smart{display:none}
.tblWrap.tbl_security .serialNum tbody tr.smart + tr{border-top:2px solid #dbdbdb}
.tblWrap.tbl_security .serialNum tbody th{padding-left:0; padding:0 18px}
.tblWrap.tbl_security .serialNum tbody td{padding:8px 15px}
.tblWrap.tbl_security .serialNum tbody input[type="password"]{width:30px; margin:0 5px}
.tblWrap.tbl_security .serialNum tbody input[type="password"]:first-child{margin-left:0}

.tblWrap .tbl_notice{font-size:12px; margin-top:12px; padding-left:15px; position:relative; line-height:1.5em}
.tblWrap .tbl_notice:before{position:absolute; content:""; clear:both; width:5px; height:5px; background:#888; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; top:6px; left:0}
.tblWrap .tbl_notice.fc_red:before{background:#f00}

.tblWrap.tbl_cal{margin-top:13px}
.tblWrap.tbl_cal .tblType01{border-spacing:7px; border-collapse:separate}
.tblWrap.tbl_cal .tblType01 thead{border:none}
.tblWrap.tbl_cal .tblType01 thead th{background:#ffa569; border:none; color:#fff; padding:0; height:40px}
.tblWrap.tbl_cal .tblType01 tbody td, .tblWrap.tbl_cal .tblType01 tbody tr td:first-child, .tblWrap.tbl_cal .tblType01 tbody tr td:last-child{border:1px solid #dbdbdb}
.tblWrap.tbl_cal .tblType01 tbody td{position:relative; box-sizing:content-box; height:78px; padding:0; width:14.28%; text-align:left; color:#222; vertical-align:top}
.tblWrap.tbl_cal .tblType01 tbody td a{display:block; width:100%; height:100%; padding:12px 10px}
.tblWrap.tbl_cal .tblType01 tbody td span.day{position:absolute; top:12px; right:10px; color:#555}
.tblWrap.tbl_cal .tblType01 tbody tr td:first-child span.day{color:#ff0000}
.tblWrap.tbl_cal .tblType01 tbody tr td:last-child span.day{color:#0042ff}

.tblWrap.tbl_risk{}/* 투자위험도안내 */
.tblWrap.tbl_risk .tblType01{border-spacing:5px; border-collapse:separate}
.tblWrap.tbl_risk .tblType01 thead{border:none}
.tblWrap.tbl_risk .tblType01 thead th{border:none; background:#888888; color:#fff;  box-sizing:border-box; padding:7px 3px; height:auto}
.tblWrap.tbl_risk .tblType01 thead th.risk_high, .tblWrap.tbl_risk .tblType01 tbody td.risk_high{background:#e30000}
.tblWrap.tbl_risk .tblType01 thead th.risk_low, .tblWrap.tbl_risk .tblType01 tbody td.risk_low{background:#e9af00}
.tblWrap.tbl_risk .tblType01 thead th.risk_free, .tblWrap.tbl_risk .tblType01 tbody td.risk_free{background:#3a8dfd}
.tblWrap.tbl_risk .tblType01 thead th span{font-size:12px}
.tblWrap.tbl_risk .tblType01 tbody th, .tblWrap.tbl_risk .tblType01 tbody td{border:1px solid #dbdbdb; color:#222}
.tblWrap.tbl_risk .tblType01 tbody th{font-weight:normal; background:none; color:#222}
.tblWrap.tbl_risk .tblType01 tbody td.risk_high{border-color:#e30000; color:#fff}
.tblWrap.tbl_risk .tblType01 tbody td.risk_low{border-color:#e9af00; color:#fff}
.tblWrap.tbl_risk .tblType01 tbody td.risk_free{border-color:#3a8dfd; color:#fff}
.tblWrap.tbl_risk .tblType01 tbody tr th:first-child, .tblWrap.tbl_risk .tblType01 tbody tr td:first-child{border-left:1px solid #dbdbdb}
.tblWrap.tbl_risk .tblType01 tbody tr td:last-child{border-right:1px solid #dbdbdb}

.tblWrap.tbl_notice .tblType01 thead tr th, .tblWrap.tbl_notice .tblType01 tbody tr td{border:none; border-bottom:1px solid #dbdbdb}
.tblWrap.tbl_notice .tblType01.tbl_detail thead th{padding:25px 18px 20px}
.tblWrap.tbl_notice .tblType01.tbl_detail thead th .notice_tit{font-size:24px; line-height:1.3em}
.tblWrap.tbl_notice .tblType01.tbl_detail thead th ul li{font-weight:normal}
.tblWrap.tbl_notice .tblType01.tbl_detail tbody tr td, .tblWrap.tbl_notice .tblType01.tbl_detail tfoot td{text-align:left}
.tblWrap.tbl_notice .tblType01.tbl_detail > tbody > tr:first-child > td{padding:40px 25px}
.tblWrap.tbl_notice .tblType01.tbl_detail tbody tr td.pop_table{padding-left: 25px;}/*20221220 추가*/
.tblWrap.tbl_notice .tblType01.tbl_detail tbody tr td.filedown {background: url(../images/img_download02.png) no-repeat 20px center; padding-left: 40px;}/*20221220 추가*/
.tblWrap.tbl_notice .tblType01.tbl_detail tbody tr.file th, .tblWrap.tbl_notice .tblType01.tbl_detail tfoot td{background:#fff}
.tblWrap.tbl_notice .tblType01.tbl_detail tbody tr.file th, .tblWrap.tbl_notice .tblType01.tbl_detail tfoot th{text-align:left; padding-left:25px}
.tblWrap.tbl_notice .tblType01.tbl_detail tbody tr.file th{border-right:none}
.tblWrap.tbl_notice .tblType01.tbl_detail tbody tr.file.pdT0B5 td{padding: 12px 0 12px 25px;}/*20221220*/
.tblWrap.tbl_notice .tblType01.tbl_detail tbody tr.file td{padding:12px 5px 12px 35px}
.tblWrap.tbl_notice .tblType01.tbl_detail tbody tr.file td a{background:url('../images/img_download02.png') no-repeat left center; display:block; padding:3px 0; padding-left:35px; margin:-3px 0 -3px -35px}
.tblWrap.tbl_notice .tblType01.tbl_detail tfoot tr{border-bottom:1px solid #dbdbdb}
.tblWrap.tbl_notice .tblType01.tbl_detail tfoot th{vertical-align:middle; font-weight:normal}
.tblWrap.tbl_notice .tblType01.tbl_detail tfoot td{background:#fff; border:none; color:#555; padding-left:35px; font-weight:normal; font-family:"nanum B" !important}
.tblWrap.tbl_notice .tblType01.tbl_detail tfoot td a{display:block}
.tblWrap.tbl_faq .tblType01.tbl_detail thead th, .tblWrap.tbl_faq .tblType01.tbl_detail > tbody > tr > td{padding:12px; background:#fff; padding-left:0}
.tblWrap.tbl_faq .tblType01.tbl_detail thead th > div, .tblWrap.tbl_faq .tblType01.tbl_detail > tbody > tr > td > div{padding-left:45px; position:relative}
.tblWrap.tbl_faq .tblType01.tbl_detail thead th.fw_nor{border-bottom:1px solid #dbdbdb; font-size:14px !important}
.tblWrap.tbl_faq .tblType01.tbl_detail thead th span.q, .tblWrap.tbl_faq .tblType01.tbl_detail tbody td span.a{position:absolute; top:-3px; left:12px; background:#aeaeae; color:#fff; font-size:16px; font-weight:bold; width:25px; height:25px; display:inline-block; text-align:center; line-height:25px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px}
.tblWrap.tbl_faq .tblType01.tbl_detail tbody td span.a{background:#3a8dfd; top:0}

.tblWrap .tblType03{}  /* 투자성향분석결과및확인서 */
.tblWrap .tblType03 thead tr, .tblWrap .tblType03 tbody tr{border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1}
.tblWrap .tblType03 tbody tr:first-child{border-width:1px}
.tblWrap .tblType03 tbody tr th{background:#fff; text-align:center; width:160px} 
.tblWrap .tblType03 tbody tr td{padding:15px 33px; line-height:1.5em} 
.tblWrap .tblType03 tbody tr.on{border-color:#495064} 
.tblWrap .tblType03 tbody tr.on th, .tblWrap .tblType03 tbody tr.on td{background:#495064; color:#fff} 

/*20221124*/
.tblWrap .tblType04{} /* 금융상품 기업금융 */
.tblWrap .tblType04 > tbody > tr:last-child > td{padding-bottom:0}
.tblWrap .tblType04 > tbody > tr > th{position:relative; line-height:1.5em; font-size:16px; width:150px; text-align:left; padding:0 15px; font-weight:normal}
.tblWrap .tblType04 > tbody > tr > th:before{display:block; content:""; clear:both; position:absolute; top:9px; left:0; width:5px; height:5px; background:#222; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.tblWrap .tblType04 > tbody > tr > td{color:#555; line-height:1.5em; font-size:14px; padding-bottom:10px; vertical-align:top}
.tblWrap .tblType04 > tbody > tr > td ul li.bul01, .tblWrap .tblType04 > tbody > tr > td ul li.bul02{padding-left:10px; position:relative}
.tblWrap .tblType04 > tbody > tr > td ul li.bul01:before{display:block; content:""; clear:both; width:5px; height:1px; background:#555; position:absolute; top:10px; left:0}
.tblWrap .tblType04 > tbody > tr > td ul li.bul02:before{display:block; content:""; clear:both; width:5px; height:5px; border:1px solid #555; position:absolute; top:7px; left:-1px; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); border-bottom:0; border-left:0}
.tblWrap .tblType04 > tbody > tr > td ul li.bul03{padding-left:15px; position:relative}
.tblWrap .tblType04 > tbody > tr > td ul li.bul03:before{display:block; content:"※"; clear:both; color:#555; position:absolute; top:0; left:0}
/*  */
.tblWrap .tblType04 > tbody > tr > td ul li.bul04:before{display:block; content:"*"; clear:both; color:#555; position:absolute; top:2px; left:0}
.tblWrap .tblType04 > tbody > tr > td ul li.bul05 {padding-left:15px; position:relative}
.tblWrap .tblType04 > tbody > tr > td ul li.bul05:before{display:block; content:""; clear:both; width:4px; height:4px; background:#555; border-radius: 1px;position:absolute; top:10px; left:0;}
li.bul06 {padding-left: 15px; position:relative;}
li.bul06:before{display:block; content:"-"; clear:both; border-radius: 1px;position:absolute; top:1px; left:0}
/*20221124*/
.bul04_listType {}
.bul04_listType li {padding-left:10px;position:relative}

.tblWrap .tblType04.history > tbody > tr > th{width:125px} /* 은행소개 */
.tblWrap .tblType04.history > tbody > tr > th:before{display:none}
.tblWrap .tblType04.history > tbody > tr > td{border-left:1px solid #cccccc; position:relative; padding-bottom:30px; padding-left:35px}
.tblWrap .tblType04.history > tbody > tr > td:before{display:block; content:""; clear:both; position:absolute; top:0; left:-10px; width:10px; height:10px; background:#fff; border:5px solid #ccc; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px}
.tblWrap .tblType04.history > tbody > tr:last-child > td{border-left:none}
.tblWrap .tblType04.history > tbody > tr  > td > ul > li{padding-left:55px}
.tblWrap .tblType04.history > tbody > tr > td > ul > li > strong:first-child{margin-left:-55px; display:inline-block; margin-right:18px}

.tblWrap .tblType05{} /* 은행소개 영업점안내 */
.tblWrap .tblType05 > tbody > tr.tbl_line, .tblWrap .tblType05 > tbody th.tbl_line {border-bottom:1px solid #cccccc}
.tblWrap .tblType05 > tbody > tr > th{text-align:left; font-size:16px; width:180px; font-weight:normal}
.tblWrap .tblType05 > tbody > tr > th + td{width:100px}
.tblWrap .tblType05 > tbody > tr > th, .tblWrap .tblType05 > tbody > tr > td  { vertical-align:middle}
.tblWrap .tblType05 > tbody > tr > th img {padding:0 30px}
.tblWrap .tblType05 > tbody > tr > td {line-height:1.5em}

/* -------- notice -------- */
.notice{margin-top:35px}
.notice .accor_btn, .notice .accor_btn02{width:100%; text-align:left; background:url('../images/img_notice.png') no-repeat 0 3px; padding:0 0 10px 32px; font-size:16px; border-bottom:1px solid #dddddd; position:relative; line-height:23px}
.notice .accor_btn:after{display:block; content:""; clear:both; position:absolute; background:url('../images/img_arrow02.png') no-repeat center; background-size:contain; width:23px; height:23px; top:0; right:20px}
.notice .accor_view{background:#fafafa; padding:23px 30px}
.notice .accor_btn.open:after{-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg)}
.notice .accor_view ul li{margin-top:3px; line-height:1.5em; padding-left:13px; position:relative; color:#555}
.notice .accor_view ul li:first-child{margin-top:0}
.notice .accor_view ul li:before{display:block; content:""; clear:both; background:#555; width:5px; height:5px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:absolute; top:7px; left:0}
.notice .accor_view ul li.fc_red:before{background:#f00}
.notice .accor_view ul li strong{font-weight:bold}

/* -------- list -------- */
.listType01 strong{font-weight:bold}
.listType01 > li{line-height:1.5em; padding-left:13px; position:relative; margin-top:5px}
.listType01 > li:first-child{margin-top:0}
.listType01 > li:before{position:absolute; display:block; content:""; clear:both; width:5px; height:5px; top:7px; left:0; background:#222}
.listType01 li.bul2{padding-left:13px}
.listType01 li.bul2:before{position:absolute; display:block; content:""; clear:both; width:5px; height:5px; top:7px; left:0; background:#222; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.listType01 li.bul3{padding-left:13px}
.listType01 li.bul3:before{position:absolute; display:block; content:""; clear:both; width:5px; height:1px;  top:10px; left:0; background:#222}
.listType01 li.fc_888:before{background:#888; border-color:#888; color:#888}
.listType01 li.bul_none{padding-left:20px}
.listType01 li.bul_none:before{display:none}
.listType01 li.bul_none span.num{display:inline-block; margin-left:-20px; margin-right:7px; vertical-align:top}
.listType01 > li > ul li{padding-left:10px; position:relative; color:#555; line-height:1.5em}
.listType01 > li > ul li:before{position:absolute; display:block; content:""; clear:both; width:5px; height:1px; background:#555; top:10px; left:0}
.listType02 > li{line-height:1.5em; padding-left:20px; position:relative; float:left; letter-spacing: -0.9px; color:#555}
.listType02 > li:before{position:absolute; display:block; content:""; clear:both; width:2px; height:15px; background:#dbdbdb; top:2px; left:10px}
.listType02 > li:first-child{padding-left:0}
.listType02 > li:first-child:before{display:none}
.listType03 dd + dt{margin-top:30px}
.listType03 dt{color:#222; margin-bottom:10px; padding-left:15px; position:relative; font-size:16px}
.listType03 dt:before{position:absolute; width:5px; height:5px; background:#222; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:block; content:""; clear:both; top:6px; left:0} 
.listType03 dd{color:#555; line-height:1.5em; position:relative; padding-left:10px; font-size:15px}
.listType03 dd:before{position:absolute; width:5px; height:1px; background:#555; display:block; content:""; clear:both; top:11px; left:0}
.listType03 dd.bul2:before{position:absolute; display:block; content:""; clear:both; width:5px; height:5px; top:7px; left:0; background:#222; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.listType03 dt.bul_none, .listType03 dd.bul_none{padding-left:0}
.listType03 dt.bul_none:before, .listType03 dd.bul_none:before, .listType03 dd.num:before{display:none}
.listType03 dt + dd{margin-top:0}
.listType03 dd.num{padding-left:20px}
.listType03 dd.num > span.num{margin-left:-20px; margin-right:7px; vertical-align:top}
.listType03 dd > .listType01{margin-top:5px}

/*--------- pop ---------*/
.pop .tblWrap.tblHalf{background:url('../images/img_arrow06.png') no-repeat 50% 60%}
.pop .tblWrap.tblHalf .tblType01{width:45%; float:left}
.pop .tblWrap.tblHalf .tblType01 + .tblType01{float:right; margin-right:20px}
.pop .tblWrap.tblHalf .tblType01 td p + p{margin-top:5px}

.pop .accorType01 > li{margin-bottom:10px}
.pop .accorType01 > li:last-child{margin-bottom:0}
.pop .accorType01 > li > .accor_btn{display:block; width:100%; text-align:left; border:1px solid #dbdbdb; padding:18px; padding-right:63px; position:relative; font-size:14px}
.pop .accorType01 > li.off > .accor_btn{background:#f6f6f5}
.pop .accorType01 > li > .accor_btn:after{display:block; content:""; clear:both; position:absolute; top:50%; right:18px; width:25px; height:25px; margin-top:-12.5px; background:url('../images/btn_accor.png') no-repeat center; background-size:contain; -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg)}
.pop .accorType01 > li > .accor_btn.open:after{-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg)}
.pop .accorType01 > li.pdf > .accor_btn:after{display:none}
.pop .accorType01 > li.pdf > .accor_btn .btnWrap{position:absolute; right:18px; top:50%; margin-top:-17px}
.pop .accorType01:first-child > li:first-child > .accor_view {display:block}
.pop .accorType01 > li > .accor_view{display:none; padding:20px; color:#888; line-height:1.5em; position:relative}
.pop .accorType01 > li:first-child > .accor_view{display:block}
.pop .accorType01 > li.off > .accor_view{padding-right:20px}
.pop .accorType01 > li > .accor_view .btnWrap{position:absolute; right:20px; top:50%; margin-top:-17px; color:#222}
.pop .secu_img{width:400px; margin:0px auto; display:block}
.pop .tbl_security .tblType02{width:100%}

.pop .btnWrap > .pop_btn_gray {background:#666; color:#fff;}


@media all and (max-width:1200px) {
	.header.bank .gnb{margin-left:0; left:114px}
	.btn_top{position:absolute; left:1107px; margin-left:0}
}
/* 2020-07-31 추가 cma 체크카드 설명 들여쓰기 {*/
	.listTypeNew {
		overflow:hidden;
		margin:2px 0 3px;
	}
	.listTypeNew dt,
	.listTypeNew dd{
		float:left;
		text-align:left;
	}
	.listTypeNew dt {
		padding:0 3px 15px 0;
	}
	.fc_blueType02 {color:#233d78  !important;}
/* 2020-07-31 추가 cma 체크카드 설명 들여쓰기 }*/

/* 2021-01-05 회사소개 메인 IR자료/문의 추가 {*/
.content_view .list_line > li.line_none{min-height:195px; padding-top:20px; padding-bottom:0;}
.content_view .list_line > li.line_none + li.line_none{padding-top:20px;}
.content_view .list_line > li.line_none + li.line_none + li.line_none{margin-top:5px; min-height: 60px; width:479px; padding-top:12px; background:none;} 
.content_view .list_line > li > a{height:145px;}
.content_view .list_line > li.line_none + li.line_none + li.line_none > dl + dl{margin-top:5px;}
.content_view .list_line > li.line_none + li.line_none + li.line_none > dl > dt,
.content_view .list_line > li.line_none + li.line_none + li.line_none > dl > dd{float:left;}
.content_view .list_line > li.line_none + li.line_none + li.line_none > dl > dt{width:60px; font-size:16px;}
.content_view .list_line > li.line_none + li.line_none + li.line_none > dl > dd > a{display:inline-block; color:#888; background:url('/images/img_arrow.png') no-repeat center right; background-size:7px; padding-right:15px;}
.content_view .list_line > li.line_none + li.line_none + li.line_none > dl > dd > span{color:#888;}
.content_view .list_line > li.line_none + li.line_none + li.line_none > dl > dd > span + span{margin-left:25px;}
/* 2021-01-05 회사소개 메인 IR자료/문의 추가 }*/

/* 2021-03-30 금융상품몰 제휴신용카드 추가 {*/
.topVisualArea {width:100%; padding:0; background-color:#e2fdfe;}
.topVisualArea > .inner {position:relative; width:973px; margin:0 auto; padding:20px 0 20px;}
.topVisualArea > .inner:after {content:''; clear:both; display:block;}
.topVisualArea[class*=card] .cardArea {display:table; width:685px; height:370px; table-layout:fixed;}
.topVisualArea[class*=card] .info {display:table-cell; padding-right:25px; vertical-align:middle;}
.topVisualArea[class*=card] .titH1 {font-size:36px; line-height:1.3;}
.topVisualArea[class*=card] .info .desc {margin-top:3px; color:#222; font-size:22px; font-family:'NanumGothic';}
.topVisualArea[class*=card] .cardArea .img {display:table-cell; position:relative; width:250px; text-align:center; vertical-align:middle;}
.topVisualArea[class*=card] .cardArea .cardImg {display:inline-block; position:relative; padding:35px 0;}
.topVisualArea[class*=card] .cardArea .cardImg img {max-width:300px; max-height:300px; border-radius:14px; overflow:hidden; box-shadow:15px 15px 20px rgba(22,39,77,0.25);}
.cardDetail > .inner:before {content:''; position:absolute; top:80px; left:735px; width:1px; height:260px; background-color:#cbe3e4;}
.cardDetail .cardLink {position:absolute; bottom:125px; left:765px;}
.cardDetail .cardLink > li {display:inline-block; width:153px; padding:0 15px; vertical-align:bottom;}
.cardDetail .link {display:block; position:relative; color:#333; font-size:14px; line-height:1.2; transition: transform 0.3s ease-in-out;}
.cardDetail .link .cardImg {display:block; padding-bottom:10px; vertical-align:bottom;}
.cardDetail .link .cardImg img {min-width: 78px; height: auto; max-width: 124px; max-height: 124px; border-radius:5px; overflow:hidden; box-shadow:7px 7px 7px rgba(22,39,77,0.15);}
.cardDetail .link span {display:inline-block; width:105px; line-height:1.3;}
.cardDetail .link .tit {transition: color 0.25s ease-out;}
.cardDetail .link .tit .arrow_link {display:inline-block; width:20px; padding:0 0 2px 2px; vertical-align:middle; opacity: 0; transition: opacity 0.25s ease-out;}
.cardDetail .link .desc {padding-top:5px; opacity: 0; transition: opacity 0.15s ease-out;}
.cardDetail .link.on {transform: translate(0,0) !important;}
.cardDetail .link.on .tit {color:#2b64ce;}
.cardDetail .link.on .tit .arrow_link {opacity: 1;}
.cardDetail .link.on .desc {opacity: 1;}

/* 220613 고객등급코드 추가 */
.cust_label{border : 1px solid #AAAAAA; border-radius:0.25rem; font-size:0.75rem; padding: 0.25rem 0.3rem; min-width:1.5rem; text-align:center; margin-right:0.5rem; vertical-align:middle; cursor: pointer;}

/* 2022고도화 */
/* common */
.btnpd button{ padding:8px 68px; }

/* 로그인 */
.auto_pop_cho{margin-top:10px; text-align:right; }
.auto_pop_cho span{ margin-right:15px; }
.auto_pop_cho label{ margin-right:10px; }
.auto_pop_cho label:last-child{ margin-right:0; }

/* 금융인증서관리 */
.certificate_infobox{ position:relative; margin-bottom:60px; padding:38px 74px 36px 330px; border:1px solid #DBDBDB; }
.certificate_infobox::before{ content:''; position:absolute; top:27px; left:80px; width:149px; height:140px; background:#fff url('../images/common/ico_certificate_info.png') no-repeat 0 0; }
.certificate_infobox p{ margin-bottom:10px; font-size:22px; }
.certificate_infobox p span{ font-size:22px; color:#0083CB; }
.certificate_infobox ul{  }
.certificate_infobox ul li{ position:relative; margin-bottom:7px; padding-left:15px; line-height:28px; font-size:16px; color:#555555; }
.certificate_infobox ul li:last-child{ margin-bottom:0; } 
.certificate_infobox ul li::before{ content:""; position:absolute; width:5px; height:5px; top:10px; left:0; background:#555555;}

ul.certificate_lists{ overflow:hidden; }
ul.certificate_lists li{  position:relative; width:50%; float:left; margin-bottom:40px; padding:24px 20px 24px 136px; }
ul.certificate_lists li span:first-child{ display:inline-block; position:absolute; top:0; left:22px; width:90px; height:90px; border:1px solid #EDEDED; background:#FBFBFB; border-radius:50%; }
ul.certificate_lists li span:first-child img{ position:absolute; top:50%; left:50%; margin:-22px 0 0 -22px; }
ul.certificate_lists li p{ font-size:15px; }
ul.certificate_lists li p strong{ display:block; margin-bottom:7px; font-size:20px; color:#222; }
ul.certificate_lists li p span{ display:block; margin-top:9px; color:#FC0D0D; }

.flex_center { display: flex; justify-content: center;}
.flex_sa_wrap{ display: flex; justify-content: space-around; }
.flex_sb_wrap{ display: flex; justify-content: space-between; }/*2024-03-11 추가*/

.mgL17{margin-left: 17px !important;}
.mgR30{margin-right:30px !important}
.mgB70{margin-bottom:70px !important}
.mgB37{margin-bottom:37px !important}
.mgt8 {margin-top: 8px !important;}
.pdR17{padding-right:17px !important;}
.linH20px{line-height:22px !important}
.linH48px{line-height:48px !important}
.content_pale_blue{ background: #E7F1FF;  }
.content_haint_blue{ background:rgba(193, 216, 255, 0.2);}
.content_mint{ background: #F0FDFF;}
.content_yellow{ background: #FFFDEF;}
.content_pink{ background: #FBF5FF;}

.certification {width: 300px; min-width: 300px; height: 280px; text-align: center; margin: 48px 0px; border-radius: 10px; }
.certification:nth-child(1) { background: #92E9FF;}
.certification:nth-child(2) { margin:48px 30px;background: #CCCBF3;}
.certification:nth-child(3) { background: #98C1FF;}
.certification strong { font-size: 20px !important; margin-bottom: 12px; line-height:26px; display: block; }
.certification p { font-size: 18px !important; line-height:26px; }
.certification a { display: block; height: 100%;}
.certification a::before { content: ""; display: inline-block; clear: both; width: 62px; height: 61px; margin: 51px auto 36px;}
.certification .finance::before { background: url("../images/common/bg_finance.png")no-repeat center; width: 86px; height: 52px; margin: 59px auto 38px;}
.certification .different::before { background: url("../images/common/bg_different.png")no-repeat center; width: 62px; height: 61px;margin: 51px auto 37px;}
.certification .management::before { background: url("../images/common/bg_management.png")no-repeat center;width: 85px; height: 50px;margin: 59px auto 40px; }
.certification .renewal::before { background: url("../images/common/bg_renewal.png")no-repeat center; }
.certification .issuance::before { background: url("../images/common/bg_issuance.png")no-repeat center; }
.certification .bg_management2::before { background: url("../images/common/bg_management2.png")no-repeat center;margin: 51px auto 37px;}
.certification_sm { width: 20%; height: 88px; text-align: center; }
.certification_sm a {position: relative; display:block; padding-left: 50px; height: 88px; line-height: 88px;}
.certification_sm a::before { position: absolute; top: 27px; left: 44px; content: ""; display:block; clear: both; width: 32px; height: 34px; }
.certification_sm .password_change::before{ background: url("../images/common/icon_password_change.png")no-repeat; width: 30px; height: 30px; }
.certification_sm .delete_certificate::before{ background: url("../images/common/icon_delete_certificate.png")no-repeat; width: 33px; height: 34px;}
.certification_sm .discard_certificat::before{ background: url("../images/common/icon_discard_certificate.png")no-repeat; }
.certification_sm .certificate_recovery::before{ background: url("../images/common/icon_certificate_recovery.png")no-repeat; }
.certification_sm .copy_certificate::before{ background: url("../images/common/icon_copy_certificate.png")no-repeat; width: 29; height: 33px; }
.radius_box { background: linear-gradient(0deg, #F3F8FF, #F3F8FF), linear-gradient(0deg, #F9FBFF, #F9FBFF), linear-gradient(0deg, #F0FCFF, #F0FCFF), #FBFBFB; border-radius: 10px; }
.radius_button { display: block; width: 479px; height: 166px; border: 1px solid #dbdbdb; border-radius: 10px; position: relative; }
.radius_button_tit { margin: 45px 0 10px; display: block; color: #222; font-size: 20px; margin-left: 146px; }
.radius_button_tit span{ font-family: 'NanumGothic'; font-size: 18px;}/*20221207 추가*/
.radius_button_tit::before { content: ""; top:46px; display: block; clear: both;  position: absolute; }
.radius_button .copy_mob::before{ left: 31px; background: url("../images/common/img_mob.png")no-repeat; width: 92px; height: 72px; }
.radius_button .copy_pc::before{  left: 30px; background: url("../images/common/img_pc.png")no-repeat; width: 94px; height: 71px; }
.radius_button_txt { margin-left: 146px; line-height: 22px; font-size: 15px; color: #555; }
/*2022-09-19 수정*/
.border_radius_box{border: 1px solid #dbdbdb; border-radius: 16px; width: 974px; height: 142px; margin-bottom: 60px;} 
.border_radius_box .line_right::before{position: absolute; content: ""; top: 0; right: 0; border-right: 1px solid #DEE2E9; height: 77px; margin-top: 36px;}
.radius_button02 { display: block; width: 487px; height: 142px; position: relative; }
.radius_button_tit02 {display: block; color: #222; font-size: 22px; padding: 34px 0 14px 166px; font-family: NanumGothic;}
.radius_button_tit02::before {position: absolute; content: ""; clear: both; left: 0;}
.radius_button02 .icon_certificat::before{ background: url("../images/common/icon_certificat.png")no-repeat; width: 89px; height: 54px; top: 49px; left: 42px;}
.radius_button02 .icon_target_customer::before{ background: url("../images/common/icon_target_customer.png")no-repeat; width: 58px; height: 60px; top: 42px; left: 59px;}
.radius_button02 .icon_target_customer::before{ background: url("../images/common/icon_target_customer.png")no-repeat; width: 58px; height: 60px; top: 42px; left: 59px;}
.radius_button02 .icon_otp_securit::before{ background: url("../images/common/icon_otp_securit.png")no-repeat; width: 71px; height: 71px; bottom: 35px; left: 48px;}
.radius_button_txt02{padding-left:166px; color: #555;line-height:20px; width: 1000px;} 
.radius_button_txt03{padding-left:166px; color: #555;line-height:22px; width: 618px; height: 44px;} 

.soft_box { border-radius: 16px; background: #fff; box-shadow: 8px 8px 12px rgba(149, 183, 229, 0.15); width: calc(100% / 3 - 94px); height: 220px; margin-right: 30px; }
.soft_box:last-child{margin-right: 0;}
.soft_box div{ display: block; }
.soft_box div::before { margin: 32px auto 18px; display: block; content: ""; clear: both; width: 65px; height: 65px; }
.soft_box .icon_always::before{ background: url("../images/common/icon_always.png") no-repeat; }
.soft_box .icon_simple::before{ background: url("../images/common/icon_simple.png") no-repeat; }
.soft_box .icon_security::before{ background: url("../images/common/icon_security.png") no-repeat; }
.soft_box .icon_otp_01::before{ background: url("../images/common/icon_otp_1.png") no-repeat; width: 77px; height: 66px;}
.soft_box .icon_otp_02::before{ background: url("../images/common/icon_otp_2.png") no-repeat; width: 58px; height: 66px;}
.soft_box .icon_otp_03::before{ background: url("../images/common/icon_otp_3.png") no-repeat; width: 65px; height: 70px;}

.btn_submit02{ border-radius: 6px; padding: 13px 40px 12px; min-width:160px; background:#3A8DFD ; color:#fff ; }
/* 20221215 수정 */
.content_view .loginWrap .login_top > li > .btnWrap.cert_btnbox{ margin:0 0 17px 0; }
.cert_btnbox button{ display:inline-block; width:201px; height:70px; padding: 8px 15px;  background: #3a8dfd;  border: 1px solid #3a8dfd;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  color: #fff; } /*20221110 수정*/
.cert_btnbox button.btn_blus{ background: #037BBD;  border: 1px solid #037BBD; }
.cert_btnbox button span{ display:block; margin-bottom:3px; font-size:16px; }
.cert_btnbox02 button{ display:block; width:100%; height:62px; margin-left:0; padding: 8px 15px;  background: #3a8dfd;  border: 1px solid #3a8dfd;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  color: #fff; }/*20221110 수정*/
.cert_btnbox02 button.btn_blus{ background: #037BBD;  border: 1px solid #037BBD; }/*20221110 수정*/
.cert_btnbox02 button span{ display:block; margin-bottom:3px; font-size:16px; }/*20221110 수정*/
.listType0201{ text-align:center; }
.listType0201 > li{ display:inline-block;position:relative; margin-right:5px; padding-right:9px; border-right:1px solid #dbdbdb; line-height:1.5em; color:#555}
.listType0201 > li:last-child{ margin-right:0; padding-right:0; border-right:0; }
p.mark_txt{ margin:20px 0 14px 0; text-align:center; }
.newcheckType + label{display:inline-block; padding-right:34px; background:url('../images/common/ico_check_login_off.png') no-repeat right 2px; font-size:16px; line-height:30px; color:#555; }
.newcheckType:checked + label{background-image:url('../images/common/ico_check_login_on.png')}
ul.cert_guid_list{ width:973px; margin:0 auto 36px auto; }
ul.cert_guid_list li{ display:inline-block; position:relative; width:33%; text-align:center; }
ul.cert_guid_list li::before{ content:''; position:absolute; top:7px; right:0; width:1px; height:156px; background:#EDEDED; }
ul.cert_guid_list li:last-child:before{ background:none; }
ul.cert_guid_list li a span{ display:inline-block; width:130px; height:130px; margin-bottom:20px; padding:40px 0; border-radius:80px; background:#F9F9F9; text-align:center; }
ul.cert_guid_list li a p{ font-size: 16px; }
.client_box{ padding:20px; background:#FAFAFA; }
.client_box .client_box_con{ position:relative; width:973px; margin:0 auto; }
.client_box .client_box_con strong{ display:inline-block; position:absolute; top:0; left:0; padding-right:19px; font-size:22px; background:url('../images/common/ico_client.png') no-repeat right 2px; }
.client_box .client_box_con ul{ padding-left:220px; }
.client_box .client_box_con ul li{ display:inline-block; width:238px; height:78px; margin-right:15px; padding:15px 0; border:1px solid #EDEDED; border-radius:5px; background:#fff; text-align: center; }
.client_box .client_box_con ul li span{ display:block; margin:10px 0 0 0; font-size:18px; }
.client_box .client_box_con ul li:first-child span{ color:#3A8DFD; }
.client_box .client_box_con ul li:last-child { margin-right:0; }
/* //20221215*/
/* 2022_08_17 */
.pstr{ position:absolute; top:34px; right:34px; }

/* 2022_08_22 */
.light_purple_box{ width: 100%; height:377px; background: linear-gradient(0deg, #F9FBFF, #F9FBFF), #FBFBFB;}
.tabType03{display: flex; justify-content: center;}
.tabType03 >li{width:50%; height: 50px; border-radius: 10px 10px 0px 0px;border: 1px solid #DDDDDD;border-bottom: none; font-size: 16px; line-height: 28px; text-align: center;}
.tabType03 >li:first-child{border-right: none;}
.tabType03 >li:last-child{border-left: none;}
.tabType03  a {display: block;margin-top: 13px; }
.tabType03  .on {background: #3A8DFD;}
.tabType03  .on a{color: #fff; font-weight: 600;}
.info_list_square {margin-left: 30px;}/*20221212 수정*/
.info_list_square li {width: 230px; display: inline-block; font-size: 15px; color: #555555; line-height: 24px; position: relative;margin: 0 auto  ; text-align: left;}
.info_list_square li::before {content: ""; position: absolute; width: 5px; height: 5px; top: 8px; left: -15px; background: #555555; }
.info_list_square .none_list::before {content: ""; display: none; }
.certification02 {height:auto; justify-content: space-between; text-align: center;line-height: 22px;}
.certification02 li {width: 243.25px;}
.certification02 li::before { content: ""; display: block; clear: both; width: 130px; height: 130px;margin: 0 auto; }
.certification02 li strong {display: block; margin:20px 0 4px; font-size: 15px; color: #555;}
.certification02 li p { display: block; font-size: 17px;}
.certification02 .cloud::before{background: url("../images/common/icon_cloud.png")no-repeat center; }
.certification02 .security::before{background: url("../images/common/icon_security02.png")no-repeat center;}
.certification02 .six_password::before{background: url("../images/common/icon_six.png")no-repeat center;}
.certification02 .tree_year::before{background: url("../images/common/icon_three_year.png")no-repeat center;}
/* 20221109 수정 */
.certification02 .feature01::before{background: url("../images/common/icon_feature01.png")no-repeat center;}
.certification02 .feature02::before{background: url("../images/common/icon_feature02.png")no-repeat center;}
.certification02 .feature03::before{background: url("../images/common/icon_feature03.png")no-repeat center;}
.certification02 .feature04::before{background: url("../images/common/icon_feature04.png")no-repeat center;}
.cert_btnbox button.logo_button{position: relative; padding:13px 21px 14px 64px;}
.cert_btnbox02 button.logo_button span{ margin:-5px 0 0 0; }/* 20221109 이정민 추가 */
.logo_button{position: relative; ; padding: 26px 21px 26px 64px !important;}
.logo_button::before{content: ""; clear: both; position: absolute; top: 20px; left: 40px; width: 32px; height: 35px; background: url("../images/common/icon_finance_logo.png") no-repeat;}
.cert_btnbox02 button.logo_button::before{content: ""; clear: both; position: absolute; top: 12px; left: 65px; width: 32px; height: 35px; background: url("../images/common/icon_finance_logo.png") no-repeat;}
.cert_btnbox02 button.logo_button02{position: relative; height:80px; padding: 26px 21px 26px 64px;}/* 20221109 이정민 추가 */
.cert_btnbox02 button.logo_button02 span{ margin-bottom:0; }/* 20221109 이정민 추가 */
.cert_btnbox02 button.logo_button02::before{content: ""; clear: both; position: absolute; top:24px; left:25px; width: 30px; height: 30px; background: url("../images/common/icon_logos.png") no-repeat;}/* 20221109 이정민 추가 */
.cert_btnbox02 button.logo_button02.lbmild{ margin-bottom:118px; }/* 20221206*/
/* //20221109 수정 */
.tblWrap .tblType01 thead th .btn_area {position: absolute; top:45%; right:8px; margin-top:-6px;}/*20221216*/
.tblWrap .tblType01 thead th .btn_up {display:block; width:8px; height:7px; margin-bottom:4px; background:url('../images/common/btn_up 1.png') no-repeat 0 0px;}/*20221216*/
.tblWrap .tblType01 thead th .btn_down {display:block; width:8px; height:7px; background:url('../images/common/btn_down 1.png') no-repeat 0 0px;}/*20221216*/
.tblWrap .tblType01 thead th .btn_up.clicked { background:url('../images/common/btn_up_1_blue.png') no-repeat 0 0px;}/*20221220 ..*/
.tblWrap .tblType01 thead th .btn_down.clicked { background:url('../images/common/btn_down_1_blue.png') no-repeat 0 0px;}/*20221220 ..*/

/* 20221004 고동균*/
.otp_list {margin-top: 35px; padding-left: 15px; position: relative; font-weight: 400; font-size: 16px; line-height: 18px; letter-spacing: -0.01em; color: #222;}
.otp_list.circle::before {position: absolute; top: 5px; left: 1px; content: ""; border-radius: 5px; width: 5px; height: 5px; background: #222;}
.otp_list > li p{font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.01em; color: #555555;}
.otp_list > li{margin-left: -6px; padding-top:10px; position: relative; font-weight: 400; font-size: 15px; line-height: 17px; letter-spacing: -0.01em; color: #555555;}
.otp_list > li::before {position: absolute; top:18px; left: -15px; content: ""; border-bottom: 1px solid #555; width: 5px;  background: #222;}
.otp_list > li:first-child::before {position: absolute; top:24px; left: -15px; content: ""; border-bottom: 1px solid #555; width: 5px;  background: #222;}
.otp_list > li:first-child{padding-top: 16px;}
.otp_tit{margin-bottom: 32px; font-family:'NanumGothic'; font-weight: 700; font-size: 22px; line-height: 25px; color: #222; }
.otp_sub_tit{display: block; margin-bottom: 24px; font-family:'NanumGothic'; font-weight: b; font-size: 20px; line-height: 100%;color: #222222; }
.fw13{font-size: 13px !important;}
.pb_233{padding: 0 233px 0 234px;}
.pd_240{padding:0 240px}
.mgT80{margin-top: 80px !important;}
.mgT70{margin-top: 70px !important;}
.mgT75{margin-top: 75px !important;}
.mgB280{padding-bottom: 280px !important;}
.nanum_S{font-family:'NanumGothic';}
.nanum_B{font-family:'nanum B';}
.border_blue{border-top: 2px solid #3A8DFD;}

/* 20221005 소비자보호 */
.defense_tit{margin-bottom: 30px;  font-family:'NanumGothic'; position: relative;font-weight: 700; font-size: 36px; line-height: 41px;}
.defense_tit::before{position: absolute; bottom: -30px; left: 0; content: ""; border-bottom: 1px solid #ddd; width: 100%; }
.defense_article{position: relative; padding: 0 0 10px; text-align: center;}
.defense_article.h1148{height: 1148px;}
.defense_article .pyramid_section{position: relative; margin-top: 60px;}
.defense_article .pyramid_section > .gray_round_box{position: absolute; top: 399px; right: 100px; width: 300px; height: 60px; text-align: center; padding: 18px; font-family:'NanumGothic'; font-weight: 700; font-size: 18px; line-height: 24px;  border: 1px solid #ddd; border-radius: 60px;}
.defense_article .pyramid_section > .pyramid_text{position: absolute; top: 479px; right: 164px; text-align: left; font-family:'NanumGothic'; color:#888; font-weight: 400; font-size: 16px; line-height: 20px;}
.defense_sub_tit{display: block; font-family:'NanumGothic';  font-style: normal; font-weight: 700; font-size: 28px; line-height: 40px; text-align: left;}
.defense_text{margin-top: 20px; font-family:'NanumGothic'; font-weight: 400; font-size: 18px; line-height: 30px; text-align: left; color: #555;}
.defense_list{width: 894px; /* border-top:  1px solid #ddd; */}
.defense_list li:first-child{margin-top: 60px;}
.defense_list li {position: relative; margin: 54px 0;}
.defense_list li span{position:absolute; left: 0px; top: 0; font-family:'NanumGothic'; font-weight: 700; font-size: 18px; line-height: 24px;}
.defense_list li p{margin-left: 90px; vertical-align: top; font-family:'NanumGothic'; font-weight: 400; font-size: 18px; line-height: 24px; color: #555555;}
.defense_bottom_logo{width: 974px; margin:21px auto 77px;  text-align: right; }
.defense_bottom_logo p{display: inline-block; vertical-align: middle; font-weight: 400; color: #555; font-size: 22px; line-height: 20px; font-family:'NanumGothic'; }
.defense_bottom_logo img{margin-right: 10px;}
.protection_list{width: 974px;  display: flex; flex-wrap: wrap; justify-content: center}
.protection_list > li{position: relative; width: 472px; height: 320px; background:#f2f4f6; border: 1px solid #f2f4f6; border-radius: 10px; }
.protection_list > li::before{top: 40px; left: 40px;}
.protection_list >li strong { display:block;padding:120px 0 0px 40px;font-weight: 700; font-size: 20px; line-height: 23px; font-family:'NanumGothic'}
.protection_list >li > ul {padding:0px 0 0 40px;}
.protection_list >li > ul > li{position: relative;margin-bottom: 10px; padding-left: 10px;padding-right:20px ;  font-family:'NanumGothic';font-weight: 400; font-size: 16px; line-height: 24px; color: #555;}
.protection_list >li > ul > li:first-child{margin-top: 20px;}
.protection_list >li:nth-child(1)::before{position: absolute; content: ""; top: 38px; left: 40px; background: url("../../../img/cma/icon_defense.png") no-repeat; width: 54px; height: 54px; background-size:54px;}
.protection_list >li:nth-child(2)::before{position: absolute; content: ""; background: url("../../../img/cma/icon_defense02.png") no-repeat; width: 54px; height: 54px; background-size:54px;}
.protection_list >li:nth-child(3)::before{position: absolute; content: ""; background: url("../../../img/cma/icon_defense03.png") no-repeat; width: 54px; height: 54px; background-size:54px;}
.protection_list >li:nth-child(4)::before{position: absolute; content: ""; background: url("../../../img/cma/icon_defense04.png") no-repeat; width: 54px; height: 54px; background-size:54px;}
.protection_list >li:nth-child(odd){margin-right: 30px;margin-bottom: 30px;}
.protection_list >li:nth-child(even){margin-bottom: 30px;}
.bg_pyramid{ margin-bottom:366px ; }
.inputText.otp span, .inputTime.otp span{ width: 140px; height: 34px;  left: 15px; font-family:'NanumGothic';font-weight: 400; font-size: 14px; color: #555;letter-spacing: -0.01em; }
.btn_white.otp_button_option{ font-weight: 400; font-family:'NanumGothic'; font-size: 14px; line-height: 100%; letter-spacing: -0.01em; color: #222;}

/* 반응형(회사소개) */
.com_br {display: none;}
.company_text{ font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; text-align: center; color: #555;}
.company_tit{display: block;padding-bottom:30px;border-bottom: 1px solid #DDDDDD; font-family:'NanumGothic'; position: relative;font-weight: 700; font-size: 36px; line-height: 41px;}
.company_article02 {padding-top: 80px;}
.protection_list{width: 974px;margin-top: 60px;  display: flex; flex-wrap: wrap; justify-content: center}
.company_article{position: relative; /* height: 1148px; padding: 80px 0 0; */ text-align: center;}
.company_article_sub_tit{ display: block; font-family:'NanumGothic';  font-style: normal; font-weight: 700; font-size: 28px; line-height: 41px; text-align: center;}
.company_article_text{margin-top:30px; font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; text-align: center; color: #555;}
.company_article .pyramid_section{position: relative; margin-top: 60px;}
.company_article .pyramid_section > img {width: 80%; margin: 0 auto;}
.company_article .pyramid_section > .gray_round_box{position: absolute; top: 399px; right: 100px; width: 300px; height: 60px; text-align: center; padding: 18px; font-family:'NanumGothic'; font-weight: 700; font-size: 18px; line-height: 24px;  border: 1px solid #ddd; border-radius: 60px;}
.company_article .pyramid_section > .pyramid_text{position: absolute; top: 479px; right: 164px; text-align: left; font-family:'NanumGothic'; color:#888; font-weight: 400; font-size: 16px; line-height: 20px;}
.company_article_sub_tit2{ display: block; font-family:'NanumGothic';  font-style: normal; font-weight: 700; font-size: 16px; line-height: 41px; text-align: left;}
.company_article_sub_tit3{ display: block; font-family:'NanumGothic';  font-style: normal; font-weight: 700; font-size: 21px; line-height: 41px; text-align: left;}
.company_article_sub_tit3 > span {font-weight: 400; font-size: 21px;}

/* 20221013 금융소비자보호-내부통제기준 */
.disc_text{font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; text-align: center; color: #555; text-align: left;}
.disc_text li{font-family:'NanumGothic';}
.listType01.mo_pc{margin-top: 50px;padding: 0px;}

/* 20221014 예금시뮬레이션 */
.graph_sub_tit{display:block; margin-bottom: 30px; font-family:'NanumGothic'; font-weight: bold; font-size: 22px; line-height: 26px; color: #000;}
.simul_sub_wrap{margin: 71px 0 68px;}
.border_radius_box.graph{margin-bottom: 30px; position: relative; padding: 57px 319px 56px 148px; background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #DBDBDB; border: 1px solid #DBDBDB; border-radius: 10px; font-family:'NanumGothic'; font-weight: 400; font-size: 18px; line-height: 20px; letter-spacing: -0.02em; color: #555;}
.border_radius_box.graph::before{position: absolute; top: 37px; left: 40px; width: 76px; height: 60px; content: ""; background: url("../images/common/icon_graph.png") no-repeat; }
.graph_list{display: flex; justify-content: space-between; flex-wrap: wrap;}
/* .graph_list li,h3,p,strong,span,button{font-family:'NanumGothic';} 20221117 주석 */
.graph_list > li{overflow: hidden; border: 1px solid red; width: 472px; height: 208px; background-color: #fff; border: 1px solid #ddd; border-radius: 10px;}
.graph_list > li > h3{padding: 24px 60px 8px 40px; font-weight: 700; font-size: 20px; line-height: 23px; color: #222;}
.graph_list > li > p{padding: 0 88px 15px 40px; word-wrap: break-word; font-weight: 400; font-size: 14px; line-height: 24px; color: #555;}
.graph_list > li > ul{height: 112px; background: linear-gradient(0deg, #F3F8FF, #F3F8FF), linear-gradient(0deg, #F9FBFF, #F9FBFF), #FBFBFB; border:none; border-radius: 0px 0px 10px 10px;}
.graph_list > li > ul li{height: 50%; display: flex; justify-content: space-between; align-items: center;color: #222; letter-spacing: -0.02em;}
.graph_list > li > ul li > strong > span{font-weight:400; color: #3A8DFD;}
.graph_list > li > ul li:nth-child(1){padding: 20px 40px 5px;}
.graph_list > li > ul li:nth-child(2){padding: 5px 40px 20px;}
.btn_all_blue{height: 30px; padding: 6px 22px; border: 1px solid #3A8DFD; background: #fff; border-radius: 5px; color: #3A8DFD;}
.graph_list.type02 >li:nth-child(1),.graph_list.type02 >li:nth-child(2) {margin-bottom: 20px;}
.graph_list.type02 > li {position: relative; background: #fff; height: 150px;}
.graph_list.type02 > li > h3::before{position: absolute; top: 63px; left:40px; transition: -50%; content: ""; width: 392px; border-bottom: 1px solid #EDEDED;}
.graph_list.type02 > li > ul{background: #fff; border: nont; margin-top: 14px; line-height: 22px;}
.graph_list.type02 > li > ul>li p{color: #555;}

/* 팝업 */
.new_pop_box{
	position: fixed;
	left: 50%;
	top: 50%;
	width: 660px;
	height: auto;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border:1px solid #000;
	border-radius: 10px;
	background: #fff;
	z-index: 100;
	}
	.new_pop_box .new_pop_tit { padding: 18px 30px; border-bottom:1px solid #DBDBDB; }
	.new_pop_box .new_pop_tit p{  letter-spacing: 1px; font-size: 18px; font-family:'NanumGothic'; font-weight: 700; }
	.new_pop_box .new_pop_tit .btn_close{ overflow:hidden; position:absolute; top:19px; right:20px; width:16px; height:16px;  background: url('../images/common/btn_search_cls.png') no-repeat center;  text-indent: -9999px; }
	.new_pop_box .new_pop_cnt{ overflow:auto; height:550px; padding:30px; }
	.new_pop_box .new_pop_cnt.npcamr{ overflow:auto; height:350px; padding:30px; }
	.new_pop_box .new_pop_cnt ul.pop_info_list{  }
	.new_pop_box .new_pop_cnt ul.pop_info_list li{ position:relative; margin-bottom:12px; padding-left:14px; }
	.new_pop_box .new_pop_cnt ul.pop_info_list li::before{ content:''; position:absolute; top:5px; left:0; width: 4px; height: 4px; background:#565656; }
	.new_pop_box .new_pop_cnt ul.pop_info_list li:first-child:before{ content:''; position:absolute; top:8px; left:0; width: 4px; height: 4px; background:#565656; }
	.new_pop_box .new_pop_cnt ul.pop_info_list li img{ display:inline-block; margin-right:4px; vertical-align: -7px; }
	
	/* 알림함 */
	.pop_btn_list {margin:26px 0 32px;}
	.pop_btn_list li{position: relative; border: 1px solid #ddd; margin-bottom: 8px; width: 600px;  height: 44px; border-radius: 10px;}
	.pop_btn_list > li > button{ width: 100%; padding: 15px 0 15px 16px; font-family:'NanumGothic';font-weight: 400; font-size: 14px; line-height: 100%; color: #222; text-align: left;}
	.pop_btn_list li::before{ position: absolute; top: 10px; right: 15px; content: "";  width: 20px; height: 22px; background: url("../images/common/icon_right_arrow.png");  }
	.pop_btn_list li:last-child{ margin-bottom: 0;}
	
	/* pop 버튼 */
	.pop_btn_wrap{display: flex;padding:20px 0;  justify-content: center; }
	.pop_btn_wrap button{width: 120px; height: 34px; margin-right: 8px; padding: 10px 24px; background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #3A8DFD; border: 1px solid #bbb; border-radius: 6px; font-family:'NanumGothic';font-weight: 700; font-size: 14px; line-height: 100%; }
	.pop_btn_wrap button:last-child{margin: 0;}
	.pop_btn_wrap .btn_blue{background: #3A8DFD; color:#fff ;}

	/* 20221109 */
	.won_certificate {background: url("../images/common/bg_wori_won.png")100% 100% no-repeat;  padding-bottom: 154px;}
	.won_certificate h2{padding-bottom: 20px; font-family: 'NanumSquare'; font-weight: 700; font-size: 46px; line-height: 52px; letter-spacing: -0.02em; color: #000000; }
	.won_certificate p { font-family: 'NanumSquare'; font-weight: 400; font-size: 24px; line-height: 38px; letter-spacing: -0.02em; color: #666666;}
	.won_list {display: flex; flex-wrap: wrap;}
	.won_list > li{width: 473px;  margin:0 28px 28px 0; padding: 36px 0 36px 154px; border-radius: 10px; border: 1px solid #ddd; font-family: 'NanumSquare';}
	.won_list > li:nth-child(1){background: url("../images/common/icon_won_list_01.png") no-repeat 30px 36px;}
	.won_list > li:nth-child(2){background: url("../images/common/icon_won_list_02.png") no-repeat 30px 36px;}
	.won_list > li:nth-child(3){background: url("../images/common/icon_won_list_03.png") no-repeat 30px 36px;}
	.won_list > li:nth-child(4){background: url("../images/common/icon_won_list_04.png") no-repeat 30px 36px;}
	.won_list > li:nth-child(2),.won_list > li:nth-child(4){margin-right: 0;}
	.won_list > li:nth-child(3),.won_list > li:nth-child(4){margin-bottom: 0;}
	.won_list > li > strong{font-weight: 700; font-size: 24px; line-height: 27px; letter-spacing: -0.02em; color: #000000;}
	.won_list > li > p{padding-top: 20px; font-weight: 400; font-size: 16px; line-height: 24px; color: #666666;}
	.product_title02{margin-bottom: 24px; font-family: 'NanumSquare';font-weight: 700; font-size: 20px; line-height: 23px; letter-spacing: -0.02em; color: #000000; }
	.product_listType04 > li {position: relative; padding-left:12px; line-height:26px; font-family: 'NanumSquare'; letter-spacing: -0.02em; color: #666; margin-bottom: 6px;}
	.product_listType04 > li:last-child{margin-bottom: 0;}
	.product_listType04 > li:before {display:block; content:""; clear:both; width:4px; height:4px; background:#555; border-radius: 1px;position:absolute; top:11px; left:0}
	.btn_submit03{padding: 10px 53px 9px;  border-radius: 5px;  background: #3A8DFD; font-weight: 600; color: #fff; font-size: 14px; line-height: 16px; text-align: center; letter-spacing: -0.01em;}
	.btn_blue02{background: #3A8DFD !important; color: #fff;}
	.feature_box{ overflow:hidden;  margin-top:80px; }
	.feature_box h3{ margin-bottom:32px; font-size:24px; font-weight:700; }
	.feature_box a.more{ position:absolute; top:0; right:0; }
	.feature_box .feature_con_l{ position:relative; width:454px; float:left; }
	.feature_box .feature_con_l ul{ }
	.feature_box .feature_con_l ul li{ margin-bottom:15px; }
	.feature_box .feature_con_l ul li:last-child{ margin-bottom:0; }
	.feature_box .feature_con_l ul li a{ display:block;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; }
	.feature_box .feature_con_l ul li a span{ display:inline-block; margin-right:5px; padding:5px 9px; border:1px solid #3A8DFD; border-radius:11px; background:#FFFFFF; font-size:12px; color:#3A8DFD; }
	.feature_box .feature_con_r{ position:relative; width:464px; float:right; }

	ul.feature_list{ overflow:hidden; margin-top:60px; padding:35px 65px; background:#F0FCFF; border-radius: 10px; }
	ul.feature_list li{ float:left; }
	ul.feature_list li a{ padding:5px 0; margin-right:50px; padding-right:50px; border-right:1px solid #ECF0F9; font-size:15px; }
	ul.feature_list li:last-child a{ margin-right:0; padding-right:0; border-right:0; }

/*--------- esg 활동 ---------*/
.esg .tabBtn.tabType01{margin-bottom:30px; }
.esg{position: relative; overflow:hidden; border: 1px solid #dbdbdb; border-top:0; border-right:0; }
.esg .bg_top{background:url('../images/esg_tab_bg_top.jpg') no-repeat;width:100%; height:135px; }
.esg .bg_right{background:#0062a7 url('../images/esg_tab_bg_right.png') no-repeat top right; position: absolute;
    right: 0; width: 45px; height: 100%;}
.esg .bg_content{background:url('../images/esg_tab_bg_left.png') no-repeat top left; padding: 0 86px 0 43px; padding-bottom:56px; }
.esg .bank_info{background:transparent; text-align:center; margin-bottom:0; padding: 44px 0 42px 0; }
.esg .bank_info .tit strong{font-size:30px; }
.esg .tabBtn > li{width:33%; }
.esg .tabType01 > li.on:after{display:none; }
.esg .tabType01 > li:nth-of-type(4){border-left: 1px solid #ddd;}
.esg .tabType01 > li:nth-of-type(4),.esg .tabType01 > li:nth-of-type(5),.esg .tabType01 > li:nth-of-type(6){border-top:0; }
.esg .flex_wrap.one{margin-bottom:39px; }
.esg .flex_wrap.one .left{font-size:16px; width:28%; padding-right:45px; line-height: 1.5; position:relative; padding-top: 16px}
.esg .flex_wrap.one .left:before{position:absolute; content:''; background: #0283cb; width: calc(100% - 45px);
    height: 1px; top: 0; }
.esg .flex_wrap.one .left span:before{position:absolute; content:''; background: none; width: 100%;
    height: 1px; top: 0; }
.esg .flex_wrap.one .right{font-size:14px; color:#555555; line-height: 1.9; width:72%; }
.esg .flex_wrap.one .right .img{margin:14px 0 0 0; }
.esg .flex_wrap.one .right .img.line{border: 1px solid #e1e1e1; border-radius: 15px; }
.esg .flex_wrap.one .right .img.shadow img{box-shadow: 0px 8px 13px rgba(0, 0, 0, 0.3); }
.esg .flex_wrap.one .right .img img{border-radius: 15px; }
.esg .tab05 .tblWrap{border-top:1px solid #555555; margin-top:20px; margin-bottom:46px; }
.esg .tab05 table{width:100%; }
.esg .tab05 table th{background:#fff;  }
.esg .tab05 table td{text-align:left; padding: 3px 5px 3px 4%; border:none; }
.esg .tab05 table td.line{border-bottom:1px solid #dbdbdb; }
.esg .color_tit{margin-top:15px; margin-bottom:22px; }
.esg .color_tit span{background:#deebf7; color:#0283cb; font-size: 16px; display: inline-block; padding: 10px 31px 8px 31px;
    border-radius: 25px; }
/* .esg .flex_wrap .flex_wrap{margin-bottom:0; }
.esg .flex_wrap .flex_wrap .txt_wrap{width: 70%; } */
.esg .flex_wrap.one .flex_wrap .img+.img{margin-left:3.3%; }
.esg .flex_wrap.one .flex_wrap+.flex_wrap{margin-top:3.3%;}
.esg .flex_wrap.one .flex_wrap+.flex_wrap .img{margin-top:0; }

/*인쇄버튼*/ 
.print_area .print{font-size: 14px; color: #fff; float: right; margin: -21px 40px 0 0px; border: 1px solid #fff;
    padding: 5px; border-radius: 5px;}
.date_area .date{float:right; }
.date_area .date dt, .date_area .date dd{float:left; font-size:12px}
.date_area .date dt{margin:0 3px 0 12px}
.date_area .date dd{color:#888}
.date_area span.date{margin:-20px 0 8px; font-size:12px; color:#888}

/*20240305추가 - 개인정보처리방침*/
.brd_txt_icon_box{display: flex; justify-content: space-between; }
.brd_txt_icon_box li{border: 2px solid #f2f2f2; box-sizing: border-box; border-radius: 10px; width: 33%;}
.brd_txt_icon_box li+li{margin-left:25px; }
.brd_txt_icon_box.bottom li{padding: 30px 30px 150px 30px; }
.brd_txt_icon_box.top li{padding: 157px 30px 30px 30px; }
.brd_txt_icon_box li .tit{font-size: 18px; line-height: 1.5; }
.brd_txt_icon_box li .txt{font-size: 16px; line-height: 1.7; margin-top: 10px; word-break: keep-all; }
.brd_txt_icon_box.privacy_one li:nth-child(1){background:url('../images/icon_privacy_policy_01.png') no-repeat center bottom 15% ;}
.brd_txt_icon_box.privacy_one li:nth-child(2){background:url('../images/icon_privacy_policy_02.png') no-repeat center bottom 15% ;}
.brd_txt_icon_box.privacy_one li:nth-child(3){background:url('../images/icon_privacy_policy_04.png') no-repeat center bottom 15% ;}
.brd_txt_icon_box.privacy_three li:nth-child(1){background:url('../images/icon_privacy_policy_09.png') no-repeat center top 10% ;}
.brd_txt_icon_box.privacy_three li:nth-child(2){background:url('../images/icon_privacy_policy_10.png') no-repeat center top 9% ;}
.brd_txt_icon_box.privacy_three li:nth-child(3){background:url('../images/icon_privacy_policy_11.png') no-repeat center top 10% ;}
.brd_txt_icon_box.privacy_four li:nth-child(1){background:url('../images/icon_privacy_policy_12.png') no-repeat center top 14% ;}
.brd_txt_icon_box.privacy_four li:nth-child(2){background:url('../images/icon_privacy_policy_13.png') no-repeat center top 14% ;}
.brd_txt_icon_box.privacy_four li:nth-child(3){background:url('../images/icon_privacy_policy_14.png') no-repeat center top 14% ;}

.row_img_txt_box{display: flex; align-items: flex-start; margin-top:30px; }
.row_img_txt_box .img{flex-shrink: 0; width: 120px; text-align: center; padding-top: 7px; }
.row_img_txt_box .txt_area{margin-left: 13px; line-height: 1.6; flex-grow: 1; }
.row_img_txt_box.two .txt_area{max-width: 370px; }
.row_img_txt_box .txt_area .tit{font-size:18px; }
.row_img_txt_box .txt_area .txt{font-size:16px; width:88%; margin-top:5px; word-break: keep-all; }

.process_list{display: flex; justify-content: space-around; margin-top: 45px; }
.process_list li{text-align: center; position:relative; }
.process_list li+li:before{position:absolute; content:''; background:url('../images/img_arrow07.png') no-repeat 50%;
	    width: 20px; height: 20px; left: -42%; top: 37%; }
.process_list li span{}
.process_list li p{font-size: 18px; margin-top: 15px; }

/*2024-03-11 추가 - 인뱅 이자조회팝업*/
.arrow_bg{display:block; cursor:pointer; background:url('../images/img_arrow08.png') no-repeat 99% 50%; padding-right: 10%; }
.interest_inquiry_pop [class*="con_"]{width:50%; padding: 0 35px; }
.interest_inquiry_pop .con_right{position:relative; }
.interest_inquiry_pop .con_right:before{position: absolute; content: ''; top: 19px; left: 0px; background: #d1d1d1;
    height: 94%; width: 2px; }