@charset "utf-8";

#inc03{position:relative;z-index:1;margin-top:161px;line-height:1 ;background:var(--second)}
#inc03:after{position:absolute;top:0 ;left:0;content:"";display:block;width:100%;height:136px;background:#fff}
#inc03::before{position:absolute;z-index:1;top:0;right:0;content:"";display:block;width:45%;height:615px;background:var(--second);border-radius:135px 0 0 0}
#inc03 .marque_box{overflow:hidden}
#inc03 .top{position:relative}
#inc03 .inner{margin:0 auto;padding:630px 0 108px;max-width:1500px}
#inc03 .inner .all_txt_wrap03{position:relative;z-index:2}
#inc03 .inner .all_txt_wrap03 .all_tit03{color:#fff}
#inc03 .inner .inc03_more_btn{display:flex;align-items:center;justify-content:center;margin:24px auto 56px;width:149px;height:51px;line-height:51px;border-radius:50pt;background:rgba(17,17,17,0.2);color:#fff;font-weight:700;font-size:18px;transition:all .5s}
#inc03 .list_box{position:relative;z-index:2}
#inc03 .active_list{position:relative;display:flex;flex-wrap:wrap;gap:0 30px;z-index:2}
#inc03 .active_list > li{overflow:hidden;width:calc((100% - 60px) / 3);margin-bottom:30px;height:350px;border-radius:13px}
#inc03 .active_list > li:nth-child(n+4){margin-bottom:0}
#inc03 .active_list > li > a > img{position:absolute;top:0;left:0;max-width:100% !important;width:100% !important;height:100%;object-fit:cover;transition:all .5s}
#inc03 .active_list > li > a{position:relative;display:block;width:100%;height:100%}
#inc03 .active_list > li > a:after{opacity:0;position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.6);transition:all .5s}
#inc03 .active_list > li > a .txt_wrap{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px;width:100%;transition:all .5s;box-sizing:border-box}
#inc03 .active_list > li > a .txt_wrap .txt{margin-bottom:16px;line-height:1.3;color:#fff;font-weight:700;text-align:center;font-size:18px;word-break:keep-all}
#inc03 .active_list > li > a .txt_wrap .icon_box{display:flex;align-items:center;justify-content:center;width:58px;height:58px;background:rgba(255,255,255,0.5);border-radius:50pt}
#inc03 .active_list > li > a .txt_wrap .icon_box .icon{color:#fff}

#inc03 .bg__marquee .marquee-block{position:absolute;top:230px;left:0;z-index:5;display:flex;gap:50px;animation:marquee 15s infinite linear}
#inc03 .bg-text{font-family:var(--main-font);font-size:100px;font-weight:700;letter-spacing:-2px;white-space:nowrap;color:rgba(255,255,255,0.2);font-family:var(--sub-font)}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-1536px)}}
@keyframes marqueeMo{0%{transform:translateX(0)}100%{transform:translateX(-1247px)}} 

#inc03 .banner_wrap{background:#fff}
#inc03 .banner_inner{overflow:hidden;width:1500px;height:120px;margin:0 auto}
#inc03 .banner_inner .logo_swiper{height:100%}
#inc03 .banner_inner .logo_swiper .list{display:flex;align-items:center;justify-content:center;width:auto}
#inc03 .banner_inner .logo_swiper .list > img{max-width:100%;max-height:100%}

#inc03 .bg01_img{position:absolute;top:122px;right:0;z-index:1}

/* 반응형 [s] */
@media (hover:hover){
#inc03 .inner .inc03_more_btn:hover{background:rgba(17,17,17,0.4)}
#inc03 .active_list > li:hover > a > img{transform:scale(1.03)}
#inc03 .active_list > li:hover > a:after{opacity:1}
#inc03 .active_list > li:hover > a .txt_wrap{opacity:1}
}
@media (max-width:1600px){
#inc03 .bg01_img{top:0;width:35%}
#inc03 .inner,#inc03 .banner_inner{max-width:initial;width:95%}
#inc03 .active_list > li{position:relative;height:auto;padding-bottom:24%}
#inc03 .active_list > li > a{position:absolute;top:0;left:0}
}
@media (max-width:1300px){
#inc03 .bg01_img{top:-1%}
}
@media (max-width:1200px){
#inc03{margin-top:0}
#inc03 .inner{padding:120px 0 80px}
#inc03::after{display:none}
#inc03::before{background:var(--second);width:100%;top:-400px;height:405px;border-radius:80px 80px 0 0 }
#inc03 .active_list{gap:0 20px}
#inc03 .active_list > li{width:calc((100% - 40px) / 3);margin-bottom:20px}
#inc03 .bg__marquee .marquee-block{top:-220px}
#inc03 .bg01_img{display:none}
}
@media (max-width:1024px){
#inc03 .inner{padding:100px 0 80px}
#inc03 .active_list > li{width:calc((100% - 20px) / 2);padding-bottom:33%}
#inc03 .active_list > li:nth-child(n+4){margin-bottom:20px}
#inc03 .active_list > li:nth-child(n+5){margin-bottom:0 !important}
#inc03 .active_list > li > a .txt_wrap .icon_box{width:50px;height:50px}
#inc03 .active_list > li > a .txt_wrap .icon_box .icon{width:20px}
#inc03 .banner_inner{height:100px}
}
@media (max-width:768px){
#inc03::before{border-radius:50px 50px 0 0 }
#inc03 .inner{padding:80px 15px 60px;width:100%}
#inc03 .inner .inc03_more_btn{font-size:17px}
#inc03 .active_list > li{border-radius:10px}
#inc03 .active_list > li > a .txt_wrap .txt{font-size:17px}
#inc03 .banner_inner{height:80px}
#inc03 .banner_inner .logo_swiper .list > img{height:35px}
#inc03 .bg-text{font-size: 70px;}
}
@media (max-width:580px){
#inc03::before{height:350px;top:-350px}
#inc03 .inner .inc03_more_btn{width:140px;height:45px;line-height:45px;font-size:16px}
#inc03 .inner .inc03_more_btn{margin:25px auto 30px}
#inc03 .active_list{gap:0 15px}
#inc03 .active_list > li{margin-bottom:15px;padding-bottom:35%;width:calc((100% - 15px) / 2)}
#inc03 .active_list > li:nth-child(n+4){margin-bottom:15px}
#inc03 .active_list > li > a .txt_wrap .txt{margin-bottom:13px;font-size:16px}
#inc03 .active_list > li > a .txt_wrap .icon_box{width:40px;height:40px}
#inc03 .active_list > li > a .txt_wrap .icon_box .icon{width:18px}
#inc03 .banner_inner{height:75px}
#inc03 .banner_inner .logo_swiper .list > img{height:33px}
}
@media (max-width:480px){
#inc03::before{top:-300px;height:300px;border-radius:0}
#inc03 .inner{padding:20px 15px 40px}
#inc03 .bg-text{font-size:90px}
#inc03 .active_list{gap:0 10px}
#inc03 .active_list > li{margin-bottom:10px;padding-bottom:40%;width:calc((100% - 10px) / 2)}
#inc03 .active_list > li:nth-child(n+3){margin-bottom:10px}
/* #inc03 .active_list > li:nth-child(n+5){display:none} */
#inc03 .active_list > li > a .txt_wrap .txt{display:none}
#inc03 .inner .inc03_more_btn{width:125px;height:43px;line-height:43px;font-size:15px}
#inc03 .banner_inner .logo_swiper .list > img{height:30px}
#inc03 .bg-text{font-size: 50px;}
#inc03 .bg__marquee .marquee-block{top: -165px;}

}
/* 반응형 [e] */