@charset "UTF-8";
/* CSS Document */
@media all and (max-width: 1850px) {

}

@media all and (max-width: 1760px) {
   .header h1 { width:auto; margin-right:3rem; }
   .gnb li.depth1 > a { font-size:1.5rem; }
   .openshare_list { width:100%; }
   
   .fullpage_container .page_header.fix { padding-left:70px; }
   .fullpage_container .page_header.fix .goback { left:15px; }
}

@media all and (max-width: 1501px) {
   .inner { width:100%; }
   .header .inner { padding:0 3rem; }
   .header h1 { left:3rem; }
   .header_util { right:3rem; }
   .section3 .inner,
   .section4 .inner,
   .footer .inner { padding:0 3rem; }
   
   
   .headline h2 { font-size:4rem; }
   .openshare_list .openshare { padding:6rem; border-radius:3rem; }
   .openshare_list .openshare strong { font-size:4rem; margin: 2rem 0 3rem; }
   
   .intro_content .scene1_box { width:calc(100% - 6rem); }
   .intro_content .scene4 .text_wrap ul { gap:3rem; }
   .intro_content .scene4 .text_wrap ul li { width: calc(100% / 4 - 9rem / 4); }
   
   .modal.fullpage .modal_title { padding:0 3rem; }
   .modal.fullpage .modal_wrap .video_wrap { width:100%; }
   .modal.fullpage .modal_wrap { align-items:flex-start; padding:3rem; }


}

@media all and (max-width: 1401px) {

}

