/*메인공통*/
#LNB{display:none;}
#Index_wrapper{overflow:hidden;position:relative;margin:0 auto;}
.full_wrap{width:100%;position:relative;}
.tit_area{display:flex;flex-direction: column;justify-content:center;align-items:center;}
.tit_area .sub_tit{font-size:26px;font-weight:700;margin-bottom:16px}
.tit_area .tit{font-size:56px;line-height:72px;font-weight:800;text-align:center;}
.particles{position:absolute;z-index:20;}
#index_fiexed_btn{display:flex;flex-direction:column;gap:8px;position:fixed;bottom:60px;right:40px;width:150px;z-index:50;}

/*=============================================================*/
/*                         Main_banner1                        */
/*=============================================================*/
#Main_banner1{padding:286px 0;background:url(../img/main/main01_bg.jpg)no-repeat center #5492ff;overflow:hidden;}
#Main_banner1 .inner{position:relative;z-index:1;}
#Main_banner1 .txt01{font-size:70px;line-height:86px;font-weight:800;color:#fff;letter-spacing:-0.03rem;}
#Main_banner1 .txt01 span{color:var(--yellow)}
#Main_banner1 .txt02_area{margin-top:60px}
#Main_banner1 .txt02{font-size:26px;line-height:36px;font-weight:700;color:#fff;}
#Main_banner1 .img_wrap{position:absolute;right:16px;top:50%;max-width:42%;transform:translateY(-50%);z-index:-1;}
#Main_banner1 .particles.p01{top:-42px;right:-60px;width:22%;z-index:9;}
#Main_banner1 .particles.p02{bottom:76px;left:-15px;width:20%;z-index:9;}
#Main_banner1 #ScrollDown{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;bottom:60px;left:50%;transform:translateX(-50%);}
#Main_banner1 #ScrollDown p{font-size:14px;font-weight:700;color:#fff;margin-bottom:10px}

