@charset "utf-8";

#inc03{position:relative;padding:147px 0 190px}
#inc03::before{position:absolute;content:'';inset:0%;width:100%;height:100%;background-image:url(./img/inc03_bg.jpg);background-repeat:no-repeat;background-size:cover;opacity:0.5;pointer-events:none}
#inc03 .group-title{position:relative;z-index:1;align-items:flex-start !important;text-align:left !important;padding-bottom:78px}
#inc03 .group-cont{position:relative;z-index:1}
#inc03 .group-cont .col-2{display:flex;gap:18px;margin-bottom:74px}

#inc03 .group-cont .youtube{display:flex;flex-direction:column;align-items:center;min-width:0;max-width:812px;width:100%;padding:25px 34px 53px;box-shadow:0 0 30px 10px rgba(212,212,212,0.3);border-radius:10px}
#inc03 .group-cont .youtube .video-slide{width:100%;aspect-ratio:16 / 9}
#inc03 .group-cont .youtube .video-slide .swiper-slide{width:100%;background-color:rgba(255,255,255,0.28);box-sizing:border-box}
#inc03 .group-cont .youtube button{all:unset;cursor:pointer}
#inc03 .group-cont .youtube .thumb{overflow:hidden;border-radius:6px}
#inc03 .group-cont .youtube .thumb img{width:100%;height:100%;object-fit:cover}

#inc03 .group-cont .youtube .text-slide{width:100%}
#inc03 .group-cont .youtube .video_txt{position:relative;width:100%;padding-top:53px;text-align:center}
#inc03 .group-cont .youtube .video_txt .quotes{position:absolute;top:30px;width:30px}
#inc03 .group-cont .youtube .video_txt .quotes01{left:27%}
#inc03 .group-cont .youtube .video_txt .quotes02{right:27%}
#inc03 .group-cont .youtube .video_txt h4{font-family:var(--batang-font);font-size:28px;line-height:1.35;white-space:pre-line;color:#4b433d}
#inc03 .group-cont .youtube .video_txt h4 b.point{color:var(--primary);font-weight:400}

#inc03 .group-cont .review{position:relative;display:flex;flex-direction:column;max-width:568px;width:100%;border-radius:10px;overflow:hidden;background-color:#fff;box-sizing:border-box;box-shadow:0 0 30px 10px rgba(212, 212, 212, 0.3)}
#inc03 .group-cont .review .swiper{width:100%;height:100%}
#inc03 .group-cont .review .swiper-slide{width:100%}
#inc03 .group-cont .review .link-review{display:flex;flex-direction:column;gap:20px;width:100%;height:100%;padding:35px 36px 0}
#inc03 .group-cont .review .link-review .head{display:flex;align-items:center;justify-content:space-between}
#inc03 .group-cont .review .link-review .head .text{display:flex;flex-direction:column;gap:12px}
#inc03 .group-cont .review .link-review .head .ic-star{display:flex}
#inc03 .group-cont .review .link-review .head .ic-star img{width:23px}
#inc03 .group-cont .review .link-review .head .name{font-family:var(--batang-font);font-size:20px;font-weight:700;line-height:1.3;color:#111}
#inc03 .group-cont .review .link-review .head img{width:65px}
#inc03 .group-cont .review .link-review .content .desc{display:-webkit-box;-webkit-line-clamp:16;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.7;white-space:pre-line;word-break:keep-all;color:#666}
#inc03 .group-cont .review .swiper-pagination{position:static;padding-bottom:35px}
#inc03 .group-cont .review .swiper-pagination-bullet{background-color:var(--primary)}
#inc03 .group-cont a.link{max-width:369px;margin:0 auto}

