@charset "utf-8";

@media (max-width: 1400px) {
	.greeting .img-box {overflow:hidden;}
	.greeting .img-box .img {right:50%; margin-right:-520px;}
	.greeting .tit-box {max-width:550px; padding-left:110px;}
	
	.status .chart-wrap {display:block;}
	.status .chart {margin:0 auto; max-width:700px;}
	.status .chart01 {padding-right:0; margin-bottom:80px;}
	.status .chart02 {padding-left:0;}
	
}

@media (max-width: 1024px) {
	/* sub-visual */
	.sub-visual {height:400px;}
	.sub-visual h2 {font-size:38px;}
	/* lnb */
	.lnb ul li:before {height:16px; margin-top:-8px;}
	.lnb ul li:last-child:after {height:16px; margin-top:-8px;}
	.lnb ul li a {height:60px; font-size:16px;}
	/* sub-title */
	.sub-title {padding-top:100px; padding-bottom:80px;}
	.sub-title p {font-size:18px;}
	.sub-title h3 {font-size:32px;}
	/* sub common */
	.real-cont {padding-bottom:140px; position:relative;}
	/* sub 01 02 */
	.greeting-tt {width:80%;}
	.greeting .col {display:block; margin-bottom:0;}
	.greeting .img-box {width:100%; height:auto;}
	.greeting .img-box .img {position:relative; right:0; margin-right:0;}
	.greeting .img-box .img img {max-width:100%;}
	.greeting .tit-box {max-width:none; padding-left:0; text-align:center; padding:80px 0;}
	.greeting .tit-box h4 {font-size:28px;}
	.greeting .tit-box h4:before,
	.greeting .tit-box h4:after {width:80px; height:58px;}	
	.greeting .tit-box h4:before {top:-38px; left:-100px;}
	.greeting .tit-box h4:after {right:-100px; bottom:-38px;}
	.greeting .tit-box h4 span:before {height:20px;}
	.greeting .txt-box {margin-bottom:40px;}
	.greeting .txt-box p {font-size:18px; margin-bottom:30px;}
	.greeting .name p {font-size:20px; margin-bottom:20px;}
	.greeting .name h5 {font-size:24px;}
	/* sub 01 03 */
	.organization .img-box {margin-bottom:100px;}
	.organization .txt-box h4 {font-size:32px; margin-bottom:60px;}
	.organization table col:nth-child(1) {width:50px !important;}
	.organization table col:nth-child(2) {width:140px !important;}
	.organization table col:nth-child(3) {width:120px !important;}
	.organization table col:nth-child(4) {width:;}
	.organization table col:nth-child(5) {width:130px !important;}
	.organization table thead th {font-size:16px; padding:10px;}
	.organization table tbody {font-size:16px;}
	.organization table tbody th {padding:10px;}
	.organization table tbody td {padding:10px;}
	.organization table tbody td p {padding:0; margin-bottom:10px;}
	/* sub 04 */
	.directions .maps {margin-bottom:40px;}
	.directions .maps .root_daum_roughmap {height:350px !important;}
	.directions .maps .root_daum_roughmap .wrap_map {height:350px !important;}
	.directions .txt-box {padding-right:0;}
	.directions .txt-box .btns {position:relative; margin-bottom:20px;}
	.directions .txt-box .btns ul {justify-content:flex-end;}
	.directions .txt-box dl {font-size:18px;}
	.directions .txt-box dt {max-width:100px;}

	/* 2025 11 추가 작업 */
	/* sub 05 01 */
	.status .year {margin-bottom:30px;}
	.status .year ul {padding:5px;}
	.status .year ul li button {font-size:15px; line-height:1.5em; padding:10px 15px;}
	.status .depth {margin-bottom:60px;}
	.status .depth ul {justify-content:center;}
	.status .depth ul li {width:auto;}
	.status .depth ul li:after {height:12px; margin-top:-6px;}
	.status .depth ul li button { font-size:15px; height:100%; padding:10px 10px;}
	.status .chart-wrap {padding:30px;}
	.status .chart01 {margin-bottom:60px;}
	.status .chart01 .tit {padding:15px 0; margin-bottom:50px; display:block;}
	.status .chart01 .tit h4 {font-size:20px; margin-bottom:8px;}
	.status .chart01 .tit p {font-size:16px; text-align:right;}
	.status .chart01 .tit p strong:after {height:12px; margin-top:-6px;}
	.status .chart02 .box {padding:30px;}
	.status .chart02 .box .tit {margin-bottom:20px;}
	.status .chart02 .box .tit h4 {font-size:20px;}
	/* sub 05 02 */
	.execution .col {display:block; margin-bottom:0;}
	.execution .col .row {max-width:none; margin-bottom:30px;}
	.execution .col .row .tit p {font-size:15px;}
	.execution .col .row .selec-box {padding-left:5px;}
	.execution table {font-size:16px; white-space:nowrap;}
	.execution table thead th {font-size:18px; padding:12px 10px;}
	.execution table tbody th {padding:12px 10px;}
	.execution table tbody td {padding:12px 10px;}
	.execution table td.percent {padding:8px; width:150px; display:block;}
	.execution table td.percent span {line-height:38px; padding:0 5px;}
	.execution table tfoot th {padding:12px 10px;}
	.execution table tfoot td {padding:12px 10px;}
	/* sub 06 01 */
	.performance .tab {margin-bottom:60px;}
	.performance .tab ul {justify-content:center;}
	.performance .tab ul li {width:auto;}
	.performance .tab ul li:after {height:12px; margin-top:-6px;}
	.performance .tab ul li button { font-size:15px; height:100%; padding:10px 10px;}
	.performance .cnt {margin-bottom:60px;}
	.performance .cnt .tit {margin-bottom:30px;}
	.performance .cnt .tit h4 {font-size:24px; padding-left:16px;}
	.performance .cnt .tit h4:before {width:4px; height:18px; top:5px;}
	.performance table {font-size:16px; white-space:nowrap;}
	.performance table thead th {font-size:18px; padding:12px 10px;}
	.performance table thead td {padding:12px 10px;}
	.performance table tbody th {padding:12px 10px;}
	.performance table tbody td {padding:12px 10px;}
	.performance table tfoot th {padding:12px 10px;}
	.performance table tfoot td {padding:10px 20px;}
	 

}

