/* 00_main.php original style block 1 */
html,body{font-family:'Noto Sans KR';}
.nomar{margin:0 !important;}
.sec .tit{font-size:32rem; color:#000; margin-bottom:40rem; font-weight:700;}
.serifkr{font-family:'Noto Serif KR';}
.serif{font-family:'Noto Serif KR';}
.sec .inner{width:95%; max-width:1300rem; margin:0 auto; position:relative;}
.img-res{width:100% !important;}
.img-res02{width:50% !important;}

/* 레이아웃 필수 유틸리티 클래스 (누락 방지용 추가) */
.tac { text-align: center; }
.white { color: #fff; }
.black { color: #000; }
.fz14 { font-size: 14rem; }
.fz18 { font-size: 18rem; }
.fz21 { font-size: 21rem; }
.fz22 { font-size: 22rem; }
.fz26 { font-size: 26rem; }
.fz28 { font-size: 28rem; }
.fz32 { font-size: 32rem; }
.fz36 { font-size: 36rem; }
.fz40 { font-size: 40rem; }
.fz48 { font-size: 48rem; }
.fz60 { font-size: 60rem; }
.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw700 { font-weight: 700; }
.fw900 { font-weight: 900; }
.mb10 { margin-bottom: 10rem; }
.mb20 { margin-bottom: 20rem; }
.mb30 { margin-bottom: 30rem; }
.mb50 { margin-bottom: 50rem; }
.mb80 { margin-bottom: 80rem; }
.mb100 { margin-bottom: 100rem; }
.mt10 { margin-top: 10rem; }
.mt20 { margin-top: 20rem; }
.mt50 { margin-top: 50rem; }
.mt100 { margin-top: 100rem; }
.mt200 { margin-top: 200rem; }
.ml20 { margin-left: 20rem; }
.mr20 { margin-right: 20rem; }
.lh16 { line-height: 1.6; }
.lh17 { line-height: 1.7; }
.lh18 { line-height: 1.8; }
.flex { display: flex; }
.gap10 { gap: 10rem; }
.gap20 { gap: 20rem; }
.gap30 { gap: 30rem; }
.gap50 { gap: 50rem; }
.grid { display: grid; }

.sec01{width:100%; position:relative; overflow:hidden;}
.sec01 .txt{position:absolute; left:50%; bottom:25%; transform:translate(-50%, -10%);}
.sec01 .scdown{position:absolute; left:50%; bottom:0rem; transform:translate(-50%, 0%); z-index:9;}
.sec01 .scdown .line{width:3rem; height:50rem; background:#9d9d9d; margin:0 auto; position:relative;}
.sec01 .scdown .line_em{animation: slideUpDownc 1s infinite linear; width:100%; height:0; position:absolute; left:0; top:0; background:#fff;}
.sec01 .scdown .f1{animation: slideUpDown 1s infinite linear;}
.sec01 .logs{width:100%; position:absolute; text-align:center; padding:44rem 0; z-index:9;}

/* ── 영상 위 텍스트 오버레이 ── */
.sec01 .hero_overlay{
	position:absolute; z-index:8;
	bottom:22%; left:50%;
	transform:translateX(-50%);
	text-align:center;
	width:90%; max-width:900rem;
	pointer-events:none;
}
.sec01 .hero_overlay .hero_sub{
	display:block;
	font-size:15rem; font-weight:500; letter-spacing:0.35em;
	color:rgba(255,255,255,0.78);
	text-transform:uppercase;
	margin-bottom:18rem;
	font-family:'Noto Sans KR', sans-serif;
	/* 텍스트 선명도 확보용 그림자 */
	text-shadow: 0 1px 8px rgba(0,0,0,0.55);
}
/* 화면에는 보이지 않지만 검색엔진·스크린리더에는 읽히는 텍스트 */
.sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
.sec01 .hero_overlay .hero_main{
	display:block;
	margin:0; /* h1 기본 여백 제거 — 기존 span과 동일한 레이아웃 유지 */
	font-family:'Noto Serif KR', serif;
	font-size:56rem; font-weight:700; line-height:1.25;
	color:#fff;
	letter-spacing:-0.01em;
	text-shadow: 0 2px 24px rgba(0,0,0,0.5), 0 1px 4px rgba(0,0,0,0.4);
}
.sec01 .hero_overlay .hero_main em{
	font-style:normal;
	color:#FFE8A3; /* 골드 포인트 */
}
.sec01 .hero_overlay .hero_clinic{
	display:block;
	font-size:16rem; font-weight:400; letter-spacing:0.22em;
	color:rgba(255,255,255,0.7);
	margin-top:24rem;
	font-family:'Noto Sans KR', sans-serif;
	text-shadow: 0 1px 8px rgba(0,0,0,0.55);
}
/* 아래서 올라오는 페이드인 */
@keyframes heroFadeUp{
	from{opacity:0; transform:translateY(18rem);}
	to  {opacity:1; transform:translateY(0);}
}
.sec01 .hero_overlay .hero_sub  {animation:heroFadeUp 0.9s 0.3s both ease-out;}
.sec01 .hero_overlay .hero_main {animation:heroFadeUp 1s  0.6s both ease-out;}
.sec01 .hero_overlay .hero_clinic{animation:heroFadeUp 1s  0.9s both ease-out;}

/* ── 메인 영상 래퍼 — 데스크탑: 16:9 비율 유지 ── */
.sec01_video_wrap{position:relative; width:100%; padding-bottom:56.25%; height:0; overflow:hidden;}
.sec01_video_wrap iframe{position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%,-50%); border:0;}
@keyframes slideUpDown {
	0% {transform: translateY(0);}
	50% {transform: translateY(5rem);}
	100% {transform: translateY(0);}
}
@keyframes slideUpDownc {
	0% {height:0;}
	50% {height:100%;}
	100% {height:0;}
}

.sec02{width:100%; padding:110rem 0; margin:0 auto;}
.sec02 .inner{width:100%; max-width:1400rem; margin:0 auto;}
.sec02 .sys_con{width:100%; margin:0 auto;  height:650rem;}
.sec02 .sys_con .box{width:20%; float:left; height:100%; background:rgba(0,0,0,.6); position:relative; transition:all 0.5s ease; display:flex; justify-content:center; background-size:cover; background-position:center center;}
.sec02 .sys_con .box .box_inner{position:absolute; left:50%; top:50%; max-width: 400rem; transform:translate(-50%, -50%); padding:0 22rem; width:100%;}
.sec02 .sys_con a{background:#ffdd27; color:#333; display:inline-block; padding:20rem 30rem;}
.sec02 .sys_con .box p,.sec02 .sys_con .box a{display:none;}
.sec02 .sys_con .box .tat{display:block;}
.sec02 .sys_con .box.ac_on{width:60%; transition:all 0.5s ease;}
.sec02 .sys_con .box.ac_off{width:10%;transition:all 0.5s ease;}
.sec02 .sys_con .box.ac_on p{display:block;}
.sec02 .sys_con .box.ac_on a{display:inline-block;}
.sec02 .sys_con .box.box01{background-image:url('/img/main_subject_1.jpg');}
.sec02 .sys_con .box.box02{background-image:url('/img/main_subject_2.jpg');}
.sec02 .sys_con .box.box03{background-image:url('/img/main_subject_3.jpg');}
.sec02 .sys_con .box.box04{background-image:url('/img/main_subject_4.jpg');}
.sec02 .sys_con .box.box05{background-image:url('/img/main_subject_5.jpg');}

.modals{width:100%; height:100%; padding:88rem 0; position:fixed; left:0; top:0; z-index:99999; background:#fff; overflow-y:scroll; display:none;}
.modals .container-1380 { width: 95%; max-width: 1380rem; margin: 0 auto; display: none; }
.modals .fdiv{width:300rem;}
.modals .pimg{width:calc(100% - 300rem);}
.modals .grid.gtc-4{grid-template-columns:repeat(4, 1fr);}
.modals .grid.gtc-3{grid-template-columns:repeat(3, 1fr);}
.modals .grid.gtc-2{grid-template-columns:repeat(2, 1fr);}
.modals .fixed_sym{position:absolute; z-index:-1; left:50rem; top:50rem;}
.modals .closes{position:fixed; z-index:10; right:40rem; top:40rem; cursor:pointer; display:flex; align-items:center; gap:8rem; background:#324A60; color:#fff; border:none; padding:12rem 22rem; border-radius:50rem; font-size:16rem; font-weight:700; font-family:'Noto Sans KR', sans-serif; box-shadow:0 4px 16px rgba(0,0,0,0.18); transition:background 0.2s;}
.modals .closes:hover{background:#1a2e3f;}
.modals .closes svg{flex-shrink:0;}

/* 하단 고정 닫기 바 */
.modal-close-bar{position:fixed; bottom:0; left:0; width:100%; z-index:10; background:rgba(255,255,255,0.96); backdrop-filter:blur(8px); border-top:1px solid #E0E0E0; padding:16rem 0; text-align:center; display:none; box-shadow:0 -4px 20px rgba(0,0,0,0.08);}
.modal-close-bar .close-bar-btn{display:inline-flex; align-items:center; gap:10rem; background:#324A60; color:#fff; border:none; padding:16rem 48rem; border-radius:50rem; font-size:18rem; font-weight:700; font-family:'Noto Sans KR', sans-serif; cursor:pointer; transition:background 0.2s;}
.modal-close-bar .close-bar-btn:hover{background:#1a2e3f;}

@media(max-width:768px){
	.modals .closes{right:16rem; top:16rem; padding:10rem 18rem; font-size:15rem;}
	.modal-close-bar .close-bar-btn{padding:14rem 40rem; font-size:17rem;}
}

.sec03{width:100%; padding:110rem 0; margin:0 auto;}
.sec03 .majors{ background:url('/nimg/symbol.png') -100rem 50rem #F7F7F7 no-repeat; border-radius:0 150rem 0 0; padding:88rem;}
.sec03 .info{display:flex; gap:20rem; justify-content:space-between; width:95%; max-width:700rem;}
.sec03 .info ul li{padding:11px 0; position:relative; padding-left:11px;}
.sec03 .info ul li::before{content:'ㆍ'; position:absolute; left:-15px; top:8px; font-size:24px; font-weight:900;}
.sec03 .k3 span{color:#FFDD27;}
.sec03 .line_txt{position:relative; padding-left:20rem; top:-7rem;}
.sec03 .line_txt::before{content:'|'; position:absolute; left:0rem; top:3rem;}
.sec03 .imgs{width:530rem; height:620rem; position:absolute; right:0; bottom:184rem;}
.sec03 .pcon{display:block;}
.sec03 .mbon{display:none;}

ul.modal_box{gap:0;}
ul.modal_box li{border:1px solid #D9D9D9; border-right:none;}
ul.modal_box li:last-child{border-right:1px solid #d9d9d9;}
ul.modal_box li .tb_box{padding:22px 0;}
ul.modal_box li .back1{background:#D9D9D9;}
ul.modal_box li .back2{background:#30A0E0;}		
.linetit span{position:relative; display:inline-block; font-weight:700;}
.linetit span::after{content:'';position:absolute; left:0; bottom:0px; background:rgba(255, 223, 52, 0.6); width:100%; height:15px; z-index:-1;}
.sentence_block li{display:flex; gap:30px;}
.sentence_block li span{background:rgba(50, 74, 96, 1); color:#fff; text-align:center; font-size:21px; width:48px; height:48px; line-height:46px; border-radius:100%; display:inline-block;}
.sentence_block li div{width:calc(100% - 48px);}
.modal_bottom_banner{padding:180px 0; background:url('/img/230708_21.png') center center no-repeat; background-size:cover;}
.modal_bottom_banner .txtwrap{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;}
.jindan{justify-content:space-between;}
.jindan .dv1{background:#F7F7F7; padding:66px 88px; width:50%; box-sizing: border-box;}
.jindan .dv2{width:50%;}
.count_rounds{margin:0 auto; width:274px; height:274px; line-height:225px; position:relative; text-align:center; background: linear-gradient(180deg, #2EA7E0 0%, #1F4094 100%); border-radius:100%;}
.gobtn{width:90px; border-radius:5px; cursor:pointer; line-height:45px; position:absolute; clear:both; display:inline-block; padding:0; background:#fff; color:#000; font-size:16px; font-weight:700; left:50%; bottom:30px; transform:translate(-50%, -50%);}
.jindan span{font-weight:700;}
.jindan span.colors1{color:#D92929;}
.jindan span.colors2{color:#EE8100;}
.jindan span.colors3{color:#E1A200;}
.jindan span.colors4{color:#04B100;}
.method_list .img{margin:0 auto; width:120px; height:120px; border-radius:100%; text-align:center; background:rgba(50,74,96,1); color:#fff; margin-bottom:40px; display:flex; align-items:center; justify-content:center;}
.sample_list li{text-align:center;}
.sample_list .labels{width:auto; display:inline-block; padding:8px 33px; background:#30A0E0; border-radius:50px; margin:0 auto; margin-bottom:20px;}
.qna_list li{align-items:start;}
.qna_list .nums{min-width:48px; height:48px; line-height:48px; font-weight:700; color:#fff; font-size:24px; background:#324A60; text-align:center; border-radius:100%; display:inline-block;}
.yak_list{align-items:center; justify-content:space-between;}
.yak_list li.yak_hv{width:100%; background:#D9D9D9; text-align:center;}
.yak_list li.yak_name{min-width:150px;}
.yak_data{padding:25px 0; width:100%;}
.yak_data_1{display:inline-block; color:#fff; text-align:center; background: linear-gradient(to right, #30A0E0 95%, transparent 95%); font-size:22px}
.yak_data_2{display:inline-block; color:#000; text-align:center; background: linear-gradient(to right, #30A0E0 20%, transparent 20%); font-size:22px}

@media(max-width: 768px) {
	.main_slide{height:700rem;}
	.main_slide .swiper-slide .img-res{width:unset !important;}
	.sec01 .txt {overflow:hidden; bottom:15%;}
	.sec01 .txt .t1{font-size:19rem;}
	.sec01 .txt .t2{font-size:28rem;}
	.sec01 .logs{top:40rem; display: none; }
	/* ── 모바일 오버레이 텍스트 ── */
	.sec01 .hero_overlay{bottom:18%; width:88%;}
	.sec01 .hero_overlay .hero_sub{font-size:11rem; letter-spacing:0.25em; margin-bottom:12rem;}
	.sec01 .hero_overlay .hero_main{font-size:32rem; line-height:1.3;}
	.sec01 .hero_overlay .hero_clinic{font-size:13rem; letter-spacing:0.18em; margin-top:16rem;}
	/* ── 모바일 영상: sec01 고정 높이 + wrapper cover 방식 ── */
	.sec01{ height:50vh; min-height:260px; }
	.sec01_video_wrap{
		position:absolute; top:0; left:50%;
		height:50vh; min-height:260px;
		width:calc(50vh * 16 / 9);
		min-width:100%;
		padding-bottom:0 !important;
		transform:translateX(-50%);
	}
	.sec01_video_wrap iframe{
		position:absolute; top:0; left:0;
		width:100% !important; height:100% !important;
		transform:none;
	}
	.sec02{padding:55rem 0; width:95%;}
	.sec02 .sys_con{height:inherit; display:inline-block;}
	.sec02 .sys_con .box{width:100%; height:150rem;}
	.sec02 .sys_con .box.ac_on{width:100%; height:350rem;}
	.sec02 .sys_con .box.ac_off{width:100%; height:150rem;}
	.sec02 .sys_con .box .tat{margin-bottom:0;}
	.modals{padding:44rem 0;}
	.modals .fixed_sym img{width:100%;}
	.modals .closes{right:16rem; top:16rem; padding:10rem 16rem; font-size:14rem;}
	/* .modals .closes img 제거됨 — 이미지 버튼 → 텍스트 버튼으로 교체 */
	.modals .flex{display:block;}
	.modals .fdiv{width:100%; padding:6rem 0;}
	.modals .grid.gtc-4{margin-top:30rem; grid-template-columns: repeat(2, 1fr);}
	.modals .grid.gtc-3{margin-top:30rem; grid-template-columns: repeat(1, 1fr);}
	.modals .grid.gtc-2{margin-top:30rem; grid-template-columns: repeat(1, 1fr);}
	.sec03{padding:55rem 0;}
	.sec03 .k3{margin-top:50rem;}
	.sec03 .majors{padding:44rem;}
	.sec03 .imgs{width:100%; height:inherit; position:relative; bottom:unset; right:unset;}
	.sec03 .info{max-width:inherit; width:100%; display:block;}
	.sec03 .info ul li{padding:11rem 0;}
	.sec03 .info ul li::before{left:-21px; top:5px;}
	.sec03 .pcon{display:none;}
	.sec03 .mbon{display:block;}
	.modals .pimg{width:100%;}
	.modals .mt100{margin-top:50rem;}
	.modals .mt200{margin-top:100rem;}
	ul.modal_box li{border:1px solid #d9d9d9;}
	.jindan .dv1{width:100%; padding:33px;}
	.jindan .dv2{width:100%;}
	.count_rounds{margin-top:20px; width:100%; height:200px; line-height:100px; border-radius:0;}
	.gobtn{bottom:20px;}
	.qna_list .nums{border-radius:0; display:inline-block;}
	.yak_list li.yak_hv{margin-top:30px; margin-bottom:30px;}
	.method_list li img{margin-top:15rem !important;}
}

/* 00_main.php original style block 2 */
.afc-clinic{width:100%; padding:110rem 0; background:#f5f5f7;}
.afc-clinic .afc-inner{width:95%; max-width:1300rem; margin:0 auto;}
.afc-clinic .afc-tit{
	font-family:'Pretendard Variable', Pretendard, 'Noto Sans KR', sans-serif;
	font-size:38rem; font-weight:800; letter-spacing:-0.035em;
	color:#1d1d1f; margin:0 0 14rem 0; line-height:1.2;
}
.afc-clinic .afc-lede{
	font-size:20rem; color:#86868b; line-height:1.65;
	letter-spacing:-0.01em; margin:0 0 44rem 0;
}
.afc-clinic .afc-grid{display:flex; gap:14rem;}

/* 카드 = 중점진료 박스와 동일한 문법
   전면 사진 + 어두운 그라데이션 + 흰 글씨 + 반투명 화이트 필 */
.afc-card{
	flex:1; position:relative; overflow:hidden;
	display:flex; flex-direction:column; justify-content:center;
	min-height:520rem; border-radius:22rem;
	background:#1d1d1f; text-decoration:none; box-sizing:border-box;
	transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s cubic-bezier(.2,.7,.2,1);
}
.afc-card:hover{transform:translateY(-8rem); box-shadow:0 32rem 64rem -26rem rgba(0,0,0,0.28);}
.afc-card .afc-thumb{position:absolute; inset:0; overflow:hidden;}
.afc-card .afc-thumb img{
	width:100%; height:100%; object-fit:cover; display:block;
	transition:transform .9s cubic-bezier(.2,.7,.2,1);
}
.afc-card:hover .afc-thumb img{transform:scale(1.07);}
.afc-card .afc-thumb::after{
	content:''; position:absolute; inset:0; pointer-events:none;
	background:linear-gradient(180deg, rgba(0,0,0,0.32) 0%, rgba(0,0,0,0.52) 45%, rgba(0,0,0,0.66) 100%);
}
.afc-card .afc-body{
	position:relative; z-index:1;
	display:flex; flex-direction:column; align-items:center;
	padding:0 30rem; text-align:center;
	text-shadow:0 1px 12px rgba(0,0,0,0.35);
}
.afc-card .afc-label{
	font-size:14rem; font-weight:700; letter-spacing:0.12em;
	color:rgba(255,255,255,0.68); margin:0 0 14rem 0;
}
.afc-card .afc-name{
	font-size:30rem; font-weight:700; letter-spacing:-0.03em;
	color:#fff; line-height:1.35; margin:0 0 16rem 0;
}
.afc-card .afc-desc{
	font-size:18rem; font-weight:400; color:rgba(255,255,255,0.82);
	line-height:1.6; letter-spacing:-0.01em; margin:0 0 30rem 0;
}
.afc-card .afc-more{
	display:inline-flex; align-items:center; gap:7rem;
	padding:13rem 24rem; border-radius:980rem;
	background:rgba(255,255,255,0.92); color:#1d1d1f;
	font-size:18rem; font-weight:600; letter-spacing:-0.01em;
	text-shadow:none;
	-webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
	box-shadow:0 6px 16px -6px rgba(0,0,0,0.3);
	transition:background .35s cubic-bezier(.2,.7,.2,1);
}
.afc-card:hover .afc-more{background:#fff;}
.afc-card .afc-more svg{flex-shrink:0; transition:transform .35s cubic-bezier(.2,.7,.2,1);}
.afc-card:hover .afc-more svg{transform:translateX(4rem);}

@media(max-width:900px){
	.afc-clinic .afc-grid{flex-direction:column;}
	.afc-card{min-height:340rem;}
}
@media(max-width:768px){
	.afc-clinic{padding:55rem 0;}
	.afc-clinic .afc-tit{font-size:28rem;}
	.afc-clinic .afc-lede{font-size:17rem; margin-bottom:30rem;}
	.afc-card{min-height:300rem;}
	.afc-card .afc-body{padding:0 24rem;}
	.afc-card .afc-name{font-size:26rem;}
	.afc-card .afc-desc{font-size:16rem;}
}

/* 00_main.php original style block 3 */
.sec06{width:100%; padding:150rem 0; margin:0 auto; background:#324A60; position:relative;}
.sec.sec06 .inner{max-width:inherit; display:flex; justify-content:space-between; gap:50rem;}
.sec06 .swiper-slide{background:#fff;}
.sec06 .swiper-slide .t1{color:#BEBEBE;}
.sec06 .swiper-slide .img{margin:0 auto;}
.sec06 .swiper-slide.swiper-slide-next{background:#FFDF34;}
.sec06 .swiper-slide.swiper-slide-next .t1{color:#fff;}
.sec06 .main_equip{max-width:1100rem;}
.sec06 .equip_content{padding:66rem; box-sizing: border-box;}
.sec06 .equip_content span{margin:0 10rem;position:relative; top:-8px; left:10px; color:#FFDF34;}
.sec06 .equip_content b.u2{color:#FFDF34;    position:relative; top:-6px; left:15px; }
.sanskr{font-family:'Noto Sans KR';}
.sec06 .big_size{position:absolute; right:-100%; bottom:20rem; font-size:100rem; color:rgba(255,255,255,0.2); font-weight:900;}

@media(max-width: 1280px) {
	.sec06 .swiper-slide.swiper-slide{background:none;}
	.sec06 .swiper-slide.swiper-slide .t1{display:none;}
	.sec06 .swiper-slide.swiper-slide-next{background:none;}
	.sec06 .swiper-slide.swiper-slide-next .t1{color:#fff;}
	.sec06 .swiper-slide.swiper-slide-active{background:none;}
	.sec06 .swiper-slide.swiper-slide-active .t1{color:#fff;}
	.sec06 .swiper-slide .img img{max-width:320rem;}
}
@media(max-width: 768px) {
	.sec06{padding:55rem 0;}
	.sec.sec06 .inner{display:block;}
	.sec06 .equip_content{padding:33rem 15rem;}
	.sec06 .equip_content .mb80{margin-bottom:30rem;}
	.sec06 .big_size{font-size:35rem; bottom:30rem;}
}

/* 00_main.php original style block 4 */
.sec04{width:100%; padding:110rem 0; margin:0 auto;}
.sec04 .main_view .swiper-tags{width:90%; max-width:640rem; margin:0 auto; background:#fff; height:80rem; position:absolute; left:50%; bottom:0; transform:translate(-50%, 0); z-index:9;}
.swiper-button-prev{left:100rem; width:40px; height:40px; background:url('/nimg/arrow_l.png') center center no-repeat; background-size:cover;}
.swiper-button-next{right:100rem; width:40px; height:40px; background:url('/nimg/arrow_r.png') center center no-repeat; background-size:cover;}
.swiper-button-prev:after{display:none; content:'';}
.swiper-button-next:after{display:none; content:'';}
.sec04 .swiper-pagination{font-size:16rem; width:80rem; right:170rem; top:30rem; left:unset; position:absolute; }
.sec04 .swiper-pagination .swiper-pagination-current{color:#FFDF34; font-weight:400;}
.sec04 .t_page{position:absolute; font-size:18px; font-weight:900; left:170rem; top:27rem;}
@media(max-width: 768px) {
	.sec04{padding:55rem 0;}
	.sec04 .main_view .swiper-tags{width:100%; max-width:inherit; position:relative; left:unset; bottom:2rem; transform:unset; background:#f6f6f6;}
}

/* 00_main.php original style block 5 */
.sec05{max-width:1300rem; margin:0 auto; position:relative; padding:110rem 0;}
.sec05 .inner{display:flex; gap:50rem; width:100%; justify-content:space-between;}
.sec05 .map_include{width:860rem; height:600rem; float:right;}
.sec05 .map_include .map_wrap{width: 100%; height: 100%;overflow: hidden;}
.sec05 .map_include .map_wrap .map{width: 100%; height: 100%;}
.sec05 .map_message{background:#FFFDF1; padding:55rem; position:absolute; left:0; bottom:0rem; width:550rem; z-index:999; box-sizing: border-box;}
.sec05 .map_message .mbox{align-items: baseline;display:flex; gap:50rem; margin-bottom:50rem;}
.sec05 .map_message .mbox.nomar{align-items: flex-start;}
.sec05 .map_message .mbox span.tit{font-size:18rem; line-height:1.7;}  
.sec05 .map_message .times li{display:flex; justify-content:flex-start; gap:20px; padding:0 0 11px 0; font-size:18rem;}
.sec05 .map_message .times li:last-child{padding-bottom:0;}
.sec05 .map_message .times li b{text-align:left; font-weight:700; width:110rem;}
.sec05 .map_message .times li span{text-align:left;}
.sec05 .map_message .mbox .info{line-height:1.7; font-size:18rem;}
.sec05 .map_message .mbox .info p{color:#D49F54; font-weight:700;}
.sec05 .map_message .mbox .info p b{background:#D49F54; color:#fff; border-radius:100%; width:32px; height:32px; line-height:32px; display:inline-block; text-align:center;}
.sec05 .map_ico{width:100%; padding:55rem 0; float:right; text-align:right;}
.sec05 .map_ico li{display:inline-block; padding:10rem 20rem;}
.sec05 .map_ico li.naver{background:#36AB36}
.sec05 .map_ico li.kakao{background:#FAE100}
.sec05 .map_ico li a{color:#fff;display:inline-flex; align-items:center;}
.sec05 .map_ico li a img{margin-right:10px;}
.sec05 .map_ico li.kakao a{color:#000;}

@media(max-width: 1400px) {
	.sec05 .map_message{width:650rem;}
}
@media(max-width: 1000px) {
	.sec05 .map_message{width:750rem;}
}
@media(max-width: 768px) {
	.sec05{padding:55rem 0;}
	.sec05 .inner{display:block; width:95%; margin:0 auto;}
	.sec05 .map_include{width:100%; height:450rem; float:inherit;}
	.sec05 .map_message{position:inherit; left:inherit; bottom:inherit; width:100%; padding:33rem;}
	.sec05 .map_ico{padding:22rem 0;}
	.sec05 .mdiv{margin:20rem 0;}
	.sec05 .map_message .mbox{display:block; margin-bottom:50rem;}
	.sec05 .map_message .mbox span.tit{font-size:28rem;}
}

/* 00_main.php original style block 6 */
/* ── 칼럼 섹션 전체 래퍼 ─────────────────────────────── */
.afternoon-column{width:100%; padding:100rem 0 120rem; background:#fff; border-top:1px solid #EBEBEB;}
.afternoon-column .ac-inner{width:95%; max-width:1300rem; margin:0 auto;}

/* ── 헤더 ────────────────────────────────────────────── */
.ac-header{display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:60rem;}
.ac-header-left .ac-eyebrow{font-size:12rem; font-weight:700; letter-spacing:0.18em; text-transform:uppercase; color:#9B7F5E; margin-bottom:14rem;}
.ac-header-left .ac-title{font-family:'Noto Serif KR', serif; font-size:32rem; font-weight:700; color:#111; line-height:1.3;}
.ac-header-left .ac-title span{color:#9B7F5E;}
.ac-header-right a{font-size:14rem; font-weight:600; color:#555; text-decoration:none; display:flex; align-items:center; gap:6rem; border-bottom:1px solid #CCC; padding-bottom:4rem; transition:color 0.2s, border-color 0.2s;}
.ac-header-right a:hover{color:#111; border-color:#111;}

/* ── Swiper 래퍼 ──────────────────────────────────────── */
.ac-swiper-wrap{position:relative;}
.swiper.ac-swiper{overflow:visible; padding-bottom:48rem;}
.swiper.ac-swiper .swiper-slide{height:auto;}

/* 좌우 넘침 방지 */
.afternoon-column{overflow:hidden;}

/* ── 개별 카드 ────────────────────────────────────────── */
.ac-card{display:flex; flex-direction:column; text-decoration:none; background:#fff; border:1px solid #EBEBEB; border-radius:6rem; overflow:hidden; height:100%; transition:box-shadow 0.25s, transform 0.25s;}
.ac-card:hover{box-shadow:0 8px 32px rgba(0,0,0,0.09); transform:translateY(-4rem);}

/* 썸네일 */
.ac-thumb{width:100%; aspect-ratio:16/9; overflow:hidden; background:#F2F2F2; flex-shrink:0;}
.ac-thumb img{width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.35s ease;}
.ac-card:hover .ac-thumb img{transform:scale(1.04);}
.ac-thumb-placeholder{width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.ac-thumb-placeholder svg{opacity:0.22;}

/* 본문 */
.ac-body{padding:28rem 28rem 32rem; display:flex; flex-direction:column; flex:1;}
.ac-date{font-size:12rem; color:#999; margin-bottom:12rem; letter-spacing:0.05em;}
.ac-card-title{font-family:'Noto Serif KR', serif; font-size:18rem; font-weight:700; color:#111; line-height:1.55; margin-bottom:14rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.ac-excerpt{font-size:14rem; color:#666; line-height:1.7; flex:1; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:24rem;}
.ac-read-more{display:inline-flex; align-items:center; gap:6rem; font-size:13rem; font-weight:700; color:#9B7F5E; letter-spacing:0.05em; margin-top:auto;}
.ac-read-more svg{transition:transform 0.2s;}
.ac-card:hover .ac-read-more svg{transform:translateX(4rem);}

/* ── 페이지네이션 ────────────────────────────────────── */
.ac-swiper .swiper-pagination{bottom:0;}
.ac-swiper .swiper-pagination-bullet{background:#CCC; opacity:1; width:8rem; height:8rem;}
.ac-swiper .swiper-pagination-bullet-active{background:#9B7F5E; width:24rem; border-radius:4rem;}

/* ── 에러 상태 ───────────────────────────────────────── */
.ac-error{text-align:center; padding:60rem; color:#999; font-size:15rem;}

/* ── 반응형 ───────────────────────────────────────────── */
@media(max-width:768px){
  .afternoon-column{padding:70rem 0 80rem;}
  .ac-header{flex-direction:column; align-items:flex-start; gap:20rem; margin-bottom:40rem;}
  .ac-header-left .ac-title{font-size:24rem;}
  .ac-body{padding:22rem 22rem 26rem;}
  .ac-card-title{font-size:16rem;}
}

/* 00_main.php original style block 7 */
.afc-shorts{width:100%; padding:100rem 0 120rem; background:#F5F5F7; border-top:1px solid #D2D2D7; overflow:hidden;}
.afc-shorts .afc-sh-inner{width:95%; max-width:1300rem; margin:0 auto;}

/* ── 헤더 ────────────────────────────────────────────── */
.afc-sh-header{display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:60rem;}
.afc-sh-eyebrow{font-size:12rem; font-weight:700; letter-spacing:0.18em; text-transform:uppercase; color:#6E6E73; margin-bottom:14rem;}
.afc-sh-title{font-family:'Pretendard Variable', Pretendard, sans-serif; font-size:32rem; font-weight:800; letter-spacing:-0.03em; color:#1D1D1F; line-height:1.3;}
.afc-sh-title span{color:#0071E3;}
.afc-sh-header-right a{font-size:14rem; font-weight:600; color:#6E6E73; text-decoration:none; display:flex; align-items:center; gap:6rem; border-bottom:1px solid #D2D2D7; padding-bottom:4rem; transition:color 0.2s, border-color 0.2s;}
.afc-sh-header-right a:hover{color:#1D1D1F; border-color:#1D1D1F;}

/* ── Swiper 래퍼 ──────────────────────────────────────── */
.afc-sh-wrap{position:relative;}
.swiper.afc-sh-swiper{overflow:visible; padding-bottom:48rem;}
.swiper.afc-sh-swiper .swiper-slide{height:auto;}

/* ── 세로형 카드 (9:16) ───────────────────────────────── */
.afc-sh-card{display:block; width:100%; padding:0; margin:0; border:0; background:#1D1D1F; border-radius:14rem; overflow:hidden; position:relative; aspect-ratio:9/16; cursor:pointer; text-align:left; font:inherit; color:#FFFFFF; transition:transform 0.25s, box-shadow 0.25s;}
.afc-sh-card:hover{transform:translateY(-4rem); box-shadow:0 14px 34px -12px rgba(0,0,0,0.35);}
.afc-sh-card:focus-visible{outline:2px solid #0071E3; outline-offset:3px;}
.afc-sh-card img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;}
.afc-sh-veil{position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 38%, rgba(0,0,0,0.74) 100%);}
.afc-sh-play{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:56rem; height:56rem; border-radius:50%; background:rgba(255,255,255,0.88); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); display:flex; align-items:center; justify-content:center; transition:transform 0.25s, background-color 0.25s;}
.afc-sh-card:hover .afc-sh-play{transform:translate(-50%,-50%) scale(1.08); background:#FFFFFF;}
.afc-sh-play svg{margin-left:3rem;}
.afc-sh-meta{position:absolute; left:0; right:0; bottom:0; padding:20rem 18rem;}
.afc-sh-name{font-size:15rem; font-weight:600; line-height:1.45; color:#FFFFFF; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.afc-sh-date{display:block; font-size:12rem; color:rgba(255,255,255,0.7); margin-top:8rem; letter-spacing:0.05em;}

/* 재생 중 상태 */
.afc-sh-card.afc-sh-playing{cursor:default;}
.afc-sh-card.afc-sh-playing:hover{transform:none; box-shadow:none;}
.afc-sh-card iframe{position:absolute; inset:0; width:100%; height:100%; border:0; display:block;}

/* ── 페이지네이션 ────────────────────────────────────── */
.afc-sh-swiper .swiper-pagination{bottom:0;}
.afc-sh-swiper .swiper-pagination-bullet{background:#D2D2D7; opacity:1; width:8rem; height:8rem;}
.afc-sh-swiper .swiper-pagination-bullet-active{background:#1D1D1F; width:24rem; border-radius:4rem;}

/* ── 반응형 ───────────────────────────────────────────── */
@media(max-width:768px){
  .afc-shorts{padding:70rem 0 80rem;}
  .afc-sh-header{flex-direction:column; align-items:flex-start; gap:20rem; margin-bottom:40rem;}
  .afc-sh-title{font-size:24rem;}
  .afc-sh-name{font-size:14rem;}
  .afc-sh-play{width:48rem; height:48rem;}
}

/* 00_main.php original style block 8 */
/* ─────────────────────────────────────────────
   1. 전역 — 글자 렌더링 / 부드러운 스크롤 / 선택색
───────────────────────────────────────────── */
html{ scroll-behavior:smooth; }
body{
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-rendering:optimizeLegibility;
}
::selection{ background:rgba(255,221,39,0.45); color:#1f2d3a; }

/* ─────────────────────────────────────────────
   2. 섹션 대표 제목(.tit.t1) — 골드 언더라인 악센트
───────────────────────────────────────────── */
.sec .tit.t1{
	position:relative;
	letter-spacing:-0.02em;
	padding-bottom:28rem;
}
.sec .tit.t1::after{
	content:'';
	position:absolute;
	left:0; bottom:0;
	width:54rem; height:4px;
	background:linear-gradient(90deg,#FFDD27 0%, #F0B400 100%);
	border-radius:2px;
}
/* 장비소개(네이비 배경) 제목 — 골드 세로 디테일 */
.sec06 .equip_content h2{
	position:relative;
	padding-left:22rem;
	letter-spacing:-0.01em;
}
.sec06 .equip_content h2::before{
	content:'';
	position:absolute;
	left:0; top:50%;
	transform:translateY(-50%);
	width:6px; height:70%;
	background:#FFDF34;
	border-radius:3px;
}

/* ─────────────────────────────────────────────
   3. sec02 — 중점진료: 패널 입체감 + 버튼 다듬기
───────────────────────────────────────────── */
.sec02{
	background:linear-gradient(180deg,#FAFBFC 0%, #F1F3F5 100%);
}
.sec02 .sys_con{
	border-radius:10px;
	overflow:hidden;
	box-shadow:0 30rem 70rem -28rem rgba(40,58,74,0.45);
}
.sec02 .sys_con .box .box_inner{
	text-shadow:0 2px 18px rgba(0,0,0,0.45);
}
/* '자세히 알아보기' 버튼 — 라운드 + 화살표 + 호버 */
.sec02 .sys_con a{
	border-radius:50px;
	font-weight:700;
	letter-spacing:-0.01em;
	box-shadow:0 8px 20px -6px rgba(0,0,0,0.35);
	transition:transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}
.sec02 .sys_con a::after{
	content:'\2192';
	display:inline-block;
	margin-left:10rem;
	transition:transform 0.25s ease;
}
.sec02 .sys_con a:hover{
	background-color:#FFE873;
	transform:translateY(-3px);
	box-shadow:0 14px 26px -8px rgba(0,0,0,0.45);
}
.sec02 .sys_con a:hover::after{ transform:translateX(5rem); }

/* ─────────────────────────────────────────────
   4. 모달 — 열릴 때 부드럽게 떠오르기 + 내부 디테일
───────────────────────────────────────────── */
.modals .container-1380[style*="block"]{
	animation:afxModalIn 0.5s cubic-bezier(.16,1,.3,1) both;
}
@keyframes afxModalIn{
	from{ opacity:0; transform:translateY(24rem); }
	to  { opacity:1; transform:translateY(0); }
}
.sentence_block li span{
	box-shadow:0 8px 18px -6px rgba(50,74,96,0.55);
}
.method_list .img{
	box-shadow:0 12px 26px -8px rgba(50,74,96,0.45);
	transition:transform 0.3s ease;
}
.method_list li:hover .img{ transform:translateY(-4px); }
.afternoon-program-banner{
	transition:transform 0.28s ease, box-shadow 0.28s ease;
}
.afternoon-program-banner:hover{
	transform:translateY(-3px);
	box-shadow:0 22px 44px -16px rgba(0,0,0,0.5);
}

/* ─────────────────────────────────────────────
   5. sec03 — 의료진: 카드 입체감 + 사진 라운딩
───────────────────────────────────────────── */
.sec03 .majors{
	box-shadow:0 40rem 90rem -38rem rgba(50,74,96,0.30);
}
.sec03 .imgs img{
	border-radius:8px;
	box-shadow:0 26px 50px -18px rgba(50,74,96,0.4);
}
.sec03 .info ul li::before{ color:#D49F54; }
.sec03 .k3{ letter-spacing:-0.02em; }
.sec03 > .inner > p:last-child img{
	border-radius:10px;
	box-shadow:0 30px 60px -24px rgba(50,74,96,0.35);
}

/* ─────────────────────────────────────────────
   6. sec06 — 장비소개: 네이비 깊이감 + 슬라이드 카드
───────────────────────────────────────────── */
.sec06{
	background:radial-gradient(120% 120% at 18% 12%, #3C5872 0%, #324A60 58%);
}
.sec06 .swiper-slide{
	border-radius:12px;
	transition:background-color 0.4s ease, box-shadow 0.4s ease;
}
.sec06 .swiper-slide.swiper-slide-next,
.sec06 .swiper-slide.swiper-slide-active{
	box-shadow:0 26px 54px -20px rgba(0,0,0,0.55);
}

/* ─────────────────────────────────────────────
   7. sec04 — 둘러보기: 라운딩 + 네비게이션 다듬기
───────────────────────────────────────────── */
.sec04 .main_view .swiper-slide img{
	border-radius:10px;
}
.sec04 .main_view .swiper-tags{
	box-shadow:0 -10px 30px -16px rgba(0,0,0,0.18);
}
.swiper-button-prev,
.swiper-button-next{
	opacity:0.85;
	transition:transform 0.22s ease, opacity 0.22s ease;
}
.swiper-button-prev:hover,
.swiper-button-next:hover{
	transform:scale(1.14);
	opacity:1;
}

/* ─────────────────────────────────────────────
   8. sec05 — 진료시간/오시는길: 안내 카드 강조
───────────────────────────────────────────── */
.sec05 .map_wrap{
	border-radius:12px;
}
.sec05 .map_message{
	border-left:3px solid #D49F54;
	box-shadow:0 34rem 80rem -34rem rgba(50,74,96,0.5);
}
.sec05 .map_message .mdiv a[href^="tel"]{
	transition:color 0.2s ease;
	text-decoration:underline;
	text-underline-offset:6px;
	text-decoration-color:rgba(212,159,84,0.5);
	cursor:pointer;
}
.sec05 .map_message .mdiv a[href^="tel"]:hover{
	color:#D49F54;
	text-decoration-color:#D49F54;
}
.sec05 .map_ico li{
	transition:transform 0.22s ease, box-shadow 0.22s ease;
}
.sec05 .map_ico li:hover{
	transform:translateY(-3px);
	box-shadow:0 14px 24px -10px rgba(0,0,0,0.35);
}

/* ─────────────────────────────────────────────
   9. 하단 배너 — 호버 입체감 + 화살표 모션
───────────────────────────────────────────── */
.mbb-item{
	transition:transform 0.26s ease, box-shadow 0.26s ease, opacity 0.26s ease;
}
.mbb-item:hover{
	opacity:1;
	transform:translateY(-4px);
	box-shadow:0 26px 50px -20px rgba(0,0,0,0.45);
}
.mbb-item .mbb-arrow{
	transition:transform 0.26s ease;
}
.mbb-item:hover .mbb-arrow{
	transform:translateX(5rem);
}

/* ─────────────────────────────────────────────
   10. 스크롤 등장 효과
   (JS가 클래스를 부여 — JS 미작동 시 아무것도 숨기지 않음)
───────────────────────────────────────────── */
.afx-reveal{
	opacity:0;
	transform:translateY(34rem);
	transition:opacity 0.9s cubic-bezier(.16,1,.3,1),
	           transform 0.9s cubic-bezier(.16,1,.3,1);
	will-change:opacity, transform;
}
.afx-reveal.afx-in{
	opacity:1;
	transform:none;
}
.afx-fade{
	opacity:0;
	transition:opacity 0.9s ease;
}
.afx-fade.afx-in{ opacity:1; }

/* ─────────────────────────────────────────────
   11. 맨 위로 가기 버튼
───────────────────────────────────────────── */
.afx-top{
	position:fixed;
	right:24px; bottom:24px;
	width:50px; height:50px;
	margin:0; padding:0; border:0;
	border-radius:50%;
	background:#324A60;
	color:#FFDF34;
	cursor:pointer;
	z-index:9990;
	display:flex; align-items:center; justify-content:center;
	box-shadow:0 12px 28px -8px rgba(0,0,0,0.45);
	opacity:0;
	visibility:hidden;
	transform:translateY(14px);
	transition:opacity 0.3s ease, transform 0.3s ease, visibility 0.3s, background-color 0.2s ease;
}
.afx-top.show{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}
.afx-top:hover{ background:#3C5872; }
.afx-top svg{ width:22px; height:22px; display:block; }
@media(max-width:768px){
	.afx-top{ right:16px; bottom:16px; width:44px; height:44px; }
}

/* ─────────────────────────────────────────────
   12. 모션 최소화 사용자 배려 — 등장효과 즉시 표시
───────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce){
	html{ scroll-behavior:auto; }
	.afx-reveal, .afx-fade{
		opacity:1 !important;
		transform:none !important;
		transition:none !important;
	}
	.modals .container-1380[style*="block"]{ animation:none; }
}

/* 00_main.php original style block 9 */
/* ── 0. 기본 서체·톤 ─────────────────────────────── */
html, body{
	font-family:'Pretendard Variable', Pretendard, 'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif;
	color:#1d1d1f;
}
::selection{ background:rgba(0,113,227,0.18); color:#1d1d1f; }

/* 섹션 대표 제목 — 골드 언더라인 제거, 굵고 타이트하게 */
.sec .tit.t1{
	font-family:'Pretendard Variable', Pretendard, 'Noto Sans KR', sans-serif;
	font-size:38rem;
	font-weight:800;
	letter-spacing:-0.035em;
	color:#1d1d1f;
	padding-bottom:0;
}
.sec .tit.t1::after{ display:none; }

/* ── 1. 히어로 — 폰트 연출 교체 (문구 유지) ─────────── */
.sec01 .hero_overlay .hero_sub{
	font-family:'Pretendard Variable', Pretendard, 'Noto Sans KR', sans-serif;
	font-weight:600;
	letter-spacing:0.42em;
	color:rgba(255,255,255,0.62);
	text-shadow:none;
}
.sec01 .hero_overlay .hero_main{
	font-family:'Pretendard Variable', Pretendard, 'Noto Sans KR', sans-serif;
	font-weight:800;
	letter-spacing:-0.035em;
	line-height:1.18;
	text-shadow:0 2px 30px rgba(0,0,0,0.35);
}
.sec01 .hero_overlay .hero_main em{
	color:#fff;
	background:linear-gradient(94deg, #EAF2FF 0%, #BFD8FA 55%, #8FBBF3 100%);
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
}
.sec01 .hero_overlay .hero_clinic{
	font-family:'Pretendard Variable', Pretendard, 'Noto Sans KR', sans-serif;
	font-weight:500;
	letter-spacing:0.3em;
	color:rgba(255,255,255,0.82);
	text-shadow:none;
}

/* ── 2. 중점진료(sec02) — 분리형 라운드 카드 아코디언 ── */
.sec02{ background:#fff; }
.sec02 .sys_con{
	display:flex;
	gap:14rem;
	border-radius:0;
	overflow:visible;
	box-shadow:none;
}
.sec02 .sys_con .box{
	border-radius:22rem;
	overflow:hidden;
}
/* 아코디언(가로 확장)은 데스크톱 전용 — 모바일에서 flex-basis:0 적용 시 높이가 0이 되므로 분리 */
@media(min-width:769px){
	.sec02 .sys_con .box{
		float:none;
		width:auto;
		flex:1 1 0%;
		transition:flex-grow 0.55s cubic-bezier(.4,0,.2,1);
	}
	.sec02 .sys_con .box.ac_on{ width:auto; flex-grow:3.2; }
	.sec02 .sys_con .box.ac_off{ width:auto; flex-grow:0.6; }
}
/* 이미지 위 하단 그라데이션 — 텍스트 가독성을 그림자 대신 오버레이로 */
.sec02 .sys_con .box::before{
	content:'';
	position:absolute; inset:0;
	background:linear-gradient(180deg, rgba(0,0,0,0.32) 0%, rgba(0,0,0,0.52) 45%, rgba(0,0,0,0.66) 100%);
	pointer-events:none;
	z-index:0;
}
.sec02 .sys_con .box .box_inner{ z-index:1; text-shadow:0 1px 12px rgba(0,0,0,0.35); }
/* '자세히 알아보기' — 노란 버튼 → 반투명 화이트 필 */
.sec02 .sys_con a{
	background:rgba(255,255,255,0.92);
	color:#1d1d1f;
	font-weight:600;
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
	box-shadow:0 6px 16px -6px rgba(0,0,0,0.3);
}
.sec02 .sys_con a:hover{ background:#fff; }
@media(max-width:768px){
	.sec02 .sys_con{ flex-direction:column; gap:10rem; }
	.sec02 .sys_con .box{ flex:0 0 auto; width:100%; border-radius:18rem; }
	.sec02 .sys_con .box.ac_on{ width:100%; }
	.sec02 .sys_con .box.ac_off{ width:100%; }
}

/* ── 3. 의료진 소개(sec03) — 카드 리뉴얼 ─────────────── */
.sec03 .majors{
	background-image:none;
	background-color:#f5f5f7;
	border-radius:28rem;
	box-shadow:none;
	border:1px solid #ececef;
}
.sec03 .info ul li::before{ color:#c7c7cc; }
.sec03 .imgs img{
	border-radius:22rem;
	box-shadow:0 24px 48px -22px rgba(0,0,0,0.22);
}
/* 약력 버튼 — 네이비 → 블랙 필 (인라인 스타일 덮어쓰기) */
.sec03 .majors a[href="/doctor/"]{
	background:#1d1d1f !important;
	box-shadow:none !important;
}
.sec03 .majors a[href="/doctor/"]:hover{ background:#000 !important; }
/* 인용구 — 세리프 유지하되 옐로 강조 → 블루 포인트 */
.sec03 .k3 span{ color:#0071e3; }
/* '안과 전문의' 라벨 — 인라인 네이비 덮어쓰기 */
.sec03 .line_txt{ color:#1d1d1f !important; }
.sec03 > .inner > p:last-child img{
	border-radius:22rem;
	box-shadow:0 24px 48px -22px rgba(0,0,0,0.18);
}

/* ── 4. 장비소개(sec06) — 네이비 → 딥 그레이 ─────────── */
.sec06{ background:#161617; }
.sec06 .swiper-slide{ background:#fff; }
.sec06 .swiper-slide .t1{ color:#86868b; }
.sec06 .swiper-slide.swiper-slide-next{ background:#fff; }
.sec06 .swiper-slide.swiper-slide-next .t1{ color:#1d1d1f; font-weight:700; }
.sec06 .equip_content h2{ padding-left:0; }
.sec06 .equip_content h2::before{ display:none; }
.sec06 .equip_content .serifkr{ font-family:'Pretendard Variable', Pretendard, 'Noto Sans KR', sans-serif; letter-spacing:-0.02em; }
.sec06 .equip_content span{ color:rgba(255,255,255,0.35); }
.sec06 .equip_content b.u2{ color:rgba(255,255,255,0.55); }
@media(max-width:1280px){
	.sec06 .swiper-slide.swiper-slide{ background:none; }
	.sec06 .swiper-slide .t1{ display:none; }
	.sec06 .swiper-slide.swiper-slide-next{ background:none; }
	.sec06 .swiper-slide.swiper-slide-next .t1{ color:#fff; }
}

/* ── 5. 진료시간·오시는길(sec05) — 크림+골드 → 화이트 ── */
.sec05 .map_message{
	background:#fff;
	border-left:none;
	border:1px solid #ececef;
	border-radius:20rem;
	box-shadow:0 24px 60px -28px rgba(0,0,0,0.18);
}
.sec05 .map_message .mbox .info p{ color:#1d1d1f; }
.sec05 .map_message .mbox .info p b{ background:#0071e3; }
.sec05 .map_message .mdiv a[href^="tel"]{ text-decoration-color:rgba(0,113,227,0.4); }
.sec05 .map_message .mdiv a[href^="tel"]:hover{ color:#0071e3; text-decoration-color:#0071e3; }
/* 주차 안내 버튼 — 네이비 라인 → 먹색 라인 (hover 인라인 JS까지 덮어쓰기) */
.sec05 .map_message .mdiv a[href*="parking"]{ color:#1d1d1f !important; border-color:#1d1d1f !important; }
.sec05 .map_message .mdiv a[href*="parking"]:hover{ background:#1d1d1f !important; color:#fff !important; }

/* ── 6. 하단 3단 배너 — 다크 타일 (먹색 + 은은한 블루 글로우) ── */
.main-bottom-banners{ background:#f5f5f7; }
.main-bottom-banners .mbb-item.cataract,
.main-bottom-banners .mbb-item.myopia,
.main-bottom-banners .mbb-item.retina{
	position:relative;
	overflow:hidden;
	background:linear-gradient(160deg, #1d1d1f 0%, #101012 100%);
	border:none;
	border-radius:22rem;
	transition:transform .35s cubic-bezier(.4,0,.2,1), box-shadow .35s cubic-bezier(.4,0,.2,1);
}
/* 카드마다 글로우 위치를 다르게 — 통일 속의 미묘한 변주 */
.main-bottom-banners .mbb-item::before{
	content:'';
	position:absolute; inset:0;
	pointer-events:none;
	transition:opacity .35s ease;
	opacity:0.85;
}
.main-bottom-banners .mbb-item.cataract::before{
	background:radial-gradient(120% 90% at 88% 0%, rgba(0,113,227,0.28), transparent 55%);
}
.main-bottom-banners .mbb-item.myopia::before{
	background:radial-gradient(120% 90% at 12% 100%, rgba(0,113,227,0.28), transparent 55%);
}
.main-bottom-banners .mbb-item.retina::before{
	background:radial-gradient(120% 90% at 88% 100%, rgba(0,113,227,0.28), transparent 55%);
}
.mbb-item > *{ position:relative; z-index:1; }
.mbb-item .mbb-label{ color:rgba(255,255,255,0.45); }
.mbb-item .mbb-title{ color:#fff; font-weight:800; letter-spacing:-0.02em; }
.mbb-item .mbb-sub{ color:rgba(255,255,255,0.58); }
.mbb-item .mbb-arrow span{ color:#6EB1FF; }
.mbb-item .mbb-arrow svg circle{ stroke:#6EB1FF; }
.mbb-item .mbb-arrow svg path{ stroke:#6EB1FF; }
.mbb-item:hover{
	opacity:1;
	transform:translateY(-5rem);
	box-shadow:0 26px 52px -22px rgba(0,0,0,0.45);
}
.mbb-item:hover::before{ opacity:1; }

/* ── 7. 칼럼 섹션 — 골드브라운 → 뉴트럴+블루 ─────────── */
.ac-header-left .ac-eyebrow{ color:#86868b; }
.ac-header-left .ac-title{ font-family:'Pretendard Variable', Pretendard, 'Noto Sans KR', sans-serif; font-weight:800; letter-spacing:-0.03em; }
.ac-header-left .ac-title span{ color:#0071e3; }
.ac-read-more{ color:#0071e3; }
.ac-read-more svg path{ stroke:#0071e3; }
.ac-swiper .swiper-pagination-bullet-active{ background:#1d1d1f; }

/* ── 8. 모달 공통 — 네이비/옐로 포인트 정리 + 내부 콘텐츠 v2 통일 ──── */
.modals .closes{ background:#1d1d1f; }
.modals .closes:hover{ background:#000; }
.modal-close-bar .close-bar-btn{ background:#1d1d1f; }
.modal-close-bar .close-bar-btn:hover{ background:#000; }
.linetit span::after{ background:rgba(0,113,227,0.12); }
.sentence_block li span{ background:#1d1d1f; box-shadow:none; }
.qna_list .nums{ background:#1d1d1f; }

/* 모달 제목 서체 — 명조 → Pretendard (메인과 동일한 타이포 언어) */
.modals .serifkr{
	font-family:'Pretendard Variable', Pretendard, 'Noto Sans KR', sans-serif;
	letter-spacing:-0.02em;
}

/* 표(modal_box) — 회색 선/하늘색 헤더 → 뉴트럴 + 블루 */
ul.modal_box li{ border-color:#e8e8ed; }
ul.modal_box li:last-child{ border-right-color:#e8e8ed; }
ul.modal_box li .back1{ background:#f5f5f7; }
ul.modal_box li .back2{ background:#0071e3; }

/* 라벨 필, 막대 차트 — 하늘색 → 포인트 블루 */
.sample_list .labels{ background:#0071e3; }
.yak_data_1{ background:linear-gradient(to right, #0071e3 95%, transparent 95%); }
.yak_data_2{ background:linear-gradient(to right, #0071e3 20%, transparent 20%); }
.yak_list li.yak_hv{ background:#f5f5f7; border-radius:14rem; }

/* 자가진단 타이머 원 — 구 블루 그라데이션 → v2 블루 */
.count_rounds{ background:linear-gradient(180deg, #4D9FFF 0%, #0060C0 100%); }
.jindan .dv1{ background:#f5f5f7; border-radius:20rem; }

/* 원형 아이콘 — 네이비 → 먹색 */
.method_list .img{ background:#1d1d1f; }

/* 모달 콘텐츠 이미지 — 라운드로 카드화 */
.modals .pimg img,
.modals .grid img{ border-radius:14rem; }

/* 모달 하단 프로그램 배너 — 네이비 → 먹색 (인라인 스타일 덮어쓰기) */
.afternoon-program-banner{ background:#1d1d1f !important; border-radius:16rem !important; }
.afternoon-program-banner > div:first-child > p:first-child{ color:rgba(255,255,255,0.5) !important; }
.afternoon-program-banner > div:last-child > span{ color:#fff !important; }
.afternoon-program-banner svg circle{ stroke:rgba(255,255,255,0.8); }
.afternoon-program-banner svg path{ stroke:rgba(255,255,255,0.8); }

/* ── 9. 맨 위로 버튼 — 프로스트 화이트 ────────────────── */
.afx-top{
	background:rgba(255,255,255,0.88);
	-webkit-backdrop-filter:blur(12px);
	backdrop-filter:blur(12px);
	color:#1d1d1f;
	border:1px solid rgba(0,0,0,0.08);
	box-shadow:0 10px 26px -10px rgba(0,0,0,0.25);
}
.afx-top:hover{ background:#fff; }