@charset "utf-8";
#inc02 .top{position:relative;z-index:9;height:100vh;position:relative;background:#fff}
#inc02 .top .inner_top{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
#inc02 .top .top_txt{--spacer:0px;position:relative;display:flex;align-items:center;justify-content:center;height:100%;font-size:80px;font-weight:700}
#inc02 .top .top_txt > .txt{position:absolute;transform:translateY(-50%);top:50%;flex-shrink:0;white-space:nowrap;pointer-events:none}
#inc02 .top .top_txt .txt1{right:calc(100% + 25px)}
#inc02 .top .top_txt .txt2{left:calc(100% + 0px)}
#inc02 .top .top_txt > .txt .color{color:var(--primary)}
#inc02 .top .top_txt .img_box{overflow:hidden;position:relative;width:0px;height:0px;border-radius:10px;flex-shrink:0;z-index:2}
#inc02 .top .top_txt .img_box.on{margin-right:25px}
#inc02 .bot{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);overflow:hidden;height:100%}
#inc02 .bot .inner_bot{width:var(--mainsize);margin:0 auto}
#inc02 .bot .bot_list{position:relative;height:100%} 
#inc02 .bot .bot_list > li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;z-index:1;background-repeat:no-repeat;background-size:cover;background-position:center;transition:opacity .5s}
#inc02 .bot .bot_list > li.active{z-index:2}
#inc02 .bot .bot_list > li:nth-child(1){background-image:url("./img/inc02_img01.jpg")}
#inc02 .bot .bot_list > li:nth-child(2){background-image:url("./img/inc02_img02.jpg")}
#inc02 .bot .bot_list > li:nth-child(3){background-image:url("./img/inc02_img03.jpg")}
#inc02 .bot .bot_list > li:nth-child(4){background-image:url("./img/inc02_img04.jpg")}
#inc02 .bot .bot_list > li .inner_bot{position:relative;height:100%}
#inc02 .bot .bot_list > li .b_txt_box{position:absolute;top:50%;left:90px;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 0 70px;width:450px;border-radius:50px;background:rgba(255,255,255,0.8);text-align:center;opacity:0}
#inc02 .bot .bot_list > li .b_list_txt .txt{line-height:1.4;margin-bottom:30px;font-weight:500;font-size:20px}
#inc02 .bot .bot_list > li .b_list_txt .tit{display:block;margin-bottom:30px;font-weight:700;font-size:50px}
#inc02 .bot .bot_list > li .b_list_txt .s_txt{display:block;margin-bottom:50px;color:rgba(17,17,17,0.5);font-size:20px;font-weight:500}
#inc02 .bot .bot_list > li .btn_list > li > a{display:flex;align-items:center;justify-content:space-between;padding:0 25px 0 22px;width:172px;height:47px;border-radius:50pt;color:#fff;font-size:16px;background:var(--primary)}
#inc02 .bot .bot_list > li .btn_list > li+li{margin-top:10px}
#inc02 .bot .bot_list > li .btn_list > li:nth-child(1) a{background:var(--dark)}
#inc02 .bot .bot_list > li .btn_list > li a .icon{transition:transform .25s ease-out}
#inc02 .bot .bot_list > li .btn_list > li:hover a .icon{transition:none;animation:arrowMove .35s ease-out forwards}
@keyframes arrowMove{0%{transform:translateX(0)}100%{transform:translateX(6px)}}
   
/* 반응형 [s] */
@media (max-width:1500px){
#inc02 .top .top_txt{font-size:clamp(33px, 5.333vw, 80px)}
#inc02 .bot .inner_bot{width:95%}
}
@media (max-width:1200px){
#inc02 .bot .bot_list > li .b_list_txt .tit{font-size:40px}
}
@media (max-width:1024px){
#inc02 .bot .bot_list > li .b_txt_box{border-radius:30px}
#inc02 .bot .bot_list > li .b_list_txt .txt{margin-bottom:25px;font-size:23px}
#inc02 .bot .bot_list > li .b_list_txt .tit{margin-bottom:25px;font-size:35px}
#inc02 .bot .bot_list > li .b_list_txt .s_txt{margin-bottom:40px}
}
@media (max-width:768px){
#inc02 .top .top_txt{flex-direction:column;width:100%;line-height:1.4}
#inc02 .top .top_txt > .txt{position:static;transform:none}
#inc02 .top .top_txt .img_box.on{margin:10px 0}
#inc02 .bot .inner_bot{width:91%}
#inc02 .bot .bot_list > li{background-position:75%}
#inc02 .bot .bot_list > li:nth-child(2){background-position:center}
#inc02 .bot .bot_list > li .b_txt_box{width:100%;left:initial;padding:60px 15px;border-radius:20px}
#inc02 .bot .bot_list > li .b_list_txt .txt{margin-bottom:15px;font-size:20px}
#inc02 .bot .bot_list > li .b_list_txt .tit{margin-bottom:20px;font-size:30px}
#inc02 .bot .bot_list > li .b_list_txt .s_txt{margin-bottom:30px;font-size:18px}
}
@media (max-width:580px){
#inc02 .bot .bot_list > li .b_txt_box{border-radius:15px}
#inc02 .bot .bot_list > li .btn_list > li > a{height:45px;font-size:15px}
}
@media (max-width:480px){
#inc02 .bot .bot_list > li .b_txt_box{padding:50px 15px}
#inc02 .bot .bot_list > li .b_list_txt .txt{margin-bottom:10px;font-size:18px}
#inc02 .bot .bot_list > li .b_list_txt .tit{margin-bottom:15px;font-size:28px}
#inc02 .bot .bot_list > li .b_list_txt .s_txt{margin-bottom:25px;font-size:16px}
#inc02 .bot .bot_list > li .btn_list > li > a{width:160px;height:43px;font-size:14px}
}
/* 반응형 [e] */