.content_area01 {
background-color : #f8f8f8;
padding-bottom: 40px;
}
.content_area02{
background-color : #fff;
margin: 0px auto 20px;
}
.content_area03{
background-color: #f7f7f5;
padding-bottom: 360px;
}



/*상단 배너*/
.a_main_bg{
width : 100%;
padding: 5%;

/* background-color: rgba(0,0,0,.2);
background-blend-mode: multiply;  */
}

.about_main_tbox{
color: #1f4307;
text-align: center;
width : 100%;
margin: 50px auto;
}
.about_main_tbox .a_main_title {
font-size : 1.5rem;
text-transform: uppercase;
text-align: center;
animation-name : a_main_title;
animation-duration : 2s;

}
@keyframes a_main_title {
		from{
		opacity: 0;
		margin-top : -50px;
		}
		to{
		opacity: 1;
		margin-top : 0;
		}
}

.about_main_tbox .a_main_title:after{
display: block;
content: "";
width : 1px;
height : 150px;
background-color : #1f4307;
margin: 0 auto;
animation-name : a_line;
animation-duration : 2s;
}
@keyframes a_line {
		from {
			height : 0;
		}
		to {
			height : 150px;
		}
}
.about_main_tbox .a_main_text {
font-size : 1.2rem;
letter-spacing :.002rem;
text-align: center;
font-weight : 200;
animation-name : a_main_text;
animation-duration : 3s;
opacity: 1;
}
@keyframes a_main_text {
		from{
		opacity: 0;
		margin-bottom : 50px;
		}
		to{
		opacity: 1;
		margin-bottom : 0;
		}
}


.about_main_tbox .a_main_text span{
font-weight: 500;
}
.about_main_tbox .a_main_sub_text {
font-size : 1rem;
margin-top : 50px;
opacity: 1;
animation-name : a_main_sub_text;
animation-duration : 3s;
color: #2a2a2a;
}
@keyframes a_main_sub_text {
		from{
		opacity: 0;
		margin-top : 50px;
		}
		to{
		opacity: 1;
		margin-top : 50px;
		}
}


/*====01=====*/
.a_sec01 {
margin: 150px auto 0;
}
.a_img01 {
background-image: url('img/a_img01.jpg?=v1');
width: 90%;
height: 300px;
margin-left: 0;
background-size: cover;
background-position: center;
}
.a_texbox{
width: 90%;
margin: 0 auto;
padding-top: 100px;
padding-bottom: 70px;
}
.a_title{
    font-size: 1rem;
    font-weight: 700;
    color: #a2ca29;
    text-transform: uppercase;
}
.a_sub_title{
font-size: 2rem;
color : #34363c;
padding-top: 30px;
}
.a_text{
font-size: 1rem;
color : #7e7e7e;
padding-top: 30px;
}

.a_sec02 .text_banner{
font-size: 2rem;
text-transform: uppercase;
color: #c8dfb2;
font-weight: 700;
text-align: center;
margin-bottom: 40px;
}

.a_img02 {
background: url('img/a_img02.jpg?=v1') fixed no-repeat;
width: 100%;
height: 200px;
background-size: cover;
background-position-x: -700px;

}

.a_sec03 {
position: relative;
padding-top: 545px;
margin-top: -545px;
/*height: 420px;
padding-bottom: 510px;*/
}
.a_img03{
 width: 90%;
height: 420px;
background-image: url('./img/a_img03.jpg?=v1') ;
background-position: center;
background-size: cover;
position: relative;
margin-bottom: 280px;
}
.a_img03_2{
width: 60%;
height: 320px;
border: 10px solid #f8f8f8;
background-image: url('./img/a_img03_2.jpg?=v1');
background-position: center;
background-size: cover;
margin-top: -380px;
float: right;
}
.a_sec03 .a_texbox{
padding-top: 0;
}


.a_sec04{
width: 100%;
height: 340px;
overflow: hidden;
}
.a_img04 {
background: url('img/a_img04.jpg?=v1') no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 340px;
}
.a_img04:after{
content:"";
display: block;
width: 140%;
height: 1400px;
border-radius: 100%;
background-color : #8abb3485;
position: relative;
top: -580px;
left: -50%;
z-index: 0;
}

.h_tbox {
position: relative;
z-index: 1;
width: 100%;
text-align: center;
margin: 0 auto;
padding-bottom: 50px;
color: #fff;
}
.h_banner_title{
padding-top: 60px;
font-size: 1.5rem;
font-weight: 700;
text-transform: uppercase;
}
.h_banner_text{
font-size: 20px;
font-weight: 400;
}
.h_banner_text span{
font-weight: 500;
}
.h_banner_text:before{
content:"";
display: block;
width: 180px;
height: 1px;
background-color: #fff;
margin: 40px auto 20px;
}
.h_banner_text:after{
content:"";
display: block;
width: 6px;
height: 6px;
background-color: #fff;
margin: 0 auto;
position: relative;
top: -53px;
}
.h_btn{
margin: 60px auto 0;
width: 190px;
height: 56px;
}
.h_btn a{
display: block;
font-size: 1rem;
width: 190px;
height: 56px;
background-color: #fff;
text-align: center;
line-height: 56px;
color: #a2ca29;
}









