@charset "utf-8";

@media (max-width: 1700px) {
	/* main */
	.main-visual .slick-prev {left: 15px;}
	.main-visual .slick-next {right: 15px;}

	.sec03 .slick-prev {left: 0;}
	.sec03 .slick-next {right: 0;}
}

@media (max-width: 1400px) {
	/* header */
	#header .sitelogo a {margin-top: -24px;}
	#header .sitelogo img {width: 300px;}
	#gnb>ul {margin-left: 300px;} 
	#gnb>ul>li>a {width: 160px;}

	/* main */
	.main-visual .thumb .text-box {padding: 0 45px;}

	/* section02 */
	.sec02 .introduce-wrap {max-width: 650px;} 
	.sec02 .item a {padding: 35px 25px 35px 30px;}
	.sec02 .item .text h3 {font-size: 26px;}
	.sec02 .gallery .img-box {max-width: 420px;}
	.sec02 .gallery .text-box .title p {height:calc(1.77em * 1 * 5); -webkit-line-clamp:5;}

	/* footer */
	.scroll-top {right:20px; bottom:90px;}

	/* site-map */
	.site-wrap .head .logo img {width: 300px;}
}

@media (max-width: 1200px) {
	/* header */
	#header .sitelogo a {margin-top: -21px;}
	#header .sitelogo img {width: 260px;}
	#gnb>ul {margin-left: 270px;} 
	#gnb>ul>li>a {width: 130px; font-size: 18px;}
	#gnb .submenu ul li a {font-size: 16px;}
	.mems {right: 50px;}
	.mems ul li a {width: 70px;}

	/* section02 */
	.sec02 {padding: 90px 0;}
	.sec02 .wrap {display: flex; flex-wrap: wrap; margin: 0;}
	.sec02 .wrap > div {padding: 0;}
	.sec02 .introduce-wrap {display: flex; flex-wrap: wrap; max-width: none; width: calc(100% + 10px); margin: -5px; margin-bottom: 30px;} 
	.sec02 .introduce-wrap > div {width: 25%; padding: 5px;}
	.sec02 .item a {padding: 35px 25px 35px 30px;}

	/* site-map */
	.site-wrap .head .logo img {width: 260px;}
}

@media (max-width: 1024px) {
	/* header */
	#header {height:70px;}
	#header.hide {transform:translateY(0);}
	#gnb {display:none;}
	.mems {right: 60px;}

	/* main */
	.main-visual {height: 450px; margin-top: 95px;}
	.main-visual .origin .item {height: 450px;}
	.main-visual .thumb .text-box {margin-top: 135px; padding: 0 35px;}
	.main-visual .thumb .text-box h2 {font-size: 38px; padding-bottom: 15px; }
	.main-visual .slick-arrow {background-repeat: no-repeat; background-size: 30px auto;}
	.main-visual .slick-dots {bottom: 55px;}

	/* section01 */
	.sec01 {padding: 60px 0 50px;}
	.sec01 .wrap {display: block; margin: 0;}
	.sec01 .wrap > div {width: 100%; padding: 0;}
	.sec01 .notice {margin-bottom: 40px;}
	.sec01 .sec-title {padding-bottom: 12px;}
	.sec01 .sec-title h3 {font-size: 25px; padding-left: 16px;}
	.sec01 .sec-title h3:before {margin-top: -12px; height: 24px;}
	.sec01 .sec-title a {font-size: 16px; padding-right: 20px;}
	.sec01 .list-wrap li {height: 55px; padding-left: 14px;}
	.sec01 .list-wrap li:before {top: 23px;}
	.sec01 .list-wrap li .title {font-size: 16px;}
	.sec01 .list-wrap li .title .new {width: 50px; line-height: 26px; font-size: 15px; margin-right: 10px;}
	.sec01 .list-wrap li .date {max-width: 70px; font-size: 16px;}

	/* section02 */
	.sec02 {padding: 55px 0;}
	.sec02 .introduce-wrap {display: flex; flex-wrap: wrap; max-width: none; margin: -5px; margin-bottom: 30px;} 
	.sec02 .introduce-wrap > div {width: 50%; padding: 5px;}
	.sec02 .item a {padding: 15px 25px 15px 30px;}
	.sec02 .item .text h3 {font-size: 23px; margin-bottom: 6px;}
	.sec02 .item .text p {font-size: 15px; padding-right: 22px;}
	.sec02 .item .icon {max-width: 90px; height: 90px; background-size: 90px auto;}
	.sec02 .gallery .img-box {max-width: 400px;}
	.sec02 .gallery .text-box {padding: 40px 25px;}
	.sec02 .gallery .text-box .title {margin-bottom: 20px;}
	.sec02 .gallery .text-box .title p {font-size: 16px; height:calc(1.77em * 1 * 6); -webkit-line-clamp:6;}
	.sec02 .gallery .text-box .date {font-size: 15px;}

	/* section03 */
	.sec03 {padding: 20px 0;}
	.sec03 .items {padding: 0 30px;}

	/* footer */
	.scroll-top {right:15px; bottom:70px; width: 50px; height: 50px;}
	
	/* site-map */
	.site-wrap .head {height: 121px; padding: 0;}
}

