.mo_btn {display: none;}
.dim {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5);}
.mo_img {display: none;}
@media screen and (max-width: 1350px){
  .container {max-width: 100%; padding: 0 20px; box-sizing: border-box;}
  
  header nav {gap: 20px;}
  header nav ul {gap: 20px;}

  .visual .txt-box {left: 20px;}

  footer .address {gap: 20px;}
  footer .address .txt {font-size: 16px;}

  .notice-list ul li {width: calc(100% / 3);}
}

@media screen and (max-width: 1000px) {
  header {height: 80px;}
  header .logo {width: 145px;}
  header nav {position: fixed; top: 0; left: -300px; flex-flow: column; align-items: center; width: 300px; height: 100vh; padding: 20px; background: var(--wt); z-index: 9999; box-sizing: border-box; transition: all .5s;}
  header.open {background: transparent; border-color: transparent;}
  header.open nav {left: 0;}
  header nav ul {flex-flow: column; justify-content: center; height: 100%;}
  header .log_in_out {width: 100%;}
  header .log_in_out a {width: 100%;}
  .mo_btn {display: block; width: 30px;}

  .visual {height: 450px; margin-top: 80px;}
  .visual .txt-box {width: calc(100% - 40px); word-break: keep-all;}
  .visual .txt-box .tit {margin-bottom: 20px; font-size: 35px;}
  .visual .txt-box .txt {margin-bottom: 20px;}
  .visual .txt-box .more_btn {width: 125px; height: 50px; font-size: 16px;}

  .banner_list {padding: 30px 0;}
  .banner_list ul li .child-box {gap: 10px;}
  .banner_list ul li .child-box .img-box {height: 45px;}
  .banner_list ul li .child-box .txt-box .tit {font-size: 18px;}
  .banner_list ul li .child-box .txt-box .txt {font-size: 15px;}

  /* section {padding: 80px 0 !important;} */
  .about_sec {margin-top: 80px;}

  .tit-box .tit {font-size: 28px;}
  .tit-box .sub {font-size: 16px;}

  .sec_notice_list {margin-top: 30px;}
  .sec_notice_list ul {gap: 20px 0; margin: 0 -10px;}
  .sec_notice_list ul li {width: calc(100% / 2); padding: 0 10px;}
  .sec_notice_list ul li .child-box {gap: 10px;}
  .sec_notice_list ul li .child-box .txt-box .tit {margin-bottom: 10px; font-size: 16px;}
  .sec_notice_list ul li .child-box .txt-box .sub {font-size: 15px;}

  .rolling-box {padding: 40px 0;}
  .rolling-box .container {flex-flow: column; gap: 10px; align-items: flex-start;}
  .rolling-box .rolling-banner {gap: 10px;}
  .rolling-box .rolling-banner ul {gap: 10px;}

  footer {position: relative; padding: 30px 0;}
  footer .container {flex-flow: column;}
  footer .address {flex-flow: column; align-items: left;}
  footer .address .txt {font-size: 15px;}
  footer .address .txt-box {word-break: keep-all;}
  footer .address .copyright {margin-top: 10px; font-size: 13px;}
  footer .f_link {margin-top: 20px;}
  footer .f_link a {font-size: 15px;}
  footer .f_link a::after {margin: 0 5px;}

  .sub_kv {height: 200px;}
  .tab_btn {margin-top: -186px; margin-bottom: 80px;}
  .tab_btn ul li a {height: 54px; font-size: 20px; word-break: keep-all; text-align: center;}
  .about-content {flex-flow: column-reverse; gap: 20px; word-break: keep-all; margin-bottom: 80px;}
  .about-content .tit {margin-bottom: 20px; font-size: 28px;}
  .about-content .txt {font-size: 16px;}
  .about-content .name {font-size: 16px;}
  .sub_kv .txt-box {font-size: 26px;}

  .about-content2 .img-box2 {width: 100%;}
  .about-content2 .small_tit .sub {word-break: keep-all; font-size: 16px;}
  .about-content2 .small_tit .tit {margin-bottom: 10px; font-size: 24px;}

  .history-content {flex-flow: column; gap: 30px; margin-top: 30px;}
  .history-content .img-box {position: relative; top: 0;}
  .history-content .img-box ul {gap: 30px;}
  .history-content .txt-img {min-width: auto; width: 100%;}

  .about_sec2 {padding: 80px 0;}
  .organization_chart {margin-top: 30px; overflow: auto; text-align: center;}
  .organization_chart img {width: 900px; margin: 0 auto;}

  .directors_sec {padding: 80px 0;}
  .small_tit2 {padding-bottom: 15px; margin-bottom: 15px;}
  .small_tit2 .tit {font-size: 22px;}
  .directors_sec .directors-list ul {align-items: flex-start; gap: 20px 0; margin: 0 -10px;}
  .directors_sec .directors-list ul li {padding: 0 10px;}
  .directors_sec .directors-list ul li .child-box {flex-flow: column; gap: 20px;}
  .directors_sec .directors-list ul li .child-box .img-box {width: 100%;}
  .directors_sec .directors-list ul li .child-box .txt-box {width: 100%;}
  .directors_sec .directors-list ul li .child-box .txt-box .sub {margin-bottom: 5px; font-size: 15px;}
  .directors_sec .directors-list ul li .child-box .txt-box .name {margin-bottom: 10px; font-size: 18px;}

  .table_sec {padding-bottom: 80px;}
  .table-area ul .th {min-width: 200px; width: 200px;}
  .table-area ul .th p {padding: 15px 0; font-size: 16px;}
  .table-area ul .td p {padding: 0 10px; font-size: 16px;}
  .table-area .img-box {overflow: auto; overflow-y: hidden; text-align: center;}
  .table-area .img-box img {width: 1000px;}

  .join_member_ac {padding: 30px 0 80px;}
  /* .join_member_ac .img-box {aspect-ratio: 16/5; margin-bottom: 60px;}
  .join_member_ac .img-box img {width: 100%; height: 100%; object-fit: cover; object-position: center;} */

  .join_member_ac .small-tit {margin-bottom: 30px;}
  .join_member_ac .small-tit .tit {font-size: 24px;}
  .join_member_ac .join_member_ac-list ul {flex-wrap: wrap; gap: 10px 0; justify-content: center;}
  .join_member_ac .join_member_ac-list ul li {width: calc(100% / 1); padding: 0 5px; box-sizing: border-box;}
  .join_member_ac .join_member_ac-list ul li .img-box {margin-bottom: 0;}
  .join_member_ac .join_member_ac-list ul li:last-of-type .img-box {margin-bottom: 50px;}
  .join_member_ac .img-box {margin-bottom: 50px;}
  section .link_btn {width: 150px; height: 45px; font-size: 16px;}

  .notice-area .d-flex {width: 100%;}
  .notice-area .search-box {max-width: 100%; height: 45px;}
  .notice-area .search-box input {padding: 0 15px; font-size: 15px;}
  .notice-area .search-box .search_btn {right: 15px;}
  .notice-list ul {margin: 0 -8px;}
  .notice-list ul li {width: calc(100% / 2); padding: 0 8px;}
  .notice-list ul li .child-box .txt-box .tit {font-size: 16px;}
  .notice-list ul li .child-box .txt-box .date {font-size: 15px;}

  .pager {margin-top: 60px;}
  .pager ul {gap: 10px;}
  .pager ul .arrow {width: 25px;}
  .pager ul .num a {width: 25px; font-size: 15px;}
  .notice_sec {padding: 80px 0;}
  .notice-area {padding-bottom: 0;}
  .view-area {margin-top: -100px;}
  .view-area .view-top .tit {padding: 20px 10px;}
  .detail-area p {font-size: 16px; word-break: keep-all;}
  .detail-area img {margin: 10px 0;}
  .view-area .view_ct {padding: 30px 0 50px;}
  .view-area .list_btn a {width: 95px; height: 40px; font-size: 16px;}
  .view-area .prev_next_detail ul li a {gap: 10px; padding: 0 10px;}
  .detail-area p span {word-break: break-all;}

  .link_btn2 {position: initial; width: 100px; height: 45px; font-size: 15px; margin: 30px auto 0;}
  .tit-box .txt {font-size: 15px; word-break: keep-all;}
  .education-ct:nth-child(2) {padding-top: 30px;}
  .education-ct {padding: 80px 0;}
  .education-ct .txt-box .tit {font-size: 18px;}
  .education-ct .txt-box .txt {margin-top: 10px;}
  .education-ct .txt-box .txt {font-size: 15px; word-break: keep-all;}
  .education-ct .txt-box .txt a {display: block; font-size: 15px;}
  .education-ct .img-box {margin-top: 30px;}
  /* .education-ct .img-box.img-box4 {overflow: auto; overflow-y: hidden;}
  .education-ct .img-box.img-box4 img {width: 1000px;} */
  .education-ct .img-box.pc_img {display: block;}
  .education-ct .img-box.mo_img {display: none;}
  .education-ct .img-box ul {gap: 10px;}
  .edu_sec {padding-top: 80px;}
  .education-ct:nth-child(2) {gap: 20px;}

  .tab_btn2 ul {gap: 10px;}
  .tab_btn2_2 {margin: 30px 0;}
  .tab_btn2 ul li .child-box {height: auto; aspect-ratio: 16/10;}
  .tab_btn2 ul li .child-box .icon {height: 47px;}
  .tab_btn2 ul li .child-box .program1 {width: 34px;}
  .tab_btn2 ul li .child-box .program2 {width: 45px;}
  .tab_btn2 ul li .child-box .program3 {width: 40px;}

  .table_area th {font-size: 15px;}
  .table_area td {height: 50px; font-size: 15px;}
  .table_area th:first-child {min-width: 65px; width: 65px;}
  .table_area th:nth-child(3) {min-width: 65px; width: 65px;}
  .table_area th:nth-child(4) {min-width: 100px; width: 100px;}

  .input-box {flex-flow: column; align-items: flex-start;}
  .form-sec .form-area {padding: 20px 10px;}
  .input-box {margin-bottom: 20px;}
  .input-box .tit {font-size: 16px;}
  .input-box input {height: 45px; padding: 0 10px; font-size: 15px;}
  .input-box select {height: 45px; padding: 0 10px; font-size: 15px; background: url(./../img/select_icon.png) no-repeat calc(100% - 10px) 50%;}
  .id_pw_join_link a {font-size: 16px;}
  .form_btn .submit-btn {width: 100%; height: 50px; font-size: 16px;}
  .form-sec .form-area2 {padding: 20px 10px;}
  .input-box .radio_box {gap: 10px; flex-wrap: wrap;}
  .form-sec {margin: 150px 0;}
  .input_toggle {padding: 10px;}
  .input_toggle .input-box:last-of-type {margin-bottom: 0;}
  .input-box .ckd-box label {font-size: 16px;}

  .pc_img {display: none;}
  .mo_img {display: block;}
}

