/* ±âº» ¹öÆ° ½ºÅ¸ÀÏ */
.btn_viewmore {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 9999px;
    background-color: #fff;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    margin-top: 20px;
}

.btn_viewmore:hover {
    background-color: #f0f0f0;
    border-color: #999;
    color: #000;
}

/* ¹ÝÀÀÇü: È­¸éÀÌ 600px ÀÌÇÏÀÏ ¶§ ¹öÆ° »ì¦ Ãà¼Ò */
@media (max-width: 600px) {
    .btn_viewmore {
        padding: 8px 16px;
        font-size: 14px;
        margin-top: 16px;
    }
}

/* ´õ ÀÛÀº È­¸é(400px ÀÌÇÏ)¿¡¼­´Â Á» ´õ ÄÄÆÑÆ®ÇÏ°Ô */
@media (max-width: 400px) {
    .btn_viewmore {
        padding: 6px 14px;
        font-size: 13px;
        margin-top: 14px;
    }
}






/* Àüü ÄÁÅÙÃ÷¿ë ±âº» Ŭ·¡½º */
.scroll-animate {
    opacity: 0;
    transform: translateY(50px);  /* ¾Æ·¡¿¡¼­ ½ÃÀÛ */
    transition: all 0.6s ease-out;
}

/* È­¸é¿¡ º¸À̸é Ãß°¡µÉ Ŭ·¡½º */
.scroll-animate.visible {
    opacity: 1;
    transform: translateY(0);     /* ¿ø·¡ À§Ä¡·Î À̵¿ */
}


/* ===================Àλ縻 ·¹À̾ƿô */
.container1019 {
  max-width: 1545px;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  box-sizing: border-box; 
}

.title1019 {
    font-family: 'MaruBuri', serif;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #555; /* ÇÑ±Û »ö»ó */
    line-height: 1.5;
    text-align: left;
}

/* ¹ÝÀÀÇü: È­¸é 600px ÀÌÇÏ¿¡¼­´Â Àý¹Ý Á¤µµ·Î Ãà¼Ò */
@media (max-width: 600px) {
    .title1019 {
        font-size: 24px;
        /* 40px ¡æ 20px */
        margin-bottom: 10px;
        /* ¿©¹é Àý¹Ý */
        line-height: 1.3;
        /* »ì¦ ¿©À¯ */
        /* Áß¾Ó Á¤·Ä·Î Àüȯ (¼±ÅûçÇ×) */
    }

    .container1019 {
        gap: 20px;
    }

    .content1026 {
        font-size: 16px;
        margin-bottom: 8px;
    }
}

/* ´õ ÀÛÀº È­¸é (400px ÀÌÇÏ)¿¡¼­´Â Á¶±Ý ´õ ÁÙÀ̱â */
@media (max-width: 400px) {
    .title1019 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .content1026 {
        font-size: 15px;
        margin-bottom: 8px;
    }

}

/* µû¿ÈÇ¥¸¸ µðÀÚÀÎ */
.quote-mark {
  font-family: "Times New Roman", Times, serif; /* ŸÀÓü */
  font-size: 60px; /* Å©°Ô */
  color: #8FCB9B; /* ¿¬ÇÑ ±×¸° */
  font-weight: 600;
  vertical-align: middle; line-height: 1;
}

/* ÁÂÃø À̹ÌÁö, ¿ìÃø ÅؽºÆ® */
.left1019, .right1019 {
  flex: 1; /* µÎ Ä­ µ¿ÀÏ ºñÀ² */
  min-width: 300px; /* È­¸éÀÌ ³Ê¹« Á¼À» ¶§ ÁÙ¹Ù²Þ ¹æÁö */
  box-sizing: border-box;
}

/* À̹ÌÁö ÁÂÃø Ä÷³ ¾È¿¡¼­¸¸ 100% */
.left1019 img {
  width: 100%;
  height: auto;
  display: block;
}

/* ¿ìÃø ÅؽºÆ® */
.right1019 {
  color: #777777;
  font-size: 20px;
  text-align: left;
  line-height: 1.6;
}


/* ½Ã¼³Àå À̸§ */
.director1019 {
  font-weight: 600; text-align: right;
  color: #333;
  margin-top: 20px;
}

/* ¹ÝÀÀÇü: ÅÂºí¸´ & ¸ð¹ÙÀÏ */
@media (max-width: 1024px) {
  .left1019, .right1019 {
    flex: 1 1 100%; /* 1¿­·Î º¯°æ */
  }
}



/*=====================¿î¿µ½Ã¼³¼Ò°³*/
.card-section1019 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1545px;
  margin: 0 auto;
  box-sizing: border-box;
}

.card1019 {
  background-color: #eeebe6; /* Ä«µåº° ¹è°æ»ö */
  border-radius: 20px;
  padding: 30px;
  margin-bottom: 30px;
  flex: 1 1 calc((100% - 120px) / 5); /* 5°³ Ä«µå + Áß°£¿©¹é 30*4 */
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  margin-right: 30px;
}

.card1019:nth-child(5) {
  margin-right: 0; /* ¸¶Áö¸· Ä«µå ¿À¸¥ÂÊ ¿©¹é Á¦°Å */
}

.card-img1019 {
  width: 108px;
  height: auto;
  
  border-radius: 20px;
  margin-bottom: 15px;
}

.card-title1019 {
  color: #666;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}

.card-desc1019 {
  color: #666;
  font-size: 18px; letter-spacing: -1px;
}

/* ¹ÝÀÀÇü - ÅÂºí¸´ */
@media (max-width: 1073px) {
  .card1019 {
    flex: 1 1 calc((100% - 30px) / 2); /* 2¿­ */
    margin-right: 30px;
  }
  .card1019:nth-child(2n) {
    margin-right: 0;
  }
}

/* ¹ÝÀÀÇü - ¸ð¹ÙÀÏ */
@media (max-width: 768px) {
  .card1019 {
    flex: 1 1 100%;
    margin-right: 0;
  }
  .card-img1019 {
    width: 100%;
    height: auto;
  }
}

/* 1073px À̹ÌÁö */
.full-image1019 {
  width: 1106px;
  max-width: 100%;
  height: auto; /* ÇÊ¿ä¿¡ µû¶ó ³ôÀÌ Á¶Àý */
  text-align: center;
  margin: 30px auto 0;
  border-radius: 20px;
}

/* ¸ð¹ÙÀÏ¿¡¼­ À̹ÌÁö 100% */
@media (max-width: 768px) {
  .full-image1019 {
    width: 100%;
    height: auto;
  }
}





/*-==============¹®È­¿¹¼ú*/
.container1215 {
  max-width: 1545px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 60px;
  padding: 20px;
}

/* ¹ÝÀÀÇü: È­¸é 600px ÀÌÇÏ¿¡¼­ Æеù 0 */
@media (max-width: 600px) {
  .container1215 {
    padding: 0;
    gap: 40px; /* ¸ð¹ÙÀÏ¿¡¼­´Â gapµµ »ì¦ ÁÙÀ̸é ÀÚ¿¬½º·¯¿ò */
  }
}

/* ´õ ÀÛÀº È­¸é (400px ÀÌÇÏ)¿¡¼­´Â gap ´õ Ãà¼Ò */
@media (max-width: 400px) {
  .container1215 {
    gap: 30px;
  }
}

/* »ó´Ü ¼Ò°³ ¿µ¿ª */
.intro1215 {
  background-color: #f3f8ff; /* ÀºÀºÇÑ ºí·ç ¹è°æ */
  border-radius: 12px;
  padding: 40px;
  text-align: left;
/*  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);  ºÎµå·¯¿î ±×¸²ÀÚ */
}

.intro1215 h2 {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 20px;
  color: #1e2a4a;
}

.intro1215 p {
  font-size: 18px;
  line-height: 1.8;
  color: #2c2c2c;
}

/* °ø¿¬ ºí·Ï */
.performance1215 {
  display: flex;
  align-items: flex-start; /* ? ÅؽºÆ® À§·Î Á¤·Ä */
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
  background-color: #f3f8ff; /* °°Àº ÀºÀºÇÑ ºí·ç */
  border-radius: 12px;
  padding: 30px;
}

.imgbox1215 {
  flex: 1 1 45%;
  text-align: center;
}

.imgbox1215 img {
  width: 100%;
  height: auto;
  max-width: 600px;
  border-radius: 10px;
}

.text1215 {
  flex: 1 1 45%;
  text-align: left;
}

.text1215 h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #1e2a4a;
}

.text1215 p {
  font-size: 20px;
  line-height: 1.5;
  color: #333;
}

/* ¹ÝÀÀÇü */
@media (max-width: 1024px) {
  .performance1215 {
    flex-direction: column;
    text-align: center;
  }

  .text1215 {
    order: 2;
    text-align: left;
  }

  .imgbox1215 {
    order: 1;
  }

  .text1215 h3 {
    font-size: 24px;
  }

  .text1215 p {
    font-size: 18px;
  }
}

@media (max-width: 600px) {
  .intro1215 {
    padding: 25px; margin:0; 
  }

  .intro1215 h2 {
    font-size: 24px;
  }

  .intro1215 p {
    font-size: 16px;
  }

  .text1215 h3 {
    font-size: 20px;
      margin-bottom: 0px;
  }

  .text1215 p {
    font-size: 15px;
  }
}



.performance1215 {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  margin-bottom: 50px;
  background: #e6ecf8;
  border-radius: 16px;
  padding: 30px;
  /* box-shadow: 0 2px 10px rgba(0,0,0,0.05); */
}

/* ¹ÝÀÀÇü: È­¸é 900px ÀÌÇÏ */
@media (max-width: 900px) {
  .performance1215 {
    gap: 20px;
    padding: 20px;
  }
}

/* ¹ÝÀÀÇü: È­¸é 600px ÀÌÇÏ (¸ð¹ÙÀÏ) */
@media (max-width: 600px) {
  .performance1215 {
    flex-direction: column; /* ¸ð¹ÙÀÏ¿¡¼­ ¼¼·Î Á¤·Ä */
    gap: 15px;
    padding: 20px;
  }
}


.performance1215 .imgbox1215 {
  flex: 0 0 420px;
}
/* ¹ÝÀÀÇü: È­¸é 600px ÀÌÇÏ¿¡¼­ flex 0À¸·Î */
@media (max-width: 600px) {
    
    .performance1215 {
  margin-bottom: 10px;
/*  box-shadow: 0 2px 10px rgba(0,0,0,0.05);*/
}
  .performance1215 .imgbox1215 {
    flex: 0;       /* °íÁ¤ Æø ÇØÁ¦ */
    width: 100%;   /* È­¸é Æø ²Ë ä¿ì±â */
      
  }
}

.performance1215 .imgbox1215 img {
  width: 100%;
  border-radius: 12px;
}

.performance1215 .text1215 {
  flex: 1;
}

/* ¸¶Áö¸· ´ÙÀ̾î±×·¥ Àü¿ë *//* ÀÌ¿ëÀýÂ÷ ¼½¼Ç Àüü ¹è°æ */
.process1215-section {
  width: 100%;
  background-color: #eef3fa;
  padding: 50px;
  border-radius: 16px;
  /* box-shadow: 0 3px 10px rgba(0,0,0,0.1); */
  margin-top: 80px;
}

/* ¹ÝÀÀÇü: È­¸é 900px ÀÌÇÏ */
@media (max-width: 900px) {
  .process1215-section {
    padding: 40px;
    margin-top: 60px;
  }
}

/* ¹ÝÀÀÇü: È­¸é 600px ÀÌÇÏ (¸ð¹ÙÀÏ) */
@media (max-width: 600px) {
  .process1215-section {
    padding: 20px;
    margin-top: 40px;
    border-radius: 12px; /* ¸ð¹ÙÀÏ¿¡¼­ Á¶±Ý ÁÙÀÓ */
  }
}

/* ¾ÆÁÖ ÀÛÀº È­¸é (400px ÀÌÇÏ) */
@media (max-width: 400px) {
  .process1215-section {
    padding: 15px;
    margin-top: 30px;
    border-radius: 10px;
  }
}


.process1215 h3 {
  font-size: 28px;
  font-weight: 700;
  color: #1e2a4a;
  margin-bottom: 30px;
  text-align: left;
}

/* ¹ÝÀÀÇü: È­¸é 600px ÀÌÇÏ¿¡¼­ ÆùÆ®¿Í ¿©¹é Ãà¼Ò */
@media (max-width: 600px) {
  .process1215 h3 {
    font-size: 22px;     /* 28px ¡æ 16px */
    margin-bottom: 15px; /* 30px ¡æ 15px */
    
  }
}

/* ´õ ÀÛÀº È­¸é (400px ÀÌÇÏ)¿¡¼­´Â Á¶±Ý ´õ ÁÙÀ̱â */
@media (max-width: 400px) {
  .process1215 h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }
}


.steps1215 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 20px;
  border-radius: 12px; max-width: 1300px;    
}