@media all and (max-width: 1301px) {
   .header { background:#fff; }
   .header .gnb { display:none; }
   .header .inner { justify-content:space-between; height:70px; }
   .header h1, .header_util { position:static; }
   .header::after { display:none; }
   .section1 .main_slide .swiper-slide { padding-top:70px; }
   .footer .copyright { font-size:4rem; }

   .main_container .headline h2 { font-size:4rem; }
   .main_container .headline .keyword { font-size:1.4rem; }
   .section3 { padding:6rem 3rem; }
   .section3 .inner { transition:0s; }
   .section3_list { margin:50px 0; }
   .section3_list .box { width:360px; padding:0 10px; }

   .section4 { padding:5rem 3rem 10rem; }
   .footer,
   .main_container .footer { padding:10rem 3rem 1rem; }
   
   .section4 .inner { flex-direction:column; }
   .section4 .notice_box { width:100%; }
   
   .metaverse_space .box { padding:6rem 50% 6rem 6rem; }
   .metaverse_space .box strong { font-size:3rem; }
   .metaverse_space .box .img { width:calc(50% - 8rem); top:4rem; right:4rem; }
   
   
}

@media all and (max-width: 1201px) {
   
   .skip_top { right:2rem; }
   .skip_top.fix { bottom:2rem; }
   .footer, .main_container .footer { padding:4rem 3rem 5rem; }
   .footer .top { display:block; }
   .footer .text { margin-top:3rem; }
   .footer .inner { gap:3rem; }
   .footer .copyright { font-family:'N-SquareNeo', sans-serif; padding-left:0; font-size:1.5rem; color:#858585; text-align:left; font-weight:600; }
      
   
   .board_container .content { width:100%; }
   .calendar_top { margin-bottom:55px; background:#f9f9f9; padding:1rem; }
   .calendar_category { position:absolute; bottom:-40px; left:0; overflow-x:auto; width:100%; }
   .calendar_category ul { white-space:nowrap; flex-wrap:nowrap; }
   .calendar_select { position:static; transform:none; }
   .board_calendar td > .reservation_data { min-height:35px; }
   .board_calendar td > .reservation_data > ul > li button { font-size:1rem; }
   .board_calendar td.holiday .days .holiday_text span { font-size:0.9rem; padding:4px 6px; }
   .board_calendar td .days { margin-bottom:10px; }
   .reservation_data_btn { font-size:1rem; }
   .reservation_data_btn em { font-size:1rem; }
   .board_calendar td { padding:7px; }
   
   .img_list .box { width:calc(100% / 3 - 60px / 3); }
   .img_list { gap:40px 30px; }
   .img_list .box .text p { font-size:1.4rem; margin:1.5rem 0; }
   .content:has(.img_list) .board_bottom { margin:5rem 0 0; }
   .class_info { font-size:1.4rem; }
   
   .map { margin-bottom:5rem; }
   .side_content { display:block; }
   .side_content h4 { margin-bottom:3rem; }
   .side_content h4 br { display:none; }
   .side_content .text { width:100%; }
   .side_content .text_list p { margin:5rem 0 2rem; line-height:1.3em; }
   
   .intro_content h4 { font-size:4rem; }
   .intro_content .scene1 .text p { font-size:2rem; }
   .intro_content .scene3 .textbg { top:-14rem; }
   .intro_content .scene3 .textbg p { font-size:16rem; }
   .intro_content .scene3 { padding:10rem 0; }
   .intro_content .scene3 .text { padding:7rem; }
   .intro_content .scene3 .text p br { display:none; }
   
   .intro_content .scene3 img { position:static; width:80%; margin:5rem 10% 0; }
   .intro_content .scene4 { padding:0 0 10rem; }
   .intro_content .scene4 h4 { font-size:3rem; margin-bottom: 3rem; }
   .intro_content .scene4 h5 { font-size:2.4rem; }
   
   .intro_content .scene3 .text { border-radius:2rem; }
   .intro_content .scene4 .text_wrap ul { gap:2rem; }
   .intro_content .scene4 .text_wrap ul li { width:calc(100% / 2 - 2rem / 2); border-radius:2rem; }
   .intro_content .scene1 .text { padding:20rem 6rem 30rem; }
   .intro_content .scene1_box { border-radius:2rem; }
   
   .kdt_list li { width:calc(100% / 2 - 20px / 2); }

   

}

@media all and (max-width: 1101px) {

}

@media all and (max-width: 1001px) {
   .mypage_container .inner { width:100%; }
   .section1 .main_slide .slide1 .bg_wrap img { width:55%; }
   .section1 .main_slide .slide1 .bg_wrap img:last-child { width:45%; }
   
   .coursedetail h4 { font-size:3rem; margin-bottom:2.4rem; }
   .curiilist ul li { padding:2.5rem 0; }
   .curiilist ul li strong { font-size:1.6rem; }
   .curiilist ul li p { font-size:1.4rem; justify-content:flex-end; }
   .curiilist ul li .left p { justify-content:flex-start; }
   
   .curri .title .btn_wrap { margin-top:3rem; }
   
   .facility_wrap { margin-top:0; }
   .facility_list { display:none; }
   .facility_wrap h4 { display:block; margin-top:1rem; }
   .facility_content .text h5 { font-size:2.4rem; margin-bottom:1.2rem; }
   .facility_content .text h5 span { display:none; }
   .facility_content_wrap { width:100%; }
   .facility_content { padding:5rem 0; }
}

@media all and (max-width: 931px) {
   .footer_banner { gap:15px; }
}

@media all and (max-width: 900px) {
   
   .sitemap_header { padding:2rem 3rem 2rem 4rem; align-items:center; }
   .sitemap .header_util { gap:10px; flex-direction:column; justify-content:center; align-items:flex-start; }
   .sitemap .header_util ul { gap:10px; }
   .sitemap_list { padding:5rem 4rem; }
   .sitemap_list .depth1 > a { font-size:2rem; }
   .sitemap_list .depth1 { flex-direction:column; gap:2rem; padding:3rem 0; border-bottom:1px solid #777; }
   .sitemap_list .depth2 { width:100%; gap:1rem; }
   .sitemap_list .depth2 > li > a { font-weight:600; }
   .sitemap_list .depth2 li a .state, .sitemap_list .depth2 li a:hover .state { width:50px; padding:5px 0; }
   .sitemap .logo, .sitemap_info { display:none; }
   .sitemap_list .depth1 > a { width:100%; }
   .sitemap .sitemap_content { background:none; width:100%; position:static; }
   
   .sitemap_list .depth2 li a .state, .sitemap_list .depth2 li a:hover .state { font-size:1.1rem; }
   .sitemap_list > ul:hover a { opacity:1; }
   
   .sub_title h3 { font-size:3.4rem; }
   .metaverse_space .box { padding:4rem; gap:2rem; }
   .metaverse_space .box strong { font-size:3rem; }
   .metaverse_space .box .img { position:static; width:100%; margin-top:3rem; }
   
   .reservation_data_btn em { display:none; }
   .reservation_data_btn { height:28px; }
   
   .goback { display:inline-flex; height:30px; }
   .goback .mr10 { margin-right:5px !important; }
   .btn_l { height:42px; padding:0 24px; }

   .curri { display:block; margin-top:6rem; }
   .curri .title { position:static; display:flex; justify-content:space-between; align-items:center; margin-bottom:2rem; }
   .curri .title .btn_wrap { margin:0; display:none; }
   .curiilist { width:100%; }
   .coursedetail > .btn_wrap .bg_grad { display:inline-block; }
   
   .play_list .thumbnail::before { width:70px; height:70px; }
   
   .popup .modal_title { padding:20px 20px; }
}

@media all and (max-width: 851px) {
	.footer_banner {  position:relative;  }


@media all and (max-width: 830px) {

}

@media all and (max-width: 801px) {
html, body { font-size:53%; }

   .section1 .main_slide strong { font-size:5rem; }
   .section1 .main_slide .slide2 .bg_wrap { justify-content:space-between; }
   .section1 .main_slide .slide2 .bg_wrap::after { z-index:2; }
   .section1 .main_slide .slide2 .bg_wrap img { display:block; width:30%; left:0; bottom:0; }
   .section1 .main_slide .slide2 .bg_wrap img:first-child { transform:rotateY(180deg); } 
   .section1 .main_slide .slide2 .bg_wrap img:last-child { left:auto; right:0; }

   .section2 { padding:5rem 0; }
   .section2 .inner { padding:0 3rem; }
   .openshare_list { gap:0; }
   .openshare_list .openshare { padding:7rem 7rem 20rem; border-radius:5rem 5rem 0 0; }
   .openshare_list .openshare strong { font-size:3rem; }
   .openshare_list .openshare > img { width:35%; }
   .openshare_list .openshare.pin1 { background-size:50%; }
   .openshare_list .openshare::after { content:''; width:calc(100% + 6rem); height:100px; display:block; background:#ccc; position:absolute; left:0; bottom:-99px; pointer-events:none; }
   .openshare_list .openshare.pin1::after { background:#CEE1F5 }
   .openshare_list .openshare.pin2::after { background:#2236B5 }
   .openshare_list .openshare.pin3::after { display:#0C1B67; }
   .openshare_list .openshare.pin1 {  }
   .openshare_list .openshare.pin2 { margin-top:-13rem; }
   .openshare_list .openshare.pin3 { margin-top:-13rem; }
   
   .section3 { height:auto; background:url(/images/user/bg_mainsection3.jpg) 50% 50% / cover no-repeat; margin-top:-5rem; padding-top:6rem; border-radius:5rem 5rem 0 0; transition:all 0.3s; }
   .section3::before { width:100%; height:100%; display:block; content:''; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); z-index:0; }
   .section3.run { opacity:1; margin-top:-18rem; }
   .section3 .headline { margin-bottom:1rem; }
   .section3 .headline h2 { display:flex; justify-content:space-between; flex-wrap:wrap; }
   .section3 .headline h2 a { color:#fff; font-size:1.5rem; display:inline-flex; align-items:center; }
   .section3_list { margin:3rem 0; }
   .section3_list .box { padding:0; }
   .section3_list .box a { background:rgba(255, 255, 255, 1); padding:15px 15px 30px; border-radius:23px; }
   .section3_list .text { padding:24px 0; }
   .section3_list .text strong { margin-bottom:12px; }
   .section3_list .box a:hover { transform: none; }
   .section3_list a .deco { background:rgb(8, 19, 154); background:linear-gradient(104deg, rgba(8, 19, 154, 1) 0%, rgba(98, 17, 167, 1) 100%); color:#fff; box-shadow:5px 5px 20px 0 rgba(0, 0, 0, 0.4);}

   .horizontal-container {  }
   .slide_ol_control { display:flex; align-items:center; }
   
   .section4, .footer .inner { padding:5rem 3rem; }
   .main_container .headline h2 { font-size:3rem; }
   .member_container .signin { width:100%; }
   
   .breadcrumb ul { font-size:11px; }
   .breadcrumb li::after { margin:0 6px; }
   .sub_title { margin:3rem 0 0; }
   .sub_title h3 { font-size:3rem; text-align:left; margin-bottom:5rem; }
   .member_container .sub_title h3 { text-align:center; }
   .sub_title .sub_menu { text-align:left; width:calc(100% + 6rem); margin:0 -3rem; }
   .sub_title .sub_menu .overflow { overflow-x:auto; padding:0 3rem; }
   .sub_title .sub_menu .overflow ul { white-space:nowrap; }
   .sub_title .sub_menu .overflow ul li:last-child { margin-right:2rem; }
   .sub_title .sub_menu ul li a { font-size:1.4rem; padding:5px 6px; }
   
   .article_wrap .headline h4 { font-size:2rem; }
   .table_list th { font-size:1.4rem; padding:11px 0; }
   .table_list tr td { padding:15px 0; }
   
   .curiilist ul li:has(.left) { display:block; }
   .curiilist ul li p, .curiilist ul li .left p { margin-top:6px; justify-content:flex-start;}
   .curiilist ul li strong { font-size:1.8rem; }
   .curiilist ul li .info { margin-top:2rem; justify-content:space-between; }
   .curiilist ul li .info .progress { flex-direction:row; }
   .curiilist ul li .info .btn_m { height:24px; padding:0 7px; }
   .curiilist ul li { display:block; }
   
   .board_list .row .no { display:none; }
   .board_list .row .text { width:100%; }
   .board_list .row .notice { display:inline-block; font-weight:600; margin-right:5px; }
   
   .sitemap.active { display:block; animation:sitemap .5s both cubic-bezier(.22, .61,.36, 1); }
   
   .board_calendar th { padding:10px 0; font-size:1.2rem;}
   
   .content:has(.board_calendar) .article_wrap { margin-bottom:0; }
   .content:has(.board_calendar) .article_wrap::after { content:''; display:block; margin:3rem -3rem; width:calc(100% + 6rem); height:5px; background:#f4f4f4; border-top:1px solid #ededed; border-bottom:1px solid #ededed; }
   .content:has(.board_calendar) .article_wrap:last-child::after { display:none; }
   .board_calendar td.holiday .days .holiday_text { background:none; }
   .board_calendar td.holiday .days .holiday_text span { padding:0; font-size:1rem; }
   .board_calendar td { padding:12px 5px; }
   .board_calendar td button.date { height:auto; width:auto; font-size:1rem; }
   .board_calendar td .days .event { width:calc(100% - 15px); }
   .board_calendar td.today::after { top:-19px; }
   .board_calendar td:has(.reservation_data_btn) .reservation_data::after { height:45px; }
   .board_calendar td > .reservation_data { max-height: 82px; }
   
   .sub_container { padding:8rem 0; }
   .intro_content .scene1_box { background-size:300%; background-position:20% 80%; background-attachment:fixed; }
   .intro_content .scene1_box.active { background-size:400%; }
   
   .fullpage_container .page_header { padding:4rem 2rem 3rem; }
   .fullpage_container .page_header .goback { min-width:40px; width:40px; height:40px; border-radius:15px; top:2rem; left:2rem; }
   .fullpage_container .page_header .state { width:auto; padding:6px 10px; }
   .fullpage_container .page_header h3 { font-size:2.4rem; line-height:1.4em; margin-top:2rem; }
   .fullpage_container .page_header h3 span { font-size:1.6rem; font-weight:400; }
   
   .program_list ul li .detail { flex-direction:column; gap:.6rem; margin-bottom:0; }
   .program_list ul li dl { width:100%; display:flex;}
   .program_list ul li dl dt { width:40px; margin-right:0; }
   .program_list ul li dl dd { width:calc(100% - 40px); }
   .program_list ul li dl dd::after { display:none !important; }
	
}

@media all and (max-width: 701px) {
   .section4::after { width:60%; }
   .openshare_list .openshare { background-image:none !important; padding-bottom:20rem; }
   .openshare_list .openshare > img { width:50%; right:2rem; bottom:2rem; top:auto; transform:none; }
   .openshare_list .openshare strong { font-size:3rem; margin:1rem 0 2rem; }
   
   .list_box { padding:2rem 2rem; }
   .section4 .notice .text { display:flex; flex-direction:column; gap:8px; }
   .section4 .notice a { padding:1.5rem 3.5rem 1.5rem 0; }
   .section4 .list_box { padding:2rem 3rem; }
   .section4 .list_box:has(.faq) { padding:0 3rem; }
   .section4 .faq .text a { padding: 2.5rem 3.5rem 2.5rem 0; }
   .section4 .notice .text strong { width:100%; }
   .section4 .faq .text strong { width:calc(100% - 25px); }
   
   .policy { width:100%; }
   
   .calendar_top {  }
   .headline { margin-bottom:1.5rem; }

   .metaverse_space .box { background:none; padding:0 3rem; }
   .metaverse_space .box .btn_wrap { justify-content:center; }
   .metaverse_space .box {  }
   .metaverse_space .box::after { content:''; display:block; margin:3rem -3rem; width:calc(100% + 6rem); height:5px; background:#f4f4f4; border-top:1px solid #ededed; border-bottom:1px solid #ededed; }
   .metaverse_space .box:last-child::after { display:none; }
   .metaverse_space .box strong { font-size:2.4rem; }
   .metaverse_space .box .text dt { font-size:1.6rem; margin-bottom:0.8rem; }
   .metaverse_space .box .text { gap:3rem; }
   
   .sub_container { padding:8rem 0; }
   .footer .text { font-size:1.3rem; }
   .footer dl { margin-bottom:0; }
   .footer dl dt { width:100%; margin-bottom:3px; }
   .footer dl dd { width:100%; margin-bottom:10px; }
   .footer dl dd::after, .footer dl dt::after { display:none; }
   .footer .copyright { padding:0; line-height:2.4rem; }
   
   
   .img_list .box { width:calc(100% / 2 - 20px / 2); }
   .img_list { gap:40px 20px; }
   .img_list .box .text p { font-size:1.4rem; margin:1.5rem 0; }
   
   .content_header .btn_m { height:32px; }
   .content_header .btn_m .ml5 { margin-left:10px !important; font-size:10px; }
   
   .sub_header { padding:3rem 0 4rem; }
   
   .coursedetail_head { display:block; }
   .coursedetail_head .text, .coursedetail_head .thumbnail { width:100%; }
   .btn_wrap { margin-top:3rem; }
   
   .board_top:has(.search_box) { margin-bottom:6rem; position:relative; }
   .board_top:has(.search_box) .total { position:absolute; bottom:-30px; left:0; margin:0; }
   
   .other_cont li .text { width:calc(100% - 70px); flex-direction:column; align-items:flex-start; gap:5px; }
   .other_cont li .text a { max-width:100%; }
   
   .board_view { margin:0 -3rem; width:calc(100% + 6rem); }
   .board_view .row { padding:0 3rem; border-bottom:none; }
   .board_view ._title strong { font-size:2.4rem; }
   .board_view .row:has(._file) { padding:0 3rem; }
   .board_view ._file { padding:0; background:none; }
   .board_view ._file .file_item_wrap { padding:10px 0 0; border:none; background:none; }
   .board_view .row::after { content:''; display:block; margin:3rem -3rem; width:calc(100% + 6rem); height:5px; background:#f4f4f4; border-top:1px solid #ededed; border-bottom:1px solid #ededed; }
   .board_view .row:last-child::after { margin-bottom:0; }
   
   .board_write .row dl { flex-direction:column; }
   .board_write .row dl dt {  { margin-bottom:1rem; } }
   .board_write.column .row dl dt { margin-bottom:1rem; }
   .board_write .row dl dt, .board_write .row dl dd { width:100%; }
 
   .faq_list ._label { padding:2rem 0; }
   .breadcrumb li:last-child { max-width:60%;}
   .sub_title .sub_menu ul li:not(.sub_title .sub_menu ul li:last-child)::after { margin:0 4px; }
   
   .other_cont li:first-child { border-bottom:1px solid #ededed; padding-bottom:2rem; }
   
   .v_class_info img { width:100px !important; }
   
   .side_content h4 { font-size:3rem; }
   .side_content .text_list p { margin:5rem 0 1rem; font-size:2.2rem; }
   .facility_content .text h5 { font-size:2.2rem; margin-bottom:1.5rem; }
   .facility_content { padding:3rem 0; }
   
   .intro_content h4 { font-size:3rem; }
   .intro_content .scene1 .text p br { display:none; }
   
   .intro_content .scene2.run { transform:translateY(-14rem); }
   .intro_content .scene2 .circle_wrap .circle { width:130px; }
   .intro_content .scene2 .circle_wrap { }
   .intro_content .scene3 .textbg p { font-size:10rem; }
   .intro_content .scene3 .textbg { top:-9rem; }
   .intro_content .scene3 .text { padding:6rem 4rem; }
   .intro_content .scene2.run .circle_wrap .circle:nth-child(1) { transform:translate(-50%, -215%); }
   .intro_content .scene2.run .circle_wrap .circle:nth-child(2) { transform:translate(-190%, 50%); }
   .intro_content .scene2.run .circle_wrap .circle:nth-child(3) { transform:translate(90%, 50%); }
   
   .bg_scene_bottom.bg1 { width:90%; top:auto; bottom:75%; }
   .bg_scene_bottom.bg2 { width:90%; bottom:0%; }
   .bg_scene_bottom.bg3 { width:70%; bottom:25%; }
   
   .map { height:400px; }
   
   .program_list { width:calc(100% + 6rem); margin:0 -3rem; }
   .program_list ul li { flex-direction:column; padding:0 3rem; gap:0; border:none; }
   .program_list ul li::after { content:''; display:block; margin:3rem -3rem; width:calc(100% + 6rem); height:5px; background:#f4f4f4; border-top:1px solid #ededed; border-bottom:1px solid #ededed; }
   .program_list ul li:last-child::after { margin-bottom:0; }
   .program_list ul li:hover { box-shadow:none; }
   .program_list ul li strong { font-size:2rem; }
   .program_list ul li .text { width:100%; }
   .program_list ul li .detail { margin-bottom:2rem; }
   .article_wrap:has(.program_list) .headline, .article_wrap:has(.calendar_days) .headline { position:absolute; left:-9999rem; width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999rem }
}

	
@media all and (max-width: 601px) {
   
   .section2 { padding:6rem 0 0; }
   .section2 .inner { padding:0 3rem 0; margin-bottom:3rem; }
   .section1 .main_slide .swiper-slide { padding-top:60px; }
   .header .inner { height:60px; }
   .header h1 a { width:130px; height:40px; }
   .header_util ul { gap:15px; }
   .header_util ul li a { font-size:1.9rem; font-weight:800; }
   .header_util .meminfo { display:none; }
   .section3 { margin-top:-3rem; padding-top:7rem; border-radius:2rem 2rem 0 0; }
   .section3 .inner, .section4 .inner, .footer .inner { padding:0; }
   .footer, .main_container .footer { padding:5rem 3rem 6rem; }
   .section3.run { opacity:1; margin-top:-14rem;}
   .section3.run .section3_list { animation:fadeUp 0.3s both; }
   
   .section1 .main_slide .text { margin-top:25%; }
   .section1 .main_slide strong { font-size:3.5rem; }
   .section1 .main_slide p { font-size:1.8rem; margin:2rem 0 3rem; }
   .section1 .main_slide .logo img { height:13px; }
   .section1 .main_slide .logo img:last-child { height:24px; }
   .section1 .main_slide .slide1 .bg_wrap img { position:absolute; }
   .section1 .main_slide .slide1 .bg_wrap img:first-child { width:95%; left:-7rem; bottom:-2rem; }
   .section1 .main_slide .slide1 .bg_wrap img:last-child { width:60%; right:-4rem; bottom:22rem; }
   
   .btn_slide { width:40px; height:40px; }
   .main_slide_control .paging { height:40px; font-size:1.3rem; }
   .facility_content .btn_slide { display:none; }
   .openshare_list .openshare { padding:6rem 4rem 20rem; border-radius:2rem; }
   .openshare_list .openshare.pin3 { padding-bottom:20rem; }
   .openshare_list .openshare .wedo p { font-size:1.3rem; padding:6px 10px; }

   .online_inquiry { width:100%; }
   .online_inquiry .title { background:url(/images/user/bg_openshare3_1.png) 100% 0% / 30% no-repeat #002389; padding:4rem 3rem; border-radius:14px; color:#fff; }
   
   .board_top:has(.search_box) { padding:1.3rem; }
   .search_box { width:100%; gap:3px; }
   .search_box .selectText { min-width:0; width:90px; padding-left:15px; height:36px; }
   .search_box .inputText { width:calc(100% - 130px); height:36px;}
   .search_box .btn_search { width:36px; height:36px; font-size:16px; }
   
   .curri { margin-top:0; }
   .curri .title h5 { font-size:2.4rem; }
   .curri .title p { font-size:1.4rem;  }
   .curiilist ul li strong { font-size:1.6rem; }
   .content_box.bg_lp {background:none !important; padding:4rem 0 0; }
   .content_box:first-child { padding-top:0; }
   .coursedetail_head .text .class_info { margin:1rem 0 2rem; }
   .bg_lp .board_write .row dl .inputText, .bg_lp .board_write .row dl .textArea { background-color:#fff; border:1px solid #ddd; border-radius:5px; }
   .bg_lp .board_write .row dl .inputText::placeholder, .bg_lp .board_write .row dl .textArea::placeholder { color:#ccc; }
   
   .metaverse_space { gap:10px; margin:0 -3rem; width:calc(100% + 6rem); }
   .metaverse_space .box .img { margin-top:1.5rem; }
   
   .table_view.col th { padding:15px 0 10px; }
   .table_view.col td { padding:0 0 15px; }
   
   .board_list .row a { padding:2em 0; }
   .board_list .row strong { font-size:1.6rem; }
   .board_list .row dl { font-size:1.2rem; }
   .faq_list ._label p { font-size:1.6rem; }
   
   .board_bottom { margin:3rem 0 0; }
   .board_list .row dl dd:not(.board_list .row dl dd:last-child)::after { margin:0 1rem; height:10px; }
   .faq_list ._cont { padding:3rem; line-height:1.6em; }
   .faq_list ._cont p { padding:0rem; font-size:1.3rem !important; }
   .faq_list ._cont p span { font-size:1.5rem !important; }
   .online_inquiry .title { border-radius:10px; }
   
   .board_view ._title strong { font-size:2.2rem; line-height:3.2rem; }
   .board_view .by { font-size:1.4rem; }
   .board_view .by dl::after { height:10px; margin:0 10px; }
   .online_inquiry .agree_wrap .agree_form { background:none; padding:0; }
   .online_inquiry .agree_wrap .agree_form p { border:1px solid #ededed; background:none; }
   .online_inquiry .agree_wrap .agree_form .checkbox { background:var(--lp); padding:1.5rem; border-radius:5px; }
   
   .sub_title h3 { margin-bottom:3rem; }
   .sub_container { padding:7rem 0 6rem }
   
   .calendar_select { gap:10px; }
   .calendar_select .btn_sq_m { width:28px !important; height:28px !important; }
   .calendar_select strong { font-size:1.6rem; }
   .calendar_top .btn_m  { height:28px !important; }

   .calendar_days { width:calc(100% + 6rem); margin:0 -3rem;) }
   .calendar_days > .day:nth-child(-n+7) { min-height:0; padding:10px 10px; font-size:1.3rem; }
   .calendar_days > .day { min-height:50px; padding:5px; }
   .calendar_days .reservation_data { min-height:40px; }
   .calendar_days .reservation_data > ul > li button { padding:3px 4px; font-size:1.1rem;}
   .calendar_days .today .date::after { width:calc(100% + 6px);}
   .calendar_days .days { margin-bottom:0; }
   .reservation_data_btn { width:calc(100% - 10px); left:5px; bottom:5px; height:22px; padding:0; }

   
   .modal_wrap { padding:1.5rem; }
   .modal_box.width600 { width:100% !important; }
   .modal_box { max-width:calc(100% - 1em); max-height:calc(100dvh - 4em); }
   
   
   .modal .title.flex { gap:5px; }
   .modal .table_view colgroup { display:none; }
   .modal .table_view tr { display:flex; flex-direction:column; }
   .modal .table_view th, .modal .table_view td { width:100%; }
   .modal .bg_navy .table_view tr:first-child td { padding-top:1rem; }
   .modal .table_view th { border-bottom:none; padding-bottom:0; line-height:1em; }
   .modal .board_write .row dt { width:100%; margin-bottom:0px; }
   .modal .board_write .row dl dt, .modal .board_write .row dl dd { width:100%; }
   .modal .board_write .row dl dd .datepicker { width:113px !important; }
   .modal .board_write .row dl .inputText.width100 { width:80px !important; }
   .hasDatepicker { padding-right:28px; background-position:calc(100% - 9px) 50%; }
   .timepicker { background-position: calc(100% - 6px) 50%; }
   
   .modal_content .agree_wrap { width:calc(100% + 6rem); margin:0 -3rem -3rem; border-radius:0; }
   .modal_content .agree_wrap .agree_form { background:none; }
   .modal_content .agree_wrap .agree_form p { border:1px solid #ededed; padding:2rem; }
   .modal_content .agree_wrap .agree_form .checkbox {margin-top:0; background:var(--lp); padding:2rem; border-radius:5px; }
   .modal_title { height:50px; padding:0 0 0 20px; }
   
   .board_write .row dl .inputText, .board_write .row dl .selectText { height:36px; }
   .board_write .row dl dd .btn_m { height:36px !important; width:auto !important; padding:0 15px !important; }
   
   .curri .title .text { width:100%; display:flex; justify-content:space-between; }
   .curri .title h5 { margin-bottom:0; }
   
   .curiilist ul li .info .progress { width:calc(100% - 80px); justify-content:space-between; }
   .curiilist ul li .info .progress .bar { width: calc(100% - 90px); }
   
   .gbmetaport a img { width:65px; }
   
   .facility_wrap h4 { margin-bottom:3rem; font-size:2.4rem; }
   .facility_content .text { margin-bottom:2rem; }
   .facility_content .text h5 { font-size:2rem; margin-bottom:1rem; }
   .facility_content .text p { font-size:1.3rem; }
   .slide_centerintro { margin-bottom:0; }
   .intro_content .scene1 .text { text-align:left; }
   .intro_content .scene1 .text p { font-size:1.6rem; }
   .intro_content .scene3 .text strong { font-size:3rem; margin-bottom:2rem; }
   .intro_content .scene3 .text p { font-size:1.6rem; line-height:2em; }
   .intro_content .scene4 .text_wrap ul li { padding:2.4rem; }
   .intro_content .scene4 .text_wrap ul li dd p { font-size:1.4rem; }
   .intro_content .scene2 .box .text strong { font-size:2rem; }
   .intro_content .scene2 .box .text p { font-size:1.4rem; }
   .section1 .main_slide .slide2 .bg_wrap img { width:36%; }
   
   .kdt_list ul { gap:10px; }
   .kdt_list li { width:100%; }
   .kdt_list li .state { width:auto; font-size:11px; padding:6px 10px; }
   .kdt_list li button { align-items:flex-start; text-align:left; gap:1rem; }
   .kdt_list li button p { gap:0.6rem; font-size:1.4rem; }
   .kdt_list li button p b { font-size:1.6rem; }
   
   .modal.fullpage .modal_title { padding:3rem 3rem 0; height:auto; background:none; border-bottom:none; backdrop-filter:none; webkit-backdrop-filter:none;}
   .modal.fullpage .modal_title h3 { display:flex; flex-direction:column; align-items:flex-start; gap:2rem; }
   .modal.fullpage .modal_title .goback { height:30px; display:block; width:auto; background:none; border:1px solid #fff; }
   .modal.fullpage .modal_title .btn_close.icon-close { display:none; }
   .modal.fullpage .modal_wrap { min-height:0; }
	
   .footer_banner img { height:20px;}	
}

@media all and (max-width: 501px) {
   
   .certify_find { margin-top:1rem; }
   .find .tab_content { padding:25px; }
   
   .v_class_info img { width:100px !important; }
   .member_container .find { width:100%; }
   
   
   .img_list { gap:20px; }
   .img_list .box { width:100%; border-bottom:1px solid #ededed; }
   .img_list .box .text { margin-top:0; }
   .img_list .box a { padding:0 0 18px 28%; display:block; position:relative; }
   .img_list .box a .thumbnail { width:24%; position:absolute; left:0; border-radius:5px; }
   
   .play_list a:hover .thumbnail img { filter: blur(0); }
   .play_list a:hover .thumbnail::before { opacity:0; }
   
   .intro_content .scene2 .circle_wrap { padding:0; width:300px; }
   .intro_content .scene2 .circle_wrap .circle { width:100px; font-size:1.5rem; }
   .intro_content .scene2.run .circle_wrap .circle:nth-child(1) { transform:translate(-50%, -205%); }
   .intro_content .scene2.run .circle_wrap .circle:nth-child(2) { transform:translate(-155%, 75%); }
   .intro_content .scene2.run .circle_wrap .circle:nth-child(3) { transform:translate(70%, 75%); }
   
   .footer, .main_container .footer { padding-bottom:140px; }
   .skip_top { width:calc(100% - 4rem); opacity:1; bottom:7rem; pointer-events:auto; gap:10px; position:absolute; background:none; border-radius:10px; color:#fff; }
   .skip_top.fix { bottom:7rem; }
   .skip_top .blind { position:static; width:auto; height:auto; font-size:1.6rem; line-height:1em; text-indent:inherit; }
   .skip_top::before { position:static; transform:none; }
   .skip_top::after { display:none; }
   
   .program_list ul li button { width:100%; height:40px; font-size:1.5rem; border-radius:10px; }
	
   .footer_banner img { height:17px;  }		

}

@media all and (max-width: 401px) {
   
   .member_container .login { width:100%; }
   .sub_title .sub_menu .depth2 { width:95%; }
   .breadcrumb li:last-child { max-width:57%; }

}

@media all and (max-width: 321px) {

}