section {position:relative; margin:0 auto; width:1920px; max-width:100%;}
.bg_deco {position:absolute;}

/* sec1 */
.sec1 {width:100%; height:100vh;}
.sec1>.wrap1580 {position:relative; display:flex; flex-direction:column; justify-content:center; height:100%; z-index:1;}
.sec1>.wrap1580>dl {}
.sec1>.wrap1580>dl>dt {line-height:1.5; font-weight:700; font-size:62px;}
.sec1>.wrap1580>dl>dd {margin-top:40px; font-size:36px;}
.sec1>.wrap1580>ul {display:flex; gap:24px; margin-top:85px;}
.sec1>.wrap1580>ul>li>a {margin:0; padding:0; width:168px; height:48px; line-height:48px; text-align:center; font-size:18px;}
.sec1>.wrap1580>img {}
.sec1 .swiper {position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.sec1 .slide1 {width:100%; height:100vh; background:url("/theme/fintech/img/main/sec1_bg.jpg"); background-size:cover; background-position:center;}
.sec1 .slide1>img {position:absolute; top:50%; right:120px; transform:translateY(-50%);}
.sec1 .slide2::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .5);}
.sec1 .slide2>* {min-width:100%; min-height:100%;}


/* sec2 */
.sec2 {padding-top:130px; height:800px; background:url("/theme/fintech/img/main/sec2_bg.jpg"); background-size:cover; background-position:center; background-repeat:no-repeat;}
.sec2>ul {display:flex; margin-top:120px;}
.sec2>ul>li {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:29px; width:25%;}
.sec2>ul>li>em {font-weight:700; font-size:28px; opacity:.6;}
.sec2>ul>li>div>div {font-weight:700; font-size:56px;}

