.business-render{display:grid;grid-template-columns:1fr 1fr;margin:4rem 0 0;gap:0;align-items:stretch}.business-render img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.5}.business-render.single{grid-template-columns:1fr;max-width:100rem;margin:0 auto}.business-render.single img{max-height:52rem;aspect-ratio:2;object-fit:cover}.project-portfolio{padding:7rem 0 2rem}.project-portfolio>h2{text-align:center;font-size:3.6rem;font-weight:700;margin:0 0 6rem}.project-portfolio>h2:after{content:"";display:block;width:12rem;height:1px;background:#ff7200;margin:3rem auto 0}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6rem 2.4rem}.project-card img{width:100%;aspect-ratio:1.59;object-fit:cover}.project-card a{display:block}.project-caption{display:flex;align-items:flex-start;gap:1rem;margin:2rem 0 1rem}.project-caption span{background:#001f62;color:white;padding:.3rem 1.2rem;border-radius:.4rem;font-size:1.4rem;white-space:nowrap}.project-caption h3{font-size:1.6rem;line-height:1.6;font-weight:500}.project-card p{font-size:1.4rem;color:#777;text-align:center;border-bottom:1px solid #ddd;padding-bottom:2.4rem}.project-card a:hover h3{color:#001f62;text-decoration:underline}.project-description{max-width:100rem;margin:4rem auto;line-height:1.9;font-size:1.6rem}.project-description h3{font-size:3rem;font-weight:700;margin-bottom:2rem}.project-description h4{font-size:2rem;font-weight:700;margin:3rem 0 1rem}.project-detail-image{width:100%;max-height:65rem;object-fit:contain}.project-back{display:block;width:max-content;border:1px solid #001f62;padding:1rem 3rem;margin:4rem auto;color:#001f62}.project-empty{text-align:center;color:#777;padding:4rem}.project-filters{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.project-filters a{border:1px solid #001f62;border-radius:2rem;padding:.6rem 2rem}.project-filters a.on{background:#001f62;color:#fff}
@media(max-width:1024px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-caption{flex-direction:column;gap:.7rem}}
@media(max-width:600px){.business-render{grid-template-columns:1fr}.project-portfolio{padding-top:5rem}.project-portfolio>h2{font-size:3rem;margin-bottom:3rem}.project-grid{gap:3rem 1.6rem}.project-caption h3{font-size:1.7rem}.project-caption span{font-size:1.3rem}.project-description h3{font-size:2.6rem}}

/* The project menu contains the school page followed by four business categories. */
#header .gnb .business-category-start{margin-top:0;padding-top:0;border-top:0}
@media(min-width:1025px){
 #header .gnb:hover>ul,#header.on .gnb:hover>ul::before{height:34rem}
 .sub_title .sub_nav{display:none}
}
.sub_title .navigation .sub_depth_menu_list{flex-wrap:wrap;gap:.8rem 2.4rem;padding:1.6rem 2.4rem 1.6rem 0}
.business-render.single{max-width:none;margin:4rem 0 0}
.business-render.single img{max-height:none;height:auto;aspect-ratio:auto;object-fit:contain}
.page_content > .sub_title_desc{text-align:center}

/* Keep title punctuation consistent even when an older base stylesheet is cached. */
.title h2::after{content:none}