/*=============================================================*/
/*                         Main_banner2                        */
/*=============================================================*/
#Main_banner2{padding:130px 0;background:url(../img/main/main02_bg.jpg)no-repeat top center;background-size: cover;}
#Main_banner2 .inner{position:relative;}
#Main_banner2 .tit_area{margin-bottom:80px;text-align:center;}
#Main_banner2 .tit_area .sub_tit{color:var(--yellow)}
#Main_banner2 .tit_area .tit{color:#fff}
#Main_banner2 ul{display:flex;justify-content:center;gap:30px}
#Main_banner2 ul li{width:calc((100% - 30px * 3) / 4);min-height:420px;padding:64px 8px;border-radius:20px;background:#fff;transition:.2s;}
#Main_banner2 ul li .item_circle{width:180px;height:180px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 40px;transition:.2s;}
#Main_banner2 ul li:nth-child(1) .item_circle{background:#FFEDDF;}
#Main_banner2 ul li:nth-child(2) .item_circle{background:#ECF3FF;}
#Main_banner2 ul li:nth-child(3) .item_circle{background:#E6F5D0;}
#Main_banner2 ul li:nth-child(4) .item_circle{background:#FFF1D6;}
#Main_banner2 ul li:hover .item_circle{background:#fff;}
#Main_banner2 ul li:nth-child(1):hover{background:#FFEDDF;}
#Main_banner2 ul li:nth-child(2):hover{background:#ECF3FF;}
#Main_banner2 ul li:nth-child(3):hover{background:#E6F5D0;}
#Main_banner2 ul li:nth-child(4):hover{background:#FFF1D6;}
#Main_banner2 ul li p{font-size:26px;line-height:36px;text-align:center;font-weight:700;word-break:keep-all;}
#Main_banner2 ul li:nth-child(1) p{color:var(--main2)}
#Main_banner2 ul li:nth-child(2) p{color:var(--blue)}
#Main_banner2 ul li:nth-child(3) p{color:var(--green2)}
#Main_banner2 ul li:nth-child(4) p{color:#EAA31A;}
#Main_banner2 .particles.p03{top:-194px;right:17px;}
#Main_banner2 .particles.p04{top:0;left:-45px}
/*=============================================================*/
/*                         Main_banner3                        */
/*=============================================================*/
#Main_banner3{overflow:hidden;}
#Main_banner3 .Main_banner3_1{padding:130px 0 0;background:url(../img/main/bg_line_snow.jpg)no-repeat top left;overflow:hidden;}
#Main_banner3 .Main_banner3_2{margin-top:-26px;padding:256px 0 130px;background:url(../img/main/bg_line_snow.svg)no-repeat top right;}
#Main_banner3 .tit_area{position:relative;margin-bottom:80px;}
#Main_banner3 .tit_area .sub_tit{color:var(--main2)}
#Main_banner3 .tit_area .tit{color:#000}
#Main_banner3 .main03_list01{display:flex;align-items:flex-start;justify-content:center;gap:40px}
#Main_banner3 .main03_list01 li{width:calc((100% - 40px * 2) / 3);text-align:center;}
#Main_banner3 .main03_list01 li p{font-size:26px;line-height:34px;color:var(--gray2);font-weight:700;}
#Main_banner3 .main03_list01 li .item_circle{position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding-bottom:100%;border-radius:50%;overflow:hidden;margin-bottom:40px;}
#Main_banner3 .main03_list01 li .item_circle img{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate(-50%, -50%);transition:.6s;}
#Main_banner3 .main03_list01 li:hover .item_circle img{transform:translate(-50%, -50%) scale(1.1);}
#Main_banner3 .main03_list01 li .tit{font-size:40px;font-weight:700;line-height:50px;margin-bottom:16px;word-break:keep-all;}
#Main_banner3 .main03_list01 li:nth-child(1) .tit{color:var(--main2)}
#Main_banner3 .main03_list01 li:nth-child(2) .tit{color:var(--green2)}
#Main_banner3 .main03_list01 li:nth-child(3) .tit{color:var(--blue)}
#Main_banner3 .particles.p05{top:-88px;right:-36px;width:46%;}
#Main_banner3 .particles.p06{bottom:190px;left:-79px;width:41%;}
#Main_banner3 .review_wraper{position:relative;width:calc(100% - 32px);max-width:1400px;padding:80px;margin:0 auto;background:var(--main2);border-radius:20px;text-align:center;}
#Main_banner3 .review_wraper .tit{position:relative;display:inline-block;font-size:56px;font-weight:800;color:#fff;margin-bottom:66.5px;}
#Main_banner3 .review_wraper .tit::before{content:'';display:block;width:50px;height:100px;background:url(../img/main/leaf.svg)no-repeat center;position:absolute;top:-16.5px;left:-87.5px}
#Main_banner3 .review_wraper .tit::after{content:'';display:block;width:50px;height:100px;background:url(../img/main/leaf.svg)no-repeat center;position:absolute;top:-16.5px;right:-87.5px;transform:scale(-1, 1);}
#Main_banner3 .review_wraper .tit span{color:var(--yellow)}
#Main_banner3 .review_wraper .swiper{position:relative;width:100%;}
#Main_banner3 .review_wraper .swiper-button-next::after,#Main_banner3 .review_wraper .swiper-button-prev::after{display:none;}
#Main_banner3 .review_wraper .swiper-button-next,
#Main_banner3 .review_wraper .swiper-button-prev{top:calc(230.5px + (100% - 310.5px) / 2 - 34px);width:68px;height:auto;margin:0;}
#Main_banner3 .review_wraper .swiper-button-next{right:-34px;}
#Main_banner3 .review_wraper .swiper-button-prev{left:-34px;}
/*#Main_banner3 .review_wraper .main03_list02{display:flex;width:100%;}*/
#Main_banner3 .review_wraper .main03_list02{display:flex;width:100%; height: auto}
#Main_banner3 .review_wraper .main03_list02 li{height:auto;padding:30px 40px;background:#fff;border-radius:20px;text-align:left;}
#Main_banner3 .review_wraper .main03_list02 li .top_txt{display:flex;align-items:center;justify-content:space-between;}
/*#Main_banner3 .review_wraper .main03_list02 li .top_txt p{font-size:18px;color:#999999;font-weight:700;}*/
#Main_banner3 .review_wraper .main03_list02 li .top_txt p{font-size:18px;color:#800080;font-weight:700;}
#Main_banner3 .review_wraper .main03_list02 li .top_txt img{width:40px;}
#Main_banner3 .review_wraper .main03_list02 li .txt_review{margin-top:20px;font-size:24px;line-height:34px;font-weight:700;color:#555;letter-spacing:-0.085rem;}
#Main_banner3 .particles.p07{top:-50px;right:157px;}
#Main_banner3 .particles.p08{top:99px;left:102px;}
/*=============================================================*/
/*                         Main_banner4                        */
/*=============================================================*/
#Main_banner4{background:#FFFAEC;overflow:hidden;padding:130px 0;display:flex;flex-direction:column;align-items:center;}
#Main_banner4 .tit_area{margin-bottom:60px;}
#Main_banner4 .tit_area .sub_tit{color:var(--main2)}
#Main_banner4 .tit_area .tit{color:var(--black)}
#Main_banner4 .Latest_news ul{display:flex;gap:31px}
#Main_banner4 .Latest_news ul li{width:calc((100% - 31px * 2) / 3);}
#Main_banner4 .Latest_news ul li a{display:block;}
#Main_banner4 .Latest_news ul li .img_area{position:relative;overflow:hidden;border-radius:20px;padding-bottom:100%;}
#Main_banner4 .Latest_news ul li .img_area img{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate(-50%, -50%);transition:.6s;}
#Main_banner4 .Latest_news ul li:hover .img_area img{transform:translate(-50%, -50%) scale(1.1);}
#Main_banner4 .Latest_news .subject{margin:24px auto 8px;font-size:24px;font-weight:700;color:var(--black)}
#Main_banner4 .Latest_news .date{font-size:16px;line-height:22px;color:var(--gray2)}
/*=============================================================*/
/*                         Main_banner5                        */
/*=============================================================*/
#Main_banner5{position:relative;background:url(../img/main/bg_line_snow.jpg)no-repeat top left;padding:130px 0;}
#Main_banner5 .tit_area{position:relative;margin-bottom:60px}
#Main_banner5 .tit_area .sub_tit{color:var(--green2)}
#Main_banner5 .tit_area .tit{color:var(--black)}
#Main_banner5 .banner_wraper{display:flex;justify-content:space-between;align-items:stretch}
#Main_banner5 .banner_wraper .left_area{display:flex;flex-direction:column;gap:30px;width:calc(50% - 15px);}
#Main_banner5 .banner_wraper .left_area a{width:100%;background:#F8F8F8;display:flex;align-items:center;justify-content:space-between;}
#Main_banner5 .banner_wraper .left_area .txt_area{flex:1;padding-bottom:10px;}
#Main_banner5 .banner_wraper a{width:calc(50% - 15px);padding:47px 60px 48px;border-radius:20px;}
#Main_banner5 .banner_wraper > a{background:var(--green);display:flex;justify-content:space-between;flex-direction:column;padding:60px;}
#Main_banner5 .banner_wraper > a .tit{color:#fff;line-height:60px;}
#Main_banner5 .banner_wraper .title{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;}
#Main_banner5 .banner_wraper .tit{position:relative;font-size:40px;font-weight:700;color:var(--black);line-height:48px;word-break:keep-all;}
#Main_banner5 .banner_wraper .student,
#Main_banner5 .banner_wraper .teacher{display:inline-block;padding:0 8px;height:27px;line-height:25px;background:#fff;border-radius:4px;font-size:14px;font-weight:700;}
#Main_banner5 .banner_wraper .student{color:var(--main2);border:1px solid var(--main2)}
#Main_banner5 .banner_wraper .teacher{color:var(--green2);border:1px solid var(--green2)}
#Main_banner5 .banner_wraper .readMore{margin-top:24px;font-size:18px;font-weight:700;color:var(--gray2);display:flex;align-items:center;}
#Main_banner5 .banner_wraper .readMore::after{content:'';display:inline-block;width:32px;height:32px;margin-left:16px;background:url(../img/icons/icon_readMore.svg)no-repeat center;}
#Main_banner5 .particles.p09{top:31px;right:16px;z-index:-1;}


