.about_01{padding-bottom: 90px;}
.about_01 .imgwrap{width:50%;}
.about_01 .segment{width:50%;}
.about_01 .segment .text{margin-top: 30px;}

.about_02{background:url('../../../images/about/section2_bg.png') no-repeat; background-size:cover; background-position:center center; margin-top: -400px;}
.about_02 .artwrap{display: flex; justify-content: space-between; align-items: start; width:102%; margin-left:-1%; margin-top: 400px;}
.about_02 .artwrap .article{width:29.33%; margin:0 1%;}
.about_02 .artwrap .article .imgwrap{text-align: center;}
.about_02 .artwrap .article .art_title{text-align: center; font-size: 20px; line-height: 1.5em; color:#191919; margin-top: 20px;}
.about_02 .artwrap .article .text{margin-top: 20px;}

.about_03{background: #EDF9FE; padding-bottom:200px;}
.about_03 .carouselwrap{width: calc((100% - 1200px) / 2 + 1200px); margin-left: auto; position: relative;}
.about_03 .carouselwrap h3{position: absolute; top:50px; left:0;}
.about_03 .carouselwrap .carousel .item .flexwrap{flex-direction: row-reverse}
.about_03 .carouselwrap .carousel .item .imgwrap{height: 518px; width:100%;}
.about_03 .carouselwrap .carousel .item .segment{padding-right:30px; padding-top:300px; width:40%;}
.about_03 .carouselwrap .btnwrap{position: absolute; bottom:50px; left:0;}
.about_03 .carouselwrap .btnwrap button{border:none; background: #4D7AA4; width:40px; height: 40px;  border-radius: 40px; color:#fff; font-size: 20px; line-height: 1em; text-align: center; padding:0; transition: background .4s;}
.about_03 .carouselwrap .btnwrap button:hover, .about_03 .carouselwrap .btnwrap button:focus, .about_03 .carouselwrap .btnwrap button:active{background: #386085;}
.about_03 .carouselwrap .btnwrap button.prev_btn{margin-right:20px;}
.about_03 .carouselwrap .btnwrap button.prev_btn i{margin-right:3px;}
.about_03 .carouselwrap .btnwrap button.next_btn i{margin-left:3px;}

.about_04 .imgwrap{width:50%;padding-right:50px;}
.about_04 .segment{width:50%;padding-left:50px; padding-top:100px;}
.about_04 .segment h3{font-family: 'NanumSquareRoundB';}
.about_04 .segment .text{margin-top: 30px}

.about_05{background: #EDF9FE;padding-bottom: 200px;}
.about_05::before{display: block; content:''; background:url('../../../images/about/about1011_bg_02.png') no-repeat; background-size:cover; background-position: top center; position: absolute; left:0; right:0; top:-200px; margin:0 auto; width:100%; height: 288px;}
.about_05 .listwrap{background:#fff; padding:80px 100px; position: relative; overflow: hidden;}
.about_05 .listwrap .inner{margin-bottom: 80px; position: relative; z-index: 1;}
.about_05 .listwrap .inner:nth-of-type(3){margin-bottom: 60px;}
.about_05 .listwrap .inner .list_title{font-size: 30px; line-height: 1.5em; color:#191919; font-family: 'NanumSquareRoundB';}
.about_05 .listwrap .inner ul{margin-top: 10px;list-style-type: none;padding: 0; margin-bottom: 0;}
.about_05 .listwrap .inner ul li{position: relative; padding-left:15px;}
.about_05 .listwrap .inner ul li span{white-space: nowrap;}
.about_05 .listwrap .inner ul li::before{display: block; content:''; position: absolute; left:0; top:11px; margin: auto; width:6px; height: 6px; border-radius: 6px; background:#08437E;}
.about_05 .listwrap .inner .artwrap{display: flex; justify-content: space-between; margin-top: 60px;}
.about_05 .listwrap .inner .artwrap .article{width:48%;}
.about_05 .listwrap .inner .artwrap .article img{}
.about_05 .listwrap .backimg{position: absolute; bottom:0; right:0; z-index: 0;}

.about_06{}
.about_06 .headline{display: flex; justify-content: start; align-items: end;}
.about_06 .headline h3{margin-right:20px;}
.about_06 .headline .subtitle{color:#505050}
.about_06 .map{height: 460px; width:100%; background: #eee; margin-top: 30px;}
.about_06 .addwrap{padding:80px 0; display: flex; justify-content: space-between; align-items: center;}
.about_06 .addwrap .segment{}
.about_06 .addwrap .segment .subtitle{color:#08437E;font-family: 'NanumSquareRoundB';}
.about_06 .addwrap .segment h4{margin-top: 10px;}
.about_06 .addwrap .segment h4 span{white-space: nowrap;}
.about_06 .addwrap button{}
.about_06 .contact{border-top:1px solid #08437E; border-bottom:1px solid #08437E;}
.about_06 .contact .step{padding:40px 0; border-bottom:1px solid #D0DEED; display: flex; justify-content: start; align-items: center;}
.about_06 .contact .step:last-of-type{border-bottom: none;}
.about_06 .contact .step h5{width:180px;}
.about_06 .contact .step .textbox{width:calc(100% - 180px);}
.about_06 .contact .step .textbox .text{display: flex; justify-content: start; align-items: center;}
.about_06 .contact .step .textbox .text div:first-of-type{width:200px;}

.about_07{padding-bottom:200px;}
.about_07 .headline{display: flex; justify-content: start; align-items: end;}
.about_07 .headline h3{margin-right:20px;}
.about_07 .headline .subtitle{color:#505050}
.about_07 .tablewrap{margin-top: 40px;}
.about_07 .tablewrap table{width:100%; font-size: 16px; line-height: 1.5em; text-align: center;}
.about_07 .tablewrap table thead{}
.about_07 .tablewrap table thead tr{}
.about_07 .tablewrap table thead tr td{background:#08437E; color:#fff; padding:20px 0; border-right:1px solid #ededed;}
.about_07 .tablewrap table thead tr td:first-of-type{border-left:1px solid #08437E;;}
.about_07 .tablewrap table thead tr td:last-of-type{border-right:1px solid #08437E;;}
.about_07 .tablewrap table tbody{}
.about_07 .tablewrap table tbody tr{}
.about_07 .tablewrap table tbody tr:last-of-type td{border-bottom:1px solid #ededed;}
.about_07 .tablewrap table tbody tr:nth-of-type(2n + 2) td{background:#F8F8FA}
.about_07 .tablewrap table tbody tr td{padding:30px 0; border-right:1px solid #ededed;position: relative}
.about_07 .tablewrap table tbody tr td:first-of-type{border-left:1px solid #ededed; width:180px; white-space: nowrap;}
.about_07 .tablewrap table tbody tr td div{width:14px; height: 14px; border-radius: 14px; background:#08437E; margin:0 auto;}
.about_07 .tablewrap table tbody tr td span {font-size: 12px;position: absolute;bottom: 5px;text-align: center;left: 0;width: 100%}
.about_07 .noti{margin-top: 40px; font-size: 14px; line-height: 2em; color:#191919;}

.about_08{}
.about_08 .notiwrap{}
.about_08 .notiwrap ul{}
.about_08 .notiwrap ul li{display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #D0DEED; padding:30px 15px; background:#fff; transition: background .4s; cursor: pointer;}
.about_08 .notiwrap ul li:hover{background:#EDF9FE}
.about_08 .notiwrap ul li h5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap:break-word;}
.about_08 .notiwrap ul li .date{font-size: 20px; line-height: 1.5em; color:#191919; white-space: nowrap;}

.about_08 .board_view_head{background: #fff; border-top:1px solid #08437E; padding: 30px 20px;}
.about_08 .board_view_head .subject{font-size: 24px; line-height: 1.5em; color:#191919;}
.about_08 .board_view_head .date{font-size: 14px; line-height: 1.5em; color:#767676; margin-top: 10px;}
.about_08 .board_view_body{background: #fff; padding: 60px 20px; border-top:1px solid #D0DEED; border-bottom:1px solid #D0DEED; }
.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:#08437E; color:#fff; transition: background .4s;}
.about_08 .board_view_body .file_box ul li a .file_wrap:hover{background: #0f579e;}
.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: right;}
.about_08 .board_view_footer button{min-width: 120px;}

.about_09:last-of-type{padding-bottom:200px;}
.about_09 .tablewrap{margin-top:30px; overflow: hidden;}
.about_09 table {width: 100%;font-size: 16px;}
.about_09 table thead tr th {background: #08437E;color: #fff;height: 45px;text-align: center;border: 1px solid rgba(255,255,255,.3);line-height: 1.5em;font-weight: 500}
.about_09 table tbody{background: #fff;}
.about_09 table tbody tr td {text-align: center;height: 60px;border-right: 1px solid rgba(182,182,182,.3); border-left: 1px solid rgba(182,182,182,.3); border-bottom: 1px solid rgba(182,182,182,.3); color:#191919; }
.about_09 table tbody .hover {background: #efefef;}

@media screen and (max-width:1199px) {
	.about_01 .flexwrap{justify-content: space-between;}
	.about_01 .imgwrap{width:48%;}
	.about_01 .segment{width:48%;}
	
	.about_02 .artwrap .article{width:31.33%;}
	
	.about_03 .carouselwrap{width:100%;}
	.about_03 .carouselwrap h3{position: relative; text-align: center; top:auto; left: auto;}
	.about_03 .carouselwrap .carousel{margin-top: 40px;}
	.about_03 .carouselwrap .carousel .item .flexwrap{display: block;}
	.about_03 .carouselwrap .carousel .item .segment{padding-top:40px; padding-right:0; text-align: center; width:98%; margin:0 auto;}
	.about_03 .carouselwrap .btnwrap{bottom:-50px; left:0; right:0; margin:0 auto; text-align: center;}
	
	.about_04 .imgwrap{width:40%;}
	.about_04 .segment{padding-left:0; width:60%; padding-top: 0;}
	
	.about_05::before{top:-100px;}
	.about_05 .listwrap{padding:60px 80px;}
	.about_05 .listwrap .inner .list_title{font-size: 26px;}
	
	.about_08 .notiwrap ul li .date{font-size: 18px;}
	.about_08 .board_view_head .subject{font-size: 22px;}
	
	.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_05 .listwrap .backimg img{height: 250px;}
}

@media screen and (max-width: 780px){
	.about_01 .flexwrap{display: block;}
	.about_01 .imgwrap{width:80%; margin:0 auto;}
	.about_01 .segment{width:100%; margin-top: 40px;}
	
	.about_02{margin-top: 0;}
	.about_02 .artwrap{display: block; width:100%; margin-left:0; margin-top: 0;}
	.about_02 .artwrap .article{width:100%; display: flex; align-items: center; background: rgb(240,247,255); background: linear-gradient(180deg, rgba(240,247,255,1) 0%, rgba(255,255,255,1) 30%); padding:30px; margin:0; margin-bottom: 20px; border:1px solid #ebebeb; border-radius: 5px;}
	.about_02 .artwrap .article:last-of-type{margin-bottom: 0;}
	.about_02 .artwrap .article .imgwrap{width:30%;}
	.about_02 .artwrap .article .segment{width:70%; padding-left:20px;}
	.about_02 .artwrap .article .art_title{text-align: left; margin-top: 0; font-size: 18px;}
	
	.about_03{padding-bottom:100px;}
	.about_03 .carouselwrap .carousel .item .imgwrap{height: 400px;}
	.about_03 .carouselwrap .carousel .item .segment{width:90%; margin:0 auto;}
	.about_03 .carouselwrap .btnwrap button{width:36px; height: 36px; font-size: 16px;}
	.about_03 .carouselwrap .btnwrap button.prev_btn{margin-right:15px;}
	
	.about_04{z-index: 1;}
	.about_04 .flexwrap{display: block;background: rgb(240,247,255); background: linear-gradient(180deg, rgba(240,247,255,1) 0%, rgba(255,255,255,1) 30%); padding: 40px; border-radius: 5px; border:1px solid #ebebeb;}
	.about_04 .imgwrap{width:100%; text-align: center; padding-right:0;}
	.about_04 .imgwrap img{height: 370px;}
	.about_04 .segment{width:100%; text-align: center; margin-top: 20px;}
	
	.about_05{z-index: 0; padding-top:0; padding-bottom: 100px;}
	.about_05::before{top:-200px;}
	.about_05 .listwrap{padding:40px 60px; border:1px solid #ebebeb;background: rgb(240,247,255); background: linear-gradient(180deg, rgba(240,247,255,1) 0%, rgba(255,255,255,1) 30%);}
	.about_05 .listwrap .inner{margin-bottom: 40px; position: relative; z-index: 1;}
	.about_05 .listwrap .inner:nth-of-type(3){margin-bottom: 150px;}
	.about_05 .listwrap .inner .list_title{font-size: 22px;}
	.about_05 .listwrap .inner ul li::before{top:9px;}
	.about_05 .listwrap .inner .artwrap{display: block; margin-top: 30px;}
	.about_05 .listwrap .inner .artwrap .article{margin-top: 30px; width:100%;}
	.about_05 .listwrap .backimg{z-index: 0;}
	.about_05 .listwrap .backimg img{height: 200px;}
	
	.about_06 .headline{flex-wrap:wrap;}
	.about_06 .headline h3{margin-bottom: 10px;}
	.about_06 .headline .subtitle{margin-bottom: 10px;}
	.about_06 .map{height: 400px;}
	.about_06 .contact .step>.text{width:calc(100% - 180px);}
	
	.about_07{padding-bottom: 100px;}
	.about_07 .headline{flex-wrap:wrap;}
	.about_07 .headline h3{margin-bottom: 10px;}
	.about_07 .headline .subtitle{margin-bottom: 10px;}
	.about_07 .tablewrap{margin-top: 20px;}
	.about_07 .tablewrap table{font-size: 15px;}
	.about_07 .tablewrap table tbody tr td:first-of-type{width:140px;}
	.about_07 .tablewrap table tbody tr td div{width:13px; height: 13px;}
	
	.about_08 .notiwrap ul li h5{padding-right:10px;}
	.about_08 .notiwrap ul li .date{font-size: 16px;}
	.about_08 .board_view_head .subject{font-size: 20px;}
	.about_08 .board_view_body{padding:40px 20px;}
	
	.about_09:last-of-type{padding-bottom:100px;}
	.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_06 .addwrap{padding:50px 0; display: block;}
	.about_06 .addwrap button{margin-top: 10px;}
	.about_06 .contact .step{display: block;}
	.about_06 .contact .step h5{width:100%; margin-bottom: 10px;}
	.about_06 .contact .step .textbox{width:100%;}
	.about_06 .contact .step>.text{width:100%;}
}

@media screen and (max-width: 520px){
	.about_02 .artwrap .article{display: block;}
	.about_02 .artwrap .article .imgwrap{width:100%; margin:0 auto; text-align: center;}
	.about_02 .artwrap .article .imgwrap img{height: 130px;}
	.about_02 .artwrap .article .segment{width:100%; padding-left:0;}
	.about_02 .artwrap .article .art_title{text-align: center; margin-top: 20px; font-size: 16px;}
	.about_02 .artwrap .article .text{text-align: center;}
	
	.about_03 .carouselwrap .carousel .item .imgwrap{height: 320px;}
	.about_03 .carouselwrap .btnwrap button{width:32px; height: 32px; font-size: 14px;}
	.about_03 .carouselwrap .btnwrap button.prev_btn{margin-right:12px;}
	
	.about_04 .flexwrap{padding:40px 20px;}
	.about_04 .imgwrap img{height: 280px;}
	
	.about_05 .listwrap{padding:40px 30px;}
	.about_05 .listwrap .inner:nth-of-type(3){margin-bottom: 110px;}
	.about_05 .listwrap .inner .list_title{font-size: 18px;}
	.about_05 .listwrap .inner ul li{font-size: 13px;}
	.about_05 .listwrap .backimg img{height: 160px;}
	
	.about_06 .map{height: 350px;}
	
	.about_07 .tablewrap{overflow-x:scroll;}
	.about_07 .tablewrap table{width:500px;}
	.about_07 .tablewrap table{font-size: 14px;}
	.about_07 .tablewrap table thead tr td{padding:15px 0;}
	.about_07 .tablewrap table tbody tr td:first-of-type{width:120px;}
	.about_07 .tablewrap table tbody tr td{padding:15px 0;}
	.about_07 .tablewrap table tbody tr td div{width:12px; height: 12px;}
	.about_07 .noti{font-size: 13px; margin-top: 30px;}
	
	.about_08 .notiwrap ul li{display: block;}
	.about_08 .notiwrap ul li .date{margin-top: 5px; font-size: 14px;}
	.about_08 .board_view_footer button{min-width: 80px;}
	
	.about_09 table{font-size: 13px;}
}

@media screen and (max-width: 420px){
	.about_03 .carouselwrap .carousel .item .imgwrap{height: 280px;}
	
	.about_06 .map{height: 320px;}
	.about_06 .contact .step .textbox .text div:first-of-type{width:150px;}
	
	.about_09 table{font-size: 12px;}
}