@charset "utf-8";
#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;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 .txt_box{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}
#inc02 .round_wrap .round_list > li .txt_box .txt{position:relative;z-index:2;font-weight:600}
#inc02 .round_wrap .round_list > li .txt_box > span{display:inline-block;margin-bottom:15px;font-size:15px}
#inc02 .round_wrap .round_list > li .txt_box > 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)}}

/* 반응형 [s] */
@media (hover:hover){
#inc02 .round_wrap .round_list > li:hover:after{opacity:1}
}
@media (max-width:1800px){
#inc02 .round_wrap .bg_round > li{max-width:initial;width:60%}
}
@media (max-width:1600px){
#inc02 .round_wrap .bg_round > li:nth-child(1){left:-7%}
#inc02 .round_wrap .bg_round > li:nth-child(3){right:-7%}
}
@media (max-width:1300px){
#inc02 .round_wrap .bg_round > li{width:55%}
#inc02 .round_wrap .bg_round > li:nth-child(1){left:-15%}
#inc02 .round_wrap .bg_round > li:nth-child(3){right:-15%}
}
@media (max-width:1200px){
#inc02{padding:0 20px}
#inc02 .round_wrap .bg_txt{font-size:250px}
#inc02 .round_wrap .bg_round > li:nth-child(1){display:none}
#inc02 .round_wrap .bg_round > li:nth-child(2){top:-20px}
#inc02 .round_wrap .bg_round > li:nth-child(3){display:none}
#inc02 .round_wrap .round_list{width:100%;margin:0px auto 100px}
#inc02 .round_wrap .round_list > li{width:calc(100% / 3);height:auto;padding-bottom:33.4%}
#inc02 .round_wrap .round_list > li .txt_box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:3}
#inc02 .round_wrap .round_list > li .txt_box > span{margin-bottom:0}
#inc02 .round_wrap .round_list > li .txt_box > strong{font-size:25px}
#inc02 .round_wrap .bot_txt{font-size:22px}
#inc02 .us_wrap .us_list{width:100%}
}
@media (max-width:1024px){
#inc02 .round_wrap{padding-top:100px}
#inc02 .round_wrap .bg_txt{font-size:200px}
#inc02 .round_wrap .bg_round > li:nth-child(2){top:-45px}
#inc02 .round_wrap .bot_txt{font-size:20px}
#inc02 .bar_wrap{margin:70px 0}
#inc02 .us_wrap .bg_txt{font-size:80px}
#inc02 .us_wrap .us_list{margin:0 auto 90px}
#inc02 .us_wrap .us_list .list04{background-position:right 25px center}
#inc02 .us_wrap .us_list .list .num_txt{font-size:25px}
#inc02 .roll_box{margin-bottom:90px}
#inc02 .marquee{font-size:25px}
#inc02 .marquee > span{margin:0 10px}
}
@media (max-width:768px){
#inc02 .round_wrap{padding-top:0}
#inc02 .round_wrap .bg_txt{display:none}
#inc02 .round_wrap .bg_round{display:none}
#inc02 .round_wrap .round_list{flex-wrap:wrap;margin:0 auto 80px}
#inc02 .round_wrap .round_list > li{height:170px;margin-bottom:15px;padding-bottom:0}
#inc02 .round_wrap .round_list > li:last-child{margin-bottom:0}
#inc02 .round_wrap .round_list > li:nth-child(n+1){width:100%;border-radius:10px;background-position:center;background-size:cover}
#inc02 .round_wrap .round_list > li .txt_box > span{font-size:14px}
#inc02 .round_wrap .round_list > li .txt_box > strong{font-size:22px}
#inc02 .round_wrap .bot_txt{font-size:18px}
#inc02 .bar_wrap{margin:50px 0}
#inc02 .us_wrap .bg_txt{font-size:60px}
#inc02 .us_wrap .us_list .list{padding:25px 20px}
#inc02 .us_wrap .us_list .list03{width:100%;margin-right:0}
#inc02 .us_wrap .us_list .list04{width:100%;background:#f5f5f5 url("/")}
#inc02 .us_wrap .us_list .list .t_txt{font-size:15px}
#inc02 .us_wrap .us_list .m_txt{position:relative;padding-left:40px;font-size:17px;display:inline-block}
#inc02 .us_wrap .us_list .m_txt:after{position:absolute;top:-10px;left:0;content:"";display:block;width:30px;height:33px;background:url("./img/inc02_icon01.png") no-repeat center/100%}
#inc02 .us_wrap .us_list .list .num_txt{font-size:22px}
#inc02 .marquee{font-size:22px}
}
@media (max-width:580px){
#inc02 .us_wrap .bg_txt{font-size:45px}
#inc02 .us_wrap .us_list{margin:0 auto 70px}
#inc02 .us_wrap .us_list .list .num_txt{font-size:20px}
#inc02 .us_wrap .us_list .list .t_txt{margin-bottom:30px}
#inc02 .us_wrap .us_list .b_txt br{display:none}
#inc02 .roll_box{margin-bottom:70px}
#inc02 .marquee{font-size:20px}
}
@media (max-width:480px){
#inc02 .round_wrap .round_list > li{height:130px}
#inc02 .round_wrap .round_list > li .txt_box > span{font-size:13px}
#inc02 .round_wrap .round_list > li .txt_box > strong{font-size:20px}
#inc02 .us_wrap .us_list .list .t_txt{margin-bottom:25px}
#inc02 .us_wrap .us_list .list .num_txt{font-size:18px}
#inc02 .marquee{font-size:18px}
}
@media (max-width:390px){
#inc02 .round_wrap .round_list > li .txt_box > strong{font-size:18px}
#inc02 .round_wrap .bot_txt{font-size:16px}
#inc02 .bar_wrap{margin:40px 0}
#inc02 .us_wrap .bg_txt{font-size:40px}
#inc02 .us_wrap .us_list .list{padding:23px 15px}
#inc02 .us_wrap .us_list .list .t_txt{margin-bottom:15px;text-align:center}
#inc02 .us_wrap .us_list .m_txt{font-size:16px}
#inc02 .us_wrap .us_list .list .num_txt{text-align:center;font-size:16px}
}
/* 반응형 [e] */