html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:inherit;vertical-align:top;color:inherit;border:0;margin:0;padding:0}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{outline:none;text-decoration:none}select,input,textarea{vertical-align:middle;box-shadow:none;outline:0;margin:0;padding:0}*{-webkit-text-size-adjust:none;box-sizing:border-box}html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:inherit;vertical-align:top;color:inherit;box-sizing:border-box;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-family:Pretendard,Noto Sans KR,맑은 고딕,Malgun Gothic,sans-serif,generic-family;line-height:inherit}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{cursor:pointer;outline:none;text-decoration:none}img{vertical-align:top}select,input,textarea{vertical-align:middle;box-shadow:none;border:0;outline:0;margin:0;padding:0}caption{text-indent:-9999px;height:0;font-size:0}button{background:0 0;border:none;padding:0}.inputRadio,.inputCheck{margin-top:-3px}.mt0{margin-top:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.mt50{margin-top:50px!important}.mt60{margin-top:60px!important}.mt70{margin-top:70px!important}.mt80{margin-top:80px!important}.mt90{margin-top:90px!important}.mt100{margin-top:100px!important}.ml0{margin-left:0!important}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.ml30{margin-left:30px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb25{margin-bottom:25px!important}.mb30{margin-bottom:30px!important}.mb35{margin-bottom:35px!important}.mb40{margin-bottom:40px!important}.mb45{margin-bottom:45px!important}.mb50{margin-bottom:50px!important}.mb60{margin-bottom:60px!important}.mb70{margin-bottom:70px!important}.mb80{margin-bottom:80px!important}.mb90{margin-bottom:90px!important}.mb100{margin-bottom:100px!important}.pb0{padding-bottom:0!important}.fl{float:left}.fr{float:right}.pointer{cursor:pointer}.clear{clear:both}.hidden{overflow:hidden}.none{display:none}.skipAccess{z-index:9999;position:absolute;top:0;left:0}.skipAccess li a{width:1px;height:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;display:block;position:absolute;top:0;left:0}.skipAccess li a:focus,.skipAccess li a:hover,.skipAccess li a:active{color:#fff;text-align:center;background-color:#000;width:130px;height:25px;margin:0;font-size:1em;line-height:25px}:root{--white-color:#fff;--black-color:#111;--common-color:#078eb9;--point-color:#1d7de7;--gray-color:#6e6e6e;--gray-title-color:#a5a5a5;--sub-font-color:#666;--color-border:#eee}body{letter-spacing:-1px;color:#222;font-size:62.5%}html{font-size:62.5%}section.sub{padding:80px 0 0}#container{height:100%}.contents{background:var(--white-color);justify-content:center;align-items:center;height:70vh;display:flex;position:relative}.bg-gray{background:#f1f3f6}.bg-gray2{background:#eee}.bg-sky{background:#ebf3ff}.bg-red{background:red!important}.inBox{width:100%;max-width:1000px;margin:45px auto 0}.inner{max-width:1400px;margin:0 auto}.txt-gray{color:#959595}.add-bottom{color:#262626;font-size:2.8rem;font-weight:700}.center{text-align:center;margin-top:30px}.tal{text-align:left;padding-left:10px!important}.bold{color:#111;font-size:16px;font-weight:700}.box-horizon{padding-bottom:10px;overflow-x:auto}.box-horizon .in-horizon{min-width:590px}.box-horizon .in-horizon.no-2{min-width:800px}#clock{color:#1d7de7;font-size:2rem;font-weight:700}.txt-bottom{color:#aaa;margin-top:10px;font-size:1.5rem}.h2{height:63px}.b-n{border:none!important}.b-b-n{border-bottom:none!important}.link-arrow{color:var(--point-color);font-size:2rem;transition:all .4s ease-in-out;position:relative}.link-arrow i{position:absolute;top:50%;right:-3rem;transform:translateY(-50%)}.modal-close-btn{cursor:pointer;width:24px;height:24px}#header{z-index:999;width:100%;height:90px;position:fixed}#header.on{-webkit-backdrop-filter:blur(5px);background:#fff3;border-bottom:1px solid #ffffff4d;box-shadow:0 2px 30px #0000001a;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}#header .header-wrap{height:100%;margin:0 auto;padding:0 5vw;font-size:2rem}#header .header-wrap .nav{justify-content:space-between;align-items:center;height:100%;display:flex}#header .header-wrap .nav .header-logo{font-size:2.5rem}#header .header-wrap .nav .nav-list{justify-content:space-between;align-items:center;width:50%;height:100%;display:flex}#header .header-wrap .nav .nav-list li{height:100%}#header .header-wrap .nav .nav-list li a{height:100%;color:var(--black-color);justify-content:center;align-items:center;transition:all .3s;display:flex}#header .header-wrap .nav .nav-list li a:hover{color:var(--point-color)}#footer{background:var(--black-color);width:100%;height:120px;position:relative}#footer .footer-wrap{justify-content:center;align-items:center;height:100%;margin:0 auto;padding:0 5vw;display:flex}#footer .footer-wrap p{color:var(--gray-color);font-size:1.4rem}.modal-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:15px;display:flex;position:fixed;top:0;left:0}.modal-overlay .modal-content{width:100%;max-width:980px;max-height:calc(100svh - 200px);color:var(--black-color);background-color:var(--white-color);flex-direction:column;display:flex;position:relative;box-shadow:0 10px 40px #0003}.modal-overlay .modal-content .modal-header{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 25px;padding:16px 0;display:flex;position:relative}.modal-overlay .modal-content .modal-header .modal-title{text-overflow:ellipsis;white-space:nowrap;margin:0 15px 0 0;font-size:2.4rem;font-weight:700;overflow:hidden}.modal-overlay .modal-content .modal-body{padding:20px;font-size:2rem;overflow-y:auto}.modal-overlay .modal-content .modal-body .modal-content-wrap .category,.modal-overlay .modal-content .modal-body .modal-content-wrap .desc{word-break:keep-all;font-size:1.6rem;font-weight:400;line-height:1.4}.modal-overlay .modal-content .modal-body .modal-content-wrap .modal-links{flex:2%;margin-top:10px;display:flex}.modal-overlay .modal-content .modal-body .modal-content-wrap .modal-links a{font-size:1.6rem}.modal-overlay .modal-content .modal-body .modal-content-wrap .modal-img-item{width:100%;margin-bottom:20px}.modal-overlay .modal-content .modal-body .modal-content-wrap .modal-img-item img{border-radius:10px;width:100%;height:auto}.modal-overlay .modal-content .modal-body .modal-content-wrap .modal-img-item:first-of-type{display:none}.modal-overlay .modal-content .modal-body .modal-content-wrap .modal-item-info{font-size:1.6rem;font-weight:400;line-height:1.4;display:flex}.modal-overlay .modal-content .modal-body .modal-content-wrap .modal-item-info dt{margin:0 10px;font-weight:700}@media (width<=768px){#header{height:65px}#header .header-wrap{font-size:1.8rem}.link-arrow{font-size:1.6rem}.link-arrow i{right:-2rem}.modal-close-btn{width:16px;height:16px}.modal-close-btn img{width:100%}.modal-overlay .modal-content{max-width:680px;max-height:calc(100svh - 200px)}.modal-overlay .modal-content .modal-header{margin:0 15px;padding:12px 0}.modal-overlay .modal-content .modal-header .modal-title{width:90%;margin:0 15px 0 0;font-size:1.6rem;overflow:hidden}.modal-overlay .modal-content .modal-body{padding:20px;font-size:1.6rem}.modal-overlay .modal-content .modal-body .modal-content-wrap .category,.modal-overlay .modal-content .modal-body .modal-content-wrap .desc{font-size:1.5rem}.modal-overlay .modal-content .modal-body .modal-content-wrap .modal-img-item{margin-bottom:20px}.modal-overlay .modal-content .modal-body .modal-content-wrap .modal-item-info{flex-direction:column;font-size:1.5rem}.modal-overlay .modal-content .modal-body .modal-content-wrap .modal-item-info dt{margin:0;font-weight:700}}@media (width<=480px){#header{height:53px}#header .header-wrap .nav .header-logo{font-size:2.1rem}#header .header-wrap .nav .nav-list{display:none}.link-arrow{margin-top:5px;font-size:1.4rem;display:inline-block}.link-arrow i{right:-2rem}.modal-overlay .modal-content{max-width:430px;max-height:calc(100svh - 100px)}.modal-overlay .modal-content .modal-header{margin:0 10px}.modal-overlay .modal-content .modal-header .modal-title{margin:0 10px 0 0;font-size:1.4rem}.modal-overlay .modal-content .modal-body{padding:5px 10px;font-size:1.4rem}.modal-overlay .modal-content .modal-body .modal-content-wrap .category,.modal-overlay .modal-content .modal-body .modal-content-wrap .desc{font-size:1.4rem}.modal-overlay .modal-content .modal-body .modal-content-wrap .modal-img-item{margin-bottom:10px}.modal-overlay .modal-content .modal-body .modal-content-wrap .modal-item-info{font-size:1.4rem}}.main{background:url(/assets/main_bg-d3LC1_GV.png) 0 0/cover no-repeat;height:100%;position:relative}.main .main-inner{max-width:1400px;margin:0 auto;padding:10vw 8vw 7vw}.main .main-inner h2{color:var(--black-color);text-align:center;font-size:8rem;font-weight:700}.main .main-inner p{color:var(--gray-color);word-break:keep-all;margin-top:8rem;font-size:2rem;line-height:1.8}.main .main-inner p span{margin-top:10px;display:block}.sec{height:100%;margin:0 auto;position:relative}.sec .sec-inner{height:100%;padding:5vw 8vw}.sec .sec-inner h3{color:var(--gray-title-color);margin-bottom:5rem;font-size:2.4rem;font-weight:400}.sec01 .about-wrap .about-box{flex-wrap:wrap;justify-content:space-between;gap:2%;display:flex}.sec01 .about-wrap .about-box.container-md{width:90%;max-width:1400px;margin:0 auto}.sec01 .about-wrap .about-box:first-of-type .about-txt{width:calc(100% - 450px)}.sec01 .about-wrap .about-box h5{font-size:clamp(2rem,2.8vw,2.8rem);font-weight:700}.sec01 .about-wrap .about-box .about-img{object-fit:cover;aspect-ratio:42/51;background-color:var(--white-color);border-radius:3rem;width:42rem;margin-bottom:2rem;overflow:hidden}.sec01 .about-wrap .about-box .about-img img{object-fit:cover;width:100%;height:100%}.sec01 .about-wrap .about-box .about-txt{word-break:keep-all;font-size:2rem;line-height:1.6}.sec02 .work-wrap .work-list{flex-wrap:wrap;gap:2%;display:flex}.sec02 .work-wrap .work-list li{width:48%;margin-bottom:6rem}.sec02 .work-wrap .work-list li a{width:100%;display:inline-block}.sec02 .work-wrap .work-list li a .work-img{width:100%;height:100%;display:block}.sec02 .work-wrap .work-list li a .work-img img{border-radius:20px 20px 0 0;width:100%;height:100%}.sec02 .work-wrap .work-list li .work-txt{margin-top:15px}.sec02 .work-wrap .work-list li .work-txt h5{word-break:keep-all;font-size:clamp(2rem,3vw,3rem);font-weight:700}.sec02 .work-wrap .work-list li .work-txt p{color:var(--sub-font-color);font-size:clamp(1.5rem,2vw,2.2rem);line-height:2}.sec03 .project-wrap .project-list{flex-wrap:wrap;gap:2%;display:flex}.sec03 .project-wrap .project-list li{width:48%;margin-bottom:6rem}.sec03 .project-wrap .project-list li a{width:100%;display:inline-block}.sec03 .project-wrap .project-list li a .project-img{width:100%;height:100%;display:block}.sec03 .project-wrap .project-list li a .project-img img{border-radius:20px 20px 0 0;width:100%;height:100%;box-shadow:3px 0 7px #6c6c6c1a}.sec03 .project-wrap .project-list li .project-txt{margin-top:15px}.sec03 .project-wrap .project-list li .project-txt h5{word-break:keep-all;font-size:clamp(2rem,3vw,3rem);font-weight:700}.sec03 .project-wrap .project-list li .project-txt p{color:var(--sub-font-color);font-size:clamp(1.5rem,2vw,2.2rem);line-height:2}.sec03 .modal-content-wrap .category,.sec03 .modal-content-wrap .desc{display:none}.sec04 .contact-wrap{position:relative}.sec04 .contact-wrap .contact-txt{margin-top:10rem;font-size:2rem;line-height:1.6}.sec04 .contact-wrap .contact-txt p{color:var(--block-color)}.sec04 .contact-wrap .contact-txt p span{margin-top:10px;display:block}.sec04 .contact-wrap .cont-email{margin-bottom:2rem}.sec04 .contact-wrap .cont-email p{position:relative}.sec04 .contact-wrap .cont-email p.word{font-size:70px}.sec04 .contact-wrap .cont-email p.word .letter{opacity:0;font-size:clamp(2rem,8vw,8rem);font-weight:700;transition:all .5s ease-in;display:inline-block;transform:translateY(20px)}.sec04 .contact-wrap .cont-email p.word .letter.on{opacity:1;transform:translateY(0)}@media (width<=768px){.main .main-inner{max-width:680px;padding:10vw 6vw}.main .main-inner .home-logo-wrap{margin-top:5rem}.main .main-inner h2{font-size:6rem}.main .main-inner p{margin-top:5rem;font-size:1.6rem;line-height:1.6}.sec .sec-inner{height:100%;padding:7vw 6vw}.sec .sec-inner h3{margin-bottom:3rem;font-size:2.1rem}.sec01 .about-wrap .about-box{justify-content:flex-start}.sec01 .about-wrap .about-box.container-md{width:100%;max-width:680px}.sec01 .about-wrap .about-box.container-md>div:last-child .sub-tit{margin-top:2rem}.sec01 .about-wrap .about-box:first-of-type .about-txt{width:100%}.sec01 .about-wrap .about-box h5{font-size:clamp(2rem,2.8vw,2.8rem);font-weight:700}.sec01 .about-wrap .about-box .about-img{aspect-ratio:21/26;border:1px solid var(--gray-title-color);border-radius:2rem;width:21rem;margin:0 auto 2rem}.sec01 .about-wrap .about-box .about-txt{width:100%;font-size:1.6rem;line-height:1.6}.sec01 .about-wrap .about-box .about-txt p:first-child{margin-top:1rem}.sec02 .work-wrap .work-list{flex-direction:column}.sec02 .work-wrap .work-list li{width:100%;margin-bottom:6rem}.sec02 .work-wrap .work-list li .work-txt h5{font-size:clamp(1.6rem,3vw,2rem)}.sec02 .work-wrap .work-list li .work-txt p{color:var(--sub-font-color);font-size:clamp(1.4rem,2vw,1.6rem);line-height:2}.sec03 .project-wrap .project-list{flex-direction:column}.sec03 .project-wrap .project-list li{width:100%;margin-bottom:6rem}.sec03 .project-wrap .project-list li .project-txt h5{font-size:clamp(1.6rem,3vw,2rem)}.sec03 .project-wrap .project-list li .project-txt p{color:var(--sub-font-color);font-size:clamp(1.4rem,2vw,1.6rem);line-height:2}.sec04 .contact-wrap{position:relative}.sec04 .contact-wrap .contact-txt{margin-top:5rem;font-size:1.6rem}.sec04 .contact-wrap .contact-txt p span{margin-top:5px;display:block}.sec04 .contact-wrap .cont-email{margin-bottom:2rem}.sec04 .contact-wrap .cont-email p.word{font-size:60px}.sec04 .contact-wrap .cont-email p.word .letter{font-size:clamp(2rem,8vw,6rem);transform:translateY(20px)}}@media (width<=480px){.main .main-inner{max-width:430px;padding:10vw 5vw}.main .main-inner p{margin-top:5rem;font-size:1.4rem;line-height:1.4}.sec .sec-inner{padding:3vw 5vw h3;padding-font-size:2rem;padding-margin-bottom:2rem}.sec01 .about-wrap .about-box.container-md{max-width:430px}.sec01 .about-wrap .about-box h5{font-size:clamp(2rem,2.8vw,2.4rem)}.sec01 .about-wrap .about-box .about-img{aspect-ratio:18/23;border-radius:1.5rem;width:18rem;margin-bottom:2rem}.sec01 .about-wrap .about-box .about-txt{word-break:keep-all;font-size:1.4rem}.sec02 .work-wrap .work-list li{margin-bottom:4rem}.sec02 .work-wrap .work-list li a img{border-radius:10px 10px 0 0;box-shadow:3px 0 5px #6c6c6c1a}.sec02 .work-wrap .work-list li .work-txt h5{font-size:clamp(1.6rem,3vw,1.8rem)}.sec02 .work-wrap .work-list li .work-txt p{color:var(--sub-font-color);font-size:clamp(1.2rem,2vw,1.4rem);line-height:1.6}.sec03 .project-wrap .project-list li{width:100%;margin-bottom:4rem}.sec03 .project-wrap .project-list li a img{border-radius:10px 10px 0 0;box-shadow:3px 0 5px #6c6c6c1a}.sec03 .project-wrap .project-list li .project-txt h5{font-size:clamp(1.6rem,3vw,1.8rem)}.sec03 .project-wrap .project-list li .project-txt p{color:var(--sub-font-color);font-size:clamp(1.4rem,2vw,1.6rem);line-height:1.6}.sec04 .contact-wrap{position:relative}.sec04 .contact-wrap .contact-txt{margin-top:3rem;font-size:1.4rem}.sec04 .contact-wrap .cont-email{margin-bottom:2rem}.sec04 .contact-wrap .cont-email p{position:relative}.sec04 .contact-wrap .cont-email p.word{font-size:40px}.sec04 .contact-wrap .cont-email p.word .letter{font-size:clamp(2rem,8vw,4rem);transform:translateY(10px)}}