@media (max-width: 1858px) { #global-header .site-header {padding: 15px 20px;} #global-header .header-container {gap:10px} #index .main-visual {padding: 0 20px;} #index .main-banner-swiper .visual-card {height: 49.67vw;} #index .special-section .special-title-area {width: 35%;} #index .special-section .special-grid {flex: 0 0 60%;} #index .special-section .special-eng-title, #index .special-section .special-kor-desc {padding-left: 40px;} #index .shorts-section .shorts-title-area {width: 35%;} #index .shorts-section .shorts-slider-wrap {flex: 0 0 65%; height: 38.3vw;} #index .shorts-section .shorts-header, #index .shorts-section .shorts-title-area .shorts-progress {padding-left: 40px; left: 40px;} #index .research-section .research-container {padding: 80px 40px;} } @media (max-width: 1600px) { #global-header .main-nav ul {gap:30px} #index .research-section {height: 780px;} #index .main-banner-swiper .visual-eng-serif {font-size: 2.6rem;} #index .main-banner-swiper .skin-type2 .visual-text-wrap {margin-top: 2%;} #index .main-banner-swiper .skin-type2 .visual-main-title {font-size: 2.6rem;margin-bottom: 3rem;} #index .main-banner-swiper .skin-type2 .visual-sub-desc {font-size: 1.3rem;line-height: 1.5;} #index .main-banner-swiper .skin-type3 .visual-main-title {font-size: 2.6rem;} #doctors .sub-content-container {padding: 0 10%;} #location .map-info-grid {gap:0} #location .column-body {padding-left: 0;} #location .time-row dt {width: 160px;} .sub-page-wrap .timeline-line-axis.long {height: 78%;} } @media (max-width: 1440px) { html {font-size: 13.5px;} #global-header .main-nav ul {gap:20px} #global-header .main-nav a {font-weight: 600;} #global-header .site-header {margin: 20px auto; padding: 10px 25px;} #index .special-section {padding: 70px 20px; margin: 0px auto;} #index .special-section .special-container {flex-direction: column; gap: 40px;} #index .special-section .special-title-area {width: 100%;} #index .special-section .special-grid {flex: 1 1 auto; width: 100%;} #index .special-section .special-eng-title {margin-bottom: 15px;} #index .special-section .special-eng-title, #index .special-section .special-kor-desc {padding-left: 0;} #index .shorts-section {margin: 0 auto; padding: 30px 0 30px 20px;} #index .shorts-section .shorts-container {flex-direction: column; gap: 40px;} #index .shorts-section .shorts-title-area {width: 100%; padding-bottom: 0;} #index .shorts-section .shorts-header, #index .shorts-section .shorts-title-area .shorts-progress {padding-left: 0; left: 0;} #index .shorts-section .shorts-slider-wrap {width: 100%; flex: 1 1 auto; height: 712px;} #index .shorts-section .shorts-swiper {overflow: hidden;} #index .shorts-section .shorts-desc {font-size: 1.5rem; margin-bottom: 2rem;} #index .research-section {height: 650px;margin: 100px auto;} #index .research-section .research-container {width: 90%; padding: 80px 0px 60px;} #index .ba-section {margin: 0 auto; padding-bottom: 100px;} #index .model-recruit-section {height: 420px; margin: 100px auto;} #index .info-map-section {padding: 0 20px;margin: 120px auto;} #index .info-map-section .info-map-container {gap: 20px} #index .info-map-section .info-label {width: 180px;} #index .info-map-section .info-map-right {padding: 60px;} #doctors .doctor-img-box img {width: 100%;} #event-list-page .event-visual-area {background-position: 90% center;} #event-list-page .visual-inner {padding: 0 5%;} #event-view-page .event-visual-area {background-position: 90% center;} #event-view-page .visual-inner {padding: 0 5%;} #ba-list-page .event-visual-area {background-position: 90% center;} #ba-list-page .visual-inner {padding: 0 5%;} #real-page .event-visual-area {background-position: 75% center;} #real-page .visual-inner {padding: 0 5%;} .sub-page-wrap .sub-visual-section .sub-visual-container {margin-top: 72px;padding: 100px 7%;} .sub-page-wrap .surgery-intro-section {padding: 100px 7%;} .sub-page-wrap .surgery-feature-section {padding: 100px 7% 50px;} .sub-page-wrap .surgery-why-section {padding: 100px 7% 50px;} .sub-page-wrap .surgery-lines-section {padding: 50px 7%; } .sub-page-wrap .surgery-diff-section {padding: 50px 7%;} .sub-page-wrap .surgery-diff-text-section {padding: 50px 7%;} .sub-page-wrap .surgery-types-section {padding: 50px 7%;} .sub-page-wrap .surgery-compare-section {padding: 50px 7%;} .sub-page-wrap .surgery-effect-section {padding: 50px 7%;} .sub-page-wrap .surgery-method-section {padding: 50px 7%;} .sub-page-wrap .timeline-line-axis.long {height: 76%;} .sub-page-wrap .surgery-recom-section {padding: 50px 7%;} .sub-page-wrap .surgery-video-section {padding: 50px 7%;} .sub-page-wrap .faq-section {padding: 50px 7%;} } @media (max-width: 1200px) { html {font-size: 12px;} #global-header .main-nav ul {flex-wrap:wrap; gap:10px} #index .ba-section .ba-desc {font-size: 1.4rem;} #index .info-map-section .info-label {width: 140px;} .sub-page-wrap .line-card-item .card-text-box {padding: 3rem 1rem 1rem;} .sub-page-wrap .line-card-item {padding: 1rem;} .sub-page-wrap .line-card-item .card-info-list li {font-size: 1.3rem;} .sub-page-wrap .lines-card-grid {gap:1.5rem} .sub-page-wrap .card-sub-title {font-size: 1.6rem;} .sub-page-wrap .card-num-list .txt {font-size: 1.35rem;} .sub-page-wrap .step-title {font-size: 1.6rem;} .sub-page-wrap .step-desc {font-size: 1.3rem;} .sub-page-wrap .timeline-line-axis.long {height: 78%;} } @media (max-width: 1024px) { #global-header .site-header {display: none !important;} #global-header .mobile-header {display: block;width: 100%;background: #F7F3EE;padding: 20px 15px;position: fixed;top: 0;left: 0;z-index: 100;} #global-header .m-header-container {display: flex;justify-content: space-between;align-items: center;width: 100%;} #global-header .m-btn-tel img {display: block;width: 24px;height: auto;} #global-header .m-header-logo img {display: block;max-width: 240px;height: auto;margin: 0 auto;} #global-header .m-btn-menu {display: flex;flex-direction: column;justify-content: space-between;width: 30px;height: 21px;background: none;border: none;cursor: pointer;} #global-header .m-btn-menu span {display: block;width: 100%;height: 3px;background: #32251F;} #global-header .m-menu-layer {width: 100%;height: 100vh;background: #FFF;} #global-header .m-menu-header {display: flex;justify-content: space-between;align-items: center;width: 100%;background: #F7F3EE;padding: 20px 15px;} #global-header .m-menu-logo img {display: block;max-width: 240px;height: auto;} #global-header .m-btn-close {position: relative;width: 26px;height: 26px;background: none;border: none;cursor: pointer;} #global-header .m-btn-close span {position: absolute;top: 12px;left: 0;display: block;width: 100%;height: 2px;background: #32251F;} #global-header .m-btn-close span:nth-child(1) {transform: rotate(45deg);} #global-header .m-btn-close span:nth-child(2) {transform: rotate(-45deg);} #global-header .m-menu-body {display: flex;flex: 1;width: 100%;overflow: hidden;} #global-header .m-menu-nav-left {width: 45%;background: #F7F3EE;overflow-y: auto;border-right: 1px solid #EAE3DA;} #global-header .m-menu-nav-left ul {width: 100%;list-style: none;} #global-header .m-menu-nav-left li {width: 100%;border-bottom: 1px solid #EAE3DA;} #global-header .m-menu-nav-left li.active {background: #FFF;border-right: 1px solid #FFF;margin-right: -1px;} #global-header .m-menu-nav-left li a {display: block;padding: 1.5rem 0 1.5rem 1.75rem;font-weight: 700;font-size: 1.3rem;color: #7A5B45;text-decoration: none;} #global-header .m-menu-nav-left li.active a {color: #32251F;} #global-header .m-menu-nav-right {width: 55%;background: #FFF;overflow-y: auto;padding-bottom: 10px;} #global-header .m-menu-nav-right ul {display: none;width: 100%;list-style: none;} #global-header .m-menu-nav-right ul.active {display: block;} #global-header .m-menu-nav-right li {width: 100%;border-bottom: 1px solid #F5F5F5;} #global-header .m-menu-nav-right li a {display: block;padding: 22px 20px;;color: #333;font-size: 1.3rem;} #index .main-visual {width: 100%;padding: 85px 15px 30px 15px;background: #F7F3EE;} #index .main-banner-swiper {border-radius: 30px;} #index .main-banner-swiper .slider-dots {bottom: 30px;} #index .main-banner-swiper .visual-container {padding: 0 50px;} #index .main-banner-swiper .visual-main-title {font-size: 2.8rem;} #index .main-banner-swiper .skin-type1 .visual-main-title {font-size: 3.2rem;} #index .main-banner-swiper .skin-type1 .visual-main-title .title-light {font-size: 2.5rem;} #index .main-banner-swiper .skin-type1 .visual-sub-title {font-size: 2rem;} #index .main-banner-swiper .skin-type1 .visual-sub-desc {font-size: 1.5rem;} #index .main-banner-swiper .skin-type2 .visual-text-wrap {width: 60%;margin-top: 0;} #index .main-banner-swiper .skin-type2 .visual-main-title {font-size: 2.3rem;} #index .main-banner-swiper .skin-type2 .visual-sub-desc {font-size: 1.1rem;} #index .main-banner-swiper .visual-eng-serif {font-size: 2.3rem;} #index .main-banner-swiper .skin-type3 .visual-main-title {font-size: 2.1rem;} #index .research-section {height: 500px;} #index .research-section .research-container {padding: 60px 0px 40px;} #index .research-section .research-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;} #index .value-banner-section {margin: 100px 0;} #index .value-banner-section .value-text-wrap {width: 45%;margin-right: 3rem;} #index .value-banner-section .value-banner-title {font-size: 2rem;} #index .info-map-section .info-map-right {padding: 45px;} #doctors .doctor-profile-grid {gap:50px} #location .sub-visual-section .sub-visual-container {padding: 130px 5% 60px;} #location .sub-visual-swiper-wrap {max-width: 450px;} #location .sub-content-container {padding: 0 5%;} #location .traffic-guide-wrap {margin-top: 50px;padding-top: 50px;} #location .info-column {flex: unset;} #location .time-row dt {width: 130px;} #location .route-txt {line-height: 2;} #location .group-main-title {width: 200px;} #event-list-page .event-visual-area {margin-top: 72px;} #event-view-page .event-visual-area {margin-top: 72px;} #ba-list-page .event-visual-area {margin-top: 72px;} #real-page .event-visual-area {margin-top: 72px;} .sub-visual-common-layer .sub-visual-container {padding:14% 12% 7%;} .sub-page-wrap .surgery-intro-grid {gap:0} .sub-page-wrap .sub-visual-section .sub-visual-title {font-size: 4rem;} .sub-page-wrap .sub-visual-section .sub-visual-desc {font-size: 1.5rem;} .sub-page-wrap .surgery-feature-grid {gap:2rem} .sub-page-wrap .method-section-container {gap:0} .sub-page-wrap .diff-text-rows-wrap {width: 100%;} .sub-page-wrap .timeline-line-axis.long {height: 82%;} .footer-container {padding: 0 5%;} .footer-content-wrap {gap: 50px} .footer-logo img {max-width: 300px;width: 90%;} } /* PC 해상도 상태일 때는 모바일 메뉴 레이어가 물리적으로 화면에 절대 나올 수 없도록 통제 */ @media (min-width: 1025px) { #global-header .m-menu-layer {display: none !important;transform: translateX(100%) !important;opacity: 0 !important;} } @media (max-width: 768px) { html {font-size: 14px;} .pc-only {display: none !important;} .mo-only {display: block !important;} #global-header .m-header-logo img {max-width: 240px;} #global-header .mobile-nav-member {display:flex;padding:15px 20px;background:#FFF;border-bottom:1px solid #EEE;gap:10px;justify-content:flex-end;} #global-header .mobile-nav-member a {display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:20px;font-size:0.85rem;font-weight:700;text-decoration:none;} #global-header .mobile-nav-member .btn-login, .mobile-nav-member .btn-mypage {background-color:#EEDCCB;color:#624E43;} #global-header .mobile-nav-member .btn-join, .mobile-nav-member .btn-logout {background-color:var(--color-accent);color:#FFF;} .coral-quick-wrapper {position:fixed;right:1.5rem;bottom:1.5rem;z-index:999;gap:1.5rem;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;} .coral-quick-wrapper::before {content:'';position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,0.7);z-index:-1;opacity:0;visibility:hidden;pointer-events:none;transition:all 0.35s ease;} .coral-quick-wrapper.active::before {opacity:1;visibility:visible;pointer-events:auto;} .quick-trigger-bar {width:100%;max-width:280px;padding:0.9rem 2.0rem;gap:1.5rem;box-shadow:0 6px 20px rgba(236,147,128,0.4);position:relative;z-index:10;pointer-events:auto;} .quick-trigger-bar .trigger-txt {font-size:1.15rem;font-weight:600;} .quick-trigger-bar .trigger-icon-area {width:1.5rem;height:1.0rem;} .quick-toggle-group {margin-right:1.5rem;margin-bottom:1.0rem;gap:1.5rem;align-items:flex-end;position:relative;z-index:10;pointer-events:none;} .quick-circle-btn {width:70px;height:70px;background:#FFF;border:1px solid #FFF;box-shadow:0 4px 15px rgba(0,0,0,0.1);position:relative;overflow:visible;pointer-events:none;} .quick-circle-btn a {width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;} .quick-circle-btn .icon-img-zone {width:28px;height:26px;margin:0;display:flex;align-items:center;justify-content:center;} .quick-circle-btn .icon-img-zone img {max-width:100%;max-height:100%;} .quick-circle-btn .quick-lbl {position:absolute;right:85px;top:50%;transform:translateY(-50%);font-size:1.1rem;color:#FFF;font-weight:600;white-space:nowrap;letter-spacing:-0.5px;text-shadow:0 2px 4px rgba(0,0,0,0.3);pointer-events:none;} .coral-quick-wrapper.active .quick-trigger-bar {background:#E88470;} .coral-quick-wrapper.active .quick-trigger-bar .icon-speech {display:none;} .coral-quick-wrapper.active .quick-trigger-bar .icon-close-x {display:inline-block;} .coral-quick-wrapper.active .quick-toggle-group {pointer-events:auto;} .coral-quick-wrapper.active .quick-circle-btn {transform:scale(1) translateY(0);opacity:1;pointer-events:auto;} .coral-quick-wrapper.active .quick-circle-btn a {pointer-events:auto;} .coral-quick-wrapper.active .quick-circle-btn:nth-child(1) {transition-delay:0.05s;} .coral-quick-wrapper.active .quick-circle-btn:nth-child(2) {transition-delay:0.1s;} .coral-quick-wrapper.active .quick-circle-btn:nth-child(3) {transition-delay:0.15s;} .coral-quick-wrapper.active .quick-circle-btn:nth-child(4) {transition-delay:0.2s;} .coral-quick-wrapper.active .quick-circle-btn:nth-child(5) {transition-delay:0.25s;} .coral-quick-wrapper.active .quick-circle-btn:nth-child(6) {transition-delay:0.3s;} #index .main-banner-swiper .visual-text-content {display: none !important;} #index .main-banner-swiper {border-radius: 40px;overflow: hidden;width: 100%;} #index .main-banner-swiper .visual-card {width: 100% !important;height: auto !important;aspect-ratio: 978 / 1116;overflow: hidden;} #index .main-banner-swiper .swiper-slide:nth-child(1) .visual-img {content: url('/images/index/mo_index_banner1.jpg?v=2');} #index .main-banner-swiper .swiper-slide:nth-child(2) .visual-img {content: url('/images/index/mo_index_banner2.jpg?v=2');} #index .main-banner-swiper .swiper-slide:nth-child(3) .visual-img {content: url('/images/index/mo_index_banner3.jpg?v=2');} #index .main-banner-swiper .visual-img {width: 100%;height: 100%;object-fit: cover;} #index .main-banner-swiper .slider-dots {bottom: 20px;} #index .main-banner-swiper .dot {width: 8px; height: 8px;} #index .special-section {width: 100%;margin: 0; padding:50px 0;} #index .special-section .special-container {flex-direction: column;gap: 30px;padding: 0;} #index .special-section .special-title-area {width: 100%;padding-left: 15px;} #index .special-section .special-eng-title {margin-bottom: 12px;line-height: 1.4;} #index .special-section .special-kor-desc {margin-bottom: 30px;} #index .special-section .special-title-area .special-progress {position: relative;left: 0;width: 150px;height: 4px;background: #F4BC9B;margin: 20px 0 10px 0;} #index .special-section .special-title-area .special-progress::before {display: none;} #index .special-section .special-title-area .special-progress .swiper-pagination-progressbar-fill {background: #3D1A19 !important;transition: all 0.3s ease;} #index .special-section .special-grid.special-swiper {width: 120%;overflow: visible;display: block;padding-left: 15px;} #index .special-section .special-grid .swiper-wrapper {display: flex !important;flex-direction: row !important;flex-wrap: nowrap !important;width: 100%;} #index .special-section .special-card-item.swiper-slide {flex-shrink: 0;display: flex;flex-direction: column;} #index .special-section .card-img-box {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;margin-bottom: 15px;} #index .special-section .card-img-box img {width: 100%;height: 100%;object-fit: cover;} #index .special-section .card-sub {color: #7E7E7E;font-size: 1.3rem; } #index .special-section .card-main {font-size: 2rem; color: #000; margin-top: 5px;} #index .shorts-section {width: 100%;margin: 0; padding: 30px 0 30px 15px;} #index .shorts-section .shorts-container {display: flex !important;flex-direction: row !important;justify-content: space-between;align-items: stretch;gap: 20px;width: 100%;} #index .shorts-section .shorts-title {margin-bottom: 8px;display: flex;align-items: center;gap: 6px;white-space: nowrap;} #index .shorts-section .shorts-title-area {flex: 0 0 35%;display: flex;flex-direction: column;justify-content: space-between;padding: 10px 0;width: 35%;} #index .shorts-section .shorts-header {padding-left: 0;} #index .shorts-section .shorts-icon {height: 22px;width: auto;} #index .shorts-section .shorts-desc {color: #7E7E7E;} #index .shorts-section .shorts-title-area .shorts-progress {position: relative;left: 0;bottom: 0;width: 100%;max-width: 150px;height: 4px;background: #F4BC9B;margin: 40px 0 0 0;} #index .shorts-section .shorts-title-area .shorts-progress .swiper-pagination-progressbar-fill {background: #3D1A19 !important;transition: all 0.3s ease;} #index .shorts-section .shorts-slider-wrap {flex: 0 0 65%;width: 65%;height: auto;overflow: hidden;display: block;} #index .shorts-section .shorts-swiper {width: 100%;overflow: visible;display: block;} #index .shorts-section .shorts-swiper .swiper-wrapper {display: flex !important;flex-direction: row !important;flex-wrap: nowrap !important;width: 100%;} #index .shorts-section .shorts-card.swiper-slide {width: auto;flex-shrink: 0;display: flex;flex-direction: column;border-radius: 25px;overflow: hidden;} #index .shorts-section .shorts-card a {display: block;width: 100%;height: auto;} #index .shorts-section .shorts-img {width: 100%;height: auto;aspect-ratio: 401 / 712;object-fit: cover;display: block;} #index .research-section {height: auto;margin: 50px auto;padding: 50px 0;} #index .research-section .research-bg img {content: url('/images/index/m_research_bg.jpg');} #index .research-section .research-container {width: 100%;padding: 0;display: flex;flex-direction: column;gap: 30px;} #index .research-section .research-header {padding: 0 15px;} #index .research-section .research-main-title {line-height: 1.3;} #index .research-section .research-grid.research-swiper {padding: 0 10%;} #index .research-section .research-card .card-text-box {padding-bottom: 25px} #index .research-section .value-title {margin-bottom: 4px;} #index .research-section .value-desc {line-height: 1.3;} #index .research-section .research-swiper .swiper-button-prev, #index .research-section .research-swiper .swiper-button-next {display: flex;width: 25px;height: 25px;color: #FFF;z-index: 10;top: 50%;transform: translateY(-50%);margin: 0;} #index .research-section .research-swiper .swiper-button-prev::after, #index .research-section .research-swiper .swiper-button-next::after {font-size: 2rem;font-weight: 600;} #index .research-section .research-swiper .research-prev {left: 8px;} #index .research-section .research-swiper .research-next {right: 8px;} #index .ba-section {margin: 70px auto; padding-bottom: 20px;} #index .ba-section .ba-header {margin-bottom: 40px;} #index .ba-section .ba-sub-title {opacity: 0.7;margin-bottom: 15px;font-weight: 200;} #index .ba-section .ba-main-title {font-weight: 700;margin-bottom: 10px;} #index .ba-section .ba-desc {font-weight: 200;color: var(--color-brand);} #index .ba-section .ba-slider-wrap {width: 100%;position: relative;padding: 0 45px;} #index .ba-section .ba-swiper {width: 100%;overflow: hidden;} #index .ba-section .ba-case-card {width: 100% !important;transform: scale(1) !important;opacity: 1 !important;box-shadow: 0 10px 30px rgba(0,0,0,0.05);display: flex;flex-direction: column;} #index .ba-section .case-top-label {width: 100%;background: #32251F;color: #FFF;text-align: center;padding: 12px 0;font-weight: 400;} #index .ba-section .case-img-zone {display: flex;width: 100%;height: auto;aspect-ratio: 2;} #index .ba-section .img-half {flex: 1;height: 100%;overflow: hidden;} #index .ba-section .img-half img {width: 100%;height: 100%;object-fit: cover;} #index .ba-section .before-img {background: #D5C7B7;} #index .ba-section .after-img {background: #E5E5E5;} #index .ba-section .case-bottom-label {display: flex;width: 100%;height: 45px;font-weight: 300;} #index .ba-section .lbl-before {flex: 1;height: 100%;background: #FFF;color: #000;display: inline-flex;align-items: center;justify-content: center;} #index .ba-section .lbl-after {flex: 1;height: 100%;background: #32251F;color: #FFF;display: inline-flex;align-items: center;justify-content: center;} #index .ba-section .ba-nav-btn {display: block;position: absolute;top: 50%;transform: translateY(-50%);font-size: 2rem;font-weight: 600;color: #000;z-index: 10;background: none;border: none;cursor: pointer;transition: none;} #index .ba-section .ba-nav-btn:hover {color: #000;transform: translateY(-50%) scale(1);} #index .ba-section .btn-prev {left: 15px;} #index .ba-section .btn-next {right: 15px;} #index .value-banner-section {margin: 70px auto;background-image: url('/images/index/m_value_banner_bg.jpg');background-position: center top;} #index .value-banner-section .value-banner-container {padding: 600px 10% 11% 10%;justify-content: flex-start;} #index .value-banner-section .value-text-wrap {width: 100%;text-align: left;} #index .value-banner-section .value-banner-title {font-size: 2.2rem;line-height: 1.2;font-weight: 600;} #index .value-banner-section .value-banner-desc {font-size: 1.4rem;line-height: 1.2;font-weight: 600;} #index .model-recruit-section {height: 60vw; margin: 50px auto;} #index .model-recruit-section .recruit-bg img {content: url('/images/index/m_model_recruit_bg.jpg');} #index .model-recruit-section .recruit-main {font-size: 1.5rem; margin-bottom: 1.5rem;} #index .model-recruit-section .recruit-sub {font-size: .9rem;margin-bottom: .5rem;} #index .model-recruit-section .btn-model-apply {width: max(120px, 25vw);font-size: 1rem;padding: .8rem 1.5rem;} #index .model-recruit-section .recruit-right {margin-left: 28vw;} #index .info-map-section {padding: 0 15px;margin: 0 auto 20px;} #index .info-map-section .info-map-container {display: flex !important;flex-direction: column !important;gap: 20px;width: 100%;} #index .info-map-section .info-map-left {width: 100%;} #index .info-map-section .map-api-box {width: 100%;height: 300px;min-height: 300px;border-radius: 25px;} #index .info-map-section #coral_kakao_map {width: 100% !important;height: 300px !important;} #index .info-map-section .info-map-right {width: 100%;background: #FFF;border-radius: 25px;display: flex;flex-direction: column;gap: 20px;} #index .info-map-section .day-lbl {width: 94px;} #index .info-map-section .info-row {display: flex;align-items: flex-start;width: 100%;margin-bottom: 2rem;} #index .info-map-section .info-row:last-child {margin-bottom: 0;} #index .info-map-section .info-label {width: 30%;} #index .info-map-section .info-label h3 {font-size: 1.5rem;} #index .info-map-section .info-content {font-size: 1.15rem;} #login .login-container {padding:30px 20px;} #login .login-input-row {display:flex;flex-direction:column;gap:12px;margin-bottom:12px;align-items:stretch;} #login .login-input-row .input-col {width:100%;flex:none;} #login .login-input-row .input-col input {width:100%;height:55px;font-size:0.95rem;} #login .login-btn-row {display:flex;flex-direction:column;gap:12px;margin-bottom:15px;} #login .login-btn-row button, #login .login-btn-row a {flex:none;width:100%;height:55px;display:inline-flex;align-items:center;justify-content:space-between;padding:0 25px;font-size:0.95rem;} #login .login-btn-row button span, #login .login-btn-row a span {display:inline-flex;align-items:center;height:100%;} #login .login-captcha-row {display:flex;justify-content:center;margin-bottom:20px;} /* 💡 모바일 버튼 밑 중앙 정렬 쐐기 박음 */ #join .join-container {padding:30px 20px;} #join .join-input-row {flex-direction:column;gap:12px;margin-bottom:12px;} #join .join-input-row .input-col input {height:55px;font-size:0.95rem;} #join .btn-submit-join {width:100%;height:55px;font-size:0.95rem;} #join .join-bottom-row {flex-direction:column;align-items:stretch;gap:15px;margin-top:15px;} #join .bottom-right-policy {justify-content:flex-start;} #privacy-page .privacy-section {padding:2.5rem 0;} #privacy-page .privacy-container {padding:0 0.9rem;} #privacy-page .privacy-header {padding-bottom:1.0rem;margin-bottom:1.5rem;} #privacy-page .privacy-title {font-size:1.5rem;} #privacy-page .privacy-subtitle {font-size:0.85rem;line-height:1.4;} #privacy-page .privacy-content-box {padding:1.5rem 1.0rem;} #privacy-page .privacy-intro-txt {font-size:0.85rem;line-height:1.5;margin-bottom:1.5rem;} #privacy-page .privacy-index-box {padding:1.0rem;margin-bottom:1.5rem;} #privacy-page .privacy-article {margin-bottom:2.0rem;padding-bottom:1.5rem;} #privacy-page .article-title {font-size:0.95rem;margin-bottom:0.8rem;} #privacy-page .article-text {font-size:0.8rem;line-height:1.5;} #privacy-page .article-list li {font-size:0.8rem;line-height:1.5;} #privacy-page .privacy-bottom-row {margin-top:2.0rem;} #privacy-page .btn-privacy-close {width:100%;max-width:16rem;padding:0.8rem 0;text-align:center;} #mypage .mypage-container {padding:30px 20px;} #mypage .mypage-input-row {display:flex;flex-direction:column;gap:12px;margin-bottom:12px;align-items:stretch;} #mypage .mypage-input-row .input-col {width:100%;flex:none;} #mypage .mypage-input-row .input-col input {width:100%;height:55px;font-size:0.95rem;} #mypage .pw-change-notice {font-size:0.8rem;padding:12px;margin:5px 0 15px 0;} #mypage .mypage-btn-row .btn-submit-modify {flex:none;width:100%;height:55px;display:inline-flex;align-items:center;justify-content:space-between;padding:0 25px;font-size:0.95rem;} #mypage .btn-submit-modify span {display:inline-flex;align-items:center;height:100%;} #doctors .sub-content-container {margin: 8rem auto 4rem;padding: 0 15%;} #doctors .doctor-sub-header {margin-bottom: 35px;} #doctors .doctor-profile-grid {flex-direction: column;gap: 45px;align-items: flex-start;} #doctors .doctor-img-box {flex: 0 0 auto;width: 100%;} #doctors .doctor-info-box {width: 100%;padding-top: 0;} #doctors .doctor-name-title {margin-bottom: 4rem;} #doctors .doctor-name-title .name {font-size: 4rem;} #doctors .doctor-name-title .position {font-size: 4rem;} #doctors .info-group-box {width: 100%;margin-bottom: 35px;} #doctors .group-title {font-size: 1.35rem} #doctors .group-title::before {flex: 0 0 6rem;height: 1px} #doctors .info-list li {font-size: 1.5rem;line-height: 1;color: #444;} #doctors .doctor-video-section {padding: 60px 0 90px 0;} #doctors .video-section-container {padding: 0 20px;} #doctors .video-header-area {margin-bottom: 35px;} #doctors .video-main-title {font-size: 2.2rem;margin-bottom: 12px;} #doctors .video-sub-desc {font-size: 0.95rem;} #doctors .video-content-box {width: 100%;border-radius: 15px;} #location .sub-visual-section {width: 100%;padding-top: 85px;} #location .sub-visual-section .sub-visual-container {flex-direction: column;align-items: flex-start;padding: 50px 30px 60px} #location .sub-visual-section .sub-visual-text-wrap {padding: 0 10%;} #location .sub-visual-section .sub-visual-title {font-size: 2.8rem;margin-bottom: 1.5rem;} #location .sub-visual-section .sub-visual-desc {font-size: 1.1rem;} #location .sub-visual-swiper-wrap {width: 90%;max-width: 100%;margin: 0 auto;} #location .location-top-swiper .loc-nav-btn {width: 40px;height: 40px;} #location .location-top-swiper .btn-prev {left: 15px;} #location .location-top-swiper .btn-next {right: 15px;} #location .sub-content-container {margin: 60px auto;padding: 0 30px;} #location .map-header-area {margin-bottom: 35px;} #location .map-main-title {font-size: 2.2rem;} #location .map-content-box {height: 380px;border-radius: 20px;margin-bottom: 45px;} #location .map-info-grid {flex-direction: column;gap: 40px;} #location .info-column {width: 100%;} #location .column-title {margin-bottom: 15px;gap: 12px;} #location .column-title::before {flex: 0 0 35px;width: 35px;} #location .column-body {padding-left: 45px;} #location .tel-num {font-size: 2.5rem;margin-bottom: 15px;} #location .consult-btn {font-size: 0.95rem;padding: 11px 22px;} #location .addr-line {font-size: 1.05rem;margin-bottom: 6px;} #location .addr-highlight {font-size: 1.1rem;} #location .time-row {font-size: 1.05rem;margin-bottom: 8px;} #location .time-row dt {flex: 0 0 130px;width: 130px;} #location .traffic-guide-wrap {gap: 55px;margin-top: 60px;padding-top: 55px;} #location .traffic-group-box {flex-direction: column;gap: 25px;align-items: flex-start;} #location .group-main-title {flex: 0 0 auto;width: 100%;margin-bottom: 5px;} #location .group-main-title h3 {font-size: 1.35rem;} #location .guide-list-wrap {width: 100%;gap: 25px;padding-left: 45px;} #location .guide-row-item {align-items: flex-start;gap: 12px;border-bottom: 1px solid #F5F1EC;padding-bottom: 1rem;} #location .guide-row-item:last-child {border-bottom: 0;padding-bottom: 0;} #location .badge-lbl {font-size: 0.85rem;padding: 4px 10px;min-width: 65px !important;} #location .multiline-route {width: 100%;} #location .route-sub-title {font-size: 1.05rem;margin-bottom: 8px;} #location .route-txt {font-size: 0.95rem;line-height: 1.5;word-break: keep-all;} #consult-list .consult-list-section {padding:30px 0;} #consult-list .list-container {padding:0 15px;} #consult-list .board-hd-row {height:50px;border-bottom:1px solid #000;} #consult-list .hd-item {font-size:0.95rem;} #consult-list .board-bd-row {height:55px;} #consult-list .bd-item {font-size:0.9rem;} #consult-list .col-num {display:none !important;} #consult-list .col-date {display:none !important;} #consult-list .col-name {width:75px;} #consult-list .col-status {width:85px;} #consult-list .col-title {padding-left:10px;} #consult-list .col-title a {gap:5px;width:100%;display:flex;align-items:center;} #consult-list .title-txt {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;display:inline-block;} #consult-list .new-badge-box {width:15px;height:15px;font-size:0.7rem;} #consult-list .status-badge {height:24px;padding:0 6px;font-size:0.75rem;} #consult-list .list-bottom-row {margin-top:20px;} #consult-list .btn-go-write {width:100%;text-align:center;padding:12px 0;font-size:0.9rem;} #consult-write .consult-form-section {padding:40px 0;} #consult-write .consult-container {padding:0 15px;} #consult-write .consult-row {flex-direction:column;align-items:stretch;gap:8px;margin-bottom:18px;} #consult-write .consult-label {width:100%;font-size:1rem;padding-left:0;margin-bottom:2px;} #consult-write .consult-content input[type="text"], #consult-write .consult-content input[type="password"] {max-width:100%;height:50px;font-size:0.95rem;} #consult-write .radio-grid-box {gap:10px 20px;} #consult-write .radio-item {font-size:0.95rem;} #consult-write .email-flex-box {flex-wrap:wrap;gap:8px;} #consult-write .email-flex-box input[type="text"] {flex:1;min-width:120px;max-width:100% !important;height:50px;} #consult-write .email-flex-box select {width:100%;min-width:100%;height:50px;} #consult-write .editor-wrapper-box textarea {height:250px;padding:15px;font-size:0.95rem;} #consult-write .consult-btn-row {width:100%;gap:10px;} #consult-write .btn-consult-list, #consult-write .btn-consult-submit {flex:1;height:50px;font-size:0.95rem;} #consult-view-page .consult-view-section {padding:89px 0;} #consult-view-page .view-container {padding:0 15px;} #consult-view-page .detail-hd-row {padding:20px 15px;} #consult-view-page .detail-cate {font-size:0.85rem;margin-bottom:6px;} #consult-view-page .detail-title {font-size:1.2rem;margin:0 0 12px 0;line-height:1.35;} #consult-view-page .detail-meta {gap:12px;font-size:0.8rem;flex-wrap:wrap;} #consult-view-page .detail-bd-content {padding:25px 15px;font-size:0.95rem;line-height:1.6;min-height:220px;} #consult-view-page .btn-view-list {width:100%;max-width:280px;padding:11px 0;text-align:center;font-size:0.9rem;} #consult-view-page .password-lock-wrapper {padding:50px 0;} #consult-view-page .lock-inner-box {width:100%;max-width:100%;padding:30px 20px;} #consult-view-page .lock-icon {font-size:2.2rem;margin-bottom:10px;} #consult-view-page .lock-title {font-size:1.15rem;margin:0 0 8px 0;} #consult-view-page .lock-desc {font-size:0.85rem;margin:0 0 20px 0;word-break:keep-all;} #consult-view-page .lock-input-row {width:100%;flex-direction:column;gap:10px;align-items:center;} #consult-view-page .lock-input-row input[type="password"] {width:100%;max-width:260px;height:44px;} #consult-view-page .btn-lock-submit {width:100%;max-width:260px;height:44px;} #consult-view-page .consult-answer-box {padding:20px 15px;margin-bottom:30px;} #consult-view-page .answer-hd-row {padding-bottom:15px;margin-bottom:15px;gap:10px;} #consult-view-page .answer-icon {width:28px;height:28px;font-size:1rem;} #consult-view-page .answer-author {font-size:0.95rem;} #consult-view-page .answer-date {font-size:0.8rem;} #consult-view-page .answer-bd-content {font-size:0.9rem;line-height:1.6;} #event-list-page .event-visual-area {height:340px;background-size:auto 340px;background-position:87% bottom;} #event-list-page .event-container {padding:0 15px;} #event-list-page .visual-txt-box {margin-bottom:20px;} #event-list-page .event-visual-area .sub-tit {font-size:1.4rem;margin-bottom:5px;} #event-list-page .event-visual-area .main-tit {font-size:2.0rem;} #event-list-page .event-list-section {padding:45px 0;} #event-list-page .event-grid-wrapper {grid-template-columns:repeat(2,1fr);column-gap:15px;row-gap:25px;} #event-list-page .info-box {padding:12px 5px;} #event-list-page .event-title {font-size:0.9rem;} #event-list-page .event-pagination {margin-top:45px;gap:12px;} #event-view-page .event-visual-area {height:340px;background-size:auto 340px;background-position:87% bottom;} #event-view-page .visual-txt-box {margin-bottom:20px;} #event-view-page .event-visual-area .sub-tit {font-size:1.4rem;margin-bottom:5px;} #event-view-page .event-visual-area .main-tit {font-size:2.0rem;} #event-view-page .event-view-section {padding:35px 0;} #event-view-page .event-view-container {padding:0 15px;} #event-view-page .detail-hd-row {padding:20px;flex-direction:column;align-items:flex-start;gap:10px;} #event-view-page .detail-title {font-size:1.15rem;line-height:1.35;} #event-view-page .detail-meta {font-size:0.8rem;} #event-view-page .detail-bd-content {padding:25px 15px;font-size:0.95rem;min-height:250px;} #event-view-page .event-nav-box {margin-bottom:25px;} #event-view-page .nav-row {padding:14px 15px;} #event-view-page .nav-label {width:90px;font-size:0.8rem;} #event-view-page .nav-link {font-size:0.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 90px);} #event-view-page .nav-none {font-size:0.85rem;} #event-view-page .btn-view-list {width:100%;max-width:260px;padding:12px 0;text-align:center;} #ba-list-page .event-visual-area {height:280px;background-size:cover;} #ba-list-page .visual-txt-box {margin-bottom:20px;} #ba-list-page .event-visual-area .sub-tit {font-size:1.8rem;margin-bottom:0.3rem;} #ba-list-page .event-visual-area .main-tit {font-size:1.8rem;} #ba-list-page .ba-detail-viewer {padding:30px 0 0 0;} #ba-list-page .viewer-container {padding:0 15px;} #ba-list-page .viewer-hd {margin-bottom:15px;padding-bottom:10px;} #ba-list-page .viewer-title {font-size:1.0rem;line-height:1.3;max-width:calc(100% - 60px);} #ba-list-page .btn-viewer-close {font-size:0.9rem;} #ba-list-page .double-view-mode {flex-direction:column;gap:1.0rem;margin-bottom:30px;} #ba-list-page .view-double-box {padding:0.5rem;} #ba-list-page .view-tag-lbl {left:1.0rem;top:1.0rem;font-size:0.7rem;padding:0.3rem 0.7rem;} #ba-list-page .view-img-frame {aspect-ratio:1/1;} #ba-list-page .disabled-btn {flex:1;max-width:100px;height:38px;font-size:0.8rem;padding:0;} #ba-list-page .ba-list-section {padding:40px 0;} #ba-list-page .ba-container {padding:0 15px;} #ba-list-page .ba-grid-wrapper {grid-template-columns:repeat(2,1fr);column-gap:15px;row-gap:25px;padding-top:25px;} #ba-list-page .double-img-box {gap:0.25rem;padding:0.25rem;} #ba-list-page .part-badge {left:0.3rem;top:0.3rem;font-size:0.55rem;padding:0.15rem 0.35rem;} #ba-list-page .ba-info-box {padding:12px 2px;} #ba-list-page .ba-title {margin-bottom:6px;} #ba-list-page .ba-bottom-util-wrap {flex-direction:column;gap:25px;margin-top:40px;padding-top:25px;align-items:center;} #ba-list-page .util-search-area {order:2;width:100%;justify-content:center;} #ba-list-page .search-form-box {width:100%;max-width:320px;} #ba-list-page .search-select {height:38px;} #ba-list-page .search-input-row {height:38px;flex:1;} #ba-list-page .util-pagination-area {order:1;} #ba-list-page .util-buttons-area {order:3;width:100%;justify-content:center;gap:4px;} #ba-list-page .btn-util {flex:1;max-width:100px;height:38px;font-size:0.8rem;padding:0;} #real-page .event-visual-area {height:280px;background-size:cover;background-position: 70% center;} #real-page .visual-txt-box2 {font-size: 1.2rem;} #real-page .visual-txt-box {margin-bottom:20px;} #real-page .event-visual-area .sub-tit {font-size:1.8rem;margin-bottom:0.3rem;} #real-page .event-visual-area .main-tit {font-size:1.8rem;} #real-page .real-section {padding:40px 0;} #real-page .real-container {padding:0 15px;} #real-page .form-row-half {flex-direction:column;gap:25px;} #real-page .form-group {flex-direction:column;align-items:flex-start;gap:8px;} #real-page .form-label {width:100%;font-size:1.0rem;} #real-page .form-input-wrap {width:100%;} #real-page .gender-radio-group {height:auto;padding:5px 0;} #real-page .select-combo-wrap {flex-direction:column;gap:10px;} #real-page .select-combo-wrap select {width:100%;} #real-page .photo-grid-layout {grid-template-columns:repeat(2,1fr);gap:10px;} #real-page .form-notice-box {padding:0;margin-top:25px;font-size:0.85rem;} #real-page .form-agree-bar {flex-direction:column;align-items:flex-start;gap:15px;margin-top:30px;font-size:0.85rem;} #real-page .form-btn-row {margin-top:35px;} #real-page .btn-real-submit {width:100%;max-width:280px;height:48px;} .sub-visual-common-layer {width:100%;padding-top:85px;background-position:center center;} .sub-visual-common-layer .sub-visual-container {padding:7% 15% 9%;} .sub-visual-common-layer .sub-visual-title {font-size:2.75rem;line-height:1.35;margin-bottom:30px;letter-spacing:-0.5px;} .sub-visual-common-layer .sub-visual-desc {font-size:1.5rem;line-height:1.3;} .sub-page-wrap .sub-visual-section {width: 100%;margin-top: 0;background-size: cover;} .sub-page-wrap .sub-visual-section .sub-visual-container {padding: 10% 5%;} .sub-page-wrap .sub-visual-section .sub-visual-title {font-size: 3.5rem;margin-bottom: 2.5rem;letter-spacing: -1px;} .sub-page-wrap .sub-visual-section .sub-visual-title .eng-point {font-weight: 900;} .sub-page-wrap .sub-visual-section .mo-sub-visual-desc {display: block;font-size: 1.2rem;line-height: 1.3;letter-spacing: -0.3px;font-weight: 200;} .sub-page-wrap .surgery-intro-section {padding: 15% 10%} .sub-page-wrap .surgery-intro-grid {flex-direction: column;gap: 45px;} .sub-page-wrap .intro-left-title {width: 100%;flex: 0 0 auto;} .sub-page-wrap .lbl-badge-axis {margin-bottom: 20px;} .sub-page-wrap .lbl-badge-axis .category-lbl {padding-left: 50px;} .sub-page-wrap .lbl-badge-axis .category-lbl::before {width: 38px;} .sub-page-wrap .main-slogan-title {font-size: 2.4rem;line-height: 1.3;} .sub-page-wrap .intro-right-content {width: 100%;padding-top: 0;} .sub-page-wrap .definition-block {margin-bottom: 35px;} .sub-page-wrap .def-title {font-size: 1.6rem;margin-bottom: 15px;} .sub-page-wrap .def-desc {font-size: 0.95rem;line-height: 1.5;} .sub-page-wrap .medical-summary-spec {gap: 10px;} .sub-page-wrap .spec-row {font-size: 1.2rem;} .sub-page-wrap .spec-row dt {flex: 0 0 80px;width: 80px;} .sub-page-wrap .spec-row dt::after {right: 10px;} .sub-page-wrap .surgery-feature-section {padding: 15% 10% 5%} .sub-page-wrap .surgery-feature-grid {flex-direction: column;gap: 40px;} .sub-page-wrap .feature-left-content {width: 100%;} .sub-page-wrap .feature-main-title {font-size: 2.2rem;line-height: 1.3;margin-bottom: 30px;} .sub-page-wrap .feature-desc-group {gap: 20px;} .sub-page-wrap .feature-desc-group .desc-para {font-size: 1.1rem;line-height: 1.6;} .sub-page-wrap .feature-right-img {width: 100%;margin: 1rem 0} .sub-page-wrap .surgery-why-section {padding: 10% 0} .sub-page-wrap .why-header-area {margin-bottom: 35px;} .sub-page-wrap .why-main-title {font-size: 2.2rem;word-break: keep-all;} .sub-page-wrap .why-table-wrap {padding: 30px 15px;border-radius: 8px;} .sub-page-wrap .why-t-head {padding-bottom: 15px;} .sub-page-wrap .why-t-row {padding: 20px 0;} .sub-page-wrap .cell-blank, .sub-page-wrap .cell-title {flex: 0 0 65px;width: 65px;font-size: 0.95rem;letter-spacing: -0.5px;} .sub-page-wrap .cell-legacy {flex: 1;padding-right: 15px;font-size: 0.95rem;line-height: 1.4;letter-spacing: -0.5px;} .sub-page-wrap .cell-coral {flex: 1.1;font-size: 0.95rem;line-height: 1.4;letter-spacing: -0.5px;} .sub-page-wrap .th-label {font-size: 1.2rem;font-weight: 900;letter-spacing: -0.5px;} .sub-page-wrap .surgery-lines-section {padding: 10% 0} .sub-page-wrap .lines-header-area {margin-bottom: 35px;} .sub-page-wrap .lines-main-title {font-size: 2.5rem;} .sub-page-wrap .lines-card-grid {width: 60%;flex-direction: column;gap: 25px;} .sub-page-wrap .lines-card-grid.grid-3col {flex-direction: column;gap: 25px;} .sub-page-wrap .lines-card-grid.grid-3col .line-card-item {width: 100%;} .sub-page-wrap .line-card-item .card-text-box {padding: 2rem 1rem 1.5rem 0.5rem} .sub-page-wrap .line-card-item .card-title {font-size: 1.4rem;} .sub-page-wrap .line-card-item .card-info-list {gap: 8px;} .sub-page-wrap .line-card-item .card-info-list li {font-size: 0.95rem;line-height: 1.4;} .sub-page-wrap .surgery-compare-section {padding: 10% 0} .sub-page-wrap .compare-header-area {margin-bottom: 35px;} .sub-page-wrap .compare-main-title {font-size: 2.2rem;word-break: keep-all;} .sub-page-wrap .compare-main-title .vs-txt {font-size: 1.8rem;margin: 0 4px;} .sub-page-wrap .compare-card-grid {gap: 15px;} .sub-page-wrap .compare-card-item {padding: 2rem 1rem 2rem 2rem;} .sub-page-wrap .card-type-title {font-size: 1.35rem;margin-bottom: 25px;} .sub-page-wrap .check-info-list {gap: 10px;} .sub-page-wrap .check-info-list li {font-size: 1rem;line-height: 1.4;padding-left: 26px;} .sub-page-wrap .check-info-list li::before {font-size: 1.05rem;top: 0;} .sub-page-wrap .surgery-diff-section {padding: 10% 0} .sub-page-wrap .diff-header-area {margin-bottom: 35px;} .sub-page-wrap .diff-main-title {font-size: 2.2rem;} .sub-page-wrap .diff-rows-wrap {gap: 1.5rem;} .sub-page-wrap .diff-row-item {gap: 0;} .sub-page-wrap .row-left-img {width: 32%;} .sub-page-wrap .row-right-card {padding: 1rem 1rem 1rem 2rem;} .sub-page-wrap .card-sub-num {margin-bottom: 1rem;} .sub-page-wrap .card-sub-title {font-size: 1.2rem;margin-bottom: 20px;} .sub-page-wrap .card-num-list {gap: 0.5rem;} .sub-page-wrap .card-num-list li {gap:0.85rem} .sub-page-wrap .card-num-list .num {font-size: 0.95rem;} .sub-page-wrap .card-num-list .txt {font-size: 0.95rem;line-height: 1.35;} .sub-page-wrap .surgery-diff-text-section {padding: 10% 0} .sub-page-wrap .diff-text-header-area {margin-bottom: 35px;} .sub-page-wrap .diff-text-main-title {font-size: 2.2rem;word-break: keep-all;} .sub-page-wrap .diff-text-rows-wrap {gap: 1rem;} .sub-page-wrap .diff-text-rows-wrap.grid-2col {flex-direction: column;gap: 20px;} .sub-page-wrap .diff-text-rows-wrap.grid-2col .diff-text-row-item {width: 100%;} .sub-page-wrap .diff-text-row-item {padding: 1.5rem 1rem 1rem;gap: 15px;border-radius: 8px;} .sub-page-wrap .diff-text-row-item .row-num {font-size: 0.85rem;padding-top: 2px;} .sub-page-wrap .diff-text-row-item .row-sub-title {font-size: 1.3rem;} .sub-page-wrap .diff-text-row-item .row-desc {font-size: 0.95rem;line-height: 1.5;letter-spacing: -0.4px;} .sub-page-wrap .diff-text-row-item .row-desc br {display: none;} .sub-page-wrap .surgery-types-section {padding: 10% 0} .sub-page-wrap .types-header-area {margin-bottom: 35px;} .sub-page-wrap .types-main-title {font-size: 2.2rem;} .sub-page-wrap .types-card-grid {width: 60%; flex-direction: column;gap: 25px;} .sub-page-wrap .types-card-item {width: 100%;border-radius: 8px;} .sub-page-wrap .types-card-item .card-text-box {padding: 30px 20px;} .sub-page-wrap .card-main-title {font-size: 1.35rem;margin-bottom: 15px;} .sub-page-wrap .card-desc {font-size: 1rem;line-height: 1.5;} .sub-page-wrap .surgery-method-section {padding: 5% 10% 10%;} .sub-page-wrap .method-section-container {flex-direction: column;gap: 4rem;} .sub-page-wrap .method-left-title {width: 100%;flex: 0 0 auto;} .sub-page-wrap .method-main-title {display: none;} .sub-page-wrap .method-main-title-mo {display: block;font-size: 2.5rem;font-weight: 800;} .sub-page-wrap .method-main-title-mo strong {font-weight: 800;} .sub-page-wrap .timeline-line-axis {top:14px; left:205px; height: 359px;} .sub-page-wrap .timeline-line-axis.long {height: 80%;} .sub-page-wrap .step-thumb-box {width: 180px;} .sub-page-wrap .step-text-box {width: 100%;padding-left: 0;} .sub-page-wrap .step-title {margin-bottom: 0.5rem;} .sub-page-wrap .step-title::before {top: 10px;left: -23px;} .sub-page-wrap .step-desc {font-size: 0.95rem;line-height: 1.45;} .sub-page-wrap .surgery-recom-section {padding: 10%;} .sub-page-wrap .recom-header-area {margin-bottom: 35px;} .sub-page-wrap .recom-main-title {font-size: 2.2rem;word-break: keep-all;} .sub-page-wrap .recom-card-grid {gap: 20px;} .sub-page-wrap .recom-card-grid.grid-3col {display: grid !important; grid-template-columns: repeat(2, 1fr);max-width: 780px;} .sub-page-wrap .recom-card-grid.grid-5items {flex-direction: column;gap: 20px;} .sub-page-wrap .recom-card-grid.grid-5items .recom-card-item {width: 100% !important;} .sub-page-wrap .recom-card-item {padding: 2rem;min-height: 206px; aspect-ratio: auto;} .sub-page-wrap .recom-card-item .card-no {margin-bottom: 15px;} .sub-page-wrap .recom-card-item .card-target-txt {font-size: 1.5rem;margin-bottom: 15px;} .sub-page-wrap .recom-card-item .card-target-txt2 {font-size: 1rem;margin-top: -4rem;} .sub-page-wrap .recom-card-item .card-icon-box {position: absolute;bottom: 25px;right: 25px;width: 65px;height: 40px;} .sub-page-wrap .surgery-effect-section {padding: 10%;} .sub-page-wrap .surgery-effect-section.mo-tight {padding: 10% 0;} .sub-page-wrap .effect-header-area {margin-bottom: 35px;} .sub-page-wrap .effect-main-title {font-size: 2.2rem;word-break: keep-all;} .sub-page-wrap .surgery-effect-section .effect-display-box {width: 100%;max-width: 450px;margin: 0 auto;} .sub-page-wrap .surgery-effect-section.mo-tight .effect-display-box {max-width:none} .sub-page-wrap .effect-info-card-grid {flex-direction: column;gap: 15px;margin-top: 25px;} .sub-page-wrap .info-card-item {width: 100%;padding: 22px 25px;gap: 15px;border-radius: 8px;} .sub-page-wrap .info-card-item .card-no {font-size: 0.8rem;} .sub-page-wrap .info-card-item .card-txt {font-size: 1.15rem;letter-spacing: -0.3px;} .sub-page-wrap .surgery-video-section {padding: 10% 5%} .sub-page-wrap .video-header-area {margin-bottom: 30px;} .sub-page-wrap .video-main-title {font-size: 2.2rem;margin-bottom: 12px;} .sub-page-wrap .video-sub-desc {font-size: 0.95rem;} .sub-page-wrap .video-content-box {border-radius: 20px;} .sub-page-wrap .faq-accordion-wrap {min-height:auto} .sub-page-wrap .faq-section {padding: 60px 5%;} .sub-page-wrap .faq-header-area {margin-bottom: 5rem;} .sub-page-wrap .faq-header-area .lbl-badge-axis {margin-bottom: 20px;} .sub-page-wrap .faq-category-lbl {padding-left: 50px;} .sub-page-wrap .faq-category-lbl::before {width: 38px;} .sub-page-wrap .faq-main-title {font-size: 2.2rem;} .sub-page-wrap .faq-question-box {padding: 22px 10px;} .sub-page-wrap .faq-question-box .q-txt {width: 85%;line-height: 1.3;} .sub-page-wrap .faq-answer-box .a-inner {padding: 0 10px 25px 10px;gap: 6px;} .sub-page-wrap .faq-answer-box .a-inner p {line-height: 1.5;} #eyelid .sub-visual-section {background-image: url('/images/eye/eyelid/mo_sub_visual_eyelid.jpg');} #natural .sub-visual-section {background-image: url('/images/eye/natural/mo_sub_visual_natural.jpg?v=2');} #incision .sub-visual-section {background-image: url('/images/eye/incision/mo_sub_visual_incision.jpg');} #ptosis .sub-visual-section {background-image: url('/images/eye/ptosis/mo_sub_visual_ptosis.jpg');} #epicanthoplasty .sub-visual-section {background-image: url('/images/eye/epicanthoplasty/mo_sub_visual_epicanthoplasty.jpg');} #lateral .sub-visual-section {background-image: url('/images/eye/lateral/mo_sub_visual_lateral.jpg');} #under .sub-visual-section {background-image: url('/images/eye/under/mo_sub_visual_under.jpg');} #re-eyelid .sub-visual-section {background-position: 70% center;} #re-epicanthoplasty .sub-visual-section {background-position: 65% center;} #all-line .sub-visual-section {background-image: url('/images/nose/all-line/mo_sub_visual_all-line.jpg');} #rib-cartilage .sub-visual-section {background-image: url('/images/nose/rib-cartilage/mo_sub_visual_rib-cartilage.jpg');} #alar-reduction .sub-visual-section {background-image: url('/images/nose/alar-reduction/mo_sub_visual_alar-reduction.jpg');} #nose-special .sub-visual-section {background-position: 70% center;} #nose-revision .sub-visual-section {background-image: url('/images/nose/revision/mo_sub_visual_nose-revision.jpg');background-position: 65% center;} #subbrow-lift .sub-visual-section {background-image: url('/images/middle-eye/subbrow-lift/mo_sub_visual_subbrow-lift.jpg');} #upper-blepharoplasty .sub-visual-section {background-image: url('/images/middle-eye/upper-blepharoplasty/mo_sub_visual_upper-blepharoplasty.jpg');} #lower-blepharoplasty .sub-visual-section {background-image: url('/images/middle-eye/lower-blepharoplasty/mo_sub_visual_lower-blepharoplasty.jpg');} #fat-reposition .sub-visual-section {background-image: url('/images/middle-eye/fat-reposition/mo_sub_visual_fat-reposition.jpg');} #thread .sub-visual-section {background-position: 70% center;} #facelift .sub-visual-section {background-position: 70% center;} #graft .sub-visual-section {background-position: 70% center;} #contour .sub-visual-section {background-position: 70% center;} #dissolving .sub-visual-section {background-position: 70% center;} #lip-philtrum .sub-visual-section {background-position: 70% center;} #lip-tail .sub-visual-section {background-position: 70% center;} .footer-container {padding: 0 10%;} .footer-content-wrap {flex-direction: column;} } @media (max-width: 576px) { html {font-size: 12px;} #index .special-section {padding-top: 20px;} #index .special-section .card-main {font-size: 1.5rem;} #index .shorts-section .shorts-title {font-size: 1.5rem;} #index .shorts-section .shorts-title-area {margin-right: 15px;} #index .shorts-section .shorts-desc {font-size: 1.25rem;} #index .research-section .research-main-title {font-size: 2rem;} #index .research-section .value-title {font-size: 1.5rem;} #index .research-section .value-desc {font-size: 1.1rem;} #index .research-section .research-card .card-text-box {padding: 8%;} #index .research-section .research-grid {grid-template-columns: repeat(1, 1fr);} #index .value-banner-section .value-banner-container {padding: 450px 10% 11% 10%;} #index .value-banner-section .value-text-wrap {margin-right: 0;} #index .value-banner-section .value-banner-title {font-size: 1.7rem;} #index .value-banner-section .value-banner-desc {font-size: 1.3rem;} #index .info-map-section .info-row {margin-bottom: 1rem;} #index .info-map-section .info-map-right {padding: 8% 7%;} .sub-visual-common-layer .sub-visual-container {padding:7% 9% 10%;} .sub-page-wrap .sub-visual-section .sub-visual-title {font-size: 2.5rem;} .sub-page-wrap .row-left-img img {object-fit: cover;height: 100%;} .sub-page-wrap .step-thumb-box {width: 130px;} .sub-page-wrap .timeline-line-axis {left: 155px;height: 85%;} .sub-page-wrap .timeline-line-axis.long {height: 82%;} .sub-page-wrap .recom-card-item {min-height: 241px;padding: 1.5rem;} .sub-page-wrap .recom-card-item .card-target-txt {font-size: 1.35rem;} .sub-page-wrap .recom-card-item .card-target-txt2 {margin-top: -8rem;} .sub-page-wrap .recom-card-grid {font-size: 1rem;} .sub-page-wrap .method-right-timeline {gap:3rem} } @media (max-width: 360px) { html {font-size: 11px;} #index .shorts-section .shorts-title {font-size: 1.3rem;} #index .value-banner-section {margin: 30px auto;} #index .value-banner-section .value-banner-container {padding: 300px 10% 11% 10%;} #index .value-banner-section .value-banner-title {font-size: 1.7rem;} #index .info-map-section .info-label {width: 34%;} #index .info-map-section .info-label h3 {font-size: 1.3rem;} #index .info-map-section .tel-number {font-size: 1.9rem;} #index .info-map-section .info-content p {font-size: 1rem;margin-bottom: 0;} #index .info-map-section .day-lbl {width: 50px;} .sub-page-wrap .sub-visual-section .sub-visual-title {font-size: 2.4rem;} .sub-page-wrap .sub-visual-section .mo-sub-visual-desc {font-size: 1rem;} .sub-page-wrap .step-thumb-box {width: 100px;} .sub-page-wrap .timeline-line-axis {height: 88%;left: 125px;} .sub-page-wrap .lines-card-grid {width: 80%;} .sub-page-wrap .recom-card-grid {grid-template-columns: repeat(1, 1fr); gap:1rem} }