@charset "utf-8";

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
/* 메인PC -한글 */
@media all and (min-width:1440px) {
    #symbol {
        position: fixed;
        overflow: hidden;
        top: 50%;
        left: 50%;
        z-index: 999999;
        opacity: 0;
        height: 600px;
        width: 600px;
        margin-left: -300px;
        animation: spin 100s linear infinite;
    }

        #symbol html {
            pointer-events: none;
        }

        #symbol.act {
            opacity: 1;
            transition: 500ms cubic-bezier(0.2, 0.8, 0.4, 1);
        }

        #symbol.bye {
            opacity: 0;
            width: 60px;
            left: calc((100% - 1440px) / 2);
            top: 0px;
            margin: 0 !important;
            transition: all 500ms cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
            transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
        }

    .coverup {
        height: 600px;
        width: 600px;
        z-index: 99999999;
        top: calc((100vh - 600px) / 2);
        left: calc((100vw - 600px) / 2);
        position: fixed;
    }
    /*레이아웃*/
    #wrap {
        background-color: #ffffff;
    }

    #gnb .gnb, .top_content ul, .main_content ul, .sub_content ul, footer > ul {
        width: 1440px;
        margin: 0 auto;
        padding: 0;
    }
    /* gnb */
    #header {
        position: relative;
    }

    #gnb {
        width: 100%;
        position: fixed;
        z-index: 99999;
        overflow: hidden;
        padding: 20px 0 20px;
        background-color: rgba(255,255,255,0);
        top: 0px;
        left: 0px;
    }

    .logo {
        position: fixed;
        top: 20px;
        right: calc((100% - 1340px) / 2);
        width: 86px;
        z-index: 100001;
        height: 21px;
        cursor: pointer;
    }

        .logo object {
            pointer-events: none;
        }

    .gnb nav {
        float: left;
        width: 100%;
        text-align: center;
    }

        .gnb nav a {
            color: #000;
            font-size: 16px;
            margin-left: 32px;
            line-height: 40px;
            letter-spacing: 0.32px;
        }

    .submenu {
        display: block;
        position: fixed;
        width: 280px;
        z-index: 100000;
        top: 52px;
    }

        .submenu ul li {
            margin-left: 10px;
            margin-top: 2px;
            cursor: pointer;
        }

            .submenu ul li:last-child {
                margin-bottom: 10px;
            }

            .submenu ul li span {
                font-size: 15px;
            }

    .submenuArea {
        display: block;
        position: fixed;
        width: 200px;
        height: 300px;
        top: 80px;
        z-index: 999;
    }

    .top_content {
        width: 100%;
        height: 306px;
    }

        .top_content p {
            width: 47%;
            float: right;
            margin-right: 40px;
            margin-top: 255px;
            margin-bottom: 25px;
            font-size: 16px;
            line-height: 25px;
        }

        .top_content.englishVersion p {
            line-height: 22px;
        }

    #visual {
        width: 100%;
        position: relative;
        margin-bottom: 20px;
    }

        #visual > div {
            width: 100%;
        }

    #visual02 {
        display: none;
    }

    #visual img.arr {
        position: absolute;
        display: block;
        width: 4%;
        top: 84%;
        right: 47%;
        z-index: 99999;
        animation: arr-ani 2s infinite ease-in-out;
        -webkit-animation: arr-ani 2s infinite ease-in-out;
        -moz-animation: arr-ani 2s infinite ease-in-out;
        -o-animation: arr-ani 2s infinite ease-in-out;
        -ms-animation: arr-ani 2s infinite ease-in-out;
    }

    .bxslider p {
        position: absolute;
        top: 30%;
        right: 0;
        left: 0;
        width: 100%;
        text-align: center;
        font-family: "나눔고딕", Nanum Gothic, 맑은 고딕, Malgun Gothic;
        font-size: 2vw;
        line-height: 270%;
        letter-spacing: 26px;
        margin-left: 26px;
        color: #fff;
    }

    .bxslider img {
        width: 100%;
        /* height: 60vh; */
        object-fit: cover;
    }

    .english .bxslider img {
        width: 100%;
        height: 50vh;
        object-fit: cover;
    }

    .main_content {
        width: 100%;
        margin-bottom: 350px;
        background-color: #ffffff;
    }

        .main_content div {
            display: flow-root;
        }

        .main_content .dpTitle {
            width: 100%;
            display: flex;
            margin-top: 100px;
        }

            .main_content .dpTitle:last-child {
                margin-bottom: 150px;
            }

            .main_content .dpTitle ul li {
                width: 680px;
                float: left;
                margin-left: 0px;
                /* margin-bottom: 24px; */
            }

                .main_content .dpTitle ul li:first-child {
                    /* margin-left: 40px; */
                    font-size: 28px;
                }

        .main_content div ul li dt {
            font-size: 16px;
            line-height: 25px;
        }

        .main_content.englishVersion div ul li dt {
            line-height: 22px;
        }

        .main_content div ul li dd {
            margin: 0px;
        }

    .viewMoreText {
        font-size: 16px;
        line-height: 25px;
        color: #868e96;
        float: left;
        margin-right: 8px;
        margin-top: 4px;
        font-family: AkzidenzGrotesk-Medium;
        cursor: pointer;
    }

    .main_content.englishVersion .viewMoreText, .main_content.englishVersion .viewMoreArrow {
        line-height: 22px;
    }

    .viewMoreArrow {
        font-size: 22px;
        line-height: 25px;
        color: #868e96;
        float: left;
        font-family: AkzidenzGrotesk-Medium;
        margin: 0px;
        margin-top: 4px;
        display: block;
        cursor: pointer;
    }

    .dpContent {
        margin-bottom: 40px;
    }

        .dpContent div {
            width: 664px;
            float: left;
            margin-bottom: 40px;
            margin-left: 40px;
        }

            .dpContent div li img {
                width: 664px;
            }

            .dpContent div li {
                width: 100%;
                margin: 0;
                cursor: pointer;
            }

                .dpContent div li:nth-child(2) {
                    margin-top: 12px;
                }

                .dpContent div li dt, .dpContent div li dd {
                    width: 50%;
                    float: left;
                }

                .dpContent div li dd {
                    color: #868e96;
                    font-family: AkzidenzGrotesk-Medium;
                }

            .dpContent div:first-child {
                width: 1360px;
                float: left;
            }

                .dpContent div:first-child li img {
                    width: 1360px;
                }

            .dpContent div:nth-child(3) {
                margin-left: 32px;
            }

    .collection li {
        width: 464px;
        font-size: 16px;
        line-height: 25px;
        float: left;
        margin-left: 40px;
        background-size: cover;
        background-position: center center;
        cursor: pointer;
    }

    .main_content.englishVersion .collection li {
        line-height: 22x;
    }

    .collection li span {
        font-size: 16px;
        line-height: 25px;
    }

    .main_content.englishVersion .collection li span {
        line-height: 22px;
    }

    .collection li:last-child {
        margin-left: 0px;
        margin-bottom: 32px;
        width: 896px;
        height: 234px;
    }

    .artistMain div {
        width: calc((100% - 144px) / 5);
        float: left;
        margin-bottom: 32px;
        margin-right: 16px;
        cursor: pointer;
    }

        .artistMain div:nth-child(5n + 1) {
            margin-left: 36px;
        }

        .artistMain div:nth-child(5n) {
            margin-right: 0px;
        }

        .artistMain div img {
            width: 100%;
            height: 192px;
            object-fit: cover;
        }

        .artistMain div span {
            display: block;
            width: 100%;
            height: 20px;
            margin-top: 9px;
            line-height: 16px;
        }

    .program div {
        width: 432px;
        float: left;
        margin-bottom: 32px;
        margin-left: 32px;
        cursor: pointer;
    }

        .program div:first-child {
            width: 896px;
            margin-left: 40px;
        }

        .program div li:nth-child(2) {
            margin-top: 12px;
        }

        .program div li dt {
            margin-bottom: 5px;
        }

        .program div li dd {
            color: #868e96;
            font-family: AkzidenzGrotesk-Medium;
        }

        .program div li img {
            width: 100%;
        }

        .program div:first-child li img {
            height: 592px;
        }

    .sub_content > div {
        width: 664px;
        margin-left: 40px;
        float: left;
        margin-bottom: 100px;
        margin-top: 100px;
    }

        .sub_content > div:last-child {
            margin-left: 32px;
        }

    .sub_content div li dt, .sub_content div li dd {
        width: 50%;
        float: left;
        margin: 0px;
    }

    .sub_content div li dt {
        font-size: 28px !important;
        line-height: 42px !important;
        letter-spacing: -0.56px;
        margin-bottom: 15px;
    }

    .sub_content div:first-child li:first-child dd {
        margin-bottom: 24px !important;
    }

    .sub_content div li dd {
        font-size: 20px;
        line-height: 30px;
    }

    .sub_content div li p {
        width: 100%;
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 15px;
        font-family: AkzidenzGrotesk-Medium;
    }

    .main_content.englishVersion .sub_content div li p {
        line-height: 22px;
    }

    .noticeList div {
        width: 100%;
        height: 55px;
        border-top: 1px solid #d2d2d2;
    }

        .noticeList div:last-child {
            border-bottom: 1px solid #d2d2d2;
            margin-bottom: 12px;
        }

        .noticeList div > span {
            display: inline-block;
            margin-top: 17px;
            color: #868e96;
            cursor: pointer;
        }

            .noticeList div > span:first-child {
                width: 60px;
            }

            .noticeList div > span:last-child {
                font-family: AkzidenzGrotesk-Medium;
            }

    .writeDate {
        float: right;
    }
    /* main_content */
    .wbt {
        border: 0;
    }

    .wbt_ex {
        border: 0;
    }

    .wbr_ex {
        border-right: 1px solid #aaa;
    }

    /* footer */
    footer {
        position: fixed;
        box-sizing: border-box;
        bottom: 0px;
        z-index: -2;
        width: 100%;
        background-color: #000;
        margin: 0 auto;
        padding: 40px;
        font-size: 16px;
        color: #868e96;
        line-height: 21px;
    }

        footer ul {
            overflow: hidden;

        }

            footer ul div {
                width: 50%;
                float: left;
            }

            footer ul li {
                float: left;
                width: 100%;
                margin-bottom: 50px;
            }
            footer ul li:last-child{margin-bottom: 0;}

                footer ul li span {
                    margin-bottom: 9px;
                    display: inline-block;
                }

            footer ul:first-child li div {
                width: 120px;
                float: left;
            }

                footer ul:first-child li div span {
                    display: block;
                    margin-bottom: 3px;
                    cursor: pointer;
                }

            footer ul:first-child li div {
                width: 120px;
                float: left;
            }

            /* footer ul:last-child { margin-top: 80px; } */
            footer ul .right .copyright {
                width: 100% !important;
            }

                footer ul .right .copyright span {
                    float: left;
                }

            footer ul .right div select {
                width: 200px;
                height: 42px;
                border-color: #434343;
                background-color: #000;
                color: #868e96;
                margin-left: 100px;
            }

    .menu_wrap_pc {
        display: block;
        z-index: 100001;
        position: fixed;
        top: 0px;
        left: 0px;
    }

        .menu_wrap_pc .gnb a {
            float: right;
        }

    .menuIcon {
        position: fixed;
        top: 20px;
        left: calc((100% - 1440px) / 2);
    }

        .menuIcon span.icon {
            font-family: AkzidenzGrotesk-Medium;
            display: block;
            margin-left: 40px;
            width: 44px;
            height: 44px;
            border-radius: 44px;
            background-color: #000;
            color: #868e96;
            font-size: 26px;
            line-height: 45px;
            text-align: center;
            cursor: pointer;
            max-width: 900px;
            max-height: 900px;
        }

        .menuIcon.open {
            top: 99px;
            transition: all 500ms cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
            transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
        }

        .menuIcon.close {
            top: 20px !important;
            transition: all 500ms cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
            transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
        }

        .menuIcon span.open {
            width: calc(100vh - 169px);
            height: calc(100vh - 169px);
            border-radius: calc(100vh - 169px);
            cursor: inherit;
            transition: all 800ms cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
            transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
        }

        .menuIcon span.close {
            width: 44px !important;
            height: 44px !important;
            border-radius: 44px !important;
            cursor: pointer;
            transition: all 500ms cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
            transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
        }

        .menuIcon div {
            width: 50%;
            float: left;
            display: none;
        }

            .menuIcon div ul {
                margin-top: 60%;
            }

                .menuIcon div ul li {
                    color: #868e96;
                    margin-bottom: 5px;
                    font-size: 16px;
                    line-height: 25px;
                    text-align: left;
                }

                    .menuIcon div ul li span {
                        cursor: pointer;
                    }

            .menuIcon div.left ul {
                margin-left: 50%;
            }

                .menuIcon div.left ul li:nth-child(7) {
                    margin-bottom: 50px;
                }

            .menuIcon div.right ul:first-child span {
                margin-left: 32px;
            }

            .menuIcon div.right ul:first-child li:nth-child(3) {
                margin-top: 90px;
            }

            .menuIcon div.right ul:first-child li:nth-child(4) {
                margin-top: 20px;
            }

    .bottomBar {
        display: none;
        position: fixed;
        z-index: 100001;
        bottom: 0px;
        width: 100%;
    }

        .bottomBar > div {
            width: 50%;
            float: left;
            position: absolute;
            bottom: 0px;
        }

        .bottomBar div.bar {
            height: 39px;
            left: 0px;
        }

        .bottomBar div.popupArea {
            right: 0px;
        }

        .bottomBar .bar.popupExit {
            width: 100% !important;
        }

        .bottomBar .popupArea.popupExit {
            display: none !important;
        }

        .bottomBar div.bar > span {
            width: 100%;
            height: 100%;
            display: inline-block;
            border-radius: 39px;
            background-color: #000000;
        }

            .bottomBar div.bar > span input {
                width: calc(100% - 110px);
                margin-left: 20px;
                background-color: #000000;
                color: #868e96;
                float: left;
                margin-top: 4px;
            }

            .bottomBar div.bar > span span {
                width: 80px;
                display: inline-block;
                color: #868e96;
                text-align: center;
                margin-top: 9px;
                cursor: pointer;
            }

        .bottomBar div.popup {
            width: 100%;
            background-color: #ffffff;
            border-top: #868e96 1px solid;
            border-left: #868e96 1px solid;
            border-right: #868e96 1px solid;
        }

            .bottomBar div.popup .popupTitle {
                padding: 8px;
            }

        .bottomBar div.popupArea div:first-child {
            display: flow-root;
        }

            .bottomBar div.popupArea div:first-child > span {
                float: right;
                margin: 0px 16px 10px 0px;
                cursor: pointer;
            }

        .bottomBar div.popup .popupTitle .textPoint {
            float: right;
            background-color: #d91900;
            border-color: #d91900;
            margin: 8px 8px;
            width: 4px;
            height: 4px;
            display: block;
            border-radius: 4px;
        }

        .bottomBar div.popup .popupContent dd {
            width: calc(100% - 80px);
            margin-left: 40px;
            margin-right: 40px;
            margin-bottom: 27px;
            opacity: 0;
            /* pointer-events: none; */
        }

            .bottomBar div.popup .popupContent dd > span {
                display: table;
            }

        .bottomBar .popup.off .popupContent {
            height: 0px;
            padding: 0px;
        }

        .bottomBar .popup.on .popupContent {
            padding: 0px 8px 8px 8px;
        }

            .bottomBar .popup.on .popupContent dd {
                opacity: 1;
            }

    .modal {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100vw;
        height: 100vh;
        z-index: 100000;
        background: rgba(255,255,255,0.9);
    }
    /* 전시목록 */
    .dpListContent {
        display: flow-root;
    }

        .dpListContent div {
            width: 1360px;
            float: left;
            margin-bottom: 40px;
            margin-left: 40px;
            cursor: pointer;
        }

            .dpListContent div:last-child {
                margin-bottom: 100px;
            }

            .dpListContent div li img {
                width: 1360px;
            }

            .dpListContent div li:nth-child(2) {
                margin-top: 12px;
            }

            .dpListContent div li dt, .dpListContent div li dd {
                width: 50%;
                float: left;
                font-family: AkzidenzGrotesk-Medium;
            }

            .dpListContent div li dd {
                color: #868e96;
            }

    .dpListPastContent {
        display: flow-root;
    }

        .dpListPastContent div {
            width: 664px;
            float: left;
            margin-left: 40px;
            margin-bottom: 32px;
            cursor: pointer;
        }

            .dpListPastContent div:nth-child(2n) {
                margin-left: 32px;
            }

            .dpListPastContent div li:nth-child(2) {
                margin-top: 12px;
            }

            .dpListPastContent div img {
                width: 664px;
                height: 374px;
            }

            .dpListPastContent div li dt, .dpListPastContent div li dd {
                width: 50%;
                float: left;
                font-family: AkzidenzGrotesk-Medium;
            }

            .dpListPastContent div li dd {
                color: #868e96;
            }
    /* .dpListPastContent div:last-child{
    margin-bottom: 110px;
} */
    .dpListTitle {
        width: 100%;
        display: flex;
        padding-top: 130px;
    }

        .dpListTitle ul li {
            width: 664px;
            float: left;
            margin-bottom: 24px;
            margin-left: 32px;
            font-size: 16px !important;
            line-height: 25px !important;
        }

    .main_content.englishVersion .dpListTitle ul li {
        line-height: 22px !important;
    }

    .dpListTitle ul li:first-child {
        margin-left: 40px;
    }

    .dpListPage {
        display: inline-block !important;
        width: 100%;
        margin-top: 30px;
        text-align: center;
        margin-bottom: 100px;
    }

        .dpListPage span {
            display: inline-block;
            width: 36px;
            height: 36px;
            font-family: AkzidenzGrotesk-Medium;
            font-size: 16px !important;
            line-height: 36px !important;
            color: #868e96;
            cursor: pointer;
        }

    .main_content.englishVersion .dpListPage span {
        line-height: 22px !important;
    }

    .dpListPage span.on {
        border-radius: 36px;
        border: 1px solid #868e96;
    }

    /* 전시타이틀 영역 */
    .dpDtlTitle {
        width: 100%;
        display: flex;
        padding-top: 130px;
    }

        .dpDtlTitle ul li {
            width: 50%;
            float: left;
            padding-bottom: 24px;
            padding-left: 32px;
            box-sizing: border-box;
            font-size: 16px !important;
            line-height: 25px !important;
        }

    .main_content.englishVersion .dpDtlTitle ul li {
        line-height: 22px !important;
    }

    .dpDtlTitle ul li:first-child {
        /* margin-left: 40px; */
    }

    .filterText {
        cursor: pointer;
    }

    span.filterCircle {
        width: 8px;
        height: 8px;
        border-radius: 8px;
        background-color: #000;
        display: block;
        float: right;
        margin: 8px 0px 6px 10px;
    }

    .filterCircle.on {
        background-color: #fff !important;
        border: 1px solid #000;
        box-sizing: border-box
    }

    .filterArea {
        position: fixed;
        bottom: 0px;
        width: calc(1440px - 840px);
        margin-left: calc(((100% - 1440px) / 2) + 400px);
        padding: 20px;
        font-size: 16px;
        line-height: 25px;
        color: #000000;
        background-color: #ffffff;
        z-index: 100001;
        border: 0.5px solid #868e96;
    }

    .main_content.englishVersion .filterArea {
        line-height: 22px;
    }

    .filterArea ul {
        width: 100%;
    }

        .filterArea ul.half {
            width: 50%;
            float: left;
        }

            .filterArea ul.half:nth-child(3) li {
                width: calc(100% - 10px);
                margin-left: 10px;
            }

        .filterArea ul li {
            margin-bottom: 12px;
        }

        .filterArea ul.oneLine li {
            width: 100%;
        }

        .filterArea ul.twoLine li {
            width: 50%;
            float: left;
        }

            .filterArea ul.twoLine li .closeFilter {
                color: #000;
                float: right;
                cursor: pointer;
            }

        .filterArea ul .filterSubject {
            color: #d2d2d2;
        }

        .filterArea ul li .filterKeyword {
            color: #868e96;
            display: inline-block;
            margin: 0px 16px 10px 0px;
            cursor: pointer;
        }

            .filterArea ul li .filterKeyword.on {
                color: #000000;
            }

        .filterArea ul li .filterBtn_wh, .filterArea ul li .filterBtn_gr {
            display: inline-block;
            width: calc(50% - 52px);
            margin-top: 15px;
            padding: 6px 20px 6px 20px;
            font-size: 14px !important;
            cursor: pointer;
            text-align: center;
            float: left;
        }

        .filterArea ul li .filterBtn_gr {
            background-color: #868e96;
            border: #868e96 1px solid;
            color: #ffffff;
            margin-right: 10px;
        }

        .filterArea ul li .filterBtn_wh {
            border: #868e96 1px solid;
            color: #868e96;
            margin-left: 10px;
        }



    /*전시상세*/
    .dpDtlContentcover > div:nth-child(3), .dpDtlContentcover > div:nth-child(4) {
        width: 695px;
        float: left;
    }

    .dpDtlContentcover > div:nth-child(3) {
        margin-left: calc((100% - 1440px) / 2);
        float: left;
    }

    .dpDtlMainContent {
        display: flow-root;
        font-family: AkzidenzGrotesk-Medium;
    }

        .dpDtlMainContent div {
            width: 1360px;
            float: left;
            margin-bottom: 34px;
            margin-left: 40px;
        }

            .dpDtlMainContent div li img {
                width: 1360px;
            }

    .dpDtlContent {
        width: 100%;
        display: flex;
    }

        .dpDtlContent ul {
            display: flex;
        }

            .dpDtlContent ul li {
                width: 664px;
                float: left;
                margin-bottom: 32px;
                margin-left: 32px;
                font-size: 16px !important;
                line-height: 25px !important;
            }

    .main_content.englishVersion .dpDtlContent ul li {
        line-height: 22px !important;
    }

    .dpDtlContent ul li:first-child {
        margin-left: 40px;
    }

    .dpDtlContent ul li .dpSubject {
        display: inline-block;
        width: 100%;
        margin-bottom: 2px;
        font-size: 28px !important;
        line-height: 40px !important;
    }

    .dpDtlContent ul li .dpSubInfo {
        display: inline-block;
        width: calc(100% - 30px);
        margin-left: 30px;
        font-size: 16px !important;
        line-height: 25px !important;
    }

    .main_content.englishVersion .dpDtlContent ul li .dpSubInfo {
        line-height: 22px !important;
    }

    .dpDtlContent ul li .dpDescTitle {
        display: inline-block;
        width: calc(100% - 30px);
        margin-left: 30px;
        margin-bottom: 2px;
        font-size: 16px !important;
        line-height: 25px !important;
    }

    .main_content.englishVersion .dpDtlContent ul li .dpDescTitle {
        line-height: 22px !important;
    }

    .dpDtlContent ul li .dpDesc {
        display: inline-block;
        width: 100%;
        font-size: 16px !important;
        line-height: 25px !important;
        margin-bottom: 45px;
        word-break: keep-all;
    }

    .main_content.englishVersion .dpDtlContent ul li .dpDesc {
        line-height: 22px !important;
    }

    .dpDtlContent ul li .dpFloorTitle {
        display: inline-block;
        width: calc(100% - 30px);
        margin-left: 30px;
        margin-bottom: 5px;
        font-size: 16px !important;
        line-height: 25px !important;
    }

    .main_content.englishVersion .dpDtlContent ul li .dpFloorTitle {
        line-height: 22px !important;
    }

    .dpDtlContent ul li .dpFloorDesc {
        display: inline-block;
        width: calc(100% - 22px);
        font-size: 16px !important;
        line-height: 25px !important;
        margin-bottom: 5px;
        word-break: keep-all;
    }

    .main_content.englishVersion .dpDtlContent ul li .dpFloorDesc {
        line-height: 22px !important;
    }

    .dpDtlContent ul li .dpFloorDesc:first-child {
        margin-bottom: 45px;
    }

    .dpDtlContent ul li img {
        width: 664px;
        height: 374px;
    }

    .imgMovBtn {
        font-size: 16px !important;
        line-height: 25px !important;
        margin-left: 10px;
        color: #868e96;
        cursor: pointer;
    }

    .main_content.englishVersion .imgMovBtn {
        line-height: 22px !important;
    }

    .returnToList {
        display: inline-block;
        font-size: 16px !important;
        line-height: 25px !important;
        color: #868e96;
        /* margin-top: 20px; */
        margin-bottom: 100px;
        cursor: pointer;
        font-family: AkzidenzGrotesk-Medium;
    }

    .main_content.englishVersion .returnToList {
        line-height: 22px !important;
    }
    /* vr tour */
    .vrtourContent div {
        width: calc(100% - 80px);
        margin-left: 40px;
        margin-bottom: 150px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .main_content.englishVersion .vrtourContent div {
        line-height: 22px;
    }

    .fullscreenTrans {
        position: absolute;
        top: 130px;
        right: calc((100vw - 1360px) / 2);
        cursor: pointer;
    }

        .fullscreenTrans span {
            display: block;
            float: left;
        }

            .fullscreenTrans span:last-child {
                margin-left: 20px;
            }
    /* collection */
    .collectListTraditional {
        display: flex;
        align-items: end;
        flex-wrap: wrap;
    }

        .collectListTraditional div {
            width: 432px;
            float: left;
            margin-bottom: 32px;
            margin-right: 32px;
            font-family: AkzidenzGrotesk-Medium;
            cursor: pointer;
        }

            .collectListTraditional div:nth-child(3n + 1) {
                margin-left: 40px;
            }

            .collectListTraditional div:nth-child(3n) {
                margin-right: 0px;
            }

            .collectListTraditional div li:nth-child(2) {
                margin-top: 12px;
            }

            .collectListTraditional div li img {
                width: 432px;
            }

            .collectListTraditional div li dt, .collectListTraditional div li dd {
                width: calc(50% - 8px);
                float: left;
            }

                .collectListTraditional div li dd span {
                    width: 100%;
                    display: inline-block;
                    margin-left: 16px;
                    color: #868e96;
                }

    .collectListModern {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
    }

        .collectListModern div {
            width: 432px;
            float: left;
            margin-bottom: 32px;
            margin-right: 32px;
            font-family: AkzidenzGrotesk-Medium;
            cursor: pointer;
        }

            .collectListModern div:nth-child(3n + 1) {
                margin-left: 40px;
            }

            .collectListModern div:nth-child(3n) {
                margin-right: 0px;
            }

            .collectListModern div li:nth-child(2) {
                margin-top: 12px;
            }

            .collectListModern div li img {
                width: 432px;
            }

            .collectListModern div li dt, .collectListModern div li dd {
                width: calc(50% - 8px);
                float: left;
            }

                .collectListModern div li dd span {
                    width: 100%;
                    display: inline-block;
                    margin-left: 16px;
                    color: #868e96;
                }

    /*소장품 상세*/
    .collectDltArea > div:first-child li:first-child {
        font-size: 28px;
    }

    .collectDltArea div li dd {
        margin-left: 30px !important;
    }

    .collectDltArea > div:first-child {
        width: 388px;
        float: left;
        margin-left: 40px;
    }

        .collectDltArea > div:first-child li:nth-child(2) {
            margin-top: 9px;
        }

    .collectDltArea > div:last-child {
        width: 972px;
        text-align: center;
    }

    .collectDltArea div:last-child #imgArr {
        max-height: 60vh;
        height: 60vh;
        width: 100%;
        overflow: hidden;
        position: relative;
    }

        .collectDltArea div:last-child #imgArr .img_area {
            position: absolute;
            height: 100%;
            width: 100%;
            margin: 0px;
        }

    .collectDltArea div.dtlImg {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        margin: 0px;
    }

    .slide {
        width: 100% !important;
        height: 100% !important;
    }
    /* .slide img{
    left: 180px !important;
} */
    .slides_container {
        background-color: #000;
        height: calc(100% - 50px) !important;
    }

    .slides_control {
        height: 100% !important;
    }

    .pagination {
        width: 100%;
    }

        .pagination li {
            width: 10%;
            float: left;
            text-align: right;
        }

    .img_area .iviewer_zoom_in {
        bottom: 15px;
        left: 15px;
        background: url("../images/collectDtl_zoomin02.png") center center no-repeat;
    }

    .img_area .iviewer_zoom_out {
        bottom: 15px;
        left: 55px;
        background: url("../images/collectDtl_zoomout02.png") center center no-repeat;
    }

    .img_area .iviewer_zoom_zero {
        bottom: 15px;
        left: 95px;
        background: url("../images/collectDtl_nomal02.png") center center no-repeat;
    }

    .img_area .iviewer_zoom_fit {
        bottom: 15px;
        left: 135px;
        background: url("../images/collectDtl_rotate02.png") center center no-repeat;
    }

    .img_area .iviewer_button {
        width: 40px;
        cursor: pointer;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .img_area .iviewer_common {
        display: block;
        position: absolute;
        right: 15px;
        height: 40px;
        z-index: 5000;
        text-indent: -9999px;
        overflow: hidden;
    }

    .collectDltArea div.dtlImg img {
        width: 100%;
        object-fit: fill;
    }

    .collectDltArea div.on {
        display: inline-block;
    }

    .collectDltArea div.off {
        display: none;
    }

    .collectDltArea div li dd {
        margin-left: 40px;
    }

    .collectDltArea div li.btns {
        margin-top: 12px;
    }

    .collectDltArea div li:nth-child(2) > span.imgBtn > img {
        float: left;
        margin-right: 6px;
        cursor: pointer;
    }

    .collectDltArea div li:nth-child(3) > pre {
        display: inline-block;
        margin-top: 30px;
        margin-bottom: 60px;
    }
    /*보존연구*/

    .collectionDtlContent {
        width: 100%;
        display: flex;
        /* margin-bottom: 43px; */
    }

        .collectionDtlContent ul li {
            width: 664px;
            float: left;
            margin-bottom: 32px;
            margin-left: 32px;
            font-size: 16px !important;
            line-height: 25px !important;
        }

    .main_content.englishVersion .collectionDtlContent ul li {
        line-height: 22px !important;
    }

    .collectionDtlContent ul li:first-child {
        margin-left: 40px;
    }

    .collectionDtlContent ul li .dpSubject {
        display: inline-block;
        width: 100%;
        margin-bottom: 2px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 28px !important;
        line-height: 40px !important;
    }

    .collectionDtlContent ul li .dpSubInfo {
        display: inline-block;
        width: calc(100% - 30px);
        margin-left: 30px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px !important;
        line-height: 25px !important;
    }

    .main_content.englishVersion .collectionDtlContent ul li .dpSubInfo {
        line-height: 22px !important;
    }

    .collectionDtlContent ul li .collectionDescTitle {
        display: block;
        float: left;
        width: 50%;
        font-size: 28px !important;
        line-height: 22px !important;
    }

    .collectionDtlContent ul li .collectionDescSubTitle {
        display: inline-block;
        width: 50%;
        font-size: 20px !important;
        line-height: 22px !important;
        font-family: AkzidenzGrotesk-Medium;
        margin-bottom: 36px;
    }

    .collectionDtlContent ul li .collectionDesc {
        display: inline-block;
        /* width: calc(100% - 30px); */
        font-size: 16px !important;
        line-height: 25px !important;
        margin-bottom: 45px;
    }

    .main_content.englishVersion .collectionDtlContent ul li .collectionDesc {
        line-height: 22px !important;
    }

    .collectionDtlContent ul li img {
        width: 664px;
        height: 374px;
    }

    .collectionDtlContentPhoto {
        display: flex;
        align-items: baseline;
        flex-wrap: wrap;
    }

        .collectionDtlContentPhoto div {
            width: 316px;
            margin-left: 32px;
            font-family: AkzidenzGrotesk-Medium;
            cursor: pointer;
        }

            .collectionDtlContentPhoto div:nth-child(1), .collectionDtlContentPhoto div:nth-child(5) {
                margin-left: 40px;
            }

            .collectionDtlContentPhoto div img {
                width: 316px;
                height: 178px;
            }

            .collectionDtlContentPhoto div span {
                display: inline-block;
                padding: 0px 0px 20px 0px;
            }

    .collectionDescSubListTitle {
        display: block;
        float: left;
        font-size: 28px !important;
        line-height: 22px !important;
        padding: 91px 0px 25px 40px;
    }

    .researchActivateList {
        display: flow-root;
    }

        .researchActivateList div {
            width: 664px;
            float: left;
            margin-left: 40px;
            margin-bottom: 32px;
            cursor: pointer;
        }

            .researchActivateList div:nth-child(2n) {
                margin-left: 32px;
            }

            .researchActivateList div img {
                width: 664px;
                height: 374px;
            }

            .researchActivateList div li:nth-child(2) {
                margin-top: 12px;
            }

            .researchActivateList div li dt, .researchActivateList div li dd {
                width: 50%;
                float: left;
                font-family: AkzidenzGrotesk-Medium;
            }

            .researchActivateList div li dd {
                color: #868e96;
            }

            .researchActivateList div:last-child {
                margin-bottom: 100px;
            }

        .researchActivateList.inList.noData div:last-child {
            margin-bottom: 0px;
        }

    .faqText {
        width: 100%;
        display: inline-block !important;
        margin-bottom: 63px;
    }

        .faqText ul li {
            width: calc(50% - 60px);
            float: left;
            margin-bottom: 40px;
            margin-left: 40px;
            height: 120px;
            font-size: 16px !important;
            line-height: 25px !important;
        }

    .main_content.englishVersion .faqText ul li {
        line-height: 22px !important;
    }

    .faqText ul:nth-child(2n + 1) li {
        margin-left: 32px;
    }

    .faqText ul:first-child li {
        width: calc(100% - 40px);
        margin-bottom: 40px;
        margin-left: 40px;
        height: auto;
    }

    .faqText ul:first-child li {
        margin-bottom: 15px;
    }

    .faqText ul li dt, .faqText ul li dd {
        font-size: 16px !important;
        line-height: 25px !important;
        font-family: AkzidenzGrotesk-Medium;
    }

    .main_content.englishVersion .faqText ul li dt, .main_content.englishVersion .faqText ul li dd {
        line-height: 22px !important;
    }

    .faqText ul li dt {
        margin-left: 30px;
        margin-bottom: 5px;
    }
    /*보존연구 상세*/
    .conservationResearchDtl div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        display: flex;
        flex-wrap: wrap;
    }

    .main_content.englishVersion .conservationResearchDtl div {
        line-height: 22px;
    }

    .conservationResearchDtl div:last-child {
        margin-bottom: 60px;
    }

    .conservationResearchDtl div li {
        width: calc(50% - 16px);
        margin-bottom: 40px;
        float: left;
    }

        .conservationResearchDtl div li:nth-child(2n) {
            margin-left: 32px;
        }

        .conservationResearchDtl div li img {
            width: 664px;
            height: 374px;
        }

        .conservationResearchDtl div li dt {
            width: calc(100% - 30px);
            margin-left: 30px;
        }

        .conservationResearchDtl div li dd {
            width: 100%;
            min-height: 42px;
            margin-top: 7px !important;
            line-height: 23px;
        }

    .researchActivateSubTitle {
        display: block;
        padding: 30px 0px 20px 40px;
        width: 100%;
    }

    .conservationResearchDtl div li .pageTitle {
        font-size: 28px;
        margin-top: 7px;
    }

    .conservationResearchDtl div.middleTitle li {
        margin-bottom: 17px;
    }

    .conservationResearchDtl div.typeOfDamage li {
        min-height: 215px;
    }
    /*연구활동 상세*/
    .researchActivateDtl div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .main_content.englishVersion .researchActivateDtl div {
        line-height: 22px;
    }

    .researchActivateDtl div li {
        width: 100%;
    }

    .researchActivateDtl div .researchActivateDtlTitle {
        font-size: 28px;
        text-align: center;
    }

    .researchActivateDtl div .researchActivateDtlContent {
        margin-left: 280px;
        width: 800px;
    }

        .researchActivateDtl div .researchActivateDtlContent dt {
            width: calc(100% - 40px);
            margin-left: 40px;
            margin-top: 32px;
            line-height: 25px;
        }

        .researchActivateDtl div .researchActivateDtlContent dd {
            width: 100%;
            margin-bottom: 18px;
            line-height: 25px;
        }

    .main_content.englishVersion .researchActivateDtl div .researchActivateDtlContent dt {
        line-height: 22px;
    }

    .main_content.englishVersion .researchActivateDtl div .researchActivateDtlContent dd {
        line-height: 22px;
    }

    .researchActivateDtl div .researchActivateDtlContentImg div {
        width: 100%;
        text-align: center;
        margin-left: 0px;
    }

        .researchActivateDtl div .researchActivateDtlContentImg div:nth-child(1) {
            margin-top: 14px;
        }

        .researchActivateDtl div .researchActivateDtlContentImg div:nth-child(2) {
            margin-bottom: 27px;
        }

        .researchActivateDtl div .researchActivateDtlContentImg div img {
            width: 370px;
            height: 245px;
            margin-right: 14px;
        }

            .researchActivateDtl div .researchActivateDtlContentImg div img:nth-child(3n), .researchActivateDtl div .researchActivateDtlContentImg div img:last-child {
                margin-right: 0px;
            }

        .researchActivateDtl div .researchActivateDtlContentImg div .researchActivateDtlContentImgdesc {
            font-size: 14px;
            color: #868e96;
        }

    /*작가 타이틀*/
    .artistListTitle {
        width: 100%;
        display: flex;
        padding-top: 150px;
        margin-bottom: 60px;
    }

        .artistListTitle ul li {
            width: 230px;
            float: left;
            margin-bottom: 24px;
            font-size: 16px !important;
            line-height: 25px !important;
        }

    .main_content.englishVersion .artistListTitle ul li {
        line-height: 22px !important;
    }

    .artistListTitle ul li:nth-child(1) {
        margin-left: 40px;
    }

    .artistListTitle ul li:nth-child(3) {
        width: 900px;
    }

    /* 작가 목록*/
    .artistListPage > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 30px;
    }

    .main_content.englishVersion .artistListPage > div {
        line-height: 22px;
    }

    .artistListPage div.artistListPageNm {
        width: 200px;
        height: 200px;
        display: block;
        float: left;
    }

    .artistListPage .char {
        width: 180px;
        position: fixed;
    }

        .artistListPage .char ul {
            width: 100%;
        }

    .char span {
        width: 32px;
        height: 32px;
        border-radius: 32px;
        text-align: center;
        float: left;
        display: block;
        color: #868e96;
        box-sizing: border-box;
        cursor: pointer;
    }

        .char span.on {
            border: 1px #868e96 solid;
        }

    .artistListPage div.artistListPageArc {
        margin-left: 0px;
        margin-bottom: 100px;
        width: calc(100% - 240px);
    }

        .artistListPage div.artistListPageArc ul {
            width: 100%;
            display: inline-block;
            margin-bottom: 60px;
        }

            .artistListPage div.artistListPageArc ul li:first-child {
                width: 30px;
                float: left;
            }

            .artistListPage div.artistListPageArc ul div:last-child {
                width: calc(100% - 30px);
                float: left;
            }

                .artistListPage div.artistListPageArc ul div:last-child div {
                    width: calc((100% - 88px) / 4);
                    margin-right: 16px;
                    float: left;
                    cursor: pointer;
                }

                    .artistListPage div.artistListPageArc ul div:last-child div:nth-child(4n) {
                        margin-right: 0px;
                    }

                    .artistListPage div.artistListPageArc ul div:last-child div li {
                        width: 100%;
                        display: inline-block;
                    }

                        .artistListPage div.artistListPageArc ul div:last-child div li div {
                            position: relative;
                            width: 100%;
                            height: 200px;
                        }

                            .artistListPage div.artistListPageArc ul div:last-child div li div img {
                                position: absolute;
                                top: 0px;
                                width: 100%;
                                height: 200px;
                                object-fit: cover;
                            }

                                .artistListPage div.artistListPageArc ul div:last-child div li div img.second {
                                    opacity: 0;
                                }

                        .artistListPage div.artistListPageArc ul div:last-child div li img {
                            width: 100%;
                            height: 200px;
                            object-fit: cover;
                        }

                        .artistListPage div.artistListPageArc ul div:last-child div li span {
                            display: block;
                            width: 100%;
                            height: 20px;
                            margin-bottom: 10px;
                            line-height: 5px;
                        }
    /* 작가 상세 */
    .artistDtlPage > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .main_content.englishVersion .artistDtlPage > div {
        line-height: 22px;
    }

    .artistDtlPage div div.artistDtlPageNm {
        width: 338px;
        float: left;
    }

        .artistDtlPage div div.artistDtlPageNm dt {
            font-size: 28px;
            margin-bottom: 5px;
        }

    .artistDtlPage div:first-child div.artistDtlPageNm dd {
        width: calc(100% - 30px);
        margin-left: 30px;
    }

    .artistDtlPage div div.artistDtlPageArc {
        width: calc(100% - 338px);
    }

        .artistDtlPage div div.artistDtlPageArc li img {
            width: 100%;
            height: 576px;
        }

        .artistDtlPage div div.artistDtlPageArc li iframe {
            width: 100%;
            height: 576px;
        }

        .artistDtlPage div div.artistDtlPageArc li dt {
            width: calc(100% - 30px);
            margin-left: 30px;
        }

    .artistDtlPhotoPage > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        margin-top: 45px;
        /* margin-bottom: 70px; */
    }

    .main_content.englishVersion .artistDtlPhotoPage > div {
        line-height: 22px;
    }

    .artistDtlPhotoPage > div > div {
        width: calc(50% - 16px);
        margin-right: 32px;
        float: left;
    }

        .artistDtlPhotoPage > div > div li {
            display: inherit;
            margin-top: 10px;
            margin-bottom: 22px;
        }

            .artistDtlPhotoPage > div > div li:nth-child(1) {
                margin: 0px !important;
            }

        .artistDtlPhotoPage > div > div:last-child {
            margin-right: 0px;
        }

    .artistCollection li div {
        width: calc(50% - 16px);
        margin-right: 32px;
        margin-bottom: 32px;
        float: left;
    }

        .artistCollection li div:nth-child(2n) {
            margin-right: 0px;
        }

        .artistCollection li div img {
            width: 100%;
        }

        .artistCollection li div dt, .artistCollection li div dd, .artistCollection li div span {
            width: 100%;
            display: block;
        }

        .artistCollection li div dt, .artistCollection li div dd, .artistCollection li div span {
            width: 100%;
            display: block;
        }

        .artistCollection li div dt {
            margin-top: 12px;
        }

        .artistCollection li div dd span {
            color: #868e96;
        }

    .artistDisplay li dt, .artistDisplay li dd {
        width: 50%;
        float: left;
        margin-top: 12px;
    }

    .artistDisplay li dd {
        margin-top: 12px !important;
    }

    .artistDisplay li:first-child dt, .artistDisplay li:first-child dd {
        margin: 0px !important;
    }

    .artistDisplay li dd {
        color: #868e96;
    }

        .artistDisplay li dd span {
            margin: 0px;
        }
    /* 프로그램목록 */
    .programListCurrent div {
        width: calc(100% - 80px);
        margin-left: 40px;
        margin-bottom: 32px;
        cursor: pointer;
    }

        .programListCurrent div li {
            float: left;
            font-family: AkzidenzGrotesk-Medium;
        }

            .programListCurrent div li:nth-child(2n) {
                margin-left: 32px;
            }

            .programListCurrent div li dt {
                width: 430px;
                margin-bottom: 5px;
            }

            .programListCurrent div li dd {
                width: 430px;
                color: #868e96;
            }

            .programListCurrent div li img {
                width: 896px;
            }

    /* 프로그램 목록 롤링*/
    .programRollArea {
        width: 1440px;
        margin: 0px auto;
        padding: 0;
    }

    .programRollContent {
        width: max-content;
        position: relative;
        height: 680px;
        margin-bottom: 100px;
    }

        .programRollContent .programRoll {
            float: left;
            position: absolute;
        }

            .programRollContent .programRoll.roll01 {
                left: 0px;
            }

            .programRollContent .programRoll.roll02 {
                left: 1440px;
            }

    .programRoll div {
        width: 432px;
        float: left;
        margin-left: 32px;
        cursor: pointer;
    }

        .programRoll div:nth-child(2) {
            margin-bottom: 32px;
        }

        .programRoll div:first-child {
            width: 896px;
            margin-left: 40px;
        }

        .programRoll div li {
            margin-top: 12px;
        }

            .programRoll div li dt {
                margin-bottom: 5px;
            }

            .programRoll div li dd {
                color: #868e96;
                font-family: AkzidenzGrotesk-Medium;
            }

            .programRoll div li img {
                width: 100%;
            }

            .programRoll div li img {
                height: 245px;
            }

        .programRoll div:first-child li img {
            height: 601px;
        }

    .board {
        width: calc((100vw - 1380px) / 2);
        height: 700px;
        background-color: #ffffff;
        position: absolute;
        top: 170px;
        z-index: 10000;
    }

        .board.first_bd {
            left: 0px;
        }

        .board.second_bd {
            right: 0px;
        }
    /* 프로그램 목록 롤링 끝*/


    .programListPast div {
        display: inline-block;
        width: 432px;
        height: 317px;
        float: left;
        margin-bottom: 32px;
        margin-left: 32px;
        cursor: pointer;
    }

        .programListPast div:nth-child(1), .programListPast div:nth-child(9) {
            width: 896px;
            height: 651px;
        }

        .programListPast div:nth-child(1), .programListPast div:nth-child(4), .programListPast div:nth-child(7), .programListPast div:nth-child(8), .programListPast div:nth-child(10) {
            margin-left: 40px;
        }

        .programListPast div:nth-child(8) {
            clear: left;
        }

        .programListPast div:nth-child(9) {
            float: inherit;
        }

        .programListPast div:nth-child(10) {
            clear: both;
        }

        .programListPast div li:nth-child(2) {
            margin-top: 12px;
        }

        .programListPast div li dt {
            margin-bottom: 9px;
        }

        .programListPast div li dd {
            color: #868e96;
        }

        .programListPast div li img {
            width: 432px;
            height: 245px;
        }

        .programListPast div:nth-child(1) img, .programListPast div:nth-child(9) img {
            width: 896px;
            height: 593px;
        }
    /*현재프로그램 상세*/
    .programCurrentDtl div {
        width: calc(50% - 40px);
        float: left;
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
    }

        .programCurrentDtl div:last-child {
            margin-left: 0px;
            padding-left: 20px;
        }

        .programCurrentDtl div:first-child li:first-child {
            font-size: 28px;
        }

        .programCurrentDtl div li dd {
            margin-top: 3px !important;
            margin-left: 30px !important;
        }

    .programCurrentDtl .programCurrentDtlContent ul {
        width: 100%;
    }

        .programCurrentDtl .programCurrentDtlContent ul.programCurrentDtlContentDesc {
            margin-bottom: 40px;
        }

    .programCurrentDtl .programCurrentDtlContent .btnProgram_wh, .programCurrentDtl .programCurrentDtlContent .btnProgram_gr {
        width: 180px;
    }

    .programCurrentDtl .programCurrentDtlContent ul li {
        font-size: 16px !important;
        line-height: 25px;
    }

    .main_content.englishVersion .programCurrentDtl .programCurrentDtlContent ul li {
        line-height: 22px;
    }

    .programCurrentDtlContent .programCurrentDtlContentImg {
        margin-top: 40px;
        margin-bottom: 25px;
    }

        .programCurrentDtlContent .programCurrentDtlContentImg img {
            width: 316px;
            border: #868e96 1px solid;
        }

        .programCurrentDtlContent .programCurrentDtlContentImg span {
            font-size: 14px !important;
            color: #868e96;
            cursor: pointer;
        }

    .programCurrentDtlJoin {
        border-top: #868e96 1px solid;
    }

        .programCurrentDtlJoin li:first-child {
            margin-top: 18px;
        }

        .programCurrentDtlJoin li:last-child {
            margin-bottom: 18px;
        }

        .programCurrentDtlJoin li:first-child span {
            margin-left: 30px;
        }
    /*프로그램 소식 목록*/
    .programNewsList div {
        width: calc(100% - 80px);
        margin-left: 40px;
    }

        .programNewsList div:last-child {
            padding-bottom: 30px;
        }

        .programNewsList div li {
            float: left;
            font-size: 16px !important;
            line-height: 25px;
            color: #868e96;
            padding-top: 16px;
            padding-bottom: 16px;
            border-top: #868e96 1px solid;
            font-family: AkzidenzGrotesk-Medium;
            cursor: pointer;
        }

    .main_content.englishVersion .programNewsList div li {
        line-height: 22px;
    }

    .programNewsList div:last-child li {
        border-bottom: #868e96 1px solid;
    }

    .programNewsList div.noticeNews li {
        color: #000;
    }

    .programNewsList div li:nth-child(1) {
        width: 10%;
    }

    .programNewsList div li:nth-child(2) {
        width: 80%;
    }

    .programNewsList div li:nth-child(3) {
        text-align: right;
        width: 10%;
    }
    /*프로그램 소식 상세*/
    .programNewsDtl div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
    }

        .programNewsDtl div li {
            width: 100%;
            text-align: center;
            font-size: 16px;
            line-height: 25px;
        }

    .main_content.englishVersion .programNewsDtl div li {
        line-height: 22px;
    }

    .programNewsDtl div .noticeNewsDtlTitle {
        font-size: 28px;
    }

    .programNewsDtl div .noticeNewsDtlContent {
        margin-top: 25px;
        margin-left: 280px;
        width: 800px;
    }

        .programNewsDtl div .noticeNewsDtlContent pre {
            width: 800px;
        }

    .programNewsNextPrev div {
        float: left;
        width: calc(50% - 40px);
        margin-left: 40px;
    }

        .programNewsNextPrev div:last-child {
            margin-left: 0px;
        }

        .programNewsNextPrev div li {
            float: left;
            font-size: 16px !important;
            line-height: 25px;
            color: #868e96;
            padding-top: 16px;
            padding-bottom: 16px;
            font-family: AkzidenzGrotesk-Medium;
        }

    .main_content.englishVersion .programNewsNextPrev div li {
        line-height: 22px;
    }

    .programNewsNextPrev div li:nth-child(1) {
        width: 15%;
    }

    .programNewsNextPrev div li:nth-child(2) {
        width: 85%;
    }
    /* 프로그램 신청 - 회원, 비회원*/
    .programApplyMemberPage > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .main_content.englishVersion .programApplyMemberPage > div {
        line-height: 22px;
    }

    .programApplyMemberPage .programApplyMemberPageContent {
        /* border-top: #d2d2d2 1px solid; */
    }

        .programApplyMemberPage .programApplyMemberPageContent:first-child {
            border-top: 0px;
        }

    .programApplyMemberPage div div.programApplyMemberPageNm {
        width: 308px;
        float: left;
    }

        .programApplyMemberPage div div.programApplyMemberPageNm dt {
            margin-top: 10px;
        }

    .programApplyMemberPage div div.programApplyMemberPageArc {
        width: calc(100% - 308px);
    }

    .programApplyMemberPage div div.programApplyMemberPageDesc {
        width: calc(100% - 308px);
    }

    .programApplyMemberPage div .programApplyMemberPageDesc > li {
        width: calc(50% - 40px);
        margin-right: 40px;
        float: left;
    }

    .programApplyMemberPage div .programApplyMemberPageDesc dt {
        margin-left: 40px;
    }

    .programApplyMemberPage div .programApplyMemberPageDesc dd {
        margin: 10px 0px 30px 0px;
    }

    .programApplyMemberPage div div.programApplyMemberPageArc > li {
        width: 100%;
        min-height: 43px;
        padding-top: 15px;
        border-top: #d2d2d2 1px solid;
    }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.dateChoice {
            height: 65px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.textarea {
            height: 150px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.passwordDesc {
            min-height: 200px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.ask {
            height: 70px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.passwordDesc dd > span.desc {
            display: inline-block;
            width: calc(100% - 40px);
            min-height: 25px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.passwordDesc dd > span:nth-child(12) {
            margin-bottom: 10px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li:first-child {
            border-top: 0px;
            padding-top: 12px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li dt {
            width: 230px;
            padding-top: 3px;
            float: left;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.passwordDesc dd:first-child {
            width: 230px;
            padding-top: 3px;
            float: left;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li dd {
            width: calc(100% - 230px);
            display: inline-block;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li .idInput {
            width: 288px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.passwordDesc dd:last-child {
            float: right;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li .personnel {
            width: 100%;
            display: inline-block;
            margin-top: 3px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li .viewMoreText {
            margin-left: 30px;
            font-size: 14px;
        }

    .programApplyMemberPageArc .arc .noInput {
        padding-top: 3px;
    }

    .programApplyMemberPageArc .arc textarea {
        width: 100%;
        height: 129px;
    }

    .programApplyMemberPage .programApplyMemberPageContent:last-child li .programAskDesc {
        width: 100%;
        display: inline-block;
        margin-left: 40px;
    }

        .programApplyMemberPage .programApplyMemberPageContent:last-child li .programAskDesc.noMargin {
            margin-left: 0px;
        }

    .programApplyMemberPage .programApplyMemberPageContent:last-child {
        margin-bottom: 100px;
    }

        .programApplyMemberPage .programApplyMemberPageContent:last-child li {
            border: 0px;
        }
    /* 프로그램 신청 - 완료*/
    .programApplyCompletePage > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .programApplyCompletePage .programApplyCompletePageContent {
        border-top: #d2d2d2 1px solid;
    }

        .programApplyCompletePage .programApplyCompletePageContent:first-child {
            border-top: 0px;
        }

    .programApplyCompletePage div div.programApplyCompletePageNm {
        width: 308px;
        float: left;
        margin-bottom: 40px;
    }

    .programApplyCompletePage div:first-child div.programApplyCompletePageNm {
        width: 100%;
    }

    .programApplyCompletePage div div.programApplyCompletePageNm dt {
        margin-top: 10px;
    }

    .programApplyCompletePage div div.programApplyCompletePageArc {
        width: calc(100% - 308px);
    }

        .programApplyCompletePage div div.programApplyCompletePageArc > li {
            width: 100%;
            min-height: 43px;
            padding-top: 15px;
            border-top: #d2d2d2 1px solid;
        }

            .programApplyCompletePage div div.programApplyCompletePageArc > li:first-child {
                border-top: 0px;
                padding-top: 12px;
            }

            .programApplyCompletePage div div.programApplyCompletePageArc > li dt {
                width: 230px;
                padding-top: 3px;
                float: left;
            }

            .programApplyCompletePage div div.programApplyCompletePageArc > li dd {
                width: calc(100% - 230px);
                display: inline-block;
                padding-top: 3px;
            }

    .programApplyCompletePage .programApplyCompletePageContent:last-child {
        margin-bottom: 50px;
    }

        .programApplyCompletePage .programApplyCompletePageContent:last-child li {
            height: 80px;
            border: 0px;
        }

            .programApplyCompletePage .programApplyCompletePageContent:last-child li .programAskDesc {
                width: 100%;
                display: inline-block;
                margin-left: 40px;
            }

            .programApplyCompletePage .programApplyCompletePageContent:last-child li .btn_wh {
                width: 180px;
            }

    /*공간 자료*/
    .dataListTitle {
        width: 100%;
        display: flex;
        margin-top: 74px;
    }

        .dataListTitle ul li {
            width: 664px;
            float: left;
            margin-bottom: 15px;
            margin-left: 32px;
            font-size: 16px !important;
            line-height: 25px !important;
        }

    .main_content.englishVersion .dataListTitle ul li {
        line-height: 22px !important;
    }

    .dataListTitle ul li:first-child {
        margin-left: 40px;
    }

    .teensWorkBookList div {
        width: calc(25% - 45px);
        float: left;
        margin-right: 32px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        cursor: pointer;
        margin-bottom: 32px;
    }

    .main_content.englishVersion .teensWorkBookList div {
        line-height: 22px;
    }

    .teensWorkBookList div:nth-child(4n + 1) {
        margin-left: 40px;
    }

    .teensWorkBookList div:nth-child(4n) {
        margin-right: 0px;
    }

    .teensWorkBookList div li {
        width: 100%;
    }

        .teensWorkBookList div li img {
            width: 316px;
            height: 448px;
        }

        .teensWorkBookList div li dt {
            margin-top: 12px;
            margin-bottom: 9px;
        }

        .teensWorkBookList div li dd {
            margin-top: 9px;
            color: #868e96;
        }

    .printWorkList div {
        width: calc(25% - 45px);
        float: left;
        margin-right: 32px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        cursor: pointer;
        margin-bottom: 32px;
    }

    .main_content.englishVersion .printWorkList div {
        line-height: 22px;
    }

    .printWorkList div:nth-child(4n + 1) {
        margin-left: 40px;
    }

    .printWorkList div:nth-child(4n) {
        margin-right: 0px;
    }

    .printWorkList div li {
        width: 100%;
    }

        .printWorkList div li img {
            width: 316px;
            height: 448px;
        }

        .printWorkList div li dt {
            margin-top: 12px;
            margin-bottom: 9px;
        }

    .movieList div {
        width: calc(33.3333% - 48px);
        float: left;
        margin-right: 32px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        cursor: pointer;
        margin-bottom: 32px;
    }

    .main_content.englishVersion .movieList div {
        line-height: 22px;
    }

    .movieList div:nth-child(1), .movieList div:nth-child(2), .movieList div:nth-child(6), .movieList div:nth-child(7) {
        width: calc(50% - 56px);
    }

    .movieList div:nth-child(1), .movieList div:nth-child(3), .movieList div:nth-child(6), .movieList div:nth-child(8) {
        margin-left: 40px;
    }

    .movieList div:nth-child(2), .movieList div:nth-child(5), .movieList div:nth-child(7), .movieList div:nth-child(10) {
        margin-right: 0px;
    }

    .movieList div li {
        width: 100%;
    }

        .movieList div li:nth-child(2) {
            margin-top: 12px;
        }

        .movieList div li img {
            width: 432px;
            height: 245px;
        }

    .movieList div:nth-child(1) li img, .movieList div:nth-child(2) li img, .movieList div:nth-child(6) li img, .movieList div:nth-child(7) li img {
        width: 664px;
        height: 377px;
    }

    .movieList div li dt, .movieList div li dd {
        width: 100%;
    }

        .movieList div li dt span {
            width: 50%;
            float: left;
            display: block;
        }

        .movieList div li dd span {
            display: inline-block;
        }

        .movieList div li dt span:nth-child(2) {
            width: calc(50% - 20px);
            margin-left: 20px;
            color: #868e96;
            float: left;
            display: block;
        }
    /*틴즈워크북 상세*/
    .teensWorkBookDtl div {
        width: calc(50% - 40px);
        float: left;
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
    }

        .teensWorkBookDtl div:last-child {
            margin-left: 0px;
            padding-left: 20px;
        }

        .teensWorkBookDtl div:first-child ul li:first-child {
            font-size: 28px;
        }

        .teensWorkBookDtl div:first-child ul li:last-child dd {
            margin-left: 30px !important;
            margin-bottom: 30px;
        }

    .teensWorkBookDtl .teensWorkBookDtlContent ul {
        width: 100%;
    }

        .teensWorkBookDtl .teensWorkBookDtlContent ul.teensWorkBookDtlContentDesc {
            margin-top: 24px;
            margin-bottom: 16px;
        }

        .teensWorkBookDtl .teensWorkBookDtlContent ul li {
            font-size: 16px !important;
            line-height: 25px;
        }

    .main_content.englishVersion .teensWorkBookDtl .teensWorkBookDtlContent ul li {
        line-height: 22px;
    }

    .teensWorkBookDtlContentImg {
        margin-top: 40px;
        margin-bottom: 25px;
    }

        .teensWorkBookDtlContentImg img {
            width: 316px;
            border: #868e96 1px solid;
        }

        .teensWorkBookDtlContentImg span {
            font-size: 14px !important;
            color: #868e96;
        }

    .teensWorkBookDtlContent .btn_wh {
        width: 180px;
    }
    /*동영상 상세*/
    .movieDtl div {
        width: calc(50% - 40px);
        float: left;
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
    }

        .movieDtl div:last-child {
            margin-left: 0px;
            padding-left: 20px;
        }

        .movieDtl div ul {
            width: 100%;
        }

        .movieDtl div:first-child ul li:first-child {
            font-size: 28px;
        }

        .movieDtl div:first-child ul li:last-child dd {
            margin-left: 30px !important;
        }

            .movieDtl div:first-child ul li:last-child dd:last-child {
                margin-bottom: 30px;
            }

    .movieDtl .movieDtlContent ul {
        width: 100%;
    }

        .movieDtl .movieDtlContent ul.movieDtlContentDesc {
            margin-top: 24px;
            margin-bottom: 16px;
        }

        .movieDtl .movieDtlContent ul li {
            font-size: 16px !important;
            line-height: 25px;
        }

    .main_content.englishVersion .movieDtl .movieDtlContent ul li {
        line-height: 22px;
    }

    .movieDtlContentImg {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 25px;
    }

        .movieDtlContentImg li div {
            width: 664px;
            height: 366px;
        }

        .movieDtlContentImg li img {
            width: 664px;
            height: 366px;
        }
    /*출판물 상세*/
    .printWorkDtl div {
        width: calc(50% - 40px);
        float: left;
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
    }

        .printWorkDtl div:last-child {
            margin-left: 0px;
            padding-left: 20px;
        }

        .printWorkDtl div ul {
            width: 100%;
        }

        .printWorkDtl div:first-child ul li:first-child {
            margin-top: 9px;
            font-size: 28px;
        }

        .printWorkDtl div:first-child ul li:last-child dt {
            color: #868e96;
            margin-bottom: 10px !important;
        }

        .printWorkDtl div:first-child ul li:last-child dd {
            margin-left: 30px !important;
        }

            .printWorkDtl div:first-child ul li:last-child dd:last-child {
                margin-bottom: 30px;
            }

    .printWorkDtl .printWorkDtlContent ul {
        width: 100%;
    }

        .printWorkDtl .printWorkDtlContent ul.printWorkDtlContenttDesc {
            margin-top: 9px;
            margin-bottom: 16px;
        }

            .printWorkDtl .printWorkDtlContent ul.printWorkDtlContenttDesc pre:nth-child(2), .printWorkDtl .printWorkDtlContent ul.printWorkDtlContenttDesc pre:nth-child(3) {
                width: 50%;
                float: left;
            }

        .printWorkDtl .printWorkDtlContent ul li {
            font-size: 16px !important;
            line-height: 25px;
        }

    .main_content.englishVersion .printWorkDtl .printWorkDtlContent ul li {
        line-height: 22px;
    }

    .printWorkDtlContentImg {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 25px;
    }

        .printWorkDtlContentImg span {
            font-size: 14px !important;
            color: #868e96;
        }

        .printWorkDtlContentImg li img {
            width: 316px;
            height: 448px;
        }
    /* 공간 - 개요 */
    .constructIntro > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px !important;
        margin-bottom: 40px;
    }

    .main_content.englishVersion .constructIntro > div {
        line-height: 22px !important;
    }

    .constructIntro > div:last-child {
        margin-bottom: 100px;
    }

    .constructIntro > div > li {
        width: calc(50% + 16px);
        display: block;
        float: left;
    }

        .constructIntro > div > li:nth-child(2n) {
            width: calc(50% - 16px);
        }

        .constructIntro > div > li dt {
            font-size: 20px !important;
            line-height: 28px !important;
            margin-bottom: 51px;
            max-width: 624px;
            word-break: keep-all;
        }

        .constructIntro > div > li dd {
            width: 100%;
        }

    .constructIntro > div:nth-child(2) > li dd img {
        width: 664px;
        height: 399px;
        margin-top: -40px;
    }

    .constructIntro > div > li:first-child dd {
        width: calc(100% - 32px);
        margin-right: 32px;
    }

    .constructIntro > div:nth-child(4) li {
        width: 100%;
    }

        .constructIntro > div:nth-child(4) li dd {
            width: 100%;
        }

            .constructIntro > div:nth-child(4) li dd div {
                width: calc((100% - 64px) / 3);
                margin-right: 32px;
                min-height: 350px;
                float: left;
                position: relative;
            }

                .constructIntro > div:nth-child(4) li dd div span {
                    width: 100%;
                    text-align: center;
                    display: inline-block;
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                }

                .constructIntro > div:nth-child(4) li dd div:first-child span {
                    bottom: 21px;
                }

                .constructIntro > div:nth-child(4) li dd div:last-child {
                    margin-right: 0px;
                }

                .constructIntro > div:nth-child(4) li dd div img {
                    width: 270px;
                    margin-left: calc((100% - 270px) / 2);
                    height: auto;
                }

                .constructIntro > div:nth-child(4) li dd div:nth-child(2) img {
                    margin-left: calc((100% - 280px) / 2);
                    width: 280px;
                }

                .constructIntro > div:nth-child(4) li dd div:nth-child(3) img {
                    margin-left: calc((100% - 300px) / 2);
                    width: 300px;
                }

    .constructIntro > div:nth-child(6) {
        margin-top: 100px;
    }

        .constructIntro > div:nth-child(6) li dt {
            font-size: 28px !important;
            line-height: 28px !important;
            margin-bottom: 5px;
        }

    .constructIntro > div:nth-child(7) {
        margin-bottom: 20px;
    }

        .constructIntro > div:nth-child(7) li dt {
            margin: 0px;
        }

    .constructIntro > div:nth-child(8) li dd {
        margin-top: 10px;
    }

    .logoCiImg {
        display: block;
        width: 664px;
        height: 408px;
        border: #d2d2d2 1px solid;
    }

        .logoCiImg.ci img {
            width: 230px;
            height: 268px;
            margin-top: 65px;
            margin-left: 217px;
        }

        .logoCiImg.logoimg img {
            width: 260px;
            height: 62px;
            margin-top: 173px;
            margin-left: 201px;
        }
    /* 공간 - 건축 목록 */
    .constructList > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px !important;
        margin-bottom: 50px;
    }

    .main_content.englishVersion .constructList > div {
        line-height: 22px !important;
    }

    .constructList > div:last-child {
        margin-bottom: 100px !important;
    }

    .constructList > div > li {
        width: calc(50% + 16px);
        display: block;
        float: left;
    }

        .constructList > div > li:nth-child(2n) {
            width: calc(50% - 16px);
        }

    .constructList div > li dt {
        font-size: 20px !important;
    }

    .constructList div > li dd {
        width: 100%;
    }

    .constructList div > li:first-child dd {
        width: calc(100% - 32px);
        margin-right: 32px;
    }

    .constructList div.leeumImg {
        text-align: center;
    }

        .constructList div.leeumImg img {
            width: 1128px;
        }

    .constructList div.architect {
        margin-bottom: 32px;
    }

        .constructList div.architect div {
            width: calc(50% + 16px);
            display: block;
            float: left;
            cursor: pointer;
        }

            .constructList div.architect div:nth-child(2n) {
                width: calc(50% - 16px);
            }

            .constructList div.architect div li:nth-child(2) {
                margin-top: 0px;
            }

            .constructList div.architect div li img {
                width: 664px;
                height: 374px;
            }

            .constructList div.architect div li > span {
                width: 50%;
                display: block;
                float: left;
            }

            .constructList div.architect div > li > span:nth-child(2) {
                color: #868e96;
            }
    /* 공간 - 건축 상세 */
    .constructDtlPage div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 50px;
    }

    .main_content.englishVersion .constructDtlPage div {
        line-height: 22px;
    }

    .constructDtlPage div:last-child {
        margin-bottom: 100px;
    }

    .constructDtlPage div > li {
        width: calc(50% + 16px);
        display: block;
        float: left;
        margin-bottom: 32px;
    }

        .constructDtlPage div > li:nth-child(2n) {
            width: calc(50% - 16px);
        }

    .constructDtlPage div.introDesc > li:last-child {
        text-align: center;
        width: 100%;
        display: block;
        float: left;
    }

        .constructDtlPage div.introDesc > li:last-child img {
            margin-top: 20px;
            width: 100%;
        }

    .constructDtlPage div .documentTitle {
        font-size: 28px !important;
        line-height: 30px;
    }

    .constructDtlPage div > li dt {
        margin-bottom: 20px;
    }

    .constructDtlPage div > li dd {
        width: 100%;
    }

        .constructDtlPage div > li dd .desc {
            width: 100%;
            display: block;
            float: left;
        }

            .constructDtlPage div > li dd .desc.subDesc {
                margin-left: 30px;
            }

    .constructDtlPage div > li:first-child dt {
        width: calc(100% - 32px);
        margin-right: 32px;
    }

    .constructDtlPage div > li:first-child dd {
        width: calc(100% - 32px);
        margin-right: 32px;
    }

    .constructDtlPage div.constructDesciptionTitle {
        margin-left: 40px;
        margin-bottom: 0px !important;
    }

    .constructDtlPage div dt .descSubTitle {
        font-size: 20px !important;
        line-height: 28px;
    }

    .constructDtlPage div.constructDesciption li img {
        width: 664px;
        height: 498px;
        margin-bottom: 12px;
    }

    .constructDtlPage div li pre {
        width: 664px;
        margin: 0px 0px 10px 0px !important;
        line-height: 24px;
    }

    .constructDtlPage div.constructDesciption li > span {
        width: 100%;
        display: block;
        min-height: 55px;
    }

        .constructDtlPage div.constructDesciption li > span > span {
            width: 332px;
            display: block;
            float: left;
            line-height: 24px;
        }

            .constructDtlPage div.constructDesciption li > span > span:nth-child(2) {
                color: #868e96;
            }

    .constructDtlPage div.architectorIntroduce li > .architectorprofileArea > span {
        display: block;
        float: left;
        min-height: 55px;
    }

        .constructDtlPage div.architectorIntroduce li > .architectorprofileArea > span:first-child {
            width: calc(45%);
        }

        .constructDtlPage div.architectorIntroduce li > .architectorprofileArea > span:last-child {
            float: right;
            margin-bottom: 46px;
            width: 350px;
        }

    .constructDtlPage div.architectorIntroduce li > span {
        width: 100%;
        display: block;
        min-height: 55px;
        margin-top: 12px;
    }

        .constructDtlPage div.architectorIntroduce li > span > span {
            width: 332px;
            display: block;
            float: left;
            line-height: 24px;
        }

            .constructDtlPage div.architectorIntroduce li > span > span:nth-child(2) {
                color: #868e96;
            }

                .constructDtlPage div.architectorIntroduce li > span > span:nth-child(2) > span {
                    width: 100%;
                    display: block;
                    float: left;
                }

    .constructDtlPage div.architectorInterviewMovie {
        text-align: center;
    }

        .constructDtlPage div.architectorInterviewMovie img {
            width: 956px;
            height: 500px;
        }

        .constructDtlPage div.architectorInterviewMovie iframe {
            width: 956px;
            height: 500px;
        }

    .constructDtlPage div.architectorInterview li > dt {
        margin: 20px 0px 10px 30px;
    }

    .constructDtlPage .architectorInterview.title li > dt {
        margin: 0px !important;
    }

    .constructDtlPage div.architectorInterview li:first-child > dt {
        width: calc(100% - 62px);
    }

    .constructDtlPage div.architectorInterview li:last-child > dt {
        width: calc(100% - 30px);
    }
    /*공간 공통*/
    .dataListNextPrev div {
        float: left;
        width: calc(50% - 40px);
        padding-left: 40px;
    }

        .dataListNextPrev div li {
            float: left;
            font-size: 16px !important;
            line-height: 25px;
            color: #868e96;
            padding-top: 16px;
            padding-bottom: 16px;
            font-family: AkzidenzGrotesk-Medium;
        }

    .main_content.englishVersion .dataListNextPrev div li {
        line-height: 22px;
    }

    .dataListNextPrev div li:nth-child(1) {
        width: 15%;
    }

    .dataListNextPrev div li:nth-child(2) {
        width: 85%;
    }
    /* 공간 - 공용공간리뉴얼 목록 */
    .reNewSpaceList > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px !important;
        margin-bottom: 32px;
    }

    .main_content.englishVersion .reNewSpaceList > div {
        line-height: 22px !important;
    }

    .reNewSpaceList > div:last-child {
        margin-bottom: 68px;
    }

    .reNewSpaceList > div > li {
        width: calc(50% + 16px);
        display: block;
        float: left;
    }

        .reNewSpaceList > div > li:nth-child(2n) {
            width: calc(50% - 16px);
        }

        .reNewSpaceList > div > li dt {
            font-size: 20px !important;
        }

    .reNewSpaceList div.reNewSpace div {
        width: calc(50% + 16px);
        margin-bottom: 32px;
        cursor: pointer;
        float: left;
    }

    .reNewSpaceList > div.reNewSpace > div:nth-child(2n) {
        width: calc(50% - 16px);
    }

    .reNewSpaceList div.reNewSpace div li:nth-child(2) {
        margin-top: 12px;
    }

    .reNewSpaceList div.reNewSpace div li img {
        width: 664px;
        height: 374px;
    }

    .reNewSpaceList div.reNewSpace div li > span {
        width: 100%;
        display: block;
        float: left;
    }
    /* 공간 - 공용공간리뉴얼 상세 */
    .reNewSpaceDtl div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .main_content.englishVersion .reNewSpaceDtl div {
        line-height: 22px;
    }

    .reNewSpaceDtl div li {
        width: 100%;
    }

    .reNewSpaceDtl div .reNewSpaceDtlTitle {
        font-size: 28px;
        text-align: center;
        margin-top: 9px;
        margin-bottom: 14px;
        line-height:130%;
    }

    .reNewSpaceDtl div .reNewSpaceDtlContent {
        margin-left: 280px;
        width: 800px;
    }

        .reNewSpaceDtl div .reNewSpaceDtlContent dt {
            width: calc(100% - 40px);
            margin-left: 40px;
            margin-top: 32px;
            line-height: 25px;
        }

    .main_content.englishVersion .reNewSpaceDtl div .reNewSpaceDtlContent dt {
        line-height: 22px;
    }

    .reNewSpaceDtl div .reNewSpaceDtlContent dd {
        width: 100%;
        margin-bottom: 18px;
        line-height: 25px;
    }

    .main_content.englishVersion .reNewSpaceDtl div .reNewSpaceDtlContent dd {
        line-height: 22px;
    }

    .reNewSpaceDtl div .reNewSpaceDtlContentImg div {
        width: 100%;
        text-align: center;
        margin-left: 0px;
        margin-top: 14px;
        margin-bottom: 60px;
    }

        .reNewSpaceDtl div .reNewSpaceDtlContentImg div img {
            width: 664px;
            height: 396px;
        }
    /* 편의시설*/
    .facilitiesPage > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 32px;
    }

    .main_content.englishVersion .facilitiesPage > div {
        line-height: 22px;
    }

    .facilitiesPage > div:last-child {
        margin-bottom: 100px;
    }

    .facilitiesPage div div.facilitiesPagePageNm {
        width: 432px;
        margin-right: 32px;
        float: left;
    }

        .facilitiesPage div div.facilitiesPagePageNm dt {
            width: calc(100% - 30px);
            margin-left: 30px;
            margin-bottom: 3px;
            float: left;
        }

        .facilitiesPage div div.facilitiesPagePageNm dd {
            width: 100%;
            float: left;
            line-height: 24px;
        }

            .facilitiesPage div div.facilitiesPagePageNm dd span {
                color: #868e96;
            }

    .facilitiesPage div div.facilitiesPagePageArc {
        width: calc(100% - 464px);
    }

        .facilitiesPage div div.facilitiesPagePageArc > li {
            width: 100%;
            min-height: 43px;
        }

            .facilitiesPage div div.facilitiesPagePageArc > li img {
                width: 896px;
            }
    /* 멤버십안내 */
    .membershipInfomaionPage > div {
        width: calc(100% - 80px);
        /*margin-left: 40px;*/
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .main_content.englishVersion .membershipInfomaionPage > div {
        line-height: 22px;
    }

    .membershipInfomaionPage div div.membershipInfomaionPageNm {
        width: 232px;
        float: left;
    }

        .membershipInfomaionPage div div.membershipInfomaionPageNm.line {
            border-top: #d2d2d2 1px solid;
        }

        .membershipInfomaionPage div div.membershipInfomaionPageNm dt {
            margin-top: 10px;
        }

    .membershipInfomaionPage div.membershipInfomaionEnglish div.membershipInfomaionPageArc .line dt:nth-child(3) {
        margin-top: 20px;
    }

    .membershipInfomaionPage div.membershipInfomaionEnglish div.membershipInfomaionPageArc .line dd:nth-child(4) {
        margin-bottom: 10px;
    }

    .membershipInfomaionPage div div.membershipInfomaionPageArc {
        width: calc(100% - 232px);
    }

    .membershipInfomaionPage div.membershipInfomaionPageContent {
        border-top: #d2d2d2 1px solid;
        margin-bottom: 20px;
    }

    .membershipInfomaionPage div div.membershipInfomaionPageArc {
        border-top: #d2d2d2 1px solid;
    }

    .membershipInfomaionPage div div:nth-child(2) {
        border-top: 0px;
    }

    .membershipInfomaionPage div div.membershipInfomaionPageArc li {
        padding-top: 12px;
        float: left;
        margin-bottom: 30px;
    }

        .membershipInfomaionPage div div.membershipInfomaionPageArc li:first-child {
            width: 450px;
            padding-top: 12px;
        }

        .membershipInfomaionPage div div.membershipInfomaionPageArc li.full {
            width: calc(100% - 450px);
        }

        .membershipInfomaionPage div div.membershipInfomaionPageArc li.half {
            width: calc((100% - 450px) / 2);
        }

        .membershipInfomaionPage div div.membershipInfomaionPageArc li dt {
            width: calc(100% - 30px);
            margin-left: 30px;
            float: left;
        }

        .membershipInfomaionPage div div.membershipInfomaionPageArc li dd .desc {
            width: calc(100% - 25px);
            display: inline-flex;
            line-height: 25px;
        }

            .membershipInfomaionPage div div.membershipInfomaionPageArc li dd .desc.subDesc {
                margin-left: 30px;
            }

            .membershipInfomaionPage div div.membershipInfomaionPageArc li dd .desc.qna {
                margin-bottom: 20px;
            }

        .membershipInfomaionPage div div.membershipInfomaionPageArc li:first-child dd {
            margin-right: 30px;
        }

        .membershipInfomaionPage div div.membershipInfomaionPageArc li .giftMembershipBtn {
            width: 200px;
        }

    .membershipInfomaionPage div .membershipInfomaionPageArc.agreeArea li {
        padding-top: 18px !important;
        width: 100% !important;
    }

        .membershipInfomaionPage div .membershipInfomaionPageArc.agreeArea li dd input[type="checkbox"] {
            float: left;
            margin: 5px 10px 0px 0px;
        }

        .membershipInfomaionPage div .membershipInfomaionPageArc.agreeArea li dd span.agreeDesc {
            width: calc(100% - 30px) !important;
            margin-bottom: 7px;
            display: block;
            float: left;
        }

        .membershipInfomaionPage div .membershipInfomaionPageArc.agreeArea li dd span.btn_wh, .membershipInfomaionPage div .membershipInfomaionPageArc.agreeArea li dd span.btn_gr {
            width: 190px
        }

        .membershipInfomaionPage div .membershipInfomaionPageArc.agreeArea li dd:last-child {
            margin-top: 36px;
            margin-bottom: 100px;
        }

    .membershipInfomaionPage div div.membershipProgramNm {
        width: 100%;
        float: left;
        border-top: #d2d2d2 1px solid;
        padding: 23px 0px 23px 0px;
    }

    .membershipInfomaionPage div div.membershipProgramArc {
        width: 100%;
        float: left;
    }

        .membershipInfomaionPage div div.membershipProgramArc > div {
            width: calc((100% - 96px) / 4);
            float: left;
            margin-right: 32px;
            margin-bottom: 23px;
        }

            .membershipInfomaionPage div div.membershipProgramArc > div li:nth-child(2) {
                margin-top: 12px;
            }

            .membershipInfomaionPage div div.membershipProgramArc > div li span {
                width: 100%;
                float: left;
                display: block;
            }

                .membershipInfomaionPage div div.membershipProgramArc > div li span:last-child {
                    margin-top: 5px;
                    color: #868e96;
                }

            .membershipInfomaionPage div div.membershipProgramArc > div:nth-child(4n) {
                margin-right: 0px;
            }

    .membershipPager {
        text-align: center;
        width: 100%;
        display: block;
        margin-bottom: 100px;
    }

        .membershipPager > .pagerPoint {
            display: block;
            margin-left: calc((100% - 105px) / 2);
        }

            .membershipPager > .pagerPoint span {
                width: 10px;
                height: 10px;
                display: block;
                border: 1px #868e96 solid;
                border-radius: 10px;
                margin: 10px 10px 5px 5px;
                float: left;
            }

                .membershipPager > .pagerPoint span.on {
                    background-color: #868e96;
                }
            
    /* 20220118 멤버십 카드사진 추가 */
    .membershipInfomaionPage div div.membershipInfomaionPageNm dt img {
        width: 200px;
        height: 290px;
    }
    
    /* 기프트멤버십안내 */
    .giftMembershipInfomaionPage > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .main_content.englishVersion .giftMembershipInfomaionPage > div {
        line-height: 22px;
    }

    .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageNm {
        width: 347px;
        float: left;
    }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageNm.line {
            border-top: #d2d2d2 1px solid;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageNm dt {
            margin-top: 10px;
        }

    .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc {
        width: calc(100% - 347px);
    }

    .giftMembershipInfomaionPage div.giftMembershipInfomaionPageContent {
        border-top: #d2d2d2 1px solid;
        margin-bottom: 20px;
    }

    .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc {
        border-top: #d2d2d2 1px solid;
    }

    .giftMembershipInfomaionPage div div:nth-child(2) {
        border-top: 0px;
    }

    .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li {
        padding-top: 12px;
        float: left;
        margin-bottom: 30px;
    }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li:first-child {
            width: 450px;
            padding-top: 12px;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li.full {
            width: calc(100% - 450px);
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dt {
            width: calc(100% - 30px);
            margin-left: 30px;
            margin-bottom: 7px;
            float: left;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .desc {
            width: calc(100% - 25px);
            display: inline-flex;
            line-height: 25px;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .reciver {
            width: 100%;
            display: block;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd textarea {
            width: 100%;
            height: 128px;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .reciver span:nth-child(1), .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .reciver span:nth-child(3) {
            width: 20%;
            float: left;
            padding: 5px 0px 5px 0px;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .reciver span:nth-child(2), .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .reciver span:nth-child(4) {
            width: 80%;
            float: left;
            padding: 5px 0px 5px 0px;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .desc.subDesc {
            margin-left: 30px;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li:first-child dd {
            margin-right: 30px;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li .giftMembershipBtn {
            width: 200px;
        }

    .giftMembershipInfomaionPage div .giftMembershipInfomaionPageArc.agreeArea li {
        padding-top: 18px !important;
        width: 100% !important;
    }

        .giftMembershipInfomaionPage div .giftMembershipInfomaionPageArc.agreeArea li dd input[type="checkbox"] {
            float: left;
            margin: 5px 10px 0px 0px;
        }

        .giftMembershipInfomaionPage div .giftMembershipInfomaionPageArc.agreeArea li dd span.agreeDesc {
            width: calc(100% - 30px) !important;
            margin-bottom: 7px;
            display: block;
            float: left;
        }

        .giftMembershipInfomaionPage div .giftMembershipInfomaionPageArc.agreeArea li dd span.btn_wh, .giftMembershipInfomaionPage div .giftMembershipInfomaionPageArc.agreeArea li dd span.btn_gr {
            width: 190px
        }

        .giftMembershipInfomaionPage div .giftMembershipInfomaionPageArc.agreeArea li dd:last-child {
            margin-top: 36px;
            margin-bottom: 100px;
        }
    /* 기프트멤버십사용등록*/
    .giftMembershipPage > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .main_content.englishVersion .giftMembershipPage > div {
        line-height: 22px;
    }

    .giftMembershipPage div div.giftMembershipPageNm {
        width: 308px;
        float: left;
    }

        .giftMembershipPage div div.giftMembershipPageNm dt {
            margin-top: 10px;
        }

    .giftMembershipPage div div.giftMembershipPageArc {
        width: calc(100% - 308px);
    }

        .giftMembershipPage div div.giftMembershipPageArc > ul {
            width: 100%;
        }

            .giftMembershipPage div div.giftMembershipPageArc > ul > li {
                width: 100%;
                min-height: 30px;
                padding-top: 20px;
                padding-bottom: 20px;
                display: inline-block;
                border-bottom: #d2d2d2 1px solid;
            }

                .giftMembershipPage div div.giftMembershipPageArc > ul > li dt {
                    width: calc(100% - 30px);
                    margin-left: 30px;
                    padding-bottom: 4px;
                    float: left;
                }

                .giftMembershipPage div div.giftMembershipPageArc > ul > li dd {
                    width: 100%;
                    display: inline-block;
                }

                .giftMembershipPage div div.giftMembershipPageArc > ul > li span.arcDesc {
                    display: inline-block;
                    width: calc(100% - 40px);
                    min-height: 25px;
                }

                .giftMembershipPage div div.giftMembershipPageArc > ul > li .cardNumber > span.dash {
                    display: block;
                    width: 20px;
                    text-align: center;
                    float: left;
                }

                .giftMembershipPage div div.giftMembershipPageArc > ul > li .cardNumber > input, .giftMembershipPage div div.giftMembershipPageArc > ul > li .cardNumber > select {
                    float: left;
                }

                .giftMembershipPage div div.giftMembershipPageArc > ul > li .change {
                    margin-top: 3px;
                }

                    .giftMembershipPage div div.giftMembershipPageArc > ul > li .change.viewMoreText {
                        margin-left: 20px;
                        font-size: 14px;
                    }

            .giftMembershipPage div div.giftMembershipPageArc > ul:last-child > li:last-child {
                margin-bottom: 100px;
                border: 0px;
            }
    /* 관람안내 */
    .visitInfomationPage > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        border-top: #868e96 1px solid;
    }

    .main_content.englishVersion .visitInfomationPage > div {
        line-height: 22px;
    }

    .visitInfomationPage .visitInfoContent:last-child {
        margin-bottom: 60px;
    }

    .visitInfomationPage div .visitInfoTitle {
        width: 350px;
        float: left;
    }

    .visitInfomationPage div .visitInfoContent_first {
        width: 331px;
        margin-right: 16px;
        float: left;
    }

    .visitInfomationPage div .visitInfoContent_second {
        width: calc(100% - 697px);
        float: left;
    }

    .visitInfomationPage div .visitInfoContent_guide {
        width: 681px;
        margin-right: 16px;
        float: left;
    }

    .visitInfomationPage div div.visitInfoContent_guide span.arcDesc {
        display: inline-block;
        width: calc(100% - 40px);
        min-height: 25px;
    }

    .visitInfomationPage div div.visitInfoContent_guide li dd {
        display: inline-block;
        width: calc(100% - 30px);
        margin-left: 30px;
    }

    .visitInfomationPage div div.visitInfoContent_guide li:first-child {
        margin-bottom: 8px;
    }

    .visitInfomationPage div div li {
        width: 100%;
        padding-top: 12px;
        display: inline-block;
    }

    .visitInfomationPage div > div > li:last-child {
        padding-bottom: 40px;
    }

    .visitInfomationPage div div.visitInfoContent_first li dt, .visitInfomationPage div.visitInfoContent_second li dt {
        width: calc(100% - 30px);
        margin-left: 30px;
        margin-bottom: 2px;
        float: left;
    }

    .visitInfomationPage div div li dd .desc {
        width: calc(100% - 25px);
        display: inline-flex;
        line-height: 25px;
    }

    .main_content.englishVersion .visitInfomationPage div div li dd .desc {
        line-height: 22px;
    }

    .visitInfomationPage div div li dd .desc.subDesc {
        margin-left: 30px;
    }

    .visitInfomationPage div div.visitInfoContent_second li dd img {
        width: 665px;
        height: 458px;
    }
    /*공지사항 목록*/
    .noticePageList div {
        width: calc(100% - 80px);
        margin-left: 40px;
    }

        .noticePageList div:last-child {
            margin-bottom: 30px;
        }

        .noticePageList div li {
            float: left;
            font-size: 16px !important;
            line-height: 25px;
            color: #868e96;
            padding-top: 16px;
            padding-bottom: 16px;
            border-top: #868e96 1px solid;
            font-family: AkzidenzGrotesk-Medium;
            cursor: pointer;
        }

    .main_content.englishVersion .noticePageList div li {
        line-height: 22px;
    }

    .noticePageList div:last-child li {
        border-bottom: #868e96 1px solid;
    }

    .noticePageList div.noticeNews li {
        color: #000;
    }

    .noticePageList div li:nth-child(1) {
        width: 10%;
    }

    .noticePageList div li:nth-child(2) {
        width: 80%;
    }

    .noticePageList div li:nth-child(3) {
        text-align: right;
        width: 10%;
    }
    /*공지사항 상세*/
    .noticeDtl div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
    }

        .noticeDtl div li {
            width: 100%;
            text-align: center;
            font-size: 16px;
            line-height: 25px;
        }

    .main_content.englishVersion .noticeDtl div li {
        line-height: 22px;
    }

    .noticeDtl div li.noticeBtnArea {
        text-align: left !important;
    }

        .noticeDtl div li.noticeBtnArea > span {
            width: 180px;
            margin-left: 280px;
        }

    .noticeDtl div .noticeNewsDtlTitle {
        font-size: 28px;
    }

    .noticeDtl div .noticeNewsDtlContent {
        margin-top: 25px;
        margin-left: 280px;
        width: 800px;
    }

        .noticeDtl div .noticeNewsDtlContent pre {
            width: 800px;
        }

    .noticeNextPrev div {
        float: left;
        width: calc(50% - 40px);
        padding-left: 40px;
    }

        .noticeNextPrev div li {
            float: left;
            font-size: 16px !important;
            line-height: 25px;
            color: #868e96;
            padding-top: 16px;
            padding-bottom: 16px;
            font-family: AkzidenzGrotesk-Medium;
        }

    .main_content.englishVersion .noticeNextPrev div li {
        line-height: 22px;
    }

    .noticeNextPrev div li:nth-child(1) {
        width: 15%;
    }

    .noticeNextPrev div li:nth-child(2) {
        width: 85%;
    }
    /*FAQ*/
    .faqList div {
        width: calc(100% - 80px);
        margin-left: 40px;
        padding: 15px 0px 15px 0px;
        border-top: #868e96 1px solid;
        color: #868e96;
        display:inline-block;
    }

        .faqList div:last-child {
            border-bottom: #868e96 1px solid;
            margin-bottom: 100px;
        }

        .faqList div span {
            display: block;
            float: left;
        }

            .faqList div span.no {
                width: 57px;
            }

            .faqList div span.title {
                width: 409px;
            }

            .faqList div span.content {
                width: 700px;
                display: none;
            }

            .faqList div span.activateIcon {
                width: 14px;
                height: 14px;
                background-color: #ffffff;
                border: #000000 1px solid;
                border-radius: 14px;
                float: right;
            }

        .faqList div .activateIcon.open {
            background-color: #ffffff;
        }

        .faqList div.open {
            color: #000000;
        }

            .faqList div.open .content {
                display: block;
                line-height: 25px;
            }

    .main_content.englishVersion .faqList div.open .content {
        line-height: 22px;
    }

    .faqList div.open .activateIcon {
        background-color: #000000;
    }
    /* 로그인 */
    .memberLoginPage div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        margin-top: 200px;
        margin-bottom: 101px;
    }

        .memberLoginPage div li {
            width: calc(100% - 928px);
            margin-left: 464px;
        }

            .memberLoginPage div li:first-child {
                width: 100%;
                margin-left: 0px;
                font-size: 28px;
                text-align: center;
            }

/* 멤버스 라운지 로그인 화면 추가 */
		.memberLoginPage div .MemberLounge_memberLoginPageTitle {
                width: 100%;
                margin-left: 0px;
                margin-bottom: 50px;
                font-size: 40px !important;
                text-align: center;
        }

		.memberLoginPage div .MemberLounge_memberLoginPageSubTitle {
                width: 100%;
                margin-left: 0px;
                margin-bottom: 20px;
                font-size: 22px;
                text-align: center;
        }
        .memberLoginPage div li div.bottomLineLounge {
            margin: 10px 0px 10px 0px;
            width: 100%;
			border-bottom: #d2d2d2 1px solid;
        }
/* 멤버스 라운지 로그인 화면 추가 끝*/

        .memberLoginPage div .memberLoginPageInput {
            border-bottom: #868e96 1px solid;
            padding: 12px 0px 12px 0px;
        }

        .memberLoginPage div .memberLoginPageContent {
            text-align: center;
        }

        .memberLoginPage div .memberLoginPageInput span {
            display: inline-block;
            font-size: 14px;
            width: 15%;
        }

        .memberLoginPage div .memberLoginPageInput > input {
            width: 80%;
            background-color: #ffffff;
        }

        .memberLoginPage div .memberLoginPageIdPasswordFind span {
            display: block;
            float: left;
            font-size: 14px;
            margin: 12px 30px 12px 0px;
            color: #868e96;
        }

        .memberLoginPage div .memberLoginPageContent span {
            display: inline-block;
            font-size: 14px;
            width: calc(100% - 30px);
            color: #868e96;
            margin-bottom: 10px;
        }

        .memberLoginPage div li div.bottomLine {
            margin: 30px 0px 30px 0px;
            width: 431px;
        }

        .memberLoginPage div li span.btn_wh, .memberLoginPage div li span.btn_gr, .memberLoginPage div li span.btn_bk {
            width: 391px;
        }

        .memberLoginPage div li:last-child {
            margin-bottom: 125px;
        }
    /* 회원가입 */
    .memberJoinSelectPage div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        margin-top: 200px;
        margin-bottom: 101px;
    }

        .memberJoinSelectPage div li {
            width: calc(100% - 928px);
            margin-left: 464px;
        }

            .memberJoinSelectPage div li:first-child {
                width: 100%;
                margin-left: 0px;
            }

        .memberJoinSelectPage div .memberJoinSelectPageTitle {
            font-size: 28px;
            text-align: center;
        }

        .memberJoinSelectPage div .memberJoinSelectPageSubTitle, .memberJoinSelectPage div .memberJoinSelectPageContent {
            width: 431px;
            margin-top: 35px;
        }

            .memberJoinSelectPage div .memberJoinSelectPageSubTitle span {
                display: block;
                width: max-content;
                float: left;
            }

                .memberJoinSelectPage div .memberJoinSelectPageSubTitle span:last-child {
                    float: right;
                }

            .memberJoinSelectPage div .memberJoinSelectPageContent span {
                display: inline-block;
                width: calc(100% - 30px);
                margin-left: 30px;
                margin-top: 3px;
                width: 100%;
            }

        .memberJoinSelectPage div li div.bottomLine {
            margin: 40px 0px 32px 0px;
            width: 431px;
        }

        .memberJoinSelectPage div li span.btn_wh {
            width: 391px;
        }

        .memberJoinSelectPage div li:nth-child(8), .memberJoinSelectPage div li:nth-child(13) {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .memberJoinSelectPage div li span.viewMoreText {
            font-size: 14px;
            margin-left: 30px;
        }

        .memberJoinSelectPage div li span.viewMoreArrow {
            font-size: 20px;
        }
    /* 웹회원가입 */
    .webMemberSelectPage div {
        width: calc(33.3333% - 155px);
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        float: left;
        margin: 10px 0px 177px 91px;
    }

        .webMemberSelectPage div:first-child {
            margin-left: 142px;
        }

        .webMemberSelectPage div li {
            width: 100%;
        }

            .webMemberSelectPage div li span.btn_wh {
                width: calc(100% - 40px);
                margin-bottom: 15px;
            }

            .webMemberSelectPage div li.webMemberSelectPageSubTitle dt {
                margin-left: 29px;
            }

    .webMemberSelectPageDesc span {
        width: 100%;
        display: inline-block;
        font-size: 14px;
        color: #868e96;
    }
    /* 웹회원 일반회원 가입인증 */
    .memberConfirmPage > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .memberConfirmPage div div.memberConfirmPageNm {
        width: 308px;
        float: left;
    }

        .memberConfirmPage div div.memberConfirmPageNm dt {
            margin-top: 10px;
        }

    .memberConfirmPage div div.memberConfirmPageArc {
        width: calc(100% - 308px);
    }

        .memberConfirmPage div div.memberConfirmPageArc li.arc {
            width: 100%;
            height: 45px;
            padding-top: 12px;
            /* border-top: #d2d2d2 1px solid; */
        }

        .memberConfirmPage div div.memberConfirmPageArc li span.radioArc {
            display: inline-block;
            margin: 10px 20px 20px 0px;
        }

        .memberConfirmPage div div.memberConfirmPageArc li dt {
            width: 107px;
            float: left;
        }

        .memberConfirmPage div div.memberConfirmPageArc li dd {
            width: calc(100% - 107px);
        }

        .memberConfirmPage div div.memberConfirmPageArc li:last-child {
            margin-bottom: 95px;
        }
    /* 웹회원 일반회원 동의 */
    .memberAgreePage > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .memberAgreePage div div.memberAgreePageNm {
        width: 308px;
        float: left;
    }

        .memberAgreePage div div.memberAgreePageNm dt, .memberAgreePage div div.memberAgreePageArc dt {
            margin-top: 10px;
        }

    .memberAgreePage div div.memberAgreePageArc {
        width: calc(100% - 308px);
    }

    .memberAgreePage div.memberAgreePageContent {
        border-top: #d2d2d2 1px solid;
        margin-bottom: 20px;
    }

    .memberAgreePage div:nth-child(1) {
        margin-bottom: 12px;
    }

    .memberAgreePage div:nth-child(4) {
        margin-bottom: 0px;
    }

    .memberAgreePage > div:last-child {
        margin-bottom: 100px;
    }

    .memberAgreePage div div.memberAgreePageArc li {
        width: 100%;
        padding-top: 12px;
    }

        .memberAgreePage div div.memberAgreePageArc li span.radioArc {
            display: inline-block;
            margin: 10px 20px 20px 0px;
        }

        .memberAgreePage div div.memberAgreePageArc li dt {
            width: 107px;
            float: left;
        }

        .memberAgreePage div div.memberAgreePageArc li pre {
            width: calc(100% - 25px);
            height: 210px;
            padding: 12px;
            font-size: 14px;
            overflow: auto;
            color: #868e96;
            border: #d2d2d2 1px solid;
        }

        .memberAgreePage div div.memberAgreePageArc li span.btn_gr {
            width: 225px;
        }
    /* 웹회원 일반회원 회원정보입력 */
    .memberInformationPage > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .memberInformationPage div div.memberInformationPageNm {
        width: 308px;
        float: left;
    }

        .memberInformationPage div div.memberInformationPageNm dt {
            margin-top: 10px;
        }

    .memberInformationPage div div.memberInformationPageArc {
        width: calc(100% - 308px);
    }

        .memberInformationPage div div.memberInformationPageArc > li {
            width: 100%;
            min-height: 43px;
            padding-top: 15px;
            border-top: #d2d2d2 1px solid;
        }

            .memberInformationPage div div.memberInformationPageArc > li:first-child {
                border-top: 0px;
                padding-top: 12px;
            }

            .memberInformationPage div div.memberInformationPageArc > li:nth-child(10) {
                /* height: 120px; */
            }

            .memberInformationPage div div.memberInformationPageArc > li dt {
                width: 230px;
                padding-top: 3px;
                float: left;
            }

            .memberInformationPage div div.memberInformationPageArc > li dd {
                width: calc(100% - 230px);
                display: inline-block;
            }

            .memberInformationPage div div.memberInformationPageArc > li .idInput {
                width: 288px;
            }

            .memberInformationPage div div.memberInformationPageArc > li .idcheck {
                margin-top: 3px;
            }

                .memberInformationPage div div.memberInformationPageArc > li .idcheck.viewMoreText {
                    margin-left: 20px;
                    font-size: 14px;
                }

            .memberInformationPage div div.memberInformationPageArc > li .passwordInput {
                width: 374px;
            }

            .memberInformationPage div div.memberInformationPageArc > li span.radioArc {
                display: inline-block;
                margin-right: 20px;
            }

            .memberInformationPage div div.memberInformationPageArc > li:last-child {
                margin-bottom: 100px;
                padding-top: 30px;
            }

    .memberInformationPageArc .arc .password {
        padding-top: 3px;
    }

    .memberInformationPageArc .arc .noInput {
        padding-top: 3px;
    }

    .memberInformationPageArc .arc .selfInput {
        margin: 5px 7px 0px 13px;
    }

    .memberInformationPageArc .arc .noInput .agreeInfo, .memberInformationPageArc .arc .noInput .agreeInfoTable {
        width: 100%;
        margin-top: 5px;
        display: inline-block;
    }

    .agreeInfoTable .agreeInfoArc:nth-child(1) {
        width: 40%;
        float: left;
    }

    .agreeInfoTable .agreeInfoArc:nth-child(2), .agreeInfoTable .agreeInfoArc:nth-child(3) {
        width: 30%;
        float: left;
    }

    .agreeInfoTable .agreeInfoArc > span {
        width: 100%;
        display: block;
    }

        .agreeInfoTable .agreeInfoArc > span.title {
            width: calc(100% - 30px);
            margin-top: 3px;
            margin-left: 30px;
        }
    /* 리움프렌즈 회원가입 */
    .memberLeeumPage > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .memberLeeumPage div div.memberLeeumPageNm {
        width: 308px;
        float: left;
    }

        .memberLeeumPage div div.memberLeeumPageNm dt, .memberLeeumPage div div.memberLeeumPageArc dt {
            width: 100%;
            display: block;
            margin-top: 20px;
            margin-bottom: 12px;
        }

    .memberLeeumPage .memberLeeumPageContent:first-child div dt {
        margin-top: 10px;
        border-top: 0px;
    }

    .memberLeeumPage .memberLeeumPageContent div dd {
        margin-left: 30px;
    }

    .memberLeeumPage div div.memberLeeumPageArc {
        width: calc(100% - 308px);
    }

    .memberLeeumPage div.memberLeeumPageContent {
        border-top: #d2d2d2 1px solid;
        margin-bottom: 10px;
    }

    .memberLeeumPage .memberLeeumPageContent:first-child {
        border-top: 0px;
        margin-bottom: 30px;
    }

    .memberLeeumPage div:nth-child(4) {
        margin-bottom: 0px;
    }

    .memberLeeumPage > div:last-child {
        margin-bottom: 100px;
    }

    .memberLeeumPage div div.memberLeeumPageArc li {
        width: 100%;
        padding-top: 12px;
    }

    .memberLeeumPage div div.memberLeeumPageArc span.radioArc {
        display: inline-block;
        margin: 20px 20px 10px 0px;
    }

    .memberLeeumPage div div.memberLeeumPageArc span.arcDesc {
        display: inline-block;
        width: calc(100% - 40px);
        min-height: 25px;
    }

    .memberLeeumPage div div.memberLeeumPageArc > .arcDesc:last-child {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .memberLeeumPage div .inputArea {
        margin-top: 15px;
    }

        .memberLeeumPage div .inputArea input[type="text"] {
            margin-bottom: 15px;
        }

    .memberLeeumPage div div.memberLeeumPageArc li pre {
        width: calc(100% - 25px);
        height: 210px;
        padding: 12px;
        font-size: 14px;
        overflow: auto;
        color: #868e96;
        border: #d2d2d2 1px solid;
    }

    .memberLeeumPage div div.memberLeeumPageArc li span.btn_gr, .memberLeeumPage div div.memberLeeumPageArc li span.btn_wh {
        width: 170px;
    }

    .memberLeeumPageContent .memberLeeumPageArc .arc .LeeumInfoTable {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 10px;
        display: inline-block;
    }

    .LeeumInfoTable .LeeumInfoArc:nth-child(1) {
        width: 30%;
        float: left;
    }

    .LeeumInfoTable .LeeumInfoArc:nth-child(2) {
        width: 70%;
        float: left;
    }

    .LeeumInfoTable .LeeumInfoArc > span {
        width: 100%;
        display: block;
    }

    .LeeumInfoArc > span.title {
        width: calc(100% - 30px);
        margin-top: 3px;
        margin-left: 30px;
    }

    .popupNoAgree {
        position: fixed;
        top: calc((100vh - 144px) / 2);
        left: calc((100vw - 378px) / 2);
        width: 338px;
        height: 104px;
        background-color: #ffffff;
        border: 1px #d2d2d2 solid;
        padding: 20px;
    }

        .popupNoAgree li {
            width: 100%;
        }

            .popupNoAgree li .btn_wh {
                margin-top: 40px;
                width: calc(100% - 40px);
            }

    .popupCloseIcon {
        float: right;
        width: 14px;
        height: 14px;
        display: block;
        background-color: #000000;
        border: 1px #000000 solid;
        border-radius: 14px;
        cursor: pointer;
    }

    .popupComplete {
        position: fixed;
        top: calc((100vh - 284px) / 2);
        left: calc((100vw - 378px) / 2);
        width: 338px;
        height: 244px;
        background-color: #ffffff;
        border: 1px #d2d2d2 solid;
        padding: 20px;
    }

        .popupComplete li {
            width: 100%;
        }

            .popupComplete li:nth-child(1) span:first-child {
                width: calc(100% - 20px);
                display: block;
                margin-bottom: 5px;
                float: left;
            }

            .popupComplete li:nth-child(2) span:first-child {
                width: calc(100% - 50px);
                margin-left: 30px;
                margin-bottom: 5px;
                display: block;
            }

            .popupComplete li .completeDesc {
                width: calc(100% - 40px);
                display: block;
                height: 25px;
            }

            .popupComplete li .btn_wh {
                margin-top: 40px;
                width: calc(100% - 40px);
            }

    .popupViewTerms {
        position: fixed;
        top: 200px;
        left: calc((100vw - 800px) / 2);
        width: 800px;
        height: calc(100vh - 400px);
        background-color: #ffffff;
        border: 1px #d2d2d2 solid;
        padding: 20px;
    }

        .popupViewTerms li {
            width: 100%;
        }

            .popupViewTerms li:nth-child(1) span:first-child {
                width: calc(100% - 20px);
                display: block;
                margin-bottom: 5px;
                float: left;
            }

            .popupViewTerms li:nth-child(2) {
                height: calc(100vh - 440px);
                overflow: auto;
                margin-top: 40px;
                font-size: 14px;
            }

                .popupViewTerms li:nth-child(2) dd {
                    width: calc(100% - 40px);
                    margin-left: 40px;
                }

    .popupViewPersonalInfo {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 80%;
        max-width: 800px;
        transform: translate(-50%,-50%);
        height: 70%;
        background-color: #ffffff;
        border: 1px #d2d2d2 solid;
        padding: 20px;
    }

        .popupViewPersonalInfo li {
            width: 100%;
            height: 30px;
        }

            .popupViewPersonalInfo li:nth-child(1) span:first-child, .popupViewPersonalInfo li:nth-child(1) span:nth-child(2) {
                width: calc(50% - 10px);
                display: inline-block;
                margin-bottom: 5px;
                float: left;
            }

            .popupViewPersonalInfo li:nth-child(2) {
                height: calc(100vh - 450px);
                overflow: auto;
                margin-top: 30px;
                font-size: 14px;
                line-height: 23px;
            }

                .popupViewPersonalInfo li:nth-child(2) dd.descLv2 {
                    width: calc(100% - 40px);
                    margin-left: 40px;
                }

                .popupViewPersonalInfo li:nth-child(2) dd.descLv3 {
                    width: calc(100% - 80px);
                    margin-left: 80px;
                }

                .popupViewPersonalInfo li:nth-child(2) dd.descLv4 {
                    width: calc(100% - 120px);
                    margin-left: 120px;
                }

                .popupViewPersonalInfo li:nth-child(2) dd.descLv5 {
                    width: calc(100% - 160px);
                    margin-left: 160px;
                }

                .popupViewPersonalInfo li:nth-child(2) dd.descLv3 > .desc {
                    display: inline-block;
                    width: calc(100% - 40px);
                }

                .popupViewPersonalInfo li:nth-child(2) dd.descLv3 > .gridTitle, .popupViewPersonalInfo li:nth-child(2) dd.descLv3 > .gridCont {
                    display: inline-block;
                    width: 100%;
                    padding: 5px 0px 5px 0px;
                    border-top: 1px #d2d2d2 solid;
                }

    .descLv3 > .gridTitle {
        margin-top: 20px;
    }

    .descLv3 > .gridCont:last-child {
        margin-bottom: 20px;
        border-bottom: 1px #d2d2d2 solid;
    }

    .descLv3 > .gridTitle > span, .descLv3 > .gridCont > span {
        display: block;
        width: 50%;
        float: left;
    }

    .descLv3 > .gridTitle > span {
        text-align: center;
    }
    /* mypage*/
    .mypageTitle {
        width: 100%;
        display: flex;
        margin-top: 130px;
    }

        .mypageTitle ul {
            display: inherit;
        }

            .mypageTitle ul li {
                width: 308px;
                float: left;
                margin-bottom: 18px;
                margin-left: 40px;
                font-size: 16px !important;
                line-height: 25px !important;
            }

                .mypageTitle ul li:nth-child(2) {
                    width: calc(100% - 348px);
                    margin-left: 0px;
                }

                    .mypageTitle ul li:nth-child(2) span {
                        display: block;
                        float: left;
                        margin-right: 40px;
                        cursor: pointer;
                    }

                        .mypageTitle ul li:nth-child(2) span.off {
                            color: #868e96;
                        }

            .mypageTitle ul .bottomLine {
                margin-top: 22px !important;
            }

            .mypageTitle ul:nth-child(2) li:nth-child(2) span {
                width: 100%;
                display: block;
                line-height: 23px;
                cursor: auto;
            }

    /* mypage - 회원정보수정*/
    .mypageMemberInfoPage > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .mypageMemberInfoPage div div.mypageMemberInfoPageNm {
        width: 308px;
        float: left;
    }

        .mypageMemberInfoPage div div.mypageMemberInfoPageNm dt {
            margin-top: 10px;
        }

    .mypageMemberInfoPage div div.mypageMemberInfoPageArc {
        width: calc(100% - 308px);
    }

        .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li {
            width: 100%;
            min-height: 43px;
            padding-top: 15px;
            border-top: #d2d2d2 1px solid;
        }

            .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li:first-child {
                border-top: 0px;
                padding-top: 12px;
            }

            .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li:nth-child(6) {
                height: 90px;
            }

            .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li dt {
                width: 230px;
                padding-top: 3px;
                float: left;
            }

            .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li dd {
                width: calc(100% - 230px);
                display: inline-block;
            }

            .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li .mypageEmailDesc {
                width: calc(100% - 230px);
            }

                .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li .mypageEmailDesc span.arcDesc {
                    display: inline-block;
                    width: calc(100% - 40px);
                    min-height: 25px;
                }

            .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li .passwordInput {
                width: 250px;
                float: left;
            }

    .mypageMemberInfoPageArc .arc .noInput {
        padding-top: 3px;
    }

    .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li .change {
        margin-top: 3px;
    }

        .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li .change.viewMoreText {
            margin-left: 20px;
            font-size: 14px;
        }

    .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li span.radioArc {
        display: inline-block;
        margin-right: 20px;
    }

    .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li:last-child {
        margin-bottom: 100px;
        padding-top: 30px;
    }
    /* mypage - 프로그램접수확인 */
    .programAcceptList div {
        width: calc(100% - 80px);
        margin-left: 40px;
    }

        .programAcceptList div li {
            float: left;
            font-size: 16px !important;
            line-height: 25px;
            padding-top: 16px;
            padding-bottom: 16px;
            border-bottom: #d2d2d2 1px solid;
            font-family: AkzidenzGrotesk-Medium;
            cursor: pointer;
        }

        .programAcceptList div:first-child li {
            padding-top: 0px;
            cursor: default;
        }

        .programAcceptList div li:nth-child(1), .programAcceptList div li:nth-child(2) {
            width: 23%;
        }

        .programAcceptList div li:nth-child(3) {
            width: 17%;
        }

        .programAcceptList div li:nth-child(4), .programAcceptList div li:nth-child(5), .programAcceptList div li:nth-child(6) {
            width: 10%;
        }

        .programAcceptList div li:nth-child(7) {
            width: 7%;
        }

    .programAcceptListPage {
        width: 100%;
        margin-top: 60px;
        text-align: center;
        margin-bottom: 60px;
    }

        .programAcceptListPage span {
            display: inline-block;
            width: 36px;
            height: 36px;
            line-height: 36px !important;
            color: #868e96;
        }

            .programAcceptListPage span.on {
                border-radius: 36px;
                border: 1px solid #868e96;
            }

    .programAcceptDesc {
        width: 1440px;
        margin-left: calc((100% - 1360px) / 2);
        margin-bottom: 100px;
        display: inline-block !important;
    }

        .programAcceptDesc > span.payDesc {
            display: block;
            width: calc(100% - 40px);
            min-height: 25px;
            float: left;
        }
    /* mypage - 멤버십신청내역 */
    .membershipAccptList div {
        width: calc(100% - 80px);
        margin-left: 40px;
    }

        .membershipAccptList div li {
            float: left;
            font-size: 16px !important;
            line-height: 25px;
            padding-top: 16px;
            padding-bottom: 16px;
            border-bottom: #d2d2d2 1px solid;
            font-family: AkzidenzGrotesk-Medium;
            cursor: pointer;
        }

        .membershipAccptList div:first-child li {
            padding-top: 0px;
            cursor: default;
        }

        .membershipAccptList div li:nth-child(1), .membershipAccptList div li:nth-child(2) {
            width: 22%;
        }

        .membershipAccptList div li:nth-child(3) {
            width: 20%;
        }

        .membershipAccptList div li:nth-child(4), .membershipAccptList div li:nth-child(5), .membershipAccptList div li:nth-child(6) {
            width: 12%;
        }

    .membershipAccptListPage {
        width: 100%;
        margin-top: 60px;
        text-align: center;
        margin-bottom: 60px;
    }

        .membershipAccptListPage span {
            display: inline-block;
            width: 36px;
            height: 36px;
            line-height: 36px !important;
            color: #868e96;
        }

            .membershipAccptListPage span.on {
                border-radius: 36px;
                border: 1px solid #868e96;
            }
    /* mypage - 기프트멤버십구매내역 */
    .membershipBuyAccptList div {
        width: calc(100% - 80px);
        margin-left: 40px;
    }

        .membershipBuyAccptList div li {
            float: left;
            font-size: 16px !important;
            line-height: 25px;
            padding-top: 16px;
            padding-bottom: 16px;
            border-bottom: #d2d2d2 1px solid;
            font-family: AkzidenzGrotesk-Medium;
            cursor: pointer;
        }

        .membershipBuyAccptList div:first-child li {
            padding-top: 0px;
            cursor: default;
        }

        .membershipBuyAccptList div li:nth-child(1), .membershipBuyAccptList div li:nth-child(2) {
            width: 18%;
        }

        .membershipBuyAccptList div li:nth-child(3) {
            width: 5%;
        }

        .membershipBuyAccptList div li:nth-child(4), .membershipBuyAccptList div li:nth-child(5), .membershipBuyAccptList div li:nth-child(6), .membershipBuyAccptList div li:nth-child(7) {
            width: 10%;
        }

        .membershipBuyAccptList div li:nth-child(8) {
            width: 19%;
        }

    .membershipBuyAccptListPage {
        width: 100%;
        margin-top: 60px;
        text-align: center;
        margin-bottom: 60px;
    }

        .membershipBuyAccptListPage span {
            display: inline-block;
            width: 36px;
            height: 36px;
            line-height: 36px !important;
            color: #868e96;
        }

            .membershipBuyAccptListPage span.on {
                border-radius: 36px;
                border: 1px solid #868e96;
            }
    /* mypage - 이수증수료증*/
    .mypageCertificatePage > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

        .mypageCertificatePage > div:nth-child(2) {
            border-top: #d2d2d2 1px solid;
        }

        .mypageCertificatePage > div:last-child {
            margin-bottom: 100px;
        }

    .mypageCertificatePage div div.mypageCertificatePageNm {
        width: 308px;
        float: left;
    }

        .mypageCertificatePage div div.mypageCertificatePageNm dt {
            margin-top: 10px;
            margin-bottom: 18px;
            float: left;
        }

        .mypageCertificatePage div div.mypageCertificatePageNm span {
            font-size: 22px !important;
            line-height: 25px;
            margin-left: 10px;
        }

    .mypageCertificatePage div div.mypageCertificatePageArc {
        width: calc(100% - 308px);
    }

        .mypageCertificatePage div div.mypageCertificatePageArc > li {
            width: 100%;
            min-height: 43px;
            padding-top: 15px;
            border-top: #d2d2d2 1px solid;
        }

            .mypageCertificatePage div div.mypageCertificatePageArc > li img {
                width: 664px;
            }

    .mypageCertificatePage > div:nth-child(2) div.mypageCertificatePageArc > li {
        border-top: 0px;
    }
    /* mypage - 회원탈퇴*/
    .mypageMemberOutPage > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .mypageMemberOutPage div div.mypageMemberOutPageNm {
        width: 308px;
        float: left;
    }

        .mypageMemberOutPage div div.mypageMemberOutPageNm dt {
            margin-top: 10px;
        }

    .mypageMemberOutPage div div.mypageMemberOutPageArc {
        width: calc(100% - 308px);
    }

        .mypageMemberOutPage div div.mypageMemberOutPageArc > ul {
            width: 100%;
        }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li {
                width: 100%;
                min-height: 30px;
                padding-top: 20px;
                padding-bottom: 15px;
                display: inline-block;
                border-bottom: #d2d2d2 1px solid;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul:nth-child(2) > li, .mypageMemberOutPage div div.mypageMemberOutPageArc > ul:nth-child(3) > li {
                width: 50%;
                min-height: 62px;
                float: left;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul:first-child > li:first-child > dd {
                width: 200px;
                float: left;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li:nth-child(6) {
                height: 90px;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li dt {
                width: calc(100% - 30px);
                margin-left: 30px;
                padding-bottom: 4px;
                float: left;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li dd {
                width: 100%;
                display: inline-block;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li span.arcDesc {
                display: inline-block;
                width: calc(100% - 40px);
                min-height: 25px;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li .passwordInput {
                width: 250px;
                float: left;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li .change {
                margin-top: 3px;
            }

                .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li .change.viewMoreText {
                    margin-left: 20px;
                    font-size: 14px;
                }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li span.radioArc {
                display: inline-block;
                margin-right: 20px;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul:last-child > li:last-child {
                margin-bottom: 100px;
                border: 0px;
            }
    /*공통*/
    .btn_wh {
        display: inline-block;
        width: 154px;
        margin-top: 10px;
        padding: 6px 20px 6px 20px;
        border: #868e96 1px solid;
        font-size: 14px !important;
        color: #868e96;
        cursor: pointer;
    }

    .btn_gr {
        display: inline-block;
        width: 154px;
        margin-top: 10px;
        padding: 6px 20px 6px 20px;
        background-color: #868e96;
        border: #868e96 1px solid;
        font-size: 14px !important;
        color: #ffffff;
        cursor: pointer;
    }

    /* 추가 : 2022.03.22 */
	.btn_bk {
        display: inline-block;
        width: 154px;
        margin-top: 10px;
        padding: 6px 20px 6px 20px;
        background-color: #000000;
        border: #000000 1px solid;
        font-size: 14px !important;
        color: #ffffff;
        cursor: pointer;
    }

		.btn_wh > span:first-child, .btn_gr > span:first-child {
            vertical-align: sub;
        }

        .btn_wh > span:last-child, .btn_gr > span:last-child {
            font-size: 20px !important;
            margin-left: 10px;
            float: right;
            line-height: 32px;
        }

    .prevNextLine {
        width: 1360px;
        margin: 0pc auto;
        margin-top: 80px;
        margin-bottom: 24px;
        border-bottom: #868e96 1px solid;
        border-top: #868e96 1px solid;
    }

    .textPoint {
        width: 5px;
        height: 5px;
        display: block;
        border: 1px #000000 solid;
        border-radius: 5px;
        margin: 10px 10px 5px 5px;
        float: left;
    }

    .pcOnly {
        display: block;
    }

    .mbOnly {
        display: none !important;
    }

    .bottomLine {
        width: 100%;
        /* margin-left: 40px; */
        margin-top: 24px;
        margin-bottom: 24px;
        border-bottom: #d2d2d2 1px solid;
    }

    .listImg {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .listImg:hover {
            opacity: 0.8;
            transition: 1s;
        }

            .listImg:hover::before {
                width: 52px;
                height: 52px;
                border-radius: 52px;
                transition: 1000ms;
                font-size: 20px;
            }

        .listImg::before {
            background-color: rgba(0,0,0,0.85);
            background-color: rgba(165,165,170,0.9);
            background-color: rgba(239,226,205,1);
            content: "";
            box-sizing: border-box;
            color: #fff;
            position: absolute;
            width: 0;
            height: 0;
            top: 50%;
            left: 50%;
            z-index: 100000000000;
            transform: translate(-50%, -50%);
        }

    .viewOff {
        opacity: 0;
        transition: opacity 1s cubic-bezier(0.2, 0.8, 0.4, 1);
    }

    .viewOn {
        opacity: 1 !important;
        transition: opacity 2s cubic-bezier(0.2, 0.8, 0.4, 1);
    }

    .goToListArea {
        width: 100%;
        display: flex;
    }

        .goToListArea ul {
            display: flex;
        }

            .goToListArea ul li {
                margin-left: 40px;
            }

    .lastDiv {
        margin-bottom: 100px !important;
    }
}

@media all and (min-width:769px) and (max-width:1439px) {
    #symbol {
        position: fixed;
        overflow: hidden;
        top: 50%;
        left: 50%;
        z-index: 999999;
        opacity: 0;
        height: 600px;
        width: 600px;
        margin-left: -300px;
        animation: spin 100s linear infinite;
    }

        #symbol.act {
            opacity: 1;
            transition: 500ms cubic-bezier(0.2, 0.8, 0.4, 1);
        }

        #symbol.bye {
            opacity: 0;
            width: 60px;
            left: 0px;
            top: 0px;
            margin: 0 !important;
            transition: all 500ms cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
            transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
        }

    .coverup {
        height: 600px;
        width: 600px;
        z-index: 99999999;
        top: calc((100vh - 600px) / 2);
        left: calc((100vw - 600px) / 2);
        position: fixed;
    }
    /*레이아웃*/
    #wrap {
        background-color: #ffffff;
    }

    #gnb .gnb, .top_content ul, .main_content ul, .sub_content ul, footer > ul {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    /* gnb */
    #header {
        position: relative;
    }

    #gnb {
        width: 100%;
        position: fixed;
        z-index: 99999;
        overflow: hidden;
        padding: 20px 0 20px;
        background-color: rgba(255,255,255,0);
        top: 0px;
        left: 0px;
    }

    .logo {
        position: fixed;
        top: 20px;
        right: 40px;
        width: 86px;
        height: 21px;
        z-index: 100001;
        cursor: pointer;
    }

        .logo object {
            pointer-events: none;
        }

    .gnb nav {
        float: left;
        width: 100%;
        text-align: center;
    }

        .gnb nav a {
            color: #000;
            font-size: 16px;
            margin-left: 32px;
            line-height: 40px;
            letter-spacing: 0.32px;
        }

    .submenu {
        display: block;
        position: fixed;
        width: 280px;
        z-index: 100000;
        top: 52px;
    }

        .submenu ul li {
            margin-left: 10px;
            margin-top: 2px;
            cursor: pointer;
        }

            .submenu ul li:last-child {
                margin-bottom: 10px;
            }

            .submenu ul li span {
                font-size: 15px;
            }

    .submenuArea {
        display: block;
        position: fixed;
        width: 200px;
        height: 300px;
        top: 80px;
        z-index: 999;
    }

    .top_content {
        width: 100%;
        height: 306px;
    }

        .top_content p {
            width: 47%;
            float: right;
            margin-right: 40px;
            margin-top: 255px;
            margin-bottom: 25px;
            font-size: 16px;
            line-height: 25px;
        }

        .top_content.englishVersion p {
            line-height: 22px;
        }

    #visual {
        width: 100%;
        position: relative;
        margin-bottom: 20px;
    }

        #visual > div {
            width: 100%;
        }

    #visual02 {
        display: none;
    }

    #visual img.arr {
        position: absolute;
        display: block;
        width: 4%;
        top: 84%;
        right: 47%;
        z-index: 99999;
        animation: arr-ani 2s infinite ease-in-out;
        -webkit-animation: arr-ani 2s infinite ease-in-out;
        -moz-animation: arr-ani 2s infinite ease-in-out;
        -o-animation: arr-ani 2s infinite ease-in-out;
        -ms-animation: arr-ani 2s infinite ease-in-out;
    }

    .bxslider p {
        position: absolute;
        top: 30%;
        right: 0;
        left: 0;
        width: 100%;
        text-align: center;
        font-family: "나눔고딕", Nanum Gothic, 맑은 고딕, Malgun Gothic;
        font-size: 2vw;
        line-height: 270%;
        letter-spacing: 26px;
        margin-left: 26px;
        color: #fff;
    }

    .bxslider img {
        width: 100%;
        height: 60vh;
        object-fit: cover;
    }

    .main_content {
        width: 100%;
        margin-bottom: 350px;
        background-color: #ffffff;
    }

        .main_content div {
            display: flow-root;
        }

        .main_content .dpTitle {
            width: 100%;
            display: flex;
            margin-top: 100px;
        }

            .main_content .dpTitle:last-child {
                margin-bottom: 150px;
            }

            .main_content .dpTitle ul li {
                width: calc(50% - 20px);
                float: left;
                margin-left: 0px;
                margin-bottom: 24px;
            }

                .main_content .dpTitle ul li:first-child {
                    /* margin-left: 20px; */
                    font-size: 28px;
                }

        .main_content div ul li dt {
            font-size: 16px;
            line-height: 25px;
        }

        .main_content.englishVersion div ul li dt {
            line-height: 22px;
        }

        .main_content div ul li dd {
            margin: 0px;
        }

    .viewMoreText {
        font-size: 16px;
        line-height: 25px;
        color: #868e96;
        float: left;
        margin-right: 8px;
        margin-top: 4px;
        font-family: AkzidenzGrotesk-Medium;
        cursor: pointer;
    }

    .main_content.englishVersion .viewMoreText {
        line-height: 22px;
    }

    .viewMoreArrow {
        font-size: 22px;
        line-height: 25px;
        color: #868e96;
        float: left;
        font-family: AkzidenzGrotesk-Medium;
        margin: 0px;
        margin-top: 4px;
        display: block;
        cursor: pointer;
    }

    .main_content.englishVersion .viewMoreArrow {
        line-height: 22px;
    }

    .dpContent {
        margin-bottom: 40px;
    }

        .dpContent div {
            width: calc(50% - 36px);
            float: left;
            margin-bottom: 40px;
            margin-left: 20px;
        }

            .dpContent div li img {
                width: 100%
            }

            .dpContent div li {
                width: 100%;
                margin: 0;
                cursor: pointer;
            }

                .dpContent div li:nth-child(2) {
                    margin-top: 12px;
                }

                .dpContent div li dt, .dpContent div li dd {
                    width: 50%;
                    float: left;
                }

                .dpContent div li dd {
                    color: #868e96;
                    font-family: AkzidenzGrotesk-Medium;
                }

            .dpContent div:first-child {
                width: calc(100% - 40px);
                float: left;
            }

                .dpContent div:first-child li img {
                    width: 100%;
                }

            .dpContent div:nth-child(3) {
                margin-left: 32px;
            }

    .collection li {
        width: calc(33% - 20px);
        font-size: 16px;
        line-height: 25px;
        float: left;
        margin-left: 20px;
        background-size: cover;
        background-position: center center;
        cursor: pointer;
    }

    .main_content.englishVersion .collection li {
        line-height: 22px;
    }

    .collection li span {
        font-size: 16px;
        line-height: 25px;
    }

    .main_content.englishVersion .collection li span {
        line-height: 22px;
    }

    .collection li:last-child {
        margin-left: 0px;
        margin-bottom: 32px;
        width: calc(67% - 20px);
        height: 234px;
    }

    .artistMain div {
        width: calc((100% - 104px) / 5);
        float: left;
        margin-bottom: 32px;
        margin-right: 16px;
        cursor: pointer;
    }

        .artistMain div:nth-child(5n + 1) {
            margin-left: 20px;
        }

        .artistMain div:nth-child(5n) {
            margin-right: 0px;
        }

        .artistMain div img {
            width: 100%;
            height: 192px;
            object-fit: cover;
        }

        .artistMain div span {
            display: block;
            width: 100%;
            height: 20px;
            margin-top: 9px;
            line-height: 16px;
        }

    .program div {
        width: calc(33% - 52px);
        float: left;
        margin-bottom: 32px;
        margin-left: 32px;
        cursor: pointer;
    }

        .program div:first-child {
            width: calc(67% - 20px);
            margin-left: 20px;
        }

        .program div li:nth-child(2) {
            margin-top: 12px;
        }

        .program div li dt {
            margin-bottom: 5px;
        }

        .program div li dd {
            color: #868e96;
            font-family: AkzidenzGrotesk-Medium;
        }

        .program div li img {
            width: 100%;
        }

        .program div:first-child li img {
            height: 40vw;
        }

    .sub_content > div {
        width: calc(50% - 36px);
        margin-left: 20px;
        float: left;
        margin-bottom: 100px;
        margin-top: 100px;
    }

        .sub_content > div:last-child {
            margin-left: 32px;
        }

    .sub_content div li dt, .sub_content div li dd {
        width: 50%;
        float: left;
        margin: 0px;
    }

    .sub_content div li dt {
        font-size: 28px !important;
        line-height: 42px !important;
        letter-spacing: -0.56px;
        margin-bottom: 15px;
    }

    .sub_content div:first-child li:first-child dd {
        margin-bottom: 24px !important;
    }

    .sub_content div li dd {
        font-size: 20px;
        line-height: 30px;
    }

    .sub_content div li p {
        width: 100%;
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 15px;
        font-family: AkzidenzGrotesk-Medium;
    }

    .main_content.englishVersion .sub_content div li p {
        line-height: 22px;
    }

    .noticeList div {
        width: 100%;
        height: 55px;
        border-top: 1px solid #d2d2d2;
    }

        .noticeList div:last-child {
            border-bottom: 1px solid #d2d2d2;
            margin-bottom: 12px;
        }

        .noticeList div > span {
            display: inline-block;
            margin-top: 17px;
            color: #868e96;
            cursor: pointer;
        }

            .noticeList div > span:first-child {
                width: 60px;
            }

            .noticeList div > span:last-child {
                font-family: AkzidenzGrotesk-Medium;
            }

    .writeDate {
        float: right;
    }
    /* main_content */
    .wbt {
        border: 0;
    }

    .wbt_ex {
        border: 0;
    }

    .wbr_ex {
        border-right: 1px solid #aaa;
    }

    /* footer */
    footer {
        position: fixed;
        bottom: 0px;
        z-index: -2;
        width: 100%;
        background-color: #000;
        margin: 0 auto;
        padding: 40px;
        font-size: 16px;
        color: #868e96;
        line-height: 21px;
    }

        footer ul {
            overflow: hidden
        }

            footer ul div {
                width: 50%;
                float: left;
            }

            footer ul li {
                float: left;
                width: 100%;
                margin-bottom: 50px;
            }

                footer ul li span {
                    margin-bottom: 9px;
                    display: inline-block;
                }

            footer ul:first-child li div {
                width: 120px;
                float: left;
            }

                footer ul:first-child li div span {
                    display: block;
                    margin-bottom: 9px;
                    cursor: pointer;
                }

            footer ul:first-child li div {
                width: 120px;
                float: left;
            }

            /* footer ul:last-child { margin-top: 80px; } */
            footer ul .right .copyright {
                width: 100% !important;
            }

                footer ul .right .copyright span {
                    float: left;
                }

            footer ul .right div select {
                width: 200px;
                height: 42px;
                border-color: #434343;
                background-color: #000;
                color: #868e96;
                margin-left: 100px;
            }

    .menu_wrap_pc {
        display: block;
        z-index: 100001;
        position: fixed;
        top: 0px;
        left: 0px;
    }

        .menu_wrap_pc .gnb a {
            float: right;
        }

    .menuIcon {
        position: fixed;
        top: 20px;
        left: 20px;
    }

        .menuIcon span.icon {
            font-family: AkzidenzGrotesk-Medium;
            display: block;
            /* margin-left: 20px;/ */
            width: 44px;
            height: 44px;
            border-radius: 44px;
            background-color: #000;
            color: #868e96;
            font-size: 26px;
            line-height: 45px;
            text-align: center;
            cursor: pointer;
            max-width: 900px;
            max-height: 900px;
        }

        .menuIcon.open {
            top: 99px;
            transition: all 500ms cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
            transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
        }

        .menuIcon.close {
            top: 20px !important;
            transition: all 500ms cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
            transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
        }

        .menuIcon span.open {
            width: calc(100vh - 169px);
            height: calc(100vh - 169px);
            border-radius: calc(100vh - 169px);
            cursor: inherit;
            transition: all 800ms cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
            transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
        }

        .menuIcon span.close {
            width: 44px !important;
            height: 44px !important;
            border-radius: 44px !important;
            cursor: pointer;
            transition: all 500ms cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
            transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
        }

        .menuIcon div {
            width: 50%;
            float: left;
            display: none;
        }

            .menuIcon div ul {
                margin-top: 60%;
            }

                .menuIcon div ul li {
                    color: #868e96;
                    margin-bottom: 5px;
                    font-size: 16px;
                    line-height: 25px;
                    text-align: left;
                }

                    .menuIcon div ul li span {
                        cursor: pointer;
                    }

            .menuIcon div.left ul {
                margin-left: 50%;
            }

                .menuIcon div.left ul li:nth-child(7) {
                    margin-bottom: 50px;
                }

            .menuIcon div.right ul:first-child span {
                margin-left: 32px;
            }

            .menuIcon div.right ul:first-child li:nth-child(3) {
                margin-top: 90px;
            }

            .menuIcon div.right ul:first-child li:nth-child(4) {
                margin-top: 20px;
            }

    .bottomBar {
        display: none;
        position: fixed;
        z-index: 100001;
        bottom: 0px;
        width: 100%;
    }

        .bottomBar > div {
            width: 50%;
            float: left;
            position: absolute;
            bottom: 0px;
        }

        .bottomBar div.bar {
            height: 39px;
            left: 0px;
        }

        .bottomBar div.popupArea {
            right: 0px;
        }

        .bottomBar .bar.popupExit {
            width: 100% !important;
        }

        .bottomBar .popupArea.popupExit {
            display: none !important;
        }

        .bottomBar div.bar > span {
            width: 100%;
            height: 100%;
            display: inline-block;
            border-radius: 39px;
            background-color: #000000;
        }

            .bottomBar div.bar > span input {
                width: calc(100% - 110px);
                margin-left: 20px;
                background-color: #000000;
                color: #868e96;
                float: left;
                margin-top: 4px;
            }

            .bottomBar div.bar > span span {
                width: 80px;
                display: inline-block;
                color: #868e96;
                text-align: center;
                margin-top: 9px;
                cursor: pointer;
            }

        .bottomBar div.popup {
            width: 100%;
            background-color: #ffffff;
            border-top: #868e96 1px solid;
            border-left: #868e96 1px solid;
            border-right: #868e96 1px solid;
        }

            .bottomBar div.popup .popupTitle {
                padding: 8px;
            }

        .bottomBar div.popupArea div:first-child {
            display: flow-root;
        }

            .bottomBar div.popupArea div:first-child > span {
                float: right;
                margin: 0px 16px 10px 0px;
                cursor: pointer;
            }

        .bottomBar div.popup .popupTitle .textPoint {
            float: right;
            background-color: #d91900;
            border-color: #d91900;
            margin: 8px 8px;
            width: 4px;
            height: 4px;
            display: block;
            border-radius: 4px;
        }

        .bottomBar div.popup .popupContent dd {
            width: calc(100% - 80px);
            margin-left: 40px;
            margin-right: 40px;
            margin-bottom: 27px;
            opacity: 0;
            /* pointer-events: none; */
        }

            .bottomBar div.popup .popupContent dd > span {
                display: table;
            }

        .bottomBar .popup.off .popupContent {
            height: 0px;
            padding: 0px;
        }

        .bottomBar .popup.on .popupContent {
            padding: 0px 8px 8px 8px;
        }

            .bottomBar .popup.on .popupContent dd {
                opacity: 1;
            }

    .modal {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100vw;
        height: 100vh;
        z-index: 100000;
        background: rgba(255,255,255,0.9);
    }
    /* 전시목록 */
    .dpListContent {
        display: flow-root;
    }

        .dpListContent div {
            width: calc(100% - 40px);
            float: left;
            margin-bottom: 40px;
            margin-left: 20px;
            cursor: pointer;
        }

            .dpListContent div:last-child {
                margin-bottom: 100px;
            }

            .dpListContent div li img {
                width: 100%;
            }

            .dpListContent div li:nth-child(2) {
                margin-top: 12px;
            }

            .dpListContent div li dt, .dpListContent div li dd {
                width: 50%;
                float: left;
                font-family: AkzidenzGrotesk-Medium;
            }

            .dpListContent div li dd {
                color: #868e96;
            }

    .dpListPastContent {
        display: flow-root;
    }

        .dpListPastContent div {
            width: calc(50% - 36px);
            float: left;
            margin-left: 20px;
            margin-bottom: 32px;
            cursor: pointer;
        }

            .dpListPastContent div:nth-child(2n) {
                margin-left: 32px;
            }

            .dpListPastContent div li:nth-child(2) {
                margin-top: 12px;
            }

            .dpListPastContent div img {
                width: 100%;
                height: 25.5vw;
            }

            .dpListPastContent div li dt, .dpListPastContent div li dd {
                width: 50%;
                float: left;
                font-family: AkzidenzGrotesk-Medium;
            }

            .dpListPastContent div li dd {
                color: #868e96;
            }
    /* .dpListPastContent div:last-child{
    margin-bottom: 110px;
} */
    .dpListTitle {
        width: 100%;
        display: flex;
        padding-top: 130px;
    }

        .dpListTitle ul li {
            width: calc(50% - 36px);
            float: left;
            margin-bottom: 24px;
            margin-left: 32px;
            font-size: 16px !important;
            line-height: 25px !important;
        }

    .main_content.englishVersion .dpListTitle ul li {
        line-height: 22px !important;
    }

    .dpListTitle ul li:first-child {
        margin-left: 20px;
    }

    .dpListPage {
        display: inline-block !important;
        width: 100%;
        margin-top: 30px;
        text-align: center;
        margin-bottom: 100px;
    }

        .dpListPage span {
            display: inline-block;
            width: 36px;
            height: 36px;
            font-family: AkzidenzGrotesk-Medium;
            font-size: 16px !important;
            line-height: 36px !important;
            color: #868e96;
            cursor: pointer;
        }

    .main_content.englishVersion .dpListPage span {
        line-height: 22px !important;
    }

    .dpListPage span.on {
        border-radius: 36px;
        border: 1px solid #868e96;
    }

    /* 전시타이틀 영역 */
    .dpDtlTitle {
        width: 100%;
        display: flex;
        padding-top: 130px;
    }

        .dpDtlTitle ul li {
            width: 50%;
            float: left;
            padding-bottom: 24px;
            padding-left: 32px;
            box-sizing: border-box;
            font-size: 16px !important;
            line-height: 25px !important;
        }

    .main_content.englishVersion .dpDtlTitle ul li {
        line-height: 22px !important;
    }

    .dpDtlTitle ul li:first-child {
        /* margin-left: 20px; */
    }

    .filterText {
        cursor: pointer;
    }

    span.filterCircle {
        width: 8px;
        height: 8px;
        border-radius: 8px;
        background-color: #000;
        display: block;
        float: right;
        margin: 8px 0px 6px 10px;
    }

    .filterCircle.on {
        background-color: #fff !important;
        border: 1px solid #000;
        box-sizing: border-box
    }

    .filterArea {
        position: fixed;
        bottom: 0px;
        width: calc(60% - 40px);
        margin-left: 20%;
        padding: 20px;
        font-size: 16px;
        line-height: 25px;
        color: #000000;
        background-color: #ffffff;
        z-index: 100001;
        border: 0.5px solid #868e96;
    }

    .main_content.englishVersion .filterArea {
        line-height: 22px;
    }

    .filterArea ul {
        width: 100%;
    }

        .filterArea ul.half {
            width: 50%;
            float: left;
        }

            .filterArea ul.half:nth-child(3) li {
                width: calc(100% - 10px);
                margin-left: 10px;
            }

        .filterArea ul li {
            margin-bottom: 12px;
        }

        .filterArea ul.oneLine li {
            width: 100%;
        }

        .filterArea ul.twoLine li {
            width: 50%;
            float: left;
        }

            .filterArea ul.twoLine li:nth-child(2) {
                width: calc(50% - 10px);
                margin-left: 10px;
            }

            .filterArea ul.twoLine li .closeFilter {
                color: #000;
                float: right;
                cursor: pointer;
            }

        .filterArea ul .filterSubject {
            color: #d2d2d2;
        }

        .filterArea ul li .filterKeyword {
            color: #868e96;
            display: inline-block;
            margin: 0px 16px 10px 0px;
            cursor: pointer;
        }

            .filterArea ul li .filterKeyword.on {
                color: #000000;
            }

        .filterArea ul li .filterBtn_wh, .filterArea ul li .filterBtn_gr {
            display: inline-block;
            width: calc(50% - 52px);
            margin-top: 15px;
            padding: 6px 20px 6px 20px;
            font-size: 14px !important;
            cursor: pointer;
            text-align: center;
            float: left;
        }

        .filterArea ul li .filterBtn_gr {
            background-color: #868e96;
            border: #868e96 1px solid;
            color: #ffffff;
            margin-right: 10px;
        }

        .filterArea ul li .filterBtn_wh {
            border: #868e96 1px solid;
            color: #868e96;
            margin-left: 10px;
        }


    /*전시상세*/
    .dpDtlContentcover > div:nth-child(3), .dpDtlContentcover > div:nth-child(4) {
        width: calc(50% - 20px);
        float: left;
    }

    .dpDtlContentcover > div:nth-child(3) {
        margin-left: 20px;
        float: left;
    }

    .dpDtlMainContent {
        display: flow-root;
        font-family: AkzidenzGrotesk-Medium;
    }

        .dpDtlMainContent div {
            width: calc(100% - 40px);
            float: left;
            margin-bottom: 34px;
            margin-left: 20px;
        }

            .dpDtlMainContent div li img {
                width: 100%;
            }

    .dpDtlContent {
        width: 100%;
        display: flex;
    }

        .dpDtlContent ul {
            display: flex;
        }

            .dpDtlContent ul li {
                width: calc(50% - 36px);
                float: left;
                margin-bottom: 32px;
                margin-left: 32px;
                font-size: 16px !important;
                line-height: 25px !important;
            }

    .main_content.englishVersion .dpDtlContent ul li {
        line-height: 22px !important;
    }

    .dpDtlContentcover > div:nth-child(3) ul li, .dpDtlContentcover > div:nth-child(4) ul li {
        width: 100%;
    }

    .dpDtlContent ul li:first-child {
        margin-left: 20px;
    }
    /* .dpDtlContent ul li:nth-child(2){
    /* width: calc; */
    .dpDtlContent ul li .dpSubject {
        display: inline-block;
        width: 100%;
        margin-bottom: 2px;
        font-size: 28px !important;
        line-height: 40px !important;
    }

    .dpDtlContent ul li .dpSubInfo {
        display: inline-block;
        width: calc(100% - 30px);
        margin-left: 30px;
        font-size: 16px !important;
        line-height: 25px !important;
    }

    .main_content.englishVersion .dpDtlContent ul li .dpSubInfo {
        line-height: 22px !important;
    }

    .dpDtlContent ul li .dpDescTitle {
        display: inline-block;
        width: calc(100% - 30px);
        margin-left: 30px;
        margin-bottom: 2px;
        font-size: 16px !important;
        line-height: 25px !important;
    }

    .main_content.englishVersion .dpDtlContent ul li .dpDescTitle {
        line-height: 22px !important;
    }

    .dpDtlContent ul li .dpDesc {
        display: inline-block;
        width: 100%;
        font-size: 16px !important;
        line-height: 25px !important;
        margin-bottom: 45px;
        word-break: keep-all;
    }

    .main_content.englishVersion .dpDtlContent ul li .dpDesc {
        line-height: 22px !important;
    }

    .dpDtlContent ul li .dpFloorTitle {
        display: inline-block;
        width: calc(100% - 30px);
        margin-left: 30px;
        margin-bottom: 5px;
        font-size: 16px !important;
        line-height: 25px !important;
    }

    .main_content.englishVersion .dpDtlContent ul li .dpFloorTitle {
        line-height: 22px !important;
    }

    .dpDtlContent ul li .dpFloorDesc {
        display: inline-block;
        width: calc(100% - 22px);
        font-size: 16px !important;
        line-height: 25px !important;
        margin-bottom: 5px;
        word-break: keep-all;
    }

    .main_content.englishVersion .dpDtlContent ul li .dpFloorDesc {
        line-height: 22px !important;
    }

    .dpDtlContent ul li .dpFloorDesc:first-child {
        margin-bottom: 45px;
    }

    .dpDtlContent ul li img {
        width: 100%;
    }

    .imgMovBtn {
        font-size: 16px !important;
        line-height: 25px !important;
        margin-left: 10px;
        color: #868e96;
        cursor: pointer;
    }

    .main_content.englishVersion .imgMovBtn {
        line-height: 22px !important;
    }

    .returnToList {
        display: inline-block;
        font-size: 16px !important;
        line-height: 25px !important;
        color: #868e96;
        /* margin-top: 20px; */
        margin-bottom: 100px;
        cursor: pointer;
        font-family: AkzidenzGrotesk-Medium;
    }

    .main_content.englishVersion .returnToList {
        line-height: 22px !important;
    }
    /* vr tour */
    .vrtourContent div {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-bottom: 150px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .main_content.englishVersion .vrtourContent div {
        line-height: 22px;
    }

    .vrtourContent div img {
        width: 100%;
    }

    .fullscreenTrans {
        position: absolute;
        top: 130px;
        right: 20px;
        cursor: pointer;
    }

        .fullscreenTrans span {
            display: block;
            float: left;
        }

            .fullscreenTrans span:last-child {
                margin-left: 20px;
            }
    /* collection */
    .collectListTraditional {
        display: flex;
        align-items: end;
        flex-wrap: wrap;
    }

        .collectListTraditional div {
            width: calc((100% - 102px) / 3);
            float: left;
            margin-bottom: 32px;
            margin-right: 32px;
            font-family: AkzidenzGrotesk-Medium;
            cursor: pointer;
        }

            .collectListTraditional div:nth-child(3n + 1) {
                margin-left: 20px;
            }

            .collectListTraditional div:nth-child(3n) {
                margin-right: 0px;
            }

            .collectListTraditional div li:nth-child(2) {
                margin-top: 12px;
            }

            .collectListTraditional div li img {
                width: 100%;
            }

            .collectListTraditional div li dt, .collectListTraditional div li dd {
                width: calc(50% - 8px);
                float: left;
            }

                .collectListTraditional div li dd span {
                    width: 100%;
                    display: inline-block;
                    margin-left: 16px;
                    color: #868e96;
                }

    .collectListModern {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
    }

        .collectListModern div {
            width: calc((100% - 102px) / 3);
            float: left;
            margin-bottom: 32px;
            margin-right: 32px;
            font-family: AkzidenzGrotesk-Medium;
            cursor: pointer;
        }

            .collectListModern div:nth-child(3n + 1) {
                margin-left: 20px;
            }

            .collectListModern div:nth-child(3n) {
                margin-right: 0px;
            }

            .collectListModern div li:nth-child(2) {
                margin-top: 12px;
            }

            .collectListModern div li img {
                width: 100%;
            }

            .collectListModern div li dt, .collectListModern div li dd {
                width: calc(50% - 8px);
                float: left;
            }

                .collectListModern div li dd span {
                    width: 100%;
                    display: inline-block;
                    margin-left: 16px;
                    color: #868e96;
                }

    /*소장품 상세*/
    .collectDltArea > div:first-child li:first-child {
        font-size: 28px;
    }

    .collectDltArea div li dd {
        margin-left: 30px !important;
    }

    .collectDltArea > div:first-child {
        width: calc(33% - 20px);
        float: left;
        margin-left: 20px;
    }

        .collectDltArea > div:first-child li:nth-child(2) {
            margin-top: 9px;
        }

    .collectDltArea > div:last-child {
        width: calc(67% - 20px);
        text-align: center;
    }

    .collectDltArea div:last-child #imgArr {
        max-height: 60vh;
        height: 60vh;
        width: 100%;
        overflow: hidden;
        position: relative;
    }

        .collectDltArea div:last-child #imgArr .img_area {
            background-color: #000;
            position: absolute;
            height: 100%;
            width: 100%;
            margin: 0px;
        }

    .collectDltArea div.dtlImg {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        margin: 0px;
    }

    .slide {
        width: 100% !important;
        height: 100% !important;
    }

    .slides_container {
        height: 100% !important;
    }

    .slides_control {
        height: 100% !important;
    }

    .img_area .iviewer_zoom_in {
        bottom: 15px;
        left: 15px;
        background: url("../images/collectDtl_zoomin02.png") center center no-repeat;
    }

    .img_area .iviewer_zoom_out {
        bottom: 15px;
        left: 55px;
        background: url("../images/collectDtl_zoomout02.png") center center no-repeat;
    }

    .img_area .iviewer_zoom_zero {
        bottom: 15px;
        left: 95px;
        background: url("../images/collectDtl_nomal02.png") center center no-repeat;
    }

    .img_area .iviewer_zoom_fit {
        bottom: 15px;
        left: 135px;
        background: url("../images/collectDtl_rotate02.png") center center no-repeat;
    }

    .img_area .iviewer_button {
        width: 40px;
        cursor: pointer;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .img_area .iviewer_common {
        display: block;
        position: absolute;
        right: 15px;
        height: 40px;
        z-index: 5000;
        text-indent: -9999px;
        overflow: hidden;
    }

    .collectDltArea div.dtlImg img {
        width: 100%;
        object-fit: fill;
    }

    .collectDltArea div.on {
        display: inline-block;
    }

    .collectDltArea div.off {
        display: none;
    }

    .collectDltArea div li dd {
        margin-left: 40px;
    }

    .collectDltArea div li.btns {
        margin-top: 12px;
    }

    .collectDltArea div li:nth-child(2) > span.imgBtn > img {
        float: left;
        margin-right: 6px;
        cursor: pointer;
    }

    .collectDltArea div li:nth-child(3) > pre {
        display: inline-block;
        margin-top: 30px;
        margin-bottom: 60px;
    }
    /*보존연구*/

    .collectionDtlContent {
        width: 100%;
        display: flex;
        /* margin-bottom: 43px; */
    }

        .collectionDtlContent ul li {
            width: calc(50% - 36px);
            float: left;
            margin-bottom: 32px;
            margin-left: 32px;
            font-size: 16px !important;
            line-height: 25px !important;
        }

    .main_content.englishVersion .collectionDtlContent ul li {
        line-height: 22px !important;
    }

    .collectionDtlContent ul li:first-child {
        margin-left: 20px;
    }

    .collectionDtlContent ul li .dpSubject {
        display: inline-block;
        width: 100%;
        margin-bottom: 2px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 28px !important;
        line-height: 40px !important;
    }

    .collectionDtlContent ul li .dpSubInfo {
        display: inline-block;
        width: calc(100% - 30px);
        margin-left: 30px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px !important;
        line-height: 25px !important;
    }

    .main_content.englishVersion .collectionDtlContent ul li .dpSubInfo {
        line-height: 22px !important;
    }

    .collectionDtlContent ul li .collectionDescTitle {
        display: block;
        float: left;
        width: 50%;
        font-size: 28px !important;
        line-height: 22px !important;
    }

    .collectionDtlContent ul li .collectionDescSubTitle {
        display: inline-block;
        width: 50%;
        font-size: 20px !important;
        line-height: 22px !important;
        font-family: AkzidenzGrotesk-Medium;
        margin-bottom: 36px;
    }

    .collectionDtlContent ul li .collectionDesc {
        display: inline-block;
        /* width: calc(100% - 30px); */
        font-size: 16px !important;
        line-height: 25px !important;
        margin-bottom: 45px;
    }

    .main_content.englishVersion .collectionDtlContent ul li .collectionDesc {
        line-height: 22px !important;
    }

    .collectionDtlContent ul li img {
        width: 100%;
    }

    .collectionDtlContentPhoto {
        display: flex;
        align-items: baseline;
        flex-wrap: wrap;
    }

        .collectionDtlContentPhoto div {
            width: calc((100% - 136px) / 4);
            margin-left: 32px;
            font-family: AkzidenzGrotesk-Medium;
            cursor: pointer;
        }

            .collectionDtlContentPhoto div:nth-child(1), .collectionDtlContentPhoto div:nth-child(5) {
                margin-left: 20px;
            }

            .collectionDtlContentPhoto div img {
                width: 100%;
            }

            .collectionDtlContentPhoto div span {
                display: inline-block;
                padding: 0px 0px 20px 0px;
            }

    .collectionDescSubListTitle {
        display: block;
        float: left;
        font-size: 28px !important;
        line-height: 22px !important;
        padding: 91px 0px 25px 40px;
    }

    .researchActivateList {
        display: flow-root;
    }

        .researchActivateList div {
            width: calc(50% - 36px);
            float: left;
            margin-left: 20px;
            margin-bottom: 32px;
            cursor: pointer;
        }

            .researchActivateList div:nth-child(2n) {
                margin-left: 32px;
            }

            .researchActivateList div img {
                width: 100%;
            }

            .researchActivateList div li dt, .researchActivateList div li dd {
                width: 50%;
                float: left;
                font-family: AkzidenzGrotesk-Medium;
            }

            .researchActivateList div li dd {
                color: #868e96;
            }

            .researchActivateList div:last-child {
                margin-bottom: 100px;
            }

        .researchActivateList.inList.noData div:last-child {
            margin-bottom: 0px;
        }

    .faqText {
        width: 100%;
        display: inline-block !important;
        margin-bottom: 63px;
    }

        .faqText ul li {
            width: calc(50% - 60px);
            float: left;
            margin-bottom: 40px;
            margin-left: 40px;
            height: 120px;
            font-size: 16px !important;
            line-height: 25px !important;
        }

    .main_content.englishVersion .faqText ul li {
        line-height: 22px !important;
    }

    .faqText ul:nth-child(2n + 1) li {
        margin-left: 32px;
    }

    .faqText ul:first-child li {
        width: calc(100% - 40px);
        margin-bottom: 40px;
        margin-left: 40px;
        height: auto;
    }

    .faqText ul:first-child li {
        margin-bottom: 15px;
    }

    .faqText ul li dt, .faqText ul li dd {
        font-size: 16px !important;
        line-height: 25px !important;
        font-family: AkzidenzGrotesk-Medium;
    }

    .main_content.englishVersion .faqText ul li dt, .main_content.englishVersion .faqText ul li dd {
        line-height: 22px !important;
    }

    .faqText ul li dt {
        margin-left: 30px;
        margin-bottom: 5px;
    }
    /*보존연구 상세*/
    .conservationResearchDtl div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        display: flex;
        flex-wrap: wrap;
    }

    .main_content.englishVersion .conservationResearchDtl div {
        line-height: 22px;
    }

    .conservationResearchDtl div:last-child {
        margin-bottom: 60px;
    }

    .conservationResearchDtl div li {
        width: calc(50% - 16px);
        margin-bottom: 40px;
        float: left;
    }

        .conservationResearchDtl div li:nth-child(2n) {
            margin-left: 32px;
        }

        .conservationResearchDtl div li img {
            width: 100%;
        }

        .conservationResearchDtl div li dt {
            width: calc(100% - 30px);
            margin-left: 30px;
        }

        .conservationResearchDtl div li dd {
            width: 100%;
            min-height: 42px;
            margin-top: 7px !important;
            line-height: 23px;
        }

    .researchActivateSubTitle {
        display: block;
        padding: 30px 0px 20px 40px;
        width: 100%;
    }

    .conservationResearchDtl div li .pageTitle {
        font-size: 28px;
        margin-top: 7px;
    }

    .conservationResearchDtl div.middleTitle li {
        margin-bottom: 17px;
    }

    .conservationResearchDtl div.typeOfDamage li {
        min-height: 215px;
    }
    /*연구활동 상세*/
    .researchActivateDtl div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .main_content.englishVersion .researchActivateDtl div {
        line-height: 22px;
    }

    .researchActivateDtl div li {
        width: 100%;
    }

    .researchActivateDtl div .researchActivateDtlTitle {
        font-size: 28px;
        text-align: center;
    }

    .researchActivateDtl div .researchActivateDtlContent {
        margin-left: 10%;
        width: 75%;
    }

        .researchActivateDtl div .researchActivateDtlContent dt {
            width: calc(100% - 40px);
            margin-left: 40px;
            margin-top: 32px;
            line-height: 25px;
        }

        .researchActivateDtl div .researchActivateDtlContent dd {
            width: 100%;
            margin-bottom: 18px;
            line-height: 25px;
        }

    .main_content.englishVersion .researchActivateDtl div .researchActivateDtlContent dt {
        line-height: 22px;
    }

    .main_content.englishVersion .researchActivateDtl div .researchActivateDtlContent dd {
        line-height: 22px;
    }

    .researchActivateDtl div .researchActivateDtlContentImg div {
        width: 100%;
        text-align: center;
        margin-left: 0px;
    }

        .researchActivateDtl div .researchActivateDtlContentImg div:nth-child(1) {
            margin-top: 14px;
        }

        .researchActivateDtl div .researchActivateDtlContentImg div:nth-child(2) {
            margin-bottom: 27px;
        }

        .researchActivateDtl div .researchActivateDtlContentImg div img {
            width: 30%;
            /* height: 245px; */
            margin-right: 14px;
        }

            .researchActivateDtl div .researchActivateDtlContentImg div img:nth-child(3n), .researchActivateDtl div .researchActivateDtlContentImg div img:last-child {
                margin-right: 0px;
            }

        .researchActivateDtl div .researchActivateDtlContentImg div .researchActivateDtlContentImgdesc {
            font-size: 14px;
            color: #868e96;
        }

    /*작가 타이틀*/
    .artistListTitle {
        width: 100%;
        display: flex;
        padding-top: 150px;
        margin-bottom: 60px;
    }

        .artistListTitle ul li {
            width: calc(20% - 20px);
            float: left;
            margin-bottom: 24px;
            font-size: 16px !important;
            line-height: 25px !important;
        }

    .main_content.englishVersion .artistListTitle ul li {
        line-height: 22px !important;
    }

    .artistListTitle ul li:nth-child(1) {
        margin-left: 20px;
    }

    .artistListTitle ul li:nth-child(3) {
        width: calc(60%);
    }

    /* 작가 목록*/
    .artistListPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 30px;
    }

    .main_content.englishVersion .artistListPage > div {
        line-height: 22px;
    }

    .artistListPage div.artistListPageNm {
        width: 200px;
        height: 200px;
        display: block;
        float: left;
    }

    .artistListPage .char {
        width: 180px;
        position: fixed;
    }

        .artistListPage .char ul {
            width: 100%;
        }

    .char span {
        width: 32px;
        height: 32px;
        border-radius: 32px;
        text-align: center;
        float: left;
        display: block;
        color: #868e96;
        box-sizing: border-box;
        cursor: pointer;
    }

        .char span.on {
            border: 1px #868e96 solid;
        }

    .artistListPage div.artistListPageArc {
        margin-left: 0px;
        margin-bottom: 100px;
        width: calc(100% - 240px);
    }

        .artistListPage div.artistListPageArc ul {
            width: 100%;
            display: inline-block;
            margin-bottom: 60px;
        }

            .artistListPage div.artistListPageArc ul li:first-child {
                width: 30px;
                float: left;
            }

            .artistListPage div.artistListPageArc ul div:last-child {
                width: calc(100% - 30px);
                float: left;
            }

                .artistListPage div.artistListPageArc ul div:last-child div {
                    width: calc((100% - 48px) / 4);
                    margin-right: 16px;
                    float: left;
                    cursor: pointer;
                }

                    .artistListPage div.artistListPageArc ul div:last-child div:nth-child(4n) {
                        margin-right: 0px;
                    }

                    .artistListPage div.artistListPageArc ul div:last-child div li {
                        width: 100%;
                        display: inline-block;
                    }

                        .artistListPage div.artistListPageArc ul div:last-child div li div {
                            position: relative;
                            width: 100%;
                            height: 12vw;
                        }

                            .artistListPage div.artistListPageArc ul div:last-child div li div img {
                                position: absolute;
                                top: 0px;
                                width: 100%;
                                height: 12vw;
                                object-fit: cover;
                            }

                                .artistListPage div.artistListPageArc ul div:last-child div li div img.second {
                                    opacity: 0;
                                }

                        .artistListPage div.artistListPageArc ul div:last-child div li img {
                            width: 100%;
                            height: 12vw;
                            object-fit: cover;
                        }

                        .artistListPage div.artistListPageArc ul div:last-child div li span {
                            display: block;
                            width: 100%;
                            height: 20px;
                            margin-bottom: 10px;
                            line-height: 5px;
                        }
    /* 작가 상세 */
    .artistDtlPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .main_content.englishVersion .artistDtlPage > div {
        line-height: 22px;
    }

    .artistDtlPage div div.artistDtlPageNm {
        width: 33%;
        float: left;
    }

        .artistDtlPage div div.artistDtlPageNm dt {
            font-size: 28px;
            margin-bottom: 5px;
        }

    .artistDtlPage div:first-child div.artistDtlPageNm dd {
        width: calc(100% - 30px);
        margin-left: 30px;
    }

    .artistDtlPage div div.artistDtlPageArc {
        width: 67%;
    }

        .artistDtlPage div div.artistDtlPageArc li img {
            width: 100%;
            height: 35.5vw;
        }

        .artistDtlPage div div.artistDtlPageArc li iframe {
            width: 100%;
            height: 35.5vw;
        }

        .artistDtlPage div div.artistDtlPageArc li dt {
            width: calc(100% - 30px);
            margin-left: 30px;
        }

    .artistDtlPhotoPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        margin-top: 45px;
        margin-bottom: 70px;
    }

    .main_content.englishVersion .artistDtlPhotoPage > div {
        line-height: 22px;
    }

    .artistDtlPhotoPage > div > div {
        width: calc(50% - 16px);
        margin-right: 32px;
        float: left;
    }

        .artistDtlPhotoPage > div > div li {
            display: inherit;
            margin-top: 10px;
            margin-bottom: 22px;
        }

            .artistDtlPhotoPage > div > div li:nth-child(1) {
                margin: 0px;
            }

        .artistDtlPhotoPage > div > div:last-child {
            margin-right: 0px;
        }

    .artistCollection li div {
        width: calc(50% - 16px);
        margin-right: 32px;
        float: left;
    }

        .artistCollection li div:nth-child(2n) {
            margin-right: 0px;
        }

        .artistCollection li div img {
            width: 100%;
        }

        .artistCollection li div dt, .artistCollection li div dd, .artistCollection li div span {
            width: 100%;
            display: block;
        }

        .artistCollection li div dt, .artistCollection li div dd, .artistCollection li div span {
            width: 100%;
            display: block;
        }

        .artistCollection li div dt {
            margin-top: 12px;
        }

        .artistCollection li div dd {
            color: #868e96;
        }

    .artistDisplay li dt, .artistDisplay li dd {
        width: 50%;
        float: left;
        margin-top: 12px;
    }

    .artistDisplay li dd {
        margin-top: 12px !important;
    }

    .artistDisplay li dt.title {
        margin: 0px;
    }

    .artistDisplay li dd {
        color: #868e96;
    }

        .artistDisplay li dd span {
            margin: 0px;
        }
    /* 프로그램목록 */
    .programListCurrent div {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-bottom: 32px;
        cursor: pointer;
    }

        .programListCurrent div li {
            float: left;
            font-family: AkzidenzGrotesk-Medium;
        }

            .programListCurrent div li:nth-child(2n) {
                margin-left: 32px;
            }

            .programListCurrent div li dt {
                width: 430px;
                margin-bottom: 5px;
            }

            .programListCurrent div li dd {
                width: 430px;
                color: #868e96;
            }

            .programListCurrent div li img {
                width: 896px;
            }

    /* 프로그램 목록 롤링*/
    .programRollArea {
        width: 100%;
        margin: 0px auto;
        padding: 0;
    }

    .programRollContent {
        width: 100%;
        position: relative;
        height: 680px;
        margin-bottom: 100px;
    }

        .programRollContent .programRoll {
            float: left;
            position: absolute;
        }
    /* .programRollContent .programRoll.roll01{
    left: 0px;
}
.programRollContent .programRoll.roll02{
    left: 1440px;
} */
    .programRoll div {
        width: calc(30% - 32px);
        float: left;
        margin-left: 32px;
        cursor: pointer;
    }

        .programRoll div:nth-child(2) {
            margin-bottom: 32px;
        }

        .programRoll div:first-child {
            width: calc(70% - 40px);
            margin-left: 20px;
        }

        .programRoll div li {
            margin-top: 12px;
        }

            .programRoll div li dt {
                margin-bottom: 5px;
            }

            .programRoll div li dd {
                color: #868e96;
                font-family: AkzidenzGrotesk-Medium;
            }

            .programRoll div li img {
                width: 100%;
            }

            .programRoll div li img {
                height: 17vw;
            }

        .programRoll div:first-child li img {
            height: 44vw;
        }
    /* .board{
    width: calc((100vw - 1380px) / 2);
    height: 700px;
    background-color: #ffffff;
    position: absolute;
    top: 170px;
    z-index: 10000;
}
.board.first_bd{
    left: 0px;
}
.board.second_bd{
    right: 0px;
} */
    /* 프로그램 목록 롤링 끝*/


    .programListPast div {
        display: inline-block;
        width: calc(34% - 52px);
        height: 23vw;
        float: left;
        margin-bottom: 32px;
        margin-left: 32px;
        cursor: pointer;
    }

        .programListPast div:nth-child(1), .programListPast div:nth-child(9) {
            width: calc(66% - 20px);
            height: calc(46vw - 16px);
        }

        .programListPast div:nth-child(1), .programListPast div:nth-child(4), .programListPast div:nth-child(7), .programListPast div:nth-child(8), .programListPast div:nth-child(10) {
            margin-left: 20px;
        }

        .programListPast div:nth-child(4), .programListPast div:nth-child(5), .programListPast div:nth-child(6), .programListPast div:nth-child(10), .programListPast div:nth-child(11), .programListPast div:nth-child(12) {
            width: calc(34% - 42px);
        }

        .programListPast div:nth-child(8) {
            clear: left;
        }

        .programListPast div:nth-child(9) {
            float: inherit;
        }

        .programListPast div:nth-child(10) {
            clear: both;
        }

        .programListPast div li:nth-child(2) {
            margin-top: 12px;
        }

        .programListPast div li dt {
            margin-bottom: 9px;
        }

        .programListPast div li dd {
            color: #868e96;
        }

        .programListPast div li img {
            width: 100%;
            height: 16vw;
        }

        .programListPast div:nth-child(1) img, .programListPast div:nth-child(9) img {
            width: 100%;
            height: 42vw;
        }
    /*현재프로그램 상세*/
    .programCurrentDtl div {
        width: calc(50% - 40px);
        float: left;
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
    }

        .programCurrentDtl div:last-child {
            margin-left: 0px;
            padding-left: 20px;
        }

        .programCurrentDtl div:first-child li:first-child {
            font-size: 28px;
        }

        .programCurrentDtl div li dd {
            margin-top: 3px !important;
            margin-left: 30px !important;
        }

    .programCurrentDtl .programCurrentDtlContent ul {
        width: 100%;
    }

        .programCurrentDtl .programCurrentDtlContent ul.programCurrentDtlContentDesc {
            margin-bottom: 40px;
        }

    .programCurrentDtl .programCurrentDtlContent .btnProgram_wh, .programCurrentDtl .programCurrentDtlContent .btnProgram_gr {
        width: 180px;
    }

    .programCurrentDtl .programCurrentDtlContent ul li {
        font-size: 16px !important;
        line-height: 25px;
    }

    .main_content.englishVersion .programCurrentDtl .programCurrentDtlContent ul li {
        line-height: 22px;
    }

    .programCurrentDtlContent .programCurrentDtlContentImg {
        margin-top: 40px;
        margin-bottom: 25px;
    }

        .programCurrentDtlContent .programCurrentDtlContentImg img {
            width: 316px;
            border: #868e96 1px solid;
        }

        .programCurrentDtlContent .programCurrentDtlContentImg span {
            font-size: 14px !important;
            color: #868e96;
            cursor: pointer;
        }

    .programCurrentDtlJoin {
        border-top: #868e96 1px solid;
    }

        .programCurrentDtlJoin li:first-child {
            margin-top: 18px;
        }

        .programCurrentDtlJoin li:last-child {
            margin-bottom: 18px;
        }

        .programCurrentDtlJoin li:first-child span {
            margin-left: 30px;
        }
    /*프로그램 소식 목록*/
    .programNewsList div {
        width: calc(100% - 40px);
        margin-left: 20px;
    }

        .programNewsList div:last-child {
            padding-bottom: 30px;
        }

        .programNewsList div li {
            float: left;
            font-size: 16px !important;
            line-height: 25px;
            color: #868e96;
            padding-top: 16px;
            padding-bottom: 16px;
            border-top: #868e96 1px solid;
            font-family: AkzidenzGrotesk-Medium;
            cursor: pointer;
        }

    .main_content.englishVersion .programNewsList div li {
        line-height: 22px;
    }

    .programNewsList div:last-child li {
        border-bottom: #868e96 1px solid;
    }

    .programNewsList div.noticeNews li {
        color: #000;
    }

    .programNewsList div li:nth-child(1) {
        width: 10%;
    }

    .programNewsList div li:nth-child(2) {
        width: 80%;
    }

    .programNewsList div li:nth-child(3) {
        text-align: right;
        width: 10%;
    }
    /*프로그램 소식 상세*/
    .programNewsDtl div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
    }

        .programNewsDtl div li {
            width: 100%;
            text-align: center;
            font-size: 16px;
            line-height: 25px;
        }

    .main_content.englishVersion .programNewsDtl div li {
        line-height: 22px;
    }

    .programNewsDtl div .noticeNewsDtlTitle {
        font-size: 28px;
    }

    .programNewsDtl div .noticeNewsDtlContent {
        margin-top: 25px;
        margin-left: 10vw;
        width: 80vw;
    }

        .programNewsDtl div .noticeNewsDtlContent pre {
            width: 80vw;
        }

    .programNewsNextPrev div {
        float: left;
        width: calc(50% - 40px);
        margin-left: 40px;
    }

        .programNewsNextPrev div:last-child {
            margin-left: 0px;
        }

        .programNewsNextPrev div li {
            float: left;
            font-size: 16px !important;
            line-height: 25px;
            color: #868e96;
            padding-top: 16px;
            padding-bottom: 16px;
            font-family: AkzidenzGrotesk-Medium;
        }

    .main_content.englishVersion .programNewsNextPrev div li {
        line-height: 22px;
    }

    .programNewsNextPrev div li:nth-child(1) {
        width: 15%;
    }

    .programNewsNextPrev div li:nth-child(2) {
        width: 85%;
    }
    /* 프로그램 신청 - 회원, 비회원*/
    .programApplyMemberPage > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .main_content.englishVersion .programApplyMemberPage > div {
        line-height: 22px;
    }

    .programApplyMemberPage .programApplyMemberPageContent {
        /* border-top: #d2d2d2 1px solid; */
    }

        .programApplyMemberPage .programApplyMemberPageContent:first-child {
            border-top: 0px;
        }

    .programApplyMemberPage div div.programApplyMemberPageNm {
        width: 308px;
        float: left;
    }

        .programApplyMemberPage div div.programApplyMemberPageNm dt {
            margin-top: 10px;
        }

    .programApplyMemberPage div div.programApplyMemberPageArc {
        width: calc(100% - 308px);
    }

    .programApplyMemberPage div div.programApplyMemberPageDesc {
        width: calc(100% - 308px);
    }

    .programApplyMemberPage div .programApplyMemberPageDesc > li {
        width: calc(50% - 40px);
        margin-right: 40px;
        float: left;
    }

    .programApplyMemberPage div .programApplyMemberPageDesc dt {
        margin-left: 40px;
    }

    .programApplyMemberPage div .programApplyMemberPageDesc dd {
        margin: 10px 0px 30px 0px;
    }

    .programApplyMemberPage div div.programApplyMemberPageArc > li {
        width: 100%;
        min-height: 43px;
        padding-top: 15px;
        border-top: #d2d2d2 1px solid;
    }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.dateChoice {
            height: 65px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.textarea {
            height: 150px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.passwordDesc {
            min-height: 200px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.ask {
            height: 70px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.passwordDesc dd > span.desc {
            display: inline-block;
            width: calc(100% - 40px);
            min-height: 25px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.passwordDesc dd > span:nth-child(12) {
            margin-bottom: 10px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li:first-child {
            border-top: 0px;
            padding-top: 12px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li dt {
            width: 230px;
            padding-top: 3px;
            float: left;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.passwordDesc dd:first-child {
            width: 230px;
            padding-top: 3px;
            float: left;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li dd {
            width: calc(100% - 230px);
            display: inline-block;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li .idInput {
            width: 288px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.passwordDesc dd:last-child {
            float: right;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li .personnel {
            width: 100%;
            display: inline-block;
            margin-top: 3px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li .viewMoreText {
            margin-left: 30px;
            font-size: 14px;
        }

    .programApplyMemberPageArc .arc .noInput {
        padding-top: 3px;
    }

    .programApplyMemberPageArc .arc textarea {
        width: 100%;
        height: 129px;
    }

    .programApplyMemberPage .programApplyMemberPageContent:last-child li .programAskDesc {
        width: 100%;
        display: inline-block;
        margin-left: 40px;
    }

        .programApplyMemberPage .programApplyMemberPageContent:last-child li .programAskDesc.noMargin {
            margin-left: 0px;
        }

    .programApplyMemberPage .programApplyMemberPageContent:last-child {
        margin-bottom: 100px;
    }

        .programApplyMemberPage .programApplyMemberPageContent:last-child li {
            border: 0px;
        }
    /* 프로그램 신청 - 완료*/
    .programApplyCompletePage > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .main_content.englishVersion .programApplyCompletePage > div {
        line-height: 22px;
    }

    .programApplyCompletePage .programApplyCompletePageContent {
        border-top: #d2d2d2 1px solid;
    }

        .programApplyCompletePage .programApplyCompletePageContent:first-child {
            border-top: 0px;
        }

    .programApplyCompletePage div div.programApplyCompletePageNm {
        width: 308px;
        float: left;
        margin-bottom: 40px;
    }

    .programApplyCompletePage div:first-child div.programApplyCompletePageNm {
        width: 100%;
    }

    .programApplyCompletePage div div.programApplyCompletePageNm dt {
        margin-top: 10px;
    }

    .programApplyCompletePage div div.programApplyCompletePageArc {
        width: calc(100% - 308px);
    }

        .programApplyCompletePage div div.programApplyCompletePageArc > li {
            width: 100%;
            min-height: 43px;
            padding-top: 15px;
            border-top: #d2d2d2 1px solid;
        }

            .programApplyCompletePage div div.programApplyCompletePageArc > li:first-child {
                border-top: 0px;
                padding-top: 12px;
            }

            .programApplyCompletePage div div.programApplyCompletePageArc > li dt {
                width: 230px;
                padding-top: 3px;
                float: left;
            }

            .programApplyCompletePage div div.programApplyCompletePageArc > li dd {
                width: calc(100% - 230px);
                display: inline-block;
                padding-top: 3px;
            }

    .programApplyCompletePage .programApplyCompletePageContent:last-child {
        margin-bottom: 50px;
    }

        .programApplyCompletePage .programApplyCompletePageContent:last-child li {
            height: 80px;
            border: 0px;
        }

            .programApplyCompletePage .programApplyCompletePageContent:last-child li .programAskDesc {
                width: 100%;
                display: inline-block;
                margin-left: 40px;
            }

            .programApplyCompletePage .programApplyCompletePageContent:last-child li .btn_wh {
                width: 180px;
            }

    /*공간 자료*/
    .dataListTitle {
        width: 100%;
        display: flex;
        margin-top: 74px;
    }

        .dataListTitle ul li {
            width: calc(50% - 36px);
            float: left;
            margin-bottom: 15px;
            margin-left: 32px;
            font-size: 16px !important;
            line-height: 25px !important;
        }

    .main_content.englishVersion .dataListTitle ul li {
        line-height: 22px !important;
    }

    .dataListTitle ul li:first-child {
        margin-left: 20px;
    }

    .teensWorkBookList div {
        width: calc(25% - 34px);
        float: left;
        margin-right: 32px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        cursor: pointer;
        margin-bottom: 32px;
    }

    .main_content.englishVersion .teensWorkBookList div {
        line-height: 22px;
    }

    .main_content.englishVersion .teensWorkBookList div {
        line-height: 22px;
    }

    .teensWorkBookList div:nth-child(4n + 1) {
        margin-left: 20px;
    }

    .teensWorkBookList div:nth-child(4n) {
        margin-right: 0px;
    }

    .teensWorkBookList div li {
        width: 100%;
    }

        .teensWorkBookList div li img {
            width: 100%;
        }

        .teensWorkBookList div li dt {
            margin-top: 12px;
            margin-bottom: 9px;
        }

        .teensWorkBookList div li dd {
            margin-top: 9px;
            color: #868e96;
        }

    .printWorkList div {
        width: calc(25% - 34px);
        float: left;
        margin-right: 32px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        cursor: pointer;
        margin-bottom: 32px;
        min-height: 500px;
    }

    .main_content.englishVersion .printWorkList div {
        line-height: 22px;
    }

    .printWorkList div:nth-child(4n + 1) {
        margin-left: 20px;
    }

    .printWorkList div:nth-child(4n) {
        margin-right: 0px;
    }

    .printWorkList div li {
        width: 100%;
    }

        .printWorkList div li img {
            width: 100%;
        }

        .printWorkList div li dt {
            margin-top: 12px;
            margin-bottom: 9px;
        }

    .movieList {
        display: flex;
        flex-wrap: wrap;
    }

        .movieList div {
            width: calc(33.3333% - 36px);
            float: left;
            margin-right: 32px;
            font-family: AkzidenzGrotesk-Medium;
            font-size: 16px;
            line-height: 25px;
            cursor: pointer;
            margin-bottom: 32px;
        }

    .main_content.englishVersion .movieList div {
        line-height: 22px;
    }

    .movieList div:nth-child(1), .movieList div:nth-child(2), .movieList div:nth-child(6), .movieList div:nth-child(7) {
        width: calc(50% - 36px);
    }

    .movieList div:nth-child(1), .movieList div:nth-child(3), .movieList div:nth-child(6), .movieList div:nth-child(8) {
        margin-left: 20px;
    }

    .movieList div:nth-child(2), .movieList div:nth-child(5), .movieList div:nth-child(7), .movieList div:nth-child(10) {
        margin-right: 0px;
    }

    .movieList div li {
        width: 100%;
    }

        .movieList div li:nth-child(2) {
            margin-top: 12px;
        }

        .movieList div li img {
            width: 100%;
        }

    .movieList div:nth-child(1) li img, .movieList div:nth-child(2) li img, .movieList div:nth-child(6) li img, .movieList div:nth-child(7) li img {
        width: 100%;
    }

    .movieList div li dt, .movieList div li dd {
        width: 100%;
    }

        .movieList div li dt span {
            width: 50%;
            float: left;
            display: block;
        }

        .movieList div li dd span {
            display: inline-block;
        }

        .movieList div li dt span:nth-child(2) {
            width: calc(50% - 20px);
            margin-left: 20px;
            color: #868e96;
            float: left;
            display: block;
        }
    /*틴즈워크북 상세*/
    .teensWorkBookDtl div {
        width: calc(50% - 40px);
        float: left;
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
    }

        .teensWorkBookDtl div:last-child {
            margin-left: 0px;
            padding-left: 20px;
        }

        .teensWorkBookDtl div:first-child ul li:first-child {
            font-size: 28px;
        }

        .teensWorkBookDtl div:first-child ul li:last-child dd {
            margin-left: 30px !important;
            margin-bottom: 30px;
        }

    .teensWorkBookDtl .teensWorkBookDtlContent ul {
        width: 100%;
    }

        .teensWorkBookDtl .teensWorkBookDtlContent ul.teensWorkBookDtlContentDesc {
            margin-top: 24px;
            margin-bottom: 16px;
        }

        .teensWorkBookDtl .teensWorkBookDtlContent ul li {
            font-size: 16px !important;
            line-height: 25px;
        }

    .main_content.englishVersion .teensWorkBookDtl .teensWorkBookDtlContent ul li {
        line-height: 22px;
    }

    .teensWorkBookDtlContentImg {
        margin-top: 40px;
        margin-bottom: 25px;
    }

        .teensWorkBookDtlContentImg img {
            width: 316px;
            border: #868e96 1px solid;
        }

        .teensWorkBookDtlContentImg span {
            font-size: 14px !important;
            color: #868e96;
        }

    .teensWorkBookDtlContent .btn_wh {
        width: 180px;
    }
    /*동영상 상세*/
    .movieDtl div {
        width: calc(50% - 40px);
        float: left;
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
    }

        .movieDtl div:last-child {
            margin-left: 0px;
            padding-left: 20px;
        }

        .movieDtl div ul {
            width: 100%;
        }

        .movieDtl div:first-child ul li:first-child {
            font-size: 28px;
        }

        .movieDtl div:first-child ul li:last-child dd {
            margin-left: 30px !important;
        }

            .movieDtl div:first-child ul li:last-child dd:last-child {
                margin-bottom: 30px;
            }

    .movieDtl .movieDtlContent ul {
        width: 100%;
    }

        .movieDtl .movieDtlContent ul.movieDtlContentDesc {
            margin-top: 24px;
            margin-bottom: 16px;
        }

        .movieDtl .movieDtlContent ul li {
            font-size: 16px !important;
            line-height: 25px;
        }

    .main_content.englishVersion .movieDtl .movieDtlContent ul li {
        line-height: 22px;
    }

    .movieDtlContentImg {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 25px;
    }

        .movieDtlContentImg li div {
            width: 100%
        }

        .movieDtlContentImg li img {
            width: 100%;
        }
    /*출판물 상세*/
    .printWorkDtl div {
        width: calc(50% - 40px);
        float: left;
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
    }

        .printWorkDtl div:last-child {
            margin-left: 0px;
            padding-left: 20px;
        }

        .printWorkDtl div ul {
            width: 100%;
        }

        .printWorkDtl div:first-child ul li:first-child {
            margin-top: 9px;
            font-size: 28px;
        }

        .printWorkDtl div:first-child ul li:last-child dt {
            color: #868e96;
            margin-bottom: 10px !important;
        }

        .printWorkDtl div:first-child ul li:last-child dd {
            margin-left: 30px !important;
        }

            .printWorkDtl div:first-child ul li:last-child dd:last-child {
                margin-bottom: 30px;
            }

    .printWorkDtl .printWorkDtlContent ul {
        width: 100%;
    }

        .printWorkDtl .printWorkDtlContent ul.printWorkDtlContenttDesc {
            margin-top: 9px;
            margin-bottom: 16px;
        }

            .printWorkDtl .printWorkDtlContent ul.printWorkDtlContenttDesc pre:nth-child(2), .printWorkDtl .printWorkDtlContent ul.printWorkDtlContenttDesc pre:nth-child(3) {
                width: 50%;
                float: left;
            }

        .printWorkDtl .printWorkDtlContent ul li {
            font-size: 16px !important;
            line-height: 25px;
        }

    .main_content.englishVersion .printWorkDtl .printWorkDtlContent ul li {
        line-height: 22px;
    }

    .printWorkDtlContentImg {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 25px;
    }

        .printWorkDtlContentImg span {
            font-size: 14px !important;
            color: #868e96;
        }

        .printWorkDtlContentImg li img {
            width: 316px;
            height: 448px;
        }
    /* 공간 - 개요 */
    .constructIntro > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px !important;
        margin-bottom: 40px;
    }

    .main_content.englishVersion .constructIntro > div {
        line-height: 22px !important;
    }

    .constructIntro > div:last-child {
        margin-bottom: 100px;
    }

    .constructIntro > div > li {
        width: calc(50% + 16px);
        display: block;
        float: left;
    }

        .constructIntro > div > li:nth-child(2n) {
            width: calc(50% - 16px);
        }

        .constructIntro > div > li dt {
            font-size: 20px !important;
            line-height: 28px !important;
            margin-bottom: 51px;
            max-width: 624px;
            word-break: keep-all;
        }

        .constructIntro > div > li dd {
            width: 100%;
        }

    .constructIntro > div:nth-child(2) > li dd img {
        width: 100%;
        margin-top: -40px;
    }

    .constructIntro > div > li:first-child dd {
        width: calc(100% - 32px);
        margin-right: 32px;
    }

    .constructIntro > div:nth-child(4) li {
        width: 100%;
    }

        .constructIntro > div:nth-child(4) li dd {
            width: 100%;
        }

            .constructIntro > div:nth-child(4) li dd div {
                width: calc((100% - 64px) / 3);
                margin-right: 32px;
                min-height: 350px;
                float: left;
                position: relative;
            }

                .constructIntro > div:nth-child(4) li dd div span {
                    width: 100%;
                    text-align: center;
                    display: inline-block;
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                }

                .constructIntro > div:nth-child(4) li dd div:first-child span {
                    bottom: 21px;
                }

                .constructIntro > div:nth-child(4) li dd div:last-child {
                    margin-right: 0px;
                }

                .constructIntro > div:nth-child(4) li dd div img {
                    width: 270px;
                    margin-left: calc((100% - 270px) / 2);
                    height: auto;
                }

                .constructIntro > div:nth-child(4) li dd div:nth-child(2) img {
                    margin-left: calc((100% - 280px) / 2);
                    width: 280px;
                }

                .constructIntro > div:nth-child(4) li dd div:nth-child(3) img {
                    margin-left: calc((100% - 300px) / 2);
                    width: 300px;
                }

    .constructIntro > div:nth-child(6) {
        margin-top: 100px;
    }

        .constructIntro > div:nth-child(6) li dt {
            font-size: 28px !important;
            line-height: 28px !important;
            margin-bottom: 5px;
        }

    .constructIntro > div:nth-child(7) {
        margin-bottom: 20px;
    }

        .constructIntro > div:nth-child(7) li dt {
            margin: 0px;
        }

    .constructIntro > div:nth-child(8) li dd {
        margin-top: 10px;
    }

    .logoCiImg {
        display: block;
        width: calc(100% - 16px);
        height: 29vw;
        border: #d2d2d2 1px solid;
    }

        .logoCiImg.logoimg {
            margin-left: 16px;
        }

        .logoCiImg.ci img {
            width: 230px;
            height: 268px;
            margin-left: calc((100% - 230px)/2);
            margin-top: calc((29vw - 268px)/2);
        }

        .logoCiImg.logoimg img {
            width: 260px;
            height: 62px;
            margin-left: calc((100% - 260px)/2);
            margin-top: calc((29vw - 62px)/2);
        }
    /* 공간 - 건축 목록 */
    .constructList > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px !important;
        margin-bottom: 50px;
    }

    .main_content.englishVersion .constructList > div {
        line-height: 22px !important;
    }

    .constructList > div:last-child {
        margin-bottom: 100px !important;
    }

    .constructList > div > li {
        width: calc(50% + 16px);
        display: block;
        float: left;
    }

        .constructList > div > li:nth-child(2n) {
            width: calc(50% - 16px);
        }

    .constructList div > li dt {
        font-size: 20px !important;
    }

    .constructList div > li dd {
        width: 100%;
    }

    .constructList div > li:first-child dd {
        width: calc(100% - 32px);
        margin-right: 32px;
    }

    .constructList div.leeumImg {
        text-align: center;
    }

        .constructList div.leeumImg img {
            width: 80%;
        }

    .constructList div.architect {
        margin-bottom: 32px;
    }

        .constructList div.architect div {
            width: calc(50% - 16px);
            display: block;
            float: left;
            cursor: pointer;
        }

            .constructList div.architect div:nth-child(2n) {
                margin-left: 32px;
            }

            .constructList div.architect div li:nth-child(2) {
                margin-top: 0px;
            }

            .constructList div.architect div li img {
                width: 100%;
            }

            .constructList div.architect div li > span {
                width: 50%;
                margin-top:10px;
                line-height: 25px;
                display: block;
                float: left;
            }

            .constructList div.architect div > li > span:nth-child(2) {
                color: #868e96;
            }
    /* 공간 - 건축 상세 */
    .constructDtlPage div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 50px;
    }

    .main_content.englishVersion .constructDtlPage div {
        line-height: 22px;
    }

    .constructDtlPage div:last-child {
        margin-bottom: 100px;
    }

    .constructDtlPage div > li {
        width: calc(50% - 16px);
        display: block;
        float: left;
        margin-bottom: 32px;
    }

        .constructDtlPage div > li:nth-child(2n) {
            margin-left: 32px;
        }

    .constructDtlPage div.introDesc > li:last-child {
        text-align: center;
        width: 100%;
        display: block;
        float: left;
    }

        .constructDtlPage div.introDesc > li:last-child img {
            margin-top: 20px;
            width: 100%;
        }

    .constructDtlPage div .documentTitle {
        font-size: 28px !important;
        line-height: 30px;
    }

    .constructDtlPage div > li dt {
        margin-bottom: 20px;
    }

    .constructDtlPage div > li dd {
        width: 100%;
    }

        .constructDtlPage div > li dd .desc {
            width: 100%;
            display: block;
            float: left;
        }

            .constructDtlPage div > li dd .desc.subDesc {
                margin-left: 30px;
            }

    .constructDtlPage div > li:first-child dt {
        width: calc(100% - 32px);
        margin-right: 32px;
    }

    .constructDtlPage div > li:first-child dd {
        width: calc(100% - 32px);
        margin-right: 32px;
    }

    .constructDtlPage div.constructDesciptionTitle {
        margin-left: 40px;
        margin-bottom: 0px !important;
    }

    .constructDtlPage div dt .descSubTitle {
        font-size: 20px !important;
        line-height: 28px;
    }

    .constructDtlPage div.constructDesciption {
        display: flex;
        flex-wrap: wrap;
    }

        .constructDtlPage div.constructDesciption li img {
            width: 100%;
            margin-bottom: 12px;
        }

    .constructDtlPage div li pre {
        width: 100%;
        margin: 0px 0px 10px 0px !important;
        line-height: 24px;
    }

    .constructDtlPage div.constructDesciption li > span {
        width: 100%;
        display: block;
        min-height: 55px;
    }

        .constructDtlPage div.constructDesciption li > span > span {
            width: 332px;
            display: block;
            float: left;
            line-height: 24px;
        }

    .constructDtlPage div > li img {
        width: 100%;
    }

    .constructDtlPage div.constructDesciption li > span > span:nth-child(2) {
        color: #868e96;
    }

    .constructDtlPage div.architectorIntroduce li > .architectorprofileArea > span {
        display: block;
        float: left;
        min-height: 55px;
    }

        .constructDtlPage div.architectorIntroduce li > .architectorprofileArea > span:first-child {
            width: calc(45%);
        }

        .constructDtlPage div.architectorIntroduce li > .architectorprofileArea > span:last-child {
            float: right;
            margin-bottom: 46px;
            width: 45%;
        }

    .constructDtlPage div.architectorIntroduce li > span {
        width: 100%;
        display: block;
        min-height: 55px;
        margin-top: 12px;
    }

        .constructDtlPage div.architectorIntroduce li > span > span {
            width: 332px;
            display: block;
            float: left;
            line-height: 24px;
        }

            .constructDtlPage div.architectorIntroduce li > span > span:nth-child(2) {
                color: #868e96;
            }

                .constructDtlPage div.architectorIntroduce li > span > span:nth-child(2) > span {
                    width: 100%;
                    display: block;
                    float: left;
                }

    .constructDtlPage div.architectorInterviewMovie {
        text-align: center;
    }

        .constructDtlPage div.architectorInterviewMovie img {
            width: 956px;
            height: 500px;
        }

        .constructDtlPage div.architectorInterviewMovie iframe {
            width: 956px;
            height: 500px;
        }

    .constructDtlPage div.architectorInterview li > dt {
        margin: 20px 0px 10px 30px;
    }

    .constructDtlPage .architectorInterview.title li > dt {
        margin: 0px !important;
    }

    .constructDtlPage div.architectorInterview li:first-child > dt {
        width: calc(100% - 62px);
    }

    .constructDtlPage div.architectorInterview li:last-child > dt {
        width: calc(100% - 30px);
    }
    /*공간 공통*/
    .dataListNextPrev div {
        float: left;
        width: calc(50% - 40px);
        padding-left: 40px;
    }

        .dataListNextPrev div li {
            float: left;
            font-size: 16px !important;
            line-height: 25px;
            color: #868e96;
            padding-top: 16px;
            padding-bottom: 16px;
            font-family: AkzidenzGrotesk-Medium;
        }

    .main_content.englishVersion .dataListNextPrev div li {
        line-height: 22px;
    }

    .dataListNextPrev div li:nth-child(1) {
        width: 15%;
    }

    .dataListNextPrev div li:nth-child(2) {
        width: 85%;
    }
    /* 공간 - 공용공간리뉴얼 목록 */
    .reNewSpaceList > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px !important;
        margin-bottom: 32px;
    }

    .main_content.englishVersion .reNewSpaceList > div {
        line-height: 22px !important;
    }

    .reNewSpaceList > div:last-child {
        margin-bottom: 68px;
    }

    .reNewSpaceList > div > li {
        width: calc(50% - 16px);
        display: block;
        float: left;
    }

        .reNewSpaceList > div > li:nth-child(2n) {
            margin-left: 16px;
        }

        .reNewSpaceList > div > li dt {
            font-size: 20px !important;
        }

    .reNewSpaceList div.reNewSpace {
        display: flex;
        flex-wrap: wrap;
    }

        .reNewSpaceList div.reNewSpace div {
            width: calc(50% - 16px);
            margin-bottom: 32px;
            cursor: pointer;
            float: left;
        }

    .reNewSpaceList > div.reNewSpace > div:nth-child(2n) {
        margin-left: 32px;
    }

    .reNewSpaceList div.reNewSpace div li:nth-child(2) {
        margin-top: 12px;
    }

    .reNewSpaceList div.reNewSpace div li img {
        width: 100%;
    }

    .reNewSpaceList div.reNewSpace div li > span {
        width: 100%;
        display: block;
        float: left;
    }
    /* 공간 - 공용공간리뉴얼 상세 */
    .reNewSpaceDtl div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .main_content.englishVersion .reNewSpaceDtl div {
        line-height: 22px;
    }

    .reNewSpaceDtl div li {
        width: 100%;
    }

    .reNewSpaceDtl div .reNewSpaceDtlTitle {
        font-size: 28px;
        text-align: center;
        margin-top: 9px;
        margin-bottom: 14px;
        line-height:130%;
    }

    .reNewSpaceDtl div .reNewSpaceDtlContent {
        margin-left: 20%;
        width: 60%;
    }

        .reNewSpaceDtl div .reNewSpaceDtlContent dt {
            width: calc(100% - 20px);
            margin-left: 20px;
            margin-top: 32px;
            line-height: 24px;
        }

    .main_content.englishVersion .reNewSpaceDtl div .reNewSpaceDtlContent dt {
        line-height: 22px;
    }

    .reNewSpaceDtl div .reNewSpaceDtlContent dd {
        width: 100%;
        margin-bottom: 18px;
        line-height: 24px;
    }

    .main_content.englishVersion .reNewSpaceDtl div .reNewSpaceDtlContent dd {
        line-height: 22px;
    }

    .reNewSpaceDtl div .reNewSpaceDtlContentImg div {
        width: 100%;
        text-align: center;
        margin-left: 0px;
        margin-top: 14px;
        margin-bottom: 60px;
    }

        .reNewSpaceDtl div .reNewSpaceDtlContentImg div img {
            width: 55%;
        }
    /* 편의시설*/
    .facilitiesPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 32px;
    }

    .main_content.englishVersion .facilitiesPage > div {
        line-height: 22px;
    }

    .facilitiesPage > div:last-child {
        margin-bottom: 100px;
    }

    .facilitiesPage div div.facilitiesPagePageNm {
        width: calc(40% - 32px);
        margin-right: 32px;
        float: left;
    }

        .facilitiesPage div div.facilitiesPagePageNm dt {
            width: calc(100% - 30px);
            margin-left: 30px;
            margin-bottom: 3px;
            float: left;
        }

        .facilitiesPage div div.facilitiesPagePageNm dd {
            width: 100%;
            float: left;
            line-height: 24px;
        }

            .facilitiesPage div div.facilitiesPagePageNm dd span {
                color: #868e96;
            }

    .facilitiesPage div div.facilitiesPagePageArc {
        width: 60%;
    }

        .facilitiesPage div div.facilitiesPagePageArc > li {
            width: 100%;
            min-height: 43px;
        }

            .facilitiesPage div div.facilitiesPagePageArc > li img {
                width: 100%
            }
    /* 멤버십안내 */
    .membershipInfomaionPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .main_content.englishVersion .membershipInfomaionPage > div {
        line-height: 22px;
    }

    .membershipInfomaionPage div div.membershipInfomaionPageNm {
        width: 20%;
        float: left;
    }

        .membershipInfomaionPage div div.membershipInfomaionPageNm.line {
            border-top: #d2d2d2 1px solid;
        }

        .membershipInfomaionPage div div.membershipInfomaionPageNm dt {
            margin-top: 10px;
        }

    .membershipInfomaionPage div.membershipInfomaionEnglish div.membershipInfomaionPageArc .line dt:nth-child(3) {
        margin-top: 20px;
    }

    .membershipInfomaionPage div.membershipInfomaionEnglish div.membershipInfomaionPageArc .line dd:nth-child(4) {
        margin-bottom: 10px;
    }

    .membershipInfomaionPage div div.membershipInfomaionPageArc {
        width: 80%;
    }

    .membershipInfomaionPage div.membershipInfomaionPageContent {
        border-top: #d2d2d2 1px solid;
        margin-bottom: 20px;
    }

    .membershipInfomaionPage div div.membershipInfomaionPageArc {
        border-top: #d2d2d2 1px solid;
    }

    .membershipInfomaionPage div div:nth-child(2) {
        border-top: 0px;
    }

    .membershipInfomaionPage div div.membershipInfomaionPageArc li {
        padding-top: 12px;
        float: left;
        margin-bottom: 30px;
    }

        .membershipInfomaionPage div div.membershipInfomaionPageArc li:first-child {
            width: 40%;
            padding-top: 12px;
        }

        .membershipInfomaionPage div div.membershipInfomaionPageArc li.full {
            width: 60%;
        }

        .membershipInfomaionPage div div.membershipInfomaionPageArc li.half {
            width: 30%;
        }

        .membershipInfomaionPage div div.membershipInfomaionPageArc li dt {
            width: calc(100% - 30px);
            margin-left: 30px;
            float: left;
        }

        .membershipInfomaionPage div div.membershipInfomaionPageArc li dd .desc {
            width: calc(100% - 25px);
            display: inline-flex;
            line-height: 25px;
        }

            .membershipInfomaionPage div div.membershipInfomaionPageArc li dd .desc.subDesc {
                margin-left: 30px;
            }

            .membershipInfomaionPage div div.membershipInfomaionPageArc li dd .desc.qna {
                margin-bottom: 20px;
            }

        .membershipInfomaionPage div div.membershipInfomaionPageArc li:first-child dd {
            margin-right: 30px;
        }

        .membershipInfomaionPage div div.membershipInfomaionPageArc li .giftMembershipBtn {
            width: 200px;
        }

    .membershipInfomaionPage div .membershipInfomaionPageArc.agreeArea li {
        padding-top: 18px !important;
        width: 100% !important;
    }

        .membershipInfomaionPage div .membershipInfomaionPageArc.agreeArea li dd input[type="checkbox"] {
            float: left;
            margin: 5px 10px 0px 0px;
        }

        .membershipInfomaionPage div .membershipInfomaionPageArc.agreeArea li dd span.agreeDesc {
            width: calc(100% - 30px) !important;
            margin-bottom: 7px;
            display: block;
            float: left;
        }

        .membershipInfomaionPage div .membershipInfomaionPageArc.agreeArea li dd span.btn_wh, .membershipInfomaionPage div .membershipInfomaionPageArc.agreeArea li dd span.btn_gr {
            width: 190px
        }

        .membershipInfomaionPage div .membershipInfomaionPageArc.agreeArea li dd:last-child {
            margin-top: 36px;
            margin-bottom: 100px;
        }

    .membershipInfomaionPage div div.membershipProgramNm {
        width: 100%;
        float: left;
        border-top: #d2d2d2 1px solid;
        padding: 23px 0px 23px 0px;
    }

    .membershipInfomaionPage div div.membershipProgramArc {
        width: 100%;
        float: left;
    }

        .membershipInfomaionPage div div.membershipProgramArc > div {
            width: calc((100% - 96px) / 4);
            float: left;
            margin-right: 32px;
            margin-bottom: 23px;
        }

            .membershipInfomaionPage div div.membershipProgramArc > div li:nth-child(2) {
                margin-top: 12px;
            }

            .membershipInfomaionPage div div.membershipProgramArc > div li span {
                width: 100%;
                float: left;
                display: block;
            }

                .membershipInfomaionPage div div.membershipProgramArc > div li span:last-child {
                    margin-top: 5px;
                    color: #868e96;
                }

            .membershipInfomaionPage div div.membershipProgramArc > div:nth-child(3n) {
                margin-right: 0px;
            }

    .membershipPager {
        text-align: center;
        width: 100%;
        display: block;
        margin-bottom: 100px;
    }

        .membershipPager > .pagerPoint {
            display: block;
            margin-left: calc((100% - 105px) / 2);
        }

            .membershipPager > .pagerPoint span {
                width: 10px;
                height: 10px;
                display: block;
                border: 1px #868e96 solid;
                border-radius: 10px;
                margin: 10px 10px 5px 5px;
                float: left;
            }

                .membershipPager > .pagerPoint span.on {
                    background-color: #868e96;
                }
                
    /* 20220118 멤버십 카드사진 추가 */
    .membershipInfomaionPage div div.membershipInfomaionPageNm dt img {
        width: 100%;
        max-width:180px;
    }
    
    
    /* 기프트멤버십안내 */
    .giftMembershipInfomaionPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageNm {
        width: 20%;
        float: left;
    }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageNm.line {
            border-top: #d2d2d2 1px solid;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageNm dt {
            margin-top: 10px;
        }

    .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc {
        width: 80%;
    }

    .giftMembershipInfomaionPage div.giftMembershipInfomaionPageContent {
        border-top: #d2d2d2 1px solid;
        margin-bottom: 20px;
    }

    .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc {
        border-top: #d2d2d2 1px solid;
    }

    .giftMembershipInfomaionPage div div:nth-child(2) {
        border-top: 0px;
    }

    .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li {
        padding-top: 12px;
        float: left;
        margin-bottom: 30px;
    }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li:first-child {
            width: 40%;
            padding-top: 12px;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li.full {
            width: 60%;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dt {
            width: calc(100% - 30px);
            margin-left: 30px;
            margin-bottom: 7px;
            float: left;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .desc {
            width: calc(100% - 25px);
            display: inline-flex;
            line-height: 25px;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .reciver {
            width: 100%;
            display: block;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd textarea {
            width: 100%;
            height: 128px;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .reciver span:nth-child(1), .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .reciver span:nth-child(3) {
            width: 20%;
            float: left;
            padding: 5px 0px 5px 0px;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .reciver span:nth-child(2), .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .reciver span:nth-child(4) {
            width: 80%;
            float: left;
            padding: 5px 0px 5px 0px;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .desc.subDesc {
            margin-left: 30px;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li:first-child dd {
            margin-right: 30px;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li .giftMembershipBtn {
            width: 200px;
        }

    .giftMembershipInfomaionPage div .giftMembershipInfomaionPageArc.agreeArea li {
        padding-top: 18px !important;
        width: 100% !important;
    }

        .giftMembershipInfomaionPage div .giftMembershipInfomaionPageArc.agreeArea li dd input[type="checkbox"] {
            float: left;
            margin: 5px 10px 0px 0px;
        }

        .giftMembershipInfomaionPage div .giftMembershipInfomaionPageArc.agreeArea li dd span.agreeDesc {
            width: calc(100% - 30px) !important;
            margin-bottom: 7px;
            display: block;
            float: left;
        }

        .giftMembershipInfomaionPage div .giftMembershipInfomaionPageArc.agreeArea li dd span.btn_wh, .giftMembershipInfomaionPage div .giftMembershipInfomaionPageArc.agreeArea li dd span.btn_gr {
            width: 190px
        }

        .giftMembershipInfomaionPage div .giftMembershipInfomaionPageArc.agreeArea li dd:last-child {
            margin-top: 36px;
            margin-bottom: 100px;
        }
    /* 기프트멤버십사용등록*/
    .giftMembershipPage > div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .giftMembershipPage div div.giftMembershipPageNm {
        width: 20%;
        float: left;
    }

        .giftMembershipPage div div.giftMembershipPageNm dt {
            margin-top: 10px;
        }

    .giftMembershipPage div div.giftMembershipPageArc {
        width: 80%;
    }

        .giftMembershipPage div div.giftMembershipPageArc > ul {
            width: 100%;
        }

            .giftMembershipPage div div.giftMembershipPageArc > ul > li {
                width: 100%;
                min-height: 30px;
                padding-top: 20px;
                padding-bottom: 20px;
                display: inline-block;
                border-bottom: #d2d2d2 1px solid;
            }

                .giftMembershipPage div div.giftMembershipPageArc > ul > li dt {
                    width: calc(100% - 30px);
                    margin-left: 30px;
                    padding-bottom: 4px;
                    float: left;
                }

                .giftMembershipPage div div.giftMembershipPageArc > ul > li dd {
                    width: 100%;
                    display: inline-block;
                }

                .giftMembershipPage div div.giftMembershipPageArc > ul > li span.arcDesc {
                    display: inline-block;
                    width: calc(100% - 40px);
                    min-height: 25px;
                }

                .giftMembershipPage div div.giftMembershipPageArc > ul > li .cardNumber > span.dash {
                    display: block;
                    width: 20px;
                    text-align: center;
                    float: left;
                }

                .giftMembershipPage div div.giftMembershipPageArc > ul > li .cardNumber > input, .giftMembershipPage div div.giftMembershipPageArc > ul > li .cardNumber > select {
                    float: left;
                }

                .giftMembershipPage div div.giftMembershipPageArc > ul > li .change {
                    margin-top: 3px;
                }

                    .giftMembershipPage div div.giftMembershipPageArc > ul > li .change.viewMoreText {
                        margin-left: 20px;
                        font-size: 14px;
                    }

            .giftMembershipPage div div.giftMembershipPageArc > ul:last-child > li:last-child {
                margin-bottom: 100px;
                border: 0px;
            }
    /* 관람안내 */
    .visitInfomationPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        border-top: #868e96 1px solid;
    }

    .main_content.englishVersion .visitInfomationPage > div {
        line-height: 22px;
    }

    .visitInfomationPage .visitInfoContent:last-child {
        margin-bottom: 60px;
    }

    .visitInfomationPage div .visitInfoTitle {
        width: 26%;
        float: left;
    }

    .visitInfomationPage div .visitInfoContent_first {
        width: calc(24% - 16px);
        margin-right: 16px;
        float: left;
    }

    .visitInfomationPage div .visitInfoContent_second {
        width: 50%;
        float: left;
    }

    .visitInfomationPage div .visitInfoContent_guide {
        width: calc(50% - 16px);
        margin-right: 16px;
        float: left;
    }

    .visitInfomationPage div div.visitInfoContent_guide span.arcDesc {
        display: inline-block;
        width: calc(100% - 40px);
        min-height: 25px;
    }

    .visitInfomationPage div div.visitInfoContent_guide li dd {
        display: inline-block;
        width: calc(100% - 30px);
        margin-left: 30px;
    }

    .visitInfomationPage div div.visitInfoContent_guide li:first-child {
        margin-bottom: 8px;
    }

    .visitInfomationPage div div li {
        width: 100%;
        padding-top: 12px;
        display: inline-block;
    }

    .visitInfomationPage div > div > li:last-child {
        padding-bottom: 40px;
    }

    .visitInfomationPage div div.visitInfoContent_first li dt, .visitInfomationPage div.visitInfoContent_second li dt {
        width: calc(100% - 30px);
        margin-left: 30px;
        margin-bottom: 2px;
        float: left;
    }

    .visitInfomationPage div div li dd .desc {
        width: calc(100% - 25px);
        display: inline-flex;
        line-height: 25px;
    }

        .visitInfomationPage div div li dd .desc.subDesc {
            margin-left: 30px;
        }

    .visitInfomationPage div div.visitInfoContent_second li dd img {
        width: 100%;
    }
    /*공지사항 목록*/
    .noticePageList div {
        width: calc(100% - 40px);
        margin-left: 20px;
    }

        .noticePageList div:last-child {
            margin-bottom: 30px;
        }

        .noticePageList div li {
            float: left;
            font-size: 16px !important;
            line-height: 25px;
            color: #868e96;
            padding-top: 16px;
            padding-bottom: 16px;
            border-top: #868e96 1px solid;
            font-family: AkzidenzGrotesk-Medium;
            cursor: pointer;
        }

    .main_content.englishVersion .noticePageList div li {
        line-height: 22px;
    }

    .noticePageList div:last-child li {
        border-bottom: #868e96 1px solid;
    }

    .noticePageList div.noticeNews li {
        color: #000;
    }

    .noticePageList div li:nth-child(1) {
        width: 10%;
    }

    .noticePageList div li:nth-child(2) {
        width: 80%;
    }

    .noticePageList div li:nth-child(3) {
        text-align: right;
        width: 10%;
    }
    /*공지사항 상세*/
    .noticeDtl div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
    }

        .noticeDtl div li {
            width: 100%;
            text-align: center;
            font-size: 16px;
            line-height: 25px;
        }

    .main_content.englishVersion .noticeDtl div li {
        line-height: 22px;
    }

    .noticeDtl div li.noticeBtnArea {
        text-align: left !important;
    }

        .noticeDtl div li.noticeBtnArea > span {
            width: 180px;
            margin-left: 280px;
        }

    .noticeDtl div .noticeNewsDtlTitle {
        font-size: 28px;
    }

    .noticeDtl div .noticeNewsDtlContent {
        margin-top: 25px;
        margin-left: 10%;
        width: 80%;
    }

        .noticeDtl div .noticeNewsDtlContent pre {
            width: 80%;
        }

    .noticeNextPrev div {
        float: left;
        width: calc(50% - 40px);
        padding-left: 40px;
    }

        .noticeNextPrev div li {
            float: left;
            font-size: 16px !important;
            line-height: 25px;
            color: #868e96;
            padding-top: 16px;
            padding-bottom: 16px;
            font-family: AkzidenzGrotesk-Medium;
        }

    .main_content.englishVersion .noticeNextPrev div li {
        line-height: 22px;
    }

    .noticeNextPrev div li:nth-child(1) {
        width: 15%;
    }

    .noticeNextPrev div li:nth-child(2) {
        width: 85%;
    }
    /*FAQ*/
    .faqList div {
        width: calc(100% - 40px);
        margin-left: 20px;
        padding: 15px 0px 15px 0px;
        border-top: #868e96 1px solid;
        color: #868e96;
        display:inline-block;
    }

        .faqList div:last-child {
            border-bottom: #868e96 1px solid;
            margin-bottom: 100px;
        }

        .faqList div span {
            display: block;
            float: left;
        }

            .faqList div span.no {
                width: 57px;
            }

            .faqList div span.title {
                width: 409px;
            }

            .faqList div span.content {
                width: 700px;
                display: none;
            }

            .faqList div span.activateIcon {
                width: 14px;
                height: 14px;
                background-color: #ffffff;
                border: #000000 1px solid;
                border-radius: 14px;
                float: right;
            }

        .faqList div .activateIcon.open {
            background-color: #ffffff;
        }

        .faqList div.open {
            color: #000000;
        }

            .faqList div.open .content {
                display: block;
                line-height: 25px;
            }

    .main_content.englishVersion .faqList div.open .content {
        line-height: 22px;
    }

    .faqList div.open .activateIcon {
        background-color: #000000;
    }
    /* 로그인 */
    .memberLoginPage div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        margin-top: 200px;
        margin-bottom: 101px;
    }

        .memberLoginPage div li {
            width: 433px;
            margin-left: calc((100% - 433px) / 2);
        }

            .memberLoginPage div li:first-child {
                width: 100%;
                margin-left: 0px;
                font-size: 28px;
                text-align: center;
            }

/* 멤버스 라운지 로그인 화면 추가 */
		.memberLoginPage div .MemberLounge_memberLoginPageTitle {
                width: 100%;
                margin-left: 0px;
                margin-bottom: 50px;
                font-size: 40px !important;
                text-align: center;
        }

		.memberLoginPage div .MemberLounge_memberLoginPageSubTitle {
                width: 100%;
                margin-left: 0px;
                margin-bottom: 20px;
                font-size: 22px;
                text-align: center;
        }

        .memberLoginPage div li div.bottomLineLounge {
            margin: 10px 0px 10px 0px;
            width: 100%;
			border-bottom: #d2d2d2 1px solid;
        }

/* 멤버스 라운지 로그인 화면 추가 끝*/

        .memberLoginPage div .memberLoginPageInput {
            border-bottom: #868e96 1px solid;
            padding: 12px 0px 12px 0px;
        }

        .memberLoginPage div .memberLoginPageContent {
            text-align: center;
        }

        .memberLoginPage div .memberLoginPageInput span {
            display: inline-block;
            font-size: 14px;
            width: 15%;
        }

        .memberLoginPage div .memberLoginPageInput > input {
            width: 80%;
            background-color: #ffffff;
        }

        .memberLoginPage div .memberLoginPageIdPasswordFind span {
            display: block;
            float: left;
            font-size: 14px;
            margin: 12px 30px 12px 0px;
            color: #868e96;
        }

        .memberLoginPage div .memberLoginPageContent span {
            display: inline-block;
            font-size: 14px;
            width: calc(100% - 30px);
            color: #868e96;
            margin-bottom: 10px;
        }

        .memberLoginPage div li div.bottomLine {
            margin: 30px 0px 30px 0px;
            width: 431px;
        }

        .memberLoginPage div li span.btn_wh, .memberLoginPage div li span.btn_gr, .memberLoginPage div li span.btn_bk {
            width: 391px;
        }

        .memberLoginPage div li:last-child {
            margin-bottom: 125px;
        }
    /* 회원가입 */
    .memberJoinSelectPage div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        margin-top: 200px;
        margin-bottom: 101px;
    }

        .memberJoinSelectPage div li {
            width: 433px;
            margin-left: calc((100% - 433px) / 2);
        }

            .memberJoinSelectPage div li:first-child {
                width: 100%;
                margin-left: 0px;
            }

        .memberJoinSelectPage div .memberJoinSelectPageTitle {
            font-size: 28px;
            text-align: center;
        }

        .memberJoinSelectPage div .memberJoinSelectPageSubTitle, .memberJoinSelectPage div .memberJoinSelectPageContent {
            width: 431px;
            margin-top: 35px;
        }

            .memberJoinSelectPage div .memberJoinSelectPageSubTitle span {
                display: block;
                width: max-content;
                float: left;
            }

                .memberJoinSelectPage div .memberJoinSelectPageSubTitle span:last-child {
                    float: right;
                }

            .memberJoinSelectPage div .memberJoinSelectPageContent span {
                display: inline-block;
                width: calc(100% - 30px);
                margin-left: 30px;
                margin-top: 3px;
                width: 100%;
            }

        .memberJoinSelectPage div li div.bottomLine {
            margin: 40px 0px 32px 0px;
            width: 431px;
        }

        .memberJoinSelectPage div li span.btn_wh {
            width: 391px;
        }

        .memberJoinSelectPage div li:nth-child(8), .memberJoinSelectPage div li:nth-child(13) {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .memberJoinSelectPage div li span.viewMoreText {
            font-size: 14px;
            margin-left: 30px;
        }

        .memberJoinSelectPage div li span.viewMoreArrow {
            font-size: 20px;
        }
    /* 웹회원가입 */
    .webMemberSelectPage div {
        width: calc(33.3333% - 155px);
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
        float: left;
        margin: 10px 0px 177px 91px;
    }

        .webMemberSelectPage div:first-child {
            margin-left: 142px;
        }

        .webMemberSelectPage div li {
            width: 100%;
        }

            .webMemberSelectPage div li span.btn_wh {
                width: calc(100% - 40px);
                margin-bottom: 15px;
            }

            .webMemberSelectPage div li.webMemberSelectPageSubTitle dt {
                margin-left: 29px;
            }

    .webMemberSelectPageDesc span {
        width: 100%;
        display: inline-block;
        font-size: 14px;
        color: #868e96;
    }
    /* 웹회원 일반회원 가입인증 */
    .memberConfirmPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .memberConfirmPage div div.memberConfirmPageNm {
        width: 308px;
        float: left;
    }

        .memberConfirmPage div div.memberConfirmPageNm dt {
            margin-top: 10px;
        }

    .memberConfirmPage div div.memberConfirmPageArc {
        width: calc(100% - 308px);
    }

        .memberConfirmPage div div.memberConfirmPageArc li.arc {
            width: 100%;
            height: 45px;
            padding-top: 12px;
            /* border-top: #d2d2d2 1px solid; */
        }

        .memberConfirmPage div div.memberConfirmPageArc li span.radioArc {
            display: inline-block;
            margin: 10px 20px 20px 0px;
        }

        .memberConfirmPage div div.memberConfirmPageArc li dt {
            width: 107px;
            float: left;
        }

        .memberConfirmPage div div.memberConfirmPageArc li dd {
            width: calc(100% - 107px);
        }

        .memberConfirmPage div div.memberConfirmPageArc li:last-child {
            margin-bottom: 95px;
        }
    /* 웹회원 일반회원 동의 */
    .memberAgreePage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .memberAgreePage div div.memberAgreePageNm {
        width: 308px;
        float: left;
    }

        .memberAgreePage div div.memberAgreePageNm dt, .memberAgreePage div div.memberAgreePageArc dt {
            margin-top: 10px;
        }

    .memberAgreePage div div.memberAgreePageArc {
        width: calc(100% - 308px);
    }

    .memberAgreePage div.memberAgreePageContent {
        border-top: #d2d2d2 1px solid;
        margin-bottom: 20px;
    }

    .memberAgreePage div:nth-child(1) {
        margin-bottom: 12px;
    }

    .memberAgreePage div:nth-child(4) {
        margin-bottom: 0px;
    }

    .memberAgreePage > div:last-child {
        margin-bottom: 100px;
    }

    .memberAgreePage div div.memberAgreePageArc li {
        width: 100%;
        padding-top: 12px;
    }

        .memberAgreePage div div.memberAgreePageArc li span.radioArc {
            display: inline-block;
            margin: 10px 20px 20px 0px;
        }

        .memberAgreePage div div.memberAgreePageArc li dt {
            width: 107px;
            float: left;
        }

        .memberAgreePage div div.memberAgreePageArc li pre {
            width: calc(100% - 25px);
            height: 210px;
            padding: 12px;
            font-size: 14px;
            overflow: auto;
            color: #868e96;
            border: #d2d2d2 1px solid;
        }

        .memberAgreePage div div.memberAgreePageArc li span.btn_gr {
            width: 225px;
        }
    /* 웹회원 일반회원 회원정보입력 */
    .memberInformationPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .memberInformationPage div div.memberInformationPageNm {
        width: 308px;
        float: left;
    }

        .memberInformationPage div div.memberInformationPageNm dt {
            margin-top: 10px;
        }

    .memberInformationPage div div.memberInformationPageArc {
        width: calc(100% - 308px);
    }

        .memberInformationPage div div.memberInformationPageArc > li {
            width: 100%;
            min-height: 43px;
            padding-top: 15px;
            border-top: #d2d2d2 1px solid;
        }

            .memberInformationPage div div.memberInformationPageArc > li:first-child {
                border-top: 0px;
                padding-top: 12px;
            }
            /* .memberInformationPage div div.memberInformationPageArc>li:nth-child(10){
    height: 120px;
} */
            .memberInformationPage div div.memberInformationPageArc > li dt {
                width: 230px;
                padding-top: 3px;
                float: left;
            }

            .memberInformationPage div div.memberInformationPageArc > li dd {
                width: calc(100% - 230px);
                display: inline-block;
            }

            .memberInformationPage div div.memberInformationPageArc > li .idInput {
                width: 288px;
            }

            .memberInformationPage div div.memberInformationPageArc > li .idcheck {
                margin-top: 3px;
            }

                .memberInformationPage div div.memberInformationPageArc > li .idcheck.viewMoreText {
                    margin-left: 20px;
                    font-size: 14px;
                }

            .memberInformationPage div div.memberInformationPageArc > li .passwordInput {
                width: 374px;
            }

            .memberInformationPage div div.memberInformationPageArc > li span.radioArc {
                display: inline-block;
                margin-right: 20px;
            }

            .memberInformationPage div div.memberInformationPageArc > li:last-child {
                margin-bottom: 100px;
                padding-top: 30px;
            }

    .memberInformationPageArc .arc .password {
        padding-top: 3px;
    }

    .memberInformationPageArc .arc .noInput {
        padding-top: 3px;
    }

    .memberInformationPageArc .arc .selfInput {
        margin: 5px 7px 0px 13px;
    }

    .memberInformationPageArc .arc .noInput .agreeInfo, .memberInformationPageArc .arc .noInput .agreeInfoTable {
        width: 100%;
        margin-top: 5px;
        display: inline-block;
    }

    .agreeInfoTable .agreeInfoArc:nth-child(1) {
        width: 40%;
        float: left;
    }

    .agreeInfoTable .agreeInfoArc:nth-child(2), .agreeInfoTable .agreeInfoArc:nth-child(3) {
        width: 30%;
        float: left;
    }

    .agreeInfoTable .agreeInfoArc > span {
        width: 100%;
        display: block;
    }

        .agreeInfoTable .agreeInfoArc > span.title {
            width: calc(100% - 30px);
            margin-top: 3px;
            margin-left: 30px;
        }
    /* 리움프렌즈 회원가입 */
    .memberLeeumPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .memberLeeumPage div div.memberLeeumPageNm {
        width: 308px;
        float: left;
    }

        .memberLeeumPage div div.memberLeeumPageNm dt, .memberLeeumPage div div.memberLeeumPageArc dt {
            width: 100%;
            display: block;
            margin-top: 20px;
            margin-bottom: 12px;
        }

    .memberLeeumPage .memberLeeumPageContent:first-child div dt {
        margin-top: 10px;
        border-top: 0px;
    }

    .memberLeeumPage .memberLeeumPageContent div dd {
        margin-left: 30px;
    }

    .memberLeeumPage div div.memberLeeumPageArc {
        width: calc(100% - 308px);
    }

    .memberLeeumPage div.memberLeeumPageContent {
        border-top: #d2d2d2 1px solid;
        margin-bottom: 10px;
    }

    .memberLeeumPage .memberLeeumPageContent:first-child {
        border-top: 0px;
        margin-bottom: 30px;
    }

    .memberLeeumPage div:nth-child(4) {
        margin-bottom: 0px;
    }

    .memberLeeumPage > div:last-child {
        margin-bottom: 100px;
    }

    .memberLeeumPage div div.memberLeeumPageArc li {
        width: 100%;
        padding-top: 12px;
    }

    .memberLeeumPage div div.memberLeeumPageArc span.radioArc {
        display: inline-block;
        margin: 20px 20px 10px 0px;
    }

    .memberLeeumPage div div.memberLeeumPageArc span.arcDesc {
        display: inline-block;
        width: calc(100% - 40px);
        min-height: 25px;
    }

    .memberLeeumPage div div.memberLeeumPageArc > .arcDesc:last-child {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .memberLeeumPage div .inputArea {
        margin-top: 15px;
    }

        .memberLeeumPage div .inputArea input[type="text"] {
            margin-bottom: 15px;
        }

    .memberLeeumPage div div.memberLeeumPageArc li pre {
        width: calc(100% - 25px);
        height: 210px;
        padding: 12px;
        font-size: 14px;
        overflow: auto;
        color: #868e96;
        border: #d2d2d2 1px solid;
    }

    .memberLeeumPage div div.memberLeeumPageArc li span.btn_gr, .memberLeeumPage div div.memberLeeumPageArc li span.btn_wh {
        width: 170px;
    }

    .memberLeeumPageContent .memberLeeumPageArc .arc .LeeumInfoTable {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 10px;
        display: inline-block;
    }

    .LeeumInfoTable .LeeumInfoArc:nth-child(1) {
        width: 30%;
        float: left;
    }

    .LeeumInfoTable .LeeumInfoArc:nth-child(2) {
        width: 70%;
        float: left;
    }

    .LeeumInfoTable .LeeumInfoArc > span {
        width: 100%;
        display: block;
    }

    .LeeumInfoArc > span.title {
        width: calc(100% - 30px);
        margin-top: 3px;
        margin-left: 30px;
    }

    .popupNoAgree {
        position: fixed;
        top: calc((100vh - 144px) / 2);
        left: calc((100vw - 378px) / 2);
        width: 338px;
        height: 104px;
        background-color: #ffffff;
        border: 1px #d2d2d2 solid;
        padding: 20px;
    }

        .popupNoAgree li {
            width: 100%;
        }

            .popupNoAgree li .btn_wh {
                margin-top: 40px;
                width: calc(100% - 40px);
            }

    .popupCloseIcon {
        float: right;
        width: 14px;
        height: 14px;
        display: block;
        background-color: #000000;
        border: 1px #000000 solid;
        border-radius: 14px;
        cursor: pointer;
    }

    .popupComplete {
        position: fixed;
        top: calc((100vh - 284px) / 2);
        left: calc((100vw - 378px) / 2);
        width: 338px;
        height: 244px;
        background-color: #ffffff;
        border: 1px #d2d2d2 solid;
        padding: 20px;
    }

        .popupComplete li {
            width: 100%;
        }

            .popupComplete li:nth-child(1) span:first-child {
                width: calc(100% - 20px);
                display: block;
                margin-bottom: 5px;
                float: left;
            }

            .popupComplete li:nth-child(2) span:first-child {
                width: calc(100% - 50px);
                margin-left: 30px;
                margin-bottom: 5px;
                display: block;
            }

            .popupComplete li .completeDesc {
                width: calc(100% - 40px);
                display: block;
                height: 25px;
            }

            .popupComplete li .btn_wh {
                margin-top: 40px;
                width: calc(100% - 40px);
            }

    .popupViewTerms {
        position: fixed;
        top: 200px;
        left: calc((100vw - 800px) / 2);
        width: 800px;
        height: calc(100vh - 400px);
        background-color: #ffffff;
        border: 1px #d2d2d2 solid;
        padding: 20px;
    }

        .popupViewTerms li {
            width: 100%;
        }

            .popupViewTerms li:nth-child(1) span:first-child {
                width: calc(100% - 20px);
                display: block;
                margin-bottom: 5px;
                float: left;
            }

            .popupViewTerms li:nth-child(2) {
                height: calc(100vh - 440px);
                overflow: auto;
                margin-top: 40px;
                font-size: 14px;
            }

                .popupViewTerms li:nth-child(2) dd {
                    width: calc(100% - 40px);
                    margin-left: 40px;
                }

    .popupViewPersonalInfo {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 80%;
        max-width: 800px;
        height: 70%;
        transform: translate(-50%,-50%);
        background-color: #ffffff;
        border: 1px #d2d2d2 solid;
        padding: 20px;
        z-index: 9999999999;
    }

        .popupViewPersonalInfo li {
            width: 100%;
            height: 30px;
        }

			.popupViewPersonalInfo li:nth-child(1) span:nth-child(3)  { cursor: pointer; }

            .popupViewPersonalInfo li:nth-child(1) span:first-child, .popupViewPersonalInfo li:nth-child(1) span:nth-child(2) {
                /*width: calc(50% - 10px);*/
				width: calc(50% - 25px);
                display: inline-block;
                margin-bottom: 5px;
                float: left;
            }

            .popupViewPersonalInfo li:nth-child(2) {
                height: calc(100vh - 450px);
                overflow: auto;
                margin-top: 30px;
                font-size: 14px;
                line-height: 23px;
            }

                .popupViewPersonalInfo li:nth-child(2) dd.descLv2 {
                    width: calc(100% - 40px);
                    margin-left: 40px;
                }

                .popupViewPersonalInfo li:nth-child(2) dd.descLv3 {
                    width: calc(100% - 80px);
                    margin-left: 80px;
                }

                .popupViewPersonalInfo li:nth-child(2) dd.descLv4 {
                    width: calc(100% - 120px);
                    margin-left: 120px;
                }

                .popupViewPersonalInfo li:nth-child(2) dd.descLv5 {
                    width: calc(100% - 160px);
                    margin-left: 160px;
                }

                .popupViewPersonalInfo li:nth-child(2) dd.descLv3 > .desc {
                    display: inline-block;
                    width: calc(100% - 40px);
                }

                .popupViewPersonalInfo li:nth-child(2) dd.descLv3 > .gridTitle, .popupViewPersonalInfo li:nth-child(2) dd.descLv3 > .gridCont {
                    display: inline-block;
                    width: 100%;
                    padding: 5px 0px 5px 0px;
                    border-top: 1px #d2d2d2 solid;
                }
			
    .descLv3 > .gridTitle {
        margin-top: 20px;
    }

    .descLv3 > .gridCont:last-child {
        margin-bottom: 20px;
        border-bottom: 1px #d2d2d2 solid;
    }

    .descLv3 > .gridTitle > span, .descLv3 > .gridCont > span {
        display: block;
        width: 50%;
        float: left;
    }

    .descLv3 > .gridTitle > span {
        text-align: center;
    }
    /* mypage*/
    .mypageTitle {
        width: 100%;
        display: flex;
        margin-top: 130px;
    }

        .mypageTitle ul {
            display: inherit;
        }

            .mypageTitle ul li {
                width: calc(25% - 20px);
                float: left;
                margin-bottom: 18px;
                margin-left: 20px;
                font-size: 16px !important;
                line-height: 25px !important;
            }

                .mypageTitle ul li:nth-child(2) {
                    width: 75%;
                    margin-left: 0px;
                }

                    .mypageTitle ul li:nth-child(2) span {
                        display: block;
                        float: left;
                        margin-right: 40px;
                        cursor: pointer;
                    }

                        .mypageTitle ul li:nth-child(2) span.off {
                            color: #868e96;
                        }

            .mypageTitle ul .bottomLine {
                margin-top: 22px !important;
            }

            .mypageTitle ul:nth-child(2) li:nth-child(2) span {
                width: 100%;
                display: block;
                line-height: 23px;
                cursor: auto;
            }

    /* mypage - 회원정보수정*/
    .mypageMemberInfoPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .mypageMemberInfoPage div div.mypageMemberInfoPageNm {
        width: calc(25% - 20px);
        float: left;
    }

        .mypageMemberInfoPage div div.mypageMemberInfoPageNm dt {
            margin-top: 10px;
        }

    .mypageMemberInfoPage div div.mypageMemberInfoPageArc {
        width: 75%;
    }

        .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li {
            width: 100%;
            min-height: 43px;
            display: inline-block;
            padding-bottom: 8px;
            padding-top: 15px;
            border-top: #d2d2d2 1px solid;
        }

            .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li:first-child {
                border-top: 0px;
                padding-top: 12px;
            }

            .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li dt {
                width: 230px;
                padding-top: 3px;
                float: left;
            }

            .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li dd {
                width: calc(100% - 230px);
                display: inline-block;
            }

            .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li .mypageEmailDesc {
                width: calc(100% - 230px);
            }

                .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li .mypageEmailDesc span.arcDesc {
                    display: inline-block;
                    width: calc(100% - 40px);
                    min-height: 25px;
                }

            .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li .passwordInput {
                width: 250px;
                float: left;
            }

    .mypageMemberInfoPageArc .arc .noInput {
        padding-top: 3px;
    }

    .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li .change {
        margin-top: 3px;
    }

        .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li .change.viewMoreText {
            margin-left: 20px;
            font-size: 14px;
        }

    .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li span.radioArc {
        display: inline-block;
        margin-right: 20px;
    }

    .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li:last-child {
        margin-bottom: 100px;
        padding-top: 30px;
    }
    /* mypage - 프로그램접수확인 */
    .programAcceptList div {
        width: calc(100% - 40px);
        margin-left: 20px;
        border-bottom: #d2d2d2 1px solid;
    }

        .programAcceptList div li {
            float: left;
            font-size: 16px !important;
            line-height: 25px;
            padding-top: 16px;
            padding-bottom: 16px;
            font-family: AkzidenzGrotesk-Medium;
            cursor: pointer;
        }

        .programAcceptList div:first-child li {
            padding-top: 0px;
            cursor: default;
        }

        .programAcceptList div li:nth-child(1), .programAcceptList div li:nth-child(2) {
            width: 23%;
        }

        .programAcceptList div li:nth-child(3) {
            width: 17%;
        }

        .programAcceptList div li:nth-child(4), .programAcceptList div li:nth-child(5), .programAcceptList div li:nth-child(6) {
            width: 10%;
        }

        .programAcceptList div li:nth-child(7) {
            width: 7%;
        }

    .programAcceptListPage {
        width: 100%;
        margin-top: 60px;
        text-align: center;
        margin-bottom: 60px;
    }

        .programAcceptListPage span {
            display: inline-block;
            width: 36px;
            height: 36px;
            line-height: 36px !important;
            color: #868e96;
        }

            .programAcceptListPage span.on {
                border-radius: 36px;
                border: 1px solid #868e96;
            }

    .programAcceptDesc {
        width: 100%;
        margin-left: 20px;
        margin-bottom: 100px;
        display: inline-block !important;
    }

        .programAcceptDesc > span.payDesc {
            display: block;
            width: calc(100% - 40px);
            min-height: 25px;
            float: left;
        }
    /* mypage - 멤버십신청내역 */
    .membershipAccptList div {
        width: calc(100% - 40px);
        margin-left: 20px;
        border-bottom: #d2d2d2 1px solid;
    }

        .membershipAccptList div li {
            float: left;
            font-size: 16px !important;
            line-height: 25px;
            padding-top: 16px;
            padding-bottom: 16px;
            font-family: AkzidenzGrotesk-Medium;
            cursor: pointer;
        }

        .membershipAccptList div:first-child li {
            padding-top: 0px;
            cursor: default;
        }

        .membershipAccptList div li:nth-child(1), .membershipAccptList div li:nth-child(2) {
            width: 22%;
        }

        .membershipAccptList div li:nth-child(3) {
            width: 20%;
        }

        .membershipAccptList div li:nth-child(4), .membershipAccptList div li:nth-child(5), .membershipAccptList div li:nth-child(6) {
            width: 12%;
        }

    .membershipAccptListPage {
        width: 100%;
        margin-top: 60px;
        text-align: center;
        margin-bottom: 60px;
    }

        .membershipAccptListPage span {
            display: inline-block;
            width: 36px;
            height: 36px;
            line-height: 36px !important;
            color: #868e96;
        }

            .membershipAccptListPage span.on {
                border-radius: 36px;
                border: 1px solid #868e96;
            }
    /* mypage - 기프트멤버십구매내역 */
    .membershipBuyAccptList div {
        width: calc(100% - 40px);
        margin-left: 20px;
        border-bottom: #d2d2d2 1px solid;
    }

        .membershipBuyAccptList div li {
            float: left;
            font-size: 16px !important;
            line-height: 25px;
            padding-top: 16px;
            padding-bottom: 16px;
            font-family: AkzidenzGrotesk-Medium;
            cursor: pointer;
        }

        .membershipBuyAccptList div:first-child li {
            padding-top: 0px;
            cursor: default;
        }

        .membershipBuyAccptList div li:nth-child(1), .membershipBuyAccptList div li:nth-child(2) {
            width: 18%;
        }

        .membershipBuyAccptList div li:nth-child(3) {
            width: 5%;
        }

        .membershipBuyAccptList div li:nth-child(4), .membershipBuyAccptList div li:nth-child(5), .membershipBuyAccptList div li:nth-child(6), .membershipBuyAccptList div li:nth-child(7) {
            width: 10%;
        }

        .membershipBuyAccptList div li:nth-child(8) {
            width: 19%;
        }

    .membershipBuyAccptListPage {
        width: 100%;
        margin-top: 60px;
        text-align: center;
        margin-bottom: 60px;
    }

        .membershipBuyAccptListPage span {
            display: inline-block;
            width: 36px;
            height: 36px;
            line-height: 36px !important;
            color: #868e96;
        }

            .membershipBuyAccptListPage span.on {
                border-radius: 36px;
                border: 1px solid #868e96;
            }
    /* mypage - 이수증수료증*/
    .mypageCertificatePage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

        .mypageCertificatePage > div:nth-child(2) {
            border-top: #d2d2d2 1px solid;
        }

        .mypageCertificatePage > div:last-child {
            margin-bottom: 100px;
        }

    .mypageCertificatePage div div.mypageCertificatePageNm {
        width: 25%;
        float: left;
    }

        .mypageCertificatePage div div.mypageCertificatePageNm dt {
            margin-top: 10px;
            margin-bottom: 18px;
            float: left;
        }

        .mypageCertificatePage div div.mypageCertificatePageNm span {
            font-size: 22px !important;
            line-height: 25px;
            margin-left: 10px;
        }

    .mypageCertificatePage div div.mypageCertificatePageArc {
        width: 75%;
    }

        .mypageCertificatePage div div.mypageCertificatePageArc > li {
            width: 100%;
            min-height: 43px;
            padding-top: 15px;
            border-top: #d2d2d2 1px solid;
        }

            .mypageCertificatePage div div.mypageCertificatePageArc > li img {
                width: 100%;
            }

    .mypageCertificatePage > div:nth-child(2) div.mypageCertificatePageArc > li {
        border-top: 0px;
    }
    /* mypage - 회원탈퇴*/
    .mypageMemberOutPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        line-height: 25px;
    }

    .mypageMemberOutPage div div.mypageMemberOutPageNm {
        width: calc(25% - 10px);
        float: left;
    }

        .mypageMemberOutPage div div.mypageMemberOutPageNm dt {
            margin-top: 10px;
        }

    .mypageMemberOutPage div div.mypageMemberOutPageArc {
        width: calc(75% + 10px);
    }

        .mypageMemberOutPage div div.mypageMemberOutPageArc > ul {
            width: 100%;
        }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li {
                width: 100%;
                min-height: 30px;
                padding-top: 20px;
                padding-bottom: 15px;
                display: inline-block;
                border-bottom: #d2d2d2 1px solid;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul:nth-child(2) > li, .mypageMemberOutPage div div.mypageMemberOutPageArc > ul:nth-child(3) > li {
                width: 50%;
                min-height: 67px;
                float: left;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul:first-child > li:first-child > dd {
                width: 200px;
                float: left;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li:nth-child(6) {
                height: 90px;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li dt {
                width: calc(100% - 30px);
                margin-left: 30px;
                padding-bottom: 4px;
                float: left;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li dd {
                width: 100%;
                display: inline-block;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li span.arcDesc {
                display: inline-block;
                width: calc(100% - 40px);
                min-height: 25px;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li .passwordInput {
                width: 50%;
                float: left;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li .change {
                margin-top: 3px;
            }

                .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li .change.viewMoreText {
                    margin-left: 20px;
                    font-size: 14px;
                }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li span.radioArc {
                display: inline-block;
                margin-right: 20px;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul:last-child > li:last-child {
                margin-bottom: 100px;
                border: 0px;
            }
    /*공통*/
    .btn_wh {
        display: inline-block;
        width: 154px;
        margin-top: 10px;
        padding: 6px 20px 6px 20px;
        border: #868e96 1px solid;
        font-size: 14px !important;
        color: #868e96;
        cursor: pointer;
    }

    .btn_gr {
        display: inline-block;
        width: 154px;
        margin-top: 10px;
        padding: 6px 20px 6px 20px;
        background-color: #868e96;
        border: #868e96 1px solid;
        font-size: 14px !important;
        color: #ffffff;
        cursor: pointer;
    }

    /* 추가 : 2022.03.22 */
    .btn_bk {
        display: inline-block;
        width: 154px;
        margin-top: 10px;
        padding: 6px 20px 6px 20px;
        background-color: #000000;
        border: #000000 1px solid;
        font-size: 14px !important;
        color: #ffffff;
        cursor: pointer;
    }


        .btn_wh > span:first-child, .btn_gr > span:first-child {
            vertical-align: sub;
        }

        .btn_wh > span:last-child, .btn_gr > span:last-child {
            font-size: 20px !important;
            margin-left: 10px;
            float: right;
            line-height: 32px;
        }

    .prevNextLine {
        width: calc(100% - 40px);
        margin: 0pc auto;
        margin-top: 80px;
        border-bottom: #868e96 1px solid;
        border-top: #868e96 1px solid;
        margin-bottom: 24px;
    }

    .textPoint {
        width: 5px;
        height: 5px;
        display: block;
        border: 1px #000000 solid;
        border-radius: 5px;
        margin: 10px 10px 5px 5px;
        float: left;
    }

    .pcOnly {
        display: block;
    }

    .mbOnly {
        display: none !important;
    }

    .bottomLine {
        width: 100%;
        /* margin-left: 20px; */
        margin-top: 24px;
        margin-bottom: 24px;
        border-bottom: #d2d2d2 1px solid;
    }

    .listImg {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .listImg:hover {
            opacity: 0.8;
            transition: 1s;
        }

            .listImg:hover::before {
                width: 52px;
                height: 52px;
                border-radius: 52px;
                transition: 1000ms;
                font-size: 20px;
            }

        .listImg::before {
            background-color: rgba(0,0,0,0.85);
            background-color: rgba(165,165,170,0.9);
            background-color: rgba(239,226,205,1);
            content: "";
            box-sizing: border-box;
            color: #fff;
            position: absolute;
            width: 0;
            height: 0;
            top: 50%;
            left: 50%;
            z-index: 100000000000;
            transform: translate(-50%, -50%);
        }

    .viewOff {
        opacity: 0;
        transition: opacity 1s cubic-bezier(0.2, 0.8, 0.4, 1);
    }

    .viewOn {
        opacity: 1 !important;
        transition: opacity 2s cubic-bezier(0.2, 0.8, 0.4, 1);
    }

    .goToListArea {
        width: 100%;
        display: flex;
    }

        .goToListArea ul {
            display: flex;
        }

            .goToListArea ul li {
                margin-left: 20px;
            }

    .lastDiv {
        margin-bottom: 100px !important;
    }
}

@media all and (max-width:768px) {
    #symbol {
        position: fixed;
        overflow: hidden;
        top: 50%;
        left: 50%;
        z-index: 999999;
        opacity: 0;
        width: calc(100vw - 200px);
        height: calc(100vw - 200px);
        margin-left: calc(((100% - 200px) / 2) * -1);
        animation: spin 100s linear infinite;
    }

        #symbol.act {
            opacity: 1;
            transition: 2s cubic-bezier(0.2, 0.8, 0.4, 1);
        }

        #symbol.bye {
            opacity: 0;
            width: 60px;
            left: 24px;
            top: 24px;
            margin: 0 !important;
            transition: all 2000ms cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
            transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
        }

    .coverup {
        height: calc(100vw - 200px);
        width: calc(100vw - 200px);
        z-index: 99999999;
        top: calc((100vh - (100vw - 200px)) / 2);
        left: calc((100vw - (100vw - 200px)) / 2);
        position: fixed;
    }

    .wrap {
        width: 100%;
        margin: 0px auto;
        padding: 0;
    }

    #gnb .gnb, .top_content ul, .main_content ul, .sub_content ul, footer > ul {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    /* gnb */
    #gnb {
        width: 100%;
        position: fixed;
        z-index: 99999;
        overflow: hidden;
        padding: 10px 0 10px;
        background-color: rgba(255,255,255,0);
        top: 0px;
        left: 0px;
    }

    .logo {
        position: fixed;
        top: 20px;
        right: 40px;
        width: 65px;
        height: 16px;
        z-index: 100001;
        cursor: pointer;
    }

        .logo object {
            pointer-events: none;
        }

    .gnb nav {
        display: none;
    }

    .menu_wrap_pc {
        position: relative;
        display: block;
        z-index: 100001;
        top: 0px;
        left: 0px;
    }

    .menuIcon {
        position: fixed;
        top: 10px;
    }

        .menuIcon span.icon {
            font-family: AkzidenzGrotesk-Medium;
            display: block;
            margin-left: 10px;
            width: 37px;
            height: 37px;
            border-radius: 44px;
            background-color: #000;
            color: #868e96;
            font-size: 20px;
            line-height: 35px;
            text-align: center;
        }

        .menuIcon div {
            display: none;
        }

    .gnb .closeIcon {
        float: right;
    }

        .gnb .closeIcon span {
            display: block;
            /* margin-top: -5px; */
            margin-right: 20px;
            color: #868e96;
            font-size: 14px;
            padding:5px 0;
            /* line-height: 50px; */
            text-align: center;
            cursor: pointer;
        }

    .top_content {
        width: 100%;
        height: 306px;
        display: inline-grid;
    }

        .top_content p {
            width: 60%;
            float: right;
            margin-right: 20px;
            margin-top: 183px;
            margin-bottom: 25px;
            font-size: 14px;
            line-height: 24px;
        }

    #visual {
        width: 100%;
        position: relative;
    }

        #visual > div {
            width: 100vw;
            height: auto;
        }

        #visual img.arr {
            position: absolute;
            display: block;
            width: 4%;
            top: 84%;
            right: 47%;
            z-index: 99999;
            animation: arr-ani 2s infinite ease-in-out;
            -webkit-animation: arr-ani 2s infinite ease-in-out;
            -moz-animation: arr-ani 2s infinite ease-in-out;
            -o-animation: arr-ani 2s infinite ease-in-out;
            -ms-animation: arr-ani 2s infinite ease-in-out;
        }

    .bxslider p {
        position: absolute;
        top: 30%;
        right: 0;
        left: 0;
        width: 100%;
        text-align: center;
        font-family: "나눔고딕", Nanum Gothic, 맑은 고딕, Malgun Gothic;
        font-size: 2vw;
        line-height: 270%;
        letter-spacing: 26px;
        padding-left: 26px;
        color: #fff;
    }

    .bx-viewport {
        /* height: 100vw !important; */
    }

    .bx-controls.bx-has-pager {
        /* display: none !important; */
    }

    .bxslider img {
        /* width:100%;  */
        min-height: 100vw;
        object-fit: cover;
    }

    .main_content {
        width: 100%;
        background-color: #ffffff;
    }

        .main_content div {
            display: flow-root;
        }

        .main_content .dpTitle {
            width: 100%;
            display: flex;
            margin-top: 60px;
        }

            .main_content .dpTitle:last-child {
                margin-bottom: 150px;
            }

            .main_content .dpTitle ul li {
                width: calc(100% - 40px);
                float: left;
                margin-left: 20px;
                margin-bottom: 20px;
            }

                .main_content .dpTitle ul li:first-child {
                    font-size: 24px;
                    margin-bottom: 10px;
                }

        .main_content div ul li dt {
            font-size: 14px;
            line-height: 22px;
        }

        .main_content div ul li dd {
            margin: 0px;
        }

    .viewMoreText {
        font-size: 14px;
        line-height: 22px;
        color: #868e96;
        float: left;
        margin-right: 8px;
        font-family: AkzidenzGrotesk-Medium;
    }

    .viewMoreArrow {
        font-size: 18px;
        line-height: 22px;
        color: #868e96;
        float: left;
        font-family: AkzidenzGrotesk-Medium;
        margin: 0px;
        display: block;
    }

    .dpContent {
        margin-bottom: 40px;
    }

        .dpContent div {
            width: calc(100% - 40px);
            float: left;
            margin-left: 20px;
            margin-right: 20px;
        }

            .dpContent div li img {
                width: 100%;
            }

            .dpContent div li {
                width: 100%;
                margin: 0;
            }

                .dpContent div li:nth-child(2) {
                    margin: 12px 0px 32px 0px;
                }

                .dpContent div li dd {
                    color: #868e96;
                    font-family: AkzidenzGrotesk-Medium;
                }

    .collection {
        display: grid;
        flex-wrap: wrap;
        width: 50% !important;
        float: left;
    }

        .collection li:nth-child(1) {
            order: 2;
            margin-top: 12px;
        }

        .collection:first-child li:nth-child(1) {
            margin-left: 20px;
        }

        .collection:nth-child(2) li:nth-child(1) {
            margin-left: 10px;
        }

        .collection li:nth-child(2) {
            order: 1;
            width: calc(100% - 30px);
            height: 300px;
            margin-left: 10px;
            margin-right: 20px;
            background-size: cover;
            background-position: center center;
        }

        .collection:nth-child(1) li:nth-child(2) {
            margin-left: 20px;
            margin-right: 10px;
        }

        .collection li span {
            font-size: 14px;
            line-height: 20px;
        }

    .artistMain div {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }

        .artistMain div img {
            width: 100%;
            height: 70vw;
            object-fit: cover;
        }

        .artistMain div span {
            display: block;
            width: 100%;
            height: 20px;
            text-align: left;
            margin-top: 9px;
            line-height: 20px;
            margin-bottom: 24px;
        }

    .program div {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px;
        margin-right: 20px;
    }

        .program div li:nth-child(2) {
            margin: 12px 0px 32px 0px;
        }

        .program div li dt {
            margin-bottom: 5px;
        }

        .program div li dd {
            color: #868e96;
            font-family: AkzidenzGrotesk-Medium;
        }

        .program div li img {
            width: 100%;
        }

    .sub_content > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        float: left;
        margin-top: 60px;
    }

        .sub_content > div:last-child {
            margin-left: 20px;
            margin-bottom: 100px;
        }

    .sub_content div li {
        width: 100%;
        display: inline-block;
    }

        .sub_content div li:last-child {
            margin-top: 20px;
        }

        .sub_content div li dt {
            width: 100%;
            float: left;
            margin: 0px;
        }

        .sub_content div li dd {
            width: 70%;
            float: right;
            margin: 0px;
        }

        .sub_content div li:last-child dd {
            width: 100%;
            margin: 0px;
        }

    .sub_content div:last-child li:last-child {
        margin: 0px;
    }

    .sub_content div li dt {
        font-size: 24px !important;
        letter-spacing: -0.56px;
        margin-bottom: 15px;
    }

    .sub_content div li dd {
        font-size: 18px;
        line-height: 30px;
        line-height: 24px !important;
        margin-bottom: 24px;
    }

    .sub_content div li p {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px;
        font-family: AkzidenzGrotesk-Medium;
    }

    .noticeList div {
        width: 100%;
        height: 55px;
        border-top: 1px solid #d2d2d2;
        display: flex;
    }

        .noticeList div:last-child {
            border-bottom: 1px solid #d2d2d2;
            margin-bottom: 12px;
        }

        .noticeList div > span {
            width: calc(100% - 140px);
            display: inline-block;
            margin-top: 17px;
            color: #868e96;
            font-size: 14px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .noticeList div > span:first-child {
                width: 60px;
            }

            .noticeList div > span:last-child {
                font-family: AkzidenzGrotesk-Medium;
                width: 90px;
            }

    .writeDate {
        float: right;
    }
    /* main_content */
    .wbt {
        border: 0;
    }

    .wbt_ex {
        border: 0;
    }

    .wbr_ex {
        border-right: 1px solid #aaa;
    }

    /* footer */
    footer {
        width: calc(100% - 40px);
        background-color: #000;
        margin: 0 auto;
        padding: 20px;
        font-size: 14px;
        color: #868e96;
        line-height: 21px;
        font-family: AkzidenzGrotesk-Medium;
    }

        footer ul {
            overflow: hidden
        }

            footer ul li {
                float: left;
                width: 100%;
                margin-bottom: 30px;
            }
            footer ul li:last-child{margin-bottom: 0;}
            footer .left ul{margin-bottom: 30px;}
            footer ul:first-child li div {
                width: calc(100% / 3);
                float: left;
            }

                footer ul:first-child li div span {
                    display: block;
                    cursor: pointer;
                    margin-bottom: 3px;
                }

            footer ul .left ul li span {
                display: inline-block;
                cursor: pointer;
                margin-bottom: 4px;
            }

            footer ul .right .copyright {
                width: 100% !important;
                display: flex;
                flex-wrap: wrap;
            }

                footer ul .right .copyright span {
                    order: 2;
                }

            footer ul .right div select {
                width: 100%;
                order: 1;
                height: 42px;
                /* border-color: #434343; */
                padding:0 10px;
                margin-bottom: 10px;
                border:1px solid #868e96;
                background-color: #000;
                color: #868e96;
            }

    .menu_wrap_mb {
        display: block;
        width: 100vw;
        height: 100vh;
        z-index: 100001;
        position: fixed;
        top: 0px;
        left: 0px;
        background-color: #000;
    }

    .infoArea {
        width: 100%;
        height: calc(100% - 60px);
        display: block;
        margin: 0px auto;
        color: #868e96;
    }

        .infoArea div.left {
            width: 65%;
            float: left;
        }

        .infoArea div.right {
            width: 35%;
            float: left;
        }

        .infoArea div ul {
            width: calc(100% - 20px);
            margin-left: 20px;
            margin-top: 20px;
            display: flow-root;
        }

        .infoArea .left ul li:first-child {
            width: 45%;
            float: left;
        }

        .infoArea .left ul li:last-child {
            width: 55%;
            float: left;
        }

        .infoArea .left ul li span {
            width: 100%;
            display: inline-block;
            margin-bottom: 4px;
        }

        .infoArea .right ul li span {
            width: 100%;
            display: inline-block;
            margin-bottom: 5px;
        }

        .infoArea ul:first-child {
            margin-top: 48px;
        }

/* 멤버스 라운지 - 멤버스 메뉴   수정  :: 2022.03.22 */
        .infoArea ul:nth-child(6), .infoArea ul:nth-child(7), .infoArea ul:last-child {
            /* position: absolute; */
            /* bottom: 90px; */
        }

/* 멤버스 라운지 - 멤버스 메뉴  추가  :: 2022.03.22 */
        .infoArea ul:nth-child(6) a {
			color: #868e96;
            /* position: absolute; */
            /* bottom: 90px; */
        }
/* 멤버스 라운지 - 멤버스 메뉴  추가 끝*/

		.infoArea div.right ul:nth-child(2) li:first-child {
            margin-top: 27px;
        }

        .infoArea div.right ul:nth-child(2) li:nth-child(2) {
            margin-top: 8px;
        }

    .bottomBar {
        position: fixed;
        z-index: 1000001;
        bottom: 0px;
        width: 100%;
    }

        .bottomBar > div {
            display: none;
            width: calc(100% - 40px);
            margin-left: 20px;
            float: left;
            font-size: 14px;
            line-height: 19px;
        }

        .bottomBar .bar {
            width: 100%;
            height: 40px;
            margin-bottom: 20px;
            margin-left: 0px;
        }

            .bottomBar .bar > span {
                width: calc(100% - 40px);
                margin-left: 20px;
                display: inline-block;
                height: 100%;
                border-radius: 40px;
                border: 1px solid #707070;
            }

        .bottomBar div.bar > span input {
            width: calc(100% - 40px);
            margin-left: 20px;
            background-color: #000000;
            color: #868e96;
            float: left;
            margin-top: 4px;
        }

        .bottomBar div.bar > span span {
            /* display: none; */
        }

        .bottomBar div.popup {
            width: 100%;
            background-color: #ffffff;
            border-top: #868e96 1px solid;
            border-left: #868e96 1px solid;
            border-right: #868e96 1px solid;
        }

            .bottomBar div.popup .popupTitle {
                padding: 8px 0px 8px 20px;
            }

        .bottomBar div.popupArea div:first-child {
            display: flow-root;
        }

            .bottomBar div.popupArea div:first-child > span {
                float: right;
                margin: 0px 16px 10px 0px;
                cursor: pointer;
            }

        .bottomBar div.popup .popupTitle span:first-child {
            display: block;
            width: calc(100% - 30px);
            float: left;
        }

        .bottomBar div.popup .popupTitle .textPoint {
            float: right;
            background-color: #d91900;
            border-color: #d91900;
            margin: 8px 8px;
            width: 4px;
            height: 4px;
            display: block;
            border-radius: 4px;
        }

        .bottomBar div.popup .popupContent dd {
            width: calc(100% - 60px);
            margin-left: 30px;
            margin-bottom: 25px;
            opacity: 0;
            /* pointer-events: none; */
        }

            .bottomBar div.popup .popupContent dd > span {
                display: table;
            }

        .bottomBar .popup.off .popupContent {
            height: 0px;
            padding: 0px;
        }

        .bottomBar .popup.on .popupContent {
            padding: 0px 8px 8px 8px;
        }

            .bottomBar .popup.on .popupContent dd {
                opacity: 1;
            }

    .modal {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100vw;
        height: 100vh;
        z-index: 100001;
        background: rgba(255,255,255,0.8);
    }
    /* 전시목록 */
    .dpListContent {
        display: flow-root;
    }

        .dpListContent div {
            width: calc(100% - 40px);
            float: left;
            margin-left: 20px;
        }

            .dpListContent div:last-child {
                margin-bottom: 68px;
            }

            .dpListContent div li:nth-child(2) {
                display: inline-block;
                margin: 12px 0px 32px 0px;
            }

            .dpListContent div li img {
                width: 100%;
            }

            .dpListContent div li dt, .dpListContent div li dd {
                width: 100%;
                float: left;
                font-family: AkzidenzGrotesk-Medium;
            }

            .dpListContent div li dd {
                color: #868e96;
            }

    .dpListPastContent {
        display: flow-root;
    }

        .dpListPastContent div {
            width: calc(100% - 40px);
            float: left;
            margin-left: 20px;
        }

            .dpListPastContent div li:nth-child(2) {
                display: inline-block;
                margin: 12px 0px 32px 0px;
            }

            .dpListPastContent div img {
                width: 100%;
            }

            .dpListPastContent div li dt, .dpListPastContent div li dd {
                width: 100%;
                float: left;
                font-family: AkzidenzGrotesk-Medium;
            }

            .dpListPastContent div li dd {
                color: #868e96;
            }

    .dpListTitle {
        width: 100%;
        display: flex;
        margin-top: 120px;
    }

        .dpListTitle ul li {
            width: calc(50% - 20px);
            float: left;
            margin-bottom: 24px;
            font-size: 16px !important;
            line-height: 25px !important;
        }

            .dpListTitle ul li:first-child {
                margin-left: 20px;
            }

    .dpListPage {
        display: inline-block;
        width: 100%;
        margin-top: 28px;
        text-align: center;
        margin-bottom: 100px;
    }

        .dpListPage span {
            display: inline-block;
            width: 36px;
            height: 36px;
            font-family: AkzidenzGrotesk-Medium;
            font-size: 16px !important;
            line-height: 36px !important;
            color: #868e96;
        }

            .dpListPage span.on {
                border-radius: 36px;
                border: 1px solid #868e96;
            }

    /* 전시상세 */
    .dpDtlTitle {
        width: 100%;
        display: flex;
        padding-top: 120px;
    }

        .dpDtlTitle ul li {
            width: 50%;
            float: left;
            padding-bottom: 20px;
            padding-left: 20px;
            font-size: 14px !important;
            box-sizing: border-box;
            line-height: 22px !important;
        }

        .dpDtlTitle.englishVersion ul li {
            width: calc(100% - 40px);
            float: left;
            margin-left: 20px;
            margin-bottom: 0px;
            font-size: 16px !important;
            line-height: 25px !important;
        }

            .dpDtlTitle.englishVersion ul li:last-child {
                margin-bottom: 20px;
            }

    .filterCircle {
        width: 8px;
        height: 8px;
        border-radius: 8px;
        background-color: #000;
        display: block;
        float: right;
        margin: 8px 0px 6px 10px;
    }

        .filterCircle.on {
            background-color: #fff !important;
            border: 1px solid #000;
            box-sizing: border-box;
        }

    .main_content div.filterArea {
        position: fixed;
        bottom: 0px;
        width: calc(100% - 82px);
        margin-left: 20px;
        padding: 20px;
        font-size: 14px;
        line-height: 19px;
        color: #000000;
        background-color: #ffffff;
        z-index: 100002;
        border: 0.5px solid #868e96;
    }

        .filterArea ul {
            width: 100%;
        }

            .filterArea ul li {
                margin-bottom: 12px;
            }

            .filterArea ul.oneLine li {
                width: 100%;
            }

            .filterArea ul.twoLine li {
                width: 50%;
                float: left;
            }

                .filterArea ul.twoLine li .closeFilter {
                    color: #000;
                    float: right;
                    cursor: pointer;
                }

            .filterArea ul .filterSubject {
                color: #d2d2d2;
            }

            .filterArea ul li .filterKeyword {
                color: #868e96;
                display: inline-block;
                margin: 0px 16px 10px 0px;
                cursor: pointer;
            }

                .filterArea ul li .filterKeyword.on {
                    color: #000000;
                }

            .filterArea ul li .filterBtn_wh, .filterArea ul li .filterBtn_gr {
                display: inline-block;
                width: calc(100% - 42px);
                margin-top: 15px;
                padding: 6px 20px 6px 20px;
                font-size: 14px !important;
                cursor: pointer;
                text-align: center;
            }

            .filterArea ul li .filterBtn_gr {
                background-color: #868e96;
                border: #868e96 1px solid;
                color: #ffffff;
            }

            .filterArea ul li .filterBtn_wh {
                margin-top: 8px;
                border: #868e96 1px solid;
                color: #868e96;
            }

    /* 전시 상세 */
    .dpDtlMainContent {
        display: flow-root;
        font-family: AkzidenzGrotesk-Medium;
    }

        .dpDtlMainContent div {
            width: calc(100% - 40px);
            float: left;
            margin-bottom: 20px;
            margin-left: 20px;
        }

            .dpDtlMainContent div li img {
                height: calc(100vw - 40px);
                object-fit: cover;
                width: 100%;
            }

    .dpDtlContent {
        width: 100%;
        display: flex;
    }

        .dpDtlContent ul li {
            width: calc(100% - 40px);
            float: left;
            margin-bottom: 40px;
            margin-left: 20px;
            font-size: 14px !important;
            line-height: 22px !important;
        }

            .dpDtlContent ul li:first-child {
                margin-bottom: 20px;
                margin-left: 20px;
            }

            .dpDtlContent ul li .dpSubject {
                display: inline-block;
                width: 100%;
                margin-bottom: 2px;
                font-size: 22px !important;
                /* line-height: 40px !important; */
            }

            .dpDtlContent ul li .dpSubInfo {
                display: inline-block;
                width: calc(100% - 30px);
                margin-left: 30px;
                font-size: 14px !important;
                line-height: 22px !important;
            }

                .dpDtlContent ul li .dpSubInfo:last-child {
                    margin-bottom: 20px;
                }

            .dpDtlContent ul li .dpDescTitle {
                display: inline-block;
                width: calc(100% - 30px);
                margin-left: 30px;
                margin-bottom: 2px;
                font-size: 14px !important;
                line-height: 22px !important;
            }

            .dpDtlContent ul li .dpDesc {
                display: inline-block;
                width: 100%;
                font-size: 14px !important;
                line-height: 22px !important;
                margin-bottom: 40px;
            }

                .dpDtlContent ul li .dpDesc:last-child {
                    margin-bottom: 20px;
                }

            .dpDtlContent ul li .dpFloorTitle {
                display: inline-block;
                width: calc(100% - 22px);
                margin-left: 20px;
                font-size: 14px !important;
                line-height: 22px !important;
            }

            .dpDtlContent ul li .dpFloorDesc {
                display: inline-block;
                width: 100%;
                font-size: 14px !important;
                line-height: 22px !important;
                /* margin-bottom: 5px; */
            }

                .dpDtlContent ul li .dpFloorDesc:first-child {
                    margin-bottom: 45px;
                }

            .dpDtlContent ul li img {
                width: 100%;
                /* height: 374px; */
            }

    .imgMovBtn {
        font-size: 14px !important;
        line-height: 22px !important;
        margin-left: 10px;
        color: #868e96;
        cursor: pointer;
    }

    .returnToList {
        display: inline-block;
        font-size: 14px !important;
        line-height: 22px !important;
        color: #868e96;
        margin-bottom: 100px;
        cursor: pointer;
        font-family: AkzidenzGrotesk-Medium;
        margin-left: 20px;
    }
    /* vr tour */
    .vrtourContent div {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-bottom: 100px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
    }

        .vrtourContent div img {
            width: 100%;
            height: calc(100vw - 40px);
        }

        .vrtourContent div iframe {
            width: 100%;
            height: calc(100vw - 40px);
        }

    .fullscreenTrans {
        position: absolute;
        right: 20px;
    }

        .fullscreenTrans span {
            display: block;
            float: left;
            font-size: 14px;
        }

            .fullscreenTrans span:last-child {
                margin-left: 20px;
            }
    /* collection */

    .collectListTraditional {
        display: flex;
        align-items: end;
        flex-wrap: wrap;
    }

        .collectListTraditional div {
            width: calc(50% - 30px);
            float: left;
            margin-left: 20px;
            font-size: 14px;
            line-height: 19px;
            font-family: AkzidenzGrotesk-Medium;
        }

            .collectListTraditional div li:nth-child(2) {
                display: inline-block;
                line-height: 25px;
                margin: 10px 0px 32px 0px;
            }

            .collectListTraditional div li img {
                width: 100%;
            }

            .collectListTraditional div li dt, .collectListTraditional div li dd {
                width: 100%;
                float: left;
            }

            .collectListTraditional div li dt {
                /* margin-bottom: 9px; */
            }

            .collectListTraditional div li dd span {
                width: 100%;
                line-height: 21px;
                display: inline-block;
                color: #868e96;
            }

    .collectListModern {
        display: flex;
        align-items: baseline;
        flex-wrap: wrap;
    }

        .collectListModern div {
            width: calc(100% - 40px);
            float: left;
            font-size: 14px;
            line-height: 19px;
            margin-left: 20px;
            font-family: AkzidenzGrotesk-Medium;
        }

            .collectListModern div li:nth-child(2) {
                display: inline-block;
                margin: 12px 0px 32px 0px;
            }

            .collectListModern div li img {
                width: 100%;
            }

            .collectListModern div li dt, .collectListModern div li dd {
                width: calc(50% - 8px);
                float: left;
            }

                .collectListModern div li dd span {
                    width: 100%;
                    display: inline-block;
                    margin-left: 16px;
                    color: #868e96;
                }

    /*소장품 상세*/
    .collectDltArea > div {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px;
        font-size: 14px;
        line-height: 20px;
    }

        .collectDltArea > div:first-child {
            margin-bottom: 20px;
        }

    .collectDltArea div:first-child li:first-child {
        font-size: 24px;
        margin-bottom: 9px;
    }

    .collectDltArea div.on {
        display: inline-block;
    }

    .collectDltArea div.off {
        display: none;
    }

    .collectDltArea div li dd {
        margin-left: 30px !important;
    }

    .collectDltArea div:last-child img {
        width: 100%;
        object-fit: fill;
    }

    .collectDltArea div li dd {
        margin-left: 40px;
    }

    .collectDltArea div li:nth-child(3) > pre {
        display: inline-block;
        margin-top: 40px;
        margin-bottom: 36px;
    }
    /* 보존연구*/

    .collectionDtlContent {
        width: 100%;
        display: flex;
        margin-bottom: 43px;
    }

        .collectionDtlContent ul li {
            width: calc(100% - 40px);
            float: left;
            margin-bottom: 32px;
            margin-left: 20px;
            font-size: 16px !important;
            line-height: 25px !important;
        }

            .collectionDtlContent ul li:first-child {
                width: calc(100% - 40px);
                margin-left: 20px;
            }

            .collectionDtlContent ul li:last-child {
                margin-bottom: 32px;
            }

            .collectionDtlContent ul li .dpSubject {
                display: inline-block;
                width: 100%;
                margin-bottom: 2px;
                font-family: AkzidenzGrotesk-Medium;
                font-size: 28px !important;
                line-height: 40px !important;
            }

            .collectionDtlContent ul li .collectionDescTitle {
                display: none;
            }

            .collectionDtlContent ul li .collectionDescSubTitle {
                display: none;
            }

            .collectionDtlContent ul li .collectionDesc {
                display: inline-block;
                width: 100%;
                font-size: 14px !important;
                line-height: 20px !important;
                padding-top: 30px;
                word-break: keep-all;
            }

        .collectionDtlContent img {
            width: 100%;
            height: calc(100vw - 40px);
            object-fit: cover;
        }

    .collectionDtlContentPhoto div {
        width: calc(50% - 30px);
        /* height: 67vw; */
        float: left;
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
    }

        .collectionDtlContentPhoto div img {
            width: 100%;
            height: 55vw;
            object-fit: cover;
        }

        .collectionDtlContentPhoto div span {
            display: inline-block;
            margin-top:10px;
            line-height: 25px;
            padding: 0px 0px 20px 0px;
            font-size: 14px !important;
        }

    .collectionDescSubListTitle {
        display: block;
        font-size: 14px !important;
        line-height: 20px !important;
        padding: 63px 0px 30px 20px;
        width: calc(100% - 20px);
    }

        .collectionDescSubListTitle > span {
            float: left;
            width: calc(50% - 20px);
        }

    .researchActivateList {
        display: flow-root;
    }

        .researchActivateList div {
            width: calc(100% - 40px);
            float: left;
            margin-left: 20px;
        }

            .researchActivateList div li:nth-child(2) {
                display: inline-block;
                margin: 12px 0px 32px 0px;
            }

            .researchActivateList div img {
                width: 100%;
            }

            .researchActivateList div li dt, .researchActivateList div li dd {
                width: 100%;
                float: left;
                font-family: AkzidenzGrotesk-Medium;
            }

            .researchActivateList div li dd {
                color: #868e96;
                font-size: 14px;
            }

    .faqText {
        width: 100%;
        display: flex;
        margin-top: 20px;
        margin-bottom: 60px;
    }

        .faqText ul li {
            width: calc(100% - 40px);
            float: left;
            margin-bottom: 40px;
            margin-left: 20px;
            font-size: 16px !important;
            line-height: 25px !important;
        }

        .faqText ul:first-child li {
            margin-bottom: 15px;
        }

        .faqText ul li dt, .faqText ul li dd {
            font-size: 14px !important;
            line-height: 20px !important;
            font-family: AkzidenzGrotesk-Medium;
        }

        .faqText ul li dt {
            margin-left: 30px;
            margin-bottom: 5px;
        }
    /*보존연구 상세*/
    .conservationResearchDtl div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
    }
        /* .conservationResearchDtl div:last-child{
        margin-bottom: 100px;
    } */
        .conservationResearchDtl div li {
            width: 100%;
            margin-bottom: 20px;
        }

            .conservationResearchDtl div li img {
                width: 100%
            }

            .conservationResearchDtl div li dt {
                width: calc(100% - 30px);
                margin-left: 30px;
                /* margin-top: 20px; */
            }

            .conservationResearchDtl div li dd {
                line-height: 20px;
                width: 100%;
            }

                .conservationResearchDtl div li dd > span {
                    margin-top: 9px;
                    display: inline-block;
                }

            .conservationResearchDtl div li .pageTitle {
                font-size: 24px;
            }

    .researchActivateSubTitle {
        display: block;
        padding: 30px 0px 20px 20px;
        width: calc(100% - 40px);
    }

    .conservationResearchDtl div.middleTitle li:first-child {
        margin-top: 30px !important;
        margin-bottom: 5px !important;
    }

    .conservationResearchDtl div.middleTitle li:last-child {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .conservationResearchDtl div.typeOfDamage li:nth-child(2n) {
        margin-bottom: 40px;
        display: inline-block;
    }

    .conservationResearchDtl div.typeOfDamage li:first-child > dt {
        margin-top: 0px !important;
    }

    .conservationResearchDtl div.subDescArea > li:first-child {
        margin: 0px 0px 5px 0px;
    }

        .conservationResearchDtl div.subDescArea > li:first-child > dd {
            width: calc(100% - 30px);
            margin-left: 30px;
        }

    .researchActivateList.inList div:last-child {
        margin-bottom: 68px;
    }
    /*연구활동 상세*/
    .researchActivateDtl div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
    }

        .researchActivateDtl div li {
            width: 100%;
        }

        .researchActivateDtl div .researchActivateDtlTitle {
            font-size: 28px;
            text-align: center;
        }

        .researchActivateDtl div .researchActivateDtlContent {
            width: 100%;
            margin: 40px 0px 40px 0px;
        }

            .researchActivateDtl div .researchActivateDtlContent:nth-child(2) {
                margin: 20px 0px 20px 0px;
            }

            .researchActivateDtl div .researchActivateDtlContent dt {
                width: calc(100% - 20px);
                margin-left: 20px;
                margin-top: 32px;
                line-height: 23px;
            }

            .researchActivateDtl div .researchActivateDtlContent dd {
                width: 100%;
                margin-bottom: 18px;
                line-height: 23px;
            }

        .researchActivateDtl div .researchActivateDtlContentImg {
            width: 100%;
            margin-left: 0px;
        }

            .researchActivateDtl div .researchActivateDtlContentImg div {
                margin-left: 0px;
                width: 100%;
                text-align: center;
            }

                .researchActivateDtl div .researchActivateDtlContentImg div img {
                    width: 100%;
                    margin-bottom: 20px;
                }

                    .researchActivateDtl div .researchActivateDtlContentImg div img:last-child {
                        margin-bottom: 0px;
                    }

                .researchActivateDtl div .researchActivateDtlContentImg div .researchActivateDtlContentImgdesc {
                    display: inline-block;
                    margin-top: 10px;
                    font-size: 12px;
                    color: #868e96;
                }
    /*작가*/
    /*작가 타이틀*/
    .artistListTitle {
        width: calc(100% - 40px);
        display: flex;
        margin-top: 120px;
        margin-left: 20px;
    }

        .artistListTitle ul li {
            width: 50%;
            float: left;
            margin-bottom: 20px;
            font-size: 14px !important;
            line-height: 20px !important;
        }

            .artistListTitle ul li:nth-child(3) {
                width: 100%;
                margin-bottom: 0px;
            }

            .artistListTitle ul li:nth-child(4) {
                width: 100%;
            }

    /* 작가 목록*/
    .artistListPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
    }

    .artistListPage div.artistListPageNm {
        display: none;
    }

    .artistListPage .artistFilter {
        width: 100%;
        float: right;
        margin-top: 10px;
        margin-bottom: 20px;
    }

        .artistListPage .artistFilter > span {
            float: right;
            margin-right: 25px;
        }

    .artistListPage .char {
        position: fixed;
        display: none;
        bottom: 0px;
        width: calc(100% - 82px);
        margin-left: 20px;
        padding: 20px;
        font-size: 14px;
        line-height: 19px;
        color: #000000;
        background-color: #ffffff;
        z-index: 100002;
        border: 0.5px solid #868e96;
    }

    .char ul {
        width: 100%;
    }

        .char ul li {
            margin-bottom: 12px;
        }

        .char ul.oneLine li {
            width: 100%;
        }

        .char ul.twoLine li {
            width: 50%;
            float: left;
        }

            .char ul.twoLine li .closeChar {
                color: #000;
                float: right;
                cursor: pointer;
            }

        .char ul .filterSubject {
            color: #d2d2d2;
        }

        .char ul li .filterKeyword {
            width: 32px;
            height: 32px;
            border-radius: 32px;
            text-align: center;
            float: left;
            display: block;
            color: #868e96;
            box-sizing: border-box;
            cursor: pointer;
            line-height: 30px;
        }

            .char ul li .filterKeyword.on {
                border: 1px #868e96 solid;
            }

        .char ul li .filterBtn_wh, .char ul li .filterBtn_gr {
            display: inline-block;
            width: calc(100% - 42px);
            margin-top: 15px;
            padding: 6px 20px 6px 20px;
            font-size: 14px !important;
            cursor: pointer;
            text-align: center;
        }

        .char ul li .filterBtn_gr {
            background-color: #868e96;
            border: #868e96 1px solid;
            color: #ffffff;
        }

        .char ul li .filterBtn_wh {
            margin-top: 8px;
            border: #868e96 1px solid;
            color: #868e96;
        }

    .artistListPage div.artistListPageArc {
        margin-bottom: 100px;
    }

        .artistListPage div.artistListPageArc ul {
            width: 100%;
        }

            .artistListPage div.artistListPageArc ul > li:first-child {
                display: none;
            }

            .artistListPage div.artistListPageArc ul > div {
                width: 100%;
            }

                .artistListPage div.artistListPageArc ul > div div {
                    width: calc(50vw - 33px);
                    margin-right: 26px;
                    float: left;
                }

                    .artistListPage div.artistListPageArc ul > div div:nth-child(2n) {
                        margin-right: 0px;
                    }

            .artistListPage div.artistListPageArc ul div:last-child div li {
                width: 100%;
                display: inline-block;
            }

                .artistListPage div.artistListPageArc ul div:last-child div li div {
                    position: relative;
                    width: calc(50vw - 33px);
                    height: calc(50vw - 33px);
                }

                    .artistListPage div.artistListPageArc ul div:last-child div li div img {
                        position: absolute;
                        top: 0px;
                        width: calc(50vw - 33px);
                        height: calc(50vw - 33px);
                        object-fit: cover;
                    }

                        .artistListPage div.artistListPageArc ul div:last-child div li div img.second {
                            display: none;
                        }

            .artistListPage div.artistListPageArc ul > div div li img {
                width: calc(50vw - 33px);
                height: calc(50vw - 33px);
                object-fit: cover;
            }

            .artistListPage div.artistListPageArc ul > div div li span {
                display: block;
                width: 100%;
                height: 20px;
                text-align: center;
                margin-bottom: 25px;
                line-height: 25px;
                margin-top:10px;
            }
    /* 작가 상세 */
    .artistDtlPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .artistDtlPage div div.artistDtlPageNm {
        width: 100%;
        float: left;
    }

        .artistDtlPage div div.artistDtlPageNm dt {
            font-size: 24px;
            margin-bottom: 5px;
        }

    .artistDtlPage div:first-child div.artistDtlPageNm dd {
        width: calc(100% - 30px);
        margin-left: 30px;
        margin-bottom: 20px;
    }

    .artistDtlPage div div.artistDtlPageArc {
        width: 100%;
    }

        .artistDtlPage div div.artistDtlPageArc li img {
            width: calc(100vw - 40px);
            height: calc(100vw - 40px);
            object-fit: cover;
        }

        .artistDtlPage div div.artistDtlPageArc li iframe {
            width: calc(100vw - 40px);
            height: calc(100vw - 40px);
        }

        .artistDtlPage div div.artistDtlPageArc li dt {
            width: calc(100% - 30px);
            margin-left: 30px;
        }

        .artistDtlPage div div.artistDtlPageArc li dd {
            line-height: 20px;
        }

    .artistDtlPhotoPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
    }

        .artistDtlPhotoPage > div > div {
            width: 100%;
            float: left;
            margin-top: 40px;
        }

            .artistDtlPhotoPage > div > div li {
                display: inherit;
            }

                .artistDtlPhotoPage > div > div li:nth-child(2) {
                    margin-top: 10px;
                }

    .artistCollection li div {
        width: 100%;
        float: left;
    }

        .artistCollection li div img {
            width: 100%;
        }

        .artistCollection li div dt, .artistCollection li div dd, .artistCollection li div span {
            width: 100%;
            display: block;
        }

        .artistCollection li div dt {
            margin-top: 12px;
            margin-bottom: 9px;
        }

        .artistCollection li div dd {
            margin-bottom: 32px !important;
            color: #868e96;
        }

    .artistDisplay li dt {
        width: 100%;
        float: left;
        margin-top: 12px;
        margin-bottom: 9px;
    }

        .artistDisplay li dt.noSubTitle {
            margin-bottom: 32px;
        }

    .artistDisplay li dd {
        margin-bottom: 32px !important;
        color: #868e96;
    }

    .artistDisplay li img {
        width: 100%;
    }
    /* 프로그램목록 */

    .programListCurrent div {
        width: calc(100% - 40px);
        margin-left: 20px;
    }

        .programListCurrent div li {
            float: left;
            font-family: AkzidenzGrotesk-Medium;
        }

            .programListCurrent div li dt {
                width: 100%;
                margin-bottom: 5px;
            }

            .programListCurrent div li dd {
                width: 100%;
                color: #868e96;
            }

            .programListCurrent div li img {
                width: 100%;
            }

    .programListPast {
        display: flex;
        flex-wrap: wrap;
    }

        .programListPast div {
            width: calc(50% - 30px);
            float: left;
            margin-left: 20px;
        }

            .programListPast div li:nth-child(2) {
                display: inline-block;
                margin: 12px 0px 32px 0px;
            }

            .programListPast div li dt {
                /* margin-bottom: 5px; */
            }

            .programListPast div li dd {
                font-size: 14px;
                color: #868e96;
            }

            .programListPast div li img {
                width: 100%;
                object-fit: cover;
                height: calc(60vw - 20px);
            }
    /* 프로그램 목록 롤링*/
    .programRollArea {
        width: calc(100% - 40px);
        margin-left: 20px;
        padding: 0;
    }

    .programRoll div {
        width: 100%;
        float: left;
        cursor: pointer;
    }

        .programRoll div li:nth-child(2) {
            display: inline-block;
            margin: 12px 0px 32px 0px;
        }

        .programRoll div li dt {
            margin-bottom: 5px;
        }

        .programRoll div li dd {
            color: #868e96;
            font-family: AkzidenzGrotesk-Medium;
        }

        .programRoll div li img {
            width: 100%;
        }

    .programRollContent ul:last-child div:last-child {
        margin-bottom: 68px;
    }

    .board {
        display: none;
    }
    /* 프로그램 목록 롤링 끝*/

    /*현재프로그램 상세*/
    .programCurrentDtl div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        margin-bottom: 20px;
    }
    .programCurrentDtlContent div.programCurrentDtlContent{
        width: 100%;
        margin-left: 0;
    }

        .programCurrentDtl div:first-child li:first-child {
            font-size: 24px;
        }

        .programCurrentDtl div li dd {
            margin-left: 30px !important;
        }

    .programCurrentDtl .programCurrentDtlContent ul {
        width: 100%;
    }

        .programCurrentDtl .programCurrentDtlContent ul.programCurrentDtlContentDesc {
            margin-bottom: 20px;
        }

        .programCurrentDtl .programCurrentDtlContent ul li {
            font-size: 14px !important;
            line-height: 21px;
        }

    .programCurrentDtlContent .programCurrentDtlContentImg {
        margin-top: 40px;
    }

        .programCurrentDtlContent .programCurrentDtlContentImg li {
            width: calc(100% - 134px);
            margin-left: 67px;
        }

        .programCurrentDtlContent .programCurrentDtlContentImg img {
            width: 100%;
            border: #868e96 1px solid;
        }

        .programCurrentDtlContent .programCurrentDtlContentImg span {
            font-size: 14px !important;
            color: #868e96;
            text-align: left;
        }

    .programCurrentDtlContent .programCurrentDtlJoin:nth-child(6) {
        margin-top: 60px;
    }

    .programCurrentDtlJoin {
        /* border-top: #868e96 1px solid; */
    }

        .programCurrentDtlJoin li:first-child {
            margin-top: 18px;
        }

        .programCurrentDtlJoin li:last-child {
            margin-bottom: 18px;
        }

        .programCurrentDtlJoin li:first-child span {
            margin-left: 30px;
        }
    /*프로그램 소식 목록*/
    .programNewsList div {
        width: calc(100% - 40px);
        margin-left: 20px;
        border-top: #868e96 1px solid;
    }

        .programNewsList div li {
            float: left;
            font-size: 14px !important;
            color: #868e96;
            padding-top: 16px;
            padding-bottom: 16px;
            font-family: AkzidenzGrotesk-Medium;
        }

        .programNewsList div:last-child {
            border-bottom: #868e96 1px solid;
        }

        .programNewsList div.noticeNews li {
            color: #000;
        }

        .programNewsList div li:nth-child(1) {
            width: 15%;
        }

        .programNewsList div li:nth-child(2) {
            width: 65%;
        }

        .programNewsList div li:nth-child(3) {
            text-align: right;
            width: 20%;
        }
    /*프로그램 소식 상세*/
    .programNewsDtl div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
    }

        .programNewsDtl div li {
            width: 100%;
            text-align: center;
            font-size: 14px;
        }

        .programNewsDtl div .noticeNewsDtlTitle {
            font-size: 24px;
        }

        .programNewsDtl div .noticeNewsDtlContent {
            margin-top: 25px;
            width: 100%;
        }

    .programNewsNextPrev div {
        float: left;
        width: calc(50% - 20px);
        cursor: pointer;
    }

        .programNewsNextPrev div:last-child {
            margin-left: 0px;
        }

        .programNewsNextPrev div li {
            float: left;
            font-size: 14px !important;
            color: #868e96;
            margin-left: 20px;
            padding: 8px 0px 8px 0px;
            font-family: AkzidenzGrotesk-Medium;
            cursor: pointer;
        }
    /* 프로그램 신청 - 회원, 비회원*/
    .programApplyMemberPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
    }

    .programApplyMemberPage .programApplyMemberPageContent {
        border-top: #d2d2d2 1px solid;
    }

        .programApplyMemberPage .programApplyMemberPageContent:first-child {
            border-top: 0px;
        }

        .programApplyMemberPage .programApplyMemberPageContent:nth-child(2) {
            padding-top: 20px;
        }

        .programApplyMemberPage .programApplyMemberPageContent:first-child .programApplyMemberPageArc li:nth-child(2) {
            height: 77px
        }

        .programApplyMemberPage .programApplyMemberPageContent:nth-child(2) .programApplyMemberPageArc li:nth-child(2) {
            height: 60px
        }

        .programApplyMemberPage .programApplyMemberPageContent:first-child .programApplyMemberPageArc li:nth-child(2) select {
            width: 100%;
            margin-top: 5px;
        }

    .programApplyMemberPage div div.programApplyMemberPageNm {
        width: 100%;
        float: left;
    }

        .programApplyMemberPage div div.programApplyMemberPageNm dt {
            margin-top: 10px;
        }

    .programApplyMemberPage div div.programApplyMemberPageArc {
        width: calc(100% - 30px);
        margin-left: 30px;
    }

    .programApplyMemberPage div div.programApplyMemberPageDesc {
        width: calc(100% - 30px);
        margin-left: 30px;
    }

    .programApplyMemberPage div .programApplyMemberPageDesc > li {
        width: 100%;
        margin-right: 40px;
        float: left;
    }

    .programApplyMemberPage div .programApplyMemberPageDesc dt {
        margin-left: 40px;
    }

    .programApplyMemberPage div .programApplyMemberPageDesc li:first-child dt {
        margin-top: 20px;
    }

    .programApplyMemberPage div .programApplyMemberPageDesc > dd {
        margin-top: 20px !important;
    }

    .programApplyMemberPage div .programApplyMemberPageDesc dd {
        margin: 5px 0px 20px 0px;
        line-height: 23px;
    }

    .programApplyMemberPage div div.programApplyMemberPageArc > li {
        width: 100%;
        min-height: 43px;
        padding-top: 15px;
        border-top: #d2d2d2 1px solid;
    }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.textarea {
            height: 100px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.email {
            height: 80px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.passwordDesc {
            font-size: 14px;
            height: 200px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.ask {
            height: 100px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li:first-child {
            border-top: 0px;
            padding-top: 12px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li dt {
            width: 25%;
            padding-top: 3px;
            float: left;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li dd {
            width: 75%;
            display: inline-block;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li .idInput {
            width: 100%;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.email select {
            width: 100%;
            margin: 8px 0px 8px 0px;
        }

        .programApplyMemberPage div div.programApplyMemberPageArc > li.passwordDesc {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
        }

            .programApplyMemberPage div div.programApplyMemberPageArc > li.passwordDesc dd {
                order: 3;
                width: 100%;
                display: inline-block;
            }

                .programApplyMemberPage div div.programApplyMemberPageArc > li.passwordDesc dd:last-child {
                    width: 75%;
                    order: 2;
                }

                .programApplyMemberPage div div.programApplyMemberPageArc > li.passwordDesc dd:first-child {
                    width: 25%;
                    padding-top: 3px;
                    order: 1;
                }

                .programApplyMemberPage div div.programApplyMemberPageArc > li.passwordDesc dd > span.desc {
                    width: calc(100% - 40px);
                    display: inline-block;
                    min-height: 25px;
                }

        .programApplyMemberPage div div.programApplyMemberPageArc > li .personnel {
            width: 100%;
            display: inline-block;
        }

    .programApplyMemberPageArc .arc .noInput {
        padding-top: 3px;
    }

    .programApplyMemberPageArc .arc textarea {
        width: 100%;
        height: 90px;
    }

    .programApplyMemberPage .programApplyMemberPageContent:last-child .programApplyMemberPageNm {
        display: none;
    }

    .programApplyMemberPage .programApplyMemberPageContent:last-child .programApplyMemberPageArc {
        width: 100%;
        margin-left: 0px;
    }

        .programApplyMemberPage .programApplyMemberPageContent:last-child .programApplyMemberPageArc .arc {
            margin-left: 30px;
        }

            .programApplyMemberPage .programApplyMemberPageContent:last-child .programApplyMemberPageArc .arc .programAskDesc {
                width: calc(100% - 20px);
                display: inline-block;
            }

            .programApplyMemberPage .programApplyMemberPageContent:last-child .programApplyMemberPageArc .arc.ask span {
                width: calc(100% - 50px);
                margin-left: 30px;
            }

    .programApplyMemberPage .programApplyMemberPageContent:last-child li {
        border: 0px;
    }

    .programApplyMemberPage .programApplyMemberPageContent:last-child {
        margin-bottom: 110px;
    }
    /* 프로그램 신청 - 완료*/
    .programApplyCompletePage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
    }

    .programApplyCompletePage .programApplyCompletePageContent {
        border-top: #d2d2d2 1px solid;
    }

        .programApplyCompletePage .programApplyCompletePageContent:first-child {
            border-top: 0px;
            padding-bottom: 30px;
        }

    .programApplyCompletePage div div.programApplyCompletePageNm {
        width: 100%;
        float: left;
    }

    .programApplyCompletePage div:first-child div.programApplyCompletePageNm {
        width: 100%;
    }

    .programApplyCompletePage div div.programApplyCompletePageNm dt {
        margin-top: 10px;
    }

    .programApplyCompletePage div div.programApplyCompletePageArc {
        width: calc(100% - 30px);
        margin-left: 30px;
    }

        .programApplyCompletePage div div.programApplyCompletePageArc > li {
            width: 100%;
            min-height: 43px;
            padding-top: 15px;
            border-top: #d2d2d2 1px solid;
        }

        .programApplyCompletePage div div.programApplyCompletePageArc li.applyDate {
            height: 65px;
        }

        .programApplyCompletePage div div.programApplyCompletePageArc > li:first-child {
            border-top: 0px;
            padding-top: 12px;
        }

        .programApplyCompletePage div div.programApplyCompletePageArc > li dt {
            width: 25%;
            padding-top: 3px;
            float: left;
        }

        .programApplyCompletePage div div.programApplyCompletePageArc > li dd {
            width: 75%;
            display: inline-block;
            padding-top: 3px;
        }

    .programApplyCompletePage .programApplyCompletePageContent:last-child {
        margin-left: 20px;
        margin-bottom: 50px;
    }

        .programApplyCompletePage .programApplyCompletePageContent:last-child li {
            height: 80px;
            border: 0px;
        }

        .programApplyCompletePage .programApplyCompletePageContent:last-child .programApplyCompletePageArc {
            width: 100%;
            margin-left: 0px;
        }

            .programApplyCompletePage .programApplyCompletePageContent:last-child .programApplyCompletePageArc .arc dt {
                margin-left: 30px;
            }

        .programApplyCompletePage .programApplyCompletePageContent:last-child li .programAskDesc {
            width: calc(100% - 70px);
            display: inline-block;
            margin-left: 70px;
        }

        .programApplyCompletePage .programApplyCompletePageContent:last-child li:last-child {
            width: 100%;
        }
    /*공간 자료*/
    .dataListTitle {
        width: 100%;
        display: flex;
        margin-top: 40px;
    }

        .dataListTitle ul li {
            width: calc(50% - 20px);
            float: left;
            margin-bottom: 20px;
            font-size: 14px !important;
            line-height: 22px !important;
        }

            .dataListTitle ul li:first-child {
                margin-left: 20px;
            }

    .teensWorkBookList {
        display: flex;
        flex-wrap: wrap;
    }

        .teensWorkBookList div {
            width: calc(50% - 30px);
            float: left;
            margin-left: 20px;
            font-family: AkzidenzGrotesk-Medium;
            font-size: 14px;
            cursor: pointer;
        }

            .teensWorkBookList div li {
                width: 100%;
            }

                .teensWorkBookList div li:nth-child(2) {
                    display: inline-block;
                    margin: 12px 0px 32px 0px;
                }

                .teensWorkBookList div li img {
                    width: 100%;
                }

                .teensWorkBookList div li dd {
                    margin-top: 9px;
                    color: #868e96;
                }

    .printWorkList {
        display: flex;
        flex-wrap: wrap;
    }

        .printWorkList div {
            width: calc(50% - 30px);
            float: left;
            margin-left: 20px;
            font-family: AkzidenzGrotesk-Medium;
            font-size: 14px;
            cursor: pointer;
        }

            .printWorkList div li {
                width: 100%;
            }

                .printWorkList div li:nth-child(2) {
                    display: inline-block;
                    margin: 12px 0px 32px 0px;
                }

                .printWorkList div li img {
                    width: 100%;
                }

                .printWorkList div li dt {
                    margin-top: 10px;
                }

    .movieList div {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
        cursor: pointer;
        margin-bottom: 20px;
    }

        .movieList div li {
            width: 100%;
        }

            .movieList div li:nth-child(2) {
                display: inline-block;
                margin: 12px 0px 32px 0px;
            }

            .movieList div li img {
                width: 100%
            }

            .movieList div li dt, .movieList div li dd {
                width: 100%;
            }

                .movieList div li dt span {
                    width: 100%;
                    display: block;
                }

                .movieList div li dd span {
                    display: block;
                    color: #868e96;
                }

        .movieList div:last-child {
            margin-bottom: 68px;
        }
    /*틴즈워크북 상세*/
    .teensWorkBookDtl div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
    }

        .teensWorkBookDtl div:first-child {
            margin-bottom: 60px;
        }

        .teensWorkBookDtl div:last-child {
            margin-bottom: 20px;
        }

        .teensWorkBookDtl div:first-child ul li:first-child {
            font-size: 24px;
        }

        .teensWorkBookDtl div:first-child ul li:last-child dd {
            font-size: 14px !important;
            margin-bottom: 30px;
            color: #868e96;
        }

    .teensWorkBookDtl .teensWorkBookDtlContent ul {
        width: 100%;
    }

        .teensWorkBookDtl .teensWorkBookDtlContent ul.teensWorkBookDtlContentDesc {
            margin-top: 24px;
            margin-bottom: 16px;
        }

        .teensWorkBookDtl .teensWorkBookDtlContent ul li {
            font-size: 14px !important;
        }

    .teensWorkBookDtlContentImg {
        margin-top: 40px;
        margin-bottom: 60px;
    }

        .teensWorkBookDtlContentImg li {
            width: calc(100% - 134px);
            margin-left: 67px;
        }

        .teensWorkBookDtlContentImg img {
            width: 100%;
            border: #868e96 1px solid;
        }

        .teensWorkBookDtlContentImg span {
            font-size: 14px !important;
            color: #868e96;
            text-align: left;
        }
    /*동영상 상세*/
    .movieDtl div {
        width: 100%;
        /* margin-left: 20px; */
        font-family: AkzidenzGrotesk-Medium;
    }

        .movieDtl div:last-child {
            margin-bottom: 20px;
        }

        .movieDtl div:first-child ul li:first-child {
            font-size: 24px;
        }

        .movieDtl div:first-child ul li:last-child dd {
            font-size: 14px !important;
            margin-left: 30px !important;
        }

            .movieDtl div:first-child ul li:last-child dd:last-child {
                margin-bottom: 30px;
            }

    .movieDtl .movieDtlContent ul {
        width: 100%;
    }

        .movieDtl .movieDtlContent ul.movieDtlContentDesc {
            margin-top: 24px;
            margin-bottom: 16px;
        }

        .movieDtl .movieDtlContent ul li {
            font-size: 14px !important;
        }

    .movieDtlContentImg {
        margin-top: 40px;
        margin-bottom: 60px;
    }

        .movieDtlContentImg li div {
            width: 100%;
        }

        .movieDtlContentImg li img {
            width: 100%;
        }
    /*출판물 상세*/
    .printWorkDtl div {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
    }

        .printWorkDtl div:last-child {
            margin-left: 0px;
            padding-left: 20px;
        }

        .printWorkDtl div ul {
            width: 100%;
        }

        .printWorkDtl div:first-child ul li:first-child {
            margin-top: 9px;
            font-size: 22px;
            margin-bottom: 4px;
        }

        .printWorkDtl div:first-child ul li:last-child dt {
            color: #868e96;
            margin-bottom: 10px !important;
        }

        .printWorkDtl div:first-child ul li:last-child dd {
            margin-left: 30px !important;
            font-size: 14px;
        }

            .printWorkDtl div:first-child ul li:last-child dd:last-child {
                margin-bottom: 30px;
            }

    .printWorkDtl .printWorkDtlContent ul {
        width: 100%;
    }

        .printWorkDtl .printWorkDtlContent ul.printWorkDtlContenttDesc {
            margin-top: 9px;
            margin-bottom: 16px;
        }

            .printWorkDtl .printWorkDtlContent ul.printWorkDtlContenttDesc pre {
                font-size: 14px !important;
            }

        .printWorkDtl .printWorkDtlContent ul li {
            font-size: 14px !important;
        }

    .printWorkDtlContentImg li {
        width: calc(100% - 134px);
        margin-left: 67px;
    }

    .printWorkDtlContentImg img {
        width: 100%;
    }

    .printWorkDtlContentImg span {
        font-size: 14px !important;
        color: #868e96;
        text-align: left;
    }
    /* 공간 - 개요 */
    .constructIntro > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
        margin-top: 60px;
    }

        .constructIntro > div:last-child {
            margin-bottom: 100px;
        }

        .constructIntro > div:nth-child(1), .constructIntro > div:nth-child(2) {
            margin-top: 0px;
        }

        .constructIntro > div > li {
            width: 100%;
            display: block;
            float: left;
        }

        .constructIntro > div:first-child > li dt, .constructIntro > div:nth-child(5) > li dt {
            font-size: 18px !important;
            line-height: 24px !important;
            margin-bottom: 20px;
            width: 70%;
            float: right;
        }

        .constructIntro > div > li dt {
            font-size: 14px !important;
        }

        .constructIntro > div:nth-child(3) > li dt {
            margin-left: 30px;
        }

        .constructIntro > div > li dd {
            width: 100%;
        }

            .constructIntro > div > li dd img {
                width: 100%
            }

        .constructIntro > div:nth-child(4) li {
            width: 100%;
        }

            .constructIntro > div:nth-child(4) li dd {
                width: 100%;
            }

                .constructIntro > div:nth-child(4) li dd div {
                    width: 100%;
                    margin: 16px 0px 25px 0px;
                    display: inline-block;
                }

                    .constructIntro > div:nth-child(4) li dd div span {
                        width: calc(100% - 20px);
                        margin-left: 10px;
                        text-align: center;
                        display: inline-block;
                    }

                    .constructIntro > div:nth-child(4) li dd div img {
                        width: 55%;
                        margin-left: calc(45% / 2);
                        height: auto;
                    }

        .constructIntro > div:nth-child(6) li dt {
            font-size: 24px !important;
            line-height: 30px !important;
        }

        .constructIntro > div:nth-child(6) li:first-child dt:last-child {
            margin-bottom: 20px;
        }

        .constructIntro > div:nth-child(7) li dt {
            margin: 0px;
        }

        .constructIntro > div:nth-child(7) li dd {
            margin-top: 10px;
        }

        .constructIntro > div:nth-child(8) {
            margin-top: 20px;
        }

            .constructIntro > div:nth-child(8) li {
                margin-top: 25px;
            }

                .constructIntro > div:nth-child(8) li > dd > span {
                    margin-top: 12px;
                    color: #000;
                }

    .logoCiImg {
        display: block;
        width: 100%;
        height: 28vh;
        border: #d2d2d2 1px solid;
    }

        .logoCiImg.ci img {
            width: 36%;
            height: auto;
            margin-top: calc(15% / 2);
            margin-left: calc(64% / 2);
        }

        .logoCiImg.logoimg img {
            width: 43%;
            height: auto;
            margin-top: calc(47% / 2);
            margin-left: calc(57% / 2);
        }
    /* 공간 - 건축 */
    .constructList > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 30px;
    }

        .constructList > div:last-child {
            /* margin-bottom: 60px !important; */
        }

        .constructList > div > li {
            width: 100%;
            display: block;
            float: left;
        }

            .constructList > div > li dt {
                font-size: 18px !important;
                width: 70%;
                float: right;
                margin-bottom: 19px;
            }

    .constructList div > li p {
        line-height: 20px;
    }

    .constructList div > li dd {
        width: 100%;
        line-height: 20px;
        margin-bottom: 10px !important;
    }

    .constructList div.leeumImg {
        text-align: center;
    }

        .constructList div.leeumImg img {
            width: 100%;
            height: 28vh;
            object-fit: cover;
        }

    .constructList div.architect {
        margin-bottom: 0px;
    }

        .constructList div.architect div {
            cursor: pointer;
        }

            .constructList div.architect div li:nth-child(2) {
                display: inline-block;
                margin: 0px 0px 32px 0px;
            }

            .constructList div.architect div img {
                width: 100%;
            }

            .constructList div.architect div li > span {
                width: 100%;
                margin-bottom: 5px;
                display: block;
                float: left;
            }
            .constructList div.architect div li > span:first-child{margin-top:10px;line-height: 25px;}

                .constructList div.architect div li > span:nth-child(2) {
                    color: #868e96;
                }
    /* 공간 - 건축 상세 */
    .constructDtlPage div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
        margin-bottom: 30px;
    }

        .constructDtlPage div:last-child {
            /* margin-bottom: 100px; */
        }

        .constructDtlPage div > li {
            width: 100%;
            display: block;
            float: left;
        }

    .constructDtlPage .introDesc {
        display: flex;
        flex-wrap: wrap;
    }

        .constructDtlPage .introDesc > li:nth-child(1) {
            order: 1;
        }

        .constructDtlPage .introDesc > li:nth-child(2) {
            order: 3;
        }

        .constructDtlPage .introDesc > li:nth-child(3) {
            order: 2;
        }

            .constructDtlPage .introDesc > li:nth-child(3) > img {
                width: 100%;
                height: 342px;
                object-fit: cover;
                margin: 20px 0px 20px 0px;
            }

    .constructDtlPage div .documentTitle {
        font-size: 24px !important;
        line-height: 40px;
    }

    .constructDtlPage div > li dt {
        margin-bottom: 20px;
    }

    .constructDtlPage div > li dd {
        width: 100%;
    }

        .constructDtlPage div > li dd .desc {
            width: 100%;
            display: block;
            float: left;
        }

            .constructDtlPage div > li dd .desc.subDesc {
                width: calc(100% - 30px);
                margin-left: 30px;
            }

    .constructDtlPage div.constructDesciptionTitle {
        margin-left: 20px;
        margin-bottom: 0px !important;
    }

    .constructDtlPage div dt .descSubTitle {
        font-size: 14px;
        line-height: 28px;
    }

    .constructDtlPage div.constructDesciption li {
        margin-bottom: 20px;
    }

        .constructDtlPage div.constructDesciption li img {
            width: 100%;
            height: 342px;
            object-fit: cover;
            margin-bottom: 12px;
        }

    .constructDtlPage div li pre {
        width: 100%;
        margin: 0px 0px 5px 0px !important;
        line-height: 24px;
    }

    .constructDtlPage div.constructDesciption li > span {
        width: 100%;
        display: block;
        min-height: 55px;
    }

        .constructDtlPage div.constructDesciption li > span > span {
            width: 50%;
            display: block;
            float: left;
            line-height: 24px;
        }

            .constructDtlPage div.constructDesciption li > span > span:nth-child(2) {
                color: #868e96;
            }

    .constructDtlPage div.architectorIntroduce li > .architectorprofileArea > span {
        display: block;
        float: left;
        width: 100%;
    }

        .constructDtlPage div.architectorIntroduce li > .architectorprofileArea > span.interviewSubTitle {
            width: 75%;
            font-size: 18px;
            float: right;
        }

    .constructDtlPage div.architectorIntroduce li > .text > span:first-child {
        width: calc(100% - 60px);
        margin-left: 30px;
    }

    .constructDtlPage div.architectorIntroduce li > .text > span:last-child {
        margin-bottom: 30px;
    }

    .constructDtlPage div.architectorIntroduce li > img {
        width: 100%;
    }

    .constructDtlPage div.architectorIntroduce li > span {
        width: 100%;
        display: block;
        min-height: 55px;
    }

    .constructDtlPage div.architectorIntroduce li > span {
        width: 100%;
        display: block;
        min-height: 55px;
    }

        .constructDtlPage div.architectorIntroduce li > span > span {
            width: 100%;
            display: block;
            float: left;
            line-height: 24px;
        }

            .constructDtlPage div.architectorIntroduce li > span > span:nth-child(2) {
                color: #868e96;
            }

                .constructDtlPage div.architectorIntroduce li > span > span:nth-child(2) > span {
                    width: 100%;
                    display: block;
                    float: left;
                }

    .constructDtlPage div.architectorInterviewMovie {
        text-align: center;
    }

        .constructDtlPage div.architectorInterviewMovie img {
            width: 100%
        }

        .constructDtlPage div.architectorInterviewMovie iframe {
            width: 100%
        }

    .constructDtlPage div.architectorInterview li > dt {
        width: calc(100% - 30px);
        margin: 20px 0px 10px 30px;
    }
    /*공간 공통*/
    .dataListNextPrev div {
        float: left;
        cursor: pointer;
        width: calc(50% - 20px);
    }

        .dataListNextPrev div:last-child {
            margin-left: 0px;
        }

        .dataListNextPrev div li {
            float: left;
            font-size: 14px !important;
            color: #868e96;
            margin-left: 20px;
            padding: 8px 0px 8px 0px;
            font-family: AkzidenzGrotesk-Medium;
        }

            .dataListNextPrev div li:nth-child(1) {
                padding-top: 16px;
                padding-bottom: 2px;
                width: 100%;
            }

            .dataListNextPrev div li:nth-child(2) {
                padding-top: 2px;
                padding-bottom: 16px;
                width: 100%;
            }
    /* 공간 - 공용공간리뉴얼 목록 */
    .reNewSpaceList > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
        line-height: 20px !important;
        margin-bottom: 60px;
    }

        .reNewSpaceList > div:last-child {
            margin-bottom: 68px;
        }

        .reNewSpaceList > div > li {
            width: 100%;
            display: block;
            float: left;
        }

            .reNewSpaceList > div > li dt {
                width: 70%;
                float: right;
                font-size: 18px !important;
                margin-bottom: 18px;
            }

    .reNewSpaceList div.reNewSpace div {
        cursor: pointer;
    }

        .reNewSpaceList div.reNewSpace div li:nth-child(2) {
            display: inline-block;
            margin: 0px 0px 32px 0px;
        }

        .reNewSpaceList div.reNewSpace div li img {
            width: 100%
        }

        .reNewSpaceList div.reNewSpace div li > span {
            width: 100%;
            margin-top:10px;
            line-height: 25px;
            display: block;
            float: left;
        }
    /* 공간 - 공용공간리뉴얼 상세 */
    .reNewSpaceDtl div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
    }

        .reNewSpaceDtl div li {
            width: 100%;
        }

        .reNewSpaceDtl div .reNewSpaceDtlTitle {
            font-size: 24px;
            text-align: center;
            margin-top: 9px;
            margin-bottom: 14px;
            line-height:130%;
        }

        .reNewSpaceDtl div .reNewSpaceDtlContent {
            width: 100%;
        }

            .reNewSpaceDtl div .reNewSpaceDtlContent dd {
                width: 100%;
                margin-bottom: 18px;
                line-height: 22px;
            }

        .reNewSpaceDtl div .reNewSpaceDtlContentImg {
            width: 100%;
            margin: 0px;
        }

            .reNewSpaceDtl div .reNewSpaceDtlContentImg div {
                width: 100%;
                text-align: center;
                margin-left: 0px;
                margin-top: 14px;
                margin-bottom: 40px;
            }

                .reNewSpaceDtl div .reNewSpaceDtlContentImg div img {
                    width: 100%;
                }
    /* 편의시설*/
    .facilitiesPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
        margin-bottom: 40px;
    }

        .facilitiesPage > div:last-child {
            margin-bottom: 100px;
        }

    .facilitiesPage div.facilitiesPagePageContent {
        display: flex;
        flex-wrap: wrap;
    }

    .facilitiesPage div div.facilitiesPagePageNm {
        width: 100%;
        float: left;
        order: 2;
    }

        .facilitiesPage div div.facilitiesPagePageNm dt {
            width: calc(100% - 30px);
            margin-TOP: 10px;
            margin-left: 30px;
            margin-bottom: 2px;
            float: left;
        }

        .facilitiesPage div div.facilitiesPagePageNm dd {
            width: 100%;
            float: left;
            line-height: 20px;
        }

            .facilitiesPage div div.facilitiesPagePageNm dd span {
                color: #868e96;
            }

                .facilitiesPage div div.facilitiesPagePageNm dd span > span {
                    margin-left: 10px;
                }

        .facilitiesPage div div.facilitiesPagePageNm .facilitiesTelInfo {
            margin-top: 20px;
            margin-left: 0px;
        }

    .facilitiesPage div div.facilitiesPagePageArc {
        width: 100%;
        float: left;
        order: 1;
    }

        .facilitiesPage div div.facilitiesPagePageArc > li {
            width: 100%;
            min-height: 43px;
        }

            .facilitiesPage div div.facilitiesPagePageArc > li img {
                width: 100%;
            }
    /* 멤버십안내 */
    .membershipInfomaionPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
    }

    .membershipInfomaionPage div div.membershipInfomaionPageNm {
        width: calc(100% + 20px);
        float: left;
    }

        .membershipInfomaionPage div div.membershipInfomaionPageNm.line, .membershipInfomaionPage div div.membershipInfomaionPageArc li.line {
            border-top: #d2d2d2 1px solid;
            margin-left: -10px;
        }

        .membershipInfomaionPage div div.membershipInfomaionPageNm dt {
            margin: 20px 0px 10px 0px;
        }

        .membershipInfomaionPage div div.membershipInfomaionPageNm:first-child dt {
            margin-top: 0px;
        }

    .membershipInfomaionPage div.membershipInfomaionEnglish div.membershipInfomaionPageNm dt {
       /*  margin: 0px !important;  */
    }

    .membershipInfomaionPage div.membershipInfomaionEnglish div:nth-child(3) dt {
        margin: 10px 0px 10px 0px !important;
    }

    .membershipInfomaionPage div.membershipInfomaionEnglish div.membershipInfomaionPageArc .line dt {
        margin-top: 20px;
    }

    .membershipInfomaionPage div.membershipInfomaionEnglish div.membershipInfomaionPageArc:nth-child(4) .full dd {
        margin-bottom: 30px;
    }

    .membershipInfomaionPage div div.membershipInfomaionPageArc {
        width: 100%;
    }

    .membershipInfomaionPage div.membershipInfomaionPageContent {
        border-top: #d2d2d2 1px solid;
        margin-bottom: 20px;
    }

    .membershipInfomaionPage div div:nth-child(2) {
        border-top: 0px;
    }

    .membershipInfomaionPage div div.membershipInfomaionPageArc li {
        width: calc(100% - -20px);
        margin-left: -10px;
        float: left;
        margin-bottom: 10px;
    }

        .membershipInfomaionPage div div.membershipInfomaionPageArc li dt {
            margin-left: 30px;
            margin-top: 10px;
        }

        .membershipInfomaionPage div div.membershipInfomaionPageArc li dd .desc {
            width: calc(100% - 25px);
            display: inline-flex;
            line-height: 20px;
        }

            .membershipInfomaionPage div div.membershipInfomaionPageArc li dd .desc.subDesc {
                margin-left: 30px;
            }

            .membershipInfomaionPage div div.membershipInfomaionPageArc li dd .desc.qna {
                margin-bottom: 20px;
            }

            .membershipInfomaionPage div div.membershipInfomaionPageArc li dd .desc.useGuide {
                margin-left: 30px;
            }

        .membershipInfomaionPage div div.membershipInfomaionPageArc li:first-child dd {
            /* margin-right: 30px; */
        }

    .membershipInfomaionPage div div.membershipProgramNm {
        width: 100%;
        float: left;
        border-top: #d2d2d2 1px solid;
        padding: 23px 0px 23px 0px;
    }

    .membershipInfomaionPage div div.membershipProgramArc {
        width: 100%;
        float: left;
    }

        .membershipInfomaionPage div div.membershipProgramArc > div {
            width: 100%;
            display: inline-block;
            /* margin-bottom: 20px; */
        }

            .membershipInfomaionPage div div.membershipProgramArc > div li:nth-child(2) {
                display: inline-block;
                margin: 12px 0px 32px 0px;
            }

            .membershipInfomaionPage div div.membershipProgramArc > div li img {
                width: 100%;
            }

            .membershipInfomaionPage div div.membershipProgramArc > div li span {
                width: 100%;
                float: left;
                display: block;
            }

                .membershipInfomaionPage div div.membershipProgramArc > div li span:last-child {
                    margin-top: 5px;
                    color: #868e96;
                }

            .membershipInfomaionPage div div.membershipProgramArc > div:nth-child(4n) {
                margin-right: 0px;
            }

    .membershipPager {
        text-align: center;
        width: 100%;
        display: block;
        margin-bottom: 100px;
    }

        .membershipPager > .pagerPoint {
            display: block;
            margin-left: calc((100% - 75px) / 2);
        }

            .membershipPager > .pagerPoint span {
                width: 10px;
                height: 10px;
                display: block;
                border: 1px #868e96 solid;
                border-radius: 10px;
                margin: 10px 10px 5px 5px;
                float: left;
            }

                .membershipPager > .pagerPoint span.on {
                    background-color: #868e96;
                }
                
    /* 20220118 멤버십 카드사진 추가 */
    .membershipInfomaionPage div div.membershipInfomaionPageNm dt img {
        width: 100%;
        max-width:180px;
    }
    
    
    /* 기프트멤버십안내 */
    .giftMembershipInfomaionPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
    }

    .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageNm {
        width: 100%;
        float: left;
    }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageNm.line, .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li.line {
            border-top: #d2d2d2 1px solid;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageNm dt {
            margin: 20px 0px 0px 0px;
        }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageNm:first-child dt {
            margin-top: 0px;
        }

    .giftMembershipInfomaionPage div div:nth-child(2) {
        padding-top: 10px;
        /* padding-bottom: 30px; */
        border-top: 0px;
    }

    .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc {
        width: 100%;
    }

        .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li {
            width: calc(100% - 30px);
            margin-left: 30px;
            float: left;
            margin-top: 10px;
        }

            .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li.mbHalf {
                width: calc(50% - 15px);
                margin-left: 30px;
                float: left;
                margin-top: 10px;
            }

                .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li.mbHalf:nth-child(2) {
                    margin-left: 0px;
                }

            .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dt {
                margin-left: 30px;
                margin-top: 10px;
            }

            .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .reciver {
                width: 100%;
                display: block;
            }

            .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd textarea {
                width: 100%;
                height: 128px;
            }

            .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .reciver span:nth-child(1), .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .reciver span:nth-child(3) {
                width: 25%;
                float: left;
                padding: 5px 0px 5px 0px;
            }

            .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .reciver span:nth-child(2), .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .reciver span:nth-child(4) {
                width: 75%;
                float: left;
                padding: 5px 0px 5px 0px;
            }

            .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .desc {
                width: calc(100% - 25px);
                display: inline-flex;
                line-height: 25px;
            }

                .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd .desc.subDesc {
                    margin-left: 30px;
                }

            .giftMembershipInfomaionPage div div.giftMembershipInfomaionPageArc li dd:last-child {
                margin-bottom: 15px;
            }

    .giftMembershipInfomaionPage div .giftMembershipInfomaionPageArc.agreeArea {
        width: 100%;
    }

        .giftMembershipInfomaionPage div .giftMembershipInfomaionPageArc.agreeArea li {
            padding-top: 18px !important;
            width: 100% !important;
            margin-left: 0px;
        }

            .giftMembershipInfomaionPage div .giftMembershipInfomaionPageArc.agreeArea li dd input[type="checkbox"] {
                float: left;
                margin: 5px 10px 0px 0px;
            }

            .giftMembershipInfomaionPage div .giftMembershipInfomaionPageArc.agreeArea li dd span.agreeDesc {
                width: calc(100% - 30px) !important;
                margin-bottom: 7px;
                display: block;
                float: left;
            }

    div.agreeArea li:first-child dd {
        margin: 0px !important;
    }

    div.agreeArea li dd:last-child {
        margin-top: 20px !important;
        margin-bottom: 60px !important;
    }
    /* mypage - 기프트멤버십*/
    .giftMembershipPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
    }

    .giftMembershipPage div div.giftMembershipPageNm {
        width: 100%;
        float: left;
    }

        .giftMembershipPage div div.giftMembershipPageNm dt {
            margin-top: 10px;
        }

    .giftMembershipPage div div.giftMembershipPageArc {
        width: 100%;
    }

        .giftMembershipPage div div.giftMembershipPageArc > ul {
            width: 100%;
        }

            .giftMembershipPage div div.giftMembershipPageArc > ul > li {
                margin-left: 30px;
                width: calc(100% - 30px);
                min-height: 30px;
                padding-top: 20px;
                padding-bottom: 20px;
                display: inline-block;
                border-bottom: #d2d2d2 1px solid;
            }

                .giftMembershipPage div div.giftMembershipPageArc > ul > li dt {
                    width: calc(100% - 30px);
                    margin-left: 30px;
                    padding-bottom: 4px;
                    float: left;
                }

                .giftMembershipPage div div.giftMembershipPageArc > ul > li dd {
                    width: 100%;
                    display: inline-block;
                }

                .giftMembershipPage div div.giftMembershipPageArc > ul > li span.arcDesc {
                    display: inline-block;
                    width: calc(100% - 40px);
                    min-height: 25px;
                }

                .giftMembershipPage div div.giftMembershipPageArc > ul > li .cardNumber > span.dash {
                    display: block;
                    width: 20px;
                    text-align: center;
                    float: left;
                }

                .giftMembershipPage div div.giftMembershipPageArc > ul > li .cardNumber > input, .giftMembershipPage div div.giftMembershipPageArc > ul > li .cardNumber > select {
                    float: left;
                }

                .giftMembershipPage div div.giftMembershipPageArc > ul > li .change {
                    margin-top: 3px;
                }

                    .giftMembershipPage div div.giftMembershipPageArc > ul > li .change.viewMoreText {
                        font-size: 14px;
                    }

            .giftMembershipPage div div.giftMembershipPageArc > ul:last-child > li:last-child {
                margin-bottom: 100px;
                border: 0px;
            }
    /* 관람안내 */
    .visitInfomationPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
        padding-top: 10px;
        border-top: #868e96 1px solid;
    }

    .visitInfomationPage div .visitInfoTitle {
        width: 50%;
        float: left;
    }

    .visitInfomationPage .visitInfoContent:last-child {
        margin-bottom: 60px;
    }

    .visitInfomationPage div .visitInfoContent_first {
        width: 50%;
        float: left;
    }

    .visitInfomationPage div .visitInfoContent_second {
        width: 100%;
        float: left;
    }

    .visitInfomationPage div .visitInfoContent_guide {
        width: 100%;
        float: left;
    }

    .visitInfomationPage div div.visitInfoContent_guide span.arcDesc {
        display: inline-block;
        width: calc(100% - 40px);
        min-height: 25px;
        line-height: 20px;
    }

    .visitInfomationPage div div.visitInfoContent_guide li dd {
        display: inline-block;
        width: calc(100% - 30px);
        margin-left: 30px;
        margin-bottom: 20px;
    }

    .visitInfomationPage div div li {
        width: 100%;
        padding-top: 9px;
        display: inline-block;
    }

    .visitInfomationPage div > div.visitInfoContent_first > li:last-child {
        padding-bottom: 0px;
    }

    .visitInfomationPage div > div.visitInfoContent_second > li:last-child {
        padding-bottom: 24px;
    }

    .visitInfomationPage div div.visitInfoContent_first li dt, .visitInfomationPage div.visitInfoContent_second li dt {
        width: calc(100% - 30px);
        margin-left: 30px;
        margin-bottom: 2px;
        float: left;
    }

    .visitInfomationPage div div li dd .desc {
        width: calc(100% - 25px);
        display: inline-flex;
        line-height: 22px;
    }

        .visitInfomationPage div div li dd .desc.subDesc {
            margin-left: 30px;
        }

    .visitInfomationPage div div.visitInfoContent_second li dd img {
        width: 100%;
        height: calc(100vw / 1.7);
    }
    /*공지사항 목록*/
    .noticePageList div {
        width: calc(100% - 40px);
        margin-left: 20px;
        border-top: #868e96 1px solid;
    }

        .noticePageList div:last-child {
            border-bottom: #868e96 1px solid;
        }

        .noticePageList div li {
            float: left;
            font-size: 14px !important;
            color: #868e96;
            padding-top: 16px;
            padding-bottom: 16px;
            font-family: AkzidenzGrotesk-Medium;
        }

        .noticePageList div.noticeNews li {
            color: #000;
        }

        .noticePageList div li:nth-child(1) {
            width: 15%;
        }

        .noticePageList div li:nth-child(2) {
            width: 65%;
        }

        .noticePageList div li:nth-child(3) {
            text-align: right;
            width: 20%;
        }
    /*공지사항 상세*/
    .noticeDtl div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
    }

        .noticeDtl div li {
            width: 100%;
            text-align: center;
            font-size: 14px;
        }

        .noticeDtl div .noticeNewsDtlTitle {
            font-size: 28px;
        }

        .noticeDtl div .noticeNewsDtlContent {
            margin-top: 25px;
            width: 100%;
        }

    .noticeNextPrev div {
        float: left;
        width: calc(50% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }

        .noticeNextPrev div li {
            float: left;
            font-size: 14px !important;
            color: #868e96;
            padding: 8px 0px 8px 0px;
            font-family: AkzidenzGrotesk-Medium;
        }

            .noticeNextPrev div li:nth-child(1) {
                padding-top: 16px;
                padding-bottom: 2px;
                width: 100%;
            }

            .noticeNextPrev div li:nth-child(2) {
                padding-top: 2px;
                padding-bottom: 16px;
                width: 100%;
            }
    /*FAQ*/
    .faqList div {
        width: calc(100% - 40px);
        margin-left: 20px;
        padding: 15px 0px 15px 0px;
        border-top: #868e96 1px solid;
        font-size: 14px;
        line-height: 20px;
        color: #868e96;
        position: relative;
        display:inline-block;
    }

        .faqList div:last-child {
            border-bottom: #868e96 1px solid;
            margin-bottom: 100px;
        }

        .faqList div span {
            display: block;
            float: left;
        }

            .faqList div span.no {
                width: 15%;
            }

            .faqList div span.title {
                width: 70%;
            }

            .faqList div span.content {
                margin: 16px 0px 20px 0px;
                width: 100%;
                display: none;
            }

            .faqList div span.activateIcon {
                position: absolute;
                top: 15px;
                right: 15px;
                width: 14px;
                height: 14px;
                background-color: #ffffff;
                border: #000000 1px solid;
                border-radius: 14px;
            }

        .faqList div .activateIcon.open {
            background-color: #ffffff;
        }

        .faqList div.open {
            color: #000000;
        }

            .faqList div.open .content {
                display: block;
            }

            .faqList div.open .activateIcon {
                background-color: #000000;
            }
    /* 로그인 */
    .memberLoginPage div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
        margin-top: 200px;
        margin-bottom: 101px;
    }

        .memberLoginPage div li:first-child {
            width: 100%;
            margin-left: 0px;
            font-size: 24px;
            text-align: center;
        }

/* 멤버스 라운지 로그인 화면 추가 */
		.memberLoginPage div .MemberLounge_memberLoginPageTitle {
                width: 100%;
                margin-left: 0px;
                margin-bottom: 50px;
                font-size: 40px !important;
                text-align: center;
        }

		.memberLoginPage div .MemberLounge_memberLoginPageSubTitle {
                width: 100%;
                margin-left: 0px;
                margin-bottom: 20px;
                font-size: 22px;
                text-align: center;
        }
        .memberLoginPage div li div.bottomLineLounge {
            margin: 10px 0px 10px 0px;
            width: 100%;
			border-bottom: #d2d2d2 1px solid;
        }
/* 멤버스 라운지 로그인 화면 추가 끝*/

        .memberLoginPage div .memberLoginPageInput {
            border-bottom: #868e96 1px solid;
            padding: 12px 0px 12px 0px;
        }

        .memberLoginPage div .memberLoginPageContent {
            text-align: center;
        }

        .memberLoginPage div .memberLoginPageInput span {
            display: inline-block;
            font-size: 14px;
            width: 15%;
        }

        .memberLoginPage div .memberLoginPageInput > input {
            width: 80%;
            background-color: #ffffff;
        }

        .memberLoginPage div .memberLoginPageIdPasswordFind span {
            display: block;
            float: left;
            font-size: 12px;
            margin: 12px 30px 12px 0px;
            color: #868e96;
        }

        .memberLoginPage div .memberLoginPageContent span {
            display: inline-block;
            font-size: 12px;
            width: calc(100% - 30px);
            color: #868e96;
            margin-bottom: 10px;
        }

        .memberLoginPage div li div.bottomLine {
            margin: 30px 0px 30px 0px;
            width: 100%;
        }

        .memberLoginPage div li:last-child {
            margin-bottom: 75px;
        }
    /* 회원가입 */
    .memberJoinSelectPage div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
        margin-top: 120px;
        margin-bottom: 101px;
    }

        .memberJoinSelectPage div li {
            width: 100%;
        }

        .memberJoinSelectPage div .memberJoinSelectPageTitle {
            font-size: 24px;
            text-align: center;
            margin-bottom: 30px;
        }

        .memberJoinSelectPage div .memberJoinSelectPageSubTitle, .memberJoinSelectPage div .memberJoinSelectPageContent {
            width: 100%;
        }

            .memberJoinSelectPage div .memberJoinSelectPageSubTitle > span {
                display: block;
                width: max-content;
                float: left;
            }

                .memberJoinSelectPage div .memberJoinSelectPageSubTitle > span:last-child {
                    float: right;
                }

                    .memberJoinSelectPage div .memberJoinSelectPageSubTitle > span:last-child span {
                        display: inline-block;
                    }

            .memberJoinSelectPage div .memberJoinSelectPageContent span {
                display: inline-block;
                width: calc(100% - 30px);
                margin-left: 30px;
                margin-top: 3px;
                width: 100%;
            }

        .memberJoinSelectPage div li div.bottomLine {
            margin: 40px 0px 20px 0px;
            width: 100%;
        }

        .memberJoinSelectPage div li:nth-child(8), .memberJoinSelectPage div li:nth-child(13) {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .memberJoinSelectPage div li span.viewMoreText {
            font-size: 14px;
            margin-left: 30px;
        }

        .memberJoinSelectPage div li span.viewMoreArrow {
            font-size: 20px;
        }
    /* 웹회원가입 */
    .webMemberSelectPage div {
        width: calc(100% - 40px);
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
        margin: 10px 0px 0px 20px;
    }

        .webMemberSelectPage div:last-child {
            margin-bottom: 80px;
        }

        .webMemberSelectPage div.webMemberSelectPageContent {
            display: flex;
            flex-wrap: wrap;
        }

        .webMemberSelectPage div li {
            width: 50%;
            float: left;
        }

        .webMemberSelectPage div.webMemberSelectPageContent li:nth-child(1) {
            order: 1;
        }

        .webMemberSelectPage div.webMemberSelectPageContent li:nth-child(2) {
            width: 100%;
            order: 3;
        }

        .webMemberSelectPage div.webMemberSelectPageContent li:nth-child(3) {
            order: 2;
        }

        .webMemberSelectPage div li span.btn_wh {
            width: calc(100% - 40px);
        }

        .webMemberSelectPage div li.webMemberSelectPageSubTitle dt {
            margin-left: 30px;
        }

    .webMemberSelectPageDesc span {
        width: 100%;
        font-size: 12px;
        color: #868e96;
    }

    .webMemberSelectPage div.bottomLine {
        margin: 40px 0px 20px 20px;
    }
    /* 웹회원 일반회원 동의 */
    .memberAgreePage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
    }

    .memberAgreePage div div.memberAgreePageNm dt, .memberAgreePage div div.memberAgreePageArc dt {
        margin-top: 20px;
    }

    .memberAgreePage div:first-child div.memberAgreePageArc dt {
        margin: 0px 0px 30px 30px;
        line-height: 21px;
    }

    .memberAgreePage div.memberAgreePageContent {
        border-top: #d2d2d2 1px solid;
        margin-bottom: 20px;
    }

    .memberAgreePage div:nth-child(1) {
        margin-bottom: 12px;
    }

    .memberAgreePage div:nth-child(4) {
        margin-bottom: 0px;
    }

    .memberAgreePage > div:last-child {
        margin-bottom: 100px;
    }

    .memberAgreePage div div.memberAgreePageArc li {
        width: 100%;
        padding-top: 9px;
    }

        .memberAgreePage div div.memberAgreePageArc li span.radioArc {
            display: inline-block;
            margin: 10px 20px 20px 0px;
        }

        .memberAgreePage div div.memberAgreePageArc li dt {
            width: 107px;
            float: left;
        }

        .memberAgreePage div div.memberAgreePageArc li pre {
            width: calc(100% - 20px);
            height: 360px;
            padding: 10px;
            font-size: 12px;
            line-height: 19px;
            overflow: auto;
            color: #868e96;
            border: #d2d2d2 1px solid;
        }

    .memberAgreePage div:nth-child(4) div.memberAgreePageArc li pre {
        height: 230px;
    }
    /* 웹회원 일반회원 가입인증 */
    .memberConfirmPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
    }

    .memberConfirmPage div div.memberConfirmPageArc li:nth-child(1), .memberConfirmPage div div.memberConfirmPageArc li:nth-child(2) {
        padding-left: 30px;
    }

    .memberConfirmPage div div.memberConfirmPageArc li:nth-child(2) {
        margin-bottom: 20px;
    }

    .memberConfirmPage div div.memberConfirmPageArc li.arc {
        width: 100%;
        height: 45px;
        padding-top: 12px;
        /* border-top: #d2d2d2 1px solid; */
    }

    .memberConfirmPage div div.memberConfirmPageArc li span.radioArc {
        display: inline-block;
        margin: 10px 20px 20px 0px;
    }

    .memberConfirmPage div div.memberConfirmPageArc li dt {
        display: inline-block;
        width: 30%;
        float: left;
    }

    .memberConfirmPage div div.memberConfirmPageArc li dd {
        display: inline-block;
        width: 70%;
    }

    .memberConfirmPage div div.memberConfirmPageArc li:last-child {
        margin-bottom: 95px;
    }
    /* 웹회원 일반회원 회원정보입력 */
    .memberInformationPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
        line-height: 21px;
    }

    .memberInformationPage div div {
        width: 100%;
    }

        .memberInformationPage div div.memberInformationPageNm dt {
            margin-bottom: 20px;
        }

        .memberInformationPage div div.memberInformationPageArc > li {
            width: 100%;
            min-height: 43px;
            padding-top: 15px;
            border-top: #d2d2d2 1px solid;
        }

            .memberInformationPage div div.memberInformationPageArc > li:nth-child(2), .memberInformationPage div div.memberInformationPageArc > li:nth-child(3) {
                /* height: 65px; */
            }

            .memberInformationPage div div.memberInformationPageArc > li:nth-child(7) {
                /* height: 85px; */
            }

            .memberInformationPage div div.memberInformationPageArc > li:nth-child(10) {
                /* height: 200px; */
            }

            .memberInformationPage div div.memberInformationPageArc > li:nth-child(11) {
                /* height: 100px; */
            }

            .memberInformationPage div div.memberInformationPageArc > li dt {
                width: 25%;
                padding-top: 3px;
                float: left;
            }

            .memberInformationPage div div.memberInformationPageArc > li dd {
                width: 75%;
                display: inline-block;
            }

            .memberInformationPage div div.memberInformationPageArc > li span.birthDate {
                display: block;
                margin-bottom: 10px;
            }

            .memberInformationPage div div.memberInformationPageArc > li span.radioArc {
                display: inline-block;
                margin-right: 20px;
            }

            .memberInformationPage div div.memberInformationPageArc > li .emailId {
                width: calc(100% - 54px);
            }

            .memberInformationPage div div.memberInformationPageArc > li .dot {
                width: 30px;
                display: inherit;
                text-align: center;
            }

            .memberInformationPage div div.memberInformationPageArc > li .emailAddr {
                margin-top: 10px;
            }

            .memberInformationPage div div.memberInformationPageArc > li:last-child {
                padding-bottom: 100px;
                padding-top: 30px;
                border-top: 0px;
            }

    .memberInformationPageArc .arc > dd > .inputArc {
        width: 100%;
    }

    .memberInformationPageArc .arc .noInput {
        padding-top: 3px;
    }

        .memberInformationPageArc .arc .noInput .agreeInfo, .memberInformationPageArc .arc .noInput .agreeInfoTable {
            width: 100%;
            margin-top: 5px;
            display: block;
        }

    .agreeInfoTable .agreeInfoArc, .agreeInfoTable .agreeInfoArc > span {
        width: 100%;
        float: left;
    }

        .agreeInfoTable .agreeInfoArc > span.title {
            width: calc(100% - 30px);
            margin-top: 15px;
            margin-left: 30px;
        }

        .agreeInfoTable .agreeInfoArc > .title:first-child {
            margin-top: 5px;
        }
    /* 리움프렌즈 회원가입 */
    .memberLeeumPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
        line-height: 21px;
    }

    .memberLeeumPage div div:nth-child(1) {
        width: 30%;
        float: left;
    }

    .memberLeeumPage div div:nth-child(2) {
        width: 70%;
    }

    .memberLeeumPage div div:nth-child(3) {
        width: 100%;
    }

    .memberLeeumPage div:first-child div, .memberLeeumPage div:last-child div {
        width: 100%;
    }

    .memberLeeumPage .memberLeeumPageContent:first-child {
        border-top: 0px;
        margin-bottom: 30px;
    }

    .memberLeeumPage div div.memberLeeumPageNm dt, .memberLeeumPage div div.memberLeeumPageArc dt {
        width: 100%;
        display: block;
        margin-top: 20px;
        margin-bottom: 12px;
    }

    .memberLeeumPage .memberLeeumPageContent:first-child div dt {
        margin-top: 10px;
        border-top: 0px;
    }

    .memberLeeumPage .memberLeeumPageContent:first-child div.memberLeeumPageArc dt, .memberLeeumPage .memberLeeumPageContent:last-child div.memberLeeumPageArc li {
        width: calc(100% - 30px);
        margin-left: 30px;
    }

        .memberLeeumPage .memberLeeumPageContent:last-child div.memberLeeumPageArc li:last-child {
            width: 100%;
            margin-left: 0px;
            margin-top: 40px;
        }

    .memberLeeumPage div.memberLeeumPageContent {
        border-top: #d2d2d2 1px solid;
        margin-bottom: 10px;
    }

    .memberLeeumPage div:nth-child(4) {
        margin-bottom: 0px;
    }

    .memberLeeumPage > div:last-child {
        margin-bottom: 100px;
    }

    .memberLeeumPage div div.memberLeeumPageArc li {
        width: 100%;
        padding-top: 12px;
        display: inline-block;
    }

    .memberLeeumPage div div.memberLeeumPageArc span.radioArc {
        display: inline-block;
        margin: 20px 20px 10px 0px;
    }

    .memberLeeumPage div div.memberLeeumPageArc .emailId {
        width: calc(100% - 54px);
    }

    .memberLeeumPage div div.memberLeeumPageArc .dot {
        width: 30px;
        display: block;
        text-align: center;
    }

    .memberLeeumPage div div.memberLeeumPageArc .emailAddr {
        margin-bottom: 10px;
    }

    .memberLeeumPageArc .inputArc {
        width: 100%;
    }

    .memberLeeumPage div div.memberLeeumPageArc span.arcDesc {
        display: block;
        float: left;
        width: calc(100% - 40px);
    }

    .memberLeeumPage div div.memberLeeumPageArc > .arcDesc:last-child {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .memberLeeumPage div .inputArea {
        margin-top: 15px;
    }

        .memberLeeumPage div .inputArea input[type="text"] {
            margin-bottom: 8px;
        }

    .memberLeeumPage div div.memberLeeumPageArc li pre {
        width: calc(100% - 25px);
        height: 360px;
        padding: 12px;
        font-size: 12px;
        line-height: 19px;
        overflow: auto;
        color: #868e96;
        border: #d2d2d2 1px solid;
    }

    .memberLeeumPageContent .memberLeeumPageArc .arc .LeeumInfoTable {
        width: 100%;
        margin-bottom: 10px;
        display: inline-block;
    }

    .LeeumInfoTable .LeeumInfoArc {
        width: 100%;
        display: inline-block;
        border-bottom: #d2d2d2 1px solid;
    }

        .LeeumInfoTable .LeeumInfoArc > span:first-child {
            width: 30%;
            display: block;
            float: left;
            margin-top: 12px;
        }

        .LeeumInfoTable .LeeumInfoArc > span:last-child {
            width: 70%;
            display: block;
            float: left;
            margin-top: 12px;
            margin-bottom: 12px;
        }

        .LeeumInfoTable .LeeumInfoArc:first-child span {
            margin-top: 0px;
        }

        .LeeumInfoTable .LeeumInfoArc > span > span {
            width: 100%;
            display: block;
        }

    .memberLeeumPage div div.memberLeeumPageArc.payment li:nth-child(2) {
        width: 25%;
        display: block;
        float: left;
        padding: 0px;
    }

    .memberLeeumPage div div.memberLeeumPageArc.payment li:nth-child(3) {
        width: 66%;
        height: 60px;
        display: block;
        float: right;
        margin: 0px;
        padding: 0px;
    }

        .memberLeeumPage div div.memberLeeumPageArc.payment li:nth-child(3) > span {
            width: 100%;
            display: block;
            margin-bottom: 8px;
        }

    .popupNoAgree {
        position: fixed;
        top: calc((100vh - 144px) / 2);
        left: 20px;
        width: calc(100% - 80px);
        height: 104px;
        background-color: #ffffff;
        border: 1px #d2d2d2 solid;
        padding: 20px;
        z-index: 100003;
    }

        .popupNoAgree li {
            width: 100%;
        }

            .popupNoAgree li .btn_wh {
                margin-top: 40px;
                width: calc(100% - 40px);
            }

    .popupCloseIcon {
        float: right;
        width: 14px;
        height: 14px;
        display: block;
        background-color: #000000;
        border: 1px #000000 solid;
        border-radius: 14px;
        cursor: pointer;
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .popupComplete {
        position: fixed;
        top: calc((100vh - 284px) / 2);
        left: 20px;
        width: calc(100% - 80px);
        height: 244px;
        background-color: #ffffff;
        border: 1px #d2d2d2 solid;
        padding: 20px;
        z-index: 100003;
    }

        .popupComplete li {
            width: 100%;
        }

            .popupComplete li:nth-child(1) span:first-child {
                width: calc(100% - 20px);
                display: block;
                margin-bottom: 5px;
                float: left;
            }

            .popupComplete li:nth-child(2) span:first-child {
                width: calc(100% - 50px);
                margin-left: 30px;
                margin-bottom: 5px;
                display: block;
            }

            .popupComplete li .completeDesc {
                width: calc(100% - 50px);
                display: block;
                height: 25px;
            }

            .popupComplete li .btn_wh {
                margin-top: 40px;
                width: calc(100% - 40px);
            }

    .popupViewTerms {
        position: fixed;
        top: calc((100vh - (100vh - 200px)) / 2);
        left: 20px;
        width: calc(100% - 80px);
        height: calc(100vh - 200px);
        background-color: #ffffff;
        border: 1px #d2d2d2 solid;
        padding: 20px;
        z-index: 100003;
    }

        .popupViewTerms li {
            width: 100%;
        }

            .popupViewTerms li:nth-child(1) span:first-child {
                width: calc(100% - 20px);
                display: block;
                margin-bottom: 5px;
                float: left;
            }

            .popupViewTerms li:nth-child(2) {
                height: calc(100vh - 240px);
                overflow: auto;
                margin-top: 40px;
                font-size: 14px;
                line-height: 23px;
            }

                .popupViewTerms li:nth-child(2) dd {
                    width: calc(100% - 30px);
                    margin-left: 30px;
                }

    .popupViewPersonalInfo {
        position: fixed;
        top: 50%;
        left: 50%;
        width: calc(100% - 80px);
        height: 85%;
        transform: translate(-50%,-50%);
        background-color: #ffffff;
        border: 1px #868e96 solid;
        padding: 20px;
        z-index: 100023;
    }

        .popupViewPersonalInfo li {
            width: 100%;
        }

            .popupViewPersonalInfo li:nth-child(1) span:nth-child(3)  { cursor: pointer; }

            .popupViewPersonalInfo li:nth-child(1) span:first-child, .popupViewPersonalInfo li:nth-child(1) span:nth-child(2) {
                width: calc(100% - 45px);
                display: block;
                margin-bottom: 10px;
                float: left;
            }

                .popupViewPersonalInfo li:nth-child(1) span:nth-child(2) select {
                    margin-top: 10px;
                }

            .popupViewPersonalInfo li:nth-child(2) {
                height: calc(100vh - 300px);
                overflow: auto;
                margin-top: 40px;
                font-size: 14px;
                line-height: 23px;
            }

                .popupViewPersonalInfo li:nth-child(2) dd.descLv2 {
                    width: calc(100% - 20px);
                    margin-left: 20px;
                }

                .popupViewPersonalInfo li:nth-child(2) dd.descLv3 {
                    width: calc(100% - 40px);
                    margin-left: 40px;
                }

                .popupViewPersonalInfo li:nth-child(2) dd.descLv4 {
                    width: calc(100% - 60px);
                    margin-left: 60px;
                }

                .popupViewPersonalInfo li:nth-child(2) dd.descLv5 {
                    width: calc(100% - 80px);
                    margin-left: 80px;
                }

                .popupViewPersonalInfo li:nth-child(2) dd.descLv3 > .desc {
                    display: inline-block;
                    width: calc(100% - 40px);
                }

                .popupViewPersonalInfo li:nth-child(2) dd.descLv3 > .gridTitle, .popupViewPersonalInfo li:nth-child(2) dd.descLv3 > .gridCont {
                    display: inline-block;
                    width: 100%;
                    padding: 5px 0px 5px 0px;
                    border-top: 1px #d2d2d2 solid;
                }

    .descLv3 > .gridTitle {
        margin-top: 20px;
    }

    .descLv3 > .gridCont:last-child {
        margin-bottom: 20px;
        border-bottom: 1px #d2d2d2 solid;
    }

    .descLv3 > .gridTitle > span, .descLv3 > .gridCont > span {
        display: block;
        width: 50%;
        float: left;
    }

    .descLv3 > .gridTitle > span {
        text-align: center;
    }
    /* mypage*/
    .mypageTitle {
        width: 100%;
        display: flex;
        margin-top: 150px;
    }

        .mypageTitle ul li {
            width: calc(50% - 30px);
            float: left;
            margin-bottom: 20px;
            margin-left: 20px;
            font-size: 14px !important;
            line-height: 22px !important;
        }

            .mypageTitle ul li:last-child span {
                margin-bottom: 5px;
                float: left;
                margin-left: 10px;
                width: 100%;
            }

                .mypageTitle ul li:last-child span.off {
                    color: #868e96;
                    display: none;
                }

            .mypageTitle ul li:last-child .mypageMenuArrow {
                font-size: 25px !important;
                line-height: 5px;
                float: right;
                color: #000000;
            }

                .mypageTitle ul li:last-child .mypageMenuArrow.up {
                    font-size: 23px !important;
                    font-family: AkzidenzGrotesk-Medium;
                    line-height: 25px;
                }

                .mypageTitle ul li:last-child .mypageMenuArrow.down {
                    line-height: 5px;
                }

        .mypageTitle ul:nth-child(2) li:first-child {
            width: 0%;
        }

        .mypageTitle ul:nth-child(2) li:last-child {
            width: calc(100% - 30px);
        }

            .mypageTitle ul:nth-child(2) li:last-child span {
                margin-left: 30px;
                width: calc(100% - 40px);
                margin-bottom: 0px;
            }

        .mypageTitle .mypageTabArea {
            display: flex;
            flex-wrap: wrap;
        }
    /*mypage - 회원가입*/
    .mypageMemberInfo.mypageTab01 {
        order: 1;
    }

    .mypageMemberInfo.mypageTab02 {
        order: 2;
    }

    .mypageMemberInfo.mypageTab03 {
        order: 3;
    }

    .mypageMemberInfo.mypageTab04 {
        order: 4;
    }

    .mypageMemberInfo.mypageTab05 {
        order: 5;
    }

    .mypageMemberInfo.mypageTab06 {
        order: 6;
    }

    .mypageMemberInfoPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
    }

    .mypageMemberInfoPage div div {
        width: 100%;
        float: left;
    }

        .mypageMemberInfoPage div div.mypageMemberInfoPageNm dt {
            margin-top: 10px;
        }

        .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li {
            width: calc(100% - 30px);
            margin-left: 30px;
            min-height: 43px;
            padding-top: 15px;
            border-top: #d2d2d2 1px solid;
            display: inline-block;
        }

            .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li:first-child {
                border-top: 0px;
                padding-top: 12px;
            }

            .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li:nth-child(3), .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li:nth-child(5) {
                height: 65px;
            }

            .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li dt {
                width: 25%;
                padding-top: 3px;
                float: left;
            }

            .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li dd {
                width: 75%;
                display: inline-block;
            }

            .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li .mypageEmailDesc {
                width: 100%;
            }

                .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li .mypageEmailDesc span.arcDesc {
                    display: inline-block;
                    width: calc(100% - 40px);
                    padding-bottom: 5px;
                }

            .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li .passwordInput {
                width: calc(100% - 20px);
                float: left;
            }

    .mypageMemberInfoPageArc .arc .noInput {
        padding-top: 3px;
    }

    .mypageMemberInfoPageArc .arc .phoneNumber {
        width: 100%;
        display: inline-block;
    }

    .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li .change {
        margin-top: 3px;
    }

        .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li .change.viewMoreText {
            font-size: 14px;
        }

    .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li span.radioArc {
        display: inline-block;
        margin-right: 20px;
    }

    .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li .emailAddr {
        width: 100%;
        margin: 10px 0px 10px 0px;
    }

    .mypageMemberInfoPage div div.mypageMemberInfoPageArc > li:last-child {
        width: 100%;
        height: 100px;
        margin-left: 0px;
        margin-bottom: 100px;
        padding-top: 30px;
    }
    /* mypage - 프로그램접수확인 */
    .programAccept.mypageTab01 {
        order: 2;
    }

    .programAccept.mypageTab02 {
        order: 1;
    }

    .programAccept.mypageTab03 {
        order: 3;
    }

    .programAccept.mypageTab04 {
        order: 4;
    }

    .programAccept.mypageTab05 {
        order: 5;
    }

    .programAccept.mypageTab06 {
        order: 6;
    }

    .programAcceptList div:first-child {
        width: calc(35% - 20px);
        margin-left: 20px;
        float: left;
    }

    .programAcceptList div:last-child {
        width: calc(65% - 20px);
    }

    .programAcceptList div li {
        width: 100%;
        float: left;
        font-size: 14px !important;
        padding-top: 16px;
        padding-bottom: 16px;
        border-top: #d2d2d2 1px solid;
        font-family: AkzidenzGrotesk-Medium;
        cursor: pointer;
    }

        .programAcceptList div li:last-child {
            border-bottom: #d2d2d2 1px solid;
        }

    .programAcceptListPage {
        width: 100%;
        margin-top: 60px;
        text-align: center;
        margin-bottom: 60px;
    }

        .programAcceptListPage span {
            display: inline-block;
            width: 36px;
            height: 36px;
            font-size: 14px;
            line-height: 36px !important;
            color: #868e96;
        }

            .programAcceptListPage span.on {
                border-radius: 36px;
                border: 1px solid #868e96;
            }

    .programAcceptDesc {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-bottom: 100px;
    }

        .programAcceptDesc > span.payDesc {
            font-size: 14px !important;
            width: calc(100% - 40px);
            float: left;
            display: block;
        }

    /* mypage - 멤버십신청내역 */
    .membershipAccpt.mypageTab01 {
        order: 2;
    }

    .membershipAccpt.mypageTab02 {
        order: 3;
    }

    .membershipAccpt.mypageTab03 {
        order: 1;
    }

    .membershipAccpt.mypageTab04 {
        order: 4;
    }

    .membershipAccpt.mypageTab05 {
        order: 5;
    }

    .membershipAccpt.mypageTab06 {
        order: 6;
    }

    .membershipAccptList div:first-child {
        width: calc(35% - 20px);
        margin-left: 20px;
        float: left;
    }

    .membershipAccptList div:last-child {
        width: calc(65% - 20px);
    }

    .membershipAccptList div li {
        width: 100%;
        float: left;
        font-size: 14px !important;
        padding-top: 16px;
        padding-bottom: 16px;
        border-top: #d2d2d2 1px solid;
        font-family: AkzidenzGrotesk-Medium;
        cursor: pointer;
    }

        .membershipAccptList div li:last-child {
            border-bottom: #d2d2d2 1px solid;
        }

    .membershipAccptListPage {
        width: 100%;
        margin-top: 60px;
        text-align: center;
        margin-bottom: 60px;
    }

        .membershipAccptListPage span {
            display: inline-block;
            width: 36px;
            height: 36px;
            font-size: 14px;
            line-height: 36px !important;
            color: #868e96;
        }

            .membershipAccptListPage span.on {
                border-radius: 36px;
                border: 1px solid #868e96;
            }
    /* mypage - 기프트멤버십구매내역 */
    .membershipBuyAccpt.mypageTab01 {
        order: 2;
    }

    .membershipBuyAccpt.mypageTab02 {
        order: 3;
    }

    .membershipBuyAccpt.mypageTab03 {
        order: 4;
    }

    .membershipBuyAccpt.mypageTab04 {
        order: 1;
    }

    .membershipBuyAccpt.mypageTab05 {
        order: 5;
    }

    .membershipBuyAccpt.mypageTab06 {
        order: 6;
    }

    .membershipBuyAccptList div:first-child {
        width: calc(35% - 20px);
        margin-left: 20px;
        float: left;
    }

    .membershipBuyAccptList div:last-child {
        width: calc(65% - 20px);
    }

    .membershipBuyAccptList div li {
        width: 100%;
        float: left;
        font-size: 14px !important;
        padding-top: 16px;
        padding-bottom: 16px;
        border-top: #d2d2d2 1px solid;
        font-family: AkzidenzGrotesk-Medium;
        cursor: pointer;
    }

        .membershipBuyAccptList div li:last-child {
            border-bottom: #d2d2d2 1px solid;
        }

    .membershipBuyAccptListPage {
        width: 100%;
        margin-top: 60px;
        text-align: center;
        margin-bottom: 60px;
    }

        .membershipBuyAccptListPage span {
            display: inline-block;
            width: 36px;
            height: 36px;
            font-size: 14px;
            line-height: 36px !important;
            color: #868e96;
        }

            .membershipBuyAccptListPage span.on {
                border-radius: 36px;
                border: 1px solid #868e96;
            }
    /* mypage - 이수증수료증*/
    .certificate.mypageTab01 {
        order: 2;
    }

    .certificate.mypageTab02 {
        order: 3;
    }

    .certificate.mypageTab03 {
        order: 4;
    }

    .certificate.mypageTab04 {
        order: 5;
    }

    .certificate.mypageTab05 {
        order: 1;
    }

    .certificate.mypageTab06 {
        order: 6;
    }

    .mypageCertificatePage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
    }

        .mypageCertificatePage > div:nth-child(2) {
            border-top: #d2d2d2 1px solid;
        }

        .mypageCertificatePage > div:last-child {
            margin-bottom: 100px;
        }

    .mypageCertificatePage div div.mypageCertificatePageNm {
        width: 100%;
        float: left;
    }

        .mypageCertificatePage div div.mypageCertificatePageNm dt {
            margin-top: 10px;
            margin-bottom: 18px;
            float: left;
        }

        .mypageCertificatePage div div.mypageCertificatePageNm span {
            font-size: 20px !important;
            line-height: 23px;
            margin-left: 10px;
        }

    .mypageCertificatePage div div.mypageCertificatePageArc {
        width: 100%;
    }

        .mypageCertificatePage div div.mypageCertificatePageArc > li {
            width: 100%;
            min-height: 43px;
            padding-top: 15px;
            border-top: #d2d2d2 1px solid;
        }

            .mypageCertificatePage div div.mypageCertificatePageArc > li img {
                width: 100%;
            }

    .mypageCertificatePage > div:nth-child(2) div.mypageCertificatePageArc > li {
        border-top: 0px;
    }
    /* mypage - 회원탈퇴*/
    .mypageMemberOut.mypageTab01 {
        order: 2;
    }

    .mypageMemberOut.mypageTab02 {
        order: 3;
    }

    .mypageMemberOut.mypageTab03 {
        order: 4;
    }

    .mypageMemberOut.mypageTab04 {
        order: 5;
    }

    .mypageMemberOut.mypageTab05 {
        order: 6;
    }

    .mypageMemberOut.mypageTab06 {
        order: 1;
    }

    .mypageMemberOutPage > div {
        width: calc(100% - 40px);
        margin-left: 20px;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 14px;
    }

    .mypageMemberOutPage div div.mypageMemberOutPageNm {
        width: 100%;
        float: left;
    }

        .mypageMemberOutPage div div.mypageMemberOutPageNm dt {
            margin-top: 10px;
        }

    .mypageMemberOutPage div div.mypageMemberOutPageArc {
        width: calc(100% - 30px);
        margin-left: 30px;
    }

        .mypageMemberOutPage div div.mypageMemberOutPageArc > ul {
            width: 100%;
        }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li {
                width: 100%;
                min-height: 30px;
                padding-top: 20px;
                padding-bottom: 15px;
                display: inline-block;
                border-bottom: #d2d2d2 1px solid;
            }

                .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li dt, .mypageMemberOutPage div div.mypageMemberOutPageArc > ul:first-child > li dd:first-child {
                    width: 25%;
                    padding-bottom: 4px;
                    float: left;
                }

                .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li dd {
                    width: 75%;
                    display: inline-block;
                }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul:nth-child(4) > li dt, .mypageMemberOutPage div div.mypageMemberOutPageArc > ul:nth-child(5) > li dt {
                width: calc(100% - 30px);
                margin-left: 30px;
                display: inline-block;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul:nth-child(4) > li dd, .mypageMemberOutPage div div.mypageMemberOutPageArc > ul:nth-child(5) > li dd {
                width: 100%;
                display: inline-block;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li span.arcDesc {
                display: inline-block;
                width: calc(100% - 40px);
                min-height: 25px;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li .passwordInput {
                width: 250px;
                float: left;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li .change {
                margin-top: 3px;
            }

                .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li .change.viewMoreText {
                    font-size: 14px;
                }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul > li span.radioArc {
                display: inline-block;
                margin-right: 20px;
            }

            .mypageMemberOutPage div div.mypageMemberOutPageArc > ul:last-child > li:last-child {
                margin-bottom: 100px;
                border: 0px;
            }
    /*공통*/
    .btn_wh {
        display: inline-block;
        width: 100%;
        margin-top: 10px;
        padding: 8px 20px 8px 20px;
        border: #d2d2d2 1px solid;
        font-size: 14px !important;
        color: #868e96;
		cursor:pointer;
    }

    .btn_gr {
        display: inline-block;
        width: 100%;
        margin-top: 10px;
        padding: 8px 20px 8px 20px;
        background-color: #868e96;
        font-size: 14px !important;
        color: #ffffff;
		cursor:pointer;
    }
    /* 추가 : 2022.03.22 */
    .btn_bk {
        display: inline-block;
        width: 100%;
        margin-top: 10px;
        padding: 8px 20px 8px 20px;
        background-color: #000000;
        font-size: 14px !important;
        color: #ffffff;
		cursor:pointer;
		box-sizing:border-box;
    }


        .btn_wh > span:first-child, .btn_gr > span:first-child {
            line-height: 25px;
            float: left;
        }

        .btn_wh > span:last-child, .btn_gr > span:last-child {
            font-size: 20px !important;
            margin-left: 10px;
            float: right;
        }

    .textPoint {
        width: 5px;
        height: 5px;
        display: block;
        border: 1px #000000 solid;
        border-radius: 5px;
        margin: 10px 10px 5px 5px;
        float: left;
    }

    .prevNextLine {
        width: calc(100% - 40px);
        border-bottom: #868e96 1px solid;
        border-top: #868e96 1px solid;
        margin-top: 80px;
        margin-left: 20px;
        margin-bottom: 24px;
    }

    .mbOnly {
        display: block;
    }

    .pcOnly {
        display: none !important;
    }

    .bottomLine {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
        border-bottom: #d2d2d2 1px solid;
    }

    .submenu {
        display: none;
    }

    .goToListArea {
        width: 100%;
        display: flex;
    }

        .goToListArea ul {
            display: flex;
        }
}


/* @media all and (max-width:649px) {
    
} */
.mobile_modal_wrap {
    overflow: hidden;
    background-color: rgb(255, 255, 255, 0.8);
    position: fixed;
    top: 0;
    display: block;
    width: 100%;
    height: 100vh;
    z-index: 100002;
}

.mbSubmenu span {
    display: inline-block;
    width: 100%;
    padding: 2%;
    color: #fff;
}

    .mbSubmenu span:first-child {
        margin-top: 4%;
    }

.mbSubmenuArrow {
    font-size: 9px;
    position: absolute;
    top: 30px;
    display: block;
    right: 20px;
    z-index: 100000;
    color: #fff;
}

/**** 애니메이션 따로모음 ****/
@keyframes arr-ani {
    0% {
        top: 84%;
    }

    50% {
        top: 86%;
    }

    100% {
        top: 84%;
    }
}

@-webkit-keyframes arr-ani {
    0% {
        top: 84%;
    }

    50% {
        top: 86%;
    }

    100% {
        top: 84%;
    }
}

@-moz-keyframes arr-ani {
    0% {
        top: 84%;
    }

    50% {
        top: 86%;
    }

    100% {
        top: 84%;
    }
}

@-o-keyframes arr-ani {
    0% {
        top: 84%;
    }

    50% {
        top: 86%;
    }

    100% {
        top: 84%;
    }
}

@-ms-keyframes arr-ani {
    0% {
        top: 84%;
    }

    50% {
        top: 86%;
    }

    100% {
        top: 84%;
    }
}

/*** mobile_menu ***/
@media all and (min-width:650px) and (max-width:1079px) {
    #m_menu_content ul li {
        width: 100%;
        padding: 5% 0;
        text-align: center;
        border-bottom: 1px solid #555
    }

        #m_menu_content ul li a {
            display: block;
            width: 100%;
            color: #fff;
            font-size: 3vw;
        }
}

@media all and (max-width:649px) {
    #m_menu_content ul li {
        width: 100%;
        padding: 7% 0;
        text-align: center;
        border-bottom: 1px solid #555
    }

        #m_menu_content ul li a {
            display: block;
            width: 100%;
            color: #fff;
            font-size: 4vw;
        }

        .memberInformationPageArc .arc .phoneNumber {
            width: 100%;
            display: block;
        }        
}