@charset "UTF-8";
/** 이클립스 Git 테스트
 * Breakpoints
 */
/**
 * Vertical rhythm
 */
/**
 * Gutter
 */
/**
 * Color theme creation
 */
/*
 * @ text accent
 * @ $text-color
 */
/**
 * Font systems
 */
/**
 * System icons
 */
/**
 * Breakpoints
 */
/**
 * Vertical rhythm
 */
/**
 * Gutter
 */
/**
 * Color theme creation
 */
/*
 * @ text accent
 * @ $text-color
 */
/**
 * Font systems
 */
/**
 * System icons
 */
@-webkit-keyframes text-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes text-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 * Breakpoints
 */
/**
 * Vertical rhythm
 */
/**
 * Gutter
 */
/**
 * Color theme creation
 */
/*
 * @ text accent
 * @ $text-color
 */
/**
 * Font systems
 */
/**
 * System icons
 */
/**
 * Breakpoints
 */
/**
 * Vertical rhythm
 */
/**
 * Gutter
 */
/**
 * Color theme creation
 */
/*
 * @ text accent
 * @ $text-color
 */
/**
 * Font systems
 */
/**
 * System icons
 */
@keyframes text-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

:root{
  --container-w: 1280rem;
  --container-pad: 24rem;
}

#mtg-list-page {
  --kk-grid-border:#eceff3;
  --kk-grid-bg:#fafbfc;
  --kk-text:#222;
  --kk-sub:#8b95a1;
  --kk-muted:#c7ced6;
  --kk-today:#111;
  --kk-weekend-sun:#ff5b5b;
  --kk-weekend-sat:#3b82f6;

  /* 이벤트 팔레트 (카카오 감성 파스텔톤) */
  --kk-yellow:#ffd75a;
  --kk-blue:#4f86ff;
  --kk-green:#65c466;
  --kk-purple:#9b78f0;
  --kk-orange:#ffa44d;
  --kk-pink:#ff7aa2;
}


/**
 * @type		component
 * @name		info-popup
 * @moudle		module-a
 * @update		2022-09-16
 */
html.laptop.active-info-popup body,
html.mobile.active-info-popup body,
html.active-info-popup body {
  overflow-y: hidden;
}

.info-popup.module-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  z-index: 60;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 24rem;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  pointer-events: none;
  -webkit-transition: visibility 0.25s ease, opacity 0.25s ease;
  -o-transition: visibility 0.25s ease, opacity 0.25s ease;
  transition: visibility 0.25s ease, opacity 0.25s ease;
}
.info-popup.module-a.active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.info-popup.module-a.small .popup-page-body {
  width: 560rem;
}
.info-popup.module-a .popup-page-body {
  pointer-events: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0 8rem 16rem 0 rgba(0, 0, 0, 0.1), 0 0 0 0.0625rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 8rem 16rem 0 rgba(0, 0, 0, 0.1), 0 0 0 0.0625rem rgba(0, 0, 0, 0.15);
}
.info-popup.module-a .popup-page-body .popup-local {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-head {
  display: block;
  position: absolute;
  overflow: hidden;
  visibility: hidden;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding: 0 24rem;
}
html.mobile .info-popup.module-a .popup-page-body .popup-local .popup-local-body {
  overflow-x: hidden;
  overflow-y: auto;
}

html.laptop .info-popup.module-a .popup-page-body .popup-local .popup-local-body {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
}
html.laptop .info-popup.module-a .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb {
  border-width: 4rem;
  border-style: solid;
  border-color: transparent;
  background-clip: content-box;
  background-color: rgba(0, 0, 0, 0.2);
}
html.laptop .info-popup.module-a .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
html.laptop .info-popup.module-a .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.6);
}z
html.laptop .info-popup.module-a .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar {
  width: 12rem;
  height: 12rem;
}
html.laptop .info-popup.module-a .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb {
  border-radius: 6rem;
}

.info-popup.module-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body {
  margin: 48rem 0 25rem 0;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body > .info-board.module-a {
  margin: 24rem 0;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body > .button-display {
  margin: 18rem 0;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body > .button-display .btn {
  -ms-flex-preferred-size: 104rem;
  flex-basis: 104rem;
  border-radius: 4px;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-func {
  position: absolute;
  top: 16rem;
  right: 16rem;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-func .button-area {
  display: block;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-func .button-area .btn.popup-close svg {
  width: 24rem;
  height: 24rem;
  fill: rgb(0, 0, 0);
}

/**
 * @type		component
 * @name		content-popup
 * @moudle		module-a
 * @update		2022-09-16
 */
html.laptop.active-content-popup body,
html.mobile.active-content-popup body,
html.active-content-popup body {
  overflow-y: hidden;
}

.content-popup.module-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  z-index: 60;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: visibility 0.25s ease, opacity 0.25s ease;
  -o-transition: visibility 0.25s ease, opacity 0.25s ease;
  transition: visibility 0.25s ease, opacity 0.25s ease;
}
.content-popup.module-a.active {
  visibility: visible;
  opacity: 1;
}
@media (min-width: 1024px) {
  .content-popup.module-a.medium .popup-page-body {
    width: 984rem;
  }
}
@media (min-width: 1024px) {
  .content-popup.module-a.large .popup-page-body {
    width: 800rem;
  }
}
.content-popup.module-a .popup-page-body {
  pointer-events: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0 8rem 16rem 0 rgba(0, 0, 0, 0.1), 0 0 0 0.0625rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 8rem 16rem 0 rgba(0, 0, 0, 0.1), 0 0 0 0.0625rem rgba(0, 0, 0, 0.15);
}
@media (max-width: 1023px) {
  .content-popup.module-a .popup-page-body {
    height: 100vh;
    width: 100vw;
  }
}
.content-popup.module-a .popup-page-body .popup-local {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}
.content-popup.module-a .popup-page-body .popup-local .popup-local-head {
  padding: 20rem 24rem;
  background-color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
  .content-popup.module-a .popup-page-body .popup-local .popup-local-head {
    padding: 32rem;
  }
}
.content-popup.module-a .popup-page-body .popup-local .popup-local-head .popup-local-subject {
  margin: 0;
  font-size: 19.2rem;
  line-height: 24rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
  .content-popup.module-a .popup-page-body .popup-local .popup-local-head .popup-local-subject {
    font-size: 22.4rem;
    line-height: 28rem;
  }
}
.content-popup.module-a .popup-page-body .popup-local .popup-local-head .popup-local-subject .popup-local-name {
  display: block;
}
.content-popup.module-a .popup-page-body .popup-local .popup-local-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding: 0 24rem;
}
html.mobile .content-popup.module-a .popup-page-body .popup-local .popup-local-body {
  overflow-x: hidden;
  overflow-y: auto;
}

html.laptop .content-popup.module-a .popup-page-body .popup-local .popup-local-body {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
}
html.laptop .content-popup.module-a .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb {
  border-width: 4rem;
  border-style: solid;
  border-color: transparent;
  background-clip: content-box;
  background-color: rgba(0, 0, 0, 0.2);
}
html.laptop .content-popup.module-a .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
html.laptop .content-popup.module-a .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.6);
}
html.laptop .content-popup.module-a .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar {
  width: 12rem;
  height: 12rem;
}
html.laptop .content-popup.module-a .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb {
  border-radius: 6rem;
}

@media (min-width: 1024px) {
  .content-popup.module-a .popup-page-body .popup-local .popup-local-body {
    padding: 0 32rem;
  }
}
.content-popup.module-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body {
  margin-bottom: 40rem;
}
.content-popup.module-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body > .section.bui-tab-target {
  margin: 24rem 0;
}
.content-popup.module-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body > .section.bui-tab-target .section-wrap .section-head {
  display: block;
  position: absolute;
  overflow: hidden;
  visibility: hidden;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.content-popup.module-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body > .submit-form.module-b {
  margin: 24rem 0;
}
.content-popup.module-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body > .info-board.module-a {
  margin: 24rem 0;
}
.content-popup.module-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body > .button-display {
  margin: 32rem 0;
}
.content-popup.module-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body > .button-display .btn {
  -ms-flex-preferred-size: 104rem;
  flex-basis: 104rem;
}
.content-popup.module-a .popup-page-body .popup-local .popup-local-func {
  position: absolute;
  top: 20rem;
  right: 20rem;
}
@media (min-width: 1024px) {
  .content-popup.module-a .popup-page-body .popup-local .popup-local-func {
    top: 32rem;
    right: 32rem;
  }
}
.content-popup.module-a .popup-page-body .popup-local .popup-local-func .button-area {
  display: block;
}
.content-popup.module-a .popup-page-body .popup-local .popup-local-func .button-area .btn.popup-close {
  display: block;
}
.content-popup.module-a .popup-page-body .popup-local .popup-local-func .button-area .btn.popup-close svg {
  width: 24rem;
  height: 24rem;
  fill: rgb(0, 0, 0);
}
@media (min-width: 1024px) {
  .content-popup.module-a .popup-page-body .popup-local .popup-local-func .button-area .btn.popup-close svg {
    width: 28rem;
    height: 28rem;
  }
}

.content-popup#privacyCollectionAgreement .popup-content-body .video-viewer img {
  display: block;
}

.content-popup#videoViewer .popup-content-body .video-viewer img {
  display: block;
}

.info-popup#dataDownload .popup-content-body .data-list.module-a {
  padding: 12rem;
  border: 1rem solid rgb(216, 219, 225);
}

.content-popup#selectDetails .popup-content-body .goods-display {
  padding-bottom: 16rem;
  border-bottom: 1rem solid rgb(236, 239, 245);
}

.content-popup#sitemap .popup-local-head {
  padding: 24rem 20rem;
}
.content-popup#sitemap .popup-local-body {
  padding: 0 20rem;
}
.content-popup#sitemap .popup-local-body .popup-content .popup-content-body .navi-display.site-map > .navi-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 24rem;
}
.content-popup#sitemap .popup-local-body .popup-content .popup-content-body .navi-display.site-map > .navi-list > .navi-item {
  width: 100%;
  padding: 24rem 32rem;
  background-color: rgb(249, 250, 252);
  border-radius: 8rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.content-popup#sitemap .popup-local-body .popup-content .popup-content-body .navi-display.site-map > .navi-list > .navi-item > .navi-wrap > .navi-head {
  padding-bottom: 16rem;
  font-size: 18.6666666667rem;
  line-height: 28rem;
  font-weight: 700;
  color: rgb(1, 132, 208);
  border-bottom: 1rem solid rgb(236, 239, 245);
}
.content-popup#sitemap .popup-local-body .popup-content .popup-content-body .navi-display.site-map > .navi-list > .navi-item > .navi-wrap > .navi-head .navi-name {
  text-decoration: none;
  color: inherit;
}
.content-popup#sitemap .popup-local-body .popup-content .popup-content-body .navi-display.site-map > .navi-list > .navi-item > .navi-wrap > .navi-body > .navi-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 16rem;
  row-gap: 16rem;
  list-style: none;
}
.content-popup#sitemap .popup-local-body .popup-content .popup-content-body .navi-display.site-map > .navi-list > .navi-item > .navi-wrap > .navi-body > .navi-list > .navi-item {
  padding-left: 0;
  font-size: 16rem;
  line-height: 24rem;
  font-weight: 500;
  color: rgb(25, 29, 38);
  /*border-bottom: 1rem solid rgb(180 187 203);*/
}
.content-popup#sitemap .popup-local-body .popup-content .popup-content-body .navi-display.site-map > .navi-list > .navi-item > .navi-wrap > .navi-body > .navi-list > .navi-item a {
  border-bottom: 1rem solid rgb(180 187 203);
  text-decoration: none;
  color: inherit;
}
.content-popup#sitemap .popup-local-body .popup-content .popup-content-body .navi-display.site-map > .navi-list > .navi-item > .navi-wrap > .navi-body > .navi-list > .navi-item > .navi-list {
  margin-top: 4rem;
}
@media (min-width: 1024px) {
  .content-popup#sitemap .popup-local-body .popup-content .popup-content-body .navi-display.site-map > .navi-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 24rem;
    -moz-column-gap: 24rem;
    column-gap: 24rem;
  }
  .content-popup#sitemap .popup-local-body .popup-content .popup-content-body .navi-display.site-map > .navi-list > .navi-item {
    width: calc(50% - 12rem);
  }
}
.content-popup#sitemap .popup-local-func {
  top: 24rem;
}
@media (min-width: 1024px) {
  .content-popup#sitemap .popup-local-head {
    padding: 40rem 32rem;
  }
  .content-popup#sitemap .popup-local-body {
    padding: 0 32rem;
  }
  .content-popup#sitemap .popup-local-body .popup-content .popup-content-body {
    margin-bottom: 40rem;
  }
  .content-popup#sitemap .popup-local-func {
    top: 40rem;
  }
}

/**
 * @type		 component
 * @name		notice-popup
 * @moudle		module-a
 * @update		2022-11-03
 */
.notice-popup.module-a {
  /*display: -webkit-box;*/
  /*display: -ms-flexbox;*/
  /*display: flex;*/
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  z-index: 50;
  top: 0;
  bottom: 0;
  left: var(--left);
  right: var(--right);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: visibility 0.25s ease, opacity 0.25s ease;
  -o-transition: visibility 0.25s ease, opacity 0.25s ease;
  transition: visibility 0.25s ease, opacity 0.25s ease;
  /*width: 100%;*/
  min-width: 300px;
  max-width: var(--width);
  height: var(--height);
}
.notice-popup.module-a.active {
  visibility: visible;
  opacity: 1;
}
.notice-popup.module-a .popup-page-body {
  height:100%;
  pointer-events: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0 8rem 16rem 0 rgba(0, 0, 0, 0.1), 0 0 0 0.0625rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 8rem 16rem 0 rgba(0, 0, 0, 0.1), 0 0 0 0.0625rem rgba(0, 0, 0, 0.15);
}
.notice-popup.module-a .popup-page-body .popup-local {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}
.notice-popup.module-a .popup-page-body .popup-local .popup-local-head {
  padding: 0rem 15rem;
  border-bottom: 1rem solid #014f7d2e;
  background-color:rgb(1, 79, 125);
  color:rgb(255, 255, 255);
  /*display: block;*/
  /*position: absolute;*/
  /*overflow: hidden;*/
  /*visibility: hidden;*/
  /*margin: -1px;*/
  /*padding: 0;*/
  /*width: 1px;*/
  /*height: 1px;*/
  /*line-height: 1px;*/
  /*font-size: 1px;*/
  /*border: 0;*/
  /*clip: rect(0 0 0 0);*/
  /*clip: rect(0, 0, 0, 0);*/
  /*pointer-events: none;*/
}
.notice-popup.module-a .popup-page-body .popup-local .popup-local-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
html.mobile .notice-popup.module-a .popup-page-body .popup-local .popup-local-body {
  overflow-x: hidden;
  overflow-y: auto;
}

html.laptop .notice-popup.module-a .popup-page-body .popup-local .popup-local-body {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
}
html.laptop .notice-popup.module-a .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb {
  border-width: 4rem;
  border-style: solid;
  border-color: transparent;
  background-clip: content-box;
  background-color: rgba(0, 0, 0, 0.2);
}
html.laptop .notice-popup.module-a .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
html.laptop .notice-popup.module-a .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.6);
}
html.laptop .notice-popup.module-a .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar {
  width: 12rem;
  height: 12rem;
}
html.laptop .notice-popup.module-a .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb {
  border-radius: 6rem;
}

.notice-popup.module-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body img {
  vertical-align: top;
}
.notice-popup.module-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body {
  min-height: 60rem;
}
.notice-popup.module-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body .text-area {
  position: relative;
  padding: 12rem 16rem;
  white-space: pre-wrap;
}
.notice-popup.module-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body::before {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(./../images/information/logo/bg-notice-popup-gray.svg);
  /*background-size: 100% 100%;*/
  background-size: auto;
}
.notice-popup.module-a .popup-page-body .popup-local .popup-local-func {
  z-index:1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40rem;
  padding: 0 16rem;
  background-color: rgb(1, 79, 125);
}
.notice-popup.module-a .popup-page-body .popup-local .popup-local-func .option-list {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.notice-popup.module-a .popup-page-body .popup-local .popup-local-func .option-list .option-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.notice-popup.module-a .popup-page-body .popup-local .popup-local-func .button-display {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.notice-popup.module-a .popup-page-body .popup-local .popup-local-func .button-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.notice-popup.module-a .popup-page-body .popup-local .popup-local-func .button-area .btn.popup-close {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13.3333333333rem;
  line-height: 20rem;
  color: rgb(255, 255, 255);
}
.notice-popup.module-a .popup-page-body .popup-local .popup-local-func .button-area .btn.popup-close::after {
  content: "";
  display: block;
  width: 20rem;
  height: 20rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(255,255,255,1)' d='M19.6013 5.45922L18.5407 4.39856L11.9999 10.9394L5.4591 4.39863L4.39844 5.4593L10.9392 12.0001L4.39855 18.5407L5.45921 19.6014L11.9999 13.0607L18.5406 19.6014L19.6012 18.5408L13.0605 12.0001L19.6013 5.45922Z'/%3E%3C/svg%3E") no-repeat center/cover;
}

@media (max-width: 520px) {
  .notice-popup.module-a{
    left: 0 !important;
    top: 60px !important;
    width: 100vw !important;
    height : 45vh !important;
  }
  .notice-popup.module-a .popup-page-body{
    left:0 !important;
    top:0 !important;
  }
}

:root {
  height: 100%;
  font-size: 1px;
}
@media (max-width: 374px) {
  :root {
    font-size: 0.75px;
  }
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  word-break: keep-all;
  overflow-wrap: break-word;
  font-size: 12rem;
  line-height: 18rem;
  font-family: Noto Sans KR, Malgun Gothic, 맑은 고딕, dotum, 돋움, sans-serif;
  -webkit-text-size-adjust: none;
}
html.mobile body {
  overflow-x: hidden;
  overflow-y: auto;
}

html.laptop body {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
}
html.laptop body::-webkit-scrollbar-thumb {
  border-width: 4rem;
  border-style: solid;
  border-color: transparent;
  background-clip: content-box;
  background-color: rgba(0, 0, 0, 0.2);
}
html.laptop body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
html.laptop body::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.6);
}
html.laptop body::-webkit-scrollbar {
  width: 16rem;
  height: 16rem;
}
html.laptop body::-webkit-scrollbar-thumb {
  border-radius: 8rem;
}

hr {
  display: none;
}

img {
  max-width: 100%;
}

/**
 * @type layout
 * @name global
 */
#wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}
@media (min-width: 1024px) {
  #wrap {
    padding: 0 64rem;
  }
}
#wrap #page {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  padding-top: 60rem;
  width: 1280rem;
  max-width: 100%;
  min-height: 100vh;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  #wrap #page {
    padding-top: 92rem;
  }

}

/**
 * @type layout
 * @name page-skip
 */
.page-skip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 100;
  top: -120rem;
  right: 0;
  left: 0;
  height: 56rem;
  background-color: rgb(25, 29, 38);
}
@media (min-width: 1024px) {
  .page-skip {
    height: 96rem;
  }
}
.page-skip .skip-item {
  color: rgb(255, 255, 255);
  font-size: 16rem;
  line-height: 24rem;
}
.page-skip:focus-within {
  top: 0;
}

/**
 * @type layout
 * @name page-head
 */
.page-head .page-subject {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-head .page-subject .page-name {
  display: block;
}
.page-head .page-subject .page-name svg {
  display: block;
}
.page-head .page-util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-head .page-util .button-area{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 6rem;
  -moz-column-gap: 6rem;
  column-gap: 6rem;
}
.page-head .page-util .button-area .btn {
  display: block;
  position: relative;
  overflow: hidden;
  width: 24rem;
  height: 24rem;
}
.page-head .page-util .button-area .btn:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-background-repeat: no-repeat;
  background-repeat: no-repeat;
  -webkit-background-size: 24rem;
  background-size: 24rem;
  -webkit-background-position: center;
  background-position: center;
  /*-webkit-mask-repeat: no-repeat;*/
  /*        mask-repeat: no-repeat;*/
  /*-webkit-mask-size: 24rem;*/
  /*        mask-size: 24rem;*/
  /*-webkit-mask-position: center;*/
  /*        mask-position: center;*/
  /*background-color: rgb(0, 0, 0);*/
}
.page-head .page-util .button-area .btn .btn-text {
  display: block;
  position: absolute;
  overflow: hidden;
  visibility: hidden;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.page-head .page-util .button-area .btn.language {
  -webkit-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(0,0,0,1)' d='M21,7.6V7.5h-0.1C19.3,4.2,15.9,2,12,2C8.1,2,4.7,4.2,3.1,7.5H3v0.1C2.4,9,2,10.4,2,12c0,5.5,4.5,10,10,10 s10-4.5,10-10C22,10.4,21.6,9,21,7.6z M19.2,7.5h-3.6c-0.3-1.5-0.7-2.7-1.3-3.7C16.4,4.4,18.1,5.7,19.2,7.5z M14.5,12 c0,0.5,0,1,0,1.5H9.5c0-0.5,0-1,0-1.5c0-1.1,0.1-2.1,0.2-3h4.6C14.4,9.9,14.5,10.9,14.5,12z M10.6,5.5c0.3-0.8,0.7-1.3,1-1.7 C11.8,3.5,12,3.5,12,3.5c0,0,0.2,0,0.5,0.3c0.3,0.3,0.6,0.9,1,1.7c0.2,0.6,0.4,1.3,0.6,2H10C10.1,6.7,10.3,6.1,10.6,5.5z M9.7,3.8 C9.2,4.8,8.7,6,8.4,7.5H4.8C5.9,5.7,7.6,4.4,9.7,3.8z M3.5,12c0-1.1,0.2-2.1,0.5-3h4.1C8.1,9.9,8,11,8,12c0,0.5,0,1,0,1.5H3.6 C3.5,13,3.5,12.5,3.5,12z M4,15h4.1c0.3,2.1,0.8,3.9,1.5,5.2C7.1,19.5,5,17.5,4,15z M12.5,20.2c-0.3,0.3-0.5,0.3-0.5,0.3 c0,0-0.2,0-0.5-0.3c-0.3-0.3-0.6-0.9-1-1.7c-0.4-0.9-0.7-2.1-0.9-3.5h4.6c-0.2,1.4-0.5,2.6-0.9,3.5C13.1,19.3,12.8,19.9,12.5,20.2z M14.3,20.2c0.7-1.3,1.3-3.1,1.5-5.2H20C19,17.5,16.9,19.5,14.3,20.2z M20.4,13.5H16c0-0.5,0-1,0-1.5c0-1-0.1-2.1-0.2-3H20 c0.4,0.9,0.5,1.9,0.5,3C20.5,12.5,20.5,13,20.4,13.5z'/%3E%3C/svg%3E");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(0,0,0,1)' d='M21,7.6V7.5h-0.1C19.3,4.2,15.9,2,12,2C8.1,2,4.7,4.2,3.1,7.5H3v0.1C2.4,9,2,10.4,2,12c0,5.5,4.5,10,10,10 s10-4.5,10-10C22,10.4,21.6,9,21,7.6z M19.2,7.5h-3.6c-0.3-1.5-0.7-2.7-1.3-3.7C16.4,4.4,18.1,5.7,19.2,7.5z M14.5,12 c0,0.5,0,1,0,1.5H9.5c0-0.5,0-1,0-1.5c0-1.1,0.1-2.1,0.2-3h4.6C14.4,9.9,14.5,10.9,14.5,12z M10.6,5.5c0.3-0.8,0.7-1.3,1-1.7 C11.8,3.5,12,3.5,12,3.5c0,0,0.2,0,0.5,0.3c0.3,0.3,0.6,0.9,1,1.7c0.2,0.6,0.4,1.3,0.6,2H10C10.1,6.7,10.3,6.1,10.6,5.5z M9.7,3.8 C9.2,4.8,8.7,6,8.4,7.5H4.8C5.9,5.7,7.6,4.4,9.7,3.8z M3.5,12c0-1.1,0.2-2.1,0.5-3h4.1C8.1,9.9,8,11,8,12c0,0.5,0,1,0,1.5H3.6 C3.5,13,3.5,12.5,3.5,12z M4,15h4.1c0.3,2.1,0.8,3.9,1.5,5.2C7.1,19.5,5,17.5,4,15z M12.5,20.2c-0.3,0.3-0.5,0.3-0.5,0.3 c0,0-0.2,0-0.5-0.3c-0.3-0.3-0.6-0.9-1-1.7c-0.4-0.9-0.7-2.1-0.9-3.5h4.6c-0.2,1.4-0.5,2.6-0.9,3.5C13.1,19.3,12.8,19.9,12.5,20.2z M14.3,20.2c0.7-1.3,1.3-3.1,1.5-5.2H20C19,17.5,16.9,19.5,14.3,20.2z M20.4,13.5H16c0-0.5,0-1,0-1.5c0-1-0.1-2.1-0.2-3H20 c0.4,0.9,0.5,1.9,0.5,3C20.5,12.5,20.5,13,20.4,13.5z'/%3E%3C/svg%3E");
}
.page-head .page-util .button-area .btn.cart {
  /* -webkit-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(0,0,0,1)' d='M8.5,14c-0.3-0.3-0.3-0.8,0-1.1c0.3-0.3,0.8-0.3,1.1,0l1.7,1.7V9.5c0-0.4,0.3-0.8,0.8-0.8s0.8,0.3,0.8,0.8v5.2 l1.7-1.7c0.3-0.3,0.8-0.3,1.1,0c0.3,0.3,0.3,0.8,0,1.1l-3,3c-0.1,0.1-0.3,0.2-0.5,0.2s-0.4-0.1-0.5-0.2L8.5,14z M20.8,6v13.5 c0,1-0.8,1.8-1.8,1.8H5c-1,0-1.8-0.8-1.8-1.8V6c0-0.1,0-0.2,0-0.3l1.3-3.4c0.3-0.7,0.9-1.1,1.6-1.1h11.6c0.7,0,1.4,0.5,1.6,1.1 l1.3,3.4C20.7,5.8,20.8,5.9,20.8,6z M5.1,5.2h13.8L18,2.9c0-0.1-0.1-0.2-0.2-0.2H6.2C6.1,2.8,6,2.8,6,2.9L5.1,5.2z M19.2,6.8H4.8 v12.8c0,0.1,0.1,0.2,0.2,0.2h14c0.1,0,0.2-0.1,0.2-0.2V6.8z'/%3E%3C/svg%3E");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(0,0,0,1)' d='M8.5,14c-0.3-0.3-0.3-0.8,0-1.1c0.3-0.3,0.8-0.3,1.1,0l1.7,1.7V9.5c0-0.4,0.3-0.8,0.8-0.8s0.8,0.3,0.8,0.8v5.2 l1.7-1.7c0.3-0.3,0.8-0.3,1.1,0c0.3,0.3,0.3,0.8,0,1.1l-3,3c-0.1,0.1-0.3,0.2-0.5,0.2s-0.4-0.1-0.5-0.2L8.5,14z M20.8,6v13.5 c0,1-0.8,1.8-1.8,1.8H5c-1,0-1.8-0.8-1.8-1.8V6c0-0.1,0-0.2,0-0.3l1.3-3.4c0.3-0.7,0.9-1.1,1.6-1.1h11.6c0.7,0,1.4,0.5,1.6,1.1 l1.3,3.4C20.7,5.8,20.8,5.9,20.8,6z M5.1,5.2h13.8L18,2.9c0-0.1-0.1-0.2-0.2-0.2H6.2C6.1,2.8,6,2.8,6,2.9L5.1,5.2z M19.2,6.8H4.8 v12.8c0,0.1,0.1,0.2,0.2,0.2h14c0.1,0,0.2-0.1,0.2-0.2V6.8z'/%3E%3C/svg%3E"); */
  background-image: url("/resources/assets/images/svg/shopping-cart-outline-svgrepo-com4.svg");
  background-repeat: no-repeat;
  background-position: center center;
}
.page-head .page-util .button-area .btn.unified-search {
  -webkit-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(0,0,0,1)' d='M10 2.25C5.99594 2.25 2.75 5.49594 2.75 9.5C2.75 13.5041 5.99594 16.75 10 16.75C11.7319 16.75 13.3219 16.1427 14.5689 15.1295L19.7535 20.3142C20.0464 20.6071 20.5213 20.6071 20.8142 20.3142C21.1071 20.0213 21.1071 19.5464 20.8142 19.2535L15.6295 14.0689C16.6427 12.8219 17.25 11.2319 17.25 9.5C17.25 5.49594 14.0041 2.25 10 2.25ZM4.25 9.5C4.25 6.32436 6.82436 3.75 10 3.75C13.1756 3.75 15.75 6.32436 15.75 9.5C15.75 12.6756 13.1756 15.25 10 15.25C6.82436 15.25 4.25 12.6756 4.25 9.5Z'/%3E%3C/svg%3E");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(0,0,0,1)' d='M10 2.25C5.99594 2.25 2.75 5.49594 2.75 9.5C2.75 13.5041 5.99594 16.75 10 16.75C11.7319 16.75 13.3219 16.1427 14.5689 15.1295L19.7535 20.3142C20.0464 20.6071 20.5213 20.6071 20.8142 20.3142C21.1071 20.0213 21.1071 19.5464 20.8142 19.2535L15.6295 14.0689C16.6427 12.8219 17.25 11.2319 17.25 9.5C17.25 5.49594 14.0041 2.25 10 2.25ZM4.25 9.5C4.25 6.32436 6.82436 3.75 10 3.75C13.1756 3.75 15.75 6.32436 15.75 9.5C15.75 12.6756 13.1756 15.25 10 15.25C6.82436 15.25 4.25 12.6756 4.25 9.5Z'/%3E%3C/svg%3E");
}
.page-head .page-util .button-area .btn.unified-search.active {
  pointer-events: none;
  -webkit-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(0,0,0,1)' d='M19.6013 5.45922L18.5407 4.39856L11.9999 10.9394L5.4591 4.39863L4.39844 5.4593L10.9392 12.0001L4.39855 18.5407L5.45921 19.6014L11.9999 13.0607L18.5406 19.6014L19.6012 18.5408L13.0605 12.0001L19.6013 5.45922Z'/%3E%3C/svg%3E");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(0,0,0,1)' d='M19.6013 5.45922L18.5407 4.39856L11.9999 10.9394L5.4591 4.39863L4.39844 5.4593L10.9392 12.0001L4.39855 18.5407L5.45921 19.6014L11.9999 13.0607L18.5406 19.6014L19.6012 18.5408L13.0605 12.0001L19.6013 5.45922Z'/%3E%3C/svg%3E");
}
@media (max-width: 1023px) {
  .page-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    overflow: hidden;
    position: fixed;
    z-index: 51;
    top: 0;
    right: 0;
    left: 0;
    padding: 0 20rem;
    -webkit-box-shadow: 0 1rem 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1rem 0 0 rgba(0, 0, 0, 0.1);
    background-color: rgb(255, 255, 255);
  }
  .page-head-notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    overflow: hidden;
    position: fixed;
    z-index: 51;
    top: 0;
    right: 0;
    left: 0;
    padding: 0 20rem;
    -webkit-box-shadow: 0 1rem 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1rem 0 0 rgba(0, 0, 0, 0.1);
    background-color: rgb(255, 255, 255);
  }
  .page-head .page-subject {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 60rem;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-head .page-subject svg {
    display: block;
    width: 204rem;
    height: 28rem;
  }
  .page-head .page-control {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .page-head .page-control .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 8rem;
    -moz-column-gap: 8rem;
    column-gap: 8rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .page-head .page-control .button-area .btn {
    display: block;
  }
  .page-head .page-control .button-area .btn svg {
    width: 24rem;
    height: 24rem;
  }
  .page-head .page-control .button-area .btn svg line {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    stroke: rgb(0, 0, 0);
    stroke-width: 5%;
  }
  .page-head .page-control .button-area .btn svg .ob-01 {
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
  }
  .page-head .page-control .button-area .btn svg .ob-03 {
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
  }
  .page-head .page-control .button-area .btn.active .ob-01 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .page-head .page-control .button-area .btn.active .ob-02 {
    -webkit-transform: scaleX(0.1);
    -ms-transform: scaleX(0.1);
    transform: scaleX(0.1);
  }
  .page-head .page-control .button-area .btn.active .ob-03 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .page-head .page-navi {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: fixed;
    top: 60rem;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: visibility 0.25s ease, background-color 0.25s ease;
    -o-transition: visibility 0.25s ease, background-color 0.25s ease;
    transition: visibility 0.25s ease, background-color 0.25s ease;
  }
  .page-head .page-navi.active {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .page-head .page-navi.active .section-wrap {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  }
  html.active-page-navi body {
    height: 100%;
    overflow: hidden;
  }
  html.laptop html.laptop .page-navi .section-wrap {
    -webkit-overflow-scrolling: touch;
  }
  html.laptop html.laptop .page-navi .section-wrap::-webkit-scrollbar-thumb {
    border-width: 4rem;
    border-style: solid;
    border-color: transparent;
    background-clip: content-box;
    background-color: rgba(0, 0, 0, 0.2);
  }
  html.laptop html.laptop .page-navi .section-wrap::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.4);
  }
  html.laptop html.laptop .page-navi .section-wrap::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, 0.6);
  }
  html.laptop html.laptop .page-navi .section-wrap::-webkit-scrollbar {
    width: 12rem;
    height: 12rem;
  }
  html.laptop html.laptop .page-navi .section-wrap::-webkit-scrollbar-thumb {
    border-radius: 6rem;
  }
  .page-head .page-navi .section-head .section-subject {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }
  .page-head .page-navi .section-wrap {
    position: relative;
    left: 100%;
    width: 100%;
    min-height: 100%;
    background-color: rgb(255, 255, 255);
    overflow-y: auto;
    -webkit-box-shadow: inset 0 1rem 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1rem 0 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    padding: 0 24rem;
    border-bottom: 1rem solid rgb(236, 239, 245);
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item > .btn.expand {
    position: absolute;
    top: 16rem;
    right: 24rem;
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item .gnb-name {
    display: block;
    position: relative;
    padding: 16rem 0;
    width: 100%;
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 500;
    color: rgb(25, 29, 38);
    text-decoration: none;
    text-align: left;
    background: none;
    border: 0;
    font-family: Noto Sans KR, Malgun Gothic, 맑은 고딕, dotum, 돋움, sans-serif;
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item.current > .btn.expand svg {
    fill: rgb(1, 132, 208);
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item.current .gnb-name {
    color: rgb(1, 132, 208);
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item:not(.active) .lnb-list {
    display: none;
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item .lnb-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16rem;
    position: relative;
    left: calc(50% - 50vw);
    margin: 0;
    padding: 24rem;
    list-style: none;
    width: 100vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*border-top: 2rem solid rgb(1, 132, 208); 20230629 */
    border-top: 2rem solid rgb(236, 239, 245);
    -webkit-box-shadow: inset 0 1rem 0 0 rgb(244, 246, 251);
    box-shadow: inset 0 1rem 0 0 rgb(244, 246, 251);
    background-color: rgb(244, 246, 251);
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item .lnb-list .lnb-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16rem;
    position: relative;
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item .lnb-list .lnb-item .lnb-name {
    display: block;
    font-size: 16rem;
    line-height: 24rem;
    color: rgb(25, 29, 38);
    background: none;
    border: none;
    text-align: left;
    padding: 0;
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item .lnb-list .lnb-item .lnb-name:not(:hover, .selected) {
    text-decoration: none;
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item .lnb-list .lnb-item .btn.expand {
    position: absolute;
    top: 0;
    right: 0;
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item .lnb-list .lnb-item.current .lnb-name {
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 500;
    color: rgb(1, 132, 208);
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item .lnb-list .lnb-item.current > .btn.expand svg {
    fill: rgb(1, 132, 208);
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item .lnb-list .lnb-item:not(.active) .snb-list {
    display: none;
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item .lnb-list .lnb-item .snb-list {
    margin: 0;
    padding: 0 20rem;
    list-style: none;
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item .lnb-list .lnb-item .snb-list .snb-item {
    position: relative;
    padding-left: 28rem;
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item .lnb-list .lnb-item .snb-list .snb-item::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24rem;
    height: 24rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(25,29,38,1)' d='M12 11C13.1046 11 14 11.8954 14 13C14 14.1046 13.1046 15 12 15C10.8954 15 10 14.1046 10 13C10 11.8954 10.8954 11 12 11Z'/%3E%3C/svg%3E") no-repeat center/24rem;
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item .lnb-list .lnb-item .snb-list .snb-item .snb-name {
    display: block;
    padding: 8rem 0;
    font-size: 16rem;
    line-height: 24rem;
    color: rgb(25, 29, 38);
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item .lnb-list .lnb-item .snb-list .snb-item .snb-name:not(:hover,.selected) {
    text-decoration: none;
  }
  .page-head .page-navi .section-wrap .section-body .gnb-list .gnb-item .lnb-list .lnb-item .snb-list .snb-item.current .snb-name {
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 500;
    color: rgb(1, 132, 208);
  }

  .page-head .page-util .btn.cart {
    display: none;
  }
}

@media (min-width: 1024px) {
  .page-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 51;
    padding: 0 max(var(--container-pad), calc(50vw - (var(--container-w) / 2)));
    overflow: hidden;
  }
  .page-head > *{
    grid-column: 2;
  }
  .page-head::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: calc(50% - 50vw);
    width: 100vw;
    background-color: rgb(255, 255, 255);
  }
  .page-head::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 91rem;
    left: calc(50% - 50vw);
    width: 100vw;
    height: 1rem;
    background-color: rgb(244, 246, 251);
  }
  .page-head .page-subject {
    height: 92rem;
  }
  .page-head .page-control {
    display: none;
  }
  .page-head .page-navi {
    width: 645rem;
    padding: 0 24rem;
  }
  html.active-unified-search .page-head .page-navi {
    pointer-events: none;
  }
  .page-head .page-navi::before {
    content: "";
    display: block;
    position: fixed;
    /*top: 92rem;*/
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.25);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  }


  .page-head .page-navi:focus-within::before, .page-head .page-navi:hover::before {
    opacity: 1;
    visibility: visible;
  }
  .page-head .page-navi .section-head .section-subject {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }
  .page-head .page-navi .section-wrap::after {
    content: "";
    display: block;
    position: absolute;
    top: 92rem;
    bottom: 0;
    left: calc(50% - 50vw);
    width: 100vw;
    pointer-events: none;
    background-color: rgb(249, 250, 252);
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }
  .page-head .page-navi .section-body {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .page-head .page-navi .section-body .gnb-list {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item:focus-within {
    height: var(--lnb-height);
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item:focus-within .gnb-name {
    color: rgb(1, 132, 208);
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item:focus-within .gnb-name::before {
    width: 100%;
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item:focus-within::before {
    width: 100%;
    background-color: rgb(1, 132, 208);
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item:focus-within .lnb-list {
    opacity: 1;
    visibility: visible;
  }
  .page-head .page-navi .section-body .gnb-list:not(:focus-within) .gnb-item:hover {
    height: var(--lnb-height);
  }
  .page-head .page-navi .section-body .gnb-list:not(:focus-within) .gnb-item:hover .gnb-name {
    color: rgb(1, 132, 208);
  }
  .page-head .page-navi .section-body .gnb-list:not(:focus-within) .gnb-item:hover .gnb-name::before {
    width: 100%;
  }
  .page-head .page-navi .section-body .gnb-list:not(:focus-within) .gnb-item:hover::before {
    width: 100%;
    background-color: rgb(1, 132, 208);
  }
  .page-head .page-navi .section-body .gnb-list:not(:focus-within) .gnb-item:hover .lnb-list {
    opacity: 1;
    visibility: visible;
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 92rem;
    -webkit-transition: height 0.25s ease-in-out;
    -o-transition: height 0.25s ease-in-out;
    transition: height 0.25s ease-in-out;
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item .gnb-name {
    border: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 92rem;
    text-decoration: none;
    font-size: 18.6666666667rem;
    line-height: 28rem;
    font-weight: 500;
    color: rgb(25, 29, 38);
    -webkit-transition: color 0.25s ease;
    -o-transition: color 0.25s ease;
    transition: color 0.25s ease;
    background: none;
    font-family: Noto Sans KR,Malgun Gothic,맑은 고딕,dotum,돋움,sans-serif;
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item .gnb-name::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 4rem;
    border-radius: 1rem;
    background-color: rgb(1, 132, 208);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width 0.25s linear;
    -o-transition: width 0.25s linear;
    transition: width 0.25s linear;
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item .btn.expand {
    display: none;
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item:nth-child(3) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .page-head .page-navi .section-body .gnb-list .gnb-item:nth-child(3) .lnb-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item:nth-child(4) {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item:nth-child(4) .lnb-list {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item:nth-child(5) {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item:nth-child(5) .lnb-list {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item .lnb-list {
    z-index:1;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 20rem;
    -webkit-column-gap: 40rem;
    -moz-column-gap: 40rem;
    column-gap: 40rem;
    position: absolute;
    top: 92rem;
    padding: 24rem 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.125s ease, visibility 0.125s ease;
    -o-transition: opacity 0.125s ease, visibility 0.125s ease;
    transition: opacity 0.125s ease, visibility 0.125s ease;
    min-height: 110px;
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item .lnb-list .lnb-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item .lnb-list .lnb-item .lnb-name {
    border: 0;
    padding: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    text-align: center;
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 500;
    color: rgb(25, 29, 38);
    white-space: nowrap;
    background: none;
    font-family: Noto Sans KR,Malgun Gothic,맑은 고딕,dotum,돋움,sans-serif;
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item .lnb-list .lnb-item .lnb-name:not(:hover) {
    text-decoration: none;
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item .lnb-list .lnb-item:focus-within .snb-list, .page-head .page-navi .section-body .gnb-list .gnb-item .lnb-list .lnb-item:hover .snb-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item .lnb-list .lnb-item .snb-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 8rem;
    margin: 0;
    padding: 0;
    list-style: none;
    /*width: 0;*/
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item .lnb-list .lnb-item .snb-list .snb-item .snb-name {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    text-align: center;
    font-size: 13.3333333333rem;
    line-height: 20rem;
    font-weight: 400;
    color: rgb(25, 29, 38);
    white-space: nowrap;
  }
  .page-head .page-navi .section-body .gnb-list .gnb-item .lnb-list .lnb-item .snb-list .snb-item .snb-name:not(:hover) {
    text-decoration: none;
  }
  .page-head .page-navi .section-func {
    display: none;
  }
  .page-head .page-util {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    height: 92rem;
  }
  .page-head .page-util .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 24rem;
    -moz-column-gap: 24rem;
    column-gap: 24rem;
  }
}
@media (max-width:1240px){
  .page-head .page-navi .section-body .gnb-list .gnb-item .gnb-name {
    font-size: 16.666667rem;
  }
}
/**
 * @type layout
 * @name unified-search
 */
html.active-unified-search body {
  height: 100%;
  overflow: hidden;
}

#unifiedSearch.unified-search {
  position: fixed;
  z-index: 51;
  top: 60rem;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: visibility 0.25s ease, opacity 0.25s ease, background-color 0.5s ease;
  -o-transition: visibility 0.25s ease, opacity 0.25s ease, background-color 0.5s ease;
  transition: visibility 0.25s ease, opacity 0.25s ease, background-color 0.5s ease;
}
@media (min-width: 1024px) {
  #unifiedSearch.unified-search {
    top: 92rem;
  }
}
#unifiedSearch.unified-search:not(.active) {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0);
}
#unifiedSearch.unified-search:not(.active) .submit-form {
  opacity: 0;
}

/**
 * @type layout
 * @name page-body
 */
.page-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}


@media (max-width: 1023px) {
  .page-body {
    padding: 0 20rem;
  }
}
.page-body #local .local-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: calc(50% - 50vw);
}
.page-body #local .local-head::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: calc(50% - 50vw);
  width: 100vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(./../images/information/bg_local-head5.png);
}
.page-body #local .local-head .local-subject {
  margin: 0;
  color: rgb(255, 255, 255);
}
.page-body #local .local-head .local-subject .local-name {
  display: block;
}
@media (max-width: 1023px) {
  .page-body #local .local-head {
    height: 60rem;
    /*padding-top: 41px;*/
    align-items: center;
  }
  .page-body #local .local-head .local-subject {
    font-size: 21rem;
    line-height: 32rem;
    font-weight: 500;
  }
}
@media (min-width: 1024px) {
  .page-body #local .local-head {
    height: 60rem;
    /*padding-top: 41px;*/
  }
  .page-body #local .local-head .local-subject {
    font-size: 29rem;
    line-height: 48rem;
    font-weight: 700;
  }
}
@media (max-width: 768px) {
  .page-body #local .local-head {
    padding-top: 0;
  }
}

@media (max-width: 600px) {
  .page-body #local .local-head {
    padding-top: 0;
  }
}


.page-body #local .local-guied .local-guied-svg {
  flex: 0 0 auto;
  padding-right: 10rem;
  height: 20px;
}

.page-body #local .local-guied {
  margin-top: 40rem;
  padding: 6rem 13rem;
  font-size: 14rem;
  font-weight: bold;
  color: #0184d0;
  display: flex;
  align-items: center;
  border-left: 4px solid #0184d0;
}

.page-body #local .local-guied .local-guied-content {
  flex: 1 1 auto;
  padding:0;
  margin: 0;
  word-break: break-all;
}

.page-body #local .local-head::after {
    content: "";
    display: block;
    position: absolute;
    left: calc(50% - 50vw);
    /* width: 100vw; */
    width: 100vw;
    height: 50px;
    /*background: linear-gradient(180deg, rgba(243, 247, 255, 1), rgba(243, 247, 255, 0));*/
    background: linear-gradient(180deg, rgba(225, 235, 255, 1), rgba(225, 235, 255, 0));
    /*background: linear-gradient(180deg, rgba(190, 210, 245, 1), rgba(190, 210, 245, 0));*/

    pointer-events: none;
    top: 60rem;
    z-index: -1;
}


.page-body #local .local-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-end;
  position: absolute;
  max-width: 1280rem;
  height: 50rem;
  z-index: 20;
  margin: 0 auto;
  top: 60rem;
  /*width: 93%;*/

}
@media (min-width:1024px){
.page-body #local .local-info{
   top: 60rem;
  /* transform: translateX(-50%); */
    /* right: 0; */
    /* width: 100%; */
    z-index: 20;
    /* padding: 0 24rem; */
    box-sizing: border-box;
    /*width: 93%;*/
    }
}
@media (min-width:1024px){
  #unifiedSearch.unified-search{ top:92rem; }
}
/*.page-body #local .local-info::before {*/
/*  content: "";*/
/*  display: block;*/
/*  position: absolute;*/
/*  top: 0;*/
/*  !*left: calc(50% - 31vw);*!*/
/*  left: -50vw;*/
/*  width: 150vw;*/
/*  height: 42rem;*/
/*  background-color: rgb(244 246 249);*/
/*}*/
/*.page-body #local .local-info::after {*/
/*  content: "";*/
/*  display: block;*/
/*  position: absolute;*/
/*  bottom: 0;*/
/*  !*left: calc(50% - 42vw);*!*/
/*  left: -50vw;*/
/*  !*left:0;*!*/
/*  !*right:0;*!*/
/*  width: 150vw;*/
/*  height: 42rem;*/
/*  background-color: rgb(244 246 249);*/
/*}*/


@media (max-width: 1023px) {
  /*.page-body #local .local-info .breadcrumb{*/
  /*  margin: 0 -20rem;*/
  /*  top: 60rem;*/
  /*}*/
}

@media (max-width: 768px) {
  .page-body #local .local-info .breadcrumb{
    /*display: none;*/
  }
    .data-list.menu .data-item:not(:is(:first-child, :last-child)) {
        display: none;
    }

    .page-body #local .local-info .breadcrumb .breadcrumb-ellipsis{
        display: block !important;
    }

}

@media (max-width: 600px) {
  .page-body #local .local-info .breadcrumb{
    /*display: none;*/
  }
  .data-list.menu .data-item:not(:is(:first-child, :last-child)) {
    display: none;
   }

   .page-body #local .local-info .breadcrumb .breadcrumb-ellipsis{
    display: block !important;
   }
}


