main{
  width: 100%;
  display: flex;
  flex-direction: column;
}

section{
  width: 100%;
  display: flex;
}

.content_box{
  position: relative;
  width: 100%;
  display: flex;
}

.contents_btn_box{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background: var(--green-1000);
  transition: var(--slow-transition);
  cursor: pointer;
}

.contents_btn_text{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-m);
  font-weight: var(--medium);
  color: var(--green-100);
  padding: 8px 24px;
  transition: var(--slow-transition);
  text-align: center;
  word-break: keep-all;
}

.contents_btn_box:hover{
  background: var(--bg-dark-green);
}

.contents_btn_box:hover .contents_btn_text{
  color: var(--green-1000);
}




/* 텍스트 */
.point_title_box{
  display: inline-flex;
  align-items: center;
}

.point_title{
  font-size: var(--H3);
  font-family: var(--Aggro);
  font-weight: var(--medium);
  color: var(--black);
}

.point_title_bullet{
  position: relative;
}

.point_title_bullet::after{
  position: absolute;
  right: -12px;
  top: 0;
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 100px;
  background: var(--primary-color);
}

.title1{font-size: var(--H1); font-weight: var(--T-black); color: var(--gray-900);} /* 96px */
.title2{font-size: var(--H2); color: var(--black); font-weight: var(--bold);} /* 64px */
.title3{font-size: var(--H3); color: var(--black); font-weight: var(--bold);} /* 48px */
.title4{font-size: var(--H4); color: var(--black); font-weight: var(--bold);} /* 36px */
.title_32{font-size: 32px; color: var(--gray-900); font-weight: var(--bold);} /* 32px */
.title5{font-size: var(--H5); color: var(--gray-900); font-weight: var(--bold);} /* 24px */
.title6{font-size: var(--H6); color: var(--gray-900); font-weight: var(--bold);} /* 20px */
.sub_title1{font-size: var(--Subtitle-1); color: var(--gray-900); font-weight: var(--bold);} /* 18px */
.sub_title2{font-size: var(--Subtitle-2); color: var(--gray-900); font-weight: var(--bold);} /* 16px */



