.mx_auto{margin: 0 auto}
.fx_1{flex:1;}
.prd_link_wrap .item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 10rem;
  background-color: #F5F5F5;
  cursor: pointer;
}
.prd_link_wrap .item img{
  width : 2.25rem;
  height: 2.25rem;
  transform: scale(1);
}
.prd_link_wrap .item p{
  display : flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #000;
}
.prd_link_wrap .item p::after{
  display : block;
  content: "";
  width : 0.688rem;
  height: 1.063rem;
  background: url("/img/product/farming/prd_arrow.svg") no-repeat center / cover;
}

.banner_wrap{
  position : relative;
  width : 100%;
  height: 20.75rem;
}
.banner_wrap img{
  display : block;
  width : 100%;
  height: 100%;
  object-fit: cover;
}
.banner_wrap .txt_wrap{
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width : max-content;
  max-width : calc(100% - 40px);
}
.banner_wrap a{
  display : flex;
  justify-content: center;
  align-items: center;
  width : max-content;
  height: max-content;
  margin: 1rem auto 0;
  padding: 1.125rem 1.75rem;
  font-size: 1rem;
  font-weight: 700;
  color: #000;
  background-color : #fff;
  border-radius: 500px;
}
@media all and (max-width:768px){
  .banner_wrap a{
    margin-top : 20px;
    padding: 13px 21px;
    font-size: 12px;
  }
}

