@font-face{font-family:Noto Sans KR;font-weight:100;src:url(/bin/fonts/notosanskr-regular.a288961.woff2) format("woff2"),url(/bin/fonts/notosanskr-regular.031547c.woff) format("woff")}@font-face{font-family:Noto Sans KR;font-weight:400;src:url(/bin/fonts/notosanskr-medium.6a273c1.woff2) format("woff2"),url(/bin/fonts/notosanskr-medium.81bd542.woff) format("woff")}@font-face{font-family:Noto Sans KR;font-weight:700;src:url(/bin/fonts/notosanskr-bold.073dba1.woff2) format("woff2"),url(/bin/fonts/notosanskr-bold.84cf469.woff) format("woff")}*{margin:0;padding:0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;letter-spacing:-.5px;-webkit-tap-highlight-color:transparent;outline:none}::-moz-selection{background-color:#000;color:#fff}::selection{background-color:#000;color:#fff}body,html{width:100%;float:left;font-family:Noto Sans KR,sans-serif;font-weight:100;font-size:14px;color:#000;background-color:#f4f7f6;overflow-x:hidden}img{vertical-align:top;max-width:100%;-webkit-perspective:1}li,ul{list-style:none}a{text-decoration:none;color:inherit}button,input,select,textarea{-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-border-radius:0;border:0;font-family:Noto Sans KR,sans-serif}button,label{cursor:pointer}textarea{resize:none}#app{width:100%;float:left;padding:50px}#cover,#intro{position:fixed;width:100%;height:100%;left:0;top:0;z-index:100}#intro{background-color:#f4f7f6;display:table;table-layout:fixed;opacity:1;-webkit-transition:all .5s;transition:all .5s}#intro>div{width:100%;height:100%;display:table-cell;vertical-align:middle;text-align:center}#intro>div>svg{width:120px;top:20px;opacity:0;-webkit-transition:all .5s;transition:all .5s}#intro .cls-1{fill:#949fa8;-webkit-transform:translate(-120.69px,-92.76px);transform:translate(-120.69px,-92.76px);opacity:0;-webkit-transition:all .5s .3s;transition:all .5s .3s}#intro .cls-2{fill:#040000}#intro .cls-3{fill:#515d65;-webkit-transform:translate(-20px);transform:translate(-20px);opacity:0;-webkit-transition:all .5s .4s;transition:all .5s .4s}#intro .cls-4{fill:#323333}#intro.active>div>svg{top:0;opacity:1}#intro.active .cls-1{-webkit-transform:translate(-106.69px,-92.76px);transform:translate(-106.69px,-92.76px);opacity:1}#intro.active .cls-3{-webkit-transform:translate(0);transform:translate(0);opacity:1}#intro.hide{opacity:0}#intro.hide>div>svg{opacity:0;top:-20px}#topLogo{position:fixed;width:80px;top:50px;left:50px;z-index:10;opacity:0;-webkit-transition:all .5s;transition:all .5s}#topLogo.active{opacity:1}#topLogo>a,#topLogo>a>svg{width:100%;float:left}#navBtn{position:fixed;width:70px;height:30px;top:50px;right:50px;z-index:15;cursor:pointer;opacity:0;-webkit-transition:all .5s;transition:all .5s}#navBtn.active{opacity:1}#navBtn>div{position:absolute;width:100%;height:4px;background-color:#515d65;right:0;-webkit-transition:all .5s;transition:all .5s}#navBtn>div:first-of-type{top:0}#navBtn>div:nth-of-type(2){width:60%;top:50%;margin-top:-2px}#navBtn>div:nth-of-type(3){bottom:0}#navBtn:hover>div{background-color:#000}#navBtn:hover>div:nth-of-type(2){width:100%}#navBtn.open>div:first-of-type{top:13px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#navBtn.open>div:nth-of-type(2){width:0}#navBtn.open>div:nth-of-type(3){bottom:13px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#navList{position:fixed;width:100%;height:100%;top:0;left:0;z-index:14;background-color:transparent;-webkit-transition:all .5s;transition:all .5s}#navList.active{background-color:rgba(0,0,0,.3)}#navList.active>div{right:0;opacity:1}#navList>div{position:absolute;width:500px;height:100%;background-color:#fff;top:0;right:-500px;padding:50px;opacity:0;-webkit-transition:all .5s;transition:all .5s}#navList>div>ul{width:100%;float:left;margin-top:80px}#navList>div>ul>li{width:100%;float:left;margin-bottom:20px}#navList>div>ul>li>a{float:left;font-size:32px;color:#949fa8;-webkit-transition:all .5s;transition:all .5s}#navList>div>ul>li>a>.line{position:absolute;width:0;height:5px;background-color:#ffe900;left:0;bottom:-5px;-webkit-transition:all .5s;transition:all .5s}#navList>div>ul>li>a:hover{color:#515d65}#navList>div>ul>li>a:hover>.line{width:100%}#navList>div>ul>li>a.router-link-active{color:#000}#navList>div>ul>li>a.router-link-active>.line{width:100%!important}#navList>div>ul>li>a.router-link-active:after{position:relative;content:"\25CF";color:#515d65;font-size:10px;bottom:-2px;margin-left:2px}#contents{width:100%;float:left;padding-top:30px;opacity:0;-webkit-transition:all .5s;transition:all .5s}#contents.active{opacity:1}#contents>div{width:1400px;margin:0 auto}#contents>div>div,#topVisual{width:100%;float:left}#topVisual{height:230px;overflow:hidden}#topVisual>div{position:absolute;left:20px;bottom:30px;z-index:2}#topVisual>div>div{width:100%;float:left}#topVisual>div>.title{font-size:42px;font-weight:700}#topVisual>div>.sub{font-size:16px}#topVisual>img{width:500px;float:right;right:20px}#footer{width:100%;float:left;padding:20px 20px 50px;display:table;table-layout:fixed}#footer>*{display:table-cell;vertical-align:middle}#footer>.info{color:#515d65;font-weight:400}#footer>.info>div{width:100%;height:20px;line-height:20px;float:left;margin:1px 0}#footer>.info>div,#footer>.info>div>div{display:inline-block}#footer>.info>div>.line{width:1px;height:12px;background-color:#515d65;margin:0 5px;display:inline-block;opacity:.6}#footer>.info>.copyright{margin-top:15px;font-size:12px;opacity:.6;text-transform:uppercase}#footer>.link{text-align:right}#footer>.link>li{display:inline-block;margin-left:5px}#footer>.link>li>a{opacity:.6;-webkit-transition:all .5s;transition:all .5s}#footer>.link>li>a:hover{opacity:1}@media (max-width:1500px){#contents>div{width:100%;float:left}}@media (max-width:900px){#app{padding:20px}#intro>div>svg{width:80px}#topLogo{width:60px;top:20px;left:20px}#navBtn{width:40px;height:20px;top:20px;right:20px}#navBtn>div{height:3px}#navBtn>div:nth-of-type(2n){margin-top:-1.5px}#navBtn.open>div:nth-of-type(3){bottom:4px}#navList>div{width:100%;right:-100%;padding:20px 30px}#navList>div>ul>li>a{font-size:28px}#contents{padding-top:60px}#topVisual{height:95px}#topVisual>img{display:none}#topVisual>div{left:10px;bottom:10px}#topVisual>div>.title{font-size:24px}#topVisual>div>.sub{font-size:12px;top:-2px}#footer{display:block;margin-top:10px;padding:10px 10px 50px}#footer>.info{width:100%;float:left}#footer>.info>div{height:15px;line-height:15px;font-size:12px}#footer>.info>.copyright{font-size:11px}#footer>.link{width:100%;float:left;text-align:right;margin-top:20px}#footer>.link>li>a>img{width:30px}}#portfolioList,#portfolioList>ul{width:100%;float:left}#portfolioList>ul>li{width:49.5%;padding-bottom:30%;float:left;cursor:pointer;margin-right:1%;margin-bottom:1%;border-radius:15px;overflow:hidden}#portfolioList>ul>li:nth-of-type(2n){margin-right:0}#portfolioList>ul>li>a,#portfolioList>ul>li>a>img{position:absolute;width:100%;height:100%;left:0;top:0}#portfolioList>ul>li>a>img{max-width:110%;-webkit-transition:all .5s;transition:all .5s}#portfolioList>ul>li>a>.sub{bottom:-20px;z-index:5;padding:20px 30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;opacity:0;color:#000;font-weight:700;font-size:16px}#portfolioList>ul>li>a>.shadow,#portfolioList>ul>li>a>.sub{position:absolute;width:100%;left:0;-webkit-transition:all .5s;transition:all .5s}#portfolioList>ul>li>a>.shadow{height:50px;bottom:-50px;z-index:4;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent}#portfolioList>ul>li>a:hover>img{width:110%;height:110%;left:-5%;top:-5%}#portfolioList>ul>li>a:hover>.sub{bottom:0;opacity:1}#portfolioList>ul>li>a:hover>.shadow{-webkit-box-shadow:0 0 50px rgba(0,0,0,.8);box-shadow:0 0 50px rgba(0,0,0,.8)}@media (max-width:900px){#portfolioList>ul>li{width:100%;padding-bottom:60%;margin-right:0;margin-bottom:10px}#portfolioList>ul>li>a>.shadow,#portfolioList>ul>li>a>.sub{display:none}#portfolioList>ul>li>a>img{width:100%!important;height:100%!important;left:0!important;top:0!important}}#portfolioView{width:100%;float:left;border-radius:15px;background-color:#fff;margin-bottom:1%;overflow:hidden}#portfolioView>.viewVisual{width:100%;padding-bottom:50%;background-color:#eee}#portfolioView>.viewVisual>img{position:absolute;width:110%;max-width:110%;height:110%;left:-5%;top:-5%;opacity:0;-webkit-transition:all .5s;transition:all .5s}#portfolioView>.viewVisual.active>img{width:100%;height:100%;left:0;top:0;opacity:1}#portfolioView>.mainInfo{width:100%;float:left;padding:30px}#portfolioView>.mainInfo>ul{width:25%;float:left}#portfolioView>.mainInfo>ul>li{width:100%;float:left}#portfolioView>.mainInfo>ul>li.line{width:30px;height:3px;background-color:#515d65;margin-bottom:3px}#portfolioView>.mainInfo>ul>li.title{color:#515d65;font-weight:700;font-size:12px;margin-bottom:3px;letter-spacing:3px}#portfolioView>.mainInfo>ul>li.data{font-weight:400;font-size:15px;font-weight:700;color:#333}#portfolioView>.link{width:100%;float:left;padding:10px 30px;text-align:right}#portfolioView>.link>a{height:40px;line-height:40px;display:inline-block;color:#fff;background-color:#949fa8;font-weight:700;padding:0 20px;-webkit-transition:background-color .5s;transition:background-color .5s}#portfolioView>.link>a:hover{background-color:#515d65}#portfolioView>.mainAbout{width:100%;float:left;font-weight:400;font-size:14px;padding:0 30px 30px}#portfolioView>.mainAbout>p{width:100%;float:left;padding:20px;border:5px solid #949fa8}#portfolioView>.moreInfo,#portfolioView>.moreInfo>img,#portfolioView>.moreInfo>video{width:100%;float:left}#portfolioView>.moreInfo>div{width:100%;float:left;padding:30px}#portfolioView>.moreInfo>div>p{width:100%;float:left;font-size:14px;padding:20px;border:5px solid #eee}@media (max-width:900px){#portfolioView>.mainInfo{padding:20px}#portfolioView>.mainInfo>ul{width:100%;margin-bottom:20px}#portfolioView>.mainInfo>ul:last-of-type{margin-bottom:0}#portfolioView>.link{padding:10px 20px}#portfolioView>.mainAbout{padding:0 20px 20px}#portfolioView>.mainAbout>p{padding:10px;font-size:12px;border:3px solid #949fa8}#portfolioView>.moreInfo>div{padding:20px}#portfolioView>.moreInfo>div>p{padding:10px;font-size:12px;border:3px solid #eee}}#aboutInfo{width:100%;float:left;border-radius:15px;background-color:#fff;padding:30px}#aboutInfo>.title{width:100%;float:left;text-align:center;font-weight:700;font-size:32px;margin-top:30px;color:#515d65;word-break:keep-all}#aboutInfo>.title>span{opacity:.4}#aboutInfo>.about{width:100%;float:left;margin-top:50px}#aboutInfo>.about>p{width:100%;float:left;word-break:keep-all;font-size:18px;font-weight:100;line-height:32px;margin-bottom:30px}#aboutInfo>.about>p>span{display:inline-block;background-color:#eee;border-radius:5px;padding:0 15px;font-weight:700;color:#333;margin:0 5px 5px}#aboutInfo>.name{width:100%;float:left;text-align:right;margin-top:30px}#aboutInfo>.name>span{font-size:18px;font-weight:700;margin-right:10px}#aboutInfo>.name>span.sub{opacity:.5;letter-spacing:3px}#aboutInfo>.name>span.main{letter-spacing:6px}#aboutInfo>.name>img{vertical-align:middle;margin-left:-5px}@media (max-width:900px){#aboutInfo{padding:20px}#aboutInfo>.title{font-size:21px;margin-top:20px}#aboutInfo>.about{margin-top:30px}#aboutInfo>.about>p{margin-bottom:15px;font-size:16px;line-height:28px}#aboutInfo>.about>p>span{padding:0 10px;margin:0 2px 3px}#aboutInfo>.name>span{font-size:15px}#aboutInfo>.name>span.sub{letter-spacing:2px}#aboutInfo>.name>span.main{letter-spacing:3px}}#contactFrm{width:100%;float:left;border-radius:15px;background-color:#fff;padding:30px}#contactFrm>.about{width:100%;float:left;font-size:24px;line-height:38px;margin-top:30px;word-break:keep-all}#contactFrm>.list{width:100%;float:left;margin-top:25px}#contactFrm>.list>p{width:100%;float:left;margin-top:3px;font-size:18px}#contactFrm>.list>p>b{display:inline-block;width:70px}#contactFrm>.frm{margin-top:60px}#contactFrm>.frm,#contactFrm>.frm>ul{width:100%;float:left}#contactFrm>.frm>ul>li{width:100%;float:left;margin-bottom:20px}#contactFrm>.frm>ul>li>*{width:100%;float:left}#contactFrm>.frm>ul>li>input{height:50px}#contactFrm>.frm>ul>li>input,#contactFrm>.frm>ul>li>textarea{border-bottom:2px solid #ddd;font-size:16px;font-weight:100;padding:0 20px}#contactFrm>.frm>ul>li>textarea{height:200px}#contactFrm>.frm>ul>li>.line{position:absolute;width:0;height:2px;z-index:2;left:0;bottom:0;background-color:#515d65;-webkit-transition:all .5s;transition:all .5s;opacity:0}#contactFrm>.frm>ul>li>:focus+.line{width:100%;opacity:1}#contactFrm>.linkList{width:100%;float:left}#contactFrm>.linkList>a{width:100%;height:80px;line-height:74px;float:left;margin-top:10px;text-align:center;border-radius:15px;font-size:18px;font-weight:700;color:#fff;border:3px solid #ffbc00;background-color:#ffbc00;-webkit-transition:all .5s;transition:all .5s}#contactFrm>.linkList>a:hover{background-color:#fff;color:#ffbc00}#contactSendBtn{width:100%;height:80px;border-radius:15px;font-size:18px;font-weight:700;color:#fff;border:3px solid #515d65;background-color:#515d65;-webkit-transition:all .5s;transition:all .5s}#contactSendBtn:hover{background-color:#fff;color:#515d65}#contactSendBtn.active{background-color:#ccc!important;color:#fff!important;border-color:#ccc!important}@media (max-width:900px){#contactFrm{padding:20px}#contactFrm>.about{font-size:18px;line-height:24px;margin-top:20px}#contactFrm>.list{margin-top:20px}#contactFrm>.list>p{margin-top:2px;font-size:16px}#contactFrm>.list>p>b{width:60px}#contactFrm>.frm{margin-top:50px}#contactFrm>.frm>ul>li{margin-bottom:10px}#contactFrm>.frm>ul>li>input{height:40px;font-size:15px;padding:0 15px}#contactFrm>.frm>ul>li>textarea{height:150px;font-size:15px;padding:0 15px}#contactFrm>.linkList>a{line-height:54px;margin-top:5px}#contactFrm>.linkList>a,#contactSendBtn{height:60px;font-size:16px}}#reviewList,#reviewList>ul,#reviewList>ul>li{width:100%;float:left}#reviewList>ul>li{background-color:#fff;border-radius:15px;padding:30px;margin-bottom:20px;display:table;table-layout:fixed}#reviewList>ul>li>div{display:table-cell;vertical-align:top}#reviewList>ul>li>.profile{width:100px}#reviewList>ul>li>.profile>img{width:100%}#reviewList>ul>li>.info{padding-left:30px}#reviewList>ul>li>.info>p{width:100%;float:left}#reviewList>ul>li>.info>p.name{font-size:14px;opacity:.8;margin-bottom:5px}#reviewList>ul>li>.info>p.contents{font-size:14px;font-weight:400;word-break:keep-all}#reviewList>ul>li>.info>p.date{font-size:13px;opacity:.6;margin-top:20px}#reviewMoreBtn{width:100%;height:80px;border-radius:15px;font-size:18px;font-weight:700;color:#fff;border:3px solid #515d65;background-color:#515d65;-webkit-transition:all .5s;transition:all .5s}#reviewMoreBtn:hover{background-color:#fff;color:#515d65}@media (max-width:900px){#reviewList>ul>li{padding:20px;margin-bottom:10px}#reviewList>ul>li>.profile{width:60px}#reviewList>ul>li>.info{padding-left:20px}#reviewList>ul>li>.info>p.name{font-size:13px}#reviewList>ul>li>.info>p.contents{font-size:13px;font-weight:400}#reviewList>ul>li>.info>p.date{font-size:12px}#reviewMoreBtn{height:60px;font-size:16px}}
/*# sourceMappingURL=app.3e9f0f1f482c8813f3bc6d3964ab1b3f.css.map */