@charset "utf-8";

/********** SECTION 별 BROKEN POINT 시작 - KE✓ **********/
section, .section, .sectStyle1 {padding: 3rem 0;}



#introSection {margin: 0 auto 1.5rem; padding: 3rem 0 0.5rem;}
#introSection .tBox {margin-bottom: 0;}

#firstSec {padding: 0 0 3rem;}
.subTitBox {margin-bottom: 1rem; text-align: center;}

.sectStyle1 {
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  
  transform: translateY(30px);
  animation: fadeIn 0.5s ease forwards;
  opacity: 0;
}

.sectStyle1:nth-of-type(2) {animation-delay: 0.1s;}
.sectStyle1:nth-of-type(3) {animation-delay: 0.2s;}
.sectStyle1:nth-of-type(4) {animation-delay: 0.3s;}
.sectStyle1:nth-of-type(5) {animation-delay: 0.4s;}

@keyframes fadeIn {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}


@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media screen and (min-width: 768px) {
  #introSection, section, .section, .sectStyle1 {padding: 4rem 0;}
}

@media screen and (min-width: 1440px) {
  #introSection, section, .section, .sectStyle1 {padding: 5rem 0;}
}

/********** SECTION 별 BROKEN POINT 끝 - KE✓ **********/



.halfBoxes {}
  .fullToHalfBox {
    display: block;
    width: 100%; height: auto;
  }


.mwn {min-width: none;}
.mw48 {min-width: 3rem;}
.mw64 {min-width: 4rem;}
.mw80 {min-width: 5rem;}
.mw96 {min-width: 6rem;}
.mw112 {min-width: 7rem;}
.mw128 {min-width: 8rem;}
.mw160 {min-width: 10rem;}
.mw176 {min-width: 11rem;}
.mw192 {min-width: 12rem;}
.mw224 {min-width: 14rem;}
.mw240 {min-width: 15rem;}
.mw256 {min-width: 16rem;}
.mw288 {min-width: 18rem;}
.mw320 {min-width: 20rem;}
.mw400 {min-width: 25rem;}
.mw480 {min-width: 30rem;}
.mw512 {min-width: 32rem;}
.mw560 {min-width: 36rem;}
.mw640 {min-width: 40rem;}
.mw800 {min-width: 50rem;}



.maTop {margin-top: 112px;} /* 설치된 위치(주로 게시판) : bbs/search.php - KE✓ */



/********** CARD - KE✓ **********/

.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-top: 20px;
}
  .card {
    padding: 20px;
    border:1px solid rgba(0, 110, 184, 0.35); border-radius: 12px;
    background: #FFF; color: #353535;
    box-shadow: 0 4px 10px rgba(0, 110, 184, 0.15);
    line-height: 1.5;
  }
  .card:hover {border: 1px solid var(--c-primary); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);}
    .card h4 {
      margin-bottom: 10px;
      color: var(--c-primary);
    }


/********** BOTTON - KE✓ **********/

.more_bc-s {
  display: inline-block;
  margin: 0 auto; padding: 0.875rem 1rem;
  border: 1px solid var(--c-secondary); border-radius: 10px;
  font-size: 1rem; font-weight: 500;
  background-color: var(--c-secondary);
  color: #fff;
  text-align: center;
}
.more_bc-s:hover {
  border: 1px solid var(--c-secondary);
  background-color: #FFF; color: var(--c-secondary);}

@media screen and (min-width: 768px) {
  .more_bc-s {padding: 1rem 1.5rem;}
}

@media screen and (min-width: 1024px) {
  .more_bc-s {padding: 1rem 2rem;}
}


/********** COMMON SECTION - KE✓ **********/
#midBanner {
  padding:  2.5rem 0;
  background-size: cover; background-position: 50%;
}
  #midBanner > .frame {width: 85%; max-width: 800px; height: auto;}
    #midBanner > .frame > .secTitBox {text-align: right;}
    #midBanner > .frame > .secTitBox > h3 {display: block; margin-right: 0.5rem;}
    #midBanner > .frame > .secTitBox > p {
      padding: 0.75rem 0 1rem;
      font-size: 0.875rem; line-height: 1.35;
      white-space: pre-line;
    }


    .moreBtnBox {
      display: flex; flex-direction: row-reverse;
      gap: 0.5rem;    
    }
    
    .moreBtn, .moreConsBtn {
      padding: 0.5rem 1rem;
      border: var(--c-primary) solid 1px;
      border-radius: 50px;
      cursor: pointer;
    }
    .moreConsBtn {color: var(--c-primary); background-color: #FFF;}
    .moreBtn, .moreConsBtn:hover {color: #FFF; background-color: var(--c-primary);}

    .moreBtn, .moreConsBtn {box-shadow: 2px 2px 6px rgb(0 0 0 / 15%);}
    .moreBtn:hover {border: #094b77 solid 1px; background-color: #094b77;}
    .moreBtn:hover, .moreConsBtn:hover {font-weight: 600; box-shadow: none;}
    .moreBtn.active {
      border: var(--c-primary) solid 1px;
      color: var(--c-primary);
      background-color: #FFF;
      box-shadow: 4px 4px 6px rgb(0 0 0 / 15%);
      font-weight: normal;
  }



/********** COMMON SECTION - KE✓ **********/

#bottom_banner {margin: 0; font-size: 1rem; line-height: 1.5;}
#contact {
  margin: 30px auto; padding-top: 1rem;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
  .contImg {
    width: 160px; height: 160px;
    margin: 1.5rem auto;
    background-position: 50% 50%;
    background-size: cover; background-repeat: no-repeat;
    background-image: url(https://aaauhak.co.kr/img/logo-aaa.png);
  }
  .contDetail_1 {
    padding: 1rem;
    border-top: 3px solid var(--c-secondary);
    border-left: 0;
  }

  @media screen and (min-width: 520px) {
    .contDetail_1 {padding: 1.5rem;}
  }








/* Media Queries: Small to Large - KE✓*/
@media screen and (min-width: 375px) {

}

@media screen and (min-width: 520px) {

}

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 1024px) {

}

@media screen and (min-width: 1440px) {

}

@media screen and (min-width: 1600px) {

}

@media screen and (min-width: 768px) {
  #midBanner {padding: 60px 0 5rem;}
  #midBanner > .frame {width: 75%;}
  #midBanner > .frame > .secTitBox > p {font-size: 1rem; line-height: 1.5;}

  #contact {padding: 0;}
    #contact > div.fullToHalfBox {vertical-align: middle; line-height: 1.5;}
      .contImg {background-size: contain;}
      .contDetail_1 {
        padding: 1rem;
        border-top: 0;
        border-left: 3px solid var(--c-secondary);
      }
}
@media screen and (min-width: 768px) {
  .fullToHalfBox {display: inline-block; width: 50%; vertical-align: top;}
}

/* 각 페이지 하단 배너 .클래스 명 변경 및 내용 수정 필요 */