/* Start */
.export_az {
  margin-top:150px;
}
.ea_header_txt {
  text-align:center;
}
.ea_header_txt p {
  font-size: 20px;
  font-weight: 500;
  padding-bottom:6px;
}
.ea_header_txt h1 {
  font-size:32px;
  font-weight: 700;
}
.ea_bigImg {
  width:100%;
  margin-top:108px;
}
.ea_bigImg img {
  width:100%;
  object-fit: cover;
}



.kr_indo_category {
  width:100%;
  margin-top:140px;
}
.kr_indo_tab {
  width:100%;
  margin-bottom:72px;

  display:flex;
  justify-content: center;
  gap:62px;
}
.kr_indo_tab > li {
  color:var(--color-cc);
  font-weight: 700;
  font-size:36px;
  transition:.3s;
}
.kr_indo_tab li:hover {
  cursor: pointer;
}
.kr_indo_tab li:hover:not(.choice) {
  color:#999;
}
.kr_indo_tab > li.choice{
  color:var(--color-111);
}
/* contents */
.kr_indo_contents_wrap {
  width:100%;
  display:flex;
  justify-content:center;
  align-items:stretch;
  transition:.3s;
}
.kr_indo_box {
  width:24%;

  display:flex;
  flex-direction: column;
  justify-content:flex-start;
  align-items:center;
}
.ki_num {
  width:100%;
  display:flex;
  justify-content: center;
  align-items:center;
  position: relative;
}
.ki_num.dotted::before {
  content:"";
  display:block;
  position: absolute;
  width:50%;
  border:dotted 1px rgba(13, 122, 14, 0.5);
  left:0;
  top:50%;
  transform:translateY(-50%);
  z-index:-1;
}
.ki_num:not(.dotted)::before {
  content:"";
  display:block;
  position: absolute;
  width:50%;
  border:solid 1px var(--color-main);
  left:0;
  top:50%;
  transform:translateY(-50%);
  z-index:-1;
}
.ki_num::after {
  content:"";
  display:block;
  position: absolute;
  width:50%;
  border:solid 1px var(--color-main);
  right:0;
  top:50%;
  transform:translateY(-50%);
  z-index:-1;
}
.ki_num.end_dotted::after {
  content:"";
  display:block;
  position: absolute;
  width:50%;
  border:dotted 1px rgba(13, 122, 14, 0.5);
  right:0;
  top:50%;
  transform:translateY(-50%);
  z-index:-1;
}
.ki_num > div {
  width:45px;
  height:45px;
  border-radius: 900px;
  background-color:var(--color-main);
  display:flex;
  justify-content: center;
  align-items: center;
}
.ki_num > div > p {
  width:33px;
  height:33px;
  border-radius: 900px;
  background-color: white;
  color:var(--color-main);
  display:flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  line-height: 1;
}
.ki_title {
  width:100%;
  text-align:center;
  margin-top:18px;
}
.ki_title h4 {
  font-size:24px;
  font-weight: 700;
  line-height: 1.2;
  color:var(--color-main);
}
.ki_info_box {
  width:95%;
  padding:52px 14px 14px 14px;
  border-radius:20px;
  border:solid 1px var(--color-e8);
  background-color:white;
  margin-top:42px;

  /* plus */
  display:flex;
  flex-direction: column;
  flex-grow:1;
}
.ki_icon_box {
  width:100%;
  display:flex;
  justify-content: center;
  margin-bottom:24px;
}
.ki_list_box {
  width:100%;
  padding:32px;
  background-color:var(--color-f8);
  border-radius: 20px;

    /* plus */
    flex-grow:1;
    display:flex;
    flex-direction:column;
    justify-content: space-between;
}

/*  li dots */
.ki_list_box .liDot {
  color:var(--color-111);
  line-height: 1.8;
  font-size:16px;
}
.ki_list_box .liDot > li {
  display:flex;
  font-weight: 400;
  word-break: keep-all;
}
.ki_list_box .liDot > li:not(:first-child) {
  margin-top:8px;
}
.ki_list_box .liDot > li::before {
  content: "";
  display:block;
  width:4px;
  height:4px;
  border-radius: 90px;
  background-color:var(--color-111);
  flex-shrink:0; /*찌그러지지 않게*/

  margin-top:12px;
  margin-left:6px;
  margin-right:12px;
}

.kr_indo_contents_wrap {
  opacity: 0;
  height:0;
  visibility: hidden;
}
.kr_indo_contents_wrap.view {
  opacity: 1;
  visibility: visible;
  height:auto;
}
.opacity0 {
  opacity: 0;
  visibility: hidden;
}
.ki_num.none::before {
  content:"";
  width:49%;
}
.ki_num.none::after {
  content:"";
  width:49%;
}
.kr_indo_box.indo {
  width:40%;
}


/* 추가 */
/* 제조 및 도축 */
#facilities_container {
  width:100%;
  margin-top:242px;
}
.fac_box1 {
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap:42px;
}
.facBox1_txt {
  text-align:left;
  width:50%;
}
.facBox1_txt h2,
.facBox2_txt h2 {
  font-size:32px;
}
.facBox1_txt p,
.facBox2_txt p {
  color:var(--color-55);
  font-size:20px;
  line-height: 2;
  margin-top:32px;
}
.facBox1_img,
.facBox2_txt {
  width:50%;
  max-height:500px;
  overflow:hidden;
  border-radius: 20px;
}
.facBox1_img img,
.facBox2_txt img {
  width:105%;
  height:100%;
  object-fit: cover;
  transition:.3s;
}
.fac_box2 {
  width:100%;
  display:flex;
  justify-content: space-between;
  align-items: center;
  gap:42px;
  margin-top:24px;
}
.facBox1_img:hover img {
  transform:scale(1.1);
  cursor: pointer;
}

