.search_area{
    position: relative;
    .bg_img{
        width: 100%;
    }
    .logo{
        position: absolute;
        top: 20px;
        right: 20px;
        width: 30%;
        max-width: 500px;
    }
    .search_wrap{
        position: absolute;
        right: 20px;
        bottom: 20px;
        background: #ffffff;
        padding: 20px 10px;
        border-radius: 10px;
        @media screen and (max-width: 767px) {
            position: static;
            .l-header__freeword form input {
                width: 100%;
            }
        }
        .search_title{
            font-size: 2rem;
            font-weight: bold;
            text-align: center;
            margin-bottom: 1.5rem;
             @media screen and (max-width: 767px) {
                  font-size: 1.5rem;
             }
        }
    }
   
}
 .calendar_wrap{
    font-size: 1.5rem;
     @media screen and (max-width: 767px) {
          font-size: 1rem;
     }
     padding: 10px;
}
 
 .exhibition__list{
     .exhibition__item{
         display: flex;
         
         .image__area{
             width: 300px;
         }
         .content_body{
             width: 100%;
         }
     }
 }