@charset "utf-8";
/* =========================================================
   signature08 : 비수면마취 / 통증 컨트롤 시스템 (반응형)
   - 기준 시안 : PSD 1903px  (--k : 1903px 기준 축소 배율)
   - 브레이크포인트
       ≥1025px  : PC (시안 비율 유지, 폰트는 최소값 보장)
       ≤1024px  : 태블릿 (2단 구성, FAQ 카드 풀폭)
       ≤768px   : 모바일
   - 모든 클래스는 .anes- 접두사 (기존 main.css / sub.css 의 .sec01 등과 충돌 방지)
   ========================================================= */

.anes {
    --k: calc(min(100vw, 1903px) / 1903);
    /* 시안 1px 의 현재 크기 */
    --hd: 91px;
    /* 헤더(PC, absolute) 높이 */
    --brown: #563232;
    --ink: #34373c;
    --orange: #e77430;
    --line: #bfac9d;
    --sans: 'Noto Sans KR', 'Noto Sans CJK KR', 'Pretendard', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
    --serif: 'Noto Serif KR', 'Noto Serif CJK KR', 'Nanum Myeongjo', serif;

    position: relative;
    width: 100%;
    overflow: hidden;
    background: #fff;
    color: var(--ink);
    font-family: var(--sans);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.05em;
    word-break: keep-all;
    -webkit-text-size-adjust: 100%;
}

/* main.css 의 전역 `*{font-family:'Nanum Gothic'}` 덮어쓰기 */
.anes *,
.anes *::before,
.anes *::after {
    box-sizing: border-box;
    font-family: inherit;
    letter-spacing: -0.05em;
    /* em 값은 상속되지 않고 계산값(px)이 상속되므로 모든 요소에 직접 지정 */
}

:where(.anes) img {
    display: block;
    max-width: 100%;
    height: auto;
}

:where(.anes) :where(ul, ol, li) {
    list-style: none;
    margin: 0;
    padding: 0;
}

:where(.anes) :where(h1, h2, h3, p, dl, dd, dt) {
    margin: 0;
    padding: 0;
}

:where(.anes) a {
    text-decoration: none;
}

:where(.anes) :where(b, strong) {
    font-weight: 700;
}

.anes-sec {
    position: relative;
}

.anes-wrap {
    width: min(1337px, calc(100% - 60px));
    margin: 0 auto;
}

/* ---------- 공통 타이틀 ---------- */
.anes-head {
    text-align: center;
}

.anes-h2 {
    font-size: max(30px, calc(var(--k) * 50));
    font-weight: 700;
    line-height: 1.25;
    color: var(--ink);
}

.anes-en {
    font-family: var(--serif);
    font-size: max(20px, calc(var(--k) * 40));
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: .25em;
    color: var(--ink);
}

.anes-en * {
    font-family: var(--serif);
    letter-spacing: .25em;
}

.anes-en span {
    font-weight: 300;
}

.anes-en b {
    font-weight: 600;
    color: var(--brown);
}

.anes-en--lg {
    font-size: max(24px, calc(var(--k) * 50));
}

.anes-sub {
    font-size: max(14px, calc(var(--k) * 20));
    font-weight: 400;
    line-height: 1.4;
    color: var(--ink);
}

.anes-pill {
    display: block;
    width: max(260px, calc(var(--k) * 424));
    margin: calc(var(--k) * 38) auto 0;
    padding: max(8px, calc(var(--k) * 10)) 0;
    border-radius: max(4px, calc(var(--k) * 8));
    background: var(--brown);
    color: #fff;
    font-size: max(14px, calc(var(--k) * 20));
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
}

.br-pc {
    display: inline;
}

/* =========================================================
   01. HERO
   ========================================================= */
.anes-hero {
    height: calc(var(--k) * 1031);
    min-height: 520px;
    padding-top: max(calc(var(--hd) + 40px), calc(var(--k) * 281));
    background: #fff url(/img/sub/signature/signature08/hero_bg.jpg) center top / cover no-repeat;
    color: var(--brown);
    text-align: center;
}

.anes-hero__inner {
    width: min(1337px, calc(100% - 60px));
    margin: 0 auto;
}

.anes-hero__tag {
    display: block;
    width: max(300px, calc(var(--k) * 525));
    margin: 0 auto;
    padding: max(10px, calc(var(--k) * 12)) 0;
    border: 1px solid var(--brown);
    font-family: var(--serif);
    font-size: max(13px, calc(var(--k) * 20));
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .1em;
}

