@charset "utf-8";

#inc02{position:relative;height:100vh;border-radius:0 0 90px 0;z-index:2;background:#fff}
#inc02 .inc02_center{display:flex;flex-direction:column;justify-content:center;height:100%}
#inc02 .inner{display:flex;justify-content:space-between;margin-bottom:65px}
#inc02 .inner .right_txt_wrap{margin-top:50px;padding-bottom:50px}
#inc02 .inner .right_txt_wrap .t_txt{display:inline-block;margin-bottom:30px;font-weight:700;font-size:22px}
#inc02 .inner .right_txt_wrap .b_txt{line-height:1.5;color:#777;font-weight:400;font-size:16px}
#inc02 .inner .right_txt_wrap .b_txt + .b_txt{margin-top:35px}

#inc02 .slider_box_wrap{position:relative}
#inc02 .slider_inner{position:relative;overflow:hidden;margin-left:max(30px, calc(50% - var(--main-size) / 2))}
#inc02 .inc02_slider .list{display:flex;flex-direction:column;justify-content:flex-end;width:1325px;height:460px;border-radius:25px;background-repeat:no-repeat;background-size:cover;background-position:center;flex-shrink:0}
#inc02 .inc02_slider .list01{background-image:url("./img/inc02_img01.jpg")}
#inc02 .inc02_slider .list02{background-image:url("./img/inc02_img02.jpg")}
#inc02 .inc02_slider .list03{background-image:url("./img/inc02_img03.jpg")}

#inc02 .inc02_slider .slider_txt{padding:0 0 80px 95px;color:#fff}
#inc02 .inc02_slider .slider_txt .s_txt_box{display:flex;align-items:center;margin-bottom:30px}
#inc02 .inc02_slider .slider_txt .s_txt_box .num{display:inline-block;margin-right:20px;font-weight:700;font-size:16px;font-family:var(--s-font)}
#inc02 .inc02_slider .slider_txt .s_txt_box .tit{font-weight:700;font-size:32px}
#inc02 .inc02_slider .slider_txt .txt{color:rgba(255,255,255,0.8);font-weight:600;font-size:18px}

#inc02 .inc02_arrow_inner{margin-left:max(50px, calc(50% - var(--main-size) / 2))}
#inc02 .inc02_arrow_wrap{position:absolute;left:calc(50% + (1325px / 2) - 110px);bottom:calc(-63px / 2);transform:translateX(-100%);z-index:5;display:flex;align-items:center;justify-content:center;gap:15px;width:200px;height:63px;border-radius:50pt;background:#fff;box-shadow:0 20px 37px rgba(5, 5, 5, 0.06)}
#inc02 .inc02_arrow_wrap .inc02_arrow_btn{cursor:pointer}
#inc02 .inc02_arrow_wrap .inc02_arrow_btn .arrow_icon{height:25px}
#inc02 .inc02_arrow_wrap .inc02_pagination{width:auto}
#inc02 .inc02_arrow_wrap .inc02_pagination > span{font-size:15px;font-weight:700}
#inc02 .inc02_arrow_wrap .inc02_pagination .swiper-pagination-current{margin-right:10px}
#inc02 .inc02_arrow_wrap .inc02_pagination .swiper-pagination-total{margin-left:10px;color:#a7a7a7}

#inc02 .mouse-pointer-history{transition:all 0.2s}
#inc02 .mouse-pointer-history{position:fixed;top:0;left:0;transform:translate(-50%, -50%) scale(0);z-index:9999;transition:transform 0.3s ease;pointer-events:none}
#inc02 .mouse-pointer-history.active{transform:translate(-50%, -50%) scale(1)}
#inc02 .mouse-area svg text{font-size:6px}

#inc02 .mouse-pointer-history{position:fixed;top:0px;left:0px;z-index:10000;pointer-events:none}
#inc02 .mouse-pointer-history .pointer-scroll{position:absolute;left:50%;top:50%;display:block;width:220px;height:220px;transform:translate(-50%,-50%) scale(1);transition:all 0.4s ease-in-out;display:flex;align-items:center;justify-content:center}
#inc02 .mouse-pointer-history .pointer-scroll .inner-circle{position:relative;display:block;width:150px;height:150px;background:rgba(255,255,255,0.15);backdrop-filter:blur(15px);border-radius:50%}
#inc02 .mouse-pointer-history .pointer-scroll .inner-circle:before{position:absolute;content:'\e5c8';font-family:'Material Symbols Outlined';font-size:70px;color:#000;top:50%;left:50%;transform:translate(-50%, -50%)}
#inc02 .mouse-pointer-history .pointer-scroll svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;animation:textRotate 10s linear infinite}
#inc02 .mouse-pointer-history .pointer-scroll svg *{fill:#000;width:100%;height:100%}

#inc02 .mouse-pointer-history.link .pointer-scroll{transform:translate(-50%,-50%) scale(0)}
#inc02 .mouse-pointer-history .pointer-scroll .inner-circle{background:rgba(0,0,0,0.15)}
#inc02 .mouse-pointer-history .pointer-scroll .inner-circle:before{color:#fff}
#inc02 .mouse-pointer-history .pointer-scroll svg *{fill:#fff}
#inc02 .mouse-pointer-history svg{animation:textRotate 10s linear infinite}
@keyframes textRotate{100%{transform:translate(-50%,-50%) rotate(360deg)}} 

