@charset "utf-8";

@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');




#main{overflow-x: hidden !important;}
body::-webkit-scrollbar {width: 5px;  }
body::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.4); /* 스크롤바 색상 */
    border-radius: 5px; /* 스크롤바 둥근 테두리 */
}

body::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.5);  /*스크롤바 뒷 배경 색상*/
}
.max1600{max-width:1640px; width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}

/* header */
main{position: relative;}
#main .hd-wrap{position: fixed; left: 0; top: 0px; width: 100%; z-index: 10000001;  }
#main .hd-wrap.sc .hd-sitemap{filter: brightness(0);}

#main .hd-wrap.on{background: rgba(0,0,0,0.9); padding-bottom: 20px;}
#main .hd-wrap .wrap{width: 100%; margin: 0 auto; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; padding: 0 85px;  height: 80px; }
#main .hd-wrap .wrap .hd-logo{position: relative; font-size: 28px; line-height: 1; letter-spacing: -0.03em; color: #fff; overflow: hidden; height: 80px;}
#main .hd-wrap .wrap .hd-logo p{transition:.3s; translate:0 -150px;}
#main .hd-wrap .wrap .hd-logo img{position: absolute; left: 0; top: 50%; transform:translate(0, -50%);  transition:.3s;}
#main .hd-wrap .wrap nav{opacity: 0; pointer-events: none; transition:.3s; width: 100%; }
#main .hd-wrap .wrap nav .hd-navi{display: flex; flex-wrap:wrap; width: 100%; max-width:1385px; text-align: center;     justify-content: center; margin: 0 auto; padding-top: 20px;}
#main .hd-wrap .wrap nav .hd-navi > li {flex:1; }
#main .hd-wrap .wrap nav .hd-navi > li > a{font-size: 20px; line-height: 45px; letter-spacing: -0.03em; color: #fff; font-weight: 800; transition:.3s; }
#main .hd-wrap .wrap nav .hd-navi > li .dep2{padding: 40px 0;}
#main .hd-wrap .wrap nav .hd-navi > li .dep2 ul > li > a{font-size: 18px; line-height: 45px; letter-spacing: -0.03em; color: #fff; font-weight: 400; transition:.3s;}
#main .hd-wrap .wrap nav .hd-navi > li:hover > a{color: #42b398;}
#main .hd-wrap .wrap nav .hd-navi > li .dep2 ul > li:hover > a{color: #42b398; text-decoration: underline;}
#main .hd-wrap .wrap nav .hd-navi > li .dep3{display: none;}

#main .hd-wrap .wrap .hd-sitemap{display: flex; flex-direction: column; gap:4px; width: 63px; height: 25px; cursor: pointer; transition:.3s;}
#main .hd-wrap .wrap .hd-sitemap span{width: 34px; height: 4px; border-radius: 5px; background: #fff; transition:.3s;}
#main .hd-wrap .wrap .hd-sitemap span:nth-child(1){margin-left: auto;}
#main .hd-wrap .wrap .hd-sitemap span:nth-child(2){/* width: 53px; */ margin-left: auto;}  
#main .hd-wrap .wrap .hd-sitemap span:nth-child(3){margin-left: auto;}
#main .hd-wrap .wrap .hd-sitemap.on{translate:0 8px}
#main .hd-wrap .wrap .hd-sitemap.on span:nth-child(2){opacity: 0; width: 0; height: 0;}
#main .hd-wrap .wrap .hd-sitemap.on span:nth-child(1){width: 25px; height: 4px; border-radius: 10px; rotate:45deg; }
#main .hd-wrap .wrap .hd-sitemap.on span:nth-child(3){width: 25px; height: 4px; border-radius: 10px; rotate:-45deg; translate:0 -12px}
#main .hd-wrap.on .wrap{height: auto;}
#main .hd-wrap.on .wrap nav{opacity: 1; pointer-events: auto;}

/* main */
main{position: relative; z-index: 1000;}

