@charset "utf-8";
/* 아카데미 프랩 */

.pageTitBox {
    background-image:url(https://www.aaauhak.co.kr/img/freepik/bg/2465919_3000x600.jpg);
    background-position: 50% 80%;
}
  /* .pageTitBox > div, .pageTitP {color: #FFF;} */

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

#tabToEx .subNav {justify-content: center; width: 16rem;}
  .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;}

  #tabToEx .subBoxes {background-color: #FFF;}
    #tabToEx .subBoxes .subBox p.infoTit {width: 100%;}
    #tabToEx .subBox table {min-width: 20rem;}

  #sidePics div.paraVer1.toHalfBox,
  #sidePics div.paraVer2.toHalfBox {padding-bottom: 2rem;}
    #sidePics div.paraVer1.toHalfBox h3,
    #sidePics div.paraVer2.toHalfBox h3 {padding: 0.5rem 0 1rem;}
    #sidePics div.paraVer1.toHalfBox p.cataTit,
    #sidePics div.paraVer2.toHalfBox p.cataTit {
      padding-top: 1rem; padding-bottom: 0; font-size: 0.875rem; text-align: center;
    }
    
    #sidePics .imgBG1 {background-image: url(https://www.aaauhak.co.kr/img/freepik/photo/cropped-image-students-1200x800.jpg);}
    #sidePics .imgBG2 {background-image: url(https://www.aaauhak.co.kr/img/freepik/photo/img-daehag-kaempeoseueseo-800x600.jpg);}
    #sidePics .imgBG3 {background-image: url(https://www.aaauhak.co.kr/img/freepik/photo/tolonto-daehaggyoui-12304-1000x667.jpg);}
    #sidePics > div:nth-child(3) {flex-direction: column-reverse;}
      #sidePics .halfBoxes div.toHalfImg {background-size: cover; background-position: 50%;}

      #sidePics a.moreBtn {
        display: block;
        max-width: 5rem; margin: 0 auto;
        text-align: center;
      }
      a.moreBtn:hover {border: 1px solid var(--c-secondary); background-color: var(--c-secondary);}

  #setsApart .frame {max-width: 75rem;}
    #setsApart .flexUp {width: 45%;}
      #setsApart .flexBoxes .flexCard {width: 100%;}



@media screen and (min-width: 768px) {
  #tabToEx .subNav, #tabToEx .subNavTab {width: fit-content;}

  #sidePics div.paraVer1.toHalfBox p.cataTit,
  #sidePics div.paraVer2.toHalfBox p.cataTit {padding-top: 2rem; font-size: 1.125rem;}

  #sidePics div.paraVer1 {padding-bottom: 0rem;}
  #sidePics > div:nth-child(3) {flex-direction: row;}
  #sidePics .halfBoxes {justify-content: center;}
    #sidePics .halfBoxes div[class^="toHalf"] {width: calc(100% / 2 - 1rem);}

  #setsApart .flexUp {width: 100%;}
}

@media screen and (min-width: 1024px) {
  #tabToEx .subBoxes {max-width: 50rem;}
}