@charset "utf-8";
#inc01 .inc01_wrap{position:relative}
/* #inc01 .inc01_top_container{overflow:hidden;position:relative;z-index:2;padding-top:180px;width:100%;height:1300px;background:url(./img/bg.jpg) no-repeat center / cover} */
#inc01 .inc01_top_container{overflow:hidden;position:relative;z-index:2;padding-top:180px;width:100%;height:1300px;background:#f7f7f7}
#inc01 .inc01_top_container .section_tit_cont{color:var(--primary)}
#inc01 .inc01_top_container .slide_cont{display:flex;justify-content:flex-start;gap:50px;margin-top:100px;width:100%}
#inc01 .inc01_top_container .slide_cont li{flex-shrink:0}
#inc01 .inc01_top_container .slide_cont li:first-child{margin-left:calc(50% - 205px)}
#inc01 .inc01_top_container .slide_cont li img{width:410px;height:495px;border-radius:20px;object-fit:cover}
#inc01 .inc01_top_container .slide_cont li h3{opacity:0;margin-top:20px;font-size:25px;font-weight:900;text-align:center;color:var(--primary);transition:all .3s}
#inc01 .inc01_top_container .slide_cont li.on h3{opacity:1}
#inc01 .inc01_top_container .slide_cont li.last{position:relative;height:495px}
#inc01 .inc01_top_container .slide_cont li.last .bg{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:20px;width:80%;height:80%;background:linear-gradient(228deg, #328a8f 54% , #86cfd9 93%)}
#inc01 .inc01_top_container .slide_cont li.last img{position:relative;z-index:2;filter:blur(0px)}
#inc01 .inc01_top_container .slide_cont li.last h3{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%, -50%);margin-top:0px;width:100%;scale:1;font-size:32px;line-height:1.3;color:#222e42}

#inc01 .inc01_bottom_container{overflow:hidden;opacity:0;position:absolute;z-index:1;top:0px;left:0px;width:100%;height:1300px}
#inc01 .inc01_bottom_container .gsap_wrap{position:relative;top:0%;margin:auto;width:100%;height:100%}
#inc01 .inc01_bottom_container .img_container{position:relative;width:100%;height:100%}
#inc01 .inc01_bottom_container .img_container li:nth-child(1){position:absolute;top:0%;left:0px}
#inc01 .inc01_bottom_container .img_container li:nth-last-child(-n+2){position:absolute;top:100%;left:0px}
#inc01 .inc01_bottom_container .img_container li{width:100%;height:100%}
#inc01 .inc01_bottom_container .img_container li img{width:100%;height:100%;object-fit:cover}
#inc01 .inc01_bottom_container .txt_container{position:absolute;z-index:2;top:0px;left:0px;width:38%;height:100%}
#inc01 .inc01_bottom_container .txt_container .txt_item{position:absolute;display:flex;flex-direction:column;justify-content:center;padding:0 15%;width:100%;height:100%;background-color:rgb(255, 255, 255, 0.8)}
#inc01 .inc01_bottom_container .txt_container .txt_item:nth-child(1){opacity:1;z-index:3}
#inc01 .inc01_bottom_container .txt_container .txt_item:nth-child(2){opacity:0;z-index:2}
#inc01 .inc01_bottom_container .txt_container .txt_item:nth-child(3){opacity:0;z-index:1}
#inc01 .inc01_bottom_container .txt_container .txt_item h3{margin-bottom:30px;font-size:50px;font-weight:900;color:#222e42}
#inc01 .inc01_bottom_container .txt_container .txt_item p{margin-bottom:40px;font-size:18px;font-weight:500;color:#777}
#inc01 .inc01_bottom_container .txt_container .txt_item ul{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}
#inc01 .inc01_bottom_container .txt_container .txt_item ul li{position:relative;padding-left:18px;font-size:20px;font-weight:700;color:#222e42}
#inc01 .inc01_bottom_container .txt_container .txt_item ul li:after{content:"";position:absolute;top:50%;left:0px;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background-color:var(--primary)}
#inc01 .inc01_bottom_container .txt_container .txt_item a{display:flex;justify-content:center;align-items:center;padding:0 25px;width:max-content;height:50px;border-radius:25px;font-size:18px;font-weight:700;transition:all .3s;color:#fff;background-color:var(--primary)}

