@charset "utf-8";

/*
 * File : main.css
 */

/* **************************************** *
 * COMMON
 * **************************************** */
/* SECTION */
.main-section { padding:120rem 0; }
.main-section__head {position:relative;}
.main-section__title {font-size: 42rem;font-weight: 600;line-height: 1.26;}
.main-section__desc {font-size:20rem; margin-top:20rem;}
.main-section__head .deco-txt {position:absolute;top: -125rem;left:0;font-size:150rem;font-weight: 700;font-style:normal;-webkit-text-fill-color: white;-webkit-text-stroke: 2rem #ECECEC;z-index: -1;letter-spacing: -0.01em;}


/* **************************************** *
 * VISUAL
 * **************************************** */
.main-visual {width:100%;height:860rem;position: relative;}
.main-visual__container,
.main-visual__wrapper,
.main-visual__slide,
.main-visual__slide-bg{width: 100%; height: 100%; overflow:hidden;}
.main-visual__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image:url(../images/main/main-visual-01.jpg);  background-repeat: no-repeat; background-size: cover; background-position: center; }
.main-visual__bg:after {content: '';position: absolute;top:0;left:0;right:0;bottom:0;}

.main-visual__slide-content-aligner { max-width: 1280rem; margin: auto;}
.main-visual__slide-bg {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: no-repeat center center;background-size: cover;}
.main-visual__slide-bg--overlay:before { content: ""; background: #000; opacity: 0.6; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}

.embed-video .main-visual__bg {background:#aaa;}
.main-visual__contents {display: table; width:100%; height: 100%;z-index:10;}
.main-visual__text {display: table-cell;vertical-align: middle;padding-left: 170rem;}
.main-visual__tit {font-size:70rem;font-weight:600;color:#fff;max-width: 50%;}
.main-visual__desc {margin-top:23rem; font-size:24rem;color:#fff;max-width: 50%;}
.embed-video .main-visual__text {padding-left:0;}
.embed-video .main-visual__tit { text-align:center;max-width: inherit;}

.main-visual .swiper-pagination {display:none;}

/* .main-visual__container.swiper-container .swiper-pagination {position:absolute;left: 50rem;top: 50%;bottom: auto;height: auto;z-index:10;transform: translateY(-50%);}
.main-visual__container.swiper-container .swiper-pagination > button {position:relative;width:auto;height:50rem;text-align: left;border:none;background:none;padding: 12rem 12rem 12rem 20rem;cursor: pointer;display: block;line-height: 1.2;transition:all .3s}
.main-visual__container.swiper-container .swiper-pagination > button + button {margin-top:5rem;}
.main-visual__container.swiper-container .swiper-pagination > button:before {content:''; display:block; width:8rem; height:8rem; background:#fff; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%);opacity:0; transition:opacity .3s}
.main-visual__container.swiper-container .swiper-pagination > button span {width:auto;height:auto;background:none;border:none;font-size:16rem;color:#fff;border-radius:0;opacity:0.7;}
html.desktop .main-visual__container.swiper-container .swiper-pagination > button:hover,
.main-visual__container.swiper-container .swiper-pagination > button.swiper-pagination-bullet-active span {opacity:1;font-size: 20rem;}
.main-visual__container.swiper-container .swiper-pagination > button.swiper-pagination-bullet-active span {border-bottom:1rem solid #fff;}
.main-visual__container.swiper-container .swiper-pagination > button.swiper-pagination-bullet-active:before {opacity:1} */

.main-visual__tab {position:absolute;left: 50rem;top: 50%;bottom: auto;height: auto;z-index:10;transform: translateY(-50%);}
.main-visual__tab li {position:relative;width:auto;height:50rem;text-align: left;border:none;background:none;font-size:16rem; padding: 12rem 12rem 12rem 20rem;display: block;line-height: 1.2;transition:all .3s}
.main-visual__tab li + li {margin-top:5rem;}
.main-visual__tab li:before {content:''; display:block; width:8rem; height:8rem; background:#fff; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%);opacity:0; transition:opacity .3s}
.main-visual__tab li span {width:auto;height:auto;background:none;border:none;font-size:16rem;color:#fff;border-radius:0;opacity:0.7;transition:all .3s}
.main-visual__tab li.active span {opacity:1;font-size: 20rem;}
.main-visual__tab li.active span {border-bottom:1rem solid #fff;}
.main-visual__tab li.active:before {opacity:1}
.main-visual__tab button {padding:0; background:none; border:none; cursor: pointer;}

.main-visual__control {display: flex;justify-content: center;align-items: center;width: 100%;text-align: center;position:absolute;bottom:35rem;z-index: 100;}
.main-visual__control .swiper-navigation > button {width: 32rem; height: 32rem; line-height: 32rem;border:2rem solid #fff; box-shadow:0 1rem 1rem rgba(0,0,0,0.2); line-height:30rem;}
.main-visual__control .swiper-navigation > button:before {font-size:13rem;color:#fff; text-shadow:0 1rem 1rem rgba(0,0,0,0.2); }
.main-visual__control .swiper-play__state-btn:after {font-size:10rem;color:#fff; text-shadow:0 1rem 1rem rgba(0,0,0,0.2); }
.main-visual__control .swiper-play__state {width:32rem; height:32rem; border:2rem solid #fff; box-shadow:0 1rem 1rem rgba(0,0,0,0.2);}
html.desktop .main-visual__control .swiper-play__state:hover .swiper-play__state-btn:after {color:#fff;}

.main-visual .embed-video__inner {position: relative; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden; }
.main-visual .embed-video__inner:before {content:''; display:block; position:absolute; top:0; background:rgba(0,0,0,0.3); width:100%; height:100%; z-index:5;}
.main-visual .embed-video__inner > video { display: block; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); z-index: 1; width:100%;}



/* **************************************** *
 * MAIN NEWS
 * **************************************** */
.main-news {padding:0; margin:190rem 0 270rem; }
.main-news__inner {display:flex; align-items: center;}
.main-news .main-section__title {font-size:50rem;}
.main-news .main-section__head .deco-txt { background: transparent linear-gradient(180deg, #72BE59 0%, #009E9A 48%, #004EA1 100%) 0% 0% no-repeat padding-box; -webkit-background-clip: text; -webkit-text-stroke: 6rem transparent; opacity: 0.3;}

.main-news .tab-list {margin-top:40rem;}
.main-news .tab-button-item { text-align: center;}
.main-news .tab-button-item + .tab-button-item {margin-top:16rem;}
.main-news .tab-button {display: block;background: #fff;border: 1rem solid #E6E6E6;border-radius: 30rem;padding: 12rem 20rem;width: 164rem;font-size: 20rem;transition: all .3s;}
.main-news .tab-button.tab-button--is-active {color:#fff; border-color:#000; background:#000;}
html.desktop .main-news .tab-button:hover {color:#fff; background:#000;}

.main-news .tab-panel__wrap {display:flex;position: relative;margin-left: auto;margin-right: -500rem;width: 100%; margin-top:60rem;}
.html-home .main-news .tab-panel__wrap {display:block;}
.main-news .tab-panel__wrap:before {width:100%;height:448rem;background: transparent linear-gradient(104deg, #72BE59 0%, #009E9A 48%, #004EA1 100%) 0% 0% no-repeat padding-box;content:'';display:block;position:absolute;bottom: -100rem;left: -105rem;border-radius: 30rem;overflow: hidden;}
.main-news__slider-wrap {overflow: hidden;}
.main-news .swiper-container {overflow: hidden; padding-right: 500rem;}
.main-news__item {max-width:390rem;margin-right: 30rem;background:#fff;border: 1rem solid #eee;border-radius: 20rem;}
.main-news__item:last-child {margin-right:0;}
.main-news__item-content {padding: 40rem 35rem 35rem;}
.main-news__item-top {display:flex; align-items: center;}
.main-news__item-top time {margin-left:auto; color:#767676;}
.main-news__category {font-size:14rem; color:#fff; padding:5rem 12rem; border-radius:30rem;}
.main-news__manager {margin-left:4rem; font-size:14rem; padding:5rem 12rem; border-radius:30rem;}
.main-news__category--press {background:#004EA1;}
.main-news__manager--press {background:#CCE5FF; color:#004EA1;}
.main-news__category--briefing {background:#009E9A;}
.main-news__manager--briefing {background:#DFF2F1; color:#009E9A;}
.main-news__tit {margin-top: 22rem;font-size:28rem;font-weight:600;letter-spacing: -0.04em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.main-news__desc {margin-top: 20rem;font-size:18rem; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
.main-news__tag {margin-top:25rem;font-size:0;}
.main-news__tag li {display:inline-block;background:#F1F1F5;font-size:16rem;color: #505050;padding:5rem 15rem;border-radius:30rem;}
.main-news__tag li + li {margin-left:15rem;}
.main-news__link {display: block;font-size:18rem;padding:22rem;text-align:center;border-top:1rem solid #E6E6E6;}
.main-news__link span {padding-right:20rem; position:relative;}
.main-news__link span:after {font-family:'minjoo';content:'\e91c';font-style:normal;font-size: 16rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

.main-news__control {position:absolute;left:-500rem;bottom: -110rem;}
.main-news__all-link {position:absolute;right: 500rem; top: -60rem;font-size: 22rem;}
.main-news__all-link span {position:relative;padding-left: 26rem;}
.main-news__all-link span:before{font-family:'minjoo';content:'\e913';font-style:normal;font-size: 16rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}


/* **************************************** *
 * MAIN NOTICE
 * **************************************** */
.main-notice { background:#FBFBFB;}
.main-notice > .wrap {display:flex;gap: 40rem;}
.main-notice__box {position:relative;flex-grow: 1;}
.main-notice .main-section__head {display:flex;align-items: center;}
.main-notice .tab-list {display:flex;align-items: center;margin-left:20rem;}
.main-notice .tab-button-item {position: relative;display:inline-block;background:none;border:none;padding: 0 32rem;}
.main-notice .tab-button-item + .tab-button-item:before {width:1rem;height:18rem;background:#B9B9B9;content:'';display:block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.main-notice .tab-button {font-size: 28rem; color: #969696;transition: color .3s;}
.main-notice .tab-button.tab-button--is-active {color:#000; font-weight:600;}
html.desktop .main-notice .tab-button:hover {color:#000;}
.main-notice__list {margin-top:20rem; border-top:2rem solid #000;}
.main-notice__item {display: flex;align-items: center;background:#fff;padding: 20rem 0;border-bottom: 1rem solid #E6E6E6;transition:background .3s}
.main-notice__item time {flex-shrink: 0;width: 18%;color: #767676;}
.main-notice__item time span {display:block; text-align:center;}
.main-notice__item time span.month {font-size:16rem;}
.main-notice__item time span.day {font-size: 36rem;font-weight: 600;}
.main-notice__content {padding-left: 0;flex-grow: 1;min-width:0;}
.main-notice__content .main-notice__category {font-size: 15rem;color: #009E9A;border: 1rem solid #009E9A;border-radius: 30rem;padding: 3rem 16rem;display: inline-block;}
.main-notice__content p {margin-top: 5rem;font-size: 22rem;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main-notice__link {text-align: center;color: #767676;flex-shrink: 0;width: 15%;}
.main-notice__link span {position:relative;padding-right: 20rem;}
.main-notice__link span:after {font-family:'minjoo';content:'\e902';font-style:normal;font-size: 13rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.main-notice__all-link {position:absolute;right:0;top: 14rem;font-size: 22rem;}
.main-notice__all-link span {position:relative;padding-left: 26rem;}
.main-notice__all-link span:before{font-family:'minjoo';content:'\e913';font-style:normal;font-size: 16rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}


.main-notice__item--active, html.desktop .main-notice__item.main-notice__item--active:hover {background:#F2F8FF;}
.main-notice__item--active .active-dot {position:absolute;left: 23rem;}
.main-notice__item--active .active-dot i {width:6rem;height:6rem;border-radius:50%;background:#A9C5E3;display: block;}
.main-notice__item--active .active-dot i:first-child {background:#004EA1;}
.main-notice__item--active .active-dot i + i {margin-top:6rem;}
.main-notice__item--active .main-notice__content .main-notice__category {color: #004EA1;border: 1rem solid #004EA1;}
html.desktop .main-notice__item:hover {background:#F8F8F8;}
html.desktop .main-notice__item:hover time {color:#000;}
html.desktop .main-notice__item:hover .main-notice__content p {text-decoration:underline;}
html.desktop .main-notice__item:hover .main-notice__link {color:#000;}

.other-link {margin-top: 70rem;max-width: 466rem;width:100%;}
.other-link li + li {margin-top:10rem;}
.other-link li a {display:block;padding: 26rem 40rem 26rem 40rem;font-size: 18rem;background: #fff;border:1rem solid #DFDFDF;border-radius:10rem;box-shadow:0 3rem 6rem rgba(0,0,0,0.1);}
.other-link li span {display: block;position: relative;/* padding-left: 32rem; */padding-right: 25rem;text-align: left;}
.other-link li span:before {content:'';display:none;background-repeat:no-repeat;background-position: center;background-size: 100% 100%;width: 44rem;height: 44rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.other-link li span:after {font-family:'minjoo';content: '\e92d';font-weight:normal;font-size: 12rem;display:block;background-repeat:no-repeat;background-position: center;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} 
.other-link li.link-dutch span:before {background-image:url(../images/icon/icon-donation.svg);}
.other-link li.link-lab span:before {background-image:url(../images/icon/icon-lab.svg);}
.other-link li.link-ethics-center span:before {background-image:url(../images/icon/icon-ethics.svg);}
.other-link li.link-gender-center span:before {background-image:url(../images/icon/icon-gender.svg);}
.other-link li.link-data span:before {background-image:url(../images/icon/icon-data.svg);}


/* **************************************** *
 * MAIN PR
 * **************************************** */
.main-pr {background:#F1F8FF;position: relative;}
.main-pr .main-section__title {text-align:center;}
.main-reference__all-link {display:none;}
.main-pr__list {position:relative; margin:40rem -10rem; font-size:0; min-height:653rem;}
.main-pr__item {width: calc(33.33% - 20rem);margin:12rem 10rem;}
.main-pr__item a {display:block;background:#fff;padding:29rem 40rem 33rem;border-radius:20rem;border: 1rem solid #E9E9E9;transition: background .3s, border .3s;}
.main-pr__item p {font-size:22rem;font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-pr__img {opacity:0;visibility:hidden;position:absolute;right:10rem;top:0;width: calc(66.66% - 20rem);height:100%;max-width: 953rem;transition: opacity .3s, visibility .3s;}
.main-pr__img figure {position:relative;border-radius:20rem;overflow:hidden;padding-top: 68.522%;}
.main-pr__img img {display:block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
/*.main-pr__item:nth-child(even) .main-pr__img {left:10rem; right:auto;}*/
.main-pr__item.active .main-pr__img {opacity:1; visibility:visible;}

.main-pr__category {font-size:16rem; color:#009E9A;}
.main-pr__all-link {margin-top:80rem;text-align: center;}
.main-pr__all-link a {padding:18rem 72rem; background:#fff; border-radius:34rem; font-size:18rem;}
.main-pr__bg-object {position:absolute;right: -200rem;bottom:45rem;width:598rem;height:641rem;background:url(../images/main/main-pr-bg-object.png) no-repeat; background-size:100% auto;}
.main-pr__item.active a {border-color:#0070E8;background: #ECF5FF;} 
.main-pr__item.active p > span {text-decoration: underline;} 


/* **************************************** *
 * MAIN REFERENCE
 * **************************************** */
.main-reference { background:#FBFBFB;}
.main-reference .main-section__title {text-align:center;}
.main-reference .tab-list {display: flex; justify-content: center; margin-top: 40rem;}
.main-reference .tab-button-item { margin: 0 10rem; text-align: center;}
.main-reference .tab-button {display: block;background: #fff;border: 1rem solid #E6E6E6;border-radius: 30rem;padding: 12rem 20rem;width: 164rem;font-size: 20rem;transition: all .3s;}
.main-reference .tab-button.tab-button--is-active {color:#fff; border-color:#000; background:#000;}
html.desktop .main-reference .tab-button:hover {color:#fff; background:#000;}

.main-reference .tab-panel__wrap {position:relative;max-height: 800rem; margin-top:40rem;overflow: hidden;}
.main-reference .tab-panel__wrap:after {content:''; display:block; width:100%; height: 288rem; position:absolute; bottom:0; background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FBFBFB 100%) 0% 0% no-repeat padding-box; z-index:10;}
.main-reference__item { width: calc(25% - 20rem); margin:10rem; position:absolute;}
.main-reference__item a {display: block; background:#fff; border:1rem solid #E6E6E6; border-radius: 20rem; overflow: hidden;}
.main-reference__img img {display:block; max-width:100%;}
.main-reference__content {padding:18rem 20rem 30rem;}
.main-reference__category {font-size:14rem; color:#fff; padding:4rem 16rem 6rem; border-radius:30rem;}
.main-reference__category--policy {background:#004EA1;}
.main-reference__category--online {background:#009E9A;}
.main-reference__category--fact {background:#004EA1;}
.main-reference__tit {margin-top:10rem;font-size:20rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.main-reference__tag {margin-top:14rem;font-size:0;}
.main-reference__tag li {display:inline-block;font-size:14rem; color:#505050;}
.main-reference__tag li + li {margin-left:15rem;}

.main-reference__loadmore {margin-top:80rem;}
.main-reference__loadmore button {position: relative;width:60rem;height:60rem;margin: 0 auto;background:#0F335A; border:none; border-radius:50%;display: block; cursor:pointer;}
.main-reference__loadmore button:before {font-family:'minjoo';content:'\e91e';font-style:normal;font-size: 40rem;color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}

.main-reference.loaded .tab-panel__wrap {max-height:100%;}
.main-reference.loaded .tab-panel__wrap:after {display:none}



/* **************************************** *
 * MAIN BANNER
 * **************************************** */
 /* TEXT BANNER */
 .main-text-banner {padding:50rem 0; background:#0F335A; color:#FBFBFB;}
 .main-text-banner__item {background:#0F335A; }
 .main-text-banner__item h2 {font-size:32rem; font-weight:600; color:#fff;}
 .main-text-banner__item p {font-size:20rem; font-weight: 300; margin-top:14rem; color:#fff;}
 .main-text-banner .swiper-container .swiper-pagination{margin-top:35rem;}
 .main-text-banner .swiper-container .swiper-pagination-bullet span {width:8rem; height:8rem; background:rgba(255,255,255,0.5);}
 .main-text-banner .swiper-container .swiper-pagination-bullet-active > span {width:26rem; background:#fff;}

 /* IMAGE BANNER */
.main-img-banner { position:relative; padding:80rem 0; background:#FBFBFB }
.main-img-banner__item a {display:block;}
.main-img-banner figure img {display:block; max-width:100%;}
.main-img-banner .swiper-container .swiper-pagination { margin-top:40rem; display: flex; justify-content: center;}
.main-img-banner__more {text-align: right;margin-bottom: 20rem;}
.main-img-banner__more a {font-size: 22rem;color:#000;}
.main-img-banner__more span {position:relative;padding-left: 25rem;}
.main-img-banner__more span:before {font-family:'minjoo';content:'\e913';font-style:normal;font-size: 16rem;font-weight: bold;color:#000;position: absolute;left: 0;top: calc(50% + 1rem);transform: translateY(-50%);}

/* FULL IMAGE BANNER */
.main-full-img-banner { position:relative; background:#FBFBFB }
.main-full-img-banner__item a {display:block;}
.main-full-img-banner figure img {display:block; max-width:100%; width:100%;}
.main-full-img-banner .mob-img {display:none;}
.main-full-img-banner__control { position:absolute; top: 0; height: 100%; right:0; left:0;}
.main-full-img-banner__control .swiper-navigation button {position:absolute;top: 50%; transform: translateY(-50%);}
.main-full-img-banner__control .swiper-navigation button:before{color:#B1B1B1;}
.main-full-img-banner__control .swiper-navigation button:hover {border-color:#fff;}
.main-full-img-banner__control .swiper-navigation button:hover:before {color:#fff;}
.main-full-img-banner__control .swiper-navigation .swiper-button-prev {left:30rem;}
.main-full-img-banner__control .swiper-navigation .swiper-button-next {right:30rem;}


/* **************************************** *
 * MAIN GALLERY
 * **************************************** */
.main-gallery {padding:200rem 0;}
.main-gallery .main-gallery__inner {display:flex;align-items: center;}
.main-gallery .main-section__head {width:47%;}
.main-gallery .main-section__title {font-size:50rem;}
.main-gallery__all-link {display:none;}

.main-gallery__wrap .sub-section__title {text-align:center; margin-bottom:50rem;}
.main-gallery__wrap {max-width:1080rem; margin:0 auto;}
.main-gallery__list-wrap {position:relative;margin-left:auto;overflow: hidden;margin-right: -500rem; width:140%}
.main-gallery__list { overflow: visible; padding-right: 500rem;}
.main-gallery__list-wrapper {max-width: 950rem;}
.main-gallery__list-control {margin-top:90rem; font-size: 0;}

.main-gallery__item {margin-right:70rem; position: relative;max-width: 950rem; border-radius: 30rem; overflow: hidden;}
.main-gallery__item:last-child {margin-right:0;}
.main-gallery figure {position:relative; padding-top:100%;}
.main-gallery img {display:block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.main-gallery__thumb-wrap {position:relative;margin-top: 22rem;}
.main-gallery__thumb-wrap .swiper-navigation {position:absolute; width:100%; right:0;}
.main-gallery__thumb .swiper-slide {position:relative;border:none;background:none;padding:0;cursor:pointer;max-width: 112rem;height: 112rem;margin-right:20rem;border-radius: 10rem;overflow: hidden;}
.main-gallery__thumb .swiper-slide:before {z-index:10; position:absolute;top:0;left:0;width: calc(100% - 4rem);height: calc(100% - 4rem);border:2rem solid #000;border-radius: 10rem;content:'';display:block;opacity: 0;transition: opacity.3s;}
.main-gallery__thumb .swiper-slide.swiper-slide-thumb-active:before {opacity: 1;}
.main-gallery__thumb .swiper-slide:last-child {margin-right:0rem;}
.main-gallery__thumb .swiper-slide figure {height:100%;}
.main-gallery__thumb-control {z-index: 10; width:100%; position: absolute; top: 50%; transform: translateY(-50%);}
.main-gallery__thumb-control button {background:#fff;box-shadow: 0 3rem 6rem rgba(0,0,0,0.16);position: absolute;transform: translateY(-50%);}
.main-gallery__thumb-control button.swiper-button-prev {left: -25rem;}
.main-gallery__thumb-control button.swiper-button-next {right: -25rem;margin: 0;}
.main-gallery__thumb-control button:before {color:#000;}
.main-gallery__thumb-control .swiper-button-next.swiper-button-disabled, .main-gallery__thumb-control .swiper-button-prev.swiper-button-disabled {display:none;}

.main-gallery__wrapper {overflow:hidden;}
.main-gallery__slide {border-radius:30rem; overflow:hidden;}
.main-gallery__slide figure {position:relative; padding-top:58%;}
.main-gallery__slide figure img {display:block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate( 0deg ); transform: scale(1) rotate( 0deg ); -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; will-change: transform;}
.main-gallery__text {position:absolute;bottom:0;width:100%;padding:40rem;background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;}
.main-gallery__tit {font-size:28rem;font-weight:500;color:#fff;max-width: 690rem;}
.main-gallery__desc {opacity:0; visibility:hidden; height:0; max-width: 690rem;margin-top:14rem;font-size:18rem;color:#fff;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; transition:opacity .3s, visibility .3s, height .3s;}
.main-gallery__text .btn-detail {opacity:0; font-size:16rem; color:#fff; transition:opacity .3s, visibility .3s;}
.main-gallery__text .btn-detail {font-size:16rem;color:#fff;position: absolute;right: 0;bottom: 40rem;right: 30rem;}
.main-gallery__text .btn-detail span {position:relative;padding-right: 27rem;}
.main-gallery__text .btn-detail span:after {font-family:'minjoo';content:'\e901';font-style:normal;font-size: 14rem;color: #fff;position: absolute;right: 0;top: 50%;transform: translate(-50%, -50%);}
html.desktop .main-gallery__slide a:hover img { -webkit-transform: scale(1.05) rotate(0.01deg); -ms-transform: scale(1.05) rotate(0.01deg); transform: scale(1.05) rotate(0.01deg);}
html.desktop .main-gallery__slide a:hover .main-gallery__desc, html.desktop .main-gallery__slide a:focus .main-gallery__desc {height:51rem; opacity:1; visibility:visible;}
html.desktop .main-gallery__slide a:hover .btn-detail, html.desktop .main-gallery__slide a:focus .btn-detail {opacity:1; visibility:visible;}
html.mobile .main-gallery__desc, html.mobile .main-gallery__slide .btn-detail { opacity: 1; visibility: visible; height: auto;}
html.desktop .main-gallery__slide:hover img { -webkit-transform: scale(1.05) rotate(0.01deg); -ms-transform: scale(1.05) rotate(0.01deg); transform: scale(1.05) rotate(0.01deg);}
html.desktop .main-gallery__slide:hover .main-gallery__desc, html.desktop .main-gallery__slide.focus .main-gallery__desc {height:51rem; opacity:1; visibility:visible;}
html.desktop .main-gallery__slide:hover .btn-detail, html.desktop .main-gallery__slide.focus .btn-detail {opacity:1; visibility:visible;}
html.mobile .main-gallery__desc, html.mobile .main-gallery__slide .btn-detail { opacity: 1; visibility: visible; height: auto;}
.main-gallery__slide.focus .main-gallery__desc {height:51rem; opacity:1; visibility:visible;}


/* **************************************** *
 * MAIN INITIATIVE
 * **************************************** */
 .main-initiative { background:url(../images/main/main-initiative-bg.jpg); background-size:cover;}
 .main-initiative .main-section__title {text-align:center; color:#fff;}

 .main-initiative__container {margin-top:40rem;}
 .main-initiative__wrapper {-webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; justify-content: center;}
 .main-initiative__container.marquee .main-initiative__wrapper {justify-content: normal;}
 .main-initiative__slide {position:relative;width:345rem; height:290rem;  margin-right:20rem; text-align:center; border-radius:24rem;display: flex;  justify-content: center; align-items: center; position: relative; overflow: hidden; }
 .main-initiative__slide:nth-child(odd) {background:#009E9A;}
 .main-initiative__slide:nth-child(even) {background:#0B68B5;}
 .main-initiative__slide:last-child {margin-right:0;}
 .main-initiative__contents {margin: 25rem;position: relative;height: calc(100% - 50rem);width: calc(100% - 50rem);}
 .main-initiative__contents a {display: table;width: 100%;height: 100%;color:#fff;}
 .main-initiative__contents figure {position:absolute;top:0;left:50%;transform: translateX(-50%);}
 .main-initiative__contents figure img {display:block; max-width:100%;}
 .main-initiative__contents time {position:absolute;bottom:0;left:50%;transform: translateX(-50%);}
 .main-initiative__txt {display:table-cell; vertical-align:middle;}
 .main-initiative__txt h3 {font-size:24rem;font-weight:600;line-height:1.3;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
 .main-initiative__txt p {margin-top:8rem;font-size:18rem;}
 .main-initiative__contents time {font-size:16rem; color:rgba(255,255,255,0.6);}

 .main-initiative .swiper-container .swiper-pagination {margin-top:20rem; display: flex; justify-content: center;}
 .main-initiative .swiper-container .swiper-pagination-bullet-active > span {background:#fff;}
 .main-initiative .swiper-container .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:5rem;}




/* **************************************** *
 * MAIN TEAM
 * **************************************** */
 .main-team {padding:200rem 0;}
 .main-team .main-section__head {width:38%;}
 .main-team__all-link {margin-top:80rem;}
 .main-team__all-link a {display:block; color:#fff; width:190rem; padding:19rem; background:#000; font-size:18rem; text-align:center; border-radius:60rem;}

 .main-team .main-team__inner {display: flex;}
 .main-team__slider-wrap {position: relative;margin-left: auto;overflow: hidden;margin-right: -500rem;width: 140%;}
 .main-team__slider {overflow: visible;padding-right: 500rem;padding-bottom:60rem; }
 .main-team__wrapper{transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;}
 .main-team__item {position:relative; border-radius:20rem; width:260rem; margin-right:24rem; overflow:hidden;}
 .main-team__item:last-child {margin-right:0;} 
 .main-team__item figure {position:relative; padding-top: 130.77%;}
 .main-team__item figure img {display:block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
 .main-team__item-txt {position:absolute;bottom: 0;width: 100%;padding: 10rem;text-align: center; background:rgba(12,55,101,0.95); color: #fff;z-index: 10;}
 .main-team__item-txt span {font-size:16rem;}
 .main-team__item-txt h3 {font-size:22rem; font-weight:600;}
 .main-team .swiper-container-horizontal>.swiper-scrollbar {width: 82.3%;left:0;}


/* **************************************** *
 * MAIN YOUTUBE
 * **************************************** */
 .main-youtube .main-section__head {width:38%; margin-top:80rem;}
 .main-youtube {position:relative; padding:200rem 0 130rem;}
 .main-youtube__bg-object {position:absolute;left:150rem;bottom:-160rem;width:474rem;height:590rem;background:url(../images/main/main-youtube-bg-object.png) no-repeat;z-index: -1;}
 .main-youtube .main-youtube__inner {display: flex;}
 .main-youtube__slider-wrap {position: relative;margin-left: auto;overflow: hidden;margin-right: -500rem; width:140%;}
 .main-youtube__slider {overflow: visible;padding-right: 500rem;}
 .main-youtube__item {position:relative;width: 320rem;margin-right:30rem;}
 .main-youtube__item:last-child {margin-right:0;} 
 .main-youtube__item:nth-child(even) {margin-top:50rem;}
 .main-youtube__item a {display:block;}
 .main-youtube__item figure {position:relative; border-radius: 32rem; overflow:hidden;padding-top: 150%;}
 .main-youtube__item figure:before {z-index:10;opacity:0;content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); transition:opacity .3s}
 .main-youtube__item figure:after {z-index:20;opacity:0;font-family:'minjoo';content:'\e922';font-style:normal;font-size: 48rem;color: #fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);transition:opacity .3s}
 .main-youtube__item figure img {display:block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; display: block;}
 .main-youtube__item-txt {margin-top:14rem;}
 .main-youtube__item-txt h3 {font-size:18rem;font-weight:500;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
 .main-youtube__item-txt time {display:block;margin-top:6rem;font-size:14rem; color:#767676}
 html.desktop .main-youtube__item:hover figure:before {opacity:1;}
 html.desktop .main-youtube__item:hover figure:after {opacity:0.9;}
 .main-youtube__control {margin-top:60rem;}
 .main-youtube__all-link {margin-top:50rem;}



 /* **************************************** *
 * MAIN SCHEDULE
 * **************************************** */
 .main-schedule {background:#FBFBFB;}
 .main-schedule .main-section__head {text-align:center;}
 .main-schedule__contents {display:flex; margin-top:40rem;}

 .main-schedule__calendar {flex-shrink: 0;max-width: 500rem;background:#fff;border-radius:30rem;padding: 58rem 40rem;border: 2rem solid #F1F1F1;}
 .calendar-control {display:flex;justify-content: center;align-items: center;}
 .calendar-control__date {font-size:28rem;font-weight:600;line-height: 1;margin:0 10rem;}
 .calendar-control__btn {border:none;background:none;position:relative;padding: 0;cursor: pointer;}
 .calendar-control__btn:before {font-family:'minjoo';font-style:normal;font-size: 38rem; color:#B1B1B1;}
 .calendar-control__btn--prev:before {content:'\e907';}
 .calendar-control__btn--next:before {content:'\e91c';}
 .calendar-table {margin-top: 50rem;table-layout: fixed; width:100%;}
 .calendar-table thead th { text-align:center;}
 .calendar-table thead th:first-child {color:#FF5B5B;}
 .calendar-table thead th:last-child {color:#0070E8;}
 .calendar-table thead th {padding-bottom: 20rem;}
 .calendar-table th .day-week{font-size:20rem;}
 .calendar-table td {height: 20rem;text-align: center;cursor: pointer;border: 1rem solid rgba(0,0,0,0);}
 .calendar-table td:first-child a {color:#FF5B5B;}
 .calendar-table td:last-child a {color:#0070E8;}
 .calendar-table td.calendar-prev-mon a,
 .calendar-table td.calendar-next-mon a {color:rgba(0,0,0,0.3);}
 .calendar-table td.calendar-holiday a {color: #f9b9b9;}
 .calendar-table a, .calendar-table button {font-family: 'Montserrat', sans-serif;letter-spacing:0;border: 1rem solid transparent;background: none;width: 57.5rem;height: 57.5rem;font-size: 20rem;font-weight: 400;padding: 0;margin-left:auto;margin-right:auto;color: #000;vertical-align: middle;cursor: pointer;display: flex;justify-content: center;align-items: center;}
 .calendar-date--select a span, .calendar-date--select button span {color:#fff;font-weight:600;width: 48rem;height: 48rem;line-height: 47rem;margin:0 auto;background:#009E9A;border-radius:50%;display: block;}
 .has-schedule {position:relative;}
 .has-schedule span:after {width:5rem; height:5rem; background:#0070E8; border-radius:50%; content:''; display:block; position:absolute; left:50%; bottom:8rem; transform:translateX(-50%);}
 .calendar-date--select.has-schedule a span:after, .calendar-date--select.has-schedule button span:after {background:#fff;}

 .main-schedule__list {margin-left:40rem;flex-grow: 1;}
 .main-schedule__item {background:#fff; border:1rem solid #E6E6E6; border-radius:20rem; overflow:hidden;}
 .main-schedule__item + .main-schedule__item {margin-top:20rem;}
 .main-schedule__item-head {display:flex;padding: 18rem 27rem 18rem 30rem;align-items: center;cursor:pointer;}
 .main-schedule__item-head h3 {font-size:22rem; font-weight:600;}
 .main-schedule__item-head span {font-size:16rem;font-weight:600;color:#009E9A;margin-left: 14rem;}
 .main-schedule__item-head .main-schedule__category {font-size:14rem; font-weight:600; margin-left: 14rem;padding:5rem 12rem; border-radius:30rem; color: #004EA1; border: 1rem solid #004EA1;}
 .main-schedule__item-head button {margin-left:auto;border:none;background:none;position:relative;padding: 0;width: 30rem;height: 30rem;}
 .main-schedule__item-head button:before {font-family:'minjoo';content:'\e91d';font-style:normal;font-size: 30rem;position: absolute;top: 0;right: 0;color:#000;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s,-webkit-transform 0.4s;}
 .main-schedule__item.accordion--close .main-schedule__item-head button:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg);transform: rotate(-180deg);}
 .main-schedule__item-body {padding: 21rem 10rem 21rem 40rem;border-top: 1rem solid #E6E6E6;}
 .main-schedule__item-body .timeline-item {display:flex; font-size:18rem;}
 .main-schedule__item-body .timeline-item + .timeline-item {margin-top:28rem;}
 .main-schedule__item-body .timeline-item time span {padding: 4rem 22rem 5rem;font-size:18rem;color:#0070E8;background:#E6F2FF;border-radius:30rem;}
 .main-schedule__item-body .timeline-contents {margin-left: 15rem;}
 .main-schedule__item-body .timeline-tit {font-size:20rem;}
 .main-schedule__item-body .timeline-location {margin-top:3rem;}
 .main-schedule__item-body .timeline-location span {position:relative;padding-left: 20rem;font-size: 16rem;color: #7A7A7A;}
 .main-schedule__item-body .timeline-location span:before {font-family:'minjoo';content:'\e910';font-style:normal;font-size: 17rem;color:#7A7A7A;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
 .main-schedule__item-body .scroll-wrapper {max-height: 150rem;}

.main-schedule__tab-list {display:none;}


/* **************************************** *
 * MAIN MAP & FAQ
 * **************************************** */
 .main-last-section__inner {display:flex;}
 .main-last-section h2 {font-size:22rem; font-weight:600; margin-bottom:16rem;}
 /*.main-map {max-width:885rem;flex-shrink: 0;}
 .main-map__box {padding: 70rem 40rem 53rem 70rem;border:1rem solid #E6E6E6;border-radius:30rem;display: flex;}
 .main-map__box img {max-width:100%; display:block;}
 .main-map__find {margin-left:50rem;max-width: 420rem;} 
 .main-map__find .custom-checkbox__wrap {font-size:0;margin: 14rem -10rem -10rem;}
 .main-map__find .custom-checkbox {width: calc(25% - 20rem);margin: 6rem 10rem;}
 .region-list {margin-top:30rem;padding-top:20rem; border-top:1rem solid #000;}
 .region-list h3 {font-size:16rem; font-weight:500;}
 .region-list h3 span {margin-left:5rem; color:#0070E8;}
 .region-item + .region-item {margin-top:35rem;}
 .region-item__link {margin-top:8rem;font-size: 0;}
 .region-item__link li {display:inline-block;}
 .region-item__link li + li {margin-left:15rem;}
 .region-item__link li a {display:block;border:1rem solid #E6E6E6;border-radius:28rem;padding:14rem 5rem;width:130rem;font-size: 15rem;text-align:center; transition:border .3s, background .3s;}
 html.desktop .region-item__link li a:hover { border-color:#0070E8; color:#0070E8;}*/
 .main-last-section__right {margin-left:60rem;flex-grow: 1;width: 495rem;}

 .main-find-party {max-width:885rem;flex-shrink: 0;}
 .main-find-party__box {padding: 60rem 37rem 36rem 37rem;border:1rem solid #E6E6E6;border-radius:30rem;display: flex;flex-wrap: wrap;}
 .party-map {position: relative;margin-left:30rem;}
 .party-map svg {width:100%; max-width:300rem;}
 .party-map svg path {fill:#fff;stroke:#00A0E2;stroke-width:2;stroke-miterlimit:10;}
 .party-map__item {fill:#fff;stroke:#00A0E2;stroke-width:2;stroke-miterlimit:10; cursor: pointer;}
 html.desktop .party-map__item:hover {fill:#D1E7FF;}
 .party-map__item.active, .party-map__include.active {fill:#D1E7FF;}

 .party-tabs {margin-top: 40rem;font-size: 0;margin-left: 1rem;order: 3;}
 .party-tabs li {display: inline-block;width: calc(16.666% + 1rem);text-align:center;margin:0 0 -1rem -1rem;}
 .party-tabs li + li {}
 .party-tabs a {position:relative; border: 1rem solid #B1B1B1; font-size:16rem;padding: 17rem;display: block;}
 .party-tabs a.tab-button--is-active {background:#E9F4FF; color:#004EA1; font-weight:500;}
 .party-tabs a.tab-button--is-active:before {content:''; display:block; position:absolute; left:0; top:0; width:calc(100% - 2rem); height:calc(100% - 2rem); border:2rem solid #004EA1; margin-left:-1rem; margin-top:-1rem; z-index:10;}

 .party-info {margin-left:auto;margin-top: 30rem;}
 .party-info > div {width:420rem; border-radius:10rem; overflow:hidden;}
 .party-info__title {display:flex;align-items: center;color:#fff;padding:14rem 30rem;background:#004EA1;} 
 .party-info__title b {font-size:18rem;} 
 .party-info__title span {position:relative; font-size:16rem; padding-left:20rem; margin-left:20rem;} 
 .party-info__title span:before {width:1rem;height:12rem;background:#B9D6F6;content:'';display:block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} 
 .party-info__list {padding:40rem 25rem; background:#F8F8F8;}
 .party-info__list li {font-size:16rem;}
 .party-info__list li + li {margin-top: 26rem;}
 .party-info__list li span {position:relative;padding-left:25rem;display: block;}
 .party-info__list li span:before {color:#004EA1;font-size:16rem;font-family:'minjoo';font-style:normal;font-size: 16rem;position: absolute;left: 0;top: 5rem;}
 .party-info__list li.party-info__location span:before {content:'\e934';}
 .party-info__list li.party-info__call span:before {content:'\e938';}
 .party-info__list li.party-info__fax span:before {content:'\e937';}
 .party-info__list li.party-info__web span:before {content:'\e935';}
 .party-info__list li.party-info__mail span:before {content:'\e936';}

 .region-popup ul {position:absolute; display:none;}
 .region-popup ul.active {display:block;}
 .region-popup ul:nth-child(1) {top: 20rem;left: 40rem;}
 .region-popup ul:nth-child(2) {top: 0rem;left: 40rem;}
 .region-popup ul:nth-child(3) {top: 40rem;right: 40rem;}
 .region-popup ul:nth-child(4) {top: 140rem;left: 0rem;}
 .region-popup ul:nth-child(5) {top: 140rem;left: 105rem;}
 .region-popup ul:nth-child(6) {top: 180rem;right: 0;}
 .region-popup ul:nth-child(7) {top: 260rem;left: 40rem;}
 .region-popup ul:nth-child(8) {bottom: 90rem;right: 40rem;}
 .region-popup ul:nth-child(9) {bottom: 75rem;left: 30rem;}
 .region-popup ul:nth-child(10) {bottom: 0rem;left: 30rem;}
 .region-popup li {width:100rem;background:#fff;border:1rem solid #E9E9E9;border-radius:6rem;box-shadow:0 3rem 6rem rgba(0,0,0,0.16); transition:border-color .3s, background .3s;}
 .region-popup li + li {margin-top:4rem;}
 .region-popup li button {font-size:14rem; border:none;background:none;padding: 8rem 11rem;display: block;width: 100%;text-align: left;cursor: pointer;}
 .region-popup li span {position:relative;display:block;width: 100%;}
 .region-popup li span:after {font-family:'minjoo';content:'\e930';font-style:normal;font-size: 12rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
 html.desktop .region-popup li:hover {background:#ECF5FF; border-color:#004EA1;}

  .main-last-section__right {margin-top:77rem;}
  .main-faq__head {display:flex; align-items: center;}
 .main-faq__head h2 { font-weight:600; margin-bottom:16rem;}
 .main-faq__head a {font-size:18rem; margin-left:auto;}
 .main-faq__head a span {padding-left: 22rem;position:relative; transition: font}
 .main-faq__head a span:before {font-family:'minjoo';content:'\e913';font-style:normal;font-size: 15rem;position: absolute;left: 0;top: calc(50% - 1rem);transform: translateY(-50%);}
 .main-faq__body {border-top:1rem solid #E6E6E6;padding-top:20rem;}
 .main-faq__body a {display:flex;}
 .main-faq__body li + li {margin-top:14rem;}
 .main-faq__body li p {width: 80%;font-size:16rem;font-weight:500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
 .main-faq__body li p span {position: relative;padding-left: 12rem;}
 .main-faq__body li p span:before {width:5rem;height:5rem;background:#000;border-radius:50%;position:absolute;left:0;top: 10rem;content:'';display:block;}
 .main-faq__body li time {color:#767676;margin-left: auto;}
 html.desktop .main-faq__body li a:hover p span {text-decoration:underline; font-weight:600;}

 .main-faq + .main-btn-link {margin-top:60rem;}
 .main-btn-link__item {position:relative;display: table;width: 100%;height:120rem;border-radius:16rem;}
 .main-btn-link__item + .main-btn-link__item {margin-top:13rem}
/* .main-btn-link__item--edu {background:#01A0E2;} 명도대비 */
 .main-btn-link__item--edu {background:#028DE2}
 
 .main-btn-link__item--bluewave {background:#004EA1}
 .main-btn-link__item a {font-size:22rem;color:#fff;display: table-cell;vertical-align: middle;padding: 20rem 48rem;}
 .main-btn-link__item a i {display:block; width:83rem; height:85rem; background-repeat:no-repeat; background-position:center; background-size: 100% auto; position:absolute; top:50%; right:30rem; transform:translateY(-50%)}
 .main-btn-link__item--edu a i {background-image:url(../images/main/link-edu.png); }
 .main-btn-link__item--bluewave a i {background-image:url(../images/main/link-bluewave.png); }