@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
#page-content-wrapper {  background-color: transparent;}
#fullpage {  height: 100vh !important;}
html.safari.mobile #footer {  min-height: 300px;}
.video-section video {  min-height: 100%;  min-width: 100%;}
.video-section .bg-overlay {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  background-color: rgba(0, 0, 0, 0.3);  z-index: 1;  -webkit-transition: all 1s;  -moz-transition: all 1s;  transition: all 1s;}
.video-section .home-text .desc {  margin-top: 11px;  margin-bottom: 42px;}
.video-section .home-text .btn-more {padding:10px 30px;display:inline-block;opacity:0;transition:0.5s;/*transition: background-color 0.5s;*/}
.home-text {z-index: 2;color:#fff;}
.home-text .sub-title, .home-text .title, .home-text .desc {  opacity: 0;  -webkit-transition: opacity 0.5s;  -moz-transition: opacity 0.5s;  -ms-transition: opacity 0.5s;  transition: opacity 0.5s;}
.home-text .title {position: relative;  font-size: 45px;  font-weight: 500;}
.home-text .desc {width: 80%;font-size: 16px;font-weight: 300;  line-height: 1.5;font-family:'NanumSquare';color:#fff;}
.video-section .home-text .btn-more {background:#21bbb1;border:1px solid #21bbb1;color:#fff;display:inline-block;font-size:14px;text-decoration:none;font-family: 'PT Serif' !important;}
.video-section .home-text .btn-more:hover {background-color:#000;border:1px solid #000;}
.home-text {}
.home-text .title {font-size:26px;font-family: 'Nanum Myeongjo';margin-top:0px;}
.home-text .desc {font-size: 13px; }
@media screen and (min-width: 1400px) {
.home-text {font-size:100%;  }
}
@media screen and (min-width: 992px) {
.video-section .home-text .btn-more {background:#21bbb1;border:1px solid #21bbb1;color:#fff;display:inline-block;font-size:14px;text-decoration:none;font-family: 'PT Serif' !important;}
.video-section .home-text .btn-more:hover {background-color:#000;border:1px solid #000;}
.home-text {}
.home-text .title {font-size:54px;margin-top:0px;}
.home-text .desc {font-size: 20px; }
}
@media screen and (min-width: 768px) {
  .video-section .home-text .desc {margin-top:17px;margin-bottom:50px;}
}
@keyframes slideUpSkew {
  from {
    opacity: 0;
    transform: translateY(30px) skew(-10deg);
  }
  to {
    opacity: 1;
    transform: translateY(0px) skew(0deg);
  }
}
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes scaleDown {
  from {
    transform: scale(1.05);
  }
  to {
    transform: scale(1);
  }
}
.section.active .sub-title[data-effect='slideUpSkew'] {
  animation: slideUpSkew 1s .5s ease 1 forwards;
}
.section.active .title[data-effect='slideUpSkew'] {
  animation: slideUpSkew 1s .7s ease 1 forwards;
}
.section.active .desc[data-effect='slideUp'] {
  animation: slideUp 1s .9s ease 1 forwards;
}
.section.active .btn-more[data-effect='slideUp'] {
  animation: slideUp 1s 1.1s ease 1 forwards;
}


/*=================================================
    ¸ÞÀÎǪÅÍ (ÇÁ·ÎÁ§Æ®¿¡ µû¶ó¼­ ¸¹ÀÌ Â÷À̳²)
=================================================*/
footer {position:relative;width:100%;padding:25px 0;  background-color: #222222;  text-align: left;  font-size: 13px;  font-family: "Noto Sans KR", sans-serif;  line-height: 1.76;  color: #aaaaaa;  z-index: 150;}
.footer {padding-bottom:50px;}
.footer > .inner {max-width:1400px; margin:auto;padding:0px 50px;}
.footer > .inner a {color:#999 !important}
.footer > .inner .companyInfo {float:left}
.footer > .inner .companyInfo p {color:#999; line-height:1.75}
.footer > .inner .companyInfo ul li {display:inline-block; color:#999; line-height:1.75; margin-right:10px}
.footer > .inner .copyright {float:right; color:#999; line-height:1.75; padding-top:25px}
@media screen and (min-width: 768px) {
footer {padding:43px 0;}
.footer {padding-bottom:0px;}
}


.video-section {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  min-height: 100%;
  min-width: 100%;
  width: 100%;
  visibility: hidden;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.video-section.active {
  visibility: visible;
  opacity: 1;
  z-index: 20;
}
#fp-nav ul li {
  display: block;
  width: 10px;
  height: 10px;
  margin-bottom: 30px;
  position: relative;
}
#fp-nav ul li a span {
  width: 11px;
  height: 11px;
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  border-radius: 50%;
  background: transparent;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  z-index: 1;
}
#fp-nav ul li a span:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-16px, -16px);
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0;
}
#fp-nav ul li a span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -195px;
  width: 175px;
  text-align: right;
  font-size: 13px;
  font-family: "PT Serif", serif;
  font-style: italic;
  text-transform: uppercase;
  transform: translateY(-50%);
  letter-spacing: 0.05em;
  color: #fff;
  opacity: 0;
  -webkit-transition: all 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
  -moz-transition: all 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
  -ms-transition: all 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
  transition: all 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
  -webkit-transform: translate3d(30px, -50%, 0);
  -moz-transform: translate3d(30px, -50%, 0);
  -ms-transform: translate3d(30px, -50%, 0);
  transform: translate3d(30px, -50%, 0);
}
@media screen and (min-width: 992px) {
  #fp-nav ul li:nth-of-type(1) span:after {
    content: " "; /*===ÅؽºÆ® »ðÀÔ ===*/
  }
  #fp-nav ul li:nth-of-type(2) span:after {
    content: " "; /*===ÅؽºÆ® »ðÀÔ ===*/
  }
  #fp-nav ul li:nth-of-type(3) span:after {
    content: " "; /*===ÅؽºÆ® »ðÀÔ ===*/
  }
  #fp-nav ul li:nth-of-type(4) span:after {
    content: " "; /*===ÅؽºÆ® »ðÀÔ ===*/
  }
}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span {
  height: 11px;
  width: 11px;
  margin: 0;
  background-color: #fff;
}
#fp-nav ul li a.active span:before,
#fp-nav ul li:hover a.active span:before {
  opacity: 0.1;
}
#fp-nav ul li a.active span:after,
#fp-nav ul li:hover a.active span:after {
  transform: translateX(0px);
  opacity: 1;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
#fp-nav ul li:hover a span {
  width: 11px;
  height: 11px;
  margin: 0;
}
#fp-nav.right {
  right: 6.6%;
}
@media screen and (min-width: 992px) {
  #fp-nav.right:before {
    content: "";
    display: block;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 100vh;
    z-index: 1;
    /*background-color: rgba(255, 255, 255, 0.3);*/
  }
}