<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* ipad ~ pro, gal pro */
@media all and (max-width:1280px) {
    /* page : 메인페이지 */
    .mpmain-section {
        /* height:80vw; */
    }
    .mpmain-section .title-wrap {
        margin-bottom:30vw;
    }
    .mpmain-section .title-wrap .sub-title {
        font-size:2.75vw;
    }
    .mpmain-section .title-wrap .title {
        font-size:4.6875vw;
    }
    .main-page .page-inner {

    }
    .mpmain-section .visual-wrap {
        top:calc(20% - 140px);
        width:1024px;
        max-width: 100%;
        overflow: hidden;
    }
    .mpmain-section .visual-wrap:after {
        bottom:12px;
        left:25%;
        width:75%;
    }
    .main-content-card .card-content .card-ttl {
        font-size:2.75vw;
    }
    .main-content-card .card-content .card-desc {
        font-size:2.0vw;
    }
    .mpmain-section .desc-wrap .left-txt {
        font-size:3.5vw;
    }
    .mpmain-section .desc-wrap .right-txt {
        font-size:4.6875vw;
    }
    /* page : 메인페이지 EN */
    .mpmain-section .desc-wrap .left-txt.en {
        font-size:3.25vw;
    }
    .mpmain-section .desc-wrap .right-txt.en {
        font-size:4.6875vw;
    }
    /* page : 전시듣기 */
    .thumbnail-img {
        max-width:100%;
    }
}

/* ipad mini ~ gal tab */
@media all and (max-width:1023px) {
    /* common */
    .mbBr {
        display: block;
    }
    .pcBr {
        display: none;
    }
    .mbTxt {
        display: block;
    }
    .pcTxt {
        display: none;
    }
    .top-btn {
        right:20px;
        bottom:20px;
        width:40px;
        height:40px;
    }
    .top-btn .txt {
        font-size:11px;
    }
    .ico-top {
        width:11px;
        height:6px;
    }
    /* page : 메인페이지 */
    .mpmain-section .visual-wrap {
        width:768px;
    }
    /* page : 전시듣기 */
    /* page : 전시듣기 1sec */
    .audio-guide-list-container .cell:nth-child(1) {
        max-width:100px;
    }
    .audio-guide-list .list-ttl-wrap {
        width:100%;
    }
    .audio-guide-list .list-first-wrap .thumbnail {
        display: none;
    }
    .audio-guide-list .list-ttl-wrap .playbar {
        width:100%;
        max-width:440px;
    }
    .playbar .play-range-wrap {
        width:calc(100% - 32px - 67px - 24px);
    }
    .audio-guide-list .audio-guide-list-bottom {
        padding-left:100px;
    }
}

