@charset "utf-8";

#inc04{padding-bottom:160px;overflow:hidden}
#inc04 .col-2{display:flex;align-items:stretch;justify-content:space-between;gap: 25px;}
#inc04 .fl-l{max-width:1070px;width:100%}
#inc04 .group-title{justify-content:space-between !important;max-width: 1070px;width: 100%;}
#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: grid;grid-template-columns: repeat(1,1fr);gap:25px;height: 100%;}
#inc04 .fl-r a{position:relative;display:flex;flex-direction:column;justify-content:center;width: 100%;height: 100%;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:-20px;height:20px;width:50px;background-color:#fff}
#inc04 .fl-r a .arrow .radius.left::before{position:absolute;content:'';bottom:0;left:0;width:20px;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:20px;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:-20px;right:0;width:20px;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)}
}

/* 반응형 [s] */
@media (max-width:1800px){
    #inc04{padding: 0 20px 160px;}
    #inc04 .fl-r{max-width:none}
}
@media (max-width:1700px){
    #inc04 .fl-r a{background-size: 80px;background-position: center right 72px;}
}
@media (max-width:1600px){
    #inc04{padding: 0 20px 20px;}
    #inc04 .group-title{flex-direction: column;align-items: center;gap: 15px;max-width:none;}
    #inc04 .group-title h2{text-align: center;}
    #inc04 .fl-l{max-width:none;}
    #inc04 .fl-l .swiper-slide a{height: 370px;}
    #inc04 .fl-l .swiper-slide a .txt-box{padding: 35px;}
    #inc04 .fl-l .swiper-slide a .txt-box .desc{font-size: 22px;}
    #inc04 .col-2{flex-direction: column;align-items: center;gap: 20px;}
    #inc04 .fl-r ul{grid-template-columns: repeat(2,1fr);gap: 20px;}
    #inc04 .fl-r a{min-height:190px;background-position: center right 100px;}
    #inc04 .fl-r a h2{padding-bottom: 6px;font-size: 22px;}
}
@media (max-width:1400px){
#inc04 .fl-l .swiper-slide a .txt-box .cate{padding: 5px 12px;}
#inc04 .fl-l .swiper-slide a .txt-box .desc{font-size: 18px;}
#inc04 .fl-r a{min-height:170px;background-size: 75px;}
#inc04 .fl-r a h2{font-size: 20px;}
#inc04 .fl-r a .arrow svg{width: 22px;height: 22px;}
}
@media (max-width:1024px){
    #inc04 .col-2{gap: 14px;}
    #inc04 .fl-l .swiper-slide a{height: 260px;}
    #inc04 .fl-l .swiper-slide a .txt-box{padding: 24px;}
    #inc04 .fl-l .swiper-slide a .txt-box .desc{font-size: 17px;}
    #inc04 .fl-r a{min-height:164px;padding: 0 35px;background-position: top 20px right 48px;background-size: 56px;}
    #inc04 .fl-r ul{gap: 14px;}
    #inc04 .fl-r a h2{padding-bottom: 4px;font-size: 18px;}
    #inc04 .fl-r a p{font-size: 15px;}
    #inc04 .fl-r a .arrow{border-radius:32px 0 0 0}
    #inc04 .fl-r a .arrow svg{width: 20px;height: 20px;}
}
@media (max-width:768px){
    #inc04 .fl-l .swiper-slide a .txt-box .cate{gap: 8px;padding: 3px 10px;font-size: 13px;border-radius:5px}
    #inc04 .fl-l .swiper-slide a .txt-box .desc{font-size: 16px;}
    #inc04 .fl-r ul{grid-template-columns: repeat(1,1fr);}
    #inc04 .fl-r a{min-height:140px;padding: 24px;background-position: top 32px right 96px;background-size: 60px;}
    #inc04 .fl-r a h2{font-size: 16px;}
    #inc04 .fl-r a p{font-size: 14px;}
}

@media (max-width:560px){
    #inc04{padding: 0 0 20px;}
    /* #inc04 .fl-r a{background-size: 44px;background-position: top 18px right 69px;} */
    #inc04 .fl-r a h2{font-size: 16px;}
    #inc04 .fl-r{padding: 0 20px;}
}
@media (max-width:480px){
        #inc04{padding:0;}
        #inc04 .fl-l .swiper-slide a .txt-box .desc{font-size: 15px;}
        #inc04 .fl-r a.kakao, #inc04 .fl-r a.edu{background-image:none;}
        #inc04 .fl-r a .arrow{width: 54px;}
        #inc04 .fl-r a .arrow .ic-arrow{width: 42px;}
            #inc04 .fl-r a .arrow svg{width: 18px;height: 18px;}


}
@media (max-width:390px){
}
/* 반응형 [e] */