@charset "utf-8";

#inc01{position:relative;line-height:1}
#inc01::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#f2f2f2 url("./img/inc01_bg.png")  no-repeat top 110px right/cover;border-radius:0 0 235px 0;overflow:hidden;z-index:2}
#inc01::after{content:"";height:167px;position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(90deg,#5f58ff 22%,#00f8c4 100%);background-repeat:no-repeat}
#inc01 .inner_round{position:relative}
#inc01 .inner{position:relative;padding:190px 0 167px}
#inc01 .all_txt_wrap01{position:relative;z-index:2;margin-bottom:185px}
#inc01 .all_tit01{margin-bottom:45px;font-size:60px}
#inc01 .all_b_txt01{font-size:22px}
#inc01 .all_tit01 .round{position:relative;color:var(--primary)}
#inc01 .all_tit01 .round:after{position:absolute;top:-13px;left:50%;transform:translateX(-50%);content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--primary);animation:dotBounce 1.2s ease-in-out infinite}
@keyframes dotBounce{0%{transform:translateX(-50%) translateY(0)}30%{transform:translateX(-50%) translateY(-8px)}50%{transform:translateX(-50%) translateY(0)}70%{transform:translateX(-50%) translateY(-4px)}100%{transform:translateX(-50%) translateY(0)}}
#inc01 .edu_list{position:relative;z-index:2}
#inc01 .edu_list .list{overflow:hidden;width:354px;height:453px;border-radius:25px;background:#fff;box-shadow:0 0 32px rgba(17, 17, 17, 0.1);flex-shrink:0}
#inc01 .edu_list .list .pd{padding:58px 10px 0px 35px}
#inc01 .edu_list .list .tit{display:block;margin-bottom:17px;color:#000011;font-weight:700;font-size:22px}
#inc01 .edu_list .list .txt{line-height:1.5;margin-bottom:50px;color:#777;font-size:15px;font-family:var(--s-font)}
#inc01 .edu_list .list .dot_list{margin-bottom:34px}
#inc01 .edu_list .list .dot_list > li{position:relative;margin-bottom:10px;padding-left:12px;color:var(--primary);font-weight:400;font-size:15px}
#inc01 .edu_list .list .dot_list > li:last-child{margin-bottom:0}
#inc01 .edu_list .list .dot_list > li:after{position:absolute;top:5px;left:0;content:"";display:block;width:4px;height:4px;border-radius:50%;background:var(--primary)}
#inc01 .edu_list .list .icon_box{display:flex;justify-content:flex-end}
#inc01 .edu_list .list .icon_box .round{display:block;margin-right:30px;width:138px;height:138px;border-radius:50%;background:#f2f2f2;background-repeat:no-repeat;background-position:center}
#inc01 .edu_list .list01 .icon_box .round{background-image:url("./img/inc01_icon01.png")}
#inc01 .edu_list .list02 .icon_box .round{background-image:url("./img/inc01_icon02.png")}
#inc01 .edu_list .list03 .icon_box .round{background-image:url("./img/inc01_icon03.png")}
#inc01 .edu_list .list04 .icon_box .round{background-image:url("./img/inc01_icon04.png")}
#inc01 .trophy_wrap{position:absolute;left:50%;top:35%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center}
#inc01 .top_img{display:flex;align-items:center;margin-bottom:30px}
#inc01 .top_img .top_img_txt{line-height:1.2;color:#bf8f60;text-align:center;font-weight:400;font-size:26px;font-family:var(--s-font)}
#inc01 .top_img .top_img_txt > span{font-size:30px}
#inc01 .top_img .top_img_txt > b{font-weight:700;font-size:35px}
#inc01 .inc01_slider_wrap .swiper-slide{opacity:1;transition:opacity 0.5s ease}
#inc01 .inc01_slider_wrap .swiper-slide.on{opacity:0;transition:none;pointer-events:none}

/* 반응형 [s] */
@media (max-width:1400px){
#inc01::before{border-radius:0 0 180px 0}
#inc01 .all_tit01{font-size:50px}
#inc01 .all_b_txt01{font-size:20px}
#inc01 .trophy_wrap .trophy_img > img{width:560px}
}
@media (max-width:1200px){
#inc01::before{border-radius:0 0 130px 0}
#inc01 .inner{padding:150px 0}
#inc01 .all_txt_wrap01{margin-bottom:70px}
#inc01 .all_tit01{font-size:45px}
#inc01 .all_b_txt01{font-size:18px}
#inc01 .trophy_wrap{display:none}
#inc01 .trophy_wrap .trophy_img > img{width:500px}
#inc01 .top_img .top_img_txt{font-size:23px}
#inc01 .top_img .top_img_txt > span{font-size:25px}
#inc01 .top_img .top_img_txt > b{font-size:30px}
#inc01 .top_img > img{width:65px}
#inc01 .inc01_slider_wrap .swiper-slide.on{opacity:initial;transition:initial;pointer-events:initial}
}
@media (max-width:1024px){
#inc01 .inner{padding:130px 0}
#inc01 .all_tit01{margin-bottom:35px;font-size:40px}
}
@media (max-width:768px){
#inc01::before{border-radius:0 0 100px 0}
#inc01 .inner{padding:100px 0}
#inc01 .all_txt_wrap01{margin-bottom:60px}
#inc01 .all_tit01{margin-bottom:30px;font-size:30px}
#inc01 .all_b_txt01{font-size:17px}
#inc01 .all_tit01 .round:after{width:6px;height:6px}
#inc01 .edu_list .list{border-radius:15px}
#inc01 .edu_list .list .tit{font-size:20px}
#inc01 .edu_list .list .icon_box .round{width:120px;height:120px}
#inc01 .edu_list .list01 .icon_box .round{background-size:80px auto}
#inc01 .edu_list .list02 .icon_box .round{background-size:90px auto}
#inc01 .edu_list .list03 .icon_box .round{background-size:60px auto}
#inc01 .edu_list .list04 .icon_box .round{background-size:80px auto}
}
@media (max-width:580px){
#inc01::before{border-radius:0 0 50px 0}
#inc01 .inner{padding:80px 0}
#inc01 .all_txt_wrap01{margin-bottom:50px}
#inc01 .all_tit01{margin-bottom:25px;font-size:25px}
#inc01 .all_b_txt01{font-size:16px}
#inc01 .all_tit01 .round:after{width:5px;height:5px}
}
@media (max-width:480px){
#inc01 .all_txt_wrap01{margin-bottom:40px}
#inc01 .all_tit01{margin-bottom:20px;font-size:23px}
#inc01 .edu_list .list{height:auto}
#inc01 .edu_list .list .txt{margin-bottom:30px}
#inc01 .edu_list .list .txt br{display:none}
#inc01 .edu_list .list .pd{padding:50px 15px 20px 30px}
#inc01 .edu_list .list .icon_box .round{width:100px;height:100px;margin-right:0px}
#inc01 .edu_list .list01 .icon_box .round{background-size:70px auto}
#inc01 .edu_list .list02 .icon_box .round{background-size:80px auto}
#inc01 .edu_list .list03 .icon_box .round{background-size:50px auto}
#inc01 .edu_list .list04 .icon_box .round{background-size:70px auto}
#inc01 .edu_list .list .dot_list > li{line-height:1.4}
#inc01 .edu_list .list .tit{font-size:18px}
}
/* 반응형 [e] */
