@charset "utf-8";
#inc03{overflow:hidden;position:relative;background:linear-gradient(to right, #ede3d0 40%, #e7dac7 60%)}
#inc03 .inner{max-width:none !important}
#inc03 .swiper-container{width:100%;height:100vh}
#inc03 .swiper-container .swiper-slide.on {pointer-events:auto}

#inc03 .swiper-slide figure{margin:0;display:flex;align-items:flex-end;justify-content:space-between;width:100%;height:100%}
#inc03 .swiper-slide figure .fl-l{position:relative;height:100%}
#inc03 .swiper-slide figure .fl-l img{width:100%;height:100%;object-fit:cover}
#inc03 .swiper-slide figure .notice{position:absolute;bottom:0;left:calc((100% - var(--mainsize)) / 2);font-size:12px;font-family:var(--sub-font);color:#aaa;word-break:keep-all}
#inc03 .swiper-slide figure .fl-r{display:flex;flex-direction:column;align-items:flex-start;max-width:350px;width:100%;padding-right:calc((100% - var(--mainsize)) / 2);padding-bottom:170px;box-sizing:content-box}
#inc03 .swiper-slide figure .fl-r .tit--en{padding-bottom:10px;font-family:var(--en-font);font-size:80px;color:var(--primary)}
#inc03 .swiper-slide figure .fl-r .tit--ko-m{padding-bottom:45px}
#inc03 .swiper-slide figure .fl-r p.desc{padding-bottom:25px;font-family:var(--sub-font);font-size:18px;line-height:1.4;white-space:pre-line;word-break:keep-all;color:#777}
#inc03 .swiper-slide figure .fl-r .link{position:relative;font-family:var(--main-font);font-size:15px;font-weight:600;color:var(--primary);transition:padding-left 0.3s}
#inc03 .swiper-slide figure .fl-r .link::before{opacity:0;visibility:hidden;position:absolute;top:50%;left:0;transform:translateY(-50%);content:'';width:4px;aspect-ratio:1;border-radius:100px;background-color:var(--primary);transition:opacity 0.3s, visibility 0s 0.3s}
#inc03 .swiper-slide figure .fl-r .link:hover{padding-left:12px}
#inc03 .swiper-slide figure .fl-r .link:hover::before{opacity:1;visibility:visible;transition:opacity 0.3s, visibility 0s}

#inc03 .pager_txt{z-index:2;position:absolute;top:175px;right:calc((100% - var(--mainsize)) / 2);display:flex;flex-direction:column;gap:20px;max-width:350px;width:100%}
#inc03 .pager_txt .swiper-pagination-bullet{width:auto;height:auto;display:inline-block;border-radius:unset;background:transparent;opacity:1;font-family:var(--main-font);font-size:20px;font-weight:600;color:#777;word-break:keep-all;transition:all 0.3s}
#inc03 .pager_txt .swiper-pagination-bullet.on{color:var(--primary)}
#inc03 .swiper-navigation{display:none}

