@media(max-width: 1470px){
	/* s2_1 */
	.s2_1 .map-contain {width: 1024px; height: 720px !important;}

	.s2_1 article span.dot1 {top: 70px; right: 331px;}
	.s2_1 article span.dot2 {top: 158px; right: 405px;}
	.s2_1 article span.dot3 {top: 225px; right: 455px;}
	.s2_1 article span.dot4 {top: 200px; left: 505px;}
	.s2_1 article span.dot5 {top: 251px; left: 500px;}
	.s2_1 article span.dot6 {top: 275px; right: 479px;}
	.s2_1 article span.dot7 {top: 285px; left: 490px;}
	.s2_1 article span.dot8 {top: 385px; left: 463px;} 

	/* s2_2 */
	.s2_2 article .container {width: 1024px;}

	.s2_2 article span.dot1 {top: 250px; left: 130px;}
	.s2_2 article span.dot2 {top: 270px; left: 156px;}
	.s2_2 article span.dot3 {top: 275px; left: 146px;}
	.s2_2 article span.dot4 {top: 197px; right: 483px;}
	.s2_2 article span.dot5 {top: 318px; right: 250px;}

}

@media(max-width: 1400px){
	/* s1_1 */
	.s1_1 .txt p > br {display: none;}

	/* s3_3 */
	.s3_3 .list ul li {padding: 40px 0 40px 40px;}
}

@media(max-width: 1200px){
	/* s1_1 */
	.s1_1 .tit h4 {font-size: 40px;}

	/* s1_2 */
	.history-wrap .year {max-width: 450px; padding-left: 80px;}
	.history-wrap .year h3 {left: 80px; font-size: 25px;}
	.history-wrap .year p {left: 80px; font-size: 80px;}

	/* s1_4 */
	.s1_4 ul li .txt-box {padding-left: 40px;}
	.s1_4 ul li .txt-box::before {left: 40px;}

	/* s3_2 */
	.plant li .item .txt-box {padding: 25px 5px 0;}
	.plant li .item .txt-box p > br {display: none;}
	.plant li .item .txt-box h5 {font-size: 20px;}

	/* s3_3 */
	.s3_3 .list ul li dl dd > br {display: none;}
}

