
@charset "utf-8";
/*
 * File       : sub.css
 */


/* **************************************** *
 * GLOBAL
 * **************************************** */
.article-header {margin-top: 74rem;}
.article-header__object {position:absolute;right:0;top: -135rem;width:287rem;height:308rem;background:url(../images/sub/header-bg-object2.svg) no-repeat center;}
.article-header__text {margin-top:20rem}
.article-title {font-size:50rem; font-weight:600;}
.article-title span {color:#004EA1;}
.article-desc {font-size:18rem; color:#767676; margin-top:10rem;}

.article-tabs {margin-top: 87rem;border-bottom:1rem solid #bbb;text-align: center;}
.article-tabs ul {display:flex;}
.article-tabs li a {font-size:18rem;display: block;padding: 23rem 30rem;}
.article-tabs li.active a {background: transparent linear-gradient(104deg, #72BE59 0%, #009E9A 48%, #004EA1 100%) 0% 0% no-repeat padding-box;color: #fff;}

.horizontal-line {margin-top: 87rem;border-bottom:1rem solid #bbb;}

.article-body {margin-top: 87rem;margin-bottom: 160rem;}

.col {display:flex; margin-left:-10rem; margin-right:-10rem;}
.col > * {flex-grow: 1; margin-left:10rem; margin-right:10rem;}
.col2 >* {width:50%;}
.col3 >* {width:33.33%;}

.mob-br {display:none;}
.visuallyhidden { border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; }

/* BREADCRUMB */
.article-breadcrumbs {position: relative; display:flex;}
.breadcrumb {padding: 0;text-align: left;font-size: 0;display: flex;align-items: center;}
.breadcrumb li {position: relative;color: #767676;padding: 0 30rem;font-size: 18rem;}
.breadcrumb li.separator {width:auto;font-size: 0;padding: 0;}
.breadcrumb li.separator:after {content: '\e91c';font-family: 'minjoo';font-size: 16rem;display: inline-block;}
.breadcrumb li.separator span { font-size: 0;}
.breadcrumb li.home {width:auto;padding-left: 0;}
.breadcrumb li.home a {display:block;}
.breadcrumb li.home a:before {font-family: 'minjoo';content: '\e90f';font-size: 16rem;font-weight: normal;text-align: center;color: #7A7A7A;}

.brl-list {display: inline-block; align-items:center; margin-left:20rem; text-align:right; width:100%; }
/*.brl-list {display:flex; align-items:center; margin-left:20rem; text-align:right;} */
.brl-list li + li {margin-left:10rem; }
.brl-list button { display: flex; align-items: center;border:none; background:none; cursor:pointer; padding:0;float:right;}
.brl-list button img {margin-right:5rem;}


/* **************************************** *
 * PREPARING
 * **************************************** */
.preparing {padding: 80rem 0;text-align: center;}
.preparing b {font-size: 22rem;font-weight: 600;color: #222; }
.preparing b:before {width:94rem; height: 34rem;background:url(../images/icon/icon-nothing.svg) no-repeat; background-size: 100%;margin: 0 auto 20rem;content:''; display:block; }


/* **************************************** *
 * INTRODUCE
 * **************************************** */
 /* REPRESENTATIVE */
 .greeting-contents__head {position:relative; padding:75rem 80rem; background:transparent linear-gradient(104deg, #72BE59 0%, #009E9A 48%, #004EA1 100%) 0% 0% no-repeat padding-box}
 .greeting-contents__head p {font-size:30rem; color:#fff; }
 .greeting-contents__head figure {position:absolute;right:129rem;bottom: 0;}
 .greeting-contents__head figure img {display:block; max-width:100%;}
 .greeting-contents__body{margin-top:97rem;}
 .greeting-contents__tit {}
 .greeting-contents__tit span {font-size:26rem; display:block;}
 .greeting-contents__tit b { margin-top:10rem; font-size:36rem; display:block;}
 .greeting-contents__tit em { color:#004EA1;}
 .greeting-contents__desc {display:flex; margin-top:50rem;}
 .greeting-contents__desc > div { flex-grow: 1;}
 .greeting-contents__desc p {line-height:1.8}
 .greeting-contents__desc p + p {margin-top:36rem;}
 .greeting-contents__name {text-align:right;margin-top:50rem;}
 .greeting-contents__name span {font-size:18rem; color:#004EA1;}
 .greeting-contents__name p {margin-top:6rem; font-size:26rem;}
 .greeting-contents__name figure {width: 130rem;text-align: right;margin-left: auto;margin-top: 10rem;}
 .greeting-contents__name figure img {display:block;width: 100%;}

 .representative-board {margin-top:150rem;}
 .representative-board__head {display:flex; align-items: end; margin-bottom:26rem;}
 .representative-board__head h3 {font-size:28rem; font-weight:500;}
 .representative-board__filter {margin-left:auto; padding:0; border:none; background:none; font-size:16rem; color:#000; cursor:pointer;}
 .representative-board__filter span {padding-left:20rem; position:relative;}
 .representative-board__filter span:before {font-family: 'minjoo';content: '\e903';font-size: 13rem;font-weight: normal;color: #000; position:absolute; left:0; top:50%; transform:translateY(-50%);}

 .greeting-contents + .board-list__head {margin-top:150rem;}

 /* LOCATION */
.location-tab {font-size: 0;margin-left: 1rem;}
.location-tab li {display: inline-block;width: calc(16.666% + 1rem);text-align:center;margin:0 0 -1rem -1rem;}
.location-tab li + li {}
.location-tab a {position:relative; border: 1rem solid #B1B1B1; font-size:16rem;padding: 17rem;display: block;}
.location-tab a.tab-button--is-active {background:#E9F4FF; color:#004EA1; font-weight:500;}
.location-tab 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;}

.location-box {margin-top:65rem;background:#FBFBFB; padding:60rem 67rem 76rem;}
.location-tit {font-size:26rem; font-weight:600; border-bottom:2rem solid #000; padding-bottom:17rem; margin-bottom:38rem;}
.location-contents {display:flex;}
.location-contents li { font-size:16rem; color:#7A7A7A}
.location-contents li + li {margin-top:14rem;}
.location-contents li a {color:#0070E8; text-decoration: underline;}
.loaction-map {width:900rem; height:472rem;margin-left:auto; }

/* RULE */
.rule-warp {display:flex;align-items: flex-start;}
.rule-side-menu { flex-shrink: 0; padding:0 20rem; width:220rem; background:#fff; border:1rem solid #F8F8F8; box-shadow:0 3rem 10rem rgba(148,148,148,0.16)}
.rule-side-menu li .tab-button {display:block;font-size:15rem;padding:16rem 4rem;position: relative;word-wrap: break-word;}
.rule-side-menu li + li { border-top:1rem solid #E6E6E6;}
.rule-side-menu li .tab-button:before {opacity:0; width:3rem;height:26rem;background:#004EA1;position:absolute;left: -15rem;top: 50%;margin-top: -13rem;content:'';display:block;}
.rule-side-menu .tab-button.tab-button--is-active {color:#004EA1; font-weight:600;}
.rule-side-menu .tab-button.tab-button--is-active:before {opacity:1;}
.rule-side-menu.is-fixed {position: fixed; top: 205rem;}
.rule-side-menu.is-clear {position:absolute; top: auto; bottom: 0;}
.rule-contents__wrap {width:100%; max-width:1140rem;margin-left:auto; margin-left:80rem;}
.rule-side-menu.is-fixed + .rule-contents__wrap {margin-left:300rem;}
.rule-contents + .rule-contents {margin-top:50rem;}
.rule-contents__head {display: flex;padding-bottom:35rem;margin-bottom:70rem;border-bottom:1rem solid #000;}
.rule-contents__head-tit {font-size:36rem;font-weight:600;display: flex;align-items: center;}
.rule-guie-txt {font-size:18rem;margin-left: 20rem;font-weight: 400;}
.rule-guie-txt b {color:#004EA1;}
.rule-guie-txt u {color:#004EA1; font-weight:600;}
.rule-contents__head .search-field {margin-left:auto;width: 530rem;}
.rule-contents__body {position:relative;}
.rule-contents__body .rule-guie-txt {margin-left:0; text-align:center; margin-bottom:30rem;}

/*  버튼 두개일때

.rule-download {position:relative;font-size: 14rem; border:1rem solid #000;background: #fff; padding:14rem 25rem;}
.rule-download span {position:relative; padding-left: 26rem;}
.rule-download span:before {font-family: 'minjoo';content: '\e90d';font-size: 16rem;font-weight: normal;color: #000; position:absolute; left:0; top:50%; transform:translateY(-50%);}

.rule-top {width:100%; text-align:right;}

@media(max-width:800px){
	.rule-download {display:inline-block;width:100%; margin-bottom:10px;}
	.rule-top {height:150px;}
}
*/


.rule-download {position:absolute;top: -11rem;right:0;margin-left:auto;font-size: 14rem;border:1rem solid #000;background: #fff;padding:14rem 25rem;}
.rule-download span {position:relative;padding-left: 26rem;}
.rule-download span:before {font-family: 'minjoo';content: '\e90d';font-size: 16rem;font-weight: normal;color: #000; position:absolute; left:0; top:50%; transform:translateY(-50%);}

.rule-contents__tit {display:flex;align-items: center;}
.rule-contents__tit p {font-size:22rem; font-weight:600;}
.rule-contents__tit p > span {color:#004EA1;}
.rule-contents__tit .btn-detail {margin-left:auto;padding: 6rem 0 6rem 10rem;}
.rule-contents__tit .btn-detail span {position:relative;padding-right: 17rem;}
.rule-contents__tit .btn-detail span:after {font-family: 'minjoo';content: '\e91c';font-size: 16rem;font-weight: normal;color: #000; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.rule-txt__box {background:#F6F6F6;padding:50rem 20rem 50rem 40rem;margin-top: 16rem;}
.rule-txt__box .scroll-wrapper {max-height:450rem; padding-right:35rem}
.rule-txt__box p + p {margin-top:20rem;}
.rule-txt__box span, .rule-txt__box {font-size:12rem !important;}
.rule-txt__box .highlight {background:#F4FF95; font-weight:600;}
.selectric-mob-rule-category, .mob-rule-category__overlay {display:none;}

/* RULE POPUP */
.rule-popup__head {text-align:center;padding-bottom: 30rem;}
.rule-popup__head  h2 {font-size: 24rem;font-weight: 600;}
.rule-popup__head span {display:block;font-size: 16rem;font-weight: 500;}
.rule-popup__head span b {color:#004EA1;}
.rule-popup__head span u {color:#004EA1;font-weight: 600;}
.rule-popup__body {max-height:510rem;font-size:14rem;line-height: 1.6;}
.rule-popup__body .scroll-wrapper {height:480rem; border:1rem solid #E6E6E6; padding:30rem 40rem;}
.rule-popup__body p + p {margin-top:20rem;}
.rule-popup__body img, .rule-popup__body iframe {margin-top:20rem; max-width:100%; height:auto;}
.rule-popup__body .scroll-content > *:first-child {margin-top:0}
.rule-popup__body .scrollbar-inner .scroll-element.scroll-y {right:16rem;}


/* HISTORY */
.scroll-tab {-webkit-overflow-scrolling: touch;}
.history-tab {display:flex;align-items: baseline;position: relative;z-index: 100;}
.history-tab li {}
.history-tab li + li {margin-left:40rem;}
.history-tab li button {border:none;background:none;font-size:18rem;padding: 0;cursor: pointer;}
.history-tab li span { display: block;}
.history-tab li.active button {font-size:30rem;font-weight: 600;}
.history-tab li.active span {position: relative;}
.history-tab li.active button span:after {width:100%;height:4rem;background:transparent linear-gradient(104deg, #72BE59 0%, #009E9A 48%, #004EA1 100%) 0% 0% no-repeat padding-box;content:'';display:block;position:absolute;bottom: 0;}
.year-bg {position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto;color: #eee;font-size: 30vw;line-height: 0.9em;font-weight: bold;}
/*.history-list { width: 500%; height: 100%; display: flex; flex-wrap: nowrap; }
.history-group {width: 100%;height: 100%;display: flex;justify-content:center;align-items: center;font-weight: 600;font-size: 1.5em;text-align: center;position: relative;box-sizing: border-box;padding: 10rem;}
.history-item +  .history-item {margin-left:60rem;}*/
.history-list {margin-top: 60rem;}
.history-slider {overflow:visible;}
.history-slider .swiper-wrapper { align-items: end;}
.history-item {position:relative;width:auto; margin-right:55rem;min-width:400rem; max-width:460rem;}
.history-item:last-child {margin-right:0;}
.history-item img {display:block; margin:0 auto;max-width:100%;width:100%;}
.history-item.small {min-width:200rem;}
.history-item .small-img {max-width:172rem; margin:0 auto 5rem;}

.history-item__text {position: absolute;right: 0;/* bottom: -50rem; */background:#fff;padding:20rem 0;text-align: center;width:100%;}
.history-item__text b {font-size:28rem;font-weight: 600;}
.history-item__text b span {display:block;font-size:20rem;}
.history-item__text p {margin-top:5rem;font-size:18rem;font-weight: normal;color: #414141;}

.history-control {margin-top:150rem;}
.history-control .swiper-navigation > button {border:none;}
.history-control .swiper-navigation > button:before {font-size:39rem;}
.history-control .swiper-navigation > .swiper-button-prev:before {content:'\e92c';}
.history-control .swiper-navigation > .swiper-button-next:before {content:'\e92d';}

/* TEAM */
.team-search {width:100%;background:#F6F6F6;padding:50rem;display: flex;justify-content: center;}
.team-search input {padding: 10rem 28rem;margin: 0 12rem;font-size:16rem;max-width: 640rem;width:100%;border: none;}
.team-search button {padding: 22rem 30rem;margin:0;border:none;background: #004EA1;font-size: 18rem;color:#fff;width: 140rem;cursor: pointer;}

.team-wrap {margin-top:70rem;}
.team-total {font-size:22rem;font-weight:500;margin-bottom: 10rem;}
.team-total span {color:#004EA1;}
.team-list {margin: 0 -20rem;font-size: 0; display: flex; flex-wrap: wrap;}
.team-item {position: relative;display: inline-block;width:calc(25% - 40rem);margin:20rem;border:1rem solid #ddd;border-radius:20rem;padding: 40rem 20rem;}
.team-item figure {flex-shrink: 0;width:170rem; height:170rem; margin: 0 auto;background: #eee; position: relative;border-radius: 50%; overflow: hidden;}
.team-item img {display:block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; display: block;}
.team-txt {margin-top:20rem; text-align:center;}
.team-txt .position {font-size:16rem; color:#7A7A7A; display:block;}
.team-txt .name {display:block; margin-top:2rem;font-size:26rem; }
.team-txt .desc {font-size:18rem; margin-top:20rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.sns-list {display:flex;margin-top:38rem;justify-content: center;position: relative;z-index: 50;}
.sns-list > li {width:42rem;height:42rem;border-radius:50%;position: relative;}
.sns-list > li + li {margin-left:10rem;}
.sns-list > li a {display:block;width: 100%;height: 100%;}
.sns-list > li.sns-item__congress {background:#F6F6F6;}
.sns-list > li.sns-item__facebook {background:#294C88;}
.sns-list > li.sns-item__naver-blog {background:#03C75A;}
.sns-list > li.sns-item__kakao-story {background:#FFBA00;}
.sns-list > li.sns-item__twitter {background:#6BAFF8;}
.sns-list > li.sns-item__instagram {background:transparent linear-gradient(135deg, #FAE100 0%, #FCB720 15%, #FF7950 30%, #FF1C74 50%, #6C1CD1 100%) 0% 0% no-repeat padding-box;}
.sns-list > li.sns-item__youtube {background:#FF0000;}
.sns-list > li.sns-item__share {background:#fff;}
.sns-list > li.sns-item__kakao {background:#EED63D;}
.sns-list > li.sns-item__url {background:#0084B5;}
.sns-list > li a:before {font-family: 'minjoo';font-size: 18rem;font-weight: normal; color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.sns-list > li.sns-item__congress > a:before {content:'';width:30rem;height: 18rem;background:url(../images/icon/icon-congress.svg) no-repeat;background-size: 100% auto;}
.sns-list > li.sns-item__facebook > a:before {content: '\e919'; font-size:20rem;}
.sns-list > li.sns-item__naver-blog > a:before {content: '\e91b'; font-size: 16rem}
.sns-list > li.sns-item__kakao-story > a:before {content: '\e91a'; font-size:19rem;}
.sns-list > li.sns-item__twitter > a:before {content: '\e91f'; font-size:20rem;}
.sns-list > li.sns-item__instagram > a:before {content: '\e917';font-size:22rem;}
.sns-list > li.sns-item__youtube > a:before {content: '\e916';font-size:22rem;}
.sns-list > li.sns-item__share > a:before {content: '\e926'; color:#000; margin-left:-1rem;}
.sns-list > li.sns-item__kakao > a:before {content: '\e918';color:#5D5050;font-size:22rem;}
.sns-list > li.sns-item__url > a:before {content: '\e93a';}

.share-popup__overlay { display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, .6); z-index: 500;}
.share-popup {display:none;position:absolute;right: -100rem;top: 65rem;background:#fff;padding: 18rem 30rem 25rem;border-radius: 10rem;border:1rem solid #cecece; z-index:600;}
.share-popup:after {content:'';display:block;border-style: solid;border-width: 0 6rem 13rem 6rem;border-color: transparent transparent #fff transparent;position: absolute;top: -13rem;right: 114rem;}
.share-popup:before {content:'';display:block;border-style: solid;border-width: 0 7rem 14rem 7rem;border-color: transparent transparent #cecece transparent;position: absolute;top: -15rem;right: 113rem;}
.share-popup__head {display:flex;align-items: center;padding-bottom: 10rem;border-bottom: 1rem solid #ddd;}
.share-popup__head p {font-size:20rem; font-weight:600}
.share-popup__head .share-popup__close {position:relative;margin-left:auto;background:none;border:none;padding: 8rem;cursor: pointer;}
.share-popup__head .share-popup__close:before {font-family:'minjoo';font-style:normal;font-size: 16rem;font-weight:normal;color:#000;content:'\e920';}
.share-popup__body ul {display:flex;gap: 30rem;margin-top: 24rem;}
.share-popup__body li {position: relative;font-size:12rem;text-align: center;}
.share-popup__body li i {position:relative;width: 42rem;height: 42rem;border-radius: 50%;display:block;margin: auto;}
.share-popup__body li span {display: block;margin-top: 3rem;position:absolute;left: 50%;transform: translateX(-50%);}
.share-popup__body li.share-item__kakaotalk i {background:#EED63D;}
.share-popup__body li.share-item__twitter i {background:#6BAFF8;}
.share-popup__body li.share-item__facebook i {background:#576CA7;}
.share-popup__body li.share-item__telegram i {background:#30A3E6;}
.share-popup__body li.share-item__band i {background:#21C531;}
.share-popup__body li.share-item__kakaostory i {background: #FFBA00;}
.share-popup__body li i:before {font-family:'minjoo';font-style:normal;font-size: 20rem;color: #fff;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.share-popup__body li.share-item__kakaotalk i:before {content:'\e918'; color:#5D5050}
.share-popup__body li.share-item__twitter i:before {content:'\e91f';}
.share-popup__body li.share-item__facebook i:before {content:'\e919';}
.share-popup__body li.share-item__telegram i:before {content:'\e92a';}
.share-popup__body li.share-item__band i:before {content:'\e929';}
.share-popup__body li.share-item__kakaostory i:before {content:'\e91a';}
.share-popup__body .share-url {display: flex;margin-top: 50rem;border:1rem solid #DBDBDB;}
.share-popup__body .share-url input {background:#F3F3F3;border:none;border-right: 1rem solid #DBDBDB;width: calc(100% - 80rem);color: #777;padding-left: 15rem;}
.share-popup__body .share-url button {background:#004EA1;font-size:13rem;color:#fff;padding: 10rem 15rem;border:none;width: 80rem;cursor: pointer;}

.person-popup__btn {position:absolute; top:0; left:0; width:100%; height:100%;}

.person-popup {width:100%;max-width: 940rem;margin:90rem auto;position: relative;background: #fff;}
.person-popup .mfp-close {font-size:0;right: 20rem;top: 20rem;opacity:1; z-index:10;}
.person-popup .mfp-close:before {font-family: 'minjoo';font-size: 18rem;font-weight: normal;color: #fff;content: '\e920';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.person-popup__visual {display: table;position:relative;width:100%;height: 705rem;z-index:10;}
.person-popup__visual-bg {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;}
.person-popup__visual-bg:after {width:100%; height:100%; background:rgba(0,0,0,0.4); content:''; display:block; position:absolute; top:0; left:0;}
.person-popup__visual-bg img {display:block; max-width:100%; width:100%; height: 100%; object-fit: cover;}
.person-popup__visual-title {font-size:32rem;font-weight: 600;color: #000;}
.person-popup__visual-desc {font-size:18rem;color: #000;}

.person-popup__profile-box {display: flex;align-items: center;background:#F6F6F6;padding: 40rem 30rem;}
.person-popup__profile {display: flex;align-items: center;vertical-align: middle;text-align: center;}
.person-popup__profile figure {width: 120rem;height: 120rem;margin: 0 auto;background: #eee;position: relative;border-radius: 50%;overflow: hidden;flex-shrink: 0;}
.person-popup__profile img {display:block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; display: block;}
.person-popup__profile-txt {margin-left:14rem; text-align:left;}
.person-popup__sns {margin-top:0;margin-left: auto;background:#F6F6F6}
.person-popup__sns.sns-list li.sns-item__congress {background:#fff;}

.person-popup__body {background:#fff;}
.person-popup__body .tab-list {display:flex; border-bottom:1rem solid #e6e6e6;}
.person-popup__body .tab-list li {font-size:22rem;font-weight:600;text-align:center;flex-grow: 1;width: 50%;}
.person-popup__body .tab-list li a {position:relative;display:inline-block;padding:18rem;}
.person-popup__body .tab-list li a:after {opacity:0;width: 100%;height:2rem;background:#004EA1;content:'';display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%); transition:opacity 0.3s;}
.person-popup__body .tab-list li a.tab-button--is-active { color:#004EA1;}
.person-popup__body .tab-list li a.tab-button--is-active:after {opacity:1;}
.person-popup__body .tab-list li a.btn-profile-edit {padding:3rem 5rem; margin-top:0; font-size:13rem;font-weight: normal; max-width:45rem;}
.person-popup__body .tab-list li b {display: flex; align-items: center; justify-content: center;}
.person-popup__body .tab-list li span {font-size:14rem;font-weight:normal;display: inline-block;vertical-align: middle;margin-top: -5rem;margin-left: 3rem;}
.person-popup__body .tab-panel__wrap {padding: 50rem 60rem 60rem;}
.person-info__item {display:flex;}
.person-info__item + .person-info__item {margin-top:100rem;}
.person-info__title {position:relative;font-size:20rem;font-weight:600;width: 23%;flex-shrink: 0;}
.person-info__title .deco-txt {position:absolute;top: -27rem;left:0;font-size: 40rem;font-weight: 700;font-style:normal;-webkit-text-fill-color: white;-webkit-text-stroke: 1rem #707070;letter-spacing: -0.01em;opacity: 0.1;}
.person-info__item ul { flex: 1;}
.person-info__item li {display:flex; font-size:18rem;}
.person-info__item li + li {margin-top:14rem;}
.person-info__item li p {flex-shrink: 1;position:relative;padding-left: 10rem;}
.person-info__item li p:before {width: 4rem;height:4rem;background: #000;border-radius: 50%;position:absolute;left:0;top: 11rem;content:'';display:block;}
.person-info__item li span {}
.person-info__item.person-info__profile li p {width: 25%; flex-shrink: 0;}
.person-info__desc {font-size:18rem;line-height: 1.7;}

.btn-profile-edit {display: inline-block;border: 1rem solid #bbb;font-size: 14rem;color: #666;text-align:center;padding: 8rem 18rem;margin-top: 10rem;}


/* PERSON EDIT POPUP */
.person-edit-popup {width:100%;max-width:840rem;margin:90rem auto;position: relative;}
.person-edit-popup .mfp-close {font-size:0;right: 20rem;top: 20rem;opacity:1;}
.person-edit-popup .mfp-close:before {font-family: 'minjoo';font-size: 18rem;font-weight: normal;color: #fff;content: '\e920';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.person-edit-popup__visual {display: table;position:relative;width:100%;height:320rem;background: #555;}
.person-edit-popup__visual-bg {position: absolute;top: 0;bottom: 0;left: 0;right: 0;width:100%;height:100%;/* z-index: 10; */}
.person-edit-popup__visual-bg:after {width:100%; height:100%; background:rgba(0,0,0,0.4); content:''; display:block; position:absolute; top:0; left:0;}
.person-edit-popup__visual-bg label {display: block;width:100%;height:100%;cursor: pointer; position:absolute; top:0; z-index:10;}
.person-edit-popup__visual-bg label i {display:block;width:42rem;height:42rem;background:rgba(255,255,255,0.5);border-radius:50%;position: absolute;left: 24rem;top: 24rem;z-index: 50;}
.person-edit-popup__visual-bg label i:before {font-family: 'minjoo';font-size: 18rem;font-weight: normal;font-style:normal;color: #fff;content: '\e92b';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.person-edit-popup__visual-bg figure {width:100%; height:100%; margin: 0 auto;position: relative;}
.person-edit-popup__visual-bg figure img {display:block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; display: block;}
.person-edit-popup__visual-profile {position:relative; z-index:20; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.person-edit-popup__visual-profile .profile-photo {width:140rem;height:140rem;margin: 0 auto;background: #777;position: relative;border-radius: 50%;}
.person-edit-popup__visual-profile .profile-photo figure {width:140rem; height:140rem; margin: 0 auto;position: relative;border-radius: 50%;overflow: hidden;}
.person-edit-popup__visual-profile .profile-photo figure img {display:block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.person-edit-popup__visual-profile .profile-photo label {display: block;width:100%;height:100%;cursor: pointer;position: absolute;top: 0;}
.person-edit-popup__visual-profile .profile-photo label i {display:block;width:42rem;height:42rem;background:rgba(255,255,255,0.5);border-radius:50%;position: absolute;right: 0;bottom: 0;}
.person-edit-popup__visual-profile .profile-photo label i:before {font-family: 'minjoo';font-size: 18rem;font-weight: normal;font-style:normal;color: #fff;content: '\e92b';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.person-edit-popup__visual-title {margin-top: 20rem;font-size:32rem;font-weight: 600;color:#fff;text-align: center;}
.person-edit-popup__visual-desc {font-size:18rem;background: rgba(255,255,255,0.8);border-radius: 4rem;overflow: hidden;position: relative;max-width: 607rem;margin: 5rem auto 0;}
.person-edit-popup__visual-desc input {background:transparent;padding-right: 80rem;}
.person-edit-popup__visual-desc .byte-maxlength {font-size:14rem;color:#7A7A7A;position:absolute;right: 10rem;top:50%;transform:translateY(-50%);}

.person-edit-popup__body {background:#fff; padding:60rem 40rem;}
.person-edit-info__item {border-bottom:1rem solid #E6E6E6;}
.person-edit-info__item .edit-form-wrap {padding:22rem;}
.person-edit-info__item + .person-edit-info__item {margin-top:80rem;}
.person-edit-info__title {font-size:20rem;font-weight:600;padding: 0 22rem 12rem;}
.person-edit-popup__body .form-field-item {border-bottom:none}
.person-edit-popup__body .form-label {background:none;padding: 9rem 0;}
.person-edit-popup__body .form-field-item > .form-input__wrap {padding:9rem;}
.person-edit-popup__body .form-birth .form-input__wrap {display:flex;align-items: center;gap: 33rem;}
.person-edit-popup__body .form-birth .form-input__item {display:flex;align-items: center;}
.person-edit-popup__body .form-birth .form-input__item .selectric-wrapper {width: 130rem;}
.person-edit-popup__body .form-birth .form-input__item > span {font-size:16rem; margin-left:6rem;} 


/* LOGO */
.logo-section__head {position:relative;}
.logo-section + .logo-section {margin-top:130rem;}
.logo-section__tit {font-size:32rem; font-weight:600;}
.logo-section__desc {margin-top: 20rem;font-size:20rem;line-height: 1.7;}
.logo-box {font-size: 0;margin-top: 35rem;border:1rem solid #bbb;padding: 78rem 100rem;}
.logo-item {display: inline-block;vertical-align: top;margin: 0 30rem;}
.logo-item:nth-child(1) {width: 100%;margin-bottom: 100rem;}
.logo-item:nth-child(1) figure {text-align:center;}
.logo-item:nth-child(2) {width: calc(60% - 60rem);}
.logo-item:nth-child(3) {width: calc(40% - 60rem);}
.logo-item h4 {position:relative;font-size:20rem; padding-left:10rem;}
.logo-item h4:before {content:'';display:block;width:4rem;height:16rem;background: #000;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.logo-item figure {margin-top: 60rem;}
.logo-item figure img {max-width:100%;}

/* ORGANIZATION */
.org-img .org-mob {display:none;}
.org-img img {max-width:100%;width:100%;display:block;}
.org-list {position:relative;text-align:center;max-width:1440rem; margin:0 auto;}
.org-list:before {content: '';position: absolute;top: 215rem;left: calc(50% + 1rem);width: 1rem;height: 36%;border-left: 1rem dashed #92AAC5;z-index: -1;}
.org-list h3 {position: relative;margin: 0 auto;font-size:24rem;font-weight:600;color:#094EA1;width:230rem;height:230rem;border-radius:50%;border: 10rem solid transparent;background-image: linear-gradient(#fff, #fff), linear-gradient(97deg, #72BE59 0%, #009E9A 49%, #004EA1 100%);background-origin: border-box;background-clip: content-box, border-box;}
.org-list h3 span {position: absolute;left: 50%;top: calc(50% - 6rem);padding-top: 75rem;transform: translate(-50%, -50%);}
.org-list h3 span:before {content:''; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); width:63rem; height:67rem; background:url(../images/sub/introduce/symbol.svg) no-repeat; background-size:100% auto;}
.org-list > ul {font-size:20rem;}
.org-list > ul > li > span, .org-list > ul > li > ul > li > span {display:inline-block;padding:23rem;width: 340rem;color:#fff;text-align:center;}
.org-list .part1 li + li, .org-list .part2 li + li {margin-top:10rem;}
.org-list > ul > li > ul > li > ul > li {width:60rem;}

.org-list .part1 {margin-top:55rem;}
.org-list .part1 > li > span {background:linear-gradient(45deg, transparent 15rem, #004EA1 0) left; }
.org-list .part1 > li > ul > li > span {position: relative;background:linear-gradient(45deg, transparent 15rem, #4B4E98 0) left;}
.org-list .part1 > li > ul > li > span:before {content: '';position: absolute;top: 50%;left: 100%;width: 112%;height: 1rem;border-top: 1rem dashed #92AAC5;z-index: -1;}
.org-list .part1 > li:last-child {text-align:left;}
.org-list .part2 {margin-top:50rem;}
.org-list .part2 > li {display:flex;align-items: self-start;justify-content: space-between;}
.org-list .part2 > li > span {background:linear-gradient(45deg, transparent 15rem, #00A0E2 0) left;order: 2;}
.org-list .part2 > li > ul > li > span {background:linear-gradient(45deg, transparent 15rem, #3E4974 0) left;position: relative;}
.org-list .part2 > li > ul.left > li > span:before  {content: '';position: absolute;top: 50%;left: 100%;width: 100%;height: 1rem;border-top: 1rem dashed #92AAC5;z-index: -1;}
.org-list .part2 > li > ul.left > li:nth-child(2) > span:before {width:29%;} 
.org-list .part2 > li > ul.left > li:nth-child(3) > span:before {width:29%;} 
.org-list .part2 > li > ul.left {text-align:left;position: relative;}
.org-list .part2 > li > ul.left:before {content: '';position: absolute;top: 16%;right: -100rem;width: 1rem;height: 69%;border-left: 1rem dashed #92AAC5;z-index: -1;}
.org-list .part2 > li > ul.right {text-align:right;order: 3; position:relative;}
.org-list .part2 > li > ul.right:before {content: '';position: absolute;top: 24%;left: -100rem;width: 1rem;height: 53%;border-left: 1rem dashed #92AAC5;z-index: -1;}
.org-list .part2 > li > ul.right > li > span:before {content: '';position: absolute;top: 50%;right: 100%;width: 100%;height: 1rem;border-top: 1rem dashed #92AAC5;z-index: -1;}
.org-list .part2 > li > ul.right > li:nth-child(2) > span:before {width:29%;} 
.org-list .part3 {position: relative;margin-top:50rem;padding-bottom: 368rem;}
.org-list .part3:before {content: '';position: absolute;top: 150rem;left: 2.1%;width: 95.6%;height: 1rem;border-top: 1rem dashed #92AAC5;z-index: -1;}
.org-list .part3 > li > span {background:linear-gradient(45deg, transparent 15rem, #00A0E2 0) left;order: 2;}
.org-list .part3 > li > span:before  {content: '';position: absolute;top: 40rem;left: 100rem;width: 50%;border-top: 1rem dashed #92AAC5;z-index: -1;}
.org-list .part3 > li > ul {margin-top: 116rem;display: flex;line-height: 1.2;}
.org-list .part3 > li > ul > li:first-child { position: absolute; top: 0;}
.org-list .part3 > li > ul > li:first-child > span {background:linear-gradient(45deg, transparent 15rem, #4B4E98 0) left;line-height: normal;}
.org-list .part3 .group1 > ul > li, .org-list .part3 .group2 ul > li {/* width: 60rem; */max-width: 60rem;display: inline-block;vertical-align: top;margin-top:0;}
.org-list .part3 .group1 > ul.type1 > li:before {content: '';position: absolute;top: -40rem;right: calc(50% - 0.5rem);width: 1rem;height: 20%;border-left: 1rem dashed #92AAC5;z-index: -1;}
.org-list .part3 .group1 > ul.type2 > li:nth-child(-n+10):before {content: '';position: absolute;top: -40rem;right: calc(50% - 0.5rem);width: 1rem;height: 20%;border-left: 1rem dashed #92AAC5;z-index: -1;}

.org-list .type1 > li > span {background:#D6E0ED;color: #3E4974;width: 60rem;max-width: 60rem;height:100%;padding: 20rem;display: inline-block;vertical-align: top;font-size: 18rem;margin-top: 0;}
.org-list .type3 > li > span {background:#D6E0ED;color: #3E4974;width: 60rem;max-width: 60rem;height:100%;padding: 20rem;display: inline-block;vertical-align: top;font-size: 18rem;margin-top: 0;}
.org-list .group2 .type3 > li:nth-child(1) > span:before {content: '';position: absolute;top: 40rem;left: -20rem;width: 40rem;height: 1rem;border-top: 1rem dashed #92AAC5;z-index: -1;}

.org-list .part3 .group1 > ul > li > span , .org-list .part3 .group2 ul > li > ul > li > span {}
.org-list .part3 > li > ul > li > ul > li > span {word-break: break-all;}
.org-list .part3 .group2 > span, .org-list .part3 .group3 > span, .org-list .part3 .group4 > span  {background: #6570A7;width: 60rem;height: 230rem;padding: 20rem;display: inline-block;vertical-align: top;font-size: 18rem;margin-top: 0;word-break: break-all;position: relative;}
.org-list .part3 .group2 > span:before {content: '';position: absolute;top: 30rem;left: -20rem;width: 40rem;height: 1rem;border-top: 1rem dashed #92AAC5;z-index: -1;}
.org-list .part3 .group3 > span:before {content: '';position: absolute;top: -40rem;right: calc(50% - 0.5rem);width: 1rem;height: 477%;border-left: 1rem dashed #92AAC5;z-index: -1;}
.org-list .part3 .group4 > span:before {content: '';position: absolute;top: -40rem;right: calc(50% - 0.5rem);width: 1rem;height: 489%;border-left: 1rem dashed #92AAC5;z-index: -1;}
.org-list .part3 > li > ul > li.group1 {display:flex;flex-wrap: wrap;}
.org-list .part3 > li > ul > li.group2 {max-width: 130rem;width: 100%;display: flex;flex-wrap: wrap;/* position: relative; */}
.org-list .part3 > li > ul > li.group2 > span:after {content: '';position: absolute;top: -40rem;left: -20rem;width: 1rem;height: 477%;border-left: 1rem dashed #92AAC5;z-index: -1;}
.org-list .part3 > li > ul > li > ul + ul {margin-left:50rem;}
.org-list .part3 .type1 > li {position: relative;height:230rem;color: #3E4974;line-height: 1.2;}
.org-list .part3 .type2 {display:flex;flex-wrap: wrap;gap: 10rem;width: 59%;align-self: baseline;}
.org-list .part3 > li > ul > li > ul.type2 > li {flex: 1 1 8%;height: 310rem;width: auto;max-width: 100%;position: relative;}
.org-list .part3 > li > ul > li > ul.type2 > li > span {background:#EAEBF1;flex: 1 1 8%;height: 310rem;width: auto;max-width: 100%;padding: 20rem;display: inline-block;vertical-align: top;font-size: 18rem;margin-top: 0;color: #3E4974;}
.org-list .part3 .group1 .type3 {display:flex;flex-wrap: wrap;gap: 10rem;width: 100%;margin-left:35%;margin-top: 28rem;}
.org-list .part3 .group4 { margin-left:18rem;}
.type-child {position:absolute;bottom: 0;}

.org-list .type3 {display:flex;flex-wrap: wrap;gap: 10rem;}
.org-list .type3 li {flex: 1 1 50%;}
.type-child {display:flex;gap: 4rem;}
.type-child > li span:before {content: '';position: absolute;top: -30rem;right: calc(50% - 0.5rem);width: 1rem;height: 30rem;border-left: 1rem dashed #92AAC5;z-index: -1;}

.org-list .type-child li > li {margin-top:0;}
.type-child li span {display: block;width:46rem;height:250rem;font-size: 16rem;padding:14rem;background:#fff;border:1rem solid #CFCFCF;color: #4E4F56;position: relative;}
.org-list .part3 .group1 .type3 > li > span {background:#F4F4F4;position: relative;height:310rem;display: block;padding: 20rem;font-size: 18rem;color: #4E4F56;}
.org-list .part3 .group1 .type3 > li:nth-child(1) > span:before {content: '';position: absolute;bottom: -25rem;left: 50%;height: 100%;border-left: 1rem dashed #92AAC5;z-index: -1;}
.org-list .part3 .group1 .type3 > li:nth-child(3) > span:before {content: '';position: absolute;bottom: -49rem;left: 50%;height: 100%;border-left: 1rem dashed #92AAC5;z-index: -1;}
.org-list .part3 .group1 .type3 > li:nth-child(5) > span:before {content: '';position: absolute;bottom: -69px;left: 50%;height: 100%;border-left: 1rem dashed #92AAC5;z-index: -1;}
.org-list .part3 .type3 li > ul:before {content: '';position: absolute;top: -30rem;height: 1rem;border-top: 1rem dashed #92AAC5;z-index: -1;}
.org-list .part3 .type3 li:nth-child(1) > ul {left: 0;}
.org-list .part3 .type3 li:nth-child(1) > ul:before {left: 21rem;width: 69.7%;}
.org-list .part3 .type3 li:nth-child(1) > ul:after {content: '';position: absolute;height: 59rem;border-top: 1rem dashed #92AAC5;border-left: 1rem dashed #92aac5;z-index: -1;top: -91rem;left: 71rem;width: 253%;}
.org-list .part3 .type3 li:nth-child(3) > ul {left: 175rem;}
.org-list .part3 .type3 li:nth-child(3) > ul:before {left: 21rem;width: 54%;}
.org-list .part3 .type3 li:nth-child(3) > ul:after {content: '';position: absolute;height: 39rem;border-top: 1rem dashed #92AAC5;border-left: 1rem dashed #92aac5;z-index: -1;top: -70rem;left: 47rem;width: 373%;}
.org-list .part3 .type3 li:nth-child(5) > ul {left: 301rem;} 
.org-list .part3 .type3 li:nth-child(5) > ul:before {top: -50rem;left: 21rem;width: 867%;}
.org-list .part3 .type3 li:nth-child(5) > ul > li > span:before { height: 50rem; top: -50rem;}

.org-list .type3 li > span {word-break: break-all;position: relative;}
.group2 .type-child {left: 341rem;}
.group2 .type-child:before {content: '';position: absolute;top: -30rem;left: 21rem;height: 1rem;width: 94.7%;border-top: 1rem dashed #92AAC5;z-index: -1;}
.group2 .type-child > li {width:auto;}
.group3 .type-child { right: 58rem;}
.group3 .type-child:before {content: '';position: absolute;top: -30rem;width: 54%;left: 21rem;height: 1rem;border-top: 1rem dashed #92AAC5;z-index: -1;}

.group3 .type-child > li {width:auto;}
.group4 .type-child {right:0}
.group4 .type-child > li {width:auto;}
.group4 .type-child > li span:before {display:none;}

/* PRESIDENT */
.president-slider {overflow:visible;}
.president-item {position:relative; margin-right:90rem;}
.president-item:last-child {margin-right:0;}
.president-item figure {}
.president-item figure img {display:block; max-width:100%;width:100%;}
.president-item__info {display: flex;align-items: end;background:rgba(0,78,161,0.9);position: absolute;left: 0;bottom: 0;height: 485rem;padding: 70rem 50rem;}
.president-item__info-inner {}
.president-item__info b {font-size:26rem; color:#fff;}
.president-item__info h3 {margin-top: 10rem;font-size:74rem;font-weight: 600;line-height: 1.2;color:#fff;}
.president-item__info span {display: block;margin-top: 10rem;font-size:24rem;color:#fff;opacity:0.6;}
.president-item__history { position:absolute; right:0; bottom:0;}
.president-item__history a {display:block;text-align:center;font-size:24rem;color:#fff;padding: 35rem 85rem;background: transparent linear-gradient(104deg, #72BE59 0%, #009E9A 48%, #004EA1 100%) 0% 0% no-repeat padding-box;}
.president-item__history a span {position:relative;padding-right: 35rem;}
.president-item__history a span:after {font-family: 'minjoo';content:'\e901';font-size: 23rem;font-weight: normal;color:#fff;position:absolute;right: 0;top:50%;transform: translateY(-50%);}
.president-item__history a span i {font-style:normal;}

.president-slider .swiper-navigation {position:absolute;top:50%;transform:translateY(-50%);z-index: 10;width: 100%;left: 0;right: 0;}
.president-slider .swiper-navigation > button {position: absolute;width:100rem;height:100rem;line-height: 100rem;background: #fff;border: none;box-shadow: 0 3rem 6rem rgba(0,0,0,0.2);transform: translateY(-50%);}
.president-slider .swiper-navigation > button:before {font-size: 60rem;color:#afafaf;}
.president-slider .swiper-navigation > .swiper-button-prev {left:-50rem;}
.president-slider .swiper-navigation > .swiper-button-next {right:-50rem;margin-left: 0;}
.president-slider .swiper-navigation > .swiper-button-prev:before {content: '\e907';}
.president-slider .swiper-navigation > .swiper-button-next:before {content: '\e91c';}


/* PRESIDENT POPUP */
.page-president .component-popup {height:900rem;}
.president-popup__head h2 {font-size:32rem; font-weight:600;}

.president-popup__contents-inner {display:flex;}
.president-popup__contents .tab-list-child li + li {margin-top:30rem;}
.president-popup__contents .tab-button-item__child {}
.president-popup__contents .tab-button-item__child a {font-size:18rem;margin-left:15rem;position:relative;border-bottom: 1rem solid transparent;white-space: nowrap;}
.president-popup__contents .tab-button-item__child a:before {opacity:0;width:6rem;height:6rem;background: #004EA1;border-radius:50%;content:'';display:block;position:absolute;left:-14rem;top: 50%;transform: translateY(-50%);-webkit-transition: opacity .3s;transition: opacity .3s;} 
.president-popup__contents .tab-button-item__child a.tab-button--is-active {font-size:20rem;font-weight:600;color:#004EA1;border-bottom-color: #004EA1;-webkit-transition: color .3s, border-bottom .3s;transition: color .3s, border-bottom .3s;}
.president-popup__contents .tab-button-item__child a.tab-button--is-active:before {opacity:1;}
.president-popup__contents .tab-button-item__child span {position:relative;}

.president-popup__contents .tab-panel__child-wrap {flex-shrink: 0;width: 920rem;margin-left: auto;}

.president-popup__contents .scroll-wrapper {max-height:600rem;}
.president-popup__contents .scroll-content {padding-right:40rem;}
.president-contents__item + .president-contents__item {margin-top:60rem;}
.president-contents__item img {display:block; max-width:100%;}
.president-contents__item > figure + h3 {margin-top:30rem;}
.president-contents__item > h3 {font-size:28rem; font-weight:600;}
.president-contents__item > h4 {margin-top:5rem;font-size:20rem;}
.president-contents__item > p {margin-top:10rem;font-size:16rem;line-height: 1.7;}
.president-contents__item > p.quote {background:#f6f6f6; padding:20rem; text-align:center;}
.president-contents__item > p.quote b {font-size:18rem; font-weight:600; display:block; margin-bottom:5rem;}
.president-contents__item > p + figure {margin-top:20rem;}
.president-popup__child-contents .date-list {margin-top:20rem;}
.president-popup__child-contents .date-list li {display:flex;align-items: baseline;}
.president-popup__child-contents .date-list li + li {margin-top:20rem;}
.president-popup__child-contents .date-list li b {font-size:18rem;width: 140rem;flex-shrink: 0;}
.president-popup__child-contents .date-list li p {font-size:16rem;flex-grow: 1;}
#president-popup__mji .president-popup__child-contents .date-list li b {width:160rem;}


/* **************************************** *
 * NEWS
 * **************************************** */
/* OLD SCHEDULE */
.schedule-wrap {display:flex;}
.schedule-calendar {width:40%; margin-right:80rem;}
.calendar-top {display:flex;}
.schedule-date {display:flex;align-items: center;}
.schedule-date .selectric-wrapper + .selectric-wrapper {margin-left:10rem;}
.schedule-date .selectric {border:none;}
.schedule-date .selectric .label {font-size:24rem;margin-right:35rem;font-weight: 600;}
.schedule-date .selectric .button:after {border:none; width:auto; font-family: 'minjoo'; content:'\e91e'; font-size:24rem; font-weight:normal; color:#767676;}
.schedule-date .selectric-items {border-top-width:1rem;}
.schedule-filter {margin-left:auto; width:200rem;}
.schedule-calendar .calendar-table {margin-top:12rem;}
.schedule-calendar .calendar-table thead th {border-top:1rem solid #000;border-bottom: 1rem solid #bbb;padding:27rem 10rem;}
.schedule-calendar .calendar-table th .day-week {font-size:18rem;}
.schedule-calendar .calendar-table button, .schedule-calendar .calendar-table a {font-size: 18rem;width: 100%;height:100%;align-items: start;padding: 8rem 8rem;flex-direction: column;align-items: center;justify-content: flex-start;}
.schedule-calendar .calendar-table span {display:block;line-height: 1;}
.schedule-calendar .calendar-table span.schedule-item {margin-top:12rem;width:100%;height: auto;font-size:14rem;padding: 5rem 3rem;border-radius:30rem;}
.schedule-calendar .calendar-table span.schedule-item.primary {background:#D8EAFF; color:#004EA1}
.schedule-calendar .calendar-table span.schedule-item.secondary {background:#CCF2BF; color:#3E9821;}
.schedule-calendar .calendar-table span.schedule-item + .schedule-item {margin-top:4rem;}
.schedule-calendar .calendar-table td {border: none;border-bottom:1rem solid #bbb;height: 110rem;flex-direction: column;}
.schedule-calendar .calendar-table td.calendar-date--select {border:1rem solid #004EA1; background:#ECF5FF;}
.schedule-calendar .calendar-table td.calendar-date--today span {font-weight:600;}
.schedule-calendar .calendar-table .has-schedule span:after {display:none;}
.schedule-calendar .calendar-date--select span {width:100%;height: auto;background:none;color:#000;}
.schedule-calendar .calendar-date--select span.schedule-item {font-weight:normal;}

.btn-schedule-close {display:none;}
.schedule-info {margin-left:auto;width: 800rem;}
.schedule-info__tit {font-size:24rem; font-weight:600;}
.schedule-info__list {margin-top:25rem; padding-top:24rem;border-top:1rem solid #000;}
.schedule-info__item {background:#F9F9F9; padding:40rem;}
.schedule-info__item + .schedule-info__item {margin-top:24rem;}
.schedule-info__item h4 {font-size:20rem;font-weight: 600; display: flex; align-items: center;}
.schedule-info__item h4 span {display:none; font-size:16rem;font-weight: 500;color:#009E9A; margin-left:6rem;}
.schedule-info__item ul {margin-top:20rem;}
.schedule-info__item li {display: flex;font-size:16rem;}
.schedule-info__item li + li {margin-top:16rem;}
.schedule-info__item li b {position:relative; padding-left:14rem; color:#004EA1;font-weight: normal;}
.schedule-info__item li b:before {width:8rem; height:8rem; background:#004EA1; border-radius:50%; content:''; display:block; position:absolute; left:0; top:9rem}
.schedule-info__item li p {display:flex; margin-left:20rem;}
.schedule-info__item li p span { position:relative;}
.schedule-info__item li p span + span {padding-left:12rem; margin-left:12rem;}
.schedule-info__item li p span + span:before {width:1rem;height:10rem;background:#888;content:'';display:block;position:absolute;left:0;top:50%;margin-top: -4rem;}
.schedule-info__item li p span > br:first-child {display:none;}


/* SCHEDULE */
.sub-schedule__contents {display:flex; margin-top:40rem;}
.sub-schedule__calendar {flex-shrink: 0;max-width: 500rem;background:#fff;border-radius:30rem;padding: 58rem 40rem;border: 2rem solid #F1F1F1;}
.sub-schedule__list {margin-left:40rem;flex-grow: 1;}
.sub-schedule__item {background:#fff; border:1rem solid #E6E6E6; border-radius:20rem; overflow:hidden;}
.sub-schedule__item + .sub-schedule__item {margin-top:20rem;}
.sub-schedule__item-head {display:flex;padding: 18rem 27rem 18rem 30rem;align-items: center;cursor:pointer;}
.sub-schedule__item-head h3 {font-size:22rem; font-weight:600;}
.sub-schedule__item-head span {font-size:16rem;font-weight:600;color:#009E9A;margin-left: 14rem;}
.sub-schedule__item-head span.sub-schedule__category {font-size:14rem; padding:5rem 12rem; border-radius:30rem; color: #004EA1; border: 1rem solid #004EA1;}
.sub-schedule__item-head button {margin-left:auto;border:none;background:none;position:relative;padding: 0;width: 30rem;height: 30rem;}
.sub-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;}
.sub-schedule__item.accordion--close .sub-schedule__item-head button:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.sub-schedule__item-body {padding: 21rem 10rem 21rem 40rem;border-top: 1rem solid #E6E6E6;}
.sub-schedule__item-body .timeline-item {display:flex; font-size:18rem;}
.sub-schedule__item-body .timeline-item + .timeline-item {margin-top:28rem;}
.sub-schedule__item-body .timeline-item time span {padding: 4rem 22rem 5rem;font-size:18rem;color:#0070E8;background:#E6F2FF;border-radius:30rem;}
.sub-schedule__item-body .timeline-contents {margin-left: 15rem;}
.sub-schedule__item-body .timeline-tit {font-size:20rem;}
.sub-schedule__item-body .timeline-location {margin-top:3rem;}
.sub-schedule__item-body .timeline-location span {position:relative;padding-left: 20rem;font-size: 16rem;color: #7A7A7A;}
.sub-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%);}
.sub-schedule__item-body .scroll-wrapper {max-height: 150rem;}
.sub-schedule__tab-list {display:none;}



/* **************************************** *
 * CONTENTS
 * **************************************** */
/* POSTER */
.poster-list {margin:-20rem -22.5rem; font-size:0; display: flex; flex-wrap: wrap;}
.poster-item {display:inline-block; width:calc(33.33% - 45rem); margin:20rem 22.5rem;}
.poster-item__img figure{ position: relative;padding-top:100%;}
.poster-item__img img {display:block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; display: block;}
.poster-item__info {margin-top:18rem;}
.poster-item__title {font-size:22rem; font-weight:500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.poster-item__desc {font-size:18rem; color:#444; margin-top:6rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.poster-item__info ul {margin-top:12rem;display:flex;align-items: center;}
.poster-item__info li {position:relative;}
.poster-item__info li + li {padding-left:12rem; margin-left:12rem;}
.poster-item__info li + li:before {content:''; display:block; width:1rem; height:10rem; background:#bbb; position:absolute; left:0; top:50%;transform: translateY(-50%);}
.poster-item__info li span {position:relative; font-size:16rem; color:#767676; padding-left:22rem;}
.poster-item__info li span:before {font-family: 'minjoo';font-weight:normal;color:#bbb;position:absolute;left:0;top: calc(50% + 1rem);transform: translateY(-50%);}
.poster-item__info li.time span:before { font-size:16rem; content:'\e924';}
.poster-item__info li.view span:before { font-size:18rem; content:'\e927';}

.img-popup {width:100%;max-width:680rem;margin:50rem auto;background:#fff;position: relative;}
.img-popup .mfp-close {font-size:0;right: -10rem;top: -44rem;opacity:1;}
.img-popup .mfp-close:before {font-family: 'minjoo';font-size: 20rem;font-weight: normal;color: #fff;content: '\e920';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.img-popup__figure { position:relative;}
.img-popup__figure img {display:block; width: 100%; max-width:100%;}
.img-popup__file {display:block; position:absolute; bottom:0; width:100%; padding:13rem 27rem; background:rgba(0,0,0,0.5); font-size:16rem; color:#fff;}
.img-popup__file span {position:relative; padding-left:22rem;}
.img-popup__file span:before {content:'\e90d';font-family: 'minjoo';font-weight:normal;color:#fff;font-size:16rem;position:absolute;left:0;top: 50%;transform: translateY(-50%);}
.img-popup__info {padding:20rem 30rem 30rem;}
.img-popup__title {font-size:22rem; font-weight:500;}
.img-popup__info ul {margin-top:12rem;display:flex;align-items: center;}
.img-popup__info li {position:relative;}
.img-popup__info li + li {padding-left:12rem; margin-left:12rem;}
.img-popup__info li + li:before {content:''; display:block; width:1rem; height:10rem; background:#bbb; position:absolute; left:0; top:50%;transform: translateY(-50%);}
.img-popup__info li span {position:relative; font-size:16rem; color:#767676; padding-left:22rem;}
.img-popup__info li span:before {font-family: 'minjoo';font-weight:normal;color:#bbb;position:absolute;left:0;top: calc(50% + 1rem);transform: translateY(-50%);}
.img-popup__info li.time span:before { font-size:16rem; content:'\e924';}
.img-popup__info li.view span:before { font-size:18rem; content:'\e927';}

/* BANNER */
.banner-item {margin-top:30rem;}
.banner-item__img figure{ position: relative;padding-top:19.723%;}
.banner-item__img img {display:block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; display: block;}

/* PR ARCHIVES */

/* PHOTO GALLERY */
.gallery-wrap {display:flex;gap:40rem;}
.gallery-photo {width:900rem;flex-shrink: 0;}
.gallery-photo__img figure{ position: relative;padding-top:79%;}
.gallery-photo__img img {display:block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; display: block;}
.gallery-photo__info {width: 100%;position:absolute;bottom:0;padding: 28rem 30rem;background: rgba(0,0,0,0.7);z-index:10;}
.gallery-photo__title {font-size:22rem;font-weight:600;color:#fff;padding-right: 210rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gallery-photo__desc {margin-top:8rem; font-size:16rem; color:#fff; padding-right:14%;}
.gallery-photo__info ul {position:absolute;right: 30rem;top: 30rem;display:flex;align-items: center;}
.gallery-photo__info li {position:relative;}
.gallery-photo__info li + li {padding-left:12rem; margin-left:12rem;}
.gallery-photo__info li + li:before {content:''; display:block; width:1rem; height:10rem; background:#bbb; position:absolute; left:0; top:50%;transform: translateY(-50%);}
.gallery-photo__info li span {position:relative;font-size:16rem;color:#fff;padding-left:22rem;opacity: 0.9;}
.gallery-photo__info li span:before {font-family: 'minjoo';font-weight:normal;color:#fff;position:absolute;left:0;top: calc(50% + 1rem);transform: translateY(-50%);}
.gallery-photo__info li.time span:before { font-size:16rem; content:'\e924';}
.gallery-photo__info li.view span:before { font-size:18rem; content:'\e927';}
.gallery-photo__info .download {display:inline-block;padding: 6rem 15rem;width: auto;border: 1rem solid #DFDFDF;background: #fff;border-radius: 8rem;font-size: 15rem;position:absolute;right: 30rem;bottom: 20rem;}
.gallery-photo__info .download span {padding-left:25rem;position:relative;}
.gallery-photo__info .download span:before {font-family: 'minjoo';font-size: 16rem;font-weight: normal;color: #000;content: '\e90d';position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.gallery-photo__thumb {position:relative;margin-top: 20rem;}
.gallery-photo__thumb .swiper-slide {position:relative;border:none;background:none;padding:0;cursor:pointer;max-width: 200rem;height: 140rem;margin-right:20rem;overflow: hidden;}

.gallery-photo__thumb .swiper-slide:last-child {margin-right:0rem;}
.gallery-photo__thumb .swiper-slide figure {position: relative;padding-top: 70%;}
.gallery-photo__thumb .swiper-slide img {display:block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; display: block;}
.gallery-photo__thumb .swiper-slide:before {opacity:0; display:block;content:''; width:100%; height:100%; background:rgba(0,0,0,0.3); content:''; display:block; position:absolute; top:0; left:0; z-index:10; transition:opacity .3s;}
.gallery-photo__thumb .swiper-slide.swiper-slide-thumb-active:before {opacity: 1;}
/*.gallery-photo__thumb-control {z-index: 10; width:100%; position: absolute; top: 50%; transform: translateY(-50%);}
.gallery-photo__thumb-control button {background:#fff;box-shadow: 0 3rem 6rem rgba(0,0,0,0.16);position: absolute;transform: translateY(-50%);}
.gallery-photo__thumb-control button.swiper-button-prev {left: -25rem;}
.gallery-photo__thumb-control button.swiper-button-next {right: -25rem;margin: 0;}
.gallery-photo__thumb-control button:before {color:#000;}
.gallery-photo__thumb-control .swiper-button-next.swiper-button-disabled, .gallery-photo__thumb-control .swiper-button-prev.swiper-button-disabled {display:none;}*/

.gallery-photo__thumb-control {margin-top:13rem; font-size:0;text-align: right;}
.gallery-photo__thumb-control button {width: 32rem;height: 32rem;line-height: 32rem;background: #fff;border: 1rem solid #bbb;margin:0;padding: 0;border-radius: 0;position: relative;-webkit-transition: .3s;transition: .3s;}
.gallery-photo__thumb-control button:before {width: 100%;height: 100%;font-family:'minjoo';display:block;font-size: 24rem;font-weight:normal;color: #444;position: absolute;top: 0;left: 0;z-index: 10;-webkit-transform:translateZ(10rem);-ms-transform:translateZ(10rem);transform:translateZ(10rem);-webkit-transition: .3s;transition: .3s;}
.gallery-photo__thumb-control button + button {margin-left: 6rem;}
.gallery-photo__thumb-control .swiper-button-prev {left: 0;}
.gallery-photo__thumb-control .swiper-button-prev:before {content: '\e907';left: -1rem;}
.gallery-photo__thumb-control .swiper-button-next {right: 0;}
.gallery-photo__thumb-control .swiper-button-next:before {content: '\e91c';right: -1rem;left: auto;}
.gallery-photo__thumb-control button:hover {border-color:#000;}
.gallery-photo__thumb-control button:hover:before {color:#000}

.gallery-list {border-top:2rem solid #000;flex-grow: 1; width: calc(100% - 1040rem);}
.gallery-list__head {display:flex;align-items: center;}
.gallery-list__sort {display: flex;align-items: center;padding: 15rem 0 15rem 20rem;}
.gallery-list__sort li {position:relative;}
.gallery-list__sort li + li {padding-left: 15rem;margin-left: 15rem;}
.gallery-list__sort li + li:before {width:1rem;height: 16rem;background: #B9B9B9;position:absolute;left:0;top:50%;transform: translateY(-50%);content:'';display:block;}
.gallery-list__sort li.active button {color:#004EA1;font-weight: 600;}
.gallery-list__sort button {border:none;background:none;padding: 5rem;font-size:18rem;color:#888;cursor: pointer;}
.gallery-pagination {margin-left:auto;font-size:0;}
.gallery-pagination button {cursor:pointer;width: 32rem;height: 32rem;line-height: 32rem;background: #fff;border: 1rem solid #bbb;margin:0;padding: 0;border-radius: 0;position: relative;-webkit-transition: .3s;transition: .3s;}
.gallery-pagination button:before {width: 100%;height: 100%;font-family:'minjoo';display:block;font-size: 24rem;font-weight:normal;color: #444;position: absolute;top: 0;left: 0;z-index: 10;-webkit-transform:translateZ(10rem);-ms-transform:translateZ(10rem);transform:translateZ(10rem);-webkit-transition: .3s;transition: .3s;}
.gallery-pagination button + button {margin-left: 6rem;}
.gallery-pagination .gallery-pagination--prev {left: 0;}
.gallery-pagination .gallery-pagination--prev:before {content: '\e907';left: -1rem;}
.gallery-pagination .gallery-pagination--next {right: 0;}
.gallery-pagination .gallery-pagination--next:before {content: '\e91c';right: -1rem;left: auto;}
.gallery-pagination button:hover {border-color:#000;}
.gallery-pagination button:hover:before {color:#000}
.gallery-list__contents {padding: 25rem 25rem 32rem;border-top:1rem solid #bbb;border-bottom: 1rem solid #bbb;}
.gallery-list__contents li {font-size:18rem;}
.gallery-list__contents li + li {margin-top:15rem;}
.gallery-list__contents li span {position:relative;padding-left: 12rem;display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.gallery-list__contents li span:before {width: 5rem;height: 5rem;background:#000;border-radius:50%;content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.gallery-list__contents li.active span {font-weight:600;text-decoration:underline;}

.gallery-popup {width:100%;max-width:1200rem;margin:0 auto;background:#fff;position: relative;}
.gallery-popup .mfp-close {font-size:0;right: -10rem;top: -44rem;opacity:1;}
.gallery-popup .mfp-close:before {font-family: 'minjoo';font-size: 20rem;font-weight: normal;color: #fff;content: '\e920';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.gallery-popup__figure { position:relative;}
.gallery-popup__figure img {display:block;max-width: 100%; width: 100%;}

.gallery-popup__wrap .mfp-container button.mfp-arrow { width: 60rem; height: 60rem; margin-top: -30rem; line-height: 60rem; opacity: 1;}
.gallery-popup__wrap button.mfp-arrow:after {border: 0;width: 100%;height: 100%;margin-top: 0;margin-right: 0;font-family: 'minjoo';font-size: 40rem;font-weight:normal;color: #fff;position: absolute;top: 0;left: 0;opacity: .4;-webkit-transition: opacity .3s;transition: opacity .3s;}
.gallery-popup__wrap button.mfp-arrow:before { margin-top: 0; margin-left: 0; border: 0; display: none; }
.gallery-popup__wrap button.mfp-arrow.mfp-arrow-left {left: 10%;}
.gallery-popup__wrap button.mfp-arrow.mfp-arrow-left:after {content: '\e905';margin-left: 0;}
.gallery-popup__wrap button.mfp-arrow.mfp-arrow-right {right: 10%;}
.gallery-popup__wrap button.mfp-arrow.mfp-arrow-right:after {content: '\e906';margin-left: 0;}
html.desktop .gallery-popup__wrap button.mfp-arrow:hover:after {opacity: 1;}
html.mobile .gallery-popup__wrap button.mfp-arrow:after {opacity: 1;}
.gallery-popup__figure .gallery-popup__pagination {display:none;}


/* VIDEO GALLERY */
.gallery-video {max-width:1000rem; width:100%; flex-shrink: 0;}
.gallery-video-item {position:relative;}
.gallery-video__img figure{ position: relative;padding-top:70%;}
.gallery-video__img img {display:block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; display: block;}
.gallery-video__info {width: 100%;position:absolute;bottom:0;padding: 28rem 30rem;background: rgba(0,0,0,0.7);z-index: 10;}
.gallery-video__title {font-size:22rem;font-weight:600;color:#fff;padding-right: 210rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gallery-video__desc {margin-top:8rem; font-size:16rem; color:#fff;}
.gallery-video__info ul {position:absolute;right: 30rem;top: 30rem;display:flex;align-items: center;}
.gallery-video__info li {position:relative;}
.gallery-video__info li + li {padding-left:12rem; margin-left:12rem;}
.gallery-video__info li + li:before {content:''; display:block; width:1rem; height:10rem; background:#bbb; position:absolute; left:0; top:50%;transform: translateY(-50%);}
.gallery-video__info li span {position:relative;font-size:16rem;color:#fff;padding-left:22rem;opacity: 0.9;}
.gallery-video__info li span:before {font-family: 'minjoo';font-weight:normal;color:#fff;position:absolute;left:0;top: calc(50% + 1rem);transform: translateY(-50%);}
.gallery-video__info li.time span:before { font-size:16rem; content:'\e924';}
.gallery-video__info li.view span:before { font-size:18rem; content:'\e927';}

.embed-video__inner {position: relative;width: 100%;padding-top: 56.25%;}
.embed-video__inner iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box; background: #000; background-size: 32px 32px;}
.embed-video__poster {width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer; z-index: 1; }
.embed-video__poster .embed-video__img {display: block;width: 100%;margin: 0;}
.embed-video__overlay {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000000;background: rgba(0, 0, 0, 0);}
.embed-video__overlay-btn {display: block;width: 110rem;height: 110rem;position: absolute;left: 50%;top: 50%;border-radius: 50%;background: rgba(255,255,255,0.5);transform: translate(-50%, -50%);}
.embed-video__overlay-btn:after {font-family: 'minjoo';content: '\e912';display: block;position: absolute;top: 50%;left: calc(50% + 4rem);transform: translate(-50%,-50%);font-size: 36rem;font-style: normal;color: #fff;}

/* MOBILE GALLERY */
.mob-gallery-list {display:none;}


/* **************************************** *
 * LOGIN
 * **************************************** */
.login-head {padding: 45rem;background:#F5F5F5;text-align: center;}
.login-head h2 {font-size:32rem; font-weight:500;}
.login-head h2 span {position:relative; padding-left:35rem;} 
.login-head h2 span:before {font-family: 'minjoo';font-size: 26rem;font-weight: normal;color:#000;content: '\e913';position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.login-head p {margin-top:10rem; font-size:16rem; color:#777}
.login-body {border:1rem solid #E2E2E2; border-top:none; padding:80rem; text-align:center;}
.login-body__inner {max-width:440rem; margin:0 auto;}
.btn-login {margin-top:40rem;}
.btn-login .btn-basic {max-width:440rem;}
.login-util {margin-top:30rem; text-align:center; font-size:0;}
.login-util li {display:inline-block; position:relative;}
.login-util li + li {margin-left:20rem; padding-left:20rem; }
.login-util li + li:before {width:1rem; height:10rem; background:#aaa; content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.login-util li a {font-size:16rem; color:#444; }



/* **************************************** *
 * SEARCH
 * **************************************** */
.search-result__info {display:flex; align-items:center; margin-bottom:16rem}
.search-result__info p {font-size:26rem;font-weight: 600;}
.search-result__info p span {color:#004EA1; margin-left:4rem;}
.search-result__info .btn-all-view {margin-left:auto;}

.highlight {color:#004EA1; font-weight:600;}

.search-result__item + .search-result__item {margin-top:100rem;}
.search-result__item .team-list {margin-top:-20rem;}
.search-result__item .board-list {}
.search-result__item .board-item {align-items: center;}
.search-result__item .board-item a { padding-left:0; font-size:20rem; -webkit-line-clamp: 1;}
.search-result__item .board-list.board-list__photo .board-item .board-contents {display: flex;width: calc(100% - 100rem);}
.search-result__item .board-list.board-list__photo .board-item a { display: flex; align-items: center;}
.search-result__item .board-list.board-list__photo .board-item span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.search-result__item .board-list.board-list__photo .board-item figure {position:relative;padding-top: 5.756%;width: 80rem;margin-right: 20rem;flex-shrink: 0;}
.search-result__item .board-list.board-list__photo .board-item img {position:absolute; top:0; display: block; width: 100%; max-width: 80rem; height: 100%; object-fit: cover; overflow: hidden; border-radius: 5rem; }
.search-result__item .board-list.board-list__photo .board-item { padding-top:20rem; padding-bottom:20rem;}


/* **************************************** *
 * BRIEFING
 * **************************************** */
 .briefing .board-item {padding-top:18rem; padding-bottom:18rem;}



/* **************************************** *
 * ETHIC
* **************************************** */
.component-step-box {border:1rem solid #E6E6E6; padding:48rem 120rem;}
.component-step {position:relative; display:flex; justify-content: center;justify-content: space-between;}
.component-step li {position:relative;text-align:center; display: flex; flex-direction: column; align-items: center;}
.component-step li i {position:relative; display: flex; flex-flow: column; justify-content: center;width:140rem; height:140rem; border-radius:50%; border:1rem solid #bbb; background:#fff; font-size:20rem; font-style:normal; font-weight:600; line-height:1;}
.component-step li i:after{width:160%;height:1rem;border: none;background:#bbb;content:'';display:block;position:absolute;top: 69rem;left:100%;}
.component-step li:last-child i:after {display:none;}
.component-step li b {display:block;font-size:32rem;margin-top:5rem;}
.component-step li span {display:block; margin-top:15rem; font-size:18rem;}
.component-step li.active i { color:#fff;}
.component-step li.active span {font-weight:600;}
.component-step li.active:nth-child(1) i {background:#84C452; border-color:#84C452;}
.component-step li.active:nth-child(2) i {background:#00AA7D; border-color:#00AA7D;}
.component-step li.active:nth-child(3) i {background:#008CCD; border-color:#008CCD;}
.component-step li.active:nth-child(4) i {background:#004EA1; border-color:#004EA1;}
.component-step li.complete i:before {position:absolute; left:0; top:0; display:block; width:100%; height:100%; border-radius:50%; font-family: 'minjoo';font-size: 100rem;font-weight: normal;line-height: 140rem;color:#fff;content: '\e921';}
.component-step li.complete:nth-child(1) i:before {background:#84C452;} 
.component-step li.complete:nth-child(2) i:before {background:#00AA7D;} 
.component-step li.complete:nth-child(3) i:before {background:#008CCD;} 

.component-step li.complete i:after {height:4rem;}
.component-step li.complete:nth-child(1) i:after {background:transparent linear-gradient(104deg, #84C452 0%, #00AA7D 100%) 0% 0% no-repeat padding-box}
.component-step li.complete:nth-child(2) i:after { background:transparent linear-gradient(104deg, #00AA7D 0%, #008CCD 100%) 0% 0% no-repeat padding-box}
.component-step li.complete:nth-child(3) i:after { background:transparent linear-gradient(104deg, #008CCD 0%, #004EA1 100%) 0% 0% no-repeat padding-box}

.report-desc {margin-top:60rem; margin-bottom:60rem;}
.report-desc b {font-size:24rem; font-weight:600; text-decoration:underline;}
.report-desc p {font-size:18rem; margin-top:12rem;}

.report-agree-all {border-bottom:1rem solid #E6E6E6; padding-bottom:24rem; margin-bottom:24rem;}

.report-agree .agree-box__wrap + .agree-box__wrap {margin-top:40rem;}
.agree-box__scroll-wrap {margin-top:24rem; border:1rem solid#E6E6E6; padding:30rem;}
.agree-box__scroll-wrap .scroll-wrapper > .scroll-content p {height:76rem; padding-right:15rem;}

.component-verification {}
.component-verification h3 {font-size:18rem; font-weight:600;margin-bottom:24rem;}
.verification-select {display:flex;gap:40rem;}
.verification-select li {flex:1 1 50%;}
.verification-select li a {display: flex;align-items: center;border:1rem solid #E6E6E6;font-size:18rem;font-weight:600;padding: 24rem 40rem;}
.verification-select li i {flex-shrink: 0;display:block;width:80rem; height:80rem; background:#F2F3F5; background-repeat:no-repeat;background-position: center; border-radius:50%;}
.verification-select li.verification-phone i {background-image: url(../images/icon/icon-phone.svg);}
.verification-select li.verification-ipin i {background-image: url(../images/icon/icon-ipin.svg);}
.verification-select li span {margin-left:24rem;}
.verification-guide {margin-top:24rem;}
.verification-guide li {position:relative;}
.verification-guide li + li {margin-top:8rem;}
.verification-guide li span {position:relative; padding-left:10rem; color:#7A7A7A; font-size:16rem;display:block;}
.verification-guide li span:before {width:4rem; height:4rem; background:#7A7A7A; border-radius:50%; content:''; display:block; position:absolute; left:0; top:10rem;}

.step-completed {margin-top:127rem; text-align:center;}
.step-completed h3 {font-size:32rem; font-weight:600;}
.step-completed__date {max-width:700rem;margin:30rem auto 0; border:1rem solid #E6E6E6; padding:37rem; font-size:18rem; font-weight:600;}
.step-completed__date p span {color:#004EA1;}
.step-completed__guide {margin-top:40rem;font-size:18rem;}
.step-completed__guide u {color:#004EA1;}

.ethic-form.form-type-02 {margin-bottom:40rem;}
.ethic-form.form-type-02 .form-field-wrap {gap:60rem;}
.ethic-form.form-type-02 .form-field-wrap + .form-field-wrap {margin-top:30rem;}
.ethic-form.form-type-02 .form-label {display:block; width:100%;}
.ethic-form.form-type-02 .form-field-item > .form-input__wrap { display: block; padding: 0; margin-top: 10rem;}




/* **************************************** *
 * GENDER
* **************************************** */
.gender-info {border:1rem solid #E6E6E6; padding:48rem 55rem 48rem 55rem;}
/* .gender-info:before {position:absolute; left:55rem; width:180rem; height:180rem; background:url(../images/sub/center/gender-report.svg) no-repeat; background-size:100%; content:''; display:block;} */
.gender-info b {font-size:24rem; font-weight:600; text-decoration:underline;}
.gender-info p {font-size:18rem; margin-top:12rem;}
.gender-info p span {font-weight:600; color:#004EA1; text-decoration:underline}
.gender-info__btn {margin-top:30rem;}

.gender-fqa {margin-top:60rem;}
.gender-fqa h3 {margin-bottom:24rem; font-size:18rem; font-weight:600;}
.gender-fqa .accordion__item {border:1rem solid #E6E6E6;}
.gender-fqa .accordion__item + .accordion__item {margin-top:24rem;}
.gender-fqa .accordion__title {position:relative; padding:28rem 32rem 28rem; cursor:pointer;}
.gender-fqa .accordion__title .title {position:relative; padding-left:46rem; padding-right:30rem; font-size:18rem; font-weight:600;}
.gender-fqa .accordion__title .title i {width:32rem; height:32rem; line-height:28rem; border-radius:50%; display:block; position:absolute; left:0; top:-3rem; font-weight:600; color:#fff; font-style:normal; text-align:center; background:#004EA1;}
.gender-fqa .accordion__title button {margin-left:auto;border:none;background:none;position:absolute; right:30rem; top:24rem; padding: 0;width: 30rem;height: 30rem;}
.gender-fqa .accordion__title 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;}
.gender-fqa .accordion__item.accordion--close .accordion__title button:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.gender-fqa .accordion__content { padding:6rem 32rem 28rem;}
.gender-fqa .accordion__content__inner {position:relative; padding-left:46rem;}
.gender-fqa .accordion__content i {width:32rem; height:32rem; line-height:28rem; border-radius:50%; display:block; position:absolute; left:0; top:-3rem; font-weight:600; color:#fff; font-style:normal; text-align:center; background:#0092BA;}
.gender-fqa p + .content-section, .gender-fqa .content-section + .content-section {margin-top:30rem;}
.gender-fqa .content-section h5 {font-size:18rem; font-weight:600;}
.gender-fqa .content-section > ul {margin-top:5rem;}
.gender-fqa .content-section > ul > li {position:relative; padding-left:10rem;}
.gender-fqa .content-section > ul > li:before {display:block; content:''; width:3rem; height:3rem; background:#000; border-radius:50%; position:absolute; left:0; top:12rem;}
.gender-fqa .content-section > ul > li + li {margin-top:5rem;}
.gender-fqa .content-section > ul > li > ul > li {position:relative; padding-left:10rem;}
.gender-fqa .content-section > ul > li > ul > li:before {display:block; content:'*'; position:absolute; left:0; top: 6rem; font-size: 12rem;}
.gender-fqa .content-section .loaction-map {width:100%; margin-top:30rem;}
.gender-fqa .content-section b + figure {margin-top:20rem;}
.gender-fqa .content-section img {max-width:100%; display:block;}
.gender-fqa .content-section h5 + b {margin-top:5rem;}
.gender-fqa .content-section ul + b, .gender-fqa .content-section p + b {margin-top:20rem;}
.gender-fqa .content-section > b {display:block;position:relative; padding-left:10rem;}
.gender-fqa .content-section > b:before {display:block; content:'-'; position:absolute; left:0;} 

.gender-form + .gender-form {margin-top:60rem;}
.gender-form .form-title {font-size: 18rem; font-weight: 600; margin-bottom: 15rem;}
.gender-table {border-top:2rem solid #000;}
.gender-form .form-label {padding-left:30rem; padding-right:30rem;}
.gender-form .form-label i {font-size:13rem; font-weight:normal; font-style:normal; margin-top:10rem; display:block; }
.gender-form textarea {resize:vertical;vertical-align: middle;}

.gender-report-sign {border:1rem solid #E6E6E6; padding:48rem; text-align:center;}
.gender-report-sign label {display:inline-block;}
.gender-report-sign label input { display: inline-block; width: 120rem; margin: 0 15rem 6rem;}
.gender-report-sign__agree {margin:30rem 0;}
.gender-report-sign b {display:block;font-size:18rem; margin-top:13rem;}
.gender-form__guide-text {font-size:13rem; margin-top:15rem; color:#7A7A7A;}

.gender-result {margin-top:60rem;}
.gender-result h3 {margin-bottom:24rem; font-size:18rem; font-weight:600;}
.gender-result__list {border:1rem solid #E6E6E6; padding:25rem 30rem;}
.gender-result__list li {font-weight:600;}
.gender-result__list li + li {margin-top:10rem;}
.gender-result__list li span {padding-left:12rem; position:relative;}
.gender-result__list li span:before {width:4rem; height:4rem; background:#000; border-radius:50%; content:''; display:block; position:absolute; left:0; top:10rem;}

.gender-result-detail__head {text-align:center; margin-bottom:60rem;}
.gender-result-detail__head h3 {font-size:48rem; font-weight:600;}
.gender-result-detail__head p {font-size:20rem; font-weight:600; margin-top:20rem;}

.agree-section .sub-section__title {margin-bottom:12rem; font-size:20rem; color:#232527; font-weight:500;}
.agree-box {border:5rem solid #E2E2E2; background:#fff; padding:35rem;}
.agree-box.all-agree {padding-top:25rem; padding-bottom:25rem;}
.agree-box.all-agree .custom-checkbox + p {margin-top:10rem; color:#444;}
.agree-box .scroll-wrapper {max-height:300rem;background:#FAFAFA; padding:30rem; }
.agree-box .scrollbar-inner::-webkit-scrollbar { display: none;}
.agree-section + .agree-section {margin-top:80rem;}
.agree-section .custom-radio__wrap {display:flex; margin-top:30rem;}
.agree-section .custom-radio__wrap p {font-size:16rem; font-weight:500; margin-right:30rem;}
