@media screen and (max-width: 1400px){
  .sec1 .container {margin: 0;}
}

@media screen and (max-width: 1150px){
  .fixed-btn {width: 90px;}

  .container {padding: 0 20px; box-sizing: border-box;}

  header .logo {width: 150px;}
  header nav ul li {padding-right: 5px; margin-right: 5px;}
  header nav ul li:before {height: 15px;}
  header nav ul li a {font-size: 15px;}
  header nav .link-btn {width: 120px; height: 35px; font-size: 15px;}

  .visual .container {align-items: flex-start;}
  .visual .txt-box .tit {margin-bottom: 20px; font-size: 35px;}
  .visual .txt-box .tit b {font-size: 40px;}

  .visual .txt-box .date {margin-bottom: 32px; font-size: 24px;}
  .visual .txt-box .txt .txt1 {font-size: 24px;}
  .visual .txt-box .txt2 {font-size: 18px;}
  .visual .kv_img {top: 113px; right: 97px; width: 350px;}

  .visual .txt-box {margin: 0;}
  .new_kv_item {margin-top: -100px;}

  .sec1 .txt-box .tit {font-size: 29px;}
  .sec1 .txt-box .tit b {font-size: 29px;}
  .sec1 .txt-box .sub {margin-bottom: 25px; font-size: 16px;}
  .sec1 .txt-box .sub b {font-size: 20px;}
  .sec1 .txt-box .sub span {font-size: 20px;}

  .sec1 .img-box {opacity: 0.3;}

  section {padding: 70px 0;}
  .tit-box .icon {width: 35px;}

  .tit-box .tit {font-size: 26px;}
  .tit-box .gauge_bar {width: 150px; height: 5px; margin-top: 10px;}

  .tit-icon ul .icon-box {width: 80px;}
  .tit-icon ul .point span {width: 5px;}
  .tit-icon ul .point {gap: 7px;}
  .tit-icon ul .icon-box {width: 80px;}
  .sec2_txt {margin-bottom: 15px; font-size: 22px;}
  .schedule .tit {font-size: 26px;}
  .schedule .tit:before {width: 120px;}
  .schedule .tit:after {width: 120px;}
  .schedule .date {font-size: 24px;}
  .schedule .date span {width: 40px; font-size: 22px;}
  .schedule .box {margin-top: 30px; width: 320px; height: 50px; font-size: 22px;}
  .recruitment-item ul li {width: calc(100% / 3);}
  .recruitment-item ul li .child-box .detail-btn img {width: 20px;}
  
  .table-area .th p {width: 125px; font-size: 15px;}
  .table-area ul li .tr .td {width: 125px; font-size: 15px;}
  .table-area ul {margin-bottom: 10px;}
  .table-area table th {font-size: 16px;}
  .table-area table td {padding: 10px 0; font-size: 15px;}

  .process-area .tit {padding: 4px 10px; font-size: 16px;}
  .process-area .dl-box dl {gap: 4px;}
  .process-area .dl-box dl dt img {width: 15px;}
  .process-area .dl-box dl dd {font-size: 15px;}
  .process-area .dl-box.dl-box2 dl dd {font-size: 15px;}
  .process-area .dl-box {gap: 4px;}
  .process-area {margin-bottom: 25px;}

  .sec4_content .dl-box dl dd {font-size: 15px;}
  .sec4_content .dl-box dl dt img {width: 15px;}
  .sec4_content .dl-box dl {gap: 4px;}

  .sec4_content .list-item ul li .child-box .tit {gap: 10px; padding-bottom: 30px;}
  .sec4_content .list-item ul li .child-box .tit {font-size: 26px;}
  .sec4_content .dl-box {gap: 4px;}
  .sec4_content .list-item ul li .child-box .tit {padding-bottom: 15px;}
  .sec4_content .list-item ul li .child-box {padding-bottom: 15px;}
  .sec4_content .list-item ul li .child-box .items .items-box .img-box {margin-bottom: 15px;}
  .sec4_content .list-item ul li .child-box .items {gap: 20px; flex-wrap: wrap;}
  .slider .slick-dots {gap: 5px; margin-top: 10px;}
  .slider .slick-dots li {width: 10px;}
  .slick-arrow.slick-next {right: 20px; width: 60px;;}
  .slick-arrow.slick-prev {left: 20px; width: 60px;}

  .last-item ul li .child-box .txt {font-size: 26px;}
  .last-item ul li .child-box .link-btn {width: 150px; height: 40px; margin-top: 20px; font-size: 24px;}
  .last-item ul {gap: 50px;}

  .timetable ul .th .child-box {height: 52px;}
  .timetable ul .td .child-box {height: 52px;}
  .timetable ul .th .child-box p {font-size: 24px;}
  .timetable ul .td .child-box p {font-size: 18px;}

  .tit-box .sub {margin-top: 30px; font-size: 24px;}
  .tit-box .sub span {font-size: 18px;}

  .sec-category ul li button {height: 45px; font-size: 16px;}
  .cate_item ul li:first-of-type {margin-top: 30px;}
  .cate_item ul {gap: 20px;}
  .cate_item ul li {padding: 20px;}
  .cate_item ul li.active {padding: 30px;}
  .cate_item ul li .child-box .tit {font-size: 16px;}
  .cate_item ul li .child-box .toggle-item .d-flex {gap: 25px; margin-top: 20px;;}
  .cate_item ul li .child-box .toggle-item dt:before {width: 3px; height: 20px;}
  .cate_item ul li .child-box .toggle-item dt {min-width: 120px; padding-left: 10px; font-size: 15px;}
  .cate_item ul li .child-box .toggle-item dd {font-size: 15px;}
  .cate_item ul li .child-box .tit img {width: 15px;}

  .visual {padding-bottom: 50px; padding-top: 100px;}
  .visual .kv_img img:nth-child(3) {top: -176px; right: 30px;}
  
  /* .new_kv_item ul li .child-box {padding: 20px; height: auto;}
  .new_kv_item ul li .child-box .d_day .tit {font-size: 34px;}
  .new_kv_item ul li .child-box .d_day .tit_lb {width: 150px; height: 40px; font-size: 18px;}
  .new_kv_item ul li .child-box .time_num p span {margin-bottom: 10px; font-size: 45px;}
  .new_kv_item ul li .child-box .time_num p::before {top: -0.6vw; right: -5vw; font-size: 45px;}

  .new_kv_item ul li:last-of-type .child-box {padding: 20px; height: auto;}
  .new_kv_item ul li .child-box .live_box .live {width: 72px; height: 30px; font-size: 15px;}
  .new_kv_item ul li .child-box .live_box .txt {font-size: 18px;}
  .new_kv_item ul li .child-box .live_box .qrcode {width: 100px;} */

  .new_kv_item ul {gap: 10px;}
  .new_kv_item ul li .child-box {height: 206px; padding: 30px 20px 22px;}
  .new_kv_item ul li .child-box .d_day .tit {width: 135px;}
  .new_kv_item ul li .child-box .d_day .tit_lb {width: 165px; height: 40px; font-size: 20px;}
  .new_kv_item ul li .child-box .time_num p {width: 65px; font-size: 18px;}
  .new_kv_item ul li .child-box .time_num p span {margin-bottom: 10px; font-size: 55px;}
  .new_kv_item ul li .child-box .time_num .dot {top: -20px; width: 35px; font-size: 50px;}
  .new_kv_item ul li:last-of-type .child-box {padding: 20px;}
  .new_kv_item ul li .child-box .live_box .txt {font-size: 25px;}
  .new_kv_item ul li:last-of-type .child-box .d-flex {margin-top: 13px;}
  .new_kv_item ul li .child-box .live_box .qrcode {width: 100px;}
  .new_kv_item ul li .child-box .live_box .live {width: 100px; height: 35px;}
}

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

  .sec1 .txt-box {margin-left: 0;}
  .table-area {width: 100%;}
  .table-wrap {overflow: auto;}
  .table-box,.table-area table {width: 900px;}

  .img-list ul {flex-wrap: wrap; gap: 20px 0;}
  .img-list ul li.arrow {display: none;}

  .img-list ul li {width: calc(100% / 3); box-sizing: border-box;}
  .img-list ul li .child-box .img-box {margin: 0 auto 10px;}

  .slider ul .slick-list li.slick-center {width: 100vw !important; height: auto !important;}
  .slider ul .slick-list li {transform: initial; width: 100vw !important; height: auto !important; aspect-ratio: 500/281;}
  .slider ul .slick-list li:not(.slick-center):before {display: none;}
  .slider ul .slick-list li.slick-center {transform: scale(1) scaleX(1);}
  .slider ul .slick-list li.slick-center .child-box iframe {position: initial; top: initial; left: initial; transform: initial; width: 100%;}

  .last-item ul {gap: 30px; flex-flow: column-reverse; justify-content: center; align-items: center;}
  .last-item ul li .child-box .txt {text-align: center;}
  .last-item ul li .child-box .link-btn {margin: 15px auto;}
  .last-item {margin-top: 50px;}

  .sec4_content .list-item ul li .child-box .items .items-box {width: calc(100% / 3); box-sizing: border-box;}
  .sec4_content .list-item ul li .child-box .items {gap: 20px 0;}
  .sec4_content .list-item ul li:last-of-type .child-box .items .items-box {width: calc(100% / 3);}

  footer {padding: 20px 0;}
  footer .container {flex-flow: column;}
  footer .container .sns-area {margin-top: 30px;}
  footer .container .f-logo {width: 150px;}

  header .container {flex-flow: column;}
  header nav {justify-content: center;}
  header nav ul li:before {display: none;}
  header {position: fixed; height: auto; padding: 15px 0; box-sizing: border-box;}
  .visual .container {flex-flow: column-reverse; gap: 0; margin-top: 0;}
  .visual {height: auto; }
  .visual .kv_img {top: 0; right: 0; width: 250px;}
  .visual .txt-box {width: 100%; margin-top: 0; padding-bottom: 40px;}

  header nav ul {overflow: auto;}
  header nav ul li {flex: 0 0 auto;}

  .process-wrap {padding: 30px; border-radius: 40px;}
  .recruitment-item ul li {width: calc(100% / 2);}

  .recruitment-description {margin-top: 30px; font-size: 15px;}


  .popup {top: 50%; left: 50%; transform: translate(-50%, -50%);}
  .popup .img-box {width: 320px;}

  .timetable ul .th .child-box p {font-size: 16px;}
  .timetable ul .td .child-box p {font-size: 15px;}
  .timetable ul .td .child-box p:last-of-type {white-space: wrap;}

  .visual .txt-box .date2 {font-size: 22px;}
  .visual .txt-box .date2 span:first-child {margin-right: 4px; margin-right: 7px;}

  /* .visual .txt-box .date2 {margin-bottom: 30px;}  */
  .visual .kv_img {margin-top: 70px;}
  .visual .kv_img img:nth-child(3) {top: -110px; right: 25px; width: 13px;}
  .visual .kv_img img:nth-child(2) {top: -50px; width: 70px;}

  @keyframes bounce-top_new {
    0% {top: -25px; left: 49%;}
    100% {top: -28px; left: 51%;}
  }


  .calendar_ct ul .calendar_th p {height: 50px; font-size: 16px;}
  .calendar_ct ul .calendar_td .calendar_item {height: auto; aspect-ratio: 5/4.5; padding: 10px;}
  .calendar_ct ul .calendar_td .calendar_item .date {font-size: 16px;}
  .calendar_ct ul .calendar_td .calendar_item .calendar_btn {padding: 5px 0; font-size: 15px; line-height: 1.2;}
  .calendar_ct ul .calendar_td .calendar_item .calendar_btn img {width: 70px;}

  .sec_popup_wrap .sec_popup .popup_item {max-width: 360px; padding: 30px;}
  .sec_popup_wrap .sec_popup .popup_item .hd .popup_logo {width: 150px;}
  .sec_popup_wrap .sec_popup .popup_item .hd .close_btn {width: 22px;}
  .sec_popup_wrap .sec_popup .popup_item .hd {margin-bottom: 20px;}
  .sec_popup_wrap .sec_popup .popup_item .popup_list .tit {width: 100%; height: 40px; padding: 0 15px; margin-bottom: 10px; font-size: 18px;}
  .sec_popup_wrap .sec_popup .popup_item .dl_box {gap: 8px; margin-bottom: 20px;}
  .sec_popup_wrap .sec_popup .popup_item .dl_box dl dd {font-size: 16px;}
  .sec_popup_wrap .sec_popup .share_btn {width: 100%; height: 40px; font-size: 15px;}

  .iframe_popup ul li {max-width: 100%; width: calc(100% - 40px);}
  .slider ul .slick-list li.slick-center .child-box img {width: 100%;}

  /* .new_kv_item ul {flex-flow: column; align-items: flex-start; gap: 10px;} */
  /* .new_kv_item ul li {width: 100%; margin: auto;} */
  .new_kv_item ul li .child-box {height: auto; padding: 20px;}
  .new_kv_item ul li .child-box .d_day .tit {width: 100px;}
  .new_kv_item ul li .child-box .d_day .tit_lb {width: 140px; height: 35px; font-size: 15px;}
  .new_kv_item ul li .child-box .time_num {margin-top: 10px;}
  .new_kv_item ul li .child-box .time_num p {width: 50px; font-size: 15px;}
  .new_kv_item ul li .child-box .time_num p span {font-size: 40px;}
  .new_kv_item ul li .child-box .time_num .dot {top: -18px; width: 25px; font-size: 40px;}
  .new_kv_item ul li .child-box .live_box .live {width: 80px; height: 30px; font-size: 15px;}
  .new_kv_item ul li .child-box .live_box .txt {font-size: 20px;}
  .new_kv_item ul li .child-box .live_box .qrcode {width: 80px;}
  .new_kv_item ul li:last-of-type .child-box .d-flex {margin-top: 5px;}
}

