@charset "utf-8";

/* 공통 */
.c_white span {
    color: #fff !important;
}


/* 배너 공통 */
#visual_system .visual_title,
.inner .title_wrap .title_main {
    word-break: keep-all;
}

#visual_system .visual_contents span,
#visual_system .visual_title span {
    color: #fff !important;
}

#visual_system .left .visual_text_wrap{
    text-align: left;
}

/* system */
.cycle_mo {
    display: none;
}

.feedback .feedback_box .feed_img:last-child {
    margin-bottom: 0 !important;
}

.feedback .feedback_box .feed_title {
    width: calc(100% - 20px);
    margin: 0 auto;
}

/* business */
.gess .sub_title span {
    color: var(--color-gray-g40);
}

.submit_banner,
.submit_banner picture,
.submit_banner img {
    width: 100%;
}

.submit_info .info_contents ul li .info_detail_title {
    max-height: 36px;
    min-width: 130px;
}

.submit_banner picture {
    display: block;
}

.support_list .support_list_box .support_contents ul li:last-child {
    padding: 0;
}

/* support */
.guide_box .detail_tab {
    overflow: hidden;
}




/* footer */
footer .logo_wrap span {
    font-size: 18px;
    color: var(--color-gray-g40-placeholder);
    display: block;
    font-family: 'Pretendard_SB';
    margin-top: 10px;
}

@media screen and (min-width: 1200px) {

    /* system */
    .cycle {
        padding: 0 88px;
    }

    /* .business_visual .bgc_text {
        bottom: -430px;
    } */

    /* business */
    .support_list .support_list_box .support_title {
        padding: 15px !important;
    }

}

@media screen and (min-width: 580px) {
    .inline-block {
        display: inline-block;
    }
}

@media screen and (max-width: 1200px) {
    /* main index */
    #section_6 .title_wrap img {
        right: 0;
    }


    /* business */
    main>section.business_visual .inner {
        overflow: hidden;
    }

    /* .business_visual .bgc_text {
        bottom: -420px;
    } */

    main section.process_list .inner {
        width: 80%;
    }

    .support_list {
        width: 90%;
        margin: 0 auto;
    }

    .support_list .support_list_box .support_title {
        padding: 15px;
        font-size: 28px;
    }

    .support_list .support_list_box .support_title::after {
        bottom: -39px;
    }

    .support_list .support_list_box .support_contents ul li {
        font-size: 20px;
    }

    .support_list .support_list_box .support_contents img {
        max-width: 100px;
    }


    .submit .submit_full_inner {
        width: 80%;
    }
    
    /* curriculum */
    .curriculum_img_wrap {padding-left: 120px;}

}

@media screen and (max-width: 1024px) {
    /* gnb 엘라버스 바로가기 */
    .go_elaverse {
        display: none;
    }

    /* main index */
    #section_6 .form{
        padding: 60px;
    }

    #section_6 .title_wrap img {
        max-width: 320px;
        right: -20px;
    }

    #section_6 h2, #section_6 .form_title {
        padding-left: 0;
    }


    /* aboutELEA */
    #about_section1 .about_sub_title {
        text-align: left;
    }

    /* system */
    #visual_system {
        margin-top: 60px;
    }

    .feedback .feedback_box .feed_title {
        font-size: 24px;
    }

    /* business */
    .process .process_circle_list .pr_1 {
        left: 13%;
    }

    .process .process_circle_list .pr_2 {
        left: 28%;
    }

    .process .process_circle_list .pr_3 {
        right: 28%;
    }

    .process .process_circle_list .pr_4 {
        right: 13%;
    }

    .support_list .support_list_box .support_contents ul {
        width: 100%;
        padding-left: 30px;
    }

    .support_list .support_list_box .support_contents ul li::after {
        top: 3px;
        width: 26px;
        height: 26px;
        background-size: contain;
        left: -34px;
    }


    .great_list {
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .great_list .great_list_box {
        width: 48%;
    }

}

