@media (max-width: 1400px){
	#sub {overflow: hidden;}
	
	/* s1_1 */
	.s1_1 article .txt p br {display: none;}
	
	/* s1_2 */
	.s1_2 .arti01 .txt p br {display: none;}
	.s1_2 .arti02 .work ul li .item > div {padding: 30px 20px;}
	.s1_2_3 .future .item .txt dl dd br {display: none;}
}

@media (max-width: 1200px){
	.article-header p br {display: none;}

	/* s1_1 */
	.s1_1 article {gap: 40px;}
	.s1_1 article .tit  {max-width: 420px}
	.s1_1 article .tit h4 {font-size: 35px;}
	.s1_1 article .tit h4 br {display: none;}
	
	/* s1_2 */
	.s1_2 .arti01 {gap: 50px;}
	.s1_2 .arti01 figure {max-width: 550px;}
	.s1_2 .arti02 .work ul li .item dl {margin-top: 10px;}
	.s1_2 .arti02 .work ul li .item dl dd br {display: none;}
	.s1_2 .arti02 .why .box .txt p {font-size: 18px;}
	.s1_2 .arti02 .why .box .txt p br {display: none;}
	.s1_2_3 .future .item .txt {max-width:480px; width: 100%;}
	
	/* s1_3 */
	.s1_3 .mark {max-width: 550px;}
	
	/* s1_4 */
	.s1_4 .map-info {padding: 95px 0 0;}
}

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

	/* s1_1 */
	.s1_1 article .tit  {max-width: 300px}
	.s1_1 article .tit h4 {font-size: 30px;}
	
	.s1_1 article .txt dl dt {font-size: 22px;}
	.s1_1 article .txt dl dd {font-size: 22px;}
	.s1_1 article .txt dl dd span {font-size: 38px;}
	
	/* s1_2 */
	.s1_2 .arti01 {flex-wrap: wrap;}
	.s1_2 .arti01 .txt {width: 100%;}
	.s1_2 .arti01 .txt h4 {font-size: 35px;}
	.s1_2 .arti01 figure {max-width: 100%;}
	.s1_2 .arti02 .work ul {flex-wrap: wrap;}
	.s1_2 .arti02 .work ul li {flex: 0 0 calc(33.333% - 20px);}
	.s1_2 .arti02 .why .box .txt h5 {font-size: 24px;}
	.s1_2 .arti02 .why .box .txt {padding: 0 20px;}
	.s1_2 .arti03 .value {padding: 0 50px;}
	.s1_2 .arti03 .value h5 {font-size: 35px;}
	.s1_2 .arti03 .value p {font-size: 22px;}
	.s1_2_2 .arti02 .container > h4 {font-size: 30px;}
	.s1_2_3 .arti01 .tit h4 {font-size: 30px;}
	.s1_2_3 .arti01 .tit p {font-size: 24px;}
	.s1_2_3 .future .item .txt {max-width: 380px;}
	.s1_2_3 .future .item .txt h5 {font-size: 70px;}
	.s1_2_3 .future .item .txt dl dt {font-size: 22px;}
	.s1_2_3 .future .item .txt dl dd {font-size: 18px;}
	.s1_2_3 .arti02 .banner {padding: 0 50px;}
	.s1_2_3 .arti02 .banner h5 {font-size: 35px;}
	.s1_2_3 .arti02 .banner p {font-size: 22px;}
	.s1_2_3 .goal .item .txt {max-width: 180px; min-height: 150px;}
	
	/* s1_3 */
	.s1_3 .section-header p {font-size: 22px;}
	.s1_3 .arti01 {gap: 40px;}
	.s1_3 .mark {max-width: 400px; height: 300px; background-size: auto 300px;}
	.s1_3 .arti01 .detail .txt h5 {font-size: 22px;}
	.s1_3 .arti01 .detail .txt p {font-size: 18px;}
	.s1_3 .arti02 {gap: 40px;}
	.s1_3 .arti03 .box p {font-size: 22px;}
	
	/* s1_4 */
	.s1_4 .map-info {gap: 60px;}
	
	/* s2_1 */
	.s2_1 .arti01 h4 {font-size: 30px;}
	.s2_1 .arti01 p {font-size: 24px;}
	.s2_1 .arti01 .step ul {gap: 50px;}
	.s2_1 .arti01 .step ul li {min-height: 200px;}
	.s2_1 .arti01 .step ul li span {font-size: 18px;}
	.s2_1 .arti01 .step ul li dl dt {max-width: 50px;}
	.s2_1 .arti01 .step ul li dl dd {font-size: 18px;}
	.s2_1 .arti02 .notice {padding: 50px;}
}

