@charset "UTF-8";
html { font-family: 'NanumSquare','Malgun Gothic','돋움', Dotum, Helvetica, Arial, sans-serif; line-height: 1.5; }

html p { margin: 0; }

@media (max-width: 769px) { #fp-nav { display: none; } }

#fp-nav ul li a span, #fp-nav .fp-slidesNav ul li a span { opacity: 0.5; }

.header { position: absolute; top: 30px; left: 120px; z-index: 2; }

.header strong { display: none; }

.header .logo { position: absolute; top: 0; left: 0; width: 170px; height: 19px; opacity: 0; -webkit-transition: opacity 0.7s; transition: opacity 0.7s; background-size: contain; background-repeat: no-repeat; }

.header .logo.white { background-image: url("../images/brand/pc/logo_w.png"); }

.header .logo.red { background-image: url("../images/brand/pc/logo_r.png"); }

@media (max-width: 769px) { .header { top: 6.94444vw; left: 5.55556vw; }
  .header .logo { width: 35.13889vw; height: 4.02778vw; }
  .header .logo.white { background-image: url("../images/brand/mo/logo_w.png"); }
  .header .logo.red { background-image: url("../images/brand/mo/logo_r.png"); } }

.fp-viewing-p1 .white, .fp-viewing-p6 .white, .fp-viewing-p8 .white { opacity: 1; }

.fp-viewing-p1 #fp-nav ul li a span, .fp-viewing-p1 .fp-slidesNav ul li a span, .fp-viewing-p6 #fp-nav ul li a span, .fp-viewing-p6 .fp-slidesNav ul li a span, .fp-viewing-p8 #fp-nav ul li a span, .fp-viewing-p8 .fp-slidesNav ul li a span { background-color: white; }

.fp-viewing-p2 .red, .fp-viewing-p3 .red, .fp-viewing-p4 .red, .fp-viewing-p5 .red, .fp-viewing-p7 .red { opacity: 1; }

.page { height: 100vh; }

.page.intro { position: relative; }

.page.intro > .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100vw; height: 100vh; }