@media (max-width: 1200px) {
    #Main_banner1 .txt01{font-size:50px;line-height:60px;}
    #Main_banner1 .txt02{font-size:22px;line-height:30px;}
    #Main_banner2 ul{gap:16px;}
    #Main_banner2 ul li{width:calc((100% - 16px * 3) / 4);}
    #Main_banner3 .main03_list01{gap:20px;}
    #Main_banner3 .main03_list01 li{width:calc((100% - 20px * 2) / 3);}
    #Main_banner3 .review_wraper{padding:80px 40px;}
    #Main_banner3 .review_wraper .main03_list02 li{padding:30px 24px;}
    #Main_banner5 .banner_wraper .left_area .img_area{width:100px;}
    #Main_banner5 .banner_wraper a{padding:30px 24px;}
}
@media (max-width: 1024px) {
    /*메인공통*/
    .tit_area .sub_tit{font-size:18px;line-height:21px;margin-bottom:8px}
    .tit_area .tit{font-size:26px;line-height:36px;}
    #index_fiexed_btn{display:flex;flex-direction:column;gap:4px;position:fixed;bottom:50px;right:0;z-index:99;}
    /*=============================================================*/
    /*                         Main_banner1                        */
    /*=============================================================*/
    #Main_banner1{padding:60px 0 96px;background:url(../img/main/main01_bg_m.jpg)no-repeat center #5492ff;background-size:cover;}
    #Main_banner1 .inner{padding:0 40px;}
    #Main_banner1 .txt01{font-size:30px;line-height:40px;}
    #Main_banner1 .txt02_area{margin:24px 0;}
    #Main_banner1 .txt02{font-size:18px;line-height:24px;}
    #Main_banner1 .img_wrap{position:relative;top:auto;right:0;width:130%;max-width:600px;margin-left:auto;transform:none;}
    #Main_banner1 .img01_box img{width:100%;}
    #Main_banner1 .particles.p01{top:-5%;right:18%;}
    #Main_banner1 .particles.p02{bottom:2%;left:8%;}
    #Main_banner1 #ScrollDown{bottom:40px;}
    /*=============================================================*/
    /*                         Main_banner2                        */
    /*=============================================================*/
    #Main_banner2{padding:60px 0;background:url(../img/main/main02_bg_m.jpg)no-repeat center;background-size:cover;}
    #Main_banner2 .tit_area{margin-bottom:40px}
    #Main_banner2 ul{flex-direction:column;gap:16px;}
    #Main_banner2 ul li{width:100%;min-height:0;display:flex;flex-direction:row;padding:15px 16px;justify-content:flex-start;align-items:center;gap:16px}
    #Main_banner2 ul li .item_circle{width:90px;height:90px;margin:0;}
    #Main_banner2 ul li .item_circle img{width:48px;}
    #Main_banner2 ul li p{flex:1;text-align:left;font-size:18px;line-height:26px;}
    #Main_banner2 .particles.p04{top:-36px;left:-17px;width:78px;}
    /*=============================================================*/
    /*                         Main_banner3                        */
    /*=============================================================*/
    #Main_banner3 .Main_banner3_1{padding:60px 0;background-image:none;}
    #Main_banner3 .Main_banner3_2{padding:40px 0 60px;background-image:none;}
    #Main_banner3 .tit_area{margin-bottom:40px}
    #Main_banner3 .main03_list01{align-items:center;flex-direction:column;gap:40px;}
    #Main_banner3 .main03_list01 li{width:100%;max-width:300px;}
    #Main_banner3 .main03_list01 li p{font-size:18px;line-height:26px;color:var(--gray2);font-weight:700;}
    #Main_banner3 .main03_list01 li .item_circle{margin-bottom:24px;}
    #Main_banner3 .main03_list01 li .tit{font-size:24px;margin-bottom:8px;line-height:28px;}
    #Main_banner3 .particles.p05{top:-10%;right:0;width:38%;}
    #Main_banner3 .particles.p06{left:-14%;bottom:auto;top:44%;width:34%;}
    #Main_banner3 .review_wraper{width:100%;padding:60px 0 33px;}
    #Main_banner3 .review_wraper .tit{font-size:22px;margin-bottom:41px;}
    #Main_banner3 .review_wraper .tit::before{width:30px;height:60px;top:-13px;left:-30px;background-size:cover;}
    #Main_banner3 .review_wraper .tit::after{width:30px;height:60px;top:-13px;right:-30px;background-size:cover;}
    #Main_banner3 .review_wraper .review_swiper .swiper-slide:not(.swiper-slide-active){opacity:.5;transition:0.3s ease-in;}
    #Main_banner3 .review_wraper .slide_btns{display:flex;align-items:center;justify-content:center;margin-top:14px;}
    #Main_banner3 .review_wraper .swiper-button-next,
    #Main_banner3 .review_wraper .swiper-button-prev{position:static;}
    #Main_banner3 .review_wraper .main03_list02 li{padding:24px;}
    #Main_banner3 .review_wraper .main03_list02 li .top_txt p{font-size:16px;}
    #Main_banner3 .review_wraper .main03_list02 li .txt_review{font-size:18px;line-height:26px;margin-top:10px;}
    #Main_banner3 .particles.p08{top:calc(100% - 18px);left:9%;width:82px;}
    #Main_banner3 .review_wraper .main03_list02 li .btm_txt p{font-size:16px;}
    #Main_banner3 .b02 .swiper-button-next{top:inherit;bottom:33px;right:inherit;left:50%;transform:translateX(8px);width:fit-content;height: fit-content;}
    #Main_banner3 .b02 .swiper-button-prev{top:inherit;bottom:33px;left:inherit;right:50%;transform:translateX(-8px);width:fit-content;height: fit-content;}
    /*=============================================================*/
    /*                         Main_banner4                        */
    /*=============================================================*/
    #Main_banner4{padding:63.5px 0;}
    #Main_banner4 .tit_area{margin-bottom:40px}
    #Main_banner4 .Latest_news ul{width:100%;max-width:460px;margin:0 auto;flex-direction:column;align-items: center;gap:24px;}
    #Main_banner4 .Latest_news ul li{width:100%;}
    #Main_banner4 .Latest_news .img_area{position:relative;}
    #Main_banner4 .Latest_news .subject{font-size:18px;line-height:28px;margin:16px 0 8px}
    /*=============================================================*/
    /*                         Main_banner5                        */
    /*=============================================================*/
    #Main_banner5{background:none;padding:60px 0;}
    #Main_banner5 .tit_area{margin-bottom:40px}
    #Main_banner5 .banner_wraper{width:100%;flex-direction:column;gap:16px}
    #Main_banner5 .banner_wraper .left_area{width:100%;gap:16px}
    #Main_banner5 .banner_wraper .left_area .txt_area{padding:0;}
    #Main_banner5 .banner_wraper a{width: 100%;padding:24px;}
    #Main_banner5 .banner_wraper .title{gap:8px;}
    #Main_banner5 .banner_wraper .tit{font-size:24px;line-height:28px;}
    #Main_banner5 .banner_wraper .student,
    #Main_banner5 .banner_wraper .teacher{height:25px;line-height:23px;}
    #Main_banner5 .banner_wraper .readMore{margin-top:16px;font-size:15px}
    #Main_banner5 .banner_wraper .readMore::after{width:24px;height:24px;background-size:cover;margin-left:8px}
    #Main_banner5 .banner_wraper > a .tit{font-size:24px;line-height:34px;margin-bottom:40px}
    #Main_banner5 .banner_wraper > a img{width:193px;}

}