@charset "utf-8";
@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
.teensWorkBookList{display: flex;flex-wrap: wrap;}

.collectListTraditionalA > div{align-self:flex-end;}
.collectListTraditionalA > div li dd{height: 75px;}
.collectListTraditionalB > div{align-self:flex-start;}

footer>ul{width: 100% !important;}
.RejectionEmail {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 670px;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    border: 1px #d2d2d2 solid;
    padding: 20px;
    z-index: 100003;
    display: none;
}
.RejectionEmail ul {
    width: 100%;
    display: inline-block;
    border-bottom: 1px #d2d2d2 solid;
    vertical-align: bottom;
}
.RejectionEmail ul:first-child, .RejectionEmail ul:last-child {
    border-bottom: 0px;
}
.RejectionEmail ul li {
    float: left;
    padding: 15px 0px 15px 0px;
}
/*.RejectionEmail ul li span{white-space: nowrap;}*/

.RejectionEmail ul li:first-child {
    width: 80%;
}
.RejectionEmail ul li:not(:first-child) {
    /*width: calc(100% - 400px);*/
    width: 20%;
}
.RejectionEmail ul li textarea {
    width: 100%;
    height: 180px;
    resize: none;
    margin-bottom: 10px;
}
.RejectionEmail ul li input[type="text"], .RejectionEmail ul li select {
    width: calc((100% - 38px) / 3);
    float: left;
}
.RejectionEmail ul li select {
    margin-right: 5px;
}
.RejectionEmail ul li .dot {
    width: 25px;
    text-align: center;
    display: block;
    float: left;
}
.RejectionEmail ul li .emailTitle {
    width: 100% !important;
}
.RejectionEmail ul li .emailInfo {
    line-height: 23px;
    color: #868e96;
}
.RejectionEmail ul:last-child li {
    width: 100%;
    padding: 0px;
}
.RejectionEmail ul:last-child li:first-child {
    padding: 15px 0px 0px 0px;
}
.RejectionEmail ul:last-child li:last-child {
    padding: 10px 0px 0px 0px;
}
.RejectionEmail ul:first-child li {
    padding: 0px 0px 15px 0px;
}
.RejectionEmail ul:first-child li:last-child span {
    float: right;
    cursor: pointer;
}
.RejectionEmail ul:last-child li:nth-child(2) .btn_wh {
    width: 170px;
}
.RejectionEmail ul:last-child li:last-child .btn_wh {
    width: 50%;
}




