@charset "UTF-8";
.container{max-width:1210px;padding:0 20px;margin:0 auto}.loan .banner{background-color:#061441;padding-top:80px}.loan .banner .video-pc{display:block;overflow:hidden;height:560px;max-width:1440px;margin:0 auto}.loan .banner .video-pc .video{width:100%;height:100%;object-fit:cover}.loan .banner .video-mb{display:none}.loan .banner .container{position:absolute;width:100%;top:78px;left:0;max-width:100%}.loan .banner .container .banner-flex{max-width:1170px;margin:0 auto}.loan .banner .container .banner-flex .left{height:560px;display:flex;justify-content:center;flex-direction:column}.loan .banner .container .banner-flex .left .sub1-text{font-weight:500;font-size:18px;line-height:26px;letter-spacing:-0.03em;color:#FFFFFF;margin-bottom:6px}.loan .banner .container .banner-flex .left .main-title{max-width:520px;width:100%;font-weight:700;font-size:32px;line-height:1.4em;letter-spacing:-0.03em;color:#ffffff;margin-bottom:20px}.loan .banner .container .banner-flex .left .sub2-text{font-weight:300;font-size:20px;line-height:1.6em;letter-spacing:-0.03em;color:#FFFFFF}.loan .banner .container .banner-flex .left .tag-bottom{margin-top:80px}.loan .banner .container .banner-flex .left .tag-bottom .tag-text{position:relative;padding-left:12px;font-weight:400;font-size:14px;line-height:1.6em;letter-spacing:-0.03em;color:#FFFFFF;background:rgba(255, 255, 255, 0.2);border-radius:8px;padding:12px 12px 12px 24px;width:fit-content}.loan .banner .container .banner-flex .left .tag-bottom .tag-text::before{content:"※";line-height:1.5em;position:absolute;left:12px}.loan .content .content01{padding:120px 0}.loan .content .content01 .title{font-weight:700;font-size:32px;line-height:35px;letter-spacing:-0.03em;color:#14264C;margin-bottom:60px;text-align:center}.loan .content .content01 a{display:flex;justify-content:center}.loan .content .content01 .choice{display:flex;flex-direction:column}.loan .content .content01 .choice .box{width:360px;height:60px;display:flex;background-color:#14264C;flex-direction:row;justify-content:space-between;border-radius:20px 4px;padding:0 20px;align-items:center;transition:all 0.3s}.loan .content .content01 .choice .box:hover{background-color:#224080}.loan .content .content01 .choice .box .left{display:flex;flex-direction:row;align-items:center;gap:12px}.loan .content .content01 .choice .box .icon{width:32px;height:32px;background:url(../images/loan/handshake.svg) no-repeat center center / contain}.loan .content .content01 .choice .box .icon-right-arrow{display:block;width:24px;height:24px;background:url(../images/loan/arrow_right.svg) no-repeat center center / contain}.loan .content .content01 .choice .box .text{font-weight:700;font-size:20px;letter-spacing:-0.03em;color:#ffffff}.loan .content .content02{padding:120px 0 140px;background-color:#F2F6F9}.loan .content .content02 .title{font-weight:700;font-size:32px;line-height:35px;letter-spacing:-0.03em;color:#14264C;margin-bottom:55px;text-align:center}.loan .content .content02 .icon-wrap{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:30px;row-gap:30px;width:570px;margin:0 auto}.loan .content .content02 .icon-wrap .icon-box{width:100%;height:170px;position:relative;background-color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:10px;background-position:center center;background-repeat:no-repeat;background-size:contain;border-radius:30px 4px;box-shadow:2px 6px 22px 0px rgba(199, 201, 215, 0.24)}.loan .content .content02 .icon-wrap .icon-box.icon1{background-image:url(../images/loan/icon-content2-1.png)}.loan .content .content02 .icon-wrap .icon-box.icon2{background-image:url(../images/loan/icon-content2-2.png)}.loan .content .content02 .icon-wrap .icon-box.icon3{background-image:url(../images/loan/icon-content2-3.png)}.loan .content .content02 .icon-wrap .icon-box.icon4{background-image:url(../images/loan/icon-content2-4.png)}.loan .content .content02 .icon-wrap .icon-box.icon5{background-image:url(../images/loan/icon-content2-5.png)}.loan .content .content02 .icon-wrap .icon-box.icon6{background-image:url(../images/loan/icon-content2-6.png)}.loan .content .content02 .icon-wrap .icon-box.icon7{background-image:url(../images/loan/icon-content2-7.png)}.loan .content .content02 .icon-wrap .icon-box.icon8{background-image:url(../images/loan/icon-content2-8.png)}.loan .content .content02 .icon-wrap .icon-box.icon9{background-image:url(../images/loan/icon-content2-9.png)}.loan .content .content02 .icon-wrap .icon-box .text{position:absolute;left:0;bottom:34px;width:100%;height:19px;font-weight:700;font-size:16px;line-height:23px;text-align:center;letter-spacing:-0.03em;color:#14264C}.loan .content .content03{padding:120px 0}.loan .content .content03 .card-wrap{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;row-gap:30px}.loan .content .content03 .card-wrap .card-box{display:grid;grid-template-columns:160px 1fr;align-items:center;padding:40px 30px;background-color:white;box-shadow:2px 6px 22px 0px rgba(199, 201, 215, 0.24);border-radius:30px 4px}.loan .content .content03 .card-wrap .card-box .icon{width:160px}.loan .content .content03 .card-wrap .card-box .title{font-weight:700;font-size:20px;line-height:29px;letter-spacing:-0.03em;color:#14264C;margin-bottom:8px}.loan .content .content03 .card-wrap .card-box .text{font-weight:400;font-size:16px;line-height:23px;letter-spacing:-0.03em;color:#617192}.loan .content .content04{position:relative;background-color:#FAFAFF;padding:120px 0 195px}.loan .content .content04 .title{font-weight:700;font-size:32px;line-height:35px;letter-spacing:-0.03em;color:#14264C;margin-bottom:40px;text-align:center}.loan .content .content04 .procedure-wrap{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;column-gap:42px;margin-bottom:60px}.loan .content .content04 .procedure-wrap .item{position:relative}.loan .content .content04 .procedure-wrap .item .icon{width:100%;padding-top:100%;background-color:white;border-radius:30px 4px 20px 4px;margin-bottom:20px;position:relative;box-shadow:2px 6px 22px 0px rgba(199, 201, 215, 0.24);background-position:center center;background-repeat:no-repeat;background-size:contain}.loan .content .content04 .procedure-wrap .item .icon::after{content:url(../images/loan/ic-procedure-arrow.png);position:absolute;top:calc(50% - 9px);right:-28px}.loan .content .content04 .procedure-wrap .item .icon.icon1{background-image:url(../images/loan/img-procedure-1.png)}.loan .content .content04 .procedure-wrap .item .icon.icon2{background-image:url(../images/loan/img-procedure-2.png)}.loan .content .content04 .procedure-wrap .item .icon.icon3{background-image:url(../images/loan/img-procedure-3.png)}.loan .content .content04 .procedure-wrap .item .icon.icon4{background-image:url(../images/loan/img-procedure-4.png)}.loan .content .content04 .procedure-wrap .item .icon.icon5{background-image:url(../images/loan/img-procedure-5.png)}.loan .content .content04 .procedure-wrap .item .text{width:100%;height:29px;position:absolute;left:0;bottom:40px;font-weight:700;font-size:20px;line-height:29px;text-align:center;letter-spacing:-0.03em;color:#14264C;text-align:center}.loan .content .content04 .procedure-wrap .item:nth-last-child(1) .icon::after{content:''}.loan .content .content04 .btn-loan{position:absolute;left:50%;transform:translateX(-50%);width:100%;max-width:370px;padding:15px;background:#14264C;border:1px solid #14264C;border-radius:10px;font-weight:500;font-size:16px;line-height:23px;text-align:center;letter-spacing:-0.03em;color:#ffffff;display:block;margin:0 auto}.loan .content .content04 .btn-loan.active{position:fixed;bottom:40px}.loan .content .content05{word-break:keep-all;padding:120px 0;display:flex;flex-direction:column;gap:200px}.loan .content .content05 .details{display:flex;gap:80px;flex-direction:column;align-items:center}.loan .content .content05 .summary{font-weight:700;font-size:32px;line-height:1.5em;letter-spacing:-0.03em;color:#14264C}.loan .content .content05 .details-content{display:flex;flex-direction:column;gap:16px}.loan .content .content05 .details-content .product_info{display:flex;flex-direction:row;font-weight:500;line-height:24px}.loan .content .content05 .details-content .product_info .info_title{min-width:140px;font-size:14px;color:#737780}.loan .content .content05 .details-content .product_info .info_contents{font-size:16px;color:#000000;display:flex;flex-direction:column;gap:8px}.loan .content .content05 .details-content .product_info .info_contents .dot{position:relative;padding-left:12px}.loan .content .content05 .details-content .product_info .info_contents .dot::before{content:"•";line-height:1.45em;position:absolute;left:0}.loan .content .content05 .terms{max-width:800px;display:flex;flex-direction:column;gap:8px;border-radius:12px;background-color:#F1F3F5;padding:24px}.loan .content .content05 .terms .terms_text{position:relative;padding-left:12px;font-size:14px;line-height:1.6em;letter-spacing:-0.03em;color:#737780}.loan .content .content05 .terms .terms_text div{padding-bottom:8px}.loan .content .content05 .terms .terms_text::before{content:"•";line-height:1.45em;position:absolute;left:0}@media screen and (max-width:1024px){.loan .content .content04 .procedure-wrap{grid-template-columns:1fr;row-gap:80px}.loan .content .content04 .procedure-wrap .item{width:100%;max-width:200px;margin:0 auto;position:relative}.loan .content .content04 .procedure-wrap .item .icon::after{content:''}.loan .content .content04 .procedure-wrap .item::after{content:url(../images/loan/ic-procedure-arrow.png);transform:rotate(90deg);position:absolute;top:calc(100% + 23px);right:auto;left:calc(50% - 5px)}.loan .content .content04 .procedure-wrap .item:nth-last-child(1)::after{content:''}}@media (max-width:768px){.loan .banner{padding-top:64px;height:864px}.loan .banner .video-pc{display:none}.loan .banner .video-mb{display:block;overflow:hidden;height:800px}.loan .banner .video-mb .video{width:100%;height:100%;object-fit:cover}.loan .banner .container .banner-flex{grid-template-columns:1fr}.loan .banner .container .banner-flex .left{height:400px}.loan .banner .container .banner-flex .left .sub1-text{font-size:16px;line-height:23px}.loan .banner .container .banner-flex .left .main-title{text-align:center;font-size:24px;line-height:1.4em}.loan .banner .container .banner-flex .left .sub2-text{text-align:center;font-size:14px;line-height:1.6em}.loan .banner .container .banner-flex .left .tag-bottom{margin-top:40px}.loan .banner .container .banner-flex .left .tag-bottom .tag-text{font-size:12px;line-height:1.6em}.loan .banner .container .banner-flex .left .tag-bottom .tag-text::before{line-height:1.6em}.loan .banner .container .banner-flex .right{width:100%;padding-top:100%;height:0;margin-top:30px}.loan .content .content01{padding:72px 0}.loan .content .content01 .title{font-size:20px;line-height:29px;margin-bottom:28px}.loan .content .content01 .choice .box{width:100%;height:50px}.loan .content .content01 .choice .box .icon{width:24px;height:24px}.loan .content .content01 .choice .box .icon-right-arrow{width:20px;height:20px}.loan .content .content01 .choice .box .text{font-size:16px}.loan .content .content02{padding:72px 0}.loan .content .content02 .title{font-size:20px;line-height:29px;margin-bottom:20px}.loan .content .content02 .icon-wrap{width:100%;grid-template-columns:1fr 1fr;column-gap:13px;row-gap:13px}.loan .content .content02 .icon-wrap .icon-box{height:160px}.loan .content .content03 .card-wrap{grid-template-columns:1fr}.loan .content .content03 .card-wrap .card-box{grid-template-columns:1fr;row-gap:10px;text-align:center}.loan .content .content03 .card-wrap .card-box .icon{margin:0 auto}.loan .content .content04 .procedure-wrap{grid-template-columns:1fr;row-gap:80px}.loan .content .content04 .procedure-wrap .item{width:100%;max-width:200px;margin:0 auto;position:relative}.loan .content .content04 .procedure-wrap .item .icon::after{content:''}.loan .content .content04 .procedure-wrap .item::after{content:url(../images/loan/ic-procedure-arrow.png);transform:rotate(90deg);position:absolute;top:calc(100% + 23px);right:auto;left:calc(50% - 5px)}.loan .content .content04 .procedure-wrap .item:nth-last-child(1)::after{content:''}.loan .content .content05{padding:120px 20px;gap:120px}.loan .content .content05 .summary{font-size:24px}.loan .content .content05 .details{gap:40px}}