header{position:fixed;top:0;left:0;z-index:999;box-sizing:border-box;width:100%;background-color:transparent;transition:background-color .2s,border .2s}header.opaque{background-color:#686b74;border-bottom:1px solid #F4F4F4}header .innerbox{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:24px 20px}@media (width > 1279px){header .innerbox{padding:32px 0}}@media (width > 767px){header .innerbox{padding-right:40px;padding-left:40px}}@media (width > 1279px){header .innerbox{padding-right:60px;padding-left:60px}}header .innerbox .logo{width:100px;aspect-ratio:184/40;background:url(/assets/logo-15a2c5ae.svg) no-repeat center;background-size:contain}@media (width > 1279px){header .innerbox .logo{width:130px}}header .innerbox .nav-list{position:fixed;top:0;right:-100%;z-index:2;width:100%;height:100%;padding-top:54px;background:#FFF;transition:right .4s}header .innerbox .nav-list.open{right:0}header .innerbox .nav-list li{border-bottom:1px solid #EEE}header .innerbox .nav-list li button{width:100%;padding:20px;text-align:left;font-family:Pretendard,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:120%;color:#000}@media (width > 1279px){header .innerbox .nav-list{position:absolute;top:50%;right:auto;left:50%;display:flex;gap:20px;justify-content:center;width:fit-content;padding-top:0;background:transparent;transition:none;transform:translate(-50%,-50%)}header .innerbox .nav-list li{border:none}header .innerbox .nav-list li button{height:100%;font-size:20px;color:#fff}header .innerbox .nav-list li button:hover{font-weight:600}}header .innerbox .sidebar-toggle{position:absolute;top:50%;right:20px;z-index:1;width:24px;height:24px;background:url(/assets/hamburger-icon-white-b25a889e.svg) no-repeat center;transform:translateY(-50%)}@media (width > 767px){header .innerbox .sidebar-toggle{right:40px}}@media (width > 1279px){header .innerbox .sidebar-toggle{display:none}}header .innerbox .sidebar-toggle.close-icon{z-index:3;background-image:url(/assets/close-icon-primary-20b07977.svg)}.main-footer{display:flex;flex-direction:column;gap:20px;align-items:center;padding:30px 45px;background:#686B74}@media (width > 1279px){.main-footer{align-items:flex-start;padding:60px 75px}}.main-footer .sub-logo{width:100px;aspect-ratio:567/126;background:url(/assets/sub-logo-9013800f.svg) no-repeat center;background-size:contain}.main-footer .text-area{display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center;white-space:pre-line;font-family:Pretendard,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:180%;color:#ccc}@media (width > 767px){.main-footer .text-area{font-size:16px;white-space:inherit}}@media (width > 1279px){.main-footer .text-area{align-items:flex-start;width:100%;text-align:left}}.main-footer .text-area .numbers{display:flex;flex-direction:column;align-items:center}@media (width > 767px){.main-footer .text-area .numbers{display:inline-flex;flex-flow:row wrap;column-gap:10px;justify-content:center}.main-footer .text-area .numbers .owners{flex:100%}}@media (width > 1279px){.main-footer .text-area .numbers{justify-content:flex-start}}.main-footer .text-area .others{display:flex;flex-direction:column;gap:20px;align-items:center}@media (width > 1279px){.main-footer .text-area .others{flex-direction:row;justify-content:space-between;width:100%}}.main-layout{display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.title-container{display:flex;flex-direction:column;gap:50px;align-items:center;width:100%;height:100%;padding:100px 20px;margin:0 auto}@media (width > 767px){.title-container{gap:80px;background-size:contain}}@media (width > 1279px){.title-container{gap:100px}}@media (width > 1919px){.title-container{padding:200px 0}}.title-container .title{font-family:Pretendard,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:120%;color:#686b74}@media (width > 767px){.title-container .title{font-size:24px}}@media (width > 1279px){.title-container .title{font-size:36px}}@media (width > 1919px){.title-container .title{font-size:40px}}@media (width > 767px){.title-container{padding-right:40px;padding-left:40px}}@media (width > 1279px){.title-container{padding-right:60px;padding-left:60px}}@media (width > 767px){.title-container{max-width:1000px}}@media (width > 1279px){.title-container{max-width:1500px}}@media (width > 1919px){.title-container{max-width:1920px}}.info-card{display:flex;gap:20px;align-items:center;width:100%;height:100%;padding:40px 20px;text-align:left;border:1px solid #A6ADB4}@media (width > 1279px){.info-card{gap:30px;padding:50px 30px}}.info-card .icon{width:48px;height:48px;background:no-repeat center;background-size:contain}@media (width > 1279px){.info-card .icon{gap:30px;width:56px;height:56px;padding:50px 30px}}.info-card .info{display:flex;flex-direction:column;gap:10px;font-family:Pretendard,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:120%;color:#000}.info-card .info .info-content{font-family:Pretendard,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:120%;color:#000}@media (width > 1279px){.info-card .info{font-size:22px}}.contact-us{display:grid;grid-template-columns:repeat(1,1fr);gap:50px;align-items:center;justify-content:center;width:100%}@media (width > 767px){.contact-us{grid-template-columns:repeat(2,1fr)}}@media (width > 1919px){.contact-us{grid-template-columns:repeat(3,1fr);gap:100px 50px}}.image-modal-container{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%}.image-modal-container .content{position:absolute;top:50%;left:50%;z-index:3;display:flex;flex-direction:column;width:80%;max-width:1080px;max-height:80%;transform:translate(-50%,-50%)}.image-modal-container .content .title{width:100%;min-height:44px;padding:10px 44px 10px 10px;background:#686B74;font-family:Pretendard,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:120%;color:#fff}.image-modal-container .content .img-wrapper{width:100%;height:100%;overflow:hidden auto}.image-modal-container .content .img-wrapper img{width:100%}.image-modal-container .content .close-button{position:absolute;top:10px;right:10px;width:24px;height:24px;background:url(/assets/close-icon-white-7532a5d3.svg)}.image-modal-container .background{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:rgba(0,0,0,.8)}.thumbnail-gallery{display:flex;flex-direction:column;gap:50px;width:100%;height:100%}@media (width > 1279px){.thumbnail-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:100px}}.thumbnail-gallery .title-group{display:flex;flex-direction:column;gap:20px;width:100%}.thumbnail-gallery .title-group .group-title{font-family:Pretendard,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:120%;color:#000}@media (width > 767px){.thumbnail-gallery .title-group .group-title{font-size:18px}}@media (width > 1279px){.thumbnail-gallery .title-group .group-title{font-size:24px}}.thumbnail-gallery .title-group .content-group{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (width > 1279px){.thumbnail-gallery .title-group .content-group{gap:40px}}.thumbnail-gallery .title-group .content-group .content{display:flex;align-items:flex-end;aspect-ratio:1;overflow:hidden;background:no-repeat center;background-size:cover;transition:transform .2s}.thumbnail-gallery .title-group .content-group .content:hover{transform:scale(1.01)}.thumbnail-gallery .title-group .content-group .content .overlay-title{width:100%;padding:10px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,.5);font-family:Pretendard,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:120%;color:#fff}.custom{padding-top:120px;padding-bottom:50px}@media (width > 1279px){.custom{padding-top:170px;padding-bottom:100px}}.image-list{display:flex;flex-direction:column;gap:50px;width:100%;height:100%}@media (width > 1279px){.image-list{gap:100px}}.image-list .image-content{display:flex;flex-direction:column;gap:20px;width:100%}.image-list .image-content .image-title{font-family:Pretendard,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:120%;color:#000}@media (width > 767px){.image-list .image-content .image-title{font-size:18px}}@media (width > 1279px){.image-list .image-content .image-title{font-size:24px}}.image-list .image-content img{width:100%;height:auto;border:1px solid #A6ADB4}.main-banner{position:relative;width:100%;height:368px;aspect-ratio:1280/620}@media (width > 767px){.main-banner{height:auto}}@media (width > 1279px){.main-banner{height:720px}}@media (width > 1919px){.main-banner{height:920px}}.main-banner .banner-image{width:100%;height:100%;background:url(/assets/main-banner-712b1833.png) no-repeat center;background-size:770px auto}@media (width > 767px){.main-banner .banner-image{background-size:contain}}@media (width > 1279px){.main-banner .banner-image{background-image:url(/assets/main-banner-l-0e81d127.png);background-size:auto}}@media (width > 1919px){.main-banner .banner-image{background-size:cover}}.main-banner .banner-text{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;background-color:#00000080;padding-right:20px;padding-left:20px}@media (width > 767px){.main-banner .banner-text{padding-right:40px;padding-left:40px}}@media (width > 1279px){.main-banner .banner-text{padding-right:60px;padding-left:60px}}.main-banner .banner-text p{text-align:center;white-space:pre-line;font-family:Pretendard,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:24px;font-style:normal;font-weight:600;line-height:120%;color:#fff}.main-banner .banner-text p.company{margin-bottom:10px}.main-banner .banner-text p.title{margin-bottom:20px;font-size:36px}.main-banner .banner-text p.content{font-size:20px}@media (width > 767px){.main-banner .banner-text p{text-align:start;white-space:inherit}.main-banner .banner-text p.company{margin-bottom:20px;font-size:28px}.main-banner .banner-text p.title{margin-bottom:30px;font-size:52px}.main-banner .banner-text p.content{font-size:24px}}@media (width > 1279px){.main-banner .banner-text p.company{margin-bottom:20px;font-size:36px}.main-banner .banner-text p.title{margin-bottom:30px;font-size:60px}.main-banner .banner-text p.content{font-size:32px}}@media (width > 1919px){.main-banner .banner-text p.company{margin-bottom:20px;font-size:52px}.main-banner .banner-text p.title{margin-bottom:40px;font-size:92px}.main-banner .banner-text p.content{font-size:44px}}.company-info{display:flex;flex-direction:column;gap:50px;width:100%;padding:100px 20px;margin:0 auto}@media (width > 1279px){.company-info{flex-direction:row-reverse;align-items:center}}.company-info .info-image{width:calc(100% - 40px);max-width:556px;aspect-ratio:556/378;margin:0 auto;background:url(/assets/company-info-1827d338.png) no-repeat center;background-size:contain}@media (width > 767px){.company-info .info-image{width:calc(100% - 80px)}}@media (width > 1279px){.company-info .info-image{flex:30%;aspect-ratio:616/713;background-image:url(/assets/company-info-l-11e5f1d3.png)}}.company-info .info-text{display:flex;flex-direction:column;gap:20px;align-items:center;white-space:pre-line}.company-info .info-text p{text-align:center;font-family:Pretendard,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:24px;font-style:normal;font-weight:600;line-height:120%;color:#000}.company-info .info-text p.content{font-size:16px}@media (width > 767px){.company-info .info-text{white-space:inherit}.company-info .info-text p{font-size:32px}.company-info .info-text p.content{font-size:20px}}@media (width > 1279px){.company-info .info-text{flex:70%;align-items:flex-start}.company-info .info-text p{font-size:36px;text-align:start}}@media (width > 1919px){.company-info .info-text p{font-size:42px}.company-info .info-text p.content{font-size:24px}}@media (width > 767px){.company-info{padding-right:40px;padding-left:40px}}@media (width > 1279px){.company-info{padding-right:60px;padding-left:60px}}@media (width > 767px){.company-info{max-width:1000px}}@media (width > 1279px){.company-info{max-width:1500px}}@media (width > 1919px){.company-info{max-width:1920px}}.timeline{display:flex;flex-direction:column;gap:50px;align-items:center;width:100%;height:100%}@media (width > 767px){.timeline{gap:0}}.timeline .range-container{position:relative;display:flex;flex:1;gap:20px;width:100%}@media (width > 767px){.timeline .range-container{gap:70px;min-height:250px}.timeline .range-container:has(.left){flex-direction:row-reverse}}.timeline .range-container .block{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;white-space:pre-line;background:#686B74;border-radius:50%}@media (width > 767px){.timeline .range-container .block{width:80px;height:80px}.timeline .range-container .block:has(.left){margin-right:calc(50% - 40px)}.timeline .range-container .block:has(.left)+.text-area{text-align:right}.timeline .range-container .block:has(.right){margin-left:calc(50% - 40px)}}@media (width > 1279px){.timeline .range-container .block{width:100px;height:100px}.timeline .range-container .block:has(.left){margin-right:calc(50% - 50px)}.timeline .range-container .block:has(.right){margin-left:calc(50% - 50px)}}.timeline .range-container .block .range{text-align:center;font-family:Pretendard,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:120%;color:#fff}@media (width > 1279px){.timeline .range-container .block .range{font-size:20px}}.timeline .range-container .block .horizontal-line{position:absolute;top:50%;right:-10px;width:10px;height:4px;background:#A6ADB4;transform:translateY(-50%)}@media (width > 767px){.timeline .range-container .block .horizontal-line{right:-50px;width:50px}.timeline .range-container .block .horizontal-line.left{right:auto;left:-50px}}.timeline .range-container .text-area{flex:1}.timeline .range-container .text-area .title{margin-bottom:6px;font-family:Pretendard,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:120%;color:#000}.timeline .range-container .text-area .content{margin-bottom:10px;font-family:Pretendard,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:120%;color:#000}.timeline .range-container .text-area .sub-content{font-family:Pretendard,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:120%;color:#a6adb4}.timeline .range-container .text-area .sub-content:not(:first-of-type){margin-top:6px}@media (width > 767px){.timeline .range-container .text-area .title{font-size:22px}.timeline .range-container .text-area .content,.timeline .range-container .text-area .sub-content{font-size:18px}}@media (width > 1279px){.timeline .range-container .text-area .title{font-size:28px}.timeline .range-container .text-area .content,.timeline .range-container .text-area .sub-content{font-size:22px}}@media (width > 1919px){.timeline .range-container .text-area .title{font-size:32px}.timeline .range-container .text-area .content,.timeline .range-container .text-area .sub-content{font-size:24px}}.timeline .range-container .vertical-line{position:absolute;top:80px;left:50%;display:none;width:4px;height:100%;background:#A6ADB4;transform:translate(-50%)}@media (width > 767px){.timeline .range-container .vertical-line{display:block}}@media (width > 1279px){.timeline .range-container .vertical-line{top:100px;display:block}}.link-cards{display:flex;flex-direction:column;gap:20px;width:100%}@media (width > 767px){.link-cards{gap:40px}}@media (width > 1919px){.link-cards{padding-right:20px;padding-left:20px;margin:0 auto}}@media (width > 1919px) and (width > 767px){.link-cards{padding-right:40px;padding-left:40px}}@media (width > 1919px) and (width > 1279px){.link-cards{padding-right:60px;padding-left:60px}}@media (width > 1919px) and (width > 767px){.link-cards{max-width:1000px}}@media (width > 1919px) and (width > 1279px){.link-cards{max-width:1500px}}@media (width > 1919px) and (width > 1919px){.link-cards{max-width:1920px}}.link-cards .card{position:relative;z-index:1;display:flex;align-items:center;width:100%;height:100px;padding:0 40px;text-decoration:underline;text-shadow:1px 1px 1px rgba(0,0,0,.4);background:no-repeat center;background-size:auto;transition:transform .2s;font-family:Pretendard,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:22px;font-style:normal;font-weight:700;line-height:120%;color:#fff}.link-cards .card.facility{background-image:url(/assets/facility-883582e0.png)}.link-cards .card.engineering{justify-content:flex-end;background-image:url(/assets/engineering-16fe3628.png)}.link-cards .card.products{background-image:url(/assets/products-5b617bae.png)}.link-cards .card:hover{transform:scale(1.02)}@media (width > 767px){.link-cards .card{height:180px;font-size:28px}.link-cards .card.facility{background-image:url(/assets/facility-m-90dc4354.png)}.link-cards .card.engineering{background-image:url(/assets/engineering-m-1c9c8d6f.png)}.link-cards .card.products{background-image:url(/assets/products-m-a923da60.png)}}@media (width > 1279px){.link-cards .card{height:220px;padding:0 60px;font-size:36px}.link-cards .card.facility{background-image:url(/assets/facility-l-9373de8b.png)}.link-cards .card.engineering{background-image:url(/assets/engineering-l-396921f6.png)}.link-cards .card.products{background-image:url(/assets/products-l-bf53641f.png)}}@media (width > 1919px){.link-cards .card{height:320px;padding:0 100px;font-size:40px}}.link-cards .card .overlay{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:rgba(255,255,255,.05)}.naver-map-wrapper{position:relative;width:100%;height:300px}@media (width > 767px){.naver-map-wrapper{height:400px}}@media (width > 1279px){.naver-map-wrapper{height:480px}}@media (width > 1919px){.naver-map-wrapper{height:580px}}.naver-map-wrapper .naver-map{width:100%;height:100%}.naver-map-wrapper .reset-button{position:absolute;top:0;left:0;padding:6px 10px;margin:10px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#FFF;border:1px solid #444;font-family:Pretendard,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:120%;color:#000}.home{width:100%;height:100%}.home .content-img{width:100%;margin:0 auto;background:no-repeat center;background-size:contain}.home .setisfaction-image{width:calc(100% - 40px);max-width:70%;aspect-ratio:280/267;background-image:url(/assets/customers-setisfaction-b442d4fe.svg)}@media (width > 767px){.home .setisfaction-image{max-width:60%}}@media (width > 1279px){.home .setisfaction-image{max-width:40%}}html,body,div,span,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,strong,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{padding:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-spacing:0;border-collapse:collapse}button{padding:0;cursor:pointer;background-color:transparent;border:none}a{color:inherit;text-decoration:none}@font-face{font-family:Pretendard;font-weight:100;src:url(/assets/Pretendard-Thin-592098ec.woff2) format("woff2"),url(/assets/Pretendard-Thin-611a22ef.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:200;src:url(/assets/Pretendard-ExtraLight-b25fb525.woff2) format("woff2"),url(/assets/Pretendard-ExtraLight-70bb3c94.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:300;src:url(/assets/Pretendard-Light-c715b7bf.woff2) format("woff2"),url(/assets/Pretendard-Light-2f4b7335.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:400;src:url(/assets/Pretendard-Regular-98f99c33.woff2) format("woff2"),url(/assets/Pretendard-Regular-207f875e.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:500;src:url(/assets/Pretendard-Medium-c0f4afc6.woff2) format("woff2"),url(/assets/Pretendard-Medium-71c8d2fa.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:600;src:url(/assets/Pretendard-SemiBold-0b651bef.woff2) format("woff2"),url(/assets/Pretendard-SemiBold-4d2fc3ee.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:700;src:url(/assets/Pretendard-Bold-c8dc160f.woff2) format("woff2"),url(/assets/Pretendard-Bold-db20d26a.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:800;src:url(/assets/Pretendard-ExtraBold-bff8ca72.woff2) format("woff2"),url(/assets/Pretendard-ExtraBold-96f804f4.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:900;src:url(/assets/Pretendard-Black-ce676e1d.woff2) format("woff2"),url(/assets/Pretendard-Black-3d9e01f2.woff) format("woff")}*{box-sizing:border-box;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{width:100vw;height:100vh}body{width:100%;height:100%}#root{width:100%;height:100%;font-family:Pretendard,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}