@media (max-width: 640px) {
	/* sub-visual */
	.sub-visual {height:300px;}
	.sub-visual h2 {font-size:38px;}
	/* lnb */
	.lnb ul li:before {height:16px; margin-top:-8px;}
	.lnb ul li:last-child:after {height:16px; margin-top:-8px;}
	.lnb ul li a {height:60px; font-size:16px;}
	/* sub-title */
	.sub-title {padding-top:100px; padding-bottom:80px;}
	.sub-title p {font-size:18px;}
	.sub-title h3 {font-size:32px;}
	/* sub common */
	.real-cont {padding-bottom:100px; position:relative;}
	/* sub 01 02 */
	.greeting .tit-box {padding:60px 0;}
	.greeting .tit-box h4 {font-size:24px;}
	.greeting .tit-box h4:before,
	.greeting .tit-box h4:after {width:50px; height:36px;}
	.greeting .tit-box h4:before {top:-10px; left:-66px;}
	.greeting .tit-box h4:after {right:-66px; bottom:-10px;}
	.greeting .tit-box h4 span:before {height:16px;}
	.greeting .txt-box {margin-bottom:30px;}
	.greeting .txt-box p {font-size:16px; margin-bottom:20px;}
	.greeting .name p {font-size:18px; margin-bottom:12px;}
	.greeting .name h5 {font-size:20px;}
	/* sub 01 03 */
	.organization .img-box {margin-bottom:60px;}
	.organization .txt-box h4 {font-size:28px; margin-bottom:40px;}
	.organization .table {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
	.organization table col:nth-child(1) {width:50px !important;}
	.organization table col:nth-child(2) {width:140px !important;}
	.organization table col:nth-child(3) {width:120px !important;}
	.organization table col:nth-child(5) {width:130px !important;} 
	.organization table thead th {font-size:14px;}
	.organization table tbody {font-size:14px;}
	.organization table tbody td p {padding:0; margin-bottom:10px; white-space:nowrap;}
	.organization table tbody td:last-child {white-space:nowrap;}
	/* sub 04 */
	.directions .maps {margin-bottom:30px;}
	.directions .maps .root_daum_roughmap {height:250px !important;}
	.directions .maps .root_daum_roughmap .wrap_map {height:250px !important;}
	.directions .txt-box dl {font-size:16px; display:block; margin-bottom:12px;}
	.directions .txt-box dt {max-width:none; margin-bottom:4px;}
	.directions .txt-box dd {width:100%;}
	
	
	
	
	
	/* 2025 11 추가 작업 */
	/* sub 05 01 */
	.status .year ul {}
	.status .year ul li button {font-size:14px;padding:10px; line-height:1.4em;}
	.status .depth {margin-bottom:40px;}
	.status .depth ul {flex-wrap:wrap;}
	.status .depth ul li:after {display:none;}
	.status .depth ul li button {font-size:14px; padding:10px;}
	.status .chart-wrap {padding:15px;}
	.status .chart01 {margin-bottom:40px;}
	.status .chart01 .tit {padding:10px 0; margin-bottom:40px;}
	.status .chart01 .tit h4 {font-size:18px;}
	.status .chart01 .tit p {font-size:14px;}
	.status .chart01 .tit p strong:after {height:10px; margin-top:-5px;}
	.status .chart02 .box {padding:15px;}
	.status .chart02 .box .tit h4 {font-size:18px;}
	
	.chart-box {display:block;}
	.chart-box .chart-pie {width:100%; max-width:none; margin-bottom:40px;}
	.chart-box .custom-legend {width:100%; padding-left:0;}
	.chart-box .custom-legend div {font-size:14px; padding-left:10px;}
	.chart-box .custom-legend div span {width:4px; height:4px; top:10px;}
	
	
	/* sub 05 02 */
	.execution .col {display:flex; margin:0 -10px 20px;}
	.execution .col .row {width:50%; padding:0 10px; margin-bottom:0; display:block;}
	.execution .col .row .tit p {font-size:14px;}
	.execution .col .row .selec-box {padding-left:0; margin-top:10px;}
	.execution table {font-size:14px;}
	.execution table thead th {font-size:16px; padding:10px;}
	.execution table tbody th {padding:10px;}
	.execution table tbody td {padding:10px;}
	.execution table td.percent {width:130px;}
	.execution table td.percent span {line-height:36px;}
	.execution table tfoot th {padding:10px;}
	.execution table tfoot td {padding:10px;}
	/* sub 06 01 */
	.performance .tab {margin-bottom:40px;}	
	.performance .tab ul {flex-wrap:wrap;}
	.performance .tab ul li:after {display:none;}
	.performance .tab ul li button {font-size:14px; padding:10px;}
	.performance .cnt {margin-bottom:40px;}
	.performance .cnt .tit {margin-bottom:20px;}
	.performance .cnt .tit h4 {font-size:20px; padding-left:10px;}
	.performance .cnt .tit h4:before {width:3px; height:14px}
	
	.performance table {font-size:14px;}
	.performance table thead th {font-size:16px; padding:10px;}
	.performance table thead td {padding:10px;}
	.performance table tbody th {padding:10px;}
	.performance table tbody td {padding:10px;}
	.performance table tfoot th {padding:10px;}
	.performance table tfoot td {padding:10px 15px;}
	
	
}

@media (max-width: 440px) {
	.status .year ul {flex-wrap:wrap; justify-content:center;}
}