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

/* 섹션1 */
.section1{
  margin-bottom: 90px;
}
.section1 p{
  font-size: 17px;
  line-height: 30px;
  color: #353535;
}

/* 섹션2 */
.section2{
  display: flex;
  flex-flow: column;
  justify-content: center;
  box-sizing: border-box;
  margin-bottom: 90px;
}
.section2 h2{
  margin-bottom: 50px;
}
.section2 .contentsContainer{
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
}
.section2 .contentsContainer table{
  flex: 1;
  border-collapse: collapse;
  border: 1px solid rgba(99, 99, 99, 0.2);
  transition: .3s;
}
.section2 .contentsContainer table:hover{
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.section2 .contentsContainer table th,
.section2 .contentsContainer table td{
  border: 1px solid rgba(99, 99, 99, 0.2);
  text-align: center;
  padding: 1rem;
}
.section2 .contentsContainer table th{
  font-family: var(--main-font-os);
  font-size: 22px;
  font-weight: normal;
  color: #FFF !important;
}
.section2 .contentsContainer table th span{
  color: #FFF;
}
.section2 .contentsContainer table td{
  font-family: var(--main-font-in);
  font-size: 15px;
  line-height: 24px;
  font-weight: 300;
}
.section2 .contentsContainer table:nth-child(1) th{
  background-color: #808080;
}
.section2 .contentsContainer table:nth-child(2) th{
  background-color: #353535;
}
.section2 .contentsContainer table:nth-child(3) th{
  background-color: #bbd31f;
  position: relative;
}
.section2 .contentsContainer table:nth-child(3) th .ribbon{
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}


/* 섹션3 */
.section3{
  margin-bottom: 90px;
}
.section3 h2{
  margin-bottom: 50px;
}
.section3>p{
  font-size: 17px;
  line-height: 30px;
}

/* 섹션4 */
.section4 h2{
  margin-bottom: 50px;
}
.section4 .contentsContainer{
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.section4 .contentsContainer .content{
  display: flex;
  align-items: center;
  gap: 10px;
}
.section4 .contentsContainer .content p{
  font-size: 15px;
  line-height: 24px;
}


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

@media (max-width: 767px) {
  main .mainImg{
    content: url(../assets/mobile/account/mainImg_account2.png);
    height: var(--mob-mainImg-width);
  }
  .section2 .contentsContainer{
    flex-flow: column;
    gap: 1.5rem;
  }
  .section2 .contentsContainer table th{
    font-size: 18px;
  }
  main>div {
    width: var(--mob-width);
  }
  main>div>div {
    width: 100%;
  }
  main nav{
    display: none;
  }
}