.wrapper1 {
      width: 100%;
      position: relative;
      background-image: url('../images/info_bg.jpg'); /* ¹è°æ À̹ÌÁö °æ·Î */
      background-size: cover;
      background-position: center;
    }

    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4); /* ¾îµÎ¿î ¹ÝÅõ¸í ¿À¹ö·¹ÀÌ */
      z-index: 1;
    }

    .banner {
      position: relative;
      height: 300px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: white;
      z-index: 2;
    }

    .banner-text h1 {
      font-size: 40px;
      color: white;
      margin-bottom: 10px;	  
	  font-family:'NanumSquareNeoBold', sans-serif;
    }

    .banner-text p {
      font-size: 20px;
      color: white;
	  font-family:'NanumSquareNeoBold', sans-serif;
    }

    @media (max-width: 1024px) {
      .banner {
        height: 200px;
        padding: 20px;
      }

      .banner-text h1 {
        font-size: 28px;
      }

      .banner-text p {
        font-size: 15px;
      }
    } 



 /* ´ë¿©¾È³» ´ë¿© ÀÚ°Ý ±âÁØ */
    .wrapper4 {
      width: 100%;
      background-color: #fff;
      padding: 20px 10px;
    }

    .container4 {
      max-width: 1400px;
      margin: 0 auto;
      background-color: #fff;
      border-radius: 20px;
      display: flex;
      flex-wrap: wrap;
      overflow: hidden;
      border: 1px solid #e7e7e7;
    }

    .image-box {
      flex: 0 0 50%;
      overflow: hidden;
      position: relative;
      min-height: 300px;
    }

    .image-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
      display: block;
    }

    .image-box:hover img {
      /*transform: scale(1.05);*/
    }

    .text-box {
      flex: 0 0 50%;
      padding: 40px 30px 40px 30px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
    }


    .text-box b {
      font-size: 27px;
      color: #111;
	  font-family:'NanumSquareNeoBold', sans-serif;
      margin-bottom: 10px;
    }

    .text-box p {
      font-size: 16px;
      line-height: 2.0;
      color: #111;
	  font-family:'NanumSquareNeo', sans-serif;
    }

    .quote-btn {
      display: inline-block;
      background-color: #4975e8;
      color: #fff;
      border: 2px solid #527eef;
      padding: 12px 30px;
      border-radius: 50px;
      font-size: 18px;
      cursor: pointer;
      transition: all 0.3s ease;
      text-decoration: none;
      width: auto;
      font-weight: bold;
      font-family: 'NanumSquareNeoBold', sans-serif;
      align-self: flex-start;
    }

    .quote-btn:hover {
      background-color: #fff;
      color: #111;
      text-decoration: none;
    }

    @media (max-width: 1024px) {
      .container {
        flex-direction: column;
      }

      .image-box,
      .text-box {
        flex: 0 0 100%;
      }

      .text-box {
      padding: 20px;
        align-items: flex-start;  /* ¿ÞÂÊ Á¤·Ä */
        text-align: left;         /* ±ÛÀÚ ¿ÞÂÊ Á¤·Ä */
      }

      .text-box b {
      font-size: 19px;
      }

      .text-box p {
      font-size: 14px;
      }

      .text-box {
      padding: 20px;
      }

      .quote-btn {
        align-self: flex-start;   /* ¹öÆ°µµ ¿ÞÂÊ Á¤·Ä */
      }
    }



    /* ===== Çϴܳ»¿ë ===== */
.wrapper10 {
  width: 100%;
  background-color: #fff;
  padding: 0px 0;
}

.container10 {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.box {
  flex: 1;
  min-width: 300px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  padding: 30px;
  box-sizing: border-box;
}

.box h3 {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 25px;
  font-family: 'NanumSquareNeoBold', sans-serif;
}

.box p,
.box ul {
  line-height: 1.6;
  font-size: 16px;
  font-family: 'NanumSquareNeo', sans-serif;
}

.box ul {
  padding-left: 20px;
}

.box ul li {
  margin-bottom: 10px;
}

/* ¸ð¹ÙÀÏ ¹ÝÀÀÇü */
@media (max-width: 1024px) {
  .container10 {
    flex-direction: column;
  }

  .box {
    margin: 0 10px; /* ¸ð¹ÙÀÏ¿¡¼­ ÁÂ¿ì ¿©¹é 10px */
  }

.box h3 {
  font-size: 19px;
}

.box p,
.box ul {
  font-size: 14px;
}
}