@charset "utf-8";
/* ==========================================================================
   에이원우드 반응형 모음 (assets/css/responsive.css)
   - 화면별 반응형(태블릿 · 모바일) 수정을 이 파일 한 곳에 모아서 작성
   - 모든 페이지에서 "가장 마지막"에 불러옴 → 같은 선택자라면 이 파일 규칙이 이김
       · index.html · login.html · company/*.php · product/*.php : <head> 의 마지막 stylesheet
       · 그누보드 화면(게시판 · 견적문의 · 고객지원 · 약관) : theme/basic/inc/aw.assets.php (add_stylesheet 순서 99)
   - 기존 영역별 CSS(common.css · product.css · project.css …)에 이미 있는 반응형은 그대로 두고,
     새로 고치거나 덮어쓸 것만 여기에 작성
   - site.css 의 규칙은 대부분 ".fidelity .클래스" 형태 — 덮어쓸 때도 ".fidelity" 를 앞에 붙여야 적용됨

   ── 기준 폭 (사이트 전체 공통, 다른 CSS 와 같은 값) ──────────────────────────
     1199px 이하 : 작은 PC · 태블릿 가로        @media (max-width: 1199px)
     1023px 이하 : 태블릿                      @media (max-width: 1023px)
      767px 이하 : 모바일                       @media (max-width: 767px)
      479px 이하 : 작은 모바일                  @media (max-width: 479px)
     (PC 전용은 @media (min-width: 1024px), 터치 기기는 @media (hover: none))

   ── 화면 구분용 선택자 (다른 화면에 영향 없게 앞에 붙여서 사용) ─────────────────
     공통 헤더 · 전체 메뉴 · 푸터 · 빠른 메뉴 : .public-header · .aw-fullmenu · .public-footer · .no-floating-cta
     메인                 : .public-site-body--home
     로그인               : .aw-auth (login.html)
     회사소개 About US    : .fidelity-about
     회사소개 연혁        : .fidelity-history
     회사소개 특허·인증서 : .fidelity-certification
     제품소개 (7개 공통)  : .aw-product-page
       체육관 마루 .aw-page--gym-floor / 학교용 마루 .aw-page--school-floor / 환기형 걸레받이 .aw-page--baseboard
       합판 · 각재 .aw-page--plywood-lumber / 방진고무 · 수평쐐기 .aw-page--rubber-wedge
       하부틀 시스템 .aw-page--subframe-system / 마루 유지 · 보수 .aw-page--maintenance
       (상단 사진 비주얼은 .fidelity 밖 — .aw-subvisual--gym-floor 처럼 페이지별 클래스)
     그누보드 화면 전체   : .aw-gnu (body) · 상단 제목 띠 .aw-subvisual
     시공실적 목록        : .aw-project:not(.aw-project--gallery) · 글쓰기 .aw-project-write · 보기 .aw-project-view
     시공갤러리 목록      : .aw-project--gallery
     고객지원             : .aw-support
     견적문의             : 목록 .aw-qa · 글쓰기 .aw-qa-write · 보기 .aw-qa-view
     개인정보처리방침 · 이용약관 : .aw-policy

   목차
   0. 공통 (헤더 · 전체 메뉴 · 푸터 · 빠른 메뉴 · 팝업)
   1. 메인 (index.html)
   2. 로그인 (login.html)
   3. 회사소개 (About US · 연혁 · 특허 및 인증서)
   4. 제품소개 (공통 + 페이지별)
   5. 포트폴리오 (시공실적 · 시공갤러리)
   6. 고객지원
   7. 견적문의
   8. 개인정보처리방침 · 이용약관
   ========================================================================== */


/* --------------------------------------------------------------------------
   0. 공통 (헤더 · 전체 메뉴 · 푸터 · 빠른 메뉴 · 팝업)
   -------------------------------------------------------------------------- */
@media (max-width: 1199px) {
}

@media (max-width: 1023px) {
}

@media (max-width: 767px) {
}

@media (max-width: 479px) {
}


/* --------------------------------------------------------------------------
   1. 메인 (index.html) — .public-site-body--home
      비주얼 · SPORTS FLOORING · FLOOR TECHNOLOGY · FEATURE · 제품소개 · 숫자 · PROCESS · 시공 갤러리 · ONLINE INQUIRY
   -------------------------------------------------------------------------- */
