@charset "utf-8";

#inc02{padding:150px 0;background:linear-gradient(180deg, #357d9a, #1d4b5d)}
#inc02 .tit_area{display:block !important;margin-bottom:70px !important;text-align:center;color:#fff}
#inc02 .tit_area h2{color:#fff}
#inc02 .bnr li a{display:flex;align-items:flex-end;height:500px;padding:60px;color:#fff;background-size:cover;background-position:center}
#inc02 .bnr li a p{font-size:16px;font-weight:500}
#inc02 .bnr li a h3{margin-bottom:10px;font-size:40px;font-weight:700;font-family:var(--e-font)}
#inc02 .bnr li a li{display:inline-block;padding:5px 18px;border-radius:50px;font-weight:500;background:rgba(255,255,255,.3)}
#inc02 .bnr li a li+li{margin-left:5px}
#inc02 .bnr li.bg01 a{background-image:url('./img/bg01.jpg')}
#inc02 .bnr li.bg02 a{background-image:url('./img/bg02.jpg')}
#inc02 .bnr li.bg03 a{background-image:url('./img/bg03.jpg')}
#inc02 .bnr li.bg04 a{background-image:url('./img/bg04.jpg')}
#inc02 .bnr li div{opacity:0;transition:all .3s}
#inc02 .bnr li.on div{opacity:1}

#inc02 .arrow{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:40px}
#inc02 .arrow .pager{width:auto;font-size:0}
#inc02 .arrow .pager span{font-size:15px;color:#fff;transition:all .3s}
#inc02 .arrow .way{display:flex;align-items:center;color:#fff;opacity:.5;cursor:pointer;transition:all .3s}

#inc02 .bar{position:relative;width:100%;height:3px}
#inc02 .swiper-progress-bar{width:100%;height:100%;background:rgba(255,255,255,.2);border-radius:50px;overflow:hidden}
#inc02 .swiper-progress-bar span{display:block;height:100%;background:#fff;transition:all .3s}

#inc02 .bar_box{position:relative;width:130px;padding:0 20px}
#inc02 .bar_box .pager span{position:absolute;top:50%;transform:translateY(-50%)}
#inc02 .bar_box .pager .swiper-pagination-current{left:0}
#inc02 .bar_box .pager .swiper-pagination-total{right:0}

@media(hover:hover){
#inc02 .arrow .way:hover{opacity:1}
}

/* 반응형 [s] */
@media (max-width:1024px){
#inc02{padding:100px 0}
#inc02 .bnr li a h3{font-size:32px}
}
@media (max-width:768px){
#inc02 .bnr{padding:0 20px}
#inc02 .bnr li a{height:400px;padding:40px}
#inc02 .bnr li a h3{font-size:28px}
#inc02 .arrow{margin-top:22px}
#inc02 .arrow .pager span{font-size:13px}
}
@media (max-width:580px){
#inc02{padding:80px 0}
#inc02 .bnr li a{padding:20px}
#inc02 .bnr li a{justify-content:center;align-items:center;text-align:center}
#inc02 .bnr li a h3{font-size:25px}
#inc02 .bnr li a li{padding:3px 10px}
#inc02 .bnr li a p{font-size:14px}
#inc02 .bnr li a li{font-size:12px}
#inc02 .arrow{gap:20px}
}
@media (max-width:480px){
#inc02 .bnr li a{height:300px}
#inc02 .bnr li a h3{font-size:22px}
#inc02 .bnr li a li+li{margin:2px}
#inc02 .bnr li a p{display:none}
}
@media (max-width:390px){
#inc02 .bnr li a h3{font-size:18px}
#inc02 .tit_area{margin-bottom:50px !important}
}
/* 반응형 [e] */