/* 반응형 [s] */
@media (hover:hover){
#inc01 .inc01_bottom_container .txt_container .txt_item a:hover{color:var(--primary);background-color:#fff}
}
@media(max-width:1980px){
#inc01 .inc01_top_container{height:1150px}
#inc01 .inc01_bottom_container{height:1150px}
}
@media (max-width:1380px){
#inc01 .inc01_top_container{padding-top:150px;height:1000px}
#inc01 .inc01_top_container .slide_cont{margin-top:80px}
#inc01 .inc01_top_container .slide_cont li:first-child{margin-left:calc(50% - 380px / 2)}
#inc01 .inc01_top_container .slide_cont li.last{height:460px}
#inc01 .inc01_top_container .slide_cont li img{width:380px;height:460px}
#inc01 .inc01_top_container .slide_cont li h3{font-size:23px}
#inc01 .inc01_top_container .slide_cont li.last h3{font-size:28px}
#inc01 .inc01_bottom_container{height:100%}
#inc01 .inc01_bottom_container .txt_container .txt_item{padding:0 10%}
#inc01 .inc01_bottom_container .txt_container .txt_item h3{font-size:43px}
#inc01 .inc01_bottom_container .txt_container .txt_item p{font-size:17px}
#inc01 .inc01_bottom_container .txt_container .txt_item ul li{font-size:19px}
#inc01 .inc01_bottom_container .txt_container .txt_item a{font-size:17px}
}
@media (max-width:1024px){
#inc01 .inc01_top_container{padding-top:100px;height:100vh}
#inc01 .inc01_top_container .slide_cont{gap:40px;margin-top:70px}
#inc01 .inc01_top_container .slide_cont li:first-child{margin-left:calc(50% - 350px / 2)}
#inc01 .inc01_top_container .slide_cont li.last{height:420px}
#inc01 .inc01_top_container .slide_cont li img{width:350px;height:420px;border-radius:15px}
#inc01 .inc01_top_container .slide_cont li.last .bg{width:100%;height:100%}
#inc01 .inc01_top_container .slide_cont li h3{margin-top:15px;font-size:21px}
#inc01 .inc01_top_container .slide_cont li.last h3{font-size:26px}
#inc01 .inc01_bottom_container .txt_container .txt_item{padding:0 8%}
#inc01 .inc01_bottom_container .txt_container .txt_item h3{margin-bottom:25px;font-size:38px}
#inc01 .inc01_bottom_container .txt_container .txt_item p{margin-bottom:35px;font-size:16px}
#inc01 .inc01_bottom_container .txt_container .txt_item ul{margin-bottom:35px}
#inc01 .inc01_bottom_container .txt_container .txt_item ul li{font-size:18px}
#inc01 .inc01_bottom_container .txt_container .txt_item a{padding:0 24px;height:48px;border-radius:24px;font-size:16px}
}
@media (max-width:768px){
#inc01 .inc01_top_container .slide_cont{margin-top:60px}
#inc01 .inc01_top_container .slide_cont li:first-child{margin-left:calc(50% - 320px / 2)}
#inc01 .inc01_top_container .slide_cont li.last{height:380px}
#inc01 .inc01_top_container .slide_cont li img{width:320px;height:380px;border-radius:12px}
#inc01 .inc01_top_container .slide_cont li h3{margin-top:12px;font-size:20px}
#inc01 .inc01_top_container .slide_cont li.last h3{font-size:24px}
#inc01 .inc01_bottom_container .txt_container{width:50%}
#inc01 .inc01_bottom_container .txt_container .txt_item h3{margin-bottom:20px;font-size:30px}
#inc01 .inc01_bottom_container .txt_container .txt_item p{margin-bottom:30px;font-size:15px}
#inc01 .inc01_bottom_container .txt_container .txt_item ul{margin-bottom:30px}
#inc01 .inc01_bottom_container .txt_container .txt_item ul li{font-size:17px}
#inc01 .inc01_bottom_container .txt_container .txt_item ul li:after{width:6px;height:6px}
#inc01 .inc01_bottom_container .txt_container .txt_item a{padding:0 22px;height:45px;border-radius:22px;font-size:15px}
}
@media (max-width:480px){
#inc01 .inc01_top_container .slide_cont{margin-top:50px}
#inc01 .inc01_top_container .slide_cont li:first-child{margin-left:calc(50% - 300px / 2)}
#inc01 .inc01_top_container .slide_cont li.last{height:360px}
#inc01 .inc01_top_container .slide_cont li img{width:300px;height:360px}
#inc01 .inc01_top_container .slide_cont li h3{font-size:19px}
#inc01 .inc01_top_container .slide_cont li.last h3{font-size:22px}
#inc01 .inc01_bottom_container .txt_container{width:100%}
#inc01 .inc01_bottom_container .txt_container .txt_item{align-items:center;text-align:center}
#inc01 .inc01_bottom_container .txt_container .txt_item h3{font-size:32px}
#inc01 .inc01_bottom_container .txt_container .txt_item p{margin-bottom:35px;font-size:17px;line-height:1.6}
#inc01 .inc01_bottom_container .txt_container .txt_item ul{margin-bottom:35px}
#inc01 .inc01_bottom_container .txt_container .txt_item ul li{padding-left:14px;font-size:18px}
#inc01 .inc01_bottom_container .txt_container .txt_item a{padding:0 26px;height:48px;border-radius:24px;font-size:16px}
}
@media (max-width:380px){
#inc01 .inc01_top_container .slide_cont li:first-child{margin-left:calc(50% - 260px / 2)}
#inc01 .inc01_top_container .slide_cont li.last{height:330px}
#inc01 .inc01_top_container .slide_cont li img{width:270px;height:330px;border-radius:10px}
#inc01 .inc01_top_container .slide_cont li h3{font-size:17px}
#inc01 .inc01_top_container .slide_cont li.last h3{margin-top:10px;font-size:19px}
#inc01 .inc01_bottom_container .txt_container .txt_item h3{margin-bottom:18px;font-size:28px}
#inc01 .inc01_bottom_container .txt_container .txt_item p{margin-bottom:30px;font-size:15px}
#inc01 .inc01_bottom_container .txt_container .txt_item ul{margin-bottom:30px}
#inc01 .inc01_bottom_container .txt_container .txt_item ul li{font-size:17px}
#inc01 .inc01_bottom_container .txt_container .txt_item a{padding:0 24px;height:43px;border-radius:22px;font-size:15px}
}
/* 반응형 [e] */