@charset "utf-8";



.mainCon {width:100%; position:relative; margin:120px auto 0; padding:0 0 0 240px; box-sizing:border-box;}
.mainCon .inner {width:100%; /* max-width:1630px; */ position:relative; margin:0 auto; padding:30px 90px; box-sizing:border-box;}
.mainCon .titleArea {width:100%; position:relative; margin:0 auto 80px; padding:0;}
.mainCon .titleArea p,
.mainCon .titleArea div,
.mainCon .titleArea a {display:block; width:100%; position:relative; text-align:center; margin:0 auto; padding:0; color:#000; vertical-align:middle;}
.mainCon .titleArea.white p {color:#fff;}
.mainCon .titleArea .img {text-align:center;}
.mainCon .titleArea .img img {max-width:100%; vertical-align:top;}
.mainCon .titleArea .tit {font-size:60px; line-height:60px; font-weight:700;}
.mainCon .titleArea .t1 {font-size:48px; line-height:54px; font-weight:700;}
.mainCon .titleArea .t2 {font-size:17px; line-height:26px; font-weight:400; margin-top:30px !important;}
.mainCon .titleArea .t3 {font-size:30px; line-height:36px; font-weight:900;}
.mainCon .titleArea .t4 {font-size:14px; line-height:22px; font-weight:400; margin-top:30px !important;}
.mainCon .titleArea .t4 a {display:inline; color:#9d28a0;}

.mainCon .titleArea.tal p,
.mainCon .titleArea.tal div,
.mainCon .titleArea.tal a {text-align:left; margin:0;}


@media screen and (max-width:1600px){
  .mainCon {padding:0 0 0 200px;}
  .mainCon .inner {padding:20px 70px;}
  .mainCon .titleArea .tit {font-size:54px; line-height:54px;}
  .mainCon .titleArea .t1 {font-size:42px; line-height:54px;}
  .mainCon .titleArea .t2 {font-size:16px; line-height:25px;}
  .mainCon .titleArea .t3 {font-size:27px; line-height:33px;}
  .mainCon .titleArea .t4 {}
}

@media screen and (max-width:1280px){
  .mainCon {padding:0 0 0 180px;}
  .mainCon .inner {padding:15px 50px;}
  .mainCon .titleArea .tit {font-size:50px; line-height:50px;}
  .mainCon .titleArea .t1 {font-size:38px; line-height:50px;}
  .mainCon .titleArea .t2 {font-size:15px; line-height:24px;}
  .mainCon .titleArea .t3 {font-size:25px; line-height:31px;}
  .mainCon .titleArea .t4 {font-size:14px; line-height:20px;}
}

@media screen and (max-width:1080px){
  .mainCon {padding:0;}
  .mainCon .inner {padding:10px 30px;}
  .mainCon .titleArea .tit {font-size:46px; line-height:46px;}
  .mainCon .titleArea .t1 {font-size:34px; line-height:46px;}
  .mainCon .titleArea .t2 {font-size:14px; line-height:23px;}
  .mainCon .titleArea .t3 {font-size:23px; line-height:29px;}
  .mainCon .titleArea .t4 {font-size:13px; line-height:20px;}
}

@media screen and (max-width:960px){
  .mainCon {margin:100px auto 0;}
  .mainCon .titleArea {margin:0 auto 60px;}
  .mainCon .titleArea .tit {font-size:42px; line-height:42px;}
  .mainCon .titleArea .t1 {font-size:30px; line-height:42px;}
  .mainCon .titleArea .t2 {font-size:13px; line-height:22px;}
  .mainCon .titleArea .t3 {font-size:21px; line-height:27px;}
  .mainCon .titleArea .t4 {}
}

@media screen and (max-width:768px){
  .mainCon .inner {padding:0 15px;}
  .mainCon .titleArea .tit {font-size:36px; line-height:36px;}
  .mainCon .titleArea .t1 {font-size:26px; line-height:36px;}
  .mainCon .titleArea .t2 {font-size:13px; line-height:21px;}
  .mainCon .titleArea .t3 {font-size:18px; line-height:24px;}
  .mainCon .titleArea .t4 {font-size:12px; line-height:20px;}
}

@media screen and (max-width:640px){
  .mainCon {margin:80px auto 0;}
  .mainCon .titleArea {margin:0 auto 40px;}
  .mainCon .titleArea .tit {font-size:32px; line-height:32px;}
  .mainCon .titleArea .t1 {font-size:22px; line-height:32px;}
  .mainCon .titleArea .t2 {font-size:12px; line-height:20px;}
  .mainCon .titleArea .t3 {font-size:16px; line-height:21px;}
  .mainCon .titleArea .t4 {font-size:11px; line-height:20px;}
}

@media screen and (max-width:480px){
  .mainCon {margin:60px auto 0;}
  .mainCon .titleArea {margin:0 auto 30px;}
  .mainCon .titleArea .tit {font-size:28px; line-height:28px;}
  .mainCon .titleArea .t1 {font-size:18px; line-height:28px;}
  .mainCon .titleArea .t2 {font-size:11px; line-height:20px;}
  .mainCon .titleArea .t3 {font-size:14px; line-height:20px;}
  .mainCon .titleArea .t4 {font-size:11px; line-height:18px;}
}



/* Fullpage 관련 스타일 :: S */

#fp-nav {}
#fp-nav ul {}
#fp-nav ul li {margin:0 auto 7px !important;}
#fp-nav ul li:last-child {margin:0 auto !important;}
#fp-nav ul li a {}
#fp-nav ul li a span {width:8px !important; height:8px !important; background:rgba(255,255,255,0.6) !important; border:2px solid #fff !important; box-sizing:border-box; margin:-4px 0 0 -4px !important; opacity:0.7; font-size:12px; line-height:16px;}
#fp-nav ul li a.active span {width:12px !important; height:12px !important; margin:-6px 0 0 -6px !important; background:rgba(255,255,255,0.8) !important; opacity:1;}
#fp-nav ul li div.fp-tooltip {height:20px; font-size:11px; line-height:20px; padding:0 12px; box-sizing:border-box; border-radius:10px; background:rgba(0,0,0,0.8); margin-top:-1px;}

.twin.normal {
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
}
.twin.fast {
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.twin.slow {
transition:all 1s ease;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
-ms-transition:all 1s ease;
}
.delay_100 {transition-delay:0.1s !important;}
.delay_200 {transition-delay:0.2s !important;}
.delay_300 {transition-delay:0.3s !important;}
.delay_400 {transition-delay:0.4s !important;}
.delay_500 {transition-delay:0.5s !important;}
.delay_600 {transition-delay:0.6s !important;}
.delay_700 {transition-delay:0.7s !important;}
._alpha {opacity:0 !important;}
._alpha.act {opacity:1 !important;}
._up {margin-top:50px !important;}
._up.act {margin-top:0 !important;}
._down {margin-top:-50px !important;}
._down.act {margin-top:0 !important;}
._left {margin-left:50px !important;}
._left.act {margin-left:0 !important;}
._right {margin-left:-50px !important;}
._right.act {margin-left:0 !important;}

.fullpage {}
.fullpage .section {box-sizing:border-box; background-size:cover !important;}
.fullpage .section .banner {width:100%; height:100%; position:relative; background-size:cover !important;}

.fullpage .section .movBannerWrap {width:100%; height:100%; position:absolute; top:0; left:0; z-index:3; overflow:hidden;}
.fullpage .section .movBannerWrap .mov {display:block; position:absolute;}
.fullpage .section .movBannerWrap .mov video {display:block; width:100%; position:relative;}

.fullpage .section .typoArea {width:calc(100% - 240px); height:100%; position:absolute; top:0; right:0; margin:0; padding:0 0 120px 0; box-sizing:border-box; z-index:5;}

.fullpage .section .typoArea .noti {display:block; width:72px; height:16px; text-align:center; position:absolute; top:70px; right:20px; margin:0; padding:0; font-size:12px; line-height:16px; font-weight:400; color:#fff; transform:rotate(90deg);}

.fullpage .section .typoArea .typo {width:100%; height:100%; position:relative; margin:0; padding:30px 90px; box-sizing:border-box;}
.fullpage .section .typoArea .typo .disT {}
.fullpage .section .typoArea .typo .disTC {text-align:left; vertical-align:bottom;}
.fullpage .section .typoArea .typo .disTC > * {display:block; text-align:left; position:relative; margin:0; padding:0; color:#fff;}
.fullpage .section .typoArea .typo .tit {font-size:60px; line-height:60px; font-weight:700;}
.fullpage .section .typoArea .typo .desc {max-width:800px; margin-top:30px !important;}
.fullpage .section .typoArea .typo .desc,
.fullpage .section .typoArea .typo .desc * {font-size:17px; line-height:26px; font-weight:400; color:#fff; margin:0; padding:0;}

.fullpage .section .typoArea .social {width:100%; height:120px; position:absolute; bottom:0; right:0; padding:0 90px; box-sizing:border-box;}
.fullpage .section .typoArea .social:before {display:block; content:''; width:100%; height:1px; position:absolute; top:0; left:0; background:#ababab; opacity:0.3;}
.fullpage .section .typoArea .social .disT {}
.fullpage .section .typoArea .social .disTC {text-align:left; vertical-align:middle;}
.fullpage .section .typoArea .social a {display:inline-block; width:70px; height:70px; position:relative; vertical-align:middle; margin:0 15px 0 0; padding:0; font-size:14px; line-height:20px; font-weight:600; color:#fff;}
.fullpage .section .typoArea .social a:last-child {margin:0;}
.fullpage .section .typoArea .social a.b1 {width:auto; height:auto;}
.fullpage .section .typoArea .social a img {width:100%;}


@media screen and (max-width:1600px){
  .fullpage .section .typoArea {width:calc(100% - 200px); padding:0 0 100px 0;}

  .fullpage .section .typoArea .typo {padding:20px 70px;}
  .fullpage .section .typoArea .typo .tit {font-size:54px; line-height:54px;}
  .fullpage .section .typoArea .typo .desc {}
  .fullpage .section .typoArea .typo .desc,
  .fullpage .section .typoArea .typo .desc * {font-size:16px; line-height:25px;}

  .fullpage .section .typoArea .social {height:100px; padding:0 70px;}
}

@media screen and (max-width:1280px){
  .fullpage .section .typoArea {width:calc(100% - 180px); padding:0 0 90px 0;}

  .fullpage .section .typoArea .typo {padding:15px 50px;}
  .fullpage .section .typoArea .typo .tit {font-size:50px; line-height:50px;}
  .fullpage .section .typoArea .typo .desc {margin-top:25px !important;}
  .fullpage .section .typoArea .typo .desc,
  .fullpage .section .typoArea .typo .desc * {font-size:15px; line-height:24px;}

  .fullpage .section .typoArea .social {height:90px; padding:0 50px;}
  .fullpage .section .typoArea .social a {width:60px; height:60px; margin:0 12px 0 0;}
  .fullpage .section .typoArea .social a:last-child {margin:0;}
}

@media screen and (max-width:1080px){
  .fullpage .section .typoArea {width:100%; padding:0 0 80px 0;}

  .fullpage .section .typoArea .noti {top:120px; right:-10px; font-size:10px;}

  .fullpage .section .typoArea .typo {padding:10px 30px;}
  .fullpage .section .typoArea .typo .tit {font-size:46px; line-height:46px;}
  .fullpage .section .typoArea .typo .desc,
  .fullpage .section .typoArea .typo .desc * {font-size:14px; line-height:23px;}

  .fullpage .section .typoArea .social {height:80px; padding:0 30px;}
  .fullpage .section .typoArea .social a {width:50px; height:50px; margin:0 10px 0 0;}
  .fullpage .section .typoArea .social a:last-child {margin:0;}
}

@media screen and (max-width:960px){
  .fullpage .section .typoArea {padding:0 0 70px 0;}

  .fullpage .section .typoArea .typo {padding:10px 25px;}
  .fullpage .section .typoArea .typo .tit {font-size:42px; line-height:42px;}
  .fullpage .section .typoArea .typo .desc {margin-top:20px !important;}
  .fullpage .section .typoArea .typo .desc,
  .fullpage .section .typoArea .typo .desc * {font-size:13px; line-height:22px;}

  .fullpage .section .typoArea .social {height:70px; padding:0 25px;}
  .fullpage .section .typoArea .social a {width:40px; height:40px; margin:0 8px 0 0;}
  .fullpage .section .typoArea .social a:last-child {margin:0;}
}

@media screen and (max-width:768px){
  .fullpage .section .typoArea .typo {padding:10px 20px;}
  .fullpage .section .typoArea .typo .tit {font-size:36px; line-height:36px;}
  .fullpage .section .typoArea .typo .desc,
  .fullpage .section .typoArea .typo .desc * {font-size:13px; line-height:22px;}

  .fullpage .section .typoArea .social {padding:0 20px;}
  .fullpage .section .typoArea .social a {width:36px; height:36px; margin:0 6px 0 0;}
  .fullpage .section .typoArea .social a:last-child {margin:0;}
}

@media screen and (max-width:640px){
  .fullpage .section .typoArea .typo {padding:10px 15px;}
  .fullpage .section .typoArea .typo .tit {font-size:32px; line-height:32px;}
  .fullpage .section .typoArea .typo .desc {margin-top:15px !important;}
  .fullpage .section .typoArea .typo .desc,
  .fullpage .section .typoArea .typo .desc * {font-size:12px; line-height:22px;}

  .fullpage .section .typoArea .social {padding:0 15px;}
  .fullpage .section .typoArea .social a {width:32px; height:32px; margin:0 5px 0 0;}
  .fullpage .section .typoArea .social a:last-child {margin:0;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* Fullpage 관련 스타일 :: E */



/* 풀페이지 슬라이드 섹션 - 1 :: S */
.fullpage .section.sec1 {}
.fullpage .section.sec1 {}
/* 풀페이지 슬라이드 섹션 - 1 :: E */