@media(max-width: 1600px){

	
}

@media(max-width: 1400px){
	/* notice */
	.notice .notice-tit h5 {font-size: 22px;}
	.notice .notice-slide ul li.date {width: 20%;}
	.notice .notice-slide ul li.list {width: 80%; padding: 0 20px;}
	.notice .notice-slide ul li.list a {font-size: 22px;}
	
	/* sec3 */
	.sec3 .wrap .gray .banner .txt {padding: 60px 30px 50px 50px;}

	/* sec4 */
	.sec4 .wrap ul li.info .cnt-bg p.txt > br {display: none;}

	/* sec5 */
	.sec5 .cnt .left .tit p > br {display: none;}
	.sec5 .cnt .left .location p {line-height: 28px;}
}

@media(max-width: 1200px){
	/* notice */
	.notice .notice-tit {line-height: 60px;}
	.notice .notice-tit i {width: 42px; margin-right: 10px;}
	
	/* sec3 */
	.sec3 .wrap .gray .banner .txt {padding: 60px 20px 50px;}
	.sec3 .wrap ul li .s-banner {padding-left: 20px;}
	.sec3 .wrap ul li .s-banner::after {right: 20px; width: 60px; background-size: 60px auto;}

	/* sec4 */
	.sec4 .wrap ul li.info .cnt-bg {padding: 80px 30px;}

	/* sec5 */
	.sec5 .cnt .left .location a {width: 60px; height: 60px; background-size: 60px auto; top: 20px;}
	.sec5 .cnt .right ul li a > b {font-size: 22px;}

	/* sec6 */
	.sec6 .container .control-box.ty2 {display: flex; bottom: 90px;}
	.sec6 .container .control-box {display: none;}
	.sec6 .container > a {margin-top: 100px;}
}

@media(max-width: 1024px){

	/* m-visual */
	.m-visual .visual .swiper-wrapper .swiper-slide .container h3 {font-size: 35px; line-height: 60px;}

	/* notice */
	.notice .notice-tit {max-width: 140px; width: 100%;}
	.notice .notice-tit h5 {font-size: 18px;}
	.notice .notice-slide ul li.list {width: 100%;}
	.notice .notice-slide ul li.list a {font-size: 18px;}
	.notice .notice-slide ul li.date {display: none;}

	/* sec3 */
	.sec3 .wrap {flex-wrap: wrap; justify-content: center;}
	.sec3 .wrap .gray {width: 80%;}
	.sec3 .wrap .gray .banner .txt {padding: 60px 50px 50px}
	.sec3 .wrap .gray .banner .txt a {margin-top: 70px;}
	.sec3 .wrap > ul {width: 80%; margin-top: 40px;}
	.sec3 .wrap ul li:nth-of-type(1) {margin-left: 0;}
	.sec3 .wrap ul li .s-banner {padding-left: 40px;}
	.sec3 .wrap ul li .s-banner::after {right: 40px;}

	/* sec4 */
	.sec4 .wrap ul {flex-wrap: wrap;}
	.sec4 .wrap ul li.pic {width: 70%; margin: 0 auto;}
	.sec4 .wrap ul li.pic .img img {max-width: 100%;}
	.sec4 .wrap ul li.info {width: 100%; margin-top: 40px;}
	.sec4 .wrap ul li.info .cnt-bg {padding: 50px;}

	/* sec5 */
	.sec5 .cnt {flex-wrap: wrap;}
	.sec5 .cnt .left {width: 100%;}
	.sec5 .cnt .left .location {width: 60%; margin-top: 10px;}
	.sec5 .cnt .left .location a {top: 40px;}
	.sec5 .cnt .right {width: 100%; margin-top: 40px;}
}

