/*Content CSS*/
#main_vis {position: relative; z-index: 5; width: calc(100% - 20px); height:917px; display: flex; align-items: center; justify-content: center; margin: 10px auto 0;
background: #000; overflow: hidden; border-radius: 20px; }
/* #main_vis::after {content: ''; display: block; width: calc(100% - 200px); max-width: calc(50% + 750px); height: 90px; background-color: #fff; position: absolute; left: 0; bottom: 0;} */

#main_vis_slider {width:100%; position: absolute; top: 0; right: 0; }
#main_vis_slider .main_slide {height:917px; z-index: 1;  background-size:cover; background-position:center;  position:relative; background-repeat: no-repeat; display: flex; align-items: flex-end; justify-content: center; outline: none; padding-bottom: 88px; }
#main_vis_slider .main_slide .bg {display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: -2;  background-size:cover; background-position:center;}
#main_vis_slider .main_slide.img01 .bg { background-image:url('../img/main1.jpg'); }
#main_vis_slider .main_slide.img02 .bg { background-image:url('../img/main2.jpg');}
#main_vis_slider .main_slide.img03 .bg { background-image:url('../img/main3.jpg');}

#main_vis .fs_33 {font-size: 33px; font-weight:800; line-height: 1.2; }
#main_vis .fs_24 {font-size: 24px; font-weight:700; line-height: 1.5; letter-spacing: -.6px; }

/* #main_vis_slider .main_slide::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background-color: rgba(0,0,0,.3);} */
/*main_typo*/
.main_typo_wrap {text-align: left; position: relative; z-index: 2; max-width:1650px; padding:0 50px; width: 100%; height: 100%;
 display: flex; align-items: flex-end; justify-content: flex-start;}
.main_typo {position: relative; z-index: 1;  }
.main_typo h2 {font-size:75px; font-weight:700; color:#fff; line-height: 1.2; overflow: hidden; }
.main_typo p {font-size:28px; font-weight:400; color:rgba(255,255,255,1); line-height:1.4; margin-top:130px;}
.main_typo .desc {padding: 0 0 0 140px; }

#main_vis .fund {position: absolute; right:75px; top:160px; width: 400px; }
#main_vis .fund h3 {display: flex; align-items: center; justify-content: center; width: 100%; height: 55px; border:3px solid #fff; background: #fa6514; border-radius: 10px;
 font-weight: 700; color:#fff; letter-spacing: 5px; }
#main_vis .fund h4 {  text-shadow: 0 0 16px rgba(0, 64, 122, 0.1); color:#fff; }
#main_vis .fund h5 {font-weight: 800; color:#fa6514; letter-spacing: -0.83px; margin-top: 10px; }
#main_vis .fund h5 span {text-shadow: 0 0 16px rgba(0, 64, 122, 0.1); color:#fff; font-weight: 400; font-size: 15px; padding-left: 12px;   display: inline-block;}
#main_vis .fund p {text-shadow: 0 0 16px rgba(0, 64, 122, 0.1); color:#fff; font-weight: 400; font-size: 17px; display: block; margin: 5px 0 0;}
#main_vis .fund ul li {width: 100%; border:3px solid #fff; border-radius: 10px; text-align: left; padding: 28px 40px; margin-top: 13px; position: relative;
 background: rgba(255,255,255,.2);}
#main_vis .fund ul li a {position: absolute; right: 25px; top:25px; }
#main_vis .fund ul li a img {transition: all .3s;}
#main_vis .fund ul li a:hover img {transform: rotate(90deg);}


#main_vis .controller {position: absolute; z-index: 3; max-width:1650px; padding:0  50px; width: 100%; left: 50%; transform: translateX(-50%); bottom: 120px; }
#main_vis .controller .flex {display: flex; align-items: center; margin-top:55px; justify-content: space-between; }

#main_vis .arrows { display: flex; align-items: center; }
#main_vis .arrows .slick-arrow {cursor: pointer; height: 50px; width: 50px;font-size: 0; transition: all .3s; border-radius: 50%; backdrop-filter: blur(10px); }
#main_vis .arrows .slick-prev { background:url('../img/prev.png') no-repeat center rgba(0,0,0,0); }
#main_vis .arrows .slick-next { background:url('../img/next.png') no-repeat center rgba(0,0,0,0); margin-left: 10px; }
#main_vis .arrows .slick-arrow:hover {background-color: #FA6514;  }



