@charset "utf-8";
@font-face {font-family: 'Pretendard'; font-weight: 900; font-display: swap; src: local('Pretendard Black'), url(./woff2-subset/Pretendard-Black.subset.woff2) format('woff2'), url(./woff-subset/Pretendard-Black.subset.woff) format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 800; font-display: swap; src: local('Pretendard ExtraBold'), url(./woff2-subset/Pretendard-ExtraBold.subset.woff2) format('woff2'), url(./woff-subset/Pretendard-ExtraBold.subset.woff) format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 700; font-display: swap; src: local('Pretendard Bold'), url(./woff2-subset/Pretendard-Bold.subset.woff2) format('woff2'), url(./woff-subset/Pretendard-Bold.subset.woff) format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 600; font-display: swap; src: local('Pretendard SemiBold'), url(./woff2-subset/Pretendard-SemiBold.subset.woff2) format('woff2'), url(./woff-subset/Pretendard-SemiBold.subset.woff) format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 500; font-display: swap; src: local('Pretendard Medium'), url(./woff2-subset/Pretendard-Medium.subset.woff2) format('woff2'), url(./woff-subset/Pretendard-Medium.subset.woff) format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 400; font-display: swap; src: local('Pretendard Regular'), url(./woff2-subset/Pretendard-Regular.subset.woff2) format('woff2'), url(./woff-subset/Pretendard-Regular.subset.woff) format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 300; font-display: swap; src: local('Pretendard Light'), url(./woff2-subset/Pretendard-Light.subset.woff2) format('woff2'), url(./woff-subset/Pretendard-Light.subset.woff) format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 200; font-display: swap; src: local('Pretendard ExtraLight'), url(./woff2-subset/Pretendard-ExtraLight.subset.woff2) format('woff2'), url(./woff-subset/Pretendard-ExtraLight.subset.woff) format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 100; font-display: swap; src: local('Pretendard Thin'), url(./woff2-subset/Pretendard-Thin.subset.woff2) format('woff2'), url(./woff-subset/Pretendard-Thin.subset.woff) format('woff');}
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSans.css');

