@charset "utf-8";
#inc03{--radius:250px}
#inc03 .swiper-slide{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);transform:translateZ(0);will-change:transform}
#inc03 .swiper-slide >* {height:100vh}
#inc03 .fl-l{overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;text-align:center;background-color:var(--primary);border-radius:var(--radius) 0 var(--radius) 0;background-image:url(./img/inc03_bg.png);background-repeat:no-repeat;background-position:center}
#inc03 .fl-l::before{position:absolute;content:"medical system";left:0;font-family:var(--e-font);font-size:100px;font-weight:600;line-height:100%;color:rgba(17,17,17,0.2);writing-mode:vertical-lr;text-transform:uppercase}
#inc03 .fl-l .thumb-box{position:relative;z-index:1;max-width:593px;width:100%;height:382px;border-radius:10px;overflow:hidden}
#inc03 .fl-l .thumb-box img{width:100%;height:100%;object-fit:cover}
#inc03 .fl-l .text-box{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}
#inc03 .fl-l .text-box .num{display:flex;align-items:center;justify-content:center;width:62px;aspect-ratio:1;background-color:#fff;border-radius:100px;font-family:var(--e-font);font-size:20px;font-weight:700;color:var(--primary)}
#inc03 .fl-l .text-box h2{padding:30px 0 20px;font-size:30px;font-weight:700;color:#fff}
#inc03 .fl-l .text-box p.desc{font-size:18px;color:#fff;line-height:1.5;white-space:pre-line;word-break:keep-all}
#inc03 .fl-r{border-bottom-left-radius:var(--radius);overflow:hidden}
#inc03 .fl-r img{width:100%;height:100%;object-fit:cover;object-position:right}

/* 반응형 [s] */
@media (max-width:1600px){
#inc03 .swiper-slide >*{height:80vh}
#inc03 .fl-l{gap:40px}
#inc03 .fl-l::before{font-size:80px}
#inc03 .fl-l .thumb-box{max-width:490px;height:320px}
#inc03 .fl-l .text-box .num{width:55px;font-size:18px}
#inc03 .fl-l .text-box h2{padding:20px 0 14px;font-size:26px}
}
@media (max-width:1400px){
#inc03{--radius:150px}
#inc03 .swiper-slide >*{height:70vh}
#inc03 .fl-l{gap:30px}
#inc03 .fl-l::before{font-size:70px}
#inc03 .fl-l .thumb-box{max-width:440px;height:270px}
#inc03 .fl-l .text-box .num{width:50px;font-size:16px}
#inc03 .fl-l .text-box h2{padding:18px 0 12px;font-size:22px}
#inc03 .fl-l .text-box p.desc{font-size:16px}
}
@media (max-width:1200px){
#inc03{--radius:100px}
#inc03 .swiper-slide >*{height:65vh}
#inc03 .fl-l::before{font-size:60px}
#inc03 .fl-l .text-box h2{padding:16px 0 12px;font-size:20px}
#inc03 .fl-l .thumb-box{max-width:370px;height:245px}
}
@media (max-width:1024px){
#inc03{--radius:0}
#inc03 .swiper-slide >*{height:auto}
#inc03 .swiper-slide{grid-template-columns:repeat(1,1fr)}
#inc03 .fl-l{padding:60px 20px}
#inc03 .fl-r{height:500px !important}
#inc03 .fl-r img{object-position:center}
}
@media (max-width:768px){
#inc03 .fl-l{gap:20px;padding:46px 20px}
#inc03 .fl-l::before{font-size:46px}
#inc03 .fl-l .text-box .num{width:45px;font-size:15px}
#inc03 .fl-l .text-box h2{padding:14px 0 10px;font-size:18px}
#inc03 .fl-l .text-box p.desc{font-size:15px}
#inc03 .fl-r{height:400px !important}
}
@media (max-width:480px){
#inc03 .fl-l::before{font-size:38px}
#inc03 .fl-l .thumb-box{max-width:340px;height:200px}
#inc03 .fl-l .text-box .num{width:40px;font-size:13px}
#inc03 .fl-l .text-box h2{padding:12px 0 8px;font-size:16px}
#inc03 .fl-l .text-box p.desc{font-size:14px}
#inc03 .fl-r{display:none}
}
/* 반응형 [e] */