/* ¿ø Å©°Ô */
.circle1215 {
  flex: 1;
  max-width: 160px;
  min-width: 100px;
  height: 160px;  /* Å©±â Áõ°¡ */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  font-size: 20px;
  color: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/* ¿ø »ö»ó */
.circle1215:nth-child(1) { background-color: #1b97d5; }
.circle1215:nth-child(3) { background-color: #19c4ad; }
.circle1215:nth-child(5) { background-color: #eadb74; }
.circle1215:nth-child(7) { background-color: #e6a48c; }
.circle1215:nth-child(9) { background-color: #6c5ce7; }

/* È­»ìÇ¥ CSS */
.arrow {
  width: 20px;
  height: 4px;
  background: #8aa0bf;
  position: relative;
  flex-shrink: 0;
}

.arrow::after {
  content: '';
  position: absolute;
  right: -8px;
  top: -6px;
  border: 8px solid transparent;
  border-left-color: #8aa0bf;
}

/* ¹ÝÀÀÇü */
@media (max-width: 768px) {
  .steps1215 {
    flex-direction: column;
    justify-content: center;
    padding: 20px 0;
  }

.circle1215 {
  width: 90px;
  height: 90px;
  flex: 0 0 auto;          /* ºÎ¸ð flex ¿µÇâ Á¦°Å */
  border-radius: 50%;       /* ¿øÇü À¯Áö */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  margin: 10px 0;
  box-sizing: border-box;   /* Æеù Æ÷ÇÔÇؼ­ Å©±â À¯Áö */
}

  .arrow {
    width: 4px;
    height: 1px;
    margin: 4px;
  }

  .arrow::after {
    top: auto;
    left: -6px;
    right: auto;
    border-left-color: transparent;
    border-top-color: #1e2a4a;
    border-width: 8px;
  }
}










/* ÈÄ¿ø ÄÁÅÙÃ÷ CSS (¹è°æ À̹ÌÁö Àû¿ë, ÁÂÃø À̹ÌÁö Á¦°Å) */
.sponsor-wrapper1019 {
  max-width: 1545px;
  width: 100%;
  margin: 0 auto;
  padding: 80px 20px;  
  background: #f9f9f9 url('/img/sponsor_bg.jpg') no-repeat center center;
  background-size: cover;
  box-sizing: border-box;
  text-align: center;
  border-radius: 12px;
  color: #333; /* ±ÛÀÚ»ö À¯Áö */
}

.sponsor-wrapper1019 {
  max-width: 1545px;
  width: 100%;
  margin: 0 auto;
  padding: 80px 20px;  
  background: #f9f9f9 url('/img/sponsor_bg.jpg') no-repeat center center;
  background-size: cover;
  box-sizing: border-box;
  text-align: center;
  border-radius: 12px;
  color: #333;
}

/* ¹ÝÀÀÇü: È­¸é 900px ÀÌÇÏ */
@media (max-width: 900px) {
  .sponsor-wrapper1019 {
    padding: 60px 20px; /* »óÇÏ ¿©¹é ÁÙÀÓ */
  }
}

/* ¸ð¹ÙÀÏ: È­¸é 600px ÀÌÇÏ */
@media (max-width: 600px) {
  .sponsor-wrapper1019 {
    padding: 40px 15px; /* »ó´Ü ¿©¹é ´õ ÁÙÀÓ */
    border-radius: 10px; /* ¸ð¹ÙÀÏ¿¡¼­ µÕ±Ù ¸ð¼­¸® À¯Áö */
  }
}

/* ¾ÆÁÖ ÀÛÀº È­¸é: È­¸é 400px ÀÌÇÏ */
@media (max-width: 400px) {
  .sponsor-wrapper1019 {
    padding: 30px 10px;
  }
}


.sponsor-intro1019 {
  margin-bottom: 50px;
}
@media (max-width: 400px) {
 .sponsor-intro1019 {
  margin-bottom: 10px;
}
}



.sponsor-text1019 {
  font-size: 1.5rem;
  line-height: 1.8;
  font-family: 'MaruBuri', 'Malgun Gothic', sans-serif !important;
}

.sponsor-account1019 {
  text-align: center;
  margin-bottom: 50px;
}

/* ¹ÝÀÀÇü: È­¸é 600px ÀÌÇÏ */
@media (max-width: 600px) {
  .sponsor-account1019 {
    margin-bottom: 20px;
  }
}


.account-icon1019 {
  font-size: 2.5rem;
  margin-bottom: 10px;
}

@media (max-width: 600px) {
  .account-icon1019 img {
    width: 50%;       /* ³Êºñ Àý¹Ý */
    height: auto;     /* ºñÀ² À¯Áö */
  }
}

.account-number1019 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.account-owner1019 {
  font-size: 1.3rem; font-weight: 600;
 
}

.sponsor-cards1019 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.sponsor-card1019 {
  flex: 1;
  min-width: 250px;
  max-width: 400px;
  padding: 30px 20px;
  border-radius: 12px;
  color: #fff;
  text-align: center;
}
.sponsor-card1019 img { width:60px; margin-bottom: 10px;}
.card1-1019 { background-color: #f9a691; }
.card2-1019 { background-color: #a5d363; }
.card3-1019 { background-color: #edcf55; }

.sponsor-card1019 h3 {
  font-size: 1.5rem;
  margin-bottom: 15px;
}

.sponsor-card1019 p {
  font-size: 1.1rem;
  line-height: 1.6;
}

/* ¹ÝÀÀÇü */
/* ÅÂºí¸´ */
@media (max-width: 1024px) {
  .sponsor-card1019 { max-width: 300px; }
}

/* ¸ð¹ÙÀÏ */
@media (max-width: 768px) {
  .sponsor-text1019 { font-size: 1.3rem; }
  .account-number1019 { font-size: 1.5rem; }
  .sponsor-card1019 { padding: 20px 15px; }
}

/* ÀÛÀº ¸ð¹ÙÀÏ */
@media (max-width: 480px) {
    .account-number1019, .account-owner1019 { font-size: 1rem; }
  .sponsor-text1019 { font-size: 0.9rem; }
  .sponsor-card1019 { min-width: 60%; }
}


/*ºÀ»ç¾È³»*/
/* ºÀ»ç/Àç´É±âºÎ CSS */
.volunteer-section1019 {
  max-width: 1545px;
  width: 100%;
  margin: 0 auto;
  padding: 80px 20px;
  font-family: 'Noto Sans KR', sans-serif;
  background: #f0f8ff url('/img/volunteer_bg.jpg') no-repeat center center;
  background-size: cover;
  text-align: center;
  box-sizing: border-box;
  border-radius: 12px;
  color: #333;
}

/* ¹ÝÀÀÇü: È­¸é 900px ÀÌÇÏ */
@media (max-width: 900px) {
  .volunteer-section1019 {
    padding: 60px 20px; /* »óÇÏ ¿©¹é Á¶±Ý ÁÙÀÓ */
  }
}

/* ¸ð¹ÙÀÏ: È­¸é 600px ÀÌÇÏ */
@media (max-width: 600px) {
  .volunteer-section1019 {
    padding: 40px 15px; /* »óÇÏ ¿©¹é ´õ ÁÙÀÓ */
    border-radius: 10px; /* ¸ð¹ÙÀÏ¿¡¼­ µÕ±Ù ¸ð¼­¸® À¯Áö */
  }
}

/* ¾ÆÁÖ ÀÛÀº È­¸é: È­¸é 400px ÀÌÇÏ */
@media (max-width: 400px) {
  .volunteer-section1019 {
    padding: 30px 10px;
  }
}


.volunteer-slogan1019 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 50px;
}

.volunteer-activities1019 {
  margin-bottom: 50px;
}

.activities-title1019 {
  font-size: 1.5rem;
  margin-bottom: 20px;
}

.activities-list1019 {
  list-style: none;
  padding: 0;
  font-size: 1.2rem;
  line-height: 1.8;
  color: #333; /* ±ÛÀÚ»ö ¿ø·¡´ë·Î */
}

.activities-list1019 li {
  margin-bottom: 10px;
}

/* Ä«µå ¿µ¿ª */
.volunteer-cards1019 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.volunteer-card1019 {
  flex: 1;
  min-width: 250px;
  max-width: 400px;
  padding: 30px 20px;
  border-radius: 12px;
  color: #fff;
  text-align: center;
  
}


.volunteer-card1019 h3 {
  font-size: 1.5rem;
  margin-bottom: 15px;
}

/* ¹ÝÀÀÇü: È­¸é 600px ÀÌÇÏ */
@media (max-width: 600px) {
  .volunteer-card1019 h3 {
    margin-bottom: 10px;
    font-size: 1.3rem; /* ÇÊ¿ä½Ã ÆùÆ®µµ ¾à°£ ÁÙÀ̱â */
  }
}

/* ¾ÆÁÖ ÀÛÀº È­¸é: È­¸é 400px ÀÌÇÏ */
@media (max-width: 400px) {
  .volunteer-card1019 h3 {
    margin-bottom: 8px;
    font-size: 1.2rem;
  }
}

.volunteer-card1019 p {
  font-size: 1.1rem;
  line-height: 1.6;
}

/* ¹ÝÀÀÇü */
/* ÅÂºí¸´ */
@media (max-width: 1024px) {
  .volunteer-card1019 { max-width: 300px; }
}

/* ¸ð¹ÙÀÏ: È­¸é 768px ÀÌÇÏ */
@media (max-width: 768px) {
  .volunteer-slogan1019 { font-size: 1.6rem; margin-bottom: 20px; }
  .activities-title1019 { font-size: 1.3rem; }
  .activities-list1019 { font-size: 1.1rem; }
  .volunteer-card1019 { padding: 20px 15px; }
}

/* ¸ð¹ÙÀÏ: È­¸é 600px ÀÌÇÏ */
@media (max-width: 600px) {
  .volunteer-slogan1019 { font-size: 1.4rem;margin-bottom: 20px; }
  .activities-title1019 { font-size: 1.1rem; }
  .activities-list1019 { font-size: 0.9rem; }
  .volunteer-card1019 { padding: 16px 12px; }
}

/* ÀÛÀº È­¸é: È­¸é 400px ÀÌÇÏ */
@media (max-width: 400px) {
  .volunteer-slogan1019 { font-size: 1.2rem; margin-bottom: 20px;}
  .activities-title1019 { font-size: 1rem; }
  .activities-list1019 { font-size: 0.8rem; }
  .volunteer-card1019 { padding: 12px 10px; }
}









/*Àå¾ÖÀο¹¼ú´Ü¼Ò°³*/.arts-section1019 {
  max-width: 1545px;
  width: 100%;
  margin: 0 auto;
  font-family: 'Noto Sans KR', sans-serif;
  box-sizing: border-box;
  padding: 20px 0 0px 0;
}

/* ¹è°æ À̹ÌÁö ¿µ¿ª */
.arts-banner1019 {
  position: relative;
  width: 100%;
  min-height: 600px; /* ÇÊ¿ä ½Ã Á¶Àý */
  background-image: url('/img/art.png');
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* ¹è°æ À§ ÅؽºÆ® */
.arts-banner-text1019 {
  color: #fff;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  max-width: 1500px;
  padding: 100px 0 450px 0;
}

.arts-banner-text1019 h1 {
  font-size: 3rem; /* ½½·Î°Ç Å©°Ô */
  margin-bottom: 20px;font-family: 'MaruBuri', 'Malgun Gothic', sans-serif;
}

.arts-banner-text1019 p {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 0px;
}

.arts-contact1019 {
  font-weight: bold;
  font-size: 1.5rem;
  margin-top: 20px;
}

/* ¹ÝÀÀÇü */
@media (max-width: 1024px) {
  .arts-banner-text1019 h1 { font-size: 2.5rem; }
  .arts-banner-text1019 p,
  .arts-contact1019 { font-size: 1.3rem; }
}

@media (max-width: 768px) {
  .arts-banner-text1019 h1 { font-size: 2rem; }
  .arts-banner-text1019 p,
  .arts-contact1019 { font-size: 1.1rem; }
}

@media (max-width: 480px) {
  .arts-banner-text1019 h1 { font-size: 1.5rem; }
  .arts-banner-text1019 p,
  .arts-contact1019 { font-size: 1rem; }
}






















/*==========¸ÞÀÎÀÎÆ®·Î==========*/
.main-visual_1006 {
  position:relative;
  width:100%;
  height:1009px;
  overflow:hidden;
  background:#000;
}

/* ½½¶óÀ̵å */
.slogan_1006 {
  position: absolute;
  top: 50%;
  right: 8%; /* ? È­¸é ¿À¸¥ÂÊ¿¡¼­ ¾à°£ ¶³¾îÁö°Ô */
  transform: translateY(-50%); /* ¼¼·Î Áß¾Ó Á¤·Ä¸¸ À¯Áö */
  text-align: left; /* ? ÅؽºÆ®¸¦ ¿ÞÂÊ Á¤·Ä·Î º¯°æ */
  z-index: 15;
  overflow: visible;
  width: auto; /* ÇÊ¿ä ½Ã auto·Î Á¶Á¤ (ȤÀº ÀûÀýÇÑ ³Êºñ ÁöÁ¤ °¡´É) */
  pointer-events: none;
}


.line_1006 {
  opacity: 0;
  transform: translateY(20px); /* ¾Æ·¡¿¡¼­ ½ÃÀÛ */
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.line_1006.active_1006 {
  opacity: 1;
  transform: translateY(0);
}
.line_1006:nth-child(1) { font-family: 'MaruBuri', 'Malgun Gothic', sans-serif;
font-size: 42px; color: #fff; font-weight: 800; letter-spacing: -2px; padding-bottom: 20px; }
.line_1006:nth-child(2) { font-family: 'MaruBuri', 'Malgun Gothic', sans-serif;
font-size: 24px; color: #eee;letter-spacing: -1px; font-weight: 700; }


/* Áß¾Ó ÅؽºÆ® */
.main-text_1006 {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  text-align:center;
  color:#fff;
  z-index:10;
  opacity:0;
  animation:fadeInUp_1006 2s ease forwards 1s;
}
@keyframes fadeInUp_1006 {
  from {opacity:0; transform:translate(-50%, -60%);}
  to {opacity:1; transform:translate(-50%, -50%);}
}


.main-text_1006 h2 {
  font-size:56px;
  font-weight:700;
  margin-bottom:20px;
}
.main-text_1006 p {
  font-size:32px;
}


/* ÁÂ¿ì ³×ºñ°ÔÀÌ¼Ç */
.nav-btn_1006 {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:56px;
  height:56px;
  border-radius:50%;
  background:rgba(255,255,255,0.3);
  border:none;
  color:#fff;
  font-size:20px;
  cursor:pointer;
  transition:background 0.3s;
  z-index:20;
}
.nav-btn_1006:hover {
  background:rgba(255,255,255,0.6);
}
.prev_1006 { left:40px; }
.next_1006 { right:40px; }

/* ¼ýÀÚ µå¸£¸¤ ÀÚ¸®Ã£±â È¿°ú Áغñ¿ë (JS¿¡¼­ Á¦¾î) */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap');

.num_1006,
.num_1006 .digit_1006,
.num_1006 .digit-inner_1006 {
  font-family: 'Rubik', sans-serif !important;
  font-weight: 700;
  font-size: 60px;
  color: #fff;
  letter-spacing: 2px;
  line-height: 1.25;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.digit_1006 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 0.8em;   /* ÀÚ¸® °íÁ¤ */
  height: 1.25em; /* ¼ýÀÚ À߸² ¹æÁö */
}

.digit-inner_1006 {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  will-change: transform;
  transition: transform 0.18s ease-out;
}


.digit_1006 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 0.8em;
  height: 1.5em;
}

.digit-inner_1006 {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  will-change: transform;
  transition: transform 0.18s ease-out;
}

.old_1006 {
  transform: translateY(0);
}

.new_1006 {
  transform: translateY(-100%);
}


/* ¹ÝÀÀÇü CSS */
@media (max-width: 1440px) {
  .main-visual_1006 {
    height: 900px;
  }
  .line_1006:nth-child(1) { font-size: 50px; }
  .line_1006:nth-child(2) { font-size: 28px; }
  .main-text_1006 h2 { font-size: 50px; }
  .main-text_1006 p { font-size: 28px; }
  .num_1006, .num_1006 .digit_1006, .num_1006 .digit-inner_1006 { font-size: 54px; }
}

@media (max-width: 1200px) {
  .main-visual_1006 {
    height: 800px;
  }
  .line_1006:nth-child(1) { font-size: 44px; }
  .line_1006:nth-child(2) { font-size: 24px; }
  .main-text_1006 h2 { font-size: 44px; }
  .main-text_1006 p { font-size: 24px; }
  .num_1006, .num_1006 .digit_1006, .num_1006 .digit-inner_1006 { font-size: 48px; }
}



@media (max-width: 768px) {
  .main-visual_1006 {
    height: 600px;
  }
  .line_1006:nth-child(1) { font-size: 32px; }
  .line_1006:nth-child(2) { font-size: 18px; }
  .main-text_1006 h2 { font-size: 32px; }
  .main-text_1006 p { font-size: 18px; }
  .num_1006, .num_1006 .digit_1006, .num_1006 .digit-inner_1006 { font-size: 36px; }
  .nav-btn_1006 { width:40px; height:40px; font-size:16px; left:20px; right:20px; display: none; }
}

@media (max-width: 480px) {
    
  .main-visual_1006 {
    height: 500px;
  }
  .line_1006:nth-child(1) { font-size: 24px; }
  .line_1006:nth-child(2) { font-size: 14px; }
  .main-text_1006 h2 { font-size: 24px; }
  .main-text_1006 p { font-size: 14px; }
  .num_1006, .num_1006 .digit_1006, .num_1006 .digit-inner_1006 { font-size: 20px; }
  .nav-btn_1006 { width:32px; height:32px; font-size:14px; left:10px; right:10px;  display: none;}
  .slogan_1006 {
  position: absolute;
  left: 50%;
  top: 20%;
  transform: translate(-50%, -20%); text-align: center; width:100%;
}

/* ¸ð¹ÙÀÏ Àü¿ë (°¡·Î Æø 768px ÀÌÇÏÀÏ ¶§) */
@media screen and (max-width: 768px) {
  .slogan_1006 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

}




/*==========Á¦Ç°¼Ò°³ºÎºÐ==========*/
.content-top {
  text-align: center; /* À̹ÌÁö Áß¾ÓÁ¤·Ä */
}

.main-img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/* µ¥½ºÅ©Å¾¿¡¼­´Â ¿øº» Å©±â·Î À¯Áö */
@media (min-width: 768px) {
  .main-img {
    width: auto;
    max-width: none; /* ¿øº» Å©±â */
  }
}



/* ±âº» ¿µ¿ª */
.productinfo1006 {
  width: 100%;
  background-color: #fac147;
  display: flex;
  justify-content: center;
  padding: 70px 0;
}
/* È­¸é 1200px ÀÌÇÏ */
@media (max-width: 1200px) {
  .productinfo1006 {
    padding: 40px 0; /* ¾Æ·¡ Æеù¸¸ 50px·Î º¯°æ */
  }
}



.productinfo1006-container {
  display: flex;
  max-width: 1724px;
  width: 100%;
  gap: 80px;
}

/* ÁÂÃø ¸Þ´º */
.productinfo1006-menu {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 420px;
  width: 420px;
  flex-shrink: 0;
}

.productinfo1006-btn {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.5);
  color: white;
  padding: 20px 20px;
  text-align: center;
  cursor: pointer;
  position: relative;
  font-size: 16px;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: left;
  max-width: 420px;
  width: 100%;
}

.productinfo1006-btn.active,
.productinfo1006-btn:hover {
  background-color: #5b5855;
  font-weight: bold;
}

.productinfo1006-btn.active {
  border: none;
}

.productinfo1006-btn .productinfo1006-arrow {
  position: absolute;
/*  right: -23px;*/
  top: 50%;
  transform: translateY(-50%);
  display: none;
  padding: 0 10px;
  color: #2d2d2d;
  font-size: 2em;
}

.productinfo1006-btn.active .productinfo1006-arrow {
  display: block;
}

/* ================== ¸ð¹ÙÀÏ/ÅÂºí¸´¿¡¼­ È­»ìÇ¥ ¼û±â±â ================== */
@media screen and (max-width: 1200px) {
    .productinfo1006-btn .productinfo1006-arrow {
        display: none !important;
    }
}
@media screen and (max-width: 768px) {
    .productinfo1006-btn .productinfo1006-arrow {
        display: none !important;
    }
}


/* ¿ìÃø ÄÁÅÙÃ÷ */
.productinfo1006-contents {
  flex: 1;
/*  min-width: 500px;*/
}

.productinfo1006-content {
  display: none;
  background-color: #fff;
  padding: 0;
}

.productinfo1006-content.active {
  display: block;
}

.productinfo1006-item {
  display: flex;
  gap: 40px;
}

.productinfo1006-item img {
  width: 624px;
  height: auto;
  object-fit: cover;
}

/* ¼½¼Ç Àü¿ë ÄÁÅ×ÀÌ³Ê */
.productinfo1006-block {
  margin-top: 40px;
}

/* »ó´Ü ¹øÈ£ + Á¦¸ñ */
.productinfo1006-header {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

/* ¹øÈ£ (01) */
.productinfo1006-subtitle {
  font-family: 'Rubik', sans-serif;
  margin-right: 10px;
  color: #fabb37;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  width: 46px;
}

/* Á¦¸ñ (Á¦Ç°Á¤º¸) */
.productinfo1006-title {
  color: #000000;
  font-size: 26px;
  font-weight: 600;
  margin: 0;
}

/* ¹øÈ£ ¹Ø ȸ»ö¼± */
.productinfo1006-line {
  width: 46px;
  height: 1px;
  background-color: #666666;
  margin-top: 15px;
  margin-bottom: 16px;
}

/* ³»¿ë */
.productinfo1006-text p {
  font-size: 17px;
  font-weight: 400;
  color: #222;
  margin-right: 25px;
}

/* ===================== ¹ÝÀÀÇü ½ÃÀÛ ===================== */

@media (max-width: 1200px) {
  .productinfo1006-container {
    flex-direction: row;      /* PCó·³ ÁÂ¿ì ±¸Á¶ À¯Áö */
    align-items: flex-start;
    gap: 20px;                /* °£°Ý ÁÙÀ̱â */
    justify-content: flex-start;
      margin-bottom: 30px;
  }

  /* ÁÂÃø ¸Þ´º */
  .productinfo1006-menu {
    width: 250px;             /* Æø Ãà¼Ò */
    max-width: 250px;
    gap: 8px;
  }

  .productinfo1006-btn {
    padding: 12px 15px;       /* ¹öÆ° Æеù Ãà¼Ò */
    font-size: 14px;           /* ±ÛÀÚ Å©±â Ãà¼Ò */
  }

  .productinfo1006-btn .productinfo1006-arrow {
    font-size: 1.5em;         /* È­»ìÇ¥ Ãà¼Ò */
  }

  /* ¿ìÃø ÄÁÅÙÃ÷ */
  .productinfo1006-contents {
    flex: 1;
  }

  .productinfo1006-item {
    gap: 20px;                /* ¾ÆÀÌÅÛ °£°Ý Ãà¼Ò */
  }

  .productinfo1006-item img {
    width: 80%;               /* À̹ÌÁö Å©±â Ãà¼Ò */
    max-width: 400px;
  }

  /* »ó´Ü ¹øÈ£ + Á¦¸ñ */
  .productinfo1006-subtitle {
    font-size: 24px;
    width: 40px;
  }

  .productinfo1006-title {
    font-size: 20px;
  }

  .productinfo1006-line {
    width: 36px;
  }

  .productinfo1006-text p {
    font-size: 13px;
    margin-right: 15px;
  }

  .productinfo1006-block {
    margin-top: 20px;
  }
}

/* ¸ð¹ÙÀÏ (ÃÖ´ë 768px) */
@media (max-width: 768px) {
  .productinfo1006 {
    padding: 0 15px; /* Àüü ÁÂ¿ì ¿©¹é */
  }

  .productinfo1006-container {
    flex-direction: column;      
    gap: 15px;                    /* °ø¹é ÃÖ¼ÒÈ­ */
  }

  /* ÁÂÃø ¹öÆ° ¿µ¿ª */
  .productinfo1006-menu {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
      margin-top:30px;
/*    padding: 0 10px;  ¹öÆ° ÁÂ¿ì ¿©¹é */
    box-sizing: border-box;
  }

  .productinfo1006-btn {
    width: 100%;
    padding: 12px 15px;           /* ¹öÆ° ¾ÈÂÊ ¿©¹é È®º¸ */
    font-size: 14px;
    margin: 0;
    box-sizing: border-box;
  }

  .productinfo1006-btn .productinfo1006-arrow {
    display: none !important;    
  }

  /* ÄÁÅÙÃ÷ ¿µ¿ª */
  .productinfo1006-contents {
    width: 100%;
  }

  .productinfo1006-item {
    flex-direction: column;      
    align-items: flex-start;     
    gap: 10px;
  }

  .productinfo1006-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  /* ÅؽºÆ® ¿µ¿ª */
  .productinfo1006-header {
    flex-direction: column;      
    align-items: flex-start;
    gap: 5px;
    margin-bottom: 5px;
  }

  .productinfo1006-subtitle {
    font-size: 18px;
    width: auto;
    margin: 0;
    color: #666;
  }

  .productinfo1006-title {
    font-size: 20px;
    margin: 0;
  }

  .productinfo1006-line {
    width: 30px;
    height: 1px;
    background-color: #666;
    margin: 5px 0;
  }

  .productinfo1006-text {
    padding: 0 10px; /* ±ÛÀÚ ÁÂ¿ì ¿©¹é */
    box-sizing: border-box;
  }

  .productinfo1006-text p {
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
 
  }

  .productinfo1006-block {
    margin-top: 10px;
  }
}

/* ÃʼÒÇü ±â±â (ÃÖ´ë 480px) */
@media (max-width: 480px) {
  .productinfo1006 {
    padding: 0 20px; /* Àüü ÁÂ¿ì ¿©¹é */
  }

  .productinfo1006-btn {
    font-size: 13px;
    padding: 10px;
  }

  .productinfo1006-subtitle,
  .productinfo1006-title {
    font-size: 16px;
  }

  .productinfo1006-text {
    padding: 0 10px 30px 10px;
  }

  .productinfo1006-text p {
    font-size: 13px;
    line-height: 1.6; padding-top:20px;
  }

  .productinfo1006-item {
    gap: 5px;
  }

  .productinfo1006-block {
    margin-top: 5px; padding:10px;
  }
}




/*==========°¶·¯¸®¼Ò°³ºÎºÐ==========*/
/* ~ ½ÃÀÛ ~ */
.etat1007-wrap {
  width: 100%;
  box-sizing: border-box;
  padding: 150px 0;
}

.etat1007-inner {
  display: flex;
  width: 100%;
  gap: 0px;
}

/* ÁÂÃø */
.etat1007-left {
  flex: 0 0 489px;
  padding-left: 90px; /* ÁÂÃø ¿©¹é¸¸ */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.etat1007-title {
  font-size: 48px;
  font-family: 'Rubik', sans-serif;
  margin-bottom: 20px; line-height: 1;
}

.etat1007-desc-main {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 20px;
}

.etat1007-desc-sub {
  font-size: 18px;
  font-weight: 400;
  color: #999;
  line-height: 1.5;
  margin-bottom: 40px;
}

/* ¹öÆ° */
.etat1007-btn {
  display: inline-block;
  padding: 14px 36px;
  border: 1px solid #999;
  border-radius: 100px;
  background: #fff;        /* ±âº»: Èò»ö ¹è°æ */
  color: #000;             /* ±âº»: °ËÁ¤ ±Û¾¾ */
  text-decoration: none;
  font-weight: 500;
  width: fit-content;
  transition: background 0.4s ease, color 0.4s ease, border-color 0.4s ease;
}

.etat1007-btn:hover {
  background: #555;        /* È£¹ö: °ËÁ¤ ¹è°æ */
  color: #fff;             /* È£¹ö: Èò ±Û¾¾ */
  border-color: #000;      /* Å׵θ®µµ °ËÁ¤À¸·Î º¯°æ */
}


/* ÆäÀÌÁö³×ÀÌ¼Ç */
.etat1007-pagination {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: auto;
}

.etat1007-prev,
.etat1007-next {
  border: none;
  background: transparent;
  font-size: 22px;
  cursor: pointer;
  transition: 0.3s;
}

.etat1007-prev:hover,
.etat1007-next:hover {
  color: #333;
}

/* ÆäÀÌÁö ¹Ù */
.etat1007-pagebar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  position: relative;
  height: 2px;
  width: 180px;
  background: #ddd;
}

.etat1007-dash {
  display: block;
  width: 12px;
  height: 2px;
  background: transparent;
  position: relative;
  cursor: pointer;
}

.etat1007-dash.active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 2px;
  background: #000;
}

/* ¿ìÃø °¶·¯¸® */
.etat1007-right {
  flex: 1;
  overflow: hidden;
  position: relative;
  margin-right: 0; /* ? ¿ìÃø ¿©¹é ¾øÀ½ */
  padding: 0;
}

/* °¶·¯¸® ÇÑ ÁÙ¿¡ 3°³ + ¹ÝÂë º¸ÀÌ°Ô */
.etat1007-gallery {
  display: flex;
  transition: transform 0.8s ease-in-out;
}

.etat1007-slide {
  flex: 0 0 489px;
  margin-right: 30px; /* ½½¶óÀÌµå °£ °£°Ý */
}

.etat1007-slide img {
  width: 489px;
  height: 635px;
  object-fit: cover;
  display: block;
}

/* 1200px ÀÌÇÏ - PC Å©±âº¸´Ù »ì¦ ÁÙÀÓ */
@media (max-width: 1200px) {
    
.etat1007-wrap {
  width: 100%;
  box-sizing: border-box;
  padding: 50px 0;
}

  .etat1007-left {

    padding-left: 60px;
  }

  .etat1007-title {
    font-size: 48px;
      margin-bottom: 0;
  }

  .etat1007-desc-main {
    font-size: 22px;
  }

  .etat1007-desc-sub {
    font-size: 16px;
  }

  .etat1007-slide {
    flex: 0 0 400px;
  }

  .etat1007-slide img {
    width: 400px;
    height: 520px;
  }
}

//* 1200px ÀÌÇÏ - ÇÑ È­¸é¿¡ °¶·¯¸® 4°³ */
@media (max-width: 1200px) {
  .etat1007-inner {
    flex-direction: row;
    gap: 30px; /* ½½¶óÀÌµå °£ °£°Ý */
  }

  .etat1007-left {
    padding-left: 60px;
  }

  .etat1007-title {
    font-size: 48px;
  }

  .etat1007-desc-main {
    font-size: 22px;
  }

  .etat1007-desc-sub {
    font-size: 16px;
  }

  .etat1007-right {
    width: 100%;
  }

  .etat1007-gallery {
    justify-content: flex-start;
  }

  /* ÇÑ È­¸é¿¡ 4°³ */
  .etat1007-slide {
    flex: 0 0 calc((100% - 90px) / 4); /* 4°³ + gap 30px*3 = 90px */
    margin-right: 30px;
  }

  .etat1007-slide img {
    width: 100%;
    height: auto;
  }

  .etat1007-pagination {
    margin-top: 40px;
    justify-content: center;
  }
}
/* 768px ÀÌÇÏ ? Á¿ì 1:1 ¡æ ¼¼·Î·Î Àüȯ, °¶·¯¸® 2°³ Á¤µµ */
@media (max-width: 768px) {
  .etat1007-inner {
    flex-direction: column;
    gap: 40px; /* °ø¹é ÁÙÀÓ */
  }

  .etat1007-left {
    width: 100%;
    padding-left: 20px; /* Á¿ì Æеù ÁÙÀÓ */
    text-align: left;
            flex: 0 0 0px;
  }

  .etat1007-title {
    font-size: 36px; /* À¯Áö */
  }

  .etat1007-desc-main {
    font-size: 16px; /* -2px */
  }

  .etat1007-desc-sub {
    font-size: 13px; /* -2px */
  }

  .etat1007-slide {
    flex: 0 0 48%; /* ÇÑ È­¸é¿¡ »çÁø 2°³ Á¤µµ */
    margin-right: 4%; /* ½½¶óÀÌµå °£°Ý */
  }

  .etat1007-slide img {
    width: 100%;
    height: auto;
  }

  .etat1007-pagination {
    justify-content: center;
    gap: 10px;
  }
}

/* 480px ÀÌÇÏ ? ¸ð¹ÙÀÏ ¿ÏÀü ¼¼·ÎÇü, ½½¶óÀ̵å 1°³¾¿ */
@media (max-width: 480px) {
    
    .etat1007-inner { gap:20px; }
  .etat1007-wrap {
    padding: 40px 0; /* À§¾Æ·¡ °ø¹é ÁÙÀÓ */
  }

  .etat1007-title {
    font-size: 24px;
    margin-bottom: 8px; /* °ø¹é ÁÙÀÓ */
  }

  .etat1007-desc-main {
    font-size: 15px; /* -2px */
    margin-bottom: 8px;
  }

  .etat1007-desc-sub {
    font-size: 13px; /* -2px */
      margin-bottom: 10px;
  }

  .etat1007-btn {
    font-size: 13px; /* -2px */
    padding: 8px 24px; /* °ø¹é ÁÙÀÓ */
  }

  .etat1007-slide {
    flex: 0 0 33%; /* ¸ð¹ÙÀÏÀº 1°³¾¿ */
    margin-right: 10px;
  }

  .etat1007-pagination {
    justify-content: left;
    margin-top: 8px; /* °ø¹é ÁÙÀÓ */
  }
}


/* ========== ¹ÝÀÀÇü ³¡ ========== */



/*========== °íÁ¤Ç®¹è°æ¿¡ ½½·Î°Ç³ª¿À´Â ±¸Á¶========== */
/* ¹è°æ °íÁ¤ div */
.scrollb1007 {
  position: relative;
  width: 100%;
  height: 800px;
  background: url('/img/main_scrollb.jpg') no-repeat center center / cover;
  background-attachment: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
}

/* ÅؽºÆ® ·¡ÆÛ */
.text-wrap1007 {
  max-width: 1200px;
  padding: 0 20px;
}

/* ÅؽºÆ® ½ºÅ¸ÀÏ */
.title1007 {
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 30px; letter-spacing: -1px;
}

.desc1007 {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.6; opacity: 0.9;letter-spacing: -1px;
}

/* ¹ÝÀÀÇü */
@media (max-width: 1024px) {
      .scrollb1007 { height: 500px; } 
  .title1007 { font-size: 40px; }
  .desc1007 { font-size: 20px; }
}

@media (max-width: 768px) {
  .scrollb1007 { height: 500px; } /* 600px ¡æ 500px·Î ³·Ãã */
  .title1007 { font-size: 28px; } /* ±ÛÀÚ ÁÙÀÓ */
  .desc1007 { font-size: 16px; }
}

@media (max-width: 480px) {
  .scrollb1007 { height: 400px; } /* 500px ¡æ 400px·Î ³·Ãã */
  .title1007 { font-size: 28px; } /* ±ÛÀÚ ÁÙÀÓ */
  .desc1007 { font-size: 14px; }
}


/*=======================ÀÎÁõÇöȲ-----------------------------*/
.certification1007-style {
  width: 100%;
  padding: 80px 93px;
  text-align: center;
  box-sizing: border-box;
}

.certification1007-style .title {
  font-size: 48px;
  color: #222;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: -1px;
}

.certification1007-style .desc {
  font-size: 22px;
  letter-spacing: -1px;
  color: #8d8d8d;
  font-weight: 400;
  margin-bottom: 20px;
}

/* ÀÎÁõ ¸®½ºÆ® flex·Î °¡¿îµ¥ Á¤·Ä */
.certification1007-style .cert-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* °¡¿îµ¥ Á¤·Ä */
  gap: 20px;
}

.certification1007-style .cert-item {
  border: 2px solid rgba(0, 0, 0, 0.05);
  padding: 20px;
  box-sizing: border-box;
  flex: 0 0 calc(25% - 15px); /* PC: 4°³ */
}

.certification1007-style .cert-item img {
  width: 100%;
  height: auto;
  display: block;
}

.certification1007-style .cert-item p {
  margin-top: 10px;
  font-size: 22px;
  font-weight: 500;
  color: #333;
}

/*=======================¹ÝÀÀÇü=============================*/
@media (max-width: 1200px) {
  .certification1007-style {
    padding: 50px;
  }

  .certification1007-style .title {
    font-size: 32px;
  }

  .certification1007-style .desc {
    font-size: 16px;
  }

  .certification1007-style .cert-item {
    flex: 0 0 calc(50% - 15px); /* 2°³ */
  }

  .certification1007-style .cert-item p {
    font-size: 14px;
  }
}


@media (max-width: 768px) {
  .certification1007-style {
    padding: 60px 20px;
  }

  .certification1007-style .title {
    font-size: 28px;
  }

  .certification1007-style .desc {
    font-size: 16px;
  }

  .certification1007-style .cert-item {
    flex: 0 0 calc(50% - 10px); /* ¸ð¹ÙÀÏ: °¡·Î 2°³ À¯Áö */
  }

  .certification1007-style .cert-item p {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .certification1007-style {
    padding: 40px 10px;
  }

  .certification1007-style .title {
    font-size: 26px;
  }

  .certification1007-style .desc {
    font-size: 14px;
  }

  .certification1007-style .cert-item {
    flex: 0 0 calc(50% - 10px); /* ÀÛÀº ¸ð¹ÙÀϵµ °¡·Î 2°³ À¯Áö */
  }

  .certification1007-style .cert-item p {
    font-size: 12px;
  }
    .certification1007-style h2 img { width:80%;}
}






/*================°¡Ä¡¸¦ Áõ¸íÇÏ´Ù=================*/
.valueproof-section {
  display: flex;
  align-items: flex-start; /* »ó´Ü Á¤·Ä */
  justify-content: space-between;
  padding: 100px 0;
  padding-left: 93px;
  background-color: #e8eeee;
  box-sizing: border-box;
  gap: 20px;
}

/* ÁÂÃø */
.valueproof-left {
  flex: 0 0 20%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; /* ³×ºñ ÇÏ´Ü °íÁ¤¿ë */
  position: relative;
}

.valueproof-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.valueproof-title {
  font-size: 48px; font-family: 'Rubik', sans-serif;
  font-weight: 600;letter-spacing: -1px;
  color: #222;
  margin-bottom: 0px;
}

.valueproof-desc {
  font-size: 22px;
  font-weight: 400;
  color: #666;
  line-height: 1.5; letter-spacing: -1px;
  margin: 0;
    margin-bottom:20px; 
}

/* ³×ºñ°ÔÀÌ¼Ç ¹öÆ° ÇÏ´Ü Á¤·Ä */
.valueproof-controls {
  display: flex;
  gap: 15px;
  position: absolute;
  top: 300px;
  left: 0;
}

.valueproof-btn {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: #fff;
  color: #999;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.valueproof-btn:hover {
  background: #333;
  color: #fff;
}

/* ¿ìÃø °¶·¯¸® */
.valueproof-right {
  flex: 1;
  overflow: hidden; margin-right:4%;
}

.valueproof-gallery-wrapper {
  overflow: hidden;
  width: 100%;
}

.valueproof-gallery-track {
  display: flex;
  gap: 15px;
  transition: transform 0.6s ease;
}

.valueproof-gallery-item {
        /* Ç׸ñ ³Êºñ °íÁ¤ */
  text-align: center;
  overflow: hidden;       /* À̹ÌÁö Ä¿Áú ¶§ ³ÑÄ¡Áö ¾Ê°Ô */
  position: relative;     /* p ÅÂ±× Æ÷Áö¼Å´×¿ë */
  margin: 0 10px;  
    display:block; /* ·Ñ¸µ °£°Ý Á¶Àý */
}

.valueproof-gallery-item img {
  width: 100%;
  height: 420px;          /* °íÁ¤ ³ôÀÌ */
  object-fit: cover; border-radius:8px;     /* ¼¼·Î ´­¸² ¹æÁö ? ºñÀ² À¯ÁöÇϸ鼭 ²Ë ä¿ò */
  display: block;
  transition: transform 0.5s ease;  /* hover ½Ã ºÎµå·´°Ô */
}

/* À̹ÌÁö ¾Æ·¡ ±ÛÀÚ ½ºÅ¸ÀÏ */
.valueproof-gallery-item p {
  position: absolute;
  bottom: -1%; /* À̹ÌÁö ³ôÀÌÀÇ 10% ¾Æ·¡ */
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  color: #666;
  font-weight: 500;
  text-align: center;
  width: 90%; /* Æø ÁöÁ¤ */
  white-space: normal;/* ÁÙ¹Ù²Þ Çã¿ë */
}


/* ¹ÝÀÀÇü */
/* Áß°£ È­¸é 768px ~ 1200px */
@media (max-width: 1200px) and (min-width: 769px) {
  .valueproof-section {
    flex-direction: column;
    align-items: center;
    padding: 80px 40px;
    gap: 30px;
  }

  .valueproof-left {
    width: 100%;
    text-align: center;
    align-items: center;
    position: static;
  }

  .valueproof-title {
    font-size: 36px;
    margin-bottom: 15px;
  }

  .valueproof-desc {
    font-size: 18px;
    line-height: 1.5;
  }

  .valueproof-controls {
    position: static;
    margin-top: 25px;
    justify-content: center;
  }

  .valueproof-btn {
    width: 55px;
    height: 55px;
    font-size: 18px;
  }

  .valueproof-right {
    width: 100%;
  }

  .valueproof-gallery-track {
    gap: 12px;
  }

  .valueproof-gallery-item {
    flex: 0 0 85%; /* È­¸é ºñÀ² ÀûÀýÈ÷ */
  }

  .valueproof-gallery-item img {
    width: auto;
    height: ;
    border-radius: 10px;
  }

  .valueproof-caption {
    font-size: 18px;
    margin-top: 12px;
  }
}


/* ¸ð¹ÙÀÏ (ÃÖ´ë 768px) */
@media (max-width: 768px) {
  .valueproof-section { display:none;
/*
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 40px;
*/
  }

  .valueproof-left {
    width: 100%;
    align-items: center;
    text-align: center;
    position: static;
  }

  .valueproof-title {
    font-size: 32px;
    margin-bottom: 10px;
  }

  .valueproof-desc {
    font-size: 18px;
    line-height: 1.6;
  }

  .valueproof-controls {
    position: static;
    margin-top: 20px;
    justify-content: center;
  }

  .valueproof-btn {
    width: 50px;
    height: 50px;
    font-size: 16px;
  }

  .valueproof-right {
    width: 100%;
  }

  .valueproof-gallery-track {
    gap: 10px;
  }

  .valueproof-gallery-item {
    flex: 0 0 90%; /* È­¸é¿¡ °ÅÀÇ ²Ë Â÷°Ô */
  }

  .valueproof-gallery-item img {
    width: 100%;
    height: auto;
    border-radius: 10px;
  }

  .valueproof-caption {
    font-size: 16px;
    margin-top: 10px;
  }
}

/* ÃʼÒÇü ±â±â (ÃÖ´ë 480px) */
@media (max-width: 480px) {
  .valueproof-section {
    padding: 40px 15px;
    gap: 30px;
  }

  .valueproof-title {
    font-size: 26px;
  }

  .valueproof-desc {
    font-size: 16px;
  }

  .valueproof-btn {
    width: 44px;
    height: 44px;
    font-size: 14px;
  }

  .valueproof-gallery-item {
    flex: 0 0 42%; gap:0; height:200px;
  }

  .valueproof-caption {
    font-size: 14px;
  }
}


.valueproof-gallery-item {
  width: 100%;
  max-width: 450px; /* ÇÊ¿ä ½Ã Á¶Àý */
  height: 408px; /* ±âÁ¸ ½æ³×ÀÏ ºñÀ² À¯Áö */
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}

.valueproof-gallery-item img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


/* ===================== ¹ÝÀÀÇü ³¡ ===================== */





/*===========================ÄÁÅؾ=============================*/
/* Æû¸ÞÀÏ Àüü ·¡ÆÛ */
.contactus-container {
    display: flex;
    justify-content: space-between;
    gap: 100px; /* Á¿ì ÄÁÅÙÃ÷ °£°Ý */
    background-color: #272727;
    padding: 140px 90px 0 90px;
    font-family: 'Rubik', sans-serif;
    color: #fff;
}

/* ÁÂÃø Contact Á¤º¸ ¿µ¿ª */
.contactus-left {
    flex: 1;
}

.contactus-left h2 {
    font-family: 'Rubik', sans-serif; /* ·çºòü Àû¿ë */
    font-size: 48px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px; line-height: 1;
}

/* info_row ÅëÇÕ */
.contactus-info > div {
/*    display: flex;*/
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    color: #ccc; /* ¶óº§ ¿¬±×·¹ÀÌ */
    padding: 17px 0; /* À§¾Æ·¡ °£°Ý */
    border-bottom: 1px solid #444; /* ÇÏ´Ü ¼± */
}

.contactus-info > div:last-child {
    border-bottom: none; /* ¸¶Áö¸· ÁÙÀº ¼± Á¦°Å */
}

.contactus-label {
    /* ¶óº§ »ö»ó À¯Áö */
    color: #ccc; width: 100px; display: inline-block;
}

.contactus-value {
    color: #fff; /* ¿ìÃø °ª È­ÀÌÆ® */ 
}


/* ¿ìÃø Æû ¿µ¿ª */
.contactus-right {
    flex: 1;
}

.contactus-right p.contactus-desc {
    font-size: 22px;
    color: #fff;
    margin-bottom: 70px;
}

/* ÀÔ·Â ÇÊµå °øÅë */
.contactus-right input,
.contactus-right textarea {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #525252; /* °¡·Î 1px ¿¬ÇѼ± */
    color: #fff;
    font-size: 18px;
    padding: 10px 0;
    margin-bottom: 10px;
}

.contactus-right input::placeholder,
.contactus-right textarea::placeholder {
    color: #999; /* Ŭ¸¯ÇÏ¸é »ç¶óÁö´Â ±ÛÀÚ »ö */
}

/* ³»¿ë textarea ³ôÀÌ »ì¦ ³ô°Ô */
.contactus-right textarea {
    height: 100px;
    resize: none;
}

/* Àü¼Û ¹öÆ° */
.contactus-right button {
    background-color: #ff8023;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    padding: 15px 30px;
    cursor: pointer;
}

/*===========================¹ÝÀÀÇü=============================*/
/*===========================¹ÝÀÀÇü=============================*/
@media screen and (max-width: 768px) {
    .contactus-container {
        flex-direction: column; /* Á¿ì -> »óÇÏ */
        padding: 60px 15px; /* Æеù ÁÙÀÓ */
        gap: 30px; /* ÄÁÅÙÃ÷ °£°Ý ÃÖ¼ÒÈ­ */
    }

    .contactus-left,
    .contactus-right {
        flex: none;
        width: 100%;
    }

    .contactus-left h2 {
        font-size: 26px; /* ŸÀÌƲ 26px */
        margin-bottom: 20px; /* À§¾Æ·¡ °£°Ý ÃÖ¼ÒÈ­ */
    }

    .contactus-right p.contactus-desc {
        font-size: 18px; /* ¼³¸í ±ÛÀÚ 18px */
        margin-bottom: 20px; /* À§¾Æ·¡ °£°Ý ÃÖ¼ÒÈ­ */
    }

    .contactus-right input,
    .contactus-right textarea {
        font-size: 18px; /* ±ÛÀÚ 18px */
        margin-bottom: 15px; /* ÃÖ¼ÒÈ­ */
        padding: 8px 0; /* À§¾Æ·¡ Æеù ÁÙÀÓ */
    }

    .contactus-right button {
        width: 100%;
        font-size: 14px; /* ¹öÆ° ±ÛÀÚ 18px */
        padding: 10px 0; /* ¹öÆ° ³ôÀÌ ÃÖ¼ÒÈ­ */
    }

    /* contact info ÁÙ °£°Ý ÃÖ¼ÒÈ­ */
    .contactus-info > div {
        padding: 10px 0;
        font-size: 16px; /* ¸ð¹ÙÀÏ¿ë Á¶±Ý ÀÛ°Ô */
    }
}
/*===========================¸ð¹ÙÀÏ 480px ÀÌÇÏ=============================*/
@media screen and (max-width: 480px) {
    .contactus-container {
        margin-top:40px;
        padding: 40px 30px; /* Æеù ´õ ÁÙÀÓ */
        gap: 20px; /* ÄÁÅÙÃ÷ °£°Ý ÃÖ¼ÒÈ­ */
    }

    .contactus-left h2 {
        font-size: 20px; /* ŸÀÌƲ ÀÛ°Ô */
        margin-bottom: 15px;
    }
    
    .contactus-right {
        margin-top: 30px;
    }

    .contactus-right p.contactus-desc {
        font-size: 16px; /* ¼³¸í ±ÛÀÚ ÀÛ°Ô */
        margin-bottom: 15px;
    }

    .contactus-right input,
    .contactus-right textarea {
        font-size: 14px; /* ÀÔ·Â ÇÊµå ±ÛÀÚ ÀÛ°Ô */
        margin-bottom: 10px;
        padding: 6px 0;
    }

    .contactus-right textarea {
        height: 80px; /* textarea ³ôÀÌ ÁÙÀÓ */
    }

    .contactus-right button {
        font-size: 14px; /* ¹öÆ° ±ÛÀÚ ´õ ÀÛ°Ô */
        padding: 15px 0;
    }

    /* contact info ÁÙ °£°Ý ÃÖ¼ÒÈ­ */
    .contactus-info > div {
        padding: 8px 0;
        font-size: 14px; /* Á¤º¸ ±ÛÀÚ ÀÛ°Ô */
    }

    .contactus-label {
        width: 40px; /* ¶óº§ Æø ÁÙÀ̱â */
    }
}





/*-----------------------Ä¿¹Â´ÏƼ------------------*/
.community1007 {
  width: 100%;
  padding: 160px 93px;
  box-sizing: border-box;
}

.community1007-container {
  display: flex;
  gap: 100px; /* Á¿ì Ä÷³ »çÀÌ °¸ */
  flex-wrap: wrap;
}

.community1007-column {
  flex: 1;
  min-width: 300px; /* ³Ê¹« ÀÛ¾ÆÁö¸é ±úÁöÁö ¾Ê°Ô */
  display: flex;
  flex-direction: column;
}

.community1007-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.community1007-title {
  font-size: 36px;
  font-weight: 600;
}

.community1007-btn {
  padding: 8px 16px !important;
  border-radius: 100px;
  border: 1px solid #ccc;
  background-color: white;
  color: #333;
  cursor: pointer;
  font-size: 16px; letter-spacing: 1;
  transition: background-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease, transform 0.3s ease;
}

/* hover È¿°ú */
.community1007-btn:hover {
  background-color: #555; /* £Àº ±×·¹ÀÌ */
  color: white; /* ±Û¾¾ Èò»ö */
  border-color: #555; /* Å׵θ®µµ £Àº ±×·¹ÀÌ */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* ºÎµå·¯¿î ±×¸²ÀÚ */
  transform: translateY(-2px); /* »ì¦ ¶°ÀÖ´Â ´À³¦ */
}


.community1007-divider {
  height: 1px;
  background-color: #ccc;
  margin: 20px 0;
}

.community1007-posts {
  display: flex;
  flex-direction: column;
  gap: 20px; /* °Ô½Ã¹°°£ °£°Ý */
}

.community1007-post {
  width: 100%;
  padding: 20px;
  background-color: #f5f5f5; /* Àӽà ¹è°æ */
  border-radius: 8px;
}
/* ===================== Ä¿¹Â´ÏƼ ¹ÝÀÀÇü ½ÃÀÛ ===================== */

/* ÅÂºí¸´ (ÃÖ´ë 1200px) */
@media (max-width: 1200px) {
  .community1007 {
    padding: 100px 60px;
  }

  .community1007-container {
    gap: 60px;
  }

  .community1007-title {
    font-size: 30px;
  }

  .community1007-btn {
    font-size: 13px;
    padding: 6px 14px;
  }

  .community1007-post {
    padding: 18px;
  }
}

@media (max-width: 768px) {
  .community1007-header {
    flex-direction: row;        /* ÇÑ ÁÙ·Î ¹èÄ¡ */
    justify-content: space-between; /* ÁÂÃø: Á¦¸ñ, ¿ìÃø: ¹öÆ° */
    align-items: center;        /* ¼öÁ÷ °¡¿îµ¥ Á¤·Ä */
  }

  .community1007-title {
    font-size: 26px; /* ±Û¾¾ Å©±â ÇÊ¿ä ½Ã Á¶Á¤ */
  }

  .community1007-btn {
    font-size: 13px;
    padding: 6px 14px;
  }
}

/* ÃʼÒÇü ±â±â (ÃÖ´ë 480px) */
@media (max-width: 480px) {
  .community1007 {
    padding: 0px 20px;
  }

  .community1007-container {
    gap: 30px;
  }

  .community1007-title {
    font-size: 22px;
  }

  .community1007-btn {
    font-size: 12px;
    padding: 5px 12px;
  }

  .community1007-post {
    padding: 14px;
  }
}

/* ===================== Ä¿¹Â´ÏƼ ¹ÝÀÀÇü ³¡ ===================== */



/*ǪÅÍ·ù¹ÌÁ¤*/
.footer1007 {
  padding: 160px 93px 60px;
  background: #fff;
  font-family: 'Pretendard', 'Rubik', sans-serif;
}

.footer1007 * {
  font-family: 'Pretendard', 'Rubik', sans-serif;
  box-sizing: border-box;
}

.footer1007 .footer-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0; /* µÎ ´Ü¶ô ¿ÏÀü ºÙÀÓ */
}

.footer1007 .footer-left,
.footer1007 .footer-right {
  width: 50%;
}

.footer1007 h3 {
  font-size: 18px;
  font-weight: 800;
  color: #000;
  margin: 0;
}

.footer1007 .footer-space {
  height: 20px;
}

.footer1007 .footer-black {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  margin: 0 0 8px 0;
}

.footer1007 .footer-gray {
  font-size: 16px;
  font-weight: 400;
  color: #666;
  line-height: 1.6;
  margin: 0;
}

.footer1007 .footer-divider {
  height: 1px;
  background-color: #ddd;
  margin: 20px 0;
}

.footer1007 .footer-copy {
  font-size: 16px;
  font-weight: 500;
  color: #aaa;
  text-align: left; /* ÁÂÃø Á¤·Ä */
  margin: 0;
}
.footer1007 .footer-bottom {
  display: flex;
  justify-content: space-between; /* ÁÂ¿ì ³¡ Á¤·Ä */
  align-items: center;
  margin-top: 20px;
}

.footer1007 .footer-copy {
  font-size: 16px;
  font-weight: 500;
  color: #aaa;
  margin: 0;
  text-align: left;
}

.footer1007 .footer-icons {
  display: flex;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer1007 .footer-icons li a {
  color: #aaa;
  font-size: 16px;
  transition: color 0.3s;
}

.footer1007 .footer-icons li a:hover {
  color: #000;
}

/* ¹ÝÀÀÇü */
@media (max-width: 768px) {
  .footer1007 .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}


/* ¹ÝÀÀÇü (768px ÀÌÇÏ) */
@media (max-width: 768px) {
    .footer1007 .footer-space { height:0;}
  .footer1007 {
    padding: 100px 40px 40px;
  }

  .footer1007 .footer-inner {
    flex-direction: column;
    gap: 30px;
  }

  .footer1007 .footer-left,
  .footer1007 .footer-right {
    width: 100%;
  }

  .footer1007 h3 {
    font-size: 17px;
  }

  .footer1007 .footer-black,
  .footer1007 .footer-gray,
  .footer1007 .footer-copy {
    font-size: 15px;
  }
}
/*===========================ǪÅÍ 480px ÀÌÇÏ=============================*/
@media (max-width: 480px) {
  .footer1007 {
    padding: 60px 15px 20px; /* »óÇÏÁ¿ì Æеù ÃÖ¼ÒÈ­ */
  }

  .footer1007 .footer-inner {
    flex-direction: column;
    gap: 15px; /* Ç׸ñ °£ °£°Ý ÃÖ¼ÒÈ­ */
  }

  .footer1007 .footer-left,
  .footer1007 .footer-right {
    width: 100%;
  }

  .footer1007 h3 {
    font-size: 14px; /* Á¦¸ñ ±ÛÀÚ ÁÙÀ̱â */
    margin-bottom: 8px;
  }

  .footer1007 .footer-black,
  .footer1007 .footer-gray,
  .footer1007 .footer-copy {
    font-size: 13px; /* º»¹® ±ÛÀÚ ÁÙÀ̱â */
    line-height: 1.4;
    margin-bottom: 6px;
  }

  .footer1007 .footer-divider {
    margin: 10px 0; /* ±¸ºÐ¼± °£°Ý ÁÙÀÓ */
  }

  .footer1007 .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

  .footer1007 .footer-icons {
    gap: 8px; /* ¾ÆÀÌÄÜ °£°Ý ÁÙÀÓ */
  }

  .footer1007 .footer-icons li a {
    font-size: 14px; /* ¾ÆÀÌÄÜ ±ÛÀÚ/Å©±â ÁÙÀÓ */
  }
}



/*------------------contactus-----------------*/
.formwrap_20251007 {
  padding: 80px 93px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f5f5f5; /* ¼½¼Ç Àüü ¿¬È¸»ö */
  border-radius: 32px; /* Àüü ¶ó¿îµù */
  box-shadow: 0 4px 16px rgba(0,0,0,0.04);
}

/* ¾È³» ¹®±¸ */
.form-guide_20251007 {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  text-align: center;
  margin-bottom: 40px;
  line-height: 1.6;
}

/* Æû ÄÁÅ×ÀÌ³Ê */
.form_20251007 {
  width: 100%;
  max-width: 700px;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  padding: 50px 40px 60px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* ÀԷ¹ڽº */
.inputbox_20251007 {
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 14px 18px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
  transition: box-shadow 0.2s, border-color 0.2s, background 0.2s;
}

.inputbox_20251007:focus-within {
  background: #fff;
  border-color: #000;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.inputbox_20251007 input,
.inputbox_20251007 textarea {
  width: 100%;
  border: none;
  background: transparent;
  font-size: 15px;
  outline: none;
  font-family: 'Pretendard', 'Rubik', sans-serif;
  color: #222;
}

.inputbox_20251007 textarea {
  resize: vertical;
  min-height: 140px;
  line-height: 1.6;
}

/* ¹öÆ° */
.form_20251007 button {
  margin-top: 10px;
  padding: 16px 20px;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s, transform 0.15s;
}

.form_20251007 button:hover {
  background: #333;
  transform: translateY(-1px);
}

.feedback {
  font-size: 15px;
  color: #000;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 500;
}

/* ¹ÝÀÀÇü */
@media (max-width: 768px) {
  .formwrap_20251007 {
    padding: 50px 25px;
    border-radius: 24px;
  }

  .form_20251007 {
    padding: 40px 25px;
    border-radius: 20px;
    gap: 18px;
  }

  .form-guide_20251007 {
    font-size: 0.8rem;
    margin-bottom: 30px;
  }

  .inputbox_20251007 {
    padding: 12px 14px;
  }

  .form_20251007 button {
    font-size: 15px;
    padding: 14px;
  }
}
















/* 񃧯 */
.main-visual_1006 {
  position:relative;
  width:100%;
  height:1009px;
  overflow:hidden;
  background:#000;
}

/* ½½¶óÀ̵å */
.slide_1006 {
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
  background-size:cover;
  background-position:center;
  opacity:0;
  transform:scale(1.1);
  transition:opacity 2s ease, transform 8s ease;
}
.slide_1006.active {
  opacity:1;
  transform:scale(1);
}


@media (max-width: 1200px) {
  .main-visual_1006 {
    height: 650px; /* ºÎ¸ð ³ôÀÌ ÁÙÀÓ */
  }
}



@media (max-width: 768px) {
  .main-visual_1006 {
    height: 350px; /* ºÎ¸ð ³ôÀÌ ÁÙÀÓ */
  }
}






/* ½½·Î°Ç */
.main-text_1006 {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  text-align:center;
  z-index:10;
  opacity:0;
  animation:fadeInUp_1006 2s ease forwards 1s;
}
@keyframes fadeInUp_1006 {
  from {opacity:0; transform:translate(-50%, -60%);}
  to {opacity:1; transform:translate(-50%, -50%);}
}
.main-text_1006 h2 {
  font-size:56px;
  color:#fff;
  font-weight:700;
  margin-bottom:20px;
}
.main-text_1006 p {
  font-size:32px;
  color:#fff;
}

/* ¼ýÀÚ Åë°è */
.stats_1006 {
  position:absolute;
  bottom:100px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:150px;
  z-index:10;
  text-align:center;
}
.stat_1006 {
  display: flex;
  flex-direction: column; /* ¼ýÀÚ À§, ¼³¸í ¾Æ·¡ */
  align-items: center;    /* Áß¾Ó Á¤·Ä */
}

.stat_1006 p {
  font-size:20px;
  color:#fff;
  margin-top:0px;  white-space: nowrap;      /* ÇÑ ÁÙ·Î °íÁ¤ */

}

/* ÅÂºí¸´ */
@media (max-width: 1200px) {
  .stats_1006 {
    bottom: 120px; /* Á¶±Ý ´õ ¾Æ·¡·Î ³»¸² */
    gap: 8px;
    width: 95%;
  }
  .stat_1006 {
    flex: 1 1 calc(33.33% - 8px);
    min-width: 60px;
  }
  .stat_1006 p {
    font-size: 20px;
  }
}

/* ¸ð¹ÙÀÏ */
@media (max-width: 480px) {
  .stats_1006 {
    bottom: 30px; /* ¸ð¹ÙÀÏ¿¡¼­´Â ´õ ¾Æ·¡·Î */
    gap: 5px;
    width: 95%;
  }
  .stat_1006 {
    flex: 1 1 calc(50% - 5px);
    min-width: 40px;
    margin-bottom: 10px;
  }
  .stat_1006 p {
    font-size: 12px;
  }
}



/* ³×ºñ°ÔÀÌ¼Ç */
.nav-dots_1006 {
  position:absolute;
  bottom:40px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:12px;
  z-index:10;
}
.dot_1006 {
  width:14px;
  height:14px;
  border-radius:50%;
  background:#ffffff55;
  border:none;
  cursor:pointer;
  transition:background 0.3s;
}
.dot_1006.active,
.dot_1006:hover {
  background:#fff;
}

/* µå¸£¸¤ È¿°ú¿ë Àӽà ŰÇÁ·¹ÀÓ */
@keyframes countUp_1006 {
  0% {opacity:0; transform:translateY(20px);}
  30% {opacity:1; transform:translateY(0);}
  100% {opacity:1;}
}




/* Àüü ¹è°æ */
.full-background-1004 {
    display: flex;
    justify-content: flex-start; 
    align-items: flex-start;
    padding: 0;
    margin: 0;
    box-sizing: border-box;

    background: url('/img/b1.png') no-repeat right top;
    background-size: auto;
    background-position: right 0px top; /* ¡ç À§·Î 60px ¿Ã¸² */
}


/* ³»ºÎ ÄÜÅÙÃ÷ ±âº» ½ºÅ¸ÀÏ ÃʱâÈ­ */
.left-content-1004,
.inner-content-1004,
.inner-content-1004 p,
.inner-content-1004 img {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ÁÂÃø ÄÜÅÙÃ÷ */
.left-content-1004 {
    width: 924px;
    background-color: rgba(255,255,255,1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;margin: 120px 0 20px 0; 
}

/* »ó´Ü ³ì»ö ¶ì */
.green-top-1004 {
    width: 100%;
    height: 3px;
    background-color: #4CAF50;
}

/* ³»ºÎ ÄÜÅÙÃ÷ */
.inner-content-1004 {
    padding: 20px;
    text-align: center;
    font-size: 1.5rem; width: 100%; padding:40px 0 80px 0; color:#333; font-weight: 600 ;
}

/* ³»¿ë Àüü */
.content-1004 {
    width: 100%;
    padding: 20px;
    box-sizing: border-box; font-size: 1.2rem;  font-weight: 500;
}

/* ¿ìÃø »çÀÎ */
.sign-1004 {
    width: 100%;
    text-align: right;
    font-family: 'MaruBuri', serif;
    font-size: 1.4rem;
    margin-top: 40px;
    font-weight: 600; /* º¸Åë ±½±â */
}

.inner-content-1004 img {
    display: block;
    margin: 0 auto; /* °¡·Î Áß¾Ó Á¤·Ä */
}


/* ------------------- */
/* PC Å« È­¸é: 1200px ÀÌ»ó */
@media (min-width: 1200px) {
    .full-background-1004,
    .left-content-1004,
    .inner-content-1004,
    .inner-content-1004 img,
    .content-1004,
    .sign-1004,
    .green-top-1004 {
        display: block !important;
    }

    .full-background-1004 {
        background: url('/img/b1.png') no-repeat right top;
        background-size: auto;
        padding: 0;
        margin: 0;
    }

    .left-content-1004 {
        width: 924px;
        margin: 120px 0 20px 0;
        background-color: rgba(255,255,255,1);
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        padding: 0;text-align: center;
    }

    .inner-content-1004 {
        padding: 40px 0 80px 0;
        font-size: 1.5rem;
        
        color: #333;
        font-weight: 600;
    }

    .content-1004 {
        width: 100%;
        padding: 20px;
        font-size: 1.2rem;
        font-weight: 500;
    }

    .sign-1004 {
        text-align: right;
        font-family: 'MaruBuri', serif;
        font-size: 1.4rem;
        margin-top: 40px;
        font-weight: 600;
    }
}

/* ------------------- */
/* Áß°£ È­¸é: 1200px ÀÌÇÏ ~ 769px */
@media (max-width: 1200px) and (min-width: 769px) {
    .full-background-1004 {
        width: 100%;
        background-size: cover;
        padding: 20px;
    }

    .left-content-1004 {
        width: 80%;
        margin: 40px auto;
        box-shadow: none;
        background-color: rgba(255,255,255,0.9);
    }

    .inner-content-1004 {
        font-size: 1.2rem;
        padding: 20px 0 40px 0;
        text-align: left;
    }

    .content-1004 {
        font-size: 1rem;
        padding: 10px;
    }

    .sign-1004 {
        font-size: 1.2rem;
        margin-top: 20px;
    }

    .inner-content-1004 img {
        max-width: 80%;
        height: auto;
        display: block;
        margin: 0 auto 20px auto;
    }
}

/* ------------------- */
/* ÀÛÀº È­¸é: 768px ÀÌÇÏ */
@media (max-width: 768px) {
    .full-background-1004 {
        width: 100%;
        background-size: cover;
        padding: 10px;
    }

    .left-content-1004 {
        width: 95%;
        margin: 20px auto;
        box-shadow: none;
        background-color: rgba(255,255,255,0.95);
    }

    .inner-content-1004 {
        font-size: 16px;
        padding: 10px 0 20px 0;
        text-align: left;
    }

    .content-1004 {
        font-size: 14px;
        padding: 5px 0;
    }

    .sign-1004 {
        font-size: 14px;
        margin-top: 10px;
    }

    .inner-content-1004 img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto 10px auto;
    }
}

/* ------------------- */
/* ¸ð¹ÙÀÏ ÀÛÀº È­¸é: 480px ÀÌÇÏ */
@media (max-width: 480px) {
    .green-top-1004 { display: none; }
    .full-background-1004 {
        width: 100%;
        background:none;
        padding: 0px;
    }

    .left-content-1004 {
        width: 100%;
        margin: 10px auto;
        box-shadow: none;
        background-color: rgba(255,255,255,0.98);
    }

    .inner-content-1004 {
        font-size: 14px;
        padding: 5px 0 10px 0; letter-spacing: -1;
        text-align: left; font-weight: 800;
    }

    .content-1004 {
        font-size: 13px;
        padding: 5px 0;
    }

    .sign-1004 {
        font-size: 13px;
        margin-top: 5px;
    }

    .inner-content-1004 img {
        max-width: 100%;
        height: auto; 
        margin: 0 auto 5px auto;
    }
}






/*-================== °æ¿µÀÌ³ä ¼½¼Ç */
.management-philosophy-1004 {
  width: 100%;
  padding: 80px 20px;
  box-sizing: border-box;
  text-align: center;
  background-color: #f5f5f5;border-radius: 8px;
}

/* ÄÁÅ×ÀÌ³Ê */
.container-1004 {
  max-width: 1100px; /* PC ÃÖ¼Ò Å©±â */
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}

/* ½½·Î°Ç / ¼­ºê½½·Î°Ç */
.slogan-1004 {
  font-size: 2.5rem;

}

.sub-slogan-1004 {
  font-size: 1.8rem;
  color: #666;
  margin-bottom: 10px;
}

/* À̹ÌÁö */
.image-wrapper-1004 img {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  border-radius: 10px;
}

/* ±ÛÀÚ ´Ü¶ô (°¢ ¹Ú½º 100% Æø) */
.text-blocks-1004 {
  width: 100%;         /* ¿µ¿ª Àüü Æø */
  display: flex;
  flex-direction: column;  /* ¼¼·Î Á¤·Ä */
  gap: 20px;
  box-sizing: border-box;
}

.text-box-1004 {
  width: 100%;         /* °¢ ¹Ú½º Æø 100% */
  padding: 20px 30px;
  border-radius: 15px;
  color: #fff;
  font-size: 1.2rem;
  box-sizing: border-box;
}

/* »ö»óº° ¹Ú½º */
.text1-1004 { background-color: #75c3e2; }
.text2-1004 { background-color: #3dc2cd; }
.text3-1004 { background-color: #89b161; }


/* ¹ÝÀÀÇü - ¸ð¹ÙÀÏ */
@media (max-width: 1100px) {
  .container-1004 {
    width: 100%;
    padding: 0 10px; /* ¿©¹é ÃÖ¼ÒÈ­ */
  }

  .text-blocks-1004 {
    flex-direction: column;
    gap: 10px; /* ¹Ú½º °£°Ý ÃÖ¼ÒÈ­ */
  }

  .text-box-1004 {
    max-width: 100%;
    padding: 15px 20px; /* Æеù ÁÙÀ̱â */
    font-size: 1rem; /* ±ÛÀÚ Å©±â ÁÙÀ̱â */
  }

  .slogan-1004 {
    font-size: 1.5rem; /* ½½·Î°Ç Å©±â ÁÙÀ̱â */
    margin-bottom: 10px;
  }

  .sub-slogan-1004 {
    font-size: 0.9rem; /* ¼­ºê½½·Î°Ç Å©±â ÁÙÀ̱â */
    margin-bottom: 5px;
  }

  .image-wrapper-1004 img {
    margin-bottom: 20px; /* À̹ÌÁö ¾Æ·¡ ¿©¹é ÁÙÀ̱â */
  }
}
/* ¸ð¹ÙÀÏ Àü¿ë - ÀÛÀº È­¸é */
@media (max-width: 768px) {
    .management-philosophy-1004{ padding: 20px; }
  .container-1004 {
    padding: 5px; /* ¿©¹é ÃÖ¼ÒÈ­ */
  }

  .text-blocks-1004 {
    gap: 8px; /* ¹Ú½º °£°Ý ÃÖ¼ÒÈ­ */
  }

  .text-box-1004 {
    padding: 10px 15px; /* Æеù ÁÙÀÓ */
    font-size: 0.9rem; /* ±ÛÀÚ Å©±â ´õ ÁÙÀÓ */
      text-align: left;
  }

  .slogan-1004 {
    font-size: 1.3rem; /* ½½·Î°Ç ÀÛ°Ô */
    margin-bottom: 5px; letter-spacing: -1px;
  }

  .sub-slogan-1004 {
    font-size: 0.8rem; /* ¼­ºê½½·Î°Ç ´õ ÀÛ°Ô */
    margin-bottom: 3px;
  }

  .image-wrapper-1004 img {
    margin-bottom: 15px; /* À̹ÌÁö ¾Æ·¡ ¿©¹é ÁÙÀÓ */
  }
}



/*¹Ì¼ÇºñÀü*/

/*¹Ì¼ÇºñÀü*/
/* Àüü ÅؽºÆ® ¹Ú½º ¿µ¿ª */
.text-box-3cols-1004 {
  flex: 1;                   /* ¹Ú½º°¡ ±ÕµîÇÏ°Ô °ø°£ Â÷Áö */
  display: flex;
  flex-direction: column;
  background-color: #fff; /* ¿¬ÇÑ È¸»ö ¹è°æ */
      border-bottom-left-radius: 15px;  /* ¿ÞÂÊ ¾Æ·¡ */
  border-bottom-right-radius: 15px; /* ¿À¸¥ÂÊ ¾Æ·¡ */ margin-top:50px;
}

/* ¹Ú½º ¾È À̹ÌÁö */
.text-box-3cols-1004 img {
  width: 100%;       /* ¹Ú½º Æø¿¡ ¸ÂÃç ÀÚµ¿ Á¶Àý */
  height: auto;      /* ºñÀ² À¯Áö */
  display: block;
  object-fit: cover; /* ¿µ¿ª ¹þ¾î³ªÁö ¾Ê°Ô */
  margin-bottom: 10px;
}
.text-content-1004 {
  padding: 20px; padding-bottom:50px;         /* ¾ÈÂÊ ¿©¹é */
  box-sizing: border-box;  /* padding Æ÷ÇÔ °è»ê */
  font-size: 1.1rem;
  line-height: 1.5;
  color: #555;  text-align: center;    font-weight: 500;       /* ±ÛÀÚ »ö»ó */
}

/* Àüü ¿µ¿ª °ø¹é */
.text-blocks-3cols-1004 {
  display: flex;
  gap: 40px;        /* PC¿¡¼­ ¹Ú½º »çÀÌ °ø¹é */
  box-sizing: border-box;
}

/* ---------------------- ÅÂºí¸´ (1100px ~ 768px) ---------------------- */
@media (max-width: 1100px) and (min-width: 769px) {
  .text-content-1004 {
    font-size: 1rem;        /* ±ÛÀÚ Á¶±Ý ÁÙÀ̱â */
    padding: 15px;
    padding-bottom: 40px;   /* ¾Æ·¡ ¿©¹é ¾à°£ ÁÙÀÓ */
    line-height: 1.4;
  }

  .text-blocks-3cols-1004 {
    gap: 25px;              /* ¹Ú½º °£°Ý ¾à°£ ÁÙÀÓ */
  }

  .text-box-3cols-1004 {
    margin-top: 40px;
  }

  .text-box-3cols-1004 img {
    margin-bottom: 8px;     /* À̹ÌÁö ¾Æ·¡ ¿©¹é ÁÙÀÓ */
  }
}
/* ---------------------- ¸ð¹ÙÀÏ (768px ÀÌÇÏ) ---------------------- */
@media (max-width: 768px) {
  .text-blocks-3cols-1004 {
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }

  .text-box-3cols-1004 {
    width: 100%;
    flex: none;
    margin-top: 20px;
  }

  .text-box-3cols-1004 img {
    width: 50%;         /* À̹ÌÁö Å©±â Á¶Àý */
    display: block;
    margin: 0 auto 5px; /* °¡¿îµ¥ Á¤·Ä + ¾Æ·¡ ¿©¹é 5px */
  }

  .text-content-1004 {
    padding: 10px 15px;
    padding-bottom: 20px;
    font-size: 0.9rem;
    line-height: 1.3;
  }
}


/*¿¬Çõ*/
/* Àüü ÄÁÅ×ÀÌ³Ê */
.history1004 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  font-family: 'Noto Sans KR', sans-serif;
}

.history-container1004 {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* Ç׸ñ Àüü ¹Ú½º: À̹ÌÁö Æ÷ÇÔ */
.history-item1004 {
  display: flex;
  align-items: flex-start;
  gap: 20px;

  /* ¹è°æ + ±×¸²ÀÚ */
  background-color: #f5f3f0;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
  padding: 50px;
}

/* À̹ÌÁö */
.history-img1004 {
  width:608px;
  flex-shrink: 0;margin-right:30px; 
}

.history-img1004 img {
  width: 100%;
  border-radius: 8px;
  display: block; 
}

/* ³»¿ë ºí·Ï */
.history-card1004 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
}

/* ¿¬µµ */
.history-year1004 {
  font-weight: bold;
  font-size: 1.9rem; line-height: 2.8;
}

/* ÅؽºÆ® ³»¿ë */
.history-text1004 p {
  margin: 4px 0;
  line-height: 1.9; font-size: 1.1rem;
}
.history-text1004 p strong { margin-right:15px;}

/* Ç׸ñ »çÀÌ ±¸ºÐ¼± (¼±Åà ½Ã) */
.history-item1004 + .history-item1004 {
/*  border-top: 1px solid #e0e0e0;*/
  padding-top: 20px;
}
.history-item1004,
.history-img1004,
.history-img1004 img {
  box-sizing: border-box; /* Æеù, border Æ÷ÇÔÇؼ­ °è»ê */
}
/* ¹ÝÀÀÇü */
/* ÅÂºí¸´ Áß°£ È­¸é */
@media (min-width: 769px) and (max-width: 1024px) {
  .history-item1004 {
    flex-direction: column; /* À̹ÌÁö À§, ±Û ¾Æ·¡ */
    align-items: center;    /* °¡¿îµ¥ Á¤·Ä */
    padding: 20px;          /* Æеù Ãà¼Ò */
  }

  .history-img1004 {
    width: 100%;
    max-width: 400px;       /* À̹ÌÁö Å©±â Á¶Àý */
    margin: 0 0 15px 0;     /* À̹ÌÁö ¾Æ·¡ ¿©¹é */
  }

  .history-year1004 {
    font-size: 1.6rem;      /* ±ÛÀÚ Ãà¼Ò */
    line-height: 2.2;
  }

  .history-text1004 p {
    font-size: 1rem;        /* º»¹® ±ÛÀÚ Ãà¼Ò */
    line-height: 1.6;
    margin: 2px 0;
  }

  .history-text1004 p strong {
    margin-right: 10px;
  }
}

@media (max-width: 768px) {
  .history-item1004 {
    flex-direction: column;
    align-items: flex-start;
    padding: 30px;       /* ±âÁ¸ 50px -> 10px·Î Ãà¼Ò */
    gap: 10px;           /* Ç׸ñ °£ °£°Ý Ãà¼Ò */
  }
  
  .history-img1004 {
    width: 100%;
/*    max-width: 280px;     À̹ÌÁö ¾à°£ Ãà¼Ò */
    margin-bottom: 8px;  /* À̹ÌÁö ¾Æ·¡ ¿©¹é Ãà¼Ò */
  }

  .history-year1004 {
    font-size: 1.5rem;   /* ±ÛÀÚ Ãà¼Ò */
    line-height: 2;
  }

  .history-text1004 p {
    font-size: 0.9rem; letter-spacing: -1px;     /* º»¹® ±ÛÀÚ Ãà¼Ò */
    line-height: 1.7;    /* ÁÙ°£°Ý Ãà¼Ò */
    margin: 2px 0;
  }

  .history-text1004 p strong {
    margin-right: 8px;   /* °­Á¶ ÅؽºÆ® ¸¶Áø Ãà¼Ò */
  }
   .history-img1004 img {
  width: 100%;
  height: auto; /* ¼¼·Î ºñÀ² À¯Áö */
  display: block;
} 
}



/*¿À½Ã´Â±æ*/
#daumRoughmapContainer1760820739590 {
    width: 100% !important;
    height: 520px; /* ½ÇÁ¦ Áöµµ ³ôÀÌ´Â ¿ø·¡´ë·Î µÎ±â */
  }

#daumRoughmapContainer1761351178970 {
    width: 100% !important;
    height: 520px; /* ½ÇÁ¦ Áöµµ ³ôÀÌ´Â ¿ø·¡´ë·Î µÎ±â */
  }

@media (max-width: 600px) {
    #daumRoughmapContainer1761351178970 {
        height: 260px;
    }
}

.map-section {
    width: 100%;
    margin: 0 auto;
  }

  .map-info {
    display: flex;
    align-items: center;
    gap: 15px;
  }

  .info-icon img { display: none;
    width: 50px;
    height: 50px;
  }
.info-text b{ font-weight: 800;}
  .info-text p {
    margin: 2px 0;
    font-size: 1rem;
    color: #333;
  }

  @media (max-width: 768px) {
    .map-info {
      flex-direction: column;
      align-items: flex-start;
    }

    .info-icon img {
      width: 40px;
      height: 40px;
    }
  }
/* Àüü ¿µ¿ª */
.location-wrap1019 {
  width: 100%;
    background-color: #ffffff;
  box-sizing: border-box;
}

/* ³»ºÎ ÄÁÅ×ÀÌ³Ê */
.location-inner1019 {
  max-width: 1545px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

/* Áöµµ À̹ÌÁö */
.location-mapbox1019 img {
  width: 100%;
  max-width: 1545px;
  height: auto;
  display: block;
  margin-bottom: 40px;
}

/* ¿À½Ã´Â ¹æ¹ý */
.location-info1019 {
  width: 100%;
  margin: 0 auto;
}

.location-title1019 {
  font-size: 26px;
  font-weight: 700;
  color: #00a0e9;
  text-align: left;
  margin-bottom: 30px;
}

/* °¢ ¾ÆÀÌÅÛ */
.location-item1019 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 25px;
}

.location-icon1019 {
  min-width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0px;
  flex-shrink: 0;
}

.location-text1019 {
  font-size: 18px;
  color: #333;
  line-height: 1.6;
}

/* ¹ÝÀÀÇü */
@media (max-width: 1073px) {
  .location-info1019 {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .location-wrap1019 {
    padding: 20px;
  }
  .location-title1019 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .location-icon1019 {
    min-width: 40px;
    height: 40px;
    font-size: 20px;
    margin-right: 15px;
  }
  .location-text1019 {
    font-size: 16px;
  }
}


/*¿À½Ã´Â±æ»ó¼¼*/
/* Àüü ¿µ¿ª *//* Àüü ¿µ¿ª */
.location-wrap1019 {
  width: 100%;
  padding: 40px;
  background-color: #ffffff;
  box-sizing: border-box;
}

/* ³»ºÎ */
.location-inner1019 {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

/* Áöµµ */
.location-mapbox1019 img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  display: block;
  margin-bottom: 50px;
}

/* ¿À½Ã´Â ¹æ¹ý ŸÀÌƲ */
.location-title1019 {
  font-size: 32px;
  font-weight: 800;
  color: #666;
  text-align: left;
  margin-bottom: 25px;
  width: 100%;
  max-width: 780px;
}

/* ¹Ú½º Àüü */
.location-box1019 {
  width: 100%;
  background-color: #f5fafd;
  border-radius: 12px;
  padding: 30px;
  box-sizing: border-box;
}

/* °¢ Ç׸ñ */
.location-item1019 {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 25px;
  line-height: 1.6;
}
@media (max-width: 400px) {
  .location-item1019 {
    gap: 6px;
    margin-bottom: 16px;
  }
}

.location-item1019:last-child {
  margin-bottom: 0;
}

/* ¾ÆÀÌÄÜ */
.location-icon1019 {
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.location-icon1019 img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  
}

/* ¶óº§ */
.location-label1019 {
  width: 80px;
  font-weight: 700;
  color: #666;
  font-size: 20px;
  flex-shrink: 0;
  line-height: 1.6;
}

/* ¼³¸í */
.location-text1019 {
  flex: 1;
  color: #333;
  font-size: 18px;
}

/* ¹ÝÀÀÇü */
@media (max-width: 1073px) {
  .location-title1019 {
    max-width: 100%;
  }
  .location-box1019 {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .location-wrap1019 {
    padding: 20px;
  }
  .location-title1019 {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .location-box1019 {
    padding: 20px;
  }
  .location-icon1019 {display:none;
    width: 38px;
    height: 38px;
  }
  .location-icon1019 img { 
    width: 18px;
    height: 18px;
  }
  .location-label1019 {
    width: 70px;
    font-size: 18px;
  }
  .location-text1019 {
    font-size: 16px;
  }
}




/*»ç¾÷¾È³»*/
.img-full1019 {
  text-align: center; /* PC¿¡¼­ À̹ÌÁö °¡¿îµ¥ Á¤·Ä */
}

.img-full1019 img {
  width: auto;        /* ¿øº» Å©±â */
  max-width: 100%;
  height: auto;
  display: inline-block; /* text-align Àû¿ë À§ÇØ inline-block */
}

/* ÅÂºí¸´, ¸ð¹ÙÀÏ¿¡¼­ 100% */
@media (max-width: 1073px) {
  .img-full1019 {
    text-align: left; /* ¸ð¹ÙÀÏ/ÅÂºí¸´Àº ¿ÞÂÊ Á¤·Ä */
  }
  .img-full1019 img {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .img-full1019 img {
    width: 100%;
  }
}


















/*¿¡Å¸¼Ö·ç¼Ç*//* ·¦ÆÛ ¹è°æ°ú Áß¾Ó Á¤·Ä */
/*ÅDZâ´É*/
/* ÅÇ Àüü ¿µ¿ª */

.tech1005-tabs {
  display: flex;
  justify-content: center; /* °¡·Î °¡¿îµ¥ Á¤·Ä */
  align-items: center;
  gap: 8px; /* ÅÇ °£ °£°Ý */
  width: 100%;

  padding: 10px 0;
}

/* ÅÇ ¹öÆ° */
.tech1005-tab {
  flex: 0 0 180px; /* ÅÇ °íÁ¤ Æø (Àû´çÈ÷ ÀÛ°Ô) */
  text-align: center;
  padding: 10px 0;
  border-radius: 6px 6px 0 0;
  text-decoration: none;
  color: #999;
  font-weight: 500;
  background-color: #f2f2f2;
  transition: all 0.3s ease;
  border-bottom: 3px solid transparent;
}

/* ¸¶¿ì½º ¿À¹ö */
.tech1005-tab:hover {
  background-color: #eaeaea;
  color: #555;
}

/* È°¼º ÅÇ */
.tech1005-tab.active {
  color: #16a9b0;
  background-color: #ffffff;
  border-bottom: 3px solid #16a9b0;
  font-weight: 600;
}


/* ¼±ÅÃµÈ ÅÇ */
.tech1005-tab.active {
  color: #333; /* °­Á¶µÈ ±ÛÀÚ»ö */
  background-color: #ffffff; /* ¼±ÅÃµÈ ÅÇÀº Èò ¹è°æ */
  border-bottom: 3px solid #16a9b0; /* Æ÷ÀÎÆ® Ä÷¯ (ÆĶû ¿¹½Ã) */
  font-weight: 600;
}

/* === ¸ð¹ÙÀÏ ÃÖÀûÈ­ ¹ÝÀÀÇü (°ø¹é ÃÖ¼ÒÈ­ & ±ÛÀÚ Ãà¼Ò) === */
@media (max-width: 600px) {
  .tech1005-container {
    margin: 10px;
    line-height: 1.4;
  }

  .tech1005-container h1 { font-size: 1.2em; margin-bottom: 4px; }
  .tech1005-container h2 { font-size: 1.1em; margin-bottom: 8px; }
  .tech1005-container h3 { font-size: 1em; margin-bottom: 6px; }
  .tech1005-container h4 { font-size: 0.95em; margin-bottom: 5px; }

  .tech1005-box {
    padding: 15px 20px;
    margin-bottom: 10px;
  }

  .tech1005-box .p {
    font-size: 0.95rem;
    padding: 6px 8px;
    margin-top: 6px;
    margin-bottom: 12px;
  }

  .tech1005-box ul li {
    padding: 8px 12px;
    margin-bottom: 8px;
    font-size: 0.9rem;
  }

  .tech1005-table th,
  .tech1005-table td {
    padding: 6px 8px;
    font-size: 0.85rem;
  }

  .tech1005-tabs {
    flex-wrap: wrap;
    gap: 4px;
    padding: 5px 0;
  }

  .tech1005-tab {
    flex: 1 1 45%;
    font-size: 0.9rem;
    padding: 8px 0;
  }

  .tech1005-box-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .tech1005-image-grid {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 6px;
  }
}



.pf-wrapper-1005 {
  display: flex;
  justify-content: center;
  font-family: 'Noto Sans KR', sans-serif;
  padding: 50px 0;
}

/* Àüü ÄÁÅ×ÀÌ³Ê */
.pf-container-1005 {
  width: 90%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 25px;
}

/* Ä«µå °øÅë ½ºÅ¸ÀÏ */
.pf-card-1005 {
  position: relative; /* ¸µÅ© Àý´ë À§Ä¡¸¦ À§ÇØ ºÎ¸ð Ä«µå relative */
  flex: 1 1 28%;
  min-width: 260px;
  border-radius: 18px;
  padding: 25px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  text-align: center;
  transition: transform 0.35s, box-shadow 0.35s;
  cursor: pointer;
  background-color: rgba(205, 231, 234, 0.85);
  overflow: hidden;
}

/* Ä«µå ¸µÅ© Àüü µ¤±â */
.pf-card-link-1005 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; /* Ä«µå ³»¿ë À§¿¡ ÀÖÁö¸¸, ³»¿ë ÅؽºÆ®´Â Ŭ¸¯ °¡´É */
  text-decoration: none;
}

/* Ä«µå ³»ºÎ ÄÜÅÙÃ÷°¡ ¸µÅ© À§¿¡ Ç¥½ÃµÇµµ·Ï z-index Á¶Á¤ */
.pf-card-1005 img,
.pf-card-1005 h3,
.pf-card-1005 p,
.pf-btn-1005 {
  position: relative;
  z-index: 2;
}

/* Ä«µå È£¹ö È¿°ú */
.pf-card-1005:hover {
  transform: translateY(-8px) scale(1.01);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* Ä«µåº° »ö»ó(ºí·çÅæ °è¿­) */
.pf-ecofoam-1005 { background-color: rgba(205, 231, 234, 0.6); } /* #cde7ea */
.pf-ecomold-1005 { background-color: rgba(175, 221, 226, 0.6); } /* #afdde2 */
.pf-etah-1005 { background-color: rgba(156, 215, 221, 0.6); } /* #9cd7dd */

/* À̹ÌÁö ½ºÅ¸ÀÏ */
.pf-img-1005 {
  width: 80px;
  height: 80px;
  object-fit: contain;
  margin-bottom: 15px;
}

/* ÅؽºÆ® ½ºÅ¸ÀÏ */
.pf-card-1005 h3 {
  font-size: 1.6em;
  margin-bottom: 12px;
  color: #333;
}

.pf-card-1005 p {
  font-size: 1.05em;
  margin-bottom: 18px;
  color: #555;
  line-height: 1.5;
}

/* "ÀÚ¼¼È÷ º¸±â" ¹öÆ° ½ºÅ¸ÀÏ - ½Ã°¢Àû¸¸ À¯Áö, Ŭ¸¯ ¹«½Ã */
.pf-btn-1005 {
  display: inline-block;
  padding: 6px 14px;
  font-size: 0.8em;
  background-color: #ffffff;
  color: #666666;
  border: 1px solid #cccccc;
  border-radius: 100px;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: default;          
  pointer-events: none;     
}

.pf-btn-1005:hover {
  background-color: #f0f6ff;
  color: #333;
  border-color: #6ca9b0;
}

/* ¹ÝÀÀÇü: È­¸éÀÌ 900px ÀÌÇÏÀÏ ¶§ */
@media (max-width: 900px) {
    .pf-wrapper-1005 { padding:20px 0; }
  .pf-card-1005 {
    flex: 1 1 45%; /* µÎ ÁÙ·Î ¹èÄ¡ */
  }
}

/* ¹ÝÀÀÇü: È­¸éÀÌ 600px ÀÌÇÏÀÏ ¶§ */
@media (max-width: 600px) {
  .pf-card-1005 {
    flex: 1 1 100%; /* ÇÑ ÁÙ·Î ¼¼·Î Á¤·Ä */
  }

  .pf-container-1005 {
    gap: 20px; /* ¸ð¹ÙÀÏ¿¡¼­´Â °£°Ý ÁÙÀ̱â */
  }

  .pf-img-1005 {
    width: 60px;
    height: 60px;
  }

  .pf-card-1005 h3 {
    font-size: 1.1em;
  }

  .pf-card-1005 p {
    font-size: 0.9em;
  }

  .pf-btn-1005 {
    font-size: 0.8em;
    padding: 5px 10px;
  }
}

/*esgÇõ½Å*/
.esg1006 {
  text-align: center; /* À̹ÌÁö °¡¿îµ¥ Á¤·Ä (ÀζóÀÎ ´ëºñ¿ë) */
  padding: 20px 0;
}

.pc-img {
  display: block;
  max-width: 1504px;
  width: 100%;
  height: auto;
  margin: 0 auto; /* ºí·Ï¿ä¼Ò °¡¿îµ¥ Á¤·Ä */
}

.m-img {
  display: none;
  margin: 0 auto; /* ¸ð¹ÙÀÏ À̹ÌÁöµµ µ¿ÀÏÇÏ°Ô Á¤·Ä */
}

@media (max-width:1023px) {
  .pc-img {
    display: none;
  }
  .m-img {
    display: block;
    width: 100%;
    height: auto;
  }
}


/*Àû¿ë»ç·Ê*/
.cases1006-title {
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
    color: #2a2a2a;
}

/* Ä«µå ÄÁÅ×ÀÌ³Ê */
.cases1006 {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;             /* Ä«µå »çÀÌ °£°Ý */
    justify-content: center;
    color: #333;
    box-sizing: border-box; margin-bottom:30px;
}

/* Ä«µå ¹Ú½º Á¦°Å + Æеù ¾ø¾Ú */
.case-box1006 {
    background: none;       /* ¹è°æ ¾ø¾Ú */
    border-radius: 0;       /* ¸ð¼­¸® µÕ±Û±â Á¦°Å */
    padding: 0;             /* Æеù Á¦°Å */
    width: 30%;             /* PC: 3¿­ */
    box-sizing: border-box;
    transition: transform 0.3s;
}

/* Ä«µå ŸÀÌƲ */
.case-title1006 {
    font-size: 1.6em;
    color: #2a2a2a;
    margin-bottom: 10px;
    font-weight: bold;
}

/* Ä«µå ³»¿ë */
.case-desc1006 {
    font-size: 0.95em;
    line-height: 1.6;
    margin-bottom: 10px;
    color: #555;
}

/* °æ°í ¹Ú½º - ¹Ú½º ¾ø¾Ö°í ±ÛÀÚ¸¸ */
.case-warning1006 {
    background-color: #e0f0ff;   /* ¾ÆÁÖ ¿¬ÇÑ ºí·ç ¹è°æ */
    color: #003366;              /* ´ÙÅ© ºí·ç ±ÛÀÚ */
    padding: 10px 15px;          /* »óÇÏ 10px, Á¿ì 15px ¿©¹é */
    border-radius: 6px;          /* ¸ð¼­¸® µÕ±Û°Ô */
    font-size: 0.9em;
    line-height: 1.5;
    margin-top: 10px;
}


/* ¸®½ºÆ® Á¡ */
.case-item1006 {
    position: relative;
    padding-left: 1.1em;
    margin-bottom: 0.5em;
    letter-spacing: -1px;
}

.case-item1006::before {
    content: "\2022";
    position: absolute;
    left: 0;
    color: #555;
    font-weight: bold;
}

/* À̹ÌÁö */
.case-image1006 {
    width: 100%;
    height: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 0;       /* ¸ð¼­¸® µÕ±Û±â Á¦°Å */
    margin-bottom: 15px;
    display: block;
}

/* ¹ÝÀÀÇü */
@media (max-width: 1024px) {
    .case-box1006 {
        width: 45%;          /* ÅÂºí¸´: 2¿­ */
    }
}

@media (max-width: 768px) {
    .cases1006-title {font-size: 1.4rem;}
    .cases1006 { gap:30px; }
    .cases1006 {
        flex-direction: column;
        padding: 0;    
        
    }
    .case-box1006 {
        width: 100%;          /* ¸ð¹ÙÀÏ: 1¿­ */
    }
    .case-title1006 {
    font-size: 1.1em;

}
}


/*==============Á¦Ç°¼Ò°³01=================*/
/* Section ±âº» ½ºÅ¸ÀÏ */
.c1007-container {width:100%; margin:0; padding:0; font-family:'Noto Sans KR', sans-serif; color:#555;}
.c1007-box {background:#eef1f1; border-radius:10px; padding:30px 40px; margin-bottom:30px; box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.c1007-section-title {font-size:1.4rem; font-weight:700; margin-bottom:10px; color:#1a1a1a;}
.c1007-section-subtitle {font-size:1.1rem; color:#666; margin-bottom:20px;}
.c1007-text-bold {font-weight:700; color:#222;}
.c1007-text-highlight {color:#0077CC;}
.c1007-p {background:#fff; padding:10px 15px; border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0,0.05); margin-bottom:20px; display:block;}
.c1007-card {background:#fff; border-radius:10px; padding:20px; box-shadow:0 2px 6px rgba(0,0,0,0.08); margin-bottom:20px;}
.c1007-card-title {font-size:1.3rem; font-weight:700; margin-bottom:10px; color:#333;}
.c1007-card-text {font-size:1rem; line-height:1.6; margin-bottom:10px;}
.c1007-card-text {font-size:1rem; line-height:1.6; margin-bottom:10px;}
.c1007-table-wrapper {overflow-x:auto; margin-top:15px;}
.c1007-table {width:100%; border-collapse:collapse;}
.c1007-table th, .c1007-table td {border:1px solid #cee3e5; padding:8px 12px; text-align:center; font-weight:600; background:#fff;}
.c1007-table th {background:#3ab5c5; color:#fff;}
.c1007-cta-btn {display:inline-block; padding:12px 25px; background:#0077CC; color:#fff; text-decoration:none; border-radius:5px; transition:0.3s;}
.c1007-cta-btn:hover {background:#005fa3;}
.c1007-list {list-style:none; padding-left:0; margin:15px 0;}
.c1007-list li {
    background:#fff;
    border-radius:5px;
    padding:10px 15px;
    margin-bottom:10px;
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
}
.c1007-list li::before {
    content:"\2022";
    color:#0077CC;
    font-weight:bold;
    margin-right:8px;
}

/* ¹ÝÀÀÇü */
@media (max-width:1024px) {
    .c1007-box {padding:25px 30px;}
    .c1007-section-title {font-size:1.6rem;}
    .c1007-section-subtitle {font-size:1rem;}
    .c1007-card-title {font-size:1.2rem;}
    .c1007-card-text {font-size:0.95rem;}
    .c1007-cta-btn {padding:10px 20px;}
}

@media (max-width:768px) {
    .c1007-box {padding:20px 20px;}
    .c1007-section-title {font-size:1.4rem;}
    .c1007-section-subtitle {font-size:0.95rem;}
    .c1007-card-title {font-size:1.1rem;}
    .c1007-card-text {font-size:0.9rem;}
    .c1007-cta-btn {padding:8px 18px; display:block; margin-bottom:10px;}
}

/* === ¸ð¹ÙÀÏ Å×À̺í ÃÖÀûÈ­ (480px ÀÌÇÏ) === */
@media (max-width: 480px) {
    .c1007-list li {
        font-size: 0.8rem; letter-spacing: -1px;
    }
    .c1007-section-title {font-size:1.1rem;}
  .c1007-table th,
  .c1007-table td {
    padding: 4px 6px;   /* ±âÁ¸ 8px 12px ¡æ Àý¹Ý */
    font-size: 0.75rem; /* ±âÁ¸ 1rem ¡æ ¾à 25% Ãà¼Ò */
  }

  /* Å×À̺íÀÌ ¿·À¸·Î ³ÑÄ¡Áö ¾Êµµ·Ï ¿©¹é ÃÖ¼ÒÈ­ */
  .c1007-table-wrapper {
    margin-top: 8px;
    overflow-x: auto;
  }

  /* ¹Ú½º¿Í Ä«µåÀÇ ¿©¹éµµ »ì¦ ÁÙ¿©ÁÜ */
  .c1007-box {
    padding: 12px;
    margin-bottom: 15px;
  }

  .c1007-card {
    padding: 12px;
    margin-bottom: 15px;
  }

  /* ±ÛÀÚ Àü¹Ý Å©±â »ì¦ Ãà¼Ò */
  .c1007-card-text,
  .c1007-section-subtitle {
    font-size: 0.8rem;
    line-height: 1.4;
  }
}