/* 반응형 [s] */
@media(max-width:1600px){
#inc03 .swiper-container{height:90vh}
#inc03 .pager_txt{top:130px}
#inc03 .swiper-slide figure .fl-r{padding-bottom:100px}
#inc03 .swiper-slide figure .fl-r .tit--en{font-size:72px}
#inc03 .swiper-slide figure .fl-r .tit--ko-m{padding-bottom:38px}
#inc03 .swiper-slide figure .notice{left:20px}
}
@media(max-width:1400px){
#inc03 .swiper-container{height:80vh}
#inc03 .swiper-slide figure{position:relative}
#inc03 .swiper-slide figure .fl-l{position:absolute;left:0;bottom:0;width:80%}
#inc03 .pager_txt{top:100px;right:20px;max-width:300px}
#inc03 .swiper-slide figure .fl-r{position:absolute;right:20px;bottom:80px;max-width:300px;padding-bottom:0px}
#inc03 .swiper-slide figure .fl-r .tit--en{font-size:64px}
#inc03 .swiper-slide figure .fl-r .tit--ko-m{padding-bottom:30px}
#inc03 .swiper-slide figure .fl-r p.desc{padding-bottom:20px;font-size:16px}
}
@media (max-width:1200px){
#inc03 .swiper-container{height:70vh}
#inc03 .pager_txt{top:80px}
#inc03 .pager_txt .swiper-pagination-bullet{font-size:18px}
#inc03 .swiper-slide figure .fl-r .tit--en{font-size:56px}
#inc03 .swiper-slide figure .fl-r .tit--ko-m{padding-bottom:22px}
}
@media (max-width:1024px){
#inc03 .pager_txt{gap:14px;top:55px;max-width:280px}
#inc03 .pager_txt .swiper-pagination-bullet{font-size:17px}
#inc03 .swiper-container{height:60vh}
#inc03 .swiper-slide figure .fl-l{left:-4%;width:80%}
#inc03 .swiper-slide figure .fl-l img{object-fit:cover}
#inc03 .swiper-slide figure .fl-r{max-width:280px}
#inc03 .swiper-slide figure .fl-r{bottom:55px}
#inc03 .swiper-slide figure .fl-r .tit--en{font-size:44px}
#inc03 .swiper-slide figure .fl-r p.desc{font-size:15px;white-space:normal}
}
@media (min-width:1025px) and (max-height:800px){
#inc03 .swiper-container{height:100vh;min-height:600px}
#inc03 .swiper-slide figure .fl-l img{object-fit:contain;object-position:left bottom}
#inc03 .swiper-slide figure .fl-r{padding-bottom:40px}
#inc03 .swiper-slide figure .fl-r .tit--en{font-size:52px;padding-bottom:6px}
#inc03 .swiper-slide figure .fl-r .tit--ko-m{padding-bottom:18px}
#inc03 .swiper-slide figure .fl-r p.desc{padding-bottom:14px;font-size:15px}
}
@media (max-width:768px){
#inc03 .inner{position:relative;display:flex;flex-direction:column-reverse;align-items:center;padding:0}
#inc03 .swiper-container{height:auto}
#inc03 .swiper-slide figure{flex-direction:column;align-items:center;text-align:center}
#inc03 .swiper-slide figure .fl-l{position:static;width:100%}
#inc03 .swiper-slide figure .notice{position:static;padding:0 20px 28px}
#inc03 .swiper-slide figure .fl-r{position:static;align-items:center;max-width:none;padding:0 20px;box-sizing:border-box}
#inc03 .swiper-slide figure .fl-r .tit--en{padding-bottom:7px;font-size:34px}
#inc03 .swiper-slide figure .fl-r .tit--ko-m{padding-bottom:10px}
#inc03 .swiper-slide figure .fl-r p.desc{padding-bottom:12px}
#inc03 .swiper-slide figure .fl-r .link{font-size:14px}
#inc03 .pager_txt{display:none}
#inc03 .swiper-navigation{display:block}
#inc03 .swiper-navigation button{all:unset;position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:38px;aspect-ratio:1;border-radius:100px;background-color:rgba(233,72,18,0.2);cursor:pointer;transition:all 0.3s}
#inc03 .swiper-navigation button:hover{background-color:var(--primary)}
#inc03 .swiper-navigation button span{color:var(--primary);transition:all 0.3s}
#inc03 .swiper-navigation button:hover span{color:#fff}
#inc03 .swiper-navigation button.btn--prev{left:20px}
#inc03 .swiper-navigation button.btn--prev .material-symbols-rounded{font-size:15px;transform:translateX(3px)}
#inc03 .swiper-navigation button.btn--next{right:20px}
#inc03 .swiper-navigation button.btn--next .material-symbols-rounded{font-size:15px;transform:translateX(1px)}
}
@media (max-width:480px){
#inc03 .swiper-slide figure .notice{padding:0 20px 14px}
#inc03 .swiper-slide figure .fl-r .tit--en{font-size:26px}
#inc03 .swiper-slide figure .fl-r p.desc{font-size:14px}
}
/* 반응형 [e] */