@charset "utf-8";

#inc01 .all_tit_box{margin-bottom:15px}
#inc01 .vison_box{display:flex;justify-content:space-between;padding-bottom:65px}
#inc01 .vison_list{display:flex;justify-content:space-between;flex-wrap:wrap;width:49%}
#inc01 .vison_list > li{width:45%;margin-right:10%}
#inc01 .vison_list > li:nth-child(even){margin-right:0}
#inc01 .vison_list > li .icon{width:54px;height:54px;margin-bottom:25px;border-radius:10px}
#inc01 .vison_list > li:nth-child(1) .icon{background:var(--primary) url("./img/icon01.png") no-repeat center}
#inc01 .vison_list > li:nth-child(2) .icon{background:var(--primary) url("./img/icon02.png") no-repeat center}
#inc01 .vison_list > li:nth-child(3) .icon{background:var(--primary) url("./img/icon03.png") no-repeat center}
#inc01 .vison_list > li:nth-child(4) .icon{background:var(--primary) url("./img/icon04.png") no-repeat center}
#inc01 .vison_list > li > h3{display:inline-block;margin-bottom:25px;font-size:23px}
#inc01 .vison_list > li > p{font-size:16px;font-weight:500;line-height:1.5;color:#777}



#inc01 .all_img02{width:41%;height:530px}
#inc01 .results_wrap{padding:85px 0;background:#f2f2f2}
#inc01 .results_wrap .inner{display:flex;justify-content:space-between;align-items:center}
#inc01 .results_box{width:37%}
/* #inc01 .results_box .results_number{display:flex} */
#inc01 .results_box .results_number > li{width:100%}
#inc01 .results_box .results_number > li+li{margin-top:19px}
#inc01 .results_box .results_number > li .numbox{font-size:50px;font-family:var(--o-font);font-weight:500;color:var(--primary)}
#inc01 .results_box .results_number > li .num{font-size:60px;font-family:var(--o-font);color:var(--primary)}
#inc01 .results_box .results_number > li .txt{display:block;padding-top:5px;font-size:20px;font-weight:600;line-height:1;color:#222}
#inc01 .all_img03{width:41%;height:530px}
#inc01 .all_img03_mobile{display:none}
#inc01 .results_box .results_number > li .info_wrap{width:100%;padding-top:23px}
#inc01 .results_box .results_number > li .info_wrap p{position:relative;padding-left:20px;font-size:16px;font-weight:400;color:#777}
#inc01 .results_box .results_number > li .info_wrap p+p{margin-top:5px}
#inc01 .results_box .results_number > li .info_wrap p::before{content:"";display:inline-block;position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:100%;background:var(--primary)}
#inc01 .results_box .results_number .c_wrap{display:flex;align-items:center;gap:60px}

#inc01 .results_box .results_number .c_wrap .top_num{width:170px}
#inc01 .results_box .results_number .c_wrap .mid_num{display:block;width:91px}

/* 반응형 스타일 필수 [s] */
@media (max-width:1024px){
#inc01 .all_tit_box{width:100%;text-align:center}
#inc01 .vison_box{flex-direction:column-reverse;align-items:center}
#inc01 .vison_list{width:100%}
#inc01 .vison_list > li{display:flex;flex-direction:column;align-items:center;width:48.5%;margin-right:3%;padding:25px 10px;border:1px solid #e1e1e1;border-radius:10px}
#inc01 .vison_list > li:nth-child(n+3){margin-top:25px} 
#inc01 .vison_list > li > p{text-align:center}
#inc01 .all_img02,#inc01 .all_img03_mobile{position:relative;width:50%;height:auto;margin-bottom:40px;padding-bottom:50%}
#inc01 .all_img02 > img,#inc01 .all_img03_mobile > img{position:absolute;top:0;left:0}
#inc01 .results_wrap{padding:80px 0}
#inc01 .results_box{display:flex;flex-direction:column;align-items:center;width:100%}
#inc01 .results_box .results_number{width:100%}
#inc01 .results_box .results_number > li{display:flex;flex-direction:column;align-items:center;width:25%}
#inc01 .results_box .results_number > li .numbox{font-size:50px}
#inc01 .results_box .results_number > li .num{font-size:50px}
#inc01 .results_box .results_number > li .txt{font-size:18px}
#inc01 .all_img03_pc{display:none}
#inc01 .all_img03_mobile{display:block}
#inc01 .results_box .results_number > li{width:100%}
#inc01 .results_box .results_number .c_wrap .top_num{width:100px}
#inc01 .results_box .results_number .c_wrap{gap:50px}
#inc01 .results_box .results_number > li .info_wrap{text-align:center}
#inc01 .results_box .results_number > li+li{margin-top:35px}
#inc01 .results_box .results_number > li .info_wrap p{padding-left:0}
#inc01 .results_box .results_number > li .info_wrap p::before{display:none}
}
@media (max-width:768px){
#inc01 .vison_box{padding-bottom:60px}
#inc01 .vison_list > li .icon{display:none}
#inc01 .vison_list > li:nth-child(n+2){margin-top:20px}
#inc01 .vison_list > li{align-items:flex-start;width:100%;margin-right:0;padding:30px 25px}
#inc01 .vison_list > li > h3{position:relative;padding-left:55px}
#inc01 .vison_list > li > h3:after{display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);content:"";width:40px;height:40px;border-radius:5px}
#inc01 .vison_list > li:nth-child(1) h3:after{background:var(--primary) url("./img/icon01.png") no-repeat center/25px}
#inc01 .vison_list > li:nth-child(2) h3:after{background:var(--primary) url("./img/icon02.png") no-repeat center/23px}
#inc01 .vison_list > li:nth-child(3) h3:after{background:var(--primary) url("./img/icon03.png") no-repeat center/23px}
#inc01 .vison_list > li:nth-child(4) h3:after{background:var(--primary) url("./img/icon04.png") no-repeat center/18px}
#inc01 .vison_list > li > p{font-size:17px;text-align:left}
#inc01 .all_img02,#inc01 .all_img03_mobile{width:100%;padding-bottom:60%}
#inc01 .results_wrap{padding:60px 0}
#inc01 .results_box .results_number .c_wrap{flex-direction:column;gap:10px;text-align:center}
}
@media (max-width:480px){
#inc01 .vison_list > li {padding:20px}
#inc01 .vison_list > li > h3{margin-bottom:20px;padding-left:45px;font-size:18px}
#inc01 .vison_list > li > h3:after{width:33px;height:33px}
#inc01 .vison_list > li > p{font-size:16px}
#inc01 .vison_list > li:nth-child(1) h3:after{background-size:20px}
#inc01 .vison_list > li:nth-child(2) h3:after{background-size:18px}
#inc01 .vison_list > li:nth-child(3) h3:after{background-size:18px}
#inc01 .vison_list > li:nth-child(4) h3:after{background-size:15px}
#inc01 .results_box .results_number > li .numbox{font-size:40px}
#inc01 .results_box .results_number > li .num{font-size:40px}
#inc01 .results_box .results_number > li .txt{font-size:17px}
#inc01 .all_img02,#inc01 .all_img03_mobile{margin-bottom:30px;padding-bottom:70%}
}
/* 반응형 스타일 필수 [e] */