/* progress */
#main_vis .bar_wr {width:100%;  height: 3px; background: rgba(255,255,255,.3); position: relative;  }
#main_vis .redbar { width:1px; height:3px; opacity: 1; position:absolute; left:0; top:-0; z-index:10; transition-property: width; transition-duration: 6000ms;
transition-timing-function: linear; }
#main_vis .redbar.redbar_active { width:100%; height:100%; opacity: 1; background: #fff; transition-property: width; transition-duration: 6000ms; transition-timing-function: linear; }
#main_vis .redbar.redbar_remove {width:0px; height:100%; opacity: 1; background: #fff; transition-property: width; transition-duration: .1s; transition-timing-function: linear;}


#fund_mob {display: none; padding: 70px 30px 0; text-align: center;}
#fund_mob h3 {margin-bottom: 30px; font-weight: 700; color:#092a62; font-size: 26px;}
#fund_mob ul {display: flex; justify-content: space-between; }
#fund_mob ul li {border-radius: 20px; background: #092a62; padding: 30px 20px; width: calc(50% - 10px); }
#fund_mob .fund_txt h4 {color:#fff; line-height: 1.44; font-weight: 700;font-size: 20px; }
#fund_mob .fund_txt h5 {font-weight:800; color:#fa6514; font-size: 35px; margin: 15px 0 25px;}
#fund_mob .fund_txt h5 span {font-weight: 400; color:#fff; display: block; font-size: 16px; margin-top: 5px; }
#fund_mob .fund_txt p {font-weight: 400; color:#fff; display: block; font-size: 17px; margin-top: 5px; }
#fund_mob a {display: block;margin: 0 auto 0;}


@media screen and (min-width: 1025px) {
    .main_typo p {min-height: 79px;}
}

@media screen and (max-width: 1199px) {
    #main_vis .fund {right: 50px; width: 350px; }
    #main_vis .fund ul li {padding: 28px;}
}

@media screen and (max-width: 1024px) {
    #main_vis .fs_33 {font-size: 26px;}
    #main_vis .fs_24 {font-size: 20px;}

    #main_vis {display: block; width: 100%; margin: 0; border-radius: 0; }
    #main_vis, #main_vis_slider .main_slide {min-height: 0; height: 700px; max-height:inherit;}
    #main_vis_slider .main_slide {flex-direction: column; justify-content: flex-start; padding: 0; }
    .main_typo_wrap {text-align: center; padding: 0; flex-direction: column; align-items:center; justify-content: center;}
    .main_typo {padding:  0 30px; }
    .main_typo h2 {font-size: 50px;}
    .main_typo p {font-size:20px; margin-top: 30px;}
    .main_typo .desc {padding: 0;}

    #main_vis .fund {display: none; }
    #fund_mob {display: block; }
    /* #main_vis .fund {position: static; margin-top: 40px; width: 100%; padding: 0 30px; }
    #main_vis .fund ul {display: flex; justify-content: space-between; }
    #main_vis .fund ul li {width: calc(50% - 10px); } */



    #main_vis .controller { justify-content: center; padding: 0 30px; bottom: 40px; display: flex; align-items: center; }
    #main_vis .controller .flex {flex-shrink: 0; margin:0 0 0 20px;}

}

@media screen and (max-width: 640px) {
    #main_vis .fs_33 {font-size: 20px;}
    #main_vis .fs_24 {font-size: 16px;}

    #main_vis, #main_vis_slider .main_slide { height:550px; }

    .main_typo {padding:  0 20px; }
    .main_typo h2 {font-size: 32px; }
    .main_typo p {font-size:16px; margin-top: 20px;}

    #main_vis .controller {margin-top:30px; padding: 0 20px; bottom:30px;}
    #main_vis .arrows .slick-arrow {width: 40px; height: 40px; }

    /* #main_vis .fund h3 {height: 40px; border-width: 2px;}
    #main_vis .fund ul li {padding: 20px; border-width: 2px; width: calc(50% - 5px);     margin-top: 13px;}
    #main_vis .fund ul li a {top:15px; right: 15px; width: 20px; display: block;}
    #main_vis .fund h5 span {font-size: 12px;} */

    #fund_mob { padding: 50px 20px 0;}
    #fund_mob h3 {margin-bottom: 20px;  font-size: 24px;}
    #fund_mob ul li { padding:20px 10px; width: calc(50% - 5px); }
    #fund_mob .fund_txt h4 {font-size: 15px; }
    #fund_mob .fund_txt h5 {font-weight:800; color:#fa6514; font-size: 30px; margin: 10px 0 20px;}
    #fund_mob .fund_txt h5 span {font-weight: 400; color:#fff; display: block; font-size: 13px; margin-top: 5px; }
    #fund_mob .fund_txt p {font-weight: 400; color:#fff; display: block; font-size: 14px; margin-top: 5px; }
    #fund_mob a {width: 25px; }


}

@media screen and (max-width: 400px) {

}