@charset "utf-8";


@media (max-width: 1500px) {
	.inner {padding: 0;}

	.s1_1 .arti01 .intro {padding: 65px 600px 65px 35px;}
	.s1_1 .arti01 .intro p > br {display: none;}
}

@media (max-width: 1300px) {
	.cnt p > br {display: none;}
	
	.s1_1 .arti01 {width: 100%; display: flex; align-items: center;}
	.s1_1 .arti01 .intro {width: 1%; flex: 1 1 auto; padding: 65px 35px; min-height: 540px;}
	.s1_1 .arti01 .intro h4 {font-size: 40px;}
	.s1_1 .arti01 .intro h5 {margin-top: 40px; font-size: 25px;}
	.s1_1 .arti01 .intro p {line-height: 1.6; margin-top: 25px;}
	.s1_1 .arti01 > figure {position: static; height: 540px;max-width: 550px; width: 100%;}
	.s1_1 .arti01 > figure img {height: 100%;}
	.s1_1 .key3 ul {width: calc(100% + 30px); margin: 0 -15px;}
	.s1_1 .key3 ul li {padding: 0 15px;}
	.s1_1 .key3 ul li dl dd p > br {display: none;}
	
	.s1_3 article {gap: 30px;}
	
	.s1_5 .map-info {padding-left: 0;}
	
	.s4 article .item .txt p > br {display: none;}
}

@media (max-width: 1024px) {
	.section-header h3 {font-size: 40px;}
	.section-header p {font-size: 25px; margin-top: 25px;}
	.section-header p > span {font-size: 20px;}
	
	.cnt p {font-size: 18px;}

	.s1_1 .arti01 {flex-wrap: wrap;}
	.s1_1 .arti01 .intro {width: 100%; min-height: auto;}
	.s1_1 .arti01 > figure {max-width: 100%; height: auto;}
	.s1_1 .key3 ul li dl dd strong {font-size: 20px; line-height: 1.5;}
	.s1_1 .key3 ul li dl dd strong > span {font-size: 18px;}
	.s1_1 .key3 ul li dl dd p {margin-top: 20px; font-size: 18px;}
	.s1_1 .slogan h3 {font-size: 30px;}
	
	.s1_3 article figure {max-width: 300px;}
	.s1_3 .history .year {max-width: 150px;}
	.s1_3 .history .year h4 {font-size: 40px;}
	.s1_3 .history .month dl dt {font-size: 18px;}
	.s1_3 .history .month dl dd {font-size: 18px;}
	
	.s2 .cnt .cnt-tit {max-width: 330px; font-size: 24px;}
	.s2 .cnt .cnt-tit::before {top: 8px;}
	
	.s4 article .item .txt h5 {font-size: 24px;}
	.s4 article .item .txt p {font-size: 18px; margin-top: 20px;}
}

