:root { 
	--bg: #f2f0ea; /* 첨부 이미지의 옅은 베이지색 */
	--dark: #111111; 
	--border: #ddd; 
	--primary: #A87F55; /* 갈색/황동색 */
}

.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);clip-path: inset(50%);border: 0;white-space: nowrap;}
.blind {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}

html {/* 기본 16px * 62.5% = 10px */font-size: 62.5%; }
body {font-size: 1.6rem; }

html, body,{margin: 0;padding: 0;width: 100%;box-sizing:border-box;overflow-x: hidden; font-family: 'Pretendard', sans-serif;}
#wrap {width: 100%;overflow-x: hidden;position: relative;}

/* --- 상단 요소들 (section0 내부에 귀속) --- */
.header {position: absolute;top: 0;left: 0;width: 100%;z-index: 1005;}
.header-main {
	display: flex;align-items: center;justify-content: center;padding: 0 50px;background: transparent; height: 120px;position: relative;z-index: 1002;
	transition: background 0.4s ease; width:100%;border-bottom:1px solid rgba(255,255,255,0.2);
}
.header-main > article {width:1500px; margin:0 auto;position:relative;display: flex;align-items: center;justify-content: space-between;}
.header:hover .header-main,
.header.is-hover .header-main {background: #1a365d;}


.logo {display: flex;align-items: center;}
.logo a {display: block;line-height: 0; }
.logo img {height: 45px;width: auto;display: block;}

/* 메인 메뉴 (GNB) */
.gnb {position: absolute;left: 50%;transform: translateX(-50%);height: 100%;width:1000px;}
.gnb > ul {display: flex;list-style: none;gap: 40px;height: 100%;justify-content:center;}
.gnb > ul > li {display: flex;align-items: center;height: 100%;}
.gnb > ul > li > a {text-decoration: none;color: #fff;font-size: 1.8rem;font-weight: 500;transition: opacity 0.3s;font-family: 'NanumSquareNeo', sans-serif;}
.gnb > ul > li > a.active,
.gnb > ul > li > a:hover {color: rgba(134, 189, 255, 1) !important;}
.header.is-hover .gnb > ul > li > a.active {color: rgba(134, 189, 255, 1);}

/* 우측 컨트롤러 */
.top-controls {display: flex;align-items: center;position:relative;z-index:1000;}
.dropdown-wrapper {position: relative;display: inline-flex; align-items:center; justify-content:space-between;}
.dropdown-btn {background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.3);padding: 15px 26px 15px 15px;border-radius: 14px;color: white;font-size: 1.5rem;cursor: pointer;letter-spacing:-0.02em;display:block;}
.dropdown-btn small { margin-left:10px; margin-bottom:1px; }
.dropdown-content {
	display: block;position: absolute;top: 120%;left: 0;width: 100%;background: rgba(36, 36, 36, 0.5);border-radius: 14px;overflow: hidden;z-index: 10000;
	opacity: 0;visibility: hidden;transform: translateY(-10px);
}
.dropdown-content-bottom { top: 80%; }

.dropdown-wrapper:hover .dropdown-content {opacity: 1;visibility: visible;transform: translateY(10px);}
.dropdown-content a {display: block;color: white;padding: 15px 26px 15px 15px;text-decoration: none;font-size: 1.5rem;transition: background 0.2s;}
.dropdown-content a:hover {background: rgba(36, 36, 36, 1);}
.i-select-arrow { display:inline-block; width:12px; height:6px; background:url(../images/i-select-arrow.svg) no-repeat center / 100%; }
.dropdown-btn {
    position: relative;
    z-index: 1;
    text-decoration: none;
    padding: 15px 26px 15px 15px;
    border-radius: 10px; /* 드디어 적용됩니다! */
    text-align: center;
    font-size: 1.5rem;
    transition: 0.3s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    overflow: hidden;
    line-height: 1;

    /* [중요] 보더 설정 */
    border: 1px solid transparent; /* 보더 영역 확보 */

    /* [핵심] 이중 배경 기법 */
    background-image: 
        linear-gradient(#0D1A3D, #0D1A3D), /* 1. 내부 채우기 배경 */
        linear-gradient(165deg, #D9D9D9 -1.92%, rgba(167, 167, 167, 0) 37.3%, rgba(167, 167, 167, 0) 57.67%, #D9D9D9 102.77%); /* 2. 보더 그라데이션 */
    
    background-origin: border-box;
    background-clip: padding-box, border-box; /* 첫 번째 배경은 안쪽만, 두 번째는 보더까지 */
	transition:all 0.3s;
}

/* 아래에서 위로 올라오는 애니메이션은 그대로 유지 */
.dropdown-btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 요청하신 올라오는 배경색 */
    background: linear-gradient(115.47deg, #3764DC -22.62%, #0D1A3D 96.33%, #2D52B6 98.58%);
	background: #1a365d;
    z-index: -1;
    transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.dropdown-btn:hover::after{background: #1a365d;}

.hamburger-wrap{position:absolute; left:50%; top:50%;transform:translateY(-50%);margin-left:795px;width:54px;height:36px;z-index:999999;display:flex; justify-content:center;align-items:center;}
.hamburger-menu {width:100%; height:100%;padding:5px 0;display: flex; flex-direction: column; justify-content: center;align-items:flex-end;cursor: pointer;gap:10px;}
.hamburger-menu span:nth-child(1) { width: 27px; height: 3px; background: #fff; display:block; transition:all 0.3s;}
.hamburger-menu span:nth-child(2) { width: 54px; height: 3px; background: #fff; display:block; transition:all 0.3s;}

.hamburger-menu:hover span:nth-child(1) { width:54px; }
.hamburger-menu:hover span:nth-child(2) { width:27px; }

.sub-nav-wrap {position: absolute;top: 119px;left: 0;width: 100%;background: rgba(36, 36, 36, 0.5);height: 0;overflow: hidden;transition: height 0.4s cubic-bezier(0.25, 1, 0.5, 1);z-index: 100;}
.header.is-hover .sub-nav-wrap {height: 80px; }
.sub-nav-inner {position: relative; width: 100%;max-width: 940px; margin: 0 auto;height: 100%;display: flex;justify-content: flex-start;align-items: center;}
.sub-menu {position: absolute; list-style: none;display: flex;gap: 40px;opacity: 0;visibility: hidden;transform: translateY(10px); transition: all 0.4s ease;}
.sub-menu.active {opacity: 1;visibility: visible;transform: translateY(0);}
.sub-menu li a {text-decoration: none;color: #fff;font-size: 1.6rem;transition: 0.3s;position: relative;padding: 5px 0;font-family: 'NanumSquareNeo', sans-serif;}
.sub-menu li a:hover {color:rgba(134, 189, 255, 1);font-weight:700;font-family: 'NanumSquareNeo', sans-serif;}
.sub-menu li a:hover::after {content: '';position: absolute;bottom: -5px; left: 0;width: 100%; height: 1px;background: rgba(134, 189, 255, 1);}

/* 예시: 드롭다운이 열렸을 때 화살표 회전하기 */
.dropdown-wrapper .arrow-icon {
    transition: transform 0.3s;
}

.dropdown-wrapper.is-open .arrow-icon {
    transform: rotate(180deg);
}


/* --- 헤더 반응형 시작 --- */

/* --- [추가] 모바일/태블릿 헤더 고정 처리 --- */
@media (max-width: 1400px) {
    .header {
        position: fixed; /* absolute에서 fixed로 변경하여 화면 상단에 고정 */
    }
    
    .header-main {
        padding: 0 20px; /* 모바일 환경에 맞춰 좌우 여백 축소 (선택 사항) */
        height: 80px;    /* 모바일 환경에 맞춰 높이 축소 (선택 사항) */
        /* 스크롤 시 배경색이 계속 투명하면 글씨가 겹쳐 보이므로, 
           기본적으로 솔리드 컬러를 주거나 JS로 스크롤 시 클래스를 제어하는 것이 좋습니다. */
	    background: rgba(25, 48, 109, 1);
    }
    
    .header-main > article {
        width: 100%; /* 모바일에서는 1500px 제한을 풀고 100%로 꽉 채움 */
    }

	/* 스크롤을 내려서 is-scrolled 클래스가 붙었을 때 헤더 배경색 칠하기 */
	.header.is-scrolled .header-main {
		background: #1a365d; /* 원하는 테마 색상으로 변경 가능 */
		background: rgba(25, 48, 109, 0.5);
		background: rgba(25, 48, 109, 1);
		border-bottom: 1px solid transparent; /* 스크롤 시 하단 선 제거 (선택 사항) */
	}

	/* (참고) 기존 호버 이벤트와 충돌하지 않도록 깔끔하게 묶어줄 수도 있습니다 */
	.header:hover .header-main,
	.header.is-hover .header-main,
	.header.is-scrolled .header-main {
		background: #1a365d;
		background: rgba(25, 48, 109, 0.5);
		background: rgba(25, 48, 109, 1);
	}

	.header-main { padding-left:10px; }
    .header-main > article { 
        width: 100%; 
        padding: 0 20px; 
    }
    
    .gnb { 
        width: auto; 
        position: relative; 
        left: 0; 
        transform: none; 
        flex: 1;
        display: flex;
        justify-content: center;
    }

    .gnb > ul { gap: 30px; }

    /* 햄버거 버튼의 고정 마진 해제 및 우측 배치 */
    .hamburger-wrap { 
        position: absolute; 
        left: auto; 
        top: auto;
		right:20px;
		top:20px;
        transform: none; 
        margin-left: 20px; 
    }
	.top-controls { display:none; }
}

/* 2. 태블릿 (1024px 이하) */
@media (max-width: 1200px) {
    .header-main { 
        height: 80px; /* 헤더 높이 축소 */
    }

    .logo img { height: 35px; }

    /* 메인 GNB 및 서브 네비게이션 숨김 (모바일 메뉴로 대체 가정) */
    .gnb, .sub-nav-wrap, .top-controls { 
        display: none; 
    }

    .header-main > article { 
        padding: 0 20px; 
    }

    /* 햄버거 버튼을 우측 끝에 고정 */
    .hamburger-wrap { 
        margin-left: auto; 
    }
}

/* 3. 모바일 (768px 이하) */
@media (max-width: 768px) {
    .header-main { 
        height: 70px; 
    }

    .logo img { height: 30px; }

    .hamburger-wrap { 
        width: 40px; 
        height: 28px; 
    }

    .hamburger-menu span:nth-child(1) { width: 20px; height: 2px; }
    .hamburger-menu span:nth-child(2) { width: 40px; height: 2px; }
    
    .hamburger-menu:hover span:nth-child(1) { width: 40px; }
    .hamburger-menu:hover span:nth-child(2) { width: 20px; }
}

/* 4. 최소 사이즈 대응 (480px 이하) */
@media (max-width: 480px) {
    .header-main { 
        padding: 0 0; 
    }
}

#section0 { background: rgba(240, 244, 250, 1); background:#fff; position:relative; z-index:1;}
#section0 .sec0-inner {
	position: relative;width: 100%;height: 100vh;overflow: hidden;
	background: linear-gradient(180deg, rgba(72, 72, 72, 0) 77.76%, rgba(31, 31, 31, 0.5) 98.08%);
	background:#fff;
	border-radius:0 0 0 100px; 
}
#section0::before {content:"";display:block; position:absolute; left:50%; top:0; height:100vh;width:1px; background:rgba(255,255,255,0.2);margin-left:-790px;margin-left:-771px; z-index:2;}
#section0::after { content:"";display:block; position:absolute; left:50%; top:0; height:100vh;width:1px; background:rgba(255,255,255,0.2);margin-left:770px;z-index:2;}
#bg-video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;}

.center-title {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;width: 100%;z-index: 5; padding:120px 0 0;}
.main-text {font-size: 5.7rem;font-weight: 300;margin-bottom: 45px;line-height: 1.6;color:#fff;text-align:center;letter-spacing:-0.02em;font-family: 'Escoredream';font-weight:300;}
.main-text .highlight {font-size: 8rem;font-weight: bold;display: block;color:#fff;letter-spacing:-0.02em;font-family: 'Escoredream';font-weight:700;}
.sub-text { font-size: 2.8rem; margin-bottom: 30px; opacity: 1; color:#fff; font-weight:700;letter-spacing:-0.02em;line-height:1.4;word-break:keep-all;}
.v-line-v { width:1px; height:100px; display:block; background:rgba(255,255,255,0.3); margin:0 auto 30px; }
.center-logo { 
	width:116px; height:116px; display:flex; justify-content:center; align-items:center;
	background: linear-gradient(101.02deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
	backdrop-filter: blur(15px);
	border-radius:20px; overflow:hidden;
	margin:0 auto;
}

.center-title > * {
      opacity: 0;                  /* 처음엔 투명하게 */
      transform: translateY(70px); /* 아래로 70px 내려간 상태로 대기 */
  }

/* --- 고정(Fixed) 요소들 (스크롤 내려도 화면에 고정) --- */
.sns-sidebar {position: absolute;top: 50%;left: 50%;transform: translateY(-50%);z-index: 50;margin-left:800px;}
.sns-sidebar ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 15px; }
.sns-sidebar a {
	text-decoration: none; color: white; display: flex; justify-content: center; align-items: center;
	width: 45px; height: 45px; transition: 0.3s; border-radius:5px;
}
.sns-sidebar a:hover { border:1px solid rgba(255,255,255,0.2); border-radius:5px;}
.bottom-controls {
	position: fixed;bottom: 30px;right: 50%;display: flex;flex-direction: column;gap: 10px;z-index: 101;
	margin-right:-870px;
}

.cta-buttons { display:flex; flex-direction:column; gap:10px; align-items:flex-end; }
a.cta-btn {
    position: relative;
    z-index: 1;
    text-decoration: none;
    padding: 4px 15px 0;
	height:90px;
    border-radius: 10px; /* 드디어 적용됩니다! */
    text-align: center;
    font-size: 1.4rem;
    transition: 0.3s;
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    color: #fff;
    overflow: hidden;
    line-height: 1.8;

    /* [중요] 보더 설정 */
    border: 1px solid transparent; /* 보더 영역 확보 */

    /* [핵심] 이중 배경 기법 */
    background-image: 
        linear-gradient(#0D1A3D, #0D1A3D), /* 1. 내부 채우기 배경 */
        linear-gradient(132.68deg, #D9D9D9 -1.92%, rgba(167, 167, 167, 0) 37.3%, rgba(167, 167, 167, 0) 57.67%, #D9D9D9 102.77%); /* 2. 보더 그라데이션 */
    
    background-origin: border-box;
    background-clip: padding-box, border-box; /* 첫 번째 배경은 안쪽만, 두 번째는 보더까지 */
	width:76px;
}

/* 아래에서 위로 올라오는 애니메이션은 그대로 유지 */
a.cta-btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 요청하신 올라오는 배경색 */
    background: linear-gradient(115.47deg, #3764DC -22.62%, #0D1A3D 96.33%, #2D52B6 98.58%);
    z-index: -1;
    transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
a.cta-btn:hover::after {bottom: 0;}
a.cta-btn span {display: block;white-space: nowrap;margin-top:8px;}
a.cta-btn span em {display: inline-block;font-style: normal;max-width: 0;opacity: 0; overflow: hidden;transition: all 0.4s ease; vertical-align: top;}

/* 5. 호버 시: em 태그 슬라이드 등장 */
a.cta-btn1:hover { width:156px; }
a.cta-btn1:hover span em {max-width: 120px; opacity: 1;}
a.cta-btn2:hover { width:156px; }
a.cta-btn2:hover span em {max-width: 120px; opacity: 1;margin-right:6px;}
a.cta-btn:hover { background-color: #2c5282; }
.top-btn {text-decoration: none;color: white;display: flex;flex-direction: column; justify-content: center;align-items: center;position:relative;border-radius: 10px;overflow:hidden;width:76px;height:76px;cursor:pointer;}
.top-btn span {
	opacity:0.5;
    padding: 20px 15px;
	width:100%;
	height:100%;
	background: rgba(26, 57, 120, 1);
    text-decoration: none;
    color: white;
    text-align: center;
    transition: 0.3s;
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items: center;
	position:relative;
    border: 1px solid transparent;
    background-image: 
        linear-gradient(rgba(26, 57, 120, 0.5), rgba(26, 57, 120, 0.5)), 
        linear-gradient(132.68deg, #D9D9D9 -1.92%, rgba(167, 167, 167, 0) 37.3%, rgba(167, 167, 167, 0) 57.67%, #D9D9D9 102.77%);

    background-origin: border-box;
    background-clip: padding-box, border-box;
	position:relative;
	width:76px;
}

.top-btn span::after {content: '';position: absolute;bottom: 0; left: 0;width: 100%;height: 100%; background: rgba(26, 57, 120, 0.5);background:#394868;z-index: 1; transition: 0.4s ease;}
.top-btn img { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); z-index:2; }
.top-btn:hover span { opacity:1; }
.top-btn:hover span::after {background: rgba(26, 57, 120, 1);}

.btn-go-top {position: relative;width: 76px;height: 76px;border: none;background-color: transparent;cursor: pointer;padding: 0;}
.btn-go-top::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('../images/go-top.svg') no-repeat center/contain;transition: opacity 0.3s ease; }
.btn-go-top::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('../images/go-top-ov.svg') no-repeat center/contain;opacity: 0;transition: opacity 0.3s ease;}
.btn-go-top:hover::before {opacity: 0; }
.btn-go-top:hover::after {opacity: 1; }

/* --- 히어로 섹션 반응형 시작 --- */

/* 1. 데스크탑 소형 & 태블릿 (1400px 이하) */
@media (max-width: 1400px) {
    /* 양옆 가이드 라인 위치 조정 및 숨김 처리 */
    #section0::before { margin-left: -48%; }
    #section0::after { margin-left: 48%; }

    /* 사이드바 위치 조정 */
    .sns-sidebar { margin-left: 0; left: auto; right: 10px; }
    .bottom-controls { margin-right: 0; right: 20px; }

    #section0 .sec0-inner { border-radius: 0 0 0 50px; height:40vh; margin-top:70px } /* 라운드 축소 */
	
}

/* 2. 일반 태블릿 (1024px 이하) */
@media (max-width: 1024px) {

    /* 메인 텍스트 스케일링 */
    .main-text { font-size: 4rem; line-height: 1.4; }
    .main-text .highlight { font-size: 6rem; }
    .sub-text { font-size: 2.2rem; }

    /* 장식 라인 및 로고 크기 축소 */
    .v-line-v { height: 60px; }
    .center-logo { width: 90px; height: 90px; padding:10px; }
	.center-logo img { max-width:100%; }
}

/* 3. 모바일 전체 (768px 이하) */
@media (max-width: 768px) {
    /* 가이드 라인 제거 */
    #section0::before, #section0::after { display: none; }

	#section0 .sec0-inner { border-radius: 0 0 0 0; height:270px; }

    .center-title { padding: 80px 20px 0; word-break:keep-all;}

    /* 모바일 폰트 최적화 */
    .main-text { font-size: 2.8rem; margin-bottom: 25px; }
    .main-text .highlight { font-size: 4rem; margin-top:15px; }
    .sub-text { font-size: 1.8rem; margin-bottom: 20px; }

    /* 하단 고정 버튼(CTA) 모바일 최적화 */
    .bottom-controls { 
        bottom: 5px; 
        right: 5px; 
        gap: 8px;
    }

    /* 모바일에서는 호버 시 너비가 늘어나는 효과가 오작동할 수 있으므로 고정 너비로 변경하거나 간소화 */
    a.cta-btn { 
        width: 60px; 
        height: 70px; 
        font-size: 1.2rem; 
    }
    a.cta-btn span em { display: none; } /* 모바일에서는 텍스트 슬라이드 제거 */
    
    .top-btn, .top-btn span, .btn-go-top { 
        width: 60px; 
        height: 60px; 
    }
	.btn-go-top { width:53px; height:53px; }
	.btn-go-top img { max-width:100%; }

	

}

/* 4. 최소 모바일 (480px 이하) */
@media (max-width: 480px) {
    .main-text { font-size: 2.4rem; }
    .main-text .highlight { font-size: 3.2rem; }
    .sub-text { font-size: 1.6rem; }
    
    .center-logo { width: 70px; height: 70px; border-radius: 15px; }
    
    /* 매우 작은 화면에서는 CTA 버튼의 개수를 줄이거나 더 작게 */
    .cta-buttons { gap: 5px; }
    a.cta-btn { width: 54px; height: 64px; border-radius: 8px; }

	#section0 .sec0-inner { border-radius:0; height:270px; }
	.sns-sidebar { display:none; }
}


/******** section2 ********/
#section2 {position: relative;width: 100vw;overflow: hidden; height:100vh;background: rgba(240, 244, 250, 1); z-index:2;}
.sec2-inner .sec2-intro {position: absolute;left: 0;top: 0;text-align: center;z-index: 1;padding-top: 16rem; width: 100%;}
.sec2-inner .sub-intro {font-size: 1.5rem;color: #444;margin-bottom: 35px;display:flex; align-items:center; justify-content:center;font-family: 'Noto Sans KR', sans-serif;font-weight:350; line-height:1;}
.sec2-inner .main-intro {font-size: 5.7rem;line-height: 1.3;color: #2a2b29;letter-spacing: -0.02em;text-align: center;font-family: 'Escoredream';font-weight:300;letter-spacing:-0.02em;}
.sec2-inner .main-intro .blue {color: #19306D;font-weight:700;font-family: 'Escoredream';letter-spacing:-0.02em;}
.comm-icon-plus { display:inline-block; width:16px; height:16px; background:url(../images/comm-icon-plus.svg) no-repeat center / 100%; }
.comm-icon-plus._White { background-image:url(../images/comm-icon-plus-white.svg);}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}

.sec2-inner .sliding-card {
	position: absolute;width: 90vw;height: 90vh;border-radius: 30px 100px 30px 100px;overflow: hidden;
	z-index: 10;will-change: transform; /* 애니메이션 성능 최적화 */top: 5vh;left: 0;transform: none; opacity: 0; visibility: hidden;
}
.sec2-inner .swiper-slide {width: 100%;height: 100%;position: relative;}
.sec2-inner .card-image-wrap {position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.sec2-inner .card-image-wrap img {width: 100%;height: 100%;object-fit: cover;transition: transform 1.5s ease; transform: scale(1.1);}
.sec2-inner .swiper-slide-active img {transform: scale(1);}
.sec2-inner .bg-watermark {
	position: absolute;top: 0;left: 50%;transform: translateX(-50%);font-size: 20rem;font-family: 'Serif', serif;
	font-weight: 900;color: rgba(0, 0, 0, 0.03);white-space: nowrap;z-index: 1;pointer-events: none;user-select: none; 
	width:95%;
	height:650px;
}
.sec2-inner .bg-watermark .wmk-left {
	display:flex; align-items:flex-end;
	position:absolute; left:50%; top:7rem;
	margin-left:-900px;
}
.sec2-inner .bg-watermark .wmk-left i { margin-left:-30px; opacity:0.5; filter: grayscale(100%);}
.sec2-inner .bg-watermark .wmk-right {
	display:flex; align-items:flex-end;
	position:absolute; left:50%; top:32rem;
	margin-left:200px;
}
.sec2-inner .bg-watermark .wmk-right i { margin-left:-30px; opacity:0.5; filter: grayscale(100%);}

.swiper-button-prev.card-slide-prev { margin-left:30px; color:rgba(255,255,255,1) !important; transition:all 0.3s;}
.swiper-button-next.card-slide-next { margin-right:30px; color:rgba(255,255,255,1) !important; transition:all 0.3s;}
.swiper-button-prev.card-slide-prev:hover,
.swiper-button-next.card-slide-next:hover  { color:rgba(255,255,255,1) !important;}

.sec2-inner .card-image-wrap .overlay {position: absolute;top: 0; left: 0;width: 100%; height: 100%;background: linear-gradient(to right, rgba(0,0,0,0.7), transparent);}
.sec2-inner .card-content {position: absolute;top: 0;left:0;color: white;padding:12.3rem 11.9rem;}
.sec2-inner .card-title { font-size: 6.7rem; margin-bottom: 40px; font-weight:700; font-family: 'Noto Serif KR', serif;text-shadow: 4.09px 4.09px 22.5px 0px #0000001A;}
.sec2-inner .card-subtext { font-size: 2.3rem; margin-bottom: 30px; opacity: 1; letter-spacing:0.02em; font-family: 'NanumSquareNeo', sans-serif;line-height:165%;}
.sec2-inner .card-tags { display:inline-flex; flex-direction:column; gap:10px; }
.sec2-inner .card-tags span {display: inline-block;border: 1px solid rgba(255,255,255,0.4);padding: 15px 15px 15px 50px;border-radius: 12px;font-size: 1.6rem;position:relative;font-family: 'NanumSquareNeo', sans-serif; line-height:1.4;}
.sec2-inner .card-tags span::before { content:"";display:inline-block; width:23px; height:13px; background:url(../images/care-icon-chk.svg) no-repeat center / 100%; position:absolute; left:18px;top:50%;transform:translateY(-50%);}
.sec2-inner .card-tags span em.color-blue { 
	font-size: 1.6rem;font-family: 'NanumSquareNeo', sans-serif; line-height:1.4;color:#86bdff;
}


/* 하단 탭 (사이즈 상향 조정 반영) */
.sec2-inner .card-tabs {position: absolute;bottom: 0;width: 100%;display: flex;border-top:1px solid rgba(255,255,255,0.2);z-index:10;}
.sec2-inner .tab-item {flex: 1;text-align: center;padding: 25px 0;color: rgba(255,255,255,0.6);border-right: 1px solid rgba(255,255,255,0.1);cursor: pointer;transition: 0.3s;font-size: 3rem;font-family: 'Noto Serif KR', serif;}
.sec2-inner .tab-item.active {background: rgba(217,217,217,0.3);color: white;font-weight: bold;}


/* --- Section 2 반응형 (워터마크 포함) 시작 --- */

/* 1. 데스크탑 소형 & 태블릿 (1400px 이하) */
@media (max-width: 1400px) {
    .sec2-inner .main-intro { font-size: 4.5rem; }
    
    /* 워터마크 위치 및 크기 조정 */
    .sec2-inner .bg-watermark { font-size: 12rem; height: 500px; }
    .sec2-inner .bg-watermark .wmk-left { margin-left: -650px; top: 5rem; }
    .sec2-inner .bg-watermark .wmk-right { margin-left: 100px; top: 25rem; }

    .sec2-inner .card-content { padding: 8rem 6rem; }
    .sec2-inner .card-title { font-size: 5rem; }
}

/* 2. 일반 태블릿 (1024px 이하) */
@media (max-width: 1024px) {
    .sec2-inner .sec2-intro { padding-top: 10rem; }
    .sec2-inner .main-intro { font-size: 3.5rem; }
    
    /* 워터마크 모바일 최적화 (배경화) */
    .sec2-inner .bg-watermark { font-size: 8rem; height: 400px; opacity: 0.8; }
    .sec2-inner .bg-watermark .wmk-left { margin-left: 0; left:0; top: 4rem; } /* 퍼센트 단위로 변경 */
    .sec2-inner .bg-watermark .wmk-right { margin-left: 0; top: 20rem; right:-10rem; left:auto; }

	.sec2-inner .bg-watermark img { width:50%;  }

    .sec2-inner .card-content { padding: 6rem 4rem; }
    .sec2-inner .card-title { font-size: 4rem; }
    .sec2-inner .tab-item { font-size: 2rem; }

	.sec2-inner .sliding-card {border-radius: 10px 30px 10px 10px; }

	.swiper-button-prev.card-slide-prev { margin-left:0; }
	.swiper-button-next.card-slide-next { margin-right:0; }
	.swiper-button-prev.card-slide-prev:after, .swiper-button-next.card-slide-next:after { font-size:1.5rem; }
}

/* 3. 모바일 전체 (768px 이하) */
@media (max-width: 768px) {
    #section2 { height: auto; min-height: 100vh; min-height:100vh; padding-bottom: 50px; }
    
    .sec2-inner .sec2-intro { position: relative; padding: 6rem 20px 3rem; }
    .sec2-inner .main-intro { font-size: 2.6rem; }
    .sec2-inner .sub-intro { font-size: 1.3rem; margin-bottom: 20px; }

    .sec2-inner .card-content { padding: 35px 40px; }
    .sec2-inner .card-title { font-size: 4rem; }
    .sec2-inner .card-subtext { font-size: 1.8rem; margin-bottom: 20px; word-break:keep-all; }
	.sec2-inner .card-subtext br { display:none; }
	.sec2-inner .card-tags { display:flex; width:100%; }
	.sec2-inner .card-tags span { padding: 8px 10px 8px 30px;font-size: 1.4rem; word-break:keep-all;}
	.sec2-inner .card-tags span em.color-blue {font-size: 1.4rem; word-break:keep-all;display:block;}
	.sec2-inner .card-tags span::before { width:15px; height:7px; left:10px;}

    /* 하단 탭 스케일 다운 */
    .sec2-inner .tab-item { font-size: 1.6rem; padding: 10px 0 13px; }

}

/* 4. 최소 모바일 (480px 이하) */
@media (max-width: 480px) {
    .sec2-inner .main-intro { font-size: 2.2rem; }
    .sec2-inner .sliding-card { height: 55vh; }
    .sec2-inner .card-title { font-size: 3rem; margin-bottom: 15px; }
    .sec2-inner .card-tags span { 
        padding: 8px 0 8px 30px; 
        font-size: 1.2rem; 
    }
	.sec2-inner .card-tags span em.color-blue {font-size: 1.2rem; word-break:keep-all; }
    .sec2-inner .tab-item { font-size: 1.1rem; }
}



/* section3 */
#section3 {width: 100%;height: auto; /* 한 화면 고정 */background: #fff;display: flex;align-items: center; z-index:3;}
.sec3-inner {max-width: 100%;margin: 0 auto;width:100%;height:auto;position:relative;}
.sec3-header {text-align: center;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16rem 0 60px;}
.sec3-header .top-label { font-size: 1.5rem; color: #2a2b29; margin-bottom: 30px; font-family: 'Noto Sans KR', sans-serif;font-weight:350;display:flex;align-items:center;line-height:1; }
.sec3-header .title { font-size: 5.7rem; font-weight: 700; color: #2a2b29; text-align:center; font-family: 'Escoredream';font-weight:300;letter-spacing:-0.02em;}
.sec3-header .title span { color: #19306D; font-family: 'Escoredream';font-weight:700;letter-spacing:-0.02em;}
.center-content {display: flex;justify-content: space-between;width: 100%;max-width: 100%;margin: 0 auto;gap: 0;height:100dvh;}

.sec3-inner .image-area {width: 40%;height: 100%;position: relative;overflow: hidden;}
.sec3-inner .img-box {position: absolute;top: 0; left: 0;width: 100%; height: 100%;opacity: 0; /* 초기 숨김 */transition: opacity 0.8s ease-in-out;border-radius:0;}
.sec3-inner .img-box.active {opacity: 1;}
.sec3-inner .img-box img { width: 100%; height: 100%; object-fit: cover; }
.sec3-inner .text-window {width: 60%;height: 100%; overflow: hidden;background: rgba(25, 48, 109, 1);}
.sec3-inner .text-wrap {width: 100%;}
.sec3-inner .center-item {width: 100%;height: 100vh; padding-left:12.9rem;display: flex;flex-direction: column;justify-content: center;color: #fff;}
.sec3-inner .center-item .num-name { display:flex; align-items:center; margin-bottom:20px;}
.sec3-inner .center-item .num-name img { max-width:100%; }
.sec3-inner .center-item .name { font-size: 5rem; padding:20px  0 15px 25px; margin-top:15px; font-family: 'NanumSquareNeo', sans-serif; letter-spacing:-0.02em; font-weight:700;}
.sec3-inner .center-item .desc { font-size: 2.3rem; line-height: 1.6;  margin-bottom: 60px; font-family: 'NanumSquareNeo', sans-serif; }
.sec3-inner .info-list { list-style: none; padding: 0; display:inline-flex; flex-direction:column; gap:20px; }
.sec3-inner .info-list li { width:630px; }
.sec3-inner .info-list li span {
	position: relative;display: block;z-index: 1;padding: 14px 30px; border-radius: 10px 20px 10px 20px; 
	font-size: 1.8rem;color: #fff;font-family: 'NanumSquareNeo', sans-serif;font-weight: 400;
	background: #11235a; overflow: hidden; line-height:1.4; word-break:keep-all;
}
.sec3-inner .info-list li span::before {
	content: "";position: absolute;inset: 0;padding: 1px; border-radius: inherit; 
	background: linear-gradient(150deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 40%);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}
.sec3-inner .info-list li span::after {
	content: "";position: absolute;inset: 0;padding: 1px;border-radius: inherit;
	background: linear-gradient(350deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 50%);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}


/* --- Section 3 반응형 시작 --- 
@media (max-width: 1400px) {
    .sec3-header .title { font-size: 4.5rem; padding:0 30px; word-break:keep-all;}
    .sec3-inner .center-item { padding-left: 6rem; } 
    .sec3-inner .center-item .name { font-size: 4rem; }
    .sec3-inner .info-list li { width: 100%; max-width: 500px; } 
}
@media (max-width: 1024px) {
    .sec3-header { padding: 10rem 0 40px; }
    .sec3-header .title { font-size: 3.5rem; }
    .sec3-inner .image-area { width: 30%; }
    .sec3-inner .text-window { width: 70%; }
    .sec3-inner .center-item { padding-left: 4rem; padding-right: 20px; }
    .sec3-inner .center-item .name { font-size: 3.2rem; }
    .sec3-inner .center-item .desc { font-size: 2rem; margin-bottom: 40px; }

}
@media (max-width: 768px) {
    #section3 { height: auto; }
    .center-content { display: flex;flex-direction: column; height: 100dvh;height: 100vh;overflow: hidden; }
    .sec3-inner .image-area { width: 100%; height: 36dvh; flex-shrink: 0;}
    .sec3-inner .text-window { width: 100%; flex-grow: 1; height: auto !important; overflow: hidden; position: relative;    }
    .sec3-inner .center-item { width: 100%;height: 65dvh !important; padding: 40px 25px; justify-content: center; }
    .sec3-inner .center-item .num-name { margin-bottom: 15px; }
	.sec3-inner .center-item .num-name .num { width:100px;}
	.sec3-inner .center-item .num-name .num img { max-width:100%; }
    .sec3-inner .center-item .name { font-size: 2.8rem; padding: 10px 0 10px 15px; }
    .sec3-inner .center-item .desc { font-size: 1.8rem; margin-bottom: 30px; word-break:keep-all;}
	.sec3-inner .center-item .desc br { display:none; }
    .sec3-inner .info-list { width: 100%; gap: 12px; }
    .sec3-inner .info-list li { width: 100%; }
    .sec3-inner .info-list li span { font-size: 1.5rem; padding: 12px 20px; }
}
@media (max-width: 480px) {
    .sec3-header { padding: 6rem 0 30px; }
    .sec3-header .title { font-size: 2.6rem; }
    .sec3-header .top-label { font-size: 1.3rem; margin-bottom: 15px; }
    .sec3-inner .image-area { height: 36vh; } 
    .sec3-inner .center-item .name { font-size: 2.4rem; }
    .sec3-inner .center-item .desc { font-size: 1.4rem; }
    .sec3-inner .info-list li span { font-size: 1.4rem; padding: 10px 15px; }
}
*/


/* ==========================================================================
   5대 특화센터 모바일 전용 Swiper 스타일 (-m3)
   ========================================================================== */

#section3-m3 { display:none; }
/* 3. 모바일 전체 (768px 이하) - 이미지 36% / 텍스트 64% 배치 */
@media (max-width: 768px) {
	#section3 { display:none; }

    #section3-m3 { width: 100%; height: auto; background: #fff; z-index: 3; position: relative; display:block; }
    .sec3-inner-m3 { max-width: 100%; margin: 0 auto; width: 100%; height: auto; position: relative; }
    
    .sec3-header-m3 { text-align: center; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10rem 0 40px; }
    .sec3-header-m3 .top-label-m3 { font-size: 1.5rem; color: #2a2b29; margin-bottom: 30px; font-family: 'Noto Sans KR', sans-serif; font-weight: 350; display: flex; align-items: center; line-height: 1; }
    .sec3-header-m3 .title-m3 { font-size: 3.5rem; font-weight: 700; color: #2a2b29; text-align: center; font-family: 'Escoredream'; font-weight: 300; letter-spacing: -0.02em; padding: 0 30px; word-break: keep-all; }
    .sec3-header-m3 .title-m3 span { color: #19306D; font-family: 'Escoredream'; font-weight: 700; letter-spacing: -0.02em; }
    
    .center-content-m3 { 
        display: flex; 
        flex-direction: column; 
        height: 100dvh; 
        height: 100vh; 
        overflow: hidden; 
    }

    /* 이미지 영역 (상단 36%) */
    .sec3-inner-m3 .image-area-m3 { 
        width: 100%; 
        height: 36dvh; 
        position: relative;
        overflow: hidden;
        flex-shrink: 0; 
    }
    .sec3-inner-m3 .img-box-m3 { position: absolute; inset: 0; opacity: 0; transition: opacity 0.5s ease-in-out; }
    .sec3-inner-m3 .img-box-m3.active { opacity: 1; }
    .sec3-inner-m3 .img-box-m3 img { width: 100%; height: 100%; object-fit: cover; }

    /* 🌟 스와이퍼 윈도우 (하단 64% 꽉 채우기) */
    .sec3-inner-m3 .text-window-m3.swiper { 
        width: 100%; 
        flex-grow: 1; 
        height: 64dvh !important; 
        height: 64vh !important;
        background: rgba(25, 48, 109, 1);
        overflow: hidden; 
        position: relative;
    }
    .sec3-inner-m3 .text-wrap-m3.swiper-wrapper { width: 100%; height: 100%; }

    /* 🌟 개별 콘텐츠 카드 (정중앙 65vh 내외의 높이에서 수직 정중앙 완벽 정렬) */
    .sec3-inner-m3 .center-item-m3.swiper-slide { 
        width: 100%; 
        height: 100% !important;
        padding: 40px 25px; 
        display: flex;
        flex-direction: column;
        justify-content: center; /* 01~05 내용물 무조건 위아래 센터 고정 */
        color: #fff;
        box-sizing: border-box;
    }

    .sec3-inner-m3 .center-item-m3 .num-name-m3 { display: flex; align-items: center; margin-bottom: 15px; }
    .sec3-inner-m3 .center-item-m3 .num-name-m3 .num-m3 { width: 100px; }
    .sec3-inner-m3 .center-item-m3 .num-name-m3 .num-m3 img { max-width: 100%; }
    .sec3-inner-m3 .center-item-m3 .name-m3 { font-size: 2.8rem; padding: 10px 0 10px 15px; font-family: 'NanumSquareNeo', sans-serif; letter-spacing: -0.02em; font-weight: 700; margin-top: 0; }
    .sec3-inner-m3 .center-item-m3 .desc-m3 { font-size: 1.8rem; line-height: 1.6; margin-bottom: 30px; font-family: 'NanumSquareNeo', sans-serif; word-break: keep-all; }
    .sec3-inner-m3 .center-item-m3 .desc-m3 br { display: none; }

    /* 리스트 박스 영남권 최적화 */
    .sec3-inner-m3 .info-list-m3 { list-style: none; padding: 0; display: inline-flex; flex-direction: column; gap: 12px; width: 100%; }
    .sec3-inner-m3 .info-list-m3 li { width: 100%; }
    .sec3-inner-m3 .info-list-m3 li span {
        position: relative; display: block; z-index: 1; padding: 12px 20px; border-radius: 10px 20px 10px 20px; 
        font-size: 1.5rem; color: #fff; font-family: 'NanumSquareNeo', sans-serif; font-weight: 400;
        background: #11235a; overflow: hidden; line-height: 1.4; word-break: keep-all;
    }
    .sec3-inner-m3 .info-list-m3 li span::before,
    .sec3-inner-m3 .info-list-m3 li span::after {
        content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; 
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;
    }
    .sec3-inner-m3 .info-list-m3 li span::before { background: linear-gradient(150deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 40%); }
    .sec3-inner-m3 .info-list-m3 li span::after { background: linear-gradient(350deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 50%); }
}

/* 4. 최소 모바일 (480px 이하) */
@media (max-width: 480px) {
    .sec3-header-m3 { padding: 6rem 0 30px; }
    .sec3-header-m3 .title-m3 { font-size: 2.6rem; }
    .sec3-header-m3 .top-label-m3 { font-size: 1.3rem; margin-bottom: 15px; }

    .sec3-inner-m3 .image-area-m3 { height: 36vh; } 
    .sec3-inner-m3 .center-item-m3 .name-m3 { font-size: 2.4rem; }
    .sec3-inner-m3 .center-item-m3 .desc-m3 { font-size: 1.4rem; }
    .sec3-inner-m3 .info-list-m3 li span { font-size: 1.4rem; padding: 10px 15px; }

	.desc-m3 br { display:block !important; }
}

@media (max-width: 390px) {
	.sec3-inner-m3 .center-item-m3 .name-m3 { font-size: 2rem; }
	.sec3-inner-m3 .center-item-m3 .desc-m3 { font-size: 1.2rem; line-height:200% !important; margin-bottom:15px;}
}

@media (max-width: 768px) {
    /* 🌟 스와이퍼 영역을 기준점으로 잡기 위해 relative 추가 확인 */
    .sec3-inner-m3 .text-window-m3.swiper {
        position: relative;
    }

    /* 🌟 정중앙 absolute 레이아웃 (더 크고 선명하게) */
    .swipe-guide-m3 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); /* 정확한 화면 정중앙 정렬 */
        z-index: 10; /* 슬라이드 내용물보다 무조건 위에 배치 */
        display: flex;
        flex-direction: column; /* 👈 손가락 아래에 글자가 오도록 세로 배치 */
        align-items: center;
        gap: 15px; /* 손가락과 글자 사이 간격 */
        pointer-events: none; /* 🌟 가이드 박스 때문에 뒷배경 터치가 막히는 현상 원천 차단 */
        transition: opacity 0.5s ease, visibility 0.5s ease; /* 터치 시 스르륵 사라지는 효과 */
    }
    
    /* 🌟 손가락 아이콘 크기 확대 */
    .swipe-hand-m3 {
        width: 45px; /* 기존 20px -> 45px로 대폭 확대 */
        height: 45px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M21 11c0-1.66-1.34-3-3-3-.22 0-.42.03-.63.08C16.83 6.84 15.54 6 14 6c-.24 0-.48.03-.7.08C12.71 4.81 11.45 4 10 4c-1.66 0-3 1.34-3 3v5.27c-.43-.37-1.01-.63-1.65-.69L4.41 11.5c-.64-.06-1.24.23-1.57.77-.33.54-.3 1.23.07 1.73l3.52 4.74c1.1 1.49 2.85 2.36 4.7 2.36H16c2.76 0 5-2.24 5-5v-6.11z'/%3E%3C/svg%3E") no-repeat center/contain;
        animation: shakeHandM3 1.2s infinite ease-in-out; /* 조금 더 직관적으로 정밀하게 흔들림 */
    }
    
    /* 🌟 안내 텍스트 크기 확대 */
    .swipe-text-m3 {
        font-size: 1.8rem; /* 기존 1.3rem -> 1.8rem으로 확대 */
        color: #fff;
        font-family: 'NanumSquareNeo', sans-serif;
        font-weight: 700; /* 눈에 확 띄게 두껍게 변경 */
        letter-spacing: -0.02em;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); /* 가독성을 위한 폰트 그림자 */
        background: rgba(17, 35, 90, 0.8); /* 뒷 배경색과 대비를 위한 반투명 패드 */
        padding: 8px 18px;
        border-radius: 30px;
    }

	/* .sec3-inner-m3 .text-window-m3.swiper:hover .swipe-guide-m3 {
        opacity: 0;
        visibility: hidden;
    } */

    /* 좌우로 다이내믹하게 움직이는 모션 */
    @keyframes shakeHandM3 {
        0%, 100% { transform: translateX(-15px) rotate(-5deg); }
        50% { transform: translateX(15px) rotate(5deg); }
    }
	
	.text-window-m3 { width:100%; position:relative; }
	/* 페이징 전체 컨테이너 위치 조정 */
	.text-window-m3 .swiper-pagination {
		bottom: 30px !important; /* 하단에서의 여백 */
		left: 50% !important;
		transform: translateX(-50%) !important;
		z-index: 10;
		width:80% !important;
		position:absolute;
	}

	/* 기본 비활성화 상태의 점(Dot) 스타일 */
	.text-window-m3 .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		background-color: #ccc; /* 비활성화 점 색상 */
		opacity: 0.7;
		margin: 0 4px;
		transition: all 0.3s ease;
	}

	/* 현재 활성화된 상태의 점(Dot) 스타일 */
	.text-window-m3 .swiper-pagination-bullet-active {
		width: 24px; /* 활성화 시 가로로 길어지는 모던한 효과 (선택사항) */
		border-radius: 4px;
		background-color: #fff; /* 활성화 점 색상 (원하는 테마색으로 변경) */
		opacity: 1;
	}

}



/* section4 */
#section4 {padding: 0 0 80px;background-color: #fff;overflow: hidden;position:relative; z-index:4;}
.sec4-inner {max-width: 100%;margin: 0 auto;padding: 0 40px;}
.sec4-header {text-align: center;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16rem 0 60px;}
.sec4-header .top-label { font-size: 1.5rem; color: #2a2b29; margin-bottom: 30px; font-family: 'Noto Sans KR', sans-serif;font-weight:350;display:flex;align-items:center;line-height:1; }
.sec4-header .title { font-size: 5.7rem; font-weight: 700; color: #2a2b29; text-align:center; font-family: 'Escoredream';font-weight:300;letter-spacing:-0.02em;}
.sec4-header .title span { color: #19306D; font-family: 'Escoredream';font-weight:700;letter-spacing:-0.02em;}




/* 아코디언 컨테이너 2026-06-15 */
.sec4-inner .accordion-container {display: flex;gap: 15px;height: 695px;width: 100%;}
.sec4-inner .acc-item {position: relative;flex: 0 0 10rem; border-radius: 30px;overflow: hidden;cursor: pointer;transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1);}

/* JS가 제어하는 .active 클래스만 남김 (hover 중복 제거) */
.sec4-inner .acc-item.active {
	flex: 1;
	box-shadow: 0px 0px 50px 0px #93ABFF4D;
	border: 1px solid #4772E5;
	border-radius: 32px 100px 32px 100px;
}
.sec4-inner .acc-bg {position: absolute;top: 0; left: 0;width: 100%; height: 100%;z-index: 1;}
.sec4-inner .acc-bg img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s; }

/* 배경 이미지 커지는 효과는 진짜 '마우스'가 있는 기기에서만 작동 */
@media (hover: hover) and (pointer: fine) {
    .sec4-inner .acc-item:hover .acc-bg img { transform: scale(1.05); }
}

.sec4-inner .acc-bg .overlay {position: absolute;top: 0; left: 0;width: 100%; height: 100%;background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 100%); display:none;}

/* 콘텐츠 영역 */
.sec4-inner .acc-item .acc-content {position: relative;z-index: 2;height: 100%;padding: 11.8rem 0 8rem;color: #fff;display: flex;flex-direction: column;justify-content: flex-start;align-items:center;}
.sec4-inner .acc-item.active .acc-content {
	position: relative;z-index: 2;height: 100%;padding: 11.8rem 10rem 8rem;color: #fff;display: flex;flex-direction: column;justify-content: space-between;align-items:flex-start;
}
.sec4-inner .acc-item .acc-top {padding-left:0;}
.sec4-inner .acc-item.active .acc-top {display: flex;align-items: center;transition: opacity 0.4s;padding-left:3rem; opacity: 1;padding-left:0;}

.sec4-inner .num {
	background: #fff;color: rgba(116,116,118,1);width: 60px; height: 60px;display: flex; align-items: center; justify-content: center;border-radius: 16px;
	font-weight: 700;position:absolute;top: 20px;left: 50%;transform: translateX(-50%);font-size:1.8rem; color:#747476; 
}
.sec4-inner .name { position: absolute;top: 200px;left: 50%;transform: translateX(-50%) rotate(90deg);font-size: 2.2rem;white-space: nowrap;opacity: 1;transition: opacity 0.3s;letter-spacing: -0.02em;font-family: 'NanumSquareNeo';font-weight:700;padding-left:30px;}

.sec4-inner .acc-expanded {flex: 1;display: flex;flex-direction: column;justify-content: flex-end;opacity: 0;transform: translateY(20px);transition: opacity 0.3s 0s, transform 0.3s 0s; }
.sec4-inner .acc-item.active .acc-expanded {opacity: 1;transform: translateY(0);transition: opacity 0.5s 0.4s, transform 0.5s 0.4s; }
.sec4-inner .acc-item.active .num { position:relative;top: auto;left: auto;transform: translateX(0);}
.sec4-inner .acc-item.active .name { font-weight: 700; position: relative;top: 0;left: 0;transform: translateX(0) rotate(0deg);font-size: 5rem;white-space: normal;opacity: 1;margin-left:-10px;font-family: 'Escoredream';}

.sec4-inner .acc-expanded .tag { color: #fff; font-size: 2.2rem; margin-bottom: 20px; letter-spacing: -0.02em; font-family: 'NanumSquareNeo', sans-serif;font-weight:700;line-height:1.5;}
.sec4-inner .acc-expanded .exp-title { font-size: 4rem; margin-bottom: 15px; letter-spacing: -0.02em; font-family: 'Escoredream';font-weight:600;}
.sec4-inner .acc-expanded .exp-list { padding: 0; list-style: none; opacity: 1; font-size: 0.95rem; }
.sec4-inner .acc-expanded .exp-list li { margin-bottom: 5px; position: relative; padding-left: 15px; font-size:1.8rem; font-family: 'NanumSquareNeo', sans-serif; font-weight:400; line-height:1.4;word-break:keep-all;}
.sec4-inner .acc-expanded .exp-list li::before { content: '•'; position: absolute; left: 0; }

.acc-item1 .name { top:182px;}
.acc-item2 .name { top:215px; }
.acc-item3 .name { top:158px;}
.acc-item4 .name { top:158px;}
.acc-item5 .name { top:190px;}


/* --- Section 4 반응형 시작 --- */

@media (max-width: 1200px) {
    .sec4-header .title { font-size: 4.5rem; }
    .sec4-inner .acc-item.active .acc-content { padding: 4rem 3rem; }
}

@media (min-width: 1025px) {
    .sec4-inner .acc-item.active {
        flex: 1;
        box-shadow: 0px 0px 50px 0px #93ABFF4D;
        border: 1px solid #4772E5;
        border-radius: 32px 100px 32px 100px;
    }
    .sec4-inner .acc-item.active .acc-content {
        padding: 11.8rem 10rem 8rem;
        align-items: flex-start;
        justify-content: space-between;
    }
    .sec4-inner .acc-item.active .acc-expanded {
        opacity: 1;
        transform: translateY(0);
        transition: opacity 0.5s 0.4s, transform 0.5s 0.4s;
    }
}

@media (max-width: 1024px) {
    .sec4-header { padding: 10rem 0 40px; }
    .sec4-header .title { font-size: 3.5rem; }

    /* 가로에서 세로 레이아웃으로 변경 */
    .sec4-inner .accordion-container {
        flex-direction: column; 
        height: auto; 
        gap: 10px;
    }

    .sec4-inner .acc-item {
        flex: 0 0 80px; 
        width: 100%;
        transition: flex 0.5s ease;
    }

    /* 확장되었을 때의 높이 설정 */
    .sec4-inner .acc-item.active {
        flex: 0 0 auto; 
        border-radius: 20px 50px 20px 50px;
    }

    .sec4-inner .acc-item .acc-content {
        padding: 0 20px;
        flex-direction: row; 
        align-items: center;
        justify-content: flex-start;
    }

    .sec4-inner .acc-item.active .acc-content {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 30px 20px;
    }

    .sec4-inner .acc-item.active .acc-top {
        padding-left:0rem;
    }

    /* 회전된 이름 복구 */
    .sec4-inner .name {
        position: relative;
        top: 0 !important; 
        left: 0;
        transform: translateX(0) rotate(0deg); 
        margin-left: 80px; 
        font-size: 2rem;
    }

    .sec4-inner .num {
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translateY(-50%);
        width: 45px;
        height: 45px;
    }

    /* 확장 시 폰트 및 레이아웃 수정 */
    .sec4-inner .acc-item.active .name {
        margin-left: 0;
        margin-bottom: 40px;
        font-size: 2.6rem;
        font-weight: 700;
        position: relative;
        word-break:keep-all;
        padding:0;
        top: auto;
        left: 0;
        transform: translateX(0) rotate(0deg);
        width:100%;
        line-height:1.4;
		margin-top:10px;
    }

    .sec4-inner .acc-item.active .acc-expanded {
        opacity: 1;
        transform: translateY(0);
        transition: opacity 0.5s 0.4s, transform 0.5s 0.4s;
    }
    
    .sec4-inner .acc-expanded .tag { font-size: 1.8rem; margin-bottom: 10px; }
    .sec4-inner .acc-expanded .exp-title { font-size: 2.8rem; word-break:keep-all;}
    .sec4-inner .acc-expanded .exp-title br { display:none; }
    .sec4-inner .acc-expanded .exp-list li { font-size: 1.6rem; }


	#section4 .acc-item .acc-bg img { display:none; }
	#section4 .acc-item1 .acc-bg { background:url(../images/mobile/m-pbg1.png) no-repeat center / cover; }
	#section4 .acc-item2 .acc-bg { background:url(../images/mobile/m-pbg2.png) no-repeat center / cover;}
	#section4 .acc-item3 .acc-bg { background:url(../images/mobile/m-pbg3.png) no-repeat center / cover;}
	#section4 .acc-item4 .acc-bg { background:url(../images/mobile/m-pbg4.png) no-repeat center / cover;}
	#section4 .acc-item5 .acc-bg { background:url(../images/mobile/m-pbg5.png) no-repeat center / cover;}


	.sec4-inner .acc-item .acc-content { position:relative; }
	.sec4-inner .acc-item .acc-content::after { 
		content:"";display:block;width:16px;height:8px; 
		background:url(../images/mobile/arrow-down.png) no-repeat center / 100%; 
		position:absolute; right:30px; top:50%; transform:translateY(-50%);
	}
	.sec4-inner .acc-item.active .acc-content::after { display:none; }

}

@media (max-width: 768px) {
    .sec4-inner { padding: 0 20px; }
    .sec4-header .title { font-size: 2.8rem; }
    .sec4-inner .acc-item.active {flex: 0 0 auto; }
    .sec4-inner .acc-item.active .name { font-size: 2.2rem; }
    .sec4-inner .acc-expanded .exp-title { font-size: 2.2rem; }
    .sec4-inner .acc-expanded .exp-list li { font-size: 1.5rem; }
    .sec4-inner .acc-item.active .acc-top { padding:30px 0 0; margin:0 !important; width:100% !important; flex-direction:column; }
    .sec4-inner .acc-item.active .num { text-align:center; }
    .sec4-inner .acc-item.active .acc-expanded { padding:150px 0 0; }
    .sec4-inner .acc-item.active .acc-top h3.name { text-align:center;}
}

@media (max-width: 480px) {
    .sec4-header .title { font-size: 2.4rem; }
    .sec4-inner .acc-item.active { flex: 0 0 auto; }
    .sec4-inner .acc-item .num { width: 40px; height: 40px; font-size: 1.4rem; flex:0 0 40px;}
    .sec4-inner .name { margin-left: 20px; font-size: 1.7rem; }
}



/* section5 */
#section5 {padding: 12rem 0 16rem;background-color: #fff;overflow: hidden;position:relative; z-index:5;}
.sec5-inner {max-width: 100%;margin: 0 auto;text-align: center;}
.stats-container {display: flex;justify-content: space-around;align-items: center;margin-bottom: 60px;}
.stat-item {flex: 1;opacity: 0; /* 초기 숨김 */}
.stat-label {font-size: 2.2rem;color: #333;margin-bottom: 0;font-weight: 700;display:flex;align-items:center;justify-content:center;}
.badge {background: #4772E5;color: #fff;padding: 6px 12px;border-radius: 5px;font-size: 2.2rem;margin-right: 10px;vertical-align: middle;font-family: 'NanumSquareNeo', sans-serif;font-weight:700;}
.stat-label strong { font-family: 'NanumSquareNeo', sans-serif;font-weight:700;color:#2a2a2a; letter-spacing:-0.02em;}
.stat-label strong em { font-family: 'NanumSquareNeo', sans-serif;font-weight:400;color:#2a2a2a; letter-spacing:-0.02em; font-size:1.5rem; display:block; padding-top:5px; line-height:1.4;}
.stat-number { display:flex; align-items:center; justify-content:center;position:relative; margin-top:-20px;} 
.stat-number span.count {
    font-family: 'Playfair Display', 'Georgia', serif;
    font-size: 12rem;
    font-weight: 700;
    background: radial-gradient(94.14% 94.14% at 12.41% 41.71%, #3764DC 0%, #19306D 100%);
    -webkit-background-clip: text; /* 사파리 및 크롬 계열 브라우저 지원 */
    background-clip: text;
    color: transparent;
	line-height:1.3;
    display: inline-block;

}
.unit {font-size: 6.5rem;margin-left: 5px;font-weight: 500;color:#285090;}
.divider {font-size: 14rem;color: #ddd;font-weight: 100;transform: rotate(15deg); display:flex; align-items:center;justify-content:center;}
.cross-dash { display:block;width:55px; height:129px; background:url(../images/cross-dash.svg) no-repeat center / 100%;  }

/* 기존 CSS에서 수정 */
.line-container {position: relative;width: 100%;margin: 6rem auto 0;}
.main-line {width: 0; height: 1px;background-color: #19306d;opacity: 0.3;}
.dot-wrapper {position: absolute;top: -5px;left: 0;width: 100%;display: flex;justify-content: space-around;}
.dot {width: 13px;height: 13px;background-color: #19306d;border-radius: 50%;opacity: 0;position:relative;}
.dot::after { content:"";display:block;width:45px;height:45px;position:absolute; left:50%; top:50%;transform:translate(-50%,-50%);border-radius:50%;background:url(../images/shadow-blur.svg) no-repeat center / 100%;  }

.main-text-add { display:flex; justify-content:center; padding:30px 0; border-top:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2); max-width:880px; margin:50px auto 0; }
.main-text-add li { position:relative; display:flex; flex-direction:column; align-items:center; padding:0 50px; gap:5px} 
.main-text-add li::before { content:"";display:block;width:1px; height:100%; background:rgba(0,0,0,0.2); position:absolute; left:0; top:50%; transform:translateY(-50%); }
.main-text-add li:nth-child(1)::before { display:none;  }
.main-text-add li span { font-size:18px; font-weight:400; font-family: 'NanumSquareNeo', sans-serif; color:#2a2a2a; } 
.main-text-add li span em { 
	font-size:18px; font-weight:800; 
	font-family: 'NanumSquareNeo', sans-serif;
	color:#2a2a2a; 
}
	
.main-text-add li span strong { 
	font-size:32px; font-weight:800; 
    background: radial-gradient(94.14% 94.14% at 12.41% 41.71%, #3764DC 0%, #19306D 100%);
    -webkit-background-clip: text; /* 사파리 및 크롬 계열 브라우저 지원 */
    background-clip: text;
    color: transparent;
	line-height:1.3;
    display: inline-block;
}
	

/* --- Section 5 반응형 시작 --- */

/* 1. 데스크탑 소형 & 태블릿 (1400px 이하) */
@media (max-width: 1400px) {
    .stat-number span.count { font-size: 10rem; }
    .divider { font-size: 10rem; }
    .cross-dash { width: 40px; height: 100px; }
}

/* 2. 일반 태블릿 (1024px 이하) */
@media (max-width: 1024px) {
    #section5 { padding: 6rem 0 6rem; }

    /* 숫자 크기 축소 */
    .stat-number span.count { font-size: 8rem; }
    .unit { font-size: 2.2rem; }
    
    /* 장식 요소 축소 */
    .divider { font-size: 7rem; }
    .cross-dash { width: 30px; height: 70px; }
    
    .stat-label { font-size: 1.8rem; }
    .badge { font-size: 1.8rem; padding: 4px 10px; }


	.main-text-add { display:flex; justify-content:center; padding:0 30px; max-width:100%; margin:20px auto 0; flex-direction:column; border:none;}
	.main-text-add li { position:relative; display:flex; flex-direction:column; align-items:center; padding:15px 20px; gap:0px; border:1px solid rgba(0,0,0,0.15); margin:5px 0; border-radius:5px 20px 5px 20px;} 
	.main-text-add li::before { content:"";display:block;width:100px; height:1px; background:rgba(0,0,0,0.2); position:absolute; left:50%; top:0; transform:translate(-50%,0); display:none;}
	.main-text-add li:nth-child(1)::before { display:none;  }
	.main-text-add li span { font-size:14px; } 
	.main-text-add li span em { 
		font-size:14px; 
	}
	.main-text-add li span strong { 
		font-size:22px; 
	}

}

/* 3. 모바일 전환 (768px 이하) */
@media (max-width: 768px) {
    #section5 { padding: 2rem 0 7rem; }

    /* 세로 배치로 전환 */
    .stats-container {
        flex-direction: column;
		flex-direction: row;
		flex-wrap:wrap;
        gap: 0; /* 아이템 간 간격 확보 */
		margin-bottom:0;
    }

    /* 모바일에서는 구분선(사선) 숨김 처리 */
    .divider, .cross-dash {
        display: none;
    }

    /* 하단 가로 라인 및 도트 숨김 (세로 배치와 어울리지 않음) */
    .line-container {
        display: none;
    }

    /* 숫자 및 레이아웃 조정 */
    .stat-item {
        width: 100%;
		width:50%;
    }
    .stat-number {
        margin-top: 0; /* 마이너스 마진 해제 */
    }
    .stat-number span.count {
        font-size: 4rem;
        line-height: 1.1;
    }
    .stat-label {
        flex-direction: column; /* 배지와 텍스트 세로 정렬 */
        gap: 10px;
    }
    .badge {
        margin-right: 0;
    }
    .stat-label strong em {
        font-size: 1rem;
    }

	.sl-second { margin-bottom:18px; }


    .stats-container {
        flex-direction: column;
		flex-direction: row;
		flex-wrap:wrap;
        gap: 0;
    }

    /* 기존 하단 통합 라인은 숨김 */
    .sec5-inner > .line-container {
        display: none;
    }

    /* 모든 수치 아이템 하단에 라인과 점 생성 */
    .stat-item {
        position: relative;
        padding-bottom: 50px; /* 라인과의 간격 */
        width: 100%;
		width: 50%;
		flex:0 0 50%;
		height:220px;
		padding-top:50px;
    }

    /* 아이템 밑 가로 라인 (마지막 포함 전체 적용) */
    .stat-item::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #19306d;
        opacity: 0.3;
    }

    /* 아이템 라인 중앙 점 (마지막 포함 전체 적용) */
    .stat-item::before {
        content: "";
        position: absolute;
        bottom: -6px;
        left: 50%;
        transform: translateX(-50%);
        width: 13px;
        height: 13px;
        background-color: #19306d;
        border-radius: 50%;
        z-index: 2;
    }
    
    /* [추가] 마지막 라인 점에도 그림자 효과를 넣고 싶을 때 */
    .stat-item::before {
        box-shadow: 0 0 15px rgba(55, 100, 220, 0.5); /* SVG 대신 CSS 글로우 효과 */
    }

    /* 숫자 및 레이블 최적화 */
    .stat-number span.count {
        font-size: 6rem;
    }


}

/* 4. 최소 모바일 (480px 이하) */
@media (max-width: 480px) {
    .stat-number span.count {
        font-size: 4rem;
    }
    .unit {
        font-size: 1.5rem;
    }
    .stat-label strong {
        font-size: 1.2rem;
    }
    .stat-item {
        padding-bottom: 40px;
    }

}



/* --- Section 5 가로 라인 및 도트 디자인 (마지막 라인 포함) --- */

/* 1. 데스크탑 및 태블릿 공통 (기존 유지) */
.line-container {
    position: relative;
    width: 100%;
    margin: 6rem auto 0;
    padding: 0 40px;
}
.main-line {
    width: 100%;
    height: 1px;
    background-color: #19306d;
    opacity: 0.3;
    display: block;
}
.dot-wrapper {
    position: absolute;
    top: -6px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 0 40px;
}
.dot {
    width: 13px;
    height: 13px;
    background-color: #19306d;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}
/* 점 아래 그림자 효과가 필요하다면 추가 */
.dot::after {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/shadow-blur.svg) no-repeat center / 100%;
    z-index: -1;
}






/* section6 */
#section6 {background-color: #1a365d;background: radial-gradient(50% 50% at 50% 50%, #3764DC 0%, #19306D 100%);padding: 0 0 12rem;color: #fff;overflow: hidden;border-radius:0 100px 0 0; position:relative; z-index:6;}
.sec6-inner {padding: 0 80px;}
.sec6-inner .sec6-header {text-align: center;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16rem 0 60px;}
.sec6-inner .sec6-header .top-label { font-size: 1.5rem; color: #fff; margin-bottom: 30px; font-family: 'Noto Sans KR', sans-serif;font-weight:350;display:flex;align-items:center;line-height:1; }
.sec6-inner .sec6-header .title { font-size: 5.7rem; font-weight: 700; color: #fff; text-align:center; font-family: 'Escoredream';font-weight:300;letter-spacing:-0.02em;}
.sec6-inner .sec6-header .title span { color: #fff; font-family: 'Escoredream';font-weight:700;letter-spacing:-0.02em;}

.sec6-inner .network-container {display: flex;gap: 30px;height: 462px;align-items: center;}
.sec6-inner .network-card {position: relative;flex: 1;height: 100%;border-radius: 10px 30px 10px 30px;overflow: hidden;cursor: pointer;transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);}
.sec6-inner .network-card.active, 
.sec6-inner .network-card:hover {flex: 1.4;}
.sec6-inner .card-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.sec6-inner .card-bg img {width: 100%;height: 100%;object-fit: cover;transition: all 0.6s;}
.sec6-inner .network-card.active .card-bg img,
.sec6-inner .network-card:hover .card-bg img {transform: scale(1.05);}
.sec6-inner .dim {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #1f2461;z-index: 2;opacity:0.8}
.sec6-inner .network-card:hover .dim,
.sec6-inner .network-card.active .dim {display:none;}
.sec6-inner .network-card .card-content { display:flex; justify-content:center; align-items:center; height:100%;position: relative;z-index: 3;}
.sec6-inner .network-card .card-content > div { 
	display:flex; flex-direction:column; justify-content:center; align-items:center; 
	border:none; background:none; 
	position:relative;
}
.sec6-inner .network-card .card-content > div a { 
	display:flex; flex-direction:column; justify-content:center; align-items:center; 
	border:none; background:none; 
	color:#fff;
}

.sec6-inner .network-card .card-content a .center-logo-m { display:none; }
.sec6-inner .network-card .card-content a .branch-name { font-size:1.6rem;font-weight:400;font-family: 'NanumSquareNeo', sans-serif; }
.sec6-inner .network-card .card-content a .main-btn {font-size:2.4rem;font-weight:800;font-family: 'NanumSquareNeo', sans-serif; margin:8px 0 16px;display:inline-flex;}
.sec6-inner .network-card .card-content a .baro-net { display:inline-flex; justify-content:center; align-items:center;}
.sec6-inner .network-card .card-content a .baro-net strong {font-size:1.4rem;font-weight:400;font-family: 'NanumSquareNeo', sans-serif;margin-right:5px; }
.sec6-inner .network-card .card-content a .baro-net i { display:inline-block;width:19px; height:20px;background:url(../images/i-go-white.svg) no-repeat center / 100%; }

.sec6-inner .network-card:hover .card-content > div { background: rgba(255, 255, 255, 0.19);padding: 12px 14px;border-radius: 30px;}
.sec6-inner .network-card:hover .card-content > div a { border: 1px solid rgba(255, 255, 255, 0.2);backdrop-filter: blur(9.569999694824219px);background: rgba(255, 255, 255, 0.01);padding:26px 48px; border-radius: 30px;text-align:Center;}
.sec6-inner .network-card:hover .card-content a .center-logo-m { display:block; }
.sec6-inner .network-card:hover .card-content a .branch-name { font-size:2.3rem;font-weight:700;margin:20px 0 24px}
.sec6-inner .network-card:hover .card-content a .main-btn {font-size:1.8rem;margin:0 0 0;background: #1F2461;border-radius:30px;padding:7px 30px;}
.sec6-inner .network-card:hover .card-content a .baro-net { display:none;}

.sec6-inner .network-card.active .card-content > div { background: rgba(255, 255, 255, 0.19);padding: 12px 14px;border-radius: 30px;}
.sec6-inner .network-card.active .card-content > div a { border: 1px solid rgba(255, 255, 255, 0.2);backdrop-filter: blur(9.569999694824219px);background: rgba(255, 255, 255, 0.01);padding:26px 48px; border-radius: 30px;text-align:Center;}
.sec6-inner .network-card.active .card-content a .center-logo-m { display:block; }
.sec6-inner .network-card.active .card-content a .branch-name { font-size:2.3rem;font-weight:700;margin:20px 0 24px}
.sec6-inner .network-card.active .card-content a .main-btn {font-size:1.8rem;margin:0 0 0;background: #1F2461;border-radius:30px;padding:7px 30px;}
.sec6-inner .network-card.active .card-content a .baro-net { display:none;}

.sec6-inner .network-card:hover .go-btn,
.sec6-inner .network-card.active .go-btn {opacity: 1;transform: translateY(0);}

/* --- Section 6 반응형 시작 --- */

/* 1. 데스크탑 소형 & 태블릿 (1400px ~ 1025px) */
@media (max-width: 1400px) {
    .sec6-inner { padding: 0 40px; }
    .sec6-inner .sec6-header .title { font-size: 4.5rem; }
    .sec6-inner .network-card .card-content a .branch-name { font-size: 1.4rem; }
    .sec6-inner .network-card:hover .card-content a .branch-name,
    .sec6-inner .network-card.active .card-content a .branch-name { font-size: 2rem; }
}

/* --- [1024px 이하] 모든 정보 상시 노출 모드 --- */
@media (max-width: 1024px) {
    #section6 { padding: 0 0 10rem; border-radius: 0 60px 0 0; }
    .sec6-inner { padding: 0 40px; }
    .sec6-inner .sec6-header { padding: 10rem 0 40px; }
    .sec6-inner .sec6-header .title { font-size: 3.5rem; }

    /* 세로 배치 리스트 */
    .sec6-inner .network-container {
        flex-direction: column;
        height: auto;
        gap: 20px;
    }

    /* 카드 고정 및 인터랙션 제거 */
    .sec6-inner .network-card,
	.sec6-inner .network-card:hover,
	.sec6-inner .network-card.active {
        width: 100%;
        height: 320px; /* 모든 정보가 다 보이도록 높이를 약간 넉넉히 조정 */
        flex: none;
        cursor: default;
        border-radius: 15px 40px 15px 40px;
    }

    /* 배경 어두운 효과(Dim) 제거 및 이미지 고정 */
    .sec6-inner .dim { opacity: 0 !important; }
    .sec6-inner .card-bg img { transform: scale(1.05) !important; }

	.sec6-inner .network-card .card-content a .main-btn { font-size:1.4rem; }

    /* --- [중요] 마우스 오버 시 나오던 콘텐츠 박스 강제 활성화 --- */
    .sec6-inner .network-card .card-content > div,
	.sec6-inner .network-card:hover .card-content > div,
	.sec6-inner .network-card.active .card-content > div {
        background: rgba(255, 255, 255, 0.19);
        padding: 12px 14px;
        border-radius: 30px;
        width: 70%; /* 모바일 폭 대응 */
        display: flex;
        justify-content: center;
    }

    .sec6-inner .network-card .card-content > div a,
	.sec6-inner .network-card:hover .card-content > div a,
	.sec6-inner .network-card.active .card-content > div a{
        border: 1px solid rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(10px);
        background: rgba(255, 255, 255, 0.05); /* 약간 더 선명하게 */
        padding: 30px 20px;
        border-radius: 30px;
        text-align: center;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* 1. 로고 항상 노출 */
    .sec6-inner .center-logo-m { 
        display: block !important; 
        margin-bottom: 15px;
    }
    .sec6-inner .center-logo-m img { height: 35px; width: auto; }

	.sec6-inner .network-container .network-card2 { order:0; }
	.sec6-inner .network-container .network-card1 { order:1; }
	.sec6-inner .network-container .network-card3 { order:2; }


    /* 2. 지점명(타이틀) 항상 노출 및 스타일 고정 */
    .sec6-inner .branch-name { 
        display: block !important;
        font-size: 2.2rem !important; 
        font-weight: 700 !important; 
        margin: 10px 0 20px !important;
        color: #fff;
        transform: none !important;
        opacity: 1 !important;
    }

    /* 3. 메인 버튼 항상 노출 및 스타일 고정 */
    .sec6-inner .main-btn {
        display: inline-flex !important;
        opacity: 1 !important;
        transform: translateY(0) !important;
        font-size: 1.4rem;
        background: #1F2461;
        border-radius: 30px;
        padding: 15px 35px;
        margin: 0;
        color: #fff;
        font-weight: 700;
    }

    /* 닫혀있을 때의 요소(화살표 등)는 숨김 */
    .sec6-inner .baro-net { display: none !important; }
}

/* --- [768px 이하] 모바일 최적화 --- */
@media (max-width: 768px) {
    .sec6-inner { padding: 0 20px; }
    .sec6-inner .sec6-header .title { font-size: 2.8rem; }
    
    .sec6-inner .network-card { height: 320px; } /* 높이 살짝 축소 */
    
    .sec6-inner .network-card .card-content > div a { padding: 25px 15px; }
    
    .sec6-inner .center-logo-m img { height: 28px; }
    .sec6-inner .branch-name { font-size: 1.8rem !important; margin: 8px 0 15px !important; }
    .sec6-inner .main-btn { font-size: 1.4rem; padding: 7px 15px; }
}

/* --- [480px 이하] 최소 폭 모바일 --- */
@media (max-width: 480px) {
    #section6 { border-radius: 0 40px 0 0; }
    .sec6-inner .sec6-header .title { font-size: 2.4rem; }
    
    .sec6-inner .network-card { height: 300px; }
    .sec6-inner .branch-name { font-size: 1.6rem !important; }
}



/* section7 */
#section7 {position: relative;width: 100%;height: 100vh;height:1200px;background-color: #fff;overflow: hidden;display: flex;align-items: flex-start;justify-content: center; z-index:7}
.sec7-inner { width: 100%; max-width: 1800px; height:100%; position: relative; margin: 0 auto; overflow:hidden;}
.sec7-inner .sec7-header {position: absolute;top: 6vh; left: 0; width: 100%;text-align: center;z-index: 100;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.sec7-inner .sec7-header .top-label { font-size: 1.5rem; color: #2a2b29; margin-bottom: 30px; font-family: 'Noto Sans KR', sans-serif;font-weight:350;display:flex;align-items:center;line-height:1; }
.sec7-inner .sec7-header .title { font-size: 5.7rem; font-weight: 700; color: #2a2b29; text-align:center; font-family: 'Escoredream';font-weight:300;letter-spacing:-0.02em;}
.sec7-inner .sec7-header .title span { color: #19306D; font-family: 'Escoredream';font-weight:700;letter-spacing:-0.02em;}
.sec7-inner .arc-container {position: absolute;top: 25%;left: 50%;transform: translateX(-50%);width: 1800px;height: 1800px;}
.sec7-inner .arc-line-svg {position: absolute;top: 0; left: 0; width: 100%;opacity: 0.5;}
.sec7-inner .arc-wrapper {position: relative;width: 100%;height: 100%;}
.sec7-inner .eq-item {position: absolute;top: -28px; left: 50%;width: 928px;margin-left: -464px;transform-origin: center 928px;text-align: center;}

.sec7-inner .eq-item[data-index="1"] { transform: rotate(0deg); }
.sec7-inner .eq-item[data-index="2"] { transform: rotate(64deg);  }
.sec7-inner .eq-item[data-index="3"] { transform: rotate(-64deg); }
.sec7-inner .node {
	width: 60px; height: 60px;background: #4a7cfe;border:7px solid #fff;color: #fff;border-radius: 50%;display: flex; align-items: center; justify-content: center;
	margin: 0 auto;font-size:2.2rem;font-weight: 700;position: relative;z-index: 5;transition: background 0.5s;font-family: 'Escoredream';
}
.sec7-inner .eq-item:not(.active) .node { background: #ccc; }
.sec7-inner .eq-content {margin-top: 20px;opacity: 0;transform: translateY(20px);transition: all 0.6s;pointer-events: none;}
.sec7-inner .eq-item.active .eq-content {opacity: 1;transform: translateY(0);pointer-events: auto;}
.sec7-inner .eq-name { font-size: 4rem; color: #1a365d; margin-bottom: 15px; text-align:center;font-weight:800;font-family: 'NanumSquareNeo', sans-serif;letter-spacing:-0.02em;}
.sec7-inner .eq-desc { font-size: 2rem; line-height: 1.6; color: #666; margin-bottom: 32px; font-family: 'NanumSquareNeo', sans-serif;font-weight:400;letter-spacing:-0.02em;white-space:nowrap;}
.sec7-inner .eq-link {
	display: inline-flex;padding: 13px 20px 13px 20px;background: #1a365d;border-radius: 30px;text-decoration: none;margin-bottom: 32px;position:relative;
	background: linear-gradient(113.9deg, #3764DC -15.02%, #0D1A3D 98.41%); align-items:center;justify-content:center;
}
.sec7-inner .eq-link i { display:inline-block;width:18px;height:18px;background:url(../images/eq-icon-baro.svg) no-repeat center / 100%;  }
.sec7-inner .eq-link span { color: #fff; font-size:1.4rem;letter-spacing:0.035em;font-family: 'Escoredream';font-weight:500;margin-left:5px;}
.sec7-inner .eq-img {width: 928px;height: 392px;margin: 0 auto;border-radius: 30px;overflow: hidden;box-shadow: 0px 0px 21px 0px #0000001F inset;}
.sec7-inner .eq-img img { width: 100%; height: 100%; object-fit: cover; }
.sec7-inner .sec7-header .top-label, 
.sec7-inner .sec7-header .title {opacity: 0;transform: translateY(30px); will-change: transform, opacity;}


.eq-link-wrap { text-align:center; padding:40px 0 0; }
.sec7-inner-m .eq-link {
	display: inline-flex;padding: 13px 20px 13px 20px;background: #1a365d;border-radius: 30px;text-decoration: none;margin-bottom: 32px;position:relative;
	background: linear-gradient(113.9deg, #3764DC -15.02%, #0D1A3D 98.41%); align-items:center;justify-content:center;
}
.sec7-inner-m .eq-link i { display:inline-block;width:18px;height:18px;background:url(../images/eq-icon-baro.svg) no-repeat center / 100%;  }
.sec7-inner-m .eq-link span { color: #fff; font-size:1.4rem;letter-spacing:0.035em;font-family: 'Escoredream';font-weight:500;margin-left:5px;}


/* 1. 데스크탑 소형 & 태블릿 (1400px 이하) */
@media (max-width: 1400px) {
    .sec7-inner .sec7-header .title { font-size: 4.8rem; }
    .sec7-inner .sec7-header .top-label { font-size: 1.4rem; margin-bottom: 20px; }
}

/* 2. 일반 태블릿 (1024px 이하) */
@media (max-width: 1024px) {
	#section7 { height:800px; }
    .sec7-inner .sec7-header {
        position: relative; /* 절대좌표 해제하여 레이아웃 유연하게 */
        top: 0;
        padding-top: 8rem; /* 상단 여백 확보 */
        margin-bottom: 40px;
    }
    .sec7-inner .sec7-header .title { font-size: 3.8rem; line-height: 1.2; }
    .sec7-inner .sec7-header .top-label { font-size: 1.3rem; margin-bottom: 15px; }

	.sec7-inner .eq-content {  position:relative; }
	.sec7-inner .eq-name { font-size: 2.6rem; width:320px; margin:30px auto 20px;}
	.sec7-inner .eq-desc{ font-size: 1.6rem;  width:320px; margin:0 auto 40px; white-space:normal}
	.sec7-inner .eq-desc br { display:none; }
	.sec7-inner .eq-link {
		display: inline-flex;padding: 13px 20px 13px 20px;background: #1a365d;border-radius: 30px;text-decoration: none;margin-bottom: 32px;position:relative;
		background: linear-gradient(113.9deg, #3764DC -15.02%, #0D1A3D 98.41%); align-items:center;justify-content:center;
	}
	.sec7-inner .eq-img {width: 100%;height: auto; padding:0 10px; width:500px; margin:0 auto;}
	.sec7-inner .arc-container {top: 25vh;}

	.sec7-inner .eq-desc-m { word-break:keep-all; }
	.sec7-inner .eq-desc-m br { display:block !important; }
}

/* 3. 모바일 전체 (768px 이하) */
@media (max-width: 768px) {
    .sec7-inner .sec7-header { padding-top: 6rem; }
    .sec7-inner .sec7-header .title { font-size: 3rem; }
    .sec7-inner .sec7-header .top-label { font-size: 1.2rem; }
}

/* 4. 최소 모바일 (480px 이하) */
@media (max-width: 480px) {
    .sec7-inner .sec7-header { padding-top: 5rem; }
    .sec7-inner .sec7-header .title { font-size: 2.4rem; word-break: keep-all; } /* 글자 끊김 방지 */
    .sec7-inner .sec7-header .top-label { margin-bottom: 10px; }

	.sec7-inner .eq-desc-m { word-break:keep-all; font-size:1.2rem; }
}


/* section8 */
#section8 {width: 100%;background-color: #fff;display: flex;align-items: center;justify-content: center;overflow: hidden;position:relative; z-index:8;}
.sec8-inner {display: flex;width: 100%;}

/* --- 좌측 지도 영역 --- */
.sec8-inner .map-wrapper {flex: 0 0 50%;position: relative;overflow: hidden;}
.sec8-inner .map-img {width: 100%;height: 100%;object-fit: cover;}
.sec8-inner .map-marker {position: absolute;top: 30%;left: 20%;background-color: #e34c2c;color: #fff;padding: 10px 15px;border-radius: 20px;font-size: 0.8rem;box-shadow: 0 5px 15px rgba(0,0,0,0.2);}
.sec8-inner .marker-logo sup { font-size: 0.6rem; }

/* --- 우측 정보 영역 --- */
.sec8-inner .info-wrapper {flex: 1;background: #F0F4FA;display: flex;align-items: center;justify-content: flex-start;position: relative;padding: 90px;}
.sec8-inner .info-content-wrap {width: 500px;position: relative;}
/* GSAP 등장 타겟 공통 초기 상태 */
.sec8-inner .text-reveal {opacity: 0;transform: translateY(40px);will-change: transform, opacity;}

/* 타이틀 */
.sec8-inner .branch-title {font-size: 2.8rem;color: #2a2a2a;margin-bottom: 24px;border-bottom:1px solid #d9d9d9;padding-bottom:24px;font-family: 'Escoredream', sans-serif;font-weight:700;}

/* 정보 리스트 */
.sec8-inner .info-list { list-style: none; padding: 0; }
.sec8-inner .info-list > li:nth-child(3) .icon-title { margin-bottom:16px !important; }
.sec8-inner .info-item { margin-bottom: 40px; }
.sec8-inner .icon-title {display: flex;align-items: center;gap: 10px;margin-bottom: 12px;color: #1a365d;}
/* 아이콘 */
.sec8-inner .icon {width: 26px; height: 26px;position: relative;}
.sec8-inner .icon-title .label { font-size: 1.6rem; color:#2a2a2a;font-family: 'NanumSquareNeo', sans-serif;font-weight:700;}
.sec8-inner .info-item .desc { font-size: 1.6rem; color:#2a2a2a;font-family: 'NanumSquareNeo', sans-serif;font-weight:800;}

/* 전화번호 */
.sec8-inner .phone-num {font-size: 5.5rem;color:#2a2a2a;font-weight:700;line-height:1;font-family: 'Escoredream';}
.sec8-inner .phone-num b { font-size:2rem;font-weight:400; margin-left:5px; }

/* 진료시간 테이블 */
.sec8-inner .time-table {font-size: 1.1rem; color: #333; }
.sec8-inner .time-table dl { display: flex; gap: 10px; margin-bottom: 12px; }
.sec8-inner .time-table dt { color: #2a2a2a; font-weight: 300; width: 65px; font-size:1.6rem; font-family: 'NanumSquareNeo', sans-serif;font-weight:350;}
.sec8-inner .time-table dd { color: #2a2a2a; font-weight: 700; font-size:1.6rem;font-family: 'NanumSquareNeo', sans-serif;font-weight:800;}

/* 하단 푸터 정보 */
.sec8-inner .info-footer {font-size: 1.6rem;color: #2a2a2a;opacity:1;}
.sec8-inner .info-footer p { display:flex; opacity:1;}
.sec8-inner .info-footer p span { color:#2a2a2a; font-size:1.6rem; opacity:1; font-family: 'NanumSquareNeo', sans-serif;font-weight:350;}
.sec8-inner .info-footer p span strong { color:#2a2a2a; font-size:1.6rem; font-family: 'NanumSquareNeo', sans-serif;font-weight:800;}
.sec8-inner .info-footer p span:nth-of-type(2){ position:relative; margin-left:15px; padding-left:16px;}
.sec8-inner .info-footer p span:nth-of-type(2)::before{ content:""; display:block;width:1px; height:14px; background:rgba(0,0,0,0.1); position:absolute; left:0; top:2px;}

.sec8-inner .info-footer-susung p { flex-wrap:wrap; }
.sec8-inner .info-footer-susung p span { flex:0 0 100%; }
.sec8-inner .info-footer-susung p span:nth-child(1) { margin-bottom:10px; }
.sec8-inner .info-footer-susung p span:nth-of-type(2) { margin-left:0;padding-left:0; }
.sec8-inner .info-footer-susung p span:nth-of-type(2)::before { display:none; }


/* 플로팅 버튼 (수성점 바로가기) */
.floating-btn {
	position: absolute;right: -320px;top: 50%;transform: translateY(-50%);background: #285090;color: #fff;padding: 24px 30px;
	border-radius: 60px;text-decoration: none;display: flex;align-items: center;gap: 20px;z-index: 10;opacity:1;transition:all 0.3s ;
}
.floating-btn span { font-size: 1.8rem; line-height: 1.4; color:#fff;font-family: 'Escoredream', sans-serif;font-weight:300;}
.floating-btn strong { font-size: 1.8rem; font-weight: 700; color:#fff;font-family: 'Escoredream', sans-serif;font-weight:800;}
.floating-btn .arrow { font-size: 1.5rem; transition: transform 0.3s; color:#fff;}
.floating-btn:hover .arrow { transform: translateX(5px); }

/* 등장 완료 후 호버 제어용 */
.floating-btn.active-hover {transform: translateY(-50%) !important;}

#sec8-bonwon { display: none;}
#sec8-susung {}


/* --- Section 8 반응형 시작 --- */

/* 1. 데스크탑 소형 & 태블릿 (1400px 이하) */
@media (max-width: 1400px) {
    .sec8-inner .info-wrapper { padding: 60px; }
    .sec8-inner .info-content-wrap { width: 100%; max-width: 450px; }
    .sec8-inner .phone-num { font-size: 4.5rem; }
    
    /* 플로팅 버튼 위치 조정 */
    .floating-btn { right: -20px; padding: 20px 25px; }
    .floating-btn span, .floating-btn strong { font-size: 1.6rem; }
}

/* 2. 일반 태블릿 (1024px 이하) */
@media (max-width: 1024px) {
    .sec8-inner { flex-direction: column; } /* 세로 배치 전환 */
    
    /* 지도 영역 */
    .sec8-inner .map-wrapper { flex: 0 0 450px; width: 100%; }
    
    /* 정보 영역 */
    .sec8-inner .info-wrapper { 
        padding: 60px 40px; 
        justify-content: center; 
    }
    .sec8-inner .info-content-wrap { max-width: 600px; }
    
    /* 플로팅 버튼: 화면 하단에 고정하거나 인라인으로 변경 */
    .floating-btn {
        position: relative;
        right: 0;
        top: 0;
        transform: none !important;
        display: inline-flex;
        width: fit-content;
    }

	#sec8-bonwon .floating-btn,
	#sec8-susung .floating-btn { top:40px; margin:40px 0 40px; }

}

/* 3. 모바일 전체 (768px 이하) */
@media (max-width: 768px) {
    .sec8-inner .map-wrapper { flex: 0 0 350px; }
    
    .sec8-inner .info-wrapper { padding: 50px 20px; }
    
    .sec8-inner .branch-title { font-size: 2.2rem; padding-bottom: 20px; margin-bottom: 20px; }
    
    .sec8-inner .phone-num { font-size: 3.5rem; }
    
    .sec8-inner .info-item { margin-bottom: 30px; }
    .sec8-inner .icon-title .label, 
    .sec8-inner .info-item .desc,
    .sec8-inner .time-table dt,
    .sec8-inner .time-table dd { font-size: 1.5rem; line-height:1.2; word-break:keep-all;}

    /* 푸터 정보 가로 정렬 해제 */
    .sec8-inner .info-footer p { flex-direction: column; gap: 8px; }
    .sec8-inner .info-footer p span:nth-of-type(2) { margin-left: 0; padding-left: 0; }
    .sec8-inner .info-footer p span:nth-of-type(2)::before { display: none; }
}

/* 4. 최소 모바일 (480px 이하) */
@media (max-width: 480px) {
    .sec8-inner .map-wrapper { flex: 0 0 300px; }
    
    .sec8-inner .phone-num { font-size: 2.8rem; }
    
    .sec8-inner .time-table dl { gap: 5px; }
    .sec8-inner .time-table dt { width: 55px; font-size: 1.4rem; }
    .sec8-inner .time-table dd { font-size: 1.4rem; }

    .floating-btn {
        width: 100%; /* 모바일에서는 가득 차게 */
        justify-content: center;
        padding: 15px 20px;
        border-radius: 15px;
    }

    .floating-btn span, .floating-btn strong { font-size: 1.4rem; }
}



/* footer */
#footer {background-color:rgba(31,30,30,1);color: #fff;padding: 60px 0 96px;font-family: 'Pretendard', sans-serif;position:relative; z-index:9;}
.footer-inner {max-width: 1200px;margin: 0 auto;padding: 0 0;display: flex;justify-content: space-between;align-items: flex-start;}

/* --- [좌측 영역] --- */
.footer-left {width: 246px;flex-shrink: 0;}
.footer-logo {display: flex;align-items: center;gap: 15px;}
.logo-symbol {}

/* --- [우측 영역] --- */
.footer-right {flex: 1;padding-left: 42px;}

/* 네비게이션 */
.footer-nav ul {display: flex;list-style: none;padding: 12px 0 24px;justify-content:space-between;border-bottom:1px solid rgba(254,254,254,0.2);margin-bottom:30px;}
.footer-nav a {color: #c3c3c3;text-decoration: none;font-size: 2rem;font-weight: 500;transition: 0.3s;font-family: 'Pretendard', sans-serif;}
.footer-nav a:hover { color: #fff; }
.split-line {border: 0;border-top: 1px solid #333;margin-bottom: 40px;}

/* 중간 영역 (타이틀 + 유틸) */
.content-middle {display: flex;justify-content: space-between;align-items: flex-start;}
.info-title h3 {font-size: 4rem;font-weight: 800;font-family: 'NanumSquareNeo', sans-serif;margin-bottom: 25px;color:#c3c3c3;margin-top:5px;}
.info-title p {color: #9e9e9e;line-height: 1.6;font-family: 'NanumSquareNeo', sans-serif;font-size: 1.8rem;margin-bottom:60px;font-weight:400;}

/* SNS & 셀렉트박스 */
.info-util {display: flex;align-items: center;gap: 10px;padding-right:26px;}
.sns-box { display: flex; gap: 10px; }
.sns-box a {width: 40px; height: 40px;border: 1px solid #403d3e;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;}
.custom-select {background: rgba(0,0,0,0.2);padding: 15px 15px;border-radius: 15px;display: flex;align-items: center;justify-content:space-between;cursor: pointer;width:207px;}
.custom-select span { font-size: 1.6rem; color: #ccc; }
.custom-select .arrow {width: 0; height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #888;}
.copyright {color: #9e9e9e;font-size: 1.8rem;line-height:1.6;font-family: 'NanumSquareNeo', sans-serif;font-weight:400;opacity:0.4;}

/* 반응형 모바일 */
@media (max-width: 1200px) {
	.footer-inner { flex-direction: column; }
	.footer-left { margin-bottom: 50px; }
	.footer-right { padding-left: 0; width: 100%; }
	.content-middle { flex-direction: column; gap: 40px; }
}

/* --- Footer 반응형 시작 --- */

/* 1. 일반 태블릿 (1200px ~ 1025px) */
@media (max-width: 1200px) {
    .footer-inner { padding: 0 40px; }
    .footer-right { padding-left: 30px; }
    .info-title h3 { font-size: 3.2rem; }
}

/* 2. 소형 태블릿 및 모바일 전환 (1024px 이하) */
@media (max-width: 1024px) {
    .footer-inner {
        flex-direction: column; /* 좌우 배치를 상하 배치로 변경 */
        align-items: center;
        text-align: center;
    }

    .footer-left {
        width: 100%;
        margin-bottom: 40px;
        display: flex;
        justify-content: center; /* 로고 중앙 정렬 */
    }

    .footer-right {
        width: 100%;
        padding-left: 0;
    }

    .footer-nav ul {
        flex-wrap: wrap; /* 메뉴가 많을 경우 줄바꿈 허용 */
        justify-content: center;
        gap: 15px 30px;
    }

    .footer-nav a { font-size: 1.8rem; }

    .content-middle {
        flex-direction: column; /* 타이틀과 셀렉트박스를 상하로 */
        align-items: center;
    }

    .info-title h3 { font-size: 2.8rem; text-align:center;}
    .info-title p { font-size: 1.6rem; margin-bottom: 30px; word-break:keep-all;}
	.info-title p br { display:none; }

    .info-util {
        padding-right: 0;
        flex-direction: column;
        gap: 20px;
    }

    .copyright { font-size: 1.6rem; margin-top: 20px; }
}

/* 3. 모바일 전체 (768px 이하) */
@media (max-width: 768px) {
    #footer { padding: 40px 0 60px; }

    .footer-nav ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 메뉴를 2열로 배치 */
        gap: 15px;
        padding: 20px 0 50px;
    }

    .footer-nav a { font-size: 1.6rem; }

    .info-title h3 { font-size: 2.4rem; }

    .custom-select {
        max-width: 350px;
    }
}

/* 4. 최소 모바일 (480px 이하) */
@media (max-width: 480px) {
    .footer-nav ul {
        grid-template-columns: 1fr; /* 메뉴를 1열 세로로 배치 */
        text-align: center;
    }

    .info-title h3 { font-size: 2.2rem; }
    .copyright { font-size: 1.4rem; word-break: keep-all; }
}

.sub-visual-wrap { background: rgba(240, 244, 250, 1); position:relative;}
.sub-visual { background: #000; border-radius:0 0 0 100px; overflow:hidden; height:709px; }
.sv { height:100%; display:flex; align-items:center; justify-content:center; padding:50px 0 0 }
.sv-header { width:1500px; margin:0 auto; position:relative; display:flex; flex-direction:column; justify-content:flex-end; padding:0 0 0 50px; align-items:flex-start; height:100%; margin:0 auto;}
.sv-header strong { font-size:2.3rem; line-height:135%; letter-spacing:-0.025em; color:#fff; text-align:center; font-weight:700;font-family: 'Escoredream'; position:relative; z-index:3;display:block;}
.sv-header h2 { font-size:5.7rem; line-height:135%; letter-spacing:-0.025em; color:#fff; text-align:center; font-weight:700;font-family: 'Escoredream'; position:relative; z-index:3;}
.sv-header p {color: #fff;font-size: 1.6rem;line-height:180%;font-family: 'NanumSquareNeo', sans-serif;font-weight:400;margin-top:30px;position:relative; z-index:3;}
.sv-header div { position:relative; z-index:3; }
.sv-header div em { font-family: 'Playfair Display', 'Georgia', serif; letter-spacing:-0.02em; font-size:14rem; font-weight:700; color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.5); }
.svg-transprent-border { width: 100%;}
.svg-transprent-border svg {width: 100%;height: auto;display: block;}
.svg-transprent-border text {font-family: 'Playfair Display', 'Georgia', serif;font-weight: 700;font-size: 12rem;letter-spacing: -0.02em;dominant-baseline: middle;}
.svg-transprent-border .char {
	opacity: 0;transform: translateY(60px);animation: textUp 0.6s ease forwards;
	font-family: 'Playfair Display', 'Georgia', serif;font-weight: 700;font-size: 12rem;letter-spacing: -0.02em;
}
@keyframes textUp { to {opacity: 1;transform: translateY(0);} }


/* =================================================================
   수정 및 추가된 CSS (애니메이션)
================================================================= */
.sv { position: relative; overflow: hidden; background: none; }
.sv::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 1;
    transform: scale(1.2);
    animation: bgZoomOut 3s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

.sv101::before {background: url(../images/sub/sv101.png) no-repeat center / cover;}
.sv201::before {background: url(../images/sub/sv201.png) no-repeat center / cover;}
.sv301::before {background: url(../images/sub/sv301.png) no-repeat center / cover;}
.sv401::before {background: url(../images/sub/sv401.png) no-repeat center / cover;}
.sv501::before {background: url(../images/sub/sv501.png) no-repeat center / cover;}
.sv601::before {background: url(../images/sub/sv601.png) no-repeat center / cover;}
.sv701::before {background: url(../images/sub/sv701.png) no-repeat center / cover;}

@media (max-width:768px){
	.sv101::before {background: url(../images/sub/sv101m.png) no-repeat center / cover;}
	.sv201::before {background: url(../images/sub/sv201m.png) no-repeat center / cover;}
	.sv501::before {background: url(../images/sub/sv501m.png) no-repeat center / cover;}
	.sv701::before {background: url(../images/sub/sv701m.png) no-repeat center / cover;}
}

/* =================================================================
   1. 마스크 역할을 하는 부모(Wrapper) 스타일
================================================================= */
.merit-mask {overflow: hidden;  display: block;line-height: 1; }
.merit-mask-p {margin-top: 30px;line-height: 180%;}

/* =================================================================
   2. 실제 텍스트 태그 스타일 (여기에 애니메이션 적용)
================================================================= */
.sv-header h2 {
    /* 기존 스타일 그대로 유지 (폰트 등) */
    font-size: 5.7rem;
    line-height: 135%;
    letter-spacing: -0.025em;
    color: #fff;
    font-weight: 700;
    font-family: 'Escoredream';

    /* [수정] 마스크 효과를 위한 초기화 및 애니메이션 */
    margin: 0;           /* 마스크 안에 가두기 위해 마진 제거 */
    opacity: 0;
    transform: translateY(100%); /* [마스크 하단 외곽]에 대기 */
    
    /* [수정] slideUpForH2 애니메이션 사용 */
    animation: slideUpForH2 1.1s cubic-bezier(0.2, 0.8, 0.2, 1) 0.3s forwards;
}

.sv-header p {
    /* 기존 스타일 그대로 유지 */
    color: #fff;
    font-size: 1.6rem;
    font-family: 'NanumSquareNeo', sans-serif;
    font-weight: 400;

    /* [수정] 마스크 효과를 위한 초기화 및 애니메이션 */
    margin-top: 0;       /* 마진을 마스크 부모에게 줬으므로 여기선 제거 */
    opacity: 0;
    transform: translateY(-100%); /* [마스크 상단 외곽]에 대기 */
    
    /* [수정] slideDownForP 애니메이션 사용 */
    animation: slideDownForP 1.1s cubic-bezier(0.2, 0.8, 0.2, 1) 0.3s forwards;
}

/* 로딩 시 글자 깜빡임(Flash) 방지 */
.sv-header div em {visibility: hidden;}

/* JS로 쪼개질 글자(span)들의 스타일 */
.sv-header div em .char {
    display: inline-block;
    opacity: 0;
    transform: translateY(60px); /* 더 깊은 곳에서 올라오도록 수정 */
    /* 더 부드럽고 천천히 올라오는 물결 곡선 적용 */
    animation: waveSlideUp 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; 
	font-family: 'Playfair Display', 'Georgia', serif; letter-spacing:-0.02em; font-size:14rem; font-weight:700; 
}


/* 1. 태블릿 및 노트북 (1024px ~ 1440px) */
@media (max-width: 1550px) {
    .sv-header {
        width: 100%;
        max-width: 1200px;
        padding: 0 50px;
    }
}

@media (max-width: 1200px) {
    .sub-visual { height: 600px; }
    .sv-header h2 { font-size: 4.5rem; }
    .sv-header div em { font-size: 10rem; }
    .svg-transprent-border .char { font-size: 10rem; }
	.sv-header .merit-mask-p br { display:block; }
}

/* 2. 일반 태블릿 및 가로형 모바일 (769px ~ 1024px) */
@media (max-width: 1024px) {
    .sub-visual { 
        height: 500px; 
        border-radius: 0 0 0 60px; /* 라운드값 축소 */
    }
    .sv-header {
        padding: 0 40px;
        justify-content: center; /* 텍스트 중앙 정렬 원할 경우 */
    }
    .sv-header strong { font-size: 1.8rem; }
    .sv-header h2 { font-size: 3.8rem; }
    .sv-header p { font-size: 1.4rem; margin-top: 20px; margin-bottom:20px;}
    
    /* 투명 배경 글자 크기 조절 */
    .sv-header div em { font-size: 12rem; }
    .svg-transprent-border .char { font-size: 12rem; }

}

/* 3. 모바일 (최대 768px) */
@media (max-width: 768px) {
    .sub-visual { 
        height: 375px; 
        border-radius: 0 0 0 40px; 
		align-items:flex-end;
    }
    .sv { padding: 40px 0 0; align-items:flex-end; } /* 상단 여백 조절 */
    
    .sv-header {
        padding: 0 0 15px 25px;
        align-items: flex-start; /* 모바일에서도 왼쪽 정렬 유지 */
		justify-content:flex-end;
    }
    
    .sv-header strong { font-size: 1.4rem; margin-bottom: 5px; }
    .sv-header h2 { font-size: 3.4rem; line-height: 1.3; }
    .sv-header p { 
        font-size: 1.3rem; 
        margin-top: 0; 
        line-height: 1.6;
        word-break: keep-all; /* 모바일에서 글자 끊김 방지 */
    }
	.sv-header p br {display:none;}

    /* 투명 배경 글자 (모바일에서는 너무 크면 화면을 벗어나므로 대폭 축소) */
    .sv-header div em { font-size: 12rem; }
    .svg-transprent-border .char { font-size: 12rem; }
    
    /* SVG 텍스트 애니메이션 위치 조정 */
    .svg-transprent-border text { font-size: 12rem; }
}

/* 4. 최소 모바일 (최대 480px) */
@media (max-width: 480px) {
    .sub-visual { height: 400px; }
    .sv-header p { font-size: 1.2rem; }
    .sv-header div em { font-size: 4rem; }

	.sv-header .merit-mask-p { margin-top:10px; }
	.sv-header .merit-mask-p span { display:none; }
	.sv-header .merit-mask-p p br { content: ""; display: block;margin-top: 20px;}
}


/* =================================================================
   3. Keyframes (애니메이션 정의)
================================================================= */
/* h2: 밑에서 위로, 마스크 테두리를 뚫고 나타나는 모션 */
@keyframes slideUpForH2 {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* p: 위에서 밑으로, 마스크 테두리를 뚫고 나타나는 모션 */
@keyframes slideDownForP {
    0% {opacity: 0;transform: translateY(-100%);}
    100% {opacity: 1;transform: translateY(0);}
}
@keyframes bgZoomOut {
    100% { transform: scale(1); }
}
@keyframes waveSlideUp {
    0% { opacity: 0; transform: translateY(60px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* 왼쪽에서 오른쪽으로 살짝 나타나기 (30px 이동) */
@keyframes fadeSlightLeft {
  from {opacity: 0;transform: translate3d(-70px, 0, 0);}
  to {opacity: 1; transform: translate3d(0, 0, 0); }
}
.fadeSlightLeft { animation-name: fadeSlightLeft;}

/* 오른쪽에서 왼쪽으로 살짝 나타나기 (30px 이동) */
@keyframes fadeSlightRight {
  from {opacity: 0;transform: translate3d(70px, 0, 0); }
  to {opacity: 1;transform: translate3d(0, 0, 0); }
}
.fadeSlightRight {animation-name: fadeSlightRight;}

.sub-visual-wrap::before {content:"";display:block; position:absolute; left:50%; top:0; height:709px;width:1px; background:rgba(255,255,255,0.2);margin-left:-790px;margin-left:-771px; z-index:2;}
.sub-visual-wrap::after { content:"";display:block; position:absolute; left:50%; top:0; height:709px;width:1px; background:rgba(255,255,255,0.2);margin-left:770px;z-index:2;}

.subSection1 { position:relative; }
/*
.subSection1::before {content:"";display:block; position:absolute; left:50%; top:0; height:100%;width:1px; background:rgba(255,255,255,1);margin-left:-790px;margin-left:-771px; z-index:2;}
.subSection1::after { content:"";display:block; position:absolute; left:50%; top:0; height:100%;width:1px; background:rgba(255,255,255,1);margin-left:770px;z-index:2;}
*/

/* 전체 섹션 컨테이너 */
.tumor-center-section {background-color: #f4f6f9;padding: 12rem 20px;text-align: center;position:relative;z-index:2;}

.tumor-center-section::before {content:"";display:block; position:absolute; left:50%; top:0; height:100%;width:1px; background:rgba(255,255,255,1);margin-left:-790px;margin-left:-771px; z-index:2;}
.tumor-center-section::after { content:"";display:block; position:absolute; left:50%; top:0; height:100%;width:1px; background:rgba(255,255,255,1);margin-left:770px;z-index:2;}

.sub-header { margin: 0 0 6.5rem 0;}
.sub-header .sub-title {font-size: 5rem;font-weight: 300;letter-spacing:-0.02em;color: #2a2829;font-family: 'Escoredream';margin-bottom:1rem;word-break:keep-all;}
.sub-header .main-title {font-size: 5.7rem;font-weight: 800;color: #19306d;text-align:center;font-family: 'Escoredream';}

.image-gallery {display: flex;justify-content: center;align-items: center;gap: 40px;margin-bottom: 60px;position:relative;z-index:5;}
.img-item img {width: 100%;height: 100%;object-fit: cover;display: block;}
.img-left {width: 377px;height: 377px;border-radius: 0 100px 0 100px;overflow: hidden;z-index: 2;}
.img-center {width: 506px;height: 506px;border-radius: 0 100px 0 100px;overflow: hidden;z-index: 2;}
.img-right {width: 377px;height: 377px;border-radius: 0 100px 0 100px;overflow: hidden;z-index: 2;}

.img-left2 {width: 660px;height: 506px;border-radius: 0 100px 0 100px;overflow: hidden;z-index: 2;}
.img-right2 {width: 660px;height: 506px;border-radius: 0 100px 0 100px;overflow: hidden;z-index: 2;}
.mt-case-1 { margin-top:70px; }

.process-flow {display: flex;justify-content: center;align-items: center;margin: 65px 0;gap:40px;}
.step {
	font-size: 3.5rem;font-weight: 800;line-height: 140%;text-align: center;white-space: nowrap;font-family: 'NanumSquareNeo', sans-serif;
	background: linear-gradient(113.9deg, #3764DC -15.02%, #0D1A3D 98.41%);
	-webkit-background-clip: text; background-clip: text; color: transparent; 
}
.line {flex: 0 0 120px;height: 1px;background-color: #285090;display:block;}
.description-text p {font-size: 1.6rem;line-height: 180%;color: #2a2829;font-family: 'NanumSquareNeo', sans-serif;font-weight: 400;text-align:center;}

.small-width-2 { max-width:1350px; margin:0 auto; position:relative; }
.igt {padding-top:6rem; }
.image-gallery-top {display: flex;justify-content: center;align-items: center;gap: 40px;margin-bottom: 60px;}
.img-item-top img {width: 100%;height: 100%;object-fit: cover;display: block; }
.img-left-top {width: 500px;height: 400px;border-radius: 0 100px 0 100px;overflow: hidden;position:relative;}

.flex-left-box { justify-content:flex-start; }
.flex-right-box { justify-content:flex-end; }

.posbox-1 { position:absolute; left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center; }
.base-d1 { font-size: 3.5rem;font-weight: 800;color: #fff;letter-spacing:-0.02em;text-align:center;font-family: 'NanumSquareNeo', sans-serif;line-height:140%;}
.base-d2 { font-size: 2rem;font-weight: 400;color: #fff;letter-spacing:-0.02em;text-align:left;font-family: 'NanumSquareNeo', sans-serif;line-height:150%;}

.bmd1 { margin-bottom:15px; }
.cbr-case1 { padding-left:150px; }


/* 1. 노트북 및 태블릿 (최대 1200px) */
@media (max-width: 1200px) {
    .sub-header .sub-title { font-size: 4.5rem; }
    .sub-header .main-title { font-size: 4.5rem; }
    
    .image-gallery, .image-gallery-top { gap: 20px; }
    .img-left, .img-right { width: 300px; height: 300px; }
	.img-left2, .img-right2 { width: 420px; height: auto; }
    .img-center { width: 400px; height: 400px; }
    .img-left-top { width: 45%; height: auto; aspect-ratio: 5/4; }
    
    .process-flow { gap: 20px; }
    .line { flex: 0 0 60px; }
    .step { font-size: 2.8rem; }
}

/* 2. 일반 태블릿 (최대 1024px) */
@media (max-width: 1024px) {
    .tumor-center-section { padding: 8rem 20px; }
    
    .sub-header .sub-title { font-size: 3.5rem; }
    .sub-header .main-title { font-size: 3.5rem; }

    /* 이미지 갤러리 가로 배치 유지하되 크기 축소 */
    .img-left, .img-right { width: 220px; height: 220px; border-radius: 0 60px 0 60px; }
    .img-center { width: 300px; height: 300px; border-radius: 0 60px 0 60px; }


	.img-left2, .img-right2 { width: 250px; height: auto; }

    .img-left-top { border-radius: 0 60px 0 60px; }
    .cbr-case1 { padding-left: 0; text-align: center; }
    
    .base-d1 { font-size: 2.5rem; }
    .base-d2 { font-size: 1.8rem; text-align: center; }

	.mt-case-1 { margin-top:40px; }
	.igt {padding-top:2.5rem; }
}

/* 3. 모바일 (최대 768px) */
@media (max-width: 768px) {
    .tumor-center-section { padding: 6rem 15px; }
    .sub-header { margin-bottom: 4rem; }
    .sub-header .sub-title { font-size: 2.8rem; margin-bottom:0;}
    .sub-header .main-title { font-size: 2.8rem; }

    /* 이미지 갤러리를 세로로 전환 */
    .image-gallery, .image-gallery-top {
        flex-direction: column;
        gap: 15px;
    }
    .img-left, .img-center, .img-right, .img-left-top {
        width: 100%;
        max-width: 400px; /* 너무 커지지 않게 제한 */
        height: auto;
        aspect-ratio: 1/1;
        border-radius: 0 50px 0 50px;
    }

	.img-left2, .img-right2 {
        width: 100%;
        max-width: 400px; /* 너무 커지지 않게 제한 */
        height: auto;
        aspect-ratio: 1/1;
        border-radius: 0 50px 0 50px;
    }
    .img-left-top { aspect-ratio: 5/4; }

    /* 프로세스 플로우를 세로로 전환 */
    .process-flow {
        flex-direction: column;
        margin: 40px 0;
        gap: 10px;
    }
    .line {
        width: 1px;
        height: 40px;
        flex: none;
    }
    .step { font-size: 2.5rem; }

    .description-text p { font-size: 1.4rem; word-break:keep-all;}
	.description-text p br {display:none; }
    
    .base-d1 { font-size: 2rem; }
    .base-d2 { font-size: 1.5rem; }
}

/* 4. 최소형 모바일 (최대 480px) */
@media (max-width: 480px) {
    .sub-header .sub-title { font-size: 3.4rem; }
    .sub-header .main-title { font-size: 3.4rem; }
    .img-left, .img-center, .img-right, .img-left-top, .img-left2, .img-right2 { border-radius: 0 30px 0 30px; }
}


.sys-system-section {position: relative;width: 100%; }
.sys-header { max-width:1500px; margin:0 auto; position:relative; }
.sys-text-content {position: relative;z-index: 2;margin-bottom: 60px;}
.sys-text-content h2 {font-size: 5rem;font-weight: 300;line-height: 1.6;color: #2a2b29;margin-bottom: 20px;font-family: 'Escoredream';letter-spacing:-0.02em;word-break:keep-all;}
.sys-text-content h2 strong {font-weight: 700;color: #1e3a8a;letter-spacing:-0.02em;font-size: 5rem;font-family: 'Escoredream';letter-spacing:-0.02em;}
.sys-text-content p {font-size: 1.6rem;line-height: 180%;color: #2a2829; letter-spacing:-0.02em;font-family: 'NanumSquareNeo', sans-serif;}
.sys-text-content p.sys-pbase-1 {font-size: 2.8rem;line-height: 180%;color: #2a2829; letter-spacing:-0.02em;font-family: 'NanumSquareNeo', sans-serif;margin:0 0 20px;font-weight:700;}

.sys-doctor-profile {position: absolute;left: 50%;bottom: 2rem; z-index: 10; text-align: center;margin-left:350px;}
.sys-doctor-profile img {height: 722px; object-fit: contain;display: block;}

.sys-doctor-eq {position: absolute;left: 50%;bottom: 2rem; z-index: 10; text-align: center;margin-left:30px;}
.sys-doctor-eq img {height: 734px; object-fit: contain;display: block;height:240px;}

.sys-doctor-info-badge {position: absolute;bottom: 20px;left: -40px;display: flex;align-items: center;}
.sys-doctor-info-badge .sys-title {
	background-color: #1e3a8a;
	color: #fff;font-size: 1.8rem;padding: 12px 15px;border-radius: 10px;margin-right: 15px;font-weight: 400; font-family: 'NanumSquareNeo', sans-serif;
	background: linear-gradient(113.9deg, #3764DC -15.02%, #0D1A3D 98.41%);letter-spacing:-0.02em;
}
.sys-doctor-info-badge .sys-title strong { color: #fff;font-size: 1.8rem;font-weight: 800; font-family: 'NanumSquareNeo', sans-serif;letter-spacing:-0.02em;}
.sys-doctor-info-badge .sys-desc {font-size: 1.6rem;color: #000;text-align: left;line-height: 140%; letter-spacing:-0.02em;font-weight:700;font-family: 'NanumSquareNeo', sans-serif;}


.sdp-1 { z-index:11; margin-left:100px;}
.sdp-2 { z-index:12; margin-left:380px;}
.sdp-3 { z-index:11; margin-left:80px;}

.sdp-4 { z-index:11; margin-left:60px;}
.sdp-401 { z-index:11; margin-left:140px; }
.sdp-5 { z-index:12; margin-left:450px;}
.sdp-501 { z-index:10; margin-left:550px;}

.sdib-1 { left:-70px;}
.sdib-2 { left:120px; }
.sdib-3 { left:190px; }

.sdib-4 { left:-140px; }
.sdib-5 { left:-40px; }

.sdp-6 { margin-left:0px;}
.sdib-6 { left:-50px;}

.sdp-7 { margin-left:400px;}
.sdib-7 { left:50px; width:510px; }


.sys-swiper-container-wrapper {position: relative;z-index: 1;width: 100%; margin-top:-5rem;}
.sys-mySwiper {width: 100%;padding: 50px 0 0; display:flex; align-items:flex-end; height:520px;position:relative;overflow-x:hidden; left:0;}
._Adj { width:110%; left:-10%; }
._Bdj { width:120%; left:-20%; }

.gallery-item-center .img-box { justify-content:center; }
.gallery-item-center .mp4-box { justify-content:center; background:#000 !important; }

.sys-mySwiper .swiper-wrapper { display:flex; align-items:flex-end; }
.sys-mySwiper .swiper-slide {width: 496px;height: 357px;display: flex;justify-content: center;align-items: center;transition: all 0.5s ease;opacity: 0.6;border-radius:180px;overflow: hidden;}
.sys-mySwiper .swiper-slide.swiper-slide-active {opacity: 1;z-index: 5; width:680px; height:490px;border-radius:250px;}
.sys-img-circle {position: relative;width: 100%;height: 100%;}
.sys-img-circle img {width: 100%;height: 100%;object-fit: cover;}

/* 슬라이드 내 텍스트 */
.sys-slide-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 1rem;
	font-weight: 800;
	line-height: 140%;
	opacity: 0;
	transition: all 0.8s ease;
	font-family: 'NanumSquareNeo', sans-serif;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.swiper-slide-active .sys-slide-text {opacity: 1; font-size:3rem;}

.sys-slide-text strong {display:block; font-family: 'NanumSquareNeo', sans-serif;color: #fff;font-size: 3rem;font-weight: 800;line-height: 140%;margin-top:10px;}
.sys-slide-text span {display:block; font-family: 'NanumSquareNeo', sans-serif;color: #fff;font-size: 1.8rem;font-weight: 700;line-height: 180%;letter-spacing:-0.02em;margin-top:14px;}
.sys-custom-pagination-wrap {margin-top: 90px; width:100%; position:relative; }
.sys-custom-pagination-wrap::after {content:"";display:block;width:100%;height:1px;background-color:#a9a9a9;position:absolute; left:0; top:50%;transform: translateY(-50%);z-index: 1;}
.sys-custom-pagination {position: relative;width: 45%;height: 20px;display: flex;align-items: center;left:15%}
.sys-progress-bg {position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background-color: #a9a9a9;transform: translateY(-50%);z-index: 1;}
.sys-progress-fill {position: absolute;top: 50%;left: 0;height: 1px;background-color: #1e3a8a; transform: translateY(-50%);width: 0%; transition: width 0.4s ease;z-index: 2;}
.sys-bullets-container {position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);display: flex;justify-content: space-between;z-index: 3;}
.sys-custom-bullet {width: 13px;height: 13px;border-radius: 50%;background-color: #fff;border: 1px solid #a9a9a9;cursor: pointer;transition: all 0.3s ease;position:relative;}
.sys-custom-bullet.sys-is-active {border-color: #1e3a8a;background-color: #1e3a8a;}
.sys-custom-bullet.sys-is-active::after {
	content:"";display:block;width:33px;height:33px;border-radius:17px;background-color:#19306d;position:absolute;
	left:50%;top:50%;transform:translate(-50%,-50%);filter: blur(10px);opacity:0.2;
}

.subSection2 { position:relative; padding:12rem  0;}

.subSection2-4n { background:url(../images/sub/s4-new-bg1.png) no-repeat center / cover; border-radius:0 100px 0 0; padding-bottom:22rem; }
.sys-doctor-eq-new {position: relative;z-index: 10; margin-top:12rem; margin-left:-155px;}
.sys-doctor-eq-new img {height: 734px; object-fit: contain;display: block;height:240px;}

.subSection2-4n .sys-system-section .sys-header h2 strong { color: #86bdff; }
.subSection2-4n .sys-system-section .sys-header .sys-pbase-1 { color:#fff; }
.subSection2-4n .sys-system-section .sys-header .sys-pbase-c1 { color:#fff; }


.subSection2 .bg-watermark {
	position: absolute;top: 0;left: 50%;transform: translateX(-50%);font-size: 20rem;font-family: 'Serif', serif;
	font-weight: 900;color: rgba(0, 0, 0, 0.03);white-space: nowrap;z-index: 1;pointer-events: none;user-select: none; 
	width:95%;height:650px;
}
.subSection2 .bg-watermark .wmk-left {display:flex; align-items:flex-end;position:absolute; left:50%; top:7rem;margin-left:-900px;}
.subSection2 .bg-watermark .wmk-left i { margin-left:-30px; opacity:0.5; filter: grayscale(100%);}
.subSection2 .bg-watermark .wmk-right {display:flex; align-items:flex-end;position:absolute; left:50%; top:32rem;margin-left:200px;}
.subSection2 .bg-watermark .wmk-right i { margin-left:-30px; opacity:0.5; filter: grayscale(100%);}

/* --- 반응형 레이아웃 시작 --- */

/* 1. 태블릿 & 작은 모니터 (최대 1440px) */
@media (max-width: 1440px) {
	.subSection2 { padding:3rem 0; }
    .sys-header { padding: 0 40px; }
    .sys-doctor-profile { margin-left: 20%; } /* 마진 수치를 비율로 변경 */
    .sys-doctor-profile img { height: 600px; }
	.subSection2-4n { padding:10rem 5rem; }
}

/* 2. 일반 태블릿 (최대 1024px) */
@media (max-width: 1024px) {
    .sys-text-content h2, .sys-text-content h2 strong { font-size: 3.8rem; }
    .sys-text-content p.sys-pbase-1 { font-size: 2.2rem; line-height:160%;}
    
	.subSection2-4n { padding:3rem 1rem }

    /* 인물 이미지 위치 조정 */
    .sys-doctor-profile { position: relative; left: 0; margin-left: 0; margin-top: 40px; }
    .sys-doctor-profile img { height: 500px; margin: 0 auto; }
    
    .sys-doctor-info-badge { left: 50% !important; transform: translateX(-50%); bottom: -20px; width: max-content; }
    
    .sys-mySwiper { height: 400px; }
    .sys-mySwiper .swiper-slide { width: 350px; height: 250px; }
    .sys-mySwiper .swiper-slide.swiper-slide-active { width: 450px; height: 320px; }
    
    .sys-custom-pagination { width: 80%; left: 10%; }
}

/* 3. 모바일 (최대 768px) */
@media (max-width: 768px) {
    .sys-system-section { padding: 6rem 0; }
	.sys-system-section-n { padding:0; }
    .sys-header { padding: 0 20px; }

	._Adj { width:100%; left:0; margin-top:40px; }
	._Bdj { width:100%; left:0; margin-top:40px;}
    
    .sys-text-content h2, .sys-text-content h2 strong { font-size: 3.6rem; line-height: 1.4; }
    .sys-text-content p.sys-pbase-1 { font-size: 1.8rem; }
    .sys-text-content p { font-size: 1.4rem; word-break:keep-all;}
	.sys-text-content p br { display:none; }

    /* 모바일에서 장비/인물 레이아웃 재배치 */
    .sys-doctor-profile img { height: 400px; }
    .sys-doctor-eq { position: relative; left: 0; margin-left: 0; margin-top: 40px; }
    .sys-doctor-eq img { height: auto; margin: 0 auto; max-width:100%;}

    
    .sys-doctor-info-badge .sys-title, .sys-doctor-info-badge .sys-title strong { font-size: 1.4rem; padding: 8px 12px; }
    .sys-doctor-info-badge .sys-desc { font-size: 1.3rem; width:auto !important;}
	.sys-doctor-info-badge .sys-title { width:auto !important; }

    /* 슬라이드 크기 조정 */
    .sys-swiper-container-wrapper { margin-top: 50px; padding:0 5%;}
    .sys-mySwiper { height: 350px;  }
    .sys-mySwiper .swiper-slide { width: 100%; height: 350px; border-radius: 15px; }
    .sys-mySwiper .swiper-slide.swiper-slide-active { width: 100%; height: 350px; border-radius: 15px; }

    .swiper-slide-active .sys-slide-text { font-size: 1.8rem; }
    .sys-slide-text strong { font-size: 2rem; }
    .sys-slide-text span { font-size: 1.4rem; }

    .sys-custom-pagination-wrap { margin-top: 50px; }
    .sys-custom-pagination { width: 90%; left: 5%; }

	.sdib-3-new { 
        left: 50% !important;
        transform: translateX(-24%) !important;
        bottom: 50px;
        width: max-content;
	}

	.subSection2 .bg-watermark-m { display:none; }

	.sys-custom-pagination-wrap {margin-top: 30px; }
	.sys-custom-pagination-wrap::after {display:none;}
	.sys-custom-pagination {position: relative;width: 30%;height: 20px;display: flex;align-items: center;left:50%; transform:translateX(-50%); text-align:center;}
	.sys-custom-bullet {width: 10px;height: 10px;}
	.sys-custom-bullet.sys-is-active::after {width:24px;height:24px;border-radius:12px;filter: blur(2px);opacity:0.05;	}


}

/* 4. 최소형 모바일 (최대 480px) */
@media (max-width: 480px) {
    .sys-text-content h2, .sys-text-content h2 strong { font-size: 3rem; }
    .sys-doctor-profile img { height: 350px; }
    .sys-mySwiper .swiper-slide { width: 100%; height: 350px; }
    .sys-mySwiper .swiper-slide.swiper-slide-active { width: 100%; height: 350px; }

}

@media (max-width: 390px) {
	.sys-doctor-info-badge { display:flex; flex-direction:column; align-items:center; }
	.sys-doctor-info-badge .sys-title { margin-bottom:10px; margin-right:0; }
	.sys-doctor-info-badge .sys-desc { text-align:center; }
}


/* 전체 섹션 컨테이너 (100vh) */
.subSection3 {width: 100%;height: 100vh;overflow: hidden;}
.merit-container {display: flex;width: 100%;height: 100%;}
.merit-left-area {width: 35%;height: 100%;position: relative;background-color: #000;}
.merit-swiper {width: 100%;height: 100%;}
.merit-swiper .swiper-slide {width: 100%;height: 100%;}
.merit-swiper img {width: 100%;height: 100%;object-fit: cover;}

.merit-right-area {width: 65%;height: 100%;background-color: #19306d;color: #fff;padding: 5% 5%;display: flex;flex-direction: column;justify-content: center;}
.merit-main-title {font-size: 5rem;font-weight: 300;margin-bottom: 7rem;color: #86bdff;font-family: 'Escoredream';letter-spacing:-0.02em;word-break:keep-all;}
.merit-main-title strong {font-weight: 700;color: #ffffff;font-family: 'Escoredream';font-size:5rem;letter-spacing:-0.02em;}
.merit-list {list-style: none;display: flex;flex-direction: column;gap: 10px;justify-content:center;}
.merit-item {display: flex;align-items: center;opacity: 0.3;cursor: pointer;transition: all 0.4s ease; flex:0 0 130px;}
.merit-item.merit-active {opacity: 1;}
.merit-item-header {display: flex;align-items: center;width: 550px;flex-shrink: 0;}
.merit-num {font-size: 7rem;font-family: 'Playfair Display', 'Georgia', serif;font-weight: 700;margin-right: 20px;transition: all 0.4s ease; color:#fff;line-height:1;}
.merit-item:not(.merit-active) .merit-num {color: transparent;-webkit-text-stroke: 1px #fff;font-family: 'Playfair Display', 'Georgia', serif;}
.merit-title {font-size: 5rem;font-weight: 700;white-space: nowrap;line-height:1;font-family: 'Escoredream';letter-spacing:-0.02em; padding-top:3.5rem;}

.merit-desc {display: none;padding-left: 20px;border-left: 1px solid #a9a9a9; margin-top:10px;}
.merit-desc p { font-family: 'NanumSquareNeo', sans-serif;font-weight:400; font-size: 1.6rem;line-height: 180%;color: #f0f4fa;}
.merit-item.merit-active .merit-desc {display: flex;animation: meritFadeInRight 0.5s ease forwards;align-items:center;margin-top:32px;}


/* 1. 태블릿 및 작은 모니터 (최대 1200px) */
@media (max-width: 1200px) {
    .merit-main-title, .merit-main-title strong { font-size: 3.8rem; }
    .merit-num { font-size: 5rem; }
    .merit-title { font-size: 3.5rem; padding-top: 2rem; }
    .merit-item-header { width: 400px; } /* 고정 너비 축소 */
}

/* 2. 일반 태블릿 (최대 1024px) */
@media (max-width: 1024px) {
    .subSection3 { height: auto; min-height: auto; overflow: visible; }
    .merit-container { flex-direction: column; } /* 세로 배치로 전환 */

    /* 상단 이미지 영역 */
    .merit-left-area { width: 100%; height: 40vh; }
    
	.merit-item {display: block;}
    /* 하단 텍스트 영역 */
    .merit-right-area { width: 100%; height: auto; padding: 60px 40px; }
    .merit-main-title { margin-bottom: 4rem; text-align: center; }
    
    .merit-item-header { width: 100%; }
    .merit-item { flex: 0 0 auto; margin-bottom: 20px; }
    
    /* 설명글 너비 조정 */
    .merit-desc { padding-left: 15px; }

	.ss501-2 { object-position: center -250px !important; }
	.ss501-4 { object-position: center -350px !important; }
}

/* 3. 모바일 (최대 768px) */
@media (max-width: 768px) {
    .merit-left-area { height: 35vh; }
    .merit-right-area { padding: 40px 20px; }

    .merit-main-title, .merit-main-title strong { font-size: 3.4rem; line-height: 1.3; display:block; text-align:center;}
    
    .merit-num { font-size: 3.5rem; margin-right: 15px; }
    .merit-title { font-size: 2.8rem; padding-top: 1rem; }
    
    .merit-item-header { flex-direction: row; align-items: flex-end; }
    
    /* 모바일에서 active 시 레이아웃 */
    .merit-item.merit-active .merit-desc { 
        flex-direction: column; 
        align-items: flex-start; 
        margin-top: 15px;
        padding-left: 0;
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        padding-top: 10px;
    }
    
    .merit-desc p { font-size: 1.4rem; line-height: 1.6; word-break:keep-all;}
	.merit-desc p br { display:none; }
	.merit-desc-block p br { display:block; }
}

/* 4. 최소형 모바일 (최대 480px) */
@media (max-width: 480px) {
    .merit-main-title, .merit-main-title strong { font-size: 3rem; }
    .merit-num { font-size: 2.8rem; }
    .merit-title { font-size: 2.2rem; }
    
    .merit-left-area { height: 30vh; }
}


@keyframes meritFadeInRight {
	0% { opacity: 0; transform: translateX(-15px); }
	100% { opacity: 1; transform: translateX(0); }
}



/* Q&A 섹션 전체 컨테이너 */
.subSection4 {width: 100%;padding: 0 0;display: flex;justify-content: center;position:relative;}
.qna-container {width: 100%;max-width: 1500px; border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0; padding:12rem 0;}
.qna-header {display: flex;align-items: center;padding: 4rem 5rem 6rem;border-bottom: 1px solid #e0e0e0;}
.qna-title {font-size: 5rem;font-weight: 800;color: #19306d; /* 네이비 색상 */margin-right: 5rem;font-family: 'Escoredream';letter-spacing:-0.02em; }
.qna-subtitle {font-size: 1.8rem;color: #2a2829;font-weight: 700; font-family: 'NanumSquareNeo', sans-serif;}
.qna-list {list-style: none;}
.qna-item {padding: 3rem 5rem;border-bottom: 1px solid #e0e0e0;}
.qna-item:last-child {border-bottom: none;}
.qna-question-box {display: flex;align-items: center;margin-bottom: 30px;}
.qna-icon {display: inline-flex;justify-content: center;align-items: center;width: 42px;height: 42px;background-color: #19306d;color: #fff;font-size: 2rem;font-weight: bold;border-radius: 5px; margin-right: 20px;flex-shrink: 0;}
.qna-question {font-size: 2.5rem;font-weight: 800;color: #19306d; line-height: 140%;font-family: 'NanumSquareNeo', sans-serif;}
.qna-answer {font-size: 1.6rem;line-height: 180%;color: #2a2829;word-break: keep-all;letter-spacing:-0.02em; font-family: 'NanumSquareNeo', sans-serif;font-weight:400;}

.subSection5 { padding:0 5rem 11.5rem; }
.change-banner-container {
	position: relative;width: 100%;margin: 0 auto;border-radius: 30px;overflow: hidden;
	background-size: cover;background-position: center;display: flex;justify-content: space-between;align-items: flex-start;padding: 12rem 15rem;color: #fff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

/* 1. 태블릿 및 작은 모니터 (최대 1200px) */
@media (max-width: 1200px) {
    .qna-container { width: 95%; padding: 8rem 0; }
    .qna-header { padding: 3rem 4rem 4rem; }
    .qna-title { font-size: 3.8rem; margin-right: 3rem; }
    
    .change-banner-container { padding: 8rem 8rem; }
}

/* 2. 일반 태블릿 (최대 1024px) */
@media (max-width: 1024px) {
    /* Q&A 헤더 가로 정렬이 좁을 수 있으므로 세로 고려 */
    .qna-header { flex-direction: column; align-items: flex-start; gap: 15px; }
    .qna-title { margin-right: 0; }
    
    .subSection5 { padding: 0 3rem 8rem; }
    .change-banner-container { padding: 6rem 5rem; flex-direction: column; gap: 30px; }
}

/* 3. 모바일 (최대 768px) */
@media (max-width: 768px) {
    /* Section 4: Q&A */
    .subSection4 { padding: 0; }
    .qna-container { 
        width: 100%; 
        border-left: none; 
        border-right: none; 
        padding: 6rem 0; 
    }
    
    .qna-header { padding: 0 20px 30px; }
    .qna-title { font-size: 3.2rem; }
    .qna-subtitle { font-size: 1.5rem; line-height: 1.4; word-break:keep-all;}
    
    .qna-item { padding: 2.5rem 20px; }
    .qna-icon { width: 32px; height: 32px; font-size: 1.6rem; margin-right: 15px; }
    .qna-question { font-size: 1.8rem; word-break:keep-all;}
    .qna-answer { font-size: 1.4rem; line-height: 1.6; word-break:keep-all;}
	.qna-question br, .qna-answer br { display:none; }

    /* Section 5: Banner */
    .subSection5 { padding: 0 20px 6rem; }
    .change-banner-container { 
        padding: 5rem 30px; 
        border-radius: 20px; 
        align-items: center; 
        text-align: center;
    }
}

/* 4. 최소형 모바일 (최대 480px) */
@media (max-width: 480px) {
    .qna-title { font-size: 2.8rem; }
    .qna-question { font-size: 1.6rem; }
    .qna-answer { font-size: 1.35rem; }
    .change-banner-container { padding: 4rem 20px; }
}


.sub201-bottom-img { background-image: url('../images/sub/s201-img401.png');}
.sub301-bottom-img { background-image: url('../images/sub/s301-img501.png');}
.sub401-bottom-img { background-image: url('../images/sub/s401-img501.png');}
.sub501-bottom-img { background-image: url('../images/sub/s501-img401.png');}
.sub601-bottom-img { background-image: url('../images/sub/s601-img401.png');}
.sub701-bottom-img { background-image: url('../images/sub/s701-img401.png');}


.change-banner-left {flex: 0 0 37%;}
.change-title {font-size: 4.4rem;font-weight: 700;line-height: 140%;color: #86bdff;letter-spacing: -0.02em; font-family: 'NanumSquareNeo', sans-serif;word-break:keep-all;}
.change-banner-right {flex: 1;}
.change-list {list-style: none;display: grid; grid-template-columns: 1fr 1fr; gap: 20px 40px;}
.change-list._Full { grid-template-columns: 1fr; }
.change-item {
	display: flex;align-items: center;background-color: rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px);padding: 18px 28px;border-radius: 5px;border-bottom: 1px solid #86bdff;
	font-family: 'NanumSquareNeo', sans-serif;font-size: 2rem;font-weight: 400;color: #fff;transition: background-color 0.3s;
}
.change-icon { 
	display: flex;justify-content: center;align-items: center;width: 30px;height: 25px;margin-right: 20px;flex-shrink: 0;
	background:url(../images/sub/chk-bottom.svg) no-repeat center / 100%; 
}

/* 1. 태블릿 및 노트북 (최대 1200px) */
@media (max-width: 1200px) {
    .change-title { font-size: 3.5rem; }
    .change-list { gap: 15px 25px; }
    .change-item { font-size: 1.8rem; padding: 15px 22px; }
}

/* 2. 일반 태블릿 (최대 1024px) */
@media (max-width: 1024px) {
    /* 좌우 배치를 세로 배치로 전환 */
    .change-banner-left { flex: 0 0 auto; width: 100%; margin-bottom: 40px; }
    .change-banner-right { width: 100%; }

    .change-title { font-size: 3rem; text-align: center; }
    .change-list { grid-template-columns: 1fr 1fr; } /* 아직은 2단 유지 가능 */
}

/* 3. 모바일 (최대 768px) */
@media (max-width: 768px) {
    .change-banner-left { margin-bottom: 30px; }
    .change-title { font-size: 2.6rem; line-height: 1.3; }

    /* 리스트를 1단으로 전환 */
    .change-list { 
        grid-template-columns: 1fr; 
        gap: 12px; 
    }

    .change-item { 
        font-size: 1.6rem; 
        padding: 14px 20px 14px 32px; 
        border-radius: 8px; /* 모바일에서 조금 더 부드러운 인상 */
		text-align:left;
		word-break:keep-all;
		line-height:1.3;
    }

    .change-icon { width: 24px; height: 20px; margin-right: 20px; }

	.sub201-bottom-img { background-image: url('../images/sub/s201-img401m.png');}
	.sub301-bottom-img { background-image: url('../images/sub/s301-img501m.png');}
	.sub401-bottom-img { background-image: url('../images/sub/s401-img501m.png');}
	.sub501-bottom-img { background-image: url('../images/sub/s501-img401m.png');}
	.sub601-bottom-img { background-image: url('../images/sub/s601-img401m.png');}

}

/* 4. 최소형 모바일 (최대 480px) */
@media (max-width: 480px) {
    .change-title { font-size: 2.2rem; }
    .change-item { font-size: 1.5rem; padding: 12px 15px; }
    .change-icon { width: 20px; height: 16px; margin-right: 10px; }
}


/* 기본 폰트 및 초기화 */
.item-treat-section {padding: 12rem 0;background-color: #ffffff;letter-spacing: -0.02em;word-break: keep-all;display:flex;justify-content:center;align-items:center;}

.item-treat-section2 {padding: 12rem 0;letter-spacing: -0.02em;word-break: keep-all;display:flex;justify-content:center;align-items:center;}
.item-treat-container {padding: 12rem 7.5rem;background-color: #f0f4fa;border-radius: 30px 100px 30px 100px;text-align: center;}
.item-treat-main-title {font-size: 5rem;font-weight: 700;line-height:130%;color: #19306d;margin-bottom: 6rem;text-align:center;font-family: 'Escoredream';}

.item-treat-wrapper {display: flex;justify-content: center;align-items: stretch;gap: 33px;flex-wrap: wrap;}
.item-treat-item {flex: 1;min-width: 350px;max-width: 350px;display: flex;justify-content: center;align-items:center;}
.item-treat-circle {width: 100%;aspect-ratio: 1 / 1;background-color: #ffffff;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align:center;}
.item-treat-title {font-size: 2.8rem;font-weight: 800;color: #2a2829;line-height: 140%;margin-bottom:10px;text-align:center;font-family: 'NanumSquareNeo', sans-serif;}
.item-treat-title em {
	font-size: 3rem;font-weight: 800;color: #2a2829;line-height: 180%;margin-bottom:10px;text-align:center;margin-top:-12px;
	letter-spacing:-0.02em;
	display:block;
	color: rgba(169, 169, 169, 0.44);
    font-family: 'Playfair Display', 'Georgia', serif;
	font-family: 'NanumSquareNeo', sans-serif;
}
.item-treat-title em.n-em { font-size: 2.8rem;font-weight: 800;color: #2a2829;line-height: 140%;text-align:center;font-family: 'NanumSquareNeo', sans-serif; display:block;margin-top:0;}
.item-treat-desc {font-size: 1.8rem;font-weight: 400;color: #2a2829;line-height: 180%;margin: 0;text-align:center;font-family: 'NanumSquareNeo', sans-serif; margin-top:15px;}


.ssNewBoxTalk { padding-top:0; margin-top:-50px; padding-bottom:7rem; position:relative; z-index:3; width:100%;}
.ssNewBoxTalk .item-treat-container { background:#fff; text-align:left; position:relative; width:1700px; margin:0 auto; padding: 12rem 7.5rem 12rem; border-radius:0 100px 30px 100px;}
.ssNewBoxTalk .item-treat-container .item-treat-main-title { text-align:left; max-width:1400px; margin:0 auto 100px; }
.ssNewBoxTalk .item-treat-wrapper { justify-content:flex-start; gap:0; }
.ssNewBoxTalk .item-treat-inner .item-treat-wrapper .item-treat-item {flex: 1;min-width: 310px;max-width: 310px;display: flex;justify-content: center;align-items:center; border-left:1px solid rgba(169,169,169,0.5); text-align:center;}
.ssNewBoxTalk .item-treat-inner .item-treat-wrapper .item-treat-item:nth-child(1) { border-left:0; }
.ssNewBoxTalk .item-treat-container .sys-doctor-profile1 { position:absolute; right:-130px; bottom:0; }

/* 1. 태블릿 및 노트북 (최대 1200px) */
@media (max-width: 1200px) {
    .item-treat-main-title { font-size: 4rem; }
    .item-treat-container { padding: 8rem 5rem; }
    .item-treat-wrapper { gap: 25px; }

	.ssNewBoxTalk .item-treat-container .sys-doctor-profile1 { position:relative; right:auto; bottom:0; text-align:center; }
}

/* 2. 일반 태블릿 (최대 1024px) */
@media (max-width: 1024px) {
    .item-treat-section, .item-treat-section2 { padding: 8rem 0; }
	.item-treat-section2 { padding: 2rem 0 8rem; }
    .item-treat-container { 
        padding: 6rem 3rem; 
        border-radius: 30px 80px 30px 80px; /* 곡률 약간 조정 */
    }
    .item-treat-main-title { font-size: 3.5rem; margin-bottom: 4rem; }
    
    /* 원형 아이템 크기 조정 */
    .item-treat-item { 
        min-width: 300px; 
        max-width: 300px; 
    }
    .item-treat-title { font-size: 2.4rem; }
    .item-treat-title em { font-size: 2.6rem; }
    .item-treat-desc { font-size: 1.6rem; }

	.ssNewBoxTalk .item-treat-container { text-align:center; padding: 10rem 0 0;}
	.ssNewBoxTalk .item-treat-container .item-treat-main-title { text-align:center; margin:0 auto 10px; }
	.ssNewBoxTalk .item-treat-inner .item-treat-wrapper .item-treat-item { border-left:none; min-width:100%;  }

}

/* 3. 모바일 (최대 768px) */
@media (max-width: 768px) {
    .item-treat-section, .item-treat-section2 { padding: 6rem 20px; }
	.item-treat-section2 { padding: 4rem 20px 4rem; }
    .item-treat-container { 
        padding: 5rem 20px; 
        border-radius: 20px 60px 20px 60px; 
    }
    .item-treat-main-title { font-size: 2.8rem; margin-bottom: 3rem; line-height: 1.4; }

    .item-treat-wrapper { gap: 20px; }

 
    /* 모바일에서는 원의 크기를 화면에 맞게 유동적으로 변경 */
    .item-treat-item { 
        min-width: 280px; 
        max-width: 280px; 
        flex: 0 0 280px; 
    }
    .item-treat-title { font-size: 2rem; }
    .item-treat-title em { font-size: 2.2rem; margin-top: 0; }
	.item-treat-title em.n-em { font-size:2rem; margin-top:0; color:#2a2829;font-family: 'NanumSquareNeo', sans-serif; }
    .item-treat-desc { font-size: 1.4rem; line-height: 1.6; margin-top:15px;}


	.item-treat-circle {width: 100%;aspect-ratio: auto; padding:20px 0; }
	.ssNewBoxTalk .item-treat-inner { padding-bottom:10px; }
	.ssNewBoxTalk .item-treat-container .sys-doctor-profile1 { left:-2.5%; bottom:1px; }
	.ssNewBoxTalk .item-treat-container { background:#fff url(/images/sub/dock-bg.png) no-repeat center bottom / contain; background:#fff; }


	.ssNewBoxTalk .item-treat-container .item-treat-wrapper { display:flex; flex-wrap:wrap; }
	.ssNewBoxTalk .item-treat-container .item-treat-wrapper .item-treat-item { flex:0 0 50% !important; min-width:auto; max-width:auto; width:50% !important; margin:30px 0;}
	.ssNewBoxTalk .item-treat-container .item-treat-wrapper > div:nth-child(2),
	.ssNewBoxTalk .item-treat-container .item-treat-wrapper > div:nth-child(4) { border-left:1px solid #ccc; }

}

/* 4. 최소형 모바일 (최대 480px) */
@media (max-width: 480px) {
    .item-treat-main-title { font-size: 2.4rem; }
    
    /* 아주 작은 화면에서는 원이 깨지지 않도록 더 축소 */
    .item-treat-item { 
        min-width: 240px; 
        max-width: 240px; 
    }
    .item-treat-container { border-radius: 15px 40px 15px 40px; }
    .item-treat-title { font-size: 1.8rem; }
    .item-treat-title em { font-size: 1.8rem; }
	.item-treat-title em.n-em { font-size:1.8rem; }
    .item-treat-desc { font-size: 1.3rem; }

}


.high-end-section {
	padding: 12rem 0;
	border-bottom:1px solid #d4d4d4;
	background-image: url('../images/sub/s301-doc-bg3.png'), url('../images/sub/s301-doc-bg2.png');
	background-position: left bottom, bottom center;
	background-size: auto, cover;
	background-repeat: no-repeat, no-repeat;
}
.high-end-container {max-width: 1500px;margin: 0 auto;}
.high-end-layout {display: flex;justify-content: space-between;align-items: flex-start;gap: 20px;}
.high-end-visual {flex: 1;}
.high-end-subtitle {font-size: 5rem;color: #2a2829;font-weight: 300;line-height:150%;letter-spacing:-0.02em;font-family: 'Escoredream';}
.high-end-brand {font-size: 5rem;color: #2a2829;line-height:150%;letter-spacing:-0.02em;font-weight: 300;font-family: 'Escoredream';}
.high-end-highlight {font-size: 5rem;color: #19306d;line-height:150%;font-weight: 800;letter-spacing:-0.02em;font-family: 'Escoredream';}
.high-end-model {font-size: 5rem;color: #19306d;line-height:150%;letter-spacing:-0.02em;font-weight: 800;font-family: 'Escoredream';}
.high-end-device-box { position:relative; left:-70px; margin-top:50px; }
.high-end-device-box2 { position:relative; left:-50px; margin-top:50px; }
.high-end-device-img {max-width: 100%;height: auto;}
.high-end-features {flex: 1;display: flex;flex-direction: column;gap: 40px;margin-top:15rem;}
.high-end-features2 {flex: 1;display: flex;flex-direction: column;gap: 20px;margin-top:15rem;}
.high-end-card {background-color: #19306d;border-radius: 0 20px 0 20px;padding: 11px 11px 11px 40px;color: #fff;display: flex;justify-content: space-between;align-items: center;transition: transform 0.3s ease;}
.high-end-card-f {padding: 40px 30px 40px 40px;}
.high-end-card-info {flex: 1;padding-right: 20px;}
.high-end-card-f .high-end-card-info { padding-right:0; }
.high-end-card-title {font-size: 2.8rem;font-weight: 800;margin-bottom: 15px;display: flex;align-items: center;position:relative;font-family: 'NanumSquareNeo', sans-serif;line-height:1.4;word-break:keep-all;}
.high-end-card-title::before {
	content: '';margin-right: 10px;width:40px;height:40px;background-image: url('../images/sub/bi_check-all.svg');
	background-position: center;background-size:100%;background-repeat: no-repeat;
	display:inline-block;
}
.high-end-card-desc {font-size: 1.6rem;line-height: 1.6;opacity: 1;font-weight: 300;font-family: 'NanumSquareNeo', sans-serif;word-break:keep-all;}
.high-end-card-thumb {width: 193px;height: 177px;overflow: hidden;background-color: #fff;flex-shrink: 0;border-radius:0 15px 0 0;overflow:hidden;}
.high-end-card-thumb img {width: 100%;height: 100%;object-fit: cover;}

.s401-img-bg1 { 
	border-radius:0 100px 0 100px; height:506px; width:1340px; margin:0 auto; display:flex; justify-content:center; align-items:center; 
	background-image: url('../images/sub/s401-img101.png');background-position: center;background-size:cover;background-repeat: no-repeat;
	gap:30px;margin-top:70px;
}

.s701-img-bg1 { 
	border-radius:0 100px 0 100px; height:506px; width:1340px; margin:0 auto; display:flex; justify-content:center; align-items:center; 
	background-image: url('../images/sub/s701-img101.png');background-position: center;background-size:cover;background-repeat: no-repeat;
	margin-top:70px;
}
.img-item-img1 { width:286px; height:286px; border-radius:185px; overflow:hidden;}
.img-item-img1 img { width:100%;height:100%; }
.img-item-img3 { 
	height:194px; width:194px; display:flex; justify-content:center; align-items:center; 
	background-image: url('../images/sub/s401-img-box.png');
	background-position: center;background-size:cover;background-repeat: no-repeat;
}


/* 1. 태블릿 및 작은 모니터 (최대 1200px) */
@media (max-width: 1200px) {
    .high-end-container { padding: 0 40px; }
    
    .high-end-subtitle, .high-end-brand, .high-end-highlight, .high-end-model { font-size: 4rem; }
    
    /* 기기 이미지 위치 조정 */
    .high-end-device-box { left: -50px; }
    .high-end-device-box2 { left: 0; }
    
    .s401-img-bg1, .s701-img-bg1 { width: 100%; height: auto; padding: 60px 20px; gap: 30px; }
    .img-item-img1 { width: 220px; height: 220px; }
}

/* 2. 일반 태블릿 (최대 1024px) */
@media (max-width: 1024px) {
    .high-end-section { padding: 8rem 0; }
    
	.high-end-header {text-align:left;}
    /* 2단 레이아웃을 1단으로 전환 */
    .high-end-layout { flex-direction: column; align-items: center; text-align: center; }
    
    .high-end-subtitle, .high-end-brand, .high-end-highlight, .high-end-model { font-size: 3.5rem; }
    
    /* 기기 이미지 중앙 정렬 및 음수 여백 제거 */
    .high-end-device-box, .high-end-device-box2 { left: 0; margin-top: 30px; text-align: center; }
    .high-end-device-img { max-width: 80%; margin: 0 auto; }
    
    /* 특징 리스트 영역 조정 */
    .high-end-features, .high-end-features2 { margin-top: 5rem; width: 100%; max-width: 800px; }
    .high-end-features { gap:20px; }
    .high-end-card { text-align: left; }
}

/* 3. 모바일 (최대 768px) */
@media (max-width: 768px) {
    .high-end-section { padding: 6rem 0; }
    .high-end-container { padding: 0 20px; }
    
    .high-end-subtitle, .high-end-brand, .high-end-highlight, .high-end-model { font-size: 3.2rem; line-height: 1.3; }
    
    /* 카드 디자인 최적화 */
    .high-end-card { 
        flex-direction: column; 
        padding: 30px 20px 30px; 
        border-radius: 0 40px 0 40px; 
        align-items: flex-start;
    }
    .high-end-card-info { padding-right: 0; margin-bottom: 20px; }
    .high-end-card-title { font-size: 2rem; word-break:keep-all;}
    .high-end-card-title::before { width: 30px; height: 30px; }
    .high-end-card-desc { font-size: 1.4rem; }
	.high-end-card-desc br { display:none; }
    
    /* 카드 썸네일 크기 조정 */
    .high-end-card-thumb { width: 100%; height: 150px; height:auto; border-radius: 15px; }

    /* 배경 박스 영역 (이미지 301/401/701) */
    .s401-img-bg1, .s701-img-bg1 { 
        flex-direction: column; 
        border-radius: 0 50px 0 50px; 
        height: auto; 
    }
	
	.s401-img-bg1 { 
		background-image: url('../images/sub/s401-img101m.png');
	}

    .img-item-img1 { width: 180px; height: 180px; }
    .img-item-img3 { width: 150px; height: 150px; padding:30px; }
	.img-item-img3 img { max-width:100%; }
}

/* 4. 최소형 모바일 (최대 480px) */
@media (max-width: 480px) {
    .high-end-subtitle, .high-end-brand, .high-end-highlight, .high-end-model { font-size: 2.8rem; word-break:keep-all; }
    
    .high-end-device-img { max-width: 100%; }
    
    .high-end-card-title { font-size: 1.8rem; }
    .high-end-card-thumb { height: 120px; height:auto; }
    
    .img-item-img1 { width: 140px; height: 140px; }
}



.medical-container {max-width: 1280px;margin: 80px auto 150px;padding: 0 20px;}
.tab-menu {display: flex;justify-content: center;gap: 10px;padding-bottom: 80px;}
.tab-menu li {
	width: 333px;height: 60px;cursor: pointer;transition: 0.3s;padding: 0; 
	border-radius:0 10px 0 10px;
	overflow:hidden;
	border:1px solid #a9a9a9;
	background:#fff;
}
.tab-menu li a {
	display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;text-decoration: none; 
	color: #989898; font-size: 20px;transition: 0.3s; letter-spacing:-0.02em;
	overflow:hidden; height:100%;
	font-weight: 800;
	font-family: 'NanumSquareNeo', sans-serif;
}
.tab-menu li:hover { background:#f6f6f6; }
.tab-menu li.active {	background: linear-gradient(113.9deg, #3764DC -15.02%, #0D1A3D 98.41%);}
.tab-menu li.active a {color: #fff; }


@media (max-width: 1024px) {
	.tab-menu li { width: 140px; }
	.tab-menu li a { font-size: 14px; }
}
.staff-row {display: flex;justify-content: center; gap: 100px;margin-bottom: 92px; }
.staff-card {flex: 0 0 325px;}
.img-box {width: 100%;border-radius: 20px;overflow: hidden;}
.img-box img {width: 100%;height: 100%;object-fit: cover;}
.info-box {display: flex;justify-content: space-between;align-items: center;margin-top: 30px;padding: 0 5px; }
.info-box .text article { display:flex; align-items:center; padding-bottom: 10px;border-bottom: 1px solid #2a2829; }
.info-box .text article .pos {display: block;font-size: 18px;color: #494949;margin-right:15px;letter-spacing:-0.02em;font-weight: 400;font-family: 'NanumSquareNeo', sans-serif;}
.info-box .text article .name {display: inline-block;font-size: 30px;font-weight: 800;color:#2a2829;letter-spacing:-0.02em;font-family: 'NanumSquareNeo', sans-serif;}
.info-box-b {display: flex;justify-content: center;align-items: center;margin-top: 30px;padding: 0 5px; }
.info-box-b .text-b article { display:flex; align-items:center; padding-bottom: 7px; justify-content:center; width:100%;}
.info-box-b .text-b article .pos {display: block;font-size: 18px;color: #494949;margin-right:15px;letter-spacing:-0.02em;font-weight: 400;font-family: 'NanumSquareNeo', sans-serif;}
.info-box-b .text-b article .name {display: inline-block;font-size: 30px;font-weight: 800;color:#2a2829;letter-spacing:-0.02em;font-family: 'NanumSquareNeo', sans-serif;}

.info-box .text .desc {display: block;font-size: 18px;color: #494949;font-weight: 500;margin-top:15px;display:none;}
.btn-more {width: 96px;height: 50px;background: #172e57;border: none;border-radius: 2.6px;color: #fff;font-size: 24px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: 0.3s;}
.btn-more:hover {background: #172e57;transform: scale(1.1);}
.btn-more i { position:relative; left:0; transition:all 0.5s; }
.btn-more:hover i { left:5px; }

.title-staff { margin-bottom:55px; width:100%; padding-top:20px;}
.title-staff h3 { border-radius:20px 20px 0 0; height:90px; display:flex; justify-content:center; align-items:center; overflow:hidden; width:100%;}
.title-staff h3 strong { font-size:57px; font-weight:800; color:#172e57; line-height:1; letter-spacing:-0.02em; font-family: 'Escoredream';}

.staff-list-wrapper { display:flex; flex-wrap:wrap; justify-content:center; gap:100px; }

/* 태블릿: 1024px 이하일 때 */
@media (max-width: 1024px) {
	.staff-list-wrapper { display:flex; flex-wrap:wrap; gap:40px 0; }
	.staff-row {flex-wrap: wrap; gap: 40px 0;margin-bottom: 40px; flex:0 0 50%;}
	.staff-card {	flex: 0 0 calc(50%); padding: 0 10px;	max-width: 350px;}
	.tab-menu li { width: 140px; font-size: 14px; }
}

/* 모바일: 640px 이하일 때 */
@media (max-width: 640px) {
	.medical-container { padding: 10px 10px 10px; margin: 0 auto 50px;}
	.staff-row { margin-bottom: 0; }
	.staff-card {flex: 0 0 50%;max-width: 100%;	margin-bottom: 20px;}
	.info-box .text .name { font-size: 24px; }
	.btn-more { width: 45px; height: 45px; font-size: 20px; }
	.tab-menu { padding-bottom:40px; }
}


/* 1. 태블릿 및 노트북 (최대 1200px) */
@media (max-width: 1200px) {
    .staff-row { gap: 40px 0; margin-bottom: 60px; } /* 간격 축소 */
    .staff-card { flex: 0 0 300px; } /* 카드 크기 소폭 축소 */
    
    .title-staff h3 strong { font-size: 45px; }
    .info-box .text article .name, 
    .info-box-b .text-b article .name { font-size: 26px; }
}

/* 2. 일반 태블릿 (최대 1024px) */
@media (max-width: 1024px) {
    .staff-row { 
        flex-wrap: wrap; /* 줄바꿈 허용 */
        gap: 30px 0; 
        padding: 0 0;
    }
    
    /* 태블릿에서 2열 배치를 위해 너비 조정 (여백 제외 약 45%) */
    .staff-card { 
        flex: 0 0 calc(50%); 
        max-width: 350px; 
    }

    .title-staff h3 { height: 70px; }
    .title-staff h3 strong { font-size: 36px; }
}

/* 3. 모바일 (최대 768px) */
@media (max-width: 768px) {
    .staff-row { 
        gap: 40px 0; /* 세로 간격은 넓게, 가로 간격은 좁게 */
        margin-bottom: 50px; 
    }

    /* 모바일에서는 기본 1열 배치, 원할 경우 2열 배치 가능 */
    .staff-card { 
        flex: 0 0 50%; /* 1열 배치 */
        max-width: 400px; 
    }

    /* 인물 정보 박스 조절 */
    .info-box, .info-box-b { margin-top: 20px; }
    .info-box .text article .name, 
    .info-box-b .text-b article .name { font-size: 24px; margin-top:5px; }
    .info-box .text article .pos, 
    .info-box-b .text-b article .pos { font-size: 11px; margin-right: 10px; }

	.info-box .text article { display:block; text-align:left }

    /* 더보기 버튼 크기 조절 */
    .btn-more { width: 50px; height: 44px; font-size: 14px; }

    /* 섹션 타이틀 조절 */
    .title-staff { margin-bottom: 30px; }
    .title-staff h3 { height: 60px; }
    .title-staff h3 strong { font-size: 32px; }
}

/* 4. 최소형 모바일 (최대 480px) */
@media (max-width: 480px) {
    .staff-row { gap: 30px 0; }
    
    .img-box { border-radius: 15px; } /* 곡률 살짝 축소 */

    .info-box .text article .name, 
    .info-box-b .text-b article .name { font-size: 22px; }

    /* 버튼과 텍스트 간격이 좁을 경우 세로 배치 고려 */
    /* .info-box { flex-direction: column; align-items: flex-start; gap: 15px; } */
    
    .title-staff h3 strong { font-size: 28px; }
}



/* 모달 전체 오버레이 설정 */
.modal-overlay {
	position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);
	display: flex;align-items: center;justify-content: center;z-index: 999999;
	opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;
}
.modal-overlay.is-active {opacity: 1;visibility: visible;}
.modal-window {
	background: #fff;width: 100%;height:100%;overflow: hidden;
	transform: translateY(30px);
	transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
	position:relative;
}

.modal-overlay.is-active .modal-window {transform: translateY(0);}
.info-scroll-area::-webkit-scrollbar {width: 6px;}
.info-scroll-area::-webkit-scrollbar-thumb {background: #ddd;border-radius: 10px;}

.modal-header {background: #172e57; padding: 15px 30px;display: flex;justify-content: space-between;align-items: center;}
.modal-header .logo img { height: 30px; }
.btn-close {background: none; border: none;font-size: 40px; color: #666;cursor: pointer;line-height: 1;}
.modal-content {flex: 1;overflow-y: auto;padding: 60px 50px;position: relative;height: calc(100vh - 70px);scroll-behavior: smooth; z-index:2;}
.modal-body-inner {display: flex;max-width: 1260px;margin: 0 auto;gap: 60px;position: relative;align-items: flex-start; }
.modal-photo {position: sticky;top: 0; flex: 0 0 375px; width: 375px;z-index: 10;}
.modal-photo img {width: 100%;display: block;}
.modal-info {flex: 1; padding-bottom: 100px; }
.info-header {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #172e57;border-top: 1px solid #172e57;padding:21px 0;margin-bottom: 48px;}
.pos-tag { font-size: 18px; color: #494949; margin-right: 21px; letter-spacing:-0.02em; font-weight:500;}
.info-header .name { font-size: 40px; font-weight: 700; display: inline; letter-spacing:-0.02em;}
.doc-badge { font-size: 18px; color: #494949; letter-spacing:-0.02em; font-weight:500;display:none;}

/* 섹션별 스타일 */
.info-section { margin-bottom: 40px; display:flex; }
.info-section h3 {position: relative;flex:0 0 150px;}
.info-section h3 span { position:relative; padding-left:18px; padding-bottom:8px;font-size: 25px;font-weight:500;color: #2a2829;letter-spacing:-0.02em;}
.info-section h3 span::after { content:""; position:absolute; left:0; bottom:0; display:inline; background:#172e57; height:3px; width:100%; }
.info-section h3 span::before {content: '';position: absolute;left: 0; top: 10px;width: 10px; height: 10px;background: #172e57;border-radius: 50%;}
.info-section ul li {font-size: 18px;color: #222;list-style: none;line-height:1.8;font-weight:400;letter-spacing:-0.02em;position:relative;padding-left:14px;margin-top:-2px;word-break:keep-all;}
.info-section ul li strong { font-weight:400; font-size:18px; color:#222;	}
.info-section>ul>li::before{content:"";display:block;width:4px;height:4px;border-radius:3px;background:#222222;position:absolute;left:0;top:14px;}
.info-section>ul>li>ul>li{ padding-left:0;}
.title-group { display:flex; align-items:center; }
.pos-tag {display: flex;align-items: center;font-size: 18px; /* 예시 크기 */color: #666;}

/* 세로 라인 스타일 */
.split-line {display: inline-block;width: 1px;height: 14px;background-color: #494949;margin: 0 10px; vertical-align: middle;color: #494949;}
.i-more-arrow-white { display:block;width:14px; height:16px; background:url(../images/doctor/i-more-arrow-white.svg) no-repeat center / 100%; }
.i-close-x { display:block;width:36px; height:36px; background:url(../images/doctor/i-close-x.svg) no-repeat center / 100%; }

body.modal-open {overflow: hidden;padding-right: 15px; }
.staff-section {margin: 0 auto;padding: 100px 0;text-align: center;position:relative;}
.staff-section-notice { padding:100px 0 0; }
.staff-nav {border-width: 0 0 1px 0 ;border-style: solid;border-color: rgba(169, 169, 169, 0.32);margin-bottom: 60px;}
.staff-nav ul {display: flex;justify-content: center;gap: 70px;}
.staff-nav li a {display: block;padding: 22px 0;color: #2a2829;font-size:2rem;font-weight: 400;font-family: 'NanumSquareNeo', sans-serif;}
.staff-nav li.active a {color: #19306d;border-bottom: 3px solid #19306d;font-family: 'NanumSquareNeo', sans-serif;font-weight:800;}

.sub-comm-line::before {content:"";display:block; position:absolute; left:50%; top:0; height:100%;width:1px; background:rgba(169, 169, 169, 0.32);margin-left:-771px; z-index:-1;}
.sub-comm-line::after { content:"";display:block; position:absolute; left:50%; top:0; height:100%;width:1px; background:rgba(169, 169, 169, 0.32);margin-left:770px;z-index:-1;}

/* 1. 태블릿 및 노트북 (최대 1200px) */
@media (max-width: 1200px) {
    .staff-section { padding: 80px 0; }
    .staff-nav ul { gap: 40px; } /* 간격 축소 */
    .staff-nav li a { font-size: 1.8rem; }
}

/* 2. 일반 태블릿 (최대 1024px) */
@media (max-width: 1024px) {
    .staff-section { padding: 60px 0; }
    
    /* 항목이 많을 경우를 대비해 좌우 스크롤 활성화 */
    .staff-nav {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; /* 부드러운 스크롤 */
    }
    .staff-nav ul {
        justify-content: flex-start; /* 왼쪽부터 정렬 */
        gap: 30px;
        width: max-content; /* 내부 콘텐츠 너비 유지 */
        padding: 0 20px;
        margin: 0 auto;
    }
    
    /* 스크롤바 숨기기 (디자인 유지) */
    .staff-nav::-webkit-scrollbar { display: none; }
    .staff-nav { -ms-overflow-style: none; scrollbar-width: none; }
}

/* 3. 모바일 (최대 768px) */
@media (max-width: 768px) {
    .staff-section { padding: 50px 0; }
    .staff-nav { margin-bottom: 40px; }
    
    .staff-nav li a { 
        padding: 15px 0; 
        font-size: 1.6rem; 
    }
    
    .staff-nav li.active a { border-bottom-width: 2px; }
}

/* 4. 최소형 모바일 (최대 480px) */
@media (max-width: 480px) {
    .staff-nav ul { gap: 20px; }
    .staff-nav li a { font-size: 1.4rem; }
}


/* 반응형 모바일 */
@media (max-width: 960px) {
	.modal-body-inner { flex-direction: column; align-items: center; gap:20px;}
	.modal-photo { flex: 0 0 auto; width: 250px; margin-bottom: 30px; }
	.modal-content { padding: 30px 20px; }
	.info-header { flex-direction: column; align-items: flex-start; gap: 10px; }

	.info-section{ flex-wrap:wrap; }
	.info-section h3 { flex:0 0 100%; }
	.info-section > ul { flex:0 0 100%; padding-top:30px; }
	.info-section > ul li,
	.info-section > ul li strong { font-size:16px; line-height:1.7; display:block; margin-bottom:5px; }
	.info-section > ul li { margin-bottom:5px; }

	.modal-window::after { 
		position:absolute; bottom:48px; right:-170px;z-index:-1;
		opacity:0.5
	}

	.info-header .name { font-size:30px; }
	.badge { font-size:14px; }
}

@media (max-width: 768px) {
	.modal-body-inner { flex-direction: column; /* 세로로 배치 */}
	.modal-photo {position: relative; /* 고정 해제 */width: 100%;top: 0;margin-bottom: 20px;}
}

/* 배경 워터마크 */
.modal-overlay .bg-watermark {
	position: absolute;bottom:0;left: 50%;transform: translateX(-50%);font-size: 20rem;font-family: 'Serif', serif;
	font-weight: 900;color: rgba(0, 0, 0, 0.03);white-space: nowrap;z-index: 1;pointer-events: none;user-select: none; 
	width:95%;
	height:650px;
}
.modal-overlay .bg-watermark .wmk-left {
	display:flex; align-items:flex-end;
	position:absolute; left:50%; top:7rem;
	margin-left:-800px;
}
.modal-overlay .bg-watermark .wmk-left i { margin-left:-30px; opacity:0.5; filter: grayscale(100%);}
.modal-overlay .bg-watermark .wmk-right {
	display:flex; align-items:flex-end;
	position:absolute; left:50%; top:32rem;
	margin-left:200px;
}
.modal-overlay .bg-watermark .wmk-right i { margin-left:-30px; opacity:0.5; filter: grayscale(100%);}

/* 전체 레이아웃 가로 중앙 정렬 */
.fac-container {width: 100%;overflow: hidden;padding: 50px 0;height:100%;}
.fac-mySwiper {width: 100%;overflow: visible !important;}
.fac-mySwiper .swiper-slide {width: 25% !important; transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);opacity: 0.5;}
.fac-mySwiper .swiper-slide-active {width: 50% !important;opacity: 1;filter: grayscale(0);}
.fac-mySwiper .img-box {width: 100%;padding-bottom: 60%;position: relative;border-radius: 40px;overflow: hidden;}
.fac-mySwiper .img-box img {position: absolute;top: 0; left: 0;width: 100%; height: 100%;object-fit: cover;}
/* 버튼 디자인 */
.fac-mySwiper .swiper-button-next,
.fac-mySwiper .swiper-button-prev {width: 70px;height: 70px;border-radius: 50%;background: #fff;border: 1px solid #003366;color: #003366;}
.fac-mySwiper .swiper-pagination-progressbar {width: 40% !important; height: 2px !important;left: 30% !important; bottom: 0 !important;top: auto !important;background: rgba(0, 0, 0, 0.1);}
.fac-mySwiper .swiper-pagination-progressbar-fill {background: #003366 !important;}
.fac-intro-container { position:relative; }
.fac-section {width: 100%;overflow: hidden;height: 950px;position: relative;display: flex; align-items: center;justify-content: center;margin-top:-70px;}
.fac-mySwiper {width: 100%;overflow: visible !important; }
/* 1. 기본 슬라이드 설정 */
.fac-mySwiper .swiper-slide {
	width: 750px !important; 
	aspect-ratio: 750 / 438; /* 또는 1.71 / 1 */
	transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	transform: scale(1); /* 기준 크기 */
	opacity: 1;
	display: flex;
	align-items: center; 
	justify-content: center;
	margin: 0 160px;
	/* 추가: 모든 슬라이드의 기준점을 중앙으로 통일 */
	transform-origin: center center; 
	border-radius: 30px 100px 30px 100px;
	overflow:hidden;
}
/* 2. 활성화된 슬라이드 (가로/세로 정중앙 확대) */
.fac-mySwiper .swiper-slide-active {transform: scale(1.6); opacity: 1;margin-top: 0; transform-origin: center center; }
.fac-mySwiper .fac-img-box img {width: 100%;height: 100%;object-fit: cover;}

.load-fac-name { text-align:center; height:80px; position:relative; z-index:2222; display:flex; justify-content:center; align-items:center; top:140px; }
.load-fac-name p {
  display: inline-flex; 
  padding: 10px 20px; 
  width: 80%;  
  font-size: 22px; 
  font-weight: 400; 
  font-family: 'NanumSquareNeo', sans-serif;
  color: #19306d;
  margin:0 auto;
  justify-content:center;
}

.fac-section .swiper-button-next { 
	width:70px; height:70px; border-radius:35px; cursor:pointer;
	position:absolute; left:50%; top:50%; transform:translate(564px,-50%);
	background:url(../images/sub/swp-next.png) no-repeat center / 100%;
}
.fac-section .swiper-button-prev { 
	width:70px; height:70px; border-radius:35px; cursor:pointer;
	position:absolute; left:50%; top:50%; transform:translate(-636px,-50%);
	background:url(../images/sub/swp-prev.png) no-repeat center / 100%;
}
.fac-section .swiper-button-prev::before,
.fac-section .swiper-button-prev::after,
.fac-section .swiper-button-next::before,
.fac-section .swiper-button-next::after { display:none; }


.fac-section .swiper-pagination { position:absolute !important; left:50% !important; top:925px !important; transform:translateX(-50%); z-index:111; height:3px !important; width:930px  !important; }
.fac-section .swiper-pagination .swiper-pagination-progressbar { background:rgba(169, 169, 169, 0.32); height:3px; }
.fac-section .swiper-pagination .swiper-pagination-progressbar-fill { background:#19306d; height:3px; top:-1px;}


/* --- [반응형 추가] --- */

/* 1. 테블릿 (1440px 이하) */
@media screen and (max-width: 1440px) {
    .fac-section .swiper-button-prev { transform: translateX(-48vw); }
    .fac-section .swiper-button-next { transform: translateX(40vw); }
    .fac-section .swiper-pagination { width: 80%; }
}

/* 2. 일반 테블릿 (1024px 이하) */
@media screen and (max-width: 1024px) {
    .fac-section { height: 750px; margin-top: 0; }
    .fac-mySwiper .swiper-slide { width: 450px !important; height: 320px !important; margin: 0 0; }
    .fac-mySwiper .swiper-slide-active { transform: scale(1.3); } /* 확대 비율 축소 */
    
    .fac-section .swiper-button-next, .fac-section .swiper-button-prev { top: 180px; width: 50px; height: 50px; }
    .fac-section .swiper-pagination { top: 600px; }

	.load-fac-name { height:auto; top:auto; padding-top:90px; }
	.load-fac-name p {
	  display: inline-flex; 
	  padding: 10px 20px; 
	  width: 80%;  
	  font-size: 16px; 
	  font-weight: 400; 
	  font-family: 'NanumSquareNeo', sans-serif;
	  color: #19306d;
	  justify-content: center;
	  border: 1px solid transparent;
	  border-radius: 10px;
	  background-image: 
		linear-gradient(#f0f4fa, #f0f4fa), 
		linear-gradient(132.68deg, #D9D9D9 -1.92%, rgba(167, 167, 167, 0) 37.3%, rgba(167, 167, 167, 0) 57.67%, #D9D9D9 102.77%);

	  background-origin: border-box;
	  background-clip: padding-box, border-box;
	}

}

/* 3. 모바일 (768px 이하) */
@media screen and (max-width: 768px) {
    .fac-section { height: 550px; }
    
    .fac-mySwiper .swiper-slide { 
        width: 85vw !important; /* 화면 너비의 75% 차지 */
        height: auto !important; 
        margin: 0 10px; 
    }
    .fac-mySwiper .swiper-slide-active { transform: scale(1.15); margin-top: 10px; }
    .fac-mySwiper .fac-img-box { border-radius: 0 50px 0 50px; } /* 라운드 축소 */

    /* 모바일에서는 버튼을 하단 양옆으로 재배치 */
    .fac-section .swiper-button-prev { left: 0px; transform: none; top: 450px; width: 40px; height: 40px; }
    .fac-section .swiper-button-next { left: auto; right: 0px; transform: none; top: 450px; width: 40px; height: 40px; }

    .fac-section .swiper-pagination { top: 470px; width: calc(100% - 150px); }
}

/* 4. 초소형 모바일 (480px 이하) */
@media screen and (max-width: 480px) {
    .fac-section { height: 320px; }
    .fac-mySwiper .swiper-slide-active { transform: scale(1.1); }
    .fac-section .swiper-pagination { top: 280px; }
    .fac-section .swiper-button-next, .fac-section .swiper-button-prev { top: 165px; }

	.load-fac-name {padding-top:40px }
	.load-fac-name p { font-size:14px; }
}



:root {
    --gem-navy: #19306d;
    --gem-light-blue: #f0f4fa;
    --gem-text-grey: #2a2829;
    --gem-border-color: #e2e8f0;
}

.gem-hospital-info { padding: 80px 0; font-family: 'Pretendard', sans-serif;  }
.gem-container { margin-top:10rem; }
.gem-inner-width { max-width: 1340px; margin: 0 auto;  }
.gem-inner-width2 { max-width: 1540px; margin: 0 auto;  }
.gem-info-title { font-size: 4rem; color: var(--gem-text-grey); margin-bottom: 50px; font-weight: 700; font-family: 'Escoredream'; letter-spacing:-0.02em;}

/* 진료시간 카드 그리드 */
.gem-time-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px;margin-bottom: 80px;}
.gem-time-card {background: var(--gem-light-blue);padding: 50px 30px 65px;border-radius: 20px;text-align: center;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.gem-icon { display: block; font-size: 24px; margin-bottom: 10px; }
.gem-label { display:flex; align-items:center; margin-bottom:15px; }
.gem-label span { margin-right:10px; margin-top: 10px; }
.gem-label strong { color: var(--gem-text-grey); font-size: 2.8rem; font-weight:800; font-family: 'NanumSquareNeo', sans-serif;}
.gem-label strong .oneday { font-size:1.6rem; display:block; margin-top:6px; font-weight:500; font-family: 'NanumSquareNeo', sans-serif;}
.gem-time-val { font-size: 4rem; font-weight: 700; color: var(--gem-navy); letter-spacing:-0.02em; font-family: 'Escoredream';}
.gem-navy-text { color: var(--gem-navy); }

/* 지도 영역 */
.gem-map-area { border-radius: 15px; overflow: hidden; margin-bottom: 60px; border: 1px solid var(--gem-border-color); }
.gem-map-img { width: 100%; display: block; }

/* 오시는 길 상세 테이블 레이아웃 */
.gem-location-details { border-top: 1px solid var(--gem-border-color); }
.gem-detail-row { display: flex; padding: 30px 0; border-top: 1px solid var(--gem-border-color); padding:30px 100px;}
.gem-detail-row .gem-dt { width: 275px; font-size: 2.5rem; font-weight: 800; color: var(--gem-text-grey); font-family: 'NanumSquareNeo', sans-serif; padding-top:8px;}
.gem-detail-row .gem-dd { flex: 1; text-align:left; }
.gem-detail-row .gem-point-text { font-size: 3rem; color: var(--gem-navy); line-height: 140%; display: block; margin-bottom: 26px; font-weight: 800; font-family: 'NanumSquareNeo', sans-serif;}
.gem-detail-row .gem-desc { color: var(--gem-text-grey); line-height: 180%; font-size: 1.8rem; font-family: 'NanumSquareNeo', sans-serif;}
.gem-detail-row .gem-phone-num {
    font-size: 4rem;
    font-weight: 700;
    font-family: 'Escoredream';
    letter-spacing: -0.02em;

    /* 텍스트 그라데이션 핵심 설정 */
    background: linear-gradient(113.9deg, #3764DC -15.02%, #0D1A3D 98.41%);
    -webkit-background-clip: text; /* 배경을 글자 모양대로 잘라냄 (크롬, 사파리 등) */
    background-clip: text;         /* 표준 속성 */
    color: transparent;            /* 원래 글자색을 투명하게 하여 배경이 비치게 함 */

    /* 가로 정렬 및 영역 확보를 위해 추가 */
    display: inline-block; 
    line-height: 1.2;
}
.gem-detail-row .gem-phone-num em { font-weight:400; font-size:2.2rem; }
.git-h3 { margin-top:14rem; }

/* 24시간 전용 그리드 */
.gem-time-grid-24 {display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px;}
.gem-full-card {
    grid-column: span 2;
    background: #f0f4fa;
    border: 1px solid #4772e5;
    padding: 30px 25px;
    text-align: center;
    font-size: 4rem;
    font-weight: 700;
    border-radius: 15px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.gem-full-card .gem-label { display:flex; align-items:center; margin-bottom:0; }
.gem-full-card .gem-label span { margin-right:10px; margin-top: 10px; }
.gem-full-card .gem-label strong { 
    font-size: 4rem;
    font-weight: 700;
    font-family: 'Escoredream';
    letter-spacing: -0.02em;

    /* 텍스트 그라데이션 핵심 설정 */
    background: linear-gradient(113.9deg, #3764DC -15.02%, #0D1A3D 98.41%);
    -webkit-background-clip: text; /* 배경을 글자 모양대로 잘라냄 (크롬, 사파리 등) */
    background-clip: text;         /* 표준 속성 */
    color: transparent;            /* 원래 글자색을 투명하게 하여 배경이 비치게 함 */

    /* 가로 정렬 및 영역 확보를 위해 추가 */
    display: inline-block; 
    line-height: 1.2;
}
.gem-full-card .gem-label strong em { font-weight:100%;font-size: 4rem;font-weight: 700;font-family: 'Escoredream';}


/* --- 반응형 레이아웃 시작 --- */

/* 1. 태블릿 및 노트북 (최대 1440px) */
@media (max-width: 1440px) {
    .gem-inner-width, .gem-inner-width2 { 
        padding: 0 40px; /* 양쪽 여백 확보 */
        width: 100%; 
    }
    .gem-detail-row { padding: 30px 50px; } /* 내부 여백 축소 */
}

/* 2. 일반 태블릿 (최대 1024px) */
@media (max-width: 1024px) {
    .gem-hospital-info { padding: 0 0; }
    .gem-container { margin-top: 4rem; }
    .git-h3 { margin-top: 8rem; }
    
    .gem-info-title { font-size: 3rem; margin-bottom: 30px; }
    .gem-time-grid, .gem-time-grid-24 { gap: 20px; }
    
    .gem-time-val, .gem-phone-num, .gem-full-card .gem-label strong, .gem-full-card .gem-label strong em { font-size: 3rem; }
    .gem-label strong { font-size: 2.2rem; }

    .gem-detail-row { padding: 30px 0; } /* 태블릿부터 좌우 패딩 제거 (inner-width의 패딩으로 대체) */
    .gem-detail-row .gem-dt { width: 200px; font-size: 2rem; }
    .gem-detail-row .gem-point-text { font-size: 2.4rem; }
}

/* 3. 모바일 (최대 768px) - 요청하신 "양쪽 여백 일정" 핵심 포인트 */
@media (max-width: 768px) {
    /* 공통 컨테이너 여백 설정 */
    .gem-inner-width, .gem-inner-width2 { 
        padding: 0 20px; /* 모바일에서 박스 양쪽 여백을 20px로 고정 */
    }

    .gem-container { margin-top: 4rem; }
    .git-h3 { margin-top: 6rem; }

    /* 진료시간 그리드 1단 전환 */
    .gem-time-grid, .gem-time-grid-24 { 
        grid-template-columns: 1fr; 
        gap: 15px; 
    }
    .gem-full-card { grid-column: span 1; padding: 25px 15px; font-size: 2.4rem; }

    .gem-time-card { padding: 35px 20px; }
    .gem-time-val, .gem-phone-num, .gem-full-card .gem-label strong, .gem-full-card .gem-label strong em { font-size: 2.6rem; }
    .gem-label strong { font-size: 1.8rem; }

    /* 오시는 길 상세 - 가로 배열에서 세로 배열로 전환 */
    .gem-detail-row { 
        display: block; 
        padding: 25px 0; 
    }
    .gem-detail-row .gem-dt { 
        width: 100%; 
        margin-bottom: 10px; 
        font-size: 1.8rem; 
        padding-top: 0;
    }
    .gem-detail-row .gem-dd { width: 100%; }
    .gem-detail-row .gem-point-text { font-size: 2rem; margin-bottom: 15px; }
    .gem-detail-row .gem-desc { font-size: 1.5rem; line-height: 1.6; }
}

/* 4. 최소형 모바일 (최대 480px) */
@media (max-width: 480px) {
    .gem-info-title { font-size: 2.4rem; }
    .gem-time-val, .gem-phone-num, .gem-full-card .gem-label strong, .gem-full-card .gem-label strong em { font-size: 2.2rem; }
    
    .gem-inner-width, .gem-inner-width2 { padding: 0 15px; } /* 아주 작은 화면에선 여백 소폭 축소 */
    
    .gem-point-text { font-size: 1.8rem !important; }

	.gem-label strong .oneday { font-size:1.2rem !important; }
}

@media (max-width:400px){
	.gem-detail-row .gem-phone-num { font-size:3rem; }
}

/* 섹션 설정 */
.equp-section {width: 100%;overflow: hidden;position: relative;display: flex;flex-direction: column;align-items: center;justify-content:center;}
.equp-swiper-main {width: 100%;height: 700px;overflow: visible !important;margin-top: 50px;}
.equp-swiper-main .swiper-slide {
	width: 750px !important; 
	aspect-ratio: 750 / 438; /* 또는 1.71 / 1 */
	transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	transform: scale(1); /* 기준 크기 */
	opacity: 1;
	display: flex;
	align-items: center; 
	justify-content: center;
	margin: 0 160px;
	/* 추가: 모든 슬라이드의 기준점을 중앙으로 통일 */
	transform-origin: center center; 
	border-radius: 30px 100px 30px 100px;
}
.equp-swiper-main .swiper-slide-active {transform: scale(1.6); opacity: 1;z-index: 10;transform-origin: center center; }
.equp-swiper-main .equp-img-box img { width: 100%; height: 100%; object-fit: cover; }

/* --- 하단 텍스트 Swiper (Info) --- */
.equp-swiper-info {
    width: 1200px;
    margin-top: 120px;
    padding: 60px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    min-height: 280px;
    overflow: hidden; /* 영역 밖 내용 숨김 */
}

/* 텍스트 슬라이드 기본 설정 (겹침 방지) */
.equp-swiper-info .swiper-slide {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background: #fff; /* 배경을 흰색으로 채워 이전 내용 가림 */
    opacity: 0 !important; /* 기본적으로 숨김 */
    transition: opacity 0.5s ease-in-out;
}

/* 활성화된 슬라이드만 보이게 설정 (중요) */
.equp-swiper-info .swiper-slide-active {opacity: 1 !important;}
.equp-swiper-info .tit { display: block; font-size: 34px; color: #172e57; margin-bottom: 25px; font-weight: 700; letter-spacing: -0.02em; font-family: 'Escoredream', sans-serif;}
.equp-swiper-info .txt { display: block; font-size: 18px; color: #333; line-height: 1.6; letter-spacing: -0.01em;word-break: keep-all; font-family: 'NanumSquareNeo', sans-serif; font-weight:700; white-space: pre-wrap;}

.equp-section .equp-button-next { 
	width:70px; height:70px; border-radius:35px; cursor:pointer;
	position:absolute; left:50%; top:350px; transform:translateX(564px);
	background:url(../images/sub/swp-next.png) no-repeat center / 100%;
	z-index:1111;
}
.equp-section .equp-button-prev { 
	width:70px; height:70px; border-radius:35px; cursor:pointer;
	position:absolute; left:50%; top:350px; transform:translateX(-636px);
	background:url(../images/sub/swp-prev.png) no-repeat center / 100%;
	z-index:1111;
}
.equp-section .swiper-button-prev::before,
.equp-section .swiper-button-prev::after,
.equp-section .swiper-button-next::before,
.equp-section .swiper-button-next::after { display:none; }

.equp-section .equp-pagination { position:absolute !important; left:50% !important; top:820px !important; transform:translateX(-50%); z-index:111; height:3px !important; width:930px  !important; }
.equp-section .equp-pagination .swiper-pagination-progressbar { background:#696971; height:1px; }
.equp-section .equp-pagination .swiper-pagination-progressbar-fill { background:#172e57; height:3px; top:-1px;}

/* 1. 테블릿 (1200px 이하) */
@media screen and (max-width: 1200px) {
    .equp-section { height: auto; }
    .equp-mySwiper .swiper-slide { width: 450px !important; margin: 0 40px; }
    .equp-mySwiper .swiper-slide-active { transform: scale(1.25); height: 800px !important; }
    
    .equp-section .equp-button-next { transform: translateX(-45vw); }
    .equp-section .equp-button-prev { transform: translateX(38vw); }
    .equp-section .equp-pagination { width: 80%; }
}

/* 화면 너비가 768px 이하일 때 (모바일/태블릿) */
@media screen and (max-width: 1024px) {
	.equp-info { width:100%; padding:0 30px; }
    .equp-info .txt br { display:inline;}
    .equp-info .txt br::after {content: " "; display: inline; }
	.br { display:block;}
	.block-inline { display:inline; }
}

/* 2. 모바일 (768px 이하) */
@media screen and (max-width: 768px) {
    .equp-section { height: auto; margin-top: -120px; margin-bottom:50px; margin-top:0;}
    
    .equp-mySwiper .swiper-slide { 
        width: 80vw !important; 
        height: auto !important; 
        margin: 0 10px; 
        transform: scale(0.9);
    }
    .equp-mySwiper .swiper-slide-active { 
        transform: scale(1.1); 
        height: auto !important; 
        margin-top: 10px;
    }

    .equp-mySwiper .fac-img-box { border-radius: 0 40px 0 40px; }

    /* 모바일 텍스트 줄바꿈 필수 설정 */
    .equp-info .txt span { 
        white-space: normal; /* 한 줄 제한 해제 */
        word-break: keep-all; 
        font-size: 16px;
        margin-bottom: 5px;
    }
    .equp-info .tit { font-size: 24px; margin-bottom: 15px; }
    .equp-mySwiper .equp-info { margin-top: 30px; padding: 0 10px; }

    /* 버튼 위치 조정 */
    .equp-section .equp-button-next { left: auto; right:0; transform: none; top: 0;transform: translateY(0); width: 45px; height: 45px; margin-top:27%;}
    .equp-section .equp-button-prev { left: 0; right: auto; transform: none; top: 0;transform: translateY(0); width: 45px; height: 45px; margin-top:27%; }

    .equp-section .equp-pagination { top: 450px; width: calc(100% - 40px);  display:none;}
}

/* 3. 초소형 모바일 (480px 이하) */
@media screen and (max-width: 480px) {
    .equp-section { height: auto; }
    .equp-info .tit { font-size: 20px; line-height:1.2; word-break:keep-all; }
    .equp-info .txt { font-size: 14px; word-break:keep-all; line-height:1.7;}
    .equp-section .equp-pagination { top: 680px;}


}




/* 2. 일반 태블릿 (최대 1024px) */
@media (max-width: 1024px) {
    .equp-swiper-main { height: auto; }
    .equp-swiper-main .swiper-slide { 
        width: 100% !important; 
        margin: 0 auto; 
        border-radius: 20px 60px 20px 60px; /* 곡률 축소 */
    }
	.equp-swiper-main .swiper-slide img,
	.equp-swiper-main .swiper-slide.active img { width:100%; }
    .equp-swiper-main .swiper-slide-active { transform: scale(1); }
    
    /* 텍스트 영역 */
    .equp-swiper-info { width: 95%; margin-top: 80px; padding: 40px; min-height: auto; }
    .equp-swiper-info .tit { font-size: 28px; }
    .equp-swiper-info .txt { font-size: 16px; }
	.equp-swiper-info .txt br { display:none; }


    /* 프로그레스바 너비 조정 */
    .equp-section .equp-pagination { width: 80% !important; top: 750px !important; }
}

/* 3. 모바일 (최대 768px) */
@media (max-width: 768px) {
    .equp-swiper-main { height: auto; margin-top: 30px;  padding: 0 30px !important; }
    .equp-swiper-main .swiper-slide { 
        width: 100% !important; 
        margin: 0 auto; 
        border-radius: 15px 40px 15px 40px; 
    }
    .equp-swiper-main .swiper-slide-active { transform: scale(1); } /* 모바일은 살짝만 확대 */

    /* 텍스트 영역 모바일 최적화 */
    .equp-swiper-info { margin-top: 40px; padding: 30px 20px; }
    .equp-swiper-info .tit { font-size: 22px; margin-bottom: 15px; }
    .equp-swiper-info .txt { font-size: 14px; line-height: 1.5; }



    /* 프로그레스바 위치 */
    .equp-section .equp-pagination { width: 90% !important; top: auto !important; bottom: -40px !important; }
}

/* 4. 최소형 모바일 (최대 480px) */
@media (max-width: 480px) {
    .equp-swiper-main { height: 100%; }
    .equp-swiper-main .swiper-slide { width: 100% !important; }
    .equp-swiper-info .tit { font-size: 20px; }
    .equp-swiper-info .txt { font-size: 13px; }
    
    /* 버튼이 화면을 너무 가릴 경우 숨김 처리 고려 */
    /* .equp-button-next, .equp-button-prev { display: none; } */
}



.block-inline { display:block; }
.br{ display:none; }
.equp-info .txt br {display: block; }





/* 섹션 공통 */
.eqp-section { position:relative; }
#eqp-section-rotation { position: relative; width: 100%; height: 1000px; background-color: #fff; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.eqp-sec-inner { width: 100%; max-width: 1600px; height: 100%; position: relative; }

/* 헤더 */
.eqp-sec-header { position: absolute; top: 6vh; left: 0; width: 100%; text-align: center; z-index: 100; display: flex; flex-direction: column; align-items: center; }
.eqp-top-label { font-size: 1.5rem; color: #2a2b29; margin-bottom: 20px; font-weight: 400; display: flex; align-items: center; }
.eqp-title { font-size: 5.2rem; font-weight: 300; color: #2a2b29; letter-spacing: -0.02em; font-family: 'Escoredream'; }
.eqp-title span { color: #19306D; font-weight: 700; letter-spacing: -0.02em; font-family: 'Escoredream'; }

/* 회전 영역 */
.eqp-arc-container { position: absolute; top: 25%; left: 50%; transform: translateX(-50%); width: 1500px; height: 1500px; }
.eqp-arc-line-svg { position: absolute; top: 0; left: 0; width: 100%; opacity: 0.8; }
.eqp-arc-wrapper { position: relative; width: 100%; height: 100%; }

/* 콘텐츠 영역 */
.eqp-content { margin-top: 30px; opacity: 0; transform: translateY(20px); transition: all 0.6s; pointer-events: none; }
.eqp-item.active .eqp-content { opacity: 1; transform: translateY(0); pointer-events: auto; }
.eqp-name { font-size: 3rem; color: #19306d; margin:20px 0 10px;font-weight: 800; font-family: 'NanumSquareNeo', sans-serif; text-align:center;letter-spacing:-0.02em;}
.eqp-desc { font-size: 1.8rem; line-height: 1.6; color: #2a2829; margin:20px 0 0; letter-spacing:-0.02em;font-weight: 400; font-family: 'NanumSquareNeo', sans-serif; text-align:center;}

/* 버튼 */
.eqp-link {
    display: inline-flex; align-items: center; padding: 12px 25px; border-radius: 30px;
    background: linear-gradient(113.9deg, #3764DC -15.02%, #0D1A3D 98.41%); text-decoration: none;
}
.eqp-link i { width: 18px; height: 18px; background: url(../images/eq-icon-baro.svg) no-repeat center / 100%; }
.eqp-link span { color: #fff; font-size: 1.4rem; margin-left: 8px; font-weight: 500; }

.eqp-img { width:100%; height: 300px; margin: 0 auto; }
.eqp-img img { max-width: 100%; height: 100%; object-fit: cover; }

/* 비활성 아이템 기본 상태 */
.eqp-item { 
    position: absolute; top: -40px; left: 50%; width: 928px; margin-left: -464px; 
    transform-origin: center 790px; text-align: center; opacity: 1 !important; 
    z-index: 5; transition: opacity 0.4s;
}

/* 중앙(active)이 아닌 아이템은 번호만 보이게 투명도 조절 */
.eqp-item:not(.active) { opacity: 1 !important; }

/* 번호 노드 스타일 */
.eqp-node {
    width: 80px; height: 80px; background: #a9a9a9; border: 10px solid #fff; color: #fff; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; margin: 0 auto; 
    font-size: 2.2rem; font-weight: 700; position: relative; z-index: 10; 
    transition: all 0.4s; transform: scale(1); font-family: 'Escoredream'; 
}

/* 활성화된 노드 강조 */
.eqp-item.active .eqp-node { background: #4772e5; transform: scale(1); opacity: 1; }

/* 컨텐츠 영역 (이미지/텍스트) */
.eqp-content { 
    margin-top: 30px; opacity: 0; transform: translateY(20px); 
    transition: opacity 0.5s, transform 0.5s; pointer-events: none; 
}
.eqp-item.active .eqp-content { opacity: 1; transform: translateY(0); pointer-events: auto; }

/* .mt-case-1 { margin-top:50px; } */
a.btn-blank-dark {
	background-color: #1e3a8a;
	color: #fff;font-size: 1.8rem;padding: 12px 35px 10px;border-radius: 10px;margin-right: 15px;font-weight: 400; font-family: 'NanumSquareNeo', sans-serif;
	background: linear-gradient(113.9deg, #3764DC -15.02%, #0D1A3D 98.41%);letter-spacing:-0.02em;line-height:1;
}


/* 1. 태블릿 및 노트북 (최대 1440px) */
@media (max-width: 1440px) {
    .eqp-arc-container { transform: translateX(-50%) scale(0.9); top: 15%; }
    .eqp-item { width: 800px; margin-left: -400px; transform-origin: center 700px; }
}

/* 2. 일반 태블릿 (최대 1024px) */
@media (max-width: 1024px) {
    #eqp-section-rotation { height: 750px; }
    
    .eqp-sec-header { top: 4vh; padding:0 20px;}
	.eqp-sec-header .eqp-title,.eqp-sec-header .eqp-title span  { text-align:center; font-size:3rem; word-break:keep-all;}
    .eqp-title { font-size: 3.5rem; }

	.eqp-content { margin-top:5px; }
	.eqp-name { font-size: 2.4rem; padding:0 20px; margin:0 0 0 !important; }
	.eqp-desc { font-size: 1.4rem; text-align:center; padding:0 20px; width:320px; margin:0 auto; word-break:keep-all;}
	.eqp-desc br { display:none; }
	.eqp-desc-m br { display:block; }

	.eqp-img { text-align:center; padding:0 0; width:320px; margin:10px auto; height:auto; }
	.eqp-img img { max-width:100% !important; height:auto;}

	/* 번호 노드 스타일 */
	.eqp-node {
		width: 60px; height: 60px; 
		font-size: 1.8rem;
	}
	.eqp-item { 
		top: -30px;
	}
}

@media (max-width: 768px) {
	.eqp-name {font-size: 2rem; }
	.eqp-img { width:280px;}
	.eqp-img4 { width:220px; }
	.eqp-img5 { width:220px; }
}

@media (max-height: 768px) {
	.sec7-inner .eq-desc { margin-bottom:20px; }
	.eqp-img { width:220px;}
	.eqp-img2 { width:220px;}
	.eqp-img3 { width:220px;}
	.eqp-img4 { width:200px; }
	.eqp-img5 { width:200px; }
}


.ssNewBox1 { position:relative; padding:12rem 0; }
.ssNewBox1::before {content:"";display:block; position:absolute; left:50%; top:0; height:100%;width:1px; background:rgba(169, 169, 169, 0.32);margin-left:-771px; z-index:-1;}
.ssNewBox1::after { content:"";display:block; position:absolute; left:50%; top:0; height:100%;width:1px; background:rgba(169, 169, 169, 0.32);margin-left:770px;z-index:-1;}

.ssNewBoxFirst { background: rgba(240, 244, 250, 1); }
.ssNewBoxFirst::before {content:"";display:block; position:absolute; left:50%; top:0; height:100%;width:1px; background:rgba(169, 169, 169, 0.32);margin-left:-771px; z-index:1;}
.ssNewBoxFirst::after { content:"";display:block; position:absolute; left:50%; top:0; height:100%;width:1px; background:rgba(169, 169, 169, 0.32);margin-left:770px;z-index:1;}

.sys-text-content2 {position: relative;z-index: 2;margin-bottom: 60px; padding-left:50px;}
.sys-text-content2 h2 {font-size: 5.7rem;font-weight: 300;line-height: 1.6;color: #19306d;margin-bottom: 20px;font-family: 'Escoredream';letter-spacing:-0.02em;}
.sys-text-content2 h2 strong {font-weight: 700;color: #19306d;letter-spacing:-0.02em;font-size: 5.7rem;font-family: 'Escoredream';letter-spacing:-0.02em;}


.sys-doctor-talk { 
	position:relative; display:flex; max-width:1700px; margin:0 auto; display:flex; algin-items:flex-end;height:1000px;
	background:url(../images/tube/n601-bg3.png) no-repeat left bottom / contain;
}
.sys-doctor-profile1 { display:flex; flex-direction:column; justify-content:flex-end; position:relative; z-index:10;}
.sys-doctor-profile1 img {height: 722px; object-fit: contain;display: block;}
.sys-doc-new {bottom: 0;left: 185px;}
.sys-doctor-profile1-blank { width:720px; }


.sys-doctor-plan { width:900px; height:900px; position:relative; margin-left:-120px; margin-top:-120px;}
.sys-doctor-plan article { 
	position:absolute; left:0; top:0; width:450px; height:450px; background:url(/images/sub/round-bg1.png) no-repeat center / 100%; 
	display:flex;justify-content:center; align-items:center;flex-direction:column;
}
.sys-doctor-plan article:nth-child(1) { left:70px; top:0;}
.sys-doctor-plan article:nth-child(2) { left:0; top:auto; bottom:10px; }
.sys-doctor-plan article:nth-child(3) { left:auto; top:auto; bottom:170px; right:30px; }

.sys-doctor-plan article h4 {
  /* 폰트 설정 */
  font-family: 'NanumSquare Neo OTF', sans-serif;
  font-weight: 700; /* ExtraBold는 weight 800으로 표현됩니다 */
  font-style: normal; /* ExtraBold는 스타값이 아니므로 normal로 설정 */
  font-size: 40px;
  line-height: 140%;
  letter-spacing: -0.02em; /* -2%를 CSS 단위인 em으로 환산 */

  /* 텍스트 그라데이션 적용 */
  background: linear-gradient(113.9deg, #3764DC -15.02%, #0D1A3D 98.41%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;

  /* 정렬 및 레이아웃 */
  text-align: center;
  vertical-align: middle;
  display: block; /* 또는 flex/inline-block 상황에 맞춰 조정 */
  
  /* 최신 속성 (브라우저 지원 확인 필요) */
  leading-trim: none;
}
.sys-doctor-plan article  em { 
/* 텍스트 그라데이션 적용을 위한 핵심 설정 */
  background: radial-gradient(94.14% 94.14% at 12.41% 41.71%, rgba(55, 100, 220, 0.39) 0%, rgba(25, 48, 109, 0.39) 100%);
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent; 
  background-clip: text;

  /* 폰트 및 텍스트 스타일 */
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-style: normal; 
  font-size: 30px;
  letter-spacing: -0.02em; 
  
  /* 정렬 및 레이아웃 */
  display: inline-block; 
  text-align: center;
  leading-trim: none; 
  margin:5px 0 20px;	
}
.sys-doctor-plan article  ul li { 
	color: #11254D; font-size:2rem; line-height:180%; letter-spacing:-0.02em; font-family: 'NanumSquareNeo', sans-serif;
	font-weight:700;
	padding-left:13px;
	position:relative;
}
.sys-doctor-plan article  ul li::before { content:"";display:block;width:5px;height:5px;border-radius:3px;background:#11254D;position:absolute;left:0;top:16px;}

.last-talk { display:flex;flex-direction:column; justify-content:center; align-items:center;position:absolute; right:160px; bottom:110px;}
.last-talk i { height:120px; width:1px; background:#285090; display:block; margin-bottom:20px; }
.last-talk strong { display:block;font-family: 'Escoredream';  font-size: 5.7rem; color: #19306d; font-weight: 700; text-align:center;letter-spacing:-0.02em;}

.ssNewBox2 { position:relative; }
.ssNewBox2::before {content:"";display:block; position:absolute; left:50%; top:0; height:100%;width:1px; background:rgba(169, 169, 169, 0.32);margin-left:-771px; z-index:-1;}
.ssNewBox2::after { content:"";display:block; position:absolute; left:50%; top:0; height:100%;width:1px; background:rgba(169, 169, 169, 0.32);margin-left:770px;z-index:-1;}






/* 1. 대형 모니터 및 일반 데스크탑 (1201px ~ 1550px) */
@media (max-width: 1550px) {
    /* 배경 그리드 라인이 화면 밖으로 나가지 않도록 조정 */
    .ssNewBox1::before, .ssNewBox2::before { margin-left: -48%; }
    .ssNewBox1::after, .ssNewBox2::after { margin-left: 48%; }
    
    .sys-doctor-talk { max-width: 100%; padding: 0 50px 100px; background-size:contain; background-position:center bottom; background:none;}
    .sys-doctor-plan { transform: scale(0.9); transform-origin: left top; margin-left: -50px; }
	.last-talk { display:flex;flex-direction:column; justify-content:center; align-items:center;position:absolute; right:160px; bottom:0;}
}

/* 2. 노트북 및 태블릿 가로 (1025px ~ 1200px) */
@media (max-width: 1200px) {
    .ssNewBox1 { padding: 8rem 0; }
    
    .sys-text-content2 { padding-left: 20px; }
	.sys-text-content2 h2 { text-align:center; position:relative; padding-bottom:40px; }
	.sys-text-content2 h2::after { content:""; background: #285090; display:block;width:1px; height:50px; position:absolute;left:50%; bottom:-30px; }
    .sys-text-content2 h2, .sys-text-content2 h2 strong { font-size: 4.5rem; }

	.sys-doctor-talk { height: auto; flex-direction: column; align-items: center; background:url(/images/sub/dock-bg-w.png) no-repeat center top 30% / contain;}
    .sys-doctor-profile1 img { height: 600px; }
    
    .sys-doctor-plan { 
        width: auto; height: auto; margin: 10px 0 0 !important;
        transform: scale(1); display: flex; flex-direction: column; align-items: center; gap: 0;
    }
	.sys-doctor-profile1-blank { display:none; }
    
	/* 절대 위치 해제하여 세로로 나열 */
    .sys-doctor-plan article { position: relative !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 auto; }
	.sys-doctor-plan article:nth-child(2) { margin-top:-40px; }
	.sys-doctor-plan article:nth-child(3) { margin-top:-40px; }

    .last-talk { position: relative; right: 0; margin-top: 25px; }
    .last-talk strong { font-size: 5.5rem; }
}

/* 3. 일반 태블릿 (769px ~ 1024px) */
@media (max-width: 1024px) {
    /* 그리드 라인 제거 (가독성 저해 방지) */
    .ssNewBox1::before, .ssNewBox1::after, .ssNewBox2::before, .ssNewBox2::after { display: none; }
    
    .sys-text-content2 h2, .sys-text-content2 h2 strong { font-size: 3.5rem; }
    
    .sys-doctor-profile1 img { height: 500px; }
    .sys-doc-new { left: 50%; transform: translateX(-50%); }

    .sys-doctor-plan article { width: 450px; height: 450px; }
    .sys-doctor-plan article h4 { font-size: 28px; }
    
    .last-talk i { height: 80px; }
    .last-talk strong { font-size: 4.5rem; }
}

/* 4. 모바일 (최대 768px) */
@media (max-width: 768px) {
    .ssNewBox1 { padding: 6rem 0; }
    
    .sys-text-content2 { padding-left: 0; text-align: center; margin-bottom: 40px; }
    .sys-text-content2 h2, .sys-text-content2 h2 strong { font-size: 3.2rem; line-height: 1.4; }

    .sys-doctor-profile1 img { height: 400px; }
    
    /* 원형 레이아웃을 모바일 사이즈에 맞게 축소 */
    .sys-doctor-plan article { 
        width: 320px; height: 320px; 
        background-size: contain; 
        padding: 20px;
    }
    .sys-doctor-plan article h4 { font-size: 22px; }
    .sys-doctor-plan article em { font-size: 18px; margin: 10px 0; }
    .sys-doctor-plan article ul li { font-size: 1.4rem; padding-left: 10px; }
    .sys-doctor-plan article ul li::before { top: 10px; width: 4px; height: 4px; }
    
    .last-talk i { height: 50px; }
    .last-talk strong { font-size: 3rem; }
}

/* 5. 최소형 모바일 (최대 480px) */
@media (max-width: 480px) {
    .sys-text-content2 h2, .sys-text-content2 h2 strong { font-size: 3rem; }
    .sys-doctor-profile1 img { height: 320px; }
    
    .sys-doctor-plan article { width: 280px; height: 280px; }
    .sys-doctor-plan article h4 { font-size: 25px; }
    .sys-doctor-plan article em { font-size: 16px;margin-top:0px }
    .sys-doctor-plan article ul li { font-size: 1.35rem; }
}



/* 전체 메뉴 */
.menuWrap {background:#fff;width:100%; height: 100%;position: fixed;left:0; top:0;z-index:9999;left:-200%;opacity:1;transition: all 0.5s ease-out}
.menuWrap section { position: relative;width:100%; margin:0 auto;display: flex;align-items: center;justify-content: center;height:100%;} 
.mwLeft { display:flex; flex-direction:column; padding-top:20vh; align-items:flex-end; flex:0 0 30vw; padding-right:46px; background:#19306d; border-radius:0 100px 0 0; height:100%;}
.mwLeft .logo_a { height:56px; margin-bottom:100px; }
.mwLeft .nav_a { display:flex; justify-content:flex-end; }
.mwLeft .nav_a > ul { }
.mwLeft .nav_a > ul > li { margin-bottom:55px; }
.mwLeft .nav_a > ul > li a { display: block; text-align: right; font-size:22px; color:#fff; font-weight:700; font-family: 'NanumSquareNeo', sans-serif;letter-spacing:-0.02em;}
.mwLeft .sns_a { padding:70px 0 0; display:flex; align-items:center;}
.mwLeft .sns_a li {  margin-left:50px; }

.mwRight { flex:1; padding-left:100px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; padding-top:20vh; height:100%;position:relative;}
.mwRight::after { content:"";background:url(../images/all-menu-bg.png) no-repeat center bottom / contain;position:absolute; left:0; bottom:0; width:100%;height:100%; z-index:10;}
.mwRight p { 
	font-size:45px; color:#5B695C; font-weight:200; display:flex; align-items:flex-end; height:56px; margin-bottom:100px; letter-spacing:-0.02em;font-family: 'Escoredream';font-weight:700;
	background: linear-gradient(113.9deg, #3764DC -15.02%, #0D1A3D 98.41%);
	-webkit-background-clip: text; /* 크롬, 사파리 등 웹킷 기반 브라우저 지원 */
	background-clip: text; /* 표준 속성 */
	color: transparent; /* 글자색을 투명하게 하여 배경 그라데이션이 보이게 함 */
	position:relative;
	z-index:11;
}
.mwRight p span { margin-left:15px; font-size:26px; font-weight:400; padding-bottom:8px; }
.mwRight .sub { position:relative; z-index:11;}
.mwRight .sub ul { display:flex;  }
.mwRight .sub ul li { flex:0 0 auto; margin-left:64px; margin-bottom:64px; }
.mwRight .sub ul li:nth-child(1) { margin-left:0; }
.mwRight .sub ul li a { font-size:22px; font-weight:700; color:#19306d; display:inline-flex; padding-bottom:4px; font-family: 'NanumSquareNeo', sans-serif; letter-spacing:-0.02em;}
.mwRight .sub ul li a:hover { padding-bottom:4px; font-weight:700; border-bottom:1px solid #19306d;}
.mwRight .sub_m { display:none; }

.closeMenu { position: absolute; right:60px; top:30px; cursor: pointer; transition:all 0.3s;z-index:11;}
.closeMenu:hover { transform:rotate(180deg); }

.mvC { height:100%; overflow: hidden; position: absolute; left:0; top:0; width:100%;z-index:5;}
.mvC::after { content:""; background:rgba(0,0,0,0.5); display:block; width:100%; height:100%; z-index:2; position:absolute; left:0; top:0; }


.amMap { padding:40px 0 0; display: flex; justify-content: space-between;position:relative;z-index:11;}
.amMap a { border:1px solid #19306d; width:161px; height:161px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.amMap a em { font-size:13px; font-weight:700; color:#19306d;font-family: 'NanumSquareNeo', sans-serif;}
.amMap a strong { font-size:19px; font-weight:700; color:#19306d; margin:10px 0 20px; font-family: 'NanumSquareNeo', sans-serif;}
.amMap a i {}

.amMap_all { position:absolute; right:10vw; top:20vh; margin-top:-150px;   }
.amMap_all a { margin:0 10px; transition:all 0.35s ease-out;}
.amMap_all a i {display:block;background:url(../images/all-menu-baro.png) no-repeat center / 100%; width:19px; height:20px;transition:all 0.35s ease-out;}

.amMap_all a:hover { border:1px solid #19306d; background:#19306d; }
.amMap_all a:hover em { color:#fff}
.amMap_all a:hover strong { color:#fff}
.amMap_all a:hover i { background:url(../images/mv_go_d_ov.svg) no-repeat center / 100%; }


.qmm {position: fixed;left:50%; bottom:38px;margin-left:850px;z-index:101;}
.qmm ul { display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end;position: absolute;right:0; bottom:0;}
.qmm ul li { margin-top:6px;display: flex; justify-content: flex-end; }
.qmm ul li a {width:76px; height:76px;display: flex;justify-content: center;align-items: center;flex-direction: column;border-radius:7px;transition: all 0.2s;overflow: hidden;position: relative;}
.qmm ul li a em { font-size:14px; font-weight:700; display: block; text-align: center; margin-top:8px;}
.qmm ul li a span { overflow: hidden; width:0px; transition: all 0.2s ease; height:0; font-size:0; }
.qmm ul li a i { position: relative; z-index:100;}
.qmm ul li:nth-child(1) a:hover { width:183px;flex-direction: row;}
.qmm ul li:nth-child(1) a:hover em { display: none;}
.qmm ul li:nth-child(1) a:hover span {display: block;font-size:14px; font-weight:700; color:#5B695C;text-align: left;margin-left:15px;line-height:1.4;width:auto; height:auto;}
.qmm ul li:nth-child(2) a:hover { width:183px;flex-direction: row;}
.qmm ul li:nth-child(2) a:hover em { display: none;}
.qmm ul li:nth-child(2) a:hover span {display: block;font-size:14px; font-weight:700; color:#fff;text-align: left;margin-left:15px;line-height:1.4;width:auto; height:auto;}

.qmm ul li:nth-child(1) a { background:#E9E4DC; }
.qmm ul li:nth-child(1) a em { color:#5B695C; }
.qmm ul li:nth-child(2) a { background:#928C87; }
.qmm ul li:nth-child(2) a em { color:#fff;}
.qmm ul li:nth-child(3) a { background:rgba(91,105,92,0.5); }
.qmm ul li:nth-child(3) a.goTop1::before {
	content:"";display:block;
	width:76px; height:76px;
	position: absolute; left:-100%; top:0;
	background:#5B695C;
	z-index:2;
	transition: all 0.3s ease-out;
}
.qmm ul li:nth-child(3) a.goTop1:hover::before {left:0;}

/* 배경 워터마크 */
.all-menu-mark { position:relative; z-index:2;width:100%;}
.all-menu-mark .bg-watermark-2 {position: relative;font-weight: 900;white-space: nowrap;z-index: 1;pointer-events: none;user-select: none; width:100%;height:400px;}
.all-menu-mark .bg-watermark-2 .wmk-left-2 {display:flex; align-items:flex-end;position:absolute; left:0; top:0;}
.all-menu-mark .bg-watermark-2 .wmk-left-2 i { margin-left:-30px; }
.all-menu-mark .bg-watermark-2 .wmk-right-2 {display:flex; align-items:flex-end;position:absolute; right:0%; top:15rem;}
.all-menu-mark .bg-watermark-2 .wmk-right-2 i { margin-left:-30px; }

@media (max-width:1024px){
	.menuWrap {background:#fff;height: 100%;left:-200%;opacity:1;}
	.menuWrap section { position: relative;width:100%; margin:0 auto;display: block;height:auto;} 
	.mwLeft { display:block; padding:20px 20px; background:#19306d; border-radius:0 0 0 0; height:auto; box-sizing:border-box;}
	.mwLeft .logo_a { height:auto; margin-bottom:10px; }
	.mwLeft .logo_a a img { width:200px; }
	.mwLeft .nav_a { display:none;}
	.mwLeft .sns_a { padding:20px 0 0; display:flex; align-items:center; width:auto; justify-content:flex-start;}
	.mwLeft .sns_a li {  margin-left:auto; margin-right:auto; }

	.mwRight { padding-left:0; display:block; padding:20px 0; height:100%;overflow-y:auto; text-align:center;height:calc(100vh - 150px);height:calc(100vh - 150px); padding-bottom:130px;}
	.mwRight p { display:none;}
	.mwRight .sub { display:none; }
	.mwRight .sub_m { display:block; position:relative; z-index:11; }
	.mwRight .sub_m h2.sub_tit { display:block; text-align:center; text-align:left;}
	.mwRight .sub_m h2.sub_tit_none { display:block; text-align:center; }
	.mwRight .sub_m h2.sub_tit_none a { display:block; text-align:center; }
	.mwRight .sub_m h2.sub_tit a { display:block; width:100%; padding:15px 20px; font-size:20px; line-height:1.2; font-weight:600; }
	.mwRight .sub_m ul { display:none; }
	.mwRight .sub_m ul li { flex:0 0 auto; margin-left:0; margin-bottom:0; }
	.mwRight .sub_m ul li:nth-child(1) { margin-left:0; }
	.mwRight .sub_m ul li a { font-size:17px; font-weight:500; color:#333; display:block; padding:8px 0; border:0; text-align:left; width:100%; }
	.mwRight .sub_m ul li a:hover { border-bottom:0; }

	.closeMenu { position: absolute; right:20px; top:20px; cursor: pointer; transition:all 0.3s;}
	.closeMenu svg { width:22px; height:22px; }
	.closeMenu svg line { stroke:#fff; }
	.closeMenu:hover { transform:rotate(180deg); }

	.amMap { padding:20px; display: flex; justify-content: space-between; }
	.amMap a { border:1px solid #19306d; width:100%; height:auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding:10px 0;}
	.amMap a em { font-size:12px; font-weight:600; color:#19306d;}
	.amMap a strong { font-size:18px; font-weight:700; color:#19306d; margin:5px 0 10px; }

	.amMap_all { position:absolute; left:0; top:auto; right:auto; bottom:0px !important; padding:10px; display:flex; justify-content:space-between; width:100%; background:#fff;}
	.amMap_all a { margin:0 0; transition:all 0.35s ease-out;}

	.mwRight .sub_m ul { background:#fff; padding:10px 20px; }
	.mwRight .sub_m ul li a { color:#333; display:block; }

	.mwRight::after { display:none; }
	.all-menu-mark { display:none; }

	/* 서브메뉴가 있는 h2에 화살표 아이콘 추가 예시 */
	.sub_m .sub_tit { position: relative; }

	.sub_m .sub_tit:nth-child(1)::after {
		content: '▼'; /* 또는 아이콘 폰트/이미지 */
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		font-size: 1.2rem;
		transition: transform 0.3s;
		pointer-events: none; /* 클릭 방해 금지 */
		opacity: 0.5;
	}
	.sub_m .sub_tit_none::after { display: none; }
	.sub_m .sub_tit.on::after {transform: translateY(-50%) rotate(180deg);}
	.sub_m ul {display: none;background: #f8f8f8;}
}

@media (max-height:670px){
	.mwRight .sub_m h2.sub_tit a { padding:10px 20px; font-size:18px;}
	.mwRight .sub_m ul li a { font-size:15px; padding:6px 0; }
}

/*.video-mv-youtube::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);pointer-events: none; z-index: 1; }*/

.video-mv-youtube {
    position: relative;
    width: 100%;
    height: 100%; 
    overflow: hidden;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-mv-youtube iframe {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.video-mv-youtube .videobcg1 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 56.25vw; /* 16:9 비율 (100 / 16 * 9) */
	min-height: 100%;
	min-width: 177.77vh; /* 16:9 비율 (100 / 9 * 16) */
	transform: translate(-50%, -50%);
	border: none;
	pointer-events: none; /* ★ 터치 및 클릭 이벤트 완전히 무시 */
}
/* 2. iframe 위를 완벽히 덮는 투명 가림막 추가 */
.video-mv-youtube .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* iframe(z-index: 0)보다 위에 배치 */
    background-color: rgba(0, 0, 0, 0); /* 투명하게 처리 (필요시 살짝 어둡게 투명도 조절 가능) */
    
    /* 혹시 모를 모바일 스크롤이나 롱탭 방지 */
    -webkit-tap-highlight-color: transparent; 
}

.youtube-pc { }
.youtube-mobile { display:none; }

@media screen and (max-width: 1024px) {
	.video-mv-youtube {position: relative;width: 100%;height: 40vh !important; overflow: hidden;}
	.video-mv-youtube .videobcg1 {
		width: 177.77vh !important;height: 40vh !important;position: absolute;top: 50%;left: 50%;
		transform: translate(-50%, -50%);min-width: none !important;max-width: none !important;
	}
	/* .video-mv-youtube::after {background-color: rgba(0, 0, 0, 0.3);} */
}

@media(max-width:768px){
	.youtube-pc { display:none; }
	.youtube-mobile { display:flex; }
	.video-mv-youtube { height:270px !important; }
	.video-mv-youtube .videobcg1 { height:270px !important; }
}


/* 2026-05-12 */
.medical-part-section { background:#f0f4fa; padding:12rem 0; position:relative; z-index:3;}
.medical-part-section .main-title { font-weight: 700; letter-spacing: -0.02em; font-family: 'Escoredream', sans-serif; margin-bottom:50px; color:#19306d; font-size:50px; text-align:center;}

.tab-part-menu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; /* 탭이 많으므로 줄바꿈 허용 */
    gap: 20px;
    margin-bottom: 70px;
}

.tab-part-menu button {
    min-width: 154px;
	height:60px;
	display:flex;
	justify-content:center;
	align-items:center;
    border: 1px solid #a9a9a9;
	color:#989898;
    background: #fff;
    cursor: pointer;
    font-size: 22px;
	font-weight:800;
	letter-spacing:-0.02em;
    transition: all 0.3s;
	border-radius:0 10px 0 10px;
	font-family: 'NanumSquareNeo', sans-serif;
}

.tab-part-menu button.active {
    background: #3764DC;
    color: #fff;
    border-color: transparent;
	background: linear-gradient(113.9deg, #3764DC -15.02%, #0D1A3D 98.41%);
}

.myPartSwiper { margin:0 auto; width:100%; display:flex; justify-content:center; height:100%;}

/* PC 기준: 양옆이 보이도록 슬라이드 너비를 80%~90% 정도로 설정 */
.myPartSwiper .swiper-slide {
    transition: all 0.5s;
	width:1200px;
	margin:0 70px;
}

/* 활성화된 중앙 슬라이드만 선명하게 */
.myPartSwiper .swiper-slide-active {
    opacity: 1;
	width:1200px;
}

/* 이미지 박스 스타일 (이미지처럼 라운드 및 테두리 추가) */
.myPartSwiper .swiper-slide img { width:100%;}

.myPartSwiper .swiper-part-next { 
	width:70px; height:70px; border-radius:35px; cursor:pointer;
	position:absolute; left:50%; top:170px; transform:translateX(565px);
	background:url(https://boneamc2026.mycafe24.com/images/sub/swp-next.png) no-repeat center / 100%;
	z-index:1111;
}
.myPartSwiper .swiper-part-prev { 
	width:70px; height:70px; border-radius:35px; cursor:pointer;
	position:absolute; left:50%; top:170px; transform:translateX(-635px);
	background:url(https://boneamc2026.mycafe24.com/images/sub/swp-prev.png) no-repeat center / 100%;
	z-index:1111;
}
.myPartSwiper .swiper-part-prev::before,
.myPartSwiper .swiper-part-prev::after,
.myPartSwiper .swiper-part-next::before,
.myPartSwiper .swiper-part-next::after { display:none; }


/* 슬라이더 아래 페이징 바 커스텀 */
.slider-outer { position: relative;  margin: 0 auto; width:100%; min-height:500px;overflow: hidden;}
.slider-outer .swiper-pagination-progressbar {
    position: relative; 
    height: 3px; 
    background: rgba(169, 169, 169, 0.32); 
	max-width: 928px;
	margin:70px auto 0;
}

.slider-outer .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background:#19306d !important ;
}

/* 하단 텍스트 및 미디어 */
.info-content-area { text-align: left; padding: 0 20px; 
	max-width: 928px;
	margin:40px auto 0;
	min-height: 200px;
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.info-content-area h3 { text-align:Center; font-family: 'NanumSquareNeo', sans-serif; font-weight:800; font-size:30px; line-height:1.2; letter-spacing:-0.02em;color:#19306d; margin-bottom:30px;}
.info-content-area p { line-height:180%; letter-spacing:-0.02em;font-family: 'NanumSquareNeo', sans-serif; font-weight:400; word-break:keep-all; }
.extra-content img { max-width: 100%; height: auto; }

.row-box-wrap { display:flex; justify-content:center; gap:20px; margin-bottom:25px;}
.video-box { position: relative; width:454px; height:234px; border-radius:20px;overflow:hidden;}
.video-box iframe { position: relative; width:100%;height:100%;}

.mp4-box { position: relative; width:660px; height:370px; border-radius:0; overflow:hidden;text-align:center; }
.mp4-box video { position: relative; width:100%;height:100%; }
.bg-white-on { background:#fff; }

.marginAuto { margin:0 auto; }

.img-box-z { position:relative; width:454px; height:234px; border-radius:20px;overflow:hidden;}
.img-box-z img { width:100%; position:relative; }
.img-box-z div { height:52px; background:rgba(0,0,0,0.6); width:100%; position:absolute; left:0; bottom:0; text-align:center; display:flex; justify-content:center; align-items:center; font-size:16px; line-height:2; letter-spacing:-0.02em; font-family: 'NanumSquareNeo', sans-serif; font-weight:400; color:#fff;}


/* 태블릿 및 노트북 구간 (1400px 미만) */
@media screen and (max-width: 1400px) {
    .myPartSwiper .swiper-slide,
    .myPartSwiper .swiper-slide-active {
        width: 80% !important; /* 슬라이드 너비를 화면 비율에 맞게 조정 */
        margin: 0 10px;
    }
    
    .myPartSwiper .swiper-part-prev { transform: translateX(-45vw); } /* 내비게이션 위치 화면 비율로 조정 */
    .myPartSwiper .swiper-part-next { transform: translateX(35vw); }

	.mp4-box { width:100%; height:auto; }
}

/* 태블릿 구간 (1024px 이하) */
@media screen and (max-width: 1024px) {
    .medical-part-section { padding: 8rem 0; }
    .medical-part-section .main-title { font-size: 40px; }
    
    .tab-part-menu { gap: 10px; margin-bottom: 50px; }
    .tab-part-menu button { min-width: 130px; height: 50px; font-size: 18px; }

	.slider-outer  {min-height:auto; }
    .slider-outer .swiper-pagination-progressbar,
    .info-content-area { max-width: 90%; }
    
    .video-box, .img-box-z { width: calc(50% - 10px); height: auto; aspect-ratio: 454 / 234; }
	.mp4-box { width:100%; }
}

/* 모바일 구간 (768px 이하) */
@media screen and (max-width: 768px) {
    .medical-part-section { padding: 6rem 0; }
    .medical-part-section .main-title { font-size: 32px; margin-bottom: 30px; }

    /* 탭 메뉴 조정: 모바일에서는 2열 혹은 3열 배치 */
    .tab-part-menu { padding: 0 20px; }
    .tab-part-menu button { min-width: calc(33.33% - 10px); font-size: 15px; height: 45px; }

    /* 슬라이더 내비게이션 숨김 혹은 크기 축소 */
    .myPartSwiper .swiper-part-prev,
    .myPartSwiper .swiper-part-next { display: none; } /* 모바일은 스와이프가 편하므로 숨김 권장 */

    .myPartSwiper .swiper-slide { width: 90% !important; margin: 0 5%; }

    .info-content-area h3 { font-size: 24px; margin-bottom: 20px; }
    .info-content-area p { font-size: 15px; }

    /* 하단 영상/이미지 박스 1열 배치 */
    .row-box-wrap { flex-direction: column; align-items: center; }
    .video-box, .img-box-z { width: 100%; max-width: 454px; }
    
    .slider-outer .swiper-pagination-progressbar { margin-top: 40px; }
}

/* 초소형 모바일 구간 (480px 이하 ~ 320px) */
@media screen and (max-width: 480px) {
    .medical-part-section { padding: 4rem 0; }
    .medical-part-section .main-title { font-size: 26px; }

    .tab-part-menu button { min-width: calc(50% - 10px); font-size: 14px; } /* 2열 배치 */

    .info-content-area h3 { font-size: 20px; word-break: keep-all; }
    .info-content-area p { font-size: 14px; text-align: justify; text-align:left; }
    
    .img-box-z div { font-size: 14px; height: 40px; }


	.tab-part-menu {
		/* 1. 줄바꿈 해제 및 가로 정렬 강제 */
		flex-wrap: nowrap;
		justify-content: flex-start; /* 왼쪽부터 정렬되어야 스크롤이 정상 작동함 */
		
		/* 2. 가로 스크롤 활성화 */
		overflow-x: auto;
		white-space: nowrap;
		
		/* 3. 스크롤 시 여백 및 터치감 개선 */
		padding-bottom: 15px; /* 스크롤바와 버튼 사이 간격 */
		padding-left: 20px;   /* 첫 번째 아이템이 벽에 붙지 않게 */
		padding-right: 20px;  /* 마지막 아이템 뒤에 여백 */
		gap: 10px;            /* 모바일에서는 간격을 조금 줄이는 것이 보기 좋습니다 */
		
		/* iOS 기기에서 부드러운 스크롤 지원 */
		-webkit-overflow-scrolling: touch;
	}

	.tab-part-menu button {
		/* 4. 버튼이 좁아지지 않도록 설정 */
		flex-shrink: 0;
		
		/* 모바일 화면에 맞춰 크기 살짝 조정 (선택 사항) */
		min-width: 120px; 
		height: 50px;
		font-size: 18px;
	}

	/* 5. (선택 사항) 스크롤바 숨기기 (디자인이 깔끔해집니다) */
	.tab-part-menu::-webkit-scrollbar {
		display: none;
	}
	.tab-part-menu {
		-ms-overflow-style: none; /* IE and Edge */
		scrollbar-width: none; /* Firefox */
	}

}




.medical-section {
    background-color: #19306d; /* 딥블루 배경색 */
    padding: 120px 60px 70px;
    color: #fff;
    text-align: center;
}
.inner-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

/* 상단 타이틀 */
.medical-section .sub-title {
    /* 기존 컬러 제거 후 글자 그라데이션 적용 */
    background: linear-gradient(105.63deg, #3764DC -14.81%, #0D1A3D 227.59%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text; /* 표준 속성 추가 */
    
    /* 폰트 스타일 및 웨이트 */
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-style: normal; /* CSS에서 Bold는 font-weight로 제어하므로 스타일은 normal로 지정합니다 */
    font-size: 20px;
    
    /* 정렬 및 간격 */
    text-align: center;
    line-height: 100%;
    letter-spacing: -0.02em; /* -2%를 웹 표준 em 단위로 변환 (-2 / 100) */
    margin-bottom: 14px;

    /* leading-trim 대응 (최신 표준 스펙 반영) */
    text-edge: cap height alphabetic;
    leading-trim: none;
}
.medical-section .main-title { font-size: 50px; font-weight: 200; margin-bottom: 80px; letter-spacing:-0.02em; font-family: 'Escoredream', sans-serif; color: #86BDFF; text-align:center;}
.medical-section .main-title strong { font-weight: 700; color:#fff; font-family: 'Escoredream', sans-serif; }

/* ----------------------------------
 * [빨간선 영역] 1차 탭 스타일 (그라디언트 + 버튼 레이아웃)
 * ---------------------------------- */
.primary-tab-wrap {
    max-width: 1340px;
    margin: 0 auto 30px;
    padding: 15px;
}
.primary-tabs {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}
.primary-tabs .tab-item {
    flex: 1;
}
.primary-tabs .tab-item button {
    position: relative; /* 가상 요소의 기준점 설정을 위해 추가 */
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    cursor: pointer;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.02em;
    transition: all 0.3s;
    border-radius: 0 10px 0 10px;
    font-family: 'NanumSquareNeo', sans-serif;
    border: 1px solid transparent; /* 기본 상태에서 영역 유지를 위한 투명 테두리 */
}

/* 1차 탭 활성화 상태 (그라디언트 블루) */
.primary-tabs .tab-item.active button {
    color: #fff;
    background: linear-gradient(113.9deg, #3764DC -15.02%, #0D1A3D 98.41%);
}

/* 💡 [추가] 활성화 상태일 때 테두리 그라디언트 효과 적용 (::after) */
.primary-tabs .tab-item.active button::after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 1; /* 텍스트 콘텐츠 위나 아래로 얹히도록 조절 */
    pointer-events: none; /* 마우스 이벤트 방해 금지 */
    
    /* 요청하신 보더 스타일 구현 */
    border: 1px solid transparent;
    border-radius: 0 10px 0 10px; /* 원래 버튼의 라운딩 값 유지 */
    background-image: linear-gradient(113.9deg, #3764DC -15.02%, #0D1A3D 98.41%), 
                      linear-gradient(132.68deg, #D9D9D9 -1.92%, rgba(167, 167, 167, 0) 37.3%, rgba(167, 167, 167, 0) 57.67%, #D9D9D9 102.77%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.primary-tabs .tab-item button span,
.primary-tabs .tab-item button text {
    color: #989898 !important;
	z-index:100;
	position:relative;
}

/* 글자가 가상 요소 뒤로 숨지 않도록 순서 보정 */
.primary-tabs .tab-item.active button span,
.primary-tabs .tab-item.active button text {
    position: relative;
    z-index: 100;
	color:#fff !important;
}

/* 1차 탭 상단 소개 글 */
.tab-intro-desc {
    font-size: 18px;
    line-height: 1.8;
    color: #f0f4fa;
    margin: 80px 0 85px;
    font-weight: 400;
	letter-spacing:-0.02em;
    font-family: 'NanumSquareNeo', sans-serif;
	word-break:keep-all;
}

/* ----------------------------------
 * [초록선 영역] 2차 탭 스타일
 * ---------------------------------- */
.secondary-tab-wrap {
    padding-top: 30px;
}

/* 2차 탭 메뉴 라인 */
.secondary-tabs {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	max-width:1340px;
	margin:0 auto 82px;
}
.secondary-tabs .sub-tab-item {
    position: relative;
	flex:1;
}
.secondary-tabs .sub-tab-item button {
    font-size: 26px;
	color: rgba(152, 152, 152, 0.5);
    font-weight: 800;
    transition: color 0.3s ease;
    font-family: 'NanumSquareNeo', sans-serif;
	letter-spacing:-0.02em;
	padding:0 25px 32px;
	border:none;
	background:none
}
/* 2차 탭 활성화 언더라인 효과 */
.secondary-tabs .sub-tab-item.active button {
    color: #fff;
    font-weight: 700;
}
.secondary-tabs .sub-tab-item.active::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
}

/* ----------------------------------
 * 하얀색 상세 내용 콘텐츠 박스
 * ---------------------------------- */
.secondary-tab-content-box {
    background-color: #f0f4fa;
    border-radius: 30px;
    padding: 80px 40px 80px;
    color: #222;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
.detail-title {
    font-size: 35px;
    color: #19306d;
    margin-bottom: 40px;
	font-weight: 800;
    font-family: 'NanumSquareNeo', sans-serif;
	letter-spacing:-0.02em;
	text-align:center;
}
.detail-desc {
    font-size: 18px;
    color: #2a2829;
    line-height: 1.7;
	font-family: 'NanumSquareNeo', sans-serif;
	letter-spacing:-0.02em;
    margin-bottom: 40px;
	word-break:keep-all;
}

/* 엑스레이 이미지 갤러리 구조 Grid */
.xray-gallery {
    display: flex;
    gap: 20px;
    justify-content: center;
	padding:20px 0 0;
	max-width:1340px; 
	margin:0 auto;
}
.gallery-item {
    flex: auto;
    background-color: #fff;
}
.gallery-item.bgtrans { background-color: transparent; }
.gallery-item .img-box {
    display: flex;
	gap:20px;
	width:100%;
	border-radius:0;
	flex-wrap:wrap;
}
.gallery-item .img-box img {
	flex:1;
    height: auto;
    object-fit: cover;
	border-radius:0;
}
.img-caption {
    font-size: 18px;
    color: #285090;
    font-weight: 800;
	line-height:1.7;
	font-family: 'NanumSquareNeo', sans-serif;
	letter-spacing:-0.02em;
	padding:15px 0;
}

.gallery-item .img-box .you-tube-box { width:100%; width:660px; height:350px; border-radius:0; overflow:hidden;}
.gallery-item .img-box .you-tube-box iframe { width:100%; height:100%; }

.gallery-item .img-box .you-tube-box.video { width:100%; width:660px; height:660px; border-radius:0; overflow:hidden;}
.gallery-item .img-box .you-tube-box.video video { width:100%; height:auto; }

.ph1 { height:90px; display:flex; justify-content:center; align-items:center; }
.mpt20 { padding-top:50px; }


.gallery-item .img-box-n {flex-wrap:nowrap;}
.gallery-item .img-box-n img {max-width:100%;width:auto;}


/* ----------------------------------
 * 제어용 온/오프 상태 클래스
 * ---------------------------------- */
.primary-content { display: none; }
.primary-content.active { display: block; animation: fadeIn 0.4s ease-in-out; }

.secondary-content { display: none; }
.secondary-content.active { display: block; animation: fadeIn 0.4s ease-in-out; }

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width:1700px){
	.gallery-item .img-box img {
		flex:1;
		width:100%;
		max-width:100%;
	}
}

@media (max-width:1400px){
	.detail-desc br {display:none; }
}

/* ==========================================================================
   반응형 스타일 (Responsive Web CSS)
   ========================================================================== */

/* 1. 태블릿 구간 (최대 가로폭 1024px 이하) */
@media screen and (max-width: 1024px) {
    .medical-section {
        padding: 50px 20px; /* 전체 여백 축소 */
    }

	.secondary-tab-wrap {
		padding-top: 15px;
	}

	.primary-tab-wrap {
		margin: 0 auto 0;
		padding: 15px 0;
	}
    
    .medical-section .main-title {
        font-size: 38px; /* 타이틀 크기 조절 */
        margin-bottom: 30px;
    }

    /* 1차 탭: 5개 배열이 좁아지므로 텍스트 크기 미세 조절 */
    .primary-tabs .tab-item button {
        font-size: 18px;
        height: 55px;
    }

    .tab-intro-desc {
        font-size: 16px;
        margin: 50px 0 55px;
		word-break:keep-all;
		line-height:2;
    }
	.tab-intro-desc br { display:none; }

    /* 2차 탭: 글자 크기 및 하단 여백 최적화 */
    .secondary-tabs {
        margin-bottom: 50px;
    }
    .secondary-tabs .sub-tab-item button {
        font-size: 20px;
        padding: 0 0 20px;
    }
	.secondary-tabs.s-tabs-two li { flex:0 0 50%; width:50%; }

    /* 콘텐츠 박스 내부 패딩 축소 */
    .secondary-tab-content-box {
        padding: 50px 30px;
    }
    .detail-title {
        font-size: 28px;
        margin-bottom: 25px;
		word-break:keep-all;
		line-height:1.3;
    }
    .detail-desc, .img-caption {
        font-size: 16px;
		word-break:keep-all;
    }

	.gallery-item .img-box-n {flex-wrap:wrap;}
	.gallery-item .img-box-n img {max-width:100%;width:100%;}

}

/* 2. 모바일 구간 (최대 가로폭 768px 이하) */
@media screen and (max-width: 768px) {
    .medical-section {
        padding: 60px 0 20px;
    }

    .medical-section .main-title {
        font-size: 28px;
        margin-bottom: 25px;
    }
	.ph1 { height:auto; }

    /* ----------------------------------
     * 1차 탭 모바일 최적화 (2열 배열 또는 스크롤 분기)
     * ---------------------------------- */
    .primary-tabs {
        flex-wrap: wrap; /* 한 줄 배열 해제 */
        gap: 8px;
    }
    .primary-tabs .tab-item {
        flex: none;
        width: calc(50% - 4px); /* 2열로 깔끔하게 배치 */
    }
    /* 홀수 개(5개)일 때 마지막 버튼 혼자 꽉 차게 설정 */
    .primary-tabs .tab-item:last-child {
        width: 100%;
    }
    .primary-tabs .tab-item button {
        font-size: 16px;
        height: 50px;
		word-break:keep-all;
    }

	.primary-tabs > li:nth-child(3),
	.primary-tabs > li:nth-child(5),
	.primary-tabs > li:nth-child(7) { flex:0 0 calc(50% - 4px); }

	.primary-tabs.tab-list301 li:nth-child(4) { 
		width: calc(50% - 4px);
	}

    .tab-intro-desc {
        font-size: 14px;
        line-height: 1.8;
        margin: 35px 0 40px;
        text-align: left; /* 모바일 장문은 좌측 정렬이 가독성에 좋습니다 (취향에 따라 유지 가능) */
    }

    /* ----------------------------------
     * 2차 탭 모바일 최적화 (가로 스크롤 레이아웃 전환)
     * ---------------------------------- */
    .secondary-tabs {
        justify-content: flex-start; /* 좌측 정렬로 변경 */
        overflow-x: auto; /* 가로 스크롤 활성화 */
        white-space: nowrap; /* 줄바꿈 방지 */
        margin-bottom: 35px;
        -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */
        
        /* 스크롤바 숨기기 (디자인 일관성) */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE */
    }
    .secondary-tabs::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }
    
    .secondary-tabs .sub-tab-item {
        flex: none; /* 스크롤을 위해 고정 폭 해제 */
    }
    .secondary-tabs .sub-tab-item button {
        font-size: 17px;
        padding: 10px 16px 15px; /* 간격 타이트하게 조정 */
    }
	.secondary-tabs.s-tabs-two .sub-tab-item button { padding:10px 0 15px; }

    /* ----------------------------------
     * 상세 콘텐츠 박스 모바일 최적화
     * ---------------------------------- */
    .secondary-tab-content-box {
        padding: 40px 20px;
        border-radius: 20px;
    }
    .detail-title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .detail-desc, .img-caption {
        font-size: 14px;
        line-height: 1.6;
        text-align: left; /* 장문 가독성 보정 */
    }
    
    /* 1번 답변에 드린 이미지 갤러리가 있다면 세로 정렬로 변경 */
    .xray-gallery {
        flex-direction: column;
        gap: 15px;
		padding-top:0;
    }
	.mpt20 { padding-top:20px; }

    .gallery-item {
        max-width: 100%;
    }
	.img-caption { text-align:center; }

	.gallery-item .img-box .you-tube-box { width:100%; height:220px; }
	.gallery-item .img-box .you-tube-box.video { height:250px; }


	.mp4-box { width:100%; height:auto; max-width:100%; }
}	


@media (max-width: 390px) {
	.sys-doctor-eq-new { text-align:center; width:100%; margin-left:-30%; }
	.sys-doctor-eq-new img {object-fit: contain !important; height:150px;}
	.sdib-3-new { bottom:-20px; margin-left:10px; }
}



/* 팝업(Dialog) 스타일 */
#pricePopup {
  border: none;
  border-radius: 8px;
  padding: 0;
  width: 90%;
  max-width: 500px;
  max-height: 85vh; /* 브라우저 높이의 85%로 제한 */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  background-color: #fff;
  
  /* [수정] fixed 정렬을 제거하고 dialog 원래의 내장 정렬 메커니즘을 사용합니다.
     브라우저 창이 작아져도 자동으로 가운데 정렬을 유지하며 스크롤 계산이 정확해집니다. */
  margin: auto; 
}

/* 팝업이 열렸을 때 */
#pricePopup[open] {
  display: flex;
  flex-direction: column;
}

/* 팝업 내부 콘텐츠 영역 (여기서 세로 스크롤 발생) */
.popup-content {
  overflow-y: auto;                  /* 세로 스크롤 활성화 */
  -webkit-overflow-scrolling: touch; /* 모바일 부드러운 스크롤 */
  width: 100%;
  
  /* [수정] flex 정렬이 이미지 높이 계산을 방해하므로, 
     블록 레이아웃 기반으로 변경하여 스크롤이 정상 작동하게 합니다. */
  display: block; 
}

/* 팝업 이미지 스타일 */
.popup-img {
  width: 100%;
  height: auto;
  display: block;
}

/* 우측 상단 고정 닫기 버튼 (X) */
.close-x-btn {
  /* [수정] 스크롤바가 내려가도 닫기 버튼은 팝업 우측 상단에 박혀있도록 fixed에서 absolute로 변경 */
  position: absolute; 
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  border-radius: 50%;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: background 0.2s;
}
.close-x-btn:hover {
  background: rgba(0, 0, 0, 0.7);
}

/* 팝업 배경 어둡게 처리 (Backdrop) */
#pricePopup::backdrop {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2px);
}

/* 뒷배경 스크롤 차단용 클래스 */
.no-scroll {
  overflow: hidden;
}




#section2 { display:block; }
#section2-m { display:none; }

@media (max-width:1024px){
	#section2 { display:none !important; }
	#section2-m {position: relative;width: 100vw;overflow: hidden; background: rgba(240, 244, 250, 1); z-index:2;display:block;}
	.sec2-inner-m .sec2-intro-m {position: relative;text-align: center;z-index: 1;padding-top: 9rem; width: 100%;}

	.sec2-inner-m .sub-intro-m {
		font-size: 1.3rem; margin-bottom: 20px;color: #444;margin-bottom: 35px;display:flex; align-items:center; justify-content:center;
		font-family: 'Noto Sans KR', sans-serif;font-weight:350; line-height:1;
	}
	.sec2-inner-m .main-intro-m {
		font-size: 2.6rem;line-height: 1.3;color: #2a2b29;letter-spacing: -0.02em;text-align: center;font-family: 'Escoredream'; font-weight:300;letter-spacing:-0.02em;
	}

	.sec2-inner-m .main-intro-m .blue {color: #19306D;font-weight:700;font-family: 'Escoredream';letter-spacing:-0.02em;}
	.sec2-inner-m .comm-icon-plus { display:inline-block; width:16px; height:16px; background:url(../images/comm-icon-plus.svg) no-repeat center / 100%; }
	.sec2-inner-m .comm-icon-plus._White { background-image:url(../images/comm-icon-plus-white.svg);}

	.main-text-add-m { display:flex; justify-content:center; padding:30px 40px 40px; max-width:100%; margin:20px auto 0; flex-direction:column; border:none;}
	.main-text-add-m li { position:relative; display:flex; flex-direction:column; align-items:center; padding:15px 20px; gap:0px; border:1px solid rgba(0,0,0,0.15); margin:5px 0; border-radius:5px 20px 5px 20px;} 
	.main-text-add-m li span { font-size:14px; font-weight:400; font-family: 'NanumSquareNeo', sans-serif; color:#2a2a2a; display:block; } 
	.main-text-add-m li span em { 
		font-size:14px; 
		font-weight:800; 
		font-family: 'NanumSquareNeo', sans-serif;
		color:#2a2a2a; 
	}
	.main-text-add-m li span strong { 
		font-size:22px; font-weight:800; 
		background: radial-gradient(94.14% 94.14% at 12.41% 41.71%, #3764DC 0%, #19306D 100%);
		-webkit-background-clip: text; /* 사파리 및 크롬 계열 브라우저 지원 */
		background-clip: text;
		color: transparent;
		line-height:1.3;
		display: inline-block;
	}

	.sec2-inner-m .bg-watermark {
		position: absolute;top: 0;left: 50%;transform: translateX(-50%);font-size: 20rem;font-family: 'Serif', serif;
		font-weight: 900;color: rgba(0, 0, 0, 0.03);white-space: nowrap;z-index: 1;pointer-events: none;user-select: none; 
		width:95%;
		height:650px;
	}
	.sec2-inner-m .bg-watermark .wmk-left {
		display:flex; align-items:flex-end;
		position:absolute; left:50%; top:7rem;
		margin-left:-900px;
	}
	.sec2-inner-m .bg-watermark .wmk-left i { margin-left:-30px; opacity:0.5; filter: grayscale(100%);}
	.sec2-inner-m .bg-watermark .wmk-right {
		display:flex; align-items:flex-end;
		position:absolute; left:50%; top:32rem;
		margin-left:200px;
	}
	.sec2-inner-m .bg-watermark .wmk-right i { margin-left:-30px; opacity:0.5; filter: grayscale(100%);}
	.sec2-inner-m .core-swiper-wrap { padding:20px; position:relative; }

	/* Swiper 컨테이너 전체화면 구성 */
	.sec2-inner-m .core-swiper.swiper {width: 100%;height: calc(100vh - 40px);position:relative;}
	.sec2-inner-m .core-swiper .swiper-slide {
		position: relative;width: 100%;display: flex;flex-direction: column;justify-content: space-between;padding: 60px 15px 150px 15px;
		overflow: hidden;border-radius:10px 30px 10px 10px;
	}
	.sec2-inner-m .core-swiper .slide-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
	.sec2-inner-m .core-swiper .slide-content {position: relative;z-index: 3;width: 100%;height: 100%;display: flex;flex-direction: column;}
	.sec2-inner-m .core-swiper .main-title {font-family: 'Playfair Display', serif;font-size: 40px;font-weight: 700;margin-bottom: 24px;color: #fff;}
	.sec2-inner-m .core-swiper .sub-title {font-size: 14px;font-weight: 700;line-height: 1.5;color: #fff;margin-bottom: 35px;word-break: keep-all;letter-spacing: -0.25px;}
	.sec2-inner-m .core-swiper .checklist {display: flex;flex-direction: column;gap: 8px;width: 100%;}
	.sec2-inner-m .core-swiper .check-item {
		background: rgba(0,0,0, 0.05);border: 1px solid rgba(204, 204, 204, 1);border-radius: 8px 10px 8px 10px; padding: 8px 0 10px 10px;
		display: flex;align-items: center;gap: 8px;
	}
	.sec2-inner-m .core-swiper .icon-box {width: 18px;height: 9px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;position:relative;}
	.sec2-inner-m .core-swiper .icon-box i { content:"";display:inline-block; width:18px; height:9px; background:url(../images/care-icon-chk.svg) no-repeat center / 100%; position:absolute; left:0;top:50%;transform:translateY(-50%);}

	.sec2-inner-m .core-swiper .item-text {font-size: 12px;line-height: 1.4;color: #fff;font-weight: 400;}
	.sec2-inner-m .core-swiper .highlight-blue {color: rgba(134, 189, 255, 1);font-weight: 400;}
	.sec2-inner-m .core-swiper .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 8vh;}
	.sec2-inner-m .core-swiper .swiper-pagination-bullet {width: 8px;height: 8px;background: #fff;opacity: 0.35;margin: 0 5px !important;transition: all 0.3s;}
	.sec2-inner-m .core-swiper .swiper-pagination-bullet-active {opacity: 1;width: 28px;border-radius: 4px;background: #fff;}

}

.eqp-section { display:flex; }
#section7 { display:flex; }
#section7-m { display:none; }
#sub-section7-m { display:none; }

@media (max-width:1024px){
	#section7 { display:none !important; }
	#section7-m {position: relative;width: 100%;height: auto;height:auto;background-color: #fff;overflow: hidden;display: flex;align-items: flex-start;justify-content: center; z-index:7; padding-bottom:70px;}
	#section7-m .sec7-inner-m { width: 100%; max-width: 100%; height:100%; position: relative; margin: 0 auto; overflow:hidden;}
	#section7-m .sec7-inner-m .sec7-header-m {position: relative; padding-top:10rem; width: 100%;text-align: center;z-index: 100;display:flex;flex-direction:column;align-items:center;justify-content:center;}
	#section7-m .sec7-inner-m .sec7-header-m .top-label { font-size: 1.3rem; color: #2a2b29; margin-bottom: 20px; font-family: 'Noto Sans KR', sans-serif;font-weight:350;display:flex;align-items:center;line-height:1; }
	#section7-m .sec7-inner-m .sec7-header-m .title { font-size: 2.6rem; font-weight: 700; color: #2a2b29; text-align:center; font-family: 'Escoredream';font-weight:300;letter-spacing:-0.02em;}
	#section7-m .sec7-inner-m .sec7-header-m .title span { color: #19306D; font-family: 'Escoredream';font-weight:700;letter-spacing:-0.02em;}


	.eqp-section { display:none !important;}
	#sub-section7-m {position: relative;width: 100%;height: auto;height:auto;background-color: #fff;overflow: hidden;display: flex;align-items: flex-start;justify-content: center; z-index:7; padding-bottom:70px;}
	#sub-section7-m .sec7-inner-m { width: 100%; max-width: 100%; height:auto; position: relative; margin: 0 auto; overflow:hidden;}
	#sub-section7-m .sec7-inner-m .sec7-header-m {position: relative; padding-top:2rem; width: 100%;text-align: center;z-index: 100;display:flex;flex-direction:column;align-items:center;justify-content:center;}
	#sub-section7-m .sec7-inner-m .sec7-header-m .top-label { font-size: 1.3rem; color: #2a2b29; margin-bottom: 20px; font-family: 'Noto Sans KR', sans-serif;font-weight:350;display:flex;align-items:center;line-height:1; }
	#sub-section7-m .sec7-inner-m .sec7-header-m .title { font-size: 2.6rem; font-weight: 700; color: #2a2b29; text-align:center; font-family: 'Escoredream';font-weight:300;letter-spacing:-0.02em;}
	#sub-section7-m .sec7-inner-m .sec7-header-m .title span { color: #19306D; font-family: 'Escoredream';font-weight:700;letter-spacing:-0.02em;}


	.equip-swiper-wrap .equip-swiper {width: 100%;padding-bottom: 60px;}
	.equip-swiper-wrap .equip-swiper .swiper-slide {padding: 50px 20px 10px;display: flex;flex-direction: column;align-items: center;height: auto;}
	.equip-swiper-wrap .equip-swiper .badge {
		background: rgba(71, 114, 229, 1);color: white;width: 40px;height: 40px;
		border-radius: 50%;display: flex;justify-content: center;align-items: center;font-weight: bold;font-size: 16px;margin-bottom: 16px;
	}
	.equip-swiper-wrap .equip-swiper .equip-title {
		font-size: 24px;font-weight: 700;text-align: center;color: #1a237e;color: rgba(25, 48, 109, 1);
		margin-bottom: 20px;line-height: 1.4;min-height: 50px;word-break: keep-all;
	}
	.equip-swiper-wrap .equip-swiper .equip-image {width: 100%;max-width: 100%;height: auto;object-fit: contain;margin-bottom: 30px;}
	.equip-swiper-wrap .equip-swiper .equip-desc {list-style: none;width: 100%;text-align:Center;}
	.equip-swiper-wrap .equip-swiper .equip-desc li {font-size: 12px;font-weight:400;line-height: 1.6;color: rgba(102,102,102,1);padding-left: 10px;text-indent: -10px;word-break: keep-all;}
	.equip-swiper-wrap .equip-swiper .equip-desc li::before {content: '- ';}
	.equip-swiper-wrap .equip-swiper .swiper-pagination-bullet {width: 8px;height: 8px;background: rgba(169, 169, 169, 1);opacity: 1;}
	.equip-swiper-wrap .equip-swiper .swiper-pagination-bullet-active {background: rgba(40, 80, 144, 1);width: 28px;border-radius: 4px;transition: width 0.3s;}
	.equip-swiper-wrap .equip-swiper .btn-link {
		display: inline-block;margin-top: 20px;padding: 12px 24px;background-color: #1a237e;color: #fff;text-decoration: none;border-radius: 24px;font-size: 14px;font-weight: 500;
	}

}

.pc-on { display:block; }

.m-on,
.m-block-txt,
.sys-doctor-m3 .m-block,
.sys-doctor-m6 .m-block,
.sys-doctor-m5 .m-block { display:none; }
@media (max-width:768px) {
	.sys-doctor-talk { padding-bottom:70px; padding-left:20px; padding-right:20px; }
	.ssNewBoxTalk .item-treat-container { padding-top:7rem; }
	.sys-text-content { margin-bottom:10px; }
	.sys-doctor-m { display:flex; justify-content:center; }
	.sys-doctor-m .sdp-401 { position:relative; left:auto;top:auto;bottom:auto;right:auto; margin-right:-60px; z-index:3;}
	.sys-doctor-m .sdp-5 { position:relative; left:auto;top:auto;bottom:auto;right:auto; margin-right:-30px; z-index:1;}

	.sys-doctor-m .sys-doctor-info-badge.sdib-4 { display:flex; flex-direction:column; align-items:center; justify-content:center; left:auto; text-align:center; }
	.sys-doctor-m .sys-doctor-info-badge.sdib-5 { display:flex; flex-direction:column; align-items:center; justify-content:center; left:auto; text-align:center;}

	.sys-doctor-m .sys-title { text-align:center; margin-right:0; }
	.sys-doctor-m .sys-desc { text-align:center; padding-top:5px; margin-left:0; }


	.sys-doctor-m .sdp-6 { position:relative; left:auto;top:auto;bottom:auto;right:auto; margin-right:-60px; z-index:2;}
	.sys-doctor-m .sdp-7 { position:relative; left:auto;top:auto;bottom:auto;right:auto; margin-right:30px; z-index:3;}

	.sys-doctor-m .sys-doctor-info-badge.sdib-6 { display:flex; flex-direction:column; align-items:center; justify-content:center; left:auto; text-align:center; }
	.sys-doctor-m .sys-doctor-info-badge.sdib-7 { display:flex; flex-direction:column; align-items:center; justify-content:center; left:auto; text-align:center; width:160px;}
	
	.sys-doctor-m .sys-doctor-info-badge.sdib-6 .sys-title { display:flex; text-align:center; padding:8px 10px 8px; margin-bottom:4px; line-height:1.3;}
	.sys-doctor-m .sys-doctor-info-badge.sdib-6 .sys-title strong { display:block; }
	.sys-doctor-m .sys-doctor-info-badge.sdib-6 .sys-desc { display:block; word-break:keep-all; width:140px !important; line-height:1.3;}

	.sys-doctor-m .sys-doctor-info-badge.sdib-7 .sys-title { display:flex; text-align:center; padding:8px 10px 8px; margin-bottom:4px; line-height:1.3;  }
	.sys-doctor-m .sys-doctor-info-badge.sdib-7 .sys-title strong { display:block; }
	.sys-doctor-m .sys-doctor-info-badge.sdib-7 .sys-desc { display:block; word-break:keep-all; width:140px !important; line-height:1.3;}


	.sys-doctor-m .sdp-4-m { position:relative; left:auto;top:auto;bottom:auto;right:auto; margin-right:-50px; z-index:2;}
	.sys-doctor-m .sdp-5-m { position:relative; left:auto;top:auto;bottom:auto;right:auto; margin-right:35px; z-index:3;}

	.sys-doctor-m .sys-doctor-info-badge.sdib-4-m { display:flex; flex-direction:column; align-items:center; justify-content:center; left:auto; text-align:center; bottom:-70px; width:auto;}
	.sys-doctor-m .sys-doctor-info-badge.sdib-5-m { display:flex; flex-direction:column; align-items:center; justify-content:center; left:auto; text-align:center; bottom:-53px; width:auto;}

	.sys-doctor-m7 { padding-bottom:50px; }
	.sys-doctor-m7 .sys-doctor-info-badge.sdib-4-m .sys-title { display:inline-flex; text-align:center; padding:8px 5px 8px; margin-bottom:4px; align-items:center;}
	.sys-doctor-m7 .sys-doctor-info-badge.sdib-4-m .sys-title b { flex:0 0 80px; text-align:Center; word-break:keep-all; }
	.sys-doctor-m7 .sys-doctor-info-badge.sdib-4-m .sys-title strong { display:block; flex:0 0 55px !important; padding-left:0;padding-right:0;}
	.sys-doctor-m7 .sys-doctor-info-badge.sdib-4-m .sys-desc { display:block; word-break:keep-all; width:150px !important; line-height:1.3;}

	.sys-doctor-m7 .sys-doctor-info-badge.sdib-5-m .sys-title { display:inline-flex; text-align:center; padding:8px 5px 8px; margin-bottom:4px; align-items:center;}
	.sys-doctor-m7 .sys-doctor-info-badge.sdib-5-m .sys-title b { flex:0 0 80px; text-align:Center; word-break:keep-all; }
	.sys-doctor-m7 .sys-doctor-info-badge.sdib-5-m .sys-title strong { display:block; flex:0 0 55px !important; padding-left:0;padding-right:0; }
	.sys-doctor-m7 .sys-doctor-info-badge.sdib-5-m .sys-desc { display:block; word-break:keep-all; width:150px !important; line-height:1.3;}

	.sys-doctor-m2 { padding-bottom:50px; }
	.sys-doctor-m2 .sdp-401-m { position:relative; left:auto;top:auto;bottom:auto;right:auto; margin-right:-60px; z-index:3;}
	.sys-doctor-m2 .sdp-5-m { position:relative; left:auto;top:auto;bottom:auto;right:auto; margin-right:-20px; z-index:2;}

	.sys-doctor-m2 .sys-doctor-info-badge.sdib-4-m { display:flex; flex-direction:column; align-items:center; justify-content:center; left:auto; text-align:center; bottom:-40px;}
	.sys-doctor-m2 .sys-doctor-info-badge.sdib-5-m { display:flex; flex-direction:column; align-items:center; justify-content:center; left:auto; text-align:center; bottom:-40px;}

	.sys-doctor-m2 .sys-doctor-info-badge.sdib-4-m .sys-title { display:flex; text-align:center; padding:4px 5px 4px 10px; margin-bottom:4px; align-items:center;}
	.sys-doctor-m2 .sys-doctor-info-badge.sdib-4-m .sys-title b { flex:0 0 80px; text-align:Center; word-break:keep-all; }
	.sys-doctor-m2 .sys-doctor-info-badge.sdib-4-m .sys-title strong { display:block; }
	.sys-doctor-m2 .sys-doctor-info-badge.sdib-4-m .sys-desc { display:block; word-break:keep-all; width:190px !important; line-height:1.3;}

	.sys-doctor-m2 .sys-doctor-info-badge.sdib-5-m .sys-title { display:flex; text-align:center; padding:4px 5px 4px 10px; margin-bottom:4px; align-items:center;}
	.sys-doctor-m2 .sys-doctor-info-badge.sdib-5-m .sys-title b { flex:0 0 80px; text-align:Center; word-break:keep-all; }
	.sys-doctor-m2 .sys-doctor-info-badge.sdib-5-m .sys-title strong { display:block; }
	.sys-doctor-m2 .sys-doctor-info-badge.sdib-5-m .sys-desc { display:block; word-break:keep-all; width:190px !important; line-height:1.3;}


	.sys-doctor-m5 .sdp-6-m { position:relative; left:auto;top:auto;bottom:auto;right:auto; margin-right:-40px; z-index:2;}
	.sys-doctor-m5 .sdp-7-m { position:relative; left:auto;top:auto;bottom:auto;right:auto; margin-right:60px; z-index:3;}

	.sys-doctor-m5 { padding-bottom:20px; }
	.sys-doctor-m5 .sys-doctor-info-badge.sdib-6-m { margin-left:30px; }
	.sys-doctor-m5 .sys-doctor-info-badge.sdib-6-m .sys-title { text-align:center; padding:4px 5px 4px 10px; margin-bottom:4px; align-items:Center; }
	.sys-doctor-m5 .sys-doctor-info-badge.sdib-6-m .sys-desc { display:block; word-break:keep-all; width:150px !important; line-height:1.3;}

	.sys-doctor-m5 .sys-doctor-info-badge.sdib-7-m .sys-title { text-align:center; padding:4px 5px 4px 10px; margin-bottom:4px; align-items:center; }
	.sys-doctor-m5 .sys-doctor-info-badge.sdib-7-m .sys-desc { display:block; word-break:keep-all; width:150px !important; line-height:1.3;}
	

	.sys-doctor-m3 .sdp-1-m { position:relative; left:auto;top:auto;bottom:auto;right:auto; margin-right:-100px; z-index:3;}
	.sys-doctor-m3 .sdp-2-m { position:relative; left:auto;top:auto;bottom:auto;right:auto; margin-right:20px; z-index:2;}

	.sys-doctor-m3 { padding-bottom:20px; }
	.sys-doctor-m3 .sys-doctor-info-badge.sdib-1-m { margin-left:5px; display:block; }
	.sys-doctor-m3 .sys-doctor-info-badge.sdib-1-m .sys-title { text-align:center; padding:8px 5px 8px 10px; margin-bottom:0; }
	.sys-doctor-m3 .sys-doctor-info-badge.sdib-1-m .sys-desc { display:block; word-break:keep-all; width:150px !important; line-height:1.3; padding-top:17px; margin-left:10px;}

	.sys-doctor-m3 .sys-doctor-info-badge.sdib-2-m { margin-left:30px; display:block; }
	.sys-doctor-m3 .sys-doctor-info-badge.sdib-2-m .sys-title { text-align:center; padding:8px 5px 8px 10px; margin-bottom:0; }
	.sys-doctor-m3 .sys-doctor-info-badge.sdib-2-m .sys-desc { display:block; word-break:keep-all; width:150px !important; line-height:1.3; padding-top:17px;}

	.pc-on { display:none; }
	
	.m-on,
	.m-block-txt,
	.sys-doctor-m3 .m-block,
	.sys-doctor-m6 .m-block,
	.sys-doctor-m5 .m-block { display:block; }

	#bo_list_total,
	.tbl_head01 thead th,
	.tbl_head01 td { font-size:12px; }

}

/*
@media screen and (max-width: 768px) {
    html {
        scroll-behavior: smooth; 
    }
}
*/

.mo-blank{display:none;}
.mp5-box-h1 { height:440px; }
@media screen and (max-width: 1450px) {
	.mp5-box-h1 { height:auto; }
	.mo-blank { display:block;height:8px; }
}