.about_01{}
.about_01 h3{}
.about_01 .text{margin-top: 20px;}

.about_02{background:#FEF9F1;}
.about_02 .carousel_container{position: relative; display: flex; justify-content: space-between;}
.about_02 .carousel_container .segment{width:300px;}
.about_02 .carousel_container .segment .subtitle{}
.about_02 .carousel_container .segment h3{margin-top: 15px;}
.about_02 .carousel_container .segment .text{margin-top: 15px;}
.about_02 .carousel_container .carousel{width: calc(100% - 350px);}
.about_02 .carousel_container .carousel .item{height: 400px;}
.about_02 .carousel_container .carousel .item .imgwrap{height: 100%;}
.about_02 .carousel_container .btnwrap{position: absolute; bottom:0; left:0; display: flex; justify-content: start; align-items: center;}
.about_02 .carousel_container .btnwrap button{background: transparent; border:none; font-size: 20px; line-height: 20px; padding:0; width:20px; height: 20px; text-align: center; color:#666;}
.about_02 .carousel_container .btnwrap button:hover, .about_02 .carousel_container .btnwrap button:focus, .about_02 .carousel_container .btnwrap button:active{color:#333;}
.about_02 .carousel_container .btnwrap button.prev_btn{}
.about_02 .carousel_container .btnwrap button.next_btn{}
.about_02 .carousel_container .btnwrap .info{margin:0 10px;}
.about_02 .carousel_container .btnwrap .info .number{font-size: 20px; line-height: 1.5em; color:#333;}
.about_02 .carousel_container .btnwrap .info .sep, .about_02 .carousel_container .btnwrap .info .entire{font-size: 12px; line-height: 1.5em; color:#999;}

.about_03 .imgwrap{width:50%;}
.about_03 .segment{width:50%; padding-left:5%;}
.about_03 .segment .subtitle{color:#666;}
.about_03 .segment h3{margin-top: 10px; margin-bottom: 40px;}
.about_03 .segment h3 .text{display: inline; color:#333;}
.about_03 .list_container{width:102%; margin-left:-1%; margin-top: 100px;}
.about_03 .list_container .listwrap{width:31.33%; margin:0 1%;}
.about_03 .listwrap ul{margin-top: 15px; margin-bottom: 0;}
.about_03 .listwrap ul li{margin-bottom: 5px; font-size: 16px; line-height: 1.5em; color:#666;}
.about_03 .listwrap ul li:last-of-type{margin-bottom: 0;}

.about_04{background: #FEF9F1;}
.about_04 .segment{width:30%;}
.about_04 .segment .subtitle{}
.about_04 .segment h3{margin-top: 15px;}
.about_04 .listwrap{width:70%; padding-left:8%;}
.about_04 .listwrap .list{margin-bottom: 15px;}
.about_04 .listwrap .list:last-of-type{margin-bottom: 0;}
.about_04 .listwrap .list .text{line-height: 1.5em;}
.about_04 .listwrap .list .text:first-of-type{ color:#333;font-family: 'Pretendard-SemiBold';}
.about_04 .listwrap .list .text:last-of-type{color:#666; font-size: .875em; margin-top: 5px;}

.about_05 .headline{width:25%; position: relative;}
.about_05 .headline h3{margin-top: 15px;}
.about_05 .headline .common_btn{margin-top: 60px; margin-left:30px;}
.about_05 .headline .state{position: absolute; bottom:0;}
.about_05 .headline .state .btnwrap .carousel_btn{background: transparent; border:none; color:#333; font-size: 16px;}
.about_05 .headline .state .btnwrap .carousel_btn:hover, .about_05 .headline .state .btnwrap .carousel_btn:focus, .about_05 .headline .state .btnwrap .carousel_btn:active{color:#000;}
.about_05 .headline .state .btnwrap .info{font-size: 12px; color:#999; display: inline-block;}
.about_05 .headline .state .btnwrap .info .number{font-family: 'Pretendard-SemiBold'; color:#333; font-size: 20px;}
.about_05 .carouselwrap{width:75%;}
.about_05 .carouselwrap .carousel .article .imgwrap{overflow: hidden;}
.about_05 .carouselwrap .carousel .article .imgwrap img{transition: transform .4s; width:100%;}
.about_05 .carouselwrap .carousel .article:hover .imgwrap img, .about_05 .carouselwrap .carousel .article:focus .imgwrap img, .about_05 .carouselwrap .carousel .article:active .imgwrap img{transform: scale(1.1);}
.about_05 .carouselwrap .carousel .article .segment .text:first-of-type{font-family: 'Pretendard-SemiBold'; color:#333;margin-top: 10px;}
.about_05 .carouselwrap .carousel .article .segment .text:last-of-type{margin-top: 8px;}
.about_05 .carouselwrap .carousel .article .segment ul{margin-top: 10px;}
.about_05 .carouselwrap .carousel .article .segment ul li{color:#666; cursor: pointer;}
.about_05 .carouselwrap .carousel .article .segment ul li:hover{color:#267def}
.about_05 .carouselwrap .carousel .article .segment ul li:hover::before{background:#267def}

.about_06{}
.about_06 h3{ margin-bottom: 40px;}
.about_06 .map{width:60%; background: #ccc; height: 450px;}
.about_06 .segment{width:40%; padding-left:5%;}
.about_06 .segment .article{margin-bottom: 30px;}
.about_06 .segment .article:last-of-type{margin-bottom: 0;}
.about_06 .segment .article h5{}
.about_06 .segment .article .text{margin-top: 15px;}
.about_06 .segment .article ul{margin-top: 15px;}
.about_06 .segment .article ul li{margin-bottom: 10px; display: table; width:100%;}
.about_06 .segment .article ul li:last-of-type{margin-bottom: 0;}
.about_06 .segment .article ul li div{display: table-cell; vertical-align: top;}
.about_06 .segment .article ul li .bedge{width:60px; color:#fff;}
.about_06 .segment .article ul li .bedge span{padding:5px 10px; border-radius: 3px;}
.about_06 .segment .article ul li .text{}

.about_07{background: #FEF9F1;}
.about_07 .headline{}
.about_07 .headline h3{}
.about_07 .headline .text{margin-top: 15px;}
.about_07 .flexwrap{margin-top: 40px; border:1px solid #ccc; padding:50px;}
.about_07 .flexwrap .article{width:31.33%;}
.about_07 .flexwrap .article:nth-of-type(1){padding-right:4%;}
.about_07 .flexwrap .article:nth-of-type(2){width:37.33%;padding:0 4%; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.about_07 .flexwrap .article:nth-of-type(3){padding-left:4%;}
.about_07 .flexwrap .article h5{margin-bottom: 15px;}
.about_07 .flexwrap .article h5 img{height: 24px;}
.about_07 .flexwrap .article ul{}
.about_07 .flexwrap .article ul li{display: table; width:100%; margin-bottom: 5px; font-size: 16px; line-height: 1.5em;}
.about_07 .flexwrap .article ul li div{display: table-cell; vertical-align: top;}
.about_07 .flexwrap .article ul li div:first-of-type{width:40%; color:#666;}
.about_07 .flexwrap .article ul li div:last-of-type{width:60%;padding-left:3%; color:#333;}
.about_07 .flexwrap .article h3{font-family: 'Pretendard-Regular';}
.about_07 .flexwrap .article .snswrap{margin-top: 30px; display: flex; justify-content: start; flex-wrap:wrap;}
.about_07 .flexwrap .article .snswrap .sns{margin-bottom: 5px;}
.about_07 .flexwrap .article .snswrap .sns:first-of-type{margin-right:15px;}
.about_07 .flexwrap .article .snswrap .sns a{text-decoration: none;}
.about_07 .flexwrap .article .snswrap .sns a span{color:#333;}
.about_07 .flexwrap .article .snswrap .sns a span img{height: 24px;}

.about_08{}
.about_08 .flexwrap{width:102%; margin-left:-1%; flex-wrap:wrap;}
.about_08 .flexwrap .article{width:31.33%; margin:0 1%; text-decoration: none;}
.about_08 .flexwrap .article:nth-of-type(3) ~ .article{margin-top:30px;}
.about_08 .flexwrap .article .imgwrap{height: 300px; text-align: center; width:100%;overflow: hidden;background: #fbfbfb;}
.about_08 .flexwrap .article .imgwrap .img{transition: transform .4s; height: 100%;}
.about_08 .flexwrap .article .imgwrap .inner{display: flex; justify-content: center; align-items: center; height: 100%; width:100%;}
.about_08 .flexwrap .article .imgwrap .inner img{transition: transform .4s;}
.about_08 .flexwrap .article:hover .imgwrap .img, .about_08 .flexwrap .article:focus .imgwrap .img, .about_08 .flexwrap .article:active .imgwrap .img, .about_08 .flexwrap .article:hover .imgwrap .inner img, .about_08 .flexwrap .article:focus .imgwrap .inner img, .about_08 .flexwrap .article:active .imgwrap .inner img{transform: scale(1.1);}
.about_08 .flexwrap .article .segment{margin-top: 10px;}
.about_08 .flexwrap .article .segment h5{color:#333; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap:break-word;}
.about_08 .flexwrap .article .segment .text{margin-top: 15px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.about_08 .flexwrap .article .segment .date{margin-top: 30px; font-size: 16px; line-height: 1.5em; color:#999;}

.about_08 .board_view_head{background: #fff; border-top:2px solid #333; padding: 30px 0;}
.about_08 .board_view_head .date{font-size: 14px; line-height: 1.5em; color:#666; margin-top: 10px;}
.about_08 .board_view_body{background: #fff; padding: 60px 0; border-top:1px solid #999; border-bottom:1px solid #999; }
.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:#9b7533; color:#FDF5E7; transition: background .4s;}
.about_08 .board_view_body .file_box ul li a .file_wrap:hover{background: #7a5c29;}
.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;}

ul.dot {margin: 0;list-style-type: none;padding: 0;margin-left: 20px}
ul.dot li {width: 100%;padding: 0;line-height: 1.5em;margin-bottom: 10px;position: relative}
ul.dot li:before {
	content: "";
	display: block;
	width:6px; height: 6px;
	border-radius: 6px;
	background: #666;
	position: absolute;
	left: -13px; top:8px;
}

.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: #987B50;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_03 .segment{padding-left:3%;}
	
	.about_04 .listwrap{padding-left:3%;}
	
	.about_05 .flexwrap{display: block;}
	.about_05 .headline{width:100%;}
	.about_05 .headline h3 div{display: none;}
	.about_05 .headline .state{position: static; margin-top: 20px;}
	.about_05 .headline .state .btnwrap{display: table; margin-left:auto;}
	.about_05 .carouselwrap{width:100%; margin-top: 10px;}
	
	.about_06 .segment{padding-left:3%;}
	
	.about_07 .flexwrap{padding:40px 30px;}
	.about_07 .flexwrap .article:nth-of-type(1){padding-right:2%;}
	.about_07 .flexwrap .article:nth-of-type(2){padding:0 2%;}
	.about_07 .flexwrap .article:nth-of-type(3){padding-left:2%;}
	.about_07 .flexwrap .article ul li{font-size: 15px;}
	
	.about_08 .flexwrap .article .imgwrap{height: 240px;}
	.about_08 .flexwrap .article .segment .date{font-size: 15px;}
	
	.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_08 .flexwrap .article{width:48%;}
	.about_08 .flexwrap .article:nth-of-type(2) ~ .article{margin-top:30px;}
}

@media screen and (max-width: 780px){
	.about_02 .carousel_container .segment{width:100%;}
	.about_02 .carousel_container{display: block;}
	.about_02 .carousel_container .carousel{width:100%; margin-top: 20px;}
	.about_02 .carousel_container .btnwrap{position: static; margin-top: 20px; justify-content: end;}
	
	.about_03 .flexwrap{display: block;}
	.about_03 .imgwrap{width:420px; margin:0 auto;}
	.about_03 .segment{width:100%; margin-top: 40px; padding-left:0;}
	.about_03 .list_container{width:100%; margin-left:0; margin-top: 40px;}
	.about_03 .list_container .listwrap{width:100%; margin:0; margin-bottom: 40px;}
	.about_03 .list_container .listwrap:last-of-type{margin-bottom: 0;}
	
	.about_04 .flexwrap{display: block;}
	.about_04 .segment{width:100%;}
	.about_04 .segment h3 div{display: none;}
	.about_04 .listwrap{padding-left:0; margin-top: 40px; width:100%;}
	
	.about_08 .board_view_body{padding:40px 20px;}
	
	.about_06 .flexwrap{display: block;}
	.about_06 .map{width:100%;}
	.about_06 .segment{width:100%; padding-left:0; margin-top: 30px;}
	.about_06 .segment .article .text{margin-top: 10px;}
	
	.about_07 .flexwrap{display: block; padding:0; border:none;}
	.about_07 .flexwrap .article{width:100%; margin-top: 30px;}
	.about_07 .flexwrap .article:first-of-type{margin-top: 0;}
	.about_07 .flexwrap .article:nth-of-type(1){padding-right:0; width:100%;}
	.about_07 .flexwrap .article:nth-of-type(2){padding:0; width:100%; border:none;}
	.about_07 .flexwrap .article:nth-of-type(3){padding-left:0; width:100%;}
	.about_07 .flexwrap .article ul{width:400px;}
	.about_07 .flexwrap .article ul li{font-size: 14px;}
	
	.about_08 .flexwrap .article{width:98%;}
	.about_08 .flexwrap .article:nth-of-type(1) ~ .article{margin-top:30px;}
	.about_08 .flexwrap .article .imgwrap{height: 220px;}
	.about_08 .flexwrap .article .segment .text{margin-top: 10px;}
	.about_08 .flexwrap .article .segment .date{font-size: 14px; margin-top: 15px;}
	
	.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_02 .carousel_container .carousel .item{height: 360px}
	
	ul.dot{margin-left:10px;}
	ul.dot li:before{left: -10px; top:7px; width:5px; height: 5px;}
	
	.about_06 .map{height: 400px;}
}

@media screen and (max-width: 520px){
	.about_02 .carousel_container .carousel .item{height: 320px}
	
	.about_03 .imgwrap{width:100%;}
	
	.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_06 .map{height: 350px;}
	
	.about_07 .flexwrap .article ul{width:100%;}
	
	.about_08 .flexwrap .article .imgwrap{height: 200px;}
	
	.about_09 table{font-size: 13px;}
}

@media screen and (max-width: 420px){
	.about_08 .flexwrap .article .imgwrap{height: 180px;}
	
	.about_09 table{font-size: 12px;}
}