@media (max-width: 768px){
	.lnb {padding-top: 0;}
	.lnb ul {gap: 40px; justify-content: center;}
	.lnb ul li a {font-size: 18px;}

	section {padding: 100px 0 180px;}
	.section-header h3 {font-size: 35px;}
	.article-header h4 {font-size: 26px;}
	.article-header p {font-size: 20px;}

	/* s1_1 */
	.s1_1 article {flex-wrap: wrap; margin-top: 50px;}
	.s1_1 article .tit {max-width: 100%; margin-top: 0;}
	.s1_1 article .tit h4 {font-size: 26px;}
	.s1_1 article .txt {width: 100%;}
	.s1_1 article .txt p {font-size: 18px;}
	.s1_1 article .txt dl {gap: 20px;}
	
	/* s1_2 */
	.s12-tab ul li a {font-size: 18px;}
	.s1_2 .arti01 .txt h4 {font-size: 28px; margin-top: 50px;}
	.s1_2 .arti01 .txt p {font-size: 18px;}
	.s1_2 .arti02 {margin-top: 100px; padding: 120px 0;}
	.s1_2 .arti02 .work ul {gap: 20px;}
	.s1_2 .arti02 .work ul li {flex: 0 0 calc(50% - 10px);}
	.s1_2 .arti02 .why .box {flex-wrap: wrap;}
	.s1_2 .arti02 .why .box figure {width: 100%;}
	.s1_2 .arti02 .why .box figure img {height: auto; width: 100%;}
	.s1_2 .arti02 .why .box .txt {width: 100%; padding: 30px 20px;}
	.s1_2 .arti02 .why .box .txt h5 {font-size: 18px;}
	.s1_2 .arti02 .why .box .txt p {font-size: 16px; margin-top: 20px;}
	.s1_2 .arti03 {padding-top: 100px;}
	.s1_2 .arti03 .value {padding: 0 30px; height: 300px; background-position: 60% 50%;}
	.s1_2 .arti03 .value h5 {font-size: 28px;}
	.s1_2 .arti03 .value p {font-size: 20px;}
	.s1_2_2 .arti02 .container > h4 {margin-top: 80px;}
	.s1_2_3 .arti01 {margin-top: 50px;}
	.s1_2_3 .arti01 .tit h4 {font-size: 24px;}
	.s1_2_3 .arti01 .tit p {font-size: 20px;}
	.s1_2_3 .future .item {flex-wrap: wrap;}
	.s1_2_3 .future .item ~ .item {margin-top: 50px;}
	.s1_2_3 .future .item .txt {max-width: 100%; gap: 25px;}
	.s1_2_3 .future .item .txt h5 {font-size: 50px;}
	.s1_2_3 .future .item .txt dl dt {font-size: 20px;}
	.s1_2_3 .future .item .txt dl dd {font-size: 18px; margin-top: 15px;}
	.s1_2_3 .arti02 .banner {padding: 0 30px; height: 300px; background-position: 60% 50%;}
	.s1_2_3 .arti02 .banner h5 {font-size: 28px;}
	.s1_2_3 .arti02 .banner p {font-size: 20px;}
	.s1_2_3 .goal .item {flex: 100%;}
	.s1_2_3 .goal .item .txt {max-width: 100%; width: 50%;}

	/* s1_3 */
	.s1_3 .section-header ~ .section-header {margin-top: 100px;}
	.s1_3 .arti01 {flex-wrap: wrap;}
	.s1_3 .mark {max-width: 100%; background-size: cover;}
	.s1_3 .arti01 {margin-top: 50px;}
	.s1_3 .arti01 .detail {width: 100%;}
	.s1_3 .arti02 {flex-wrap: wrap;}
	.s1_3 .arti02 h5 {font-size: 22px; text-align: center; width: 100%;}
	.s1_3 .section-header p {font-size: 20px;}
	.s1_3 .arti03 {gap: 15px;}
	.s1_3 .arti03 .box p {font-size: 20px;}
	
	/* s1_4 */
	.s1_4 .map {height: 300px; margin-top: 50px;}
	.s1_4 .map-info .btns {right: 0; top: -30px;}
	.s1_4 .map-info .btns a {width: 60px; height: 60px;}
	.s1_4 .map-info {flex-wrap: wrap; gap: 40px;}
	.s1_4 .map-info .info {width: 100%;}
	.s1_4 .map-info .info dl dt {max-width: 135px;}
	
	/* s2_1 */
	.s2_1 .arti01 h4 {font-size: 24px;}
	.s2_1 .arti01 p {font-size: 20px;}
	.s2_1 .arti01 .step {margin-top: 60px;}
	.s2_1 .arti01 .step ul {gap: 30px; flex-wrap: wrap; justify-content: center;}
	.s2_1 .arti01 .step ul li {width: 100%; max-width: 200px; min-height: 200px;}
	.s2_1 .arti01 .step ul li:not(:last-child)::before, .s2_1 .arti01 .step ul li:not(:last-child)::after {display: none;}
	.s2_1 .arti02 {margin-top: 100px;}
	.s2_1 .arti02 .notice {padding: 30px;}
	.s2_1 .arti02 .notice h5 {font-size: 22px;}
	.s2_1 .arti02 .notice p {font-size: 18px; margin-left: 20px;}
}

