.text{font-size: 18px;}

.about_01{ height: 540px;}
.about_01 .back_img{position: absolute; right:0; width:calc((100% - 1200px) / 2 + 660px); bottom:0; top:0;}
.about_01 .map{position: absolute; right:0; width:calc((100% - 1200px) / 2 + 660px); bottom:0; top:0; background:#ccc;}
.about_01 .segment{width:40%; padding-top: 50px;}
.about_01 .segment .text{margin-top: 30px;}
.about_01 .segment .snsicon{margin-top: 60px;}
.about_01 .segment .snsicon .icon{text-decoration: none; color:#333; margin-right:20px;}
.about_01 .segment .snsicon .icon img{height: 24px;margin-right:5px;}

.about_02{padding:50px 0; margin-bottom: 0 !important; background: #ECF4EC;}
.about_02 .about_container{position: relative;}
.about_02 .wrap{padding-top:150px; padding-bottom: 350px;}
.about_02 .wrap .segment{width:45%; margin-left:auto; padding-left:50px;}
.about_02 .wrap .segment .text{margin-top: 30px;}
.about_02 .btnwrap{width:45%; margin-left:auto;  padding-left:50px; margin-top: 40px;}
.about_02 .btnwrap button{border:1px solid #333; background: transparent; padding:4px 6px;}
.about_02 .btnwrap button:hover, .about_02 .btnwrap button:focus, .about_02 .btnwrap button:active{background:#333}
.about_02 .btnwrap button:first-of-type{margin-right:5px;}
.about_02 .btnwrap button img{height: 24px;}
.about_02 .btnwrap button img.hover_img{display: none;}
.about_02 .btnwrap button:hover img.unhover_img, .about_02 .btnwrap button:focus img.unhover_img, .about_02 .btnwrap button:active img.unhover_img{display: none}
.about_02 .btnwrap button:hover img.hover_img, .about_02 .btnwrap button:focus img.hover_img, .about_02 .btnwrap button:active img.hover_img{display: inline}
.about_02 .btnwrap button.prev_btn img{transform: rotate(-90deg);}
.about_02 .btnwrap button.next_btn img{transform: rotate(90deg);}
.about_02 .btnwrap.m_btn{display: none;}
.about_02 .carouselwrap{position: absolute; left:0; top:0; height: 100%; width: 50%;}
.about_02 .carouselwrap .carousel{height: 100%;max-width: 600px;position: absolute;right: 0}
.about_02 .carouselwrap .carousel .owl-stage-outer{height: 100%;}
.about_02 .carouselwrap .carousel .owl-stage-outer .owl-stage{height: 100%;}
.about_02 .carouselwrap .carousel .owl-stage-outer .owl-stage .owl-item{height: 100%;}
.about_02 .carouselwrap .carousel .item{height: 100%; position: relative;}
.about_02 .carouselwrap .carousel .item .segment{position: absolute; bottom:50px; right:50px; text-align: right; color:#fff;}
.about_02 .carouselwrap .carousel .item .segment .item_title{font-size: 24px; line-height: 1.5em;} 
.about_02 .carouselwrap .carousel .item .segment .text{margin-top: 15px;}

.about_03.back_color{background: #ECF4EC; margin-bottom: 0; padding:100px 0;}
.about_03 .about_inner{margin-top: 100px;}
.about_03 .about_inner:first-of-type{margin-top: 0;}
.about_03 .about_inner .mo_imgwrap{display: none;}
.about_03 .about_inner .left{width:40%}
.about_03 .about_inner .left ul{margin-top: 30px; margin-bottom: 0;}
.about_03 .about_inner .left ul li{margin-bottom: 10px;}
.about_03 .about_inner .left ul li:last-of-type{margin-bottom: 0;}
.about_03 .about_inner .right{width:55%}
.about_03 .about_inner .right .imgwrap{text-align: right; border-radius: 30px; overflow: hidden;}
.about_03 .about_inner .right ul{margin-bottom: 0;}
.about_03 .about_inner .right ul li{margin-bottom: 10px;}
.about_03 .about_inner .right ul li small{color:#666;}

.about_03 .about_inner .right .artwrap{display: flex; justify-content: space-between; width:102%; margin-left:-1%;}
.about_03 .about_inner .right .artwrap .article{margin:0 1%;}
.about_03 .about_inner .right .artwrap.duo .article{width:48%;}
.about_03 .about_inner .right .artwrap.triple .article{width:31.33%;}
.about_03 .about_inner .right .artwrap .article .art_title{font-size: 24px; line-height: 1.5em; color:#333;}
.about_03 .about_inner .right .artwrap .article .listwrap{padding-top: 15px; margin-top: 15px; border-top:1px solid #333; margin-bottom: 20px;}
.about_03 .about_inner .right .artwrap .article .listwrap .list{display: table; width:100%; margin-bottom: 5px;}
.about_03 .about_inner .right .artwrap .article .listwrap .list:last-of-type{margin-bottom: 0;}
.about_03 .about_inner .right .artwrap .article .listwrap .list div{display: table-cell; vertical-align: top;}
.about_03 .about_inner .right .artwrap .article .listwrap .list div:first-of-type{width:90px;}
.about_03 .about_inner .right .artwrap .article .noti{color:#777; margin-bottom: 5px;}
.about_03 .about_inner .right .artwrap .article .noti:last-of-type{margin-bottom: 0;}

.about_04 table{width:100%;}
.about_04 table thead{border-bottom:1px solid #666;}
.about_04 table thead tr th{padding:12px 15px; font-weight: 400;}
.about_04 table thead tr th:first-of-type{text-align: center; width:30px; white-space: nowrap;}
.about_04 table thead tr th:last-of-type{text-align: center; width:60px; white-space: nowrap;}
.about_04 table tbody{}
.about_04 table tbody tr{border-bottom:1px solid #ccc; cursor: pointer; }
.about_04 table tbody tr:hover{background: #efeee2}
.about_04 table tbody tr td{padding:12px 15px;}
.about_04 table tbody tr td:first-of-type{text-align: center; width:30px; white-space: nowrap;}
.about_04 table tbody tr td .subject{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap:break-word;}
.about_04 table tbody tr td .date{display: none;}
.about_04 table tbody tr td:last-of-type{text-align: center; width:60px; white-space: nowrap;}

.about_04 .board_view_head{padding-bottom: 30px;}
.about_04 .board_view_body{padding:80px 0; border-top:1px solid #999; border-bottom:1px solid #999;}
.about_04 .board_view_body .inner img{height: auto !important; max-width: 100%;}
.about_04 .board_view_body .file_box{margin-top: 40px;}
.about_04 .board_view_body .file_box ul{margin-bottom: 0;}
.about_04 .board_view_body .file_box ul li{ display: table; margin-bottom: 5px;}
.about_04 .board_view_body .file_box ul li:last-of-type{margin-bottom: 0;}
.about_04 .board_view_body .file_box ul li a{text-decoration: none;}
.about_04 .board_view_body .file_box ul li a .file_wrap{display: flex; padding: 5px 12px;  background:transparent; color:#333; transition: background .4s; border:1px solid #333;}
.about_04 .board_view_body .file_box ul li a .file_wrap:hover{background: #333; color:#fff;}
.about_04 .board_view_body .file_box ul li a .file_wrap .name{margin-right:10px;}
.about_04 .board_view_footer{padding: 30px 0; display: flex; justify-content: space-between; align-items: center;}
.about_04 .board_view_footer .date{color:#666; font-size: 14px;}
.about_04 .board_view_footer button{min-width: 90px;text-align: center; padding:10px 15px;}

.about_05{margin-top:200px;}
.about_05 .tablewrap{margin-top:30px; overflow: hidden;}
.about_05 table {width: 100%;font-size: 16px;}
.about_05 table thead tr th {background: #475642;color: #fff;height: 45px;text-align: center;border: 1px solid rgba(255,255,255,.3);line-height: 1.5em;font-weight: 500}
.about_05 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_05 table tbody .hover {background: #efefef;}

.about_06 .segment{width:40%; padding-right:5%; margin-top: 40px;}
.about_06 .segment:first-of-type{margin-top: 0;}
.about_06 .segment .listwrap{margin-top: 30px;}
.about_06 .segment .listwrap:first-of-type{margin-top: 0;}
.about_06 .segment .listwrap ul{margin-bottom: 0; margin-top: 10px;}
.about_06 .imgwrap{width:60%; position: absolute; right:0; bottom:0; top:0; margin:auto; }
.about_06 .imgwrap img{border-radius: 20px;}

.tab_list{width:500px; margin:0 auto; margin-top: 60px;}
.tab_list .tab{display: flex; justify-content: space-between;}
.tab_list .tab button{background: transparent; border:none; border-bottom:2px solid #999; color:#999; font-size: 32px; padding:15px 20px; position: relative;}
.tab_list .tab button:hover, .tab_list .tab button:active, .tab_list .tab button:focus{border-color:#666; color:#666;}
.tab_list .tab button.on{border-color:#333; color:#333;}
.tab_list .tab button span{font-size: .575em; position: absolute; left:0; right:0; margin:0 auto; text-align: center; bottom:-40px;}

@media screen and (max-width:1199px) {
	.about_01{ height: 400px;}
	
	.about_02 .wrap{padding-bottom: 200px;}
	
	.about_03 .about_inner .right .artwrap .article .art_title{font-size: 20px;}
	
	.about_05 table{font-size: 15px;}
	.about_05 table thead tr th{height: 40px;}
	.about_05 table tbody tr td{height: 45px;}
	
	.about_06 .imgwrap{width:50%}
	.about_06 .segment{width:50%}
	
	.tab_list .tab button{font-size: 28px;}
}

@media screen and (max-width:1000px) {
	
}

@media screen and (max-width: 780px){
	.text{font-size: 15px;}
	
	.about_01{height: auto; margin-top: 100px !important;}
	.about_01 .flexwrap{display: block;}
	.about_01 .back_img{position: static; width:100%; height: 250px; margin-top: 50px;}
	.about_01 .map{position: relative; width:100%; height: 300px; margin-top: 50px;}
	.about_01 .segment{width:100%; padding-top:0;}
	.about_01 .segment .snsicon{margin-top: 30px;}
	
	.about_02{margin-top: 0; padding-bottom:10px;}
	.about_02 .wrap{padding-bottom: 0; padding-top: 0;}
	.about_02 .wrap .segment{width:100%; margin-left:0; padding-left: 0;}
	.about_02 .btnwrap{display: none;}
	.about_02 .carouselwrap{position: relative; height: 700px; width:90%; margin: 50px auto;display: table}
	.about_02 .carouselwrap .carousel{height: 100%;max-width: 100%;position: absolute;right: 0}
	.about_02 .carouselwrap .carousel .item .segment{right:auto; left:5%; text-align: left;}
	.about_02 .carouselwrap .carousel .owl-controls{bottom:10px;}
	.about_02 .carouselwrap .carousel .owl-controls .owl-dots{text-align: center; margin-right:10px;}
	.about_02 .carouselwrap .carousel .owl-controls .owl-dots .owl-dot span{width:8px; height: 8px; border-radius: 8px;}
	.about_02 .carouselwrap .carousel .item .segment .text{margin-top: 10px;}
	
	.about_03 .flexwrap{display: block;}
	.about_03 .about_inner .mo_imgwrap{display: block; width:418px; margin-bottom: 40px; overflow: hidden; border-radius: 20px;}
	.about_03 .flexwrap .left{width:100%;}
	.about_03 .flexwrap .right{width:100%; margin-top:40px;}
	.about_03 .flexwrap .right .imgwrap{display: none;}
	.about_03 .flexwrap .right .imgwrap img{height: 109px;}
	
	.about_04 table thead tr th{padding:12px;}
	.about_04 table thead tr th:first-of-type{width:25px;}
	.about_04 table thead tr th:last-of-type{width:55px;}
	.about_04 table tbody tr td{padding:12px;}
	.about_04 table tbody tr td:first-of-type{width:25px;}
	.about_04 table tbody tr td:last-of-type{width:55px;}
	
	.about_05:last-of-type{padding-bottom:100px;}
	.about_05 .tablewrap{overflow-x: scroll;}
	.about_05 table{font-size: 14px; width:680px;}
	.about_05 table thead tr th{height: 35px;}
	.about_05 table tbody tr td{height: 40px;}
	
	.about_06 .imgwrap{position: static; width:100%; margin-top: 40px;}
	.about_06 .segment{width:100%; padding-right:0;}
	
	.tab_list{width:400px; margin-top: 40px;}
	.tab_list .tab button{font-size: 24px;}
	.tab_list .tab button span{bottom:-35px;}
	
	.sub_ct_inner{margin-top: -20px;}
}

@media screen and (max-width: 620px){
	.about_02 .carouselwrap{height: 500px;}
}

@media screen and (max-width: 520px){
	.text{font-size: 14px;}
	
	.about_02 .carouselwrap{height: 500px;width: 90%}
	
	.about_03 .flexwrap .right .imgwrap img{height: 65.4px;}
	
	.about_03 .about_inner .mo_imgwrap{width:100%;}
	.about_03 .about_inner .right .artwrap .article .art_title{font-size: 18px;}
	.about_03 .about_inner .right .artwrap.duo{flex-wrap:wrap;}
	.about_03 .about_inner .right .artwrap.duo .article{width:98%;}
	.about_03 .about_inner .right .artwrap.duo .article:nth-of-type(1) ~ .article{margin-top: 40px;}
	
	.about_04 table thead tr th{padding:12px;}
	.about_04 table thead tr th:first-of-type{width:25px;}
	.about_04 table thead tr th:last-of-type{display: none;}
	.about_04 table tbody tr td{padding:12px;}
	.about_04 table tbody tr td .date{display: block; font-size: .875em; color:#666;}
	.about_04 table tbody tr td:first-of-type{width:25px;}
	.about_04 table tbody tr td:last-of-type{display: none;}
	
	.about_05 table{font-size: 13px;}
	
	.tab_list{width:100%; margin-top: 40px;}
	.tab_list .tab{width:100%; padding:0 2%; justify-content: center;}
	.tab_list .tab button{font-size: 22px; padding:12px 15px;}
	.tab_list .tab button:first-of-type{margin-right:4%;}
	.tab_list .tab button span{bottom:-30px;}
}

@media screen and (max-width: 420px){
	.about_03 .flexwrap .right .imgwrap{bottom:auto; top:0;}
	
	.about_05 table{font-size: 12px;}
}