/* 기본 리셋 */
* {margin: 0; padding: 0;}
li {list-style: none;}
a {text-decoration: none; color: inherit; cursor: pointer;}
html {line-height: 1; color: #111111; font-family: 'Pretendard'; font-weight: 400; background: #fff; height: 100%; font-size: 62.5%;}
html::-webkit-scrollbar {display: none;}
body {font-size: 1.6rem; font-family: 'Pretendard;'}
button {border: 0; font-size: 1.6rem; font-weight: 400; cursor: pointer;}
input {font-size: 1.6rem; font-weight: 400;}
h1, h2, h3, h4, h5, h6 {font-family: 'Pretendard'; margin: 0; line-height: 1;}
table {border-spacing: 0px;}
select::-ms-expand {display: none;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type='number'] {-moz-appearance: textfield;}
input:focus {outline:none;}

/* 공통 */
.f-gmarket {color: #fff; font-size: 3.5rem; font-family: 'Gmarket Sans'; font-weight: 700;}

/* 헤더 header */
.main-header {background-color: rgba(0, 0, 0, 0.45); position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;}
.main-header.scrolled {background-color: rgba(0, 0, 0, 0.90)}
.main-header:hover {background-color: rgba(0, 0, 0, 0.90); transition: all 0.3s ease;}
.main-header .header-container {max-width: 1280px; margin: 0 auto; padding: 25px 20px; display: flex; justify-content: space-between; align-items: center;}
.main-header .header-container .logo img {width: 19rem; height: 100%; object-fit: contain;}

/* 메인 메뉴 */
.main-header .header-container .main-nav .main-menu {display: flex; gap: 3rem; color: #fff; text-align: center;}
.main-header .header-container .main-nav .main-menu > li {position: relative; width: 12rem;}
.main-header .header-container .main-nav .main-menu > li > a {font-weight: 500; padding: 10px 0; display: block; transition: all 0.3s ease;}
.main-header .header-container .main-nav .main-menu > li:hover > a {color: #D6C9B1;}

/* PC에서 모바일 서브메뉴 숨기기 */
.pc {display: block;}
.mobile {display: none;}
.mobile-sub-menu {display: none;}
.mobile-tel-box {display: none;}
.mobile-menu-header {display: none;}
.m-360 {display: none;}
.mobile-br {display: none;}
.pc-br {display: block;}

/* 서브메뉴 공통 영역 */
.sub-menu-wrapper {position: absolute; left: 0; width: 100%; background-color: #111; visibility: hidden; opacity: 0; transition: all 0.3s ease; z-index: 99; border-top: 1px solid #ABABAB;}
.main-header:hover .sub-menu-wrapper {visibility: visible; opacity: 1;}
.sub-menu-container {max-width: 1280px; margin: 0 auto; display: flex; justify-content: flex-end; padding: 1rem 0; box-sizing: border-box; text-align: center; gap: 3rem;}

/* 서브메뉴 컬럼 스타일 */
.sub-menu-column {display: flex; flex-direction: column; width: 12rem; position: relative;}
.sub-menu-column:hover:after {content: ''; position: absolute; top: -1.3rem; left: 0; width: 100%; height: 3px; background-color: #D29B9B;}

/* 서브메뉴가 메인 메뉴 아래에 정렬되도록 설정 */
.main-menu {position: relative;}
.sub-menu {display: flex; flex-direction: column;}
.sub-menu li a {display: block; color: #fff; font-size: 1.4rem; padding: 8px 0; transition: all 0.2s ease;}
.sub-menu li a:hover {color: #D29B9B;}
.sub-menu li.active a {color: #D6C9B1;}

/* 햄버거 메뉴 왼쪽 정렬 */
.hamburger-menu {display: none; flex-direction: column; justify-content: space-between; width: 30px; height: 21px; cursor: pointer; z-index: 1010; order: -1; /* 순서를 가장 앞으로 배치 */}
.hamburger-menu span {display: block; height: 3px; width: 100%; background-color: #fff; border-radius: 3px; transition: all 0.3s ease;}

/* 비주얼섹션 */
.visual-section {width: 100%; position: relative; overflow: hidden;}
.visual-swiper {width: 100%; height: 100vh; max-height: 900px;}
.swiper-slide {position: relative; overflow: hidden;}
.swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.slide-content {position: absolute; left: 20%; bottom: 50%; transform: translateY(50%); color: #fff; z-index: 10; max-width: 610px;}
.slide-content h2 {font-size: 5.5rem; margin-bottom: 1.3rem; font-weight: 700; line-height: 114%;}
.slide-content h2 .light {font-weight: 200;}
.slide-content p {font-size: 1.6rem; line-height: 137%; font-weight: 500;}

/* PC용 화살표 네비게이션 스타일 */
.pc-navigation {width: 7rem; height: 7rem;}
.swiper-button-prev.pc-navigation {left: 12%; background-image: url('../img/arrow-left.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
.swiper-button-next.pc-navigation {right: 12%; background-image: url('../img/arrow-right.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}

/* 화살표 기본 아이콘 숨기기 */
.swiper-button-prev.pc-navigation::after, .swiper-button-next.pc-navigation::after {display: none;}

/* 모바일용 불릿 페이지네이션 스타일 */
.swiper-pagination.mobile-pagination {bottom: 40px !important; display: none;}
.swiper-pagination-bullet {width: 12px; height: 12px; background: rgba(255, 255, 255, 0.5); opacity: 1;}
.swiper-pagination-bullet-active {background: #D29B9B; width: 30px; border-radius: 6px; transition: width 0.3s ease;}


/* main - 병원정보 + 진료과목 */
.subject-section {max-width: 1280px; margin: 0 auto;}
.subject-section .h-info-wrap {width: 100%; position: relative;}
.subject-section .h-info-wrap .h-info-list {position: absolute; top: -10rem; z-index: 20; width: 100%; display: flex; justify-content: center; align-items: center;}
.subject-section .h-info-wrap .h-info-list li {width: 33.33%; height: 218px; padding: 4.2rem 5rem; box-sizing: border-box; border-radius: 20px; background: linear-gradient(180deg, #925757 0%, #683E3E 100%); display: flex; flex-direction: column; row-gap: 10px;}
.subject-section .h-info-wrap .h-info-list li.d-color {background: linear-gradient(180deg, #515C6F 0%, #3A424F 100%);}
.subject-section .h-info-wrap .h-info-list li .h-info-title {display: flex; align-items: center; gap: 6px;}
.subject-section .h-info-wrap .h-info-list li .h-info-title figure {width: 24px;}
.subject-section .h-info-wrap .h-info-list li .h-info-title figure img {width: 100%; height: 100%; object-fit: contain;}
.subject-section .h-info-wrap .h-info-list li .h-info-title span {font-size: 2.5rem; font-weight: 500; line-height: normal; letter-spacing: -1px; color: #D6C9B1;}
.subject-section .h-info-wrap .h-info-list li h5 {color: #fff; font-size: 3.5rem; font-weight: 600;}
.subject-section .h-info-wrap .h-info-list li p {color: #F5F5F5; font-size: 1.6rem; font-weight: 400; line-height: 22px; letter-spacing: -0.64px;}

.subject-section .h-info-wrap .tab-section {width: 100%; max-width: 1280px; margin: 0 auto; position: absolute; top: -20px; z-index: 20;}
.subject-section .h-info-wrap .tab-container {width: 100%; /* background-color: #925757; */ border-radius: 20px; overflow: hidden;}
.subject-section .h-info-wrap .tab-buttons {display: flex; width: 100%;}
.subject-section .h-info-wrap .tab-button {flex: 1; padding: 2.5rem 2rem; border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden; font-size: 2.4rem; font-weight: 500; color: #CBCBCB; text-align: center; cursor: pointer; transition: all 0.3s ease; position: relative;}
.subject-section .h-info-wrap .tab-button.btn-1 {background-color: #6E6E6E; color: #CBCBCB;}
.subject-section .h-info-wrap .tab-button.btn-2 {background-color: #5C5C5C; color: #CBCBCB;}
.subject-section .h-info-wrap .tab-button.btn-1.active {background-color: #925757; color: #D6C9B1; font-weight: 500;}
.subject-section .h-info-wrap .tab-button.btn-2.active {background-color: #515C6F; color: #D6C9B1; font-weight: 500;}
.subject-section .h-info-wrap .tab-contents .tab-content {padding-top: 2.5rem; padding-bottom: 3.3rem; display: none; flex-direction: column; align-items: center; text-align: center;}
.subject-section .h-info-wrap .tab-contents .tab-content.active {display: flex;}
.subject-section .h-info-wrap .tab-contents .tab-content.tab-1.active {background: var(--1, linear-gradient(180deg, #925757 0%, #683E3E 100%));}
.subject-section .h-info-wrap .tab-contents .tab-content.tab-2.active {background: var(--2, linear-gradient(180deg, #515C6F 0%, #3A424F 100%));}
.subject-section .h-info-wrap .tab-contents .tab-content figure {width: 2.1rem; margin-bottom: 1.1rem;}
.subject-section .h-info-wrap .tab-contents .tab-content figure img {width: 100%; height: 100%; object-fit: contain;}
.subject-section .h-info-wrap .tab-contents .tab-content .contact-info {text-align: center;}
.subject-section .h-info-wrap .tab-contents .tab-content .contact-info h5 {font-size: 3.5rem; color: #fff; font-weight: 600; margin-bottom: 2rem;}
.subject-section .h-info-wrap .tab-contents .tab-content .contact-info .op-info-box p {color: #fff; font-size: 2rem; font-weight: 500; line-height: 128%; letter-spacing: -0.28px;}

.subject-section .subject-wrap {width: 100%; padding-top: 20.8rem; padding-bottom: 9.7rem; box-sizing: border-box;}
.subject-section .subject-wrap .subject-list {display: flex; align-items: center; flex-wrap: wrap; border-radius: 30px; border: 10px solid #E4E4E4; background-color: #fff;}
.subject-section .subject-wrap .subject-list li {width: 33.33%; padding: 3rem 6rem; box-sizing: border-box; border: 1px solid #E4E4E4;}
.subject-section .subject-wrap .subject-list li a {width: 100%; display: flex; align-items: center; justify-content: space-between;}
.subject-section .subject-wrap .subject-list li a figure {width: 130px; height: 130px;}
.subject-section .subject-wrap .subject-list li a figure img {width: 100%; height: 100%; object-fit: contain;}
.subject-section .subject-wrap .subject-list li a .txt-box {display: flex; flex-direction: column;}
.subject-section .subject-wrap .subject-list li a .txt-box .sub {font-size: 1.4rem; font-weight: 900; text-transform: uppercase; line-height: 157%; letter-spacing: -0.56px; color: #000;}
.subject-section .subject-wrap .subject-list li a .txt-box .sub-color-1 {color: #925757;}
.subject-section .subject-wrap .subject-list li a .txt-box .sub-color-2 {color: #405986;}
.subject-section .subject-wrap .subject-list li a .txt-box h5 {font-size: 3.5rem; line-height: 114%; font-weight: 700; margin-top: 0.3rem; margin-bottom: 0.9rem;}
.subject-section .subject-wrap .subject-list li a .txt-box .explain {position: relative;}
.subject-section .subject-wrap .subject-list li a .txt-box .explain p {color: #6F6F6F; font-size: 1.6rem; font-weight: 500; line-height: 137%; letter-spacing: -0.64px;}
.subject-section .subject-wrap .subject-list li a .txt-box .explain figure {position: absolute; right: 0; bottom: 5px; width: 1.3rem; height: 1.3rem;}
.subject-section .subject-wrap .subject-list li a .txt-box .explain figure.move-1 {right: -20px;}
.subject-section .subject-wrap .subject-list li a .txt-box .explain figure.move-2 {right: -10px;}
.subject-section .subject-wrap .subject-list li a .txt-box .explain figure.move-3 {right: -15px;}
.subject-section .subject-wrap .subject-list li a .txt-box .explain figure img {width: 100%; height: 100%; object-fit: contain;}


/* main - 병원소개 */
.info-section {width: 100%; position: relative;}
.info-section .inner {background-image: url('../img/info_bg.png'); background-repeat: no-repeat; background-size: contain; height: 480px;}
.info-section .inner .info-title {max-width: 1280px; width: 100%; text-align: center; margin: 0 auto; padding-top: 9.4rem;}
.info-section .inner .info-title h3 {font-size: 4.5rem; font-weight: 300; line-height: 88%; letter-spacing: -1.8px; margin-bottom: 1.1rem; color: #fff;}
.info-section .inner .info-title h3 .d-color-3 {color: #D6C9B1; font-weight: 700;}
.info-section .inner .info-title p {color: #E4E4E4; font-size: 1.6rem; font-weight: 400; line-height: 137%; letter-spacing: -0.64px;}
.info-section .inner .info-list {padding-top: 7.3rem; display: flex; width: 100%; max-width: 1280px; margin: 0 auto; align-items: center; justify-content: center; gap: 1rem;}
.info-section .inner .info-list > li {width: 33.33%; padding: 3rem 4.4rem; box-sizing: border-box; height: 320px;}
.info-section .inner .info-list > li h6 {color: #fff; font-size: 3rem; font-weight: 700; line-height: 110%; letter-spacing: -1.2px;}
.info-section .inner .info-list > li.info-1 {background-image: url('../img/info_sub_1.png'); background-repeat: no-repeat; background-size: contain; display: flex; align-items: center; justify-content: center;}
.info-section .inner .info-list > li.info-1 p {color: #fff; font-size: 2.2rem; line-height: 150%; font-weight: 400; letter-spacing: -0.88px; text-align: justify;}
.info-section .inner .info-list > li.info-1 p .d-color-4 {color: #D6C9B1; font-weight: 700;}
.info-section .inner .info-list > li.info-2 {background-image: url('../img/info_sub_2.png'); background-repeat: no-repeat; background-size: contain; display: flex; flex-direction: column; row-gap: 2.4rem; align-items: center; justify-content: center;}
.info-section .inner .info-list > li.info-2 .txt-list {display: flex; flex-direction: column; row-gap: 1rem;}
.info-section .inner .info-list > li.info-2 .txt-list .txt-title {display: flex; align-items: center; gap: 0.4rem;}
.info-section .inner .info-list > li.info-2 .txt-list .txt-title figure {width: 0.7rem;}
.info-section .inner .info-list > li.info-2 .txt-list .txt-title figure img {width: 100%; height: 100%; object-fit: contain;}
.info-section .inner .info-list > li.info-2 .txt-list .txt-title span {color: #BBCFF0; font-size: 1.6rem; font-weight: 700; line-height: 137%; letter-spacing: -0.64px;}
.info-section .inner .info-list > li.info-2 .txt-list p {color: #fff; font-size: 1.6rem; font-weight: 400; line-height: 137%; letter-spacing: -0.64px;}
.info-section .inner .info-list > li.info-3 {background-image: url('../img/info_sub_3.png'); background-repeat: no-repeat; background-size: contain; display: flex; flex-direction: column; row-gap: 2rem; align-items: center; justify-content: center;}
.info-section .inner .info-list > li.info-3 h6 {margin-bottom: 1rem;}
.info-section .inner .info-list > li.info-3 .txt-one {color: #fff; display: flex; width: 100%; justify-content: center; gap: 1.8rem;}
.info-section .inner .info-list > li.info-3 .txt-one.d-color-4 {color: #D6C9B1;}
.info-section .inner .info-list > li.info-3 .txt-one .txt-row {width: 85px; display: flex; justify-content: space-between;}
.info-section .inner .info-list > li.info-3 hr {width: 240px; background-color: #8C8C8C;}
.info-section .inner .info-list > li.info-3 > p.txt-exp {color: #fff; font-size: 1.6rem; font-weight: 400; line-height: 137%; text-align: center; letter-spacing: -1.76px;}

.custom-slider-area {position: relative; padding: 3rem 0; overflow: hidden; margin-top: 4rem;}
.custom-slider-container {width: calc(100% - 4rem); margin: 0 auto; overflow: visible;}
.custom-swiper .swiper-slide {position: relative; height: 400px; border-radius: 20px; overflow: hidden; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}
.custom-swiper .swiper-slide .info-1 {width: 100%; height: 100%; background-image: url('../img/info_sub_1.png'); background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center;}
.custom-swiper .swiper-slide .info-1 p {color: #fff; font-size: 2.2rem; line-height: 150%; font-weight: 400; letter-spacing: -0.88px; text-align: justify;}
.custom-swiper .swiper-slide .info-1 p .d-color-4 {color: #D6C9B1; font-weight: 700;}
.custom-swiper .swiper-slide .info-2 {width: 100%; height: 100%; background-image: url('../img/info_sub_2.png'); background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; row-gap: 2.4rem; align-items: center; justify-content: center;}
.custom-swiper .swiper-slide .info-2 h6 {color: #fff; font-size: 3rem; font-weight: 700; line-height: 110%; letter-spacing: -1.2px;}
.custom-swiper .swiper-slide .info-2 .txt-list {display: flex; flex-direction: column; row-gap: 1rem;}
.custom-swiper .swiper-slide .info-2 .txt-list .txt-title {display: flex; align-items: center; gap: 0.4rem;}
.custom-swiper .swiper-slide .info-2 .txt-list .txt-title figure {width: 0.7rem;}
.custom-swiper .swiper-slide .info-2 .txt-list .txt-title figure img {width: 100%; height: 100%; object-fit: contain;}
.custom-swiper .swiper-slide .info-2 .txt-list .txt-title span {color: #BBCFF0; font-size: 1.6rem; font-weight: 700; line-height: 137%; letter-spacing: -0.64px;}
.custom-swiper .swiper-slide .info-2 .txt-list p {color: #fff; font-size: 1.6rem; font-weight: 400; line-height: 137%; letter-spacing: -0.64px;}
.custom-swiper .swiper-slide .info-3 {width: 100%; height: 100%; background-image: url('../img/info_sub_3.png'); background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; row-gap: 2rem; align-items: center; justify-content: center;}
.custom-swiper .swiper-slide .info-3 h6 {color: #fff; font-size: 3rem; font-weight: 700; line-height: 110%; letter-spacing: -1.2px; margin-bottom: 1rem;}
.custom-swiper .swiper-slide .info-3 .txt-one {color: #fff; display: flex; align-items: center; width: 100%; justify-content: center; gap: 1.8rem;}
.custom-swiper .swiper-slide .info-3 .txt-one.d-color-4 {color: #D6C9B1;}
.custom-swiper .swiper-slide .info-3 .txt-one p {font-size: 1.7rem; font-weight: 400;}
.custom-swiper .swiper-slide .info-3 .txt-one .txt-row {width: 85px; display: flex; justify-content: space-between;}
.custom-swiper .swiper-slide .info-3 .txt-one .txt-row span {font-size: 2rem; font-weight: 400; letter-spacing: -0.8px;}
.custom-swiper .swiper-slide .info-3 hr {width: 240px; background-color: #8C8C8C;}
.custom-swiper .swiper-slide .info-3 > p.txt-exp {color: #fff; font-size: 1.6rem; font-weight: 400; line-height: 137%; text-align: center; letter-spacing: -1.76px;}
.custom-slider-area .custom-pagination {position: absolute; top: 0; width: fit-content; left: 50%; transform: translateX(-50%);}
.custom-slider-area .swiper-pagination-bullet {width: 10px; height: 10px; background: rgba(255, 255, 255, 0.6); opacity: 1;}
.custom-slider-area .swiper-pagination-bullet-active {background: #424242; width: 30px; border-radius: 6px; transition: width 0.3s ease;}


/* 오시는 길 */
.way-section {width: 100%; max-width: 1480px; margin: 0 auto;}
.way-section .inner {padding-top: 18.5rem; padding-bottom: 9.8rem; display: flex; align-items: stretch; border-radius: 20px; overflow: hidden; flex-wrap: wrap;}
.way-section .inner .map-container {width: 950px;}
.way-section .inner .map-container > div {font: 12px AppleSDGothicNeo-Regular, dotum, sans-serif; letter-spacing: -1px; color: rgb(51, 51, 51); position: relative;}
.way-section .inner .map-container > div > div > a > img {width: 950px; height: 480px; border-radius: 20px 0 0 20px; border: 1px solid rgb(204, 204, 204);}
.way-section .inner .way-container {height: 482px; width: calc(100% - 950px); padding: 5rem 0 6rem 9.5rem; box-sizing: border-box; background-color: #CBCBCB; border-radius: 0 20px 20px 0; display: flex; flex-direction: column; row-gap: 2.3rem;}
.way-section .inner .way-container .txt-box {display: flex; flex-direction: column; row-gap: 0.4rem;}
.way-section .inner .way-container .txt-box h6 {color: #262626; font-size: 4.5rem; font-weight: 700; letter-spacing: -1.8px; line-height: 111%;;}
.way-section .inner .way-container .txt-box h6 .light {font-weight: 300;}
.way-section .inner .way-container .txt-box p {color: #000; font-size: 1.6rem; font-weight: 400; line-height: 137%; letter-spacing: -0.64px;}
.way-section .inner .way-container .way-list {display: flex; flex-direction: column; row-gap: 2rem; align-items: flex-start; justify-content: flex-start;}
.way-section .inner .way-container .way-list li {display: flex; align-items: center; gap: 1.3rem;}
.way-section .inner .way-container .way-list li figure {width: 60px; height: 60px;}
.way-section .inner .way-container .way-list li figure img {width: 100%; height: 100%; object-fit: contain;}
.way-section .inner .way-container .way-list li p {color: #000; font-size: 1.6rem; font-weight: 400; line-height: normal; letter-spacing: -0.64px;}
.way-section .inner .way-container .way-list li p .bold {font-weight: 700;}


/* 푸터 */
.footer {width: 100%; background-color: #2F2F2F;}
.footer .inner {max-width: 1280px; margin: 0 auto; padding: 6rem 0; position: relative;}
.footer .inner .footer-list {display: flex; align-items: center; justify-content: flex-start; gap: 11.2rem;}
.footer .inner .footer-list li > figure {width: 193px; height: 100%;}
.footer .inner .footer-list li > figure img {width: 100%; height: 100%; object-fit: contain;}
.footer .inner .footer-list li:nth-child(2) {display: flex; flex-direction: column;}
.footer .inner .footer-list li:nth-child(2) .link-list {display: flex; align-items: center; justify-content: flex-start; gap: 1.5rem; margin-bottom: 1.9rem;}
.footer .inner .footer-list li:nth-child(2) .link-list > li a {color: #fff; font-size: 1.6rem; font-weight: 700; letter-spacing: -0.64px; display: block;}
.footer .inner .footer-list li:nth-child(2) .company-list {display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; column-gap: 2.5rem; row-gap: 1rem; margin-bottom: 0.7rem;}
.footer .inner .footer-list li:nth-child(2) .company-list > li {color: #fff; font-size: 1.6rem; font-weight: 400; line-height: normal; letter-spacing: -0.64px; position: relative;}
.footer .inner .footer-list li:nth-child(2) .company-list > li::after {content: ''; width: 1px; height: 15px; background-color: #fff; position: absolute; top: 1px; right: -1.6rem;}
.footer .inner .footer-list li:nth-child(2) .company-list > li:last-child::after {display: none;}
.footer .inner .footer-list li:nth-child(2) p.copyright {color: #ABABAB; font-size: 1.6rem; font-weight: 400; line-height: normal; letter-spacing: -0.64px;}
.footer .inner button {position: fixed; z-index: 100; right: 12%; bottom: 6rem; background-color: transparent; width: 6.4rem; height: 6.4rem;}
.footer .inner button figure {width: 100%; height: 100%;}
.footer .inner button figure img {width: 100%; height: 100%; object-fit: contain; display: block;}


/* 서브페이지 공통-상단 메뉴 */
.top-section {width: 100%;}
.top-section .inner {width: 100%; height: 100%; position: relative;}
.top-section .inner figure {width: 100%; height: 100%; line-height: 0;}
.top-section .inner figure img {width: 100%; height: 100%; object-fit: cover;}
.top-section .inner .txt-box {position: absolute; top: 60%; transform: translateY(-50%); left: 36rem; display: flex; flex-direction: column; row-gap: 1.3rem;}
.top-section .inner .txt-box h2 {color: #fff; font-size: 5.5rem; font-weight: 700; line-height: 114%;}
.top-section .inner .txt-box h2 .light {font-weight: 200;}
.top-section .inner .txt-box p {font-size: 1.6rem; font-weight: 500; line-height: 137%; color: #fff;}


/* 서브페이지 공통 - 컨텐츠 레이아웃 */
.map-outer-container {display: flex; align-items: flex-start; width: 100%; background: linear-gradient(90deg, #925757 0%, #683E3E 100%); height: 5rem;}
.map-outer-container .map-container {width: 100%; max-width: 1280px; height: 100%; display: flex; margin: 0 auto;}
.map-outer-container .map-container .top-bg-box {width: 310px; height: 100%; background: linear-gradient(90deg, #8A5252 0%, #683E3E 100%);}
.map-outer-container .map-container .map-box {width: calc(100% - 310px); height: 100%; display: flex; align-items: center; justify-content: flex-end; box-sizing: border-box; column-gap: 0.3rem;}
.map-outer-container .map-container .map-box figure {width: 19px;}
.map-outer-container .map-container .map-box figure img {width: 100%; height: 100%; object-fit: contain;}
.map-outer-container .map-container .map-box span {font-size: 1.5rem; font-weight: 500; line-height: 100%; color: #fff; letter-spacing: -1.05px;}
.map-outer-container .map-container .map-box p {font-size: 1.5rem; font-weight: 500; line-height: 100%; color: #fff; letter-spacing: -1.05px;}

.content-section {width: 100%; max-width: 1280px; margin: 0 auto; display: flex; align-items: flex-start;}
.content-section .lnb-container {width: 310px;}
.content-section .lnb-container h3 {padding: 6.2rem 0 2rem 7rem; box-sizing: border-box; border-bottom: 1px solid #EEE;}
.content-section .lnb-container .lnb {display: flex; flex-direction: column;}
.content-section .lnb-container .lnb li {border-bottom: 1px solid #EEE;}
.content-section .lnb-container .lnb li a {display: block; padding: 2rem 0 2rem 7rem; box-sizing: border-box;}
.content-section .lnb-container .lnb li.active {background-color: #5BA89F; color: #fff;}
.content-section .lnb-container .lnb li:hover {background-color: #CDE5E2; color: #000;}

/* LNB 스티키(Sticky) 스타일 */
.content-section .lnb-container {
    transition: top 0.3s ease;
    z-index: 90; /* 다른 요소보다 위에 표시되도록 z-index 설정 */
}

/* 스티키 상태일 때 스타일 */
.content-section .lnb-container.sticky {
    position: sticky;
    top: 75px; /* 헤더 높이에 따라 조정 */
    align-self: flex-start;
}

/* 모바일에서는 스티키 효과 제거 */
@media screen and (max-width: 1080px) {
    .content-section .lnb-container,
    .content-section .lnb-container.sticky {
        position: static !important;
    }
}

.content-section .content-container {width: calc(100% - 310px); padding: 6.4rem 0 18rem 4rem; box-sizing: border-box; border-left: 1px solid #EEE;}
.content-section .content-container .content-title {width: 100%; padding-bottom: 1.8rem; display: flex; gap: 1rem; align-items: flex-end; border-bottom: 1px solid #EEE;}
.content-section .content-container .content-title h3 {font-size: 3.2rem; color: #262626; font-weight: 700; letter-spacing: -1.28px; line-height: normal;}
.content-section .content-container .content-title p {color: #6E6E6E; font-size: 1.4rem; font-weight: 400; line-height: normal; letter-spacing: -0.56px;}
.content-section .content-container .content-area {width: 100%; padding: 5.3rem 0 0 2.8rem; box-sizing: border-box; display: flex;}
.content-section .content-container .content-area.full {flex-direction: column;}
.content-section .content-container .content-area > figure {width: 393px;}
.content-section .content-container .content-area > figure.mobile {display: none;}
.content-section .content-container .content-area > figure img {width: 100%; height: 100%; object-fit: contain;}
.content-section .content-container .content-area .txt-box {display: flex; flex-direction: column;}
.content-section .content-container .content-area .txt-box h4 {font-size: 4.4rem; font-weight: 300; line-height: 118%; letter-spacing: -3.08px; margin-bottom: 2rem; color: #92867C;}
.content-section .content-container .content-area .txt-box h4 .d-color {color: #5BA89F; font-weight: 600;}
.content-section .content-container .content-area .txt-box p {color: #262626; font-size: 2.3rem; font-weight: 400; line-height: 130%; letter-spacing: -0.92px; padding-left: 1.8rem; margin-bottom: 3.7rem;}
.content-section .content-container .content-area .txt-box .profile-list {padding-left: 1.8rem; margin-bottom: 2.4rem;}
.content-section .content-container .content-area .txt-box .profile-list li {color: #6E6E6E; font-size: 1.7rem; font-weight: 400; line-height: 147%; letter-spacing: -0.68px;}
.content-section .content-container .content-area .txt-box .sign-box {display: flex; align-items: flex-end; gap: 0.8rem; padding-left: 1.8rem;}
.content-section .content-container .content-area .txt-box .sign-box span {color: #6E6E6E; font-size: 1.8rem; font-weight: 500; line-height: 138%; letter-spacing: -0.72px;}
.content-section .content-container .content-area .txt-box .sign-box figure {width: 100px; height: 100%;}
.content-section .content-container .content-area .txt-box .sign-box figure img {width: 100%; height: 100%; object-fit: contain;}

.content-section .content-container .content-area .h-map-container > div > div > a > img {width: 100%; border-radius: 20px; border: 2px solid #CBCBCB;}
.content-section .content-container .content-area .way-info-list {margin-top: 2.7rem; display: flex; align-items: center; justify-content: space-between;}
.content-section .content-container .content-area .way-info-list li {display: flex; align-items: center; gap: 1.3rem;}
.content-section .content-container .content-area .way-info-list li:first-child {display: none;}
.content-section .content-container .content-area .way-info-list li figure {width: 60px; height: 60px;}
.content-section .content-container .content-area .way-info-list li figure img {width: 100%; height: 100%; object-fit: contain;}
.content-section .content-container .content-area .way-info-list li p {color: #000; font-size: 1.6rem; font-weight: 400; line-height: normal; letter-spacing: -0.64px;}
.content-section .content-container .content-area .way-info-list li p .bold {font-weight: 700;}

/* 시설 슬라이더 스타일 */
.facility-container {width: 100%; padding: 0 3rem; box-sizing: border-box;}
.facility-thumbs {margin-top: 1rem; height: 85px;}
.facility-thumbs .swiper-slide {width: 20%; height: 100%; opacity: 0.6; cursor: pointer; border-radius: 8px; overflow: hidden; transition: all 0.3s ease;}
.facility-thumbs .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.facility-thumbs .swiper-slide-thumb-active {opacity: 1;}
.facility-main {height: 500px; border-radius: 12px; overflow: hidden;}
.facility-main .swiper-slide {position: relative;}
.facility-main .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.facility-main .swiper-button-next,.facility-main .swiper-button-prev {color: #fff; background: rgba(0, 0, 0, 0.5); width: 4.5rem; height: 4.5rem; border-radius: 50%;}
.facility-main .swiper-button-next:after,.facility-main .swiper-button-prev:after {font-size: 2rem;}


/* 클리닉 텍스트 */
.content-txt-container {width: 100%; display: flex; flex-direction: column;}
.content-txt-container h4 {padding: 5.3rem 0 2.2rem 2.8rem; box-sizing: border-box; color: #5BA89F; font-size: 4.4rem; font-weight: 600; line-height: 118%; letter-spacing: -3.08px;}
.content-txt-container .txt-area {padding-left: 2.8rem; box-sizing: border-box;}
.content-txt-container .txt-area h5 {display: flex; align-items: center; font-size: 2.3rem; color: #262626; font-weight: 400; letter-spacing: -0.92px; gap: 0.5rem; padding-bottom: 2rem; border-bottom: 1px solid #C2C2C2; margin-bottom: 2.5rem; margin-top: 5.5rem;}
.content-txt-container .txt-area h5 figure {width: 20px; height: 20px;}
.content-txt-container .txt-area h5 figure img {width: 100%; height: 100%; object-fit: contain;}
.content-txt-container .txt-area .basic-p {color: #6E6E6E; font-size: 1.7rem; font-weight: 400; line-height: 147%; letter-spacing: -0.68px;}
.content-txt-container .txt-area .sub-p {color: #262626; font-size: 1.7rem; font-weight: 400; line-height: 147%; letter-spacing: -0.68px;}
.content-txt-container .txt-area .title-list-type {margin-top: 2rem; color: #6E6E6E; font-size: 1.7rem; font-weight: 400; line-height: 147%; letter-spacing: -0.68px;}
.content-txt-container .txt-area .title-list-type > ul > li {padding-left: 1.3rem; position: relative;}
.content-txt-container .txt-area .title-list-type > ul > li::before {content: '·'; position: absolute; left: 0.3rem;}
.content-txt-container .txt-area .title-type {margin-top: 2rem; color: #6E6E6E; font-size: 1.7rem; font-weight: 400; line-height: 147%; letter-spacing: -0.68px;}
.content-txt-container .txt-area .basic-list-type {margin-top: 2rem; color: #6E6E6E; font-size: 1.7rem; font-weight: 400; line-height: 147%; letter-spacing: -0.68px;}
.content-txt-container .txt-area .basic-list-type > ul > li {padding-left: 1.3rem; position: relative;}
.content-txt-container .txt-area .basic-list-type > ul > li:before {content: '·'; position: absolute; left: 0.3rem;}
.content-txt-container .txt-area .basic-list-type > ul > li .basic-sub {display: flex; align-items: flex-start; gap: 2rem;}
.content-txt-container .txt-area .basic-list-type-2 > ul > li .basic-sub {gap: 0;}
.content-txt-container .txt-area .basic-list-type-2 > ul > li .basic-sub p {width: 60px;}
.content-txt-container .txt-area .basic-list-type-2 > ul > li .basic-sub > ul {width: calc(100% - 60px);}
.content-txt-container .txt-area .exp-p {margin-top: 2rem; color: #6E6E6E; font-size: 1.7rem; font-weight: 400; line-height: 147%; letter-spacing: -0.68px;}
.content-txt-container .txt-area .title-p {margin-top: 2rem; color: #262626; font-size: 1.7rem; font-weight: 500; line-height: 147%; letter-spacing: -0.68px; margin-bottom: 1rem;}
.content-txt-container .txt-area .title-list-type-2 {margin-top: 2rem; color: #6E6E6E; font-size: 1.7rem; font-weight: 400; line-height: 147%; letter-spacing: -0.68px;}
.content-txt-container .txt-area .title-list-type-2 > ul > li {margin-left: 2rem; list-style: circle;}
.content-txt-container .txt-area .title-list-type-2 > ul > li .list-sub li {padding-left: 1.3rem; position: relative;}
.content-txt-container .txt-area .title-list-type-2 > ul > li .list-sub li:before {content: '·'; position: absolute; left: 0.3rem;}
.content-txt-container .txt-area .title-list-type-2 > ul > li .list-sub li:last-child {margin-bottom: 1rem;}
.content-txt-container .txt-area .check-list-style {margin-top: 2rem; color: #6E6E6E; font-size: 1.7rem; font-weight: 400; line-height: 147%; letter-spacing: -0.68px;}
.content-txt-container .txt-area .check-list-style > ul > li {margin-left: 2.5rem; position: relative; margin-bottom: 1rem;}
.content-txt-container .txt-area .check-list-style > ul > li:before {content: '✔️'; position: absolute; left: -2rem;}
.content-txt-container .txt-area .check-list-style > ul > li .check-sub-list li {margin-left: 1.3rem; list-style: circle;}
.content-txt-container .txt-area .alph-list-style {margin-top: 2rem; color: #6E6E6E; font-size: 1.7rem; font-weight: 400; line-height: 147%; letter-spacing: -0.68px;}
.content-txt-container .txt-area .alph-list-style > ul > li {margin-left: 2rem; list-style: lower-alpha; margin-bottom: 1rem;}
.content-txt-container .txt-area .num-list-style {margin-top: 2rem; color: #6E6E6E; font-size: 1.7rem; font-weight: 400; line-height: 147%; letter-spacing: -0.68px;}
.content-txt-container .txt-area .num-list-style > ul > li {margin-left: 2rem; list-style: decimal; margin-bottom: 1rem;}
.content-txt-container .txt-area .num-list-style > ul > li .num-sub-list li {margin-left: 1.5rem; list-style: decimal;}
.content-txt-container .txt-area .dash-list-style {margin-top: 2rem; color: #6E6E6E; font-size: 1.7rem; font-weight: 400; line-height: 147%; letter-spacing: -0.68px;}
.content-txt-container .txt-area .dash-list-style > ul > li {padding-left: 1.3rem; position: relative;}
.content-txt-container .txt-area .dash-list-style > ul > li:before {content: '-'; position: absolute; left: 0.3rem;}
.content-txt-container .txt-area .basic-table {width: 100%; margin-top: 3rem;}
.content-txt-container .txt-area .basic-table th,
.content-txt-container .txt-area .basic-table td {font-size: 1.7rem; font-weight: 400; color: #6E6E6E; text-align: center; padding: 1rem; border: 1px solid #ccc; border-left: none; border-bottom: none;}
.content-txt-container .txt-area .basic-table th:first-child,
.content-txt-container .txt-area .basic-table td:first-child {border-left: 1px solid #ccc;}
.content-txt-container .txt-area .basic-table tr:last-child th, 
.content-txt-container .txt-area .basic-table tr:last-child td {border-bottom: 1px solid #ccc;}


/* 반응형 */
@media screen and (max-width: 1400px){
    .way-section {max-width: 1280px;}
    .way-section .inner .way-container {padding: 5rem 3rem;}
}

@media screen and (max-width: 1280px) {
    .sub-menu-container {flex-wrap: wrap;}
    .sub-menu-column {width: calc(25% - 20px); margin-bottom: 20px;}
    .subject-section {max-width: 1190px;}
    .subject-section .h-info-wrap .h-info-list li {padding: 3.5rem;}
    .subject-section .subject-wrap .subject-list li {padding: 3rem 4rem;}
    .info-section .inner .info-list {max-width: 1190px;}
    .info-section .inner .info-list > li {padding: 3rem;}
    .info-section .inner .info-list > li h6 {font-size: 2.4rem;}
    .info-section .inner .info-list > li.info-2 .txt-list p {font-size: 1.5rem;}
    .way-section {max-width: 1190px;}
    .way-section .inner .way-container {width: calc(100% - 800px); padding: 5rem;}
    .way-section .inner .map-container {width: 800px;}
    .way-section .inner .map-container > div > div > a > img {width: 800px;}
}

@media screen and (max-width: 1190px){
    .subject-section {max-width: 1080px;}
    .subject-section .h-info-wrap .h-info-list li {padding: 3rem;}
    .subject-section .subject-wrap .subject-list li {padding: 3rem;}
    .info-section .inner .info-list {max-width: 1080px;}
    .info-section .inner .info-list > li {padding: 2rem;}
    .info-section .inner .info-list > li.info-1 {align-items: flex-start; padding-top: 9rem;}
    .info-section .inner .info-list > li.info-2, .info-section .inner .info-list > li.info-3 {justify-content: flex-start;}
    .way-section .inner .way-container .txt-box h6 {font-size: 4rem;}
    .way-section .inner .way-container {width: calc(100% - 750px); padding: 3rem;}
    .way-section .inner .map-container {width: 750px;}
    .way-section .inner .map-container > div > div > a > img {width: 750px; height: 428px;}
    .way-section .inner .way-container {height: 430px;}
}

@media screen and (max-width: 1080px){
    .mobile {display: block;}
    .pc {display: none;}
    .mobile-br {display: block;}
    .pc-br {display: none;}
    .subject-section .h-info-wrap .h-info-list.pc {display: none;}
    .info-section .inner .info-list.pc {display: none;}

    .main-header:hover {background-color: rgba(0, 0, 0, 0.45);}
    .main-header .header-container {padding: 12px 20px; box-sizing: border-box;}
    .main-header .header-container .logo {margin: 0 auto;}

    .hamburger-menu {display: flex; order: -1;}
    .main-nav.active ~ .hamburger-menu span {opacity: 0;}
    .hamburger-menu.active span {opacity: 0;}
  
    .main-header .header-container .main-nav {position: fixed; top: 0; left: -100%; width: 80%; max-width: 400px; height: 100vh; background-color: #1C1919; box-shadow: 10px 0px 25px 0px rgba(0, 0, 0, 0.30); transition: left 0.3s ease; z-index: 1000; overflow-y: auto; padding-top: 5rem;}
    .main-header .header-container .main-nav.active {left: 0; /* 활성화 시 왼쪽에서 슬라이드 */}
    
    .main-header .header-container .main-nav .main-menu {flex-direction: column; gap: 0; align-items: flex-start; text-align: left;}
    .main-header .header-container .main-nav .main-menu > li {width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); text-align: left;}
    .main-header .header-container .main-nav .main-menu > li > a {text-align: left; padding: 16px 20px;}
    
    /* 모바일용 서브메뉴 설정 */
    .sub-menu-wrapper {display: none;}
    .sub-menu-column {width: calc(33.33% - 20px);}
    .mobile-sub-menu {display: none;}
    .main-menu > li.active .mobile-sub-menu {display: block; border-top: 1px solid rgba(255, 255, 255, 0.1);}
    .mobile-sub-menu li a {padding: 12px 30px !important; font-size: 1.5rem; color: #BFBFBF; display: block;}
    .mobile-sub-menu li a:hover {color: #fff; background-color: #333030;}
    .mobile-sub-menu li.active a {color: #D6C9B1;}
    .main-menu > li.active > a {color: #D29B9B !important; font-weight: 600;}
    .main-header .header-container .main-nav .main-menu > li > a {padding: 16px 20px; width: 100%; box-sizing: border-box;}
    
    .mobile-menu-header {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 5rem; background-color: rgba(0, 0, 0, 0.95); display: flex; justify-content: center; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.1); z-index: 1001;}
    .mobile-menu-header figure {width: 114px;}
    .mobile-menu-header figure img {width: 100%; object-fit: contain;}
    
    .main-header .header-container .main-nav.active .mobile-menu-header {display: flex; background-color: #513535;}
    .close-menu {display: none; position: absolute; top: 50%; transform: translateY(-50%); right: 2rem; width: 2rem; height: 2rem; cursor: pointer; z-index: 1002;}
    .close-menu::before,.close-menu::after {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 3px; background-color: #fff; border-radius: 3px;}
    .close-menu::before {transform: rotate(45deg);}
    .close-menu::after {transform: rotate(-45deg);}
    
    .main-header .header-container .main-nav.active .close-menu {display: block;}
    .main-header .header-container .main-nav.active ~ .hamburger-menu {visibility: hidden;}
    
    body.menu-open {overflow: hidden;}

    .mobile-tel-box {display: flex; flex-direction: column; row-gap: 6px; background-color: #333030; border-radius: 20px; margin: 5rem auto; padding: 1.7rem 2rem 2.2rem 2rem; box-sizing: border-box; width: 24rem;}
    .mobile-tel-box .tel-title {display: flex; gap: 6px; align-items: center; justify-content: center;}
    .mobile-tel-box .tel-title figure {width: 20px; height: 20px;}
    .mobile-tel-box .tel-title figure img {width: 100%; height: 100%; object-fit: contain;}
    .mobile-tel-box .tel-title span {color: #D6C9B1; font-size: 20px; font-weight: 500; line-height: 34px;}
    .mobile-tel-box .tel-number {margin: 0 auto;}
    .mobile-tel-box .tel-number span {color: #fff; font-family: 'Gmarket Sans'; font-weight: 700; font-size: 2.2rem; line-height: 34px;}
    .mobile-tel-box .op-info-box {display: flex; flex-direction: column; width: 100%; text-align: center;}
    .mobile-tel-box .op-info-box span {color: #fff; font-size: 14px; font-weight: 400; line-height: 18px;}

    /* visual-section */
    .visual-swiper {max-height: 800px;}
    .pc-navigation {display: none !important;}
    .slide-content {bottom: 20%; left: 10%;}
    .swiper-pagination.mobile-pagination {display: block;}
    .slide-content h2 {font-size: 3.2rem;}
    .slide-content p {font-size: 1.6rem;}

    /* 진료과목 */
    .subject-section .subject-wrap {padding-top: 35rem;}
    .subject-section .subject-wrap h3 {text-align: center; font-size: 3.5rem; color: #262626; font-weight: 700; line-height: 114%; letter-spacing: -1.12px; margin-bottom: 2.6rem;}
    .subject-section .subject-wrap h3 .light {font-weight: 300;}
    .subject-section .subject-wrap .subject-list {margin: 0 2rem;}
    .subject-section .subject-wrap .subject-list li {width: 50%;}

    .info-section .inner {height: 600px; background-size: cover;}
    .info-section .inner .info-title h3 {line-height: 1.3;}

    /* 오시는 길 */
    .way-section .inner {flex-direction: column; padding-top: 28.5rem; padding-left: 2rem; padding-right: 2rem;}
    .way-section .inner h3 {text-align: center; font-size: 3.5rem; color: #262626; font-weight: 700; line-height: 114%; letter-spacing: -1.12px; margin-bottom: 2.6rem;}
    .way-section .inner h3 .light {font-weight: 300;}
    .way-section .inner .map-container {width: 99.6%; height: 100%;}
    .way-section .inner .map-container > div > div > a > img {width: 100%; height: 100%; display: block; border-radius: 20px 20px 0 0; border: 2px solid #CBCBCB; border-bottom: none;}
    .way-section .inner .way-container {width: 100%; border-radius: 0 0 20px 20px; border: 2px solid #CBCBCB; border-top: none; background-color: #E4E4E4; padding: 5rem; justify-content: center; align-items: center; height: 100%;}
    .way-section .inner .way-container .txt-box p {font-size: 2.4rem;}
    .way-section .inner .way-container .way-list li p {font-size: 2rem;}

    /* 푸터 */
    .footer .inner {padding: 4rem;}
    .footer .inner .footer-list {flex-direction: column; gap: 0; row-gap: 2.4rem; justify-content: center;}
    .footer .inner .footer-list li > figure {width: 143px;}
    .footer .inner .footer-list li:nth-child(2) {justify-content: center; align-items: center;}
    .footer .inner .footer-list li:nth-child(2) .link-list {margin-bottom: 1rem;}
    .footer .inner .footer-list li:nth-child(2) .company-list {margin-bottom: 2.4rem;}
    .footer .inner button {right: 6%; bottom: 3rem; width: 5.4rem; height: 5.4rem;}

    /* 서브페이지 */
    .top-section {width: 100%; height: 500px;}
    .top-section .inner .txt-box {left: 6rem;}
    .map-outer-container .map-container .top-bg-box {display: none;}
    .map-outer-container .map-container .map-box {width: 100%; justify-content: flex-start; padding-left: 6rem; padding-right: 0;}
    .content-section .lnb-container {display: none;}
    .content-section .content-container {width: 100%; padding: 6.4rem 4rem;}
    .content-section .content-container .content-area > figure {display: none;}
    .content-section .content-container .content-title {flex-direction: column; justify-content: center; align-items: center; border-bottom: none; position: relative; padding-bottom: 4rem;}
    .content-section .content-container .content-title::after {content: ''; width: 6rem; height: 2px; background-color: #ccc; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
    .content-section .content-container .content-area {padding: 8rem 0; justify-content: center; align-items: center;}
    .content-section .content-container .content-area .txt-box h4 {text-align: center; color: #92867C;}
    .content-section .content-container .content-area .txt-box p {padding-left: 0; text-align: center; color: #6F6F6F; margin-bottom: 7rem;}
    .content-section .content-container .content-area .txt-box > figure {width: 393px; padding-bottom: 4rem; margin: 0 auto;}
    .content-section .content-container .content-area .txt-box > figure img {width: 100%; height: 100%; object-fit: contain;}
    .content-section .content-container .content-area .txt-box .profile-list {order: 5; padding-left: 3.2rem;}
    .content-section .content-container .content-area .txt-box .profile-list li {position: relative;}
    .content-section .content-container .content-area .txt-box .profile-list li::before {content: '·'; position: absolute; left: -1rem;}
    .content-section .content-container .content-area .txt-box .sign-box {padding-left: 0; gap: 2rem; margin-bottom: 2.8rem;}
    .content-section .content-container .content-area .txt-box .sign-box span {color: #000;}

    .content-section .content-container .content-area.full {padding: 4rem 0;}
    .content-section .content-container .content-area .h-map-container {width: 100%;}
    .content-section .content-container .content-area .h-map-container > div > div > a > img {width: 99.6%; display: block; border-radius: 20px 20px 0 0; border-bottom: none;}
    .content-section .content-container .content-area .way-info-list {margin-top: 0; row-gap: 4rem; flex-direction: column; width: 100%; margin: 0 2rem; padding: 2rem; box-sizing: border-box; background-color: #E4E4E4; border: 2px solid #CBCBCB; border-top: none; align-items: flex-start; border-radius: 0 0 20px 20px;}
    .content-section .content-container .content-area .way-info-list li {width: 30%; margin: 0 auto;}
    .content-section .content-container .content-area .way-info-list li:first-child {display: block; width: 100%;}
    .content-section .content-container .content-area .way-info-list li:first-child p {text-align: center; font-size: 2rem;}

    .content-txt-container h4 {display: none;}
    .content-txt-container .txt-area {padding-left: 0;}

}

@media screen and (max-width: 956px){
    .content-section .content-container .content-area .h-map-container > div > div > a > img {width: 99.5%;}
}

@media screen and (max-width: 952px){
    .content-section .content-container .content-area .way-info-list li {width: 34%; margin: 0 auto;}
}

@media screen and (max-width: 915px){
    .way-section .inner .map-container {width: 99.5%; height: 100%;}
    .content-section .content-container .content-area .way-info-list li {width: 39%; margin: 0 auto;}
}

@media screen and (max-width: 849px){
    .footer .inner .footer-list li:nth-child(2) .company-list {flex-wrap: wrap; justify-content: center; row-gap: 0.5rem;}
    .footer .inner .footer-list li:nth-child(2) .company-list > li:nth-child(3)::after {display: none;}
}

@media screen and (max-width: 781px){
    .content-section .content-container .content-area .h-map-container > div > div > a > img {width: 99.4%;}
}

@media screen and (max-width: 768px){
    .main-header .header-container .logo img {height: 35px;}
    .sub-menu-column {width: 100%; margin-right: 0;}
    
    .visual-swiper {max-height: 500px;}
    .slide-content {bottom: 30%; left: 5%;}
    .m-1080 {display: block;}
    .m-360 {display: none;}

    .subject-section .h-info-wrap .tab-button {padding: 1.1rem 2rem; font-size: 1.6rem;}
    .subject-section .h-info-wrap .tab-contents .tab-content .contact-info h5 {font-size: 2.4rem;}
    .subject-section .h-info-wrap .tab-contents .tab-content .contact-info .op-info-box p {font-size: 1.4rem;}
    .subject-section .subject-wrap {padding-top: 25rem; padding-bottom: 6rem;}
    .subject-section .subject-wrap h3 {font-size: 2.8rem;}
    .subject-section .subject-wrap .subject-list li {width: 100%; padding: 2rem 3.6rem; padding-bottom: 3rem;}
    .subject-section .subject-wrap .subject-list li a figure {width: 100px; height: 100px;}
    .subject-section .subject-wrap .subject-list li a .txt-box .sub {font-size: 1.1rem;}
    .subject-section .subject-wrap .subject-list li a .txt-box h5 {font-size: 2.8rem;}
    .subject-section .subject-wrap .subject-list li a .txt-box .explain p {font-size: 1.3rem;}

    .info-section .inner {height: 480px;}
    .info-section .inner .info-title {padding-top: 4rem;}
    .info-section .inner .info-title h3 {font-size: 2.8rem;}
    .info-section .inner .info-title p {font-size: 1.2rem;}
    .custom-swiper .swiper-slide .info-1 p {font-size: 1.8rem;}
    .custom-swiper .swiper-slide .info-2 h6 {font-size: 2.4rem;}
    .custom-swiper .swiper-slide .info-2 .txt-list .txt-title span {font-size: 1.4rem;}
    .custom-swiper .swiper-slide .info-2 .txt-list p {font-size: 1.2rem;}
    .custom-swiper .swiper-slide .info-3 h6 {font-size: 2.4rem;}
    .custom-swiper .swiper-slide .info-3 .txt-one .txt-row {font-size: 1.6rem;}
    .custom-swiper .swiper-slide .info-3 .txt-one p {font-size: 1.6rem;}
    .custom-swiper .swiper-slide .info-3 > p.txt-exp {font-size: 1.2rem; letter-spacing: -0.48px;}

    .way-section .inner {padding-top: 25rem; padding-bottom: 4.2rem;}
    .way-section .inner h3 {font-size: 2.8rem;}
    .way-section .inner .way-container {padding: 2rem 4rem;}
    .way-section .inner .way-container .txt-box p {font-size: 1.4rem;}
    .way-section .inner .way-container .way-list li figure {width: 44px; height: 44px;}
    .way-section .inner .way-container .way-list li p {font-size: 1.2rem;}

    .footer .inner {padding: 2rem;}
    .footer .inner .footer-list li:nth-child(2) .link-list > li a {font-size: 1.2rem;}
    .footer .inner .footer-list li:nth-child(2) .company-list > li {font-size: 1.2rem;}
    .footer .inner .footer-list li:nth-child(2) .company-list > li::after {height: 1rem;}
    .footer .inner .footer-list li:nth-child(2) .company-list > li:nth-child(3)::after {display: block;}
    .footer .inner .footer-list li:nth-child(2) p.copyright {font-size: 1.2rem; letter-spacing: -0.48px;}
    .footer .inner button {width: 3.4rem; height: 3.4rem;}

    /* 서브페이지 */
    .top-section {width: 100%; height: 240px;}
    .top-section .inner .txt-box {left: 2rem;}
    .top-section .inner .txt-box h2 {font-size: 2.8rem;}
    .top-section .inner .txt-box p {font-size: 1.2rem;}
    .map-outer-container {height: 4rem;}
    .map-outer-container .map-container .map-box {padding-left: 2rem;}
    .map-outer-container .map-container .map-box p {font-size: 1.4rem;}
    .content-section .content-container {padding: 3.2rem 2rem;}
    .content-section .content-container .content-title {padding-bottom: 2rem;}
    .content-section .content-container .content-title h3 {font-size: 2.4rem;}
    .content-section .content-container .content-title p {font-size: 1.2rem;}
    .content-section .content-container .content-area {padding: 4rem 2rem;}
    .content-section .content-container .content-area .txt-box h4 {font-size: 2.8rem; margin-bottom: 1rem;}
    .content-section .content-container .content-area .txt-box p {font-size: 1.4rem;}
    .content-section .content-container .content-area .txt-box > figure {width: 200px;}
    .content-section .content-container .content-area .txt-box .sign-box {margin-top: 2rem;}
    .content-section .content-container .content-area .txt-box .sign-box span {font-size: 1.4rem;}
    .content-section .content-container .content-area .txt-box .profile-list li {font-size: 1.4rem; line-height: 128%; letter-spacing: -0.56px;}

    .content-section .content-container .content-area .way-info-list {row-gap: 1rem;}
    .content-section .content-container .content-area .way-info-list li {width: 28%; margin: 0 auto;}
    .content-section .content-container .content-area .way-info-list li:first-child p {font-size: 1.4rem;}
    .content-section .content-container .content-area .way-info-list li figure {width: 44px; height: 44px;}
    .content-section .content-container .content-area .way-info-list li p {font-size: 1.2rem;}

    .facility-main {height: 400px;}
    .facility-thumbs {height: 60px;}

    .content-txt-container .txt-area h5 {margin-top: 4rem; padding-bottom: 1.3rem; margin-bottom: 2rem; font-size: 1.8rem;}
    .content-txt-container .txt-area .basic-p {font-size: 1.4rem;}
    .content-txt-container .txt-area .sub-p {font-size: 1.4rem;}
    .content-txt-container .txt-area .title-list-type {font-size: 1.4rem;}
    .content-txt-container .txt-area .title-list-type-2 {font-size: 1.4rem;}
    .content-txt-container .txt-area .check-list-style {font-size: 1.4rem;}
    .content-txt-container .txt-area .alph-list-style {font-size: 1.4rem;}
    .content-txt-container .txt-area .num-list-style {font-size: 1.4rem;}
    .content-txt-container .txt-area .title-type {font-size: 1.4rem;}
    .content-txt-container .txt-area .basic-list-type {font-size: 1.4rem;}
    .content-txt-container .txt-area .basic-list-type-2 > ul > li .basic-sub p {width: 50px;}
    .content-txt-container .txt-area .basic-list-type-2 > ul > li .basic-sub > ul {width: calc(100% - 50px);}
    .content-txt-container .txt-area .exp-p {font-size: 1.4rem;}
    .content-txt-container .txt-area .dash-list-style {font-size: 1.4rem;}
    .content-txt-container .txt-area .basic-table th,
    .content-txt-container .txt-area .basic-table td {font-size: 1.4rem;}

    .content-txt-container .txt-area h5 figure {width: 15px; height: 15px;}
}

@media screen and (max-width: 748px){
    .content-section .content-container .content-area .way-info-list li {width: 30%; margin: 0 auto;}
}

@media screen and (max-width: 740px){
    .way-section .inner .map-container {width: 99.4%; height: 100%;}
}

@media screen and (max-width: 704px){
    .content-section .content-container .content-area .way-info-list li {width: 32%; margin: 0 auto;}
}

@media screen and (max-width: 665px){
    .content-section .content-container .content-area .way-info-list li {width: 35%; margin: 0 auto;}
}

@media screen and (max-width: 781px){
    .content-section .content-container .content-area .h-map-container > div > div > a > img {width: 99.3%;}
}

@media screen and (max-width: 623px){
    .way-section .inner .map-container {width: 99.3%; height: 100%;}
    .footer .inner .footer-list li:nth-child(2) .company-list > li:nth-child(3)::after {display: none;}
}

@media screen and (max-width: 615px){
    .content-section .content-container .content-area .way-info-list li {width: 38%; margin: 0 auto;}
}

@media screen and (max-width: 573px){
    .content-section .content-container .content-area .way-info-list li {width: 40%; margin: 0 auto;}
}

@media screen and (max-width: 549px){
    .content-section .content-container .content-area .way-info-list li {width: 43%; margin: 0 auto;}
}

@media screen and (max-width: 541px){
    .content-section .content-container .content-area .h-map-container > div > div > a > img {width: 99.2%;}
}

@media screen and (max-width: 540px){
    .way-section .inner .map-container {width: 99.2%; height: 100%;}
}

@media screen and (max-width: 516px){
    .content-section .content-container .content-area .way-info-list li {width: 46%; margin: 0 auto;}
}

@media screen and (max-width: 488px){
    .content-section .content-container .content-area .way-info-list li {width: 49%; margin: 0 auto;}
}

@media screen and (max-width: 480px) {
    .facility-container {padding: 1.5rem;}
    .facility-main {height: 300px;}
    .facility-thumbs {height: 50px;}
    .facility-main .swiper-button-next, .facility-main .swiper-button-prev {width: 3.5rem; height: 3.5rem;}
}

@media screen and (max-width: 478px){
    .content-section .content-container .content-area .h-map-container > div > div > a > img {width: 99.1%;}
}

@media screen and (max-width: 477px){
    .way-section .inner .map-container {width: 99.1%; height: 100%;}
}

@media screen and (max-width: 463px){
    .content-section .content-container .content-area .way-info-list li {width: 52%; margin: 0 auto;}
}

@media screen and (max-width: 461px){
    .footer .inner .footer-list li:nth-child(2) .company-list > li:nth-child(2)::after {display: none;}
    .footer .inner .footer-list li:nth-child(2) .company-list > li:nth-child(3)::after {display: block;}
}

@media screen and (max-width: 442px){
    .content-section .content-container .content-area .way-info-list li {width: 55%; margin: 0 auto;}
}

@media screen and (max-width: 429px){
    .way-section .inner .map-container {width: 99%; height: 100%;}
    .content-section .content-container .content-area .h-map-container > div > div > a > img {width: 99%;}
}

@media screen and (max-width: 424px){
    .content-section .content-container .content-area .way-info-list li {width: 58%; margin: 0 auto;}
}

@media screen and (max-width: 405px){
    .content-section .content-container .content-area .way-info-list li {width: 61%; margin: 0 auto;}
}

@media screen and (max-width: 391px){
    .content-section .content-container .content-area .h-map-container > div > div > a > img {width: 98.9%;}
}

@media screen and (max-width: 390px){
    .way-section .inner .map-container {width: 98.9%; height: 100%;}
    .content-section .content-container .content-area .way-info-list li {width: 65%; margin: 0 auto;}
}

@media screen and (max-width: 370px){
    .content-section .content-container .content-area .way-info-list li {width: 68%; margin: 0 auto;}
}


@media screen and (max-width: 360px){
    .visual-swiper {max-height: 420px;}
    .slide-content {bottom: 32%; left: 4%;}
    .slide-content h2 {font-size: 2.8rem; font-weight: 500; margin-bottom: 1rem; letter-spacing: -1.12px;}
    .slide-content h2 .light {font-weight: 500;}
    .slide-content p {font-size: 1.2rem; letter-spacing: -0.48px;}
    .m-1080 {display: none;}
    .m-360 {display: block;}
    .content-section .content-container .content-area .way-info-list li {width: 72%; margin: 0 auto;}
    .subject-section .subject-wrap .subject-list li a .txt-box .explain figure {bottom: 0.35rem;}
}

@media screen and (max-width: 359px){
    .way-section .inner .way-container {padding: 2rem;}
    .way-section .inner .map-container {width: 98.8%; height: 100%;}
    .content-section .content-container .content-area .h-map-container > div > div > a > img {width: 98.8%;}
}

@media screen and (max-width: 357px){
    .subject-section .subject-wrap .subject-list li {padding: 2rem;}
}

@media screen and (max-width: 348px){
    .footer .inner .footer-list li:nth-child(2) .company-list > li:first-child::after {display: none;}
    .content-section .content-container .content-area .way-info-list li {width: 75.5%; margin: 0 auto;}
}

@media screen and (max-width: 332px){
    .content-section .content-container .content-area .h-map-container > div > div > a > img {width: 98.7%;}
}

@media screen and (max-width: 331px){
    .way-section .inner .map-container {width: 98.7%; height: 100%;}
    .content-section .content-container .content-area .way-info-list li {width: 80%; margin: 0 auto;}
}