@charset "utf-8";

html, body { overflow-x: hidden; word-break: keep-all; }

@font-face {
    font-family: 'Ownglyph the sea breeze';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2510-1@1.0/Ownglyph_the_sea_breeze-Rg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KoPubBatang_Pro';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* #content */
section .inner > p {font-weight: 700; font-size: 4.375rem; letter-spacing: -1px; text-align: center;}
section .inner > p.m_color {font-size: 3.125rem; padding: 50px 0; margin-top: 50px; position: relative;}
section .inner > p.m_color::before {content: ''; display: block; width: 85px; height: 4px; background: #161718; 
    position: absolute; top: 0; left: 50%; margin-left: -42.5px;}
section .inner > div p {font-weight: 300; font-size: 2.188rem; line-height: 1.49; letter-spacing: -1px; text-align: center; color: #505050;}
section .inner > div strong {font-weight: 500;}
.img_box img {width: 100%;}
.block {display: block;}

.section-special {width: 100%; padding: 160px 10px 120px; background: linear-gradient(118deg, #000135 0%, #295197 100%); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}
.section-special__inner {width: 100%; display: flex; flex-direction: column; align-items: center; gap: 45px;}
.section-special__title {width: 100%; text-align: center; color: #fff; font-size: clamp(2.125rem, calc(6.85vw - 1.16rem), 5rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 700; line-height: 1; word-wrap: break-word; margin: 0;}
.section-special__desc {width: 100%; text-align: center; color: #fff; font-size: clamp(1.125rem, calc(3.27vw - 0.45rem), 2.5rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 1.4; word-wrap: break-word; margin: 0;}


.doctors {width: 100%; padding: 120px 0; background-color: #EBF0F9; background-image: url(../images/img_doctors_bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; flex-direction: column; align-items: center; gap: 40px;}
.doctors__content {align-self: stretch; display: flex; flex-direction: column; align-items: center; gap: 20px;}
.doctors__quote-row {display: flex; justify-content: flex-start; align-items: center; gap: clamp(0px, 2.36vw, 34px); margin-bottom: 2vw;}
.doctors__quote-mark {color: #C9D0F0; font-size: clamp(1.75rem, calc(4.76vw - 0.54rem), 3.75rem); font-family: 'KoPubBatang_Pro', serif; font-weight: 700; line-height: 1;}
.doctors__title {text-align: center; color: #1C1C1C; font-size: clamp(1.375rem, calc(2.68vw + 0.09rem), 2.5rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 700; line-height: 1.45; word-wrap: break-word;}
.doctors__title--highlight {color: #3D5796;}
.doctors__desc {text-align: center; color: #1C1C1C; font-size: clamp(0.875rem, calc(1.64vw + 0.09rem), 1.563rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 1.6; word-wrap: break-word;}


.section-concern {width: 100%; padding: 90px 10px; background: linear-gradient(118deg, #000135 0%, #295197 100%); display: flex; justify-content: center; align-items: center;}
.section-concern__text {text-align: center; font-size: clamp(1.375rem, calc(4.17vw - 0.63rem), 3.125rem); font-family: 'Noto Sans KR', sans-serif; line-height: 1.6; word-wrap: break-word;}
.section-concern__num {color: #fff; font-weight: 500;}
.section-concern__label {color: #fff; font-weight: 700;}
.section-concern__highlight {color: #FFD83B; font-weight: 700;}


.price-section {width: 100%; padding: 140px 0; background: #F5F5F5; display: flex; flex-direction: column; align-items: center; gap: 90px;}
.price-section .section-inner {width: 90%; max-width: 1440px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 90px;}
.price-section__header {width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px;}
.price-section__eyebrow {align-self: stretch; text-align: center; color: #3D5796; font-size: clamp(1.75rem, calc(4.76vw - 0.54rem), 3.75rem); font-family: 'Ownglyph the sea breeze', sans-serif; font-weight: 400; line-height: 1.33; word-wrap: break-word;}
.price-section__title {align-self: stretch; text-align: center; color: #1C1C1C; font-size: clamp(1.063rem, calc(2.68vw - 0.22rem), 2.188rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 500; line-height: 1.57; word-wrap: break-word;}
.price-section__title--hl {color: #3D5796; font-weight: 700;}
.price-section__desc {align-self: stretch; text-align: center; color: #1C1C1C; font-size: clamp(0.875rem, calc(1.64vw + 0.09rem), 1.563rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 1.6; word-wrap: break-word;}
.price-section__desc--hl {color: #3D5796; font-weight: 600;}
.price-section__cards {width: 100%; display: flex; flex-direction: column; align-items: center; gap: 3vw;}
.price-cards {display: flex; justify-content: center; align-items: center; gap: 20px;}
.price-card-wrap {display: flex; align-items: center; position: relative;}
.price-card {padding: clamp(28px, 3.75vw, 54px) clamp(20px, 2.64vw, 38px) clamp(24px, 3.54vw, 51px); background: #fff; border-radius: clamp(12px, 1.39vw, 20px); display: flex; flex-direction: column; align-items: center; gap: clamp(3vw, 1.39vw, 20px); width: clamp(200px, 38.78vw, 400px); box-sizing: border-box;}
.price-card__image {width: 100%; display: flex; align-items: center; justify-content: center;}
.price-card__image img {width: 100%; height: auto; display: block;}
.price-card__head {width: clamp(140px, 16.67vw, 240px); display: flex; flex-direction: column; align-items: center; gap: clamp(6px, 0.69vw, 10px);}
.price-card__name {align-self: stretch; text-align: center; color: #3D5796; font-size: clamp(1rem, calc(2.08vw), 1.875rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 600; line-height: 1.33; word-wrap: break-word;}
.price-card__label {align-self: stretch; text-align: center; color: #1C1C1C; font-size: clamp(0.75rem, calc(1.04vw + 0.1rem), 1rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 500; padding: clamp(6px, 0.69vw, 10px) 6px; box-sizing: border-box; word-wrap: break-word;}
.price-card__foot {align-self: stretch; display: flex; flex-direction: column; align-items: center; gap: 10px;}
.price-card__divider {align-self: stretch; height: 1px; background: #AFAFAF;}
.price-card__price {height: clamp(70px, 8.19vw, 118px); display: flex; justify-content: center; align-items: flex-end; gap: 8px; padding-bottom: clamp(8px, 0.69vw, 10px);}
.price-card__amount {font-size: clamp(3rem, calc(9.23vw - 1.43rem), 6.875rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 800; line-height: 1; word-wrap: break-word; background: linear-gradient(135deg, #3D5796 0%, #1E2B4B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.price-card__sub {display: flex; flex-direction: column; align-items: flex-start; gap: 2px;}
.price-card__original {color: #8F8F8F; font-size: clamp(0.75rem, calc(0.83vw + 0.1rem), 1.125rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 500; text-decoration: line-through; word-wrap: break-word;}
.price-card__unit {color: #1E2B4B; font-size: clamp(0.875rem, calc(1.64vw + 0.09rem), 1.563rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 600; word-wrap: break-word; padding-bottom: 0;}
.price-badge {flex-shrink: 0; align-self: center; position: absolute; top: -40px; right: -40px; z-index: 1;}
.price-badge img {width: 106px; height: auto; display: block;}
.price-cards-group {display: flex; flex-direction: column; gap: 8px;}
.price-section__event {width: 100%; text-align: right; color: #8F8F8F; font-size: 0.9375rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; word-wrap: break-word;}
.price-section__note {align-self: stretch; text-align: center; color: #8F8F8F; font-size: 1.125rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 1.6; word-wrap: break-word;}


.anesthesia-section {width: 100%; padding: 140px 0; background: #fff url(../images/img_anesthesia_bg.png) center center / cover no-repeat; display: flex; flex-direction: column; align-items: center; gap: 130px;}
.anesthesia-part {align-self: stretch; display: flex; flex-direction: column; align-items: center; gap: 110px; width: 90%; margin: 0 auto;}
.anesthesia-part--sedation {align-self: auto; width: 1060px; gap: 80px;}
.anesthesia-part__title {align-self: stretch; text-align: center; color: #1C1C1C; font-size: clamp(1.375rem, calc(1.94vw + 0.45rem), 2.188rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 600; word-wrap: break-word;}
.anesthesia-content {align-self: stretch; display: flex; flex-direction: column; align-items: center; gap: 80px;}
.anesthesia-steps {display: flex; justify-content: center; align-items: center; gap: 15px;}
.anesthesia-step {width: 248px; height: 248px; padding: 11px 20px; position: relative; display: flex; justify-content: flex-start; align-items: flex-start; flex-shrink: 0; box-sizing: border-box;}
.anesthesia-step-arrow {width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 18px solid #CCCCCC; flex-shrink: 0; align-self: center;}
.anesthesia-step__circle {width: 248px; height: 248px; padding: 10px; position: absolute; left: 0; top: 0; background: #214079; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-sizing: border-box;}
.anesthesia-step__label {text-align: center; color: #fff; font-size: clamp(1rem, calc(2.08vw), 1.875rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 500; line-height: 1.2em; word-wrap: break-word;}
.anesthesia-step__num {width: 50px; height: 50px; background: #fff; border-radius: 50%; border: 2px solid #3D5796; display: flex; justify-content: center; align-items: center; text-align: center; color: #1C1C1C; font-size: 1.25rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; word-wrap: break-word; position: relative; z-index: 1; flex-shrink: 0; box-sizing: border-box;}
.anesthesia-note {height: 80px; background: #F4F4F4; border-radius: 10px; border: 1px dashed #9C9C9C; display: flex; justify-content: center; align-items: center; box-sizing: border-box;}
.anesthesia-part--sedation .anesthesia-note {width: 100%;}
.anesthesia-content .anesthesia-note {width: 1060px; max-width: 100%;}
.anesthesia-note__text {text-align: center; color: #626262; font-size: clamp(0.875rem, calc(1.64vw + 0.09rem), 1.563rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 500; line-height: 1.6; word-wrap: break-word;}
.anesthesia-sedation {width: 100%; align-self: stretch; display: flex; flex-direction: column; align-items: center; gap: 50px;}
.anesthesia-cards {width: 100%; display: flex; justify-content: flex-start; align-items: center; gap: 15px;}
.anesthesia-card {width: 100%; height: 260px; padding-left: 60px; background-color: #26365D; border-radius: 20px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; background-size: cover; background-position: center; background-repeat: no-repeat; box-sizing: border-box;}
.anesthesia-card--conscious {background-image: url(../images/img_anesthesia_conscious_wide.png);}
.anesthesia-card__title {color: #fff; font-size: clamp(0.813rem, calc(1.94vw - 0.12rem), 1.625rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 600; line-height: 1.15; word-wrap: break-word;}
.anesthesia-card__desc {color: #fff; font-size: clamp(0.813rem, calc(1.34vw + 0.17rem), 1.375rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 1.36; word-wrap: break-word;}


.knowhow-new {width: 100%; padding: clamp(60px, 6.94vw, 100px) 0 clamp(72px, 8.33vw, 120px); background: #F4F6FB; display: flex; flex-direction: column; align-items: center; gap: clamp(42px, 4.86vw, 70px); overflow: hidden;}
.knowhow-new__title {width: 100%; text-align: center; color: #1C1C1C; font-size: clamp(1.375rem, calc(1.94vw + 0.45rem), 2.188rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 500; line-height: 1.57; word-wrap: break-word; margin-bottom: clamp(42px, 4.86vw, 70px);}
.knowhow-new__cards {display: flex; justify-content: center; align-items: flex-start; gap: clamp(15px, 1.74vw, 25px);}
.knowhow-card {width: clamp(200px, 24.31vw, 350px); display: flex; flex-direction: column; align-items: flex-start;}
.knowhow-card__image {align-self: stretch; height: clamp(132px, 15.28vw, 220px); border-radius: clamp(12px, 1.39vw, 20px) clamp(12px, 1.39vw, 20px) 0 0; overflow: hidden; background: #ddd;}
.knowhow-card__image img {width: 100%; height: 100%; object-fit: cover; display: block;}
.knowhow-card__body {align-self: stretch; padding: clamp(15px, 1.74vw, 25px) clamp(12px, 1.39vw, 20px) clamp(30px, 3.47vw, 50px); background: #fff; border-radius: 0 0 clamp(12px, 1.39vw, 20px) clamp(12px, 1.39vw, 20px); display: flex; flex-direction: column; align-items: center; gap: clamp(12px, 1.39vw, 20px); box-sizing: border-box;}
.knowhow-card__badge {height: clamp(26px, 3.06vw, 44px); padding: clamp(3px, 0.35vw, 5px) clamp(18px, 2.08vw, 30px); background: linear-gradient(118deg, #000135 0%, #295197 100%); border-radius: clamp(18px, 2.08vw, 30px); display: inline-flex; justify-content: center; align-items: center;}
.knowhow-card__badge-text {text-align: center; color: #fff; font-size: clamp(0.75rem, calc(1.49vw + 0.04rem), 1.375rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 600; line-height: 1.36; word-wrap: break-word; white-space: nowrap;}
.knowhow-card__content {align-self: stretch; display: flex; flex-direction: column; align-items: center; gap: clamp(9px, 1.04vw, 15px);}
.knowhow-card__heading {align-self: stretch; text-align: center; color: #1C1C1C; font-size: clamp(0.875rem, calc(1.49vw + 0.16rem), 1.5rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 600; line-height: 1.42; word-wrap: break-word;}
.knowhow-card__divider {width: clamp(11px, 1.25vw, 18px); height: 0; border-top: 2px solid #D5D5D5;}
.knowhow-card__desc {text-align: center; color: #1C1C1C; font-size: clamp(0.813rem, calc(1.04vw + 0.31rem), 1.25rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 1.5; word-wrap: break-word;}


.knowhow .inner {padding: 150px 16.66%;}
.knowhow .inner > p.m_color {margin-bottom: 0;}
.knowhow .inner ul {margin-top: 100px;}
.knowhow .inner ul li {background-repeat: no-repeat; background-size: cover; border-radius: 20px; overflow: hidden; margin-bottom: 30px;}
.knowhow .inner ul li:last-child {margin-bottom: 0;}
.knowhow .inner ul li:nth-child(1) {background-image: url(../images/img_knowhow01.png); background-position: right center;}
.knowhow .inner ul li:nth-child(2) {background-image: url(../images/img_knowhow02.png); background-position: left center;}
.knowhow .inner ul li:nth-child(3) {background-image: url(../images/img_knowhow03.png); background-position: right center;}
.knowhow .inner ul li:nth-child(4) {background-image: url(../images/img_knowhow04.png); background-position: left center;}
.knowhow .inner ul li dl {padding: 120px 5%;}
.knowhow .inner ul li:nth-child(2n) dl {text-align: right;}
.knowhow .inner ul li dl dt {font-weight: 700; font-size: 2.813rem; line-height: 1; letter-spacing: -1px; margin-bottom: 25px;}
.knowhow .inner ul li dl dd {font-weight: 300; font-size: 1.875rem; line-height: 1.47; letter-spacing: -1px; color: #505050;}


.rules-new {width: 100%; padding: 150px 0 100px; background: #EFF2F9; display: flex; flex-direction: column; align-items: center; gap: 80px;}
.rules-new__header {align-self: stretch; display: flex; flex-direction: column; align-items: center; gap: 20px;}
.rules-new__title {text-align: center; color: #3D5796; font-size: clamp(1.375rem, calc(4.17vw - 0.63rem), 3.125rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 700; line-height: 1.4; word-wrap: break-word;}
.rules-new__subtitle {text-align: center; color: #1C1C1C; font-size: clamp(0.938rem, calc(2.98vw - 0.49rem), 2.188rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 1.43; word-wrap: break-word;}
.rules-new__card {width: 90%; padding: 3vw 2vw 3vw 4vw; background: #fff; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; gap: 0; box-sizing: border-box;}
.rules-new__quote-col {display: flex; flex-direction: column; align-items: flex-start; gap: 25px; width: 45%;}
.rules-new__quote-mark {font-size: 0; line-height: 58px;}
.rules-new__quote-mark::before {content: '\201C'; color: #C9D0F0; font-size: clamp(1.75rem, calc(4.76vw - 0.54rem), 3.75rem); font-family: 'KoPubBatang_Pro', serif; font-weight: 700; line-height: 1;}
.rules-new__quote-body {font-family: 'Noto Sans KR', sans-serif;}
.rules-new__quote-body .rules-accent {color: #3D5796; font-size: clamp(1.375rem, calc(4.17vw - 0.63rem), 3.125rem); font-weight: 700; line-height: 1.3;}
.rules-new__quote-body .rules-normal-lg {color: #1C1C1C; font-size: clamp(1.25rem, calc(2.98vw - 0.18rem), 2.5rem); font-weight: 700; line-height: 1.63;}
.rules-new__quote-desc {font-size: clamp(0.875rem, calc(1.64vw + 0.09rem), 1.563rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 1.6; color: #1C1C1C;}
.rules-new__quote-desc strong {font-weight: 600;}
.rules-new__image {width: 50%; max-width: 650px; border-radius: 10px; object-fit: cover; flex-shrink: 0;}


.rules {background: #F2F2F2;}
.rules .inner {padding: 150px 12.5%;}
.rules .inner .mo_ver {display: none;}
.rules .inner ul {display: flex; justify-content: space-between; gap: 30px; margin-top: 100px;}
.rules .inner ul li .img_box img {height: 100%; object-fit: contain; border-radius: 50%;}
.rules .inner ul li p {font-weight: 300; font-size: 1.875rem; line-height: 1.83; letter-spacing: -1px; text-align: center; color: #000; margin-top: 30px;}
.rules .inner ul li p strong {display: block; font-size: 2.5rem;}


.result .inner {padding: 150px 16.66%;}
.result .inner > p.m_color {margin-bottom: 0;}
.result .inner ul {display: flex; align-items: center; justify-content: space-between; margin: 100px 0;}
.result .inner ul .img_box {width: 50%;}
.result .inner ul .text_box {width: 45%; text-align: center; color: #505050;}
.result .inner ul .text_box p {font-weight: 300; font-size: 2.188rem; line-height: 1.43; letter-spacing: -2px; color: #161718;}
.result .inner ul .text_box p strong {font-weight: 500;}
.result .inner ul .text_box .check_list {width: 70%; background: #EAF2FF; padding: 30px 7%; border-radius: 10px; margin: 32px auto; box-sizing: border-box;}
.result .inner ul .text_box .check_list p {text-align: left; font-size: 1.875rem; line-height: 1.83; position: relative;}
.result .inner ul .text_box .check_list p::before {content: ''; display: inline-block; width: 23px; height: 21px; margin-right: 2%;
    background: url(../images/icon_check.png) center no-repeat; background-size: contain; position: relative; left: 0; top: 0;}
.result .inner ul .text_box span {font-weight: 300; font-size: 1.875rem; line-height: 1.4; letter-spacing: -2px;}
.result .inner .notice {font-weight: 400; font-size: 1.75rem; letter-spacing: -0.5px; color: #000; padding: 30px 5%; background: #F2F2F2; border-radius: 10px;}


@media screen and (max-width: 1570px) {
    .rules-new__image { width: 45%; }
    .rules-new__quote-col { width: 50%; }
}

/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    section .inner > p {font-size: 3.125rem; letter-spacing: -1px;}
    section .inner > p.m_color {font-size: 2.25rem; padding: 10px 0; margin-top: 10px; position: relative;}
    section .inner > p.m_color::before {width: 21px; height: 1px; margin-left: -15.5px;}
    section .inner > div p {font-size: 1.625rem; line-height: 1.5em; letter-spacing: -1px;}

    .knowhow .inner {padding: 150px 10%;}
    .knowhow .inner ul li dl dt {font-size: 2.5rem;}
    .knowhow .inner ul li dl dd {font-size: 1.25rem; line-height: 1.5em;}

    .rules .inner ul li p {font-size: 1.25rem; line-height: 2em;}
    .rules .inner ul li p strong {font-size: 2rem;}

    .result .inner {padding: 150px 10%;}
    .result .inner ul .text_box p {font-size: 2rem; line-height: 1.5em;}
    .result .inner ul .text_box .check_list p {font-size: 1.25rem; line-height: 2em;}
    .result .inner ul .text_box .check_list p::before {width: 11px; height: 10px;}
    .result .inner ul .text_box span {font-size: 1.25rem; line-height: 1.5em;}
    .result .inner .notice {font-size: 1.25rem; line-height: 1.5em;}
}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {

}
/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width:1058px) {

}

/* anesthesia sedation 반응형 (~1250px) */
@media screen and (max-width:1250px) {
    .anesthesia-part--sedation { align-self: auto; width: 90%; margin: 0 auto; gap: 80px; }
}


/* anesthesia-steps 반응형 (1120px~) */
@media screen and (max-width:1120px) {
    .anesthesia-part { gap: 7.64vw; }
    .anesthesia-steps { gap: 1.04vw; }
    .anesthesia-step { width: 17.22vw; height: 17.22vw; padding: 0.76vw 1.39vw; }
    .anesthesia-step__circle { width: 17.22vw; height: 17.22vw; padding: 0.69vw; }
    .anesthesia-step-arrow { border-top-width: 0.97vw; border-bottom-width: 0.97vw; border-left-width: 1.25vw; }
    .anesthesia-step__num { width: 3.47vw; height: 3.47vw; border-width: 0.14vw; }
}

/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width:1024px) {
    /* NEW BEM sections */
    .section-special { padding: 100px 10px 80px; }
    .doctors { padding: 8vw 0; }
    .section-special__title { font-size: 3.25rem; line-height: 1; }
    .section-special__desc { font-size: 1.625rem; line-height: 1.4; }
    .doctors__title { font-size: 2rem; line-height: 1.45; }
    .doctors__subtitle { font-size: 1.375rem; line-height: 1.4; }
    .section-concern { padding: 60px 0; }
    .section-concern__title { font-size: 2rem; }
    .section-concern__subtitle { font-size: 1.25rem; }

    .price-section__eyebrow { font-size: 2.5rem; }
    .price-section__title { font-size: 1.5rem; line-height: 1.5; }
    .price-section__desc { font-size: 1.125rem; line-height: 1.6; }
    .price-card__label { font-size: 0.875rem; margin-top: 5vw; }
    .price-card__amount { font-size: 3.575rem; }
    .price-card__original { font-size: 1rem; }
    .price-card__unit { font-size: 1.125rem; }
    .price-badge { top: -28px; right: -28px; }
    .price-badge img { width: 75px; }
    .anesthesia-section { padding: 90px 0; gap: 80px; }
    .anesthesia-section__title { font-size: 2rem; line-height: 1.45; }
    .anesthesia-section__subtitle { font-size: 1.375rem; line-height: 1.4; }
    .anesthesia-step__circle { width: 160px; height: 160px; }
    .anesthesia-card__title { font-size: 1.375rem; }
    .anesthesia-card__desc { font-size: 1rem; }
    .knowhow-new__title { font-size: 2rem; line-height: 1.57; }
    .knowhow-card__title { font-size: 1.375rem; }
    .knowhow-card__desc { font-size: 1rem; }
    .rules-new__title { font-size: 2rem; line-height: 1.4; }
    .rules-new__subtitle { font-size: 1.375rem; line-height: 1.4; }

    /* content */
    section .inner > p {font-size: 2.125rem; line-height: 1.47; letter-spacing: -1px;}
    section .inner > p.m_color {font-size: 1.625rem; line-height: 1.46; letter-spacing: -1px; padding: 20px 0; margin-top: 20px;}
    section .inner > p.m_color::before {width: 32px; height: 1px; margin-left: -16px;}
    section .inner > div p {font-size: 1rem; line-height: 1.375;}

    .knowhow .inner {padding: 80px 5%;}
    .knowhow .inner ul {margin-top: 50px;}
    .knowhow .inner ul li {border-radius: 10px; margin-bottom: 16px;}
    .knowhow .inner ul li dl {padding: 44px 5%;}
    .knowhow .inner ul li dl dt {font-size: 1.375rem; line-height: 1.36; margin-bottom: 18px;}
    .knowhow .inner ul li dl dd {font-size: 1rem; line-height: 1.375;}

    
    .rules .inner {padding: 80px 10%;}
    .rules .inner ul {gap: 16px; margin-top: 40px;}
    .rules .inner ul li p {font-size: 1rem; line-height: 1.625; margin-top: 19px;}
    .rules .inner ul li p strong {font-size: 1.375rem;}
    
    
    .result .inner {padding: 80px 5%;}
    .result .inner ul {display: flex; align-items: center; justify-content: space-between; margin: 40px 0 30px;}
    .result .inner ul .text_box p {font-size: 1.125rem; line-height: 1.39; letter-spacing: -1px; color: #505050;}
    .result .inner ul .text_box .check_list {width: 100%; padding: 14px 7%; border-radius: 8px; margin: 17px auto;}
    .result .inner ul .text_box .check_list p {font-size: 1.125rem; line-height: 1.56;}
    .result .inner ul .text_box .check_list p::before {width: 11px; height: 10px;}
    .result .inner ul .text_box span {font-size: 1rem; line-height: 1.375; letter-spacing: -1px;}
    .result .inner .notice {font-size: 1rem; line-height: 1.25; padding: 12px 5%; border-radius: 8px;}

    /* anesthesia sedation 반응형 */
    .anesthesia-part--sedation { width: 100%; }
    .anesthesia-part--sedation .anesthesia-note { width: 90%; }
    .anesthesia-cards { width: 90%; margin: 0 auto; }
    .anesthesia-card { flex: 1; }

    /* knowhow-new 2x2 그리드 */
    .knowhow-new { padding: 5vw 0; gap: 2.5rem; }
    .knowhow-new__inner { width: 90%; margin: 0 auto; }
    .knowhow-new__cards { flex-wrap: wrap; justify-content: center; gap: 1.25rem; }
    .knowhow-card { width: calc(50% - 0.625rem); }
}

/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:768px) {
    .wrap { min-width: 23.438rem; }
    /* NEW BEM sections */
    .section-special { padding: 4.375rem 0 3.75rem; }
    .section-special__inner { width: 90%; margin: auto; }
    .section-special__title { font-size: 2.125rem; line-height: 1; }
    .section-special__desc { font-size: 1.125rem; line-height: 1.4; }
    .doctors__inner { width: 90%; margin: auto; }
    .doctors__title { font-size: 1.375rem; line-height: 1.45; }
    .doctors__subtitle { font-size: 0.938rem; line-height: 1.4; }
    .section-concern { padding: 3.125rem 0; }
    .section-concern__text { width: 90%; margin: auto; }
    .section-concern__title { font-size: 1.375rem; }
    .section-concern__subtitle { font-size: 0.938rem; }
    .price-section { padding: 3.75rem 0; }
    .price-section__eyebrow { font-size: 1.75rem; line-height: 1.33; }
    .price-section__title { font-size: 1.063rem; line-height: 1.57; }
    .price-section__desc { font-size: 0.875rem; line-height: 1.6; }
    .price-card__label { font-size: 0.75rem; padding: 0.375rem 0.375rem; }
    .price-card__amount { font-size: 2.4rem; }
    .price-card__original { font-size: 0.813rem; }
    .price-card__unit { font-size: 0.875rem; }
    .price-section__event { font-size: 0.813rem; }
    .anesthesia-section { gap: 3.125rem; }
    .anesthesia-section__title { font-size: 1.375rem; line-height: 1.45; }
    .anesthesia-section__subtitle { font-size: 0.938rem; line-height: 1.4; }
    .anesthesia-step__circle { width: 8.438rem; height: 8.438rem; }
    .anesthesia-card__title { font-size: 1.063rem; }
    .anesthesia-card__desc { font-size: 0.813rem; }
    .knowhow-new__title { font-size: 1.375rem; line-height: 1.57; }
    .knowhow-card__title { font-size: 1.063rem; }
    .knowhow-card__desc { font-size: 0.813rem; }
    .rules-new__title { font-size: 1.375rem; line-height: 1.4; }
    .rules-new__subtitle { font-size: 0.938rem; line-height: 1.43; }

    /* price-section 레이아웃 */
    .price-section .section-inner { width: 90%; gap: 2.5rem; margin: auto; }
    .price-section__cards { gap: 1.25rem; }
    .price-cards-group { width: 100%; }
    .price-cards { flex-direction: row; align-items: stretch; gap: 0.75rem; width: 100%; }
    .price-card { padding: 1.75rem 0.5rem 1.5rem; }
    .price-card__divider { width: 90%; margin: auto; }
    .price-cards > .price-card { flex: 1; min-width: 0; }
    .price-card-wrap { flex: 1; min-width: 0; }
    .price-card-wrap > .price-card { width: 100%; }
    .price-card__price { height: auto; }
    .price-badge { width: 10.5vw; top: -1.725rem; right: -1.2rem; }
    .price-badge img { width: 4.25rem; }
    .price-section__note { font-size: 0.75rem; }
    .price-label-suffix { display: none; }

    /* anesthesia-section 레이아웃 */
    .anesthesia-part { gap: 3.125rem; }
    .anesthesia-part--sedation { width: 90%; gap: 2.5rem; margin: auto; }
    .anesthesia-steps { flex-wrap: wrap; gap: 0.625rem; justify-content: center; }
    .anesthesia-step { width: 8.438rem; height: 8.438rem; }
    .anesthesia-step__num { width: 1.75rem; height: 1.75rem; font-size: 0.688rem; }
    .anesthesia-step__label { font-size: 0.813rem; }
    .anesthesia-content .anesthesia-note { width: 100%; height: auto; padding: 0.875rem 1rem; }
    .anesthesia-part--sedation .anesthesia-note { width: 100%; height: auto; padding: 0.875rem 1rem; }
    .anesthesia-note__text { font-size: 0.813rem; }
    .anesthesia-cards { flex-direction: column; gap: 0.625rem; width: 100%; }
    .anesthesia-card { width: 100%; height: auto; min-height: 27.5vw; padding: 1.5rem; }

    /* knowhow-new 레이아웃 */
    .knowhow-new { padding: 2.75rem 0 5rem; gap: 2.5rem; }

    /* rules-new 레이아웃 */
    .rules-new { padding: 2.75rem 0 3.75rem; gap: 2.5rem; }
    .rules-new__header { width: 90%; margin: auto; }
    .rules-new__card { flex-direction: column; padding: 1.875rem 1.25rem; gap: 1.5rem; }
    .rules-new__image { width: 100%; max-width: 100%; }
    .rules-new__quote-col { gap: 0.938rem; width: 100%; }
    .rules-new__quote-body .rules-accent { font-size: 1.375rem; }
    .rules-new__quote-body .rules-normal-lg { font-size: 1.125rem; }
    .rules-new__quote-desc { font-size: 0.875rem; }

    /* content */
    section .inner > p {font-size: 1.875rem; line-height: 1.27;}
    section .inner > p i {display: block;}
    section .inner > p.m_color {font-size: 1.063rem; line-height: 1;}
    section .inner > p.m_color::before {width: 2.5rem; height: 0.125rem; margin-left: -1.25rem;}
    section .inner > div p {font-size: 0.875rem; line-height: 1.64;}
    section .inner > div p .block {display: inline;}
    section .inner > div p i {display: block;}

    .knowhow .inner {padding: 3.125rem 5%;}
    .knowhow .inner ul {margin-top: 1.375rem;}
    .knowhow .inner ul li {min-height: 20rem; border-radius: 0.625rem; margin-bottom: 1.25rem;}
    .knowhow .inner ul li:nth-child(1) {background-image: url(../images/img_knowhow01_mo.png); background-position: bottom center;}
    .knowhow .inner ul li:nth-child(2) {background-image: url(../images/img_knowhow02_mo.png); background-position: bottom center;}
    .knowhow .inner ul li:nth-child(3) {background-image: url(../images/img_knowhow03_mo.png); background-position: bottom center;}
    .knowhow .inner ul li:nth-child(4) {background-image: url(../images/img_knowhow04_mo.png); background-position: bottom center;}
    .knowhow .inner ul li dl {padding: 1.563rem 5%;}
    .knowhow .inner ul li dl dt {font-size: 1.5rem; line-height: 1.25; margin-bottom: 0.625rem;}
    .knowhow .inner ul li dl dt i {display: block;}
    .knowhow .inner ul li dl dd {font-size: 0.938rem;}
    .knowhow .inner ul li:last-child dl dd .block {display: inline;}
    .knowhow .inner ul li:last-child dl dd i {display: block;}

    .rules .inner {padding: 3.125rem 5%;}
    .rules .inner .pc_ver {display: none;}
    .rules .inner .mo_ver {display: flex; margin-top: 2.5rem; border-radius: 0.625rem; overflow: hidden;}
    .rules .inner .mo_ver .tab_box {width: 50%; flex-direction: column; align-items: stretch; gap: unset; margin-top: 0;}
    .rules .inner .mo_ver .tab_box li {width: 100%; border-bottom: solid 0.0625rem #F2F2F2;}
    .rules .inner .mo_ver .tab_box li:last-child {border-bottom: none;}
    .rules .inner .mo_ver .tab_box li a {display: block; font-weight: 300; font-size: 1rem; line-height: 1.375; letter-spacing: -0.0625rem;
        color: #505050; background-color: #fff; padding: 12% 5%;}
    .rules .inner .mo_ver .tab_box li a.on {background-color: #286fd9; color: #fff;}
    .rules .inner .mo_ver .img_box {width: 50%; background: #f7f7f7;}
    .rules .inner .mo_ver .img_box img {height: 100%; object-position: center; object-fit: cover; border-radius: 0 0.625rem 0.625rem 0;}

    .result .inner {padding: 3.125rem 5%;}
    .result .inner ul {flex-direction: column; gap: 1.688rem; margin: 2.75rem 0 1.625rem;}
    .result .inner ul .img_box {width: 75%;}
    .result .inner ul .text_box {width: 100%;}
    .result .inner ul .text_box p {font-size: 1.125rem; line-height: 1.39; letter-spacing: -0.0625rem; color: #505050;}
    .result .inner ul .text_box .check_list {width: 75%; padding: 0.875rem 7%; border-radius: 0.375rem; margin: 1rem auto;}
    .result .inner ul .text_box .check_list p {font-size: 0.938rem; line-height: 1.67;}
    .result .inner ul .text_box .check_list p::before {width: 0.563rem; height: 0.5rem;}
    .result .inner ul .text_box span {font-size: 0.875rem; line-height: 1.64; letter-spacing: -1%;}
    .result .inner .notice {font-size: 0.75rem; line-height: 1.33; padding: 0.438rem 5%; border-radius: 0.375rem;}
    .result .inner .notice i {display: block;}
}

/* anesthesia-steps 2×2 그리드 (695px 이하) */
@media screen and (max-width: 43.438rem) {
    .anesthesia-steps { width: 100%; }
    .anesthesia-step { flex: 0 0 calc(50% - 1.25rem); height: auto; aspect-ratio: 1; }
    .anesthesia-step__circle { width: 100%; height: 100%; }
    .anesthesia-step-arrow:nth-child(4) { display: none; }
    .anesthesia-step__num { width: 2.75rem; height: 2.75rem; position: absolute; top: 0vw; left: 1vw; font-size: 1.188rem; }
    .anesthesia-step__label { font-size: 1.513rem; }
}

/* knowhow-new 세로 배치 (480px 이하) */
@media screen and (max-width: 480px) {
    .knowhow-new__cards { display: flex; justify-content: center; gap: 1.25rem; flex-direction: column; }
    .knowhow-card { width: 100%; }
    .knowhow-card__heading { font-size: 1.4rem; }
    .knowhow-card__desc { font-size: 1.013rem; }
    .knowhow-new__title { font-size: 1.175rem; }
}

/* anesthesia 텍스트 축소 (430px 이하) */
@media screen and (max-width: 430px) {
    .anesthesia-step__label { font-size: 1.213rem; }
    .anesthesia-step__num { font-size: 0.888rem; }
}

@media screen and (max-width: 536px) {
    .price-card__label { font-size: 0.7rem; padding: 0; }
}

@media screen and (max-width: 476px) {
    .price-card__label { font-size: 0.63rem; padding: 0; }
}

/* price-cards 세로 배치 (450px 이하) */
@media screen and (max-width: 450px) {
    .price-cards-group { width: 75%; }
    .price-cards { display: flex; flex-direction: column; width: 100%; }
    .price-card__label { font-size: 0.875rem; }
    .price-card__amount { font-size: 3rem; }
    .price-card__name { font-size: 1.4rem; }
    .price-card__original { font-size: 1rem; }
    .price-card__unit { font-size: 1.2rem; }
    .price-badge { width: 19.5vw; top: 0.775rem; right: 0; }
    .anesthesia-step-arrow { border-top-width: 1.37vw; border-bottom-width: 1.37vw; border-left-width: 1.65vw; }
    .anesthesia-steps { gap: 0.725rem 0.4rem; }
}
@media screen and (max-width: 380px) {
    .price-badge { width: 22.5vw; top: -1.725rem; right: 0; }
}
@media screen and (max-width: 365px) {
    .price-card__label { font-size: 0.675rem; margin-top: 5vw; }
}