main>div{
  width: var(--main-width);
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
header nav .mainMenus>li:nth-child(4)>a {
  color: var(--sub-color1);
}
header nav .mainMenus>li:nth-child(4) li:nth-child(4) a {
  color: var(--sub-color1);
}

/* 섹션1 */
.section1{
  display: flex;
  gap: 42px;
  margin-bottom: 90px;
}
.section1 img{
  width: 108px;
  height: 143px;
}
.section1>p{
  font-size: 17px;
  line-height: 30px;
  color: #353535;
}

/* 섹션2 */
.section2{
  margin-bottom: 90px;
}
.section2 h2{
  margin-bottom: 50px;
}
.section2>p{
  font-size: 17px;
  line-height: 30px;
  color: #353535;
}

/* 섹션3 */
.section3{
  display: flex;
  flex-flow: column;
  justify-content: center;
  box-sizing: border-box;
}
.section3 h2{
  margin-bottom: 50px;
}
.section3 .contentsContainer{
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.section3 .contentsContainer table{
  flex: 1;
  border-collapse: collapse;
  border: 1px solid rgba(99, 99, 99, 0.2);
  transition: .3s;
}
.section3 .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;
}
.section3 .contentsContainer table th,
.section3 .contentsContainer table td{
  border: 1px solid rgba(99, 99, 99, 0.2);
  text-align: center;
  padding: 1rem;
}
.section3 .contentsContainer table th{
  font-family: var(--main-font-os);
  font-size: 22px;
  font-weight: normal;
  color: #FFF;
}
.section3 .contentsContainer table th span{
  color: #FFF;
}
.section3 .contentsContainer table td{
  font-family: var(--main-font-in);
  font-size: 15px;
  line-height: 24px;
  font-weight: normal;
}
.section3 .contentsContainer table:nth-child(1) th{
  background-color: #808080;
}
.section3 .contentsContainer table:nth-child(2) th{
  background-color: #353535;
}
.section3 .contentsContainer table:nth-child(3) th{
  background-color: #bbd31f;
}



/* 서브 메뉴 */
main nav .subMenus2 ul>li:nth-child(4) a{
  color: #f00000;
}

@media (max-width: 767px) {
  main .mainImg{
    content: url(../assets/mobile/trading/mainImg_trading4.png);
    height: var(--mob-mainImg-width);
  }
  .section1 img{
    display: none;
  }
  .section3 .contentsContainer{
    flex-flow: column;
  }
  .section3 .contentsContainer table th {
    font-size: 18px;
  }
  main>div {
    width: var(--mob-width);
  }
  main>div>div {
    width: 100%;
  }
  main nav{
    display: none;
  }
}