@media (max-width: 1600px) {
   .fidelity .aw-flooring {padding: 120px 0;}
   .fidelity .aw-flooring__upper {column-gap: 80px;}
   .fidelity .aw-flooring__primary-column {padding-top: 0;}
   .fidelity .aw-flooring__lower {column-gap: 40px; margin-top: 120px;}
   .fidelity .aw-portfolio__copy {grid-column: 7 / span 4;}
   .fidelity .aw-portfolio__container {max-width: 100%; padding-inline: 80px;}
   .fidelity .aw-portfolio {padding-bottom: 80px;}
}
@media (max-width: 1199px) {
   .fidelity .public-home-hero__title {font-size: 40px;}
   .fidelity .public-home-hero__eyebrow {font-size: 24px; letter-spacing: 0;}
   .fidelity .aw-business__card {min-height: 280px; padding: 24px; display: flex;}
   .fidelity .aw-business__symbol {width: 80px; height: 80px;}
   .fidelity .aw-business__title {font-size: 20px;}
   .fidelity .aw-business__eyebrow {font-size: 16px; margin: 0 0 8px;}
   .fidelity .aw-business__description {margin: 16px 0 0; font-size: 15px;}
   .fidelity .aw-flooring__container {padding: 0 40px;}
   .fidelity .aw-flooring {padding: 40px 0;}
   .fidelity .aw-flooring__upper {grid-template-columns: 1fr; column-gap: 0; row-gap: 40px;}
   .fidelity .aw-floor-cards {grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px;}
   .fidelity .aw-flooring__title span {display: inline-block;}
   .fidelity .aw-flooring__title span + span {margin-left: 16px;}
   .fidelity .aw-flooring__description {margin: 24px 0 0;}
   .fidelity .aw-flooring__description br {display: none;}
   .fidelity .aw-flooring__lower {grid-template-columns: 1fr; align-items: center; column-gap: 0; margin-top: 80px; display: grid; row-gap: 40px;}
   .fidelity .aw-product {padding: 40px 0;}
   .fidelity .aw-product__stage {margin-top: 40px;}
   .fidelity .aw-portfolio__container {padding-inline: 40px;}
   .fidelity .aw-portfolio__marquee {margin-top: 40px;}
   .fidelity .aw-contact {padding: 80px 40px;}
   .fidelity .aw-contact .aw-inquiry {margin: 40px 0 0;}
   .fidelity .aw-portfolio__button {width: 160px; height: 48px; font-size: 16px;}
   .fidelity .aw-flooring__circle-text {display: none;}
}
@media (max-width: 1033px) {
   .fidelity .aw-process__list {grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 40px;}
   .fidelity .aw-process__list::before {display: none;}
   .fidelity .aw-process__list::after {display: none;}
   .fidelity .aw-process__item::after {display: none;}
   .fidelity .aw-process__item.is-done::after {display: none;}   
   .fidelity .aw-business__card {min-height: 240px;}
   .fidelity .aw-flooring__media--one {display: none;}
   .fidelity .aw-portfolio__container {grid-template-columns: 1fr;}
}

@media (max-width: 769px) {
   .fidelity a, .fidelity button, .fidelity select, .fidelity input, .fidelity textarea, .fidelity option {font-size: 15px;}
   .fidelity .aw-features__desc {font-size: 15px;}
   .fidelity .aw-flooring__upper {row-gap: 0;}
   .fidelity .aw-flooring__description {margin: 16px 0 0;}
   .fidelity .aw-flooring__title {font-size: 24px;}
   .fidelity .aw-flooring__title span + span {margin-left: 8px;}
   .fidelity .aw-flooring__media--cards {margin-top: 0;}
   .fidelity .aw-flooring__container {padding: 0 24px;}
   .fidelity .aw-flooring__description {font-size: 15px;}
   .fidelity .aw-floor-cards {grid-template-columns: repeat(2, minmax(0, 1fr));}
   .fidelity .aw-floor-card {padding: 24px;}
   .fidelity a {font-size: 20px;}
   .fidelity .aw-inquiry__hint {word-break: keep-all;}
   .fidelity .aw-inquiry .aw-inquiry__hint a {font-size: 13px;}
   .fidelity button, .fidelity select, .fidelity input, .fidelity textarea, .fidelity option {font-size: 15px;}   
   .fidelity .aw-stats__panel {grid-template-columns: 1fr; gap: 40px; padding: 24px;}
   .fidelity .aw-stats__list {gap: 40px; width: 100%; justify-content: space-between;}
   .fidelity .aw-stats .aw-stats__since {position: relative; min-height: auto; width: 100%; padding: 24px;}
   .fidelity .aw-stats__since-link {position: absolute; top: 40px; right: 24px;}
   .fidelity .aw-strengths__desc {font-size: 15px;}
   .fidelity .aw-portfolio__heading .aw-portfolio__description {margin-top: 16px;}
   .fidelity .aw-floor-card__list li {font-size: 15px;}
   .fidelity .aw-features__title {font-size: 16px;}
   .fidelity .aw-strengths__item + .aw-strengths__item::before {display: none;}
}

