@charset "utf-8";
table.tBor_1 {width: 100%; max-width: 40rem;}

.pageTitBox {background-image: url(https://www.aaauhak.co.kr/img/freepik/bg/bijeuniseu-yeoja-son-2560x360.jpg);}
  /* .pageTitBox > div, .pageTitP {color: #FFF;} */

  #overview table tr td:first-child,
  #tabToUnivs table tr td:first-child {text-align: center;}

  #tabToUnivs .sectionTitBox {margin-bottom: 1.5rem;}

  #tabToUnivs .subNav {justify-content: center; width: 16rem;}
    .subNav .subNavTab {width: calc(100% / 3);}
      .subNavTab > a > p {
        display: block;
        padding: 0.75rem 1rem;
        font-size: .875rem;
        line-height: 1;
        color: #353535;
        cursor: pointer;
      }
      .subNavTab.active > a > p {color: #FFF;}

  #tabToUnivs .subBoxes {max-width: 40rem; background-color: #FFF;}
    #tabToUnivs .subBoxes .subBox img.univLogo {
      display: block;
      max-width: 14rem;
      margin: 0 auto; padding-bottom: 1rem;
    }
    #tabToUnivs .subBoxes .subBox p.infoTit {width: 100%;}
    #tabToUnivs .subBox table {min-width: 20rem;}



@media screen and (min-width: 768px) {
  #tabToUnivs .subNav, #tabToUnivs .subNavTab {width: fit-content;}
    #tabToUnivs .subBoxes .subBox img.univLogo {max-width: 18rem;}
    #tabToUnivs table tr > th:nth-child(1) {width: 8rem;}
}

@media screen and (min-width: 1024px) {
  table.tBor_1 {max-width: 60rem;}

  #tabToUnivs .subBoxes {max-width: 50rem;}
    #tabToUnivs table tr > th:nth-child(1) {width: 10rem;}
}