@media(max-width: 1024px){
	.section-header h3 {font-size: 45px;}
	.section-header span {font-size: 30px; padding: 60px 0 30px}
	.article-header h4 {font-size: 40px;}
	.bg {height: 300px; margin-top: 60px;}
	.bg.s103 {margin-top: 40px;}

	/* s1_1 */
	.s1_1 .tit h4 {font-size: 35px; line-height: 50px;}

	/* s1_2 */
	.history-wrap .year {display:none;}
	.history-wrap .col {display:block;}
	.history-wrap .txt-wrap {width:100%;}
	.history-wrap .txt-wrap .txt-box {padding-left: 30px;}
	.history-wrap .txt-wrap .txt-box:last-child {padding-bottom: 60px;}
	.history-wrap .txt-wrap .txt-box .mo-year {display: block; font-size:40px; color: #004ea2; font-weight: 600;}
	.history-wrap .txt-wrap .txt {margin-top: 20px;}
	.history-wrap .txt-wrap .txt ~ .txt {margin-top: 20px;}

	/* s1_4 */
	.s1_4 ul li .txt-box {padding: 75px 20px 0;}
	.s1_4 ul li .txt-box::before {left: 20px; width: 50px; height: 50px; background-size: 50px auto;}
	.s1_4 ul li .txt-box h5 {font-size: 24px;}
	.s1_4 ul li .txt-box p {padding-top: 20px; font-size: 16px; line-height: 26px;}
	.s1_4 ul li .txt-box p > br {display: none;}

	/* s2_1 */
	.s2_1 article.pc-article {display: none;}
	.s2_2 article.pc-article {display: none;}
	.s2 article.mobile-article {display: block; padding: 80px 0 100px;}
	.s2 .list ul li .item figure figcaption p {line-height: 30px;}

	/* s2_2 */
	.s2_2 article .container {width: 100%; height: auto;}

	/* s3_1 */
	.s3_1 .arti01 .wrap {gap: 20px;}
	.s3_1 .arti01 .wrap figure figcaption {padding-top: 25px; font-size: 18px; line-height: 30px;}
	.s3_1 .table-box table thead th {font-size: 16px; line-height: 26px; padding: 14px 0;}
	.s3_1 .table-box table tbody td {font-size: 16px;}
	.bg-box {padding: 70px 40px 65px;}
	.bg-box .txt h5 {font-size: 28px;}
	.bg-box .txt p {font-size: 20px; padding-top: 20px; line-height: 30px;}

	/* s3_2 */
	.plant li {width: 33.3333%;}
	.plant li:nth-of-type(3) ~ li {margin-top: 60px;}
	.plant li:nth-of-type(3n)::after {display: none;}
	.plant li:nth-of-type(4n)::after {display: block;}
	.plant li:last-child::after {display: none;}

	/* s3_3 */
	.s3_3 .list ul li {padding: 40px 0 40px 20px;}
	.s3_3 .list ul li dl {flex-wrap: wrap;}
	.s3_3 .list ul li dl dt {max-width: 100%;}
	.s3_3 .list ul li dl dd {margin-top: 20px;}

	/* s4_1 */
	.s4_1 .section-header p {font-size: 20px; padding-top: 35px;}
	.s4_1 .section-header p > br {display: none;}

	.s4_1 .solution ul {width: calc(100% + 30px); margin: 0 -15px;}
	.s4_1 .solution ul li {padding: 0 15px; min-height: 320px;}
	.s4_1 .solution ul li dt {max-width: 120px;}
}

@media(max-width: 768px){
	/* 공통 */
	.real-cont {padding: 80px 0 100px;}
	.page-header > .container h3 {font-size: 40px;}
	.page-header > .container p {font-size: 18px; line-height: 28px; padding-top: 30px;}
	section {padding: 80px 0 100px;}
	.section-header h3 {font-size: 30px; padding-top: 35px;}
	.section-header span {font-size: 24px; line-height: 40px; padding: 40px 0;}
	.section-header p {font-size: 16px; line-height: 28px;}
	.section-header p > br {display: none;}
	article ~ article {margin-top: 60px;}
	.article-header {padding-bottom: 40px;}
	.article-header h4 {font-size: 28px;}
	.article-header h4::before {top:3px; height: 25px; background-size: auto 25px;}

	.note {display: block;}
	.table-box {overflow: auto;}
	.table-box table thead th {padding: 20px 0; font-size: 16px;}
	.table-box table tbody td {padding: 20px 0; font-size: 16px;}

	/* s1_1 */
	.s1_1 .wrap {flex-wrap: wrap;}
	.s1_1 .tit {max-width: 100%; width: 100%;}
	.s1_1 .txt {max-width: 100%; width: 100%; margin-top: 30px;}

	/* s1_2 */
	.history-wrap {margin-top: 60px;}
	.history-wrap .txt-wrap .txt-box .mo-year {font-size: 30px;}
	.history-wrap .txt-wrap .txt-box {padding-left: 30px; padding-bottom: 30px;}
	.history-wrap .txt-wrap .txt-box:before {left: 6px;}
	.history-wrap .txt-wrap .txt-box:after {left: 10px;}
	.history-wrap .txt-wrap .txt ~ .txt {margin-top: 10px;}
	.history-wrap .txt-wrap .txt-box:last-child {padding-bottom: 40px;}
	.history-wrap .txt-wrap .txt .month {font-size: 16px; line-height: 24px; max-width: 55px; width: 100%;}
	.history-wrap .txt-wrap .txt ul li {font-size: 16px; line-height: 24px;}
	
	/* s1_4 */
	.s1_4 ul li {flex-wrap: wrap;}
	.s1_4 ul li.rev {flex-direction: row;}
	.s1_4 ul li .img {max-width: 100%;}
	.s1_4 ul li .txt-box {max-width: 100%; margin-top: 30px; padding:0 ;}
	.s1_4 ul li .txt-box::before {left: inherit; right: 50%; top:10px; transform: translateX(-50%); width: 40px; height: 40px; background-size: 40px auto;} 
	.s1_4 ul li .txt-box h5 {font-size: 20px;}

	/* s2_1 */
	.s2_1 article {margin-top: 60px;}
	.s2_1 article.mobile-article {display: none;}
	.s2_1 article.mo-768 {display: block; padding: 80px 0 100px;}
	.s2 .list {margin-top: 40px;}
	.s2 .list ul {width: calc(100% + 30px); margin: 0 -15px;}
	.s2 .list ul li {padding: 0 15px; width: 100%;}
	.s2 .list ul li ~ li {margin-top: 40px;}
	.s2 .list ul li:nth-of-type(2) ~ li {margin-top: 40px;}
	.s2 .list ul li .item h5 {font-size: 22px;}
	.s2 .list ul li .item figure img {width: 100%;}
	.s2 .list ul li .item figure figcaption p {font-size: 16px; line-height: 26px;} 

	/* s2_2 */
	.s2_2 article {margin-top: 60px;}


	/* s3_1 */
	.s3_1 .arti01 {margin-top: 60px;}
	.s3_1 .arti01 .wrap {flex-wrap: wrap; gap: 40px; justify-content: center;}
	.s3_1 .arti01 .wrap figure figcaption {font-size: 16px; padding-top: 15px; line-height: 26px;}
	.s3_1 .table-box table thead th {width: 150px;}

	.bg-box {padding: 40px 20px; margin-top: 60px;}
	.bg-box .txt span {width: 45px; height: 45px;}
	.bg-box .txt h5 {font-size: 24px; padding-top: 20px;}
	.bg-box .txt p {font-size: 18px;}
	.bg-box .txt p > br {display: none;}

	.eps {gap: 30px; flex-wrap: wrap;}
	.eps .eps-img p {font-size: 18px; padding-top: 30px;}

	
	/* s3_2 */
	.s3_2 article {margin-top: 60px;}
	.plant li {width: 50%; min-height:300px; }
	.plant li:nth-of-type(2) ~ li {margin-top: 40px;}
	.plant li:nth-of-type(2n)::after {display: none;}
	.plant li:nth-of-type(3n)::after {display: block;}
	.plant li:nth-of-type(4n)::after {display: block;}
	.plant li .item .img-box img {width: 100%;}
	.plant li .item .txt-box {min-height: 200px;}
	.plant li .item .txt-box h5 {font-size: 18px; padding-top: 10px;}
	.plant li .item .txt-box p {font-size: 16px; line-height: 26px; padding-top: 5px;}

	
	/* s3_3 */
	.s3_3 .img-box {margin-top: 50px;}
	.s3_3 .arti02 .img-box {margin-top: 40px;}
	.s3_3 .list {margin-top: 50px;}
	.s3_3 .list ul li {padding: 20px 15px; width: 100%;}
	.s3_3 .list ul li dl dt {font-size: 18px; line-height: 28px;}
	.s3_3 .list ul li dl dd {font-size: 16px; line-height: 28px; margin-top: 10px;}
	.s3_3 .table-box table thead th:nth-of-type(1),
	.s3_3 .table-box table thead th:nth-of-type(4) {width: 130px;}
	.s3_3 .table-box table thead th:nth-of-type(2) {width: 60px;}
	.s3_3 .table-box table thead th:nth-of-type(3) {width: 150px;}
	.s3_3 .table-box table thead th:nth-of-type(5) {width: 200px;}

	/* s4_1 */
	.s4_1 .section-header p {font-size: 18px; padding-top: 25px; line-height: 30px; word-break: break-all;}
	.s4_1 .section-header p > br {display: none;}
	.s4_1 .arti01 {margin-top: 60px;}

	.s4_1 .cnt {gap: 20px;}
	.s4_1 .cnt2 {flex-wrap: wrap; justify-content: center;}
	.s4_1 .cnt2 .cnt-img {width: 46%;}

	.s4_1 .solution ul {flex-wrap: wrap; width: calc(100% + 20px); margin: 0 -10px;}
	.s4_1 .solution ul li {width: 50%; min-height: 280px; padding:0 10px;}
	.s4_1 .solution ul li:nth-of-type(2) ~ li {margin-top: 20px;}
	.s4_1 .solution ul li dl {padding-top: 80px;}
	.s4_1 .solution ul li dt {max-width: 100px;}
	.s4_1 .solution ul li dd {font-size: 18px; padding-top: 20px;}

	.s4_1 .bg-box {padding-top: 50px;}
	
	.s4_1 .note {margin-top: 60px;}
	.s4_1 .table-box {margin-top: 0;}
	.s4_1 .table-box table thead th:nth-of-type(1) {width: 150px;}
	.s4_1 .table-box table thead th:nth-of-type(2) {width: 280px;}
	.s4_1 .table-box table thead th:nth-of-type(3) {width: 150px;}

	.s4_1 .major {width: calc(100% + 20px); margin: 0 -10px;}
	.s4_1 .major li {width: 50%; padding: 0 10px;}
	.s4_1 .major li:nth-of-type(2) ~ li {margin-top: 20px;}
	.s4_1 .major li .box p {font-size: 16px; margin-top: 20px; line-height: 24px;}

}

@media(max-width: 480px){
	.page-header {height: 500px;}
	.page-header > .container {padding-top: 200px;}
	.page-header > .container p > br {display: block;}
	.lnb {height: 50px;}
	.lnb ul li a {font-size: 16px; line-height: 49px;}
	.lnb .container {padding: 0;}
	.bg {height: 200px;}

	.section-header span {font-size: 20px; line-height: 30px;}
	.article-header h4 {font-size: 26px; padding-left: 20px; line-height: 30px;}

	/* s1_1 */
	.s1_1 article {margin-top: 40px;}
	.s1_1 .tit span {font-size: 16px;}
	.s1_1 .tit h4 {font-size: 28px; line-height: 40px;}
	.s1_1 .txt p {font-size: 16px; line-height: 26px;}
	.s1_1 .txt p ~ p {padding-top: 20px;}
	.s1_1 .txt b {font-size: 18px;}

	/* s1_4 */
	.s1_4 ul li .txt-box::before {right: 15px; transform: none;}

	/* s3_1 */
	.bg-box .txt h5 {font-size: 20px;}
	.bg-box .txt p {font-size: 16px; line-height: 26px;}

	/* s3_2 */
	.plant li {width: 100%; min-height:300px; }
	.plant li ~ li {margin-top: 40px;}
	.plant li::after {display: none;}
	.plant li .item .txt-box {min-height: 170px; padding: 25px 15px 0;}
	.plant li .item .txt-box p > br.mo {display: block;}

	/* s4_1 */
	.s4_1 .solution ul li {min-height: 250px;}
	.s4_1 .solution ul li dl {padding-top: 60px;}
}