@media (max-width: 500px) {
   .fidelity .aw-floor-cards {gap: 24px; grid-template-columns: 1fr;}
   .fidelity .aw-flooring__lower {margin-top: 40px;}
   .fidelity .aw-features {grid-template-columns: 1fr; gap: 24px;}
   .fidelity .aw-features__item {align-items: center; text-align: center;}
   .fidelity .aw-product__eyebrow {margin: 0 0 8px;}
   .fidelity .aw-product__title {font-size: 28px;}
   .fidelity .aw-product__lead {margin: 16px 0 0; font-size: 15px;}
   .fidelity .aw-product__stage {margin-top: 24px;}
   .fidelity .aw-product__copy {margin-top: 24px;}
   .fidelity .aw-product__description {width: 100%; margin: 16px 0 0; font-size: 15px;}
   .fidelity .aw-stats__title {font-size: 28px;}
   .fidelity .aw-stats__description {font-size: 15px;}
   .fidelity .aw-process__list {grid-template-columns: 1fr; row-gap: 24px; margin-top: 24px; padding: 0 24px; order: 2;}
   .fidelity .aw-strengths__list {grid-template-columns: 1fr; row-gap: 8px;}
   .fidelity .aw-strengths {padding: 40px 24px;}
   .fidelity .aw-portfolio {padding: 40px 24px;}
   .fidelity .aw-portfolio__container {padding: 0;}
   .fidelity .aw-contact {padding: 40px 0 0;}
   .fidelity .aw-inquiry .aw-inquiry__submit {gap: 8px; min-width: 100%; min-height: 48px; padding: 0 24px; font-size: 15px;}
   .fidelity .aw-flooring__title {font-size: 20px; white-space: nowrap;}
   .fidelity .aw-footer {padding: 40px 0 24px; gap: 24px;}
   .fidelity .aw-inquiry__agree {align-items: flex-start; gap: 8px;}
   .fidelity .aw-inquiry__agree span {white-space: nowrap;}
   .fidelity .aw-inquiry .aw-inquiry__input {padding: 8px;}
   .fidelity .aw-portfolio__marquee {margin-top: 24px;}
   .fidelity .aw-portfolio__title-row {margin-top: 8px; gap: 8px;}
   .fidelity .no-floating-cta[data-hero-aware] {display: none;}
   .fidelity .aw-inquiry .aw-inquiry__hint a {display: block;}
   .fidelity .public-footer.site-footer .public-footer__bottom {padding: 24px 0; gap: 16px;}
   .fidelity .aw-stats__list {gap: 16px;}
   .fidelity .aw-stats__panel {gap: 24px;}
   .fidelity .aw-process__description {margin: 8px 0 0; font-size: 15px;}
   .fidelity .aw-process .aw-process__copy {margin-top: 24px;}
}


/* --------------------------------------------------------------------------
   2. 회사소개 — .fidelity-about · .fidelity-history · .fidelity-certification
      (하위 메뉴 탭 .aw-company-tab 은 회사소개 · 제품소개 공통)
   -------------------------------------------------------------------------- */
@media (max-width: 1600px) {
   .fidelity .aw-cert__inner, .fidelity .aw-test__inner {max-width: 100%; padding: 0 40px;}
   .fidelity .aw-cert__grid {grid-template-columns: repeat(4, minmax(0, 1fr));}
}

