main{
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
main>div>div{
  width: var(--pageContent-width);
  padding-top: 70px;
  padding-bottom: 90px;
}
main nav{
  width: var(--pageSubMenu-width);
  padding-top: 70px;
}
.mainImgBox{
  all: unset;
  width: 100vw;
  position: relative;
}
.mainImgBox>img{
  width: 100%;
}
.mainImgBox .textWrap{
  width: var(--main-width);
  max-width: var(--max-width);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
}
.mainImgBox .textWrap>img{
  width: 50%;
}
.mainImgBox .textBox{
  flex: .6;
}
.mainImgBox .textBox h1{
  font-family: var(--main-font-in);
  font-size: clamp(0px, 4vw, 55px);
  color: #fff;
  margin-bottom: 32px;
}
.mainImgBox .textBox p{
  font-family: var(--main-font-in);
  font-size: clamp(0px, 1.6vw, 22px);
  line-height: clamp(0px, 2vw, 30px);
  color: #fff;
}
.mainImgBox .textBox p span{
  color: #fff;
}

/* 섹션 공통 */
body{
  background-color: unset;
}
main *{
  color: #353535;
}
section{
  font-family: var(--main-font-in);
}
section h2{
  width: 100%;
  font-family: var(--main-font-os);
  font-size: 40px;
  font-weight: normal;
  text-align: start;
  color: #1f1f1f;
}
section h3{
  width: 100%;
  font-family: var(--main-font-os);
  font-size: 40px;
  font-weight: normal;
  text-align: start;
}
section p{
  color: #353535;
}
@media (min-width: 2560px) {
  .mainImgBox .textBox h1 {
    font-size: 55px;
  }
  .mainImgBox .textBox p {
    font-size: 22px;
    line-height: 30px;
  }
}
@media (max-width: 1300px) {
  main>div>div {
      width: 100%;
  }
}
@media (max-width: 767px) {
  .mainImgBox .textWrap {
    width: var(--mob-width);
    top: 16.9vw;
    transform: translate(-50%, 0);
    padding: 0;
  }
  .mainImgBox .textBox {
    flex: 1;
  }
  .mainImgBox .textBox h1 {
    font-size: 8.89vw;
  }
  .mainImgBox .textBox p {
    font-size: 4vw;
    line-height: 5.78vw;
  }
  section h2{
    width: var(--mob-width);
    font-size: 34px;
    text-align: start !important;
  }
  /* .contentsContainer{
    width: var(--mob-width);
  } */
  .contentsContainer{
    width: 100%;
  }
  main>div>div {
    width: 100%;
  }
  main nav{
    display: none;
  }
}