/*회사소개 텍스트*/
.a_con_tbox{
position: relative;
width: 55%;
background-color : #fff;
padding: 20px 30px;
margin-top: -120px;
margin-left : 35%;
margin-bottom: 140px;
}
.a_con_title {
font-size: 26px;
    line-height: 2;
}
.a_con_text {
font-size : 16px;
color : #585858;
}
.a_con_num{
font-size: 180px;
color : #ebebeb;
position: absolute;
left: 86%;
top: -150px;
}

/*연혁보기 배너*/
.a_02_banner{
background-color : #666;
padding: 5%;
text-align: center;
position: relative;
color : #fff;
}

.a_02_banner .banner_title  {
text-transform: uppercase;
    font-size: 30px;
	margin-bottom: 30px;
	margin-top : 20px;
}
.a_02_banner .banner_text{
font-size : 30px;
}
.a_02_banner .banner_text span{
font-weight : 500;
}
.read_more_btn a {
width : 50%;
margin: 0 auto;
display: block;
padding: 40px 0 0;
}
.read_more_btn span:before{
display: block;
content: "";
width : 20px;
height : 1px;
margin: 0 auto 0;
background-color : #fff;
}
.read_more_btn span:after{
display: block;
content: "";
width : 1px;
height : 20px;
background-color : #fff;
margin: -10px auto 0;
}
.read_more_btn a {
font-size : 16px;
}

.a_sec05 {
padding-top: 140px;
}
.a_sec05 .a_tbox{
text-align: center;
width: 90%;
margin: 0 auto 140px;
}
.a_main_dtitle{
color: #1f4307;
font-size:  1.7rem;
font-weight: 400;
}
.a_dtitle2 {
font-size: 1.5rem;
color: #737373;
margin-bottom: 60px;
}

.a_dtitle {
font-size: 1.5rem;
color: #737373;
margin-bottom: 60px;
}
.a_dtitle:before{
content: "";
display: block;
width: 30px;
height: 1px;
background-color: #c7c7c7;
margin: 60px auto;
transform : rotate(-45deg);

}

.g_slider_contain{
    margin: -455px auto 400px;
	width: 90%;
}
.g_slider{
margin-top: 100px;
width:100%;
}
.g_slider > div{
width: 100%;
height: 200px;
background-size: cover;
background-position: center;
background-position: center;
padding-bottom: 380px;
} 

.g_simg01{
background: url('./img/g_img01.jpg?=v1') no-repeat;
}
.g_simg02{
background: url('./img/g_img02.jpg?=v1') no-repeat;
}
.g_simg03{
background: url('./img/g_img03.jpg?=v1') no-repeat;
}


/*슬라이드 텍스트박스*/
.g_slide_texbox {
width: 90%;
/*height : 380px;*/
background-color : #fff;
z-index: 1;
position: relative;
bottom: -300px;
padding: 50px 30px;
margin: 0 auto;
}

.g_slide_con_title{
    font-size: 1rem;
    font-weight: 700;
    color: #a2ca29;
    text-transform: uppercase;
}
.g_slide_con_sub_title{
font-size: 2rem;
color : #34363c;
padding-top: 30px;
}
.g_slide_con_text{
font-size: 1rem;
color : #7e7e7e;
padding-top: 30px;
} 


.bx-viewport{
overflow: inherit !important ;
}
/*g_silde pager버튼 수정*/
 .bx-wrapper{
box-shadow: none;
border: none;
background : transparent;
width: 100%;
}
.bx-wrapper .bx-controls-direction a {
margin-top: 0;
top: 180%;
/*border-radius: 100%;
border: 1px solid #8b8b8b;*/
}
.bx-wrapper .bx-prev{
left: 75%;
margin-right: 20px;
background: none;
}
.bx-wrapper .bx-next{
right: 5%;
background: none;
}

.bx-wrapper .bx-prev:after{
display: block;
content:"";
width: 10px;
height: 10px;
border-bottom: 1px solid #8b8b8b;
border-left: 1px solid #8b8b8b;
transform: rotate(45deg);
position: relative;
left: 12px;
top: -9px;

}
.bx-wrapper .bx-next:after{
display: block;
content:"";
width: 10px;
height: 10px;
border-top: 1px solid #8b8b8b;
border-right: 1px solid #8b8b8b;
transform: rotate(45deg);
position: relative;
left: 8px;
top: -9px;
}