@charset "utf-8";

.bg_layer { z-index:15; position:fixed; top:0px; left:0px; width:100vw; height:100vh; background:#000; opacity:0.4; }
.menu_bar .bg_layer { z-index:5; }

/* header menu */
.menu_bar { z-index:10; position:fixed; top:0px; left:0px; width:100%; display:flex; justify-content:space-between; align-items:center; padding:20px 30px; box-sizing:border-box; transition:transform 1s ease; }
.menu_bar:before { content:""; opacity:0; z-index:-1; position:fixed; left:0px; top:0px; display:block; width:100%; height:92px; background:#000; transition:opacity 0.3s ease; }
.menu_bar.move:before { opacity:0.5; }

.menu_bar nav { display:flex; gap:30px; align-items:center; }
.menu_bar nav a { font-size:var(--bodyTxt20-size); color:var(--whiteColor); font-weight:var(--fontW500); }
    
    /* nav > school */    
    nav .school { position:relative; }
        nav .school a { opacity:0; position:absolute; padding:13px 14px; width:155px; text-align:left; border:1px solid var(--whiteColor); box-sizing:border-box; border-radius:30px; }
        nav .school.on a {  display:block; background:var(--whiteColor); color:#000; transition:all 0.3s ease; border:0px; } /* 24.08 미래엔 추가 : border:0px; */
            nav .school a.current { z-index:5; opacity:1; position:relative;}
            nav .school a:nth-child(1) { top:0px; left:0px; transition:all 0.2s ease; }
            nav .school a:nth-child(2) { top:0px; left:0px; transition:all 0.4s ease; }
            nav .school a:nth-child(3) { top:0px; left:0px; transition:all 0.6s ease; }
            nav .school a:nth-child(4) { top:0px; left:0px; transition:all 1s ease; }
            nav .school.on a:nth-child(1) { opacity:1; top:0px; left:0px; }
            nav .school.on a:nth-child(2) { opacity:1; top:58px; left:0px; }
            nav .school.on a:nth-child(3) { opacity:1; top:calc(56px*2); left:0px; }
            nav .school.on a:nth-child(4) { opacity:1; top:calc(56px*3); left:0px; }
            nav .school.on a.current:nth-child(2) { opacity:1; top:calc(58px - 4px); left:0px; }
            nav .school.on a.current:nth-child(3) { opacity:1; top:calc(56px*2 + 3px); left:0px; }
            nav .school a.current:after { content:""; display:inline-block; margin-left:10px; width:24px; height:24px; vertical-align:middle; border:1px solid var(--whiteColor); box-sizing:border-box; border-radius:100%; background:url('../images/common/btn_sel.svg') center 8px no-repeat;  }
        nav .school.on a.current:after { transform:rotate(180deg); border:1px solid #000; filter:grayscale(100%) brightness(0); }

		/* S :: 25년 08월 미래엔 추가 hover :: 다오버에서 추가 시 삭제 */
        nav .school a.current:before,
        nav .school a:hover:before { content:""; position:absolute; left:9%; bottom:18%; display:inline-block; width:60%; height:2px; background:var(--whiteColor); border-radius:10px; }
        nav .school.on a.current:before,
        nav .school.on a:hover:before { background:#000; }
            nav .school.none a.current:before { display:none; }
            nav .school.none a:hover:before { display:inline-block; }
        
        nav > a.current,
        nav > a:hover { position:relative; }
            nav > a.current:before,
            nav > a:hover:before { content:""; position:absolute; left:0; bottom:-23%; display:inline-block; width:100%; height:2px; background:var(--whiteColor); border-radius:10px; }
        /* E :: 2025 추가 :: 다오버에서 추가 시 삭제 */

    /* nav > search */
    .menu_area { display:flex; gap:15px; }
    .menu_area > a,
    .menu_area .search_area > a,
    .menu_area .search_area span > a { display:inline-block; width:50px; height:50px; line-height:55px; text-align:center; background:var(--whiteColor); border:1px solid #000; border-radius:100%; box-sizing:border-box; }
    
    .menu_area .search_area { position:relative; }    
    .menu_area .search_area span { display:none; }
    .search_area .btn_search { display:block !important; }
    .search_area .btn_close { display:none !important; }

    /* nav > .menu_bar.search */
    .menu_bar.search .menu_area .search_area span { overflow:hidden; display:block; position:absolute; left:calc(-290px - 8px); padding:14px 45px 0px 18px; width:290px; height:50px; border-radius:30px; background:var(--whiteColor); border:1px solid #000; box-sizing:border-box; }
    .menu_bar.search .menu_area .search_area span input { display:inline-block; width:100%; border:0px; font-size:var(--bodyTxt16-size); color:#000; font-weight:var(--fontW400); }
        .menu_bar .menu_area .search_area span input:focus{ outline:none; }
        .menu_bar .menu_area .search_area span input::placeholder { font-size:var(--bodyTxt16-size); color:#999; }
        .menu_bar .menu_area .search_area span a { position:absolute; top:0px; right:0px;border:0px;  }
        
    .menu_bar.search .search_area .btn_search { display:none !important; }
    .menu_bar.search .search_area .btn_close { display:block !important; }
    
    /* nav > .menu_bar.search result */
    .menu_bar.search .menu_area .search_area.result span { border-radius:30px 30px 0 0 !important; }
    .menu_bar.search .menu_area .search_area.result .search_result { display:flex; }
        .search_result { display:none; position:absolute; top:50px; left:calc(-290px - 8px); flex-direction:column; padding:5px 0; width:290px; background:var(--whiteColor); border:1px solid #000; border-width:0px 1px 1px 1px; border-radius:0px 0px 30px 30px; box-sizing:border-box; }
        .search_result a { display:block; padding:12px 18px; font-size:var(--bodyTxt16-size); font-weight:var(--fontW400); box-sizing:border-box; }
        .search_result a em { font-size:var(--bodyTxt16-size); font-weight:var(--fontW400); color:var(--pointColor_ele); }

    /* nav > menu */  
    .menu_area a.menu { z-index:12; position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; justify-content:space-between; padding:17px 15px; }    
        .menu span { display:block; width:100%; height:2px; background:#000; border-radius:30px; /*transition:transform 0.3s ease, opacity 0.5s ease;*/ }
        .menu.on span:nth-child(1) { position:absolute; top:50%; left:50%; width:50%; transform:translate(-50%, -50%) rotate(45deg); }
        .menu.on span:nth-child(2) { opacity:0; }
        .menu.on span:nth-child(3) {  position:absolute;top:50%; left:50%; width:50%; transform:translate(-50%, -50%) rotate(-45deg); }

    .menu_bar.menu .menu_con { display:block; }

    .menu_con { z-index:11; display:none; position:fixed; top:0px; right:0px; width:460px; min-height:100vh; background:var(--whiteColor); }
        .menu_con .menu_box > * { padding:0 30px; border-bottom:6px solid #F8F8F8; }
        .menu_con .menu_box > *:last-child { border-bottom:0px; }
    .menu_con .miraen { display:inline-block; margin:30px; padding:0px; height:auto; border-bottom:0px; }
    .menu_con .miraen img { display:inline-block; vertical-align:top; filter:grayscale(100%) brightness(0); }
    .menu_con .school { display:flex; flex-direction:column; align-items:center; padding:0; border-top:1px solid #ddd; border-bottom:6px solid #f8f8f8; }
    .menu_con .school a { display:flex; align-items:center; padding:0 30px; width:100%; height:70px; font-size:var(--bodyTxt20-size); font-weight:var(--fontW500); text-align:left; box-sizing:border-box; }
    .menu_con dt { display:flex; align-items:center; text-align:left; height:70px; font-size:var(--bodyTxt20-size); font-weight:var(--fontW500); text-align:left; }
    .menu_con dd { display:flex; align-items:center; margin:0 -30px; height:60px; border-top:1px solid #F0F0F0; }
    .menu_con dd a { position:relative; flex:1; display:flex; align-items:center; justify-content:center; font-size:var(--bodyTxt20-size); font-weight:var(--fontW400); color:#666; text-align:center; }
    .menu_con dd a:before { content:""; position:absolute; left:0px; top:50%; transform:translateY(-50%); display:inline-block; width:1px; height:18px; background:#ddd; border-radius:10px; }
        .menu_con dd a:first-child:before { display:none; }
    .menu_con .menu_box > a { display:flex; align-items:center; text-align:left; height:70px; font-size:var(--bodyTxt20-size); font-weight:var(--fontW500); text-align:left; }

    .menu_box { overflow-y:auto; height:calc(100vh - 92px - 217px); }

    /* *********************
            S : back 
    ********************* */
    .black nav {
        --whiteColor: #000;
    }
    .black nav .school.on a { background:#fff; }
    .black nav .school a.current:after,
    .black .miraen img,
    .black.move nav .school.on a.current:after { filter:grayscale(100%) brightness(0); }
    .black.move nav {
        --whiteColor: #fff;
    }
    .black.move nav .school a.current:after,
    .black.move .miraen img { filter:grayscale(100%) brightness(100%); }

    /* *********************
            E : back 
    ********************* */


    /* footer */
    footer { position:relative; background:#000; }
        footer * { color:#aaa !important; }
        footer .m_guide *,
        footer .m_fm * { font-size:13px; }
        footer .m_info * { font-size:12px; }
        footer .inner { max-width:1320px; }
    footer .m_guide { display:flex; justify-content:space-between; align-items:center; height:50px; }
        .m_guide ul { display:flex; gap:20px; }
        .m_guide > div { display:flex; align-items:center; }
            .m_guide .sns_list a { display:inline-block; margin-left:6px; }
            .m_guide .btn_fm { display:block; margin-left:25px; width:200px; height:50px; line-height:50px; color:#ddd !important; text-align:center; border:1px solid #262626; border-width:0 1px; }
                .btn_fm:after { content:""; display:inline-block; margin-left:25px; width:24px; height:24px; vertical-align:middle; background:url('../images/common/btn_fm.svg') center no-repeat;}
            .m_guide .btn_fm.on { background:#666; }
            .m_guide .btn_fm.on:after { transform:rotate(-180deg); }

    footer .m_fm { display:none; z-index:18; position:absolute; left:0px; width:100%; border-bottom:1px solid #666; background:#000; }
    footer .m_fm.on { display:block;}
        .m_fm .fm_list { position:relative; display:flex; flex-direction:column; }
        .m_fm dl { position:relative; display:flex; flex-wrap:wrap; padding:10px 0 30px 200px; min-height:70px; border-top:1px solid #262626; box-sizing:border-box; }
            .m_fm dl:first-child { border-top:0px; }
        .m_fm dt { position:absolute; top:30px; left:20px; width:150px; color:var(--whiteColor); !important; font-size:var(--bodyTxt16-size); font-weight:var(--fontW500); }
        .m_fm dd { position:relative; margin:20px 40px 0 0; padding-left:10px; width:190px; box-sizing:border-box; }
            .m_fm dd a:before { content:""; position:absolute; left:0px; top:50%; transform:translateY(-50%); width:2px; height:2px; background: #aaa; }
                .m_fm dd.on a { color:var(--pointColor_ele) !important; }
                .m_fm dd.on a:before { background:var(--pointColor_ele); }
            .m_fm dd:nth-child(5n) { margin-right:0px; }
        .m_fm .fm_close { position:absolute; top:-32px; right:0px; width:77px; height:32px; line-height:32px; text-align:center; background:#000; text-align:center; }
            .m_fm .fm_close:after { content:""; display:inline-block; margin-left:5px; width:16px; height:16px; vertical-align:middle; background:url('../images/common/btn_close.svg') center no-repeat; filter:invert(100%) brightness(50%); background-size:100% auto; }

    footer .m_info { padding:30px 0; border-top:1px solid #262626; }
    footer .m_info .mo { display:inline-block !important; }
        .m_info .inner { overflow:hidden; }
        .m_info img { filter:grayscale(100%) brightness(50%); width:100px; height:auto; }
        .m_info ul { margin:15px 0 20px -20px; width:535px; }
        .m_info li { position:relative; display:inline-block; margin:10px 0 0 10px; padding-left:10px; }
        .m_info li:before { content:""; position:absolute; left:0px; top:50%; transform:translateY(-50%); display:inline-block; width:1px; height:9px; background:#262626; }

    /* event_bar : 플로팅 이벤트 배너 */
    .event_bar { z-index:5; position:fixed; left:0px; bottom:0px; width:100%; background:#F0F0F0; }
        .event_bar.absolute { position:absolute; }
    .event_bar .inner { position:relative; max-width:1360px; }
    .event_bar ul { display:flex; justify-content:center; align-items:center; gap:100px; }
    .event_bar ul li { position:relative; width:500px; }
    .event_bar ul li:before { content:""; position:absolute; top:50%; left:-50px; transform:translateY(-50%); display:inline-block; width:1px; height:53px; background:#ddd; border-radius:100px; }
        .event_bar ul li:first-child:before { display:none; }
    .event_bar ul a { display:flex; align-items:center; }
    .event_bar ul a p { margin:0; padding-left:10px; font-size:var(--bodyTxt16-size); font-weight:var(--fontW500); }
    .event_bar .btn_prev,
    .event_bar .btn_next { position:absolute; top:50%; transform:translateY(-50%); }
    .event_bar .btn_prev { left:0px; }
    .event_bar .btn_next { right:0px; }

    /* nav_bar : 페이지 네비게이션 */
    .nav_bar { z-index:4; position:absolute; top:200vh; right:0px; /*transform:translateY(calc(-50vh - 50% - 74px));*/ width:126px; background:rgba(58, 58, 58, 0.85); border-radius:15px 0 0 15px; border:1px solid #000; }
        .nav_bar.fixed { position:fixed; top:50% !important; transform:translateY(calc(-50% - 74px)); }
    .nav_bar a { display:flex; justify-content:center; align-items:center; padding:0 13px; height:60px; font-size:var(--bodyTxt16-size); color:var(--whiteColor); text-align:center; line-height:1.4; border-top:1px solid #000; word-break:keep-all; }
        .nav_bar a.on { color:var(--pointColor); font-weight:var(--fontW500); }
    .nav_bar a:first-child { border-top:0px; }
    .nav_bar a.btn_top { position:absolute; left:50%; bottom:-34px; padding:0 0 0 22px; height:auto; font-weight:var(--fontW500); border-top:0px; transform:translateX(-50%); background:url('../images/common/btn_top.svg') left center no-repeat; letter-spacing:0; }

    /* video_area : 교과서 소개 영상 */
    .video_area { opacity:1; z-index:5; position:fixed; right:30px; bottom:100px; display:inline-block; width:288px; height:108px; border-radius:100px; background:var(--whiteColor); box-sizing:border-box; border:1px solid #000; box-shadow:0px 4px 4px 1px rgba(0, 0, 0, 0.2); animation:fadeIn 0.5s forwards;}
        .video_area.fade_out { opacity:0; z-index:-1; animation:fadeOut 0.5s forwards; }
        @keyframes fadeIn {
            0% { opacity:0; z-index:-1; }
            100% { opacity:1; z-index:5; }
        }
        @keyframes fadeOut {
            0% { opacity:1; z-index:5; }
            90% { opacity:0; z-index:5; }
            100% { opacity:0; z-index:-1; }
        }
        .video_area.absolute { position:absolute;}

    .video_area a { display:flex; padding:12px 12px 12px 30px; align-items:center; justify-content:space-between; }
    .video_area p { font-size:var(--bodyTxt20-size); font-weight:var(--fontW500); margin:0; line-height:1.2; }
    .video_area p span { display:block; margin-top:5px; padding-left:20px; font-size:var(--bodyTxt16-size); font-weight:var(--fontW500); color:var(--pointColor_ele); background:url('../images/common/video_play.svg') left center no-repeat; }
    .video_area .video_box { overflow: hidden; width:140px; height:84px; border-radius:45px; border:1px solid #000; }
    .video_area video { display:block; width:110%; height:auto; }

    /* video_wrap */
    .video_wrap { display:none; z-index:20; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); max-width:1400px; width:90%; height:auto;}
    .video_wrap video { width:100%;  border-radius:20px; border:1px solid #000; }
    .video_wrap .pop_close { position:absolute; top:-30px; right:-30px; width:60px; height:60px; background:var(--whiteColor); border:1px solid #000; border-width:1px 1px 3px 1px; border-radius:100%; }
    .video_wrap .pop_close img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:21px; height:21px; }

    /* popup */
    .pop_wrap { display:none; overflow:hidden; z-index:20; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); max-width:670px; width:90%; background:var(--whiteColor); border-radius:35px; border:1px solid #000; }
    .pop_wrap h1 { padding:20px 85px; font-size:var(--bodyTxt30-size); font-weight:var(--fontW600); text-align:center; line-height:1.2; box-sizing:border-box; background:#FFD9E1; }
	.pop_wrap .pop_con { max-height:708px; overflow-y:auto; height:50vh; } /* 25년 08월 미래엔 추가 */
    .pop_wrap .pop_close { position:absolute; top:17px; right:30px; display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; background:var(--whiteColor); border-radius:100%; border:1px solid #000; border-width:1px 1px 3px 1px; }

        .list_lib { margin:10px 0; }
        .list_lib li { position:relative; display:flex; align-items:center; padding:15px 160px 15px 30px; min-height:70px; line-height:1.4; box-sizing:border-box; border-top:1px solid #F0F0F0; }
            .list_lib li:first-child { border-top:0px; }
        .list_lib li a { position:absolute; top:50%; right:30px; transform:translateY(-50%); width:110px; height:40px; line-height:40px; }


/* ***************************
        event content
*************************** */
/* tab */
.event_wrap .list_menu { display:flex; justify-content:center; flex-wrap:wrap; margin:20px 0 60px -60px; }
.event_wrap .list_menu a { margin-left:60px; opacity:0.3; }
.event_wrap .list_menu a.on { opacity:1; }
.event_wrap .list_menu a:hover { opacity:1; }
.event_wrap .list_menu a:hover:after, 
.event_wrap .list_menu a.on:after { background:#000; }


/* event */
.event_wrap { flex:1; position:relative; padding-bottom:220px; background:#FDED7C url('../images/event/bg_top.png') center top no-repeat; background-size:100% auto; }  /* 25년 08월 미래엔 수정 */
.event_wrap:before { content:""; position:absolute; left:0px; bottom:0px; width:100%; height:100vh; background:url('../images/event/bg_bot.png') center bottom no-repeat; background-size:100% auto; }
.event_wrap .inner { z-index:2; position:relative; }

.event_wrap h1 { margin:110px auto 55px; width:410px; text-align:center; }
.event_wrap h1 img { width:100%; }

    .event_list { display:flex; flex-wrap:wrap; justify-content:left; align-items:center; margin:-60px 0 0 -50px; }
    .event_list li { position:relative; margin:60px 0 0 65px; width:calc((100%/2) - 65px); box-sizing:border-box; }
        .event_list li:before { z-index:-1; content:""; position:absolute; top:15px; left:7px; display:inline-block; width:calc(100% - 13px); height:calc(100% - 30px); background:#000; opacity:0.1; border-radius:25px; transform:rotate(2.43deg); }
    .event_list .badge { position:absolute; top:-28px; left:-15px; display:inline-block; width:135px; height:66px; line-height:66px; text-align:center; text-indent:-10px; transform:rotate(-8.53deg); font-size:var(--bodyTxt24-size); font-weight:var(--fontW600); color:var(--whiteColor); }
        .event_list .badge.ing { background:url('../images/event/badge_ing.svg') center no-repeat; }
        .event_list .badge.fin { background:url('../images/event/badge_fin.svg') center no-repeat; }
        .event_list .badge.comming { background:url('../images/event/badge_coming.svg') center no-repeat; }
	.event_list li a { overflow:hidden; display:block; margin:0 8px 17px 8px; background:var(--whiteColor); border:1px solid #FFC412; box-sizing:border-box; border-radius:25px; }  /* 25년 08월 미래엔 수정 */
    .event_list .event_img { overflow:hidden; display:block; width:100%; max-height:250px; } /* 24.08 미래엔 수정 : max-height:250px; */
        .event_img img { margin-left:-1px; width:calc(100% + 2px); height:auto; vertical-align:top; }
    .event_list dl {  } 
        .event_list a > dl { margin:40px 30px 42px; }
            .event_list a > dl * { font-size:var(--bodyTxt22-size); color:#000; font-weight:var(--fontW600); line-height:1.4; }
            .event_list a > dl dt { display:inline; padding-left:0px; line-height:1.2; }
            .event_list a > dl dt:before { content:"[ "}
            .event_list a > dl dt:after { content:" ]"}
            .event_list a > dl dt span { display:none; }
            .event_list a > dl dd { display:inline; padding-left:5px; }
            .event_info { display:flex; gap:35px; margin:-22px 30px 32px; }
            .event_info dl { display:flex; align-items:center; }
            .event_info dt { display:inline-block; margin-right:10px; padding:10px 10px; text-align:center; font-size:var(--bodyTxt20-size); font-weight:var(--fontW600); color:#666; background:url('../images/event/bg_info.svg') center no-repeat; background-size:100% auto; }
            .event_info dd { font-size:var(--bodyTxt20-size); font-weight:var(--fontW400); color:#666; }
            /* result */
            .event_list .result { display:inline-block; margin:30px 30px 15px; padding:10px 15px; font-size:var(--bodyTxt20-size); font-weight:var(--fontW600); color:#666; background:url('../images/event/bg_result.svg') center no-repeat; background-size:100% auto; }
            .event_list .result + dl { margin-top:0px; }


/* event view */
.event_view { overflow:hidden; border-radius:25px; background:#fff; border:1px solid #FFC412; }  /* 25년 08월 미래엔 수정 */
.event_view dt { position:relative; padding:38px 30px 38px 180px; font-size:var(--bodyTxt24-size); font-weight:var(--fontW600); border-bottom:1px solid #F0F0F0; line-height:1.2; }
.event_view dt strong { position:absolute; top:25px; left:30px; display:inline-block; width:136px; height:44px; line-height:44px; text-align:center; font-size:var(--bodyTxt24-size); font-weight:var(--fontW600); color:#666; background:url('../images/event/bg_result.svg') center no-repeat; background-size:100% auto; }
.event_view .editor_area { padding:40px 160px; min-height:300px; }
.event_view .btn_area { padding:22px 30px; text-align:right; border-top:1px solid #F0F0F0; }
.event_view .btn_area a { display:inline-block; width:120px; height:50px; line-height:50px; text-align:center; font-size:var(--bodyTxt20-size); font-weight:var(--fontW600); border:1px solid #000; border-width:1px 1px 3px 1px; border-radius:30px; }

/* S : table :: 25년 08월 미래엔 추가 */
.bbs_info { border:1px solid #000; border-width:1px 0; }
.bbs_info tr:first-child td { border-top:1px solid #000; }
.bbs_info th,
.bbs_info td { padding:10px 0; font-size:var(--bodyTxt20-size); vertical-align:middle; border:1px solid #ddd; border-width:1px 0 0 1px; line-height:1.5; }
.bbs_info th.first_line,
.bbs_info td.first_line { border-left:0px; }
.bbs_info th { font-weight:var(--fontW600); background:#F0F0F0; }
.bbs_info td { text-align:center; }
    .bbs_info th.bg_pur { background:#7547D9; color:#fff; }
    .bbs_info td.bg_pur { background:#F2EDFF; }
/* E : table :: 25년 08월 미래엔 추가 */

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

    /* event */
    .event_list a > dl dt { margin-bottom:10px;  }
    .event_list a > dl dd { padding-left:0px; }

}

@media screen and (max-width:1250px) { 
    .nav_bar,
    .video_area { display:none; }

    footer .m_guide.inner { padding-right:0px; }
    .m_fm .inner { padding:0 3vw;}
    .m_fm dd { margin-right:0px; }

    footer .m_info { padding-left:5vw; padding-right:5vw; }
    footer .m_info .inner { padding:0px; }
    
    /* event */
    .event_wrap { padding-bottom:21vw; background:#FDED7C url('../images/event/bg_top_mo.png') center top no-repeat; background-size:100% auto; }  /* 25년 08월 미래엔 수정 */
    
    .event_list { margin:-7vw 0 0; }
    .event_list li { margin:7vw 0 0; width:100%; }
    .event_list .event_img { max-height:100%; }

    /* result */
    .event_list .result { margin:3vw 3vw 2vw; padding:1.5vw 2vw; font-size:var(--bodyTxt22-size-w); }

    /* event view */
    .event_view dt { padding:85px 30px 40px; font-size:var(--bodyTxt20-size-w); }
    .event_view dt strong { top:30px; left:30px; font-size:var(--bodyTxt20-size-w); }
    .event_view .editor_area { padding:40px; }
    .event_view .btn_area a { font-size:var(--bodyTxt18-size-w); }

}

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

    .menu_bar:before { height:66px; }

    .menu_bar nav { display:none;}

    .menu_bar { padding:15px; }
    .menu_bar .miraen img { display:inline-block; width:80px; vertical-align:top; }
    
    .menu_area { gap:10px; }

    /* nav > .menu_bar.search */
    .menu_bar.search { display:block; padding:0px; background:var(--whiteColor); width:100vw; height:100vh; }
    .menu_bar.search .miraen { display:inline-block; margin:22px 15px; }
    .menu_bar.search .miraen img { filter:grayscale(100%) brightness(0); }
    .menu_bar.search .menu { display:none; }
    .menu_bar.search:before { display:none; }

    .menu_bar.search .menu_area { display:block; }
    .menu_bar.search .menu_area .search_area { border-top:1px solid #F0F0F0; }
    .menu_bar.search .menu_area .search_area span { position:relative; left:0px; width:100%; padding-top:12px; height:50px; border-radius:0px; border-width:0 0 1px 0; }
    .menu_bar.search .menu_area .search_area span a { border-radius:0px; }
    
    .menu_area .search_area.result .search_result { overflow-y:auto; position:static; width:100%; height:calc(100vh - 65px - 50px); border-width:0; } /*  50 65 F0F0F0 */
    .menu_bar.search .menu_area .search_area span a { top:44%; right:10px; transform:translateY(-50%); }
    .menu_area .search_area.result .search_result { border-radius:0px; }

    .menu_area a.menu { padding:11px 9px; width:36px; height:36px; }
    .menu_area .search_area > a, 
    .menu_area .search_area span > a { width:36px; height:36px; line-height:39px; }
    .menu_area > a img, 
    .menu_area .search_area span > a img { vertical-align:middle; }
    .menu_area .search_area > a img { width:16px; }
    
    .menu_bar.search .search_area .btn_close { position:absolute; right:15px; top:-52px; }

    /* nav > menu */ 
    .menu_con .menu_box > * { padding:0 20px; }
    .menu_con > a { height:60px; }
    .menu_con { width:100%; }
    .menu_con .miraen { margin:22px 15px; }
    .menu_con .school a { padding:0 20px; height:60px; }
    .menu_con dt { height:60px; }
    .menu_con dd { margin:0 -20px; height:50px; }
    .menu_con .menu_box > a { height:60px; }
    .menu_con .menu_box > a,
    .menu_con .school a,
    .menu_con dt,
    .menu_con dd a { font-size:var(--bodyTxt16-size); }
    
    .menu_box { overflow-y:auto; height:calc(100vh - 80px - 187px); }

    /* video_wrap */
    .video_wrap .pop_close { top:-35px; right:0px; width:27px; height:27px; border-width:1px 1px 2px 1px; }
    .video_wrap .pop_close img { width:12px; height:12px; }

    
    /* footer */
    footer {  }
    footer .m_guide *, footer .m_fm * { font-size:12px; }
    footer .sns_list { display:none; }
    
    footer .m_guide { height:30px; text-align:center; }
        .m_guide ul { display:flex; justify-content:space-between; gap:0px; margin:0 auto; width:100%; max-width:450px; }
        .m_guide li { position:relative; flex-grow:1; text-align:center; }
            .m_guide li:before { content:""; position:absolute; left:0px; top:50%; transform:translateY(-50%); display:inline-block; width:1px; height:9px; background:#262626; }
            .m_guide li:first-child:before { display:none; }
        .m_guide .btn_fm { position:absolute; left:20px; bottom:30px; margin:0px; padding-left:15px; width:calc(100% - 40px); text-align:left; box-sizing:border-box; border-width:1px; }
        .m_guide .btn_fm:after { float:right; margin:12px 15px; }
    
    .m_fm .inner { padding:0px !important; }
    /*.m_fm .fm_list { display:block; overflow-y:auto; max-height:calc(100vh - 400px); }*/
        .m_fm dl { padding:10px 0 25px 100px; min-height:auto; }
            .m_fm dt { top:25px; width:90px; }
            .m_fm dd { margin:15px 0 0 0; width:110px; }

    footer .m_info { padding:15px 20px 95px; }
        .m_info .inner { padding:0 !important; }
        .m_info ul { margin:10px 0 10px -20px; }
        .m_info li { display:none; }


    
    /* event */
    .event_wrap:before { background:url('../images/event/bg_bot_mo.png') center bottom no-repeat; background-size:100% auto; }
    .event_wrap h1 { margin:11vw auto 7vw; max-width:300px; }

    .event_list .badge { top:-4vw; left:-2vw; padding-left:1vw; width:19vw; height:8vw; line-height:8vw; font-size:var(--bodyTxt22-size-w); background-size:100% auto !important; }
    .event_list li a,
    .event_list li:before { border-radius:10px; }
    .event_list a > dl { margin:3vw; }
    .event_list a > dl * { font-size:var(--bodyTxt22-size-w); }
    .event_list a > dl dt { margin-bottom:0px; }
    .event_info { margin:3vw; gap:3vw; }
    .event_info dt,
    .event_info dd { font-size:var(--bodyTxt22-size-w); }
    .event_info dt { margin-right:1vw; padding:1.5vw 2vw; }

    /* result */
    .event_list .result { margin:3vw 3vw 2vw; }

    .event_view { border-radius:10px; }
    .event_view dt { padding:50px 15px 20px; font-size:var(--bodyTxt16-size); }
    .event_view dt strong { top:15px; left:13px; padding:5px 10px; width:auto; height:auto; line-height:normal; font-size:var(--bodyTxt16-size); }
    .event_view .editor_area { padding:40px; }
    .event_view .btn_area a { font-size:var(--bodyTxt16-size); }

	/* S : table :: 25년 08월 미래엔 추가 */
    .bbs_info th,
    .bbs_info td { padding:5px 0; font-size:var(--bodyTxt22-size-w); }
    /* E : table :: 25년 08월 미래엔 추가 */


}
@media screen and (max-width:750px) { 
    /* popup */
    .pop_wrap { border-radius:20px; }
    .pop_wrap h1 { padding:15px 40px; font-size:var(--bodyTxt30-size-w); } /* 25년 08월 미래엔 추가 */
    .pop_wrap .pop_close { position:absolute; top:13px; right:15px; width:25px; height:25px; border-width:1px 1px 2px 1px; }
    .pop_wrap .pop_close img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:50%; height:auto; }
	.pop_wrap .pop_con { max-height:100vw; } /* 25년 08월 미래엔 추가 */

        .list_lib { margin:5px 0; }
        .list_lib li { padding:10px 90px 10px 15px; min-height:35px; font-size:var(--bodyTxt16-size); }
        .list_lib li a { right:15px; width:55px; height:25px; line-height:25px; font-size:var(--bodyTxt16-size); }
        .list_lib li .btn.gray:before { position:relative; top:-2px; margin-right:3px; width:8px; height:8px; background-size:100% auto; }

    /* event */
    .event_wrap h1 { margin:18vw auto 8vw; max-width:236px; }

    .event_view .editor_area { padding:20px; font-size:16px; }
    .event_view .btn_area { padding:15px 0 20px; text-align:center; }
    .event_view .btn_area a { padding:10px; width:60%; height:auto; line-height:normal; }

    /* tab */
    .event_wrap .list_menu { margin:0 25px 30px 10px; }
    .event_wrap .list_menu a { margin-left:10px; }

}