@media screen and (max-width: 676px) {
  .calendar_ct ul .calendar_td .calendar_item {aspect-ratio: 5 / 5.5;}

  /* .new_kv_item ul li .child-box .d_day .tit {font-size: 26px;}
  .new_kv_item ul li .child-box .d_day .tit_lb {width: 110px; height: 35px; font-size: 14px;}
  .new_kv_item ul li .child-box .time_num p {font-size: 16px;}
  .new_kv_item ul li .child-box .time_num p span {font-size: 30px;}
  .new_kv_item ul li .child-box .time_num .dot {top: -18px; font-size: 30px;} */

  .new_kv_item ul {flex-flow: column; align-items: flex-start; gap: 10px;}
  .new_kv_item ul li {max-width: 331px; width: 100%; margin: auto;}
  .new_kv_item {margin-top: 0;}
}

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

  .schedule .tit:before {width: 70px;}
  .schedule .tit:after {width: 70px;}

  .pc_br {display: none;}
  section {padding: 50px 0;}

  .visual .kv_img {margin: 15px auto;}

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

  .fixed-btn {top: inherit; transform: none; right: 5px; bottom: 15px;}

  header nav {display: none;}

  .recruitment-item ul {margin: 0;}
  .recruitment-item ul li {width: calc(100% / 1); padding: 0;} 

  .sec1 .txt-box .sub b {margin-top: 10px; display: inline-block;}

  .sec1 .txt-box .txt {font-size: 16px;}

  .schedule .date {margin-top: 20px;}
  .schedule .box {margin-top: 15px;}
  .tit-box.tit-box2 {margin-top: 45px;}
  .sub-box .txt {font-size: 16px;}

  .table-area .th p {white-space: nowrap;}
  .table-area ul li .tr .td {white-space: nowrap;}

  .table-area .th p:nth-child(1) {width: 115px;}
  .table-area ul li .tr .td:nth-child(1) {width: 115px;}
  .table-area .th p:nth-child(2) {width: 50px;}
  .table-area ul li .tr .td:nth-child(2) {width: 50px;}
  .table-area .th p:nth-child(3) {width: 70px;}
  .table-area ul li .tr .td:nth-child(3) {width: 70px;}
  .table-area .th p:nth-child(4) {width: 70px;}
  .table-area ul li .tr .td:nth-child(4) {width: 70px;}
  .table-area .th p:nth-child(5) {width: 120px;}
  .table-area ul li .tr .td:nth-child(5) {width: 120px;}
  .table-area .th p:nth-child(6) {width: 100px;}
  .table-area ul li .tr .td:nth-child(6) {width: 100px;}
  .table-box, .table-area table {width: 650px;}

  .popup {width: 80%;}
  .popup .img-box {width: 100%;}

  .visual .txt-box .date2 {font-size: 15px;}
  .visual .txt-box .date2 span {width: 22px; font-size: 16px;}

  .timetable ul .th .child-box p:last-of-type {padding: 0 5px;}
  .timetable ul .th .child-box p {padding: 0 5px;}
  .timetable ul .td .child-box p {padding: 0 5px;}

  .tit-box .sub {margin-top: 20px; font-size: 16px;}
  .tit-box .sub2 {font-size: 15px;}
  .tit-box .sub span {margin-top: 5px; font-size: 15px; line-height: 1.3; word-break: keep-all;}

  .sec-category ul li.active:before {top: -8px; width: 28px; height: 13px; border-radius: 5px 5px 0 0;}
  .sec-category ul li button {font-size: 15px;}

  .cate_item ul li {padding: 10px 20px;}
  .cate_item ul li.active {padding: 20px;}
  .cate_item ul li .child-box .tit img {width: 10px;}
  .cate_item ul li .child-box .toggle-item .d-flex {gap: 15px;}
  .cate_item ul li .child-box .toggle-item dt {min-width: 80px;}
  .cate_item ul li .child-box .tit span {display: flex; align-items: center; justify-content: center;}
  .description2 {margin-top: 30px; font-size: 14px; word-break: keep-all;}
}

