main>div{
  width: var(--main-width);
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
header nav .mainMenus>li:nth-child(2)>a {
  color: var(--sub-color1);
}
header nav .mainMenus>li:nth-child(2) li:nth-child(4) a {
  color: var(--sub-color1);
}


/* 섹션1 */
.section1{
  margin-bottom: 50px;
}
.section1 h3{
  margin-bottom: 50px;
}
.section1 .contentsContainer{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  align-items: start;
}
.section1 .contentsContainer .content{
  display: flex;
  align-items: center;
  gap: 10px;
}
.section1 .contentsContainer .content p{
  font-size: 18px;
  line-height: 30px;
}


/* 섹션2 */
.section2{
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.section2 h3{
  margin-bottom: 50px;
  color: #1f1f1f;
}
.section2>p{
  font-size: 18px;
  line-height: 30px;
}
.section2 .content h4{
  font-family: var(--main-font-os);
  font-size: 22px;
  font-weight: normal;
}
.section2 .content p{
  font-family: var(--main-font-in);
  font-size: 15px;
  font-weight: normal;
  line-height: 24px;
}
.section2 .contentsContainer{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  align-items: stretch;
  margin-top: 90px;
}
.section2 .content{
  display: flex;
  flex-flow: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
  border: 1px solid rgba(99, 99, 99, 0.2);
  transition: .3s;
}
.section2 .content:hover{
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.section2 .content img{
  width: 100%;
}
.section2 .content>div{
  flex: 1;
  padding: 1.5rem;
  background-color: #fff;
  display: flex;
  flex-flow: column;
}


/* 서브 메뉴 */
main nav .subMenus2 ul>li:nth-child(4) a{
  color: #f00000;
}

@media (max-width: 767px) {
  main .mainImg{
    content: url(../assets/mobile/about/mainImg_about4.png);
    height: var(--mob-mainImg-width);
  }
  .section1 .contentsContainer{
    grid-template-columns: repeat(1, 1fr);
  }
  .section2 .contentsContainer{
    width: 100%;
    grid-template-columns: repeat(1, 1fr);
  }
  section h3 {
    font-size: 34px !important;
  }
  main>div {
    width: var(--mob-width);
  }
  main>div>div {
    width: 100%;
  }
  main nav{
    display: none;
  }
}