@charset "utf-8";
/* ==========================================================
   반응형 메인 (rwd/index.php)
   PC 원본은 1920 기준 이미지 → 글자 크기 clamp(최소, 원본px÷1920×100vw 또는 ÷1450, 원본px)
   768px 이하에서는 기존 모바일 메인 배치를 따른다.
   기존 main.css 의 섹션(.slogan, .counter_content, .content06, #department, .roll)은 그대로 쓰고
   새로 만든 섹션은 .m26- 접두사.
   ========================================================== */
.m26{font-family:'Pretendard Variable',Pretendard,'Noto Sans KR',sans-serif;color:#111;overflow:hidden;}
.m26 *{box-sizing:border-box;}
.m26 :where(h2, h3, p, ul, ol, dl, dd, dt, figure, figcaption, table){margin:0;padding:0;text-align:inherit;}
.m26 :where(h2, h3){color:inherit;}
.m26 :where(.m26-doc__txt, .m26-ex__head, .m26-about__in, .m26-trust__in, .m26-space, .m26-night__in){text-align:left;}
.m26 :where(ul, ol){list-style:none;}
.m26 :is(p, li, dt, dd, h2, h3, figcaption, td, th, span, b, small){word-break:keep-all;overflow-wrap:break-word;}
.m26 img{max-width:100%;height:auto;}
.m26 button{border:0;background:none;padding:0;cursor:pointer;}

.m26-wrap{max-width:1450px;margin:0 auto;padding:0 clamp(20px,3vw,40px);}
.m26-sec{padding:clamp(70px,7.3vw,140px) 0;}
.m26-sec--tight{padding-bottom:clamp(30px,3vw,60px);}
.m26-h2{font-size:clamp(26px,2.5vw,48px);font-weight:700;line-height:1.3;letter-spacing:-.02em;}
.m26-h3{font-size:clamp(20px,1.8vw,34px);font-weight:700;line-height:1.4;}
.m26-p{margin-top:clamp(14px,1.4vw,26px);font-size:clamp(15px,1vw,19px);line-height:1.65;color:#666;}
.m26-p b{color:#111;}
.m26-badge{display:inline-block;padding:3px 16px;border:2px solid #29b6f6;border-radius:999px;font-size:clamp(14px,.95vw,18px);font-weight:700;color:#1aa7ec;background:#eaf8ff;}

/* ---- 메인 비주얼 (모바일) : 기존 모바일 메인 .main_visual ---- */
.m26-mhero{position:relative;}
.m26-mhero img{display:block;width:100%;}
.m26-mhero__txt{position:absolute;left:6%;top:9%;color:#000;}
.m26-mhero__txt p{font-size:clamp(19px,6.4vw,39px);font-weight:700;line-height:1.45;letter-spacing:-.03em;}
.m26-mhero__txt p:nth-child(3){margin-top:.6em;font-size:clamp(17px,6vw,32px);font-weight:400;}
.m26-mhero__txt a{display:inline-block;margin-top:1.2em;padding:.35em 1.2em;border-radius:10px;background:rgba(255,255,255,.75);font-size:clamp(15px,4.6vw,24px);color:#000;}

/* PC 비주얼 : 메뉴 바(75px)와 띠배너가 위에 겹친다 */
.m26 .content01_wrap{margin-top:0;}

/* ---- 임플란트 재진단 (기존 .d_sub340, 850px 고정폭 해제) ---- */
.m26-recheck{padding:clamp(56px,3.6vw,70px) 20px;background:#000;text-align:center;letter-spacing:-1px;color:#fff;}
.m26-recheck p:nth-child(1){font-size:clamp(22px,1.8vw,35px);}
.m26-recheck p:nth-child(2){font-size:clamp(34px,2.9vw,55px);font-weight:bold;color:#01b0f1;}
.m26-recheck p:nth-child(3){margin-top:30px;font-size:clamp(16px,1.3vw,25px);line-height:1.5;}
.m26-recheck p:nth-child(4){margin-top:clamp(30px,2.6vw,50px);}
.m26-recheck p:nth-child(4) a{display:inline-block;min-width:min(260px,80%);padding:15px 25px;border-radius:30px;background:#01b0f1;font-size:clamp(16px,.95vw,18px);color:#fff;}

/* ---- 모바일 전용 소개 영상 ---- */
.m26-vimeo{position:relative;}
.m26-vimeo #vimeo-player{position:relative;width:100%;height:0;padding-top:56.25%;}
.m26-vimeo iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/* ---- 의료진 (con05_bg.jpg) ---- */
.m26-doc{padding:clamp(70px,4.2vw,80px) 0 clamp(70px,6.3vw,120px);}
.m26-doc__in{display:flex;align-items:flex-start;gap:4%;}
.m26-doc__txt{flex:0 0 40%;padding:clamp(0px,15vw,290px) 0 0 clamp(0px,2.5vw,60px);}
.m26-doc__txt .m26-h2{font-size:clamp(26px,2.5vw,48px);white-space:nowrap;}
.m26-doc__txt .m26-p{color:#333;font-size:clamp(15px,1.15vw,22px);font-weight:300;}
.m26-doc__right{flex:1;min-width:0;}
.m26-doc__logo{display:block;width:clamp(260px,46vw,884px);margin:0 0 clamp(30px,3vw,60px) auto;}
.m26-doc .r_sec10_slick{position:relative;right:auto;bottom:auto;width:100%;}
.m26-doc .r_sec10_slick .slick-slide > div > div{position:relative;}
.m26-doc .r_sec10_slick img{display:block;width:100%;}
.m26-doc .view_btn{position:absolute !important;left:16%;top:42%;z-index:2;padding:clamp(8px,.8vw,15px) clamp(14px,1.3vw,25px);border:1px solid #000;border-radius:20px;background:#fff;color:#000;font-weight:bold;font-size:clamp(12px,.85vw,16px);cursor:pointer;}
.m26-doc .view_btn:hover{background:#000;color:#fff;transition:.5s;}
.m26-doc .slick-dots{position:static;margin-top:16px;}
.m26-doc .slick-arrow{display:none !important;}

/* 의료진 약력 레이어 */
.m26-bio{display:none;position:fixed;inset:0;z-index:4000;background:rgba(0,0,0,.71);cursor:pointer;}
.m26-bio__in{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1200px,92vw);}
.m26-bio .dpimg{display:none;}
.m26-bio .dpimg.active{display:block;}
.m26-bio .dpimg img{display:block;width:100%;max-height:90vh;object-fit:contain;}

/* ---- 전후 비교 ---- */
.m26-review{position:relative;margin-top:clamp(30px,3vw,60px);padding:0 clamp(44px,4vw,70px);}
.m26-review .bg_title_slick .slick-slide{padding:0 10px;}
.m26-review .bg_title_slick img{display:block;width:100%;}
.m26-arrow{position:absolute;top:50%;transform:translateY(-50%);width:clamp(30px,2.6vw,50px);}
.m26-arrow img{display:block;width:100%;}
.m26-arrow--l{left:clamp(4px,1vw,20px);}
.m26-arrow--r{right:clamp(4px,1vw,20px);}

/* ---- 치료 사례 ---- */
.m26 .bf_swiper2{margin-top:clamp(30px,3vw,60px);padding-bottom:clamp(20px,2vw,40px);}
.m26 .bf_swiper2 .swiper-slide{cursor:pointer;}
.m26 .bf_swiper2 img{display:block;width:100%;}
.m26-case{display:none;position:fixed;inset:0;z-index:4000;overflow-y:auto;background:rgba(0,0,0,.7);}
.m26-case__box{position:relative;width:min(750px,92vw);margin:5vh auto;}
.m26-case__img{display:none;}
.m26-case__img.active{display:block;}
.m26-case__img img{display:block;width:100%;}
.m26-case__x{position:absolute;top:10px;right:10px;width:clamp(36px,6vw,56px);}
.m26-case__x img{display:block;width:100%;}

/* ---- 진료 사례 탭 (ex_t.png) ---- */
.m26-ex{background:#f7f7f7;}
.m26-ex__in{display:flex;align-items:center;gap:5%;}
.m26-ex__head{flex:0 0 32%;padding-left:clamp(0px,4vw,80px);}
.m26-ex__head .m26-h2{font-size:clamp(28px,2.3vw,44px);}
.m26-ex__tab{display:flex;gap:10px;margin-top:clamp(30px,2.6vw,50px);}
.m26-ex__tab li{min-width:110px;padding:6px 12px;border-radius:10px;background:#000;color:#fff;font-size:clamp(15px,1.05vw,20px);text-align:center;cursor:pointer;}
.m26-ex__tab li.is-on{background:#0071E3;}
.m26-ex__body{flex:1;min-width:0;position:relative;}
.m26-ex__pane{display:none;}
.m26-ex__pane.is-on{display:block;}
.m26-ex__slick img{display:block;width:100%;}
.m26-ex__arrow{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;}
.m26-ex__arrow button{width:clamp(36px,2.6vw,50px);}
.m26-ex__arrow img{display:block;width:100%;}

/* ---- 진료 과목 카드 (기존 .content06) ---- */
.m26 .content06_wrap{min-height:0;padding:clamp(70px,6.3vw,120px) 20px;}
.m26 .content06 .sub_tit{font-size:clamp(22px,2vw,38px);text-align:center;}

/* ---- 의료인의 양심 (con04_t / con04_tt) ---- */
.m26-cost{padding:clamp(70px,6.8vw,130px) 0;background:#000;color:#fff;text-align:center;}
.m26-cost__q{font-size:clamp(20px,1.6vw,31px);font-weight:600;}
.m26-cost .m26-h2{margin-top:clamp(14px,1.6vw,30px);font-size:clamp(26px,2.4vw,46px);font-weight:500;}
.m26-cost .m26-p{color:#fff;font-size:clamp(15px,1.05vw,20px);}
.m26-cost__btn{display:block;margin:clamp(30px,3vw,60px) auto 0;}
.m26-cost__cards{display:flex;gap:clamp(16px,2.1vw,40px);margin-top:clamp(40px,4.2vw,80px);text-align:left;}
.m26-cost__cards > li{position:relative;flex:1;display:flex;flex-direction:column;padding:clamp(28px,2.9vw,56px) clamp(24px,3.8vw,74px) clamp(28px,2.9vw,56px);border-radius:clamp(16px,1.6vw,30px);background:#f7f7f7;color:#111;}
.m26-cost__lead{font-size:clamp(14px,1vw,19px);line-height:1.4;color:#666;}
.m26-cost__cards h3{margin-top:10px;font-size:clamp(28px,2.4vw,46px);font-weight:700;}
.m26-cost__cards dl{display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:12px;row-gap:clamp(18px,1.6vw,30px);margin-top:clamp(36px,3.6vw,70px);}
.m26-cost__cards dt{font-size:clamp(20px,1.6vw,30px);font-weight:700;line-height:1.25;}
.m26-cost__cards dt small{display:block;margin-top:4px;font-size:clamp(12px,.8vw,15px);font-weight:400;color:#666;}
.m26-cost__cards dd{text-align:right;font-size:clamp(20px,1.6vw,30px);line-height:1.25;white-space:nowrap;}
.m26-cost__cards dd b{font-weight:700;}
.m26-cost__cards dd del{position:relative;top:-.8em;margin-left:2px;font-size:.45em;color:#555;}
.m26-cost__cards dd small{display:block;font-size:clamp(12px,.8vw,15px);color:#666;}
.m26-cost__note{margin-top:auto;padding-top:clamp(36px,3.6vw,70px);font-size:clamp(12px,.8vw,15px);line-height:1.8;color:#777;}
.m26-cost__note li:before{content:'· ';}
.m26-cost__note--plain li:before{content:'';}
.m26 .m26-cost__more{color:#fff;}
.m26-cost__more{position:relative;display:block;width:min(215px,100%);margin-top:clamp(20px,1.6vw,30px);padding:0 50px 0 18px;height:50px;line-height:50px;border-radius:30px;background:#212121;color:#fff;font-size:15px;font-weight:bold;}
.m26-cost__more:after{content:'+';position:absolute;right:12px;top:10px;width:30px;height:30px;line-height:28px;border-radius:50%;background:#57D1FF;color:#000;font-size:26px;text-align:center;}

/* ---- 진료과목 배너 (#department) : 배너 이미지는 CSS 로 PC/모바일 ---- */
#dep_01{background-image:url(/img/main/2025/con02_1.png);}
#dep_02{background-image:url(/img/main/2025/con02_2.png);}
#dep_03{background-image:url(/img/main/2025/con02_3.png);}
#dep_04{background-image:url(/img/main/2025/con02_4.png);}
#department .hover_list_area .list_item.active{color:#0ba0ff;}

/* ---- 병원 소개 (con03_*) ---- */
.m26-about__in{display:flex;gap:5%;align-items:flex-start;}
.m26-about__head{flex:0 0 40%;padding-left:clamp(0px,4vw,80px);}
.m26-about__head .m26-h2{margin-top:16px;font-size:clamp(30px,2.6vw,50px);font-weight:800;}
.m26-about__body{flex:1;}
.m26-about__body p{font-size:clamp(15px,.95vw,18px);line-height:1.65;color:#555;}
.m26-about__body p + p{margin-top:1.5em;}
.m26-about__sign{margin-top:2em !important;font-size:clamp(18px,1.2vw,22px) !important;color:#111 !important;}
.m26-about__sign b{font-size:1.3em;}
.m26-about__photo img{display:block;width:100%;max-width:1526px;margin:clamp(40px,4vw,80px) auto 0;}

/* ---- 의료인들이 찾는 치과 (con05_2_*) ---- */
.m26-trust{padding:clamp(60px,5.2vw,100px) 0;background:#f7f7f7;}
.m26-trust__photo img{display:block;width:100%;max-width:1520px;margin:0 auto;}
.m26-trust__in{display:flex;align-items:center;gap:6%;margin-top:clamp(40px,4vw,80px);}
.m26-trust__in .m26-h2{flex:0 0 40%;padding-left:clamp(0px,4vw,80px);font-size:clamp(28px,2.3vw,44px);}
.m26-trust__body p{font-size:clamp(15px,.95vw,18px);line-height:1.65;color:#555;}
.m26-trust__body p + p{margin-top:1.4em;}
.m26-trust__body b{color:#111;}

.m26-keepimg{padding:clamp(40px,5.2vw,100px) 0;background:#f7f7f7;text-align:center;}
.m26-keepimg img{display:inline-block;}

/* ---- 모바일 전용 화이티니 배너 ---- */
.m26-whity{position:relative;}
.m26-whity > img{display:block;width:100%;padding:80px 0;}
.m26-whity__btn{position:absolute;left:17px;bottom:56%;}
.m26-whity__btn img{width:50%;}

/* ---- 어두운 영역 (공간 · 진료시간 · 야간) ---- */
.m26-dark{background:#000;color:#fff;}
.m26-space{padding-top:clamp(70px,7.8vw,150px);}
.m26-space .m26-h3{font-size:clamp(20px,1.8vw,34px);padding-left:clamp(0px,6vw,120px);}
.m26-space__lead{padding-left:clamp(0px,6vw,120px);font-size:clamp(18px,1.8vw,34px);font-weight:700;line-height:1.4;color:#888;}
.m26-space__grid{display:flex;gap:4%;margin-top:clamp(40px,6.8vw,130px);}
.m26-space__grid figure{flex:1;}
.m26-space__grid img{display:block;width:100%;}
.m26-space__grid figcaption{margin-top:clamp(20px,3.1vw,60px);font-size:clamp(14px,.95vw,18px);line-height:1.65;color:#888;}
.m26-space__grid figcaption b{color:#fff;}

.m26-info{display:flex;gap:2.2%;padding-top:clamp(70px,5.2vw,100px);padding-bottom:clamp(70px,5.2vw,100px);max-width:1467px;}
.m26-info__card{flex:1;padding:clamp(40px,5.2vw,100px) 20px clamp(40px,3.6vw,70px);border-radius:clamp(16px,1.2vw,24px);background:#fff;color:#111;text-align:center;}
.m26-info__card h3{font-size:clamp(34px,3.3vw,64px);font-weight:800;letter-spacing:-.03em;}
.m26-info__ok{margin-top:clamp(16px,1.6vw,30px);font-size:clamp(17px,1.3vw,25px);font-weight:700;}
.m26-info__time{margin:clamp(30px,2.6vw,50px) auto 0;border-collapse:collapse;}
.m26-info__time th, .m26-info__time td{padding:2px 0;font-size:clamp(18px,1.45vw,28px);font-weight:700;line-height:1.35;}
.m26-info__time th{padding-right:clamp(16px,1.6vw,30px);text-align:justify;text-align-last:justify;min-width:4.6em;}
.m26-info__rest{margin-top:8px;font-size:clamp(13px,1vw,19px);line-height:1.5;}
.m26-info__rest small{font-size:.7em;}
.m26-info__late{margin-top:clamp(20px,2.1vw,40px);font-size:clamp(15px,1.05vw,20px);font-weight:700;line-height:1.6;color:#888;}
.m26-info__late b{color:#111;}
.m26-info__addr{margin-top:clamp(20px,2.4vw,46px);font-size:clamp(17px,1.25vw,24px);font-weight:700;line-height:1.4;}
.m26-info__sub{margin-top:clamp(14px,1.4vw,26px);font-size:clamp(13px,1vw,19px);font-weight:700;}
.m26-info__sub mark{padding:0 4px;background:#000;color:#fff;}
.m26-info__park{margin-top:12px;font-size:clamp(12px,.75vw,14px);line-height:1.5;color:#888;}
.m26-info__map{display:block;margin:clamp(16px,1.4vw,26px) auto 0;max-width:498px;}
.m26-info__map img{display:block;width:100%;}
.m26-info__tel{margin-top:clamp(20px,2vw,38px);font-size:clamp(20px,1.6vw,30px);font-weight:700;}
.m26-info__tel span{margin-right:1em;color:#888;}
.m26-info__tel a{color:#111;}

.m26-night{display:flex;flex-direction:column;align-items:center;padding-bottom:clamp(50px,5.2vw,100px);}
.m26-night__photo img{display:block;width:100%;max-width:1159px;border-radius:12px;}
.m26-night__in{display:flex;gap:5%;width:100%;max-width:1159px;margin-top:clamp(30px,2.6vw,50px);}
.m26-night__head{flex:0 0 42%;}
.m26-night__star{display:block;font-size:clamp(36px,2.4vw,46px);line-height:1;}
.m26-night__sub{margin-top:16px;font-size:clamp(17px,1.35vw,26px);font-weight:300;}
.m26-night .m26-h2{margin-top:10px;color:#fff;font-size:clamp(30px,2.5vw,48px);}
.m26-night__body p{font-size:clamp(14px,.9vw,17px);line-height:1.7;color:#888;}
.m26-night__body p + p{margin-top:1.4em;}
.m26-night__body b{font-weight:400;color:#fff;}

.m26-roll{height:auto;padding:clamp(30px,3.1vw,60px) 0;}

/* ========== 태블릿 ========== */
@media (max-width:1100px){
	/* stretch 로 폭을 고정해야 slick 이 자기 폭을 재다가 무한히 커지지 않는다 */
	.m26-doc__in{flex-direction:column;align-items:stretch;}
	.m26-doc__txt{flex:none;padding:0;}
	.m26-doc__txt .m26-h2{white-space:normal;}
	.m26-doc__right{width:100%;}
	.m26-doc__logo{margin:30px auto;width:min(600px,100%);}
	.m26-cost__cards{flex-direction:column;max-width:640px;margin-left:auto;margin-right:auto;}
	.m26-about__in, .m26-trust__in{flex-direction:column;gap:30px;}
	.m26-about__head, .m26-trust__in .m26-h2{flex:none;padding-left:0;}
	.m26-ex__in{flex-direction:column;align-items:stretch;gap:30px;}
	.m26-ex__head{flex:none;padding-left:0;}
	.m26-info{flex-direction:column;gap:20px;max-width:720px;}
	.m26-night__in{flex-direction:column;gap:24px;}
}

/* ========== 모바일 (기존 모바일 메인 배치) ========== */
@media (max-width:768px){
	#dep_01{background-image:url(/img/main/2025/mcon02_1.png);}
	#dep_02{background-image:url(/img/main/2025/mcon02_2.png);}
	#dep_03{background-image:url(/img/main/2025/mcon02_3.png);}
	#dep_04{background-image:url(/img/main/2025/mcon02_4.png);}

	.m26-doc .view_btn{left:8%;top:40%;}
	#department .hover_list_area{width:95%;margin:16px auto 0;}
	.m26-review{padding:0 36px;}
	.m26-review .bg_title_slick .slick-slide{padding:0 5px;}
	.m26-ex__tab li{flex:1;min-width:0;}
	.m26-space .m26-h3, .m26-space__lead{padding-left:0;}
	.m26-space__grid{flex-direction:column;gap:40px;}
	.m26-space__lead br, .m26-about__body br, .m26-night__body br{display:none;}
	.m26-cost__cards > li{padding:30px 24px;}
}
@media (max-width:430px){
	.m26-info__time th{min-width:4.2em;}
	.m26 .content06 .card{min-width:calc(50% - 10px);}
	.m26 .content06 .card-text{font-size:18px;}
}