.anes-hero__tag,
.anes-hero__tag * {
    font-family: var(--serif);
}

.anes-hero__lead {
    margin-top: calc(var(--k) * 60);
    font-size: max(20px, calc(var(--k) * 35));
    font-weight: 500;
    line-height: 1.33;
}

.anes-hero__title {
    margin-top: calc(var(--k) * 62);
    font-size: max(40px, calc(var(--k) * 80));
    font-weight: 700;
    line-height: 1.06;
    letter-spacing: -0.05em;
}

.anes-hero__desc {
    margin-top: calc(var(--k) * 78);
    font-size: max(16px, calc(var(--k) * 30));
    font-weight: 300;
    line-height: 1.5;
}

/* =========================================================
   02. 특수마취 적용 시술
   ========================================================= */
.anes-apply {
    padding: max(60px, calc(var(--k) * 200)) 0 max(60px, calc(var(--k) * 120));
}

.anes-apply__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--k) * 38) calc(var(--k) * 39);
    margin-top: calc(var(--k) * 66);
}

.anes-apply__item {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: max(18px, calc(var(--k) * 45));
    background: var(--brown);
}

.anes-apply__img {
    aspect-ratio: 649 / 426;
    overflow: hidden;
    background: #eee;
}

.anes-apply__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.anes-apply__label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: max(48px, calc(var(--k) * 105));
    padding: 0 10px;
    color: #fff;
    font-size: max(18px, calc(var(--k) * 40));
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
}

/* =========================================================
   03. 시술 전 케어 - 통증 컨트롤 시스템
   ========================================================= */
.anes-pre {
    padding: max(60px, calc(var(--k) * 120)) 0;
}

.anes-pre .anes-sub {
    margin-top: calc(var(--k) * 28);
}

.anes-pre .anes-h2 {
    margin-top: calc(var(--k) * 62);
}

.anes-pre__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 calc(var(--k) * 17);
    margin-top: calc(var(--k) * 92);
}

.anes-pre__item {
    text-align: center;
}

.anes-pre__img {
    aspect-ratio: 321 / 317;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: max(18px, calc(var(--k) * 45));
    background: #eee;
}

.anes-pre__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.anes-pre__tit {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: max(40px, calc(var(--k) * 62));
    margin-top: calc(var(--k) * 14);
    padding: 0 8px;
    border-radius: 999px;
    background: var(--brown);
    color: #fff;
    font-size: max(15px, calc(var(--k) * 23));
    font-weight: 500;
    line-height: 1.25;
}

.anes-pre__txt {
    margin-top: calc(var(--k) * 24);
    font-size: max(14px, calc(var(--k) * 20));
    line-height: 1.55;
    color: var(--ink);
}

.anes-pre__txt small {
    display: block;
    margin-top: 2px;
    font-size: max(12px, calc(var(--k) * 15));
    line-height: 1.5;
    color: #747e8e;
}

/* =========================================================
   04. 통증 케어 시스템 진행 과정
   ========================================================= */
.anes-process {
    padding: max(60px, calc(var(--k) * 120)) 0 max(60px, calc(var(--k) * 250));
}

.anes-process .anes-h2 {
    margin-top: calc(var(--k) * 62);
}

.anes-steps {
    display: flex;
    justify-content: space-between;
    margin-top: calc(var(--k) * 78);
}

.anes-steps__item {
    position: relative;
    width: 29.55%;
    text-align: center;
}

.anes-steps__item:not(:last-child)::after {
    content: '\25B6';
    position: absolute;
    top: calc(var(--k) * 255);
    left: calc(100% + var(--k) * 27);
    color: #666;
    font-size: max(12px, calc(var(--k) * 22));
    line-height: 1;
}

.anes-steps__badge {
    display: block;
    width: 54.2%;
    margin: 0 auto;
    padding: max(6px, calc(var(--k) * 8)) 0;
    border-radius: 999px;
    background: var(--orange);
    color: #fff;
    font-size: max(13px, calc(var(--k) * 20));
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.02em;
}

.anes-steps__img {
    aspect-ratio: 395 / 401;
    overflow: hidden;
    margin-top: calc(var(--k) * 31);
    border-radius: max(18px, calc(var(--k) * 45));
    background: #eee;
}

