#content{margin-top: 50px;}

/* 공통 비주얼 영역 */
.visual{width: 100%; height: 250px; position: relative; top: 0; left: 50%; transform: translateX(-50%);}
.visual img{width: 100%; height: 200px; object-fit: cover; object-position: center;}
.visual strong{font-size: 2rem; color: #fff; font-weight: 500;
position: absolute; width: 100%; left: 0; top: 43%; display: block;
text-align: center; text-shadow: 2px 2px 5px #666;}


/* 서브 메뉴 영역 */
.sub_nav{border-bottom: 1px solid #ccc;}
.sub_nav ul{width: 100%; margin: 0 auto; display: flex;}
.sub_nav ul li{width: 25%; box-sizing: border-box; text-align: center; background: #fff;}
.sub_nav ul li a{font-size: 1.2rem; font-weight: 600; padding: 13px 0; transition: all .3s ease-out;}
.sub_nav ul li a:hover,
.sub_nav ul li a.current{background: var(--font-color-main); color: #fff;}

/* 타이틀 */
#content .title_area h2{font-size: 2.5rem; font-weight: 700; text-align: center; margin: 80px 0 20px; position: relative;}
#content .title_area h2::after{content: ''; position: absolute; left: 50%; top: 130px; transform: translateX(-50%);
    display: block; height: 4px; width: 300px; background: linear-gradient(to right, transparent, var(--font-color-main), transparent);}
#content .title_area p{font-size: 1.5rem; text-align: center; font-weight: 500; margin-bottom: 120px;}