@charset "utf-8";

#inc03 .solutions_wrap{padding:40px 0 75px}
#inc03 .solutions_box{display:flex;justify-content:space-between;margin-bottom:100px}
#inc03 .service_btn{display:flex;align-items:center;justify-content:center;width:120px;height:45px;margin-top:40px;border-radius:5px;background:var(--primary);font-size:15px;font-weight:600;color:#fff;transition:all .5s}
#inc03 .check_list{width:50%;padding-left:60px;box-sizing:border-box}
#inc03 .check_list dd{position:relative;margin-top:25px;padding-left:38px;font-size:16px;font-weight:700}
#inc03 .check_list dd:after{position:absolute;top:0;left:0;content:"";display:block;width:22px;height:22px;border-radius:50%;background:#f5f5f5 url("./img/business_check.png") no-repeat center}
#inc03 .check_list dt{font-size:18px;font-weight:700;color:var(--primary)}



#inc03 .video_wrap{overflow:hidden;height:675px;border-radius:20px}
#inc03 .video_wrap video{width:100%;height:100%;object-fit:cover}
#inc03 .tab{display:flex;justify-content:space-around;align-items:center;width:715px;height:75px;margin:88px auto 75px;border-radius:10px;background:#f2f2f2;box-sizing:border-box}
#inc03 .tab > li{height:100%;box-sizing:border-box}
#inc03 .tab > li:nth-child(1) a span{background:url("./img/consulting_icon01.png") no-repeat left center}
#inc03 .tab > li:nth-child(2) a span{background:url("./img/consulting_icon03.png") no-repeat left center}
#inc03 .tab > li:nth-child(3) a span{background:url("./img/consulting_icon02.png") no-repeat left center}
#inc03 .tab > li:nth-child(4) a span{background:url("./img/consulting_icon04.png") no-repeat left center}
#inc03 .tab > li > a span{position:relative;display:inline-block;padding-left:35px;font-size:15px;line-height:75px;font-weight:500;color:#9b9b9b}
#inc03 .tab > li > a span:after{position:absolute;bottom:0px;left:50%;transform:translateX(-50%);content:"";display:block;width:100%;height:1px;background:var(--primary);opacity:0}
#inc03 .tab > li.on > a span{color:#111;font-weight:600}
#inc03 .tab > li.on > a span:after{opacity:1}
#inc03 .tab > li.on:nth-child(1) a span{background:url("./img/consulting_icon01_on.png") no-repeat left center}
#inc03 .tab > li.on:nth-child(2) a span{background:url("./img/consulting_icon03_on.png") no-repeat left center}
#inc03 .tab > li.on:nth-child(3) a span{background:url("./img/consulting_icon02_on.png") no-repeat left center}
#inc03 .tab > li.on:nth-child(4) a span{background:url("./img/consulting_icon04_on.png") no-repeat left center}
#inc03 .tab_cont{margin-bottom:80px}
#inc03 .tab_list{display:none}
#inc03 .tab_list:nth-child(1){display:block}
#inc03 .tab_list > div{display:flex;align-items:center}
#inc03 .tab_list .tab_img_wrap{width:50%;padding:22px;border-radius:20px;background:#f5f5f5;box-sizing:border-box}
#inc03 .tab_list .tab_img_wrap .tab_img_box{overflow:hidden;height:346px;border-radius:20px}
#inc03 .tab_list .tab_img_wrap .tab_img_box img{width:100%;height:100%;object-fit:cover}
#inc03 .tab_list .tab_txt{width:50%;padding-left:40px;box-sizing:border-box}
#inc03 .tab_list .tab_txt > strong{display:inline-block;margin-bottom:35px;font-size:38px;font-weight:550}
#inc03 .tab_list .tab_txt > p{font-size:20px;line-height:1.5;font-weight:500;color:#777}

/* 반응형 [s] */
@media (hover:hover){
#inc03 .service_btn:hover {background:var(--skybg)}
#inc03 .tab > li:nth-child(1):hover > a span{background-image:url("./img/consulting_icon01_on.png")}
#inc03 .tab > li:nth-child(2):hover > a span{background-image:url("./img/consulting_icon03_on.png")}
#inc03 .tab > li:nth-child(3):hover > a span{background-image:url("./img/consulting_icon02_on.png")}
#inc03 .tab > li:nth-child(4):hover > a span{background-image:url("./img/consulting_icon04_on.png")}
#inc03 .tab > li:hover > a span{color:#111;font-weight:600}
#inc03 .tab > li:hover > a span:after{opacity:1}
}
@media (max-width:1024px){
#inc03 .all_tit_box{margin-bottom:0 !important}
#inc03 .video_wrap{position:relative;height:auto;padding-bottom:65%}
#inc03 .video_wrap video{position:absolute;top:0;left:0}
#inc03 .check_list > li{line-height:1.5}
#inc03 .tab{margin:60px auto 50px}
#inc03 .tab_list .tab_img_wrap{padding:15px}
#inc03 .tab_list .tab_img_wrap .tab_img_box{position:relative;height:auto;padding-bottom:65%}
#inc03 .tab_list .tab_img_wrap .tab_img_box img{position:absolute;top:0;left:0}
#inc03 .tab_list .tab_txt{padding-left:30px}
#inc03 .tab_list .tab_txt > strong{margin-bottom:20px;font-size:30px}
#inc03 .tab_list .tab_txt > p{font-size:18px}
}
@media (max-width:768px){
#inc03{padding-bottom:60px}
#inc03 .all_tit_box{text-align:center}
#inc03 .solutions_wrap{padding:0 0 60px}
#inc03 .solutions_box{flex-direction:column;align-items:center;margin-bottom:60px}
#inc03 .service_btn{margin:40px auto}
#inc03 .check_list{width:auto;padding-left:0px}
#inc03 .tab{width:100%;height:55px}
#inc03 .tab > li{display:flex;align-items:center;justify-content:center;width:33.333333%}
#inc03 .tab > li > a span{padding-left:28px;line-height:55px}
#inc03 .tab_cont{margin-bottom:0} 
#inc03 .tab_list > div{flex-direction:column;align-items:flex-start;padding:20px 20px 30px;border-radius:20px;background:#f5f5f5}
#inc03 .tab_list .tab_img_wrap{width:100%;margin-bottom:25px;padding:0}
#inc03 .tab_list .tab_txt{width:100%;padding-left:0}
#inc03 .tab_list .tab_txt > strong{font-size:23px}
}
@media (max-width:700px){
#inc03 .tab{overflow:hidden;flex-wrap:wrap;margin:40px 0 30px;height:auto;background:transparent;border:1px solid #ccc}
#inc03 .tab > li{display:block;width:100%;background:#f2f2f2;border-bottom:1px solid #ccc}
#inc03 .tab > li:last-child{border-bottom:none}
#inc03 .tab > li > a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
#inc03 .tab > li.on{background:#fff}
#inc03 .tab > li > a span{line-height:50px}
#inc03 .tab > li > a span:after{display:none}
#inc03 .tab_list > div{padding:13px 13px 20px;border-radius:10px}
#inc03 .tab_list .tab_img_wrap .tab_img_box{padding-bottom:70%;border-radius:10px}
#inc03 .tab_list .tab_txt > strong{margin-bottom:10px;font-size:20px}
#inc03 .tab_list .tab_txt > p{font-size:16px}
}
@media (max-width:480px){
#inc03 .video_wrap{padding-bottom:75%;border-radius:10px}

}
/* 반응형 [e] */