/* ax 사이트 메인 - 오른쪽 area2 숨기기 (큰 화면) */
body.ax-site .main-section.visual .area2 {
  display: none !important;
}

/* 작은 화면(1024px 이하)에서도 숨김 - 원본 미디어쿼리 덮어쓰기 */
@media only screen and (max-width: 1024px) {
  body.ax-site .main-section.visual .area2 {
    display: none !important;
  }
}

/* ax 사이트 메인 - 왼쪽 이미지 슬라이더 꽉 채우기 */
body.ax-site .main-section.visual .area1 {
  flex: 1;          /* 남은 공간(오른쪽 숨긴 자리 포함) 모두 차지 */
  width: 100%;
}


/* 상단 배경 이미지 교체 + 어두운 오버레이 (실제 그려지는 h2::before를 겨냥) */
body.ax-site .wrapper .container .area-visual h2::before {
  background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(/_res/postech/ax/img/postech3.jpg) no-repeat 50% / cover !important;
}


/* 상단 이미지 높이 */
@media only screen and (min-width: 1025px) {
    .main-section.visual {
        --el-visual-height: 110.0rem;  /* 원하는 만큼 조정 */
    }


}



/* ===========================
   AX 메인(/ax/index.do) 한정
   메인 비주얼 글자 크기 + 텍스트 위치 조정
   =========================== */

/* --- PC (1025px 이상): 글자 크기 --- */
@media only screen and (min-width:1025px){
  body[data-cur-uri^="/ax/index.do"] .main-section.visual{
    /* 제목(.tit) */
    --el-visual-swiper-tit-fontSize: 15rem;     /* 원본 14.6rem */
    --el-visual-swiper-tit-lineHeight: 10rem;   /* 겹침 방지: 폰트와 같거나 크게 */
    /* 부제(.con) */
    --el-visual-swiper-con-fontSize: 5.4rem;    /* 원본 5.2rem */
    --el-visual-swiper-con-lineHeight: 5rem;    /* 원본 6.0rem */
  }
}

/* --- 태블릿+모바일 (1024px 이하): 글자 크기 --- */
@media only screen and (max-width:1024px){
  body[data-cur-uri^="/ax/index.do"] .main-section.visual{
    --el-visual-swiper-tit-fontSize: 3rem;
    --el-visual-swiper-tit-lineHeight: 3.4rem;  /* 폰트보다 살짝 크게 */
    --el-visual-swiper-con-fontSize: 1.5rem;
    --el-visual-swiper-con-lineHeight: 1.9rem;
  }
}



/* AX 메인(/ax/index.do) — 텍스트를 이미지 세로 가운데로 */
@media only screen and (min-width:1025px){
  body[data-cur-uri^="/ax/index.do"] .main-slider1 li{
    display: flex;
    flex-direction: column;
    justify-content: center;   /* 세로 가운데 */
    height: var(--el-visual-height);
    box-sizing: border-box;
  }

  /* 앞서 넣은 transform은 제거해야 함 (아래 설명 참고) */
  body[data-cur-uri^="/ax/index.do"] .main-slider1 .tit,
  body[data-cur-uri^="/ax/index.do"] .main-slider1 .con{
    transform: none;
  }
}