@media screen and (max-width:1820px){
	/* header */
	header .header-box{ margin: 0 20px; }
	header .header-box .logo{ left: 20px; }

	/* common */
	.ps100{ padding: 0 20px;}

	/* main */
	main .visual .txt-box .title br{ display:none;  }

	main .products .scroll-wrap .tab-wrap .tab-box .tab-content .swiper-slide{ padding-top: 100px; }

	/* footer */
	.footer-inner{ padding: 50px 20px;}
}

@media screen and (max-width:1720px){
	.w1720{ padding: 0 20px; }
}

@media screen and (max-width:1600px){
	/* common */
	.font83{ font-size:70px; }
	.font78{ font-size:65px; }
	.font62{ font-size:50px; }
	.font54{ font-size:40px; }

	/* main */
	main .products .scroll-wrap .tab-wrap .tab-box .tab-content .ryo .title{ margin-bottom: 50px;}
	main .products .item-content{ padding: 180px 0 100px; }

}

@media screen and (max-width:1400px){
	/* sub */
	#contact .bg svg{ margin-left: -20%;}
}

@media screen and (max-width:1200px){
	/* common */
	.font83{ font-size:60px; }
	.font78{ font-size:55px; }
	.font62{ font-size:40px; }
	.font54{ font-size:38px; }
	.font28{ font-size:26px; }

	/* header */
	header .header-box .side-box nav{ display:none; }
	header .header-box .all-btn{ display:block; }
	header .header-box .side-box{ height: 50px; }
	header .header-box .side-box .lang-box button{ width: 50px; }

	#allmenu.on{ right: 0; }
	
	/* main */
	main .visual{ height: 100vh; }
	
    main .products,
	main .products .scroll-content{ overflow: initial; }
	main .products .scroll-wrap .tab-wrap{ position: relative; top: auto; left: auto;}
	main .products .item-wrap{ padding-top: 0; pointer-events: auto;}
	main .products .item-content{ opacity: 1; padding: 120px 0 80px;}
	main .products .item-content .circle-box{ display:none; }
	main .products .item-content .flex-box{ gap:80px;}
	main .products .item-content .flex-box .item-box{ opacity: 1; pointer-events: auto; width: calc((100% - 80px) / 2 ); }
	main .products .item-content .flex-box .item-box .img-box{ padding: 40px 30px; }
	main .products .item-content .flex-box .item-box .img-box figure:first-child{ margin-right: 40px; }
	main .products .item-content .more{ margin-top: 80px; pointer-events: auto; }
	main .products .scroll-wrap .tab-wrap .tab-box .tab-content{ height: 110vh; }
	main .products .scroll-wrap .tab-wrap .tab-list ul li button{ text-align: left; padding: 0 20px;}

	main .products .scroll-wrap .tab-wrap .tab-box .tab-content .swiper-slide{ position: absolute; top: 0; left: 0; }
	main .products .scroll-wrap .tab-wrap .tab-box .tab-content .swiper-slide > .txt-box{ opacity: 0; transition:all 0.5s; }
	main .products .scroll-wrap .tab-wrap .tab-box .tab-content .swiper-slide-active > .txt-box{ opacity: 1;}

	main .oem .content{ padding: 120px 20px;}
	main .oem .content ul{ gap:20px; flex-wrap:wrap; }
	main .oem .content ul li{ width: calc((100% - 20px) / 2 );}
	main .oem .content ul li a{ padding: 0 20px; }

	/* sub */
	#subContents{ padding: 100px 0 120px;}
	#subContents .tab-wrap{ margin-bottom: 100px; }

	#subContents .tab-wrap2 .depth3{ flex-wrap:wrap; gap:10px 0; }
	#subContents .tab-wrap2 .depth3 li:not(:last-child):after{ margin: 0 20px; }

	h3.title{ margin-bottom: 60px; }

	#aboutus section:not(:last-of-type){ margin-bottom: 120px; }
	#aboutus .outline .content .txt-box{ padding: 40px 30px; width: auto;}
	#aboutus .history .content{ gap:30px; }
	#aboutus .history .content .item-box{ width: calc((100% - 60px) / 3); padding: 40px 30px; }
	:root {
		--inno : 200px; 
	}
	#aboutus .innovation .content .item-box:not(:last-child){ margin-bottom: 100px; }

	.products .content{ gap:80px; }
	.products .content .item-box{	width: calc((100% - 80px) / 2);}
	.products .content .item-box .img-box{ padding: 40px 30px;}
	.products .content .item-box .img-box figure:first-child{ margin-right: 40px; }

	#auto .content{ gap:80px 30px; }
	#auto .content .item-box{ width: calc((100% - 30px) / 2);}
	#auto .content .item-box .img-box{ padding: 40px 20px; }

	#contact .txt-box{ padding-top: 100px;}
	#contact .bg svg{ margin-left: -30%;}

	/* footer */
	.footer-inner,
	.footer-inner .info-box{ flex-wrap:wrap; width: 100%; }
	.footer-inner .info-box .txt-box{ width: 100%; margin: 20px 0 30px; }
	.footer-inner .info-box .txt-box .txt{ align-items: flex-start;}
	.footer-inner .info-box .f-logo{ margin-right: 30px; }
}

