@charset "utf-8";
/* NanumSquare: 사이트에서 쓰는 글자만 담은 woff2(자체 호스팅). 그 외 한글은 fonts-extra.css가 필요할 때만 불러옴 */
@font-face{font-family:'NanumSquare';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/NanumSquareR-core.woff2) format('woff2');}
@font-face{font-family:'NanumSquare';font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/NanumSquareB-core.woff2) format('woff2');}
@font-face{font-family:'NanumSquare';font-weight:800;font-style:normal;font-display:swap;src:url(../fonts/NanumSquareEB-core.woff2) format('woff2');}

/* ===== slick.css ===== */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* ===== common.css ===== */
/* CSS Document */
*{padding:0;margin:0;-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;font-family:'NanumSquare', 'Malgun Gothic', '맑은 고딕','sans-serif';letter-spacing:-1px;line-height:1;color:#333;}
h1,h2,h3,h4,h5,h6,em,strong,li,dd,a,address{padding:0;margin:0;}
html{overflow-y:scroll;}
html,body{width:100%;height:100%;-webkit-font-smoothing:antialiased;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,thead,tbody,form,fieldset,legend,input,textarea,button{margin:0;padding:0;}
ul,ol,li,dl,dt,dd {list-style:none;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
button{border:none;background:none;vertical-align:middle;-webkit-appearance: none;-webkit-border-radius: 0;}
img,fieldset,iframe {border:none;}
img{vertical-align:top;}
textarea{font-size:18px;}
hr,legend,caption {position: absolute;overflow: hidden;clip: rect(0 0 0 0);margin: -1px;width: 1px;height: 1px;}
select {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;vertical-align:middle;border-radius: 0}
select::-ms-expand {display: none;}
input,textarea {-webkit-appearance: none;-webkit-border-radius: 0;border:1px solid #e0e0e0;}
input[type="text"],input[type="password"] {padding:0 5px;}
input[type="text"]:disabled,input[type="password"]:disabled {background:#f9f9f9;}
textarea {padding:10px;}
table{border:none; border-collapse:collapse; padding:0; border-spacing:0;table-layout: fixed;width:100%;}
u {text-decoration:none;}
::-webkit-input-placeholder {font:16px 'NanumSquare','Malgun Gothic', '맑은 고딕','sans-serif';}
::-moz-placeholder {font:16px 'NanumSquare','Malgun Gothic', '맑은 고딕','sans-serif';}
:-ms-input-placeholder {font:16px 'NanumSquare','Malgun Gothic', '맑은 고딕','sans-serif';}
:-moz-placeholder {font:16px 'NanumSquare','Malgun Gothic', '맑은 고딕','sans-serif';}

/*바로가기*/
.skip a{display:block;position:absolute;left:0;top:-9999em;width:100%;background-color:#272727;color:#aaa;font: bold 14px/3.4 arial,sans-serif;text-align:center;z-index: 99999;}
.skip a:hover,.skip a:active,.skip a:focus{top:0}

/*기본*/
#wrap{width:100%;position:relative;}
#header{position:relative;}
#container{position:relative;*zoom:1;}
#container:after{display:block;clear:both;content:'';}
.content_inner {width:1280px;margin:0 auto;text-align:center;position:relative;}
.content_inner:after {display:block;clear:both;content:'';}
#footer{position:relative;}

a{text-decoration:none; color:#000;}
a:link,a:visited,a:active,a:focus{}
a:hover{text-decoration:none;}
.blind {position: absolute;overflow: hidden;clip: rect(0 0 0 0);margin: -1px;width: 1px;height: 1px;}
.hide {display:none;}

/* float해제 */
.clearfix:after{content:''; display:block; clear:both;}
.fr {float:right;}
.fl {float:left;}
.wd50 {width:50%;float:left;}
ul:after,ol:after {content:''; display:block; clear:both;}

/*정렬*/
.text-center {text-align:center !important;}
.text-right {text-align:right !important;}
.text-left {text-align:left !important;}

/*display-table*/
.table {display:table;width:100%;}
.row {display:table-row;}
.th {display:table-cell;vertical-align:middle;}
.td {display:table-cell;vertical-align:middle;}
.inline {display:inline-block;vertical-align:middle;}

.bg {display:none;z-index:99;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;}

/* ===== style.css ===== */
#header {height:100px;z-index:10;position:absolute;left:0;width:100%;top:0;transition:all .2s;border-bottom:1px solid rgba(255,255,255,0.3);}
#header.fixed {background:#067fc6;box-shadow:0 10px 10px 10px rgba(0,0,0,0.03);position:fixed;border-bottom:1px solid #0771af;}
#header .logo {float:left;margin-top:27px;}
#header #gnb {float:right;}
#header #gnb li {float:left;}
#header #gnb li a {display:block;color:#fff;font-size:18px;line-height:100px;padding:0 28px;}
#mHeader {background:#fff;height:70px;text-align:center;position:fixed;top:0;width:100%;display:none;border-bottom:1px solid #f8f8f8;z-index:10;}
#mHeader .btn_menu {display:block;text-indent:-9999em;width:20px;height:17px;background:url(../images/m/btn_menu.png) no-repeat center/100% 100%;position:absolute;top:26px;left:20px;}
#mHeader .logo {display:inline-block;vertical-align:middle;margin-top:23px;}
#nav {background:#fff;width:295px;height:100%;position:fixed;left:-295px;top:0;z-index:100;}
#nav ul {height:100%;overflow-y:auto;}
#nav ul li a {display:block;height:53px;line-height:53px;border-bottom:1px solid #e0e0e0;padding-left:45px;font-weight:700;}
#nav .btn_close {display:none;text-indent:-9999em;background:url(../images/m/btn_close.png) no-repeat center/100% 100%;width:20px;height:20px;position:absolute;right:-40px;top:20px;}
.btn_bottom {display:none;position:fixed;bottom:0;width:100%;overflow:hidden;z-index:10;}
.btn_bottom a {display:block;float:left;width:25%;background:#323232;}
.btn_bottom a:last-child {background:#1680c4;}
.btn_bottom a img {width:100%;}

.visual .slick-slide {background-repeat:no-repeat;background-position:center;background-size:cover;height:910px;}
.visual .slick-slide:after {content:'';display:block;background:url(../images/visual_bg.png) no-repeat left center/cover;position:absolute;left:0;bottom:0;width:100%;height:161px;}
.visual .slick-dots {position:absolute;text-align:center;left:0;width:100%;top:570px;z-index:9;}
.visual .slick-dots li {display:inline-block;vertical-align:top;margin:0 3px;}
.visual .slick-dots li button {display:block;width:12px;height:12px;border-radius:50%;text-indent:-9999em;background:#fff;transition:all .2s;}
.visual .slick-dots li.slick-active button {width:30px;background:#9ccf66;border-radius:20px}
.m_visual {margin-top:70px;}
.m_visual .slick-slide {height:auto;}
.m_visual .slick-slide img {width:100%;}
.m_visual .slick-dots {top:55%;}
.pc_cont.ico_shortcut {position:fixed;left:50%;margin-left:490px;bottom:60px;z-index:9;}
.circle_wrap {position:relative;height:260px;}
.circle_wrap .circle1 {position:absolute;top:0;left:11.71875%;width:20.3125%;}
.circle_wrap .circle2 {position:absolute;top:0;left:39.84375%;transition:all 1s;width:20.3125%;}
.circle_wrap .circle3 {position:absolute;top:0;right:11.71875%;width:20.859375%;}
.circle_wrap .arrow {position:absolute;top:72px;right:33.90625%;opacity:0;transition:all 1s;transition-delay:.4s;width:15.46875%;}
.circle_wrap.active .circle2 {transform:translateX(-60.78125%);}
.circle_wrap.active .arrow {opacity:1;}

#section1 {position:relative;}
#section1:before {content:'';display:block;width:1px;height:130px;background:#ddd;position:absolute;top:-53px;left:50%;}

.bg_wrap {text-align:center;}
.bg1 {background:url(../images/content_img1_bg.webp) no-repeat center/cover;}
.bg3 {background:url(../images/content_img3_bg.webp) no-repeat center/cover;}
.bg6 {position:relative;background:url(../images/content_img6_bg.webp) no-repeat center/cover;background-color:#eee;}
.bg6 .content_inner {z-index:2;position:relative;}
.bg10 {background:url(../images/content_img10_bg.webp) no-repeat center/cover;}

.tour_slider {width:1110px;margin:0 auto;}
.tour_slider .slick-slide {background-repeat:no-repeat;background-position:center;background-size:cover;height:597px;}
.tour_slider .slick-arrow {width:60px;height:60px;text-indent:-9999em;background-repeat:no-repeat;background-position:center;position:absolute;top:220px;z-index:9;}
.tour_slider .slick-arrow.slick-next {background-image:url("../images/slide_next.png");right:-85px;}
.tour_slider .slick-arrow.slick-prev {background-image:url("../images/slide_prev.png");left:-85px;}
.tour_slider .slider-nav-thumbnails {margin-top:60px;}
.tour_slider .slider-nav-thumbnails a {display:block;height:114px;width:18.91891891891892%;font-size:24px;text-align:center;margin:0 1.35135135135135% 20px 0;float:left;position:relative;background-repeat:no-repeat;background-size:cover;background-position:center;}
.tour_slider .slider-nav-thumbnails a .table {height:100%;}
.tour_slider .slider-nav-thumbnails a .td {height:100%;position:relative;z-index:1;color:#fff;line-height:1.2;}
.tour_slider .slider-nav-thumbnails a span {background:rgba(0,0,0,0.35);display:block;position:absolute;left:0;top:0;width:100%;height:100%;transition:all .2s;}
.tour_slider .slider-nav-thumbnails a:nth-child(5n) {margin-right:0;}
.tour_slider .slider-nav-thumbnails a.active span,
.tour_slider .slider-nav-thumbnails a:hover span {border:6px solid #25aae1;}
.contact {margin-top:152px;}
.contact #map {float:left;width:calc(100% - 465px);height:614px;}
#map .wrap_map{height:100%}
#footer {background:#3c454e;margin-top:200px;}

.m_cont {display:none;text-align:center;}

@media all and (max-width:1279px) {
	#header #gnb li a {font-size:18px;padding:0 15px;}
	.pc_cont.ico_shortcut {margin-left:30%;}
	.content_inner {width:calc(100% - 40px);}
	.content_inner img {max-width:100%;}
	.bg2 .content_inner img {margin-left:0;left:0;}
	.tour_slider {width:calc(100% - 40px);}
	.tour_slider .slick-arrow.slick-next {right:10px;}
	.tour_slider .slick-arrow.slick-prev {left:10px;}
}

@media all and (max-width:1099px) {
	#header #gnb li a {font-size:16px;}
}

/* PC 메뉴(로고+텍스트 6개)가 한 줄에 다 안 들어가는 폭에서는
   일찌감치 모바일 헤더(햄버거 메뉴)로 전환해서 줄바꿈 깨짐을 방지 */
@media all and (max-width:1365px) {
	#header {display:none;}
	#mHeader {display:block;}
}

@media all and (max-width:1023px) {
	.circle_wrap .arrow {top:20%;}
	.contact #map {width:50%;height:62.582vw;}
	.contact .content_inner img {width:50%;}
}

@media all and (max-width:767px) {
	.pc_cont {display:none;}
	.m_cont {display:block;width:100%;}
	.btn_bottom {display:block;}
	#section1:before {height:9.333333333333333vw;top:-5.733333333333333vw;}
	.tour_slider {width:100%;}
	.tour_slider .slick-slide {height:61.33333vw;}
	.tour_slider .slider-nav-thumbnails {margin-top:30px;}
	.tour_slider .slider-nav-thumbnails a {height:46px;width:23.94366197183099%;margin-right:1.40845070422535%;margin-bottom:5px;}
	.tour_slider .slider-nav-thumbnails a:nth-child(4n) {margin-right:0;}
	.tour_slider .slider-nav-thumbnails a:nth-child(5n) {margin-right:1.40845070422535%;}
	.tour_slider .slider-nav-thumbnails a .td {font-size:10px;}
	.tour_slider .slider-nav-thumbnails a.active span,
	.tour_slider .slider-nav-thumbnails a:hover span {border:3px solid #25aae1;}
	.tour_slider .slick-arrow {top:26.1333vw;}
	.tour_slider .slick-arrow.slick-next {right:0;width:21px;height:35px;background:url(../images/m/m_slide_next.png) no-repeat center/100% 100%;}
	.tour_slider .slick-arrow.slick-prev {left:0;width:21px;height:35px;background:url(../images/m/m_slide_prev.png) no-repeat center/100% 100%;}
	.contact {margin-top:60px;}
	.contact #map {float:none;height:53.33333333333333vw;width:100%;}
	.contact .content_inner img {width:100%;}
	#footer {margin-top:50px;}
	#footer .m_cont {padding-bottom:23.4375vw;}
}

/* ===== doctors.css ===== */
/* 의료진 소개: 사진은 이미지, 이름과 약력은 index.html의 실제 텍스트입니다. */
.doctor-profiles {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px 30px;
  text-align: left;
}
.doctor-profile {
  display: grid;
  grid-template-columns: 42.56% minmax(0, 1fr);
  gap: 23px;
  align-items: start;
  min-width: 0;
}
.doctor-profile__photo {
  display: block;
  width: 100%;
  height: auto;
}
.doctor-profile__body { min-width: 0; padding-top: 48px; }
.doctor-profile__name {
  margin: 0 0 22px;
  padding: 0 0 22px;
  border-bottom: 4px solid #0084bd;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.2;
  color: #0084bd;
  letter-spacing: -2px;
}
.doctor-profile__name span {
  display: inline-block;
  margin-left: 8px;
  color: #3c454e;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -1px;
}
.doctor-profile__career li {
  color: #3c454e;
  font-size: 14px;
  line-height: 2;
  letter-spacing: -.6px;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.doctor-profile__licenses {
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px solid #e4e8eb;
}
.doctor-profile__licenses li {
  color: #555f68;
  font-size: 12px;
  line-height: 1.7;
  letter-spacing: -.3px;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
@media (min-width: 768px) and (max-width: 1099px) {
  .doctor-profiles { max-width: 760px; grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
  .doctor-profiles { width: calc(100% - 32px); grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .doctor-profile { grid-template-columns: 32% minmax(0, 1fr); gap: 14px; }
  .doctor-profile__body { padding-top: 12px; }
  .doctor-profile__name { font-size: 28px; letter-spacing: -1px; padding-bottom: 14px; margin-bottom: 14px; border-bottom-width: 1px; }
  .doctor-profile__name span { font-size: 14px; margin-left: 5px; }
  .doctor-profile__career li { font-size: 14px; line-height: 1.75; margin-bottom: 4px; }
}

/* 약력은 일반 텍스트입니다. 브라우저가 자동 삽입한 장소/전화 링크를 억제합니다. */
.doctor-profile__body a,
.doctor-profile__body [x-apple-data-detectors] {
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-decoration: none !important;
  border-bottom: none !important;
  background: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
  cursor: text !important;
}

/* ===== contact.css ===== */
/* PC·모바일 공통 연락처. 내용은 index.html의 contact-info에서 수정합니다. */
.contact .content_inner { display: grid; grid-template-columns: minmax(0, 1fr) 465px; text-align: left; }
.contact .content_inner:after { display: none; }
.contact #map { float: none; width: 100%; height: 100%; min-height: 614px; }
.contact-info { background: #087fc0; padding: 64px 44px 46px; min-width: 0; }
.contact-info h2 { color: #fff; font-size: 48px; line-height: 1.3; font-weight: 800; padding-bottom: 22px; margin-bottom: 30px; border-bottom: 1px solid #8bc5e3; }
.contact-info h2 span { display: inline-block; font-size: 21px; color: #fff0a2; margin-left: 12px; }
.contact-info address { color: #fff; font-size: 19px; line-height: 1.65; font-weight: 700; word-break: keep-all; }
.contact-info .contact-phone { display: inline-block; color: #fff0a2; font-size: 44px; line-height: 1.3; font-weight: 800; margin: 10px 0 25px; letter-spacing: -2px; }
.contact-info h3 { color: #fff; font-size: 20px; line-height: 1.5; margin-bottom: 8px; }
.contact-hours { display: grid; grid-template-columns: 105px minmax(0, 1fr); gap: 7px 10px; }
.contact-hours dt, .contact-hours dd { color: #fff; font-size: 18px; line-height: 1.5; font-weight: 700; letter-spacing: -.8px; }
.contact-hours dt span { color: #fff0a2; }
.contact-info .contact-holiday { color: #fff0a2; font-size: 16px; line-height: 1.5; text-align: right; margin-top: 12px; }
.contact-info .contact-directions { color: #fff; font-size: 15px; line-height: 1.7; word-break: keep-all; margin-top: 22px; }
.contact-info .contact-parking { color: #fff0a2; font-size: 15px; line-height: 1.7; margin-top: 6px; }
.contact-info .contact-business { color: #fff; font-size: 12px; line-height: 1.6; margin-top: 12px; }
.contact-phone:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (min-width: 768px) and (max-width: 1023px) {
  .contact .content_inner { grid-template-columns: minmax(0, 1fr) 390px; }
  .contact-info { padding: 36px 24px; }
  .contact-info h2 { font-size: 40px; }
  .contact-info h2 span { font-size: 18px; }
  .contact-hours dt, .contact-hours dd { font-size: 17px; }
}
@media (max-width: 767px) {
  .contact .content_inner { width: 100%; grid-template-columns: minmax(0, 1fr); }
  .contact #map { height: 65vw; min-height: 240px; max-height: 420px; }
  .contact-info { padding: 36px 24px; }
  .contact-info h2 { font-size: 36px; margin-bottom: 22px; padding-bottom: 18px; }
  .contact-info h2 span { font-size: 18px; margin-left: 8px; }
  .contact-info address { font-size: 17px; }
  .contact-info .contact-phone { font-size: 40px; }
  .contact-hours { grid-template-columns: 92px minmax(0, 1fr); gap: 8px; }
  .contact-hours dt, .contact-hours dd { font-size: 16px; letter-spacing: -.7px; }
}

/* ===== treatments.css ===== */
/* 원본 사진 파일을 재가공하지 않고 사진 영역만 표시합니다. */
.treatment-features { max-width:1280px; width:calc(100% - 40px); margin:0 auto; padding-bottom:128px; text-align:center; }
.treatment-number { display:inline-block; background:#0084bd; color:#fff; padding:6px 7px; font-size:13px; line-height:1; }
.treatment-features h2 { color:#3c454e; font-size:36px; line-height:1.4; font-weight:800; margin:22px 0 70px; word-break:keep-all; }
.treatment-features h2 span { color:#0084bd; }
.treatment-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:19px; }
.treatment-card { min-width:0; }
.treatment-photo { position:relative; overflow:hidden; }
.treatment-photo img { position:absolute; display:block; max-width:none; height:auto; }
.treatment-copy h3 { color:#3c454e; font-size:23px; font-weight:800; line-height:1.4; margin:20px 0 12px; word-break:keep-all; }
.treatment-copy h3 span { color:#81bd42; }
.treatment-copy p { max-width:340px; margin:0 auto; color:#3c454e; font-size:14px; line-height:1.7; word-break:keep-all; }
/* PC 가운데 사진 위에 실제 텍스트를 배치합니다. 모바일은 기존 사진 아래 배치 유지. */
@media (min-width:768px) {
 .treatment-sedation { position:relative; }
 .treatment-sedation .treatment-copy { position:absolute; left:8%; top:16%; width:48%; text-align:left; }
 .treatment-sedation .treatment-copy h3 { margin:0 0 12px; }
 .treatment-sedation .treatment-copy p { margin:0; }
}
@media (min-width:768px) and (max-width:1199px) {
 .treatment-sedation .treatment-copy { top:10%; width:56%; }
 .treatment-sedation .treatment-copy h3 { font-size:clamp(16px,1.8vw,23px);margin-bottom:8px; }
 .treatment-sedation .treatment-copy p { font-size:clamp(12px,1.15vw,14px);line-height:1.55; }
}
.treatment-implant .treatment-photo { aspect-ratio:413 / 349; }
.treatment-implant .treatment-photo img { width:309.92736077%; left:0.00000000%; top:-48.71060172%; }
.treatment-sedation .treatment-photo { aspect-ratio:415 / 478; }
.treatment-sedation .treatment-photo img { width:308.43373494%; left:-104.09638554%; top:-35.56485356%; }
.treatment-wisdom .treatment-photo { aspect-ratio:415 / 349; }
.treatment-wisdom .treatment-photo img { width:308.43373494%; left:-208.43373494%; top:-48.71060172%; }
@media (max-width:767px) {
 .treatment-features { width:calc(100% - 32px); padding-bottom:60px; }
 .treatment-features h2 { font-size:26px; margin:18px 0 32px; }
 .treatment-grid { grid-template-columns:minmax(0,1fr); gap:32px; }
 .treatment-photo { aspect-ratio:710 / 346; }
 .treatment-copy h3 { font-size:21px; margin-top:18px; }
 .treatment-copy p { max-width:560px; font-size:16px; }
 .treatment-photo img { width:105.63380282%; left:-2.81690141%; }
 .treatment-implant .treatment-photo { aspect-ratio:710 / 346; }
 .treatment-implant .treatment-photo img { width:105.63380282%; left:-2.81690141%; top:-57.51445087%; }
 .treatment-sedation .treatment-photo { aspect-ratio:710 / 346; }
 .treatment-sedation .treatment-photo img { width:105.63380282%; left:-2.81690141%; top:-232.65895954%; }
 .treatment-wisdom .treatment-photo { aspect-ratio:710 / 346; }
 .treatment-wisdom .treatment-photo img { width:105.63380282%; left:-2.81690141%; top:-396.24277457%; }
}

/* ===== implant-features.css ===== */
/* 사진·녹색 숫자는 원본 파일을 자르거나 수정하지 않고 표시합니다. */
.implant-features { width:calc(100% - 40px); max-width:1280px; margin:0 auto; padding-bottom:130px; text-align:center; }
.implant-heading { padding:105px 0 72px; }
.implant-heading-number { display:inline-block; background:#0084bd; color:#fff; font-size:13px; line-height:1; padding:6px 7px; }
.implant-heading h2 { margin:22px 0 0; color:#3c454e; font-size:36px; line-height:1.4; font-weight:800; word-break:keep-all; }
.implant-heading h2 span { color:#0084bd; }
.implant-feature-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); row-gap:76px; }
.implant-feature { grid-column:span 2; min-width:0; }
.implant-feature:nth-child(4) { grid-column:2 / span 2; }
.implant-feature:nth-child(2), .implant-feature:nth-child(3), .implant-feature:nth-child(5) { border-left:3px solid #ddd; }
.implant-feature-photo { position:relative; overflow:hidden; }
.implant-feature-photo img { position:absolute; display:block; max-width:none; height:auto; }
.implant-feature h3 { margin:18px 15px; font-size:23px; line-height:1.45; font-weight:800; color:#3c454e; word-break:keep-all; }
.implant-feature h3 span { color:#85bf4a; }
.implant-feature p { margin:0 auto; padding:0 24px 12px; max-width:400px; font-size:14px; line-height:1.7; color:#3c454e; word-break:keep-all; }
.implant-feature-1 .implant-feature-photo { aspect-ratio:427/275; }
.implant-feature-1 .implant-feature-photo img { width:299.76580796%;left:0.00000000%;top:-99.63636364%; }
.implant-feature-2 .implant-feature-photo { aspect-ratio:426/275; }
.implant-feature-2 .implant-feature-photo img { width:300.46948357%;left:-100.23474178%;top:-99.63636364%; }
.implant-feature-3 .implant-feature-photo { aspect-ratio:427/275; }
.implant-feature-3 .implant-feature-photo img { width:299.76580796%;left:-199.76580796%;top:-99.63636364%; }
.implant-feature-4 .implant-feature-photo { aspect-ratio:428/276; }
.implant-feature-4 .implant-feature-photo img { width:299.06542056%;left:-49.53271028%;top:-301.81159420%; }
.implant-feature-5 .implant-feature-photo { aspect-ratio:428/276; }
.implant-feature-5 .implant-feature-photo img { width:299.06542056%;left:-149.53271028%;top:-301.81159420%; }
@media(max-width:767px) {
 .implant-features { width:calc(100% - 32px); padding-bottom:60px; }
 .implant-heading { padding:0 0 30px; }
 .implant-heading h2 { margin-top:16px; font-size:24px; }
 .implant-feature-grid { grid-template-columns:minmax(0,1fr); row-gap:32px; }
 .implant-feature, .implant-feature:nth-child(4) { grid-column:auto; }
 .implant-feature:nth-child(n) { border:0; }
 .implant-feature h3 { font-size:21px; margin:14px 0; }
 .implant-feature p { padding:0; font-size:16px; max-width:600px; }
.implant-feature-1 .implant-feature-photo { aspect-ratio:710/436; }
.implant-feature-1 .implant-feature-photo img {width:105.63380282%;left:-2.81690141%;top:-33.94495413%;}
.implant-feature-2 .implant-feature-photo { aspect-ratio:710/436; }
.implant-feature-2 .implant-feature-photo img {width:105.63380282%;left:-2.81690141%;top:-203.21100917%;}
.implant-feature-3 .implant-feature-photo { aspect-ratio:710/436; }
.implant-feature-3 .implant-feature-photo img {width:105.63380282%;left:-2.81690141%;top:-372.24770642%;}
.implant-feature-4 .implant-feature-photo { aspect-ratio:710/436; }
.implant-feature-4 .implant-feature-photo img {width:105.63380282%;left:-2.81690141%;top:-550.68807339%;}
.implant-feature-5 .implant-feature-photo { aspect-ratio:710/436; }
.implant-feature-5 .implant-feature-photo img {width:105.63380282%;left:-2.81690141%;top:-729.12844037%;}
}

/* ===== intro.css ===== */
/* 원본 사진과 아이콘은 그대로 표시합니다. 문구는 index.html에서 수정합니다. */
.intro-section { text-align:center; background:url(../images/content_img1_bg.webp) no-repeat center/cover; }
.intro-heading { padding:105px 20px 72px; }
.intro-heading h2 { font-size:48px; line-height:1.4; color:#3c454e; font-weight:400; word-break:keep-all; }
.intro-heading h2 strong { color:inherit; font-weight:800; }

.intro-heading p { margin-top:28px; font-size:23px; line-height:1.5; color:#3c454e; word-break:keep-all; }
.intro-heading p strong { color:inherit; }
.intro-mosaic { max-width:1280px; margin:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); background:#1285d4; }
.intro-crop { position:relative; overflow:hidden; }
.intro-crop img { position:absolute; display:block; max-width:none; height:auto; }
.intro-history-copy { padding:14px 26px 56px; }
.intro-history-copy .intro-since { color:#fff18f; font-size:48px; font-weight:800; line-height:1.2; margin:0 0 6px; }
.intro-history-copy h3 { color:#fff; font-size:28px; line-height:1.5; font-weight:800; word-break:keep-all; }
.intro-history-copy p { color:#fff; font-size:14px; line-height:1.8; margin-top:16px; word-break:keep-all; }
.intro-services { display:grid; grid-template-rows:1fr 1fr; }
.intro-service { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; }
.intro-service h3 { display:block; align-content:center; padding:20px 12px; font-size:28px; line-height:1.45; font-weight:700; color:#fff; background:linear-gradient(110deg,#42adf2,#0785cb); word-break:keep-all; }
.intro-service h3 strong { color:#fff18f; line-height:inherit; font-weight:800; }
.intro-service h3 br { display:initial; }
.intro-lab h3 { background:repeating-linear-gradient(0deg,transparent,transparent 7px,#ffffff30 8px), repeating-linear-gradient(90deg,#279bdd,#279bdd 7px,#ffffff30 8px); padding:15px; }
.intro-lab h3 span { display:block; align-content:center; background:#fff; color:#59636b; height:100%; padding:20px 10px; line-height:1.6; }
.intro-lab h3 strong { color:#0084bd; }
.intro-benefits { max-width:1280px; margin:auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; padding:80px 20px; }
.intro-icon { width:80px; margin:0 auto 24px; }
.intro-benefit h3 { color:#0084bd; font-size:23px; line-height:1.45; font-weight:800; word-break:keep-all; }
.intro-benefit p { color:#3c454e; font-size:14px; line-height:1.7; margin-top:24px; word-break:keep-all; }
.intro-benefit p a { color:#0084bd; font-weight:800; text-decoration:underline; text-underline-offset:3px; white-space:nowrap; }
.intro-team { aspect-ratio:640/410; }
.intro-team img { width:200.00000000%;left:0.00000000%;top:-74.87804878%; }
.intro-surgery { aspect-ratio:320/322; }
.intro-surgery img { width:400.00000000%;left:-200.00000000%;top:-95.34161491%; }
.intro-prosthesis { aspect-ratio:320/321; }
.intro-prosthesis img { width:400.00000000%;left:-300.00000000%;top:-195.95015576%; }
.intro-icon-1 { aspect-ratio:80/90; }
.intro-icon-1 img { width:1600.00000000%;left:-150.00000000%;top:-1138.88888889%; }
.intro-icon-2 { aspect-ratio:80/90; }
.intro-icon-2 img { width:1600.00000000%;left:-550.00000000%;top:-1138.88888889%; }
.intro-icon-3 { aspect-ratio:80/90; }
.intro-icon-3 img { width:1600.00000000%;left:-950.00000000%;top:-1138.88888889%; }
.intro-icon-4 { aspect-ratio:80/90; }
.intro-icon-4 img { width:1600.00000000%;left:-1350.00000000%;top:-1138.88888889%; }
@media (min-width:768px) and (max-width:1100px) {
 .intro-history-copy h3 { font-size:22px; }
 .intro-service h3 { font-size:21px; }
 .intro-benefit h3 { font-size:20px; }
}
@media (max-width:767px) {
 .intro-heading { padding:55px 16px 36px; }
 .intro-heading h2 { font-size:28px; }
 
 .intro-heading p { font-size:18px; margin-top:20px; }
 .intro-mosaic { width:calc(100% - 32px); grid-template-columns:1fr; }
 .intro-history-copy { padding:10px 18px 32px; }
 .intro-history-copy .intro-since { font-size:34px; }
 .intro-history-copy h3 { font-size:22px; }
 .intro-history-copy p { font-size:16px; }
 .intro-service h3 { font-size:19px; padding:12px 8px; }
 .intro-lab h3 span { padding:10px 4px; }
 .intro-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); padding:48px 16px; gap:36px 20px; background:transparent; }
 .intro-benefit h3 { font-size:19px; }
 .intro-benefit p { font-size:15px; margin-top:16px; }
 .intro-icon { width:65px; margin-bottom:16px; }
}

.intro-mosaic > *, .intro-services > *, .intro-service > * { min-width:0; }
.intro-service .intro-crop { align-self:center; width:100%; }

/* 제목 양옆 장식은 원본 PNG의 중괄호 영역을 그대로 사용합니다. */
.intro-heading h2::before, .intro-heading h2::after {
 content:""; display:inline-block; width:26px; height:66px;
 vertical-align:middle; margin:0 24px; background-image:url(../images/content_img1.webp);
 background-repeat:no-repeat; background-size:1280px 1418px;
}
.intro-heading h2::before { background-position:-410px -106px; }
.intro-heading h2::after { background-position:-844px -106px; }
@media(max-width:767px) {
 .intro-heading h2::before, .intro-heading h2::after { width:15.6px; height:39.6px; margin:0 8px; background-size:768px 850.8px; }
 .intro-heading h2::before { background-position:-246px -63.6px; }
 .intro-heading h2::after { background-position:-506.4px -63.6px; }
}

/* ===== implant-process.css ===== */
/* 사진 띠, 중괄호, 체크 표시는 원본 이미지 영역을 그대로 사용합니다. */
.implant-process { max-width:1280px; width:calc(100% - 40px); margin:0 auto; padding-bottom:115px; text-align:center; }
.process-heading { padding:110px 0 70px; }
.process-heading h2 { font-size:48px; line-height:1.4; font-weight:800; color:#3c454e; }
.process-heading h2::before,.process-heading h2::after { content:""; display:inline-block; width:26px; height:66px; margin:0 45px; vertical-align:middle; background:url(../images/content_img2.webp) no-repeat; background-size:1280px 1471px; }
.process-heading h2::before { background-position:-410px -118px; }
.process-heading h2::after { background-position:-844px -118px; }
.process-heading p { margin-top:28px; font-size:23px; line-height:1.5; color:#3c454e; word-break:keep-all; }
.process-heading strong { color:inherit; }
.process-subheading { padding-bottom:72px; }
.process-subheading>span { display:inline-block; background:#0084bd; color:white; padding:7px; font-size:13px; }
.process-subheading h3 { margin-top:22px; font-size:36px; line-height:1.4; font-weight:800; color:#3c454e; word-break:keep-all; }
.process-subheading em { color:#0084bd; }
.process-step { position:relative; display:grid; grid-template-columns:38.4375% 37.5% minmax(0,1fr); align-items:start; min-height:230px; text-align:left; }
.process-step:not(:last-child)::after { content:""; position:absolute; top:185px; left:0; right:0; height:4px; background:#ddd; z-index:-1; }
.process-photo { position:relative; overflow:hidden; }
.process-photo img { position:absolute; display:block; max-width:none; height:auto; }
.process-checks { padding:35px 25px 20px 70px; min-width:0; }
.process-checks li { position:relative; padding-left:32px; font-size:23px; line-height:1.5; font-weight:800; color:#3c454e; word-break:keep-all; margin-bottom:8px; }
.process-check-icon { position:absolute; left:0; top:5px; width:25px; height:25px; background:url(../images/m/m_content_img2.webp) no-repeat -142.1875px -563.28125px / 585.9375px 1961.71875px; }
.process-step>p { padding-top:35px; font-size:14px; line-height:1.7; color:#3c454e; word-break:keep-all; }
.process-duration { position:absolute; width:113px; height:113px; top:-66px; left:65.5%; background:url(../images/content_img2.webp) no-repeat -839px -682px / 1280px 1471px; }
.process-step-1 .process-photo { aspect-ratio:492/213; }
.process-step-1 .process-photo img {width:260.16260163%;left:0;top:-243.19248826%;}
.process-step-2 .process-photo { aspect-ratio:492/213; }
.process-step-2 .process-photo img {width:260.16260163%;left:0;top:-351.17370892%;}
.process-step-3 .process-photo { aspect-ratio:492/213; }
.process-step-3 .process-photo img {width:260.16260163%;left:0;top:-459.15492958%;}
.process-step-4 .process-photo { aspect-ratio:492/143; }
.process-step-4 .process-photo img {width:260.16260163%;left:0;top:-844.75524476%;}
@media(min-width:768px) and (max-width:1100px) {
 .process-checks { padding-left:20px; }
 .process-checks li { font-size:18px; }
 .process-step>p { font-size:13px; }
 .process-duration { transform:scale(.7); transform-origin:right bottom; }
}
@media(max-width:767px) {
 .implant-process { width:calc(100% - 32px); padding-bottom:55px; }
 .process-heading { padding:65px 0 45px; }
 .process-heading h2 { font-size:28px; }
 .process-heading h2::before,.process-heading h2::after { width:15.6px;height:39.6px; margin:0 12px; background-size:768px 882.6px; }
 .process-heading h2::before { background-position:-246px -70.8px; }
 .process-heading h2::after { background-position:-506.4px -70.8px; }
 .process-heading p { font-size:18px; margin-top:22px; }
 .process-heading p br { display:none; }
 .process-subheading { padding-bottom:35px; }
 .process-subheading h3 { font-size:25px; }
 .process-step { display:block; min-height:0; margin-bottom:36px; }
 .process-step::after { display:none; }
 .process-checks { padding:18px 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; border-bottom:1px solid #ddd; }
 .process-checks li { font-size:17px; padding:34px 0 0; margin:0; text-align:center; }
 .process-check-icon { top:0; left:calc(50% - 12.5px); }
 .process-step>p { padding-top:18px; font-size:16px; text-align:center; }
 .process-duration { display:none; }
.process-step-1 .process-photo {aspect-ratio:710/168;}
.process-step-1 .process-photo img {width:105.63380282%;left:-2.81690141%;top:-314.88095238%;}
.process-step-2 .process-photo {aspect-ratio:710/200;}
.process-step-2 .process-photo img {width:105.63380282%;left:-2.81690141%;top:-498.50000000%;}
.process-step-3 .process-photo {aspect-ratio:710/168;}
.process-step-3 .process-photo img {width:105.63380282%;left:-2.81690141%;top:-911.30952381%;}
.process-step-4 .process-photo {aspect-ratio:710/168;}
.process-step-4 .process-photo img {width:105.63380282%;left:-2.81690141%;top:-1209.52380952%;}
}

/* ===== implant-details.css ===== */
/* 원본 배경·사진·도형은 유지하고 분리 가능한 문구만 HTML로 표시합니다. */
.detail-heading {text-align:center; padding:90px 20px 60px; position:relative;z-index:1;}
.detail-number {display:inline-block;background:#0084bd;color:white;font-size:13px;line-height:1;padding:7px;}
.detail-heading h2 {font-size:36px;line-height:1.45;font-weight:800;color:#3c454e;margin-top:22px;word-break:keep-all;}
.detail-heading em,.detail-fast-benefits em {color:#0084bd;font-weight:800;}
.detail-crop {position:relative;overflow:hidden;}
.detail-crop img {position:absolute;display:block;max-width:none;height:auto;}
.detail-complex {background:url(../images/content_img3_bg.webp) no-repeat center/cover;}
.detail-complex .detail-heading h2 {color:white;}
.detail-complex .detail-heading em {color:#44afff;}
.detail-complex-body {max-width:940px;margin:auto;display:grid;grid-template-columns:242px minmax(0,1fr);gap:45px;align-items:center;}
.detail-types {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));text-align:center;}
.detail-types li {grid-column:span 2;padding:32px 10px;font-size:25px;line-height:1.5;color:#fff;border-right:2px solid #44afff;}
.detail-types li strong {color:inherit;line-height:inherit;}
.detail-types li:nth-child(3),.detail-types li:last-child {border-right:0;}
.detail-types li:nth-child(n+4) {grid-column:span 3;border-top:2px solid #44afff;}
.detail-speed {background:url(../images/content_img3_bg_png.webp) no-repeat center/cover;padding-bottom:45px;}
.detail-speed-desktop {max-width:1280px;width:calc(100% - 40px);}
.detail-speed-mobile {display:none;}
.detail-fast-benefits {max-width:1280px;margin:65px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));text-align:center;}
.detail-fast-benefits li {padding:10px 20px;border-right:3px solid #a3bbcb;}
.detail-fast-benefits li:last-child {border:0;}
.detail-fast-benefits .detail-crop {width:72px;margin:0 auto 20px;}
.detail-fast-benefits p {font-size:22px;line-height:1.5;color:#3c454e;word-break:keep-all;font-weight:700;}
.detail-cases {max-width:1280px;width:calc(100% - 40px);margin:0 auto;padding-bottom:75px;}
.detail-case-heading {text-align:center;padding:0 0 60px;}
.detail-down {display:inline-block;width:43px;height:41px;background:url(../images/content_img5.webp) no-repeat -620px 0;}
.detail-case-heading h2 {font-size:40px;font-weight:400;line-height:1.4;color:#3c454e;margin-top:18px;}
.detail-case-heading strong {color:inherit;}
.detail-notice {font-size:14px;line-height:1.7;color:#77838f;margin-top:20px;text-align:right;}
.detail-materials {position:relative;background:url(../images/content_img6_bg.webp) no-repeat center/cover;padding-bottom:35px;}
.detail-materials .detail-heading {max-width:1280px;margin:auto;}
.detail-material-body {position:relative;max-width:1280px;margin:auto;}
.detail-hexagons {width:63.4375%;margin:0 auto;}
.detail-material-tooth {position:absolute;right:0;bottom:30px;width:15.703125%;}
.detail-material-copy {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.detail-material-tagline {font-size:28px;line-height:1.5;text-align:center;margin:30px 20px 40px;color:#3c454e;word-break:keep-all;}
.detail-material-benefits {width:min(954px,85%);margin:auto;}
.tour-text-heading {text-align:center;padding:90px 0 72px;}
.tour-text-heading h2 {font-size:48px;line-height:1.4;font-weight:800;color:#3c454e;}
.tour-text-heading h2::before,.tour-text-heading h2::after {content:"";display:inline-block;width:26px;height:66px;margin:0 45px;vertical-align:middle;background:url(../images/content_img12.png) no-repeat;}
.tour-text-heading h2::before {background-position:-410px -91px;}
.tour-text-heading h2::after {background-position:-844px -91px;}
@media(max-width:767px) {
 .detail-heading {padding:55px 16px 35px;}
 .detail-heading h2 {font-size:26px;margin-top:18px;}
 .detail-complex-body {grid-template-columns:28% minmax(0,1fr);gap:10px;padding:0 16px 30px;}
 .detail-types li {font-size:16px;padding:20px 4px;}
 .detail-speed-desktop {display:none;}
 .detail-speed-mobile {display:block;width:calc(100% - 32px);margin:auto;}
 .detail-fast-benefits {grid-template-columns:repeat(2,minmax(0,1fr));margin:35px 16px 0;gap:0;}
 .detail-fast-benefits li {padding:24px 10px;border:1px solid #dce5eb!important;background:#f5fbfdc9;}
 .detail-fast-benefits p {font-size:18px;}
 .detail-cases {width:calc(100% - 32px);padding-bottom:45px;}
 .detail-case-heading {padding-bottom:30px;}
 .detail-case-heading h2 {font-size:28px;}
 .detail-notice {text-align:left;font-size:14px;}
 .detail-hexagons {width:100%;}
 .detail-material-tooth {display:none;}
 .detail-material-copy {position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px 16px;}
 .detail-material-copy h3 {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
 .detail-material-copy p {font-size:16px;line-height:1.7;word-break:keep-all;text-align:center;color:#3c454e;}
 .detail-material-tagline {font-size:23px;margin:30px 16px;}
 .detail-material-benefits {width:calc(100% - 32px);}
 .tour-text-heading {padding:55px 0 35px;}
 .tour-text-heading h2 {font-size:28px;}
 .tour-text-heading h2::before,.tour-text-heading h2::after {width:15.6px;height:39.6px;margin:0 18px;background-size:768px 141.6px;}
 .tour-text-heading h2::before {background-position:-246px -54.6px;}
 .tour-text-heading h2::after {background-position:-506.4px -54.6px;}
}

.detail-tooth {aspect-ratio:242/422;} .detail-tooth img {width:528.92561983%;left:-70.24793388%;top:-59.95260664%;}
.detail-fast-icon-1 {aspect-ratio:72/78;} .detail-fast-icon-1 img {width:1777.77777778%;left:-172.22222222%;top:-96.15384615%;}
.detail-fast-icon-2 {aspect-ratio:72/78;} .detail-fast-icon-2 img {width:1777.77777778%;left:-620.83333333%;top:-96.15384615%;}
.detail-fast-icon-3 {aspect-ratio:72/78;} .detail-fast-icon-3 img {width:1777.77777778%;left:-1061.11111111%;top:-96.15384615%;}
.detail-fast-icon-4 {aspect-ratio:72/78;} .detail-fast-icon-4 img {width:1777.77777778%;left:-1508.33333333%;top:-96.15384615%;}
.detail-speed-mobile {aspect-ratio:750/265;} .detail-speed-mobile img {width:100.00000000%;left:0.00000000%;top:-76.22641509%;}
.detail-xrays {aspect-ratio:1279/764;} .detail-xrays img {width:100.00000000%;left:0.00000000%;top:-21.98952880%;}
@media(max-width:767px){ .detail-xrays{aspect-ratio:750/2497;} .detail-xrays img{width:100.00000000%;left:0.00000000%;top:-5.92711254%;} }
.detail-hexagons {aspect-ratio:812/390;} .detail-hexagons img {width:157.63546798%;left:-28.94088670%;top:-64.10256410%;}
@media(max-width:767px){ .detail-hexagons{aspect-ratio:750/383;} .detail-hexagons img{width:100.00000000%;left:0.00000000%;top:-63.70757180%;} }
.detail-material-tooth {aspect-ratio:201/610;} .detail-material-tooth img {width:636.81592040%;left:-536.81592040%;top:0.00000000%;}
.detail-material-benefits {aspect-ratio:954/205;} .detail-material-benefits img {width:134.17190776%;left:-17.19077568%;top:-361.46341463%;}
@media(max-width:767px){ .detail-material-benefits{aspect-ratio:710/185;} .detail-material-benefits img{width:105.63380282%;left:-2.81690141%;top:-578.37837838%;} }
.detail-materials {overflow:hidden;}
.detail-material-label {position:absolute;right:17%;bottom:30px;font-size:13px;color:#3c454e;}
@media(min-width:768px) {
 .detail-hexagons {clip-path:polygon(0 0,100% 0,100% 85%,91% 85%,91% 100%,0 100%);}
}
@media(max-width:767px) {.detail-material-label {display:none;}}

/* ===== total-care.css ===== */
/* 육각형과 연결된 문구는 원본 이미지를 그대로 표시합니다. */
.total-care {max-width:1280px;width:calc(100% - 40px);margin:auto;text-align:center;padding-bottom:115px;}
.total-care-heading h2 {font-size:48px;line-height:1.4;font-weight:800;color:#3c454e;}
.total-care-heading h2::before,.total-care-heading h2::after {content:"";display:inline-block;width:26px;height:66px;margin:0 45px;vertical-align:middle;background:url(../images/content_img8.png) no-repeat;}
.total-care-heading h2::before {background-position:-410px 0;}
.total-care-heading h2::after {background-position:-844px 0;}
.total-care-heading p {margin-top:28px;font-size:23px;line-height:1.5;color:#3c454e;word-break:keep-all;}
.total-care-heading strong {color:inherit;}
.total-care-subheading {padding:72px 0 74px;}
.total-care-subheading>span {display:inline-block;background:#0084bd;color:white;padding:7px;font-size:13px;}
.total-care-subheading h3 {margin-top:22px;font-size:36px;line-height:1.4;font-weight:800;color:#3c454e;word-break:keep-all;}
.total-care-subheading em {color:#0084bd;}
.total-care-diagram {position:relative;overflow:hidden;aspect-ratio:1280/410;}
.total-care-diagram img {position:absolute;display:block;width:100%;max-width:none;height:auto;left:0;top:-99.02439024%;}
@media(max-width:767px) {
 .total-care {width:calc(100% - 32px);padding-bottom:65px;}
 .total-care-heading h2 {font-size:28px;}
 .total-care-heading h2::before,.total-care-heading h2::after {width:15.6px;height:39.6px;margin:0 16px;background-size:768px 561px;}
 .total-care-heading h2::before {background-position:-246px 0;}
 .total-care-heading h2::after {background-position:-506.4px 0;}
 .total-care-heading p {font-size:18px;margin-top:20px;}
 .total-care-heading p br {display:none;}
 .total-care-subheading {padding:40px 0 36px;}
 .total-care-subheading h3 {font-size:25px;}
 .total-care-diagram {aspect-ratio:750/330;}
 .total-care-diagram img {top:-139.39393939%;}
}

/* ===== doctor-intro.css ===== */
/* 사진, 영문 로고와 이름표는 원본 이미지로 유지합니다. */
.doctor-intro {background:url(../images/content_img10_bg.webp) center/cover;text-align:center;}
.doctor-intro__inner {max-width:1200px;margin:auto;}
.doctor-intro__heading {padding:106px 16px 20px;min-height:240px;}
.doctor-intro__heading h2 {color:#fff;font-size:48px;line-height:1.4;font-weight:400;}
.doctor-intro__heading strong {color:inherit;font-weight:800;}
.doctor-intro__heading h2::before,.doctor-intro__heading h2::after {content:"";display:inline-block;vertical-align:middle;width:26px;height:70px;margin:0 40px;background:url(../images/content_img10.webp) no-repeat;}
.doctor-intro__heading h2::before {background-position:-366px -106px;}
.doctor-intro__heading h2::after {background-position:-771px -106px;}
.doctor-intro__heading p {color:white;font-size:26px;line-height:1.5;margin-top:14px;word-break:keep-all;}
.doctor-intro__photo {position:relative;overflow:hidden;aspect-ratio:1200/560;}
.doctor-intro__photo img {display:block;position:absolute;width:100%;max-width:none;height:auto;left:0;top:-42.857142857%;}
@media(max-width:767px) {
 .doctor-intro__heading {padding:30px 14px 16px;min-height:0;}
 .doctor-intro__heading h2 {font-size:28px;}
 .doctor-intro__heading h2::before,.doctor-intro__heading h2::after {width:15.6px;height:42px;margin:0 12px;background-size:720px 480px;}
 .doctor-intro__heading h2::before {background-position:-219.6px -63.6px;}
 .doctor-intro__heading h2::after {background-position:-462.6px -63.6px;}
 .doctor-intro__heading p {font-size:18px;margin-top:14px;}
 .doctor-intro__photo {aspect-ratio:750/483;}
 .doctor-intro__photo img {top:-41.407867495%;}
}

/* ===== 메인 슬라이드: 원본 사진 + 실제 텍스트 ===== */
.visual .hero-slide {position:relative;}
.visual .hero-slide {height:910px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.visual:not(.slick-initialized) .hero-slide:not(:first-child) {display:none;}
.m_visual .hero-slide {height:auto;}
.m_visual .hero-slide img {display:block;width:100%;height:auto;}
.visual .hero-copy {position:absolute;left:0;top:46%;transform:translateY(-50%);width:100%;padding:0 20px;margin:0;color:#fff;font-size:58px;font-weight:400;line-height:1.25;text-align:center;word-break:keep-all;z-index:1;pointer-events:auto;cursor:text;}
.visual .hero-copy strong {color:inherit;font-weight:800;line-height:inherit;}
@media(max-width:767px) {
 .m_visual .hero-copy {top:43%;font-size:clamp(23px,5.5vw,42px);line-height:1.4;padding:0 12px;}
}

.visual .hero-copy, .visual .hero-copy * {-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}
