@charset "utf-8";
#inc04{position:relative;padding:120px 0 100px}
#inc04::before{position:absolute;top:0;left:0;z-index:-1;content:"";display:block;width:100%;height:673px;background:url("./img/inc04_bg.jpg") no-repeat center/cover}
#inc04 .all_tit_box4{margin-bottom:140px;text-align:center}
#inc04 .all_s_tit4{color:#fff}
#inc04 .all_b_tit4{color:#fff}
#inc04 .top{overflow-y:visible;overflow-x:hidden;margin-bottom:120px}
#inc04 .main_inner{position:relative}
#inc04 .ReviewSwiper_wrap .r_arrow_btn{position:absolute;top:40%;display:block;width:57px;height:57px;border:1px solid #fff;border-radius:50%;box-sizing:border-box;z-index:8}
#inc04 .ReviewSwiper_wrap .r_prev_btn{left:-80px;background:transparent url("./img/inc04_banner_arrow_prev.png") no-repeat center}
#inc04 .ReviewSwiper_wrap .r_next_btn{right:-80px;background:transparent url("./img/inc04_banner_arrow_next.png") no-repeat center}
#inc04 .ReviewSwiper{position:relative}
#inc04 .ReviewSwiper .swiper-slide-active{transform:translateY(-50px);z-index:2;transition:transform 0.5s ease, box-shadow 0.5s ease}
#inc04 .reviews_list > li{overflow:hidden;width:410px;border:1px solid #e1e1e1;border-radius:15px}
#inc04 .reviews_list > li > a{display:block}
#inc04 .reviews_list > li > a .img_box{overflow:hidden;position:relative;width:100%;height:286px}
#inc04 .reviews_list > li > a .img_box .img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .5s}
#inc04 .reviews_list > li > a .txt_box{padding:35px 17px 50px 30px;background:#fff;box-sizing:border-box}
#inc04 .reviews_list > li > a .top_box{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
#inc04 .reviews_list > li > a .top_box .left_txt .name{display:inline-block;margin-right:20px;margin-bottom:5px;color:#111;font-weight:700;font-size:20px}
#inc04 .reviews_list > li > a .top_box .left_txt > ul{display:flex;align-items:center}
#inc04 .reviews_list > li > a .top_box .left_txt > ul > li{color:#888;font-weight:400;font-size:14px}
#inc04 .reviews_list > li > a .top_box .left_txt > ul > li:after{content:"";display:inline-block;margin:0 8px;width:1px;height:10px;background:#e1e1e1}
#inc04 .reviews_list > li > a .top_box .left_txt > ul > li:last-child:after{display:none}
#inc04 .reviews_list > li > a .top_box .right_division{display:inline-block;padding:7px 30px;border-radius:4px;background:var(--primary);color:#fff;font-weight:600;font-size:14px}
#inc04 .reviews_list > li > a .star_box{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px}
#inc04 .reviews_list > li > a .star_box .time{color:#999;font-weight:400;font-size:15px}
#inc04 .reviews_list > li > a .bot_txt{display:-webkit-box;line-height:1.8;color:#555;font-weight:400;font-size:16px;-webkit-line-clamp:4;-webkit-box-orient:vertical;white-space:normal;height:116px;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;box-sizing:border-box}
#inc04 .all_btn{margin:50px auto 0;color:#111}
#inc04 .bot{padding:115px 0 0;border-top:1px solid #e1e1e1}
#inc04 .all_tit_box5{margin-bottom:80px;text-align:center}
#inc04 .roll_box{margin-bottom:120px}
#inc04 .marquee_wrapper{overflow:hidden;position:relative;width:100%;white-space:nowrap}
#inc04 .marquee_wrapper01{margin-bottom:27px}
#inc04 .marquee{display:inline-block;white-space:nowrap;will-change:transform;font-size:30px}
#inc04 .marquee01{animation:scroll-left linear infinite}
#inc04 .marquee02{animation:scroll-right linear infinite}
#inc04 .marquee > span{display:inline-block;justify-content:center;margin:0 23px;width:244px;height:83px;color:#222;text-align:center;font-weight:700;box-sizing:border-box}
#inc04 .marquee > span .logo_img{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px solid #f7f7f700;background-size:cover !important;background-position:center !important;font-size:16px}
@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-33.333333%)}}
@keyframes scroll-right{0%{transform:translateX(-33.333333%)}100%{transform:translateX(0)}}

