@charset "utf-8"; /* google fonts */ /* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700;900&display=swap'); */ /* libs style: twentytwenty */ .twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-horizontal .twentytwenty-handle:after,.twentytwenty-vertical .twentytwenty-handle:before,.twentytwenty-vertical .twentytwenty-handle:after{content:" ";display:block;background:white;position:absolute;z-index:30;-webkit-box-shadow:0 0 12px rgba(51,51,51,.5);-moz-box-shadow:0 0 12px rgba(51,51,51,.5);box-shadow:0 0 12px rgba(51,51,51,.5)}.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-horizontal .twentytwenty-handle:after{width:3px;height:9999px;left:50%;margin-left:-1.5px}.twentytwenty-vertical .twentytwenty-handle:before,.twentytwenty-vertical .twentytwenty-handle:after{width:9999px;height:3px;top:50%;margin-top:-1.5px}.twentytwenty-before-label,.twentytwenty-after-label,.twentytwenty-overlay{position:absolute;top:0;width:100%;height:100%}.twentytwenty-before-label,.twentytwenty-after-label,.twentytwenty-overlay{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s}.twentytwenty-before-label,.twentytwenty-after-label{-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity}.twentytwenty-before-label:before,.twentytwenty-after-label:before{color:white;font-size:13px;letter-spacing:.1em}.twentytwenty-before-label:before,.twentytwenty-after-label:before{position:absolute;background:rgba(255,255,255,.2);line-height:38px;padding:0 20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.twentytwenty-horizontal .twentytwenty-before-label:before,.twentytwenty-horizontal .twentytwenty-after-label:before{top:50%;margin-top:-19px}.twentytwenty-vertical .twentytwenty-before-label:before,.twentytwenty-vertical .twentytwenty-after-label:before{left:50%;margin-left:-45px;text-align:center;width:90px}.twentytwenty-left-arrow,.twentytwenty-right-arrow,.twentytwenty-up-arrow,.twentytwenty-down-arrow{width:0;height:0;border:6px inset transparent;position:absolute}.twentytwenty-left-arrow,.twentytwenty-right-arrow{top:50%;margin-top:-6px}.twentytwenty-up-arrow,.twentytwenty-down-arrow{left:50%;margin-left:-6px}.twentytwenty-container{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;z-index:0;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.twentytwenty-container img{max-width:100%;position:absolute;top:0;display:block}.twentytwenty-container.active .twentytwenty-overlay,.twentytwenty-container.active :hover.twentytwenty-overlay{background:rgba(0,0,0,0)}.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label{opacity:0}.twentytwenty-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.twentytwenty-before-label{opacity:0}.twentytwenty-before-label:before{content:attr(data-content)}.twentytwenty-after-label{opacity:0}.twentytwenty-after-label:before{content:attr(data-content)}.twentytwenty-horizontal .twentytwenty-before-label:before{left:10px}.twentytwenty-horizontal .twentytwenty-after-label:before{right:10px}.twentytwenty-vertical .twentytwenty-before-label:before{top:10px}.twentytwenty-vertical .twentytwenty-after-label:before{bottom:10px}.twentytwenty-overlay{-webkit-transition-property:background;-moz-transition-property:background;transition-property:background;background:rgba(0,0,0,0);z-index:25}.twentytwenty-overlay:hover{background:rgba(0,0,0,.5)}.twentytwenty-overlay:hover .twentytwenty-after-label{opacity:1}.twentytwenty-overlay:hover .twentytwenty-before-label{opacity:1}.twentytwenty-before{z-index:20}.twentytwenty-after{z-index:10}.twentytwenty-handle{height:38px;width:38px;position:absolute;left:50%;top:50%;margin-left:-22px;margin-top:-22px;border:3px solid white;-webkit-border-radius:1000px;-moz-border-radius:1000px;border-radius:1000px;-webkit-box-shadow:0 0 12px rgba(51,51,51,.5);-moz-box-shadow:0 0 12px rgba(51,51,51,.5);box-shadow:0 0 12px rgba(51,51,51,.5);z-index:40;cursor:pointer}.twentytwenty-horizontal .twentytwenty-handle:before{bottom:50%;margin-bottom:22px;-webkit-box-shadow:0 3px 0 white,0 0 12px rgba(51,51,51,.5);-moz-box-shadow:0 3px 0 white,0 0 12px rgba(51,51,51,.5);box-shadow:0 3px 0 white,0 0 12px rgba(51,51,51,.5)}.twentytwenty-horizontal .twentytwenty-handle:after{top:50%;margin-top:22px;-webkit-box-shadow:0 -3px 0 white,0 0 12px rgba(51,51,51,.5);-moz-box-shadow:0 -3px 0 white,0 0 12px rgba(51,51,51,.5);box-shadow:0 -3px 0 white,0 0 12px rgba(51,51,51,.5)}.twentytwenty-vertical .twentytwenty-handle:before{left:50%;margin-left:22px;-webkit-box-shadow:3px 0 0 white,0 0 12px rgba(51,51,51,.5);-moz-box-shadow:3px 0 0 white,0 0 12px rgba(51,51,51,.5);box-shadow:3px 0 0 white,0 0 12px rgba(51,51,51,.5)}.twentytwenty-vertical .twentytwenty-handle:after{right:50%;margin-right:22px;-webkit-box-shadow:-3px 0 0 white,0 0 12px rgba(51,51,51,.5);-moz-box-shadow:-3px 0 0 white,0 0 12px rgba(51,51,51,.5);box-shadow:-3px 0 0 white,0 0 12px rgba(51,51,51,.5)}.twentytwenty-left-arrow{border-right:6px solid white;left:50%;margin-left:-17px}.twentytwenty-right-arrow{border-left:6px solid white;right:50%;margin-right:-17px}.twentytwenty-up-arrow{border-bottom:6px solid white;top:50%;margin-top:-17px}.twentytwenty-down-arrow{border-top:6px solid white;bottom:50%;margin-bottom:-17px} .twentytwenty-container {padding:0;} /* layout */ /* gram16 */ .newgram_20210128 { font-family: "Noto Sans", "Source Sans Pro", Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: #222; -webkit-tap-highlight-color: rgba(0,0,0,0); } .newgram_20210128 li {list-style: none;} .newgram_20210128 a {text-decoration: none;} .newgram_20210128 section.motionContent { position: relative; } .newgram_20210128 section.motionContent * { box-sizing: border-box; } html.mo .newgram_20210128 { max-width:767px; } .newgram_20210128 > section { width:100%; overflow: hidden; } .newgram_20210128 .title { position:absolute; left: 25px; } .newgram_20210128 .title h2 {margin:0;padding:0;font-size:32px;font-weight:700;} .newgram_20210128 .title .small {margin-top:15px;font-size:16px;line-height:24px;} .newgram_20210128 .title .button {margin-top:15px;display:inline-block;padding:0 14px;font-size:14px;line-height:30px;height:30px;color:#222;border:1px solid #666;border-radius:16px;box-sizing:content-box;} .newgram_20210128 .small.indent {text-indent:-9px;padding-left:9px;word-break:keep-all;} .newgram_20210128 .small.indent:before {content:'* ';} .newgram_20210128 .small.indent.wb-normal {word-break:normal;} .newgram_20210128 .only_m {display: inline-block !important;} .newgram_20210128 .only_pc {display: none !important;} .newgram_20210128 .eyebrow { position:absolute; left: 25px; font-size: 20px; color: #999; } .newgram_20210128 .white {color:#fff;} .newgram_20210128 .grey, .newgram_20210128 .gray {color:#767676;} .newgram_20210128 .imageFitW > img {width:100%;height:auto;} .newgram_20210128 i.circ-arrow-down {display:inline-block;width:13px;height:13px;background:url("./usp_0101_ico_m.png") center center no-repeat;background-size:contain;} /* Swiper */ .newgram_20210128 .swiper-wrapper {position:relative;width:100%;height:100%;margin:0;padding:0;z-index:1;display:flex;transition-property: transform;box-sizing: content-box;} .newgram_20210128 .swiper-slide {flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;cursor:grab;} .newgram_20210128 .swiper-page-wrap {height:24px;margin-top:20px;} .newgram_20210128 .swiper-pagination {position:relative;height:100%;text-align:center;/*overflow:hidden;*/} .newgram_20210128 .swiper-pagination-bullet {display:inline-block;position:relative;left:auto;bottom:auto;margin:0 6px;width:21px;height:21px;border:2px solid #fff;border-radius:50%;} .newgram_20210128 .swiper-pagination-bullet-active {border-color:#ae1a4a !important;} .newgram_20210128 .swiper-pagination-bullet:nth-child(1) {background:#fff !important;border-color:#ddd;} .newgram_20210128 .swiper-pagination-bullet:nth-child(2) {background:#2c2c2c !important;} .newgram_20210128 .swiper-pagination-bullet:nth-child(3) {background:#ababab !important;} .newgram_20210128 .swiper-button-next-gram, .newgram_20210128 .swiper-button-prev-gram {position: absolute;top: 50%;z-index: 10;width:59px;height:110px;margin-top:-95px;cursor:pointer;} .newgram_20210128 .swiper-button-prev-gram {left:0;background:rgba(0, 0, 0, 0.1) url("./usp_0109_arrow.png") no-repeat center} .newgram_20210128 .swiper-button-next-gram {right:0;background:rgba(0, 0, 0, 0.1) url("./usp_0109_arrow2.png") no-repeat center} /* twentytwenty */ .newgram_20210128 .twentytwenty-wrapper.twentytwenty-horizontal .twentytwenty-handle {margin-top:-15px;margin-left:-15px;top:74.5%;width:31px;height:31px;border:0;background:#fff;} .newgram_20210128 .twentytwenty-wrapper.twentytwenty-horizontal .twentytwenty-handle:before, .newgram_20210128 .twentytwenty-wrapper.twentytwenty-horizontal .twentytwenty-handle:after {margin-top:0;margin-bottom:0;width:1px;margin-left:0;background-color:#fff;} .newgram_20210128 .twentytwenty-wrapper.twentytwenty-horizontal .twentytwenty-left-arrow, .newgram_20210128 .twentytwenty-wrapper.twentytwenty-horizontal .twentytwenty-right-arrow {margin-top:-4px;border:5px inset transparent;} .newgram_20210128 .twentytwenty-wrapper.twentytwenty-horizontal .twentytwenty-left-arrow {margin-left:-14px;border-right:5px solid #000;} .newgram_20210128 .twentytwenty-wrapper.twentytwenty-horizontal .twentytwenty-right-arrow {margin-right:-14px;border-left:5px solid #000} .newgram_20210128 .twentytwenty-overlay:hover {display: none;} /* ios video border */ .newgram_20210128 video { -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .newgram_20210128 #animate1 {height:585px;} .newgram_20210128 #animate1_1 {z-index:2;} .newgram_20210128 #animate1_2 {position:absolute;width:100%;top:195px;z-index:1;} .newgram_20210128 #animate1_2 > li {position:absolute;left:25px;} .newgram_20210128 #animate1_2 > li:nth-child(1) {top:60px;} .newgram_20210128 #animate1_2 > li:nth-child(2) {top:134px;} .newgram_20210128 #animate1_2 > li:nth-child(3) {top:208px;} .newgram_20210128 #animate1_2 > li a {display:block;} .newgram_20210128 #animate1_2 > li .sub {font-size:27px;font-weight:900;color:#fff;} .newgram_20210128 #animate1_2 > li .sub em {margin-left:4px;font-size:19px;font-weight:700;font-style:normal;} .newgram_20210128 #animate1_2 > li .desc {font-size:16px;color:#b0b3b8;} .newgram_20210128 #animate1_2 > li .desc i {margin-left:5px;vertical-align: middle;} .newgram_20210128 #animate1_3 {position:relative;height:530px;overflow: hidden;z-index:0;background:#31302e;} .newgram_20210128 #animate1_3 img {position:absolute;bottom:0;right:0;width:360px;height:530px;} .newgram_20210128 #animate1_4 {padding: 0 20px;} .newgram_20210128 #animate1_4 .small {margin-top:18px;font-size:12px;color:#767676;} .newgram_20210128 #scene3 {/*overflow:visible;*/} .newgram_20210128 #animate2 {height:820px;overflow:hidden;background:#fff;} .newgram_20210128 #animate2_2 {position:absolute;left:50%;/*top:-45px;*/} .newgram_20210128 #animate2_2 > img {position:absolute;left:-700px;top:0;} .newgram_20210128 #animate2_2_info {position:absolute;} .newgram_20210128 #animate2_3 {position:absolute;left:25px;/*top:590px;*/width:calc(100% - 50px);} .newgram_20210128 #animate2_3 .sub {font-size:15px;color:#333;} .newgram_20210128 #animate2_3 .small {margin-top:18px;font-size:12px;color:#767676;} .newgram_20210128 #animate2_2_info_pc {} .newgram_20210128 #animate3 {} .newgram_20210128 #animate3_1 {z-index:1;} .newgram_20210128 #animate3 .blank {padding-top:210px;padding-bottom:142%;} .newgram_20210128 #animate3 .video {position:absolute;left:0;width:100%;padding-bottom:122%;} .newgram_20210128 #animate3 .video video {position:absolute;top:0;left:25px;width:calc(100% - 50px);height:100%;} .newgram_20210128 #animate4 {} .newgram_20210128 #animate4_1 {z-index:1;} .newgram_20210128 #animate4 .blank {padding-top:230px;padding-bottom:100%;} .newgram_20210128 #animate4 .video {position:absolute;left:0;width:100%;padding-bottom:100%;} .newgram_20210128 #animate4 .video video {position:absolute;top:0;left:0;width:100%;height:100%;} .newgram_20210128 #animate5 {} .newgram_20210128 #animate5 .blank {padding-top:210px;padding-bottom:calc(100% + 66px);} .newgram_20210128 #animate5 .video {position:absolute;left:0;width:100%;padding-bottom:75%;} .newgram_20210128 #animate5 .video video {position:absolute;top:0;left:0;width:100%;height:100%;} .newgram_20210128 #animate5 .logo {position:absolute;left:25px;} .newgram_20210128 #animate5 .logo img {display:block;width:80px;} .newgram_20210128 #animate5 .desc {position:absolute;left:128px;padding-bottom:5px;} .newgram_20210128 #animate5 .desc .sub {font-size:15px;color:#333;} .newgram_20210128 #animate5 .desc .small {margin-top:18px;font-size:12px;color:#767676;} .newgram_20210128 #animate5 .desc .small + .small {margin-top:0} .newgram_20210128 #animate6 {} .newgram_20210128 #animate6 img {width:100%;} .newgram_20210128 #animate6 .blank {padding-top:214px;padding-bottom:114%;} .newgram_20210128 #animate6 .divider {position:absolute;left:0;width:100%;/*padding-bottom:83.4%;*/} .newgram_20210128 #animate6 .divider .image {position:absolute;top:0;left:0;width:100%;overflow:hidden;} .newgram_20210128 #animate6 .divider .image > img {display:block;width:100vw;} .newgram_20210128 #animate6 .divider .drag {position:absolute;top:0;right:0;height:100%;} .newgram_20210128 #animate6 .divider .drag img {height:100%;transform:translateX(-50%);} .newgram_20210128 #animate6 .desc {padding:0 20px;} .newgram_20210128 #animate6 .desc .small {margin-top:18px;font-size:12px;color:#767676;} .newgram_20210128 #animate7 {} .newgram_20210128 #animate7 .blank {padding-top:236px;padding-bottom:112%;} .newgram_20210128 #animate7 .divider {position:absolute;left:0;width:100%;padding-bottom:100%;} .newgram_20210128 #animate7 .divider .image {position:absolute;top:0;left:0;width:100%;overflow:hidden;} .newgram_20210128 #animate7 .divider .image > img {display:block;width:100vw;} .newgram_20210128 #animate7 .divider .drag {position:absolute;top:0;right:0;height:100%;} .newgram_20210128 #animate7 .divider .drag img {height:100%;transform:translateX(-50%);} .newgram_20210128 #animate7_3 {padding: 0 20px} .newgram_20210128 #animate7_3 .small {margin-top:18px;font-size:12px;color:#767676;} .newgram_20210128 #animate7_3 .small p {display: inline-block;} .newgram_20210128 #animate7_3 .small p + p {margin-left: 10px;} .newgram_20210128 #animate8 {} .newgram_20210128 #animate8 .blank {padding-top:264px;padding-bottom:calc(77% + 64px + 82px);} .newgram_20210128 #animate8 .video {position:absolute;width:100%;padding-bottom:77%;overflow:hidden;} .newgram_20210128 #animate8 .video video {position:absolute;top:0px;left:50%;transform:translateX(-50%);width:100%;height:100%;} .newgram_20210128 #animate8_3 {position:absolute;left:25px;bottom:20px;width:calc(100% - 50px);} .newgram_20210128 #animate8_3 .sub {font-size:15px;color:#333;} .newgram_20210128 #animate8_3 .small {margin-top:18px;font-size:12px;color:#767676;} .newgram_20210128 #animate9 {} .newgram_20210128 #animate9 .blank {padding-top:184px;padding-bottom:calc(134.8% + 100px);} .newgram_20210128 #animate9 .slide {position:absolute;left:0;width:100%;} .newgram_20210128 #animate9 .slide .image {position:relative;} .newgram_20210128 #animate9 .slide .image li {position:relative;display:inline-block;float:left;} .newgram_20210128 #animate9 .slide .image li:before {content:"";display:block;width:100vw;padding-bottom:134.8%;} .newgram_20210128 #animate9 .slide .image img {position:absolute;top:0;left:0;width:100%;z-index:0;} .newgram_20210128 #animate9 .slide .txt {position:absolute;top:50px;left:25px;z-index:1;text-align:left;} .newgram_20210128 #animate9 .slide .txt:not(.white) {color:#000;} .newgram_20210128 #animate9 .slide .txt strong {font-weight:bold;font-size:24px;} .newgram_20210128 #animate9 .slide .txt p {margin-top:12px;font-size:14px;line-height:20px;} .newgram_20210128 #animate10 {} .newgram_20210128 #animate10 .blank {padding-top:214px;padding-bottom:calc(100% + 15px);} .newgram_20210128 #animate10 .video {position:absolute;left:0;width:100%;padding-bottom:100%;} .newgram_20210128 #animate10 .video video {position:absolute;top:0;left:0;width:100%;height:100%;} .newgram_20210128 #animate11 {} .newgram_20210128 #animate11 .blank {padding-top:255px;padding-bottom:calc(182% + 38px + 60px);} .newgram_20210128 #animate11 .video {position:absolute;left:0;width:100%;padding-bottom:111%;} .newgram_20210128 #animate11 .video video {position:absolute;top:0;left:0;width:100%;height:100%;} .newgram_20210128 #animate11 .desc {position:absolute;left:0;bottom: 60px;} .newgram_20210128 #animate11 .desc img {display:block;width:100vw;} .newgram_20210128 #animate11 .desc .small {margin-top: 38px;padding: 0 20px;font-size:12px;color:#767676;} .newgram_20210128 #animate12 {} .newgram_20210128 #animate12 .blank {padding-top:212px;padding-bottom:calc(100% - 35px);} .newgram_20210128 #animate12 .image {position:absolute;left:25px;width:calc(100% - 50px);border-radius:15px;overflow:hidden;} .newgram_20210128 #animate12 .image img {display:block;width:100%;} .newgram_20210128 #animate12 .desc {padding:0 20px;} .newgram_20210128 #animate12 .desc .small {margin-top:18px;font-size:12px;color:#767676;} .newgram_20210128 #animate13 {} .newgram_20210128 #animate13 .blank {padding-top:257px;padding-bottom:calc(100% - 35px);} .newgram_20210128 #animate13 .image {position:absolute;left:25px;width:calc(100% - 50px);border-radius:15px;overflow:hidden;} .newgram_20210128 #animate13 .image img {display:block;width:100%;} .newgram_20210128 #animate13 .desc {padding:0 20px;} .newgram_20210128 #animate13 .desc .small {margin-top:18px;font-size:12px;color:#767676;} .newgram_20210128 #scene14, .newgram_20210128 #animate14 {background-color:#000;} .newgram_20210128 #animate14 .blank {padding-top:220px;padding-bottom:91.2%;} .newgram_20210128 #animate14 .title .small {color:#999;} .newgram_20210128 #animate14 .video {position:absolute;left:0;width:100%;padding-bottom:91.2%;} .newgram_20210128 #animate14 .video video {position:absolute;top:0;left:0;width:100%;height:100%;} .newgram_20210128 #animate14 .video img {width:100%;} .newgram_20210128 #animate14 .desc {position:absolute;left:0;top:200px;width:100%;padding:0 20px;font-size:12px;} .newgram_20210128 #animate14 .video:before {position:absolute;left:0;top:0;width:100%;height:30px;background:linear-gradient(to bottom,rgba(0,0,0,1) 10%,rgba(0,0,0,0));content:"";z-index:1;} .newgram_20210128 #animate14 .video:after {position:absolute;left:0;bottom:0;width:100%;height:50px;background:linear-gradient(to top,rgba(0,0,0,1) 10%,rgba(0,0,0,0));content:"";} .newgram_20210128 #animate15 {background-color:#000;} .newgram_20210128 #animate15 .blank {height:50px;padding-top:63.2%;padding-bottom:662px;box-sizing:content-box;} .newgram_20210128 #animate15 .icons {position:absolute;left:0;} .newgram_20210128 #animate15 .icons img {display:block;width:100%;} .newgram_20210128 #animate15 .performance {position:absolute;margin-bottom:75px;left:0;width:100%;} .newgram_20210128 #animate15 .performance {padding:0 30px;} .newgram_20210128 #animate15 .performance li {position:relative;padding:30px 0;} .newgram_20210128 #animate15 .performance li:after {content:"";display:block;clear:both;} .newgram_20210128 #animate15 .performance li + li {border-top:1px solid #303030;} .newgram_20210128 #animate15 .performance .txt {position:relative;font-size:20px;color:#fff;} .newgram_20210128 #animate15 .performance .image {position:relative;} .newgram_20210128 #animate15 .performance .image img {display:block;width:100%;} .newgram_20210128 #animate15 .performance .type1 .txt {float:left;width:calc(100% - 75px);padding-top:4px;} .newgram_20210128 #animate15 .performance .type1 .image {float:right;width:75px;} .newgram_20210128 #animate15 .performance .type2 .txt {width:100%;} .newgram_20210128 #animate15 .performance .type2 .image {margin-top:12px;width:300px;} .newgram_20210128 #animate15 .desc {position:absolute;left:0;width:100%;padding:0 20px;font-size:12px;} .newgram_20210128 #animate15 .desc p + p {margin-top:3px;padding-left:8px;text-indent:-8px;} .newgram_20210128 #animate15_1 .desc {width:100%;padding:0 20px;margin-top:20px;font-size:12px;} .newgram_20210128 #animate15_1 .desc p + p {margin-top:3px;padding-left:8px;text-indent:-8px;} .newgram_20210128 #animate15A {background-color:#000;} .newgram_20210128 #animate15A .blank {padding-top:calc(66% + 130px);} .newgram_20210128 #animate15A .icons {position:absolute;left:0;} .newgram_20210128 #animate15A .icons img {display:block;width:100%;} .newgram_20210128 #animate15B {background-color:#000;} .newgram_20210128 #animate15B .blank {height:587px;box-sizing:content-box;} .newgram_20210128 #animate15B .performance {position:absolute;left:0;width:100%;} .newgram_20210128 #animate15B .performance {padding:0 30px;} .newgram_20210128 #animate15B .performance li {position:relative;padding:30px 0;} .newgram_20210128 #animate15B .performance li:after {content:"";display:block;clear:both;} .newgram_20210128 #animate15B .performance li + li {border-top:1px solid #303030;} .newgram_20210128 #animate15B .performance .txt {position:relative;font-size:20px;color:#fff;} .newgram_20210128 #animate15B .performance .image {position:relative;} .newgram_20210128 #animate15B .performance .image img {display:block;width:100%;} .newgram_20210128 #animate15B .performance .type1 .txt {float:left;width:calc(100% - 75px);padding-top:4px;line-height:1.45;font-weight:700;} .newgram_20210128 #animate15B .performance .type1 .image {float:right;width:75px;} .newgram_20210128 #animate15B .performance .type2 .txt {width:100%;font-weight:700;} .newgram_20210128 #animate15B .performance .type2 .image {margin-top:12px;width:300px;} .newgram_20210128 #scene11 + #scene15B {padding-top:25px;background:#000;} .newgram_20210128 #animate15C {background-color:#000;} .newgram_20210128 #animate15C .blank {height:76px;} .newgram_20210128 #animate15C .desc {position:absolute;left:0;width:100%;padding:0 20px;font-size:12px;} .newgram_20210128 #animate15C .desc p + p {margin-top:3px;padding-left:8px;text-indent:-8px;} .newgram_20210128 #animate16 {background-color:#000;} .newgram_20210128 #animate16 .blank {padding-top:260px;padding-bottom:calc(94.5% + 225px);} .newgram_20210128 #animate16 .title .small {color:#999;} .newgram_20210128 #animate16 .port {position:absolute;margin-bottom:225px;left:0;width:100%;} .newgram_20210128 #animate16 .port .image {display:block;} .newgram_20210128 #animate16 .port .image img {display:block;width:100vw;} .newgram_20210128 #animate16 .port .image.first {position:relative;} .newgram_20210128 #animate16 .port .image.last {position:absolute;top:0;} .newgram_20210128 #animate16 .desc {position:absolute;margin-bottom:75px;left:0;width:100%;padding:0 20px;font-size:12px;} .newgram_20210128 #animate16 .desc p + p {margin-top:3px;padding-left:8px;text-indent:-8px;} .newgram_20210128 #animate16_3 {left:auto;right:25px;text-align: right;} .newgram_20210128 #animate17 {background-image: linear-gradient(#343434 30%, #343434 31%, #252425 50%);} .newgram_20210128 #animate17 .blank {padding-top:214px;padding-bottom:calc(100% + 30px);} .newgram_20210128 #animate17 .video {position:absolute;left:0;width:100%;padding-bottom:100%;} .newgram_20210128 #animate17 .video video {position:absolute;top:0;left:0;width:100%;height:100%;} .newgram_20210128 #animate17 .title {color:#fff;} .newgram_20210128 #animate17 .desc {position:absolute;left:25px;bottom:36px;width:calc(100% - 50px);} .newgram_20210128 #animate18 {} .newgram_20210128 #animate18 .blank {padding-top:212px;padding-bottom:calc(86.2% + 70px);} .newgram_20210128 #animate18 .image {position:absolute;left:25px;width:calc(100% - 50px);border-radius:15px;overflow:hidden;} .newgram_20210128 #animate18 .image img {display:block;width:100%;} .newgram_20210128 #animate18 .desc {position:absolute;left:25px;bottom:36px;width:calc(100% - 50px);} .newgram_20210128 .popup.open {display:block;} .newgram_20210128 .popup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;} .newgram_20210128 .popup .dim {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:0;} .newgram_20210128 .popup .inner {position:absolute;top:50%;left:50%;width:calc(100% - 48px);transform:translate(-50%, -50%);background-color:#fff;border-radius:3%;overflow:hidden;z-index:1;} .newgram_20210128 .popup .close {position:absolute;top:0;right:0;padding:16px;} .newgram_20210128 .popup .close img {width:16px;height:16px;} .newgram_20210128 .popup .image img {display:block;width:100%;} .newgram_20210128 .popup .content {padding:20px 24px 24px 24px;} .newgram_20210128 .popup .content strong {font-size:20px;color:#222;} .newgram_20210128 .popup .content p {margin:5px 0 15px;font-size:12px;line-height:19px;color:#222;} .newgram_20210128 .popup .content span {display:block;font-size:10px;color:#767676;} /* web */ .feature_usp:not(.isMobile) .newgram_20210128 > section {max-width:1600px;margin:0 auto;} .feature_usp:not(.isMobile) .newgram_20210128 .title {width:100%;left:0;text-align:center;} .feature_usp:not(.isMobile) .newgram_20210128 .title .small {font-size:30px;} .feature_usp:not(.isMobile) .newgram_20210128 .title h2 {font-size:72px;line-height:1.25;} .feature_usp:not(.isMobile) .newgram_20210128 .title h2 br {display:none;} .feature_usp:not(.isMobile) .newgram_20210128 .title .button {height:50px;margin-top:40px;padding:0 35px;border-radius:30px;font-size:20px;line-height:50px;} .feature_usp:not(.isMobile) .newgram_20210128 i.circ-arrow-down {width:26px;height:26px;} .feature_usp:not(.isMobile) .newgram_20210128 .eyebrow {left:0;width:100%;font-size:34px;text-align:center;} .feature_usp:not(.isMobile) .newgram_20210128 .only_m {display:none !important;} .feature_usp:not(.isMobile) .newgram_20210128 .only_pc {display:inline-block !important;} /* Swiper */ .feature_usp:not(.isMobile) .newgram_20210128 .swiper-page-wrap {height:42px;margin-top:0;} .feature_usp:not(.isMobile) .newgram_20210128 .swiper-pagination {position:relative;height:100%;} .feature_usp:not(.isMobile) .newgram_20210128 .swiper-pagination-bullet {margin:0 14px;width:35px;height:35px;/*border:0;*/background:none;border-radius:50px;} .feature_usp:not(.isMobile) .newgram_20210128 .swiper-pagination-bullet-active::after {content:'';position:absolute;top:-2px;left:-2px;z-index:1;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:50%;border:4px solid #ae1a4a !important;} .feature_usp:not(.isMobile) .newgram_20210128 .swiper-pagination-bullet:nth-child(1)::before {content:'';position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:50%;border:4px solid #ddd !important;} /* twentytwenty */ .feature_usp:not(.isMobile) .newgram_20210128 .twentytwenty-wrapper.twentytwenty-horizontal .twentytwenty-container {max-width:1600px;} .feature_usp:not(.isMobile) .newgram_20210128 .twentytwenty-wrapper.twentytwenty-horizontal .twentytwenty-handle {margin-top:-30px;margin-left:-30px;width:60px;height:60px;} .feature_usp:not(.isMobile) .newgram_20210128 .twentytwenty-wrapper.twentytwenty-horizontal .twentytwenty-handle:before, .feature_usp:not(.isMobile) .newgram_20210128 .twentytwenty-wrapper.twentytwenty-horizontal .twentytwenty-handle:after {width:2px;margin-left:-1px;} .feature_usp:not(.isMobile) .newgram_20210128 .twentytwenty-wrapper.twentytwenty-horizontal .twentytwenty-left-arrow, .feature_usp:not(.isMobile) .newgram_20210128 .twentytwenty-wrapper.twentytwenty-horizontal .twentytwenty-right-arrow {margin-top:-10px;border:10px inset transparent;} .feature_usp:not(.isMobile) .newgram_20210128 .twentytwenty-wrapper.twentytwenty-horizontal .twentytwenty-left-arrow {margin-left:-30px;border-right:12px solid #000;} .feature_usp:not(.isMobile) .newgram_20210128 .twentytwenty-wrapper.twentytwenty-horizontal .twentytwenty-right-arrow {margin-right:-30px;border-left:12px solid #000} .feature_usp:not(.isMobile) .newgram_20210128 #animate1 {height:680px;margin-top:213px;padding-bottom:80px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1 .title {left:125px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1 .title h2 {width:auto;text-align:left;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1 .title br {display:block;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1_2 > li {top:350px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1_2 > li:nth-child(1) {left:125px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1_2 > li:nth-child(2) {left:380px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1_2 > li:nth-child(3) {left:688px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1_2 > li .sub {font-size:54px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1_2 > li .sub em {font-size:36px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1_2 > li .desc {font-size:32px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1_3 {height:100%;overflow:inherit;background:#fff;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1_3 img {width:100%;min-width:1600px;height:auto;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1_4 {margin-top:36px;padding:0 55px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1_4 .small {font-size:20px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1_4 .small p {display:inline-block;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1_4 .small p + p {margin-left:20px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate2 {height:1200px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate2_2 > img {left:-1005px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate2_3 {text-align:center;} .feature_usp:not(.isMobile) .newgram_20210128 #animate2_3 .sub {font-size:30px;line-height:1.5;} .feature_usp:not(.isMobile) .newgram_20210128 #animate2_3 .small {font-size:20px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate2_3 .small p {display:inline-block;} .feature_usp:not(.isMobile) .newgram_20210128 #animate2_3 .small p + p {margin-left:20px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate3 .blank {padding-top:480px;padding-bottom:33%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate3 .title .small {margin-top:40px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate3 .title .small br {display:none;} .feature_usp:not(.isMobile) .newgram_20210128 #animate3 .video{padding-bottom:29.8%;background:#fff !important;} .feature_usp:not(.isMobile) .newgram_20210128 #animate4 {background:#f7f7f7;} .feature_usp:not(.isMobile) .newgram_20210128 #animate4 .blank {padding-top:450px;padding-bottom:59.39%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate4 .title br {display:block;} .feature_usp:not(.isMobile) .newgram_20210128 #animate4 .title .small {margin-top:40px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate4 .title .small br {display:none;} .feature_usp:not(.isMobile) .newgram_20210128 #animate4 .video {padding-bottom:59.39%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate4_2 {background:#f7f7f7 !important;} .feature_usp:not(.isMobile) .newgram_20210128 #animate5 .blank {padding-top:345px;padding-bottom:calc(51.25% + 260px);} .feature_usp:not(.isMobile) .newgram_20210128 #animate5 .video {padding-bottom:51.25%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate5 .logo {left:50%;max-width:1200px;width:100%;padding-left:20px;transform:translate(-50%);} .feature_usp:not(.isMobile) .newgram_20210128 #animate5 .logo img {width:126px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate5 .desc {left:50%;bottom:34px !important;max-width:1200px;width:100%;padding-left:203px;transform:translate(-50%);} .feature_usp:not(.isMobile) .newgram_20210128 #animate5 .desc .sub {font-size:30px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate5 .desc .sub br {display:none;} .feature_usp:not(.isMobile) .newgram_20210128 #animate5 .desc .small {font-size:20px;line-height:1.7;} .feature_usp:not(.isMobile) .newgram_20210128 #animate6 .blank {padding-top:70px;padding-bottom:calc(51% + 350px);background:#fff;} .feature_usp:not(.isMobile) .newgram_20210128 #animate6 .desc {position:absolute;bottom:0;padding:0 60px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate6 .desc .small {margin-top:0;} .feature_usp:not(.isMobile) .newgram_20210128 #animate6 .desc .small p {display:inline-block;font-size:20px;color:#767676;} .feature_usp:not(.isMobile) .newgram_20210128 #animate6 .desc .small p + p {margin-left:20px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate7 .blank {padding-top:520px;padding-bottom:54%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate7_1 h2 br {display:block;} .feature_usp:not(.isMobile) .newgram_20210128 #animate7_1 .small {margin-top:38px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate7_1 .small br {display:none;} .feature_usp:not(.isMobile) .newgram_20210128 #animate7_3 {padding:0 60px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate7_3 .small {font-size:20px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate8 .blank {padding-top:530px;padding-bottom:calc(54% + 265px);} .feature_usp:not(.isMobile) .newgram_20210128 #animate8 .title .small {margin-top:30px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate8 .title .small br {display:none;} .feature_usp:not(.isMobile) .newgram_20210128 #animate8 .video {padding-bottom:53.75%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate8_3 {left:50px;bottom:140px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate8_3 .small {font-size:20px;line-height:1.7;} .feature_usp:not(.isMobile) .newgram_20210128 #animate9 .blank {padding-top:292px; padding-bottom:calc(58.8% + 230px);} .feature_usp:not(.isMobile) .newgram_20210128 #animate9 .slide .txt {top:105px;left:160px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate9 .slide .txt strong {font-size:54px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate9 .slide .txt p {font-size:28px;line-height:40px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate9 .slide .image li:before {width:100%;padding-bottom:62.5%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate10 .blank {padding-top:317px;padding-bottom:51.25%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate10 .video {height:0;padding-bottom:51.25%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate10_2 {background-color:#fff !important;} .feature_usp:not(.isMobile) .newgram_20210128 #animate11 .blank {padding-top:415px;padding-bottom:57%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate11 .title .small {margin-top:40px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate11 .video {padding-bottom:52.5%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate11 .desc {position:relative;bottom:auto;padding:60px 60px 130px;text-align:center;} .feature_usp:not(.isMobile) .newgram_20210128 #animate11 .desc img {width:auto;max-width:100%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate11_3 .small {margin-top:70px;padding:0;font-size:20px;text-align:left;} .feature_usp:not(.isMobile) .newgram_20210128 #animate12 .blank {padding-top:150px;padding-bottom:45.5%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate12 .eyebrow {left:calc(44.75% + 95px); text-align:left;} .feature_usp:not(.isMobile) .newgram_20210128 #animate12 .title {left:calc(44.75% + 90px); text-align:left;} .feature_usp:not(.isMobile) .newgram_20210128 #animate12 .title br {display:block;} .feature_usp:not(.isMobile) .newgram_20210128 #animate12 .image {left:0;width:44.75%;border-radius:30px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate12 .desc {position:absolute;left:calc(44.75% + 95px);padding:0;} .feature_usp:not(.isMobile) .newgram_20210128 #animate12 .desc .small {font-size:20px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate13 .blank {padding-top:150px;padding-bottom:calc(47% + 50px);} .feature_usp:not(.isMobile) .newgram_20210128 #animate13 .eyebrow {left:0;text-align:left;} .feature_usp:not(.isMobile) .newgram_20210128 #animate13 .title {left:0;width:50%;text-align:left;word-break:keep-all;} .feature_usp:not(.isMobile) .newgram_20210128 #animate13 .title br {display:block;} .feature_usp:not(.isMobile) .newgram_20210128 #animate13 .image {left:auto;right:0;width:44.75%;border-radius:30px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate13 .desc {position:absolute;left:0;padding:0;} .feature_usp:not(.isMobile) .newgram_20210128 #animate13 .desc .small {font-size:20px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate14 .blank {padding-top:240px;padding-bottom:55.2%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate14 .title {z-index:2;} .feature_usp:not(.isMobile) .newgram_20210128 #animate14 .desc {left:0;margin-top:25px;padding:0;font-size:20px;text-align:center;} .feature_usp:not(.isMobile) .newgram_20210128 #animate14 .video {padding-bottom:55.2%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate14 .video:after {height:80px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15_1 .desc {margin-top:70px;padding:0;font-size:20px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15A .blank {padding-top:calc(14% + 330px);} .feature_usp:not(.isMobile) .newgram_20210128 #animate15A .icons {left:50%;max-width:1240px;width:100%;transform:translateX(-50%);} .feature_usp:not(.isMobile) .newgram_20210128 #animate15B .blank {height:auto;padding-top:0;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15B .performance {position:relative;padding:80px 30px 100px;font-size:0;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15B .performance li {display:inline-block;width:50%;padding:0;vertical-align:top;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15B .performance li + li {border-top:0;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15B .performance li:nth-child(n+3) {margin-top:130px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15B .performance li:nth-child(odd) {padding-right:40px;text-align:right;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15B .performance li:nth-child(even) {padding-left:40px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15B .performance li:nth-child(even) .txt {float:right;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15B .performance li:nth-child(even) .image {float:left;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15B .performance .image img {width:auto;max-width:100%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15B .performance .type1 .txt {width:calc(100% - 221px); font-weight:bold;font-size:40px;word-break:keep-all;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15B .performance .type1 .image {width:171px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15B .performance .type2 .txt {float:left;margin-bottom:30px;font-weight:bold;font-size:40px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15B .performance .type2 .image {width:auto;margin-top:0;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15C .blank {height:156px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15C .desc {left:50%;max-width:1240px;width:100%;padding:0;font-size:20px;transform:translateX(-50%);} .feature_usp:not(.isMobile) .newgram_20210128 #scene11 + #scene15B {padding-top:90px;background:#000;} .feature_usp:not(.isMobile) .newgram_20210128 #scene11 + #scene16 {padding-top:90px;background:#000;} .feature_usp:not(.isMobile) .newgram_20210128 #animate16 {position:relative;} .feature_usp:not(.isMobile) .newgram_20210128 #animate16 .blank {padding-top:300px;padding-bottom:100%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate16 .title {left:50%;max-width:1240px;width:100%;padding:0;transform:translateX(-50%);text-align:left;} .feature_usp:not(.isMobile) .newgram_20210128 #animate16 .title br {display:block;} .feature_usp:not(.isMobile) .newgram_20210128 #animate16 .title .small {margin-top:30px;line-height:1.5;} .feature_usp:not(.isMobile) .newgram_20210128 #animate16 .port {margin-bottom:0;} .feature_usp:not(.isMobile) .newgram_20210128 #animate16 .port .image img {width:100%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate16_3.title {text-align:right;} .feature_usp:not(.isMobile) .newgram_20210128 #animate17 .blank {padding-top:425px;padding-bottom:55%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate17 .video {padding-bottom:55%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate17 .title .small {margin-top:40px;font-size:30px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate17 .desc {bottom:auto;left:0;width:100%;font-size:20px;text-align:center;} .feature_usp:not(.isMobile) .newgram_20210128 #animate18 .blank {padding-top:150px;padding-bottom:52.5%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate18 .eyebrow {left:calc(44.75% + 95px);text-align:left;} .feature_usp:not(.isMobile) .newgram_20210128 #animate18 .title {left:calc(44.75% + 90px);width:40%;text-align:left;word-break:keep-all;} .feature_usp:not(.isMobile) .newgram_20210128 #animate18 .image {left:0;width:44.75%;border-radius:30px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate18 .desc {position:absolute;left:calc(44.75% + 95px);bottom:auto;width:35%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate18 .desc .small {font-size:20px;} .feature_usp:not(.isMobile) .newgram_20210128 .popup .inner {width:620px;} .feature_usp:not(.isMobile) .newgram_20210128 .popup .close {top:14px; right:14px;} .feature_usp:not(.isMobile) .newgram_20210128 .popup .close img {width:26px;height:26px;} .feature_usp:not(.isMobile) .newgram_20210128 .popup .content {overflow-y:auto;-ms-overflow-y:auto;height:268px;max-height:268px;padding:50px 38px 0;} .feature_usp:not(.isMobile) .newgram_20210128 .popup .content:after {content:"";display:block;height:50px;width:100%;} .feature_usp:not(.isMobile) .newgram_20210128 .popup .content strong {font-weight:900;font-size:40px;} .feature_usp:not(.isMobile) .newgram_20210128 .popup .content p {margin:15px 0 20px; font-size:20px;line-height:1.5;} .feature_usp:not(.isMobile) .newgram_20210128 .popup .content span {font-size:20px;line-height:1.7;} @media screen and (max-width:1250px) { .feature_usp:not(.isMobile) .newgram_20210128 .title h2 {font-size:65px;} .feature_usp:not(.isMobile) .newgram_20210128 .title .small {font-size:24px;} .feature_usp:not(.isMobile) .newgram_20210128 .eyebrow {font-size:30px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1 .title {left:5%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1_2 > li:nth-child(1) {left:5%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1_2 > li:nth-child(2) {left:30%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate1_2 > li:nth-child(3) {left:60%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate9 .slide .txt {left:10%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate12 .image {left:2%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate13 .eyebrow {left:2%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate13 .title {left:2%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate13 .desc {left:2%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate13 .image {right:2%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15A .icons {padding:0 2%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15B .performance li:nth-child(odd) {padding-right:20px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15B .performance li:nth-child(even) {padding-left:20px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15B .performance .type1 .txt {width:calc(100% - 190px);font-size:30px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15B .performance .type2 .txt {font-size:30px;} .feature_usp:not(.isMobile) .newgram_20210128 #animate15C .desc {padding:0 2%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate16 .blank {padding-bottom:110%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate16 .title {padding:0 2%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate16 .port {padding-bottom:10%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate18 .desc {width:42%;} .feature_usp:not(.isMobile) .newgram_20210128 #animate18 .image {left:2%;} } /* 21.05.12 추가 */ @media only screen and (max-width:768px) { .newgram_20210128 .swiper-button-next-gram.only_pc, .newgram_20210128 .swiper-button-prev-gram.only_pc {display:block !important;} .newgram_20210128 .swiper-button-next-gram, .newgram_20210128 .swiper-button-prev-gram {width:30px;height:56px;margin-top:-28px;background-size:14px 24px;} } /* ico_scroll_box */ .newgram_20210128 .ico_scroll_box {position:fixed;left:50%;bottom:35px;width:22px;height:22px;margin-left:-11px;transform:rotate(45deg);animation:ico_scroll_box both ease-in infinite 0.8s;z-index:10;opacity:0;} .newgram_20210128 .ico_scroll_box:before {position:absolute;right:0;top:0;width:3px;height:100%;background:#000;border-radius:4px;content:"";transition:background 0.4s, box-shadow 0.6s;box-shadow:0 0 25px 25px rgb(255,255,255,0.15);} .newgram_20210128 .ico_scroll_box:after {position:absolute;left:0;bottom:0;width:100%;height:3px;background:#000;border-radius:4px;content:"";transition:background 0.4s, box-shadow0.6s;box-shadow:0 0 25px 25px rgb(255,255,255,0.15);} .newgram_20210128 .ico_scroll_box p:after {position:absolute;right:0;top:0;width:3px;height:100%;background:#000;border-radius:4px;content:"";transition:background 0.4s;z-index:1;} .newgram_20210128 .ico_scroll_box.chk:before, .newgram_20210128 .ico_scroll_box.chk:after {background:#fff;box-shadow:0 0 25px 10px rgb(0,0,0,0.15);} .newgram_20210128 .ico_scroll_box.chk p:after {background:#fff;} @keyframes ico_scroll_box{ 0% {transform:translateY(0) rotate(45deg);} 60% {transform:translateY(40%) rotate(45deg);} 100% {transform:translateY(0) rotate(45deg);} }