@charset "utf-8";

/* =====================
   VISUAL 영역
===================== */
#visual{
  width: 100%;
  height: 410px;
  background: url(../img/main_bg_m.jpg) no-repeat center center;
  background-size: cover;
}
#visual .line{width: 260px; opacity: 0.2;}
#visual .typo{padding-top: 90px; text-align: center; color: #fff;}
#visual .typo .tt1{
  font-family: 'NanumSquareLight';
  font-size: 22px;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.12);
  position: relative;
}
#visual .typo .tt1 p.t_b{
  font-family: 'NanumSquareExtraBold';
  font-size: 32px;
  display: inline-block;
  position: relative;
}
#visual .typo .tt1 p.t_b span.color1{color: #e0b363;}
#visual .typo .tt1 span.dot{
  width: 5px; height: 5px;
  position: absolute;
  border-radius: 5px;
  display: inline-block;
  background: #fff;
}
#visual .typo .tt1 span.dot1{bottom:46px; left:14px;}
#visual .typo .tt1 span.dot2{bottom:46px; left:40px;}
#visual .typo .tt1 span.dot3{bottom:46px; left:74px;}
#visual .typo .tt1 span.dot4{bottom:46px; left:103px;}

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


/* =====================
   SECTION 공통
===================== */
.section{width: 100%; position: relative; height: auto;}
.section .title{font-family: 'NanumSquareLight'; color: #111; line-height: 1.4; margin-bottom: 30px; letter-spacing: -1px;}
.section .title .p0{font-family: 'NanumSquareBold'; font-size: 17px; margin-bottom: 3px;}
.section .title .p1{font-size: 30px;}
.section .title .p1 span{font-family: 'NanumSquareExtraBold';}
.section .s_cont{font-size: 14.3px; line-height: 1.6; font-family: 'eScoreDream'; color: #555; word-break: keep-all;}
.img_area{margin-top: 35px; text-align: center;}
.img_area img{width: 80%;}


/* =====================
   SECTION 별도
===================== */
#s1{background:#fff; padding-top: 90px; overflow: hidden;}
#s1 .img1{position: absolute; right: 0; top: 0; width: 100px;}

#s2{background:#f0efe5; padding-top: 90px; overflow: hidden; background-size: cover; background-attachment: scroll;}
#s2 .right{width: 100%; float: none;}
#s2 .img1{position: absolute; right: -50px; top:30px; width: 150px;}

#s3{background:#ebf4ec; padding-top: 90px;}
#s3 .title .p0{font-size: 24px; margin-bottom: 5px;}


/* =====================
   애니메이션
===================== */
.scale-up-center{
  -webkit-animation:scale-up-center .9s cubic-bezier(.39,.575,.565,1.000) .8s both;
  animation:scale-up-center .9s cubic-bezier(.39,.575,.565,1.000) .8s both;
}
@-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%{transform:scale(0)}
  100%{transform:scale(1)}
}