@charset "utf-8";

/* defualt */
ul,ol,li{list-style: none;}
.lst-bu>li{position: relative; padding-left:10px; color:#313640; font-weight: 300; font-size:16px}
.lst-bu>li+li{margin-top:4px;}
.lst-bu.dot>li::before{content:''; display: block; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:2rem; background-color:#616161;}

a.link-more{border-radius:2rem; min-width:100px; min-height:38px; display:inline-flex; display:-ms-inline-flexbox; align-items: center; justify-content: center; font-weight: 700; color:#fff;}
.ellip{display:block; width: 99%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* main */
body.fintech .header{background-color: transparent;}
body.fintech .container{padding-top: 0;}
body.fintech .header.wt{background-color:#fff; transition-duration:.01s;}

.cont-fintech{overflow: hidden;}
.cont-fintech .top-area{min-height:465px; overflow: hidden; transition: all .5s;}
/* .cont-fintech .top-area.wt{min-height: 400px;} */
.cont-fintech .visual{transition:opacity 1s; opacity:0; overflow:hidden; height:530px; padding-top: 65px; background-color:#e0f4ff;}
.cont-fintech .visual.init {opacity:1;}
/* .cont-fintech .top-area.wt .visual{padding-top: 65px; background-color:#fff;} */
.cont-fintech .visual>.in{height:530px; text-align:center; padding:0; position: relative; transition: all .5s; margin-top:-65px;}
.cont-fintech .visual .tit{position:relative; opacity: 1; font-size:32px; font-weight:300; padding-top:107px; transition: all .5s; color:var(--font-neutral-1);}
.cont-fintech .visual .sub{color:#666; font-size:20px; font-weight: 300;}
.cont-fintech .visual .emph{font-size:32px; font-weight: 700; display:block; margin-top:4px;}
.cont-fintech .visual>.in::before,
.cont-fintech .visual>.in::after{content:''; display: block; position: absolute;  transition: all 1s;}
.cont-fintech .visual>.in::before{width:228px; height:163px; background: url(/static/assets/images/comm/v2/fintech/top_obj_m2.png) no-repeat 50% / 100% auto; left:50%; bottom:46px; transform: translateX(-50%); margin-left:36px;}
.cont-fintech .visual>.in::after{width:247px; height: 234px; background: url(/static/assets/images/comm/v2/fintech/top_obj_m1.png) no-repeat 50% / 100% auto; left:50%; bottom:55px; transform: translateX(-50%); margin-right:7px}

/* scroll bar */
.sec-area .intro-wide .visual-area .bx .in::-webkit-scrollbar{width:5px;}
.sec-area .intro-wide .visual-area .bx .in::-webkit-scrollbar-thumb{height:30%; border-radius:5rem; background-color: rgba(0,0,0,.1);}
.sec-area .intro-wide .visual-area .bx .in::-webkit-scrollbar-track{background-color: rgba(0,0,0,.05);}

.cont-fintech .visual.up>.in::before{bottom:46px}
.cont-fintech .visual.up>.in::after{bottom:55px}
.cont-fintech .visual.down .tit{opacity: 0;}
.cont-fintech .visual.down>.in::before{bottom:25px;}
.cont-fintech .visual.down>.in::after{bottom:75px;}
/* .cont-fintech .top-area.wt .visual>.in::before{opacity: 0;} */

.cont-fintech .tab-mn{position: relative; width: 100%; /* height: 100px; */ display: flex; margin: 35px 0 13px; background-color: #fff; box-sizing: border-box; padding:15px 24px 12px; flex-wrap: wrap;}
.cont-fintech .tab-mn:before {content:''; position:absolute; top:0; left:0; height:1px; width:100%; transition:opacity .5s; opacity:0; background-color:#f2f2f2;}
.cont-fintech .tab-mn.fix{position:fixed; top:65px; left:0; margin:0; z-index: 10; box-shadow:0 10px 10px rgba(0,0,0,.06);}
.cont-fintech .tab-mn.fix:before {opacity:1;}
.cont-fintech .tab-mn .in>span{margin-left:1px; position:relative; display:inline-block;}
.cont-fintech .tab-mn .in>span:first-child{margin-left:0;}
.cont-fintech .tab-mn .in>span a {position:relative; display:inline-block; vertical-align:top; font-size:14px; color:#545454; padding:9px 13px; border:1px solid #e5e5e7; border-radius:30px;}
.cont-fintech .tab-mn .in>span a.active {color:#fff; font-weight:bold; border:0; background:#293952;}
.cont-fintech .tab-mn .tab-1dp a.active{position:relative; font-weight:700; color:var(--font-neutral-1);}
.cont-fintech .tab-mn .tab-1dp a.active::after{content:''; display:block; width:100%; height:2px; background-color:#000; position:absolute; bottom:-12px; left:0;}
.cont-fintech .tab-1dp {margin-bottom: 36px; width:100%;}
.cont-fintech .tab-mn .in {overflow-x: auto; white-space: nowrap; margin: 0 calc(50% - 50vw); padding: 0 calc(50vw - 50%);}
.cont-fintech .tab-mn .tab-1dp a{display: inline-block; vertical-align: baseline; color:#44444d;}
.cont-fintech .tab-1dp a ~ a {display:inline-block; margin-left:22px;}

.cont-fintech .bnn-area{position:relative; background-color: #f5f6f8; padding:48px 24px 12px;}
.cont-fintech .bnn-area .bnn{position:relative;}
.cont-fintech .bnn-area .bnn .sub,
.cont-fintech .bnn-area .bnn .tit{width:calc(100% - 90px);}
.cont-fintech .bnn-area .bnn .thumb{display:block; width:78px; height: 78px; position:absolute; top:0; right:0;}
.cont-fintech .bnn-area .bnn .thumb .in{display:flex; width:78px; height: 78px; display:-ms-flexbox; align-items: center; justify-content: center; border-radius:10rem; background-color: #fff; overflow: hidden;}
.cont-fintech .bnn-area .bnn .sub{font-size:18px; color:#212121; display:block; padding-top:8px;}
.cont-fintech .bnn-area .bnn .tit{font-size:24px; font-weight:700; display:block; color:#212121}
.cont-fintech .bnn-area .bnn .txt{font-size:16px; color:#616161; margin-top:16px;}
.cont-fintech .bnn-area .bnn .link-more{background-color: #7d8aff; padding:0 16px; font-size: 14px; margin-top:32px;} /* 2023-06-09 */
.cont-fintech .bnn-area .bnn.interest .link-more{background-color: #7472b5;}

/* tabs content */
.sec-area .sec{padding:0 24px 56px}
.sec-area .txt-area .tit>span,
.sec-area .txt-area .txt>span{display:block;}
.sec-area .txt-area .in>.tit,
.sec-area .txt-area .tit{font-size: 24px; font-weight:700 ; margin-bottom:16px; color:var(--font-neutral-1);}
.sec-area .txt-area .in>.tit .emph{color:var(--font-point-1)}
.sec-area .txt-area .txt{font-size: 18px; color:var(--font-neutral-1);}
.sec-area .txt-area .txt>span.p-bk{display:inline;}
.sec-area .txt-area .lst-bu{margin-top:16px;}
.sec-area .txt-area .link-more{font-size: 15px; margin-top:24px; padding:12px 20px; background-color: #212121;}
.sec-area .visual-area .thumb{display:flex; display:-ms-flexbox; width:212px; height:160px; align-items: center; justify-content: flex; margin:24px auto 0;}
.sec-area .visual-area .thumb img{max-height: 100%; max-width: auto;}
.sec-area .in .visual-area .bx-gr {min-height:338px; border-radius:14px; padding: 184px 24px 24px; margin-top:16px; transform:translateY(15px)}
.sec-area .visual-area .bx-gr .sub{font-size: 16px; color:#a18a7c}
.sec-area .visual-area .bx-gr.loan .sub{color:#878ca1;}
.sec-area .visual-area .bx-gr .emph{font-size: 18px; font-weight:700; color:#212121; display:block; margin-top:8px;}

.sec-area .intro-wide{border-bottom:1px solid #f2f2f2; padding:0; margin-bottom: 56px;}
.top-area.wt + .sec-area .intro-wide > .in {padding-top:170px;}
.top-area.wt + .sec-area.asset .intro-wide > .in {padding-top:112px;}
.sec-area .intro-wide .visual-area{height:360px; display:flex; display:-ms-flexbox; justify-content: center;}
.sec-area .intro-wide .visual-area .bx{width:232px; height:321px; border-radius:32px 32px 0 0; background-color: #fff; border:1px solid #f5f6f8; margin-top:auto; padding:10px 10px 0;}
.sec-area .intro-wide .visual-area .bx .in{box-shadow: inset 2px 2px 2px rgba(0,0,0,.04); height: 100%; border-radius:24px 24px 0 0; overflow-x: hidden; overflow-y: auto;}
.sec-area .intro-wide .txt-area{padding:32px 24px 56px; background-color: #fff;}
.sec-area .intro-wide .txt-area .txt{font-size: 16px; font-weight: 300; color:var(--font-neutral-1);}

/* 내자산 */
.sec-area.asset .intro-wide .visual-area{background-color: #f4f2fb;}

/* 투자 */
.sec-area.invest .intro-wide .visual-area{background-color: #fbf2f5;}
.sec-area .visual-area .bx-gr.fund{background: url(/static/assets/images/comm/v2/fintech/img_fund_m.png) no-repeat top 24px left 50% / 212px auto, linear-gradient(180deg, #fff8e8 0%, #fef1f4 100%)}
.sec-area .visual-area .bx-gr.fund .link-more{background-color:#f44a69; font-size:14px; margin-top:14px}
.invest .copyright{margin-top:32px;}
.invest .copyright .logo{display:block; width:170px; margin:0 auto;}
.invest .copyright .txt{text-align:center; font-size:13px; color:var(--font-neutral-6); margin-top:8px;}
.invest .copyright .txt>span{display:block;}

/* 대출 */
.sec-area.loan .intro-wide .visual-area{background-color: #f2f6fb;}
.sec-area .visual-area .bx-gr.loan{background: url(/static/assets/images/comm/v2/fintech/img_cash.png) no-repeat top 16px left 50% / 320px auto, linear-gradient(180deg, #fffcf3 0%, #f0f4ff 100%);}
.sec-area .visual-area .bx-gr.loan .link-more{background-color:#a77dff; font-size:14px; margin-top:14px}

.lst-loan{height:350px; overflow: hidden;}
.tbl-loan{margin-top:32px; border-collapse: collapse; table-layout: fixed;}
.tbl-loan th{font-size:13px; color:#919295; padding-bottom:16px; text-align:center;}
.tbl-loan tbody td{padding-bottom:8px}
.tbl-loan tbody td>span{background-color: #f5f6f8; display: block; text-align: center; padding:15px 0; font-size:13px; color:#212121}
.tbl-loan tbody tr:nth-child(even) td>span{background-color: #f7f9ff;}
.tbl-loan tbody td.lt>span{text-align: left;}
.tbl-loan tbody td:first-child>span{border-radius: 8px 0 0 8px;}
.tbl-loan tbody td:last-child>span{border-radius:0 8px 8px 0;}
.loan .btn-loan::before{content:''; display: block; width:100%; height:120px; background: linear-gradient(180deg, rgba(255,255,255, 0) 0%, #fff 100%); position: absolute; bottom: 44px;}
.loan .btn-loan{margin-top:16px; position: relative; height:44px;}
.loan .btn-loan button{display:flex; display: -ms-flexbox; align-items: center; justify-content: center; margin:1px auto; border:1px solid #888; border-radius:2rem; color:#212121; font-size:14px; padding:12px 20px; font-weight:700;}
.loan .btn-loan.off button,
.loan .btn-loan.off::before{transition: all 1s .5s; transform: translateY(50px); opacity: 0;}
.loan .btn-loan.off button{pointer-events: none;}

.loan .lst-column li + li{margin-top:24px;}
.loan .lst-column .thumb{width:80px; height:80px; display: block; margin:0 auto 8px}
.loan .lst-column .thumb img{max-width: none; max-height:100%}
.loan .lst-column .tit,
.loan .lst-column .txt{display:block;text-align: center;}
.loan .lst-column .tit{color:var(--font-neutral-4); font-size:18px; font-weight: 700; margin-bottom:8px;}
.loan .lst-column .txt{font-size:16px; color:#616161; text-align: center; display: block;}
.loan .link-more.loan{display:-ms-flexbox; display:flex; width:116px; padding:12px 0; margin:32px auto 0; background-color:#fa5273}
.loan .link-more.loan2{display:-ms-flexbox; display:flex; width:144px; padding:12px 0; margin:32px auto 0; background-color:#fa5273}

/* 보험 */
.sec-area.insurance .intro-wide .visual-area{background-color:#eaf9f5}
.sec-area.insurance .visual-area .thumb.travel{transform: translateX(-50px);}
.sec-area.insurance .visual-area .thumb img{max-width: none; max-height:100%;}
.insurance .lst-bx li{display:-ms-flexbox; display: flex; align-items: center; padding:10px 0; border-top: 1px solid #f2f2f2;}
.insurance .lst-bx li:first-child{border-top:0 none; padding-top:10px}
.insurance .lst-bx .thumb{display: block; width:80px; height:80px; margin-right:12px;}
.insurance .lst-bx .sub{font-size:16px; color:#616161}
.insurance .lst-bx .tit{font-size:18px; font-weight: 700; color:var(--font-neutral-4); display:block; margin-top:4px;}

/* 계좌 */
.sec-area.account .intro-wide .visual-area{background-color: #f2f6fb;}
.sec-area.account .lst-step{margin-top:24px;}
.sec-area.account .lst-step li+li{margin-top:16px;}
.sec-area.account .lst-step .num{font-size:18px; position: relative; color:var(--font-neutral-1);}
.sec-area.account .lst-step .num::after{content:''; display: inline-block; width:100%; height:14px; background-color: #fdf1c9; position: absolute; bottom:0; left:0;}
.sec-area.account .lst-step .num>span{display: inline-block; position: relative; z-index: 1;}
.sec-area.account .lst-step .txt{display:block; margin-top:8px; font-size:16px; color:#313640; position: relative; padding-left:10px;}
.sec-area.account .lst-step .txt::before{content:''; display: block; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:2rem; background-color:#616161;}
.sec-area.account .lst-step .bx{background-color: #f5f6f8; border-radius:8px; padding:12px 15px; font-size:14px; font-weight: 300; color:#616161; margin-top:8px;}
.sec-area.account .sec .txt-area .link-more{background-color: #fa5273; width:180px; margin:32px auto; display: flex; display: -ms-flexbox;}

/* 카드 */
.sec-area.card .intro-wide .visual-area{background-color:#fffae6}
.sec-area.card .intro-wide .visual-area{position: relative;}
.sec-area.card .intro-wide .visual-area::before,
.sec-area.card .intro-wide .visual-area::after{content:''; display:block; width: 200px; height:285px; position: absolute;}
.sec-area.card .intro-wide .visual-area::before{top:0; right:-10px; background: url(/static/assets/images/comm/v2/fintech/img_hand_tp.png) no-repeat 0 0 / 100% auto;}
.sec-area.card .intro-wide .visual-area::after{bottom:-81px; left:-10px; background: url(/static/assets/images/comm/v2/fintech/img_hand_bt.png) no-repeat 0 0 / 100% auto;}

.sec-area.card .lst-step{margin-top:24px;}
.sec-area.card .lst-step li+li{margin-top:16px;}
.sec-area.card .lst-step .num{font-size:18px; position: relative; color:var(--font-neutral-1);}
.sec-area.card .lst-step .num::after{content:''; display: inline-block; width:100%; height:14px; background-color: #fdf1c9; position: absolute; bottom:0; left:0;}
.sec-area.card .lst-step .num>span{display: inline-block; position: relative; z-index: 1;}
.sec-area.card .lst-step .txt{display:block; margin-top:8px; font-size:16px; color:#313640; position: relative; padding-left:10px;}
.sec-area.card .lst-step .txt::before{content:''; display: block; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:2rem; background-color:#616161;}
.sec-area.card .lst-step .bx{background-color: #f5f6f8; border-radius:8px; padding:12px 15px; font-size:14px; font-weight: 300; color:#616161; margin-top:8px;}
.sec-area.card .sec .txt-area .link-more{background-color: #fa5273; width:180px; margin:32px auto; display: flex; display: -ms-flexbox;}

/* animate */
.sec-area .txt-area>.tit,
.sec-area .intro-wide .txt-area .in>.tit{transition: all .5s ease-in-out;}
.sec-area .txt-area> :not(.tit),
.sec-area .intro-wide .txt-area .in>:not(.tit){transition: all .6s .3s ease-in-out; opacity:1;}
.sec-area .sec .visual-area>*,
.sec-area .sec .btn,
.sec-area .sec .copyright{transition: all .6s .3s ease-in-out;}

.sec-area .intro-wide .txt-area .in>*,
.sec-area .sec .txt-area>*,
.sec-area .sec .visual-area>*,
.sec-area .sec .btn,
.sec-area .sec .copyright{transform: translateY(20px); opacity: 0;}

.sec-area .intro-wide.ani .txt-area .in>*,
.sec-area .sec.ani .txt-area>*,
.sec-area .sec.ani .visual-area>*,
.sec-area .sec.ani .btn,
.sec-area .sec.ani .copyright{transform: translateY(0); opacity: 1;}

.sec-area .intro-wide.card .visual-area{overflow: hidden;}
.sec-area .intro-wide.card .visual-area::before{top:-100px;}
.sec-area .intro-wide.card .visual-area::after{bottom:-181px}
.sec-area .intro-wide.card.ani .visual-area::before{top:0; transition: all .5s ease-in-out;}
.sec-area .intro-wide.card.ani .visual-area::after{bottom:-81px; transition: all .5s ease-in-out;}

/* QR Code */
.lpop--wrap.fintech .select-lpop .lpop-header{height:120px}
.lpop--wrap.fintech .select-lpop .lpop-header .btn-close{left:50%; transform: translateX(436px);}
.lpop--wrap.fintech .select-lpop .lpop-cont{padding-bottom:86px}
.lpop--wrap.fintech .qr-area::after{content:''; display:block; clear:both;}
.lpop--wrap.fintech .qr-area{max-width: 900px; margin:0 auto; text-align: center; display: flex; display:-ms-flexbox; align-items: center; justify-content: center;}

.lpop--wrap.fintech .qr-desc strong{font-size:24px;}
.lpop--wrap.fintech .qr-desc strong>span{display:inline; color: #fa5273;}
.lpop--wrap.fintech .qr-desc>span{font-size:18px; margin:8px 0 0 0}
.lpop--wrap.fintech .qr-img{width: 210px; height:210px; display: flex; display: -ms-flexbox; align-items: center; justify-content: center;}
.lpop--wrap.fintech .qr-img img{width:142px; height:auto;}
.lpop--wrap.fintech .qr-cont .qr-img{margin:15px auto 0;}
.lpop--wrap.fintech .qr-cont .qr-img img{width: 164px;}

.lpop--wrap.fintech .qr-app{margin-left:119px; padding-left:119px; position: relative;}
.lpop--wrap.fintech .qr-app::before{content:''; display:block; width:1px; height:142px; background-color: #e9e9e9; position: absolute; bottom:32px; left:0;}
.lpop--wrap.fintech .qr-app .qr-img{position:relative; margin:50px auto 0; background: url(/static/assets/images/comm/v2/fintech/qr_cover.png) no-repeat 50% / 100% auto;}
.lpop--wrap.fintech .qr-app .qr-img .tit{font-size:14px; color:#979797; position: absolute; top:-4px; left:50%; transform: translateX(-50%);}

.btn-wrap {text-align:center; width:100%; margin-top:32px;}
.btn-wrap .btn {display:inline-block; color:#fff; font-weight:bold; padding:12px 20px; background:#38a0f8; border-radius:50px;}
.btn-wrap .btn.purple {background:#a982e3;}
.swiper-pagination {position:relative; bottom: auto; left: auto; margin-top:16px;}
.swiper-pagination-bullet {width: 12px; height: 12px; background:#fff; opacity:1; border:1px solid #c6c6c6;}
.swiper-pagination-bullet ~ .swiper-pagination-bullet {margin-left:8px;}
.swiper-pagination-bullet-active {background:#000; border:0;}

.full-img .visual-area {margin-top:30px;}









.mo-size-only {display:block;}
.pc-size-only {display:none;}
/********************************** media query **********************************/

@media(max-width:320px){
    .sec-area .card .intro-wide .visual-area::before,
    .sec-area .card .intro-wide .visual-area::after{background-size: 90% auto;}
}

/* pc */
@media(min-width:1025px){

    .mo-size-only {display:none;}
    .pc-size-only {display:block;}

    .swiper-pagination {margin-top:28px;}
    .btn-wrap {margin-top:41px;}
    .btn-wrap .btn {padding:12px 32px;}

    .cont-fintech .tab-mn .tab-1dp {margin-bottom: 36px !important;}

    .full-img .visual-area {margin-top:32px;}

    .cont-fintech .tab-mn{padding-bottom:32px; display:block;}

    body.fintech .header{background-color: #fff;}
    body.fintech .container{/* padding-top: 90px; */}
    .cont-fintech .visual>.in,
    .cont-fintech .sec>.in,
    .cont-fintech .tab-mn>.in,
    .cont-fintech .tab-mn .tab-1dp,
    .cont-fintech .bnn-area .bnn{width:1000px; margin:0 auto; padding: 0 48px;}
    .cont-fintech .bnn-area .bnn{width:1000px; margin:0 auto; padding: 0 calc(50vw - 460px);}
    .lst-bu>li{font-size: 18px;}
	/* .cont-fintech .tab-mn>.in {padding:0 24px;} */

    .sec-area .intro-wide .txt-area{padding:32px 0 0}
    .sec-area .intro-wide .txt-area .in{width:452px; float: right; padding-right:30px;}
    .sec-area .intro-wide .txt-area .in>*{transform: translateY(0); opacity: 1;}
    
    .cont-fintech .top-area,
    .cont-fintech .top-area.wt{}
    .cont-fintech .top-area.wt .visual,
    .cont-fintech .visual{background-color:#e0f4ff; padding-top:0; height: 460px;}
    .cont-fintech .visual>.in{margin:0 auto; /* background-color:#efe7ff;  */position: relative; height:460px;}
    .cont-fintech .visual>.in::before{width:742px; height:328px; bottom:77px; right:49px; left:auto; transform: translateX(0); margin-left:0; background-image: url(/static/assets/images/comm/v2/fintech/top_obj.png);}
    .cont-fintech .visual>.in::after{width:283px; height:273px; bottom:88px; right:89px; left:auto; transform: translateX(0); margin-right:0;}
    .cont-fintech .visual .tit{position: absolute; top: 144px; left:48px; text-align:left; font-size:56px; padding-top:0;}
    .cont-fintech .visual .sub{font-size:32px;}
    .cont-fintech .visual .emph{font-size:56px; margin-top:12px;}
    
    .cont-fintech .visual.up >.in .tit{opacity: 1;}
    .cont-fintech .visual.up>.in::before{bottom:77px}
    .cont-fintech .visual.up>.in::after{bottom:88px;}
    .cont-fintech .visual.down>.in::before{bottom:45px}
    .cont-fintech .visual.down>.in::after{bottom:117px;}
    
    .cont-fintech .tab-mn,
    .cont-fintech .tab-mn.fix{position: static; margin:65px 0 0; border-top:none}
    .cont-fintech .sec.column>.in{display:flex; display: -ms-flexbox; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: wrap; -ms-flex-wrap: wrap;}

    .sec-area .sec{padding:0 0 100px}
    .sec-area .txt-area .tit>span,
    .sec-area .txt-area .txt>span{display:inline;}
    .sec-area .txt-area .in .tit{font-size:28px; margin-bottom: 32px;}
    .sec-area .txt-area .in .txt{font-size:20px;}
    .sec-area .txt-area .txt>span.p-bk{display:block;}
    .sec-area .txt-area .link-more{margin-top:32px; padding:12px 20px;}
    .sec-area .visual-area .thumb{width:452px; height:220px; margin-top: 0; justify-content: flex-end; padding-right:52px;}
    .sec-area.asset .visual-area .thumb{width:352px; padding-right:32px;}
    .sec-area .in .visual-area .bx-gr{margin-top:32px; padding:40px 48px; min-height:auto;}
    .sec-area .visual-area .bx-gr .sub{font-size: 20px;}
    .sec-area .visual-area .bx-gr .emph{font-size:30px; margin-top:4px;}

    .sec-area .intro-wide{margin-bottom:100px;}
    .cont-fintech .intro-wide>.in{display:flex; display:-ms-flexbox; flex-direction: row-reverse; -ms-flex-direction: row-reverse; justify-content: flex-end;}
	.top-area.wt + .sec-area .intro-wide > .in {padding-top:0 !important;}
    .sec-area .intro-wide .txt-area{width:50%; padding-top:63px;}
    .sec-area .intro-wide .txt-area .tit{font-size:32px;}
    .sec-area .intro-wide .txt-area .tit,
    .sec-area .intro-wide .txt-area .txt,
    .sec-area .intro-wide .txt-area .link-more{opacity: 0; transform: translateY(50px);}
    .sec-area .intro-wide .txt-area .link-area{opacity: 0; transform: translateY(50px);}
    .sec-area .intro-wide .txt-area.ani .tit,
    .sec-area .intro-wide .txt-area.ani .txt,
    .sec-area .intro-wide .txt-area.ani .link-more{opacity: 1; transform: translateY(0);}
    .sec-area .intro-wide .txt-area.ani .link-area{opacity: 1; transform: translateY(0);}
    .sec-area .intro-wide .visual-area{padding-left:124px; width:50%; justify-content: flex-start;}
    
    .cont-fintech .bnn-area{padding:86px 0 40px;}
    .cont-fintech .bnn-area .bnn .thumb{display:block; width:452px; height:224px; right: auto; left: calc(50% + 27px);}
    .cont-fintech .bnn-area .bnn .thumb .bx{display:block; width:224px; height:224px; margin:0 auto;}
    .cont-fintech .bnn-area .bnn .sub{font-size:20px; color:#212121; display:block; padding-top:0;}
    .cont-fintech .bnn-area .bnn .tit{font-size:30px; margin-top:8px;}
    .cont-fintech .bnn-area .bnn .txt{font-size:20px; margin-top:24px;}
    .cont-fintech .bnn-area .bnn .link-more{padding:0 24px; line-height: 38px;}

    /* 투자 */
    .sec-area .visual-area .bx-gr.fund{background: url(/static/assets/images/comm/v2/fintech/img_fund_p.png) no-repeat top 38px right 64px / 292px auto, linear-gradient(180deg, #fff8e8 0%, #fef1f4 100%)}
    .sec-area .visual-area .bx-gr.fund .link-more{margin-top:24px; padding:8px 24px;}
    .invest .copyright{width:100%; margin-top:56px;}
    .invest .copyright .logo{width:197px;}
    .invest .copyright .txt{margin-top:6px;}
    .invest .copyright .txt>span{display: inline;}

    /* 대출 */
    .sec-area .visual-area .bx-gr.loan{background: url(/static/assets/images/comm/v2/fintech/img_cash.png) no-repeat top 60px right 58px / 320px auto, linear-gradient(180deg, #fffcf3 0%, #f0f4ff 100%)}
    .sec-area .visual-area .bx-gr.loan .link-more{margin-top:24px; padding:8px 24px;}
    .loan .btn-loan button{padding: 12px 50px;}
    .loan .lst-column li{display: flex; display:-ms-flexbox; align-items: center;}
    .sec-area .txt-area .tit,
    .sec-area .txt-area .txt{text-align: left;}
    .loan .lst-column .thumb{margin: 0 20px 0 0; display: flex; display: -ms-flexbox; align-items: center; justify-content: center;}
    .loan .lst-column li:last-child .thumb img{max-width: 130%; max-height: none;}
    .tbl-loan th, .tbl-loan td>span{font-size: 16px;}
    .loan .link-more.loan{width:135px; margin-top:70px; padding:12px 24px;}
    .loan .link-more.loan2{width:152px; margin-top:70px; padding:12px 24px;}

    /* 보험 */
    .insurance .lst-bx li{min-width:26.9%; height:80px; display:inline-flex;  display:-ms-inline-flexbox; border-top:0 none; border-right: 1px solid #f2f2f2; padding:0 42px 0 0; margin-right:42px;}
    .insurance .lst-bx li:nth-child(2){width:36%}
    .insurance .lst-bx li:first-child{padding-top:0;}
    .insurance .lst-bx li:last-child{border-right: 0 none; padding:0; margin-right:0;}
    .insurance .lst-bx .thumb{margin-right:4px;}
    .insurance .lst-bx .sub{font-size:18px}
    .insurance .lst-bx .tit{font-size:20px; margin-top:8px;}

    /* 카드 */
    .sec-area.card .intro-wide .visual-area::before{right: auto; left:250px}
    .sec-area .card .lst-step li+li{margin-top:32px;}
    .sec-area .card .lst-step .num{font-size:20px;}
    .sec-area .card .lst-step .txt{font-size:18px; margin-top:16px;}
    .sec-area .card .lst-step .bx{font-size: 16px; padding:12px 24px; margin-top:16px}
    .sec-area .card .txt-area .link-more{padding:12px 24px; margin-top:56px}

}

/* 제테크 PAGE수정으로 인한 추가_20231221 */
body.fintech .header{background-color:var(--background-color-1) !important;}
.cont-fintech .top-area{min-height: auto;}
.cont-fintech .visual{height: 0; opacity: 0; background-color:var(--background-color-1);}
.cont-fintech .tab-1dp{display: none;}
.cont-fintech .tab-mn{margin: 13px 0;}
@media(min-width:1025px){
    .cont-fintech .visual{height: 0;}
    .cont-fintech .visual>.in,
    .cont-fintech .sec>.in,
    .cont-fintech .tab-mn>.in,
    .cont-fintech .tab-mn .tab-1dp{width:1000px;margin:0 auto;padding: 0;}
    .cont-fintech .bnn-area .bnn{width:1000px; margin:0 auto; padding: 0;}
    .cont-fintech .bnn-area .bnn .inner{margin:0 auto; width: 1000px;}
    .sec-area .intro-wide .txt-area .in{float:left; width: auto;}
    .cont-fintech .intro-wide>.in{margin:0 auto; width: 1000px;}
}

.cont-fintech .tab-mn.tab-line .in>span a {font-size: 18px;color:var(--tab1-tc); padding:15px 0 8px;border: 0;border-radius: 0;position: relative; font-weight:700}
.cont-fintech .tab-mn.tab-line .in>span a.active{font-weight: 700;color:var(--tab1-active-tc); background-color: transparent;}
.cont-fintech .tab-mn.tab-line .in>span a.active::after{content: ''; display: inline-block; position: absolute; width: 100%; height: 2px; bottom:3px; left: 0; background: var(--tab1-active-tc); }
.cont-fintech .tab-mn.tab-line .in>span {margin-left: 20px;}
.cont-fintech .tab-mn.tab-line .in>span:first-child{margin-left:0px;}

.sec-area .intro-wide.ani .txt-area .in>*{transform: translateY(0); opacity: 1;}

/* 전체 header 및 재정의  */
.header{height: 74px;}
.cont-fintech .visual{padding-top: 74px;}
.header .btn-mn{height: 74px;}
.cont-fintech .tab-mn.tab-line{margin:0; height: 50px; padding: 0px 24px 0px;}
.cont-fintech .tab-mn.tab-line.fix{top:74px;}
.cont-fintech .tab-mn.tab-line.fix::before{opacity: 1;}

/* loan 전체 레이아웃 및 대출수정  */
.sec-area.loan .intro-wide{margin-bottom: 0;}
.sec-area.loan .sec{padding: 0;}
.sec-area.loan .sec.bg-gray{background:var(--background-color-2); padding: 79px 0 81px 0; margin-bottom: 100px;}


/* wide영역 수정 */
.sec-area.loan .intro-wide .visual-area{background: none; height: auto; margin-top: 0; padding-top: 107px;}
.sec-area.loan .intro-wide > .in{position: relative;}
.sec-area.loan .intro-wide > .in .lottie-area{width: calc(100% + 60px); position: absolute; z-index: 1; top: -27px;}
.sec-area.loan .intro-wide > .in .lottie-back{position: relative; padding: 0 30px;}
.sec-area.loan .intro-wide .visual-area .bx{height: auto; width: 300px; padding: 0; border: 0; position: relative;}
.sec-area.loan .intro-wide .visual-area .bx .in{box-shadow: none; margin: 0 -30px;}
.sec-area.loan .intro-wide .txt-area{padding: 0 24px 40px; margin-top: 0;}
.sec-area.loan .intro-wide .txt-area .in .tit.tit-item{position: absolute; top: 20px; opacity: 1; transform: translateY(0); word-break: keep-all;}
.sec-area .txt-area .in .txt.txt-group{display: none;}
.sec-area .txt-area .in .txt.txt-group .txt-item{display:inline-block; font-size:16px; position: relative;}
.sec-area .txt-area .in .txt.txt-group .txt-item + .txt-item{padding-left: 10px; margin-left: 11px;}
.sec-area .txt-area .in .txt.txt-group .txt-item + .txt-item::before{content: ''; display: inline-block; position:absolute; top: 5px; left: 0; width:1px; height:14px; background-color: red;}
.sec-area .txt-area .in .tit.tit-item{text-align: center; font-size: 26px; line-height: 38.48px; width: 100%; left: 0;}
.sec-area .txt-area .in .link-area{position: relative; margin-top: -18px; display: flex; flex-direction: column; align-items: center; transform: translateY(0);}
.sec-area .txt-area .in .link-area .link-icon{display:inline-block; position:relative;color: #fff; font-size: 12px; font-weight: 700; background:#2871ff; border-radius: 100px; padding: 2px 13px; z-index:2; line-height: 17.6px;}
.sec-area .txt-area .in .link-area .link-icon > span{color:#ffe500;}
.sec-area .txt-area .in .link-area .link-icon::after{content: ''; display: inline-block; position: absolute;border-top:6px solid #0057ff; border-left:11px solid transparent; bottom:-6px; left:13px;}
.sec-area .txt-area .in .link-area .link-more{margin-top:0; padding:12px 37px; margin-top: -4px; width: 100%;}


/* 나의 대출이자는 얼마일까 띠배너 */
.bnn-cal{display:block; color: #22252a !important; padding: 11px; background: #f5f6f8; width: 100%; text-align: left; border-radius: 14px; padding-left: 50px;}
.bnn-cal span{font-size: 14px; font-weight: 700; display: inline-block; line-height: 20.72px;}
.bnn-cal > span::before,span::after{background-size: contain; position: absolute; content: ''; display:inline-block;}
.bnn-cal > span::before{background-image: url(/static/assets/images/pay/card_add/ing-bn-cal.png); width: 24px; height: 24px; left: 20px; top: 11px;}
.bnn-cal > span::after{background-image: url(/static/assets/images/pay/card_add/allow_bnn-cal.png); width: 20px; height: 20px; right: 20px; top: 13px;}


/* 신용대출 */
.sec-area .txt-area.st-new{padding: 0 24px 56px;}
.sec-area .txt-area.st-new.m-area{margin:0 4px;}
.sec-area .txt-area.st-new .tit{font-size: 24px; font-weight: 700; line-height: 36px; margin-bottom:0;}
.sec-area .txt-area.st-new .txt{font-size: 18px; font-weight: 400; line-height: 27px;}
.sec-area .txt-area.st-new .tit + .txt{margin-top:8px;}
.sec-area .txt-area.st-new .txt + .list-area{margin-top: 0px;}
.sec-area .txt-area.st-new .tit + .list-area{margin-top: 10px;}
.sec-area .txt-area.st-new .list-area .row-list{display: flex; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; padding: 24px 24px 24px 24px; margin: 0 -24px -24px;}
.sec-area .txt-area.st-new .list-area .row-list::-webkit-scrollbar {display: none;}

.sec-area .sec.bg-gray .txt-area.st-new .list-area .row-list li > a{box-shadow: 0px 6px 16px rgb(15,21,34,0.04); border:0;}
.sec-area .txt-area.st-new .list-area .row-list li + li{margin-left: 8px;}

.sec-area .txt-area.st-new .list-area .row-list li > a{display: flex; width: 219px; height: 241px; background: #fff; padding: 24px; border-radius: 20px; border:1px solid #edeef2; flex-direction: column; /* margin: 16px 0 24px; */}
.sec-area .txt-area.st-new .list-area .row-list li > a:active{border:1px solid #000; background: #f8f8f8;}
.sec-area .txt-area.st-new .list-area .row-list li > a > div.tit-wrap::before{content: ''; width: 44px; height: 44px; background-size: contain; position: absolute; display: block; left: 0; top: 0;}
.sec-area .txt-area.st-new .list-area .row-list li > a > div.tit-wrap.ico-bc::before{background-image: url(/static/assets/images/pay/card_add/ico_loan_bc.png);}
.sec-area .txt-area.st-new .list-area .row-list li > a > div.tit-wrap.ico-welcome::before{background-image: url(/static/assets/images/pay/card_add/ico_loan_welcome.png);}
.sec-area .txt-area.st-new .list-area .row-list li > a > div.tit-wrap.ico-ok::before{background-image: url(/static/assets/images/pay/card_add/ico_loan_ok.png);}
.sec-area .txt-area.st-new .list-area .row-list li > a > div.tit-wrap.ico-daol::before{background-image: url(/static/assets/images/pay/card_add/ico_loan_daol.png);}
.sec-area .txt-area.st-new .list-area .row-list li > a > div.tit-wrap.ico-shinhan::before{background-image: url(/static/assets/images/pay/card_add/ico_loan_shin.png);}
.sec-area .txt-area.st-new .list-area .row-list li > a > div.tit-wrap.ico-kb::before{background-image: url(/static/assets/images/pay/card_add/ico_loan_kb.png);}
.sec-area .txt-area.st-new .list-area .row-list li > a > div.tit-wrap.ico-nh::before{background-image: url(/static/assets/images/pay/card_add/ico_loan_nh.png);}
.sec-area .txt-area.st-new .list-area .row-list li > a > div.tit-wrap{padding-top: 54px; position: relative;}
.sec-area .txt-area.st-new .list-area .row-list li > a > div.tit-wrap p{font-size: 16px; line-height: 23.68px; font-weight: 300; color: #666c76;}
.sec-area .txt-area.st-new .list-area .row-list li > a > div.tit-wrap p > strong{font-size: 18px; line-height: 26.64px; font-weight: 700; color:#000;}
.sec-area .txt-area.st-new .list-area .row-list li > a > div.con-wrap > div{display: flex; justify-content: space-between;}
.sec-area .txt-area.st-new .list-area .row-list li > a > div.con-wrap {font-size: 16px; line-height: 23.68px; font-weight: 300; color: #666c76; margin-top: 18px;}
.sec-area .txt-area.st-new .list-area .row-list li > a > div.con-wrap > .per-wrap{margin-top: 6px;}
.sec-area .txt-area.st-new .list-area .row-list li > a > div.con-wrap .max-wrap {border-top:1px solid #edeef2; padding-top: 16px;}
.sec-area .txt-area.st-new .list-area .row-list li > a > div.con-wrap .max-wrap.wide {width: 100%;}
.sec-area .txt-area.st-new .list-area .row-list li > a > div.con-wrap p{font-size: 15px; line-height: 22.2px; font-weight: 300; color: #666c76;}
.sec-area .txt-area.st-new .list-area .row-list li > a > div.con-wrap p > strong{font-size: 16px; line-height: 23.68px; font-weight: 700; color: #5d67cf;}

.sec-area .txt-area.st-new .list-area .bg-list{display: flex; flex-direction: column; padding-top: 8px;}
.sec-area .txt-area.st-new .list-area .bg-list li{padding: 21px 24px 24px; border-radius:14px; width: 100%; position: relative; line-height: 0;}
.sec-area .txt-area.st-new .list-area .bg-list li + li {margin-top:12px;}
.sec-area .txt-area.st-new .list-area .bg-list li.bg-green{background: #ebfefc;}
.sec-area .txt-area.st-new .list-area .bg-list li.bg-orange{background: #fcf5f4;}
.sec-area .txt-area.st-new .list-area .bg-list li.bg-purple{background: #eeeeff;}
.sec-area .txt-area.st-new .list-area .bg-list li.lone-long::before{background-image: url(/static/assets/images/pay/card_add/img_money_hand.png); content: ''; width: 70px; height: 70px; display: inline-block; position:absolute; background-size: contain; right: 22px;}
.sec-area .txt-area.st-new .list-area .bg-list li.lone-short::before{background-image: url(/static/assets/images/pay/card_add/img_card_hand.png); content: ''; width: 70px; height: 70px; display: inline-block; position:absolute; background-size: contain; right: 22px;}
.sec-area .txt-area.st-new .list-area .bg-list li.lone-car::before{background-image: url(/static/assets/images/pay/card_add/img_hyundai.png); content: ''; width: 70px; height: 70px; display: inline-block; position:absolute; background-size: contain; right: 22px;}
.sec-area .txt-area.st-new .list-area .bg-list li .txt-s-green{color:#66c5b4; font-size: 15px; font-weight: 300; line-height: 22px;}
.sec-area .txt-area.st-new .list-area .bg-list li .txt-s-orange{color:#f4724a; font-size: 15px; font-weight: 300; line-height: 22px;}
.sec-area .txt-area.st-new .list-area .bg-list li .txt-s-purple{color:#6f66c5; font-size: 15px; font-weight: 300; line-height: 22px;}
.sec-area .txt-area.st-new .list-area .bg-list li .tit{margin-top: 16px;color:#000; font-size: 20px; font-weight: 700; line-height: 29.6px; margin-bottom: 0;}
.sec-area .txt-area.st-new .list-area .bg-list li .txt{margin-top: 4px;color:#000; font-size: 16px; font-weight: 300; line-height: 24px;}

.sec-area .txt-area.st-new .list-area .bg-list li .btn-area{display: flex; justify-content: space-between; margin: 20px -4px 0;}
.sec-area .txt-area.st-new .list-area .bg-list li .btn-area .btn-green{display: block; background: #66c5b4; padding: 8.5px 20px 8.5px 20px; border-radius: 100px; color: #fff; line-height: 20.72px; font-size: 14px; font-weight: 700; text-align: center; width: 100%; min-height: 38px;}
.sec-area .txt-area.st-new .list-area .bg-list li .btn-area .btn-orange{display: block; background: #f4724a; padding: 8.5px 11px 8.5px 11px; border-radius: 100px; color: #fff; line-height: 20.72px; font-size: 14px; font-weight: 700; width: 100%; text-align: center; min-height: 38px;}
.sec-area .txt-area.st-new .list-area .bg-list li .btn-area .btn-purple{display: block; background: #6f66c5; padding: 8.5px 11px 8.5px 11px; border-radius: 100px; color: #fff; line-height: 20.72px; font-size: 14px; font-weight: 700; width: 100%; text-align: center; min-height: 38px;}
.sec-area .txt-area.st-new .list-area .bg-list li .btn-area a + a{margin-left:8px;}

.sec-area .txt-area.st-new .list-area .bn-list{display: flex; justify-content: space-between; flex-direction: column; margin-top: 24px;}
.sec-area .txt-area.st-new .list-area .bn-list li{width: 100%;}
.sec-area .txt-area.st-new .list-area .bn-list li + li {border-top: 1px solid #f2f2f2; margin-top: 20px; padding-top: 20px;}
.sec-area .txt-area.st-new .list-area .bn-list li a{position: relative; font-size: 0; padding-left: 92px; display: flex; flex-direction: column; height: 82px; justify-content: center;}
.sec-area .txt-area.st-new .list-area .bn-list li a::before{content: ''; width:80px; height: 80px; display: inline-block; position:absolute; top:0; left: 0; background-size: contain;}
.sec-area .txt-area.st-new .list-area .bn-list li.loan-house a::before{background-image: url(/static/assets/images/pay/card_add/img_comp_house.png);}
.sec-area .txt-area.st-new .list-area .bn-list li.loan-bank a::before{background-image: url(/static/assets/images/pay/card_add/img_comp_mondy.png);}
.sec-area .txt-area.st-new .list-area .bn-list li.loan-bankmall a::before{background-image: url(/static/assets/images/pay/card_add/img_comp_bankmall.png);}
.sec-area .txt-area.st-new .list-area .bn-list li a .tit{margin-bottom: 2px; color: #293952; font-size: 18px; font-weight: 700; line-height: 28px; display: flex; align-items: center;}
.sec-area .txt-area.st-new .list-area .bn-list li a .tit::after{background-image: url(/static/assets/images/pay/card_add/arrow_32px_loan.png); content: ''; width:32px; height: 32px; display: inline-block; background-size: contain;}
.sec-area .txt-area.st-new .list-area .bn-list li a .txt{color: #616161; font-size: 16px; font-weight: 400; line-height: 24px; margin-top: 0;}
.sec-area .txt-area.st-new .list-area .bn-list li a .txt br.mo{display: none;}

/* loan용 하단 이벤트 배너 */
.cont-fintech .bnn-area-loan{background-color: #f5f6f8; padding: 56px 24px 56px;}
.cont-fintech .bnn-area-loan .bnn{position:relative;}
.cont-fintech .bnn-area-loan .bnn .sub,
.cont-fintech .bnn-area-loan .bnn .tit{width:calc(100% - 90px);}
.cont-fintech .bnn-area-loan .bnn .thumb{display:block; width:78px; height: 78px; position:absolute; top:0; right:0;}
.cont-fintech .bnn-area-loan .bnn .thumb .in{display:flex; width:78px; height: 78px; display:-ms-flexbox; align-items: center; justify-content: center; border-radius:10rem; background-color: #fff; overflow: hidden;}
.cont-fintech .bnn-area-loan .bnn .sub{font-size:18px; color:#212121; display:block; padding-top:8px;}
.cont-fintech .bnn-area-loan .bnn .tit{font-size:24px; font-weight:700; display:block; color:#212121}
.cont-fintech .bnn-area-loan .bnn .txt{font-size:16px; color:#616161; margin-top:16px;}
.cont-fintech .bnn-area-loan .bnn .link-more-case{border-radius: 2rem; min-width: 100px; min-height: 38px; display: inline-flex; display: -ms-inline-flexbox; align-items: center; justify-content: center; font-weight: 700; color: #fff; background-color: #7d8aff; padding:0 16px; font-size: 14px; margin-top:32px;} 
.cont-fintech .bnn-area-loan .bnn.interest .link-more{background-color: #7472b5;}

.btn-top-area.fix{opacity: 1;}
.btn-top-area{opacity: 0; max-width:1000px; margin:0 auto; display: block; height: 46px; position: fixed; bottom: 10px; right: 10px; z-index: 1; width: 46px;}
.btn-top-area a{width: 100%; height: 100%; border:1px solid rgba(219,226,240,0.4); border-radius: 50%; background-color: #fff; display: block;}
.btn-top-area a:hover{background-color: rgba(219,226,240,0.4);}
.btn-top-area a img{width: 24px; height: 24px; transform: translate(10px, 10px);}

.sec-area .txt-area.st-new.st-icon{ padding: 40px 24px 0; background-color: #fff;}
.icon-list-r{display:flex; justify-content:flex-start; flex-wrap: wrap;}
.icon-list-r > li {margin-top:6px; margin-right:6px;}
.icon-list-r > li:last-child {margin-right:0;}
.icon-list-r > li > a{padding:0; display: block;}
.icon-list-r > li > a > p{color: #000; font-weight: 400; line-height: 22.2px; text-align:center; border: 1px solid #edeef2; padding: 11px 17px 11px 43px; border-radius: 100px; position: relative; font-size: 15px;}
.icon-list-r > li > a:active > p{border: 1px solid #edeef2; background:#f8f8f8;}
.icon-list-r > li > a:visited > p{border: 1px solid #000; background:#fff;}
.icon-list-r > li > a > p::before{display: inline-block; content:''; background-size: 24px 24px; background-repeat: no-repeat; background-position: center; margin-bottom: 8px; position: absolute; width: 38px; height: 38px; top: 4px; left: 4px;}
.icon-list-r > li > a.ico-person > p::before{background-image: url(/static/assets/images/pay/card_add/ico_find_person.png);}
.icon-list-r > li > a.ico-gov > p::before{background-image: url(/static/assets/images/pay/card_add/ico_find_gov.png);}
.icon-list-r > li > a.ico-car > p::before{background-image: url(/static/assets/images/pay/card_add/ico_find_car.png);}
.icon-list-r > li > a.ico-card > p::before{background-image: url(/static/assets/images/pay/card_add/ico_find_card.png);}
.icon-list-r > li > a.ico-comp > p::before{background-image: url(/static/assets/images/pay/card_add/ico_find_comp.png);}
.icon-list-r > li > a.ico-comm > p::before{background-image: url(/static/assets/images/pay/card_add/ico_find_comm.png);}
.sec-area.loan .sec.sec-pb{padding-bottom: 32px;}

@media (min-width: 1025px){
    .header{height:90px;}
    .cont-fintech .visual {padding-top: 90px;}
    .header-wrap.header-color-fintech .header{height: 90px;}
    .cont-fintech .tab-mn.tab-line>.in{padding:0; padding-top: 30px; background: #fff;}
    .cont-fintech .tab-mn.tab-line {padding-bottom: 24px; position: static; top: 0; z-index: 10; background: #fff; height: 94px;} 
    .cont-fintech .tab-mn.tab-line.fix{top:0;}
    .cont-fintech .bnn-area-loan .bnn .inner{margin: 0 auto; width: 1000px;}
    .cont-fintech .bnn-area-loan .bnn .thumb{display:block; width:452px; height:224px; right: auto; left: calc(50% + 27px);}
    .cont-fintech .bnn-area-loan .bnn .thumb .bx{display:block; width:224px; height:224px; margin:0 auto;}
    .cont-fintech .bnn-area-loan .bnn .sub{font-size:20px; color:#212121; display:block; padding-top:0;}
    .cont-fintech .bnn-area-loan .bnn .tit{font-size:30px; margin-top:8px;}
    .cont-fintech .bnn-area-loan .bnn .txt{font-size:20px; margin-top:24px;}
    .cont-fintech .bnn-area-loan .bnn .link-more-case{padding:0 24px; line-height: 38px;}

    .btn-top-area a{right: 0px;}

    /* loan 전체 레이아웃 및 대출수정 20231221 수정 */
    .sec-area.loan .intro-wide{margin-bottom: 64px; padding-bottom: 64px; margin-top: 34px;}
    .sec-area.loan .sec{padding: 0 0 100px;}
    .sec-area.loan .sec .in-area{width: 1000px; margin: 0 auto; padding: 0 0;}
    .sec-area.loan .sec.bg-gray{margin-bottom: 100px;}

    /* wide영역 수정 */
    .sec-area.loan .intro-wide .visual-area{background: none; padding-top: 0; padding-left: 0;}
    .sec-area.loan .intro-wide .txt-area{padding: 0; margin: 0;}
    .sec-area.loan .intro-wide .txt-area .in .tit.tit-item{position: relative; margin-top: 53px; font-size: 32px; line-height: 47px; padding-top: 0; top: 0;}
    .sec-area.loan .intro-wide .visual-area .bx{width: 500px;}
    .sec-area.loan .intro-wide .visual-area .bx .in{box-shadow: none; margin: 0;}
    .sec-area.loan .intro-wide > .in .lottie-area{width: 100%; position: absolute; z-index: 1; top: 0;}
    .sec-area.loan .intro-wide > .in .lottie-back{position: relative; padding: 0;}  

    .sec-area .txt-area .in .txt.txt-group{height: 24px; line-height: 23.68px;}
    .sec-area .txt-area .in .txt.txt-group .txt-item{display:inline-block; font-size:16px; position: relative;}
    .sec-area .txt-area .in .txt.txt-group .txt-item + .txt-item{padding-left: 10px; margin-left: 11px;}
    .sec-area .txt-area .in .txt.txt-group .txt-item + .txt-item::before{content: ''; display: inline-block; position:absolute; top: 5px; left: 0; width:1px; height:14px; background-color: red;}
    .sec-area .txt-area .in .tit.tit-item{margin-bottom:13px; line-height: 47.36px; text-align: left;}
    .sec-area .txt-area .in .link-area{position: relative; margin-top: 18px; display: flex; flex-direction: column; align-items: flex-start;}
    .sec-area .txt-area .in .link-area .link-icon{font-size: 13px; padding:4px 13px; z-index:2;}
    .sec-area .txt-area .in .link-area .link-icon > span{color:#ffe500;}
    .sec-area .txt-area .in .link-area .link-icon::after{content: ''; display: inline-block; position: absolute; border-top:6px solid #0057ff; border-left:11px solid transparent; bottom:-6px; left:13px;}
    .sec-area .txt-area .in .link-area .link-more{padding:12px 37px; margin-top:-5px; width: 240px;}

    /* 나의 대출이자는 얼마일까 띠배너 */    
    .bnn-cal{display:block; color: #22252a; padding: 14px 0 16px; background: #f5f6f8; width: 100%; border-radius: 14px; padding-left: 0; text-align: center; height: 54px;}
    .bnn-cal span{font-size: 15px; line-height: 22px; position: relative; padding: 0 24px 0 30px;}
    .bnn-cal > span::before{left: 0; top: -2px;}
    .bnn-cal > span::after{right: 0; top: 1px;}
    .sec-area.loan .sec.sec-pb2{padding-bottom:80px;}

    /* 신용대출 */
    .sec-area .txt-area.st-new{padding: 0 0 0;}
    .sec-area .txt-area.st-new.m-area{margin:0;}
    .sec-area .txt-area.st-new .tit{font-size: 28px; font-weight: 700; line-height: 41.44px; margin-bottom:8px;}
    .sec-area .txt-area.st-new .txt{font-size: 20px; font-weight: 400; line-height: 29.6px;}
    .sec-area .txt-area.st-new .list-area{margin-top:32px;}
    .sec-area .txt-area.st-new .txt + .list-area{margin-top: 0;}
    .sec-area .txt-area.st-new .list-area .row-list{display: block; padding: 32px 24px 24px 24px;}
    .sec-area .txt-area.st-new .list-area .row-list li{width: auto;}

    .sec-area .sec.bg-gray .txt-area.st-new .list-area .row-list li > a{box-shadow: 0px 6px 16px rgb(15,21,34,0.04); border:0;}
    .sec-area .txt-area.st-new .list-area .row-list li + li{margin-top: 12px; margin-left: 0;}

    .sec-area .txt-area.st-new .list-area .row-list li > a{padding:37px 40px; flex-direction: row; width: auto; align-items: center; height: 130px; position: relative;}
    .sec-area .txt-area.st-new .list-area .row-list li > a:hover{border:1px solid #000;}
    .sec-area .txt-area.st-new .list-area .row-list li > a::after{content:''; display: block; background-image: url(/static/assets/images/pay/card_add/loan-arrow-circle.png); width: 40px; height: 40px; background-size: contain;position: absolute;right: 40px;}
    .sec-area .txt-area.st-new .list-area .row-list li > a > div.tit-wrap::before{width:56px; height: 56px; display: inline-block;}
    .sec-area .txt-area.st-new .list-area .row-list li > a > div.tit-wrap{width:347px;padding-left: 76px; padding-top: 0;}
    .sec-area .txt-area.st-new .list-area .row-list li > a > div.tit-wrap p > strong{font-size:20px; line-height: 29.6px; font-weight: 700; color:#000; }
    .sec-area .txt-area.st-new .list-area .row-list li > a > div.con-wrap {display: flex; padding-left: 40px; margin-top: 0; align-items: center;}
    .sec-area .txt-area.st-new .list-area .row-list li > a > div.con-wrap > div{display: block;width: 210px;}
    .sec-area .txt-area.st-new .list-area .row-list li > a > div.con-wrap > .max-wrap{border-top: 0; padding-top: 0; margin-right: 16px;}
    .sec-area .txt-area.st-new .list-area .row-list li > a > div.con-wrap > .per-wrap{padding-left: 16px; margin-top: 0; border-left: 1px solid #edeef2;}
    .sec-area .txt-area.st-new .list-area .row-list li > a > div.con-wrap p{font-size: 16px; line-height: 23.68px;}
    .sec-area .txt-area.st-new .list-area .row-list li > a > div.con-wrap p > strong{font-size: 24px; line-height: 35.52px;}

    .sec-area .txt-area.st-new .list-area .bg-list{display: flex; justify-content: space-between; flex-direction: row; padding-top: 17px;}
    .sec-area .txt-area.st-new .list-area .bg-list li{padding:32px 40px 41px;}
    .sec-area .txt-area.st-new .list-area .bg-list li + li {margin-top:0;margin-left:12px;}
    .sec-area .txt-area.st-new .list-area .bg-list li.lone-long::before{background-image: url(/static/assets/images/pay/card_add/img_money_hand.png); width:90px; height: 90px; right: 40px;}
    .sec-area .txt-area.st-new .list-area .bg-list li.lone-short::before{background-image: url(/static/assets/images/pay/card_add/img_card_hand.png); width:90px; height: 90px; right: 40px;}
    .sec-area .txt-area.st-new .list-area .bg-list li.lone-car::before{background-image: url(/static/assets/images/pay/card_add/img_hyundai.png); width:90px; height: 90px; right: 40px;}
    .sec-area .txt-area.st-new .list-area .bg-list li .txt-s-green{font-size: 16px; line-height: 24px;}
    .sec-area .txt-area.st-new .list-area .bg-list li .txt-s-orange{font-size: 16px; line-height: 24px;}
    .sec-area .txt-area.st-new .list-area .bg-list li .txt-s-purple{font-size: 16px; line-height: 24px;}
    .sec-area .txt-area.st-new .list-area .bg-list li .tit{line-height: 30px;}
    .sec-area .txt-area.st-new .list-area .bg-list li .txt{margin-top:2px; color:#000; font-size: 16px; font-weight: 300; line-height: 24px;}

    .sec-area .txt-area.st-new .list-area .bg-list li .btn-area{justify-content: flex-start; margin: 24px 0 0;}
    .sec-area .txt-area.st-new .list-area .bg-list li .btn-area .btn-green{display:inline-block; width: auto;}
    .sec-area .txt-area.st-new .list-area .bg-list li .btn-area .btn-orange{display:inline-block; padding: 8.5px 20px 8.5px 20px; width: auto;}
    .sec-area .txt-area.st-new .list-area .bg-list li .btn-area .btn-purple{display:inline-block; padding: 8.5px 20px 8.5px 20px; width: auto;}
    .sec-area .txt-area.st-new .list-area .bg-list li .btn-area a + a{margin-left:8px;}

    .sec-area .txt-area.st-new .list-area .bn-list{display: flex; justify-content: space-between; flex-direction: row; margin-top: 32px; align-items: baseline;}
    .sec-area .txt-area.st-new .list-area .bn-list li{width: 100%;}
    .sec-area .txt-area.st-new .list-area .bn-list li + li {border-top: none; margin-top: 0; padding-top: 0; padding-left: 0; margin-left: 37px; position: relative;}
    .sec-area .txt-area.st-new .list-area .bn-list li + li::before {border-left:1px solid #f2f2f2; content:''; display: inline-block; width: 1px; height: 80px; position: absolute; left: -10px;}
    .sec-area .txt-area.st-new .list-area .bn-list li a{padding-left: 84px; justify-content: flex-start; }
    .sec-area .txt-area.st-new .list-area .bn-list li a .tit{margin-bottom: 7px; font-size: 20px; line-height: 30px; padding-top: 1px; padding-bottom: 1px;}
    .sec-area .txt-area.st-new .list-area .bn-list li a .tit::after{background-image: url(/static/assets/images/pay/card_add/arrow_32px_loan.png); content: ''; width:32px; height: 32px; display: inline-block; background-size: contain; margin-top: -1px; margin-bottom: -1px;}
    .sec-area .txt-area.st-new .list-area .bn-list li a .txt{color: #616161; font-size: 18px; font-weight: 400; line-height: 27px;}
    .sec-area .txt-area.st-new .list-area .bn-list li a .txt br.mo{display: block;}

    /* loan용 하단 이벤트 배너 */
    .cont-fintech .bnn-area-loan{background-color:var(--background-color-2); padding:80px 24px 80px;}
    .cont-fintech .bnn-area-loan .bnn{position:relative;}
    .cont-fintech .bnn-area-loan .bnn .sub,
    .cont-fintech .bnn-area-loan .bnn .tit{width:calc(100% - 90px);}
    .cont-fintech .bnn-area-loan .bnn .thumb{display:block; width: 224px; height: 224px; position:absolute; top: 8px; right:0; left: calc(50% + 130px);}
    .cont-fintech .bnn-area-loan .bnn .thumb .in{display:flex; width:78px; height: 78px; display:-ms-flexbox; align-items: center; justify-content: center; border-radius:10rem; background-color: #fff; overflow: hidden;}
    .cont-fintech .bnn-area-loan .bnn .sub{font-size: 20px; color:#212121; display:block; line-height: 30px;}
    .cont-fintech .bnn-area-loan .bnn .tit{font-size: 30px; font-weight:700; display:block; color:#212121; line-height: 44px;}
    .cont-fintech .bnn-area-loan .bnn .txt{font-size: 20px; color:#616161; margin-top: 24px; line-height: 30px;}
    .cont-fintech .bnn-area-loan .bnn .link-more{background-color: #7d8aff; padding:0 16px; font-size: 14px; margin-top:32px;} 
    .cont-fintech .bnn-area-loan .bnn.interest .link-more{background-color: #7472b5;}

    .sec-area .txt-area.st-new.st-icon{display: flex; flex-direction: column; align-items: center; padding-top: 0;}
    .sec-area .txt-area.st-new .tit + .list-area {margin-top:16px;}
    .icon-list-r > li {margin:0;}
    .icon-list-r > li + li {margin-left:24px;}
    .icon-list-r > li > a > p{padding:0px 6px 0; font-size: 17px; line-height: 25.16px; border: 0;}
    .icon-list-r > li > a > p::before{border:1px solid #edeef2; width: 88px; height: 88px; display: block; border-radius: 50%; background-size: 44px 44px; margin-bottom: 8px; position: inherit; top: 0; left: 0;}
    .icon-list-r > li > a:hover > p{background:none; border:none;}
    .icon-list-r > li > a:hover > p::before{border:1px solid #000;}
    .icon-list-r > li > a:active > p::before{background-color: #f8f8f8;}
    .sec-area.loan .sec.sec-pb{padding-bottom: 70px;}
    .btn-top-area{left: 50%; width: 100%; right: 0; margin: 0; transform: translateX(-50%); display: flex; justify-content: flex-end; bottom: 20px; }    
    .btn-top-area a {right: 0px; width: 46px; height: 46px; display: block;}
}

/* 20240219 유의사항 추가 */
.notice-area {padding:40px 24px 0; border-top:1px solid rgba(0,0,0,.06);}
.notice-area .acco-tit {color:#000; height:74px; display:flex; align-items:center; justify-content:space-between;}
.notice-area .acco-tit.on .btn-more{transform:rotate(0deg);}
.notice-area .acco-cont .tit {font-weight:700; font-size:16px; color:#343841; margin-bottom:8px; line-height:24px;}
.notice-area .acco-tit .tit {font-weight: 700; font-size:17px; line-height:26px;}
.notice-area .acco-tit .btn-more {width:16px; height:16px; margin:auto 0; background-image:url(/static/assets/images/comm/v2/fintech/ico-arrow-gray3.png); background-size: contain; overflow:hidden; text-indent:-50rem; transform:rotate(-180deg); -ms-transform: rotate(-180deg);}
.notice-area .lst-bu > li {position:relative;padding-left:11px; color:#343841; font-weight:400; font-size:16px; line-height: 24px;}
.notice-area .lst-bu > li::before {background:#7a8394; width:3px; height:3px; border-radius:50%;}
.notice-area .lst-bu > li strong{font-size:16px;}
.notice-area .lst-bu > li +li {margin-top:8px;}
.notice-area .lst-bu + .tit{margin-top:20px;}
.notice-area .lst-dash > li {position:relative; padding-left:11px; color:#343841; font-weight:400; font-size:16px; line-height:24px;}
.notice-area .lst-dash > li::before {content:''; display: block; position:absolute; top:12px; left:0; width:5px; height:1px; background:#7a8394;}
.notice-area .lst-dash > li strong {font-size:16px;}
.notice-area .lst-dash > li + li {margin-top:4px;}
.notice-area .notice-foot .txt-s{font-size:14px; line-height:20px; color:#b2b7c2;}
.notice-area .acco-cont{margin-bottom:40px;}
@media (min-width: 1025px){
    .notice-area .inner{width:1000px; margin:0 auto; padding:0 0;}
}