@charset "utf-8";


/* root */
:root{
	--c-01:#1c2d63;
}

/* common */
.container_title {position:relative; text-align:center;font-size:40rem;line-height:1;letter-spacing:-1.5px;font-weight:600;padding-bottom:30rem;margin:5rem 0 60rem 0;color:#262626;}

.tit01 { position: relative; padding-top:20rem; margin: 0 0 40rem;font-size:30rem;font-weight: 600;color: #222;line-height: 1; text-align:center; } 
.tit01:before {content: ""; display:block; margin:10rem auto; width:44rem; height:44rem; background:url("../img/sub/symbol.png") center top no-repeat; background-size:100%;}
.tit02 { display:inline-block; position: relative;margin: 0rem 0 20rem; padding:10rem 40rem; font-size:18rem; background:#29803a; border-radius:50rem;  font-weight: 600;color:#fff;line-height: 1;} 

.subtable { width:100%; margin:20rem 0;border-top:1px solid #333; }
.subtable thead th{background:#fbfbfb; padding:15rem 5rem; border-left:1rem solid #ddd; border-bottom:1rem solid #ddd; color:#666; }
.subtable tbody th {text-align:center; background:#f5f5f5; color:#333;  font-weight:500; padding:15rem 0; width:20%; border:1px solid #ddd;}
.subtable tbody td {font-size:16rem; border-bottom:1px solid #f7f7f7; padding:15rem 5rem; background:#fff; line-height:1.5; color:#35363a; text-align:center; font-weight:400; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable tbody td.t_left{text-align:left;}

.subtable_farm { width:100%; margin:20rem 0;border-top:1px solid #1f6b2a; }
.subtable_farm thead th{background:#1f6b2a; padding:15rem 5rem; border-left:1rem solid #ddd; border-bottom:1rem solid #ddd; color:#fff; }
.subtable_farm tbody th {text-align:center; background:#f5f5f5; color:#333;  font-weight:500; padding:15rem 0;  border:1px solid #ddd;}
.subtable_farm tbody td {font-size:16rem; border-bottom:1px solid #f7f7f7; padding:15rem 5rem; background:#fff; line-height:1.5; color:#35363a; text-align:center; font-weight:400; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable_farm tbody td.t_left{text-align:left;}
.subtable_farm tbody th {text-align:left; padding:15rem 20rem; width:50%;}
.subtable_farm tbody th span {display:block; font-size:15rem;}

#contents {position:relative;padding: 30rem 0 50rem;}
#contents p {line-height:1.5;word-break:keep-all;}

/* 서브비주얼 */
#sub_visual{margin-top:120rem; position:relative;height:430rem;background-color:#000;background-size:cover;background-position:60%;display: flex;align-items: center;}
#sub_visual h2{letter-spacing:-.5px; font-weight:600; font-size:70rem; line-height:1.1; color:#fff; animation:up .5s .2s forwards;}
#sub_visual p{color:#fff; font-weight:400; position:relative;line-height:1;padding: 0rem 0 0rem 0;font-size:20rem;letter-spacing:1px;}

/* 서브 상단 이미지 */
#sub_visual.sub10{background-image:url(../img/sub/sub01_top.jpg) }
#sub_visual.sub20{background-image:url(../img/sub/sub02_top.jpg) }
#sub_visual.sub30{background-image:url(../img/sub/sub03_top.jpg) }
#sub_visual.sub40{background-image:url(../img/sub/sub04_top.jpg) }
#sub_visual.sub50{background-image:url(../img/sub/sub05_top.jpg) }
.cont-top{margin-bottom:50rem;}
.cont-top > img{width:100%;}
/* snb */
#left_area{float:none; width:100%; margin-top:0px;}
#snb {position:relative;width:100%;  z-index:10; height:100rem; }

.left_snb{ padding:40rem 0rem 20rem; width:1400rem; margin:0 auto;height:80rem; border-radius: 0 0 60rem 60rem;}
.left_snb h3 {float:left; font-size:20rem; font-weight:800; color:#333; padding-top:17rem; margin-right:30rem;}
.left_snb h3:after {content: ""; position:absolute; width:1rem; height:15rem; background:#e5e5e5; text-align:left; margin-left:25rem; margin-top:7rem;}
.left_snb ul {}
.left_snb li {display:inline-block; margin-right:20rem; }
.left_snb li:first-child a:after{display:none;}
.left_snb li a{padding:5rem 5rem;font-size:20rem;color:#6c6c6c;font-weight:600; letter-spacing:-.5px; text-align:center;display:block;overflow:hidden;position:relative;}
.left_snb li.on a { color:#000000; border-bottom:1px solid #000;}


/* 
* discription: 사이트 복사시 지우고 사용하는 custom 영역
*/


@media (max-width:860px) {
	#sub_visual{height:250rem; margin-top:80rem;}
	#sub_visual h2{font-size:22rem;}
	#sub_visual p{padding:40rem 0 5rem 0; font-size:16rem}
	#contents {padding: 0rem 0 0;}

	.container_title {font-size:25rem; padding-bottom:0rem;}

}

@media (max-width:540px) {
	body {font-size:14rem}

	#sub_visual{height:180rem}
	#sub_visual h2{font-size:20rem}
	#sub_visual p{font-size:14rem}

	.tit01{margin:0 0 15rem; font-size:20rem;}
	.tit01:before {width:42rem; height:40rem;}
	.tit01::after {left: 51%;} 
	.tit02{margin:20rem 0 10rem; font-size:17rem}
	.add{margin:-5rem 0 10rem;}
	.cont-box{margin-bottom:30rem}
	
	.subtable thead th,
	.subtable tbody td,
	.subtable tbody th{line-height:1.5; padding:5rem; font-size:12rem;}

	.subtable_farm thead th,
	.subtable_farm tbody td,
	.subtable_farm tbody th{line-height:1.5; padding:5rem; font-size:12rem;}
	.subtable_farm tbody th span { font-size:11rem;}

	#contents{padding:0rem 0 0}

}

/*end 사이트 복사시 지우고 사용하는 custom 영역 */



.greeting article {padding:50rem 0; margin-bottom:70rem; }
.greeting article .artWrap {display:flex;}

.greeting article .subjectBox {margin:0 0 41px 0;}
.greeting article .subjectBox h2 {word-break: keep-all;color:#1f6b2a; font-size:30rem; font-weight:600; line-height:1.3; letter-spacing:-0.025em;}
.greeting article .subjectBox h3 {word-break: keep-all;color:#000; font-size:20rem; font-weight:600; line-height:1.5; letter-spacing:-0.025em; margin-top:20rem; }
.greeting article .artWrap .leftArea {width:46%; margin:0 10.21% 0 0;}
.greeting article .artWrap .leftArea .contentBox {margin:0 0 31px 0;}
.greeting article .artWrap .leftArea .contentBox p {word-break: keep-all;margin:0 0 21px 0; color:#555; font-size:18rem; font-weight:400; line-height:1.68; letter-spacing:-0.025em;}
.greeting article .artWrap .leftArea .contentBox p:last-child {margin:0;}
.greeting article .artWrap .leftArea .contentBox span {float:right; margin-top:30rem; font-size:20rem; font-weight:800; margin-right:30rem; }
.greeting article .artWrap .rightArea {position:absolute; text-align:center; right:0%; transform:translateX(0%);}

@media all and (max-width:1400px){
	.greeting article .subjectBox h2 { font-size:22rem;}
	
    .greeting article .artWrap .leftArea {width:55.13%; margin:0 4.21% 0 0;}
    .greeting article .artWrap .leftArea .subjectBox {margin:0 0 35px 0;}
    .greeting article .artWrap .leftArea .contentBox {margin:0 0 25px 0;}
    .greeting article .artWrap .leftArea .contentBox p {margin:0 0 12px 0; font-size:16px; line-height:1.6;}
    .greeting article .artWrap .leftArea .nameBox h6 {margin:0 20px 0 0; font-size:18px;}
    .greeting article .artWrap .leftArea .nameBox figure {max-width:120px;}

    .greeting article .artWrap .rightArea {position:relative; }
}

@media all and (max-width:1023px){
	.greeting article { margin-bottom:0rem; }
	.greeting article .subjectBox h3 { font-size:16rem;}
    .greeting article .artWrap {flex-direction:column-reverse;}
    .greeting article .artWrap .leftArea {width:100%; margin:5vw 0 0 0;}
    .greeting article .artWrap .leftArea .subjectBox {margin:0 0 5vw 0;}
    .greeting article .artWrap .leftArea .contentBox {margin:0 0 4vw 0;}
    .greeting article .artWrap .leftArea .contentBox p {font-size:15rem; }
	.greeting article .artWrap .leftArea .contentBox span {font-size:18rem; }

}




.history article {position:relative; }
.history article ul li {display:flex; padding:100rem 0 100rem 0; border-bottom:1px dotted #87a9a1;}
.history article ul li:last-child {border-bottom:0; padding:100rem 0 0rem 0; }
.history article ul li .leftArea {position:sticky; top:150px; width:33.76%; height:100%; margin:0 8.62% 0 0;}
.history article ul li .leftArea h5 {margin:0 0 20px 0; color:#1f6b2a; font-family:'Poppins', sans-serif; font-size:20px; font-weight:600; line-height:1; transition:all 0.3s ease;}
.history article ul li .leftArea h2 {color:#191919; font-size:40px; font-weight:700; line-height:1.3; letter-spacing:-0.025em;}
.history article ul li .rightArea {width:57.62%;}
.history article ul li .rightArea .imgBox {margin:0 0 46px 0;}
.history article ul li .rightArea .historyWrap .historyItem {margin:0 0 30rem 0; padding:0 0 30rem 0; border-bottom:1px solid #dddddd;}
.history article ul li .rightArea .historyWrap .historyItem .yearBox {margin:0 0 20rem 0;}
.history article ul li .rightArea .historyWrap .historyItem .yearBox h3 {color:#222222; font-size:30rem; font-weight:600; line-height:1;}
.history article ul li .rightArea .historyWrap .historyItem .history_content {display:flex; margin:0 0 10rem 0;}
.history article ul li .rightArea .historyWrap .historyItem .history_content h6::before {content:''; display:inline-block; width:3px; height:3px; margin:0 7px 0 0; border-radius:50%; background:#191919;}
.history article ul li .rightArea .historyWrap .historyItem .history_content h6 {display:flex; align-items:center; width:53px; color:#191919; font-size:18rem; font-weight:600; line-height:1;}
.history article ul li .rightArea .historyWrap .historyItem .history_content p {width:calc(100% - 53px); color:#767676; font-size:18rem; font-weight:400; line-height:1; letter-spacing:-0.025em;}

@media all and (max-width:1024px){
    .history article ul li .leftArea {top:100px; width:38.76%; margin:0 3.62% 0 0;}
    .history article ul li .leftArea h5 {margin:0 0 15px 0; font-size:18px;}
    .history article ul li .leftArea h2 {font-size:32px; line-height:1.3;}

    .history article ul li .rightArea {width:57.62%;}
    .history article ul li .rightArea .imgBox {margin:0 0 35px 0;}
    .history article ul li .rightArea .historyWrap .historyItem {margin:0 0 35px 0; padding:0 0 35px 0;}
    .history article ul li .rightArea .historyWrap .historyItem .yearBox {margin:0 0 25px 0;}
    .history article ul li .rightArea .historyWrap .historyItem .yearBox h3 {font-size:28px;}
    .history article ul li .rightArea .historyWrap .historyItem .history_content {margin:0 0 20px 0;}
    .history article ul li .rightArea .historyWrap .historyItem .history_content h6::before {width:3px; height:3px; margin:0 6px 0 0;}
    .history article ul li .rightArea .historyWrap .historyItem .history_content h6 {width:48px; font-size:16px;}
    .history article ul li .rightArea .historyWrap .historyItem .history_content p {width:calc(100% - 48px); font-size:16px;}
}

@media all and (max-width:768px){
    .history article ul li {display:block; border-bottom:0; padding:50rem 0 50rem 0;}
    .history article ul li .leftArea {position:relative; top:auto; width:100%; margin:0 0 5vw 0;}
    .history article ul li .leftArea h5 {margin:0 0 3vw 0; font-size:3.6vw;}
    .history article ul li .leftArea h2 {font-size:5.6vw; line-height:1.3;}

    .history article ul li .rightArea {width:100%;}
    .history article ul li .rightArea .imgBox {margin:0 0 5vw 0;}
    .history article ul li .rightArea .historyWrap .historyItem {margin:0 0 6vw 0; padding:0 0 6vw 0;}
    .history article ul li .rightArea .historyWrap .historyItem .yearBox {margin:0 0 5vw 0;}
    .history article ul li .rightArea .historyWrap .historyItem .yearBox h3 {font-size:5.6vw;}
    .history article ul li .rightArea .historyWrap .historyItem .history_content {margin:0 0 5vw 0;}
    .history article ul li .rightArea .historyWrap .historyItem .history_content h6::before {width:1vw; height:1vw; margin:1vw 1.2vw 0 0;}
    .history article ul li .rightArea .historyWrap .historyItem .history_content h6 {align-items:flex-start; width:12vw; font-size:3.4vw;}
    .history article ul li .rightArea .historyWrap .historyItem .history_content p {width:calc(100% - 12vw); font-size:3.4vw; line-height:1.3;}
    .history article ul li:last-child .rightArea .historyWrap .historyItem:last-child {border-bottom:none; padding:0rem 0 0rem 0;}

}

.main_con *{font-family:'pretendard',sans-serif;font-size:20px;font-weight:300;letter-spacing:-0.03em;color:#333;word-break:keep-all;box-sizing:border-box;}
.main_con .wrap{max-width:70%;margin:0 auto;}

@media all and (max-width: 1600px) {
    .main_con .wrap{max-width:90%;}
}

@media all and (max-width: 1023px) {

    .main_con *{font-size:16px;}
    .main_con .wrap{max-width:100%;}
}


.sec_bio{padding:0;}
.sec_bio .wrap{display:flex;}

.sec_bio .con{padding:100px 0;}
.sec_bio .con li{display:flex;gap:60px;align-items:center;padding-bottom:80rem;}
.sec_bio .con li:last-child{padding:0;}
.sec_bio .con li dt{font-size:23rem;font-weight:500; line-height:1.5; }
.sec_bio .con li dt b{font-weight:800; font-size:30rem; display:block; margin-bottom:10rem;line-height:1.2; }
.sec_bio .con li dd{font-size:18rem; padding-top:18px;line-height:160%;color:#5f5f5f;}

@media all and (max-width: 1400px) {
    
    .sec_bio .con{padding:100px 0 100px 5%}
    .sec_bio .con li{gap:30px;}
    .sec_bio .con li img{width:80px;}
}
@media all and (max-width: 1023px) {
    
    .sec_bio{padding:70px 20px;border:0;}
    .sec_bio .wrap{display:block;}
    
    .sec_bio .con{padding:40px 0 0;border:0;}
    .sec_bio .con li{flex-direction: column; gap:20px;}
    .sec_bio .con li img{width:70px;}
    .sec_bio .con li dt{font-size:18rem}
    .sec_bio .con li dt b {font-size:22rem}
    .sec_bio .con li dd{padding-top:10px;line-height:1.5; font-size:15rem;}
}



.nxt-0360 .nxt-lg-ls-ic { }
@media (max-width: 800px) {
  .nxt-0360 .nxt-lg-ls-ic {    margin-bottom: 70rem;  }
}


.nxt-0360 .nxt-lg-ls-ic__list {  display: flex;  flex-wrap: wrap;  padding-top: 170rem;  margin-top: 30rem;  background: url("../img/sub/value_img.jpg") no-repeat top/auto 383rem;}
.nxt-0360 .nxt-lg-ls-ic__item {  width: 50%;}
.nxt-0360 .nxt-lg-ls-ic__inner {  display: flex;  align-items: center;  gap: 0 30rem;}

.nxt-0360 .nxt-lg-ls-ic__icon {  display: flex;  align-items: center;  justify-content: center;  flex-shrink: 0;  position: relative;  width: 56rem;  height: 56rem;  border-radius: 50%;  background-color: #1f6b2a;}
.nxt-0360 .nxt-lg-ls-ic__icon::before {  content: "";  background: url("../img/sub/value_icon_stripe.png") no-repeat 0 0/auto 28rem;}
.nxt-0360 .nxt-lg-ls-ic__text {  display: block; font-size:23rem; font-weight: 800; letter-spacing:-.5px;}
.nxt-0360 .nxt-lg-ls-ic .dots-list {  display: flex;  flex-direction: column;  gap: 5rem 0;  margin-top: 7rem;  }

@media (max-width: 800px) {
  .nxt-0360 .nxt-lg-ls-ic .dots-list {    align-items: center;  }
}

.nxt-0360 .nxt-lg-ls-ic__item:nth-child(odd) .dots-list {  align-items: flex-end;}
.nxt-0360 .nxt-lg-ls-ic__item:nth-child(1) .nxt-lg-ls-ic__inner {  flex-direction: row-reverse;  margin-right: 186rem;  text-align: right;}
.nxt-0360 .nxt-lg-ls-ic__item:nth-child(1) .nxt-lg-ls-ic__icon::before {  width: 32rem;  height: 28rem;}

.nxt-0360 .nxt-lg-ls-ic__item:nth-child(2) .nxt-lg-ls-ic__inner {  margin-left: 186rem;}
.nxt-0360 .nxt-lg-ls-ic__item:nth-child(2) .nxt-lg-ls-ic__icon::before {  width: 26rem;  height: 28rem;  background-position-x: -86rem;}
.nxt-0360 .nxt-lg-ls-ic__item:nth-child(3) .nxt-lg-ls-ic__inner {  flex-direction: row-reverse;  align-items: flex-start;  margin: 35rem 110rem 0 0;  text-align: right;}
.nxt-0360 .nxt-lg-ls-ic__item:nth-child(3) .nxt-lg-ls-ic__icon::before {  width: 25rem;  height: 28rem;  background-position-x: -32rem;}
.nxt-0360 .nxt-lg-ls-ic__item:nth-child(4) .nxt-lg-ls-ic__inner {  align-items: flex-start;  margin: 35rem 0 0 110rem;}
.nxt-0360 .nxt-lg-ls-ic__item:nth-child(4) .nxt-lg-ls-ic__icon::before {  width: 29rem;  height: 28rem;  background-position-x: -57rem;}
.nxt-0360 .nxt-lg-ls-ic__item:nth-child(5) {  margin: 0 auto;}
.nxt-0360 .nxt-lg-ls-ic__item:nth-child(5) .nxt-lg-ls-ic__inner {  flex-direction: column;  align-items: center;  gap: 20rem 0;  transform: translateY(-50rem);}
.nxt-0360 .nxt-lg-ls-ic__item:nth-child(5) .nxt-lg-ls-ic__inner .nxt-lg-ls-ic__text {  text-align: center;}
.nxt-0360 .nxt-lg-ls-ic__item:nth-child(5) .nxt-lg-ls-ic__inner .dots-list {  align-items: flex-start;}
.nxt-0360 .nxt-lg-ls-ic__item:nth-child(5) .nxt-lg-ls-ic__icon::before {  background: url("../img/sub/value_icon2.png") no-repeat center center/auto 28rem;  width: 28rem;  height: 28rem;}

@media (max-width: 800px) {
  .nxt-0360 .nxt-lg-ls-ic__list {    gap: 40rem 25rem;    padding-top: 340rem;    background-size: auto 300rem;  }
  .nxt-0360 .nxt-lg-ls-ic .nxt-lg-ls-ic__item {    width: calc(50% - 12.5rem);  }
  .nxt-0360 .nxt-lg-ls-ic .nxt-lg-ls-ic__item .nxt-lg-ls-ic__inner {    flex-direction: column;    align-items: center;    gap: 10rem 0;    margin: 0;    text-align: center;  }
  .nxt-0360 .nxt-lg-ls-ic__item:nth-child(odd) .dots-list {    align-items: center;  }
  .nxt-0360 .nxt-lg-ls-ic__item:nth-child(5) {    margin: 0;  }
  .nxt-0360 .nxt-lg-ls-ic__item:nth-child(5) .nxt-lg-ls-ic__inner {    transform: none;  }
}

@media (max-width: 540px) {
  .nxt-0360 .nxt-lg-ls-ic__list {    gap: 30rem 0;    padding-top: 300rem;    background-size: auto 250rem;  }
  .nxt-0360 .nxt-lg-ls-ic .nxt-lg-ls-ic__item {    width: 100%;  }
}



.sec_key{}
.sec_key .boxes .tt h4{font-size:20rem;font-weight:600;text-transform:uppercase;color:#1f6b2a;}
.sec_key .boxes .tt h3{margin-bottom:20px;  }
.sec_key .boxes .tt h3 span{font-size:35rem;font-weight:800;line-height:140%;}
.sec_key .boxes .box{display:flex;align-items:center;padding-bottom:120px;}
.sec_key .boxes .box:nth-child(even){flex-direction:row-reverse;}
.sec_key .boxes .box .txt{width:50%;display:flex;justify-content:right;}
.sec_key .boxes .box .txt .tt{padding-bottom:0;}
.sec_key .boxes .box .txt .tt p{font-size:18rem;line-height:170%;}
.sec_key .boxes .box:nth-child(even) .txt{justify-content:left;}
.sec_key .boxes .box .tt{margin-right:20%;}
.sec_key .boxes .box:nth-child(even) .tt{margin-right:0;margin-left:20%;}
.sec_key .boxes .box .pic{width:50%;}
.sec_key .boxes .box .pic img{width:100%;display:block;}
.sec_key .boxes .box:last-child{padding-bottom:0;}
.farm_bt {cursor:pointer; margin-top:20rem; background:#1f6b2a; text-align:center; font-weight:600; padding:5rem 0; width:150rem; border-radius:100rem; color:#fff; }

@media all and (max-width: 1023px) {
    
    .sec_key .boxes .tt h4{font-size:15rem;}
    .sec_key .boxes .tt h3 span{font-size:25rem;}
    .sec_key .boxes .box{flex-direction:column-reverse;padding-bottom:60px;gap:30px;}
    .sec_key .boxes .box:nth-child(even){flex-direction:column-reverse;}
    .sec_key .boxes .box .txt{width:100%;display:block;}
    .sec_key .boxes .box .tt{margin-right:0;}
    .sec_key .boxes .box .tt p{font-size:15rem;}
    .sec_key .boxes .box .tt p br{display:none;}
    .sec_key .boxes .box:nth-child(even) .tt{margin-left:0;}
    .sec_key .boxes .box .pic{width:100%;}
}

.main_con .anipic{position:relative;}
.main_con .anipic img{opacity:0; -webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); -webkit-transition:clip-path 1.1s cubic-bezier(.19, 1, .22, 1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1); transition:clip-path 1.1s cubic-bezier(.19, 1,.22,1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1); transition-duration:2s;transition-delay:0.5s;}
.main_con .anipic.on img{opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);}




.vision-top{position:relative;width:100%;max-width:1200px;margin:0 auto;}
.vision-top::before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#eee;z-index:-1;}
.vision-top .diamond{display:flex;justify-content:center;align-items:center;width:320px;height:320px;margin:0 auto;background:url("../img/sub/work_figure.png") no-repeat center center;background-size:cover;}
.vision-top .diamond::before, .vision-top .diamond::after{content:"";position:absolute;top:50%;width:7px;height:7px;border:2px solid;border-radius:50%;box-sizing:border-box;background-color:#fff;transform:translateY(-50%);}
.vision-top .diamond::before{left:0;border-color:#1f6b2a;}
.vision-top .diamond::after{right:0;border-color:#f39500;}
.vision-top .dia-inner{text-align:center;}
.vision-top .title{font-size:30px;color:#fff;}
.vision-top .sub-text{margin-top:25px;font-size:18px;font-weight:500;color:#fff;line-height:1.4em;}
.vision-desc{max-width:1400rem;margin:0 auto;}
.vision-desc .title{margin-top:35px;font-size:30px;text-align:center;}

.vision-list{counter-reset:section;display:flex;justify-content:center;margin:-10px 0 0;}
.vision-list .item{position:relative;width:33.33333333%;padding:25.33333333% 40px 0;}
.vision-list .item:not(:last-child)::before, .vision-list .item:not(:last-child)::after{content:"";position:absolute;top:50%;right:0;border-radius:2px;transform:translate(50%, -50%);}
.vision-list .item:not(:last-child)::before{width:24px;height:4px;background-color:#efaa00;}
.vision-list .item:not(:last-child)::after{width:4px;height:24px;background-color:#e15c0f;}
.vision-list .item-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;width:76.47%;max-width:260px;height:76.47%;max-height:200px;padding-bottom:20px;text-align:center;border:1px solid #e5e5e5;border-radius:500rem;background-color:#fff;transform:translate(-50%, -50%);}
.vision-list .num{}
.vision-list .num::before{content:"0"counter(section);counter-increment:section;font-family:"Poppins";font-size:30px;font-weight:900;color:#e5e5e5;line-height:1;}
.vision-list .icon{margin-top:15px;}
.vision-list .icon img{width:auto;height:100%;max-height:41px;}
.vision-list .text{margin-top:20px;font-size:17rem; word-break: keep-all;}

@media (max-width:970px){
  .vision-wrap{padding-bottom:0;}
  .vision-list .num::before{font-size:27px;}
  .vision-list .icon{height:35px;}
  .vision-list .text{margin-top:15px;font-size:16px;}
  .vision-list .item:not(:last-child)::before{width:20px;height:3px;}
  .vision-list .item:not(:last-child)::after{width:3px;height:20px;}
  .vision-desc .title{font-size:25px;}
}

@media (max-width:860px){
  /* Vision */
  .vision-list{flex-direction:column;align-items:center;}
  .vision-list .item{width:100%;height:290px;padding:0;}
  .vision-list .item:not(:last-child)::before, .vision-list .item:not(:last-child)::after{top:100%;right:50%;}
  .vision-list .item-inner{width:500rem;height:300rem; padding:20rem; }
}

@media (max-width:480px){
  /* Company */
  .company-intro .inner{padding:0;}
  .company-intro .text-wrap{margin-top:34px;}
  .company-intro .text-wrap .title{font-size:37px;}
  .info-list .item{width:100%;}
  .info-list .item:not(:first-child):not(:last-child)::after{display:none;}
  .company-info .info-list .item:nth-child(3)::before{content:"";position:absolute;top:0;left:50%;width:calc(100% - 40px);height:1px;transform:translateX(-50%);background-color:#eee;z-index:50;}
  .info-list .item:not(.first-item) .title{font-size:18px;}
  .info-list .text-list{margin-top:15px;}
  .info-list .item{height:170px;}
  .info-list .item-inner{padding:35px 20px;}
  .info-list .text-list .text{font-size:14px;}
  .info-list .item .noti{bottom:30px;left:20px;}
  .company-apc{margin-top:60px;}
  .apc-list .item{width:100%;}
  .apc-list .item:nth-child(n + 2){margin-top:35px;}
  .apc-list .item .ton{padding:0 0 19px;}
  .apc-list .item .ton::after{height:2px;}
  .apc-list .item .number{font-size:28px;}
  .apc-list .item .abbr{padding:12px 0 0;}

  /* Vision */
  .vision-top .diamond::before, .vision-top .diamond::after{display:none;}
  .vision-top .diamond{width:240px;height:240px;}
  .vision-top .title{font-size:24px;}
  .vision-top .sub-text{margin-top:15px;font-size:15px;}
  .vision-desc .title{font-size:24px;}
  .vision-list .item{height:260px;}
  .vision-list .item-inner{width:190px;height:190px;}
  .vision-list .num::before{font-size:25px;}
  .vision-list .text{font-size:15px;}
  .en-page .vision-list .text{font-size:14px;}
}


.natural {margin-bottom:50rem;}
.natural__list{display:grid;grid-template-columns: repeat(3, 1fr);gap:20px;margin-top:50rem;}
.natural__item{display:flex;align-items:center;flex-direction:column;}
.natural__icon{display:flex;align-items:center;justify-content:center;flex-direction:column; margin-bottom:30rem;}
.natural__icon img {border-radius: 0 30rem 0 30rem;}
.natural__list h5 {color:#1f6b2a; font-weight:800;text-align: center; font-size:25rem; line-height: 1.4; margin-bottom:20rem;}
.natural__list p {font-weight:400;text-align: center; font-size:17rem; line-height: 1.4;}

@media (max-width:1280px){
	.natural__list{margin-top: 100px;}
	.natural__item{min-height:auto;padding:25px 20px;}
	.natural__icon{height:100px;}
}
@media(max-width:1024px){
	.natural__list{grid-template-columns:repeat(2, 1fr);margin-top:70rem;}
}
@media(max-width:640px){
	.natural__list{grid-template-columns:repeat(1, 1fr);gap:10px;}
	.natural__item{padding:20px 10px;}
}




.announcement .article01 .art01_cont {padding:49px 4% 51px 4%; background:#f5f5f5;}
.announcement .article01 .art01_cont ul li {display:flex; margin:0 0 41px 0;}
.announcement .article01 .art01_cont ul li:last-child {margin:0;}

.announcement .article01 .art01_cont ul li > h5 {width:150rem; margin:0 7.97% 0 0; color:#222222; font-size:20rem; font-weight:800; line-height:1; letter-spacing:-0.9px;}
.announcement .article01 .art01_cont ul li .art01_item {width:calc(100% - 7.97% - 90px)}

.announcement .article01 .art01_cont ul li .art01_item01 h6 {margin:0 0 17px 0; color:#575757; font-size:17rem; font-weight:400; line-height:1.5; letter-spacing:-0.85px;}
.announcement .article01 .art01_cont ul li .art01_item01 h6 span {color:#de0515; font-weight:400;}
.announcement .article01 .art01_cont ul li .art01_item01 p {color:#575757;  font-size:17rem; font-weight:400; line-height:1; letter-spacing:-0.75px;}

.announcement .article01 .art01_cont ul li .art01_item02 h6 {color:#575757;  font-size:17rem; font-weight:400; line-height:1; letter-spacing:-0.85px;}

.announcement .article01 .art01_cont ul li .art01_item03 {display:flex;}
.announcement .article01 .art01_cont ul li .art01_item03 > div {display:flex; align-items:center; width:500rem; margin:0 0% 0 0;}
.announcement .article01 .art01_cont ul li .art01_item03 > div:last-child {margin:0;}
.announcement .article01 .art01_cont ul li .art01_item03 > div .circleBox {display:flex; justify-content:center; align-items:center; width:70px; height:70px; margin:0 20px 0 0; border-radius:50%; background:#ffffff;}
.announcement .article01 .art01_cont ul li .art01_item03 > div .txtBox {width:calc(100% - 150rem);}
.announcement .article01 .art01_cont ul li .art01_item03 > div .txtBox h6 {margin:0 0 9px 0; color:#1f6b2a;  font-size:17rem; font-weight:600; line-height:1; letter-spacing:-0.85px;}
.announcement .article01 .art01_cont ul li .art01_item03 > div .txtBox p {color:#575757;  font-size:17rem; font-weight:400; line-height:1; letter-spacing:0.17px;}


@media all and (max-width:1023px){
    .announcement .article01 .art01_cont ul li {margin:0 0 35px 0;}

    .announcement .article01 .art01_cont ul li > h5 {width:80px; margin:0 3.97% 0 0; font-size:16px; letter-spacing:-0.8px;}
    .announcement .article01 .art01_cont ul li .art01_item {width:calc(100% - 3.97% - 80px)}

    .announcement .article01 .art01_cont ul li .art01_item01 h6 {margin:0 0 15px 0; font-size:15px; letter-spacing:-0.75px;}
    .announcement .article01 .art01_cont ul li .art01_item01 p {font-size:14px; letter-spacing:-0.7px;}

    .announcement .article01 .art01_cont ul li .art01_item02 h6 {font-size:15px; letter-spacing:-0.75px;}

    .announcement .article01 .art01_cont ul li .art01_item03 > div {width:48%; margin:0 0% 0 0;}
    .announcement .article01 .art01_cont ul li .art01_item03 > div .circleBox {width:65px; height:65px; margin:0 15px 0 0;}
    .announcement .article01 .art01_cont ul li .art01_item03 > div .circleBox figure {max-width:30px;}
    .announcement .article01 .art01_cont ul li .art01_item03 > div .txtBox {width:calc(100% - 80px);}
    .announcement .article01 .art01_cont ul li .art01_item03 > div .txtBox h6 {margin:0 0 8px 0; font-size:15px; letter-spacing:-0.75px;}
    .announcement .article01 .art01_cont ul li .art01_item03 > div .txtBox p {font-size:15px; letter-spacing:0.15px;}


}

@media all and (max-width:880px){

    .announcement .article01 .art01_cont ul li {display:block; margin:0 0 50rem 0;}

    .announcement .article01 .art01_cont ul li > h5 {width:100%; margin:0 0 20rem 0; font-size:18rem;}
    .announcement .article01 .art01_cont ul li .art01_item {width:100%;}

    .announcement .article01 .art01_cont ul li .art01_item01 h6 {margin:0 0 2vw 0; font-size:15rem;}
    .announcement .article01 .art01_cont ul li .art01_item01 p {font-size:3vw;}

    .announcement .article01 .art01_cont ul li .art01_item02 h6 {font-size:20rem;}

    .announcement .article01 .art01_cont ul li .art01_item03 {display:block;}
    .announcement .article01 .art01_cont ul li .art01_item03 > div {width:100%; margin:0 0 3vw 0;}
    .announcement .article01 .art01_cont ul li .art01_item03 > div .circleBox {width:12vw; height:12vw; margin:0 2.6vw 0 0;}
    .announcement .article01 .art01_cont ul li .art01_item03 > div .circleBox figure {max-width:5vw;}
    .announcement .article01 .art01_cont ul li .art01_item03 > div .txtBox {width:calc(100% - 14.6vw);}
    .announcement .article01 .art01_cont ul li .art01_item03 > div .txtBox h6 {margin:0 0 2vw 0; font-size:15rem;}
    .announcement .article01 .art01_cont ul li .art01_item03 > div .txtBox p {font-size:15rem;}

}


.btn-default{display:flex;gap:0 10px;justify-content:space-between;align-items:center;position:relative;width:100%;max-width:300rem;height:60px;padding:0 30px;color:#eb4c14;border:1px solid #eb4c14;background-color:transparent;transition:color .3s, border-color .3s, background-color .3s}
/* .btn-default.bg{background-color:#2d3a96;} */
.btn-default.white{color:#fff;border-color:rgba(255,255,255,.6)}
.btn-default__icon {transform:translateX(5px)}
.btn-default__icon.xi-plus-min {font-size:20px}
.btn-default.sub-btn {max-width:320rem;height:50px;padding:0 25px;color:#1f6b2a;border-radius:0;}
.btn-default.sub-btn.light-blue{border-color:#1f6b2a;color:#1f6b2a;}
.btn-default.sub-btn.light-blue:hover {background:#1f6b2a; color:#fff;}


	.wideKakao{width: 100%; margin: 0 auto; position: relative;}
	.wideKakao>.root_daum_roughmap{width: 100%; height:560rem;}
	.wideKakao>.root_daum_roughmap .wrap_map{height:100%; position: absolute; left: -1px; right: -1px; top: -1px;}
	.wideKakao .hide {display: none;}

		.location-info{margin-top:60rem; margin-bottom:50rem; }
		.location-info>div{font-weight: 600; font-size:25rem; line-height:1.4; color: #222; display: flex; align-items: flex-end; gap: 0 30rem;}
		.location-info>div img{height:60rem;}

		.location-info>ul{margin-top:30rem; display: flex; align-items: center; gap: 0 7%;}
		.location-info>ul>li{line-height:1; color: #222; display: flex; align-items: center; white-space: nowrap;}
		.location-info>ul>li img{min-width:70rem;}
		.location-info>ul>li span{padding-bottom:4rem; font-size:22rem;}
		.location-info>ul>li strong{font-weight: 600; font-size:20rem; padding:0 20rem 0 10rem;}


@media only screen and (max-width : 1023px){

			.wideKakao>.root_daum_roughmap{height:auto; padding-bottom: 56.25%;}
			
			.location-info{}
			.location-info>div{flex-wrap: wrap; gap:20rem 30rem;}

			.location-info>ul{margin-top:50rem;}
			.location-info>ul{flex-wrap: wrap; gap:20rem 30rem;}
}

@media only screen and (max-width : 840px){
			.wideKakao>.root_daum_roughmap{height:auto; padding-bottom:26.25%;}
			
			.location-info{}
			.location-info>div{font-size:20rem; }

			.location-info>ul>li{width:100%;}
			.location-info>ul>li img{width:70rem; min-width:auto;}
			.location-info>ul>li span{font-size:18rem;}
			.location-info>ul>li strong{font-size:16rem; padding:0 25rem 0 15rem;}
}



.target2_con {margin-bottom:50rem;}
.target2_con ul {  display: flex;  flex-direction:   padding: 0 0rem; margin-top:50rem;}
.target2_con ul li {  width: 16%;  flex-shrink: 0;  border-radius: 500rem;  padding: 5.64% 0;  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);  position: relative}
.target2_con ul li .inner {  flex-direction: column;  color: #fff;  width: 100%;  height: 100%;  display: flex;  align-items: center;  justify-content: center;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%)}
.target2_con ul li:not(:last-child) {  margin: 0 -1.54% 0 0}
.target2_con ul li:nth-child(1) {  background: #bec754}
.target2_con ul li:nth-child(2) {  background: #98b54a}
.target2_con ul li:nth-child(3) {  background: #5daa4d}
.target2_con ul li:nth-child(4) {  background: #3b873e}
.target2_con ul li:nth-child(5) {  background: #387933}
.target2_con ul li:nth-child(6) {  background: #29792d}
.target2_con ul li:nth-child(7) {  background: #266f31}

.target2_con ul li .icon {  margin: 0 0 10rem;  display: flex;  align-items: center;  justify-content: center}
.target2_con ul li dl {  text-align: center}
.target2_con ul li dl dt {  font-size: 22rem;  font-weight: 600;  margin: 0 0 10px}

@media(max-width: 1200px) {
  .target2_con ul {    flex-wrap: wrap;    flex-direction: row  }
  .target2_con ul li:not(:last-child) {    margin: 0  }
  .target2_con ul li {    width: 25%;    padding: 12.5% 0  }
  .target2_con ul li dl dt {font-size: 16rem}
}

@media(max-width: 640px) {
  .target2_con ul li {    width: 50%;    padding: 25% 0;  }
  .target2_con ul li:nth-child(1) {    order: 1  }
  .target2_con ul li:nth-child(2) {    order: 2  }
  .target2_con ul li:nth-child(3) {    order: 3  }
  .target2_con ul li:nth-child(4) {    order: 4  }
  .target2_con ul li:nth-child(5) {    order: 5  }
  .target2_con ul li:nth-child(6) {    order: 6  }
  .target2_con ul li:nth-child(7) {    order: 7  }
  .target2_con ul li dl dt {font-size: 13rem}
}



.sec_exer{}
.sec_exer .con{display:flex;justify-content:center;gap:30px;text-align:center;}
.sec_exer .con .item{position:relative;display:flex;justify-content:center;align-items:center;width:25%; padding:20rem 0; border-radius:100rem; background:#1f6b2b;}
.sec_exer .con .item:after{content:'';position:absolute;top:50%;right:-28px;display:block;width:25rem;height:13rem;background:url(../img/sub/arr.png) no-repeat center center/contain;}
.sec_exer .con .item:last-child:after{display:none;}
.sec_exer .con .item dt em{display:block;padding-bottom:0rem;color:#fff; font-style:normal; font-size:20rem;}
.sec_exer .con .item dt strong{display:block;font-size:18rem;font-weight:600;color:#fff; }
.sec_exer .con .item i {display:block; margin:5rem 0;}
.sec_exer .con .item dd{padding-top:24px;line-height:160%;}
.sec_exer .con .item dd b{font-size:inherit;font-weight:600;}

@media(max-width: 1023px) {
    .sec_exer .con .item dt em{font-size:15rem;}
    .sec_exer .con .item dt strong{font-size:16rem;}
}

@media(max-width: 640px) {
    .sec_exer .con{display:block;}
    .sec_exer .con .item{width:80%;max-width:230rem;margin:0 auto;padding:10rem 0;}
    .sec_exer .con .item:after{top:unset;bottom:-23px;right:50%;width:16px;height:8px;transform:rotate(90deg) translateY(-50%);}
    .sec_exer .con .item + .item{margin-top:34px;}
    .sec_exer .con .item dt em{font-size:15rem;}
    .sec_exer .con .item dt strong{font-size:16rem;}
}



.benefit_list{display:grid;grid-template-columns: repeat(5, 1fr);gap:20px;}
.benefit_item{display:flex;align-items:center;flex-direction:column;padding:30rem 20rem;border:1px solid #eee;}
.benefit_icon{display:flex;align-items:center;justify-content:center;flex-direction:column; margin-bottom:20rem;}
.benefit_list h4 {word-break: keep-all; color:#000; font-weight:600;text-align: center; font-size:18rem; line-height: 1.4; letter-spacing:-.5px;}

@media(max-width:1023px){
	.benefit_list{grid-template-columns:repeat(3, 1fr);}
	.benefit_item{padding:30rem 10rem;}
	.benefit_list h4 {font-size:13rem;}
}





.timeline { text-align:center; white-space: nowrap;  overflow-x: hidden;}
.timeline ol {  font-size: 0;  width: 100vw;  padding: 180rem 0 230rem;  transition: all 1s;}
.timeline ol li {text-align:left;   position: relative;  display: inline-block;  list-style-type: none;  width: 140rem;  height: 3px;  background: #ddd;}
.timeline ol li:first-child {  width: 2px;}
.timeline ol li:last-child {  width: 280px;}
.timeline ol li:not(:first-child) {  margin-left: 14px;}
.timeline ol li:not(:last-child)::after {  content: "";  position: absolute;  top: 50%;  left: calc(100% + 1px);  bottom: 0;  width: 12px;  height: 12px;  transform: translateY(-50%);  border-radius: 50%;  background: #227630;}
.timeline ol li div {  position: absolute;  left: calc(100% + 7px);  width: 280px;  padding: 15rem;  font-size: 16rem;  white-space: normal;  color: black;  background: #f4f4f4; border-radius:10rem;}
.timeline ol li div::before {  content: "";  position: absolute;  top: 100%;  left: 0;  width: 0;  height: 0;  border-style: solid;}

.timeline ol li:nth-child(odd) div {  top: -16px;  transform: translateY(-100%);}
.timeline ol li:nth-child(odd) div::before {  top: 100%;  border-width: 8px 8px 0 0;  border-color: white transparent transparent transparent;}
.timeline ol li:nth-child(even) div {  top: calc(100% + 16px);}
.timeline ol li:nth-child(even) div::before {  top: -8px;  border-width: 8px 0 0 8px;  border-color: transparent transparent transparent white;}

.timeline ol li div dl {margin-bottom:10rem;}
.timeline ol li div dl dt {float:left; width:30rem; font-weight:800; }
.timeline ol li div dl dd {display:inline-block; word-break: keep-all; width:85%;}

.timeline time {  display: block;  font-size: 20rem;  font-weight: 800;  margin-bottom: 8px; color:#227630; }

/* TIMELINE ARROWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline .arrows {  display: flex;  justify-content: center;  margin-bottom: 20px;}
.timeline .arrows .arrow__prev {  margin-right: 20px;}
.timeline .disabled {  opacity: 0.5;}
.timeline .arrows img {  width: 45px;  height: 45px;}

/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 1400px) {
  .timeline ol li {width: 180rem;}
}

@media screen and (max-width: 800px) {
  .timeline ol,
  .timeline ol li {    width: auto;  }
  .timeline ol {    padding: 0;    transform: none !important;  }
  .timeline ol li {    display: block;    height: auto;    background: transparent;  }
  .timeline ol li:first-child {    margin-top: 25px;  width:100%;}
  .timeline ol li:not(:first-child) {    margin-left: auto;  }
  .timeline ol li div {    position: static;    width: 94%;    height: auto !important;    margin: 0 auto 25px;  }
  .timeline ol li:nth-child(odd) div {    transform: none;  }
  .timeline ol li:nth-child(odd) div::before,
  .timeline ol li:nth-child(even) div::before {    left: 50%;    top: 100%;    transform: translateX(-50%);    border: none;    border-left: 1px solid white;    height: 25px;  }
  .timeline ol li:last-child,
  .timeline ol li:nth-last-child(2) div::before,
  .timeline ol li:not(:last-child)::after,
  .timeline .arrows {    display: none;  }
}



.ps-timeline-sec {
  position: relative;
  background: #fff;
}
.ps-timeline-sec .container {
  position: relative;
}
@media screen and (max-width: 767px) {
  .ps-timeline-sec .container ol:before {
    background: #348e80;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: 130px !important;
    left: 36px !important;
  }
  .ps-timeline-sec .container ol:after {
    background: #348e80;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: inherit !important;
    left: 36px;
  }
  .ps-timeline-sec .container ol.ps-timeline {
    margin: 130px 0 !important;
    border-left: 2px solid #348e80;
    padding-left: 0 !important;
    padding-top: 120px !important;
    border-top: 0 !important;
    margin-left: 25px !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li {
    height: 220px;
    float: none !important;
    width: inherit !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li:nth-child(2) .img-handler-bot img {
    width: 70px;
  }
  .ps-timeline-sec .container ol.ps-timeline li:last-child {
    margin: 0;
    bottom: 0 !important;
    height: 120px;
  }
  .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {
    bottom: 40px !important;
    width: 40% !important;
    margin-left: 25px !important;
    margin-top: 0 !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot img {
    width: 100%;
  }
  .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
    margin-bottom: 0 !important;
    top: 20px;
    width: 50% !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li span {
    left: 0 !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
    content: none !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
    content: none !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
    content: none !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
    content: none !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
    position: absolute !important;
    bottom: 150px !important;
    width: 30% !important;
    float: left !important;
    margin-left: 35px !important;
    margin-bottom: 0 !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
    margin: 0 auto !important;
    width: 80% !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
    position: absolute !important;
    bottom: 115px !important;
    width: 30% !important;
    float: left !important;
    margin-left: 35px !important;
    margin-bottom: 0 !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li p {
    text-align: left !important;
    width: 100% !important;
    margin: 0 auto !important;
    margin-top: 0px !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li .ps-top {
    width: 60% !important;
    float: right !important;
    right: 0;
    top: -40px;
  }
  .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
    width: 60% !important;
    float: right !important;
    right: 0;
    top: -40px;
  }
}
.ps-timeline-sec .container ol:before {
  background: #348e80;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  left: 8px;
  top: 49.5%;
}
.ps-timeline-sec .container ol:after {
  background: #348e80;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  right: 8px;
  top: 49.5%;
}
.ps-timeline-sec .container ol.ps-timeline {
  margin: 390px 0;
  padding: 0;
  border-top: 2px solid #348e80;
  list-style: none;
}
.ps-timeline-sec .container ol.ps-timeline li {
  float: left;
  width: 25%;
  padding-top: 30px;
  position: relative;
}
.ps-timeline-sec .container ol.ps-timeline li span {
  width: 100rem;
  height: 50px;
  margin-left: -25px;
  background: #fff;
  border: 4px solid #348e80;
  border-radius: 500rem;
  box-shadow: 0 0 0 0px #fff;
  text-align: center;
  line-height: 50px -10;
  color: #000;
  font-size: 20rem; font-weight:800;
  font-style: normal;
  position: absolute;
  top: -26px;
  left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
  content: "";
  color: #348e80;
  width: 2px;
  height: 50px;
  background: #348e80;
  position: absolute;
  top: -50px;
  left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
  content: "";
  color: #348e80;
  width: 8px;
  height: 8px;
  background: #348e80;
  position: absolute;
  bottom: 90px;
  left: 44%;
  border-radius: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
  content: "";
  color: #348e80;
  width: 2px;
  height: 50px;
  background: #348e80;
  position: absolute;
  bottom: -50px;
  left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
  content: "";
  color: #348e80;
  width: 8px;
  height: 8px;
  background: #348e80;
  position: absolute;
  top: 90px;
  left: 44%;
  border-radius: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
  position: absolute;
  bottom: 0;
  margin-bottom: 130px;
  width: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
  display: table;
  margin: 0 auto;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
  position: absolute;
  margin-top: 60px;
  width: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
  display: table;
  margin: 0 auto;
}
.ps-timeline-sec .container ol.ps-timeline li p {
  text-align: center;
  width: 80%;
  margin: 0 auto;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-top {
  position: absolute;
  bottom: 0;
  margin-bottom: 100px;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
  position: absolute;
  margin-top: 35px;
}


.tab-menu {text-align:center; margin:20rem 0; font-size:0; display:grid;grid-template-columns: repeat(4, 1fr);}
.tab-menu li {word-break: keep-all; position:relative; color:#797979;  display:flex;align-items:center; justify-content: center; flex-direction:column; padding:10rem 20rem; margin-left:-1px;  cursor:pointer;  z-index:0;  border:1px solid #666;  font-size:16px;  font-weight:500;  letter-spacing:-.5px; }
.tab-menu li span {float:left;}
.tab-menu li i {float:right; vertical-align:top;}
.tab-menu li:hover {  color:#1f6b2a;}
.tab-menu li.active {  color:#1f6b2a;  border:3px solid #1f6b2a;}
.tab-menu li.active:hover {  color:#1f6b2a;  border:3px solid #1f6b2a;}



@media all and (max-width:800px){
     .tab-menu {display:grid;grid-template-columns: repeat(2, 1fr);}
	 .tab-menu li { font-size:15px; margin-top:-1px;}
}



.sec_farm{display:flex;flex-direction:row-reverse;align-items:center;}
.sec_farm .txt{width:50%;padding-left:4vw;}
.sec_farm .txt .tt{padding-bottom:0;}
.sec_farm .tt .vr{width:1px;height:40px;margin:30px 0;background:#ddd;}
.sec_farm .txt h2{font-size:20rem;font-weight:600;text-transform:uppercase;color:#1f6b2a;}
.sec_farm .txt h3{font-size:35rem; font-weight:800;}
.sec_farm .txt h5{word-break: keep-all;font-size:18rem; letter-spacing:-.5px; font-weight:600;line-height:140%; margin-bottom:20rem;}
.sec_farm .pic{width:50%;height:520px;overflow:hidden;}
.sec_farm .pic img{display:block;width:100%;height:100%;object-fit:cover;}

@media all and (max-width: 1500px) {
    
    .sec_farm .txt{width:65%;padding-left:5.5vw;}
    .sec_farm .pic{width:35%;}
}
@media all and (max-width: 1024px) {
    
    .sec_farm{display:block; padding:50rem 0 20rem;}
    .sec_farm .txt{width:100%;padding:0 0 40px;text-align:center;}
    .sec_farm .txt h2{font-size:15rem;}
    .sec_farm .txt h3{font-size:25rem;}
    .sec_farm .txt .vr{margin:20px auto;}
    .sec_farm .txt p {font-size:15rem;}
    .sec_farm .pic{width:100%;max-width:600px;margin:0 auto;height:auto;aspect-ratio:96 / 70;}
}


.sec_detail{margin:100rem 0; }
.sec_detail .txt h3 {text-align:center; font-size:35rem; font-weight:800; color:#333; }
.sec_detail .txt p{padding-top:30px;font-size:18rem; letter-spacing:-.5px; font-weight:400; margin-bottom:30rem; }
.sec_detail .dots2 {margin:10rem 0;}
.sec_detail .con{max-width:1400rem; margin:50rem auto 0; display:grid;grid-template-columns: repeat(3, 1fr);justify-content:center;align-items: center;gap:20rem; }
.sec_detail .con05{display:grid;grid-template-columns: repeat(5, 1fr);justify-content:center;gap:20rem; }
.sec_detail .con .item{display:flex;justify-content:center;align-items: center;padding:20rem 20rem; border-radius:500rem;text-align:center; height:200rem; }
.sec_detail .con .item:nth-child(1){ border:3px solid #eb5f00;  }
.sec_detail .con .item:nth-child(2){ border:3px solid #4fa000;  }
.sec_detail .con .item:nth-child(3){ border:3px solid #0089a0;  }
.sec_detail .con .item:nth-child(1) dt {color:#eb5f00;}
.sec_detail .con .item:nth-child(2) dt {color:#1f6b2a;}
.sec_detail .con .item:nth-child(3) dt {color:#0089a0;}
.sec_detail .con .item dt{font-size:20rem;font-weight:800;}
.sec_detail .con .item dd{word-break: keep-all; padding-top:10rem;font-weight:400;font-size:18rem;line-height:140%;color:#333;}
.sec_detail .con_arrow {text-align:center;}
.sec_detail .con_arrow p {font-weight:800;}

@media all and (max-width: 1023px) {
	.sec_detail{margin:50rem 0; }
	.sec_detail .txt h3 {font-size:25rem;}
	.sec_detail .txt p{font-size:15rem;}
    .sec_detail .con{display:grid;grid-template-columns: repeat(3, 1fr); gap:10px; }
    .sec_detail .con .item{margin-bottom:10rem; }
    .sec_detail .con .item dt{font-size:16rem;}
    .sec_detail .con .item dd{padding-top:10px;font-size:15rem;}
    .sec_detail .con .item p{font-size:15rem;}
}

@media all and (max-width: 600px) {
    .sec_detail .con .item{margin-bottom:10rem; max-width:100%;}
	.sec_detail .con .item dt{font-size:15rem;}
	.sec_detail .con .item dd{padding-top:10px;font-size:13rem;}
	.sec_detail .con_arrow img {width:100rem;}
}

.farm_map {text-align:center;}
.farm_map .txt h3 {text-align:center; font-size:35rem; font-weight:800; color:#333; }

@media all and (max-width: 1023px) {
	.farm_map .txt h3 {font-size:25rem;}
}