@media screen and (max-width:1600px) {
  /* Main */
  .main-visual-img {padding-bottom: 30%;}
  .main-visual-text-box .title {font-size: 40px;}
  .main-visual-text-box .text {padding-bottom: 15px;}

  .main-rel-wr .q-tit {width: 180px;}
  .main-rel-ul {width: calc(100% - 180px); margin: 0 -10px;}
  .main-rel-ul li {padding: 0 10px;}

} /* End */

@media screen and (max-width:1440px) {
  /* Header */
  .hd .logo a {width: 100%; text-align: center;}
  .hd .logo a img {max-height: 32px;}

  /* Main */
  .main-visual-text-box .title {font-size: 30px;}
  .main-visual-text-box .text {font-size: 22px;}
  .main-visual-text-box .info-box {padding: 15px 26px; padding-right: 70px;}
  .main-visual-text-box .info-box p {font-size: 18px;}
  .main-visual-text-box .info-btn {right: 20px;}

  .main-section .q-tit {font-size: 24px;}

  .main-qb-section {padding: 80px 0 0;}
  .main-qb-left {width: 100%; margin-bottom: 50px;}
  .main-qb-left .q-txt {font-size: 18px;}
  .main-quick-btn-wr {padding-top: 25px;}
  .main-qb-right {width: 100%; padding-left: 0; margin-bottom: 50px;}

  .main-btn-section {padding-bottom: 80px;}
  .main-btn-ul li .btn {min-height: 150px; padding: 20px 20px 50px;}
  .main-btn-ul li .btn .tit {font-size: 20px;}
  .main-btn-ul li .btn .icon {right: 20px; bottom: 20px;}
  .main-btn-ul li .btn .icon img {display: block;}

  .main-rel-wr .q-tit {display: block;}
  .main-rel-ul {display: block; width: 100%; margin: 10px -10px -5px; text-align: left;}
  .main-rel-ul li {padding: 5px 10px;}

  /* 2025-02-11 메인 > 포토/영상 게시판 */
  .main-board-section {padding-bottom: 80px;}
  .main-board-title-box .title {font-size: 24px;}
  .main-board-sl-ctr-box {width: 100%; display: none;}
  .main-board-sl {}

  /* .main-board-inner .text-wrap .date {font-size: 18px;} */
  /* .main-board-inner .text-wrap .tit {font-size: 26px;} */
  .main-board-sl-wrap {padding: 0;}
  .main-board-sl-item.swiper-slide-active {transform: scale(1);}


} /* End */

@media screen and (max-width:1023px) {
  /* Header */
  .hd .logo a img {max-height: 28px;}

  /* Footer */
  .ft-left .ft-logo a img {max-height: 28px;}

  /* Main */
  .main-visual-img {padding-bottom: 50%;}

  .main-quick-ul {margin: -3px;}
  .main-quick-ul li {padding: 3px;}
  .main-quick-ul li .quick-btn .icon {border-radius: 25px;}
  .main-quick-ul li .quick-btn .txt {padding-top: 15px; font-size: 17px;}
  .main-board-item .title {font-size: 17px;}

  .main-btn-ul {margin: -3px;}
  .main-btn-ul li {padding: 3px;}
  .main-btn-ul li .btn {padding: 20px 15px 50px;}
  .main-btn-ul li .btn .tit {font-size: 17px;}

  /* Sub > 교육안내 > 교육목표및방향 */
  .bubble-text.dot {font-size: 18px;}

  /* Sub > 인재개발원소개	> 인사말 */
  .sub4_1>.message_r {padding-left: 50px;}

  /* Sub > 인재개발원소개	> 조직안내 */
  .employee-wrap .split-box {padding-bottom: 60px;}

  /* 2025-02-11 메인 > 포토/영상 게시판 */
  .main-board-inner .text-wrap .tit {font-size: 20px;}

  
} /* End */