@media screen and (max-width:960px){
	/* sub */
	#aboutus .innovation .content .item-box .item{ padding-top: 10px; padding-left: 30px;}
	#aboutus .innovation .content .item-box .item .flex-box{ flex-wrap:wrap; gap:20px; }
	#aboutus .innovation .content .item-box .item .flex-box figure{ width: calc((100% - 20px) / 2); }
	#aboutus .innovation .content .item-box .item .flex-box figure:not(:last-child){ margin-right: 0; }

	#contact .txt-box{ position: relative; padding-top: 80px; }
	#contact .txt-box .title{ margin-bottom: 40px; }
	#contact .txt-box .info-box{ max-width:none; width: 100%; padding: 40px 30px; }
	#contact .txt-box .info-box dl dt{ min-width:100px; }
	#contact .txt-box .info-box dl:first-child{ flex-wrap:wrap; }
	#contact .txt-box .info-box dl:first-child dt{ min-width:auto; width: 100%; margin-bottom: 10px; }
	#contact .txt-box .info-box dl dd br{ display:none; }
	#contact .bg{ height: 280px; overflow: hidden; min-height:auto; }
	#contact .bg svg{ margin-left: -20%; width: 125%; height: 100%; }
}

@media screen and (max-width:768px){
	/* common */
	.font83{ font-size:50px; }
	.font78{ font-size:42px; }
	.font62{ font-size:38px; }
	.font36{ font-size:27px; }
	.font32{ font-size:25px; }
	.font28{ font-size:24px; }
	.font23{ font-size:21px; }
	.font21{ font-size:19px; }
	.font20{ font-size:18px; }
	
	/* header */
	header{ padding-top: 10px; }
	header .header-box .logo{ top: 20px; }
	header .header-box .logo a{ width: 50px; }

	#allmenu{ width: 50%; right: -50%;}

	/* main */
	:root {
		--tabBtnW: 100%;
		--tabBtnH: 60px;
		--inno : 150px; 
	}
	
	main .visual{ height: 850px; }
	main .visual .txt-box{ pointer-events:none; }
	main .visual .txt-box .title{ margin-bottom: 20px; }

	main .products .scroll-wrap .tab-wrap .tab-box{ position: relative; }
	main .products .scroll-wrap .tab-wrap .tab-box .tab-content{ height: 800px; }
	main .products .scroll-wrap .tab-wrap .tab-list{ width: 90%; bottom: 60px; }
	main .products .scroll-wrap .tab-wrap .tab-list ul,
	main .products .scroll-wrap .tab-wrap .tab-list ul li{ width: 100%; }
	main .products .scroll-wrap .tab-wrap .tab-list .move{ width: 50%; }
	main .products .scroll-wrap .tab-wrap .tab-list .move.active{ left: 50%; }
	main .products .scroll-wrap .tab-wrap .tab-box .tab-content .swiper-slide > .txt-box{ opacity: 0; }
	main .products .scroll-wrap .tab-wrap .tab-box .tab-content .swiper-slide.on > .txt-box{ opacity: 1; }
	main .products .scroll-wrap .tab-wrap .tab-box .tab-content .ryo .title{ margin-bottom: 30px; }
	main .products .scroll-wrap .tab-wrap .tab-box .tab-content .ryo .txt2:not(:last-child){ margin-bottom: 20px; }
	main .products .item-content{ padding: 80px 0; }
	main .products .item-content .flex-box .item-box .img-box{ padding: 30px 20px;}
	main .products .item-content .flex-box .item-box .img-box figure:first-child{ margin-right: 20px; }
	main .products .item-content .scroll-box{ position: relative; height: auto;  margin-bottom: 30px; }
	main .products .item-content .scroll-box .inner-box{ position: relative; top: auto; left: auto; height: auto; }
	main .products .item-content .flex-box{ gap:0; }
	main .products .item-content .flex-box .item-box{ width: 100%; }
	main .products .item-content .flex-box .item-box:not(:last-child){ margin-bottom: 60px; }

	main .oem .content{ padding: 100px 20px;}
	main .oem .content .txt{ margin-bottom: 60px; }
	main .oem .content ul li{ height: 65px; padding: 0 25px; font-size:17px; }

	/* sub */
	#sv .subVisual{ height: 300px; }
	#sv .subVisual .txt-box ul li span.dot{ margin: 0 12px;}

	#subContents{ padding: 80px 0 100px;}
	#subContents .tab-wrap{ margin-bottom: 60px; }
	#subContents .tab-wrap .depth2{ padding: 10px; }
	#subContents .tab-wrap .depth2 li a{ height: 60px; padding: 0 20px; line-height: 1.3; display:flex; justify-content:center; align-items:center; }

	#subContents .tab-wrap2 .depth3 li:nth-child(3):after{ display:none; }
	#subContents .tab-wrap2 .depth3 li a{ font-size:15px; }

	h3.title{ margin-bottom: 40px; }

	#aboutus > div{ overflow: hidden;}
	#aboutus section:not(:last-of-type){ margin-bottom: 80px; }
	#aboutus .outline .content .txt-box{ position: relative; top: auto; left: auto; width: 100%; background: rgba(0, 0, 0, 0.8); }
	#aboutus .history .content{ gap:0; }
	#aboutus .history .content .item-box{ width: 100%; padding: 30px; min-height: 200px;}
	#aboutus .history .content .item-box:not(:last-child){ margin-bottom: 30px; }
	#aboutus .history .content .item-box .day{ margin-bottom: 20px; }
	#aboutus .innovation .content .item-box:not(:last-child){ margin-bottom: 80px; }
	#aboutus .innovation .content .item-box .date{ font-size:30px; }
	#aboutus .innovation .content .item-box .item .txt{ margin-bottom: 30px; }
	#aboutus .innovation .content .item-box .item .flex-box figure{ width: 100%; }
	#aboutus .history .content .slide-arrow{ margin-top: 40px; }

	.products .content{ gap:0; }
	.products .content .item-box{	width: 100%;}
	.products .content .item-box .img-box{ padding: 40px 30px;}
	.products .content .item-box:not(:last-child){ margin-bottom: 60px; }

	#auto .content{ gap:0; }
	#auto .content .item-box{ width: 100%; }
	#auto .content .item-box .img-box{ padding: 40px 30px; }
	#auto .content .item-box:not(:last-child){ margin-bottom: 60px; }

	/* footer */
	.footer-inner .info-box .f-logo{ width: 60px; margin-bottom: 20px; }
	.footer-inner .info-box .txt-box{ margin: 0 0 60px; }
	.footer-inner .info-box .txt-box .flex-box{ flex-wrap:wrap; gap:0;  }
	.footer-inner .info-box .txt-box .flex-box p{ width: 100%; }
	.footer-inner .info-box .txt-box .flex-box p:not(:last-child){ margin-bottom: 10px; }
}

@media screen and (max-width:480px){
	/* common */

}