/* mobile - 반응형 */
@media all and (max-width:767px) {
    /* common */
    .mbBr {
        display: block;
    }
    .pcBr {
        display: none;
    }
    .mbTxt {
        display: block;
    }
    .pcTxt {
        display: none;
    }
    /* header */
    .header {

    }
    .header-top {
        height:60px;
    }
    .header-logo img {
        height:40px;
    }
    .header-nav-grp .header-nav {
        display: none;
    }
    .header-lang-btn {
        padding:0 4px;
        background: none;
        border:none;
    }
    .header-lang-btn:hover,
    .header-lang-btn.active {
        background: none;
        color:#000;
        font-weight: bold;
    }
    .ico-lang {
        display: none;
    }
    .menu-trigger,
    .menu-trigger span {
        position:relative;
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }
    .menu-trigger {
        position: relative;
        margin-left:16px;
        width: 20px;
        height: 16px;
        cursor: pointer;
        z-index: 101;
    }
    .menu-trigger.mb {
        display:block;
        width:20px;
    }
    .menu-trigger span {
        position: absolute;
        left: 0;
        width: 20px;
        height: 2px;
        background-color: #000;
    }
    .menu-trigger span:nth-of-type(1) {
        top: 0;
    }
    .menu-trigger span:nth-of-type(2) {
        top: calc(50% - 1px);
    }
    .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }
    .menu-trigger.active-1 {
    }
    .menu-trigger.active-1 span:nth-of-type(1) {
        -webkit-transform: translateY (7px) rotate (-45deg);
        transform: translateY(7px) rotate(-45deg);
    }
    .menu-trigger.active-1 span:nth-of-type(2) {
        opacity: 0;
    }
    .menu-trigger.active-1 span:nth-of-type(3) {
        -webkit-transform: translateY(-7px) rotate(45deg);
        transform: translateY(-7px) rotate(45deg);
    }
    .gnb-wrap {
        position: absolute;
        top:60px;
        padding:24px;
        width:100%;
        background: rgba(240,240,240,0.95);
    }
    .gnb-wrap.active {
        display: block;
    }
    .gnb-wrap .header-nav {
        padding: 0;
        border: 0;
        border-radius: 0;
        background-color: transparent;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        gap: 5px;
        height: 100%;
        padding: 0 14px;
        position: relative;
        color:#828282;
    }
    .gnb-wrap .header-nav .txt {
        color:#828282;
    }
    .gnb-wrap .header-nav.active {
        color:#000;
        font-weight:bold;
    }
    .gnb-wrap .header-nav.active .txt {
        color:#000;
    }
    .page-inner {
        padding:0 20px;
        width:100%;
        box-sizing: border-box;
    }
    /* page : 메인페이지 */
    .mpmain-section {
        /* padding-top:50px; */
        /* min-height:600px; */
        height: auto;
        /* background-image: url(../images/img/kimchi_test_mobile.png); */
        background-size:cover;
        background-position: bottom center;
        overflow-x: hidden;
    }
    .main-page .page-inner {
        padding:0 20px;
        width:100%;
        box-sizing: border-box;
    }
    /* page : 메인페이지 1sec */
    .mpmain-section .title-wrap {
        margin-bottom:289px;
    }
    .mpmain-section .title-wrap .sub-title {
        margin-bottom: 11px;
        line-height: 1.4;
        font-size:18px;
        font-weight: 600;
    }
    .mpmain-section .title-wrap .title {
        line-height:1.4;
        font-size:30px;
    }
    .mpmain-section .visual-wrap {
        width:640px;
        overflow-x: hidden;
    }
    .mpmain-section .visual-wrap:after {
        bottom:12px;
        left:25%;
        width:75%;
    }
    .mpmain-section .desc-wrap .left-txt {
        width:100px;
        font-size:18px;
    }
    .mpmain-section .desc-wrap .right-txt {
        font-size:30px;
    }
    .main-content-card .card-thumbnail {
        padding-top:51.5%;
    }
    /* page : 메인페이지 2sec */
    .mpcontent-section {
        padding:44px 0 80px;
    }
    .mpcontent-section .card-grp {
        flex-wrap: wrap;
        gap:20px;
    }
    .main-content-card .card-content {
        padding:22px;
    }
    .main-content-card .card-content .card-ttl {
        font-size:18px;
    }
    .main-content-card .card-content .card-desc {
        line-height: 1.4;
        font-size:16px;
    }
    .main-content-card .card-content .ico-paper {
        top:0;
        width:22px;
        height:22px;
    }
    .main-content-card .card-content .ico-headset {
        top:0;
        width:22px;
        height:22px;
    }
    .main-content-card .ico-arrow-right {
        bottom:14px;
    }
    /* page : 메인페이지 EN */
    .main-content-card .card-content .card-ttl.en {
        font-size:18px;
        font-weight: 800;
        letter-spacing: -0.5px;
    }
    .mpmain-section .title-wrap.en {
        margin-bottom:246px;
    }
    .mpmain-section .title-wrap.en .sub-title {
        font-size:17px;
    }
    .mpmain-section .visual-wrap {
        top:4vw;
        transform: translate(-50%,0);
        width:768px;
        max-width: unset;
    }
    .mpmain-section .desc-wrap.en {
        flex-wrap: wrap;
    }
    .mpmain-section .desc-wrap .left-txt.en {
        width:100%;
        font-size:18px;
    }
    .mpmain-section .desc-wrap .right-txt.en {
        margin-left:auto;
        margin-top:32px;
        line-height: 1.3;
        font-size:30px;
    }
    /* page : 전시소개 */
    .ehbmain-section {
        padding:40px 0 56px;
        background: #f2f1f2;
    }
    /* page : 전시소개 1sec */
    .ehbmain-section .title-desc-wrap {
        margin-bottom:52px;
    }
    .ehbmain-section .title-wrap {
        margin-bottom:20px;
    }
    .ehbmain-section .title-wrap .sub-title {
        font-size:20px;
        letter-spacing: -0.6px;
    }
    .ehbmain-section .title-wrap .title {
        font-size:42px;
        letter-spacing: -3px;
    }
    .ehbmain-section .desc-wrap .desc {
        font-size:16px;
        word-break: break-all;
        letter-spacing: -0.4px;
    }
    .ico-download {
        width:24px;
        height:24px;
    }
    .ehbmain-section .ttl-btn-grp .btn-grp {
        width:100%;
    }
    .btn-01 {
        width:calc(100% / 4 - 4px);
        min-width: 60px;
        height:40px;
    }
    .ehbmain-section .ttl-btn-grp .ttl {
        font-size:18px;
    }
    .audio-guide-btn {
        padding:0 24px;
        max-width:100%;
        height:58px;
    }
    .audio-guide-btn .txt {
        font-size:18px;
    }
    .ico-headset-white {
        width:22px;
        height:22px;
    }
    .ico-arrow-right {
        width:18px;
        height:18px;
    }
    /* page : 전시소개 2sec */
    .ehbcontent-section {
        margin:88px auto 80px;
    }
    .ehbcontent-section .section-title {
        margin-bottom:18px;
        line-height:1.4;
        font-size:26px;
    }
    .ehbcontent-section .section-ttl-bar {
        margin-bottom:12px;
    }
    .ehbcontent-section .section-ttl-bar .ttl-item {
        height:40px;
        font-size:18px;
    }
    .ehbcontent-section.type-01 .card .ico-txt {
        gap:4px;
    }
    .ehbcontent-section.type-01 .card .ico-txt.type-red .ico-loca,
    .ehbcontent-section.type-01 .card .ico-txt.type-purple .ico-loca,
    .ehbcontent-section.type-01 .card .ico-txt.type-pink .ico-loca {
        width:22px;
        height:22px;
    }
    .ehbcontent-section.type-01 .card-grp {
        justify-content: center;
        flex-wrap: wrap;
        padding:0 28px;
    }
    .ehbcontent-section.type-01 .card {
        padding:32px 0;
        border-right:none;
        border-top:1px solid rgba(0,0,0,0.1);
    }
    .ehbcontent-section.type-01 .card:first-child {
        border-top:none;
    }
    .ehbcontent-section.type-01 .card .ico-txt {
        font-size:18px;
    }
    .ehbcontent-section.type-01 .card .card-ttl {
        font-size:20px;
    }
    .ehbcontent-section.type-01 .card .card-desc {
        font-size:16px;
    }
    /* page : 전시소개 3sec */
    .ehbvisual-card {

    }
    .ehbvisual-card img {
        display: block;
        margin-bottom:10.5vh;
    }
    .ehbvisual-card .card-desc {
        padding:0px 36px 0 36px;
        font-size:16px;
    }
    /* page : 전시소개 4sec */
    .ehbvisual-card .card-content {
        flex-wrap: wrap;
        padding:30px 20px 50px;
        gap:8px;
    }
    .ehbvisual-card .card-content .left-txt {
        margin-left:0;
        font-size:18px;
        gap:4px;
    }
    .ehbvisual-card .card-content .card-ttl {
        margin-bottom:16px;
        font-size:20px;
    }
    .ehbvisual-card .card-content .card-ttl-desc-grp {
        padding-bottom:0;
    }
    .ehbvisual-card .card-content .card-desc {
        padding:0;
        font-size:16px;
    }
    .ehbvisual-card .square-btn {
        margin:16px auto 32px;
        width:200px;
        max-width:100%;
        font-size:18px;
    }
    .square-btn {
        height:60px;
    }
    /* page : 전시소개 EN */
    .ehbmain-section.en {
        padding:40px 0 56px;
    }
    .ehbmain-section .title-wrap .title.en span {
        display: block;
    }
    .ehbmain-section .title-wrap .sub-title.en {
        letter-spacing: 0;
    }
    .ehbmain-section.en .desc-wrap .tags {
        flex-wrap: wrap;
        gap:6px 20px;
    }
    .ehbcontent-section .section-title.en {
        font-weight: 800;
        font-size:24px;
    }
    .ehbvisual-card .square-btn {
        padding:0;
        width:100%;
        max-width:260px;
    }
    .ehbvisual-card .square-btn .txt.en {
        font-size:18px;
        text-transform: capitalize;
    }
    /* page : 전시듣기 */
    .audio-guide-page {
        padding:40px 0;
    }
    .page-title {
        font-size:26px;
    }
    .tabs.type-01 {
        width:100%;
        height:48px;
        font-size:20px;
    }
    .tabs.type-01 .tab {
        width:calc(100% / 3);
        min-width:100px;
    }
    .tabs.type-01 button .txt {
        display: none;
    }
    #audio-guide-sticky-wrapper {
        top:60px;
    }
    #audio-guide-sticky-wrapper .btns {
        display: flex;
        margin-left:auto;
    }
    /* page : 전시듣기 1sec */
    .ico-audio {
        width:20px;
        height:20px;
    }
    .option-container .ttl-item .ttl {
        font-size:18px;
    }
    .bold-txt-btn {
        display: block;
        padding:0 10px;
        letter-spacing: -0.48px;
        font-size:16px;
    }
    .bold-txt-btn.active {
        font-size:16px;
    }
    .bold-txt-btn:after {
        height:17px;
    }
    .audio-guide-list-container .container-head {
        height:40px;
        font-size:13px;
    }
    .audio-guide-list-container .container-head .cell:nth-child(1) {
        display:none;
    }
    .audio-guide-list-container .container-head .cell:nth-child(2) {
        justify-content: left;
        margin-right:auto;
        padding-left:48px;
        width:calc(36px + 12px + 48px);
    }
    .audio-guide-list-container .container-head .cell:nth-child(3) {
        width:46px;
    }
    .audio-guide-list-container .container-head .cell:nth-child(4) {
        margin-right:12px;
        width:34px;
    }
    .audio-guide-list {
        padding:0 12px;
        background: #f7f7f6;
    }
    .audio-guide-list-top {
        position: relative;
        margin:24px auto;
        padding:0;
        width:100%;
        box-sizing: border-box;
    }
    .audio-guide-list-container .container-body .cell {
        position: absolute;
    }
    .audio-guide-list-container .container-body .cell:nth-child(1) {
        top:0;
        left:0;
        width:40px;
        justify-content: left;
    }
    .audio-guide-list-container .container-body .cell:nth-child(2) {
        position: relative;
        width:100%;
        text-align: left;
    }
    .audio-guide-list-container .container-body .cell:nth-child(3) {
        top:0;
        right:34px;
        width:46px;
    }
    .audio-guide-list-container .container-body .cell:nth-child(4) {
        top:0;
        right:0;
        width:34px;
        justify-content: right;
    }
    .audio-guide-list .audio-guide-list-bottom {
        padding:0px 0 30px 0;
    }
    .audio-guide-list .list-card-num {
        font-size:18px;
    }
    .audio-guide-list .list-ttl-wrap {
        flex-wrap: wrap;
        width:100%;
    }
    .audio-guide-list .list-ttl-wrap .playbar {
        display: none;
        width:100%;
        max-width:440px;
    }
    .playbar .play-range-wrap {
        width:calc(100% - 32px - 67px - 24px);
    }
    .audio-guide-list .list-ttl {
        padding-left:36px;
        line-height:1.4;
        width:100%;
        min-height: 20px;
        max-width:calc(100% - 46px - 46px );
        font-size:16px;
    }
    .audio-guide-list .detail-content {
        max-width:100%;
    }
    .audio-guide-list .detail-content .detail-ttl {
        max-width:100%;
        margin-bottom:16px;
        font-size:18px;
    }
    .audio-guide-list .detail-content .detail-desc {
        max-width:100%;
        font-size:16px;
        word-break: keep-all;
        word-wrap:break-word;
    }
    .audio-guide-list .list-first-wrap .thumbnail {
        display: none;
    }
    .ico-headset-gray {
        width:22px;
        height:22px;
    }
    .ico-headset-gray.active {
        width:22px;
        height:22px;
    }
    .ico-desc-gray {
        width:22px;
        height:22px;
    }
    .ico-desc-gray.active {
        width:22px;
        height:22px;
    }
    .audio-guide-list-container .container-tail {
        padding:24px 0;
        font-size:14px;
        text-align: left;
    }
    /* page : 전시듣기 EN */
    .option-container .ttl-item .ttl.en {
        letter-spacing: -0.54px;
    }
    /* footer */
    .footer-inner {
        padding:0 20px;
        width:100%;
        box-sizing: border-box;
    }
    .footer-logo.pc-ft-logo {
        display: none;
    }
    .footer-sns-grp {
        display: flex;
        justify-content: flex-start;
    }
    .footer-logo.mb-ft-logo {
        display: block;
        margin-right:auto;
    }
    .footer-logo img {
        height:40px;
    }
    .footer-top-wrap {
        display: flex;
        flex-wrap: wrap;
        margin-bottom:26px;
    }
    .footer-nav-grp {
        display: flex;
        justify-content: space-between;
        width:100%;
        max-width:480px;
        gap: 24px;
    }
    .footer-nav {
        font-size:14px;
    }
    .footer-mblogo-sns-grp {
        margin-top:36px;
        width:100%;
    }
    .footer-info-grp {
        margin-bottom:18px;
    }
    .footer-info {
        display: block;
        line-height: 1.6;
        font-size:13px;
    }
    .footer-info:after {
        display: none;
    }
    .footer-copyright {
        line-height: 1.4;
        font-size:12px;
    }
}

