@media(max-width: 1900px){
	
	/* product */
	.product .cnt:before {left: -450px;}
}

@media(max-width: 1600px){

	/* intro */
	.intro .left {padding-left: 50px;}

	/* product */
	.product .cnt:before {left: -100%;}
	.product .cnt .product-slider .swiper-wrapper li.swiper-slide.swiper-slide-prev{opacity: 1;}
	.product .cnt .product-slider .swiper-wrapper li.swiper-slide.swiper-slide-active {margin-right:10px !important; }
	.product .cnt .product-slider .product-control {bottom: -100px; left: 50%; transform: translateX(-50%);}
}

@media(max-width: 1400px){

	/* product */
	.product .cnt .product-slider .swiper-wrapper li.swiper-slide.swiper-slide-active {margin-right:-20px !important; height: 90%;}
	.product .cnt .product-slider .swiper-wrapper li .item .txt-over {padding: 80px 20px 0;}
	.product .cnt .product-slider .swiper-wrapper li > a {bottom: 30px; right: 35px;}
	.product .cnt .product-slider .swiper-wrapper li .item .txt-over > b {font-size: 22px;}
	.product .cnt .product-slider .swiper-wrapper li .item .txt-over > p {padding-top: 25px; font-size: 16px;}

	/* intro */
	.intro .left h4 {font-size: 40px; line-height: 48px;}
	.intro .left p {line-height: 30px;}

	/* news */
	.news .container .cnt-list ul li .txt-box {padding:90px 60px 100px;}

}

@media(max-width: 1200px){
	
	/* m-visual */
	.m-visual .visual .swiper-wrapper .swiper-slide h3 {font-size: 55px;}

	/* product */
	.product .cnt .product-slider .swiper-wrapper li .item .txt-over > p > br {display: none;}

	/* news */
	.news .container .cnt-list ul li .txt-box {padding:90px 40px 100px;}
}

@media(max-width: 1024px){

	/* 공통 */
	.section-header h4 {font-size: 45px;}

	/* m-visual */
	.m-visual .visual .swiper-wrapper .swiper-slide h3 {font-size: 45px;}
	.m-visual .visual .swiper-wrapper .swiper-slide p {top: 330px; font-size: 20px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active p {top: 370px;}

	/* product */
	.product .cnt .product-slider .swiper-wrapper li.swiper-slide.swiper-slide-active {margin-right:20px !important; height: 90%;}

	/* news */
	.news .container .cnt-list ul {flex-wrap: wrap;}
	.news .container .cnt-list ul li {width: 50%;}
	.news .container .cnt-list ul li:nth-of-type(2) ~ li {margin-top: 45px;}
	.news .container .cnt-list ul li .txt-box {padding:90px 40px 100px;}

	/* notice */
	.notice .list ul li span {font-size: 24px;}
	.notice .list ul li a p {font-size: 18px;}
	.notice .list ul li a {padding: 0 20px;}
}

@media(max-width: 768px){
	
	/* 공통 */
	.section-header h4 {font-size: 30px; margin-top: 100px; padding: 25px 0 60px; line-height: 38px;}
	
	/* m-visual */
	.m-visual .visual .swiper-wrapper .swiper-slide h3 {font-size: 30px;}
	.m-visual .visual .swiper-wrapper .swiper-slide p {font-size: 18px;}

	/* product */
	.product .cnt .product-slider .swiper-wrapper li.swiper-slide.swiper-slide-active {margin-right: -10px !important; height: 90%;}

	/* intro */
	.intro {margin-top: 30px;}
	.intro .left {width: 100%; padding: 80px 20px 100px;}
	.intro .left h4 {font-size: 28px; line-height: 45px;}
	.intro .left p {padding-top: 30px;}
	.intro .left .btn-banner {margin-top: 60px;}
	.intro .right {display: none;}

	/* news */
	.news .container .cnt-list ul li {width: 100%; height: 360px;}
	.news .container .cnt-list ul li ~ li {margin-top: 45px;}
	.news .container .cnt-list ul li .txt-box {padding:70px 40px 60px;}
	.news .container .cnt-list ul li .txt-box b {font-size: 28px;}
	.news .container .cnt-list ul li a {margin-top: 55px;}

	/* notice */
	.notice {margin-top: 100px; padding: 80px 0 100px;}
	.notice .list ul li span {font-size: 20px; width: 20%;}
	.notice .list ul li a {width: 80%; padding: 0 10px;}
	.notice .list ul li a p {font-size: 16px; width: 80%;}
}

@media(max-width: 480px){
	
	#content {padding-top: 100px;}
	/* m-visual */
	.m-visual .visual {height: 650px;}
	.m-visual .visual .swiper-wrapper .swiper-slide h3 {font-size: 35px; line-height: 42px; top: 160px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active h3 {top: 200px;}
	.m-visual .visual .swiper-wrapper .swiper-slide h3 > br.mo {display: block;}
	.m-visual .visual .swiper-wrapper .swiper-slide p {top: 260px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active p {top: 300px;}
	.controls {top: 370px;}

	/* product */
	.product .cnt:before {display: none;}
	.product .cnt .product-slider .swiper-wrapper li.swiper-slide.swiper-slide-active {height: 75%;}
	.product .cnt .product-slider .swiper-wrapper li .item .txt-over {padding: 40px 15px 0;}
	.product .cnt .product-slider .swiper-wrapper li .item .txt-over h5 {width: 100px; font-size: 16px; line-height: 40px;}
	.product .cnt .product-slider .swiper-wrapper li .item .txt-over > b {line-height: 35px; padding-top: 20px; font-size: 20px;}
	.product .cnt .product-slider .swiper-wrapper li > a {width: 45px; height: 45px; bottom: 20px; right: 15px;}
	.product .cnt .product-slider .product-control {bottom: 50px;}
	.product .cnt .product-slider .swiper-wrapper li .item .txt-over > p {font-size: 16px; line-height: 28px; padding-top: 10px;}
	.product .cnt .product-slider .swiper-wrapper li .item .txt-over > b > br {display: none;}
	.product .cnt .product-slider .product-control .product-btn {width: 50px; height: 50px;}
	.product .cnt .product-slider .product-control {width: 110px;}
}