@charset "utf-8";

#inc02{padding:110px 0 190px;background-color:rgba(37, 32, 92, 0.04)}
#inc02 .mo{display:none}
#inc02 .material-symbols-rounded{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24}

#inc02 .group-title{display:flex;flex-direction:column;align-items:center;padding-bottom:105px}
#inc02 .group-title .ic-star img{width:52px}
#inc02 .group-title .tit--en{padding-top:30px}
#inc02 .group-title .tit--l{color:#111 !important}

#inc02 .group-cont{display:flex;flex-direction:column;gap:125px}
#inc02 .office-list .head{display:flex;align-items:flex-end;justify-content:space-between;padding:0 60px 37px}
#inc02 .office-list .head .fl-l{display:flex;align-items:center;gap:26px}
#inc02 .office-list .head .fl-l h3{font-size:28px;font-weight:700;line-height:1.4;color:#111827}
#inc02 .office-list .head .fl-l .tag{display:flex;align-items:center;gap:10px}
#inc02 .office-list .head .fl-l .tag li{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--primary);border:1px solid var(--primary);background-color:#fff;border-radius:100px;padding:6px 16px}
#inc02 .office-list .head .fl-r .btn--primary{min-width:190px;padding:14px}
#inc02 .office-list .head .fl-r .btn--primary:hover{background-color:var(--primary)}

#inc02 .office-list .cont{position:relative}
#inc02 .office-list .swiper-container{margin:0 60px}
#inc02 .office-list .swiper-slide a{position:relative;display:block;border-radius:16px;overflow:hidden}
#inc02 .office-list .swiper-slide a .thumb-box{width:100%;aspect-ratio:291 / 320;overflow:hidden}
#inc02 .office-list .swiper-slide a .thumb-box img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}
#inc02 .office-list .swiper-slide a .keyword{position:absolute;top:15px;left:15px;font-size:13px;font-weight:700;color:#fff;border-radius:100px;padding:7px 14px;background-color:rgba(5,5,5,0.5);transition:background-color 0.3s}
#inc02 .office-list .swiper-slide a .text-box{display:flex;flex-direction:column;gap:10px;width:100%;padding:20px;background-color:#fff}
#inc02 .office-list .swiper-slide a .text-box .location{display:flex;align-items:center;font-size:13px;font-weight:600;color:var(--secondary)}
#inc02 .office-list .swiper-slide a .text-box .location .material-symbols-rounded{font-size:14px;transform:translateX(-2px)}
#inc02 .office-list .swiper-slide a .text-box .location .txt{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#inc02 .office-list .swiper-slide a .text-box h4{font-size:18px;font-weight:700;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#inc02 .office-list .swiper-navigation button{all:unset;position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:48px;aspect-ratio:1;border-radius:100px;background-color:#fff;border:1px solid #ebedf3;box-shadow:0 0 10px rgba(164,164,164,0.25);color:#81879D;cursor:pointer;transition:all 0.3s}
#inc02 .office-list .swiper-navigation button:hover{background-color:var(--secondary);border-color:var(--secondary);color:#fff}
#inc02 .office-list .swiper-navigation button svg{width:20px;height:20px}
#inc02 .office-list .swiper-navigation button.btn--prev{left:0}
#inc02 .office-list .swiper-navigation button.btn--prev svg{transform:translateX(-1px)}
#inc02 .office-list .swiper-navigation button.btn--next{right:0}
#inc02 .office-list .swiper-navigation button.btn--next svg{transform:translateX(1px)}

#inc02 .office-list .swiper-slide a:hover .thumb-box img{transform:scale(1.1)}
#inc02 .office-list .swiper-slide a:hover .keyword{background-color:var(--primary)}
#inc02 .swiper-pagination{display:none}

