@charset "utf-8";

#inc02{position:relative;margin:0 auto 0}
#inc02 .pl{white-space:pre-line;word-break:keep-all}
#inc02 .top_cont{display:flex;width:100%;max-width:1500px;padding-bottom:110px;margin:0 auto;align-items:flex-end;justify-content:space-between}
#inc02 .top_cont .txt_box span{font-size:15px;font-weight:700;color:var(--primary);text-transform:uppercase}
#inc02 .top_cont .txt_box h3{padding:70px 0 44px 0;font-size:45px;line-height:1.2;color:#111;word-break:keep-all}
#inc02 .top_cont .pager_txt{display:flex}
#inc02 .top_cont .pager_txt p{width:max-content;height:auto;border-radius:0;font-size:17px;font-weight:600;background:none;opacity:1;transition:all .2s}
#inc02 .top_cont .pager_txt p span{display:block;padding:0 50px;line-height:55px;text-align:center;transition:all 0.3s;word-break:keep-all}
#inc02 .top_cont .pager_txt p.on{color:#fff;background:var(--primary)}
#inc02 .img_slide_wrap{margin-left:calc((100% - 1500px) / 2)}
#inc02 .img_slide{}
#inc02 .img_slide_wrap .cont_box{display:flex;flex-shrink:0;width:auto}
#inc02 .img_slide_wrap .cont_box .right{padding:94px 80px 0}
#inc02 .img_slide_wrap .cont_box .right .num{padding-bottom:44px;font-size:20px;font-weight:700;color:#111}
#inc02 .img_slide_wrap .cont_box .right .tit{padding-bottom:40px;font-size:40px;font-weight:700;line-height:1.3;color:#111;word-break:keep-all}
#inc02 .img_slide_wrap .cont_box .right a{display:flex;justify-content:center;align-items:center;gap:30px;width:165px;margin-top:50px;font-size:14px;font-weight:600;line-height:55px;color:#fff;background:var(--primary);transition:all 0.2s;cursor:pointer}
#inc02 .img_slide_wrap .cont_box .right a svg{width:18px;color:#fff}

