@charset 'utf-8';

@media all and (max-width:767px) {
    
    .photo-area .photo-box ul li {width: 100%}
    
}

@media all and (min-width:768px) and (max-width:1279px) {

    .photo-area .photo-box ul {overflow: hidden}
    .photo-area .photo-box ul li {width: 50%;float: left}

}

@media all and (min-width:1280px) {

    .photo-area .photo-box ul {overflow: hidden}
    .photo-area .photo-box ul li {width: 33.3%;float: left}
}

.nav-box .gnb ul li:nth-child(4) {border-bottom: 2px solid #86a4c3}

h4{font-size: 1.5em;margin: 0 0 30px 0;padding: 0 0 10px 0; border-bottom: 1px solid #ccc}

.photo-area .photo-box ul{}
.photo-area .photo-box ul li{height: 250px;margin: 0 0 20px 0}
.photo-area .photo-box ul li span{display: block;border:1px solid #ccc;width: 90%;margin: 0 auto;height: 100%;background-size: cover;}