@media (max-width: 768px) {
	.page-header > .container {padding-top: 100px; flex-wrap: wrap; gap: 25px; justify-content: normal;}
	.page-header .container h2 {font-size: 45px; width: 100%;}

	section {padding: 80px 0 120px;}
	.section-header h3 {font-size: 32px;}
	.section-header p {font-size: 20px;}
	.section-header p > span {font-size: 16px;}
	.real-cont {padding-bottom: 120px;}
	.board-top {margin-top: 0;}
	
	.cnt {padding: 40px 0;}
	.cnt-tit {font-size: 24px;}
	.cnt-tit::before {top: 9px;}
	.cnt p {margin-top: 20px;}
	
	.bg {margin-top: 40px;}
	
	.s1_1 .arti01 .intro {padding: 30px;}
	.s1_1 .arti01 .intro h4 {font-size: 30px;}
	.s1_1 .arti01 .intro h5 {font-size: 22px; margin-top: 15px;}
	.s1_1 .arti01 .intro p {font-size: 18px;}
	.s1_1 .key3 ul {flex-wrap: wrap;}
	.s1_1 .key3 ul li {width: 100%;}
	.s1_1 .key3 ul li ~ li {margin-top: 30px;}
	.s1_1 .key3 ul li dl dd {margin-top: 20px;}
	.s1_1 .key3 ul li dl dd p {margin-top: 10px;}
	
	.s1_1 .arti02 {margin-top: 40px;}
	
	.s1_1 .slogan {margin-top: 80px;}
	.s1_1 .slogan h3 {font-size: 26px;}
	
	.s1_3 article figure {display: none;}
	.s1_3 .history-wrap h3 {font-size: 40px;}
	.s1_3 .history:nth-of-type(1) {margin-top: 60px;}
	.s1_3 .history .year {max-width: 120px;}
	.s1_3 .history .year h4 {font-size: 30px; padding-left: 0;}
	.s1_3 .history .month {padding-bottom: 50px;}
	
	.s1_5 .map {height: 350px;}
	.s1_5 .map-info {flex-wrap: wrap; margin-top: 30px;}
	.s1_5 .map-info .info {width: 100%;}
	.s1_5 .map-info .info dl dd p {font-size: 18px;}
	.s1_5 .map-info .info dl dd p:last-child {margin-top: 0;}
	.s1_5 .map-info .btn-area {margin-left: auto;}
	
	.s2 article {margin-top: 20px;}
	.s2 .cnt {flex-wrap: wrap; gap: 20px;}
	.s2 .cnt .cnt-tit {max-width: 100%;}
	.s2 .cnt .cnt-tit > br {display: none;}
	.s3_1 .cnt:nth-of-type(1) .cnt-tit::before {top: 15px}
	
	.s4 article.inner {margin-top: 60px;}
	.s4 article .item {flex-wrap: wrap;  gap: 20px;}
	.s4 article .item .icon {max-width: 100%; padding-left: 0;}
	.s4 article .item .txt h5 {font-size: 22px;}
	.s4 article .item .txt p {font-size: 18px;}
}

@media (max-width: 480px) {
	.page-header .container h2 {font-size: 38px;}

	.section-header h3 {font-size: 24px;}
	.section-header p {font-size: 18px;}
	.section-header p > span {font-size: 14px; display: block;}

	.cnt p {margin-left: 0; font-size: 16px;}

	.s1_1 .arti01 .intro {padding: 30px 15px;}
	.s1_1 .arti01 .intro h4 {font-size: 24px;}
	.s1_1 .arti01 .intro h5 {font-size: 18px;}
	.s1_1 .arti01 .intro p {font-size: 16px;}
	.s1_1 .key3 ul li dl dd strong {font-size: 18px;}
	.s1_1 .key3 ul li dl dd strong > span {font-size: 16px;}
	.s1_1 .key3 ul li dl dd p {font-size: 16px;}
	
	.s1_3 .history-wrap h3 {font-size: 35px;}
	.s1_3 .history {flex-wrap: wrap; gap: 20px;}
	.s1_3 .history .year {max-width: 100%;}
	.s1_3 .history .month {width: 100%; padding-left: 20px; margin-left: 10px; padding-bottom: 0; margin-bottom: 50px;}
	.s1_3 .history:last-child .month {margin-bottom: 0;}
	.s1_3 .history .month::before {width: 15px; height: 15px; left: -7px;}
	.s1_3 .history .month dl dt {font-size: 16px;}
	.s1_3 .history .month dl dd {font-size: 16px;}
	.s1_3 .history:last-child .month {padding-top: 0;}
	
	/* s1_4 */
	.certi-pop .popup .inner {padding: 50px 20px 20px;}
	.certi-pop .popup .inner a {top: 20px; right: 20px;}
	.certi-pop .popup .inner .pop-img img {max-width: 90%;}
	.certi-pop .popup .inner .pop-tit {padding-top: 20px; font-size: 18px;}
	
	.s1_5 .map-info .info dl dt {font-size: 18px; line-height: 40px;}
	.s1_5 .map-info .info dl dd p {font-size: 16px;} 
	.s1_5 .map-info .btn-area {gap: 10px; max-width: 110px;}
	.s1_5 .map-info .btn-area a {width: 50px; height: 50px; background-size: 24px auto;}
	
	.s2 .cnt {gap: 10px;}
	.s2 .cnt .cnt-tit {font-size: 20px;}
	
	.s4 article .item:nth-of-type(1) {border-top: 1px solid #ddd;}
	.s4 article .item .icon {max-width: 100%;}
	.s4 article .item .icon img {max-width: 80px; width: 100%;}
	.s4 article .item .txt {width: 100%;}
	.s4 article .item .txt h5 {font-size: 18px;}
	.s4 article .item .txt p {font-size: 16px; margin-top: 15px;}
}