/* 태블릿 (769px ~ 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .export_az {
    margin-top: 100px !important;
  }
  
  .ea_header_txt p {
    font-size: 18px !important;
  }
  
  .ea_header_txt h1 {
    font-size: 28px !important;
  }
  
  .ea_bigImg {
    margin-top: 80px !important;
  }
  
  .kr_indo_category {
    margin-top: 100px !important;
  }
  
  .kr_indo_tab {
    gap: 40px !important;
    margin-bottom: 60px !important;
  }
  
  .kr_indo_tab > li {
    font-size: 30px !important;
  }
  
  .kr_indo_box {
    width: 23% !important;
  }
  
  .ki_title h4 {
    font-size: 20px !important;
  }
  
  .ki_info_box {
    padding: 40px 12px 12px 12px !important;
  }
  
  .ki_list_box {
    padding: 24px !important;
  }
  
  .ki_list_box .liDot {
    font-size: 14px !important;
  }
  
  #facilities_container {
    margin-top: 180px !important;
  }
  
  .fac_box1,
  .fac_box2 {
    gap: 30px !important;
  }
  
  .facBox1_txt h2,
  .facBox2_txt h2 {
    font-size: 28px !important;
  }
  
  .facBox1_txt p,
  .facBox2_txt p {
    font-size: 18px !important;
    line-height: 1.8 !important;
  }
}

/* 모바일 (max-width: 768px) */
@media screen and (max-width: 768px) {
  .export_az {
    margin-top: 60px !important;
  }
  
  .ea_header_txt p {
    font-size: 16px !important;
    padding-bottom: 4px !important;
  }
  
  .ea_header_txt h1 {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }
  
  .ea_bigImg {
    margin-top: 40px !important;
  }
  
  .kr_indo_category {
    margin-top: 80px !important;
  }
  
  .kr_indo_tab {
    gap: 30px !important;
    margin-bottom: 40px !important;
  }
  
  .kr_indo_tab > li {
    font-size: 24px !important;
  }
  
  .kr_indo_contents_wrap {
    flex-direction: column !important;
    gap: 40px !important;
  }
  
  .kr_indo_box {
    width: 100% !important;
  }
  
  .kr_indo_box.indo {
    width: 100% !important;
  }
  
  .ki_num {
    position: static !important;
  }
  
  .ki_num::before,
  .ki_num::after {
    display: none !important;
  }
  
  .ki_num > div {
    width: 40px !important;
    height: 40px !important;
  }
  
  .ki_num > div > p {
    width: 28px !important;
    height: 28px !important;
    font-size: 14px !important;
  }
  
  .ki_title {
    margin-top: 12px !important;
  }
  
  .ki_title h4 {
    font-size: 18px !important;
  }
  
  .ki_info_box {
    width: 100% !important;
    padding: 30px 12px 12px 12px !important;
    margin-top: 20px !important;
  }
  
  .ki_list_box {
    padding: 20px !important;
  }
  
  .ki_list_box .liDot {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  
  #facilities_container {
    margin-top: 120px !important;
  }
  
  .fac_box1,
  .fac_box2 {
    flex-direction: column !important;
    gap: 20px !important;
  }
  
  .facBox1_txt,
  .facBox2_txt {
    width: 100% !important;
    order: 2 !important;
  }
  
  .facBox1_img {
    width: 100% !important;
    order: 1 !important;
    max-height: 300px !important;
  }
  
  .facBox2_txt {
    order: 1 !important;
  }
  
  .facBox1_txt h2,
  .facBox2_txt h2 {
    font-size: 24px !important;
  }
  
  .facBox1_txt p,
  .facBox2_txt p {
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-top: 20px !important;
  }
  
  .fac_box2 {
    margin-top: 40px !important;
  }
}

/* 소형 모바일 (max-width: 375px) */
@media screen and (max-width: 375px) {
  .export_az {
    margin-top: 40px !important;
  }
  
  .ea_header_txt p {
    font-size: 14px !important;
  }
  
  .ea_header_txt h1 {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }
  
  .ea_bigImg {
    margin-top: 30px !important;
  }
  
  .kr_indo_category {
    margin-top: 60px !important;
  }
  
  .kr_indo_tab {
    gap: 20px !important;
    margin-bottom: 30px !important;
  }
  
  .kr_indo_tab > li {
    font-size: 20px !important;
  }
  
  .kr_indo_contents_wrap {
    gap: 30px !important;
  }
  
  .ki_num > div {
    width: 35px !important;
    height: 35px !important;
  }
  
  .ki_num > div > p {
    width: 25px !important;
    height: 25px !important;
    font-size: 12px !important;
  }
  
  .ki_title h4 {
    font-size: 16px !important;
  }
  
  .ki_info_box {
    padding: 20px 8px 8px 8px !important;
    margin-top: 15px !important;
  }
  
  .ki_list_box {
    padding: 16px !important;
  }
  
  .ki_list_box .liDot {
    font-size: 13px !important;
  }
  
  #facilities_container {
    margin-top: 80px !important;
  }
  
  .fac_box1,
  .fac_box2 {
    gap: 15px !important;
  }
  
  .facBox1_img {
    max-height: 200px !important;
  }
  
  .facBox1_txt h2,
  .facBox2_txt h2 {
    font-size: 20px !important;
  }
  
  .facBox1_txt p,
  .facBox2_txt p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-top: 15px !important;
  }
  
  .fac_box2 {
    margin-top: 30px !important;
  }
}