@charset "utf-8";
* {
    font-family: Gothic, 굴림, Gulim, Verdana, Arial, Helvetica, sans-serif;
}

p {
    font-size: 15px;
}

div.home {
    background-image: url(/images/photo/2021/greenCity/01.jpg);
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    padding: 1px;
}

.home .mf-title {
    text-align: center;
}

.home .mf-title img {
    width: 35%;
    margin-top: 120px;
}

.home button {
    width: 90px;
    height: 30px;
    background-color: #000000bd;
    border: 0;
    cursor: pointer;
    color: #fff;
    position: absolute;
    bottom: 70px;
    opacity: 0.85;
    outline: none;
    margin-left: calc(50% - 45px);
}

.home button h5 {
    margin: 6px 0 2px 0;
    font-size: 17px;
    font-weight: 600;
}

.sub {
    padding: 100px 0;
    height: auto;
    width: 100%;
    text-align: center;
}

body {
    background-image: url('/images/photo/2021/greenCity/02.jpg');
    background-size: cover;
    background-position: center center;
    
}

.sub img.back {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 40px;
}

.gallery img:nth-child(1) {
    display: block;
    margin: 0 auto 20px;
    max-height: 500px;
    border-radius: 0;
}

.sub img {
    cursor: pointer;
}

@media screen and (max-width: 1133px) {
    .home .mf-title img { width: 50%; }
}

@media screen and (max-width: 700px) {
    .home .mf-title img { width: 80%; }
}