@media (max-width: 1440px) {
  body .heritage-items-fourColumn .atag {
    flex: 0 0 calc(50% - var(--spacing-16) * 1 / 1);
  }
  body .heritage-items-fourColumn-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  body main .section-info .inner {
    gap: 4rem;
  }
  body main .section-info .left-content {
    flex: 1 0 calc(75% - 6rem);
  }
  body main .section-info .left-content .left-content-item .card-list ul {
    gap: var(--spacing-16);
  }
  body main .section-info .left-content .left-content-item .card-list ul li {
    padding: var(--spacing-16);
  }
  body main .section-info .right-content {
    flex: 1 0 calc(21% - 6.1rem);
    padding-left: 4rem;
  }
  body main .section-service .service-list {
    gap: 3rem;
  }
  body main .section-service .service-list .service-info-actions button p {
    padding: var(--spacing-16);
  }
  body main .section-service .service-list .service-visual {
    padding: var(--spacing-20);
    flex: 1 0 calc(30% - 3rem);
    gap: var(--spacing-16);
  }
  body main .section-notice .advertisement .mySwiperthree .swiper-slide .play {
    top: var(--spacing-24);
    bottom: 0;
  }
  body main .section-notice .advertisement .mySwiperthree .swiper-slide .featured-video-wrap strong {
    width: 100%;
    min-width: auto;
  }
  body main .section-news {
    padding: 8rem 1.6rem;
  }
  body main .section-news .swiper-top {
    padding-bottom: var(--spacing-20);
  }
  body main .section-news .swiper-wrapper .swiper-slide a {
    gap: var(--spacing-8);
  }
  body main .heritage-channel .bg-bar {
    padding: var(--spacing-32);
    height: 100%;
  }
  body main .heritage-channel .youtube-channel {
    right: var(--spacing-40);
  }
  body footer .custom-select .select-trigger {
    padding: 0 var(--spacing-8);
  }
}
@media (max-width: 1380px) {
  body main .content .detail-visual .swiper-container {
    aspect-ratio: 3/1.88;
  }
}
@media (max-width: 1280px) {
  body main .detail-info-wrap {
    max-width: 100%;
    padding: 0;
  }
  body main .content .left-wrap .custom-select-wrap {
    max-width: 100%;
  }
  body main .content .annex-wrap {
    gap: var(--spacing-40);
  }
  body main .content .annex-wrap ul li {
    flex: 0 0 calc(50% - var(--spacing-12));
  }
  body main .content .annex-wrap-left {
    flex: 1 0 calc(40% - 3rem);
  }
  body main .content .annex-wrap-right {
    flex: 1 0 calc(60% - 3rem);
  }
  body main .content .annex-wrap-right .a-title {
    gap: var(--spacing-8);
    padding: var(--spacing-12) 0;
  }
  body main .content .annex-wrap-right .a-title button {
    padding: var(--spacing-10) var(--spacing-16);
  }
  body main .content .annex-wrap-right .a-content {
    gap: var(--spacing-8);
  }
  body main .content .annex-wrap-right .a-content dl {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12);
    padding-bottom: var(--spacing-12);
  }
  body .heritage-list .heritage-items .heritage-item {
    flex: 0 0 calc(50% - var(--spacing-16) * 1 / 1);
    gap: var(--spacing-16);
  }
  body .heritage-list .heritage-items .heritage-item .heritage-content .heritage-details .detail-item {
    flex: 1 0 auto;
  }
  body .heritage-items-fourColumn-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  body .four-col li {
    flex: 0 0 calc(50% - var(--spacing-28) * 1 / 2);
  }
  body main .asset-content {
    flex-direction: column;
    gap: var(--spacing-32);
  }
  body main .world-heritage-wrap .visual-top .left-area .area-img-box .marker.Chungdeokgung-marker button[data-area="01"] {
    grid-area: 15/16;
    transform: translate(1px, -18px);
  }
  body main .world-heritage-wrap .visual-top .left-area .area-img-box .marker.Chungdeokgung-marker button[data-area="03"] {
    grid-area: 12/14;
    transform: translate(-4px, -20px);
  }
  body main .world-heritage-wrap .visual-top .left-area .area-img-box .marker.Chungdeokgung-marker button[data-area="04"] {
    transform: translate(12px, -3px);
  }
  body main .world-heritage-wrap .visual-top .left-area .area-img-box .marker.Chungdeokgung-marker button[data-area="05"] {
    grid-area: 10/13;
    transform: translate(-8px, 10px);
  }
  body main .world-heritage-wrap .visual-top .left-area .area-img-box .marker.Chungdeokgung-marker button[data-area="06"] {
    grid-area: 11/16;
    transform: translate(0px, -8px);
  }
  body main .world-heritage-wrap .visual-top .left-area .area-img-box .marker.Chungdeokgung-marker button[data-area="09"] {
    grid-area: 8/17;
    transform: translate(-12px, -16px);
  }
  body main .world-heritage-wrap .visual-top .left-area .area-img-box .marker.Chungdeokgung-marker button[data-area="10"] {
    grid-area: 8/16;
    transform: translate(-17px, -14px);
  }
  body main .world-heritage-wrap .visual-top .left-area .area-img-box .marker.Chungdeokgung-marker button[data-area="12"] {
    grid-area: 9/23;
    transform: translate(-13px, -10px);
  }
  body header .navigation nav ul .two-depth-wrap .inner {
    padding: 0;
  }
  body main .content .detail-visual .swiper-container .swiper.swiper-detail2 {
    width: 100%;
  }
  body main .content .detail-visual .swiper-container .swiper-detail {
    display: none;
  }
  body main .content .world-heritage-wrap .visual-top .left-area .info-list {
    display: none;
  }
  body main .content .world-heritage-wrap .visual-top .left-area .area-img-box .marker {
    grid-template-columns: repeat(26, 1fr);
    grid-template-rows: repeat(16, 1fr);
  }
  body main .content .world-heritage-wrap .visual-top .right-area .info-top p {
    display: none;
  }
  body main .asset-visual .img-wrap .img-item.four {
    display: none;
  }
  body main .asset-visual .img-wrap .col-item {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }
  body main .asset-visual .img-wrap .col-item ul li {
    aspect-ratio: unset;
  }
  body main .asset-visual .img-wrap .col-item ul li a .market-img-list {
    width: 100%;
    overflow: hidden;
  }
  body main .asset-visual .img-wrap .col-item ul li a .market-img-list ul {
    width: calc(100% - 30rem);
    overflow: unset;
  }
}
@media (max-width: 1024px) {
  body main.inner {
    padding: 7.6rem 0 0;
    margin: 0 4rem;
  }
  .a-more-popup {
    z-index: 101;
  }
  .a-more-popup .a-m-close {
    width: 100%;
  }
  .a-more-popup .a-more-popup-wrap {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 100%;
    border-radius: 0;
  }
  .a-more-popup .a-more-popup-wrap .a-m-container .a-m-content .img {
    flex: 1 0 auto;
    min-height: 18rem;
    height: 20vw;
  }
  .a-more-popup .a-more-popup-wrap .a-m-header .close-btn {
    width: 2.4rem;
    height: 2.4rem;
    padding: var(--spacing-16);
  }
  .a-more-popup .a-more-popup-wrap.w-middle {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  .a-more-popup .a-more-popup-wrap.fit {
    max-height: 100vh;
    height: 100%;
  }
  body header .header-top .header-util {
    gap: 0;
  }
  body header .header-top .header-util .pc-menu {
    display: none;
  }
  body header .header-top .header-util .mobile-menu {
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 4.8rem;
  }
  body header .header-top .header-util .btn-all-search {
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 4.8rem;
  }
  body header .header-top .search-page-wrap {
    height: 100dvh;
    display: none;
  }
  body header .header-top .search-page-wrap .s-p-container {
    min-height: 100dvh;
    padding: var(--spacing-24) var(--spacing-16);
    box-sizing: border-box;
    gap: var(--spacing-32);
  }
  body header .header-top .search-page-wrap .s-p-container > *:last-child {
    margin-top: 0;
    width: 100%;
  }
  body header .header-top .search-page-wrap .s-p-container .s-p-top .input {
    height: 4.8rem;
  }
  body header .header-top .search-page-wrap .s-p-container .s-p-top .input input[type=search] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
  }
  body header .header-top .search-page-wrap .s-p-container .s-p-top .detail-search {
    height: 4.8rem;
  }
  body header .header-top .search-page-wrap .s-p-container .recommend {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-10);
  }
  body header .header-top .search-page-wrap .s-p-container .search-filter .filter-btns {
    width: 100%;
  }
  body header .header-top .search-page-wrap .detail-search {
    flex: 1 0 100%;
  }
  body header .header-top .search-page-wrap.active {
    display: flex;
  }
  body header .navigation {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    background: var(--white);
    overflow-y: auto;
    border-bottom: none;
  }
  body header .navigation .top-nav {
    margin: 6rem var(--spacing-16) 0;
  }
  body header .navigation .top-nav .mb-btn-login {
    align-items: center;
    justify-content: center;
    display: flex;
    gap: var(--spacing-8);
    color: var(--gray-900);
  }
  body header .navigation .close-btn {
    display: block;
    position: absolute;
    top: var(--spacing-16);
    right: var(--spacing-16);
  }
  body header .navigation nav {
    padding-top: var(--spacing-16);
    box-sizing: border-box;
    padding: var(--spacing-16) 0;
  }
  body header .navigation nav ul {
    flex-direction: column;
    gap: 0;
  }
  body header .navigation nav ul li.one-depth::before {
    content: "";
    display: block;
    width: 100%;
    height: 0.4rem;
    background: var(--gray-200);
  }
  body header .navigation nav ul li.one-depth a {
    padding: var(--spacing-20) var(--spacing-20);
    justify-content: flex-start;
    color: var(--gray-900);
  }
  body header .navigation nav ul li.one-depth a svg {
    display: none;
  }
  body header .navigation nav ul li .two-depth-wrap {
    display: flex;
    height: fit-content;
    position: relative;
    border: none;
    transform: translateX(var(--spacing-16));
    box-sizing: border-box;
    visibility: visible;
    pointer-events: auto;
    overflow: auto;
    border-top: 1px solid var(--gray-200);
    width: calc(100% - var(--spacing-32));
    padding: var(--spacing-8) 0;
  }
  body header .navigation nav ul li .two-depth-wrap .inner {
    max-width: 100%;
    margin: inherit;
    padding: 0;
    width: 100%;
  }
  body header .navigation nav ul li .two-depth-wrap .inner .two-depth-title {
    display: none;
  }
  body header .navigation nav ul li .two-depth-wrap .two-depth {
    padding: 0;
    width: 100%;
    max-width: 100%;
    height: fit-content;
    max-height: max-content;
  }
  body header .navigation nav ul li .two-depth-wrap .two-depth li {
    width: 100%;
  }
  body header .navigation nav ul li .two-depth-wrap .two-depth li a {
    color: var(--gray-700);
    justify-content: flex-start;
    gap: var(--spacing-8);
    padding: var(--spacing-16) var(--spacing-8) !important;
    transition: all 0.3s;
  }
  body header .navigation nav ul li .two-depth-wrap .two-depth li a img {
    display: none;
  }
  body header .navigation nav ul li .two-depth-wrap .two-depth li:hover a {
    background: var(--gray-50);
    border-radius: var(--spacing-8);
    color: var(--gray-900);
  }
  body main {
    padding-top: 7.6rem;
  }
  body main .section-visual {
    padding-top: 0;
  }
  body main .section-visual .vlsual-slider .swiper-slide img {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
  body main .section-visual .navigation-search {
    position: inherit;
    flex-direction: column-reverse;
    transform: translateX(1.6rem);
    margin-top: 1.6rem;
    padding: var(--spacing-16) 0;
  }
  body main .section-visual .navigation-search .search-top {
    flex-direction: column;
    border-bottom: none;
    border-top: 1px solid var(--border-color);
    padding: var(--spacing-10) 0 0;
    gap: var(--spacing-8);
  }
  body main .section-visual .navigation-search .search-top .reset-box {
    width: 100%;
    box-sizing: border-box;
    padding: 0 var(--spacing-16);
  }
  body main .section-visual .navigation-search .search-top .reset-box button {
    width: 100%;
    justify-content: center;
    align-items: center;
    background-color: var(--gray-50);
  }
  body main .section-visual .navigation-search .search-top .custom-select {
    border-left: 0;
    width: 100%;
  }
  body main .section-visual .navigation-search .search-top .custom-select .select-options {
    position: inherit;
    top: 0;
    box-shadow: none;
  }
  body main .section-visual .navigation-search .search-top .custom-select .select-trigger {
    padding: var(--spacing-10) var(--spacing-16);
  }
  body main .section-visual .navigation-search .search-bottom img {
    display: none;
  }
  body main .section-visual .navigation-search .search-bottom .btn-search img {
    display: block;
  }
  body main .section-visual .navigation-search .search-bottom input {
    padding: 0;
  }
  body main .section-visual .visual-list .visual-tooltip {
    padding: 6.2rem var(--spacing-16) 0;
    box-sizing: border-box;
    overflow-x: auto;
    gap: var(--spacing-8);
    flex-direction: row;
  }
  body main .section-visual .visual-list .visual-tooltip button, body main .section-visual .visual-list .visual-tooltip p {
    flex: 0 0 auto;
  }
  body main .section-info .inner {
    gap: 6rem;
    flex-direction: column;
  }
  body main .section-info .left-content {
    flex: 1 0 calc(65% - 6rem);
    gap: var(--spacing-20);
    padding-bottom: 0;
  }
  body main .section-info .left-content .left-content-item .photo-card {
    height: 50rem;
    padding: var(--spacing-20);
  }
  body main .section-info .left-content .left-content-item .photo-card .card-title {
    width: 80%;
    color: var(--gray-700);
  }
  body main .section-info .left-content .left-content-item .photo-card .user-date {
    padding: var(--spacing-16);
  }
  body main .section-info .left-content .left-content-item .card-list ul li {
    padding: var(--spacing-16);
    min-width: 32rem;
  }
  body main .section-info .right-content {
    flex: 1 0 auto;
    padding: 0;
    border-left: none;
    gap: var(--spacing-20);
  }
  body main .section-info .right-content:before {
    display: none;
  }
  body main .section-info .right-content .popular ul {
    flex-direction: row;
  }
  body main .section-info .right-content .popular ul li {
    flex: 0 0 calc(25% - 12px);
  }
  body main .section-info .right-content .popular ul li .popular-img {
    width: 100%;
  }
  body main .section-info .right-content .popular ul li .popular-img img {
    min-height: 13rem;
    object-fit: cover;
    height: 100%;
  }
  body main .section-info .right-content .popular ul li span {
    display: none;
  }
  body main .section-theme {
    gap: var(--spacing-20);
  }
  body main .section-theme.inner {
    padding: 6rem 0 6rem;
  }
  body main .section-theme h2 {
    padding: 0 var(--spacing-16);
  }
  body main .section-theme .theme-list ul {
    display: flex;
    padding: 0 var(--spacing-16);
    overflow-y: auto;
    gap: var(--spacing-16);
  }
  body main .section-theme .theme-list ul::-webkit-scrollbar {
    display: none;
  }
  body main .section-theme .theme-list ul::-webkit-scrollbar-track {
    background: transparent;
  }
  body main .section-theme .theme-list ul::-webkit-scrollbar-thumb {
    background: transparent;
  }
  body main .section-theme .theme-list ul::-webkit-scrollbar-button {
    display: none;
  }
  body main .section-theme .theme-list ul li {
    width: 100%;
    flex: 1 0 83.3333333333%;
    height: 24rem;
  }
  body main .section-theme .theme-list ul li.card-06 {
    height: 24rem;
  }
  body main .section-theme .theme-list ul li a {
    justify-content: flex-start;
    padding: var(--spacing-16);
  }
  body main .section-theme .theme-list ul li.theme-card--large {
    min-height: auto;
    height: 24rem;
  }
  body main .section-theme .theme-list ul li.card-01 {
    background: url(/img/background/d-info-bg-1.jpg) 50% 3%/cover no-repeat;
  }
  body main .section-theme .theme-list ul li.card-02 {
    background: url(/img/background/d-info-bg-2.jpg) 50% 2%/cover no-repeat;
  }
  body main .section-theme .theme-list ul li.card-03 {
    background: var(--gray-50) url(/img/background/d-info-bg-3.png) 100% 100%/50% no-repeat;
  }
  body main .section-theme .theme-list ul li.card-04 {
    background: var(--gray-50) url(/img/background/Digital-Cultura-img-4.png) 100% -25%/45% no-repeat;
  }
  body main .section-theme .theme-list ul li.card-05 {
    background: url(/img/background/d-info-bg-5.jpg) 50% 50%/cover no-repeat;
  }
  body main .section-service .inner {
    gap: var(--spacing-16);
  }
  body main .section-service .service-list {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  body main .section-service .service-list .service-visual {
    min-height: 34.5rem;
    background: url(/img/background/d-s-bg.jpg) no-repeat 50% 75%/100%;
  }
  body main .section-notice {
    flex-direction: column;
    padding-bottom: 6rem;
  }
  body main .section-notice .notice-list {
    width: 100%;
    gap: var(--spacing-20);
  }
  body main .section-notice .notice-list ul li a {
    gap: var(--spacing-24);
    padding: 1.8rem 0;
  }
  body main .section-notice .advertisement {
    width: 100%;
  }
  body main .section-notice .advertisement .swiper-top {
    padding-bottom: var(--spacing-20);
  }
  body main .section-notice .advertisement .mySwiperthree .swiper-slide .play {
    top: var(--spacing-24);
    bottom: 0;
  }
  body main .heritage-channel {
    display: flex;
    flex-direction: column-reverse;
    width: calc(100% + 3.2rem);
    transform: translateX(-3.2rem);
  }
  body main .heritage-channel .bg-bar {
    padding: var(--spacing-32);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.8rem;
    border-bottom-right-radius: 0.8rem;
  }
  body main .heritage-channel .youtube-channel {
    position: initial;
    border: none;
    max-width: 100%;
    min-width: 100%;
  }
  body main .heritage-channel .youtube-channel img {
    width: 100%;
    border: none;
    height: 32rem;
    max-width: 100%;
    object-fit: cover;
    border-top-left-radius: 0.8rem;
    border-top-right-radius: 0.8rem;
  }
  body footer .footer-top.inner {
    padding: 0;
  }
  body footer .footer-top .custom-select {
    flex: 1 0 100%;
    padding: var(--spacing-16) var(--spacing-16) var(--spacing-8);
    box-sizing: border-box;
    border-bottom: 1px solid var(--gray-200);
    border-left: 0;
    flex-direction: column;
    height: auto;
  }
  body footer .footer-top .custom-select .select-options {
    margin-top: var(--spacing-8);
    position: initial;
    z-index: 10;
    box-shadow: none;
    border-radius: var(--spacing-8);
    background: var(--gray-50);
  }
  body footer .footer-top .custom-select .select-options li a {
    color: var(--gray-900);
  }
  body footer .footer-top .custom-select .select-options li:hover {
    background: var(--gray-100);
  }
  body footer .footer-top .custom-select:last-child {
    border-bottom: none;
    border-right: none;
  }
  body footer .footer-top .custom-select .select-trigger {
    padding: 0 var(--spacing-8);
  }
  body footer .footer-bottom .footer-bottom-info {
    gap: var(--spacing-8);
  }
  body footer .footer-bottom .footer-bottom-wrap {
    padding: var(--spacing-16);
  }
  body main .detail-info-wrap h2 {
    border-top: none;
  }
  body main .content .content-wrap-tab {
    width: 100%;
  }
  body main .content .content-wrap-tab span {
    display: none;
  }
  body main .content .content-wrap-tab ul {
    overflow-y: auto;
  }
  body main .content .content-wrap-tab ul::-webkit-scrollbar {
    display: none;
  }
  body main .content .content-wrap-tab ul::-webkit-scrollbar-track {
    background: transparent;
  }
  body main .content .content-wrap-tab ul::-webkit-scrollbar-thumb {
    background: transparent;
  }
  body main .content .content-wrap-tab ul::-webkit-scrollbar-button {
    display: none;
  }
  body main .content .content-wrap-tab ul li {
    flex: 1 0 auto;
  }
  body main .content .content-wrap-tab ul li.active button {
    color: var(--teal-500);
    background-color: var(--teal-50);
  }
  body main .content .left-wrap .filter-open {
    display: flex;
  }
  body main .content .left-wrap .file-info {
    justify-content: flex-start;
  }
  body main .search-filter {
    overflow: hidden;
    flex: 1 0 auto;
    visibility: hidden;
    pointer-events: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    max-width: 100%;
    height: 100%;
    gap: 0;
  }
  body main .search-filter.active {
    visibility: visible;
    pointer-events: auto;
  }
  body main .search-filter.active .bg {
    opacity: 1;
  }
  body main .search-filter.active .filter-wrap {
    padding: 0;
    transform: translateY(0);
    overflow: hidden;
    height: 100%;
    background: #fff;
  }
  body main .search-filter.active .filter-wrap .button-box {
    display: flex;
    justify-content: end;
    padding: var(--spacing-16);
  }
  body main .search-filter .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  body main .search-filter .filter-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    gap: 0;
    transform: translateY(100%);
    transition: all 0.6s cubic-bezier(0.53, 0, 0.11, 1.02);
  }
  body main .search-filter .filter-wrap .filter-area {
    z-index: 2;
    background-color: var(--white);
    padding: var(--spacing-16);
    overflow-y: auto;
    height: 100%;
    max-height: calc(100vh - 16.8rem);
  }
  body main .search-filter .filter-wrap .filter-btns {
    z-index: 2;
    height: 8rem;
    box-sizing: border-box;
    padding: var(--spacing-16);
    background: var(--white);
    border-top: 1px solid var(--gray-200);
  }
  body main .content .annex-wrap {
    gap: var(--spacing-40);
    flex-direction: column;
    flex-wrap: nowrap;
  }
  body main .content .annex-wrap.theme-annex .annex-wrap-left {
    flex: auto;
  }
  body main .content .annex-wrap ul {
    max-height: 32rem;
    overflow-y: auto;
  }
  body main .content .annex-wrap ul::-webkit-scrollbar {
    width: 4px;
    background: var(--gray-100);
  }
  body main .content .annex-wrap ul::-webkit-scrollbar-thumb {
    background: var(--gray-300);
    border-radius: 4px;
  }
  body main .content .annex-wrap ul::-webkit-scrollbar-track {
    background: var(--gray-100);
  }
  body main .content .detail-visual.asset-wrapper .swiper-container {
    width: 100%;
  }
  body main .content .detail-visual.vr-wrapper .swiper-container {
    width: 100%;
  }
  body main .content .detail-visual.silla .swiper-container .swiper {
    aspect-ratio: 3/2;
  }
  body main .content .detail-visual .visual-img {
    width: 100%;
    height: fit-content;
  }
  body main .content .detail-visual .visual-img .public-tip {
    display: flex;
  }
  body main .content .detail-visual .visual-img .public-tip img {
    width: 10.3rem;
  }
  body main .content .detail-visual .visual-img .public-tip ul {
    gap: var(--spacing-4);
  }
  body main .content .detail-visual .swiper-container {
    width: 100%;
  }
  body main .content .detail-visual .swiper-container .scale-popup {
    width: 100%;
    height: 100%;
  }
  body main .content .detail-visual .swiper-container .scale-popup .header {
    z-index: 10;
  }
  body main .content .detail-visual .swiper-container .scale-popup .scale-content {
    width: 100%;
    height: 100%;
  }
  body main .content .detail-visual .swiper-container .scale-popup .scale-content .img img {
    object-fit: contain;
  }
  body main .content .detail-visual .swiper-container .swiper {
    height: fit-content;
    aspect-ratio: 4/3;
  }
  body main .content .detail-visual .swiper-container .swiper.swiper-detail2 {
    width: 100%;
  }
  body main .content .detail-visual .swiper-container .swiper-detail {
    display: none;
  }
  body main .content .detail-visual .detail-info {
    width: 100%;
    gap: var(--spacing-24);
  }
  body main .content .detail-visual .detail-info .d-top ul {
    border-top: none;
    padding: 0 0 var(--spacing-10);
  }
  body main .content .detail-visual .detail-info .d-bottom ul li {
    padding-bottom: var(--spacing-12);
  }
  body main .content .detail-visual .detail-info .d-bottom ul li.flex-50 {
    flex: 1 0 100%;
  }
  body main .content .d-i-wrap {
    padding: var(--spacing-8) 0;
    gap: var(--spacing-48);
  }
  body main .content .d-i-wrap .cancellation {
    padding-top: 0;
  }
  body main .content .d-i-wrap .detail-information .d-i-swiper .related-swiper.swiper {
    padding: 0;
  }
  body main .content .d-i-wrap .detail-information .d-i-swiper .swiper-button-next, body main .content .d-i-wrap .detail-information .d-i-swiper .swiper-button-prev {
    width: 4rem;
    height: 4rem;
    display: none;
  }
  body main .content .d-i-wrap .detail-information .more-list ul li {
    padding: var(--spacing-16);
  }
  body main .content .d-i-wrap .detail-information article {
    position: relative;
  }
  body main .content .d-i-wrap .detail-information article .shadow-bg {
    position: absolute;
    bottom: 4rem;
    left: 0;
    right: 0;
    height: 12rem;
    transition: all 0.3s;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--white) 80%);
  }
  body main .content .d-i-wrap .detail-information article .more-evnet {
    display: flex;
    color: var(--gray-700);
    justify-content: center;
  }
  body main .content .heritage-script {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16);
  }
  body main .content .heritage-script p {
    color: var(--gray-700);
  }
  body .table table thead {
    padding: 0 1.2rem;
  }
  body main .content-list .search-wrap {
    gap: var(--spacing-24);
    padding-top: 0;
  }
  body main .content-list .search-wrap .left-wrap {
    width: 100%;
  }
  body main .content-list .search-wrap .left-wrap form {
    width: 100%;
  }
  body main .content-list .search-wrap .left-wrap form .search-form-wrap {
    width: 100%;
    max-width: 100%;
  }
  body main .asset-visual .visual-title p {
    width: 100%;
  }
  body main .asset-content .market-title {
    gap: var(--spacing-8);
  }
  body main .asset-content .scroll .market-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  body main .asset-content .scroll .market-list li {
    flex: 0 0 calc(50% - 3rem);
    aspect-ratio: unset;
  }
  body main .asset-content .scroll .market-list::-webkit-scrollbar {
    display: none;
  }
  body main .asset-content .scroll .market-list::-webkit-scrollbar-track {
    background: transparent;
  }
  body main .asset-content .scroll .market-list::-webkit-scrollbar-thumb {
    background: transparent;
  }
  body main .asset-content .scroll .market-list::-webkit-scrollbar-button {
    display: none;
  }
  body main .world-heritage-wrap .visual-top {
    display: none;
  }
  body .mypage-wrap .mypage {
    padding: var(--spacing-32) 0 4rem;
    flex-direction: column;
  }
  body .mypage-wrap .mypage .page-nav {
    flex: 1 0 100%;
    border: none;
    padding: initial;
    gap: var(--spacing-20);
  }
  body .mypage-wrap .mypage .page-nav nav {
    flex-direction: row;
    gap: var(--spacing-8);
    overflow: auto;
  }
  body .mypage-wrap .mypage .page-nav nav::-webkit-scrollbar {
    display: none;
  }
  body .mypage-wrap .mypage .page-nav nav::-webkit-scrollbar-track {
    background: transparent;
  }
  body .mypage-wrap .mypage .page-nav nav::-webkit-scrollbar-thumb {
    background: transparent;
  }
  body .mypage-wrap .mypage .page-nav nav::-webkit-scrollbar-button {
    display: none;
  }
  body .mypage-wrap .mypage .page-nav nav ul {
    flex-direction: row;
    height: 100%;
    flex: 1 0 auto;
  }
  body .mypage-wrap .mypage .page-nav nav ul li {
    height: 100%;
    padding: 0 var(--spacing-10);
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-md-8);
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body .mypage-wrap .mypage .page-nav nav ul li.active {
    border: 1px solid var(--teal-500);
    background-color: var(--teal-50);
  }
  body .mypage-wrap .mypage .page-nav nav ul li:first-child {
    display: none;
  }
  body .mypage-wrap .mypage .page-nav nav ul li a {
    height: 100%;
    display: block;
    text-decoration: none;
    height: 4rem;
    align-items: center;
    display: flex;
  }
  body .mypage-wrap .mypage section {
    min-width: 100%;
    width: 100%;
  }
  body .mypage-wrap .mypage section .mypage-header button {
    height: 4rem;
    flex: 0 0 auto;
  }
  body .mypage-wrap .mypage section .my-notice {
    gap: var(--spacing-20);
  }
  .annex-wrap-left h5 {
    padding: var(--spacing-10) 0 var(--spacing-16);
  }
  body main .content .thr-d-wrap {
    gap: var(--spacing-60);
    padding: 1.2rem 0 0;
  }
  body main .content .thr-d-wrap .vr-wrap {
    aspect-ratio: auto;
    height: 32.4rem;
  }
  body main .content .thr-d-wrap .vr-wrap p {
    display: none;
  }
  body main .content .thr-d-wrap .vr-wrap .play {
    width: 100%;
  }
  body main .content .thr-d-wrap .video-wrap {
    flex-direction: column-reverse;
    gap: var(--spacing-24);
  }
  body main .content .thr-d-wrap .video-wrap .left {
    width: 100%;
  }
  body main .content .thr-d-wrap .video-wrap .right {
    flex: 1 0 auto;
    width: 100%;
  }
  body main .content .thr-d-wrap .ar-wrap {
    flex-direction: column;
    gap: var(--spacing-24);
  }
  body main .content .thr-d-wrap .ar-wrap .left {
    width: 100%;
  }
  body main .content .thr-d-wrap .ar-wrap .left a {
    width: 100%;
    max-width: 100%;
  }
  body main .content .thr-d-wrap .ar-wrap .right {
    width: 100%;
    border-radius: var(--radius-md-8);
    height: auto;
    max-height: 23rem;
  }
  body main .content .thr-d-wrap .ar-wrap .right.Noseolri-img img {
    transform: translate(6rem, 0);
  }
  body .service-page p {
    color: var(--gray-700);
  }
  body .service-page .s-visual {
    padding-top: 4rem;
    gap: var(--spacing-24);
  }
  body .service-page .service-info {
    padding-top: 6rem;
    gap: var(--spacing-24);
  }
  body .service-page .service-info ul {
    overflow: auto;
  }
  body .service-page .service-info ul::-webkit-scrollbar {
    display: none;
  }
  body .service-page .service-info ul::-webkit-scrollbar-track {
    background: transparent;
  }
  body .service-page .service-info ul::-webkit-scrollbar-thumb {
    background: transparent;
  }
  body .service-page .service-info ul::-webkit-scrollbar-button {
    display: none;
  }
  body .service-page .service-info ul li {
    width: 40%;
  }
  body .service-page .service-main {
    padding-top: 6rem;
    gap: var(--spacing-24);
  }
  body .service-page .service-main .s-main-list {
    gap: 6rem;
  }
  body .service-page .service-main .s-main-list li {
    gap: var(--spacing-24);
  }
  body .service-page .bg-img {
    margin-top: 6rem;
    height: 40rem;
  }
  body .service-page .bg-img h2 {
    top: 5rem;
  }
  body main .notice-detail {
    padding-top: 4rem;
  }
}
@media (max-width: 768px) {
  body .a-more-popup .a-more-popup-wrap .a-m-container .a-m-content {
    flex-direction: column;
  }
  body main.inner {
    padding: 7.6rem 0 0;
    margin: 0 var(--spacing-16);
    gap: var(--spacing-24);
  }
  body .search-form-wrap .search-input {
    padding-left: 1.6rem;
  }
  body .notice .pagination {
    margin-top: 4.8rem;
  }
  body .pagination {
    gap: 0;
    position: relative;
  }
  body .pagination .prev-box {
    position: absolute;
    top: -10%;
    transform: translateX(-110%);
    left: 50%;
  }
  body .pagination .next-box {
    position: absolute;
    top: -10%;
    transform: translateX(12%);
    left: 50%;
  }
  body .pagination .btn-prev {
    font-size: clamp(1.4rem, 2vw, 1.8rem);
    color: var(--gray-700);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0 0.8rem;
    border-radius: 2rem;
    transition: background 0.2s;
    height: 3.6rem;
    display: flex;
    align-items: center;
  }
  body .pagination .btn-prev:hover, body .pagination .btn-prev:focus {
    background: var(--gray-100);
  }
  body .pagination .btn-next {
    font-size: clamp(1.4rem, 2vw, 1.8rem);
    color: var(--gray-700);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0 0.8rem;
    border-radius: 2rem;
    transition: background 0.2s;
    height: 3.6rem;
    display: flex;
    align-items: center;
  }
  body .pagination .btn-next:hover, body .pagination .btn-next:focus {
    background: var(--gray-100);
  }
  body .padding-top-80 {
    padding-top: 4rem !important;
  }
  body .back-btn-wrap {
    padding: 0;
  }
  body main .breadcrumb {
    padding-top: var(--spacing-24);
    gap: var(--spacing-8);
  }
  body main .breadcrumb ol {
    gap: var(--spacing-8);
  }
  body main .breadcrumb ol li {
    gap: var(--spacing-8);
  }
  body main .breadcrumb .breadcrumb-t-wrap {
    flex: 1 0 100%;
    gap: var(--spacing-8);
  }
  body main .breadcrumb-tab ul {
    padding-top: 2rem;
    overflow: auto;
  }
  body main .breadcrumb-tab ul::-webkit-scrollbar {
    display: none;
  }
  body main .breadcrumb-tab ul::-webkit-scrollbar-track {
    background: transparent;
  }
  body main .breadcrumb-tab ul::-webkit-scrollbar-thumb {
    background: transparent;
  }
  body main .breadcrumb-tab ul::-webkit-scrollbar-button {
    display: none;
  }
  body main .breadcrumb-tab ul li {
    height: 4.8rem;
    min-width: 27rem !important;
  }
  body main .content {
    width: 100%;
    padding-bottom: 4rem;
  }
  body main .content .annex-wrap {
    gap: var(--spacing-40);
    flex-direction: column;
  }
  body main .content .annex-wrap ul li {
    flex: 1 0 100%;
  }
  body main .content.asset-page {
    padding-top: 0;
  }
  body main .content .d-i-wrap .detail-information {
    gap: var(--spacing-20);
  }
  body main .content .left-wrap .tab-wrap {
    width: 100%;
  }
  body main .content .left-wrap .tab-wrap button {
    padding: var(--spacing-10) var(--spacing-16);
  }
  body main .content .left-wrap form {
    width: 100%;
  }
  body main .content .left-wrap form .search-form-wrap {
    width: 100%;
    max-width: initial;
  }
  body main .content .left-wrap form .search-form-wrap img {
    display: none;
  }
  body main .content .left-wrap form .search-form-wrap .btn-search img {
    display: block;
  }
  body main .content .left-wrap .custom-select-wrap {
    width: 100%;
    max-width: 100%;
  }
  body main .content .left-wrap .filter-open {
    width: 100%;
  }
  body main .content .left-wrap .filter-open .filter-open-btn {
    padding: var(--spacing-12) var(--spacing-32);
    width: 100%;
  }
  body main .content .heritage-list .heritage-header .scroll-row {
    gap: var(--spacing-16);
    width: 100%;
  }
  body main .content .heritage-list .heritage-header .scroll-row .sort-row {
    overflow: auto;
  }
  body main .content .heritage-list .heritage-header .scroll-row .sort-row::-webkit-scrollbar {
    display: none;
  }
  body main .content .heritage-list .heritage-header .scroll-row .sort-row::-webkit-scrollbar-track {
    background: transparent;
  }
  body main .content .heritage-list .heritage-header .scroll-row .sort-row::-webkit-scrollbar-thumb {
    background: transparent;
  }
  body main .content .heritage-list .heritage-header .scroll-row .sort-row::-webkit-scrollbar-button {
    display: none;
  }
  body main .content .heritage-list .heritage-header ul {
    gap: var(--spacing-12);
  }
  body main .content .heritage-list .heritage-header ul li {
    flex: 1 0 auto;
  }
  body main .content .heritage-list .heritage-header ul li:after {
    right: -4px;
  }
  body main .content .heritage-list .heritage-items .heritage-item {
    flex: 1 0 100%;
  }
  body main .notice {
    padding-bottom: var(--spacing-40);
    padding-top: var(--spacing-24);
  }
  body main .section-visual .visual-content {
    width: calc(100% - 3.2rem);
    align-items: self-start;
    bottom: 7.2rem;
    gap: 0.4rem;
  }
  body main .section-visual .vlsual-slider .swiper {
    min-height: 36rem;
    height: 40vh;
  }
  body main .section-visual .vlsual-slider .swiper-button-container {
    bottom: 2rem;
    left: 100%;
    transform: translateX(-110%);
  }
  body main .section-visual .vlsual-slider .swiper-button-container .swiper-button-prev,
  body main .section-visual .vlsual-slider .swiper-button-container .swiper-button-next {
    display: none;
  }
  body main .section-visual .visual-list .visual-tooltip {
    justify-content: start;
  }
  body main .section-info .inner {
    padding: 0;
  }
  body main .section-info .left-content h2 {
    padding: 0 var(--spacing-16);
  }
  body main .section-info .left-content .left-content-item {
    gap: var(--spacing-16);
  }
  body main .section-info .left-content .left-content-item .photo-card {
    margin: 0 var(--spacing-16);
  }
  body main .section-info .left-content .left-content-item .photo-card .card-title {
    width: 100%;
  }
  body main .section-info .left-content .left-content-item .card-list {
    width: 100%;
  }
  body main .section-info .left-content .left-content-item .card-list ul {
    padding: 0 var(--spacing-16);
    flex-wrap: nowrap;
    justify-content: flex-start;
    flex-direction: row;
    min-width: 0;
    width: 100%;
    max-width: 100vw;
    overflow-x: auto;
    box-sizing: border-box;
    gap: var(--spacing-16);
  }
  body main .section-info .left-content .left-content-item .card-list ul::-webkit-scrollbar {
    display: none;
  }
  body main .section-info .left-content .left-content-item .card-list ul::-webkit-scrollbar-track {
    background: transparent;
  }
  body main .section-info .left-content .left-content-item .card-list ul::-webkit-scrollbar-thumb {
    background: transparent;
  }
  body main .section-info .left-content .left-content-item .card-list ul::-webkit-scrollbar-button {
    display: none;
  }
  body main .section-info .left-content .left-content-item .card-list ul li {
    flex: 1 0 55.5555555556%;
    min-width: 8rem;
  }
  body main .section-info .right-content h2 {
    padding: 0 var(--spacing-16);
  }
  body main .section-info .right-content .popular ul {
    padding: 0 var(--spacing-16);
    overflow-y: auto;
  }
  body main .section-info .right-content .popular ul::-webkit-scrollbar {
    display: none;
  }
  body main .section-info .right-content .popular ul::-webkit-scrollbar-track {
    background: transparent;
  }
  body main .section-info .right-content .popular ul::-webkit-scrollbar-thumb {
    background: transparent;
  }
  body main .section-info .right-content .popular ul::-webkit-scrollbar-button {
    display: none;
  }
  body main .section-info .right-content .popular ul li {
    flex: 1 0 83.3333333333%;
  }
  body main .section-info .right-content .popular ul li .popular-img img {
    object-fit: cover;
    min-height: 53.2vw;
  }
  body main .section-service .service-list {
    height: 100%;
  }
  body main .section-service .service-list .service-info .service-info-list li {
    flex-direction: column;
  }
  body main .section-service .service-list .service-info .service-info-list p {
    width: 100%;
  }
  body main .section-service .service-list .service-info .service-info-list strong {
    width: 100%;
  }
  body main .section-service .service-list .service-info .service-info-list span.service-info-num {
    display: none;
  }
  body main .section-service .service-list .service-info-actions {
    flex-direction: column;
  }
  body main .heritage-items-fourColumn {
    gap: var(--spacing-16);
  }
  body main .heritage-items-fourColumn .atag {
    flex: 1 0 100%;
  }
  body main .heritage-items-fourColumn .heritage-item .heritage-content .heritage-title {
    height: auto;
    min-height: auto;
  }
  body main .heritage-list .heritage-items .heritage-item {
    flex: 1 0 100%;
  }
  body main .content-list .heritage-items-fourColumn-grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-16);
  }
  body main .content-list .heritage-items-fourColumn-grid.asseTabPage {
    height: 53rem;
  }
  body main .four-col li {
    flex: 1 0 100%;
  }
  .padding-custom {
    padding-top: var(--spacing-16) !important;
    padding-bottom: 0 !important;
  }
  body main .natural-visual .visual-img {
    height: 44rem;
    max-height: 44rem;
    aspect-ratio: auto;
  }
  body main .natural-visual .visual-img .grid-bg-dark-yellow {
    width: 100%;
    height: 90%;
    background: linear-gradient(181deg, #AE9A3E 0.69%, rgba(87, 75, 21, 0) 88.66%);
  }
  body main .natural-visual .visual-img img {
    transform: translate(0%);
    height: 100%;
  }
  body main .world-heritage-wrap .asset-visual {
    padding-top: 0;
  }
  body main .world-heritage-wrap .asset-visual:nth-child(2).visual-bottom {
    padding-top: 0;
  }
  body main .asset-visual {
    gap: var(--spacing-24);
    padding-bottom: 3.6rem;
  }
  body main .asset-visual:nth-child(2) {
    padding-top: 0;
  }
  body main .asset-visual:last-child {
    padding-bottom: 6rem;
  }
  body main .asset-visual .visual-img {
    height: 22rem;
  }
  body main .asset-visual .visual-img img {
    width: 220%;
    transform: translate(-27%, -35%);
  }
  body main .asset-visual .img-wrap .img-item.two {
    display: none;
  }
  body main .asset-visual .img-wrap .col-item .row-list {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  body main .asset-visual .img-wrap .col-item ul li {
    aspect-ratio: 1/1;
  }
  body main .asset-visual .img-wrap .col-item ul li a .bg-img .bg.scale-left {
    transform: translate(10%, -5%);
    width: 100%;
    scale: 2;
  }
  body main .asset-visual .img-wrap .col-item ul li a .bg-img .bg.scale-left:hover {
    scale: 2.1;
  }
  body main .asset-content {
    gap: var(--spacing-24);
    padding-bottom: 3.6rem;
  }
  body main .asset-content .market-title {
    gap: var(--spacing-8);
  }
  body main .asset-content .market-title:last-child {
    padding-top: 3.2rem;
  }
  body main .asset-content:last-child {
    padding-top: 0;
    padding-bottom: 6rem;
  }
  body main .asset-content:last-child:before {
    display: none;
  }
  body main .asset-content .scroll .market-list {
    display: flex;
    flex: 1 0 auto;
    flex-wrap: nowrap;
    overflow: auto;
  }
  body main .asset-content .scroll .market-list::-webkit-scrollbar {
    display: none;
  }
  body main .asset-content .scroll .market-list::-webkit-scrollbar-track {
    background: transparent;
  }
  body main .asset-content .scroll .market-list::-webkit-scrollbar-thumb {
    background: transparent;
  }
  body main .asset-content .scroll .market-list::-webkit-scrollbar-button {
    display: none;
  }
  body main .asset-content .scroll .market-list li {
    flex: 1 0;
    min-width: 25rem;
  }
  body main .asset-content .scroll .market-list li a .bg-img {
    padding: var(--spacing-16);
  }
  .login-wrap {
    gap: var(--spacing-20);
    padding-top: var(--spacing-24);
    padding-bottom: 4rem;
  }
  .login-wrap .login-wrap-title {
    margin: 0;
  }
  .login-wrap .login-wrap-form {
    gap: var(--spacing-32);
  }
  .login-wrap .login-wrap-form .login-sns {
    padding-top: var(--spacing-32);
    gap: var(--spacing-12);
  }
  .login-wrap .login-wrap-form .login-sns .left {
    flex-direction: row;
    gap: 0;
  }
  .login-wrap .login-wrap-form .login-sns .sns-list {
    min-width: 100%;
  }
  .login-wrap .login-wrap-form .login-sns .sns-list ul li {
    padding: var(--spacing-20);
  }
  .login-wrap .login-wrap-form .login-sns .sns-list ul li .sns-list-txt .sns-list-txt-list ul li p {
    line-height: 1.8;
  }
  body .mypage-wrap .mypage section .scroll .pagination {
    margin-top: 3.2rem;
  }
  body main .asset-visual .img-wrap .img-item {
    aspect-ratio: 2/1;
    max-height: 22rem;
  }
  body main .asset-visual .img-wrap .img-item.one img {
    transform: translate(12%, -10px);
  }
  body main .asset-visual .img-wrap .col-item ul li {
    aspect-ratio: 1/1;
  }
  body main .asset-visual .img-wrap .col-item ul li a .market-img-list {
    width: 100%;
    overflow: unset;
  }
  body main .asset-visual .img-wrap .col-item ul li a .market-img-list ul {
    width: clamp(17rem, 50vw, 40rem);
  }
  body main .asset-visual .img-wrap .col-item ul li a .market-img-list ul li {
    flex: 1 0 auto;
  }
  body main .asset-visual .img-wrap .col-item ul li a .market-img-list ul li img {
    max-width: 14rem;
  }
  body .service-page .service-info {
    padding-top: 6rem;
    gap: var(--spacing-24);
  }
  body .service-page .service-info ul {
    flex-direction: column;
  }
  body .service-page .service-info ul li {
    width: 100%;
    aspect-ratio: 2/1;
  }
}

/*# sourceMappingURL=responsive.css.map */