/* ---------------------------------------------------- */
/* -------------------- 767px 이하 -------------------- */
@media all and (max-width: 767px) {

  .pc {
    display: none;
  }
  .mobile {
    display: block;
  }

  /* ------------------------------------------------------------- */
  /* -------------------- HEADER -------------------- */
  body.search-open .gnb-search-dd .info {
    display: none;
  }

  /* -------------------- FOOTER -------------------- */
  #footer {
    margin-top: 80px;
  }

  /* -------------------- SIDE -------------------- */


  /* ------------------------------------------------------------- */
  /* -------------------- 로그인 -------------------- */
  form.user-login-form {
    width: 90%;
  }
  form.user-login-form .js-form-item {
    grid-template-columns: 1fr;
    padding: 16px 0;
  }
  form.user-login-form label {
    margin-top: 0;
    margin-bottom: 16px;
  }
  form.user-form label {
    margin-top: 0;
  }
  form.user-form .select label {
    margin-top: 8px;
  }

  form.user-login-form {
    display: grid;
    position: relative;
  }
  #edit-find {
    display: block;
    grid-row: 4/5;
  }
  #edit-find #edit-left {
    position: absolute;
    bottom: 138px;
    left: 0;
  }
  #edit-find #edit-right {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
  }
  form.user-login-form input[type='submit'] {
    margin: 56px auto 0;
    width: 100%;
  }

  /* -------------------- 비밀번호 찾기 -------------------- */
  form.user-pass {
    width: 90%;
  }
  form.user-pass .js-form-item {
    padding: 16px 0;
    grid-template-columns: 1fr;
    grid-gap: 8px;
  }
  form.user-pass input.form-submit {
    width: 100%;
  }

  /* -------------------- 회원가입 -------------------- */
  form.user-register-form {
    width: 90%;
  }
  form.user-register-form .js-form-item {
    grid-template-columns: 1fr;
  }
  .password-confirm-message {
    grid-column: 1/2;
  }
  .field--type-datetime {
    grid-template-columns: 1fr;
    padding: 16px 0;
    grid-gap: 0;
  }
  .field--type-datetime h4 {
    margin-bottom: 16px;
  }

  form.user-register-form label {
    margin-top: 0;
  }

  /* -------------------- 마이페이지 -------------------- */
  /* ---------- 내 정보 ---------- */
  form.user-form {
    width: 90%;
  }
  #block-account-sub-menu ul:not(.contextual-links) {
    width: 90%;
    margin: auto;
  }

  form.user-form label {
    margin-bottom: 16px;
  }
  form.user-form .js-form-item {
    grid-template-columns: 1fr;
    padding: 16px 0;
  }
  form.user-form input.js-form-submit {
    width: 100%;
  }

  form.user-form #edit-pass .js-form-item:first-child {
    padding: 16px 0 0 0;
  }
  form.user-form #edit-pass--description {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 8px;
  }
  /* ---------- 내 신청내역 ---------- */
  #mypage.views-element-container header {
    padding-bottom: 12px;
  }
  #mypage.views-element-container header .count {
    margin-bottom: 0;
  }
  #mypage .select .error-message {
    display: none;
  }

  /* ------------------------------- 기관소개 ------------------------------ */
  /* -------------------- KACE 연합 -------------------- */
  #about section:not(:last-child) {
    margin-bottom: 40px;
  }
  #about section:nth-child(1) img {
    max-width: 100%;
    width: 100%;
    margin-top: 40px;
  }
  #about section:nth-child(2) .img img {
    object-position: 10%;
  }
  #about section:nth-child(2) .grid_2-1 {
    margin-top: 40px;
  }

  /* -------------------- 회장 인사말 -------------------- */
  .greetings section:nth-child(2) > p {
    margin: 32px 0;
    text-align: left;
  }

  /* -------------------- 비전과 사명 -------------------- */
  #vision h2 {
    margin-bottom: 32px;
  }
  #vision section {
    padding: 32px 0;
    grid-gap: 16px;
  }

  #vision section:nth-child(3) > div {
    grid-template-columns: 1fr;
  }
  #vision section:nth-child(3) .circle {
    margin: 12px auto;
  }

  #vision section:nth-child(4) dl {
    grid-template-columns: 1fr 1fr;
  }

  #vision section:nth-child(5) > div {
    grid-template-columns: 1fr 1fr 1fr;
  }

  /* -------------------- 조직도 -------------------- */
  #organization h2 {
    margin-bottom: 32px;
  }

  #organization .box-wrap::after {
    height: 100%;
  }
  #organization .box-wrap:first-child .flex {
    padding: 24px 0;
  }
  #organization .flex3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
  }
  #organization .flex3 .line {
    display: none;
  }
  #organization .box-skyblue {
    width: 100% !important;
    z-index: 2 !important;
    height: 80px;
    border-radius: 24px;
  }
  #organization .box-gray {
    width: auto !important;
    height: 80px;
    border-radius: 24px;
    padding: 8px;
  }
  #organization .flex3 .box-wrap:last-child::before,
  #organization .flex3 .box-wrap:first-child::before {
    display: none;
  }

  #organization .scroll2 {
    grid-template-columns: 160px 160px 344px 160px 160px;
  }
  #organization .scroll2::before {
    width: calc(160px*5 + 24px*5);
    left: 80px;
  }
  #organization .scroll2::after {
    width: calc(160px*5 + 24px*5);
    left: 80px;
  }
  #organization .scroll2 .box {
    width: 160px;
  }
  #organization .scroll2 .flex {
    grid-template-columns: 160px 160px;
  }

  /* -------------------- 오시는 길 -------------------- */
  #contact .inner {
    display: flex;
    flex-direction: column-reverse;
  }
  #contact .root_daum_roughmap {
    margin-top: 48px;
    margin-bottom: 0;
  }

  #contact .table dl {
    grid-template-columns: 1fr 3fr;
  }


  /* ------------------------------- 교육신청 ------------------------------ */
  .business {
    margin-top: 40px;
  }
  .business section:not(:last-child) {
    margin-bottom: 40px;
  }

  /* -------------------- 연합프로그램 -------------------- */

  /* -------------------- 지역프로그램 -------------------- */

  /* -------------------- 교육의뢰 -------------------- */
  .request-title {
    margin-bottom: 40px;
  }

  .request .grid {
    grid-template-columns: 1fr;
  }
  .request section:not(:last-child) {
    margin-bottom: 32px;
  }
  .request .btn-wrap {
    margin: 40px auto 0;
  }
  /* -------------------- 평생교육사 실습신청 -------------------- */
  body.page-node-type-life-program article form fieldset > .fieldset-wrapper > .js-form-item {
    grid-template-columns: 1fr;
    padding: 16px 0;
  }
  body.page-node-type-life-program article form label {
    margin-top: 0;
    margin-bottom: 8px;
  }
  body.page-node-type-life-program article form label[for="edit-age"],
  body.page-node-type-life-program article form #edit-practice-type--wrapper > legend {
    width: 100%;
    float: none;
  }
  body.page-node-type-life-program article form #edit-gender,
  body.page-node-type-life-program article form input[type=date] {
    width: 100%;
  }
  #edit-age-error {
    margin-left: 0;
    left: 126.26px;
    display: none !important;
  }
  body.page-node-type-life-program article form #edit-practice-type--wrapper > legend {
    padding-top: 16px;
    margin-bottom: 0;
  }
  body.page-node-type-life-program article form #edit-agreement p {
    margin-top: 8px;
  }

  /* ------------------------------- 회원·학습동아리 ------------------------------ */
  /* -------------------- CMS 회원신청 -------------------- */
  #cms .title {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  #cms .grid_2 > div p.box-blue-wrap {
    text-align: left;
  }
  /* -------------------- 학습동아리 -------------------- */
  #learning-club .title {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  #learning-club .grid_2 {
    position: relative;
    padding-bottom: 82px;
  }
  #learning-club section .btn-blue {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
  }


  /* ------------------------------- 커뮤니티 ------------------------------ */
  /* -------------------- 공지사항 -------------------- */

  /* -------------------- 활동소식 -------------------- */

  /* -------------------- 뉴스레터 -------------------- */

  /* ------------------------------- 지도자 네트워크 ------------------------------ */
  #block-account-sub-menu {
    margin: 0 auto 40px;
  }
  #block-account-sub-menu ul:not(.contextual-links) li a,
  #block-account-sub-menu ul:not(.contextual-links) li a.is-active {
    font-size: 16px;
  }

  /* -------------------- 증명서 신청 -------------------- */
  #request-certificate .title {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  #request-certificate .grid_2 {
    position: relative;
    padding-bottom: 82px;
  }
  #request-certificate .grid_2 p {
    text-align: left;
  }
  #request-certificate .btn-blue {
    position: absolute;
    bottom: 0;
    left: 0;
  }

  /* -------------------- 워크숍 신청 -------------------- */


  /* ------------------------------- 실무자 네트워크 ------------------------------ */
  /* -------------------- 수료번호 -------------------- */
  #staff-numbering header > p {
    margin-bottom: 32px;
  }
  #staff-numbering.views-element-container header .apply-btn-wrap {
    margin-bottom: 40px;
  }
  #staff-numbering .box4 {
    margin-bottom: 40px;
  }

  #staff-numbering header form {
    gap: 8px;
  }
  #staff-numbering header form .left {
    position: initial;
  }
  #staff-numbering header form .right {
    grid-template-columns: 1fr 1fr;
  }
  #staff-numbering form .right .select-wrap {
    grid-row: initial;
  }
  #staff-numbering form .right .search-wrap {
    grid-column: 1/3;
    margin-bottom: 0;
    margin-top: 8px;
  }

  #staff-numbering .popup-wrap .popup .bottom dl span:not(:last-child)::after {
    display: none;
  }

  /* -------------------- 수료번호 신청 폼 -------------------- */
  #branch-numbering-form > .js-form-item,
  #branch-numbering-form > fieldset,
  #branch-numbering-form div[id*="ajax-"] > .js-form-item {
    grid-template-columns: 1fr;
    padding: 16px 0;
  }
  #branch-numbering-form > fieldset > legend,
  #branch-numbering-form label {
    margin-top: 0;
    margin-bottom: 16px;
  }
  /*#branch-numbering-form #wrapper-numbering-type .fieldset-wrapper {*/
  /*  grid-template-columns: 1fr;*/
  /*}*/
  #branch-numbering-form .form-item-year .select-wrap,
  #branch-numbering-form .js-form-type-date,
  #branch-numbering-form input[type="number"],
  #branch-numbering-form input[type="text"] {
    width: 100%;
  }
  #branch-numbering-form #edit-date-group .fieldset-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
  }

  /* -------------------- 교재신청 -------------------- */
  #staff-textbook header form {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  #staff-textbook .apply {
    padding-top: 88px;
    position: initial;
  }

  /* -------------------- KACE 양식 -------------------- */
  #staff-pds header form {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .textbook-view main dl {
    grid-template-columns: 1fr;
  }
  .textbook-view main dl dt {
    margin-bottom: 8px;
  }

  /* ------------------------------- 협의회 ------------------------------ */
  /* -------------------- 메인 -------------------- */
  #block-branch-articles .branch-notice li {
    grid-template-columns: 1fr;
    grid-gap: 8px;
  }

  /* -------------------- 협의회 소개 -------------------- */
  /* ---------- 인사말 --------- */
  #assets h3 {
    margin-bottom: 40px;
  }
  #assets .table dl {
    grid-template-columns: 1fr 3fr;
    grid-gap: 16px;
    padding: 16px 0;
  }

  /* ---------- 조직도 --------- */

  /* ---------- 주요사업 --------- */
  #business section {
    grid-template-columns: 1fr;
  }

  /* ------------------------------------------------------------- */
  /* -------------------- 404 -------------------- */
  #page-error img {
    margin: 72px auto 24px;
    width: 60%;
  }

  /* -------------------- 검색결과 -------------------- */
  body.page-search .layout-content form {
    padding: 64px 0 32px;
  }
  body.page-search .search-list li {
    padding: 16px 0;
  }
}


/* ------------------------------------------------------------- */
/* -------------------- 320px 이하 -------------------- */
@media all and (max-width: 320px) {
  #footer ul {
    justify-content: space-between;
  }
  #footer ul li:not(:last-child)::after {
    margin: 0 8px;
  }

  .box4 {
    padding: 24px 0;
  }

  body.page-program-union .views-element-container header .form-select ul li:not(:last-child),
  body.page-program-branch .views-element-container header .form-select ul li:not(:last-child) {
    margin-right: 24px;
  }
}

/* ------------------------------------------------------------- */
/* -------------------- IOS -------------------- */
@supports (-webkit-touch-callout: none) {
  #block-conference h4 {
    margin-bottom: 32px;
  }

  /* 교육신청 - 평생교육사 실습신청 - 폼 */
  #edit-age-error {
    margin-left: 160px;
  }

  /* 실무자 네트워크 - 수료번호 - 폼 */
  #branch-numbering-form #wrapper-numbering-type > legend,
  #branch-numbering-form #edit-date-group > legend,
  #branch-numbering-form #edit-type--wrapper > legend {
    padding-top: 16px;
    margin-bottom: 0;
  }
}