@media (max-width: 1800px){
	.sec3 .section-header {padding: 265px 100px 265px 50px;}
}

@media (max-width: 1600px){
	.sec3 .section-header h3 {font-size: 40px;}
	.sec3 .section-header h3 br {display: none;}
	.sec3 .section-header > span {line-height: 1.5;}
	
	.btn-controls {right: 30px;}
}

@media (max-width: 1400px){
	.sec2 .product ul li a .txt {min-height: 250px;}
	.sec3 .inquiry-wrap {padding: 80px 50px; max-width: 650px;}
}

@media (max-width: 1200px){
	.m-visual .visual .swiper-wrapper .swiper-slide:not(.slide01) .container .txt {right: 15px;}
	
	.sec2 .product ul {gap: 20px;}
	.sec2 .product ul li {flex:0 0 calc(25% - 15px);}
	.sec2 .product ul li a .txt {padding: 0 20px;}
	.sec2 .product ul li a .txt h5 {font-size: 20px;}
	.sec2 .product ul li a .txt p {margin-top: 10px;}
	
	.sec3 .section-header {padding: 265px 50px;}
	.sec3 .section-header h3 {font-size: 30px;}
	.sec3 .inquiry-wrap {max-width: 550px; padding: 80px 20px;}
}

@media (max-width: 1024px){
	.m-visual .visual .swiper-wrapper .swiper-slide.slide01 .container h4 {width: calc(100% - 15px); flex-wrap: wrap;}
	/* .m-visual .visual .swiper-wrapper .swiper-slide.slide01 .container h4 > img {max-width: 200px;} */
	.m-visual .visual .swiper-wrapper .swiper-slide.slide01 .container h2 {width: calc(100% - 15px); font-size: 70px;}
	.m-visual .visual .swiper-wrapper .swiper-slide.slide01 .container p {width: calc(100% - 15px);}
	
	.sec2 .product ul li {flex: 0 0 calc(33.3333% - 14px);}
	.sec2 .product ul li a .txt {min-height: 220px;}
	.sec2 .product ul li a > span {bottom: 15px;}
	
	.sec2 .category ul {gap: 20px;}
	
	.sec3 .inner {flex-wrap: wrap;}
	.sec3 .inner .section-header {width: 100%; padding: 100px 15px;}
	.sec3 .inquiry-wrap {max-width: 100%; padding: 80px 15px 150px;}
}

