/* main common */
.main-sec { padding: 100px 0; } 
.con { width: 1380px; margin: 0 auto; } 
.main-tit { margin-bottom: 50px; } 
.main-tit h2 { font-size: 46px; font-weight: 900; color: #0a0a0a; } 

/* sub common */
.sub-visual { height: 550px; animation: subVisual 7s forwards; background-size: 100%; background-position: center; } 

.sub-visual01 { background-image: url(/wp-content/uploads/2025/01/sub-visual01.jpg); } 
.sub-visual02 { background-image: url(/wp-content/uploads/2025/01/sub-visual02.jpg); } 
.sub-visual03 { background-image: url(/wp-content/uploads/2025/01/sub-visual03.jpg); } 
.sub-visual04 { background-image: url(/wp-content/uploads/2025/01/sub-visual04.jpg); } 
.sub-visual05 { background-image: url(/wp-content/uploads/2025/01/sub-visual05.jpg); } 
.sub-visual06 { background-image: url(/wp-content/uploads/2025/03/sub-visual06.jpg); } 

@keyframes subVisual { 
 0% { background-size: 100%; } 
 100% { background-size: 110%; } 
 }

.sub-visual-wrap { position: relative; } 
.sub-visual .con { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; padding-top: 20px; } 
.sub-visual-tit { color: #fff; text-align: center; } 
.sub-visual-tit em { display: block; margin-bottom: 20px; font-size: 1.8rem; } 
.sub-visual-tit h2 { margin-bottom: 35px; font-size: 5rem; font-weight: 800; } 
.sub-visual-tit p { font-size: 2rem; } 
.lnb-wrap { position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 0; background-color: rgba(0, 0, 0, 0.3); } 
.lnb-wrap a { font-size: 1.8rem; } 


.sub-area { padding: 90px 0; } 
.sub-area h3 { margin-bottom: 60px; font-size: 4rem; text-align: center; font-weight: 800; color: #000; } 



/*********************** 
          반응형
************************/

@media screen and (max-width: 1380px) {
  .con { width: 100%; padding: 0 1rem; }
}

@media screen and (max-width: 768px) {
  .main-tit h2 { font-size: 3.5rem; }

  .sub-area h3 { font-size: 2.8rem; }
}