@charset "utf-8";

@media (max-width: 1600px){
	/* s4_1 */
	.s4_1 .map .tit {right: 0}
}

@media (max-width: 1400px){
	.s1_1 .arti01 .cnt .logo {padding-right: 0;}
	.s1_1 .arti01 .cnt .logo img {margin: 0 auto;}
	
	/* s4_1 */
	.s4_1 .map .map-info {max-width: 850px;}
	.s4_1 .map .map-info .info {max-width: 500px;}
	
	
}

@media (max-width: 1200px){
	.article-header h4 {line-height: 1.3;}

	.s1_1 .arti01 .cnt .txt {padding: 0 60px;}
	.s1_1 .arti01 .cnt .txt p {font-size: 20px;}
	
	/* s4_1 */
	.s4_1 .map {padding-bottom: 0;}
	.s4_1 .map .tit {width: 270px; height: 250px; padding: 0 20px 30px; bottom: 120px;}
	.s4_1 .map .tit::before {width: 50px; background-size: 50px auto; right: 20px; top: 20px;}
}

@media (max-width: 1024px){
	.article-header h4 {font-size: 30px;}
	.article-header p > br {display: none;}

	.s1_1 .arti01 .cnt .txt {padding: 0 30px;}
	.s1_1 .arti01 .cnt .txt h5 {font-size: 40px;}
	.s1_1 .arti01 .cnt .txt p {font-size: 18px; margin-top: 25px;}
	
	.s1_1 .arti05 .cnt {gap: 30px}
	.s1_1 .arti05 .cnt .article-header h5 {font-size: 20px;}
	
	/* s4_1 */
	.s4_1 .map .map-info .map-btn {max-width: 244px;}
	.s4_1 .map .map-info .map-btn a {max-width: 120px; font-size: 16px; line-height: 43px;}
	.s4_1 .map .map-info .info {margin-left: 0;}
	
	.s4_1 .table-box table colgroup {display: none;}
	.s4_1 .table-box table thead th:nth-of-type(1) {width: 100px;}
	.s4_1 .table-box table thead th:nth-of-type(3) {width: 200px;}
}

@media (max-width: 768px){
	section {padding: 80px 0 100px;}
	.real-cont {padding: 80px 0 100px;}
	.article-header p {padding-top: 20px;}
	.article-header span {font-size: 22px; padding: 0 10px; line-height: 38px; margin-bottom: 20px;}
	.notice {margin-top: 20px; font-size: 14px;}
	
	.s1_1 .arti01 .cnt {flex-wrap: wrap;}
	.s1_1 .arti01 .cnt .logo {max-width: 100%;}
	.s1_1 .arti01 .cnt .txt {max-width: 100%; border: 0; margin-top: 60px; text-align: center;}
	.s1_1 .arti01 .note {padding: 50px 15px;}
	.s1_1 .arti01 .note h4 {font-size: 30px;}
	.s1_1 .arti01 .note p {padding-top: 20px;}
	.s1_1 .arti01 .note p > br {display: none;}
	
	.s1_1 .arti02 {margin-top: 60px;}
	
	.s1_1 .arti03 {margin-top: 60px; padding-bottom: 80px;}
	.s1_1 .arti03 .cnt-img {margin-top: 40px;}
	.s1_1 .arti03 .cnt-img ul {width: calc(100% + 20px); margin: 0 -10px;}
	.s1_1 .arti03 .cnt-img ul li {width: 50%; padding: 0 10px;}
	.s1_1 .arti03 .cnt-img ul li:nth-of-type(2) ~ li {margin-top: 20px;}
	
	.s1_1 .arti04 {padding: 80px 0;}
	.s1_1 .arti04 figure {margin-top: 40px;}
	.s1_1 .arti04 .cnt {margin-top: 40px; flex-wrap: wrap; margin-bottom: 60px; padding-bottom: 60px;}
	.s1_1 .arti04 .cnt > div {max-width: 100%;}
	.s1_1 .arti04 .cnt .left .txt {margin-top: 40px; text-align: center;}
	.s1_1 .arti04 .cnt .left .txt .article-header {text-align: center;}
	.s1_1 .arti04 .cnt .left .txt .notice {text-align: center;}
	.s1_1 .arti04 .figure-box ul {width: calc(100% + 20px); margin: 0 -10px;}
	.s1_1 .arti04 .figure-box ul li {padding: 0 10px;}
	
	.s1_1 .arti05 {margin-top: 80px;}
	.s1_1 .arti05 .cnt {flex-wrap: wrap; padding-bottom: 60px;}
	.s1_1 .arti05 .cnt .article-header {max-width: 100%;}
	.s1_1 .arti05 .cnt .article-header h5 {margin-top: 20px; font-size: 18px; line-height: 28px;}
	.s1_1 .arti05 .cnt .article-header h5 > br {display: none;}
	.s1_1 .arti05 .cnt .article-header p {padding-top: 25px;}
	.s1_1 .arti05 .cnt ~ .cnt {padding-top: 60px;}
	.s1_1 .arti05 .cnt02 > div ul {width: calc(100% + 20px); margin: 0 -10px;}
	.s1_1 .arti05 .cnt02 > div ul li {padding: 0 10px;}
	.s1_1 .arti05 .cnt02 > div ul li:nth-of-type(2) ~ li {margin-top: 15px;}
	.s1_1 .arti05 .cnt02 > div ul li dl dd > br {display: none;}

	.s1_1 .arti06 .cnt02 {padding-bottom: 0;}
	.s1_1 .arti06 .cnt02 > div ul li:nth-of-type(2) ~ li {margin-top: 0;}
	.s1_1 .arti06 .cnt02 > div ul li:nth-of-type(3) ~ li {margin-top: 15px;}
	
	/* s4_1 */
	.s4_1 .map iframe {height: 300px;}
	.s4_1 .map .tit {width: 130px; height: 120px; bottom: 120px; padding: 0 10px 20px; right:inherit; left: 0;}
	.s4_1 .map .tit::before {width: 30px; background-size: 30px auto; top: 0; right: 10px;}
	.s4_1 .map .tit h5 {font-size: 22px; padding-top: 10px;}
	.s4_1 .map .tit small {font-size: 16px;}
	.s4_1 .map .map-info {flex-wrap: wrap; margin-top: 60px;}
	.s4_1 .map .map-info .info {max-width: 100%;}
	.s4_1 .map .map-info .map-btn {margin-left: auto;}
	
	.s4_1 .table-box {margin-top: 60px;}
	.s4_1 .table-box table thead th {font-size: 16px; padding: 15px 10px;}
	.s4_1 .table-box table thead th:nth-of-type(1) {width: 80px;}
	.s4_1 .table-box table thead th:nth-of-type(3) {width: 120px;}
	.s4_1 .table-box table tbody td {padding: 15px; font-size: 16px;}
	.s4_1 .table-box table tbody td p {line-height: 26px;}
}

