@charset "utf-8";

#inc01{overflow:hidden}
#inc01 .color {
  color: #114e30;
}
#inc01 .top{height:100vh;overflow:hidden;position:relative;display:flex;flex-direction:column;gap:70px;justify-content:center;align-items:center;justify-content:center;text-align:center}
.middle_holder{position:relative;width:100%;overflow:visible;height:0}
#inc01 .middle{width:100%;z-index:3}
#inc01 .middle .inner_wrap{display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%}
#inc01 .all_txt_wrap01{display:flex;align-items:center;justify-content:center;flex-direction:column}
#inc01 .all_tit01{font-size:80px}
#inc01 .all_tit01 .line{display:none}
#inc01 .all_s_tit01{opacity:1;overflow:visible;height:0;margin-top:0;word-break:keep-all} 
#inc01 .all_s_tit01.on{margin:25px 0 20px}
#inc01 .m_round_wrap{position:relative;width:100%;height:422px;margin-bottom:65px}
#inc01 .m_round_wrap:after,#inc01 .m_round_wrap::before,#inc01 .m_round_wrap .m_round_inner:after,#inc01 .m_round_wrap .m_round_inner::before{position:absolute;content:"";display:block;width:66px;height:66px;background:url("./img/inc01_line_bg.png") no-repeat center/100%}
#inc01 .m_round_wrap::after{top:0;left:0}
#inc01 .m_round_wrap::before{right:0;top:0;transform:rotate(90deg)}
#inc01 .m_round_wrap .m_round_inner:after{left:0;bottom:0;transform:rotate(-90deg)}
#inc01 .m_round_wrap .m_round_inner:before{right:0;bottom:0;transform:rotate(180deg)}
#inc01 .m_round_wrap .m_round_inner{height:100%;border-radius:211px;background:url("./img/inc01_img01.jpg") no-repeat center/cover}

#inc01 .bot{position:relative;z-index:9;margin-top:100px;padding:175px 0 155px;background:var(--sky)}
#inc01 .bot .all_txt_wrap02{margin-bottom:75px}
#inc01 .bot .b_count_wrap{display:flex;justify-content:center;margin-bottom:55px}
#inc01 .bot .b_count_list{display:flex;gap:140px}
#inc01 .bot .b_count_list > li{width:214px;text-align:center}
#inc01 .bot .b_count_list > li .num_box{margin-bottom:30px;font-weight:700;font-size:20px}
#inc01 .bot .b_count_list > li .num_box .num{font-weight:700;font-size:50px;font-family:var(--e-font)}
#inc01 .bot .b_count_list > li .txt{line-height:1.4;color:#777;font-weight:500;font-size:15px}
#inc01 .bot .b_s_txt{display:block;line-height:1.4;margin-bottom:105px;text-align:center;color:#aaa;font-weight:400;font-size:14px}
#inc01 .bot .b_slider_wrap .list{width:285px;height:400px;background:#fff;border-radius:50%;border-radius:999px}
#inc01 .bot .b_slider_wrap .list.bg{position:relative}
#inc01 .bot .b_slider_wrap .list.bg > img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}
#inc01 .bot .b_slider_wrap .list .list_inner{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding-bottom:45px}
#inc01 .bot .b_slider_wrap .s_tit{display:block;margin-bottom:20px;color:var(--primary);font-weight:700;font-size:15px}
#inc01 .bot .b_slider_wrap .txt{line-height:1.4;margin-bottom:30px;font-size:20px;font-weight:700}
#inc01 .bot .b_slider_wrap .name{display:block;margin-bottom:50px;color:#aaa;font-size:15px}
#inc01 .bot .b_slider_wrap .img_box{width:70px;height:70px;border-radius:50%}
#inc01 .en_slide{position:relative;margin:0 auto}
#inc01 .en_slide .scroll{display:flex;width:max-content;gap:70px}
#inc01 .en_slide ul{display:flex;gap:70px}
#inc01 .en_slide li{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:100px;flex-shrink:0;flex-shrink:0;text-transform:uppercase;font-weight:700;text-shadow:none;color:transparent;-webkit-text-stroke:0.5px var(--primary)}
#inc01 .en_slide .to_left .scroll{animation:marqueeLeft 130s linear infinite}
@keyframes marqueeLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}
   