/* sec3 */
.sec3 {margin-top:160px; height:796px; background:url("/theme/fintech/img/main/sec3_bg.jpg"); background-size:cover; background-position:center; background-repeat:no-repeat; overflow:hidden;}
.sec3>div {display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.sec3>div>.left {padding-left:10%; width:44%;}
.sec3>div>.left>a {display:flex; align-items:center; gap:15px; margin-top:80px; font-weight:500; font-size:20px;}
.sec3>div>.left>a>div {display:flex; justify-content:center; align-items:center; position:relative; width:34px; height:34px; border-radius:50%; background:#000; transition:all .3s;}
.sec3>div>.left>a:hover>div {background:var(--main-color);}
.sec3>div>.left>a>div>img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:all .3s;}
.sec3>div>.left>a>div>img:nth-child(2) {opacity:0;}
.sec3>div>.left>a:hover>div>img:nth-child(1) {opacity:0;}
.sec3>div>.left>a:hover>div>img:nth-child(2) {opacity:1;}
.sec3>div>.left>.arrowSlider {display:flex; gap:10px; margin-top:120px;}
.sec3>div>.left>.arrowSlider>div {width:55px; height:55px; background-size:cover; background-position:center; background-repeat:no-repeat; cursor:pointer;}
.sec3>div>.left>.arrowSlider>.prev {background-image:url("/theme/fintech/img/prev_btn.png");}
.sec3>div>.left>.arrowSlider>.next {background-image:url("/theme/fintech/img/next_btn.png");}
.sec3>div>.left>.arrowSlider>.prev:hover {background-image:url("/theme/fintech/img/prev_hover_btn.png"); transition:all .3s;}
.sec3>div>.left>.arrowSlider>.next:hover {background-image:url("/theme/fintech/img/next_hover_btn.png"); transition:all .3s;}
.sec3>div>.right {position:relative; width:56%;}
.sec3>div>.right .slide .img {position:relative;}
.sec3>div>.right .slide .img>em {position:absolute; bottom:30px; left:50%; font-weight:700; transform:translateX(-50%); transition:all .3s; z-index:2;}
.sec3>div>.right>.thum_slide_wrap>.thum_slide {width:420px;}
.sec3>div>.right>.thum_slide_wrap>.thum_slide .img {width:100%;}
.sec3>div>.right>.thum_slide_wrap>.thum_slide .img>img {width:100%;}
.sec3>div>.right>.thum_slide_wrap>.thum_slide .img>em {font-size:38px;}
.sec3>div>.right>.thum_slide_wrap>.thum_slide dl {margin-top:40px; width:100%; text-align:center;}
.sec3>div>.right>.nav_slide_wrap {position:absolute; top:15%; left:43%;}
.sec3>div>.right>.thum_slide_wrap>.thum_slide dl>dt,
.sec3>div>.right>.thum_slide_wrap>.thum_slide dl>dd {font-size:18px; color:#ccc;}
.sec3>div>.right>.thum_slide_wrap>.thum_slide dl>dd {margin-top:10px; line-height:1.667;}
.sec3>div>.right>.nav_slide_wrap>.nav_slide {width:560px;}
.sec3>div>.right>.nav_slide_wrap>.nav_slide .img {position:relative; width:250px;}
.sec3>div>.right>.nav_slide_wrap>.nav_slide .img::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); transition:all .3s; z-index:1;}
.sec3>div>.right>.nav_slide_wrap>.nav_slide .img>img {width:100%;}
.sec3>div>.right>.nav_slide_wrap>.nav_slide .img>em {font-size:24px;}
.sec3>div>.right .swiper-wrapper {align-items:center;}
.sec3>div>.right .swiper-slide {position:relative; margin-right:40px; width:250px;}
.sec3>div>.right .swiper-slide>.img::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); transition:all .3s; z-index:1;}
.sec3>div>.right .swiper-slide>.img {position:relative; width:100%; border-radius:10px; overflow:hidden;}
.sec3>div>.right .swiper-slide>.img>img {width:100%;}
.sec3>div>.right .swiper-slide>.img>em {position:absolute; bottom:30px; left:50%; font-weight:700; font-size:24px; transform:translateX(-50%); transition:all .3s; z-index:2;}
.sec3>div>.right .swiper-slide>dl {visibility:hidden; margin-top:40px; padding:39.5px 5px; width:100%; text-align:center; background:#5b5b5b; border-radius:40px;}
.sec3>div>.right .swiper-slide>dl>dt,
.sec3>div>.right .swiper-slide>dl>dd {font-size:18px; color:#ccc}
.sec3>div>.right .swiper-slide>dl>dd {margin-top:10px; line-height:1.667;}
.sec3>div>.right .swiper-slide-active {margin-right:60px; width:420px;}
.sec3>div>.right .swiper-slide-active>.img::before {background:rgba(0, 0, 0, 0); transition:all .3s;}
.sec3>div>.right .swiper-slide-active>.img>em {bottom:50px; font-size:38px; transition:all .3s;}
.sec3>div>.right .swiper-slide-active>dl {visibility:visible;}


/* sec4 */
.sec4 {margin-top:150px;}
.sec4>div {position:relative; height:640px;}
.sec4>div>ul {display:flex; gap:20px; position:relative; height:100%;}
.sec4>div>ul>li {position:relative; width:128px; height:100%; font-weight:700; font-size:30px; background:rgba(0, 0, 0, .8); cursor:pointer; transition:all .3s; z-index:2;}
.sec4>div>ul>li::before {content:""; position:absolute; right:0; bottom:80px; width:50%; height:10px; background:#fff; transition:all .3s;}
.sec4>div>ul>li:hover {transition:all .3s; color:var(--main-color);}
.sec4>div>ul>li.active {margin-right:auto; transition:all .3s; color:var(--main-color);}
.sec4>div>ul>li.active::before,
.sec4>div>ul>li:hover::before {background:var(--main-color); transition:all .3s;}
.sec4>div>ul>li>img {position:absolute; bottom:310px; left:50%; transform:translateX(-50%); transition:all .3s;}
.sec4>div>ul>li>img:nth-child(2) {opacity:0;}
.sec4>div>ul>li>div {display:none;}
.sec4>div>ul>li.active>img:nth-child(1),
.sec4>div>ul>li:hover>img:nth-child(1) {opacity:0; transition:all .3s;}
.sec4>div>ul>li.active>img:nth-child(2),
.sec4>div>ul>li:hover>img:nth-child(2) {opacity:1; transition:all .3s;}
.sec4>div>article {position:absolute; top:0; left:0; width:100%; height:100%;}
.sec4>div>article>div {display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; opacity:0; transition:all .3s;}
.sec4>div>article>div.show2 {opacity:1; transition:all .3s; z-index:1;}
.sec4>div>article>div:nth-child(1) {background-image:url("/theme/fintech/img/main/sec4_bg1.jpg");}
.sec4>div>article>div:nth-child(2) {background-image:url("/theme/fintech/img/main/sec4_bg2.jpg");}
.sec4>div>article>div:nth-child(3) {background-image:url("/theme/fintech/img/main/sec4_bg3.jpg");}
.sec4>div>article>div:nth-child(4) {background-image:url("/theme/fintech/img/main/sec4_bg4.jpg");}
.sec4>div>article>div>dl {display:flex; flex-direction:column; align-items:center; gap:110px; position:relative;}
.sec4>div>article>div>dl::before {content:""; position:absolute; top:50%; left:50%; width:1px; height:40px; background:#fff; transform:translate(-50%, -50%);}
.sec4>div>article>div>dl>dt {font-weight:700; font-size:50px;}
.sec4>div>article>div>dl>dd>a {display:flex; align-items:center; gap:15px; font-weight:500; font-size:20px;}
.sec4>div>article>div>dl>dd>a>div {position:relative; width:34px; height:34px; border-radius:50%; background:#000; transition:all .3s;}
.sec4>div>article>div>dl>dd:hover>a>div {background:var(--main-color); transition:all .3s;}
.sec4>div>article>div>dl>dd>a>div>img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:all .3s;}
.sec4>div>article>div>dl>dd>a>div>img:nth-child(2) {opacity:0;}
.sec4>div>article>div>dl>dd:hover>a>div>img:nth-child(1) {opacity:0; transition:all .3s;}
.sec4>div>article>div>dl>dd:hover>a>div>img:nth-child(2) {opacity:1; transition:all .3s;}

/* sec5 */
.sec5 {margin-top:195px;}
.sec5>div>.title_wrap {margin:0 auto; width:fit-content; text-emphasis:center;}
.sec5>div>.title_wrap>.title>dl>dt::before {left:50%; transform:translateX(-50%);}
.sec5>div>.title_wrap>.title>dl>dd {text-align:center;}
.sec5>div>ul {display:flex; flex-wrap:wrap; justify-content:center; gap:30px 1.4%; margin-top:110px;}
.sec5>div>ul>li {display:flex; justify-content:center; align-items:center; width:15.5%; height:140px; background:#fff; box-shadow:0 0 15px rgba(255, 255, 255, .8);}
.sec5>div>ul>li>img {max-width:70%;}




/* /////////////////// 반응형 /////////////////// */
@media screen and (max-width:1810px) {
    /* sec3 */
    .sec3>div {gap:3%;}
    .sec3>div>.left {flex-shrink:0; padding-left:5%; width:fit-content;}
    .sec3>div>.right {width:100%;}
}

@media screen and (max-width:1610px) {
    /* sec1 */
    .sec1>.wrap1580>dl {position:relative; z-index:1;}
    .sec1 .slide1>img {opacity:.3;}

    /* sec3 */
    .sec3 {height:fit-content;}
    .sec3>div {flex-direction:column; align-items:flex-start; gap:30px; margin:0 auto; width:1580px; max-width:96%;}
    .sec3>div>.left {width:100%;}
    .sec3>div>.left>a {margin-top:30px;}
    .sec3>div>.left>.arrowSlider {margin:100px 0 0 225px;}
    .sec3>div>.right {margin:0 auto; width:80%;}
    .sec3>div>.right>.nav_slide_wrap {left:500px;}
    .sec3>div>.right>.nav_slide_wrap>.nav_slide {width:820px;}

    /* sec4 */
    .sec4 {margin-top:280px;}
}

@media screen and (max-width:1300px) {
    /* sec4 */
    .sec4>div {height:initial;}
    .sec4>div>ul {gap:0; height:initial;}
    .sec4>div>ul>li {padding:20px 0 30px; width:25%; text-align:center;}
    .sec4>div>ul>li::before {bottom:0; width:100%;}
    .sec4>div>ul>li>img {display:none;}
    .sec4>div>ul>li>div {display:block;}
    .sec4>div>article {position:relative; height:640px;}

    /* sec5 */
    .sec5>div>ul>li {width:32.4%;}
}

@media screen and (max-width:1250px) {
    /* sec1 */
    .sec1>.wrap1580>dl>dt>br {display:none;}
}

@media screen and (max-width:820px) {
    /* sec5 */
    .sec4>div>ul>li {font-size:25px;}
}

@media screen and (max-width:768px) {
    /* sec1 */
    .sec1 {padding:20.833vw 0; height:initial;}
    .sec1>.wrap1580>dl>dt {line-height:1.3; font-size:9.375vw;}
    .sec1>.wrap1580>dl>dd {margin-top:6.510vw; font-size:5.990vw;}
    .sec1>.wrap1580>ul {gap:2%; margin-top:12.370vw;}
    .sec1>.wrap1580>ul>li {width:49%;}
    .sec1>.wrap1580>ul>li>a {width:100%; height:8.854vw; line-height:8.854vw; font-size:3.646vw;}
    .sec1 .slide1 {height:initial;}
    .sec1 .slide1>img {right:50%; width:50.391vw; transform:translate(50%, -50%);}

    /* sec2 */
    .sec2 {padding:18.229vw 0;}
    .sec2>ul {flex-wrap:wrap; gap:5.208vw 0; margin-top:16.927vw;}
    .sec2>ul>li {gap:1.302vw; width:50%;}
    .sec2>ul>li>em {font-size:4.948vw;}
    .sec2>ul>li>div>div {font-size:8.594vw;}

    /* sec3 */
    .sec3 {margin-top:22.135vw;}
    .sec3>div {gap:5.208vw; max-width:90%;}
    .sec3>div>.left {padding-left:0;}
    .sec3>div>.left>a {gap:2.604w; margin-top:5.208vw; font-size:3.906vw;}
    .sec3>div>.left>a>div {width:5.729vw; height:5.729vw;}
    .sec3>div>.left>a>div>img {width:3.255vw;}
    .sec3>div>.left>.arrowSlider {justify-content:center; margin:14.323vw 0 0;}
    .sec3>div>.left>.arrowSlider>div {width:8.464vw; height:8.464vw;}
    .sec3>div>.right {width:100%;}
    .sec3>div>.right>.thum_slide_wrap>.thum_slide {width:55.990vw;}
    .sec3>div>.right .slide .img>em {bottom:3.906vw;}
    .sec3>div>.right>.thum_slide_wrap>.thum_slide .img>em {font-size:6.250vw;}
    .sec3>div>.right>.thum_slide_wrap>.thum_slide dl {margin-top:6.510vw;}
    .sec3>div>.right>.thum_slide_wrap>.thum_slide dl>dt,
    .sec3>div>.right>.thum_slide_wrap>.thum_slide dl>dd {font-size:3.646vw;}
    .sec3>div>.right>.thum_slide_wrap>.thum_slide dl>dd {margin-top:2.604vw;}
    .sec3>div>.right>.nav_slide_wrap {left:62.500vw;}
    .sec3>div>.right>.nav_slide_wrap>.nav_slide .img {width:33.854vw;}
    .sec3>div>.right>.nav_slide_wrap>.nav_slide .img>em {font-size:4.427vw;}

    /* sec4 */
    .sec4 {margin-top:37.760vw;}
    .sec4>div>ul {flex-wrap:wrap;}
    .sec4>div>ul>li {padding:3.906vw 0 5.208vw; width:50%; font-size:5.208vw;}
    .sec4>div>ul>li::before {height:1.953vw;}
    .sec4>div>article {height:85.938vw;}
    .sec4>div>article>div>dl {gap:15.625vw;}
    .sec4>div>article>div>dl::before {height:6.510vw;}
    .sec4>div>article>div>dl>dt {font-size:7.813vw;}
    .sec4>div>article>div>dl>dd>a {gap:2.604vw; font-size:3.906vw;}
    .sec4>div>article>div>dl>dd>a>div {width:5.729vw; height:5.729vw;}
    .sec4>div>article>div>dl>dd>a>div>img {width:2.995vw;}

    /* sec5 */
    .sec5 {margin-top:26.693vw;}
    .sec5>div>ul {gap:5.208vw 4%; margin-top:15.625vw;}
    .sec5>div>ul>li {width:48%; height:20.833vw;}
}