@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansKR-Light-Hestia.woff) format('woff'),
       url(../fonts/NotoSansKR-Light-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/NotoSansKR-Regular-Hestia.woff) format('woff'),
        url(../fonts/NotoSansKR-Regular-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../fonts/NotoSansKR-Medium-Hestia.woff) format('woff'),
        url(../fonts/NotoSansKR-Medium-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 600;
   src: url(../fonts/NotoSansKR-Bold-Hestia.woff) format('woff'),
        url(../fonts/NotoSansKR-Bold-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/NotoSansKR-Black-Hestia.woff) format('woff'),
        url(../fonts/NotoSansKR-Black-Hestia.otf) format('opentype');
}

#wrap{font-family: "Pretendard Variable", Pretendard, 'Noto Sans KR', '맑은 고딕', sans-serif;-webkit-text-size-adjust:100%;font-size:15px;line-height:150%;position:fixed;left:0;right:0;top:0;bottom:0;background:url(../img/bg5.jpg) no-repeat center bottom;background-size:cover;}
#wrap.sub{background:#EAEAEA;color:#000;}

::selection {
  background-color: white;
  color: black;
}
/* multi lingual */
span.ml-en,
span.ml-punct,
span.ml-num,
p.fil-en {
  position: relative;
  font-size: 110%;
  line-height: 1;
  padding-right: 0.02em;
}
span.ml-punct_s {
  font-family: 'GT Web', sans-serif !important;
}
/* exhibition single page */
.thematic .tax-color,
.thematic .exhibition-artwork-caption {
  color: #ac5aff;
}
.cities .tax-color,
.cities .exhibition-artwork-caption {
  color: #ff40b3;
}
.global .tax-color,
.global .exhibition-artwork-caption {
  color: #ffdd34;
}
.guest .tax-color,
.guest .exhibition-artwork-caption {
  color: #0099dd;
}
.seoul .tax-color,
.seoul .exhibition-artwork-caption {
  color: #ff5100;
}
.live .tax-color,
.live .exhibition-artwork-caption {
  color: #00bd8b;
}
button.fancybox-button.fancybox-button--fullscreen {
  display: none;
}
.fancybox-container .fancybox-image {
  top: 0;
}
.work-section {
  color: white;
  width: calc(100% - 20px/2*3) !important;
  min-height: 100vh;
}
.work-section .et_pb_row:first-child {
  padding-top: 4px !important;
}
.work-section .et_pb_row .et_pb_column_4_4 {
  padding: 0 10px;
}
.work-section .et_pb_row .et_pb_column_1_2 {
  width: 50%;
  margin-right: 0;
  padding: 0 10px;
}
.work-section .et_pb_row .et_pb_column .exhibition-artwork-text-ko,
.work-section .et_pb_row .et_pb_column .exhibition-artwork-text-en {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 500;
  padding: 5px 0 1em !important;
}
.work-section .et_pb_row .et_pb_column .exhibition-artwork-gallery {
  margin-bottom: 0;
}
.work-section .et_pb_row .et_pb_column .exhibition-artwork-gallery .wp-spaios-slider-wrap .wp-spaios-img-wrap {
  height: 100%;
}
.work-section .et_pb_row .et_pb_column .exhibition-artwork-gallery .wp-spaios-slider-wrap .wp-spaios-img-wrap img {
  max-height: calc(11vw + 350px);
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top left;
  object-position: top left;
}
.work-section .et_pb_row .et_pb_column .exhibition-artwork-gallery .wp-spaios-slider-wrap .wp-spaios-img-wrap a {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.work-section .et_pb_row .et_pb_column .exhibition-artwork-gallery .wp-spaios-slider-wrap .wp-spaios-slider-content {
  display: none;
}
.work-section .et_pb_row .et_pb_column .exhibition-artwork-caption {
  font-size: 14px;
  padding: 5px 0 40px;
}
.work-section .et_pb_row.artist-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-top: 40px !important;
  padding-bottom: 10px !important;
}
.work-section .et_pb_row.artist-row .et_pb_column_1_3 {
  margin-right: 0;
  padding: 0 10px;
}
.work-section .et_pb_row.artist-row .et_pb_column_1_3:nth-child(1) {
  width: 25%;
}
.work-section .et_pb_row.artist-row .et_pb_column_1_3:nth-child(2) {
  width: 37.5%;
}
.work-section .et_pb_row.artist-row .et_pb_column_1_3:nth-child(3) {
  width: 37.5%;
}
.work-section .et_pb_row.artist-row .et_pb_column .exhibition-artist-photo .wp-spaios-slider-wrap .wp-spaios-slider-content {
  display: none;
}
.work-section .et_pb_row.artist-row .et_pb_column .et_pb_text {
  margin-bottom: 0;
  font-size: 14px;
}
.meta-section {
  position: fixed;
  width: 100vh;
  width: calc(var(--vh, 1vh) * 100);
  top: 0;
  right: -100vh;
  right: calc(var(--vh, 1vh) * -100);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  z-index: 99;
  color: white;
  font-weight: 500;
}
.meta-section .et_pb_row {
  padding: 6px 15px !important;
}
.meta-section .et_pb_row .et_pb_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.meta-section .et_pb_row .et_pb_column .et_pb_text {
  margin-bottom: 0;
  padding-right: 40px;
  font-size: 14px;
}
.meta-section .et_pb_row .et_pb_column .et_pb_text p {
  white-space: nowrap;
}

