@charset "utf-8";

/* 190304 추가 */
.notice-list.sm li { padding-bottom: 10px; font-size: 14px; }
.table-step > li { position: relative; float: left; width: 175px; height: 90px; margin-right: 10px; background: #909090; text-align: center; }
.table-step > li:last-child { margin-right: 0; }
.table-step > li:nth-child(n+6) { margin-top:10px; }/* 190911 김재원 */
.table-step > li:after,
.table-step > li:before { position: absolute; content: ''; top: 50%; right: -10px; width: 0; height: 0; border-left: 20px solid rgba(0,0,0,0); border-top: 20px solid #999; transform: rotate(45deg); transform: -webkit-rotate(45deg); transform: -moz-rotate(45deg); transform: -o-rotate(45deg); transform: -ms-rotate(45deg); margin-top: -9px; z-index: 1; }
.table-step > li:before { right: -18px; margin-top: -16.4px; border-left: 35px solid rgba(0,0,0,0); border-top: 35px solid #fff; }
.table-step > li:last-child:after,
.table-step > li:last-child:before { display: none; }
.table-step > li .num{ font-weight: 500; font-size: 20px; color: #fff; margin-bottom: 4px; }
.table-step > li .txt{ font-size: 14px; color:#fff; line-height: 17px; }

/* 191209 추가 */
.table-step03 {width:100%;}
.table-step03 + .table-step03 {margin-top:20px;}
.table-step03 .step-box {position:relative;display:inline-block;width:calc(25% - 13px);margin-right:10px;text-align:center;vertical-align:top;}
.table-step03 .step-box .text {margin-top:7px;padding-bottom:15px;font-size: 14px;line-height:20px;word-break:keep-all;}
.table-step03 .step-box::before{ position: absolute; content: '';right: -21px;margin-top:29px;border-left: 35px solid rgba(0,0,0,0); border-top: 35px solid #fff;transform: rotate(45deg); transform: -webkit-rotate(45deg); transform: -moz-rotate(45deg); transform: -o-rotate(45deg); transform: -ms-rotate(45deg);z-index: 1;}
.table-step03 .step-box .step {position:relative;height:90px;padding: 16px 0 0 4px;background:#909090;}
.table-step03 .step-box .step::after{ position: absolute; content: ''; top: 50%; right: -10px; width: 0; height: 0; border-left: 20px solid rgba(0,0,0,0); border-top: 20px solid #909090; transform: rotate(45deg); transform: -webkit-rotate(45deg); transform: -moz-rotate(45deg); transform: -o-rotate(45deg); transform: -ms-rotate(45deg); margin-top: -9px; z-index: 1; }
.table-step03 .step-box .step .num{ font-weight: 500; font-size: 20px; color: #fff; margin-bottom: 4px; }
.table-step03 .step-box .step .txt{ font-size: 14px; color:#fff; line-height: 20px;word-break:keep-all;}
.table-step03 .step-box:nth-child(4n) .step::after {display:none;}
.table-step03 .step-box:nth-child(4n)::before {display:none;}
.table-step03 .step-box:last-child .step::after {display:none;}
.table-step03 .step-box:last-child::before {display:none;}
.table-step03 .step-box:last-child .step {margin-right:0;}


@media (max-width: 910px) {
	.table-step03 .step-box {width:150px;min-height: 150px;}
	.table-step03 .step-box:first-child .step {margin-top:0;}
	.table-step03 .step-box:nth-child(4n) .step::after {display:block;}
	.table-step03 .step-box:nth-child(4n)::before {display:block;}
	.table-step03 .step-box:last-child .step::after {display:none;}
	.table-step03 .step-box:last-child::before {display:none;}
}

@media (max-width: 640px) {
	.table-step03 .step-box .step {margin-top:20px;}
}

/* 190523 추가 */
@media (max-width: 1100px) {
	html.responsive .table-step {margin-top:-5px;}
	html.responsive .table-step > li {margin-top:5px;}
}

/* 190228 추가 - 체크카드 발급신청 */
.slide-box-area .sub-title, .slide-box-area.type02 .sub-title { color: #333; font-size: 22px; }
.btn-slide-active .sub-title { color: #999 !important; }
.slide-box-area.type02 .btn-right-wrap:after { content: ''; clear: both; float: none; display: block; }

.slide-box-area .btn-slide, .slide-box-area .btn-slide-active .btn-slide ,
.slide-box-area.type02 .btn-slide, .slide-box-area.type02 .btn-slide-active .btn-slide { position: static; padding: 0; height: 60px; float: right; border-left: 1px solid #ccc; background: #b5b5b5 url("/img/common/icon_select_fff_up.png") no-repeat center; }

.slide-box-area .btn-slide-active .btn-slide,
.slide-box-area.type02 .btn-slide-active .btn-slide { background: #f7f7f7 url("/img/common/icon_select_333.png") no-repeat center; transform: none; }

.slide-box-txt, .slide-box-txt p:last-child { margin-bottom: 0; }

.slide-box-area.type02 .table { background: #fff; border-top: 0; }
.table .table-cell { vertical-align: middle; }
.slide-box-area.type02 .table-cell p { margin-bottom: 10px; }
.slide-box-area.type02 .table-cell p:last-child { margin-bottom: 0; }
.slide-box-area.type02 .label-wrap { margin-right: 20px; position: relative; }
.slide-box-area.type02 .label-wrap:last-child { margin-right: 0; padding-right: 10px; }
.slide-box-area.type02 .label-wrap:first-child:before { position: absolute; left: -12px; top: 3px; content: '( '; }
.slide-box-area.type02 .label-wrap:last-child:after { position: absolute; right: 0px; top: 3px; content: ' )'; }
.slide-box-area.type02 .slide-box-top .label-wrap:first-child:before { display:none; }
.slide-box-area.type02 .slide-box-top .label-wrap:last-child:after { display:none; }
.slide-box-area.type02 .slide-box-top .label-wrap .chk-label {color:#666;font-weight:500;}
.slide-box-area .btn-downlode,
.slide-box-area.type02 .btn-downlode {display:none; border-right: 0; padding: 23px 20px 23px 40px; }

.phone-mark { display: block; float: left; margin-right: 10px; line-height: 43px; }

/* 190717 추가 */
/* 카드 슬라이더 */
.slide-section.table-clone {padding: 0 40px;position: relative;}
.slide-section .slide {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 40px 40px 40px 0;
    border-bottom: 1px solid var(--line-clr2);
}
.slide-section .slide:last-child {
	border: none;
}
.slide-section .img-area {width: 270px;height: 170px;margin-right: 30px;}
.slide-section .img-area img { display: inline; width: 100%; }
.card-chk-wrap + .img-area {margin-left: 60px;}
.slide-section .img-area, .slide-section .title-area {}
.slide-section .card-img { position: relative; width: 100%; height: 100%; -moz-box-shadow: 5px 5px 45px rgba(0,0,0,0.3);/*FF 3.5+*/ -webkit-box-shadow: 5px 5px 45px rgba(0,0,0,0.3);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 5px 5px 45px rgba(0,0,0,0.3);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=45, Direction=135, Color=#000000); /*IE 5.5-7*/ border-radius: 5px; overflow: hidden; }
.slide-section .title-area {margin-top: 10px;color: #7a8999;font-size: 18px;transition: color 0.25s;-webkit-transition: color 0.25s;}
.slide-section .title-area .arrow-txt {position: relative;display: inline-block;padding-right: 15px;color: #7a8999;font-size: 24px;font-weight: 400;margin-bottom: 20px;}
.slide-section .title-area .arrow-txt:before { content: ''; display: block; position: absolute; z-index: 0; top: 50%; right: 0; width: 9px; height: 9px; box-sizing: content-box; border-bottom: 1px solid #7a8999; border-right: 1px solid #7a8999; margin: -7.5px 0 0 0; padding-top: 1px; padding-left: 1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.slide-section .title-area .arrow-txt:hover { color: #333; }
.slide-section .title-area .arrow-txt:hover:before { border-color: #333; }
.slide-section .card-over {display: table !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; box-sizing: border-box; /*border: 5px solid #fff; background: rgba(0,0,0,0.6);*/ text-align: center; opacity: 0; transition: opacity 0.25s; -webkit-transition: opacity 0.25s;}
.slide-section .slide:hover .card-over,
.slide-section .slide.is-focus .card-over,
.slide-section .slide.is-checked .card-over {opacity: 1;}
.slide-section .slide:hover .title-area,
.slide-section .slide.is-focus .title-area,
.slide-section .slide.is-checked .title-area {color: #333;}
.slide-section .card-over * { color: #fff; }
.slide-section .card-over .card-title { margin-bottom: 16px; font-size: 16px; font-weight: 500; }
.slide-section .card-over .card-des li { font-size: 12px; line-height: 22px; }
.card-chk-wrap {position: absolute;top: 50%;left: 0;transform: translateY(-50%);border: 1px solid var(--disable-clr);}
.card-chk-wrap .card-chk { position: absolute; top: 0; width: 100%; height: 100%; cursor: pointer; background: transparent; opacity: 0; z-index: 5; }
.card-chk-wrap .card-chk:checked ~ .icon_chk { background: url('../../img/common/check_card_t1.png') no-repeat center; }
.card-chk-wrap .card-chk:focus ~ .icon_chk { outline: -webkit-focus-ring-color auto 5px; }
.card-chk-wrap .icon_chk { vertical-align: middle; width: 30px; height: 30px; background: #fff; border-radius: 3px; }
.card-slider-list:after {content: ''; display: table; clear: both;}
.card-slider-list .slide {display: block;}
.slide-section .swiper-object {position: relative; padding: 40px 49px 60px; overflow: hidden;}
.slide-section .swiper-container {overflow: visible;}
.slide-section .swiper-wrapper {height: auto !important;}
.slide-section .swiper-button-next-text,
.slide-section .swiper-button-prev-text {display: block; position: absolute; z-index: -1; width: 1px; height: 1px; overflow: hidden; opacity: 0; color: transparent; font-size: 1px; line-height: 1px; margin: 0; padding: 0; border: none; background: transparent;}
.slide-section .swiper-button-next,
.slide-section .swiper-button-prev {display: block; position: absolute; z-index: 10; top: 0; bottom: 0; width: 80px; height: 100%; overflow: hidden;}
.slide-section .swiper-button-next {right: 0;}
.slide-section .swiper-button-prev {left: 0;}
.slide-section .swiper-button-next:before,
.slide-section .swiper-button-prev:before {content: ''; display: block; position: absolute; top: 50%; width: 24px; height: 24px; margin-top: -42px; border-radius: 2px; border: 2px solid transparent;}
.slide-section .swiper-button-next:before {right: 40px; margin-right: -12px; border-top-color: #333; border-right-color: #333; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.slide-section .swiper-button-prev:before {left: 40px; margin-left: -12px; border-top-color: #333; border-left-color: #333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.slide-section.is-min-length .swiper-button-next,
.slide-section.is-min-length .swiper-button-prev {display: none;}
.slide-section.is-min-length .card-slider-list {width: auto !important; font-size: 0; line-height: 0; text-align: center; white-space: nowrap;}
.slide-section.is-min-length .slide {display: inline-block; vertical-align: top; float: none; white-space: normal;}
/* 190717 추가 */


/* 190227 추가 - 거래중지계좌관리 */
.no-bb tr:last-child, .no-bb tr:last-child th, .no-bb tr:last-child td { border-bottom: none; }

/* 190227 추가 - 출금계좌등록/해제 */
.table-clone {width: 100%;padding: 22px 20px;background: #f7f7f7;border-top: 1px solid #333;border-bottom: 1px solid #ccc;}
.table-clone .table-cell:first-child { font-size: 16px; font-weight: 500; }

/* 190226 추가 */
.btn-table-wrap { padding: 0 !important; }
.btn-table { position: relative; float: none !important; width: 100%; height: 61px; margin-right: 0 !important; display: block; border: none; background: none; }
.btn-table:hover { background-color: #999; }
.btn-table:hover:before,
.btn-table:hover:after { background-color: #fff; }
.btn-table:before,
.btn-table:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); content: ''; width: 16px; height: 2px; background: #333; }
.btn-table:after { transform: translate(-50%, -50%) rotate(135deg); }
.txt-paragraph,
.table-infolist02 > li,
.table-numlist > li { font-size: 14px; color: #333; line-height: 24px; word-break: keep-all; }
.table-infolist02 > li { padding-left: 8px; }
.table-infolist02 > li:before { content: '*'; }
.table-numlist > li { padding-left: 8px; counter-increment: num; }
.table-numlist > li:before { content: '(' counter(num) ')'; }

/*=== 공과금 : ib_taxpenapoli_0200.html ===*/
/* 공과금 - 국세자진납부(190222) */
.notice-list .notice-link { display: inline-block;font-weight: 500; text-decoration: underline; }
.notice-list .notice-link.type02 {margin-left:7px;}
/* 공과금 : 지방세 납부 */
.table-infolist { padding-top: 10px; }
.table-infolist li { float: left; font-size: 11px;  }
.table-infolist li:last-child { position: relative; margin-left: 15px; padding-left: 15px; }
.table-infolist li:last-child:before { position: absolute; top: 1px; /*20190530  top:3에서 1로 수정*/left: 0; content: ''; display: inline-block; width: 1px; height: 10px; background: #333; }
.notice-list-wrap .notice-i-list-wrap { margin-top: 0; }
.notice-list-wrap .notice-i-list {color: #333; font-size: 14px; font-weight: 500; }
.notice-list li:last-child { padding-bottom: 0; }
.notice-list-wrap.type01 {padding-top:19px;}

/* 공과금 - 납부고지서 */
.document-area { border: 1px solid #ccc;padding: 40px; }
.docu-title-area { position: relative; width: 100%; text-align: center; }
.mark { position: absolute; top: 0; left: 0; padding: 3px 10px; border: 1px solid #cc0000; border-radius: 3px; font-size: 11px; font-weight: 500; }
.docu-title { font-weight: 500; font-size: 20px !important; }
.docu-title.top { margin-bottom: 40px; }
.docu-title.btm { margin: 40px 0 15px; text-align: center;font-size:18px !important;}
.docu-title.btm .docu-title{ font-size: 18px; }
.sign-area .com-td { display: table; font-size: 14px; }
.sign-area .com-td > span { display: table-cell; vertical-align: middle; }
.sign-area .com-td .name { padding-right: 20px; }
.sign-area .com-td .sign { width: 78px; height: 78px; font-size: 12px; font-weight: 500; text-align: center; border: 2px dashed #c00; border-radius: 50%; position: relative;}
.sign-area .com-td .sign > span { display: block; margin-bottom: 7px; font-size: 12px; }
.sign-area .com-td .sign .date02 { font-weight: 500; margin-bottom: 12px;}
.sign-area .com-td .sign > span:last-child { margin-bottom: 0; }
.sign-area .com-td .sign .bank{word-break: keep-all; position: absolute; bottom:10px; left:50%; transform: translateX(-50%); }

/* 보안카드 코드표 */
.secret-code-select {position:relative; width:480px; height:300px; background:url('/img/common/security_card.jpg') no-repeat center center;}
.secret-code-select .mark {position:absolute; border:1px solid #e06262; border-radius:0px; width:22px; height:18px; background:#fff; /*background:#f0b2b2;*/ text-indent:-5000px;}
.secret-code-select .mark.mark-0101 { top:54px; left:52px; }
.secret-code-select .mark.mark-0102 { top:54px; left:78px; }
.secret-code-select .mark.mark-0201 { top:54px; left:140px; }
.secret-code-select .mark.mark-0202 { top:54px; left:166px; }
.secret-code-select .mark.mark-0301 { top:54px; left:228px; }
.secret-code-select .mark.mark-0302 { top:54px; left:254px; }
.secret-code-select .mark.mark-0401 { top:54px; left:316px; }
.secret-code-select .mark.mark-0402 { top:54px; left:342px; }
.secret-code-select .mark.mark-0501 { top:54px; left:404px; }
.secret-code-select .mark.mark-0502 { top:54px; left:430px; }

.secret-code-select .mark.mark-0601 { top:88px; left:52px; }
.secret-code-select .mark.mark-0602 { top:88px; left:78px; }
.secret-code-select .mark.mark-0701 { top:88px; left:140px; }
.secret-code-select .mark.mark-0702 { top:88px; left:166px; }
.secret-code-select .mark.mark-0801 { top:88px; left:228px; }
.secret-code-select .mark.mark-0802 { top:88px; left:254px; }
.secret-code-select .mark.mark-0901 { top:88px; left:316px; }
.secret-code-select .mark.mark-0902 { top:88px; left:342px; }
.secret-code-select .mark.mark-1001 { top:88px; left:404px; }
.secret-code-select .mark.mark-1002 { top:88px; left:430px; }

.secret-code-select .mark.mark-1101 { top:123px; left:52px; }
.secret-code-select .mark.mark-1102 { top:123px; left:78px; }
.secret-code-select .mark.mark-1201 { top:123px; left:140px; }
.secret-code-select .mark.mark-1202 { top:123px; left:166px; }
.secret-code-select .mark.mark-1301 { top:123px; left:228px; }
.secret-code-select .mark.mark-1302 { top:123px; left:254px; }
.secret-code-select .mark.mark-1401 { top:123px; left:316px; }
.secret-code-select .mark.mark-1402 { top:123px; left:342px; }
.secret-code-select .mark.mark-1501 { top:123px; left:404px; }
.secret-code-select .mark.mark-1502 { top:123px; left:430px; }

.secret-code-select .mark.mark-1601 { top:158px; left:52px; }
.secret-code-select .mark.mark-1602 { top:158px; left:78px; }
.secret-code-select .mark.mark-1701 { top:158px; left:140px; }
.secret-code-select .mark.mark-1702 { top:158px; left:166px; }
.secret-code-select .mark.mark-1801 { top:158px; left:228px; }
.secret-code-select .mark.mark-1802 { top:158px; left:254px; }
.secret-code-select .mark.mark-1901 { top:158px; left:316px; }
.secret-code-select .mark.mark-1902 { top:158px; left:342px; }
.secret-code-select .mark.mark-2001 { top:158px; left:404px; }
.secret-code-select .mark.mark-2002 { top:158px; left:430px; }

.secret-code-select .mark.mark-2101 { top:192px; left:52px; }
.secret-code-select .mark.mark-2102 { top:192px; left:78px; }
.secret-code-select .mark.mark-2201 { top:192px; left:140px; }
.secret-code-select .mark.mark-2202 { top:192px; left:166px; }
.secret-code-select .mark.mark-2301 { top:192px; left:228px; }
.secret-code-select .mark.mark-2302 { top:192px; left:254px; }
.secret-code-select .mark.mark-2401 { top:192px; left:316px; }
.secret-code-select .mark.mark-2402 { top:192px; left:342px; }
.secret-code-select .mark.mark-2501 { top:192px; left:404px; }
.secret-code-select .mark.mark-2502 { top:192px; left:430px; }

.secret-code-select .mark.mark-2601 { top:226px; left:52px; }
.secret-code-select .mark.mark-2602 { top:226px; left:78px; }
.secret-code-select .mark.mark-2701 { top:226px; left:140px; }
.secret-code-select .mark.mark-2702 { top:226px; left:166px; }
.secret-code-select .mark.mark-2801 { top:226px; left:228px; }
.secret-code-select .mark.mark-2802 { top:226px; left:254px; }
.secret-code-select .mark.mark-2901 { top:226px; left:316px; }
.secret-code-select .mark.mark-2902 { top:226px; left:342px; }
.secret-code-select .mark.mark-3001 { top:226px; left:404px; }
.secret-code-select .mark.mark-3002 { top:226px; left:430px; }

.secret-code-select .mark.mark-3101 { top:260px; left:52px; }
.secret-code-select .mark.mark-3102 { top:260px; left:78px; }
.secret-code-select .mark.mark-3201 { top:260px; left:140px; }
.secret-code-select .mark.mark-3202 { top:260px; left:166px; }
.secret-code-select .mark.mark-3301 { top:260px; left:228px; }
.secret-code-select .mark.mark-3302 { top:260px; left:254px; }
.secret-code-select .mark.mark-3401 { top:260px; left:316px; }
.secret-code-select .mark.mark-3402 { top:260px; left:342px; }
.secret-code-select .mark.mark-3501 { top:260px; left:404px; }
.secret-code-select .mark.mark-3502 { top:260px; left:430px; }

/* 추가 190222 */
.docu-table-area { /* margin-bottom: 50px;  */}
.docu-table-area + .docu-table-area {margin-top:40px;}
.docu-table-area .sub-title { font-size: 18px; }
table .th-sub { display: block; margin-top: 2px; font-size: 11px; }
.radio-box .th-sub {
	display: inline-block; padding-left: 30px; }

/* 계좌상세조회 출력테이블 버튼 수정 */
.btn-thin.retouch {float: right;margin-top: -5px;}

/* 190520 수정 */
@media (max-width: 1100px) {
	html.responsive .btn-thin.retouch { font-size: 10px; font-weight: 300; width: auto; margin-left: -52px; margin-top: 22px; margin-bottom: -7px; padding: 7px 10px; letter-spacing: 3px; }
	html.responsive .font-sizeup { 	position: relative; 	padding-bottom: 40px; 	margin-bottom: -20px !important; }
	html.responsive .font-sizeup .btn-thin.retouch { display:block; float:none; margin: 0; margin-top:5px; min-width: 90px; letter-spacing:0;}
	html.responsive .icon-area.retouch { 	margin-top: 18px; 	font-size: 12px; }
	html.responsive .icon-area.retouch li { 	margin-right: 7px; }
}

/* ================================
	유경
================================= */
/* inqovvi_0102 - 계좌별명관리팝업 */
.point-icon::before { content: "*"; color: #cc0000; padding: 3px; }

/*inqovvi_0101 popup - 통장팝업 */
.btn-basic.margin-r-b { margin-right: 8px; }

/*ib_inqcach_0100 - (조회)자기앞수표*/
.cach-content-wrap { width: 100%; border: 1px solid #ccc; padding: 25px 20px; background: #fff; margin-bottom: 40px; }
.cach-img {  margin: 0 auto; display: block; }
.number-k { font-size: 1em; font-weight: 500; padding: 14px 5px 14px 20px; display: inline-block; }
.number-k span {font-weight: 500;}

/* ib_inqtrhi_0100 - 거래내역조회 */
.radio-box-wrap label { margin-right: 40px; }
.radio-box-wrap label:last-child { margin-right: 0; }

/*전계좌조회*/
.td-point-txt {display: block;margin-top:4px;line-height:26px;}
.td-wrap .td-point-txt + .link {margin-bottom:3px;line-height:20px;}
.td-wrap .td-point-txt + .td-txt {margin-bottom:3px;}
.se-td .td-point-txt + .td-wrap {margin-bottom:3px;}
.td-wrap .td-txt {display:inline-block;line-height: 20px;}
/* 190522 수정 */
@media (max-width: 1100px) { /*inqovvi_0101 popup - 통장팝업 */
	html.responsive .btn-basic.margin-r-b {margin-right: 0;margin-bottom: 7px; }
	/*ib_inqcach_0100 - (조회)자기앞수표*/
	html.responsive .cach-content-wrap { padding: 30px 0; margin-bottom: 15px; }
	html.responsive	.cach-img {width: 80%; }
	html.responsive	.number-k {padding-right: 0; padding-bottom: 0; float: right; }
	/* ib_inqtrhi_0100 - 거래내역조회 */
	html.responsive .radio-box-wrap label { margin-right: 20px; float: left; margin-bottom: 10px; }
	html.responsive .radio-box-wrap label:last-child { 	margin-bottom: 0; } }

/* ================================
	은영
================================= */
.popup-body02{ padding: 26px 30px 0; padding-bottom:0; min-height:150px;max-height:353px; overflow-y: auto; background:#fff }
.popup-body02.type03 {max-height:none;overflow:visible;}
.table-wrap{display: flex;flex-wrap: wrap;width: 100%;border-top:1px solid #000;}
.table-wrap li{width: calc(100% / 8);text-align: center;height: 50px;word-break: break-all;line-height: 16px;border: 1px solid #f2f2f2;}
.table-wrap li a{display: flex;justify-content: center;align-items: center;height: 100%;padding: 0 10px;font-size: 13px;}
.table-wrap li a.active {background: #666;}
.table-wrap li a.active span {color:#fff;}
.table-wrap li a:hover{ background: #666; color:#fff; }
.table-wrap li a:focus{ background: #666; color:#fff; }
.table-wrap li a:hover span{ color:#fff; }
.table-wrap li a:focus span{ color:#fff; }
.table-title{ font-size: 18px; font-weight: 500;margin-top:40px ;padding-bottom: 15px; }

.pc-tab2 .tab-list{ color:#666; font-weight: 300; }
.pc-tab2 .tab-list a{ padding:15px 0; font-size:16px; }
.pc-tab2 .active-tab{ font-weight: 500; }

/* 이체한도조회 page*/
.table-type02 td{ padding:22px 10px; }
.table-type02 tr:last-child > .table-th { border-bottom: 1px solid #ccc; }
.table-type02 .table-th{ font-weight: 500; background: #f6f6f6; border-color: #ededed }
.table-type03 td{ width:25%; }
.table-type04-foot{ border-top: 1px solid #ccc; background: #f7f7f7; text-align: right; padding: 12px 20px; border-bottom: 1px solid #ccc; }
.table-type04-foot .btn-clickbox{ width: 100%; display: inline-block; padding-top: 0; text-align: left; position: relative; left:0px; top: 0px; }

.notice-list2{ width:1100px; margin:0 auto; }
.notice-list2 li{ position: relative; font-size: 14px; line-height: 1.2; padding-bottom: 15px; padding-left: 15px; }
.notice-list2 li span{ position: relative; font-size: 11px; padding-left:4px; padding-right: 10px; color:#646363; }
.notice-list2 li span::before{ content: ''; display: block; position: absolute; top:-2px; left: 0px; width:12px; height: 12px; border:1px solid #6d6d6d; border-radius: 50%; }

.month-list span{ float: left; }
.month-list span:first-child::after{ display: none; }
.month-list span::after{ content: ''; display: block; width:1px; height: 12px; float: left; background: #000; margin:0 12px; }

/* ================================
	유경
	이체 추가
================================= */
/*trnimtrmult_0100 - 즉시이체(다계좌이체)********/
/*받는분 추가표시*/
.table-name { font-size: 11px; float: left; margin-top: 7px; margin-bottom: -7px; }

/*삭제버튼*/
.thin-center { float: none !important; margin-right: 0 !important; }

/*표 아래 총..td-box.*/
.table-type02-foot .td-box.width2 { width: 50%; }
.table-type02-foot .td-box.line { position: relative; }
.table-type02-foot .td-box.line::after { content: ''; width: 1px; height: 20px; background: #ccc; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); }

/*테이블 스크롤*/
table.scroll { max-height: 400px; overflow-x: auto; display: block; }

/*작은*/
.list-date {float:right;margin-top:10px;}
.list-date li, .list-date li span, .list-date > span { }
.list-date > span {font-size:11px;}
.list-date li span:first-child {font-weight:700 !important;}
.list-date.line-height li{ line-height: 2.7; }
.txt-mid {margin:0 5px;}

/*공통 타이틀옆 버튼*/
.icon-area.retouch .btn-sm-wh.resize { min-width: 120px; }

/*지연이체팝업*/
.popup-b-txt { margin-bottom: 28px; }
.popup-b-txt li{ font-weight: 500; font-size: 18px; margin-bottom: 12px; }
.popup-checkbox-wrap {border: 1px solid #ccc;padding: 22px;margin: 20px 0;}
.popup-checkbox-wrap .radio-box-wrap {display: inline-block;}

/*처리완료페이지 작은 txt*/
.txt-result02 .txt-s { color: #666; font-size: 16px; }
.arrow-icon { width: 6px; height: 13px; background: url("/img/common/arrow_icon_ss.png") no-repeat center; background-size: cover; display: inline-block; }

/* ib_inqtrhi_0100 - 거래내역조회 */
.radio-box-wrap .radio-box { margin: 3px 40px 0 0; }
.radio-box-wrap .radio-box.ty01 {margin-right:30px;}
.radio-box-wrap .radio-box:last-child { margin-right: 0; }
.radio-box-wrap .t-margin { margin-top: 10px; margin-bottom: 15px; }

/* 주소찾기 팝업 */
.address-search { margin-bottom: 10px; }
.address-search::after,
.address-result li::after { content: ''; display: block; clear: both; }
.address-search * { float: left; margin-right: 10px; }
.address-search select { width: 140px; }
.address-search input { width: 343px; }
.address-search button { width: 120px; margin-right: 0; }
.address-search.type02 input { width: 510px; max-width: inherit; }
.address-view { border: 1px solid #ccc; padding: 20px; max-height: 150px; overflow-y: auto; }
.address-info li { text-align: center; font-size: 14px; padding: 3px 0; }
.address-result li { margin-bottom: 10px; }
.address-result [class*=txt-addr] { font-size: 14px; float: left; display: block; line-height: 1.2em; }
.address-result .txt-addr01 { font-weight: 500; width: 90px; }
.address-result .txt-addr02 { max-width: 490px; }
.address-input { width: 100%; }

/* 문자전송 팝업 */
.send-msg-box { width: 100%; height: 130px; padding: 20px; margin-top: 30px; border: 1px solid #ccc; }
.send-msg-box dt,
.send-msg-box dd { font-size: 13px; line-height: 1.5em; word-break: keep-all; }
.send-msg-box dt { font-weight: 500; padding-bottom: 10px; }

/* 이체 확인증 출력 팝업 */
.docu-title.top.bd-btm { border-bottom: 1px solid #000; display: inline-block; padding: 0 5px 5px; }
.txt-option01 { font-weight: 500; font-size: 20px; padding-bottom: 15px; }
.notice-list.option01 { margin-bottom: 20px; }
.notice-list.option01 li { padding-bottom: 10px; }

/*탭안 작은 타이틀*/
.sub-title.sm { font-size: 18px; }

/*탭안 테이블 아래여백*/
.pc-tab-container.tab-table-bottom .search-table-area,
.pc-tab-container.tab-table-bottom .info-table-area {  padding-bottom: 35px; }

/*lookup center*/
.lookup-01-list .sub-title-lower { font-size: 16px; margin-left: 15px; }
.lookup-01-list .sub-title-lower::before { content: ':'; margin-right: 15px; }

/*고지서 마지막 2줄일경우*/
.sign-area .com-td .name.name02 { text-align: right; line-height: 1.5; }

/*pupup 영수증번호 부분*/
.popup-top-number { width: 100%; border-top: 1px solid #333; border-bottom: 1px solid #ccc; background: #f7f7f7; margin-bottom: 30px; }
.popup-top-number .number { display: inline-block; width: 126px; text-align: center; padding: 15px; border-right: 1px solid #ccc; font-weight: 500; font-size: 14px;}
.popup-top-number .number:last-child { border-right: none;}

/* ================================
	0304 PEY 추가
================================= */
.btn-basic.btn-kdic{ border:1px solid #ccc; background: #fff; padding: 5px; display:inline-block;}
.icon-kdic{ vertical-align: middle; display: inline-block; width:53px; height: 34px; background: url(/img/common/icon_kdiclogo.png) no-repeat center center; margin-right: 8px; }
.btn-basic.btn-kdic span{ font-size: 14px; color: #333; font-weight: 300; display: inline-block; vertical-align: middle; text-align: left; line-height: 18px; padding-top: 2px; }
.attention-wrap{ display: inline-block; position: relative; }
.attention{ width:220px; font-size: 14px; display: block; position: absolute; left: 50%; bottom:-24px; transform: translateX(-50%); }
.warn-area{ margin-top:50px; padding:30px; background: #f7f7f7 url(/img/common/bg_warning.png) no-repeat right 80px center ;  }
.warn-area + .notice-list-wrap { padding-top: 43px; }
.warn-title{ font-size: 24px; font-weight: 500; margin-bottom: 20px; }
.warn-txt{ font-size: 16px; line-height: 24px; }
.table-type01.large-table td{ padding:30px 20px; }
.table-type01.large-table .td-line{ line-height: 20px; }
.font-1rem{ font-size: 16px !important;}
.table-clone .notice-subtxt{ font-weight: 500; font-size: 14px; }
.chk-basic:checked ~ .icon-chk2{ background-image: url(/img/common/icon_chk_dis.png); }
.icon-question{ width: 16px; height: 14px; background: url(/img/common/icon_question.png) no-repeat center center; margin-left: 20px; }

/*테이블 체크박스 리스트*/
.list-style.table-list {padding:10px 0;}
.list-style.table-list li {margin-top:5px; padding-left: 15px; line-height: 23px; padding-bottom: 0; color:#666;}
.list-style.table-list li:first-child {margin-top:0;}
.list-style.table-list li::before { margin-left: -15px; margin-top: 9px; }
.checked-txt { padding: 10px 10px 10px 25px; background: url("/img/common/checked_icon.png") no-repeat left center; display: block; }
.checked-txt.t-disable  { background: transparent; color: #999; }

/* 리스트 (테이블모양)*/
.dot-list-wrap { width: 100%;/*  margin-top:-20px;  */border-top: 1px solid #333; /*border-bottom: 1px solid #ccc; padding-bottom:60px;*//*20190530 padding 추가*/}
.dot-list-wrap li { width: 50%; float: left; padding: 20px; font-size: 14px; border-bottom: 1px solid #efefef; border-right: 1px solid #ccc; min-height:56px;/*20190527 추가*/ }
.dot-list-wrap li:nth-child(even) { border-right: none; }
.dot-list-wrap li::before { content: ''; display: inline-block; margin-right: 10px; margin-top: 5px; width: 4px; height: 4px; border-radius: 50%; background-color: #999; float: left; }

/* 190523 추가 */
@media (max-width: 1100px) {
	html.responsive .dot-list-wrap {margin-top:0;background-color:#fff;}
	html.responsive .dot-list-wrap li {position:relative;width:100%;padding-left:34px;line-height:1.4;border-right:0;/*20190603 수정*/}
	html.responsive .dot-list-wrap li::before {position:absolute;top:21px;left:20px;}

	html.responsive .warn-area {margin-top:0;margin-bottom:15px;background:none;}
}

/*약관동의 bg type 02*/
/*.btn-slide.bg-type02 { background: url(/img/common/icon_select_333.png) no-repeat center #f7f7f7; border-left: 1px solid #ccc; }*/

/* 190305 */
/* 190528 수정 */
.slide-box-area.qna .sub-title { font-size: 14px; font-weight: 300; }
.slide-box-area.qna .slide-box-txt {position: relative; height: 120px; padding-left: 60px; background: #f7f7f7;}
.slide-box-area.qna .ui-accordion-text:before,
.slide-box-area.qna .slide-box-txt:before { position: absolute; top: 20px; left: 25px; content: 'Q'; color: #00397b; font-weight: 500; font-size: 16px; line-height: 20px; }
.slide-box-area.qna .slide-box-txt:before { content: 'A'; top: 30px; color: #cc0000; }
.slide-box-area.qna .ui-accordion-list.js-ui-accordion-wrap .ui-accordion-text {position: relative; padding-left: 60px; font-size: 14px; line-height: 18px; padding-top: 21px; padding-bottom: 21px; color: #333; font-weight: 300;}
.slide-box-area.qna .ui-accordion-head {background: none; border-bottom-color: #efefef;}
.slide-box-area.qna .ui-accordion-layer {border-bottom-color: #efefef;}
.slide-box-area.qna .ui-accordion-opener {border-left-color: #efefef;}

@media (max-width: 1100px) {
	html.responsive .slide-box-area.qna .ui-accordion-text:before,
	html.responsive .slide-box-area.qna .slide-box-txt:before {top: 15px;}
	html.responsive .slide-box-area.qna .ui-accordion-text {padding-top: 16px; padding-bottom: 16px;}
}

/* 서비스 이용절차 - .ib_cerscesstep_0100.html */
.service-step { border-top: 1px solid #333; }
.service-step .table.width-style01 {width:50%}
.service-step .table-cell { width: 50%; padding: 40px 203px 193px 60px; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; vertical-align: top; }
.service-step .table-cell:nth-child(2n) { border-right: none; }
/* .service-step .table-cell .box { width: 46%; } */
/* .service-step .table-cell .box.img { width: 54%; text-align: right; } */
.service-step .table-cell.service-box {background:url('/img/common/icon_uselist01.gif') no-repeat 92% 35px;background-size:27% auto;}
.service-step .table-cell.service-box.img02 {padding-right:340px;background-image:url('/img/common/icon_uselist02.gif');background-size:50% auto;}
.service-step .table-cell.service-box.img03 {background-image:url('/img/common/icon_uselist03.gif');}
.service-step .table-cell.service-box.img04 {padding-right:340px;background-image:url('/img/common/icon_uselist04.gif');background-size:50% auto;}
.service-step .table-cell.service-box.img05 {background-image:url('/img/common/icon_uselist05.gif')}
.service-step .step-title { position: relative; }
.service-step .step-title .num-icon { position: absolute; top: -4px; left: -41px; display: block; width: 24px; height: 24px; background: #333; border-radius: 50%; color: #fff; text-align: center; line-height: 27px; font-size: 16px; }
.service-step .step-title > .txt { display: block; margin-bottom: 14px; font-weight: 500; font-size: 18px;line-height:1.2; }
.service-step .step-title > .txt:last-child { font-size: 16px; }
/* .service-step .step-des { line-height: 1.5; font-size: 16px; word-break: keep-all; } */
.service-step .step-des li {}
.service-step .step-des li {margin-top:5px;font-size: 14px; line-height:23px;padding-left: 15px; }
.service-step .step-des li::before { content: ''; display: inline-block; float: left; margin: 7px 0 0 -15px; width: 5px; height: 5px; border-radius: 50%; background-color: #999; }
.service-step .step-des .small { display: block; font-size: 14px; line-height: 1.6; }

/* 190524 추가 */
@media (max-width: 1100px) {
	html.responsive .service-step .table{display:block !important;}
	html.responsive .service-step .table.width-style01 {width:100%;}
	html.responsive .service-step .table-cell {display:block !important;width:100%;border-right:0;}
	html.responsive .service-step .table-cell .box.img {padding-left:10px;}
	html.responsive .service-step .table-cell .box.img img {max-width:100%;}

	.service-step .table-cell.service-box {background-size:150px auto;}
	.service-step .table-cell.service-box.img02 {background-size:260px auto;}
	.service-step .table-cell.service-box.img04 {background-size:260px auto;}
}
@media (max-width: 640px) {
	.service-step .table-cell {padding: 40px 60px 350px 60px;}
	.service-step .table-cell.service-box {background-size:150px auto;background-position:50% 90%;}
	.service-step .table-cell.service-box.img02 {padding: 40px 60px 300px 60px;background-size:260px auto;}
	.service-step .table-cell.service-box.img04 {padding: 40px 60px 300px 60px;background-size:260px auto;}
	.service-step .table-cell.service-box + .service-step .table-cell.service-box {margin-top:30px;}
}

/*바로가기 버튼 있는 박스(아이디찾기)*/
.link-box-wrap {margin-top:50px; border-top: 1px solid #ccc; }
.link-box { width: 50%; float: left; padding: 40px; }
.link-box .box-title { font-size: 18px; font-weight: 500; margin-bottom: 10px; }
.link-box .box-txt { font-size: 14px; line-height: 22px; word-break: keep-all; }
.link-txt-box { width: 350px; float: left; }

/*물음표 tooltip*/
.tooltips.bottom { display: none; bottom: 0; left: 55%; }
.tooltips-txt { font-size: 12px; line-height: 20px; word-break: keep-all; }
.tool-box .icon-question:hover ~ .tooltips.bottom,
.tool-box .icon-question:focus ~ .tooltips.bottom { display: block; }

.notice-list-wrap .info-title { margin-top: 0; }
.info-title { margin-top: 60px; }
.info-title li { font-size: 16px; }
.info-title.type01 {margin-top:29px;}

/*타이머*/
.timer { padding: 13px 25px; background: url("/img/common/timer_icon.png") no-repeat left center / 16px; display: inline-block; }

/*190306 PEY 추가*/
/* 190524 수정 */
.bg-content-wrap{ padding-bottom: 60px; }
.step-list-wrap{ border-top:1px solid #efefef; border-bottom:1px solid #efefef; padding-top:60px; }
.step-list-box{ position: relative; margin-bottom: 12px; }
.step-list-box:last-child{ margin-bottom:0; }
.step-list-box:before{ content: ''; display: block; width: 1px; height: 100%; background-color: #ccc; position: absolute; top:0; left: 12px; z-index: 0; }
.step-list-box:last-child:before{ display: none; }
.step-circle-box{ width: 280px; height: auto; background: transparent; position: relative; float: left; min-height: 50px; height: auto; }
.step-circle:first-child{ position: absolute; top:0; left: 0; z-index: 1; width: 24px; height: 34px; color: #fff; background: #fff; text-align: center; padding-top: 6px; font-size:16px; }
.step-circle:after{ content: ''; display: block; position: absolute; left:50%; top:0; z-index: -1; width:24px; height: 24px; background: #333; transform: translateX(-50%); border-radius: 50%; }
.step-list-content{ width: 820px; display: inline-block; padding-bottom: 48px; }
.step-list-content .img-list {display: flex; justify-content: space-between;}
.step-list-content .img-list li, .step-list-content .img-type2 li, .step-list-content .img-type4 li{width: 100%; margin-right: 20px;}
.step-list-content .img-list li:last-child{ margin-right: 0; }
.step-list-content .img-list li img{display:inline-block;width:100%;border:1px solid #ccc;}
.step-list-content .img-type2 li {width:100%;height:auto;}

/* .step-list-content .img-type2 li:first-child, .step-list-content .img-type4 li:first-child{ width: calc(66.666% - 10px); width: -webkit-calc(66.666% - 10px); width: -moz-calc(66.666% - 10px); width: -o-calc(66.666% - 10px); height:300px; background: url(/img/common/cap_img_02.png); float: left; margin-right: 20px; } */
.step-list-content .img-type4 li:first-child {width:100%;height:auto;}
.step-list-content .img-type3 li{width:100%;height:auto;float: left;margin-top:20px; margin-right: 20px; }
.step-list-content .img-type3 li:frist-child {margin-top:0;}
.step-list-content .img-title{ text-align: center; display: block; padding-top: 16px; font-size:16px; }
.step-list-content .notice-list li::before {margin-top:4px;}
.step-txt02{ font-weight: 500; padding-left:40px; display: block; margin-bottom: 16px; padding-top: 4px; font-size:18px; }
.step-subtxt{ display:block; padding-bottom: 10px; padding-left: 40px; font-size:16px; }
.notice-list li .arrow{ float: left;display:inline-block;line-height:17px; }
.notice-list li .arrow:after{ content: ''; display: inline-block; float: left; width:24px; height: 14px; background: url(/img/common/icon_rtarrow.png) no-repeat center center; }
.notice-list li .arrow:first-child:after{ display: none; }
.page-title .title-arrow{ font-size: 48px; font-weight: 700; word-break: keep-all; }
.page-title .title-arrow:after{ content: ''; display: inline-block; float: right; width:60px; height: 40px; background: url(/img/common/icon_titlearrow.png) no-repeat center center; }
.btn-arrow:after{ content: ''; display: inline-block; float: right; width:32px; height: 18px; background: url(/img/common/icon_rtarrow_fff.png) no-repeat center center; }
.img-content .img-circle{ width: 20px; display: inline-block; height: 20px; border-radius: 50%; background: #7a8999; color: #fff; text-align: center; padding-top: 4px; vertical-align: top; margin-right: 10px; font-size: 14px; }
.img-content .img-subtxt{ display: inline-block; line-height: 22px; width: calc(100% - 30px); font-size:16px; }
.slide-box-top .sub-title { margin: 19px 0; }


/* 190527 스마트폰 인증서 */
/* .step-list-content .img-content.img-style01{background-image: url(/img/common/img_style01.png)}
.step-list-content .img-content.img-style02{background-image: url(/img/common/img_style02.png)}
.step-list-content .img-content.img-style03{background-image: url(/img/common/img_style03.png)}
.step-list-content .img-type2 .img-content.img-style04{background-image: url(/img/common/img_style04.png)}
.step-list-content .img-type2 .img-content.img-style05{background-image: url(/img/common/img_style05.png)}
.step-list-content .img-type2 .img-content.img-style06{background-image: url(/img/common/img_style06.png)}
.step-list-content .img-content.img-style07{background-image: url(/img/common/img_style07.png)}
.step-list-content .img-content.img-style08{background-image: url(/img/common/img_style08.png)}
.step-list-content .img-content.img-style09{background-image: url(/img/common/img_style09.png)}
.step-list-content .img-content.img-style10{background-image: url(/img/common/img_style10.png)}
.step-list-content .img-content.img-style11{background-image: url(/img/common/img_style11.png)}
.step-list-content .img-content.img-style12{background-image: url(/img/common/img_style12.png)}
.step-list-content .img-type2 .img-content.img-style13{background-image: url(/img/common/img_style13.png)}
.step-list-content .img-type2 .img-content.img-style14{background-image: url(/img/common/img_style14.png)}
.step-list-content .img-type2 .img-content.img-style15{background-image: url(/img/common/img_style15.png)}
.step-list-content .img-type3 .img-content.img-style16{background-image: url(/img/common/img_style16.png)}
.step-list-content .img-type3 .img-content.img-style17{background-image: url(/img/common/img_style17.png)}
.step-list-content .img-type3 .img-content.img-style18{background-image: url(/img/common/img_style18.png)}
.step-list-content .img-type3 .img-content.img-style19{background-image: url(/img/common/img_style19.png)}
.step-list-content .img-content.img-style20{background-image: url(/img/common/img_style20.png)}
.step-list-content .img-content.img-style21{background-image: url(/img/common/img_style21.png)}
.step-list-content .img-content.img-style22{background-image: url(/img/common/img_style22.png)}
.step-list-content .img-type4 .img-content.img-style23{background-image: url(/img/common/img_style23.png)}
.step-list-content .img-type4 .img-content.img-style24{background-image: url(/img/common/img_style24.png)}
.step-list-content .img-content.img-style25{background-image: url(/img/common/img_style25.png)} */



/* 190524 추가 */
.tab-basic .icon-arrow {display:inline-block;width:28px;height:10px;margin-top:-2px;background:url(/img/common/icon_rtarrow.png) no-repeat 50% 50%;text-indent:-10000px;white-space:nowrap;vertical-align:middle;overflow:hidden;}
.tab-basic .active-tab .icon-arrow {background-image:url(/img/common/icon_rtarrow_fff.png);}

.btn-basic .icon-arrow {display:inline-block;width:32px;height:18px;margin-top:-2px;background:url(/img/common/icon_rtarrow_fff.png) no-repeat 50% 50%;text-indent:-10000px;white-space:nowrap;vertical-align:middle;overflow:hidden;}

.bg-img-wrap {display:table;width:100%;margin-top:40px;padding:60px 20px;background-color:#eeeff1;text-align:center;}
.bg-img-wrap .img-box {display:table-cell;vertical-align:middle;}

@media (max-width: 1100px) {
	html.responsive .bg-content-wrap {padding:15px 16px 0;background-color:#fff;}
	html.responsive .bg-img-wrap .img-box img {width:100%;}
	html.responsive .bg-img-wrap > img {width:100%;} /*20190603 추가*/

	html.responsive .step-list-wrap {margin-top:15px;padding:50px 16px 0;background-color:#fff;}
	html.responsive .step-list-box:before {display:none;}
	html.responsive .step-circle:first-child {background:initial;}

	html.responsive .step-txt02,
	html.responsive .step-subtxt {display:inline-block;}
	html.responsive .step-subtxt {padding-left:15px;}
	html.responsive .step-list-content {width:100%;}
}

/* 190307 - 보안카드 수정 */ /* 190409 김유빈 재수정 */
.code-img { position: relative; }
.code-img .mark { position: absolute; top: 125px; left: 405px; display: block; width: 22px; height: 18px; background: #f0b2b2; border: 1px solid #cc0000; }
.code-img .mark.box02 { top: 160px; left: 165px; }



/*190307 PEY 추가 대출*/
.sub-title-area .sub-infotxt{ font-size:11px; }
.notice-area-wrap .notice-box li{ background: #f7f7f7; padding:40px; margin-bottom: 30px; }
.notice-area-wrap .notice-box li .notice-number, .notice-txtbox .notice-number{ font-weight: 500; font-size: 24px; float: left; vertical-align: middle; width: 60px; }
.notice-area-wrap .notice-box li:last-child { margin-bottom: 0; }
.notice-txtbox{ display: table; }
.notice-txtbox .notice-number{ width: auto; }
.notice-txtbox .table-cell {font-size:14px;}
.notice-number:after{ content: ''; display:table-cell; width:1px; height: 14px; background: #e1e1e1; float: right; margin: 3px 15px; vertical-align: middle; }
.notice-subtxt, .notice-titletxt{ display: table-cell; vertical-align: middle; font-size: 20px; line-height: 25px; }
.notice-titletxt{ font-size: 24px; font-weight: 500; }
.notice-box .notice-list{ padding-top: 20px; background: transparent; }
.notice-box .notice-list li{ padding: 0 0 0 74px; margin-bottom:0;  }
.notice-box .notice-list .notice-list li {padding-left: 10px;}
.notice-box.notis .notice-list li { margin-bottom: 30px; font-size: 16px; line-height: 25px; }
.notice-box.notis .notice-list li:last-child { margin-bottom: 0; }
.notice-box.notis .notice-list li .fir-line { line-height: 28px; }
.notice-number.no-title{ font-size: 22px; }
.table-step2 > li{ width: 152px; margin-bottom: 44px; }
.table-step2 > li .num, .table-step3 > li .num{ padding-top:16px; }
.table-step2.type01 {margin:12px 0 -5px;}
.table-step2.type01 > li {width:182px;}
.table-step2 .table .table-cell, .table-step3 .table .table-cell{ vertical-align: top; }
.table-step-txt, .table-step-txt2, .table-step-txt3{ position: absolute; bottom: -22px; right: 0; left: 0; font-size: 14px; }
.table-step-txt2{ bottom:-46px; line-height: 20px; }
.table-step-txt3{ top:100px; line-height:1.5; }
.table-step3 > li{ width: 152px; }

/*190529 대출이용안내  하단 간격 추가*/
.notice-area-wrap {padding-bottom:60px;}

/*190530 ie 대응 수정*/

.mStep.table-step > li {width:150px}
.btm-pad {padding-bottom:60px;}

.i-top {width:195px;vertical-align:middle;}
.i-wid .input-area {width:285px;}
.table-type04.table-fixed.i-tbl {width:inherit;}
.i-inpW .input-area {width:300px;}
.table-type01.i-tbl02 {width:inherit;}
.th-brline {border-right:1px solid #ccc !important;}

/*--------//190530 ie 대응 수정----------*/

/*190531 ie 대응 및 수정*/
.sub-title-area.t-pad {padding-top:60px;}
.bbnone {border-bottom:0 !important;}
.br-line {border-right:1px solid #ccc !important;}

.i-cwid .input-area {width:285px;}
.faq-tab .slide-box-area.type02.qna .slide-box-top .sub-title {margin:23px 0;}

.search-table-area.stbl .input-won ~ .txt {margin-left:-42px;}
.search-table-area.stbl .list-style li {font-size:16px;}
.phone-table02 {margin:10px 0 5px}

.pop-newWp .td-wrap.tal label {font-size:14px;}
.pop-newWp .td-wrap.td-wrap.lonc .divi-styl li {width:33.1%;font-size:14px;}
.pop-newWp .td-wrap.td-wrap.lonc .notice-i-list.trn-notice-i-list {margin-left:0;}

@media (max-width: 1100px){
	.pop-newWp .td-wrap.td-wrap.lonc .divi-styl li {width:100%}
	.pop-newWp .td-wrap.td-wrap.lonc .divi-styl li:before {background:none;}
}

/*----//190531 ie 대응 및 수정-----*/


/*190603 responsive 대응 및 수정*/
@media (max-width: 1100px) {

	.table-wrap01.wt {border:0;}
	html.responsive .tab-basic.m-tab .tab-basic-buttons {margin-bottom:20px;}
	html.responsive .tab-basic.m-tab .tab-basic-buttons-list {display:inherit;overflow:hidden;width:100%;padding:0;}
	html.responsive .tab-basic.m-tab .tab-basic-buttons-item {display:inherit;width:40%;float:left;padding:0;margin-left:0;}
	html.responsive .tab-basic.m-tab .tab-basic-buttons-item:last-child {width:20%;}
	html.responsive .tab-basic.m-tab .tab-basic-buttons-item .icon-arrow {width:10px;}
	html.responsive .tab-basic.m-tab .notice-list li > span{display:block;}
	html.responsive .tab-basic.m-tab .notice-list li .arrow {float:inherit;line-height:20px;}
	html.responsive .tab-basic.m-tab .img-list  {overflow:hidden;}
	html.responsive .tab-basic.m-tab .img-list .img-style01 {}
	html.responsive .tab-basic.m-tab .img-list .img-style02 {}
	html.responsive .tab-basic.m-tab .step-list-content .img-list li .txt-style01 {padding-top:270px;}
	html.responsive .tab-basic.m-tab  .step-list-content .img-list li, .step-list-content .img-type2 li,
	html.responsive .tab-basic.m-tab  .step-list-content .img-type4 li{ width: calc(33.334% - 14px); width: -webkit-calc(33.334% - 14px); width: -moz-calc(33.334% - 14px); width: -o-calc(33.334% - 14px); height: 250px;/* background: url(/img/common/cap_img_01.png);*/float: left; margin-right: 20px; background-size:100% 280px;}
	html.responsive .tab-basic.m-tab  .step-list-content .img-title {font-size:14px;}
	html.responsive .tab-basic.m-tab  .step-list-content .img-style03 ,  html.responsive .tab-basic.m-tab  .step-list-content .img-style09 ,
	html.responsive .tab-basic.m-tab  .step-list-content .img-style12, html.responsive .tab-basic.m-tab  .step-list-content .img-style22{margin-right:0 !important;}

	html.responsive .page-title .title-arrow {font-size:24px;}
	html.responsive .page-title .title-arrow:after {width:40px;height:20px;}

	.slide-box-area .btn-slide, .slide-box-area .btn-slide-active .btn-slide, .slide-box-area.type02 .btn-slide, .slide-box-area.type02 .btn-slide-active .btn-slide {height:inherit;}


}

 html.responsive .tab-basic.m-tab .btn-area {text-align:center;}
 html.responsive .tab-basic.m-tab .btn-area .btn-arrow{display:inline-block;}





/*--//190603 responsive 대응 및 수정*/




/* 190522 추가 */
@media (max-width: 1100px) {
	.notice-area-wrap .notice-box >  li {padding:32px;}
	.notice-area-wrap .notice-box >  li .notice-number,
	.notice-txtbox .notice-number {margin-top:3px;font-size:20px;}
	.notice-number:after {margin-top:2px;}
	.notice-subtxt,
	.notice-titletxt {font-size:16px;}
}

/*190308*/
/* 190523 수정 */
.table-type01.pad-type3 td{ padding: 20px; }
.table-type01.pad-type4 td{ padding: 14px; } /* 190408 김유빈 table td padding값 추가 */
.btn-search-box{ position: relative; min-width: 400px; }
.btn-search{ display: inline-block; width:40px; height: 42px; background: url(/img/common/icon_search.png) right 12px center/22px 22px no-repeat; position: absolute; top:0; right: 0; }
.notice-content-wrap{ padding-top:50px; }
.notice-cont-top{ width: 100%; padding:25px 20px; border-top:1px solid #333; background:#f7f7f7; }
.notice-cont-top span{ font-size: 14px; }
.notice-cont-box{ padding:30px 20px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; min-height: 288px; }
.notice-content{ max-width: 100%; }
.notice-content span{ line-height: 25px; font-size: 14px; }
.icon-prev, .icon-next{ width:16px; height: 10px; background:url(/img/common/arrow_icon_black.png) no-repeat 50% 50%; transform: rotate(270deg); margin-right: 4px; }
.icon-next{ transform: rotate(90deg); }
.box-provisio .slide-box-txt{ min-height: 324px; }
.box-provisio .sub-title{ margin:14px 0px; color:#333; }
.notice-list.nolist-type2 {padding:4px 0 7px;}
.notice-list.nolist-type2 li{ font-size: 14px; }
.table-type01 .table-td{ font-weight: 300; background: #fcfcfc; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.table-type01.table-type02.table-pdxs tbody td,
.table-type01.table-type02.table-pdxs tbody th{ padding:18px 0; }
.bg-otpimg { margin-top:40px; padding:30px; background: #f7f7f7 url(/img/common/bg_otpimg.png) no-repeat right 80px center ; background-size:20%; }
.bg-otpimg .warn-title {width:70%;}
.bg-otpimg .warn-title:after {content:'';}
.bg-otpimg .warn-txt {width:70%;}
.icon-btr{ width:40px; height: 16px; background: url(/img/common/icon_btr.png) no-repeat center center / 28px; display: inline-block; vertical-align: inherit; }
.icon-lobat{ width:224px; height: 132px; background: url(/img/common/MRT-700nP_low.gif) no-repeat 50% 50%; display: inline-block; vertical-align: inherit; }

/* 190523 추가 */
@media (max-width: 1100px) {
	html.responsive .bg-otpimg {margin-top:0;padding:24px 16px;background-image:none;}
	html.responsive .bg-otpimg .warn-title {width:100%;margin-bottom:15px;font-size:20px;}
	html.responsive .bg-otpimg .warn-txt {width:100%;font-size:13px;}

	html.responsive .bg-otpimg + .info-table-area {padding-top:30px;}

	html.responsive .icon-lobat {width:100%;height:auto;padding-top:58.92%;background-size:100%;}

}

/* ================================
	현정 - 대출추가
================================= */
/* 190524 수정 */
.table-exp {  font-size: 11px; }
.list-result li { display: inline-block; position: relative; padding-left:13px; margin-left:13px; font-size:16px; }
.list-result li:first-child { margin-left:0; padding-left: 0; }
.list-result li:first-child:before { background: none; }
.list-result li:before { position: absolute; top: 0; left: 0; content: ''; display: inline-block; width: 1px; height: 16px; background: #ddd; }
.divi-styl { overflow:hidden; background: #fff; padding:30px 0; }
.divi-styl li { display: inline-block; position: relative; /*padding-right:45px; padding-left:45px;*/width:24.5%; text-align: center; }/*20190531*/
/*.divi-styl li:first-child { margin-left:0; padding-left: 0; } 20190531*/
.divi-styl li:last-child { margin-right:0; padding-right:0; }
.divi-styl li:first-child:before { background: none; }
.divi-styl li:before { position: absolute; top: 9px; left: 0; content: ''; display: inline-block; width: 1px; height: 30px; background: #ddd; }
.divi-styl li .divi-stylop { font-size:18px; font-weight: 500; display: block; margin-top: 14px; }
.divi-styl.type01 li { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left:40px; text-align: left; font-size: 14px; }

.ml2 { margin-left: 2px; }
.sub-box.sub-box02 { padding:40px; }
.white-box { display:inline-block; background: #fff; padding:30px; }
.checked-txt-fail { padding: 10px 10px 10px 25px; background: url("/img/common/checked_icon_fail.png") no-repeat left center; display: block; }

/*190308 유경*/
@media (max-width: 1100px) {

	.input-won ~ .txt {font-size: 14px;}
	/*20190531 추가*/
	.divi-styl li { display: inline-block; position: relative; /*padding-right:45px; padding-left:45px;*/width:49.5%; text-align: center; }
	.divi-styl li .divi-stylop {margin-bottom:14px;}
	.divi-styl li:nth-child(3):before {display:none;}
	/*--//20190531 추가*/
}

/*190311 현정 예적금 추가*/
.notice-list-hyphen > li { font-size: 14px; }
.notice-list-hyphen > li:before { width: 6px;
	height: 2px; }
.notice-list-hyphen > li.notice-i-list:before { content: ''; width: 18px; height: 13px; margin-top: 7px; background: url("/img/common/notice_icon_m.png") no-repeat left center; background-size: 13px; display: inline-block; margin-left: -20px; vertical-align: middle; }
.lookup-01-wrap .lookup-02-list {width:50%;}

/*190311 PEY 추가*/
.icon-list-box{ width:100%; }
.icon-list-box > li{ height: auto; min-height: 393px;/*20190531 수정*/ padding:40px 5px 40px 34px; width:25%; border-right: 1px solid #efefef; float: left; text-align: center; }
.icon-list-box > li:last-child{ border-right: none; }
.icon-list-txt{ font-weight: 500; font-size: 16px; padding: 20px 0; }
.icon-list01, .icon-list02, .icon-list03, .icon-list04{ width: 107px; height: 97px; background: url(/img/common/icon_list01.png); }
.icon-list02{background: url(/img/common/icon_list02.png)}
.icon-list03{background: url(/img/common/icon_list03.png)}
.icon-list04{background: url(/img/common/icon_list04.png)}
.icon-otpex{ width: 540px; height: 168px; position: relative; top:0; left: 0; background: url(/img/common/MRT-700nP_otplay.gif) no-repeat center center; margin:10px 0 10px 10px; }
.icon-otpbg{ position: absolute; top:0; left: 10px; background: url(/img/common/icon_otpbgimg.png); width:100%; height: 100%;}

/* 190523 추가 */
@media (max-width: 1100px) {
	.icon-list-box > li {float:none;width:100%;min-height:auto;padding:30px 25px;border-top:1px solid #efefef;border-right:0;}
	.icon-list-box > li:first-child {border-top:0;}

	.icon-otpex {width:100%;height:auto;padding-top:31.11%;background-size:auto 100%;}
	.icon-otpbg {background-size:100%;}
}


/*타이틀 옆 리스트*/
.process-step.long li{width: 115px;}

/*약관동의 텍스트 부분*/
.table-clone .s-txt { font-size: 14px; line-height: 1.5; }
.slide-box-txt .slide-txt-title { font-size: 18px; margin-bottom: 20px; text-align: center; font-weight: 500; line-height: 1.4; }

/*약관동의*/
.slide-box-txt.h-auto { height: auto; }

/*약관동의 인쇄버튼*/
.btn-mso-txt.btn-mso04.slide {  padding: 23px 0 23px 20px;/*20190528 수정*/  width: 120px;  border-left: 1px solid #ccc;  background-position: left 20px center; }

/*약관동의 top notice*/
.slide-notice-wrap { background: #fcfcfc; border-bottom: 1px solid #ccc; margin-top: 0; padding: 20px;  }
.slide-notice-wrap .notice-i-list-wrap { margin-top: 0; }

/*190312 유경*/
/*공통 안내화면바로가기 페이지 영역*/
.guide-wrap { height: 420px; background: #eee; text-align: center; font-size: 22px; margin-top: 50px; }
.guide-wrap h3 { padding-top: 100px; color: #ff0000; font-weight: 500; }

/*약관동의 height auto*/
.slide-box-txt.h-auto { height: auto; min-height: 520px; }

/*설치안내 테이블*/
.table-type04.set-table tr .td-title { font-size: 16px; font-weight: 500;}
.table-type04.set-table tr .td-txt { font-size: 14px;margin-top:20px;}
.table-type04.set-table tr .td-txt.type02 {margin-top:15px;}
.table-type04.set-table tr .td-txt.type03 {margin-top:0;line-height:25px;}
.table-type04.set-table tr td:nth-child(3) { border-left: 1px solid #ccc; text-align: center; font-weight: 500; }
.table-type04.set-table tr td:nth-child(3) .btn-sm-wh { font-weight: 300; }
.table-type04.set-table td {padding:20px;}

/*보안모듈페이지 타이틀 이미지*/
.title-top.bg-com-img { background-image: url("/img/common/title_com_img.png"); background-repeat: no-repeat; background-position: right 30px center; }

/*대출 no-info*/
.no-info { padding: 50px 0; border-top: 1px solid #333; border-bottom: 1px solid #ccc; text-align: center; font-size: 16px; }
/*190312 PEY MYPAGE-반응형*/
.mypg-wrap{ width:100%; padding:40px 0 0; }
.mypg-picture{ padding:36px 28px; width:160px; border: 1px solid #ccc; text-align: center; max-height: 233px; float: left; }
.bth-picture{ max-width:120px; width:100%; height:104px; background: url(/img/common/icon_picture.png) no-repeat center center; position: relative; border-radius: 50%; }
.bth-picture img { width: 100%; height: 100%; border-radius: 50%; }
.bth-picture:after{ content: ''; display: inline-block; width:38px; height: 37px; position: absolute; bottom:0px; right: 0px; background: url(/img/common/icon_picture01.png) no-repeat center center; }
.picture-name{ font-size: 16px; color:#333; padding-top: 36px; }
.mypg-info{ width:calc(100% - 180px); background: #f7f7f7; padding:30px 1.85%; float: right; }
.info-wtitle{ display: none; }
.mypg-info-title{ float: left; display: inline-block; font-size:16px; }
.mypg-info .info-list{ width:100%; background: #fff; display: table; }
.mypg-info .info-list li{ width:23.333%; padding: 35px 20px; border-right: 1px solid #e1e1e1; display: table-cell; }
.mypg-info .info-list li:last-child{ border-right: none; }
.mypg-info .info-list li .mb15 {font-size:16px;}
.mypg-info .btn-sm-wh{ float: right; }
.info-list span {font-size:16px;}
.info-list .info-won{ font-size: 18px; word-break: break-all; }
.info-list li:first-child{ width:30%; }
.service-content{ width:100%; border-top: 1px solid #333; border-bottom: 1px solid #ccc; }
.service-content li{ padding:13px 1.85%; width:50%; float: left; border-bottom:1px solid #efefef; display: table }
.service-content li:nth-child(2n-1){ border-right:1px solid #efefef; }
.service-content li .sev-title{ font-size: 14px; display: table-cell; vertical-align: middle; }
.service-content .btn-thin.sm{ max-width: 60px; }


.js-swiper-mypage-account-slide {background: #efefef; padding:30px 25px 15px; overflow: hidden;}
.js-swiper-mypage-account-slide .mypg-slick {display: block;}
.js-swiper-mypage-account-slide .swiper-container {margin: 0 -8px; overflow: visible;}
.mypg-slick{display: none; max-width: 100% !important; height: auto !important;}
.mypg-slick.swiper-no-swiping {-webkit-transform: none !important; transform: none !important; -webkit-transition: 0s !important; transition: 0s !important; margin: 0;}
.mypg-slick:after {content: ''; display: block; clear: both;}
.mypg-slick .mypg-slickli{position: relative; margin-bottom: 15px; text-align: center; min-height: 391px; box-sizing: border-box; padding: 0 8px; width: 266px; z-index: 0;}
.mypg-slick .mypg-slickli:before {content: ''; display: block; position: absolute; top: 0; left: 8px; right: 8px; bottom: 0; background: #fff; z-index: -1;}
.mypg-slick .mypg-slickli:nth-child(4n+1) {clear: both;}
.mypg-slicktop{ padding:30px 0 25px 0; }
.mypg-title{ font-size: 24px; font-weight: 500;}
.mypg-txt{ font-size: 14px; font-weight: 500; color:#666; margin-top:15px; display: inline-block;}
.mypgcontent-txt{ background: #f7f7f7; width:100%; display: table; margin-bottom: 20px; padding:60px 0; height: 168px; max-height: 168px; }
.mypgcont-title{ display: table-cell; font-size: 36px; font-weight: 500; vertical-align: middle; font-family: 'NanumSquare'; }
.mypgcont-title > span{ font-size: 48px; color:#e3047f; font-weight: 500; font-family: 'NanumSquare';letter-spacing: -2.25px;}
.mypg-subtxt{ font-size: 14px; font-weight: 500; color: #999; line-height: 21px;	 }
.btn-slick{ width:50%; border-top:1px solid #ccc; float: left; }
.mypg-top{ padding:30px 5.79% 24px; min-height: 109px; }
.mypg-middle{ padding: 0  5.79%; min-height: 235px; }
.mypg-bottom button{ width:50%; float: left; padding: 15px 0; border-top:1px solid #ccc; border-right: 1px solid #ccc; font-size:16px; }
.mypg-bottom button:last-child{ border-right: none; }
.mypg-middle .middle-info li{ background: #f7f7f7; padding:18px 7.85%; width:100%; text-align: left; display: block; min-height: 84px; }
.mypg-middle .middle-info li:last-child{ border-top:1px solid #e1e1e1; }
.mypg-middle .middle-info li:first-child .won { font-size: 18px; }
.mypg-middle .middle-info li > p {font-size:16px;}
.mypg-middle .middle-info .won{ font-size: 20px; font-weight: 500; word-break: break-all; }
.mypg-middle .mypg-subtxt{ display: block; margin:23px 0 0 0;  }
.mypg-slick .slick-dots li button{ opacity: 0; height: 3px;}

/*모바일*/
/* 190522 수정 */
@media (max-width: 1100px) {
	html.responsive .service-content li { padding:16px 3.4%; width:100%; border-right: none; }
	html.responsive .service-content li .sev-title { font-size: 14px; }
	html.responsive .service-content .btn-thin { font-size: 12px; }
	html.responsive .service-content .btn-thin.sm {	width:60px; max-width: 80px; }
	html.responsive .mypg-wrap { background: #fff; padding:0 16px; }
	html.responsive .mypg-picture {	padding:0; width:107px; }
	html.responsive .mypg-info-title { display: block; width:100%; font-size: 14px; margin-bottom: 20px; }
	html.responsive .mypg-info-title span {	font-weight: 300 !important; color: #333 !important; }
	html.responsive .mypg-info { background: #fff; float: left; padding: 0; margin-left: 28px; width:calc(100% - 135px); }
	html.responsive .mypg-info .info-list {	display: none; }
	/*html.responsive .bth-picture:after { display: none; }*/
	html.responsive .mypg-info .btn-sm-wh {	float: left; font-size: 14px; }
	html.responsive .picture-name {	display: none; }
	html.responsive .info-wtitle { display: block; font-size: 18px; font-weight: 500; padding-bottom: 20px; }
	html.responsive	.mypg-title { font-size: 16px; font-family: 'NanumSquare'; color:#00397b; }
	html.responsive	.mypg-txt {	font-size: 13px; font-weight: 300; color:#333; }
	html.responsive .mypgcont-title > span { font-size: 34px; font-weight: 800; }
	html.responsive .mypg-subtxt { font-weight: 300; font-size: 11px; }
	html.responsive .middle-info p { font-size: 15px; }
	html.responsive .middle-info span, html.responsive .middle-info .won { font-size: 18px; font-weight: 500 }
	html.responsive .mypg-bottom button { font-size: 15px; font-weight: 500; padding:20px 0; }
	html.responsive .mypg-middle { min-height: 226px; }

	html.responsive .mypg-middle .middle-info li { padding:18px 6%; }
	html.responsive .search-table-area.table-areapd { padding-top:0px !important; }
	html.responsive .sub-title-area.title-areapd { padding-left: 22px; margin-bottom: 20px; }
	html.responsive .service-content { border-color: #efefef; }
	html.responsive .js-swiper-mypage-account-slide {padding:20px 15px 20px;}
	html.responsive .js-swiper-mypage-account-slide .swiper-container {margin: 0 -12px;}
	html.responsive .mypg-slick {max-width: none !important;}
	html.responsive .mypg-slickli {width: 230px; padding: 0 12px; box-sizing: content-box;}
	html.responsive .mypg-slick .mypg-slickli:before {left: 12px; right: 12px; box-shadow: 0 12px 20px rgba(0,0,0,0.3);}
	html.responsive .mypg-slick .mypg-slickli:nth-child(4n+1) {clear: none;}
	html.responsive .mypg-slick .slick-track { padding-bottom: 40px; }
	html.responsive .mypg-slick .slick-dots { display: table; width:100%; background: #fff; }
	html.responsive .mypg-slick .slick-dots li { display: table-cell; font-size: 0;}
	html.responsive .mypg-slick .slick-dots .slick-active {	background: #e3047f; }
	html.responsive .js-swiper-mypage-account-slide .swiper-scrollbar {position: relative; z-index: 10; margin-top: 5px; height: 2px; background: #fff; overflow: hidden;}
	html.responsive .js-swiper-mypage-account-slide .swiper-scrollbar-drag {height: 100%; background: #e3047f;}
}


/*마이페이지 팝업 이미지부분*/
/* 190529 수정 */
.dim-contents.w900 { width: 900px; }
.popup-body01.img-con { padding-right: 30px !important; }
.p-img-wrap { width:calc(100% + 10px); margin:-7px -5px 25px; }
.p-img-wrap .p-img-box { position:relative; width: calc(100% / 7 - 10px); padding-top:12.845%; border: 1px solid #ccc; float: left; margin: 5px; }
.p-img-wrap .p-img-box img { position:absolute; top:0; left:0; width: 100%; height: 100%; }
.p-img-box { position: relative; }
.p-img-box .label-wrap { position: absolute; top: 0; left: 0; }
.p-img-box .label-wrap .icon-chk { display: inline-block; margin: 5px; }

@media (max-width: 1100px) {
	html.responsive .p-img-wrap .p-img-box {width:calc(50% - 10px); padding-top:47.21%;}
}

/*190312 배현정 예적금 목록 추가*/
.product-list {overflow:hidden; width:100%; border-top: 1px solid #333;}
.product-list > li {overflow:hidden; width:100%; padding:30px 3.7% 35px; position: relative; border-bottom: 1px solid #efefef;}
.product-list > li .product-list-l {float:left; width:47%; height:100%; }
.product-list > li .product-list-tit {font-size: 24px; float:left; display: inline-block; width:380px; padding-top:49px; font-weight: 500; letter-spacing: -0.05em;}
.product-list > li .product-list-exp {width:100%; float:left; line-height: 1.5; font-size: 16px;display: inline-block; padding-top:15px;}
.product-list > li .product-list-classi { position: absolute; top:30px; left:40px;  font-size:11px; }
.product-list-classi > span {display:inline-block;vertical-align: middle;}

.ico-internet,
.ico-smartphone,
.ico-notice,
.ico-event,
.ico-shop {margin-right:4px; border:1px solid #017a51; border-radius: 2px;font-weight: 500; color:#017a51; padding:6px 11px 4px; /*2019528 padding수정*/  font-size:11px; font-weight: 700;}
.ico-internet {color:#e3047f; border-color:#e3047f;}
.ico-smartphone {color:#00397b; border-color:#00397b;}
.ico-notice { color: #cc0000; border-color: #cc0000;}
.ico-event { color: #ff472c; border-color: #ff472c;}

.ico-internet.w46,
.ico-smartphone.w46,
.ico-notice.w46,
.ico-event.w46,
.ico-shop.w46 { width: 46px; padding:6px 0 5px; text-align: center;}
.txt-total {font-size: 14px;} /* 20190408 김유빈 ico 컬러 추가 */

.product-list > li .product-list-irate {width:38.2%; display: table; text-align: center; float:left; margin-top: 21px;}
.product-list > li .product-list-irate > li {display: table-cell;width:50%; border-left: 1px solid #efefef; margin-left: 40px; height:90px; text-align: center;font-size: 14px; letter-spacing: -0.07em;}
.product-list > li .product-list-irate > li:first-child {width:125px;  padding-left: 0; margin-left: 0; border-left: 0;}
.product-list > li .product-list-irate > li em {display: block; font-size: 20px;font-style:normal; font-weight: 500; padding:10px 0;}
.product-list > li .product-list-irate > li em i {display:inline; width:auto; color:#e3047f; font-size: 30px; font-style:normal; font-weight:500;}

.product-list > li .product-list-btn {float:left;/* top:30px; right:40px;*/width:14.8%; margin-top: 17px;}
.product-list > li .product-list-btn button {margin-bottom: 10px; }


.product-view {width:100%; border-top: 1px solid #333;border-bottom: 1px solid #ccc; padding-top: 20px}
.product-view .product-list-l {padding: 0 40px; }
.product-view .ico-internet,
.product-view .ico-smartphone,
.product-view .ico-shop {display: inline-block;}

.product-view .product-view-tit {font-size: 24px; display: inline-block; width:100%; padding-top:25px; font-weight: 500; letter-spacing: -0.05em;}
.product-view .product-view-exp {width:100%; line-height: 1.5; font-size: 16px;display: inline-block; padding-top:15px;}
.product-view .product-view-sns {float: right}
.product-view .product-view-sns a {float:left; margin-right:5px;}
.product-view .product-view-sns a:last-child {margin-right: 0;}

.product-view-dl {overflow:hidden; width:100%; margin-top: 35px; padding: 19px 40px 0; border-top: 1px solid #efefef; }
.product-view-dl > li {padding-top: 20px;}
.product-view-dl .notice {padding-left:15px; font-size:16px;font-weight: 500;line-height: 1.4; }
.product-view-dl .notice:before {content: ''; display: inline-block; float: left; margin-left: -15px; margin-top: 4px; width: 5px; height: 5px; border-radius: 50%; background-color: #999;}

.product-view-dl .product-view-dt {font-weight: 500; display: inline-block; width:165px; padding-left: 15px; vertical-align: top; }
.product-view-dl .product-view-dt:before {content: ''; display: inline-block; float: left; margin-left: -15px; margin-top: 6px; width: 5px; height: 5px; border-radius: 50%; background-color: #999;}

.product-view-dl .product-view-dt.type02 {width:100%;}
.product-view-dl .list {overflow:hidden;padding-top: 20px;}
.pv-kdic {overflow:hidden;display:table;margin-top:25px; padding:30px 280px 30px 40px; border-top: 1px solid #efefef; background: #f7f7f7; font-size: 14px; letter-spacing: -0.05em;}
.pv-kdic.type02 {margin-top:27px;}
.pv-kdic .pv-kdic-logo {display:table-cell; padding-right: 40px;vertical-align:middle;}
.pv-kdic .pv-kdic-txt {display:table-cell;width:calc(100% - 180px);margin-top:10px; line-height: 24px;vertical-align:middle;}

.product-view.type01 {padding-top:30px;}
.btn-area.retouch-m {padding:30px 20px;background:#f7f7f7;border:1px solid #efefef;text-align:left;}
.btn-area.retouch-m.info .btn-sm-wh + .btn-sm-wh {margin-left:5;margin-right:0;}
.btn-area.retouch-m.info .btn-sm-wh {max-width: 256px;}
@media (max-width: 1100px) { html.responsive .product-list > li { padding:20px 16px 35px; }
	html.responsive .product-list > li .product-list-l { width:100%;}
	html.responsive .product-list > li .product-list-classi {left:16px; top:26px; font-size: 11px; }
	html.responsive .product-list > li .product-list-exp { width:100%; font-size: 13px; color: #666}
	html.responsive .product-list .product-list-irate { position: relative; left:0px; top:10px; width:100%; margin-top: 0; background: #efefef; }
	html.responsive .product-list > li .product-list-tit { font-size: 16px; }
	html.responsive .product-list .product-list-irate > li { height:auto; width:50%; padding: 25px 0; margin:0; font-size: 11px; border-left: 1px solid #ccc; }
	html.responsive .product-list .product-list-irate > li:first-child { border:none; }
	html.responsive .product-list .product-list-irate > li .m-bold { font-size: 13px; font-weight: 500; }
	html.responsive .product-list .product-list-irate > li em { font-size: 18px;}
	html.responsive .product-list .product-list-irate > li em i {font-size: 24px; vertical-align: middle; }
	html.responsive .product-list > li .product-list-btn { position: relative;right:0; top:10px; width:100% ; display: inline-block; margin-top: 25px; }
	html.responsive .product-list > li .product-list-btn button { width:100% ; }
	html.responsive .txt-total { display: inline-block; padding:20px 0 0 16px; font-size: 11px; color: #666; }
	html.responsive .product-view.mt50 {margin-top:15px !important;}
	html.responsive .product-view .product-list-l {padding:0 16px;}
	html.responsive .product-view .product-view-dl {padding:0 16px; margin-top: 20px;}
	html.responsive .pv-kdic {padding:16px; }
	html.responsive .pv-kdic .pv-kdic-logo {margin-top:7px; margin-right: 10px;width:30%;}
	html.responsive .pv-kdic .pv-kdic-logo img {max-width:100%;}
	html.responsive .product-view-dl li {overflow:hidden;}
	html.responsive .product-view-dt {float:left; width:33%;}
	html.responsive .product-view-dd {float:left; width:67%; line-height: 1.2;}
	html.responsive .btn-area.retouch-m .btn-sm-wh{ margin-bottom: 10px; }
	html.responsive .btn-area.retouch-m {padding:25px 16px;}
	/*상세페이지*/
	html.responsive .notice-list.bg { background: #fff; padding: 30px 20px; margin-bottom: -30px; }
	html.responsive .btn-area.retouch-m .btn-sm-wh{ width: 100%; }
}

/*============ 190313 ============*/
.basic-swipe-container.type02 .product-view-dl > li:last-child { padding-bottom: 20px; }
.tab-basic.type02 { margin-top: 50px; }
.product-view-dl .product-view-dd { display: inline-block; width: calc(100% - 170px); width: -webkit-calc(100% - 170px); }
.product-view-dl .product-view-dt,
.product-view-dl .product-view-dd { font-size:14px; line-height: 1.6; }
.product-view-dl .product-view-dd .table-wrap01 {margin-top:15px;}
.slide-box-top + .notice-list-wrap {padding-top:24px;}
@media (max-width: 1100px) { html.responsive .basic-swipe-container.type02 .product-view-dl > li:last-child { padding-bottom: 0; }
	html.responsive .tab-basic.type02 { margin-top: 20px; }
	html.responsive .search-table-area.respon { padding-bottom: 20px; margin-bottom: 0; }
}


/*============ 190313 PEY 툴팁 수정============*/
.txt-question{ vertical-align: bottom; margin-right: 10px; width:29px; height: 28px; background: url(/img/common/icon_question02.png) no-repeat center center; }
.tool-box-type3, .tool-box-type4{ font-size: 14px; }
.tool-box-type3 .tool-subtxt, .tool-box-type4 .tool-subtxt{ text-align: left; line-height: 24px; }
.tool-box-type4 .tooltips{ left: 181.3%; min-width: 274px; bottom:47px; }
.tool-box-type3 .tooltips{ left: 170.3%; transform: translateX(-50.3%); min-width: 250px; bottom:47px; }
.tool-line{ width:30px; height: 1px; background: #ddd; display: block; margin: 10px 0; }
.tool-box-type4 .tooltips::after, .tool-box-type3 .tooltips:after{ left: 28%; }
.txt-result03.txt-type05{ display: inline-block; vertical-align: super;	 }

/*190313 유경*/
/*대출 상품*/
.txt-total.loan { display: inline-block;margin-bottom: 15px;}
.txt-total.loan::after {content:"";display:block;float:none;clear:both;}
.txt-total.loan .item {float:left;font-weight:500;margin-right:10px;}
.table-type01.loan .se-td { border-right: none;}
.table-type01.loan th.w-44 { width: 44%; }
.table-type01.loan th.w-21 { width: 21%; }
.table-type01.loan th.w-130 { min-width: 130px; }
.table-type01.loan .se-td:first-child { text-align: left; padding: 40px 30px 0 !important; vertical-align: top; }
.table-type01.loan .se-td:nth-child(2), .table-type01.loan .se-td:nth-child(3) { padding-top:30px !important;padding-bottom:27px !important; }

.ico-wrap { font-size: 11px;}

/*상품테이블 상품명*/
.product-title { font-size: 24px; font-weight: 500; padding-top: 28px; padding-bottom: 17px; }
.product-txt { font-size: 16px; line-height: 1.3; }
.loan-p-wrap {padding:14px 0; background: #f7f7f7; /* min-height: 112px; */ }
.loan-p-wrap.one { padding: 32px 0px; }
.loan-p-wrap .loan-p-txt { font-family: 'NanumSquare'; font-size: 16px; word-break: keep-all; display: block;line-height:1.2}
.loan-p-wrap .loan-p-txt.pc-none { display: none; }
.loan-p-wrap .loan-p-txt:last-child { margin-bottom: 0; }
.loan-p-wrap .loan-p-point { font-size: 30px;font-family: 'NanumSquare'; color: #e3047f; font-weight: 700; line-height: 1.2; letter-spacing: -1px;}
.loan-p-info { font-size: 12px; line-height: 1.3; padding-top: 10px; display: inline-block; }
.product-list-btn.margin .btn-small { margin-bottom: 10px; }
.loan-p-wrap.type01 {padding: 17px 0 20px;}
.loan-p-wrap.type01 .loan-p-txt + .loan-p-point {display:inline-block;margin-top:8px;}

@media (max-width: 1100px) { html.responsive .ico-wrap { font-size: 11px; }
	html.responsive .table-type01.loan .se-td::before  { display: none; }
	html.responsive .table-type01.loan .se-td { border: none; width: 100%; }
	html.responsive .table-type01.loan .se-td:first-child { border-top: 1px solid #333; }
	html.responsive .table-type01.loan .se-td .td-wrap { padding-bottom: 0; }
	html.responsive .table-type01.loan .se-td:last-child .td-wrap { padding-bottom: 20px; }
	html.responsive .product-title { font-size: 16px; padding-top: 25px; padding-bottom: 10px; }
	html.responsive .product-txt { font-size: 13px; }
	html.responsive .loan-p-wrap { text-align: center; padding: 30px 0 0px; }
	html.responsive .loan-p-info { width: 100%; background: #f7f7f7; text-align: center; font-size: 11px; padding-bottom: 20px; }
	html.responsive .loan-p-wrap .loan-p-txt { font-size: 16px; font-weight: 500; }
	html.responsive .loan-p-wrap .loan-p-point { font-size: 24px; }
	html.responsive .loan-p-wrap .loan-p-txt.pc-none { display: block; }
	html.responsive .table-type01.loan .se-td .td-wrap button { margin-bottom: 10px; }
}

.notice-list .table .table-cell{ vertical-align: middle !important}
.session.child .table .table-cell { vertical-align: top; }

/*190315 유경*/
.notice-list .font-088 { font-size: 14px; line-height: 1.3; padding-top: 10px; }

/*190319 은영*/
.slide-box-area.type02.qna .slide-box-top .sub-title{ font-size: 14px; margin:23px 0;/*190603  marign:19px 0; 에서 변경*/ }

/* 190524 추가 */
@media (max-width: 1100px) {
	html.responsive .slide-box-area.type02.qna .slide-box-top .sub-title {width:80%;}
	html.responsive .slide-box-area.type02.qna .slide-box-txt {padding:15px 20px 15px 60px;}
	html.responsive .slide-box-area.type02.qna .slide-box-txt p {margin-bottom:0;}
}

/*납부고지서 슬라이드*/
.slide-box-area.pay { margin-bottom: 60px;}
.slide-box-area.pay .slide-box-txt { height: auto; padding: 40px; background: #efefef;}
.slide-box-area.pay .document-area { background: #fff; margin-bottom: 0; border:none;}
.slide-box-area.pay .ui-accordion-head {background: none;}
.slide-box-area.pay .ui-accordion-text {position: relative; padding-left: 60px; font-size: 16px; font-weight: 300; line-height: 20px; padding-top: 20px; padding-bottom: 20px;}
.slide-box-area.pay .ui-accordion-text .b-number {display: block; position: absolute; top: 17px; left: 20px; font-size: 22px; line-height: 26px; font-weight: 500; margin-right: 10px;}
.slide-box-area.pay .table-type03-w .table-th02{ background: #fcfcfc;}
.document-area .table-type03-w .table-th02{background: #fcfcfc;}



.table-type01.table-bor-type02 tbody tr:last-child > td { border-bottom: 1px solid #efefef;}

/*2019528*/
.table-type01.table-bor-type02 th:last-child, .table-type01.table-bor-type02 td:last-child {border-right:1px solid #ccc;}
.tbl-lineWp .table-type01 tr:last-child th:last-child{border-right:1px solid #ccc;}
.tbl-blineWp .table-type01 tr:last-child td {border-bottom:none;}


/*-----------20190529 기존페이지에서 레이어팝업으로 구조 변경---------*/
.popup-body02.pad0 {padding:0;}
.pop-newWp{ /*display: none;*/ background: #efefef;} /*잠시 개발로 display:none 주석*/
.pop-newWp .td-wrap { padding: 40px 30px; }
.pop-newWp .table { width: 100%; margin-bottom: 20px; }
.pop-newWp .table:last-child { margin-bottom: 0; }
.pop-newWp .table-cell { width: 50%; text-align: left; }
.pop-newWp .table-cell02 input[type="text"] {width:calc(50% - 24px);}/* 김재원 20200519 */
.pop-newWp .td-wrap { margin: auto; }
.pop-newWp .table-cell.left { padding-right: 20px;vertical-align:top; }
.pop-newWp .table-cell.right { padding-left: 20px;vertical-align:top; }
.pop-newWp .ses-title { display: block; width: 100%; margin-bottom: 10px; font-size: 14px; font-weight: 500; }
.pop-newWp .btn-area { border-top: 1px solid #ddd; padding-top: 20px; margin-top: 20px; }
.pop-newWp .table .input-basic { max-width: 100%; }
.btn-newWp {border-top: 1px solid #ddd; padding-top: 20px; margin-top: 20px;text-align:center;}
.pop-newWp .trn-notice-i-list {padding-left:15px;}
.pop-newWp .dtype .number-k {display:block;font-size:11px;}
.pop-newWp .dtype .btn-sm-wh {max-width:85px;}
.loan-inpWp {max-width:270px !important;margin-left:10px;}
.dur-date {display:inline-block;}
.dur-date .input-area{width:270px;margin-top:10px;}
.pop-newWp .dtype .wtype01 {width:270px;}
.pop-newWp .stype .date-box2 .input-area {width:170px;}
.pop-newWp .table-cell.left.fir {}
.pop-newWp .table-cell.right.fir {padding-right:0;}
.pop-newWp .table-cell.right.fir .calendar-area {width:370px;}
.pop-newWp .table-cell.right.fir .calendar-area .input-area {width:370px;}
.pop-newWp .input-basic, .pop-newWp .stype .select-basic {width:99%;}
.pop-newWp .input-basic, .pop-newWp .select-basic {max-width:370px;}
/*-----------//20190529 기존페이지에서 레이어팝업으로 구조 변경---------*/

/*190320*/
.slide-box-area.type02 .chk-agree .label-wrap:first-child:before, .slide-box-area.type02 .chk-agree .label-wrap:first-child:after { display: none; }

/*190322*/
.table-type02-foot .td-box.width4 { width: 33%; padding:18px 13px;}
.table-type02-foot .td-box.width4 .tal { width: auto; float: left;}
.table-type02-foot .td-box.width4 .td-box02{width:auto; float: right;}
.table-type02-foot .td-box.width4 .td-box02 .money{padding: 0}
.table-type02-foot .td-box.width4:nth-child(2), .table-type02-foot .td-box.width4:nth-child(3) { width: 17%; }

/*190325*/
.left52 { left: 52% !important; }

/*190325*/
.nick-wrap .chk-wrap{ height: 40px; line-height: 3; margin-right: 15px;}
.be-efef{ border-right: 1px solid #efefef !important;}
.break-word{word-break: break-word;}

/*190326*/
.log-radio .radio-box-wrap{ float: right;}

@media (min-width: 769px) and (max-width: 838px) {
	.log-radio .radio-box-wrap{ float: left; margin-bottom: 10px;}
	.login-box .log-radio-title{ margin-bottom: 15px; }
}
/*190327*/
.btn-blue{background: #00397b; border: none; color: #fff; min-width: 184px; margin-bottom: 30px;}
.popup-body01 .btn-blue {margin-bottom:25px;}

/*190327 유경*/
/*약관동의 팝업*/
.table-clone.bg-f7 { background: #f7f7f7 !important; padding: 18px 20px; }
.table-clone.bg-f7 p { line-height: 1.4; }
.popup-checkbox-wrap.agree { margin-bottom: 0; background: #f7f7f7; border: none; text-align: center; }
.popup-checkbox-wrap.agree .chk-label { font-weight: 500; color: #666; }
.slide-box-area.type02 .agree-n .label-wrap:last-child:after { display: none; }
.slide-box-area.type02 .agree-n .label-wrap:first-child:before { display: none; }
.table-type01.agree-table tr td { line-height: 1.6; word-break: keep-all; }
.table-type01.agree-table tr td:last-child { text-align: left; }
.popup-checkbox-wrap.agree .radio-box-wrap { margin-left: 0; transform: translateX(0); }

.scroll-table { height: 400px; overflow-y: auto; padding-right: 10px; }

/*190402 은영*/
.font105{font-size: 16px;}
/*1904504 유경*/
.sub-title02 { font-size: 16px; font-weight: 500; padding: 22px; float: left; }
.btn-sm-wh-wrap .btn-sm-wh { width: 120px; margin-top: 10px; margin-right: 20px; }

/* 190409 김유빈 공통 추가  */
/* 2채널인증 */
.ars-num { width:86px; padding:13px 0; border: 1px solid #ccc; text-align: center; font-size: 24px; }

/* font-size 설정 */
.fz88 { font-size: 14px !important; }
.fz100 { font-size: 16px !important; }
.fz112 { font-size: 18px !important; }
.fz125 { font-size: 20px !important; }
.fz225 { font-size: 36px !important; }

/* line-height 설정 */
.lh120 { line-height: 20px !important;}
.lh150 { line-height: 24px !important;}
.lh170 { line-height: 28px !important;}

/* 190410 */
.kakao-box{ background: #f7f7f7; padding: 30px 20px;}
.kakao-txt{ font-size: 14px; line-height: 1.6;}
.kakao-box .kakao-box-content li{ line-height: 2; font-size: 14px;}
.kakao-last-txt{ padding:30px 0 40px; }
.kakao-last-txt span{ display: block; font-size: 14px;}
.kakao-last-txt span:first-child{ margin-bottom: 12px;}

/*190408 유경*/
/* 조회 데이트 피커 */
/* 190521 수정 */
@media (max-width: 1100px) {
	html.responsive .date-inq .date-back-wrap { width: 100%; }
	html.responsive .date-inq .date-basic2 { width: calc(100% - 24px); margin-left: 24px; margin-bottom: 7px; }
	html.responsive .date-inq .date-back-wrap .date-basic2{ width: calc(100% - 24px);  margin-left: 0px;}
	html.responsive .radio-box-wrap.bottom .radio-box{ width: 100%; margin-bottom: 4px; }
	html.responsive .radio-box-wrap.bottom .radio-box:last-child { margin-bottom: 0; }
	html.responsive .notice-i-list.line-h { line-height: 1.4; }

	/*20190529 기존페이지에서 레이어팝업으로 구조 변경*/
	.pop-newWp{ /*display: none;*/ background: #efefef; } /*잠시 개발로 display:none 주석*/
	.pop-newWp .td-wrap { padding: 20px 20px; }
	.pop-newWp .table { width: 100%; margin-bottom: 10px; }
	.pop-newWp .table:last-child { margin-bottom: 0; }
	.pop-newWp .table-cell { width: 100%; text-align: left; }
	.pop-newWp .td-wrap { margin: auto; }
	.pop-newWp .table-cell.left { padding-right: 0px;display:block !important; }
	.pop-newWp .table-cell.right { padding-left: 0px;display:block !important;padding-top:10px; }
	.pop-newWp .ses-title { display: block; width: 100%; margin-bottom: 10px; font-size: 14px; font-weight: 500; }
	.pop-newWp .btn-area { border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px; }
	.pop-newWp .table .input-basic { max-width: 100%; }
	.btn-newWp {border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px;text-align:center;}
	.pop-newWp .input-area {width:100%;}
	.pop-newWp .dtype .btn-sm-wh {max-width:120px;margin-top:5px;}
	.pop-newWp .dtype .wtype01 {width:100%;}
	.pop-newWp .table.during .radio-box {display:block;margin-bottom:10px;}
	.pop-newWp .dtype .radio-box-wrap {margin-bottom:15px;}
	.pop-newWp .dtype .loan-inpWp {margin-left:0;margin-top:5px;}
	html.responsive .dtype .radio-box-wrap label {float:inherit;}
	html.responsive .dtype .radio-box-wrap label:last-child {margin-bottom:10px;}
	html.responsive .dtype .btn-small {width:49.5%;}
	.pop-newWp .stype .date-box2 .input-area {}
	html.responsive .stype .m-date .date-box2 .datemid {display:none}
	.pop-newWp .stype .date-box2 {display:block;}
	.pop-newWp .stype .date-box2 .input-area  {max-width:inherit;width:100%;}
	.pop-newWp .table-cell.right.fir .calendar-area {width:inherit}
	.pop-newWp .table-cell.right.fir .calendar-area .input-area {width:inherit;}
	.pop-newWp .input-basic, .pop-newWp .select-basic {max-width:inherit;}
	/*===============================*/
	.pop-newWp .table-cell02 input[type="text"] {width:99%;text-align:left;}/* 김재원 20200519 */
}

/* 190418 김유빈 에디터영역, 표 영역 추가 */
.editor {margin-top:20px;padding:23px 40px 0;border-top:1px solid #ccc;font-size:14px;line-height:23px;}
.editor * {font-size:14px;line-height:1.7;letter-spacing:0.2px;}
.editor th,
.editor td {border:1px solid #000 !important;}
.editor.type02 {margin-top:35px;padding-top:40px;}
.editor.type02 th,
.editor.type02 td {border:1px solid #000 !important;}
.editor .non-tbl th,
.editor .non-tbl td {border:0 !important;}
.editor.type02 .non-tbl th,
.editor.type02 .non-tbl td {border:0 !important;}


/* 190419 김유빈 팝업 버튼 추가 */
.popup-control01 {position:fixed; top:75px; right:27px; width:260px; border-radius: 20px; background: #333; padding:10px 20px;}
/* .popup-control02 { bottom:20px; left:35px; width:160px; height:160px; background: #000; } */
.popup-control03 {position:fixed; bottom:20px; left:50%; margin-left: -142px;width:284px; background: #333; padding:15px 20px 13px; }
.popup-control04 {position:fixed; bottom:20px; right:35px; width:160px;}
.popup-page {display:inline-block;font-weight:500;color:#fff;font-size:16px;vertical-align:middle;}

.popup-btn-plus,
.popup-btn-minus,
.popup-btn-original,
.popup-btn-basic,
.popup-btn-minimap { color: #fff; padding:4px 0 3px 23px; font-size:14px; margin-left: 7px;}

.popup-btn-plus { margin-left: 0; background: url('/img/common/icon_plus_wh.png') no-repeat left center;}
.popup-btn-minus { background: url('/img/common/icon_minus_wh.png') no-repeat left center;}
.popup-btn-original { background: url('/img/common/icon_original.png') no-repeat left center;}
.popup-btn-basic { background: url('/img/common/icon_basic.png') no-repeat left center;}
.popup-btn-minimap { background: url('/img/common/icon_minimap.png') no-repeat left center;}

.popup-control03 .prev,
.popup-control03 .next { color: #fff; font-size:16px; vertical-align:middle; }
.popup-control03 .popup-prev ,
.popup-control03 .popup-next { width:18px;height:18px;margin-top:-2px;vertical-align:middle; }
.popup-control03 .popup-prev { margin-left:15px; background:url('/img/common/icon_prev.png') no-repeat; }
.popup-control03 .popup-next { margin-right:15px; background:url('/img/common/icon_next.png') no-repeat; }
.popup-control03 span { padding:0 14px; }
.popup-control04 button { width:100%; max-width: 160px; padding:14px 0; color: #fff; }

/* 고객센터, faq 게시판 추가 */

.result-none-area { width: 100%; height: auto; padding: 125px 0 65px; text-align: center; background: #fff 50% 64px/auto no-repeat; font-size:16px; }
.result-none-area.success { background-image: url('/img/common/icon_alert.png');
 }

.input-timer span { position: absolute;top:0; right: 295px; color: #cd0606;}

/* 190425 김유빈 otp 만료안내 팝업 추가 */
.otp-alert {padding:30px 0; background:#efefef; font-size:16px;text-align:center;}
.otp-alert + .notice-list-wrap {padding-top:23px;}
.otp-alert-txt {margin-top:14px;line-height:30px;font-size:18px;}
.battery-confirm {padding:30px 0 10px;border-top:1px solid #ccc;}
.notice-list-wrap + .battery-confirm {margin-top:22px;}
.icon-alert { height: 40px;background: url('/img/common/icon_alert.png') no-repeat 50% 50%;}
.confirm-txt { font-size:20px; font-weight:500; }
.otp-box, .otp-box02 { width:265px; height:160px; }
.otp-box02 { margin-left: 55px;}
.otp-box img, .otp-box02 img { width: 265px; height:130px;}
.otp-box p, .otp-box02 p { font-weight:500; margin-top:10px; font-size:16px; }
.popup-close { height:50px; padding:15px 30px; background: #666;}
i.chk-w{ vertical-align: middle; width: 20px; height: 20px; background: url(/img/common/checkbox-w.png) no-repeat center / contain; display: table-cell; }
.chk-basic.white:checked~i {vertical-align: middle;width: 20px;height: 20px;background: url(/img/common/check_card.png) no-repeat center / contain; }
.chk-label.white{font-size: 14px;color: #fff;display: table-cell;padding-left: 10px;line-height: 1.2; text-align: left;vertical-align:middle; }
.popup-close-btn { padding: 2px 20px 0 0; color: #fff; background: url('/img/common/icon_popup_close.png') no-repeat right center; font-size:16px; }

/* 190425 김유빈 휴대폰인증 팝업 추가 */
.phone-table tr:last-child { margin-bottom: 0;}
.phone-table th { font-size:14px; text-align:left; vertical-align: middle;font-weight:500}
.phone-table th label {font-weight:500;}
.phone-table td { padding: 10px 0; }
.input-basic.phone { max-width: 327px;}
.select-basic.phone { max-width: 155px; margin: 0 0 0 9px;}

.radio-box .phone-radios + label, .radio-box .phone-radios02 + label{ line-height: 40px; }
.phone-radios, .phone-radios02{ position: absolute; top:0; left:0; opacity: 0; width:100%; height: 100%;  background: transparent; cursor: pointer;}
.phone-radios:focus + label, .phone-radio:focus + label{border:1px dotted #fff;}
.phone-radios02:focus + label, .phone-radio02:focus + label{border:1px dotted #fff;}

.phone-radios + label { padding:10px 26px; border: 1px solid #ccc; box-sizing: border-box; font-weight: 300; color: #333; font-size: 14px; cursor:pointer;}
.phone-radios02 + label { width:109px; height: 40px; display: inline-block; text-align: center;border: 1px solid #ccc; box-sizing: border-box; font-weight: 300; color: #333; font-size: 14px; cursor:pointer; }
.phone-radios:checked + label, .phone-radios02:checked + label { border:1px solid #00397b ; color: #fff; background:#00397b; }
.phone-radios:focus + label, .phone-radios02:focus + label{border:1px dotted #fff;}

.chk-label.phone { font-size: 16px; font-weight: 500; padding-top:3px; }
.chk-label.phone02 { color: #666; font-size:14px; font-weight: 500; padding-top:3px; }
.phone-slide-area { border:1px solid #ccc; }
.phone-slide-top { padding:15px 20px; border-top:1px solid #ccc;  }
.phone-slide-top:first-child { border-top: none;}
.phone-slide-txt { display: none; max-width: 100%;height: 150px;padding:20px; border-top: 1px solid #ccc; overflow-y:auto;  }
.phone-slide-txt p { font-size: 14px; line-height: 1.5em;}
.phone-slide-btn { width:16px; height:9px; margin-top:6px; background: url("/img/common/icon_slide_down.png") no-repeat center; }
.phone-slide-active .phone-slide-btn  { background: #f7f7f7 url("/img/common/icon_slide_up.png") no-repeat center; transform: none; }
.btn-slide { background: url("/img/common/icon_select_fff.png") no-repeat center #333; width: 60px; position: absolute; top: 0; bottom: 0; right: 0; }
.btn-slide-active .btn-slide{ background: url("/img/common/icon_select_fff.png") no-repeat center; width: 60px; position: absolute; top: 0; bottom: 0; right: 0; background-color:#999999; transform: rotate(180deg); }

/* 190426 김유빈 휴대폰인증 팝업02 추가 */
.phone-table02 th { font-size:16px; vertical-align: top; }
.btn-sm-wh.w90 { max-width: 90px; }
.input-phone span.timer { position:absolute; right:90px; color: #cd0606; font-size:16px; }

/* 190426 김유빈 2채널 인증 추가 */
.alert-message, td.alert-message { padding:60px 0; text-align: center;}
.bt-333 { border-top:1px solid #333; }
.alert-message .text {font-size:16px;}

/* 190426 김유빈 자동 로그아웃 추가  */
.icon-logout { height: 60px;background: url('/img/common/logout_icon.png') no-repeat 50% 50%;}
.icon-timer {height: 60px;background: url('/img/common/popup_timer_icon.png') no-repeat 50% 50%;}

/* 190426 김유빈 에러404 추가 */
.icon-error {height: 60px;background: url('/img/common/icon_alert02.png') no-repeat 50% 50%;}
.page-title.error-txt {float:none;padding-bottom:0;}
.title-top.error-top {padding:85px 0;}
.error-link {display: inline-block;margin-top:10px;font-size:22px;font-weight:500;text-decoration:underline;}

/*190509 박은영 추가*/
.no-item {min-height: 178px;text-align: center;font-weight: 500; font-size: 22px;line-height: 117px;}

/* 190515 박은영 추가 */
.check-box-wrap.type02 .label-wrap{width:24.7%;margin-right:0;}
.check-box-wrap.type02 div{margin-top:20px;}
.check-box-wrap.type02 div:first-child{margin-top:0;}

/* 190522 alert, confirm 팝업 텍스트 */
.popup-body02.alert {display:table;width:100%;padding:30px;}
.popup-body02 .alert-msg {display:table-cell;vertical-align:middle;}
.alert-msg li {margin-bottom:10px;line-height:1.3;font-size:1.7rem;font-weight:500;text-align:center;}
.alert-msg li:last-child {margin-bottom:0;}
.dim-contents.sm .popup-foot01.alert {padding:20px 30px;}

/* 190527 팝업 텍스트 */
.list-style01 {margin-top:8px;}
.list-style01 li {padding-left:0 !important; margin-top:2px; line-height:1.5 !important;}
.list-style01 li::before {display:none;}
.popup-body02 .notice-list.line-style01 li {line-height:1.5;}
.popup-subtitle01 {display:inline-block;padding-top:5px;font-size:20px;color:#666;font-weight:500;}


/* 이벤트 상세 */
/* .bbs-head.style01 {padding:22px 33px 14px 20px;background:#f7f7f7;border-bottom: 1px solid #cdcdcd;}
.bbs-head.style01 .subject {display:inline-block;width:858px;font-weight:700;vertical-align:top;}
.bbs-head.style01 .title {float:left;width:1010px;color:#333;font-size:20px;font-weight:700;}
.bbs-head.style01 .title .badge {margin-right:5px;vertical-align:2px;}
.bbs-head.style01 .date {top:22px;right:79px;} */
.snsbox {position:relative;float:right;right:-22px;width:64px;}
.snsbox .snslink-view {display:block;overflow:hidden;width:64px;height:30px;margin-top: -3px;background:url('/img/common/icon_share.png') no-repeat right 20px top;font-size:0;line-height:0;}
.snsbox .tooltip-layerpopup {display:none;position:absolute;top:50px;right:-48px;width:300px;height:148px;padding:40px 0;border:1px solid #000;text-align: center;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;}
.snsbox .tooltip-layerpopup-close {position:absolute;top:10px;right:10px;width:10px;height:10px;background:#3399ff;z-index:100;}
.snsbox .tooltip-layerpopup:after {position:absolute;top:-9px;right:67px;content: " "; display: block;width:15px;height:9px;background: url('/img/common/bg_tooltip.gif') no-repeat 0 0;}
.bbs-head.style01:after {content:" ";display:block;height:0;clear:both;visibility:hidden;}
.common-viewdetail {padding:40px 20px;border-bottom:1px solid #ddd;color:#666;font-size:16px;line-height:30px;}
.common-viewdetail p {margin-top:35px;color:#666;font-size:16px;line-height:30px;}
.common-viewdetail p:first-child {margin:0;}

.bbs-head.style01 .snsbox{width:38px;}
.bbs-head.style01 .snsbox .snslink-view {width: 30px;background-position:right 1px top}
.bbs-head.style01 .snsbox .tooltip-layerpopup:after {right: 60px;}

.product-list-l .snsbox {right:-5px;}

.bbs-view {border-top:1px solid #333;border-bottom:1px solid #d3d3d3;}
.bbs-head-wrap {padding:19px 33px 18px 20px;border-bottom:1px solid #cdcdcd;background-color:#f7f7f7;}
.bbs-head {position:relative;}
.bbs-head .ico-category {display:inline-block;width:auto;margin-right:12px;padding:2px 6px 0; line-height: 22px; text-align:center;}
.bbs-head .subject {overflow: hidden;width: 100%;padding-right: 254px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;font-weight:700;line-height:22px;vertical-align:bottom;text-overflow: ellipsis;word-break: break-all;white-space: nowrap;}
.bbs-head .subject.type01 {padding-right:142px;}
.bbs-head .subject.type02 {padding-right:0;}
.bbs-head .bbs-headinfo {float:right;margin-top:-22px;}
.bbs-head .views {margin-left:40px;}
.bbs-head .date, .bbs-head .views {display:inline-block;font-size:14px;line-height:22px;vertical-align:bottom;}
.bbs-head:after {display:block;content: '';clear:both;}

/* tooltip 이미지 */
.snsbox .tooltip-layerpopup .kakao {background: url('/img/common/bul_kakao_off.png') no-repeat 50% 0}
.snsbox .tooltip-layerpopup .instagram {background: url('/img/common/bul_insta_off.png') no-repeat 50% 0}
.snsbox .tooltip-layerpopup .facebook {background: url('/img/common/bul_facebook_off.png') no-repeat 50% 0}
.snsbox .tooltip-layerpopup .urlcopy {background: url('/img/common/bul_url_off.png') no-repeat 50% 0}
.snsbox .tooltip-layerpopup .sns{display:inline-block;width:79px;padding-top:65px;text-align:center;font-size:12px;font-weight:700;color:#666;}
.snsbox .tooltip-layerpopup .tooltip-layerpopup-close {background: url('/img/common/bg_close.png');font-size:0;}

/* 190613 수정 */
.btn-area.style01{margin-top:-10px;padding-top:0;}

/* event list */
/* .event-info dt,
.event-info dd {display:inline-block;margin-top:15px;}
.event-info dt:first-child {margin-top:0;}
.event-info dd:first-of-type {margin-top:-10px;}
.event-info .title {width:7%;margin-right:15px;font-size:14px;font-weight:500;color:#333;}
.event-info .text {width:90%;font-size:14px;color:#333;line-height:25px;}
.event-info .text strong {font-weight:500;}
.event-info .text.type01,
.event-info .title.type01 {margin-top:18px;vertical-align:top;}
.event-info .title.type01 {margin-top:22px;}
.event-info .btn-sm-wh {margin-left:15px;}
.event-list li {font-size:14px;color:#333;line-height:28px} */

/* 190618 권유자 사번  */
td .inviter {position:absolute;top:40px;left:0;display:inline;width:400px;height:40px;padding:11px 10px;border:1px solid #ccc;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;}

/* 190618 권유직원 */
.employee-box .notice-list li {font-weight:500;font-size:16px;}
.employee-box .select-basic {width: 140px;}
.employee-box .input-basic {width: 360px; margin-left:7px;}
.employee-box .btn-sm-wh {margin-left:8px;}
.underline {text-decoration: underline !important}


/* 190624 교직원 회원여부 조회 */
.inquiry-wrap {padding-top:40px;}
.inquiry-wrap .notice-list li strong {font-weight:500;}
.inquiry-wrap .chk-wrap {margin-top:20px;display:block;text-align:right;}
.inquiry-wrap .inquiry-input {margin-top:10px;text-align:right;font-size:14px;}
.inquiry-wrap .title {display: inline-block}
.inquiry-wrap .input-basic {max-width:128px !important;}

.table-type04.style01 td, .table-type04.style01 th {width:auto;}
.brc-tdline {border-right:1px solid #efefef;}
@media (max-width: 1100px){
	html.responsive .table-type04.style01 td, html.responsive .table-type04.style01 th {width:auto;}
	html.responsive .inquiry-wrap {padding-left:16px;padding-right:16px;}
}

/* 2채널 보안 인증 완료 페이지 */
.certifiy-result-wrap {padding:165px 0 73px;background: url('/img/common/bg_result_succ.png') no-repeat 50% 34%;border-top:1px solid #000;border-bottom:1px solid #e0e0e0;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}
.certifiy-result-wrap .text {font-weight:500;font-size:24px;color:#333;}
.certifiy-result-wrap + .list-style.type02 {margin-top:34px;}

/* ars popup01 */
.dim-contents .popup-body01.ars-content-wrap {padding:0 30px;background:#fff;}
.popup-body01.ars-content-wrap .sub-box-wrap{padding:38px 0 20px !important;}
.ars-content-wrap .list-style li {margin-left:0;line-height:22px;}
.ars-content-wrap .list-style li::before {margin-top:8px;}
.ars-content {margin:0 -30px;padding-bottom:30px;border-bottom:1px solid #ccc;text-align:center;}
.ars-content .subtext01 {margin-top:6px;font-size:24px;}
.ars-content .text {font-size:20px;font-weight:500;line-height:1.5;color:#333;}
.ars-content .subtext02 {margin-top:6px;font-size:16px;color:#666;line-height:24px;}
.ars-content .ars-cerbox {width:280px;margin:30px auto;padding:20px 0 18px;background:#efefef;text-align:center;border-radius:10px;}
.ars-cerbox span {display:block;}
.ars-cerbox .title {font-size:24px;font-weight:500;color:#333;}
.ars-cerbox .num {margin-top:10px;font-size:72px;color:#00397b;font-weight:500;}
.ars-cerbox .timer {margin-top:6px;padding:0;background:none;font-size:16px;color:#000;}

/* phone-content popup */
.phone-content .phonetext {font-size:20px;font-weight:500;line-height:1.5;text-align:center;}
.phone-content .certifiy-result-wrap {padding:156px 0 22px;border:0;}
.phone-content + .sub-box-wrap.type01{padding-top:20px !important;}

/* 전화승인실패 popup */
.error-content {width:490px;margin:35px auto 0;padding:44px 0;border-top:1px solid #ccc;background:#efefef;font-size:24px;line-height:37px;text-align:center;}



/* mobile */
@media (max-width: 1100px) {

	.snsbox .tooltip-layerpopup{right:-3px;width:155px;height:62px;padding:19px 0 40px 0;}
	.snsbox .tooltip-layerpopup:after{right:20px}
	.snsbox .tooltip-layerpopup .kakao,
	.snsbox .tooltip-layerpopup .instagram,
	.snsbox .tooltip-layerpopup .facebook,
	.snsbox .tooltip-layerpopup .urlcopy {background-size:80%;line-height:0;}
	.snsbox .tooltip-layerpopup .sns{width:32px;padding-top:34px;font-size:0;}
	.bbs-head.style01 .snsbox .tooltip-layerpopup:after {right:13px;}

}

/* 금리인하요구권 약관 추가 페이지 */
.dim-contents.style01 .popup-body02,
.dim-contents.style01 .popup-foot01 {background: #fff;}
.dim-contents.style01 .ui-accordion-layer .slide-box-txt {height:145px;}

/* 약관 페이지 */
.slide-box-txt .tit {font-size: 14px;line-height: 1.7;font-weight:500;}
.slide-box-txt .agreement-subtit {margin-bottom:0;font-size: 14px;line-height: 1.7;font-weight:500;}
.slide-box-txt .agreement-subtext {margin-bottom:0;font-size: 14px;line-height: 1.7;font-weight:300;}
.slide-box-txt .agreement-num {padding-left:27px;}
.slide-box-txt .agreement-num li {font-size:13px;list-style:decimal;line-height:20px;}
.slide-box-txt .agreement-subtext + .agreement-subtit {margin-top:20px;}
.slide-box-txt .agreement-num li {font-size:13px;list-style:dash;line-height:20px;}
.slide-box-txt .notice-list.nolist-type2.none li {padding-left:0;}
.slide-box-txt .notice-list.nolist-type2.none li::before {display:none;}
.slide-box-txt .table-wrap01 {margin-top:10px;margin-bottom:20px;}
.slide-box-txt .agreement-subtext + .agreement-definition dl {margin-bottom:10px;}
.slide-box-txt .agreement-definition dt,
.slide-box-txt .agreement-definition dd {display:inline-block;font-size:14px;line-height:24px;}
.slide-box-txt .agreement-definition dd {width:94%}
.agreement-txt-point li {font-size:12px;line-height:18px;}

.info-table-area.type02 {margin-top:60px;}
.txt-up {display:inline-block;margin-bottom:10px;}
.br-style01 {border-right:1px solid #efefef;}
.table-area .info-table-area:first-of-type {margin-top:32px;}
.slide-box-area.type02 {margin-top:40px;}
.lookup-01-sample + .table-03-wrap {margin-top:40px;}
.sub-title-area.type01 {padding-bottom:9px;}
.prev-term {padding:8px 20px 20px 20px;}
.info-table-area.join-guidebox .notice-list-wrap {padding-top:19px}
.info-table-area.join-guidebox .table-wrap01 {margin-top: 15px;}
.info-table-area.join-guidebox .btn-area {padding-top:35px;}
.notice-list.none li {padding-left:0;}
.notice-list.none li:before {display:none;}
.slide-box-top .agree-title {display:inline-block;padding:23px 0 21px;font-size:16px;font-weight:500;}

.notice-listtext{font-size:14px;line-height:23px;padding-left:15px;}
.notice-listtext::before {content:'';display:inline-block;float:left;margin:7px 0 0 -12px;width:5px;height:5px;border-radius:50%;background-color:#999;}

/*로그인 팝업*/
.log-pop-top {display: table; width: 100%; }
.log-pop-top .log-pop-txt { font-size: 14px; text-align: center; }
.log-pop-center { padding: 20px 0 1px 0;}
.popup-body01.qrcode-body {padding:34px 30px 29px !important;}
.qrcode-wrap { display: inline-block; margin-left: 50%; transform: translateX(-50%);}

.log-pop-center .timer { display: block; width:  150px; margin: 0 auto; text-align: center; background: url("/img/common/timer_icon.png") no-repeat left 35px center / 18px; padding-left: 45px; font-size:16px;}
.log-pop-center	.qr-num-box {margin-top:20px;text-align:center;}
.log-pop-center .qr-num + .qr-num {margin-left:10px;}
.log-pop-center .qr-num {display:inline-block;border: 1px solid #cccccc; width: 130px; text-align: center; font-size: 24px; padding: 13px 0; vertical-align: middle; margin:0 auto 20px;}
.log-pop-center .qr-num span{display: inline-block; vertical-align: sub;}
.log-pop-blist { width: 500px; list-style: decimal; margin-left: 20px; }
.log-pop-blist li { font-size: 14px; line-height: 1.5; }
.log-pop-bottom { border-top: 1px solid #ccc; padding: 22px 0 0px 0; position: relative; }
.pop-bottom-txt { width: 500px; line-height: 1.3; font-size: 14px; padding-top: 10px; padding-bottom:6px; }
.pop-bottom-logo { position: absolute; right: 0; top: calc(50% - 55px); }
.popup-foot01.qrcode-foot {border-top:1px solid #000 !important;}

/* */
.number-list.type01 {padding-left: 20px;}
.number-list.type01 li {text-indent: -17px;line-height: 22px;}
.list-style.type02 li::before {float:none;}
.ars-content-wrap .list-style li {padding-left:17px;text-indent: -13px;}
.list-style.type02 li .txt-bold {color:#666;}
.sub-box {padding: 20px 20px 16px;}
.popup-body02.type01 {padding:15px 30px 30px}

.newaddrwss-search {display:table;width:100%;margin:20px 0 10px;}
.cellb-wrap {display:table-cell;vertical-align:top;}
.cellb-wrap.type01 {width:140px;padding-right:10px;}
.cellb-wrap.type02 {}
.cellb-wrap.type03 {padding-left:10px;width:120px;}
.cellb-wrap.type03 button {width:100%;}
.cellb-wrap select {width:100%;}
.cellb-wrap input {max-width:100%;}

.popupgap-newstyle01 {padding-top:10px !important;border-top:none !important;}
.popupgap-newstyle02 {padding-top:40px !important;border-top:none !important;}
.popup-body01.type02 {padding-bottom:35px;}
.notice-list + .docu-table-area {margin-top:20px;}




/* 모아저축은행 SB톡톡 플러스 정기예금 단리 중도해지이율  (*기준 : 연이율, 세전) 19.09.17 김재원 */
.sub-infotxt-type01 {clear: both; float:right; text-align:right; font-size: 14px !important;}
/* 키움YES  .btn-basic min-width값 변경 */
.btn-size {min-width:200px !important;}


/* mobile */
.common-title01 {margin-top:10px;font-size:14px;font-weight:500;}
.form-box {margin-top:10px;}
.form-box.type02 .radio-box {width: 33.333%;}
.form-box.type02 .radio-box .phone-radios02 + label {width:100%;font-size:12px;}
.form-box.type01 .radio-box {width: 50%;}
.form-box.type01 .radio-box .phone-radios02 + label {width:100%;font-size:12px;}
.input-phone.ty01 span.timer {font-size:14px;right:0;}
.input-phone.ty01 .input-basic {padding:0 95px 0 10px !important;}

/* [이체]페이인포 추가 페이지 */
.box-style03 {width:100%;margin-top:50px;padding:46px 470px 109px 45px;background:#efefef url("/img/common/bg_payinfo.png") no-repeat right 60px top 50%;}
.box-style03 .title {font-size:22px;font-weight:500;line-height:27px;}
.box-style03 .text {display:inline-block;margin-top:23px;font-size:16px;line-height:24px;}
.payinfo-wrap {display:table;width:100%;margin-top:43px;border:1px solid #ccc;}
.payinfo-wrap li {padding:46px 46px 50px 46px;border-right:1px solid #ccc;}
.payinfo-wrap li:last-child {border-right:0;}
.payinfo-box {display:table-cell;width:50%;}
.payinfo-box .title {font-size:22px;font-weight:500;line-height:25px;}
.payinfo-box .text {margin-top:10px;font-size:16px;line-height:27px;}
.payinfo-box .sub-text {display:block;margin-top:2px;color:#949494;}
.payinfo-img {margin-top:60px;}
/* 알아두세요 아코디언 */
.slide-box-area.type03 .ui-accordion-list {border-top:0;}
.slide-box-area.type03 .ui-accordion-head {background:#fff;border-top:0;border-bottom-color:#000;}
.slide-box-area.type03 .ui-accordion-item.js-accordion-opened .ui-accordion-opener {background:#fff;border-left:0;}
.slide-box-area.type03 .ui-accordion-item.js-accordion-opened .ui-accordion-opener:before {border: 2px solid #000;border-left:0;border-top:0;}
.slide-box-area.type03 .ui-accordion-item.js-accordion-opened .ui-accordion-text {color:#333;}
.slide-box-area.type03 .ui-accordion-list.js-ui-accordion-wrap .ui-accordion-text {padding-left:0;color:#333;}
.slide-box-area.type03 .ui-accordion-layer {border-bottom:0;}
.slide-box-area.type03 .slide-box-txt {height:auto;padding:0 15px;overflow-y:initial;}
.slide-box-area.type03 .ui-accordion-opener {border-left:0;}
.slide-payinfobox {display:table;width:100%;padding:25px 0;}
.payinfo-list {display:table-cell;width:50%;}
.payinfo-list .title {margin-bottom:0;font-size:16px;font-weight:500;}
.payinfo-list .title + .payinfo-notice {margin-top:15px;}
.payinfo-notice .list {margin-bottom:10px;padding-left:14px;font-size:14px;line-height:1.5;text-indent:-14px;word-break:keep-all;}
.slide-payinfobox .payinfo-list:first-child {padding-right:20px;}
.slide-payinfobox .payinfo-list:nth-child(2n) {padding-left:24px;}
.payinfo-notice .list:before {content:'';display:inline-block;width:4px;height:4px;margin-right:10px;background:#999;border-radius:50%;vertical-align:3px;}
/* 자동납부 변경신청 팝업 */
.box-style01 {width:100%;padding:20px;margin-top:35px;background:#efefef;}
.box-style01 .text {color:#e60012;font-size:16px;line-height:22px;}
.input-formbox {margin-top:28px;color:#666;font-size:16px;line-height:36px;}
.input-basic.payinfo {width:78px;height:30px;margin:0 5px;background:#efefef;border:1px solid #e60012;font-size:16px;text-align: center;}

/* 상품공시이용메뉴얼 */
.product-manual-top {padding:59px 273px 51px 41px;margin-top:40px;background:#eeeff1 url('/img/hss_content/bg_hand.png') no-repeat right 50%;color:#333333;font-size:22px;font-weight:700;line-height:36px;}
.product-manual-top .str {display:inline-block;color:#00397b;font-weight:700;}

.product-manual-box {margin-top:50px;border-top:1px solid #000;}
.product-manual-box li {padding:30px 0 30px 220px;min-height:180px;border-bottom:1px solid #efefef;}
.product-manual-box li:first-child {background:url('/img/hss_content/bg_manualimg01.png') no-repeat 0px 50%;}
.product-manual-box li:nth-child(2) {background:url('/img/hss_content/bg_manualimg02.png') no-repeat 0px 50%;}
.product-manual-box li:nth-child(3) {background:url('/img/hss_content/bg_manualimg03.png') no-repeat 0px 50%;}
.product-manual-box li:nth-child(4) {background:url('/img/hss_content/bg_manualimg04.png') no-repeat 0px 50%;}
.product-manual-box li:nth-child(5) {background:url('/img/hss_content/bg_manualimg05.png') no-repeat 0px 50%;}
.product-manual-box li:nth-child(6) {background:url('/img/hss_content/bg_manualimg06.png') no-repeat 0px 50%;border-bottom:1px solid #ccc;}

.product-manual-box li .text {font-size:16px;color:#333;font-weight:700;line-height:25px;}
.product-manual-box li .shortcut {display:inline-block;margin-top:16px;font-size:14px;color:#333;}
.product-manual-box li .shortcut + .shortcut {margin-left:20px;}
.product-manual-box li .shortcut .link {display:inline-block;width:72px;margin-left:20px;padding:5px 10px;border:1px solid #ccc;}

@media (max-width:1100px) {
	.product-manual-top {margin-top:20px;}
	.product-manual-box li {padding:155px 0 30px 0;}
	.product-manual-box li:first-child {background-position: 50% 20px;}
	.product-manual-box li:nth-child(2) {background-position: 50% 20px;}
	.product-manual-box li:nth-child(3) {background-position: 50% 20px;}
	.product-manual-box li:nth-child(4) {background-position: 50% 20px;}
	.product-manual-box li:nth-child(5) {background-position: 50% 20px;}
	.product-manual-box li:nth-child(6) {background-position: 50% 20px;border-bottom:1px solid #ccc;}
	.product-manual-box li .shortcut {display:block;}
	.product-manual-box li .shortcut + .shortcut {margin-left:0;}
	.product-manual-box li .shortcut .link { display:block;margin:10px 0 0 0;}
}

@media (max-width:835px) {
	.product-manual-top {padding:33px 41px 29px 41px;background-image:none;font-size: 18px;line-height: 31px;}
}

/* 뱅킹관리 안내 */
.product-manual-top.bank-info {padding:59px 385px 51px 41px;background:#eeeff1 url('/img/common/bg_notebook.png') no-repeat right 50%;color:#333333;font-weight:700;line-height:28px;}
.product-manual-top.bank-info .str {display:inline-block;color:#00397b;font-size:22px;font-weight:700;line-height:36px;}

.product-manual-box.bank-info li:first-child {background:url('/img/common/bg_bank_info01.png') no-repeat 0px 50%;}
.product-manual-box.bank-info li:nth-child(2) {background:url('/img/common/bg_bank_info02.png') no-repeat 0px 50%;}
.product-manual-box.bank-info li:nth-child(3) {background:url('/img/common/bg_bank_info03.png') no-repeat 0px 50%;}
.product-manual-box.bank-info li:nth-child(4) {background:url('/img/common/bg_bank_info04.png') no-repeat 0px 50%;}
.product-manual-box.bank-info li:nth-child(5) {background:url('/img/common/bg_bank_info05.png') no-repeat 0px 50%;}
.product-manual-box.bank-info li:nth-child(6) {background:url('/img/common/bg_bank_info06.png') no-repeat 0px 50%;}
.product-manual-box.bank-info li:nth-child(7) {background:url('/img/common/bg_bank_info07.png') no-repeat 0px 50%;}
.product-manual-box.bank-info li:nth-child(8) {background:url('/img/common/bg_bank_info08.png') no-repeat 0px 50%;}
.product-manual-box.bank-info li:nth-child(9) {background:url('/img/common/bg_bank_info09.png') no-repeat 0px 50%;border-bottom:1px solid #ccc;}
@media (max-width:1100px) {
	.product-manual-box.bank-info li:first-child {background-position: 50% 20px;}
	.product-manual-box.bank-info li:nth-child(2) {background-position: 50% 20px;}
	.product-manual-box.bank-info li:nth-child(3) {background-position: 50% 20px;}
	.product-manual-box.bank-info li:nth-child(4) {background-position: 50% 20px;}
	.product-manual-box.bank-info li:nth-child(5) {background-position: 50% 20px;}
	.product-manual-box.bank-info li:nth-child(6) {background-position: 50% 20px;}
	.product-manual-box.bank-info li:nth-child(7) {background-position: 50% 20px;}
	.product-manual-box.bank-info li:nth-child(8) {background-position: 50% 20px;}
	.product-manual-box.bank-info li:nth-child(9) {background-position: 50% 20px;border-bottom:1px solid #ccc;}
}
@media (max-width:835px) {
	.product-manual-top.bank-info {padding:33px 41px 29px 41px;background-image:none;font-size: 14px;line-height: 23px;}
	.product-manual-top.bank-info .str {font-size:18px;font-weight:700;line-height:26px;}
}


/* 보안센터 안내 */
.product-manual-top.security-info {padding:59px 385px 51px 41px;background:#eeeff1 url('/img/common/bg_key.png') no-repeat right 50%;color:#333333;font-weight:700;line-height:28px;}
.product-manual-top.security-info .str {display:inline-block;color:#00397b;font-size:22px;font-weight:700;line-height:36px;}

.product-manual-box.security-info li:first-child {background:url('/img/common/bg_security_info01.png') no-repeat 0px 50%;}
.product-manual-box.security-info li:nth-child(2) {background:url('/img/common/bg_security_info02.png') no-repeat 0px 50%;}
.product-manual-box.security-info li:nth-child(3) {background:url('/img/common/bg_security_info03.png') no-repeat 0px 50%;}
.product-manual-box.security-info li:nth-child(4) {background:url('/img/common/bg_security_info04.png') no-repeat 0px 50%;}
.product-manual-box.security-info li:nth-child(5) {background:url('/img/common/bg_security_info05.png') no-repeat 0px 50%}
.product-manual-box.security-info li:nth-child(6) {background:url('/img/common/bg_security_info06.png') no-repeat 0px 50%;border-bottom:1px solid #ccc;}
@media (max-width:1100px) {
	.product-manual-box.security-info li:first-child {background-position: 50% 20px;}
	.product-manual-box.security-info li:nth-child(2) {background-position: 50% 20px;}
	.product-manual-box.security-info li:nth-child(3) {background-position: 50% 20px;}
	.product-manual-box.security-info li:nth-child(4) {background-position: 50% 20px;}
	.product-manual-box.security-info li:nth-child(5) {background-position: 50% 20px;}
	.product-manual-box.security-info li:nth-child(6) {background-position: 50% 20px;border-bottom:1px solid #ccc;}
}
@media (max-width:835px) {
	.product-manual-top.security-info {padding:33px 41px 29px 41px;background-image:none;font-size: 14px;line-height: 23px;}
	.product-manual-top.security-info .str {font-size:18px;font-weight:700;line-height:26px;}
}

/* 프리뱅킹 안내 */
.product-manual-top.free-info {font-weight:300;}
.free-info-wrap {border-top:1px solid #333;}
.free-info-wrap .free-info {display:table;width:100%;border-top:1px solid #ccc;}
.free-info-wrap .free-info:first-child {border-top:none;}
.free-info-wrap .free-info:last-child {border-bottom:1px solid #ccc;}
.free-info-wrap .free-info li {display:table-cell;height:100px;font-size:14px;vertical-align:middle;}
.free-info-wrap .free-info .bank-name {width:290px;padding-left:22px;border-right:1px solid #ccc;}
.free-info-wrap .free-info .bank-address {padding-left:29px;}
.free-info-wrap .free-info .bank-address .number {margin-top:30px;}
.free-info-wrap .free-info .bank-address .number .tel {display:inline-block;width:400px;}

/* 평생계좌서비스 안내 */
.product-manual-top.lifetime-info {padding: 40px 273px 38px 41px;background: #eeeff1;}
.notice-list.lifetime-info {padding:20px 0 30px}
.notice-list.lifetime-info::after {position:absolute;content:'';top:calc(50% - 75px);right:30px;width:550px;height:130px;border:5px solid #eeeff1;background:url(/img/common/img_lftmacc_info.jpg) no-repeat center / contain;}




/* 20210903 홈페이지 상품설명 스타일추가 */

/* 안내문구 - 리스트 스타일 */
.notice-list-wrap {background-color: #fff;}
.notice-list-wrap .sub-text {font-size:14px;}
.notice-list-wrap + .tab-basic {margin-top:35px;}
.product-view + .notice-list-wrap {margin-top:20px;}
.table-wrap01 + .notice-list-wrap {margin-top:20px;}
.info-table-area + .notice-list-wrap {margin-top:40px;}
.sub-text + .notice-list {margin-top:10px;}
.tts + .notice-list-wrap {margin-top:40px;}
.notice-list-wrap + .tab-basic.pt50 {margin-top:-50px;}

	/* 기본 dot style */

.notice-list { max-width: 1100px; margin: 0 auto; background:#fff; }
.notice-list .notice-list {padding: 10px;}
.notice-list > li {margin-top:5px; color:#666;font-size:14px;line-height:23px;padding-left:15px;font-weight:300;}
.notice-list li:first-child {margin-top:0;}
.notice-list > li::before { content: ''; display: inline-block; float: left; margin-left: -15px; margin-top: 9px; width: 5px; height: 5px; border-radius: 50%; background-color: #999; }
.notice-list li strong {color:#333;}
.notice-list a {display:inline-block;}

	/* number style */

.notice-list.type-N > li {counter-increment: line-number;}
.notice-list.type-N > li::before {content: counter(line-number)'. ';margin-top: 0 !important;background: none !important;width: 13px !important;}

	/* Dash style */

.notice-list.type-D li::before {content: '-';margin-top: 0 !important;background: none !important;width: 9px !important;}

	/* 중첩 style : text-indent */

.notice-list .indent {padding-left: 7px;color: inherit;font-size: inherit;text-indent: -8px;line-height: inherit;}

.notice-list-wrap.type02 {background-color: transparent;}
.notice-list-wrap.type02 .notice-list {background: transparent;}
.notice-list-wrap.type02 .notice-list li {padding-left:0;}
.notice-list-wrap.type02 .notice-list li::before {display:none;}

.notice-list-in li {padding-left:0;}
.notice-list-in li:first-child {margin-top:5px;}
.notice-list-in li::before {display:none;}


/*상품테이블 상품명*/
.product-title { font-size: 24px; font-weight: 500; padding-top: 30px; padding-bottom: 15px; }
.product-txt { font-size: 16px; line-height: 1.3; }
.loan-p-wrap { padding: 20px 0; background: #f7f7f7; /* min-height: 112px; */ }
.loan-p-wrap.one { padding: 40px 0px; }
.loan-p-wrap .loan-p-txt { font-family: 'NanumSquare'; font-size: 16px; word-break: keep-all; display: block; margin-bottom: 10px; }
.loan-p-wrap .loan-p-txt.pc-none { display: none; }
.loan-p-wrap .loan-p-txt:last-child { margin-bottom: 0; }
.loan-p-wrap .loan-p-point { font-size: 30px; color: #e3047f; font-weight: 500; line-height: 1.2; }
.loan-p-info { font-size: 20px; line-height: 1.3; padding-top: 10px; display: inline-block; }
.product-list {overflow:hidden; width:100%; border-top: 1px solid #333;}
.product-list > li {overflow:hidden; width:100%; padding:30px 3.7%; position: relative; border-bottom: 1px solid #efefef;}
.product-list > li .product-list-l {float:left; width:47%; height:100%; }
.product-list > li .product-list-tit {font-size: 24px; float:left; display: inline-block; width:380px; padding-top:37px; font-weight: 600; letter-spacing: -0.05em;}
.product-list > li .product-list-exp {width:100%; float:left; line-height: 1.5; font-size: 16px;display: inline-block; padding-top:15px;}
.product-list > li .product-list-classi { position: absolute; top:30px; left:40px;  font-size:11px; }
.product-list-btn.margin .btn-small { margin-bottom: 10px; }
.product-list > li .product-list-irate {width:38.2%; display: table; text-align: center; float:left; margin-top: 21px;}
.product-list > li .product-list-irate > li {display: table-cell;width:50%; border-left: 1px solid #efefef; margin-left: 40px; height:90px; text-align: center;font-size: 14px; letter-spacing: -0.07em;}
.product-list > li .product-list-irate > li:first-child {width:125px;  padding-left: 0; margin-left: 0; border-left: 0;}
.product-list > li .product-list-irate > li em {display: block; font-size: 20px;font-style:normal; font-weight: 600; padding:10px 0;}
.product-list > li .product-list-irate > li em i {display:inline; width:auto; color:#e3047f; font-size: 30px; font-style:normal; font-weight:600;}
.product-list > li .product-list-btn {float:left;/* top:30px; right:40px;*/width:14.8%; margin-top: 17px;}
.product-list > li .product-list-btn button {margin-bottom: 10px; }
.no-item {min-height: 178px;text-align: center;font-weight: 500; font-size: 22px;line-height: 117px;}
.product-view {width:100%; border-top: 1px solid #333;border-bottom: 1px solid #ccc; padding-top: 25px}
.product-view .product-list-l {position:relative;padding: 0 40px; }
.product-view .ico-internet,
.product-view .ico-smartphone,
.product-view .ico-shop {display: inline-block;}
.product-view .product-view-tit {font-size: 24px; display: inline-block; width:100%; padding-top:25px; font-weight: 600; letter-spacing: -0.05em;}
.product-view .product-view-exp {width:100%; line-height: 1.5; font-size: 16px;display: inline-block; padding-top:15px;}
.product-view .product-view-sns {float: right}
.product-view .product-view-sns a {float:left; margin-right:5px;}
.product-view .product-view-sns A:last-child {margin-right: 0;}
.product-view-dl {overflow:hidden; width:100%; margin-top: 35px; padding:40px; border-top: 1px solid #efefef; }
.product-view-dl > li {display:table;width:100%;padding-top:15px;}
.product-view-dl > li:first-child {padding-top:0px;}
.product-view-dl .notice {padding-left:15px; font-size:16px;font-weight: 500;line-height: 1.4; }
.product-view-dl .notice:before {content: ''; display: inline-block; float: left; margin-left: -15px; margin-top: 4px; width: 5px; height: 5px; border-radius: 50%; background-color: #999;}
.product-view-dl .product-view-dt {font-weight: 500; display: table-cell; width:165px; padding-left: 15px; padding-right:20px; vertical-align: top; font-size:14px;line-height:32px;word-break: keep-all;}
.product-view-dl .product-view-dt:before {content: ''; display: inline-block; float: left; margin-left: -15px; margin-top: 13px; width: 4px; height: 4px; border-radius: 50%; background-color: #999;}
.product-view-dl .product-view-dt.type02 {width:100%;}
.product-view-dl .product-view-dt span {display:block;font-weight:500;}
.product-view-dl .list {overflow:hidden;padding-top: 20px;}
.product-view-dl  + .product-view-dl {margin-top:0;}
.product-view-dd .btn-thin.resize {display:inline-block;padding:4px 8px 3px;vertical-align:1px;line-height:20px;}
.pv-kdic {overflow:hidden;display:table;margin-top:25px; padding:30px 150px 30px 40px; border-top: 1px solid #efefef; background: #f7f7f7; font-size: 14px; letter-spacing: -0.05em;word-break: keep-all;}
.pv-kdic.type02 {margin-top:27px;}
.pv-kdic .pv-kdic-logo {display:table-cell; padding-right: 40px;vertical-align:middle;}
.pv-kdic .pv-kdic-txt {display:table-cell;width:calc(100% - 180px);margin-top:10px; line-height: 24px;vertical-align:middle;}
.pv-kdic + .common-text01 {margin-top:45px;}
.product-view-dl .product-view-dd .notice-list-wrap {margin-top:5px;padding-top: 0;}
.product-view-dl .product-view-dd .notice-list-wrap + .notice-list-wrap {margin-top:10px;}
.product-view-dl .product-view-dd .table-wrap01 {margin-top: 10px;}
.product-view-dl .product-view-dd .table-wrap01 + .notice-list-wrap {margin-top:15px;}
.product-view-dl .product-view-dd .table-type04 th {width: 145px;}
.product-view-dl .product-view-dd .table-type04 td {width: auto;border-right: 1px solid #efefef;}
.product-view-dl .product-view-dd .table-type04 td:last-child {border-right: 0;}
.product-view-dl .product-view-dd .img-wrap {margin-top: 10px;}
.product-view-dl .product-view-dd .img-wrap img {width:100%;}
.bbs-headinfo .snsbox,
.product-list-l .snsbox {position:relative;float:right;right:-22px;width:64px;}
.bbs-headinfo .snsbox .snslink-view,
.product-list-l .snsbox .snslink-view {display:block;overflow:hidden;width:64px;height:30px;margin-top: -3px;background:url('/img/common/icon_share.png') no-repeat right 20px top;font-size:0;line-height:0;}
.bbs-headinfo .snsbox .tooltip-layerpopup,
.product-list-l .snsbox .tooltip-layerpopup {display:none;position:absolute;top:50px;right:-48px;width:300px;height:148px;padding:40px 0;border:1px solid #000;text-align: center;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;}
.bbs-headinfo .snsbox .tooltip-layerpopup-close,
.product-list-l .snsbox .tooltip-layerpopup-close {position:absolute;top:10px;right:10px;width: 17px;height: 17px;padding: 5px;/* background:#3399ff; */z-index:100;background-repeat: no-repeat;background-position: center;}
.bbs-headinfo .snsbox .tooltip-layerpopup:after,
.product-list-l .snsbox .tooltip-layerpopup:after {position:absolute;top:-9px;right:67px;content: " "; display: block;width:15px;height:9px;background: url('/img/common/bg_tooltip.gif') no-repeat 0 0;}
.bbs-headinfo .bbs-head.style01:after,
.product-list-l .bbs-head.style01:after {content:" ";display:block;height:0;clear:both;visibility:hidden;}

.common-text04 {color:#666;font-size:16px;line-height:24px;}
/* text _ 16px #666 */
.common-text01 {font-weight:300;}
.common-text01.other-txt {margin-top:30px;}
.common-text01.dot {padding-left:15px;}
.common-text01.dot:before {content:'';display:inline-block;width:4px;height:4px;margin:-2px 5px 0 -9px;border-radius:50%;background:#666;vertical-align:middle;}
.common-text01,
.common-text01 strong {margin-top:5px;font-size:14px;color:#666;line-height:23px;}
.common-text01.sm-indent {padding-left:17px;text-indent:-14px;}
.common-text01 a {color:#666;text-decoration:underline;}
.common-text01 a:hover {color:#18a33e;}
.common-text01 + .common-stit02 {margin-top:30px;}
.common-text01 + .com-list01 {margin-top:30px;}
.common-text01 + .com-list04 {margin-top:33px;}
.common-text01 + .table-wrap01 {margin-top:35px;}
.common-text01 + .sub-title-area {margin-top:30px;}
.common-stit02 {font-size:16px;font-weight:700;margin-top:15px;}
.common-text01 .link {display:inline-block;}
.common-text03 {padding-left:16px;}
/* text _ 14px #666 */
.common-text02 {font-size:14px;color:#666;line-height:23px;}

@media (max-width: 1100px) {
	html.responsive .product-list > li { padding:20px 16px 35px; }
	html.responsive .product-list > li .product-list-l { width:100%;}
	html.responsive .product-list > li .product-list-classi {left:16px; top:26px; font-size: 11px; }
	html.responsive .product-list > li .product-list-exp { width:100%; font-size: 13px; color: #666}
	html.responsive .product-list .product-list-irate { position: relative; left:0px; top:10px; width:100% !important; margin-top: 0; background: #efefef; }
	html.responsive .product-list > li .product-list-tit { font-size: 16px; }
	html.responsive .product-list .product-list-irate > li { height:auto; width:50%; padding: 25px 0; margin:0; font-size: 11px; border-left: 1px solid #ccc !important; }
	html.responsive .product-list .product-list-irate > li:first-child { border:none !important; }
	html.responsive .product-list .product-list-irate > li .m-bold { font-size: 13px; font-weight: 500; }
	html.responsive .product-list .product-list-irate > li em { font-size: 18px;}
	html.responsive .product-list .product-list-irate > li em i {font-size: 24px; vertical-align: middle; }
	html.responsive .product-list > li .product-list-btn { position: relative;right:0; top:10px; width:100% ; display: inline-block; margin-top: 25px; }
	html.responsive .product-list > li .product-list-btn button { width:100% ; }
	html.responsive .no-item {padding-bottom:16px !important;font-size:19px;line-height:138px;}
	html.responsive .txt-total { display: inline-block; padding:20px 0 0 16px; font-size: 11px; color: #666; }
	html.responsive .product-view {padding: 20px;}
	html.responsive .product-view.mt50 {margin-top:15px !important;}
	html.responsive .product-view .product-view-tit {padding-top:0;font-size:20px;}
	html.responsive .product-view .product-list-l {padding:0 5px;}
	html.responsive .product-view .product-view-dl {padding:20px 5px; margin-top: 20px;}
	html.responsive .product-view .product-view-exp {font-size:14px;}
	html.responsive .pv-kdic {padding:16px; }
	html.responsive .pv-kdic .pv-kdic-logo {display:inline-block;margin-top:7px; margin-right: 20px;padding-right:0;min-width:100px;}
	html.responsive .pv-kdic .pv-kdic-logo img {max-width:100%;}
	html.responsive .product-view-dl li {overflow:hidden;}
	html.responsive .product-view-dl .product-view-dt {display: block;width:100%;padding-left:10px;line-height:20px;}
	html.responsive .product-view-dl .product-view-dt:before {margin-top:8px;margin-left:-10px;}
	html.responsive .product-view-dl .product-view-dt span {display:inline;}
	html.responsive .product-view-dl .product-view-dd {width:100%}
	html.responsive .product-view-dl .product-view-dd .table-type03-w {display:table;}
	html.responsive .product-view-dl .product-view-dd .img-wrap img {max-width: 100%;}
	html.responsive .product-view-dl .product-view-dd .notice-list-wrap {padding:0;}
	html.responsive .notice-list-wrap { background-color: #fff; padding: 15px 16px;}
	html.responsive .notice-list-wrap + .tab-basic.pt50 {margin-top:0;}
	html.responsive .notice-list li, ul .common-liststyle01 { font-size: 12px; line-height: 18px; padding-bottom: 6px; padding-left: 8px; }
	html.responsive .notice-list li {padding:0;}
	html.responsive .notice-list li::before, ul .common-liststyle01:before { margin-left: -8px; margin-top: 8px; width: 2px; height: 2px; background-color: #333; }
	html.responsive .notice-list-wrap + .tab-basic {margin-top:0;}
	/*상세페이지*/
	html.responsive .notice-list.bg { 	background: #fff; 	padding: 30px 20px; 	margin-bottom: -30px; }
	html.responsive .btn-area.retouch-m .btn-sm-wh{width: 100%; }
	html.responsive .ico-wrap { font-size: 11px; }
	html.responsive .product-title { font-size: 16px; padding-top: 25px; padding-bottom: 10px; }
	html.responsive .product-txt { font-size: 13px; }
	html.responsive .loan-p-wrap { text-align: center; padding: 30px 0 0px; }
	html.responsive .loan-p-info { width: 100%; background: #f7f7f7; text-align: center; font-size: 11px; padding-bottom: 20px; }
	html.responsive .loan-p-wrap .loan-p-txt { font-size: 16px; font-weight: 600; }
	html.responsive .loan-p-wrap .loan-p-point { font-size: 24px; }
	html.responsive .loan-p-wrap .loan-p-txt.pc-none { display: block; }
	html.responsive .table-type01.loan .se-td .td-wrap button { margin-bottom: 10px; }
	html.responsive .full-content {margin:0 -18px !important;}
	html.responsive .full-content .btn-area {padding:0 18px !important;}
	 /* 툴팁 미디어 쿼리 */
	 html.responsive .snsbox .tooltip-layerpopup{right:-3px;width:155px;height:62px;padding:19px 0 40px 0;}
	 html.responsive .snsbox .tooltip-layerpopup:after{right:20px}
	 html.responsive .snsbox .tooltip-layerpopup .kakao,
	 .snsbox .tooltip-layerpopup .instagram,
	 .snsbox .tooltip-layerpopup .facebook,
	 .snsbox .tooltip-layerpopup .urlcopy {background-size:80%;line-height:0;}
	 html.responsive .snsbox .tooltip-layerpopup .sns{width:32px;padding-top:34px;font-size:0;}
	 /* 버튼 여백 */
	 html.responsive .btn-area {margin-top:25px;}
	 html.responsive .btn-area button + button {margin-top:15px;}

}

/* // 20210903 홈페이지 상품설명 스타일추가 */


/* 대출모집법인 추가  */

.layout-wrap2 {
    width: 100%;
}

.header-wrap-cor {
    background: #fff;
    border-bottom: 1px solid #eee;
    box-shadow: 0 0 5px #eee;
}

.header-container-cor {
    width: 1200px;
    height: 100%;
    margin: auto;
}

.header-container-cor-top {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-top: 20px;
}

.header-container-cor-top .name,
.header-container-cor-top .name span {
	font-size: 14px;
}

.header-container-cor-top .logout {
	margin-left: 15px;
	background: #1a61b3;
	padding: 8px 10px;
	font-size: 12px;
	color: #fff;
}

.header-container-cor-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav-list {
    display: flex;
    gap: 50px;
    align-items: center;
    height: 100%;
}

.nav-link {
    font-size: 21px;
    line-height: 120px;
    font-family: 'NanumSquare';
    font-weight: 400;
}

.nav-item {
	transition: all .5s ease;
}

.nav-item:hover {
	border-color: #1a61b3;
}

.nav-item.on {
    border-color: #1a61b3;
}

.nav-item {
    border-bottom: 3px solid transparent;
}

.title-wrap2 {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 390px;
    background: url(/img/content/cor/bg_cor.png) no-repeat center / cover;
}

.title-wrap2.type01 {
    background-image: url(/img/content/cor/bg_cor01.png);
}

.title-wrap2.type02 {
    background-image: url(/img/content/cor/bg_cor02.png);
}

.title-wrap2.type03 {
    background-image: url(/img/content/cor/bg_cor03.png);
}

.page-title2 {
    margin-top: 110px;
    font-family: 'NanumSquare';
    font-size: 38px;
    font-weight: 400;
}

.container2 {
    width: 1200px;
    margin: -80px auto auto;
}

.basic-box {
    width: 100%;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #eee;
}

.basic-box.type-blue {
	padding: 15px;
	border-color: #1a61b3;
	background: #f8fdff;
	text-align: center;
}

.table-cor {
    margin: 0 50px;
}

.table-cor tr {
    height: 80px;
    border-bottom: 1px solid #eee;
}

.table-cor tr:last-child {
	border-bottom: none;
}

.table-cor th {
    line-height: 80px;
    text-align: left;
    font-size: 14px;
    color: #000;
}

.table-cor02 {
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.table-cor02 thead tr {
    border-bottom: 1px solid #ccc;
}

.table-cor02 tbody tr {
    border-top: 1px solid #eee;
}

.table-cor02 tbody tr:hover {
	background: #f8fdff;
}

.table-cor02 th {
    color: #111;
}

.table-cor02 th, .table-cor02 td {
    padding: 15px 10px;
}

.table-cor03 {
	position: relative;
    width: 100%;
    margin-top: 15px;
    border: 1px solid #eee;
    border-radius: 14px;
    border-collapse: initial;
    text-align: left;
    overflow: hidden;
}

.table-cor03 tr::after {
	content: '';
	position: absolute;
	left: 15px;
	right: 15px;
	background: #eee;
	height: 1px;
}

.table-cor03 th {
    background: #f8fdff;
}

.table-cor03 th, .table-cor03 td {
    padding: 20px;
    font-size: 14px;
}


.table-cor03 tr:first-child::after {
    display: none;
}

.table-cor03 tr.type-black::after {
	background: #333;
}


.input-cor {
    width: 555px;
    height: 50px;
    padding: 0 15px;
    border: 1px solid #eee;
    border-radius: 7px;
    font-size: 14px;
    box-sizing: border-box;
    outline: none;
}

.input-cor:focus {
    border-color: #1a61b3;
    background: #f8fdff;
}

.input-cor.with-btn {
    width: 410px;
    padding-right: 60px;
}

.input-col-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.input-time {
    position: absolute;
    right: 15px;
    top: 20px;
    font-size: 14px;
    color: #ff3e3e;
}

.label-cor {
    position: relative;
    font-size: 14px;
}

.input-cor.type-xxs {
    width: 100px;
}

.input-cor.type-xs {
    width: 130px;
}

.input-cor.type-cal {
    background: url(/img/content/cor/ico_cor_03.png) no-repeat center right 5px;
    cursor: pointer;
}

.radio-cor + .label-cor::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #eee;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;
}

.radio-cor:checked + .label-cor::before {
    background: #1a61b3;
}

.radio-cor:checked + .label-cor::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    left: 6px;
    top: 6px;
}

.select-cor {
    border: 1px solid #eee;
    border-radius: 7px;
    width: 70px;
    height: 35px;
    padding: 0 10px;
    font-size: 14px;
    background: url(/img/common/icon_select_333.png) no-repeat center right 8px / 15px;
}

.btn-wrap-cor {
    display: flex;
    justify-content: center;
    align-items: center;
}

.basic-box + .btn-wrap-cor {
	margin: 100px 0;
}

.btn-basic-cor {
    width: 140px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 7px;
    font-size: 14px;
    text-align: center;
}

.btn-basic-cor + .btn-basic-cor {
	margin-left: 15px;
}

.btn-basic-cor:hover {
	box-shadow: 0 0 8px #eee;
}

.btn-basic-cor.type-l {
    width: 240px;
}

.btn-small-cor {
    font-size: 14px;
    color: #888;
}

.btn-basic-cor.type-blue {
    background: #315d8f;
    color: #fff;
    border-color: #315d8f;
}

.btn-basic-cor.type-blue2 {
    background: #1a61b3;
    color: #fff;
    border-color: #1a61b3;
}

.btn-basic-cor.type-skyblue {
    background: #f8fdff;
    color: #333;
}

.btn-basic-cor.type-gray {
    background: #f2f2f2;
    color: #1a61b3;
}

.btn-basic-cor.type-xs {
    width: 80px;
    height: 45px;
    line-height: 45px;
    font-size: 12px;
}

.btn-basic-cor.type-s {
    width: 100px;
}

.btn-basic-cor.type-search {
    background: #315d8f;
    color: #fff;
}

.btn-basic-cor.type-search span {
    color: inherit;
}

.btn-basic-cor.type-search span::before {
    content: '';
    position: relative;
    top: -1px;
    width: 18px;
    height: 13px;
    margin-right: 2px;
    display: inline-block;
    background: url('/img/content/cor/ico_search.png') no-repeat center / contain;
    vertical-align: middle;
}

.footer-wrap2 {
    border-top: 1px solid #eee;
}

.footer-container2 {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 30px auto;
    padding-bottom: 50px;
}

.footer-nav-list2 {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
    font-size: 14px;
}

.footer-nav-mini-list {
    display: flex;
    gap: 15px;
    margin-bottom: 10px;
    font-size: 12px;
}

.footer-address2, .footer-copyright2 {
    color: #666;
    font-style: normal;
    margin-bottom: 7px;
    font-size: 11px;
}

.dim-background {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #000;
    z-index: 900;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.dim-background.on {
    opacity: 0.8;
}

.popup-wrap-cor {
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 364px;
    max-width: 760px;
    background: #fff;
    padding: 30px;
    border-radius: 14px;
}

.popup-wrap-cor-head {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.popup-wrap-cor-title {
    font-size: 20px;
    font-family: 'NanumSquare';
    font-weight: 500;
}

.popup-wrap-cor-btn-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(/img/common/btn_close_l.png) no-repeat center / 20px;
}

.popup-tit-cor {
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
}

.popup-box-cor {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #f8fdff;
    padding: 20px 15px;
}

.popup-dl-cor {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.popup-dl-cor:last-child {
    margin-bottom: 0;
}

.popup-dt-cor {
    min-width: 80px;
}

.popup-dt-cor, .popup-dd-cor {
    font-size: 14px;
    line-height: 1.5;
}


.notice-msg-cor {
    margin-top: 15px;
    margin-left: 20px;
    text-indent: -20px;
    font-size: 14px;
    line-height: 1.5;
}

.notice-msg-cor::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background: url(/img/content/cor/ico_cor_01.png) no-repeat center / contain;
    vertical-align: middle;
}


.basic-box + .page-num-cor {
    margin: 100px auto;
}

.page-num-list-cor {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    gap: 5px;
}

.page-num-cor .page-first,
.page-num-cor .page-prev,
.page-num-cor .page-next,
.page-num-cor .page-last {
	width: 100%;
	height: 100%;
	background: url(/img/common/page_left.png) no-repeat center;
}

.page-num-cor .page-first {background-image: url(/img/common/page_first.png)}

.page-num-cor .page-prev {background-image: url(/img/common/page_left.png)}

.page-num-cor .page-next {background-image: url(/img/common/page_right.png)}

.page-num-cor .page-last {background-image: url(/img/common/page_last.png)}

.page-num-cor .page.on {
    background: #1a61b3;
    color: #fff;
}

.page-num-item-cor {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #eee;
    border-radius: 4px;
    text-align: center;
    overflow: hidden;
}

.file-name-cor {
    color: #666;
    margin-bottom: 10px;
}

.file-name-cor:last-child {
    margin-bottom: 0;
}

.del-btn-cor {
    width: 17px;
    height: 17px;
    margin-right: 5px;
    background: url(/img/content/cor/ico_cor_06.png) no-repeat center;
    vertical-align: text-bottom;
}

/* // 대출모집법인 추가  */


/* 이해확인 추가 */

.shadow-box {
    padding: 22px 20px;
    background: var(--bg-clr2);
    border-radius: 7px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.13);
}
.white-box {
    padding: 20px;
    border-radius: 6px;
    background-color: #fff;
}
.grey-box {
	padding: 15px 0;
    border-radius: 5px;
    background-color: #f8f8f8;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #888;
}

.grey-box02 {
    background: #f7f8fa;
    text-align: center;
    padding: 25px;
    line-height: 20px;
    border-radius: 12px;
}

.mint-box {
    background: #effaf8;
    border-radius: 12px;
    padding: 25px;
    line-height: 20px;
    text-align: center;
    color: #111;
}

.grey-box02 p,
.mint-box p {
	font-family: 'NanumSquare';
	font-size: 18px;
	line-height: 1.3;
}

.mint-point-line {
    display: inline-block;
    position: relative;
    font-weight: bold;
    color: #111;
    z-index: 2;
    font-family: 'NanumSquare';
    font-size: 18px;
}

.mint-point-line::before {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10px;
    width: 100%;
    background: #8ff4f3;
    z-index: -1;
    animation: mineLineAni .5s ease;
}

@keyframes mineLineAni {
    0% {
        transform: scaleX(0)
    }
    100% {
        transform: scaleX(1)
    }
}

.question-list li {display: flex;gap: 8px;margin-bottom: 50px;line-height: 24px;}

.question-list li strong,
.question-list li p {
	line-height: 24px;
	font-family: 'NanumSquare';
    font-size: 18px !important;
	font-weight: 500;
}

.question-list .radio-box-wrap label {
	font-family: 'NanumSquare';
	font-size: 18px;
}

/*----------------------------------------*\
  App Guide 앱탈퇴가이드
\*----------------------------------------*/
.app-guide-wrap {
  display: flex;
  align-items: normal;
  gap: 20px;
  margin-top: 65px;
  margin-left: 30px;
}
.app-guide-wrap + .app-guide-wrap {
  margin-top: 90px;
}
.app-guide-wrap .text {
  width: 450px;
}
.app-guide-wrap .text .num {
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
  font-size: 36px;
  line-height: 43px;
  color: var(--main-clr);
}
.app-guide-wrap .text .num::after {
  width: 100%;
  height: 3px;
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: var(--main-clr);
  border-radius: 10px;
}
.app-guide-wrap .text .title {
  display: block;
  margin-bottom: 22px;
  font-size: 30px;
  line-height: 34px;
  color: var(--tit-clr);
}
.app-guide-wrap .img {
  display: flex;
  align-items: center;
  margin-top: 55px;
}
.app-guide-wrap .img img {
  max-height: 410px;
}
.app-guide-wrap .img img:last-child {
  display: none;
}

@media (max-width: 1200px) {
  .app-guide-wrap {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .app-guide-wrap {
    gap: 15px;
    margin-top: 25px;
    margin-left: 0;
		padding-left: 15px;
  	padding-right: 15px;
  }
  .app-guide-wrap .text {
    width: 100%;
  }
  .app-guide-wrap .text .num {
    font-size: 26px;
    font-weight: 500;
    line-height: 31px;
  }
  .app-guide-wrap .text .num::after {
    border-radius: 0;
  }
  .app-guide-wrap .text .title {
    margin-bottom: 14px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
  }
  .app-guide-wrap .img {
    margin-top: 0;
  }
  .app-guide-wrap .img img {
    display: none;
    width: 100%;
    max-height: none;
  }
  .app-guide-wrap .img img:last-child {
    display: block;
  }
}

/*----------------------------------------*\
  Number Circle List
\*----------------------------------------*/
.number-circle-list {
  display: flex;
  align-items: normal;
  flex-direction: column;
  gap: 13px;
}

.number-circle-item {
  display: flex;
  align-items: normal;
  gap: 10px;
  counter-increment: line-number;
  font-size: 14px;
  line-height: 21px;
  color: #666;
}
.number-circle-item::before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  content: counter(line-number);
  min-width: 20px;
  background-color: var(--tit-clr);
  border-radius: 50%;
  font-size: 13px;
  line-height: 15px;
  color: var(--bg-clr2);
}

@media (max-width: 768px) {
  .number-circle-item {
    gap: 8px;
  }
  .number-circle-item::before {
    width: 18px;
    height: 18px;
    min-width: 18px;
  }
}

/*----------------------------------------*\
  Page Title
\*----------------------------------------*/

.page-main-title {
  margin: 40px 0 20px;
  font-size: 36px;
  font-weight: 500;
  line-height: 43px;
  color: var(--tit-clr);
}

@media (max-width: 768px) {
  .page-main-title {
    margin: 20px 0;
    font-size: 28px;
    line-height: 36px;
  }
}

/*----------------------------------------*\
  Notice List New / 알아두세요 New
\*----------------------------------------*/
.notice-title-new {
  margin-top: 60px;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: var(--tit-clr);
}
.notice-title-new + .notice-list-new {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #d2d4d4;
}

.notice-list-new.type-bg {
  padding: 20px;
  background-color: #fcfcfc;
  border-radius: 10px;
}
.notice-list-new li {
  padding-left: 10px;
  font-size: 14px;
  line-height: 16px;
  color: var(--cap-clr);
  text-indent: -10px;
}
.notice-list-new li::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-bottom: 2px;
  margin-right: 6px;
  background-color: #d9d9d9;
  border-radius: 50%;
  vertical-align: middle;
}
.notice-list-new li + li {
  margin-top: 10px;
}
.notice-list-new li a {
  display: inline;
}
.notice-list-new li .btn-tooltip {
  width: 18px;
  height: 18px;
  display: inline-block;
  text-indent: 0;
}