:root { 
	--bg: #f2f0ea; 
	--dark: #111111; 
	--border: #ddd; 
	--primary: #A87F55; 
	--primary-color: #0b3473; 
	--text-color: #333; 
	--gray-bg: #f8f9fa; 
	--border-color: #e2e8f0; 
	--icon-blue: #5d9cec; 
}
.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; }

* { margin: 0; padding: 0; box-sizing: border-box; }
body {  background-color: #fff; color: #fff; font-size: 1.6rem; }
html { font-size: 62.5%; }
html, body { margin: 0; padding: 0; width: 100%; box-sizing: border-box; overflow-x: hidden;}
ul, li { list-style: none; }
a { text-decoration: none; color: inherit; }
.main-wrapper { width: 100%; overflow: hidden; }

header.header {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;display: flex;justify-content: space-between;align-items: center;padding: 0 100px;height: 100px;transition: background 0.3s ease;}
header.header:has(.gnb > li:hover) {background: rgba(0, 25, 60, 0.24);}

.logo { font-size: 24px; font-weight: bold; display: flex; align-items: center; gap: 10px; text-indent: -999999px; overflow: hidden; }
.logo i { background: url(../imgs/logo-w.svg) no-repeat center / 100%; display: block; width: 344px; height: 57px; }

/* 1차 메뉴 설정 */
.gnb { display: flex; gap: 54px; font-size: 18px; font-weight: 700; height: 100%; align-items: center; }
.gnb > li { height: 100%; display: flex; align-items: center; } 
.gnb > li > a { color: #fff; display: block; }
.gnb > li > a:hover { color: #8EBEE5; }

.header-right { background: rgba(58, 41, 40, 0.65); padding: 19px 22px; border-radius: 0 20px 0 20px; font-size: 18px; font-weight: bold; display: flex; align-items: center; justify-content: center; gap: 15px; color: #fff; }
.header-right strong { color: #8EBEE5; }
.header-right span { position: relative; padding-left: 15px; }
.header-right span::before { content: ""; display: block; width: 0.5px; height: 15px; background: rgba(255, 255, 255, 1); position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.lnb-wrap {
	position: absolute;top: 100px;left: 0; width: 100%;background: rgba(58, 41, 40, 0.5);height:70px;box-sizing: border-box;
	opacity: 0;visibility: hidden;transform: translateY(-10px);transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;z-index: 99;
}
.gnb > li:hover .lnb-wrap {opacity: 1;visibility: visible;transform: translateY(0);}
.lnb {display: flex;gap: 40px; font-size: 16px;padding:20px 0;font-weight: 500;list-style: none;padding: 0;margin: 0;position:absolute;left:50%; top:50%;transform:translate(-50%,-50%);}
.gnb > li:nth-child(1) .lnb {margin-left:45px;}
.gnb > li:nth-child(4) .lnb {margin-left:450px; width:750px;}

.lnb li a {color: #fff;text-decoration: none;transition: all 0.2s ease;display: inline-flex;align-items: center;gap: 5px;font-size:18px;position: relative;padding:20px 0;}
.lnb li a:hover {color: #8EBEE5; }
.lnb li a::after {content: "";display: inline-block;width: 11px;height: 11px;border: 3px solid #8EBEE5;border-radius: 50%;margin-left: 4px;vertical-align: middle;transition: all 0.3s ease;opacity: 0;}
.lnb li a:hover::after {opacity: 1;}
.gnb > li:nth-child(1):hover > a,
.gnb > li:nth-child(4):hover > a {color: #8EBEE5;}

.mnb{display:none;}

.section1 { position: relative; width: 100%; height: 100vh; overflow: hidden; }
.video-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.video-background::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); z-index: 2; }
.video-background video { width: 100%; height: 100%; object-fit: cover; }
.mySwiper { position: relative; z-index: 3; width: 100%; height: 100%; background: transparent !important; }
.swiper { width: 100%; height: 100%; }
.swiper-slide { background: transparent !important; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }
.slide1 { background-image: url('https://images.unsplash.com/photo-1583337130417-3346a1be7dee?q=80&w=1920&auto=format&fit=crop'); }
.slide2 { background-image: url('https://images.unsplash.com/photo-1596492784531-6e6eb5ea9993?q=80&w=1920&auto=format&fit=crop'); }
.slide3 { background-image: url('https://images.unsplash.com/photo-1516734212186-a967f81ad0d7?q=80&w=1920&auto=format&fit=crop'); }
.slide1, .slide2, .slide3 { background: transparent; }

.text-box { position: relative; z-index: 10; }
.text-box h3 { font-size: 50px; font-weight: 800; color: #8EBEE5; margin-bottom: 30px; }
.text-box h1 { font-size: 60px; font-weight: 700; margin-bottom: 37px; line-height: 1.3; letter-spacing: -0.25px; }
.text-box p { font-size: 19.63px; font-weight: 500; line-height: 1.6; color: #fff; }
.text-box h3, .text-box h1, .text-box p { opacity: 0; transform: translateY(50px); transition: all 1s ease; }
.swiper-slide-active .text-box h3 { opacity: 1; transform: translateY(0); transition-delay: 0.2s; }
.swiper-slide-active .text-box h1 { opacity: 1; transform: translateY(0); transition-delay: 0.4s; }
.swiper-slide-active .text-box p { opacity: 1; transform: translateY(0); transition-delay: 0.6s; }
.custom-pagination { position: absolute; top: 50% !important; bottom: auto !important; left: 100px !important; transform: translateY(-50%) !important; z-index: 100; display: flex; flex-direction: column; gap: 54px; width: 180px; }
.swiper-pagination-bullet { width: auto; height: auto; background: none; opacity: 0.5; border-radius: 0; display: flex; align-items: center; gap: 11px; color: #fff; font-size: 15px; font-weight: 700; cursor: pointer; transition: all 0.3s; }
.swiper-pagination-bullet .circle { display: inline-block; width: 17px; height: 17px; border: 3px solid rgba(174, 174, 178, 1); border-radius: 50%; }
.swiper-pagination-bullet-active { opacity: 1; font-weight: bold; }
.swiper-pagination-bullet-active .circle { border: 3px solid rgba(174, 174, 178, 1); }


.quick-menu { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); z-index: 100; display: flex; border-radius: 20px; backdrop-filter: blur(5px); padding: 25px 50px; background: rgba(58, 41, 40, 0.65); border: 0.5px solid rgba(58, 41, 40, 1); }
.quick-menu-item { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 200px; height: 100%; gap: 10px; transition: background 0.3s; cursor: pointer; padding: 0 25px; position: relative; }
.quick-menu-item::before { content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: rgba(58, 41, 40, 1); }
.quick-menu-item:nth-child(1)::before { display: none; }
.quick-menu-item:last-child { border-right: none; }
.quick-menu-item span { font-size: 17px; font-weight: 500; letter-spacing: -0.25px; }

.m-menu-overlay { display:none; }
@media (max-width:1024px){
	header.header {position: absolute;padding: 0 20px;height: 60px;}
	.logo i { width: 242px; height: 40px; }

	/* 1차 메뉴 설정 */
	.gnb { display: none;}
	.header-right { display:none; }
	.lnb-wrap {display:none;}
	.mnb{position:absolute;right:0;top:0;width:60px;height:60px;display:block;}
	.mnb a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;}
	.mnb a i{display:block;width:22px;height:2px;background:#fff;border-radius:3px;}

	.section1 {height: 600px;  }
	.text-box { padding:0 20px 60px; }
	.text-box h3 { font-size: 25px; margin-bottom: 24px; }
	.text-box h1 { font-size: 25px; margin-bottom: 24px; word-break:keep-all;}
	.text-box p { font-size: 15px; line-height: 1.8; word-break:keep-all;}


	.quick-menu { position: absolute; bottom: 0px; left: 0; width:100%; transform: translateX(0); border-radius: 0; padding: 15px 0; height:67px;}
	.quick-menu-item { width: 20%; gap: 5px;  }
	.quick-menu-item span { font-size: 11px; white-space:nowrap; }
	.quick-menu-item::before { display:none; }

	.quick-menu > div i { width:21px; height:21px; display:flex; justify-content:center; align-items:center; }
	.quick-menu > div:nth-child(1) i img { width:14px; height:21px; }
	.quick-menu > div:nth-child(2) i img { width:19px; height:19px;}
	.quick-menu > div:nth-child(3) i img { width:20px; height:20px;}
	.quick-menu > div:nth-child(4) i img { width:21px; height:21px;}
	.quick-menu > div:nth-child(5) i img { width:20px; height:21px;}


	.custom-pagination {  top: auto !important; bottom: 120px !important; left: 0 !important; transform: translate(0, 0) !important;  flex-direction: row; gap: 8px; width: 100%; margin:0 auto; justify-content:center; }
	.swiper-pagination-bullet { width: auto; height: auto; background: none; opacity: 1; border-radius: 0; display: flex; align-items: center; gap: 0; color: #fff; font-size: auto; overflow:hidden; text-indent:-9999999px; }
	.swiper-pagination-bullet .circle { width: 11px; height: 11px; border: none;background:rgba(255,255,255,0.3); border:0; }
	.swiper-pagination-bullet-active .circle { background:rgba(255, 255, 255, 1); border:0;}


	.m-menu-overlay { position: fixed; top: 0; left: 100%; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 9999; transition: left 0.4s ease; display:block;}
	.m-menu-overlay.active { left: 0; }
	.m-menu-wrap { position: absolute; top: 0; right: 0; width: 100%; max-width: 400px; height: 100%; background: #fff; display: flex; flex-direction: column; box-shadow: -5px 0 15px rgba(0,0,0,0.1); }
	.m-menu-header { display: flex; justify-content: space-between; align-items: center; padding: 20px; background:rgba(3, 43, 100, 1)}
	.m-menu-header .logo { font-size: 18px; font-weight: bold; color: #1a385c; text-decoration: none; }
	.m-menu-header .logo i { color: #92c5eb; margin-right: 5px; }
	.m-menu-close { background: none; border: none; width: 30px; height: 30px; position: relative; cursor: pointer; }
	.m-menu-close i { position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: rgba(255,255,255,0.5); margin-top: -1px; }
	.m-menu-close i:nth-child(1) { transform: rotate(45deg); }
	.m-menu-close i:nth-child(2) { transform: rotate(-45deg); }
	.m-nav { flex: 1; overflow-y: auto; padding: 0 0; }
	.m-gnb > li { border-bottom: 1px solid #f5f5f5; }
	.m-depth1 { display: block; padding: 15px 20px; font-size: 18px; font-weight: bold; color: #333; text-decoration: none; position: relative; }
	.m-gnb > li.has-depth > .m-depth1::after { content: ''; position: absolute; top: 50%; right: 20px; width: 8px; height: 8px; border-right: 2px solid #666; border-bottom: 2px solid #666; transform: translateY(-50%) rotate(45deg); transition: transform 0.3s; }
	.m-gnb > li.has-depth.open > .m-depth1::after { transform: translateY(-50%) rotate(-135deg); }
	.m-gnb > li.has-depth.open > .m-depth1 { color: #1a385c; background: #f8fbfd; }
	.m-lnb { display: none; background: #f8fbfd; padding: 10px 0; }
	.m-lnb a { display: block; padding: 12px 35px; font-size: 15px; color: #666; text-decoration: none; }
	.m-menu-footer { padding: 20px; background: #92c5eb; text-align: center; }
	.m-info strong { display: block; font-size: 14px; color: #1a385c; margin-bottom: 5px; }
	.m-info .m-tel { font-size: 20px; font-weight: bold; color: #1a385c; text-decoration: none; }
	body.scroll-lock { overflow: hidden; }



}

@media (max-width:420px){
	.text-box p br { display:none; }
}


.section2 { position: relative; width: 100%; height: 100vh; display: flex; flex-direction: column; background: rgba(3, 43, 100, 1); }
.section-header { text-align: center; padding: 12vh 20px 60px; position: relative; z-index: 20; flex-shrink: 0; }
.section-header p { font-size: 18px; font-weight: 800; color: rgba(142, 190, 229, 1); margin-bottom: 20px; }
.section-header h2 { font-size: 40px; font-weight: 200; }
.section-header h2 strong { font-weight: 700; }
.content-area { position: relative; flex-grow: 1; width: 100%; display: flex; align-items: center; justify-content: center; margin: 5vh 0 0; }
.content-box { width: 855px; z-index: 5; position: relative; height: 100%; }
.content-area .text-content { text-align: right; display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-end; padding-right: 50px; overflow: hidden; position: relative; }
.content-area .text-content h3 { font-size: 60px; font-weight: 700; margin-bottom: 50px; line-height: 1.3; }
.content-area .text-content .pill-list { display: flex; flex-direction: column; gap: 10px; align-items: flex-end; width: 417px; }
.content-area .text-content .pill-list li { font-size: 22px; padding: 12px 24px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 30px; background: rgba(8, 26, 61, 0.6); backdrop-filter: blur(5px); white-space: nowrap; width: 100%; text-align: center; }
.content-area .image-content { padding-left: 50px; }
.content-area .image-content img { width: 100%; height: 550px; object-fit: cover; border-radius: 100px 0 100px 0; }
.section2 .item-2, .section2 .item-4 { flex-direction: row-reverse; }
.center-line { position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.1); margin-left: -0.5px; z-index: 10; }
.service-item { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; gap: 100px; opacity: 0; z-index: 2; overflow: hidden; }
.bg-text { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, -50%); font-size: 90px; font-weight: 900; color: transparent; -webkit-text-stroke: 2px rgba(255, 255, 255, 0.05); white-space: nowrap; z-index: 1; letter-spacing: 5px; pointer-events: none; }
.content-area .item-2 .text-content { text-align: left; justify-content: flex-start; align-items: flex-start; padding-right: 0; padding-left: 50px; order: 0; }
.content-area .item-2 .image-content { padding-left: 0; padding-right: 70px; order: 1; }
.content-area .item-4 .text-content { text-align: left; justify-content: flex-start; align-items: flex-start; padding-right: 0; padding-left: 50px; order: 0; }
.content-area .item-4 .image-content { padding-left: 0; padding-right: 70px; order: 1; }
.point-circle { position: absolute; left: 50%; top: 50%; margin-left: -12.5px; margin-top: -12.5px; width: 25px; height: 25px; border: 5px solid #fff; border-radius: 50%; background-color: #000; z-index: 15; box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.7); }
.section2 .content-area .text-content > * { display: flex; flex-direction: column; }

.section2-m { display:none; }
@media (max-width:1024px){
	.section2 { display:none; }
	.section2-m { position: relative; width: 100%; height: auto; display: flex; flex-direction: column; background: rgba(3, 43, 100, 1); }
	.section-header-m { text-align: left; padding: 80px 20px 40px; position: relative; z-index: 20; flex-shrink: 0; }
	.section-header-m p { font-size: 12px; font-weight: 800; color: rgba(142, 190, 229, 1); margin-bottom: 12px; }
	.section-header-m h2 { font-size: 28px; font-weight: 700; line-height:1.3; }

	.section2-m .item-1-m { background:url(../imgs/m/main-img101.png) no-repeat center / cover; }
	.section2-m .item-2-m { background:url(../imgs/m/main-img102.png) no-repeat center / cover; }
	.section2-m .item-3-m { background:url(../imgs/m/main-img103.png) no-repeat center / cover; }
	.section2-m .item-4-m { background:url(../imgs/m/main-img104.png) no-repeat center / cover; }

	.content-area-m { padding:0 20px 80px; width:100%; display:flex; flex-direction:column; gap:30px;}
	.service-item-m { height:263px; display: flex; align-items: center; justify-content: flex-end; overflow: hidden; flex-direction:column; padding:0 20px 20px; border-radius:16px;}
	.service-item-m { overflow: hidden; position: relative; }
	.service-item-m h3 { font-size: 20px; font-weight: 700; line-height: 1.3; text-align:center; margin-bottom:20px;}
	.service-item-m .pill-list-m { display: flex; flex-direction: column; gap: 10px; width:100%;}
	.service-item-m .pill-list-m li {font-size: 15px; padding: 6px 10px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 30px; background: rgba(0, 0, 0, 0.2); width: 100%; text-align: center;}


	.content-area-img-m { display:flex; flex-direction:column; gap:30px; padding:0 20px 80px; }
	.w100per { width:100%; }
}



.section3 { width: 100%; height: 100vh; display: flex; align-items: center; background-color: #ebf3fa; color: #222; overflow: hidden; padding: 150px 0 130px 5vw; position: relative; }
.sec3-inner { display: flex; width: 100%; max-width: 100%; height: 100%; margin: 0 auto; padding: 0 50px; gap: 80px; position: relative; }
.sec3-left { width: 300px; flex-shrink: 0; display: flex; flex-direction: column; justify-content: space-between; position: relative; height: 100%; }
.sec3-title { font-size: 40px; font-weight: 200; letter-spacing: -0.25px; color: rgba(58, 41, 40, 1); }
.sec3-title strong { font-weight: 700; }
.sec3-deco { position: absolute; left: 50px; bottom: 130px; }
.sec3-deco .circle { width: 25px; height: 25px; border: 5px solid rgba(142, 190, 229, 1); border-radius: 50%; margin-left: -4px; }
.sec3-deco .line { width: 1px; height: 82px; background: rgba(142, 190, 229, 1); margin-left: 7.5px; margin-top: 0; margin-bottom: 80px; }
.sec3-deco .text { position: absolute; left: 8px; top: 210px; transform: translateX(-50%) rotate(-90deg); transform-origin: center; color: rgba(142, 190, 229, 1); font-weight: 700; font-size: 18px; white-space: nowrap; }
.sec3-nav { display: flex; gap: 40px; font-size: 26px; color: #555; position: absolute; left: 280px; bottom: 0; }
.sec3-nav i { cursor: pointer; transition: color 0.3s; }
.sec3-nav i:hover { color: #7da6ea; }
.sec3-nav .swiper-button-disabled { opacity: 0.3; cursor: not-allowed; }
.sec3-right { flex: 1; min-width: 0; height: 100%; }
.sec3-swiper { width: 100%; height: 100%; overflow: hidden; }
.sec3-slide { border-radius: 0 0 100px 0; position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding: 63px 48px; overflow: hidden; cursor: pointer; }
.sec3-slide::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 60%); z-index: 1; }
.sec3-slide-bg { position: absolute; inset: 0; background-size: cover; background-position: center; z-index: 0; transition: transform 0.5s ease; }
.sec3-slide:hover .sec3-slide-bg { transform: scale(1.05); }
.sec3-slide-content { position: relative; z-index: 2; color: #fff; text-align: left; width: 100%; }
.sec3-slide-content h3 { font-size: 45px; font-weight: 700; margin-bottom: 30px; }
.sec3-slide-content p { font-size: 18px; font-weight: 500; line-height: 1.6; color: #fff; word-break: keep-all; }

.section3-m {display:none; }
@media (max-width:1024px){
	.section3 { display:none; }
	.section3-m { display:block; }
	.section3-m .section-header-m h2 { color:#2e2216 }
	.section3-m .content-area-img-m { gap:20px;}

	.section3-m .item-1-m { background:url(../imgs/m/main-img201.png) no-repeat center / cover; }
	.section3-m .item-2-m { background:url(../imgs/m/main-img202.png) no-repeat center / cover; }
	.section3-m .item-3-m { background:url(../imgs/m/main-img203.png) no-repeat center / cover; }
	.section3-m .item-4-m { background:url(../imgs/m/main-img204.png) no-repeat center / cover; }
	.section3-m .item-5-m { background:url(../imgs/m/main-img205.png) no-repeat center / cover; }

	.section3-m .content-area-m { padding:0 20px 20px; width:100%; display:flex; flex-direction:column; gap:20px;}
	.section3-m .service-item-m { height:220px; display: flex; align-items: flex-start; justify-content: flex-end; overflow: hidden; flex-direction:column; padding:0 20px 20px; border-radius:40px 0 40px 0;}
	.section3-m .service-item-m { overflow: hidden; position: relative; }
	.section3-m .service-item-m h3 { font-size: 22px; font-weight: 700; line-height: 1.3; margin-bottom:20px; color:#fff;}
	.section3-m .service-item-m p {font-size: 15px; color:#fff; word-break:keep-all; line-height:1.35; letter-spacing:-0.25px;}

}

.section4 { position: relative; width: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 77.76%, rgba(63, 117, 223, 0.34) 98.08%); display: flex; flex-direction: column; align-items: center; overflow: hidden; height: 100vh; background: #fff url(../imgs/repeat-bg.png) repeat-x left bottom / 100%; }
.sec4-watermark { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); width: 535px; height: 541px; background-image: url('../imgs/simbol.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 1; pointer-events: none; }
.sec4-inner { position: relative; z-index: 10; width: 100%; display: flex; flex-direction: column; align-items: center; flex-grow: 1; height: 100%; }
.sec4-header { text-align: center; padding-top: 12vh; }
.sec4-label { display: block; font-size: 18px; font-weight: 700; letter-spacing: 0; margin-bottom: 20px; color: rgba(142, 190, 229, 1); }
.sec4-sub { font-size: 40px; color: rgba(58, 41, 40, 1); font-weight: 200; line-height: 1.35; letter-spacing: -0.25px; }
.sec4-title { font-size: 40px; font-weight: 700; color: rgba(58, 41, 40, 1); line-height: 1.35; letter-spacing: -0.25px; }
.sec4-body { text-align: center; margin-bottom: 0; position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); }
.sec4-body h3 { font-size: 38px; font-weight: 700; line-height: 1.4; color: #222; margin-bottom: 25px; letter-spacing: -1px; }
.sec4-body h3 strong { font-weight: 900; }
.sec4-body p { font-size: 15px; color: #666; font-weight: 400; }
.sec4-staff-img { width: 100%; margin-top: auto; display: flex; justify-content: center; }
.sec4-staff-img img { max-width: 100%; height: auto; object-fit: contain; vertical-align: bottom; }


.section4-m {display:none; }
@media (max-width:1024px){
	.section4 { display:none; }
	.section4-m {display:block; background:url(../imgs/m/main-img3.png) no-repeat center / cover; }
	.section4-m .content-area-m { padding:80px 20px; }
	.section4-m .content-area-m em { font-size: 12px; font-weight: 800; color: rgba(142, 190, 229, 1); margin-bottom: 0; font-style:normal;display:block;}
	.section4-m .content-area-m h3 { font-size: 24px; font-weight: 700; line-height: 1.3; margin-bottom:24px; color:#fff;}
	.section4-m .content-area-m p {font-size: 16px; color:#fff; word-break:keep-all; line-height:1.5; letter-spacing:-0.25px;}

}


.section5 { position: relative; width: 100%; height: 100vh; background-color: #0b1a30; display: flex; align-items: center; overflow: hidden; color: #fff; }
.sec5-inner { width: 100%; margin: 0 auto; padding: 0 7vw; display: flex; justify-content: space-between; align-items: center; height: 65vh; position: relative; }
.sec5-left { width: 45%; display: flex; flex-direction: column; justify-content: space-between; z-index: 10; height: 100%; }
.sec5-title { margin-bottom: 70px; }
.sec5-title p { font-size: 40px; color: #fff; margin-bottom: 10px; font-weight: 200; }
.sec5-title h2 { font-size: 40px; font-weight: 700; }
.sec5-list { display: flex; flex-direction: column; gap: 72px; }
.sec5-list li { display: flex; align-items: flex-end; gap: 15px; cursor: default; }
.sec5-list li .num { transition: all 0.3s; font-size: 80px; font-weight: 800; will-change: transform; transform: translate3d(0, 0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
.sec5-list li .txt { white-space: nowrap; letter-spacing: -0.25px; transition: all 0.3s; font-size: 50px; will-change: transform; transform: translate3d(0, 0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
.sec5-list li br { display: inline; content: " "; display: inline-block; width: 0; height: 0; opacity: 0; transition: width 0.4s ease, height 0.4s ease, opacity 0.4s ease; vertical-align: top; }
.sec5-list li.br-on br { content: ""; display: block; width: 100%; height: 12em; opacity: 1; }
.sec5-right { width: 55%; height: 100%; position: relative; border-radius: 80px 0 80px 0; overflow: hidden; }
.sec5-panel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.panel-1 { z-index: 1; }
.panel-2 { z-index: 2; }
.panel-3 { z-index: 3; }
.sec5-panel .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; }
.sec5-panel::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 60%); }
.panel-content { position: absolute; bottom: 50px; left: 50px; right: 50px; z-index: 10; color: #fff; padding: 48px 0 48px 48px; }
.panel-content h3 { font-size: 35px; font-weight: 700; margin-bottom: 30px; line-height: 1.4; }
.panel-content p { font-size: 18px; line-height: 1.6; color: #fff; }
.sec5-deco { position: absolute; right: 4.5vw; bottom: 3vh; display: flex; flex-direction: column; align-items: center; }
.sec5-deco .circle { width: 25px; height: 25px; border: 5px solid rgba(142, 190, 229, 1); border-radius: 50%; background: transparent; margin-bottom: 0px; }
.sec5-deco .line { width: 1px; height: 82px; background: #a4c8f0; margin-bottom: 20px; }
.sec5-deco .text { writing-mode: vertical-rl; transform: rotate(180deg); color: #a4c8f0; font-size: 18px; letter-spacing: 2px; font-weight: 600; }

.section5-m{display:none;}
@media (max-width:1024px){
	.section5 {display:none;}
	.section5-m {display:block;background:#2e2216;margin-top:-5px;}
	.medical-swiper {width: 100%;padding-bottom: 20px !important;}
	.card-item {display: flex;flex-direction: column;box-sizing: border-box;padding: 0 0 40px 0; min-height: auto;text-align:left;align-items:flex-start;}
	.card-01 { background-color: #31241b; color: #fff; }
	.card-02 { background-color: #727575; color: #fff; }
	.card-03 { background-color: #727575; color: #fff; }
	.card-item .img-box {width: 100%;border-radius: 16px;overflow: hidden;margin-bottom: 25px;padding:0 20px;}
	.card-item .img-box img {width: 100%;height: auto;display: block;object-fit: cover;}
	.card-item .text-box h3 {font-size: 22px;font-weight: 700;line-height: 1.3;margin-bottom: 16px;color:#fff;word-break: keep-all;}
	.card-item .text-box h3 span {font-weight: 700;}
	.card-item .text-box .sub-title {font-size: 18px;font-weight: 500;line-height: 1.4;margin-bottom: 16px;opacity: 0.9;}
	.card-item .text-box .desc {font-size: 14px;line-height: 1.5;opacity: 0.7;word-break: keep-all;}
	.medical-swiper-pagination { display:flex; justify-content:center; align-items:center; gap:8px; margin-bottom:50px;}
	.medical-swiper-pagination .swiper-pagination-bullet {background: #fff !important;opacity: 0.3;width: 11px;height: 11px;margin: 0 0 !important;border-radius:6px;}
	.medical-swiper-pagination .swiper-pagination-bullet-active {opacity: 1;background: #fff !important;}
}


.section6 { width: 100%; background-color: #ffffff; padding: 110px 0; display: flex; justify-content: center; }
.sec6-inner { width: 100%; padding: 0 3vw; display: flex; gap: 20px; }
.sec6-card { flex: 1; height: 572px; border-radius: 0 20px 0 20px; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; text-decoration: none; color: #fff; }
.sec6-card:hover .bg { transform: scale(1.05); }
.sec6-card .bg { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.5s ease; z-index: 1; }
.sec6-card .bg1 { background-image: url('../imgs/m/main-img401.png'); }
.sec6-card .bg2 { background-image: url('../imgs/m/main-img402.png'); }
.sec6-card .bg3 { background-image: url('../imgs/m/main-img403.png'); }
.sec6-card::after { content: ''; position: absolute; inset: 0; background: rgba(0, 50, 100, 0.4); z-index: 2; transition: background 0.3s; }
.sec6-card:hover::after { background: rgba(0, 50, 100, 0.6); }
.sec6-card .content { position: relative; z-index: 3; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 25px; }
.sec6-card .content h3 { font-size: 45px; font-weight: 700; letter-spacing: -0.25px; }
.link-wrap { display: flex; align-items: center; }
.link-wrap span { font-size: 18px; font-weight: 700; letter-spacing: 1px; color: rgba(228, 242, 255, 1); margin-right: 20px; }
.link-wrap .line { width: 82px; height: 1px; background: rgba(228, 242, 255, 1); transition: width 0.5s; }
.link-wrap .circle { width: 25px; height: 25px; border: 5px solid #fff; border-radius: 50%; }
.sec6-card:hover .line { width: 112px; }


@media (max-width:768px){
	.section6 { background-color: #e4f2ff; padding: 80px 20px; display: block;}
	.sec6-inner { width: 100%; padding: 0 0; gap: 20px; display: flex; justify-content: center; flex-direction:column;}

	.sec6-card { flex: 0 0 220px; height: 220px; border-radius: 40px 0 40px 0; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; text-decoration: none; color: #fff; }
	.sec6-card:hover .bg { transform: scale(1); }
	.sec6-card .bg { display:none;}

	.sec6-inner > a { height:220px; display: flex; align-items: center; justify-content: center; }
	.sec6-inner > a:nth-child(1) { background: url('../imgs/main-img401.png') no-repeat center / cover; }
	.sec6-inner > a:nth-child(2) { background: url('../imgs/main-img402.png') no-repeat center / cover; }
	.sec6-inner > a:nth-child(3) { background: url('../imgs/main-img403.png') no-repeat center / cover; }

	.sec6-card::after { display:none;}
	.sec6-card:hover::after { background: none; }
	
	.sec6-card .content { display: flex; flex-direction: column; align-items: center; gap: 0; justify-content:center; }
	.sec6-card .content h3 { font-size: 22px; font-weight: 700; letter-spacing: -0.25px; }
	.link-wrap { display:none; }
}



.footer { background: rgba(63, 63, 63, 1); color: #fff; padding: 128px 0; font-family: 'Pretendard', sans-serif; }
.footer-inner { width: 100%; max-width: 1800px; margin: 0 auto; padding: 0 50px; }
.footer-top { display: flex; justify-content: space-between; gap: 50px; margin-bottom: 40px; }
.f-left { width: 48%; height: 100%; }
.f-logo { font-size: 24px; font-weight: bold; display: flex; align-items: center; text-indent: -999999px; overflow: hidden; margin-bottom: 25px; }
.f-logo i { background: url(../imgs/logo-w.svg) no-repeat center / 100%; display: block; width: 344px; height: 57px; }
.f-info-wrap { display: flex; flex-direction: column; border-top: 1px solid rgba(172, 172, 172, 0.5); position: relative; border-bottom: 1px solid rgba(172, 172, 172, 0.5); height: 363px; }
.f-phone-wrap { display: flex; gap: 15px; margin-bottom: 15px; color: #fff; padding: 30px 0; align-items: baseline; }
.f-phone-wrap .txt1 { font-size: 47px; font-weight: 300; color: rgba(228, 242, 255, 1); }
.f-phone-wrap .txt1 strong { font-weight: 800; font-size: 47px; }
.f-phone-wrap .txt2 { font-size: 23px; font-weight: 400; color: #fff; padding-left: 10px; }
.f-phone-wrap .num { font-size: 47px; font-weight: 800; color: rgba(228, 242, 255, 1); }
.f-schedule { display: flex; gap: 15px; }
.f-time { display: flex; flex-direction: column; gap: 24px; padding-bottom: 30px; }
.f-time .s-row { display: flex; font-size: 22px; align-items: flex-start; }
.f-time .s-th { width: 120px; font-weight: 400; color: #fff; }
.f-time .s-td { width: 160px; font-weight: 700; color: #fff; }
.f-reser { padding-left: 40px; }
.f-reser .badge { display: inline-block; padding: 3px 25px; border: 1px solid rgba(255,255,255,0.3); border-radius: 10px; font-size: 19px; color: #fff; margin-bottom: 12px; }
.f-reser .s-desc { flex: 1; color: #fff; line-height: 1.4; font-size: 18px; display: block; }
.f-reser .s-desc.pt10 { padding-top: 10px; }
.f-address { font-size: 22px; color: #fff; font-weight: 400; line-height: 1.4; position: absolute; left: 0; bottom: 20px; display: flex; align-items: center; }
.f-address i { margin-right: 10px; background: url(../imgs/i-b-loaction.svg) no-repeat center / 100%; width: 14.9px; height: 22.35px; display: inline-block; }
.f-right { width: 50%; display: flex; flex-direction: column; align-items: flex-end; padding: 15px 0 0; }
.f-menu { display: flex; align-items: center; gap: 28px; margin-bottom: 21px; }
.f-menu li a { font-size: 18px; font-weight: 700; color: #fff; transition: color 0.3s; }
.f-menu li a:hover { color: #8cbbea; }
.f-menu li .btn-price { background: rgba(142, 190, 229, 1); color: rgba(46, 34, 22, 1); border-radius: 10px; font-weight: 700; width: 210px; height: 46px; display: flex; justify-content: center; align-items: center; }
.f-menu li .btn-price:hover { color: #222; background-color: #7aa5d2; }
.f-map { width: 100%; height: 363px; border-radius: 50px 0 50px 0; overflow: hidden; }
.f-map img { width: 100%; height: 100%; object-fit: cover; }
.footer-bottom { text-align: center; font-size: 18px; color: rgba(255,255,255,0.5); line-height: 1.8; display: flex; justify-content: flex-end; align-items: center; }
.footer-bottom .ceo-info { display: flex; align-items: center; }
.footer-bottom .ceo-info span { padding-right: 15px; padding-left: 16px; position: relative; }
.footer-bottom .ceo-info span::before { content: ""; display: block; width: 1px; height: 14px; background: rgba(255,255,255,0.5); position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.footer-bottom .ceo-info span:nth-child(1)::before { display: none; }
.footer-bottom .copyright { margin-left: 25px; }


@media (max-width:768px){
	.footer { padding: 47px 0 40px; }
	.footer-inner { padding: 0 20px; }
	.footer-top { display: flex; justify-content: space-between; gap: 0; margin-bottom: 22px; flex-wrap:wrap;}

	.f-left { width: 100%; height: 100%; }
	.f-logo { margin-bottom: 25px; }
	.f-logo i { width: 298px; height: 49px; }

	.f-info-wrap { border-top: 0; position: relative; border-bottom: 0; height: auto; display:flex; flex-direction:column;}
	.f-phone-wrap { display: block; gap: 0; margin-bottom: 0; padding: 0 0;  order:0;}
	.f-phone-wrap .txt1 { font-size: 24px; font-weight: 800; display:block;}
	.f-phone-wrap .txt1 strong { font-size: 24px; }
	.f-phone-wrap .txt2 { display:none; }
	.f-phone-wrap .num { font-size: 32px; display:block; margin:16px 0; color:#fff;}

	.f-schedule { display: flex; gap: 15px; order:2;}
	.f-time { display: flex; flex-direction: column; gap: 0; padding: 22px 0; }
	.f-time .s-row { display: flex; font-size: 14px; align-items: flex-start; margin-bottom:12px;}
	.f-time .s-th { width: 72px; font-weight: 400; color:#e4f2ff;}
	.f-time .s-td { width:auto; flex:1; font-weight: 700; }
	.f-reser { display:none; }

	.f-address { font-size: 14px; font-weight: 400; position: relative; left: auto; bottom: auto; order:1;}
	.f-address i { display:none;}

	.f-right { display: block; padding: 0 0 0; width:100%;}
	.f-menu { display: flex; align-items: center; gap: 0; margin-bottom: 0; flex-wrap:wrap; width:100%;}
	.f-menu li { flex:0 0 50%; margin-bottom:12px;}
	.f-menu li a { font-size: 18px; font-weight: 700; color: #fff; transition: color 0.3s; }
	.f-menu li a:hover { color: #8cbbea; }
	.f-menu li .btn-price { background: #8ebee5; color: #2e2216; border-radius: 8px; width: 142px; height: 47px;  font-size:16px; margin-top:18px;}
	.f-menu li .btn-price:hover { color: #222; background-color: #7aa5d2; }
	.f-map { display:none;}

	.footer-bottom { text-align: center; font-size: 12px; color: rgba(255,255,255,0.4); line-height: 1.8; display: block; border-top: 1px solid rgba(172, 172, 172, 0.5); padding-top:25px;}
	.footer-bottom .ceo-info { margin-bottom:10px; display:block; text-align:left;}
	.footer-bottom .ceo-info span { padding-right: 0; padding-left: 0; display:block;}
	.footer-bottom .ceo-info span:nth-child(2),
	.footer-bottom .ceo-info span::before { display: none; }
	.footer-bottom .copyright { margin-left: 0; font-size:12px; width:100%; display:block; text-align:left;}
}


.sub-hero-section { position: relative; width: 100%; height: 600px; display: flex; align-items: flex-end; overflow: hidden; }
.sub-hero-section .bg-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: linear-gradient(to right, rgba(20, 35, 55, 0.85) 30%, rgba(20, 35, 55, 0.4) 100%), url('path_to_your_image.jpg'); z-index: 1; }
.sub-hero-section .bg-cover::before, .sub-hero-section .bg-cover::after { content: ""; position: absolute; background-repeat: no-repeat; background-size: cover; z-index: 2; pointer-events: none; width: 100%; height: 100%; }
.sub-hero-section .bg-cover::before { background-image: url('../imgs/sub/sv-before.png'); top: 0; left: 0; background-position: left bottom; z-index: 2; }
.sub-hero-section .bg-cover::after { background-image: url('../imgs/sub/sv-after.png'); top: 0; left: 0; background-position: right center; z-index: 3; }
.sub-hero-section .sv1 { background: url('../imgs/sub/sv1.png') no-repeat center center / cover; }
.sub-hero-section .sv2 { background: url('../imgs/sub/sv2.png') no-repeat center center / cover; }
.sub-hero-section .sv3 { background: url('../imgs/sub/sv3.png') no-repeat center center / cover; }
.sub-hero-section .sv401 { background: url('../imgs/sub/sv401.png') no-repeat center center / cover; }
.sub-hero-section .sv402 { background: url('../imgs/sub/sv402.png') no-repeat center center / cover; }
.sub-hero-section .sv403 { background: url('../imgs/sub/sv403.png') no-repeat center center / cover; }
.sub-hero-section .sv404 { background: url('../imgs/sub/sv404.png') no-repeat center center / cover; }
.sub-hero-section .sv405 { background: url('../imgs/sub/sv405.png') no-repeat center center / cover; }
.sub-hero-section .sv5 { background: url('../imgs/sub/sv5.png') no-repeat center center / cover; }
.sub-hero-section .sv-container { position: relative; width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 0 98px; z-index: 10; }
.sub-hero-section .text-wrap { color: #ffffff; text-align: left; }
.sub-hero-section .sub-title { font-size: 20px; font-weight: 500; color: rgba(142, 190, 229, 1); margin-bottom: 30px; }
.sub-hero-section .main-title { font-size: 60px; font-weight: 700; margin-bottom: 37px; letter-spacing: -0.25px; overflow: hidden; line-height: 1.2; }
.sub-hero-section .main-title .reveal-inner { display: inline-block; will-change: transform; }
.sub-hero-section .desc-text { font-size: 22px; font-weight: 500; line-height: 1.8; letter-spacing: -0.25px; }


@media (max-width: 1440px) {
  .sub-hero-section .sv-container { padding: 0 40px 80px; }
}

@media (max-width: 1024px) {
  .sub-hero-section { height: 500px; }
  .sub-hero-section .main-title { font-size: 46px; margin-bottom: 25px; }
  .sub-hero-section .desc-text { font-size: 18px; line-height: 1.6; }
  .sub-hero-section .sub-title { font-size: 18px; margin-bottom: 20px; }
}

@media (max-width: 768px) {
  .sub-hero-section { height: 380px; }
  .sub-hero-section .bg-cover { background-size: cover; }
  .sub-hero-section .bg-cover::before { background-size: cover; width: 100%; }
  .sub-hero-section .bg-cover::after { background-size: cover; width: 100%; }
  .sub-hero-section .sv-container { padding: 0 24px 50px; }
  .sub-hero-section .main-title { font-size: 36px; margin-bottom: 20px; }
  .sub-hero-section .desc-text { font-size: 16px; word-break:keep-all;}
  .sub-hero-section .desc-text br { display:none; }
}

@media (max-width: 480px) {
  .sub-hero-section { height: 400px; }
  .sub-hero-section .sv-container { padding: 0 20px 40px; }
  .sub-hero-section .sub-title { font-size: 14px; margin-bottom: 15px; }
  .sub-hero-section .main-title { font-size: 28px; margin-bottom: 15px; }
  .sub-hero-section .desc-text { font-size: 14px; line-height: 1.5; word-break: keep-all; }
}




.system-intro-section { position: relative; padding: 160px 0 80px; text-align: center; background: rgba(3, 43, 100, 1); color: #ffffff; }
.system-intro-section .intro-container { position: relative; max-width: 1200px; margin: 0 auto; z-index: 2; }
.system-intro-section .eng-title { font-size: 18px; letter-spacing: 2px; color: rgba(142, 190, 229, 1); font-weight: 600; margin-bottom: 20px; }
.system-intro-section .kor-title { font-size: 40px; font-weight: 700; margin-bottom: 20px; letter-spacing: -0.25px; }
.system-intro-section .bg-outline-text { font-size: 90px; font-weight: 900; color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.21); }
.system-intro-section .main-slogan { font-size: 45px; line-height: 1.4; font-weight: 700; margin-top: 50px; margin-bottom: 25px; letter-spacing: -0.25px; color: rgba(142, 190, 229, 1); }
.system-intro-section .sub-slogan { font-size: 18px; line-height: 1.7; color: rgba(255, 255, 255, 1); text-align: center; }

.system-pin-section { position: relative; width: 100%; height: 100vh; overflow: hidden; background: rgba(3, 43, 100, 1); color: #ffffff; }
.system-pin-section .pin-container { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1800px; height: 100vh; margin: 0 auto; padding: 0 50px; gap: 70px; }
.system-pin-section .left-image-area { width: 898px; height: 657px; position: relative; }
.system-pin-section .image-mask-wrapper { width: 100%; height: 100%; position: relative; border-radius: 100px 0 100px 0; overflow: hidden; background-color: #051427; }
.system-pin-section .mask-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #051427; transform: scaleX(0); transform-origin: left; z-index: 5; }
.system-pin-section .right-text-area { width: 45%; height: 50vh; position: relative; display: flex; align-items: center; padding-top: 50px; }
.system-pin-section .text-scroll-window { position: relative; width: 100%; height: 100%; }
.system-pin-section .point-article { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; opacity: 0; pointer-events: none; }
.system-pin-section .point-article.active { opacity: 1; pointer-events: auto; }
.system-pin-section .point-num { font-size: 70px; font-weight: 800; color: transparent; -webkit-text-stroke: 1px rgba(142, 190, 229, 1); margin-bottom: 24px; }
.system-pin-section .point-title { font-size: 60px; font-weight: 700; color: rgba(142, 190, 229, 1); margin-bottom: 24px; letter-spacing: -0.25px; }
.system-pin-section .point-sub { font-size: 32px; font-weight: 500; color: rgba(142, 190, 229, 1); margin-bottom: 40px; letter-spacing: -0.25px; }
.system-pin-section .point-desc { font-size: 16px; line-height: 1.7; color: rgba(255, 255, 255, 0.75); word-break: keep-all; letter-spacing: -0.25px; }
.system-pin-section .img-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.system-pin-section .img-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; }

.trust-section { width: 100%; padding: 160px 0; background: rgba(228, 242, 255, 1); }
.trust-section .trust-intro { position: relative; text-align: center; max-width: 1440px; margin: 0 auto 80px; z-index: 2; }
.trust-section .eng-tag { font-size: 18px; color: #8EBEE5; font-weight: 600; margin-bottom: 20px; }
.trust-section .kor-title { font-size: 40px; font-weight: 700; color: #3A2928; margin-bottom: 20px; letter-spacing: -0.25px; }
.trust-section .bg-outline-text { font-size: 90px; font-weight: 900; color: transparent; -webkit-text-stroke: 1px rgba(142, 190, 229, 1); }
.trust-section .main-slogan { font-size: 45px; line-height: 1.45; font-weight: 700; color: #3A2928; margin-top: 50px; margin-bottom: 25px; letter-spacing: -0.25px; }
.trust-section .sub-slogan { font-size: 18px; line-height: 1.8; color: #3A2928; word-break: keep-all; letter-spacing: -0.25px; }
.trust-section .trust-cards-container { max-width: 1440px; margin: 0 auto; display: flex; flex-direction: column; gap: 40px; }
.trust-section .trust-card-item { position: relative; width: 100%; height: 500px; border-radius: 0 20px 0 20px; overflow: hidden; background-size: cover; background-position: center; display: flex; align-items: flex-end; justify-content: flex-end; padding: 0 150px 85px 0; }
.trust-section .card-content { position: relative; z-index: 2; color: #ffffff; text-align: right; }
.trust-section .card-tag { display: inline-flex; align-items: center; font-size: 20px; font-weight: 600; color: rgba(142, 190, 229, 1); letter-spacing: 1px; margin-bottom: 15px; }
.trust-section .card-tag span { margin-right: 16px; }
.trust-section .d-line { display: inline-block; width: 82px; height: 1px; background: rgba(142, 190, 229, 1); }
.trust-section .dot-icon { display: inline-block; width: 25px; height: 25px; border-radius: 50%; border: 5px solid rgba(142, 190, 229, 1); background-color: transparent; }
.trust-section .card-title { font-size: 45px; font-weight: 700; margin-bottom: 16px; margin-top: 80px; letter-spacing: -0.25px; line-height: 1.35; }
.trust-section .card-desc { font-size: 18px; font-weight: 500; line-height: 1.8; word-break: keep-all; letter-spacing: -0.25px; }

@media (max-width: 1440px) {
  .system-intro-section { padding: 120px 0 60px; }
  .system-intro-section .intro-container { max-width: 90%; }
  .system-intro-section .bg-outline-text { font-size: 76px; }
  .system-intro-section .main-slogan { font-size: 38px; margin-top: 40px; }
  .system-pin-section .pin-container { max-width: 100%; padding: 0 40px; gap: 40px; }
  .system-pin-section .left-image-area { width: 55%; height: auto; aspect-ratio: 898 / 657; }
  .system-pin-section .right-text-area { width: 40%; }
  .system-pin-section .point-title { font-size: 46px; }
  .system-pin-section .point-sub { font-size: 26px; }
  .trust-section { padding: 120px 0; }
  .trust-section .trust-intro { max-width: 90%; margin-bottom: 60px; }
  .trust-section .bg-outline-text { font-size: 76px; }
  .trust-section .main-slogan { font-size: 38px; margin-top: 40px; }
  .trust-section .trust-cards-container { max-width: 90%; }
  .trust-section .trust-card-item { padding: 0 80px 60px 0; height: 450px; }
  .trust-section .card-title { font-size: 38px; margin-top: 40px; }
}

@media (max-width: 1024px) {
  .system-intro-section { padding: 100px 0 50px; }
  .system-intro-section .kor-title { font-size: 32px; }
  .system-intro-section .bg-outline-text { font-size: 60px; }
  .system-intro-section .main-slogan { font-size: 32px; margin-top: 30px; }
  .system-intro-section .sub-slogan { font-size: 16px; padding: 0 20px; }
  .system-pin-section { padding:50px 30px; margin:0; width:100% !important; flex:100%;}
  .system-pin-section .pin-container { flex-direction: column; height: 100%; padding: 0 0 !important; gap: 0; width:100%; box-sizing:border-box;}

  .system-pin-section .left-image-area { width: 100%; }
  .system-pin-section .right-text-area { width:100%; }
  .system-pin-section .point-num { font-size: 50px; margin-bottom: 15px; }
  .system-pin-section .point-title { font-size: 36px; margin-bottom: 15px; }
  .system-pin-section .point-sub { font-size: 20px; margin-bottom: 25px; }
  .system-pin-section .point-desc { font-size: 15px; }
  .trust-section { padding: 100px 0; }
  .trust-section .kor-title { font-size: 32px; }
  .trust-section .bg-outline-text { font-size: 60px; }
  .trust-section .main-slogan { font-size: 32px; margin-top: 30px; }
  .trust-section .sub-slogan { font-size: 16px; padding: 0 20px; }
  .trust-section .trust-card-item { padding: 0 50px 50px 0; height: 400px; }
  .trust-section .card-title { font-size: 32px; margin-top: 30px; }
  .trust-section .card-desc { font-size: 16px; }
}

@media (max-width: 768px) {
  .system-intro-section { padding: 80px 0 40px; }
  .system-intro-section .kor-title { font-size: 26px; }
  .system-intro-section .bg-outline-text { font-size: 46px; }
  .system-intro-section .main-slogan { font-size: 26px; margin-top: 20px; }
  /*
  .system-pin-section { height: auto; overflow: visible; padding: 60px 0; }
  .system-pin-section .pin-container { flex-direction: column; height: auto; padding: 0 24px; gap: 40px; }
  .system-pin-section .left-image-area { width: 100%; height: 380px; border-radius: 50px 0 50px 0; overflow: hidden; }
  .system-pin-section .image-mask-wrapper { border-radius: 50px 0 50px 0; }
  .system-pin-section .right-text-area { width: 100%; height: auto; padding-top: 0; display: block; }
  .system-pin-section .text-scroll-window { height: auto; min-height: 280px; }
  .system-pin-section .point-article { position: relative; opacity: 1; pointer-events: auto; display: none; }
  .system-pin-section .point-article.active { display: flex; }
	*/

  .system-pin-section .point-title { font-size: 32px; }
  .trust-section { padding: 80px 0; }
  .trust-section .kor-title { font-size: 26px; }
  .trust-section .bg-outline-text { font-size: 46px; }
  .trust-section .main-slogan { font-size: 26px; margin-top: 20px; }
  .trust-section .trust-cards-container { max-width: 100%; padding: 0 24px; gap: 24px; }
  .trust-section .trust-card-item { padding: 40px; justify-content: center; align-items: center; text-align: center; height: 350px; border-radius: 0 16px 0 16px; }
  .trust-section .card-content { text-align: center; width: 100%; }
  .trust-section .card-tag { justify-content: center; }
  .trust-section .card-title { font-size: 26px; margin-top: 20px; }
}

@media (max-width: 480px) {
  .system-intro-section .eng-title { font-size: 14px; margin-bottom: 12px; }
  .system-intro-section .kor-title { font-size: 22px; }
  .system-intro-section .bg-outline-text { font-size: 36px; }
  .system-intro-section .main-slogan { font-size: 20px; }
  .system-intro-section .sub-slogan { font-size: 14px; line-height: 1.6; }
  .system-pin-section .left-image-area { height: 260px; border-radius: 30px 0 30px 0; }
  .system-pin-section .image-mask-wrapper { border-radius: 30px 0 30px 0; }
  .system-pin-section .text-scroll-window { min-height: 260px; }
  .system-pin-section .point-num { font-size: 36px; margin-bottom: 8px; }
  .system-pin-section .point-title { font-size: 24px; margin-bottom: 8px; }
  .system-pin-section .point-sub { font-size: 16px; margin-bottom: 16px; }
  .system-pin-section .point-desc { font-size: 14px; line-height: 1.6; word-break:keep-all;}
  .system-pin-section .point-desc br { display:none; }
  .trust-section .eng-tag { font-size: 14px; margin-bottom: 12px; }
  .trust-section .kor-title { font-size: 22px; }
  .trust-section .bg-outline-text { font-size: 36px; }
  .trust-section .main-slogan { font-size: 20px; }
  .trust-section .sub-slogan { font-size: 14px; line-height: 1.6; }
  .trust-section .trust-cards-container { padding: 0 20px; }
  .trust-section .trust-card-item { padding: 30px 20px; height: 300px; }
  .trust-section .card-tag { font-size: 16px; }
  .trust-section .d-line { width: 40px; }
  .trust-section .card-title { font-size: 22px; margin-top: 15px; margin-bottom: 10px; }
  .trust-section .card-desc { font-size: 14px; line-height: 1.6; word-break:keep-all;}
  .trust-section .card-desc br { display:none; }
}

.s105-page { letter-spacing: -0.5px; color: var(--text-color); }
.location-visual { background-color: var(--primary-color); text-align: center; padding: 160px 20px 500px 20px; position: relative; }
.location-visual .sub-title { display: block; color: #8ebee5; font-size: 24px; font-weight: 800; margin-bottom: 20px; }
.location-visual .main-title { color: #fff; font-size: 50px; font-weight: 700; margin-bottom: 10px; }
.location-visual .phone-num { color: #fff; font-size: 50px; font-weight: 700; }
.map-wrap { max-width: 1400px; margin: 0 auto; padding: 0 20px; position: relative; margin-top: -400px; z-index: 10; margin-bottom: 100px; }
.map-area { background: #fff; border-radius: 16px; overflow: hidden; height: 800px; }
.map-area img { width: 100%; height: 100%; object-fit: cover; }
.location-info { padding: 60px 20px 150px 20px; background-color: #fff; }
.info-inner { max-width: 1400px; margin: 0 auto; }
.address-text { text-align: center; font-size: 45px; font-weight: 700; color: #3a2928; letter-spacing: -0.25px; margin-bottom: 120px; }
.transport-grid { display: grid; grid-template-columns: repeat(3, auto); justify-content: space-between; box-sizing: border-box; padding: 0 20px; }
.transport-card { background: #fff; padding: 30px 0; text-align: center; }
.transport-grid > div:nth-child(2) { margin-left: 20px; }
.transport-title { display: flex; align-items: flex-end; justify-content: flex-start; margin-bottom: 50px; }
.transport-title .icon-box { width: 127px; height: 127px; background-color: #8ebee5; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.transport-title h4 { font-size: 40px; font-weight: 700; color: #032b64; position: relative; letter-spacing: -0.25px; padding-left: 78px; border-bottom: 1px solid #8ebee5; padding-bottom: 11px; margin-left: -60px; }
.info-list { text-align: left; list-style: none; padding: 0; margin: 0; }
.info-list li { font-size: 20px; color: #3a2928; line-height: 1.6; margin-bottom: 15px; position: relative; padding-left: 15px; letter-spacing: -0.25px; font-weight: 500; }
.info-list li strong { font-weight: 700; }
.info-list li::before { content: '•'; position: absolute; left: 0; top: 0; color: #3a2928; font-weight: bold; }
.info-list li:last-child { margin-bottom: 0; }
.inner-1400 { max-width: 1440px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.inner-1920 { max-width: 1920px; margin: 0 auto; padding: 0 0; box-sizing: border-box; }

@media screen and (max-width: 1200px) {
  .location-visual { padding: 120px 20px 380px 20px; }
  .map-wrap { margin-top: -300px; margin-bottom: 60px; }
  .map-area { height: 600px; }
  .address-text { font-size: 36px; margin-bottom: 80px; }
  .transport-title h4 { font-size: 32px; padding-left: 68px; }
  .transport-title .icon-box { width: 100px; height: 100px; }
}

@media screen and (max-width: 1024px) {
  .transport-grid { 
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .transport-grid > div:nth-child(2) { margin-left: 0; }
  .transport-card { padding: 0; text-align: left; }
  .transport-title { margin-bottom: 25px; }
}

@media screen and (max-width: 768px) {
  .location-visual { padding: 80px 20px 260px 20px; }
  .location-visual .sub-title { font-size: 18px; margin-bottom: 12px; }
  .location-visual .main-title { font-size: 32px; }
  .location-visual .phone-num { font-size: 32px; }
  .map-wrap { margin-top: -200px; margin-bottom: 40px; }
  .map-area { height: 400px; border-radius: 12px; }
  .location-info { padding: 40px 20px 80px 20px; }
  .address-text { font-size: 24px; margin-bottom: 60px; word-break: keep-all; }
  .transport-title { align-items: center; }
  .transport-title .icon-box { width: 80px; height: 80px; }
  .transport-title h4 { font-size: 26px; padding-left: 50px; margin-left: -40px; padding-bottom: 5px; }
  .info-list li { font-size: 16px; margin-bottom: 10px; }
}


.section-title-wrap { margin-bottom: 50px; }
.section-title-wrap.text-left { text-align: left; }
.section-title-wrap .sub-tag { display: inline-block; font-size: 40px; color: #032B64; font-weight: 700; margin-bottom: 28px; letter-spacing: -0.25px; }
.section-title-wrap .section-title { font-size: 45px; font-weight: 700; color: #3a2928; margin-bottom: 28px; letter-spacing: -0.25px; }
.section-title-wrap .section-desc { font-size: 18px; color: #3a2928; line-height: 1.8; letter-spacing: -0.25px; }
.medical-hero { background-color: #032b64; position: relative; padding: 160px 20px; text-align: center; overflow: hidden; }
.hero-inner { position: relative; z-index: 5; }
.medical-hero .sect-category { display: block; font-size: 24px; color: #8ebee5; margin-bottom: 15px; font-weight: 800; letter-spacing: -0.25px; }
.medical-hero .hero-title { font-size: 50px; font-weight: 700; color: #fff; letter-spacing: -0.25px; margin-bottom: 10px; }
.medical-hero .hero-time { font-size: 50px; font-weight: 700; letter-spacing: -0.25px; color: #fff; }
.hero-divider { border: 0; height: 1px; background: rgba(142, 190, 229, 0.5); max-width: 925px; margin: 80px auto; }
.medical-hero .hero-phone { font-size: 50px; font-weight: 700; color: #fff; margin-top: 25px; margin-bottom: 25px; letter-spacing: -0.25px; }
.medical-hero .hero-notice { font-size: 18px; color: #fff; line-height: 1.8; letter-spacing: -0.25px; }
.bg-text-watermark { position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); font-size: 120px; font-weight: 900; white-space: nowrap; letter-spacing: 4px; user-select: none; color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.21); }
.booking-info-section { padding: 160px 0; background: #fff; }
.booking-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 56px; margin-bottom: 56px; }
.booking-card { background-color: #092c63; padding: 50px 40px 120px; border-radius: 0 10px 0 10px; position: relative; color: #fff; display: flex; align-items: center; box-sizing: border-box; }
.booking-card .card-num { font-size: 90px; font-weight: 800; white-space: nowrap; user-select: none; color: transparent; -webkit-text-stroke: 1px #8EBEE5; }
.booking-card .card-txt-wrap { position: relative; z-index: 2; padding-left: 35px; }
.booking-card h4 { font-size: 30px; font-weight: 700; margin-bottom: 15px; letter-spacing: -0.25px; color: #fff; }
.booking-card p { font-size: 20px; color: #fff; line-height: 1.6; }
.btn-card-link { position: absolute; right: 76px; bottom: 50px; color: #c7ab7d; text-decoration: none; font-size: 16px; padding-bottom: 8px; transition: all 0.3s ease; letter-spacing: -0.25px; padding: 0 75px 10px 0; background: url(../imgs/sub/b-arrow.svg) no-repeat right bottom; }
.btn-card-link i { margin-left: 5px; }
.btn-card-link:hover { border-color: #fff; }
.notice-bar-card { background-color: #eaebeb; border-radius: 0 10px 0 10px; padding: 48px 40px; display: flex; position: relative; box-sizing: border-box; }
.notice-bar-card .card-num-gray { font-size: 90px; font-weight: 900; white-space: nowrap; user-select: none; letter-spacing: -3px; color: transparent; -webkit-text-stroke: 1px #8ebee5; }
.notice-content { flex: 1; padding-left: 30px; }
.notice-content h4 { font-size: 30px; font-weight: 700; color: #3a2928; margin-bottom: 20px; letter-spacing: -0.25px; }
.check-list-row { display: flex; flex-wrap: wrap; gap: 15px 30px; list-style: none; padding: 0; border-bottom: 1px solid #e2e8f0; padding-bottom: 25px; }
.check-list-row li { font-size: 20px; font-weight: 600; color: #333333; position: relative; padding-left: 15px; letter-spacing: -0.25px; }
.check-list-row li::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; background-color: #3a2928; border-radius: 50%; }
.notice-sub-info { font-size: 18px; color: #3f3f3f; line-height: 1.8; letter-spacing: -0.25px; }
.process-section { padding: 100px 0 150px; background: #e4f2ff url(../imgs/sub/s201-img1.png) no-repeat center bottom / cover; }
.step-list-wrap { display: flex; flex-direction: column; gap: 56px; max-width: 1400px; margin: 0 auto; }
.step-item { border-radius: 50px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03); display: flex; align-items: center; padding: 0 0 0 45px; box-sizing: border-box; position: relative; }
.step-badge { background-color: #3a2928; color: #fff; font-size: 30px; font-weight: 500; padding: 10px 24px; border-radius: 40px; min-width: 100px; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 3; }
.step-subject { font-size: 30px; font-weight: 700; color: #3a2928; width: 450px; padding: 28px 22px 28px 145px; position: relative; background: #8ebee5; z-index: 2; min-height: 80px; display: flex; align-items: center; border-radius: 50px; }
.step-contents { flex: 1; font-size: 20px; line-height: 1.8; letter-spacing: -0.25px; color: #475569; padding: 28px 22px 28px 85px; background: #fff; border-radius: 0 50px 50px 0; min-height: 80px; display: flex; align-items: center; position: relative; z-index: 1; margin-left: -50px; }
.referral-section { padding: 160px 0; background-color: #fff; }
.referral-content-box { display: flex; margin-top: 40px; background: url(../imgs/sub/s201-img2.png) no-repeat right center / contain; border-radius: 0 0 100px 0; }
.referral-left-card { width: 65%; background-color: #ebf3fc; border-radius: 100px 0 100px 0; padding: 85px; box-sizing: border-box; }
.card-header-badge { display: inline-block; background-color: #3a2928; color: #fff; font-size: 30px; font-weight: 500; padding: 10px 48px; border-radius: 40px; margin-bottom: 35px; }
.bullet-check-list { list-style: none; padding: 0; margin: 20px 0 20px 0; }
.bullet-check-list li { font-size: 25px; font-weight: 500; color: #3f3f3f; margin-bottom: 25px; position: relative; padding-left: 28px; }
.bullet-check-list li::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; border-radius: 50%; border: 5px solid #8ebee5; }
.referral-bottom-txt { font-size: 20px; color: #3f3f3f; line-height: 1.8; padding-top: 25px; letter-spacing: -0.25px; }
.referral-right-img { flex: 1; border-radius: 24px; overflow: hidden; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05); }
.referral-right-img img { width: 100%; height: 100%; object-fit: cover; }
.point1-section .section-title-wrap { text-align: center; margin-bottom: 50px; }
.point1-section .section-title-wrap.text-left { text-align: left; }
.point1-section .section-title-wrap .section-title { font-size: 50px; font-weight: 700; color: #3A2928; margin-top: 25px; margin-bottom: 40px; line-height: 1.35; letter-spacing: -0.25px; }
.point1-section .section-title-wrap .section-desc { font-size: 18px; line-height: 1.8; color: #3A2928; letter-spacing: -0.25px; }
.point1-section .point-tag { font-size: 70px; font-weight: 800; text-align: center; color: transparent; -webkit-text-stroke: 1px rgba(3, 43, 100, 1); margin-bottom: 5px; }
.point2-section .section-title-wrap { text-align: center; margin-bottom: 50px; }
.point2-section .section-title-wrap.text-left { text-align: left; }
.point2-section .section-title-wrap .section-title { font-size: 50px; font-weight: 700; color: #3A2928; margin-top: 25px; margin-bottom: 40px; line-height: 1.35; letter-spacing: -0.25px; }
.point2-section .section-title-wrap .section-desc { font-size: 18px; line-height: 1.8; color: #3A2928; letter-spacing: -0.25px; }
.point2-section .point-tag { font-size: 70px; font-weight: 800; text-align: center; color: transparent; -webkit-text-stroke: 1px rgba(142, 190, 229, 1); margin-bottom: 5px; }
.point3-section .section-title-wrap { text-align: center; margin-bottom: 50px; }
.point3-section .section-title-wrap.text-left { text-align: left; }
.point3-section .section-title-wrap .section-title { font-size: 50px; font-weight: 700; color: #3A2928; margin-top: 25px; margin-bottom: 40px; line-height: 1.35; letter-spacing: -0.25px; }
.point3-section .section-title-wrap .section-desc { font-size: 18px; line-height: 1.8; color: #3A2928; letter-spacing: -0.25px; }
.point3-section .point-tag { font-size: 70px; font-weight: 800; color: transparent; -webkit-text-stroke: 1px rgba(142, 190, 229, 1); margin-bottom: 5px; }
.imaging-hero { background-color: #0b3473; position: relative; padding: 160px 20px 350px 20px; text-align: center; overflow: hidden; }
.imaging-hero .sect-category { display: block; font-size: 24px; color: #8ebee5; font-weight: 800; margin-bottom: 24px; }
.imaging-hero .hero-title { font-size: 50px; font-weight: 700; color: #fff; line-height: 1.4; margin-bottom: 24px; }
.imaging-hero .hero-desc { font-size: 18px; color: #fff; line-height: 1.8; margin-bottom: 50px; }
.circle-process-wrap { display: flex; justify-content: center; gap: 128px; position: relative; z-index: 5; margin: 100px 0 10px; }
.process-circle { width: 262px; height: 262px; background-color: #c7ab7d; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; }
.process-circle::before { content: ""; display: block; width: 294px; height: 294px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid #c7ab7d; border-radius: 50%; }
.circle-process-wrap > div::after { content: ""; display: block; width: 128px; height: 2px; background: #c7ab7d; position: absolute; right: -128px; top: 50%; transform: translateY(-50%); }
.circle-process-wrap > div:nth-child(3)::after { display: none; }
.process-circle span { color: #3a2928; font-size: 30px; font-weight: 700; line-height: 1.4; letter-spacing: -0.25px; }
.imaging-hero .bg-text-watermark { position: absolute; bottom: 180px; left: 50%; transform: translateX(-50%); font-size: 120px; font-weight: 900; white-space: nowrap; user-select: none; color: transparent; -webkit-text-stroke: 1px rgba(142, 190, 229, 0.5); }
.center-banner-wrap { margin-top: -240px !important; position: relative; z-index: 10; margin-bottom: 80px !important; }
.center-banner-img { width: 100%; height: 480px; border-radius: 100px 0 100px 0; overflow: hidden; }
.center-banner-img img { width: 100%; height: 100%; object-fit: cover; }
.point1-section { padding: 60px 0 100px 0; background: #fff; }
.strength-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 46px; margin-top: 40px; }
.strength-card { background-color: #092c63; border-radius: 0 10px 0 10px; padding: 35px 0 35px 45px; display: flex; align-items: center; gap: 35px; color: #fff; box-sizing: border-box; }
.strength-card .card-txt h4 { font-size: 30px; color: #fff; font-weight: 700; margin-bottom: 15px; letter-spacing: -0.25px; }
.strength-card .card-txt p { font-size: 20px; color: #fff; line-height: 1.8; font-weight: 500; letter-spacing: -0.25px; }
.point2-section { padding: 160px 0; background-color: #e4f2ff; }
.symptom-flex-box { display: flex; gap: 99px; align-items: stretch; margin-top: 40px; }
.symptom-left-img { flex: 1; border-radius: 100px 0 100px 0; overflow: hidden; }
.symptom-left-img img { width: 100%; height: 100%; object-fit: cover; }
.symptom-right-list { flex: 1; display: flex; flex-direction: column; gap: 37px; justify-content: space-between; }
.symptom-item { border: 1px solid rgba(142, 190, 229, 1); border-radius: 10px; padding: 22px 30px; box-sizing: border-box; flex: 25%; display: flex; flex-direction: column; justify-content: center; }
.symptom-item .sym-badge { display: inline-block; width: 99px; background: rgba(142, 190, 229, 1); color: #fff; font-size: 20px; font-weight: 500; padding: 6px 12px; border-radius: 20px; margin-bottom: 12px; text-align: center; letter-spacing: -0.25px; }
.symptom-item h4 { font-size: 25px; font-weight: 700; color: #3A2928; margin-bottom: 10px; letter-spacing: -0.25px; margin-top: 10px; }
.symptom-item p { font-size: 20px; color: #3A2928; line-height: 1.8; font-weight: 500; letter-spacing: -0.25px; }
.imaging-process-section { padding: 160px 0; background-color: #fff; }
.process-tag-text { font-size: 38px; font-weight: 800; color: transparent; -webkit-text-stroke: 1px rgba(11, 52, 115, 0.25); letter-spacing: 1px; margin-bottom: 5px; }
.line-step-container { margin-top: 50px; }
.line-step-row { display: flex; padding: 50px 10px; border-bottom: 1px solid #8ebee5; align-items: center; box-sizing: border-box; position: relative; }
.line-step-left { width: 55%; flex-shrink: 0; display: flex; gap: 5px; align-items: center; }
.line-step-left .step-num { font-size: 40px; font-weight: 100; color: #032b64; width: 193px; letter-spacing: -0.25px; }
.line-step-left .step-tit { font-size: 40px; font-weight: 700; color: #032b64; letter-spacing: -0.25px; }
.line-step-right { flex: 1; font-size: 18px; color: #3f3f3f; line-height: 1.8; letter-spacing: -0.25px; }
.line-step-container > div::after { content: ""; display: block; width: 276px; height: 8px; background: #8ebee5; position: absolute; left: 0; bottom: -8px; }
.line-step-container > div:nth-child(2)::after { width: 364px; }
.line-step-container > div:nth-child(3)::after { width: 451px; }
.line-step-container > div:nth-child(4)::after { width: 538px; }
.line-step-container > div:nth-child(5)::after { width: 640px; }
.line-step-container > div:nth-child(6)::after { width: 742px; }


@media screen and (max-width: 1440px) {
  .step-list-wrap { padding: 0 20px; }
  .circle-process-wrap { gap: 40px; }
  .circle-process-wrap > div::after { width: 40px; right: -40px; }
}

@media screen and (max-width: 1200px) {
  .section-title-wrap .sub-tag { font-size: 32px; margin-bottom: 20px; }
  .section-title-wrap .section-title { font-size: 36px; margin-bottom: 20px; }
  .point1-section .section-title-wrap .section-title,
  .point2-section .section-title-wrap .section-title,
  .point3-section .section-title-wrap .section-title { font-size: 38px; margin-bottom: 25px; }
  
  .medical-hero, .imaging-hero { padding: 120px 20px; }
  .medical-hero .hero-title, .medical-hero .hero-time,
  .imaging-hero .hero-title { font-size: 38px; }
  .medical-hero .hero-phone { font-size: 38px; }
  .imaging-hero { padding-bottom: 280px; }
  
  .circle-process-wrap { gap: 20px; }
  .circle-process-wrap > div::after { display: none; }
  .process-circle { width: 200px; height: 200px; }
  .process-circle::before { width: 224px; height: 224px; }
  .process-circle span { font-size: 22px; }

  .center-banner-wrap { margin-top: -180px !important; margin-bottom: 60px !important; }
  .center-banner-img { height: 360px; }

  .booking-info-section, .referral-section, .point2-section, .imaging-process-section { padding: 100px 0; }
  .booking-grid { gap: 30px; margin-bottom: 30px; }
  .booking-card { padding: 40px 30px 100px; }
  .booking-card .card-num, .notice-bar-card .card-num-gray { font-size: 70px; }
  .btn-card-link { right: 40px; bottom: 40px; }

  .referral-content-box { background: none; }
  .referral-left-card { width: 100%; border-radius: 60px; padding: 50px; }
  .referral-right-img { display: none; }

  .step-subject { width: 350px; padding-left: 120px; font-size: 24px; }
  .step-contents { padding-left: 65px; font-size: 18px; }

  .symptom-flex-box { gap: 40px; }
  .symptom-right-list { gap: 20px; }
  .symptom-item h4 { font-size: 22px; }
  .symptom-item p { font-size: 18px; }

  .line-step-left .step-num { width: 130px; font-size: 30px; }
  .line-step-left .step-tit { font-size: 30px; }
}

@media screen and (max-width: 1024px) {
  .booking-grid { grid-template-columns: 1fr; }
  .notice-bar-card { flex-direction: column; gap: 20px; }
  .notice-content { padding-left: 0; }

  .strength-grid { grid-template-columns: 1fr; gap: 20px; }

  .symptom-flex-box { flex-direction: column; }
  .symptom-left-img { height: 350px; border-radius: 60px 0 60px 0; }

  .line-step-row { flex-direction: column; align-items: flex-start; gap: 20px; padding: 30px 10px; }
  .line-step-left { width: 100%; }
  .line-step-container > div::after { display: none !important; }
}

@media screen and (max-width: 768px) {
  .section-title-wrap .sub-tag { font-size: 24px; margin-bottom: 12px; }
  .section-title-wrap .section-title { font-size: 28px; margin-bottom: 15px; word-break: keep-all; }
  .point1-section .section-title-wrap .section-title,
  .point2-section .section-title-wrap .section-title,
  .point3-section .section-title-wrap .section-title { font-size: 28px; margin-top: 15px; margin-bottom: 20px; }
  .section-title-wrap .section-desc { font-size: 16px; word-break: keep-all; }
  .section-title-wrap .section-desc br { display:none; }
  
  .medical-hero, .imaging-hero { padding: 80px 20px; }
  .medical-hero .sect-category, .imaging-hero .sect-category { font-size: 18px; margin-bottom: 10px; }
  .medical-hero .hero-title, .medical-hero .hero-time,
  .imaging-hero .hero-title { font-size: 28px; }
  .medical-hero .hero-phone { font-size: 28px; margin-top: 15px; margin-bottom: 15px; }
  .hero-divider { margin: 40px auto; }
  .bg-text-watermark { font-size: 60px; bottom: -15px; }
  .imaging-hero .hero-desc { word-break:keep-all; }
  .imaging-hero .hero-desc br { display:none; }

  .imaging-hero { padding-bottom: 220px; }
  .imaging-hero .bg-text-watermark { font-size: 60px; bottom: 120px; }
  .circle-process-wrap { flex-direction: column; align-items: center; gap: 30px; margin-top: 50px; }
  .process-circle { width: 180px; height: 180px; }
  .process-circle::before { width: 200px; height: 200px; }
  .process-circle span { font-size: 20px; }

  .center-banner-wrap { margin-top: -140px !important; margin-bottom: 40px !important; }
  .center-banner-img { height: 240px; border-radius: 50px 0 50px 0; }

  .booking-info-section, .referral-section, .point1-section, .point2-section, .imaging-process-section { padding: 60px 0; }
  .booking-card { padding: 30px 20px 90px; }
  .booking-card .card-num, .notice-bar-card .card-num-gray { font-size: 50px; }
  .booking-card .card-txt-wrap { padding-left: 15px; }
  .booking-card h4, .notice-content h4 { font-size: 22px; }
  .booking-card p { font-size: 16px; }
  .btn-card-link { right: 20px; bottom: 30px; font-size: 14px; padding-right: 50px; }

  .check-list-row { gap: 10px 20px; padding-bottom: 15px; }
  .check-list-row li { font-size: 16px; }
  .notice-sub-info { font-size: 15px; }

  .process-section { padding: 60px 0 100px; }
  .step-list-wrap { gap: 30px; }
  .step-item { flex-direction: column; align-items: flex-start; padding: 0; background: #fff; border-radius: 24px; overflow: hidden; }
  .step-badge { position: static; transform: none; font-size: 18px; padding: 6px 16px; min-width: auto; border-radius: 0 0 12px 0; }
  .step-subject { width: 100%; padding: 20px; font-size: 20px; min-height: auto; background: none; border-radius: 0; }
  .step-contents { width: 100%; padding: 0 20px 20px 20px; font-size: 16px; min-height: auto; margin-left: 0; border-radius: 0; }

  .referral-left-card { padding: 30px 20px; border-radius: 40px 0 40px 0; }
  .card-header-badge { font-size: 20px; padding: 6px 24px; margin-bottom: 20px; }
  .bullet-check-list li { font-size: 18px; margin-bottom: 15px; padding-left: 20px; }
  .bullet-check-list li::before { width: 6px; height: 6px; border-width: 3px; }
  .referral-bottom-txt { font-size: 16px; padding-top: 15px; }

  .point1-section .point-tag, .point2-section .point-tag, .point3-section .point-tag { font-size: 45px; }

  .strength-card { gap: 20px; padding: 25px 20px; }
  .strength-card .card-icon { min-width:20%; }
  .strength-card .card-icon img { width:100%; }
  .strength-card .card-txt h4 { font-size: 22px; margin-bottom: 8px; }
  .strength-card .card-txt p { font-size: 16px; word-break:keep-all;}
  .strength-card .card-txt p br { display:none; }

  .symptom-item { padding: 20px; }
  .symptom-item .sym-badge { font-size: 16px; width: 80px; }
  .symptom-item h4 { font-size: 20px; }
  .symptom-item p { font-size: 16px; }

  .line-step-left { flex-direction: column; align-items: flex-start; gap: 5px; }
  .line-step-left .step-num { font-size: 20px; width: auto; }
  .line-step-left .step-tit { font-size: 24px; word-break: keep-all; }
  .line-step-right { font-size: 16px; word-break:keep-all;}
  .line-step-right br { display:none; }
  .process-tag-text { font-size: 28px; }
}


.dept-intro-hero { position: relative; width: 100%; padding: 160px 0 160px; text-align: center; background: #032b64; color: #ffffff; overflow: hidden; }
.dept-intro-hero .intro-inner-1400 { position: relative; max-width: 1440px; margin: 0 auto; padding: 0 20px; z-index: 5; }

.dept-intro-hero .eng-label { display: block; font-size: 18px; font-weight: 800; letter-spacing: 1px; color: #8ebee5; margin-bottom: 25px; text-transform:uppercase;}
.dept-intro-hero .sub-category-title { font-size: 40px; font-weight: 700; color: #ffffff; letter-spacing: -0.25px; margin-bottom: 40px; }
.dept-intro-hero .bg-outline-watermark { font-size: 90px; font-weight: 900; color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.21); line-height: 1; user-select: none; pointer-events: none; margin-bottom: 60px; }
.dept-intro-hero .main-slogan { font-size: 45px; font-weight: 700; line-height: 1.45; color: #ffffff; letter-spacing: -0.25px; margin-bottom: 25px; }
.dept-intro-hero .sub-desc { font-size: 18px; font-weight: 500; line-height: 1.8; color: rgba(255, 255, 255, 1); letter-spacing: -0.25px; word-break: keep-all; }


@media (max-width: 1024px) { 
	.dept-intro-hero { padding: 100px 0 60px; } 
	.dept-intro-hero .bg-outline-watermark { display: none; } 
	.dept-intro-hero .sub-category-title { font-size: 36px; } 
	.dept-intro-hero .main-slogan { font-size: 32px; margin-top: 20px; } 
}
@media (max-width: 768px) { 
	.dept-intro-hero { padding: 70px 0 40px; } 
	.dept-intro-hero .eng-label { font-size: 14px; } 
	.dept-intro-hero .sub-category-title { font-size: 28px; } 
	.dept-intro-hero .main-slogan { font-size: 24px; } 
	.dept-intro-hero .sub-desc { font-size: 14px; padding: 0 10px; } 
}


.symptom-guide-section { position: relative; width: 100%; padding: 160px 0; background: #e4f2ff; text-align: center; color: #3a2928; overflow: hidden; }
.symptom-guide-section .guide-inner-1400 { position: relative; max-width: 1440px; margin: 0 auto; padding: 0 20px; z-index: 5; }
.symptom-guide-section .eng-label { display: block; font-size: 18px; font-weight: 700; letter-spacing: 1px; color: #8ebee5; margin-bottom: 25px; }
.symptom-guide-section .sub-category-title { font-size: 45px; font-weight: 700; color: #3a2928; letter-spacing: -0.25px; margin-bottom: 30px; }
.symptom-guide-section .bg-outline-watermark { font-size: 90px; font-weight: 900; color: transparent; -webkit-text-stroke: 1px #8ebee5; line-height: 1; user-select: none; pointer-events: none; margin-bottom: 60px; }
.symptom-guide-section .main-slogan { font-size: 45px; font-weight: 700; line-height: 1.35; color: #3a2928; letter-spacing: -0.25px; margin-bottom: 25px; }
.symptom-guide-section .sub-desc { font-size: 18px; font-weight: 500; line-height: 1.8; color: #3a2928; letter-spacing: -0.25px; word-break: keep-all; margin-bottom: 90px; }

.symptom-table-container { width: 100%; max-width: 1130px; margin: 0 auto; display: flex; flex-direction: column; gap: 30px; }
.symptom-row { display: flex; width: 100%; height: 93px; border-radius: 60px; overflow: hidden; }
.cell-symptom { width: 50%; background: #ffffff; display: flex; align-items: center; justify-content: flex-end; font-size: 22px; font-weight: 500; color: #3a2928; letter-spacing: -0.25px; padding: 0 54px; border-radius: 40px 0 0 40px; }
.cell-dept { width: 50%; background: #8ebee5; display: flex; align-items: center; justify-content: flex-start; font-size: 25px; font-weight: 700; color: #3a2928; letter-spacing: -0.25px; padding: 0 54px; border-radius: 0 40px 40px 0; }

@media (max-width: 1024px) { 
	.symptom-guide-section { padding: 100px 0; } 
	.symptom-guide-section .bg-outline-watermark { display: none; } 
	.symptom-guide-section .sub-category-title { font-size: 36px; } 
	.symptom-guide-section .main-slogan { font-size: 32px; margin-top: 20px; } 
	.symptom-guide-section .sub-desc { margin-bottom: 50px; } 
	.symptom-row { height: 70px; } 
	.cell-symptom { font-size: 15px; } 
	.cell-dept { font-size: 16px; } 
}
@media (max-width: 768px) { 
	.symptom-guide-section { padding: 70px 0; } 
	.symptom-guide-section .eng-label { font-size: 14px; } 
	.symptom-guide-section .sub-category-title { font-size: 28px; } 
	.symptom-guide-section .main-slogan { font-size: 24px; } 
	.symptom-guide-section .sub-desc { font-size: 14px; } 
	.symptom-table-container { gap: 12px; } 
	.symptom-row { flex-direction: column; height: auto; border-radius: 15px; } 
	.cell-symptom { width: 100%; height: 45px; font-size: 14px; border-radius: 15px 15px 0 0; padding: 10px 20px; border-bottom: 1px dashed rgba(142, 190, 229, 0.3); justify-content:flex-start;} 
	.cell-dept { width: 100%; height: 45px; font-size: 15px; border-radius: 0 0 15px 15px; padding: 10px 20px;  justify-content:flex-end;} 
}

.section-departments { position: relative; width: 100%; background: #032b64; overflow: hidden; }
.dept-pin-wrapper { display: flex; width: 100%; height: 100vh; position: relative; }
.center-line { position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.1); z-index: 10; }
.dept-left-visual { width: 50%; height: 100vh; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; padding-left: 0; }
.mask-img-wrap { width: 100%; height: 100vh; position: relative; border-radius: 0 0 0 0; overflow: hidden; background: #051427; }
.mask-item { position: absolute; inset: 0; background-size: cover; background-position: center; clip-path: inset(0 100% 0 0); transition: clip-path 0s; z-index: 1; }
.mask-item.active { clip-path: inset(0 0 0 0); z-index: 2; }
.dept-right-content { width: 50%; height: 100vh; display: flex; align-items: center; padding-left: 80px; padding-right: 50px; }
.dept-scroll-box { width: 100%; display: flex; flex-direction: column; justify-content: center; }
.dept-row { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.15); padding: 25px 0; display: flex; flex-direction: column; transition: border-color 0.4s; }
.dept-row.active { border-color: #8ebee5; }
.row-header { display: flex; align-items: center; gap: 35px; cursor: pointer; }
.row-header .num { font-size: 40px; font-weight: 800; color: transparent; -webkit-text-stroke: 1px #8ebee5; line-height: 1; letter-spacing:-0.25px;}
.row-header .tit { font-size: 40px; font-weight: 700; color: #8ebee5; transition: color 0.4s; line-height: 1; letter-spacing:-0.25px;}
.row-detail { height: 0; overflow: hidden; will-change: height; }
.detail-inner { padding-top: 30px; padding-bottom: 10px; padding-left: 0; max-width: 100%; }
.detail-inner h4 { font-size: 25px; font-weight: 700; color: #8ebee5; margin-bottom: 20px; letter-spacing: -0.25px; }
.detail-inner p { font-size: 18px; font-weight: 400; color: rgba(255, 255, 255, 1); line-height: 1.8; letter-spacing: -0.25px; word-break: keep-all; }

@media screen and (max-width: 1440px) {
  .dept-right-content { padding-left: 50px; padding-right: 30px; }
  .row-header { gap: 20px; }
  .row-header .num, .row-header .tit { font-size: 32px; }
  .detail-inner h4 { font-size: 22px; }
  .detail-inner p { font-size: 16px; }
}

@media screen and (max-width: 1024px) {
  .dept-pin-wrapper { height: 100vh; flex-direction: column; }
  .center-line { display: none; }
  
  .dept-left-visual { width: 100%; height: 20vh; }
  .mask-img-wrap { height: 100%; }
  
  .dept-right-content { width: 100%; height: 80vh; padding: 20px 20px; }
}

@media screen and (max-width: 768px) {
  .dept-left-visual { height: 200px; }
  
  .dept-right-content { padding: 20px 15px; }
  .dept-row { padding: 15px 0; }
  .row-header { gap: 15px; }
  .row-header .num, .row-header .tit { font-size: 20px; }
  
  .detail-inner { padding-top: 20px; }
  .detail-inner h4 { font-size: 16px; margin-bottom: 12px; word-break:keep-all;}
  .detail-inner p { font-size: 13px; line-height: 1.7; word-break:keep-all;}
  .detail-inner p br { display:none; }
}


.right-quick-bar { position: fixed; right: 100px; top: 50%; transform: translateY(-30%); z-index: 1000; width: 80px; background: rgba(58, 41, 40, 0.65);
border-radius: 10px; padding: 25px 0; }
.quick-bar-list { display: flex; flex-direction: column; align-items: center; width: 100%; gap: 0; }
.quick-bar-list li { width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; }
.quick-bar-list li::after { content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 60px; height: 0.5px; background: rgba(58, 41, 40, 1) }
.quick-bar-list li:last-child::after { display: none; }
.quick-bar-list li a { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 22px 5px; text-align: center; color: #ffffff; text-decoration: none; transition: all 0.3s; }
.quick-bar-list li a i { display: block; width: 32px; height: 32px; margin-bottom: 12px; background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.3s ease; }
.quick-bar-list li a:hover i { transform: translateY(-3px); }
.quick-bar-list li a .ico-map { background-image: url('../imgs/quick/ico_map.svg'); }
.quick-bar-list li a .ico-cal { background-image: url('../imgs/quick/ico_cal.svg'); }
.quick-bar-list li a .ico-check { background-image: url('../imgs/quick/ico_check.svg'); }
.quick-bar-list li a .ico-insta { background-image: url('../imgs/quick/ico_insta.svg'); }
.quick-bar-list li a .ico-kakao { background-image: url('../imgs/quick/ico_kakao.svg'); }
.quick-bar-list li a span { display: block; font-size: 13px; font-weight: 500; color: #ffffff; letter-spacing: -0.25px; line-height: 1.3; white-space: nowrap; word-break: keep-all; }

@media (max-width: 1400px) { 
	.right-quick-bar { right: 20px; width: 95px; padding: 20px 0; } 
	.quick-bar-list li a { padding: 18px 5px; } 
	.quick-bar-list li a i { width: 26px; height: 26px; margin-bottom: 8px; } 
	.quick-bar-list li a span { font-size: 11px; } 
	.quick-bar-list li::after { width: 30px; } 
}
@media (max-width: 1024px) { 
	.right-quick-bar { display: none !important; } 
}



.s501-page { width: 100%; font-family: 'Pretendard', sans-serif; overflow-x: hidden; background: #fff; }
.inner-1400 { max-width: 1440px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.s501-header { text-align: center; padding: 150px 20px 50px; position: relative; }
.s501-header .sub-tag { display: inline-block; font-size: 24px; font-weight: 700; color: #8ebee5; margin-bottom: 24px; }
.s501-header .main-title { font-size: 50px; font-weight: 700; color: #fff; letter-spacing: -0.25px; margin-bottom: 25px; }
.s501-header .desc { font-size: 18px; font-weight: 500; line-height: 1.8; color: #fff; letter-spacing: -0.25px; word-break: keep-all; }

.s501-capability-section .s501-header .sub-tag { color: #c7ab7d; }
.s501-capability-section .s501-header .main-title { color: #3a2928; }
.s501-capability-section .s501-header .desc { color: #3a2928; }

.s501-major-section .s501-header .sub-tag { color: #8ebee5; }
.s501-major-section .s501-header .main-title { color: #3a2928; }
.s501-major-section .s501-header .desc { color: #3a2928; }

.s501-points-section { background: #032b64; padding-bottom: 140px; color: #fff; }
.point-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-top:100px; margin-bottom: 200px; width: 100%; }
.point-row:last-child { margin-bottom: 0; }
.point-row.type-reverse { flex-direction: row-reverse; }

.point-img-box { width: 48%; height: 525px; border-radius: 0 0 100px 0; overflow: hidden; position:relative;}
.point-img-box img { width: 100%; height: 100%; object-fit: cover; }
.point-img-box.radiusRight { border-radius: 0 0 0 100px; }
.alp { position:absolute; right:50px; bottom:-40px; font-size:120px; font-weight: 800; color: transparent; -webkit-text-stroke: 1px #8ebee5; }
.type-reverse .alp { left:50px; right:auto; }
.point-txt-box { width: 47%; display: flex; flex-direction: column; justify-content: flex-end; height:100%; }
.point-txt-box .pt-label { font-size: 70px; font-weight: 800; color: transparent; -webkit-text-stroke: 1px #8ebee5; line-height: 1; margin-bottom: 24px; }

.point-txt-box h3 { font-size: 60px; font-weight: 700; color: #8ebee5; margin-bottom: 24px; letter-spacing: -0.25px; }
.point-txt-box h4 { font-size: 32px; font-weight: 600; color: #8ebee5; margin-bottom: 40px; letter-spacing: -0.25px; }
.point-txt-box p { font-size: 18px; font-weight: 500; color:#fff; line-height: 1.8; color: #fff; letter-spacing: -0.25px; word-break: keep-all; }

.point-row.type-reverse .point-txt-box { padding-left:15%; }

.s501-capability-section { background: #fff; padding-bottom: 140px; color: #3a2928; }
.s501-capability-section .s501-header .main-title { color: #3a2928; }
.s501-capability-section .s501-header .desc { color: rgba(58, 41, 40, 0.8); }
.s501-capability-section .capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 20px; }

.s501-capability-section .capability-grid .cap-card { background: #ffffff; border: 1px solid #c7ab7d; border-radius: 10px; padding: 48px 30px 48px 45px; display: flex; flex-direction: column; justify-content: space-between; min-height: 280px; }
.s501-capability-section .capability-grid .cap-card h3 { font-size: 30px; font-weight: 700; color: #3a2928; margin-bottom: 20px; letter-spacing: -0.25px; }
.s501-capability-section .capability-grid .cap-card p { font-size: 20px; font-weight: 500; line-height: 1.65; color: #3a2928; letter-spacing: -0.25px; word-break: keep-all; margin-bottom: 25px; flex-grow: 1; }
.s501-capability-section .capability-grid .cap-card .badge-wrap { display: flex; flex-wrap: wrap; gap: 6px; }
.s501-capability-section .capability-grid .cap-card .badge-wrap span { display: inline-block; font-size: 20px; font-weight: 500; color: #fff; background: #c7ab7d; padding: 5px 12px; border-radius: 25px; letter-spacing: -0.25px;}


.s501-major-section { background: #e4f2ff; padding-bottom: 140px; }
.major-banner-img { width: 100%; height: 450px; border-radius: 100px 0 100px 0; overflow: hidden; margin-bottom: 100px; }
.major-banner-img img { width: 100%; height: 100%; object-fit: cover; }
.major-list-wrap { display: flex; flex-direction: column; gap: 50px; }
.major-item { border: 1px solid #8ebee5; border-radius: 10px; padding: 84px; display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.item-left-label { width: 30%; flex-shrink: 0; }
.item-left-label .badge { display: inline-block; font-size: 20px; font-weight: 700; color: #fff; background: #8ebee5; padding: 5px 14px; border-radius: 25px; margin-bottom: 17px; }
.item-left-label h2 { font-size: 35px; font-weight: 700; color: #3a2928; letter-spacing: -0.25px; }
.item-right-desc { width: 70%; }
.item-right-desc h3 { font-size: 25px; font-weight: 700; color: #3a2928; margin-bottom: 12px; letter-spacing: -0.25px; }
.item-right-desc p { font-size: 20px; font-weight: 400; line-height: 1.8; color: #3a2928; letter-spacing: -0.25px; word-break: keep-all; }


@media screen and (max-width: 1440px) {
  .point-row.type-reverse .point-txt-box { padding-left: 0; }
  .major-item { padding: 50px; }
}

@media screen and (max-width: 1200px) {
  .s501-header { padding: 100px 20px 40px; }
  .s501-header .main-title { font-size: 38px; }
  
  .s501-points-section,
  .s501-capability-section,
  .s501-major-section { padding-bottom: 100px; }
  
  .point-row { margin-top: 60px; margin-bottom: 120px; }
  .point-img-box { height: 400px; }
  .point-txt-box .pt-label { font-size: 50px; }
  .point-txt-box h3 { font-size: 42px; }
  .point-txt-box h4 { font-size: 26px; margin-bottom: 25px; }
  .alp { font-size: 90px; }

  .s501-capability-section .capability-grid { grid-template-columns: repeat(2, 1fr); }
  
  .s501-capability-section .major-banner-img { height: 350px; margin-bottom: 60px; }
  .s501-capability-section .major-item { gap: 30px; }
  .item-left-label h2 { font-size: 28px; }
  .item-right-desc h3 { font-size: 22px; }
  .item-right-desc p { font-size: 18px; }
}

@media screen and (max-width: 1024px) {
  .point-row,
  .point-row.type-reverse { flex-direction: column; align-items: flex-start; gap: 30px; }
  .point-img-box,
  .point-txt-box { width: 100%; }
  .point-img-box,
  .point-img-box.radiusRight { border-radius: 0 0 50px 0; }
  .point-txt-box { justify-content: flex-start; padding:0 20px;}
  .point-row, .point-row.type-reverse .point-txt-box { padding:0 20px; }
  
  .major-item { flex-direction: column; align-items: flex-start; gap: 20px; }
  .item-left-label,
  .item-right-desc { width: 100%; }
}

@media screen and (max-width: 768px) {
  .s501-header { padding: 70px 20px 30px; }
  .s501-header .sub-tag { font-size: 18px; margin-bottom: 12px; }
  .s501-header .main-title { font-size: 28px; margin-bottom: 15px; }
  .s501-header .desc { font-size: 16px; word-break:keep-all;}
  .s501-header .desc br { display:none; }

  .s501-points-section,
  .s501-capability-section,
  .s501-major-section { padding-bottom: 60px; }

  .point-row { margin-top: 40px; margin-bottom: 80px; }
  .point-img-box { height: 280px; }
  .point-txt-box .pt-label { font-size: 36px; margin-bottom: 12px; }
  .point-txt-box h3 { font-size: 30px; margin-bottom: 12px; }
  .point-txt-box h4 { font-size: 20px; margin-bottom: 15px; }
  .point-txt-box p { font-size: 16px; }
  .alp { font-size: 60px; right: 20px; bottom: -20px; }
  .type-reverse .alp { left: 20px; }

  .s501-capability-section .capability-grid { grid-template-columns: 1fr; gap: 15px; }
  .s501-capability-section .capability-grid .cap-card { min-height: auto; padding: 30px 20px; }
  .s501-capability-section .capability-grid .cap-card h3 { font-size: 24px; margin-bottom: 12px; }
  .s501-capability-section .capability-grid .cap-card p { font-size: 16px; margin-bottom: 20px; }
  .s501-capability-section .capability-grid .cap-card .badge-wrap span { font-size: 16px; padding: 4px 10px; }

  .major-banner-img { height: 200px; border-radius: 50px 0 50px 0; margin-bottom: 40px; }
  .major-list-wrap { gap: 30px; }
  .major-item { padding: 30px 20px; border-radius: 8px; }
  .item-left-label .badge { font-size: 16px; padding: 4px 10px; margin-bottom: 10px; }
  .item-left-label h2 { font-size: 22px; }
  .item-right-desc h3 { font-size: 18px; margin-bottom: 8px; word-break:keep-all;}
  .item-right-desc p { font-size: 16px; line-height: 1.7; word-break:keep-all;}
}

.s405-wrap {background:#e4f2ff url(../imgs/sub/s405-img2.png) no-repeat center bottom / cover; }
.s405-container { max-width: 100%; margin: 0 auto;  overflow-x: auto; }
.s405-table-wrapper { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 0; border-radius: 8px 8px 0 0; }
.s405-table { width: 100%; min-width: 700px; border-collapse: collapse; text-align: center; }
.s405-th { background-color: #8ebee5; color: #3a2928; font-weight: bold; font-size: 25px; padding: 25px 10px; border: none; }
.s405-td { padding: 18px 30px; border-bottom: 1px solid rgba(142, 190, 229, 1); vertical-align: middle; }
.s405-col-item { width: 50%; text-align: left; color: #3a2928; line-height: 1.5; background:#e4f2ff; }
.s405-col-item .s405-title { font-weight: bold; font-size: 25px; color: #3a2928; margin-bottom: 6px; word-break:keep-all; }
.s405-col-item .s405-desc { color: #3a2928; font-size: 20px; word-break:keep-all;}
.s405-col-price-1, .s405-col-price-3 { background: #dee4e5; width: 12.5%; font-weight: bold; color: #3a2928; font-size:25px;font-weight:700;padding:0 10px;}
.s405-col-price-2, .s405-col-price-4 { background: #e4f2ff; width: 12.5%; font-weight: bold; color: #3a2928; font-size:25px;font-weight:700; padding:0 10px;}
.s405-footer-banner { width: 100%; min-width: 900px; background-color: #8ebee5; color: #3a2928; display: flex; justify-content: space-between; align-items: center; padding: 25px 20px; font-size: 25px; font-weight: bold; border-radius: 0 0 8px 8px; box-sizing: border-box; margin-top:10px;}
.s405-footer-banner .s405-left-text { color: #3a2928; font-weight: normal; font-size:20px; flex:0 0 55%;}
.s405-footer-banner .s405-right-text { flex:1; text-align:center; padding-right:3%;}

@media screen and (max-width: 1024px) {
	.s405-th {padding: 12px 5px;font-size: 15px;}
	.s405-td {padding: 14px 15px;}


	.s405-col-item .s405-title { font-size: 15px;  }
	.s405-col-item .s405-desc { font-size: 13px; }
	.s405-col-price-1, .s405-col-price-3 { width: 12.5%; font-size:13px;}
	.s405-col-price-2, .s405-col-price-4 { width: 12.5%; font-size:13px;}


	.s405-footer-banner{display:block;min-width:100%; font-size:14px;}
	.s405-footer-banner .s405-left-text { display:block; margin-bottom:20px; font-size:12px;}
	.s405-footer-banner .s405-right-text { flex:1; text-align:left; padding-right:0;}
}




.hgc-wrap {   position:relative; z-index:999; padding:150px 0; background:#032b64}
.hospital-gallery-container {margin: 0 auto;text-align: center;}
.tsc-wrap { padding:0 0 40px; }
.tab-swiper-container {position: relative;padding: 0 40px 0;max-width:1400px;margin:0 auto;}
.tab-swiper {width: 100%;}
.tab-swiper .swiper-slide {display: flex;justify-content: center;}
.tab-btn {
	width: 95%;padding: 12px 0;height:76px;display:inline-flex;align-items:center;justify-content:center;
	background: #0a1f3d;color: #fff;border-radius: 8px;cursor: pointer;font-weight: bold;transition: all 0.3s;font-size:2.8rem;line-height:1;
	letter-spacing:-0.025em;font-weight:700;border:none;
}
.tab-btn.active {background-color: #8ebee5;color: #3f3f3f;}
.tab-prev, .tab-next {
	position: absolute;top: 50%;transform: translateY(-50%);width: 37px;height: 52px;background: transparent;
	border-radius: 10px;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10;
}
.tab-prev { left: 0; }
.tab-next { right: 0; }
.tab-prev::after { content:"";display:block;width:14px;height:28px;background:url(../imgs/sub/i-big-prev.svg) no-repeat center / 100%; }
.tab-next::after { content:"";display:block;width:14px;height:28px;background:url(../imgs/sub/i-big-next.svg) no-repeat center / 100%; }

.main-swiper { height: 747px; border-radius: 20px; }
.thumb-swiper { height: 130px; margin-top: 10px; }
.thumb-swiper .swiper-slide { width: 20%; opacity: 0.4; }
.thumb-swiper .swiper-slide-thumb-active { opacity: 1; border: 2px solid #a68b6a; }
.mt-swiper-wrap { background:#032b64 }

#currentTabTitle {font-size: 7rem;font-weight:700;color:#fff;padding: 6rem 0;text-align:center;}
.main-swiper {width: 100%;height: 747px;border-radius: 20px;margin-bottom: 15px;max-width:1120px;margin:0 auto;}
.main-swiper img {width: 100%;height: 100%;object-fit: cover;}
.thumb-swiper {width: 100%;height: 140px; box-sizing: border-box;max-width:1120px;margin:43px auto; }
.thumb-swiper .swiper-slide {
	width: 20%; height: 100%;opacity: 1;cursor: pointer;border: 0;
	position:relative;overflow:hidden;
}
.thumb-swiper .swiper-slide img { height:130px; }
.thumb-swiper .swiper-slide-thumb-active {opacity: 1;}
.thumb-swiper .swiper-slide-thumb-active::after { content:"";display:block; position:absolute;left:0;bottom:0;width:100%;height:4px; background:#8ebee5; border-radius:2px;}

.thumb-swiper img {width: 100%;height: 100%;object-fit: cover;border-radius: 5px;}
.gallery-outer-wrapper {position: relative;max-width: 800px;margin: 0 auto;padding: 0 60px;}
.custom-prev, .custom-next {
	position: absolute;top: 460px;width: 83px !important;height: 224px !important;border:1px solid #8ebee5;
	background-color: transparent; border-radius: 45px; z-index: 20;display:inline-flex;align-items:center;justify-content:center;
}
.custom-prev {left: 50% !important; margin-left:-680px !important;}
.custom-next {left: 50% !important; margin-left:600px !important;}
.custom-prev::after, .custom-next::after {font-size: 20px !important;font-weight: bold;}
.custom-prev::after { content:"";display:block;width:14px;height:28px;background:url(../imgs/sub/i-big-prev.svg) no-repeat center / 100%; color:transparent;}
.custom-next::after { content:"";display:block;width:14px;height:28px;background:url(../imgs/sub/i-big-next.svg) no-repeat center / 100%; color:transparent; }

/* 2. 태블릿 구간 (1200px 이하) */
@media (max-width: 1200px) {
	#currentTabTitle { font-size: 4.5rem; padding: 4rem 0; }
	.main-swiper { height: 500px; } /* 높이 축소 */
	.custom-prev { margin-left: -48%; left: 0 !important; }
	.custom-next { margin-left: 40%; left: auto !important; right: 0 !important; }
	.custom-prev, .custom-next {width: 60px !important;height: 160px !important;top: 50%;transform: translateY(-50%);}
}
@media (max-width: 992px) {
	.hgc-wrap { padding:80px 0; }
	#currentTabTitle { font-size: 3.5rem; }
	.tab-btn { font-size: 1.8rem; height: 60px; }
	.main-swiper { height: 400px; }
	.thumb-swiper { height: 100px; margin: 20px auto; }
	.thumb-swiper .swiper-slide img { height:90px; }
	.custom-prev, .custom-next {width: 45px !important;height: 100px !important;border-radius: 25px;}
	.custom-prev { margin-left: 0 !important; left: 10px !important; }
	.custom-next { margin-left: 0 !important; right: 10px !important; }
}
@media (max-width: 768px) {
	.tab-swiper-container { padding: 0 35px; margin:0 20px; }
	.tab-prev, .tab-next { width: 30px; height: 45px; border-radius: 5px; }
	#currentTabTitle { font-size: 2.8rem; padding: 3rem 0; }
	.main-swiper { height: auto; aspect-ratio: 4 / 3;}
	.thumb-swiper { height: 80px; }
	.thumb-swiper .swiper-slide img { height:70px; }
/*	.thumb-swiper .swiper-slide { width: 25%; } */
	.custom-prev, .custom-next {top: 40%;background-color: rgba(255, 255, 255, 0.8);}
	.mt-swiper-wrap { padding:0 10px; }
	.custom-prev, .custom-next {width: 40px !important;height: 60px !important;top: 50%;transform: translateY(0%);margin-top:5px !important;}
	.thumb-swiper .swiper-slide-thumb-active::after {height:3px;}
}
@media (max-width: 480px) {
	.tab-btn { font-size: 1.5rem; height: 50px; }
	#currentTabTitle { font-size: 2.2rem; }
	/* 모바일에서 양옆 화살표가 이미지를 너무 가리면 숨기는 것이 좋습니다 */
	/* .custom-prev, .custom-next { display: none; } */
	.thumb-swiper { margin: 15px auto; }
	.thumb-swiper { height: 60px; }
	.thumb-swiper .swiper-slide img { height:50px; }
	.custom-prev, .custom-next { display:none !important; }
}




.eqList { display:flex; justify-content:flex-start; gap:62px; flex-wrap:wrap;}
.eqList article { margin-top:83px; flex:0 0 423px; }
.eqList article .eqTop { border:1px solid #8ebee5; border-radius:10px;position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; padding:47px 10px 47px; min-height:510px;}
.eqList article .eqTop h4 { font-weight: 700;font-style: Bold;font-size: 28px;line-height: 140%;letter-spacing: -2.5%;text-align: center;color: #3f3f3f; flex:0 0 auto; padding-bottom:15px;}
.eqList article .eqTop div { text-align:center; display:flex; align-items:center; flex:1;}

.eqList article .eqBottom { position:relative; z-index:2; margin-top:-28px; }
.eqList article .eqBottom h5 { background:#8ebee5; border-radius:28px; height:56px; color: #3F3F3F;font-weight: 700;font-style: Bold;font-size: 27px;line-height: 135%;letter-spacing: -2.5%;text-align: center; display:flex; align-items:center; justify-content:center; max-width:362px; margin:0 auto;}
.eqList article .eqBottom p { font-weight: 500;font-style: Medium;font-size: 22px;line-height: 160%;letter-spacing: -2.5%;text-align: center;word-break:keep-all; margin-top:25px;color:#3f3f3f;}
.eqList article .eqBottom p br { display:block; }

.eqList._White article .eqTop { border:1px solid #EDEDED; }
.eqList._White article .eqTop h4 { color: #EDEDED; }
.eqList._White article .eqBottom h5 { background:#ededed; color: #3F3F3F; }
.eqList._White article .eqBottom p { color: #EDEDED;}

.dept-intro-hero.light-blue-bg{ background: #e4f2ff; color: #3f3f3f;}
.dept-intro-hero.light-blue-bg .eng-label { color: #8ebee5; }
.dept-intro-hero.light-blue-bg .sub-category-title { color: #3f3f3f; }
.dept-intro-hero.light-blue-bg .bg-outline-watermark { -webkit-text-stroke: 1px rgba(142, 190, 229, 1); }
.dept-intro-hero.light-blue-bg.white-bg{ background: #fff; }

.eqimg101 { max-width:353px; }
.eqimg102 { max-width:401px; }
.eqimg103 { max-width:198px; }
.eqimg104 { max-width:237px; }
.eqimg105 { max-width:306px; }
.eqimg106 { max-width:368px; }

.eqimg201 { max-width:368px; }
.eqimg202 { max-width:310px; }
.eqimg203 { max-width:364px; }
.eqimg204 { max-width:376px; }
.eqimg205 { max-width:321px; }
.eqimg206 { max-width:408px; }
.eqimg207 { max-width:310px; }
.eqimg208 { max-width:304px; }
.eqimg209 { max-width:408px; }

.eqimg301 { max-width:292px; }
.eqimg302 { max-width:310px; }
.eqimg303 { max-width:405px; }
.eqimg304 { max-width:403px; }
.eqimg305 { max-width:284px; }
.eqimg306 { max-width:242px; }
.eqimg307 { max-width:344px; }
.eqimg308 { max-width:392px; }

.eqimg401 { max-width:306px; }
.eqimg402 { max-width:316px; }
.eqimg403 { max-width:233px; }
.eqimg404 { max-width:290px; }

.eqimg501 { max-width:264px; }
.eqimg502 { max-width:222px; }
.eqimg503 { max-width:318px; }
.eqimg504 { max-width:270px; }
.eqimg505 { max-width:275px; }
.eqimg506 { max-width:360px; }
.eqimg507 { max-width:270px; }
.eqimg508 { max-width:343px; }

@media screen and (max-width: 1024px) {
	.eqList { gap: 40px; justify-content: center; }
	.eqList article { flex: 0 0 calc(50% - 20px); max-width: 423px; margin-top: 60px; }
	.eqList article .eqTop { min-height: 420px; padding: 40px 10px; }
	.eqList article .eqTop h4 { font-size: 24px; }
	.eqList article .eqBottom h5 { font-size: 24px; max-width: 90%;}
	.eqList article .eqBottom p { font-size: 18px; }
}
@media screen and (max-width: 768px) {
	.eqList { gap: 30px; flex-direction: column;align-items: center; }
	.eqList article { flex: 0 0 auto; width: 100%; margin-top: 40px; }
	.eqList article .eqTop { min-height: auto;padding: 35px 20px 45px;}
	.eqList article .eqTop h4 { font-size: 20px; }
	.eqList article .eqBottom { margin-top: -24px;}
	.eqList article .eqBottom h5 { height: 48px; font-size: 18px; border-radius: 24px; width: 90%; }
	.eqList article .eqBottom p { font-size: 16px; margin-top: 16px; }
	.eqList article .eqBottom p br { display: none; }
}



.doctor-container { max-width: 1284px; margin: 0 auto; padding: 160px 20px; position: relative; z-index: 2; }
.medical-section { width: 100%; position: relative; }
.dark-bg { background: url('/imgs/doctor/doc_bg.png') no-repeat center center / cover; }
.dark-bg .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(4, 30, 82, 0.88); z-index: 1; }
.section-doctor-title { text-align: center; position: relative; margin-bottom: 140px; }
.section-doctor-title .sub { font-size: 18px; color: #8EBEE5; font-weight: 800; }
.section-doctor-title h2 { font-size: 40px; color: #fff; margin-top: 20px; }
.light-bg .section-doctor-title h2 { border: 1px solid rgba(255, 255, 255, 0.21); color: #3A2928; }
.section-doctor-title .bg-doctor-text { margin-top: 20px; font-size: 90px; font-weight: 900; color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.05); white-space: nowrap; z-index: 1; letter-spacing: 5px; pointer-events: none; }
.section-doctor-title .bg-doctor-text.light { color: rgba(0, 102, 204, 0.05); }
.light-bg .section-doctor-title .sub { color: #8EBEE5; }
.light-bg .section-doctor-title .bg-doctor-text { -webkit-text-stroke: 1px rgba(142, 190, 229, 1); font-size: 90px; font-weight: 900; color: transparent; white-space: nowrap; z-index: 1; letter-spacing: 5px; pointer-events: none; }
.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 150px 84px; }
.doctor-card { background: #ffffff; border-radius: 30px; position: relative; margin-top: 60px; display: flex; flex-direction: column; border-bottom: 2px solid rgba(142, 190, 229, 1); }
.img-wrapper { position: relative; background-color: rgba(245, 241, 236, 1); width: 100%; height: 402px; margin-top: -70px; display: flex; justify-content: center; align-items: flex-end; border-radius: 30px 30px 0 0; }
.light-bg .img-wrapper { background-color: rgba(237, 237, 237, 1); }
.img-wrapper img { max-width: 100%; object-fit: contain; }
.card-info { padding: 25px 30px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #f0f0f0; margin-top: auto; }
.card-info .position { display: block; font-size: 18px; color: rgba(73, 73, 73, 1); font-weight: 500; margin-bottom: 4px; }
.card-info .name { font-size: 30px; font-weight: 700; color: rgba(42, 40, 41, 1); letter-spacing: -0.02px; }
.btn-detail { width: 84px; height: 61px; border-radius: 31px; border: 1px solid rgba(0, 0, 0, 0.5); background: #fff url("/imgs/doctor/i_arrow.svg") center center no-repeat; cursor: pointer; transition: all 0.3s ease; }
.btn-detail:hover { background-color: rgba(0, 0, 0, 0.15); border: none; }

.full-modal { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #eaf4ff; z-index: 9999; overflow-y: auto; }
.full-modal.active { display: block; }
.btn-close { position: absolute; top: 30px; right: 40px; background: none; border: none; font-size: 45px; cursor: pointer; color: #333; z-index: 10; }
.modal-content { display: flex; width: 100%; min-height: 100vh; }
.modal-left { width: 30%; background-color: #d1e3f0; display: flex; height:100%;}
.modal-left img { width: 100%; height:auto;  }
.modal-right { width: 70%; padding: 80px 100px; height: 100vh; overflow-y: auto; }

.modal-header { margin-bottom: 40px; padding-bottom: 20px; position:relative; padding-top:35px;}
.modal-header .dept { color: rgba(63, 63, 63, 1); font-size: 23px; font-weight: bold; letter-spacing:-0.02px;}
.modal-header .doctor-name { font-size: 40px; margin-top: 20px; padding:37px 0; color: rgba(3, 43, 100, 1); border-top: 1px solid rgba(142, 190, 229, 1);border-bottom: 1px solid rgba(142, 190, 229, 1);}
.modal-header .doctor-name span { font-size: 24px; font-weight: normal; margin-left: 10px; color: rgba(63, 63, 63, 1);letter-spacing:-0.02px; font-weight:500;}

.info-block { margin-bottom: 60px; }
.info-block h3 { display: inline-block; 
	background: rgba(142, 190, 229, 1); padding: 8px 20px; border-radius: 50px; font-size: 30px; margin-bottom: 35px; 
	color: rgba(63, 63, 63, 1);
}
.info-block ul { list-style: none; padding-left: 10px; }
.info-block ul li { position: relative; padding-left: 18px; font-size: 24px; color: rgba(63, 63, 63, 1); line-height: 1.8; white-space: pre-line;}
.info-block ul li::before { content: ""; position: absolute; left: 0; color: rgba(63, 63, 63, 1); font-size: 24px; width:6px; height:6px; background:rgba(63, 63, 63, 1); border-radius:3px; top:18px;}

.doc-logo-img { position:absolute; right:0; top:0px; }

@media (max-width: 1200px) {
  .doctor-container { padding: 120px 20px; }
  .section-doctor-title { margin-bottom: 100px; }
  .section-doctor-title .bg-doctor-text, .light-bg .section-doctor-title .bg-doctor-text { font-size: 70px; }
  .card-grid { gap: 120px 40px; }
  .modal-right { padding: 60px 50px; }
}

@media (max-width: 992px) {
  .doctor-container { padding: 100px 20px; }
  .section-doctor-title { margin-bottom: 80px; }
  .section-doctor-title .sub { font-size: 16px; }
  .section-doctor-title h2 { font-size: 32px; margin-top: 15px; }
  .section-doctor-title .bg-doctor-text, .light-bg .section-doctor-title .bg-doctor-text { font-size: 50px; letter-spacing: 2px; }
  .card-grid { grid-template-columns: repeat(2, 1fr); gap: 100px 30px; }
  .img-wrapper { height: 340px; margin-top: -50px; }
  .card-info .position { font-size: 16px; }
  .card-info .name { font-size: 24px; }
  .btn-detail { width: 70px; height: 50px; border-radius: 25px; }
  .modal-content { flex-direction: column; }
  .modal-left { width: 100%; height: auto; }
  .modal-left img { max-height: auto; }
  .modal-right { width: 100%; padding: 40px 24px; }
  .btn-close { top: 20px; right: 20px; font-size: 36px; }

}

@media (max-width: 576px) {
  .doctor-container { padding: 60px 16px; }
  .section-doctor-title { margin-bottom: 60px; }
  .section-doctor-title .sub { font-size: 14px; }
  .section-doctor-title h2 { font-size: 26px; margin-top: 10px; }
  .section-doctor-title .bg-doctor-text, .light-bg .section-doctor-title .bg-doctor-text { font-size: 36px; letter-spacing: 1px; margin-top: 10px; }
  .card-grid { grid-template-columns: 1fr; gap: 80px 0; }
  .doctor-card { margin-top: 40px; border-radius: 20px; }
  .img-wrapper { height: auto; margin-top: -40px; border-radius: 20px 20px 0 0; }
  .card-info { padding: 16px 20px; }
  .card-info .position { font-size: 14px; }
  .card-info .name { font-size: 20px; }
  .btn-detail { width: 60px; height: 44px; border-radius: 22px; background-size: 18px; }
  .modal-left { height: auto; flex:0 0 auto;}
  .modal-left img { max-height: auto; height:auto;}
  .modal-right { padding: 30px 16px; flex:1;}
  .modal-header { margin-bottom: 24px; padding-bottom: 16px; }
  .modal-header .dept { font-size: 14px; }
  .modal-header .doctor-name { font-size: 26px; padding:20px 0;}
  .modal-header .doctor-name span { font-size: 16px; margin-left: 6px; }
  .info-block { margin-bottom: 24px; }
  .info-block h3 { font-size: 14px; padding: 4px 14px; margin-bottom:10px;}
  .info-block ul li { font-size: 14px; padding-left:10px;}
	.doc-logo-img { max-width:50%; }

  .info-block ul li::before { top:11px; width:3px; height:3px;}
}