@media screen and (max-width: 567px) {
  .calendar_ct ul .calendar_td .calendar_item {aspect-ratio: 5 / 6.5;}
}

@media screen and (max-width: 500px) {
  .sec2 .container {padding: 0 15px;}
  
  .timetable ul .th .child-box p {font-size: 15px;}
  .timetable ul .td .child-box p {font-size: 14px;}
  .timetable ul .th .child-box p:nth-of-type(2) {min-width: calc(100% / 10); }
  .timetable ul .td .child-box p:nth-of-type(2) {min-width: calc(100% / 10); }
  .timetable ul .th .child-box p:nth-of-type(4) {min-width: calc(100% / 6); }
  .timetable ul .td .child-box p:nth-of-type(4) {min-width: calc(100% / 6); }

  .cate_item ul li {border-radius: 12px;}
  .cate_item ul li.active {border-radius: 24px;}

  .img-list ul li {width: calc(50% - 24px);}
  .img-list ul li.moar {display: flex; width: 23px; align-items: center;}

  .process-area .dl-box {margin-left: 10px;}
  .process-area .description {margin-left: 10px;}

  .process-area .tit {width: 120px;}

  .cate_item ul li .child-box .toggle-item dd a {padding: 0 12px; height: 22px; font-size: 14px;}
  .cate_item ul li .child-box .toggle-item dt:before {top: -2px;}

  .mo_br {display: inline-block;}
}

