@charset "UTF-8";


html{font-family: 'Noto Sans KR', sans-serif;;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}samp{font-size:1em}
table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href)")"}
abbr[title]:after{content:" (" attr(title)")"}
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100%!important}
p,h2,{orphans:3;widows:3}
h2,{page-break-after:avoid}
.navbar{display:none}
.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}
.label{border:1px solid #000}
.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}
.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}
.glyphicon-menu-up:before{content:"\e260"}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}

.text-capitalize{text-transform:capitalize}.text-muted{color:#777}
.text-primary{color:#337ab7}
a.text-primary:hover,a.text-primary:focus{color:#286090}
.text-success{color:#3c763d}a.text-success:hover,a.text-success:focus{color:#2b542c}
.text-info{color:#31708f}a.text-info:hover,a.text-info:focus{color:#245269}
.text-warning{color:#8a6d3b}a.text-warning:hover,a.text-warning:focus{color:#66512c}
.text-danger{color:#a94442}a.text-danger:hover,a.text-danger:focus{color:#843534}

.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.container:before,.container:after{content:" ";display:table}
.container:after{clear:both}
.container{width:1170px}
.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.container-fluid:before,.container-fluid:after{content:" ";display:table}
.container-fluid:after{clear:both}
.row{margin-left:-15px;margin-right:-15px}
.row:before,.row:after{content:" ";display:table}
.row:after{clear:both}

.clearfix:before,.clearfix:after{content:" ";display:table}
.center-block{display:block;margin-left:auto;margin-right:auto}
.pull-right{float:right!important}
.pull-left{float:left!important}
.hide{display:none!important}
.show{display:block!important}
.invisible{visibility:hidden}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.hidden{display:none!important}.affix{position:fixed}
@at-root {
@-ms-viewport{width:device-width}
}

body{line-height:1.5;font-size:16px!important;color:#000;font-weight:400}
body,h1,h2,,h4,h5,h6,p,ul{margin:0;padding:0}
a{cursor:pointer;text-decoration:none}
a:hover{text-decoration:none}
img{max-width:100%}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .clearfix{zoom:1}*:first-child+html .clearfix{zoom:1}


.header{position:fixed;top:35%;right:0;width:50px ;z-index:100}
.header li {padding:3px 0;}
.footer{background:#3d4348}
.footer-fig a{color:#fff}.footer-fig:nth-of-type(2){display:none}

/* Section01 */
.home{height:100vh;width:100vw;padding:27vh 0;background:#000000;z-index:0;position:relative}
.home .wrapper-text{position:relative;margin:0vh 0}
.home .wrapper-text>div:nth-of-type(1){position:absolute;top:-341px;left:16%;z-index:2}
.home .wrapper-text>div:nth-of-type(2){position:absolute;top:-443px;left:2px;z-index:0}
.home .wrapper-text>div:nth-of-type(3){position:absolute;top:-245px;left:32%}
.home p{font-size:12px;color:rgba(255,255,255,.3);font-weight:400;width:50%;margin-left:32%;margin-top:30vh}
.home .wrapper-text{margin:15vh 0}
.home .wrapper-text .main-pic{height:40vh}
.home .wrapper-text .inner-pic{height:80vh}
.home .wrapper-text .inner-inner-pic{height:71vh}
.home img{max-height:}

/* Section02 */
.about{background:#F2F3F3;padding:0vh 0}
.about-fig{float:left;width:65%;position:relative;min-height:1px;padding-left:15px;padding-right:15px;background:#F2F3F3;margin:0vh 0}
.about-fig img{max-width:100%}
.about-fig .main-fig{position:absolute; left:0px; top:-100px; text-align:center;width:100%}
.about-fig .inner-fig{position:absolute;height:auto;left:10%;top:-100px;}
.about-figCaption{float:left;width:100%;position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.about-figCaption{text-align:right}
.about-figCaption h3{line-height:140px; letter-spacing:-1px}
.about-figCaption h3 span{display:block}
.about-figCaption p{width:70%;float:right}
.about-figCaption h3{color:#3d4348}
.about-figCaption h5{color:#3d4348;margin:21px 0 17px}
.about-figCaption p{font-size:14px;color:#6b767f;font-weight:400;margin-top:40px; letter-spacing:-1px}

/* Section03 */
.service{background:#4b5e62}
.service-fig{float:left;width:650px;position:relative;min-height:1px;padding-left:15px;padding-right:15px;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;margin-top:10vh}
.service-mainfig{text-align:center;position:relative}
.service-mainfig img{position:relative;}
.service-inner{position:absolute}
.service-figcaption{float:left;width:500px;position:relative;min-height:1px;padding-left:15px;padding-right:15px; }
.service-figcaption h3{color:#fff; line-height:140px; letter-spacing:-1px}
.service-figcaption h5{color:rgba(255,255,255,.5);margin:21px 0 16px}
.service-cnct{margin-top:40px;display:block}
.service-cnctfigcaption{position:relative;float:left;width:75%;min-height:1px;padding:0}
.service-cnctfigcaption p{font-size:14px;color:#A3ADAF; font-weight:400;margin-top:8px}
.service-cnctfigcaption h6{font-size:20px;color:#fff;font-weight:400}
.service-cnctfig{position:relative;float:left;width:25%;min-height:1px;padding-left:15px;padding-right:15px}
.service{height:100vh;width:100vw}
.service .fig1{z-index:0;top:-100px;left:0px;transition:all .3s ease-in-out}
.service .fig2{top:99px;left:144px;transition:all .5s ease-in-out}.service .fig2 img{z-index:0}
.service .fig3{left:376px;top:16px;transition:all .7s ease-in-out}.service .fig3 img{z-index:0}
.service .fig4{left:165px;top:16px;transition:all .8s ease-in-out}.service .fig4 img{z-index:0}
.service .fig5{top:130px;right:168px;transition:all .3s ease-in-out}.service .fig5 img{z-index:0}
.service-figcaption{text-align:right}
.service-cnct{width:65%;float:right;margin-top:40px}


/* Section04 */
.work-fig{float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px;background:#fff}
.work-fig{float:left;width:58.3333333333%}
.work-fig1{padding:0;width:40%;float:left}
.work-fig2{padding:0 15px;width:60%;float:left}
.work-figcaption{float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.work-figcaption{float:left;width:41.6666666667%}
.work-figcaption h3{line-height:140px !important; letter-spacing:-1px !important; color:#3d4348}
.work-figcaption h5{color:#3d4348;margin:21px 0 17px}
.work-figcaption p{font-size:14px;color:#6b767f;font-weight:400;margin-top:20px; letter-spacing:-1px}
.work .item{margin-bottom:30px}
.work .item img{max-width:100%}
.work .item11,.work .item12{float:left;width:50%}
.work .item11,.work .item12,.work .item2{position:relative;min-height:1px;padding-left:15px;padding-right:15px;margin-bottom:30px}
.work .item2{float:left;width:100%}
.work .item3{position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.work .item3{float:left;width:83.3333333333%}
.work{height:100vh;width:100vw}
.work-fig1{padding:0;width:40%;float:left}
.work-fig1 img{width:100%}
.work-fig2{padding:0 15px;width:60%;float:left}
.work-figcaption{text-align:right}
.work-figcaption p{width:80%;float:right}
.work-figcaption h3 span{display:block}




.team{background:#CA4C4C}.team-fig{float:left;width:100%;position:relative;min-height:1px;padding-left:15px;padding-right:15px;overflow:hidden}

.team-fig{float:left;width:58.3333333333%}

.team-fig img{max-width:100%;transition:all .3s ease-in-out}.team-figs{position:relative;float:left;width:50%;min-height:1px;padding-left:15px;padding-right:15px}
.team-figs>div:nth-of-type(even){margin-top:30px}
.team-figs:nth-of-type(odd)>div{border:15px solid #ddd;background-position:50% 50%;overflow:hidden}
.team-figs:nth-of-type(odd)>div:nth-of-type(odd) .image-holder{background:url('/_public/image/why/team/team1.jpg') no-repeat;height:33vh;background-size:cover;background-position:50% 50%;transition:all .3s ease-in-out}
.team-figs:nth-of-type(odd)>div:nth-of-type(even) .image-holder{background:url('/_public/image/why/team/team3.jpg') no-repeat;height:22vh;background-size:cover;background-position:50% 50%;transition:all .3s ease-in-out}
.team-figs:nth-of-type(even)>div{border:15px solid #ddd;overflow:hidden}
.team-figs:nth-of-type(even)>div:nth-of-type(odd) .image-holder{height:22vh;background:url('/_public/image/why/team/team2.jpg');background-size:cover;background-position:50% 50%;transition:all .3s ease-in-out}.team-figs:nth-of-type(even)>div:nth-of-type(even) .image-holder{height:33vh;background:url('/_public/image/why/team/team4.jpg');background-size:cover;background-position:50% 50%;transition:all .3s ease-in-out}

.team-figcaption{float:left;width:41.6666666667%;position:relative;min-height:1px;padding-left:15px;padding-right:15px}

@media (min-width:992px){
.team-figcaption{float:left;width:41.6666666667%}
}

.team-figcaption h3{line-height:150px !important; letter-spacing:-1px !important; color:#fff}
.team-figcaption h5{margin:40px 0 0;color:rgba(255,255,255,.5)}
.team-figcaption p{font-size:14px;color:rgba(255,255,255,.6);font-weight:400;margin:40px 0}


@media screen and (max-width:480px){
.team-figs{width:100%;margin:7px 0}
.team-figs>div:nth-of-type(even){margin-top:15px}
}

@media screen and (min-width:992px){
.team{height:100vh;width:100vw}
.team-dtl:hover .team-fig img{-webkit-transform:translate3d(0,0,0)scale(1.1);transform:translate3d(0,0,0)scale(1.1)}
.team-figcaption{text-align:right}
.team-figcaption h3{line-height:120px}
.team-figcaption h3 span{display:block}
.team-figs:nth-of-type(odd)>div:nth-of-type(odd) .image-holder:hover,.team-figs:nth-of-type(odd)>div:nth-of-type(even) .image-holder:hover,.team-figs:nth-of-type(even)>div:nth-of-type(odd) .image-holder:hover,.team-figs:nth-of-type(even)>div:nth-of-type(even) .image-holder:hover{-webkit-transform:scale(1.1)rotate(1deg);-ms-transform:scale(1.1)rotate(1deg);transform:scale(1.1)rotate(1deg)}}.jointeam{padding:20vh 0;width:100%!important}
.jointeam-fig{float:left;width:100%;position:relative;min-height:1px;padding-left:15px;padding-right:15px;text-align:center}

@media (min-width:992px){
.jointeam-fig{float:left;width:58.3333333333%}
}

.jointeam #swingJacket{margin-top:30px}
.jointeam-figcaption{float:left;width:100%;position:relative;min-height:1px;padding-left:15px;padding-right:15px}

@media (min-width:992px){
.jointeam-figcaption{float:left;width:41.6666666667%}
}

.jointeam-figcaption h3{line-height:140px !important; letter-spacing:-1px !important; color:#3d4348}
.jointeam-figcaption h5{color:#3d4348;margin:21px 0 17px}
.jointeam-figcaption p{font-size:14px;color:#6b767f;font-weight:400;margin-top:20px; letter-spacing:-1px}



.jointeam .form-group{position:relative;float:left;width:50%;min-height:1px;padding-left:15px;padding-right:15px}
.jointeam .form-group:nth-of-type(2){padding-right:0}
.jointeam .form-group .form-control::-webkit-input-placeholder{font-size:14px;color:#87919a;font-weight:400;border-radius:0}
.jointeam .form-group1{float:right}.jointeam .fileUpload{position:relative;overflow:hidden;margin:10px;padding:4px 0;float:left}
.jointeam .fileUpload span{font-size:15px;color:#959ba0;font-weight:400;margin-left:7px}
.jointeam .btns{height:40px;width:170px;background:#fff;text-align:center;color:#959ba0;border-right:1px solid #87919a}
.jointeam .fileUpload input.upload{position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0)}
.jointeam button{margin:10px 0 10px 15px;border-radius:0;height:40px;padding:10px 0}
.jointeam button:focus{box-shadow:0 0 0 0;color:#fff}

@media screen and (min-width:992px){
.jointeam{width:100vw;height:100vh}
.jointeam .animated{-webkit-animation-duration:4s;animation-duration:4s}
.jointeam #swingJacket{position:absolute;top:10vh;left:10vh;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.jointeam-figcaption{text-align:right}
}


.blog .figure{position:relative;min-height:1px;padding-left:15px;padding-right:15px;margin-top:30px}

@media (min-width:992px){.blog .figure{float:left;width:66.6666666667%}}
.blog .item{margin-bottom:30px;overflow:hidden;display:block}
.blog .item .blog-containers{overflow:hidden;transition:all .3s ease-in-out;width:100%}
.blog .item:nth-of-type(odd) .blog-fig{float:left}.blog .item:nth-of-type(odd) .blog-figc{float:right}.blog .item:nth-of-type(even) .blog-figc{float:left}
.blog .item:nth-of-type(even) .blog-fig{float:right}.blog .item:nth-of-type(1) 

.blog-containers{background-image:url('/_public/image/why/blog/blog1.jpg');background-position:50% 50%;background-size:cover}
.blog .item:nth-of-type(2) .blog-containers{background:url('/_public/image/why/blog/blog2.jpg');background-position:50% 50%;background-size:cover}
.blog .item:nth-of-type(3) .blog-containers{background:url('/_public/image/why/blog/blogd2.jpg');background-position:50% 50%;background-size:cover}
.blog .item:nth-of-type(4) .blog-containers{background:url('/_public/image/why//blog/blogd3.jpg');background-position:50% 50%;background-size:cover}
.blog-fig{width:41.6666666667%;overflow:hidden;padding:0}
.blog-fig,.blog-figc{position:relative;float:left;min-height:1px}
.blog-figc{width:58.3333333333%;background:#484848;padding:20px}
.blog-figc h6{font-size:20px;color:rgba(255,255,255,.8)}
.blog-figc h6,.blog-figc p{font-weight:400}
.blog-figc p{font-size:13px;color:rgba(255,255,255,.3);margin-top:7px}
.blog-figc p:nth-of-type(1){font-style:italic}.blog-figc h5{color:#fff;margin:30px 0}
.blog-home{background:url('/_public/image/why/team/landing-slide.jpg');background-position:50% 50%;background-size:cover}
.blog-home .figcaption{position:relative;min-height:1px;padding-left:15px;padding-right:15px}

@media (min-width:992px){
.blog-home .figcaption{float:left;width:33.3333333333%}
}

.blog-home .figcaption h3{color:#fff}
.blog-home .figcaption h5{color:#fff;margin:60px 0 90px}

@media screen and (min-width:992px){
.blog-home{height:100vh;width:100vw}
.blog .item:hover .blog-containers{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.blog .figcaption{text-align:right}.blog .figcaption h3{line-height:120px}
}

.contact{width:100%;padding:25vh 0 0}
.contact-fig{position:relative;min-height:1px;padding-left:15px;padding-right:15px}

@media (min-width:992px){
.contact-fig{float:left;width:50%}
}

.contact-fig a{float:right;margin-top:10px}
.contact .workus{margin:20px 0;padding:25px;display:inline-block;background:#e4861f;text-align:left}
.contact .workus p{float:none;color:rgba(255,255,255,.6)}
.contact .workus h4{font-size:24px;color:rgba(255,255,255,.6);font-weight:300}
.contact .workus-info{position:relative;float:left;width:75%;min-height:1px;padding-left:15px;padding-right:15px}
.contact .workus-img{width:25%}
.contact .workus-img,.contact-figc{float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.contact-figc{width:100%}

@media (min-width:992px){.contact-figc{float:left;width:50%}
}

.contact-figc h5{margin:40px 0 30px}
.contact-figc p{font-size:14px;color:#959ba0;font-weight:400}
.contact .map-wrap{height:369px}
.contact .form-group{position:relative;float:left;width:50%;min-height:1px;padding-left:15px;padding-right:15px;margin-bottom:0}
.contact .form-group:nth-of-type(1){padding-left:0}
.contact .form-group:nth-of-type(2){padding-right:0}
.contact .form-group1{float:left;width:100%}
.contact .form-group1 textarea{width:100%;resize:none}.contact button{float:right}

@media screen and (min-width:992px){
.contact{width:100vw;height:100vh}
.contact-figc{text-align:right}
.contact-figc h3{line-height:120px}
.contact-figc h3 span{display:block}
.contact-figc p{width:85%;float:right}
}

@-webkit-keyframes custswing{0%{-webkit-transform:rotate3d(0,0,1,0);transform:rotate3d(0,0,1,0)}25%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}50%{-webkit-transform:rotate3d(0,0,1,0);transform:rotate3d(0,0,1,0)}75%{-webkit-transform:rotate3d(0,0,1,10deg);transform:rotate3d(0,0,1,10deg)}100%{-webkit-transform:rotate3d(0,0,1,0);transform:rotate3d(0,0,1,0)}}@keyframes custswing{0%{-webkit-transform:rotate3d(0,0,1,0);transform:rotate3d(0,0,1,0)}25%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}50%{-webkit-transform:rotate3d(0,0,1,0);transform:rotate3d(0,0,1,0)}75%{-webkit-transform:rotate3d(0,0,1,10deg);transform:rotate3d(0,0,1,10deg)}100%{-webkit-transform:rotate3d(0,0,1,0);transform:rotate3d(0,0,1,0)}}.custswing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:custswing;animation-name:custswing}.servicepage{padding:80px 0 100px}

.servicepage .logo-wrap{width:25%}
.servicepage .logo-wrap,.servicepage .navbar{position:relative;float:left;min-height:1px;padding-left:15px;padding-right:15px}
.servicepage .navbar{width:75%}
.servicepage .close-menu{display:none}
.servicepage .close-menu img{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}.servicepage .nav{float:right}
.servicepage .nav li a{font-size:13px;color:#3d4348;font-weight:600;overflow:hidden;padding:0 15px;text-transform:uppercase}
.servicepage .nav li a.active{color:#e4861f}.servicepage .nav li a:hover,.servicepage .nav li a:focus{background:0 0}
.servicepage .nav li a:hover span,.servicepage .nav li a:focus span{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
.servicepage .nav li a span{position:relative;display:inline-block;transition:-webkit-transform .3s;transition:transform .3s}.servicepage .nav li a span:before{position:absolute;top:100%;color:#e4861f;text-transform:uppercase;content:attr(data-hover);font-weight:700;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@media screen and (min-width:992px){.servicepage .nav li:hover>.submenu{max-height:500px;visibility:visible;opacity:1}}.servicepage .nav .submenu{list-style-type:none;position:relative;display:block;background:#e4861f;top:100%;height:auto;max-height:0;white-space:nowrap;transition:max-height .5s ease,visibility .5s ease,max-height .5s ease;visibility:hidden;text-align:left;z-index:2;left:0;opacity:0}
.servicepage .nav .submenu .submenu{padding:0;left:0;top:100%;background:#c37117}

@media screen and (min-width:992px){
.servicepage .nav .submenu{position:absolute}
}

.servicepage .nav .submenu li{width:100%;position:relative;padding:5px 0;text-align:left}
.servicepage .nav .submenu li a{margin-left:0;width:100px;overflow:hidden;letter-spacing:1px;transition:margin .5s ease,letter-spacing .5s ease;color:#fff;padding-top:0;padding-bottom:0}

@media screen and (min-width:992px){
.servicepage .nav .submenu li{padding:5px 10px}
.servicepage .nav .submenu li:hover{background:#d07919}
.servicepage .nav .submenu li:hover>a{margin-left:5px}
}

.servicepage .nav .addSubMenu{max-height:500px;opacity:1;visibility:visible}

@media screen and (max-width:992px){
.servicepage .wrapper-body{overflow:hidden}
.servicepage .overlay{left:100%;transition:left .5s ease-in-out;height:100%;top:0;right:0;position:fixed;background:rgba(0,0,0,.5);z-index:10}
.servicepage .overlay-open{left:0}
.servicepage .navbar-toggle{display:block;background:#e4861f;border:#e4861f;margin:0}
.servicepage .nav-wrapper{display:inline-block;float:right}
.servicepage .icon-bar{background:#fff}
.servicepage .navbar-nav{margin:0;float:right;right:0;top:50%;position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%}
.servicepage .navbar-nav li{float:none;padding:15px 0}
.servicepage .nav-menu{position:fixed;top:0;bottom:0;left:100%;width:50%;background:#fff;z-index:999;transition:all .5s ease-in-out;height:100%!important;text-align:center}
.servicepage .open-mobile-menu{left:50%;overflow:scroll}

@media screen and (max-width:480px){
.servicepage .open-mobile-menu{left:10%}
.servicepage .nav-menu{width:90%}
}

.servicepage .close-menu{display:block;position:absolute;top:5vh;right:2vh}
}

.body-wrap h4{font-size:80px;color:#3d4348;font-weight:400}
.body-wrap p{margin:30px 0}
.body-wrap .figure-holder{padding:100px 0}
.body-wrap .fig-h1{float:left;width:100%;position:relative;min-height:1px;padding-left:15px;padding-right:15px;transition:all .5s ease-in-out}

@media (min-width:992px){.body-wrap .fig-h1{float:left;width:50%}
}

.body-wrap .fig-h1 p{margin:30px 0}
.body-wrap .fig-h1>div:nth-of-type(odd){position:relative;float:left;width:33.3333333333%;min-height:1px;padding:0}.body-wrap .fig-h1>div:nth-of-type(odd)>div{width:150px;height:150px;border-radius:50%;position:relative;margin:0 auto}
.body-wrap .fig-h1>div:nth-of-type(odd)>div img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.body-wrap .fig-h1>div:nth-of-type(even){position:relative;float:left;width:66.6666666667%;min-height:1px;padding-left:15px;padding-right:15px}
.body-wrap .branding{background:#47a0ae}.body-wrap .marketing{background:#ea4848}.body-wrap .move{transition:all 1s ease-in-out;height:100%}.body-wrap .design{background:#ecc82e}
.body-wrap .coding{background:#49bb95;transition:all .5s ease}
.body-wrap .contact-service{padding:0 0 100px}
.body-wrap .contact-service p.topcntc{width:41%}
.body-wrap .wrap-contact-form{padding:100px 0}
.body-wrap .contact-form{position:relative;min-height:1px;padding-left:15px;padding-right:15px}

@media (min-width:992px){
.body-wrap .contact-form{float:left;width:41.6666666667%}
}

.body-wrap .contact-img{position:relative;min-height:1px;padding-left:15px;padding-right:15px}

.body-wrap .contact-img{text-align:center}
.body-wrap .main-contact{position:relative}
.body-wrap .main-contact img{z-index:2;position:relative}
.body-wrap .inner-contact1{position:absolute;top:22%}
.body-wrap .inner-contact2{position:absolute;top:0;right:5%}
.body-wrap .inner-contact2 img{z-index:0}
.body-wrap .queries{float:left;width:66.6666666667%;position:relative;min-height:1px;padding-left:15px;padding-right:15px}

.body-wrap .queries h5{font-size:18px}
.body-wrap .cont-dtl{float:left;width:33.3333333333%;position:relative;min-height:1px;padding-left:15px;padding-right:15px}

footer{padding:80px 0;background:#eaedf0}
footer i.fa-copyright{color:#959ba0}
footer .footer-headline{width:35%;margin:0 auto}footer .fig{float:left;width:25%;position:relative;min-height:1px;padding-left:15px;padding-right:15px}@media (min-width:992px){footer .fig{float:left;width:16.6666666667%}}

@media screen and (max-width:480px){footer .fig{text-align:center;width:100%}footer .fig:last-of-type ul{float:none}footer .content{width:100%}footer .content h4{float:none}footer .content p{text-align:left}}.page-wrap{position:relative}

.homep{top:0;left:0;width:100%;transition:all .5s ease-in-out}.service-pg,.blog-pg,.team-pg,.work-pg{position:absolute;top:0;width:100%;left:100%;z-index:0;background:#fff;transition:all .5s ease-in-out}

.move-in-left{position:fixed;overflow-y:scroll;overflow-x:hidden;left:0!important;height:100%;z-index:5}
.move-out-left{left:-100%}

.fp-tableCell{display:table-cell; vertical-align:middle;}
#work-menu,#team-menu,#blog-menu,#service-menu{position:absolute;top:0;left:50%;width:50%;overflow-x:hidden;overflow-y:scroll;display:block;z-index:0}
.homep{position:relative;z-index:2}
.fp-controlArrow.fp-next,.fp-controlArrow.fp-prev{display:none}
.fp-section.fp-table{height:100vh!important;width:100%;position:relative; display:table;}
.fp-tableCell,.fp-section,.addheight{height:auto!important}

h3{font-size:90px;line-height:89px}
.fp-section.fp-table{}
.about-figCaption p{margin-top:10px}
.service-fig{margin-top:5vh}
.service-figcaption{margin-top:0}
.service-cnct{margin-top:10px}
.work-figcaption h3{line-height:89px}
.work-figcaption h5{margin:10px 0}
.team-figcaption h3{line-height:89px}
.team-figcaption p{margin:20px 0}
.team-figcaption h5{margin:0}
.jointeam-figcaption h3{line-height:89px}
.jointeam-figcaption h5{margin:10px 0 0}
.jointeam-figcaption p,.blog-figc h5{margin:10px 0}
.blog .figcaption h3{line-height:89px}
.blog-home .figcaption h5{margin:30px 0}

section#contact-mains{padding-top:27vh}

.contact .map-wrap{height:200px;overflow:hidden}
.form-control{margin:10px 0;height:40px}
.form-group{margin-bottom:10px}
.contact-figc h3{line-height:89px}
.contact-figc h5{margin:10px 0}
.home .wrapper-text>div:nth-of-type(3) p{margin:5px 0;width:100%}
}
























@-webkit-keyframes custbounce{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}50%{-webkit-transform:translateY(-65%);transform:translateY(-65%)}100%{-webkit-transform:translateY(-35%);transform:translateY(-35%)}}@keyframes custbounce{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}50%{-webkit-transform:translateY(-65%);transform:translateY(-65%)}100%{-webkit-transform:translateY(-35%);transform:translateY(-35%)}}.custbounce{-webkit-animation-name:custbounce;animation-name:custbounce}.fa-angle-down.animated.custbounce{-webkit-animation-iteration-count:infinite;-webkit-animation-delay:5s;animation-delay:5s}

@media screen and (max-width:768px){
.body-wrap h4,.work h3,.service h3,.about h3,.team h3,.contact-figc h3,.jointeam h3,.blog .figcaption h3{font-size:55px;line-height:55px}
h5{font-size:24px}
.fp-section.fp-table{padding:10vh 0}
.body-wrap .contact-form,.body-wrap .wrap-contact-form,.body-wrap .figure-holder,.body-wrap .product,.body-wrap .product-wrap,.work .workmainpage,.team .mainTeampage,.blog-home .mainBlog,section#contact-mains{padding:5vh 0}
.service-figcaption{margin-top:26vh}
.prev-btn{top:0;padding:11px 9px;font-size:15px}
.body-wrap h5 span{display:block}
.header .nav-menu{overflow-y:scroll;padding:2vh 5vh}.header .nav-menu p{width:100%;margin:2vh}
.header .navbar-wrapper li{padding:10px}
.header .close-btn{left:30px;top:0}
}

@media screen and (max-width:768px){
.header .logo-container{width:25%}
.header .content{width:75%}
.header .social{margin-top:0;display:block;position:absolute;top:7%;left:25%;-webkit-transform:translateX(-25%);-ms-transform:translateX(-25%);transform:translateX(-25%)}.header .navbars{margin-top:11px}
}

@media screen and (min-width:992px){
h5 span{display:block}
}

@media screen and (max-width:992px){
.header .logo-container{width:30%}
.header .logo-container img{height:50px;width:50px}
.header .content{width:70%}
.header .menu-container{position:relative}
.header .social{position:absolute;margin:0;left:20%;top:26%}
.header .navbars{margin-top:12px}
}

@media screen and (max-width:700px){
.header .social{top:23%}
.header .navbars{margin-top:12px}
}

@media screen and (max-width:992px){
.service-figcaption{margin:20px 0 50px}
.servicepage,.body-wrap .team-wrap{padding:10px 0}
.service-fig{margin:50px 0}
.team-fig,.contact-figc{margin-top:30px}
.footer{padding:30px 0}
.body-wrap{padding:50px 0}
.prev-btn{top:50px}
.contact .workus{width:100%}
}

@media screen and (max-width:768px){
.home .wrapper-text{margin:12vh 35px}
footer{padding:40px 0}
.body-wrap .contact-service{padding:0 15px 20px}
.body-wrap .contact-service p.topcntc{width:100%}
.body-wrap h4,.body-wrap h5,.body-wrap p{padding:0 15px}
.team-info p,.team-info h5,.product-details p,.product-details h5,.body-wrap .fig-h1 p,.body-wrap .fig-h1 h5{padding:0}
.queries h5{padding:15px 0}
.body-wrap .blog-wrap span,.body-wrap .comment-info h6{padding:15px}
.body-wrap .blog-holder p{padding:0}
.header .navbar-wrapper li a{padding:7px}
.header .close-btn{top:10px}
}

@media screen and (min-width:992px) and (max-width:1400px){
.main-logo{height:100px}
.main-logo img{max-height:100%}
.footer-fig .arrow:after{content:initial}
.servicepage{padding:40px 0}
.body-wrap .product{padding:0 0 80px}
.body-wrap .product-wrap{padding:40px 0 0}
footer{padding:40px 0}
.body-wrap .team-wrap{padding:80px 0}
}

@media screen and (min-width:1200px) and (max-width:1400px){
.work .item,.work .item11,.work .item12,.work .item2{margin-bottom:15px}
.work-fig2{padding:0}
}

@media screen and (max-width:1400px){
.body-wrap .blog-wrap{padding:60px 0}
}

@media screen and (max-width:1199px){
.body-wrap p{margin:10px 0}
.body-wrap .comment-wrap .layer2{padding:20px 0 20px 50px}
.body-wrap .comment-wrap{margin:30px 0}
}

@media screen and (max-width:992px){
.work .workmainpage,.team .mainTeampage,.jointeam{padding:10vh 0}
.jointeam-figcaption{margin-top:30px}
.jointeam .form-group:nth-of-type(2){padding-right:15px}
.jointeam .form-group1{margin-right:15px}
.body-wrap .blog-wrap{padding:30px 0}
.body-wrap .blog-contact{margin:30px 0}
.body-wrap .comment-img{float:left;margin-right:15px;margin-bottom:15px}
.body-wrap .comment-reply .like{margin:0}
.body-wrap .testImg{width:20%;float:left}
.body-wrap .testinfo{width:70%;float:right}
.work-figcaption{margin:20px 0}
}

@media screen and (max-width:480px){
.panel-heading{padding:0}
.about-fig{margin:0 0 76px}
.service-mainfig img{max-width:70%}
.work-fig2,.work-fig2 .item1,.work-fig2 .item2,.work-fig2 .item3{padding:0}
.work-fig2 .item11{padding-left:0}
.work-fig1{text-align:left}
.work-figcaption{margin:20px 0}
.team-figs{padding:0}
.team-figcaption h5{margin:21px 0 15px}
.jointeam .form-group{width:100%;margin-bottom:0;margin-top:0}
.jointeam .fileUpload{margin:10px 0}
.jointeam-figcaption h5{margin:18px 0 15px}
.contact .form-group{width:100%;padding:0}
.contact-figc{padding-top:20px}
.footer{padding:15px 0}
.footer .mobile-footer:first-of-type{width:100%;text-align:right}
.footer .mobile-footer:last-of-type{display:none}
.home .wrapper-text{margin:10vh 10vw}.body-wrap .blog-wrap span,.body-wrap .comment-info h6{padding:15px}
.work .item{width:50%;float:left;padding:0 15px}
.work .item:first-of-type{padding-left:0}
.work .item:last-of-type{padding-right:0}
.work .item12{padding-right:0}
.work .item,.work .item11,.work .item12,.work .item2{margin-bottom:15px}
.blog .blog-figc,.blog .blog-fig{width:100%}
.body-wrap .testinfo{width:60%}
.body-wrap .blog-contact,.body-wrap .blog-titlebarWrap{padding:15px}
.body-wrap .blog-holder{margin:15px 0}
.body-wrap h4.panel-title{line-height:35px}
.body-wrap .blog-imginfo{width:90px;height:80px}
.body-wrap .blog-imginfo span:nth-of-type(1){font-size:30px;line-height:18px}
.body-wrap .blog-imginfo span:nth-of-type(2){line-height:0}
}


#allwrap{-webkit-backface-visibility:hidden}.contact-page-form.form-message{width:65%;float:left;margin-top:8px;display:none}
.contact-page-form.form-message>div{height:25px;width:45px;-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6);float:right}label.error{color:#e4861f}
.loader,.loader:before,.loader:after{background:#e4861f;-webkit-animation:load1 1s infinite ease-in-out;animation:load1 1s infinite ease-in-out;width:1em;height:4em}.loader:before,.loader:after{position:absolute;top:0;content:''}
.loader:before{left:-1.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}
.loader{text-indent:-9999em;position:relative;font-size:11px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loader:after{left:1.5em}

@-webkit-keyframes load1{0%,80%,100%{box-shadow:0 0 #e4861f;height:4em}40%{box-shadow:0 -2em #e4861f;height:5em}}
@keyframes load1{0%,80%,100%{box-shadow:0 0 #e4861f;height:4em}40%{box-shadow:0 -2em #e4861f;height:5em}}

#bodyContent{overflow:hidden}#bodyContent p{width:200px;font-size:13px;color:#000;font-weight:400;margin:10px 0}
h1.headline-fouri{font-size:25px;color:#e4861f;font-weight:400}
header.servicepage.blogpageheader,footer.blogpagefooter{display:block}
.body-wrap .product-fig img.scaleImg{filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.5320888862379554, M12=-1.2855752193730787, M21=1.2855752193730796, M22=1.5320888862379558)}

@media screen and (min-width:992px){
.team-figcaption,.work-figcaption,.service-figcaption,.jointeam-figcaption,.blog .figcaption,.contact-figc{float:right}
}

.team .mainTeampage,.work .workmainpage,.service .mainService{position:relative;z-index:2}.grid{width:100%}
.grid-item{float:left;width:45%;height:auto}
.grid-item-height1{height:40%;padding-bottom:15px;overflow:hidden}
.grid-item-height2{height:60%;overflow:hidden;padding-top:15px}
.grid-item-width1{width:50%;float:left;height:20%;padding-bottom:15px;overflow:hidden}
.grid-item-width3{width:100%}
.grid-item-width3,.grid-item-width2{float:left;height:33%;padding:15px 0;overflow:hidden}
.grid-item-width2{width:80%}
.grid-item .item_01{padding-right:15px}
.grid-item .item_02{padding-left:15px}
.grid{position:relative;overflow:hidden;max-width:1300px;margin:0 auto;padding:1.5em 0 8em;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none}
.grid__loader{display:none;margin:3em auto 0}
.grid--loading .grid__loader,.grid:after{display:block}
.grid:after{content:'';clear:both}
.grid__sizer,.grid__item{position:relative;float:left;width:20%;padding:.75em;border:5px solid transparent}
.no-touch .grid__sizer,.no-touch .grid__item{padding:.75em .75em 1.25em}
.grid--loading .grid__item{visibility:hidden}
.grid__item--size-a{width:40%}
.slider{padding:0}
.productInnerPage .slider{padding:30px 0}
.slider__item{width:100%;padding:30px 15px}
.slider__item img{width:100%}
.slider .flickity-page-dots{bottom:20px;opacity:0;transition:opacity .3s}
.no-touch .slider:hover .flickity-page-dots{opacity:1}
.slider .flickity-page-dots .dot{background:#131417}
.meta{position:relative;padding:20px 6px;text-align:left;font-weight:400;color:#3d4348;background:#FBF8F4}
.meta .meta__title{font-size:15px;line-height:20px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:70%}
.meta .meta__brand{font-size:13px;line-height:20px;display:block}
.meta .meta__price{font-weight:700;position:absolute;top:20px;right:20px}.action{font-size:1.05em;position:relative;overflow:hidden;margin:0;padding:.25em;cursor:pointer;color:#fff;border:none;background:0 0}
.action:focus{outline:none}
.action--button{color:#e4861f}
.no-touch .action--button:hover{color:#e4861f;outline:none}
.text-hidden{position:absolute;top:200%}
.action--buy{position:absolute;top:17px;right:25px;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
.no-touch .action--buy{opacity:0}
.no-touch .grid__item:hover .action--buy{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.barwrap{position:relative}.bar{z-index:100;bottom:0;left:0;width:100%;height:90px;padding:1.75em 5em;text-align:center;background:#3d4348}
.bar .cartcontainer{background:0 0;position:relative}
.bar .cartcontainer img{max-width:100%}
.flexbox .filter{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.filter__label{font-size:.85em;display:inline-block}
.filter__label,.filter__item{font-weight:700;margin:0 2%;color:#fff}
.filter__item{padding:.1em;vertical-align:middle;border-bottom:2px solid transparent;transition:border .3s ease-in-out}.filter__item:hover{border-color:#e4861f}.filter__item--selected{color:#e4861f;border-color:#e4861f}
.filter__item .icon{font-size:1.75em;display:none}
.cart{font-size:1.5em;position:absolute;top:0;right:0;overflow:hidden;height:100%;padding:0 1.195em;cursor:pointer;color:#abacae;border:none;background-color:#131415}
.no-touch .cart:focus,.no-touch .cart:hover{color:#fff;outline:none}.cart--animate .cart__icon{-webkit-animation:cartAnim .4s forwards;animation:cartAnim .4s forwards}


/*  갤러리   */

.gal {}
.gal li {padding-left:15px; }
.gal .boxsmall {width:387px; height:258px; }
.gal boxbig {width:387px; height:522px; }