/* 반응형 [s] */
@media (hover:hover){
#inc02 .top_cont .pager_txt p span:hover{color:#fff;background:var(--black)}
#inc02 .img_slide_wrap .cont_box .right a:hover{gap:38px}
}
@media (max-width:1780px){
#inc02 .pl{white-space:normal}
#inc02 .top_cont{max-width:unset;width:90%}
#inc02 .top_cont .pager_txt p span{padding:0 40px}
#inc02 .img_slide_wrap{margin-left:unset}
#inc02 .img_slide_wrap .cont_box .left{width:60%}
#inc02 .img_slide_wrap .cont_box .left img{width:100%;height:580px;object-fit:cover}
#inc02 .img_slide_wrap .cont_box .right{padding:40px 70px 0;width:40%}
}
@media (max-width:1380px){

#inc02 .top_cont{gap:10px;width:95%}
#inc02 .top_cont .txt_box{width:40%}
#inc02 .top_cont .txt_box h3{font-size:40px}
#inc02 .top_cont .pager_txt p{font-size:16px}
#inc02 .top_cont .pager_txt p span{padding:0 30px}
#inc02 .img_slide_wrap{}
#inc02 .img_slide_wrap .cont_box .left{width:55%}
#inc02 .img_slide_wrap .cont_box .left img{height:560px}
#inc02 .img_slide_wrap .cont_box .right{padding:50px 50px 0;width:45%}
#inc02 .img_slide_wrap .cont_box .right .num{padding-bottom:35px}
#inc02 .img_slide_wrap .cont_box .right .tit{font-size:33px}
}
@media (max-width:1024px){
#inc02 .top_cont{flex-direction:column;align-items:center;text-align:center;gap:70px;padding-bottom:80px}
#inc02 .top_cont .txt_box{width:100%}
#inc02 .top_cont .txt_box h3{padding:25px 0 20px;font-size:30px}
#inc02 .top_cont .pager_txt{width:100%}
#inc02 .top_cont .pager_txt p{width:calc(100% / 4)}
#inc02 .top_cont .pager_txt p span{padding:0px 10px}
#inc02 .img_slide_wrap{}
#inc02 .img_slide_wrap .cont_box .left{width:50%}
#inc02 .img_slide_wrap .cont_box .left img{height:500px}
#inc02 .img_slide_wrap .cont_box .right{padding:40px 40px 0;width:50%}
#inc02 .img_slide_wrap .cont_box .right .num{padding-bottom:25px;font-size:18px}
#inc02 .img_slide_wrap .cont_box .right .tit{padding-bottom:30px;font-size:28px}
#inc02 .img_slide_wrap .cont_box .right .txt{white-space:normal}
#inc02 .img_slide_wrap .cont_box .right a{gap:20px;width:160px}
#inc02 .img_slide_wrap .cont_box .right a:hover{gap:30px}
}
@media (max-width:768px){
#inc02 .top_cont{gap:45px;padding-bottom:55px}
#inc02 .top_cont .txt_box h3{padding:20px 0 15px;font-size:27px}
#inc02 .top_cont .pager_txt p{margin:auto;width:90%;font-size:15px}
#inc02 .top_cont .pager_txt p span{line-height:48px}
#inc02 .img_slide_wrap .cont_box{position:relative}
#inc02 .img_slide_wrap .cont_box .left{width:100%;filter:brightness(0.5)}
#inc02 .img_slide_wrap .cont_box .left img{height:440px}
#inc02 .img_slide_wrap .cont_box .right{display:flex;flex-direction:column;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:0px;margin:auto;width:95%;text-align:center}
#inc02 .img_slide_wrap .cont_box .right .tit{padding-bottom:20px;font-size:25px;color:#fff}
#inc02 .img_slide_wrap .cont_box .right .txt{margin:auto;width:80%;color:rgb(255, 255, 255, 0.6)}
#inc02 .img_slide_wrap .cont_box .right .num{padding-bottom:15px;font-size:16px;color:#fff}
#inc02 .img_slide_wrap .cont_box .right a{margin-top:45px;gap:18px;width:155px;line-height:53px}
#inc02 .img_slide_wrap .cont_box .right a:hover{gap:28px}
}
@media (max-width:650px){
#inc02 .top_cont .pager_txt p{width:calc(100% / 2)}
#inc02 .top_cont .pager_txt{flex-wrap:wrap}
}
@media (max-width:480px){
#inc02 .top_cont{gap:35px;padding-bottom:45px}
#inc02 .top_cont .txt_box span{font-size:14px}
#inc02 .top_cont .txt_box h3{padding:15px 0 12px;font-size:21px}
#inc02 .top_cont .pager_txt p{font-size:14px}
#inc02 .top_cont .pager_txt p span{line-height:46px}
#inc02 .img_slide_wrap .cont_box .left img{height:390px}
#inc02 .img_slide_wrap .cont_box .right .num{padding-bottom:12px;font-size:15px}
#inc02 .img_slide_wrap .cont_box .right .tit{padding-bottom:15px;font-size:21px}
#inc02 .img_slide_wrap .cont_box .right .txt{width:95%}
#inc02 .img_slide_wrap .cont_box .right a{gap:12px !important;margin-top:35px;width:142px;line-height:50px}
}
@media (max-width:380px){
#inc02 .top_cont{gap:30px;padding-bottom:40px}
#inc02 .top_cont .txt_box span{font-size:13px}
#inc02 .top_cont .txt_box h3{padding:12px 0 10px;font-size:19px}
#inc02 .top_cont .pager_txt p{font-size:13px}
#inc02 .top_cont .pager_txt p span{line-height:44px}
#inc02 .img_slide_wrap .cont_box .left img{height:370px}
#inc02 .img_slide_wrap .cont_box .right .num{padding-bottom:10px;font-size:14px}
#inc02 .img_slide_wrap .cont_box .right .tit{padding-bottom:12px;font-size:19px}
#inc02 .img_slide_wrap .cont_box .right a{gap:10px !important;margin-top:30px;width:130px;line-height:48px;font-size:13px}
}
/* 반응형 [e] */