/* 텍스트 */
.black_bltitle{font-weight: 900; color: #1B1D1F; }
.black_btitle{font-weight: 700; color: #1B1D1F; }
.black_mtitle{font-weight: 500; color: #1B1D1F; }
.black_rtitle{font-weight: 400; color: #1B1D1F; }
.white_nbltitle{font-weight: 900; color: #fff;}
.white_nbtitle{font-weight: 700; color: #fff; line-height: 160%;}
.white_nmtitle{font-weight: 500; color: #fff;}
.white_nrtitle{font-weight: 400; color: #fff;}

.title_64{font-size: 64px;}
.title_48{font-size: 48px;}
.title_36{font-size: 36px;}
.title_24{font-size: 24px;}
.title_22{font-size: 22px;}
.title_20{font-size: 20px;}
.title_18{font-size: 18px;}
.title_16{font-size: 16px;}
.title_14{font-size: 14px;}


.neutral_xxxl{
  font-size: var(--font-size-xxxl); /* 24px */
  font-weight: var(--bold);
  color: var(--bg-dark-green);
}

.primary_xxxl{
  font-size: var(--font-size-xxxl); /* 24px */
  font-weight: var(--bold);
  color: var(--primary-color);
}

.primary_xxl{
  font-size: var(--font-size-xxl); /* 22px */
  font-weight: var(--bold);
  color: var(--primary-color);
}

.primary_xl{
  font-size: var(--font-size-xl); /* 20px */
  font-weight: var(--bold);
  color: var(--primary-color);
}

.primary_m{
  font-size: var(--font-size-m); /* 16px */
  font-weight: var(--bold);
  color: var(--primary-color);
}

.white_btitle{
  font-size: var(--H2); /* 64px */
  font-weight: var(--bold);
  color: var(--white);
}

.white_title3{
  font-size: var(--H3); /* 48px */
  font-weight: var(--bold);
  color: var(--white);
}

.white_title4{
  font-size: var(--H4); /* 36px */
  font-weight: var(--bold);
  color: var(--white);
}

.white_title5{
  font-size: var(--H5); /* 24px */
  font-weight: var(--bold);
  color: var(--white);
}

.white_basic_ltext{
  font-size: var(--font-size-xl); /* 20px */
  font-weight: var(--medium);
  color: var(--white);
}

.white_basic_mtext{
  font-size: var(--font-size-x); /* 18px */
  font-weight: var(--medium);
  color: var(--white);
}

.white_basic_text{
  font-size: var(--font-size-m); /* 16px */
  font-weight: var(--medium);
  color: var(--white);
}

.white_basic_stext{
  font-size: var(--font-size-s); /* 14px */
  font-weight: var(--medium);
  color: var(--white);
}

.basic_text{
  font-size: var(--font-size-m);
  font-weight: var(--medium);
  color: var(--black);
}

.basic_stext{
  font-size: var(--font-size-m);
  font-weight: var(--regular);
  color: var(--gray-900);
}

.account_text{
  font-size: var(--font-size-m);
  font-weight: var(--medium);
  color: var(--gray-200);
}

.info_text{
  font-size: var(--font-size-m);
  font-weight: var(--regular);
  color: var(--gray-600);
  line-height: var(--line_high160);
}

.aggro_title{
  font-size: var(--H3);
  font-weight: var(--medium);
  font-family: var(--Aggro);
  color: var(--gray-900);
}


.gray_ltitle{
  font-size: var(--font-size-xl);
  font-weight: var(--bold);
  color: var(--gray-400);
}

.gray_mtitle{
  font-size: var(--font-size-x);
  font-weight: var(--bold);
  color: var(--gray-400);
}

.gray_title{
  font-size: var(--font-size-m);
  font-weight: var(--bold);
  color: var(--gray-400);
}

.gray_sitle{
  font-size: var(--font-size-s);
  font-weight: var(--bold);
  color: var(--gray-400);
}

.btext_16{
  font-size: 16px;
  font-weight: var(--bold);
  color: var(--gray-900);
}
.gtext_16{
  font-size: 16px;
  font-weight: var(--medium);
  color: var(--gray-600);
  line-height: 160%;
}
.gtext_r16{
  font-size: 16px;
  font-weight: var(--regular);
  color: var(--gray-600);
  line-height: 160%;
}

/* 어두운 색상 */
.green_bg{
  background: var(--primary-color);
}
.yellow_bg{
  background: var(--secondary-color);
}
.green_text{
  color: var(--primary-color);
}
.yellow_text{
  color: var(--secondary-color);
}
.dark_green_text{
  color: var(--green-1000);
}
.dark_yellow_text{
  color: var(--yellow-1000);
}
.dark_green_bg{
  background: var(--green-1000);
}
.dark_yellow_bg{
  background: var(--yellow-1000);
}



/* swiper 페이징/화살표 */
.slider_control{
  border-radius: 1000px;
  border: 1px solid var(--gray-100);
  background: var(--gray-50);
  display: inline-flex;
  align-items: center;
  padding: 0 20px 0 25px;
  min-width: 155px;
}

.slider_nav{
  display: flex;
  align-items: center;
}

.slider_nav button{
  background: none;
  border: none;
}

.slider_next,.slider_prev{
  padding: 18px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.slider_prev_parrow{
 width: 12px;
 height: 12px;
 border-top: 2px solid var(--black);
 border-right: 2px solid var(--black);
 transform: rotate(-135deg); 
}

.slider_prev_narrow{
  width: 12px;
  height: 12px;
  border-top: 2px solid var(--black);
  border-right: 2px solid var(--black);
  transform: rotate(45deg); 
 }

.slider_fraction {
  font-size: var(--font-size-m);
  font-weight: var(--medium);
  color: var(--gray-400) !important;
}

.slider_fraction .swiper-pagination-current {
  font-size: var(--font-size-m);
  font-weight: var(--bold);
  color: var(--black);
}

.slider_fraction .swiper-pagination-total {
  font-weight: var(--medium);
  color: var(--gray-400)
}

.swiper-pagination-fraction {
  min-width: 45px !important;
}


/* all_view_more_box */
.all_view_more_box{
  display: flex;
  align-items: center;
}

.all_view_more_box a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.all_view_more_box .circle_arrow {
  transition: var(--slow-transition);
}

.all_view_more_box:hover .circle_arrow {
  transform: rotate(405deg);
}






/* 목록 버튼 */
.btn_box{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn_ul{
  display: flex;
  align-items: center;
  gap: 8px;
}

.btn_list{
  height: 100%;
  max-height: 36px;
  background: var(--gray-100);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--basic-transition)
}

.btn_list.disables{
display: none;
}

.btn_list.on{
background: var(--primary-color);
}

.btn_list.on .btn_text{
color: var(--white);
}

.btn_list a{
width: 100%;
height: 100%;
display: flex;
align-items: center;
height: fit-content;
text-align: center;
padding: 8px 16px;
}

.btn_text{
font-size: var(--font-size-s);
font-weight: var(--medium);
color: var(--gray-600);
transition: var(--basic-transition)
}

.btn_list:hover{
background: var(--primary-color);
}

.btn_list:hover .btn_text{
color: var(--white);
}



/* 동그라미 화살표 */
.more_btn_l{
  background: var(--black);
  min-width: 24px;
  height: 24px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.more_btn_l .circle_arrow{
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--white);
  border-right: 2px solid var(--white);
  transform: rotate(45deg) translate(-1px, 1px);
}

.more_btn_s{
  background: var(--gray-400);
  min-width: 18px;
  height: 18px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.more_btn_s .circle_arrow{
  width: 6px;
  height: 6px;
  border-top: 2px solid var(--white);
  border-right: 2px solid var(--white);
  transform: rotate(45deg) translate(-1px, 1px);
}


/* close_btn */
.close_btn{
  width: 40px;
  height: 40px;
  border-radius: 1000px;
  background: var(--gray-100);
  position: absolute;
  right: 20px;
  top: 20px;
  transition: var(--point-transition);
  cursor: pointer;
}

.close_btn:hover{
  background: var(--secondary-color);
  transform: rotate(360deg);
}

.close_line1{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 18px;
  height: 2px;
  background: var(--gray-900);
}

.close_line2{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(135deg);
  width: 18px;
  height: 2px;
  background: var(--gray-900);
}



/* 불렛 */
.point_bullet_ul{
  display: flex;
  align-items: center;
  gap: 8px;
}
.point_bullet_list{
  border-radius: 100px;
  width: 12px;
  height: 12px;
}
.point_bullet_list_darkgreen{
  background: var(--green-900);
}
.point_bullet_list_green{
  background: var(--green-400);
}
.point_bullet_list_yellow{
  background: var(--yellow-600);
}



/* select_up_box */
.select_up_box {
  position: relative;
}

.select_up_btn {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.select_up_btn:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-25%) rotate(-45deg);
  transform-origin: center;
  transition: var(--slow-transition);
}

.select_up_btn.on:after {
  transform: translateY(-70%) rotate(135deg);
  transform-origin: center;
}

.select_up_list_box {
  position: absolute;
  right: 0;
  width: 100%;
  overflow-y: scroll;
  transition: var(--slow-transition);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
}

.select_up_list_box.on {
  visibility: visible;
  opacity: 1;
  pointer-events: unset;
}

.select_up_ul {
  padding: 0 20px;
}

.select_up_list {
}

.select_up_list a {
  display: block;
  transition: var(--slow-transition)
}

.select_up_list a span {
}

/* 스크롤 바 전체 */
.select_up_list_box::-webkit-scrollbar {
  width: 0px;
  /* 세로 스크롤 바의 너비 */
  height: 10px;
  /* 가로 스크롤 바의 높이 */
}

/* 스크롤 바 트랙 (배경) */
.select_up_list_box::-webkit-scrollbar-track {
  background: none;
}

/* 스크롤 바 핸들 (움직이는 부분) */
.select_up_list_box::-webkit-scrollbar-thumb {
  background: var(--gray-400);
  border-radius: 10px;
}






#food_bulid_wrap{
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  width: 110%;
}

#food_bulid_wrap svg {
  width: 100%;
  height: auto;
}

#food_bulid_wrap path, #food_bulid_wrap .st0 {
  stroke: rgb(197, 197, 197); /* 라인 색상 */
  stroke-width: 0.7; /* 라인 두께 */
  fill: none; /* 채우기 제거 */
  stroke-dasharray: 1000; /* 라인의 총 길이보다 큰 값 */
  stroke-dashoffset: 1000; /* 라인 숨김 상태 */
  animation: draw 7s ease forwards; /* 애니메이션 */
  stroke-miterlimit:10;
}

#food_bulid_wrap svg polyline{
  animation: draw 2s ease forwards !important; 
}

@keyframes draw {
  from {
    stroke-dashoffset: 1000; /* 숨겨진 상태 */
  }
  to {
    stroke-dashoffset: 0; /* 전체 라인 표시 */
  }
}

.main_top_ul{
  width: 100%;
  display: flex;
  padding: 96px 0;
}

/* input */
.main_top_ul input{
  border: none;
  outline: 0;
  width: 100%;
  height: var(--input_high);
  display: flex;
  align-items: center;
  font-size: var(--font-size-m);
  font-weight: var(--regular);
  color: var(--gray-900);
}

.main_top_ul .input_box{
  width: 100%;
  display: flex;
  align-items: center;
}

.main_top_ul input::placeholder{
  font-size: var(--font-size-m);
  font-weight: var(--regular);
  color: var(--gray-600);
}

/* button */
button{
  border: none;
}

.main_top_list{
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.local_food_text_img{
  max-width: 380px;
  width: 100%;
  object-fit: contain;
}

.top_info_zone_box{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.top_info_zone_box .input_box{
  width: 100%;
  display: flex;
  align-items: center; 
  border-bottom: 4px solid var(--black);
  flex-direction: row;
  gap: unset;
  position: inherit;
}

.top_info_zone_box input{
  font-size: var(--font-size-xxxl) !important;
  font-weight: var(--regular) !important;
  color: var(--gray-900) !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  transition: 0s !important;
  outline: 0;
  width: 100%;
  height: var(--input_high);
  display: flex;
  align-items: center;
}

.top_info_zone_box input:focus {
  background: none !important;
  border: 0px solid #3DBF5A !important;
  color: unset !important;
}

.top_info_zone_box input:focus::placeholder {
  font-weight: unset !important;
  color: var(--gray-600) !important;
}


.top_info_zone_box input::placeholder{
  font-size: var(--font-size-xxxl);
  font-weight: var(--regular);
  color: var(--gray-600);
}

.top_info_zone_box .search_btn{
  width: 52px;
  aspect-ratio: 1 / 1;
  cursor: pointer;
  background: none;
}

.main_notice_box {
  width: 100%;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.main_notice_title_box {
  width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gray-900);
  border-radius: 8px;
}

.main_notice_title {
  color: var(--white);
  font-size: var(--font-size-m);
  font-weight: var(--T-black);
  padding: 8px 0;
}

.notice_swiper_box {
  width: 100%;
  height: 35px !important;
  display: flex !important;
}

.notice_swiper{
  width: 100%;
  height: 100% !important;
  display: flex !important;
}

.notice_swiper .swiper-wrapper{
  width: 100%;
  height: 100% !important;
  display: flex !important;
}

.notice_swiper .swiper-slide {
  width: 100%;
  height: 100% !important;
  display: flex !important;
  align-items: center;
  padding: 0 15px;
}

.notice_swiper .swiper-slide a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.main_notice_text{
  font-size: var(--font-size-xxxl);
  font-weight: var(--bold);
  color: var(--gray-900);
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.swiper_arrow_box {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.notice-button-prev,
.notice-button-next {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

.up_arrow{
  width: 12px;
  height: 12px;
  border-top: 3px solid var(--black);
  border-right: 3px solid var(--black);
  transform: rotate(-45deg);
}

.down_arrow{
  width: 12px;
  height: 12px;
  border-bottom: 3px solid var(--black);
  border-right: 3px solid var(--black);
  transform: rotate(45deg);
}

.farming_direct_ul{
  width: 100%;
  display: flex;
  gap: 20px;
  margin-top: 40px;
}

.farming_direct_list{
  width: 100%;
  max-height: 170px;
  display: flex;
  border-radius: 20px;
  transition: var(--slow-transition);
  overflow: hidden;
}

.farming_direct_list:hover .farming_title{
  transform: translateX(8px);
}

.direct_url_text_box .circle_arrow{
  transition: var(--slow-transition);
}

.farming_direct_list:hover .direct_url_text_box .circle_arrow{
  transform: rotate(405deg);
}

.farming_direct_list.green_bg:hover{
  box-shadow: 5px 5px 20px var(--green-300);
}
.farming_direct_list.yellow_bg:hover{
  box-shadow: 5px 5px 20px var(--yellow-400);
}

.farming_direct_list.green_bg{
  background-image: url(/site/basic/img/study_human.png);
  background-repeat: no-repeat;
  background-position: right 32px bottom;
  background-size: 86px;
}

.farming_direct_list.yellow_bg{
  background-image: url(/site/basic/img/fruit_basket.png);
  background-repeat: no-repeat;
  background-position: right 32px top 50%;
  background-size: 74px;
}

.farming_direct_list a{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 35px 28px;
  gap: 20px;
}

.farming_title{
  font-size: var(--font-size-xl);
  font-family: var(--Aggro);
  color: var(--white);
  line-height: var(--line_high140);
  transition: var(--slow-transition);
}

.direct_url_text_box{
  width: 100%;
  display: flex;
  align-items: center;
}

.direct_go_text{
  font-size: var(--font-size-s);
  font-weight: var(--bold);
}

.business_box{
  width: 100%;
  display: flex;
  border-radius: 200px 200px 0 0;
  background-color: #123B1D;
  background-image: url(/site/basic/img/logo_green_background.png);
  background-repeat: no-repeat;
  background-position: top;
  position: relative;
  padding-top: 80px;
  z-index: 0;
  overflow: hidden;
}

.business_box::after{
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(#349e2400 60%, var(--bg-dark-green) 110%);
  opacity: 0.5;
}

.business_title_box{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.business_title{
  font-size: var(--H2);
  font-weight: var(--bold);
  color: var(--white);
  text-decoration: underline;
  line-height: var(--line_high140);
  text-align: right;
  position: relative;
}

.business_title .green_text{
  color: var(--primary-color);
  text-decoration: underline;
}
.business_title .yellow_text{
  color: var(--secondary-color);
  text-decoration: underline;
}

.business_ul {
  width: 100%;
  display: flex;
  gap: 20px;
  margin-top: 80px;
  position: relative;
  z-index: 1;
}

.business_list {
  width: 100%;
  display: flex;
  position: relative;
}

.business_list.swiper-slide{
  flex-shrink: 1;
}

.business_list a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 0 160px 0;
  position: relative;
}

.business_text_box{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.business_list_bg{
  position: absolute;
  left: 0;
  top: 90%;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 60px 60px 0 0;
  overflow: hidden;
  transition: var(--point-transition);
}

.business_bg_img{
  width: 100%;
  height: 100%;
  object-fit: none;
  opacity: 0.7;
  transition: var(--point-transition);
}

.business_list.on .business_list_bg{
  top: 0%;
}

.business_list.on .contents_btn_box{
  background: var(--bg-dark-green);
}

.business_list.on .contents_btn_text{
  color: var(--green-1000);
}

.turn_text{
  font-size: var(--font-size-xl);
  font-weight: var(--medium);
  font-family: var(--Aggro);
  color: var(--green-800);
  transition: var(--basic-transition);
}

.business_list.on .turn_text{
  color: var(--green-400);
}

.business_list.on .business_bg_img{
  opacity: 0.5;
}

.infinite_box {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.infinite_text_box {
  display: flex;
  align-items: center;
  background: var(--white);
  transition: 1s ease;
}

.infinite_text {
  font-size: 200px;
  font-weight: var(--T-black);
  white-space: nowrap;
  transform: translateX(20%);
  padding: 150px 0;
}

.infinite_text .line_text{
  color: transparent; /* 텍스트 색상을 투명하게 설정 */
  -webkit-text-stroke: 2px var(--black); /* 외곽선 설정 */
  text-shadow: none; /* 추가 외곽선 제거 */
  position: relative;
}

.infinite_text .line_text.apple::after{
  position: absolute;
  display: block;
  content: url(/site/basic/img/apple.png);
  left: -15%;
  top: -50%;
}
.infinite_text .line_text.egg::after{
  position: absolute;
  display: block;
  content: url(/site/basic/img/egg.png);
  left: -15%;
  bottom: -35%;
}
.infinite_text .line_text.cheese::after{
  position: absolute;
  display: block;
  content: url(/site/basic/img/cheese.png);
  left: -30%;
  top: -50%;
}

.school_box{
  width: 100%;
  display: flex;
  padding-top: 80px;
  position: relative;
  background-color: #000;
  background-image: url(/site/basic/img/school_arrow_bg.png);
  background-repeat: no-repeat;
  background-position: right 5vw bottom;
  background-size: 990px;
}

.school_box::before{
  position: absolute;
  width: 220px;
  left: 5vw;
  bottom: -5px;
  content: url(/site/basic/img/food_human.png);
}

.school_box::after{
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to top,#349e2400 60%, var(--bg-dark-green) 110%);
  opacity: 0.5;
  z-index: 0;
}

.school_title_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 5;
}

.school_box .inner{
  display: flex;
  flex-direction: column;
}

.school_rolling_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.school_rolling_box{
  display: flex  ;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 80;
}

.school_title_box .white_ltitle{
  text-align: center;
  line-height: var(--line_high140);
}

.school_title_box .white_title4{
  text-align: center;
}

.school_count_text{
  font-size: 40px;
  font-weight: var(--bold);
  color: var(--gray-400);
  display: flex;
  align-items: center;
  margin-top: 50px;
}

.school_total_text{
  color: var(--bg-dark-green);
}

.school_big_num_text{
  font-size: var(--H1);
  color: var(--white);
  margin: 0 8px;
}

.public_big_num_text {
  font-size: var(--H1);
  color: var(--white);
  margin: 0 8px;
}

.school_count_ul {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  gap: 20px;
  position: relative;
  z-index: 5;
  margin-top: 80px;
}

.school_count_list{
  width: 100%;
  aspect-ratio: 1 /1;
  border-radius: 20px 20px 0 0;
  border: 1px solid var(--gray-600);
  background: #1b1d1fab;
  backdrop-filter: blur(5px);
  transition: var(--point-transition);
}

.school_count_list:hover{
  background: #1b521b6c;
}

.school_count_list a{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 20px;
}

.two_piece{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.two_piece_ul{
  width: 100%;
  display: flex;
  gap: 40px;
}

.tpu_boder{
  border-bottom: 4px solid var(--black);
  padding: 30px 0;
}

.two_piece_list{
  min-width: calc(50% - 30px);
  width: 100%;
  display: flex;
  flex-direction: column;
}

.two_piece_title_box{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.two_piece_title_box .title5{
  line-height: var(--line_high140);
}

/* column_info_box */
.column_info_box{
  width: 100%;
}

.column_info_box{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.column_info_a{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.column_info_img_box{
  width: 100%;
  height: 380px;
  aspect-ratio: 2 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  overflow: hidden;
}

.column_info_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--slow-transition);
}

.column_info_a:hover .column_info_img{
  transform: scale(1.1);
}

.column_text_box .title5{
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.column_text_box .info_text{
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* cross_info_box */
.cross_info_box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}

.cross_info_ul{
  width: 100%;
  /*height: 380px;*/
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cross_info_list{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.cross_info_a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 30px;
}

.cross_info_img_box{
  width: 50%;
  height: 100%;
  /* aspect-ratio: 2 / 1; */
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cross_info_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--slow-transition);
}

.cross_info_list:hover .cross_info_img{
  transform: scale(1.1);
}

.cross_info_text_box{
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cross_info_box .title5{
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: var(--line_high140);
}

.main_job_post_box{
  width: 100%;
  border-radius: 20px;
  display: flex;
  background-color: var(--green-500);
  background-image: url(/site/basic/img/job_human.png);
  background-repeat: no-repeat;
  background-position: right 10% bottom;
  background-size: 178px;
  transition: var(--slow-transition);
}

.main_job_post_box:hover{
  box-shadow: 5px 5px 20px var(--green-300);
  background-size: 168px;
}

.main_job_post_box a{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 34px;
}

.main_job_post_kate_text{
  font-size: var(--font-size-xl);
  font-weight: var(--bold);
  color: var(--yellow-200);
}

.main_job_post_box .white_basic_text{
  font-weight: var(--regular);
}

.main_job_post_box .white_title5{
  width: 60%;
  word-break: keep-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: var(--line_high140);
  transition: var(--slow-transition);
}

.main_job_post_box:hover .white_title5{
  transform: translateX(8px);
}

.main_introduction_box{
  width: 95%;
  margin: 0 auto;
  border-radius: 100px;
  display: flex;
  align-items: center;
  padding: 100px 50px;
  background-color: var(--gray-50);
  background-image: url(/site/basic/img/bulid.png);
  background-repeat: no-repeat;
  background-position: right 15% bottom;
  background-size: 580px;
  position: relative;
}

.main_introduction_box::after{
  display: block;
  position: absolute;
  content: "INTRODUCTION";
  font-size: var(--font-size-xxxl);
  font-weight: var(--medium);
  color: var(--gray-200);
  transform: rotate(90deg);
  transform-origin: center;
  left: -40px;
  top: 50%;
}

.main_introduction_logo_box{
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.introduction_logo_img{
  object-fit: contain;
}

.main_introduction_ul{
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
  transform: translateY(-50px);
}

.main_introduction_list{
  display: flex;
}

.main_introduction_list a{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main_introduction_icon_box{
  width: 100px;
  aspect-ratio: 1 / 1;
  background: var(--white);
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--slow-transition);
}

.introduction_icon_img{
  object-fit: contain;
  transition: var(--point-transition);
}

.main_introduction_list:hover .main_introduction_icon_box{
  box-shadow: 0 0 30px var(--bg-dark-green);
}

.main_introduction_list:hover .introduction_icon_img{
  transform: scale(0.8);
}

.main_introduction_list .title5{
  transition: var(--point-transition);
}

.main_introduction_list:hover .title5{
  transform: translateX(8px);
}

.main_sns_box{
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 90px;
  margin-top: 20px;
}

.link_direct_ul{
  width: 100%;
  max-width: 270px;
  display: flex;
  flex-direction: column;
}

.link_direct_list{
  border-bottom: 1px solid var(--black);
  width: 100%;
  display: flex;
  align-items: center;
}

.link_direct_list a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 0;
}

.link_title_box{
  display: flex;
  align-items: center;
}

.link_direct_list .circle_arrow {
  transition: var(--slow-transition);
}
.link_direct_list:hover .circle_arrow {
  transform: rotate(405deg);
}

.link_direct_list .title6 {
  transition: var(--point-transition);
}
.link_direct_list:hover .title6 {
  transform: translateX(8px);
}

.link_direct_list .more_btn_l {
  transition: var(--slow-transition);
}
.link_direct_list.naver_color:hover .more_btn_l {
  background: var(--naver_color)
}
.link_direct_list.youtube_color:hover .more_btn_l {
  background: var(--youtube_color)
}
.link_direct_list.instargram_color:hover .more_btn_l {
  background: var(--instargram_color)
}

.link_con_direct_ul{
  width: 100%;
  display: flex;
  gap: 20px;
}

.link_con_direct_list{
  width: 100%;
  display: flex;
}

.link_con_direct_list a{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.link_con_direct_img_box{
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  width: 100%;
}

.sns_con_bg_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--slow-transition);
}

.link_con_direct_list:hover .sns_con_bg_img{
  transform: scale(1.1);
}

.link_con_direct_text_box{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.sns_icon_title_box{
  width: 100%;
  display: flex;
  align-items: center;
}

.link_con_direct_text_box.naver_color .sub_title2 {
  color: var(--naver_color)
}
.link_con_direct_text_box.youtube_color .sub_title2 {
  color: var(--youtube_color)
}
.link_con_direct_text_box.instargram_color .sub_title2 {
  color: var(--instargram_color)
}

.link_con_direct_text_box .basic_text{
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.partner_slider_box{
  width: 100%;
  display: flex;
  align-items: flex-end;
  gap: 80px;
}

.partner_slider_title_box{

}

.partner_slider_title_box .title4{
  white-space: nowrap;
}

.partner_slider_swiper .swiper-slide{
  height: 65px;
  background: var(--white);
  border: 1px solid var(--gray-100);
  border-radius: 8px;
  display: flex;
}

.partner_slider_swiper .swiper-slide a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.partner_logo_img{
  object-fit: contain;
}









/* 공통 css 반응형 */
@media(max-width : 1900px){
}

@media(max-width : 1800px){
}

@media(max-width : 1700px){
}

@media(max-width : 1600px){
  .content_box.mar_t100{margin-top: 80px;}
  .title3 {font-size: 42px}
  .white_btitle {font-size: 56px;}
}

@media(max-width : 1400px){
  .step_t150 {margin-top: 130px;}
  .step_t120 {margin-top: 100px;}
  .point_bullet_list {width: 10px; height: 10px;}
  .white_title3 {font-size: var(--H4);}
  .white_title4 {font-size: 32px;}
  .white_title5 {font-size: var(--H6);}
  .title5 {font-size: var(--H6);}
  .neutral_xxxl {font-size: var(--font-size-xxl);}
  .primary_xl {font-size: var(--font-size-l);}
  .white_btitle {font-size: var(--H3);}
}

@media(max-width : 1200px){
  .title2 {font-size: var(--H3);}
  .title3 {font-size: var(--H4);}
  .title4 {font-size: 30px;}
  .title_32 {font-size: 26px;}
}

@media(max-width : 1000px){
  .step_t150 {margin-top: 110px;}
  .step_t120 {margin-top: 80px;}
  .content_box.mar_t100{margin-top: 60px;}
  .white_title3 {font-size: var(--H5);}
  .point_title {font-size: 42px;}
  .white_btitle {font-size: 42px;}
  .white_title4 {font-size: 28px;}
}

@media(max-width : 800px){
  .step_t150 {margin-top: 100px;}
  .white_title4 {font-size: var(--H5);}
  .title3 {font-size: 32px;}
  .title4 {font-size: var(--H5);}
  .neutral_xxxl {font-size: var(--font-size-xl);}
  .title_32 {font-size: 22px;}
  .white_btitle {font-size: var(--H4);}
  .info_text{font-size: 15px;}
}

@media(max-width : 600px){
  .step_t150 {margin-top: 80px;}
  .step_t120 {margin-top: 64px;}
  .white_title4 {font-size: var(--H6);}
  .title2 {font-size: var(--H4);}
  .title3 {font-size: 28px;}
  .neutral_xxxl {font-size: var(--font-size-l);}
  .primary_xl {font-size: var(--font-size-m);}
  .point_title {font-size: var(--H4);}
  .white_btitle {font-size: 22px;}
}

@media(max-width : 500px){
}

@media(max-width : 400px){
  .step_t150 {margin-top: 64px;}
  .white_btitle {font-size: 32px;}
}

@media(max-width : 300px){
}












/* 메인 반응형 */

@media(max-width : 1700px){
  .business_box {border-radius: 100px 100px 0 0;}
}

@media(max-width : 1600px){
  #food_bulid_wrap {top:4vh; width: 1700px;}
  .business_text_img{max-width: 500px; width: 100%; object-fit: contain;}
  .business_box {border-radius: 70px 70px 0 0; padding-top: 65px;}
  .infinite_text {font-size: 184px; padding: 130px 0;}
  .infinite_text .line_text.cheese::after, .infinite_text .line_text.egg::after, .infinite_text .line_text.apple::after
   {transform: scale(0.9);}
  .introduction_logo_img {width: 280px;}
  .main_introduction_logo_box .title4{font-size: 32px;}
  .main_introduction_box {border-radius: 70px; background-position: right 12% bottom; background-size: 530px;}
  .main_introduction_box::after {font-size: var(--font-size-xl);}
}

@media(max-width : 1400px){
  #food_bulid_wrap {top:3vh; width: 1600px;}
  .farming_title {font-size: var(--font-size-l);}
  .farming_direct_ul {gap: 12px;}
  .farming_direct_list a {padding: 30px 22px;}
  .main_notice_text {font-size: var(--font-size-xl);}
  .top_info_zone_box input,.top_info_zone_box input::placeholder{font-size: var(--font-size-xl);}
  .farming_direct_list.green_bg {background-position: right 16px bottom;}
  .farming_direct_list.yellow_bg {background-position: right 24px top 50%;}
  .business_text_img{max-width: 400px;}
  .business_box {border-radius: 0px 0px 0 0;}
  .turn_text {font-size: var(--font-size-l);}
  .business_list a {padding: 70px 0 130px 0;}
  .infinite_text {font-size: 160px; padding: 120px 0;}
  .infinite_text .line_text.cheese::after, .infinite_text .line_text.egg::after, .infinite_text .line_text.apple::after
   {transform: scale(0.8);}
  .school_big_num_text, .public_big_num_text  {font-size: var(--H2);}
  .school_box::before {display: none;}
  .school_count_list .face_icon_img{width: 55px; object-fit: contain;}
  .main_job_post_kate_text {font-size: var(--font-size-l);}
  .column_info_img_box, .cross_info_ul {height: 340px;}
  .cross_info_img_box{aspect-ratio: 2 / 1;}
  .main_introduction_box {width: 100%; border-radius: 0px; background-position: right 12% bottom; background-size: 430px;}
  .introduction_logo_img {width: 230px;}
  .main_introduction_logo_box .title4{font-size: 27.2px;}
  .main_introduction_icon_box {width: 90px;}
  .introduction_icon_img {width: 70px;}
  .main_sns_box {gap: 70px;}
  .link_direct_ul {max-width: 240px;}
  .partner_slider_box {gap: 55px;}
}

@media(max-width : 1200px){
  #food_bulid_wrap {top:6vh; width: 1500px;}
  .local_food_text_img {max-width: 330px;}
  .main_top_ul{gap: 30px; padding: 76px 0 86px 0;}
  .main_top_list:nth-child(1){width: 40%;}
  .main_top_list:nth-child(2){width: 60%;}
  .business_title {font-size: var(--H3);}
  .business_text_img{max-width: 330px;}
  .business_ul {gap: 30px;}
  .business_list a {padding: 55px 0 80px 0;}
  .infinite_text {font-size: 136px; padding: 110px 0;}
  .infinite_text .line_text.cheese::after, .infinite_text .line_text.egg::after, .infinite_text .line_text.apple::after
   {transform: scale(0.7);}
  .infinite_text .line_text.egg::after {bottom: -45%;}
  .infinite_text .line_text.cheese::after {left: -45%; top: -45%;}
  .infinite_text .line_text.apple::after {left: -20%; top: -40%;}
  .introduction_logo_img {width: 180px;}
  .main_introduction_logo_box .title4{font-size: 24px;}
  .introduction_icon_img {width: 64px;}
  .main_introduction_ul {gap: 40px;}
  .link_direct_list .title6 {font-size: 12px;}
  .main_sns_box {gap: 50px;}
  .link_direct_ul {max-width: 220px;}
  .partner_slider_box {flex-direction: column; align-items: normal; gap: 20px;}
  .partner_slider_title_box {display: flex; align-items: center; justify-content: space-between;}
  .partner_slider_title_box .slider_control{margin-top: 0;}
  .partner_slider_swiper{width: 100%;}
}

@media(max-width : 1000px){
  #food_bulid_wrap {top: auto; bottom: 50vh; width: 100%;}
  .main_top_ul {gap: 60px; flex-direction: column; padding: 66px 0 76px 0;}
  .local_food_text_img {max-width: 360px; margin-top: 25px;}
  .main_top_list{width: 100% !important;}
  .farming_direct_list.green_bg {background-position: right 32px bottom;}
  .farming_direct_list.yellow_bg {background-position: right 32px top 50%;}
  .business_text_img{max-width: 360px;}
  .business_list.swiper-slide{flex-shrink: 0;}
  .business_ul {gap: 0;}
  .business_list a {padding: 70px 0 90px 0;}
  .infinite_text {font-size: 104px; padding: 100px 0;}
  .infinite_text .line_text.cheese::after, .infinite_text .line_text.egg::after, .infinite_text .line_text.apple::after
   {transform: scale(0.6);}
  .infinite_text .line_text {-webkit-text-stroke: 1px var(--black);}
  .infinite_text .line_text.egg::after {left: -40%; bottom: -55%;}
  .school_rolling_wrap {flex-direction: row; justify-content: space-between; gap: 50px; align-items: flex-start; padding: 70px 0;}
  .school_rolling_box {width: 50%; position: sticky; top: 150px;}
  .school_count_ul {width: 50%; max-width: unset; flex-direction: column; margin-top: 0; align-items: center;}
  .school_count_text{margin-top: 0; flex-direction: column;}
  .school_count_list {width: 70%; aspect-ratio: 1 / 0.9; border-radius: 20px;}
  .school_box {background-position: right -30% bottom 50%; background-size: 1400px;}
  .two_piece_ul {flex-direction: column; gap: 20px; padding: 20px 0;}
  .secon_control{margin-top: 10px; gap: 56px;}
  .column_info_img_box {height: 270px;}
  .cross_info_ul {height: 100%;}
  .main_job_post_box{margin-top: 50px;}
  .main_job_post_box .white_title5 {width: 70%;}
  .main_job_post_box {background-size: 130px;}
  .main_job_post_box:hover {background-size: 140px;}
  .cross_info_img_box {aspect-ratio: unset; height: 200px;}
  .introduction_logo_img {width: 144px;}
  .main_introduction_box {padding: 40px 20px 140px 20px; flex-direction: column; background-position: center bottom;
    background-size: clamp(400px, 100%, 50%);}
  .main_introduction_ul {transform: translateY(0px);}
  .main_introduction_logo_box {width: 100%; flex-direction: column;}
  .main_introduction_logo_box .title4 {margin-top: 20px; text-align: center;}
  .main_introduction_box::after {top: 22%; font-size: var(--font-size-m); left: -30px;}
  .main_introduction_ul {margin-top: 60px;}
  .main_introduction_list .title5 {font-size: var(--font-size-m);}
  .main_sns_box {flex-direction: column; margin-top: 0; gap: 40px;}
  .link_direct_ul {max-width: 100%;}
  .link_direct_list a {padding: 20px 0;}
  .partner_slider_title_box .title4 {font-size: 28px;}
}

@media(max-width : 800px){
  .swiper-pagination-fraction.mar_r30 {margin-right: 20px;}
  .slider_next, .slider_prev {padding: 15px 5px;}
  .slider_control {padding: 0px 15px 0 20px; min-width: unset;}
  .farming_direct_list.green_bg {background-position: right 16px bottom;}
  .farming_direct_list.yellow_bg {background-position: right 24px top 50%;}
  .main_notice_text {font-size: var(--font-size-l);}
  .business_title_box {align-items: flex-start; flex-direction: column;}
  .business_title {text-align: left; margin-top: 40px;}
  .account_text {font-size: var(--font-size-s);}
  .main_top_ul {padding: 66px 0 70px 0;}
  .infinite_text {font-size: 80px; padding: 85px 0;}
  .infinite_text .line_text.cheese::after, .infinite_text .line_text.egg::after, .infinite_text .line_text.apple::after
   {transform: scale(0.5);}
  .infinite_text .line_text.cheese::after {left: -65%; top: -35%;}
  .infinite_text .line_text.egg::after {left: -50%; bottom: -75%;}
  .infinite_text .line_text.apple::after {left: -35%; top: -50%;}
  .school_box {padding-top: 70px;}
  .school_count_list {width: 100%; aspect-ratio: 1 / 0.7;}
  .school_count_text {font-size: 32px;}
  .column_info_img_box {height: 235px;}
  .cross_info_img_box {height: 170px; width: 40%;}
  .cross_info_text_box {width: 60%;}
  .revers_a{flex-direction: row-reverse;}
  .link_direct_list .title6 {font-size: var(--font-size-m);}
  .link_direct_list a {padding: 15px 0;}
}

@media(max-width : 600px){
  #food_bulid_wrap {top: 230px; bottom: 0; width: 120%;}
  #food_bulid_wrap path, #food_bulid_wrap .st0 {stroke-width: 1px;}
  .swiper-pagination-fraction.mar_r30 {margin-right: 10px;}
  .local_food_text_img {max-width: 350px; margin-top: 20px;}
  .main_notice_title {font-size: var(--font-size-s);}
  .main_notice_text {font-size: var(--font-size-m);}
  .notice_swiper .swiper-slide {padding: 0 15px 0 6px;}
  .farming_direct_ul {flex-direction: column;}
  .farming_direct_list.green_bg {background-position: right 32px bottom;}
  .farming_direct_list.yellow_bg {background-position: right 32px top 50%;}
  .main_top_list .title2.mar_t20{margin-top: 15px;}
  .business_text_img{max-width: 350px;}
  .business_title {font-size: var(--H4); margin-top: 30px;}
  .main_top_ul {padding: 60px 0;}
  .infinite_text {font-size: 72px; padding: 60px 0;}
  .infinite_text .line_text.apple::after {top: -55%;}
  .infinite_text .line_text.egg::after {left: -55%; bottom: -85%;}
  .infinite_text .line_text.cheese::after {left: -65%; top: -40%;}
  .school_count_text {flex-direction: column; margin-bottom: 20px;  text-align: center;}
  .school_big_num_text, .public_big_num_text  {margin: 4px 0; font-size: var(--H3);}
  .school_count_list {aspect-ratio: 1 / 0.8;}
  .school_count_list .face_icon_img{width: 45px;}
  .school_rolling_box {width: 40%;}
  .school_count_ul {width: 60%;}
  .column_info_img_box {height: 200px;}
  .cross_info_img_box {height: 130px;}
  .cross_info_a {gap: 16px;}
  .cross_info_box .title5 {font-size: var(--font-size-m); margin-top: 8px;}
  .column_text_box .info_text {font-size: var(--font-size-s);}
  .cross_info_text_box .info_text{margin-top: 5px; font-size: var(--font-size-s);}
  .main_job_post_kate_text {font-size: var(--font-size-m);}
  .main_job_post_box .white_title5 {font-size: var(--font-size-m);}
  .main_job_post_box .white_basic_text {font-size: var(--font-size-s);}
  .main_job_post_box {background-size: 100px;}
  .main_job_post_box:hover {background-size: 110px;}
  .main_job_post_box a {padding: 30px 20px;}
  .main_introduction_logo_box {align-items: flex-end;}
  .main_introduction_logo_box .title4 {text-align: right;}
  .link_con_direct_ul {gap: 50px; flex-direction: column;}
}

@media(max-width : 500px){
  .two_piece_ul {gap: 30px;}
  .two_piece_title_box {align-items: flex-start; flex-direction: column; gap: 10px;}
}

@media(max-width : 400px){
  #food_bulid_wrap path, #food_bulid_wrap .st0 {stroke-width: 1.5008px;}
  .farming_direct_list.green_bg {background-position: right 16px bottom;}
  .farming_direct_list.yellow_bg {background-position: right 24px top 50%;}
  .main_introduction_ul {width: 100%; gap: 20px;}
  .main_introduction_list {width: 100%;}
  .main_introduction_icon_box {width: 100%;}
  .main_introduction_box {background-size: 90%;}
  .link_con_direct_ul {gap: 40px;}
}


















/* 로그인 */
.login_wrap{
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(/site/basic/img/logo_back.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.login_box{
  width: 100%;
  aspect-ratio: 2 / 0.85;
  background: var(--white);
  border-radius: 48px;
  border: 10px solid var(--green-100);
  padding: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 70px;
}

.login_img_box{
  width: 100%;
  max-width: 500px;
  aspect-ratio: 1 / 1;
  border-radius: 36px;
  overflow: hidden;
}

.login_farm_img{
  width: 100%;
  object-fit: contain;
}

.login_sns_box{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.login_title_box{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.login_sns_ul{
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 40px;
}

.login_sns_list{
  width: 100%;
  max-width: 275px;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
}

.login_naver{
  background: var(--naver_color);
}

.login_kakao{
  background: var(--kakao_color);
}

.login_sns_list a{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
}

.login_sns_icon_img{
  width: 100%;
  max-width: 140px;
  object-fit: contain;
}

.login_sns_list:hover .login_sns_icon_img {
  transform-origin: center;
  animation: rote 0.3s forwards;
}

@keyframes rote{
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.login_sns_icon_text{
  font-size: var(--font-size-xl);
  font-weight: var(--bold);
  margin-top: 20px;
  text-align: center;
  word-break: keep-all;
}

.login_sns_naver_text{
  color: var(--white);
}

.login_sns_kakao_text{
  color: #371C1D;
}

.home_back_btn{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background: var(--green-1000);
  transition: var(--basic-transition);
}

.home_back_btn:hover{
  background: var(--bg-dark-green);
}

.home_back_btn a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 24px;
}

.home_back_text{
  font-size: var(--font-size-m);
  font-weight: var(--medium);
  color: var(--green-100);
  transition: var(--basic-transition);
}

.home_back_btn:hover .home_back_text{
  color: var(--green-1000);
}

.login_wrap .login_copy_text br{
  display: none;
}

.login_copy_text{
  font-size: var(--font-size-s);
  font-weight: var(--regular);
  color: var(--green-100);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
  text-align: center;
  word-break: keep-all;
}

/* 로그인 반응형 */
@media(max-width : 1900px){
}

@media(max-width : 1800px){
}

@media(max-width : 1700px){
}

@media(max-width : 1600px){
}

@media(max-width : 1400px){
  .login_img_box {max-width: 450px;}
  .login_sns_list {max-width: 230px;}
  .login_sns_icon_img {max-width: 120px;}
}

@media(max-width : 1200px){
  .login_img_box {max-width: 400px;}
  .login_sns_list {max-width: 200px;}
  .login_sns_icon_img {max-width: 100px;}
  .login_title_box .info_text {margin-top: 5px;}
  .login_sns_ul {margin-top: 30px; gap: 16px;}
  .login_sns_box .home_back_btn {margin-top: 40px;}
  .home_back_text {font-size: var(--font-size-s);}
}

@media(max-width : 1000px){
  .login_box {padding: 40px; gap: 40px;}
  .login_img_box {max-width: 330px;}
  .login_sns_list {max-width: 170px;}
  .login_sns_icon_img {max-width: 70px;}
  .login_sns_icon_text {font-size: var(--font-size-l); margin-top: 5px;}
  .login_sns_ul {margin-top: 24px;}
  .login_sns_box .home_back_btn {margin-top: 34px;}
}

@media(max-width : 800px){
  .login_box {aspect-ratio: unset; flex-direction: column;}
  .login_img_box {display: none;}
}

@media(max-width : 600px){
  .login_wrap .login_copy_text br{display: flex;}
  .login_sns_ul {flex-direction: column; align-items: center;}
  .login_sns_list {max-width: 100%; aspect-ratio: unset;}
  .login_sns_list a {padding: 10px 20px; flex-direction: row;}
  .login_sns_icon_img {max-width: 60px;}
  .login_sns_icon_text {margin-top: 0px;}
  .login_box {padding: 40px 20px;}
}

@media(max-width : 500px){
}

@media(max-width : 400px){
  .login_sns_icon_img {max-width: 50px;}
  .login_copy_text {display: none;}
}

@media(max-width : 300px){
}











/* 서브 */
.sub_content_wrap{
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: var(--header_high);
}

.sub_content_box{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.sub_gap{
  gap: 50px;
}

.sub_gap_64{
  gap: 64px;  
}

.sub_gap_130{
  gap: 130px;  
}



/* hero */
.hero_wrap{
  position: relative;
  width: 100%;
  display: flex;
  background: gray;
  padding: 150px 0 250px 0;
  background-image: url(/site/basic/img/sub_hero_bg01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 80;
}

.bg-재단소개 {
  background-image: url(/site/basic/img/sub_hero_bg01.png);
}

.bg-주요사업 {
  background-image: url(/site/basic/img/sub_hero_bg02.png);
}

.bg-농가교육 {
  background-image: url(/site/basic/img/sub_hero_bg03.png);
}

.bg-정보공개 {
  background-image: url(/site/basic/img/sub_hero_bg04.png);
}

.bg-홍보마당 {
  background-image: url(/site/basic/img/sub_hero_bg05.png);
}

.bg-알림마당 {
  background-image: url(/site/basic/img/sub_hero_bg06.png);
}

.bg-참여마당 {
  background-image: url(/site/basic/img/sub_hero_bg07.png);
}




.hero_wrap::after{
  width: 100%;
  height: 100%;
  display: flex;
  content: "";
  background: rgba(0,0,0,0.6);
  position: absolute;
  top: 0;
  left: 0;
}

.hero_title_box{
  position: relative;
  z-index: 85;
  text-align: center;
  word-break: keep-all;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hero_sub_title{
  font-size: var(--font-size-xxxl);
  font-weight: var(--medium);
  color: var(--yellow-100);
  letter-spacing: 2px;
}

.hero_nav_box{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  border-radius: 30px 30px 0 0;
  background: rgba(0,0,0,0.3);
  backdrop-filter: blur(10px);
  z-index: 85;
}

.hero_nav_ul{
  width: 100%;
  display: flex;
  align-items: center;
}

.hero_nav_list{
  width: 100%;
  display: flex;
  align-items: center;
  transition: var(--basic-transition);
}

.hero_nav_list.on{
  border-top: 4px solid var(--bg-dark-green);
}

.hero_nav_list a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
}

.hero_nav_text{
  font-size: var(--font-size-xl);
  font-weight: var(--bold);
  color: var(--white);
  transition: var(--basic-transition);
  text-align: center;
  word-break: keep-all;
}

.hero_nav_list:hover .hero_nav_text{
  color: var(--bg-dark-green);
}

.hero_nav_list.on .hero_nav_text{
  color: var(--bg-dark-green);
}


/* breadcrumb */
.breadcrumb_wrap{
  padding: 64px 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.breadcrumb_box{
  display: flex;
  align-items: center;
  gap: 26px;
}

.breadcrumb_ul{
  display: flex;
  align-items: center;
  gap: 8px;
}

.breadcrumb_list{
  display: flex;
  align-items: center;
  justify-content: center;
}

.breadcrumb_text{
  font-size: var(--font-size-m);
  font-weight: var(--bold);
  color: var(--gray-400);
}

.breadcrumb_list:last-child .breadcrumb_text{
  color: var(--gray-900);
}

.breadcrumb_util_ul{
  background: #F4F4F4;
  border-radius: 100px;
  display: flex;
  align-items: center;
}

.breadcrumb_util_list{
  display: flex;
  align-items: center;
  justify-content: center;
}

.breadcrumb_util_list a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.breadcrumb_util_list:first-child a{
  padding: 15px 10px 15px 20px;
}
.breadcrumb_util_list:last-child a{
  padding: 15px 20px 15px 10px;
}

.breadcrumb_util_img{
  width: 100%;
  max-width: 24px;
  object-fit: contain;
}


/* 인사말 */
.top_title_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.top_title_box .title3{
  line-height: var(--line_high140);
}

.greeting_top_introduce_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 50px;
  gap: 60px;
}

.greeting_top_introduce_img_box{
  background-color: var(--gray-100);
  border-radius: 32px;
  /* overflow: hidden; */
  background-image: url(/site/basic/img/half_logo.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 100%;
  height: 390px;
  display: flex;
  position: relative;
}

.greeting_mr_gang_img{
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 0 0 32px 0;
  width: 100%;
  max-width: 410px;
  object-fit: contain;
}

.greeting_top_introduce_text_box{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 50px;
}

.greeting_top_introduce_text_box .title4{
  width: 40%;
  line-height: var(--line_high140);
  word-break: keep-all;
}

.greeting_top_introduce_text_box .basic_stext{
  width: 60%;
  line-height: var(--line_high160);
}

.greeting_target_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  word-break: keep-all;
  text-align: center;
  gap: 24px;
}

.greeting_target_ul{
  width: 100%;
  display: flex;
  gap: 16px;
}

.greeting_target_list{
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  padding: 90px 50px;
  gap: 50px;
  background-color: var(--gray-50);
  background-image: url(/site/basic/img/small_gray_logo_bg.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}

.greeting_target_num_text{
  font-size: 40px;
  font-weight: var(--bold);
  color: var(--primary-color);
  font-family: var(--Aggro);
}

.greeting_target_info_text{
  font-size: var(--font-size-xl);
  font-weight: var(--medium);
  color: var(--gray-900);
  text-align: center;
  word-break: keep-all;
  line-height: var(--line_high140);
}

.greeting_final_box{
  width: 100%;
  margin-top: 50px;
  display: flex;
  align-items: center;
  gap: 100px;
  justify-content: space-between;
}

.greeting_final_text{
  font-size: var(--font-size-xl);
  font-weight: var(--regular);
  color: var(--gray-900);
  line-height: var(--line_high140);
}

.greeting_mr_gang_logo_img{
  width: 100%;
  max-width: 405px;
  object-fit: contain;
}

.food_trend_wrap{
  width: 100%;
  display: flex;
  padding-bottom: 64px;
  border-bottom: 2px solid var(--gray-900);
}

.food_trend_left_box{
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 250px;
  margin-right: 80px;
}

.food_trend_left_info_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: sticky;
  top: 150px;
}

.food_trend_left_day_ul{
  width: 100%;
  display: flex;
  gap: 10px;
}

.food_trend_left_day_list{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  min-height: 64px;
  padding: 0 20px;
  background: var(--primary-color);
}

.food_trend_left_day_list:first-child{
  background: var(--green-1000);
}

.food_trend_left_info_box .title5{
  line-height: var(--line_high140);
  word-break: keep-all;
}

.food_trend_left_info_box .board_util{
  margin-top: 30px;
}

.food_trend_right_box{
  border-left: 10px solid var(--gray-50);
  padding-left: 80px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.food_trend_step_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.food_trend_step_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.food_trend_step_list{
  border-radius: 8px;
  width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  background: var(--gray-50);
  transition: var(--basic-transition);
}

.food_trend_step_list:hover{
  background: var(--green-50);
  border: 1px solid var(--primary-color);
}

.food_trend_step_list a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 16px 24px;
}

.food_trend_step_list .division_text{
  font-size: 14px;
  white-space: nowrap;
  margin-top: 2px;
  letter-spacing: 0;
}

.food_trend_step_list:hover .division_text{
  color: var(--green-800);
}

.food_trend_step_list .basic_gray_text{
  line-height: var(--line_high140);
}

.food_trend_step_list:hover .basic_gray_text{
  color: var(--gray-900);
}

.none_item_box{
  background: var(--gray-200);
  border-radius: 9px;
  width: 100%;
  display: flex;
  align-items: center;
}

.none_item_box .basic_gray_text{
  padding: 16px 24px;
}

.item_info_box{
  width: 100%;
  background: var(--gray-50);
  border-radius: 20px;
  display: flex;
}

.item_info_box .basic_gray_text{
  font-weight: 400;
  padding: 24px;
  line-height: var(--line_high160);
}


/* CI 소개 */
.ci_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.top_logo_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.logo_box{
  border-radius: 16px;
  border: 2px solid var(--gray-200);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(0deg, transparent 39px, #bbbbbb38 39px, #bbbbbb38 40px), linear-gradient(90deg, transparent 39px, #bbbbbb38 39px, #bbbbbb38 40px);
  background-size: 40px 40px;
  background-position: center;
}

.big_logo_box{
  border-radius: 48px;
  border: 2px solid var(--primary-color);
  padding: 160px 40px;
}

.b_horizontal_ci_img{
  width: 100%;
  max-width: 584px;
  object-fit: contain;
}

.top_logo_info_ul{
  width: 100%;
  display: flex;
  gap: 40px;
  align-items: flex-start;
}

.top_logo_info_list{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.top_logo_info_list .green_text{
  font-weight: bold;
}

.ci_button_wrap .button_box{
  justify-content: flex-start;
}

.button_wrap.ci_button_wrap{
  margin-top: 30px;
}

.ci_button_wrap .button_list{
  max-width: 170px;
}

.ci_button_wrap .button_list:hover {
  background: var(--bg-dark-green);
}

.ci_step_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.ci_type_ul{
  width: 100%;
  display: flex;
  gap: 40px;
}

.ci_type_list{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
}

.ci_type_list .logo_box{
  padding: 40px;
  height: 240px;
}

.s_horizontal_ci_img{
  width: 100%;
  max-width: 428px;
  object-fit: contain;
}

.s_vertical_ci_img{
  width: 100%;
  max-width: 258px;
  object-fit: contain;
}

.ci_color_ul{
  width: 100%;
  display: flex;
  gap: 20px;
}

.ci_color_list{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.ci_color_circle_box{
  width: 100%;
  max-width: 220px;
  aspect-ratio: 1 / 1;
  border-radius: 1000px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.ci_green{
  background: #74BE5B;
}
.ci_dark_tea{
  background: #2E816C;
}
.ci_orange{
  background: #F5A051;
}
.ci_olive_green{
  background: #9C9D82;
}

.ci_color_code_box{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
}

.ci_color_code_title{
  font-size: 14px;
  font-weight: var(--bold);
  color: var(--gray-900);
}

.ci_color_code_ul{
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ci_color_code_list{
  display: flex;
  align-items: center;
}

.ci_color_code_text{
  font-size: 14px;
  font-weight: var(--regular);
  color: var(--gray-600);
}



/* 재단 연혁 */
.history_content{
  gap: 64px;
}

.history_wrap{
  background: #E8EBED;
  width: 100%;
  padding: 80px 0;
  border-radius: 80px 0 0 80px;
  position: relative;
}

.history_wrap::before{
  content: "";
  display: block;
  width: 320px;
  height: 320px;
  position: absolute;
  right: 58px;
  top: -183px;
  border-radius: 1000px;
  background: linear-gradient(to top,#3dbf5977, #ffb70080);
  z-index: -1;
  pointer-events: none;
}

.history_wrap::after{
  content: url(/site/basic/img/planting.png);
  position: absolute;
  right : 100px;
  top: -160px;
  pointer-events: none;
  transform-origin: bottom;
}

.history_box{
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 60px;
}

.history_left_box{
  padding-left: 48px;
  display: flex;
  position: sticky;
  top: 150px;
}

.history_year_ul{
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--gray-600);
  border-radius: 1000px;
  padding: 30px 0;
}

.history_year_list{
  display: flex;
  align-items: center;
  justify-content: center;
}

.history_year_text{
  font-size: 20px;
  font-weight: 700;
  color: var(--gray-400);
  cursor: pointer;
  padding: 10px 20px;
}

.history_year_list.on .history_year_text{
  color: var(--white);
}

.history_right_box{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.history_right_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 64px;
  position: relative;
}

.history_right_ul::after{
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 100px;
  top: 0;
  border-left: 2px dashed var(--gray-200);
  z-index: 0;
}

.history_right_list{
  width: 100%;
  border-radius: 80px 0 0 80px;
  padding: 64px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: var(--white);
  box-shadow: -20px 0 40px #00000017;
  position: relative;
  z-index: 1;
}

.history_info_ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 64px 24px;
  border-top: 2px solid #000;
  padding-top: 40px;
}

.history_info_list{
  width: 100%;
  max-width: calc(33.33% - 16px);
  gap: 16px;
  display: flex;
  flex-direction: column;
}

.history_info_circle{
  width: 50px;
  aspect-ratio: 1 / 1;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--green-100);
}

.history_info_circle_text{
  font-size: 16px;
  font-weight: bold;
  color: var(--green-1000);
}

.history_info_text_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.history_info_text_list{
  width: 100%;
  display: flex;
}

.history_info_text_list .info_text{
  text-indent: -8px;
  padding-left: 8px;
  line-height: 130%;
}





/* 재단 비전 */
.vision_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.vision_wrap .title5{
  color: var(--gray-600);
}

.vision_title_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.vision_title_box .title1 span{
  color: var(--gray-400);
}

.vision_title_box .point_bullet_ul{
  margin-top: 16px;
}

.vision_value_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 96px;
}

.vision_num_value_ul{
  width: 100%;
  display: flex;
  gap: 4px;
}

.vision_num_value_list{
  width: 100%;
  min-height: 300px;
  border-radius: 120px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 20px 48px;
}

.vision_num_green{
  background: var(--primary-color);
}

.vision_num_yellow{
  background: var(--secondary-color);
}

.vision_num_orange{
  background: var(--yellow-900);
}

.vision_num_value_text_box{
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.num_value_img{
  width: 100%;
  max-width: 140px;
  object-fit: contain;
}

.vision_value_box .title3{
  line-height: 140%;
  text-align: center;
  word-break: keep-all;
}

.circle_vision_wrap{
  border-radius: 120px;
  background: var(--gray-50);
  padding: 80px 40px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.circle_vision_box{
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}

.circle_vision_line{
  border-radius: 1000px;
  border: 1px solid var(--green-100);
  padding: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-20%);
}

.circle_vision_green{
  padding: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1000px;
  background: linear-gradient(to top, var(--green-50), var(--green-500));
}

.circle_vision_dark_green{
  padding: 30px;
  width: 280px;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  border-radius: 1000px;
  background: linear-gradient(to top, var(--green-400), var(--green-1000) 15%);
}

.circle_poong_box{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.circle_poong_ul{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 50px;
}

.circle_poong_list{
  background: var(--gray-900);
  border-radius: 20px 20px 20px 20px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  gap: 10px;
  position: relative;
}

.circle_poong_list:nth-child(2){
  transform: translateX(60px);
}

.poong_point_img{
  position: absolute;
  left: -9px;
  top: -9px;
  width: 40px;
  height: 40px;
}

.vision_mission_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  gap: 48px;
}

.vision_mission_title_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.vision_mission_title_box .title5{
  margin-top: 10px;
}

.vision_mission_item_ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 40px;
}

.vision_mission_item_list{
  width: 100%;
  max-width: calc(25% - 30px);
  border-left: 2px solid  var(--yellow-200);
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.vision_mission_item_stext{
  font-size: 16px;
  font-weight: 700;
  color: var(--secondary-color);
}

.vision_mission_item_mtext{
  font-size: 20px;
  font-weight: 500;
  color: var(--gray-900);
  word-break: keep-all;
}




/* 조직구성도 */
.organization_content{
  gap: 64px;
}

.organization_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.organization_top_box{
  width: 100%;
  display: flex;
  justify-content: center;
}

.organization_top_ul{
  width: 70%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  position: relative;
}

.organization_top_ul::after{
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: var(--gray-100);
  position: absolute;
  top: 26px;
  left: 50%;
  transform:translateX(-50%);
  z-index: -1;
}

.organization_top_ul .organization_top_list:first-child{
  display: none;
}



.organization_top_list{
  width: 100%;
  display: flex;
}

.organization_top_list:nth-child(2){
  padding-top: 26px;
}

.organization_top_dep_ul{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 100px;
}

.organization_top_dep_list{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 33.33%;
  /* width: 270px; */
  gap: 20px;
  position: relative;
}

.organization_top_list:nth-child(2) .organization_top_dep_list:first-child::after{
  content: "";
  display: block;
  width: 50%;
  height: calc(100% - 90px);
  border-top: 2px solid var(--gray-100);
  border-right: 2px solid var(--gray-100);
  border-bottom: 2px solid var(--gray-100);
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translateY(-50%);
  z-index: -1;
}

.organization_top_list:nth-child(2) .organization_top_dep_list:nth-child(2)::after{
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: var(--gray-100);
  position: absolute;
  top: 50%;
  left: 100px;
  transform:translateY(-50%);
  z-index: -1;
}

.organization_top_list:nth-child(2) .organization_top_dep_list:last-child::after{
  content: "";
  display: block;
  width: 50%;
  height: calc(100% - 90px);
  border-top: 2px solid var(--gray-100);
  border-left: 2px solid var(--gray-100);
  border-bottom: 2px solid var(--gray-100);
  position: absolute;
  top: 50%;
  right: 50%;
  transform:translateY(-50%);
  z-index: -1;
}


.organization_top_list:nth-child(2) .organization_top_dep_list:nth-child(2)::before{
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: var(--gray-100);
  position: absolute;
  top: 50%;
  right: 100px;
  transform:translateY(-50%);
  z-index: -1;
}

.organization_top_dep_list .pc_none{
  display: none;
}

.basic_organi_box{
  background: #9D9E78;
  border-radius: 1000px;
  width: 180px;
  aspect-ratio: 2 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease;
  position: relative;
}

.basic_organi_box:hover{
  background: #848656;
}

.executive_wrap{
  aspect-ratio: 1 / 1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 96px;
  cursor: pointer;
  box-shadow: 0 10px 40px #00000023;
}

.executive_box{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1000px;
  width: 100%;
  aspect-ratio: 1 / 1;
  background-image: url(/site/basic/img/poong_logo.png);
  background-repeat: no-repeat;
  background-position: center bottom -50%;
}

.green_organi_wrap{
  max-width: 244px;
  background: var(--green-100);
  position: relative;
}

.yellow_organi_wrap{
  max-width: 224px;
  background: var(--yellow-100);
}

.green_organi_box{
  max-width: 180px;
  background-color: var(--primary-color);
  background-size: 140%;
  transition: background 0.3s ease;
} 

.yellow_organi_box{
  max-width: 160px;
  background-color: var(--secondary-color);
  background-size: 135%;
  transition: background 0.3s ease;
}

.green_organi_wrap:hover .green_organi_box{
  background-color: var(--green-500);
}

.yellow_organi_wrap:hover .yellow_organi_box{
  background-color: var(--yellow-700);
}


.team_organization_box{
  width: 100%;
  display: flex;
}

.team_organization_ul{
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding-top: 50px;
  position: relative;
}

.team_organization_ul::after{
  content: "";
  display: block;
  width: calc(80% + 16px);
  height: 50px;
  border-top: 2px solid var(--gray-100);
  position: absolute;
  top: 0%;
  left: 50%;
  transform:translateX(-50%);
  z-index: -1;
}

.team_organization_list{
  width: 100%;
  max-width: calc(20% - 16px);
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: relative;
}

.team_organization_list::after{
  content: "";
  display: block;
  width: 2px;
  height: 50px;
  background-color: var(--gray-100);
  position: absolute;
  top: -50px;
  left: 50%;
  transform:translateX(-50%);
  z-index: -1;
}

.team_organization_list:nth-child(3):after{
  height: 120px;
  top: -120px;
}

.team_organization_title_box{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gray-600);
  border-radius: 20px 20px 0 0;
  border: 2px solid transparent;
  padding: 20px;
  min-height: 80px;
  transition: background 0.3s ease;
}

.team_organization_list:hover .team_organization_title_box{
  background: var(--gray-800);
}

.team_organization_kate_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 0 0 20px 20px;
  border-left: 2px solid var(--gray-100);
  border-bottom: 2px solid var(--gray-100);
  border-right: 2px solid var(--gray-100);
  padding: 24px 20px;
  gap: 12px;
  background: #fff;
}

.team_organization_kate_list{
  width: 100%;
  display: flex;
  gap: 10px;
}

.text_circle{
  min-width: 8px;
  height: 8px;
  background: var(--green-200);
  border-radius: 1000px;
  margin-top: 8px;
}


.department_info_wrap{
  margin-top: 30px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.department_info_top_box{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 24px;
  border-bottom: 2px solid #000;
}

.all_view_box{
  border-radius: 1000px;
  background: var(--green-1000);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
}

.all_view_box:hover{
  background-color: var(--bg-dark-green);
}

.all_view_box a{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
}

.all_view_text{
  font-size: 16px;
  font-weight: 500;
  color: var(--green-100);
  transition: 0.2s ease;
}

.all_view_box:hover .all_view_text{
  color: #fff;
}

.department_info_view_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
}

.department_click_text_wrap{
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 48px 0;
}

.department_click_text_box{
  background: var(--green-50);
  border: 2px solid var(--primary-color);
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
}

.exclamation_circle{
  min-width: 20px;
  height: 20px;
  border-radius: 1000px;
  background: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
}

.exclamation_circle_text{
 font-size: 16px;
 font-weight: var(--T-black);
 color: #fff; 
}

.department_click_text{
  font-size: 14px;
  font-weight: 500;
  color: var(--gray-600);
  word-break: keep-all;
  line-height: 130%;
}

.department_click_text span{
  font-weight: 700;
  color: var(--gray-900);
}

.department_kate_wrap{
  width: 100%;
  display: flex;
}

.department_kate_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.department_kate_list{
  width: 100%;
  display: flex;
  gap: 48px;
  padding: 48px 0;
  border-bottom: 10px solid var(--gray-50);
}

.department_kate_title_box{
  background: var(--primary-color);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 100%;
  max-width: 160px; */
  width: clamp(160px, 100%, 160px);
  height: 64px;
}

.department_kate_title_box .white_basic_ltext{
  font-weight: 700;
}

.department_kate_info_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.department_kate_info_list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 20px;
  border-left: 2px solid var(--gray-400);
  gap: 50px;
}

.department_kate_info_name_box {
  width: 130px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  word-break: keep-all;
}

.department_kate_info_name_box .title6 span{
  font-size: 16px;
  color: #666;
  font-weight: 500;
}

.department_kate_info_name_box .gray_title{
  font-weight: var(--medium);
}

.department_kate_info_work_wrap{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}

.department_kate_info_work_box{
  display: flex;
  gap: 10px;
}

.department_kate_info_tell_box{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  min-width: 160px;
}



/* 오시는 길 */
#daumRoughmapContainer1736745637436 {
  backface-visibility: hidden; /* 3D 렌더링 최적화 */
  transform: translate3d(0, 0, 0); /* 하드웨어 가속 활성화 */
  will-change: transform; /* 성능 최적화 */
}

.direct_content{
  gap: 64px;
}

.direct_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.direct_map_box {
  width: 100%;
  display: flex;
  height: 460px;
  border-radius: 60px;
  border: 10px solid #fff;
  box-shadow: 10px 10px 40px #00000021;
  background: #999999;
  overflow: hidden;
  position: relative;
}

.direct_info_box{
  width: 100%;
  display: flex;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

.direct_info_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.direct_info_list{
  width: 100%;
  display: flex;
  border-bottom: 1px solid var(--gray-100);
  padding: 40px 0;
  gap: 20px;
  
}

.direct_info_list:last-child{
  border-bottom: none;
}

.direct_info_title_box{
  width: 120px;
  display: flex;
  flex-direction: column;
}

.direct_info_item_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.naver_map{
  background: var(--naver_color);
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.naver_map a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 20px 4px 10px;
}

.naver_map_logo_img{
  width: 32px;
  object-fit: contain;
}

.naver_map_text{
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

.direct_call_text{
  font-size: 16px;
  font-weight: 700;
  color: var(--gray-600);
}

.direct_info_item_exclam{
  display: flex;
  align-items: center;
  gap: 10px;
}

.direct_call_num_ul{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 6px;
}

.direct_call_num_list{
  border-radius: 1000px;
  background: var(--gray-600);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px 10px 10px;
}

.direct_call_num_text_box{
  min-width: 24px;
  height: 24px;
  border-radius: 1000px;
  background: var(--gray-500);
  display: flex;
  align-items: center;
  justify-content: center;
}

.direct_call_num_text{
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.direct_call_num_list .white_basic_stext{
  letter-spacing: .5008px;
}

.direct_public_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.direct_public_list{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.direct_public_title_box{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}

.direct_public_title_box .text_circle{
  margin-top: 0;
}

.dp_black{
  font-weight: 700;
}

.dp_green{
  font-weight: 700;
  color: var(--primary-color);
}

.direct_public_link_box{
  width: 100%;
  display: flex;
  background: var(--gray-50);
  border-radius: 20px;
  border: 1px solid transparent;
  transition: 0.3s ease;
}

.direct_public_link_box:hover{
  background: var(--green-50);
  border: 1px solid var(--primary-color);
}

.direct_public_link_box a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  gap: 30px;
}

.direct_public_link_text_box{
  display: flex;
  align-items: center;
  gap: 10px;
}

.public_point_box{
  border-radius: 1000px;
  border: 2px solid #45B6AF;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.public_point_text{
  font-size: 14px;
  font-weight: 700;
  color: #45B6AF;
  padding: 4px 12px;
  white-space: nowrap;
}


.sub_clean_box{
  width: 100%;
  display: flex;
  gap: 150px;
  justify-content: space-between;
  align-items: flex-start;
}

.sub_clean_left_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.clean_left_title_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.clean_left_title_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.clean_left_title_img_box{
  width: 100%;
  height: 240px;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.clean_left_title_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.7);
}

.clean_left_info_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.clean_left_info_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.clean_left_in_info_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.clean_info_green_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.clean_info_green_list{
  padding: 20px 24px;
  border-radius: 8px;
  border: 1px solid var(--green-100);
  background: var(--green-50);
  display: flex;
  /* align-items: center; */
  justify-content: flex-start;
  gap: 8px;
}

.info_text_circle{
  width: 8px;
  height: 8px;
  min-width: 8px;
  aspect-ratio: 1/1;
  border-radius: 1000px;
  background: var(--primary-color);
  margin-top: 6px;
}

.info_list_green_text{
  font-size: 16px;
  font-weight: var(--bold);
  color: var(--gray-600);
  word-break: keep-all;
  line-height: 140%;
}

.clean_info_gray_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.clean_info_gray_list{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.info_list_gray_text{
  font-size: 16px;
  font-weight: var(--medium);
  color: var(--gray-600);
  letter-spacing: 0px;
  text-indent: -11px;
  padding-left: 11px;
  line-height: 160%;
}

.clean_info_gray_add_box{
  width: 100%;
  display: flex;
  padding: 16px;
  border-radius: 8px;
  background: var(--gray-100);
}

.clean_info_gray_add_box .info_text{
  font-size: 14px !important;
}

.sub_clean_right_box{
  min-width: 220px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: sticky;
  top: 200px;
}

.clean_link_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.clean_link_list{
  width: 100%;
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gray-900);
  border-radius: 16px;
  transition: background 0.3s ease;
}

.clean_link_list:hover{
  background: var(--primary-color);
}

.clean_link_list a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
}

.clean_link_text{
  word-break: keep-all;
  font-size: 16px;
  font-weight: var(--bold);
  color: #fff;
  line-height: 140%;
  text-align: center;
}

.clean_link_info_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 16px;
  background: var(--gray-50);
  border: 1px solid var(--gray-100);
  border-radius: 16px;
}

.clean_link_info_list{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.clean_link_info_title{
  font-size: 16px;
  font-weight: var(--bold);
  color: var(--primary-color);
}

.clean_link_info_text{
  font-size: 16px;
  font-weight: var(--medium);
  color: var(--gray-600);
  word-break: keep-all;
  line-height: 140%;
}

.clean_left_info_box .department_click_text_wrap{
  padding: 0;
  justify-content: flex-start;
}

.clean_green_icon_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.clean_green_icon_list{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px 20px;
}

.clean_green_icon_img_box{
  width: 80px;
  aspect-ratio: 1/1;
  border-radius: 16px;
  background: var(--green-50);
  display: flex;
  align-items: center;
  justify-content: center;
}

.clean_green_icon_img{
  width: 100%;
  max-width: 36px;
  object-fit: contain;
}

.clean_green_icon_text_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.explain_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.explain_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 40px;
  min-height: 610px;
  border: 10px solid #fff;
  background: 
    url(/site/basic/img/ethics_logo.svg), 
    linear-gradient(to right, #ffffff8a 0%, #00000013 40%),  
    url(/site/basic/img/tile_bg.png);
  /* 개별 속성 지정 */
  background-size: auto, auto, auto; /* 로고 크기 (100px 너비, 높이 자동) */
  background-position: bottom, center, center; /* 로고 위치 (가운데 정렬) */
  background-repeat: no-repeat, no-repeat, repeat; /* 로고 반복 안 함 */

  box-shadow: 10px 10px 40px #0000001e;
  position: relative;
  padding: 80px 64px;
  gap: 64px;
}

.conduct_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.conduct_text_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.conduct_util_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.conduct_util_list{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
}

.conduct_util_title{
  font-size: 16px;
  font-weight: var(--bold);
  color: var(--gray-900);
}

.conduct_util_day{
  font-size: 16px;
  font-weight: var(--regular);
  color: var(--gray-600);
}

.conduct_bulid_img{
  position: absolute;
  left: 64px;
  bottom: 0;
  object-fit: contain;
  width: 100%;
  max-width: 618px;
}

.table_content_box{
  width: 100%;
  max-width: 460px;
  padding: 64px 48px;
  background: #fff;
  border: 10px solid var(--gray-50);
  border-radius: 40px;
  position: absolute;
  right: 64px;
  top: 64px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  box-shadow: 10px 10px 40px #0000002a;
}

.table_content_title{
  font-size: 24px;
  font-weight: var(--bold);
  color: var(--gray-600);
}

.table_content_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.table_content_list {
  width: 100%;
  display: flex;
  gap: 24px;
}

.table_content_list .primary_m {
  white-space: nowrap;
  display: flex;
  align-items: flex-start; /* 상단 정렬 */
  padding-top: 3px; /* 미세 조정 */
}

.table_content_list .gtext_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center; /* 여러 줄이든 한 줄이든 균형 잡기 */
}

.human_right_logo_box{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}

.human_right_logo_img{
  width: 100%;
  max-width: 110px;
  object-fit: contain;
}

.human_right_logo_box .conduct_util_ul{
  width: auto;
}

.declaration_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  text-align: center;
}

.declaration_text{
  font-size: 20px;
  font-weight: var(--regular);
  color: var(--gray-600);
  word-break: keep-all;
  line-height: 160%;
}

.gover_top_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.top_title_wrap{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 150px;
}

.top_title_text{
  font-size: 20px;
  font-weight: var(--regular);
  color: var(--gray-600);
  line-height: 160%;
  word-break: keep-all;
}

.top_title_text span{
  font-weight: var(--bold);
}

.top_title_wrap .top_title_box{
  width: auto;
  min-width: 300px;
}

.gover_backgound_img_box{
  position: relative;
  width: 100%;
  height: 640px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: 
  linear-gradient(#00000000 , #00b33948 ),
  linear-gradient(#00000059 , #00000059 ),
  url(/site/basic/img/governance_bg.jpg);
  background-size: auto, auto, auto; /* 로고 크기 (100px 너비, 높이 자동) */
  background-position: center, center, center; /* 로고 위치 (가운데 정렬) */
  padding: 64px;
  border-radius: 48px;
}

.gover_backgound_img_top_text_box{
  width: 100%;
  display: flex;
}

.gover_backgound_img_bottom_text_box{
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.five_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
}

.five_title_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.five_num_title{
  font-size: 150px;
  font-weight: var(--T-black);
  background: linear-gradient(0, #ffffff00 25%, #3DBF5A 80%); /* 그라디언트 색상 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: translateY(45px);
}

.five_title_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
}

.five_title_box .black_btitle{
  line-height: 140%;
}

.five_title_box .info_text{
  color: var(--gray-400);
}








.five_circle_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.five_circle_box{
  position: relative;
  width: 100%;
  max-width: 800px;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.five_circle_box::after{
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url(/site/basic/img/circle_text.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%;
  animation: cm_rotate 50s infinite linear;
  z-index: -1;
}


@keyframes cm_rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
      transform: translate(-50%, -50%) rotate(360deg);
  }
}

.five_circle_icon_ul{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.five_circle_icon_list{
  width: 100%;
  height: 100%;
  display: flex;
}

.five_ce{
  justify-content: center;
}
.five_sb{
  justify-content: space-between;
}
.five_ar{
  justify-content: space-around;
  align-items: center;
}

.five_circle_icon_box{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.five_circle_icon_img{
  width: 100%;
  max-width: 140px;
  aspect-ratio: 1/1;
  object-fit: contain;
}

.five_circle_icon_text_box{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: var(--gray-400);
  padding: 8px 20px;
  transition: background 0.3s ease;
  position: relative;
}

.five_circle_icon_text_box::after{
  width: 14px;
  height: 14px;
  background: var(--gray-400);
  display: flex;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -7px;
  transform: translateX(-50%) rotate(45deg);
  transition: 0.3s ease;
}

.five_circle_icon_box.on .five_circle_icon_text_box::after{
  background: var(--gray-900);
}

.five_circle_icon_text{
  font-size: 24px;
  font-weight: var(--bold);
  color: #fff;
  transition: color 0.3s ease;
}

.five_circle_icon_box.on .five_circle_icon_text_box{
  background: var(--gray-900);
}

.five_circle_icon_box.on .five_circle_icon_text{
  color: var(--bg-dark-green);
}

.five_circle_click_wrap{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.five_circle_click_box{
  position: relative;
  width: 100%;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.five_circle_click_change{
  position: relative;
  width: 100%;
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}

.five_circle_click_change.on{
  display: flex;
}

.five_click_title{
  font-size: 36px;
  font-weight: var(--bold);
  color: var(--gray-900);
}

.five_click_info{
  font-size: 20px;
  font-weight: var(--bold);
  color: var(--gray-600);
  line-height: 160%;
  word-break: keep-all;
}

.five_circle_click_icon_img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  object-fit: contain;
  z-index: -1;
  filter: blur(10px);
  opacity: 0.3;
}

.food_supply_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
  margin-top: 70px;
}

.food_supply_title{
  font-size: 24px;
  font-weight: var(--bold);
  color: var(--gray-400);
  letter-spacing: 20px;
  text-align: center;
  word-break: keep-all;
}

.food_supply_title span{
  color: var(--gray-600);
}

.food_supply_ul{
  width: 100%;
  display: flex;
  gap: 10px;
}

.food_supply_list{
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 160px;
  overflow: hidden;
  position: relative;
}

.supply_list_img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.5);
  z-index: -1;
}

.food_supply_list_text{
  font-size: 24px;
  font-weight: var(--bold);
  color: #fff;
  line-height: 140%;
  text-align: center;
  word-break: keep-all;
}

.food_supply_info_box{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 100px;
}

.food_supply_info_text{
  font-size: 24px;
  font-weight: var(--regular);
  color: var(--gray-600);
  line-height: 160%;
}

.food_supply_info_title{
  font-size: 48px;
  font-weight: var(--bold);
  color: var(--gray-900);
  line-height: 140%;
  text-align: right;
}

.four_deps_box{
  width: 100%;
  display: flex;
}

.four_deps_ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.four_deps_list{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  border: 1px solid var(--gray-200);
  background: #fff;
  transition: 0.3s ease;
}

.four_deps_list.on{
  border: 1px solid var(--green-700);
  background: var(--primary-color);
}

.four_deps_list a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 12px 16px;
}

.four_deps_list_text{
  font-size: 16px;
  font-weight: var(--bold);
  color: var(--gray-400);
  word-break: keep-all;
  transition: color 0.3s ease;
}

.four_deps_list.on .four_deps_list_text{
  color: #fff;
}


.school_map_box {
  width: 100%;
  display: flex;
  position: relative;
  background: linear-gradient(to top, #00000000, #000 50%);
  margin-top: 70px;
}

.school_map_box::before{
  position: absolute;
  width: 220px;
  right: 2vw;
  top: -220px;
  content: url(/site/basic/img/food_human.png);
  z-index: -1;
}

.school_map_human02::before{
  position: absolute;
  width: 196px;
  right: 2vw;
  top: -190px;
  content: url(/site/basic/img/food_human_02.png);
  z-index: -1;
}

.school_map_box::after{
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to top,#349e2400 60%, var(--bg-dark-green) 110%);
  opacity: 0.5;
  z-index: 0;
  pointer-events: none;
}

.school_rolling_map_wrap{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px 100px;
  padding: 64px;
}

.school_rolling_map_box{
  display: flex  ;
  align-items: center;
  position: relative;
  gap: 10px;
  z-index: 80;
}

.school_count_map_text{
  font-size: 24px;
  font-weight: var(--bold);
  color: var(--gray-400);
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.school_total_map_text{
  color: var(--bg-dark-green);
}

.school_big_num_map_text{
  font-size: 64px;
  color: var(--white);
  margin: 0 10px;
}

.school_count_map_ul{
  width: 100%;
  display: flex;
  gap: 16px;
  position: relative;
  z-index: 5;
}

.school_count_map_list{
  width: 100%;
  aspect-ratio: 1 /1;
  border-radius: 20px;
  border: 1px solid var(--gray-600);
  background: #1b1d1fab;
  backdrop-filter: blur(5px);
  transition: var(--point-transition);
}

.school_count_map_list:hover{
  background: #1b521b6c;
}

.school_count_map_list a{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 16px 20px;
}

.face_icon_map_img{
  width: 100%;
  max-width: 54px;
  object-fit: contain;
}

.face_icon_map_title{
  font-size: 20px;
  font-weight: var(--bold);
  color: var(--bg-dark-green);
}

.face_icon_map_num_text{
  font-size: 24px;
  font-weight: var(--bold);
  color: #fff;
}

.direct_map_tab_ul{
  position: absolute;
  left: 24px;
  top: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 200;
}

.direct_map_tab_list{
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 1000px;
  transition: background 0.3s ease;
  min-height: 40px;
  box-shadow: 0 4px 10px #00000027;
}

.direct_map_tab_list.on{
  background: var(--primary-color);
}

.direct_map_tab_list a{
  width: 100%;
  height: 100%;
  padding: 8px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.direct_map_tab_list_text{
  font-size: 14px;
  font-weight: var(--bold);
  color: var(--gray-600);
  white-space: nowrap;
  transition: color 0.3s ease;
}

.direct_map_tab_list.on .direct_map_tab_list_text{
  color: #fff;
}

.direct_sub_map_box {
  width: 100%;
  display: flex;
  height: 740px;
  border-radius: 60px;
  border: 10px solid #fff;
  box-shadow: 10px 10px 40px #00000021;
  background: #999999;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.root_daum_roughmap .wrap_btn_zoom button {
  display: none !important;
}





.custom-marker {
  position: relative;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transform: scale(0.8);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  z-index: 100;
}

.custom-marker.fade-in {
  opacity: 1;
  transform: scale(1);
}

.marker-box {
  width: 36px;
  height: 36px;
  background: #fff !important;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  transition: 0.3s ease;
  border: 2px solid var(--gray-100);
  transform-origin: center;
}

.marker-box img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.custom-marker.active .marker-box {
  width: 46px;
  height: 46px;
  border-radius: 20px;
  border: 2px solid var(--primary-color);
  box-shadow: 0 0 20px var(--primary-color)
}

.title-box {
  display: flex;
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  background: var(--gray-900) !important;
  border-radius: 16px;
  transition: opacity 0.4s ease, transform 0.4s ease;
  opacity: 0; /* 기본적으로 숨김 */
  pointer-events: none; /* 클릭 방지 */
  z-index: 100;
}

.title-box::after{
  content: "";
  display: flex;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 50%;
  bottom: -4px;
  transform: translateX(-50%) rotate(45deg);
  background: var(--gray-900)

}

.title-box_text{
  font-size: 16px;
  font-weight: var(--bold);
  color: var(--bg-dark-green);
  padding: 8px 20px;
  white-space: nowrap;
  font-family: 'Pretendard';
}

.custom-marker.active .title-box {
  opacity: 1; /* 활성화 시 표시 */
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}

.direct_sub_map_click_wrap{
  width: 100%;
  max-width: 350px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: #ffffff81;
  backdrop-filter: blur(20px);
  box-shadow: -5px 0 40px #0000001e;
  padding: 24px 20px 0 20px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  z-index: 1000;
}

.direct_sub_map_click_ul{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow-y: auto;
}

/* 스크롤 바 전체 */
.direct_sub_map_click_ul::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}

/* 스크롤 바 트랙 (배경) */
.direct_sub_map_click_ul::-webkit-scrollbar-track {
  background: none;
}

/* 스크롤 바 핸들 (움직이는 부분) */
.direct_sub_map_click_ul::-webkit-scrollbar-thumb {
  background: var(--gray-200);
  border-radius: 10px;
}

.direct_sub_map_click_list{
  width: calc(100% - 4px);
  min-height: 80px;
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: 20px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: 0.3s ease;
  position: relative;
}

.direct_sub_map_click_list::after{
  width: 100%;
  height: 1px;
  background: var(--gray-100);
  position: absolute;
  left: 0;
  bottom: 0px;
  content: "";
  display: flex;
  z-index: -1;
}

.direct_sub_map_click_list.active{
  border: 2px solid var(--primary-color);
  padding: 0 16px;
  background: #fff;
}


.click_marker_box {
  width: 36px;
  min-width: 36px;
  height: 36px;
  background: #fff !important;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
  border: 2px solid var(--gray-100);
  transform-origin: center;
  transition: 0.3s ease;
}

.direct_sub_map_click_list.active .click_marker_box{
  background: var(--primary-color) !important;
  border: 2px solid var(--primary-color);
}

.click_marker_box img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.click_marker_text_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.click_marker_title{
  font-size: 16px;
  font-weight: var(--bold);
  color: var(--gray-600);
  transition: 0.3s ease;
}

.click_marker_kate_text{
  font-size: 14px;
  font-weight: var(--medium);
  color: var(--gray-400);
}

.direct_sub_map_click_list.active .click_marker_title{
  color: var(--primary-color);
}

.meals_top_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.meals_top_img_box{
  position: relative;
  width: 100%;
  height: 280px;
  display: flex;
  align-items: flex-end;
  background: 
  linear-gradient(#00000000 30% , #00b3393f ),
  linear-gradient(#0000008e , #0000008e ),
  url(/site/basic/img/meals_bg.jpg);
  background-size: auto, auto, auto; /* 로고 크기 (100px 너비, 높이 자동) */
  background-position: center, center, center; /* 로고 위치 (가운데 정렬) */
  padding: 64px;
  border-radius: 48px;
}

.meals_top_info_ul{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 24px;
}

.meals_top_info_list{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 14px;
  align-items: center;
}

.meals_top_info_list .text_circle {
  width: 8px;
  min-width: 8px;
  height: 8px;
  background: var(--green-400);
  border-radius: 1000px;
  margin-top: 0px;
}

.meals_top_info_text{
  font-size: 20px;
  font-weight: var(--regular);
  color: var(--gray-600);
  line-height: 160%;
  word-break: keep-all;
}

.food_make_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 48px;
  justify-content: flex-start;
}

.shap_title_box{
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 9px solid var(--gray-50);
  padding-bottom: 16px;
}

.shap_text{
  font-size: 24px;
  font-weight: var(--bold);
  color: var(--gray-900);
}

.sticky_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 120px;
  position: relative;
}

.sticky_left_box {
  display: flex;
  flex-direction: column;
  padding-right: 30px;
  justify-content: flex-start;
}

.sticky_tab_ul {
  min-width: 100px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: sticky;
  top: calc(var(--header_high) + 100px);
}

.sticky_tab_list {
  display: flex;
  align-items: center;
}

.sticky_tab_text {
  font-size: 20px;
  font-weight: var(--bold);
  color: var(--gray-400);
  position: relative;
  cursor: pointer;
  transition: color 0.3s ease;
}

.sticky_tab_list.on .sticky_tab_text {
  color: var(--gray-900);
}

.sticky_tab_list.on .sticky_tab_text::after {
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  content: "";
  width: 8px;
  aspect-ratio: 1 / 1;
  border-radius: 1000%;
  background: var(--primary-color);
  transition: background 0.3s ease;
}

.sticky_right_wrap{
  width: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  gap: 160px;
}

.sticky_right_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.sticky_text_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sticky_text_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sticky_ception{
  font-size: 16px;
  font-weight: var(--bold);
  color: var(--gray-400);
}

.sticky_title{
  word-break: keep-all;
  font-weight: var(--bold);
  color: var(--gray-600);
}

.food_trigger_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.food_trigger_human_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.food_trigger_human_ul{
  width: 100%;
  display: flex;
}

.food_trigger_human_list{
  width: 100%;
  max-width: 50%;
  aspect-ratio: 1/1;
  border-radius: 64px;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.orange_human_list{
  background: #FFEDD7;
}
.blue_human_list{
  background: #D5E7F8;
}

.food_trigger_human_box{
  width: 100%;
  height: 100%;
  border: 40px solid transparent;
  border-radius: 64px;
  position: relative;
  overflow: hidden;
}

.orange_human_box{
  background: #FFA336;
  border-color: #FFDFB7;
}
.blue_human_box{
  background: #2F85DE;
  border-color: #B3D4F2;
}

.food_trigger_human_box::after{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40%;
  content: "";
  display: flex;
}

.orange_human_box::after{
  background: linear-gradient(to top, #FFA336 , #ffa53600);
}
.blue_human_box::after{
  background: linear-gradient(to top, #2F85DE , #2f84de00);
}

.food_trigger_human_text{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
  z-index: 10;
  font-size: 24px;
  font-weight: var(--bold);
  color: #fff;
}

.food_trigger_human_arrow_ul{
  width: 100%;
  display: flex;
  padding: 40px 0 ;
}

.food_trigger_human_arrow_list{
  width: 100%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.food_arrow_img{
  width: 100%;
  max-width: 45px;
  object-fit: contain;
}

.food_scroll_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 64px;
  background:linear-gradient(to top, #ffffff00, #E8EBED, #ffffff00);
}

.food_scroll_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 250px;
}

.food_scroll_section{
  width: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.food_scroll_section_title{
  font-size: 96px;
  font-weight: var(--bold);
  color: var(--gray-400);
}

.food_scroll_section_ul{
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.food_scroll_section_list{
  width: 100%;
  height: 100%;
  position: relative;
}

.fssl_img_box{
  width: 100%;
  height: 100%;
  position: relative;
}

.food_scroll_section_img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important;
}

.leading_img_box{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.leading_bar{
  position: absolute;
  left: 10%;
  top: 50%;
  transform: translateY(calc(-50% + 32px));
  width: 4px;
  height: 53px;
  background: #34EF5E;
}

.leading_img{
  width: 100%;
  object-fit: contain;
  position: relative;
  margin-top: 64px;
}

.food_bowl_img{
  width: 100%;
  max-width: 644px;
  object-fit: contain;
}

.food_scroll_info_text_box{
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
}

.te_le{
  text-align: left;
  justify-content: flex-start;
}

.food_scroll_info_text{
  font-size: 24px;
  font-weight: var(--bold);
  color: var(--gray-400);
  line-height: 160%;
}

.food_scroll_info_text span{
  color: var(--gray-600);
}

.food_scroll_info_text .green_text{
  color: var(--primary-color);
}

.fresh_ul{
  width: 100%;
  display: flex;
  gap: 20px;
}

.fresh_list{
  border-radius: 48px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  min-height: 620px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.fresh_revers_list{
  flex-direction: column-reverse;
}

.fresh_list::after{
  width: 100%;
  height: 100%;
  display: flex;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.green_fresh_list::after{
  background: linear-gradient(to top, #3DBF5A 50%, #3dbf5900 80%);
}

.orange_fresh_list::after{
  background: linear-gradient(to top, #ffb70000 20%, #FFB800 50%);
}

.blue_fresh_list::after{
  background: linear-gradient(to top, #3E7BFD 50%, #3e7afd00 80%);
}

.fresh_list_img_box{
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: -2;
}

.fresh_list_img_text_box{
  position: absolute;
  left: 36px;
  top: 48px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  z-index: 10;
}

.flit_donw{
  top: auto;
  bottom: 48px;
}

.fresh_bg_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: brightness(0.5);
}

.fresh_list_svg_box{
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: center;
}

.gray_svg_box{
  width: 100%;
  height: 350px;
  padding: 40px;
  display: flex;
  border-radius: 48px;
  background: var(--gray-50);
  display: flex;
  align-items: center;
  justify-content: center;
}

.sc_step_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.sc_step_box{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 80px;
}

.direct_go_link_box{
  width: 100%;
  max-width: 220px;
  border-radius: 16px;
  background: var(--gray-900);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
}

.direct_go_link_box:hover{
  background: var(--primary-color);
}

.direct_go_link_box a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.direct_go_link_text{
  font-size: 16px;
  font-weight: var(--bold);
  color: #fff;
  text-align: center;
  word-break: keep-all;
}

.food_join_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.food_join_img_box{
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 48px;
  background: var(--gray-50);
  height: 330px;
}

.food_join_img_ul{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 30px;
  position: relative;
}

.food_join_img_ul::after{
  width: 100%;
  height: 30px;
  content: "";
  display: flex;
  position: absolute;
  left: 0;
  top: 70%;
  background: linear-gradient(to left,#3dbf5921, #3DBF5A, #3dbf5921);
  z-index: 0;
}

.food_join_img_list{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  z-index: 1;
}

.poong_box {
  display: flex;
  justify-content: center;
  background: var(--gray-900);
  border-radius: 16px;
  position: relative;
}

.poong_box::after{
  content: "";
  display: flex;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 50%;
  bottom: -4px;
  transform: translateX(-50%) rotate(45deg);
  background: var(--gray-900)

}

.poong_box_text{
  font-size: 16px;
  font-weight: var(--bold);
  color: var(--bg-dark-green);
  padding: 8px 20px;
  white-space: nowrap;
}


.food_connect_five_wrap{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}

.food_connect_five_title_box{
  width: 100%;
  max-width: 460px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 64px;
  border-radius: 120px;
  background: 
  linear-gradient(#00000000 , #00b33948 ),
  linear-gradient(#00000086 , #00000086 ),
  url(/site/basic/img/connect_01.png);
  background-size: auto, auto, auto; /* 로고 크기 (100px 너비, 높이 자동) */
  background-position: center, center, center; /* 로고 위치 (가운데 정렬) */
}

.food_connect_five_title{
  font-size: 36px;
  font-weight: var(--bold);
  color: #fff;
  word-break: keep-all;
  line-height: 160%;
}

.food_connect_five_title span{
  color: var(--bg-dark-green);
}

.food_connect_five_ul{
  padding-left: 250px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.food_connect_five_list{
  border-radius: 24px;
  background: var(--primary-color);
  padding: 20px 24px;
  display: flex;
  align-items: center;
  position: relative;
}

.food_connect_five_list::before{
  content: "";
  display: flex;
  position: absolute;
  left: -24px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: var(--primary-color);
  border-radius: 1000px;
}
.food_connect_five_list::after{
  content: "";
  display: flex;
  position: absolute;
  left: -244px;
  top: 50%;
  transform: translateY(-50%);
  width: 220px;
  height: 2px;
  background: linear-gradient(to left, #00b339, #00b33900)
}

.outlet_direct_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.outlet_direct_wrap .title4{
  line-height: 130%;
}

.outlet_direct_img_box{
  position: relative;
  width: 100%;
  height: 540px;
  display: flex;
  align-items: flex-end;
  background: 
  linear-gradient(#00000000 30% , #00b3393f ),
  linear-gradient(#0000008e , #0000008e ),
  url(/site/basic/img/connect_02.png);
  background-size: auto, auto, auto; /* 로고 크기 (100px 너비, 높이 자동) */
  background-position: center, center, center; /* 로고 위치 (가운데 정렬) */
  padding: 64px;
  border-radius: 48px;
}


.registration_status {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 64px 0;
  z-index: 10;
}

.status_box {
  width: 45%;
  height: 110px;
  background: #333;
  border-radius: 20px;
  overflow: hidden;
  animation: d_show2 1s forwards cubic-bezier(0.34, 0.23, 0.25, 1);
}

.status_box a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 0 24px;
}

.status_img_box{
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.status_img_01{
  width: 100%;
  max-width: 126px;
  object-fit: contain;
  transform: translateY(14px);
}

.status_img_02{
  width: 100%;
  max-width: 151px;
  object-fit: contain;
  transform: translateY(10px);
}

.status_box.orange {
  background: #ffa336;
}
.status_box.blue {
  background: #2f85de;
}

.status_text_box{
  display: flex;
  align-items: center;
  gap: 14px;
}

.status_title{
  font-size: 24px;
  font-weight: var(--bold);
  color: #fff;
  white-space: nowrap;
}

.status_num_box{
  display: flex;
  align-items: center;
  gap: 4px;
}

.status_num_mtext{
  font-size: 48px;
  font-weight: var(--T-black);
  color: #fff;
  white-space: nowrap;
}
.status_num_stext{
  font-size: 24px;
  font-weight: var(--bold);
  color: #ffffff77;
}

.school_map_arrow::after{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  content: url(/site/basic/img/school_arrow_bg.png);
  z-index: 0;
  object-position: center;
}

.beasong_img{
  height: 280px;
  background: 
  linear-gradient(#00000000 30% , #00b3393f ),
  linear-gradient(#0000008e , #0000008e ),
  url(/site/basic/img/beasong.png);
  background-size: auto, auto, auto; /* 로고 크기 (100px 너비, 높이 자동) */
  background-position: center, center, right; /* 로고 위치 (가운데 정렬) */
}

#map {
  width: 100%;
  height: 1000px;
  min-height: 800px;
  position: relative; /* 상대 위치 */
  z-index: 1; /* 검색 UI보다 아래로 설정 */
}
.school-name-overlay {
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  position: absolute;
  transform: translate(-50%, -100%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

/* 🔥 학교 이름이 자연스럽게 나타나도록 */
.school-name-overlay.fade-in {
  opacity: 1;
}




.integrated_search_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.integrated_search_value_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  padding: 64px 0;
}

.integrated_search_value_text{
  font-size: 36px;
  font-weight: var(--bold);
  color: var(--gray-900);
  word-break: keep-all;
  text-align: center;
  line-height: 140%;
}

.integrated_search_value_text span{
  color: var(--primary-color);
}

.integrated_search_list_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 100px;
}

.integrated_search_list_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.integrated_search_title_wrap{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 30px;
}

.integrated_search_title_box{
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-start;
}

.integrated_search_wrap .all_view_box a {
  padding: 6px 16px;
}

.integrated_search_wrap .department_kate_wrap {
  border-top: 2px solid var(--gray-900);
}

.integrated_breadcrumb .breadcrumb_text{
  font-size: 14px;
}

.integrated_in_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  border-top: 2px solid var(--gray-900);
}

.integrated_in_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.integrated_in_list{
  width: 100%;
  display: flex;
  border-bottom: 1px solid var(--gray-100);
  transition: var(--point-transition);
}

.integrated_in_list:hover{
  background: var(--green-50);
}

.integrated_in_list a{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
  gap: 20px;
}

.integrated_in_text_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.integrated_in_title{
  font-size: 20px;
  font-weight: var(--bold);
  color: var(--gray-900);
  line-height: 140%;
  transition: var(--point-transition);
}

.integrated_in_list:hover .integrated_in_title{
  padding-left: 10px;
}

.integrated_in_title span{
  color: var(--primary-color);
}

.integrated_in_text_box .info_text{
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.integrated_search_list_wrap .none_object_wrap{
  border-radius: 96px;
}





/* 새로 추가 */
.farm_house_wrap {
  width: 100%;
  display: flex;
  position: relative;
  background: var(--gray-50);
  margin-top: 70px;
  padding: 96px 0;
}

.farm_house_box{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 120px;
}

.farm_house_left_box{
  width: 50%;
  min-width: 550px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
}

.farm_house_kate_box{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.farm_house_kate_box .search_wrap{
  gap: 24px;
  flex-direction: column;
}

.farm_house_kate_box .search_box{
  max-width: 100%;
}

.fh_map_kate_ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.fh_map_kate_list{
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1000px;
  box-shadow: 3px 3px 10px #00000011;
  cursor: pointer;
  transition: background 0.3s ease;
}

.fh_map_kate_list.on{
  background: var(--primary-color);
}

.fh_map_kate_text{
  padding: 12px 14px;
  font-size: 14px;
  font-weight: var(--bold);
  color: var(--gray-600);
  transition: color 0.3s ease;
}

.fh_map_kate_list.on .fh_map_kate_text{
  color: #fff;
}

.farm_house_map_box{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  padding: 0 30px;
}


/* 농가 map css */
.fram_house_land {
  fill: #FFFFFF;
  cursor: pointer;
  transition: fill 0.3s ease;
  filter: drop-shadow(3px 5px 5px #008a2c15);
}

.fram_house_outline {
  fill: #16A93A;
}

.fram_house_cutline {
  fill: #E8EAEC;
}

.fram_house_text {
  fill: #9CA2A8;
  cursor: pointer;
  transition: fill 0.1s ease;
}

#City>g {
  /* transition: transform 1s cubic-bezier(0, 0.68, 0.25, 1); */
}

#City>g:hover .fram_house_land{
  fill: #E8E8E8;
}


#City>g.active {
  transform: translateY(-6px);
  transition: transform 1s cubic-bezier(0, 0.68, 0.25, 1);
}

#City>g.active .fram_house_land {
  fill: url(#gradient);
  filter: drop-shadow(3px 10px 10px #008a2c25);
}

#City>g.active .fram_house_text {
  fill: #FFFFFF;
}


.farm_text_black_box {
  fill: #1B1D1F;
}

.farm_data_circle {
  fill: #F7503B;
}

.farm_data_text {
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: var(--T-black);
  fill: #fff;
}

.farm_dong_name {
  fill: #1CD846;
}

.fram_poong_group{
  opacity: 0;
  visibility: hidden;
}

.fram_poong_group.on{
  opacity: 1;
  visibility: initial;
  transition: 0.2s linear;
}

.fram_land_name_group{
  opacity: 1;
  visibility: initial;
  /* transition: 0.3s cubic-bezier(0, 0.68, 0.25, 1); */
}

.fram_land_name_group.on{
  opacity: 0;
  visibility: hidden;
}





.farm_house_right_box{
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
}

.fh_info_wrap{
  width: 100%;
  height: 800px;
  display: flex;
  flex-direction: column;
  border: 10px solid #fff;
  background: #D7E2F1;
  border-radius: 40px;
  overflow: hidden;
  padding: 48px 20px 0 48px;
  position: relative;
}

.fh_info_wrap::after {
  content: "";
  width: 100%;
  height: 50px;
  background: linear-gradient(to top, #0000001f, #00000000);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
  opacity: 0; /* 기본적으로 투명 */
  transition: opacity 0.3s ease; /* 부드러운 전환 효과 */
}

/* 그라디언트 표시를 클래스 기반으로 제어 */
.fh_info_wrap.show-gradient::after {
  opacity: 1; /* 나타날 때 불투명 */
}

.fh_info_wrap:not(.show-gradient)::after {
  opacity: 0; /* 사라질 때 투명 */
}

.fh_info_fist_box{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.fh_info_title_wrap{
  width: calc(100% - 28px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.fh_info_title_box{
  display: flex;
  align-items: center;
  gap: 8px;
}

.fh_info_title{
  font-size: 24px;
  font-weight: var(--bold);
  color: var(--gray-900);
}

.fh_info_title_count_box{
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gray-900);
  border-radius: 1000px;
}

.fh_info_title_count_text{
  font-size: 14px;
  font-weight: var(--bold);
  color: var(--bg-dark-green);
  padding: 6px 10px;
}

.fh_info_title_wrap .point_bullet_ul{
  /* margin-right: 24px; */
}

.fh_info_human_ul{
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  overflow-y: auto;
}

/* 스크롤 바 전체 */
.fh_info_human_ul::-webkit-scrollbar {
  width: 4px;
  /* 세로 스크롤 바의 너비 */
}

/* 스크롤 바 트랙 (배경) */
.fh_info_human_ul::-webkit-scrollbar-track {
  background: none;
}

/* 스크롤 바 핸들 (움직이는 부분) */
.fh_info_human_ul::-webkit-scrollbar-thumb {
  background: var(--gray-200);
  border-radius: 10px;
}

.fh_info_human_list{
  width: 100%;
  display: flex;
  align-items: flex-start;
}

.fh_info_human_list:last-child{
  margin-bottom: 40px;
}

.fh_info_human_list_box{
  width: calc(100% - 20px);
  background: #fff;
  border-radius: 20px;
  cursor: pointer;
  padding: 20px 16px;
  border: 2px solid transparent;
  transition: 0.3s ease;
  display: flex;
  align-items: center;
  gap: 16px;
}

.fh_info_human_list_box:hover{
  border: 2px solid var(--primary-color);
}

.fh_info_none_box{
  width: 100%;
  display: flex;
  align-items: flex-start;
}

.fh_info_none_box .none_object_box{
  width: calc(100% - 20px);
  background: var(--gray-50);
  border-radius: 20px;
  padding: 48px 20px;
}

.fh_info_human_img_box{
  width: 36px;
  min-width: 36px;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gray-100);
  overflow: hidden;
}

.fh_info_human_img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.fh_human_none_img{
  transform: scale(0.7);
}

.fh_info_human_ception_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fh_info_human_name_box{
  display: flex;
  align-items: center;
  gap: 10px;
}

.fh_info_human_name{
  font-size: 16px;
  font-weight: var(--bold);
  color: var(--gray-600);
  transition: color 0.3s ease;
}

.fh_info_human_list_box:hover .fh_info_human_name{
  color: var(--primary-color);
}

.fh_info_human_place_box{
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gray-100);
  border-radius: 1000px;
}

.fh_info_human_place_text{
  font-size: 14px;
  font-weight: var(--medium);
  color: var(--gray-400);
  padding: 4px 10px;
}

.fh_info_human_charge{
  font-size: 14px;
  font-weight: var(--medium);
  color: var(--gray-400);
}

.fh_info_human_list_gap_box{
  width: 24px;
}




.fh_info_second_box{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 100%;
  display: flex;
  flex-direction: column;
  gap: 44px;
  content: "";
  background: #fff;
  transition: 0.6s cubic-bezier(0, 0.68, 0.25, 1) 0.3s;
  z-index: 15;
}

.fh_info_second_box.on{
  top: 0%;
}

.fh_deep_human_wrap{
  width: 100%;
  min-height: 250px;
  padding: 48px 24px 96px 24px;
  background-image: url(../img/fh_deep_human.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 10px #00000069;
}

.fh_deep_human_wrap::after{
  display: flex;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #000000c2, #0000001c);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}

.fh_deep_human_box{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  z-index: 11;
}

.fh_deep_human_img_box {
  width: 106px;
  min-width: 106px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 1000px;
  background-origin: border-box;
  background-clip: content-box, border-box;
  background-image: linear-gradient(#fff, #fff),
  linear-gradient(to right bottom, #FFC700 30%, #0BC128 100%);
}

.fh_deep_human_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fh_deep_human_text_box{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.fh_deep_human_text_box .white_nbtitle{
  line-height: unset;
}

.fh_deep_human_kate_box{
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--green-50);
  border: 1px solid var(--green-200);
  border-radius: 4px;
}

.fh_deep_human_kate_text{
  font-size: 14px;
  font-weight: var(--bold);
  color: var(--green-1000);
  padding: 4px 8px;
}

.fh_deep_human_util_box{
  width: 100%;
  display: flex;
  padding: 24px;
  background: #00000046;
  backdrop-filter: blur(3px);
  border-radius: 0 0 20px 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 16;
}

.fh_deep_human_util_ul{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 50px;
}

.fh_deep_human_util_list{
  display: flex;
  align-items: center;
  gap: 10px;
}

.fh_deep_human_util_list_title{
  font-size: 16px;
  font-weight: var(--medium);
  color: var(--secondary-color);
}

.fh_deep_human_util_list_text{
  font-size: 16px;
  font-weight: var(--bold);
  color: var(--white);
}

.return_btn{
  width: 48px;
  min-width: 48px;
  height: 48px;
  background: #fff;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 16;
  padding: 12px;
  box-shadow: 0px 5px 10px #00000042;
  cursor: pointer;
  transition: background 0.3s ease;
}

.return_btn:hover{
  background: var(--secondary-color);
}

.return_btn_img{
  width: 100%;
  object-fit: contain;
}

.fh_deep_food_info_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

/* 스크롤 바 전체 */
.fh_deep_food_info_box::-webkit-scrollbar {
  width: 4px;
  /* 세로 스크롤 바의 너비 */
}

/* 스크롤 바 트랙 (배경) */
.fh_deep_food_info_box::-webkit-scrollbar-track {
  background: none;
}

/* 스크롤 바 핸들 (움직이는 부분) */
.fh_deep_food_info_box::-webkit-scrollbar-thumb {
  background: var(--gray-200);
  border-radius: 10px;
}

.fh_deep_food_info_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 0 24px;
}

.fh_deep_food_info_list{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.fh_deep_food_info_list:last-child{
  margin-bottom: 40px;
}

.fh_deep_food_ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 30px 16px;
}

.fh_deep_food_list{
  width: 100%;
  max-width: calc(25% - 12px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.fh_deep_food_img_box{
  width: 100%;
  max-width: 96px;
  aspect-ratio: 1/1;
  border-radius: 1000px;
  border: 1px solid var(--gray-100);
  background: var(--gray-50);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.fh_deep_food_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fh_deep_food_img_text{
  font-size: 16px;
  font-weight: var(--medium);
  color: var(--gray-600);
}


/* 농가 지도 반응형 */
@media(max-width : 1600px){
  .fh_deep_human_util_box {padding: 20px;}
  .fh_deep_human_wrap {min-height: 240px;}
  .return_btn {width: 42px; min-width: 42px; height: 42px; right: 20px; top: 20px;}
}

@media(max-width : 1400px){
  .fh_info_wrap {height: 700px; padding: 40px 20px 0 40px;}
  .farm_house_box {gap: 40px 100px;}
  .fh_deep_human_img_box {width: 90px; min-width: 90px;}
  .fh_deep_human_box {gap: 16px;}
  .fh_deep_human_wrap {min-height: 200px; padding: 40px 20px 96px 20px;}
  .fh_deep_human_util_box {padding: 14px 20px;}
  .fh_info_second_box {gap: 30px;}
  .fh_deep_food_list {gap: 12px;}
  .fh_deep_food_ul {gap: 24px 16px;}
}

@media(max-width : 1200px){
  .farm_house_box {flex-direction: column;}
  .farm_house_left_box, .farm_house_right_box {width: 100%; min-width: auto;}
  .farm_house_map_box {max-width: 600px; padding: 0;}
  .fh_info_wrap {height: 600px; padding: 30px 20px 0 30px}
  .farm_house_wrap {padding: 64px 0;}
  .fh_deep_human_wrap {min-height: unset; padding: 50px 20px 50px 20px;}
  .fh_deep_human_util_box{display: none;}
  .fh_deep_human_text_box {flex-direction: row; align-items: center; gap: 10px;}
  .fh_deep_human_img_box {width: 80px; min-width: 80px;}
  .fh_deep_human_box {height: 100%;}
  .fh_deep_food_list {max-width: calc(20% - 12.8px);}
}

@media(max-width : 1000px){
  .fh_deep_human_img_box {width: 70px; min-width: 70px;}
}

@media(max-width : 800px){
  .fh_info_wrap {height: 500px; padding: 30px 20px 0 20px;}
  .fh_info_human_list_box {width: calc(100%); border-radius: 16px; padding: 16px;}
  .fh_info_human_list_gap_box{display: none;}
  .fh_info_human_ul::-webkit-scrollbar {width: 0px;}
  .fh_info_title {font-size: 22px;}
  .fh_info_fist_box {gap: 20px;}
  .farm_house_wrap {padding: 50px 0;}
  .return_btn {width: 34px; min-width: 34px; height: 34px; padding: 9px;}
  .fh_deep_food_list {max-width: calc(25% - 12px);}
}

@media(max-width : 600px){
  .fh_info_title {font-size: 20px;}
  .fh_info_wrap {border-radius: 20px; padding: 20px 16px 0 16px; border: 4px solid #fff;}
  .farm_house_left_box {gap: 40px;}
  .farm_house_wrap {padding: 44px 0;}
  .fh_deep_human_wrap {padding: 44px 16px 44px 16px;}
  .return_btn {right: 16px; top: 16px;}
  .fh_deep_food_list {max-width: calc(33.33% - 11px);}
  .fh_deep_food_img_box {max-width: 86px;}
}

@media(max-width : 500px){
  .fh_map_kate_text {padding: 10px 12px;}
}

@media(max-width : 400px){
  .fh_deep_food_list {max-width: calc(50% - 8px);}
}

@media(max-width : 300px){
  
}












/* 서브 반응형 */
@media(max-width : 1900px){
}

@media(max-width : 1800px){
}

@media(max-width : 1700px){
}

@media(max-width : 1600px){
  .hero_wrap {padding: 130px 0 220px 0;}
  .hero_nav_list a {padding: 35px 20px;}
  .hero_sub_title {font-size: var(--font-size-xxl);}
  .greeting_top_introduce_img_box {background-size: 90%; height: 360px;}
  .greeting_mr_gang_img {max-width: 390px;}
  .greeting_target_list {padding: 80px 40px;}
  .title1{font-size: 80px;}
  .vision_num_value_list {min-height: 270px; border-radius: 100px;}
  .num_value_img {max-width: 120px;}
  .circle_vision_line {padding: 60px; transform: translateX(-27%);}
  .circle_vision_green {padding: 100px;}
  .circle_vision_dark_green {width: 260px;}
  .circle_poong_list {padding: 20px;}
  .food_supply_ul {width: 80%;}
  .food_supply_list {border-radius: 120px;}
  .food_supply_info_text {font-size: 22px;}
  .food_supply_info_title {font-size: 40px;}
  .direct_sub_map_box {height: 700px;}
  .title_24 {font-size: 22px;}
  .food_connect_five_title {font-size: 34px; line-height: 140%;}
}

@media(max-width : 1400px){
  .hero_wrap {padding: 110px 0 190px 0;}
  .hero_nav_list a {padding: 30px 20px;}
  .hero_sub_title {font-size: var(--font-size-xl);}
  .hero_nav_text {font-size: var(--font-size-l);}
  .hero_nav_box {border-radius: 0;}
  .breadcrumb_wrap {padding: 54px 0 64px 0;}
  .greeting_top_introduce_img_box {height: 320px; border-radius: 20px;}
  .greeting_mr_gang_img {max-width: 350px; border-radius: 0 0 20px 0;}
  .greeting_top_introduce_box {margin-top: 40px;}
  .greeting_target_list {padding: 70px 30px;}
  .greeting_target_num_text {font-size: 35.2px;}
  .greeting_target_info_text {font-size: var(--font-size-l);}
  .greeting_final_text {font-size: var(--font-size-l);}
  .greeting_mr_gang_logo_img {max-width: 358px;}
  .food_trend_left_day_list .white_mtitle{font-size: 28px;}
  .food_trend_left_day_list {min-height: 54px;}
  .food_trend_left_box {margin-right: 60px; max-width: 220px;}
  .food_trend_right_box {padding-left: 60px;}
  .big_logo_box {padding: 140px 40px;}
  .history_wrap::before {width: 280px; height: 280px; top: -150px;}
  .history_wrap::after {right: 78px; top: -165px; transform: scale(0.8);}
  .history_year_text {font-size: 18px;}
  .history_box {gap: 40px;}
  .history_left_box {padding-left: 40px;}
  .history_right_list {padding: 64px 20px 64px 54px;}
  .title1{font-size: 70px;}
  .vision_wrap {gap: 64px;}
  .vision_num_value_list {min-height: 220px; border-radius: 70px; padding: 20px 34px;}
  .num_value_img {max-width: 100px;}
  .vision_value_box {gap: 80px;}
  .circle_vision_wrap {border-radius: 80px;}
  .circle_vision_line {padding: 40px; transform: translateX(-37%);}
  .circle_vision_green {padding: 80px;}
  .circle_vision_dark_green {width: 220px;}
  .circle_poong_ul {gap: 40px;}
  .circle_poong_list .white_basic_ltext{font-size: 18px;}
  .organization_top_ul {width: 85%;}
  .all_view_text {font-size: 14px;}
  .clean_left_title_img_box {height: 200px;}
  .sub_clean_box {gap: 120px;}
  .sub_gap {gap: 30px;}
  .explain_box {padding: 60px 54px;}
  .table_content_box {padding: 54px 38px; right: 54px; top: 60px;}
  .top_title_wrap {gap: 30px 64px;}
  .top_title_text {font-size: 18px;}
  .gover_backgound_img_box {height: 500px; padding: 50px; border-radius: 40px;}
  .meals_top_img_box {padding: 50px; border-radius: 40px;}
  .outlet_direct_img_box {height: 440px; padding: 50px; border-radius: 40px;}
  .title_24 {font-size: 22px;}
  .title_64 {font-size: 54px;}
  .gover_top_wrap {gap: 70px;}
  .sub_gap_130 {gap: 110px;}
  .five_circle_box {max-width: 700px;}
  .five_circle_icon_img {max-width: 110px;}
  .five_circle_icon_text {font-size: 20px;}
  .five_click_title {font-size: 32px;}
  .five_click_info {font-size: 18px;}
  .five_circle_click_icon_img {width: 90%;}
  .food_supply_list {border-radius: 80px;}
  .school_map_box::before {top: -235px; transform: scale(0.8); transform-origin: bottom;}
  .school_map_box {margin-top: 50px;}
  .face_icon_map_img {max-width: 44px;}
  .face_icon_map_title {font-size: 18px;}
  .face_icon_map_num_text {font-size: 22px;}
  .school_big_num_map_text {font-size: 60px;}
  .school_rolling_map_wrap {gap: 30px 70px;}
  .direct_sub_map_box {height: 650px; border-radius: 40px;}
  .direct_sub_map_click_wrap {max-width: 320px;}
  .meals_top_info_text {font-size: 18px;}
  .sticky_left_box{display: none;}
  .sticky_right_wrap{width: 100%; gap: 130px;}
  .fresh_list {border-radius: 40px; min-height: 500px;}
  .fresh_list_svg_box {padding: 0 34px;}
  .title_24 {font-size: 20px;}
  .food_connect_five_list {border-radius: 16px; padding: 16px 24px;}
  .food_connect_five_ul {padding-left: 200px; gap: 12px;}
  .food_connect_five_list::after {left: -195px; width: 175px;}
  .food_connect_five_title_box {max-width: 430px; padding: 44px; border-radius: 80px;}
  .school_map_human02::before{top: -200px;}
  .integrated_search_value_text {font-size: 32px;}
  .integrated_search_value_box {gap: 44px;}
}

@media(max-width : 1200px){
  .hero_wrap {padding: 100px 0 150px 0;}
  .hero_nav_list a {padding: 20px 20px;}
  .hero_nav_text {font-size: var(--font-size-m);}
  .hero_nav_list.on {border-top: 3px solid var(--bg-dark-green);}
  .breadcrumb_wrap {padding: 44px 0 54px 0;}
  .breadcrumb_util_list:last-child a {padding: 10px 20px 10px 10px;}
  .breadcrumb_util_list:first-child a {padding: 10px 10px 10px 20px;}
  .greeting_top_introduce_img_box {background-size: 100%; height: 300px;}
  .greeting_mr_gang_img {max-width: 320px;}
  .greeting_target_list {padding: 50px 20px; gap: 40px;}
  .greeting_target_num_text {font-size: 32px;}
  .greeting_mr_gang_logo_img {max-width: 339px;}
  .greeting_final_box {gap: 60px;}
  .food_trend_left_box {margin-right: 40px; max-width: 200px;}
  .food_trend_right_box {padding-left: 40px;}
  .food_trend_left_info_box {gap: 14px;}
  .food_trend_left_info_box .board_util {margin-top: 20px;}
  .food_trend_left_day_list .white_mtitle {font-size: 22px;}
  .food_trend_step_list a {gap: 10px; flex-direction: column;}
  .b_horizontal_ci_img {max-width: 500px;}
  .ci_color_circle_box {max-width: 200px;}
  .history_left_box {display: none;}
  .history_right_ul {padding-left: 20px;}
  .history_wrap {padding: 70px 0; border-radius: 40px 0 0 40px;}
  .history_right_list {border-radius: 40px 0 0 40px; padding: 44px 20px 44px 44px;}
  .history_wrap::before {width: 230px; height: 230px; top: -130px;}
  .history_wrap::after {right: 52px; transform: scale(0.7);}
  .history_info_circle {width: 46px;}
  .vision_num_value_list {gap: 16px; flex-direction: column; text-align: center; border-radius: 40px; min-height: 100%;}
  .title1{font-size: 60px;}
  .vision_title_box {gap: 10px;}
  .num_value_img {max-width: 90px;}
  .vision_value_box {gap: 64px;}
  .vision_mission_item_list {max-width: calc(50% - 20px);}
  .organization_top_ul {width: 100%; gap: 40px;}
  .basic_organi_box {width: 160px;}
  .green_organi_wrap {max-width: 224px;}
  .green_organi_box {max-width: 160px;}
  .yellow_organi_wrap {max-width: 204px;}
  .yellow_organi_box {max-width: 140px;}
  .team_organization_ul {flex-direction: column; padding-top: 0;}
  .team_organization_list {max-width: 100%;}
  .team_organization_title_box {min-height: auto; padding: 16px 20px;}
  .team_organization_kate_ul {gap: 8px; padding: 20px;}
  .department_kate_list {gap: 40px; flex-direction: column;}
  .department_kate_title_box {height: auto; padding: 14px 20px;}
  .direct_content {gap: 50px;}
  .direct_wrap {gap: 64px;}
  .sub_clean_box {gap: 100px; flex-direction: column;}
  .clean_left_title_wrap {gap: 24px;}
  .sub_clean_left_box {gap: 64px;}
  .sub_clean_right_box {min-width: unset; width: 100%; position: relative; top: unset; gap: 20px;}
  .sub_clean_right_box .title_24 br{display: none;}
  .clean_left_title_img_box {height: 170px; border-radius: 10px;}
  .sub_gap {gap: 20px;}
  .table_content_box {right: 0px; top: 0px; position: relative; max-width: 100%; gap: 34px; padding: 44px 38px;}
  .conduct_box {gap: 50px;}
  .table_content_ul {gap: 16px;}
  .sub_gap_64 {gap: 54px;}
  .explain_box.mar_b100{margin-bottom: 0;}
  .declaration_text {font-size: 18px;}
  .top_title_wrap {flex-direction: column;}
  .gover_backgound_img_box {height: 400px; padding: 40px; border-radius: 30px;}
  .meals_top_img_box {padding: 40px; border-radius: 30px;}
  .outlet_direct_img_box {height: 340px; padding: 40px; border-radius: 30px;}
  .title_64 {font-size: 48px;}
  .gover_top_wrap {gap: 60px;}
  .sub_gap_130 {gap: 90px;}
  .five_circle_box {max-width: 600px;}
  .five_circle_icon_img {max-width: 90px;}
  .five_circle_icon_text {font-size: 18px;}
  .five_click_title {font-size: 32px;}
  .five_click_info {font-size: 16px;}
  .five_circle_click_icon_img {width: 70%;}
  .five_circle_click_change {gap: 14px;}
  .five_circle_icon_box {gap: 4px;}
  .five_num_title {font-size: 130px; transform: translateY(35px);}
  .food_supply_title {font-size: 22px; letter-spacing: 16px;}
  .food_supply_list_text {font-size: 20px;}
  .food_supply_list {border-radius: 60px;}
  .food_supply_wrap {gap: 64px;}
  .food_supply_info_text {font-size: 20px;}
  .food_supply_info_title {font-size: 34px;}
  .four_deps_list a {padding: 10px 14px;}
  .school_rolling_map_wrap {flex-direction: column; padding: 54px 64px;}
  .direct_sub_map_box {height: 600px;}
  .direct_sub_map_click_wrap {max-width: 280px; padding: 20px 20px 0 20px; gap: 16px;}
  .title-box_text {font-size: 14px;}
  .click_marker_title {font-size: 15px;}
  .click_marker_kate_text {font-size: 13px;}
  .direct_sub_map_click_list {gap: 10px; min-height: 74px;}
  .direct_map_tab_ul {gap: 6px; flex-wrap: wrap;}
  .meals_top_info_ul {flex-wrap: wrap;}
  .meals_top_info_list {max-width: calc(50% - 12px);}
  .sticky_right_box {gap: 44px;}
  .food_scroll_box {gap: 200px;}
  .food_scroll_section_title {font-size: 74px;}
  .food_scroll_section_img {width: 100%; max-width: 250px;}
  .food_bowl_img {max-width: 600px;}
  .food_trigger_human_text {font-size: 22px;}
  .food_make_wrap {gap: 34px;}
  .fresh_list {min-height: auto; height: 450px;}
  .fresh_list_svg_box {padding: 10px 20px;}
  .fresh_list_img_text_box {left: 20px; top: 34px; gap: 0px;}
  .flit_donw {top: auto; bottom: 34px;}
  .gray_svg_box {height: 300px;}
  .direct_go_link_box a {padding: 20px 24px;}
  .fji_01{width: 110px;}
  .fji_02{width: 370px;}
  .sc_step_wrap {gap: 64px;}
  .food_join_wrap {gap: 38px;}
  .title_24 {font-size: 18px;}
  .food_connect_five_title_box {max-width: 360px; padding: 30px; border-radius: 50px;}
  .food_connect_five_title {font-size: 30px;}
  .food_connect_five_ul {padding-left: 64px; gap: 8px;}
  .food_connect_five_list {border-radius: 14px; padding: 14px 24px;}
  .food_connect_five_list::after {left: -70px; width: 50px;}
  .status_title,.status_num_stext {font-size: 20px;}
  .status_num_mtext {font-size: 40px;}
  .integrated_search_list_wrap .none_object_wrap{border-radius: 64px;}
}

@media(max-width : 1000px){
  .hero_wrap {padding: 80px 0 130px 0;}
  .hero_sub_title {font-size: var(--font-size-l);}
  .breadcrumb_wrap {padding: 34px 0 54px 0;}
  .greeting_top_introduce_img_box {height: 270px;}
  .greeting_mr_gang_img {max-width: 275px;}
  .greeting_top_introduce_box {gap: 50px;}
  .greeting_top_introduce_text_box {align-items: flex-start; gap: 20px; flex-direction: column;}
  .greeting_top_introduce_text_box .title4 {width: 100%;}
  .greeting_top_introduce_text_box .basic_stext {width: 100%;}
  .greeting_target_ul {flex-wrap: wrap; justify-content: center;}
  .greeting_target_list {padding: 40px 20px; gap: 30px; flex:33.33% 0 1; max-width: calc(33.33% - 12px);}
  .greeting_target_num_text {font-size: 27.2px;}
  .greeting_target_info_text {font-size: var(--font-size-m);}
  .greeting_final_box {margin-top: 70px; align-items: flex-start; gap: 40px; flex-direction: column;}
  .greeting_final_text br{display: none;}
  .food_trend_wrap {flex-direction: column; gap: 50px;}
  .food_trend_left_box {margin-right: 0; max-width: 100%;}
  .food_trend_left_day_ul {max-width: 300px; gap: 6px;}
  .food_trend_left_info_box {position: relative; top: 0;}
  .food_trend_left_info_box .board_util {margin-top: 0;}
  .food_trend_left_day_list {min-height: 44px;}
  .food_trend_right_box {border-left: none; padding-left: 0; gap: 54px;}
  .food_trend_step_list a {padding: 16px 20px;}
  .big_logo_box {border-radius: 20px; padding: 120px 40px;}
  .b_horizontal_ci_img {max-width: 470px;}
  .top_logo_info_ul {flex-direction: column;}
  .top_logo_info_list {gap: 10px;}
  .ci_type_ul {gap: 26px; flex-direction: column;}
  .ci_type_list .logo_box {padding: 20px 40px; height: 220px;}
  .ci_color_ul {flex-wrap: wrap; gap: 60px 20px;}
  .ci_color_list {width: calc(50% - 10px); gap: 26px;}
  .gray_ltitle {font-size: var(--font-size-x);}
  .history_content {gap: 44px;}
  .history_info_list {max-width: calc(50% - 22px);}
  .history_info_ul {gap: 64px 44px;}
  .title1{font-size: 54px;}
  .num_value_img {max-width: 80px;}
  .vision_wrap .title5 {font-size: 18px;}
  .circle_vision_wrap {border-radius: 40px; padding: 60px 20px;}
  .circle_poong_box {position: relative; left: unset; top: unset; transform: translateY(0%);}
  .circle_poong_list:nth-child(2) {transform: translateX(0px);}
  .circle_poong_ul {gap: 26px; align-items: center;}
  .circle_vision_line, .poong_point_img {display: none;}
  .white_basic_ltext {font-size: 18px;}
  .title6{font-size: 18px;}
  .department_kate_info_name_box .gray_title {font-size: 14px;}
  .department_kate_info_name_box {flex-direction: row; gap: 10px; align-items: flex-end;}
  .department_kate_info_list {align-items: flex-start; gap: 10px; flex-direction: column;}
  .department_kate_info_work_wrap {align-items: flex-start; gap: 14px; flex-direction: column;}
  .department_kate_info_tell_box {justify-content: flex-start;}
  .call_icon_img{width: 24px; object-fit: contain;}
  .direct_content {gap: 40px;}
  .direct_map_box {height: 420px; border-radius: 30px;}
  .clean_left_title_img_box {height: 150px;}
  .sub_gap {gap: 10px;}
  .clean_left_info_box {gap: 16px;}
  .explain_box {padding: 50px 44px; border-radius: 20px;}
  .table_content_box {gap: 24px; padding: 40px 30px; border-radius: 20px;}
  .gover_backgound_img_box {height: 350px; padding: 30px; border-radius: 20px;}
  .meals_top_img_box {height: 200px; padding: 30px; border-radius: 20px;}
  .outlet_direct_img_box {height: 200px; padding: 30px; border-radius: 20px;}
  .title_24 {font-size: 20px;}
  .title_64 {font-size: 40px;}
  .gover_top_wrap {gap: 50px;}
  .sub_gap_130 {gap: 80px;}
  .food_supply_title {font-size: 20px; letter-spacing: 12px;}
  .food_supply_list {border-radius: 40px;}
  .food_supply_list_text {font-size: 18px;}
  .food_supply_ul {width: 90%;}
  .four_deps_list_text {font-size: 14px;}
  .school_rolling_map_wrap {padding: 44px 0px 54px 0;}
  .school_map_box::before {top: -240px; right: 0; transform: scale(0.6);}
  .direct_sub_map_box {height: 700px;}
  .direct_sub_map_click_wrap {left: 0; bottom: 0; top: auto; height: 200px; max-width: 100%;}
  .direct_sub_map_click_wrap .search_wrap{display: none;}
  .food_trigger_human_text {font-size: 20px;}
  .food_trigger_human_list {padding: 24px;}
  .food_trigger_human_box {border-width: 30px;}
  .food_scroll_section_title {font-size: 54px;}
  .food_scroll_section_img {max-width: 200px;}
  .food_arrow_img {max-width: 34px;}
  .food_bowl_img {max-width: 450px;}
  .food_scroll_box {gap: 150px;}
  .leading_img {margin-top: 20px;}
  .leading_bar {transform: translateY(calc(-50% + 10px)); width: 3px; height: 41px;}
  .food_scroll_info_text {font-size: 22px;}
  .fresh_list {height: 350px;}
  .gray_svg_box {height: 250px;}
  .fji_01{width: 90px;}
  .fji_02{width: 300px;}
  .poong_box_text {font-size: 15px; padding: 8px 16px;}
  .food_join_img_ul::after {height: 20px; top: 72%;}
  .food_join_img_box {height: 290px;}
  .sc_step_wrap {gap: 50px;}
  .title_24 {font-size: 16px;}
  .food_connect_five_title_box {max-width: 100%; padding:40px 20px; border-radius: 40px; aspect-ratio: unset;;}
  .food_connect_five_title {font-size: 26px;}
  .food_connect_five_ul {padding-left: 40px;}
  .food_connect_five_list::after {left: -54px; width: 34px;}
  .food_connect_five_list {padding: 10px 24px;}
  .food_connect_five_wrap {flex-direction: column; align-items: flex-start; gap: 14px;}
  .food_connect_five_ul {padding-left: 0px; flex-direction: column;}
  .food_connect_five_list::before,.food_connect_five_list::after {display: none;}
  .school_map_human02::before{top: -210px;}
  .status_img_01 {max-width: 100px;}
  .status_img_02 {max-width: 120px;}
  .status_box { width: 100%; height: 90px;}
  .registration_status {padding: 54px 0;}
  .integrated_search_value_text {font-size: 28px;}
  .integrated_search_value_box {gap: 34px;}
}

@media(max-width : 800px){
  .hero_nav_box {height: 15px; border-top: 1px solid #feedb49c}
  .hero_nav_box .inner{display: none;}
  .hero_wrap {padding: 70px 0;}
  .hero_sub_title {letter-spacing: 1px;}
  .hero_title_box .white_btitle {margin-top: 5px;}
  .breadcrumb_wrap {padding: 24px 0 54px 0;}
  .breadcrumb_text {font-size: var(--font-size-s);}
  .breadcrumb_box {gap: 20px;}
  .breadcrumb_util_img {max-width: 22px;}
  .greeting_top_introduce_img_box {height: 230px;}
  .greeting_mr_gang_img {max-width: 220px;}
  .greeting_top_introduce_box {gap: 40px;}
  .greeting_final_text {font-size: var(--font-size-m);}
  .greeting_mr_gang_logo_img {max-width: 309px;}
  .big_logo_box {padding: 100px 40px;}
  .b_horizontal_ci_img {max-width: 430px;}
  .history_info_list {max-width: 100%;}
  .history_info_ul {gap: 44px;}
  .history_wrap::before {width: 180px; height: 180px; top: -100px;}
  .history_wrap::after {right: 29px; transform: scale(0.6);}
  .history_wrap {padding: 50px 0; border-radius: 26px 0 0 26px;}
  .history_right_list {border-radius: 26px 0 0 26px; padding: 40px 20px 40px 20px;}
  .history_info_text_list .info_text {word-break: keep-all;}
  .vision_num_value_ul {gap: 6px; flex-direction: column;}
  .vision_num_value_list{flex-direction: row; text-align: unset; border-radius: 20px; padding: 30px 20px;}
  .title1{font-size: 50px;}
  .vision_title_box {gap: 6px;}
  .vision_wrap {gap: 50px;}
  .vision_mission_title_box {gap: 6px;}
  .vision_mission_box {gap: 30px; margin-top: 20px;}
  .mo_none{display: none;}
  .organization_top_dep_list .pc_none{display: flex;}
  .organization_top_dep_list{width: 100%; max-width: 100%; flex-direction: row;}
  .basic_organi_box .white_basic_ltext{writing-mode: vertical-rl; text-orientation: upright; padding: 20px;}
  .basic_organi_box {width: auto; aspect-ratio:unset; min-height: 160px; align-items: flex-start;}
  .organization_top_ul {gap: 30px;}
  .organization_top_list:nth-child(2) .organization_top_dep_list:nth-child(2)::before,
  .organization_top_list:nth-child(2) .organization_top_dep_list:nth-child(2)::after {display: none;}
  .executive_wrap{max-width: 100%; aspect-ratio: unset; border-radius: 48px;}
  .executive_box{max-width: 100%; aspect-ratio: unset; border-radius: 30px; background-position: center bottom -120%;}
  .green_organi_wrap,.yellow_organi_wrap {padding: 20px;}
  .green_organi_box, .yellow_organi_box {padding: 30px 0 50px 0; background-size: 80% 80px;}
  .executive_box .white_title5{font-size: 24px;}
  .organization_top_ul::after {height: calc(100% - 190px); bottom: 0; top: unset;}
  .organization_top_list:first-child .organization_top_dep_list:nth-child(2) .basic_organi_box:first-child::after{
    width: calc(300% + 60px); height: 30px; content: ""; display: block; position: absolute; left: 50%; bottom: -30px; border-bottom: 2px solid var(--gray-100); border-left: 2px solid var(--gray-100); border-right: 2px solid var(--gray-100); z-index: -1;}
  .organization_top_list:first-child .organization_top_dep_list:nth-child(2) .basic_organi_box:nth-child(2):after,
  .organization_top_list:first-child .organization_top_dep_list:nth-child(2) .basic_organi_box:nth-child(3):after{
    width: 2px; height: 30px; content: ""; display: block; position: absolute; left: 50%; bottom: -30px; background: var(--gray-100);}
  .department_kate_info_work_wrap {gap: 10px;}
  .department_kate_info_ul{gap: 40px;}
  .direct_map_box {height: 400px;}
  .direct_info_list {flex-direction: column;}
  .clean_left_title_img_box {height: 130px;}
  .sub_gap {gap: 0px;}
  .clean_info_green_list {padding: 18px 20px;}
  .info_list_green_text {font-size: 15px;}
  .clean_info_gray_ul {gap: 16px;}
  .info_list_gray_text {font-size: 15px;}
  .sub_clean_box {gap: 80px;}
  .clean_green_icon_img_box {width: 70px;}
  .clean_green_icon_img {max-width: 30px;}
  .clean_green_icon_text_box .btext_16, .clean_green_icon_text_box .gtext_16{font-size: 15px;}
  .clean_green_icon_ul {gap: 16px;}
  .explain_box {padding: 44px 34px;}
  .conduct_bulid_img{max-width: 450px; left: 40px;}
  .sub_gap_64 {gap: 44px;}
  .declaration_box {gap: 30px;}
  .declaration_text {font-size: 16px;}
  .human_right_logo_img {max-width: 90px;}
  .top_title_text {font-size: 16px;}
  .top_title_wrap {gap: 20px 64px;}
  .gover_backgound_img_box {height: 300px; padding: 24px;}
  .meals_top_img_box,.outlet_direct_img_box {padding: 24px; justify-content: center; align-items: center;}
  .meals_top_img_box .title_24.white_nbtitle ,.outlet_direct_img_box .title_24.white_nbtitle{text-align: center;}
  .title_64 {font-size: 36px;}
  .gover_top_wrap {gap: 40px;}
  .sub_gap_130 {gap: 60px;}
  .five_circle_box {max-width: 500px;}
  .five_circle_icon_img {max-width: 75px;}
  .five_circle_icon_text {font-size: 16px;}
  .five_click_title {font-size: 28px;}
  .five_circle_click_icon_img {width: 80%;}
  .five_circle_icon_box {gap: 6px;}
  .five_click_info {font-size: 15px;}
  .five_num_title {font-size: 110px; transform: translateY(25px);}
  .food_supply_ul {width: 100%;}
  .food_supply_wrap {gap: 50px;}
  .food_supply_list {border-radius: 30px;}
  .food_supply_info_text {font-size: 18px;text-align: center;}
  .food_supply_info_title {font-size: 28px; text-align: center;}
  .food_supply_info_box {align-items: center; gap: 30px; flex-direction: column;}
  .school_big_num_map_text {font-size: 54px;}
  .school_count_map_ul {gap: 10px;}
  .face_icon_map_img {max-width: 34px;}
  .face_icon_map_title {font-size: 16px;}
  .face_icon_map_num_text {font-size: 20px;}
  .school_map_box {margin-top: 34px;}
  .direct_sub_map_box {border-radius: 20px;}
  .direct_map_tab_ul {left: 16px; top: 16px;}
  .direct_map_tab_list_text {font-size: 12px;}
  img.direct_map_tab_list_img {width: 20px;}
  .direct_map_tab_list a {padding: 6px 14px; gap: 4px;}
  .direct_map_tab_list {min-height: 34px;}
  .meals_top_info_list {max-width: 100%;}
  .meals_top_info_ul {gap: 10px;}
  .meals_top_info_text {font-size: 16px;}
  .food_trigger_human_text {font-size: 18px;}
  .food_trigger_human_list {padding: 16px;}
  .food_trigger_human_box {border-width: 16px;}
  .food_scroll_section_title {font-size: 40px;}
  .food_scroll_section_img {max-width: 160px;}
  .food_scroll_box {gap: 120px;}
  .food_bowl_img {max-width: 350px; transform: translateY(-20px);}
  .sticky_right_box {gap: 34px;}
  .food_scroll_info_text {font-size: 20px;}
  .food_scroll_wrap {gap: 54px;}
  .sticky_right_wrap {gap: 110px;}
  .fresh_list {height: 300px;}
  .gray_svg_box {height: 200px;}
  .direct_go_link_text {font-size: 14px;}
  .direct_go_link_box a {padding: 16px 20px;}
  .direct_go_link_box {max-width: 200px;}
  .sc_step_wrap {gap: 40px;}
  .fji_01 {width: 70px;}
  .fji_02 {width: 240px;}
  .food_join_img_box {height: 250px;}
  .food_join_img_ul::after {height: 14px; top: 75%;}
  .poong_box_text {font-size: 14px;}
  .food_join_wrap {gap: 24px;}
  .status_img_01 {max-width: 70px;}
  .status_img_02 {max-width: 90px;}
  .status_title, .status_num_stext {font-size: 16px;}
  .status_num_mtext {font-size: 34px;}
  .status_box {height: 70px; border-radius: 14px;}
  .registration_status {gap: 12px; flex-direction: column;}
  .registration_status {padding: 54px 0 44px 0;}
  .integrated_search_value_text {font-size: 24px;}
  .integrated_search_list_wrap {gap: 80px;}
  .integrated_search_list_wrap .none_object_wrap{border-radius: 44px;}
  .organization_top_ul .organization_top_list:first-child{display: flex;}
}

@media(max-width : 600px){
  .breadcrumb_util_ul{display: none;}
  .greeting_top_introduce_img_box {background-size: 100% 70%; background-position: left bottom; height: 210px;}
  .greeting_mr_gang_img {max-width: 180px;}
  .greeting_target_ul{gap: 10px;}
  .greeting_target_list {flex: 50% 0 1; max-width: calc(50% - 5px); padding: 35px 15px;}
  .greeting_target_box {align-items: flex-start;}
  .greeting_target_num_text {font-size: 24px;}
  .greeting_target_box .title_32{text-align: left;}
  .food_trend_step_box {gap: 10px;}
  .big_logo_box {padding: 90px 30px;}
  .b_horizontal_ci_img {max-width: 400px;}
  .ci_color_ul {gap: 46px 20px;}
  .gray_ltitle {font-size: var(--font-size-m);}
  .history_wrap::before {width: 100px; height: 100px; top: -60px; right: 20px;}
  .history_wrap::after {right: -50px; top: -190px; transform: scale(0.3);}
  .history_content {gap: 34px;}
  .history_right_list {gap: 14px;}
  .history_info_ul {padding-top: 30px;}
  .circle_poong_box, .circle_poong_ul, .circle_poong_list {width: 100%;}
  .circle_poong_ul {gap: 10px;}
  .vision_value_box {gap: 44px;}
  .circle_vision_wrap {border-radius: 20px; padding: 40px 20px; gap: 50px;}
  .vision_mission_item_list {max-width: 100%; gap: 4px; padding-left: 10px;}
  .vision_mission_item_mtext {font-size: 18px;}
  .vision_mission_item_ul {gap: 24px;}
  .vision_mission_item_stext {font-size: 15px; font-weight:500;}
  .title1 {font-size: 44px;} 
  .vision_wrap .title5 {font-size: 16px;}
  .organization_top_dep_list {gap: 10px;}
  .basic_organi_box .white_basic_ltext {padding: 20px 14px; font-size: 16px;}
  .organization_top_list:first-child .organization_top_dep_list:nth-child(2) .basic_organi_box:first-child::after {width: calc(300% + 30px);}
  .team_organization_kate_list .info_text{font-size: 14px;}
  .team_organization_kate_ul {padding: 16px 20px; gap: 6px;}
  .department_click_text_wrap {padding: 38px 0;}
  .department_kate_list {padding: 38px 0;}
  .department_kate_info_list {padding-left: 16px;}
  .direct_map_box {height: 370px;}
  .direct_call_num_ul {flex-wrap: wrap;}
  .direct_call_num_list {width: 100%; max-width: calc(50% - 3px);}
  .direct_public_link_text_box {align-items: flex-start; gap: 6px; flex-direction: column;}
  .public_point_box {border-radius: 6px;}
  .sub_clean_left_box {gap: 54px;}
  .sub_clean_box {gap: 80px;}
  .clean_green_icon_img_box{display: none;}
  .explain_box {padding: 40px 24px; border: 7px solid #fff; gap: 50px;}
  .clean_link_list.max_220{max-width: 100%;}
  .table_content_box {gap: 20px; padding: 30px 20px; border: 7px solid var(--gray-50);}
  .conduct_bulid_img{max-width: 250px;}
  .table_content_list {align-items: flex-start; gap: 4px; flex-direction: column;}
  .human_right_logo_img {max-width: 70px;}
  .gover_backgound_img_box {height: 250px; background-position-y: center, center, bottom; border-radius: 10px;}
  .meals_top_img_box {height: 170px; border-radius: 10px;}
  .title_24 {font-size: 18px;}
  .title_64 {font-size: 32px;}
  .gover_top_wrap {gap: 30px;}
  .gover_backgound_img_top_text_box {justify-content: center; text-align: center; word-break: keep-all;}
  .gover_backgound_img_bottom_text_box {justify-content: center; text-align: center; word-break: keep-all;}
  .five_circle_box {max-width: 400px;}
  .five_circle_icon_img {max-width: 65px;}
  .five_circle_icon_text_box::after {width: 10px; height: 10px; bottom: -5px;}
  .five_circle_icon_text {font-size: 14px;}
  .five_circle_icon_text_box {border-radius: 10px; padding: 6px 14px;}
  .five_click_title {font-size: 24px;}
  .five_click_info {font-size: 14px;}
  .five_wrap {gap: 70px;}
  .food_supply_ul {flex-wrap: wrap; justify-content: center;}
  .food_supply_list {border-radius: 20px; max-width: calc(50% - 5px);}
  .food_supply_title {font-size: 18px; letter-spacing: 3px;}
  .food_supply_info_text {font-size: 16px;}
  .food_supply_info_title {font-size: 24px;}
  .food_supply_wrap {margin-top: 50px;}
  .four_deps_ul {gap: 4px;}
  .four_deps_list a {padding: 8px 12px;}
  .four_deps_list {border-radius: 10px;}
  .school_count_map_ul {gap: 16px;}
  .face_icon_map_img {max-width: 44px;}
  .face_icon_map_title {font-size: 18px;}
  .face_icon_map_num_text {font-size: 22px;}
  .school_count_map_ul {flex-wrap: wrap; justify-content: center;}
  .school_count_map_list {max-width: calc(50% - 8px);}
  .school_map_box::before {right: 2vw; transform: scale(0.45); transform-origin: bottom right;}
  .direct_sub_map_box {height: 600px;}
  .food_trigger_human_list {padding: 10px;}
  .food_trigger_human_box {border-width: 10px;}
  .food_trigger_human_text {font-size: 16px; bottom: 14px;}
  .food_trigger_human_arrow_ul {padding: 30px 0;}
  .food_scroll_section_title {font-size: 30px;}
  .food_arrow_img {max-width: 26px;}
  .food_scroll_section_img {max-width: 130px;}
  .food_bowl_img {max-width: 300px;}
  .food_scroll_info_text {font-size: 18px;}
  .sticky_right_wrap {gap: 90px;}
  .fresh_ul {flex-wrap: wrap;}
  .fresh_list_img_text_box {left: 50%; top: 24px; text-align: center; transform: translateX(-50%);}
  .flit_donw {top: auto; bottom: 20px;}
  .fresh_ul {gap: 14px;}
  .fresh_list {border-radius: 20px;}
  .gray_svg_box {height: 150px; padding: 20px; border-radius: 20px;}
  .food_join_img_ul {flex-direction: column; gap: 60px;}
  .food_join_img_box {height: 100%; padding: 30px 0;}
  .food_join_img_ul::after {height: calc(100% + 60px); width: 10px; top: -30px; left: 50%; transform: translateX(-50%);
    background: linear-gradient(to top, #3dbf5917, #3dbf5a78, #3dbf5917);}
  .sc_step_box { align-items: flex-start; gap: 24px 80px; flex-direction: column;}
  .title_24 {font-size: 16px;}
  .food_connect_five_title_box {border-radius: 16px;}
  .integrated_search_value_text {font-size: 22px;}
  .integrated_search_value_box {gap: 30px;}
  .integrated_in_title {font-size: 18px;}
}

@media(max-width : 500px){
  .direct_content .top_title_box .title3 br{display: none;}
  .food_trigger_human_text {font-size: 14px; white-space: nowrap;}
  .food_trigger_human_box {border: none; border-radius: 30px;}
  .food_trigger_human_arrow_ul {padding: 20px 0;}
  .food_scroll_section_title {font-size: 20px;}
  .food_scroll_section_img {max-width: 100px;}
  .food_scroll_box {gap: 90px;}
  .food_bowl_img {max-width: 250px;}
  .food_trigger_human_list {border-radius: 30px;}
  .food_scroll_info_text {font-size: 16px;}
  .food_scroll_wrap {gap: 44px;}
  .sticky_right_wrap {gap: 70px;}
  .food_scroll_wrap .food_scroll_info_text{padding: 0 10px;}
}

@media(max-width : 400px){
  .big_logo_box {padding: 70px 20px;}
  .conduct_bulid_img{max-width: 200px; left: 20px;}
  .explain_box {padding: 34px 16px; border: 5px solid #fff;}
  .conduct_box {gap: 34px;}
  .table_content_box {padding: 24px 16px; border: 5px solid var(--gray-50);}
  .human_right_logo_box {gap: 30px; flex-direction: column;}
  .five_circle_click_wrap {display: none;}
  .five_title_box .info_text {display: none;}
  .five_ar {justify-content: space-evenly; margin-top: 30px;}
  .food_supply_list {border-radius: 20px; max-width: 100%;}
  .school_count_map_ul {gap: 10px;}
  .school_count_map_list {max-width: calc(50% - 5px);}
  .school_map_box::before {display: none;}
  .direct_sub_map_click_wrap {padding: 16px 14px 0 14px;}
  .direct_sub_map_click_list {min-height: 60px; border-radius: 14px;}
  .direct_sub_map_click_list.active {padding: 0px 10px;}
  .click_marker_title {font-size: 14px;}
  .click_marker_kate_text {font-size: 12px;}
  .meals_top_img_box {height: 140px;}
  .integrated_search_value_text {font-size: 20px;}
}

@media(max-width : 300px){
  .school_count_map_list {max-width: 100%}
}



/* 20250716 김건영 이사장 인사말 수정 */
.chairman_box {
    display: flex;
    gap: 10%;
    align-items: center;
    position: relative;
    z-index: 1;
    background: linear-gradient(180deg, transparent 30%, #3dbf5a54), #e8ebed94;
    padding: 64px 40px 0;
    border-radius: 64px;
    backdrop-filter: blur(4px);
    flex-direction: row-reverse;
    justify-content: center;
}
.chairman_tit_box {
    display: flex;
    flex-direction: column;
    gap: 40px;
}



.chairman_img_box {
    width:100%;
    max-width:464px; 
    position:relative;      
    display: flex;
}
.chairman_img_box:after {
    content: '';
    width: 100%;
    height: 120px;
    position: absolute;
    bottom: 0;
    left: 0;    
}
.chairman_img_box img {
    width:100%;
    height: 100%;
    object-fit: cover;
}

.chairman_txt_box {
  width: 50%;
  text-align: left;
  /* background: #ffffffcf;
  border-radius: 20px;
  backdrop-filter: blur(10px);
  box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.1);
  padding: 48px 32px; */
  padding-bottom: 64px;
}

.chairman_txt {
    display:flex;
    flex-direction: column;
    gap: 16px;    
}
.chairman_txt .title4 {
    line-height: var(--line_high140);
    word-break: keep-all;
  }
.chairman_txt_box .basic_stext {    
    color:var(--gray-600);
    font-size:var(--font-size-xxl);
    line-height: var(--line_high160);
    word-break: auto-phrase;
}
.chairman_txt_box .basic_stext .basic_point_txt {   
    color: var(--black);
    font-weight: var(--bold);
}



.greeting_top_introduce_box {
  position: relative;
}
.greeting_top_introduce_box #food_bulid_wrap {
  width:150%;
  top:20%;
}
@media (max-width:1380px) {
  .chairman_box {
    gap: 5%;
  }
  .chairman_tit_box {
    width:auto;
    flex-direction: column;
    gap: 24px;
  }
  .chairman_txt_box {
    margin-left:0;
    margin-bottom:64px;
  }
}
  
@media (max-width:1024px) {
    .chairman_box {        
        align-items: center;
        flex-direction: column;
        gap: 0;
    }
    .chairman_tit_box {
      width:100%;
      flex-direction: row;
      justify-content: center;
      align-items: center;
    }
    .chairman_img_box {
      max-width:320px;
    }
    .chairman_txt_box {
        width:100%;
        text-align: left;
        margin-top:-64px;
    }
    .chairman_txt_box .basic_stext {
        font-size: var(--font-size-m);
    }
}


@media (max-width: 768px) {
  .chairman_box {
    padding: 24px 16px 0;
  }
  .chairman_tit_box {
    width: 100%;
    flex-direction: column;
    padding: 0;
    text-align: center;
    align-items: center;
  }
  .chairman_tit_box .title4 {
    word-break: break-all;
    margin-top: 40px;
  }
  .chairman_txt_box { 
    background: #ffffff;
    padding: 48px 24px;
    margin-top: 0;
  }
  .chairman_img_box {
    justify-content: center;
  }
  .chairman_img_box img {
    max-width: 200px;    
  }

}


/* .chairman_box {
    display: flex;
    gap: 0%;
    align-items: flex-end;
    position: relative;
    z-index: 1;
    background: linear-gradient(180deg, transparent 30%, #3dbf5a54), #e8ebed94;
    padding: 40px 40px 0;
    border-radius: 64px;
    backdrop-filter: blur(4px);
  }
  .chairman_tit_box {
    display:flex;
    padding-left:40px;
  }
  
  .chairman_tit_box .title4 {
    line-height: var(--line_high140);
    word-break: keep-all;
    margin-top: 80px;
  }
  
  .chairman_img_box {
      width:100%;
      max-width:464px; 
      position:relative;      
      display: flex;
  }
  .chairman_img_box:after {
      content: '';
      width: 100%;
      height: 120px;
      position: absolute;
      bottom: 0;
      left: 0;    
  }
  .chairman_img_box img {
      width:100%;
      height: 100%;
      object-fit: cover;
  }
  
  .chairman_txt_box {
    width: 50%;
    text-align: left;
    background: #ffffffcf;
    border-radius: 20px;
    backdrop-filter: blur(10px);
    box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.1);
    padding: 48px 24px;
    margin-bottom: 40px;
    margin-left: -64px;
  }
  
  .chairman_txt {
      display:flex;
      flex-direction: column;
      gap: 16px;    
  }
  .chairman_txt_box .basic_stext {    
      color:var(--gray-600);
      font-size:var(--font-size-xl);
      line-height: var(--line_high160);
      word-break: auto-phrase;
  }
  
  .greeting_top_introduce_box {
    position: relative;
  }
  .greeting_top_introduce_box #food_bulid_wrap {
    width:150%;
    top:20%;
  }
  @media (max-width:1380px) {
    .chairman_box {
      gap: 24px;
    }
    .chairman_tit_box {
      width:50%;
      flex-direction: column;
      gap: 24px;
    }
    .chairman_txt_box {
      margin-left:0;
    }
  }
    
  @media (max-width:1024px) {
      .chairman_box {        
          align-items: center;
          flex-direction: column;
          gap: 0;
      }
      .chairman_tit_box {
        width:100%;
        flex-direction: row;
      }
      .chairman_img_box {
        max-width:320px;
      }
      .chairman_txt_box {
          width:100%;
          text-align: left;
          margin-top:-64px;
      }
      .chairman_txt_box .basic_stext {
          font-size: var(--font-size-m);
      }
  }
  
  
  @media (max-width: 768px) {
    .chairman_box {
      padding: 24px 24px 0;
    }
    .chairman_tit_box {
      width: 100%;
      flex-direction: column;
      padding: 0;
      text-align: center;
      align-items: center;
    }
    .chairman_tit_box .title4 {
      word-break: break-all;
      margin-top: 40px;
    }
    .chairman_txt_box { 
      margin-top:0x;
    }
  } */