@charset "utf-8"; /* ===================================================== */
/* 콘텐츠 공통 */
.color-b { color:#222 !important; } 
.color-g { color:#666 !important; } 
.color-1 { color:#0868ac !important; } 
.color-2 { color:#63b32e !important; } 
.color-3 { color:#e00031 !important; } 
.color-4 { color:#0091d4 !important; } 

.fw-1 { font-weight: 100; } 
.fw-2 { font-weight: 200; } 
.fw-3 { font-weight: 300; } 
.fw-4 { font-weight: 400; } 
.fw-5 { font-weight: 500; } 
.fw-6 { font-weight: 600; } 
.fw-7 { font-weight: 700; } 
.fw-8 { font-weight: 800; } 
.fw-9 { font-weight: 900; } 


.alignC { text-align:center !important; } 
.alignL { text-align:left !important; } 
.alignR { text-align:right !important; } 

.upper { text-transform: uppercase; } 

strong { font-weight: 700; } 



/*타이틀*/
.title-wrap { margin-bottom:3rem; line-height: 1.15; } 
.title-wrap .tit-type1 { font-size:max(4rem, 28px); color:#222; font-weight: 700; } 
.title-wrap .tit-type1 .stxt { display: block; font-size:max(2rem, 16px); color:var(--color-sub1); font-weight: 800; } 

.title-wrap .tit-type2 { font-size:max(3rem, 20px); color:#222; font-weight: 700; padding-left:1.8rem; position: relative; } 
.title-wrap .tit-type2::before { content:''; display: block; width:0.6rem; height:2.6rem; border-radius: 1rem; background-color: var(--color-sub1); position: absolute; left:0; top:0.4rem; } 

@media (max-width: 1023px){
 .tb__scroll { position: relative; padding-top:25px; margin-top:-2rem; } 
.tb__scroll::after { content: ''; display: block; width:24px; height:24px; background:url('../images/common/ico_scrollx.gif') center top no-repeat; position: absolute; top:0; right:0; } 
.tb__scroll-inner { overflow-x:auto; padding-bottom:1rem; } 
.tb__scroll-inner::-webkit-scrollbar { height: 6px; background-color: #fff; } 
.tb__scroll-inner::-webkit-scrollbar-thumb { border: 1px solid transparent; background-color: var(--color-main); background-clip: content-box; } 
 }





.sub-content-wrap { --inout-padding:calc(var(--inner-padding) - var(--outer-padding)); position: relative; } 
@media (max-width: 1540px){
 .sub-content-wrap { --inout-padding:var(--outer-padding); } 
 }


@media (hover: hover) and (pointer: fine) { } 
@media (max-width: 1280px) { } 
@media (max-width: 1024px) { } 
@media (max-width: 768px) { } 
@media (max-width: 576px) { } 
@media (max-width: 480px) { } 
/* 콘텐츠 공통 */
/* ===================================================== */

.farmtory-cnt { margin-top: 10rem; overflow: hidden; } 


/* ===================================================== */
/* 0101_팜토리 */
.greeting { padding: 23rem 0; overflow: hidden; } 
.greeting:before { position: absolute; content: ""; width: 35%; height: 100%; top: 0; right: 0; background-color: #f1f3ed; } 
.greeting .inner { display: flex; justify-content: space-between; align-items: center; gap: 0 10rem; position: relative; } 
.greeting .left h3 { font-size: 3.6rem; font-weight: 600; color: #222; margin-bottom: 7rem; line-height: 1.5; } 
.greeting .left h3 img { vertical-align: -0.2em; display: inline-block;} 
.greeting .left .bottom p { font-size: 1.8rem; font-weight: 500; color: #666; margin-top: 4rem; line-height: 1.6; } 
.greeting .left .bottom p b { color: var(--color-main); font-weight: 600; } 
.greeting .right .img { max-width: 55rem; max-height: 65rem; border-radius: 200px 25px 25px 25px; position: relative; overflow: hidden; } 
.greeting .right .img img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.greeting .right .img img:last-child { display: none; } 
.greeting .right { position: relative; z-index: 1; } 
.greeting .right:before { position: absolute; width: 200px; height: 200px; top: -9rem; right: -9rem; content: ""; background: url(../images/sub/greeting_img03.png) no-repeat; z-index: -1; animation: circle 50s infinite linear; } 
@keyframes circle { 
 0% { transform:rotate(0deg); } 
 100% { transform:rotate(360deg); } 
 }

@media (max-width:768px) {.greeting { padding-top: 10rem; } 
.greeting .inner { flex-direction: column-reverse; } 
.greeting::before,
.greeting .right:before,
.greeting .left br,
.greeting .right .img img:first-child { display: none; } 
.greeting .left { text-align: center; margin-top: 5rem; } 
.greeting .right { width: 100%; } 
.greeting .right .img { max-width: 100%; max-height: 35rem; border-radius: 15px; position: relative; overflow: hidden; } 
.greeting .right .img img:last-child { display: block; } 
.greeting .left h3 img { height: 5rem; } 
.greeting .left .bottom p { font-weight: 400; } 
 }
/* 0101_팜토리 */
/* ===================================================== */










/* ===================================================== */
/* 0102_연혁 */
.history .top { display: flex; justify-content: center; margin-bottom: 10rem; } 
.history .bottom { position: relative; padding-bottom: 20rem; } 
.history .bottom:after { width: 1px; height: 100%; background-color: #99bc9b; position: absolute; left: 50%; top: 0; content: ""; z-index: -1; margin-top: 6rem; } 
.history .bottom .item { display: flex; justify-content: center; margin-bottom: 10rem; } 
.history .bottom .item:last-child { margin-bottom: 0; } 
.history .bottom .year { position: relative; width: 50%; } 
.history .bottom .year h3 { font-size: 10rem; font-weight: 800; color: var(--color-main); padding-right: 12rem; text-align: right; } 
.history .bottom .year.reverse h3 { padding-right: 0; padding-left: 12rem; text-align: left; } 
.history .bottom .year h3:after { position: absolute; right: -7.5px; top: 6rem; transform: translateY(-50%); width: 15px; height: 15px; background-color: var(--color-main); content: ""; border-radius: 50%; } 
.history .bottom .year.reverse h3:after { transform: translateY(-50%); right: auto; left: -7.5px; } 
.history .bottom .year h3::before { position: absolute; right: -18px; top: 6rem; transform: translateY(-50%); width: 36px; height: 36px; background-color: rgb(56, 125, 57, .2); content: ""; border-radius: 50%; animation: pulse 1.5s ease-out infinite; } 
.history .bottom .year.reverse h3::before { right: auto; left: -18px; transform: translateY(-50%); } 
.history .bottom .year.reverse .img { margin: 5rem 0 0 12rem; } 
.history .bottom .desc { padding: 5rem 0 0 12rem; width: 50%; } 
.history .bottom .desc.reverse { padding: 5rem 12rem 0 0; width: 50%; } 
.history .bottom .desc li { margin-bottom: 7rem; } 
.history .bottom .desc.reverse li { text-align: right; } 
.history .bottom .desc h4 { font-size: 1.6rem; font-weight: 600; color: #ccc; margin-bottom: 1.5rem; } 
.history .bottom .desc p { font-size: 2rem; font-weight: 600; color: #222; } 
@keyframes pulse { 
 0% { transform: translateY(-50%) scale(1); opacity: 0; } 
 0% { transform: translateY(-50%) scale(1); opacity: 2; } 
 100% { transform: translateY(-50%) scale(2); opacity: 0; } 
 }

@media (max-width:768px){
 .history .bottom .item { flex-direction: column; } 
 .history .bottom .item:nth-child(even) { flex-direction: column-reverse; } 
 .history .bottom .desc,
 .history .bottom .desc.reverse { padding: 5rem 0 0 15rem; width: 100%; } 
 .history .bottom .desc.reverse li { text-align: left; } 
 .history .bottom .desc p { font-weight: 400; } 
 .history .bottom:after { left: 32px; } 
 .history .bottom .year { width: 100%; } 
 .history .bottom .year h3 { padding-right: 0; text-align: left; padding-left: 14rem; } 
 .history .bottom .year h3::before,
 .history .bottom .year.reverse h3::before { right: auto; left: 15px; } 
 .history .bottom .year h3:after,
 .history .bottom .year.reverse h3:after { right: auto; left: 25px; } 
 }
/* 0102_연혁 */
/* ===================================================== */










/* ===================================================== */
/* 0103_조직도 */
.organization { margin-bottom: 20rem; } 
.organization .organiz-top { padding-bottom: 1px; position: relative; } 
.organization .organiz-top::before { display: block; content: ''; width: 1px; height: 80%; background: #e3e3e3; position: absolute; bottom: 0; left: 50%; z-index: -1; } 
.organization .ceo { text-align: center; } 
.organization .ceo .desc { display: inline-flex; align-items: center; justify-content: center; width: 24rem; height: 10rem; border-radius: 50%; background: var(--color-main); font-size: 3.2rem; font-weight: 700; color: #fff; letter-spacing: 0.015em; position: relative; width: 20rem; height: 20rem; background: url(../images/sub/organization_img01.png) 50% 50% no-repeat; } 
.organization .organiz-top .organiz-item { text-align: left; margin: 5rem 1rem 6rem 50%; position: relative; } 
.organization .organiz-top .organiz-item::before { display: block; content: ''; width: 25rem; height: 1px; background: #ddd; position: absolute; top: 50%; left: 0; z-index: -1; } 
.organization .organiz-top .organiz-item .desc { display: inline-block; margin-left: calc(11rem + 6.5rem); text-align: center; padding: 3rem; background: #f1f3ed; font-size: 2.4rem; font-weight: 700; color: #222; letter-spacing: 0.015em; border-radius: 15px; min-width: 20rem; } 
.organization .organiz-bottom { display: flex; justify-content: space-between; align-items: flex-start; padding-top: 5rem; position: relative; gap: 4rem; } 
.organization .organiz-item { width: 25%; } 
.organization .organiz-bottom::after { display: block; content: ''; width: 77%; height: 1px; background: #ddd; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } 
.organization .organiz-bottom .organiz-item::before { display: block; content: ''; width: 1px; height: 5rem; background: #ddd; position: absolute; top: 0; left: 11.5%; z-index: -1; } 
.organization .organiz-bottom .organiz-item:nth-of-type(2):before { left: 37%; } 
.organization .organiz-bottom .organiz-item:nth-of-type(3):before { left: 63%; } 
.organization .organiz-bottom .organiz-item:nth-of-type(4):before { left: 88.5%; } 
.organization .organiz-bottom .desc { padding: 3rem 2rem; background: #62bd5d; font-size: 2rem; font-weight: 700; color: #fff; letter-spacing: 0.015em; position: relative; text-align: center; border-radius: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1rem 0; } 
.organization .organiz-sub-list { padding-top: 4rem; position: relative; } 
.organization .organiz-sub-list::before { display: block; content: ''; width: 1px; height: 100%; background: #ddd; position: absolute; top: 0; left: 50%; z-index: -1; } 
.organization .organiz-sub-list span { display: block; padding: 2rem 1rem; background: #f1f3ed; font-size: 1.8rem; color: #222; letter-spacing: 0.015em; border-radius: 10px; text-align: center; } 
.organization .organiz-sub-list span+span { margin-top: 15px; } 

@media (max-width: 1024px) {.organization .organiz-bottom .desc img { height: 3rem; } 
 }
@media (max-width: 868px) {.organization .organiz-top .organiz-item .desc { margin-left: 11rem; } 
.organization .organiz-bottom { flex-direction: column; align-items: center; } 
.organization .organiz-item { width: 100%; } 
.organization .organiz-sub-list span { padding: 4rem 2rem; } 
.organization .organiz-bottom .organiz-item:nth-of-type(2):before,
.organization .organiz-bottom .organiz-item:nth-of-type(3):before,
.organization .organiz-bottom .organiz-item:nth-of-type(4):before,
.organization .organiz-bottom::after { display: none; } 
.organization .organiz-bottom .organiz-item::before { left: 50%; } 
.organization .organiz-top .organiz-item .desc { margin-left: 0; } 
.organization .organiz-top .organiz-item { margin: 5rem 0; text-align: center; } 
.organization .organiz-top .organiz-item::before { display: none; } 
 }
/* 0103_조직도 */
/* ===================================================== */










/* ===================================================== */
/* 0201_비전 */
.vision { margin-bottom: 20rem; } 
.vision .top { text-align: center; } 
.vision .top h3 { font-size: 6rem; font-weight: 900; color: #222; margin-bottom: 1.5rem; } 
.vision p { font-size: 3.2rem; font-weight: 600; color: #222; text-align: center; } 
.vision p b { color: var(--color-main); } 
.vision .mid { padding: 7rem 0 18rem 0; position: relative; } 
.vision .mid:before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: ""; width: 1400px; height: 488px; background: url(../images/sub/vision_img01.png) no-repeat; z-index: -1; } 
.vision .mid ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4rem; } 
.vision .mid li { border-radius: 10px; border: 1px solid var(--color-main); display: flex; min-height: 12rem; overflow: hidden; } 
.vision .mid li .img { width: 17rem; background-color: #f1f3ed; display: flex; justify-content: center; align-items: center; padding: 2rem; } 
.vision .mid li .desc { display: flex; align-items: center; width: 100%; padding: 3rem 5rem; background-color: #fff; } 
.vision .mid li .desc p { font-size: 2.2rem; font-weight: 600; color: #222; text-align: left; } 
.vision .bottom { margin-top: 2rem; } 

@media (max-width:768px) {.vision .mid li .desc { padding: 3rem; } 
.vision .mid li .img img { height: 5rem; } 
 }
@media (max-width:640px) {.vision .mid ul { grid-template-columns: repeat(1, 1fr); gap: 2rem; } 
.vision .mid:before { background-size: contain; aspect-ratio: 1400 / 488; max-width: 640px; height: auto; } 
 }
/* 0201_비전 */
/* ===================================================== */










/* ===================================================== */
/* 0202_미션 */
.mission { margin-bottom: 20rem; } 
.mission .top { margin-bottom: 5rem; } 
.mission h3 { font-size: 6rem; font-weight: 700; color: #222; text-align: center; } 
.mission h3 b { color: var(--color-main); } 
.mission ul li { padding: 8rem; border-radius: 25px; position: relative; min-height: 44rem; margin-top: 4rem; color: #fff; } 
.mission ul li:first-child { background: linear-gradient(to right, #a09b98, rgb(160, 155, 152, .3), rgb(160, 155, 152, 0)), url(../images/sub/mission_img01.jpg) 50% 50% no-repeat; } 
.mission ul li:nth-child(2) { background: linear-gradient(to right, #52785d, rgb(82, 120, 93, .3), rgb(82, 120, 93, 0)), url(../images/sub/mission_img02.jpg) 50% 50% no-repeat; } 
.mission ul li:last-child { background: linear-gradient(to right, #426638, rgb(66, 102, 56, .3), rgb(66, 102, 56, 0)), url(../images/sub/mission_img03.jpg) 50% 50% no-repeat; } 
.mission ul li:after { position: absolute; right: 8rem; bottom: 7rem; content: "01"; font-size: 15rem; font-weight: 900; color: #c9c5b7; } 
.mission ul li:nth-child(2):after { content: "02"; } 
.mission ul li:nth-child(3):after { content: "03"; } 
.mission ul li h4 { font-size: 4.4rem; font-weight: 600; margin: 2rem 0; margin-right: 20rem; } 
.mission ul li p { font-size: 1.8rem; font-weight: 500; line-height: 1.5; margin-right: 20rem; } 

@media (max-width:768px) {.mission ul li { min-height: auto; padding: 6rem; } 
.mission ul li h4,
.mission ul li p { margin-right: 0; } 
.mission ul li p { font-weight: 400; } 
.mission ul li img { height: 7rem; } 
.mission ul li:after { right: 3rem; bottom: auto; top: 1rem; color: #fff; font-size: 5rem; } 
.mission ul li:first-child { background: url(../images/sub/mission_img01.jpg) 60% 50% no-repeat; } 
.mission ul li:nth-child(2) { background: url(../images/sub/mission_img02.jpg) 60% 50% no-repeat; } 
.mission ul li:last-child { background: url(../images/sub/mission_img03.jpg) 60% 50% no-repeat; } 
 }
/* 0202_미션 */
/* ===================================================== */









/* ===================================================== */
/* 0203_스토리 */ 
.story { margin-bottom: 20rem; } 
.story ul li { display: flex; justify-content: space-between; align-items: center; gap: 0 10rem; margin-top: 14rem; } 
.story ul li:first-child { margin-top: 0; } 
.story ul li .img { border-radius: 200px 25px 25px 25px; overflow: hidden; } 
.story ul li:nth-child(2) .img { border-radius: 25px 200px 25px 25px; } 
.story ul li .txt h3 { font-size: 4.8rem; font-weight: 700; color: var(--color-main); position: relative; display: inline-block; margin-bottom: 2rem; line-height: 0.9; } 
.story ul li:nth-child(2) .txt h3 { color: #62bd5d; } 
.story ul li .txt h3:after { position: absolute; right: -3rem; bottom: 0; content: ""; background: url(../images/sub/story_symbol01.png) no-repeat; width: 22px; height: 50px; } 
.story ul li:nth-last-child(2) .txt h3:after { background: url(../images/sub/story_symbol02.png) no-repeat; } 
.story ul li .txt p:nth-child(2) { font-size: 3.6rem; font-weight: 500; color: #222; } 
.story ul li .txt p:last-child { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #ddd; font-size: 1.8rem; font-weight: 500; color: #666; line-height: 1.6; } 
.story ul li .txt p:last-child b { color: var(--color-main); font-weight: 600; } 
@media (max-width:1024px) {.story ul li .img { border-radius: 150px 20px 20px 20px; } 
.story ul li:nth-child(2) .img { border-radius: 20px 150px 20px 20px; } 
 }
@media (max-width:768px) {.story ul li .txt h3 { line-height: 1.2; } 
.story ul li .txt h3:after,
.story ul li:nth-last-child(2) .txt h3:after { width: 18px; height: 46px; background-size: contain; } 
.story ul li .txt p:last-child { font-weight: 400; } 
 }
@media (max-width:680px) {.story ul li { flex-direction: column-reverse; align-items: flex-start; gap: 3rem 0; } 
.story ul li:nth-child(2) { flex-direction: column; } 
.story ul li .txt { width: 100%; } 
.story ul li .img,
.story ul li:nth-child(2) .img
 {
 border-radius: 20px; } 
 }
/* 0203_스토리 */
/* ===================================================== */










/* ===================================================== */
/* 0300_제품공통 */
.product { margin-bottom: 20rem; } 
.product h3 { font-size: 3.6rem; font-weight: 600; color: #222; text-align: center; position: relative; padding-top: 9rem; } 
.product h3 b:first-child { color: var(--color-main); } 
.product h3 b:last-child { color: #62bd5d; } 
.product h3:before { position: absolute; content: ""; background: url(../images/sub/product_ico01.png) no-repeat; width: 65px; height: 65px; top: 0; left: 50%; transform: translateX(-50%); } 
.product .intro .bottom { padding: 9rem; background-color: #f1f3ed; background-image: url(../images/sub/product_bg01.png), url(../images/sub/product_bg02.png); background-repeat: no-repeat, no-repeat; background-position: 0 50%, 100% 50%; margin: 6rem 0 10rem 0; } 
.product .intro .bottom p { text-align: center; font-size: 2rem; font-weight: 400; line-height: 1.6; color: #666; } 
.product .intro .bottom p b { color: var(--color-main); font-weight: 600; } 
.product .bottom .visual { display: flex; max-height: 43rem; overflow: hidden; border-radius: 25px; border: 1px solid var(--color-main); margin-bottom: 14rem; } 
.product .bottom .visual > * { width: 50%; } 
.product .bottom .visual .img img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.product .bottom .visual .desc { background-color: var(--color-main); padding: 3rem 3rem 3rem 8rem; display: flex; align-items: center; position: relative; } 
.product .bottom .visual .desc:before { position: absolute; right: 5rem; bottom: -2rem; content: ""; background: url(../images/sub/product_symbol.png) no-repeat; width: 192px; height: 425px; } 
.product .bottom .visual .desc .txt { width: 65%; } 
.product .bottom .visual .desc .txt h4 { color: #fff; font-size: 4rem; font-weight: 500; } 
.product .bottom .visual .desc .txt p { color: #90d696; font-size: 1.8rem; font-weight: 400; line-height: 1.5; margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #45934b; } 
.product-list { display: grid; grid-template-columns: repeat(2, 1fr); position: relative; } 
.product-list:before { position: absolute; width: 1px; height: 100%; left: 50%; background-color: #99bc9b; content: "";} 
.product-list:after { position: absolute; width: 100%; height: 1px; left: 0; top: 50%; background-color: #99bc9b; content: "";} 
.product-list li { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 10rem; } 
.product-list li .img { max-width: 32rem; max-height: 32rem; border-radius: 50%; overflow: hidden; box-shadow: -2.5px 1.7px 76px 22px rgba(0, 0, 0, 0.07); position: relative; z-index: 3; display: block; width: 100%; height: 100%; } 
.product-list li .circle-box { max-width: 32rem; position: relative; flex-shrink: 0; } 
.product-list li .circle { position: relative; z-index: 2; width: 100%; height: 100%; aspect-ratio: 1 / 1; max-width: 32rem; } 
.product-list li .circle:before { position: absolute; width: 125%; height: 125%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: rgb(150, 193, 31, .1); content: ""; z-index: 0; } 
.product-list li .circle:after { position: absolute; content: ""; bottom: -6rem; left: 50%; transform: translateX(-50%); width: 10px; height: 65px; background: url(../images/sub/product-list-line.png) no-repeat; z-index: 1; animation: fade-down .6s both .6s paused;} 
.product-list li .circle.aos-animate:after {animation-play-state: running;}
.product-list li .txt { margin-top: 8rem; } 
.product-list li .txt h5 { font-size: 2.4rem; font-weight: 600; color: #222; margin-bottom: 1.5rem; } 
.product-list li .txt p { font-size: 1.8rem; font-weight: 300; color: #666; line-height: 1.5; } 

.product.type02 .product-list:after { display: none; } 

@media (max-width: 1024px){
.product .bottom .visual .desc { padding: 4rem; } 
.product .bottom .visual .desc .txt { width: 80%; } 
.product .bottom .visual .desc:before { background-size: contain; width: 142px; height: 375px; bottom: -10rem; } 
 }
@media (max-width: 768px){
.product .intro .bottom { background-size: contain; background-position: -20% 50%, 120% 50%; padding: 9rem 3rem; } 
.product .bottom .visual { flex-direction: column; max-height: 100%; } 
.product .bottom .visual > * { width: 100%; } 
.product .bottom .visual .img { max-height: 40rem; } 
.product .bottom .visual .desc { overflow: hidden; } 
.product .bottom .visual .desc:before { width: 102px; height: 335px; bottom: -18rem; } 
.product-list { grid-template-columns: repeat(1, 1fr); } 
.product-list:before,
.product-list:after { display: none; } 
 }
@media (max-width: 576px){
.product .intro .bottom { background-size: 35%; padding: 9rem 3rem; } 
 }
@media (max-width: 480px){
.product .bottom .visual .desc .txt { width: 100%; text-align: center; } 
.product .bottom .visual .desc:before { display: none; } 
 }
/* 0300_제품공통 */
/* ===================================================== */










/* ===================================================== */
/*0401RnD_양잠사업*/
section.RnD_sec{padding-top:10rem;padding-bottom:10rem;}
section.RnD_sec:first-child{padding-top:0;}
.RnDsilk_tit{background-image:url('../images/sub/04RnD_silk_bg.jpg'); background-position:center; height:40rem; color:#fff; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center;margin-bottom:12rem;}
.RnDsilk_tit h4{font-size:3.8rem; font-weight:700;}
.RnDsilk_tit p{margin-top:2.8rem; max-width:45%; font-size:1.8rem; font-weight:500; padding:2.8rem 1rem; border-top:1px solid #fff; border-bottom:1px solid #fff;}
h4.silk_tit{font-size:3.3rem; font-weight:600; color:#222; margin-bottom:5rem;}
.RnD_pic{margin-bottom:8rem; display:flex; justify-content:space-between; color:#222; font-size:1.8rem; font-weight:600;}
.RnD_pic li{min-width:32%;}
.RnD_pic li img{object-fit:cover; width:100%; height:29rem; border-radius:20px; margin-bottom:1rem;}
.busi_cont{margin-bottom:3.8rem; border-radius:25px; border:1px solid #337d39; display:flex; align-items:center;}
.busi_cont .busi_tit{min-width:20%; height:-webkit-fill-available; background-color:#f1f3ed; border-radius:25px 0 0 25px; text-align:center;display:flex;flex-direction:column; justify-content:center; align-items:center;}
.busi_cont .busi_tit img{margin-bottom:2rem;}
.busi_tit h5{font-size:2.2rem; color:#222; font-weight:600;}
.busi_cont .busi_txt{padding:6.5rem; background-color:#fff;border-radius:0 25px 25px 0;} 
.busi_cont .busi_txt li{font-weight:400; color:#444; font-size:1.7rem; margin-bottom:2.3rem;}
.busi_cont .busi_txt li:last-child{margin-bottom:0;}
.busi_cont .busi_txt li::before{content:"·"; color:#000; font-weight:400; font-size:1.8rem; margin-right:0.5rem; text-indent:0.8rem; margin-left:-0.8rem;}
.bg_gr{background-color:#f1f3ed;}
.bg_gr .busi_cont .busi_tit{background-color:#62bd5d;}
.bg_gr .busi_cont .busi_tit h5{color:#fff;}
@media (max-width: 1330px){
	.RnDsilk_tit p{ max-width:62%;}
	.RnD_pic li{display:flex; flex-wrap:wrap;}
	.RnD_pic li{width:32%;}
	.RnD_pic li img{ }
}
@media (max-width: 1024px){
	h4.silk_tit{font-size:2.8rem;}
	.busi_tit h5{font-size:2rem;}
}
@media (max-width: 970px){
	.busi_cont .busi_tit{min-width:23%;padding:2rem;}
}
@media (max-width: 768px){
	.RnD_pic{flex-wrap:wrap;}
	.RnD_pic li{width:100%; margin-bottom:3rem;}
	.RnD_pic li:last-child{margin-bottom:0;}
	.busi_cont .busi_tit{min-width:23%;padding:2rem;}
}
@media (max-width: 576px){
	.RnDsilk_tit p{ max-width:90%;}
	.busi_cont{flex-wrap:wrap;}
	.busi_cont .busi_tit{width:100%; border-radius:25px 25px 0 0; padding:3rem; }
	.busi_cont .busi_txt{padding:3rem; border-radius:0 0 25px 25px;}
}
@media (max-width: 480px){
}
/* 0401_양잠사업 */
/* ===================================================== */










/* ===================================================== */
/* 0402_회전식스마트팜 */
h4.silk_tit.gr_ti{color:#337d39;font-weight:700;}
.sf_imgbox{background-color:#f1f3ed; border-radius:25px; padding:8rem;}
.sf_imgbox .imgbox_br{width:100%; background-color:#fff; border-radius:15px; border:1px solid #337d39;display:flex; flex-wrap:wrap;justify-content:center; align-items:center;}
.sf_imgbox .line_dot{padding-top:7.5rem; margin-bottom:7.5rem; border-bottom:1px dashed #ddd;}
.sf_imgbox .imgbox_br img{padding:8rem;}
.sf_tech{padding-bottom:6rem;margin-top:6rem; border-bottom:1px solid #ddd;}
.mg_top8{margin-top:8rem;}
.sf_tech:last-child{border-bottom:none;}
.sf_tech .sftech_tit{color:#222; font-size:2.8rem; font-weight:700; margin-bottom:2.3rem;}
.sf_tech .sftech_txt{font-size:1.7rem; color:#666; font-weight:400; }
.sf_tech .sftech_txt.txt_flw{display:flex; flex-wrap:wrap;}
.sf_tech ol.sftech_txt{margin-left:1.5rem;}
.sf_tech .sftech_txt li{margin-bottom:2rem; list-style-type:decimal;}
.sf_tech .sftech_txt li:last-child{margin-bottom:0;}
.sf_tech .fc_gr{color:#337d39;font-weight:600;}
.sf_tech .sftech_comp{margin-top:3.5rem;}
.sf_tech .sftech_comp li{display:flex; align-items:center; text-align:center; width:100%;border:2px solid #f0f0f0; border-radius:10px;margin-bottom:2rem;}
.sf_tech .sftech_comp li:first-child{border:none;border-radius:10px;}
.sf_tech .sftech_comp li p{padding:2rem;}
.sf_tech .sftech_comp li:first-child p:first-child{height:-webkit-fill-available; display:flex;justify-content:center;align-items:center;border-radius:10px 0 0 10px; background-color:#222; color:#fff; font-size:1.8rem; font-weight:500; width:37%;}
.sf_tech .sftech_comp li:first-child p:nth-child(2){color:#222; font-size:1.8rem; font-weight:600; width:26%;}
.sf_tech .sftech_comp li:first-child p:nth-child(3){border-radius:0 10px 10px 0; background-color:#337d39; color:#fff; font-size:1.8rem; font-weight:600; width:37%;}

.sf_tech .sftech_comp li p:first-child{ color:#222; font-size:1.8rem; font-weight:500; width:37%;}
.sf_tech .sftech_comp li p:nth-child(2){height:-webkit-fill-available; background-color:#f0f0f0; color:#222; font-size:1.8rem; font-weight:600; width:26%;display:flex;justify-content:center;align-items:center;}
.sf_tech .sftech_comp li p:nth-child(3){color:#337d39; font-size:1.8rem; font-weight:600; width:37%;}
@media (max-width: 1339px){
	.sf_imgbox .imgbox_br:first-child img:first-child{padding-bottom:0;}
}


@media (max-width: 576px){
	.sf_tech .sftech_comp{margin-top:3rem;}
}
/* 0402_회전식스마트팜 */
/* ===================================================== */