@charset "utf-8";
/* CSS Document */

@media (max-width:1640px) {

.header_wrap {padding:0 2rem;box-sizing:border-box}

.banner_wrap {padding:0 2rem;box-sizing:border-box}
.footer_wrap:before {display:none}
.ft_link {padding:0 2rem;border-bottom:.1rem solid #4b5e7a;box-sizing:border-box}
.ft_link ul {padding:2.6rem 0 2.7rem 0}
.ft_address {padding:3rem 2rem;box-sizing:border-box}

.quick_wrap {padding:0 2rem;box-sizing:border-box}
.notice_wrap {padding:0 2rem;box-sizing:border-box}
.notice_control {right:2rem}
.edu_wrap {padding:8rem 2rem;box-sizing:border-box}
.edu_control {right:2rem}
.gallery_wrap {padding:0 2rem;box-sizing:border-box}
.gallery_control {right:2rem}

.tab_wrap {padding:0 2rem;box-sizing:border-box}
.sub_content {padding:0 2rem;box-sizing:border-box}

}

@media (max-width:1280px) {

.gnb > ul > li > a {padding:0 3rem}

.quick_wrap ul li a {padding:0 4rem}
.quick_wrap ul li.quick1 a .quick_icon {margin-right:2rem}
.quick_wrap ul li.quick2 a .quick_icon {margin-right:2rem}
.quick_wrap ul li.quick3 a .quick_icon {margin-right:2rem}
.quick_wrap ul li a .quick_text_wrap {width:calc(100% - 12rem)}

}

@media (max-width:1200px) {

.gnb {display:none}
.total_menu {display:block}

.quick_wrap ul li a {padding:0 3rem}

.notice_list ul li {width:calc((100% - 4rem)/3)}
.edu_list > ul > li {width:calc((100% - 4rem)/3)}
.gallery_list > ul > li {width:calc((100% - 4rem)/3)}

.tab_wrap li a {font-size:2rem}

.gallery_board ul li {width:calc((100% - 4rem)/3)}
.gallery_board ul li:nth-child(4n+1) {margin:2rem 0 0 2rem}
.gallery_board ul li:nth-child(3n+1) {margin:2rem 0 0 0}

.search_item {width:30%;margin-left:3rem}

}

@media (max-width:1024px) {

.visual_wrap {height:50rem}
.visual_wrap .visual_list li .main_txt {top:40%;transform:translate(-50%, -40%)}

.quick_wrap ul {align-items:stretch;height:auto}
.quick_wrap ul li a {height:auto;padding:3rem}
.quick_wrap ul li.quick1 a .quick_icon {width:8rem;height:8rem;margin-right:0;background-size:5.1rem}
.quick_wrap ul li.quick2 a .quick_icon {width:8rem;height:8rem;margin-right:0;background-size:5.2rem}
.quick_wrap ul li.quick3 a .quick_icon {width:8rem;height:8rem;margin-right:0;background-size:4.4rem}
.quick_wrap ul li a .quick_text_wrap {width:100%;margin-top:2rem;text-align:center}

.tab_wrap.cols6 li {width:auto}
.tab_wrap li a {padding:1.5rem;font-size:1.8rem}

.step_item .step_txt {width:calc(100% - 18rem);margin-left:4rem}

.search_item {width:40%;margin-left:2rem}
.search_item label {width:7rem}
.search_item select {width:calc(100% - 7rem)}
.search_item input[type=text] {width:calc(100% - 7rem)}

.calendar_box {width:100%;margin-right:0}
.calendar_list {width:100%;height:20rem;margin-top:2rem}

.vision_wrap .vs03 .vsBoxList .vsBox .vsBox_txt br {display:none}
.vision_wrap .vs03 .vs03_depth4 p br {display:none}

}

@media (max-width:800px) {
    
.header_box .logo {width:21.3rem;height:4.5rem}
.header_box .logo a {background-size:21.3rem}

.banner_control {display:flex;justify-content:space-between;align-items:center;width:100%}
.banner_control h4 {color:#333;font-size:2rem;font-weight:600}
.banner_control ul {margin-top:0}
.banner_list {width:100%;margin-top:2rem}
.banner_list li {width:calc((100% - 3rem)/4)}

.ft_address .ft_logo {margin:0 auto}
.ft_address address {width:100%;margin-top:2rem}

.visual_wrap {height:45rem}
.visual_wrap .visual_list li .main_txt {font-size:4.4rem}

.quick_wrap ul li.quick1 {width:100%;border-radius:4rem 4rem 0 0}
.quick_wrap ul li.quick2 {width:100%}
.quick_wrap ul li.quick3 {width:100%;border-radius:0 0 4rem 4rem}
.quick_wrap ul li a {padding:2rem 3rem}
.quick_wrap ul li.quick1 a .quick_icon {margin-right:2rem}
.quick_wrap ul li.quick2 a .quick_icon {margin-right:2rem}
.quick_wrap ul li.quick3 a .quick_icon {margin-right:2rem}
.quick_wrap ul li a .quick_text_wrap {width:calc(100% - 10rem);margin-top:0;text-align:left}

.notice_list ul li {width:calc((100% - 2rem)/2)}
.edu_list > ul > li {width:calc((100% - 2rem)/2)}
.gallery_list > ul > li {width:calc((100% - 2rem)/2)}

.sub_header {height:15rem}
.sub_header .sub_tit span {font-size:4rem}

.sub_cont_tab {display:none}

.sub_top {padding:3.2rem 0 2.7rem 0}
.sub_top h3 {order:2;display:inline-flex;justify-content:center;width:100%}
.sub_top .location {order:1;width:100%;margin-bottom:2rem}

.tbl_list colgroup {display:none}
.tbl_list thead {display:none}
.tbl_list tr {display:flex;flex-wrap:wrap;align-items:center;padding:1rem 0;border-bottom:.1rem solid #c6c6c6}
.tbl_list tr td {padding:.5rem;border-left:none;border-bottom:none;text-align:left}
.tbl_list tr .tbl_num {display:none}
.tbl_list tr .subject {width:100%}

.gallery_board ul li {width:calc((100% - 2rem)/2)}
.gallery_board ul li:nth-child(odd) {margin:2rem 0 0 0}
.gallery_board ul li:nth-child(even) {margin:2rem 0 0 2rem}

.form_item .form_div {width:100%}
.form_item .form_div:nth-child(1) {margin-right:0;padding-bottom:1rem;border-bottom:.1rem solid #c5c9d6}
.form_item .form_div:nth-child(2) {padding-top:1rem}
.form_item .form_input {max-width:100%;margin-left:1rem}
.form_item .form_file {max-width:100%;margin-left:1rem}
.form_item select {max-width:100%;margin-left:1rem}
.form_item textarea {margin-left:1rem}

.step_item .step_tit {width:100%;height:auto;padding:1.5rem 0;border-radius:.8rem}
.step_item .step_tit p {width:auto}
.step_item .step_tit span {width:auto;margin:0 0 0 1rem}
.step_item .step_txt {width:100%;margin:2rem 0 0 0}

.search_div {flex-wrap:wrap}
.search_item {width:100%;margin:1rem 0 0 0}
.search_item:first-child {margin:0}
.search_item input[type=text].search_input {width:calc(100% - 5rem)}

.class_item .class_num {display:none}
.class_item .class_info {width:calc(100% - 12rem);padding-left:2rem;box-sizing:border-box}
.class_item .class_state {width:12rem}
.class_item .class_state .state {width:10rem}

.tbl_info colgroup {display:none}
.tbl_info tr {display:flex;flex-wrap:wrap}
.tbl_info tr th {width:25%}
.tbl_info tr td {width:75%}
.tbl_info tr td.class_tit {width:100%}

.info_img {margin:2rem 0;padding:2rem}

.month_list ul {padding:1.5rem 0 1.7rem 0}
.month_list ul li {width:16.6%;margin:.5rem 0}

.site_map {margin-top:3rem}
.site_map > ul > li {width:calc((100% - 4rem)/3)}
.site_map > ul > li:nth-child(4n+1) {margin:1rem 0 0 2rem}
.site_map > ul > li:nth-child(3n+1) {margin:1rem 0 0 0}

.btn_type_cert {margin:1rem 0 0 19rem}

.class_tit .class_btn {width:100%;margin-top:1rem}

}

@media (max-width:640px) {

.header_top {display:none}
.header_box {height:8rem}
.header_box .logo {width:18.9rem;height:4rem}
.header_box .logo a {background-size:18.9rem}

.banner_list li {width:calc((100% - 2rem)/3)}

.visual_wrap {height:40rem}
.visual_wrap .visual_list li .main_txt {top:30%;transform:translate(-50%, -30%);font-size:3.4rem}

.notice_wrap {margin:4rem auto 0}
.notice_wrap h3 {font-size:3rem}
.notice_list {margin-top:2.5rem}
.notice_list ul {height:24.2rem}
.notice_list ul li {width:100%;margin-bottom:.5rem}
.notice_list ul li .notice_box {padding:2.4rem 1.8rem 2.6rem 1.9rem}
.notice_control {top:0}

.curriculum_wrap {margin-top:4rem}
.edu_wrap {padding:4rem 2rem}
.edu_wrap h3 {font-size:3rem}
.edu_list {margin-top:2.5rem}
.edu_list > ul {height:33rem}
.edu_list > ul > li {width:100%;margin-bottom:.5rem}
.edu_list > ul > li > .edu_box {padding:3rem 2rem}
.edu_control {top:4rem}

.gallery_wrap {margin:4rem auto 0}
.gallery_list > ul > li {width:100%;margin-bottom:.5rem}
.gallery_wrap h3 {font-size:3rem}
.gallery_list {margin-top:2.5rem}
.gallery_list ul {height:37rem}
.gallery_list ul li .gallery_box {padding-bottom:1.6rem}
.gallery_list ul li .gallery_box .gallery_tit {margin-top:1.6rem;padding:0 2rem}
.gallery_list ul li .gallery_box .gallery_date {padding:0 2rem}
.gallery_control {top:0}

.sub_header {height:10rem}
.sub_header .sub_tit span {font-size:3.4rem}

.sub_top h3 {font-size:3.2rem}

.board_count {order:2;margin-top:2rem}
.board_search {order:1;width:100%}
.board_search select {width:100%;margin-right:0}
.board_search input[type=text] {width:100%;margin:1rem 0 0 0}
.board_search a {width:100%;margin-top:1rem;text-align:center}

.gallery_board ul li {width:100%;margin:0}
.gallery_board ul li:nth-child(even) {margin:2rem 0 0 0}

.class_step {margin-top:2rem}

.inquiry_wrap {margin-top:2rem}
.inquiry_wrap .inquiry {font-size:1.8rem}
.inquiry_wrap .inquiry br {display:block}

.class_item .class_info {width:100%;padding-left:0}
.class_item .class_info .class_tit {width:100%}
.class_item .class_state {justify-content:flex-start;width:100%;margin-top:2rem}
.class_item .class_state .state {width:auto;margin:0 0 0 2rem;padding:0 2rem}

.tbl_info tr th {width:12rem;padding:1.6rem 1rem 1.7rem 1rem;text-align:center}
.tbl_info tr td {width:calc(100% - 12rem)}
.tbl_info tr td.class_tit {padding:2rem 2rem 2.1rem 2rem}

.calendar_list ul li dt {width:100%}
.calendar_list ul li dd {width:100%;margin-top:1rem}

.tbl_calendar td a {height:6rem;line-height:6rem}

.site_map > a {font-size:2rem}
.site_map > ul > li {width:calc((100% - 2rem)/2)}
.site_map > ul > li:nth-child(even) {margin:1rem 0 0 2rem}
.site_map > ul > li:nth-child(odd) {margin:1rem 0 0 0}

.vision_wrap {padding:4rem 2rem 2rem 2rem}
.vision_wrap .vs01 {border-radius:.8rem}
.vision_wrap .vs01 strong {top:-2rem;height:4rem;font-size:2rem;line-height:4rem}
.vision_wrap p {font-size:1.8rem}
.vision_wrap .vs02 {margin-top:4rem;border-radius:.8rem}
.vision_wrap .vs02:before {display:none}
.vision_wrap .vs02 strong {top:-2rem;height:4rem;font-size:2rem;line-height:4rem}
.vision_wrap .vs03 {margin-top:2rem}
.vision_wrap .vs03:before {display:none}
.vision_wrap .vs03 > strong {width:100%;height:4rem;font-size:2rem;line-height:4rem}
.vision_wrap .vs03 .vsBoxList {margin-top:1rem}
.vision_wrap .vs03 .vsBoxList .vsBox {width:100%;margin:1rem 0}
.vision_wrap .vs03 .vs03_depth2 {height:auto;margin-top:1rem;border-radius:.8rem}
.vision_wrap .vs03 .vs03_depth2 p {padding:1.5rem 2rem;font-size:1.8rem}
.vision_wrap .vs03 .vs03_depth3 li {width:calc((100% - 2rem)/3);margin-left:1rem}
.vision_wrap .vs03 .vs03_depth3 li:nth-child(1) {height:4.5rem;padding:0 1rem;border-radius:.8rem;font-size:1.8rem}
.vision_wrap .vs03 .vs03_depth3 li:nth-child(2) {height:4.5rem;padding:0 1rem;border-radius:.8rem;font-size:1.8rem}
.vision_wrap .vs03 .vs03_depth3 li:nth-child(3) {height:4.5rem;padding:0 1rem;border-radius:.8rem;font-size:1.8rem}

.form_item:before {width:12rem}
.form_item .form_tit {width:12rem}
.form_item .form_input {width:calc(100% - 13rem)}
.form_item select {width:calc(100% - 13rem)}
.form_item textarea {width:calc(100% - 13rem)}

.btn_type_cert {margin:1rem 0 0 13rem}

#pop_schedule{left:0;width:100%}

}


@media (max-width:480px) {

html {font-size:55%}

.banner_list li {width:calc((100% - 1rem)/2)}
.ft_link ul {padding:2.1rem 0 2.2rem 0}
.ft_link ul li {margin:.5rem 1rem .5rem 0}

.visual_wrap {height:35rem}
.visual_wrap .visual_list li .main_txt {font-size:3rem}

}

@media (max-width:360px) {

html {font-size:50%}

.site_map > ul > li {width:100%}
.site_map > ul > li:nth-child(even) {margin:1rem 0 0 0}


}