/* mobile 모바일 폰 */
@media all and (max-width:480px) {


    /* page : 메인페이지 */
    .mpmain-section {
        /* padding-top:12.8vw; */
        min-height:153.8vw;
    }
    .mpmain-section .title-wrap {
        margin-bottom:74.1vw;
    }
    .mpmain-section .title-wrap .sub-title {
        margin-bottom:2.85vw;
        font-size:4.6vw;
    }
    .mpmain-section .title-wrap .title {
        font-size:7.7vw;
    }
    .mpmain-section .desc-wrap .left-txt {
        width:auto;
        font-size:4.6vw;
    }
    .mpmain-section .desc-wrap .right-txt {
        font-size:7.7vw;
    }
    .main-content-card .card-content {
        padding:5.12vw 5.12vw;
        gap:1.25vw;
    }
    .main-content-card .card-content .ico-paper {
        width:5.12vw;
        height:5.12vw;
    }
    .main-content-card .card-content .ico-headset {
        width:5.12vw;
        height:5.12vw;
    }
    .main-content-card .card-content .card-ttl {
        font-size:4.6vw;
        font-weight:800;
    }
    .main-content-card .card-content .card-desc {
        font-size:4.1vw;
    }
    .main-content-card .ico-arrow-right {
        bottom:3.1vw;
        right:3.1vw;
    }
    .mpmain-section .visual-wrap {
        top:34vw;
        width:124vw;
        transform: translate(-50%,0);
        max-width: unset;
    }
    /* page : 메인페이지 EN */
    .mpmain-section.en {
        /* padding-top:12.8vw; */
        min-height:153.8vw;
    }
    .mpmain-section .title-wrap.en {
        margin-bottom:63.1vw;
    }
    .mpmain-section .title-wrap.en .sub-title {
        margin-bottom:2.85vw;
        font-size:4.35vw;
    }
    .mpmain-section .title-wrap.en .title {
        font-size:7.7vw;
    }
    .mpmain-section .desc-wrap .left-txt.en {
        font-size:4.6vw;
    }
    .mpmain-section .desc-wrap .right-txt.en {
        margin-top:8.2vw;
        font-size:7.7vw;
    }
    .main-content-card .card-content .card-ttl.en {
        font-size:4.6vw;
        font-weight:800;
    }
    .main-content-card .card-content .card-desc.en {
        font-size:4.1vw;
    }
    /* page : 전시소개 */
    .page-inner {
        padding:0 5.12vw;
    }
    .ehbmain-section {
        padding:10.25vw 0 12.825vw 0;
    }
    .ehbmain-section .title-desc-wrap {
        margin-bottom:13.3vw;
    }
    .ehbmain-section .title-wrap .sub-title {
        font-size:5.12vw;
    }
    .ehbmain-section .title-wrap .title {
        font-size:10.77vw;
        letter-spacing: -0.7vw;
    }
    .ehbmain-section .desc-wrap .desc {
        line-height: 1.75;
        font-size:4.1vw;
    }
    .ehbmain-section .desc-wrap .tags {
        font-size:4.1vw;
        gap:5.12vw;
    }
    .ehbmain-section .audio-guide-btn {
        margin-bottom:11.28vw;
    }
    .audio-guide-btn .txt {
        font-size:4.6vw;
    }
    .ehbmain-section .ttl-btn-grp .ttl {
        font-size:4.6vw;
    }
    .ttl-btn-grp .btn-01 {
        font-size:4.6vw;
    }
    .ehbcontent-section {
        margin:22.56vw auto 20.5vw;
    }
    .ehbcontent-section .section-ttl-bar {
        margin-bottom:3.075vw;
    }
    .ehbcontent-section .section-ttl-bar .ttl-item {
        height:10.25vw;
        font-size:4.6vw;
    }
    .ehbcontent-section .section-title {
        margin-bottom:4.6vw;
        font-size:6.67vw;
    }
    .ico-mhome {
        width:6.15vw;
        height:6.15vw;
    }
    .ehbcontent-section.type-01 .card {
        padding:8.2vw 0;
    }
    .ehbcontent-section.type-01 .card .ico-txt.type-red .ico-loca,
    .ehbcontent-section.type-01 .card .ico-txt.type-purple .ico-loca,
    .ehbcontent-section.type-01 .card .ico-txt.type-pink .ico-loca {
        width:5.6vw;
        height:5.6vw;
    }
    .ehbcontent-section.type-01 .card-grp {
        padding:0 7.15vw;
    }
    .ehbcontent-section.type-01 .card .ico-txt {
        font-size:4.6vw;
    }
    .ehbcontent-section.type-01 .card .card-ttl {
        margin-bottom:5.12vw;
        font-size:5.12vw;
    }
    .ehbcontent-section.type-01 .card .card-desc {
        font-size:4.1vw;
        letter-spacing: -0.6px;
        word-break: unset;
    }
    .ehbvisual-card {
        padding:8.2vw 0;
    }
    .ehbvisual-card .card-desc {
        padding:0 9.23vw;
        font-size:4.1vw;
    }
    .ico-pin {
        width:6.15vw;
        height:6.15vw;
    }
    .ehbvisual-card .card-content .left-txt {
        font-size:4.6vw;
    }
    .ehbvisual-card .card-content .card-ttl {
        margin-bottom:4.1vw;
        font-size:5.12vw;
    }
    .ehbvisual-card .card-content .card-desc {
        font-size:4.1vw;
    }
    .ehbvisual-card .square-btn {
        margin:4.1vw auto 8.2vw;
        max-width:51.825vw;
        height:15.38vw;
        font-size:4.6vw;
    }
    /* page : 전시소개 EN */
    .ehbmain-section .title-wrap .sub-title.en {
        line-height:1.4;
    }
    .ehbmain-section.en .desc-wrap .desc {
        margin-bottom:3.85vw;
        line-height:1.63;
        word-break: keep-all;
    }
    .ehbcontent-section .section-title.en {
        line-height: 1.33;
        font-size:6.15vw;
        letter-spacing: -0.5px;
    }
    .ehbcontent-section.type-01 .card .card-ttl.en {
        line-height: 1.4;
    }
    .ehbcontent-section.type-01 .card .card-desc.en {
        letter-spacing: -0.1px;
    }
    .ehbvisual-card .card-content.en{
        padding:7.7vw 7.17vw 12.82vw;
        gap:2.05vw;
    }
    .ehbvisual-card .card-desc.en{
        padding:0 3.25vw;
        letter-spacing: normal;
    }
    .ehbvisual-card .square-btn.en {
        max-width:66.67vw;
    }
    /* page : 전시듣기 */
    .ehbvisual-card img {
        margin-bottom:24.0vw;
    }


}

/* mobile (iphone 5~6) */
@media all and (max-width:320px) {




}











































</pre></body></html>