@charset "utf-8";
#inc02{position:relative;z-index:2;transition:all .3s}
#inc02 *{word-break:keep-all}
#inc02 .inc02_wrapper{position:relative;padding-bottom:230px}
#inc02 .inc02_wrapper.dark{background-color:#111111}

/* bg */
#inc02 .inc02_wrapper .main_bg{position:absolute;bottom:0px;left:0px;width:100%;height:750px;background:url(./img/bg01.jpg) no-repeat bottom / cover;filter:brightness(0.3)}
#inc02 .inc02_wrapper .main_bg:after{content:"";position:absolute;top:-55px;left:0px;width:100%;height:115px;background-color:#111;filter:blur(28px)}

/* slide pager */
#inc02 .inc02_main{padding-top:180px;max-width:var(--mainsize)}
#inc02 .inc02_main .pager{display:flex;gap:70px}
#inc02 .inc02_main .pager p{opacity:1;padding-bottom:10px;width:auto;height:auto;border-radius:0%;transition:all .3s;font-size:30px;font-weight:700;transition:all .3s;color:#000;background:none}
#inc02 .inc02_main .pager .on{position:relative;color:var(--primary)}
#inc02 .inc02_main .pager .on:after{content:"";position:absolute;bottom:0px;left:0px;width:100%;height:4px;background-color:var(--primary)} 

/* slide top txt */
#inc02 .inc02_main .swiper-slide{background-color:transparent}
#inc02 .inc02_main .txt{display:flex;flex-direction:column;padding:160px 100px 100px;border-bottom:1px solid rgb(0, 0, 0, 0.2)}
#inc02 .inc02_main .txt p{font-size:30px;font-weight:700;color:#000}
#inc02 .inc02_main .link_container{display:flex;justify-content:space-between;align-items:start;margin-top:30px}
#inc02 .inc02_main .link_container .pl{font-size:20px;font-weight:700;color:rgb(0, 0, 0, 0.5)}
#inc02 .inc02_main .link_container a{display:flex;justify-content:center;align-items:center;gap:25px;width:170px;height:58px;line-height:58px;text-align:center;font-size:18px;font-weight:700;transition:all .3s;color:#fff;background-color:var(--primary)}
#inc02 .inc02_main .link_container a .icon{font-size:30px}
#inc02 .inc02_main .inc02_sub{position:relative;margin-top:130px}
#inc02 .inc02_main .inc02_sub li{display:flex}
#inc02 .inc02_main .inc02_sub li .bg{position:relative;width:60%;height:500px;overflow:hidden}
#inc02 .inc02_main .inc02_sub li .bg img{width:890px;height:485px;object-fit:cover}
#inc02 .inc02_main .inc02_sub li .slide_txt{display:flex;flex-direction:column;justify-content:center;padding:0 90px;width:40%}
#inc02 .inc02_main .inc02_sub li .slide_txt span{font-size:15px;font-weight:700;color:var(--primary)}
#inc02 .inc02_main .inc02_sub li .slide_txt p{margin:70px 0 30px;font-size:25px;font-weight:700;color:#000}
#inc02 .inc02_main .inc02_sub li .slide_txt .pl{font-size:16px;font-weight:500;color:rgb(255, 255, 255, 0.6)}
#inc02 .inc02_main .inc02_sub .nav_container{display:flex;gap:15px;position:absolute;z-index:2;bottom:0px;right:1px}
#inc02 .inc02_main .inc02_sub .nav_container div{display:flex;justify-content:center;align-items:center;width:70px;height:70px;border:1px solid #fff;border-radius:50%;transition:all .3s;background-color:#000;cursor:pointer}
#inc02 .inc02_main .inc02_sub .nav_container svg{color:#fff;transition:all .3s}
#inc02 .inc02_main .cont_list{display:flex;justify-content:space-between;margin-top:180px;padding:0 95px}
#inc02 .inc02_main .cont_list li{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:16px;font-weight:500}
#inc02 .inc02_main .cont_list li p{margin:40px 0 12px;font-size:20px;font-weight:700;color:#fff}
#inc02 .inc02_main .cont_list li .icon img{width:100px;height:100px}

