@charset "utf-8";

#inc02{padding-top:155px}
#inc02 .top_wrap{margin-bottom:100px}
#inc02 .all_txt_wrap04{margin-bottom:85px}
#inc02 .tab_list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:13px;width:506px;margin:0 auto}
#inc02 .tab_list > li{display:flex;align-items:center;justify-content:center;width:160px;height:65px;border-radius:50pt;background:#e7e7e7;color:#4e5968;font-weight:700;font-size:22px;cursor:pointer;transition:all .4s}
#inc02 .tab_list > li.on{background:#4e5968;color:#fff}
#inc02 .top_img_wrap{position:relative;margin-bottom:30px;height:555px;overflow:hidden;display:flex;justify-content:center;flex-direction:column;border-radius:25px;color:#fff}
#inc02 .bg_img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
#inc02 .bg_img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1);animation:bgZoom 10s infinite linear}
#inc02 .top_img_wrap:after{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.3)}
#inc02 .top_img_wrap .txt_wrap{position:relative;z-index:1;padding-left:65px}
#inc02 .bot_wrap .top_img_wrap strong{display:block;margin-bottom:30px;line-height:1.3;font-size:35px;font-weight:700}
#inc02 .bot_wrap .top_img_wrap p{margin-bottom:35px;line-height:1.4;color:rgba(255,255,255,0.5);font-weight:500;font-size:18px}
#inc02 .bot_wrap .top_img_wrap .btn{display:flex;align-items:center;justify-content:center;width:140px;height:45px;border-radius:5px;background:var(--primary);color:#fff;font-weight:700;font-size:15px;transition:all .5s;cursor:pointer}
#inc02 .bot_wrap .bot_img_wrap{display:flex;gap:0 35px}
#inc02 .bot_wrap .bot_img_wrap .box{display:flex;justify-content:center;flex-direction:column;width:calc((100% - 35px) / 2);height:325px;padding-left:65px;border-radius:25px;overflow:hidden}
#inc02 .bot_wrap .bot_img_wrap .b_tit{line-height:1.3;font-weight:700;font-size:25px}
#inc02 .bot_wrap .bot_img_wrap .b_tit01{margin-bottom:30px}
#inc02 .bot_wrap .bot_img_wrap .left{background:#f0f1f3 url("./img/inc02_img02.png") no-repeat right bottom}
#inc02 .bot_wrap .bot_img_wrap .dot_txt > li{position:relative;padding-left:8px;line-height:1;color:rgba(34,34,34,0.5);font-weight:400;font-size:16px}
#inc02 .bot_wrap .bot_img_wrap .dot_txt > li:after{position:absolute;top:8px;left:0;content:"";display:block;width:3px;height:3px;background:var(--dark2);border-radius:50%;opacity:0.25}
#inc02 .bot_wrap .bot_img_wrap .dot_txt > li+li{margin-top:10px}
#inc02 .bot_wrap .bot_img_wrap .right{background:#eef0f2 url("./img/inc02_img03.png") no-repeat right bottom}
#inc02 .bot_wrap .bot_img_wrap .right .b_s_tit{display:block;margin-bottom:25px;color:var(--primary);font-weight:700;font-size:16px}
@keyframes bgZoom{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}
@-webkit-keyframes bgZoom{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}

/* 반응형 [s] */
@media (hover:hover){
#inc02 .tab_list > li:hover{background:#4e5968;color:#fff}
#inc02 .bot_wrap .top_img_wrap .btn:hover{background:var(--blue)}
}
@media (max-width:1200px){
#inc02{padding-top:120px}
#inc02 .top_wrap{margin-bottom:80px}
#inc02 .top_img_wrap .txt_wrap{padding-left:6%}
#inc02 .bot_wrap .bot_img_wrap .box{padding-left:6%;height:315px}
#inc02 .bot_wrap .bot_img_wrap .b_tit{font-size:23px}
}
@media (max-width:1024px){
#inc02 .tab_list > li{height:60px;width:140px;font-size:20px}
#inc02 .top_wrap{margin-bottom:70px}
#inc02 .top_img_wrap{height:470px;border-radius:20px}
#inc02 .bot_wrap .bot_img_wrap{flex-direction:column;gap:0}
#inc02 .bot_wrap .top_img_wrap strong{font-size:30px}
#inc02 .bot_wrap .bot_img_wrap .box{width:100%;height:260px;border-radius:20px;background-size:auto 100%}
#inc02 .bot_wrap .bot_img_wrap .box:nth-child(1){margin-bottom:30px}
}
@media (max-width:768px){
#inc02{padding-top:80px}
#inc02 .tab_list > li{height:50px;width:130px;font-size:18px}
#inc02 .top_wrap{margin-bottom:50px}
#inc02 .top_img_wrap{margin-bottom:20px;height:350px;border-radius:15px}
#inc02 .bot_wrap .top_img_wrap strong{margin-bottom:20px;font-size:23px}
#inc02 .bot_wrap .top_img_wrap p{margin-bottom:25px;font-size:16px}
#inc02 .bot_wrap .top_img_wrap .btn{width:125px;height:40px;font-size:14px}
#inc02 .bot_wrap .bot_img_wrap .box{height:235px;border-radius:15px}
#inc02 .bot_wrap .bot_img_wrap .box:nth-child(1){margin-bottom:20px}
#inc02 .bot_wrap .bot_img_wrap .b_tit{font-size:20px}
#inc02 .bot_wrap .bot_img_wrap .b_tit01{margin-bottom:20px}
#inc02 .bot_wrap .bot_img_wrap .right .b_s_tit{margin-bottom:15px}
}
@media (max-width:580px){
#inc02{padding-top:60px}
#inc02 .tab_list{width:100%;padding:0 30px}
#inc02 .tab_list > li{height:45px;width:120px;font-size:16px}
#inc02 .top_img_wrap{height:300px;border-radius:10px}
#inc02 .top_img_wrap .txt_wrap{display:flex;align-items:center;flex-direction:column;justify-content:center;padding-left:0;padding:0 20px;width:100%;text-align:center}
#inc02 .bot_wrap .top_img_wrap strong{margin-bottom:15px;font-size:18px}
#inc02 .bot_wrap .top_img_wrap p{margin-bottom:20px;font-size:15px}
#inc02 .bot_wrap .top_img_wrap strong br,#inc02 .bot_wrap .top_img_wrap p br{display:none}
#inc02 .bot_wrap .bot_img_wrap .box{height:210px;border-radius:10px}
#inc02 .bot_wrap .bot_img_wrap .b_tit{font-size:18px}
#inc02 .bot_wrap .bot_img_wrap .dot_txt > li,#inc02 .bot_wrap .bot_img_wrap .right .b_s_tit{font-size:15px}
}
@media (max-width:480px){
#inc02 .tab_list{gap:10px;padding:0 25px}
#inc02 .tab_list > li{height:40px;width:95px;font-size:15px}
#inc02 .top_img_wrap{min-height:280px}
#inc02 .bot_wrap .bot_img_wrap .b_tit{font-size:17px}
#inc02 .bot_wrap .bot_img_wrap .box{height:190px}
}
@media (max-width:390px){
#inc02 .tab_list{padding:0}
}
/* 반응형 [e] */