/* body{background: #000;} */
/* .section{transform:scale(0.85); transition:1s}
.section.active{transform:scale(1);}
.section.on{transform:scale(1);}
 */
.fp-section .fp-tableCell{transform:scale(0.85);transition:1s}
.fp-section.on .fp-tableCell{transform:scale(1);}
.fp-section.active .fp-tableCell{transform:scale(1);}
.intro{position:fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 10000; animation: rightMove 2s 2.1s both}
.intro > div{height: 33.33vh; display:flex; align-items:center; border-bottom: 1px solid rgba(217, 217, 217, 0.2); text-align: right;}
.intro > div:last-of-type{border-bottom: none;}
.intro > div figure{display:inline-block; vertical-align: top;}
.intro > div:nth-of-type(1) figure{transform:translateX(calc(100vw - 1089px)); animation: introMove01 2s 0.4s both}
.intro > div:nth-of-type(2) figure{transform:translateX(100px); animation: introMove02 2s 0.4s both}
.intro > div:nth-of-type(3) figure{transform:translateX(calc(100vw - 1073px)); animation: introMove03 2s 0.4s both}

@keyframes introMove01{
	0%{transform:translateX(calc(100vw - 1089px))}
	100%{transform:translateX(100px)}
}
@keyframes introMove02{
	0%{transform:translateX(100px)}
	100%{transform:translateX(calc(100vw - 989px))}
}
@keyframes introMove03{
	0%{transform:translateX(calc(100vw - 1073px))}
	100%{transform:translateX(100px)}
}
@keyframes rightMove{
	0%{left: 0;}
	100%{left: -100%;}
}



@media (max-width: 1800px){
	.intro > div figure{width: 650px;}
	.intro > div:nth-of-type(2) figure{transform:translateX(50px)}
	.intro > div:nth-of-type(1) figure,
	.intro > div:nth-of-type(3) figure{transform:translateX(calc(100vw - 700px)); animation: introMove01 1.5s 0.4s both}

	@keyframes introMove01{
		0%{transform:translateX(calc(100vw - 700px))}
		100%{transform:translateX(50px)}
	}
	@keyframes introMove02{
		0%{transform:translateX(50px)}
		100%{transform:translateX(calc(100vw - 700px))}
	}
}

@media (max-width: 1200px){
	.intro{display:none; }
	.intro > div figure{animation:none !important}
}

.cursor{position: fixed; top: 0; left: 0; width: 0; height: 0; border-radius: 50%;background-color: transparent; user-select: none; pointer-events: none; z-index: 1000; overflow: hidden; transition: all 0.2s ease-out; background:url(/img/main/cursor_scroll.png) 50% 50% no-repeat;}
.cursor.zoom_scroll{top: -60px; left: -60px; width: 120px; height: 120px;}
.cursor.zoom_click{top: -50px; left: -50px; width: 100px; height: 100px; background:url(/img/main/cursor_click.png) 50% 50% no-repeat;}
/* 230512 */
.cursor { background-size: 96% auto; }
.cursor.zoom_scroll { width: 90px; height: 90px; }