.applyInfo{text-align: center;padding:30px 0;}
.btn_wrap2{display: flex !important;justify-content: flex-end;}
.btn_wrap2 p{padding-left: 20px;}
.gift-acc-view{width: 100% !important;padding:50px 0;box-sizing: border-box;margin:0 !important}
.gift-acc-view div{margin:0 !important;width: 100% !important;}
.gift-acc-view table{width: 90%;margin:auto;overflow-x: scroll;min-width: 890px}
.gift-acc-view table caption{padding:20px 0;font-weight: 500;font-size: 16px;margin-bottom: 10px;background:#f0f0f0;line-height: 25px;}
.gift-acc-view table thead tr{}
.gift-acc-view table thead tr th{width: 25%;padding:10px 0;border:1px solid #ddd}
.gift-acc-view table tbody tr{}
.gift-acc-view table tbody tr th{border:1px solid #ddd;vertical-align: middle;}
.gift-acc-view table tbody tr td{text-align: center;padding:15px 0;border:1px solid #ddd}
.btn_area{overflow: hidden;position: relative;padding:15px 0;text-align: right;}
.btn_area p{padding-right: 5%;}
.view_warp{}
.view_warp h4{padding-left: 5%;padding-bottom: 10px;}
.view_warp h5{padding-left: 6%;padding-bottom: 20px;}
/* .btn_area p a{display: block;background-color: #434343;} */

.listPart{width: 100% !important;margin:0 !important}
.sideMenu{position: absolute;left:40px;top:70px;}
.sideMenu ul{width: auto !important;}
.sideMenu ul li{margin:0 !important;width: auto !important;padding-bottom: 5px;}
.sideMenu ul li a{display: block;padding:3px 15px 3px 0;color:#000;font-size:14px;box-sizing: border-box;line-height: 21px;}

.longIpt{width: 100%;max-width: 374px;}
.phoneNumber{width: 100%;max-width: 374px;margin-right: 20px;}
#txtAddress1{width: 100%;max-width: 360px;}
#txtAddress2{width: 100%;max-width: 360px;}
/* .top_content ul li{overflow: hidden;} */
.snss{padding-top:10px;}
.btn_gr a{color:#fff;}
/* .goToListArea .btn_gr{width: auto;padding:10px;} */
.goToListArea .btn_gr a{font-size: 14px !important;color:#fff !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
.goToListArea .btn_gr span{font-size: 14px !important;color:#fff;} 
div.btn_area2{width: 100% !important;padding:20px 0 !important;white-space: nowrap;}
.btn_area p{display: inline-block;padding-right: 20px;}
.btn_area p a{color:#000;}
dt.listT1{min-height: 48px;display: block;max-height: 48px;overflow: hidden;text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    word-wrap: break-word;
    white-space: normal;
}
span.listT2{min-height: 38px;display: block;max-height: 38px;overflow: hidden;text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    word-wrap: break-word;
    white-space: normal;
    line-height: 21px;
}
.memberInformationPageArc .arc2{padding:10px;border-bottom: 1px solid #d0d0d0;width: 100%;max-width: 480px;margin:auto}

.accptTx{display: flex !important;}
.accptTx li{width: 12.5% !important;flex-grow: 1;text-align: center;padding-bottom: 26px !important;}
.accptLists{display: flex !important;}
.accptLists li{width: 12.5% !important;flex-grow: 1;text-align: center;padding-bottom: 26px !important;}


.memberInfo1{padding-left: 40px;}
.memberTd{display: flex !important;}
.memberTd li{width: 16% !important;flex-grow: 1;text-align: center;padding-bottom: 26px !important;}

.memberLists{display: flex !important;}
.memberLists li{width: 16% !important;flex-grow: 1;text-align: center;}

.noLists{width: 100% !important;}
.noLists li{width: 100% !important;padding:15vh 0 !important;text-align: center;}
.programNav{display: flex !important;}
.programNav li{width:14.28% !important;flex-grow: 1;text-align: center;}
.programLists{display: flex !important;}
.programLists li{width: 14% !important;flex-grow: 1;text-align: center;}
#txtMembership{margin-left: 20px;}
.mypageMemberInfoPage>div{margin-bottom: 50px;}
.joinTxTop{margin-top: 10px;}
.joinTxTop2{padding-top: 60px;}
.joinTxTop3{margin-top: 50px;}
.right{float: right;}
.pre01{margin-top: 10px;}

.memberConfirmPage div div.memberConfirmPageArcCenter{width: 100% !important;padding:50px 0;}
.completeTx{text-align: center;padding-bottom: 50px;}
.memberConfirmPage div div.memberConfirmPageArcCenter .btn_gr{}
.memberConfirmPage div div.memberConfirmPageArcCenter .btn_gr a{color:#fff;}

.colImgBx .bx-wrapper .bx-controls-direction a{text-indent: 0;color:#a5a5a5;font-size: 16px;cursor: pointer;margin:0;line-height: 25px;text-transform: uppercase;}
.colImgBx .bx-wrapper .bx-prev{bottom: -40px;top:inherit;right:70px;left: inherit;}
.colImgBx .bx-wrapper .bx-next{bottom: -40px;top:inherit;right:10px;}

.collectionDtlContent .bx-wrapper .bx-controls-direction a{text-indent: 0;color:#a5a5a5;font-size: 16px;cursor: pointer;margin:0;line-height: 25px;text-transform: uppercase;}
.collectionDtlContent .bx-wrapper .bx-prev{bottom: -40px;top:inherit;right:70px;left: inherit;}
.collectionDtlContent .bx-wrapper .bx-next{bottom: -40px;top:inherit;right:10px;}
.sliderboxing > li{margin:auto !important;width: 100% !important;max-width: 720px;}
.listPart .bx-wrapper .bx-controls-direction a{text-indent: 0;color:#a5a5a5;font-size: 16px;cursor: pointer;margin:0;line-height: 25px;text-transform: uppercase;}
.listPart .bx-wrapper .bx-prev{bottom: -40px;top:inherit;right:70px;left: inherit;}
.listPart .bx-wrapper .bx-next{bottom: -40px;top:inherit;right:10px;}
.objtx2{width: 100%;max-width: 720px;margin:40px auto 10px;padding:30px 0;}
.objtx2 h4{padding:0 0 5px 40px;}
.exSlider .objtx{
    padding:20px 0;
}
.exSlider .objtx h4{padding-left: 20px;box-sizing: border-box;color:#000;}
.exSlider .objtx p{line-height: 25px;font-size: 16px;color:#000;word-break: keep-all;}
.exSlider .objtx p span{display: block;padding-bottom: 20px;}
.exSlider li{margin-left: auto !important;margin-top:auto !important}
.scrollBx{display: flex !important;height: auto;align-items: center;min-height: 500px;background-color: #000;overflow: hidden;}
.scrollBx img{height: auto;width: auto !important;max-height: 500px;}
/* .scrollBx img{} */
    
.introVedio{position: fixed;left:0;top:0;right:0;bottom: 0;z-index: 99999;background-color: #000;transition: .4s;display: none;}
.introVedio video{width: 100%;height: 100%;}

/* 메인PC -한글 */
.bxsliderMain li video{height: 65vh;width: 100%;object-fit: cover;}
.grid1360{
    width: 100%;
    max-width: 1360px;
    margin:auto;
}
.grid1360::after{
    clear: both;
    content: '';
    display: block;
}
.grid1440{
    width: 100%;
    max-width: 1440px;
    margin:auto;
}
.grid1440::after{
    clear: both;
    content: '';
    display: block;
}
.VhWrap {
    height: 100vh;
    max-height: 100vh;
    position: relative;
}

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

#visual>p {
    overflow: hidden;
    font-size: 1rem;
    line-height: 1.5625em;
    width: 100%;
    padding-right: 39px;
    padding-bottom: 25px;
    box-sizing: border-box;
    max-width: 1440px;
    margin: auto;
    /* text-align: right; */
}
/* #visual>p.visualKrTx{
    padding-bottom: 0;
}  */

#visual>p span {
    text-align: left;
    float: right;
}

#visual>p::after {
    content: '';
    display: block;
    clear: both;
}
.artistMain{width: 100% !important;max-width: 1360px;margin:auto;}

.exhibitBx{width: 100%;max-width: 1360px;margin:auto;}
.exhibit{}
.exhibit li{box-sizing: border-box;width: 50%;float: left;padding:1px}
.exhibit li img{width: 100%;object-fit: cover;max-height: 375px;}
.exhibit li p{display: flex;font-size: 1rem;line-height: 1.5625em;padding-top: 10px;}
.exhibit li p span{width: 50%;flex-grow: 1;}
.exhibit li p span.exName{color:#1c1c1c;}
.exhibit li p span.exDate{color:#868e96;font-family:AkzidenzGrotesk-Medium;}
.exhibitBx .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:-50px !important;left: 50% !important;transform: translate(-50%, 0) !important;}
.exhibitBx .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{border:1px solid #a5a5a5;background: transparent !important;}
.exhibitBx .bx-wrapper .bx-pager.bx-default-pager a{background: #868e96;}


.bxPager{width: 100% !important;max-width: 1360px;margin:auto;padding-top: 20px !important;}
.bxPager::after{display: block;content: '';clear: both;}
.bxPager li{}
.bxPager li:first-child{float: left;}
.bxPager li:last-child{float: right;}
.bxPager li a{background: #868e96;color:#fff;border-radius: 50%;width: 37px;height: 37px;display: block;text-align: center;line-height: 37px;}


@media all and (min-width:1440px) {


    .contentsBx{
        padding:10px;
    }    
    #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;
        overflow: hidden;
    }
    /* gnb */
    #header {
        position: relative;
    }
    #gnb {
        width: 100%;
        position: fixed;
        z-index: 100;
        overflow: hidden;
        padding: 20px 0 20px;
        background-color: #fff;
        top: 0px;
        left: 0px;
    }
    .logo {
        position: fixed;
        top: 30px;
        right: calc((100% - 1358px) / 2);
        width: auto;
        z-index: 100;
        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;
        line-height: 25px;
        margin-left: 32px;
        line-height: 40px;
        letter-spacing: 0.32px;
    }
    .submenu {
        width: auto;
        padding: 0 16px 0px 15px;
        background-color: #fff;
        display: block;
        position: fixed;
        z-index: 100000;
        top: 52px;
    }
    .submenu ul li {
        margin-left: 0px;
        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;
    }
    /* 210722 update... */
    #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: 360px;
        padding-bottom: 100px;
        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: 50%;
        float: left;
        /* margin-left: 0px; */
        padding-bottom: 24px;
        box-sizing: border-box;
    }
    .main_content .dpTitle ul li:first-child {
        padding-left: 40px;
        font-size: 28px;
    }
    .main_content .dpTitle ul li:last-child {
        padding-left: 38px;
    }    
    .main_content div ul li dt {
        font-size: 16px;
        color:#000;
        line-height: 25px;
        display: block;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        word-wrap: break-word;
        text-overflow: ellipsis;
        overflow: hidden;
        /* max-height: 50px; */
        min-height: 50px;
    }
    .main_content div ul li dt.spaceDt{
        min-height: auto;
	}
    .main_content.englishVersion div ul li dt {
        line-height: 22px;
    }
    .main_content div ul li dd {
        margin: 0px;
    }
    .viewMoreText {
        font-size: 14px;
        line-height: 20px;
        padding-left: 10px;
        color: #868e96;
        float: left;
        margin-right: 8px;
        margin-top: 3px;
        /* padding-left: 10px; */
        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: 3px;
        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: 36px;
        cursor: pointer;
    }
    .artistMain div:nth-child(5n + 1) {
        margin-right: 0px;
    }
    .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: 2px;
    }
    .program div li dd {
        color: #868e96;
        font-family: AkzidenzGrotesk-Medium;
    }
    .program div li img {
        width: 100%;
    }
    .program div:first-child li img {
        height: 584px;
    }
    .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.noBx {
        margin-bottom: 0;
    }
    .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;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        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 {
        box-sizing: border-box;
        position: fixed;
        bottom: 0px;
        z-index: -2;
        width: 100%;
        background-color: #000;
        margin: 0 auto;
        padding: 37px 41px 37px 41px;
        font-size: 16px;
        color: #868e96;
        line-height: 25px;
    }
    footer ul {
        overflow: hidden
    }
    footer ul div {
        width: calc(50% - 41px);
        float: left;
    }
    footer ul li {
        float: left;
        width: 100%;
    }
    footer ul li span {
        margin-bottom: 3px;
        display: inline-block;
    }
    footer ul .left li:first-child {
        margin-bottom: 85px;
    }
    footer ul .left ul:nth-child(1) li:nth-child(2) span {
        cursor: pointer;
    }
    footer ul .right ul li:first-child div {
        width: 120px;
        float: left;
    }
    footer ul .right ul li:first-child div span {
        display: table;
    }
    footer ul .right ul li:first-child div span:first-child {
        width: 100%;
        line-height: 1;
    }
    footer ul .right ul li:first-child div span:not(:first-child) {
        cursor: pointer;
    }
    footer ul .right ul li:first-child {
        margin-bottom: 59px;
    }
    footer ul .right .copyright {
        width: 100% !important;
    }
    footer ul .right .copyright span {
        float: left;
    }
    footer ul .right div select {
        width: 200px;
        height: 42px;
        border: 1px solid #434343;
        background-color: #000;
        color: #868e96;
        float: right;
        margin-top: -17px;
        padding:0 20px;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url('../images/circle.png') no-repeat 90% 50%;
        background-size: 10px;
    }
    footer ul .right div select::-ms-expand{display: none;}
    .menu_wrap_pc {
        display: block;
        z-index: 100;
        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;
    }
    .popupcheck {
        background-color: #d91900;
        border-color: #d91900;
        width: 8px;
        height: 8px;
        display: block;
        position: fixed;
        border-radius: 8px;
        top: 18px;
        left: calc((100% - 1280px) / 2);
    }
    .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;
        cursor: pointer;
    }
    .bottomBar div.popupArea div:first-child>span {
        float: right;
        margin: 0px 16px 10px 0px;
        line-height: 25px;
        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 8px 0px 8px;
        display: none; 
    }
    .bottomBar .popup.on .popupContent {
        padding: 0px 8px 8px 8px;
    }
    .bottomBar .popup.on .popupContent dd {
        opacity: 1;
    }
    .modal {
		display:none;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100vw;
        height: 100vh;
        z-index: 99;
        background: rgba(255, 255, 255, 0.9);
    }
    .popupEmail {
        position: fixed;
        top: calc((100vh - 621px) / 2);
        left: calc((100vw - 625px) / 2);
        width: 625px;
        height: 621px;
        background-color: #ffffff;
        border: 1px #d2d2d2 solid;
        padding: 20px;
        z-index: 100003;
        display: none;
    }
    .popupEmail ul {
        width: 100%;
        display: inline-block;
        border-bottom: 1px #d2d2d2 solid;
        vertical-align: bottom;
    }
    .popupEmail ul:first-child, .popupEmail ul:last-child {
        border-bottom: 0px;
    }
    .popupEmail ul li {
        float: left;
        padding: 15px 0px 15px 0px;
    }
    .popupEmail ul li:first-child {
        width: 96px;
    }
    .popupEmail ul li:not(:first-child) {
        width: calc(100% - 96px);
    }
    .popupEmail ul li textarea {
        width: 100%;
        height: 180px;
        resize: none;
        margin-bottom: 10px;
    }
    .popupEmail ul li input[type="text"], .popupEmail ul li select {
        width: calc((100% - 38px) / 3);
        float: left;
    }
    .popupEmail ul li select {
        margin-right: 5px;
    }
    .popupEmail ul li .dot {
        width: 25px;
        text-align: center;
        display: block;
        float: left;
    }
    .popupEmail ul li .emailTitle {
        width: 100% !important;
        height: 29px;
        background:#f5f5f5;
        border:0;
    }
    .popupEmail ul li .emailInfo {
        line-height: 23px;
        color: #868e96;
    }
    .popupEmail ul:last-child li {
        width: 100%;
        padding: 0px;
    }
    .popupEmail ul:last-child li:first-child {
        padding: 15px 0px 0px 0px;
    }
    .popupEmail ul:last-child li:last-child {
        padding: 10px 0px 0px 0px;
    }
    .popupEmail ul:first-child li {
        padding: 0px 0px 15px 0px;
    }
    .popupEmail ul:first-child li:last-child span {
        float: right;
        cursor: pointer;
    }
    .popupEmail ul:last-child li:nth-child(2) .btn_wh {
        width: 170px;
    }
    .popupEmail ul:last-child li:last-child .btn_wh {
        width: calc(100% - 40px);
    }


/**/


/**/



    .emailModal {
        position: fixed;
        display: none;
        top: 0px;
        left: 0px;
        width: 100vw;
        height: 100vh;
        background: rgba(255, 255, 255, 0.9);
        z-index: 100002;
    }
    /* 전시목록 */
    .dpListContent {
        display: flow-root;
    }
    .dpListContent>div {
        width: calc(100% - 312px);
        float: left;
        overflow: hidden;
        margin-bottom: 100px;
        position: relative;
        height: 550px;
    }
    .dpListContent>div:nth-child(1), .dpListContent>div:nth-child(3) {
        width: 116px;
    }
    .dpListContent>div>div {
        position: absolute;
        left: 0px;
    }
    .dpListContent>div:nth-child(1) {
        margin-left: 40px;
    }
    .dpListContent>div:nth-child(3) {
        margin-right: 40px;
    }
    .dpListContent>div>div div {
        width: 317px;
        float: left;
        margin-right: 89px;
    }
    .dpListContent>div>div div:last-child {
        margin-right: 0px;
    }
    .dpListContent>div>div div li {
        width: 100%;
    }
    .dpListContent>div>div div li img {
        width: 317px;
        height: 453px;
    }
    .dpListContent>div>div div li dt {
        margin-top: 12px;
        width: 100%;
        float: left;
    }
    .dpListContent>div>div div li dd {
        width: calc(100% - 30px);
        margin-top: 3px;
        margin-left: 30px;
        color: #868e96;
        float: left;
    }
    .dpMove {
        position: absolute;
        display: block;
        width: 37px;
        height: 37px;
        border-radius: 37px;
        border: 1px solid #868e96;
        color: #868e96;
        top: 250px;
        font-size: 22px;
        line-height: 37px;
        text-align: center;
        cursor: pointer;
    }
    .dpMove.left {
        left: 0px;
    }
    .dpMove.right {
        right: 0px;
    }
    .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: 10px;
    }
    .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;
        flex-direction: column;
        padding-top: 130px;
    }

    .dpDtlTitle ul li {
        width: 50%;
        float: left;
        padding-bottom: 24px;
        padding-left: 39px;
        padding-right: 40px;
        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: block;
        width: calc(50% - 20px);
        margin-top: 15px;
        box-sizing: border-box;
        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;
    }
    /*전시상세*/
    .dpDtlTopArea {
        width: 100%;
        background-position: 50% 50%;
        height: 460px;
        /* background-image: url("../images/sample_1.PNG"); */
        background-size: cover;
        position: relative;
    }
    .dpDtlTopArea ul {
        display: block;
    }
    .dpDtlTopArea ul li {
        position: absolute;
        bottom: 30px;
        width: calc(50% - 40px);
        margin-left: 40px;
        float: left;
        left: 50%;
    }
    .dpDtlTopArea ul li:first-child {
        left: calc((100% - 1440px) / 2);
        text-shadow: 2px 2px 2px rgba(255,255,255,.8);
    }
    .dpDtlTopArea ul li dt{
        width: 100%;
        color: #ffffff;
        text-shadow: 2px 2px 2px rgba(255,255,255,.8);
    }
	.dpDtlTopArea ul li dd {
        width: 100%;
        color: #ffffff;
        text-shadow: 2px 2px 2px rgba(0,0,0,.5);
    }
    .dpDtlTopArea ul li dt {
        font-size: 28px !important;
    }
    .dpDtlContentcover>div {
        width: calc(100% - 80px);
        margin-left: 40px;
        font-size: 16px;
        line-height: 25px;
    }
    

    .dpDtlContentcover>div ul li {
        width: 50%;
        margin-left: calc(25% - 40px);
        margin-top: 40px;
    }
    .exSlider{width: 100%;}
    .exSlider li{margin:0 !important;}
    
    .dpDtlContentcover>div:last-child {
        width: 100%;
        margin-left: 0px;
        margin-top: 80px;
    }
    .dpDtlContentcover>div:last-child ul li {
        width: 100%;
        margin-left: 40px;
        margin-top: 0px;
    }
    .dpDtlContentcover>div ul li dt {
        width: calc(100% - 30px);
        margin-left: 30px;
        margin-bottom: 3px;
    }
    .dpDtlContentcover>div ul li dd span {
        display: inline-block;
        margin-bottom: 13px;
    }
    .dpDtlContentcover>div 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-bottom: 60px;
        margin-top: 20px;
        cursor: pointer;
        font-family: AkzidenzGrotesk-Medium;
    }
    /* .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-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;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        margin-bottom: 60px;
        line-height: 25px;
    }
/* 임시 ::  VR이 2개 일 경우
    .vrtourContent div:not(:first-child) {
        width: calc(50% - 56px);
        float: left;
    }
    .vrtourContent div:last-child {
        margin-left: 32px;
        margin-bottom: 100px;
    }
*/
    .main_content.englishVersion .vrtourContent div {
        line-height: 22px;
    }
    .vrtourContent div li {
        width: 100%;
        display: inline-block;
    }
    .vrtourContent div li:first-child {
        margin-bottom: 12px;
    }
    .vrtourContent div li img {
        width: 100%;
    }
    .vrtourContent div li dt, .vrtourContent div li dd {
        width: 50%;
        float: left;
    }
    .vrtourContent div li dd {
        color: #868e96;
    }
    /* 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: 10px;
        line-height: 25px;
    }
    .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: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        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%; */
        /* max-width: 500px; */
        margin:auto;
        /* transform-origin: top left; */
        cursor: pointer;
        /* 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%;
        padding-bottom: 30px;
        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;
        margin-top: 10px;
        line-height: 25px;
        padding: 0px 0px 30px 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;
        padding-top: 30px;
    }
    .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);
        float: right;
    }
    .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: 25px;
        margin-top:10px;
        line-height: 25px;
    }
    /* 작가 상세 */
    .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;
    }
    .programListContent {
        display: flow-root;
    }
    .programListContent>div {
        width: calc(100% - 312px);
        float: left;
        overflow: hidden;
        margin-bottom: 100px;
        position: relative;
        height: 400px;
    }
    .programListContent>div:nth-child(1), .programListContent>div:nth-child(3) {
        width: 116px;
    }
    .programListContent>div>div {
        position: absolute;
        left: 0px;
    }
    .programListContent>div:nth-child(1) {
        margin-left: 40px;
    }
    .programListContent>div:nth-child(3) {
        margin-right: 40px;
    }
    .programListContent>div>div div {
        width: calc((1440px - 344px) / 2);
        float: left;
        margin-right: 32px;
    }
    .programListContent>div>div div:last-child {
        margin-right: 0px;
    }
    .programListContent>div>div div li {
        width: 100%;
    }
    .programListContent>div>div div li img {
        width: 100%;
        height: 302px;
    }
    .programListContent>div>div div li dt {
        margin-top: 12px;
        width: 100%;
        float: left;
    }
    .programListContent>div>div div li dd {
        width: calc(100% - 30px);
        margin-top: 3px;
        margin-left: 30px;
        color: #868e96;
        float: left;
    }
    .programListContent>div>div div li dd:last-child {
        margin-bottom: 10px;
    }
    .programListPast div {
        display: inline-block;
        width: 432px;
        height: auto;
        min-height: 320px;
        float: left;
        margin-bottom: 28px;
        margin-left: 32px;
        cursor: pointer;
    }
    .programListPast div:nth-child(1), .programListPast div:nth-child(9) {
        width: 896px;
        height: auto;
    }
    .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) {
        width: 100%;
        display: inline-block;
        margin: 10px 0px 0px 0px;
    }
    .programListPast div li:nth-child(2) dt {
        width: 50%;
        float: left;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        /* width:200px; */
        height:40px;
        min-height: 40px;
        padding-right: 20px;
        box-sizing: border-box;
        line-height:20px;
        overflow:hidden;
        text-overflow:ellipsis;        
    }
    .programListPast div li:nth-child(2) dd {
        width: 50%;
        font-size: 14px;
        color: #868e96;
        float: left;
    }
    .programListPast div li img {
        width: 100%;
        height: auto;
    }
    .programListPast div:nth-child(1) img, .programListPast div:nth-child(9) img {
        width: 100%;
        /* height: auto; */
    }
    /*현재프로그램 상세*/
    .programCurrentDtl div {
        width: calc(50% - 40px);
        float: left;
        margin-left: 40px;
        font-family: AkzidenzGrotesk-Medium;
    }
    .programCurrentDtl div:last-child {
        margin-left: 0px;
        padding-left: 0px;
    }
    .programCurrentDtl div:first-child li:first-child {
        font-size: 28px;
        padding-right: 20px;
        box-sizing: border-box;
        word-break: keep-all;
        padding-bottom: 10px;
    }
    .programCurrentDtl div li dd {
        margin-top: 3px !important;
        margin-left: 30px !important;
    }
    .programCurrentDtl .programCurrentDtlContent ul {
        width: 100%;
    }
    .programCurrentDtl .programCurrentDtlContent ul:last-child {
        border: 0;
    }

    .programCurrentDtl .programCurrentDtlContent ul.programCurrentDtlContentDesc {
        padding-top: 20px;
        margin-bottom: 40px;
        overflow: hidden;
    }
    .programCurrentDtl .programCurrentDtlContent ul.programCurrentDtlContentDesc img{width: 50%;}
    .programCurrentDtl .programCurrentDtlContent .btnProgram_wh, .programCurrentDtl .programCurrentDtlContent .btnProgram_gr {
        width: 290px;
        margin-bottom: 30px;
    }
    .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: 0px;
    }
    /*프로그램 소식 목록*/
    .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: 100%;
        margin-left: 0px;
        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; */
        overflow: hidden;
    }
    .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);
        float: right;
    }
    .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: auto;
    }
    .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;
        line-height: 28px !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: 100%;
    }
    .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%;
        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% - 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: 0px;
    }
    .reNewSpaceList div.reNewSpace div li img {
        width: 664px;
        height: 374px;
    }
    .reNewSpaceList div.reNewSpace div li>span {
        width: 100%;
        margin-top:10px;
        line-height: 25px;
        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;
    }
    .reNewSpaceDtl div .reNewSpaceDtlContentImg div p {
        font-size:0.9em;
    }
    /* 편의시설*/
    .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{width: 100% !important;margin:0 !important;padding:0 !important}
    .visitInfomationPage{width: 100% !important;margin:0 !important;padding:0 0 0 70px !important;box-sizing: border-box;}    
    .membershipInfomaionPage>div {
        width: 100%;
        /* 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);
        overflow: hidden;
    }
    .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);
        float: right;
    }
    .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.membershopGuideBox {
        display: flex;
        flex-wrap: wrap;
    }    
    .membershipInfomaionPage div div.membershopGuideBox > div {
        width: 25% !important;
        float: none !important;
        margin: 0 !important;
        padding:10px 10px 25px 10px;
        box-sizing: border-box;
        align-self:flex-end;
    }    
    .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;
    }
    /* 기프트멤버십안내 */
    .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);
        overflow: hidden;
    }
    .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);
        float: right;
    }
    .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;
        cursor: pointer;
        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;
    }
    .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 .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 {
        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);
        float: right;
        margin-top: 10px;
    }
    .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);
        float: right;
    }
    .memberAgreePage div.memberAgreePageContent {
        border-top: #d2d2d2 1px solid;
        margin-bottom: 20px;
        overflow: hidden;
    }
    .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;
        overflow: hidden;
    }
    .memberInformationPage div div.memberInformationPageNm {
        width: 308px;
        float: left;
    }
    .memberInformationPage div div.memberInformationPageNm dt {
        margin-top: 10px;
    }
    .memberInformationPage div div.memberInformationPageArc {
        width: calc(100% - 308px);
        float: right;
    }
    .memberInformationPage div div.memberInformationPageArc>li {
        width: 100%;
        min-height: 43px;
        padding-top: 15px;
        border-top: #d2d2d2 1px solid;
        padding-bottom: 10px;
    }
    .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{padding:23px;display: block;}
    .agreeInfoTable .agreeInfoArc:nth-child(1) {

    }
    .agreeInfoTable .agreeInfoArc:nth-child(2), .agreeInfoTable .agreeInfoArc:nth-child(3) {

    }
    .agreeInfoTable .agreeInfoArc>span {
        width: 100%;
        display: block;
    }

    .agreeInfoTable .agreeInfoArc>span.title {
        padding-top: 5px;
    }
    /* 리움프렌즈 회원가입 */
    .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: 40px;
    }
    .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;
        margin-bottom: 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;
        z-index: 9999;
        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: 100%;
        max-width: 800px;
        height: 100%;
        max-height: 70%;
        transform: translate(-50%,-50%);
        background-color: #ffffff;
        border: 1px #d2d2d2 solid;
        padding: 20px;
        z-index: 100004;
    }
    .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.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;
        flex-direction: column;
        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: 20px;
        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: 177px;
        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: auto;
        margin-top: 10px;
        padding: 6px 20px 6px 20px;
        background-color: #868e96;
        border: #868e96 1px solid;
        font-size: 14px !important;
        color: #ffffff;
        cursor: pointer;
    }
    .btn_wh>span:first-child, .btn_gr>span:first-child {
        vertical-align: sub;
        margin-bottom: 2px;
        display: inline-block;
    }
    .btn_wh>span:last-child, .btn_gr>span:last-child {
        font-size: 20px;
        margin-left: 10px;
        float: right;
        margin-top: 3px;
        line-height: 25px;
    }
    .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: calc(100% - 80px);
        margin-left: 40px;
        margin-top: 24px;
        margin-bottom: 24px;
        border-bottom: #d2d2d2 1px solid;
    }
    .listImg {
        position: relative;
        display: block;
        overflow: hidden;
    }
    .listImg img{
        width: 100%;
        object-fit: cover;
    }
    .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: 100;
        overflow: hidden;
        padding: 20px 0 20px;
        background-color: #fff;
        top: 0px;
        left: 0px;
    }
    .logo {
        position: fixed;
        top: 20px;
        right: 30px;
        width: auto;
        height: 41px;
        z-index: 100;
        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 {
        width: auto;
        padding: 0 16px 0px 15px;
        background-color: #fff;
        display: block;
        position: fixed;
        /* width: 280px; */
        z-index: 100000;
        top: 52px;
    }
    .submenu ul li {
        margin-left: 0px;
        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>p {
        font-size: 1rem;
        line-height: 1.5625em;
        width: 100%;
        padding-right: 28px;
        box-sizing: border-box;
        max-width: 1440px;
        margin: auto;
        text-align: right;
        padding-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: 440px;
        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;
        color:#000;
        line-height: 23px;
    }
    .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: 3px;
        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: 3px;
        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: 2px;
    }
    .program div li dd {
        color: #868e96;
        font-family: AkzidenzGrotesk-Medium;
    }
    .program div li img {
        width: 100%;
    }
    .program div:first-child li img {
        height: 39.5vw;
    }
    .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.noBx{margin-bottom: 0;}
    .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 */
    footer {
        position: fixed;
        bottom: 0px;
        z-index: -2;
        width: 100%;
        background-color: #000;
        margin: 0 auto;
        padding: 37px 41px 37px 41px;
        font-size: 16px;
        color: #868e96;
        line-height: 21px;
    }
    footer ul {
        overflow: hidden
    }
    footer ul div {
        width: calc(50% - 41px);
        float: left;
    }
    footer ul li {
        float: left;
        width: 100%;
    }
    footer ul li span {
        margin-bottom: 3px;
        cursor: pointer;
        display: inline-block;
    }
    footer ul .left li:first-child {
        margin-bottom: 85px;
    }
    footer ul .left ul:nth-child(1) li:nth-child(2) span:first-child {
        cursor: pointer;
    }
    footer ul .right ul li:first-child div {
        width: 120px;
        float: left;
    }
    footer ul .right ul li:first-child div span {
        display: table;
    }
    footer ul .right ul li:first-child div span:first-child {
        width: 100%;
    }
    footer ul .right ul li:first-child div span:not(:first-child) {
        cursor: pointer;
    }
    footer ul .right ul li:first-child {
        margin-bottom: 59px;
    }
    footer ul .right .copyright {
        width: 100% !important;
    }
    footer ul .right .copyright span {
        float: left;
    }
    footer ul .right div select {
        width: 200px;
        height: 42px;
        border: 1px solid #434343;
        background-color: #000;
        color: #868e96;
        float: right;
        margin-top: -17px;
    }
    .menu_wrap_pc {
        display: block;
        z-index: 100;
        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;
    }
    .popupcheck {
        background-color: #d91900;
        border-color: #d91900;
        width: 8px;
        height: 8px;
        display: block;
        position: fixed;
        border-radius: 8px;
        top: 18px;
        left: 60px;
    }
    .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 8px 0px 8px;
    }
    .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: 99;
        background: rgba(255, 255, 255, 0.9);
    }
    .popupEmail {
        position: fixed;
        top: calc((100vh - 621px) / 2);
        left: calc((100vw - 60%) / 2);
        width: 60%;
        height: 650px; /* 2022.01.18 수정 621->650 */
        background-color: #ffffff;
        border: 1px #d2d2d2 solid;
        padding: 20px;
        z-index: 100003;
        display: none;
    }
    .popupEmail ul {
        width: 100%;
        display: inline-block;
        border-bottom: 1px #d2d2d2 solid;
        vertical-align: bottom;
    }
    .popupEmail ul:first-child, .popupEmail ul:last-child {
        border-bottom: 0px;
    }
    .popupEmail ul li {
        float: left;
        padding: 15px 0px 15px 0px;
    }
    .popupEmail ul li:first-child {
        width: 96px;
    }
    .popupEmail ul li:not(:first-child) {
        width: calc(100% - 96px);
    }
    .popupEmail ul li textarea {
        width: 100%;
        height: 180px;
        resize: none;
        margin-bottom: 10px;
    }
    .popupEmail ul li input[type="text"], .popupEmail ul li select {
        width: calc((100% - 38px) / 3);
        float: left;
    }
    .popupEmail ul li select {
        margin-right: 5px;
    }
    .popupEmail ul li .dot {
        width: 25px;
        text-align: center;
        display: block;
        float: left;
    }
    .popupEmail ul li .emailTitle {
        width: 100% !important;
        height:29px;
        border:0;
        background:#f5f5f5;
    }
    .popupEmail ul li .emailInfo {
        line-height: 23px;
        color: #868e96;
    }
    .popupEmail ul:last-child li {
        width: 100%;
        padding: 0px;
    }
    .popupEmail ul:last-child li:first-child {
        padding: 15px 0px 0px 0px;
    }
    .popupEmail ul:last-child li:last-child {
        padding: 10px 0px 0px 0px;
    }
    .popupEmail ul:first-child li {
        padding: 0px 0px 15px 0px;
    }
    .popupEmail ul:first-child li:last-child span {
        float: right;
        cursor: pointer;
    }
    .popupEmail ul:last-child li:nth-child(2) .btn_wh {
        width: 170px;
    }
    .popupEmail ul:last-child li:last-child .btn_wh {
        width: calc(100% - 40px);
    }
    .emailModal {
        position: fixed;
        display: none;
        top: 0px;
        left: 0px;
        width: 100vw;
        height: 100vh;
        background: rgba(255, 255, 255, 0.9);
        z-index: 100002;
    }
    /* 전시목록 */
    .dpListContent {
        display: flow-root;
    }
    .dpListContent>div {
        width: calc(100% - 292px);
        float: left;
        overflow: hidden;
        margin-bottom: 100px;
        position: relative;
        height: 550px;
    }
    .dpListContent>div:nth-child(1), .dpListContent>div:nth-child(3) {
        width: 116px;
    }
    .dpListContent>div>div {
        position: absolute;
        left: 0px;
    }
    .dpListContent>div:nth-child(1) {
        margin-left: 20px;
    }
    .dpListContent>div:nth-child(2) {
        margin-right: 20px;
    }
    .dpListContent>div>div div {
        width: 317px;
        float: left;
        margin-right: 89px;
    }
    .dpListContent>div>div div:last-child {
        margin-right: 0px;
    }
    .dpListContent>div>div div li {
        width: 100%;
    }
    .dpListContent>div>div div li img {
        width: 317px;
        height: 453px;
    }
    .dpListContent>div>div div li dt {
        margin-top: 12px;
        width: 100%;
        float: left;
    }
    .dpListContent>div>div div li dd {
        width: calc(100% - 30px);
        margin-top: 3px;
        margin-left: 30px;
        color: #868e96;
        float: left;
    }
    .dpMove {
        position: absolute;
        display: block;
        width: 37px;
        height: 37px;
        border-radius: 37px;
        border: 1px solid #868e96;
        color: #868e96;
        top: 250px;
        font-size: 22px;
        line-height: 37px;
        text-align: center;
        cursor: pointer;
    }
    .dpMove.left {
        left: 0px;
    }
    .dpMove.right {
        right: 0px;
    }
    .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;
        flex-direction: column;
        padding-top: 130px;
    }
    .dpDtlTitle ul li {
        width: 50%;
        float: left;
        padding-bottom: 24px;
        /* margin-left: 32px; */
        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;
    }
    /*전시상세*/
    .dpDtlTopArea {
        width: 100%;
        height: 460px;
        /* background-image: url("../images/sample_1.PNG"); */
        background-position: 50% 50%;
        background-size: cover;
        position: relative;
    }
    .dpDtlTopArea ul {
        display: block;
    }
    .dpDtlTopArea ul li {
        position: absolute;
        bottom: 30px;
        width: calc(50% - 20px);
        margin-left: 20px;
        float: left;
        left: 50%;
    }
    .dpDtlTopArea ul li:first-child {
        left: 20px;
		text-shadow: 2px 2px 2px rgba(255,255,255,.8);
    }
    .dpDtlTopArea ul li dt {
        width: 100%;
        color: #ffffff;
		text-shadow: 2px 2px 2px rgba(255,255,255,.8);
    }
	.dpDtlTopArea ul li dd {
        width: 100%;
        color: #ffffff;
		text-shadow: 2px 2px 2px rgba(0,0,0,.5);
    }
    .dpDtlTopArea ul li dt {
        font-size: 28px !important;
    }
    .dpDtlContentcover>div {
        width: calc(100% - 40px);
        margin-left: 40px;
        font-size: 16px;
        line-height: 25px;
    }
    .dpDtlContentcover>div ul li {
        width: 50%;
        margin-left: calc(25% - 20px);
        margin-top: 40px;
    }
    .dpDtlContentcover>div:last-child {
        width: 100%;
        margin-left: 0px;
        margin-top: 80px;
    }
    .dpDtlContentcover>div:last-child ul li {
        width: 100%;
        margin-left: 20px;
        margin-top: 0px;
    }
    .dpDtlContentcover>div ul li dt {
        width: calc(100% - 30px);
        margin-left: 30px;
        margin-bottom: 3px;
    }
    .dpDtlContentcover>div ul li dd span {
        display: inline-block;
        margin-bottom: 13px;
    }
    .dpDtlContentcover>div 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-bottom: 100px;
        cursor: pointer;
        font-family: AkzidenzGrotesk-Medium;
    }
    /* .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 .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-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;
        font-family: AkzidenzGrotesk-Medium;
        font-size: 16px;
        margin-bottom: 60px;
        line-height: 25px;
    }
/* 임시 ::  VR이 2개 일 경우
    .vrtourContent div:not(:first-child) {
        width: calc(50% - 36px);
        float: left;
    }
    .vrtourContent div:last-child {
        margin-left: 32px;
        margin-bottom: 100px;
    }
*/
    .main_content.englishVersion .vrtourContent div {
        line-height: 22px;
    }
    .vrtourContent div li {
        width: 100%;
        display: inline-block;
    }
    .vrtourContent div li:first-child {
        margin-bottom: 12px;
    }
    .vrtourContent div li img {
        width: 100%;
    }
    .vrtourContent div li dt, .vrtourContent div li dd {
        width: 50%;
        float: left;
    }
    .vrtourContent div li dd {
        color: #868e96;
    }
    /* 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: 10px;
        line-height: 25px;
    }
    .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%; */
        margin:auto;
        max-width: 500px;
        /* transform-origin: top left; */
        cursor: pointer;
        /* 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;
        margin-top:10px;
        line-height: 25px;
        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: 25px;
        line-height: 25px;
        margin-top:10px;
    }
    /* 작가 상세 */
    .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;
    }
    /* 프로그램 목록 롤링*/
    .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;
    }
    .programListContent {
        display: flow-root;
    }
    .programListContent>div {
        width: calc(100% - 312px);
        float: left;
        overflow: hidden;
        margin-bottom: 100px;
        position: relative;
        height: 400px;
    }
    .programListContent>div:nth-child(1), .programListContent>div:nth-child(3) {
        width: 116px;
    }
    .programListContent>div>div {
        position: absolute;
        left: 0px;
    }
    .programListContent>div:nth-child(1) {
        margin-left: 40px;
    }
    .programListContent>div:nth-child(3) {
        margin-right: 40px;
    }
    .programListContent>div>div div {
        width: calc((100vw - 364px) / 2);
        float: left;
        margin-right: 32px;
    }
    .programListContent>div>div div:last-child {
        margin-right: 0px;
    }
    .programListContent>div>div div li {
        width: 100%;
    }
    .programListContent>div>div div li img {
        width: 100%;
        height: 302px;
    }
    .programListContent>div>div div li dt {
        margin-top: 12px;
        width: 100%;
        float: left;
    }
    .programListContent>div>div div li dd {
        width: calc(100% - 30px);
        margin-top: 3px;
        margin-left: 30px;
        color: #868e96;
        float: left;
    }
    .programListContent>div>div div li dd:last-child {
        margin-bottom: 10px;
    }
    .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) {
        width: 100%;
        display: inline-block;
        margin: 10px 0px 0px 0px;
    }
    .programListPast div li:nth-child(2) dt {
        width: 50%;
        float: left;
    }
    .programListPast div li:nth-child(2) dd {
        width: 50%;
        font-size: 14px;
        color: #868e96;
        float: left;
    }
    .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 ul.programCurrentDtlContentDesc img{width: 100%;}
    .programCurrentDtl .programCurrentDtlContent .btnProgram_wh, .programCurrentDtl .programCurrentDtlContent .btnProgram_gr {
        width: 290px;
        margin-bottom: 30px;
    }
    .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: 0px;
    }
    /*프로그램 소식 목록*/
    .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: 100%;
        margin-left: 0px;
        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; */
        overflow: hidden;
    }
    .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);
        float: right;
    }
    .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: auto;
    }
    .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);
       }

    /* 멤버십 안내 프로그램 목록 이미지 :: 20220118 추기    */ 
    .listImg {
        position: relative;
        display: block;
        overflow: hidden;
    }
    .listImg img{
        width: 100%;
        object-fit: cover;
    }

    }