@import"https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap&text=한국어日本語繁體中文簡体中文";*{margin:0;padding:0;word-wrap:break-word}html{width:100%;font-size:62.5%}@media screen and (max-width: 980px){html{font-size:1.0204081633vw}}body{position:relative;min-width:320px;width:100%;-webkit-text-size-adjust:100%;font-family:"Noto Serif","Noto Serif KR",Helvetica,serif;line-height:1.6;background-color:#d4dbde;color:#080808}img{max-width:100%;height:auto}a,a:hover,a:active{color:#080808}a:visited{color:#080808}a:focus{outline:none}ul{list-style:none}.cf::after{display:block;clear:both;content:""}.-hover01:hover{transform:translateY(2px)}img.lazyload{width:100%}main .section{overflow:hidden}main .section .secTitle{font-size:30px;font-weight:bold;letter-spacing:.5rem}@media screen and (max-width: 768px){main .section .secTitle{font-size:4.5rem}}@media screen and (max-width: 640px){main .section .secTitle{font-size:4.5rem}}@keyframes secTitleLineIcon{0%{background-position:50% 100%,50% 100%}100%{background-position:0 100%,100% 100%}}main .section .secTitle.-titleLine{position:relative;z-index:0;width:400px;margin:auto;padding-bottom:10px;text-align:center}@media screen and (max-width: 768px){main .section .secTitle.-titleLine{width:93.8775510204%}}main .section .secTitle.-titleLine:before{content:"";position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background-image:url(../images/icon.png),url(../images/icon.png);background-position:50% 100%,50% 100%;background-size:8px auto,8px auto}main .section .secTitle.-titleLine:after{content:"";position:absolute;z-index:-1;left:50%;bottom:4px;max-width:calc(100% - 8px);width:calc(100% - 8px);height:1px;background-color:#080808;transform:translateX(-50%)}main .section .secTitleLineWrap .subTitle{display:block;margin:-2px auto 0;color:#fff;font-size:16px;text-shadow:0 0 4px #007170;filter:drop-shadow(0 0 2px rgba(0, 113, 112, 0.5));letter-spacing:.4rem;text-align:center}@media screen and (max-width: 768px){main .section .secTitleLineWrap .subTitle{font-size:3.3rem}}@media screen and (max-width: 640px){main .section .secTitleLineWrap .subTitle{font-size:3.3rem}}main .section .secTitleLineWrap.-anime{opacity:1}main .section .secTitleLineWrap.-anime .secTitle.-titleLine:before{animation:secTitleLineIcon .3s 0s linear both}main .section .secTitleLineWrap.-anime .secTitle.-titleLine:after{animation:width100 .3s 0s linear both}main .section .secTitleLineWrap.-anime .secTitle.-titleLine .title{display:block;animation:fadeIn-up .2s .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}main .section .secTitleLineWrap.-anime .subTitle{animation:fadeIn-down .2s .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}.secInner{position:relative;z-index:0;max-width:980px;margin:auto}main{position:relative;z-index:1}.loadingWrap{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:#d0dde0}.loadingWrap:after{content:"";position:absolute;z-index:1;top:50%;left:0;width:100%;padding-top:100%;background:radial-gradient(circle, rgb(254, 254, 254), rgba(254, 254, 254, 0));border-radius:50%;filter:blur(50px);transform:translateY(-50%)}@keyframes maskCircle{0%{-webkit-mask-size:30%;mask-size:30%;opacity:0}5%{-webkit-mask-size:30%;mask-size:30%;opacity:0}90%{-webkit-mask-size:170%;mask-size:170%;opacity:1}100%{-webkit-mask-size:170%;mask-size:170%;opacity:0}}.loadingWrap .imageWrap{position:absolute;z-index:5;top:50%;left:50%;width:23.9rem;transform:translate(-50%, -50%);-webkit-mask-image:url("../images/mask-circle.png");mask-image:url("../images/mask-circle.png");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:30%;mask-size:30%;opacity:0;animation:maskCircle 2s 0s infinite}.loadingWrap .text{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%, -50%);margin-top:7rem;font-size:16.35px;color:#06f}@media screen and (max-width: 768px){.loadingWrap .text{font-size:2rem}}@media screen and (max-width: 640px){.loadingWrap .text{font-size:2rem}}.loadingWrap .text span{opacity:0}@keyframes showDot1{0%{opacity:0}10%{opacity:0}10.5%{opacity:1}70%{opacity:1}94%{opacity:1}95%{opacity:0}100%{opacity:0}}.loadingWrap .text span:nth-child(1){animation:showDot1 2s infinite both}@keyframes showDot2{0%{opacity:0}25%{opacity:0}25.5%{opacity:1}85%{opacity:1}94%{opacity:1}95%{opacity:0}100%{opacity:0}}.loadingWrap .text span:nth-child(2){animation:showDot2 2s infinite both}@keyframes showDot3{0%{opacity:0}40%{opacity:0}40.5%{opacity:1}100%{opacity:1}94%{opacity:1}95%{opacity:0}100%{opacity:0}}.loadingWrap .text span:nth-child(3){animation:showDot3 2s infinite both}.youtubeWrap{position:fixed;z-index:0;min-width:100%;min-height:100%;left:0px;top:0px;overflow:hidden;background-image:none;transition-property:opacity;transition-duration:1000ms}.youtubeWrap:before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#d4dbde;background:linear-gradient(180deg, #d4dbde 0%, #d4dbde 60%, rgba(214, 219, 222, 0.3) 100%)}.youtubeWrap.-revers:before{background:linear-gradient(0deg, #d4dbde 0%, #d4dbde 30%, rgba(214, 219, 222, 0.3) 100%)}.youtubeWrap:after{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:#d4dbde;opacity:1;transition:opacity .3s}.youtubeWrap.-on:after{opacity:0}.youtubeWrap #bgYoutube{position:absolute;z-index:-3;top:50%;left:50%;width:120vw;height:67.5vw;opacity:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;transform:translate(-50%, -50%)}@media(max-aspect-ratio: 16/9){.youtubeWrap #bgYoutube{width:213.3333333333vh;height:120vh}}.bodyPattern{position:fixed;z-index:-1;top:0;left:0;width:100%;padding-top:760px;background-image:url("../images/pattern-upper.png");background-size:100% auto;background-repeat:no-repeat;background-position:0 0}@media screen and (max-width: 1440px){.bodyPattern{background-size:1440px 760px;background-position:50% 0}}@media screen and (max-width: 768px){.bodyPattern{background-size:100% auto;background-position:0 0}}.particlesWrap{position:fixed;z-index:-2;top:0;left:0;width:100%;height:100%}.particlesWrap.-bottom{top:60%}canvas.particles-js-canvas-el{background-color:rgba(0,0,0,0)}.commonShadowCircle{position:absolute;z-index:-1;top:50%;left:50%;width:99.8979591837%;transform:translate(-50%, -50%);opacity:.9}@media screen and (max-width: 768px){.commonShadowCircle{max-width:243.8802083333%;width:243.8802083333%}}.commonNew{display:none;position:absolute;z-index:1;animation:newAnime 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite}.commonNew.-show{display:block}@keyframes newAnime{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.sliderWrap{opacity:0}.sliderWrap.slick-initialized{opacity:1}.scrollArrowWrap{position:absolute;z-index:100;top:50%;right:10px;color:#fff;font-size:14px;text-decoration:none;text-align:center}.scrollArrowWrap p{display:inline-block;writing-mode:vertical-rl;line-height:0}.scrollArrowWrap span{position:relative;z-index:0;display:block;width:1px;height:50px;margin:10px auto 0;background-color:rgba(100,100,100,.5)}.scrollArrowWrap span:before{content:"";position:absolute;z-index:1;top:-4px;left:-2px;width:6px;height:6px;background-color:#fff;transform:rotate(45deg);animation:scrollArrow 3s infinite}.commonCloudWrap{position:absolute;z-index:-1;top:0;left:0;width:100%;transform:translateY(-5%);padding-top:550px;pointer-events:none}@media screen and (max-width: 980px){.commonCloudWrap{padding-top:100%}}.commonCloudWrap.-bottom{top:auto;bottom:-1px;transform:translateY(5%) scale(-1, -1)}.commonCloudWrap .item{position:absolute;top:0;left:50%;width:110vw;height:100%;background-color:rgba(0,0,0,0);background-size:980px auto;background-position:50% 0;transform:translateX(-50%) rotate(-5deg)}@media screen and (max-width: 1600px){.commonCloudWrap .item{transform:translateX(-50%) rotate(-7deg)}}@media screen and (max-width: 980px){.commonCloudWrap .item{background-size:100% auto}}.commonCloudWrap.lazyloaded .item01{background-image:url(../images/commonCloudArea-cloud01.png)}.commonCloudWrap.lazyloaded .item02{background-image:url(../images/commonCloudArea-cloud03.png)}.commonCloudWrap.lazyloaded .item08{background-image:url(../images/commonCloudArea-cloud08.png)}.commonCloudWrap.lazyloaded .item03,.commonCloudWrap.lazyloaded .item04{background-image:url(../images/commonCloudArea-glow01.png)}.commonCloudWrap.lazyloaded .item05,.commonCloudWrap.lazyloaded .item06,.commonCloudWrap.lazyloaded .item07{background-image:url(../images/commonCloudArea-glow02.png)}.commonCloudWrap .item01,.commonCloudWrap .item02,.commonCloudWrap .item08{background-repeat:repeat-x}.commonCloudWrap .item01{z-index:8}.commonCloudWrap .item01:before{content:"";position:absolute;z-index:-1;width:100%;height:100px;top:0;left:0;transform:translateY(-99%);background-color:#d4dbde}.commonCloudWrap .item02{z-index:7}.commonCloudWrap .item08{z-index:1}.commonCloudWrap .-glow{max-width:980px;background-position:0 0;transform:translateX(-50%) rotate(-7deg)}.commonCloudWrap .item03{z-index:6;opacity:.8;margin-left:-100px}@media screen and (max-width: 980px){.commonCloudWrap .item03{margin-left:-10%}}.commonCloudWrap .item04{z-index:5;margin-left:0;animation:glow 3s 1s linear infinite}.commonCloudWrap .item05{z-index:4;margin-left:-100px;animation:glow 3s 5s linear infinite}@media screen and (max-width: 980px){.commonCloudWrap .item05{margin-left:-10%}}.commonCloudWrap .item06{z-index:3;margin-left:0;animation:glow 6s 3s linear infinite}.commonCloudWrap .item07{z-index:2;margin-left:-200px;margin-left:0;opacity:.8}@media screen and (max-width: 980px){.commonCloudWrap .item07{margin-left:0}}.pageUpper{padding-bottom:160px;pointer-events:none}@media screen and (max-width: 1350px){.pageUpper{padding-bottom:50px}}@media screen and (max-width: 768px){.pageUpper{padding-bottom:12rem}}@media screen and (min-width: 1351px){.pageUpper .floatWrap{position:fixed;z-index:-1;top:40px;left:50%;width:100%;margin:auto;transform:translateX(-50%);pointer-events:none;transition:top .3s}.pageUpper .floatWrap.-on{top:0}}.pageUpper .logo{width:200px;margin:0;padding:25px 0 10px 10px}@media screen and (max-width: 768px){.pageUpper .logo{width:33.6734693878%}}.pageUpper .upperTitle{width:100%;margin:auto;font-size:47.67px;font-weight:bold;letter-spacing:.5rem;pointer-events:none;overflow:hidden}@media screen and (max-width: 768px){.pageUpper .upperTitle{font-size:5.508rem}}@media screen and (max-width: 640px){.pageUpper .upperTitle{font-size:5.508rem}}.pageUpper .upperTitle .title{position:relative;z-index:0;display:flex;align-items:center;width:200px;margin:120px 0 0 10px;padding-top:12px;writing-mode:vertical-rl;background-image:url(../images/icon.png);background-position:50% 0;background-repeat:no-repeat;background-size:8px}@media screen and (max-width: 1350px){.pageUpper .upperTitle .title{width:100%;margin:10px 0 0 110px;padding:0 0 0 12px;background-position:0 50%;writing-mode:initial}}@media screen and (max-width: 768px){.pageUpper .upperTitle .title{margin:4% 0 0 14.3229166667%}}.pageUpper .upperTitle .title:before{content:"";position:absolute;z-index:-1;top:1px;left:50%;width:1px;padding-top:120px;background-color:#080808;transform:translate(-50%, -100%)}@media screen and (max-width: 1350px){.pageUpper .upperTitle .title:before{top:50%;left:0;width:120px;padding-top:1px;transform:translate(calc(-100% + 1px), 0px)}}@media screen and (max-width: 768px){.pageUpper .upperTitle .title:before{width:15.625%}}.pageUpper .upperTitle .color{color:#06f}.video{position:relative;z-index:0;display:block;width:40.8163265306%;margin:auto;overflow:hidden}.video:before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;display:block;background-image:url("../videos/images/video-hover.png");background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;opacity:0;transition:opacity 1s}.video:hover:before{-webkit-mask-size:400%;mask-size:400%;opacity:1}.video .thum{border:1px solid #63fdfb}.video .icon{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;transform:scale(0.8);transition:transform 1s}.video .icon:before,.video .icon:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:26.6666666667% auto;background-position:50% 50%}.video .icon:before{z-index:2;background-image:url(../videos/images/video-arrow.png)}.video .icon:after{z-index:1;background-image:url(../videos/images/video-icon.png);filter:grayscale(0.88) brightness(0.92);transition:filter 3s,transform 5s linear}.video:hover .icon{transform:scale(1)}.video:hover .icon:after{filter:grayscale(0) brightness(1);animation:rotate360 10s linear infinite}/*# sourceMappingURL=common.css.map */