/* body{-ms-overflow-style: none;} 
body::-webkit-scrollbar{display:none;} */
.wrap{overflow: hidden;}

.main{padding-top: 230px;}
.main .cont{display:flex; flex-wrap:wrap; align-items:flex-end}
.main .cont .tit{width: 550px;}
.main .cont .tit h2{font-family: 'Helvetica'; font-style: italic; font-size:70px; letter-spacing:0.025em; color: #000; line-height: 1.1em;}
.main .cont .tit h2:last-of-type{font-family: 'Helvetica';  font-style: normal; font-weight:700; color: #45877c; margin-left: 70px;}
.main .cont .video{position:relative; overflow: hidden; width: calc(100% - 550px); padding-bottom:34.5%; box-shadow: 30px 30px 30px 0px rgba(0, 0, 0, 0.3);}
.main .cont .video video{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);width: 100%;}
.main p{font-size:36px; color: #000; margin-left: 70px; margin-top: 60px;}

.m_tab_sec{margin-top: 270px;}
.m_tab_sec .top{}
.m_tab_sec .top .tit{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:70px;}
.m_tab_sec .top .tit h3{width: 55%; font-size:50px; letter-spacing:0.025em; color: #000; box-sizing:border-box; padding-left: 70px; line-height:1.1}
.m_tab_sec .top .tit h3 span{font-family: 'Helvetica'; font-weight:700; }
.m_tab_sec .top .tit p{width: 45%; font-size:20px; color: #4d4d4d; line-height: 1.5;}
.m_tab_sec .tab_wrap{}
.m_tab_sec .tab_wrap .tab{display:flex;}
.m_tab_sec .tab_wrap .tab li{display:flex; height: 60px; align-items:center; padding: 0 50px; background: #d9d9d9; border-radius:0 30px 0 0; color: #000; font-size:24px; border:1px solid #c9c9c9; box-sizing:border-box; cursor: pointer;}
.m_tab_sec .tab_wrap .tab li.on{background: #45877c; border-color:#45877c; color: #fff;}
.m_tab_sec .tab_wrap .tab_ctn{display:flex; align-items:center; background: #45877c; width: 100%; /* height: calc(100vh - 60px); */}
.m_tab_sec .tab_wrap .tab_ctn .slider{width: 100%;  max-width: 1500px; margin: 0 auto;}
.m_tab_sec .tab_wrap .tab_ctn .slider .slick-list{padding: 160px 0;}
.m_tab_sec .tab_wrap .tab_ctn .item{display:flex; align-items:center;}
.m_tab_sec .tab_wrap .tab_ctn .item .video_ctn{position:relative; width: 50%;}
.m_tab_sec .tab_wrap .tab_ctn .item .video_ctn .video{}
.m_tab_sec .tab_wrap .tab_ctn .item .video_ctn .video video{width: 100%; height: 100%; box-shadow: 23px 23px 23px 0px rgba(0, 0, 0, 0.3);}
.m_tab_sec .tab_wrap .tab_ctn .item .video_ctn .arrow_txt{display:flex; width: 100%; align-items:flex-end; position:absolute; bottom: -103px; left: 40px; }
.m_tab_sec .tab_wrap .tab_ctn .item .video_ctn .arrow_txt img{position:relative; top: -11px;}
.m_tab_sec .tab_wrap .tab_ctn .item .video_ctn .arrow_txt p{width: 100%; font-family: 'Inkfree'; font-size:24px; color: #fff; margin-left: 16px;}
.m_tab_sec .tab_wrap .tab_ctn .item .video_ctn .arrow_txt.top{align-items:flex-start; bottom: auto; top: -115px; left: 20px;}
.m_tab_sec .tab_wrap .tab_ctn .item .video_ctn .arrow_txt.top img{top: 11px;}

.m_tab_sec .tab_wrap .tab_ctn .item .txt{width: 50%; box-sizing:border-box; padding-left: 140px;}
.m_tab_sec .tab_wrap .tab_ctn .item .txt h3{font-style: italic; font-family: 'Helvetica'; font-weight:bold; font-size:55px; color: #fff; letter-spacing:0.025em; line-height: 1.1;}
.m_tab_sec .tab_wrap .tab_ctn .item .txt h3 span{font-family: 'Helvetica'; font-style: normal; font-weight:400; font-size:45px; color: #fff;}
.m_tab_sec .tab_wrap .tab_ctn .item .txt p{font-size:20px; color: #fff; line-height: 1.7; margin: 30px 0;}
.m_tab_sec .tab_wrap .tab_ctn .item .txt .link{}
.m_tab_sec .tab_wrap .tab_ctn .item .txt .link a{font-size:20px; color: #fff;}
		
.m_slide_wrap{padding-bottom:140px;}
.m_slide_wrap .scroll_wrap{white-space: normal; display: flex; align-items:center; height: 100vh;}
.m_slide_wrap .slide_ctn{display: flex;padding: 140px 100px;}
.m_slide_wrap .slide_ctn .slick-list{padding: 120px 0;}
.m_slide_wrap .slide_ctn .item{min-width: 1500px; display:flex; align-items:flex-start; margin: 0 100px;}
.m_slide_wrap .slide_ctn .item.top{align-items:flex-start;}
.m_slide_wrap .slide_ctn .item .txt{width: calc(50% + 50px); margin-top: -30px;}
.m_slide_wrap .slide_ctn .item .txt h2{font-family: 'Helvetica'; font-style:italic; font-weight:bold;  font-size:58px; letter-spacing:0.025em; color: #000; line-height: 1;}
.m_slide_wrap .slide_ctn .item .txt h2 span:not(.num){position:relative; top: -10px; font-family: 'Helvetica'; font-style:normal; font-weight:400; font-size:48px; letter-spacing:0.025em; color: #000; margin-left: 80px;}
.m_slide_wrap .slide_ctn .item .txt h2 .num{font-family: 'Helvetica'; font-style:normal; font-weight:700; font-size:85px; color: #45877c;}
.m_slide_wrap .slide_ctn .item .txt p{ font-size:20px; color: #000; margin: 45px 0 20px 80px; line-height: 1.7;}
.m_slide_wrap .slide_ctn .item .txt ul{margin-left: 80px;}
.m_slide_wrap .slide_ctn .item .txt ul li{font-size:24px; color: #000; margin-bottom:20px;}
.m_slide_wrap .slide_ctn .item .txt ul li:last-of-type{margin-bottom:0;}
.m_slide_wrap .slide_ctn .item .txt ul li span{font-family: 'Helvetica'; font-style:italic; font-size:43px; color: #000; margin-right: 10px;}
.m_slide_wrap .slide_ctn .item .video_ctn{position:relative; width: calc(50% - 50px);}
.m_slide_wrap .slide_ctn .item.top .video_ctn{top: 100px;}
.m_slide_wrap .slide_ctn .item .video_ctn .video{}
.m_slide_wrap .slide_ctn .item .video_ctn .video video{width: 100%; height: 100%; box-shadow: 23px 23px 23px 0px rgba(0, 0, 0, 0.3);}
.m_slide_wrap .slide_ctn .item .video_ctn .arrow_txt{position:absolute; display:flex; align-items:flex-end; width: 100%; bottom: -81px; right: 70px;}
.m_slide_wrap .slide_ctn .item .video_ctn .arrow_txt img{position:relative; top: -11px;}
.m_slide_wrap .slide_ctn .item .video_ctn .arrow_txt p{width: 100%; font-family: 'Inkfree'; font-size:24px; color: #45877c; margin-right: 16px; text-align: right;}
.m_slide_wrap .slide_ctn .item .video_ctn .arrow_txt.top{bottom: auto; top: -81px; right: -75px; align-items:flex-start;}
.m_slide_wrap .slide_ctn .item .video_ctn .arrow_txt.top img{left: -47px; top: 16px; }
/* .m_slide_wrap .w1680{max-width: 1680px;} */
.m_slide_wrap .optimization{background: #679b93; border-radius:30px; box-sizing:border-box; padding: 100px; box-shadow: 30px 30px 30px 0px rgba(0, 0, 0, 0.3);}
.m_slide_wrap .optimization .tit{text-align: center;}
.m_slide_wrap .optimization .tit h2{font-size:63px; letter-spacing:0.025em; color: #fff;}
.m_slide_wrap .optimization .tit h2 span{font-family: 'Helvetica'; font-style:italic; font-weight:bold; font-size:76px; letter-spacing:0.025em; color: #fff;}
.m_slide_wrap .optimization .tit p{font-size:20px; color: #fff; margin: 26px 0 96px;}
.m_slide_wrap .optimization .video_ctn{position:relative; }
.m_slide_wrap .optimization .video_ctn video{width: 100%; height: 100%; box-shadow: 20px 20px 20px 0px rgba(0, 0, 0, 0.3);}
.m_slide_wrap .optimization .video_ctn .arrow_txt{display:flex; width: 100%; justify-content:flex-end; position:absolute; top: -74px; right: -49px;}
.m_slide_wrap .optimization .video_ctn .arrow_txt p{text-align: right; font-family: 'Inkfree'; font-size:24px; color: #fff;}
.m_slide_wrap .optimization .video_ctn .arrow_txt img{position:relative; top: 16px;}
.m_slide_wrap .promotion{display:flex; flex-wrap:wrap; align-items:center; margin-top: 70px; box-sizing:border-box; padding: 100px; background: #fff; box-shadow: 30px 30px 30px 0px rgba(0, 0, 0, 0.3); border-radius:30px}
.m_slide_wrap .promotion .video_ctn{width: 50%;}
.m_slide_wrap .promotion .video_ctn video{width: 100%; height: 100%;}
.m_slide_wrap .promotion .txt{width: 50%;}
.m_slide_wrap .promotion .txt p{font-size:37px; color: #000;}
.m_slide_wrap .promotion .txt h3{font-family: 'Helvetica'; font-style:italic; font-weight:bold; font-size:59px; color: #333; line-height: 1.1;}
.m_slide_wrap .promotion .txt h3 span{font-family: 'Helvetica'; font-style:normal;  font-weight:700; font-size:80px; color: #45877c;}
.m_slide_wrap .promotion .txt ul{margin-top: 46px; padding-left: 30px; box-sizing:border-box;}
.m_slide_wrap .promotion .txt ul li{font-size:27px; color: #333; margin-bottom:20px;}
.m_slide_wrap .promotion .txt ul li:last-of-type{margin-bottom:0;}
.m_slide_wrap .promotion .txt ul li span{font-family: 'Helvetica'; font-style:italic; font-weight:bold; font-size:48px; color: #45877c; margin-right: 10px;}

.m_tab_sec .tab_wrap .tab_ctn .item.slick-active .video_ctn{animation:fadeUp 1s both}
.m_tab_sec .tab_wrap .tab_ctn .item.slick-active .txt h3{animation:fadeLeft 1s both}
.m_tab_sec .tab_wrap .tab_ctn .item.slick-active .txt p{animation:fadeUp 1s 0.4s both}
.m_tab_sec .tab_wrap .tab_ctn .item.slick-active .txt .link{animation:fadeUp 1s 0.4s both}
/* .m_slide_wrap .slide_ctn .item.slick-active .txt h2{animation:fadeUp 1s both}
.m_slide_wrap .slide_ctn .item.slick-active .txt p{animation:fadeUp 1s 0.4s both}
.m_slide_wrap .slide_ctn .item.slick-active .txt ul{animation:fadeUp 1s 0.8s both}

.m_slide_wrap .slide_ctn .item.slick-active .video_ctn{animation:fadeLeft 1s both} */

@keyframes fadeUp{
	0%{opacity: 0; transform:translateY(120px);}
	100%{opacity: 1; transform:translateY(0px);}
}

@keyframes fadeLeft{
	0%{opacity: 0; transform:translateX(120px);}
	100%{opacity: 1; transform:translateX(0px);}
}

@keyframes fadeRight{
	0%{opacity: 0; transform:translateX(-120px);}
	100%{opacity: 1; transform:translateX(0px);}
}


@media screen and (max-width: 1740px){
	.wrap section .w1680{padding: 0 40px;}
	.m_slide_wrap .slide_ctn .slick-list{padding: 120px 40px !important;}
	.m_tab_sec .tab_wrap .tab_ctn .slider{padding: 0 40px; box-sizing:border-box;}
	.m_tab_sec .tab_wrap .tab_ctn .item .txt{padding-left: 80px;}

	.m_slide_wrap .slide_ctn .item .txt h2{font-size:50px;}
	.m_slide_wrap .slide_ctn .item .txt h2 span:not(.num){font-size:46px; margin-left: 57px;}
	.m_slide_wrap .slide_ctn .item .txt h2 .num{font-size:68px;}
	.m_slide_wrap .slide_ctn .item .txt p{font-size:20px; margin: 30px 0 20px 57px;}
	.m_slide_wrap .slide_ctn .item .txt ul{margin-left: 57px;}
	.m_slide_wrap .slide_ctn .item.top .video_ctn{top: 50px;}
}

@media screen and (max-width: 1500px){
	.main .cont .tit{width: 500px;}
	.main .cont .tit h2{font-size:60px;}
	.main .cont .tit h2:last-of-type{margin-left: 54px;}
	.main p{font-size:32px; margin-left: 53px;}
	.main .cont .video{width: calc(100% - 500px); padding-bottom:36.2%;}

	.m_tab_sec{margin-top: 150px;}
	.m_tab_sec .top .tit h3{font-size:45px; padding-left:54px;}
	.m_tab_sec .tab_wrap .tab_ctn{height: auto}
	.m_tab_sec .tab_wrap .tab_ctn .slider .slick-list{padding: 200px 0;}
	.m_tab_sec .tab_wrap .tab_ctn .item .txt h3 span,
	.m_tab_sec .tab_wrap .tab_ctn .item .txt h3{font-size:45px;}
	.m_tab_sec .tab_wrap .tab_ctn .item .txt h3 span br,
	.m_tab_sec .tab_wrap .tab_ctn .item .txt h3 br{display:none; }
	.m_tab_sec .tab_wrap .tab_ctn .item .txt p{font-size:19px;}
	.m_tab_sec .tab_wrap .tab_ctn .item .txt p br{display:none; }
	.m_tab_sec .tab_wrap .tab_ctn .item .txt .link a{font-size:19px;}

	.m_slide_wrap .slide_ctn{padding: 50px 0;}
	.m_slide_wrap .slide_ctn .slick-list{padding: 100px 16px !important}
	.m_slide_wrap .slide_ctn .item{min-width: 1200px;}
	.m_slide_wrap .slide_ctn .item .txt h2{font-size:40px;}
	.m_slide_wrap .slide_ctn .item .txt h2 span:not(.num){font-size:36px; margin-left: 44px;}
	.m_slide_wrap .slide_ctn .item .txt h2 .num{font-size:58px;}
	.m_slide_wrap .slide_ctn .item .txt p{font-size:18px; margin: 30px 0 20px 44px;}
	.m_slide_wrap .slide_ctn .item .txt ul{margin-left: 44px;}
	.m_slide_wrap .slide_ctn .item .txt ul li{font-size:20px;}
	.m_slide_wrap .slide_ctn .item .txt ul li span{font-size:30px;}
	.m_slide_wrap .slide_ctn .item.top .video_ctn{top: 50px;}
	.m_slide_wrap .slide_ctn .item .video_ctn .arrow_txt.top{right: 0;}

	.m_slide_wrap .optimization .tit h2{font-size:50px;}
	.m_slide_wrap .optimization .tit h2 span{font-size:65px;}

	.m_slide_wrap .promotion{padding: 50px;}
	.m_slide_wrap .promotion .txt p{font-size:32px;}
	.m_slide_wrap .promotion .txt h3{font-size:50px;}
	.m_slide_wrap .promotion .txt h3 span{font-size:65px;}
	.m_slide_wrap .promotion .txt ul{margin-top: 20px;}
	.m_slide_wrap .promotion .txt ul li{font-size:22px; margin-bottom:12px;}
	.m_slide_wrap .promotion .txt ul li span{font-size:28px;}
}


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

	.main .cont .tit{width: 400px;}
	.main .cont .video{width: calc(100% - 400px);}
	
	.m_tab_sec{margin-top: 120px;}
	.m_tab_sec .top .tit{text-align: center; margin-bottom:40px;}
	.m_tab_sec .top .tit h3{width: 100%; padding-left: 0;}
	.m_tab_sec .top .tit p{width: 100%; margin-top: 20px;}
	.m_tab_sec .tab_wrap .tab_ctn{padding: 50px 0;}
	.m_tab_sec .tab_wrap .tab_ctn .slider{padding: 0;}
	.m_tab_sec .tab_wrap .tab_ctn .slider .slick-list{padding: 50px 16px;}
	.m_tab_sec .tab_wrap .tab_ctn .item{flex-wrap:wrap;}
	.m_tab_sec .tab_wrap .tab_ctn .item .video_ctn{width: 80%; margin: 0 auto 80px;}
	.m_tab_sec .tab_wrap .tab_ctn .item .video_ctn .arrow_txt{bottom: -53px;}
	.m_tab_sec .tab_wrap .tab_ctn .item .video_ctn .arrow_txt.top{top: -50px;}
	.m_tab_sec .tab_wrap .tab_ctn .item .txt{width: 100%; text-align: center; padding-left: 0;}
	.m_tab_sec .tab_wrap .tab_ctn .item .txt h3 span br,
	.m_tab_sec .tab_wrap .tab_ctn .item .txt h3 br{display:block; }
	.m_tab_sec .tab_wrap .tab_ctn .item .txt p{margin: 14px 0;}
	.m_tab_sec .tab_wrap .tab_ctn .item .txt p br{display:block; }
	
	.m_slide_wrap{padding-bottom:100px;}
	.m_slide_wrap .scroll_wrap{height: auto;}
	.m_slide_wrap .slide_ctn{width: 100%;}
	.m_slide_wrap .slide_ctn .slick-list{padding: 50px 16px 100px !important;}
	.m_slide_wrap .slide_ctn .item{flex-wrap:wrap;  margin: 0 40px; min-width: auto;}
	.m_slide_wrap .slide_ctn .item .txt{width: 100%; margin-bottom:50px;}
	.m_slide_wrap .slide_ctn .item .video_ctn{width: 80%; margin-left: 44px;}
	.m_slide_wrap .slide_ctn .item .video_ctn .arrow_txt{bottom: -50px;}
	.m_slide_wrap .slide_ctn .item .video_ctn .arrow_txt.top{top: -50px;}

	.m_slide_wrap .optimization{padding:50px 50px 70px;}
	.m_slide_wrap .optimization .video_ctn .arrow_txt{top: -54px;right: -15px;}

	.m_slide_wrap .promotion{}
	.m_slide_wrap .promotion .video_ctn{order:2; width: 100%;}
	.m_slide_wrap .promotion .txt{width: 100%; margin-bottom:40px;}
	.m_slide_wrap .promotion .txt ul{padding-left: 0;}


}

@media screen and (max-width: 1000px){
	.wrap section .w1680{padding: 0 16px;}

	.main{padding-top: 120px;}
	.main .cont .tit{width: 100%; margin-bottom:40px;}
	.main .cont .tit h2{font-size:50px; text-align: center;}
	.main .cont .tit h2:last-of-type{margin-left: 0;}
	.main .cont .tit h2 br{display:none; }
	.main p{margin-left: 0; font-size:30px; margin-left: 0; text-align: center;}
	.main .cont .video{width: 100%; padding-bottom:57%; box-shadow: 10px 10px 10px 0px rgb(0 0 0 / 30%)}

	.m_tab_sec .tab_wrap .tab_ctn .item .video_ctn{width: 100%; margin: 0 auto 80px;}
	.m_tab_sec .tab_wrap .tab li{font-size:20px; padding: 0 25px; border-radius:0 15px 0 0}

	.m_slide_wrap{padding-bottom:80px;}
	.m_slide_wrap .optimization .tit h2{font-size:40px;}
	.m_slide_wrap .optimization .tit h2 span{font-size:55px;}
	.m_slide_wrap .promotion{padding: 30px;}
	.m_slide_wrap .promotion .txt h3{font-size:40px;}
	.m_slide_wrap .promotion .txt h3 span{font-size:55px;}

}

@media screen and (max-width: 800px){
	.main .cont .tit{margin-bottom:20px;}
	.main .cont .tit h2{font-size:40px;}
	.main p{font-size:24px; margin-top: 35px;}
	
	.m_tab_sec .top .tit h3{font-size:32px;}
	.m_tab_sec .tab_wrap .tab li{font-size:16px;}
	.m_tab_sec .tab_wrap .tab_ctn .item .txt h3 span, .m_tab_sec .tab_wrap .tab_ctn .item .txt h3{font-size:32px;}
	.m_tab_sec .tab_wrap .tab_ctn .item .txt p{line-height: 1.4;}
	.m_tab_sec .tab_wrap .tab_ctn .item .txt p br{display:none; }
	.m_tab_sec .tab_wrap .tab_ctn .item .video_ctn .arrow_txt p{font-size:20px;}
	.m_slide_wrap .slide_ctn .item .video_ctn{width: 100%; margin-left: 0;}
	.m_slide_wrap .slide_ctn .item .txt h2{font-size:30px;}
	.m_slide_wrap .slide_ctn .item .txt h2 .num{font-size:42px;}
	.m_slide_wrap .slide_ctn .item .txt h2 span:not(.num){font-size:28px; margin-left: 34px;}
	.m_slide_wrap .slide_ctn .item .txt p{margin: 20px 0 10px 36px;}
	.m_slide_wrap .slide_ctn .item .txt ul{margin-left: 34px;}
	.m_slide_wrap .slide_ctn .item .txt ul li span{font-size:24px;}

	.m_slide_wrap .optimization{padding: 30px 30px 50px;}
	.m_slide_wrap .optimization .tit h2{font-size:30px;}
	.m_slide_wrap .optimization .tit h2 span{font-size:45px;}
	.m_slide_wrap .optimization .tit p{margin: 6px 0 70px; font-size:18px;}
	.m_slide_wrap .optimization .video_ctn .arrow_txt p{font-size:20px;}
	
	.m_slide_wrap .promotion .txt p{font-size:24px;}
	.m_slide_wrap .promotion .txt h3{font-size:30px;}
	.m_slide_wrap .promotion .txt h3 span{font-size:45px;}
	.m_slide_wrap .promotion .txt ul li{font-size:18px;}
	.m_slide_wrap .promotion .txt ul li span{font-size:23px;}

}

@media screen and (max-width: 640px){
	.m_slide_wrap .slide_ctn .item .txt h2 .num{font-size:38px;}
	.m_slide_wrap .slide_ctn .item .txt p br{display:none; }
	.m_slide_wrap .slide_ctn .item .txt ul{margin-left: 0;}
	.m_slide_wrap .slide_ctn .item .txt h2 span:not(.num){margin-left: 32px;}
	.m_slide_wrap .slide_ctn .item .txt p{margin: 0 0 10px 32px;}
	.m_slide_wrap .slide_ctn .item .txt ul li{position:relative; padding-left: 25px;}
	.m_slide_wrap .slide_ctn .item .txt ul li span{position:absolute; left: 0; font-size:20px; margin-right: 4px;}

	.m_slide_wrap .optimization .tit h2{font-size:24px;}
	.m_slide_wrap .optimization .tit h2 span{font-size:32px;}

	.m_slide_wrap .slide_ctn .item{flex-wrap:wrap; margin: 0 16px;}

}


/* 다국어 수정 */
.main.ja .cont .tit{width: 600px;}
.main.ja .cont .video{width: calc(100% - 600px);}

.main.ja .cont .video video{width: auto; height: 100%;}


@media screen and (max-width: 1500px){
	.main.ja .cont .tit{width: 500px;}
	.main.ja .cont .video{width: calc(100% - 500px);}
}
@media screen and (max-width: 1200px){
	.main.ja .cont .tit{width: 400px;}
	.main.ja .cont .video{width: calc(100% - 400px);}
}
@media screen and (max-width: 1000px){
	.main.ja .cont .tit{width: 100%;}
	.main.ja .cont .tit h2 br{display:block; }
	.main.ja .cont .video{width: 100%;}
}