@charset "utf-8";

#inc01{overflow:hidden}
#inc01 .color{color:var(--primary)}
#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} 
#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:20px}
#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{background-repeat:no-repeat;background-position:center;background-size:cover}
#inc01 .bot .b_slider_wrap .list.bg01{background:url("./img/inc01_slider_img01.png")}
#inc01 .bot .b_slider_wrap .list.bg02{background:url("./img/inc01_slider_img02.png")}
#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 (hover:hover){

}
@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:1300px){


}
@media (max-width:1200px){
    #inc01 .en_slide li{font-size:90px;}
    #inc01 .bot .b_count_list > li .num_box .num{font-size:45px;}
    #inc01 .bot .b_count_list{gap:80px;}
    #inc01 .bot{padding:150px 0;}
    #inc01 .bot .b_slider_wrap .list{width:270px; height:379px;}
}


@media (max-width:1024px){
    #inc01 .en_slide ul{gap:50px;}
    #inc01 .en_slide li{font-size:80px;}
    #inc01 .m_round_wrap{margin-bottom:55px;}
    #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_count_list{gap:60px;}
    /* #inc01 .bot .b_count_list > li{width:calc(100%/3);} */
    #inc01 .bot .b_count_list > li{width:175px;}
        #inc01 .bot{padding:120px 0;}
        #inc01 .bot .all_txt_wrap02{margin-bottom:60px;}
#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;}

}
@media (max-width:768px){
#inc01 .all_s_tit01{line-height:1.4;}
    #inc01 .en_slide li{font-size:70px;}
    #inc01 .m_round_wrap{margin-bottom:50px;}

    #inc01 .bot .b_count_list > li .num_box .num{font-size:30px;}
#inc01 .bot .b_count_list{gap:30px;}
#inc01 .bot .b_count_list > li .txt{font-size:17px;}

  #inc01 .bot{padding:100px 0;}
        #inc01 .bot .all_txt_wrap02{margin-bottom:50px;}

        #inc01 .bot .b_slider_wrap .list{width:230px; height:330px;}
        #inc01 .bot .b_slider_wrap .name{margin-bottom:30px;}
        #inc01 .bot .b_slider_wrap .img_box > img {width:100%;}
        #inc01 .bot .b_s_txt{margin-bottom:80px;}
        #inc01 .bot .b_slider_wrap .txt{font-size:17px;}
        #inc01 .bot .b_slider_wrap .img_box{width:60px; height:60px;}
        


}
@media (max-width:650px){
    
    #inc01 .bot .b_count_list{flex-direction:column; width:100%;}
    #inc01 .bot .b_count_wrap{}

    #inc01 .bot .b_count_wrap{margin-bottom:40px; width:100%;}
    #inc01 .bot .b_count_list{gap:15px;}
    #inc01 .bot .b_count_list > li .txt br{display:none;}
    #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;}
 
}


@media (max-width:580px){
    #inc01 .m_round_wrap{height:220px;}
    #inc01 .en_slide ul{gap:40px;}
      #inc01 .bot{padding:70px 0; margin-top:70px;}
          #inc01 .bot .b_count_wrap{margin-bottom:35px;}
      #inc01 .bot .all_txt_wrap02{margin-bottom:40px;}
      #inc01 .bot .b_count_list > li .num_box .num{font-size:23px;}
      
    #inc01 .bot .b_count_list > li .num_box{margin-bottom:15px; font-size:17px;}
    #inc01 .bot .b_count_list > li .txt{font-size:16px;}
        #inc01 .bot .b_slider_wrap .list{width:200px; height:280px;}

#inc01 .bot .b_slider_wrap .list .list_inner{padding-bottom:25px;}
#inc01 .bot .b_slider_wrap .txt{font-size:16px;}
#inc01 .bot .b_s_txt{margin-bottom:60px;}
#inc01 .bot .b_slider_wrap .txt{margin-bottom:25px; font-size:15px;}
#inc01 .bot .b_slider_wrap .name{margin-bottom:25px;}
#inc01 .bot .b_slider_wrap .img_box{width:50px; height:50px;}
#inc01 .bot .b_slider_wrap .s_tit{font-size:14px;}
#inc01 .bot .b_slider_wrap .name{font-size:14px;}
}
@media (max-width:480px){
#inc01 .all_tit01{line-height:1.3;}
#inc01 .all_tit01 .line{display:block;}
 #inc01 .m_round_wrap{margin-bottom:40px; height:180px; }
 
 #inc01 .all_s_tit01.on{margin:20px 0;}
    #inc01 .en_slide ul{gap:35px;}

    #inc01 .en_slide li{font-size:60px;}
#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;}
}
@media (max-width:390px){
 #inc01 .m_round_wrap{height:160px;}
 /* .m_sh_wrapper .all_s_tit{font-size:15px;} */
 #inc01 .m_round_wrap{margin-bottom:35px;}
 #inc01 .en_slide ul{gap:30px;}
    #inc01 .en_slide li{font-size:55px;}


}
/* 반응형 [e] */