@charset "utf-8";




/* 사진 */
#con{
    display: flex;
    margin-top: 50px;
    flex-wrap: wrap;
}
#con > a{
    width: 22%;
    display: block;
    margin: 0 1.5%;
}
#con > a > figure{
    box-shadow: 6px 6px rgba(88, 22, 102, 1);
}
#con > a > figure > img{
    width: 100%;
    height: 320px;
    object-fit: cover;
    vertical-align: top;
    filter: grayscale(1);
}
#con > a > figure:hover > img{
    filter: none;
}
#con > a:nth-child(2) > figure > img, #con > a:nth-child(7) > figure > img, #con > a:nth-child(10) > figure > img{
    object-position: center top;
}
#con > a:nth-child(4) > figure > img{
    object-position: center -30px;
}
#con > a > p{
    font-size: 20px;
    text-align: center;
    color: #000;
    margin-top: 20px;
}
#con > a > p:nth-child(3){
    color: #606060;
    margin-top: 3px;
    margin-bottom: 40px;
}
#con > a > p:nth-child(3).mu_woo{
    margin-bottom: 0px;
}
#con > a > p:nth-child(4){
    font-size: 16px;
    color: #0076af;
}
button{
    text-align: center;
    font-size: 20px;
    border: 1px solid #000;
    border-radius: 30px;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    cursor: pointer;
}
.more{
    text-align: center;
}




/* 반응형/////////// */
@media screen and (max-width:1190px) {
    #con > a:nth-child(4) > figure > img{
        object-position: center;
    }
}
@media screen and (max-width:880px) {
    #con > a{
        width: 30%;
    }
    #con1 > a{
        width: 30%;
    }
    #con > a > figure > img{
        height: 250px;
    }

}/* 0 ~ 900px */

@media screen and (max-width:500px) {
    #con > a{
        width: 46%;
    }
    #con > a > figure > img{
        height: 200px;
        filter: none;
    }
    #con > a:nth-child(16) > figure > img, #con > a:nth-child(18) > figure > img, #con > a:nth-child(23) > figure > img, #con > a:nth-child(30) > figure > img, #con > a:nth-child(32) > figure > img{
        object-position: center top;
    }

}