@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700");
@import url("/font/webfonts_NotoSansKR.css");
@import url("/font/webfonts_NanumMyeongjo.css");
@import url("/font/webfonts_AritaBuri.css");
@import url("/font/dingbat_xeicon.css");
@import url("/jquery/css/slick.css");
/*-------------------------------------------------
title       : 초기화
Author      : ㅈㅁㅈ
Create date : 2020-01-13
-------------------------------------------------*/
*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

html { overflow: hidden; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 20px; }

body { overflow: hidden; margin: 0; padding: 0; font-size: 0.8rem; line-height: 1.5; font-family: "Noto Sans KR"; font-weight: 300; color: #555; }

header, footer, main, section, article, nav, aside { display: block; }

ul, ol, li, dl, dt, dd { margin: 0; padding: 0; list-style: none; }

h1, h2, h3, h4, h5, h6, p, form, figure, figcaption { margin: 0; padding: 0; }

fieldset, hr { display: block; margin: 0; padding: 0; border: 0 none; }

input, select { max-width: 100%; vertical-align: middle; }

input, select, button, textarea, optgroup { margin: 0; font-family: inherit; font-size: inherit; color: inherit; }

address, em, i { font-style: normal; }

strong { font-weight: 600; }

a { color: inherit; text-decoration: none; }

button { padding: 0; border: 0 none; background: none; cursor: pointer; }

input[type='submit'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

img { max-width: 100%; border: 0 none; font-size: 0; vertical-align: middle; }

table { width: 100%; border-collapse: collapse; }

caption, legend, .sr-only, .hidden, .blind, .IR { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0 none; clip: rect(0, 0, 0, 0); }

#skipNav { position: absolute; left: 0; top: -1000px; width: 100%; height: 0px; z-index: 1000; line-height: 0px; font-size: 0px; }

#skipNav a { display: block; text-align: center; width: 100%; line-height: 0px; font-size: 0px; }

#skipNav a:focus, #skipNav a:hover, #skipNav a:active { position: absolute; left: 0px; top: 1000px; padding: 8px 0; display: block; height: 30px; background: #20262c; font-size: 12px; font-weight: bold; line-height: 18px; color: #fff; }

.txt-left { text-align: left !important; }

.txt-center { text-align: center !important; }

.txt-right { text-align: right !important; }

.float-left { float: left !important; }

.float-right { float: right !important; }

.container { width: 76rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; }

.container::after { display: block; clear: both; content: ''; }

@media (max-width: 1530px) { html { font-size: 18px; } }

@media (max-width: 768px) { html { font-size: 16px; } }

/*-------------------------------------------------
title       : 메인
Author      : ㅈㅁㅈ
Create date : 2020-01-13
-------------------------------------------------*/
#header { position: fixed; left: 0; top: 0; z-index: 2; width: 100%; height: 4rem; padding: 0.5rem; border-bottom: 1px solid transparent; background-color: #fff; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s; }

#header::after { visibility: hidden; overflow: hidden; height: 0; opacity: 0; position: absolute; left: 0; bottom: -1px; z-index: 1; width: 0; height: 1px !important; background-color: #9c1c2b; content: ''; -webkit-transition: all 0s; transition: all 0s; }

#header #logo a { display: inline-block; overflow: hidden; height: 1.75rem; vertical-align: middle; }

#header #logo a img { display: block; height: 200%; margin-top: -1.75rem; -webkit-transition: all 0.2s; transition: all 0.2s; }

#header .scroll { font-size: 0.7rem; position: fixed; right: 0; bottom: 7rem; width: 4rem; padding-bottom: 2rem; font-weight: 400; color: #333; text-align: center; }

#header .scroll::before { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0; z-index: 1; width: 0.1rem; height: 0.65rem; margin-bottom: 0.65rem; background-color: #9c1c2b; content: ''; -webkit-animation: scroll 1.5s infinite; animation: scroll 1.5s infinite; }

#header .scroll::after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0; width: 0.1rem; height: 1.3rem; background-color: #ddd; content: ''; }

@-webkit-keyframes scroll { 0% { opacity: .8;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  80% { opacity: 1;
    -webkit-transform: translate(-50%, 15px);
            transform: translate(-50%, 15px); }
  100% { opacity: .8;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }

@keyframes scroll { 0% { opacity: .8;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  80% { opacity: 1;
    -webkit-transform: translate(-50%, 15px);
            transform: translate(-50%, 15px); }
  100% { opacity: .8;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }

#gnb { position: fixed; left: 0; top: 0; z-index: 1; width: 4rem; height: 100%; padding: 4rem 0 0; background-color: #fff; font-family: "AritaBuri"; -webkit-transition: all 0.2s; transition: all 0.2s; }

#gnb .txt { font-size: 0.7rem; color: #333; text-transform: uppercase; line-height: 4rem; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: mixed; }

#gnb .count { font-size: 0.75rem; position: absolute; bottom: 6rem; left: 0; width: 100%; padding: 0 1.25rem; color: #000; text-align: center; line-height: 1.8rem; }

#gnb .count strong { display: block; border-bottom: 1px solid #ddd; font-weight: 300; color: #9c1c2b; }

#gnb .control { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden; position: absolute; width: 1.25rem; height: 1.25rem; text-align: center; line-height: 1.25rem; }

#gnb .control::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; font-size: 1.25rem; color: #333; content: ''; }

#gnb .group { visibility: hidden; overflow: hidden; height: 0; opacity: 0; position: fixed; left: 4rem; top: 4rem; z-index: -1; width: calc(100% - 4rem); padding: 0; background-color: #f0f0f0; text-align: left; -webkit-transition: opacity 0.2s !important; transition: opacity 0.2s !important; }

#gnb .group .desc { font-size: 5rem; position: absolute; right: 0; top: 0; height: 100%; padding-right: 12rem; background: url("/why/img/gnb.jpg") no-repeat right 0; background-size: 13.5rem 100%; font-weight: 100; text-align: center; text-transform: uppercase; line-height: 1; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: mixed; }

#gnb .group .desc span { color: #9c1c2b; }

#gnb .group .list { display: inline-block; width: calc(100% + 2.5rem) !important; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1rem; position: relative; left: auto; width: 63.5rem !important; max-width: 100%; }

#gnb .group .list > * { clear: none; float: left !important; width: calc(33.33333% - 2.5rem) !important; margin-right: 2.5rem; }

#gnb .group .list > *:nth-child(n + 4) { margin-top: 1.5rem; }

#gnb .group .list > *:nth-child(1n + 1) { clear: none; }

#gnb .group .list > *:nth-child(2n + 1) { clear: none; }

#gnb .group .list > *:nth-child(3n + 1) { clear: none; }

#gnb .group .list > *:nth-child(4n + 1) { clear: none; }

#gnb .group .list > *:nth-child(5n + 1) { clear: none; }

#gnb .group .list > *:nth-child(6n + 1) { clear: none; }

#gnb .group .list > *:nth-child(3n + 1) { clear: both; }

#gnb .group .list a { display: block; position: relative; top: 1rem; opacity: 0; }

#gnb .group .list .title { display: block; position: relative; height: 2rem; padding-left: 6rem; line-height: 2rem; text-indent: -0.15rem; letter-spacing: -0.15rem; }

#gnb .group .list .title strong { font-weight: 300; }

#gnb .group .list .title em { font-size: 1.5rem; position: absolute; left: 0; top: 0.5rem; min-width: 2.25rem; border-bottom: 1px solid #9c1c2b; color: #9c1c2b; text-align: center; white-space: nowrap; }

#gnb .group .list .title span { font-size: 3rem; position: absolute; left: 3.25rem; top: 0.75rem; font-weight: 400; color: #9c1c2b; }

#gnb .group .list .img { display: block; padding: 0 0 0 1.5rem; }

#gnb.active .control::before { content: ''; }

#gnb.active .group { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; z-index: 1; height: calc(100% - 9rem); padding: 0 22rem 0 6rem; }

#gnb.active .group .list li a { top: 0; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; }

#gnb.active .group .list li:nth-child(1) a { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }

#gnb.active .group .list li:nth-child(2) a { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }

#gnb.active .group .list li:nth-child(3) a { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }

#gnb.active .group .list li:nth-child(4) a { -webkit-transition-delay: 1.0s; transition-delay: 1.0s; }

#gnb.active .group .list li:nth-child(5) a { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }

#gnb.active .group .list li:nth-child(6) a { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }

#gnb.active .group .list li:nth-child(7) a { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; }

#gnb.active .group .list li:nth-child(8) a { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; }

#footer { font-size: 0.7rem; position: fixed; left: 0; bottom: 0; z-index: 1; width: 100%; height: 5rem; background-color: #fff; color: #8e8e8e; text-align: center; line-height: 5rem; -webkit-transition: all 0.2s; transition: all 0.2s; }

#footer .sns { font-size: 1rem; position: absolute; right: 4rem; top: 1.5rem; }

#footer .sns li { display: inline; }

#footer .sns a { height: 2rem; border: 1px solid #e6e6e6; line-height: 1.9rem; display: inline-block; overflow: hidden; width: 2rem; border-radius: 100%; color: #aaa; text-align: center; vertical-align: top; }

#footer .sns a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; height: 200%; content: ' '; -webkit-transition: all 0.2s; transition: all 0.2s; }

#footer .sns a:hover::before, #footer .sns a:focus::before { margin-top: -2rem; }

#footer .sns a.blog::before { font-size: 1.1rem; font-weight: 900; content: 'b b'; }

#footer .sns a.insta::before { font-size: 1.15rem; content: ' '; }

#footer .sns a.youtube::before { content: ' '; }

#fp-nav { position: fixed; right: 0; top: 0; z-index: 1; width: 4rem; height: 100%; margin: 0 !important; padding: 4rem 0 11.5rem; background-color: #fff; font-family: "AritaBuri"; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s; }

#fp-nav ul { overflow: hidden; position: relative; height: 100%; }

#fp-nav li:first-child, #fp-nav li a { display: none; }

#fp-nav .fp-tooltip { visibility: hidden; overflow: hidden; height: 0; opacity: 0; color: #9c1c2b; }

#fp-nav .fp-tooltip::before { display: block; width: 0.25rem; height: 0.25rem; margin: 0 auto 0.5rem; border-radius: 100%; background-color: #9c1c2b; content: ''; }

#fp-nav .fp-tooltip::after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; top: auto; z-index: -1; width: 1px; height: 0; background-color: #ddd; content: ''; }

#fp-nav .fp-tooltip span { font-size: 0.75rem; padding: 0.5rem 0 1.25rem; background-color: #fff; letter-spacing: 0.15rem; line-height: 4rem; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: mixed; }

#fp-nav .fp-tooltip strong { margin: 0.25rem 0; font-weight: 400; color: #333; }

#fp-nav .active + .fp-tooltip { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; }

#fp-nav .active + .fp-tooltip::after { height: 100%; -webkit-transition: all 10s; transition: all 10s; }

.section { overflow: hidden; width: 100%; height: 100%; padding: 4rem 4rem 5rem; -webkit-transition: all 0s; transition: all 0s; }

.section .bg { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; }

.section .bg img { min-width: 100%; max-width: initial; height: 100%; }

.section .fp-tableCell { position: relative; max-height: 100%; margin: 0 auto; padding: 5.5rem 0; }

.section .fp-tableCell::before { position: absolute; left: 0; z-index: 1; bottom: 2.75rem; width: 100%; height: 1px; background-color: #fff; opacity: 0.6; content: ''; }

.section .fp-tableCell::after { position: absolute; left: 0; z-index: 1; bottom: 2.75rem; width: 0; height: 1px; background-color: #9c1c2b; content: ''; }

.section .group { width: calc(100% - 12rem); margin: auto; }

.section .title { font-size: 1.6rem; position: relative; z-index: 1; padding: 0.25rem 5.5rem; font-family: "AritaBuri"; font-weight: 400; color: #333; letter-spacing: -0.15rem; word-break: keep-all; }

.section .title strong { font-size: 2.75rem; display: block; font-family: "Nanum Myeongjo"; font-weight: 400; color: #9c1c2b; }

.section .count { font-size: 4rem; position: absolute; left: auto; top: auto; width: 2.25rem; font-family: "AritaBuri"; color: #9c1c2b; text-align: center; line-height: 1.2; }

.section .count span { font-size: 1.5rem; display: block; position: relative; left: 1rem; padding-bottom: 0.25rem; text-indent: -0.15rem; letter-spacing: -0.15rem; white-space: nowrap; opacity: 0; }

.section .count span::after { position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: #9c1c2b; content: ''; }

.section .count strong { position: relative; left: -1rem; opacity: 0; }

.section.active .fp-tableCell::after { width: 100%; -webkit-transition: all 5s; transition: all 5s; }

.section:nth-child(n+3) { visibility: hidden; overflow: hidden; height: 0; opacity: 0; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; padding: 0; -webkit-transition: all 0s; transition: all 0s; }

.section:nth-child(n+3).active { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; height: 100%; padding: 4rem 4rem 5rem; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

.section:nth-child(n+2).active .count span, .section:nth-child(n+2).active .count strong { left: 0; opacity: 1; -webkit-transition: all 0.2s 0.5s; transition: all 0.2s 0.5s; }

.section:nth-child(n+2).active .count span::after { width: 100%; -webkit-transition: all 0.2s 0.75s; transition: all 0.2s 0.75s; }

.section#section2 .title span, .section#section3 .title span, .section#section4 .title span, .section#section5 .title span, .section#section6 .title span { margin-left: -1rem; opacity: 0; }

.section#section2 .title strong, .section#section3 .title strong, .section#section4 .title strong, .section#section5 .title strong, .section#section6 .title strong { margin-left: 1rem; opacity: 0; }

.section#section2.active .title span, .section#section2.active .title strong, .section#section3.active .title span, .section#section3.active .title strong, .section#section4.active .title span, .section#section4.active .title strong, .section#section5.active .title span, .section#section5.active .title strong, .section#section6.active .title span, .section#section6.active .title strong { margin-left: 0; opacity: 1; -webkit-transition: all 0.2s 1s; transition: all 0.2s 1s; }

.fp-viewing-why0 #header { border-bottom-color: rgba(255, 255, 255, 0.5); background: none; }

.fp-viewing-why0 #header::after { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; width: 100%; -webkit-transition: width 5s; transition: width 5s; }

.fp-viewing-why0 #header #logo a { top: -4rem; opacity: 0; }

.fp-viewing-why0 #header #logo a img { margin-top: 0; }

.fp-viewing-why0 #header .scroll { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); right: auto; bottom: 3rem; color: #fff; opacity: 0; }

.fp-viewing-why0 #header .scroll::after { background-color: #fff; }

.fp-viewing-why0 #gnb { left: -4rem; }

.fp-viewing-why0 #fp-nav { right: -4rem; }

.fp-viewing-why0 #footer { bottom: -5rem; }

.fp-viewing-why0 #section1 { opacity: 1; }

.fp-viewing-why0.active { bottom: 4rem; }

body.active #header #logo a { top: 0; opacity: 1; -webkit-transition: opacity 0.5s 1s; transition: opacity 0.5s 1s; }

body.active #header .scroll { opacity: 1; -webkit-transition: all 0.5s 2s; transition: all 0.5s 2s; }

#section0 { font-size: 4rem; padding: 0; font-family: "Montserrat"; color: #fff; text-align: center; }

#section0 .fp-tableCell::before, #section0 .fp-tableCell::after { opacity: 0; }

#section0 .group { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; }

#section0 .bg { background: url("/why/img/section0_pt.png") #000; }

#section0 .bg img { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-filter: blur(5px); filter: blur(5px); }

#section0 .txt { text-align: center; letter-spacing: -0.6rem; line-height: 0.9; }

#section0 .txt img { width: 2rem; }

#section0 .txt hr { display: inline-block; overflow: hidden; position: relative; width: 0; height: 4rem; border: 0 none; background-color: #9c1c2b; content: ''; vertical-align: middle; -webkit-animation: pointer 0.5s infinite alternate; animation: pointer 0.5s infinite alternate; }

#section0 .txt hr:nth-child(24) { margin: 0 -10rem; }

#section0 .txt hr:nth-child(27) { margin: 0 -2rem; }

#section0 .txt br:nth-child(13) { display: none; }

#section0 .txt br:nth-child(13) + span { margin-left: 1rem; }

#section0 .txt span { display: inline-block; max-width: 0; opacity: 0; vertical-align: middle; }

#section0 .txt span:first-child { position: relative; z-index: 0; margin-left: -5rem; }

#section0 .txt span:first-child::before { position: absolute; left: -1rem; top: -1.5rem; z-index: -1; width: 2.5rem; height: 2.5rem; background-color: #9c1c2b; content: ''; opacity: 0; -webkit-transform: scale(2) rotate(135deg); transform: scale(2) rotate(135deg); -webkit-filter: blur(5px); filter: blur(5px); }

#section0.on .bg img { opacity: 0.8; -webkit-transform: scale(1); transform: scale(1); -webkit-filter: blur(0); filter: blur(0); -webkit-transition: all 1.5s 0.5s; transition: all 1.5s 0.5s; }

#section0.on .txt::after { margin: 0; -webkit-transition: all 7s 0.8s; transition: all 7s 0.8s; }

#section0.on .txt hr:nth-child(4) { visibility: hidden; width: 0.25rem; height: 0; -webkit-transition: height 0s 0.8s, visibility 0s 0.8s; transition: height 0s 0.8s, visibility 0s 0.8s; }

#section0.on .txt hr:nth-child(24) { visibility: hidden; width: 0.25rem; height: 0; margin: 0; -webkit-transition: width 0s 0.8s, height 0s 5s, visibility 0s 5s, margin 3.75s 1.5s ease-out; transition: width 0s 0.8s, height 0s 5s, visibility 0s 5s, margin 3.75s 1.5s ease-out; }

#section0.on .txt hr:nth-child(27) { width: 0.25rem; margin: 0; -webkit-transition: width 0s 5s, margin 1.5s 5s; transition: width 0s 5s, margin 1.5s 5s; }

#section0.on .txt span { max-width: 5rem; opacity: 1; -webkit-transition: all 0s; transition: all 0s; }

#section0.on .txt span:nth-child(1) { margin-left: 0; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

#section0.on .txt span:nth-child(1)::before { opacity: 1; -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); -webkit-filter: blur(0); filter: blur(0); -webkit-transition: all 0.5s 5s; transition: all 0.5s 5s; }

#section0.on .txt span:nth-child(2) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }

#section0.on .txt span:nth-child(3) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }

#section0.on .txt span:nth-child(4) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }

#section0.on .txt span:nth-child(5) { -webkit-transition-delay: 1.0s; transition-delay: 1.0s; }

#section0.on .txt span:nth-child(6) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }

#section0.on .txt span:nth-child(7) { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }

#section0.on .txt span:nth-child(8) { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; }

#section0.on .txt span:nth-child(9) { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; }

#section0.on .txt span:nth-child(10) { -webkit-transition-delay: 2.0s; transition-delay: 2.0s; }

#section0.on .txt span:nth-child(11) { -webkit-transition-delay: 2.2s; transition-delay: 2.2s; }

#section0.on .txt span:nth-child(12) { -webkit-transition-delay: 2.4s; transition-delay: 2.4s; }

#section0.on .txt span:nth-child(13) { -webkit-transition-delay: 2.6s; transition-delay: 2.6s; }

#section0.on .txt span:nth-child(14) { -webkit-transition-delay: 2.8s; transition-delay: 2.8s; }

#section0.on .txt span:nth-child(15) { -webkit-transition-delay: 3.0s; transition-delay: 3.0s; }

#section0.on .txt span:nth-child(16) { -webkit-transition-delay: 3.2s; transition-delay: 3.2s; }

#section0.on .txt span:nth-child(17) { -webkit-transition-delay: 3.4s; transition-delay: 3.4s; }

#section0.on .txt span:nth-child(18) { -webkit-transition-delay: 3.6s; transition-delay: 3.6s; }

#section0.on .txt span:nth-child(19) { -webkit-transition-delay: 3.8s; transition-delay: 3.8s; }

#section0.on .txt span:nth-child(20) { -webkit-transition-delay: 4.0s; transition-delay: 4.0s; }

#section0.on .txt span:nth-child(21) { -webkit-transition-delay: 4.2s; transition-delay: 4.2s; }

#section0.on .txt span:nth-child(22) { -webkit-transition-delay: 4.4s; transition-delay: 4.4s; }

#section0.on .txt span:nth-child(23) { -webkit-transition-delay: 4.6s; transition-delay: 4.6s; }

#section0.on .txt span:nth-child(24) { -webkit-transition-delay: 4.8s; transition-delay: 4.8s; }

#section0.on .txt span:nth-child(25) { -webkit-transition-delay: 5.0s; transition-delay: 5.0s; }

#section0.on .txt span:nth-child(26) { padding: 0 1rem; -webkit-transition-delay: 5.2s; transition-delay: 5.2s; }

@-webkit-keyframes pointer { 0% { opacity: 1; }
  50% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes pointer { 0% { opacity: 1; }
  50% { opacity: 1; }
  100% { opacity: 0; } }

#section1 { font-size: 0.9rem; text-align: center; opacity: 0; }

#section1 .txt { position: relative; top: 2rem; opacity: 0; }

#section1 .txt strong { font-size: 1rem; display: block; margin-bottom: 0.5rem; color: #333; }

#section1 .txt strong::before { display: block; width: 0; height: 1px; margin: 1em auto; background-color: #333; opacity: 0.3; content: ''; }

#section1 .title { position: relative; top: -2rem; opacity: 0; }

#section1 .title span, #section1 .title strong { -webkit-transition: all 0s; transition: all 0s; }

#section1.active { opacity: 1; }

#section1.active .title { top: 0; opacity: 1; -webkit-transition: all 0.2s 1s; transition: all 0.2s 1s; }

#section1.active .txt { top: 0; opacity: 1; -webkit-transition: all 0.2s 1.25s; transition: all 0.2s 1.25s; }

#section1.active .txt span { display: block; }

#section1.active .txt strong::before { width: 2.5rem; -webkit-transition: all 0.5s 2s; transition: all 0.5s 2s; }

#section2 .group { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; }

#section2 .list { display: table; width: calc(100% + 0px); table-layout: fixed; font-size: 0.9rem; width: calc(100% + 1rem); margin-left: -0.5rem; padding-top: 4rem; font-weight: 400; color: #333; text-align: center; }

#section2 .list > * { display: table-cell; padding-right: 0px; vertical-align: top; }

#section2 .list > li { position: relative; top: -1rem; opacity: 0; white-space: nowrap; }

#section2 .list > li:nth-child(2n + 1) { top: 1rem; padding-top: 3rem; opacity: 0; }

#section2 .list .img { display: inline-block; position: relative; max-width: calc(100% - 1rem); margin-bottom: 1rem; -webkit-box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.2); box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.2); }

#section2 .list .img::before { position: absolute; left: 1rem; top: 1rem; width: 0.35rem; height: 0; background-color: #9c1c2b; content: ''; }

#section2 .list .txt { display: block; }

#section2.active .list > li { top: 0; opacity: 1; -webkit-transition: all 0.3s 1.5s; transition: all 0.3s 1.5s; }

#section2.active .list > li:nth-child(2n + 1) { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }

#section2.active .img::before { top: -1rem; height: 2rem; -webkit-transition: all 0.2s 2s; transition: all 0.2s 2s; }

#section3 .list { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 0.9rem; position: absolute; right: 0; z-index: 0; width: 50%; padding: 0 8rem; font-weight: 400; color: rgba(255, 255, 255, 0.8); }

#section3 .list::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 50%; height: 1000%; margin: 0; background-color: #1a3759; opacity: 0; }

#section3 .list::after { position: absolute; left: 8rem; top: 2.5rem; z-index: -1; width: 0.2rem; height: 0; max-height: 0; background-color: #fff; content: ''; opacity: 0.2; }

#section3 .list li { display: table; width: calc(100% + 0px); table-layout: fixed; position: relative; left: 1rem; padding: 1.25rem 0 1.25rem 2rem; opacity: 0; }

#section3 .list li > * { display: table-cell; padding-right: 0px; vertical-align: middle; }

#section3 .list .label { font-size: 2rem; position: relative; width: 12.5rem; font-family: "Nanum Myeongjo"; font-weight: 300; color: #efcfaf; }

#section3 .list .label::before { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; left: -1.9rem; width: 0.5rem; height: 0.5rem; border-radius: 100%; background-color: #9c1c2b; content: ''; }

#section3 .list .label span { font-size: 1.35rem; display: block; }

#section3.active .list::before { left: 0; opacity: 0.95; -webkit-transition: all 0.5s 0.5s; transition: all 0.5s 0.5s; }

#section3.active .list::after { height: calc(100% - 5rem); max-height: calc(100% - 5rem); -webkit-transition: all 0.2s 1s; transition: all 0.2s 1s; }

#section3.active .list li { left: 0; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; }

#section3.active .list li:nth-child(1) { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; }

#section3.active .list li:nth-child(2) { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; }

#section3.active .list li:nth-child(3) { -webkit-transition-delay: 2.0s; transition-delay: 2.0s; }

#section3.active .list li:nth-child(4) { -webkit-transition-delay: 2.2s; transition-delay: 2.2s; }

#section3.active .list li:nth-child(5) { -webkit-transition-delay: 2.4s; transition-delay: 2.4s; }

#section4 .slider { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; width: 70.5rem; max-width: 100%; height: 30rem; margin: 0 auto; }

#section4 .label { font-size: 1.25rem; display: block; margin-bottom: 1.5rem; font-family: "Nanum Myeongjo"; }

#section4 .item { font-size: 0.9rem; display: inline-block; position: absolute; padding: 2.25rem 1.5rem 2.25rem 2.25rem; opacity: 0; }

#section4 .item::before { position: absolute; left: 2.5rem; top: -1rem; width: 0.4rem; height: 2rem; content: ''; }

#section4 .item li { margin-top: 0.5rem; }

#section4 .item li strong { font-weight: 400; }

#section4 .item li small { font-size: 0.85rem; display: block; }

#section4 .item:nth-child(2n+1) .label { float: left; width: 9.5rem; }

#section4 .item:nth-child(2n+1) .label span { display: block; }

#section4 .item:nth-child(2n+1) .list { float: left; width: calc(100% - 9.5rem); }

#section4 .item:nth-child(2n+1) .list li strong { display: block; margin-bottom: 0.25rem; }

#section4 .item.item1 { right: -1rem; top: 0; width: 36rem; background-color: #a6927e; color: #fff; }

#section4 .item.item1::before { background-color: #9c1c2b; }

#section4 .item.item1 .label span { color: #333; }

#section4 .item.item2 { left: -1rem; bottom: 6rem; width: 32.75rem; background: url("/why/img/section4_item2.png") no-repeat right 0 #fff; color: #333; }

#section4 .item.item2::before { background-color: #1a3759; }

#section4 .item.item2 .label { color: #777b8b; }

#section4 .item.item2 .label span { color: #1a3759; }

#section4 .item.item3 { left: 40%; bottom: -1rem; width: 30rem; background-color: #9c1c2b; color: #fff; }

#section4 .item.item3::before { background-color: #ffd447; }

#section4 .item.item3::after { position: absolute; left: 0; bottom: -2.25rem; width: 2.75rem; height: 2.25rem; background: linear-gradient(135deg, #9c1c2b 49.9%, rgba(255, 255, 255, 0) 50%); content: ''; }

#section4 .item.item3 .label span { color: #ffd447; }

#section4.active .item { opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; }

#section4.active .item.item1 { right: 0; -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }

#section4.active .item.item2 { left: 0; -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }

#section4.active .item.item3 { bottom: 0; -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }

#section5 .title { text-align: center; }

#section5 .group { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; }

#section5 .slider { position: relative; margin-top: 3rem; padding-top: 6.25rem; opacity: 0; }

#section5 .slider .slick-arrow { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 2.75rem; overflow: hidden; position: absolute; left: 0; z-index: 2; width: 3rem; height: 3rem; margin-top: 2.5rem; color: #918783; text-align: center; line-height: 3rem; }

#section5 .slider .slick-arrow::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; content: ''; }

#section5 .slider .slick-arrow.slick-next { left: auto; right: 0; }

#section5 .slider .slick-arrow.slick-next::before { content: ''; }

#section5 .slider .slick-dots { position: absolute; left: 0; top: 0; width: 100%; text-align: center; }

#section5 .slider .slick-dots li { display: inline; margin: 0 0.625rem; }

#section5 .slider .slick-dots li#slick-slide01 button::before { content: '보건복지학부'; }

#section5 .slider .slick-dots li.slick-active button { border-color: #1a3759; background-color: #1a3759; font-weight: 600; color: #fff; }

#section5 .slider .slick-dots li.slick-active button::after { bottom: -1.25rem; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

#section5 .slider .slick-dots button { height: 2.75rem; border: 5px solid rgba(145, 135, 131, 0.8); line-height: 2.25rem; position: relative; width: 9.5rem; font-size: 0; color: #918783; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s; }

#section5 .slider .slick-dots button::before { display: block; font-size: 1rem; content: '항공관광학부'; }

#section5 .slider .slick-dots button::after { position: absolute; right: -0.25rem; bottom: 0; width: 1rem; height: 1rem; background: linear-gradient(-135deg, #052141 49.9%, rgba(255, 255, 255, 0) 50%); content: ''; opacity: 0; }

#section5 .desc { display: table; width: calc(100% + 0px); table-layout: fixed; width: auto; max-width: 100%; margin: 0 auto; padding-bottom: 1.5rem; }

#section5 .desc > * { display: table-cell; padding-right: 0px; vertical-align: top; }

#section5 .desc .img { position: relative; z-index: 0; width: 22.75rem; }

#section5 .desc .img::before { position: absolute; left: 1.5rem; top: 1.5rem; z-index: -1; width: 100%; height: 0; padding-top: 66%; background: url("/why/img/section5_pt.gif"); content: ''; }

#section5 .desc .img img { -webkit-box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.1); box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.1); }

#section5 .desc .cont { padding-left: 4rem; }

#section5 .desc .list1 { overflow: hidden; margin-bottom: 2.25rem; }

#section5 .desc .list1 > li { font-size: 0.85rem; float: left; width: 7.5rem; height: 7.5rem; padding-top: 1.5rem; background: url("/why/img/section5_list1.png") no-repeat; background-size: auto 100%; font-weight: 500; color: #333; text-align: center; }

#section5 .desc .list1 > li + li { margin-left: 0.5rem; }

#section5 .desc .list1 > li:nth-child(2) { background-position: 25% 0; }

#section5 .desc .list1 > li:nth-child(3) { background-position: 50% 0; }

#section5 .desc .list1 > li:nth-child(4) { background-position: 75% 0; }

#section5 .desc .list1 > li:nth-child(5) { background-position: 100% 0; }

#section5 .desc .list2 > li { position: relative; padding-left: 0.75rem; text-align: left; font-size: 0.85rem; font-weight: 400; }

#section5 .desc .list2 > li::before { position: absolute; left: 0; top: auto; content: ''; }

#section5 .desc .list2 > li::before { top: 0.5rem; width: 0.2rem; height: 0.2rem; background-color: #514c4a; }

#section5 .desc .list2 > li + li { margin-top: 0.25rem; }

#section5.active .slider { margin-top: 1rem; opacity: 1; -webkit-transition: all 0.3s 1.7s; transition: all 0.3s 1.7s; }

#section6 .group { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; }

#section6 .title { color: #fff; text-align: center; }

#section6 .title strong { color: #d7b697; }

#section6 .count { color: #fff; }

#section6 .count span::after { background-color: #fff; opacity: 0.5; }

#section6 .slider { position: relative; top: 2rem; width: calc(100% - 6rem); margin: 3rem auto 0; opacity: 0; }

#section6 .slider .img { width: 16.15rem; max-width: 90%; margin: 0 auto; }

#section6 .slider .desc { width: 16.15rem; max-width: 90%; min-height: 8.5rem; margin: 0 auto; padding: 1rem 1.5rem; background-color: #fff; }

#section6 .slider .desc span { font-size: 0.85rem; display: block; margin: 0.25rem 0; color: #9c1c2b; }

#section6 .slider .label { font-size: 1rem; color: #333; }

#section6 .slider .item { display: block; }

#section6 .slider .slick-arrow { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: -6rem; width: 2.5rem; height: 2.5rem; border-radius: 100%; background-color: #000; color: transparent; -webkit-transition: all 0.2s; transition: all 0.2s; }

#section6 .slider .slick-arrow::before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 50%; width: 2.75rem; height: 0.7rem; border-bottom: 2px solid #fff; border-left: 2px solid #fff; content: ''; -webkit-transform: skewX(-45deg) translateY(-50%); transform: skewX(-45deg) translateY(-50%); }

#section6 .slider .slick-arrow.slick-next { left: auto; right: -6rem; }

#section6 .slider .slick-arrow.slick-next::before { left: auto; right: 50%; border-left: 0 none; border-right: 2px solid #fff; -webkit-transform: skewX(45deg) translateY(-50%); transform: skewX(45deg) translateY(-50%); }

#section6 .slider .slick-arrow:hover, #section6 .slider .slick-arrow:focus { background-color: #9c1c2b; }

#section6.active .slider { top: 0; opacity: 1; -webkit-transition: all 0.2s 1.5s; transition: all 0.2s 1.5s; }

#section7 { background-color: #e3dfdf; }

#section7::after { font-size: 18.5rem; position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; font-family: "AritaBuri"; font-weight: 100; color: #000; text-align: center; content: 'Innovation'; opacity: 0.1; }

#section7 .group { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; }

#section7 .title { font-size: 2.75rem; padding: 0; font-family: "Nanum Myeongjo"; text-align: center; letter-spacing: -0.5rem; }

#section7 .title strong { display: inline; margin-left: 1rem; }

#section7 .title strong span:nth-child(3) { margin-right: 0.5rem; }

#section7 .title span { display: inline-block; vertical-align: top; opacity: 0; -webkit-transform: scale(0.2); transform: scale(0.2); }

#section7 .plus { position: absolute; left: 50%; top: calc(50% + 2.3rem); z-index: 1; width: 21rem; height: 21rem; margin: -10.5rem 0 0 -10.5rem; font-family: "AritaBuri"; text-transform: uppercase; }

#section7 .plus span { font-size: 0.75rem; overflow: hidden; position: absolute; background-color: #a73643; color: transparent; text-align: center; }

#section7 .plus span.type1 { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0.8rem; height: 100%; margin-left: 4rem; padding-bottom: 1.5rem; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: mixed; text-align: right; line-height: 4.25rem; }

#section7 .plus span.type1::after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.75rem; width: 0.3rem; height: 0.3rem; border-radius: 100%; background-color: #a73643; content: ''; }

#section7 .plus span.type2 { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 1rem; width: 100%; height: 0.8rem; margin-top: 4em; line-height: 4.25rem; }

#section7 .plus span.type3 { left: 0; top: 0; width: 95%; height: 0.8rem; margin: 6.35rem 0 0 -3rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

#section7 .slider { position: relative; top: 2rem; min-height: 21rem; margin-top: 2.3rem; opacity: 0; }

#section7 .slider .slick-list { overflow: visible; }

#section7 .slider .slick-track { padding-bottom: 1.875rem; -webkit-transition: all 0.2s; transition: all 0.2s; }

#section7 .slider .slick-arrow { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 50%; z-index: 2; width: 1.4rem; height: 0.9rem; margin: -1.875rem 0 0 -13rem; padding-left: 0.7rem; font-size: 0; white-space: nowrap; opacity: 0; }

#section7 .slider .slick-arrow::before { position: absolute; top: auto; font-family: "xeicon"; font-size: 0.9rem; position: absolute; left: 0; top: 0; color: #9c1c2b; content: ''; line-height: 1; }

#section7 .slider .slick-arrow .dot { display: inline-block; width: 0.2rem; height: 0.2rem; margin: 0 0.05rem; border-radius: 100%; background-color: #c41230; vertical-align: middle; opacity: 0.2; -webkit-animation: arr1 1s infinite; animation: arr1 1s infinite; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

#section7 .slider .slick-arrow .dot:nth-child(2) { opacity: 0.5; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

#section7 .slider .slick-arrow .dot:nth-child(1) { opacity: 0.7; -webkit-animation-delay: 0s; animation-delay: 0s; }

#section7 .slider .slick-arrow.slick-next { margin-left: 13rem; padding: 0 0.7rem 0 0; text-align: right; }

#section7 .slider .slick-arrow.slick-next::before { left: auto; right: -0.15rem; content: ''; }

#section7 .slider .slick-arrow.slick-next .dot { opacity: 0.7; -webkit-animation: arr2 1s infinite; animation: arr2 1s infinite; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

#section7 .slider .slick-arrow.slick-next .dot:nth-child(2) { opacity: 0.2; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

#section7 .slider .slick-arrow.slick-next .dot:nth-child(3) { opacity: 0.2; -webkit-animation-delay: 0s; animation-delay: 0s; }

#section7 .slider .img { overflow: hidden; position: relative; height: 100%; border-radius: 100%; }

#section7 .slider .img::before { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border-radius: 100%; background-color: #000; content: ''; opacity: 0.2; }

#section7 .slider .img > img { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; width: auto; min-width: 15.25rem; max-width: initial; height: 110%; -webkit-filter: blur(5px); filter: blur(5px); -webkit-transition: -webkit-filter 0.5s 0.5s; transition: -webkit-filter 0.5s 0.5s; transition: filter 0.5s 0.5s; transition: filter 0.5s 0.5s, -webkit-filter 0.5s 0.5s; }

#section7 .slider .img .icon { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; z-index: 2; }

#section7 .slider .desc { display: none; padding: 1.25rem; text-align: center; }

#section7 .slider .label { font-size: 1rem; display: block; margin-bottom: 0.5rem; color: #333; }

#section7 .slider .item { display: block; position: relative; width: 8.8rem; height: 8.8rem; margin: 5rem 1.5rem; }

#section7 .slider .item::after { font-size: 1.4rem; position: absolute; left: 50%; bottom: -1.875rem; width: 3.75rem; height: 3.75rem; margin-left: -1.875rem; border-radius: 100%; background-color: #9c1c2b; font-family: "xeicon"; color: #fff; content: ' '; text-align: center; line-height: 3.75rem; opacity: 0; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transition: all 0s 0s; transition: all 0s 0s; }

#section7 .slider .item.slick-current { width: 21rem; height: 19.5rem; margin: 0 7.5rem; border-radius: 2rem 0 2rem 0; background-color: #fff; opacity: 0; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

#section7 .slider .item.slick-current::after { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all 0.5s 0.5s; transition: all 0.5s 0.5s; }

#section7 .slider .item.slick-current .img { height: auto; border-radius: 2rem 0 0 0; }

#section7 .slider .item.slick-current .img::before { display: none; }

#section7 .slider .item.slick-current .img > img { top: auto; left: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); position: static; max-width: 100%; min-width: 0; height: auto; -webkit-filter: blur(0); filter: blur(0); }

#section7 .slider .item.slick-current .icon { visibility: hidden; overflow: hidden; height: 0; opacity: 0; }

#section7 .slider .item.slick-current .desc { display: block; }

#section7.active .plus { opacity: 0; z-index: -1; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: opacity 0.5s 4.5s, -webkit-transform 0.5s 4.5s; transition: opacity 0.5s 4.5s, -webkit-transform 0.5s 4.5s; transition: opacity 0.5s 4.5s, transform 0.5s 4.5s; transition: opacity 0.5s 4.5s, transform 0.5s 4.5s, -webkit-transform 0.5s 4.5s; }

#section7.active .plus span.type1 { width: 4.25rem; margin: 0; background-color: #fff; color: #333; -webkit-transition: margin 0.5s 2.5s, background 0.5s 2.5s, color 0.5s 2.5s, width 0.5s 3s; transition: margin 0.5s 2.5s, background 0.5s 2.5s, color 0.5s 2.5s, width 0.5s 3s; }

#section7.active .plus span.type2 { height: 4.25rem; margin: 0; background-color: #fff; color: #333; -webkit-transition: margin 0.5s 3s, background 0.5s 3s, color 0.5s 3s, height 0.5s 3s; transition: margin 0.5s 3s, background 0.5s 3s, color 0.5s 3s, height 0.5s 3s; }

#section7.active .plus span.type3 { left: 50%; width: 4.25rem; height: 4.25rem; margin: 0 0 0 -2.125rem; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: left 0.5s 3.5s, width 0.5s 3.5s, height 0.5s 3.5s, margin 0.5s 3.5s, -webkit-transform 0.5s 3.5s; transition: left 0.5s 3.5s, width 0.5s 3.5s, height 0.5s 3.5s, margin 0.5s 3.5s, -webkit-transform 0.5s 3.5s; transition: left 0.5s 3.5s, width 0.5s 3.5s, height 0.5s 3.5s, margin 0.5s 3.5s, transform 0.5s 3.5s; transition: left 0.5s 3.5s, width 0.5s 3.5s, height 0.5s 3.5s, margin 0.5s 3.5s, transform 0.5s 3.5s, -webkit-transform 0.5s 3.5s; }

#section7.active .title span { -webkit-animation: spark 2s ease forwards; animation: spark 2s ease forwards; }

#section7.active .title span:nth-child(1) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

#section7.active .title span:nth-child(2) { -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }

#section7.active .title span:nth-child(3) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

#section7.active .title span:nth-child(4) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

#section7.active .title span:nth-child(5) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }

#section7.active .title span:nth-child(6) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

#section7.active .title span:nth-child(7) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

#section7.active .title span:nth-child(8) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

#section7.active .title span:nth-child(9) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

#section7.active .title span:nth-child(10) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

#section7.active .title span:nth-child(11) { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }

#section7.active .slider { top: 0; opacity: 1; -webkit-transition: 0.5s 2s; transition: 0.5s 2s; }

#section7.active .slider .slick-arrow { margin-left: -15rem; opacity: 1; -webkit-transition: margin 0.5s 2.25s, opacity 0.5s 2.25s; transition: margin 0.5s 2.25s, opacity 0.5s 2.25s; }

#section7.active .slider .slick-arrow.slick-next { margin-left: 15rem; }

#section7.active .slider .item.slick-current { opacity: 1; -webkit-transform: rotateY(0); transform: rotateY(0); -webkit-transition: opacity 0.5s 4.5s, margin 0s 0s, -webkit-transform 0.5s 4.5s; transition: opacity 0.5s 4.5s, margin 0s 0s, -webkit-transform 0.5s 4.5s; transition: opacity 0.5s 4.5s, transform 0.5s 4.5s, margin 0s 0s; transition: opacity 0.5s 4.5s, transform 0.5s 4.5s, margin 0s 0s, -webkit-transform 0.5s 4.5s; }

@-webkit-keyframes arr1 { 0% { opacity: 0.7; }
  100% { opacity: 0.2; } }

@keyframes arr1 { 0% { opacity: 0.7; }
  100% { opacity: 0.2; } }

@-webkit-keyframes arr2 { 0% { opacity: 0.2; }
  100% { opacity: 0.7; } }

@keyframes arr2 { 0% { opacity: 0.2; }
  100% { opacity: 0.7; } }

@-webkit-keyframes spark { 0% { opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    -webkit-filter: blur(5px);
            filter: blur(5px); }
  20% { opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  66% { opacity: .2; }
  100% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px); } }

@keyframes spark { 0% { opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    -webkit-filter: blur(5px);
            filter: blur(5px); }
  20% { opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  66% { opacity: .2; }
  100% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px); } }

@media (min-width: 1471px) { .section:nth-child(n+2) .bg { height: calc(100% + 2rem); padding-top: 2rem; opacity: 0; }
  .section:nth-child(n+2).active .bg { height: 100%; padding: 0; opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; } }

@media (max-width: 1470px) { #header { position: absolute; }
  #header .scroll { display: none; }
  #gnb { padding-top: 1.5rem; }
  #gnb .count { bottom: 1rem; }
  #gnb .group { top: 0; }
  #gnb .group .desc { right: -10rem; }
  #gnb.active .group { overflow: hidden; overflow-y: auto; height: 100%; padding: 0 12rem 0 3rem; }
  #footer { position: relative; height: auto; padding: 1rem 0; line-height: 2rem; }
  #footer .sns { right: 1rem; top: 1rem; }
  .section { overflow: hidden !important; visibility: visible !important; opacity: 1 !important; }
  .section .fp-tableCell { padding: 3rem 0; }
  .section .group { width: calc(100% - 6rem); }
  .section .title { padding-right: 0; }
  .section:nth-child(n+3) { position: relative; }
  .section:nth-child(n+2) { padding: 0 0 0 4rem !important; }
  #section0 { font-size: 3.5rem; }
  #section1 .txt { padding-left: 4rem; }
  #section2 .list { padding-top: 1rem; }
  #section3 .list { font-size: 0.8rem; padding: 0 4rem; }
  #section3 .list::after { top: 1.75rem; left: 4rem; }
  #section3 .list li { padding: 0.5rem 0 0.5rem 1rem; }
  #section3 .list li > * { display: block; width: 100% !important; }
  #section3 .list li br { display: none; }
  #section3 .list .label::before { left: -0.9rem; }
  #section3 .list .label span { display: inline; }
  #section4 { height: auto !important; }
  #section4 .fp-tableCell { height: auto !important; }
  #section4 .slider { top: auto; left: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); position: static; margin: 2rem auto 3rem; }
  #section5 .desc .list1 > li { font-size: 0.8rem; width: 5rem; height: 5rem; padding-top: 1rem; line-height: 1.2; }
  #section6 .slider .slick-arrow { left: -5rem; }
  #section6 .slider .slick-arrow.slick-next { right: -5rem; } }

@media (max-width: 1280px) { #gnb .control, #gnb .group { display: none; }
  #section4 .slider { display: inline-block; width: 100%; height: auto; margin-top: 0; }
  #section4 .item { position: relative; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; max-width: 90%; margin-top: 1.5rem; }
  #section4 .item:nth-child(2n + 1) { float: right; }
  #section5 .slider .slick-arrow { left: -3rem; }
  #section5 .slider .slick-arrow.slick-next { right: -3rem; }
  #section5 .desc .img { width: 15rem; }
  #section5 .desc .cont { padding-left: 3rem; } }

@media (max-width: 1024px) { .section .title { font-size: 1.25rem; }
  .section .title strong { font-size: 2rem; line-height: 1.2; }
  .section:nth-child(n+3), .section:nth-child(n+3) .fp-tableCell { height: auto !important; }
  .section:nth-child(n+3) .group { position: relative !important; left: auto !important; top: auto !important; -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; }
  #section0 .txt br:nth-child(13) { display: block; }
  #section0 .txt hr { display: none; }
  #section1, #section2 .list { font-size: 0.8rem; font-weight: 300; }
  #section3 .list { top: auto; left: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); position: relative; width: 100%; margin-top: 2rem; padding: 2rem; }
  #section3 .list::before { height: 100%; }
  #section3 .list::after { left: 2rem; top: 4rem; }
  #section3.active .list::after { height: calc(100% - 9rem); }
  #section4 .label { margin-bottom: 0.5rem; word-break: keep-all; }
  #section4 .item { padding: 1.5rem; }
  #section4 .item:nth-child(2n+1) .label { float: none; width: 100%; }
  #section4 .item:nth-child(2n+1) .label span { display: inline-block; vertical-align: top; }
  #section4 .item:nth-child(2n+1) .label br { display: none; }
  #section4 .item:nth-child(2n+1) .list { float: none; width: 100%; }
  #section5 .slider { padding-top: 4rem; }
  #section5 .slider .slick-arrow { display: none !important; }
  #section5 .item { overflow: hidden; }
  #section5 .desc { padding-top: 1rem; }
  #section5 .desc .img { display: block; width: 100%; max-width: 22.7rem; margin: 0 auto; text-align: right; }
  #section5 .desc .img::before { left: 0; top: -1rem; width: calc(100% - 1rem); }
  #section5 .desc .img img { display: inline-block; max-width: calc(100% - 1rem); }
  #section5 .desc .cont { display: block; padding: 1.5rem 0 0; }
  #section5 .desc .list1 { margin-bottom: 1rem; text-align: center; }
  #section5 .desc .list1 > li { display: inline-block; float: none; margin: 0.25rem 0; }
  #section7 .title { font-size: 2rem; }
  #section7 .slider .item { margin-left: 1rem !important; margin-right: 1rem !important; }
  #section7 .slider .slick-arrow { top: 0.5rem; margin-left: 0; }
  #section7.active .slider .slick-arrow { margin-left: -2.25rem; }
  #section7.active .slider .slick-arrow.slick-next { margin-left: 1rem; } }

@media (max-width: 768px) { #footer { padding-left: 4rem; }
  #footer .sns { position: static; text-align: center; }
  .section .fp-tableCell { padding: 1.5rem; }
  .section .group { width: calc(100% - 3rem); }
  .section .count { position: relative; margin: 0 auto; }
  .section .title { padding-left: 0; text-align: center; }
  #section1 .txt { padding-left: 0; }
  #section2 .list { display: inline-block; width: calc(100% + 0.5rem) !important; margin: 0 0 1rem; }
  #section2 .list > * { clear: none; float: left !important; width: calc(50% - 0.5rem) !important; margin-right: 0.5rem; }
  #section2 .list > *:nth-child(n + 3) { margin-top: 0.5rem; }
  #section2 .list > *:nth-child(1n + 1) { clear: none; }
  #section2 .list > *:nth-child(2n + 1) { clear: none; }
  #section2 .list > *:nth-child(3n + 1) { clear: none; }
  #section2 .list > *:nth-child(4n + 1) { clear: none; }
  #section2 .list > *:nth-child(5n + 1) { clear: none; }
  #section2 .list > *:nth-child(6n + 1) { clear: none; }
  #section2 .list > *:nth-child(2n + 1) { clear: both; }
  #section2 .list > li:nth-child(2n+1) { padding-top: 1.5rem; }
  #section3 .list { margin: 0.5rem 0 2rem; padding: 0.5rem 0 1rem 2rem; }
  #section3 .list::after { top: 2.5rem; }
  #section3.active .list::after { height: calc(100% - 6.5rem); }
  #section7 .plus { width: 15rem; height: 15rem; margin: -7.5rem 0 0 -7.5rem; }
  #section7 .plus span.type3 { margin: 6.5rem 0 0 -0.5rem; }
  #section7 .slider .item.slick-current { width: 15rem; } }

@media (max-width: 580px) { #gnb { display: none; }
  #footer { padding-left: 0; }
  .section .fp-tableCell::before, .section .fp-tableCell::after { display: none; }
  .section:nth-child(n+2) { padding-left: 0 !important; }
  .section .group { width: 100%; }
  .section .count { display: none; }
  .section .title { font-size: 0.9rem; }
  .section .title strong { font-size: 1.5rem; }
  #section0 { font-size: 3rem; }
  #section1, #section1 .fp-tableCell { height: auto !important; }
  #section1 .group { padding-bottom: 12rem; }
  #section1 .bg img { margin-left: -8rem; }
  #section1 .txt { word-break: keep-all; }
  #section1 .txt strong { font-size: 1rem; }
  #section1 .txt br { display: none; }
  #section3 .list { margin-bottom: 0; padding-right: 1rem; }
  #section3 .list::before { width: 100%; }
  #section3 .list .label { font-size: 1.5rem; }
  #section3 .list .label span { font-size: 1rem; }
  #section4 .item { max-width: 100%; }
  #section5 .slider .slick-dots li { margin: 0 0.25rem; }
  #section5 .slider .slick-dots li.slick-active button::after { bottom: -1rem; }
  #section5 .slider .slick-dots button { width: 6.5rem; height: 2.5rem; outline: 0; border-width: 0.1rem; line-height: 2.25rem; }
  #section5 .slider .slick-dots button::after { right: -0.05rem; }
  #section6 .slider { width: calc(100% - 4rem); margin-top: 1.5rem; }
  #section6 .slider .slick-arrow { left: -3rem; }
  #section6 .slider .slick-arrow.slick-next { right: -3rem; }
  #section7::after { font-size: 7.5rem; }
  #section7 .title { font-size: 1.5rem; letter-spacing: -0.25rem; line-height: 1.2; }
  #section7 .slider .slick-arrow .dot { display: none; }
  #section7 .slider .item { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  #section7 .slider .item.slick-current { height: auto; padding-bottom: 2rem; } }