@charset "utf-8";

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



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

    /* RULE */
    .rule-contents__wrap { }

    /* SCHEDULE */
    .schedule-calendar { width: 45%; margin-right: 60rem;}

    /* GALLERY */
    .gallery-popup__wrap button.mfp-arrow.mfp-arrow-left {left: 80rem;}
    .gallery-popup__wrap button.mfp-arrow.mfp-arrow-right {right: 80rem;}

    
}



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

    /* GALLERY */
    .gallery-popup__wrap button.mfp-arrow.mfp-arrow-left {left: 30rem;}
    .gallery-popup__wrap button.mfp-arrow.mfp-arrow-right {right: 30rem;}

}



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

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


    /* PRESIDENT */
    .president-item__info b { font-size: 24rem;}
    .president-item__info h3 {font-size:56rem;}
    .president-item__info span { font-size: 22rem;}
    .president-item__history a { font-size: 22rem;}


    /* IMAGE POPUP */
    .img-popup .mfp-close {top:-55rem;}

    /* 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;}
    .brl-list {margin-left:auto;}

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

    .horizontal-line {display:none;}

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


    /* 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;}

    /* 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;}

    /* RULE */
    .rule-side-menu {display:none;}
    .rule-contents__wrap, .rule-side-menu.is-fixed + .rule-contents__wrap {margin-left:0;}
    .rule-contents__head {flex-flow: wrap; gap: 16rem; padding-bottom: 25rem; margin-bottom: 50rem;}
    .rule-contents__head-tit {font-size:30rem; order:2;}
    .rule-contents__head .search-field { width: 100%; order: 1; flex-shrink: 0; }
    .selectric-mob-rule-category {display:block; margin-left:auto; min-width:170rem; order:3;}
    .rule-contents__tit p { font-size: 20rem;}
    .rule-txt__box {margin-top:25rem;}

    .selectric-mob-rule-category .selectric-items {width:80% !important; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); z-index:100;}
    .selectric-mob-rule-category .selectric-items li {position:relative; border-bottom:1rem solid #E6E6E6;padding: 12rem 25rem;color:#000;}
    .selectric-mob-rule-category .selectric-items li.selected {color:#004EA1}
    .selectric-mob-rule-category .selectric-items li.selected:after {font-family: 'minjoo';content: '\e921';text-align:center;font-size: 16rem;font-weight: normal;color: #fff;display:block;width:22rem;height:22rem;background:#004EA1;border-radius:50%;position:absolute;right: 25rem;top:50%;transform:translateY(-50%);}
    .mob-rule-category__overlay {display:none; position: fixed;left: 0;top: 0;height: 100%;width: 100%;background: #000000;background: rgba(0, 0, 0, .6);-webkit-transition: opacity 100ms;transition: opacity 100ms;-webkit-transition-delay: 0ms;transition-delay: 0ms;}
    .selectric-open .mob-rule-category__overlay {display: block;} 

    .page-rule .mfp-bg {display:none;}
    .page-rule .mfp-wrap {z-index:100;}
    .page-rule .mfp-container {padding:0;}
    .page-rule .mfp-content {height: calc(100vh - 90rem); position: absolute; top: 90rem; left: 0;}
    .page-rule .component-popup {height: 100%;}
    .page-rule .rule-popup__body .scroll-wrapper {border:none; padding:0;}
    .rule-popup__head span {text-align:left;}
    .rule-popup__head h2 {margin-top:30rem;}
    .rule-popup__body { max-height: 100%; height:100%;}
    .rule-popup__body .scroll-wrapper {height:calc(100vh - 250rem);}
    .rule-popup__body .scroll-wrapper > .scroll-content {padding-right:10rem;}
    .rule-popup__body .scrollbar-inner .scroll-element.scroll-y {right:0;}

    /* HISTORY */
    .history-item__text b { font-size: 24rem; }

    /* PRESIDENT */
    .president .article-body {margin-top:0;}
    .president .article-body .wrap {margin:0;}
    .president-item__info { height: auto; padding: 60rem 40rem;}
    .president-item__info b { font-size: 20rem;}
    .president-item__info h3 { font-size: 46rem;}
    .president-item__info span { font-size: 18rem;}
    .president-item__history a { font-size: 20rem;}
    .president-slider .swiper-navigation > button { width: 70rem; height: 70rem; line-height: 70rem; border-radius:0; box-shadow:none; background:rgba(255,255,255,0.8);}
    .president-slider .swiper-navigation > button:before {font-size:44rem;}
    .president-slider .swiper-navigation > .swiper-button-prev {left:0;}
    .president-slider .swiper-navigation > .swiper-button-next {right:0;}

    .page-president .mfp-bg {display:none;}
    .page-president .mfp-wrap {z-index:999;}
    .page-president .mfp-container {padding:0; overflow:hidden;}
    .page-president .mfp-content {/* height: calc(100vh - 80rem);  top: 80rem; */position: absolute; top:0; left: 0;}
    .page-president .component-popup {height: 100%;padding: 0;}
    .president-popup__head {background:#F9F9F9;height: 130rem;padding: 20rem 30rem;}
    .president-popup__head h2 {font-size:28rem;}
    .page-president .mfp-close { font-size: 0; right: 20rem; top: 17rem;}
    .president-popup__body .tab-list {margin-top:0;}
    .president-popup__body .tab-panel__wrap {margin-top:30rem;}
    .president-popup__contents-inner {display:block; }
    .president-popup__contents .tab-list-child {display:flex;align-items: center;margin-bottom: 30rem;padding:0 30rem;}
    .president-popup__contents .tab-list-child li + li {margin-top:0;margin-left: 10rem;}
    .president-popup__contents .scroll-content .tab-list-child li:last-child {padding-right:30rem;}
    .president-popup__contents .tab-button-item__child a {margin-left:0;padding: 9rem 20rem 10rem;border: 1rem solid #cbcbcb;border-radius: 30rem;color: #777;display: block;}
    .president-popup__contents .tab-button-item__child a:before { display:none;}
    .president-popup__contents .tab-button-item__child a.tab-button--is-active {font-weight:normal;color:#fff;border-color:#004EA1;background:#004EA1;font-size: 18rem;}
    .president-popup__contents .scroll-content {padding-right:0;padding-top: 0;padding-bottom: 0;}
    .president-popup__contents .scroll-wrapper .scroll-element {display:none;}
    .president-popup__contents .tab-panel__child-wrap {width:100%; padding:0 30rem;}
    .president-popup__child-contents .scroll-content {padding-bottom:130rem;}
    .president-popup__child-contents .date-list li p { word-break: break-all;}
    .president-contents__item > h3 {font-size:24rem;}
    .president-contents__item > h4 {font-size:18rem;}

    /* LOGO */
    .logo-section__tit {font-size:28rem;}
    .logo-section__desc { margin-top: 15rem; font-size: 18rem;}
    .logo-item {margin:0;}
    .logo-item + .logo-item {margin-top:80rem;}
    .logo-item:nth-child(1) {margin-bottom:0;}
    .logo-item:nth-child(2) { width: 100%;}
    .logo-item:nth-child(3) {width:100%;}
    .logo-item figure {text-align:center;}
    
    /* 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;}


    /* OLD SCHEDULE */
    .schedule-wrap {display:block;}
    .schedule-calendar {width:100%;}
    .btn-schedule-close {position:absolute;right: 20rem;top: 28rem;display: block;border: none;padding: 0;background: none;width: 40rem;height: 40rem;}
    .btn-schedule-close:before {font-family: 'minjoo';font-size: 22rem;font-weight: normal;color: #000;content: '\e920';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
    .schedule-info {display:none;}
    .schedule-info:before { position: fixed; top:0; left:0;width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, .6); z-index: 500; content:''; display:block;  }
    .schedule-info__inner {position:fixed;bottom:0;left: 0;width:100%;background: #fff;padding: 50rem 30rem 0;border-radius: 30rem 30rem 0 0;margin-left:0;z-index: 600;}
    .schedule-info__tit {text-align:center;}
    .schedule-info__list {margin-top:50rem;padding-top:0;border-top:none;overflow-y: scroll;max-height: 70vh;}
    .schedule-info__item {background:none;padding: 0;}
    .schedule-info__item:last-child {padding-bottom:40rem;}
    .schedule-info__item + .schedule-info__item {margin-top: 60rem;}
    .schedule-info__item h4 span {display:block;}
    .schedule-info__item ul {border-top:1rem solid #000;}
    .schedule-info__item li {align-items: flex-start;border-bottom:1rem solid #e6e6e6; padding:20rem 0}
    .schedule-info__item li + li {margin-top:0;}
    .schedule-info__item li b { position:relative;padding-left: 20rem; padding: 3rem 20rem 4rem; font-size: 16rem; color: #0070E8; background: #E6F2FF; border-radius: 30rem;}
    .schedule-info__item li b:before {display:none;}
    .schedule-info__item li p {display:block;}
    .schedule-info__item li p span {display:block;}
    .schedule-info__item li p span + span {display: block;margin-left: 0;margin-top: 5rem;padding-left: 20rem;color: #767676;}
    .schedule-info__item li p span + span:before {font-family:'minjoo';content:'\e910';font-style:normal;font-size: 17rem;color:#7A7A7A;width: auto;height: auto;background: none;border-radius: 0;margin-top: 0;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
    
    /* SCHEDULE */
    .sub-schedule .main-section__head {text-align:left;}
    .sub-schedule__calendar { padding: 40rem 30rem;}
    .sub-schedule__list { margin-left: 30rem;}
    .sub-schedule__item-head { padding: 16rem 20rem 16rem 25rem;}
    .sub-schedule__item-head h3 { font-size: 20rem;}
    .sub-schedule__item-head span { font-size: 15rem;}
    .sub-schedule__item-body { padding: 16rem 10rem 16rem 25rem;}
    .sub-schedule__item-body .timeline-item time span { padding: 3rem 20rem 4rem; font-size: 16rem;}
    .sub-schedule__item-body .timeline-tit { font-size: 18rem;}
    .sub-schedule__item-body .timeline-contents { margin-left: 10rem;}
    .sub-schedule__item-body .timeline-location span { padding-left: 18rem; font-size: 15rem;}
    .sub-schedule__item-body .timeline-location span:before { font-size: 15rem;}
 
    /* 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;}

    /* IMAGE POPUP */
    .img-popup .mfp-close { top: -45rem;}
    .img-popup__title {font-size:20rem;}
    .img-popup__file {font-size:15rem;}
    .img-popup__info li span {font-size:15rem; padding-left:20rem;}
    .img-popup__info li span:before {top:50%;}
    .img-popup__info li.time span:before { font-size: 14rem;}
    .img-popup__info li.view span:before { font-size: 16rem;}

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

    .gallery-popup__wrap button.mfp-arrow:after {font-size:34rem;}
    .gallery-popup__wrap button.mfp-arrow.mfp-arrow-left {left: 10rem;}
    .gallery-popup__wrap button.mfp-arrow.mfp-arrow-right {right: 10rem;}
    .gallery-popup__figure .gallery-popup__pagination {display:block; position:absolute; top: 76%; width: 100%;}

    /* 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 { }
    .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;}

    /* ETHIC */
    .component-step-box {padding: 40rem 60rem;}
    .component-step li i { width: 120rem; height: 120rem; font-size:18rem;}
    .component-step li i:after {top:59rem;}
    .component-step li b {font-size:26rem;}
    .component-step li span {font-size:16rem; margin-top:10rem;}
    .component-step li.complete i:before {line-height:120rem; font-size:80rem;}

    .report-desc b { font-size: 20rem;}
    .report-desc p { font-size: 16rem;}

    .step-completed h3 { font-size: 28rem; }


    /* GENDER */
    .gender-info b { font-size: 20rem;}
    .gender-info p { font-size: 16rem;}

    .gender-result-detail__head h3 { font-size:36rem;}
    .gender-result-detail__head p {font-size:18rem;}

    .agree-box .scroll-wrapper {padding:0 25rem 0 0; background:none; max-height: 280rem;}

}




/* **************************************** *
 * 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;}
    .brl-list button { font-size:15rem;}
    .brl-list button img {max-width:20rem; margin-right:3rem;}

    .article-tabs li a { font-size: 16rem; padding: 18rem 20rem;}

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

    /* 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;}

    /* ORGANIZATION */
    .org-list:before {height:80rem;}
    .org-list:after {content: ''; position: absolute; width: 1rem; border-left: 1rem dashed #92AAC5; height:calc(100% - 415rem);left: 20rem;top: 391rem;z-index:-1;}
    .org-list > ul > li > span, .org-list > ul > li > ul > li > span {width:100%;}
    .org-list .part1 > li:last-child { margin-left: auto; max-width: 90%;}
    .org-list .part1 > li > span {background: linear-gradient(-135deg, transparent 15rem, #004EA1 0) left;}
    .org-list .part1 > li > ul > li > span {background: #4B4E98}
    .org-list .part1 > li > ul > li > span:before { left: -52rem; width: 52rem;}
    .org-list .part2 > li {display:block;}
    .org-list .part2 > li > ul.left { margin-left: auto; max-width: 90%; margin-top:16rem;}
    .org-list .part2 > li > ul.left > li > span:before { left: -52rem; width: 52rem;}
    .org-list .part2 > li > ul.right { margin-left: auto; margin-top:30rem; max-width: 90%;}
    .org-list .part2 > li > ul.right:before {display:none;}
    .org-list .part2 > li > ul.right > li > span:before { left: -52rem; width: 52rem;}

    .org-list .part2 > li > span {background: linear-gradient(-135deg, transparent 15rem, #00A0E2 0) left;}
    .org-list .part3 {padding-bottom:0}
    .org-list .part3:before {display:none;}
    .org-list .part3 > li > span {background: linear-gradient(-135deg, transparent 15rem, #00A0E2 0) left;}
    .org-list .part3 > li > span:before {display:none;}
    .org-list .part3 > li > ul {display:block; margin-top:16rem; margin-left: auto; max-width: 90%;}
    .org-list .part3 > li > ul > li.group1 {display:block; max-width: 95%; margin-left: auto; margin-top:16rem;}
    .org-list .part2 > li > ul > li > span {background: #3E4974;}
    .org-list .part3 > li > ul > li:first-child {position:static;}
    .org-list .part3 > li > ul > li:first-child > span {background:#4B4E98;position: relative;}
    .org-list .part3 > li > ul > li:first-child > span:before { content: ''; position: absolute; top: 50%; left:-52rem; width: 52rem; height: 1rem; border-top: 1rem dashed #92AAC5;}
    .org-list .part3 .group1 > ul.type1 > li:before {left: -85rem;width: 85rem;top: calc(50% - 0.5rem);right: auto;border-top: 1rem dashed #92AAC5;border-left: none;}
    .org-list .part3 .group1 > ul.type2 > li:before, .org-list .part3 .group1 > ul.type2 > li:nth-child(-n+10):before {content:'';display:block;position:absolute;left: -85rem;width: 85rem;top: calc(50% - 0.5rem);right: auto;border-top: 1rem dashed #92AAC5;border-left: none;}
    .org-list .part3 .group1 .type3 > li:nth-child(1) > span:before {left: -85rem;width: 85rem;top: calc(50% - 0.5rem);right: auto;border-top: 1rem dashed #92AAC5;border-left: none;}
    .org-list .part3 .group1 > ul > li, .org-list .part3 .group2 ul > li {display:block;width:100%;max-width:100%;}
    .org-list .part3 .group1 > ul > li + li , .org-list .part3 .group2 ul > li + li {margin-top:4rem;}
    .org-list .part3 .type1 > li {height:auto;}
    .org-list .part3 .type2 {display:block; width:100%;}
    .org-list .part3 .type3 li:nth-child(1) > ul:before {display:none;}
    .org-list .part3 .type3 li:nth-child(1) > ul:after {display:none;}
    .org-list .part3 .type3 li:nth-child(3) > ul:before, .org-list .part3 .type3 li:nth-child(3) > ul:after {display:none;}
    .org-list .part3 .type3 li:nth-child(5) > ul:before {display:none;}
    .org-list .part3 .type3 li:nth-child(5) > ul > li > span:before {left: -117rem;width: 117rem;height:auto; bottom:auto; top: calc(50% - 0.5rem);right: auto;border-top: 1rem dashed #92AAC5;border-left: none;}
    .org-list .part3 > li > ul > li.group2 {display:block; max-width:100%; margin-top:30rem;}
    .org-list .part3 > li > ul > li.group2 > span:before { width: 52rem;left:-52rem;}
    .org-list .part3 > li > ul > li.group2 > span:after {display:none;}
    .org-list .part3 > li > ul > li > ul + ul {margin-left:auto;margin-top: 30rem;}
    .org-list .part3 > li > ul > li > ul + ul.type-child {margin-top:4rem;}
    .org-list .part3 > li > ul > li > ul.type2 > li {height:auto;}
    .org-list .part3 > li > ul > li > ul.type2 > li > span {height:auto; width:100%;}
    .org-list .part3 > li > ul > li > ul.type2 > li > span br {display:none;}
    .org-list .part3 .group1 .type3 {display:block; margin-left:auto; margin-top:30rem;}
    .org-list .part3 .group1 .type3 > li > span {height:auto;}
    .org-list .part3 .group1 .type3 > li:nth-child(3) > span:before,
    .org-list .part3 .group1 .type3 > li:nth-child(5) > span:before {left: -85rem;width: 85rem;height:auto; bottom:auto; top: calc(50% - 0.5rem);right: auto;border-top: 1rem dashed #92AAC5;border-left: none;}
    .org-list .part3 .group2 > span, .org-list .part3 .group3 > span, .org-list .part3 .group4 > span {width:100%; height:auto;}
    .org-list .part3 .group2 .type3 {margin-left:auto;max-width: 95%;}
    .org-list .part3 .group3, .org-list .part3 .group4 {margin-top:30rem; margin-left:auto;}

    .org-list .type1 > li > span {width:100%;max-width:100%;}
    .org-list .type3 {display:block; margin-top:16rem; }
    .org-list .type3 > li > span {width:100%;max-width:100%;}
    .org-list .type3 > li > span:before {content:''; display:block; position:absolute;left: -85rem;width: 85rem;top: calc(50% - 0.5rem);right: auto;border-top: 1rem dashed #92AAC5;border-left: none;}

    .type-child {position:static;display:block;max-width: 95%;margin-left: auto;margin-top:4rem;}
    .type-child li span {width:100%; height:auto; }
    .type-child li span:before {content:''; display:block; position:absolute;left: -117rem;width: 117rem;top: calc(50% - 0.5rem);right: auto;border-top: 1rem dashed #92AAC5;border-left: none;}
    .type-child li + li {margin-top:4rem;}
    .group2 .type-child, .group3 .type-child, .group4 .type-child {max-width:90%;}
    .group2 .type-child:before {display:none;}
    .group3 .type-child:before {display:none;}
    .org-list .part3 .group3 > span:before, .org-list .part3 .group4 > span:before  {left: -52rem;width: 52rem;height:auto; bottom:auto; top: calc(50% - 0.5rem);right: auto;border-top: 1rem dashed #92AAC5;border-left: none;}
    .org-list .group2 .type3 > li:nth-child(1) > span:before {left: -85rem;width: 85rem;height:auto; bottom:auto; top: calc(50% - 0.5rem);right: auto;border-top: 1rem dashed #92AAC5;border-left: none;}
    .org-list .group4 .type-child li span:before {content:''; display:block; position:absolute;left: -117rem;width: 117rem;height:auto; bottom:auto; top: calc(50% - 0.5rem);right: auto;border-top: 1rem dashed #92AAC5;border-left: none;}

    /* 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; border-top:10rem solid #F2F2F2;}

    /* RULE */
    .rule-contents__head {margin-left:-25rem; margin-right:-25rem; margin-bottom:0; padding:0 25rem 40rem; border-bottom:10rem solid #F2F2F2;}
    .rule-contents__head-tit { font-size: 24rem;}
    .rule-contents__body {margin-top:40rem;}
    .rule-contents__tit p {font-size:18rem;}
    .rule-contents__tit .btn-detail span {font-size:15rem;}
    .rule-txt__box { margin-top:15rem; padding: 30rem 10rem 30rem 30rem; font-size:15rem;}
    .rule-guie-txt {font-size:16rem;}
    .rule-contents__body .rule-guie-txt {margin-top:30rem;}

    .selectric-mob-rule-category .selectric-items {bottom:0;left: 0;top: auto;width: 100% !important;transform: none;border-radius: 30rem 30rem 0 0;padding-top: 20rem;}

    .page-rule .mfp-content {height: calc(100vh - 70rem); top: 70rem; }
    .page-rule .component-popup {padding:30rem 25rem;}
    .page-rule .component-popup .mfp-close { right: 20rem; top:20rem;}
    .rule-popup__head span {font-size:15rem;}
    .rule-popup__head h2 { font-size: 22rem;}
    .rule-popup__body .scroll-wrapper > .scroll-content {font-size:15rem;}

    /* HISTORY */
    .page-history .article-body {margin-top:0; margin-bottom:160rem;}
    .history-tab {white-space: nowrap;overflow-x: scroll; padding: 20rem 25rem; margin: 0px -25rem;align-items: center;}
    .history-tab li + li {margin-left:30rem;}
    .history-tab li button {font-size:15rem;}
    .history-tab li.active button { font-size: 24rem;}
    .history-tab li.active button span:after {height:3rem}
    .history-tab.sticky{width: 100%;margin:0;position: fixed;left: 0;top: 70rem;z-index: 100 !important;background: #fff;padding: 8rem 25rem 10rem;border-bottom: 1rem solid #e6e6e6; transition:top .3s;}
    .header-hide .history-tab.sticky {top:0;}
    .year-bg { position: fixed; text-align: right;}
    .history-list {margin-top:30rem;}
    .history-tab.sticky + .history-list {margin-top:75rem}
    .history-item {margin-right:auto; margin-left:auto; min-width:auto;}
    .history-item + .history-item {margin-top:140rem;}
    .history-item figure img {width:100%; max-width:100%;}
    .history-item__text b { font-size: 20rem; }
    .history-item__text p {font-size:16rem;}
    .history-control {display:none;}

    /* PRESIDENT */
    .president .article-body {margin-bottom:140rem;}
    .president-item figure {position:relative; padding-top: 80%;}
    .president-item figure img  {display:block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
    .president-item__info { height: auto; padding: 40rem 60rem 40rem 30rem;}
    .president-item__info b { font-size: 16rem;}
    .president-item__info h3 { font-size: 36rem;}
    .president-item__info span { font-size: 14rem;}
    .president-item__history {width: 150rem;height: 150rem;border-radius: 50%;overflow: hidden;text-align: center;right: 20rem;bottom: -75rem;box-shadow: 0 3rem 6rem rgba(0,0,0,0.16);}
    .president-item__history a {font-size: 16rem;padding:0;width:100%;height:100%;display: table;}
    .president-item__history a span {padding-right:0;display: table-cell;vertical-align: middle;}
    .president-item__history a span:after {position: static; transform: none; display: block;}
    .president-item__history a span i {display:none;}

    .page-president .mfp-content {/* height: calc(100vh - 70rem); top: 70rem;  */}
    .page-president .component-popup .mfp-close { right: 15rem; top: 17rem;}
    .president-popup__head {height:100rem; padding: 20rem 25rem;}
    .president-popup__head h2 { font-size: 24rem;}
    .president-popup__body .tab-panel__wrap { margin-top: 20rem;}
    .president-popup__contents .tab-button-item__child a {font-size:16rem;}
    .president-popup__contents .tab-button-item__child a.tab-button--is-active {font-size:16rem;}
    .president-popup__contents .tab-list-child {margin-bottom:20rem; padding:0 25rem;}
    .president-popup__contents .tab-button-item__child a { padding: 7rem 20rem 8rem;}
    .president-popup__contents .tab-panel__child-wrap {padding:0 25rem;}
    .president-popup__child-contents .scroll-content {padding-bottom:80rem;}
    .president-popup__child-contents .date-list li b {font-size:16rem; width:120rem;}
    #president-popup__mji .president-popup__child-contents .date-list li b {width:140rem;}
    .president-popup__child-contents .date-list li p {font-size:14rem;}
    .president-contents__item + .president-contents__item { margin-top: 40rem;}
    .president-contents__item > h3 { font-size: 20rem;}
    .president-contents__item > h4 { font-size: 16rem;}
    .president-contents__item > p {font-size:14rem;}
    .president-contents__item > p.quote b {font-size:16rem;}

    /* LOGO */
    .logo-section + .logo-section {border-top:1rem solid #ddd; padding-top:80rem; margin-top:80rem;} 
    .logo-section__head {text-align:center;}
    .logo-section__tit { font-size: 26rem;}
    .logo-section__desc {font-size:16rem;}
    .logo-box {padding:0; border:none;}
    .logo-item h4 {font-size:18rem;}
    .logo-item figure {margin-top:40rem;}

    /* 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;}
    

    /* OLD SCHEDULE */
    .schedule-date .selectric .label {font-size:20rem; height: 40rem; line-height:40rem;}
    .schedule-filter {width:160rem;}
    .schedule-calendar .calendar-table thead th {padding: 15rem 10rem;}
    .schedule-calendar .calendar-table th .day-week { font-size: 16rem;}
    .schedule-calendar .calendar-table button, .schedule-calendar .calendar-table a { font-size: 16rem;}
    .schedule-calendar .calendar-table span.schedule-item {font-size:13rem;}
    .schedule-info__tit {font-size:20rem;}
    .btn-schedule-close:before { font-size: 18rem;}
    .schedule-info__item h4 { font-size: 18rem;}
    .schedule-info__item h4 span {font-size: 14rem;}
    .schedule-info__item li { font-size: 15rem;}
    .schedule-info__item li b { padding: 3rem 15rem 4rem; font-size: 14rem;}
    .schedule-info__item li p span + span:before {font-size: 15rem;}

    /* SCHEDULE */
    .sub-schedule__calendar {max-width:100%; margin-bottom:30rem;}
    .sub-schedule__contents {display:block;}
    .sub-schedule__tab {display:none;-webkit-overflow-scrolling: touch;height: 34rem;overflow: hidden;border-bottom:1rem solid #D6D6D6;margin-bottom:20rem;margin-left:-32rem;margin-right:-32rem;padding-bottom:15rem;}
    .sub-schedule__tab-list {display:flex;gap:40rem;height: 53rem;padding-left:32rem;padding-right:32rem;overflow-x: auto;white-space: nowrap;}
    .sub-schedule__tab-list li {text-align:center;}
    .sub-schedule__tab-list li a, .sub-schedule__tab-list li button {position:relative;border:none;background:none;padding: 0;font-size:16rem; color:#000;}
    .sub-schedule__tab-list li a:after, .sub-schedule__tab-list li button:after {width:100%;height:3rem;background:#004EA1;content:'';display:none;position:absolute;bottom: -6rem;}
    .sub-schedule__tab-list li.active a, .sub-schedule__tab-list li.active button {color:#004EA1;display: block;width: 100%;text-align: center;font-weight: 500;}
    .sub-schedule__tab-list li.active a:after, .sub-schedule__tab-list li.active button:after { display:block;}
    .sub-schedule__list {margin-left:0;}

    .sub-schedule__item-head {padding-left:20rem;}
    .sub-schedule__item-head h3 { font-size: 18rem; max-width:200px;}
    .sub-schedule__item-head span { font-size: 14rem;font-weight: 500;}
    .sub-schedule__item-head span.sub-schedule__category {font-size: 13rem;}
    .sub-schedule__item-body { padding: 10rem 10rem 10rem 20rem;}
    .sub-schedule__item-body .timeline-item {font-size:16rem;}
    .sub-schedule__item-body .timeline-item time span {font-size:14rem; padding-left:15rem; padding-right:15rem;}
    .sub-schedule__item-body .timeline-tit {font-size:16rem;}
    .sub-schedule__item-body .timeline-location span {padding-left: 16rem; font-size:14rem;}
    .sub-schedule__item-body .timeline-location span:before { font-size: 13rem;}

    /* 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;}

    /* IMAGE POPUP */
    .img-popup__file { font-size: 14rem; padding: 13rem 27rem}
    .img-popup__info {padding: 15rem 25rem 20rem;}
    .img-popup__title { font-size: 18rem;}
    .img-popup__info ul { margin-top: 8rem;}
    .img-popup__info li span {font-size:14rem;}
    .img-popup__info li.time span:before { font-size: 13rem;}
    .img-popup__info li.view span:before { font-size: 15rem;}

    /* BANNER */
    .banner-item {margin-top:20rem;}
    .banner-item__img figure {padding-top:28%;}

    /* 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 50rem;}
    .gallery-photo__info ul {position:static; margin-top:10rem;}
    .gallery-photo__info li span {font-size:15rem;}
    .gallery-photo__info .download {position:static; margin-top:20rem;}
    .gallery-photo__desc {padding-right:0;}
    .gallery-popup__figure .gallery-popup__pagination {top: 92%; }
    .gallery-popup__wrap button.mfp-arrow.mfp-arrow-left {left:0; top:auto;}
    .gallery-popup__wrap button.mfp-arrow.mfp-arrow-right {right:0; top:auto;}
    
    /* SEARCH RESULTE */
    .search-result__info p { font-size: 20rem;}
    .search-result__item + .search-result__item {margin-top:80rem;}
    .search-result__item .board-item {}
    .search-result__item .board-item a {font-size:16rem;}
    .search-result__item .board-list.board-list__photo .board-item figure {padding-top: 11.143%;}

    /* ETHIC */
    .component-step-box { padding: 30rem 40rem;}
    .component-step li i {width: 100rem; height: 100rem; font-size: 16rem;}
    .component-step li i:after {top:49rem;}
    .component-step li b { font-size: 22rem;}
    .component-step li span { font-size: 14rem; margin-top: 6rem;}
    .component-step li.complete i:before {line-height:100rem; font-size:60rem;}

    .report-desc { margin-top: 40rem; margin-bottom: 40rem;}
    .report-desc b { font-size: 18rem;}
    .report-desc p { font-size: 15rem;}

    .agree-box__scroll-wrap {padding:20rem; margin-top:15rem;}
    .agree-box__scroll-wrap .scroll-wrapper > .scroll-content p {font-size:14rem;}

    .report-agree .basic-btn__wrap {margin-top:60rem;}

    .component-verification h3 {font-size:16rem; margin-bottom:15rem;}
    .verification-select li a { font-size: 16rem; padding: 20rem 15rem;}
    .verification-select li span { margin-left: 15rem;}
    .verification-select li i { width: 70rem; height: 70rem;}
    .verification-select li.verification-phone i { background-size: 22rem;}
    .verification-select li.verification-ipin i { background-size: 30rem;}
    .verification-guide li + li {margin-top:5rem;}
    .verification-guide li span {font-size:14rem;}

    .step-completed { margin-top: 80rem;}
    .step-completed h3 { font-size: 24rem;}
    .step-completed__date { max-width: 100%; padding: 30rem; font-size: 16rem;}
    .step-completed__guide {font-size:16rem;}
	
	.ethic-form.form-type-02 {margin-bottom: 30rem;}

    /* GENDER */
    .gender-info:before { left: 40rem; width: 160rem; height: 160rem;}
    .gender-info b { font-size: 18rem;}
    .gender-info p { font-size: 15rem;}

    .gender-fqa h3 {margin-bottom:15rem;}
    .gender-fqa .accordion__title { padding: 22rem 24rem 22rem; }
    .gender-fqa .accordion__title .title {font-size:16rem;padding-left:40rem;}
    .gender-fqa .accordion__title .title i {width: 28rem; height: 28rem; line-height: 26rem;font-size: 14rem; top:-1rem}
    .gender-fqa .accordion__title button {top:21rem;}
    .gender-fqa .accordion__content { padding: 6rem 24rem 22rem; font-size:15rem;}
    .gender-fqa .accordion__content i {width: 28rem; height: 28rem; line-height: 26rem;font-size: 14rem; top:-1rem}
    .gender-fqa .accordion__content__inner { padding-left:40rem;}
    .gender-fqa .content-section h5 {font-size:16rem;}
    .gender-fqa .content-section > b {font-size:15rem;}
    .gender-fqa .content-section > ul > li:before {top:9rem;}
    .gender-fqa .content-section > ul > li > ul > li:before {top:4rem;}

    .gender-result h3 {margin-bottom:15rem;}
    .gender-result__list { padding: 20rem 25rem;}
    .gender-result__list li {font-size:15rem;}
    .gender-result__list li span:before {top:9rem;}

    .gender-result-detail__head h3 { font-size:28rem;}
    .gender-result-detail__head p {font-size:16rem; margin-top:10rem;}

    .gender-form .form-label {padding:0}
    .gender-result-detail .gender-table .form-label {display:table-cell; width:120rem; padding-right:20rem;}
    .gender-result-detail .gender-table .form-field-item > .form-input__wrap {display:table-cell; width:calc(100% - 140rem)}
    .gender-form-desc .form-label {display:block; width:100%; padding-right:0;}
    .gender-form-desc .form-field-item > .form-input__wrap {display:block; width:100%;}

    .gender-report-sign {margin-top:30rem; padding:30rem; font-size:14rem;}
    .gender-report-sign b {font-size:16rem;}

    .agree-section .sub-section__title {font-size:18rem;}
    .agree-box {border-width:3rem; padding:25rem 15rem 25rem 25rem;}
    .agree-box.all-agree .custom-checkbox {font-size:16rem;}
    .agree-box p {font-size:15rem;}
    .agree-box .scroll-wrapper {max-height: 220rem;}
    .agree-section + .agree-section {margin-top:60rem;}
    .agree-section .custom-radio__wrap p { font-size: 15rem;}
    .agree-section .custom-radio__wrap {margin-top:20rem;}
}



/* **************************************** *
 * 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; display:block;}
    .breadcrumb li { font-size: 12rem; padding: 0 10rem;}
    .breadcrumb li.home a:before { font-size: 12rem;}
    .brl-list {margin-top:10rem;}
    .brl-list li + li {margin-left:10rem;}
    .brl-list button { font-size: 12rem;}
    .brl-list button img { max-width: 16rem;}
    
    .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;}

    /* 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;}

    /* ORGANIZATION */
    .org-list{}
    .org-list:before {top:160rem;}
    .org-list:after {left:10rem; top:320rem;height: calc(100% - 341rem);}
    .org-list > ul {font-size:16rem;}
    .org-list h3 {width: 164rem; height: 164rem; border-width:8rem; font-size: 18rem;}
    .org-list h3 span {padding-top:55rem;}
    .org-list h3 span:before { width: 44rem; height: 48rem;}
    .org-list > ul > li > span {text-align:left; padding: 17rem 30rem;}
    .org-list > ul > li > ul > li > span,
    .org-list .part3 .group2 > span, .org-list .part3 .group3 > span, .org-list .part3 .group4 > span {text-align:left; font-size:15rem; padding: 15rem 25rem;}

    .org-list .part1 > li:last-child {max-width:82%;}
    .org-list .part3 > li > ul, .org-list .part2 > li > ul.left, .org-list .part2 > li > ul.right  {max-width:82%;}
    .org-list .type1 > li > span {font-size:14rem; padding:12rem 25rem; text-align:left;}
    .org-list .part3 > li > ul > li.group1, .org-list .part3 .group2 .type3, .type-child {max-width:88%;}
    .org-list .part3 > li > ul > li > ul.type2 > li > span,
    .org-list .part3 .group1 .type3 > li > span {font-size:14rem; padding:12rem 25rem; text-align:left;}
    .org-list .type3 li > span, .type-child li span {font-size:14rem; padding:12rem 15rem; text-align:left;}
    .group2 .type-child, .group3 .type-child, .group4 .type-child {max-width:77%;}
    
    /* 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;}

    /* RULE */
    .rule-contents__head {margin-left:-15rem; margin-right:-15rem; padding:0 15rem 20rem;}
    .rule-contents__head-tit { font-size: 20rem;}
    .rule-contents__body {padding-bottom: 70rem;margin-top:20rem;}
    .rule-contents__tit p {font-size:16rem;}
    .rule-contents__tit .btn-detail span {font-size:13rem; padding-right:14rem;}
    .rule-contents + .rule-contents {margin-top:40rem;}
    .rule-txt__box { margin-top:5rem; padding: 20rem 10rem 20rem 20rem; font-size:14rem;}
    .rule-txt__box .scroll-wrapper {padding-right:25rem;}
    .rule-download {top:auto; bottom:0; width:100%; text-align:center;}
    .rule-guie-txt {font-size:14rem;}

    .page-rule .mfp-content {height: calc(100vh - 60rem); top: 60rem; }
    .page-rule .component-popup {padding:20rem 15rem;}
    .page-rule .component-popup .mfp-close { right: 10rem; top:10rem;}
    .rule-popup__head {padding-bottom:20rem;}
    .rule-popup__head span {font-size:14rem;}
    .rule-popup__head h2 { font-size: 18rem;}
    .rule-popup__body .scroll-wrapper { height: calc(100vh - 180rem);}
    .rule-popup__body .scroll-wrapper > .scroll-content {font-size:14rem;}

    /* HISTORY */
    .page-history .article-body { margin-bottom:100rem;}
    .history-tab {padding: 20rem 15rem; margin: 0px -15rem;}
    .history-tab.sticky {top:60rem; padding: 6rem 15rem 8rem;}
    .history-tab li button { font-size: 14rem;}
    .history-tab li.active button { font-size: 20rem;}
    .history-tab.sticky + .history-list {margin-top:65rem;}
    .history-item + .history-item { margin-top: 120rem;}
    .history-item__text {padding:10rem 0 0; }
    .history-item__text b { font-size: 18rem;}
    .history-item__text p { font-size: 14rem;}

    /* PRESIDENT */
    .president .article-body {margin-bottom:110rem;}
    .president-item {margin-right:0;}
    .president-item figure { padding-top: 140%;}
    .president-item.president-kdj figure img {object-position: 60% center;}
    .president-item.president-nmh figure img {object-position: 20% center;}
    .president-item.president-mji figure img {object-position: 45% center;}
    .president-item__info { min-width:200rem; padding: 25rem 40rem 25rem 15rem;}
    .president-item__info b { font-size: 13rem;}
    .president-item__info h3 { font-size: 30rem;}
    .president-item__info span { font-size: 11rem;}
    .president-item__history {width: 100rem;height: 100rem;right: 15rem;bottom: -50rem;}
    .president-item__history a {font-size: 12rem;}
    .president-item__history a span:after {font-size:18rem; margin-top:2rem;}
    .president-slider .swiper-navigation > button {width:48rem; height:48rem; line-height:48rem;}
    .president-slider .swiper-navigation > button:before {font-size:36rem;}

    .page-president .mfp-content {/* height: calc(100vh - 60rem); top: 60rem;  */}
    .president-contents__item > h3 { font-size: 18rem;}
    .president-contents__item img {margin:10rem auto 0;}
    .president-contents__item > figure + h3 {margin-top:10rem;}

    .president-popup__head {height:60rem;padding:13rem 15rem 15rem;}
    .president-popup__head h2 { font-size: 20rem;}
    .page-president .component-popup .mfp-close {right: 10rem; top: 8rem;}
    .page-president .component-popup .tab-list li a {font-size:14rem;}
    .president-popup__body .tab-panel__wrap { margin-top: 10rem;} 
    .president-popup__contents .tab-list-child { margin-bottom: 10rem;} 
    .president-popup__contents .tab-button-item__child a {font-size:14rem;padding: 4rem 18rem 5rem;}
    .president-popup__contents .tab-button-item__child a.tab-button--is-active {font-size:14rem;}
    .president-popup__child-contents .scroll-content {padding-bottom:60rem;}
    .president-popup__child-contents .date-list li b {font-size:14rem; width:110rem;}
    #president-popup__mji .president-popup__child-contents .date-list li b {width:130rem;}

    /* LOGO */
    .logo-section + .logo-section {padding-top:60rem; margin-top:60rem;} 
    .logo-section__tit { font-size: 24rem;}
    .logo-section__desc { font-size: 15rem; }
    .logo-item + .logo-item {margin-top:50rem;}
    .logo-item:nth-child(2) figure {max-width:80%; margin-left:auto; margin-right:auto;}
    .logo-item h4 {font-size:16rem;}
    .logo-item figure {margin-top:30rem;}

    /* 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 {position: relative; padding-top: 23rem;font-size:16rem;}
    .person-popup__body .tab-list li span {font-size:12rem;}
    .person-popup__body .tab-list li a {padding:10rem;}
    .person-popup__body .tab-list li a:after {bottom:-2rem;}
    .person-popup__body .tab-list li a.btn-profile-edit {position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
    .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%;}
    

    /* OLD SCHEDULE */
    .schedule-date .selectric-wrapper + .selectric-wrapper {margin-left:0;}
    .schedule-date .selectric .label { font-size: 18rem; margin-right:30rem;}
    .schedule-date .selectric .button:after {font-size:20rem;}
    .schedule-filter { width: 120rem;}
    .schedule-calendar .calendar-table thead th {padding:8rem 5rem 10rem;}
    .schedule-calendar .calendar-table th .day-week { font-size: 14rem;}
    .schedule-calendar .calendar-table td {height:90rem;}
    .schedule-calendar .calendar-table button, .schedule-calendar .calendar-table a { font-size: 14rem; padding:5rem 0;}
    .schedule-calendar .calendar-table span.schedule-item { font-size: 11rem;}
    .schedule-info__inner { padding: 30rem 15rem 0;}
    .btn-schedule-close {right: 10rem; top: 24rem;}
    .btn-schedule-close:before { font-size: 16rem;}
    .schedule-info__tit { font-size: 18rem;}
    .schedule-info__list {margin-top:30rem;}
    .schedule-info__item + .schedule-info__item {margin-top:50rem;}
    .schedule-info__item:last-child { padding-bottom: 30rem;}
    .schedule-info__item ul {margin-top:10rem;}
    .schedule-info__item li { font-size: 14rem; padding:12rem 0;}
    .schedule-info__item li b { padding: 2rem 12rem 3rem;}
    .schedule-info__item li p {margin-left:10rem;}
    .schedule-info__item li p span + span {padding-left:16rem;}
    .schedule-info__item li p span + span:before {font-size:14rem;}

    /* SCHEDULE */
    .sub-schedule__calendar {padding:20rem 15rem; margin-bottom:20rem;}
    .sub-schedule__contents {margin-top:30rem;}
    .sub-schedule__item-head h3 { font-size: 16rem;}
    .sub-schedule__item-head span { font-size: 13rem; margin-left:10rem;}
    .sub-schedule__item-head span.sub-schedule__category { font-size: 12rem;padding: 4rem 8rem 5rem;}
    .sub-schedule__tab-list {gap:30rem;}
    .sub-schedule__tab-list li a, .sub-schedule__tab-list li button {font-size:14rem;}
    .sub-schedule__tab-list li a:after, .sub-schedule__tab-list li button:after {bottom:-10rem;}
    .sub-schedule__item-body .scroll-wrapper { max-height: 220rem;}
    .sub-schedule__item-body .timeline-item {font-size:14rem;}
    .sub-schedule__item-body .timeline-item + .timeline-item { margin-top: 16rem;}
    .sub-schedule__item-body .timeline-item time span { font-size: 13rem;}
    .sub-schedule__item-body .timeline-tit { font-size: 14rem;}
    .sub-schedule__item-body .timeline-location span { font-size: 13rem;}


    /* 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;}

    /* IMAGE POPUP */
    .img-popup {background:none;}
    .page-pr-poster.mfp-popup-open .mfp-bg {opacity:1;}
    .page-pr-poster .mfp-container {padding:0}
    .img-popup .mfp-close { top: -40rem;position: fixed; top: 5rem; right: 5rem;}
    .img-popup__file { font-size: 13rem; padding: 10rem 20rem}
    .img-popup__file span:before {font-size:14rem;}
    .img-popup__info {color:#fff; }
    .img-popup__info {padding: 15rem;}
    .img-popup__title { font-size: 16rem;}
    .img-popup__info ul { margin-top: 5rem;}
    .img-popup__info li + li { padding-left: 8rem; margin-left: 8rem;}
    .img-popup__info li span {font-size:13rem; padding-left:18rem; color:#fff;}
    .img-popup__info li span:before { color:#fff;}
    .img-popup__info li.time span:before { font-size: 12rem;}
    .img-popup__info li.view span:before { font-size: 13rem;}
    .img-popup__file {display:none;}

    /* BANNER */
    .banner-item {margin-top:10rem;}
    .page-pr-banner.mfp-popup-open .mfp-bg {opacity:1;}
    .page-pr-banner .mfp-container {padding:0}

    /* GALLERY */
    .gallery-popup__wrap button.mfp-arrow:after {font-size:28rem;}
    .gallery-popup__wrap button.mfp-arrow.mfp-arrow-left {left: 0rem;}
    .gallery-popup__wrap button.mfp-arrow.mfp-arrow-right {right: 0rem;}
    .gallery-popup__figure .gallery-popup__pagination {top: 88%; }

    .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;}

    .gallery-photo__info {padding-left:40rem; padding-right:40rem;}

    /* 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 { }
    .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;}

    /* ETHIC */
    .component-step-box { padding: 20rem 10rem;}
    .component-step li {width:25%;}
    .component-step li i { width: 60rem; height: 60rem; font-size: 12rem; font-weight: normal;}
    .component-step li i:after { width: 90%; top:30rem;}
    .component-step li b { font-size: 18rem;}
    .component-step li span { font-size: 12rem;}
    .component-step li span br {display:none;}
    .component-step li.complete i:before { line-height: 60rem; font-size: 45rem;}
    .component-step li.complete i:after { height:2rem;}

    .report-desc { margin-top: 30rem; margin-bottom: 30rem;}
    .report-desc b { font-size: 16rem;}
    .report-desc p { font-size: 14rem; margin-top:8rem;}
	.report-desc p > a {display:inline-block;}

    .report-agree-all { padding-bottom: 15rem; margin-bottom: 15rem;}
    .report-agree .agree-box__wrap + .agree-box__wrap { margin-top: 30rem;}
    .agree-box__scroll-wrap {padding: 5rem 15rem 15rem; margin-top: 10rem;}

    .report-agree .basic-btn__wrap { margin-top: 40rem;}

    .verification-select {display:block;}
    .verification-select li + li {margin-top:10rem;}

    .step-completed { margin-top: 60rem;}
    .step-completed h3 { font-size: 18rem;}
    .step-completed__date { padding: 20rem; margin-top:20rem; font-size:15rem;}
    .step-completed__guide {font-size:14rem; margin-top:20rem;}
    .step-completed__guide br {display:none;}


    /* GENDER */
    .gender-info { padding:25rem;}
    .gender-info:before {position:static; width: 120rem; height: 120rem; margin: 0 auto 20rem;}
    .gender-info b { font-size: 16rem;}
    .gender-info p { font-size: 14rem; margin-top:10rem}
    .gender-info__btn .basic-btn {min-width: 100%;}
    .gender-info__btn .basic-btn + .basic-btn {margin-top:5rem; margin-left:0;}

    .gender-fqa {margin-top:40rem;}
    .gender-fqa h3 {font-size:16rem;}
    .gender-fqa .accordion__item + .accordion__item {margin-top:10rem;}
    .gender-fqa .accordion__title {padding:18rem 15rem;}
    .gender-fqa .accordion__title .title {font-size:15rem; padding-left:34rem;}
    .gender-fqa .accordion__title .title i { width: 24rem; height: 24rem; line-height: 22rem; font-size: 12rem;}
    .gender-fqa .accordion__title button { right: 10rem; top: 16rem;}
    .gender-fqa .accordion__title button:before {font-size:24rem;}
    .gender-fqa .accordion__content {font-size:14rem; padding: 6rem 15rem 18rem;}
    .gender-fqa .accordion__content__inner {padding-left:34rem;}
    .gender-fqa .accordion__content i { width: 24rem; height: 24rem; line-height: 22rem; font-size: 12rem;}
    .gender-fqa .content-section h5 {font-size:15rem;}
    .gender-fqa .content-section > b {font-size:14rem;}
    .gender-fqa .content-section > ul > li > span {font-weight:500;}
    .gender-fqa p + .content-section, .gender-fqa .content-section + .content-section {margin-top:20rem;}
    .gender-fqa .content-section .loaction-map {height:200rem;}

    .gender-result {margin-top:40rem;}
    .gender-result h3 {font-size:16rem;}
    .gender-result__list { padding: 16rem 20rem;}
    .gender-result__list li {font-size:14rem;}
    .gender-result__list li span:before {top:8rem;}

    .gender-result-detail__head {margin-bottom:40rem;}
    .gender-result-detail__head h3 {font-size:22rem;}
    .gender-result-detail__head p { font-size: 14rem; margin-top: 5rem;}
    .gender-form .form-title {font-size:16rem; margin-bottom:8rem;}
    .gender-result-detail .gender-table .form-label {width:100rem;}
    .gender-result-detail .gender-table .form-field-item > .form-input__wrap { width: calc(100% - 120rem);}
    .gender-report-sign {padding:20rem 15rem; font-size:13rem;}
    .gender-report-sign b {font-size:14rem;}
    .gender-report-sign label input {margin-left:10rem; margin-right:10rem;}

    .agree-section .sub-section__title {font-size:16rem;}
    .agree-box {border-width:2rem; padding:10rem 15rem 20rem 20rem;}
    .agree-box.all-agree {padding-top:15rem; padding-bottom:15rem;}
    .agree-box.all-agree .custom-checkbox { padding-left: 24rem; font-size:14rem;}
    .agree-box .scroll-wrapper { max-height: 160rem; padding-right:15rem;}
    .agree-box p {font-size:14rem;}
    .agree-section + .agree-section {margin-top:40rem;}
    .agree-section .custom-radio__wrap {display:block; margin-top:14rem;}
    .agree-section .custom-radio__wrap p { font-size: 14rem; margin-bottom:5rem;}


}