@media screen and (max-width: 700px) {
  .about-content2 .img-box {height: auto; aspect-ratio: 16/7;}
}

@media screen and (max-width: 600px) {
  /* .banner_list ul {flex-flow: column; gap: 10px;} */
  .banner_list ul li .child-box {flex-flow: column; text-align: center;}
  .banner_list ul li .child-box .img-box {height: 30px;}
  .banner_list ul li .child-box .txt-box .tit {font-size: 16px;}
  .banner_list ul li .child-box .txt-box {justify-content: center;}
  .banner_list ul li .child-box .txt-box .txt {width: 100%;}

  .visual .txt-box .txt br {display: none;}

  .about-content .img-box {width: 100%;}
  .tab_btn ul li a {font-size: 16px;}
  .about-content .txt-box {width: 100%;}
  .about-content .tit {font-size: 24px;}
  .about-content .txt {word-break: break-all;}

  .organization_chart img {width: 600px;}
  .table-area .img-box img {width: 600px;}
  .directors_sec .directors-list ul li .child-box .txt-box .txt {font-size: 15px;}

  .education-ct .img-box ul {justify-content: flex-start;}
  .education-ct .img-box.img-box_s {overflow: auto; overflow-y: hidden;}
  .education-ct .img-box.img-box_s ul {flex-flow: row; }
  .education-ct .img-box.img-box_s ul li {flex: 0 0 auto; width: 200px;}
  /* .education-ct .img-box2 ul li {width: 600px;} */
  .education-ct .img-box2 ul {flex-flow: column;}
  .education-ct .img-box2 ul li {width: 100% !important;}

   /* .education-ct .img-box.img-box4 img {width: 600px;} */
   .education-ct .img-box3 {max-width: 300px; height: auto;}
   .education-ct .img-box3 img {width: 100%; height: auto;}

   .table_area {overflow: auto; overflow-y: hidden;}
   .table_area table {width: 700px;}

   .education-ct .img-box.pc_img {display: none;}
   .education-ct .img-box.mo_img {display: block;}

   .education-ct .txt-box dl dt {white-space: nowrap;}
}

@media screen and (max-width: 500px) {
  .tab_btn2 ul li .child-box .icon {display: none;}
  .tab_btn2 ul li .child-box {height: 45px;}
  .tab_btn2 ul li .child-box .tit {font-size: 16px;}

  .education-ct .img-box ul {flex-flow: column;}
}