@media (max-width: 1600px){
	.s1 .arti01 .box p br {display: none;}
}

@media (max-width: 1400px){
	.page-header.type1 {background-position: 60% 50%;}
	
	.s2 .item .img {max-width: 650px;}
	.s2 .item .txt h4 {font-size: 35px;}
	.s2 .item .txt p br {display: none;}
}

@media (max-width: 1200px){
	.page-header.type1 {background-position: 70% 50%;}

	.s1 .arti01 .txt {gap: 60px;}
	.s1 .arti01 h4 {font-size: 40px;}
	.s1 .arti01 .box h5 {font-size: 22px;}
	.s1 .arti01 .box h5 > span {font-size: 45px;}
	.s1 .arti01 .box p {font-size: 20px;}
	
	.s1 .arti02 .article-header h4 {font-size: 35px;}
	
	.s2 .item .img {max-width: 550px;}
	.s2 .item .txt h4 {font-size: 28px;}
	.s2 .item .txt h4 br {display: none;}
	.s2 .item .txt p {font-size: 20px;}
}

@media (max-width: 1024px){
	.page-header.type1 {background-position: 75% 50%;}

	.s1 .arti02 ul li figcaption h5 {font-size: 24px;}
	.s1 .arti02 ul li figcaption p.dot {font-size: 20px;}
	
	.s2 .item {gap: 40px;}
	.s2 .item .img {max-width: 450px;}
	.s2 .item .txt h4 {font-size: 24px;}
	.s2 .item .txt dl dt {font-size: 22px;}
	.s2 .item .txt dl dd {font-size: 18px;}
	.s2 .item:nth-of-type(1) .img > img {border-radius: 0 150px 0 0;}
	.s2 .item:nth-of-type(2) .img > img {border-radius: 150px 0 0 0;}
	.s2 .item:nth-of-type(3) .img > img {border-radius: 0 150px 0 0;}
	.s2 .item:nth-of-type(4) .img > img {border-radius: 0 0 0 150px;}
}

@media (max-width: 768px){
	.page-header > .container {justify-content: center;}
	.page-header.type1 > .container { align-items: normal; padding-top: 130px;}
	.page-header.type1 {background-image: url(../images/sub/mo-s-visual01.jpg); background-position: 50% 50%;}
	.page-header.type2 {background-image: url(../images/sub/mo-s-visual02.jpg);}
	.page-header.type3 {background-image: url(../images/sub/mo-s-visual03.jpg);}
	.page-header.type4 {background-image: url(../images/sub/mo-s-visual04.jpg);}
	.page-header.type5 {background-image: url(../images/sub/mo-s-visual05.jpg);}
	.lnb ul li a {font-size: 16px; height: 40px;}

	section {padding: 100px 0 150px;}

	.s1 .arti01 {margin-top: 80px;}
	.s1 .arti01 h4 {font-size: 28px;}
	.s1 .arti01 h4 br {display: none;}
	.s1 .arti01 .txt {gap: 30px; flex-wrap: wrap; margin-top: 40px;}
	.s1 .arti01 .box {width: 100%;}
	.s1 .arti01 .box p {font-size: 18px;}
	.s1 .arti01 .box h5 {font-size: 20px;}
	.s1 .arti01 .box h5 > span {font-size: 35px;}
	
	.s1 .arti02 {margin-top: 100px;}
	.s1 .arti02 .article-header h4 {font-size: 26px;}
	.s1 .arti02 ul {flex-wrap: wrap;}
	.s1 .arti02 ul li {flex: 0 0 calc(50% - 15px);}
	.s1 .arti02 ul li figcaption h5 {font-size: 20px;}
	.s1 .arti02 ul li figcaption p.dot {font-size: 18px; padding-left: 20px;} 
	.s1 .arti02 ul li figcaption p.dot::before {left: 0; top: 12px;}
	
	.s2 .item {flex-wrap: wrap;}
	.s2 .item:nth-of-type(2n) {flex-direction: row;}
	.s2 .item ~ .item {margin-top: 100px;}
	.s2 .item .txt {width: 100%;}
	.s2 .item .txt h4 {font-size: 20px; margin-top: 20px;}
	.s2 .item .txt p {font-size: 18px;}
	.s2 .item .txt dl dt {font-size: 18px;}
	.s2 .item .txt dl dd {font-size: 16px;}
}

@media (max-width: 480px){
	.page-header {height: 350px;}
	.page-header .container h3 {font-size: 40px;}
	
	.s1 .arti01 h4 {font-size: 24px;}
	.s1 .arti01 .txt {gap: 20px;}
	.s1 .arti01 .box p ~ p {margin-top: 20px;}
	.s1 .arti01 .box h5 {margin-top: 30px;}
	
	.s1 .arti02 .article-header h4 {font-size: 22px;}
	.s1 .arti02 ul li {flex: 100%;}
	.s1 .arti02 ul li figcaption p.dot {font-size: 16px;}
	
	.s2 .item:nth-of-type(1) .img > img {border-radius: 0 100px 0 0;}
	.s2 .item:nth-of-type(2) .img > img {border-radius: 100px 0 0 0;}
	.s2 .item:nth-of-type(3) .img > img {border-radius: 0 100px 0 0;}
	.s2 .item:nth-of-type(4) .img > img {border-radius: 0 0 0 100px;}
}