@media screen and (max-width:1024px) {
  #et-main-area #main-content .et_pb_section .et_pb_row.sponsors-pc-wrap {
    display: none;
  }
}
#et-main-area #main-content .et_pb_section .et_pb_row.sponsors-wrap {
  display: none;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width:1024px) {
  #et-main-area #main-content .et_pb_section .et_pb_row.sponsors-wrap {
    display: flex;
  }
}
#et-main-area #main-content .et_pb_section .et_pb_row.sponsors-wrap > .et_pb_column {
  margin: 0;
}
#et-main-area #main-content .et_pb_section .et_pb_row.sponsors-wrap > .et_pb_column img {
  filter: grayscale(100%) brightness(10);
}
#et-main-area #main-content .et_pb_section .et_pb_row.sponsors-wrap > .et_pb_column:nth-child(1) img {
  height: 30px;
}
#et-main-area #main-content .et_pb_section .et_pb_row.sponsors-wrap > .et_pb_column:nth-child(3) img {
  height: 45px;
}
#et-main-area #main-content .et_pb_section .et_pb_row.sponsors-wrap > .et_pb_column:nth-child(4) img {
  height: 32px;
}
#et-main-area #main-content .et_pb_section .et_pb_row.sponsors-wrap > .et_pb_column:nth-child(5) img {
  height: 36px;
}
#et-main-area #main-content .et_pb_section .et_pb_row.sponsors-wrap > .et_pb_column:nth-child(6) img {
  height: 28px;
}
#et-main-area #main-content .et_pb_section .et_pb_row.sponsors-wrap > .et_pb_column > .et_pb_module {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width:1024px) {
  .work-section {
    width: calc(100% - 20px) !important;
  }
  .work-section .et_pb_row .et_pb_column .exhibition-artwork-caption {
    font-size: 13px;
  }
  .work-section .et_pb_row.artist-row .et_pb_column_1_3 {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .work-section .et_pb_row .et_pb_column {
    width: 100%;
    margin-bottom: 0;
  }
  .work-section .et_pb_row .et_pb_column .exhibition-artwork-text-ko,
  .work-section .et_pb_row .et_pb_column .exhibition-artwork-text-en {
    font-size: 20.8px;
    padding: 5px 0 0 !important;
    margin-bottom: 0 !important;
  }
  .work-section .et_pb_row .et_pb_column .exhibition-artwork-text-en {
    padding-bottom: 14px !important;
  }
  .work-section .et_pb_row .et_pb_column .exhibition-artwork-gallery {
    margin-bottom: 0 !important;
  }
  .work-section .et_pb_row .et_pb_column .exhibition-artwork-gallery .wp-spaios-slider-wrap .wp-spaios-img-wrap img {
    max-height: calc(60vw + 20px);
  }
  .work-section .et_pb_row .et_pb_column .exhibition-text-ko,
  .work-section .et_pb_row .et_pb_column .exhibition-text-en {
    margin-bottom: 16px !important;
  }
  .work-section .et_pb_row.artist-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .work-section .et_pb_row.artist-row .et_pb_column_1_3:nth-child(1) {
    width: 50% !important;
    padding-bottom: 10px;
  }
  .meta-section .et_pb_row .et_pb_column {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .meta-section .et_pb_row .et_pb_column .et_pb_text {
    padding-right: 0;
    font-size: 13px;
  }
  #et-main-area #main-content .et_pb_section .et_pb_row.sponsors-wrap > .et_pb_column {
    width: 33% !important;
    display: flex;
    align-items: center;
  }
  #et-main-area #main-content .et_pb_section .et_pb_row.sponsors-wrap > .et_pb_column:nth-child(1) img,
  #et-main-area #main-content .et_pb_section .et_pb_row.sponsors-wrap > .et_pb_column:nth-child(4) img,
  #et-main-area #main-content .et_pb_section .et_pb_row.sponsors-wrap > .et_pb_column:nth-child(5) img,
  #et-main-area #main-content .et_pb_section .et_pb_row.sponsors-wrap > .et_pb_column:nth-child(6) img {
    max-height: 40px;
  }
  #et-main-area #main-content .et_pb_section .et_pb_row.sponsors-wrap > .et_pb_column > div {
    margin: 2rem auto;
  }
  #et-main-area #main-content .et_pb_section .et_pb_row.sponsors-wrap > .et_pb_column img {
    max-height: 60px;
    filter: grayscale(100%) brightness(10);
  }
}
@media screen and (max-width:450px) {
  .work-section .et_pb_row .et_pb_column .exhibition-artwork-gallery .wp-spaios-slider-wrap .wp-spaios-img-wrap img {
    max-height: 150vw;
  }
}
/* menu page single */
.menu_page_container .et_pb_row {
  padding: 0 10px 20px !important;
  margin-left: -5px;
  margin-right: -5px;
  width: calc(100% + 20px/2) !important;
  max-width: inherit;
}
.menu_page_container .et_pb_column {
  margin-right: 0 !important;
  padding-left: 5px;
  padding-right: 5px;
}
.menu_page_container .et_pb_column_1_2 {
  width: 50% !important;
}
.menu_page_container .et_pb_column_1_3 {
  width: 33.33333333% !important;
}
.menu_page_container .et_pb_column_1_4 {
  width: 25% !important;
}
.menu_page_container .et_pb_column_1_5 {
  width: 20% !important;
}
.menu_page_container .et_pb_column_1_6 {
  width: 16.66666667% !important;
}
.menu_page_container .et_pb_column_2_3 {
  width: 66.66666667% !important;
}
.menu_page_container .et_pb_column_3_4 {
  width: 75% !important;
}
.menu_page_container .et_pb_column_2_5 {
  width: 40% !important;
}
.menu_page_container .et_pb_column_3_5 {
  width: 60% !important;
}
.menu_page_container .et_pb_column_4_5 {
  width: 80% !important;
}
.menu_page_container .et_pb_module {
  margin-bottom: 20px !important;
}
.menu_page_container .et_pb_module.et_pb_image {
  margin-bottom: 0 !important;
}
.menu_page_container #main-content {
  padding: 9px 0;
}
.menu_page_container #main-content .et_pb_section .et_pb_row .et_pb_column a {
  color: white;
}
.menu_page_container #main-content .et_pb_section .et_pb_row .et_pb_column p {
  padding-bottom: 1.3em;
}
.menu_page_container #main-content .et_pb_section .et_pb_row .et_pb_column p:not(.has-background):last-of-type {
  padding-bottom: 0;
}
.menu_page_container #main-content .et_pb_section .et_pb_row .et_pb_column h3 {
  font-size: 23.4px;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 1em;
}
.menu_page_container #main-content .et_pb_section .et_pb_row .et_pb_column h4 {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 0.2em;
}
.menu_page_container #main-content .et_pb_section .et_pb_row .et_pb_column table {
  border: 0;
}
.menu_page_container #main-content .et_pb_section .et_pb_row .et_pb_column table td {
  padding: 5px 5px 10px 0;
  vertical-align: top;
  border: 0;
  border-top: 1px solid;
  font-size: 0.9em;
  width: auto !important;
}
.menu_page_container #main-content .et_pb_section .et_pb_row.line:before {
  content: "";
  border-top: 1px solid white;
  position: relative;
  display: block;
  width: calc(100% - 20px/2);
  margin-top: 2rem;
  padding-bottom: 15px;
  left: 5px;
}
.menu_page_container #main-content .post-105 .et_pb_section .et_pb_row .et_pb_column table td:first-child {
  width: 120px !important;
}
@media (max-width: 767px) {
  .menu_page_container #main-content .et_pb_section .et_pb_row .et_pb_column {
    width: 100% !important;
    margin-bottom: 0;
  }
  .menu_page_container #main-content .et_pb_section .et_pb_row .et_pb_column h3 {
    font-size: 20.8px;
    margin-bottom: 0.5em;
  }
  .menu_page_container #main-content .et_pb_section .et_pb_row .et_pb_column h4 {
    font-size: 1.05rem;
    margin-bottom: 0.2em;
  }
  .menu_page_container #main-content .et_pb_section .et_pb_row .et_pb_column table td {
    padding: 3px 3px 3px 0;
    border-top: 1px solid;
    font-size: 0.8em;
  }
  .menu_page_container #main-content .et_pb_section .et_pb_row .et_pb_column .et_pb_module {
    margin-bottom: 16px !important;
  }
  .menu_page_container #main-content .et_pb_section .et_pb_row.line:before {
    width: calc(100% - 20px/2);
    padding-bottom: 10px;
    left: 5px;
  }
}
.border-link a {
  border-bottom: 1px solid;
  padding-bottom: 1px;
}
/* style.less로 옮기기 */
nav.main-nav #menuChecker:checked ~ label.mobile.ham-menu:before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100vw;
  height: 48px;
  background-color: black;
  z-index: -1;
}
@media screen and (max-width:1024px) {
  .menu_page_container.on {
    transform: translateY(calc(3.3%));
    border-top: 1px solid;
  }
  .menu_page_container .page_load_wrap {
    height: 100vh;
    height: calc((var(--vh, 1vh) * 100) - 3.3rem);
  }
  nav.main-nav .menus {
    padding-top: 3.3rem !important;
  }
}
.menu-introduction .en,
.menu-introduction .en h3,
.menu-introduction .en h4 {
  color: #ff5100 !important;
}
.menu-sbau .en,
.menu-sbau .en h3,
.menu-sbau .en h4 {
  color: #ac5aff !important;
}
.menu-exhibitions .en,
.menu-exhibitions .en h3,
.menu-exhibitions .en h4 {
  color: #00bd8b !important;
}
.menu-publicprograms .en,
.menu-publicprograms .en a,
.menu-publicprograms .en h3,
.menu-publicprograms .en h4 {
  color: #ffdd34 !important;
}
.menu-media .en,
.menu-media .en h3,
.menu-media .en h4 {
  color: #ff40b3 !important;
}
/* color setting */
/* font size setting */
/* layout setting */
@keyframes plusToLogo {
  from {
    transform: rotate(18deg);
  }
  to {
    transform: rotate(-18deg);
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes rotate-logo {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes rotate-logo {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@keyframes rotate-logo {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@-moz-keyframes hamToX_top {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(0, 7px);
  }
  100% {
    transform: translate(0, 10.2px) rotate(45deg);
  }
}
@-webkit-keyframes hamToX_top {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(0, 7px);
  }
  100% {
    transform: translate(0, 10.2px) rotate(45deg);
  }
}
@keyframes hamToX_top {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(0, 7px);
  }
  100% {
    transform: translate(0, 10.2px) rotate(45deg);
  }
}
@-moz-keyframes hamToX_center {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(45deg);
  }
}
@-webkit-keyframes hamToX_center {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(45deg);
  }
}
@keyframes hamToX_center {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(45deg);
  }
}
@-moz-keyframes hamToX_bottom {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(0, -7px);
  }
  100% {
    transform: translate(0, -7px) rotate(-45deg);
  }
}
@-webkit-keyframes hamToX_bottom {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(0, -7px);
  }
  100% {
    transform: translate(0, -7px) rotate(-45deg);
  }
}
@keyframes hamToX_bottom {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(0, -7px);
  }
  100% {
    transform: translate(0, -7px) rotate(-45deg);
  }
}
ul {
  list-style: none !important;
  padding: 0 !important;
}
html {
  font-size: 16px;
  overflow-x: hidden;
}
body {
  word-break: keep-all;
  font-size: 1rem;
  font-weight: 400;
  word-spacing: -0.05em;
  letter-spacing: 0.01em;
  line-height: 1.5;
}
.home body {
  overflow: hidden;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select {
  padding: 0;
  color: #fff;
}
.stop-drag,
header *,
footer *,
.data-filter * {
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3;
}
h1 {
  font-size: 60px;
}
h2 {
  font-size: 46px;
}
h3 {
  font-size: 33px;
}
h4 {
  font-size: 26px;
}
.et_pb_row,
.container {
  width: 100%;
  max-width: 100%;
}
#main-content,
.et_pb_section {
  background-color: transparent;
}
.et_pb_section,
.et_pb_row {
  padding: 0 !important;
}
* {
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
*::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera*/
}
.pc {
  display: block;
}
.mobile {
  display: none;
}
label img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
label input {
  display: none;
  appearance: none;
}
header {
  position: fixed;
  z-index: 10;
  top: 1.2rem;
  color: #fff;
  width: calc(100% -  64px);
  font-weight: 500;
}
header h1 {
  color: #fff !important;
  position: absolute !important;
  width: 50vw !important;
  text-align: center !important;
  font-size: 1.4vw;
  line-height: 1.25em;
  font-weight: 500;
  left: 50%;
  transform: translateX(-50%);
}
header h1 strong{display:block;font-size:2vw;line-height:150%;font-family: "Noto Serif KR", serif !important;}
header h1:hover {
  cursor: pointer;
}
header .info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  float: right;
  width: 30%;
  max-width: 450px;
  margin-right: 1.2rem;
  font-size: 14px;
  line-height: 1.4em;
}
header .info p:first-child,
header .info > div:first-child {
  width: 42%;
  padding-right: .8rem;
}
header .info p:last-child,
header .info > div:last-child {
  width: 58%;
}
footer {
  position: fixed;
  width: calc(100% -  64px);
  z-index: 10;
  padding: 0 1.2rem;
  bottom: 2rem;
  justify-content: space-between;
  align-items: flex-end;
    text-align:center;
}
.menu-hover-white {
  color: #fff;
}
.menu-hover-white .kr-title {
  color: #fff;
}
.menu-hover-white:hover .en-title {
  color: #fff;
}
nav.main-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  color: #fff;
  width: 64px;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  font-size: 24px;
}
nav.main-nav .menu {
  border-right: 1px solid #fff;
}
nav.main-nav:hover {
  cursor: pointer;
}
nav.main-nav *:hover {
  cursor: pointer;
}
nav.main-nav .always {
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100%;
  border-right: 1px solid #fff;
  background-color: #000;
  padding-left: 15%;
}
nav.main-nav .always .nav-logo {
  fill: #fff;
  width: 70%;
  position: absolute;
  top: 15px;
  left: auto;
  margin: 0;
  padding: 0;
  transition: 1s transform ease-out;
  z-index: 2;
}
nav.main-nav .always .nav-logo polygon {
  transition: 0.3s transform ease-in-out;
  transform-origin: center;
}
nav.main-nav .always .nav-logo polygon:nth-child(1) {
  transform: rotate(18deg);
}
nav.main-nav .always .nav-logo polygon:nth-child(2) {
  transform: rotate(18deg);
}
nav.main-nav .always .nav-logo polygon:nth-child(3) {
  transform: rotate(36deg);
}
nav.main-nav .always .nav-logo polygon:nth-child(4) {
  transform: rotate(36deg);
}
nav.main-nav .always .nav-logo polygon:nth-child(5) {
  transform: rotate(54deg);
}
nav.main-nav .always .nav-logo polygon:nth-child(6) {
  transform: rotate(54deg);
}
nav.main-nav .always .nav-logo polygon:nth-child(7) {
  transform: rotate(72deg);
}
nav.main-nav .always .nav-logo polygon:nth-child(8) {
  transform: rotate(72deg);
}
nav.main-nav .always .nav-logo polygon:nth-child(9) {
  transform: rotate(0deg);
}
nav.main-nav .always:hover .nav-logo polygon:nth-child(1) {
  transform: rotate(-18deg);
}
nav.main-nav .always:hover .nav-logo polygon:nth-child(2) {
  transform: rotate(-18deg);
}
nav.main-nav .always:hover .nav-logo polygon:nth-child(3) {
  transform: rotate(-36deg);
}
nav.main-nav .always:hover .nav-logo polygon:nth-child(4) {
  transform: rotate(-36deg);
}
nav.main-nav .always:hover .nav-logo polygon:nth-child(5) {
  transform: rotate(-54deg);
}
nav.main-nav .always:hover .nav-logo polygon:nth-child(6) {
  transform: rotate(-54deg);
}
nav.main-nav .always:hover .nav-logo polygon:nth-child(7) {
  transform: rotate(-72deg);
}
nav.main-nav .always:hover .nav-logo polygon:nth-child(8) {
  transform: rotate(-72deg);
}
nav.main-nav .always:hover .nav-logo polygon:nth-child(9) {
  transform: rotate(0deg);
}
nav.main-nav .always .nav-title {
  position: absolute;
  bottom: 0;
  display: inline-block;
  font-weight: 400;
  transform: rotate(-90deg) translateY(10%);
  transform-origin: top left;
  min-width: 530px;
  width: 100vh;
  width: calc(var(--vh, 1vh) * 100);
  font-size: 1em;
  margin-bottom: -15px;
  white-space: pre;
}
nav.main-nav .always #menuChecker:hover ~ label.always svg {
  transform: rotate(360deg);
}
nav.main-nav #menuChecker:checked ~ label.always .nav-logo polygon:nth-child(1) {
  transform: rotate(-18deg);
}
nav.main-nav #menuChecker:checked ~ label.always .nav-logo polygon:nth-child(2) {
  transform: rotate(-18deg);
}
nav.main-nav #menuChecker:checked ~ label.always .nav-logo polygon:nth-child(3) {
  transform: rotate(-36deg);
}
nav.main-nav #menuChecker:checked ~ label.always .nav-logo polygon:nth-child(4) {
  transform: rotate(-36deg);
}
nav.main-nav #menuChecker:checked ~ label.always .nav-logo polygon:nth-child(5) {
  transform: rotate(-54deg);
}
nav.main-nav #menuChecker:checked ~ label.always .nav-logo polygon:nth-child(6) {
  transform: rotate(-54deg);
}
nav.main-nav #menuChecker:checked ~ label.always .nav-logo polygon:nth-child(7) {
  transform: rotate(-72deg);
}
nav.main-nav #menuChecker:checked ~ label.always .nav-logo polygon:nth-child(8) {
  transform: rotate(-72deg);
}
nav.main-nav #menuChecker:checked ~ label.always .nav-logo polygon:nth-child(9) {
  transform: rotate(0deg);
}
nav.main-nav .nav-info {
  margin-top: 64px;
  font-size: 1rem;
  text-align: center;
  padding-right: 8px;
}
nav.main-nav .ham-menu {
  position: relative;
  z-index: 301;
  width: 100%;
  height: 100%;
  top: 10px;
  left: 10px;
}
nav.main-nav .ham-menu svg line {
  fill: none;
  stroke: #fff;
  stroke-width: .8px;
  transform-origin: center;
  transition: 0.25s all ease-in-out;
}
nav.main-nav #menuChecker:checked ~ label.ham-menu svg line:nth-child(1) {
  transform: translate(4px, 4.3px) rotate(-45deg);
}
nav.main-nav #menuChecker:checked ~ label.ham-menu svg line:nth-child(2) {
  transition: 0.25s all ease-in-out;
  transform-origin: center center;
  transform: translate(-5px, -0.5px) rotate(45deg);
}
nav.main-nav #menuChecker:checked ~ label.ham-menu svg line:nth-child(3) {
  transform: translate(-7px, -5.3px) rotate(-45deg);
}
nav.main-nav .menus {
  position: absolute;
  top: 0;
  left: 64px;
  transform: translateX(calc(-100% - 64px));
  width: 25vw;
  max-width: 350px;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #000;
  transition: 0.4s all ease-in-out;
  overflow-y: scroll;
}
nav.main-nav .menus a {
  color: #fff !important;
}
nav.main-nav .menus li.item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #fff;
  padding: 10px;
  line-height: 1.3;
  position: relative;
  transition: 0.1s;
}
nav.main-nav .menus li.item:after {
  content: "+";
  position: absolute;
  right: 9px;
  top: 4px;
  opacity: 0;
  font-weight: 400;
}
nav.main-nav .menus li.item:hover {
  background-color: #fff;
  color: #000;
}
nav.main-nav .menus li.item:hover .kr-title {
  font-weight: 500;
}
nav.main-nav .menus li.item:hover:after {
  opacity: 1;
}
nav.main-nav .menus input:checked + label > li.item:after {
  opacity: 1;
}
nav.main-nav .menus > label {
  display: block;
}
nav.main-nav .menus > label li span {
  width: 100%;
  display: block;
}
nav.main-nav .menus > label li span.kr-title {
  font-size: .7em;
}
nav.main-nav .menus > label li span.en-title {
  font-size: 0.75em;
}
nav.main-nav .menus ul.menu-lev-2 {
  max-height: 0px;
  overflow: hidden;
  transition: 0.4s all ease-in-out;
}
nav.main-nav .menus ul.menu-lev-2 li.item {
  padding-left: 40px;
}
nav.main-nav .menus ul.menu-lev-2 span {
  width: 100%;
  display: block;
}
nav.main-nav .menus ul.menu-lev-2 span.kr-title {
  font-size: .7em;
}
nav.main-nav .menus ul.menu-lev-2 span.en-title {
  font-size: 0.75em;
}
nav.main-nav input[type=checkbox] {
  display: none;
}
nav.main-nav input[type=radio] {
  display: none;
}
nav.main-nav #menuChecker:checked ~ .menus {
  transform: translateX(0%);
}
nav.main-nav #item1896:checked ~ .ul-1896 {
  max-height: 400px;
}
nav.main-nav #item288:checked ~ .ul-288 {
  max-height: 400px;
}
nav.main-nav #item289:checked ~ .ul-289 {
  max-height: 400px;
}
nav.main-nav #item2014:checked ~ .ul-2014 {
  max-height: 400px;
}
nav.main-nav #item590:checked ~ label .item-590 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item590:checked ~ label .item-590 .kr-title {
  font-weight: 500;
}
nav.main-nav #item590:checked ~ label .item-590 .kr-title {
  color: #000;
}
nav.main-nav #item590:checked ~ label .item-590:hover .en-title {
  color: #000;
}
nav.main-nav #item2014:checked ~ label .item-2014 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item2014:checked ~ label .item-2014 .kr-title {
  font-weight: 500;
}
nav.main-nav #item2014:checked ~ label .item-2014 .kr-title {
  color: #000;
}
nav.main-nav #item2014:checked ~ label .item-2014:hover .en-title {
  color: #000;
}
nav.main-nav #item288:checked ~ label .item-288 {
  border-color: #000;
  background-color: #fff;
  color: #000;
}
nav.main-nav #item288:checked ~ label .item-288 .kr-title {
  font-weight: 500;
}
nav.main-nav #item288:checked ~ label .item-288 .kr-title {
  color: #000;
}
nav.main-nav #item288:checked ~ label .item-288:hover .en-title {
  color: #000;
}
nav.main-nav #item225:checked ~ label .item-225 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item225:checked ~ label .item-225 .kr-title {
  font-weight: 500;
}
nav.main-nav #item225:checked ~ label .item-225 .kr-title {
  color: #000;
}
nav.main-nav #item225:checked ~ label .item-225 .en-title {
  color: #000;
}
nav.main-nav #item226:checked ~ label .item-226 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item226:checked ~ label .item-226 .kr-title {
  font-weight: 500;
}
nav.main-nav #item226:checked ~ label .item-226 .kr-title {
  color: #000;
}
nav.main-nav #item226:checked ~ label .item-226 .en-title {
  color: #000;
}
nav.main-nav #item227:checked ~ label .item-227 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item227:checked ~ label .item-227 .kr-title {
  font-weight: 500;
}
nav.main-nav #item227:checked ~ label .item-227 .kr-title {
  color: #000;
}
nav.main-nav #item227:checked ~ label .item-227 .en-title {
  color: #000;
}
nav.main-nav #item228:checked ~ label .item-228 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item228:checked ~ label .item-228 .kr-title {
  font-weight: 500;
}
nav.main-nav #item228:checked ~ label .item-228 .kr-title {
  color: #000;
}
nav.main-nav #item228:checked ~ label .item-228 .en-title {
  color: #000;
}
nav.main-nav #item237:checked ~ label .item-237 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item237:checked ~ label .item-237 .kr-title {
  font-weight: 500;
}
nav.main-nav #item237:checked ~ label .item-237 .kr-title {
  color: #000;
}
nav.main-nav #item237:checked ~ label .item-237 .en-title {
  color: #000;
}
nav.main-nav #item289:checked ~ label .item-289 {
  border-color: #000;
  background-color: #fff;
  color: #000;
}
nav.main-nav #item289:checked ~ label .item-289 .kr-title {
  font-weight: 500;
}
nav.main-nav #item289:checked ~ label .item-289 .kr-title {
  color: #000;
}
nav.main-nav #item289:checked ~ label .item-289 .en-title {
  color: #000;
}
nav.main-nav #item1896:checked ~ label .item-1896 {
  border-color: #000;
  background-color: #fff;
  color: #000;
}
nav.main-nav #item1896:checked ~ label .item-1896 .kr-title {
  font-weight: 500;
}
nav.main-nav #item1896:checked ~ label .item-1896 .kr-title {
  color: #000;
}
nav.main-nav #item1896:checked ~ label .item-1896 .en-title {
  color: #000;
}
nav.main-nav #item230:checked ~ label .item-230 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item230:checked ~ label .item-230 .kr-title {
  font-weight: 500;
}
nav.main-nav #item230:checked ~ label .item-230 .kr-title {
  color: #000;
}
nav.main-nav #item230:checked ~ label .item-230 .en-title {
  color: #000;
}
nav.main-nav #item231:checked ~ label .item-231 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item231:checked ~ label .item-231 .kr-title {
  font-weight: 500;
}
nav.main-nav #item231:checked ~ label .item-231 .kr-title {
  color: #000;
}
nav.main-nav #item231:checked ~ label .item-231 .en-title {
  color: #000;
}
nav.main-nav #item232:checked ~ label .item-232 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item232:checked ~ label .item-232 .kr-title {
  font-weight: 500;
}
nav.main-nav #item232:checked ~ label .item-232 .kr-title {
  color: #000;
}
nav.main-nav #item232:checked ~ label .item-232 .en-title {
  color: #000;
}
nav.main-nav #item233:checked ~ label .item-233 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item233:checked ~ label .item-233 .kr-title {
  font-weight: 500;
}
nav.main-nav #item233:checked ~ label .item-233 .kr-title {
  color: #000;
}
nav.main-nav #item233:checked ~ label .item-233 .en-title {
  color: #000;
}
nav.main-nav #item1896:checked ~ label .item-1896 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item1896:checked ~ label .item-1896 .kr-title {
  font-weight: 500;
}
nav.main-nav #item1896:checked ~ label .item-1896 .kr-title {
  color: #000;
}
nav.main-nav #item1896:checked ~ label .item-1896:hover .en-title {
  color: #000;
}
nav.main-nav #item1872:checked ~ label .item-1872 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item1872:checked ~ label .item-1872 .kr-title {
  font-weight: 500;
}
nav.main-nav #item1872:checked ~ label .item-1872 .kr-title {
  color: #000;
}
nav.main-nav #item1872:checked ~ label .item-1872:hover .en-title {
  color: #000;
}
nav.main-nav #item1852:checked ~ label .item-1852 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item1852:checked ~ label .item-1852 .kr-title {
  font-weight: 500;
}
nav.main-nav #item1852:checked ~ label .item-1852 .kr-title {
  color: #000;
}
nav.main-nav #item1852:checked ~ label .item-1852:hover .en-title {
  color: #000;
}
nav.main-nav #item1873:checked ~ label .item-1873 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item1873:checked ~ label .item-1873 .kr-title {
  font-weight: 500;
}
nav.main-nav #item1873:checked ~ label .item-1873 .kr-title {
  color: #000;
}
nav.main-nav #item1873:checked ~ label .item-1873:hover .en-title {
  color: #000;
}
nav.main-nav #item1874:checked ~ label .item-1874 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item1874:checked ~ label .item-1874 .kr-title {
  font-weight: 500;
}
nav.main-nav #item1874:checked ~ label .item-1874 .kr-title {
  color: #000;
}
nav.main-nav #item1874:checked ~ label .item-1874:hover .en-title {
  color: #000;
}
nav.main-nav #item1875:checked ~ label .item-1875 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item1875:checked ~ label .item-1875 .kr-title {
  font-weight: 500;
}
nav.main-nav #item1875:checked ~ label .item-1875 .kr-title {
  color: #000;
}
nav.main-nav #item1875:checked ~ label .item-1875:hover .en-title {
  color: #000;
}
nav.main-nav #item1876:checked ~ label .item-1876 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item1876:checked ~ label .item-1876 .kr-title {
  font-weight: 500;
}
nav.main-nav #item1876:checked ~ label .item-1876 .kr-title {
  color: #000;
}
nav.main-nav #item1876:checked ~ label .item-1876:hover .en-title {
  color: #000;
}
nav.main-nav #item222:checked ~ label .item-222 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item222:checked ~ label .item-222 .kr-title {
  font-weight: 500;
}
nav.main-nav #item222:checked ~ label .item-222 .kr-title {
  color: #000;
}
nav.main-nav #item222:checked ~ label .item-222:hover .en-title {
  color: #000;
}
nav.main-nav #item223:checked ~ label .item-223 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item223:checked ~ label .item-223 .kr-title {
  font-weight: 500;
}
nav.main-nav #item223:checked ~ label .item-223 .kr-title {
  color: #000;
}
nav.main-nav #item223:checked ~ label .item-223:hover .en-title {
  color: #000;
}
nav.main-nav #item1943:checked ~ label .item-1943 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item1943:checked ~ label .item-1943 .kr-title {
  font-weight: 500;
}
nav.main-nav #item1943:checked ~ label .item-1943 .kr-title {
  color: #000;
}
nav.main-nav #item1943:checked ~ label .item-1943:hover .en-title {
  color: #000;
}
nav.main-nav #item2011:checked ~ label .item-2011 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item2011:checked ~ label .item-2011 .kr-title {
  font-weight: 500;
}
nav.main-nav #item2011:checked ~ label .item-2011 .kr-title {
  color: #000;
}
nav.main-nav #item2011:checked ~ label .item-2011:hover .en-title {
  color: #000;
}
nav.main-nav #item2012:checked ~ label .item-2012 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item2012:checked ~ label .item-2012 .kr-title {
  font-weight: 500;
}
nav.main-nav #item2012:checked ~ label .item-2012 .kr-title {
  color: #000;
}
nav.main-nav #item2012:checked ~ label .item-2012:hover .en-title {
  color: #000;
}
nav.main-nav #item2013:checked ~ label .item-2013 {
  background-color: #fff;
  color: #000;
}
nav.main-nav #item2013:checked ~ label .item-2013 .kr-title {
  font-weight: 500;
}
nav.main-nav #item2013:checked ~ label .item-2013 .kr-title {
  color: #000;
}
nav.main-nav #item2013:checked ~ label .item-2013:hover .en-title {
  color: #000;
}
.menu_page_container {
  background-color: #000;
  z-index: 299;
  position: fixed;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  width: 55vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  transition: 0.6s all ease-out;
  border-right: 1px solid #fff;
}
.menu_page_container .close-btn {
  right: -54px;
  z-index: 10;
  transform: translateX(-100%);
}
.menu_page_container.on {
  transform: translateX(calc(0% + 64px + 25vw));
  min-width: 620px;
}
.menu_page_container.on .close-btn {
  transform: translateX(0%);
}
@media screen and (max-width:1024px) {
  .menu_page_container.on {
    min-width: 0;
  }
}
.menu_page_container .page_load_wrap {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow-y: scroll;
  overflow-x: hidden;
}
.page_loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  transition: 0.3s opacity ease-out;
  background: #000;
  width: 100%;
  height: 100%;
}
.page_loader img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  transform: translate(-50%, -50%);
}
.opening-btn-wrap {
  margin-top: 1.5em;
  width: 100%;
  z-index: 2;
}
.opening-btn-wrap > div > span {
  box-shadow: 0px 0px 0px 2px #ac5aff, -1px 0px 0px 1px #ac5aff;
  -webkit-box-shadow: 0px 0px 0px 2px #ac5aff, -1px 0px 0px 1px #ac5aff;
  -moz-box-shadow: 0px 0px 0px 2px #ac5aff, -1px 0px 0px 1px #ac5aff;
  background: #ac5aff;
  text-align: left;
  display: inline;
  color: #000;
}
.opening-btn-wrap > div:hover {
  cursor: pointer;
}
.opening-btn-wrap > div:hover > span {
  box-shadow: 0px 0px 0px 2px #000000, -1px 0px 0px 1px #000000;
  -webkit-box-shadow: 0px 0px 0px 2px #000000, -1px 0px 0px 1px #000000;
  -moz-box-shadow: 0px 0px 0px 2px #000000, -1px 0px 0px 1px #000000;
  background: #000;
  color: #ac5aff;
}
.close-btn {
  width: 54px;
  padding: .5rem;
  background-color: #000;
  border: 1px solid #fff;
  position: fixed;
  top: -1px;
}
.close-btn:hover {
  cursor: pointer;
}
#page-container {
  margin-left: 64px;
}
body.home {
  position: fixed;
}
.data-filter {
  position: fixed;
  top: 200px;
  right:20px;
  font-size: 14px;
  z-index: 100;
  margin: 1.2rem 0 0 1.2rem;
  font-weight: 500;
}
.data-filter .filter-btns{width:126px;}
.data-filter input[type=radio] {
  display: none;
}
.data-filter .filter-btns label{display:inline-block;vertical-align:top;margin-left:20px;}
.data-filter .col {
  align-items: center;
  cursor: pointer;
}
.data-filter .col:last-child {
  margin-bottom: 1rem;
}
.data-filter .col .circle {
  width:14px;height:14px;display:inline-block;vertical-align:top;
    margin-top:6px;
  border-radius: 4em;
  margin-right: 5px
}
.data-filter .col .circle.issue01 {
  background-color: #ac5aff;
}
.data-filter .col .circle.issue02 {
  background-color: #ff40b3;
}
.data-filter .col .circle.issue03 {
  background-color: #ffdd34;
}
.data-filter .col .circle.issue04 {
  background-color: #0099dd;
}
.data-filter .col .circle.issue05 {
  background-color: #ff5100;
}
.data-filter .col .circle.issue06 {
  background-color: #00bd8b;
}
.data-filter .col .circle.issue07 {
  background-color: #ba89eb;
}
.data-filter .col .circle.issue08 {
  background-color: #38a19c;
}
.data-filter .col .circle.issue09 {
  background-color: #67a174;
}
.data-filter .col .circle.issue10 {
  background-color: #5e7132;
}
.data-filter .col .circle.issue11 {
  background-color: #973e23;
}
.data-filter .col .circle.issue99 {
  background-color: #ddd;
}
.data-filter .col p {
  display:inline-block;vertical-align:top;
  color: #fff;
  padding-bottom: 0 !important;
  font-size:18px;
  line-height:170%;
  /* font-family: "Noto Serif KR", serif !important; */
  font-family: "Pretendard Variable", Pretendard
}
.data-filter .col p:first-of-type {
  
}
.data-filter .filtered-list {
  position:absolute;right:0;top:170px;
  max-width: 500px;
  max-height: calc(100vh  - (5.2rem + (1em * 6)));
  max-height: calc(calc(var(--vh, 1vh) * 100)  - (5.2rem + (1em * 6)));
  overflow-x: hidden;
  overflow-y: scroll;
  transition: 0.4s all ease-out;
    width:400px;text-align:right;
}
.data-filter .filtered-list > ul {
  line-height: 23.5px;
}
.data-filter .filtered-list li {
  position: relative;
  margin-bottom: 0;
  display: block;
  margin-left: 4px;
  font-size:16px;
  line-height:180%;
    text-align:right;
}
.data-filter .filtered-list li p {
  display: inline;
  box-shadow: 0px 0px 0px 2px #000000, -1px 0px 0px 1px #000000;
  -webkit-box-shadow: 0px 0px 0px 2px #000000, -1px 0px 0px 1px #000000;
  -moz-box-shadow: 0px 0px 0px 2px #000000, -1px 0px 0px 1px #000000;
  background-color: #000;
  /* font-family: "Noto Serif KR", serif !important; */
  font-family: "Pretendard Variable", Pretendard
}
.data-filter .filtered-list li:hover {
  cursor: pointer;
}
.data-filter .filtered-list .issue01 li.on p {
  background-color: #ac5aff;
  box-shadow: 0px 0px 0px 2px #ac5aff, -1px 0px 0px 1px #ac5aff;
  -webkit-box-shadow: 0px 0px 0px 2px #ac5aff, -1px 0px 0px 1px #ac5aff;
  -moz-box-shadow: 0px 0px 0px 2px #ac5aff, -1px 0px 0px 1px #ac5aff;
  color: #000;
}
.data-filter .filtered-list .issue02 li.on p {
  background-color: #ff40b3;
  box-shadow: 0px 0px 0px 2px #ff40b3, -1px 0px 0px 1px #ff40b3;
  -webkit-box-shadow: 0px 0px 0px 2px #ff40b3, -1px 0px 0px 1px #ff40b3;
  -moz-box-shadow: 0px 0px 0px 2px #ff40b3, -1px 0px 0px 1px #ff40b3;
  color: #000;
}
.data-filter .filtered-list .issue03 li.on p {
  background-color: #ffdd34;
  box-shadow: 0px 0px 0px 2px #ffdd34, -1px 0px 0px 1px #ffdd34;
  -webkit-box-shadow: 0px 0px 0px 2px #ffdd34, -1px 0px 0px 1px #ffdd34;
  -moz-box-shadow: 0px 0px 0px 2px #ffdd34, -1px 0px 0px 1px #ffdd34;
  color: #000;
}
.data-filter .filtered-list .issue04 li.on p {
  background-color: #0099dd;
  box-shadow: 0px 0px 0px 2px #0099dd, -1px 0px 0px 1px #0099dd;
  -webkit-box-shadow: 0px 0px 0px 2px #0099dd, -1px 0px 0px 1px #0099dd;
  -moz-box-shadow: 0px 0px 0px 2px #0099dd, -1px 0px 0px 1px #0099dd;
  color: #000;
}
.data-filter .filtered-list .issue05 li.on p {
  background-color: #ff5100;
  box-shadow: 0px 0px 0px 2px #ff5100, -1px 0px 0px 1px #ff5100;
  -webkit-box-shadow: 0px 0px 0px 2px #ff5100, -1px 0px 0px 1px #ff5100;
  -moz-box-shadow: 0px 0px 0px 2px #ff5100, -1px 0px 0px 1px #ff5100;
  color: #000;
}
.data-filter .filtered-list .issue06 li.on p {
  background-color: #00bd8b;
  box-shadow: 0px 0px 0px 2px #00bd8b, -1px 0px 0px 1px #00bd8b;
  -webkit-box-shadow: 0px 0px 0px 2px #00bd8b, -1px 0px 0px 1px #00bd8b;
  -moz-box-shadow: 0px 0px 0px 2px #00bd8b, -1px 0px 0px 1px #00bd8b;
  color: #000;
}
.data-filter .filtered-list .issue07 li.on p {
  background-color: #ba89eb;
  box-shadow: 0px 0px 0px 2px #ba89eb, -1px 0px 0px 1px #ba89eb;
  -webkit-box-shadow: 0px 0px 0px 2px #ba89eb, -1px 0px 0px 1px #ba89eb;
  -moz-box-shadow: 0px 0px 0px 2px #ba89eb, -1px 0px 0px 1px #ba89eb;
  color: #000;
}
.data-filter .filtered-list .issue08 li.on p {
  background-color: #38a19c;
  box-shadow: 0px 0px 0px 2px #38a19c, -1px 0px 0px 1px #38a19c;
  -webkit-box-shadow: 0px 0px 0px 2px #38a19c, -1px 0px 0px 1px #38a19c;
  -moz-box-shadow: 0px 0px 0px 2px #38a19c, -1px 0px 0px 1px #38a19c;
  color: #000;
}
.data-filter .filtered-list .issue09 li.on p {
  background-color: #67a174;
  box-shadow: 0px 0px 0px 2px #67a174, -1px 0px 0px 1px #67a174;
  -webkit-box-shadow: 0px 0px 0px 2px #67a174, -1px 0px 0px 1px #67a174;
  -moz-box-shadow: 0px 0px 0px 2px #67a174, -1px 0px 0px 1px #67a174;
  color: #000;
}
.data-filter .filtered-list .issue10 li.on p {
  background-color: #5e7132;
  box-shadow: 0px 0px 0px 2px #5e7132, -1px 0px 0px 1px #5e7132;
  -webkit-box-shadow: 0px 0px 0px 2px #5e7132, -1px 0px 0px 1px #5e7132;
  -moz-box-shadow: 0px 0px 0px 2px #5e7132, -1px 0px 0px 1px #5e7132;
  color: #000;
}
.data-filter .filtered-list .issue11 li.on p {
  background-color: #973e23;
  box-shadow: 0px 0px 0px 2px #973e23, -1px 0px 0px 1px #973e23;
  -webkit-box-shadow: 0px 0px 0px 2px #973e23, -1px 0px 0px 1px #973e23;
  -moz-box-shadow: 0px 0px 0px 2px #973e23, -1px 0px 0px 1px #973e23;
  color: #000;
}
.data-filter .filtered-list .issue99 li.on p {
  background-color: #ddd;
  box-shadow: 0px 0px 0px 2px #00bd8b, -1px 0px 0px 1px #00bd8b;
  -webkit-box-shadow: 0px 0px 0px 2px #00bd8b, -1px 0px 0px 1px #00bd8b;
  -moz-box-shadow: 0px 0px 0px 2px #00bd8b, -1px 0px 0px 1px #00bd8b;
  color: #ddd;
}
.thematic-txt,
.data-filter .col p,
.data-filter input[type=radio]:checked ~ label p,
.data-filter .filtered-list li {
  color: rgba(255,255,255,0.5) !important
}
.data-filter .col p:hover,
.data-filter .filtered-list li:hover {
  color: rgba(255,255,255,1) !important
}
.thematic-txt,
.data-filter .col.issue01:hover p,
.data-filter input[type=radio].issue01:checked ~ label.issue01 p,
.data-filter .filtered-list .issue01 li {
  color: #ac5aff;
}
.cities-txt,
.data-filter .col.issue02:hover p,
.data-filter input[type=radio].issue02:checked ~ label.issue02 p,
.data-filter .filtered-list .issue02 li {
  color: #ff40b4;
}
.global-txt,
.data-filter .col.issue03:hover p,
.data-filter input[type=radio].issue03:checked ~ label.issue03 p,
.data-filter .filtered-list .issue03 li {
  color: #ffdd34;
}
.guest-txt,
.data-filter .col.issue04:hover p,
.data-filter input[type=radio].issue04:checked ~ label.issue04 p,
.data-filter .filtered-list .issue04 li {
  color: #0099dd;
}
.seoul-txt,
.data-filter .col.issue05:hover p,
.data-filter input[type=radio].issue05:checked ~ label.issue05 p,
.data-filter .filtered-list .issue05 li {
  color: #ff6000;
}
.live-txt,
.data-filter .col.issue06:hover p,
.data-filter input[type=radio].issue06:checked ~ label.issue06 p,
.data-filter .filtered-list .issue06 li {
  color: #00bd8b;
}
.live-txt,
.data-filter .col.issue07:hover p,
.data-filter input[type=radio].issue07:checked ~ label.issue07 p,
.data-filter .filtered-list .issue07 li {
  color: #ba89eb;
}
.live-txt,
.data-filter .col.issue08:hover p,
.data-filter input[type=radio].issue08:checked ~ label.issue08 p,
.data-filter .filtered-list .issue08 li {
  color: #38a19c;
}
.live-txt,
.data-filter .col.issue09:hover p,
.data-filter input[type=radio].issue09:checked ~ label.issue09 p,
.data-filter .filtered-list .issue09 li {
  color: #67a174;
}
.live-txt,
.data-filter .col.issue10:hover p,
.data-filter input[type=radio].issue10:checked ~ label.issue10 p,
.data-filter .filtered-list .issue10 li {
  color: #5e7132;
}
.live-txt,
.data-filter .col.issue11:hover p,
.data-filter input[type=radio].issue11:checked ~ label.issue11 p,
.data-filter .filtered-list .issue11 li {
  color: #973e23;
}
.live-txt,
.data-filter .col.issue99:hover p,
.data-filter input[type=radio].issue99:checked ~ label.issue99 p,
.data-filter .filtered-list .issue99 li {
  color: #ddd;
}
.director-txt {
  color: #ffffff;
}
.curators-txt {
  color: #b0b1b0;
}
.scientific-txt {
  color: #ff40b4;
}
.steering-txt {
  color: #ff40b4;
}
.data-view {
  z-index: 100;
  top: 80px;
  right: 20px;
  position: fixed;
  display: flex;
  flex-wrap: wrap;
  width: 110px;
}
.data-view input {
  display: none;
}
.data-view label {
  width: 100%;
  margin-bottom: .3rem;
  line-height:28px;
}
.data-view label:hover {
  cursor: pointer;
}
.data-view label img {
  width: 28px;
  margin-right:5px;
  opacity: .7;
}
.data-view label img:hover {
  opacity: 1;
}
.data-view label img.filText {
  width: 100%;
}
.data-view label img.fil-explanation{
  width: 28px;
  margin-top: 5px;
}
.data-view a{width: 100%;margin-top:0;line-height:28px;color:#fff}
.data-view a img {
  width: 28px;
  margin-right:5px;
  opacity: .7;
}
.data-view a img:hover {
  opacity: 1;
}
.data-view a img.filText {
  width: 100%;
}
.data-view a img.fil-explanation{
  width: 28px;
  margin-top: 5px;
}
#graph {
  position: fixed;
  top: 0;
  right:0;
  width:100%;
  opacity: 0;
  transition: 0.25s opacity ease-out;
}
#graph:hover {
  cursor: grab;
}
#graph:active {
  cursor: grabbing;
}
.clicked-node-tooltip {
  max-width: 20vw;
}
.clicked-node-tooltip p {
  background: #020202;
  color: #fafafa;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  display: inline;
  box-shadow: 0px 0px 0px 2px #020202, -1px 0px 0px 1px #020202;
  -webkit-box-shadow: 0px 0px 0px 2px #020202, -1px 0px 0px 1px #020202;
  -moz-box-shadow: 0px 0px 0px 2px #020202, -1px 0px 0px 1px #020202;
}
.fil-sphere,
.fil-text,
.fil-crowd {
  opacity: .7;
}
#sphere:checked ~ label .fil-sphere {
  opacity: 1;
}
#textMode:checked ~ label .fil-text {
  opacity: 1;
}
#crowd:checked ~ label .fil-crowd {
  opacity: 1;
}
#textMode:disabled ~ label .fil-text:hover {
  cursor: no-drop;
}
.scene-tooltip {
  font-family: 'GT Web', 'Noto Sans KR', sans-serif !important;
  font-weight: 500;
  padding: 0px 6px;
  /*background-color: #000;*/
}
.node-label,
.group-label {
  opacity: 0;
  font-size: 13px;
  transition: 0.2s opacity ease-out;
}
.node-label.on,
.group-label.on {
  opacity: 1;
}
.group-label {
  display: block;
  margin-top: 3.5rem;
}
.menu_page_overlay,
.popup-overlay {
  position: fixed;
  display: none;
  z-index: 299;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  top: 0;
  left: 0;
  transition: 0.5s all ease-in-out;
}
.menu_page_overlay.on,
.popup-overlay.on {
  display: block;
  opacity: 1;
}
.menu_page_overlay:hover,
.popup-overlay:hover {
  cursor: pointer;
}
.popup-post {
  background-color: #050505;
  position: fixed;
  z-index: 300;
  top: 0;
  right: 0;
  opacity: 0;
  transform: translate3d(100%, 0, 0);
  transition: 0.5s all ease-in-out;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  width: 40vw;
  border-left: 1px solid #fff;
}
.popup-post.on {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.popup-post .close-btn {
  z-index: 10;
  left: -54px;
}
.popup-post .frame-container {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow-y: scroll;
}
.popup-post .wp-spaios-bxslider-container {
  visibility: visible !important;
}
.prevent_wrap {
  position: fixed;
  z-index: 9999999;
  background: #000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding: 30px;
  font-size: 18px;
  display: none;
  display: -moz-none;
}
.prevent_wrap.on {
  display: block;
}
.prevent_wrap .prevent_section {
  margin-bottom: 1.5em;
}
.prevent_wrap .prevent_section p {
  padding: 0;
}
.prevent_wrap .prevent_section p.prevent_title {
  font-size: 1.38em;
  margin-bottom: .5em;
}
.prevent_wrap .prevent_section p.prevent_title:nth-child(2) {
  font-size: 1.24em;
}
.prevent_wrap .prevent_section a {
  display: table;
  color: #fff;
  border-bottom: 1px solid #fff;
  margin-bottom: .2em;
}
.menu_page_container .et_pb_row.sponsors-wrap {
  display: none;
  justify-content: space-between;
  align-items: center;
  margin: 0 !important;
  width: 100% !important;
  flex-wrap: wrap;
}
.menu_page_container .et_pb_row.sponsors-wrap * {
  width: fit-content;
}
.menu_page_container .et_pb_row.sponsors-wrap img {
  object-fit: contain;
  filter: grayscale(100%) brightness(10);
}
.menu_page_container .et_pb_row.sponsors-wrap div:nth-child(3) img {
  height: 50px !important;
}
.menu_page_container .et_pb_row.sponsors-wrap div:nth-child(4) img {
  height: 46px;
}
.menu_page_container .et_pb_row.sponsors-wrap div:nth-child(5) img {
  height: 45px;
}
@media screen and (max-width:1024px) {
  .menu_page_container .et_pb_row.sponsors-wrap {
    display: flex;
  }
}
.contact-page p {
  padding: 0 !important;
}
.contact-page strong {
  color: #0099dd;
  display: block;
  margin-bottom: .5rem;
}
.contact-page img {
  margin-right: .3rem;
}
.contact-page .en {
  color: #0099dd;
}
.contact-page .en p a,
.contact-page .en p span {
  color: #0099dd !important;
}
nav,
header,
footer,
.data-filter,
.data-view {
  opacity: 0;
  transition: 0.5s opacity ease-out;
}
.video_box iframe {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1.77777778;
}
.menu-introduction .en a {
  color: #ff5100 !important;
}
.menu-sbau .en a {
  color: #ac5aff !important;
}
.menu-exhibitions .en a {
  color: #00bd8b !important;
}
.menu-publicprograms .en a {
  color: #ffdd34 !important;
}
.menu-media .en a {
  color: #ff40b3 !important;
}
.menu-publicprograms .et_pb_text_inner p {
  padding-bottom: 0 !important;
}
.embed-container,
.exhibition-embedded-link {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed,
.exhibition-embedded-link iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.exhibition-embedded-link iframe {
  width: 100%;
}
.ep-popup-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.3s opacity ease-in-out;
}
.ep-popup-wrap.on {
  display: block;
}
.ep-popup-wrap .ep-popup-overlay {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ep-popup-wrap .ep-popup-container {
  width: 55vw;
  max-width: 800px;
  min-width: 714px;
  min-height: 400px;
  background-color: #000;
  position: relative;
  border: 1px solid #fff;
  padding: .8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.ep-popup-wrap .ep-popup-container > div {
  width: 100%;
}
.ep-popup-wrap .ep-popup-container sup {
  font-size: .7em;
  bottom: .4em;
}
.ep-popup-wrap .ep-popup-container h3 {
  text-align: center;
  margin-bottom: .5rem;
}
.ep-popup-wrap .ep-popup-container .en {
  color: #ac5aff;
  font-size: 1.6em;
  margin-bottom: 2rem;
}
.ep-popup-wrap .ep-popup-container .ep-countdown-wrap {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.ep-popup-wrap .ep-popup-container .ep-countdown-wrap.on {
  display: flex;
}
.ep-popup-wrap .ep-popup-container .ep-countdown-wrap h4 {
  font-size: 6rem;
  color: #ac5aff;
}
.ep-popup-wrap .ep-popup-container .ep-video-wrap {
  display: none;
}
.ep-popup-wrap .ep-popup-container .ep-video-wrap.on {
  display: block;
}
.ep-popup-wrap .ep-popup-container .close-wrap {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-basis: 0;
  align-items: flex-start;
  justify-content: flex-end;
}
.ep-popup-wrap .ep-popup-container .close-wrap button {
  background: transparent;
  outline: none;
  border: none;
  color: #fff;
  opacity: .4;
  padding: .4rem 0;
}
.ep-popup-wrap .ep-popup-container .close-wrap .close-btn {
  position: relative;
  border: none;
  background: transparent;
  padding: .8rem;
}
@media screen and (min-width:1025px) {
  .popup-post {
    min-width: 650px;
  }
  .data-filter .filtered-list .thematic li:hover p {
    background-color: #ac5aff;
    box-shadow: 0px 0px 0px 2px #ac5aff, -1px 0px 0px 1px #ac5aff;
    -webkit-box-shadow: 0px 0px 0px 2px #ac5aff, -1px 0px 0px 1px #ac5aff;
    -moz-box-shadow: 0px 0px 0px 2px #ac5aff, -1px 0px 0px 1px #ac5aff;
    color: #000;
  }
  .data-filter .filtered-list .cities li:hover p {
    background-color: #ff40b3;
    box-shadow: 0px 0px 0px 2px #ff40b3, -1px 0px 0px 1px #ff40b3;
    -webkit-box-shadow: 0px 0px 0px 2px #ff40b3, -1px 0px 0px 1px #ff40b3;
    -moz-box-shadow: 0px 0px 0px 2px #ff40b3, -1px 0px 0px 1px #ff40b3;
    color: #000;
  }
  .data-filter .filtered-list .global li:hover p {
    background-color: #ffdd34;
    box-shadow: 0px 0px 0px 2px #ffdd34, -1px 0px 0px 1px #ffdd34;
    -webkit-box-shadow: 0px 0px 0px 2px #ffdd34, -1px 0px 0px 1px #ffdd34;
    -moz-box-shadow: 0px 0px 0px 2px #ffdd34, -1px 0px 0px 1px #ffdd34;
    color: #000;
  }
  .data-filter .filtered-list .guest li:hover p {
    background-color: #0099dd;
    box-shadow: 0px 0px 0px 2px #0099dd, -1px 0px 0px 1px #0099dd;
    -webkit-box-shadow: 0px 0px 0px 2px #0099dd, -1px 0px 0px 1px #0099dd;
    -moz-box-shadow: 0px 0px 0px 2px #0099dd, -1px 0px 0px 1px #0099dd;
    color: #000;
  }
  .data-filter .filtered-list .seoul li:hover p {
    background-color: #ff5100;
    box-shadow: 0px 0px 0px 2px #ff5100, -1px 0px 0px 1px #ff5100;
    -webkit-box-shadow: 0px 0px 0px 2px #ff5100, -1px 0px 0px 1px #ff5100;
    -moz-box-shadow: 0px 0px 0px 2px #ff5100, -1px 0px 0px 1px #ff5100;
    color: #000;
  }
  .data-filter .filtered-list .live li:hover p {
    background-color: #00bd8b;
    box-shadow: 0px 0px 0px 2px #00bd8b, -1px 0px 0px 1px #00bd8b;
    -webkit-box-shadow: 0px 0px 0px 2px #00bd8b, -1px 0px 0px 1px #00bd8b;
    -moz-box-shadow: 0px 0px 0px 2px #00bd8b, -1px 0px 0px 1px #00bd8b;
    color: #000;
  }
}
@media screen and (max-width:1024px) {
  html {
    font-size: 15px;
  }
  .pc {
    display: none;
  }
  .mobile {
    display: block;
  }
  #graph {
    left: 0;
  }
  header {
    top: 20px;
    right: 10px;
    left:10px;
    position: fixed;
  }
    header h1{width:100vw !important;left:auto;transform:translate(0%)}
  header h1.mobile {
    text-align: right !important;
    font-size: 16px;
    margin: 0;
    width: 70vw !important;
    left: unset;
    right: 0;
    transform: unset;
  }
  header .info {
    display: none;
  }
  nav.main-nav {
    width: 38px;
    height: 38px;
  }
  nav.main-nav .menus {
    max-width: unset;
    left: 0;
    transform: translateY(-1%);
    padding-top: 3.2rem;
    width: 100vw;
    border-right: none;
    opacity: 0;
    pointer-events: none;
    transition: 0.2s all ease-in-out;
    background-color: transparent;
  }
  nav.main-nav .menus li.item {
    background-color: black;
  }
  nav.main-nav .menus li.item.item-590 {
    border-top: 1px solid;
  }
  #menuChecker:checked ~ .menus {
    transform: translateY(0%);
    opacity: 1;
    pointer-events: all;
  }
  .menu_page_overlay,
  .popup-overlay {
    background: -moz-linear-gradient(top, #000000 0%, #000000 11%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, #000000 0%, #000000 11%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, #000000 0%, #000000 11%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    transition: 0.2s all ease-in-out;
  }
  .menu_page_container {
    z-index: 999;
    width: 100vw;
    border-right: none;
    transform: translateY(10%);
    opacity: 0;
    pointer-events: none;
    transition: 0.4s all ease-in-out;
    height: calc(100vh - 3.25rem);
    height: calc((var(--vh, 1vh) * 100) - 3.25rem);
  }
  .menu_page_container.on {
    transform: translateY(calc(0% + 3.25rem));
    opacity: 1;
    pointer-events: all;
  }
  .menu_page_container .close-btn {
    border: none;
    padding: .8rem;
    left: 0;
    background-color: transparent;
    opacity: 0;
    top: -3.2rem;
  }
  .menu_page_container .page_load_wrap {
    height: calc(100vh - 3.25rem);
    height: calc((var(--vh, 1vh) * 100) - 3.25rem);
  }
  footer {
    padding: 0 12px;
    width: 100%;
    left: 0;
    bottom: 16px;
  }
  footer img{width:50%;max-width:300px;}
  footer .crossroads {
    width: 18%;
    margin-bottom: calc(7.1vw + 8px);
    max-width: 84px;
  }
  footer .SBAU {
    display: none;
  }
  footer h2 {
    font-size: 7.1vw;
    width: 100%;
  }
  .data-filter {
    position: fixed;
    top: 180px;
    width: fit-content;
    margin-top: calc(16px + 1.2em * 2 + 8px);
    margin-left: 10px;
    font-size: 13.5px;
    opacity: 0;
    transition: 0.2s opacity ease-out;
  }
  .data-filter.on {
    opacity: 1;
  }
  .data-filter .col {
    line-height: calc(16px * 1.2 +  1px);
    min-height: 20px;
  }
  .data-filter .col .circle {
    width: .8em;
    height: .8em;
    margin-right: .3em;
  }
  .data-filter .col.thematic:hover p {
    color: #fff;
  }
  .data-filter .col.cities:hover p {
    color: #fff;
  }
  .data-filter .col.global:hover p {
    color: #fff;
  }
  .data-filter .col.guest:hover p {
    color: #fff;
  }
  .data-filter .col.seoul:hover p {
    color: #fff;
  }
  .data-filter .col.live:hover p {
    color: #fff;
  }
  .data-filter .col:last-child {
    margin-bottom: .5rem;
  }
  .data-filter .filtered-list {
    max-width: 40vw;
    margin-left: 2px;
    max-height: calc(100vh  - (120px + calc(16px + 1.2em * 2 + 8px) + 1rem));
    max-height: calc(calc(var(--vh, 1vh) * 100)  - (120px + calc(16px + 1.2em * 2 + 8px) + 1rem));
    padding-bottom: .5rem;
  }
  .data-filter p.fil-ko.off,
  .data-filter p.fil-en.off {
    display: none;
  }
  .data-view {
    top: calc((1.2em * 5) +  8px);
    right: 10px;
  }
  .popup-post {
    width: 100vw;
    border-left: none;
  }
  .popup-post .close-btn {
    border: none;
    padding: .8rem;
    left: 0;
    background-color: transparent;
  }
  .popup-post .frame-container {
    padding-top: 3rem;
  }
  .epyt-gallery .epyt-video-wrapper iframe {
    height: calc((100vw - 22px) * (9 / 16)) !important;
  }
  .exhibition-embedded-link iframe {
    width: 100%;
    height: calc((100vw - (20px * 2)) * (9 / 16));
  }
}
.epyt-gallery .epyt-video-wrapper {
  border: 1px solid #696969 !important;
  background-color: #000;
  display: block;
  aspect-ratio: 1.77777778;
  overflow: hidden;
}
.epyt-gallery iframe {
  width: 100%;
  aspect-ratio: 1.77777778;
  height: auto;
}
.epyt-gallery .epyt-gallery-img {
  border: 1px solid #696969 !important;
}
.epyt-gallery .epyt-gallery-allthumbs {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}
.epyt-gallery .epyt-gallery-thumb {
  padding: 0 5px 10px 5px;
}
.epyt-gallery .epyt-pagination {
  padding: 2px 8px 10px 8px;
}
@media screen and (max-width: 754px) {
  .ep-popup-wrap .ep-popup-overlay {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .ep-popup-wrap .ep-popup-container {
    width: calc(100vw - 1.6rem);
    min-width: 250px;
    align-items: flex-start;
  }
  .ep-popup-wrap .ep-popup-container > div:not(.close-wrap) {
    padding-top: 3rem;
  }
}
@media screen and (max-width: 717px) {
  .epyt-gallery .epyt-video-wrapper {
    position: -webkit-sticky;
    /* 사파리 브라우저 지원 */
    position: sticky;
    top: 8px;
    z-index: 10;
  }
  .epyt-gallery .epyt-gallery-allthumbs[class*="epyt-cols"] .epyt-gallery-thumb {
    width: 50% !important;
  }
}
@media screen and (max-width:450px) {
  .data-filter .filtered-list {
    font-size: 12.5px;
  }
  header {
    top: 13px;
  }
  header h1.mobile {
    font-size: 13.5px;
  }
  .data-view {
    top: calc((1.2em * 6) + 8px);
  }
  .epyt-gallery .epyt-gallery-allthumbs[class*="epyt-cols"] .epyt-gallery-thumb {
    width: 100% !important;
  }
  .ep-popup-wrap .ep-popup-container .ep-countdown-wrap h4 {
    font-size: calc(15vw + 20px);
  }
}
@media screen and (min-width: 451px) and (max-width: 1024px) {
  footer h2 {
    width: 100%;
    font-size: 4.5vw;
    white-space: pre;
  }
  footer h2 span {
    display: inline;
  }
  footer .crossroads {
    margin-bottom: calc(4.5vw + 16px);
  }
}
@media screen and (min-width: 1400px) {
  .menu_page_container.on {
    transform: translateX(calc(0% + 64px + 350px));
  }
}
@media screen and (min-width: 1600px) {
  .data-view {
    width: 110px;
  }
}
@media screen and (orientation: landscape) and (max-height: 480px) {
  footer .crossroads {
    margin-bottom: -4px;
    width: 10%;
    max-width: 68px;
  }
  footer h2 {
    font-size: 4.1vw;
    white-space: nowrap;
    transform: translate(0, 0);
    left: 12%;
    text-align: left;
  }
  header {
    top: 13px;
  }
  header h1.mobile {
    font-size: 13.5px;
  }
  .data-view {
    top: calc((1.2em * 6) + 6px);
  }
}


.contents_wrap{max-width:1920px;margin:0 auto;padding:150px 0;font-family: "Noto Serif KR", serif !important;letter-spacing:-1px;}
.contents_wrap .h1_tit{font-size:100px;color:#000;line-height:150%;text-align:center;font-family: "Noto Serif KR", serif !important;letter-spacing:-3px;margin-bottom:100px}
.contents_wrap .h1_tit span{display:block;line-height:150%;font-size:40px;transform: translateY(100%) rotateX(-90deg);transform-origin: center top;transform-style: preserve-3d;transition: opacity 0s cubic-bezier(.215,.61,.355,1),transform 0s cubic-bezier(.215,.61,.355,1);transition-delay:0.4s}
.contents_wrap .h1_tit strong{display:block;font-weight:400;transform: translateY(100%) rotateX(-90deg);transform-origin: center top;transform-style: preserve-3d;transition: opacity 0s cubic-bezier(.215,.61,.355,1),transform 0s cubic-bezier(.215,.61,.355,1);transition-delay:0.6s}
.contents_wrap .h1_tit.is-inview span{opacity: 1;transform: none;transition-duration: .8s;}
.contents_wrap .h1_tit.is-inview strong{opacity: 1;transform: none;transition-duration: .8s;}
.contents_wrap .h2_tit{max-width:1000px;margin:0 auto 50px auto;font-size:80px;height:220px;color:#000;line-height:150%;position:relative;font-family: "Noto Serif KR", serif !important;letter-spacing:-3px;}
.contents_wrap .h2_tit span{display:block;position:absolute;left:0;top:0;transform: translateY(100%) rotateX(-90deg);transform-origin: center top;transform-style: preserve-3d;transition: opacity 0s cubic-bezier(.215,.61,.355,1),transform 0s cubic-bezier(.215,.61,.355,1);transition-delay:0.4s}
.contents_wrap .h2_tit span:last-child{position:absolute;left:auto;right:0;top:auto;bottom:0;}
.contents_wrap .h2_tit.short{max-width:500px;}
.contents_wrap .h2_tit.small span{font-size:70px;}
.contents_wrap .h2_tit.right span{left:auto;right:0;}
.contents_wrap .h2_tit.center{text-align:center;height:auto;margin-bottom:80px;}
.contents_wrap .h2_tit.center span{position:static;text-align:center;}
.contents_wrap .h2_tit.center .h2-tit-SPAN{font-size:75px;}
.contents_wrap .h2_tit.center .h2-tit-SPAN-long{width:1400px; position:relative;left:50%; transform:translateX(-50%);}
.contents_wrap .h2_tit.mb-correct{margin-bottom:40px;}
.contents_wrap .txt_area.txt-mb-correct{margin-bottom:20px;}
.contents_wrap .img_area.imgArea-mg{margin-bottom:40px;}

.contents_wrap .h2_tit.center .h2-tit-P{font-size:32px; font-weight: 500; letter-spacing: -2px;}
.contents_wrap .h2_tit.long{max-width:100%;}
.contents_wrap .h2_tit.is-inview span{opacity: 1;transform: none;transition-duration: .8s;}
.contents_wrap .h2_tit.is-inview span:nth-child(2){transition-delay:0.3s}
.contents_wrap .h2_tit.is-inview p{font-size:36px; font-weight: 500; letter-spacing: -1px;}
.contents_wrap .h2-middle-tit{width: auto; height:80px; position:relative; display:flex; justify-content: center; margin-bottom:55px;}

.contents_wrap .h2-middle-tit .Box_60{width:auto;height:80px; position:relative;}

.contents_wrap .h2-middle-tit .hmt-text{
	display:block; border: 2px solid rgba(0, 0, 0, 0.4); font-size:36px; font-weight: 500; letter-spacing: -1px;
	width: auto; height:80px; line-height:76px; color:#000; text-align:center; 
	position:relative; border-radius:35px; padding:0 60px;
}
.contents_wrap .h2-middle-tit .hmt-circle{
	display:block; position: absolute; top:-20px; left: -25px; width: 100px; height: 100px; background-color: #000; opacity:0.12; border-radius:50%;
	z-index:9999;
}
.contents_wrap .h2-middle-tit .Box_60 .cover{position: absolute;  z-index:1;}
.contents_wrap .h2-middle-tit .Box_60.Box_60_green .cover{background-color: #c9d3d4;}
.contents_wrap .h2-middle-tit .Box_60.Box_60_purple .cover{background-color: #c9c9d4;}
.contents_wrap .h2-middle-tit .Box_60.Box_60_pupink .cover{background-color: #cfc9d4;}
.contents_wrap .h2-middle-tit .Box_60.Box_60_pink .cover{background-color: #d4c9d2;}



.contents_wrap .h2-middle-tit .Box_60.Box_60_green .cover-1{bottom:-2px; left:0; width:55px; height:35px;}
.contents_wrap .h2-middle-tit .Box_60.Box_60_green .cover-2{bottom:-2px; left:55px; width:120px; height:10px;}
.contents_wrap .h2-middle-tit .Box_60.Box_60_green .cover-3{top:-2px; right:0; width:55px; height:35px;}
.contents_wrap .h2-middle-tit .Box_60.Box_60_green .cover-4{top:-2px; right:55px; width:640px; height:10px;}

.contents_wrap .h2-middle-tit .Box_60.Box_60_purple .cover-1{bottom:-2px; left:0; width:55px; height:35px;}
.contents_wrap .h2-middle-tit .Box_60.Box_60_purple .cover-2{bottom:-2px; left:55px; width:120px; height:10px;}
.contents_wrap .h2-middle-tit .Box_60.Box_60_purple .cover-3{top:-2px; right:0; width:55px; height:35px;}
.contents_wrap .h2-middle-tit .Box_60.Box_60_purple .cover-4{top:-2px; right:55px; width:500px; height:10px;}

.contents_wrap .h2-middle-tit .Box_60.Box_60_pupink .cover-1{bottom:-2px; left:0; width:55px; height:35px;}
.contents_wrap .h2-middle-tit .Box_60.Box_60_pupink .cover-2{bottom:-2px; left:55px; width:95px; height:10px;}
.contents_wrap .h2-middle-tit .Box_60.Box_60_pupink .cover-3{top:-2px; right:0; width:55px; height:35px;}
.contents_wrap .h2-middle-tit .Box_60.Box_60_pupink .cover-4{top:-2px; right:55px; width:370px; height:10px;}


.contents_wrap .h2_tit.circle-tit{width:900px !important; text-align:left !important; font-size:35px; font-weight:500 !important;color:#000; margin-bottom:23px;
display:flex; justify-content: flex-start; position:relative; height:50px;}
.contents_wrap .h2_tit .region-tit{position:absolute; top:0; left:0;}
.contents_wrap .h2_tit .circle-tit-left{
	display:block; width:auto; height:50px; line-height:50px; max-width:900px; font-family:"Noto Sans KR", serif !important; 
}
.contents_wrap .h2_tit .circle-tit-left.Back-tit{
	position:absolute; top:-2px; left:16px; width:60px !important; height:50px;
}

.contents_wrap .h2_tit .circle-tit-left.CTL-small{padding: 1px 16px; font-size:29px; height:35px; line-height:35px; position:relative;}
.contents_wrap .h2_tit .circle-tit-left.CTL-small::before{content:''; position:absolute; top:2px; left:5px; width: 3px; height:19px; background-color:#727272;  transform: rotateZ(30deg);}
.contents_wrap .h2_tit .circle-tit-left.CTL-small::after{content:''; position:absolute; bottom:0px;right:0px; width: 3px; height:19px; background-color:#727272;  transform: rotateZ(30deg);}



.contents_wrap .img_area{margin-bottom:70px;position:relative;z-index:-1;}
.contents_wrap .img_area .img{text-align:center;margin-bottom:20px;}
.contents_wrap .img_area .img img{width:100%;max-width:1920px;opacity:0;transform: scale(1.1);transition: opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1.2s cubic-bezier(.215,.61,.355,1);}
.contents_wrap .img_area .origin{text-align:center;font-size:20px;color:#000;line-height:150%;max-width:1000px;margin:0 auto;}
.contents_wrap .img_area .img_area_tit{position:relative; width:100%;max-width:1920px;text-align:center;font-size:26px; font-weight:500; font-family:"Noto Sans KR", serif !important;color:#000; margin-bottom:35px; }
.contents_wrap .img_area .img_area_tit.Center{width:1100px; text-align:left; position:relative;}

.contents_wrap .img_area .img_area_ex{
	width:100%;max-width:1920px;display:flex; justify-content: space-between; align-items: center; position:relative;
}













.contents_wrap .img_area .img_area_ex p{margin:0 0;position:absolute; top:0; font-size:18px !important; }
.contents_wrap .img_area .img_area_ex p:nth-child(1){left:600px;}
.contents_wrap .img_area .img_area_ex p:nth-child(2){right:560px;}
.contents_wrap .img_area .img_area_ex p.origin-12-2{right:375px;}
.contents_wrap .img_area .img_area_ex p.origin-5-1{left:490px;}
.contents_wrap .img_area .img_area_ex p.origin-5-2{right:540px;}



.contents_wrap .img_area.TB-flex{display:flex; justify-content: space-between; align-items: center; flex-direction: column; margin-top:50px;}
.contents_wrap .Table-Box{
	width:1100px; max-width:1100px; height:auto;  font-family:"Noto Sans KR", serif;
    margin-top:26px; display:flex; justify-content: space-between; align-items: center; flex-direction: column;
    position:relative;
}

.contents_wrap .Table-Box::before{
	content:''; width:700px; height:1px; background-color:#777; position:absolute; top:-70px; right:0; 
}




.contents_wrap .img_area .Table-Box .TB{
width:100%; height:55px;   font-size:21px; margin-bottom:35px;
display:flex; justify-content: space-between; align-items: center;
}
.contents_wrap .img_area .Table-Box .TB .TB-tit,.contents_wrap .img_area .Table-Box .TB .TB-ex{
	border-radius:35px; height:55px;  line-height:48px; padding:3px 16px; box-sizing: border-box; text-align:center;
}
.contents_wrap .img_area .Table-Box .TB .TB-tit{ position:relative; width:230px; font-weight:500; background-color:rgba(255,255,255,0.45); }
.contents_wrap .img_area .Table-Box .TB .TB-tit::before{
	content:''; width:100px; height:1px; background-color:#777; position:absolute; top:27px; right:-150px; 
}


.contents_wrap .img_area .Table-Box .TB .TB-ex{
	width:670px;font-weight:200; border:1px solid #777; text-align:left; padding:5px 35px; box-sizing: border-box;
	line-height:44px;
}
.contents_wrap .img_area .Table-Box .TB-5{margin-top:45px;}
.contents_wrap .img_area .Table-Box .TB-5 .TB-ex{ font-weight:500;}
.contents_wrap .img_area .Table-Box .TB-4 .TB-ex{ padding:5px 10px; width:450px; font-weight:500; border:0; background-color:rgba(255,255,255,0.45);  text-align:center;}
.contents_wrap .img_area .Table-Box .TB-4{margin-bottom:0;}
.contents_wrap .img_area .Table-Box .TB-3 .TB-ex{
	height:110px; border-radius:35px; line-height:29px;margin-top:42px; padding:10px 35px; box-sizing: border-box;
 }




















.contents_wrap .img_area.is-inview .img img{opacity: 1;transform: scale(1);transition-delay: .6s;}
.contents_wrap .img_area .btn_group .center a{background: #0E70B9;color: #fff;font-size: 16px; line-height: 150%; padding: 12px 23px; border-radius: 5px;} 
.contents_wrap .img_area .btn_group.btn_group_mg{margin:12px 0 0 0;}
.contents_wrap .img_area02{position:relative;z-index:-1;max-width:1200px;margin:0 auto 70px auto;}
.contents_wrap .img_area02 ul{overflow:hidden;margin-left:-5%;}
.contents_wrap .img_area02 ul li{float:left;width:45%;margin-left:5%;margin-bottom:2%;}
.contents_wrap .img_area02 ul li .origin{height:60px;}
.contents_wrap .img_area02 .img{text-align:center;margin-bottom:20px;}
.contents_wrap .img_area02 .img img{width:100%;max-width:1920px;opacity:0;transform: scale(1.1);transition: opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1.2s cubic-bezier(.215,.61,.355,1);}
.contents_wrap .img_area02 .origin{text-align:center;font-size:20px;color:#000;line-height:150%;}

.contents_wrap .img_area02.is-inview .img img{opacity: 1;transform: scale(1);transition-delay: .6s;}
.contents_wrap .txt_area{max-width:900px;margin:0 auto;line-height:150%;font-size:26px;margin-bottom:70px;position:relative;z-index:1000;}
.contents_wrap .txt_area a{display:inline-block;margin:5px 0 0 3px;vertical-align:top;}
.contents_wrap .txt_area a img{vertical-align:top;}
.contents_wrap .txt_area a.open_pop img{height:29px;}
.contents_wrap .line{height:150px;width:1px;background:#333232;margin:80px auto 100px auto;transform: scaleY(0);transition: transform .6s cubic-bezier(.215,.61,.355,1);}
.contents_wrap .line.is-inview{transform: scaleY(1);}
.contents_wrap .pop{display:none;position:absolute;left:50%;margin-left:-250px;z-index:999999;}
.contents_wrap .pop.pop_top_position{top:275px;}
.contents_wrap .pop:before{content:'';display:inline-block;vertical-align:middle;width:1px;height:100%;margin-left:-4px;}
.contents_wrap .pop .inner{display:inline-block;vertical-align:middle;background:#CCE5FF;border:1px solid #B8DAFF;padding:20px;position:relative;width:560px;text-align:left;}
.contents_wrap .pop .inner.green{background:#D4EDDA;border:1px solid #D4EDDA;}
.contents_wrap .pop .inner .close_pop{position:absolute;right:10px;top:10px;margin:0;}
.contents_wrap .pop .inner .txt strong{display:block;font-size:25px;line-height:130%;margin-bottom:20px;letter-spacing:-1px;}
.contents_wrap .pop .inner .txt p{font-size:23px;line-height:150%;letter-spacing:-1px;}
.contents_wrap .googlemap{max-width:1200px;height:750px;border:1px solid #ddd;margin:0 auto 80px auto;background:#fff;}
.contents_wrap .googlemap #googleMap{width:100%;height:100%;}
.contents_wrap .table_style{max-width:1200px;margin:0 auto 50px auto;}
.contents_wrap .table_style table{width:100%;border-collapse:collapse;}
.contents_wrap .table_style table td .Add-ul .Report-Bold-Tit{color:#000;}
.contents_wrap .table_style table th{text-align:center;font-size:30px;line-height:150%;padding:15px;background:#0E70B9;border:1px solid #000;color:#fff;}
.contents_wrap .table_style table td{text-align:left;font-size:30px;line-height:150%;padding:15px;border:1px solid #000;}
.contents_wrap .table_style table td .Add-ul .Report-Bold-Tit{color:#000;padding:15px;font-size:30px;font-weight:600;}
.contents_wrap .table_style table .Add-ul-ROW{padding:0;}
.contents_wrap .table_style table td .Add-ul{display:block; width:100%;}
.contents_wrap .table_style table td .Add-ul li{padding-bottom:15px;}
.contents_wrap .table_style table td .Add-ul li:nth-child(1){display:block; width:100%;border-bottom:1px solid #000;}

.contents_wrap .table_style table td a{color:#1F2C5E;transition:all .3s;}
.contents_wrap .table_style table td a:hover{color:#0E70B9}
.contents_wrap .table_style table td.small{font-size:26px;}
.contents_wrap .movie_area{max-width:1280px;margin:0 auto 100px auto;}
.contents_wrap .movie_area .iframe{position:relative;width:100%;overflow:hidden;height:0;padding-bottom:56.25%;}
.contents_wrap .movie_area .iframe iframe{position: absolute;top:0;left:0;width:100%;height:100%;}
.btn_group{margin:30px 0;}
.btn_group .center{text-align:center;}
.btn_group .center a{display:inline-block;}
.btn_group .center a.btn_style01{background:#0E70B9;color:#fff;font-size:25px;line-height:150%;padding:15px 50px;border-radius:5px;}
.intro{position:fixed;left:0;right:0;top:0;bottom:0;z-index:10000;background:#000;text-align:center;}
.intro:before{content:'';height:100%;width:1px;margin-left:-4px;display:inline-block;vertical-align:middle;}
.intro .movie{display:inline-block;vertical-align: middle;position:relative;width:99%;overflow:hidden;height:0;padding-bottom:56.25%;box-sizing:border-box;}
.intro .movie video{position: absolute;top:0;left:0;width:100%;height:100%;}


.open_fullmenu{position:absolute;left:20px;top:20px;width:30px;height:20px;background:none;border:0;text-indent:-9999px;overflow:hidden;z-index:1001;}
.open_fullmenu:before{content:'';display:block;width:100%;height:2px;background:rgba(255,255,255,1);position:absolute;left:0;top:0;border-radius:50px;transition:all .4s;}
.open_fullmenu > span:before{content:'';display:block;width:100%;height:2px;background:rgba(255,255,255,1);position:absolute;left:0;top:50%;margin-top:-1px;border-radius:50px;transition:all .4s;}
.open_fullmenu:after{content:'';display:block;width:100%;height:2px;background:rgba(255,255,255,1);position:absolute;left:0;bottom:0;border-radius:50px;transition:all .4s;}
.open_fullmenu.on{height:30px;}
.open_fullmenu.on:before{transform: rotate(45deg) translate(3px, -1px) scale(1.2);transform-origin: top left;}
.open_fullmenu.on > span:before{display:none;}
.open_fullmenu.on:after{transform: rotate(-45deg) translate(3px, 1px) scale(1.2);transform-origin: bottom left;}
.fullmenu{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000;background:#000016}
.fullmenu:before{content:'';display:inline-block;vertical-align:middle;margin-left:-4px;height:100%;}
.fullmenu .fullmenu_list{vertical-align:middle;display:inline-block;width:100%;}
.fullmenu .fullmenu_list .in{}
.fullmenu .fullmenu_list .list{}
.fullmenu .fullmenu_list .list > ul{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;display: flex;}
.fullmenu .fullmenu_list .list > ul > li{flex: 0 0 auto;width:auto;max-width:100%;}
.fullmenu .fullmenu_list .list > ul > li > strong{display:block;font-size:40px;line-height:150%;margin-bottom:20px;}
.fullmenu .fullmenu_list .list > ul > li > ul{margin-right:30px;}
.fullmenu .fullmenu_list .list > ul > li > ul > li{padding:5px 0}
.fullmenu .fullmenu_list .list > ul > li > ul > li > a{display:block;font-size:20px;line-height:150%;color:rgba(255,255,255,0.5);transition:all .3s;letter-spacing:-1px;}
.fullmenu .fullmenu_list .list > ul > li > ul > li > a:hover{color:rgba(255,255,255,1);}

.pop_info{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:#000016;text-align:center;z-index:1002;}
.close_pop_info{position:absolute;left:20px;top:20px;width:30px;height:20px;background:none;border:0;text-indent:-9999px;overflow:hidden;z-index:1001;}
.close_pop_info:before{content:'';display:block;width:100%;height:2px;background:rgba(255,255,255,1);position:absolute;left:0;top:0;border-radius:50px;transition:all .4s;}
.close_pop_info > span:before{content:'';display:block;width:100%;height:2px;background:rgba(255,255,255,1);position:absolute;left:0;top:50%;margin-top:-1px;border-radius:50px;transition:all .4s;}
.close_pop_info:after{content:'';display:block;width:100%;height:2px;background:rgba(255,255,255,1);position:absolute;left:0;bottom:0;border-radius:50px;transition:all .4s;}
.close_pop_info.on{height:30px;}
.close_pop_info.on:before{transform: rotate(45deg) translate(3px, -1px) scale(1.2);transform-origin: top left;}
.close_pop_info.on > span:before{display:none;}
.close_pop_info.on:after{transform: rotate(-45deg) translate(3px, 1px) scale(1.2);transform-origin: bottom left;}
.pop_info:before{content:'';display:inline-block;vertical-align: middle;height:100%;width:1px;margin-left:-4px;}
.pop_info .inner{display:inline-block;vertical-align:middle;width:1200px;padding:40px;box-sizing:border-box;max-height:90%;overflow-y:auto;text-align:left;}
.pop_info .inner .tab_area{margin-bottom:50px;}
.pop_info .inner .tab_area ul:after{content:'';display:block;clear:both;}
.pop_info .inner .tab_area ul li{float:left;width:33.33%;}
.pop_info .inner .tab_area ul li a{display:block;margin-left:-1px;border:1px solid #999;text-align:center;font-size:18px;color:#999;padding:20px 10px;}
.pop_info .inner .tab_area ul li a.on{border:1px solid #fff;position:relative;z-index:1;color:#fff;border-bottom:0;}
.pop_info .inner .cont_area > .item{display:none;min-height:90%;height:95%;overflow-y:auto;font-family: "Noto Serif KR", serif !important;}
.pop_info .inner .cont_area > .item:first-child{display:block;}
.pop_info .inner .cont_area .introduce{}
.pop_info .inner .cont_area .introduce h2{font-size:34px;margin-bottom:30px;line-height:150%;}
.pop_info .inner .cont_area .introduce h2 span{display:block;font-size:26px;line-height:150%;}
.pop_info .inner .cont_area .introduce .txt{font-size:20px;line-height:150%;margin-bottom:30px;}
.pop_info .inner .cont_area .introduce .txt strong{color:#999;font-size:28px;}
.pop_info .inner .cont_area .introduce .origin{border:1px solid #fff;padding:20px;font-size:18px;line-height:150%;display:inline-block;}
.pop_info .inner .cont_area .table_list table{width:100%;border-collapse: collapse;}
.pop_info .inner .cont_area .table_list table th{border:1px solid #999;padding:15px;text-align:center;}
.pop_info .inner .cont_area .table_list table td{border:1px solid #999;padding:15px;text-align:left;font-size:18px;line-height:150%;}

@media screen and (max-width:1850px) {
    .fullmenu .fullmenu_list .list{max-width:1500px;margin:0 auto;padding:0 20px}
    .fullmenu .fullmenu_list .list > ul{display:block;overflow:hidden;}
    .fullmenu .fullmenu_list .list > ul > li{flex:none;width:20%;float:left;}
    .fullmenu .fullmenu_list .list > ul > li > strong{font-size:30px;}
    .fullmenu .fullmenu_list .list > ul > li > ul > li > a{font-size:16px;}
}
@media screen and (max-width:1201px) {
    .contents_wrap .h1_tit{font-size:70px;}
    .contents_wrap .h1_tit span{font-size:30px;}
    .contents_wrap .h2_tit.small span{font-size:26px}
    .contents_wrap .h2_tit.short{}
    .contents_wrap .img_area .origin{font-size:16px;}
    .contents_wrap .img_area02{margin:0 20px 50px 20px;}
    .contents_wrap .img_area02 ul li .origin{font-size:16px;}
    .contents_wrap .h2_tit{font-size:60px;height:190px;max-width:800px;}
    .contents_wrap .txt_area{width:1000px;font-size:20px;}
    .contents_wrap .table_style{max-width:1000px;}
    .contents_wrap .table_style table th{font-size:20px;}
    .contents_wrap .table_style table td{font-size:20px;}
    .contents_wrap .table_style table td.small{font-size:18px;}
    .contents_wrap .pop .inner .txt strong{font-size:20px;}
    .contents_wrap .pop .inner .txt p{font-size:18px;}
    .contents_wrap .txt_area a.open_pop{margin-top:3px;}
    .contents_wrap .txt_area a.open_pop img{height:26px;}
    .contents_wrap .googlemap{height:600px;}
}
@media screen and (max-width:1024px) {
    .fullmenu .fullmenu_list{max-height:90%;overflow-y:auto;margin-top:50px}
    .fullmenu .fullmenu_list .list > ul > li{width:33.33%;margin-bottom:20px;}
    .fullmenu .fullmenu_list .list > ul > li:nth-child(4){clear:both;}
    .fullmenu .fullmenu_list .list > ul > li > strong{font-size:24px;margin-bottom:10px;}
    .fullmenu .fullmenu_list .list > ul > li > ul > li{padding:3px 0}
    .fullmenu .fullmenu_list .list > ul > li > ul > li > a{font-size:14px;}
    
    .contents_wrap{padding:100px 0;}
    .contents_wrap .h1_tit{font-size:55px;margin-bottom:70px;}
    .contents_wrap .h1_tit span{font-size:25px;}
    .contents_wrap .h2_tit.small span{font-size:22px}
    .contents_wrap .h2_tit{font-size:45px;height:140px;max-width:600px;}    
    .contents_wrap .h2_tit.center{margin-bottom:50px;}
    .contents_wrap .line{height:100px;margin:40px auto 50px auto;}
    .contents_wrap .img_area{margin:0 20px 50px 20px;}
    .contents_wrap .txt_area{margin:0 20px 50px 20px;font-size:18px;box-sizing:border-box;max-width:fit-content;}
    .contents_wrap .table_style{margin:0 20px 50px 20px;}
    .contents_wrap .table_style table th{font-size:18px;padding:10px;}
    .contents_wrap .table_style table td{font-size:18px;padding:10px;}
    .contents_wrap .table_style table td.small{font-size:16px;}
    .btn_group .center a.btn_style01{font-size:20px;padding:15px 30px;}
    .contents_wrap .pop .inner .txt strong{font-size:18px;}
    .contents_wrap .pop .inner .txt p{font-size:16px;}
    .contents_wrap .googlemap{height:500px;}
    .contents_wrap .movie_area{margin:0 auto 50px auto;}
}
@media screen and (max-width:754px) {
    .data-view{}
    .data-filter{right:15px;top:auto;bottom:70px}
    .data-filter .col p{font-size:12px;}
    .data-filter .col .circle{margin-top:4px;}
    .data-filter .filter-btns{width:95px;}
    .data-filter .filtered-list{max-width:100vw;top:auto;bottom:110px;}
    .data-filter .filtered-list li{font-size:12px;}
    .fullmenu .fullmenu_list .list > ul > li{float:nont;width:auto;}
    header h1{font-size:14px;}
    header h1 strong{font-size:16px;}
    .data-view{width:28px;}
    .data-view label span{display:none;}
    .data-view a span{display:none;}
    
    .contents_wrap .h1_tit{font-size:35px;margin-left:10px;margin-right:10px;}
    .contents_wrap .h1_tit span{font-size:20px;letter-spacing:0;}
    .contents_wrap .h1_tit strong br{display:none;}
    .contents_wrap .h2_tit{font-size:28px;height:90px;max-width:320px;margin-bottom:30px;}
    .contents_wrap .h2_tit.center{margin:0 10px 30px 10px;max-width:none;}
    .contents_wrap .h2_tit.short{max-width:320px;}
    .contents_wrap .txt_area{font-size:16px;margin-bottom:30px;}
    .contents_wrap .img_area{margin-bottom:30px;}
    .contents_wrap .img_area .origin{font-size:14px;}
    .contents_wrap .img_area02 .img{margin-bottom:10px;}
    .contents_wrap .img_area02 ul li{width:47%;margin-left:3%;margin-bottom:3%;}
    .contents_wrap .img_area02 ul li .origin{font-size:12px;}
    .contents_wrap .txt_area{word-break:break-all;}
    .contents_wrap .txt_area{z-index:10001}
    .contents_wrap .txt_area a.open_pop{margin-top:1px;}
    .contents_wrap .txt_area a.open_pop img{height:22px;}
    .contents_wrap .txt_area + .line + .h2_tit + .txt_area{z-index:99;}
    .contents_wrap .pop{left:0;right:0;margin-left:0;}
    .contents_wrap .pop .inner{width:100%;}
    .contents_wrap .pop .inner .txt{}
    .contents_wrap .pop .inner .txt strong{font-size:16px;margin-right:10px;}
    .contents_wrap .pop .inner .txt strong br{display:none;}
    .contents_wrap .pop .inner .txt p{font-size:14px;}
    .contents_wrap .table_style{margin-bottom:30px;}
    .contents_wrap .table_style table th{font-size:14px;}
    .contents_wrap .table_style table td{font-size:14px;word-break:break-all;}
    .contents_wrap .table_style table td.small{font-size:12px;}
    .btn_group .center a.btn_style01{font-size:16px;}
    .contents_wrap .googlemap{height:300px;}
    .contents_wrap .movie_area{margin:0 auto 30px auto;}
    
}


