@charset "utf-8";
/* 대학 신입 | 커뮤니티 컬리지 */

.pageTitBox {
  background-color: var(--c-secondBG);
  background-position: 50% 50%;
}
.ucPageTit{
  background-image: url(https://www.aaauhak.co.kr/img/freepik/bg/kaelliponia-loseuaenjelleseu-3000x600.jpg);
  background-position: 50% 50%;
}
  .pageTitBox > div, .pageTitP {color: #FFF;}
  
table.tBor_1 {width: 100%;}
  table tr td:first-child {text-align: center;}

#byMajor table.tBor_1,
#timeline table.tBor_1 {width: 80%;}

#ucInfo,
#subGnb,
#subGnb thead tr th:first-child {background-color: var(--c-secondBG);}

#noMargin table thead tr,
#subGnb tbody tr td:first-child {background-color: #FFF;}

#infoSec table tr td:first-child,
#ranking table tr td:first-child,
#versus table tr td:first-child {text-align: center;}

#timeline table tr td:first-child,
#noMargin .halfBoxes:nth-child(1) table tr td:first-child {text-align: left;}


.tabMenu {width: 100%; overflow-x: auto;}
.tabMenu > .txa_right {padding: 0 1rem;}
.tabMenuPanel {
  flex-wrap: nowrap;
  min-width: 40rem;
  overflow: hidden;
  white-space: nowrap;
}

#rankMenu .tabMenuPanel {min-width: 15rem;}

#content1 img.univLogo {display: block; margin: 0 auto;}

#infoSec .introTogBtn {padding: 0.5rem;}
#infoSec #content1 img.univLogo {max-width: 12rem;}

#ucInfo #content1 img.univLogo {max-width: 8rem;}
#ucInfo p.wspl {margin-top: 0.5rem;}

#timeline p.wspl {margin: 0 auto; padding-top: 0.5rem;}

#versus thead th:first-child, #versus tbody td:first-child,
#subGnb thead th:first-child, #subGnb tbody td:first-child {
  position: sticky; left: 0;
  z-index: 2;
}

#subGnb .subNav {width: calc(100% - 1rem);}
  #subGnb .subNavTab:nth-child(1),
  #subGnb .subNavTab:nth-child(2),
  #subGnb .subNavTab:nth-child(3) {width: calc(100% / 3);}
  #subGnb .subNavTab:nth-child(4),
  #subGnb .subNavTab:nth-child(5) {width: calc(100% / 2);}


@media screen and (min-width: 375px) {
  #infoSec .introTogBtn {padding: 0.5rem 0.75rem;}
}

@media screen and (min-width: 768px) {
  div.tabMenuPanel {gap: 0.5rem;}

  #infoSec .introTogBtn {padding: 0.75rem 1rem;}
  #infoSec #content1 img.univLogo {max-width: 15rem;}

  #ucInfo table tr td:first-child {width: 9.5rem;}
  #ucInfo .contentPanel .introToggle:last-child table tr td:first-child {width: auto;}
  #ucInfo #content1 img.univLogo {max-width: 12rem;}
  
  #timeline p.wspl,
  #byMajor p.wspl {width: 80%; margin: 0 auto;}
      
  #subGnb .subNav,
  #subGnb .subNavTab:nth-child(1),
  #subGnb .subNavTab:nth-child(2),
  #subGnb .subNavTab:nth-child(3),
  #subGnb .subNavTab:nth-child(4),
  #subGnb .subNavTab:nth-child(5) {width: fit-content;}
}

@media screen and (min-width: 1024px) {
  div.tabMenuPanel {gap: 0.75rem;}

  #byMajor table thead tr th:first-child {width: 15rem;}
}