@media (max-width: 1280px) {
   .fidelity .public-director-visual__title {font-size: 56px;}
   .fidelity .public-director-visual__description {font-size: 18px;}
   .fidelity .public-director-visual__rule {height: 80px; bottom: 40px;}
   .fidelity .public-director-visual__copy {padding-bottom: 160px;}
   .fidelity .public-director-profile {padding: 80px 40px;}
   .fidelity .public-director-profile__shell {max-width: 100%; padding: 0;}
   .fidelity .public-director-profile__layout {gap: 40px;}
   .fidelity .public-director-profile__intro {padding: 0;}
   .fidelity .public-director-why {padding: 80px 40px;}
   .fidelity .aw-about-business {padding: 80px 40px;}
   .fidelity .public-director-profile__portrait {height: 600px;}
   .fidelity .aw-history {padding: 80px 40px;}
   .fidelity .aw-history__inner {max-width: 100%; padding-inline: 0;}
   .fidelity .aw-cert__grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
   .fidelity .aw-cert {padding: 40px 0;}
   .fidelity .aw-test {padding: 40px 0;}
   .fidelity .aw-cert__inner, .fidelity .aw-test__inner {padding: 0 24px;}
}

@media (max-width: 1033px) {
   .fidelity .public-director-why__list {gap: 40px; margin-top: 40px;}
   .fidelity .public-director-why__item {grid-template-columns: 1fr; gap: 40px;}
   .fidelity .public-director-why__copy {padding-left: 0;}
   /* site.css 가 사진 · 글에 칸 위치(grid-column · grid-area)를 지정해 둬서 1칸으로 바꿔도 한 줄에 겹침 → 위치 지정 해제 (사진 → 글 순서로 세로 나열) */
   .fidelity .public-director-why__media, .fidelity .public-director-why__item:nth-child(2n) .public-director-why__media {grid-area: auto;}
   .fidelity .public-director-why__copy, .fidelity .public-director-why__item:nth-child(2n) .public-director-why__copy {grid-area: auto; padding: 0;}
}

@media (max-width: 820px) {
   .fidelity .public-director-profile {padding: 40px 24px;}
   .fidelity .public-director-visual__copy {padding-inline:20px; padding-bottom: clamp(52px,3.59551vw + 38.5169px,68px);}
   .fidelity .public-director-visual__rule {display: none;}
   .fidelity .public-director-visual__media {aspect-ratio: 4/5; width: calc(100% - 48px); height: 400px; margin: 0 24px;}
   .fidelity .public-director-visual__marquee-set {letter-spacing: .08em; gap: 24px; padding-right: 24px}
   .fidelity .aw-about-stats__value {font-size: 36px;}
   .fidelity .public-director-profile__message {margin-top: 24px;}
   .fidelity .public-director-profile__message p {word-break: keep-all;}
   .fidelity .public-director-profile__message br {display: none;}   
   .fidelity .public-director-why {padding: 40px 24px;}
   .fidelity .aw-about-business {padding: 40px 24px;}
   .fidelity .public-director-why__title {font-size: 28px; margin: 8px 0 0;}
   .fidelity .public-director-why__item {gap: 24px}
   .fidelity .aw-about-spaces__media .aw-img-caption {top: 16px; right: 16px; bottom: auto}
   .fidelity .aw-about-stats__item {flex-direction: column; gap: 8px; text-align: center;}
   .fidelity .aw-about-stats__value {justify-content: center;}
   .fidelity .public-director-why__inner {padding: 0;}
   .fidelity .aw-about-business__inner {padding: 0;}
}

@media (max-width: 769px) {
   .fidelity .aw-about-stats__list {grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 0;}
   .fidelity .aw-about-stats__item + .aw-about-stats__item {border-left: 0;}
   .fidelity .aw-about-stats__item:nth-child(2n) {border-left: 1px solid var(--color-border);}
   .fidelity .aw-about-stats__item:nth-child(n + 3) {padding-top: 24px; border-top: 1px solid var(--color-border);}
   .fidelity .aw-history {padding: 40px 24px;}
   .fidelity .aw-test__head {flex-direction: column; align-items: flex-start;}
}
@media (max-width: 500px) {
   .fidelity .public-director-visual__title {font-size: 40px;}
   .fidelity .public-director-visual__description {font-size: 16px;}
   .fidelity .public-director-visual__copy {padding: 100px 24px 24px;}
   .fidelity .aw-about-stats__label {font-size: 15px;}
   .fidelity .aw-about-stats__icon {font-size: 32px;}
   .fidelity .public-director-profile__portrait {height: 400px;}
   .fidelity .public-director-why__lead {margin: 16px 0 0;}
   .fidelity .public-director-why__list {margin-top: 24px;}
   .fidelity .public-director-why__copy, .fidelity .public-director-why__item:nth-child(2n) .public-director-why__copy {margin-top: 16px;}
   .fidelity .no-floating-cta {display: none;}
   .fidelity .public-director-visual__media {height: 200px;}
   .fidelity .aw-history__item + .aw-history__item {margin-top: 24px;}
   .fidelity .aw-cert__grid {grid-template-columns: minmax(0, 1fr); margin-inline: auto;}
   .fidelity .aw-cert-card__inner {max-height: 360px;}
   .fidelity .aw-cert-card__mark {margin-top: 0; margin-bottom: 24px;}
   .fidelity .aw-cert-card__mark.patent {margin-top: -16px;}
   .fidelity .aw-cert-card__mark.mainbiz {width: 120px; margin-bottom: 0; height: 100px;}
   .fidelity .aw-strengths__heading {font-size: 28px;}
}