@media (max-width: 768px) {
	/* header */
	#header {height:60px;}
	#header .sitelogo a {margin-top: -15px;}
	#header .sitelogo img {width: 190px;}
	#gnb {display:none;}
	.mems {right: 45px;}
	.mems ul li a {width: 55px; font-size: 13px;}

	/* main */
	.main-visual {height: 500px; margin-top: 85px;}
	.main-visual .origin .item {height: 500px;}
	.main-visual .thumb .text-box {display: flex; flex-direction: column; justify-content: center; height: 500px; margin-top: unset; padding: 0 25px;}
	.main-visual .thumb .text-box h2 {font-size: 30px; padding-bottom: 15px; }
	.main-visual .slick-arrow {margin-top: -60px; background-repeat: no-repeat; background-size: 20px auto;}
	.main-visual .slick-dots {bottom: 40px;}

	/* section01 */
	.sec01 {padding: 50px 0;}
	.sec01 .notice {margin-bottom: 35px;}
	.sec01 .sec-title {padding-bottom: 12px;}
	.sec01 .sec-title h3 {font-size: 22px; padding-left: 15px;}
	.sec01 .sec-title h3:before {margin-top: -10px; height: 20px;}
	.sec01 .sec-title a {font-size: 16px; padding-right: 20px;}
	.sec01 .list-wrap li {height: 50px; padding-left: 12px;}
	.sec01 .list-wrap li:before {top: 22px;}
	.sec01 .list-wrap li .title {font-size: 16px;}
	.sec01 .list-wrap li .title .new {width: 50px; line-height: 26px; font-size: 15px; margin-right: 8px;}
	.sec01 .list-wrap li .date {max-width: 50px; font-size: 16px;}

	/* section02 */
	.sec02 {padding: 50px 0;}
	.sec02 .introduce-wrap {margin-bottom: 20px;} 
	.sec02 .introduce-wrap > div {width: 50%; padding: 5px;}
	.sec02 .item a {padding: 15px 20px 15px 20px;}
	.sec02 .item .text h3 {font-size: 20px; margin-bottom: 4px;}
	.sec02 .item .icon {max-width: 80px; height: 80px; background-size: 80px auto;}
	.sec02 .gallery .img-box {max-width: 300px;}
	.sec02 .gallery .text-box {padding: 35px 20px;}
	.sec02 .gallery .text-box .title {margin-bottom: 20px;}
	.sec02 .gallery .text-box .title p {font-size: 16px; height:calc(1.77em * 1 * 4); -webkit-line-clamp:4;}

	/* footer */
	#footer {padding:35px 0;}
	#footer p {font-size: 15px; text-align: center;}
	.footer-top {padding-bottom: 15px; margin-bottom: 15px;}
	.footer-top ul {display: flex; flex-wrap: wrap; justify-content: center;}
	.footer-top ul li {font-size: 15px;}
	.footer-bottom {display: block;}
	.footer-bottom ul {display: flex; justify-content: center; margin: 10px -14px 0;}	
	.footer-bottom ul li {padding: 0 14px;}
	.footer-bottom ul li a {font-size: 15px;}

	/* site-map */
	.site-wrap .head {height: 111px;}
	.site-wrap .head .logo img {width: 190px;}
	.sitemap .sitemap-close {top: 55px;}
}

@media (max-width: 480px) {
	/* section02 */
	.sec02 .introduce-wrap > div {width: 100%;}
	.sec02 .gallery a {flex-wrap: wrap;}
	.sec02 .gallery .img-box {max-width: none;}
	.sec02 .gallery .text-box {width: 100%; flex: auto; padding: 15px 20px;}
	.sec02 .gallery .text-box .title {margin-bottom: 10px;}
	.sec02 .gallery .text-box .title p {height:calc(1.77em * 1 * 2); -webkit-line-clamp:2;}
}