@media screen and (max-width: 768px) {
    /* main index */
    #section_6 .title_wrap img {
        display: none;
    }

    #visual_system .visual_contents {
        font-size: 45px;
    }

    #section_6 h2 {
        font-size: 30px;
    }

    #visual_system .visual_title {
        font-size: 22px;
    }

    #section_6 .form_input_wrap .input_wrap {
        flex-direction: column;
        gap: 10px;
    }

    #section_6 .submit_radio > div {
        width: 48%;
    }


    /* business */
    .process .process_img_wrap {
        padding-top: 70px;
    }

    .process .process_img_wrap .pro_img {
        width: 100%;
    }

    .process .process_img_wrap .process_circle {
        width: 80%;
    }

    .process .process_img img.process_circle {
        top: 27%;
    }

    .process .process_circle_list .pr_1 {
        left: 3%;
    }

    .process .process_circle_list .pr_2 {
        left: 22%;
    }

    .process .process_circle_list .pr_3 {
        right: 22%;
    }

    .process .process_circle_list .pr_4 {
        right: 3%;
    }

    main section.process_list .inner {
        width: 100%;
    }

    .support_list {
        width: 100%;
    }

    .submit .submit_full_inner {
        width: 100%;
    }


    /* support */
    /* .system_sub_title, .sub_title{
        word-break: keep-all;
    } */

    .sub_title br,
    i.br {display: none;}

    #visual_system .column {
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .classroom .gradient_white,
    .classroom .gradient_white2 {
        width: 30%;
    }

    /* support */
    .book_tab_guide .guide_tabmenu {
        flex-wrap: wrap;
        gap: 0px;
        border-radius: 10px;
        margin-bottom: 10px;
        overflow: hidden;
    }

    .book_tab_guide .guide_tabmenu li.on {
        color: #fff;
    }

    .book_tab_guide .guide_tabmenu li{
        width: 33.3%;
        border-radius: 0;
        font-family: 'Pretendard_R';
        color: var(--color-gray-g70);
        background-color: #fff;
        padding: 13px 20px;
    }

    .book_tab_guide .tab_content,
    .swiper-backface-hidden .swiper-slide{
        border-radius: 20px;
        flex-direction: column;
        justify-content: center;        
        align-items: center;
        /* display:flex; */
    }

    .book_tab_guide .tab_content .tab_img {
        width: 88%;
        padding-left: 0;
    }

    .book_tab_guide .tab_content .right_tab {
        width: 100%;
        margin-top: 10px;
        padding: 20px 70px;
    }

    .book_tab_guide .tab_content .right_tab .tab_subtext ul li > br {
        display: none;
    }

    /* curriculum */
    .curriculum_img_wrap {padding-left: 60px;}

    /* notice */
    .notice_tit_wrap{
        flex-direction: column;
        align-items: flex-start;
    }

    .notice_cont p {font-size: 16px;}
    .award_bg{
        background: url('../img/award_bg_m.png') no-repeat center / 100%;
        background-size: cover;
        min-height: 1000px;
    }

}

