@charset "UTF-8";
@import url("contents_repond.css");

/*-------------------------------------------------
title       : 서브 반응형
Author      : 플랜아이 
Create date : 2022-02-17
-------------------------------------------------*/
@media(max-width:1640px) {

  .org .dep2.left a,
  .org .org-box,
  .org .dep1 a,
  .org .dep4-title {
    width: 30rem;
  }

  .org .dep1::before,
  .org .dep3::before {
    left: 16rem;
  }

  .org .dep4::before {
    width: calc(100% - 32rem);
    left: 16rem;
  }

}

@media (max-width: 1500px) {
  #contents {
    padding-right: 28rem;
  }

  .org_wrap br {
    display: none;
  }

  .org_wrap::after,
  .org_wrap::before {
    display: none;
  }

  .org_wrap .director {
    margin-bottom: 2rem;
  }

  .org_wrap .director a {
    width: 100%;
  }

  .org_wrap .audit {
    width: 100%;
    position: inherit;
    top: inherit;
  }

  .org_wrap .audit a {
    width: 100%;
  }

  .org_wrap .depth2 {
    padding-right: 0;
    margin-bottom: 1rem;
  }

  .org_wrap .depth2 a {
    width: 100%;
  }

  .org_wrap .depth2 .depth2_1 {
    position: inherit;
    top: inherit;
    right: inherit;
    margin-top: 2rem;
  }

  .org_wrap .depth2 .depth2_2 a {
    -webkit-transform: inherit;
    transform: inherit;
    margin-top: 2rem;
    margin-bottom: 0;
  }

  .org_wrap .depth2 .depth2_2 div {
    float: inherit !important;
  }

  .org_wrap .depth3 {
    padding-top: 0;
  }

  .org_wrap .depth3>div {
    float: inherit;
    width: 100% !important;
  }

  .org_wrap .depth3>div.depth3_1 {
    padding-top: 0;
  }

  .org_wrap .depth3>div.depth3_4>ul>li:first-child {
    padding-top: 0;
  }

  .org_wrap .depth3>div.depth3_5 {
    padding-top: 0;
  }

  .org_wrap .depth3>div.depth3_5>ul>li {
    float: inherit;
    width: 100% !important;
  }

  .org_wrap .depth3>div.depth3_5>ul>li:first-child a {
    padding-top: 1rem;
  }

  .org_wrap .depth3>div .team1 {
    margin-top: 1rem;
    height: 4.5rem;
  }

  .org_wrap .depth3>div.department>a {
    margin-top: 1rem;
    height: inherit;
    padding: 2rem 0;
  }

  .org_wrap .depth3>div.department>ul>li {
    float: inherit;
    width: 100% !important;
  }

  .org_wrap *:before,
  .org_wrap *:after {
    display: none;
  }

  .org_wrap .depth2_wrap {
    position: static;
  }

  .org_wrap .depth3>div .team2 a {
    margin-top: 1rem;
  }
}

@media (max-width: 1280px) {
  #snb {
    display: none;
  }

  #contents {
    float: none;
    width: 100%;
    padding-right: 0;
  }

  .location .path {
    width: 100%;
  }

  .org .dep2.left strong:first-of-type::before {
    width: 30rem;
    right: 0;
    transform: translateX(90%);
  }
}

@media (max-width: 1100px) {
  .registration_wrap {
    padding: 4rem 3rem;
  }

  .registration_wrap p {
    display: table-cell;
    vertical-align: middle;
    font-size: 2rem;
    font-weight: 400;
    color: #333;
    padding-left: 6.4rem;
    position: relative;
  }

  .org_lst li {
    width: 50%;
  }
}

@media (max-width: 1080px) {
  #header:before {
    height: 10rem;
  }
/***
  .main_wrap {
    margin: 10rem 0 8rem;
  }
***/
  .registration_wrap {
    padding: 4rem 3rem;
  }

  .registration_wrap p {
    display: block;
  }

  .registration_wrap a {
    display: block;
    margin: 2.5rem auto 0;
  }
}