@media (max-width: 768px){
	.m-visual .visual .swiper-wrapper .swiper-slide .backdrop {position: relative;}
	.m-visual .visual .swiper-wrapper .swiper-slide .backdrop::after {position: absolute; content:''; width: 100%; height: 100%; background-color: rgba(0,0,0, .4); top: 0; left: 0; }

	.m-visual .visual .swiper-wrapper .swiper-slide:not(.slide01) .container .txt {width: calc(100% - 30px); top: 300px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container h4 {font-size: 26px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container img {top: 20px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container img {top: 60px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container p {top: 80px; font-size: 18px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container p {top: 120px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container .more {top: 180px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container .more {top: 220px;}
	
	.m-visual .visual .swiper-wrapper .swiper-slide.slide01 .container h4 {width: calc(100% - 30px);}
	.m-visual .visual .swiper-wrapper .swiper-slide.slide01 .container img {top: 210px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active.slide01 .container img {top: 250px;}
	.m-visual .visual .swiper-wrapper .swiper-slide.slide01 .container h2 {font-size: 55px; top: 140px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active.slide01 .container h2 {top: 180px;}
	.m-visual .visual .swiper-wrapper .swiper-slide.slide01 .container p {font-size: 18px; top: 260px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active.slide01 .container p {top: 300px;}
	
	.m-visual .visual .swiper-wrapper .swiper-slide.slide03 .container h4:nth-of-type(2) {top: 0;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active.slide03 .container h4:nth-of-type(2) {top: 40px;}
	.m-visual .visual .swiper-wrapper .swiper-slide.slide03 .container img {top: 60px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active.slide03 .container img {top: 100px;}
	.m-visual .visual .swiper-wrapper .swiper-slide.slide03 .container p {top: 120px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active.slide03 .container p {top: 160px;}
	.m-visual .visual .swiper-wrapper .swiper-slide.slide03 .container .more {top: 220px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active.slide03 .container .more {top: 260px;}
	
	.m-visual .visual .swiper-wrapper .swiper-slide.slide04 .container .txt {top: 240px;}
	.m-visual .visual .swiper-wrapper .swiper-slide.slide04 .container h4:nth-of-type(2) {top: 0;}
	.m-visual .visual .swiper-wrapper .swiper-slide.slide04 .container h4:nth-of-type(3) {top: 40px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active.slide04 .container h4:nth-of-type(2) {top: 40px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active.slide04 .container h4:nth-of-type(3) {top: 80px;}
	.m-visual .visual .swiper-wrapper .swiper-slide.slide04 .container img {top: 120px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active.slide04 .container img {top: 160px;}
	.m-visual .visual .swiper-wrapper .swiper-slide.slide04 .container p {top: 180px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active.slide04 .container p {top: 220px;}
	.m-visual .visual .swiper-wrapper .swiper-slide.slide04 .container .more {top: 320px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active.slide04 .container .more {top: 360px;}
	
	.btn-controls {bottom: 50px}

	.section-header h3 {font-size: 30px;}
	.section-header h3 br {display: none;}

	.sec2 {padding-bottom: 120px;}
	.sec2 .arti01 .section-header h3 {font-size: 40px;}
	.sec2 .product ul li {flex: 0 0 calc(50% - 10px);}
	.sec2 .product ul li a .txt {padding: 0 10px; min-height: 200px;}
	.sec2 .product ul li a .txt h5 {font-size: 18px;}
	.sec2 .product ul li a .txt p {font-size: 16px;}
	.sec2 a.list-btn {margin-top: 80px;}
	
	.sec2 .arti02 {margin-top: 100px;}
	.sec2 .category ul li {min-height: 250px; flex: 0 0 calc(50% - 10px);}
	.sec2 .category ul li a {padding: 20px;}
	.sec2 .category ul li a h5 {font-size: 20px;}
	
	.sec3 .section-header p {font-size: 20px;}
	.sec3 .inquiry-wrap {padding-bottom: 100px;}
	.sec3 .inquiry .col .flex {gap: 15px; padding-left: 15px;}
	.sec3 .inquiry .col .input {padding: 0 15px;}
}

@media (max-width: 480px){


	.m-visual .visual .swiper-wrapper .swiper-slide:not(.slide01) .container .txt {top: 250px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container h4 {font-size: 22px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container img {max-width: 230px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container .more {top: 200px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container .more {top: 240px;}

	.m-visual .visual .swiper-wrapper .swiper-slide.slide01 .container h4 {font-size: 16px;}
	.m-visual .visual .swiper-wrapper .swiper-slide.slide01 .container h2 {width: calc(100% - 30px); font-size: 40px;}
	.m-visual .visual .swiper-wrapper .swiper-slide.slide01 .container img {max-width: 180px; top: 190px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active.slide01 .container img {top: 230px;}
	.m-visual .visual .swiper-wrapper .swiper-slide.slide01 .container p {width: calc(100% - 30px); top: 220px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active.slide01 .container p {top: 260px;}
	
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container p {top: 110px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active.slide03 .container p {top: 150px;}
	
	.m-visual .visual .swiper-wrapper .swiper-slide.slide04 .container .txt {top: 170px;}
	.m-visual .visual .swiper-wrapper .swiper-slide.slide04 .container p {top: 160px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active.slide04 .container p {top: 200px}
	.m-visual .visual .swiper-wrapper .swiper-slide.slide04 .container .more {top: 330px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active.slide04 .container .more {top: 370px;}
	.m-visual .visual .swiper-wrapper .swiper-slide.slide04 .container p br {display: none;}
	
	.section-header > span {font-size: 18px;}
	.section-header h3 {font-size: 24px;}
	.sec2 .arti01 .section-header h3 {font-size: 30px;}
	
	.sec2 .product ul {gap: 10px;}
	.sec2 .product ul li {flex: 0 0 calc(50% - 5px);}
	.sec2 .product ul li a .txt h5 {font-size: 16px;}
	.sec2 .product ul li a .txt p {font-size: 14px; }
	.sec2 .product ul li a > span {bottom: 10px; right: 10px; max-width: 20px;}
	
	.sec2 .category ul li {flex: 0 0 calc(50% - 13px); min-height: 150px;}
	.sec2 .category ul li a {padding: 20px 10px;}
	.sec2 .category ul li a h5 {font-size: 18px;}
	
	.sec3 .section-header h3 {font-size: 24px;}
	.sec3 .section-header p {font-size: 18px;}
	.sec3 .inquiry .col .input {height: 50px; font-size: 16px;} 
	.sec3 .inquiry .col .input::placeholder {font-size: 16px;}
	.sec3 .inquiry .col textarea {padding: 15px;}
	.sec3 .inquiry .col textarea::placeholder {font-size: 16px;}
	.sec3 .inquiry .col .file label {max-width: 100px; line-height: 48px; height: 50px; font-size: 16px;}
	.sec3 .inquiry .col .file input[type="file" i] {line-height: 49px; font-size: 16px;}
	.sec3 .inquiry .col .flex {flex-wrap: wrap; padding-left: 0;}
	.sec3 .inquiry .col .flex .label {font-size: 16px; margin-left: 15px;}
	.sec3 .inquiry-wrap .captcha-box {width: 100%;}
	.sec3 .inquiry-wrap .captcha-box #captcha #captcha_img {height: 50px;}
	.sec3 .inquiry-wrap .captcha-box #captcha #captcha_key {height: 50px;}
	.sec3 .inquiry-wrap .submit-btn {line-height: 50px;font-size: 16px;}
}