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(1) a {
  color: var(--sub-color1);
}

/* 섹션1 */
.section1{
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.section1 h2{
  margin-bottom: 50px;
}
.section1 p{
  font-size: 17px;
  line-height: 30px;
  color: #353535;
}
.section1 .content div p{
  font-family: var(--main-font-in);
  font-size: 15px;
  font-weight: normal;
  line-height: 24px;
}
.section1 .contentsContainer .content.pc{
  display: flex;
  align-items: center;
  margin-top: 70px;
  padding: 42px;
  background-color: #f2f2f2;
  box-sizing: border-box;
}
.section1 .contentsContainer .content.pc img{
  margin-right: 45px;
}
.section1 .contentsContainer .content.pc h3{
  font-family: var(--main-font-os);
  font-size: var(--font-size-title2);
  font-weight: normal;
  color: var(--sub-color1);
  margin-bottom: 8px;
}
.section1 .contentsContainer .content.mob{
  display: flex;
  flex-flow: column;
  /* align-items: center; */
  margin-top: 64px;
  padding: 40px 25px;
  background-color: #f2f2f2;
  display: none;
}
.section1 .contentsContainer .content.mob h3{
  font-size: var(--font-size-title2);
  color: var(--sub-color1);
}
.section1 .contentsContainer .content.mob>div{
  display: flex;
  align-items: center;
  /* justify-content: space-around; */
  margin-bottom: 1rem;
}
.section1 .contentsContainer .content.mob img{
  margin-right: 20px;
}

/* 섹션2 */
.section2{
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-top: 90px;
}
.section2 h2{
  margin-bottom: 50px;
}
.section2 h4{
  font-size: 22px;
  margin-bottom: 2px;
  font-weight: normal;
  font-family: var(--main-font-os);
  color: #353535;
}
.section2 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: 22px;
  align-items: stretch;
}
.section2 .content{
  display: flex;
  flex-flow: column;
  text-align: center;
  align-items: center;
  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: 30px 36px;
  background-color: #fff;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

/* 섹션3 */
.section3{
  margin-top: 90px;
  padding: 80px 61px 80px 53px;
  background-color: #f2f2f2;
}
.section3 h3{
  font-family: var(--main-font-os);
  font-weight: normal;
  font-size: var(--font-size-title2);
  color: var(--sub-color1);
  margin-bottom: 30px;
}
.section3 p{
  font-family: var(--main-font-in);
  font-size: 15px;
  font-weight: normal;
  line-height: 24px;

}

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

@media (max-width: 767px) {
  main .mainImg{
    content: url(../assets/mobile/about/mainImg_about1.png);
    height: var(--mob-mainImg-width);
  }
  .section1 .contentsContainer{
    width: var(--mob-width);
  }
  .section2{
    background-color: #f2f2f2;
    padding-bottom: 80px;
    margin-top: 80px;
  }
  .section2 .contentsContainer{
    width: var(--mob-width);
    grid-template-columns: repeat(1, 1fr);
  }
  .section3{
    width: var(--mob-width);
    box-sizing: border-box;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 80px;
    padding: 3rem 2rem;
  }
  main>div {
    width: 100%;
  }
  main>div>div {
    width: 100%;
  }
  main nav{
    display: none;
  }
  .section1 h2,
  .section2 h2,
  .section3 h3{
    text-align: center;
  }
  .section1 .contentsContainer .content.pc{
    display: none;
  }
  .section1 .contentsContainer .content.mob{
    display: flex;
  }
}