@charset "UTF-8";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css";html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,address,em,strong,i,button,input,dl,dt,dd,ol,ul,li,fieldset,form,label,select,table,caption,tbody,tfoot,thead,tr,th,td,footer,header,summary,audio,video,textarea{font-family:Pretendard,Noto Sans KR,Malgun Gothic,sans-serif}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button,table{margin:0;padding:0}fieldset,img{border:0 none}dl,ul,ol,menu,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}input,select,textarea,button{vertical-align:middle}button{border:0 none;background-color:transparent;cursor:pointer}html,body{-webkit-font-smoothing:antialiased;line-height:20px;font-family:Pretendard,Noto Sans KR;font-size:16px;letter-spacing:-.025em;background-color:#f5eee2;height:100%;overflow-x:hidden;font-weight:100;overflow:visible!important;position:static!important;transform:none!important;filter:none!important;margin:0;padding:0;width:100%}html{scroll-behavior:smooth}body,th,td,input,select,textarea,button{font-size:14px;color:#4e4444;font-weight:500}a{color:#fff;text-decoration:none;outline:none;font-weight:600}a:active,a:hover{text-decoration:none}address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}table{border-collapse:collapse;border-spacing:0;text-align:justify}main{position:relative}header .container{max-width:1920px;margin:0 auto;display:flex;justify-content:space-between;padding:28px 85px}header{top:0;left:0;width:100%;right:0;background-color:#f5eee2e6;z-index:1000;transition:top .3s ease-in-out}header.header{right:0;transition:top .3s ease;position:fixed;top:0;left:0;width:100%;z-index:999;background:#f5eee2f2;transition:transform .3s ease}header.header.hide{transform:translateY(-100%);transition:transform .3s ease}header.header.scrollUp{top:-120px}.main-navigation{display:flex;align-items:center}.main-navigation a{color:#4e4444;margin:0 30px;font-size:16px;font-weight:300;position:relative;display:inline-block;padding:8px 12px;text-decoration:none}.main-navigation a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#4e4444;transform:scaleX(0);transform-origin:bottom left;transition:transform .3s ease;will-change:transform}.main-navigation a:hover:after,.main-navigation a.active:after{transform:scaleX(1)}.overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:900}.overlay.show{display:block}.more-btn{width:32px;height:32px;position:relative}.more-btn:after{content:"";clear:both;display:block;width:48px;height:48px;background:url("./media/ico_menu-OX6NYKTW.svg") center/contain no-repeat}.side-menu{position:fixed;top:0;right:-480px;width:320px;height:100%;background:#4e4444;color:#fff;padding:48px 80px;z-index:990;transition:right .3s ease}.side-menu.open{right:0}.side-menu a{color:#fff;text-decoration:none;display:block;padding:10px 20px}.side-menu .close-btn{display:inline-block;clear:both;content:"";background-image:url("./media/ico_close-H2TJD3HA.svg");width:20px;height:20px}.side-menu nav{display:flex;flex-direction:column;gap:40px;margin-top:60px}.side-menu nav a{font-size:20px;font-weight:300;color:#b8b4b4}.side-menu nav a:hover,.side-menu nav .active{color:#fff}.side-menu h2{display:inline-block}.side-menu div{display:flex;align-items:center;justify-content:space-between}.visual-list{width:100%}.visual-list li{width:100%;height:100%;text-align:center}.visual-section{position:relative;width:100%;height:1000px}.visual-section img{width:100%;height:100%;object-fit:cover}.visual01 .main-txt{top:290px}.main-txt{position:absolute;top:225px;left:50%;transform:translate(-50%,-50%);text-align:center;color:#4e4444;padding:0 20px}.main-txt h3{font-size:3.9rem;margin-bottom:35px;line-height:1.1;width:100%;font-weight:lighter}.main-txt p{font-size:1.1rem;white-space:normal;font-weight:400}.company .main-txt{color:#fff}.company h3{width:auto}.main-txt span{font-weight:300;margin-top:20px;display:block;line-height:1.7;position:relative}.img-wrapper{width:100%;max-width:1763px;margin:0 auto;height:auto}.img-wrapper:before{content:"";position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);width:100%;height:480px;background:url("./media/img_circle-5GSFOYDQ.svg");background-repeat:no-repeat;background-position:center;background-size:contain;max-width:1763px}.txt-wrapper{position:absolute;top:60%;display:flex;width:96%;max-width:1732px}.txt-wrapper li{display:flex;justify-content:center;align-items:center;flex-direction:column;width:25%;color:#fff}.txt-wrapper span{font-size:15px;display:block;font-weight:300;margin-bottom:20px}.txt-wrapper b{font-weight:100;font-size:40px;line-height:1.2;text-align:center}.work{display:flex;justify-content:center;padding:110px 16px 40px;max-width:1000px;margin:0 auto}.left-area{width:33%;margin-right:20px}.left-area h3{font-size:3.9rem;font-weight:lighter;line-height:1.1;margin-top:60px}.left-area b{font-size:1.1rem;font-weight:400;margin-top:50px;display:block}.left-area p{margin-top:10px;font-weight:400}.right-area{width:535px;overflow:hidden}.right-area h5{font-size:2rem;font-weight:lighter;margin-bottom:75px}.right-area b{font-size:2rem;font-weight:lighter;margin-bottom:20px}.right-area p{padding-bottom:56px;margin-top:20px}.right-area li{display:flex;flex-direction:column;gap:50px}.arrow{display:flex;gap:8px}.arrow button.prev:enabled{background-image:url("./media/btn_left_on-KJI72NYI.svg")}.arrow button.next:enabled{background-image:url("./media/btn_right_on-SADQXJ3X.svg")}.arrow button.prev:disabled{background-image:url("./media/btn_left_off-UEFVGQBN.svg")}.arrow button.next:disabled{background-image:url("./media/btn_right_off-EMZ7TFDY.svg")}.arrow button:disabled{cursor:default;opacity:.6}.arrow button{width:64px;height:64px;border:none;padding:0;background-repeat:no-repeat;background-size:contain;cursor:pointer}.slides{display:flex;transition:transform .4s ease}.slide{flex:0 0 100%;box-sizing:border-box;padding:60px 0 40px}.slide div{border-bottom:1px solid #4E4444;height:300px}.project{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.project::-webkit-scrollbar{display:none}.project-list{width:100%;position:relative;padding:0 64px}.project-list ul{display:flex;gap:24px;margin:50px 0}.project-list li{position:relative;flex-shrink:0;width:870px;height:900px;cursor:pointer;background-position:center}.project-list li:nth-child(1){background-image:url("./media/img_app01-4IJAINJH.png")}.project-list li:nth-child(2){background-image:url("./media/img_app02-P4DYVFBZ.png")}.project-list li:nth-child(3){background-image:url("./media/img_app03-B25WHIRA.png")}.project-list li div{background-color:#fff;position:absolute;left:20px;right:20px;bottom:20px;color:#4e4444;padding:20px;font-weight:lighter}.project-list li p{display:block;font-size:24px;font-weight:300;margin-bottom:12px}.project-list li span{display:block;font-size:13px;color:#898989}.project-list li b{display:flex;margin-top:24px;font-weight:300;font-size:13px;color:#898989;align-items:center;gap:5px}.ico-dot:before{content:"";display:block;width:3px;height:3px;background-image:url("./media/ico_dot-WL7QDNZM.svg");background-size:contain;background-repeat:no-repeat}.block-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.contact{margin:0 auto;text-align:center}.contact>div{padding-top:120px}.contact>div h3{font-size:64px;line-height:1;font-weight:100;margin:0 auto}.contact>div p{margin-top:30px;font-weight:300;font-size:1rem}.contact-form{display:flex;flex-wrap:wrap;gap:48px 40px;max-width:1320px;margin:100px auto}.field{flex:1 1 calc(50% - 20px)}.field.full{flex:1 1 100%}.field label{display:block;margin-bottom:8px;font-size:1rem;text-align:left}.email{display:flex;align-items:center;gap:8px;align-items:initial}.email .half{flex:1}.email input,.field input,.email select{width:100%;border:none;border-bottom:1px solid #333;padding:13px 0;background:transparent;box-sizing:border-box;border-radius:0}.bg-brown{background-color:#4e4444}footer{color:#fff}.footer-wrap{padding:80px;display:flex;justify-content:space-between}footer .company-logo{width:182px}footer .company-logo:before{display:block;content:"";background-image:url("./media/logo_w-KUDPCTXO.svg");width:81px;height:64px;padding-bottom:22px;background-repeat:no-repeat}footer .company-logo p{font-weight:300}footer .company-info{display:flex;justify-content:space-between;font-weight:300}footer .company-info .address{width:430px}footer .company-info .mail{margin-top:32px}footer .company-info .footer-menu a{font-weight:300}.footer-menu p{margin-bottom:10px}footer .company-info:nth-child(1){margin-right:20px}#footer{position:relative}.btn-type2{color:#fff;background-color:#4e4444;padding:20px 15px;text-align:center;position:fixed;bottom:0;right:60px;width:300px;border-radius:3px}.btn-type3{border:1px solid #4E4444;padding:16px 20px;width:200px;text-align:left;transition:background-color .3s ease}.btn-type3 .btn-arrow{background-image:url("./media/ico_arrow_right_b-ZJ7EEMHT.svg");background-repeat:no-repeat;background-position:right;display:flex;width:100%}.btn-type3:hover{background-color:#4e4444}.btn-type3:hover .btn-arrow{color:#fff;background-image:url("./media/ico_arrow_right_w-RQYVQ7DW.svg")}.chat{position:fixed;bottom:30px;right:20px;z-index:999;transition:bottom .3s ease}#topBtn{display:none;position:fixed;bottom:75px;right:60px;width:64px;height:64px;background-image:url("./media/ico-top-btn-S6UKV3BX.svg");background-repeat:no-repeat;background-size:contain;text-indent:-9999px;z-index:99999!important;cursor:pointer}body.menu-open #topBtn{display:none!important}#topBtn{opacity:1;pointer-events:auto;transition:opacity .3s ease}body.menu-open #topBtn{opacity:0;pointer-events:none}.fixed-buttons{position:fixed;bottom:40px;right:20px;z-index:999;display:flex;flex-direction:column;gap:10px;transition:transform .3s ease;transition:transform .6s ease}.sub{margin-top:120px}.project-info{margin:0 auto}.project-info section{display:flex;gap:40px;margin-top:120px}.project-txt{max-width:640px;margin-top:20px}.project-txt h1{font-weight:300;font-size:24px;margin-bottom:15px}.project-txt b{display:flex;align-items:center;gap:5px;font-weight:300;font-size:14px;margin-bottom:60px;color:#898989}.date{font-weight:200;margin-bottom:24px}.project-txt p{font-size:15px;font-weight:300;margin-bottom:30px;width:80%}.project-txt h2{font-weight:300;margin-bottom:18px}.project-txt li:before{clear:both;content:"";display:inline-block;background-image:url("./media/ico_dot_b-PNNY7JQK.svg");background-repeat:no-repeat;background-position:center;width:6px;height:20px;padding-right:10px}.project-txt li{font-weight:300;font-size:15px}.project-txt ul{margin-bottom:30px}.project-txt p span{font-weight:300;color:#898989;padding-top:10px;display:block}.gallery{flex-direction:column;padding:80px 64px 140px}.gallery img{padding:0;box-sizing:border-box}.gallery img:last-child{margin-right:0}.gallery-wrap{display:flex;gap:24px}.gallery h2{color:#4e4444;font-size:24px;font-weight:300}.circle-button{width:72px;height:72px;border:2px solid #888;border-radius:50%;background-color:#fff;font-size:13px;color:#3a3131;display:flex;justify-content:center;align-items:center;text-decoration:none;transition:all .3s ease;cursor:pointer;font-weight:300}.circle-button:after{clear:both;content:"";display:inline-block;background-image:url("./media/ico_arrow_right-SKHKSJK2.svg");width:20px;height:20px;background-size:70%;background-position:right;padding-left:5px;background-repeat:no-repeat}.circle-button:hover{box-shadow:0 0 8px #0003;transform:scale(1.05)}.circle-button span{width:30px;line-height:1}.btn-set{display:flex;gap:10px}.bg{background-color:#00000080;width:100%;height:100%}.message-box{display:inline-block;background:#fff;padding:40px 30px 30px;border-radius:10px;box-shadow:0 8px 20px #0000001a;text-align:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:200px}.message-box h2{color:#000;font-weight:600;font-size:1.2rem}.message-box p{margin-top:10px;font-size:18px;color:#555;font-size:.8rem;line-height:1.4}.message-box a{display:inline-block;margin-top:25px;text-decoration:none;background:#3d7fff;color:#fff;font-size:.7rem;padding:6px 15px;font-weight:500;border-radius:6px;transition:background .3s}.message-box a:hover{background:#2d5fcc}@media (max-width: 768px){.logo img{height:60px}header .container{padding:20px 16px}.side-menu{width:240px}.main-wrap{margin:0}.main-txt{top:180px;width:80%}.main-txt p{white-space:normal;word-break:keep-all;line-height:1.5;font-size:1.2rem;font-weight:200}.main-txt span{font-weight:200}.more-btn .icon{background-size:80%}.contact>div h3{font-size:34px;width:100%}.contact>div h3 br{display:none!important}.img-wrapper:before{width:90%;top:56%}.img-wrapper{width:90%}.company .main-txt{margin-top:50px}.txt-wrapper{padding:0;top:43%;display:flex;max-width:618px;min-height:388px}.txt-wrapper li{display:flex;flex-direction:column;align-items:center;text-align:center;width:23%}.txt-wrapper span{font-size:1.2rem;font-weight:300;margin-bottom:80px;width:80px}.txt-wrapper b{font-weight:200;line-height:1.2;padding:0;height:50px;display:flex;font-size:1.3rem}.left-area{width:auto}.left-area h3{margin-top:0}.left-area h3,.company h3,.main-txt h3{font-size:34px}.left-area b{width:300px;word-break:keep-all;line-height:1.5;font-weight:300}.left-area p{width:290px;word-break:keep-all;margin-top:20px}.right-area h5{margin-bottom:50px;font-weight:200;font-size:30px}.right-area b{font-size:26px}.right-area p{font-weight:300;width:510px}.right-area{width:auto}.slides{display:flex;flex-direction:column;margin:60px 0 40px}.slide{padding:0}.project-list{padding:0 16px;margin:0}header.header.scrollUp{top:-100px}.work,.footer-wrap,.project-txt ul{flex-direction:column}.more-btn:after{width:32px;height:32px}.contact{margin:16px}.contact-form{gap:48px 20px}#topBtn{bottom:70px;right:0}.btn-type2{right:0;width:auto;white-space:nowrap;padding:16px 26px}.main-navigation,.slide>div{display:none}.company .slide,.slide>div.show{display:block}footer .company-logo:before{background-size:80%}.company-info{display:flex;flex-direction:column;padding-top:24px}footer .company-info .address{width:200px;display:inline-block}footer .company-info .number{width:150px}.footer-wrap{padding:40px 16px;flex-direction:column}.footer-menu{display:flex;flex-direction:column;margin-top:100px}.project-info section{gap:20px;display:flex;flex-direction:column}.project-info img{width:100%}.project-txt section{gap:20px}.project-txt h1{line-height:1.3}.project-txt li{width:auto;display:flex}.project-txt ul{flex-direction:column}.project-txt li a{right:25px;bottom:25px;left:25px}.project-txt li p{line-height:1.5;width:250px}.project-txt img{width:100%}.project-txt{margin:16px}.gallery{padding:20px 16px 92px}.gallery h2{font-size:20px}.gallery-wrap{display:grid;grid-template-columns:1fr 1fr;gap:15px}.gallery{padding:20px 16px 55px}}@media (max-width: 430px){.logo img,.side-menu img{height:40px}.side-menu{width:269px;padding:48px 16px}.visual-section{height:812px}.visual-section img{display:none}.visual01{top:-40px}.visual01 .main-txt{top:255px}.visual01:before,.visual02:before,.visual03:before,.visual04:before,.visual05:before{content:"";display:block;width:100%;max-width:100vw;height:812px;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative}.visual01:before{background-image:url("./media/img_visual_m_01-QMR4KWTH.png");top:-40px}.visual02:before{background-image:url("./media/img_visual_m_02-R3IYFCA3.png")}.visual03:before{background-image:url("./media/img_visual_m_03-CMXW2OVC.png")}.visual04:before{background-image:url("./media/img_visual_m_04-7BHNEKPE.png")}.visual05:before{background-image:url("./media/img_visual_m_05-4OM2PXTZ.png")}.main-txt{top:150px;padding:0}.main-txt p{font-size:.9rem;font-weight:300;margin:20px auto}.main-txt span{padding:0 16px;font-weight:100}.company .main-txt{margin-top:100px}.project{display:flex}.project-list{padding:0 16px}.project-list ul{flex-direction:column}.project-list li{width:100%;background-repeat:no-repeat;background-position:top;background-size:cover}.project-list li:nth-child(1){background-image:url("./media/img_sub_app_01-CZZZEFUP.png")}.project-list li:nth-child(2){background-image:url("./media/img_sub_app_02-RI33QC43.png")}.project-list li:nth-child(3){background-image:url("./media/img_sub_app_03-74XPGFN7.png")}.project-list li{height:810px}.project-list li p{line-height:1.2;color:#898989}.field label,.main-txt span,.left-area p{font-size:.8rem}.txt-wrapper{top:49%;width:82%;gap:14px;margin:0 30px}.txt-wrapper span{width:65px;text-align:center;line-height:1.2;margin-bottom:45px;font-weight:300;font-size:.7rem}.txt-wrapper b{line-height:1.3;font-size:1rem}.img-wrapper:before{top:67%}.img-wrapper{width:auto}.left-area b{width:250px}.left-area p{width:300px}.right-area h5{font-size:1.6rem;margin-bottom:40px}.right-area p{padding-bottom:0;width:300px}.right-area b{font-size:25px}.slide div{height:300px}.work{margin-top:0}.contact-form{display:block;margin:50px 16px 130px}.contact>div{width:300px;margin:0 auto;padding-top:0}.field{margin-bottom:40px}.btn-type2{white-space:nowrap;width:auto;padding:16px 26px}.btn-type3{margin:0;width:auto}#topBtn{display:none!important}}