@charset "utf-8";

#inc01{overflow:hidden;position:relative;border-top:1px solid #e1e1e1}
#inc01 .top_scroll{height:100vh;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:135px;overflow:hidden;border-bottom:1px solid #e1e1e1}
#inc01 .all_txt_wrap01{position:relative;z-index:1}
#inc01 .all_txt_wrap01 .all_tit01{font-size:50px}
#inc01 .img_list_wrap{display:flex;align-items:center;justify-content:center;gap:135px}
#inc01 .img_list_wrap .txt{font-size:100px;color:rgba(34,34,34,0.3);font-family:var(--e-font);font-weight:400}
#inc01 .img_box{position:relative}
#inc01 .round_img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);animation:spin 20s linear infinite}
@keyframes spin{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}
#inc01 .video_box{position:relative;width:488px;height:283px;overflow:visible}
#inc01 .video_box #video{border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);z-index:99;width:100%;height:100%;object-fit:cover}
#inc01 .bot{padding:195px 0 130px;overflow:hidden}
#inc01 .all_txt_wrap02{margin-bottom:80px} 
#inc01 .txt_slide{width:500px;margin:0 auto}
#inc01 .txt_slide .list{text-align:center}
#inc01 .txt_slide .s_txt{display:block;line-height:1;margin-bottom:30px;font-weight:700;font-size:22px}
#inc01 .txt_slide .b_txt{line-height:1.2;background:linear-gradient(90deg, #3182f6 0%, #03deff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;mix-blend-mode:normal;font-weight:700;font-size:50px}
#inc01 .txt_slide .swiper_pagination{margin-top:30px;text-align:center}
#inc01 .txt_slide .swiper-pagination-bullet{background:#aaa;opacity:1}
#inc01 .txt_slide .swiper-pagination-bullet.on{background:#333}
#inc01 .step_wrap{padding:115px 0 125px;background:#eaeef4}
#inc01 .all_txt_wrap03{margin-bottom:115px}
#inc01 .step_wrap .step_list{display:flex;align-items:stretch;justify-content:center;gap:150px}
#inc01 .step_wrap .step_list > li{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:221px}
#inc01 .step_wrap .step_list > li .icon_img{margin-bottom:40px}
#inc01 .step_wrap .step_list > li .tit{display:block;line-height:1;margin-bottom:25px;text-align:center;font-weight:700;font-size:22px}
#inc01 .step_wrap .step_list > li .txt{line-height:1.3;color:rgba(34,34,34,0.5);text-align:center;font-weight:400;font-size:18px}
#inc01 .step_wrap .step_list > li:last-child .icon{display:none}
#inc01 .step_wrap .step_list > li .arrow_icon .icon{position:absolute;top:50%;right:-80px;transform:translateY(-50%);width:35px;height:35px;color:#ccc}

