@charset "utf-8";

@media (max-width: 1600px) {
	
}

@media (max-width: 1400px) {
	.cnt-wrap .cnt > .swiper .swiper-slide .txt-box {padding: 50px 30px 0;}

	/* sec3 */
	.sec3 .cnt-wrap .cnt > .swiper .swiper-slide .txt-box {padding: 0 40px;}
}

@media (max-width: 1200px) {
	/* sec2 */
/* 	.cnt-wrap .cnt > .swiper {height: 360px;} */
	.cnt-wrap .cnt > .swiper .swiper-slide .txt-box {padding: 30px 20px 0;}

	/* sec3 */
	.sec3 .cnt-wrap .cnt > .swiper .swiper-slide .txt-box {padding: 0 20px;}

	/* sec4 */
	.sec4 .schedule-wrap {gap: 20px;}
	.sec4 .schedule-wrap .calendar table thead th p {max-width: 50px;}
	.sec4 .schedule-wrap .schedule .sch-list {padding: 40px 30px 0;}

	/* sec6 */
	.sec6 .banner li {height: 400px;}

}

@media (max-width: 1024px) {
	/* sec3 */
	.sec3 .cnt-wrap .cnt.show {padding-top: 50px;}
	.sec3 .cnt-btns {top: -20px;}
	/* .sec3 .cnt-wrap .cnt > .swiper {height: 355px;} */
	.sec3 .cnt-wrap .cnt > .swiper .swiper-slide {padding: 50px 0 50px;}
	.sec3 .cnt-wrap .cnt > .swiper .swiper-slide:nth-of-type(4n) .txt-box {border-right: 1px solid #ddd;}
	/* .sec3 .cnt-wrap .cnt > .swiper .swiper-slide:nth-of-type(3n) .txt-box {border-right: 0;} */

	/* sec4 */
	.sec4 .intro ul {width: calc(100% + 20px); margin: 0 -10px;}
	.sec4 .intro ul li {padding: 0 10px;}
	.sec4 .intro ul li a .txt {font-size: 18px; padding: 15px 0;}

	.sec4 .schedule-wrap {min-height: 335px;}
	.sec4 .schedule-wrap .calendar .cal-tit .year-month {line-height: 50px; font-size: 18px;}
	.sec4 .schedule-wrap .calendar .cal-btn {height: 50px;}
	.sec4 .schedule-wrap .calendar table thead th {padding-top: 8px;}
	.sec4 .schedule-wrap .calendar table thead th p {max-width: 35px; line-height: 20px;}
	.sec4 .schedule-wrap .calendar table tbody td a {font-size: 18px; line-height: 50px;}
	.sec4 .schedule-wrap .schedule .tit {line-height: 50px; font-size: 18px;}
	.sec4 .schedule-wrap .schedule .sch-list {padding: 30px 15px 0; min-height: 285px;}
	.sec4 .schedule-wrap .schedule .sch-list li a {font-size: 16px;}
	.sec4 .schedule-wrap .schedule .sch-list li small {max-width: 60px;}

	/* sec5 */
	.sec5 .gall-slide .gallery .gall-item a .txt {margin-top: 20px;}
	.sec5 .gall-slide .gallery .gall-item a .txt h5 {font-size: 18px;}
	.sec5 .gall-slide .gallery .gall-item a .txt span {margin-top: 25px;}

	/* sec6 */
	.sec6 .banner li {height: 350px;}
	.sec6 .banner li a h5 {font-size: 30px;}
	.sec6 .banner li a dl dd {font-size: 30px; padding-top: 25px;}
}

@media (max-width: 768px) {
	section {padding-bottom: 100px;}
	.sec3 {padding-top: 80px;}
	.section-header {margin-top: 80px;}
	.section-header h3 {font-size: 35px;}
	.section-header p {margin-top: 20px;}
	.section-header p > br {display: none;}

	.m-visual .visual .swiper-wrapper .slide01 .backdrop {background-image: url(../images/main/mo-visual01.jpg);}
	.m-visual .visual .swiper-wrapper .slide02 .backdrop {background-image: url(../images/main/mo-visual02.jpg);}
	.m-visual .visual .swiper-wrapper .slide03 .backdrop {background-image: url(../images/main/mo-visual03.jpg);} 
	.m-visual .visual .swiper-wrapper .slide04 .backdrop {background-image: url(../images/main/mo-visual04.jpg);} 
	.m-visual .visual .swiper-wrapper .slide05 .backdrop {background-image: url(../images/main/mo-visual05.jpg);} 
	.m-visual .visual .swiper-wrapper .slide06 .backdrop {background-image: url(../images/main/mo-visual06.jpg);} 

	.m-visual .visual .swiper-wrapper .swiper-slide .container p {font-size: 20px; line-height: 35px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container h3 {font-size: 40px; line-height: 55px;}

	/* sec2 */
	.tab ul li {max-width: 120px;}
	.tab ul li a {font-size: 16px; line-height: 45px;}
	.cnt-btns {width: 156px; height: 47px; top: -85px;}

	/* sec3 */
	.sec3 .tab {margin-bottom: 0;}
	.tab ul {flex-wrap: wrap;}
	.sec3 .cnt-wrap .cnt.show {padding-top: 70px;}
	.sec3 .cnt-btns {top: 10px;}

	/* sec4 */
	.sec4 .section-header {padding-bottom: 0;}
	.sec4 .section-header a.more {width: 47px; height: 47px; bottom: inherit; top: -8px;}
	.sec4 .intro ul {flex-wrap: wrap;}
	.sec4 .intro ul li {width: 50%;}
	.sec4 .intro ul li:nth-of-type(2) ~ li {margin-top: 20px;}

	.sec4 .schedule-wrap {min-height: auto; flex-wrap: wrap; margin-top: 50px;}
	.sec4 .schedule-wrap .calendar {max-width: 100%;}
	.sec4 .schedule-wrap .calendar table tbody td a {font-size: 16px;}
	.sec4 .schedule-wrap .schedule {max-width: 100%;}

	/* sec5 */
	.sec5 .gall-slide {margin-top: 70px;}
	.sec5 .cnt-btns {top: -60px;}
	.sec5 .gall-slide .gallery .gall-item a .txt h5 {font-size: 16px; line-height: 26px;}

	/* sec6 */
	.sec6 .banner {flex-wrap: wrap;}
	.sec6 .banner li {height: 200px; width: 100%;}
	.sec6 .banner li a h5 {font-size: 24px;}
	.sec6 .banner li a dl dt {max-width: 60px;}
	.sec6 .banner li a dl dd {font-size: 24px; padding-top: 15px;}

}

@media (max-width: 480px) {
	.section-header h3 {font-size: 30px;}

	.m-visual .visual {height: 740px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container p {top: 280px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container p {top: 320px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container h3 {font-size: 35px; line-height: 50px; letter-spacing: -.8px; top: 330px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container h3 {top:370px; }

	/* sec2 */
	.tab ul {gap: 5px;}
	.tab ul li {max-width: 105px;}
	.cnt-wrap {margin-top: 40px;}
	.cnt-btns {top: -20px;}
	.cnt-wrap .cnt > .swiper { padding-top: 40px;}
	.cnt-wrap .cnt > .swiper .swiper-slide .txt-box dl dt {font-size: 35px;}
	.cnt-wrap .cnt > .swiper .swiper-slide .txt-box h5 {font-size: 18px; line-height: 28px; height: 55px; margin-top: 15px;}

	/* sec3 */
	.sec3 .tab {margin-bottom: 30px;}
	.sec3 .cnt-btns {top: -20px;}
	.sec3 .cnt-wrap .cnt.show {padding-top: 40px;}
	.sec3 .cnt-wrap .cnt > .swiper {padding-top: 0; height: 180px;}
	.sec3 .cnt-wrap .cnt > .swiper .swiper-slide {padding: 40px 0 30px;}
	.sec3 .cnt-wrap .cnt > .swiper .swiper-slide .txt-box {border-right: 0 !important;}

	/* sec4 */
	.sec4 .schedule-wrap .calendar table tbody td a {line-height: 40px;}
	.sec4 .schedule-wrap .schedule .sch-list {padding: 15px; min-height: auto;}

	/* sec5 */
	.sec5 .gall-slide {margin-top: 100px;}

}