:root {  
  --color-Main : #30cacb;
    --color-BG : #F7F8FD;
    --color-purple : #3E298C;

    --color-secondary:#7E5Edf;
    --color-purple-p20:#ae9be9;
    --color-purple-p40:#6832d4;

    --color-p5:#e7f4f8;
    --color-p20: #8fe8e9;
    --color-p40: #07b1b2;
  
    --color-gray-g5: #f7f9fa;
    --color-gray-g10-bg: #f2f4f6;
    --color-gray-g20: #e7ebf2;
    --color-gray-g30-stroke: #d0d6e1;
    --color-gray-g40-placeholder: #c1c8d3;
    --color-gray-g50: #a4abb6;
    --color-gray-g60: #71767e;
    --color-gray-g70: #4b4b4b;
    --color-gray-g80: #303030;
    --color-gray-g90-darkfont: #1a1a1a;
    --color-gray-g100-darkbg: #11082c;

    --color-character-woody: #25B6E3;
    --color-character-woody-sub:#D3F5FE;
    --color-character-luri: #FD6C93;
    --color-character-luri-sub: #FFDEEE;
}

/* 메인페이지 관련 CSS */
.mint_bg{background-color: #e7f4f8;}
.purple_bg{background-color: #f6f5ff;}
.gray_bg{background-color: var(--color-BG);}
.mainColor_bg{background-color: var(--color-Main);}
.inner .title_wrap.white *{color: #fff;}
/* visual 메인*/
#visual{padding-top: 80px; position: relative;}
#visual img{width: 100%; height: 540px; object-fit: cover;
  object-position: center;
  display: block;}
#visual .inner{z-index: 2;position: absolute;padding: 0;left: 50%;transform: translate(-50%, -50%);top: 48%;}
#visual .visual_text_wrap{ color: #fff;}
#visual .visual_text_wrap .visual_contents{ font-size: 36px; margin-bottom:20px;color: #fff;}
#visual .visual_text_wrap .visual_title{ font-size: 50px; font-family: 'Pretendard_B';color: #fff; line-height: 130%;}
#visual .gradient_banner{position: absolute;width: 100%; height: 100%; top: 0; z-index: 1; left: 0; background: linear-gradient(90deg, #8F969A -0.96%, rgb(143 150 154 / 94%) 32.93%, rgba(160, 145, 140, 0.60) 43.59%, rgba(160, 145, 140, 0.26) 51.37%, rgba(160, 145, 140, 0.00) 55.26%);}
/* #visual img{background: url('../img/con5.png') no-repeat center / 100%; background-size: cover;} */

#visual .main_visual_text_inner {top:190px }
#visual .main_visual_text_inner .visual_text_wrap{ color: #fff;}
#visual .slide_2 .visual_text_wrap .visual_contents{color: var(--color-purple-p20);}

#visual .swiper-pagination-bullet{transition: 0.3s; height: 3px; width: 15px; border-radius: 0; background-color: var(--color-p40);}
.mo_white{color: #fff;}
#visual .swiper-pagination-progressbar{bottom: 0; top: auto; width: 30%;
left: 50%; transform: translateX(-50%);}

/*section_1 학원 운영*/
#section_1{background-color: var(--color-BG);}
#section_1 .box_grid{display: grid; grid-template-columns: 1fr 1fr; gap: 24px;}
#section_1 .box_grid .box{width: 100%; display: flex; flex-direction: column;justify-content: center; align-items: center; text-align: center; background-color: #fff; padding: 20px; border-radius: 20px; max-width: 300px;}
/* #section_1 .box_grid .box br{display: none;} */
#section_1 .box_grid .box img{width: 60px; margin-bottom: 16px;}
#section_1 .box_grid .box p{font-family: 'Pretendard_SB'; font-size: 30px;}


/*section_2 띠배너*/
#section_2{ position: relative;}
#section_2 img{width: 100%;}
#section_2 .line_banner{ color: #fff; position: absolute;transform: translate(-10%,-20%); left: 50%; top: 50%; font-size: 40px; font-family: 'Pretendard_B'; line-height: 140%; }
#section_2 .line_banner span{color: var(--color-Main);}

/*section_3 예습부터 복습까지*/
#section_3 .focus_elea{ align-items: center; margin-bottom: 40px;}
#section_3 .focus_elea:last-child {margin-bottom: 0;}
#section_3 .focus_elea .img_wrap{width: 520px; overflow: hidden; height: 290px; border-radius: 20px;}
#section_3 .focus_elea .img_wrap img{width: 100%; object-fit: cover;}
#section_3 .focus_elea .img_wrap video{width: 100%;}

#section_3 .contents_wrap .contents_title{font-size: 36px; margin-bottom: 24px; font-family: 'Pretendard_B';}
#section_3 .contents_wrap .contents_sub{ font-size: 24px;}
#section_3 .contents_wrap .contents_sub p{ margin-bottom: 5px;}
#section_3 .contents_wrap .contents_sub p span{ font-family: 'Pretendard_SB'; }

#section_3 .inner .focus_elea:nth-child(1){width: 700px;}

/*section_4 */
#section_4{background-color: var(--color-BG);}
#section_4 .box_grid{display:grid; grid-template-columns: 1fr 1fr; gap: 40px;}
#section_4 .box_grid .box{background-color: #fff; padding-bottom:40px; border-radius: 20px; overflow: hidden; text-align: center;}
#section_4 .box_grid .box .box_title{margin-top: 40px; font-size: 36px; font-family: 'Pretendard_B'; margin-bottom: 16px;}
#section_4 .box_grid .box p{font-size: 28px;}



/*section_6 상담신청*/
#section_6{ min-height: 935px; background: url('../img/con5.png') no-repeat center / 100%; background-size: cover;}
#section_6 .inner {flex-direction: column;}
#section_6 .inner .title_wrap .title_main{color: var(--color-purple);}
#section_6 .form{background: #fff; border-radius: 20px; padding: 60px 100px; width: 100%; box-shadow: 0px 6px 20px 5px rgba(123, 142, 141, .35); position: relative; z-index: 5;}
#section_6 .form_title{font-size: 21px; font-family: 'Pretendard_B'; line-height: 150%; color: var(--color-purple); margin-bottom: 10px; border-bottom: 1px solid var(--color-gray-g30-stroke); padding-bottom: 30px;}
#section_6 .etc{color: #fe2a74; text-align: right; margin-bottom: 10px; padding-top: 40px;}
#section_6 .form_input_wrap{display: flex; flex-direction: column; gap: 30px;}
#section_6 .form_input_wrap .input_wrap{position: relative;}
#section_6 .form_input_wrap .input_wrap input,
#section_6 .form_input_wrap .input_wrap select{ font-size: 16px; font-family: 'Pretendard_M';  width: 100%; border-radius: 6px; padding: 16px 18px; border: 1px solid var(--color-gray-g30-stroke);}
#section_6 .form_input_wrap .input_wrap input::placeholder {color: var(--color-gray-g40-placeholder); font-family: 'Pretendard'; }
#section_6 .form_input_wrap .input_wrap select option{padding: 10px;font-size: 15px;border: none; background: #fff;color: #333;}
#section_6 .form_input_wrap .radio_wrap{display: flex; gap: 12px; flex-wrap: wrap;}
#section_6 .form_input_wrap .personal{ display: flex; justify-content: space-between;}
#section_6 .form_input_wrap .personal input {width: 17px; height: 17px; margin-right: 4px;}
#section_6 .form_input_wrap .personal i{margin-right: 4px;}
#section_6 .form_input_wrap .personal p{color: var(--color-gray-g60); text-decoration: underline; cursor: pointer; font-size: 0.9em;}
#section_6 .form_input_wrap button{margin-top: 40px; font-size: 16px; border: none; cursor: pointer; background-color: var(--color-gray-g30-stroke); text-align: center; padding: 16px 34px; border-radius: 50px; color: #fff;  font-family: 'Pretendard_B'; max-width: 354px; width: 40%; margin: 0 auto;}
#section_6 .nice-select{font-size: 16px;border: 1px solid var(--color-gray-g30-stroke); height: 54px; line-height: 54px;}
#section_6 .nice-select .current{color: var(--color-gray-g40-placeholder);}
#section_6 .form_input_wrap .input_wrap {display: flex; justify-content: space-between;}
#section_6 .form_input_wrap .input_wrap .placeholder{font-size: 16px; max-width: 276px; width: 30%;}
#section_6 .form_input_wrap .input_wrap .placeholder .red,
#section_6 .form_input_wrap .personal i.red{color: #fe2a74;}
#section_6 .form_input_wrap .input_wrap .placeholder .gray{color: var(--color-gray-g70);}


#section_6 h2 {font-family: 'Pretendard_B'; color: var(--color-gray-g90-darkfont); font-size: 45px;}
#section_6 h2, #section_6 .form_title {padding-left: 40px;}
#section_6 .info_tit {font-size: 22px; color: var(--color-gray-g90-darkfont); font-family: 'Pretendard_B'; }
#section_6 .title_wrap{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; }
#section_6 .light_character {position: relative;}
#section_6 .title_wrap img{max-width: 424px; margin-top: 0; position: absolute; right: 110px; z-index: 1;}
#section_6 .submit_radio {width: 100%; display: flex;flex-wrap: wrap;gap: 10px;}
#section_6 .submit_radio > div {font-size: 16px;width: 30%;}
#section_6 .submit_radio .etc_memo {width: 100% !important; padding-top: 10px; display: none;}



#etcInputWrap{ opacity:0; max-height:0; overflow:hidden; transition:all .25s; }
#etcInputWrap.show{ opacity:1; max-height:160px; }

#personal_title{font-family: 'Pretendard_SB'; margin-bottom: 5px; margin-left: 6px;}
#personal_sub{font-family: 'Pretendard_M'; margin: 6px auto 20px;}
#personal_text{margin-bottom: 15px; line-height: 150%; margin-left: 14px; color: var(--color-gray-g60);}
#personal_text:last-child{margin-bottom: 0px; }

@keyframes scroll-left {0% {transform: translateX(0);} 100% {transform: translateX(-50%);}}
@keyframes scroll-right {0% {transform: translateX(-50%);} 100% {transform: translateX(0);}}


@media screen and (max-width:1200px){
  .inner{width: 100%; padding: 0px 30px;}
  main > section .inner{padding: 110px 30px;}
  #visual .inner{ width: max-content;left: 30px; top: 33%; transform: translate(0);}
  #visual .main_visual_text_inner{ top:50px}
  #section_1 .grid{flex-direction: column;}
  #section_1 .grid{flex-direction: column;}
  #section_1.grid > div:first-child, #section_1.grid > div:last-child{width: 100%;}
  #section_1 .box_grid .box{width: 100%;height: 100%; padding: 40px; max-width: 100%;}
  /* #section_1 .box_grid .box br{display: block;} */
  #section_1 .title_wrap{display: flex;width: 100%; justify-content: space-between;}
  .grid > div:first-child, .grid > div:last-child{width: 100%;}
  #section_3 .focus_elea .img_wrap{width: 100%;}
    #section_4 .box_grid .box p{padding: 0px 30px;}
    /* #section_4 .box_grid .box p br{display: none;} */
  #section_6{background-position: -270px 0px ;}
    .elea_gird{flex-direction: row-reverse;}
}

@media screen and (max-width:1024px){
  .inner .title_wrap .title_sub{font-size: 28px;}
  .inner .title_wrap .title_main{font-size: 40px;}

  .info_full_wrap {flex-flow: column;}

  .grid{flex-direction: column;}

  .paper{max-width: 600px;}
}




@media screen and (max-width:768px){
  .inner .title_wrap > img{display: none;}
  main > section .inner{padding: 110px 40px;}
  .inner{padding: 0px 20px;}
  .gradient_banner{display: none;}
  .inner .title_wrap{margin-bottom: 40px;}
  .inner .title_wrap .title_sub{font-size: 24px;}
  .inner .title_wrap .title_main{font-size: 36px;}
  
  
  #visual .inner{top: 150px;}
  #visual .main_visual_text_inner {top: 100px;}
  #visual img{height: 800px;}
  #visual .visual_text_wrap .visual_title{font-size: 2.4rem;}
  #visual .visual_text_wrap .visual_contents{font-size: 2rem;}

  #section_1 .box_grid{gap: 10px;}
  #section_1 .box_grid .box p{font-size: 24px;}
  /* #section_1 .box_grid .box p br{display: none;} */

  #section_3 .contents_wrap .contents_title{font-size: 30px;}
  #section_3 .contents_wrap .contents_sub p {font-size: 20px;}
  #section_3 .contents_wrap .contents_sub p span{font-size: 18px;}
  #section_3 .focus_elea .img_wrap{width: 100%; height: 100%;}
  .elea_gird{flex-direction: column-reverse;}

  #section_4 .box_grid{gap: 20px; grid-template-columns: 1fr;}
  #section_4 .box_grid .box{}
  #section_4 .box_grid .box img{width: 100%;}
  #section_4 .box_grid .box .box_title{font-size: 30px; margin-top: 30px;}
  #section_4 .box_grid .box p{font-size: 22px;}
  .info_full_wrap{flex-direction: column;gap: 30px;}
  .footer_info .info_wrap .info .flex_box ul{gap: 5px;flex-wrap: wrap;}

  #section_6{background: url('../img/con5_768.png') no-repeat center / 100%; background-size: cover;}
  #section_6 .form{max-width: 100%;}
  #section_6 .form_input_wrap button{font-size: 20px;}

  .modal_common .paper{width: 90%; max-width: 560px; padding:35px 16px;}
  .paper .paper_title{width: 80%;}
}

@media screen and (max-width:580px){
  .mo_white{color: #fff; display: block;}
  .mo{ display: none;}
  main > section .inner{padding: 60px 20px;}
  #visual .inner{ position: absolute; width: 300px; top: 120px; left:20px;}
  #visual .main_visual_text_inner{top: 50px;width: 100%; padding: 0px 20px; left: 0;}
  #visual img {height: 640px;}
  #visual .slide_1 img,
  #visual .slide_2 img {height: inherit;}
  #visual .visual_text_wrap .visual_contents{font-size: 1.5rem; margin-bottom: 10px;}
  #section_1 .box_grid {grid-template-columns: none; gap: 16px;}
  .inner .title_wrap {margin-bottom: 20px;}
  .inner .title_wrap .title_main{font-size: 30px; margin-bottom: 40px;}
  .inner .title_wrap .title_sub{font-size: 22px;}

  .grid {gap: 15px;}
  .margin-bottom0{margin-bottom: 0 !important;}

  #section_3 .contents_wrap .contents_title{margin-bottom: 12px; font-size: 26px;}
  #section_3 .contents_wrap .contents_sub p {font-size: 18px;}

  #section_4 .box_grid .box p{font-size: 20px;}

  #section_5 .marquee{margin: 30px 0 60px;}
  #section_5 .track .review_box{width: 340px; padding: 24px;}
  #section_5 .track .review_title p{font-size: 24px;}
  #section_5 .track .review_contents{font-size: 20px;}

  #section_6 .form{padding: 30px 24px;}
  #section_6 .form_title{font-size: 18px;}
  #section_6 .form_input_wrap .personal{flex-flow: column;}
  #section_6 .form_input_wrap .personal p{text-align: right;}

  .paper .close_btn{right: 20px; top: 20px;}
  .paper .paper_title{padding: 0px 10px 20px;}
  .paper_contents{padding: 20px 10px 10px;}

  .footer_info{flex-wrap: wrap;}
  .info_full_wrap{margin-bottom: 15px;}
}





/* 공지사항,faq */
main{min-height: 700px;}
.SubPage_title{margin-bottom: 50px; margin-top: 50px;}
.SubPage_title .title_main{font-family: 'Pretendard_B'; font-size: 45px; color: var(--color-gray-g100-darkbg); margin-bottom: 0px;}
.SubPage_title .title_sub{ font-size: 20px; color: #555;}

.notice_list{display: flex; gap: 14px; flex-direction: column;}
.notice_list .notice_box{transition: 0.3s; display: flex; width: 100%; align-items: center; justify-content: space-between; background-color: var(--color-BG); padding: 23px 30px; }
.notice_list .notice_box:hover{ transform: translateY(-3px);}
.notice_list .notice_box .notice_text_wrap .notice_title{font-family: 'Pretendard_SB'; font-size: 18px; margin-bottom: 10px;}
.notice_list .notice_box .notice_text_wrap .notice_date{font-family: 'Pretendard_SB'; font-size: 14px; color: var(--color-gray-g60);}

.notice_tit_wrap{padding: 30px 0; font-family: 'Pretendard_SB';  border-top: 1px solid var(--color-gray-g100-darkbg); border-bottom: 1px solid var(--color-gray-g100-darkbg); margin-top: 20px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.notice_tit{font-size: 28px; color: var(--color-gray-g90-darkfont); word-break: keep-all;}
.notice_date{font-size: 14px; color: var(--color-gray-g60);}
.notice_cont{padding: 50px 0; border-bottom: 1px solid var(--color-gray-g30-stroke);}
.notice_cont img{max-width: 100%;}
.notice_cont p {font-size: 18px;}
.notice_download{ display: flex; gap: 10px; margin-top: 20px;}
.notice_download a{border-radius: 5px; color: #505c77; font-family: 'Pretendard_M'; border: 1px solid #ededed;   background-color: #eff3f4;padding: 7px 10px;font-size: 15px;display: flex;gap: 8px;align-items: center;}

.go_list{margin-top: 50px; display: flex; justify-content: center;}
.go_list > span {padding: 16px 70px; border: 1px solid var(--color-gray-g100-darkbg); font-size: 16px;}
.go_list > span:hover {background-color: var(--color-gray-g100-darkbg); color: #fff; cursor: pointer;}

.faq_wrap {border-top: 1px solid var(--color-gray-g30-stroke);}
.faq_cont_wrap {padding: 30px; border-bottom: 1px solid var(--color-gray-g30-stroke); display: flex; justify-content: flex-start;}
.faq_cont_wrap .faq_lt{font-size: 24px; font-family: 'Pretendard_SB'; margin-right: 30px;}
.faq_cont_wrap .faq_gt{display: flex; flex-direction: column; justify-content: flex-start;}
.faq_cont_wrap .faq_gt .faq_tit{font-size: 20px; font-family: 'Pretendard_SB'; margin-bottom: 8px; line-height: 2.0;}
.faq_cont_wrap .faq_gt .faq_cont > li {position: relative; margin-bottom: 2px; padding-left: 15px; font-size: 20px;}
.faq_cont_wrap .faq_gt .faq_cont > li:after {content: '';position: absolute;left: 0;top: 14px;width: 4px;background-color: #555;height: 4px;border-radius: 50px;}
.faq_cont_wrap .faq_gt .faq_cont > li span {display: block; font-size: 16px; color: var(--color-gray-g60);}
.faq_cont_wrap .faq_gt .faq_cont > li span a{margin-top: 10px; display: inline-block; padding: 5px 15px; border-radius: 5px; background-color: var(--color-purple); color:#fff;}
.faq_cont_wrap .faq_gt .faq_cont > li span a i{color: #fff; font-size: 18px; vertical-align: text-top;}


/* 프로모션 */
.promotion_list{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
.promotion_list .promotion_box{ transition: 0.3s; width: 100%; overflow: hidden; justify-content: space-between; display: flex;height: 470px;flex-direction: column;align-items: flex-start;
flex: 1 0 0;border-radius: 20px;background: #FFF;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);}
.promotion_list .promotion_box:hover{ transform: translateY(-3px);}
.promotion_list .promotion_box .promotion_text_wrap{width: 100%;height: 100%;padding: 30px;display: flex;padding-bottom: 15px;flex-direction: column;justify-content: space-between;}
.promotion_list .promotion_box .promotion_text_wrap .status{display: inline-block; font-family: 'Pretendard_SB'; border-radius: 500px; margin-bottom: 10px; padding: 4px 18px; justify-content: center; align-items: center;}
.promotion_list .promotion_box .promotion_text_wrap .status.ing{background-color: var(--color-purple); color: #fff;}
.promotion_list .promotion_box .promotion_text_wrap .status.fin{background-color: #eee; color: var(--color-gray-g90-darkfont);}
.promotion_list .promotion_box .promotion_text_wrap .promotion_title{ font-family: 'Pretendard_SB'; font-size: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 최대 3줄 */
  -webkit-box-orient: vertical;
  overflow: hidden;}
.promotion_list .promotion_box .promotion_text_wrap .promotion_date{font-family: 'Pretendard_M'; color:var(--color-gray-g60);}
.promotion_list .promotion_box .img_promotion{min-height: 235px; background-color: var(--color-purple); overflow: hidden; width: 100%; height: 50%;}
.promotion_list .promotion_box .img_promotion img{width: 100%; object-fit: cover;}

@media screen and (max-width:1024px){
  .promotion_list{grid-template-columns:  1fr 1fr;}
  .faq_cont_wrap .faq_gt .faq_cont > li{word-break: break-all;}
}

@media screen and (max-width:580px){
  .promotion_list{grid-template-columns: 1fr;}
}


/* 개인정보취급방침, 이용약관 모달 */
#personal .fm_con > ul {
    padding: 10px;
    overflow: auto;
}

#personal .fm_con::-webkit-scrollbar {
    width: 8px;  
}
#personal .fm_con::-webkit-scrollbar-thumb {
    background: var(--gray-color);
    border-radius: 12px 12px 12px 12px;
}

#personal .fm_con::-webkit-scrollbar-track {
	background: #dfdfdf;
}

#personal .fm_con > ul > li {
    margin-bottom: 30px;
    text-align: left;
}

#personal .fm_con > ul > li:last-child {
    margin-bottom: 0px;
}

#personal .fm_list {
    margin: 0 5px;
}

#personal .fm_list li {
    margin-bottom: 10px;
    color: #656565;
}

#personal .mix_list .fm_list {
    margin: 20px 0;
}

#personal h4 {
    font-size: 1.1rem;
    margin-bottom: 10px;
}

#personal p {
    margin-left: 5px;
    margin-bottom: 30px;
}

/* 이용약관 */
.tos_modal p {
    margin-bottom: 16px;
    color: #232323;
    font-weight: 600;
}

.tos_modal .fm_list {
    margin: 35px 0;
}

.tos_modal .fm_con > ul > li {
    margin-bottom: 60px;
}



/* 엘리아소개 */
.common_section{height: 100%; margin-top: 80px;text-align: center;}

#about_section1{height: 100%; margin-top: 80px;text-align: center;}
#about_section1 .about_sub_title {margin-bottom: 70px;}
#about_section1 .about_sub_title p{font-size: 20px; color: var(--color-gray-g70);}
#about_section1 .about_sub_title p:last-child{margin-top: 20px;}
#about_section1 .about_sub_title p span{font-family: 'Pretendard_SB';color: var(--color-gray-g70);}
#about_section1 .tablet_img{position: relative;max-width: 960px;left: 50%;transform: translateX(-50%);}
#about_section1 .tablet_img img{width: 100%; position: absolute; top: 0; left: 0; z-index: 9;}
#about_section1 .tablet_img .eleavideo{padding: 3% 4.1%; width: 100%;border-radius: 40px;}


/* 학습 시스템 */

#visual_system{margin-top: 80px; position: relative;}
#visual_system img{width: 100%;;}
#visual_system .inner{text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#visual_system .visual_text_wrap {text-align: right;}
#visual_system .visual_contents{ color:#fff; font-family: 'Pretendard_B'; font-size: 50px; margin-bottom: 20px;}
#visual_system .visual_title{font-size: 20px; color: #fff}
.system_sub_title,
.sub_title{line-height: 160%; margin-top: 35px; color: var(--color-gray-g70); font-size: 20px;}
.system_sub_title span,
.sub_title span{font-family: 'Pretendard_SB'; color: var(--color-gray-g70);}
.cycle {}
.cycle img{width: 100%;}

.talbet-warp{width: 100%;margin: 0px auto; padding-bottom: 110px;}
.tablet-card{width: 100%;position: absolute;border-radius: 10px;overflow: hidden;}
.swiper_talbet_wrap {text-align: center; }
.swiper_talbet_wrap .center_tablet{text-align: center;width: 100%;display: flex;align-items: center;justify-content: center;}
.swiper_talbet_wrap .center_tablet .tablet{padding-left: 20px;width: 100%;position: relative;max-width: max-content;z-index: 9;}
#system_section2 .inner{padding-bottom: 0;}
.tablet-card .swiper-slide {opacity: 0.5;   transition: all 0.4s ease; }
.tablet-card .swiper-slide img{ scale: 0.85; transition: all 0.6s; border-radius: 20px; overflow: hidden;}
.tablet-card .swiper-slide-active { opacity: 1; }
.tablet-card .swiper-slide-active img{scale: 1; }

.feedback{ display: grid; grid-template-columns:  1fr 1fr; gap: 20px;}
.feedback .feedback_box{ text-align: center;}
.feedback .feedback_box .feed_title{position: relative; font-size: 30px; font-family: 'Pretendard_SB'; padding: 20px; background-color:var(--color-p40); border-radius: 20px; color: #fff;}
.feedback .feedback_box .feed_title:after {content: "";position: absolute;bottom: -19px;left: 50%;transform: translateX(-50%);background: url('../img/ballon.svg') no-repeat center / 100%;width: 40px;height: 20px;}
.feedback .feedback_box .feed_title img{margin-right: 10px;}
.feedback .feedback_box .feed_img{ margin-top: 25px; margin-bottom: 40px;}
.feedback .feedback_box .feed_img img{width: 100%;}

/* 학습시스템 미디어쿼리 */

@media screen and (max-width:1600px){
  .swiper_talbet_wrap .center_tablet .tablet{padding-left: 0;}
}
@media screen and (max-width:768px){
  .feedback{grid-template-columns:1fr}
  .swiper_talbet_wrap{padding: 0px 10px;}
  .swiper_talbet_wrap .center_tablet .tablet{padding-left: 0;}
}
@media screen and (max-width:580px){
  .tablet-card .swiper-slide img{width: 93%;}
}



/* 사업안내 페이지*/
main section.purple .inner .title_sub{color: var(--color-secondary);}
.business_visual .line_wrap{width: 100%;display: flex; padding: 30px 0;align-items: center; justify-content: center;}
.business_visual .h_line{border: none; width: 2px; height: 50px;  background: linear-gradient(180deg, #A2C4FC 0%, #B8E8F6 100%);}
.business_visual .business_sub_title{font-family: 'Pretendard_SB'; font-size: 32px;margin-bottom: 10px;}
.business_visual .business_sub_txt{color: var(--color-gray-g70); font-size: 24px;}
.business_visual .business_sub_txt span{color: var(--color-secondary); font-family: 'Pretendard_M';}
.business_visual .business_elea{position: relative;}
.business_visual .business_elea .business_elea_img{z-index: 1;}
.business_visual .business_elea .half_circle{position: absolute; left: 50%;bottom: 0; transform: translateX(-50%); z-index: -1;}
.title_wrap { position: relative; }
.business_visual .inner .title_wrap.center{margin-bottom: 0;}
main > section.business_visual .inner{padding-bottom: 0;}
.business_visual .bgc_text{position: absolute;left: 0; right: 0; bottom: -160px;width: 100%;overflow: hidden; pointer-events: none;z-index: -1; font-size: 128px;-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px var(--color-gray-g20); font-family: 'flight'; width: 100%;}
.business_visual .bgc_text .bgc_track{display: flex;width: 200%;will-change: transform;animation: bgc-marquee 30s linear infinite;}
.business_visual .bgc_text .bgc_track > span{flex: 0 0 50%;display: inline-block;white-space: nowrap;font-size: 128px; /* 원래 값 유지 */font-family: 'flight';}
@keyframes bgc-marquee{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.business_visual .bgc_text {
  -webkit-mask-image: linear-gradient(to right, transparent 0, black 80px, black calc(100% - 80px), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, black 80px, black calc(100% - 80px), transparent 100%);
}

@media (prefers-reduced-motion: reduce){
  .business_visual .bgc_text .bgc_track{ animation: none; }
}


.award_bg{background-color: var(--color-gray-g100-darkbg); 
background: url('../img/award_bg_2.png') no-repeat center / 100%; background-size: cover;
min-height:950px}
.award_bg .inner .title_wrap .title_main{color: #fff;}
.award_bg .inner .title_wrap .award_sub_title{ margin-top: 20px;}
.award_bg .inner .title_wrap .award_sub_title span{display: inline-block; font-size: 16px; color: var(--color-gray-g50); font-family: 'Pretendard_M';}

.gess{background-color: #311352;
background: url('../img/gess_bg.png') no-repeat center / 100%; background-size: cover;
}
.gess .inner .title_wrap .title_main {color: #fff; font-family: 'Pretendard_L'; margin-bottom: 16px;}
.gess .inner .title_wrap .title_main span{color: #fff;font-family: 'Pretendard_B';}
.gess .inner .title_wrap .sub_title{font-size:26px; color: var(--color-gray-g30-stroke); margin-bottom: 60px;}
.gess .inner .title_wrap .mark img { margin-top: 0; margin-bottom: 10px;}
.gess .gess_img{width: 100%; display: flex; justify-content: center; align-items: center;gap: 60px;}
main > section.gess .inner{padding-bottom: 80px; padding-top: 50px;}

main > section.process{overflow: hidden;background-color: var(--color-BG);}
main > section.process .inner{padding-bottom: 0;}


.process .process_img{text-align: center; position: relative;}
.process .process_img_wrap{padding-top: 80px;}
.process .process_img img.process_circle{ transform-origin: left center; animation: bgc-rotate 60s linear infinite; position: absolute; left: 50%; }
.process .process_img img.process_circle{ transform-origin: left center; animation: bgc-rotate 60s linear infinite; position: absolute; left: 50%; }

.process .pr_circle{display: flex;font-size: 24px;  align-items: center;filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.17)); justify-content: center; width: 120px; height: 120px; border-radius: 100px; color: #fff; font-family:'Pretendard_B';}
.process .process_circle_list{position: absolute;top: 0;width: 100%;height: 100%;}
.process .process_circle_list .pr_circle{position: absolute; transition: 0.3s;}
.process .process_circle_list .pr_circle:hover{transform: translateY(-10px);}
.process .process_circle_list .pr_circle:hover + .process_list_box{transform: translateY(-10px);}
.process .process_circle_list .pr_1{background-color: var(--color-Main);left: 21%;top: 40%;}
.process .process_circle_list .pr_2{background-color: #43AFD0;left: 35%;top: 0px;}
.process .process_circle_list .pr_3{background-color: #697BD9;right: 35%;top: 0px;}
.process .process_circle_list .pr_4{background-color: #7e5edf;right: 21%;top: 40%;}


@keyframes bgc-rotate {
  0%   { transform: rotate(0deg) translateX(-50%);}
  100% { transform: rotate(360deg) translateX(-50%);}
}

.process_list{background-color: var(--color-purple);}
main section.process_list .inner{padding: 60px 0;width: 60%;display: flex;justify-content: center;}
.process_list .process_list_box_wrap{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;width: 90%;justify-content: center;}
.process_list .process_list_box_wrap .process_list_box{transition: 0.3s; border: 1px solid var(--color-gray-g30-stroke); border-radius: 10px;  background-color: #fff; padding: 20px 40px; width: 100%; text-align: center;}
.process_list .process_list_box_wrap .process_title{font-size: 24px; font-family: 'Pretendard_B'; margin-bottom: 7px;}
.process_list .process_list_box_wrap .process_title.title_1{color: var(--color-Main);}
.process_list .process_list_box_wrap .process_title.title_2{color:#43AFD0;}
.process_list .process_list_box_wrap .process_title.title_3{color:#697BD9;}
.process_list .process_list_box_wrap .process_title.title_4{color:#7E5EDF;}
.process_list .process_list_box_wrap .process_contents{color: var(--color-gray-g70); display: flex; align-items: center; justify-content: center;}
.process_list .process_list_box_wrap .process_contents ul{}
.process_list .process_list_box_wrap .process_contents ul li{margin-bottom: 5px;  text-align: left; position: relative;}
.process_list .process_list_box_wrap .process_contents ul li::after{content: ''; position: absolute; left: -15px; top: 8px; width: 4px; height: 4px; background-color: var(--color-gray-g70); border-radius: 5px;}
.process:has(.pr_circle.pr_1:hover) + .process_list .process_list_box:nth-child(1),
.process:has(.pr_circle.pr_2:hover) + .process_list .process_list_box:nth-child(2),
.process:has(.pr_circle.pr_3:hover) + .process_list .process_list_box:nth-child(3),
.process:has(.pr_circle.pr_4:hover) + .process_list .process_list_box:nth-child(4) {
  transform: translateY(-10px);
}


.great_list{display: flex;gap: 20px;}
.great_list .great_list_box{box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); width: 100%;padding: 30px 20px; background-color:#f7f9fa; border-radius: 10px; text-align: center;position: relative; }
.great_list .great_list_box::after{background: linear-gradient(90deg, #30CACB 0%, #7E5EDF 100%), #F7F9FA;
 content: ''; position: absolute; height: 100%; width: 100%; left: 0; top: 5px; z-index: -1; border-radius: 10px;}
.great_list .great_list_box .great_title{ font-size: 24px; font-family: 'Pretendard_B'; margin-bottom: 14px;}
.great_list .great_list_box .great_contents{font-size: 16px; font-family: 'Pretendard_M'; color: var(--color-gray-g70);}


.support_list{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.support_list .support_list_box{  overflow: hidden; background-color: #fff; width: 100%; border-radius: 20px;}
.support_list .support_list_box .support_title{padding: 30px;position: relative; text-align: center; width: 100%; font-family: 'Pretendard_B'; font-size: 32px; color: #fff; background-color: var(--color-secondary);}
.support_list .support_list_box .support_title::after{width: 80px; height: 40px; content: ''; background: url('../img/support_ballon.svg'); position: absolute; left: 50%; transform: translateX(-50%); bottom: -40px;}
.support_list .support_list_box .support_contents{gap:15px; margin-top: 15px; padding: 30px; display: flex;flex-direction: column;justify-content: center;align-items: center;}
.support_list .support_list_box .support_contents img{width: 100%;width: max-content;}
.support_list .support_list_box .support_contents ul li{padding-bottom: 25px; position: relative; font-size: 24px; font-family: 'Pretendard_M'; color: var(--color-gray-g70);}
.support_list .support_list_box .support_contents ul li::after{content: '';position: absolute;left: -40px;top: 1px;background: url('../img/ic_check.svg') no-repeat;width: 32px;height: 32px;}
.banner_bg img{width: 100%;}

.submit .submit_full_inner{width: 1000px;display: flex;flex-direction: column;margin: 0px auto;}
.submit_inner{width: 100%; padding: 0px 20px; padding-bottom: 30px;}
.submit_inner .submit_title{font-family: 'Pretendard_B'; font-size: 45px; color: var(--color-gray-g100-darkbg);margin-bottom: 0px;}
.submit_inner .submit_contents{font-family: 'Pretendard_M'; font-size: 24px; color: var(--color-gray-g70);}
.h_line{width: 100%; border: 1px solid #d9d9d9;}

.submit_info {padding: 30px 20px;}
.submit_info .info_title{margin-bottom: 20px; font-size: 32px; color: var(--color-purple-p40); font-family: 'Pretendard_B';}
.submit_info .info_contents .etc_info{font-family: 'Pretendard_M';
    font-size: 24px;
    color: var(--color-gray-g70);}
.submit_info .info_contents ul{ display: flex; flex-direction: column; gap: 15px;}
.submit_info .info_contents ul li{display: flex; gap: 20px;}
.submit_info .info_contents ul li .info_detail_title{text-align: center; font-size: 20px;  font-family: 'Pretendard_M'; width: 130px; border-radius: 50px; color: var(--color-p40); border: 1px solid var(--color-p40);} 
.submit_info .info_contents ul li .info_detail_contents{font-size: 20px; color: var(--color-gray-g90-darkfont);}
.submit_wrap{padding-top: 40px;}
.submit_box_wrap{display: flex; gap: 25px;flex-direction: column; }
.submit_wrap .essential{color: #fe2a74; text-align: right; margin-bottom: 15px;}
.submit_wrap .submit_box{width: 100%; display: flex;}
.submit_wrap .submit_box .submit_title{ align-items: center; width: 30%; font-size: 18px; display: flex; gap: 5px;}
.submit_wrap .submit_box .submit_title .point{color: #fe2a74;}
.submit_wrap .submit_box .submit_input {width: 70%; font-size: 18px;}
.submit_wrap .submit_box .submit_input input[type=text]{font-size: 18px; border-radius: 5px; width: 100%; padding: 15px 25px;}
.submit_wrap .submit_box .submit_radio {width: 70%; display: flex; flex-wrap: wrap; gap: 10px;}
.submit_wrap .submit_box .submit_radio > div{font-size: 16px; width: 30%;}
.submit_wrap .submit_box .submit_radio div.etc_memo{width: 100%; margin-top: 10px; display: none;}
.submit_wrap .submit_box .submit_radio div.etc_memo .submit_title{margin-bottom: 5px; color: var(--color-gray-g70); width: 100%;}
.submit_wrap .submit_box .submit_radio div.etc_memo input{font-size: 18px;border-radius: 5px;width: 100%;padding: 15px 25px;}
/* textarea 추가 */
.submit_wrap .submit_box .submit_textarea{ width:calc(100% - 30%);}
.submit_wrap .submit_box .submit_textarea textarea{min-height: 300px; resize: none; width: 100%; border-radius: 5px; padding: 15px 25px; font-size: 18px; }
#contact{padding-top: 30px;}


.all_input{display: flex;gap: 20px;}
.all_checkbox{display: flex;width: 100%;margin-top: 40px;gap: 10px; flex-wrap: wrap;}
.all_checkbox > div{justify-content: space-between; border: 1px solid var(--color-gray-g30-stroke); padding: 20px; width: 100%; height: 52px; background-color: var(--color-gray-g5); display: flex; align-items: center; border-radius: 10px;}
.all_checkbox div .check_wrap{width: calc(100% - 100px);}
.all_checkbox div span.checkbox_text{width: max-content; cursor: pointer;}
.submit_wrap .submit_box .submit_title.top_align{align-items: start;}
.submit_btn{margin-top: 40px;margin-bottom: 60px; text-align: center; align-items: center; display: flex; justify-content: center;}
.submit_btn button{gap: 10px; cursor: pointer; display: flex; justify-content: space-around; align-items: center; border: none; border-radius: 5px; padding: 15px 20px; background-color: var(--color-gray-g30-stroke); color: #fff; font-family: 'Pretendard_B'; font-size: 20px;}
.submit_btn button.contact_btn{ background-color:  var(--color-purple); padding:20px 50px;}
.essential_checked {background-color: #3E298C !important;}
.submit_btn button i{color:#fff; font-size: 27px;}
.all_checkbox .b_check_txt{width: calc(100% - 30px);padding: 15px 10px;}


/* 예린 수정 */
.check_wrap{display: flex; gap: 14px; align-items: center;}
.checkbox_wrap{ border: 1px solid var(--color-gray-g30-stroke); padding: 20px 40px; width: 100%;  background-color: var(--color-gray-g5); display: flex; border-radius: 10px; flex-direction: column; max-height: 366px; overflow-y: scroll;}
.checkbox_wrap .check_tit{font-size: 20px; font-family: 'Pretendard_B'; color: var(--color-gray-g90-darkfont) !important;}

.full_agree > p {font-size: 16px; color: var(--color-gray-g70); padding: 6px 0px 20px 44px; border-bottom: 1px solid var(--color-gray-g30-stroke);}
.essential_check {padding: 20px 0;}
.select_check {border-top: 1px solid var(--color-gray-g30-stroke); padding-top: 20px;}

.checkbox_cont {padding: 20px 44px 0px;}
.checkbox_cont h3 {font-family: 'Pretendard_M'; color: var(--color-gray-g60); font-size: 15px;}
.checkbox_cont ul {padding-top: 14px;}
.checkbox_cont ul li {padding: 6px 0;}
.checkbox_cont h4 {font-family: 'Pretendard_SB'; color: var(--color-gray-g60); font-size: 15px;}
.checkbox_cont p {color: var(--color-gray-g60); font-size: 15px;}
.checkbox_cont h5 {font-size: 15px; padding-top: 10px;}

/* 사업설명회 신청 폼 */
#seminar{margin-top: 70px;}
.seminar_search{margin-bottom: 45px; width: 100%; display: flex; gap: 10px;align-items: center; justify-content: center; flex-wrap: wrap; }
.seminar_search .seminar_btn_wrap{ display: flex; gap: 10px; flex-wrap: wrap; align-items: center; justify-content: center; width: 60%;}
.seminar_search button{font-size: 18px;  cursor: pointer; display: inline-block; background-color: var(--color-gray-g40-placeholder); padding: 10px 22px; border: none; border-radius: 100px;color:#fff;}
.seminar_search button.on{background-color: var(--color-secondary);font-family: 'Pretendard_M';}
.seminar_list{display: flex;grid-template-columns: 1fr 1fr 1fr;gap: 15px;flex-wrap: wrap;}
.seminar_list .list_box{display: flex;flex-direction: column;justify-content: space-between;border-radius: 20px;background-color: #fff;border: 1px solid var(--color-gray-g30-stroke);width: calc(100% / 3 - 10px);padding: 30px;}
/* .seminar_list .list_box.off{opacity: 0.4;} */
.seminar_list .list_box.off .list_flex_wrap{opacity: 0.4;}
.seminar_list .list_box.off .seminar_number{opacity: 0.4;}
.seminar_list .list_box .list_flex_wrap{display: flex; flex-direction: column;}
.seminar_list .list_box .location_tag{width: max-content; margin-bottom: 10px; font-size: 20px; border-radius: 4px; color: var(--color-purple-p40);background-color: #f3effc; display: inline-block; padding: 3px 14px;}
.seminar_list .list_box .seminar_time{padding-bottom: 10px;border-bottom: 1px solid #e4e4e4;font-size: 26px;font-family: 'Pretendard_SB';color: var(--color-gray-g100-darkbg);}
.seminar_list .list_box .location_position{margin-top: 15px;font-size: 18px;color: var(--color-gray-g70);}
.seminar_list .list_box .seminar_number{width: max-content; margin-top: 10px; background-color: #f6f6f6; border-radius: 4px; padding: 4px 12px; color: #777; display: inline-block;}
.seminar_list .list_box .seminar_number i{color: #777; margin-right: 5px;}
.seminar_list .list_box .seminar_submit{cursor: default; margin-top: 20px; width: 100%; display:block; padding: 10px 22px; font-size: 18px; color: #fff;  text-align: center; background-color: var(--color-gray-g40-placeholder); color: #fff; border-radius: 4px;}
.seminar_list .list_box .seminar_submit.on{background-color:  var(--color-secondary); cursor: pointer;}
.non_list_seminar{gap: 15px; width: 100%; background-color: #fff; min-height: 500px; flex-direction: column;
display: flex;justify-content:center;align-items: center; border-radius: 20px;background-color: #fff;border: 1px solid var(--color-gray-g30-stroke);padding: 30px;}
.non_list_seminar img{ width: 120px; opacity: 0.6;}
.non_list_seminar p{color: var(--color-gray-g50); font-size: 18px;}

/* 사업설명회 신청폼 미디어쿼리 */
@media screen and (max-width:1200px){
.seminar_search .seminar_btn_wrap{width: 90%;}
}
@media screen and (max-width:768px){
  .seminar_list .list_box .seminar_time span{display: block;}
  .seminar_list .list_box .seminar_time{line-height: 1.3;}
  .seminar_list {width: 100%;}
  .seminar_list .list_box{width: calc(100% / 2 - 10px);}
}

@media screen and (max-width:585px){
  .seminar_list .list_box{width:  100%;}
  .seminar_search .seminar_btn_wrap{width: 100%;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    gap: 8px;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 6px;
    flex-wrap: nowrap;
    justify-content:start;}

  .seminar_search::-webkit-scrollbar {
    display: none;
  }

  .seminar_search button {
    flex-shrink: 0;
  }
  .seminar_list .list_box .seminar_time span{display: inline;}

}


/* 사업설명회 신청 바로가기 */
.go_submit{  z-index: 9; transition: all 0.5s ease;left: 50%;transform: translateX(-50%);padding: 20px 0;position: fixed;display: flex;align-items: center;justify-content: center;bottom: -125px;width: 480px;border-radius: 20px;border: 1px solid #ededed;background-color: #fff;filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.15));gap: 17px;}
.go_submit .logo_elea img{width: 100%;}
.go_submit .go_submit_wrap{display: flex;flex-direction: column;width: 50%;}
.go_submit .go_submit_wrap .go_submit_title{font-size: 16px; font-family: 'Pretendard_M';}
.go_submit .go_submit_wrap .go_submit_subtext{color: #999;font-size: 14px;/* margin-top: 5px; */}
.go_submit .go_submit_btn{border: none; cursor: pointer; width: 100px; height: 42px; border-radius: 5px; display: flex; align-items: center; justify-content: center; background-color: var(--color-purple);color: #fff; font-family: 'Pretendard_M';}
.go_submit.show {bottom: 40px;opacity: 1;}
.go_submit.hide {bottom: -120px;opacity: 0;}
.go_submit.hidden {bottom: -120px;opacity: 0;pointer-events: none;}

/* 사업설명회 페이지 미디어쿼리 */
@media screen and (max-width:768px){
  .business_visual .business_sub_title{font-size: 20px;}
}


/* 학습지원 페이지 */

.guide_box .guide_tabmenu {background-color: #fff; width: 100%; margin-bottom: 30px; overflow: hidden; display: flex;border-radius:10px; box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.06);}
.guide_box .guide_tabmenu li{cursor: pointer; width: 100%; text-align: center;padding: 15px; color: var(--color-gray-g70);  font-size: 24px;}
.guide_box .guide_tabmenu li.on {background-color: var(--color-p40); color: #fff;font-family: 'Pretendard_B';}
.guide_box .tab_content {display: none;}
.guide_box .tab_content.on {display: inline-block; position: relative; width: 100%}

.guide_box .detail_tab{text-align: center; box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.06); width: 100%; border-radius: 15px; background-color: #fff; padding: 40px;}
.guide_box .detail_tab .tab_content .tab_title{color: var(--color-p40); font-size: 36px; font-family: 'Pretendard_B'; margin-bottom: 14px;}
.guide_box .detail_tab .tab_content .tab_subtext{font-size: 20px; color: var(--color-gray-g90-darkfont);}
.guide_box .detail_tab .tab_content .tab_subtext p{font-size: 20px; color: var(--color-gray-g60)}
.guide_box .detail_tab .tab_content .tab_img{margin-top: 36px; display: flex; gap: 30px;justify-content: center;}
.guide_box .detail_tab .tab_content .tab_img img{width: 100%; max-width: 380px; }
.tablet_box .detail_tab .tab_content .tab_img img{width: 100%; max-width: max-content;}
.support_swiper{width: 100%;}

.teacher_img_wrap{display: flex; gap: 20px;}
.teacher_img_wrap .teacher_img {width: 100%; border-radius: 20px; border: 10px solid var(--color-Main);}
.teacher_img_wrap .teacher_img img{width: 100%;}


.purple_bg .guide_box .guide_tabmenu li.on {background-color: var(--color-secondary); }
.purple_bg .guide_box .detail_tab .tab_content .tab_title{color:var(--color-secondary); }

.gray_g10bg{background-color: var(--color-gray-g10-bg);}
.gray_g10bg .guide_box .guide_tabmenu li.on {background-color: var(--color-purple); }
.gray_g10bg .guide_box .detail_tab .tab_content .tab_title{color:var(--color-purple); }
.classroom{ position: relative;}
.classroom .gradient_white{position: absolute;left: 0;z-index: 0;width: 40%;height: 100%;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 61.29%);}
.classroom .gradient_white2{  position: absolute;right: 0;z-index: 0;width: 40%;height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 61.29%);}
.classroom .inner{ padding-bottom: 0;}
.classroom .marquee {position: relative; overflow: hidden;width: 100%;margin: 70px 0; margin-bottom: 110px; z-index: -1;}
.classroom .row {display: flex; overflow: hidden; }
.classroom .track {gap: 20px; display: flex;animation: scroll-left 40s linear infinite;margin: 15px 0;}


/* 커리큘럼 */
.curriculum,
.loadmap_section{overflow-x: hidden;}
.curriculum .inner{padding-bottom: 0;}
.curriculum_img_wrap{padding-bottom: 70px; justify-content: center;display: flex; align-items: flex-end;max-width: 1730px; margin: 0px auto; }
.img_scroll{overflow: auto;}
.curriculum_img.img_scroll {overflow-x: auto; overflow-y: hidden; }
.curriculum_img.img_scroll img {display: block;}
/* .curriculum_img img {width: 100%;} */

.loadmap_img_wrap{padding-bottom: 70px; gap: 63px;  justify-content: center;display: flex; align-items: flex-end; margin: 0px auto; }
.img_scroll{overflow: auto;}
.loadmap_img.img_scroll {overflow-x: auto; overflow-y: hidden; }
.loadmap_img.img_scroll img {display: block;}

@media screen and (max-width:1730px){
  /* .left_img{padding-bottom: 15px;} */
}

@media screen and (max-width:1200px){
  .loadmap_img_wrap{gap: 10px;}
}

.gradient_mint{background: linear-gradient(0deg, #FFF -32.35%, #E7F4F8 -0.22%, #FFF 96.14%);}
.section_book_title_wrap{text-align: center; margin-bottom: 60px;}
.section_book_title_wrap h3{font-size: 55px; font-family: 'Pretendard_EB';}
.section_book_title_wrap h3:first-child{color: #0e1855;}
.section_book_title_wrap h3:last-child{color: var(--color-p40);}
.book-swiper img{ width: 100%;}
.book_info{position: relative; text-align: center; max-width: 710px; height:240px; margin: 40px auto 0;}
.book_info .book_title_wrap{ padding-bottom: 15px; border-bottom: 1px solid var(--color-gray-g30-stroke);}
.book_info .book_title_wrap .book_main_title{margin-bottom: 5px; font-family: 'Pretendard_SB'; font-size: 30px; color: var(--color-p40);}
.book_info .book_title_wrap .book_sub_title{font-family: 'Pretendard_SB'; font-size: 20px; color: var(--color-gray-g70);}
.book_info .booketc{font-size: 18px; color: var(--color-gray-g60);margin-top: 15px;}



.book_tab_guide{max-width: 956px; margin: 0px auto; margin-top: 60px;}
.book_tab_guide .guide_tabmenu{ display: flex; gap: 4px; width: 100%;}
.book_tab_guide .guide_tabmenu li{font-family: 'Pretendard_SB'; width: 100%; text-align: center; cursor: pointer; padding: 10px 20px; border-radius: 10px 10px 0 0; background-color: var(--color-gray-g40-placeholder); color: #fff;}
.book_tab_guide .guide_tabmenu li.on{ font-family: 'Pretendard_EB';background-color: var(--color-p40);}
.book_tab_guide .tab_content{padding: 40px 0; border-radius: 0 0 20px 20px; background-color: #fff;  display: flex; gap: 20px; justify-content: center;}

.book_tab_guide .tab_content {display: none;}
.book_tab_guide .tab_content.on {display: flex;}


.book_tab_guide .tab_content .tab_img{width: 48%; padding-left: 40px;}
.book_tab_guide .tab_content .tab_img img{width: 100%;}
.book_tab_guide .tab_content .right_tab{margin-top: 10px;width: 49%;padding-right: 40px;}
.book_tab_guide .tab_content .right_tab .filter_text{display: inline-block; padding: 5px 10px; color: #222; background-color: #f6f6f6; border-radius: 5px;}
.book_tab_guide .tab_content .right_tab .filter_text img{width: max-content; margin-right: 10px;}
.book_tab_guide .tab_content .right_tab .filter_text p{font-size: 14px;display: inline-block;font-family: 'Pretendard_M';}

.book_tab_guide .tab_content .right_tab .tab_title{margin-top: 10px; padding-bottom: 15px; border-bottom: 1px solid var(--color-gray-g30-stroke); font-size: 30px; font-family: 'Pretendard_SB'; color: var(--color-p40);}
.book_tab_guide .tab_content .right_tab .tab_title span{ margin-left: 10px; font-size: 16px; color: #999;}
.book_tab_guide .tab_content .right_tab .tab_subtext ul{margin-top: 15px;}
.book_tab_guide .tab_content .right_tab .tab_subtext ul li{font-size: 16px; color: var(--color-gray-g90-darkfont); position: relative; padding-left: 15px; margin-bottom: 10px;}
.book_tab_guide .tab_content .right_tab .tab_subtext ul li:last-child{margin-bottom: 0;}
.book_tab_guide .tab_content .right_tab .tab_subtext ul li::after{content: '';position: absolute;left: 0;top: 10px;background-color: #111;width: 4px;height: 4px;border-radius: 65px;}


.book-tab-swiper,
.book-tab-swiper2{width: 100%; }
.book-tab-swiper .tab-wrapper{display: flex; position: relative;}
.book-tab-swiper .tab-wrapper .swiper-slide{display: flex;}

.book-swiper .swiper-slide {
  opacity: 0.5;
  transition: opacity 0.4s ease, transform 0.6s ease;
}

.book-swiper .swiper-slide img {
  display: block;
  width: 100%;
  border-radius: 20px;
  transform: scale(0.7);
  transition: transform 0.6s ease;
  overflow: hidden;
}

/* 활성 슬라이드에 더 높은 우선순위 지정 */
.book-swiper .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
  z-index: 2; /* 위로 올려줌 */
}

.book-swiper .swiper-slide.swiper-slide-active img {
  transform: scale(1);
}

.left_book,
.right_book{cursor: pointer; top: 15px; display: flex; align-items: center; justify-content: center;position: absolute; width: 52px; height: 52px; border: 1px solid var(--color-gray-g30-stroke); border-radius: 50px; background-color: #fff;}

.tab_left,.tab_right{top: 50%;transform: translateY(-50%); cursor: pointer;  display: flex; align-items: center; justify-content: center;position: absolute; width: 30px; height: 30px; border-radius: 50px; }


.left_book i,
.right_book i{color: var(--color-gray-g40-placeholder); font-size: 20px;}

.tab_left i,
.tab_right i{color: var(--color-p40); font-size: 24px;}

.left_book{left: -50px; z-index: 1;}
.right_book{right: -50px; z-index: 1;}

.tab_left{ left: 10px; z-index: 1;}
.tab_right{right: 10px; z-index: 1;}
.tab_left.swiper-button-disabled i,
.tab_right.swiper-button-disabled i{color: var(--color-gray-g40-placeholder);}



@media screen and (max-width:1000px){
    .no_mobile{display: none;}
}

.xi-bars:before {color: #303030;}




/* 캐릭터소개 추가 251205 */

.fullbg_wrap{margin-top: 80px;overflow: hidden;}
.fullbg{position: relative;}
.fullbg > img{width: 100%; display: block;}
.character_title_wrap{width: 100%; font-size: 30px; position:absolute;z-index: 1; top: 110px; text-align: center; left: 50%; transform: translateX(-50%);}
.character_title_wrap .character_subtitle{margin-bottom: 5px; font-size: 36px; font-family: 'Pretendard_SB'; color: var(--color-p40);}
.character_title_wrap .character_maintitle{color: var(--color-gray-g100-darkbg); font-family: 'gangwon'; font-size: 110px; line-height: 115px;}
.character_title_wrap .character_bedge{display: flex; gap: 10px; align-items: center; justify-content: center;}
.character_title_wrap .character_bedge span{ border-radius: 100px; padding: 12px 30px; font-size: 20px; font-family: 'Pretendard_M'; background-color: #fff;}
.character_title_wrap .character_bedge span.woody{border: 1px solid var(--color-character-woody); color: var(--color-character-woody);}
.character_title_wrap .character_bedge span.luri{border: 1px solid var(--color-character-luri); color: var(--color-character-luri);}
.character_img {gap: 10px; display: flex; justify-content: center; position: absolute; bottom: -70px; z-index: 0; left: 50%; transform: translateX(-50%);}
.character_img img {max-width: 280px; display: block; width: 100%;animation: bounceOnce 2s ease-in-out infinite;}
.fullbg .airplane{position: absolute;z-index: 0; animation: float 1.8s ease-in-out infinite;;}
.fullbg .plane1{ top: 20%; left: 10%; }
.fullbg .plane2{ top: 40%; right: 5%; }
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

@keyframes bounceOnce {
  0%, 85%, 100% {transform: translateY(0);}
  92% {transform: translateY(-14px);}
  96% {transform: translateY(0);}
}


.Text_rail {display: flex;overflow: hidden;white-space: nowrap;height: 53px; position: relative;z-index: 1;} 
.Text_rail.woody_rail {background-color: var(--color-character-woody);}
.Text_rail.luri_rail {background-color: var(--color-character-luri);}
.Text_rail.woody_rail span{color: #BEF4FF40}
.Text_rail.luri_rail span{color: #FFDEEE40}
.Text_rail span {font-family: 'gangwon'; font-size:40px;padding: 0 10px;padding-top: 3px; animation: scroll-left 12s linear infinite;}


.overview{position: relative;z-index: 1;width: 100%;height: 100%;} 
.ov_inner{position: absolute;z-index: 1;top: 270px; position: absolute;transform: translate(-50%, -50%);left: 50%;}
.ov_inner .ov_title_wrap{line-height: 1.4; text-align: center;color: #21284A;}
.ov_inner .ov_title_wrap .ov_title{width: 100%; font-size: 60px;color: #21284A; margin-bottom: 25px; font-family: 'TangoSans';}
.ov_inner .ov_title_wrap .ov_subtitle{font-family: 'Pretendard_SB'; font-size: 32px;margin-bottom: 20px;color: #21284A;}
.ov_inner .ov_title_wrap .ov_contents{font-size: 26px; color: #21284a;}
.overview .ov_bg{width: 100%;height:1080px; overflow: hidden;}
.overview .ov_bg img{display: block; width: 100%; object-fit: cover; height: 100%;}

.woody_section{background-color: #F2FAFF;}
.luri_section{background-color: #FFF4F7;}
.woody_section .ch_title_wrap *{color: var(--color-character-woody);}
.luri_section .ch_title_wrap *{color: var(--color-character-luri);}
.character_section{position: relative; z-index: 0;overflow: hidden;}
.character_section .ch_title_wrap{text-align: center; margin-bottom: 40px;}
.character_section .ch_title_wrap .ch_name p{font-size: 60px; font-family: 'Paperlogy_B';line-height: 1.2;}
.character_section .ch_title_wrap .ch_name .eng{font-family: 'Paperlogy'; font-size: 25px;display: inline-block; }
.character_section .ch_title_wrap .ch_etc{font-size: 24px; font-family: 'Pretendard_M'; margin-top: 10px;}
.character_section .ch_sub_wrap{text-align: center;}
.character_section .ch_sub_wrap .ch_sub_contents{font-family: 'Pretendard_M'; font-size: 20px; margin-bottom: 30px;}
.character_section .ch_sub_wrap .ch_sub_contents span{margin-bottom: 20px; display: block; font-family: 'Pretendard_B';}
.character_section .ch_sub_wrap .ch_badge{margin-bottom: 50px; display: flex; gap: 10px; align-items: center; justify-content: center;}
.character_section .ch_sub_wrap .ch_badge span{ padding: 12px 30px; display: inline-block; border: 1px solid var(--color-character-woody); border-radius: 50px; background-color: #fff; color: var(--color-character-woody); font-family: 'Pretendard_B'; font-size: 20px;}
.luri_section .ch_sub_wrap .ch_badge span{color: var(--color-character-luri); border: 1px solid var(--color-character-luri);}
.character_section .ch_sub_wrap .ch_img{display: flex; gap: 35px; align-items: center; justify-content: center;}
.character_section .ch_sub_wrap .ch_img img{display: inline-block;}

.character_card{margin-top: 70px;display: flex;gap: 35px;padding: 25px;background: #fff;border-radius: 20px;}
.character_card .character_left{width: 40%;}
.character_card .character_left img{ display: block;width: 100%;}
.character_card .character_right{width: 60%;}
.character_card .character_right .top_line{ padding-bottom: 3px;font-family: 'Gangwon';font-size: 30px; text-align: right; line-height: 1;}
.woody_card .character_right .top_line{border-bottom: 1px solid var(--color-character-woody); padding-bottom: 3px; color: var(--color-character-woody); }
.luri_card .character_right .top_line{border-bottom: 1px solid var(--color-character-luri); padding-bottom: 3px; color: var(--color-character-luri); }
.character_card .character_right .character_info_wrap{padding: 30px;padding-bottom: 0;}
.character_card .character_right .character_info_wrap .top_info_box{margin-bottom: 30px;text-align: center;color: #fff;padding: 7px 30px;border-radius: 50px;font-size: 24px;font-family: 'Pretendard_B';width: 100%;color: #fff;}
.woody_card .character_right .character_info_wrap .top_info_box{background-color: var(--color-character-woody);}
.luri_card .character_right .character_info_wrap .top_info_box{background-color: var(--color-character-luri);}
.character_card .character_right .character_info_wrap ul{display: flex;flex-direction: column;gap: 20px;}
.character_card .character_right .character_info_wrap ul li{display: flex;gap: 5px;flex-direction: column;}
.character_card .character_right .character_info_wrap ul li .ch_info_title{font-family: 'Pretendard_SB'; font-size: 18px;width: max-content; border-radius: 30px; padding: 2px 20px;}
.woody_card .character_right .character_info_wrap ul li .ch_info_title{ background-color: var(--color-character-woody-sub); color: #0090bd;}
.luri_card .character_right .character_info_wrap ul li .ch_info_title{ background-color: #FFEBF5; color:#FD6C93;}
.character_card .character_right .character_info_wrap ul li .ch_info_contents{font-size: 20px; font-family: 'Pretendard_M'; color:#555}

.position_elaverse{font-family: 'Gangwon';font-size: 410px;position: absolute;top: 20%;left: -7%;z-index: -1;transform: skew(
0deg, -14deg); }
.woody_section .position_elaverse{color: #35f1ff12;}
.luri_section .position_elaverse{color: #FFDEEE50;}
/* 캐릭터 미디어쿼리 */
@media screen and (max-width: 1024px) {
  .character_img img{width: 230px;}
  .character_title_wrap .character_maintitle{font-size: 6.5rem;}
  .ov_inner .ov_title_wrap .ov_title{font-size: 50px;}
  .fullbg_wrap{margin-top: 60px;}
  .fullbg .plane1{ top: 45%; left: 10%; }
  .fullbg .plane2{ top: 45%; right: 10%; }
}

@media screen and (max-width: 768px) {
  .character_card{flex-direction: column;}
  .character_card .character_left,.character_card .character_right{width: 100%;}
  .ov_inner .ov_title_wrap .ov_subtitle{font-size: 24px;}
  .ov_inner .ov_title_wrap .ov_contents{font-size: 20px;}
  .fullbg .airplane{display: none; }

}
@media screen and (max-width: 580px) {
  .character_section .ch_sub_wrap .ch_badge span{font-size: 14px;}
  .character_section .ch_sub_wrap .ch_badge{flex-wrap: wrap;}
  .character_section .ch_sub_wrap .ch_img{gap: 15px; flex-wrap: wrap;}
  .character_title_wrap .character_bedge{margin-top: 20px;}
  .character_title_wrap .character_subtitle{font-size: 30px; margin-bottom: 10px;}
  .character_title_wrap .character_maintitle{padding: 0px 10px; font-size: 65px;  line-height: 1.2;}
  .character_img img{width: 80%;}
  .character_card .character_right .character_info_wrap .top_info_box{font-size: 20px;}
  .character_card .character_right .character_info_wrap{padding: 20px 10px;}
  .character_section .ch_title_wrap .ch_etc{font-size: 20px;}
}


/* main */
#main_system .tablet_img{position: relative;max-width: 960px;left: 50%;transform: translateX(-50%);}
#main_system .tablet_img > .tb{width: 100%; position: absolute; top: 0; left: 0; z-index: 9;}
#main_system .tablet_img .eleavideo{padding: 3% 5.1%; width: 100%;border-radius: 0px;}
.inner .title_wrap .shine_img img{margin-top: 0; margin-bottom: 10px;animation: starTwinkle 1.5s ease-in-out infinite;}

@keyframes starTwinkle {
  0%, 100% {
    opacity: .4;
    transform: scale(0.9);
  }
  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}



.elea_slide_wrap{display: flex;width: 100%; gap: 30px; position: relative;}
.slide_bg{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: background-image 0.4s ease;
  /* background: url('/static/web/img/elea_slide_back_1.png') no-repeat center / cover; */
}
.elea_slide_wrap .elea_slide_left{width: 53%; justify-content: center; line-height: 1.4; display: flex;flex-direction: column; }
.elea_slide_wrap .elea_slide_left .elea_slide_sub{margin-bottom: 6px; font-size: 32px; color: var(--color-gray-g70); font-family: 'Pretendard_M';}
.elea_slide_wrap .elea_slide_left .elea_slide_main{margin-bottom: 40px; font-family: 'Pretendard_EB'; font-size: 50px;}
.elea_slide_wrap .elea_slide_left .elea_slide_subtext{}
.elea_slide_wrap .elea_slide_left .elea_slide_subtext .elea_slide_sub_title{margin-bottom: 10px; font-size: 32px; font-family: 'Pretendard_SB'; }
.elea_slide_wrap .elea_slide_left .elea_slide_subtext .elea_slide_sub_contents{font-family: 'Pretendard_M'; font-size: 24px; color: var(--color-gray-g90-darkfont);}
.elea_slide_wrap .elea_slide_right{width: 47%; position: relative; z-index: 1;}
.elea_slide_wrap .elea_slide_right > img{display: block; width: 100%;}

.elea_slide_wrap .elea_slide_right .slide_light{position: absolute;top: 28%;right: 5%;}
.elea_slide_wrap .elea_slide_right .slide_light .light_small{ text-align: right;}
.elea_slide_wrap .elea_slide_right .slide_light img{animation: starTwinkle 1.5s ease-in-out infinite; }
.elea_slide_wrap .elea_slide_right .slide_light .light_small img{animation: starTwinkle 1.2s ease-in-out infinite; }
.elea_slide_wrap .elea_slide_right .slide_light .light_big img{animation: starTwinkle 2s ease-in-out infinite; }

.elea_slide_wrap .slide_line{position: absolute; top: 0; right:0}
.elea_slide_wrap .line_motion,
.elea_slide_wrap .line_motion svg{
  width:100%;
  height:100%;
}
/* .elea_slide_wrap .line_motion{opacity: 0;} */

.line_path{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray: var(--len); 
  stroke-dashoffset: var(--len);
  
  opacity:0; 
}

@keyframes lineDraw{
  to{ stroke-dashoffset: 0; }
}

/* 점선이 그려지는 애니메이션 */
@keyframes dashedDraw{
  from{ stroke-dashoffset: var(--len); }
  to{ stroke-dashoffset: 0; }
}

/* 점선이 계속 흘러가는 애니메이션 */
@keyframes dashedFlow{
  to{ stroke-dashoffset:-120; }
}


.elea_slide_wrap.mint .elea_slide_left .elea_slide_subtext .elea_slide_sub_title{ color:var(--color-p40);}
.elea_slide_wrap.mint .elea_slide_left .elea_slide_main{ color:var(--color-p40);}
.elea_slide_wrap.purple .elea_slide_left .elea_slide_subtext .elea_slide_sub_title{ color:var(--color-purple);}
.elea_slide_wrap.purple .elea_slide_left .elea_slide_main{ color:var(--color-purple);}
.elea_slide_wrap.blue .elea_slide_left .elea_slide_subtext .elea_slide_sub_title{ color:#12b0ff}
.elea_slide_wrap.blue .elea_slide_left .elea_slide_main{ color:#12b0ff}
.elea_slide_wrap.orange .elea_slide_left .elea_slide_subtext .elea_slide_sub_title{ color:#ff7700}
.elea_slide_wrap.orange .elea_slide_left .elea_slide_main{ color:#ff7700}

.mainColor_bg .inner .title_wrap .title_sub{color: #e1fbfb;}

.tab_box{width: 100%; border-radius: 50px; background-color: #fff; padding: 15px;}
.tab_box ul{background-color: #F8F8F8;display: flex;border-radius: 60px;}
.tab_box ul li{cursor: pointer; width: 33%;text-align: center;font-size: 32px;padding: 12px 0px;border-radius: 50px;color: var(--color-gray-g40-placeholder); font-family: 'Pretendard_B';}
.tab_box ul li.on{ color: #fff;  }
.tab_box .tab_box_contents{display: flex;  padding: 50px 70px;}
.tab_box .tab_box_contents .tab_box_left{ width:50%}
.tab_box .tab_box_contents .tab_box_left .tbl_tag{margin-bottom: 5px; font-family: 'Pretendard_B'; color: var(--color-Main); font-size: 26px;}
.tab_box .tab_box_contents .tab_box_left .tbl_title{ line-height: 1.4; margin-bottom: 30px; color: #121A41; font-size: 45px; font-family: 'Pretendard_B';}
.tab_box .tab_box_contents .tab_box_left .tbl_title span{display: block; color: #121a41;font-size: 30px; font-family: 'Pretendard_B';}
.tab_box .tab_box_contents .tab_box_left .tbl_list_wrap{ font-size: 22px; display: flex; flex-direction: column;}
.tab_box .tab_box_contents .tab_box_left .tbl_list_wrap p{line-height: 1.4; margin-bottom: 5px; display: flex; gap: 10px; color: var(--color-gray-g60);}
.tab_box .tab_box_contents .tab_box_left .tbl_list_wrap p span{color: var(--color-gray-g60); font-family: 'Pretendard_B';}
.tab_box .tab_box_contents .tab_box_right{width:50%;display: flex;align-items: center;justify-content: center;}


.tab_menu{
  position: relative;
  background:#f4f4f4;
  padding:6px;
}
.tab_menu li{
  position:relative;
  flex:1;
  z-index:2;
  color: #fff;
}

.tab_menu .tab_bg{position:absolute;top:6px;left:6px;height:calc(100% - 12px);width:0;background:#35c9c5;border-radius:999px;transition: all .35s cubic-bezier(.4,0,.2,1);z-index:1;}

.tab_contents{ position:relative; margin-top:30px; }
.tab_panel{display:none;opacity:0;transform:translateX(10px);}
.tab_panel.on{display:block;animation: tabFade .35s ease forwards;}

@keyframes tabFade{
  to{ opacity:1; transform:translateX(0); }
}

#marquee{background-color: var(--color-purple);}
#marquee .inner{padding-bottom: 0;}
#marquee .marquee {overflow: hidden;width: 100%;padding-bottom: 70px}
#marquee .row {display: flex; overflow: hidden; }
#marquee .track {gap: 20px; display: flex;animation: scroll-left 40s linear infinite;margin: 15px 0;}
#marquee .track img {width: 70px; height: 70px;margin-right: 10px;}
#marquee .track .review_box {animation: wave-sine 3.2s linear infinite;  width: 410px; border-radius: 20px; background-color: var(--color-BG); padding: 30px;}
#marquee .track .review_title {display: flex; align-items: center; margin-bottom: 14px;}
#marquee .track .review_title p{font-size: 26px; font-family: 'Pretendard_M';}
#marquee .track .review_contents{font-size: 24px; font-family: 'Pretendard_M';}

#marquee .track .review_box:nth-child(1){ animation-delay: -0.0s; }
#marquee .track .review_box:nth-child(2){ animation-delay: -0.4s; }
#marquee .track .review_box:nth-child(3){ animation-delay: -0.8s; }
#marquee .track .review_box:nth-child(4){ animation-delay: -1.2s; }
#marquee .track .review_box:nth-child(5){ animation-delay: -1.6s; }
#marquee .track .review_box:nth-child(6){ animation-delay: -2.0s; }
#marquee .track .review_box:nth-child(7){ animation-delay: -2.4s; }
#marquee .track .review_box:nth-child(8){ animation-delay: -2.8s; }

.video_wrap{width: 100%; display: flex; align-items: center; justify-content: center;}
.video_wrap .video_section{position: relative;border-radius: 35px;/* border: 20px solid var(--color-BG); */box-shadow: 2px 2px 3px 0 #FFF inset, 0 0 18px 0 rgba(151, 151, 151, 0.25) inset;}
.video_wrap video{display: block;width: 100%;border-radius: 15px;max-width: 970px;}



.video_wrap .video_section::before{content: "";position: absolute;inset: 0;border-radius: 35px;box-shadow:  2px 2px 3px 0 rgba(255,255,255,0.9) inset,
    0 0 18px 0 rgba(151,151,151,0.25) inset;
  pointer-events: none;
  width: 100%;
  height: 100%;
  left: -24px;
  padding: 24px;
  top: -24px;
}

.study_wrap{ display: flex; gap: 30px;}
.study_wrap .study_left{ width: 40%; }
.study_wrap .study_left ul{display: flex; flex-direction: column; gap: 15px;}
.study_wrap .study_left ul li{cursor: pointer; width: 90%; display: flex; justify-content: center; background-color: #fff; border-radius: 50px;padding: 20px; }
.study_wrap .study_left ul li.on{align-items: center; position: relative; gap: 30px; background-color: var(--color-Main);justify-content: flex-start;padding: 30px 24px; border-radius: 20px;}
.study_wrap .study_left ul li.on::after {content: '';position: absolute;bottom: -20px;width: 42px;height: 42px;background: var(--color-Main);border-radius: 0 0 7px 0;transform: rotate(
315deg);right: -19px;top: 27%;}
/* {position: relative; gap: 30px; background-color: var(--color-Main);justify-content: flex-start;padding: 30px 25px; border-radius: 20px;} */
/* .study_wrap .study_left ul li.on{ background: var(--color-Main) url('/static/web/img/sl_ballon.png') no-repeat center / cover;} */

.study_wrap .study_left ul li .sl_num{display: none;}
.study_wrap .study_left ul li.on .sl_num{display: inline-block; font-size: 54px;color: var(--color-p20); font-family: 'Pretendard_B';}
.study_wrap .study_left ul li.on .sl_num span{color: #fff;display: inline-block;}
.study_wrap .study_left ul li.on .sl_contents_wrap{width: calc( 100% - 110px);}
.study_wrap .study_left ul li .sl_contents_wrap .sl_title{font-size: 30px; font-family: 'Pretendard_SB'; color: var(--color-gray-g50);}
.study_wrap .study_left ul li.on .sl_contents_wrap .sl_title{color: #fffd96; }
.study_wrap .study_left ul li .sl_contents_wrap .sl_title span{font-size: 30px; font-family: 'Pretendard_SB'; color: var(--color-gray-g50);}
.study_wrap .study_left ul li.on .sl_contents_wrap .sl_title span{display: none;}
.study_wrap .study_left ul li .sl_contents_wrap .sl_contents{display: none;}
.study_wrap .study_left ul li.on .sl_contents_wrap .sl_contents{display: inline-block; line-height: 1.4; color: #fff; font-size: 24px; font-family: 'Pretendard_SB';}
.study_wrap .study_right{ width: 60%;}
.study_wrap .study_right .sr_panel{}
.study_wrap .study_right .sr_panel .sr_img{border-radius: 20px; border: 20px solid #fff;}

.study_wrap .study_right .sr_panel .sr_img img{width: 100%; display: block;}
.study_wrap .study_right .sr_panel .sr_img img{opacity:1; transition:opacity .35s ease;}
.study_wrap .study_right .sr_panel .sr_img img.is-fade{opacity:0;}

.question_bg{display: block; background: url('/static/web/img/question_bg.png') no-repeat center / cover;
  aspect-ratio: 16 / 9;
  position: relative;
}
.question_title_wrap{ text-align: center;margin-top: 40px;}
.question_title_wrap .title_main{margin-bottom: 50px; font-family: 'Pretendard_EB'; font-size: 60px; color: #fff;}
.question_title_wrap .title_sub_title{font-family: 'Pretendard_SB'; font-size: 30px; color: var(--color-p5);}

.ballon_section{position: relative; height: 570px;}
.ballon_section .ballon_wrap{position: absolute; animation: float 3s ease-in-out infinite;}
.ballon_section .ballon_wrap.ballon1{left: 13%;top: 30%; animation-delay: -0.2s;}
.ballon_section .ballon_wrap.ballon2{right: 10%;top: 14%; animation-delay: -0.4s;}
.ballon_section .ballon_wrap.ballon3{left: 0;bottom: 5%;  animation-delay: -0.6s;}
.ballon_section .ballon_wrap.ballon4{right: 0px;bottom: 17%; animation-delay: -1.4s;}

.question_bg .dotted_wrap{display: flex; flex-direction: column; gap: 15px; position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%);}
.question_bg .dotted_wrap .dotted{box-shadow: 0 4px 20px 0 rgba(255, 255, 255, 0.16) inset; filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
display: inline-block; width: 8px;height: 8px; border-radius: 10px; background-color: #fff;animation:scrollDot 1.6s ease-in-out infinite;}
.question_bg .dotted_wrap .dotted:nth-child(1){opacity:.1; animation-delay:0s;}
.question_bg .dotted_wrap .dotted:nth-child(2){opacity:.3; animation-delay:.15s;}
.question_bg .dotted_wrap .dotted:nth-child(3){opacity:.5; animation-delay:.3s;}
.emogi_wrap{position: absolute;}
.emogi_wrap.emogi1{left: 14%;top: 58%; animation: float 4s ease-in-out infinite; }
.emogi_wrap.emogi2{right: 26%;top: 11%; animation: float 5s ease-in-out infinite;}

.swiper-pagination-elea{text-align: center;}
.swiper-pagination-elea > .swiper-pagination-bullet-active{
  background: linear-gradient(180deg, #A2C4FC 0%, #B8E8F6 100%) !important;
  fill: var(--gradation, linear-gradient(180deg, #A2C4FC 0%, #B8E8F6 100%));
}
.swiper-pagination-elea > .swiper-pagination-bullet{
  width: 13px; height: 13px; margin: 0px 10px !important;
  background: var(--color-gray-g30-stroke);
  opacity: 1;
}

@keyframes scrollDot{
  0%{
    opacity:0;
  }
  30%{
    opacity:.6;
  }
  60%{
    opacity:.6;
  }
  100%{
    opacity:0;
  }
}

@keyframes wave-sine{
  0%{   transform: translateY(0); }
  6.25%{transform: translateY(-4px); }
  12.5%{transform: translateY(-8px); }
  18.75%{transform: translateY(-11px); }
  25%{  transform: translateY(-12px); }
  31.25%{transform: translateY(-11px); }
  37.5%{transform: translateY(-8px); }
  43.75%{transform: translateY(-4px); }
  50%{  transform: translateY(0); }
  56.25%{transform: translateY(4px); }
  62.5%{transform: translateY(8px); }
  68.75%{transform: translateY(11px); }
  75%{  transform: translateY(12px); }
  81.25%{transform: translateY(11px); }
  87.5%{transform: translateY(8px); }
  93.75%{transform: translateY(4px); }
  100%{ transform: translateY(0); }
}



:root{ --titleH: 300px; } /* 타이틀 실제 높이에 맞게 조절 */

.trigger{
  background-color: #e7f4f8;
  min-height: 100vh;
  display: grid;
  grid-template-rows: var(--titleH) 1fr; /* 타이틀 높이 + 나머지 무대 */
}

.title_pin{
  height: var(--titleH);
  position: relative;
  z-index: 20;
}

.elea_stage{
  position: relative;
  height: calc(100vh - var(--titleH));
  overflow: hidden;
}

.elea_bg{
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: url('/static/web/img/elea_blue.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  pointer-events: none;
}

/* ===== FG (카드 레이어) ===== */
.elea_fg{
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}

/* ===== FAN (카드 묶음) ===== */
.fan{
  position: absolute;
  left: 50%;
  bottom: 6vh;                 
  transform: translateX(-50%);
  width: min(1100px, 92vw);
  height: 320px;
  user-select: none;
  touch-action: none;
}

/* ===== CARD (공통) ===== */
.fan .card{
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 285px;
  height: 390px;
  border-radius: 22px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 16px 40px rgba(0,0,0,.14);
  will-change: transform, opacity;
}

.fan .card .alphabet{ margin-bottom: 20px;}
.fan .card .alphabet img{width: 120px;}
.fan .card .alphabet_etc{margin-bottom: 14px; border-radius: 100px; width: 90%; display: inline-block;  font-family: 'Pretendard_B'; font-size: 30px; background-color: var(--color-p5);color: var(--color-Main);}
.fan .card .alphabet_contents{}
.fan .card .alphabet_contents .alphabet_title{color: var(--color-gray-g100-darkbg); font-size: 26px; font-family: 'Pretendard_B';}
.fan .card .alphabet_contents .alphabet_word{line-height: 1.4; word-break:keep-all;color: var(--color-gray-g60); font-size: 20px; font-family: 'Pretendard_M'; margin-top: 7px; }

/* Center (파란 카드) */
.fan .card--center{
  background: linear-gradient(167deg, #30CACB 10.86%, #5087FF 98.99%), #FFF;
  color: #fff;
  z-index: 50;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.fan .card--center .character_contents{
  color: #fff;
  text-align: center;
  font-size: 42px;
  font-family: 'Pretendard_EB';
  line-height: 1.2;
}

.fan .card--center .character_contents span{
  color: #fff;
  font-size: 20px;
  font-family: 'Pretendard_B';
  text-align: center;
}

.fan .card--center .centerInner{
  font-weight: 700;
  letter-spacing: -0.4px;
}

/* White cards */
.fan .card--white{
  background: #fff;
  z-index: 10;
  transform-origin: 50% 100%;
  border: 1px solid rgba(0,0,0,.06);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1400px){
  .emogi_wrap.emogi1{}
  .emogi_wrap.emogi2{right: 10%;}
}

@media (max-width: 1200px){
  .fan .card{ height: 210px; width: 450px; gap: 15px; border-radius: 30px;display: flex; align-items: center;}
  .fan .card .full_ab_wrap {display: flex; flex-direction: column; }
  .fan .card .alphabet {margin-bottom: 5px; }
  .fan .card .alphabet img{width: 120px;}
  .fan .card .alphabet_etc{font-size: 20px;width: 100%; padding: 0px 15px;}
  .fan .card .alphabet_contents {text-align: left;}
  /* .fan .card .alphabet_contents .alphabet_title{font-size: 32px;} */
  /* .fan .card .alphabet_contents .alphabet_word{font-size: 24px;} */
  :root{ --titleH: 160px; }
  .fan{ height: 280px; bottom: 80px; left:48% }
  .elea_bg{
    background-image: url(/static/web/img/elea_blue_m.png);
  }
  /* .study_wrap {display: inline-block;} */
  /* .study_wrap .study_left {width: 100%;} */
  /* .study_wrap .study_right {width: 100%;} */
  .tab_box .tab_box_contents {padding: 40px; min-height: 402px;}
  .tab_box .tab_box_contents .tab_box_left {width: 60%;}
  .tab_box .tab_box_contents .tab_box_right {width: 40%;}
  .tab_box .tab_box_contents .tab_box_right img {width: 100%;}
  
  .elea_slide_wrap .elea_slide_left .elea_slide_main {font-size: 40px;}
  .emogi_section .emogi1{left: 5px;}
  .emogi_section .emogi2{right:5px;}

}
@media (max-width: 768px){
  
  .fan .card{ height: max-content; width:50%; gap: 15px; border-radius: 30px;display: flex; align-items: center;}
  .study_wrap .study_left ul li {width: 100%;}
  .study_wrap .study_left ul li.on .sl_num {font-size: 30px;}
  .study_wrap .study_left ul li .sl_contents_wrap .sl_title {font-size: 25px;}
  .study_wrap .study_left ul li .sl_contents_wrap .sl_title span {font-size: 25px;}
  .study_wrap .study_left ul li.on {padding: 20px 24px; display: flex;}
  .study_wrap .study_left ul li.on::after {transform: rotate(315deg) translateX(-50%); left: 50%; top: inherit; bottom: 0; width: 22px; height: 22px;}
  .study_wrap .study_left ul li.on .sl_contents_wrap {width: calc(100% - 70px);}
  .study_wrap .study_left ul li.on .sl_contents_wrap .sl_contents {font-size: 20px; line-height: 28px;}
  .study_wrap .study_right {margin-top: 20px;}
  .tab_contents {margin-top: 30px;}
  .tab_box {padding: 10px; border-radius: 40px;}
  .tab_box ul li {font-size: 18px;}
  .tab_box .tab_box_contents {padding: 0 20px 20px; display: inline-block; width: 100%;}
  .tab_box .tab_box_contents .tab_box_left {width: 100%;}
  .tab_box .tab_box_contents .tab_box_right {width: 100%; margin-top: 30px;}
  .tab_box .tab_box_contents .tab_box_left .tbl_tag {font-size: 18px;}
  .tab_box .tab_box_contents .tab_box_left .tbl_title {font-size: 28px; line-height: 1.3;}
  .tab_box .tab_box_contents .tab_box_left .tbl_title span {font-size: 22px;}
  .tab_box .tab_box_contents .tab_box_left .tbl_list_wrap p {font-size: 18px; word-break: keep-all;}
  .elea_stage{height: 100%;}
  .fan .card .alphabet img{width: 60px;}
  .fan .card .alphabet_contents .alphabet_title{font-size: 22px;}
  .fan .card .alphabet_contents .alphabet_word{font-size: 18px;}
  .fan .card .alphabet_etc{font-size: 14px; margin-bottom: 5px;}

  .elea_slide_wrap {flex-direction: column-reverse; align-items: center; justify-content: center;}
  .elea_slide_wrap .elea_slide_left {width: 100%; margin-bottom: 40px;}
  .elea_slide_wrap .elea_slide_right {width: 60%;}
  .elea_slide_wrap .elea_slide_right > img {width: 100%;}

  .elea_slide_wrap .elea_slide_left{text-align: center;}
  .elea_slide_wrap .elea_slide_left .elea_slide_sub {font-size: 20px;}
  .elea_slide_wrap .elea_slide_left .elea_slide_main {font-size: 34px; margin-bottom: 10px;}
  .elea_slide_wrap .elea_slide_left .elea_slide_subtext .elea_slide_sub_title {font-size: 20px; margin-bottom: 15px;}
  .elea_slide_wrap .elea_slide_left .elea_slide_subtext .elea_slide_sub_contents {font-size: 18px;}
  .elea_slide_wrap .elea_slide_right .slide_light{right: 0;}
  .elea_slide_wrap .elea_slide_right .slide_light .light_big img{width: 35px;}
  .ballon_section {margin-top: 70px; display: flex; flex-direction: column; align-items: center; justify-content: space-around;}
  .ballon_section .ballon_wrap {position: relative; display: flex; left: 0; top: 0;}
  .ballon_section .ballon_wrap.ballon1 {left: 0;top: 0;}
  .ballon_section .ballon_wrap.ballon2 {right: 0; top: 0;}
  .ballon_section .ballon_wrap.ballon3 {bottom: 0;}
  .ballon_section .ballon_wrap.ballon4 {bottom: 0;}
  .ballon_section .ballon_wrap.ballon1 img, 
  .ballon_section .ballon_wrap.ballon2 img, 
  .ballon_section .ballon_wrap.ballon3 img, 
  .ballon_section .ballon_wrap.ballon4 img{width: 100%; display: block; text-align: center;}
  .emogi_section{display: none;}
  .question_bg .dotted_wrap{bottom: 30px;}
  .study_wrap .study_right{display:none;}

  .study_left ul .m_sr_panel{width:100%; margin:10px 0 6px;}
  .study_left ul .m_sr_panel .m_sr_img{
    border-radius:20px;
    border:12px solid #fff;
    overflow:hidden;
  }
  .study_left ul .m_sr_panel img{
    width:100%;
    display:block;
    opacity:1;
    transition:opacity .35s ease;
  }
  .study_left ul .m_sr_panel img.is-fade{opacity:0;}
  .study_wrap .study_left{width: 100%;}
  .swiper-pagination-elea > .swiper-pagination-bullet{margin: 0px 5px !important; width: 10px; height: 10px;}
}
@media (max-width: 600px){
  :root{ --titleH: 140px; }
  .video_wrap .video_section{border: 10px solid var(--color-BG);border-radius: 25px;}
  .fan{ height: 260px; bottom: 40px; }
  .question_title_wrap .title_main {
    font-size: 34px;
      margin-bottom: 30px;}
  .fan .card{width: 90%; height: max-content;}
  .question_title_wrap .title_sub_title{
      font-size: 18px;
      line-height: 26px;
      word-break: keep-all;
  }
}

@media (max-width: 375px){
  .study_wrap .study_left ul li .sl_contents_wrap .sl_title {font-size: 22px;}
  .study_wrap .study_left ul li.on .sl_contents_wrap .sl_contents {font-size: 18px;}
  .tab_box .tab_box_contents .tab_box_left .tbl_title {font-size: 26px;}
}

/* 지사찾기 */
.location_main{position: relative;margin-top: 80px; min-height: 100vh;}
.location_main section{display: flex;width: 100%;height: 100vh;}
.location_left{overflow: auto;z-index: 7; box-shadow: 5px 0 10px 2px rgba(0, 0, 0, 0.16);padding: 40px; position: absolute; left: 0; width: 25vw; height: 100%; background-color: #fff;}
.location_left .lc_title_wrap{margin-bottom: 40px;}
.location_left .lc_title_wrap .lc_icon{ margin-bottom: 7px;}
.location_left .lc_title_wrap .lc_title{line-height: 1.3; font-family: 'Pretendard_M'; font-size: 32px;}
.location_left .lc_title_wrap .lc_title span{font-family: 'Pretendard_B';display: block;}

.location_left .lc_search_filter{}
.location_left .lc_search_filter .lc_search_box{ width: 100%; position: relative; margin-bottom: 30px;}
.location_left .lc_search_filter .lc_search_box input{font-size: 15px; border-radius: 5px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); border: none; width: 100%; padding: 15px;}
.location_left .lc_search_filter .lc_search_box input::placeholder{color: var(--color-gray-g40-placeholder);}
.location_left .lc_search_filter .lc_search_box button{cursor: pointer; position: absolute; right: 8px; top: 10px; background-color: inherit; border: none;}
.location_left .lc_search_filter .lc_search_box button img{}

.location_left .lc_search_filter .lc_select_box{margin-bottom: 15px; display: flex; gap: 15px;}
.location_left .lc_search_filter .lc_select_box .nice-select{ height: 50px; line-height: 48px; border: 1px solid var(--color-gray-g30-stroke);}
.location_left .lc_search_filter .lc_select_box .nice-select .current:first-child{color:#545454}
.location_left .lc_search_filter .lc_select_box .nice-select .list{max-height: 300px;overflow: auto;}
.location_left .lc_list{border-radius: 5px; width: 100%; border: 1px solid var(--color-gray-g30-stroke);}
.location_left .lc_list .total_list{border-bottom: 1px solid var(--color-gray-g30-stroke); padding: 20px; font-family: 'Pretendard_SB';}
.location_left .lc_list .total_list span{color: var(--color-p40); display: inline-block;}
.location_left .lc_list ul{max-height: 450px; overflow-y: auto; }
/* .location_left .lc_list ul::-webkit-scrollbar{} */
/* .location_left .lc_list ul::-webkit-scrollbar-thumb{background: var(--color-Main);} */
.location_left .lc_list ul li{padding: 20px; cursor: pointer; border-bottom: 1px solid var(--color-gray-g30-stroke);}
.location_left .lc_list ul li.selected{  background: url("/static/web/img/ic_select_location.svg") no-repeat 95% 50%; background-color: #f7f9fa;}
.location_left .lc_list ul li:hover{background-color: #f7f9fa;}
.location_left .lc_list ul li:last-child{border-bottom: none;}
.location_left .lc_list ul li .branch_nm{ font-family: 'Pretendard_M';}
.location_left .lc_list ul li .branch_lc{padding-right: 20px; color: #444;}
.location_left .lc_list ul li .branch_num{color: #999; font-size: 14px;}

.location_right{background-color: #ddd;width: calc(100% - 25vw);display: inline-block;position: absolute;right: 0;/* width: 100%; */height: 100%;}

@media (max-width: 1450px){
  .location_left{width: 400px;}
  .location_right{width: calc(100% - 400px)}
  .location_main{margin-top: 60px;}
}
@media (max-width: 1000px){
  .location_left{width: 100%;height: 450px;bottom: 0;z-index: 7;}
  .location_right{width: 100%;}
}
@media (max-width: 600px){

}

/* map-modal */
.map-modal_box {
  position: absolute;
  /* left: 142px;
    bottom: 64px; */
  left: 50%;
  transform: translateX(-55%);
  bottom: 64px;
}

.map-modal {
  position: relative;
  width: 316px;
  padding: 20px 18px;
  padding-bottom: 14px;
  border-radius: 12px;
  border: 5px solid #146e7a;
  background-color: #fff;
}

.map-modal::after {
  position: absolute;
  bottom: -20px;
  left: calc(50% - 18px);
  content: " ";
  height: 0;
  z-index: -1;
  border-bottom: 20px solid;
  border-left: 18px solid rgba(0, 0, 0, 0);
  border-right: 18px solid rgba(0, 0, 0, 0);
  color: #146e7a;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
}

.map-modal .close_btn {
  position: absolute;
  top: -5px;
  right: -5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  border-radius: 0 10px 0 10px;
  background-color: #146e7a;
}

.map-modal .close_btn img {
  width: 14px;
  height: 14px;
}

.map-modal .info-list h3 {
  font-size: 22px;
  font-weight: 600;
  margin: 0;
  margin-bottom: 24px;
  text-align: left;
}

.map-modal .info-list ul {
  margin-bottom: 20px;
}

.map-modal .info-list ul li {
  display: flex;
  align-items: flex-start;
}

.map-modal .info-list ul li:first-child {
  margin-bottom: 16px;
}

.map-modal .info-list ul li img {
  width: 14px;
  height: 18px;
}

.map-modal .info-list ul li p {
  font-size: 14px;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  text-align: left;
  white-space: normal;
}

.map-modal .btn_zone {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}

.map-modal .btn_zone a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  width: 48%;
  height: 46px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 10px;
  background-color: #146e7a;
}

.map-modal .btn_zone a:last-child {
  background-color: #002b49;
}