/* sns-link toolbar : end */


/* local-info: 전체 레이아웃은 중앙 정렬 유지 */
.local-info {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1280rem;
  height: 60rem;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  /*padding: 0 16rem;*/ /* 좌우 여백 */
}

/* breadcrumb 자체만 우측 정렬 */
.local-info .breadcrumb {
  display: flex;
  justify-content: flex-end;   /* 좌측 정렬 */
  width: calc(100% - 40px);
  min-width: 0;                /* flex item 수축 허용 */
  overflow: hidden;
  margin-right: 35px;
}

.local-info .breadcrumb .breadcrumb-ellipsis{
    display: none;
}

.local-info .breadcrumb .section-wrap .section-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.local-info .breadcrumb .section-wrap .section-head .section-name{
  display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

/* 내부 data-display → 가로 스크롤 대응 */
.local-info .breadcrumb .data-display {
  display: flex;
  align-items: center;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

/* data-list → 가로 정렬 + 줄어들면 스크롤 */
.local-info .breadcrumb .data-display .data-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

/* data-item → 줄바꿈 방지 + 말줄임 허용 */
.local-info .breadcrumb .data-display .data-list .data-item {
  flex: 0 0 auto;
  min-width: 0;
}

.local-info .breadcrumb .data-display .data-list .data-item:focus-within .data-wrap .data-body {
  /*display: block;*/
  height: auto;
}

.local-info .breadcrumb .data-display .data-list .data-item:hover .data-wrap .data-body {
  /*display: block;*/
  height: auto;
}

.local-info .breadcrumb .data-display .data-list .data-item:first-child {
  z-index: 2;
  border-right: 1rem solid transparent;
  /*width: 50rem;*/
}

.local-info .breadcrumb .data-display .data-list .data-item:first-child .data-wrap .data-head{
    margin-left: 15px;
}
.local-info .breadcrumb .data-display .data-list .data-item:first-child .data-wrap .data-head .data-name {
    padding-right: 10px;
    padding-left: 5px;
}

.local-info .breadcrumb .data-display .data-list .data-item .data-wrap .data-head .data-name {
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-size: 13.3333333333rem;
  line-height: 20rem;
  color: white;
  text-decoration: none;
  /*background-color: rgb(255, 255, 255);*/
  /*padding-left: 1.3vw;*/
  text-underline-offset: 2rem;
}

.local-info .breadcrumb .data-display .data-list .data-item:not(:first-child):last-child .data-wrap .data-head .data-name{
    font-weight: 500;
    letter-spacing: -1px;
    text-decoration: underline;
    text-shadow: 2px 1px 4px #000;
}
.page-body .local-info .breadcrumb .data-display .data-list .data-item + .data-item.selected .data-wrap .data-head .data-name,
.page-body .local-info .breadcrumb .section-wrap .section-body .data-display .data-list .data-item .data-wrap .data-body .navi-list .navi-item .navi-text,
.page-body .local-info .breadcrumb .data-display .data-list .data-item:not(:first-child):last-child .data-wrap .data-head .data-name,
.page-body .local-info .breadcrumb .data-display .data-list .data-item .data-wrap .data-head .data-name {
  /*color: rgb(55, 59, 68) !important;*/
  color: #191D26 !important;
  text-shadow: none !important;
}

.local-info .breadcrumb .data-display .data-list .data-item .home-txt {
    text-decoration: underline !important;
    color: #1e2124;;
}

.local-info .breadcrumb .data-display .data-list .data-item .home-txt::before {
 content: "";
 display: block;
 position: absolute;
   top: 3px;
   right: 0;
   bottom: 6rem;
   left: -16px;
   width: 16rem;
   height: 16rem;
   background-color: #191D26;
   forced-color-adjust: none;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-position: center center;
   -webkit-mask-size: contain;
   mask-repeat: no-repeat;
   mask-position: center center;
   mask-size: contain;
   -webkit-mask-image: url(/resources/assets/images/svg/home.svg);
   mask-image: url(/resources/assets/images/svg/home.svg);
}

@media (max-width: 374px) {
    .local-info .breadcrumb .data-display .data-list .data-item .home-txt::before {
        top: 2px;
        left: -10px;
    }
}
.local-info .breadcrumb .data-display .data-list .data-item + .data-item .data-wrap .data-head .data-name{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  /*justify-content: space-between;*/
  padding: 0 15rem;
  height: 44rem;
  font-size: 13.3333333333rem;
  line-height: 20rem;
  /*color: rgb(55, 59, 68);*/
  color: rgb(255 255 255);
  text-decoration: none;
}

.local-info .breadcrumb .data-display .data-list .data-item:last-of-type .data-wrap .data-head .data-name {
  text-decoration: underline;
  font-weight: 700;
}

.local-info .breadcrumb .data-display .data-list .data-item + .data-item .data-wrap .data-head .data-name::after {
  content: "";
  display: block;
  margin-left: 8rem;
  width: 24rem;
  height: 24rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(55,59,68,1)' d='M12 16.6825L6.44504 10.572C6.16641 10.2656 6.189 9.79121 6.49549 9.51258C6.80198 9.23395 7.27632 9.25654 7.55495 9.56304L12 14.4526L16.445 9.56304C16.7237 9.25654 17.198 9.23396 17.5045 9.51259C17.811 9.79122 17.8336 10.2656 17.555 10.572L12 16.6825Z'/%3E%3C/svg%3E") no-repeat center/cover;
}

.local-info .breadcrumb .data-display .data-list .data-item + .data-item .data-wrap .data-head .data-name:last-child::after {
  content: "";
  display: none;
  /*margin-left: 8rem;*/
  /*width: 24rem;*/
  /*height: 24rem;*/
  /*background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(55,59,68,1)' d='M12 16.6825L6.44504 10.572C6.16641 10.2656 6.189 9.79121 6.49549 9.51258C6.80198 9.23395 7.27632 9.25654 7.55495 9.56304L12 14.4526L16.445 9.56304C16.7237 9.25654 17.198 9.23396 17.5045 9.51259C17.811 9.79122 17.8336 10.2656 17.555 10.572L12 16.6825Z'/%3E%3C/svg%3E") no-repeat center/cover;*/

}

@media (min-width: 1024px) {
  .local-info .breadcrumb .data-display.data-list .data-item + .data-item .data-wrap .data-head .data-name {
    height: 41rem;
  }

  .local-info .breadcrumb .data-display .data-list .data-item + .data-item .data-wrap .data-head .data-name::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -10px;
    background-image: url(/resources/assets/images/app/right-arrow-white.png);
    background-size: 10px 10px;
    background-repeat: no-repeat;
    text-align: center;
    background-position: center;
    width: 1vw;
  }
}

.local-info .breadcrumb .data-display .data-list .data-item + .data-item.selected .data-wrap .data-head .data-name {
  font-size: 13.3333333333rem;
  line-height: 20rem;
  /*color: rgb(117, 117, 117);*/
  color: rgb(255 255 255);
  justify-content: end;
}

.local-info .breadcrumb .data-display .data-list .data-item + .data-item.selected .data-wrap .data-head .data-name::before,
.local-info .breadcrumb .data-display .data-list .data-item + .data-item .data-wrap .data-head .data-name::before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -5px;
  background-image: url(/resources/assets/images/app/right-arrow.png);
  filter: brightness(180%) opacity(0.7) !important;
  background-size: 10px 10px;
  background-repeat: no-repeat;
  text-align: center;
  background-position: center;
  width: 10px;
}

