@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}ul,ol{list-style:none;margin:0;padding:0}img{border:0;vertical-align:top;max-width:100%;height:auto}table{border-collapse:collapse}a{color:inherit;text-decoration:none}.font-24px{font-size:24px}.font-18px{font-size:18px}.font-16px{font-size:16px}.font-14px{font-size:14px}.hide{opacity:0;transform:translateY(100px);transition:1.3s transform ease-out,2s opacity ease-out;transition-delay:var(--delay, 0ms)}.hide.show{opacity:1;transform:translateY(0)}.inner{width:100%;margin-inline:auto}#header{position:absolute;inset-inline:0;top:0;z-index:1000;background-color:transparent;border-bottom:1px solid transparent;transition:background-color .4s}#header .inner{height:7.6rem;display:flex;align-items:center;font-weight:600;justify-content:space-between;margin-top:2rem;margin-bottom:2rem;width:100%;max-width:1480px;padding-right:2rem;padding-left:2rem}#header h1{margin:0;line-height:1}#header .gnb{font-size:1.6rem}#header .gnb ul{display:flex;align-items:center;gap:5rem;color:#fff}#header .gnb a+div{border-bottom:2px solid transparent;transition:all ease-in .3s;width:0%}#header .gnb a:hover{font-weight:600}#header .gnb a:hover+div{width:100%;border-bottom:2px solid #fff}#header2{position:fixed;inset-inline:0;transform:translateY(-40rem);z-index:1000;background-color:#fff;border-bottom:1px solid transparent;transition:background-color .4s,transform .4s;box-shadow:0 1px 7px #aaa}#header2.is-scrolled{transform:translateY(0)}#header2 .inner{height:7.6rem;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1480px;padding-right:2rem;padding-left:2rem}#header2 h1{margin:0;line-height:1}#header2 .gnb{font-size:1.6rem;font-weight:500}#header2 .gnb ul{display:flex;align-items:center;gap:5rem;color:#000}#header2 .gnb a+div{border-bottom:2px solid transparent;transition:all ease-in .2s;width:0%}#header2 .gnb a:hover{font-weight:600}#header2 .gnb a:hover+div{width:100%;border-bottom:2px solid #000}#header2 .gnb a.is-choice{font-weight:600}#header2 .gnb a.is-choice+div{width:100%;border-bottom:2px solid #000}@media screen and (max-width: 680px){#header .inner,#header2 .inner{flex-direction:column}}#footer{width:100%;background:#000;padding:20px 0}#footer .inner{position:relative;color:#fff;height:35rem;display:flex;align-items:start;flex-direction:column;justify-content:space-between;width:100%;max-width:1480px;padding:52px;margin:0 auto}#footer .inner .footer-title{font-size:18px;width:180px;height:37px;background:url(/assets/img/logo_w.png) center/cover no-repeat}#footer .inner .footer-contents{font-size:14px;line-height:2}#footer .inner .blog{cursor:pointer;position:absolute;width:28px;height:28px;right:52px;bottom:48px;color:#000;padding:4px;background:url(/assets/img/icon_blog.png) center/cover no-repeat}#footer .copyright{margin:0}#footer img{width:15.6rem;height:1.9rem}#footer .sign{margin:0}:root{--delTime:8s}#banner{width:100%;position:relative}#banner .inner{position:relative;height:700px;overflow:hidden;display:flex;justify-content:center}#banner .inner .bg-img{position:absolute;width:calc(100% + 100px);top:0;left:0;height:100%;background:linear-gradient(120deg,#0009,#0000004d),url(/assets/img/bg_main_bn.png) center/cover no-repeat;display:flex;flex-direction:column;justify-content:end;align-items:center;animation:img-ani 10s linear infinite}@keyframes img-ani{0%{transform:scale(1) translate(0)}50%{transform:scale(1.1)}to{transform:scale(1) translate(0)}}#banner .inner .banner-title{width:100%;max-width:1480px;padding-right:2rem;padding-left:2rem;flex:1;margin-top:24rem;display:flex;flex-direction:column;gap:clamp(1.8rem,.5rem + 1.8vw,4.5rem);color:#fff;position:relative;min-height:120px}#banner .inner .banner-title div:first-child{font-size:clamp(3.4rem,1rem + 2.8vw,7.8rem);line-height:1.4;font-weight:600}#banner .inner .banner-title div:last-child{font-weight:500;font-size:clamp(3.2rem,1rem + 2.4vw,7.4rem);line-height:1.4}#banner .inner .bottom-container{transition:opacity .2s}#banner .inner .bottom-container.is-scrolled{opacity:0}#banner .inner .bottom-container .bottom{display:flex;justify-content:center;flex-direction:column}#banner .inner .bottom-container .bottom span{color:#fff}@media (prefers-reduced-motion: reduce){.banner-title .reveal,.banner-title .reveal2{animation:none!important;opacity:1!important;transform:none!important;position:static}}#Info .inner{margin:120px auto 0;width:100%;max-width:1480px;display:flex;flex-direction:column;align-items:center;text-align:center}#Info .inner .info-title{font-size:40px;margin-bottom:12px;font-weight:600;color:#0d2665}#Info .inner .info-text{font-size:2.4rem;line-height:1.5;color:#111}#about{color:#fff;margin:40px 0}#about .about-title{font-size:40px;margin-bottom:14px;font-weight:700}#about .about-text{font-size:24px}#about .inner{overflow:hidden;height:400px;border-radius:12px;margin:0 auto;width:100%;max-width:1320px}#about .inner .bg{height:100%;padding:60px;display:flex;justify-content:center;align-items:start;flex-direction:column;background:linear-gradient(90deg,#0006,#0000004d),url(/assets/img/main_mid_banner.jpg) top/cover;background-position:center calc(40% + var(--shift, 0px));will-change:background-position}#static{width:100%;margin:100px 0 0;padding-bottom:140px;background:linear-gradient(0deg,#dbe6fc 30%,#fff)}#static .inner{overflow:hidden;width:100%;max-width:min(1320px,100% - 64px);border-radius:12px;margin:0 auto;position:relative;height:44rem;display:flex}#static .inner .static-text{font-size:2.4rem;line-height:1.5;white-space:pre-line}#static .inner .left-box{width:75%;padding:40px 40px 40px 0}#static .inner .right-box{display:flex;justify-content:center;align-items:center;position:relative;flex:1}#static .inner .right-box .icon-card{position:absolute;right:0;width:26rem;height:44rem;background-color:#164ac8;border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;gap:17px}#static .inner .right-box .icon-card__img{height:25%;width:100%;background:url(/assets/img/icon_project.png) center/contain no-repeat}#static .inner .right-box .icon-card__count{color:#fff;font-size:7.2rem;line-height:1.4}#static .inner .right-box .icon-card__noti{color:#fff;font-size:1.6rem;line-height:1.6;white-space:pre-line;height:83px}#static .inner .about-btn-box{border-radius:8px;overflow:hidden;width:140px;margin-top:32px;cursor:pointer;font-size:16px}#static .inner .about-btn-box .about-btn-box-inner{padding:0 40px;color:#fff;background:#0c328e;height:40px;position:relative;transition:background-color .4s ease}#static .inner .about-btn-box .about-btn-box-inner>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform .4s ease}#static .inner .about-btn-box .about-btn-box-inner>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;white-space:pre;overflow:hidden}#static .inner .about-btn-box .about-btn-box-inner>div span{display:inline-block;will-change:transform,opacity;transition:transform .2s ease,opacity .2s ease;transition-delay:calc(var(--i) * 15ms)}#static .inner .about-btn-box .about-btn-box-inner>div:not(.move-text) span{transform:translateY(0);opacity:1}#static .inner .about-btn-box .about-btn-box-inner>.move-text span{transform:translateY(9.2em);opacity:0}#static .inner .about-btn-box .about-btn-box-inner:hover{background-color:#0f276b}#static .inner .about-btn-box .about-btn-box-inner:hover>div:not(.move-text) span{transform:translateY(-1.2em);opacity:0}#static .inner .about-btn-box .about-btn-box-inner:hover>.move-text span{transform:translateY(0);opacity:1}@container (max-width: 800px){#static .inner{padding-inline:24px}}@media (prefers-reduced-motion: reduce){#static .static-title .char{transition:none!important;opacity:1!important;transform:none!important}}.flex{display:flex}.flex.x-center,.flex.justify-center{justify-content:center}.flex.justify-between{justify-content:space-between}.flex.y-center,.flex.align-center{align-items:center}.flex.column{flex-direction:column}.flex.gap-80px{gap:80px}.flex.gap-100px{gap:100px}.round-spin{position:relative;display:inline-grid;place-items:center;width:120px;aspect-ratio:1}.round-spin:before{content:"";position:absolute;inset:0;border-radius:50%;border:6px solid rgba(255,255,255,.2);border-top-color:#fff;animation:round-spin 1.4s linear infinite;will-change:transform;backface-visibility:hidden}.round-spin>.label{position:relative;z-index:1;color:#fff}.static-title{padding-top:32px;margin-bottom:28px;font-weight:700;line-height:1.2;letter-spacing:.02em;color:#0d2665;font-size:4rem}.static-title .char{display:inline-block;opacity:0;transform:translateY(.7em)}.static-title.in .char{transition:opacity .42s ease,transform .42s ease;transition-delay:calc(var(--i) * 48ms);opacity:1;transform:translateY(0)}#banner .bottom{animation:bottom-fade 1.5s ease-in-out infinite;will-change:opacity}@media (prefers-reduced-motion: reduce){.round-spin:before{animation:none}#banner .bottom{animation:none;opacity:1}}@keyframes round-spin{to{transform:rotate(360deg)}}@keyframes bottom-fade{0%,to{opacity:.25}50%{opacity:1}}.aniLine{position:absolute;left:var(--lightPosition);height:100%;background-color:#f0f0f033;width:.05rem}.aniLine .light{position:absolute;top:-100px;border-radius:0 0 1px 1px;-webkit-mask-image:linear-gradient(180deg,rgba(255,255,255,.7) 0%,transparent 100%);mask-image:linear-gradient(180deg,rgba(255,255,255,.7) 0%,transparent 100%);left:-.2rem;width:.4rem;height:70px;background:#fff;animation:light-move var(--time) linear infinite}@keyframes light-move{0%{top:600px}to{top:-100px}}.banner-title{flex:1;display:flex;flex-direction:column;color:#fff;position:relative;min-height:120px}.banner-title div:first-child{font-size:clamp(3.4rem,1rem + 2.8vw,7.8rem);line-height:1.4;font-weight:600}.banner-title div:last-child{font-weight:400;line-height:1.6}.banner-title .reveal,.banner-title .reveal2{opacity:0;transform:translateY(0);will-change:opacity,transform;backface-visibility:hidden;animation:banner-reveal 7s ease-out infinite}.banner-title .reveal2{animation:banner-reveal2 7s ease-out infinite}@keyframes banner-reveal{0%{opacity:0;transform:translateY(170px)}30%{opacity:1;transform:translateY(0)}95%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes banner-reveal2{0%{opacity:0;transform:translateY(160px)}10%{opacity:0;transform:translateY(160px)}40%{opacity:1;transform:translateY(0)}95%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}#intro-banner{position:relative;width:100%;min-height:500px;background-image:linear-gradient(180deg,#0d2565,#204ab0)}#intro-banner .inner{position:relative;z-index:1;display:flex;justify-content:center;max-width:1480px;width:100%;height:500px}#intro-banner .inner .intro-box{flex:1;display:flex;justify-content:start;align-items:center;color:#eee;padding:40px;height:100%}#intro-banner .inner .intro-box .intro-bn-left-cover .intro-bn-left-title{font-size:24px}#intro-banner .inner .intro-box .intro-bn-left-cover .intro-bn-left-title span:first-child{display:block;font-size:56px;font-weight:600;line-height:1}#intro-banner .inner .intro-box .intro-bn-left-cover .intro-bn-left-text{font-size:24px;margin-bottom:80px}#intro-banner:after{content:"";position:absolute;inset:0 0 0 50%;background:url(/assets/img/about_banner.jpg) center/cover no-repeat;filter:grayscale(100%) contrast(1.2) brightness(.9);z-index:0}@keyframes panX{0%{left:52%}to{left:57%}}@media (prefers-reduced-motion: reduce){#intro-banner:before{animation:none}}#intro-about{margin-bottom:130px;color:#fff;position:relative;background:linear-gradient(180deg,#0d2565,#204ab0) left/50% 100% no-repeat,#fff right/50% 100% no-repeat;z-index:-2;height:600px}#intro-about .bg-left{position:absolute;z-index:-1;width:50%;height:100%;background-color:transparent}#intro-about .bg-right{position:absolute;z-index:-1;width:100%;height:100%}#intro-about .inner{padding-top:160px;padding-bottom:100px;overflow:hidden;border-radius:12px;margin:0 auto;width:100%;max-width:1480px;display:flex;justify-content:center}#intro-about .inner .left{flex:1;justify-content:space-between;gap:14px;color:#000}#intro-about .inner .left div{display:flex;justify-content:end;align-items:center;width:500px}#intro-about .inner .left .count-box01{display:flex}#intro-about .inner .left .count-box02{display:flex;padding:40px 0 60px}#intro-about .inner .left .count{font-size:100px;color:#fff;line-height:1;text-align:end;width:200px;margin-right:20px}#intro-about .inner .left .text{font-size:18px;color:#eee;white-space:nowrap;text-align:center;width:150px;position:relative;top:28px}#intro-about .inner .right{width:50%;display:flex;flex-direction:column;justify-content:start;gap:14px}#intro-about .inner .right .about-title{font-size:40px;margin-bottom:14px;font-weight:700;color:#0d2665;line-height:1.3}#intro-about .inner .right .about-text{white-space:pre-line;font-size:18px;color:#333}#Intro-count{color:#fff}#Intro-count .inner{overflow:hidden;height:360px;border-radius:12px;margin:0 auto;width:100%;max-width:1320px}#Intro-count .inner .bg{height:100%;padding:60px;display:flex;justify-content:center;align-items:center;flex-direction:column;background:url(/assets/img/about_bg_count.jpeg) center/cover no-repeat;will-change:background-position}#Intro-count .inner .bg .count-box{position:relative;z-index:0;display:flex;gap:120px}#Intro-count .inner .bg .count-box .count-box01,#Intro-count .inner .bg .count-box .count-box02{display:flex;align-items:end}#Intro-count .inner .bg .count-box .count{font-size:100px;color:#fff;line-height:1;text-align:end;width:200px;margin-right:20px}#Intro-count .inner .bg .count-box .text{font-size:18px;color:#eee;white-space:nowrap;text-align:center;position:relative}#Intro-about .inner{margin:120px auto;width:100%;max-width:min(1480px,100% - 100px);display:flex;flex-direction:column;align-items:center;text-align:center}#Intro-about .inner .info-title{position:relative;font-size:36px;margin-bottom:35px;font-weight:600;color:#0d2665;display:flex;flex-direction:column;align-items:start;line-height:1}#Intro-about .inner .info-title span{display:inline;font-size:14px;font-weight:600;color:#eee;background:#164ac8;padding:8px 16px;margin-bottom:15px;border-radius:4px;line-height:1}#Intro-about .inner .info-text{font-size:2rem;line-height:1.7;position:relative;text-align:start;padding-inline:10px}#Intro-about .inner .info-text:before{content:"";width:4px;position:absolute;left:-14px;background-color:#444;height:100%}#history-title{margin-top:120px}#history-title .inner{margin:0 auto;max-width:1480px;display:flex;flex-direction:column;align-items:center;text-align:center}#history-title .inner .info-title{position:relative;font-size:36px;margin-bottom:35px;font-weight:500;color:#0d2665;display:flex;flex-direction:column;align-items:start;line-height:1.1}#history-title .inner .info-title span{display:inline;font-size:14px;font-weight:600;color:#eee;background:#164ac8;padding:8px 16px;margin-bottom:15px;border-radius:4px;line-height:1}#intro-history{width:100%}#intro-history>.inner{margin:0 auto;max-width:min(1000px,100% - 100px);display:flex;justify-content:center;align-items:start}#intro-history>.inner .left{width:290px}#intro-history>.inner .left .year-box{border-left:2px solid rgba(170,170,170,.4);color:#000;display:flex;justify-content:start;flex-direction:column;align-items:start;padding:0 0 50px 50px}#intro-history>.inner .left .year-box .btn__prev{cursor:pointer;transform:rotate(90deg)}#intro-history>.inner .left .year-box .btn__next{cursor:pointer;transform:rotate(90deg)}#intro-history>.inner .left .year-box .year-list{padding-top:32px;font-size:20px;color:#000;display:flex;justify-content:start;flex-direction:column;align-items:center;position:relative}#intro-history>.inner .left .year-box .year-list .year{cursor:pointer;color:#aaa;position:relative;width:160px;transition:color .8s}#intro-history>.inner .left .year-box .year-list .year:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;left:-58px;top:9px;background-color:transparent;transition:background-color .8s}#intro-history>.inner .left .year-box .year-list .year.choice{color:#111;font-weight:600}#intro-history>.inner .left .year-box .year-list .year.choice:before{content:"";position:absolute;border-radius:50%;background-color:#204ab0;transition:background-color .8s}#intro-history>.inner .right{flex:1;display:flex;justify-content:start;align-items:start;flex-direction:column;padding:0}#intro-history>.inner .right .inner{color:#0a1119;font-size:16px;font-weight:400;display:flex;flex-direction:column;gap:4px;border:1px solid #cdcdcd;border-radius:8px;padding:20px 50px;min-height:500px;height:650px}#contact-us{width:100%;position:relative;padding:40px 60px;background-color:#ebf0f9;max-width:1320px;margin:120px auto;border-radius:8px}#contact-us .inner{overflow:hidden;height:450px;margin:0 auto;width:100%;display:flex;justify-content:space-between}#contact-us .inner .left{padding:8px 56px 40px 0;width:50%;display:flex;flex-direction:column;justify-content:space-between}#contact-us .inner .left .title{font-size:40px;color:#000}#contact-us .inner .left .name{width:45%}#contact-us .inner .left .name input{width:100%}#contact-us .inner .left .email{width:45%}#contact-us .inner .left .email input{width:100%}#contact-us .inner .left .message textarea{width:100%;height:200px;color:#000}#contact-us .inner .left input,#contact-us .inner .left textarea,#contact-us .inner .left select{padding:8px 16px;resize:none;font:inherit;border-radius:8px;border:1px solid rgba(170,170,170,.5)}#contact-us .inner .left input:focus,#contact-us .inner .left textarea:focus,#contact-us .inner .left select:focus{outline:none;border:1px solid #000;box-shadow:none}#contact-us .inner .right{flex:1}#contact-us .inner .right .map{background-color:#aaa;height:100%}#contact-us .inner .right .map iframe{border:0;width:100%;height:100%}#contact-us .inner .btn-box{border-radius:20px;overflow:hidden;width:100px;cursor:pointer}#contact-us .inner .btn-box .btn-box-inner{font-size:15px;padding:0 40px;color:#fff;background:#0c328e;height:40px;position:relative;transition:background-color .4s ease}#contact-us .inner .btn-box .btn-box-inner>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform .4s ease}#contact-us .inner .btn-box .btn-box-inner:hover{background-color:#0f276b}#business-banner{position:relative;width:100%;min-height:500px;background-image:linear-gradient(180deg,#0d2565,#204ab0)}#business-banner .inner{position:relative;overflow:hidden;display:flex;justify-content:center;max-width:1480px;width:100%;height:500px}#business-banner .inner .intro-box{flex:1;display:flex;justify-content:start;align-items:center;color:#eee;padding:40px;height:100%}#business-banner .inner .intro-box .intro-bn-left-cover .intro-bn-left-title{font-size:24px}#business-banner .inner .intro-box .intro-bn-left-cover .intro-bn-left-title span:first-child{display:block;font-size:56px;font-weight:600;line-height:1}#business-banner .inner .intro-box .intro-bn-left-cover .intro-bn-left-text{font-size:24px;margin-bottom:80px}#business-banner:after{content:"";position:absolute;inset:0 0 0 50%;background:url(/assets/img/busniss_banner.jpg) center/cover no-repeat;filter:grayscale(100%) contrast(1.2) brightness(.9);z-index:0}#business-info .box-line{border-top:2xp solid #333;width:100%}#business-info{color:#fff;position:relative;background-color:transparent;margin-top:120px}#business-info .inner{width:100%;max-width:min(1320px,100% - 100px);display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:80px}#business-info .inner .business-card:first-child{margin-top:0}#business-info .inner .business-card{opacity:0;transform:translateY(70px)}#business-info .inner .business-card.show{opacity:1;transform:translateY(0);transition:1.3s transform ease-out,2s opacity ease-out}#business-info .inner .business-card{display:flex;align-items:start;justify-content:space-between;width:100%;margin:50px 0}#business-info .inner .business-card .card-img{width:400px;height:240px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:-15px 15px #0c328e;overflow:hidden;border-radius:4px}#business-info .inner .business-card .card-img>div{width:100%;height:100%;border-radius:4px;background-position:center;background-size:cover;background-repeat:no-repeat}#business-info .inner .business-card .card-img>div.card01{background-image:url(/assets/img/business_01.jpg)}#business-info .inner .business-card .card-img>div.card02{background-image:url(/assets/img/business_02.jpg)}#business-info .inner .business-card .card-img>div.card03{background-image:url(/assets/img/business_03.jpg)}#business-info .inner .business-card .card-img>div.card04{background-image:url(/assets/img/business_04.jpg)}#business-info .inner .business-card .card-img>div.card05{background-image:url(/assets/img/business_05.jpg)}#business-info .inner .business-card .card-img>div.card06{background-image:url(/assets/img/business_06.jpg)}#business-info .inner .business-card .card-img>div.card07{background-image:url(/assets/img/business_07.jpg)}#business-info .inner .business-card .card-img>div{animation:ani-img 10s linear infinite}@keyframes ani-img{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}#business-info .inner .business-card .card-content{color:#111;flex:1;padding:12px 32px 32px 47px;height:290px}#business-info .inner .business-card .card-content .card-title{margin-bottom:14px}#business-info .inner .business-card .card-content .card-title span{font-size:16px;font-weight:700;padding:8px 16px;margin-bottom:15px;border-radius:4px;line-height:1;background-color:#ecf2fe;color:#164ac8}#business-info .inner .business-card .card-content .card-sub-title{font-size:28px;color:#0d2665;font-weight:600}#business-info .inner .business-card .card-content .box-line{margin:14px 0;border-top:1px solid #cdcdcd}#business-info .inner .business-card .card-content .card-text{font-size:18px;white-space:pre-wrap;position:relative;text-align:start}@media (max-width: 1280px){#business-info .inner .business-card .card-content{height:335px}}#portfolio-banner{position:relative;width:100%;min-height:500px;background-image:linear-gradient(180deg,#0d2565,#204ab0)}#portfolio-banner .inner{position:relative;z-index:1;display:flex;justify-content:center;max-width:1480px;width:100%;height:500px}#portfolio-banner .inner .intro-box{flex:1;display:flex;justify-content:start;align-items:center;color:#eee;padding:40px;height:100%}#portfolio-banner .inner .intro-box .intro-bn-left-cover .intro-bn-left-title{font-size:24px}#portfolio-banner .inner .intro-box .intro-bn-left-cover .intro-bn-left-title span:first-child{display:block;font-size:56px;font-weight:600;line-height:1}#portfolio-banner .inner .intro-box .intro-bn-left-cover .intro-bn-left-text{font-size:24px;margin-bottom:80px}#portfolio-banner:after{content:"";position:absolute;inset:0 0 0 50%;background:url(/assets/img/portfolio_banner.jpg) center/cover no-repeat;filter:grayscale(100%) contrast(1.2) brightness(.9);z-index:0}#portfolio-about{color:#fff;position:relative;background-color:transparent;margin:120px 0}#portfolio-about .inner{width:100%;max-width:min(1320px,100% - 100px);display:flex;align-items:start;justify-content:space-between}#portfolio-about .inner .portfolio-pipeline{width:30%}#portfolio-about .inner .portfolio-card{width:100%;display:flex;justify-content:start;align-items:start;flex-direction:column;border:1px solid #ddd;overflow:hidden;border-radius:20px;box-shadow:10px 10px 10px #0000001a;margin-bottom:60px}#portfolio-about .inner .portfolio-card .card-img{width:100%;height:200px}#portfolio-about .inner .portfolio-card .card-img>div{width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}#portfolio-about .inner .portfolio-card .card-img>div.card01{background-image:url(/assets/img/bg_about_bn.jpeg)}#portfolio-about .inner .portfolio-card .card-img>div.card02{background-image:url(/assets/img/bg_main_tw.jpg)}#portfolio-about .inner .portfolio-card .card-img>div.card03{background-image:url(/assets/img/bg_main_bn.png)}#portfolio-about .inner .portfolio-card .card-img>div.card04{background-image:url(/assets/img/bg_about_bn.jpeg)}#portfolio-about .inner .portfolio-card .card-img>div.card05{background-image:url(/assets/img/bg_main_tw.jpg)}#portfolio-about .inner .portfolio-card .card-content{padding:30px;display:flex;flex-direction:column;gap:20px;white-space:pre-line}#portfolio-about .inner .portfolio-card .card-content .card-title{font-size:24px;color:#000;font-weight:600;line-height:1.2;white-space:pre-line}#portfolio-about .inner .portfolio-card .card-content .card-date{font-size:14px;color:#555}#portfolio-about .inner .portfolio-card .card-content .card-text{font-size:16px;color:#111}#portfolio-about .inner .portfolio-card .card-content .card-tag{display:flex;gap:10px;flex-wrap:wrap}#portfolio-about .inner .portfolio-card .card-content .card-tag .tag{padding:0 10px;border-radius:4px;background-color:#ecf2fe;color:#164ac8;font-size:14px}.card-static{padding:0 18px}.card-static .inner{width:100%;max-width:1320px;display:flex;flex-wrap:wrap;align-items:center;gap:60px}.card-static .cardListBox{padding:80px 20px}.card-static .cardList{display:flex;flex-wrap:wrap;justify-content:center;gap:48px;padding:0;margin:0;list-style:none;will-change:transform}.card-static .card{width:385px;border-radius:8px;display:flex;align-items:start;justify-content:start;font-size:32px;-webkit-user-select:none;user-select:none;overflow:hidden;flex-direction:column;background-color:#fff;border:1px solid #cdcdcd;height:360px;padding:50px 60px}.card-static .card:hover{transition:all .4s ease;box-shadow:0 12px 12px #ddd;transform:scale(1.04)}.card-static .card .card-title{font-size:24px;font-weight:600}.card-static .card .card-title>span{line-height:1.6}.card-static .card .card-title{margin-bottom:16px}.card-static .card .card-content{font-size:17px;font-weight:400;color:#555}.card-static .card .image{width:72px;height:72px;min-height:72px;margin-bottom:28px;border-radius:8px;overflow:hidden}.card-static .card img{width:100%;height:100%;object-fit:cover;display:block}.card-static .card div:last-child{display:flex;justify-content:center;align-items:center}#hr-banner{position:relative;width:100%;min-height:500px;background-image:linear-gradient(180deg,#0d2565,#204ab0)}#hr-banner .inner{position:relative;z-index:1;display:flex;justify-content:center;max-width:1480px;width:100%;height:500px}#hr-banner .inner .intro-box{flex:1;display:flex;justify-content:start;align-items:center;color:#eee;padding:40px;height:100%}#hr-banner .inner .intro-box .intro-bn-left-cover .intro-bn-left-title{font-size:24px}#hr-banner .inner .intro-box .intro-bn-left-cover .intro-bn-left-title span:first-child{display:block;font-size:56px;font-weight:600;line-height:1}#hr-banner .inner .intro-box .intro-bn-left-cover .intro-bn-left-text{font-size:24px;margin-bottom:80px}#hr-banner:after{content:"";position:absolute;inset:0 0 0 50%;background:url(/assets/img/hr_banner.jpg) center/cover no-repeat;filter:grayscale(100%) contrast(1.2) brightness(.9);z-index:0}#hr-info .inner{max-width:1480px;display:flex;flex-direction:column;align-items:center;text-align:center}#hr-info .inner .info-title{position:relative;font-size:36px;margin-bottom:35px;font-weight:600;color:#0d2665;display:flex;flex-direction:column;align-items:start;line-height:1}#hr-info .inner .info-title span{display:inline;font-size:14px;font-weight:600;color:#eee;background:#164ac8;padding:8px 16px;margin-bottom:15px;border-radius:4px;line-height:1}#hr-about-card{padding:0;color:#000;margin:120px 0}#hr-about-card .inner{width:100%;max-width:1320px;display:flex;white-space:nowrap;align-items:start;position:relative}@container (max-width : 1320px){#hr-about-card .inner{display:block!important}}#hr-about-card .card-info{padding:0 28px 28px;min-width:500px;width:500px;margin-right:100px;display:flex;flex-direction:column;height:400px}#hr-about-card .card-info .card-title{font-size:40px;margin-bottom:64px;font-weight:600;color:#111;line-height:1.4;padding-top:0}#hr-about-card .cardList{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;padding:0;margin:0}#hr-about-card .card{flex:0 0 auto;display:flex;align-items:start;justify-content:start;font-size:32px;flex-direction:column;padding-inline:4.5rem;position:relative;padding:30px 40px;overflow:hidden;border-radius:12px;width:350px;height:200px}#hr-about-card .card .card-title{font-size:27px;color:#1e1c21;font-weight:700;display:block;width:100%;text-align:start}#hr-about-card .card .card-content{font-size:17px;color:#1e1c21;font-weight:400;height:200px;line-height:1.6;white-space:pre-line;padding-top:10px}#hr-about-card .card img{width:120px;position:absolute;right:20px;bottom:-20px;opacity:.4}#hr-card{padding:0 18px;margin-bottom:120px}#hr-card .inner{width:100%;max-width:1280px;display:flex;flex-wrap:wrap;align-items:center;gap:60px}#hr-card .cardListBox{padding:40px 0;border-radius:12px}#hr-card .cardList{display:flex;flex-wrap:wrap;justify-content:center;gap:60px;padding:0;margin:0;list-style:none;will-change:transform}#hr-card .card{flex:0 0 auto;width:385px;border-radius:8px;display:flex;align-items:start;justify-content:start;font-size:32px;-webkit-user-select:none;user-select:none;overflow:hidden;flex-direction:column;background-color:#fefefe;padding:40px;position:relative;border:1px solid rgba(200,200,200,.8)}#hr-card .card:hover>.image{animation:flip-back .2s ease-out forwards}@keyframes flip-back{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}#hr-card .card .card-title{font-weight:600;margin-top:50px;font-size:22px}#hr-card .card .card-title>span{line-height:1.6}#hr-card .card .card-title{margin-bottom:16px}#hr-card .card .card-content{font-size:16px;font-weight:500;color:#666;white-space:pre-line}#hr-card .card .image{width:80px;height:80px;min-height:80px;position:absolute;right:40px}@keyframes spin{0%{transform:scale(.6)}50%{transform:scale(1)}to{transform:scale(.6)}}#hr-card .card img{width:100%;height:100%;object-fit:cover;display:block}#hr-card .card div:last-child{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.about-btn-box{border-radius:8px;overflow:hidden;width:140px;cursor:pointer;font-size:16px}.about-btn-box .about-btn-box-inner{height:40px;position:relative;transition:background-color .4s ease}.about-btn-box .about-btn-box-inner.hr{transition:all .2s ease-out;background-color:#fff;border-radius:20px;color:#0c328e;font-weight:700;border:1px solid #0C328E}.about-btn-box .about-btn-box-inner.hr:hover{background:#0c328e;color:#fff;font-weight:500}.about-btn-box .about-btn-box-inner>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform .4s ease}@font-face{font-family:Pretendard Variable;src:url(/assets/PretendardVariable-CJuje-Rk.woff2) format("woff2-variations");font-weight:45 920;font-style:normal;font-display:swap}:root{--font-sans: "Pretendard Variable", Roboto, sans-serif;--container: 156rem;--primary: #1363aa}html{font-size:62.5%}body{margin:0;font-family:var(--font-sans);overflow-x:hidden;font-size:1.6rem;line-height:1.6;color:#000}