/* 반응형 [s] */
@media (max-width:1600px){
#inc03{padding:120px 0 140px}
#inc03 .group-title{padding-bottom:70px}
}
@media (max-width:1400px){
#inc03{padding:100px 20px 120px}
#inc03 .group-title{padding-bottom:50px}
#inc03 .group-cont .review{max-width:520px}
#inc03 .group-cont .youtube .video_txt{padding-top:38px}
#inc03 .group-cont .youtube .video_txt h4{font-size:26px}
#inc03 .group-cont .youtube .video_txt .quotes{top:28px}
#inc03 .group-cont .review .link-review .content .desc{-webkit-line-clamp:15;margin-bottom:30px}
}
@media (max-width:1300px){
#inc03 .group-cont .review .link-review .content .desc{-webkit-line-clamp:12}
#inc03 .group-cont .youtube .video_txt .quotes01{left:24%}
#inc03 .group-cont .youtube .video_txt .quotes02{right:24%}
#inc03 .group-cont .review{max-width:480px}
}
@media (max-width:1200px){
#inc03 .group-cont .col-2{margin-bottom:60px}
#inc03 .group-cont .youtube{padding:25px 24px 50px}
#inc03 .group-cont .review{max-width:420px}
#inc03 .group-cont .review .link-review{padding:26px 28px 0}
#inc03 .group-cont .review .link-review .head .ic-star img{width:20px}
#inc03 .group-cont .review .link-review .head .name{font-size:18px}
#inc03 .group-cont .review .link-review .head img{width:58px}
#inc03 .group-cont .youtube .video_txt{padding-top:30px}
#inc03 .group-cont .youtube .video_txt h4{font-size:22px}
#inc03 .group-cont .youtube .video_txt .quotes{top:26px;width:25px}
#inc03 .group-cont .youtube .video_txt .quotes01{left:25%}
#inc03 .group-cont .youtube .video_txt .quotes02{right:25%}
}
@media (max-width:1100px){
#inc03 .group-cont .review{max-width:370px}
}
@media (max-width:1024px){
#inc03{padding:80px 20px 100px}
#inc03 .group-title{padding-bottom:30px;align-items:center !important;text-align:center !important}
#inc03 .group-cont .col-2{flex-direction:column;margin-bottom:50px}
#inc03 .group-cont .youtube{max-width:none;padding:25px 24px 36px}
#inc03 .group-cont .review{max-width:none;padding:30px 20px 0}
#inc03 .group-cont .review .swiper-slide{border:1px solid #ebebeb;border-radius:10px}
#inc03 .group-cont .review .link-review{padding:26px 28px}
#inc03 .group-cont .review .link-review .content .desc{margin-bottom:0;-webkit-line-clamp:8}
#inc03 .group-cont .review .swiper-pagination{padding:30px 0}
#inc03 .group-cont .youtube .video_txt .quotes{top:20px}
#inc03 .group-cont .youtube .video_txt .quotes01{left:30%}
#inc03 .group-cont .youtube .video_txt .quotes02{right:30%}
}
@media (max-width:768px){
#inc03{padding:60px 20px 80px}
#inc03 .group-cont .col-2{margin-bottom:40px}
#inc03 .group-cont .youtube{padding:20px 20px 30px}
#inc03 .group-cont .youtube .video_txt h4{font-size:20px}
#inc03 .group-cont .youtube .video_txt .quotes01{left:26%}
#inc03 .group-cont .youtube .video_txt .quotes02{right:26%}
#inc03 .group-cont .review{padding:20px 20px 0}
#inc03 .group-cont .review .link-review{gap:10px;padding:20px 18px}
#inc03 .group-cont .review .link-review .head{flex-direction:column-reverse;align-items:flex-start;gap:12px}
#inc03 .group-cont .review .link-review .head .text{gap:9px}
#inc03 .group-cont .review .link-review .head .ic-star img{width:15px}
#inc03 .group-cont .review .link-review .head .name{font-size:16px}
#inc03 .group-cont .review .link-review .head img{width:45px}
#inc03 .group-cont .review .link-review .content .desc{font-size:14px;-webkit-line-clamp:4}
#inc03 .group-cont .review .swiper-pagination{padding:24px 0}
}
@media (max-width:580px){
#inc03 .group-cont .youtube .video_txt .quotes01{left:20%}
#inc03 .group-cont .youtube .video_txt .quotes02{right:20%}
}
@media(max-width:520px){
#inc03{padding:50px 20px 70px}
#inc03 .group-title{padding-bottom:20px}
#inc03 .group-cont .col-2{gap:14px}
#inc03 .group-cont .youtube{padding:20px 20px 26px}
#inc03 .group-cont .youtube .video_txt{padding-top:26px}
#inc03 .group-cont .youtube .video_txt h4{font-size:16px}
#inc03 .group-cont .youtube .video_txt .quotes{width:20px}
#inc03 .group-cont .review .link-review{gap:15px}
#inc03 .group-cont .review .link-review .head{flex-direction:row;align-items:center}
#inc03 .group-cont .review .link-review .content .desc{-webkit-line-clamp:3}
#inc03 .group-cont a.link{max-width:none}
}
@media (max-width:390px){
#inc03 .group-cont .youtube .video_txt .quotes{display:none}
}
/* 반응형 [e] */