.pagination{position:fixed; top: 50%; right: 57px; transform:translateY(-50%); z-index: 100;}
.pagination ul{}
.pagination ul li{position:relative; width: 25px; height: 25px; margin-bottom:30px; transition:0.3s; cursor: pointer;}
.pagination ul li:last-of-type{margin-bottom:0;}
.pagination ul li::before{content:""; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) scale(0); border-radius:50%; width: 19px; height: 19px; background:  var(--pColorB); opacity: 0.2; transition:0.3s}
.pagination ul li::after{content:""; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 5px; height: 5px; border-radius:50%; background: #fff; opacity: 0.4;}
.pagination ul li.on::after{background: var(--pColorB); opacity: 1;}
.pagination ul li.on::before{transform:translate(-50%,-50%) scale(1);}


.mv{}
.mv .video_ctn{position: relative; width: 100%; height: 100vh; overflow: hidden;}
.mv .video_ctn .bg{position:relative; width: 100%; height: 100vh; background-color: #000; opacity: 0.1; z-index: 20;}
.mv .video_ctn .video_box{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.mv .video_ctn .video_box video{position:absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform:translate(-50%,-50%);}
/* .mv .video_ctn .txt{position:absolute; bottom: 100px; left: 110px; z-index: 20;} */
.mv .video_ctn .txt{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 20; text-align: center;}
.mv .video_ctn .txt h2{font-family: 'Titillium Web', sans-serif;font-weight:300; font-size:65px; color: #fff; line-height: 1.4; letter-spacing:-0.04em;}
.mv .video_ctn .txt p{font-weight:300; font-size:18px; line-height: 1.5; color: #fff; margin-top: 30px; }
.mv .video_ctn .play{display:none; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) ; cursor: pointer; z-index: 20;}
.mv .video_ctn .play figure{animation:rotate 7s infinite linear;}
.mv .video_ctn .play figure img{}
.mv .video_ctn .play .center_icon{position:absolute; top: 50%; left: 50%; background:url(/img/main/icon_stop.png) 50% 50% no-repeat; width: 13px; height: 15px; transform:translate(-50%,-50%);}
.mv .video_ctn .play.on .center_icon{background:url(/img/main/icon_play_center.png) 50% 50% no-repeat; width: 13px; height: 15px;}

.ba{overflow-x: hidden;}
.ba .fp-tableCell{background: #000;}
.ba .horizontal_ctn{padding: 120px 100px 0; white-space: nowrap; transition:0.4s linear}
.ba .horizontal_ctn .box{width: 100%; max-width: 1730px; display:inline-block; vertical-align: top;}
.ba .horizontal_ctn .box .flex_box{display:flex; align-items:center;}
.ba .horizontal_ctn .box .slide_ctn{width: 650px;box-shadow: 0px 0px 35px rgba(54, 123, 200, 0.4); border-radius: 20px;}
.ba .horizontal_ctn .box .slide_ctn .item{}
.ba .horizontal_ctn .box .slide_ctn .item p{font-family: 'Saira', sans-serif; position:absolute; top: 40px; right: 40px; font-size:20px; color: #ddd; letter-spacing:-0.04em}
.ba .horizontal_ctn .box .slide_ctn .item figure{position:relative; padding-bottom:97%; overflow: hidden;}
.ba .horizontal_ctn .box .slide_ctn .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; max-height: 100%;}
.ba .horizontal_ctn .box .slide_ctn .slick-dots{position:absolute; bottom: 35px; left: 50%; transform:translateX(-50%); display:flex}
.ba .horizontal_ctn .box .slide_ctn .slick-dots li{margin-right: 10px;}
.ba .horizontal_ctn .box .slide_ctn .slick-dots li:last-of-type{margin-right: 0;}
.ba .horizontal_ctn .box .slide_ctn .slick-dots li button{border:none; width: 10px; height: 10px; background: #d9d9d9; opacity: 0.2; font-size:0; border-radius:50%; padding: 0;}
.ba .horizontal_ctn .box .slide_ctn .slick-dots li.slick-active button{background: var(--pColor); opacity: 1;}
.ba .horizontal_ctn .box .txt{margin-left: 110px; width: calc(100% - 760px); white-space: normal;}
.ba .horizontal_ctn .box .txt .c{font-family: 'Saira', sans-serif; font-weight:500; font-size:16px; color: var(--pColor); letter-spacing:-0.04em;}
.ba .horizontal_ctn .box .txt p:not(.c){font-weight:200; font-size:17px; line-height: 1.76em; color: #fff;}
.ba .horizontal_ctn .box .txt h2{font-family: 'Saira', sans-serif; font-weight:500; font-size:116px; color: #fff; margin: 15px 0 35px; letter-spacing:-0.04em;}

/* 23.08.03 */
.background .inner { width: 100%; height: 100%; display: flex; }
.background .cont { position: relative; width: 50%; height: 100%; background-repeat: no-repeat; background-size: cover; transition: all 1s; }
.background .m_cont { background-image: url("/img/main/background_bg01.jpg"); background-position: right center; }
.background .c_cont { background-image: url("/img/main/background_bg02.jpg"); background-position: left center; }
.background h4,
.background .text { position: absolute; }
.background h4 { color: #fff; font-size: 60px; font-weight: 500; opacity: 0; transition: all 0.6s; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.background .text { width: 100%; padding-top: 40px; transition: all 0.6s; padding-top: 160px; }
.background .text { padding-top: 0; top: 50%; transform: translateY(-50%); }
.background .m_cont .text { padding-left: 100px; }
.background .c_cont .text { padding-right: 100px; text-align: right; }
.background .c_cont .btn { margin-left: auto; }
.background .txt .c{font-family: 'Saira', sans-serif; font-weight:500; font-size:22px; color: var(--pColor); letter-spacing:-0.04em;}
.background .txt h2{font-family: 'Saira', sans-serif; font-weight:500; font-size:116px; color: #fff; margin: 5px 0 35px; letter-spacing:-0.04em;}
.background .txt p:not(.c){font-weight:200; font-size:17px; line-height: 1.76em; color: #fff; white-space: nowrap; }
.background .btn{max-width: 222px; text-align: center; margin-top: 80px; position: relative;}
.background .btn::before{content:""; position:absolute; top: 0; right: 0; width: 0; height: 1px; background: rgba(64, 144, 233, 1); transition:0.8s}
.background .btn::after{content:""; position:absolute; top: 0; right: 0; width: 1px; height: 0; background: rgba(64, 144, 233, 1); transition:0.8s}
.background .btn span{display:inline-block; vertical-align: top; width: 100%; border: 1px solid rgba(255, 255, 255, 0.5); font-family: 'Saira'; font-weight:500; font-size:18px; letter-spacing:-0.04em; color: #fff; text-transform: uppercase; line-height: 60px;}
.background .btn span::before{content:""; position:absolute; bottom: 0; left: 0; width: 0; height: 1px; background: rgba(64, 144, 233, 1); transition:0.8s}
.background .btn span::after{content:""; position:absolute; bottom: 0; left: 0; width: 1px; height: 0; background: rgba(64, 144, 233, 1); transition:0.8s}
.background .btn i{margin-left: 47px; position:relative; top: 2px;}
.background .btn:hover span::before,
.background .btn:hover::before{width: 100%;}
.background .btn:hover span::after,
.background .btn:hover::after{height: 100%;}
.background .cont.on { width: 70%; }
.background .cont.off { width: 30%; }
.background .cont.off h4 { opacity: 1; font-size: 40px; }
.background .cont.off .text { opacity: 0; }

.products .fp-tableCell {background: linear-gradient(102.49deg, rgba(0, 0, 0, 0.4) 3.65%, rgba(0, 0, 0, 0) 100.77%), #122540;}
/* .products .fp-tableCell {background: #000;} */
.products .tit h2{font-family: 'Saira', sans-serif; font-weight:200; font-size:68px; line-height: 1.5; color: #fff; letter-spacing:-0.04em;}
.products .tit h2 span{font-weight:600;}
.products .tit p{ font-weight:500; font-size:18px; color: #fff; margin-top: 25px;}
.products .slide_ctn { margin-top: 60px; position: relative; padding: 20px 0; }
.products .item { padding: 20px; }
.products .item figure { position: relative; padding-bottom: 100%; }
.products .item figure::before { content: ""; display: block; width: calc(100% + 20px); height: calc(100% + 20px); box-shadow: 0px 0px 35px rgba(54, 123, 200, 0.4); border-radius: 20px; }
.products .item figure::before,
.products .item figure img,
.products .item .logo,
.products .buttons > div::before,
.products .buttons > div i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.products .buttons i { color: #fff; font-size: 18px; }
.products .item figure img { max-width: calc(100% - 60px); max-height: calc(100% - 60px); transition: all 1.0s; }
.products .item .logo { width: calc(100% - 20px); height: calc(100% - 20px); border-radius: 20px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.8); opacity: 0; transition: all 0.6s; }
.products .item .logo { color: #fff; font-size: 2.2rem; }
.products .item:hover figure img { transform: translate(-50%,-50%) scale(1.2); }
.products .item:hover .logo { opacity: 1; }
/* .products .buttons { display: flex; justify-content: space-between; gap: 0 20px; padding: 0 20px; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } */
.products .buttons > div { z-index: 1; cursor: pointer; background: #000; width: 50px; height: 50px; position: absolute; top:50%; right: 20px; transform:translateY(-50%); border-radius: 5px; }
.products .buttons > div.swiper-button-prev{right: auto; left: 20px;} 
.products .buttons > div::before { content: ""; display: block; width: calc(100% + 5px); height: calc(100% + 5px); background: rgba(54, 123, 200, 0.4); border-radius: 5px; filter: blur(10px); z-index: -1; }
.products .buttons > div i { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #000;}



.m_comp{}
.m_comp .fp-tableCell{background: #000;}
.m_comp .tit{}
.m_comp .tit h2{font-family: 'Saira', sans-serif; font-weight:600; font-size:68px; line-height: 1.5; color: #fff; letter-spacing:-0.04em;}
.m_comp .tit p{ font-weight:500; font-size:18px; color: #fff; margin-top: 25px;}
.m_comp .list{display:flex; margin-top: 80px;}
.m_comp .list .item{position:relative; width: calc((100% - 90px) / 3); border: 1px solid rgba(255, 255, 255, 0.2); margin-right: 30px; text-align: center; padding: 112px 0; overflow: hidden;}
.m_comp .list .item:last-of-type{margin-right: 0;}
.m_comp .list .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
.m_comp .list .item p{font-family: 'Saira', sans-serif;font-weight:600; font-size:24px; color: #fff; margin-top: 45px; letter-spacing:-0.04em;}
.m_comp .list .item::before{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--pColorB); transition:0.6s; opacity: 0; z-index: 10;}
.m_comp .list .item > figure svg > path{stroke-dasharray: 332; stroke-dashoffset: 332; transition: 2.6s 1s;}
.m_comp .list .item > figure svg > g{stroke-dasharray: 295; stroke-dashoffset: 295; transition: 2.6s 1s;}
.m_comp .list .item .hover{position:absolute; bottom: 60px; left: -50px; width: 100%; text-align: left; transition:0.8s; opacity: 0; z-index: 10;}
.m_comp .list .item .hover h3{font-family: 'Saira', sans-serif; font-weight:500; font-size:50px; line-height: 0.9em; color: #fff; margin-top: 35px; letter-spacing:-0.04em;}
.m_comp .list .item .hover figure svg > g{stroke-dasharray: 204;stroke-dashoffset: 204;transition: 1s;}


.m_news{}
.m_news .fp-tableCell{background: linear-gradient(102.49deg, rgba(0, 0, 0, 0.4) 3.65%, rgba(0, 0, 0, 0) 100.77%), #122540;}
.m_news .top{display:flex; align-items:center; justify-content:space-between;}
.m_news .top h2{font-family: 'Saira', sans-serif; font-weight:200; font-size:68px; color: #fff; letter-spacing:-0.04em;}
.m_news .top h2 span{font-weight:600;}
.m_news .top .tab{display:flex;}
.m_news .top .tab li{font-family: 'Saira', sans-serif; font-weight:200; min-width: 196px; font-size:18px; color: #fff; opacity: 0.7; border:1px solid var(--pColor); line-height: 50px; border-radius:26px; padding: 0 20px; cursor: pointer; margin-right: 20px; letter-spacing:-0.02em; text-align: center;}
.m_news .top .tab li:last-of-type{margin-right: 0;}
.m_news .top .tab li.on{color: #fff; background: var(--pColorB); border:1px solid var(--pColor); opacity: 1;}
.m_news .tab_list{margin-top: 45px;}
.m_news .tab_list .flex_box{display:flex;}
.m_news .tab_list .flex_box .item{position:relative; width: 25%; padding: 0 50px;}
.m_news .tab_list .flex_box .item::after{content:""; position:absolute; top: 0; right: 0; width: 1px; height: calc(100% + 10px); background: #C4C4C4; opacity: 0.08;}
.m_news .tab_list .flex_box .item:last-of-type::after{display:none; }
.m_news .tab_list .flex_box .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.m_news .tab_list .flex_box .item .num{font-weight: 700; font-size:40px; color: #fff; opacity: 0.2; transition:0.3s}
.m_news .tab_list .flex_box .item .txt{margin-top: 45px;}
.m_news .tab_list .flex_box .item .txt p:not(.tag){font-family: 'Saira', sans-serif;font-weight:200; font-size:18px; line-height: 1.56em; color: #fff; opacity: 0.7; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 3.12em; letter-spacing:-0.02em;}
.m_news .tab_list .flex_box .item .txt p.line4{font-weight:300; -webkit-line-clamp: 4; height: 6.24em}
.m_news .tab_list .flex_box .item .txt .tag{display:inline-block; vertical-align: top; position:relative; font-family: 'Saira', sans-serif;font-weight:300; font-size:16px; color: #fff; opacity: 0.4; letter-spacing:-0.04em;}
.m_news .tab_list .flex_box .item .txt .tag::after{content:""; position:absolute; top: 9px; right: -33px; width: 25px; height: 1px; background: #fff; opacity: 0.4;}
.m_news .tab_list .flex_box .item .txt h3{font-family: 'Saira', sans-serif; font-weight:500; font-size:24px; color: #fff; margin: 10px 0 20px; letter-spacing:-0.04em;}
.m_news .tab_list .flex_box .item .txt h3.pre{font-weight:600; line-height: 1.65em; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 3.3em}
.m_news .tab_list .flex_box .item .date{font-weight:600; font-size:14px; color: #fff; opacity: 0.2; margin-top: 30px;}
.m_news .tab_list .flex_box .item figure{margin-top: 25px;}
.m_news .tab_list .flex_box .item figure img{}
.m_news .tab_list .link_btn{margin-top: 83px; text-align: center;} 
.m_news .tab_list .link_btn a{position:relative; display:inline-block; vertical-align:top; font-family: 'Saira', sans-serif;font-weight:500; font-size:14px; line-height: 22px; color: #fff; padding-right: 36px;}
.m_news .tab_list .link_btn a i{position:absolute; top: 3px; right: 0; font-size:14px;}

.m_news .tab_list .link_btn a::before{content:""; position:absolute; bottom: -12px; left: 0; width: 100%; height: 2px; background: #fff;}
.m_news .tab_list .link_btn a::after{content:""; position:absolute; bottom: -12px; left: 0; width: 0; height: 2px; background: var(--pColor); transition:0.6s}



/* animation */
/* .split span{display:inline-block; vertical-align: top;} */
.mv .video_ctn .txt h2{animation:fadeIn 5s 0.4s both}
.mv .video_ctn .txt p span{animation:moveTxt 1.4s both}

/* .ba.ani_on .horizontal_ctn .box .slide_ctn{animation:fadeInUp 1s 0.6s both}
.ba.ani_on .horizontal_ctn .box .txt .c.split span{animation:moveTxt 1.4s 0.6s both}
.ba.ani_on .horizontal_ctn .box .txt h2{animation:fadeInUp 1s 1s both}
.ba.ani_on .horizontal_ctn .box .txt p{animation:fadeInUp 1s 1s both}

.m_comp.ani_on .tit h2{animation:fadeIn 5s 0.4s both}
.m_comp.ani_on .tit p span{animation:moveTxt 1.4s 0.6s both}
.m_comp.ani_on .list{animation:fadeIn 1.4s 1s both}

.m_comp.ani_on .list .item p{animation:fadeInUp 1.4s 2s both}

.m_news.ani_on .top h2{animation:fadeInLeft 1.4s 0.5s both}
.m_news.ani_on .top .tab{animation:fadeInRight 1.4s 0.5s both}
.m_news.ani_on .tab_list{animation:fadeInUp 1.4s 0.5s both}
 */
.m_comp.ani_on .list .item > figure svg > path{stroke-dashoffset: 664;}
.m_comp.ani_on .list .item > figure svg > g{stroke-dashoffset:591}



@media (hover: hover){
	.m_comp .list .item:hover .hover{left: 40px; opacity: 1;}
	.m_comp .list .item:hover::before{opacity: 1;}
	.m_comp .list .item:hover .hover figure svg > g{stroke-dashoffset: 408;}
	.m_news .tab_list .flex_box .item:hover .num{color: var(--pColor); opacity: 1;}
	.m_news .tab_list .link_btn a:hover i{ animation:marginMove 0.8s cubic-bezier(0.32, 0, 0.67, 0) infinite alternate}
	.m_news .tab_list .link_btn a:hover::after{width: 100%;}
}

@media (max-width: 1800px) {
	.background .text { padding-left: 60px; }
}

@media (max-width: 1700px){
	.pagination{right: 16px;}
	.ba .horizontal_ctn{padding: 120px 50px 0;}
	.ba .horizontal_ctn .box{max-width: 1670px;}
	.ba .horizontal_ctn .box .slide_ctn{width: 550px;}
	.ba .horizontal_ctn .box .txt{width: calc(100% - 550px); margin-left: 50px;}
	.ba .horizontal_ctn .box .txt h2{font-size:80px; margin: 10px 0 20px;}

	.background .m_cont .text { padding-left: 60px; }
	.background .c_cont .text { padding-right: 60px; }

	/* 23.08.04 */
	.background .txt h2 { font-size: 80px; margin: 10px 0 20px; }
/*	.background .text { padding: 0 60px; }*/
	.background .txt p:not(.c) { white-space: inherit; }
	.background .txt p:not(.c) br { display: none; }

	.m_news .tab_list .flex_box .item{padding: 0 20px;}
}

@media (max-width: 1500px){
	/* .mv .video_ctn .txt{left: 50px;} */
	.mv .video_ctn .txt h2{font-size:55px;}

	.ba .horizontal_ctn .box .txt{padding-right: 50px;}
	.ba .horizontal_ctn .box .txt p:not(.c) br{display:none; }

	/* 23.08.04 */
	.products .tit h2{font-size:55px;}
	.products .tit p{margin-top: 15px;}
/*	.products .buttons { margin: 50px 0 20px; }*/
	.products .slide_ctn { margin-top: 50px; }
	.products .item figure img { max-width: calc(100% - 40px); max-height: calc(100% - 40px); }

	.m_comp .tit h2{font-size:55px;}
	.m_comp .tit p{margin-top: 15px;}
	.m_comp .list{margin-top: 50px;}
	.m_comp .list .item{padding: 80px 0;}
	.m_comp .list .item .hover h3{font-size:35px;}
	
	.m_news .top h2{font-size:55px;}
	.m_news .tab_list .flex_box .item{padding: 0 10px;}
	.m_news .tab_list .flex_box .item .txt h3{font-size:19px;}
	.m_news .tab_list .flex_box .item .txt p:not(.tag){font-size:16px;}
}


@media (max-width: 1200px){
	.cursor{position:absolute; }
	.cursor.zoom_scroll{display:none; }


/* 	.mv .video_ctn .txt{left: 16px;} */
	.mv .video_ctn .txt{width: 100%;}
	.mv .video_ctn .txt h2{font-size:55px;}
	.pagination,
	.mv .video_ctn .play{display:none; }

	.ba .horizontal_ctn{padding: 120px 16px; white-space:normal; background: #000;}
	.ba .horizontal_ctn .box{margin-bottom:40px;}
	.ba .horizontal_ctn .box:last-of-type{margin-bottom:0;}
	.ba .horizontal_ctn .box .slide_ctn{width: 350px;}
	.ba .horizontal_ctn .box .slide_ctn .item p{top: 20px; right: 20px;}
	.ba .horizontal_ctn .box .slide_ctn .item figure{padding-bottom:100%;}
	.ba .horizontal_ctn .box .slide_ctn .item figure img{max-height: 65%;}
	.ba .horizontal_ctn .box .txt{width: calc(100% - 350px); padding-right: 0;}

	/*	23.08.04 */
	.background .inner { flex-direction: column; }
	.background .cont { width: 100%; }
	.background .txt h2 { font-size: 65px; margin: 10px 0; }
	.background .text { position: relative; top: auto; left: auto; transform: translate(0, 0); padding: 120px 16px; }
	.products {padding:120px 0; background: #000;}

	.m_comp{padding-bottom:120px; background: #000;}
	.m_comp .list{flex-wrap:wrap;}
	.m_comp .list .item{width: calc((100% - 30px) / 2); margin-bottom:30px;}
	.m_comp .list .item:nth-of-type(2n){margin-right: 0;}
	.m_comp .list .item:nth-of-type(n + 3){margin-bottom:0;}
	.m_comp .list .item > figure svg > path,
	.m_comp .list .item > figure svg > g{transition:2s 0.2s}

	.m_news{padding: 120px 0; background: linear-gradient(102.49deg, rgba(0, 0, 0, 0.4) 3.65%, rgba(0, 0, 0, 0) 100.77%), #122540;}
	.m_news .tab_list .flex_box{flex-wrap:wrap;}
	.m_news .tab_list .flex_box .item{width: calc(50% - 20px); padding:0; margin-right: 40px; margin-bottom:40px;}
	.m_news .tab_list .flex_box .item::after{right: -20px;}
	.m_news .tab_list .flex_box .item:nth-of-type(2n){margin-right: 0;}
	.m_news .tab_list .flex_box .item:nth-of-type(2n)::after{display:none; }
	.m_news .tab_list .flex_box .item:nth-of-type(n + 3){margin-bottom:0;}

	
	/* m_ani */
	.ani{opacity: 0;}
	.ani.m_ani{opacity: 1;}
	.ani.m_ani.ani_up,
	.ani.m_ani .ani_up{animation:fadeInUp 1.4s 0.1s both}
	.ani.m_ani .ani_delay2{animation-delay:1.6s}
	.ani.m_ani .svg_on > g{stroke-dashoffset:591 !important}
	.ani.m_ani .svg_on > path{stroke-dashoffset: 664 !important;}
}


@media (max-width: 1000px){
	.m_news .top h2,
	.products .tit h2,
	.m_comp .tit h2,
	.mv .video_ctn .txt h2{font-size:40px;}

	.ba .horizontal_ctn{padding: 100px 16px;}
	.ba .horizontal_ctn .box .txt{margin-left: 30px;}
	.ba .horizontal_ctn .box .txt h2{font-size:65px; margin: 10px 0;}

	/* 23.08.04 */
	.background .text { padding: 100px 16px; }

	.m_comp{padding-bottom:100px;}
	
	.m_news{padding: 100px 0;}
	.m_news .tab_list .link_btn{margin-top: 40px;}
	.m_news .top{flex-wrap:wrap; justify-content:flex-end;}
	.m_news .top h2{width: 100%; margin-bottom:20px;}
}

@media (max-width: 800px){
	.mv .video_ctn .txt h2{font-size:34px;}

	.ba .horizontal_ctn{padding: 80px 16px;}
	.ba .horizontal_ctn .box .flex_box{flex-wrap:wrap;}
	.ba .horizontal_ctn .box .flex_box .slide_ctn{width: 100%; max-width: 85%; }
	.ba .horizontal_ctn .box .flex_box .txt{width: 100%; margin-left: 0; margin-top: 40px;}

	/* 23.08.04 */
	.background .m_cont .text, 
	.background .c_cont .text { padding: 80px 16px; }

	.m_comp{padding-bottom:80px;}
	.m_comp .list .item{padding: 50px 0;}
	.m_comp .list .item .hover{bottom: 30px;}
	.m_comp .list .item .hover h3{margin-top: 15px;}
	.m_comp .list .item:hover .hover{left: 30px;}

	.m_news{padding: 80px 0;}
	.m_news .top .tab li{min-width:auto;}
	.m_news .tab_list .flex_box .item .txt{margin-top: 20px;}
}

@media (max-width: 500px){
	.ba .horizontal_ctn .box .flex_box .slide_ctn{max-width: 100%;}
	
	.m_comp .list .item p{margin-top: 20px;}
	.m_comp .list .item > figure svg{width: 80px; height: 80px;}
	.m_comp .list .item .hover h3{font-size:26px;}
}