@media screen and (max-width: 479px) {
  .calendar_ct ul .calendar_td .calendar_item .calendar_btn:first-of-type {margin-top: 8px;}
  .calendar_ct ul .calendar_td .calendar_item .calendar_btn {font-size: 14px;}
  .calendar_ct ul .calendar_td .calendar_item {aspect-ratio: 5 / 7.5;}
}

@media screen and (max-width: 378px) {
  .calendar_ct ul .calendar_td .calendar_item .date {font-size: 13px;}
  .calendar_ct ul .calendar_td .calendar_item {aspect-ratio: 5 / 8.5;}
}

@media screen and (max-height: 350px) {
  .popup {width: auto;}
}

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

  .recruitment-item {width: 90%; margin-top: 70px;}
  .recruitment-item ul li .child-box {height: 200px;}

  .process-wrap {padding: 0px; border-radius: 20px;}

  .process-area .dl-box dl dt {padding-top: 2px;}
  .process-area .dl-box dl dd {line-height: 1.2;}
  .process-area .dl-box dl {margin: 3px 0; align-items: flex-start;}

  .img-list {margin-bottom: 30px;}

  .sec4_content .list-item ul li .child-box .tit {padding-bottom: 10px; padding-top: 10px;}
  .sec4_content .list-item ul li .child-box .items {gap: 15px 0;}
  .sec4_content .list-item ul li .child-box .items .items-box .img-box {margin-bottom: 5px;}

  .fixed-btn {animation: flicker 1s linear alternate-reverse infinite;}
  @keyframes  flicker {
    0% {
      opacity: 1;
    }
  
    100% {
      opacity: 0.7;
    }
  }

  .live_link {margin-top: 20px;}
  
}