.page.intro .bg video { position: absolute; top: 50%; left: 50%; width: auto; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.page.intro .bg video.wMax { width: 100%; height: auto; }

.page.intro .inner { position: relative; color: #fff; text-align: center; z-index: 3; }

.page.intro .txt-effect > span { font-size: 64px; }

@media (max-width: 789px) { .page.intro .txt-effect > span { font-size: 10.41667vw; } }

.page.intro .txt-effect > span + span { margin-top: 0.4em; }

.page.fast .inner, .page.allin .inner, .page.want .inner, .page.guide .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.page.fast .inner .box:first-child, .page.allin .inner .box:first-child, .page.want .inner .box:first-child, .page.guide .inner .box:first-child { width: 548px; }

@media (max-width: 769px) { .page.fast .inner, .page.allin .inner, .page.want .inner, .page.guide .inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .page.fast .inner .box, .page.allin .inner .box, .page.want .inner .box, .page.guide .inner .box { text-align: center; }
  .page.fast .inner .box:first-child, .page.allin .inner .box:first-child, .page.want .inner .box:first-child, .page.guide .inner .box:first-child { width: auto; } }

@media (max-width: 769px) { .page.fast .box + .box { margin-top: 15.27778vw; } }

@media (max-width: 769px) { .page.fast .box img { width: 55.55556vw; } }

@media (max-width: 769px) { .page.allin .box img, .page.want .box img, .page.guide .box img { width: 83.33333vw; } }

@media (max-width: 769px) { .page.want .box + .box { margin-top: 6.94444vw; } }

.page.count { background: url("../images/brand/pc/bg_content6.png") center center; background-size: cover; }

.page.count .inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; gap: 224px; }

.page.count .inner .box { font-weight: 900; }

.page.count .inner .box strong { display: block; font-size: 54px; }

.page.count .inner .box em { margin-right: 10px; display: inline-block; font-style: normal; }

.page.count .inner .box span { font-size: 80px; }

.page.count .inner .box + .box { position: relative; }

.page.count .inner .box + .box:before { position: absolute; content: ''; width: 2px; height: 100%; top: 0; left: -112px; background-color: rgba(255, 255, 255, 0.3); }

.page.count .inner .sub { position: absolute; top: 150%; left: 50%; font-size: 24px; font-weight: bold; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

@media (max-width: 769px) { .page.count .inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; }
  .page.count .inner .box { text-align: center; }
  .page.count .inner .box strong { font-size: 7.36111vw; }
  .page.count .inner .box span { font-size: 11.11111vw; }
  .page.count .inner .box + .box { margin-top: 11.11111vw; }
  .page.count .inner .box + .box:before { display: none; }
  .page.count .inner .sub { margin-top: 11.11111vw; position: static; font-size: 3.33333vw; -webkit-transform: none; transform: none; text-align: center; } }

.page.mov .inner { text-align: center; }

.page.mov .video { display: block; margin: 0 auto; width: 960px; height: 542px; }

.page.mov p { margin-top: 42px; font-size: 22px; font-weight: bold; }

@media (max-width: 769px) { .page.mov .video { width: 100%; height: 56.38889vw; }
  .page.mov p { font-size: 3.88889vw; }
  .page.mov p span { display: block; } }

.page.last .fp-tableCell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.page.last .line { position: relative; height: 100%; }

.page.last .line .inner { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; }

.page.last .line .inner span, .page.last .line .inner strong { color: #fff; }

.page.last .line .inner span { font-weight: 400; }

.page.last .line .inner strong { font-weight: 900; }

.page.last .line .btn-wrap { margin-top: 40px; }

.page.last .line .btn-wrap .btn { display: inline-block; width: 236px; height: 58px; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; background-repeat: no-repeat; background-size: contain; }

.page.last .line .btn-wrap .apple { background-image: url("../images/brand/pc/btn_apple.png"); }

.page.last .line .btn-wrap .google { margin-left: 20px; background-image: url("../images/brand/pc/btn_google.png"); }

@media (max-width: 769px) { .page.last .line .inner span, .page.last .line .inner strong { font-size: 3.88889vw; }
  .page.last .line .btn-wrap { margin-top: 4.16667vw; }
  .page.last .line .btn-wrap .btn { width: 40.27778vw; height: 14.72222vw; }
  .page.last .line .btn-wrap .apple { background-image: url("../images/brand/mo/btn_apple.png"); }
  .page.last .line .btn-wrap .google { margin-left: 20px; background-image: url("../images/brand/mo/btn_google.png"); } }

.page.last .footer { padding: 40px 0; background-color: #f9f9f9; }

.page.last .footer .inner { position: relative; margin: 0 auto; width: 1200px; }

.page.last .footer .logo { overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; width: 130px; height: 15px; background: url("../images/brand/pc/logo_footer.png") no-repeat; }

.page.last .footer .company { margin-top: 22px; color: #464646; font-size: 14px; line-height: 2em; }

.page.last .footer .company a { text-decoration: none; color: inherit; }

.page.last .footer .company .line .data { display: inline-block; }

.page.last .footer .company .line .data + .data { position: relative; margin-left: 20px; }

.page.last .footer .company .line .data + .data:before { position: absolute; content: ''; left: -12px; top: 50%; width: 1px; height: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background-color: #464646; }

.page.last .footer .util { position: absolute; top: 0; right: 0; color: #464646; }

.page.last .footer .util a { display: inline-block; margin-left: 16px; text-decoration: none; color: inherit; }

.page.last .footer .sns { position: absolute; top: 60px; right: 0; }

.page.last .footer .sns a { display: inline-block; margin-left: 10px; width: 58px; height: 58px; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; }

.page.last .footer .sns .naver { background: url("../images/brand/pc/btn_naver.png") no-repeat; }

.page.last .footer .sns .facebook { background: url("../images/brand/pc/btn_facebook.png") no-repeat; }

.page.last .footer .sns .insta { background: url("../images/brand/pc/btn_insta.png") no-repeat; }

@media (max-width: 769px) { .page.last .footer { padding: 9.72222vw 0; }
  .page.last .footer .inner { padding: 0 8.33333vw; width: auto; letter-spacing: -0.05em; }
  .page.last .footer .logo { width: 35.83333vw; height: 4.16667vw; background-size: contain; background-image: url("../images/brand/mo/logo_footer.png"); }
  .page.last .footer .company { font-size: 3.61111vw; line-height: 1.7em; }
  .page.last .footer .company .line .data { display: block; }
  .page.last .footer .company .line:nth-child(1) .data:nth-child(1) { display: inline-block; }
  .page.last .footer .company .line:nth-child(1) .data:nth-child(2) { display: inline-block; }
  .page.last .footer .company .line:nth-child(1) .data:nth-child(2) ~ .data { margin-left: 0; }
  .page.last .footer .company .line:nth-child(1) .data:nth-child(2) ~ .data:before { display: none; }
  .page.last .footer .company .line:nth-child(2) .data { margin-left: 0; }
  .page.last .footer .company .line:nth-child(2) .data:before { display: none; }
  .page.last .footer .util, .page.last .footer .sns { position: static; }
  .page.last .footer .util { margin-top: 5.55556vw; font-size: 3.61111vw; }
  .page.last .footer .util a { margin-left: 4.16667vw; }
  .page.last .footer .util a:first-child { margin-left: 0; }
  .page.last .footer .sns { margin-top: 5.55556vw; }
  .page.last .footer .sns a { margin-left: 2.77778vw; width: 13.05556vw; height: 13.05556vw; background-size: contain !important; }
  .page.last .footer .sns a:first-child { margin-left: 0; }
  .page.last .footer .sns .naver { background-image: url("../images/brand/mo/btn_naver.png"); }
  .page.last .footer .sns .facebook { background-image: url("../images/brand/mo/btn_facebook.png"); }
  .page.last .footer .sns .insta { background-image: url("../images/brand/mo/btn_insta.png"); } }

.page .gif-wrap { position: relative; }

.page .gif-wrap .gif { display: block; width: 500px; height: auto; }

.page .gif-wrap:after { position: absolute; content: ''; top: 100%; left: 0; width: 100%; height: 1px; background: #dfdfdf; background: -webkit-gradient(linear, left top, right top, from(rgba(223, 223, 223, 0)), color-stop(20%, #dfdfdf), color-stop(80%, #dfdfdf), to(rgba(223, 223, 223, 0))); background: linear-gradient(90deg, rgba(223, 223, 223, 0) 0%, #dfdfdf 20%, #dfdfdf 80%, rgba(223, 223, 223, 0) 100%); }

.txt-effect > span, .txt-effect > strong { position: relative; display: block; height: 1.1em; line-height: 1.1em; font-size: 54px; font-weight: 900; overflow: hidden; }

@media (max-width: 789px) { .txt-effect > span, .txt-effect > strong { font-size: 8.61111vw; } }

.txt-effect > span + span, .txt-effect > span + strong, .txt-effect > strong + span, .txt-effect > strong + strong { margin-top: 0.3em; }

.txt-effect em { position: relative; display: block; font-style: normal; -webkit-transform: translate(0, 120%); transform: translate(0, 120%); }

.fp-completely .txt-effect span em, .fp-completely .txt-effect strong em { -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 0.8s; transition: all 0.8s; }

.fp-completely .txt-effect span:nth-child(1) em, .fp-completely .txt-effect strong:nth-child(1) em { -webkit-transition-delay: 0.0s; transition-delay: 0.0s; }

.fp-completely .txt-effect span:nth-child(2) em, .fp-completely .txt-effect strong:nth-child(2) em { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

.fp-completely .txt-effect span:nth-child(3) em, .fp-completely .txt-effect strong:nth-child(3) em { -webkit-transition-delay: 1.0s; transition-delay: 1.0s; }

.float-btn a { position: fixed; display: block; bottom: 28px; right: 120px; width: 348px; height: 96px; border-radius: 48px; -webkit-transition: all 0.7s; transition: all 0.7s; background-color: #680707; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; z-index: 5; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }

.float-btn a:after { position: absolute; content: ''; width: 188px; height: 23px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: contain; background-image: url("../images/brand/pc/btn_download_txt.png"); }

.fp-viewing-p8 .float-btn a { bottom: 220px; }

@media (max-width: 769px) { .float-btn a { right: auto; left: 50%; bottom: 7.63889vw; width: 83.33333vw; border-radius: 7.36111vw; height: 14.72222vw; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: all 0.4s; transition: all 0.4s; }
  .float-btn a:after { width: 36.52778vw; height: 4.16667vw; background-image: url("../images/brand/mo/btn_download_txt.png"); }
  .fp-viewing-p2 .float-btn a, .fp-viewing-p3 .float-btn a, .fp-viewing-p4 .float-btn a, .fp-viewing-p5 .float-btn a, .fp-viewing-p6 .float-btn a, .fp-viewing-p7 .float-btn a { width: 100%; bottom: 0; border-radius: 0; }
  .fp-viewing-p8 .float-btn a { bottom: -16.66667vw; } }