@charset"utf-8";@import url('reset.css');@import url('http://fonts.googleapis.com/css?family=Montserrat:400,700');@import url('https://googledrive.com/host/0BxmAw3HA4YGCfkljOGVJb3RMR200clRfUTVVdXlaRElPRTV3VGlNZVZ3ay1EYjdiZjJockk/notokr-regular.css');@import url('https://googledrive.com/host/0BxmAw3HA4YGCfnVVTFJoaHQ2R0xQNURCSmp0M1BrWVQ5SVFKN05uaTRabC1XeFRpUm51T2c/notokr-demilight.css');@import url("https://googledrive.com/host/0BxmAw3HA4YGCfnV0d3J5S21BSFdGUXctekQ1eHJoczF2OUcyTGZna3laMlg2MWR6cWoyV1E/notokr-bold.css");.notokr-regular{font-family:notokr-regular !important}.notokr-demilight{font-family:notokr-demilight !important}.notokr-bold{font-family:notokr-bold !important}@import url('montserrat-regular.css');.montserrat-regular{font-family:montserrat-regular !important}@font-face{font-family:'dadabacon';src:url("../font/dadabacon-webfont.eot");src:url("../font/dadabacon-webfont.eot?#iefix") format('embedded-opentype'), url("../font/dadabacon-webfont.woff") format('woff'), url("../font/dadabacon-webfont.ttf") format('truetype'), url("../font/dadabacon-webfont.svg#dadabaconregular") format('svg');font-weight:normal;font-style:normal}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;border:0}html{width:100%;height:100%;font-size:62.5%}a{text-decoration:none}img{vertical-align:top}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}html{width:100%;min-width:1140px;height:100%;background:#161618;color:#808080}.acc-tag{position:absolute;left:-9999px;top:-9999px;overflow:hidden;font-size:0 !important;text-indent:-9999px;visibility:hidden}.resource{position:absolute;left:-9999px;top:-9999px;overflow:hidden;font-size:0 !important;text-indent:-9999px;display:none}.fl{float:left !important}.fr{float:right !important}.cl{clear:left !important}.cr{clear:right !important}.content-title{margin-bottom:18px;color:#fff;font-size:16px;font-family:'Montserrat',sans-serif;font-style:normal;font-weight:400}.col-2{padding-right:0 !important}.hide{display:none !important}.frame-motion{-transition:all 1000ms cubic-bezier(0.910, 0.035, 0.095, 0.980);-ms-transition:all 1000ms cubic-bezier(0.910, 0.035, 0.095, 0.980);-moz-transition:all 1000ms cubic-bezier(0.910, 0.035, 0.095, 0.980);-webkit-transition:all 1000ms cubic-bezier(0.910, 0.035, 0.095, 0.980);-transition-timing-function:cubic-bezier(0.910, 0.035, 0.095, 0.980);-ms-transition-timing-function:cubic-bezier(0.910, 0.035, 0.095, 0.980);-moz-transition-timing-function:cubic-bezier(0.910, 0.035, 0.095, 0.980);-webkit-transition-timing-function:cubic-bezier(0.910, 0.035, 0.095, 0.980)}.location{position:fixed;left:20px;top:50%;z-index:6}.location .bar-wrap{width:100px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-transform:rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1)}.location .bar-wrap span{position:absolute;left:50px;top:0;width:0;height:12px;background:#e60012}.location .bar-wrap p{position:absolute;left:0;top:0;color:#e60012;font-size:12px;font-family:'Montserrat',sans-serif;font-style:normal;font-weight:400;text-align:center;display:none}.indicator{position:fixed;right:70px;top:50%;margin-top:-49px;overflow:hidden;z-index:5}.indicator .indicator-wrap{position:relative;width:0;height:150px}.indicator .indicator-wrap .bar{position:absolute;left:0;top:0;margin-bottom:12px;width:38px;height:3px;background:#fff;cursor:pointer;display:block}.indicator .indicator-wrap .box{position:absolute;left:0;top:0;width:38px;height:38px;overflow:hidden;background:url('../img/indicator_box.png') no-repeat 0 0}.indicator .indicator-wrap .box .txt{position:relative;height:38px}.indicator .indicator-wrap .box .txt span{width:38px;height:38px;color:#fff;font-size:14px;font-family:'Myriad Pro',sans-serif;text-align:center;vertical-align:middle;line-height:38px;display:block}header{position:relative;left:0;top:0;z-index:9}header .red-frame{position:absolute;left:0;top:0;width:100%;height:100%}header .red-frame span{position:absolute;width:16px;height:16px;background:#ca0816;z-index:1;display:none}header .red-frame .bar-left{left:33px;top:50px}header .red-frame .bar-right{right:33px;top:82px}header .red-frame .bar-bottom{left:33px;top:0}header .red-frame .dot-right{left:5.625%;top:3.54%}header .nav-wrap{position:absolute;left:49px;top:34px;width:500px;height:48px;background:#ca0816;overflow:hidden;z-index:2;display:none}header .nav-wrap h1{position:absolute;left:25px;top:14px}header .nav-wrap .gnb{position:absolute;right:0;top:0;width:638px;height:44px;overflow:hidden}header .nav-wrap .gnb .menu{position:absolute;top:-40px}header .nav-wrap .gnb .menu li{float:left}header .nav-wrap .gnb .menu li a{position:relative;padding:0 20px;color:#000;font-size:13px;font-family:'Montserrat',sans-serif;font-style:normal;font-weight:700;text-align:center;vertical-align:middle;line-height:44px;display:block}header .nav-wrap .gnb .menu li.on a{color:#fff}header .nav-wrap .gnb .line{position:absolute;left:0;top:35px;width:0;height:1px;background:#fff;display:block}#container{position:relative;top:-78px;overflow:hidden;opacity:0;z-index:3}#container section{overflow:hidden}#container section .inner-wrap{top:50%;margin:-385px auto;width:1140px;height:770px}.swipe{position:relative;overflow:hidden;visibility:hidden}.swipe-wrap{position:relative;overflow:hidden}.swipe-wrap > li{position:relative;float:left;width:100%}.bn-next,.bn-prev{display:block;position:absolute}.bn-prev{top:50%;left:0;margin-top:-40px;z-index:100;padding:12px 30px}.bn-next{top:50%;right:0;margin-top:-40px;z-index:100;padding:12px 30px}.bn-next span,.bn-prev span{display:block;text-indent:-9999px;overflow:hidden}.bn-prev span{width:48px;height:80px;background:url('../img/popup_arrow.png') no-repeat left top}.bn-next span{width:48px;height:80px;background:url('../img/popup_arrow.png') no-repeat left top}.flipImg{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter: FlipH;-ms-filter: 'FlipH'}.KeyVisaul{position:relative;margin:0;width:100%}.KeyVisaul .btns-wrap{}.KeyVisaul .btns-wrap .dotpage{position:absolute;bottom:104px;width:100%;text-align:center;display:block;z-index:21}.KeyVisaul .btns-wrap .dotpage li.on{width:16px;background-image:url("../img/dotpage_on.png");background-size:16px 16px;display:inline-block}.KeyVisaul .btns-wrap .dotpage li{margin-left:4px;width:16px;background-image:url("../img/dotpage_off.png");background-size:16px 16px;display:inline-block}.KeyVisaul .btns-wrap .dotpage li a{height:16px;display:block}.KeyVisaul .btns-wrap .dotpage li a span{display:block;height:0;visibility:hidden;text-indent:-9999px}.KeyVisaul .visual-wrap{position:relative;width:100%;height:100%}.KeyVisaul .visual-list{width:100%;visibility:visible}.KeyVisaul .visual-list ul li img{width:100%}.KeyVisaul .visual-wrap .fig-txt{position:absolute;left:50%;top:50%;margin:-69px 0 0 -262px;width:524px;height:138px;font-family:'Montserrat',sans-serif;font-style:normal;text-align:center}.KeyVisaul .visual-wrap .fig-txt h3{color:#fff;font-size:42px;font-weight:700}.KeyVisaul .visual-wrap .fig-txt .txt-1{color:#e60012;margin-bottom:14px}.KeyVisaul .visual-wrap .fig-txt .txt-2{color:#ff5411;margin-bottom:24px}.KeyVisaul .visual-wrap .fig-txt .txt-3{color:#fff;font-size:16px}.KeyVisaul .visual-wrap .artmercy{position:absolute;right:90px;top:122px;overflow:hidden}.KeyVisaul .visual-wrap .artmercy a{display:block}.KeyVisaul .visual-wrap .btn-next-arr{position:absolute;bottom:15px;left:50%;margin-left:-64px;width:128px;height:65px;overflow:hidden;text-indent:-9999px;background:url('../img/keyVisual_arrow.png') 0 0 no-repeat;display:block}.KeyVisaul .visual-wrap .btn-next-arr{-webkit-animation:scrolldown 1.5s infinite ease-in-out;-moz-animation:scrolldown 1.5s infinite ease-in-out;-o-animation:scrolldown 1.5s infinite ease-in-out;animation:scrolldown 1.5s infinite ease-in-out}@-webkit-keyframes scrolldown{0%{-webkit-transform:translateY(-10px) translateZ(0)}50%{-webkit-transform:translateY(10px) translateZ(0)}100%{-webkit-transform:translateY(-10px) translateZ(0)}}@-moz-keyframes scrolldown{0%{-moz-transform:translateY(-10px) translateZ(0)}50%{-moz-transform:translateY(10px) translateZ(0)}100%{-moz-transform:translateY(-10px) translateZ(0)}}@-o-keyframes scrolldown{0%{-o-transform:translateY(-10px) translateZ(0)}50%{-o-transform:translateY(10px) translateZ(0)}100%{-o-transform:translateY(-10px) translateZ(0)}}@keyframes scrolldown{0%{transform:translateY(-10px) translateZ(0)}50%{transform:translateY(10px) translateZ(0)}100%{transform:translateY(-10px) translateZ(0)}}.Grandprix{}.Grandprix .bg{position:absolute;z-index:-1}.Grandprix .inner-wrap{position:relative}.Grandprix .inner-wrap .title-wrap{width:100%;margin:0 auto}.Grandprix .inner-wrap .title-wrap .txt{margin-bottom:20px;font-size:14px;font-family:'Montserrat',sans-serif;font-style:normal;text-align:center}.Grandprix .inner-wrap .title-wrap .title{margin-bottom:80px;color:#fff;font-size:36px;font-family:'Montserrat',sans-serif;font-style:normal;font-weight:700;text-align:center}.Grandprix .inner-wrap .content-wrap{position:relative;height:634px}.Grandprix .inner-wrap .content-wrap .left-wrap{position:absolute;left:0;top:0;width:540px;height:634px}.Grandprix .inner-wrap .content-wrap .left-wrap .message{height:356px}.Grandprix .inner-wrap .content-wrap .left-wrap .message .txt{margin-bottom:28px;font-size:12px;font-family:'Montserrat',sans-serif;line-height:2}.Grandprix .inner-wrap .content-wrap .left-wrap .message .txt-3{position:absolute;right:0}.Grandprix .inner-wrap .content-wrap .left-wrap .services .title{margin-bottom:18px;color:#fff;font-size:16px;font-family:'Montserrat',sans-serif;font-style:normal;font-weight:400}.Grandprix .inner-wrap .content-wrap .left-wrap .services .icon-wrap{padding-top:36px;border-top:1px solid #fff}.Grandprix .inner-wrap .content-wrap .left-wrap .services .icon-wrap ul{width:540px;height:72px;background:url("../img/grandprix_services_infographics.png") no-repeat 0 0}.Grandprix .inner-wrap .content-wrap .left-wrap .services .icon-wrap ul li{float:left;width:135px;padding-top:90px;font-size:10px;text-align:center;font-family:'Montserrat',sans-serif;font-style:normal;font-weight:400}.Grandprix .inner-wrap .content-wrap .left-wrap .services .icon-wrap ul li span{line-height:1.2;display:block}.Grandprix .inner-wrap .content-wrap .right-wrap{position:absolute;right:0;top:0;width:540px;height:634px}.Grandprix .inner-wrap .content-wrap .right-wrap .clients{padding-bottom:86px}.Grandprix .inner-wrap .content-wrap .right-wrap .clients .ci-table{width:540px;height:186px;border:1px solid #ccc}.Grandprix .inner-wrap .content-wrap .right-wrap .clients .ci-table td{border:1px solid #8d8d8e}.Grandprix .inner-wrap .content-wrap .right-wrap .licences .txt-wrap{width:423px;height:215px;background:url('../img/grandprix_licences.png') no-repeat 0 0}.Grandprix .inner-wrap .content-wrap .right-wrap .request-btn{position:absolute;bottom:0}.Portfolio{}.Portfolio .bg{position:absolute;overflow:hidden;z-index:-1}.Portfolio .inner-wrap{position:relative}.Portfolio .inner-wrap .title-wrap{width:100%;margin:0 auto}.Portfolio .inner-wrap .title-wrap .title{margin-bottom:55px;color:#fff;font-size:36px;font-family:'Montserrat',sans-serif;font-style:normal;font-weight:700;text-align:center}.Portfolio .inner-wrap .content-wrap ul li{position:relative;float:left;width:570px;height:210px;overflow:hidden}.Portfolio .inner-wrap .content-wrap ul li a{display:block}.Portfolio .inner-wrap .content-wrap ul li a .glay{position:absolute;left:0;top:0}.Portfolio .inner-wrap .content-wrap ul li .line{position:absolute;left:0;top:0;width:568px;height:208px;border:1px solid #fb7134;z-index:1;display:none}.Portfolio .inner-wrap .content-wrap ul li .txt{position:absolute;left:50%;margin-left:-100px;top:50%;width:200px;height:15px;overflow:hidden;text-align:center}.Portfolio .inner-wrap .content-wrap ul li .txt span{position:relative;top:0;color:#fff;font-size:16px;font-family:'Montserrat',sans-serif;font-style:normal;font-weight:400;vertical-align:middle}.Portfolio .inner-wrap .content-wrap ul li .over{position:absolute;left:50%;margin-left:-150px;top:50%;margin-top:-37.5px;width:300px;height:100px;overflow:hidden;text-align:center;visibility:hidden}.Portfolio .inner-wrap .content-wrap ul li .over span{position:relative;top:0;color:#ff5411;font-size:24px;font-family:'Montserrat',sans-serif;font-style:normal;font-weight:400;vertical-align:middle}.Portfolio .inner-wrap .content-wrap ul li .over img{position:relative;margin:0 auto;padding-top:17px;display:block}.Technology{}.Technology .bg{position:absolute;background:#161618;z-index:-1}.Technology .inner-wrap{position:relative}.Technology .inner-wrap .title-wrap{width:100%;margin:0 auto}.Technology .inner-wrap .title-wrap .title{margin-bottom:55px;color:#fff;font-size:36px;font-family:'Montserrat',sans-serif;font-style:normal;font-weight:700;text-align:center}.Technology .inner-wrap .content-wrap{position:relative;height:634px}.Technology .inner-wrap .content-wrap .left-wrap{position:absolute;left:0;top:0;width:540px;height:634px}.Technology .inner-wrap .content-wrap .left-wrap .sm-sp1{}.Technology .inner-wrap .content-wrap .left-wrap .sm-sp1 > h2{margin-bottom:18px;padding-bottom:14px}.Technology .inner-wrap .content-wrap .left-wrap .sm-sp1 > h2 span{padding-bottom:10px;border-bottom:1px solid #ca0816;color:#ca0816;font-size:22px}.Technology .inner-wrap .content-wrap .left-wrap .sm-sp1 > p{margin-bottom:12px;color:#fff;font-size:16px}.Technology .inner-wrap .content-wrap .left-wrap .sm-sp1 > span{margin-bottom:8px;color:#454546;font-size:11px;font-family:'Montserrat',sans-serif;letter-spacing:-1px;display:block}.Technology .inner-wrap .content-wrap .left-wrap .sm-sp1 > span.last{margin-bottom:28px}.Technology .inner-wrap .content-wrap .left-wrap .sm-sp1 > p.adress{margin:10px 0 50px;color:#666;font-size:13px}.Technology .inner-wrap .content-wrap .left-wrap .factors .title{margin-bottom:18px;color:#fff;font-size:16px;font-family:'Montserrat',sans-serif;font-style:normal;font-weight:400}.Technology .inner-wrap .content-wrap .left-wrap .factors .icon-wrap{}.Technology .inner-wrap .content-wrap .left-wrap .factors .icon-wrap ul{width:540px;height:94px;background:url("../img/technology_technology_infographics.png") no-repeat 0 0}.Technology .inner-wrap .content-wrap .left-wrap .factors .icon-wrap ul li{margin-right:17.5px;float:left;width:94px;padding-top:104px;font-size:10px;text-align:center;font-family:'Montserrat',sans-serif;font-style:normal;font-weight:400}.Technology .inner-wrap .content-wrap .left-wrap .factors .icon-wrap ul li span{line-height:1.2;display:block}.Technology .inner-wrap .content-wrap .left-wrap .factors .icon-wrap ul li:nth-child(5){margin-right:0}.Technology .inner-wrap .content-wrap .right-wrap{position:absolute;right:0;top:0;width:540px}.Technology .inner-wrap .content-wrap .right-wrap .map{position:absolute;left:-114px;top:-35px;z-index:-1}.Technology .inner-wrap .content-wrap .right-wrap .international{}.Technology .inner-wrap .content-wrap .right-wrap .international h3{margin-bottom:13px}.Technology .inner-wrap .content-wrap .right-wrap .international p{margin-bottom:28px;font-size:13px}.Technology .inner-wrap .content-wrap .right-wrap .international > img{margin-bottom:18px}.Technology .inner-wrap .content-wrap .right-wrap .international span{margin-bottom:36px;text-align:right;display:block}.Technology .inner-wrap .content-wrap .right-wrap .specifications h3{margin-bottom:23px}.Technology .inner-wrap .content-wrap .right-wrap .specifications ul{}.Technology .inner-wrap .content-wrap .right-wrap .specifications ul li{margin:0 0 12px 16px;font-family:notokr-demilight !important;font-size:13px;list-style:square}.Technology .inner-wrap .content-wrap .right-wrap .specifications ul li.last{margin-bottom:50px}.Technology .inner-wrap .content-wrap .right-wrap .btn-area a{display:inline-block}.Technology .inner-wrap .content-wrap .right-wrap .btn-area span{position:relative;left:15px;top:17px;font-size:13px}footer{position:relative;padding:0 34px 76px;font-family:'montserrat-regular';visibility:hidden}footer .content-title{font-size:22px}footer .contact{float:left;margin-right:124px;height:104px;color:#fff;font-size:12px;font-family:'Montserrat',sans-serif;font-weight:400}footer .contact span{padding-bottom:8px;display:block}footer .contact .email{color:#ff5411;text-decoration:underline}footer .recruit{color:#ff5411}footer .recruit h3{margin-bottom:14px;color:#ff5411}footer .recruit p{margin-bottom:22px;font-size:13px;line-height:2}footer .recruit a{display:block}footer .copyright{position:absolute;right:47px;bottom:30px;font-size:9px;font-family:'Montserrat',sans-serif;font-weight:400}.overlay{position:fixed;left:0;top:0;bottom:0;right:0;width:100%;height:100%;background-color:rgb(0, 0, 0);opacity:0.7;z-index:1000}.popup-wrap{position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:2000}.popup{position:absolute;left:50%;top:50%;margin:-385px 0 0 -600px;width:1200px;height:770px;overflow:hidden;background:#000;background:url('../img/popup_bg.png') repeat 0 0;z-index:1001}.popup h1,.popup h2,.popup h3,.popup h4,.popup h5{margin:0;padding:0;line-height:1}.popup p{margin:0}.popup .txts-wrap{position:absolute;left:50%;margin-left:-600px;top:48px;width:1200px;height:18px;overflow:hidden}.popup .txts-wrap .txt{position:relative;text-align:center}.popup .txts-wrap .txt span{width:100%;height:20px;color:#ca0816;font-size:20px;font-family:'Montserrat',sans-serif;font-style:normal;font-weight:400;vertical-align:middle;display:block}.popup .pop-container{position:absolute;left:50px;top:100px;width:1100px;height:600px;overflow:hidden}.popup .pop-container .pages{position:absolute;top:0;left:0}.popup .btns-wrap{position:absolute;bottom:30px;left:50%;margin-left:-250px;width:500px;height:16px;overflow:hidden}.popup .btns-wrap .dotpage{position:absolute;top:0;width:100%;text-align:center;display:block;z-index:21}.popup .btns-wrap .dotpage li.on{display:inline-block;width:16px;background-image:url("../img/dotpage_on.png");background-size:16px 16px}.popup .btns-wrap .dotpage li{display:inline-block;width:16px;background-image:url("../img/dotpage_off.png");background-size:16px 16px;margin-left:4px}.popup .btns-wrap .dotpage li a{height:16px;display:block}.popup .btns-wrap .dotpage li a span{display:block;height:0;visibility:hidden;text-indent:-9999px}.popup .close-pop{position:absolute;right:0;top:0}.popup .close-pop a{display:block}.popup .close-pop a span{background:url('../img/sprite_common.png') no-repeat;overflow:hidden;color:transparent;text-indent:-9999px;vertical-align:top;display:inline-block}.popup .close-pop a span{width:62px;height:62px;background:url('../img/popup_closeBtn.jpg') no-repeat}.overlay-preload{position:fixed;width:100%;height:100%;background:#161618;z-index:130}#preload{position:fixed;left:0;top:0;bottom:0;right:0;width:100%;height:100%}#preload .box{position:absolute;top:50%;left:50%;width:275px;height:92px;margin:-46px 0 0 -137.5px;z-index:140}#preload div{font:24px dadabacon}#preload div.label{color:#ffffff;text-align:left;letter-spacing:30px}#preload div.progress{margin-top:50px;color:#ff0000;text-align:left;letter-spacing:75px}#preload div.percent{margin-top:-20px;margin-left:260px;color:#ff0000;text-align:left}.guide{position:fixed;left:0;top:0;width:99.5%;height:99.5%;border:1px solid red;z-index:100}.guide .half{position:absolute;width:50%;height:50%;border:1px solid blue}