/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400&display=swap'); */

.w3-opacity {margin-right: 12%;margin-left: 12%;}

.work-title-container {margin-top: 60px;margin-bottom: 60px;padding-top: 32px;padding-bottom: 32px;}
.work-title-container > .work-title-main {font-size: 2rem;}
.work-title-container > .work-title-sub {font-size: 1.225rem;padding-right: 100px;padding-left: 100px;}

.works > .work-img-container {padding-top: 0px; padding-bottom: 10px;}
.work-img-container > .w3-margin-bottom {display: flex; flex-direction: column; align-items: center;}
.work-img-container-child {width: 100%; max-width: 1120px; margin: auto;}
.work-img-container-child > .work-img {width: 100%; max-width: 1120px;}
.work-img-container-child > .work-description-text {font-family: 'Noto Sans', sans-serif; font-size: 16px; word-break: keep-all; word-wrap: break-word;}
.work-img-container > .work-img-container-child:last-child {padding: 10px 0px 0px;}
.work-img-container > .work-img-container-child:last-child > .work-description-text {padding: 10px 0px 0px;}
.works > .work-img-container:last-child {margin: 0px 30px 60px 30px; padding: 0px 16px;}

.exhibitions {padding-top: 40px !important;}
.exhibitions > .work-img-container:last-child > {margin: 0px !important; padding-top: 16px; padding-bottom: 0px;}

.vimeo iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

@media (max-width:1200px){
    .works > .work-img-container {padding-top: 16px; padding-bottom: 16px;}
    .w3-opacity {margin-right: 10%; margin-left: 10%;}
    .work-img-container-child {max-width: 780px;}
    .work-img-container-child > .work-img {max-width: 780px;}
    .work-title-container > .work-title-sub {padding-right: 20px; padding-left: 20px;}
}

@media (max-width:767.98px){
    .works .w3-container,
    .works .w3-panel{
        padding: 0.01em 32px !important;
    }

    .works > .work-img-container:last-child {margin: 0px 0px 60px 0px; padding: 0px 32px;}
}
@media (max-width:575.98px){
    .work-img-container-child > .work-description-text {font-size: 13px;}
    .exhibitions {padding-top: 20px !important;}
    .work-title-container {margin-top: 20px;margin-bottom: 20px;padding-top: 16px;padding-bottom: 16px;}
    .work-title-container > .work-title-sub {font-size: 14px;}
    .work-title-container > .work-title-main {font-size: 16px;}
}
