.about_01 .article:nth-of-type(1){display: flex; flex-direction: column-reverse; margin-top: 80px;}
.about_01 .article{width:480px;}
.about_01 .article .imgwrap{border-radius: 10px; overflow: hidden;}
.about_01 .article .segment{margin:30px 0;}
.about_01 .article .segment .text{margin-top: 10px;}

.about_02 .artwrap{display: flex; justify-content: start; width:102%; margin-left:-1%;}
.about_02 .artwrap .article{width:23%; margin:0 1%; text-align: center;}
.about_02 .artwrap .article h5{font-weight: bold;}
.about_02 .artwrap .article .text{margin-top: 10px;}

.about_03 .headline{display: flex; justify-content: start; align-items: center; flex-wrap:wrap;}
.about_03 .headline h2{margin-right:20px; margin-bottom: 10px}
.about_03 .headline .text{margin-bottom: 10px;}
.about_03 .carouselwrap{margin-top: 60px; position: relative;}
.about_03 .carouselwrap .carousel .owl-item{transition: width .4s;}
.about_03 .carouselwrap .carousel .owl-item .segment{opacity: 0; transition: opacity .4s;}
.about_03 .carouselwrap .carousel .owl-item .imgwrap{opacity: 50%; transition: opacity .4s;}
.about_03 .carouselwrap .carousel .owl-item .imgwrap .btnwrap{opacity: 0; transition: opacity .4s;}
.about_03 .carouselwrap .carousel .owl-item.center .segment{opacity: 1;}
.about_03 .carouselwrap .carousel .owl-item.center .imgwrap{opacity: 1;}
.about_03 .carouselwrap .carousel .owl-item.center .imgwrap .btnwrap{opacity: 1;}
.about_03 .carouselwrap .carousel .owl-item:last-of-type{visibility: hidden; display: none;}
.about_03 .carouselwrap .carousel .item .imgwrap{position: relative; overflow: hidden;}
.about_03 .carouselwrap .carousel .item .imgwrap img{border-radius: 15px; display: block; margin:0 auto;}
.about_03 .carouselwrap .carousel .item .segment{text-align: center; margin-top: 30px;}
.about_03 .carouselwrap .carousel .item .segment h5{font-weight: bold; line-height: 1.5em; color:#191919;}

.about_03 .carouselwrap .carousel.solo .owl-item .segment{opacity: 1;}
.about_03 .carouselwrap .carousel.solo .owl-item .imgwrap{opacity: 1;}
.about_03 .carouselwrap .carousel.solo .owl-item:last-of-type{visibility: visible; display: block;}
.about_03 .carouselwrap .carousel.solo .owl-item .item{width:1200px; margin:0 auto;}

.about_03 .carouselwrap .btnwrap{position: absolute; top:-100px; right:calc((100% - 1200px) / 2);}
.about_03 .carouselwrap .btnwrap button{background: transparent; border:none; padding:0; width:30px; height:30px; font-size: 30px; color:#333; line-height: 1em; margin-right:20px;}
.about_03 .carouselwrap .btnwrap button:last-of-type{margin-right:0;}
.about_03 .carouselwrap .btnwrap button.next_btn{right:2%; transition: right .4s;}
.about_03 .carouselwrap .btnwrap button.next_btn:hover{right:1%;}
.about_03 .carouselwrap .btnwrap button.prev_btn{left:2%; transition: left .4s;}
.about_03 .carouselwrap .btnwrap button.prev_btn:hover{left:1%;}

.about_04 .flexwrap{flex-direction: row-reverse}
.about_04 .imgwrap{width:45%;}
.about_04 .segment{width:52%;}
.about_04 .segment .text{margin-top: 20px;}

.tab_nav ul {display: table;margin: 0 auto 60px}
.tab_nav ul li {display: inline;padding: 12px 30px;font-size: 24px;cursor: pointer;margin: 0 5px}
.tab_nav ul li:hover {background: rgba(138, 203, 178,.2);color: rgb(39, 118, 88);;border-radius: 30px;}
.tab_nav ul li.on {background: rgb(138, 203, 178);color: #fff;border-radius: 30px;font-weight: 600}

.about_05{}
.about_05::after{display: block; content:''; position: absolute; left:0; right:0; top:0; bottom:0; margin:auto; background:url('../../../images/about/section2_bg1.png') no-repeat; background-size:cover; background-position:bottom center; z-index: 1;}
.about_05 .imgwrap{width:737px; height:958px; position: absolute; right:0; bottom:0; margin:auto; background:url('../../../images/about/section2_bg2.png') no-repeat; background-size:cover; background-position:center center; z-index: 0;}
.about_05 .wrap{z-index: 10; margin-bottom: 200px;}
.about_05 .flexwrap{flex-wrap:wrap;}
.about_05 .article{width:48%; display: flex; justify-content: start; align-items: start;}
.about_05 .article:nth-of-type(2) ~ .article{margin-top: 30px;}
.about_05 .article:nth-of-type(3){width:100%;}
.about_05 .article .art_title{font-size: 28px; line-height: 1.5em; color:#4f5254; margin-right:30px; white-space: nowrap;}
.about_05 .article .listwrap ul{margin-bottom: 20px;}
.about_05 .article .listwrap ul:last-of-type{margin-bottom: 0;}

.about_06 .headline{display: flex; justify-content: start; align-items: center; flex-wrap:wrap;}
.about_06 .headline h2{margin-right:20px; margin-bottom: 10px}
.about_06 .headline .text{margin-bottom: 10px;}
.about_06 .map{height: 460px; background:#ddd; border-radius: 10px; width:100%; margin-top: 30px;}
.about_06 .flexwrap{margin-top: 80px;}
.about_06 .segment{width:450px; text-align: center;}
.about_06 .segment .title{font-size: 28px; color:#67aa90; line-height: 1.5em;}
.about_06 .segment .address{font-size: 28px; line-height: 1.5em; margin-top: 10px;}
.about_06 .segment .text{margin-top: 10px;}
.about_06 .segment button{margin-top: 30px}
.about_06 .listwrap{width:calc(100% - 500px);}
.about_06 .listwrap .inner{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ededed; padding:40px 0;}
.about_06 .listwrap .inner:first-of-type{padding-top: 0;}
.about_06 .listwrap .inner:last-of-type{padding-bottom: 0; border-bottom:none;}
.about_06 .listwrap .inner .left{width:35%; display: flex;}
.about_06 .listwrap .inner .left .icon{color:#8ACBB2; font-size: 40px; line-height: 40px; margin-right:20px;}
.about_06 .listwrap .inner .left .list_title{font-size: 24px; line-height: 1.5em; color:#191919; white-space: nowrap;}
.about_06 .listwrap .inner .right{width:66%;}
.about_06 .listwrap .inner .right .text.bus img{height: 14px;}


.about_07 .headline .text{margin-top: 10px;}
.about_07 .table-responsive{margin-top: 20px; box-shadow: 3px 4px 10px 0px rgba(206, 214, 209, 0.60);}
.about_07 .table-responsive table{width:100%; text-align: center; border-radius: 10px; overflow: hidden;}
.about_07 .table-responsive table thead tr td{padding:15px 10px; background:#5CC99F; border-right:1px solid #ededed; font-size: 16px; line-height: 1.5em; color:#fff; font-weight: bold;}
.about_07 .table-responsive table thead tr td:last-of-type{border-right:none;}
.about_07 .table-responsive table tbody tr:nth-of-type(2n + 1) td{background:#fff}
.about_07 .table-responsive table tbody tr:nth-of-type(2n + 2) td{background:#EDF5F2}
.about_07 .table-responsive table tbody tr td{padding:15px 10px; border-right:1px solid #ededed;}
.about_07 .table-responsive table tbody tr td div.l{width:14px; height: 14px; border-radius: 14px; background:#5CC99F; margin:0 5px;display: inline-block}
.about_07 .table-responsive table tbody tr td div.j{width:14px; height: 14px; border-radius: 14px; background:#e07f1f; margin:0 5px;display: inline-block}

.l{width:14px; height: 14px; border-radius: 14px; background:#5CC99F; margin:0 5px;display: inline-block}
.j{width:14px; height: 14px; border-radius: 14px; background:#e07f1f; margin:0 5px;display: inline-block}
.about_07 .table-responsive table tbody tr td:last-of-type{border-right:none;}
.about_07 .noti{margin-top: 50px; font-size: 15px; line-height: 1.7em; color:#191919;}

.about_08{}
.about_08 .notiwrap{display: flex; justify-content: start; flex-wrap:wrap; width:102%; margin-left:-1%;}
.about_08 .notiwrap .notice{width:31.33%; background:#fff; border-radius: 20px; padding:25px 20px; margin:0 1%; position: relative; height: 250px; cursor: pointer;border:2px solid transparent; transition: border .4s;}
.about_08 .notiwrap .notice:nth-of-type(3) ~ .notice{margin-top: 2%;}
.about_08 .notiwrap .notice .subject{font-size: 20px; line-height: 1.5em; color:#191919; font-weight: bold; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap:break-word;}
.about_08 .notiwrap .notice .text{margin-top: 20px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-wrap:break-word;}
.about_08 .notiwrap .notice .noti_bot{display: flex; justify-content: space-between; align-items: center; position: absolute; bottom:10px; left:20px; right:20px; margin:0 auto;}
.about_08 .notiwrap .notice .noti_bot .date{font-size: 13px; line-height: 1.5em; color:#767676;}
.about_08 .notiwrap .notice .noti_bot .arrow img{height: 12px;}
.about_08 .notiwrap .notice:hover{border:2px solid #ddd;}

.about_08 .board_view_head{background: #fff; border-top:1px solid #DBDBDB; padding: 30px 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap:wrap;}
.about_08 .board_view_head .subject{font-size: 20px; line-height: 1.5em; color:#191919;}
.about_08 .board_view_head .date{font-size: 13px; line-height: 1.5em; color:#767676;}
.about_08 .board_view_body{background: #fff; padding: 60px 20px; border-top:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB; }
.about_08 .board_view_body .inner{min-height: 300px;}
.about_08 .board_view_body .inner img{max-width:100%; height: auto;}
.about_08 .board_view_body .file_box{margin-top: 40px;}
.about_08 .board_view_body .file_box ul{margin-bottom: 0;}
.about_08 .board_view_body .file_box ul li{ display: table;}
.about_08 .board_view_body .file_box ul li a{text-decoration: none;}
.about_08 .board_view_body .file_box ul li a .file_wrap{display: flex; padding: 5px 12px; border-radius: 5px; background:#2F5527; color:#fff; transition: background .4s;}
.about_08 .board_view_body .file_box ul li a .file_wrap:hover{background: #58914d;}
.about_08 .board_view_body .file_box ul li a .file_wrap .name{margin-right:10px;}
.about_08 .board_view_footer{padding: 30px 0; text-align: center;}

.about_09{padding:180px 0;}
.about_09 .inner{margin-bottom: 100px;}
.about_09 .inner:last-of-type{margin-bottom: 0;}
.about_09 .tablewrap{margin-top:30px; border-radius: 15px; overflow: hidden;box-shadow: 3px 4px 10px 0px rgba(206, 214, 209, 0.60);}
.about_09 table {width: 100%;font-size: 16px;}
.about_09 table thead tr:first-of-type th{border-top:none;}
.about_09 table thead tr th:first-of-type{border-left:none;}
.about_09 table thead tr th:last-of-type{border-right:none;}
.about_09 table thead tr th {background: #5CC99F;color: #fff;height: 45px;text-align: center;border: 1px solid #ddd;line-height: 1.5em;font-weight: 500}
.about_09 .inner:last-of-type table thead tr th{background: #ADBE90;}
.about_09 table tbody{background: #fff;}
.about_09 table tbody tr td {text-align: center;height: 60px;border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;color:#666; }
.about_09 table tbody tr td:first-of-type{border-left:none;}
.about_09 table tbody tr td:last-of-type{border-right:none;}
.about_09 table tbody tr:last-of-type td{border-bottom:none;}
.about_09 table tbody .hover {background: #efefef;}

@media screen and (max-width:1650px) {
	.about_05 .imgwrap{width:577px; height: 798px;}
}

@media screen and (max-width:1199px) {
	.about_01 .article:nth-of-type(1){margin-right:30px;}
	
	.about_03 .carouselwrap .carousel.solo .owl-item .item{width: 96%;}
	
	.about_03 .carouselwrap .btnwrap{right:4%; top:-60px;}
	
	.about_05::after{bottom:-50px;}
	.about_05 .wrap{margin-bottom: 150px;}
	.about_05 .imgwrap{width:377px; height: 598px;}
	.about_05 .article .art_title{font-size: 24px;}
	
	.about_06 .segment{width:360px}
	.about_06 .segment .title{font-size: 24px;}
	.about_06 .segment .address{font-size: 24px;}
	.about_06 .listwrap{width:calc(100% - 390px);}
	.about_06 .listwrap .inner{display: block;}
	.about_06 .listwrap .inner .left{width:100%;}
	.about_06 .listwrap .inner .left .icon{font-size: 35px; line-height: 35px;}
	.about_06 .listwrap .inner .left .list_title{font-size: 22px;}
	.about_06 .listwrap .inner .right{width:100%; margin-top: 10px;}
	
	.about_08{background:#fff !important;}
	.about_08 .notiwrap .notice{width:48%; background: url('../../../images/main/bg.png') no-repeat; 	background-position: center center;	background-size: cover;}
	.about_08 .notiwrap .notice:nth-of-type(2) ~ .notice{margin-top: 2%;}
	.about_08 .board_view_head{border-top:2px solid #8acbb2}
	.about_08 .board_view_body{border-bottom:2px solid #8acbb2; border-top:1px solid #8acbb2}
	
	.about_09{padding:200px 0;}
	.about_09 table{font-size: 15px;}
	.about_09 table thead tr th{height: 40px;}
	.about_09 table tbody tr td{height: 45px;}
}

@media screen and (max-width:1000px) {
	.about_01 .article:nth-of-type(1){margin-top: 30px;}
	
	.about_03 .headline{display:block;}
	.about_03 .headline h2{margin-right:0;}
	.about_03 .headline .text{margin-bottom: 0;}
	
	.about_03 .carouselwrap .btnwrap{right:4%; top:-90px;}
	.about_03 .carouselwrap .btnwrap button{width:25px; height:25px; font-size: 25px;}
	
	.about_04 .imgwrap{width:40%;}
	.about_04 .segment{width:58%;}
	
	.about_05 .article{width:100%;}
	.about_05 .article:nth-of-type(1) ~ .article{margin-top: 30px;}
	.about_05 .article .art_title{width:120px;}
}

@media screen and (max-width: 780px){
	.about_01 .flexwrap{display: block;}
	.about_01 .article{width:100%; display: flex; align-items: center; margin-bottom: 30px;}
	.about_01 .article:nth-of-type(1){flex-direction: row; margin-top: 0; margin-right:0;}
	.about_01 .article:nth-of-type(2){flex-direction: row-reverse; margin-bottom: 0;}
	.about_01 .article .imgwrap{width:40%;}
	.about_01 .article .segment{width:60%; margin:0;}
	.about_01 .article:nth-of-type(1) .segment{padding-left:30px;}
	.about_01 .article:nth-of-type(2) .segment{padding-right:30px;}
	
	.about_02 .headline h2 div{display: none;}
	.about_02 .artwrap{flex-wrap:wrap;}
	.about_02 .artwrap .article{width:48%;}
	
	.about_03 .carouselwrap{width:96%; margin:0 auto; margin-top: 40px;}
	
	.about_04 .flexwrap{display: block;}
	.about_04 .imgwrap{width:400px;margin:0 auto;}
	.about_04 .segment{width:80%;margin:0 auto; margin-top: 40px; text-align: center;}
	
	.about_05::after{bottom:-130px;}
	.about_05 .wrap{margin-bottom: 20px;}
	.about_05 .imgwrap{width:237px; height:308px; bottom: 30px;}
	.about_05 .article .art_title{font-size: 22px; width:110px; margin-right:20px;}
	.about_05 .article .listwrap{width:calc(100% - 130px);}
	
	.about_06 .headline{display: block;}
	.about_06 .flexwrap{display: block; margin-top: 50px;}
	.about_06 .segment{width:100%;}
	.about_06 .listwrap{width:100%; margin-top: 40px;}
	
	.about_07 .table-responsive table thead tr td{font-size: 15px;}
	.about_07 .table-responsive table tbody tr td{font-size: 15px;}
	.about_07 .table-responsive table tbody tr td:first-of-type{white-space: nowrap;}
	.about_07 .table-responsive table tbody tr td div{width:13px; height: 13px;}
	.about_07 .noti{font-size: 14px;}
	
	.about_08 .notiwrap .notice{width:98%; padding-bottom: 50px; height: auto;}
	.about_08 .notiwrap .notice:nth-of-type(1) ~ .notice{margin-top: 2%;}
	.about_08 .notiwrap .notice .subject{font-size: 18px;}
	.about_08 .notiwrap .notice .noti_bot .date{font-size: 12px;}
	.about_08 .board_view_head .subject{font-size: 18px;}
	.about_08 .board_view_head .date{font-size:12px;}
	
	.about_09{padding:160px 0;}
	.about_09 .tablewrap{overflow-x: scroll;}
	.about_09 table{font-size: 14px; width:680px;}
	.about_09 table thead tr th{height: 35px;}
	.about_09 table tbody tr td{height: 40px;}
}

@media screen and (max-width: 620px){
	.about_01 .article .imgwrap{width:30%;}
	.about_01 .article .segment{width:70%;}
	.about_01 .article .segment h2{font-size: 30px;}
	
	.about_02 .headline h2{font-size:30px;}
	
	.about_03 .headline h2{font-size:30px;}
	.about_03 .carouselwrap .btnwrap{position: static; right:auto; top:auto;}
	.about_03 .carouselwrap .btnwrap button{position: absolute; bottom:15px;}
	.about_03 .carouselwrap .btnwrap button.prev_btn{left:0;}
	.about_03 .carouselwrap .btnwrap button.next_btn{right:0;}
	
	.about_04 .imgwrap{width:300px;}
	.about_04 .segment{width:90%;}
	.about_04 .segment h2{font-size: 30px;}
	
	.tab_nav ul {display: table;margin: 0 auto 50px}
	.tab_nav ul li {display: inline;padding: 12px 25px;font-size: 18px;cursor: pointer;margin: 0 3px}
	.tab_nav ul li:hover {background: rgba(138, 203, 178,.2);color: rgb(39, 118, 88);;border-radius: 30px;}
	.tab_nav ul li.on {background: rgb(138, 203, 178);color: #fff;border-radius: 30px;font-weight: 600}

}

@media screen and (max-width: 520px){
	.about_01 .article{display: block !important;}
	.about_01 .article .imgwrap{width:50%; margin:0 auto;}
	.about_01 .article .segment{width:100%; text-align: center; margin-top: 20px;}
	.about_01 .article:nth-of-type(1) .segment{padding-left:0;}
	.about_01 .article:nth-of-type(2) .segment{padding-right:0;}
	.about_01 .article .segment h2{font-size:26px;}
	
	.about_02 .headline h2{font-size:26px;}
	
	.about_03 .headline h2{font-size:26px;}
	.about_03 .carouselwrap .btnwrap button{width:20px; height:20px; font-size: 20px; bottom:15px;}
	
	.about_04 .imgwrap{width:250px;}
	.about_04 .segment{width:100%;}
	.about_04 .segment h2{font-size:26px;}
	
	.about_05 .wrap{margin-bottom: 150px}
	.about_05 .article{display: block;}
	.about_05 .article .art_title{width:100%;}
	.about_05 .article .listwrap{width:100%; margin-top: 10px;}
	
	.about_06 .map{height: 400px;}
	.about_06 .segment .address{font-size: 22px;}
	.about_06 .segment .title{font-size: 22px;}
	.about_06 .segment button{margin-top: 20px;}
	.about_06 .listwrap .inner{padding:25px 0;}
	.about_06 .listwrap .inner .left .icon{font-size: 30px; line-height: 30px;}
	.about_06 .listwrap .inner .left .list_title{font-size: 20px;}
	
	.about_07 .table-responsive table{width:540px;}
	.about_07 .table-responsive table thead tr td{font-size: 14px;}
	.about_07 .table-responsive table tbody tr td{font-size: 14px;}
	.about_07 .table-responsive table tbody tr td div{width:12px; height: 12px;}
	.about_07 .noti{font-size: 13px;}
	
	.about_09{padding:120px 0;}
}

@media screen and (max-width: 420px){
	.about_01 .article .imgwrap{width:60%;}
	.about_01 .article .segment h2{font-size:22px;}
	
	.about_02 .headline h2{font-size:22px;}
	
	.about_03 .headline h2{font-size:22px;}
	
	.about_04 .imgwrap{width:230px;}
	.about_04 .segment h2{font-size:22px;}
	
	.about_06 .listwrap .inner .right .text{font-size: 13px}
}