.k_tit_margin_sub{margin-bottom: 35px;}
:root{
	--main-color : #00998f;
}
.black-font {color : #000;}

/* intro */
#intro {}
#intro .section {}
#intro .section .sitt_wrapper{width : 50%; margin : 0 auto;}
#intro .section .sitt_wrapper .txt{text-align: left;}


/* (정푸드은) */
.content_container{word-break : keep-all;}
.content_container .k_tit_txt {word-break : keep-all;}

/* TAB (인사말, 정푸드, 연혁, 오시는길) */
#content_tab_wrapper{height: auto; box-sizing: border-box; margin-bottom : 60px;}
#content_tab_wrapper .k_container{width: 100%; border-bottom: 2px solid #6e8a2a; display: flex; height : 50px;}
#content_tab_wrapper .k_container::after{content: "";clear: both;display: block;}
#content_tab_wrapper a{width: 33.3333%;text-align: center;border:solid 1px #dddddd;background-color: #ececec;border-radius: 25px 25px 0 0;font-size: 17px;font-weight: 500;color: #555; display: flex; align-items: center; justify-content: center;}
#content_tab_wrapper a:nth-child(1){}
#content_tab_wrapper a:nth-child(2){}
#content_tab_wrapper a.on{border: 2px solid #6e8a2a;background-color: #FFF;font-size: 18px;font-weight: bold;color: #6e8a2a;border-color: #6e8a2a;border-bottom: none; flex-wrap: wrap; position: relative;}
#content_tab_wrapper a.on:after{content : ''; width : calc(100% - 0.5px); height : 2px; background-color: #fff; position: absolute; bottom :-2px; left : 0px;}




/* about (정푸드은 - 유농업 발전을 위해) */
#content_bg_wrapper1{height : 390px; display: flex; align-items: flex-end;}
#content_bg_wrapper1> div{}
#content_bg_wrapper1> div >span {display:flex; align-items:flex-end; justify-content:center; height : 90px; background-color: #fff; width : 87.5%; margin : 0 auto; border-radius: 25px 25px 0px 0px}
#content_bg_wrapper1> div >span>img {height : auto;}

/* about (정푸드은 - 검증된 유기농업 시스템) */
.grid_wrapper1{width : 100%; max-width : 1200px; margin : 0 auto; letter-spacing: -1px;}
.grid_wrapper1 .k_tit {margin-left : -25px;}
.grid_wrapper1 ul {width : 100%; margin:0 auto; display: flex; flex-wrap: wrap; justify-content: center;}
.grid_wrapper1 ul li{display: flex; width : 100%;margin-bottom : 30px;}
.grid_wrapper1 ul li:nth-child(2n-1)>div.text_wrap{width : calc(50% - 75px); margin-left : 70px; }
.grid_wrapper1 ul li:nth-child(2n)>div>div{padding-right: 35px; text-align:right;}
.grid_wrapper1 ul li:nth-child(2n){flex-flow: row-reverse; justify-content: flex-end;}
.grid_wrapper1 ul li>div {width:50%; display: flex;  flex-wrap: wrap; align-items: center; }
.grid_wrapper1 ul li>div>div {}
.grid_wrapper1 ul li>div>img {border-radius: 25px; width : 100%;}
.grid_wrapper1 ul li>div>div>h3 {font-size : 28px;margin-bottom: 5px; font-weight: 500;}
.grid_wrapper1 ul li>div>div>p {font-size : 18px;}

/* about */
.grid_wrapper2{width : 100%; max-width : 1200px; margin : 0 auto;}
.grid_wrapper2 ul{width : 70%; display: flex; justify-content: center; margin : 0 auto;}
.grid_wrapper2 ul>li{width : auto; display: flex; flex-wrap: wrap; justify-content: center; margin : 0px 24.5px;}
.grid_wrapper2 ul>li div{width : 145px; height : 125px; display:flex; align-items:center; justify-content:center; background-color: #6e8a2a;  border-radius: 25px; margin-bottom : 45px;}
.grid_wrapper2 ul>li img{}
.grid_wrapper2 ul>li span{text-align: center; font-size : 20px; letter-spacing: -1px;}

/* history (연혁) */
.history_wrapper{min-height : 100px;}

.history_wrapper>ul{position: relative;}
.history_wrapper>ul:before{position: absolute;width: 0px;height: 100%;top: 0px;left: 50%;margin-left: -1px;background-color: #6e8a2a;content: ""; border-left : solid 1px #6e8a2a}
.history_wrapper>ul>li{display: flex;margin-bottom : 20px; position: relative; min-height: 90px;}
.history_wrapper>ul>li:before{content : ''; position: absolute; left : 50%; top : calc(50% - 10px); border-radius: 100%;width : 9px; height : 9px; border : solid 1px #6e8a2a; background-color: #6e8a2a; margin-left : -5.5px; }
.history_wrapper>ul>li>div{width : 50%; background-repeat: no-repeat; background-size: cover; min-height: 90px; background-position: center;}
.history_wrapper>ul>li .img_wrapper{ display: flex; align-items: center; justify-content: center; color : #fff; font-size : 22px; font-weight: 500; position: absolute; left : 0; top : 0; background-color: #f3f3f3; width : calc(50% - 20px); border-radius: 30px; height: 100%;}
.history_wrapper>ul>li .text_wrapper{display: flex; margin-left : 50%; height : 100%; align-items: center;}
.history_wrapper>ul>li .text_wrapper p{font-size : 26px; color : #6e8a2a; margin-left : 10px; margin-top : -12px; word-break : keep-all;}
.history_wrapper>ul>li .text_wrapper ul{margin-left : 30px; font-weight: 400;margin-top : -12px; font-size : 20px;}

/* greet (인사말) */
.greet_wrapper{ width : 100% ; max-width : 1200px; margin : 0 auto;}
.greet_wrapper:after{content : ''; display: table; clear: both;}
.greet_wrapper .k_tit{text-align: left; margin-top : 20px;}
.greet_wrapper p{margin-bottom : 10px; word-break : keep-all; font-size : 20px;}
.greet_wrapper{display: flex;}
.greet_wrapper .left{float: left; width : calc(35% - 60px); padding : 0px 30px; height: 100%; text-align: center;}
.greet_wrapper .left .greet_img_2{width : 90%;}
.greet_wrapper .right{float: left; width : calc(65% - 61px); padding-left : 60px; border-left : solid 1px #a6a5a5}


@media screen and (min-width: 1281px){
}

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

@media screen and (max-width: 880px){
	#content_tab_wrapper .k_container{height : 40px; border-width: 1px;}
	#content_tab_wrapper a.on{border-width: 1px;}
	
	/* about (정푸드은 - 유농업 발전을 위해) */
	#content_bg_wrapper1{height: 290px; margin-bottom : 120px;}
	#content_bg_wrapper1> div >span{margin-bottom : -90px;}
	#about1_img{width : 100%;}
	.grid_wrapper1 .k_tit { padding : 0px 30px; word-break : keep-all; }
	.grid_wrapper1 ul{}
	.grid_wrapper1 ul li{flex-wrap: wrap; justify-content: center; margin-bottom : 60px; }
	.grid_wrapper1 ul li:last-child{margin-bottom : 0;}
	.grid_wrapper1 ul li>div{width : 100%;}
	.grid_wrapper1 ul li>div.text_wrap{width : 100%; margin : 0;}
	.grid_wrapper1 ul li>div.text_wrap>div{width : 100%;text-align: center;}
	.grid_wrapper1 ul li:nth-child(2n-1)>div.text_wrap{width : 100%; margin : 0;}
	.grid_wrapper1 ul li:nth-child(2n){flex-flow: wrap;}
	.grid_wrapper1 ul li:nth-child(2n)>div>div{padding : 0;}
	.grid_wrapper1 ul li>div>div>h3{padding-top : 20px;}
	
	/* 연혁 */
	.content_container{margin : 0px 10px;}
	.history_wrapper>ul:before{display: none;}
	.history_wrapper>ul>li{flex-wrap: wrap; justify-content: center;}
	.history_wrapper>ul>li:before {display: none;}	
	.history_wrapper>ul>li>div {background-position: center; width : 75%;}
	.history_wrapper>ul>li .img_wrapper{width : 100%; position: static; z-index : 9999; height: auto;}
	.history_wrapper>ul>li .text_wrapper{margin : 0; padding-top : 20px; }
	.history_wrapper>ul>li .text_wrapper:before{content : ''; position: absolute; margin-top : 10px; border-radius: 100%;width : 9px; height : 9px; border : solid 1px #6e8a2a; background-color: #6e8a2a; margin-left : -25.5px; }
	.history_wrapper>ul>li .text_wrapper:after{content : ''; position: absolute; ;width : 0px; height : calc(100% * 2); border-left : solid 1px #6e8a2a; background-color: #6e8a2a; margin-left : -21.5px; margin-top : -29px;}
	.history_wrapper>ul>li:first-child .text_wrapper:after{height: 100%;}
	.history_wrapper>ul>li .text_wrapper ul{margin-top : 0;}
	.history_wrapper>ul>li .text_wrapper p{margin: 0; min-width : 60px;}
	.history_wrapper>ul>li:last-child .text_wrapper:after{height : 50%;}
	
	/* 인사말 */
	.greet_wrapper{}
	.greet_wrapper:after{}
	.greet_wrapper .k_tit{text-align: center;}
	.greet_wrapper p{}
	.greet_wrapper{flex-wrap : wrap;}
	.greet_wrapper .left{width : 100%; padding : 0;}
	.greet_wrapper .left .greet_img_2{}
	.greet_wrapper .right{ width : 90%; margin : 0 auto; border-left : none; padding : 0; }
	
}
@media screen and (max-width: 745px){
	/* about (정푸드은 - 검증된 유기농업 시스템) */
	.grid_wrapper2 ul{flex-wrap: wrap; width : 85%;}
	.grid_wrapper2 ul>li{width : 50%; margin : 0; margin-bottom : 50px;}
	.grid_wrapper2 ul>li:nth-child(3), .grid_wrapper2 ul>li:nth-child(4){margin-bottom : 0; }
	.grid_wrapper2 ul>li div{margin-bottom : 20px;}
	.grid_wrapper2 ul>li span{width : 100%; display: block;}
}

@media screen and (max-width: 480px){
	
	.history_wrapper>ul>li>div{min-height: 70px;}
	.history_wrapper>ul>li .text_wrapper p{font-size : 18px;}
	.history_wrapper>ul>li .text_wrapper ul{margin-left : 15px; font-size : 16px;}
}

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