#inc04 .coalition_img_wrap{margin:0 auto;width:1718px;border-radius:15px;background:url("./img/inc04_bot_img_bg.png") no-repeat center/cover}
#inc04 .coalition_inner{width:1300px;margin:0 auto}
#inc04 .coalition_inner .coalition_inner_img{padding:110px 0;background:url("./img/inc04_bot_img01.png") no-repeat right bottom}
#inc04 .coalition_inner .s_txt1{display:block;color:#fff;font-weight:700;font-size:18px}
#inc04 .coalition_inner .b_txt{display:block;margin:35px 0 75px;color:#fff;font-weight:700;font-size:40px}
#inc04 .coalition_inner .s_txt2{display:block;color:rgba(255,255,255,0.8);font-weight:400;font-size:17px}

#review_popup{display:none;z-index:110;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.4)}
#review_popup .close-btn{position:absolute;top:-30px;right:-82px;z-index:1;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:none;border-radius:4px;background:var(--primary)}
#review_popup .popup_area{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%)}
#review_popup .popup_area_inner{overflow-y:auto;padding:50px 55px 60px;width:758px;max-height:900px;border-radius:20px;background:#fff;box-sizing:border-box}
#review_popup .popup_area .pop_img{position:relative}
#review_popup .popup_area .pop_img > img{width:100%;max-width:100%}
#review_popup .popup_area .tit{margin:40px 0 25px;color:#111;font-weight:700;font-size:22px}
#review_popup .popup_area .pop_info{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid #e1e1e1}
#review_popup .popup_area .left{display:flex;align-items:center}
#review_popup .popup_area .profile{margin-right:12px}
#review_popup .popup_area .line > span:after{content:"";display:inline-block;margin:0 15px;width:1px;height:10px;background:#e1e1e1}
#review_popup .popup_area .line > span:last-child:after{display:none}
#review_popup .popup_area .name{color:#555;font-weight:500;font-size:18px}
#review_popup .popup_area .date{color:#999;font-weight:400;font-size:14px}
#review_popup .popup_area .content_txt{padding-top:30px}
#review_popup .popup_area .content_txt img{max-width:100%}