#main{/* background: rgba(0,0,0,0.5); */ background: #fff;}
.main-visual{position: relative; height: 100vh;}
.main-visual .back-video{width: 100%; height: 100%;  left: 0; top: 0; z-index: 100; }
.main-visual .back-video video{width: 100%; height: 100%; object-fit:cover;  transition:.7s; 	}
.main-visual .mv-tit{width: 100%; height: 100dvh; position: absolute;  left: 0; top: 0; z-index: 100000;}
.main-visual .mv-tit .text-box{position: absolute; width: 100%; height: 100vh; left: 0%; top: 0; z-index: 100000; }
.main-visual .mv-tit .text-box .box{position: absolute; left: 0; top: 0; padding-right: 130px;  width: 100%; height: 100%; align-content:center; text-align: center;  display: flex; flex-direction: column; justify-content: center;}
.main-visual .mv-tit .text-box .box1{opacity: 1; padding-bottom: 100px;}
.main-visual .mv-tit .text-box .box1 > b{font-family: 'Suit'; display: block; font-size: 48px; line-height: 1.3; letter-spacing: -0.025em; color: #fff; font-weight: 400; opacity: 0; transition:1.5s; ; translate:0 100px; filter:blur(10px); margin-bottom: 20px;}
.main-visual .mv-tit .text-box .box1 > b span{color: #42b398; font-weight: 600;} 
.main-visual .mv-tit .text-box .box1 > p{font-family: 'Suit';  font-size: 29px; line-height: 1.5; letter-spacing: -0.025em; opacity: 0; transition:1.5s; translate:0 100px; color: #fff; filter:blur(10px); }
.main-visual .mv-tit .text-box .box1 > p > b{font-family:'Noto Sans KR'; font-size: 40px; display: block; line-height: 1.5; letter-spacing: -0.03em;  font-weight: 400;}
.main-visual .mv-tit .text-box .box1 > p:last-child{margin-top: 30px;}
/* .main-visual .mv-tit .text-box .box2 > p{font-family: 'Suit';  font-size: 60px; line-height: 1.3; letter-spacing: -0.04em; color: #fff; font-weight: 500;opacity: 0; transition:.8s; ; translate:0 100px; filter:blur(10px);	}
.main-visual .mv-tit .text-box .box2 > p span{font-weight: 600; color: #3ac2a1;}
.main-visual .mv-tit .text-box .box3 > p{font-size: 60px; line-height: 1.3; letter-spacing: -0.04em; color: #fff; font-weight: 500;opacity: 0; transition:.8s; ; translate:0 100px; filter:blur(10px);	}
.main-visual .mv-tit .text-box .box3 > p span{font-weight: 600; color: #3ac2a1;}
.main-visual .mv-tit .text-box .box4 > p{font-size: 60px; line-height: 1.3; letter-spacing: -0.04em; color: #fff; font-weight: 500;opacity: 0; transition:.8s; ; translate:0 100px; filter:blur(10px);	}
.main-visual .mv-tit .text-box .box4 > p span{font-weight: 600; color: #3ac2a1;}
.main-visual .mv-tit .text-box .box5 > p{font-size: 42px; line-height: 1.5; letter-spacing: -0.03em; color: #fff; margin-bottom: 40px; opacity: 0; transition:.8s; ; translate:0 100px; filter:blur(10px);}
.main-visual .mv-tit .text-box .box5 > b{font-family: 'Suit'; display: block; font-size: 60px; line-height: 1.2;letter-spacing: -0.04em; color: #fff; font-weight: 700; opacity: 0; transition:.8s; ; translate:0 100px; filter:blur(10px);} */
.main-visual .mv-tit .text-box .box{text-align: right;}
.main-visual .mv-tit .text-box .box.on b{ opacity: 1; translate:0 0; filter:blur(0px); transition:2s 2s;}
.main-visual .mv-tit .text-box .box.on p{opacity: 1; translate:0 0; filter:blur(0px); transition:2s 2s; }
.main-visual .mv-tit .text-box .box1{justify-content: flex-end; }
.main-visual .mv-tit .text-box .box2{justify-content: flex-end; padding-bottom: 145px;}
.main-visual .mv-tit .text-box .box3{justify-content: flex-end; padding-bottom: 145px;}
.main-visual .mv-tit .text-box .box4{justify-content: flex-end; padding-bottom: 145px;}
.main-visual .mv-tit .text-box .box5{justify-content: flex-end; padding-bottom: 145px;}


.video-control{position: absolute; left: 60px; bottom: 90px; z-index: 1000000; display: flex; flex-wrap:wrap; gap:16px; align-items:center;}
.video-control .video-control-btn{position: relative; 	width: 15px; height: 16px; }
.video-control .video-control-btn span{line-height: 0; cursor: pointer; position: absolute; left: 0; top: 0;}
.video-control .video-control-btn span.on{display: none; }
.video-control .video-control-line{position: relative; width: 213px; height: 4px; border-radius: 20px;background: rgba(255,255,255,0.3); overflow: hidden;}
.video-control .video-control-line span{position: absolute; display: block; left: 0; top: 0; background: #fff; width: 0%; height: 100%; transition:.4s;}

@keyframes bounce1 {
  0% {translate:0 15px}
  50% {translate:0 0px}
	100% {translate:0 15px}
}

.video-scroll{position: absolute; right: 40px; bottom: 40px; z-index: 1000; animation: bounce1 .9s linear infinite; }


/* .video-control{position: fixed; left: 50px; top: 50%;	margin-top: -33px; z-index: 1000000000000000; color: #fff; display: flex; gap:10px; flex-direction: column;	}
.video-control span{cursor: pointer; }
.video-control span img{    filter: invert(1); width: 15px;}
 */



main .main-video-line {padding-top: 0dvh;}
main .main-video-line .mcnt2{ height: auto;  display: flex;flex-direction: column;justify-content: center;  max-width:1920px; margin: 0 auto;}
main .main-video-line .mcnt2 .mcnt2-tit{text-align: center; padding: 50px 0 150px; }
main .main-video-line .mcnt2 .mcnt2-tit h4{font-size: 97px; line-height: 1; letter-spacing: -0.03em; color: #fff; font-weight: 400; margin-bottom: 20px; opacity: 0; filter:blur(10px); position: relative;  }
main .main-video-line .mcnt2 .mcnt2-tit p{font-size: 36px; line-height: 1.5; letter-spacing: -0.03em; color: #fff; font-weight: 100;	opacity: 0; filter:blur(10px); position: relative; text-align: center; }
main .main-video-line .mcnt2 .white-box{position: relative; max-width:1600px; margin: 0 auto;  padding: 150px 125px 150px;  z-index: 10; }
main .main-video-line .mcnt2 .white-box > .white-box-bg{position: absolute; content: '';  max-width:1600px; margin: 0 auto;  left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }  
main .main-video-line .mcnt2 .white-box h4{/* font-family: 'Arita buri'; */ text-align: center; font-size: 45px; line-height: 1.5; letter-spacing: -0.03em; color: #000; font-weight: 700; margin-bottom: 60px; }
main .main-video-line .mcnt2 .white-box .cnt{display: flex; }
main .main-video-line .mcnt2 .white-box .cnt figure{width: 630px;  }
main .main-video-line .mcnt2 .white-box .cnt .tbx{flex:1; display: flex; flex-direction: column; padding-top: 6px;         align-items: center; align-items: center; text-align: center;}
main .main-video-line .mcnt2 .white-box .cnt .tbx h5{/* font-family: 'Arita buri'; */ font-size: 36px; line-height: 1.5; letter-spacing: -0.03em; color: #000; font-weight: 500; margin-bottom: 42px; margin-left: 3px;   text-align: center;}
main .main-video-line .mcnt2 .white-box .cnt .tbx h5 span{color: #42b398;}
main .main-video-line .mcnt2 .white-box .cnt .tbx p{font-size: 24px; line-height: 41px; letter-spacing: -0.03em; color: #333; font-weight: 300;  }
main .main-video-line .mcnt2 .white-box .cnt .tbx .link-box{margin-top: 30px;  position: relative; top: 4px;  margin: 30px auto 0;}
main .main-video-line .mcnt2 .white-box .cnt .tbx .link-box > a{display: flex; justify-content: center; align-items:center; width: 200px; height: 50px; border: 1px solid #42b398;border-radius: 50PX; font-size: 20px; line-height: 1; letter-spacing: -0.03em; font-weight: 700; color: #42b398; transition:.3s; }
main .main-video-line .mcnt2 .white-box .cnt .tbx .link-box > a:hover{background: #42b398; color: #fff;}

/* main .main-video-line .mcnt2 .white-box .cnt .tbx .link-box > a i{justify-content: flex-end; position: relative; display: flex; align-items: flex-end; margin-right: 24px; transition:.3s; width: 439px;} */
/* main .main-video-line .mcnt2 .white-box .cnt .tbx .link-box > a i:before{display: block;content: ''; width: 413px; height: 1px; background: #42b398; transition:.3s;}
main .main-video-line .mcnt2 .white-box .cnt .tbx .link-box > a i:after{display: block;content: ''; width: 26px; height: 1px; background: #42b398; rotate:45deg; position: relative; left: -22px; top: -9px;} */
/* main .main-video-line .mcnt2 .white-box .cnt .tbx .link-box:hover > a{color: #000;}
main .main-video-line .mcnt2 .white-box .cnt .tbx .link-box:hover > a i{margin-right: 0px;}
main .main-video-line .mcnt2 .white-box .cnt .tbx .link-box:hover > a i:before{width: 50px;} */
main .main-video-line .mcnt3{ padding: 0px 0 0px; position: relative; max-width:1920px; margin: 0 auto;}
main .main-video-line .mcnt3 .mcnt3-tit h4{font-size: 70px; line-height: 1; letter-spacing: -0.03em; color: #333; font-weight: 100; text-align: center; margin-bottom: 0px; opacity: 0; filter:blur(10px); position: relative; top: 100px;}
main .main-video-line .mcnt3 .mcnt3-tit h4 b{font-weight: 600;}
main .main-video-line .mcnt3 .box{	margin: 0 auto; text-align: center; display: flex; flex-wrap:wrap; justify-content: center; scale:0.86}
main .main-video-line .mcnt3 .box > *{display: inline-block; margin: 12px; width: auto;}
main .main-video-line .mcnt3 .box > * img{border-radius: 10px; /* box-shadow:0px 0px 10px rgba(0,0,0,0.6) */}
main .main-video-line .mcnt3 .box > *:nth-child(6){margin-top: -58px;}
main .main-video-line .mcnt3 .box > *:nth-child(7){margin-top: -112px;}


main .main-video-line .mcnt3 .box > figure{opacity: 0; transition:.6s;}
main .main-video-line .mcnt3 .box > figure:nth-child(1){translate:-50px 0}
main .main-video-line .mcnt3 .box > figure:nth-child(2){translate:0px -50px}
main .main-video-line .mcnt3 .box > figure:nth-child(3){translate:0px -50px}
main .main-video-line .mcnt3 .box > figure:nth-child(4){translate:50px 0px}
main .main-video-line .mcnt3 .box > figure:nth-child(5){translate:0px 50px}
main .main-video-line .mcnt3 .box > figure:nth-child(6){translate:0px 50px}
main .main-video-line .mcnt3 .box > figure:nth-child(7){translate:0px 50px}

main .main-video-line .mcnt3 .box.on > figure{opacity: 1; translate:0 0;}



main{position: relative; }
main .main-video-line .mcnt3 .flex-wrap{display: flex; justify-content: center; align-items: flex-start; gap:50px; }
main .main-video-line .mcnt3 .flex-wrap figure{position: relative; box-shadow:0px 0px 10px rgba(0,0,0,0.1); overflow: hidden; border-radius: 25px; }
main .main-video-line .mcnt3 .flex-wrap figure:after{position: absolute; content: ''; border-radius: 25px; border: 3px solid #dfdfdf; left: 0; top: 0; width: 100%; height: 100%;}
main .main-video-line .mcnt3 .flex-wrap figure figcaption{position: absolute; left: 0; bottom: 25px; width: 100%; display: flex; justify-content: center;}
main .main-video-line .mcnt3 .flex-wrap figure figcaption span{font-size: 20px; line-height: 1.2; font-weight: 500; color: #fff; letter-spacing: -0.03em; background: rgba(0,0,0,0.7); display: inline-block; padding: 0 10px;}
main .main-video-line .mcnt3 .flex-wrap .left-flex{display: flex; flex-wrap:wrap; flex-direction: column; align-items: flex-end; gap:24px; padding-top: 70px; opacity: 0; transform: scale(0.8) translate(-150px, 0); } 
main .main-video-line .mcnt3 .flex-wrap .center-flex{display: flex; flex-wrap:wrap; flex-direction: column; gap:24px; align-items: center;}
main .main-video-line .mcnt3 .flex-wrap .center-flex > .center-figure1{scale:1.4;}
main .main-video-line .mcnt3 .flex-wrap .center-flex > .col2{display: flex; justify-content: space-between; opacity: 0;  transform: scale(1.1) translate(0, 60%); gap:24px}
main .main-video-line .mcnt3 .flex-wrap .center-flex .center-figure3{ opacity: 0;  transform: scale(1.1) translate(0, 60%);}
main .main-video-line .mcnt3 .flex-wrap .right-flex{display: flex; flex-wrap:wrap; flex-direction: column; align-items: flex-start;gap:24px; padding-top: 70px; transform: scale(0.8) translate(150px, 0); opacity: 0; }
main .main-video-line .mcnt3 .link-box{margin-top: auto; margin-left: auto; position: relative; top: 4px; display: flex; justify-content: center; margin-top: 90px;}
main .main-video-line .mcnt3 .link-box > a{display: flex; font-size: 20px; line-height: 1; letter-spacing: -0.03em; font-weight: 700; color: #fff; transition:.3s; overflow: hidden;}
main .main-video-line .mcnt3 .link-box > a i{justify-content: flex-end; position: relative; display: flex; align-items: flex-end; margin-right: 24px; transition:.3s; width: 439px;}
main .main-video-line .mcnt3 .link-box > a i:before{display: block;content: ''; width: 413px; height: 3px; background: #fff; transition:.3s; border-radius:2px;}
main .main-video-line .mcnt3 .link-box > a i:after{display: block;content: ''; width: 26px; height: 3px; background: #fff; rotate:45deg; position: relative; left: -22px; top: -9px; border-radius:2px;}
main .main-video-line .mcnt3 .link-box > a p{transition:.3s;}
main .main-video-line .mcnt3 .link-box:hover > a i{margin-right: 0px;}
main .main-video-line .mcnt3 .link-box:hover > a i:before{}
main .main-video-line .mcnt3 .link-box:hover > a p{translate:100% 0}
main .main-video-line .mcnt3 big{position: absolute; z-index: -1; font-size: 213px; line-height: 200px; letter-spacing: -0.03em; color: rgba(255,255,255,0.14); right: -60px; bottom: 0px; font-weight: 700; letter-spacing: -0.03em; /* translate:100% 0;  filter: blur(10px); opacity: 0; */}
main .main-video-line .mcnt3 big span{display: block; padding-left: 202px; }

main .main-video-line .mcnt4 {text-align: center; display: flex; height: 120vh; align-items:center; position: relative;      justify-content: center; background: url(../img/main/mcnt4-new-bg.png) center bottom no-repeat;  /* background-size: contain; */}
main .main-video-line .mcnt4 .mcnt4-tit{font-family: 'Suit'; font-size: 52px; line-height: 74px; letter-spacing: -0.03em; font-weight: 600; color: #000; opacity: 0;filter: blur(10px);position: relative;top: 150px ; text-align: center;}
main .main-video-line .mcnt4 .mcnt4-tit h4{font-weight: 600;}
main .main-video-line .mcnt4 .mcnt4-tit i{display: block;}
main .main-video-line .mcnt4 .mcnt4-tit span{display: block;}
main .main-video-line .mcnt4 .mcnt4-tit span.sp1{translate:-200px 0; }
main .main-video-line .mcnt4 .mcnt4-tit span.sp2{translate:200px 0; }

@media (min-width: 2000px) {
	main .main-video-line .mcnt4{height: 1020px;}
}
main .main-video-line .mcnt5-wrap{ max-width:1920px; margin: 0 auto; margin-top: -500px;}
main .main-video-line .mcnt5{position: relative;  padding: 0 5vw;  }
main .main-video-line .mcnt5 .mcnt5-tit { }
main .main-video-line .mcnt5 .mcnt5-tit h4{position: absolute; width: 100%; left: 0; top: 700px; font-size: 70px;line-height: 1;letter-spacing: -0.03em;color: #333;font-weight: 100;text-align: center;margin-bottom: 80px;opacity: 0;filter: blur(10px);}
main .main-video-line .mcnt5 .mcnt5-tit h4 b{font-weight: 600;}
main .main-video-line .mcnt5 .cnt{ position: absolute;  left: 0; top: 0%;  width: 100%;  height: 100vh; }
main .main-video-line .mcnt5 .cnt .card{overflow: hidden; border-radius: 30px; position: absolute; left: 2.5vw; top: calc(50% - (652px / 2)); opacity: 0; width: calc(100% - 5vw); height: 652px; pointer-events: none;}
main .main-video-line .mcnt5 .cnt .card.active {pointer-events: auto; /* 현재 활성 카드만 클릭 가능 */}
main .main-video-line .mcnt5 .cnt .card > a{ display: flex; padding-left: 107px; position: relative; }
main .main-video-line .mcnt5 .cnt .card > a .tbx{padding-left: 202px; align-content:center; padding-bottom: 20px;}
main .main-video-line .mcnt5 .cnt .card > a .tbx p{font-family: 'Arita buri'; font-size: 28px; line-height: 43px; letter-spacing: -0.025em; font-weight: 500; color: #000; margin-bottom: 10px;}
main .main-video-line .mcnt5 .cnt .card > a .tbx p span{font-weight: 700; display: block; font-size: 78px; line-height: 0; position: relative;     margin-bottom: 22px;}
main .main-video-line .mcnt5 .cnt .card > a .tbx > span{position: relative; display: block; font-size: 36px; line-height: 1.5; letter-spacing: -0.025em; color: #000; font-weight: 400; padding-top: 90px;}
main .main-video-line .mcnt5 .cnt .card > a .tbx > span b{font-weight: 700; }
main .main-video-line .mcnt5 .cnt .card > a .tbx > span:before{position: absolute; content: ''; width: 1px; height: 79px; background: #000; left: 31px; top: -3px; }
main .main-video-line .mcnt5 .cnt .card > a .link-box{position: absolute; right: 67px; bottom: 60px; transition:.8s;}
main .main-video-line .mcnt5 .cnt .card > a .link-box:hover{rotate:360deg;}
main .main-video-line .mcnt5 .cnt .card1{background: url(../img/sample/mcnt5-1-bg.png) center / cover no-repeat; transform: translateY(250px);} 
main .main-video-line .mcnt5 .cnt .card2{background: url(../img/sample/mcnt5-2-bg.jpg) center / cover no-repeat;  transform: translateY(250px);} 
main .main-video-line .mcnt5 .cnt .card3{background: url(../img/sample/mcnt5-3-bg.jpg) center / cover no-repeat; transform: translateY(250px);} 
main .main-video-line .mcnt5 .cnt .card4{background: url(../img/sample/mcnt5-4-bg.jpg) center / cover no-repeat; transform: translateY(250px);}  
main .main-video-line .mcnt5 .cnt .dot-box{position: absolute; right: 83px; top: 50%; translate:0 -50%; display: flex; flex-direction: column; z-index: 1005; gap:22px; opacity: 0;}

@media (min-width: 2000px) {
main .main-video-line .mcnt5 .cnt .dot-box{right: 120px; }
}

main .main-video-line .mcnt5 .cnt .dot-box .dot-span{width: 16px; height: 16px; border-radius: 50%; border: 1px solid #000; cursor: pointer; transition:.1s;}
main .main-video-line .mcnt5 .cnt .dot-box .dot-span.active{background: #000;}

footer{background: rgba(0,0,0,0.5); position: relative; z-index: 100000000; background: #000000;	}
footer > div{display: flex; justify-content: space-between; align-items:center; height: 80px; font-size: 17px; letter-spacing: -0.03em; color: #fff; line-height: 1; font-weight: 700; }

.ft-top{position: absolute; right: 150px; top: -180px; z-index: 100000000000; transition:.6s;}
.ft-top > a{display: flex; align-items:center; justify-content: center; border-radius: 50%; width: 70px; height: 70px; background: #42b398; transition:.3s;}
.ft-top > a img{filter: invert(1)}
.ft-top > a:hover{background: #000;}

footer .ft-logo img{}


.main-video-line{position: relative; z-index: 10000000; }