@media screen and (max-width:767px) {
  html, body {font-size: 14px;}

  /* Footer */
  .ft-left .ft-logo a img {max-height: 26px;}

  /* Main */
  .main-visual-img {padding-bottom: 65%;}
  .main-visual-text-box {top: 45%;}
  .main-visual-text-box .title {padding-bottom: 2px; font-size: 26px;}
  .main-visual-text-box .text {padding-bottom: 10px; font-size: 18px;}
  .main-visual-text-box .info-box {padding: 10px 50px 10px 15px;}
  .main-visual-text-box .info-box p {font-size: 16px; line-height: 1.4;}
  .main-visual-text-box .info-btn {right: 10px; bottom: 10px; top: inherit; width: 30px; height: 30px; line-height: 31px; transform: none;}
  .main-visual-text-box .info-btn img {width: 6px;}
  .main-mv-ctr-box {bottom: 12px;}
  .main-mv-ctr-wr {width: auto; padding: 2px 12px;}
  .main-mv-paging {font-size: 18px;}
  .main-mv-paging > * {font-size: 14px;}
  .main-mv-ctr {margin: 4px -5px 0;}
  .main-mv-ctr button {margin: 0 5px;}

  .main-section .q-tit {font-size: 22px;}

  .main-qb-section {padding: 50px 0 0;}
  .main-qb-left {margin-bottom: 30px;}
  .main-qb-left .q-txt {font-size: 17px;}
  .main-quick-btn-wr {padding-top: 10px;}
  .main-quick-ul li {width: 33.3333%; padding: 8px 3px;}
  .main-quick-ul li .quick-btn .icon {border-radius: 20px;}
  .main-quick-ul li .quick-btn .txt {padding-top: 8px; font-size: 15px;}

  .main-qb-right {margin-bottom: 40px;}
  .main-board-title {padding: 10px 12px 6px; font-size: 16px;}
  .main-board-tab {padding-top: 50px;}
  .main-board-tab > li:nth-child(2) .main-board-title {left: 85px;}
  .main-board-tab > li .more-view span {display: none;}
  .main-board-tab > li .more-view .icon {display: block; width: 32px; height: 32px; line-height: 30px; margin: 0;}
  .main-board-item {padding: 5px 0; padding-right: 100px;}
  .main-board-item .title {padding-left: 12px; font-size: 16px;}
  .main-board-item .date {font-size: 14px;}
  
  .main-btn-section {padding-bottom: 60px;}
  .main-btn-ul li {width: 50%;}
  .main-btn-ul li .btn {min-height: 135px;}
  .main-btn-ul li .btn .tit {font-size: 16px;}
  .main-btn-ul li .btn .icon {width: 30px; right: 15px; bottom: 15px;}

  .main-rel-section {padding: 30px 0 20px;}
  .main-rel-ul {margin: 8px -7px -5px;}
  .main-rel-ul li {padding: 5px 7px;}
  .main-rel-ul li a img {max-height: 28px;}

  /* Sub > 공통 */
  .sub-sec > br {display: none;}

  /* Sub > 교육안내 > 교육목표및방향 */
  .bubble-box {text-align: left;}
  .bubble-head.text {position: relative; left: inherit; top: inherit;}
  .bubble-body {width: 100%; padding: 25px 25px 20px 25px; margin-top: -15px;}
  .bubble-text.dot {padding-left: 15px; font-size: 16px;}
  .bubble-text.dot::before {width: 5px; height: 5px;}
  .bubble-text.num {padding-left: 27px;}
  .bubble-text.num .title {font-size: 16px;}
  .bubble-text.num .circle {width: 18px; height: 18px; line-height: 18px; font-size: 13px;}
  .bubble-text.num .description {font-size: 15px;}
  .civiledu-vision_box ~ .civiledu-vision_box {margin-top: 60px;}
  .civiledu-vision_box ~ .civiledu-vision_box:before {width: 28px; height: 32px; top: -20px;}

  /* Sub > 인재개발원소개	> 인사말 */
  .sub4_1 {display: block;}
  .sub4_1>* {display: block;}
  .sub4_1>.message_l {}
  .sub4_1 > .message_r {width: 100%; padding-left: 0; padding-top: 30px;}
  .sub4_1 > .message_r .txt br {display: none;}

  /* Sub > 인재개발원소개	> 조직안내 */
  .employee-wrap .split-box {padding-bottom: 0;}
  .employee-footer {position: relative; left: inherit; bottom: inherit; padding: 0; margin-top: 8px; text-align: left; transform: none;}
  .employee-button {font-size: 14px;}
  .employee-button .arrow1 {width: 8px; height: 11px; margin-left: 10px;}

  /* Sub > 인재개발원소개	> 시설(예약)안내 > 예약현황 */
  .date-btn-wr {padding-left: 7px;}
  .date-btn-wr .btn ~ .btn {margin: 0;}
  .reser-step-ul {margin: -10px;}
  .reser-step-ul li {padding: 10px;}
  .reser-step-ul li .step .txt {font-size: 14px;}

  /* Sub > 인재개발원소개	> 찾아오시는 길 */
  .root_daum_roughmap {margin-bottom: 15px !important;}
  .root_daum_roughmap .wrap_map {height: 300px !important;}

  /* Sub > 인재개발원소개	> 시설안내 */
  .info_box li > .info_txt {padding-left: 20px;}

  .sitemap-depth4 {font-size: 13px;}

  /* 2025-02-11 메인 > 포토/영상 게시판 */
  .main-board-section {padding-bottom: 60px;}
  .main-board-bot {padding-top: 10px;}
  .main-board-pg-box {padding: 12px 14px;}
  .main-board-title-box .title {font-size: 22px;}
  .main-board-title-box {margin-bottom: 20px;}

  .main-board-title-box .more-view span {display: none;}
  .main-board-title-box .more-view .icon {display: block; width: 32px; height: 32px; line-height: 30px; margin: 0;}
  .main-board-bot .swiper-pagination-bullets .swiper-pagination-bullet {width: 6px; height: 6px;}
  .main-board-bot .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 18px;}

} /* End */

@media screen and (max-width:450px) {
  /* Main */
  .main-visual-img {padding-bottom: 92%;}
  .main-visual-text-box .title {font-size: 24px;}

  .main-quick-ul li .quick-btn .icon {height: 100px;}
  
  .main-btn-ul li {width: 50%;}
  
  /* Sub > 인재개발원소개	> 시설안내 */
  .info_box li > * {display: block; width: 100%;}
  .info_box li > .info_txt {width: 100%; padding-left: 0; margin-top: 10px;}

} /* End */