@media screen and (max-width: 580px) {
    /* main index */
    #section_6 .form {
        padding: 40px;
    }

    #section_6 .form_title{
        padding-bottom: 20px;
    }

    #section_6 .etc {
        padding-top: 10px;
    }

    #section_6 .form_input_wrap button { 
        width: 100%;
    }

    /* aboutELEA */
    .inner .title_wrap .title_main {
        display: flex;
        flex-flow: column;
    }



    /* 배너 공통 */
    #visual_system .visual_contents,
    #visual_system .visual_title {
        display: flex;
        flex-direction: column;
    }

    /* system */
    .cycle {
        display: none;
    }

    .cycle_mo {
        display: block;
        display: flex;
        justify-content: center;
        padding-top: 10px;
    }

    .cycle_mo img {
        max-width: 250px;
    }

    .talbet-warp {
        margin: 30px auto 0;
    }

    .feedback .feedback_box .feed_img {
        margin-bottom: 20px;
    }

    .system_sub_title,
    .sub_title {
        font-size: 16px;
        text-align: left;
    }

    .feedback .feedback_box .feed_title {
        font-size: 18px;
        max-height: 50px;
        border-radius: 8px;
        padding: 10px 0;
    }

    .feedback .feedback_box .feed_title img {
        display: none;
    }

    .inner .title_wrap {
        margin-bottom: 30px;
    }

    /* business */
    .inner .title_wrap .title_main {
        margin-bottom: 20px;
    }

    .business_visual .business_sub_txt {
        font-size: 16px;
    }

    .business_visual .business_elea .business_elea_img {
        width: 100%;
    }

    .business_visual .business_elea .half_circle {
        width: 150%;
    }

    /* .business_visual .bgc_text {
        bottom: -350px;
    } */

    .business_visual .bgc_text .bgc_track {
        display: flex;
        flex-flow: column;
    }

    .award_sub_title,
    .gess .sub_title {
        display: flex;
        flex-direction: column;
        text-align: center;
        line-height: 1.4;
    }

    .award_sub_title span {
        color: var(--color-gray-g50);
    }

    .gess .sub_title span {
        color: var(--color-gray-g40);
    }

    .process .pr_circle {
        font-size: 20px;
        width: 90px;
        height: 90px;
    }

    .process .process_circle_list .pr_1,
    .process .process_circle_list .pr_4 {
        top: 48%;
    }

    .process .process_circle_list .pr_2,
    .process .process_circle_list .pr_3 {
        top: 8%;
    }

    main section.process_list .inner {
        padding: 60px 20px;
    }

    .process_list .process_list_box_wrap {
        width: 100%;
        grid-template-columns: 1fr;
    }

    .great_list {
        flex-direction: column;
    }

    .great_list .great_list_box {
        width: 100%;
    }

    .support_list {
        grid-template-columns: 1fr;
    }

    .support_list .support_list_box {
        width: 100%;
    }

    .submit_inner .submit_title {
        font-size: 30px;
    }

    .submit_inner .submit_contents,
    .submit_info .info_contents .etc_info {
        font-size: 14px;
    }

    #contact .submit_inner .submit_contents {
        text-align: center;
        font-size: 18px;
    }
    
    .submit_info {
        padding: 30px 0;
    }

    .submit_info .info_title {
        font-size: 20px;
    }

    .submit_info .info_contents ul li .info_detail_title {
        font-size: 15px;
    }

    .submit_info .info_contents ul li .info_detail_contents {
        font-size: 16px;
    }

    .submit_inner .submit_title,
    .submit_info .info_title {
        text-align: center;
    }

    .submit_wrap .submit_box .submit_title {
        margin-bottom: 14px;
        width: 100%;
    }

    .submit_wrap .submit_box {
        flex-direction: column;
    }

    .submit_info .info_contents ul li .info_detail_title {
        max-height: 26px;
        min-width: 100px;
        width: 100px;
    }
    
    .submit_wrap .submit_box .mgb0>div {
        margin-bottom: 0 !important;
    }

    .submit_wrap .submit_box .submit_radio>div {
        width: 50%;
        margin-bottom: 20px;
    }

    .submit_wrap .submit_box .submit_input,
    .submit_wrap .submit_box .submit_radio,
    .submit_wrap .submit_box .submit_textarea{
        width: 100%;
    }

    .submit_wrap .submit_box .submit_radio {
        gap: 0px;
    }

    .all_checkbox > div {
        padding: 10px;
    }

    .all_checkbox .b_check_txt {
        font-size: 14px;
    }

    .all_checkbox div .check_wrap {
    width: calc(100% - 40px);
    }

    .submit_btn button {
        width: 100%;
        padding: 15px 110px;
    }

    .view_detail {
        display: none;
    }

    .checkbox_wrap .check_tit {
        font-size: 16px;
    }

    .full_agree > p,
    .checkbox_cont h3 {
        font-size: 14px;
    }

    .checkbox_wrap {
        padding: 20px;
    }

    .checkbox_cont {
            padding: 20px 0px 0px 44px;
    }



    /* support */
    .guide_box .guide_tabmenu li {
        font-size: 14px;
    }

    .guide_box .detail_tab .tab_content .tab_title{
        font-size: 24px;
    }

    .guide_box .detail_tab .tab_content .tab_subtext,
    .guide_box .detail_tab .tab_content .tab_subtext p{
        font-size: 15px;
    }

    .guide_box .detail_tab .tab_content .tab_img {
        gap: 10px;
    }

    .teacher_img_wrap {
        flex-direction: column;
    }

    .teacher_img_wrap .teacher_img {
        border-radius: 16px;
        border: 6px solid var(--color-Main);
    }   

    .teacher_img_wrap .teacher_img img {
        border-radius: 10px;
    }

    .classroom .gradient_white,
    .classroom .gradient_white2 {
        width: 10%;
    }

    .classroom .marquee{
        margin: 30px auto 60px;
    }

    /* curriculum */
    .book_tab_guide .tab_content .right_tab {
        padding: 28px 20px 54px;
    }
    .section_book_title_wrap h3{
        font-size: 30px;
    }
    .book_info .book_title_wrap .book_main_title{
        font-size: 24px;
    }
    .book_info .book_title_wrap .book_sub_title{
        font-size: 18px;
    }
    .book_info .booketc{
        font-size: 15px;
    }
    .book-swiper .swiper-slide{
        margin:0px auto
    }
    .book-swiper .swiper-slide img{
        width: 80%;
    }
    .swiper-backface-hidden .swiper-slide{
        display: flex;
    }

    .book_info .book_title_wrap .book_main_title{
        font-size: 24px;
    }
    .book_info .book_title_wrap .book_sub_title{
        font-size: 18px;
    }
    .book_info .booketc{
        font-size: 15px;
    }
    .book-swiper .swiper-slide{
        margin:0px auto
    }
    .book-swiper .swiper-slide img{
        width: 80%;
    }
    .swiper-backface-hidden .swiper-slide{
        display: flex;
    }
    .left_book, .right_book{
        width: 40px;
        height: 40px;
        top: -90%;
    }
    .left_book i, .right_book i{
        font-size: 16px;
    }
    .left_book{left: 0;}
    .right_book{right: 0;}

    .tab_left, .tab_right{
        top: 150px;
    }

    .book_tab_guide .tab_content {
        padding: 40px 0 0;
    }

    .book_tab_guide .tab_content .right_tab .tab_title{
        font-size: 24px;
        text-align: center;
    }

    .book_tab_guide .tab_content .right_tab .tab_title span{
        font-size: 14px;
    }

    .book_tab_guide .tab_content .right_tab .filter_text {
        display: block;        
        width: fit-content;    
        margin: 0 auto 10px;     
    }

    .section_book_title_wrap{
        margin-bottom: 30px;
    }

    .curriculum_img_wrap {padding-left: 20px;}

    /* notice,FAQ */
    .SubPage_title {
        margin-top: 50px;
        margin-bottom: 30px;
    }
    
    .SubPage_title>div{
        display: flex;  
        flex-direction: column;
        align-items: center;
    }

    .SubPage_title .title_main {
        font-size: 30px;
        font-family: 'Pretendard_EB'; 
        margin-bottom: 20px;
    }

    .SubPage_title .title_sub{
        font-size: 16px;
        font-family: 'Pretendard_B'; 
    }

    .notice_list .notice_box {
        padding: 20px;
    }

    .notice_tit_wrap {
        padding: 20px 0;
        margin-top: 50px;
    }

    .notice_tit{
        font-size: 20px;
        font-family: 'Pretendard_M';         
    }

    .go_list > span {
        padding: 12px 70px;
    }

    .faq_cont_wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .faq_cont_wrap .faq_gt .faq_cont >li {
        margin-bottom: 4px;
    }

    /* footer */

    footer .footer_info .logo_wrap img {
        width: 160px;
    }

    .footer_info .info_wrap .info .flex_box ul li footer .logo_wrap span {
        font-size: 15px;
        margin-top: 8px;
    }

    .footer_info .info_wrap .info .flex_box ul li {
        font-size: 13px;
    }

    .footer_info .info_wrap .info .copyright {
        font-size: 12px;
    }
    .gocontact img{width: 60px;}
}