@media (max-width: 480px){
	.page-header {height: 400px}

	.lnb > .container {padding: 0;}
	.lnb ul {gap: 20px;}

	.section-header h3 {font-size: 28px;}
	.article-header p {font-size: 18px;}
	
	/* s1_1 */
	.s1_1 article .tit h4 {font-size: 22px;}
	.s1_1 article .txt p {font-size: 16px;}
	.s1_1 article .txt dl dt {font-size: 18px;}
	.s1_1 article .txt dl dd {font-size: 18px; gap: 10px;}
	.s1_1 article .txt dl dd span {font-size: 30px;}
	
	/* s1_2 */
	.s12-tab ul li a {font-size: 16px; height: 48px;}
	.s1_2 .arti01 {margin-top: 0;}
	.s1_2 .arti01 .txt h4 {font-size: 24px;}
	.s1_2 .arti01 .txt p {font-size: 16px;}
	.s1_2 .arti02 .work ul li .item dl dt {font-size: 18px;}
	.s1_2 .arti03 .value {padding: 0 20px; background-position: 65% 50%; gap: 25px;}
	.s1_2 .arti03 .value h5 {font-size: 22px;}
	.s1_2 .arti03 .value p {font-size: 18px;}
	.s1_2 .arti03 .value p br {display: none;}
	.s1_2_2 .arti02 .container > h4 {font-size: 24px;}
	.s1_2_3 .arti01 {margin-top: 50px;}
	.s1_2_3 .future .item .txt h5 {font-size: 40px;}
	.s1_2_3 .arti01 .tit h4 {font-size: 22px;}
	.s1_2_3 .arti01 .tit p {font-size: 18px;}
	.s1_2_3 .future .item .txt dl dt {font-size: 18px;}
	.s1_2_3 .future .item .txt dl dd {font-size: 16px;}
	.s1_2_3 .arti02 .banner {padding: 0 20px; height: 250px;}
	.s1_2_3 .arti02 .banner h5 {font-size: 22px;}
	.s1_2_3 .arti02 .banner p {font-size: 18px;}
	.s1_2_3 .arti02 .work ul li {min-height: 270px;}
	.s1_2_3 .goal {gap: 20px}
	.s1_2_3 .goal .item .txt {min-height: 120px;}
	.s1_2_3 .goal .item .txt p {font-size: 16px;}
	
	/* s1_3 */
	.s1_3 .mark {height: 200px;}
	.s1_3 .mark img {width: 40%;}
	.s1_3 .arti01 .detail .txt ~ .txt {margin-top: 30px;}
	.s1_3 .arti01 .detail .txt h5 {font-size: 18px;}
	.s1_3 .arti01 .detail .txt p {font-size: 16px;}
	.s1_3 .arti02 .mark {height: 180px;}
	.s1_3 .arti02 .mark img {width: 70%;}
	.s1_3 .arti02 h5 {font-size: 20px;}
	.s1_3 .arti03 {flex-wrap: wrap;}
	.s1_3 .arti03 .box {width: 100%; min-height: 100px;}
	.s1_3 .arti03 .box p {font-size: 18px;}
	
	/* s1_4 */
	.s1_4 .map-info .info dl {flex-wrap: wrap;}
	.s1_4 .map-info .info dl dt {font-size: 16px; max-width: 100%;}
	.s1_4 .map-info .info dl dt::after {display: none;}
	.s1_4 .map-info .info dl dd {font-size: 16px;}
	
	/* s2_1 */
	.s2_1 .arti01 h4 {font-size: 22px;}
	.s2_1 .arti01 p {font-size: 18px;}
	.s2_1 .arti01 .step ul {gap: 20px;}
	.s2_1 .arti01 .step ul li {width: 100%; max-width: 150px; min-height: 150px;}
	.s2_1 .arti01 .step ul li span {font-size: 16px; line-height: 26px; padding: 0 10px;}
	.s2_1 .arti01 .step ul li dl {gap: 10px;}
	.s2_1 .arti01 .step ul li dl  dt {max-width: 40px;}
	.s2_1 .arti02 .notice {padding: 30px 10px;}
	.s2_1 .arti02 .notice h5 {font-size: 20px;}
	.s2_1 .arti02 .notice h5::before {top: 12px;}
	.s2_1 .arti02 .notice p {font-size: 16px;}
}