@charset "utf-8";
#inc02{position:relative;overflow:hidden;width:100%;padding:148px 0 130px;background:#f2f6ff;line-height:1}
#inc02 .inner{width:1400px;margin:0 auto}
#inc02 .all_txt_wrap02{margin-bottom:60px}
#inc02 .tab_wrap{margin-bottom:60px;padding:0 75px}
#inc02 .tab_wrap .tab_center{padding:9px 22px;background:#dae0eb;border-radius:50pt}
#inc02 .tab_list{position:relative;display:flex;align-items:center;gap:0 12px}
#inc02 .tab_list > div{position:relative;display:flex;align-items:center;justify-content:center;z-index:1;width:calc((100% - 36px) / 4);height:55px;line-height:55px;color:#aaa;font-weight:600;font-size:22px;cursor:pointer;transition:color 0.3s}
#inc02 .tab_list > div.on{color:#fff}
#inc02 .bg{content:"";display:block;opacity:1;position:absolute;top:0;width:calc((100% - 36px) / 4);height:100%;border-radius:50pt;background:var(--primary);transition:all .8s cubic-bezier(0.22, 1, 0.36, 1)}
#inc02 .marquee{display:flex;gap:50px;width:max-content;animation:marqueeDesktop 140s linear infinite}
#inc02 .txt_list{display:flex;gap:50px;align-items:center;white-space:nowrap}
#inc02 .txt_list > li{flex-shrink:0;color:rgba(17, 17, 17, 0.1);font-weight:700;font-size:80px}
@keyframes marqueeDesktop{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}
#inc02 .box_wrap .active{opacity:0;position:absolute;top:50%;z-index:0;transform:translateY(-50%);width:330px;height:300px;background:var(--primary);transition:all .8s cubic-bezier(0.22, 1, 0.36, 1)}
#inc02 .tab_cont{position:relative;z-index:2;top:-25px}
#inc02 .cont{display:none;align-items:center;justify-content:center}
#inc02 .cont:nth-child(1){display:flex}
#inc02 .cont .left_img{margin-right:97px}
#inc02 .cont .right_txt > span{display:block;margin-bottom:20px;color:var(--primary);font-weight:600;font-size:16px} 
#inc02 .cont .right_txt > strong{display:block;margin-bottom:25px;line-height:1.3;color:var(--dark);font-weight:400;font-size:30px} 
#inc02 .cont .right_txt > strong > span{font-weight:700} 
#inc02 .cont .right_txt > p{line-height:1.6;color:#777;font-size:16px}
#inc02 .more_btn{display:flex;align-items:center;justify-content:center;margin:60px auto 0;width:385px;height:73px;border:2px solid var(--primary);border-radius:50pt;color:var(--primary);font-weight:700;font-size:22px;box-sizing:border-box;transition:all .5s}

/* 반응형 [s] */
@media (hover:hover){
#inc02 .tab_wrap:hover .bg{opacity:1}
#inc02 .box_wrap:hover .active{opacity:1}
#inc02 .more_btn:hover{background:var(--primary);color:#fff}
}
@media (max-width:1500px){
#inc02 .inner{width:95%}
#inc02 .tab_wrap{padding:0}
#inc02 .tab_wrap .tab_center{padding:9px}
}
@media (max-width:1200px){
#inc02{padding:120px 0}
#inc02 .tab_list > div{font-size:20px}
#inc02 .txt_list > li{font-size:70px}
#inc02 .cont{padding:0 15px}
#inc02 .cont .left_img{margin-right:5%}
#inc02 .cont .left_img > img{max-width:100%}
#inc02 .cont .right_txt{flex-shrink:0}
}
@media (max-width:1150px){
#inc02 .tab_list{flex-wrap:wrap}
#inc02 .tab_list > div{width:calc((100% - 12px) / 2)}
#inc02 .bg{width:calc((100% - 12px) / 2);height:55px;border-radius:15px}
#inc02 .tab_wrap .tab_center{border-radius:15px}
}
@media (max-width:1024px){
#inc02{padding:100px 0}
#inc02 .all_txt_wrap02{margin-bottom:50px}
#inc02 .tab_wrap{margin-bottom:50px}
#inc02 .txt_list > li{font-size:60px}
}
@media (max-width:768px){
#inc02{padding:80px 0}
#inc02 .inner{width:100%;padding:0 15px}
#inc02 .bg{height:50px}
#inc02 .tab_wrap{margin-bottom:40px}
#inc02 .tab_list > div{height:50px;line-height:50px;font-size:18px}
#inc02 .txt_list > li{font-size:50px}
#inc02 .tab_cont{top:-20px}
#inc02 .cont{flex-direction:column}
#inc02 .cont .left_img{margin-right:0;margin-bottom:40px}
#inc02 .cont .right_txt{flex-shrink:initial;text-align:center}
#inc02 .cont .right_txt > strong{font-size:25px}
#inc02 .more_btn{width:355px;height:auto;padding:18px 0;margin:20px auto 0;font-size:20px}
}
@media (max-width:580px){
#inc02{padding:60px 0}
#inc02 .all_txt_wrap02{margin-bottom:40px}
#inc02 .tab_list > div{font-size:16px}
#inc02 .txt_list{gap:30px}
#inc02 .txt_list > li{font-size:40px}
#inc02 .tab_cont{top:-15px}
#inc02 .cont .right_txt > strong{margin-bottom:15px;font-size:22px}
#inc02 .cont .right_txt > span{font-size:15px}
#inc02 .cont .right_txt > p{font-size:15px}
#inc02 .more_btn{width:315px;padding:15px 0;font-size:17px}
}
@media (max-width:480px){
#inc02{padding:50px 0}
#inc02 .bg{width:100%}
#inc02 .tab_wrap{margin-bottom:30px}
#inc02 .tab_cont{top:-10px}
#inc02 .tab_list > div{width:100%}
#inc02 .txt_list > li{font-size:35px}
#inc02 .cont .right_txt > p{word-break:keep-all}
#inc02 .cont .right_txt > p br{display:none}
#inc02 .cont .right_txt > strong{font-size:18px}
#inc02 .more_btn{width:265px;padding:13px 0;font-size:16px}
}
/* 반응형 [e] */