@charset "utf-8";

/* common */
body, html { height:100%; }
/*body * { transition:all 0.3s  ease-in-out; }*/

body { font-family:'NanumSquareRound', sans-serif; font-size:20px; font-weight:300; color:#000; line-height:1.0; letter-spacing:-1px; }
body * { font-family:'NanumSquareRound', sans-serif; font-size:20px; font-weight:300; color:#000; } 

.pc { display:inline-block; }
.mo { display:none; }
.bold { font-weight:var(--fontW500); }
.inner { margin:0 auto; max-width:1400px; }

:root {
    --subTit-size:50px;         --subTit-size-w:6vw;
    --bodyTxt30-size:30px;      --bodyTxt30-size-w:4.5vw;   
    --bodyTxt24-size:24px;      --bodyTxt24-size-w:4vw;
    --bodyTxt22-size:22px;      --bodyTxt22-size-w:3.5vw;
    --bodyTxt20-size:20px;      --bodyTxt20-size-w:2.5vw;
    --bodyTxt18-size:18px;      --bodyTxt18-size-w:2.3vw;  /* 25년 08월 미래엔 추가 */
    --bodyTxt16-size:16px;      --bodyTxt16-size-w:3.2vw;
    --bodyTxt12-size:12px;      --bodyTxt12-size-w:2.7vw;
                                --bodyTxt10-size-w:2vw;
                                --bodyTxt9-size-w:1.8vw;

    --fontW400:400;
    --fontW500:500;
    --fontW600:600;

    --pointColor_ele:#02A39F; /* 초등 포인트 칼라 */
    --pointColor_mid:#C43CB4; /* 중등 포인트 칼라 */
    --pointColor_high:#7547D9; /* 고등 포인트 칼라 */
    --pointColor:#FDED7C; /* 포인트 칼라 */
    --subColor:#333; /*--subColor:#666;*/
    --whiteColor:#fff;
}
.school_wrap { position:relative; }
.school_wrap main { overflow:hidden; }
.school_wrap main > div { position:relative; }
.school_wrap main.fixed { position:fixed; bottom:0px; width:100%; }

/* title */
.school_wrap h2 { color:#000; font-size:var(--subTit-size); font-weight:var(--fontW600); text-align:center; line-height:1.4; word-break:keep-all; }
.school_wrap h2 + p { margin-top:25px; font-size:var(--bodyTxt30-size); font-weight:var(--fontW400); line-height:1.5; text-align:center; word-break:keep-all; }
/* btn */
.btn { width:100%; height:50px; line-height:48px; text-align:center; font-size:var(--bodyTxt20-size); font-weight:var(--fontW600); border-radius:30px; box-sizing:border-box; }
    .btn.color { color:var(--whiteColor); border:1px solid #000; border-width:1px 1px 3px 1px; box-sizing:border-box; }
        .ele .btn.color { background:var(--pointColor_ele); }
        .mid .btn.color { background:var(--pointColor_mid); }
        .high .btn.color { background:var(--pointColor_high); }
    .btn.color:before { content:""; display:inline-block; margin-right:5px; width:16px; height:16px; vertical-align:inherit; background:url('../images/common/btn_go.svg') center no-repeat; }
    .btn.gray { color:var(--whiteColor); background:#999; border:1px solid #000; border-width:1px; box-sizing:border-box; }
    .btn.gray:before { content:""; display:inline-block; margin-right:5px; width:16px; height:16px; vertical-align:inherit; background:url('../images/common/btn_go.svg') center no-repeat; }

/* tit_area */
.tit_area { padding:140px 0 120px; }
.tit_area .inner { z-index:2; padding:0px; position:relative; }
.tit_area h1 { margin-bottom:90px; text-align:center; }
.tit_area .bok_group { display:flex; margin-bottom:85px; justify-content:center; box-sizing:border-box; }
    .tit_area .bok_group .bok_area { overflow:hidden; flex:0 0 auto; margin-left:40px; height:50vw; max-height:390px; box-shadow:0px 5px 25px -2px rgba(0, 0, 0, 0.4); border-radius:10px; }
    .tit_area .bok_group .bok_area:first-child { margin-left:0px; }
    .tit_area .bok_group .bok_area img { height:100%; }
.tit_area p { font-size:var(--bodyTxt30-size); color:var(--whiteColor); line-height:1.5; text-align:center; }
    .tit_area p strong { display:block; margin-bottom:20px; color:var(--whiteColor); font-size:var(--subTit-size); font-weight:var(--fontW600); }
.tit_area .btn_group { margin-top:35px; text-align:center; }
    .tit_area .btn_group > li { display:inline-block; margin:10px 6px; width:205px; border:1px solid #000; border-width:1px 1px 3px; border-radius:50px; background:#FFE37D; box-sizing:border-box; }
    .tit_area .btn_group > li > a { display:block; width:100%; height:70px; line-height:72px; font-size:var(--bodyTxt24-size); font-weight:var(--fontW500); box-sizing:border-box; text-align:center; }
    .tit_area .btn_group > li > a:before { content:""; display:inline-block; margin-right:5px; width:30px; height:30px; vertical-align:middle; }
    .tit_area .btn_group > li.sel > a:before { background:url('../images/common/ico01.svg') no-repeat; }
    .tit_area .btn_group > li.txb > a:before { background:url('../images/common/ico02.svg') no-repeat; }
    .tit_area .btn_group > li.s_txb > a:before { background:url('../images/common/ico03.svg') no-repeat; }
    .tit_area .btn_group > li.t_txb > a:before { background:url('../images/common/ico04.svg') no-repeat; }
    .tit_area .btn_group > li.g_txb > a:before { background:url('../images/common/ico05.svg') no-repeat; }
    .tit_area .btn_group > li.e_txb > a:before { background:url('../images/common/ico06.svg') no-repeat; }
	.tit_area .btn_group > li.a_txb > a:before { background:url('../images/common/ico07.svg') no-repeat; }

    .tit_area .btn_group > li.on { position:relative; background:var(--whiteColor); }
    .tit_area .btn_group > li .sub_list,
    .tit_area .btn_group > li .btn_close { display:none; }
    .tit_area .btn_group > li .btn_close img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
    .tit_area .btn_group > li.on { border-radius:30px 30px 0 0; }
    .tit_area .btn_group > li.on .sub_list { overflow:hidden; z-index:5; display:block; position:absolute; top:70px; left:-1px; width:100%; background:var(--whiteColor); border:1px solid #000; border-width:0 1px 3px; border-radius:0 0 30px 30px; }
            .tit_area .btn_group .sub_list li a { display:block; height:50px; line-height:50px; font-size:16px; font-weight:var(--fontW400); background:#F0F0F0; border-top:1px solid #000; box-sizing:border-box; }
        .tit_area .btn_group > li.on .btn_close { display:block; position:absolute; top:-10px; right:-10px; width:38px; height:38px; line-height:34px; background:var(--whiteColor); border:1px solid #000; border-width:1px 1px 3px 1px; border-radius:100%; }
        .tit_area .btn_group > li.on .btn_close:before { display:none; }
    .tit_area .bg_area { overflow:hidden; z-index:1; position:absolute; top:0px; left:0px; width:100%; height:100%; }
        .tit_area .bg_area span { z-index:0; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; background-size:cover !important; animation:bgMotion 20s linear infinite; 
            background-blend-mode:multiply;
            opacity: 0.3;
            -webkit-filter: grayscale(70%);
            filter: grayscale(70%);
        }
        .tit_area .bg_area:before { z-index:-1; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; background-size:cover !important; }
        @keyframes bgMotion {
            0%, 50%, 100% { scale: scale(1) translate(0,0); }
            30%, 90% { transform: scale(1.05) translate(0,0); }
            60% { transform: scale(1) translate(0,0); }
        }

/* pro_area */
.pro_area { overflow:hidden; padding:140px 0 120px; }
.pro_area h2 { position:relative; padding-top:115px; color:var(--whiteColor); }
    .pro_area h2:before { content:""; position:absolute; top:0px; left:50%; transform:translateX(-50%); display:inline-block; width:100px; height:100px; }
.pro_area h2 + p { color:var(--whiteColor); }

.pro_major { position:relative; margin:70px 0 0; padding-bottom:165px; width:100%; text-align:center; box-sizing:border-box; }
.pro_major .pro_main { position:relative; margin:0 auto; max-width:960px; width:100%; }
    .pro_main img { width:100%; }
    .pro_main .main,
    .pro_main .bg { position:absolute; top:0px; left:0px; }
    .pro_main .name { z-index:2; position:relative; }

.pro_major .pro_txt { position:absolute; max-width:1003px; width:100%; height:22vw; max-height:251px; left:50%; bottom:0px; transform:translateX(-48%); background:url('../images/common/pro_main_bg.png') center bottom no-repeat; background-size:cover; }
    .pro_txt p { padding:7.6% 9% 2% 5%; font-size:var(--bodyTxt30-size); font-weight:var(--fontW500); text-align:center; line-height:1.6; box-sizing:border-box; word-break:keep-all; 
        /* 24.08 미래엔 수정 -> CSS 수정 Start */
        display:flex; 
        align-items:center;
        justify-content:center;
        min-height:248px;
        /* 24.08 미래엔 수정 -> CSS 수정 End */
    }

.pro_member { margin:70px auto 0; width: 1270px; }
    .pro_member > dt { clear:both; display:block; margin-bottom:40px; text-align:center; font-size:var(--bodyTxt30-size); color:var(--whiteColor); font-weight:var(--fontW500); line-height:1.3; }  /* 24.08 미래엔 추가 -> line-height:1.3; 추가 */
    .pro_member > dd { display:flex; flex-wrap:wrap; margin:-25px 0 0 -30px; box-sizing:border-box; }
    .pro_member dl { display:flex; flex-direction:column; margin:25px 0 0 30px; padding:25px 35px; width:calc(100%/4 - 30px); min-height:137px; text-align:center; align-items:center; box-sizing:border-box; }
        .pro_member dl:nth-child(odd) { background:url('../images/common/pro_bg_mem01.svg') center no-repeat; background-size:100% auto; }
        .pro_member dl:nth-child(even) { background:url('../images/common/pro_bg_mem02.svg') center no-repeat; background-size:100% auto }
    .pro_member dl dt { flex:3; margin-bottom:15px; font-size:var(--bodyTxt24-size); color:var(--whiteColor); font-weight:500; }
    .pro_member dl dd { display:flex; flex:7; font-size:var(--bodyTxt20-size); color:var(--whiteColor); align-items:center; line-height:1.4; word-break:keep-all; }

/* bg_con */
.current + .bg_con div { position:fixed; }
.bg_con { height:70vh; }
.bg_con:before { content:""; z-index:2; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0, 0, 0, 0.2); }
.bg_con div { z-index:-1; position:relative; top:0px; left:50%; width:100vw; height:100vh; transform:translateX(-50%); background-size:cover !important; }

/* txb_area */
.txb_area > div { padding:120px 0; }
.txb_area .txb_sel { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; margin-bottom:45px; text-align:center; }
.txb_area .txb_sel li { position:relative; display:inline-block; padding:0 30px; }
.txb_area .txb_sel li:before { position:absolute; left:0px; top:50%; display:inline-block; width:1px; height:22px; border-radius:30px; transform:translateY(-50%); }
.txb_area .txb_sel li:first-child:before { display:none; }
.txb_area .txb_sel li a { font-size:var(--bodyTxt24-size); font-weight:var(--fontW600); }
    .txb_area .txb_sel li.on a { position:relative; }
    .txb_area .txb_sel li.on a:before { content:""; position:absolute; left:0px; bottom:-7px; display:inline-block; width:100%; height:3px; }

.txb_area .view_box { margin:0 auto; padding:0 30px 30px; max-width:1200px; width:100%; border-radius:15px; box-sizing:border-box; border:1px solid #666;  }     
.txb_area .view_box dt { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; padding:25px 0; text-align:center; }
.txb_area .view_box dt a { font-size:var(--bodyTxt30-size); color:var(--whiteColor); font-weight:var(--fontW600); }
    .txb_area .view_box dt a + a { margin-left:60px; }
    .txb_area .view_box dt a.on { color:#000; }
    .txb_area .view_box dd { position:relative; }
        .view_box .btn_prev,
        .view_box .btn_next { position:absolute; top:50%; display:inline-block; width:60px; height:60px; border:1px solid #000; border-width:1px 1px 3px 1px; border-radius:100%; transform:translateY(-50%); }
            .view_box .btn_prev { left:-110px; background:#fff url('../images/common/btn_prev.svg') center no-repeat; background-size:50% auto; }
            .view_box .btn_next { right:-110px; background:#fff url('../images/common/btn_next.svg') center no-repeat; background-size:50% auto; }
            .view_box .btn_prev span,
            .view_box .btn_next span { display:none; }
        .view_box .paging { position:absolute; left:50%; bottom:18px; padding:7px 10px; min-width:90px; text-align:center; font-size:var(--bodyTxt20-size); color:var(--subColor); font-weight:var(--fontW400); background:rgb(255,255,255,0.6); border-radius:30px; box-sizing:border-box; transform:translateX(-50%); letter-spacing:0px; }
        .view_box .view_con { overflow:hidden; width:100%; border-radius:15px; }
            .view_box .view_con img { width:100%; vertical-align:top; }
            .view_box .view_con .video { position:relative; display:block; width:100%; height:100%; }
            .view_box .view_con .video:before { content:""; position:absolute; top:0px; left:0px; display:inline-block; width:100%; height:100%; background:#000; opacity:0.2; }
            .view_box .view_con .video:after { content:""; position:absolute; top:50%; left:50%; display:inline-block; width:120px; height:120px; border:1px solid #000; border-width:1px 1px 3px 1px; border-radius:100%; background:#fff url('../images/common/btn_play.svg') center no-repeat; background-size:50% auto; transform:translate(-50%, -50%); cursor:pointer; }
        

    .txb_list h2 { margin-bottom:60px; }
    .txb_list .txb_sel li:before { background:#000; }
    
    .txb_con { }
    .txb_con .txb_sel li:before { background:var(--whiteColor); }
    .txb_con .txb_sel li a { color:var(--whiteColor); }
    .txb_con .txb_sel li.on a { color:var(--pointColor); }
    .txb_con .txb_sel li.on a:before { background:var(--pointColor); }
    .txb_con .txb_txt { margin:0 -30px; padding:25px 30px; border-top:1px solid rgba(0, 0, 0, 0.1); text-align:center; font-size:var(--bodyTxt24-size); font-weight:var(--fontW500) }

/* lib, obj, edu */
.lib_area,
.obj_area,
.edu_area,
.stream_area { padding:130px 0; /*min-height:100vh;*/ box-sizing:border-box; }
.stream_area { padding-bottom:200px; }


/* lib_area */
.lib_area .lib_con { display:flex; justify-content:center; margin:80px auto 0; width:1320px; }
    .lib_con li { position:relative; display:flex; flex-direction:column; justify-content:flex-start; padding:35px; width:420px; height:480px; border:1px solid var(--subColor); background:var(--whiteColor); border-radius:10px; box-sizing:border-box; }
    .lib_con li + li { margin-left:30px; }
        .lib_con li + li:before,
        .lib_con li + li:after { content:""; position:absolute; left:-46px; display:inline-block; width:60px; height:15px; border-radius:30px; background:#FDED7C; border:1px solid var(--subColor); box-sizing:border-box; }
            .lib_con li + li:before { top:77px; }
            .lib_con li + li:after { bottom:77px; }
        .lib_con li:first-child { margin-left:0; }
        .lib_con li strong { display:block; margin-bottom:30px; font-size:var(--bodyTxt30-size); font-weight:var(--fontW600); text-align:center; }
        .lib_con li img { overflow:hidden; margin-bottom:15px; width:100%; height:auto; border:1px solid #C3C3C3; border-radius:10px; box-sizing:border-box; }
        .lib_con li p { display:flex; align-items:center; justify-content:center; flex-grow:1; margin-bottom:25px; font-size:var(--bodyTxt20-size); color:var(--subColor); line-height:1.5; word-break:keep-all; text-align:center; }
        /*.lib_con li a { display:block; margin-top:auto; }*/
        .lib_con li .btn_group { display: flex; margin-top:auto; }
        .lib_con li .btn_group a { flex:1; text-align:center; margin-left:10px; }
            .lib_con li .btn_group a:first-child { margin:0px; }


/* obj_area */
.obj_area .obj_con { display:flex; flex-wrap:wrap; justify-content:center; margin:40px auto 0; box-sizing:border-box; }
.obj_con dl { display:flex; flex-direction:column; justify-content:flex-start; margin:30px 15px 0; padding:65px 35px 35px; width:406px; height:490px; text-align:center; background:url('../images/common/obj_bg01.svg') center no-repeat; box-sizing:border-box; } /* 미래엔 수정 : 08.18 (이미지/height) */
.obj_con dl:nth-child(2n) { background:url('../images/common/obj_bg02.svg') center no-repeat; }
    .obj_con dl:nth-child(1) { transform:rotate(0deg); }
    .obj_con dl:nth-child(2) { transform:rotate(2deg); }
    .obj_con dl:nth-child(3) { transform:rotate(-2deg); }
    .obj_con dl:nth-child(4) { transform:rotate(-2deg); }
    .obj_con dl:nth-child(5) { transform:rotate(0deg); }
    .obj_con dl:nth-child(6) { transform:rotate(2deg); }
	/* S 미래엔 수정 : 25.08.18 */
    .obj_con dt { font-size:var(--bodyTxt30-size); font-weight:var(--fontW600); height:72px; line-height:72px; }
    .obj_con dt span { font-size:var(--bodyTxt30-size); font-weight:var(--fontW600); line-height:1.2; 
        color: var(--pointColor_ele); display:inline-block; vertical-align:middle;
    }
    .obj_con dd { display:flex; flex:1; flex-direction:column; justify-content:space-between; height:100%; }
    .obj_con dd .ico_area { margin:15px 0; width:100%; height:120px; }
        .obj_con dd .ico_area img { width:auto; height:100%; }
    .obj_con dd p { display:flex; align-items:center; justify-content:center; flex-grow:1; margin-bottom:25px; font-size:var(--bodyTxt20-size); color:var(--subColor); line-height:1.5; word-break:keep-all; 
        display: -webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    /* //E 미래엔 수정 : 25.08.18 */
    .obj_con dd .btn_group { display: flex; margin-top:auto; }
    .obj_con dd .btn_group a { flex:1; text-align:center; margin-left:10px; }
        .obj_con dd .btn_group a:first-child { margin:0px; }
    
/* edu_area */
.edu_area { text-align:center; }
.edu_area p { margin-bottom:50px; }
.edu_area .btn { padding:20px 30px; border-radius:60px; }
.edu_area .edu_con { display:flex; align-items:center; margin-top:40px; }
    .edu_con span { display:block; margin-right:40px; width:680px; text-align:center; }
    .edu_con li { display:flex; flex-direction:column; padding:15px 0; font-size:var(--bodyTxt20-size); color:var(--subColor); line-height:1.5; text-align:left; justify-content:center; padding-left:130px; min-height:190px; border-top:1px dashed #999; word-break:keep-all; box-sizing:border-box; }
        .edu_con li:first-child { border-top:0px; }
        .edu_con li:nth-child(1) { background:url('../images/common/edu_ico01.svg') left center no-repeat; }
        .edu_con li:nth-child(2) { background:url('../images/common/edu_ico02.svg') left center no-repeat; }
        .edu_con li:nth-child(3) { background:url('../images/common/edu_ico03.svg') left center no-repeat; }
    .edu_con li strong { display:block; margin-bottom:20px; font-size:var(--bodyTxt30-size); font-weight:var(--fontW600); line-height:1.2; }
    
/* stream_area */
.stream_area { overflow:hidden; position:relative; }
.stream_area h2 { color:#000; font-size:var(--subTit-size); font-weight:var(--fontW600); text-align:center; line-height:1.4; word-break:keep-all; }
.stream_area h2 + p { margin-top:25px; font-size:var(--bodyTxt30-size); line-height:1.5; text-align:center; word-break:keep-all; }
.stream_area h2,
.stream_area p,
.stream_area ul { z-index:2; position:relative; }
.stream_area h2 { position:relative; padding-top:115px; }
.stream_area h2 + p { color:var(--whiteColor); }
    .stream_area h2:before { content:""; position:absolute; top:0px; left:50%; transform:translateX(-50%); display:inline-block; width:100px; height:100px; }
    .stream_con { display:flex; overflow-x:auto; overflow-y:hidden; justify-content:left; margin-top:60px; padding:0 30px; }
    .stream_con li { padding-left:25px; }
    .stream_con li,
    .stream_con li a { display:flex; flex-direction:column; align-items:center; }
        .stream_con li:first-child,
        .stream_con li:first-child a { padding-left:0px; }
    .stream_con li .bok_area { position:relative; overflow:hidden; display:inline-block; height:50vw; max-height:327px; border-radius:10px; }
    .stream_con li .bok_area img { height:100%; }
        .stream_con a.set .bok_area:before { content:""; z-index:5; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:inline-block; width:60px; height:60px; border:1px solid #000; border-width:1px 1px 3px 1px; background:#fff url('../images/common/btn_play.svg') center no-repeat; background-size:22px auto; box-sizing:border-box; border-radius:100%; }
    .stream_con li strong { align-items:center; margin-top:15px; min-height:26px; font-size:var(--bodyTxt20-size); font-weight:var(--fontW500); color:var(--whiteColor); }
    .stream_con li strong em { display:none; }
    /* 교과별 묶음 표시 제거 .stream_con li strong em { display:none; margin:0 3px 0 0; padding:5px 8px; background:var(--whiteColor); font-size:var(--bodyTxt16-size); font-weight:var(--fontW500); border-radius:30px; } */

.stream_area .bg_area { overflow:hidden; z-index:1; position:absolute; top:0px; left:0px; width:100%; height:100%; }
.stream_area .bg_area span { z-index:0; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; background-size:cover !important; animation:bgMotion 20s linear infinite; }


@media screen and (max-width:1900px) { 
    main .inner,
    .stream_area h2{ transform:scale(0.85); }
    .tit_area { padding:50px 0 0; }
    .pro_area { padding:0px; }
    .pro_area .inner { margin-top:-50px; }
    .txb_area > div { padding:50px 0; }
    .lib_area, .obj_area, .edu_area, .stream_area { padding:60px 0; }
    .stream_area { padding:60px 0 150px; }
}

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

    /* common */
    h1 img { width:100%; }

    .inner { padding:0 5vw; }
    .lib_area .lib_con,
    .obj_area .obj_con { margin-left:-5vw; margin-right:-5vw; padding-left:5vw; padding-right:5vw; }
    .txb_area > div { padding:50px 0 100px; }

    /* tit_area */
    .tit_area h1 { margin-bottom:10vw; }
    .tit_area .bok_group { overflow-x:auto; justify-content:left; margin-bottom:20px; padding:0 50px 50px; box-sizing:border-box; }
    .tit_area .bok_group .bok_area { box-shadow:0px 2px 12px 0px rgba(0, 0, 0, 0.4); }
    .tit_area p { padding:0 5vw; word-break:keep-all; }

    /* pro_area */
    .pro_major { margin-top:7vw; padding-bottom:12vw; }
    .pro_member { margin-top:6vw; width:100%; }
    .pro_txt p { min-height:18vw; } /* 24.08 미래엔 추가 -> CSS 추가 */

    /* txb_area */
    .view_box .btn_group { position:absolute; left:0px; bottom:-110px; margin:0 -3vw; padding:0 3vw;  width:100%; text-align:right; }
    .view_box .btn_group a { position:static; transform:translate(0); }
    .view_box .btn_group a.btn_prev { float:left; }

    /* lib_area */
    .lib_area .lib_con { overflow-x:auto; overflow-y:hidden; justify-content:left; width:auto; padding-bottom:2px; } /* 24.08 미래엔 추가 -> overflow-y:hidden; 추가 */
    .lib_con li { flex:0 0 auto;}

    /* obj_area */
    .obj_area .obj_con { overflow-x:auto; justify-content:left; width:auto; flex-wrap:nowrap; padding-bottom:10px; }
    .obj_con dl { flex:0 0 auto;}

    /* edu_area */
    .edu_area .edu_con { display:block; margin-top:70px; }
    .edu_con span { margin:0 0 20px; width:100%; }
    .edu_con span img { max-width:100%; height:auto; }

    /* stream_area */
    .stream_area h2 { overflow:hidden; width:100%; }
    .stream_area h2 img { position:relative; left:50%; width:120vw; transform:translateX(-50%); }
    
}

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

    main .inner,
    .stream_area h2 { transform:scale(1); }

    .tit_area { padding:140px 0 120px; }
    .pro_area { padding:140px 0 120px; }
    .txb_area > div { padding:120px 0 200px; }
    .lib_area, 
    .obj_area, 
    .edu_area, 
    .stream_area { padding:130px 0; }
    
    /* pro_area */
    .pro_member > dd { margin:-2% 0 0 -2%; }
    .pro_member dl { margin:2% 0 0 2%; padding:4% 4.3%; width:calc(100%/3 - 2%); min-height:55px; background-size:100% auto !important; }
    .pro_member dl dt { margin-bottom:5%; }
    .pro_txt p { min-height:22vw; } /* 24.08 미래엔 추가 -> CSS 추가 */
    
    /* txb_area */
    .txb_area .txb_sel { margin-top:-5vw; }
    .txb_area .txb_sel li { margin-top:5vw; padding:0 2vw; }
    
    /* lib, obj, edu 
    .lib_area,
    .obj_area,
    .edu_area { min-height:auto; }
    */
    .stream_area { padding-bottom:130px; }


}

@media screen and (max-width:1000px) { 
    .stream_con li strong { font-size:var(--bodyTxt16-size); }
    .stream_con li strong em { font-size:var(--bodyTxt12-size); }   
}

@media screen and (max-width:980px) { 
    /* pro_area */
    .pro_major .pro_txt p { padding:7% 9% 1% 5%; font-size: var(--bodyTxt12-size-w); font-weight:var(--fontW400); }
    .pro_member > dd { margin:-2% 0 0 0; }
    .pro_member dl { margin:2% 0 0 0; padding:3% 4.3% !important; width:calc(100%/3); min-height:22vw; background:url('../images/common/pro_bg_mem03.svg') center no-repeat !important; background-size:auto 100% !important; justify-content:center; } /* 24.08 미래엔 수정 -> min-height:22vw; 수정 */
    .pro_member dl dt { margin-bottom:5%; }
    .pro_member dl dt { flex:none; font-size:var(--bodyTxt16-size-w); }
    .pro_member dl dd { flex:none; font-size:var(--bodyTxt12-size-w); }

    /* txb_area */
    .txb_con .txb_txt { margin:0 -3vw; padding:10px 15px; font-size:var(--bodyTxt20-size-w); line-height:1.5; }

    .txb_area .txb_sel li:before { display:none; }

    .txb_area .view_box dt { padding:3.5vw 0; justify-content: space-around; }
    .txb_area .view_box { padding:0 3vw 3vw; }
    .txb_area .view_box dt a { font-size:var(--bodyTxt20-size-w) }
    .txb_area .view_box dt a + a { margin:0px; }

    /* lib, obj, edu */
    .lib_area,
    .obj_area,
    .edu_area,
    .stream_area { padding:12vw 0; }
    .lib_area h2 img,
    .obj_area h2 img,
    .edu_area h2 img { height:5.5vw; }
    .stream_area h2 img { width:150vw;}
    
}

@media screen and (max-width:1000px) {  /* max-width:750px */  /* 25년 08월 미래엔 수정 */
    /* common */
    .pc { display:none; }
    .mo { display:inline-block; }

    .school_wrap h2  { font-size:var(--subTit-size-w); }
    .school_wrap h2 + p { margin-top:3vw; font-size:var(--bodyTxt30-size-w); }
    .btn { height:40px; line-height:40px; font-size:var(--bodyTxt16-size); }
    .btn.color:before { position:relative; top:1px; width:12px; height:12px; background-size:100% auto; }
    .bok_area { border-radius:5px !important; }

    .inner { padding:0 20px !important; }
    .lib_area .lib_con,
    .obj_area .obj_con { margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px; }

    /* tit_area */
    .tit_area { padding:22vw 0 10vw; }
    .tit_area .bok_group { margin:-20px -20px 5vw; padding:5vw; }
        .tit_area .bok_group .bok_area { margin-left:4vw; min-height:157px;}
    .tit_area p { margin-top:5vw; font-size:var(--bodyTxt30-size-w); }
        .tit_area p strong { margin-bottom:2vw; font-size:var(--subTit-size-w); }
    .tit_area .btn_group { width:100%; margin-top:5vw; }
    .tit_area .btn_group > li { width:calc(95%/3); margin:1vw 0.3vw; }
        .tit_area .btn_group.even > li { width:calc(95%/2); }
    .tit_area .btn_group > li > a { height:10vw; line-height:10vw; font-size:3.5vw; }
    .tit_area .btn_group > li > a:before { margin-right:3px; width:5vw; height:5vw; background-size:100% auto !important; background-position:left center !important; }
    
    .tit_area .btn_group > li.on { border-radius:20px 20px 0 0; }
    .tit_area .btn_group > li.on .sub_list { top:10vw; border-radius:0 0 20px 20px;}
            .tit_area .btn_group .sub_list li a { height:8vw; line-height:8vw; font-size:3vw; }
        .tit_area .btn_group > li.on .btn_close { display:block; position:absolute; top:-5px; right:-5px; width:5vw; height:5.2vw; line-height:4.6vw; background:var(--whiteColor); border:1px solid #000; border-width:1px 1px 2px 1px; border-radius:100%; }
        .tit_area .btn_group > li.on .btn_close img { width:50%; height:auto; }

    /* pro_area */
    .pro_area { padding:25vw 0 15vw; }
    .pro_area h2 { padding-top:12vw; }
    .pro_area h2:before { width:10vw; height:10vw; }
    .pro_major .pro_txt p { padding:8% 9% 2% 5%; } 
    .pro_member > dt { margin-bottom:7vw; font-size:var(--bodyTxt30-size-w); }

    /* txb_area */
    .txb_area > div { padding:12vw 0 25vw; }
    .txb_list h2 { margin-bottom:5vw; }
    .txb_area .txb_sel li a { font-size:var(--bodyTxt24-size-w); }
    .txb_area .txb_sel li.on a:before { bottom:-5px; height:2px; }

    .txb_area .txb_sel { margin:-5vw 0 7vw;}
    .txb_area .txb_sel li { padding: 0 4vw;}

    .view_box .view_con .video:after { width:10vw; height:10vw; }
    .view_box .btn_group { bottom:-15vw; }
        .view_box .btn_prev, .view_box .btn_next { width:7vw; height:7vw; }
        .view_box .paging { padding:7px 10px 5px; bottom:1.6vw; min-width:15vw; font-size:var(--bodyTxt20-size-w); line-height:1.0; }

    /* lib_area */
    .lib_area .lib_con { margin-top:10vw; } 
        .lib_con li { padding:30px; width:300px; height:355px; }
        .lib_con li + li { margin-left:16px; }
        .lib_con li strong { margin-bottom:20px; font-size:var(--bodyTxt20-size); }
        .lib_con li img { margin-bottom:10px; width:auto; }
        .lib_con li p { margin-bottom:20px; font-size:var(--bodyTxt16-size); } 
        
            .lib_con li a:before { vertical-align:text-top; }
        .lib_con li + li:before,
        .lib_con li + li:after { left:-29px; width:40px; height:10px; }
            .lib_con li + li:before { top:67px; }
            .lib_con li + li:after { bottom:67px; }
        /*
        .lib_con li .btn_group { flex-direction:column; }
        .lib_con li .btn_group a { margin:8px 0 0; }
        */

    /* obj_area */
    .obj_area .obj_con { margin-top:6vw; } 
        /* S 미래엔 수정 : 25.08.18 */
        .obj_con dl { margin:0 17px; padding:45px 30px 30px; width:280px; height:432px; transform:rotate(-2deg) !important; background:url('../images/common/obj_bg01_mo.svg') center no-repeat; }
            .obj_con dl:nth-child(2n) { transform:rotate(2deg) !important; background:url('../images/common/obj_bg02_mo.svg') center no-repeat; }
        .obj_con dt{ height:55px; line-height:55px; }
        .obj_con dt span { font-size:var(--bodyTxt20-size); }
        .obj_con dd .ico_area { margin:5px 0; height:90px; }
        /* E 미래엔 수정 : 25.08.18 */
        .obj_con dd p { margin-bottom:14px; max-height: 70px; font-size:var(--bodyTxt16-size); 
            /* align-items:baseline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; */
        } 
        .obj_con dd .btn_group { flex-direction:column; }
        .obj_con dd .btn_group a { margin:8px 0 0; }
    
    /* edu_con */
    .edu_area p { margin-bottom:6vw; }
    .edu_area .edu_con { margin-top:10vw; }
    .edu_area .btn { padding:3vw 4vw; }
        .edu_con li { padding:20vw 0 5vw; min-height:auto; font-size:var(--bodyTxt20-size-w); background-position:center 5vw !important; background-size:12vw auto !important; text-align:center; }
        .edu_con li strong { margin-bottom:2vw; font-size:var(--bodyTxt30-size-w); }
        .edu_con span { margin:2  vw 0; }

        
    /* stream_area */
    .stream_area { padding:10vw 0; }
    .stream_area h2  { font-size:var(--subTit-size-w); }
    .stream_area h2 + p { margin-top:3vw; font-size:var(--bodyTxt30-size-w); }
        .stream_area h2 { padding-top:12vw; }
        .stream_area h2:before { width:10vw; height:10vw; }
        .stream_con { margin-top:5vw; padding:0 5vw; }
        .stream_con li { padding-left:3vw; }
        .stream_con li strong { display:flex; flex-direction:column; align-items:center; margin-top:3vw; font-size:var(--bodyTxt20-size-w); }
        .stream_con li strong em { margin-bottom:10px; font-size:var(--bodyTxt16-size-w); }   
        /* .stream_con a:hover .bok_area:before { width:30px; height:30px; background-size:11px auto; border-width:1px 1px 2px 1px; } */
		.stream_con a:hover .bok_area:before, 
		.stream_con a.set .bok_area:before { width:30px; height:30px; background-size:11px auto; border-width:1px 1px 2px 1px; }
        
}
@media screen and (max-width:490px) { 
        
        
}

/* *********************************
	elementary : ele
********************************* */
.ele .tit_area:after { background:#02A39F; }
        
.ele .pro_area { background:url('../images/ele/content/bg_pro.jpg') center no-repeat; background-size:cover; }
    .ele .pro_area h2:before { background:url('../images/ele/content/pro_tit_bg.png') no-repeat; background-size:100% auto; }
.ele .txb_area .txb_list { background:url('../images/ele/content/bg_txb_list.jpg') center no-repeat; background-size:cover; }
.ele .txb_area .txb_con { background:url('../images/ele/content/bg_txb_con.jpg') center no-repeat; background-size:cover; }
.ele .lib_area { background:url('../images/ele/content/bg_lib.jpg') center no-repeat; background-size:cover; }
.ele .obj_area { background:url('../images/ele/content/bg_obj.jpg') center top no-repeat; background-size:cover; }
.ele .edu_area { background:url('../images/ele/content/bg_edu.jpg') center no-repeat; background-size:cover; }
.ele.stream_area .bg_area span  { background:url('../images/ele/content/bg_stream.jpg') center no-repeat; background-size:cover; }
    .ele.stream_area h2:before { background:url('../images/ele/content/stream_tit_bg.png') no-repeat; background-size:100% auto; }

.ele .tit_area .bg_area,
.ele .txb_list .txb_sel li.on a:before { background:var(--pointColor_ele); }
.ele .txb_list .txb_sel li.on a,
.ele .lib_con li strong,
.ele .obj_con dt,
.ele .stream_con li strong em { color:var(--pointColor_ele); }
.ele .txb_area .view_box { background:#FFD9E1; }

@media screen and (max-width:750px) { 
    .ele .pro_area { background:url('../images/ele/content/bg_pro_mo.jpg') center no-repeat; background-size:cover; }
    .ele .lib_area { background:url('../images/ele/content/bg_lib_mo.jpg') center top no-repeat; background-size:cover; }
    .ele .obj_area { background:url('../images/ele/content/bg_obj_mo.jpg') center top no-repeat; background-size:cover; }
    .ele .edu_area { background:url('../images/ele/content/bg_edu_mo.jpg') center no-repeat; background-size:cover; }
    .ele.stream_area .bg_area span  { background:url('../images/ele/content/bg_stream_mo.jpg') center no-repeat; background-size:cover; }
}


/* *********************************
	middle : mid
********************************* */
.mid .tit_area:after { background:#C65CB9; }
        
.mid .pro_area { background:url('../images/mid/content/bg_pro.jpg') center no-repeat; background-size:cover; }
    .mid .pro_area h2:before { background:url('../images/mid/content/pro_tit_bg.png') no-repeat; background-size:100% auto; }
.mid .txb_area .txb_list { background:url('../images/mid/content/bg_txb_list.jpg') center top no-repeat; background-size:cover; }
.mid .txb_area .txb_con { background:url('../images/mid/content/bg_txb_con.jpg') center no-repeat; background-size:cover; }
.mid .lib_area { background:url('../images/mid/content/bg_lib.jpg') center no-repeat; background-size:cover; }
.mid .obj_area { background:url('../images/mid/content/bg_obj.jpg') center bottom no-repeat; background-size:cover; }
.mid .edu_area { background:url('../images/mid/content/bg_edu.jpg') center no-repeat; background-size:cover; }
.mid.stream_area .bg_area span { background:url('../images/mid/content/bg_stream.jpg') center no-repeat; background-size:cover; }
    .mid.stream_area h2:before { background:url('../images/mid/content/stream_tit_bg.png') no-repeat; background-size:100% auto; }


.mid .tit_area .bg_area { background:#C65CB9; }
.mid .txb_list .txb_sel li.on a:before { background:var(--pointColor_mid); }
.mid .txb_list .txb_sel li.on a,
.mid .lib_con li strong,
.mid .obj_con dt,
.mid .stream_con li strong em { color:var(--pointColor_mid); }
.mid .txb_area .view_box { background:#B0EDF3; }

@media screen and (max-width:750px) { 
    .mid .pro_area { background:url('../images/mid/content/bg_pro_mo.jpg') center bottom no-repeat; background-size:cover; }
    .mid .txb_area .txb_list { background:url('../images/mid/content/bg_txb_list_mo.jpg') center top no-repeat; background-size:cover; }
    .mid .txb_area .txb_con { background:url('../images/mid/content/bg_txb_con_mo.jpg') center no-repeat; background-size:cover; }
    .mid .lib_area { background:url('../images/mid/content/bg_lib_mo.jpg') center top no-repeat; background-size:cover; }
    .mid .obj_area { background:url('../images/mid/content/bg_obj_mo.jpg') center top no-repeat; background-size:cover; }
    .mid .edu_area { background:url('../images/mid/content/bg_edu_mo.jpg') center no-repeat; background-size:cover; }
    .mid.stream_area .bg_area span  { background:url('../images/mid/content/bg_stream_mo.jpg') center no-repeat; background-size:cover; }
}

/* *********************************
	high : high
********************************* */
.high .tit_area:after { background:#8765D2; }
        
.high .pro_area { background:url('../images/high/content/bg_pro.jpg') center no-repeat; background-size:cover; }
    .high .pro_area h2:before { background:url('../images/high/content/pro_tit_bg.png') no-repeat; background-size:100% auto; }
.high .txb_area .txb_list { background:url('../images/high/content/bg_txb_list.jpg') center no-repeat; background-size:cover; }
.high .txb_area .txb_con { background:url('../images/high/content/bg_txb_con.jpg') center no-repeat; background-size:cover; }
.high .lib_area { background:url('../images/high/content/bg_lib.jpg') center no-repeat; background-size:cover; }
.high .obj_area { background:url('../images/high/content/bg_obj.jpg') center top no-repeat; background-size:cover; }
.high .edu_area { background:url('../images/high/content/bg_edu.jpg') right center no-repeat; background-size:cover; }
.high.stream_area .bg_area span  { background:url('../images/high/content/bg_stream.jpg') center no-repeat; background-size:cover; }
    .high.stream_area h2:before { background:url('../images/high/content/stream_tit_bg.png') no-repeat; background-size:100% auto; }


.high .tit_area .bg_area { background:#8765D2; }
.high .txb_list .txb_sel li.on a:before { background:var(--pointColor_high); }
.high .txb_list .txb_sel li.on a,
.high .lib_con li strong,
.high .obj_con dt,
.high .stream_con li strong em { color:var(--pointColor_high); }
.high .txb_area .view_box { background:#BBE8C2; }

@media screen and (max-width:750px) { 
    .high .pro_area { background:url('../images/high/content/bg_pro_mo.jpg') center bottom no-repeat; background-size:cover; }
    .high .txb_area .txb_list { background:url('../images/high/content/bg_txb_list_mo.jpg') center top no-repeat; background-size:cover; }
    .high .txb_area .txb_con { background:url('../images/high/content/bg_txb_con_mo.jpg') center no-repeat; background-size:cover; }
    .high .lib_area { background:url('../images/high/content/bg_lib_mo.jpg') center top no-repeat; background-size:cover; }
    .high .obj_area { background:url('../images/high/content/bg_obj_mo.jpg') center bottom no-repeat; background-size:cover; }
    .high .edu_area { background:url('../images/high/content/bg_edu_mo.jpg') center no-repeat; background-size:cover; }
    .high.stream_area .bg_area span { background:url('../images/high/content/bg_stream_mo.jpg') center no-repeat; background-size:cover; }
}

@media screen and (max-width:490px) {        
	.stream_con a.set .bok_area:before { display:none !important; }
}

.edu_area.current:after { background:#000; }
.tit_area:after,
.edu_area.current:after { content:""; z-index:-1; position:fixed; top:0px; left:0px; width:100vw; height:100vh;  }
.tit_area.current:after { display:none; }