@charset 'UTF-8';
/*
html&css&js : Jun H Yeo
Author URI : https://twitter.com/d2wmaster
Author email : iyakiggun@gmail.com
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,select{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{width:100%;border-collapse:collapse;border-spacing:0}img{vertical-align:top;outline:0;border:none}iframe,textarea{vertical-align:top}address{font-style:normal}.rooftop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;background-color:#fff;height:78px;filter:alpha(opacity=0);opacity:0}.rooftop.on{filter:"";opacity:1}.joins_gnb{background-color:#fff!important}.joins_gnb .doc{padding:0 40px;width:auto!important}.forehead{line-height:46px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.forehead .inner{position:relative;padding:0 40px;width:auto!important;height:46px;margin:auto}.forehead .inner:after{content:'';clear:both;display:block}.brandsolution-logo{float:left;margin-top:16px}.brandsolution-logo a{display:block;width:128px;height:13px;background:url(../img/sp-common.png) no-repeat}.brand-identity{position:absolute;top:0;left:50%;width:200px;height:46px;margin-left:-100px;text-align:center;line-height:46px}.brand-identity img{vertical-align:middle}.sns-share-box{float:right;margin-top:14px}.sns-share-box>ul:after{content:'';display:block;clear:both}.sns-share-box>ul>li{float:left;margin:0 5px}.sns-share-box>ul>li>a{display:block;width:20px;height:20px;background:url(../img/sp-common.png) no-repeat}.sns-share-box a.sns-fb{background-position:-100px -20px}.sns-share-box a.sns-tw{background-position:-120px -20px}.sns-share-box a.sns-ks{background-position:-140px -20px}.sns-share-box a.sns-bl{background-position:-160px -20px}.sns-share-box a.sns-more{background-position:-180px -20px}.sns-share-box a.sns-fb:hover{background-position:0 -20px}.sns-share-box a.sns-tw:hover{background-position:-20px -20px}.sns-share-box a.sns-ks:hover{background-position:-40px -20px}.sns-share-box a.sns-bl:hover{background-position:-60px -20px}.sns-share-box a.sns-more:hover{background-position:-80px -20px}.sns-more-box{overflow:hidden;padding:0;max-height:0;position:absolute;top:46px;right:40px;border:none;background:#fff;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}.sns-more-box.open{max-height:200px;padding:5px 0;border:1px solid #cac9c9}.sns-more-box li{margin:10px 18px;line-height:24px;font-size:12px}.sns-more-box i{display:inline-block;vertical-align:top;width:24px;height:24px;margin-right:5px;background:url(../img/sp-common.png) no-repeat}.sns-more-box a.sns-gp i{background-position:0 -50px}.sns-more-box a.sns-pt i{background-position:-30px -50px}.sns-more-box a.sns-ma i{background-position:-60px -50px}.sns-more-box a{font-size:12px;text-decoration:none;color:#3c3e40}body{min-width:1200px;margin:auto;font-size:16px;font-family:Roboto,'맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,NotoSansKR,sans-serif;font-weight:400;color:#5b5b5b}span[lang=zh]{font-weight:400}a{color:#5b5b5b;text-decoration:none}.footer{padding:70px 0;text-align:center}.footer .copyright{line-height:1;font-size:14px;color:#818181}#viewport{position:relative;z-index:10;padding-top:78px;background:#fff}#container{position:relative}.section>.inner{max-width:1200px;margin-left:auto;margin-right:auto}.section_hero{position:relative;height:100vh}.section_footer{display:table;position:relative;width:100%;height:700px;background:url(../img/foot_img.jpg) 50% 50% no-repeat;background-size:cover;text-align:center;color:#fff}.section_footer>.inner{display:table-cell;width:100%;height:100%;vertical-align:middle}.section_footer h5{margin-top:49px}.section_footer a{display:inline-block;position:relative;border-bottom:1px solid #fff;line-height:1.5;text-decoration:none;font-size:20px;color:#fff}.section_footer a:after{content:'>';position:absolute;top:4px;right:-12px;font-size:14px}.section_footer .has_ani{opacity:0;transition:all .8s ease-in}.section_footer .has_ani.animated{opacity:1}.section_nav{position:absolute;z-index:100;top:140px;right:60px;width:17px;transition:all .3s ease}#container.on .section_nav{position:fixed;top:218px}.section_nav a{display:inline-block;position:relative;vertical-align:top}.section_nav .home{width:17px;height:19px;background:url(../img/sp.png) -70px 0 no-repeat;background-size:200px}.section_nav .nav>li>a{width:17px;height:27px;line-height:27px;text-align:center;overflow:hidden}.section_nav .nav>li>a i{display:inline-block;position:relative;top:10px;width:6px;height:5px;border-radius:6px;background:#939393;vertical-align:top;transition:all .3s ease}.section_nav .nav>li>a span{display:inline-block;position:absolute;top:0;right:100%;margin-right:11px;padding:0 5px;border-radius:6px;white-space:nowrap;font-size:12px;color:#fff;background:#7e88c0;opacity:0;transform:translateX(-50%);transition:all .3s ease}.section_nav .nav>li>a span:after{content:'';display:block;position:absolute;top:8px;right:-4px;width:0;height:0;border-left:4px solid #7e88c0;border-top:4px solid transparent;border-bottom:4px solid transparent}.section_nav .nav>li.cur>a{overflow:visible}.section_nav .nav>li.cur>a i{width:17px;background-color:#7e88c0}.section_nav .nav>li.cur>a span{opacity:1;transform:translateX(0)}.section_nav .nav>li.cur>a span.played{opacity:.2}.section_nav .slider_nav{margin-top:0;margin-bottom:0;margin-left:-12px;width:40px;max-height:0;overflow:hidden;opacity:0;transition:all .8s ease}.section_nav .slider_nav>li a{position:relative;width:40px;height:36px;margin:3px 0}.section_nav .slider_nav>li a i{display:block;width:40px;height:36px}.section_nav .slider_nav>li a span{display:block;position:absolute;top:12px;right:100%;margin-right:10px;white-space:nowrap;font-size:12px;color:#fff;opacity:0;transform:translateX(100%);transition:all .3s ease}.section_nav .slider_nav>li a.active span{opacity:1;transform:translateX(0)}.section_nav .slider_nav>li.nav_slide1 a i{background:url(../img/sp.png) 0 -90px no-repeat;background-size:200px}.section_nav .slider_nav>li.nav_slide1 a.active i{background:url(../img/sp.png) 0 -170px no-repeat;background-size:200px}.section_nav .slider_nav>li.nav_slide2 a i{background:url(../img/sp.png) -160px -90px no-repeat;background-size:200px}.section_nav .slider_nav>li.nav_slide2 a.active i{background:url(../img/sp.png) -160px -170px no-repeat;background-size:200px}.section_nav .slider_nav>li.nav_slide3 a i{background:url(../img/sp.png) -40px -90px no-repeat;background-size:200px}.section_nav .slider_nav>li.nav_slide3 a.active i{background:url(../img/sp.png) -40px -170px no-repeat;background-size:200px}.section_nav .slider_nav>li.nav_slide4 a i{background:url(../img/sp.png) -80px -90px no-repeat;background-size:200px}.section_nav .slider_nav>li.nav_slide4 a.active i{background:url(../img/sp.png) -80px -170px no-repeat;background-size:200px}.section_nav .slider_nav>li.nav_slide5 a i{background:url(../img/sp.png) -80px -130px no-repeat;background-size:200px}.section_nav .slider_nav>li.nav_slide5 a.active i{background:url(../img/sp.png) -80px -210px no-repeat;background-size:200px}.section_nav .slider_nav>li.nav_slide6 a i{background:url(../img/sp.png) -40px -130px no-repeat;background-size:200px}.section_nav .slider_nav>li.nav_slide6 a.active i{background:url(../img/sp.png) -40px -210px no-repeat;background-size:200px}.section_nav .slider_nav>li.nav_slide7 a i{background:url(../img/sp.png) -120px -90px no-repeat;background-size:200px}.section_nav .slider_nav>li.nav_slide7 a.active i{background:url(../img/sp.png) -120px -170px no-repeat;background-size:200px}.section_nav .slider_nav>li.nav_slide8 a i{background:url(../img/sp.png) 0 -130px no-repeat;background-size:200px}.section_nav .slider_nav>li.nav_slide8 a.active i{background:url(../img/sp.png) 0 -210px no-repeat;background-size:200px}.section_nav .slider_nav.open{margin-top:5px;margin-bottom:5px;max-height:1000px;overflow:visible;opacity:1}.section_1{padding-top:60px;background-color:#f4f4f5}.section_2{padding-top:140px;background:url(../img/bg_section2.png) 50% 0 no-repeat;background-size:100%}.section_3{padding-top:100px;padding-bottom:40px}.section_3 .content{margin-bottom:100px}.section_3 .content#article_content1{background:url(../img/tire_v2.jpg) 286px 20px no-repeat}.section_3 .link{margin-top:50px;font-weight:700;color:#5b5b5b}.section_3 .link:before{content:'';display:block;width:30px;height:2px;background:#5b5b5b}.section_3 .link a{display:inline-block;padding:0 18px;border:1px solid #cdcdcd;vertical-align:top;line-height:32px;font-weight:400;font-size:14px;transition:all .3s ease}.section_3 .link a:hover{border-color:#c4b0d6;color:#564389}.section_3 #article_content2.content .right{text-align:left}.section_4{padding-top:60px;padding-bottom:100px;background:url(../img/bg_section4.png) 50% 100% no-repeat #f4f4f6}.section_4 h3{font-size:36px!important;overflow:hidden;white-space:nowrap}.section_4 h3.has_ani{width:0}.section_4 h3.has_ani.animated{animation:typing 3.5s steps(40,end) forwards}#hero_video{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}.hero_content{position:relative;z-index:10;height:100%}.hero_content .logo{position:absolute;top:47px;left:60px}.hero_content .logo span{display:inline-block;vertical-align:top;margin-top:7px;margin-left:49px}.hero_content .txt{position:absolute;top:50%;left:50%;margin-top:-111px;margin-left:-185px}.hero_content .scroll{display:block;position:absolute;left:0;right:0;bottom:26px;text-align:center;font-size:14px;letter-spacing:-1px;text-decoration:none;color:#fff}.hero_content .scroll .ico_txt{opacity:.6;line-height:1}.hero_content .ico_scroll{display:block;width:44px;height:80px;margin:20px auto 0;position:relative;vertical-align:top;background:url(../img/sp.png) no-repeat;background-size:200px}.hero_content .ico_scroll i{display:block;position:absolute;top:50%;left:50%;width:13px;height:12px;margin-top:-6px;margin-left:-6px;background:url(../img/sp.png) -45px 0 no-repeat;background-size:200px;-webkit-animation:ico-scroll ease 1.6s infinite;-moz-animation:ico-scroll ease 1.6s infinite;animation:ico-scroll ease 1.6s infinite}@keyframes ico-scroll{0%{-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);-ms-transform:translateY(-200%);-o-transform:translateY(-200%);transform:translateY(-200%);opacity:1}40%{opacity:1}100%{-webkit-transform:translateY(200%);-moz-transform:translateY(200%);-ms-transform:translateY(200%);-o-transform:translateY(200%);transform:translateY(200%);opacity:0}}.content{max-width:1200px;margin:auto;padding-right:40px;text-align:center}.content:after{content:'';display:block;clear:both}.content h3{margin:37px auto 47px;line-height:1.3;font-size:30px;font-weight:400;color:#564389}.content h3 span{display:block;margin-bottom:5px;font-size:26px;color:#696969}.content p{max-width:1024px;margin:1em auto;word-break:keep-all;line-height:1.75;font-size:16px;color:#5b5b5b}.content .left,.content .right{position:relative}.content .left{text-align:left;float:left;width:540px}.content .right{float:right;width:505px;text-align:right}.modal_section{padding-bottom:130px}.modal_section .modal_list{position:relative;width:1200px;height:627px;margin:60px auto 0}.modal_section .modal_list li.modal_bg1,.modal_section .modal_list li.modal_bg2,.modal_section .modal_list li.modal_bg3,.modal_section .modal_list li.modal_bg4{position:absolute;z-index:1;width:206px;height:272px;border:13px solid #c1c1c1;opacity:.38}.modal_section .modal_list li.modal_bg1{top:72px;left:52px}.modal_section .modal_list li.modal_bg2{top:206px;left:352px}.modal_section .modal_list li.modal_bg3{top:216px;left:713px}.modal_section .modal_list li.modal_bg4{top:65px;right:1px}.modal_section .modal_list li.modal_btn1,.modal_section .modal_list li.modal_btn2,.modal_section .modal_list li.modal_btn3,.modal_section .modal_list li.modal_btn4,.modal_section .modal_list li.modal_btn5{position:absolute;z-index:10;width:230px;height:300px}.modal_section .modal_list li.modal_btn1 .over,.modal_section .modal_list li.modal_btn2 .over,.modal_section .modal_list li.modal_btn3 .over,.modal_section .modal_list li.modal_btn4 .over,.modal_section .modal_list li.modal_btn5 .over{box-shadow:24px 41px 10px rgba(64,61,80,.22)}.modal_section .modal_list li.modal_btn1{top:145px;left:0}.modal_section .modal_list li.modal_btn1 .over{background:url(../img/bg_modal_btn1.jpg) no-repeat}.modal_section .modal_list li.modal_btn2{top:0;left:307px}.modal_section .modal_list li.modal_btn2 .over{background:url(../img/bg_modal_btn2.jpg) no-repeat}.modal_section .modal_list li.modal_btn3{top:327px;left:392px}.modal_section .modal_list li.modal_btn3 .over{background:url(../img/bg_modal_btn3.jpg) no-repeat}.modal_section .modal_list li.modal_btn4{top:116px;left:647px}.modal_section .modal_list li.modal_btn4 .over{background:url(../img/bg_modal_btn4.jpg) no-repeat}.modal_section .modal_list li.modal_btn5{top:27px;left:918px}.modal_section .modal_list li.modal_btn5 .over{background:url(../img/bg_modal_btn5.jpg) no-repeat}.modal_section .modal_list li.modal_obj1,.modal_section .modal_list li.modal_obj2,.modal_section .modal_list li.modal_obj3{position:absolute;z-index:20}.modal_section .modal_list li.modal_obj1 b,.modal_section .modal_list li.modal_obj1 i,.modal_section .modal_list li.modal_obj2 b,.modal_section .modal_list li.modal_obj2 i,.modal_section .modal_list li.modal_obj3 b,.modal_section .modal_list li.modal_obj3 i{display:block;position:absolute}.modal_section .modal_list li.modal_obj1{top:300px;left:157px;width:150px;height:234px}.modal_section .modal_list li.modal_obj1 b{left:10px;bottom:17px;width:116px;height:28px;background:url(../img/modal_obj1_shadow.png) no-repeat;-webkit-animation:modalobj-shadow 3s linear infinite;-moz-animation:modalobj-shadow 3s linear infinite;animation:modalobj-shadow 3s linear infinite}.modal_section .modal_list li.modal_obj1 i{top:0;left:0;width:150px;height:234px;background:url(../img/modal_obj1.png) no-repeat;-webkit-animation:modalobj1-move 3s ease infinite;-moz-animation:modalobj1-move 3s ease infinite;animation:modalobj1-move 3s ease infinite}.modal_section .modal_list li.modal_obj2{top:546px;left:509px;width:226px;height:146px}.modal_section .modal_list li.modal_obj2 b{left:2px;bottom:-2px;width:222px;height:58px;background:url(../img/modal_obj2_shadow.png) no-repeat}.modal_section .modal_list li.modal_obj2 i{top:0;left:20px;width:185px;height:138px;background:url(../img/modal_obj2.png) no-repeat}.modal_section .modal_list li.modal_obj3{top:392px;left:806px;width:177px;height:127px}.modal_section .modal_list li.modal_obj3 b{left:16px;bottom:10px;width:164px;height:57px;background:url(../img/modal_obj3_shadow.png) no-repeat}.modal_section .modal_list li.modal_obj3 i{left:12px;top:0;width:158px;height:127px;background:url(../img/modal_obj3.png) no-repeat}.modal_section .modal_list a{display:block;position:relative;width:230px;height:300px;background:#fff;text-align:center}.modal_section .modal_list span{display:block}.modal_section .modal_list .def{width:230px;height:252px;padding-top:48px}.modal_section .modal_list .txt{margin-top:20px;line-height:1.36;letter-spacing:-2px;font-size:22px;color:#3d3d3d}.modal_section .modal_list .over{position:absolute;z-index:10;top:0;left:0;right:0;bottom:0;padding-top:60px;opacity:0;line-height:1.36;letter-spacing:-2px;font-size:22px;color:#fff;transition:all .25s ease}.modal_section .modal_list .btn{position:absolute;z-index:20;width:67px;height:67px;bottom:35px;left:50%;margin-left:-33px;border-radius:100%;background:#cdcdcd;transition:all .2s ease}.modal_section .modal_list .btn i{display:block;width:30px;height:13px;margin:27px auto;background:url(../img/sp.png) -50px -30px no-repeat;background-size:200px}.modal_section .modal_list li:hover .over{opacity:1}.modal_section .modal_list li:hover .btn{bottom:52px;background:#251c32;background:rgba(37,28,50,.7)}@-webkit-keyframes modalobj1-move{0%{-webkit-transform:translateY(-20px)}50%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-20px)}}@-moz-keyframes modalobj1-move{0%{-moz-transform:translateY(-20px)}50%{-moz-transform:translateY(0)}100%{-moz-transform:translateY(-20px)}}@keyframes modalobj1-move{0%{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px)}}@-webkit-keyframes modalobj-shadow{0%{opacity:.2}50%{opacity:1}100%{opacity:.2}}@-moz-keyframes modalobj-shadow{0%{opacity:.2}50%{opacity:1}100%{opacity:.2}}@keyframes modalobj-shadow{0%{opacity:.2}50%{opacity:1}100%{opacity:.2}}.modal_container{position:fixed;z-index:1020;top:0;left:0;right:0;bottom:0;display:none}.modal_transition,.modal_window{position:absolute;top:0;left:0;right:0;bottom:0}.modal_transition{overflow:hidden}.modal_transition.opening{z-index:1010}.modal_transition.opening .ink{position:absolute;left:50%;top:50%;-webkit-transform:translateY(-50%) translateX(-2%);-moz-transform:translateY(-50%) translateX(-2%);-ms-transform:translateY(-50%) translateX(-2%);-o-transform:translateY(-50%) translateX(-2%);transform:translateY(-50%) translateX(-2%);height:100%;width:2500%;background:url(../img/ink.png) no-repeat;background-size:100% 100%;-webkit-animation:cd-sequence 1.2s steps(24);-moz-animation:cd-sequence 1.2s steps(24);animation:cd-sequence 1.2s steps(24);-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}button.btn_modal_close{position:absolute;z-index:1100;bottom:80px;left:50%;width:70px;height:70px;margin-left:-35px;border:1px solid rgba(255,255,255,.4);border-radius:100%;background:0 0;cursor:pointer;outline:0;transition:all .3s ease}button.btn_modal_close i{display:block;width:37px;height:37px;margin:auto;background:url(../img/sp.png) -120px 0 no-repeat;background-size:200px;font-size:0;color:transparent}button.btn_modal_close:hover{border-color:#fff}.modal_window{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;z-index:1020}.modal_window .modal_content{position:absolute;top:0;left:0;right:0;bottom:0;padding-top:110px;word-break:keep-all;text-align:center;color:#fff;opacity:0;background-size:cover;transition:all .3s ease}.modal_window .modal_content h3{width:660px;margin-left:auto;margin-right:auto;line-height:1.2;letter-spacing:-2px;font-size:40px;font-weight:400;margin-bottom:70px}.modal_window .modal_content h3 span{display:block;margin-bottom:50px}.modal_window .modal_content h3 span:after{content:'';display:block;width:50px;height:2px;margin:45px auto 0;background:#fff}.modal_window .modal_content h3 b{font-weight:400}.modal_window .modal_content p{width:600px;margin-left:auto;margin-right:auto;line-height:1.55;font-size:18px}.modal_window .modal_content#modalContent1{background-image:url(../img/bg_modal1.jpg)}.modal_window .modal_content#modalContent2{background-image:url(../img/bg_modal2.jpg)}.modal_window .modal_content#modalContent3{background-image:url(../img/bg_modal3.jpg)}.modal_window .modal_content#modalContent4{background-image:url(../img/bg_modal4.jpg)}.modal_window .modal_content#modalContent5{background-image:url(../img/bg_modal5.jpg)}.modal_window .modal_content.visible{transition:all 1.4s ease;opacity:1}@-webkit-keyframes cd-sequence{0%{-webkit-transform:translateY(-50%) translateX(-2%)}100%{-webkit-transform:translateY(-50%) translateX(-98%)}}@-moz-keyframes cd-sequence{0%{-moz-transform:translateY(-50%) translateX(-2%)}100%{-moz-transform:translateY(-50%) translateX(-98%)}}@keyframes cd-sequence{0%{-webkit-transform:translateY(-50%) translateX(-2%);-moz-transform:translateY(-50%) translateX(-2%);-ms-transform:translateY(-50%) translateX(-2%);-o-transform:translateY(-50%) translateX(-2%);transform:translateY(-50%) translateX(-2%)}100%{-webkit-transform:translateY(-50%) translateX(-98%);-moz-transform:translateY(-50%) translateX(-98%);-ms-transform:translateY(-50%) translateX(-98%);-o-transform:translateY(-50%) translateX(-98%);transform:translateY(-50%) translateX(-98%)}}.slide_container{position:relative;background:-moz-linear-gradient(left,#000 0,#000 50%,#636693 50%,#636693 100%);background:-webkit-linear-gradient(left,#000 0,#000 50%,#636693 50%,#636693 100%);background:linear-gradient(to right,#000 0,#000 50%,#636693 50%,#636693 100%)}.slide_container h3{position:absolute;z-index:100;top:58px;left:53px;font-size:30px;font-weight:400;color:#fff}.slide_container h3 span{display:inline-block;border-bottom:2px solid #a09fa9;line-height:1}.slide_container h3 b{font-weight:400}.slide_container li{position:relative;height:100vh;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slide_container li .now,.slide_container li .then{position:absolute;top:0;width:50%;height:100%;background-repeat:no-repeat;background-size:cover;opacity:0;transition:all .4s ease 150ms}.slide_container li .then{left:0;background-position:100% 50%;transform:translateY(-70%)}.slide_container li .now{right:0;background-position:0 50%;transform:translateY(70%);transition-delay:.2s}.slide_container li.active .now,.slide_container li.active .then{opacity:1;transform:translateY(0)}.slide_container li.slide1 .then{background-image:url(../img/then1.jpg)}.slide_container li.slide1 .now{background-image:url(../img/now1.jpg)}.slide_container li.slide2 .then{background-image:url(../img/then2.jpg)}.slide_container li.slide2 .now{background-image:url(../img/now2.jpg)}.slide_container li.slide3 .then{background-image:url(../img/then3.jpg)}.slide_container li.slide3 .now{background-image:url(../img/now3.jpg)}.slide_container li.slide4 .then{background-image:url(../img/then4.jpg)}.slide_container li.slide4 .now{background-image:url(../img/now4.jpg)}.slide_container li.slide5 .then{background-image:url(../img/then5.jpg)}.slide_container li.slide5 .now{background-image:url(../img/now5.jpg)}.slide_container li.slide6 .then{background-image:url(../img/then6.jpg)}.slide_container li.slide6 .now{background-image:url(../img/now6.jpg)}.slide_container li.slide7 .then{background-image:url(../img/then7.jpg)}.slide_container li.slide7 .now{background-image:url(../img/now7.jpg)}.slide_container li.slide8 .then{background-image:url(../img/then8.jpg)}.slide_container li.slide8 .now{background-image:url(../img/now8.jpg)}.slide_container .slide_content{position:absolute;top:50%;left:50%;width:500px;height:452px;margin-top:-250px;margin-left:-250px;text-align:center}.slide_container .slide_content .illustration{width:400px;height:284px;margin:auto}.slide_container .slide_content .numeros{margin-top:10px;margin-bottom:16px;font-size:20px;line-height:1;color:#fff}.slide_container .slide_content .numeros span{line-height:80px;font-size:80px;letter-spacing:-4px}.slide_container .slide_content .year_1966,.slide_container .slide_content .year_1971,.slide_container .slide_content .year_1973,.slide_container .slide_content .year_2015,.slide_container .slide_content .year_2016{width:94px;height:45px;margin:auto}.slide_container .slide_content .year_1966{background:url(../img/sp.png) 0 -250px no-repeat;background-size:200px}.slide_container .slide_content .year_2016{background:url(../img/sp.png) -100px -250px no-repeat;background-size:200px}.slide_container .slide_content .year_1971{background:url(../img/sp.png) 0 -460px no-repeat;background-size:200px}.slide_container .slide_content .year_1973{background:url(../img/sp.png) -100px -460px no-repeat;background-size:200px}.slide_container .slide_content .year_2015{background:url(../img/sp.png) 0 -505px no-repeat;background-size:200px}.slide_container .slide_cover{position:absolute;z-index:50;top:0;right:0;bottom:0;left:0;background:0 0}.long_leg{position:absolute;z-index:1;top:144px;left:-91px;width:615px;height:425px;background:url(../img/long_leg.png) no-repeat}.square_video{position:relative;z-index:10;display:inline-block;vertical-align:top;width:450px;height:450px;margin-top:40px}.square_video.long{width:540px;height:672px}.square_video video{width:100%;height:100%}.quote_content{height:580px;overflow:hidden;margin-top:200px;background:purple}.quote_content>.inner{transition:all .7s ease}.quote_content>.inner.first{transform:translateY(0)}.quote_content>.inner.second{transform:translateY(-580px)}.quote_content .content{max-width:none;height:580px;padding-right:0;color:#fff}.quote_content .content#quoteContent1,.quote_content .content#quoteContent2{background-repeat:no-repeat;background-size:cover;background-position:50% 50%}.quote_content .content#quoteContent1{background-image:url(../img/bg_quote1.jpg)}.quote_content .content#quoteContent2{background-image:url(../img/bg_quote2.jpg)}.quote_content .content p{max-width:1200px;font-size:14px;color:#c5baca}.quote_content .content blockquote{max-width:1200px;margin:0 auto 40px;padding-top:126px;padding-bottom:48px;border-bottom:1px solid #7f6d9f}.quote_content .content blockquote p{margin-top:45px;letter-spacing:-1px;font-size:22px;opacity:.8;color:#fff}.quote_content .content q{display:block;margin:auto;overflow:hidden;white-space:nowrap;font-size:45px;line-height:1.3}.quote_content .content q.has_ani{width:0}.quote_content .content q.animated{animation:typing 3.5s steps(40,end) forwards}.quote_content .content q:after,.quote_content .content q:before{content:'';display:inline-block;width:24px;height:18px;vertical-align:top}.quote_content .content q:before{margin-right:25px;background:url(../img/sp.png) -50px -50px no-repeat;background-size:200px}.quote_content .content q:after{margin-left:25px;background:url(../img/sp.png) -80px -50px no-repeat;background-size:200px}.quote_content .content cite{display:block;margin-top:38px;font-style:normal;font-size:16px;color:#c5baca}@keyframes typing{from{width:0}to{width:100%}}.history_content{padding:50px 0;background:#2b2b3c}.history_content>.inner{width:1200px;margin:auto}.history_content h3{font-size:20px;font-weight:400;color:#bba3d9}.history_list{position:relative;margin-top:50px;overflow:auto}.history_list:before{content:'';display:block;position:absolute;top:80px;left:5px;right:5px;height:3px;background:#564389;background:-moz-linear-gradient(left,#564389 0,#c4b0d6 100%);background:-webkit-linear-gradient(left,#564389 0,#c4b0d6 100%);background:linear-gradient(to right,#564389 0,#c4b0d6 100%)}.history_list:after{content:'';display:block;position:absolute;top:73px;right:0;width:17px;height:17px;background:url(../img/sp.png) -110px -45px no-repeat;background-size:200px}.history_list li{position:relative;float:left;min-width:110px;padding-left:20px;opacity:0;transition:all .1s ease;transform:translateX(-10%)}.history_list li:before{content:'';display:block;position:absolute;top:73px;left:0;width:17px;height:17px;background:url(../img/sp.png) -110px -45px no-repeat;background-size:200px}.history_list li .icon_box{position:relative;height:66px;margin-bottom:40px}.history_list li i{position:absolute;bottom:0;left:0;display:block}.history_list li.item1 i{width:53px;height:54px;background:url(../img/sp.png) 0 -300px no-repeat;background-size:200px}.history_list li.item2 i{width:55px;height:54px;background:url(../img/sp.png) -55px -300px no-repeat;background-size:200px}.history_list li.item3 i{width:26px;height:61px;background:url(../img/sp.png) -115px -300px no-repeat;background-size:200px}.history_list li.item4 i{width:52px;height:51px;background:url(../img/sp.png) -145px -300px no-repeat;background-size:200px}.history_list li.item5 i{width:75px;height:44px;background:url(../img/sp.png) 0 -365px no-repeat;background-size:200px}.history_list li.item6 i{width:51px;height:41px;background:url(../img/sp.png) -80px -365px no-repeat;background-size:200px}.history_list li.item7 i{width:36px;height:47px;background:url(../img/sp.png) -135px -365px no-repeat;background-size:200px}.history_list li.item8 i{width:55px;height:40px;background:url(../img/sp.png) 0 -415px no-repeat;background-size:200px}.history_list li.item9 i{width:39px;height:35px;background:url(../img/sp.png) -60px -415px no-repeat;background-size:200px}.history_list.show li{opacity:1;transform:translateX(0);transition:all .6s ease}.history_list.show li.item1{transition-delay:.2s}.history_list.show li.item2{transition-delay:.35s}.history_list.show li.item3{transition-delay:.5s}.history_list.show li.item4{transition-delay:.65s}.history_list.show li.item5{transition-delay:.8s}.history_list.show li.item6{transition-delay:.95s}.history_list.show li.item7{transition-delay:1.1s}.history_list.show li.item8{transition-delay:1.25s}.history_list.show li.item9{transition-delay:1.3s}.history_list .year{margin-bottom:10px;font-size:20px;color:#fff}.history_list p{margin-bottom:20px;letter-spacing:-1px;font-size:15px;color:#c2c2c2;white-space:nowrap}