.local-info .breadcrumb .data-display .data-list .data-item .data-wrap .data-head {
  position: relative;
  z-index: 2;
}
.local-info .breadcrumb .section-wrap .section-body .data-display .data-list .data-item .data-wrap .data-body {
  /*display: none;*/
  z-index: 1;
  position: absolute;
  height: 0;
  /*left: -1rem;*/
  right: 6rem;
  overflow: hidden;
}
.local-info .breadcrumb .section-wrap .section-body .data-display .data-list .data-item .data-wrap .data-body .navi-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10rem;
  border: 1px solid rgb(236, 239, 245);
  border-bottom-right-radius: 12rem;
  border-bottom-left-radius: 12rem;
  height: auto;
  background-color: rgb(255, 255, 255);
  min-width: 140px;
}

.local-info .breadcrumb .section-wrap .section-body .data-display .data-list .data-item .data-wrap .data-body .navi-list .navi-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.local-info .breadcrumb .section-wrap .section-body .data-display .data-list .data-item .data-wrap .data-body .navi-list .navi-item + .navi-item {
  margin-top: 12rem;
}
.local-info .breadcrumb .section-wrap .section-body .data-display .data-list .data-item .data-wrap .data-body .navi-list .navi-item .navi-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13.3333333333rem;
  line-height: 20rem;
  color: rgb(55, 59, 68);
}
.local-info .breadcrumb .section-wrap .section-body .data-display .data-list .data-item .data-wrap .data-body .navi-list .navi-item .navi-text:not(:hover) {
  text-decoration: none;
}
.local-info .breadcrumb .section-wrap .section-body .data-display .data-list .data-item .data-wrap .data-body .navi-list .navi-item .navi-text[target=_blank]::after {
  content: "";
  display: block;
  margin-left: 4rem;
  width: 20rem;
  height: 20rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 '%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(216,219,225,1)' d=''/%3E%3C/svg%3E") no-repeat center/cover;
}
.local-info .breadcrumb .section-wrap .section-body .data-display .data-list .data-item .data-wrap .data-body .navi-list .navi-item.current .navi-text {
  font-weight: 500;
  color: rgb(0, 123, 194);
}





/* ===========================
   📱 반응형 (<=1023px)
   =========================== */
@media (max-width:1023px){
  .local-info {
    padding: 0 20rem;
    top: auto;
  }
  .local-info .breadcrumb .data-display {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .local-info .breadcrumb .data-list {
    gap: 0rem;
  }
  .local-info .breadcrumb .data-item {
    flex: 0 0 auto;
  }
}

/* 더 작은 화면 */
@media (max-width:600px){
  .local-info {
    padding: 0 16rem;
  }
  .local-info .data-list {
    gap: 10rem;
  }
}

/*-- breadcrumb :: END */


.page-body #local .local-body #content .content-body .attach-wrap {
  margin-top: 20rem;
  padding: 23rem 23rem;
  background-color: rgb(246 246 247);
}

.page-body #local .local-body #content .content-body .attach-wrap .attach-list{
  padding-left: 16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  row-gap: 8rem;
}

.page-body #local .local-body #content .content-body .attach-wrap .data-item {
  list-style: none;
}

.page-body #local .local-body #content .content-body .attach-wrap .attach-head .data-name {
  font-size: 15rem;
  line-height: 20rem;
  padding-left: 10rem;
}

.page-body #local .local-body #content .content-body .attach-wrap a {
  font-size: 14rem;
  line-height: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4rem;
  -moz-column-gap: 4rem;
  column-gap: 4rem;
  color: rgb(105, 109, 118);
  list-style: none;
}

.page-body #local .local-body #content .content-body .attach-wrap a:not(:hover) {
  text-decoration: none;
}

.page-body #local .local-body #content .content-body .attach-wrap a::before {
  display: block;
  content: "";
  width: 20rem;
  height: 20rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(153,157,168,1)' d='M12.8636 4.77296C14.328 3.30859 16.7022 3.30859 18.1666 4.77296C19.6309 6.23734 19.6309 8.61156 18.1666 10.0759L11.877 16.3655C10.9984 17.2441 9.57384 17.2441 8.69521 16.3655C7.81657 15.4868 7.81657 14.0623 8.69521 13.1837L14.7049 7.17394C14.9978 6.88104 15.4727 6.88104 15.7656 7.17394C16.0585 7.46683 16.0585 7.9417 15.7656 8.23459L9.75587 14.2443C9.46302 14.5372 9.46302 15.012 9.75587 15.3048C10.0487 15.5977 10.5235 15.5977 10.8164 15.3048L17.1059 9.01527C17.9845 8.13668 17.9845 6.71221 17.1059 5.83362C16.2273 4.95504 14.8028 4.95504 13.9242 5.83362L7.3336 12.4243C5.86927 13.8886 5.86927 16.2627 7.3336 17.7271C8.79793 19.1914 11.1721 19.1914 12.6364 17.7271L17.8129 12.5505C18.1058 12.2576 18.5807 12.2576 18.8736 12.5505C19.1665 12.8434 19.1665 13.3183 18.8736 13.6112L13.6971 18.7877C11.6469 20.8379 8.32305 20.8379 6.27294 18.7877C4.22282 16.7376 4.22282 13.4137 6.27294 11.3636L12.8636 4.77296Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

html:not(.active-scroll-start) .section.widget-toolbar {
  visibility: hidden;
  opacity: 0;
}

html.active-toolbar-unfixed .section.widget-toolbar {
  position: absolute;
}
@media (max-width: 1023px) {
  html.active-toolbar-unfixed .section.widget-toolbar {
    bottom: calc(100% - 84rem);
  }
}
@media (min-width: 1024px) {
  html.active-toolbar-unfixed .section.widget-toolbar {
    bottom: calc(100% + 20rem);
  }
}

.section.widget-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  display: none;
  position: fixed;
  z-index: 10;
  bottom: 40rem;
  left: 50%;
  right: 0;
  height: 0;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.25s ease, opacity 0.25s ease;
  -o-transition: visibility 0.25s ease, opacity 0.25s ease;
  transition: visibility 0.25s ease, opacity 0.25s ease;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media (max-width: 1023px) {
  .section.widget-toolbar {
    width: calc(100% - 32rem);
  }
}
@media (min-width: 1024px) {
  .section.widget-toolbar {
    width: 100vw;
    padding: 0 48rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.section.widget-toolbar .section-wrap .section-head {
  display: block;
  position: absolute;
  overflow: hidden;
  visibility: hidden;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.section.widget-toolbar .section-wrap .section-body .navi-list .navi-item .navi-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 48rem;
  height: 48rem;
  border-radius: 100%;
  background-color: rgb(0, 0, 0);
}
.section.widget-toolbar .section-wrap .section-body .navi-list .navi-item .navi-text svg {
  display: block;
  fill: rgb(255, 255, 255);
}

/**
 * @type layout
 * @name page-foot
 */
.page-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 0;
  position: relative;
  padding: 45rem 20rem 30rem 20rem;
}
@media (min-width: 1024px) {
  .page-foot {
    padding: 30rem 0 30rem 0;
  }
}
.page-foot::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: calc(50% - 50vw);
  width: 100vw;
  background-color: rgb(25, 29, 38);
}
.page-foot::after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /*background-image: url("data:image/svg+xml,%3Csvg width='83' height='36' viewBox='0 0 83 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8' clip-path='url(%23clip0_1539_3152)'%3E%3Cpath d='M46.5391 7.874V13.7151H49.189V8.17677H54.7773V5.54772H48.8855L46.5391 7.874Z' fill='white'/%3E%3Cpath d='M77.2539 5.53832V0H74.602V5.54772H69.0194V8.17677H74.6077V13.7151H77.2596V8.16737H82.8403V5.53832H77.2539Z' fill='white'/%3E%3Cpath d='M49.189 27.8326H46.5391V33.6718L48.8685 35.9812L48.8855 36H54.7773V33.3709H49.189V27.8326Z' fill='white'/%3E%3Cpath d='M74.6077 33.3709H69.0194V36H74.9112L77.2596 33.6718V27.8326H74.6077V33.3709Z' fill='white'/%3E%3Cpath d='M6.1953 14.0066V16.1279H2.10746V14.0066H0V22.236H8.30276V14.0066H6.1953ZM6.1953 20.1486H2.10746V18.2172H6.1934V20.1486H6.1953Z' fill='white'/%3E%3Cpath d='M5.20511 23.6577H3.09765V26.4391H0V28.5284H8.30276V26.4391H5.20511V23.6577Z' fill='white'/%3E%3Cpath d='M70.2012 14.0066V16.1279H66.1153V14.0066H64.0078V22.236H72.3106V14.0066H70.2012ZM70.2012 20.1486H66.1153V18.2172H70.2012V20.1486Z' fill='white'/%3E%3Cpath d='M67.1042 28.5285H69.2117V25.937H72.8784V23.8458H63.4375V25.937H67.1042V28.5285Z' fill='white'/%3E%3Cpath d='M19.2176 17.0757V14.0066H17.1096V22.236H19.2176V19.165H20.9556V17.0757H19.2176Z' fill='white'/%3E%3Cpath d='M10.0666 22.236H15.8787V20.1467H12.1741V16.0959H15.8787V14.0066H10.0666V22.236Z' fill='white'/%3E%3Cpath d='M32.9361 17.0757V14.0065H30.8281V22.236H32.9361V19.165H34.6741V17.0757H32.9361Z' fill='white'/%3E%3Cpath d='M25.8926 20.1466V14.0065H23.7852V22.236H29.5973V20.1466H25.8926Z' fill='white'/%3E%3Cpath d='M43.3262 20.1464H35.0234V22.2358H43.3262V20.1464Z' fill='white'/%3E%3Cpath d='M37.4786 23.6575H35.3711V28.5282H43.3286V26.4389H37.4786V23.6575Z' fill='white'/%3E%3Cpath d='M39.1742 19.1967C41.0236 19.1967 42.5241 17.7092 42.5241 15.8756C42.5241 14.0421 41.0236 12.5545 39.1742 12.5545C37.3247 12.5545 35.8242 14.0421 35.8242 15.8756C35.8242 17.7092 37.3247 19.1967 39.1742 19.1967ZM39.1742 14.5367C39.9196 14.5367 40.5248 15.1366 40.5248 15.8756C40.5248 16.6147 39.9196 17.2146 39.1742 17.2146C38.4287 17.2146 37.8236 16.6147 37.8236 15.8756C37.8236 15.1366 38.4287 14.5367 39.1742 14.5367Z' fill='white'/%3E%3Cpath d='M59.9393 19.165V22.236H62.0467V14.0066H59.9393V17.0757H57.8242V19.165H59.9393Z' fill='white'/%3E%3Cpath d='M58.3148 29.6023C60.1643 29.6023 61.6647 28.1147 61.6647 26.2812C61.6647 24.4476 60.1643 22.96 58.3148 22.96C56.4653 22.96 54.9648 24.4476 54.9648 26.2812C54.9648 28.1147 56.4653 29.6023 58.3148 29.6023ZM58.3148 24.9422C59.0603 24.9422 59.6654 25.5421 59.6654 26.2812C59.6654 27.0202 59.0603 27.6201 58.3148 27.6201C57.5693 27.6201 56.9642 27.0202 56.9642 26.2812C56.9642 25.5421 57.5693 24.9422 58.3148 24.9422Z' fill='white'/%3E%3Cpath d='M58.0258 20.5999L55.2563 17.8543V16.2652H57.7071V14.1946H50.7151V16.2652H53.1678V17.8524L50.3945 20.5999L51.8115 22.0047L54.2092 19.6277L56.6069 22.0047L56.641 21.9727L56.6429 21.9746L57.9954 20.6319V20.63L58.0258 20.5999Z' fill='white'/%3E%3Cpath d='M1.70005 7.22332V7.76493H2.66012V8.9102H2.28064V8.0677H0.307375V7.76305H1.31488V7.22144H0V6.91678H2.19147C2.26546 6.56135 2.27305 6.29431 2.27305 6.05548H0.377577V5.75082H2.64494V6.00282C2.64494 6.25106 2.64494 6.53691 2.57094 6.9149H3.02062V7.21956H1.69815L1.70005 7.22332Z' fill='white'/%3E%3Cpath d='M5.15083 7.44707H3.57031V5.88055H5.15083V7.44707ZM4.78084 6.18332H3.9422V7.14242H4.78084V6.18332ZM6.24371 8.51524V8.8199H3.96686V7.75361H4.35203V8.51524H6.24371ZM6.14695 7.96987H5.76557V5.60786H6.14695V7.96987Z' fill='white'/%3E%3Cpath d='M6.8125 7.90401C7.41017 7.90401 8.24312 7.90025 8.95843 7.79493L8.98499 8.0695C8.25071 8.20866 7.45191 8.21618 6.85993 8.21618L6.8125 7.90401ZM8.78197 6.62897C8.78197 7.09724 8.39491 7.42446 7.87313 7.42446C7.35135 7.42446 6.96808 7.09912 6.96808 6.62897C6.96808 6.15883 7.35325 5.83349 7.87313 5.83349C8.39301 5.83349 8.78197 6.15883 8.78197 6.62897ZM7.34187 6.62897C7.34187 6.91482 7.56766 7.101 7.87313 7.101C8.17861 7.101 8.40819 6.91482 8.40819 6.62897C8.40819 6.34312 8.1824 6.15695 7.87313 6.15695C7.56386 6.15695 7.34187 6.33936 7.34187 6.62897ZM9.54472 5.60029V8.91388H9.15955V5.60029H9.54472Z' fill='white'/%3E%3Cpath d='M11.7564 7.75363C12.0524 7.74611 12.373 7.72166 12.7354 7.65396L12.7753 7.97554C12.3275 8.0564 11.9442 8.07521 11.597 8.07521H11.375V5.984H11.7564V7.75363ZM14.0655 5.60412V8.91019H13.7031V7.22895H13.3084V8.7447H12.9498V5.66994H13.3084V6.91865H13.7031V5.60412H14.0655Z' fill='white'/%3E%3Cpath d='M15.5623 7.20076C15.0595 7.20076 14.6914 6.89235 14.6914 6.45793C14.6914 6.02352 15.0614 5.71134 15.5623 5.71134C16.0632 5.71134 16.4408 6.02164 16.4408 6.45793C16.4408 6.89423 16.067 7.20076 15.5623 7.20076ZM15.5623 6.89235C15.8545 6.89235 16.0727 6.71933 16.0727 6.45605C16.0727 6.19277 15.8545 6.01975 15.5623 6.01975C15.2701 6.01975 15.0595 6.19277 15.0595 6.45605C15.0595 6.71933 15.2739 6.89235 15.5623 6.89235ZM17.4768 8.57359V8.87072H15.198V8.00377H17.0005V7.7292H15.1904V7.43207H17.3781V8.2821H15.5718V8.57547H17.4786L17.4768 8.57359ZM17.3762 7.28163H16.9948V5.60038H17.3762V7.28163Z' fill='white'/%3E%3Cpath d='M21.042 6.98824V7.28913H18.0195V6.98824H21.042ZM18.3421 6.2266C18.3421 5.85613 18.7823 5.6549 19.5317 5.6549C20.2812 5.6549 20.7214 5.85613 20.7214 6.2266C20.7214 6.59708 20.2774 6.79454 19.5317 6.79454C18.7861 6.79454 18.3421 6.59332 18.3421 6.2266ZM20.7574 8.59237V8.88198H18.3857V8.05077H20.2888V7.81193H18.3781V7.52608H20.6607V8.31781H18.7614V8.59237H20.7574ZM18.7367 6.2266C18.7367 6.41278 19.0138 6.51245 19.5317 6.51245C20.0497 6.51245 20.3267 6.41278 20.3267 6.2266C20.3267 6.04042 20.0497 5.93699 19.5317 5.93699C19.0138 5.93699 18.7367 6.03666 18.7367 6.2266Z' fill='white'/%3E%3Cpath d='M24.6408 7.53932C24.3486 7.59762 24.0431 7.63147 23.7471 7.65215V8.81247H23.3658V7.67284C23.0527 7.68412 22.7567 7.68789 22.4968 7.68789L22.4531 7.37759C23.0546 7.37759 23.8932 7.36631 24.6142 7.26099L24.6408 7.53932ZM22.6789 6.44106C22.6789 6.03485 23.0413 5.749 23.5403 5.749C24.0393 5.749 24.4017 6.03485 24.4017 6.44106C24.4017 6.84727 24.0393 7.13688 23.5403 7.13688C23.0413 7.13688 22.6789 6.85103 22.6789 6.44106ZM23.0451 6.44106C23.0451 6.67613 23.2519 6.8247 23.5403 6.8247C23.8287 6.8247 24.0355 6.67425 24.0355 6.44106C24.0355 6.20787 23.8325 6.06118 23.5403 6.06118C23.2481 6.06118 23.0451 6.21163 23.0451 6.44106ZM25.2138 8.91591H24.8324V5.6042H25.2138V8.91591Z' fill='white'/%3E%3Cpath d='M25.8594 6.28294V5.98205H26.6544V5.60029H27.0357V5.98205H27.8307V6.28294H25.8594ZM26.8422 7.68962C26.366 7.68962 26.0339 7.44138 26.0339 7.06339C26.0339 6.68539 26.366 6.43715 26.8422 6.43715C27.3185 6.43715 27.6505 6.68915 27.6505 7.06339C27.6505 7.43762 27.3223 7.68962 26.8422 7.68962ZM28.5935 8.54341V8.84994H26.347V7.8946H26.7303V8.54341H28.5935ZM26.8422 7.39813C27.1078 7.39813 27.29 7.27401 27.29 7.06527C27.29 6.85652 27.1097 6.7324 26.8422 6.7324C26.5747 6.7324 26.3982 6.85652 26.3982 7.06527C26.3982 7.27401 26.5785 7.39813 26.8422 7.39813ZM28.9331 6.66282V6.97312H28.4607V8.08642H28.0812V5.60782H28.4607V6.66282H28.9331Z' fill='white'/%3E%3Cpath d='M32.084 7.46786C31.714 7.33998 31.4484 7.08046 31.308 6.76076C31.16 7.12371 30.8791 7.4152 30.4845 7.55624L30.2891 7.25535C30.807 7.07294 31.1049 6.63288 31.1049 6.17966V6.13264H30.3991V5.82799H32.1826V6.13264H31.4882V6.1759C31.4882 6.58962 31.7728 6.99959 32.2718 7.17261L32.084 7.46974V7.46786ZM33.0668 8.28779C33.0668 8.68271 32.638 8.91403 31.9436 8.91403C31.2491 8.91403 30.8165 8.68271 30.8165 8.28779C30.8165 7.89287 31.2453 7.66156 31.9436 7.66156C32.6418 7.66156 33.0668 7.89663 33.0668 8.28779ZM32.6854 8.28779C32.6854 8.07152 32.4122 7.95493 31.9436 7.95493C31.4749 7.95493 31.1979 8.07152 31.1979 8.28779C31.1979 8.50406 31.4673 8.62066 31.9436 8.62066C32.4198 8.62066 32.6854 8.50406 32.6854 8.28779ZM32.6703 6.43542V5.6042H33.0516V7.57505H32.6703V6.74383H32.0783V6.43542H32.6703Z' fill='white'/%3E%3Cpath d='M35.3742 7.84202V8.91583H34.9947V7.84202H33.6836V7.53736H36.7099V7.84202H35.3742ZM36.3342 7.18005H34.0479V5.73388H34.4293V6.15137H35.9548V5.73388H36.3342V7.18005ZM35.9548 6.45415H34.4293V6.8754H35.9548V6.45415Z' fill='white'/%3E%3Cpath d='M38.9378 6.21909H37.0859V5.91819H37.8354V5.57405H38.2168V5.91819H38.9378V6.21909ZM38.0251 7.61824C37.5812 7.61824 37.2605 7.36248 37.2605 6.99201C37.2605 6.62153 37.5812 6.36953 38.0251 6.36953C38.4691 6.36953 38.7936 6.62529 38.7936 6.99201C38.7936 7.35872 38.4729 7.61824 38.0251 7.61824ZM37.5925 7.87776H39.8428V8.91396H39.4633V8.18242H37.5944V7.87776H37.5925ZM38.0251 7.32863C38.2699 7.32863 38.4388 7.20075 38.4388 6.99201C38.4388 6.78326 38.268 6.65914 38.0251 6.65914C37.7823 6.65914 37.6153 6.78702 37.6153 6.99201C37.6153 7.19699 37.7861 7.32863 38.0251 7.32863ZM39.8428 5.60414V7.70663H39.4633V7.31923H38.9492V7.01081H39.4633V6.68923H38.9567V6.38458H39.4633V5.60414H39.8428Z' fill='white'/%3E%3Cpath d='M42.3022 7.5054C41.9208 7.36624 41.6476 7.09543 41.5034 6.75129C41.3516 7.12176 41.0746 7.42077 40.6837 7.56746L40.4883 7.2628C41.012 7.07287 41.3042 6.60084 41.3042 6.11753V5.78843H41.6912V6.11753C41.6912 6.58579 41.9834 7.02961 42.4976 7.20451L42.3022 7.5054ZM43.3211 8.84814H41.0461V7.79689H41.4294V8.53972H43.3211V8.84814ZM43.2243 8.02444H42.8429V5.60789H43.2243V8.02444Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1539_3152'%3E%3Crect width='83' height='36' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");*/
    background-image: url("/resources/assets/images/svg/nier_logo.svg")
}
@media (max-width: 1023px) {
  .page-foot::after {
    top: 7rem;
    right: 16rem;
    width: 131rem;
    height: 34rem;
  }
}
@media (min-width: 1024px) {
  .page-foot::after {
    top: 42rem;
    right: 10rem;
    width: 148rem;
    height: 39rem;
  }
}
.page-foot.en::after {
  display: none;
}
.page-foot .section.service-policy {
  position: relative;
  padding-bottom: 20rem;
}
.page-foot .section.service-policy::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1rem;
  background-color: rgb(55, 59, 68);
}
.page-foot .section.service-policy .section-wrap .section-head {
  display: block;
  position: absolute;
  overflow: hidden;
  visibility: hidden;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.page-foot .section.service-policy .section-wrap .section-body > .navi-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 28rem;
  -moz-column-gap: 28rem;
  column-gap: 28rem;
}
@media (min-width: 1024px) {
  .page-foot .section.service-policy .section-wrap .section-body .navi-list {
    -webkit-column-gap: 28rem;
    -moz-column-gap: 28rem;
    column-gap: 28rem;
  }
}
.page-foot .section.service-policy .section-wrap .section-body .navi-list .navi-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-foot .section.service-policy .section-wrap .section-body .navi-list .navi-item .navi-text {
  font-size: 13.3333333333rem;
  line-height: 20rem;
  font-weight: 500;
  color: rgb(132, 132, 132);
}
@media (min-width: 1024px) {
  .page-foot .section.service-policy .section-wrap .section-body .navi-list .navi-item .navi-text {
    font-size: 16rem;
    line-height: 24rem;
  }
}
.page-foot .section.service-policy .section-wrap .section-body .navi-list .navi-item .navi-text:not(:hover) {
  text-decoration: none;
}
.page-foot .section.service-policy .section-wrap .section-body .navi-list .navi-item.em .navi-text {
  color: rgb(255, 255, 255);
}
.page-foot .section.general-info .section-head {
  display: block;
  position: absolute;
  overflow: hidden;
  visibility: hidden;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.page-foot .section.service-policy .section-body .data-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 20rem;
}
@media (min-width: 1024px) {
  .page-foot .section.service-policy .section-body .data-list {
    width: calc(100% - 276rem);
  }
}
.page-foot .section.service-policy .section-body .data-list .data-item {
  margin-right: 4rem;
  font-size: 13.3333333333rem;
  line-height: 20rem;
  color: rgb(132,132,132);
}
.page-foot .section.service-policy .section-body .data-list .data-item a {
  color: inherit;
}
.page-foot .section.service-policy .section-body .data-list .data-item a:not(:hover) {
  text-decoration: none;
}
@media (max-width: 424px) {
  .page-foot .section.service-policy .section-wrap .section-body .data-list .data-item {
    width: 100%;
  }
}
.page-foot .section.family-site {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 3;
}
.page-foot .section.family-site .section-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  position: relative;
}
.page-foot .section.family-site .section-wrap .section-head .section-subject {
  margin: 0;
}
.page-foot .section.family-site .section-wrap .section-head .section-subject .section-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8rem;
  padding: 0 12rem 0 16rem;
  height: 48rem;
  font-size: 16rem;
  line-height: 24rem;
  font-weight: 500;
  color: rgb(175, 178, 187);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4rem;
  border: 1rem solid rgb(105, 109, 118);
  cursor: default;
}
.page-foot .section.family-site .section-wrap .section-head .section-subject .section-name::after {
  content: "";
  display: block;
  width: 24rem;
  height: 24rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(255,255,255,1)' d='M12 7.3175L17.555 13.428C17.8336 13.7344 17.811 14.2088 17.5045 14.4874C17.198 14.766 16.7237 14.7435 16.4451 14.437L12 9.54742L7.55496 14.437C7.27633 14.7435 6.80199 14.766 6.4955 14.4874C6.18901 14.2088 6.16642 13.7344 6.44505 13.428L12 7.3175Z'/%3E%3C/svg%3E") no-repeat center/cover;
}
.page-foot .section.family-site .section-wrap:not(:focus-within) .section-body {
  display: none;
}
.page-foot .section.family-site .section-wrap .section-body {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% + 4rem);
  padding: 16rem 0;
  border-radius: 4rem;
  background-color: rgb(25, 29, 38);
  border: 1rem solid rgb(105, 109, 118);
}
.page-foot .section.family-site .section-wrap .section-body .navi-list .navi-item {
  padding: 12rem 16rem;
}
.page-foot .section.family-site .section-wrap .section-body .navi-list .navi-item .navi-text {
  font-size: 16rem;
  line-height: 24rem;
  font-weight: 500;
  color: rgb(175, 178, 187);
  background: none;
  border : none;
  font-family: Noto Sans KR,Malgun Gothic,맑은 고딕,dotum,돋움,sans-serif;
}
.page-foot .section.family-site .section-wrap .section-body .navi-list .navi-item .navi-text:not(:hover) {
  text-decoration: none;
}
.page-foot .section.family-site .section-wrap .section-body .navi-list .navi-item:hover {
  background-color: rgb(55, 59, 68);
}
.page-foot .section.family-site .section-wrap .section-body .navi-list .navi-item:hover .navi-text {
  color: rgb(255, 255, 255);
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .page-foot .section.family-site {
    position: absolute;
    right: 0;
    bottom: 48rem;
    width: 278rem;
  }
}
.page-foot .copyright {
  margin: 8rem 0 0 0;
  font-size: 13.3333333333rem;
  line-height: 20rem;
  color: rgb(117, 117, 117);
}

