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}.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}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%)}#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}.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);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-around;gap:2%;display:flex}.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:46/57;background-color:var(--white-color);border-radius:3rem;width:46rem;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{font-size:2rem}.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 img{border-radius:20px;width:100%;height:100%;box-shadow:3px 0 7px #6c6c6c1a}.sec02 .work-wrap .work-list li .work-txt h5{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 img{border-radius:20px;width:100%;height:100%;box-shadow:3px 0 7px #6c6c6c1a}.sec03 .project-wrap .project-list li .project-txt h5{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}.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)}