/* 반응형 [s] */
@media (hover:hover){
#inc02 .inc02_main .link_container a:hover{gap:10px}
#inc02 .inc02_main .inc02_sub .nav_container div:hover{border:1px solid #000;background-color:#fff}
#inc02 .inc02_main .inc02_sub .nav_container div:hover svg{color:#000}
}
@media (max-width:1380px){
#inc02 .inc02_main{margin:auto;width:90%}
#inc02 .inc02_main .pager p{font-size:28px}
#inc02 .inc02_main .txt{padding:140px 70px 100px}
#inc02 .inc02_main .txt p{font-size:28px}
#inc02 .inc02_main .link_container{margin-top:20px}
#inc02 .inc02_main .link_container a{width:160px;height:56px;line-height:56px;font-size:17px}
#inc02 .inc02_main .link_container .pl{font-size:17px}
#inc02 .inc02_main .inc02_sub li .bg{height:480px}
#inc02 .inc02_main .inc02_sub li .bg img{width:100%;height:100%}
#inc02 .inc02_main .inc02_sub .nav_container div{width:65px;height:65px}
#inc02 .inc02_main .cont_list{padding:0 60px}
#inc02 .inc02_main .cont_list li{font-size:15px}
#inc02 .inc02_main .cont_list li .icon img{width:68px;height:68px}
#inc02 .inc02_main .cont_list li p{margin:25px 0 12px;font-size:18px}
}
@media (max-width:1024px){
#inc02 .inc02_main{padding-top:140px;width:95%}
#inc02 .inc02_main .pager{gap:50px}
#inc02 .inc02_main .pager p{font-size:24px}
#inc02 .inc02_main .txt{padding:100px 40px 80px}
#inc02 .inc02_main .txt p{font-size:24px}
#inc02 .inc02_main .link_container a{width:140px;height:52px;line-height:52px;gap:15px;font-size:15px}
#inc02 .inc02_main .link_container a .icon{font-size:25px}
#inc02 .inc02_main .link_container .pl{white-space:pre-line;font-size:15px}
#inc02 .inc02_main .inc02_sub{margin-top:90px}
#inc02 .inc02_main .inc02_sub li .bg{width:50%;height:380px}
#inc02 .inc02_main .inc02_sub li .slide_txt{padding:0 50px;width:50%}
#inc02 .inc02_main .inc02_sub li .slide_txt span{font-size:14px}
#inc02 .inc02_main .inc02_sub li .slide_txt p{margin:50px 0 20px;font-size:20px}
#inc02 .inc02_main .inc02_sub .nav_container div{width:54px;height:54px}
#inc02 .inc02_main .inc02_sub .nav_container div svg{width:20px;height:20px}
#inc02 .inc02_main .cont_list{gap:20px;padding:0px}
#inc02 .inc02_main .cont_list li .icon img{width:52px;height:52px}
#inc02 .inc02_main .cont_list li{font-size:14px}
#inc02 .inc02_main .cont_list li p{font-size:16px}
}
@media (max-width:768px){
#inc02 .inc02_wrapper{padding-bottom:190px}
#inc02 .inc02_main{padding-top:120px}
#inc02 .inc02_main .pager{justify-content:center;gap:25px}
#inc02 .inc02_main .pager p{padding-bottom:4px;width:140px;text-align:center;font-size:21px}
#inc02 .inc02_main .pager .on:after{height:3px}
#inc02 .inc02_main .txt{justify-content:center;align-items:center;padding:80px 40px 60px}
#inc02 .inc02_main .txt p{font-size:21px}
#inc02 .inc02_main .link_container{flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:30px}
#inc02 .inc02_main .link_container .pl{white-space:normal;font-size:14px}
#inc02 .inc02_main .link_container a{margin-top:40px;height:48px;line-height:48px}
#inc02 .inc02_main .inc02_sub li{justify-content:center}
#inc02 .inc02_main .inc02_sub li .bg{width:80%;height:350px;filter:brightness(0.4)}
#inc02 .inc02_main .inc02_sub li .slide_txt{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:0px;width:75%;text-align:center}
#inc02 .inc02_main .inc02_sub li .slide_txt div{color:rgb(255, 255, 255, 0.7)}
#inc02 .inc02_main .inc02_sub li .slide_txt span{font-size:15px}
#inc02 .inc02_main .inc02_sub li .slide_txt p{margin:30px 0 20px;font-size:22px}
#inc02 .inc02_main .inc02_sub .nav_container{justify-content:space-between;bottom:50%;right:50%;transform:translate(50%, 50%);width:100%}
#inc02 .inc02_main .inc02_sub .nav_container div{width:48px;height:48px}
#inc02 .inc02_main .inc02_sub .nav_container div svg{width:18px;height:18px}
#inc02 .inc02_main .cont_list{flex-wrap:wrap;gap:50px;margin:130px auto 0;width:80%}
#inc02 .inc02_main .cont_list li{width:calc(100% / 2 - 25px)}
#inc02 .inc02_main .cont_list li:nth-child(n+3){margin-top:40px}
#inc02 .inc02_main .cont_list li .icon img{width:48px;height:48px}
}
@media (max-width:580px){
#inc02 .inc02_main .inc02_sub .nav_container{display:none}
#inc02 .inc02_main .inc02_sub li .bg{width:100%}
}
@media (max-width:480px){
#inc02 .inc02_wrapper{padding-bottom:140px}
#inc02 .inc02_wrapper .main_bg:after{height:90px}
#inc02 .inc02_main{padding-top:100px}
#inc02 .inc02_main .pager p{font-size:18px}
#inc02 .inc02_main .txt{padding:50px 0;margin:auto;width:95%}
#inc02 .inc02_main .txt p{font-size:19px}
#inc02 .inc02_main .link_container{margin-top:20px}
#inc02 .inc02_main .link_container .pl{font-size:13px}
#inc02 .inc02_main .link_container a{margin-top:30px;width:128px;height:47px;line-height:47px;gap:10px;font-size:14px}
#inc02 .inc02_main .link_container a:hover{gap:5px}
#inc02 .inc02_main .inc02_sub{margin-top:50px}
#inc02 .inc02_main .inc02_sub li .slide_txt{width:95%}
#inc02 .inc02_main .inc02_sub li .slide_txt span{font-size:14px}
#inc02 .inc02_main .inc02_sub li .slide_txt p{margin:12px 0;font-size:19px}
#inc02 .inc02_main .inc02_sub li .bg{height:280px}
#inc02 .inc02_main .cont_list{margin:100px auto 0;gap:40px;width:90%}
#inc02 .inc02_main .cont_list li{width:calc(100% / 2 - 20px)}
#inc02 .inc02_main .cont_list li:nth-child(n+3){margin-top:30px}
#inc02 .inc02_main .cont_list li p{margin:15px 0 10px;font-size:15px}
#inc02 .inc02_main .cont_list li{font-size:13px}
}
@media (max-width:380px){
#inc02 .inc02_wrapper{padding-bottom:100px}
#inc02 .inc02_main{padding-top:90px}
#inc02 .inc02_main .pager p{width:115px;font-size:16px}
#inc02 .inc02_main .txt p{font-size:16px}
#inc02 .inc02_main .link_container a{width:120px;height:44px;line-height:44px;font-size:13px}
#inc02 .inc02_main .inc02_sub li .slide_txt span{font-size:13px}
#inc02 .inc02_main .inc02_sub li .slide_txt p{margin:8px 0;font-size:17px}
#inc02 .inc02_main .inc02_sub li .bg{height:260px}
#inc02 .inc02_main .cont_list{gap:30px;width:95%}
#inc02 .inc02_main .cont_list li{width:calc(100% / 2 - 15px)}
#inc02 .inc02_main .cont_list li .icon img{width:44px;height:44px}
#inc02 .inc02_main .cont_list li p{margin:12px 0 8px;font-size:14px}
}
/* 반응형 [e] */