/**
 * @type layout
 * @name content-body
 */
.content-body .section.module-a .section-wrap .section-head .section-subject {
  margin: 0;
}
.content-body .section.module-a .section-wrap .section-body .para {
  font-size: 16rem;
  line-height: 24rem;
  font-weight: 400;
  color: rgb(25, 29, 38);
}
.content-body .section.module-a.type-a .section-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1023px) {
  .content-body .section.module-a.type-a .section-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16rem;
  }
}
.content-body .section.module-a.type-a .section-wrap .section-head .section-subject {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4rem;
  -moz-column-gap: 4rem;
  column-gap: 4rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .content-body .section.module-a.type-a .section-wrap .section-head .section-subject {
    -webkit-column-gap: 8rem;
    -moz-column-gap: 8rem;
    column-gap: 8rem;
  }
}
@media (min-width: 1024px) {
  .content-body .section.module-a.type-a .section-wrap .section-head .section-subject .section-name .wbr {
    display: block;
  }
}
.content-body .section.module-a.type-a .section-wrap .section-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.content-body .section.module-a.type-c {
  margin-top: 30rem;
}
@media (min-width: 1024px) {
  .content-body .section.module-a.type-c {
    margin-top: 40rem;
  }
}
.content-body .section.module-a.type-c .section-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16rem;
}
.content-body .section.module-a.type-c .section-wrap .section-head .section-subject {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.25em;
  -moz-column-gap: 0.25em;
  column-gap: 0.25em;
}
.content-body .section.module-a.type-c .section-wrap .section-head .section-subject .section-name {
  display: block;
}
.content-body .section.module-a.style-a .section-wrap {
  -webkit-column-gap: 80rem;
  -moz-column-gap: 80rem;
  column-gap: 80rem;
}
.content-body .section.module-a.style-a .section-wrap .section-head .section-subject {
  font-size: 22.4rem;
  line-height: 28rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
  .content-body .section.module-a.style-a .section-wrap .section-head .section-subject {
    font-size: 28rem;
    line-height: 36rem;
  }
}
@media (min-width: 1024px) {
  .content-body .section.module-a.style-a .section-wrap .section-head {
    width: 240rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.content-body .section.module-a.style-b .section-wrap .section-head .section-subject {
  font-size: 16rem;
  line-height: 20rem;
  font-weight: 500;
  color: rgb(25, 29, 38);
}
@media (min-width: 1024px) {
  .content-body .section.module-a.style-b .section-wrap .section-head .section-subject {
    font-size: 21rem;
    line-height: 25rem;
  }
}
.content-body .section.module-a.style-b .section-wrap .section-head .section-subject[class*=attr-]::before {
  content: "";
  display: block;
  width: 20rem;
  height: 20rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media (min-width: 1024px) {
  .content-body .section.module-a.style-b .section-wrap .section-head .section-subject[class*=attr-]::before {
    width: 24rem;
    height: 24rem;
  }
}
.content-body .section.module-a.style-b .section-wrap .section-head .section-subject.attr-description::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(25,29,38,1)' d='M8.5,13.2h7c0.4,0,0.8,0.3,0.8,0.8s-0.3,0.8-0.8,0.8h-7c-0.4,0-0.8-0.3-0.8-0.8S8.1,13.2,8.5,13.2z M15.5,16.2 h-7c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8h7c0.4,0,0.8-0.3,0.8-0.8S15.9,16.2,15.5,16.2z M8.5,11.7h4c0.4,0,0.8-0.3,0.8-0.8 s-0.3-0.8-0.8-0.8h-4c-0.4,0-0.8,0.3-0.8,0.8S8.1,11.7,8.5,11.7z M19,9.8v9.6c0,0.4-0.2,0.8-0.4,1.1c-0.3,0.3-0.7,0.5-1.1,0.5h-11 c-0.4,0-0.8-0.2-1.1-0.5S5,19.8,5,19.4V6.6c0-0.4,0.2-0.8,0.4-1.1S6.1,5,6.5,5h8L19,9.8z M15.2,9.2h1.2l-1.2-1.3V9.2z M17.5,10.7h-3 c-0.4,0-0.8-0.3-0.8-0.8V6.5H6.5c0,0,0,0.1,0,0.1v12.8c0,0,0,0.1,0,0.1h10.9c0,0,0-0.1,0-0.1V10.7z'/%3E%3C/svg%3E");
}
.content-body .section.module-a.style-b .section-wrap .section-head .section-subject.attr-application::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(25,29,38,1)' d='M21.2,13L21.2,13c-0.1-0.5-0.3-1-0.7-1.4c-0.4-0.4-1-0.7-1.6-0.7h-0.1c-0.1,0-0.2,0-0.3-0.1 c-0.1-0.1-0.2-0.1-0.2-0.2l0,0c0-0.1-0.1-0.2,0-0.3c0-0.1,0.1-0.2,0.1-0.3l0,0c0.2-0.2,0.4-0.5,0.5-0.7c0.1-0.3,0.2-0.6,0.2-0.9 c0-0.3-0.1-0.6-0.2-0.9c-0.1-0.3-0.3-0.5-0.5-0.7c-0.2-0.2-0.5-0.4-0.7-0.5C17.5,6,17.2,6,16.9,6C16.6,6,16.3,6,16,6.2 c-0.3,0.1-0.5,0.3-0.7,0.5l0,0c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3,0c0,0,0,0,0,0c-0.1,0-0.2-0.1-0.2-0.2 c-0.1-0.1-0.1-0.2-0.1-0.3V6.2c0-0.6-0.2-1.2-0.7-1.6c-0.4-0.4-1-0.7-1.6-0.7c-0.6,0-1.2,0.2-1.6,0.7c-0.4,0.4-0.7,1-0.7,1.6v0.1 c0,0.1,0,0.2-0.1,0.3C9.5,6.8,9.4,6.8,9.3,6.9l0,0c-0.1,0-0.2,0.1-0.3,0c-0.1,0-0.2-0.1-0.3-0.1l0,0C8.5,6.5,8.2,6.3,8,6.2 S7.4,6,7.1,6C6.8,6,6.5,6.1,6.2,6.2C5.9,6.3,5.7,6.5,5.5,6.7C5.2,6.9,5.1,7.2,5,7.5C4.8,7.7,4.8,8,4.8,8.3S4.8,8.9,5,9.2 C5.1,9.5,5.2,9.7,5.5,10l0,0c0.1,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.2,0,0.3l0,0c0,0.1-0.1,0.2-0.2,0.2c-0.1,0.1-0.2,0.1-0.3,0.1H5 c-0.6,0-1.2,0.2-1.6,0.7C3.1,12,2.8,12.4,2.8,13h0c0,0,0,0,0,0.1c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1h0c0,0.5,0.3,1,0.7,1.4 c0.4,0.4,1,0.7,1.6,0.7h0.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.2,0.1,0.2,0.2l0,0c0,0.1,0.1,0.2,0,0.3c0,0.1-0.1,0.2-0.1,0.3l0,0 C5.3,16.5,5.1,16.7,5,17c-0.1,0.3-0.2,0.6-0.2,0.9c0,0.3,0.1,0.6,0.2,0.9c0.1,0.3,0.3,0.5,0.5,0.7C5.7,19.7,6,19.9,6.3,20 c0.3,0.1,0.6,0.2,0.9,0.2S7.7,20.1,8,20c0.3-0.1,0.5-0.3,0.7-0.5l0,0c0.1-0.1,0.2-0.1,0.3-0.1c0.1,0,0.2,0,0.3,0c0,0,0,0,0,0 c0.1,0,0.2,0.1,0.2,0.2c0.1,0.1,0.1,0.2,0.1,0.3v0.1c0,0.6,0.2,1.2,0.7,1.6c0.4,0.4,1,0.7,1.6,0.7c0.6,0,1.2-0.2,1.6-0.7 c0.4-0.4,0.7-1,0.7-1.6v-0.1c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.1-0.2,0.2-0.2l0,0c0.1,0,0.2-0.1,0.3,0c0.1,0,0.2,0.1,0.3,0.1l0,0 c0.2,0.2,0.5,0.4,0.7,0.5c0.3,0.1,0.6,0.2,0.9,0.2c0.3,0,0.6-0.1,0.9-0.2c0.3-0.1,0.5-0.3,0.7-0.5c0.2-0.2,0.4-0.5,0.5-0.7 c0.1-0.3,0.2-0.6,0.2-0.9c0-0.3-0.1-0.6-0.2-0.9c-0.1-0.3-0.3-0.5-0.5-0.7l0,0c-0.1-0.1-0.1-0.2-0.1-0.3c0-0.1,0-0.2,0-0.3l0,0 c0-0.1,0.1-0.2,0.2-0.2c0.1-0.1,0.2-0.1,0.3-0.1H19c0.6,0,1.2-0.2,1.6-0.7c0.4-0.4,0.6-0.9,0.7-1.4h0c0,0,0,0,0-0.1 C21.2,13.1,21.2,13.1,21.2,13C21.2,13,21.2,13,21.2,13z M19.5,13.5c-0.1,0.1-0.4,0.2-0.6,0.2h-0.1h0c-0.4,0-0.8,0.1-1.1,0.3 c-0.3,0.2-0.6,0.5-0.7,0.9c-0.2,0.4-0.2,0.8-0.1,1.2c0.1,0.4,0.3,0.8,0.5,1.1l0.1,0.1c0.1,0.1,0.1,0.2,0.2,0.3 c0,0.1,0.1,0.2,0.1,0.3s0,0.2-0.1,0.3c0,0.1-0.1,0.2-0.2,0.3c-0.1,0.1-0.2,0.1-0.3,0.2c-0.1,0-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1 c-0.1,0-0.2-0.1-0.3-0.2l0,0l0,0c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4-0.1-0.8,0-1.2,0.1c-0.4,0.2-0.7,0.4-0.9,0.7 c-0.2,0.3-0.3,0.7-0.3,1.1v0v0.1c0,0.2-0.1,0.4-0.2,0.6c-0.1,0.1-0.4,0.2-0.6,0.2c-0.2,0-0.4-0.1-0.6-0.2c-0.1-0.1-0.2-0.4-0.2-0.6 v-0.1l0,0c0-0.4-0.1-0.8-0.4-1.1c-0.2-0.3-0.6-0.6-0.9-0.7c-0.4-0.2-0.8-0.2-1.2-0.1c-0.4,0.1-0.8,0.3-1.1,0.5l-0.1,0.1 c-0.1,0.1-0.2,0.1-0.3,0.2c-0.1,0-0.2,0.1-0.3,0.1s-0.2,0-0.3-0.1c-0.1,0-0.2-0.1-0.3-0.2c-0.1-0.1-0.1-0.2-0.2-0.3 c0-0.1-0.1-0.2-0.1-0.3c0-0.1,0-0.2,0.1-0.3c0-0.1,0.1-0.2,0.2-0.3l0,0l0,0c0.3-0.3,0.5-0.7,0.5-1.1c0.1-0.4,0-0.8-0.1-1.2 c-0.2-0.4-0.4-0.7-0.7-0.9c-0.3-0.2-0.7-0.3-1.1-0.3H5c-0.2,0-0.4-0.1-0.6-0.2c-0.1-0.1-0.2-0.3-0.2-0.5c0-0.2,0.1-0.3,0.2-0.5 c0.1-0.1,0.4-0.2,0.6-0.2l0.1,0l0,0c0.4,0,0.8-0.1,1.1-0.3c0.3-0.2,0.6-0.5,0.7-0.9c0.2-0.4,0.2-0.8,0.1-1.2C7,9.6,6.8,9.2,6.6,9 L6.5,8.9C6.4,8.8,6.4,8.7,6.3,8.6S6.3,8.4,6.3,8.3s0-0.2,0.1-0.3s0.1-0.2,0.2-0.3c0.1-0.1,0.2-0.1,0.3-0.2c0.1,0,0.2-0.1,0.3-0.1 c0.1,0,0.2,0,0.3,0.1s0.2,0.1,0.3,0.2l0,0l0,0C8,8.1,8.3,8.3,8.7,8.4c0.4,0.1,0.8,0,1.2-0.1c0.4-0.2,0.7-0.4,0.9-0.7 c0.2-0.3,0.3-0.7,0.3-1.1v0V6.2c0-0.2,0.1-0.4,0.2-0.6c0.1-0.1,0.4-0.2,0.6-0.2c0.2,0,0.4,0.1,0.6,0.2c0.1,0.1,0.2,0.4,0.2,0.6v0.1 l0,0c0,0.4,0.1,0.8,0.4,1.1C13.3,7.8,13.7,8,14,8.2c0.4,0.2,0.8,0.2,1.2,0.1C15.6,8.2,16,8,16.2,7.8l0.1-0.1 c0.1-0.1,0.2-0.1,0.3-0.2s0.2-0.1,0.3-0.1c0.1,0,0.2,0,0.3,0.1c0.1,0,0.2,0.1,0.3,0.2c0.1,0.1,0.1,0.2,0.2,0.3 c0,0.1,0.1,0.2,0.1,0.3s0,0.2-0.1,0.3c0,0.1-0.1,0.2-0.2,0.3l0,0l0,0c-0.3,0.3-0.5,0.7-0.5,1.1c-0.1,0.4,0,0.8,0.1,1.2 c0.2,0.4,0.4,0.7,0.7,0.9c0.3,0.2,0.7,0.3,1.1,0.3H19c0.2,0,0.4,0.1,0.6,0.2c0.1,0.1,0.2,0.3,0.2,0.5C19.7,13.2,19.6,13.4,19.5,13.5 z M12,9.7c-1.8,0-3.2,1.5-3.2,3.2s1.5,3.2,3.2,3.2s3.2-1.5,3.2-3.2S13.8,9.7,12,9.7z M12,14.7c-1,0-1.8-0.8-1.8-1.8s0.8-1.8,1.8-1.8 s1.8,0.8,1.8,1.8S13,14.7,12,14.7z'/%3E%3C/svg%3E");
}
.content-body .section.module-a.style-b .section-wrap .section-head .section-subject.attr-notice::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(25,29,38,1)' d='M11.2,14V9.2c0-0.4,0.3-0.8,0.8-0.8s0.8,0.3,0.8,0.8V14c0,0.4-0.3,0.8-0.8,0.8S11.2,14.4,11.2,14z M12,15.7 L12,15.7c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8h0c0.4,0,0.8-0.3,0.8-0.8S12.4,15.7,12,15.7z M20,9.6v6.6L15.3,21H8.7L4,16.3V9.6 L8.7,5h6.6L20,9.6z M18.5,10.3l-3.8-3.8H9.3l-3.8,3.8v5.4l3.8,3.8h5.4l3.8-3.8V10.3z'/%3E%3C/svg%3E");
}
@media (min-width: 1024px) {
  .content-body .section.module-a.style-b .section-wrap .section-head {
    width: 212rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.content-body .section.module-a.style-b[class*=attr-] .section-wrap .section-body::before {
  content: "";
  display: block;
  height: 200rem;
  margin-bottom: 20rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 8rem;
}
@media (min-width: 1024px) {
  .content-body .section.module-a.style-b[class*=attr-] .section-wrap .section-body::before {
    height: 312rem;
    margin-bottom: 24rem;
  }
}
.content-body .section.module-a.style-b[class*=attr-].attr-aerosol .section-wrap .section-body::before {
  background-image: url(./../images/satellite/product-01.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-available .section-wrap .section-body::before {
  background-image: url(./../images/satellite/product-02.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-cloud .section-wrap .section-body::before {
  background-image: url(./../images/satellite/product-03.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-surface .section-wrap .section-body::before {
  background-image: url(./../images/satellite/product-04.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-ozone .section-wrap .section-body::before {
  background-image: url(./../images/satellite/product-05.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-ozone-pro .section-wrap .section-body::before {
  background-image: url(./../images/satellite/product-06.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-formaldehyde .section-wrap .section-body::before {
  background-image: url(./../images/satellite/product-07.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-glyoxal .section-wrap .section-body::before {
  background-image: url(./../images/satellite/product-08.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-nitrogen .section-wrap .section-body::before {
  background-image: url(./../images/satellite/product-09.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-sulfur .section-wrap .section-body::before {
  background-image: url(./../images/satellite/product-10.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-ultraviolet .section-wrap .section-body::before {
  background-image: url(./../images/satellite/product-11.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-aerosol-l4 .section-wrap .section-body::before {
  background-image: url(./../images/satellite/product-12.png);
}
.content-body .section.module-a.style-b + .module-a.style-b {
  padding-top: 32rem;
  margin-top: 32rem;
  border-top: 1rem solid rgb(236, 239, 245);
}
@media (min-width: 1024px) {
  .content-body .section.module-a.style-b + .module-a.style-b {
    padding-top: 40rem;
    margin-top: 40rem;
  }
}
.content-body .section.module-a.style-c .section-wrap .section-head .section-subject {
  font-size: 18.7rem;
  line-height: 24rem;
  font-weight: 700;
  color: rgb(25, 29, 38);
}
@media (min-width: 1024px) {
  .content-body .section.module-a.style-c .section-wrap .section-head .section-subject {
    font-size: 19.2rem;
    line-height: 24rem;
  }
}
.content-body .section.module-a.style-c .section-wrap .section-head .section-summary {
  margin: 16rem 0 0 0;
  font-size: 16rem;
  line-height: 24rem;
  font-weight: 400;
  color: rgb(55, 59, 68);
}
@media (min-width: 1024px) {
  .content-body .section.module-a.style-c .section-wrap .section-head .section-summary {
    margin: 24rem 0 0 0;
  }
}
.content-body .section.module-a.style-d .section-wrap .section-head .section-subject {
  font-size: 19.2rem;
  line-height: 24rem;
  font-weight: 700;
  color: rgb(1, 132, 208);
}
@media (min-width: 1024px) {
  .content-body .section.module-a.style-d .section-wrap .section-head .section-subject {
    font-size: 22.4rem;
    line-height: 28rem;
  }
}
.content-body .section.module-a.style-d .section-wrap .section-head .section-subject[class*=attr-]::before {
  content: "";
  display: block;
  width: 24rem;
  height: 24rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media (min-width: 1024px) {
  .content-body .section.module-a.style-d .section-wrap .section-head .section-subject[class*=attr-]::before {
    width: 28rem;
    height: 28rem;
  }
}
.content-body .section.module-a.style-d .section-wrap .section-head .section-subject.attr-car::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(1,132,208,1)' d='M5.23781 10.897L6.3375 7.66632C6.75844 6.4285 7.89375 5.59985 9.16875 5.59985H14.8312C16.1062 5.59985 17.2406 6.4285 17.6625 7.66632L18.7625 10.897C19.4875 11.2056 20 11.9416 20 12.7999V18.9713C20 19.5402 19.5531 19.9999 19 19.9999H18C17.4469 19.9999 17 19.5402 17 18.9713V17.4284H7V18.9713C7 19.5402 6.55219 19.9999 6 19.9999H5C4.44781 19.9999 4 19.5402 4 18.9713V12.7999C4 11.9416 4.51125 11.2056 5.23781 10.897ZM7.40937 10.7427H16.5906L15.775 8.34485C15.6344 7.93343 15.2562 7.657 14.8312 7.657H9.16875C8.74375 7.657 8.36562 7.93343 8.225 8.34485L7.40937 10.7427ZM7 12.7999C6.44781 12.7999 6 13.2595 6 13.8284C6 14.3974 6.44781 14.857 7 14.857C7.55312 14.857 8 14.3974 8 13.8284C8 13.2595 7.55312 12.7999 7 12.7999ZM17 14.857C17.5531 14.857 18 14.3974 18 13.8284C18 13.2595 17.5531 12.7999 17 12.7999C16.4469 12.7999 16 13.2595 16 13.8284C16 14.3974 16.4469 14.857 17 14.857Z'/%3E%3C/svg%3E");
}
.content-body .section.module-a.style-d .section-wrap .section-head .section-subject.attr-shuttle-bus::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(1,132,208,1)' d='M4.5 16.0263C4.5 16.8137 4.86562 17.5205 5.4375 18.0126V19.1579C5.4375 19.9005 6.06563 20.5 6.84375 20.5C7.62187 20.5 8.25 19.9005 8.25 19.1579V18.7105H15.75V19.1579C15.75 19.8916 16.3781 20.5 17.1562 20.5C17.925 20.5 18.5625 19.9005 18.5625 19.1579V18.0126C19.1344 17.5205 19.5 16.8137 19.5 16.0263V7.07895C19.5 3.94737 16.1438 3.5 12 3.5C7.85625 3.5 4.5 3.94737 4.5 7.07895V16.0263ZM7.78125 16.9211C7.00313 16.9211 6.375 16.3216 6.375 15.5789C6.375 14.8363 7.00313 14.2368 7.78125 14.2368C8.55937 14.2368 9.1875 14.8363 9.1875 15.5789C9.1875 16.3216 8.55937 16.9211 7.78125 16.9211ZM16.2188 16.9211C15.4406 16.9211 14.8125 16.3216 14.8125 15.5789C14.8125 14.8363 15.4406 14.2368 16.2188 14.2368C16.9969 14.2368 17.625 14.8363 17.625 15.5789C17.625 16.3216 16.9969 16.9211 16.2188 16.9211ZM17.625 11.5526H6.375V7.07895H17.625V11.5526Z'/%3E%3C/svg%3E");
}
.content-body .subsection.module-a .subsection-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.content-body .subsection.module-a .subsection-wrap .subsection-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 4rem;
}
.content-body .subsection.module-a .subsection-wrap .subsection-head .subsection-subject {
  margin: 0;
  font-size: 19.2rem;
  line-height: 24rem;
  font-weight: 500;
}
.content-body .subsection.module-a .subsection-wrap .subsection-head .subsection-subject .subsection-name {
  display: block;
}
.content-body .subsection.module-a .subsection-wrap .subsection-head .subsection-summary {
  margin: 0;
  font-size: 16rem;
  line-height: 24rem;
  color: rgb(55, 59, 68);
}
.content-body .subsection.module-a.style-a .subsection-wrap .subsection-head .subsection-subject {
  color: rgb(25, 29, 38);
}
.content-body .subsection.module-a.style-b .subsection-wrap .subsection-head .subsection-subject {
  color: rgb(0, 123, 194)
}

#footer.page-foot .section.family-site .sitebtn {
  height: 100%;
  border: 1px solid rgb(105,109,118);
  border-radius: 4rem;
  color: rgb(175,178,187);
  margin-left: 5rem;
  font-size: 16rem;
}

.page-head-notice {
  display: none;
}

/*bbsUpend가 있을 때*/
#page.notice-open .page-head-notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 51;
    padding: 0 5rem;
    overflow: hidden;
}

#page.notice-open #unifiedSearch.unified-search{
    top: 98rem;
}
#wrap #page.notice-open{
    padding-top: 99rem;
}

@media (min-width: 1024px) {
    #page.notice-open .page-head-notice {
        padding: 0 35rem;
    }
    #page.notice-open .page-head-notice .bbsUpendTitle{
        padding: 0 5rem;
    }

    #page.notice-open #unifiedSearch.unified-search{
        top: 129rem;
    }
    #page.notice-open .page-body #local .local-head {
        padding-top: 0px;
    }
    #page.notice-open .page-head-notice .bbsUpendTitle .swiper-slide span{
        margin-right: 15rem;
    }
}

.page-head-notice {
  background: #0180c9;
  color: white;
  height: 40rem;
  align-items: center;
  font-weight: 700;
  font-size: 15rem;
}

.notice-open .page-head {
  top: 38px;
}

.notice-open .page-head-notice .page-navi::before {
  top: 130rem;
}
.notice-open .page-head-notice .page-body #local .local-info {
  top: 130rem;
}
@media (min-width: 1024px) {
  .notice-open {
    padding-top: 130rem !important;
  }
}

@media (max-width: 1023px) {
    .notice-open .page-head .page-navi {
        top: 99rem;
    }
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .notice-open .page-head {
    top: 40rem;
  }
}

.page-head-notice .bbsUpend {
  width: 1280px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.page-head-notice .bbsUpendFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.page-head-notice .bbsUpendNm{
    flex: 0 0 auto;
}

.page-head-notice .bbsUpendTitle{
    flex: 1 1 auto;
    height: 100%;
    padding: 0 5rem;
    overflow: hidden;
}

.page-head-notice .bbsUpendTitle .swiper-slide{
    display:flex;
    align-items: center;
    height: 39px !important;
}

.page-head-notice .bbsUpendTitle .swiper-slide span {
    flex: 0 0 auto;
  background: rgba(255, 255, 255, 0.25);
  padding: 3rem 10rem;
    margin-right: 6rem;
    border-radius: 8px;
    font-size: 12rem;
}

.page-head-notice .bbsUpendTitle a{
    width: 100%;
    color: inherit;
    text-decoration-line: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media all and (min-width: 321px) and (max-width: 768px) {
  .page-head-notice .bbsUpendTitle .swiper-slide span, .page-head-notice .bbsUpendTitle a{
    font-size: 12rem;
  }
}

.page-head-notice .bbsUpendNavBtn{
    display:flex;
    align-items: center;
    gap: 4rem;
}


.page-head-notice .bbsUpendNavBtn button{
    border: none;
    padding:0;
    margin:0;
    background: none;
    cursor: pointer;
}

.page-head-notice .bbsUpendNavBtn .option-list {
  margin-left: 10rem;
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .page-head-notice .bbsUpendTitle{
    width: 45%;
  }
  .page-head-notice .bbsUpendNavBtn .bbsUpendNavBtn-prev svg, .page-head-notice .bbsUpendNavBtn .bbsUpendNavBtn-next svg{
    width: 20px;
  }
  .page-head-notice .bbsUpendNavBtn .bbsUpendNavBtn-close svg{
    width: 16px;
  }
  .form.module-a.small-2x.checkbox .form-text, .form.module-a.small-2x.radio .form-text {
    font-size: 10rem;
  }
}
@media (max-width:1023px){
  .page-head-notice{ height:40rem; }
  .page-head-notice .bbsUpend,
  .page-head-notice .bbsUpendFlex,
  .page-head-notice .bbsUpendTitle{ height:100%; }
  .page-head-notice .bbsUpendTitle .swiper-wrapper{ height:100%; }
  .page-head-notice .bbsUpendTitle .swiper-slide{
    height:100% !important;
    display:flex;
    align-items:center;
  }
  /* 배지/텍스트 수직정렬 */
  .page-head-notice .bbsUpendTitle .swiper-slide span{
    display:inline-flex;
    align-items:center;
    line-height:1;
  }
  .page-head-notice .bbsUpendNavBtn{ height:100%; align-items:center; }
  .page-head-notice .bbsUpendNavBtn button{ line-height:0; }
  .page-head-notice .bbsUpendNavBtn .option-list,
  .page-head-notice .form.module-a.small-2x.checkbox{
    display:flex; align-items:center;
  }
}

/*--------------- 컨퍼런스 -----------------*/

/*--------------- 컨퍼런스 -----------------*/
/*.page-mtg .subsection{margin-top: 24rem;}*/
.page-mtgl .subsection:first-child {
  margin-top: 0;
}
.page-mtg #mtbBody .subsection-wrap {
  padding: 30px 0;
}
.page-mtg .subsection-detail {
  padding: 30px 0;
}

/* 상단 */
.mtg-visual {
  width: 100%;
}
.mtg-visual .visual-head {
  position: relative;
}
.mtg-visual .subsection-subject {
  bottom: 52rem;
  margin: 0;
  font-weight: 700;
  font-size: 26rem;
  line-height: 36rem;
}
.mtg-visual .subsection-subject .section-name {
  display: inline-block;
}
.mtg-visual .section-desc {
  bottom: 24rem;
  margin: 0;
  font-size: 14rem;
  line-height: 22rem;
  opacity: .9;
}
@media (max-width: 1024px) {
  .mtg-visual .subsection-subject {
    bottom: 52rem;
    margin: 0;
    font-weight: 700;
    font-size: 26rem;
    line-height: 36rem;
  }
  .mtg-visual .section-desc {
    bottom: 20rem;
    font-size: 16rem;
    line-height: 26rem;
  }
}
@media (max-width: 1023px) {
  .mtg-visual .subsection-subject {
    bottom: 52rem;
    margin: 0;
    font-weight: 700;
    font-size: 22rem;
    line-height: 30rem;
  }
}
@media (max-width: 600px) {
  .mtg-visual .subsection-subject {
    bottom: 52rem;
    margin: 0;
    font-weight: 700;
    font-size: 20rem;
    line-height: 27rem;
  }
  .mtg-visual .section-desc {
    bottom: 24rem;
    margin: 0;
    font-size: 12rem;
    line-height: 22rem;
    opacity: .9;
  }
}

/* 텍스트 오버레이 */
.mtg-visual .subsection-subject,
.mtg-visual .section-desc {
  position: absolute;
  left: 24rem;
  right: 24rem;
  color: #fff;
  text-shadow: 0 2rem 6rem rgba(0, 0, 0, .4);
}

.mtg-visual .visual-cover {
  position: relative;
  width: 100%;
  border-radius: 12rem;
  overflow: hidden;
  height: 110rem;
  background: url('/resources/images/black-paper.jpg');
  background-size: cover;
}

/* D 옵션:우측 도트 텍스처 */
.mtg-visual .visual-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: min(42%, 560px);
  background: radial-gradient(circle at 2px 2px, rgba(255, 255, 255, .16) 1.2px, transparent 1.3px) 0 0 / 18px 18px;
  opacity: .85;
  pointer-events: none;
  mix-blend-mode: soft-light;
}
.mtg-visual .visual-cover::before {
  content: "";
  position: absolute;
  width: clamp(200rem, 100vw, 200rem);
  height: clamp(200rem, 100vw, 200rem);
  right: -25rem;
  top: -54rem;
  background: radial-gradient(circle, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, .30) 30%, rgba(255, 255, 255, .12) 60%, rgba(255, 255, 255, 0) 85%);
  border: 5px solid rgba(255, 255, 255, .38);
  border-radius: 50%;
  pointer-events: none;
  mix-blend-mode: soft-light;
  filter: blur(1.2px);
}

/* ===== 탭 바 컨테이너:중앙 탭+우측 버튼 ===== */
.mtg-visual .mtg-tab-menu {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: .5rem 1rem;
  font-size: 16rem;
  border-bottom: 1rem solid #e5e8ee;
}

/* 중앙 탭 리스트 */
.mtg-visual .mtg-tab-menu .tab-list {
  grid-column: 2;
  justify-self: center;
  display: flex;
  column-gap: 12rem;
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: center;
}

/* 우측 버튼 그룹 */
.mtg-visual .mtg-tab-menu .tab-actions {
  grid-column: 3;
  justify-self: end;
  display: inline-flex;
  gap: 2rem;
  flex-wrap: wrap;
}

/* 탭 아이템 */
.mtg-visual .mtg-tab-menu .tab-list .tab-item {
  position: relative;
  box-sizing: border-box;
  list-style: none;
  min-width: 70rem;
}
.mtg-visual .mtg-tab-menu .tab-list .tab-item .current {
  z-index: 1;
}
.mtg-visual .mtg-tab-menu .tab-list .tab-item .tab-text {
  padding: 14rem 10rem;
  font-size: 15rem;
  line-height: 22rem;
  color: #30343f;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  text-align: center;
}
.mtg-visual .mtg-tab-menu .tab-list .tab-item + .tab-item {
  position: relative;
  padding-left: 16rem;
}
.mtg-visual .mtg-tab-menu .tab-list .tab-item + .tab-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 18rem;
  background-color: #d0d4db;
  border-radius: 1rem;
}

/* 활성 탭 밑줄 */
.mtg-visual .mtg-tab-menu .tab-list .tab-item.current .tab-text::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0rem;
  left: 0;
  background-color: rgb(1, 132, 208);
  height: 2rem;
  border-radius: 1rem;
}
@media (min-width: 1024px) {
  .mtg-visual .mtg-tab-menu .tab-list .tab-item.current .tab-text {
    padding: 12rem 24rem;
  }
}

/* 활성/호버 색상 */
.mtg-visual .mtg-tab-menu .tab-list .tab-item.current .tab-text,
.mtg-visual .mtg-tab-menu .tab-list .tab-item:hover .tab-text {
  color: #0a5bd3;
}

/* 활성 탭 추가 장식선 */
.mtg-visual .mtg-tab-menu .tab-list .tab-item .current::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1rem;
  height: 3rem;
  background: #0a5bd3;
  border-radius: 2rem 2rem 0 0;
}

/* 버튼 */
.mtg-visual .mtg-tab-menu .btn {
  font: inherit;
  padding-right: 24rem;
  padding-left: 24rem;
  height: 31rem;
  font-size: 13.3333333333rem;
  border-width: 1rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform .15s ease, filter .15s ease, background-color .15s ease;
}
.mtg-visual .mtg-tab-menu .btn--ghost {
  color: rgb(55, 59, 68);
  border-color: rgb(216, 219, 225);
  background-color: rgb(255, 255, 255);
}
.mtg-visual .mtg-tab-menu .btn--ghost:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}
.mtg-visual .mtg-tab-menu .btn--primary {
  color: #fff;
  background: linear-gradient(135deg, #01a1f0, #0180c9 55%, #006aa8);
  border-color: rgba(255, 255, 255, .25);
}
.mtg-visual .mtg-tab-menu .btn--primary:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

/* 반응형 */
@media (max-width: 900px) {
  .mtg-visual .mtg-tab-menu {
    gap: .5rem .75rem;
  }
  .mtg-visual .mtg-tab-menu .tab-actions {
    gap: 5rem;
    margin-bottom: 5px;
  }
}
@media (max-width: 640px) {
  .mtg-visual .mtg-tab-menu .tab-list {
    column-gap: 8rem;
  }
  .mtg-visual .mtg-tab-menu .btn {
    padding: 5rem 10rem;
  }
}
@media (max-width: 520px) {
  .mtg-visual .mtg-tab-menu {
    grid-template-columns: 1fr;
    row-gap: .5rem;
  }
  .mtg-visual .mtg-tab-menu .tab-list {
    grid-column: 1;
    justify-self: center;
  }
  .mtg-visual .mtg-tab-menu .tab-actions {
    grid-column: 1;
    justify-self: end;
  }
}
@media (max-width: 380px) {
  .mtg-visual .mtg-tab-menu .tab-list {
    column-gap: 6rem;
  }
  .mtg-visual .mtg-tab-menu .btn {
    padding: 1rem 10rem;
  }
}

/* 공통 */
.mtg-wrap {
}
.mtg-wrap:not(:last-child) {
  border-bottom-width: 1rem;
  border-bottom-style: solid;
  border-bottom-color: #b9b9b9;
  margin-bottom: 5rem;
}
.mtg-wrap .mtg-sub-head .mtg-sub-subject {
  margin: 0 0 6rem 0;
  font-size: 22rem;
  line-height: 30rem;
  font-weight: 700;
  color: #222;
}
@media (max-width: 1200px) {
  .mtg-wrap .mtg-sub-head .mtg-sub-subject {
    font-size: 22rem;
    line-height: 30rem;
  }
}
@media (max-width: 900px) {
  .mtg-wrap .mtg-sub-head .mtg-sub-subject {
    font-size: 20rem;
    line-height: 30rem;
  }
}
@media (max-width: 640px) {
  .mtg-wrap .mtg-sub-head .mtg-sub-subject {
    font-size: 18rem;
    line-height: 24rem;
  }
}
@media (max-width: 420px) {
  .mtg-wrap .mtg-sub-head .mtg-sub-subject {
    font-size: 18rem;
    line-height: 20rem;
  }
}

.mtg-wrap .mtg-sub-head .mtg-sub-body {
  padding: 5rem 5rem;
  margin-bottom: 15rem;
}

/* 갤러리 */
.mtg-wrap .mtg-sub-body .mtg-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5rem;
  margin-left: 170rem;
}
@media (max-width: 1200px) {
  .mtg-wrap .mtg-sub-body .mtg-gallery {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 900px) {
  .mtg-wrap .mtg-sub-body .mtg-gallery {
    grid-template-columns: repeat(3, 1fr);
    margin-left: 0;
  }
}
@media (max-width: 640px) {
  .mtg-wrap .mtg-sub-body .mtg-gallery {
    grid-template-columns: repeat(2, 1fr);
    margin-left: 0;
  }
}
@media (max-width: 420px) {
  .mtg-wrap .mtg-sub-body .mtg-gallery {
    grid-template-columns: 1fr;
    margin-left: 0;
  }
}
.mtg-wrap .mtg-sub-body .mtg-gallery .mtg-gallery-item {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
  background: #f6f6f6;
  position: relative;
}
.mtg-wrap .mtg-sub-body .mtg-gallery .mtg-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mtg-wrap .mtg-sub-body .mtg-gallery .mtg-gallery-item:hover img {
  transform: scale(1.03);
  transition: transform .2s ease;
}
.mtg-wrap .mtg-sub-body .mtg-gallery .mtg-gallery-item .caption {
  position: absolute;
  left: 0;
  right: 8px;
  bottom: 0;
  padding: 6px 8px;
  font-size: 12px;
  line-height: 1.2;
  color: #fff;
  background: linear-gradient(to top, rgba(0, 0, 0, .45), rgba(0, 0, 0, 0));
  border-radius: 6px;
}

/* 일정 테이블 */
.mtg-wrap .mtg-sub-body .mtg-schedule-body {
  display: flex;
  flex-direction: row;
  height: 100%;
  flex-wrap: wrap;
  gap: 5rem;
}
.mtg-wrap .mtg-sub-body .mtg-schedule-body .mtg-schedule-cn {
  flex: 1 1 calc(10% - 15rem);
  height: 100%;
  min-width: 200rem;
  padding: 5rem 5rem;
}
.mtg-wrap .mtg-sub-body .mtg-schedule-body .mtg-schedule-cn p {
  font-size: 22rem;
  line-height: 24rem;
  font-weight: 700;
  color: rgb(55, 59, 68);
}
@media (max-width: 600px) {
  .mtg-wrap .mtg-sub-body .mtg-schedule-body .mtg-schedule-cn p {
    font-size: 18rem;
  }
}
.mtg-wrap .mtg-sub-body .mtg-schedule-body .mtg-schedule-time {
  flex: 1 1 calc(80% - 15rem);
  height: 100%;
  min-width: 460rem;
  font-size: 14rem;
}
.mtg-wrap .mtg-sub-body .mtg-schedule-body .mtg-schedule-time .mtg-table {
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
  overflow: hidden;
  margin-top: 18rem;
  margin-bottom: 30rem;
  border-top: 1px solid #B9B9B9;
  width: 100%;
}
@media (max-width: 980px) {
  .mtg-wrap .mtg-sub-body .mtg-schedule-body .mtg-schedule-time {
    width: 100%;
  }
  .mtg-wrap .mtg-sub-body .mtg-schedule-body .mtg-schedule-time {
    min-width: 330rem;
    font-size: 12rem;
  }
  .mtg-wrap .mtg-sub-body .mtg-schedule-body .mtg-schedule-cn {
    font-size: 18rem;
    line-height: 1rem;
  }
  .mtg-wrap .mtg-sub-body .mtg-schedule-body .mtg-schedule-time .mtg-table {
    margin-top: 5rem;
    margin-bottom: 20rem;
  }
}
.mtg-wrap .mtg-sub-body .mtg-schedule-body .mtg-schedule-time .mtg-table thead tr {
  background-color: rgb(236, 239, 245);
}
.mtg-wrap .mtg-sub-body .mtg-schedule-body .mtg-schedule-time .mtg-table th {
  height: 50rem;
  font-weight: bold;
  text-align: left;
  padding: 0 5px;
}
.mtg-wrap .mtg-sub-body .mtg-schedule-body .mtg-schedule-time .mtg-table td {
  height: 40rem;
  text-align: left;
  padding: 0 5px;
}
.mtg-wrap .mtg-sub-body .mtg-schedule-body .mtg-schedule-time .mtg-table tbody tr {
  border-bottom: 1px solid #B9B9B9;
}
.mtg-wrap .mtg-sub-body .mtg-schedule-body .mtg-schedule-time .mtg-table tbody tr:nth-child(even) {
  background-color: rgb(249, 250, 252);
}

/* 리스트 + 캘린더 영역 */
.mtg-wrap .mtg-list-body {
  display: flex;
  margin-bottom: 30rem;
  gap: 10rem;
  flex-wrap: wrap;
}
.mtg-wrap .mtg-list-body .calendar-warp {
  flex: 1 1 calc(55% - 20rem);
  height: 100%;
  min-width: 330rem;
  padding: 30rem 15rem;
  border: 1rem solid var(--kk-grid-border);
  border-radius: 15rem;
}
.mtg-wrap .mtg-list-body .mtg-list-warp {
  flex: 1 1 calc(35% - 20rem);
  height: 100%;
  min-width: 330rem;
  padding: 30rem 15rem;
  border-radius: 15rem;
  border: 1rem solid var(--kk-grid-border);
}
.mtg-wrap .mtg-list-body .calendar {
  margin: auto;
}
@media (max-width: 1000px) {
  .mtg-wrap .mtg-list-body .calendar-warp {
    flex: 1 1 calc(100% - 10rem);
    max-width: none;
  }
}

/* 검색 영역 */
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp {
  border-bottom: 1rem solid rgb(25, 29, 38);
  margin-bottom: 10px;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder {
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  align-items: flex-end;
  margin-bottom: 6rem;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  position: relative;
  padding: 0 0;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgb(249, 250, 252);
  border-radius: 10px;
}

/* 검색 폼 레이아웃 */
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form {
  margin: 0;
  padding: 10rem;
  border: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8rem;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form legend {
  display: block;
  position: absolute;
  overflow: hidden;
  visibility: hidden;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

/* form-list (기본: 세로, 모바일) */
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form .form-list {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8rem;
}

/* form-item 공통 */
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form .form-list .form-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 100%;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form .form-list .form-item .form-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 100%;
  align-items: center;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form .form-list .form-item .form-wrap .form-head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10rem;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form .form-list .form-item .form-wrap .form-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8rem;
  position: relative;
  flex: 1 1 100%;
  width: 100%;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form .form-list .form-item .form-wrap .form-body .form-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 1 1 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8rem;
  -moz-column-gap: 8rem;
  column-gap: 8rem;
  row-gap: 8rem;
  width: 100%;
}

/* 인풋 자동 확장 */
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form .form-list .form-item .form-wrap .form-area input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 텍스트필드 form 강제 100% */
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form .form-list .form-item .form-wrap .form-area .form.textfield.module-b.style-b.type-line.small.normal-04.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 100% !important;
  max-width: none !important;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form .form-list .form-item .form-wrap .form-area .form.textfield.module-b.style-b.type-line.small.normal-04.flex .form-elem {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
}

/* label */
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form .form-list .form-item .form-wrap .form-head .form-name {
  display: block;
  font-size: 13.3333333333rem;
  line-height: 20rem;
  font-weight: 500;
  color: rgb(25, 29, 38);
  text-align: right;
  white-space: nowrap;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form .form-list .form-item .form-wrap .form-head .form-name.left {
  text-align: left;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form .form-list .form-item .form-wrap .form-head .form-name .required {
  margin-left: 4rem;
  color: rgb(0, 118, 187);
}

/* 버튼 영역 */
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form > .button-display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form > .button-display .button-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form > .button-display .button-area .btn.detail {
  display: none;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form > .button-display .button-area .btn.detail > .show {
  display: block;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form > .button-display .button-area .btn.detail > .hide {
  display: block;
}

/* 데스크톱: 한 줄 배치 + 높이 맞추기 */
@media (min-width: 1024px) {
  .mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -moz-column-gap: 24rem;
    column-gap: 24rem;
    align-items: stretch;
  }
  .mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form .form-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    column-gap: 3rem;
    align-items: stretch;
  }
  .mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form .form-list .form-item {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form .form-list .form-item .form-wrap {
    -webkit-column-gap: 8rem;
    -moz-column-gap: 8rem;
    column-gap: 8rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form > .button-display {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    align-items: stretch;
  }
  .mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form > .button-display .button-area {
    align-items: stretch;
  }
  .mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form > .button-display .button-area .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
  }
}

/* 모바일에서 버튼 가로 100% */
@media (max-width: 1023px) {

  .mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp
  .data-finder .data-form .submit-form {
    flex-direction: column;
    row-gap: 16rem;
    align-items: stretch;
  }

  .mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp
  .data-finder .data-form .submit-form > .button-display {
    margin-top: 8rem;
    width: 100%;
    justify-content: stretch;
  }

  .mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp
  .data-finder .data-form .submit-form > .button-display .button-area {
    width: 100%;
  }

  .mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp
  .data-finder .data-form .submit-form > .button-display .button-area .btn {
    width: 100%;
    display: block;
  }
  .mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-form .submit-form > .button-display .button-area .btn.flex {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    border-radius: 4rem;
  }
}

/* 검색 안내 텍스트 */
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-search-warp .data-finder .data-info {
  font-size: 13rem;
  margin-top: 10rem;
}

/* 리스트 영역 */
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-list {
  border-bottom: 1rem solid rgb(216, 219, 225);
  min-height: 500rem;
  overflow: auto;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-list .mtg-item {
  padding: 5rem 0;
  border-bottom: 1rem solid rgb(236, 239, 245);
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-list .mtg-item:hover {
  background-color: rgb(249, 250, 252);
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-list .mtg-item .mtg-wrap {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-list .mtg-item .mtg-wrap .mtg-prop {
  padding: 15rem;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-list .mtg-item .mtg-wrap .mtg-prop .mtg-numb {
  font-size: 14rem;
  line-height: 22rem;
  font-weight: 700;
  color: rgb(101, 101, 101);
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-height: 1.5em;
  word-wrap: break-word;
  overflow: hidden;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-list .mtg-item .mtg-wrap .mtg-inform {
  padding-bottom: 5rem;
  margin-left: 20rem;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-list .mtg-item .mtg-wrap .mtg-inform .mtg-subject {
  margin-top: 8rem;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-list .mtg-item .mtg-wrap .mtg-inform .mtg-head .mtg-subject {
  margin: 0;
  font-size: 14rem;
  line-height: 24rem;
  font-weight: 500;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-list .mtg-item .mtg-wrap .mtg-inform .mtg-head .mtg-subject .mtg-name {
  color: rgb(25, 29, 38);
  display: block;
  word-break: break-all;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-list .mtg-item .mtg-wrap .mtg-inform .mtg-head .mtg-subject .mtg-name:not(:hover) {
  text-decoration: none;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-list .mtg-item .mtg-wrap .mtg-inform .mtg-body-info-list {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-list .mtg-item .mtg-wrap .mtg-inform .mtg-body-info .mtg-body-info-list .mtg-info-attr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4rem;
  -moz-column-gap: 4rem;
  column-gap: 4rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  left: -24rem;
  padding-left: 12rem;
  margin-left: 12rem;
  font-size: 13.3333333333rem;
  line-height: 20rem;
}
@media (min-width: 1024px) {
  .mtg-wrap .mtg-list-body .mtg-list-warp .mtg-list .mtg-item .mtg-wrap .mtg-inform .mtg-body-info .mtg-body-info-list .mtg-info-attr:not(.flex) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-list .mtg-item .mtg-wrap .mtg-inform .mtg-body-info .mtg-body-info-list .mtg-info-attr .flex {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-list .mtg-item .mtg-wrap .mtg-inform .mtg-body-info .mtg-body-info-list .mtg-info-attr .head {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: 500;
  color: rgb(55, 59, 68);
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-list .mtg-item .mtg-wrap .mtg-inform .mtg-body-info .mtg-body-info-list .mtg-info-attr .body {
  color: rgb(105, 109, 118);
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-height: 1.5em;
  word-wrap: break-word;
  overflow: hidden;
  word-break: break-all;
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-list .mtg-item .mtg-wrap .mtg-inform .mtg-body-info .mtg-body-info-list .mtg-info-attr::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 1rem;
  height: 12rem;
  background-color: rgb(216, 219, 225);
}
.mtg-wrap .mtg-list-body .mtg-list-warp .mtg-list .mtg-item .empty-list {
  font-weight: 500;
  color: rgb(55, 59, 68);
  font-size: 13.3333333333rem;
  line-height: 20rem;
  padding: 0 40rem;
}

/* sns-link toolbar:start */
.local-head .sns-link {
  z-index: 1;
  position: absolute;
  /*right: 16px;*/
  /*top: calc((60px - 30px) / 2);*/
  /*top: 65px;*/
}
.local-head .sns-link .sns-head .btn,
.local-head .sns-link .sns-toolbar-area button {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 9999px;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .06);
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.local-head .sns-link .sns-head .btn:hover,
.local-head .sns-link .sns-toolbar-area button:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .06);
}
.local-head .sns-link .sns-head .btn.share {
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(55,59,68,1)' d='M16.8006 8.8C18.1261 8.8 19.2006 7.72548 19.2006 6.4C19.2006 5.07452 18.1261 4 16.8006 4C15.4751 4 14.4006 5.07452 14.4006 6.4C14.4006 6.52724 14.4105 6.65217 14.4296 6.77405L8.68689 10.1152C8.27818 9.79244 7.76197 9.59983 7.20078 9.59983C5.8753 9.59983 4.80078 10.6743 4.80078 11.9998C4.80078 13.3253 5.8753 14.3998 7.20078 14.3998C7.76117 14.3998 8.2767 14.2078 8.68514 13.8859L14.4296 17.2261C14.4105 17.348 14.4006 17.4729 14.4006 17.6001C14.4006 18.9256 15.4751 20.0001 16.8006 20.0001C18.1261 20.0001 19.2006 18.9256 19.2006 17.6001C19.2006 16.2746 18.1261 15.2001 16.8006 15.2001C16.0342 15.2001 15.3517 15.5593 14.9123 16.1186L9.41674 12.9232C9.5353 12.6389 9.60078 12.327 9.60078 11.9998C9.60078 11.6734 9.5356 11.3621 9.41753 11.0784L14.9123 7.88151C15.3517 8.44077 16.0342 8.8 16.8006 8.8Z'/%3E%3C/svg%3E") no-repeat center / 18px 18px;
}
.local-head .sns-link .sns-head .btn.share svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  color: #333;
}
.local-head .sns-link .sns-btn-area {
  position: relative;
}
.local-head .sns-link .sns-toolbar-area {
  position: absolute;
  top: calc(30px + 8px);
  right: -7rem;
  display: flex;
  flex-direction: column;
  gap: 8px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity .18s ease, transform .18s ease;
  background: #fff;
  padding: 10rem 7rem;
  border-radius: 15rem;
  border: 1rem solid rgba(175, 178, 187, .2);
}
.local-head .sns-link.is-open .sns-toolbar-area {
  opacity: 1;
  pointer-events: auto;
  transform: none;
  z-index: 21;
}
.local-head .sns-link .sns-toolbar-area button {
  font-size: 0;
}
@media (max-width: 374px) {
  .local-head .sns-link {
    /*top: 62rem;*/
  }
}
@media (max-width: 768px) {
  .local-head .sns-link {
    /*right: 8px;*/
  }
  .local-head .sns-link .sns-toolbar-area {
    gap: 6px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .local-head .sns-link .sns-head .btn,
  .local-head .sns-link .sns-toolbar-area {
    transition: none;
  }
}

/* overview popup:START */

.overview-datasvc-layer p.board-summary{
    font-weight: bold;
    font-size: 21rem;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-download-body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: left;
  padding: 30px 10px;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-download-body .download-item {
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: row;
  gap: 15rem;
  font-size: 14rem;
  line-height: 30rem;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-download-body .download-item .item-name {
  min-width: 150px;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-download-body .download-item .item-type {
  display: flex;
  gap: 15rem;
  flex-direction: row;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-download-body .download-item .data-icon {
  height: 20px;
  padding-right: 5px;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-download-body .download-item .data-icon svg {
  width: 16px;
  height: auto;
  vertical-align: middle;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-download-body .download-item .data-icon.data svg {
  fill: #0184d0;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-download-body .download-item .data-icon.img svg {
  fill: #e77015;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body {
  width: 100%;
  margin: 0;
  font-size: 14rem;
  line-height: 23rem;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section {
  margin: 5px 2px;
  padding: 5px 10px;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .head-title {
  margin: 0;
  font-size: 17rem;
  line-height: 24rem;
  font-weight: 500;
  color: rgb(25, 29, 38);
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .list-body-type {
  margin-left: 15px;
  color: rgb(55, 59, 68);
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .list-body-type .body-head:first-child {
  margin-top: 15px;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .list-body-type .body-head .body-title {
  line-height: 24rem;
  font-size: 15rem;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .list-body-type .body-list {
  margin-top: 5px;
  margin-bottom: 10px;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .list-body-type .body-list .bold {
  font-weight: 600;
  /*background-color: rgb(227 240 246 / 33%);*/
  background: linear-gradient(180deg, rgba(255,255,255,0) 50%, #FFD700 50%);
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .list-body-type .body-list button {
  vertical-align: sub;
  border: 1px solid rgb(1, 132, 208);
  padding: 0 10px;
  border-radius: 5px;
  background: rgb(1, 132, 208);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .list-body-type .body-list svg {
  fill: #fff;
  width: 20px;
  height: auto;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .list-body-type .body-list ul {
  margin: 0;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .list-body-type .body-list ul li {
  line-height: 29rem;
}

.outputs-scope .over-button-group {
  display: flex;
  flex-direction: row;
}
.outputs-scope .over-button-group .button-area {
  margin-left: auto;
}
.outputs-scope .over-button-group .button-area button {
  color: rgb(255, 255, 255);
  border-color: rgb(0, 123, 194);
  background-color: rgb(0, 123, 194);
  border-radius: 5rem;
}
/* overview popup:END */
@media (max-width: 1020px) {
  /*.outputs-scope .over-button-group .button-area {*/
  /*  position: absolute;*/
  /*  top: 200rem;*/
  /*  right: 15rem;*/
  /*}*/
}
@media (max-width: 1020px) {
  #dscns .content-popup.module-a {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20rem 10rem;
    overflow-y: auto;
  }
  #dscns .content-popup.module-a .popup-inner,
  #dscns .content-popup.module-a .popup-wrap,
  #dscns .content-popup.module-a .popup-box {
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-radius: 10rem;
  }
  #dscns .content-popup.module-a {
    padding: 20rem;
    align-items: stretch;
  }
  #dscns .content-popup.module-a .popup-header {
    font-size: 14rem;
    padding: 10rem 15rem;
  }
  #dscns .content-popup.module-a .popup-body {
    font-size: 13rem;
    padding: 15rem;
  }
  #dscns .content-popup.module-a .popup-footer {
    padding: 10rem 15rem;
  }
}



/*-------------------------------------------------------------------------------------------------------*/

/* sns-link toolbar:start */
/* SNS 영역:항상 우측(세로 중앙) */
.local-head .sns-link {
  position:absolute;
  /*right:16px;*/
  /*top:calc((50px - 30px) / 2);*/
  /* (헤더높이 - 버튼)/2 */
  /*top:65px;*/
}
/* 버튼 공통:30x30,흰색 둥근,그림자 */
.local-head .sns-link .sns-head .btn,.local-head .sns-link .sns-toolbar-area button {
  appearance:none;
  -webkit-appearance:none;
  border:0;
  width:30px;
  height:30px;
  background:#fff;
  border-radius:9999px;
  display:inline-grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.06);
  transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;
}
.local-head .sns-link .sns-head .btn:hover,.local-head .sns-link .sns-toolbar-area button:hover {
  transform:translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.06);
}
/* 공유 트리거:텍스트 감추고 SVG만 노출 */
.local-head .sns-link .sns-head .btn.share {
  text-indent:-9999px;
  overflow:hidden;
  position:relative;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(55,59,68,1)' d='M16.8006 8.8C18.1261 8.8 19.2006 7.72548 19.2006 6.4C19.2006 5.07452 18.1261 4 16.8006 4C15.4751 4 14.4006 5.07452 14.4006 6.4C14.4006 6.52724 14.4105 6.65217 14.4296 6.77405L8.68689 10.1152C8.27818 9.79244 7.76197 9.59983 7.20078 9.59983C5.8753 9.59983 4.80078 10.6743 4.80078 11.9998C4.80078 13.3253 5.8753 14.3998 7.20078 14.3998C7.76117 14.3998 8.2767 14.2078 8.68514 13.8859L14.4296 17.2261C14.4105 17.348 14.4006 17.4729 14.4006 17.6001C14.4006 18.9256 15.4751 20.0001 16.8006 20.0001C18.1261 20.0001 19.2006 18.9256 19.2006 17.6001C19.2006 16.2746 18.1261 15.2001 16.8006 15.2001C16.0342 15.2001 15.3517 15.5593 14.9123 16.1186L9.41674 12.9232C9.5353 12.6389 9.60078 12.327 9.60078 11.9998C9.60078 11.6734 9.5356 11.3621 9.41753 11.0784L14.9123 7.88151C15.3517 8.44077 16.0342 8.8 16.8006 8.8Z'/%3E%3C/svg%3E") no-repeat center / 18px 18px;
}
.local-head .sns-link .sns-head .btn.share svg {
  width:18px;
  height:18px;
  fill:currentColor;
  color: #333;
}
/* 툴바:세로 30x30 원형 버튼 스택(기본 숨김) */
.local-head .sns-link .sns-btn-area {
  position: relative;
}
.local-head .sns-link .sns-toolbar-area {
  position:absolute;
  top:calc(30px + 8px);
  /* 공유 버튼 아래 8px 간격 */
  right:-7rem;
  display:flex;
  flex-direction:column;
  /* 세로 나열 */
  gap:8px;
  opacity:0;
  pointer-events:none;
  transform:translateY(-4px);
  transition:opacity .18s ease,transform .18s ease;
  background:#fff;
  padding:10rem 7rem;
  border-radius:15rem;
  border:1rem solid rgba(175,178,187,.2);
}
/* 열림 상태:.sns-link에 is-open 클래스 토글 */
.local-head .sns-link.is-open .sns-toolbar-area {
  opacity:1;
  pointer-events:auto;
  transform:none;
  z-index: 21;
}
/* 아이콘만 사용할 때 버튼 텍스트 숨김 */
.local-head .sns-link .sns-toolbar-area button {
  font-size:0;
}
@media (max-width:374px) {
  .local-head .sns-link {
    /*top: 62rem;*/
  }
}
/* 반응형:좁은 화면에서 우측 여백만 축소 */
@media (max-width:768px) {
  .local-head .sns-link {
    right:8px;
  }
  .local-head .sns-link .sns-toolbar-area {
    gap: 6px;
  }
}
/* 모션 최소화 환경 존중 */
@media (prefers-reduced-motion:reduce) {
  .local-head .sns-link .sns-head .btn,.local-head .sns-link .sns-toolbar-area {
    transition: none;
  }
}
/* overview popup:START */
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-download-body {
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:left;
  padding:30px 10px;
  border-top:1px solid #e5e7eb;
  border-bottom:1px solid #e5e7eb;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-download-body .download-item {
  width:100%;
  margin:0;
  display:flex;
  flex-direction:row;
  gap:15rem;
  font-size:14rem;
  line-height:30rem;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-download-body .download-item .item-name {
  min-width:150px;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-download-body .download-item .item-type {
  display:flex;
  gap:15rem;
  flex-direction:row;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-download-body .download-item .item-type .item-type-title {
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-download-body .download-item .data-icon {
  height:20px;
  padding-right:5px;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-download-body .download-item .data-icon svg {
  width:16px;
  height:auto;
  vertical-align:middle;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-download-body .download-item .data-icon.data svg {
  fill:#0184d0;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-download-body .download-item .data-icon.img svg {
  fill:#e77015;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body {
  margin:0;
  font-size:16rem;
  line-height:24rem;
  color:rgb(55,59,68);
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body {
  width:100%;
  margin:0;
  font-size:14rem;
  line-height:23rem;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section {
  margin:5px 2px;
  padding:5px 10px;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .head-title {
  margin:0;
  font-size:17rem;
  line-height:24rem;
  font-weight:500;
  color:rgb(25,29,38);
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .list-body-type {
  margin-left:15px;
  color:rgb(55,59,68);
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .list-body-type .body-head:first-child {
  margin-top:15px;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .list-body-type .body-head .body-title {
  line-height:24rem;
  font-size:15rem;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .list-body-type .body-list {
  margin-top:5px;
  margin-bottom:10px;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .list-body-type .body-list .bold {
  font-weight:600;
  background-color:rgb(227 240 246 / 33%)
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .list-body-type .body-list button {
  vertical-align:sub;
  border:1px solid rgb(1,132,208);
  padding:0px 10px;
  border-radius:5px;
  background:rgb(1,132,208);
  box-shadow:0 3px 4px rgba(0,0,0,0.2);
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .list-body-type .body-list svg {
  fill:#fff;
  width:20px;
  height:auto;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .list-body-type .body-list ul {
  margin:0;
}
.info-popup.module-a .popup-page-body .popup-local .popup-local-body .overview-datasvc-body .overview-section .list-body-type .body-list ul li {
  line-height:29rem;
}
.outputs-scope .over-button-group {
  display:flex;
  flex-direction:row;
  margin-top: 20px;
}
.outputs-scope .over-button-group .button-area {
  margin-left:auto;
}
.outputs-scope .over-button-group .button-area button {
  color:rgb(255,255,255);
  border-color:rgb(0,123,194);
  background-color:rgb(0,123,194);
  border-radius: 5rem;
}
/* overview popup:END */
@media (max-width:1020px) {
  .outputs-scope .over-button-group .btn-overview {
    position:absolute;
    top:8px;
    right:0;
  }
}

/* dscsn(문의하기) */
.dscsn-popup{}
.dscsn-popup .popup-page-body {
    width: 45%;min-width: 400px;
}

@media (max-width:1020px) {
    .dscsn-popup .popup-page-body {
        width: 90%;
    }
}

.dscsn-popup .submit-form.module-a.type-a .form-wrap .form-head {
    width: 80px;
}
.dscsn-popup .submit-form.module-a .form-list .form-item .form-wrap .form-head .form-name {
    font-size: 12rem;
}

.dscsn-popup .dscsn-info {margin-bottom: 10px;}
.dscsn-popup .dscsn-label {font-weight: bold;}
.dscsn-popup .dscsn-wrap {margin-bottom: 10px;}
.dscsn-popup .dscsn-wrap .dscsn-head{height: 25px;}
.dscsn-popup .dscsn-wrap .dscsn-head.flex{display: flex; justify-content: space-between;}
.dscsn-popup .dscsn-wrap .dscsn-cn{
    height: 80rem;
    padding: 5rem;
    border: 1px solid rgb(216, 219, 225);
    border-radius: 5rem;
    overflow-y: auto;       /* 내용이 넘칠 때만 세로 스크롤 생성 */
    overflow-x: hidden;
    /* 텍스트가 너무 길어 단어가 깨지지 않게 설정 */
    word-break: break-all;
    line-height: 1.6;
}

@media (max-width:1020px) {
  #dscns .content-popup.module-a {
    justify-content:flex-start;
    align-items:flex-start;
    padding:20rem 10rem;
    overflow-y: auto;
  }
  /* 팝업 실제 박스(사용중인 클래스에 맞는 것만 적용됨) */
  #dscns .content-popup.module-a .popup-inner,#dscns .content-popup.module-a .popup-wrap,#dscns .content-popup.module-a .popup-box {
    width:100%;
    max-width:100%;
    margin:0;
    border-radius:10rem;
  }
  #dscns .content-popup.module-a {
    padding:20rem;
    align-items:stretch;
  }
  #dscns .content-popup.module-a .popup-header {
    font-size:14rem;
    padding:10rem 15rem;
  }
  #dscns .content-popup.module-a .popup-body {
    font-size:13rem;
    padding:15rem;
  }
  #dscns .content-popup.module-a .popup-footer {
    padding:10rem 15rem;
  }
}




/* 서브 빠른 메뉴영역 */
.fixed-side-menu {
    position: fixed;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 6px;
    background-color: #fff;
    border-radius: 40px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    border: 1px solid #eaeaea;
}

/* 화면 너비가 768px 이하인 모바일/태블릿일 때 */
@media (max-width: 768px) {
    .fixed-side-menu {
        display: none !important; /* 화면에서 아예 제거 */
    }
}

.fixed-side-menu .side-btn {
    width: 52px; /* 문구가 들어가므로 가로/세로 폭을 약간 키움 */
    height: 52px;
    border-radius: 50%;
    border: none;
    background-color: #fff;
    color: #444;
    cursor: pointer;
    display: flex;
    flex-direction: column; /* 세로 정렬 */
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    padding: 0;
}

/* 버튼 내 문구 스타일 */
.fixed-side-menu .btn-label {
    font-size: 10px; /* 작은 캡션 형태 */
    font-weight: 700;
    margin-top: 2px;
    line-height: 1.2;
}

.fixed-side-menu .side-btn:hover {
    background-color: #f0f7ff;
    color: #007bff;
}

/* TOP 버튼 강조 컬러 (선택사항) */
.fixed-side-menu .side-btn.top {
    background-color: #333;
    color: #fff;
}

.fixed-side-menu .side-btn.top:hover {
    background-color: #000;
}

.data-finder.posts-search.style-a.justify-between{
  flex-direction: row;
  justify-content: space-between;
}


.content-body .sun-editor-editable{
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}

.sun-editor-editable .td-diag {
  position: relative; /* 중요: ::before의 기준점이 됨 */
  overflow: hidden; /* 대각선이 셀 밖으로 나가는 것 방지 */
}

.sun-editor-editable .td-diag::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%'><line x1='0' y1='100%' x2='100%' y2='0' stroke='%23cecece' stroke-width='1' preserveAspectRatio='none'/></svg>");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.sun-editor-editable .td-diag.reverse::before{
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%'><line x1='0' y1='0' x2='100%' y2='100%' stroke='%23cecece' stroke-width='1' preserveAspectRatio='none'/></svg>");
}



