#wrapper{position:relative;z-index:1;width:100%;min-width:1024px;margin:0 auto}#wrapper #viewport{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1}#header{position:fixed;left:0;top:0;z-index:300;width:100%;height:80px;-webkit-transition:all .1s cubic-bezier(0.77, 0, 0.175, 1);transition:all .1s cubic-bezier(0.77, 0, 0.175, 1)}#header h1{position:absolute;left:50%;top:40px;z-index:50;overflow:hidden;width:100px;height:100px;white-space:nowrap;text-indent:100%;background:#fff url(/2019/images/common/logo.png) no-repeat 50% 65px;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);transition:all .3s cubic-bezier(0.77, 0, 0.175, 1)}#header h1 a{display:block;width:100%;height:100%}#header.typeBlack h1{background:#000 url(/2019/images/common/logo_w.png) no-repeat 50% 65px}#header .gnbArea{position:absolute;left:0;top:0;padding-left:60px;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);transition:all .3s cubic-bezier(0.77, 0, 0.175, 1)}#header .gnbArea .btn{position:absolute;left:50px;top:25px;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);transition:all .3s cubic-bezier(0.77, 0, 0.175, 1)}#header .gnbArea .btn span{position:relative;overflow:hidden;display:block;width:30px;height:30px;padding:10px 0;text-indent:100%;white-space:nowrap;cursor:pointer}#header .gnbArea .btn span:before{content:"";position:absolute;left:0;top:10px;width:30px;height:2px;background:#000;-webkit-transition:all .2s cubic-bezier(0.77, 0, 0.175, 1);transition:all .2s cubic-bezier(0.77, 0, 0.175, 1)}#header .gnbArea .btn span:after{content:"";position:absolute;left:0;top:18px;width:20px;height:2px;background:#000}#header .gnbArea #gnb{position:relative;z-index:1;opacity:0;z-index:-1;-webkit-transform:translateX(-100px);transform:translateX(-100px);-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);transition:all .3s cubic-bezier(0.77, 0, 0.175, 1)}#header .gnbArea #gnb ul:after{content:"";display:block;clear:both}#header .gnbArea #gnb ul li{float:left;padding:18px 20px;margin-right:20px;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);transition:all .3s cubic-bezier(0.77, 0, 0.175, 1)}#header .gnbArea #gnb ul li a{position:relative;display:inline-block;padding:10px 2px;line-height:24px;font-size:16px;color:#292929;font-weight:700}#header .gnbArea #gnb ul li a:after{content:"";position:absolute;left:50%;bottom:14px;z-index:-1;height:3px;background:#fd1322;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#header .gnbArea #gnb ul li.on a:after{-webkit-animation:widthFull .3s linear 0s 1 normal both;animation:widthFull .3s linear 0s 1 normal both;-webkit-animation-delay:.3s;animation-delay:.3s}#header .util{position:absolute;right:50px;top:15px;overflow:hidden}#header .util li{float:left;margin-left:10px;-webkit-transition:all .3s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all .3s cubic-bezier(0.165, 0.84, 0.44, 1)}#header .util li a{display:inline-block;width:49px;height:49px;border:1px solid #000;border-radius:50%;text-align:center;line-height:47px}#header .util li img{vertical-align:middle}#header.fix{background:rgba(255,255,255,0.6)}#header.fix h1{top:-40px;-webkit-transition-duration:.8s;transition-duration:.8s}#header.fix .gnbArea .btn{left:30px;-webkit-transition-delay:.3s;transition-delay:.3s}#header.fix .util{right:30px}#header.fix .util li{margin-left:-5px;-webkit-transform:scale(70%);transform:scale(70%);-webkit-transition-delay:.3s;transition-delay:.3s}#header.fix.black{background:rgba(22,22,22,0.6)}#header.over .gnbArea .btn span:before{-webkit-animation:cate1 .5s cubic-bezier(0.77, 0, 0.175, 1) 0s 2 normal both;animation:cate1 .5s cubic-bezier(0.77, 0, 0.175, 1) 0s 2 normal both}#header.over .gnbArea .btn span:after{-webkit-animation:cate2 .5s cubic-bezier(0.77, 0, 0.175, 1) .1s 2 normal both;animation:cate2 .5s cubic-bezier(0.77, 0, 0.175, 1) .1s 2 normal both}#header.on{-webkit-transition:all .1s cubic-bezier(0, 0, 1, 1);transition:all .1s cubic-bezier(0, 0, 1, 1)}#header.on h1{top:-20px;-webkit-transition:all .1s cubic-bezier(0, 0, 1, 1);transition:all .1s cubic-bezier(0, 0, 1, 1)}#header.on .gnbArea .btn{opacity:0;z-index:-1;left:-30px}#header.on .gnbArea #gnb{opacity:1;z-index:0;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition-delay:.2s;transition-delay:.2s}#container{position:relative;z-index:1;padding:240px 0 220px}#footer{position:fixed;left:0;bottom:-120px;right:0;z-index:30;height:120px;padding:35px 0 0 55px;background:#161616;-webkit-transition:all .1s cubic-bezier(0, 0, 1, 1);transition:all .1s cubic-bezier(0, 0, 1, 1)}#footer .btns{height:24px}#footer .btns a{position:relative;display:inline-block;margin-right:40px;font-weight:700;font-size:30px;line-height:24px;color:#b9b9b9;-webkit-transition:all .1s cubic-bezier(0, 0, 1, 1);transition:all .1s cubic-bezier(0, 0, 1, 1)}#footer .foot{margin-top:20px}#footer .foot *{display:inline-block;color:#777;margin-right:20px;font-size:12px;line-height:1em;font-style:normal}#footer.show{bottom:0;-webkit-transition:all .5s cubic-bezier(0, 0, 0, 1);transition:all .5s cubic-bezier(0, 0, 0, 1)}.btnTop{opacity:0;position:fixed;right:50px;bottom:50px;z-index:50;width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,0.5)}.btnTop a{display:block;width:70px;height:70px;border:1px solid #c1c1c1;border-radius:50%;text-align:center}.btnTop a canvas{position:absolute;left:0;top:0;z-index:1}.btnTop a em{position:relative;z-index:2;width:68px;height:68px;overflow:hidden;display:block;text-indent:100%;white-space:nowrap;font:700 18px/56px 'Montserrat';color:#000}.btnTop a em:before{content:"";position:absolute;left:50%;top:26px;width:13px;height:3px;margin-left:-12px;background:#000;-webkit-transform-origin:100%;transform-origin:100%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.btnTop a em:after{content:"";position:absolute;left:50%;top:26px;width:13px;height:3px;background:#000;-webkit-transform-origin:0;transform-origin:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.btnTop a em span:before{content:"";position:absolute;left:50%;top:26px;width:3px;height:18px;margin:1px 0 0 -1px;background:#000;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.btnTop a em:hover:before{width:18px;margin-left:-17px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:goTop .5s linear .3s 2 normal both;animation:goTop .5s linear .3s 2 normal both}.btnTop a em:hover:after{width:18px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:goTop .5s linear .3s 2 normal both;animation:goTop .5s linear .3s 2 normal both}.btnTop a em:hover span:before{height:0}.btnTop.show{opacity:1;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.btnTop.noFix{position:absolute}.footerLayer{display:none;position:fixed;left:0;bottom:0;right:0;z-index:1000;padding:60px 80px 55px;background:#000}.footerLayer:after{content:"";display:block;clear:both}.footerLayer .control{position:absolute;right:80px;top:-65px}.footerLayer .control a{overflow:hidden;display:block;width:70px;height:65px;background:#000;text-indent:100%;white-space:nowrap}.footerLayer .control a:before,.footerLayer .control a:after{content:"";position:absolute;top:50%;width:15px;height:3px;background:#fff;-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.footerLayer .control a:before{right:50%;margin-right:-3px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.footerLayer .control a:after{left:50%;margin-left:-3px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.footerLayer.show .control a:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.footerLayer.show .control a:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.footerLayer.show .control a:hover:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.footerLayer.show .control a:hover:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.footerLayer .section{overflow:hidden;position:relative}.footerLayer .section .head{float:left;width:50%;padding-right:80px}.footerLayer .section .head h2{font-size:62px;font-weight:700;color:#fff;line-height:45px}.footerLayer .section .head .langKo{margin-top:15px;font-size:14px;font-weight:300px;line-height:1.5em;color:rgba(255,255,255,0.5)}.footerLayer .section .head .langKo.txt{margin-top:25px;font-size:18px;font-weight:700;line-height:1em;color:#fff}.footerLayer .section .head .contact{position:absolute;left:0;bottom:0}.footerLayer .section address{position:absolute;left:0;bottom:0;padding-top:40px;font-style:normal;font-size:16px;font-weight:700;color:#fff;line-height:1em}.footerLayer .section address:before{content:"";position:absolute;left:0;top:0;width:30px;height:30px;background:url(/2019/images/common/icons.png) no-repeat 0 -60px}.footerLayer .section .content{float:right;width:50%;min-height:130px;padding-left:80px}.footerLayer .section .content .recruitTab{padding-left:60px;margin-bottom:75px}.footerLayer .section .content .recruitTab li{display:inline-block;margin:0 50px 25px 0;font-weight:700;font-size:32px;line-height:24px}.footerLayer .section .content .recruitTab li a{opacity:.6;position:relative;display:inline-block;color:#fff;-webkit-transition:all .1s cubic-bezier(0, 0, 1, 1);transition:all .1s cubic-bezier(0, 0, 1, 1)}.footerLayer .section .content .recruitTab li a:before{content:"";position:absolute;left:50%;right:50%;bottom:-2px;z-index:-1;height:4px;background:#fd1322;-webkit-transition:all .1s cubic-bezier(0, 0, 1, 1);transition:all .1s cubic-bezier(0, 0, 1, 1)}.footerLayer .section .content .recruitTab li.on a,.footerLayer .section .content .recruitTab li a:hover,.footerLayer .section .content .recruitTab li a:focus{opacity:1}.footerLayer .section .content .recruitTab li.on a:before,.footerLayer .section .content .recruitTab li a:hover:before,.footerLayer .section .content .recruitTab li a:focus:before{left:-3px;right:-3px}.footerLayer .section .content .recruit{overflow:hidden;min-height:164px;padding-left:60px}.footerLayer .section .content .recruit li{float:left;padding-left:13px;font-size:14px;line-height:24px;color:#fff}.footerLayer .section .content .recruit li:nth-child(1){width:25%}.footerLayer .section .content .recruit li:nth-child(2){width:40%}.footerLayer .section .content .recruit li:nth-child(3){width:35%}.footerLayer .section .content .recruit li .tit{position:relative;margin-bottom:20px;font-weight:700;font-size:1em;line-height:24px;color:#fff}.footerLayer .section .content .recruit li .tit:before{content:"";position:absolute;left:-13px;top:50%;width:4px;height:4px;margin-top:-2px;background:#fff}.footerLayer .section .content .contact li{margin-left:60px}.footerLayer .section .content .map{position:relative;width:100%;padding-top:40%}.footerLayer .section .content .map iframe{position:absolute;left:0;top:0}.footerLayer .section .contact:after{content:"";display:block;clear:both}.footerLayer .section .contact li{position:relative;float:left;width:300px;padding:50px 0 0 0;font-weight:300;font-size:14px;line-height:22px;color:rgba(255,255,255,0.5)}.footerLayer .section .contact li:before{content:"";position:absolute;left:0;top:0;display:block;width:30px;height:30px}.footerLayer .section .contact li:nth-of-type(1):before{background:url(/2019/images/common/icons.png) no-repeat 0 0}.footerLayer .section .contact li:nth-of-type(2):before{background:url(/2019/images/common/icons.png) no-repeat 0 -30px}.footerLayer .section .contact li strong{display:block;margin-bottom:15px;font-size:16px;font-weight:500;color:#fff}.footerLayer .section .contact li strong a{color:#fff}.formTypeA{table-layout:fixed;width:100%}.formTypeA td .agreeArea{padding-top:20px}.formTypeA td .agreeArea input[type=checkbox]{width:20px;height:20px;border-radius:0;border:2px solid #fff;vertical-align:middle;margin-right:5px;background:transparent}.formTypeA td .agreeArea label{font-size:14px;color:#fff !important;vertical-align:middle}.formTypeA td .agreeArea label span{text-decoration:underline}.formTypeA td:nth-child(1){padding:15px 40px 15px 0}.formTypeA td:nth-child(2){padding:15px 0 15px 40px}.formTypeA td:only-child{padding-right:0}.formTypeA .inLabel{position:relative;opacity:.5;border-bottom:2px solid #fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.formTypeA .inLabel label{position:absolute;left:10px;top:18px;color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.formTypeA .inLabel input[type=text],.formTypeA .inLabel input[type=file],.formTypeA .inLabel input[type=email],.formTypeA .inLabel input[type=phone],.formTypeA .inLabel select,.formTypeA .inLabel textarea{height:60px;border:none;font-size:18px;font-weight:700;color:#fff;outline:none;background:transparent}.formTypeA .inLabel input[type=file]{opacity:0}.formTypeA .inLabel textarea{overflow:hidden;width:100%;height:64px;max-height:500px;padding:17px 10px;font-size:18px;line-height:30px;resize:none}.formTypeA .inLabel select{position:relative;font-weight:400}.formTypeA .inLabel input[type=file]{opacity:0}.formTypeA .inLabel.focus{opacity:1}.formTypeA .inLabel.focus label{top:-10px;font-size:12px}.formTypeA .inLabel.selectWrap:before{content:"";position:absolute;right:10px;top:50%;display:block;width:0px;height:0;border-style:solid;border-width:9px 8px 0 8px;border-color:#fff transparent  transparent transparent;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.formTypeA .fileInputWrap input[type=file]{position:relative;z-index:5}.formTypeA .fileInputWrap .fileName{position:absolute;left:0;top:0;width:100%;height:60px;padding:0 10px;font-size:18px;font-weight:700;color:#fff;outline:none;border:none;line-height:60px;background:transparent}@media all and (max-width: 1200px){#header .gnbArea{padding-left:0}#header .util{right:20px}}@media all and (max-width: 1024px){#wrapper{min-width:1px}#footer .section1{padding:30px 50px}#footer .section1 strong{font-size:50px;line-height:54px}#footer .section1 .btns{top:30px;right:50px;-webkit-transform:translateY(0);transform:translateY(0)}#footer .section1 .btns a{width:120px}#footer .section2{padding-left:50px;padding-right:50px}#footer .section2 a{right:50px}}@-webkit-keyframes cate1{0%{width:30px;margin-left:0}50%{width:30px;margin-left:30px}50.1%{width:0;margin-left:0}100%{width:30px}}@keyframes cate1{0%{width:30px;margin-left:0}50%{width:30px;margin-left:30px}50.1%{width:0;margin-left:0}100%{width:30px}}@-webkit-keyframes cate2{0%{width:20px;margin-left:0}50%{width:0;margin-left:20px}50.1%{width:0;margin-left:0}100%{width:20px}}@keyframes cate2{0%{width:20px;margin-left:0}50%{width:0;margin-left:20px}50.1%{width:0;margin-left:0}100%{width:20px}}
