@charset "utf-8";
#inc04{overflow:hidden;padding:130px 0 245px}
#inc04 .marquee{--x:-1936.5px;padding-bottom:190px}
#inc04 .marquee ul{display:flex;gap:50px;animation:marquee 15s linear infinite}
#inc04 .marquee ul li{font-family:var(--e-font);font-size:60px;line-height:100%;font-weight:500;color:rgba(17,17,17,0.1);text-transform:uppercase;white-space:nowrap}
@keyframes marquee{0%{transform:translateX(0)} 100%{transform:translateX(var(--x))}}

#inc04 .doctor-wrap{display:grid;grid-template-columns:repeat(2,1fr)}
#inc04 .doctor-wrap .group-title{align-items:flex-start;padding-bottom:120px;text-align:left}
#inc04 .doctor-wrap .fl-l{margin-left:max(20px, calc(100% - var(--mainsize)/2))}
#inc04 .doctor-wrap .doctor-info{display:grid}

#inc04 .doctor-wrap .slider_text{grid-area:1/1;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity 0.3s ease}
#inc04 .doctor-wrap .slider_text.active{opacity:1;pointer-events:auto}
#inc04 .doctor-wrap .slider_text h3.major{font-size:16px;font-weight:500;color:#111}
#inc04 .doctor-wrap .slider_text .name{padding:20px 0 30px;font-size:30px;font-weight:700;color:var(--primary)}
#inc04 .doctor-wrap .slider_text .career{display:flex;flex-direction:column;gap:8px;padding-bottom:45px}
#inc04 .doctor-wrap .slider_text .career li span{position:relative;padding-left:7px;font-size:16px;line-height:1.2;color:#777;word-break:keep-all}
#inc04 .doctor-wrap .slider_text .career li span::before{position:absolute;content:"";left:0;top:9px;transform:translateZ(0);will-change:transform;width:2px;height:2px;background-color:#777}
#inc04 .doctor-wrap .slider_text .btn-wrap{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
#inc04 .doctor-wrap .slider_text .btn-wrap a{display:flex;align-items:center;justify-content:center;width:156px;height:47px;border:1px solid var(--primary);border-radius:100px;font-size:16px;font-weight:700;color:var(--primary)}
#inc04 .doctor-wrap .slider_text .btn-wrap a.reservation{background-color:var(--primary);color:#fff}

#inc04 .doctor-wrap .fl-r{min-width:0}
#inc04 .doctor-wrap .fl-r .swiper-container{width:100%}
#inc04 .doctor-wrap .fl-r .swiper-slide{width:513px;height:610px;border-radius:20px;overflow:hidden}
#inc04 .doctor-wrap .fl-r .swiper-slide a{display:flex;width:100%;height:100%}
#inc04 .doctor-wrap .fl-r .swiper-slide img{width:100%;height:100%;object-fit:cover}
#inc04 .doctor-wrap .doctor-info.mobile{display:none}

