/*
    회사소개 화면에 대한 CSS 코드
*/
.image-column-about p {
    background-color: #FFFACD;
    color: #6A5ACD;
}

.image-column-about p.about-item-title {
    font-size: 15px;
    background-color: #87CEEB;
    color: #4682B4;
    width: 110px;
    margin-bottom: 0;
}

.image-column-about p.about-item-content {
    font-size: 15px;
    background-color: white;
    color: black;
    margin: 0;
}

/*.image-column-about p.about-item-content-sorting{
    font-size: 15px;
    background-color: white;
    color: black;
    margin-top : -20px;
    margin-bottom : 10px;
    margin-left : -15px;
}*/

.image-column-about p.sorting-content {
    margin-bottom : 10px;
    margin-left : -15px;
}

.image-column-about p.sorting-top {
    margin-top : -20px;
}

.image-column-about p.section-text {
    background-color: #FFFFFF;
    width: 650px;
}

.image-column-about p.bullet {
    background-color: #FFE680;
}


/*회사소개 트리*/
.tree-about li a {
    background-color: #FFFACD;
}
.tree-about li a:hover {
    background-color: #F5F0BE;
}
.tree-wrapper-about {
    background-color: #FFFACD;
}


/*테이블 스타일*/

.table_about {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
}

.table_about th,
.table_about td {
  border: 1px solid #B3AF90;
  padding: 10px;
  font-size: 14px;
}

.table_about th {
  background-color: #FFFACD;
  color: black;
}

.table_about td {
  background-color: #fff;
}

/* 둥근 모서리 처리 */
.table_about thead tr:first-child th:first-child {
  border-top-left-radius: 10px;
}

.table_about thead tr:first-child th:last-child {
  border-top-right-radius: 10px;
}

.table_about tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.table_about tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

/* 클래스로 왼쪽 아래 둥글게 처리 */
.bottom-left-rounded {
  border-bottom-left-radius: 10px;
}

/* 태블릿 대응 */
@media (min-width: 768px) and (max-width: 1023px) {
  .image-column-about p.section-text {
    font-size: 15px;
    max-width: 90%;
    margin: 0 auto;
  }
}

/* 📱 모바일 대응 (최대 767px) */
@media (max-width: 767px) {

  .image-column-about p.about-item-title,
  .image-column-about p.about-item-content {
    font-size: 14px;
  }

  .image-column-about p.section-text {
    width: 100%;
    max-width: 100%;
  }
}