@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}.drag-prevent{-ms-user-select:none;-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none}.loading{display:inline-block;width:25px;height:25px;vertical-align:middle;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(1turn)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}.bg_black{background-color:#000;transition:.8s}.bg_white{background-color:#fff;transition:.8s}.opacity-60{opacity:60%}*{font-family:ObjektivMk3,AppleSDGothicNeo,sans-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:#00438a}.intro .introCenter{position:relative;transform:translate(-50%,-50%);top:50%;left:50%;width:100%}.intro .introCenter .introImg{text-align:center}.intro .introCenter img{min-width:155px;max-width:250px;width:10vw}.intro .introCenter .introText{text-align:center;font-size:35px;margin-top:4vw;text-transform:uppercase}.intro .introCenter .introText div{font-weight:100}@media (max-width:1000px){.intro{padding:0 40px}.intro .introCenter .introText{font-size:clamp(20px,5vw,24px)}}.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%}}@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;margin:50px 0 0 0}.portfolio .viewArea{width:70%;margin:0 auto}.portfolio .title{font-size:40px;font-weight:700;padding:200px 0 100px;text-align:center}.portfolio .viewFlex{display:flex;flex-wrap:wrap;justify-content:flex-start}.portfolio .viewFlex div{height:300px;padding:5px;flex-basis:33.3333%;cursor:pointer}.portfolio .viewFlex div img{border-radius:5px;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.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-top:min(75px,25vw)}.portfolio .viewArea{width:100%}.portfolio .viewArea ul li{height:35%;padding:5px}.portfolio .title{display:none;font-size:24px;padding:40px 0}.portfolio .logofolio{display:none}.portfolio .viewFlex div{height:180px;padding:0;flex-basis:100%}.portfolio .viewFlex div img{border-radius:0;width:100%;height:100%}}.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,.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}}.categoryList{background-color:#fff;margin-bottom:15vh}.categoryList .categoryText{width:50%;margin:0 auto 100px;padding-top:230px;text-align:center}.categoryList .categoryText .description{font-size:1vw;text-transform:uppercase;margin-bottom:-4px;padding:5px 0;color:#9c9c9c}.categoryList .categoryText .categoryName{margin-bottom:50px;text-transform:uppercase;font-size:2vw;font-weight:700;letter-spacing:10px}.categoryList .contents{display:flex;margin:0 auto;flex-wrap:wrap;width:70%}.categoryList .contents img{width:100%;-o-object-fit:cover;object-fit:cover;height:100%}.categoryList .contents div{margin:10px;width:calc(33.3333% - 20px);width:-o-calc(33.3333% - 20px);text-align:center;cursor:pointer;height:500px}@media (max-width:1000px){.categoryList .categoryText{padding-top:150px;width:97%;margin:0 auto 50px}.categoryList .categoryText .description{font-size:2.3vw}.categoryList .categoryText .categoryName{font-size:14px;font-weight:400;margin-bottom:30px}.categoryList .contents{width:90%}.categoryList .contents div.contentsItem{margin:5px;width:100%}.categoryList .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%;height:80%;padding:10px}.adminBoard .selectOption{margin:0 20px 20px 0;display:inline-block;font-weight:700}.adminBoard .boardCategory{border-radius:5px;padding:auto}.adminBoard .note-editable{text-align:center}.adminBoard .postTitle{width:90%;height:30px;padding-left:5px;border:1px solid #ddd}.contentView{padding:10% 0;text-align:center;width:70%;margin:0 auto}.contentView div:first-child{font-family:Gmarket;font-size:30px;font-weight:500}.contentView div:nth-child(2){font-family:Pretendard;color:#262626;text-align:left;font-size:16px;text-align:center;margin:5px 0 30px}.contentView p>img{width:min(750px,60%)!important}@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}.detailBtn button{width:50px;margin:2px;padding:5px;background-color:#00438a;color:#fff;border-radius:5px;border:0;height:30px;font-size:15px;font-weight:300}.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:15px 60px 15px 60px;display:flex;align-items:center;justify-content:space-between;color:#000;background:#fff;filter:invert(0)}.topNav .navBar .goFooter{padding-right:35px}.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}.topNav .navBar .navBarStart{min-width:225px}.topNav .navBar .navBarEnd{min-width:225px;align-items:center;display:flex;flex-direction:row}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:#00438a;transition:.3s}input[id=menu]+label span:first-child,input[id=menu]+label span:nth-child(2),input[id=menu]+label span:nth-child(3){width:100%}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{cursor:pointer}.brandName img{vertical-align:middle;width:155px}.goFooter div{display:block;font-size:20px;color:#00438a;cursor:pointer}.menuSec{width:18vw;height:100vh;background-color:#fff;position:fixed;overflow:hidden;right:-25vw}.menuSec .menuList{font-size:32px;line-height:100%;position:absolute;transform:translate(-50%,-55%);top:38%;left:50%;text-align:center}.menuSec .menuList a{font-weight:700;display:block;color:#000;line-height:1.6;transition:all .3s ease}.menuSec .menuList a:hover{text-decoration:none;cursor:pointer;color:#afafaf}.menuSec .menuBottom{position:absolute;bottom:10%;left:50%;transform:translate(-50%,-55%)}.menuSec .menuBottom img{max-width:250px;width:15vw}.stopScroll{overflow:hidden}@media (max-width:1000px){.topNav{top:0}.topNav .navBar{padding:10px 20px 10px 20px}.topNav .navBar .navBarStart{display:none}.topNav .navBar .brandName{font-size:4.9vw;color:#fff}.topNav .navBar .brandName img{background-color:#fff;width:min(155px,45vw)}.topNav .navBar .goFooter{position:absolute;right:2%;font-size:11px;display:none}.topNav .navBar .navBarEnd{min-width:0}.menuSec{width:100%;right:-100%}.menuSec .menuList{font-size:min(8vw,30px);line-height:100%;position:absolute;transform:translate(-50%,-55%);top:38%;left:50%;text-align:center}.menuSec .menuList div{font-weight:200}.menuSec .menuList a{font-weight:200;display:block;color:#000;line-height:1.6;transition:all .3s ease}.menuSec .menuList a:hover{text-decoration:none;cursor:pointer;color:#afafaf}.menuSec .menuBottom{display:none}}.footer{background-color:#00438a;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%;max-width:1800px;margin:0 auto;align-items:center}.footer .footerDscr{color:#c4c4c4}.footer .L_Sec{width:50%;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-around;flex-direction:column;align-items:center}.footer .L_Sec .logoimg{position:absolute;width:325px;left:3%;opacity:.1}.footer .L_Sec div{margin:15px 0;text-align:center}.footer .L_Sec div img{max-width:85px;filter:invert(99%) sepia(9%) saturate(0) hue-rotate(242deg) brightness(113%) contrast(100%)}.footer .L_Sec div:not(:nth-of-type(2)) span{margin-top:15px}.footer .L_Sec span{text-align:center;position:relative;display:inline-block}.footer .R_Sec{width:50%;max-width:600px}.footer .R_Sec h1{font-size:25px;margin-bottom:10px;margin-top:0}.footer .R_Sec .tableTitle{margin:10px 0 5px 0;display:inline-block;font-size:16px}.footer .R_Sec h1:before{content:"";display:block;width:20px;border-bottom:6px solid #fff;height:0;margin-bottom:20px}.footer .R_Sec .footerTable{width:100%;border-spacing:0 25px}.footer .R_Sec .footerTable .tableDscr{margin-top:20px;font-size:13px}.footer .R_Sec .textareaName{vertical-align:top}.footer .R_Sec .footerTextarea{width:99.5%;height:135px;resize:none;margin-bottom:5px}.footer .R_Sec .viewFlex{justify-content:space-between;margin-top:10px;width:99.5%}.footer .R_Sec .viewFlex>div{font-size:11px}.footer .R_Sec .checkSec .toggle-checkbox{position:relative;display:inline-block;white-space:nowrap;margin:1px;margin-right:2px}.footer .R_Sec .checkSec .toggle-checkbox input{display:none}.footer .R_Sec .checkSec .text{display:inline-block;color:#000;font-weight:300;font-size:16px;white-space:nowrap;overflow:hidden;background-color:#fff;padding:5px;border-radius:5px;cursor:pointer;transition:color .5s,background-color .5s}.footer .R_Sec .checkSec input:checked+.text{color:#fff;background-color:#2196f3}.footerInput{background-color:#fff;border:0;border-radius:5px;outline:none;width:99%;height:33px;padding:5px 10px;color:#004988;margin:5px 0}.footerInput::-moz-placeholder{color:#004988}.footerInput:-ms-input-placeholder{color:#004988}.footerInput::placeholder{color:#004988}.amountText:after{content:"권"}.amountText:after,.budgetText:after{position:absolute;top:11px;right:10px}.budgetText:after{content:"원"}.amountText,.budgetText{position:relative;color:#000}.amountText input,.budgetText input{padding-right:25px}.requestBtn{width:20%;height:45px;background-color:#2596f1;border-radius:5px;font-size:15px;border:none}.requestBtn span{font-weight:700}.requestBtn2{width:50%;height:45px;background-color:#00bcd4;border-radius:5px;font-size:14px;border:none;color:#fff}.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:645px){.footer .footerTop .L_Sec div img{max-width:55px}.footer .footerTop .L_Sec div p{font-size:7px;width:150px;position:absolute;top:70%;left:50%;transform:translate(-50%,45%)}}@media (max-width:1000px){.footer{padding:20px 30px}.footer h1{font-size:34px}.footer .footerDscr{font-size:12px;word-break:keep-all}.footer .footerTop{top:50%;transform:translateY(-50%);display:block}.footer .footerTop .L_Sec{width:100%;flex-wrap:nowrap;padding:0;flex-direction:row}.footer .footerTop .L_Sec .logoimg{display:none}.footer .footerTop .L_Sec span{font-size:max(9px,min(1vw,20px))}.footer .footerTop .L_Sec div{margin:0;width:30%;height:120px}.footer .footerTop .R_Sec{width:100%;margin:0 auto}.footer .footerTop .R_Sec .viewFlex{flex-wrap:wrap;height:190px}.footer .footerTop .R_Sec .viewFlex>div{font-size:9px;word-break:keep-all}.footer .footerTop .R_Sec .footerTable{width:100%}.footer .footerTop .R_Sec .footerTable .footerTextarea{width:99.5%;margin-bottom:20px}.footer .footerTop .R_Sec .footerTable .tableDscr{font-size:10px}.footer .requestBtn{width:50%;position:relative;left:50%}}