@charset "utf-8";
#inc02 .top{height:100vh;position:relative}
#inc02 .top .inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
#inc02 .top .top_txt{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:100px;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{width:var(--mainsize)}
#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{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:25px}
#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:all .5s}
#inc02 .bot .bot_list > li .btn_list > li:hover a .icon{animation:arrowMove 0.8s ease-in-out forwards}
@keyframes arrowMove{0%{transform:translateX(0)}100%{transform:translateX(6px)}}