@media (max-width: 480px){
	.page-header {height: 350px;}
	.page-header .container h3 {font-size: 45px;}
	.page-header .container p {font-size: 22px; padding-top: 20px;}

	.article-header small {font-size: 18px;}
	.article-header h4 {font-size: 24px;}
	.article-header span {font-size: 18px;}

	.s1_1 .arti01 .cnt .logo img {width: 60%;}
	.s1_1 .arti01 .cnt .txt {padding: 0; margin-top: 40px;}
	.s1_1 .arti01 .cnt .txt h5 {font-size: 30px;}
	.s1_1 .arti01 .cnt .txt p {font-size: 16px;}
	.s1_1 .arti01 .note {margin-top: 40px; padding: 30px 15px;}
	.s1_1 .arti01 .note h4 {font-size: 26px;}
	.s1_1 .arti01 .note p {font-size: 16px;}
	
	.s1_1 .arti04 .figure-box {margin-top: 20px;}
	.s1_1 .arti04 .figure-box ul {width: calc(100% + 5px); margin: 0 -2.5px;}
	.s1_1 .arti04 .figure-box ul li {padding: 0 2.5px}
	
	/* .s1_1 .arti04 .figure-box ul {flex-wrap: wrap;}
	.s1_1 .arti04 .figure-box ul li {width: 100%;}
	.s1_1 .arti04 .figure-box ul li ~ li {margin-top: 20px;} */
	
	.s1_1 .arti05 .cnt02 > div ul {width: calc(100% + 5px); margin: 0 -2.5px;}
	.s1_1 .arti05 .cnt02 > div ul li {padding: 0 2.5px;}
	.s1_1 .arti05 .cnt02 > div ul li:nth-of-type(2) ~ li {margin-top: 10px;}
	.s1_1 .arti05 .cnt02 > div ul li dl dt img {height: 100px; width: 100%;}
	.s1_1 .arti05 .cnt02 > div ul li dl dd {font-size: 14px; line-height: 20px; padding-top: 5px;}

	.s1_1 .arti06 .cnt02 > div ul li:nth-of-type(2) ~ li {margin-top: 0;}
	.s1_1 .arti06 .cnt02 > div ul li:nth-of-type(3) ~ li {margin-top: 10px;}
	
	/* s4_1 */
	.s4_1 .map {padding-top: 100px;}
	.s4_1 .map .tit {width: 100%; height: auto; padding: 20px; bottom: inherit; top: 0;}
	.s4_1 .map .tit::before {top: 50%; transform: translateY(-50%); right: 20px;}
	.s4_1 .map .map-info {margin-top: 20px; gap: 20px}
	.s4_1 .map .map-info .info dl dt {font-size: 16px; max-width: 50px;}
	.s4_1 .map .map-info .info dl dd {font-size: 16px;}
	
	.s4_1 .table-box table thead th {font-size: 14px;}
	.s4_1 .table-box table thead th:nth-of-type(1) {width: 50px;}
	.s4_1 .table-box table thead th:nth-of-type(3) {width: 80px;}
	.s4_1 .table-box table tbody td {padding: 10px; font-size: 14px;}
}