@charset "utf-8";

#inc04{padding-bottom:160px;overflow:hidden}
#inc04 .col-2{display:flex;align-items:flex-end;justify-content:space-between}
#inc04 .fl-l{max-width:1070px;width:100%}
#inc04 .group-title{justify-content:space-between !important}
#inc04 .group-title h2{white-space:pre-line;text-align:left}
#inc04 .group-title .swiper-navigation > *{background-color:#f5f5f5 !important}

/* swiper */
#inc04 .fl-l .swiper-slide{border-radius:20px;overflow:hidden}
#inc04 .fl-l .swiper-slide a{position:relative;display:block;width:100%;height:412px}
#inc04 .fl-l .swiper-slide a .thumb-box{width:100%;height:100%}
#inc04 .fl-l .swiper-slide a .thumb-box img{width:100%;height:100%;object-fit:cover;transition:transform 0.2s}
#inc04 .fl-l .swiper-slide a .txt-box{position:absolute;inset:0%;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:45px 50px;background-color:rgba(0,0,0,0.5)}
#inc04 .fl-l .swiper-slide a .txt-box .cate{display:inline-flex;gap:10px;align-items:center;width:max-content;padding:8px 15px;border-radius:10px;font-family:var(--main-font);font-size:14px;font-weight:700;color:#111;background-color:rgba(255,255,255,0.7);transition:background-color 0.2s}
#inc04 .fl-l .swiper-slide a .txt-box .cate::before{content:'';width:5px;height:5px;border-radius:50px;background-color:var(--primary)}
#inc04 .fl-l .swiper-slide a .txt-box .desc{font-family:var(--main-font);font-size:25px;font-weight:700;line-height:1.4;word-break:keep-all;color:#fff}

/* 카카오톡 상담하기 */
#inc04 .fl-r{max-width:552px;width:100%}
#inc04 .fl-r ul{display:flex;flex-direction:column;gap:25px}
#inc04 .fl-r a{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:193px;padding:0 52px;border-radius:20px;overflow:hidden;color:#111;background-repeat:no-repeat;background-position:center right 110px}
#inc04 .fl-r a h2{padding-bottom:10px;font-family:var(--main-font);font-size:25px;font-weight:700}
#inc04 .fl-r a p{font-family:var(--main-font);font-size:16px;line-height:1.4;white-space:pre-line}
#inc04 .fl-r a .arrow{position:absolute;bottom:0;right:0;display:flex;align-items:flex-end;justify-content:flex-end;width:63px;aspect-ratio:1;border-radius:var(--main-radius) 0 0 0;background-color:#fff}
#inc04 .fl-r a .arrow .ic-arrow{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:50px;aspect-ratio:1;border-radius:100px;background-color:#f5f5f5;transition:background-color 0.2s}
#inc04 .fl-r a .arrow svg{transition:transform 0.2s}
#inc04 .fl-r a .arrow .radius.left{position:absolute;bottom:0;left:-28px;height:28px;width:50px;background-color:#fff}
#inc04 .fl-r a .arrow .radius.left::before{position:absolute;content:'';bottom:0;left:0;width:28px;aspect-ratio:1;border-radius:0 0 100px 0;background-color:#f5f5f5;transition:background-color 0.2s}
#inc04 .fl-r a .arrow .radius.right::before{position:absolute;content:'';top:0;right:0;width:28px;aspect-ratio:1;border-radius:0 0 100px 0;background-color:#f5f5f5;transition:background-color 0.2s}
#inc04 .fl-r a .arrow .radius.right{position:absolute;top:-28px;right:0;width:28px;height:50px;background-color:#fff}

#inc04 .fl-r a.kakao{background-image:url(./img/ic-chat.png)}
#inc04 .fl-r a.edu{color:#fff;background-image:url(./img/ic-edu.png)}
#inc04 .fl-r a.kakao, #inc04 .fl-r a.kakao .arrow .radius.left::before, #inc04 .fl-r a.kakao .arrow .radius.right::before, #inc04 .fl-r a.kakao .arrow .ic-arrow{background-color:#fee34c}
#inc04 .fl-r a.edu, #inc04 .fl-r a.edu .arrow .radius.left::before, #inc04 .fl-r a.edu .arrow .radius.right::before, #inc04 .fl-r a.edu .arrow .ic-arrow{background-color:#75add5}

@media (hover:hover){
#inc04 .fl-l .swiper-slide a:hover .txt-box .cate{background-color:#fff}
#inc04 .fl-l .swiper-slide a:hover .thumb-box img{transform:scale(1.05)}
#inc04 .fl-r a:hover .arrow .ic-arrow svg{transform:rotate(-45deg)}
}