body{
    /* background: #f7f7f7; */
    }



/* 공통 비주얼 영역 */
.visual{width: 2000px; 
        height: 400px; 
        position: relative;
        top: 0;
        left: 50%;
        transform: translatex(-50%);
        margin-bottom: 50px;
        
    }

.visual strong{
    font-size: 3rem;
    color: #fff;
    font-weight: 600;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    display: block;
    text-align: center;
    margin-left: -575px;
    transform: translatey(20px);
}    


/* 서브 메뉴 영역 */
.sub_nav{
    

}
    
.sub_nav ul{
    display: flex;
    width: 750px; 
    margin: 0 auto;
    
}
.sub_nav ul li{
    width: 33.33%;
    box-sizing: border-box;
    text-align: center;
} 
.sub_nav ul li a{
    font-size: 1.15rem;
    font-weight: 600;
    padding: 15px 0;
    border-radius: 50px;
    background: var(--font-color-sub3);
    transition: all .8s ease-out;
}  

.sub_nav ul li a:hover,
.sub_nav ul li a.current{
    background: var(--font-color-main);
    color: #fff;
}

/* 콘텐츠의 타이틀 영역 */
#contentArea{
    width: 100%;
 
}

#contentArea .title_area{
    position: relative;
    width: 1400px;
    margin: 0 auto;
    padding: 100px 0 100px;

}
#contentArea .title_area h2{
    position: relative;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
   
}

#contentArea .title_area span{
    display: block;
    font-size: 70px;
    font-weight: lighter;
    color:var(--font-color-point2);
    text-align: center;
}

#contentArea .title_area .line_map{
    position: absolute;
    right: 0;
    top: -305px;
    left: 50%;
    margin-left: -675px;
    font-size: .9rem;
    color: #fff;
    font-weight: 300
}
#contentArea .title_area .line_map strong{
    font-weight: 500;
}