@charset "utf-8";

:root { --header-h: 171px; }

#visual{width: 100%; height: 680px; background: url(../img/main_bg.jpg) no-repeat center center; background-size: cover}
#visual .line{opacity: 0.2;}
#visual .typo{text-align: center; color: #fff; padding-top: 120px; }
#visual .typo .tt1{font-family: 'NanumSquareLight'; font-size: 60px; text-shadow: 2px 2px 2px rgba(0,0,0,0.12); position: relative; height:230px; line-height:50px; }
#visual .typo .tt1 p.t_b{font-family: 'NanumSquareExtraBold'; font-size: 80px; display: inline-block; position: relative;}
#visual .typo .tt1 p.t_b span.color1{color: #e0b363;}
#visual .typo .tt1 span.dot{width: 9px; height: 9px; position: absolute; border-radius: 5px; display: inline-block; background: #fff; }
#visual .typo .tt1 span.dot1{bottom:90px; left: 37px;}
#visual .typo .tt1 span.dot2{bottom:90px; left: 115px;}
#visual .typo .tt1 span.dot3{bottom:90px; left: 220px;}
#visual .typo .tt1 span.dot4{bottom:90px; left: 293px;}

#visual .typo .eng{font-size: 40px; opacity: 0.1; margin-top: 40px}

/* PC 전용: 모바일용 @media는 전부 삭제됨 */

.section{width: 100%; position: relative; height: 1000px;}
.section .title{font-family: 'NanumSquareLight'; color: #111; line-height: 1.4; margin-bottom: 40px; letter-spacing: -1px;}
.section .title .p0{font-family: 'NanumSquareBold';}
.section .title .p1{font-size: 50px;}
.section .title .p1 span{font-family: 'NanumSquareExtraBold';}
.section .s_cont{font-size: 16.4px; line-height: 1.6; font-family: 'eScoreDream'; color: #555; word-break: keep-all;}
.section .s_cont_btn{font-size: 20px; line-height: 1.6; font-family: 'eScoreDream'; color: #555; word-break: keep-all; background-color:#ffffff; width:200px; height:50px; display:flex; 
align-items:center; justify-content:center; border-radius:5px; font-weight:bold;}

#s1{background: url(../img/s1_bg.jpg) no-repeat center center; background-size: cover; padding-top: 250px;}
#s1 .title .p0{font-size: 20px; margin-bottom: 10px;}

#s2{background: url(../img/s2_bg.jpg) no-repeat center center; background-attachment: fixed; padding-top: 250px; }
#s2 .right{width: 55%; float: right;}

#s3{background: url(../img/s3_bg.jpg) no-repeat center center; background-size: cover; padding-top: 170px;}
#s3 .title .p0{font-size: 40px; margin-bottom: 5px; font-family: 'NanumSquareLight';}

.scale-up-center{
  -webkit-animation:scale-up-center 1.2s cubic-bezier(.39,.575,.565,1.000) 1.2s both;
  animation:scale-up-center .9s cubic-bezier(.39,.575,.565,1.000) 0.8s both
}

/* ----------------------------------------------
 * Generated by Animista on 2025-8-26 13:51:53
 * Licensed under FreeBSD License.
 * ---------------------------------------------- */
@-webkit-keyframes scale-up-center{
  0%{-webkit-transform:scale(0);transform:scale(0)}
  100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scale-up-center{
  0%{-webkit-transform:scale(0);transform:scale(0)}
  100%{-webkit-transform:scale(1);transform:scale(1)}
}