@charset "utf-8";

#inc01{overflow:hidden;position:relative;padding:145px 0 160px}
#inc01 .swiper-container{position:absolute;top:0;left:0;width:100%;height:100%}
#inc01 .swiper-slide::before{position:absolute;content:'';inset:0;width:100%;height:100%;background-color:rgba(12,28,50,0.28);pointer-events:none}
#inc01 .swiper-slide img{width:100%;height:100%;object-fit:cover}

#inc01 .inner{z-index:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}
#inc01 .group-title{padding-bottom:50px}

#inc01 .group-cont .area-search{display:flex;flex-direction:column;align-items:center;gap:30px;padding-bottom:50px}
#inc01 .group-cont .area-search .sch_area{display:flex;justify-content:center;width:100%}
#inc01 .group-cont .area-search .sch_area form{overflow:hidden;display:flex;justify-content:space-between;max-width:700px;width:100%;height:60px;padding:0 42px 0 54px;background-color:#fff;border-radius:100px}
#inc01 .group-cont .area-search .sch_area form input[type="text"]{width:100%;border:none;outline:none;font-size:16px;font-weight:600;line-height:1.5;color:#000}
#inc01 .group-cont .area-search .sch_area form input[type="text"]::placeholder{color:#A4A4A4}
#inc01 .group-cont .area-search .sch_area form input[type="text"]:focus{border:none !important;box-shadow:none !important}
#inc01 .group-cont .area-search .sch_area form button{all:unset;cursor:pointer}
#inc01 .group-cont .area-search .sch_area form button svg{width:20px;height:20px;stroke:#4e4e4e}
#inc01 .group-cont .area-search .btn-wrap{display:flex;align-items:center;gap:24px}
#inc01 .group-cont .area-search .btn-wrap p{display:flex;align-items:center;gap:5px;font-size:16px;line-height:1.5;font-weight:700;color:#fff}
#inc01 .group-cont .area-search .btn-wrap p i img{width:20px}
#inc01 .group-cont .area-search .btn-wrap .btn--primary .txt{gap:13px}

#inc01 .group-cont .area-cate ul{display:flex;gap:33px}
#inc01 .group-cont .area-cate ul li{max-width:384px;width:100%;aspect-ratio:384 / 387;border-radius:20px;overflow:hidden;border:2px solid rgba(255,255,255,0.38)}
#inc01 .group-cont .area-cate ul li a{position:relative;display:flex;width:100%;height:100%}
#inc01 .group-cont .area-cate ul li img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}
#inc01 .group-cont .area-cate ul li .overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:40px 43px;background:linear-gradient(to top, #0c1c32 0%, rgba(12, 28, 50, 0) 50%)}
#inc01 .group-cont .area-cate ul li h3{font-size:36px;font-weight:700;color:#fff}
#inc01 .group-cont .area-cate ul li span{font-size:18px;font-weight:700;color:rgba(255,255,255,0.8)}

#inc01 .group-cont .swiper-pagination{position:relative;display:flex;justify-content:center;gap:5px;margin-top:60px}
#inc01 .group-cont .swiper-pagination .swiper-pagination-bullet{border-radius:100px;background-color:#fff}
#inc01 .group-cont .swiper-pagination .swiper-pagination-bullet-active{width:26px}

#inc01 .group-cont .area-cate ul li a:hover img{transform:scale(1.1)}

/* 반응형 [s] */
@media (max-width:1600px){
#inc01{padding:130px 0 120px}
#inc01 .group-title{padding-bottom:40px}
#inc01 .swiper-slide::before{background-color:rgba(12,28,50,0.35)}
#inc01 .group-cont .area-search .sch_area form{max-width:640px;padding:0 32px 0 42px}
#inc01 .group-cont .area-cate ul li{max-width:360px}
}
@media (max-width:1400px){
#inc01 .group-cont .area-search{gap:24px;padding-bottom:40px}
#inc01 .group-cont .area-search .sch_area form{max-width:560px;height:58px;padding:0 28px 0 35px}
#inc01 .group-cont .area-search .sch_area form input[type="text"]{font-size:15px}
#inc01 .group-cont .area-cate ul{gap:24px}
#inc01 .group-cont .area-cate ul li{max-width:340px}
#inc01 .group-cont .swiper-pagination{margin-top:45px}
}
@media (max-width:1200px){
#inc01{padding:100px 20px}
#inc01 .group-cont .area-cate ul{gap:16px}
#inc01 .group-cont .area-search .btn-wrap p{font-size:15px}
}
@media (max-width:1024px){
#inc01{padding:80px 20px}
#inc01 .group-title{padding-bottom:32px}
#inc01 .group-cont .area-search .sch_area form{max-width:465px;height:54px}
#inc01 .group-cont .area-search .sch_area form input[type="text"]{font-size:14px}
#inc01 .group-cont .area-search .sch_area form button svg{width:18px;height:18px}
#inc01 .group-cont .area-search .btn-wrap{flex-direction:column;gap:10px}
#inc01 .group-cont .area-search .btn-wrap p{font-size:14px}
#inc01 .group-cont .area-cate ul li h3{font-size:32px}
#inc01 .group-cont .area-cate ul li span{font-size:16px}
#inc01 .group-cont .area-cate ul li .overlay{padding:32px 28px}
}
@media (max-width:768px){
#inc01{padding:60px 20px}
#inc01 .group-title{padding-bottom:25px}
#inc01 .group-cont .area-search .sch_area form{max-width:400px;height:52px;padding:0 22px 0 25px}
#inc01 .group-cont .area-search{gap:18px;padding-bottom:30px}
#inc01 .group-cont .area-cate ul{gap:12px}
#inc01 .group-cont .area-cate ul li{border-radius:10px}
#inc01 .group-cont .area-cate ul li h3{font-size:26px}
#inc01 .group-cont .area-cate ul li span{font-size:14px}
#inc01 .group-cont .area-cate ul li .overlay{padding:22px 20px}
}
@media (max-width:620px){
#inc01 .group-cont{width:100%}
#inc01 .group-cont .area-search{padding-bottom:26px}
#inc01 .group-cont .area-cate ul{flex-direction:column;gap:8px}
#inc01 .group-cont .area-cate ul li{max-width:none;aspect-ratio:384 / 120}
#inc01 .group-cont .area-cate ul li img{object-position:bottom}
#inc01 .group-cont .area-cate ul li .overlay{align-items:center;justify-content:center;background:linear-gradient(to top, #0c1c32 0%, rgba(12, 28, 50, 0) 100%)}
#inc01 .group-cont .swiper-pagination{margin-top:28px}
#inc01 .group-cont .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px}
#inc01 .group-cont .swiper-pagination .swiper-pagination-bullet-active{width:20px}
}
@media (max-width:480px){
#inc01 .group-cont .area-search .sch_area form{max-width:none;height:49px;padding:0 18px 0 20px}
#inc01 .group-cont .area-search .sch_area form input[type="text"]{font-size:13px}
#inc01 .group-cont .area-search .sch_area form button svg{font-size:16px;height:16px}
#inc01 .group-cont .area-search .btn-wrap p{text-align:center;white-space:pre-line}
#inc01 .group-cont .area-search .btn-wrap p i{display:none}
#inc01 .group-cont .area-cate ul li h3{font-size:22px}
}
/* 반응형 [e] */