/* 반응형 [s] */
@media (max-width:1700px){
#inc01 .txt_slide{width:100%}
}
@media (max-width:1500px){
#inc01 .img_list_wrap{gap:125px}
#inc01 .img_list_wrap .txt{font-size:90px}
#inc01 .round_img > img{width:600px;height:600px}
#inc01 .video_box{width:430px;height:270px}
#inc01 .step_wrap .step_list{flex-wrap:wrap;gap:0}
#inc01 .step_wrap .step_list > li{width:25%}
#inc01 .step_wrap .step_list > li .arrow_icon .icon{right:0}
}
@media (max-width:1300px){
#inc01 .top_scroll{gap:50px}
#inc01 .img_list_wrap{flex-direction:column;gap:115px}
#inc01 .img_list_wrap .txt{position:relative;z-index:10}
#inc01 .img_list_wrap .l_txt{width:auto;text-align:initial}
#inc01 .round_img > img{width:580px;height:580px}
#inc01 .video_box{width:400px;height:232px}
}
@media (max-width:1200px){   
#inc01 .all_txt_wrap01 .all_tit01{font-size:45px}
#inc01 .img_list_wrap .txt{font-size:80px}
#inc01 .round_img > img{width:550px;height:550px}
#inc01 .bot,#inc01 .step_wrap{padding:120px 0}
#inc01 .txt_slide .b_txt{font-size:45px}
#inc01 .step_wrap .step_list > li{width:50%}
#inc01 .step_wrap .step_list > li:nth-child(n+3){margin-top:50px}
#inc01 .step_wrap .step_list > li .arrow_icon{display:none}
}
@media (max-width:1024px){
#inc01 .all_txt_wrap01 .all_tit01{font-size:40px}
#inc01 .img_list_wrap .txt{font-size:70px}
}
@media (max-width:768px){
#inc01 .all_txt_wrap01{width:100%;padding:0 15px}
#inc01 .all_txt_wrap01 .all_tit01{font-size:30px}
#inc01 .img_list_wrap{gap:85px}
#inc01 .img_list_wrap .txt{font-size:60px}
#inc01 .round_img > img{width:450px;height:450px}
#inc01 .video_box{width:350px;height:203px}
#inc01 .bot,#inc01 .step_wrap{padding:80px 0}
#inc01 .txt_slide .b_txt{font-size:40px}
#inc01 .txt_slide .s_txt{margin-bottom:25px;font-size:20px}
#inc01 .step_wrap .step_list > li .icon_img{margin-bottom:30px;width:20%}
#inc01 .step_wrap .step_list > li:nth-child(1) .icon_img{width:15%}
#inc01 .step_wrap .step_list > li .icon_img > img{width:100%;max-width:100%}
#inc01 .step_wrap .step_list > li .tit{margin-bottom:20px;font-size:20px}
#inc01 .step_wrap .step_list > li .txt{font-size:17px}    
}
@media (max-width:580px){
#inc01 .all_txt_wrap01 .all_tit01{font-size:25px}
#inc01 .img_list_wrap .txt{font-size:50px}
#inc01 .round_img > img{width:400px;height:400px}
#inc01 .video_box{width:300px;height:174px}
#inc01 .bot,#inc01 .step_wrap{padding:60px 0}
#inc01 .txt_slide .b_txt{font-size:30px}
#inc01 .txt_slide .s_txt{margin-bottom:20px;font-size:18px}
#inc01 .step_wrap .step_list > li .icon_img{margin-bottom:20px;width:25%}
#inc01 .step_wrap .step_list > li:nth-child(1) .icon_img{width:20%}
#inc01 .step_wrap .step_list > li .tit{margin-bottom:15px;font-size:18px}
#inc01 .step_wrap .step_list > li .txt{font-size:16px}
}
@media (max-width:480px){
#inc01 .all_txt_wrap01 .all_tit01{font-size:21px}
#inc01 .all_txt_wrap01 .all_tit01 br{display:none}
#inc01 .img_list_wrap .txt{font-size:40px}
#inc01 .img_list_wrap{gap:75px}
#inc01 .round_img > img{width:350px;height:350px}
#inc01 .video_box{width:250px;height:145px}
#inc01 .txt_slide .b_txt{font-size:23px}
#inc01 .txt_slide .s_txt{margin-bottom:15px;font-size:16px}
#inc01 .step_wrap .step_list > li .icon_img{display:none}
#inc01 .step_wrap .step_list > li{width:100%;border-radius:10px;text-align:center}
#inc01 .step_wrap .step_list > li .txt br{display:none}
#inc01 .step_wrap .step_list > li .tit{position:relative;display:inline-block;padding-left:35px}
#inc01 .step_wrap .step_list > li .tit:after{content:"";display:block;top:-5px;position:absolute;left:0;background-repeat:no-repeat;background-size:100%;background-position:center;z-index:1}
#inc01 .step_wrap .step_list > li:nth-child(1) .tit:after{width:25px;height:25px;background-image:url("./img/inc01_icon01.png")}
#inc01 .step_wrap .step_list > li:nth-child(2) .tit{padding-left:40px}
#inc01 .step_wrap .step_list > li:nth-child(2) .tit:after{width:30px;height:23px;background-image:url("./img/inc01_icon02.png")}
#inc01 .step_wrap .step_list > li:nth-child(3) .tit{padding-left:40px}
#inc01 .step_wrap .step_list > li:nth-child(3) .tit:after{top:-2px;width:28px;height:24px;background-image:url("./img/inc01_icon03.png")}
#inc01 .step_wrap .step_list > li:nth-child(4) .tit:after{top:-2px;width:28px;height:24px;background-image:url("./img/inc01_icon04.png")}
#inc01 .step_wrap .step_list > li:nth-child(2){margin-top:50px}
#inc01 .step_wrap .step_list > li .arrow_icon{display:block}
#inc01 .step_wrap .step_list > li .arrow_icon .icon{top:initial;right:initial;bottom:-35px;transform:rotate(90deg);height:24px}
}
@media (max-width:390px){
#inc01 .img_list_wrap{gap:70px}
#inc01 .round_img > img{width:330px;height:330px}
}
/* 반응형 [e] */