/* 반응형 [s] */
@media (hover:hover){
#inc04 .reviews_list > li > a .img_box:hover .img{transform:scale(1.1)}
}
@media (max-width:1750px){
#inc04 .coalition_img_wrap{width:95%}
}
@media (max-width:1500px){
#inc04{padding:80px 0}
#inc04 .ReviewSwiper_wrap .r_arrow_btn{display:none}
#inc04 .top{margin-bottom:80px}
#inc04 .bot{padding:80px 0 0}
#inc04 .roll_box{margin-bottom:80px}
#inc04 .coalition_inner{width:100%}
#inc04 .coalition_inner .coalition_inner_img{padding:100px 50px;background-size:40%;background-position:right 50px bottom}
}
@media (max-width:1300px){
#inc04 .reviews_list > li > a .top_box{flex-direction:column-reverse;align-items:flex-start;justify-content:flex-start}
#inc04 .reviews_list > li > a .top_box .right_division{margin-bottom:10px}
}
@media (max-width:1200px){
#inc04 .marquee > span{width:200px;height:70px;margin:0 15px}
#inc04 .all_tit_box4{margin-bottom:100px}
#inc04 .all_tit_box5{margin-bottom:50px}
#inc04 .reviews_list > li > a .star_box{margin-bottom:40px}
#inc04 .coalition_inner .coalition_inner_img{padding:80px 50px}
#inc04 .coalition_inner .b_txt{margin:30px 0 60px;font-size:30px}
}
@media (max-width:1024px){
#inc04{padding:60px 0}
#inc04 .top{margin-bottom:60px}
#inc04 .reviews_list > li > a .txt_box{padding:30px 25px 40px}
#inc04 .reviews_list > li > a .bot_txt{-webkit-line-clamp:3;height:85px}
#inc04 .bot{padding:60px 0 0}
#inc04 .roll_box{margin-bottom:60px}
#inc04 .coalition_inner .coalition_inner_img{padding:60px 40px}
#review_popup .close-btn{right:0;top:-75px}
}
@media (max-width:800px){
#review_popup .close-btn{right:15px}
#review_popup .popup_area{width:100%;padding:0 20px;box-sizing:border-box}
#review_popup .popup_area_inner{width:100%}
#review_popup .popup_area_inner{padding:40px}
}
@media (max-width:768px){
#inc04 .marquee_wrapper01{margin-bottom:25px}
#inc04 .all_btn{margin:40px auto 0}
#inc04 .reviews_list > li{border-radius:10px}
#inc04 .reviews_list > li > a .top_box{margin-bottom:25px}
#inc04 .reviews_list > li > a .top_box .right_division{padding:7px 25px}
#inc04 .reviews_list > li > a .top_box .left_txt .name{font-size:18px}
#inc04 .reviews_list > li > a .star_box{margin-bottom:30px}
#inc04 .coalition_inner{border-radius:10px;background:url("./img/inc04_bot_img_bg.png") no-repeat center/cover}
#inc04 .coalition_inner .coalition_inner_img{padding:60px 30px;background-position:right 30px bottom}
#inc04 .coalition_img_wrap{width:100%;padding:0 20px;border-radius:0px;background:transparent}
#inc04 .coalition_inner .b_txt{margin:20px 0px 30px;font-size:22px}
#inc04 .coalition_inner .s_txt1{font-size:17px}
#inc04 .coalition_inner .s_txt2{line-height:1.5;font-size:16px}
#review_popup .popup_area_inner{padding:25px 20px;max-height:600px;border-radius:10px}
#review_popup .close-btn{top:-65px;width:50px;height:50px}
#review_popup .close-btn > img{width:13px}
#review_popup .popup_area .tit{margin:20px 0;font-size:20px}
#review_popup .popup_area .profile img{width:40px}
#review_popup .popup_area .name{font-size:17px}
#review_popup .popup_area .pop_info{padding-bottom:20px}
#review_popup .popup_area .content_txt{padding-top:20px}
}
@media (max-width:580px){
#inc04{padding:50px 0}
#inc04 .marquee_wrapper01{margin-bottom:20px}
#inc04 .marquee > span{width:180px;height:60px;margin:0 10px}
#inc04 .top{margin-bottom:50px}
#inc04 .bot{padding:50px 0 0}
#inc04 .roll_box{margin-bottom:50px}
}
@media (max-width:480px){
#inc04{padding:40px 0 0}
#inc04 .marquee_wrapper01{margin-bottom:15px}
#inc04 .marquee > span{width:150px;height:50px;margin:0 8px}
#inc04 .all_tit_box4{margin-bottom:40px}
#inc04 .all_btn{margin:70px auto 0}
#inc04 .all_tit_box5{margin-bottom:40px}
#inc04 .top{margin-bottom:40px}
#inc04 .reviews_list > li > a .txt_box{padding:15px 15px 30px}
#inc04 .reviews_list > li > a .top_box .right_division{padding:5px 15px;font-size:13px}
#inc04 .reviews_list > li > a .top_box{margin-bottom:10px}
#inc04 .reviews_list > li > a .top_box .left_txt .name{font-size:16px}
#inc04 .reviews_list > li > a .top_box .left_txt > ul > li{font-size:13px}
#inc04 .reviews_list > li > a .star_box{margin-bottom:15px}
#inc04 .reviews_list > li > a .star_box .time{font-size:13px}
#inc04 .reviews_list > li > a .star_box .star_img > img{height:15px}
#inc04 .reviews_list > li > a .bot_txt{-webkit-line-clamp:2;height:51px;font-size:15px}
#inc04 .ReviewSwiper .swiper-slide-active{transform:translateY(0px)}
#inc04 .bot{padding:40px 0 0}
#inc04 .roll_box{margin-bottom:40px}
#inc04 .coalition_inner .coalition_inner_img{padding:40px 15px;background-position:right 20px bottom}
#inc04 .coalition_inner .b_txt{font-size:17px}
#inc04 .coalition_inner .s_txt1{font-size:16px}
#inc04 .coalition_inner .s_txt2{font-size:15px}
#review_popup .popup_area_inner{max-height:450px}
#review_popup .popup_area .tit{margin:15px 0;font-size:17px}
#review_popup .popup_area .profile img{width:30px}
#review_popup .popup_area .name{font-size:16px}
#review_popup .popup_area .date{font-size:13px}
#review_popup .popup_area .line > span:after{margin:0 10px}
#review_popup .popup_area .pop_info{display:block;padding-bottom:15px}
#review_popup .popup_area .pop_info .star_box{text-align:right}
#review_popup .popup_area .content_txt{padding-top:15px}
#review_popup .close-btn{top:-55px;width:45px;height:45px}
}
/* 반응형 [e] */