/* 반응형 [s] */
@media (max-width:1500px){
#inc01 .m_round_wrap{height:clamp(250px, 28.13vw, 422px)}
#inc01 .m_round_wrap:after, #inc01 .m_round_wrap::before, #inc01 .m_round_wrap .m_round_inner:after, #inc01 .m_round_wrap .m_round_inner::before{width:clamp(30px, 4.4vw, 66px);height:clamp(30px, 4.4vw, 66px)}
}
@media (max-width:1200px){
#inc01 .bot{padding:150px 0}
#inc01 .bot .b_count_list{gap:80px}
#inc01 .bot .b_count_list > li .num_box .num{font-size:45px}
#inc01 .bot .b_slider_wrap .list{width:270px;height:379px}
#inc01 .en_slide li{font-size:90px}
}
@media (max-width:1024px){
#inc01 .m_round_wrap{margin-bottom:55px}
#inc01 .bot{margin-top:0;padding:120px 0}
#inc01 .bot .all_txt_wrap02{margin-bottom:60px}
#inc01 .bot .b_count_list{gap:60px}
#inc01 .bot .b_count_list > li{width:175px}
#inc01 .bot .b_count_list > li .num_box .num{font-size:35px}
#inc01 .bot .b_count_list > li .txt{font-size:18px}
#inc01 .bot .b_s_txt{margin-bottom:90px}
#inc01 .bot .b_slider_wrap .list{width:260px;height:365px}
#inc01 .bot .b_slider_wrap .txt{font-size:18px}
#inc01 .en_slide ul{gap:50px}
#inc01 .en_slide li{font-size:80px}
}
@media (max-width:768px){
#inc01 .all_s_tit01{line-height:1.4}
#inc01 .m_round_wrap{margin-bottom:50px}
#inc01 .bot{padding:100px 0}
#inc01 .bot .all_txt_wrap02{margin-bottom:50px}
#inc01 .bot .b_count_list{gap:30px}
#inc01 .bot .b_count_list > li .num_box .num{font-size:30px}
#inc01 .bot .b_count_list > li .txt{font-size:17px}
#inc01 .bot .b_s_txt{margin-bottom:80px}
#inc01 .bot .b_slider_wrap .list{width:210px;height:310px}
#inc01 .bot .b_slider_wrap .name{margin-bottom:30px}
#inc01 .bot .b_slider_wrap .img_box{width:60px;height:60px}
#inc01 .bot .b_slider_wrap .img_box > img{width:100%}
#inc01 .bot .b_slider_wrap .txt{font-size:17px}
#inc01 .en_slide li{font-size:70px}
}
@media (max-width:650px){
#inc01 .bot .b_count_wrap{margin-bottom:40px;width:100%}
#inc01 .bot .b_count_list{flex-direction:column;gap:15px;width:100%}
#inc01 .bot .b_count_list > li{background:#fff;width:100%;padding:20px 0;border:1px solid rgba(38,185,205,0.3);border-radius:10px}
#inc01 .bot .b_count_list > li .num_box{margin-bottom:20px;font-size:18px}
#inc01 .bot .b_count_list > li .num_box .num{font-size:28px}
#inc01 .bot .b_count_list > li .txt br{display:none}
}
@media (max-width:580px){
#inc01 .m_round_wrap{height:220px}
#inc01 .bot{padding:70px 0;margin-top:70px}
#inc01 .bot .all_txt_wrap02{margin-bottom:40px}
#inc01 .bot .b_count_wrap{margin-bottom:35px}
#inc01 .bot .b_count_list > li .num_box{margin-bottom:15px;font-size:17px}
#inc01 .bot .b_count_list > li .num_box .num{font-size:23px}
#inc01 .bot .b_count_list > li .txt{font-size:16px}
#inc01 .bot .b_s_txt{margin-bottom:60px}
#inc01 .bot .b_slider_wrap .list{width:190px;height:270px}
#inc01 .bot .b_slider_wrap .list .list_inner{padding-bottom:25px}
#inc01 .bot .b_slider_wrap .s_tit{font-size:14px}
#inc01 .bot .b_slider_wrap .txt{margin-bottom:25px;font-size:15px}
#inc01 .bot .b_slider_wrap .name{margin-bottom:25px;font-size:14px}
#inc01 .bot .b_slider_wrap .img_box{width:50px;height:50px}
#inc01 .en_slide ul{gap:40px}
}
@media (max-width:480px){
#inc01 .m_round_wrap{margin-bottom:40px;height:180px}
#inc01 .all_tit01{line-height:1.3}
#inc01 .all_tit01 .line{display:block}
#inc01 .all_s_tit01.on{margin:20px 0}
#inc01 .m_round_wrap:after, #inc01 .m_round_wrap::before, #inc01 .m_round_wrap .m_round_inner:after, #inc01 .m_round_wrap .m_round_inner::before{width:25px;height:25px}
#inc01 .bot .b_s_txt{margin-bottom:50px}
#inc01 .en_slide ul{gap:35px}
#inc01 .en_slide li{font-size:60px}
}
@media (max-width:390px){
#inc01 .m_round_wrap{margin-bottom:35px;height:160px}
#inc01 .en_slide ul{gap:30px}
#inc01 .en_slide li{font-size:45px}
}
/* 반응형 [e] */