@media (max-width: 1024px) {

  .location .depth4,
  .location .depth5 {
    display: none;
  }







  #contents.type3 .contents_util {
    height: calc(100vh - 8.8rem - 10rem);
  }

  #snbtt {
    display: block;
    border-color: #137B44;
    background-color: #137B44;
    font-weight: 700;
    color: #151515;
    border: 1px solid #151515;
    background: #fff;
    width: 100%;
    text-align: left;
    padding: 0 1.5rem;
    height: 6rem;
    line-height: 6rem;
  }

  #snbtt:after {
    position: absolute;
    top: auto;
    left: auto;
    right: auto;
    right: 1.5rem;
    font-family: "remixicon";
    content: '\ea50';
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }

  #snbtt span {
    position: relative;
    padding-left: 1.7rem;
  }

  #snbtt span:before {
    position: absolute;
    top: 50%;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    content: '';
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    background: #137B44;
  }

  .depth4_tab {
    margin-bottom: 6rem;
    position: relative;
    z-index: 1;
  }

  .depth4_tab ul {
    display: block;
    position: absolute;
    left: 0;
    top: 6rem;
    width: 100%;
  }

  .depth4_tab ul>li {
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    opacity: 0;
    display: block;
  }

  .depth4_tab ul>li+li {
    padding: 0;
  }

  .depth4_tab ul>li+li a {
    border-top: 0 !important;
  }

  .depth4_tab ul>li a {
    position: relative;
    text-align: left;
    padding: 0 1.5rem;
    height: 6rem;
    line-height: 6rem;
  }

  .depth4_tab.active ul>li {
    visibility: visible;
    overflow: visible;
    width: auto;
    height: auto;
    opacity: 1;
  }

  .depth4_tab.active ul>li.active a {
    border-color: #ddd;
    background: #f8f8f8;
  }

  .depth4_tab.active ul>li.active a span {
    padding-left: 0;
  }

  .depth4_tab.active ul>li.active a span:before {
    display: none;
  }

  .student>li {
    padding: 4rem 0 14.5rem;
  }

  .student>li .view {
    top: auto;
    bottom: 10rem;
    left: 23.7rem;
  }

  .student>li .download {
    bottom: 4rem;
    right: auto;
    left: 23.7rem;
  }

  .student>li .desc {
    padding: 0 0 0 6rem;
  }
}

@media (max-width: 992px) {
  #contents_title {
    width: 100%;
    font-size: 8rem;
    margin-bottom: 8rem;
  }

  #contents.type2 .faculty_view .information>* {
    display: block;
  }

  #contents.type2 .faculty_view .information .img {
    margin: auto;
    max-width: 100%;
  }

  #contents.type2 .faculty_view .information .desc {
    padding-left: 0;
    width: 100%;
  }

  #contents.type2 .faculty_view .information .desc .name {
    line-height: 1;
  }

  #contents.type2 .faculty_view form .profile_upload>* {
    display: block;
  }

  #contents.type2 .faculty_view form .profile_upload strong {
    font-size: 2.4rem;
    font-weight: 700;
    color: #fff;
    margin-right: 2.8rem;
    vertical-align: middle;
  }

  #contents.type2 .faculty_view form .profile_upload p {
    font-size: 1.6rem;
    font-weight: 400;
    color: #fff;
    margin-right: 8rem;
  }

  .donation_wrap article {
    width: 90%;
  }

  .registration_wrap {
    padding: 4rem 3rem;
  }

  .registration_wrap p br {
    display: none;
  }

  .student_view .information>* {
    float: none;
  }

  .student_view .information .thumb {
    overflow: hidden;
    position: relative;
    width: 304px;
    height: 0;
    padding-top: 38rem;
    margin: 0 auto 1rem;
  }

  .student_view .information .desc {
    padding-left: 0;
    width: 100%;
  }

  .student_view .information .desc .name {
    line-height: 1.2;
  }

  .org {
    padding-bottom: 300px;
  }

  .org::before {
    content: "";
    width: 1px;
    height: 99%;
    background: #ddd;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
  }

  .org .org-box strong a,
  .org .org-box strong a {
    height: 60px;
  }

  .org .dep1::before,
  .org .dep2.left strong:first-of-type::before,
  .org .dep1 a::before,
  .org .dep4>div::before,
  .org .dep4::before {
    display: none;
  }

  .org .dep2.left a,
  .org .org-box,
  .org .dep1 a,
  .org .dep4-title {
    width: 100%;
  }

  .org .dep1 {
    margin-bottom: 32px;
    flex-direction: column;
    gap: 32px;
  }

  .org .dep1 strong:nth-of-type(2) {
    padding: 0 24px;
  }

  .org .dep1 strong:nth-of-type(3) {
    display: none;
  }

  .org .dep1 a,
  .org .dep2.left a {
    height: 60px;
  }

  .org .dep2.right {
    width: 100%;
    bottom: 0;
    top: auto;
  }

  /*.org .dep2.right .org-box {background: none;}
  .org .dep2 .org-box {border: 0;}*/
  .org .dep2.left {
    flex-wrap: wrap;
    margin: 0;
  }

  .org .dep2.left strong {
    width: 100%;
    padding: 0;
  }

  .org .dep2.left  {
    margin-bottom: 32px;
  }

  .org .dep2.left strong:nth-of-type(2) {
    padding: 0 24px;
  }

  .org .dep3 {
    margin-bottom: 32px;
    padding: 0 24px;
  }

  .org .dep4 {
    flex-direction: column;
  }

  .org .dep4>div {
    margin-bottom: 32px;
  }

  .org .dep4>div:last-of-type {
    margin-bottom: 0;
  }

  .org .dep4-title {
    height: 60px;
  }

  .org .org-box {
    padding: 12px;
  }

  .brochure li {
    width: 33.33333%;
  }
}