.anes-steps__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.anes-steps__cap {
    margin-top: calc(var(--k) * 34);
    color: #333;
    font-size: max(15px, calc(var(--k) * 28));
    font-weight: 700;
    line-height: 1.25;
}

.anes-notice {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: max(120px, calc(var(--k) * 247));
    margin-top: calc(var(--k) * 94);
    padding: 20px;
    overflow: hidden;
    border-radius: max(18px, calc(var(--k) * 45));
    background: #2b1608 url(/img/sub/signature/signature08/banner_bg.jpg) center / cover no-repeat;
    color: #fff;
    text-align: center;
}

.anes-notice p {
    font-size: max(15px, calc(var(--k) * 35));
    font-weight: 400;
    line-height: 1.57;
    color: #fff;
}

.anes-notice strong {
    font-weight: 700;
    color: #fff;
}

/* =========================================================
   05. FAQ
   ========================================================= */
.anes-faq {
    min-height: calc(var(--k) * 3299);
    padding: max(70px, calc(var(--k) * 165)) 0 max(70px, calc(var(--k) * 238));
    /* PSD 에서 인물을 합성해 둔 배경 이미지 그대로 사용 (1903 x 3299) */
    background: #dfe6f1 url(/img/sub/signature/signature08/faq_bg.jpg) center top / cover no-repeat;
}

/* 모바일/태블릿 전용 배경 조각 (PC 에서는 숨김) */
.anes-faq__pic {
    display: none;
}

.anes-faq__head {
    position: relative;
    z-index: 1;
    text-align: center;
}

.anes-faq__sub {
    font-size: max(15px, calc(var(--k) * 30));
    font-weight: 500;
    line-height: 1.4;
}

.anes-faq__head .anes-h2 {
    margin-top: calc(var(--k) * 24);
}

.anes-faq__list {
    position: relative;
    z-index: 1;
    margin-top: calc(var(--k) * 70);
}

.anes-faq__item {
    width: 53.65%;
    margin-top: calc(var(--k) * 30);
    padding: calc(var(--k) * 71) calc(var(--k) * 66) calc(var(--k) * 66);
    border-radius: max(20px, calc(var(--k) * 45));
    background: #fff;
    box-shadow: 0 calc(var(--k) * 12) calc(var(--k) * 34) rgba(60, 70, 100, .12);
}

.anes-faq__item:first-child {
    margin-top: 0;
}

.anes-faq__item:nth-child(-n+3) {
    margin-right: 2.57%;
    margin-left: auto;
}

.anes-faq__item:nth-child(n+4) {
    margin-right: auto;
    margin-left: 2.63%;
}

.anes-faq__item:nth-child(4) {
    margin-top: calc(var(--k) * 81);
}

.anes-faq__item:nth-child(-n+4) {
    min-height: calc(var(--k) * 375);
}

.anes-faq__item:nth-child(5) {
    min-height: calc(var(--k) * 532);
}

.anes-faq__item:nth-child(6) {
    min-height: calc(var(--k) * 452);
}

.anes-faq__q {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--k) * 12);
}

.anes-faq__no {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max(34px, calc(var(--k) * 53));
    height: max(34px, calc(var(--k) * 53));
    margin-top: calc(var(--k) * -4);
    border-radius: 50%;
    background: var(--brown);
    color: #fff;
    font-size: max(13px, calc(var(--k) * 24));
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
}

.anes-faq__q h3 {
    font-size: max(16px, calc(var(--k) * 30));
    font-weight: 700;
    line-height: 1.5;
    color: var(--brown);
}

.anes-faq__a {
    margin: calc(var(--k) * 29) 0 0 calc(var(--k) * 65);
    font-size: max(14px, calc(var(--k) * 21));
    font-weight: 350;
    line-height: 1.9;
    color: var(--ink);
}

.anes-faq__a strong {
    font-weight: 700;
}

.anes-faq__bullet {
    margin-top: calc(var(--k) * 12);
    font-size: max(13px, calc(var(--k) * 19));
    font-weight: 700;
    line-height: 2.1;
}

.anes-faq__bullet li {
    position: relative;
    padding-left: calc(var(--k) * 26);
}

.anes-faq__bullet li::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(var(--k) * 4);
    width: 5px;
    height: 5px;
    margin-top: -2px;
    border-radius: 50%;
    background: var(--ink);
}

.anes-faq__care {
    margin-top: calc(var(--k) * 24);
}

