@charset "utf-8";

/*
 * File       : rwd-sub.css
 *
 * SUMMARY:
 * 01) 1680px
 * 02) 1480px
 * 03) 1023px
 * 04) 860px
 * 05) 540px
 */



/* **************************************** *
 * 1680px
 * **************************************** */
@media (max-width: 1680px){

    
}



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){

    

}



/* **************************************** *
 * 1280px
 * **************************************** */
@media (max-width: 1280px){

    /* GLOBAL */
    .article-title { font-size: 46rem;}
   
    .breadcrumb li {padding:0 20rem;}


    /* TEAM */
    .team-item { width: calc(33.33% - 40rem);}

}


/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px){

    /* GLOBAL */
    .article-header { margin-top:0; }
    .article-header__object { right: 20rem; top: 0;width: 200rem; height: 214rem;}
    .article-header__inner {margin:0;}
    .article-header__text {text-align:center; margin-top:0; padding: 60rem 0; background: #F9F9F9;}
    .article-title { font-size: 40rem;}

    .article-breadcrumbs { padding: 20rem 32rem; border-bottom: 1rem solid #e6e6e6; background:#fff;}
    .breadcrumb li {font-size:16rem;}

    .article-tabs {margin-top:0;}
    .article-tabs .wrap {margin:0;}

    .horizontal-line {display:none;}

    .article-body { margin-top: 60rem; margin-bottom:120rem;}

    .sub-section__title {font-size:26rem;}


    /* REPRESENTATIVE */
    .representative .article-header__text {background:none;}
    .greeting-contents__head {padding:70rem 60rem;}
    .greeting-contents__head p { font-size: 28rem;}
    .greeting-contents__tit span { font-size: 22rem;}
    .greeting-contents__tit b { margin-top: 8rem; font-size: 30rem;}
    .greeting-contents__body { margin-top: 80rem;}
    .greeting-contents__desc > div + div {margin-top:25rem;}
    .greeting-contents__desc p + p { margin-top: 25rem;}
    .greeting-contents__desc p br {display:none;}
    .greeting-contents__desc {display:block;}

    .representative-board { margin-top: 100rem;}
    .representative-board__head h3 { font-size: 26rem;}

    /* TEAM */
    .team-search {padding:30rem;}
    .team-search button { padding: 20rem 26rem; width:120rem;}
    .team-list { margin: 0 -10rem;}
    .team-item { width: calc(33.33% - 20rem); margin: 10rem; }
    .team-item figure { width: 150rem; height: 150rem;}
    .team-txt .name { font-size: 22rem;}
    .team-txt .desc { font-size: 16rem; margin-top: 10rem;}
    .sns-list {margin-top:30rem;}

    .page-team .mfp-wrap { background:#fff; z-index: 100;}
    .page-team .mfp-bg { display: none;}
    .page-team .mfp-content { height: calc(100vh - 80rem); position: absolute; top: 80rem; left: 0;}
    .person-popup__visual {height:500rem;}
    .person-popup, .person-edit-popup {margin:0; max-width:100%; height:100%;}
    .person-popup__sns {margin-top:0;}
    .person-popup__body .tab-list li {font-size:20rem;}
    .person-popup__body .tab-list li span {}

    .share-popup {position: fixed; left: 50%; right: auto; top: 50%; transform: translate(-50%, -50%);}
    .share-popup:before, .share-popup:after {display:none;}

    /* POSTER */
    .poster-list { margin: -20rem -15rem 0;}
    .poster-item { width: calc(33.33% - 30rem); margin: 20rem 15rem;}
    .poster-item__title {font-size:20rem;}
    .poster-item__info li span {font-size:15rem; padding-left:20rem;}
    .poster-item__info li.time span:before { font-size: 14rem;}
    .poster-item__info li.view span:before { font-size: 16rem;}

    /* GALLERY */
    .gallery-video-item + .gallery-video-item {margin-top:60rem;}
    .gallery-video__title {font-size:20rem;}

    /* MOBILE GALLERY */
    .gallery-wrap {display:none;}
    .mob-gallery-list {display:block;}

    /* SEARCH RESULTE */
    .search-result__info p { font-size: 24rem;}
    .search-result__item .board-item { padding-top: 30rem; padding-bottom: 30rem;}
    .search-result__item .board-item a {font-size:18rem;}
    .search-result__item .board-list.board-list__photo .board-item {display:flex;}
    .search-result__item .board-list.board-list__photo .board-item .board-contents {display:block;}
    .search-result__item .board-list.board-list__photo .board-item figure { position: relative; padding-top: 8.764%;}
    .search-result__item .team-list {margin-top:-10rem;}

    /* ESTABLISHMENT */
    .logo-desc { margin-top: 15rem; font-size: 18rem;}

    .mission-goals__list li {width: calc(50% - 60rem);}

    /* LOCATION */
    .location-tit {padding-bottom:15rem; margin-bottom:30rem;}
    .location-box {padding:40rem; margin-top:50rem;}
    .location-contents {display:block;}
    .loaction-map {width:100%; height:400rem; margin-top:30rem;}

}




/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){

    /* GLOBAL */
    .article-title { font-size: 34rem;}
    .article-desc {font-size:16rem;}

    .article-breadcrumbs {padding:15rem 25rem;}
    .breadcrumb li {font-size:14rem; padding: 0 16rem;}
    .breadcrumb li.home a:before { font-size: 14rem;}
    
    .article-tabs li a { font-size: 16rem; padding: 18rem 20rem;}

    .article-body { margin-top: 40rem; margin-bottom:80rem;} 

    .sub-section + .sub-section { margin-top: 80rem;}
    .sub-section__title { font-size: 24rem;}

    /* NOTHING */
    .list-nothing {padding:60rem 0;}
    .list-nothing b {font-size:18rem;}
    .list-nothing b:before {width:80rem; height:32rem; margin-bottom:10rem;}

    /* REPRESENTATIVE */
    .greeting-contents__head { padding: 55rem 50rem;}
    .greeting-contents__head p { font-size: 26rem; font-weight: 600;}
    .greeting-contents__head p br.mob-br {display:block}
    .greeting-contents__head figure { right: 60rem;}
    .greeting-contents__body {margin-top:60rem;}
    .greeting-contents__tit span { font-size: 16rem;}
    .greeting-contents__tit b { margin-top: 5rem; font-size: 22rem;}
    .greeting-contents__desc {margin-top:40rem; font-size:15rem;}
    .greeting-contents__desc p + p { margin-top: 20rem;}
    .greeting-contents__name {margin-top:40rem;}
    .greeting-contents__name span {font-size:16rem;}
    .greeting-contents__name p { margin-top: 3rem; font-size: 22rem;}

    .representative-board { margin-top: 100rem;}
    .representative-board__head {margin-bottom:15rem;}
    .representative-board__head h3 {font-size:22rem; font-weight:600;}
    .representative-board__filter {font-size:15rem;}

    .greeting-contents + .board-list__head {margin-top:100rem;}

    /* TEAM */
    .team-search {justify-content: normal; padding:0; background:none; border:1rem solid #e6e6e6; height:54rem;}
    .team-search input {margin:0; padding:15rem;}
    .team-search button {margin-left: auto;background:none; color:#000; padding: 15rem 20rem; width: auto;}
    .team-search button span { position: absolute; clip: rect(1rem, 1rem, 1rem, 1rem); -webkit-clip-path: inset(0rem 0rem 99.9% 99.9%); clip-path: inset(0rem 0rem 99.9% 99.9%); overflow: hidden; height: 1rem; width: 1rem; padding: 0; border: 0; }
    .team-search button:before { font-family: 'minjoo'; content: '\e914'; font-style: normal; font-size: 21rem; color: #000;}
    .team-total { font-size: 16rem;}
    .team-total b { font-size: 20rem;}
    .team-wrap {margin-top:50rem;}
    .team-item {padding:30rem 15rem; width: calc(50% - 20rem); border-radius:14rem;}
    .team-item figure { width: 120rem; height: 120rem;}
    .team-txt .position { font-size: 15rem;}
    .team-txt .name { font-size: 20rem;}
    .team-txt .desc { font-size: 15rem;}
    .sns-list > li { width: 38rem; height: 38rem;}
    .sns-list > li a:before {font-size:16rem;}
    .sns-list > li.sns-item__congress > a:before { width: 25rem; height: 15rem;}
    .sns-list > li.sns-item__facebook > a:before {font-size: 18rem;}
    .sns-list > li.sns-item__naver-blog > a:before { font-size: 14rem;}
    .sns-list > li.sns-item__kakao-story > a:before { font-size: 17rem;}
    .sns-list > li.sns-item__twitter > a:before {font-size: 18rem;}
    .sns-list > li.sns-item__instagram > a:before {font-size: 18rem;}
    .sns-list > li.sns-item__youtube > a:before {font-size: 20rem;}
    
    .page-team .mfp-content { height: calc(100vh - 70rem); top: 70rem;}
    .person-popup__visual {height:auto;}
    .person-popup__visual-bg {position:relative; z-index:0;}
    .person-popup__visual-title {color:#000; font-size:28rem;}
    .person-popup__visual-desc {color:#000; font-size:16rem;}
    .person-popup__profile-box {display:block;background:none;padding: 0;position: relative;z-index: 10;}
    .person-popup__profile {display:block; margin-top:-70rem;}
    .person-popup__profile-txt {text-align:center;margin-left: 0;margin-top: 12rem;}
    .person-popup__sns {background:none; padding:30rem;}
    .person-popup__sns.sns-list li.sns-item__congress, .sns-list > li.sns-item__share {border:1rem solid #e3e3e3;}
    .person-popup__body .tab-list li {font-size:18rem;}
    .person-popup__body .tab-list li a:after {width:100%;}
    .person-info__item + .person-info__item {margin-top: 80rem;}

    .person-edit-popup__visual {background:#fff; height:auto;}
    .person-edit-popup__visual-bg {position:relative; z-index:0; padding-top:38%;}
    .person-edit-popup__visual-title {color:#000; font-size:28rem; margin-top:10rem;}
    .person-edit-popup__visual-desc {border-radius:0;}
    .person-edit-popup__visual-profile {display:block; margin-top:-70rem;position: static; transform: none;}
    .person-edit-popup__visual-profile .profile-photo label i {background:#777; border:3rem solid #fff;}
    .person-edit-info__title {padding:0 0 10rem; font-size:18rem;}
    .person-edit-info__item .edit-form-wrap {padding:10rem 0 20rem;}
    .person-edit-popup__body .form-field-item > .form-input__wrap {padding:0; margni-top:0;}

    .btn-profile-edit {display:block; position:static; border-color:#bbb; color:#777; width:106rem; margin:16rem auto 0;}

    .share-popup {width: 100%; padding-left:25rem; padding-right:25rem; left:0;bottom: 0;top: auto;transform:none;border-radius: 30rem 30rem 0 0;}
    .share-popup__head {text-align:center;display: block;}
    .share-popup__head p {font-size:18rem;}
    .share-popup__head .share-popup__close {position:absolute;right:25rem;top: 17rem;}
    .share-popup__body {text-align:center;}
    .share-popup__body ul {justify-content: center;}
    
    /* GALLERY */
    .gallery-video-item + .gallery-video-item {margin-top:40rem;}
    .gallery-video__title {font-size:18rem;padding-right:0;}
    .gallery-video__info {padding:20rem 20rem;}
    .gallery-video__info ul {position:static;}
    .gallery-video__info li span {font-size:15rem;}
    .embed-video__overlay-btn { width: 80rem; height: 80rem;}
    .embed-video__overlay-btn:after {font-size:30rem;}

    .gallery-photo__info {position:relative;}
    .gallery-photo__title {font-size:18rem;padding-right:0;}
    .gallery-photo__info {padding:20rem 20rem;}
    .gallery-photo__info ul {position:static; margin-top:10rem;}
    .gallery-photo__info li span {font-size:15rem;}

    /* POSTER */
    .poster-list { margin: -20rem -10rem 0;}
    .poster-item { width: calc(50% - 20rem); margin: 20rem 10rem;}
    .poster-item__img figure {padding-top:64%;}
    .poster-item__title {font-size:18rem; margin-top:10rem;}
    .poster-item__desc {font-size:16rem;}
    .poster-item__info {margin-top:10rem;}
    .poster-item__info ul { margin-top: 8rem;}
    .poster-item__info li span {font-size:14rem; padding-left:17rem;}
    .poster-item__info li.time span:before { font-size: 13rem;}
    .poster-item__info li.view span:before { font-size: 15rem;}
    
    /* SEARCH RESULTE */
    .search-result__info p { font-size: 20rem;}
    .search-result__item + .search-result__item {margin-top:80rem;}
    .search-result__item .board-item { padding-top: 20rem; padding-bottom: 20rem;}
    .search-result__item .board-item a {font-size:16rem;}
    .search-result__item .board-list.board-list__photo .board-item figure {padding-top: 11.143%;}

    /* ESTABLISHMENT */
    .heagong-desc {font-size:16rem;}
    .heagong-desc br {display:none;}
    .heagong-desc p:first-child {font-size:18rem;}
    .logo-desc {font-size:16rem;}
    .logo-desc br {display:none;}
    .logo-box {padding: 40rem 60rem;}
    .logo-box figure {max-width:60%;}

    .history-box ul li span.year.year-txt {font-size:42rem;}
    .history-box ul li span.month-day {font-size:18rem;}

    /* LOCATION */
    .location .article-body {margin-bottom:0;}
    .location-tab {position:relative;}
    .location-tab:before {width: 2rem;height: 100%;background: #fff;content:'';display:block;position:absolute;left: -1rem;top:0;z-index: 1;}
    .location-tab li {position:relative;width:25%;}
    .location-tab li:before {content:''; display:block; width:1rem; height:18rem; background:#bbb; position:absolute; left:0; top:50%; transform:translateY(-50%);}
    .location-tab a {border:none; padding:14rem;}
    .location-tab a.tab-button--is-active {z-index:10;}
    .location-tab a.tab-button--is-active:before {border-width:1rem; width: calc(100% - 1rem); height: calc(100% - 1rem); margin-left: -1rem; margin-top: -1rem;}
    .location-tit {margin:40rem 25rem 0;}
    .location-contents ul {margin:30rem 25rem;}
    .location-contents li {color:#000; font-size:15rem;}
    .location-box {margin-top:40rem; margin-left:-25rem; margin-right:-25rem; padding:0; background:#fff; }

}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

    /* GLOBAL */
    .article-header__object {top:18rem; right: 5rem; width: 113rem; height: 121rem;}
    .article-header__text {padding:40rem 0;}
    .article-title {font-size:22rem;}
    .article-desc {font-size:14rem;}
    .article-body {margin-top:20rem;}

    .article-breadcrumbs { padding: 13rem 15rem 14rem;}
    .breadcrumb li { font-size: 12rem; padding: 0 10rem;}
    .breadcrumb li.home a:before { font-size: 12rem;}
    
    .article-tabs ul { flex-wrap: wrap;}
    .article-tabs li {border-bottom:1rem solid #bbb; border-right:1rem solid #bbb;}
    .article-tabs li:nth-child(3), .article-tabs li:nth-child(4) {border-bottom:none;}
    .article-tabs li:nth-child(2), .article-tabs li:nth-child(4) {border-right:none;}
    .article-tabs li a { padding:14rem; font-size: 15rem; }
    .article-tabs .col3 li {border-top:none;}

    .sub-section + .sub-section { margin-top: 60rem;}
    .sub-section__title { font-size: 20rem; margin-bottom:10rem;}

    /* REPRESENTATIVE */
    .greeting-contents__head { padding: 26rem 30rem; margin:0 -15rem;}
    .greeting-contents__head p {font-size:20rem;}
    .greeting-contents__head figure { right: 15rem; width: 134rem;}
    .greeting-contents__body {margin-top:30rem;}
    .greeting-contents__tit span { font-size: 14rem;}
    .greeting-contents__tit span br.mob-br {display:block;}
    .greeting-contents__tit b { font-size: 16rem;}
    .greeting-contents__desc {margin-top:28rem; font-size:14rem;}
    .greeting-contents__name {margin-top:28rem;}
    .greeting-contents__name span { font-size: 13rem;}
    .greeting-contents__name p { font-size: 18rem;}
    .greeting-contents__name figure {width: 110rem;}
    
    .representative-board__head {margin-bottom:10rem;}
    .representative-board__head h3 {font-size:20rem;}
    .representative-board__filter {font-size:13rem;}
    .representative-board__filter span {padding-left:18rem;}

    /* TEAM */
    .team-wrap {margin-top:30rem;}
    .team-list {margin:0;}
    .team-item {display:flex; align-items: center; width:100%; margin:0;padding: 20rem 20rem;}
    .team-item + .team-item {margin-top:10rem;}
    .team-item figure {width:90rem; height:90rem; margin:0; margin-right:16rem;}
    .team-txt-wrap {}
    .team-txt {text-align:left; margin-top:0;}
    .team-txt .position {display:inline-block; font-size:12rem;}
    .team-txt .name {display:inline-block; margin-left:5rem; font-size:18rem;}
    .team-txt .desc {margin-top:5rem; font-size:13rem;}
    .sns-list {justify-content: normal; margin-top: 14rem;}
    .sns-list > li { width: 30rem; height: 30rem;}
    .sns-list > li.sns-item__congress > a:before { width: 20rem; height: 11rem;}
    .sns-list > li.sns-item__facebook > a:before { font-size: 16rem;}
    .sns-list > li.sns-item__naver-blog > a:before { font-size: 12rem;}
    .sns-list > li.sns-item__kakao-story > a:before { font-size: 15rem;}
    .sns-list > li.sns-item__twitter > a:before {font-size: 16rem;}
    .sns-list > li.sns-item__instagram > a:before {font-size: 16rem;}
    .sns-list > li.sns-item__youtube > a:before {font-size: 17rem;}
    .sns-list > li a:before {font-size: 14rem;}

    .page-team .mfp-content { height: calc(100vh - 60rem); top: 60rem;}
    .person-popup .mfp-close { right: 5rem; top: 5rem;}
    .person-popup__visual-bg {height:250rem}
    .person-popup__visual-title { margin-top: 10rem; font-size: 26rem;}
    .person-popup__visual-desc {margin-top:4rem; font-size:14rem;}
    .person-popup__profile { margin-top: -60rem; }
    .person-popup__profile figure { width: 120rem; height: 120rem;}
    .person-popup__sns {padding:25rem 15rem; margin-top:0;justify-content: center;}
    .person-popup__body .tab-list li {font-size:16rem;}
    .person-popup__body .tab-list li span {font-size:12rem;}
    .person-popup__body .tab-list li a:after {bottom:-2rem;}
    .person-popup__body .tab-panel__wrap { padding: 50rem 15rem 50rem;}
    .president-popup__contents .tab-list-child {padding:0 15rem;}
    .president-popup__contents .tab-panel__child-wrap {padding:0 15rem;}
    .person-info__item {display:block;}
    .person-info__item + .person-info__item {margin-top:65rem;}
    .person-info__title {width:100%; }
    .person-info__item ul {margin-top:15rem;}
    .person-info__item li {font-size:16rem;}
    .person-info__item li + li {margin-top:10rem;}
    .person-info__desc {font-size:16rem;}

    .person-edit-popup .mfp-close { right: 5rem; top: 5rem;}
    .person-edit-popup__visual-bg {padding-top:67%;}
    .person-edit-popup__visual-bg label i { width: 34rem; height: 34rem; left: 10rem; top: 10rem;}
    .person-edit-popup__visual-title { font-size: 26rem;}
    .person-edit-popup__visual-profile { margin-top: -60rem; padding:0 15rem;}
    .person-edit-popup__visual-profile .profile-photo { width: 120rem; height: 120rem;}
    .person-edit-popup__visual-profile .profile-photo figure { width: 120rem; height: 120rem;}
    .person-edit-popup__visual-profile .profile-photo label i{ width: 34rem; height: 34rem;}
    .person-edit-popup__body { padding: 40rem 15rem;}
    .person-edit-info__item .edit-form-wrap {padding:0;}
    .person-edit-info__item {border-bottom:0; }
    .person-edit-info__item + .person-edit-info__item {margin-top:60rem;}
    .person-edit-info__title {font-size:16rem;}
    .person-edit-popup__body .form-field-item:first-child {margin-top:20rem;}
    .person-edit-popup__body .form-label {padding:0;}

    .share-popup { padding:15rem;}
    .share-popup__head .share-popup__close {position:absolute;right:15rem;top: 12rem;}
    .share-popup__body ul { gap: 35rem 0; margin-top:20rem; flex-wrap: wrap;}
    .share-popup__body li { flex: 1 1 33.33%;}
    

    /* GALLERY */
    .gallery-video-item + .gallery-video-item {margin-top:20rem;}
    .gallery-video__title {font-size:15rem;}
    .gallery-video__info {padding:10rem 15rem;}
    .gallery-video__info li + li:before {top: calc(50% + 1rem);}
    .gallery-video__info li span {font-size: 13rem; padding-left: 18rem;}
    .gallery-video__info li span:before {top:50%;}
    .gallery-video__info li.time span:before {font-size:12rem;}
    .gallery-video__info li.view span:before {font-size:13rem;}

    .embed-video__overlay-btn { width: 40rem; height: 40rem;}
    .embed-video__overlay-btn:after { left: calc(50% + 2rem); font-size: 15rem;}

    /* POSTER */
    .poster-list { margin: 0;}
    .poster-item { width: 100%; margin: 0;}
    .poster-item + .poster-item {margin-top:30rem;}
    .poster-item__title {font-size:16rem; margin-top:8rem;}
    .poster-item__desc {font-size:14rem;}
    .poster-item__info ul { margin-top: 5rem;}
    .poster-item__info li + li { padding-left: 8rem; margin-left: 8rem;}
    .poster-item__info li span {font-size:13rem; padding-left:15rem;}
    .poster-item__info li.time span:before { font-size: 12rem;}
    .poster-item__info li.view span:before { font-size: 13rem;}

    /* SEARCH RESULTE */
    .search-result__info {margin-bottom:10rem;}
    .search-result__info p { font-size: 18rem;}
    .search-result__item + .search-result__item {margin-top:60rem;}
    .search-result__item .board-item { padding-top: 15rem; padding-bottom: 15rem;}
    .search-result__item .board-list.board-list__photo .board-item {padding-top: 15rem; padding-bottom: 15rem;}
    .search-result__item .board-list.board-list__photo .board-item figure { margin-right:10rem; width: 60rem; padding-top: 17.395%;}
    .search-result__item .board-list.board-list__photo .board-item .board-contents { width: calc(100% - 70rem);}
    .search-result__item .team-list {margin-top:0;}

    /* ESTABLISHMENT */
    .heagong {display:block;}
    .heagong figure { max-width: 70%; margin: 0 auto 30rem;}
    .heagong-desc {font-size:15rem;}
    .heagong-desc p:first-child {font-size:16rem;}
    .logo-desc {font-size:15rem;}
    .logo-box { padding: 20rem 30rem;}
    .logo-box figure { max-width: 70%;}

    .mission-goals__list {padding:30rem; gap:40rem;}
    .mission-goals__list li { width: 100%;}

    .establishment-desc {font-size:16rem;}
    .establishment-sign {display:block;font-size:16rem;text-align:right;}
    .establishment-sign figure {margin-left:auto; margin-top:10rem; width:100rem;}

    .history-box ul li .year-item + .year-item {margin-top:20rem;}
    .history-box ul li span.year.year-txt {font-size:32rem;}
    .history-box ul li span.month-day {font-size:17rem;}

    /* LOCATION */
    .location-tab li { width: 33.33%;}
    .location-tab a {padding:9rem; font-size:13rem;}
    .location-tit {font-size:20rem; margin:30rem 15rem 15rem; border-bottom:none; padding-bottom:0;}
    .location-contents ul {margin:15rem;}
    .location-contents li {font-size:14rem;}
    .location-contents li + li {margin-top:6rem;}
    .location-box {margin-top:20rem; margin-left:-15rem; margin-right:-15rem;}
}