/* 반응형 [s] */
@media (max-width:1600px){
#inc02{padding:100px 0 140px}
#inc02 .group-title{padding-bottom:90px}
#inc02 .group-cont{gap:100px}
#inc02 .office-list .head{padding:0 60px 27px}
#inc02 .group-title .tit--en{padding-top:25px}
}
@media (max-width:1400px){
#inc02{padding:100px 20px 110px}
#inc02 .group-title{padding-bottom:70px}
#inc02 .group-title .ic-star img{width:45px}
#inc02 .group-title .tit--en{padding-top:22px}
#inc02 .office-list .head .fl-l{gap:16px}
#inc02 .office-list .head .fl-l h3{font-size:24px}
#inc02 .office-list .head .fl-l .tag{gap:6px}
#inc02 .office-list .head .fl-l .tag li{font-size:14px;padding:5px 13px}
#inc02 .office-list .head .fl-r .btn--primary{min-width:185px;padding:12px}
}
@media (max-width:1200px){
#inc02{padding:80px 20px 90px}
#inc02 .group-title{padding-bottom:50px}
#inc02 .group-title .ic-star img{width:38px}
#inc02 .group-title .tit--en{padding-top:20px}
#inc02 .group-cont{gap:80px}
#inc02 .office-list .head{padding:0 0 24px}
#inc02 .office-list .head .fl-l .tag{gap:4px}
#inc02 .office-list .head .fl-l .tag li{font-size:13px}
#inc02 .office-list .swiper-container{margin:0}
#inc02 .office-list .swiper-slide a .thumb-box{aspect-ratio:1}
#inc02 .office-list .swiper-slide a .text-box h4{font-size:17px}
#inc02 .office-list .swiper-navigation button{width:42px}
#inc02 .office-list .swiper-navigation button.btn--prev{left:10px}
#inc02 .office-list .swiper-navigation button.btn--next{right:10px}
}
@media (max-width:1024px){
#inc02{padding:70px 20px 80px}
#inc02 .group-title{padding-bottom:40px}
#inc02 .office-list .head{padding:0 0 16px}
#inc02 .office-list .head .fl-r .btn--primary{min-width:172px;padding:10px;font-size:14px}
#inc02 .office-list .swiper-slide a{border-radius:10px}
#inc02 .office-list .swiper-slide a .text-box h4{font-size:15px}
}
@media (max-width:768px){
#inc02{padding:60px 20px 70px}
#inc02 .group-title{padding-bottom:35px}
#inc02 .group-title .ic-star img{width:32px}
#inc02 .group-title .tit--en{padding-top:14px}
#inc02 .office-list .head .fl-l{flex-direction:column;align-items:flex-start;gap:10px}
#inc02 .office-list .swiper-slide a .keyword{top:10px;left:10px;font-size:12px;padding:5px 10px}
#inc02 .swiper-navigation{display:none}
#inc02 .swiper-pagination{display:flex;justify-content:center;gap:5px;position:static;margin-top:20px}
#inc02 .swiper-pagination .swiper-pagination-bullet{border-radius:100px;background-color:var(--secondary)}
#inc02 .group-cont .swiper-pagination .swiper-pagination-bullet-active{width:26px}
}
@media (max-width:620px){
#inc02 .office-list .head{flex-direction:column;align-items:center;gap:10px}
#inc02 .office-list .head .fl-l{flex-direction:column-reverse;align-items:center;gap:8px;width:100%}
#inc02 .office-list .head .fl-l .tag li{font-size:11px;padding:3px 11px}
#inc02 .office-list .head .fl-r .btn--primary{min-width:0;padding:10px 14px}
#inc02 .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px}
#inc02 .group-cont .swiper-pagination .swiper-pagination-bullet-active{width:20px}
}
@media (max-width:480px){
#inc02 .mo{display:block}
#inc02 .group-title{padding-bottom:50px}
#inc02 .group-title .tit--l{white-space:normal !important}
#inc02 .office-list .head{padding:0 0 25px}
#inc02 .group-cont{gap:0}
#inc02 .office-list:not(:last-child){padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #e1e1e1}
#inc02 .office-list .head .fl-r .btn--primary{font-size:13px}
#inc02 .office-list .swiper-slide a .thumb-box{aspect-ratio:4 / 3}
#inc02 .office-list .swiper-slide a .keyword{background-color:var(--primary)}
}
/* 반응형 [e] */