@charset "utf-8";

#inc03{position:relative;padding:130px 0 0 80px;height:100vh;background:url(./img/bg.jpg) no-repeat center / cover}
#inc03:before{position:absolute;left:0;top:0;content:'';z-index:-1;width:100%;height:calc(100% - 120px)}
#inc03 .tit_area{width:100%;max-width:var(--mainsize);margin:0 auto;font-weight:600;font-size:17px;color:rgba(255,255,255,.8);text-align:right;word-break:keep-all}
#inc03 .tit_area h2{margin-bottom:20px;font-size:100px;font-weight:normal;line-height:1;color:rgb(255 255 255 / 89%);font-family:var(--e-font)}

/* 슬라이드 공통 */
#inc03 .inner{width:100%;max-width:1760px;margin:0 auto}
#inc03 .inc03_slide{overflow:hidden;margin-top:84px}
#inc03 .slide_area{position:relative}
#inc03 .slide_area ul li .img{flex-shrink:0;width:380px;height:500px;background:no-repeat center;background-size:cover}
#inc03 .slide_area ul li.slide01 .img{background-image:url('./img/img01.jpg')}
#inc03 .slide_area ul li.slide02 .img{background-image:url('./img/img02.jpg')}
#inc03 .slide_area ul li.slide03 .img{background-image:url('./img/img03.jpg')}
#inc03 .slide_area ul li.slide04 .img{background-image:url('./img/img04.jpg')}

/* 좌측 슬라이드 */
#inc03 .inc03_slide_l{flex-shrink:0;width:670px;margin:0}
#inc03 .inc03_slide_l ul li{display:flex;gap:50px;opacity:0 !important}
#inc03 .inc03_slide_l ul li.on{opacity:1 !important}
#inc03 .inc03_slide_l ul li .txt{position:relative;padding-top:40px;writing-mode:vertical-lr;color:#fff}
#inc03 .inc03_slide_l ul li p{margin-top:-4px;display:block;font-size:40px;line-height:50px;font-weight:700;white-space:pre-line}
#inc03 .inc03_slide_l ul li span{color:rgba(255,255,255,.5)}
#inc03 .inc03_slide_l .slide_arrow{position:absolute;left:430px;top:250px;cursor:pointer;z-index:9}
#inc03 .inc03_slide_l .slide_arrow p{display:inline-flex;justify-content:center;align-items:center;width:60px;height:60px;color:#fff;border-radius:100%;border:1px solid rgba(255, 255, 255, .2);transition:all .3s}
#inc03 .inc03_slide_l .slide_arrow p + p{margin-left:12px}
#inc03 .inc03_slide_l .slide_arrow span{font-size:18px}
#inc03 .inc03_slide_l .slide_arrow .prev{transform:rotate(180deg)}

/* 우측 슬라이드 */
#inc03 .inc03_slide_r{position:absolute;left:750px;top:0;width:1170px}

/* 반응형 [s] */
@media (hover:hover){
#inc03 .inc03_slide_l .slide_arrow p:hover{color:#111;background-color:#fff}
}
@media (max-width:1380px){
#inc03{padding:130px 0 0 5%}
#inc03 .tit_area{width:90%}
#inc03 .tit_area h2{font-size:80px}
#inc03 .slide_area{display:flex}
#inc03 .slide_area ul li .img{width:250px;height:480px}
#inc03 .inc03_slide_l{width:50%}
#inc03 .inc03_slide_l ul li p{font-size:36px}
#inc03 .inc03_slide_l .slide_arrow{left:300px}
#inc03 .inc03_slide_r{position:relative;top:unset;left:unset;width:50%}
#inc03 .inc03_slide_r ul li .img{width:100%}
}
@media (max-width:1024px){
#inc03{padding:120px 0 120px 2.5%}
#inc03:before{height:100%}
#inc03 .tit_area{width:95%}
#inc03 .tit_area h2{font-size:55px}
#inc03 .slide_area ul li .img{height:430px}
#inc03 .inc03_slide_l{width:55%}
#inc03 .inc03_slide_l ul li{gap:20px}
#inc03 .inc03_slide_l ul li p{font-size:28px}
#inc03 .inc03_slide_l .slide_arrow{left:270px}
#inc03 .inc03_slide_l .slide_arrow p{width:55px;height:55px}
#inc03 .inc03_slide_l .slide_arrow p + p{margin-left:8px}
#inc03 .inc03_slide_r{width:45%}
}
@media (max-width:768px){
#inc03{padding:90px 2.5% 80px}
#inc03 .tit_area{text-align:center}
#inc03 .tit_area h2{margin-bottom:15px;font-size:40px}
#inc03 .slide_area{flex-direction:column}
#inc03 .inc03_slide{margin-top:55px}
#inc03 .inc03_slide_l{width:100%}
#inc03 .inc03_slide_l .slide_arrow{top:unset;bottom:40px;left:calc(50% + 30px)}
#inc03 .inc03_slide_l .slide_arrow p{width:50px;height:50px}
#inc03 .inc03_slide_l ul li{position:relative;justify-content:center}
#inc03 .inc03_slide_l ul li .img{width:50%;height:385px}
#inc03 .inc03_slide_l ul li .txt{width:50%}
#inc03 .inc03_slide_l ul li p{font-size:25px}
#inc03 .inc03_slide_r{margin-top:60px;width:100%}
#inc03 .inc03_slide_r ul li .img{width:100%;height:240px;filter:brightness(0.5)}
}
@media (max-width:480px){
#inc03{padding:80px 2.5% 60px}
#inc03 .tit_area h2{font-size:30px}
#inc03 .inc03_slide{margin-top:45px}
#inc03 .inc03_slide_l ul li .img{height:300px}
#inc03 .inc03_slide_l ul li .txt{padding-top:20px}
#inc03 .inc03_slide_l ul li p{line-height:38px;font-size:21px}
#inc03 .inc03_slide_l .slide_arrow{bottom:20px;left:calc(50% + 20px)}
#inc03 .inc03_slide_l .slide_arrow p{width:48px;height:48px}
#inc03 .inc03_slide_l .slide_arrow p + p{margin-left:6px}
#inc03 .inc03_slide_r{margin-top:40px}
#inc03 .inc03_slide_r ul li .img{height:185px}
}
@media (max-width:380px){
#inc03{padding:60px 2.5%}
#inc03 .tit_area h2{margin-bottom:12px;font-size:25px}
#inc03 .inc03_slide{margin-top:35px}
#inc03 .inc03_slide_l ul li .txt{padding-top:15px}
#inc03 .inc03_slide_l ul li{gap:15px}
#inc03 .inc03_slide_l ul li .img{height:250px}
#inc03 .inc03_slide_l ul li p{line-height:34px;font-size:19px}
#inc03 .inc03_slide_l .slide_arrow{bottom:15px;left:calc(50% + 15px)}
#inc03 .inc03_slide_l .slide_arrow p{width:45px;height:45px}
#inc03 .inc03_slide_r{margin-top:30px}
#inc03 .inc03_slide_r ul li .img{height:150px}
}
/* 반응형 [e] */