heroText*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,'Noto Sans KR',sans-serif;color:#333}.wrap{max-width:1180px;margin:auto;padding:0 24px}.topbar{background:#858585;color:#fff;font-size:13px}.topbar .wrap{height:38px;display:flex;align-items:center;gap:28px}.social{margin-left:auto;letter-spacing:12px}.nav{height:76px;display:flex;align-items:center}.brand img{width:145px;height:auto;display:block}.nav nav{margin-left:auto;display:flex;gap:52px;align-items:center}.nav nav a{text-decoration:none;color:#555;font-size:14px;font-weight:600}.menuBtn{display:none;margin-left:auto;border:0;background:none;font-size:26px}.hero{height:calc(100vh - 114px);min-height:620px;position:relative;overflow:hidden}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;transition:opacity .8s;background-size:cover;background-position:center}.slide.active{opacity:1}.shade{position:absolute;inset:0;background:rgba(0,0,0,.44)}.heroText{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white;padding:20px}.heroText h1{font-size:54px;line-height:1.05;font-weight:300;margin:0 0 18px}.heroText h1 b{font-weight:300}.heroText p{font-size:16px;line-height:1.55}.prev,.next{position:absolute;top:50%;transform:translateY(-50%);border:0;background:none;color:#fff;font-size:54px;cursor:pointer}.prev{left:16px}.next{right:16px}.down{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:48px;height:48px;border-radius:50%;background:#fff;color:#76158d;text-decoration:none;text-align:center;line-height:38px;font-size:36px;box-shadow:0 4px 20px #0004}.quick{margin-top:0;position:relative;z-index:10;padding:0 24px 145px;background:linear-gradient(145deg,transparent 58%,rgba(190,190,190,.28) 58%),linear-gradient(35deg,rgba(215,215,215,.32) 25%,transparent 25%),linear-gradient(155deg,#f8f8f8 45%,#e5e5e5 45%);position:relative}.cards{max-width:1100px;margin:0 auto 0;transform:translateY(-110px);position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{height:365px;background-size:cover;background-position:center;text-decoration:none;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35);transition:.3s}.card:hover:before{background:rgba(35,35,35,.65)}.card>div{position:absolute;left:36px;right:20px;bottom:48px;color:#fff}.card h3{font-weight:400;font-size:21px}.card i{display:block;width:34px;border-top:2px solid #fff;margin:16px 0 20px}.card p{font-size:13px;line-height:1.6}.section{scroll-margin-top:76px}.sectionHero{height:420px;background-size:cover;background-position:center;position:relative}.sectionHero:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.38)}.sectionHero>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:white}.sectionHero span{letter-spacing:4px}.sectionHero h2{font-size:48px;margin:12px}.content{max-width:1100px;margin:auto;padding:90px 24px;display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.content small,.title small{color:#7b168d;letter-spacing:3px}.content h2,.title h2{font-size:38px}.content p{line-height:1.9;color:#777}.more{display:inline-block;margin-top:20px;color:#7b168d;text-decoration:none;border-bottom:1px solid #7b168d;padding-bottom:5px}.title{text-align:center;padding:100px 20px 60px}.title p{color:#888}.products{max-width:1100px;margin:0 auto 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.products div{height:170px;background:#f4f4f4;display:grid;place-content:center;font-weight:700;border-bottom:3px solid #7b168d;transition:.3s}.products div:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0001}.library{background:#f7f7f7;padding-bottom:100px}.libgrid,.news{max-width:1100px;margin:auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.libgrid article,.news article{background:#fff;padding:38px;min-height:180px;box-shadow:0 5px 25px #0000000c}.short{height:320px}.news{padding-top:70px;padding-bottom:90px}.news b{color:#7b168d;font-size:12px}.footer{max-width:1100px;margin:auto;padding:36px 24px;color:#999;font-size:13px}.footLinks{color:#555;font-size:15px;margin-bottom:24px}footer{background:#f5f5f5}.abutmentHero{transform:translateY(-20px)}
@media(max-width:800px){.topbar{display:none}.nav{height:66px}.nav nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;z-index:20;padding:20px;flex-direction:column;gap:20px}.nav nav.open{display:flex}.menuBtn{display:block}.hero{height:650px;min-height:0}.heroText h1{font-size:34px}.cards{grid-template-columns:1fr 1fr;margin-top:-40px}.card{height:300px}.content{grid-template-columns:1fr;gap:20px}.products,.libgrid,.news{grid-template-columns:1fr}.sectionHero{height:300px}}@media(max-width:520px){.cards{grid-template-columns:1fr}.quick{padding-bottom:70px}.heroText h1{font-size:29px}.card{height:320px}}
.sns{display:flex!important;justify-content:flex-end!important;gap:18px!important;margin-top:-35px!important;margin-bottom:30px!important}.sns a{color:#555!important;text-decoration:none!important;font-size:14px!important}
.snsIcon{display:flex!important;align-items:center;justify-content:center;width:22px;height:22px;color:#555!important;font-size:13px!important;font-weight:bold;text-decoration:none!important}.snsIcon svg{fill:#555!important}
.companyMenu{position:relative;display:flex;align-items:center;height:76px}.companyMain{transition:.2s}.companyMenu:hover .companyMain{transform:scale(1.12)}.companyDropdown{display:none!important;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;min-width:130px;padding:8px 0;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,.12)}.companyMenu:hover .companyDropdown{display:block!important}.companyDropdown a{display:block!important;padding:10px 18px!important;white-space:nowrap;font-size:13px!important;text-align:left}
.productMenu{position:relative;display:flex;align-items:center;height:76px}.productMain{transition:.2s}.productMenu:hover .productMain{transform:scale(1.12)}.productDropdown{display:none!important;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;min-width:130px;padding:8px 0;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,.12)}.productMenu:hover .productDropdown{display:block!important}.productDropdown a{display:block!important;padding:10px 18px!important;white-space:nowrap;font-size:13px!important;font-weight:normal!important;color:#666!important;text-align:center}.productDropdown a:hover{color:#8e269b!important;background:#f7f7f7}
.libraryMenu{position:relative;display:flex;align-items:center;height:76px}.libraryMain{transition:.2s}.libraryMenu:hover .libraryMain{transform:scale(1.12)}.libraryDropdown{display:none!important;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;min-width:110px;padding:8px 0;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,.12)}.libraryMenu:hover .libraryDropdown{display:block!important}.libraryDropdown a{display:block!important;padding:10px 18px!important;white-space:nowrap;font-size:13px!important;font-weight:normal!important;color:#666!important;text-align:center}.libraryDropdown a:hover{color:#8e269b!important;background:#f7f7f7}
.announcementMenu{position:relative;display:flex;align-items:center;height:76px}.announcementMain{transition:.2s}.announcementMenu:hover .announcementMain{transform:scale(1.12)}.announcementDropdown{display:none!important;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;min-width:130px;padding:8px 0;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,.12)}.announcementMenu:hover .announcementDropdown{display:block!important}.announcementDropdown a{display:block!important;padding:10px 18px!important;white-space:nowrap;font-size:13px!important;font-weight:normal!important;color:#666!important;text-align:center}.announcementDropdown a:hover{color:#8e269b!important;background:#f7f7f7}
nav>a[href="#contact"]{transition:.2s}nav>a[href="#contact"]:hover{transform:scale(1.12)}.card>div{transition:transform .45s ease}.cardBtn{display:inline-block;margin-top:25px;padding:14px 25px;border:2px solid #fff;color:#fff;font-size:16px;font-weight:600;opacity:0;transform:translateY(15px);transition:opacity .45s ease,transform .45s ease}.card:hover>div{transform:translateY(-45px)}.card:hover .cardBtn{opacity:1;transform:translateY(0)}
.card{opacity:0;transform:translateY(160px);transition:opacity .8s ease,transform .8s ease}.card.show{opacity:1;transform:translateY(0)}.card:nth-child(1){transition-delay:0s}.card:nth-child(2){transition-delay:.15s}.card:nth-child(3){transition-delay:.3s}.card:nth-child(4){transition-delay:.45s}
#header{position:sticky;top:0;z-index:9999;background:#fff}
.privacyLink{color:#555;text-decoration:none;transition:.25s}.privacyLink:hover{color:#aaa}
.privacyModal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:99999;padding:50px}.privacyModal.open{display:flex;align-items:center;justify-content:center}.privacyBox{position:relative;background:#fff;width:min(900px,70vw);height:85vh;padding:70px 60px;overflow-y:auto;box-sizing:border-box}.privacyClose{position:absolute;top:20px;right:25px;z-index:10;border:0;background:#fff;font-size:40px;line-height:1;cursor:pointer;color:#222}
.privacyBox h2{text-align:center;color:#76158d;font-size:54px;margin:20px 0 60px}.privacyContent{font-size:15px;line-height:1.7;color:#777;font-weight:300}.privacyContent h3{font-size:17px;color:#666;margin-top:28px;font-weight:500}
.privacyBox{overflow:hidden!important}.privacyScroll{height:100%;overflow-y:auto;padding-right:10px;box-sizing:border-box}.privacyClose{position:absolute!important;top:20px!important;right:25px!important;z-index:999!important}
.sitemapModal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:99999;padding:2%;box-sizing:border-box}.sitemapModal.active{display:flex;align-items:center;justify-content:center}.sitemapBox{position:relative;width:80%;max-width:1850px;height:70vh;background:#fff;box-sizing:border-box;overflow:hidden}.sitemapClose{position:absolute;top:18px;right:25px;border:0;background:transparent;font-size:32px;cursor:pointer;z-index:10}.sitemapTop{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 150px 0 210px;border-bottom:1px solid #eee;box-shadow:0 5px 15px rgba(0,0,0,.08);box-sizing:border-box;color:#999;font-size:18px}.sitemapTop strong{font-size:36px;color:#76158d}.sitemapMenu{height:510px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;text-align:center;padding:0 150px;box-sizing:border-box;background:#fff}.sitemapMenu h3{color:#76158d;font-size:28px;font-weight:500;margin:0 0 30px}.sitemapMenu h3:after{content:"";display:block;width:135px;height:1px;background:#ccc;margin:25px auto}.sitemapMenu p{font-size:19px;line-height:1.7;color:#777;margin:0}.sitemapBottom{height:110px;background:#f5f5f5;padding:40px 200px;box-sizing:border-box;color:#777;font-size:14px}
.sitemapLink{color:#555;text-decoration:none}.sitemapLink:visited{color:#555}.sitemapLink:hover{color:#aaa}
.sitemapMenu{align-items:start!important;padding-top:90px!important}.sitemapMenu>div{width:100%}.sitemapMenu h3{height:45px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;margin:0 0 25px!important}.sitemapMenu h3:after{display:none!important}.sitemapMenu h3+p{position:relative;padding-top:30px!important}.sitemapMenu h3+p:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:125px;height:1px;background:#ccc}
.sitemapMenu h3{font-size:24px!important}.sitemapMenu p{font-size:16px!important;line-height:1.65!important}
.sitemapMenu{padding-top:45px!important}.sitemapMenu h3{margin-bottom:12px!important}.sitemapMenu h3+p{padding-top:18px!important}.sitemapMenu h3+p:before{top:0!important}.sitemapMenu p{line-height:1.5!important}
.sitemapMenu{height:390px!important;padding-top:35px!important;align-items:start!important}.sitemapBottom{height:100px!important;padding:35px 140px!important}
.careerLink{color:#555;text-decoration:none;transition:.25s}.careerLink:visited{color:#555}.careerLink:hover{color:#aaa}
.logo img{width:min(170px,14vw)!important;height:auto!important;display:block}

.logo{
    display: flex;
    align-items: center;
    overflow: hidden;
}
.companyDropdown a:hover{color:#9b1aa0!important;background:#f7f7f7!important}