.boardpop-container-backdrop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000;background-color: rgba(0,0,0,0.5)}
.boardpop-container{overflow-y: scroll;position: absolute;left: 50%;top: 50%;width: 1160px;height: 90%;min-height: 600px;margin: 0 auto;background-color: #fff; transform:translate(-50%, -50%)}
.boardpop-close{z-index: 1001;position: fixed;left: 50%;top: 5%;width: 60px;height: 60px;margin-left: 503px;background: url('../img/btn-close.jpg') no-repeat center/cover;font-size: 0;line-height: 0}
.boardpop-content{margin: 60px}

.boardpop-header{display: flex;justify-content: space-between; padding: 40px 0;border-top: 2px solid #000;border-bottom: 1px solid rgb(0 0 0 / 20%);font-weight: 500}
.boardpop-title{font-size: 26px;line-height: 1.2;color: #222}
.boardpop-date{padding-top: 10px;font-size: 18px;color: #999}

.boardpop-video{position: relative;padding-top:50%;margin-top: 20px}
.boardpop-video iframe{position: absolute;left: 0;top: 0;width: 100%;height: 100%}

.boardpop-body{margin-top: 20px;font-size: 18px;line-height: 1.5;color: #444}
.boardpop-body strong{font-weight: 700}
.boardpop-body img{max-width: 100% !important}

@media screen and (max-width: 1200px) {
	.boardpop-container{width: 92.0634%}
}

@media screen and (max-width: 768px) {
    .boardpop-close{width: 8vw; height: 8vw}
    .boardpop-content{margin: 5%}

    .boardpop-header{flex-direction: column;padding: 4.8vw 2.6666vw}

    .boardpop-title{font-size: 4.2666vw}
    .boardpop-date{padding-top: 2vw;font-size: 3.6666vw}

    .boardpop-video{margin-top: 2.6vw}

    .boardpop-body{margin-top: 2.6vw;font-size: 3.2vw;line-height: 1.5;color: #444}
}