@font-face{font-family:ObjektivMk3;src:url(/fonts/ObjektivMk3_Trial_Lt.0a1bd24a.ttf) format("truetype");font-weight:100}@font-face{font-family:ObjektivMk3;src:url(/fonts/ObjektivMk3_Trial_Rg.df65d0dc.ttf) format("truetype");font-weight:200}@font-face{font-family:ObjektivMk3;src:url(/fonts/ObjektivMk3_Trial_Bd.0a3d2275.ttf) format("truetype");font-weight:400}@font-face{font-family:AppleSDGothicNeo;src:url(/fonts/AppleSDGothicNeoL.6738d147.ttf) format("truetype");font-weight:100}@font-face{font-family:AppleSDGothicNeo;src:url(/fonts/AppleSDGothicNeoM.abe3bcb5.ttf) format("truetype");font-weight:200}@font-face{font-family:AppleSDGothicNeo;src:url(/fonts/AppleSDGothicNeoB.97727a6d.ttf) format("truetype");font-weight:300}@font-face{font-family:AppleSDGothicNeo;src:url(/fonts/AppleSDGothicNeoEB.282e90f3.ttf) format("truetype");font-weight:400}@font-face{font-family:AppleSDGothicNeo;src:url(/fonts/AppleSDGothicNeoH.7f2442e6.ttf) format("truetype");font-weight:500}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-ExtraLight.3f211eff.ttf) format("truetype");font-weight:100}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.f9b8c0aa.ttf) format("truetype");font-weight:300}@font-face{font-family:Gmarket;src:url(/fonts/GmarketSansTTFLight.9fce8eac.ttf) format("truetype");font-weight:100}@font-face{font-family:Gmarket;src:url(/fonts/GmarketSansTTFMedium.9ca6ad89.ttf) format("truetype");font-weight:300}.bg_black{background-color:#000;transition:.8s}.bg_white{background-color:#fff;transition:.8s}.opacity-60{opacity:60%}*{font-family:ObjektivMk3,AppleSDGothicNeo,serif;margin:0;padding:0;box-sizing:border-box;font-weight:100}body{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}.mainPage{color:#fff;z-index:1}.intro{height:100vh;padding:0 100px;background:#000}.intro .introCenter{position:relative;transform:translate(-50%,-50%);top:50%;left:50%;width:100%}.intro .introCenter .introImg{text-align:center}.intro .introCenter img{width:340px}.intro .introCenter .introText{text-align:center;font-size:28px;margin-top:50px;text-transform:uppercase}.intro .introCenter .introText div{font-weight:100}.intro .introBottom{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);display:none}.intro .introBottom .bottomText img{display:inline-block;vertical-align:middle}.intro .introBottom .bottomText span{vertical-align:middle;padding-left:20px}.intro .introBottom .bottomText .b_left{width:100%;margin-right:30px;cursor:pointer}.intro .introBottom .bottomText .b_left:hover img{transform:rotate(90deg);transition:.3s ease-in-out}.intro .introBottom .bottomText .b_left:not(:hover) img{transform:rotate(0deg);transition:.3s ease-in-out}@media (max-width:1000px){.intro{padding:0 40px}.intro .linkSec{display:block;height:500px;padding-top:80px}.intro .linkSec div.round,.intro .linkSec div.square{margin:15px auto;height:10%}.intro .linkSec .experience,.intro .linkSec .round-2{display:none}.intro .introBottom{display:block;text-align:center;bottom:20px;width:100%}.intro .introBottom div{font-size:11px}}.midGrayLine{height:130px;background-color:#2e2e2e;display:flex;justify-content:space-around;align-items:center}.midGrayLine span{font-size:40px;font-weight:300}.linkSec{max-width:1150px;width:100%;height:600px;margin:0 auto;font-size:80px;font-weight:100;text-align:center;display:flex;flex-wrap:wrap;vertical-align:middle;align-items:center;justify-content:space-between}.linkSec a{color:#fff;text-decoration:none}.linkSec a:hover{border-bottom:2px solid #fff}.linkSec .round{width:40%;min-width:150px;height:100px;background-color:#2e2e2e;border-radius:100px;vertical-align:middle}.linkSec .round-1{width:34%;min-width:240px}.linkSec .round-2{width:50%}.linkSec .square{height:100px;width:100%;background-color:#2e2e2e}@media (max-width:1300px){.linkSec{font-size:5.5vw}.linkSec .round,.linkSec .round-1,.linkSec .round-2,.linkSec .square{height:13%}}.brandLogo{height:8vh;background-color:#f8f8f8;overflow:hidden}.brandLogo .slideLogo{width:3500px;height:100%;background:url(/img/brandLogos.9914c833.png) 0/120% repeat-x;-webkit-animation:slider 60s linear infinite;animation:slider 60s linear infinite}.brandLogo .slick-slide div{margin-right:100px}.brandLogo .slick-slide div img{height:8vh;filter:brightness(0)}@-webkit-keyframes slider{0%{background-position:0}to{background-position:600%}}@keyframes slider{0%{background-position:0}to{background-position:600%}}@media (max-width:1000px){.brandLogo{width:100%;overflow:hidden;height:6vh}.brandLogo .slideLogo{width:100%;min-width:2000px;height:100%}.brandLogo .slick-slide div{margin-right:0}.brandLogo .slick-slide div img{width:100%;height:auto}}.textSec{text-align:left;margin:0 auto;color:#000;position:relative}.textSec div{font-size:1.2vw;font-weight:700;position:absolute;top:200px}.textSec div:nth-child(2){position:absolute;top:1800px;font-size:1vw}@media (max-width:1000px){.textSec div{font-size:12px}.textSec div:nth-child(2){position:absolute;top:900px;font-size:12px}}.scrollSec{overflow:hidden}.scrollSec .imgBox{display:flex;justify-content:center}.scrollSec .imgBox div{position:relative}.scrollSec .imgBox img:not(.sclLogo){width:75%;filter:drop-shadow(2px 4px 6px gray)}.scrollSec .imgBox .leftSec{width:20%}.scrollSec .imgBox .leftSec .left1{position:relative;top:5%}.scrollSec .imgBox .leftSec img:not(.left1){position:absolute;left:40%}.scrollSec .imgBox .leftSec .left2{top:45%}.scrollSec .imgBox .leftSec .left3{top:70%}.scrollSec .imgBox .centerSec{width:45%}.scrollSec .imgBox .rightSec{width:20%;text-align:center}.scrollSec .imgBox .rightSec .right1{width:50%;margin-bottom:20px}.scrollSec .imgBox .rightSec .right2{width:70%}.scrollSec .imgBox .sclLogo{width:15%;position:absolute;top:25%;left:50%;transform:translate(-50%);z-index:1}.scrollSec .imgBox .sclCenter{position:relative;top:15%;left:50%;transform:translate(-50%)}.scrollSec .imgBox2{display:flex;width:100%;height:100%;overflow:hidden;position:relative}.scrollSec .imgBox2 .box{position:absolute;top:0;left:100%}.dropLogo .sclLogo,.scrollSec .imgBox2 .sclLogo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dropLogo .sclLogo{z-index:99;width:10%;min-width:90px}.comparisonSection{position:relative}.comparisonImage{width:100%;height:100vh}.afterImage,.afterImage2{position:absolute;overflow:hidden;top:0;transform:translate(100%)}.afterImage img,.afterImage2 img{transform:translate(-100%)}.comparisonImage img{width:100%;height:100%;position:absolute;top:0;-o-object-fit:cover;object-fit:cover}@media (max-width:1000px){.comparisonImage{width:100%}}.portfolio{color:#000;padding:0 100px 30vh;background-color:#fbfbfb;margin:50px 0 0 0}.portfolio .viewArea{width:70%;margin:0 auto}.portfolio .title{font-size:40px;font-weight:700;padding:200px 0 100px}.portfolio ul{list-style:none;flex:1 1 0}.portfolio ul li{width:100%;height:30%;padding:10px;border-radius:10px;cursor:pointer}.portfolio ul li img{width:100%;height:100%;border-radius:10px;-o-object-fit:cover;object-fit:cover}@media (max-width:1000px){.portfolio{padding:0;margin:50px 0}.portfolio .viewArea{width:90%}.portfolio .viewArea ul li{height:35%;padding:5px}.portfolio .title{font-size:24px;padding:40px 0}.portfolio .logofolio{display:none}}.aboutSec{background-color:#fff;color:#000;margin:0 100px;text-align:center}.aboutSec .viewArea{margin:150px auto;text-align:left;padding-top:100px}.aboutSec .title{font-weight:700;font-size:40px;margin:100px auto;width:70%}.aboutSec .contents{line-height:1.5;font-size:20px;font-weight:300;width:70%;margin:0 auto}.aboutSec .contents .viewFlex{flex-wrap:wrap;justify-content:space-between;word-break:keep-all}.aboutSec .contents .viewFlex .flexItem:first-child .itemTitle,.aboutSec .contents .viewFlex .flexItem:nth-child(2) .itemTitle{width:70%}.aboutSec .contents .viewFlex .flexItem:nth-child(5) .itemTitle{width:80%}.aboutSec .contents .viewFlex .flexItem{width:29%;padding:0 5% 5% 0}.aboutSec .contents .viewFlex .flexItem .itemTitle{font-weight:400;font-size:2.6vh;margin-bottom:20px}.aboutSec .contents .viewFlex .flexItem .itemContent{font-size:1.8vh;color:#86868b}@media (max-width:1640px){.aboutSec .contents .viewFlex .flexItem .itemTitle{font-size:2.5vh}.aboutSec .contents .viewFlex .flexItem:nth-child(5) .itemTitle{width:100%}}@media (max-width:1000px){.aboutSec{margin:0 20px}.aboutSec .viewArea{margin:0 auto;padding-top:0}.aboutSec .title{font-size:27px;margin:0;padding:100px 0 40px}.aboutSec .contents{width:100%}.aboutSec .contents .viewFlex .flexItem{width:45%;padding:5% 0}.aboutSec .contents .viewFlex .flexItem .itemTitle{font-size:16px;width:100%}.aboutSec .contents .viewFlex .flexItem .itemContent{font-size:12px}.aboutSec .contents .viewFlex .flexItem:nth-child(5) .itemTitle{width:100%}}.workSec{width:100%;display:none}.workSec .workTitle{color:#000;margin:80px 20px;font-size:24px;font-weight:400;word-break:keep-all;display:inline-block;width:290px;text-transform:uppercase}.workSec .workContents{width:100%}.workSec .workContents a{text-decoration:none;color:#000}.workSec .workContents a .workEditorial{background:url(/img/work1.64c20237.png) no-repeat}.workSec .workContents a .workPackage{background:url(/img/work2.52635ea0.png) no-repeat}.workSec .workContents a .workWeb{background:url(/img/work3.d41fdc63.png) no-repeat;color:#fff}.workSec .workContents a .workEditorial,.workSec .workContents a .workPackage,.workSec .workContents a .workWeb{background-size:cover;padding:40px 20px}.workSec .workContents a .workEditorial .textTitle,.workSec .workContents a .workPackage .textTitle,.workSec .workContents a .workWeb .textTitle{font-size:18px;font-weight:400}.workSec .workContents a .workEditorial .textContent,.workSec .workContents a .workPackage .textContent,.workSec .workContents a .workWeb .textContent{margin-top:20px;word-break:keep-all;font-size:12px}.workSec .workContents a .workEditorial .viewMore,.workSec .workContents a .workPackage .viewMore,.workSec .workContents a .workWeb .viewMore{margin-top:20px;font-size:12px;padding:4px 8px;display:inline-block;border:1px solid gray;border-radius:5px}.workSec .workContents img{width:100%}@media (max-width:1000px){.workSec{display:none}.workSec .workTitle{font-size:22px;margin:80px 0 80px 20px}}.film{background-color:#fff;margin-bottom:15vh}.film .filmText{width:50%;margin:0 auto 100px;padding-top:230px;text-align:center}.film .filmText .description{font-size:1vw;text-transform:uppercase;margin-bottom:-4px;padding:5px 0;color:#9c9c9c}.film .filmText .categoryName{margin-bottom:50px;text-transform:uppercase;font-size:2vw;font-weight:300;letter-spacing:10px}.film .contents{display:flex;margin:0 auto;flex-wrap:wrap;width:70%}.film .contents img{width:100%;-o-object-fit:contain;object-fit:contain}.film .contents div{margin:10px;width:calc(33.3333% - 20px);width:-o-calc(33.3333% - 20px);text-align:center;cursor:pointer}@media (max-width:1000px){.film .filmText{padding-top:150px;width:97%;margin:0 auto 50px}.film .filmText .description{font-size:2.3vw}.film .filmText .categoryName{font-size:14px;font-weight:400;margin-bottom:30px}.film .contents{width:90%}.film .contents div.contentsItem{margin:5px;width:calc(50% - 10px);width:-o-calc(50% - 10px)}.film .contents div.contentsItem img{border-radius:10px}}.logoBG{position:absolute;top:50%;left:50%;transform:translate(-50%,-90%);opacity:.3;filter:blur(3px)}.loginTitle{top:41%;color:#fff;font-size:24px;font-weight:400;letter-spacing:10px;text-transform:uppercase;text-shadow:8px 9px 3px #000}.loginSec,.loginTitle{position:absolute;left:50%;transform:translate(-50%,-50%)}.loginSec{top:50%}.loginSec input{width:250px;margin-bottom:5px;height:35px;border-radius:5px;border:0;padding:0 15px}.loginSec .loginBtn button{width:100%;margin-top:10px;border-radius:6px;border:0;height:30px}.adminBoard{width:100%;max-width:1800px;margin:0 auto}.adminBoard .selectOption{margin:0 20px 20px 0;display:inline-block;font-weight:700}.adminBoard .note-editable,.contentView{text-align:center}.contentView{padding:10% 0;width:70%;margin:0 auto}@media (max-width:1000px){.contentView{padding:30% 0}.contentView p{word-break:keep-all}.contentView p>img{width:100%!important}}.detailBtn{position:relative;bottom:20px;right:2%;text-align:right}.fixBtn{position:fixed;bottom:5%;right:2%}.viewFlex{display:flex}.moView{display:none}.pcView{display:block}@media (max-width:1000px){.pcView{display:none}.moView{display:block}}.topNav{position:fixed;width:100%;z-index:101}.topNav .navBar{z-index:100;padding:40px 100px 25px 100px;display:flex;align-items:center;justify-content:space-between;color:#000;background:#fff;filter:invert(0)}.topNav .navBar .goFooter,.topNav .navBar .menu{flex-basis:200px}.topNav .navBar .logo img{filter:invert(1)}.topNav .navBar ul{list-style-type:none;display:flex;width:40%;min-width:450px;justify-content:space-between}.topNav .navBar ul li a{font-size:20px;color:#fff;text-decoration:none}input[id=menu]{display:none}input[id=menu]+label{position:relative;display:block;width:40px;height:30px;cursor:pointer}input[id=menu]+label .menuDscr{position:relative;top:45px;font-size:18px}input[id=menu]+label span{position:absolute;display:block;height:5px;border-radius:30px;background:#000;transition:.3s}input[id=menu]+label span:first-child,input[id=menu]+label span:nth-child(3){width:100%}input[id=menu]+label span:nth-child(2){width:50%;right:0}input[id=menu]+label span:first-child{top:0}input[id=menu]+label span:nth-child(2){top:50%;transform:translateY(-50%)}input[id=menu]+label span:nth-child(3){bottom:0}input[id=menu]:checked+label span:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}input[id=menu]:checked+label span:nth-child(2){opacity:0}input[id=menu]:checked+label span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.brandName{font-size:34px;font-weight:300;cursor:pointer}.brandName a{text-decoration:none;color:#000}.brandName img{display:none;vertical-align:middle}.goFooter{text-align:right}.goFooter div{display:block;font-size:20px;color:#000;cursor:pointer}.menuSec{width:100%;height:100vh;background-color:#fff;position:fixed;transform:translateY(-100%);overflow:hidden}.menuSec .menuList{font-size:45px;line-height:100%;position:absolute;transform:translate(-50%,-55%);top:50%;left:50%;text-align:center}.menuSec .menuList div{font-weight:200}.menuSec .menuList a{font-weight:200;display:block;color:#000;line-height:3.6;transition:all .3s ease}.menuSec .menuList a:hover{text-decoration:none;cursor:pointer;color:#afafaf}.stopScroll{overflow:hidden}@media (max-width:1000px){.topNav{mix-blend-mode:difference}.topNav .navBar{justify-content:center;background:none}.topNav .navBar .brandName{font-size:4.9vw;color:#fff}.topNav .navBar .goFooter{position:absolute;right:2%;font-size:11px}.topNav .navBar .goFooter div,.topNav .navBar .menu{display:none}}.footer{background-color:#000;height:100vh;color:#fff;padding:40px 100px 25px 100px;position:relative;min-height:1000px}.footer h1{font-weight:700}.footer .footerTop{display:flex;position:relative;top:30%}.footer .footerDscr{color:#c4c4c4}.footer .L_Sec{width:40%}.footer .L_Sec .footerDscr{font-weight:200}.footer .R_Sec{width:60%}.footer .R_Sec .footerTable{width:80%;border-spacing:0 25px}.footer .R_Sec .footerTable td:nth-child(odd){width:25%;font-weight:200}.footer .R_Sec .footerTable td:nth-child(2n){width:100%}.footer .R_Sec .footerTable .tableDscr{margin-top:20px;font-size:13px}.footer .R_Sec .textareaName{vertical-align:top}.footer .R_Sec .footerTextarea{height:135px;resize:none;margin-bottom:20px}.footer .R_Sec tfoot{text-align:right}.footerInput{background-color:#303030;border:0;border-radius:0;outline:none;width:100%;height:33px;padding:5px 10px;color:#fff;margin:10px 0}.requestBtn{width:30%;height:45px;background-color:#676767;font-size:15px;border:none;font-weight:700}.footerBottom{position:absolute;bottom:3%;display:flex;width:90%}.footerBottom div{flex:2 1 0;color:#c4c4c4}.footerBottom div:first-child{flex:3 1 0}@media (max-width:1000px){.footer{padding:20px 40px;min-height:auto}.footer h1{font-size:34px}.footer .footerDscr{font-size:12px;word-break:keep-all}.footer .footerTop{top:50%;transform:translateY(-45%);display:block}.footer .footerTop .L_Sec{display:none}.footer .footerTop .R_Sec{width:auto}.footer .footerTop .R_Sec .footerTable{width:100%}.footer .footerTop .R_Sec .footerTable .footerTextarea{margin-bottom:20px}.footer .footerTop .R_Sec .footerTable .tableDscr{font-size:10px}.footer .requestBtn{width:50%}}