/* 반응형 [s] */
@media (max-width:1600px){
#inc04{padding:100px 0 140px}
#inc04 .marquee{padding-bottom:120px}
#inc04 .doctor-wrap{grid-template-columns:1.5fr 2fr}
#inc04 .doctor-wrap .fl-l{display:flex;flex-direction:column;justify-content:center}
#inc04 .doctor-wrap .group-title{padding-bottom:80px}
#inc04 .doctor-wrap .slider_text .name{padding:14px 0 20px}
#inc04 .doctor-wrap .slider_text .career{padding-bottom:30px}
#inc04 .doctor-wrap .fl-r .swiper-slide{height:575px}
}
@media (max-width:1400px){
#inc04{padding:80px 0 120px}
#inc04 .marquee{padding-bottom:100px}
#inc04 .doctor-wrap{grid-template-columns:1.4fr 2fr}
#inc04 .doctor-wrap .slider_text .name{padding:8px 0 18px;font-size:26px}
#inc04 .doctor-wrap .slider_text .career{padding-bottom:25px}
#inc04 .doctor-wrap .slider_text .btn-wrap a{width:150px}
#inc04 .doctor-wrap .fl-r .swiper-slide{width:440px;height:555px}
}
@media (max-width:1200px){
#inc04 .doctor-wrap .group-title{padding-bottom:55px}
#inc04 .doctor-wrap .slider_text .btn-wrap a{width:142px;height:45px;font-size:15px}
#inc04 .doctor-wrap .fl-r .swiper-slide{width:390px;height:460px}
}
@media (max-width:1024px){
#inc04{padding:80px 0 100px}
#inc04 .marquee{--x:-1345.5px;padding-bottom:70px}
#inc04 .marquee ul{gap:30px}
#inc04 .marquee ul li{font-size:42px}
#inc04 .doctor-wrap{display:flex;flex-direction:column;align-items:center}
#inc04 .doctor-wrap .fl-l{margin-left:0}
#inc04 .doctor-wrap .group-title{align-items:center;padding-bottom:40px;text-align:center}
#inc04 .doctor-wrap .doctor-info.pc{display:none}
#inc04 .doctor-wrap .doctor-info.mobile{display:flex;flex-direction:column;align-items:center;text-align:center}
#inc04 .doctor-wrap .fl-r{width:100%}
#inc04 .doctor-wrap .fl-r .swiper-slide{display:flex;flex-direction:column;gap:20px;height:auto;border-radius:unset;opacity:0.3;transition:opacity 0.2s}
#inc04 .doctor-wrap .fl-r .swiper-slide .doctor-info{opacity:0;visibility:hidden;transition:opacity 0.2s 0.05s ease, visibility 0s linear 0s}
#inc04 .doctor-wrap .fl-r .swiper-slide > a{height:560px}
#inc04 .doctor-wrap .fl-r .swiper-slide img{border-radius:10px;overflow:hidden}
#inc04 .doctor-wrap .fl-r .swiper-slide-active{opacity:1}
#inc04 .doctor-wrap .fl-r .swiper-slide-active .doctor-info{opacity:1;visibility:visible}
#inc04 .doctor-wrap .slider_text{opacity:1;pointer-events:auto}
#inc04 .doctor-wrap .slider_text .name{padding:4px 0 14px;font-size:24px}
#inc04 .doctor-wrap .slider_text h3.major{font-size:15px}
#inc04 .doctor-wrap .slider_text .career{padding-bottom:18px}
#inc04 .doctor-wrap .slider_text .career li{display:inline-block;font-size:15px}
#inc04 .doctor-wrap .slider_text .btn-wrap{justify-content:center}
#inc04 .doctor-wrap .slider_text .btn-wrap a{width:135px;height:40px;font-size:14px}
}
@media (max-width:768px){
#inc04{padding:50px 0 70px}
#inc04 .marquee{--x:-1027.5px;padding-bottom:50px}
#inc04 .marquee ul{gap:24px}
#inc04 .marquee ul li{font-size:32px}
#inc04 .doctor-wrap .group-title{padding-bottom:30px}
#inc04 .doctor-wrap .fl-r .swiper-slide > a{height:460px}
#inc04 .doctor-wrap .slider_text .name{font-size:20px}
#inc04 .doctor-wrap .slider_text .btn-wrap a{width:120px;height:38px;font-size:13px}
#inc04 .doctor-wrap .slider_text .career li span{font-size:15px}
}
@media (max-width:480px){
#inc04 .marquee{--x:-905px}
#inc04 .marquee ul li{font-size:28px}
#inc04 .doctor-wrap .slider_text h3.major{font-size:14px}
#inc04 .doctor-wrap .slider_text .name{padding:4px 0 10px;font-size:18px}
#inc04 .doctor-wrap .slider_text .career{gap:4px}
#inc04 .doctor-wrap .slider_text .career li span{font-size:14px}
#inc04 .doctor-wrap .fl-r .swiper-slide > a{height:425px}
}
@media (max-width:390px){
#inc04 .doctor-wrap .fl-r .swiper-slide > a{height:360px}
}
/* 반응형 [e] */