.anes-faq__care>div {
    display: grid;
    grid-template-columns: calc(var(--k) * 239) 1fr;
    align-items: start;
    margin-bottom: calc(var(--k) * 26);
}

.anes-faq__care dt {
    font-size: max(13px, calc(var(--k) * 19));
    font-weight: 700;
    line-height: 1.5;
}

.anes-faq__care dd {
    font-size: max(12px, calc(var(--k) * 17.6));
    font-weight: 350;
    line-height: 1.6;
}

.anes-faq__btns {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--k) * 17);
    margin-top: calc(var(--k) * 36);
}

.anes-faq__btns a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .3em;
    min-width: calc(var(--k) * 216);
    padding: max(10px, calc(var(--k) * 12)) max(14px, calc(var(--k) * 20));
    border-radius: max(6px, calc(var(--k) * 10));
    background: var(--brown);
    color: #fff;
    font-size: max(13px, calc(var(--k) * 21));
    font-weight: 500;
    line-height: 1.4;
    transition: background-color .2s;
}

.anes-faq__btns a i {
    font-style: normal;
    letter-spacing: 0;
}

.anes-faq__btns a:hover {
    background: #3f2121;
}

/* =========================================================
   06. 하단 공통 배너 (원장)
   ========================================================= */
.anes-doctor {
    display: flex;
    align-items: center;
    height: calc(var(--k) * 451);
    min-height: 200px;
    padding-left: 20.6%;
    background: #050403 url(/img/sub/signature/signature08/doctor_banner.jpg) center / cover no-repeat;
    color: #fff;
}

.anes-doctor__txt {
    font-size: max(18px, calc(var(--k) * 45));
    font-weight: 300;
    line-height: 1.33;
    color: #fff;
}

.anes-doctor__txt strong {
    display: block;
    font-weight: 700;
    color: #fff;
}

/* =========================================================
   07. The speciality of DERMA
   ========================================================= */
.anes-spec {
    padding: max(60px, calc(var(--k) * 160)) 0 max(60px, calc(var(--k) * 147));
    background: #fff;
}

.anes-spec__logo {
    position: absolute;
    right: -7.7%;
    bottom: calc(var(--k) * -109);
    z-index: 0;
    width: 38.1%;
    opacity: .06;
    pointer-events: none;
}

.anes-spec .anes-head,
.anes-spec__list {
    position: relative;
    z-index: 1;
}

.anes-sub--light {
    font-size: max(16px, calc(var(--k) * 30));
    font-weight: 300;
}

.anes-sub--light b {
    font-weight: 700;
    color: var(--brown);
}

.anes-spec .anes-en {
    margin-top: calc(var(--k) * 34);
}

.anes-spec__list {
    width: min(1308px, calc(100% - 60px));
    margin: calc(var(--k) * 140) auto 0;
}

.anes-spec__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
}

.anes-spec__img {
    aspect-ratio: 655 / 453;
    overflow: hidden;
}

.anes-spec__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.anes-spec__txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-align: center;
}

.anes-spec__no {
    padding-left: 10px;
    border-left: 3px solid #111;
    font-size: max(13px, calc(var(--k) * 22));
    font-weight: 500;
    line-height: 1.15;
    color: #111;
}

.anes-spec__txt h3 {
    margin-top: calc(var(--k) * 32);
    font-size: max(18px, calc(var(--k) * 30));
    font-weight: 700;
    line-height: 1.5;
    color: var(--brown);
}

.anes-spec__txt p:last-child {
    margin-top: calc(var(--k) * 24);
    font-size: max(14px, calc(var(--k) * 24));
    font-weight: 350;
    line-height: 1.46;
    color: var(--ink);
}

/* =========================================================
   TABLET  (≤1024px)
   ========================================================= */