@media screen and (max-width: 480px) {

    /* aboutELEA */
    .inner .title_wrap .title_main {
        display: flex;
        flex-flow: column;
    }

    /* system */
    #visual_system .visual_contents {
        font-size: 30px;
        margin-bottom: 60px;
    }

    #visual_system .visual_title {
        font-size: 15px;
    }

    /* business */
    main {
        overflow: hidden;
    }

    .common_section {
        margin-top: 60px;
    }

    .go_submit {
        width: 90%;
        padding: 14px;
        border-radius: 14px;
    }

    .go_submit .logo_elea{
        display: none;
    }
    
    .go_submit .go_submit_wrap{
        width: 75%;
    }
    
    .go_submit .go_submit_btn {
        width: 60px;
        height: 42px;
    }

    .award_bg {
        /* min-height: 700px; */
         
        background-size: cover;
        min-height:910px
    }
    
    .gess .inner .title_wrap .sub_title {
        font-size: 20px;
        justify-content: space-between;
    }

    .gess .gess_img {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }

    .gess .gess_img img {
        width: 100%;
    }

    .process .pr_circle {
        font-size: 12px;
        width: 52px;
        height: 52px;
    }

    .process .process_img_wrap {
        padding-top: 40px;
    }

    .process_list .process_list_box_wrap .process_title {
        font-size: 20px;
    }

    .process_list .process_list_box_wrap .process_contents ul li {
        font-size: 14px;
        margin-bottom: 0;
    }

    .process_list .process_list_box_wrap .process_list_box {
        padding: 20px;
    }

    .support_list .support_list_box {
        border-radius: 14px;
    }

    .support_list .support_list_box .support_title {
        padding: 10px;
        font-size: 20px;
    }

    .support_list .support_list_box .support_title::after {
        bottom: -16px;
        background-size: contain;
        width: 36px;
        height: 17px;
        background-repeat: no-repeat;
    }

    .support_list .support_list_box .support_contents {
        padding: 20px 20px 30px;
    }

    .support_list .support_list_box .support_contents ul {
        padding-left: 20px;
    }

    .support_list .support_list_box .support_contents ul li {
        font-size: 15px;
        padding-bottom: 10px;
    }

    .support_list .support_list_box .support_contents ul li::after {
        top: 3px;
        width: 16px;
        height: 16px;
        left: -20px;
    }

    .great_list .great_list_box {
        padding: 30px 20px 26px;
    }

    .submit_info .info_contents ul li .info_detail_title {
        min-width: 70px;
        max-width: 70px;
        max-height: 23px;
    }


    .submit_info .info_contents ul li {
        gap: 10px;
    }

    .submit_wrap .submit_box .submit_title {
        font-size: 16px;
        width: 100%;
    }

    .submit_wrap .submit_box .submit_input input[type=text]{
        font-size: 14px;
    }


    .submit_btn button {
        width: 100%;
        justify-content: space-evenly;
        padding: 22px 20%;
    }
}