/* --------------------------------------------------------------------------
   4. 제품소개 — .aw-product-page (페이지별 .aw-page--…)
      공통 블록: 슬라이더 .aw-floor-slider · 수종 목록 .aw-lineup · Key Features .aw-benefits
                 시공 사례 .aw-cases · 문의 띠 .aw-contact (유지 · 보수)
   -------------------------------------------------------------------------- */

@media (max-width: 1281px) {
   .fidelity .aw-lineup {padding: 80px 40px;}
   .fidelity .aw-lineup__inner {padding: 0;}
   .fidelity .aw-cases {padding: 80px 40px;}
   .fidelity .aw-cases__inner {padding: 0;}
   .fidelity .aw-cases__title {font-size: 24px;}
   .fidelity .aw-cases__grid {margin-top: 40px;}
}

@media (max-width: 1199px) {
   /* 체육관 마루 FLOORING LINEUP 수종 탭 — Swiper 가운데 정렬 탭 (main.js initLineupFilter, 고른 탭이 가운데로) · 양 끝은 흐리게 */
   .fidelity .aw-lineup__tabs-wrap.swiper-initialized {overflow: hidden; -webkit-mask-image: linear-gradient(to right, transparent, #000 32px, #000 calc(100% - 32px), transparent); mask-image: linear-gradient(to right, transparent, #000 32px, #000 calc(100% - 32px), transparent);}
   .fidelity .swiper-initialized .aw-lineup__tabs {flex-wrap: nowrap; justify-content: flex-start; gap: 0; box-sizing: content-box; transition-property: transform;}
   .fidelity .swiper-initialized .aw-lineup__tab-item {flex-shrink: 0;}
   .fidelity .swiper-initialized .aw-lineup__tab {white-space: nowrap;}
}

@media (max-width: 1033px) {
   .aw-subvisual--photo {--aw-sv-h: 600px;}
}

@media (max-width: 769px) {
   .fidelity .aw-floor-slider {padding: 40px 0;}
   .fidelity .aw-lineup {padding: 40px 24px;}
   .fidelity .aw-cases {padding: 40px 24px;}
   .fidelity .aw-lineup__grid {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;}
   .fidelity .aw-cases__title {font-size: 18px;}
   .fidelity .aw-lineup__info {display: inline-block;}
   .fidelity .aw-lineup__info .fe {display: inline-block; vertical-align: middle; margin-right: 4px;font-size: 18px; margin-top: -2px;}
   .fidelity .aw-cases__grid {gap: 24px; margin-top: 24px;}
}

@media (max-width: 500px) {
   .fidelity .aw-lineup__grid {grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 16px;}
   .aw-subvisual__eyebrow {margin-bottom: 4px;}
}


/* --------------------------------------------------------------------------
   5. 포트폴리오 — 시공실적 .aw-project:not(.aw-project--gallery) · 시공갤러리 .aw-project--gallery
      (두 게시판이 aw_project/project.css 를 함께 사용)
   -------------------------------------------------------------------------- */
@media (max-width: 1199px) {
}

@media (max-width: 1023px) {
}

@media (max-width: 767px) {
}

@media (max-width: 479px) {
}


/* --------------------------------------------------------------------------
   6. 고객지원 — .aw-support
   -------------------------------------------------------------------------- */
@media (max-width: 1023px) {
}

@media (max-width: 767px) {
}


/* --------------------------------------------------------------------------
   7. 견적문의 — .aw-qa · .aw-qa-write · .aw-qa-view
   -------------------------------------------------------------------------- */
@media (max-width: 1023px) {
}

@media (max-width: 767px) {
}


/* --------------------------------------------------------------------------
   8. 개인정보처리방침 · 이용약관 — .aw-policy
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
}