.display_flex {
display: flex;
justify-content: center;
margin-bottom: 32px;
}
.area_wrapper {
max-width: 1080px;
width: 92%;
margin: 0 auto 100px;
}
#area h2 {
font-size: 24px;
font-weight: 600;
padding: 24px 0 40px;
}
.area_desc {
margin-bottom: 40px;
letter-spacing: 1.6px;
line-height: 1.8;
}
.top_logo_wrap {
margin-bottom: 56px;
}
.side_campaign_banner {
width: 90%;
margin: 0 auto 56px;
}
.side_campaign_banner img {
width: 100%;
height: 100%;
object-fit: cover;
} .left_contents {
max-width: 800px;
width: 80%;
margin: 0 auto;
padding: 0 48px 0 24px;
}
.right_contents {
width: 32%;
}
#area .right_contents h2 {
font-size: 18px;
padding: 16px 0 6px;
}
#area .sidebar_image_wrap {
width: 100%;
height: 144px;
}
#area .sidebar_image_wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
#area .hall_list {
border-top: none;
}
#area .hall_one {
padding: 45px 0 0;
margin: 45px 0 8px;
border-top: 1px solid #ccc;
border-bottom: none;
}
#area .hall_one:first-of-type {
margin: 8px 0 8px;
}
#area .hall_pagination:last-of-type {
margin-top: 32px;
}
@media screen and (max-width: 768px) {
.left_contents {
width: 96%;
}
.side_campaign_banner {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.display_flex {
flex-wrap: wrap;
margin-bottom: 16px;
}
.area_wrapper {
width: 100%;
margin: 0 auto 40px;
}
#area h2 {
font-size: 20px;
padding: 24px 0 32px;
}
.left_contents {
width: 100%;
margin: 0 auto;
padding: 0;
}
.area_desc {
padding: 0 16px;
}
.side_campaign_banner {
width: 90%;
}
#area .hall_list {
padding: 0 8px;
}
#area .hall_pagination {
padding: 0 8px;
}
#area .hall_pagination:last-of-type {
margin: 56px auto 0;
text-align: center;
}
}