.wiz_gall {
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}
.wiz_gall .grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 20px;
    row-gap: 20px;
     position: relative;
}

.wiz_gall .grid.grid_2 {
    grid-template-columns: repeat(2, 1fr);
}
.wiz_gall .grid.grid_3 {
    grid-template-columns: repeat(3, 1fr);
}
.wiz_gall .grid.grid_4 {
    grid-template-columns: repeat(4, 1fr);
}
.wiz_gall .grid.grid_5 {
    grid-template-columns: repeat(5, 1fr);
}
.wiz_gall .grid.grid_6 {
    grid-template-columns: repeat(6, 1fr);
}
.wiz_gall .grid .box img {
    width: 100%;
}
.wiz_gall .grid .box  {
     position: relative;
}
.wiz_gall .grid .box p {
    position: absolute;
    left: 20px;
    top: 20px;
    background: #dfff5e;
    border-radius: 0.4em;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding: 8px 22px;

}
.wiz_gall .grid .box .caption {
    padding-top: 20px;
}
.wiz_gall .grid .box .caption h2 {
    font-size:20px;
    font-weight:700;
    padding-bottom: 9px;
}
.wiz_gall .grid .caption .option {
    padding-bottom: 10px;
    display:flex;
}
.wiz_gall .grid .caption .option span {
    font-size:15px;
    display:block;
    border-radius: .3em;
    font-weight:500;
    margin-right: 5px;
    color: #868686;
    margin-right: 14px;
}
.wiz_gall .grid .caption .option span::before {
    content: "# ";
}
/* 모달 */
.yt-modal{
    display:none;
    position:fixed;
    z-index:9999;
    inset:0;
    background:rgba(0,0,0,.8);
    padding:20px;
    box-sizing:border-box;
    align-items:center;
    justify-content:center;
}
.yt-modal.on{
    display:flex;
}
.yt-modal-content{
    position:relative;
    width:100%;
    max-width:900px;
    background:#000;
    border-radius:6px;
    overflow:hidden;
}

/* 16:9 비율 유지 */
.yt-modal-content::before{
    content:"";
    display:block;
    padding-top:56.25%;
}
.yt-video-wrapper{
    position:absolute;
    inset:0;
}
.yt-video-wrapper iframe{
    width:100%;
    height:100%;
}

.yt-close{
    position:absolute;
    right:10px;
    top:5px;
    background:transparent;
    border:0;
    color:#fff;
    font-size:32px;
    line-height:1;
    cursor:pointer;
    z-index:10;
}
/* 모달 마감 */
@media(max-width:991px){ 
    .wiz_gall {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
}
    .wiz_gall .grid .box p {
        position: absolute;
        left: 5px;
        top: 5px;
        /* background: #dfff5e; */
        background: rgba(0, 0, 0, 0.5);
        border-radius: 0.1em;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        padding: 4px 12px;
    }
.wiz_gall .grid {
    display: grid;
        grid-template-columns: repeat(1, 1fr) !important;
        column-gap: 0px;
        row-gap: 20px;
}
.wiz_gall .grid.grid_3 {
    /* grid-template-columns: repeat(2, 1fr); */
}
.wiz_gall .grid .box img {
    width: 100%;
}
.wiz_gall .grid .box .caption {
    padding-top: 20px;
}
.wiz_gall .grid .box .caption h2 {
    font-size:17px;
    font-weight:700;
}
.wiz_gall .grid .caption .option {
    padding-bottom: 10px;
    display:flex;
}
.wiz_gall .grid .caption .option span {
    font-size:15px;
    display:block;
    border-radius: .3em;
    font-weight:500;
    margin-right: 5px;
    color: #868686;
    margin-right: 14px;
}
.wiz_gall .grid .caption .option span::before {
    content: "# ";
}
 }