/* 반응형 [s] */
@media (max-width:1500px){
#inc02 .inc02_slider .list{width:clamp(900px, 88.33vw, 1325px);height:clamp(377px, calc(88.33vw * 0.377), 460px)}
#inc02 .inc02_arrow_wrap{left:calc(50% + (88.33vw / 2) - 7.33vw)}
}
@media (max-width:1200px){
#inc02{padding:110px 0;height:auto}
#inc02 .inc02_center{display:block}
#inc02 .inner{flex-direction:column;align-items:center;justify-content:center}
#inc02 .inner .right_txt_wrap{margin:0 0 50px;padding-bottom:0;text-align:center}
#inc02 .inc02_slider .slider_txt{padding:0 0 7% 8%}
#inc02 .inner .right_txt_wrap .b_txt + .b_txt{margin-top:30px}
}
@media (max-width:1024px){
#inc02{padding:100px 0;border-radius:0 0 70px 0}
#inc02 .inc02_slider .list{border-radius:20px}
#inc02 .inc02_slider .slider_txt .s_txt_box .tit{font-size:28px}
#inc02 .inc02_slider .slider_txt .s_txt_box{margin-bottom:25px}
#inc02 .inc02_arrow_wrap{width:195px;height:55px;bottom:calc(-63px / 2)}
#inc02 .mouse-pointer-history .pointer-scroll{width:clamp(90px, 22.4vw, 190px);height:clamp(90px, 22.4vw, 190px)}
#inc02 .mouse-pointer-history .pointer-scroll .inner-circle{width:clamp(60px, 12.7vw, 130px);height:clamp(60px, 12.7vw, 130px)}
#inc02 .mouse-pointer-history .pointer-scroll .inner-circle:before{font-size:60px}
}
@media (max-width:800px){
#inc02 .slider_inner{margin-left:initial}
#inc02 .inc02_slider .slider_txt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;height:100%}
#inc02 .inc02_slider .list{height:clamp(280px, 47.125vw, 377px)}
#inc02 .inc02_arrow_wrap{left:50%;transform:translateX(-50%)}
}
@media (max-width:768px){
#inc02{padding:80px 0 100px;border-radius:0 0 50px 0}
#inc02 .inc02_slider .list{border-radius:15px}
#inc02 .inc02_slider .slider_txt .s_txt_box{margin-bottom:20px}
#inc02 .inc02_slider .slider_txt .s_txt_box .num{font-size:15px}
#inc02 .inc02_slider .slider_txt .s_txt_box .tit{font-size:25px}
#inc02 .inc02_slider .slider_txt .txt{font-size:17px}
#inc02 .inner .right_txt_wrap .t_txt{font-size:20px}
#inc02 .mouse-pointer-history .pointer-scroll .inner-circle:before{font-size:40px}
}
@media (max-width:580px){
#inc02{padding:60px 0 80px;border-radius:0 0 40px 0}
#inc02 .inc02_slider .list{border-radius:10px}
#inc02 .inner .right_txt_wrap .t_txt{margin-bottom:25px;font-size:19px}
#inc02 .inner .right_txt_wrap .b_txt br{display:none}
#inc02 .inner .right_txt_wrap .b_txt + .b_txt{margin-top:25px}
#inc02 .inner .right_txt_wrap{margin:0 0 40px}
#inc02 .inc02_slider .slider_txt .s_txt_box{margin-bottom:15px}
#inc02 .inc02_slider .slider_txt .s_txt_box .num{font-size:14px}
#inc02 .inc02_slider .slider_txt .s_txt_box .tit{font-size:21px}
#inc02 .inc02_slider .slider_txt .txt{font-size:16px}
#inc02 .inc02_arrow_wrap{bottom:calc(-50px / 2);gap:10px;width:185px;height:50px}
#inc02 .inc02_arrow_wrap .inc02_pagination > span{font-size:14px}
#inc02 .inc02_arrow_wrap .inc02_pagination .swiper-pagination-current{margin-right:5px}
#inc02 .inc02_arrow_wrap .inc02_pagination .swiper-pagination-total{margin-left:5px}
#inc02 .inc02_arrow_wrap .inc02_arrow_btn .arrow_icon{height:23px}
#inc02 .mouse-pointer-history .pointer-scroll .inner-circle:before{font-size:30px}
#inc02 .mouse-area svg text{font-size:8px}
}
@media (max-width:480px){
#inc02{border-radius:0 0 35px 0}
#inc02 .inner .right_txt_wrap .t_txt{line-height:1.4;font-size:18px}
#inc02 .inc02_slider .slider_txt .s_txt_box .tit{font-size:19px}
#inc02 .inc02_slider .slider_txt .s_txt_box .num{margin-right:10px}
#inc02 .inc02_slider .slider_txt .txt{font-size:15px}
#inc02 .inc02_arrow_wrap{bottom:calc(-45px / 2);gap:5px;padding:0 15px;width:auto;height:45px}
#inc02 .mouse-pointer-history .pointer-scroll .inner-circle:before{font-size:20px}
}
/* 반응형 [e] */