@charset "utf-8";
#inc02{min-width:1700px}
#inc02 .round_wrap{position:relative;padding-top:170px}
#inc02 .round_wrap .bg_txt{position:absolute;top:-90px;left:50%;transform:translateX(-50%);width:100%;font-size:300px;font-family:var(--main-font);color:rgba(17,17,17,0.05);text-align:center}
#inc02 .round_wrap .bg_round{position:absolute;width:100%;top:16%;left:50%;transform:translateX(-50%)}
#inc02 .round_wrap .bg_round > li{position:absolute;min-width:1000px}
#inc02 .round_wrap .bg_round > li > img{width:100%}
#inc02 .round_wrap .bg_round > li:nth-child(1){left:0;z-index:3}
#inc02 .round_wrap .bg_round > li:nth-child(2){top:20px;left:50%;transform:translateX(-50%);z-index:2}
#inc02 .round_wrap .bg_round > li:nth-child(3){right:0;z-index:3}
#inc02 .round_wrap .round_list{display:flex;width:1115px;margin:50px auto 115px}
#inc02 .round_wrap .round_list > li{overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:370px;height:370px;border-radius:50%;color:#fff}
#inc02 .round_wrap .round_list > li:nth-child(1){background:url("./img/inc02_img01.jpg")}
#inc02 .round_wrap .round_list > li:nth-child(2){background:url("./img/inc02_img02.jpg")}
#inc02 .round_wrap .round_list > li:nth-child(3){background:url("./img/inc02_img03.jpg")}
#inc02 .round_wrap .round_list > li:after{opacity:0;position:absolute;top:0;left:0px;content:"";display:block;width:100%;height:100%;background:var(--emerald);transition:all .5s;z-index:1}
#inc02 .round_wrap .round_list > li:hover:after{opacity:1}
#inc02 .round_wrap .round_list > li > .txt{position:relative;z-index:2;font-weight:600}
#inc02 .round_wrap .round_list > li > span{ display:inline-block;margin-bottom:15px;font-size:15px}
#inc02 .round_wrap .round_list > li > strong{font-size:30px}
#inc02 .round_wrap .bot_txt{position:relative;font-size:25px;text-align:center;font-weight:600;color:#111;z-index:1}
#inc02 .bar_wrap{position:relative;width:100%;height:55px;margin:90px 0}
#inc02 .bar_wrap:after{position:absolute;bottom:0;left:0;display:block;content:'';width:100%;height:30px;background:linear-gradient(to top, rgb(255, 255, 255), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0))}
#inc02 .scroll_down{display:flex;flex-wrap:wrap;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:100%;text-align:center;font-size:0;color:#fff}
#inc02 .scroll_down .line_wrap{position:relative;width:100%}
#inc02 .scroll_down .line_wrap span{display:inline-block}
#inc02 .scroll_down .line_wrap span.line{position:relative;width:2px;height:55px;background-color:#fff}
#inc02 .scroll_down .line_wrap span.line::after{position:absolute;top:0;left:0;width:100%;height:0%;content:'';animation:barscroll 2.5s infinite linear;background:linear-gradient(180deg, var(--emerald),#00b09b)}
@keyframes barscroll{0%{height:0%}100%{height:100%}}
#inc02 .us_wrap .bg_txt{margin-bottom:30px;font-size:100px;font-family:var(--main-font);color:rgba(17,17,17,0.05);text-align:center;line-height:1}
#inc02 .us_wrap .us_list{display:flex;flex-wrap:wrap;width:930px;margin:0 auto 95px}
#inc02 .us_wrap .us_list .list{margin-right:2%;padding:30px 25px;border-radius:10px;color:#fff;line-height:1}
#inc02 .us_wrap .us_list .list:nth-child(2n){margin-right:0}
#inc02 .us_wrap .us_list .list:nth-child(n+3){margin-top:10px}
#inc02 .us_wrap .us_list .list01{width:49%;background:#f5f5f5;color:#111}
#inc02 .us_wrap .us_list .list02{width:49%;background:var(--emerald)}
#inc02 .us_wrap .us_list .list03{width:25%;background:#00b09b;color:#fff}
#inc02 .us_wrap .us_list .list04{width:73%;background:#f5f5f5 url("./img/inc02_icon01.png") no-repeat right 48px center;color:#111}
#inc02 .us_wrap .us_list .list .t_txt{display:block;margin-bottom:35px;font-size:16px;font-weight:600}
#inc02 .us_wrap .us_list .list .num_txt{display:block;font-size:28px;font-family:var(--main-font);text-align:right}
#inc02 .us_wrap .us_list .m_txt{display:block;margin:10px 0 18px;font-size:18px;font-weight:700}
#inc02 .us_wrap .us_list .b_txt{font-size:14px;line-height:1.4;font-weight:500;color:#777}
#inc02 .roll_box{margin-bottom:130px}
#inc02 .marquee_wrapper{overflow:hidden;position:relative;width:100%;white-space:nowrap}
#inc02 .marquee{display:inline-block;white-space:nowrap;will-change:transform;font-size:30px}
#inc02 .marquee01{animation:scroll-left linear infinite}
#inc02 .marquee02{animation:scroll-right linear infinite}
#inc02 .marquee > span{margin:0 15px;font-weight:600;color:rgba(17,17,17,.1)}
@keyframes scroll-left{0%{transform:translateX(0)}100%{ transform:translateX(-50%)}}
@keyframes scroll-right{0%{transform:translateX(-50%)}100%{ transform:translateX(0)}}