@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600,700,800);@import url(https://fonts.googleapis.com/css?family=Do+Hyeon);html{scroll-behavior:smooth}#first{padding-left:0}#second{padding-right:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{box-sizing:border-box}.blog-slider{width:95%;position:relative;max-width:800px;margin:auto;background:#fff;box-shadow:0 14px 80px rgba(94,73,169,.363);padding:25px;border-radius:25px;height:400px;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:992px){.blog-slider{max-width:680px;height:400px}}@media screen and (max-width:768px){.blog-slider{min-height:500px;height:auto;margin:180px auto 30px}}@media screen and (max-height:500px) and (min-width:992px){.blog-slider{height:350px}}.blog-slider__item{display:flex;align-items:center}@media screen and (max-width:768px){.blog-slider__item{flex-direction:column}}.blog-slider__item.swiper-slide-active .blog-slider__img img{opacity:1;-webkit-transition-delay:.3s;transition-delay:.3s}.blog-slider__item.swiper-slide-active .blog-slider__content>*{opacity:1;-webkit-transform:none;transform:none}.blog-slider__item.swiper-slide-active .blog-slider__content>:first-child{-webkit-transition-delay:.3s;transition-delay:.3s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(2){-webkit-transition-delay:.4s;transition-delay:.4s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(3){-webkit-transition-delay:.5s;transition-delay:.5s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(4){-webkit-transition-delay:.6s;transition-delay:.6s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(5){-webkit-transition-delay:.7s;transition-delay:.7s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(6){-webkit-transition-delay:.8s;transition-delay:.8s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(7){-webkit-transition-delay:.9s;transition-delay:.9s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(8){-webkit-transition-delay:1s;transition-delay:1s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(9){-webkit-transition-delay:1.1s;transition-delay:1.1s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(10){-webkit-transition-delay:1.2s;transition-delay:1.2s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(11){-webkit-transition-delay:1.3s;transition-delay:1.3s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(12){-webkit-transition-delay:1.4s;transition-delay:1.4s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(13){-webkit-transition-delay:1.5s;transition-delay:1.5s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(14){-webkit-transition-delay:1.6s;transition-delay:1.6s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(15){-webkit-transition-delay:1.7s;transition-delay:1.7s}.blog-slider__img{width:300px;flex-shrink:0;height:300px;box-shadow:4px 13px 30px 1px rgba(94,73,169,.363);-webkit-transform:translateX(-80px);transform:translateX(-80px);overflow:hidden}.blog-slider__img,.blog-slider__img:after{background-image:-webkit-linear-gradient(303deg,74%);background-image:linear-gradient(147deg,74%);border-radius:20px}.blog-slider__img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.blog-slider__img img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;border-radius:20px;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:768px){.blog-slider__img{-webkit-transform:translateY(-50%);transform:translateY(-50%);width:90%}}@media screen and (max-width:576px){.blog-slider__img{width:95%}}@media screen and (max-height:500px) and (min-width:992px){.blog-slider__img{height:270px}}.blog-slider__content{padding-right:25px}@media screen and (max-width:768px){.blog-slider__content{margin-top:-80px;text-align:center;padding:0 30px}}@media screen and (max-width:576px){.blog-slider__content{padding:0}}.blog-slider__content>*{opacity:0;-webkit-transform:translateY(25px);transform:translateY(25px);-webkit-transition:all .4s;transition:all .4s}.blog-slider__code{color:#7b7992;margin-bottom:15px;display:block;font-weight:500}.blog-slider__title{font-size:24px;font-weight:700;color:#0d0925;margin-bottom:20px}.blog-slider__text{color:#4e4a67;margin-bottom:30px;line-height:1.5em}.blog-slider__button{display:inline-flex;background-image:-webkit-linear-gradient(303deg,74%);background-image:linear-gradient(147deg,74%);padding:10px 30px;border-radius:50px;color:#fff;background-color:#60469b;text-decoration:none;font-weight:500;justify-content:center;text-align:center;letter-spacing:1px}@media screen and (max-width:576px){.blog-slider__button{width:100%}}.blog-slider .swiper-container-horizontal>.swiper-pagination-bullets,.blog-slider .swiper-pagination-custom,.blog-slider .swiper-pagination-fraction{bottom:10px;left:0;width:100%}.blog-slider__pagination{position:absolute;z-index:21;right:20px;width:11px!important;text-align:center;left:auto!important;top:50%;bottom:auto!important;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width:768px){.blog-slider__pagination{-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%!important;top:205px;width:100%!important;display:flex;justify-content:center;align-items:center}}.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet{margin:8px 0}@media screen and (max-width:768px){.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}}.blog-slider__pagination .swiper-pagination-bullet{width:11px;height:11px;display:block;border-radius:10px;background:#062744;opacity:.2;-webkit-transition:all .3s;transition:all .3s}.blog-slider__pagination .swiper-pagination-bullet-active{opacity:1;background:#60469b;height:30px;box-shadow:0 0 20px rgba(94,73,169,.363)}@media screen and (max-width:768px){.blog-slider__pagination .swiper-pagination-bullet-active{height:11px;width:30px}}*,:after,:before{margin:0;padding:0;box-sizing:border-box}.clear-fix:after{display:block;clear:both;content:""}.img-responsive{width:100%;height:100%;border-radius:10px}.card__collection{font-family:Do Hyeon,sans-serif;border-radius:10px}.card__collection,.card__collection .cards{position:relative;display:block;overflow:hidden}.card__collection .cards{width:250px;height:320px;background-size:cover;float:left;background-position:50%}@media (min-width:1200px){.card__collection .cards{width:280px;height:350px}}@media (min-width:1440px){.card__collection .cards{width:305px;height:370px}}.card__collection .cards--three{position:relative;z-index:10}.card__collection .cards--three:hover .cards--three__rect-1{left:10%}.card__collection .cards--three:hover .cards--three__rect-1 .shadow-1{left:-20%}.card__collection .cards--three:hover .cards--three__rect-2{left:60%}.card__collection .cards--three:hover .cards--three__rect-2:before{left:-100%}.card__collection .cards--three:hover .cards--three__rect-2:after{left:80%}.card__collection .cards--three:hover .cards--three__rect-2 .shadow-2{left:-10%}.card__collection .cards--three:hover .cards--three__circle{-webkit-transform:scale(1);transform:scale(1)}.card__collection .cards--three:hover .cards--three__circle:before{-webkit-transform:scale(.9);transform:scale(.9)}.card__collection .cards--three:hover .cards--three__list li{-webkit-transform:translateX(0);transform:translateX(0)}.card__collection .cards--three__rect-1{width:315px;height:30px;-webkit-transform:skewX(-20deg);transform:skewX(-20deg);display:block;position:absolute;top:73%;opacity:.9;left:-100%;z-index:8;-webkit-transition:all .5s ease-in;transition:all .5s ease-in}.card__collection .cards--three__rect-1 p{font-size:18px;color:#fff;-webkit-transform:skewX(20deg);transform:skewX(20deg);line-height:6rem}.card__collection .cards--three__rect-1 .shadow-1{background:#60469b;width:230px;height:90px;display:block;position:absolute;left:-200%;z-index:-1;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.card__collection .cards--three__rect-2{width:70px;height:46px;background:#fff;position:absolute;top:65%;left:1000%;opacity:.9;-webkit-transform:skewX(-20deg);transform:skewX(-20deg);z-index:8;-webkit-transition:all .5s ease-in;transition:all .5s ease-in}.card__collection .cards--three__rect-2:before{content:"";display:block;width:50px;height:40px;background:#57ccfd;opacity:1;position:absolute;left:500%;top:10%;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.card__collection .cards--three__rect-2:after{content:"";width:50px;height:40px;background:#60469b;opacity:1;top:114%}.card__collection .cards--three__rect-2 .shadow-2,.card__collection .cards--three__rect-2:after{display:block;position:absolute;left:500%;-webkit-transition:all .5s ease-in;transition:all .5s ease-in;-webkit-transition-delay:.2s;transition-delay:.2s}.card__collection .cards--three__rect-2 .shadow-2{background:#57ccfd;width:100%;height:100%;top:-10%}.card__collection .cards--three__circle{width:50px;height:170px;position:absolute;top:-15%;right:-1%;opacity:.9}.card__collection .cards--three__circle,.card__collection .cards--three__circle:before{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .3s ease;transition:all .3s ease}.card__collection .cards--three__circle:before{content:"";display:block;width:100%;height:100%;background:#60469b;border-bottom-left-radius:10px;-webkit-transition-delay:.2s;transition-delay:.2s}.card__collection .cards--three__list{display:flex;flex-direction:column;list-style:none;position:absolute;top:-53px;right:7px;padding-top:60px;-webkit-transition:all .4s ease;transition:all .4s ease}.card__collection .cards--three__list li{display:inline-block;margin:4px;color:#fff;width:25px;height:25px;border-radius:50%;background:rgba(87,204,253,.9);text-align:center;line-height:1.7rem;font-size:12px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateX(500%);transform:translateX(500%);cursor:pointer}.card__collection .cards--three__list li:first-child{-webkit-transition-delay:.2s;transition-delay:.2s}.card__collection .cards--three__list li:nth-child(2){-webkit-transition-delay:.3s;transition-delay:.3s}.card__collection .cards--three__list li:nth-child(3){-webkit-transition-delay:.4s;transition-delay:.4s}