@media all and (max-width: 1024px) {
    .anes-hero {
        min-height: 480px;
    }

    .anes-pre__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 44px 20px;
        width: min(760px, 100%);
        margin-right: auto;
        margin-left: auto;
    }

    .anes-pre__txt {
        font-size: 15px;
    }

    /* FAQ : 카드 풀폭 + 합성 배경을 상/하단 조각으로 나눠 노출 */
    .anes-faq {
        display: flex;
        flex-direction: column;
        min-height: 0;
        padding: 70px 0 0;
        background: linear-gradient(to bottom, #e8ebf3 0, #dde4f0 38%, #d6deed 66%, #ccdaf0 100%);
    }

    .anes-faq__head {
        order: 1;
    }

    .anes-faq__pic {
        display: block;
        flex: none;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        pointer-events: none;
    }

    .anes-faq__pic--t {
        order: 2;
        height: min(96vw, 700px);
        margin-top: 8px;
        background-image: url(/img/sub/signature/signature08/faq_m_top.jpg);
        background-position: center top;
        -webkit-mask-image: linear-gradient(to bottom, #000 58%, transparent 100%);
        mask-image: linear-gradient(to bottom, #000 58%, transparent 100%);
    }

    .anes-faq__list {
        order: 3;
        width: min(760px, calc(100% - 40px));
        margin: max(-18vw, -70px) auto 0;
        padding: 0;
    }

    .anes-faq__item,
    .anes-faq__item:nth-child(n) {
        width: 100%;
        min-height: 0;
        margin: 22px 0 0;
        padding: 34px 36px 36px;
    }

    .anes-faq__item:first-child {
        margin-top: 0;
    }

    .anes-faq__pic--b {
        order: 4;
        height: min(122vw, 900px);
        margin-top: calc(min(12vw, 90px) * -1);
        background-image: url(/img/sub/signature/signature08/faq_m_bot.jpg);
        background-position: center bottom;
        -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 22%);
        mask-image: linear-gradient(to bottom, transparent 0, #000 22%);
    }

    .anes-faq__a {
        margin-left: 0;
    }

    .anes-faq__care>div {
        grid-template-columns: 1fr;
        margin-bottom: 18px;
    }

    .anes-faq__care dd {
        margin-top: 2px;
    }

    .anes-spec__logo {
        width: 50%;
    }
}

/* =========================================================
   MOBILE  (≤768px)
   ========================================================= */
@media all and (max-width: 768px) {
    .br-pc {
        display: none;
    }

    .anes-wrap,
    .anes-hero__inner {
        width: calc(100% - 40px);
    }

    /* ---- 01 HERO ---- */
    .anes-hero {
        position: relative;
        height: auto;
        min-height: 0;
        padding: calc(var(--hd) + 44px) 0 34vw;
        background-color: #fff;
        background-size: auto 124vw;
        background-position: 100% 100%;
    }

    .anes-hero::before {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 123vw;
        background: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, 0) 210%);
        pointer-events: none;
    }

    .anes-hero__inner {
        position: relative;
        z-index: 1;
    }

    .anes-hero__tag {
        display: inline-block;
        width: auto;
        max-width: 100%;
        padding: 8px 14px;
        font-size: 12px;
        letter-spacing: .06em;
    }

    .anes-hero__lead {
        margin-top: 26px;
        font-size: 17px;
        line-height: 1.45;
    }

    .anes-hero__title {
        margin-top: 18px;
        font-size: 38px;
        line-height: 1.15;
    }

    .anes-hero__desc {
        margin-top: 22px;
        font-size: 14px;
        line-height: 1.6;
    }

    /* ---- 공통 ---- */
    .anes-h2 {
        font-size: 26px;
    }

    .anes-en {
        font-size: 15px;
        letter-spacing: .1em;
    }

    .anes-en * {
        letter-spacing: .1em;
    }

    .anes-en--lg {
        font-size: 19px;
    }

    .anes-sub {
        font-size: 13px;
    }

    /* ---- 02 APPLY ---- */
    .anes-apply {
        padding: 64px 0 56px;
    }

    .anes-pill {
        width: auto;
        max-width: 100%;
        margin-top: 16px;
        padding: 9px 12px;
        font-size: 13px;
    }

    .anes-apply__list {
        gap: 10px;
        margin-top: 26px;
    }

    .anes-apply__item {
        border-radius: 16px;
    }

    .anes-apply__label {
        min-height: 44px;
        padding: 6px 4px;
        font-size: 13px;
        letter-spacing: -0.06em;
    }

    /* ---- 03 PRE ---- */
    .anes-pre {
        padding: 56px 0;
    }

    .anes-pre .anes-sub {
        margin-top: 12px;
    }

    .anes-pre .anes-h2 {
        margin-top: 10px;
    }

    .anes-pre__list {
        gap: 30px 12px;
        width: 100%;
        margin-top: 28px;
    }

    .anes-pre__img {
        border-radius: 16px;
    }

    .anes-pre__tit {
        min-height: 36px;
        margin-top: 10px;
        padding: 4px 6px;
        font-size: 13px;
        letter-spacing: -0.06em;
    }

    .anes-pre__txt {
        margin-top: 12px;
        font-size: 13px;
        line-height: 1.6;
    }

    .anes-pre__txt small {
        font-size: 11px;
    }

    /* ---- 04 PROCESS ---- */
    .anes-process {
        padding: 56px 0;
    }

    .anes-process .anes-h2 {
        margin-top: 10px;
    }

    .anes-steps {
        flex-direction: column;
        align-items: center;
        gap: 34px;
        margin-top: 28px;
    }

    .anes-steps__item {
        width: min(300px, 100%);
    }

    .anes-steps__item:not(:last-child)::after {
        top: auto;
        bottom: -28px;
        left: 50%;
        margin-left: -6px;
        font-size: 12px;
        transform: rotate(90deg);
    }

    .anes-steps__badge {
        width: 150px;
        padding: 5px 0;
        font-size: 13px;
    }

    .anes-steps__img {
        margin-top: 14px;
        border-radius: 20px;
    }

    .anes-steps__cap {
        margin-top: 14px;
        font-size: 16px;
    }

    .anes-notice {
        min-height: 0;
        margin-top: 44px;
        padding: 30px 18px;
        border-radius: 18px;
    }

    .anes-notice p {
        font-size: 14px;
        line-height: 1.7;
    }

    /* ---- 05 FAQ ---- */
    .anes-faq {
        padding-top: 54px;
    }

    .anes-faq__sub {
        font-size: 14px;
    }

    .anes-faq__head .anes-h2 {
        margin-top: 8px;
    }

    .anes-faq__list {
        width: calc(100% - 32px);
        margin-top: -16vw;
    }

    .anes-faq__item,
    .anes-faq__item:nth-child(n) {
        margin-top: 14px;
        padding: 22px 18px 24px;
        border-radius: 22px;
    }

    .anes-faq__q {
        gap: 10px;
    }

    .anes-faq__no {
        width: 30px;
        height: 30px;
        margin-top: 0;
        font-size: 12px;
    }

    .anes-faq__q h3 {
        font-size: 16px;
        line-height: 1.45;
    }

    .anes-faq__a {
        margin-top: 14px;
        font-size: 13.5px;
        line-height: 1.75;
    }

    .anes-faq__bullet {
        font-size: 13px;
        line-height: 1.9;
    }

    .anes-faq__bullet li {
        padding-left: 14px;
    }

    .anes-faq__bullet li::before {
        left: 2px;
    }

    .anes-faq__care dt {
        font-size: 13.5px;
    }

    .anes-faq__care dd {
        font-size: 12.5px;
        line-height: 1.65;
    }

    .anes-faq__btns {
        gap: 8px;
        margin-top: 20px;
    }

    .anes-faq__btns a {
        flex: 1 1 100%;
        min-width: 0;
        padding: 11px 14px;
        font-size: 14px;
    }

    /* ---- 06 DOCTOR ---- */
    .anes-doctor {
        height: 54vw;
        min-height: 0;
        padding-left: 5vw;
        background-size: auto 100%;
        background-position: -96.6vw 50%;
    }

    .anes-doctor__txt {
        font-size: 4.2vw;
        line-height: 1.4;
    }

    /* ---- 07 SPECIALITY ---- */
    .anes-spec {
        padding: 56px 0 56px;
    }

    .anes-sub--light {
        font-size: 14px;
    }

    .anes-spec .anes-en {
        margin-top: 12px;
    }

    .anes-spec__list {
        width: calc(100% - 40px);
        margin-top: 34px;
    }

    .anes-spec__row {
        grid-template-columns: 1fr;
        margin-bottom: 36px;
    }

    .anes-spec__row:last-child {
        margin-bottom: 0;
    }

    .anes-spec__img {
        order: -1;
        border-radius: 16px;
    }

    .anes-spec__txt {
        padding: 22px 8px 0;
    }

    .anes-spec__no {
        font-size: 13px;
    }

    .anes-spec__txt h3 {
        margin-top: 14px;
        font-size: 19px;
    }

    .anes-spec__txt p:last-child {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.65;
    }

    .anes-spec__logo {
        right: -22%;
        bottom: -12%;
        width: 70%;
    }
}

/* ---- 소형 모바일 ---- */
@media all and (max-width: 360px) {
    .anes-apply__label {
        font-size: 12px;
    }

    .anes-pre__tit {
        font-size: 12px;
    }

    .anes-hero__title {
        font-size: 34px;
    }
}