@media (max-width: 800px) {
  .gallery_list.type2 li .thumb {
    padding-top: 135%;
  }
}

@media (max-width: 768px) {
  #visual {
    height: 25rem;
    margin-bottom: 3rem;
  }

  #visual .control span {
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    opacity: 0;
    display: block;
  }

  .location {
    display: none;
  }

  .contents_util .util .print {
    display: none;
  }

  #contents {
    margin-bottom: 2rem;
  }

  #contents_title {
    padding-top: 0;
  }

  .board_info .form {
    /*background: #fff !important;*/
    border: 0 !important;
    padding: 0 !important;
  }

  .org_lst ul {
    margin: -2.4rem 0 0 -2.4rem;
  }

  .org_lst ul li {
    width: 100%;
    padding: 2.4rem 0 0 2.4rem;
  }

  .board_info .form {
    width: 100% !important;
  }

  .board_info .form .item.type1:first-of-type {
    width: 100%;
  }
}

@media (max-width: 650px) {
  .student>li .thumb {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .student>li>a {
    right: auto;
  }

  .student>li .view,
  .student>li .download {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .student>li .desc {
    width: 100%;
    padding: 0 1rem;
  }

  .student>li .course span,
  .student>li .major span {
    width: 100%;
  }

  .student>li .title,
  .student>li .mail {
    text-align: center;
  }
}

@media (max-width: 640px) {
  .table_wrap.scroll {
    overflow-x: scroll;
  }

  .table_wrap.scroll table {
    width: 650px;
  }

  .blog_list .thumb {
    float: none !important;
    margin: 0 auto 2rem;
    display: block;
  }

  .blog_list .desc {
    width: 100% !important;
  }

  .gallery_list {
    width: calc(100% + 4rem) !important;
  }

  #contents.type2 .faculty_view form .profile_upload {
    padding: 3.4rem 3rem 10rem;
  }

  #contents.type2 .faculty_view form .profile_upload p {
    margin-right: 0;
  }

  #contents.type2 .faculty_view form .profile_upload .btn {
    width: 100%;
    text-align: center;
    position: absolute;
    top: inherit;
    right: inherit;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 3.4rem;
  }
}

@media (max-width: 600px) {
  #contents {
    padding-top: 2.5rem;
  }

  .contents_util {
    margin-top: 130px !important;
  }

  #gnb2 .lnb-detail-item a {
    font-size: 1.8rem !important;
    line-height: 1.6;
    padding: 0.8rem 0;
  }

  #contents_title {
    font-size: 5rem;
    margin-bottom: 4rem;
  }

  .contents_util .path {
    display: none;
  }

  .contents_util .util .print,
  .contents_util .util .zoom {
    display: none;
  }

  #contents.type3 .contents_util {
    height: calc(100vh - 2.5rem - 10rem);
    margin-bottom: 0 !important;
  }

  #contents.type3 .contents_util #contents_title {
    bottom: 3rem;
  }

  .registration_wrap {
    padding: 2rem;
  }

  .registration_wrap p {
    padding-left: 0;
    text-align: center;
    word-break: keep-all;
  }

  .registration_wrap p:before {
    position: static;
    left: inherit;
    top: inherit;
    -webkit-transform: rotate(180deg) translateY(0);
    transform: rotate(180deg) translateY(0);
    display: block;
    margin: 0 auto;
    -webkit-transform-origin: center;
    transform-origin: center;
    text-align: center;
  }

  .contents_util .util .btn {
    display: none;
  }

  .org {
    padding-bottom: 285px;
  }
}

@media (max-width: 580px) {

  /* .board_info .form .item button { position: relative; top: auto; left: auto; right: auto; bottom: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); display: block; width: 100% !important; } */
  .board_info.col3 .form .item button {
    text-align: right;
  }

  .brochure li {
    width: 50%;
  }
}

@media (max-width: 487px) {
  .popup_wrap .org_lst_popup {
    width: 100%;
    min-width: auto;
  }

  .org_lst_popup .popup_box .input_wrap {
    flex-direction: column;
  }

  .org_lst_popup .popup_box .input_wrap input {
    width: 100%;
  }

  .org_lst_popup .popup_box .input_wrap button {
    width: 100%;
    margin-left: 0;
    margin-top: .5rem;
    height: 4.5rem;
  }

  .org_lst_popup .popup_box {
    padding: 3rem;
  }
}

@media (max-width: 420px) {
  #contents_title {
    margin-bottom: 0;
  }

  .contents_util {
    margin-bottom: 2rem;
  }

  .contents_util .util {
    position: static;
    margin: 0;
    text-align: center;
  }
}