.step_arrow2{
  display : block;
  width : 28rem;
  height: 3.563rem;
  margin: 3.125rem auto 1.875rem;
}
.step_arrow{
  display : block;
  width : 6.625rem;
  height: 2.125rem;
  margin: 1.25rem auto;
}
.bg_txt{
  height: 10rem;
  background-color: #231F20;
  color: #fff;
}
.fc_gray{color: #585858;}
.fc_white{color: #ffffff;}
.bg_black{background-color: #231F20;}

.sec_farming_cont1 h4{
  display: flex;
  align-items: center;
  font-weight: 400;
}
.sec_farming_cont1 h4 em{
  display : inline-block;
  width : 0.25rem;
  height: 1.75rem;
  background-color: #000;
  margin: 0.25rem 0.875rem 0;
}
.sec_farming_cont1 h4 span{
  font-weight: 700;
}
.sec_farming_cont1 .img_box{
  width : 100%;
}
.sec_farming_cont1 .img_box img{
  max-width: 100%;
}
.sec_farming_cont1 .tag_list p{
  border-radius: 2.25rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
  color: #fff;
  padding: 0.375rem 1rem;
}
.sec_farming_cont1 .cont1_1 .tag_list p{background-color: #7A5C29}
.sec_farming_cont1 .cont1_2 .tag_list p{background-color: #2D8985}
.sec_farming_cont1 .cont1_3 .tag_list p{background-color: #478A33}
.sec_farming_cont1 .cont1_4 .tag_list p{background-color: #478A33}
.sec_farming_cont1 .cont1_5 .tag_list p{background-color: #C7991F}
.sec_farming_cont1 .cont1_6 .tag_list p{background-color: #7F8D8E}

.sec_farming_cont1 .deco_img{
  width : 7.5rem;
  height: 7.5rem;
  margin-right : 0.375rem;
}
.sec_farming_cont1 .speech_bubble{
  position: relative;
  width : calc(100% - 140px);
  height: max-content;
  padding: 0.625rem 1.25rem;
  border-radius: 0.625rem;
  background-color : #f5f5f5;
}
.sec_farming_cont1 .speech_bubble::before{
  display : inline-block;
  position: absolute;
  left: -0.938rem;
  top: 50%;
  transform: translateY(-50%);
  content : '';
  width : 0.938rem;
  height: 1.625rem;
  background: url("/img/product/farming/speech_bubble_tail.svg") no-repeat center / cover;
}
.sec_farming_cont1 .speech_bubble p{
  font-size:1rem;
  font-weight: 400;
}
.sec_farming_cont1 .speech_bubble p span{
  font-weight: 700;
}
.sec_farming_cont1 .speech_bubble p + p{
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  margin-top: 0.25rem;
  color: #585858;
}
.sec_farming_cont1 .cont button{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width : 100%;
  height: 3rem;
  border-radius: 0.625rem 0.625rem 0 0;
  background-color : #231F20;
  color: #fff;
  border: none;
  font-size: 1rem;
}
.sec_farming_cont1 .cont button em {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  right: 1.875rem;
  transform: translateY(-50%);
  width: 1rem;
  height: 1.25rem;
}
.sec_farming_cont1 .cont button em::before,
.sec_farming_cont1 .cont button em::after {
  content: "";
  width: 1rem;
  height: 0.625rem;
  background: url("/img/product/farming/ico_arrow_bt_w.svg") no-repeat center / cover;
  opacity: 0;
  animation: arrow-op 1s ease-in-out infinite;
}
.sec_farming_cont1 .cont button em::after {
  animation-delay: 0.2s;
}
@keyframes arrow-op {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}

.sec_farming_cont1 .cont > div{
  background-color: #FFFFFF;
  border-radius: 0 0 0.625rem 0.625rem;
  border: 2px solid rgba(35, 31, 32, 0);
  overflow: hidden;
  max-height: 0;
  padding: 0 1.875rem;
  transition: max-height 0.5s ease-in-out, border-color 0.5s ease-in-out, padding 0.5s ease-in-out;
}
.sec_farming_cont1 .cont > div.on{
  max-height: 1000px;
  padding: 1.25rem 1.875rem;
  border-color: rgba(35, 31, 32, 1);
}
.sec_farming_cont1 .cont img{
  width : 100%;
  height: max-content;
}
.sec_farming_cont1 .cont .tag_list p{
  background-color : #f5f5f5;
  color: #585858;
  font-weight: 400;
}

.sec_farming_cont4 .cont1_1 > div:nth-child(2) > div,
.sec_farming_cont3 .cont1_1 > div:nth-child(2) > div,
.sec_farming_cont2 .cont1_1 > div:nth-child(2) > div{
  background-color: #f5f5f5;
}
.sec_farming_cont2 .cont1_1 > div:nth-child(1) > div img{
  width : 7.5rem;
}
.sec_farming_cont2 .cont1_1 > div:nth-child(2) > div img{
  width : 17.188rem;
}
.sec_farming_cont4 .cont1_1 > div > div:first-child h4,
.sec_farming_cont3 .cont1_1 > div > div:first-child h4,
.sec_farming_cont2 .cont1_1 > div > div:first-child h4{
  border-top: 4px solid #EF4023;
}
.sec_farming_cont4 .cont1_1 h4,
.sec_farming_cont3 .cont1_1 h4,
.sec_farming_cont2 .cont1_1 h4{
  width : 100%;
  height: 6.25rem;
}
.sec_farming_cont4 .cont1_1 > div > div,
.sec_farming_cont3 .cont1_1 > div > div,
.sec_farming_cont2 .cont1_1 > div > div{
  height: 22.5rem;
}

.sec_farming_cont5 .cont1_1 h4 + p{
  color: #585858;
}
.sec_farming_cont5 .cont1_1 em{
  position : relative;
  width : 2.5rem;
  height: 2.5rem;
}
.sec_farming_cont5 .cont1_1 em::before,
.sec_farming_cont5 .cont1_1 em::after{
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width : 2.5rem;
  height: 0.25rem;
  background-color: #EF4023;
}
.sec_farming_cont5 .cont1_1 em::before{
  transform: translate(-50%,-50%) rotate(90deg);
}

.sec_farming_cont6{
  /* background-color: #F5F5F5; */
}
.sec_farming_cont6 h3{
  height: 100px;
  border-top: 4px solid #EF4023;
  font-size: 2rem;
}
.sec_farming_cont6 .txt_box{
  height: 7.5rem;
}
.sec_farming_cont6 .data_bxs{
  display: flex;
  justify-content: center;
  max-width : 68.125rem;
  margin: 0 auto;
}
.sec_farming_cont6 .data_bxs .data_bx{
  flex: 1;
  padding: 1.25rem 0;
  text-align: center;
  background-color: #fff;
}

.sec_farming_cont7 .arti1 .list_wrap{
  width : max-content;
  margin: 0 auto;
}
.sec_farming_cont7 .arti1 .list_wrap > div{
  width : 100%;
}
.sec_farming_cont7 .arti1 .list_wrap em{
  display : block;
  width : 100%;
  height: 2.125rem;
  border: 1px solid #ddd;
  border-top: none;
}
.sec_farming_cont7 .arti1 ul{
  display : flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  width : max-content;
  margin: 0 auto;
}
.sec_farming_cont7 .arti1 li{
  position: relative;
  border-radius: 50%;
  border: 1px solid #E6E6E6;
  width : 17.5rem;
  aspect-ratio: 1/1;
}
.sec_farming_cont7 .arti1 li .txt{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width : max-content;
}
.sec_farming_cont7 .arti1 li span{
  display : flex;
  justify-content: center;
  align-items: center;
  width : 2.5rem;
  height: 1.5rem;
  margin: 0 auto;
  border-radius: 1.5rem;
  background-color: #231F20;
  color :#fff;
}
.sec_farming_cont7 .arti1 li strong{
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0.625rem 0;
  text-align: center;
}
.sec_farming_cont7 .arti1 li p{
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  color: #585858;
}

.sec_farming_cont7 .arti3 iframe{
  width : 100%;
  aspect-ratio: 16/9;
}
.news_thum {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.cont7 .cont > div{
  background-color: #F5F5F5
}
.cont7 .cont span{
  position: absolute;
  top: -1.875rem;
  left: 50%;
  transform: translateX(-50%);
  width : 3.75rem;
  height: 3.75rem;
  background-color: #231F20;
  border-radius: 50%;
}
.cont7 .cont .arrow{
  margin: 1.25rem auto;
}
.cont7 .cont2 p,
.cont7 .cont p{
  color: #585858;
  text-align: center;
}

.cont7 .bg_none{background-color: transparent !important;}
.cont7 .anchor_btn{
  display : flex;
  justify-content: center;
  align-items: center;
  width : 11.25rem;
  height: 2.75rem;
  background-color : #231F20;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  margin: 0 auto;
}


.sec_farming_cont8 .cont{
  position: relative;
  width : 100%;
  max-width : 62.5rem;
  height: 18.5rem;
  margin: 0 auto;
}
.sec_farming_cont8 .cont .message{
  position: absolute;
  width : max-content;
  height: max-content;
  min-width : 31.625rem;
  border-radius: 1.5rem;
  border-style: solid;
  border-width : 1.25px;
  box-shadow: 0 3.616px 18.079px 0 rgba(0, 0, 0, 0.05);
  padding: 1.875rem 3.75rem ;
  background-color:#fff;
}
.sec_farming_cont8 .cont .message p{
  font-weight: 400;
}
.sec_farming_cont8 .cont .message img{
  position: absolute;
  top: 50%; left: -2.25rem;
  transform: translateY(-50%);
  width:4.5rem;
  aspect-ratio: 1/1;
}
.sec_farming_cont8 .cont .message:nth-of-type(1){
  border-color: #FFD666;
  top: 0; left: 0;
  z-index : 1;
}
.sec_farming_cont8 .cont .message:nth-of-type(2){
  border-color: #84BED4;
  top: 50%; right: 0;
  transform: translateY(-50%);
  z-index : 3;
}
.sec_farming_cont8 .cont .message:nth-of-type(3){
  border-color: #EA9FC0;
  bottom: 0; left: 7.25rem;
  z-index : 1;
}


.tab_st1 .wv_tab_btns{
  display: flex;
  gap: 2rem;
}
.tab_st1 button{
  --bgc: #F5F5F5;
  --fc:#000000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex:1;
  position : relative;
  height: 9.25rem;
  padding-right : 2.813rem;
  outline: none;
  border: none;
  background-color: var(--bgc);
  color: var(--fc);
  clip-path: polygon(0% 0%, calc(100% - 2.813rem) 0%, 100% 50%, calc(100% - 2.813rem) 100%, 0% 100%);
  touch-action: none;
  cursor: auto;
}
.tab_st1 button.active{--bgc:#FBC6BD; --fc:#000;}
.tab_st1 .wv_tab_panel{
}
.tab_st1 .wv_tab_panel.active{
  display : block;
}
.tab_st1 .wv_tab_panel .fx_1{
  width : calc(50% - 1.6rem);
}

.tab_st2 .wv_tab_btns{
  display : flex;
  justify-content: center;
  gap: .5rem;
}
.tab_st2 .wv_tab_btn{
  --bgc: #F5F5F5;
  --fc:#000000;
  display: flex;
  justify-content: center;
  align-items: center;
  position : relative;
  width : 12.25rem;
  height: 3.5rem;
  border-radius: 3.5rem;
  outline: none;
  border: none;
  background-color: var(--bgc);
  color: var(--fc);
  font-weight: 600;
}
.tab_st2 .wv_tab_btn.active{
  --bgc:#231F20;
  --fc:#ffffff;
}
.tab_st2 .wv_tab_panel{
  display : none;
}
.tab_st2 .wv_tab_panel.active{
  display : block;
}

@media all and (max-width: 768px){
  .cont7 .anchor_btn{
    display : flex !important;
    width : 132px;
    height: 44px;
    margin-bottom : 20px;
    font-size: 14px;
  }
  .cont7 .anchor_btn:last-of-type{
    margin-bottom: 0;
  }
  .tab_st1 .wv_tab_btns{
    gap: 10px;
  }
  .tab_st1 button{
    height: 67px;
    padding-right : 12px;
    line-height: 125%;
    clip-path:polygon(0% 0%, calc(100% - 12px) 0%, 100% 50%, calc(100% - 12px) 100%, 0% 100%)
  }
  .tab_st1 .wv_tab_panel .fx_1{
    width : 100%;
  }
  
  .tab_st2 .mo_scr{
    width : 100%;
    overflow-x: scroll;
  }
  .tab_st2 .wv_tab_btns{
    justify-content: flex-start;
    gap: 10px;
    width : max-content;
  }
  .tab_st2 .wv_tab_btn{
    width : 84px;
    height: 40px;
  }
  
  
  .sec_farming_cont8 .cont{
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: max-content;
    padding-left: 20px;
  }
  .sec_farming_cont8 .cont .message{
    position: relative;
    inset: auto !important;
    transform: none !important;
    width : 100%;
    min-width : 100%;
    padding: 16px 30px;
    border-radius: 12px;
  }
  .sec_farming_cont8 .cont .message img{
    left: -20px;
    width : 40px;
    height: 40px;
  }
  
  .sec_farming_cont1 h4 em{
    width: 2px;
    height: 20px;
    margin: 0 10px;
  }
  .sec_farming_cont1 .img_box img{
    display : block;
    width : 100%;
    margin: 0 auto;
  }
  .sec_farming_cont1 .tag_list p{
    font-size: 14px;
    padding: 5px 12px;
    letter-spacing: -0.04em;
  }
  .sec_farming_cont1 .deco_img{
    width : 80px;
    height: 80px;
    margin-right : 0;
  }
  .sec_farming_cont1 .speech_bubble{
    width: calc(100% - 80px);
    border-radius: 10px;
    padding: 10px 20px;
  }
  .sec_farming_cont1 .speech_bubble::before{
    width : 15px;
    height: 26px;
    left: -15px;
  }
  .sec_farming_cont1 .speech_bubble p{
    font-size: 14px;
  }
  .sec_farming_cont1 .speech_bubble p + p{
    font-size: 14px;
    margin-top: 4px;
  }
  .sec_farming_cont1 .cont button{
    height: 48px;
    border-radius: 10px 10px 0 0;
    font-size: 14px;
  }
  .sec_farming_cont1 .cont > div{
    padding: 0 20px;
    border-radius: 0 0 10px 10px;
    border-width : 1px;;
  }
  .sec_farming_cont1 .cont > div.on{
    padding: 20px;
  }
  .sec_farming_cont1 .cont img{
    width : calc(100% - 64px);
    margin: 0 auto;
  }
  .sec_farming_cont4 .cont1_1 > div > div,
  .sec_farming_cont3 .cont1_1 > div > div,
  .sec_farming_cont2 .cont1_1 > div > div{
    height: 224px;
    margin-top: 36px;
  }
  .sec_farming_cont4 .cont1_1 h4,
  .sec_farming_cont3 .cont1_1 h4,
  .sec_farming_cont2 .cont1_1 h4{
    height: 52px;
  }
  .sec_farming_cont4 .cont1_1 > div > div:first-child h4,
  .sec_farming_cont3 .cont1_1 > div > div:first-child h4,
  .sec_farming_cont2 .cont1_1 > div > div:first-child h4{
    border-width : 2px;
  }
  .sec_farming_cont4 .cont1_1 > div:nth-child(1) > div img,
  .sec_farming_cont3 .cont1_1 > div:nth-child(1) > div img,
  .sec_farming_cont2 .cont1_1 > div:nth-child(1) > div img{
    width : 60px;
    height: 60px;
  }
  .sec_farming_cont4 .cont1_1 > div:nth-child(2) > div,
  .sec_farming_cont3 .cont1_1 > div:nth-child(2) > div,
  .sec_farming_cont2 .cont1_1 > div:nth-child(2) > div{
    background-color: #F5F5F5;
    border-radius: 10px;
    padding: 10px;
  }
  .sec_farming_cont4 .cont1_1 > div:nth-child(2) > div img,
  .sec_farming_cont3 .cont1_1 > div:nth-child(2) > div img,
  .sec_farming_cont2 .cont1_1 > div:nth-child(2) > div img{
    width : 132px;
    height: 88px;
  }
  .sec_farming_cont4 .cont1_1 .step_arrow,
  .sec_farming_cont3 .cont1_1 .step_arrow,
  .sec_farming_cont2 .cont1_1 .step_arrow{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 10px 0;
  }
  .sec_farming_cont4 .cont1_1 h5,
  .sec_farming_cont3 .cont1_1 h5,
  .sec_farming_cont2 .cont1_1 h5{
    letter-spacing: -0.09em;
  }
  .step_arrow{
    width : 45px;
    height: 16px;
  }
  .step_arrow2{
    width : 320px;
    height: 40px;
    margin: 30px auto 20px;
  }
  .bg_txt{
    height: 96px;
  }
  
  .sec_farming_cont5 .cont1_1 img:not(.step_arrow2){
    height: 184px;
    width : auto;
    margin: 0 auto;
  }
  .sec_farming_cont5 .cont1_1 em{
    width : 30px;
    height: 30px;
  }
  .sec_farming_cont5 .cont1_1 em::before,
  .sec_farming_cont5 .cont1_1 em::after{
    width : 30px;
    height: 4px;
  }
  .sec_farming_cont6 h3{
    height: 64px;
    font-size:20px;
    border-top-width: 2px;
  }
  .sec_farming_cont6 .step_arrow{
    width : 68px;
    height: 25px;
  }
  .sec_farming_cont6 .txt_box{
    height: max-content;
    padding: 20px 0;
  }
  
  
  
  
  .sec_farming_cont7 .arti1 .list_wrap{
    display : flex;
    justify-content: center;
    gap: 20px;
    width : 100%;
  }
  .sec_farming_cont7 .arti1 ul{
    flex-direction: column;
    gap: 20px;
    width:200px;
    margin: 0;
  }
  .sec_farming_cont7 .arti1 li{
    width : 200px;
  }
  .sec_farming_cont7 .arti1 li span{
    font-size: 12px;
    width : 40px;
    height: 24px;
  }
  .sec_farming_cont7 .arti1 li strong{
    margin: 10px 0 4px;
    font-size: 14px;
  }
  .sec_farming_cont7 .arti1 li p{
    font-size: 12px;
  }
  .sec_farming_cont7 .arti1 .list_wrap > div{
    display : flex;
    align-items: center;
    gap: 10px;
    width: 20px;
  }
  .sec_farming_cont7 .arti1 .list_wrap em{
    min-width : 20px;
    height: 100%;
    border: 1px solid #ddd;
    border-left: none;
  }
  .prd_link_wrap .item{margin-bottom: 0}
  .prd_link_wrap .item img{
    width : 36px;
    height: 36px;
    margin: 0 auto 16px;
  }
  .prd_link_wrap .item p{
    gap: 4px;
    font-size: 14px;
  }
  .prd_link_wrap .item p::after{
    width : 6px;
    height: 10px;
  }
  
  
  
  .sec_farming_cont6 .map_wrap{
    width : 320px;
    margin: 0 auto;
  }
  .sec_farming_cont6 .map_wrap .dot_wrap{
    position : absolute;
    top: 0; left: 0;
    width : 100%;
    height: 100%;
  }
  .sec_farming_cont6 .map_wrap .dot_wrap button{
    position : absolute;
    width : 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #000;
    border: none;
  }
  .sec_farming_cont6 .map_wrap .dot_wrap button.on{
    background-color: #EF4023;
  }
  .sec_farming_cont6 .map_wrap .dot_wrap button::after{
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width : 100%;
    height: 100%;
    border-radius: 50%;
    background-color : rgba(0,0,0,0.1);
    animation: dotScaleAnim 1.5s linear infinite;
  }
  .sec_farming_cont6 .map_wrap .dot_wrap button.on::after{
    background-color : rgba(239, 64, 35, 0.1);
  }
  
  .sec_farming_cont6 .desc{
    padding: 0;
    width : 100%;
    max-height: 0;
    background-color: #fff;
    overflow: hidden;
    transition: max-height 0.5s 0s ease, padding 0.5s 0s ease;
  }
  .sec_farming_cont6 .desc.on{
    max-height: 105px;
    padding: 15px 0;
    transition: max-height 0.5s .25s ease, padding 0.5s .25s ease;
  }
  .sec_farming_cont6 .desc span{
    display : flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
  }
  .sec_farming_cont6 .desc span i{
    display : none;
    width : 20px;
    height: 20px;
    border-radius: 50%;
  }
  .sec_farming_cont6 .desc span i:nth-child(1){background-color: #EABF5F;}
  .sec_farming_cont6 .desc span i:nth-child(2){background-color: #A9D05F;}
  .sec_farming_cont6 .desc span i.on{
    display : block;
  }
  .sec_farming_cont6 .desc h3{
    border: none;
    height: max-content;
  }
  
  @keyframes dotScaleAnim{
    0%{
      width : 14px;
      height : 14px;
      transform: translate(-50%, -50%) ;
    }
    50%{
      width : 32px;
      height : 32px;
      transform: translate(-50%, -50%);
    }
    100%{
      width : 14px;
      height : 14px;
      transform: translate(-50%, -50%) ;
    }
  }
  .sec_farming_cont6 .map_wrap .dot_wrap button:nth-child(1){top: 126px; left: 124px;}
  .sec_farming_cont6 .map_wrap .dot_wrap button:nth-child(2){top: 178px;left: 154px;}
  .sec_farming_cont6 .map_wrap .dot_wrap button:nth-child(3){top: 208px; left: 92px;}
  .sec_farming_cont6 .map_wrap .dot_wrap button:nth-child(4){top: 220px; left: 264px;}
  .sec_farming_cont6 .map_wrap .dot_wrap button:nth-child(5){top: 288px; left: 120px;}
  .sec_farming_cont6 .map_wrap .dot_wrap button:nth-child(6){top: 328px; left: 202px;}
  .sec_farming_cont6 .map_wrap .dot_wrap button:nth-child(7){top: 356px; left: 118px;}
  
  .cont7 .cont span{
    top: -20px;
    width : 40px;
    height: 40px;
  }
  .cont7 .cont .img{
    width : 168px;
  }
  .cont7 .cont .arrow{
    width : 46px;
    margin: 10px auto;
  }
  .cont7 .cont p{
    font-size: 14px;
  }
  .cont7 .cont2 .plus{
    width : 40px;
  }
  
  .sec_farming_cont6 .data_bxs{
    flex-direction: column;
  }
  .sec_farming_cont6 .data_bxs .data_bx{
    padding: 16px 0;
  }
}

@media all and (max-width: 360px){
  .sec_farming_cont7 .arti1 .list_wrap{
    justify-content: flex-start;
  }
}