@media(max-width: 768px){
	
	/* m-visual */
	.m-visual .visual .swiper-wrapper .swiper-slide .container h3 {font-size: 30px; line-height: 50px; top: 400px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container h3 {top: 450px;}

	/* notice */
	.notice .container .wrap {height: 80px; padding: 15px 0;}
	.notice .notice-tit {max-width: 40px; width: 100%; line-height: 50px;}
	.notice .notice-tit h5 {display: none;}
	.notice .notice-tit i {width: 30px; margin-right: 0px;}
	.notice .notice-slide ul li.list {padding: 0 10px;}
	.notice .notice-slide ul li.list a {font-size: 16px;}
	.notice .more {width: 110px; display: none;}
	.notice .more_m > a {font-size: 14px; line-height: 30px;}
	.notice .more_m {display: block; width: 70px;}

	/* sec3 */
	.sec3 {padding: 80px 0 100px;}
	.sec3 .wrap .gray .banner .txt {padding: 40px 20px;}
	.sec3 .wrap .gray .banner .txt dl dt {font-size: 24px;}
	.sec3 .wrap .gray .banner .txt dl dd {font-size: 16px; line-height: 28px;}
	.sec3 .wrap .gray .banner .txt a {margin-top: 40px; font-size: 16px; background-position: 85% 50%;}
	.sec3 .wrap .gray {width: 100%;}
	.sec3 .wrap > ul {width: 100%;}
	.sec3 .wrap ul li .s-banner {padding-left: 20px;}
	.sec3 .wrap ul li .s-banner::after {right: 20px;}
	.sec3 .wrap ul li .s-banner b {font-size: 24px;}

	/* sec4 */
	.sec4 {padding: 80px 0 100px;}
	.sec4 .wrap ul li.info .cnt-bg {padding: 50px 20px;}
	
	/* sec5 */
	.sec5 {padding-top: 80px;}
	.sec5 .cnt .left .tit {padding-top: 0;}
	.sec5 .cnt .left .location {width: 100%;}
	.sec5 .cnt .right ul li {height: 150px;}
	.sec5 .cnt .right ul li a > b {font-size: 20px; left: 20px;}
	.sec5 .cnt .right ul li:nth-of-type(2) {margin-top: 0;}
	.sec5 .cnt .right ul li:nth-of-type(4) {margin-top: 0;}
	.sec5 .cnt .right ul li:nth-of-type(2) ~ li {margin-top: 40px;}

	/* sec6 */
	.sec6 {margin-top: 100px; padding: 80px 0 100px;}
	.sec6 .container .control-box.ty2 .sec6-bar {width: 80%;}
}

@media(max-width: 480px){
	
	/* 공통 */
	.section-header h4 {font-size: 35px;}

	/* m-visual */
	.m-visual .visual {height: 670px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container h3 {font-size: 26px; line-height: 40px; top: 200px; left: 10px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container h3 {top: 250px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container small {top: 420px; font-size: 18px; left: 10px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container small {top: 470px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container h3 > br.mo {display: block;}
	.m-visual .visual .controls {right: inherit; left: 10px;}
	.m-visual .visual .swiper-wrapper .slide02 .backdrop {background: url(../images/main/mo-visual02.jpg) 60% 50%;}
	.m-visual .visual .swiper-wrapper .slide03 .backdrop {background-image: url(../images/main/mo-visual03.jpg);}

	/* sec3 */
	.sec3 .wrap .gray .banner .txt {padding: 30px 10px 30px 15px;}
	.sec3 .wrap > ul li ~ li {margin-left: 20px;}
	.sec3 .wrap ul li .s-banner {padding: 20px 10px;}
	.sec3 .wrap ul li .s-banner a {margin-top: 20px;}
	.sec3 .wrap ul li:nth-of-type(2) .s-banner a {margin-top: 20px;}
	.sec3 .wrap ul li .s-banner b {font-size: 20px;}
	.sec3 .wrap ul li .s-banner b > br {display: none;}
	.sec3 .wrap ul li .s-banner::after {right: 20px; bottom: 30px; width: 40px; height: 40px; background-size: 40px 40px;}
	
	/* sec4 */
	.sec4 .wrap ul li.info .cnt-bg {padding: 50px 10px;}
	.sec4 .wrap ul li.info .cnt-bg dl dt {font-size: 16px; width: 60px; height: 60px; padding: 11px 0 10px; line-height: 20px;}
	.sec4 .wrap ul li.info .cnt-bg dl dd b {font-size: 30px;}
	.sec4 .wrap ul li.info .cnt-bg dl dd small {padding-top: 10px; font-size: 16px;}
	.sec4 .wrap ul li.info .cnt-bg p.s-tit {padding-top: 30px; font-size: 20px;}
	.sec4 .wrap ul li.info .cnt-bg p.txt {font-size: 16px; line-height: 30px; margin-top: 15px;}
	.sec4 .wrap ul li.info .cnt-bg a {font-size: 16px; line-height: 40px; width: 120px; padding: 0 15px; margin-top: 20px; background-position: calc(100% - 15px) 50%;}

	/* sec5 */
	.sec5 .cnt .left .tit h4 {font-size: 35px;}
	.sec5 .cnt .left .tit p {padding-top: 20px; line-height: 30px;}
	.sec5 .cnt .left .location {padding-top: 35px;}
	.sec5 .cnt .left .location h5 {font-size: 24px;}
	.sec5 .cnt .left .location a {top: 20px;}
	.sec5 .cnt .left .location p {font-size: 16px;}
	.sec5 .cnt .left .location .line {margin-top: 20px;}
	.sec5 .cnt .right ul li {padding: 0 10px; height: 120px;}
	.sec5 .cnt .right ul li:nth-of-type(2) ~ li {margin-top: 20px;}
	.sec5 .cnt .right ul li a > b {font-size: 18px; left: 8px; bottom: 45px;}

	/* sec6 */
	.sec6 .container .control-box.ty2 {left: 0px; bottom: 70px;}
	.sec6 .container .control-box.ty2 .sec6-bar {width: calc(100% - 30px); margin-top: 50px; left: 50%; transform: translateX(-50%);}
	.sec6 .container .control-box.ty2 .btn-box {margin: 80px auto 0; justify-content:center;}
	.sec6 .container > a {font-size: 16px; line-height: 40px; width: 120px; padding: 0 20px; background-position: calc(100% - 20px) 50%; margin-top: 120px;}
}