section.line{background-color:#5ebd15;justify-content:center;align-items:center;width:100%;height:800px;display:flex;position:relative;overflow:hidden}section.line .bg-line{z-index:2;opacity:0;background-repeat:no-repeat;animation:24s linear infinite floatUpFancy;position:absolute}section.line .bg-line.bg-line-01{content:url(/images/index/bg-line-01.svg);width:24%}section.line .bg-line.bg-line-02{content:url(/images/index/bg-line-02.svg);width:35%}section.line .bg-line.bg-line-03{content:url(/images/index/bg-line-03.svg);width:13%}section.line .bg-line.bg-line-04{content:url(/images/index/bg-line-04.svg);width:35%}section.line .bg-line.bg-line-05{content:url(/images/index/bg-line-05.svg);width:15%}section.line .bg-line.bg-line-06{content:url(/images/index/bg-line-06.svg);width:6%}section.line .bg-line.bg-line-07{content:url(/images/index/bg-line-07.svg);width:15%}section.line .bg-line.bg-line-08{content:url(/images/index/bg-line-08.svg);width:35%}section.line .bg-line.bg-line1.bg-line-01{animation-delay:.1s;top:50%;right:10%}section.line .bg-line.bg-line1.bg-line-02{animation-delay:7.3s;bottom:-10%;right:7%}section.line .bg-line.bg-line1.bg-line-03{animation-delay:9s;top:0%;right:10%}section.line .bg-line.bg-line1.bg-line-04{animation-delay:7s;top:50%;left:-5%}section.line .bg-line.bg-line1.bg-line-05{animation-delay:9.1s;bottom:-40%;left:10%}section.line .bg-line.bg-line1.bg-line-06{animation-delay:.2s;top:10%;right:0%}section.line .bg-line.bg-line1.bg-line-07{animation-delay:0s;top:-5%;left:-5%}section.line .bg-line.bg-line1.bg-line-08{animation-delay:7.1s;top:5%;left:35%}section.line .bg-line.bg-line2.bg-line-01{animation-delay:13.1s;top:10%;left:2%}section.line .bg-line.bg-line2.bg-line-02{animation-delay:15.3s;top:0%;right:0}section.line .bg-line.bg-line2.bg-line-03{animation-delay:17s;top:36%;left:15%}section.line .bg-line.bg-line2.bg-line-04{animation-delay:13s;top:47%;right:20%}section.line .bg-line.bg-line2.bg-line-05{animation-delay:17.1s;top:40%;right:0%}section.line .bg-line.bg-line2.bg-line-06{animation-delay:13.2s;top:340px;left:0%}section.line .bg-line.bg-line2.bg-line-07{animation-delay:17s;bottom:-20%;left:10%}section.line .bg-line.bg-line2.bg-line-08{animation-delay:15.1s;bottom:-10%;right:14%}@media screen and (max-width:913px){section.line .bg-line.bg-line1.bg-line-01{width:70%;top:auto;bottom:10%;left:3%}section.line .bg-line.bg-line1.bg-line-02{width:100%;inset:auto auto 0 0}section.line .bg-line.bg-line1.bg-line-03{width:25%;top:30%;left:auto;right:20%}section.line .bg-line.bg-line1.bg-line-04{width:70%;top:50%;left:-10%;right:auto}section.line .bg-line.bg-line1.bg-line-05{width:25%;inset:50% -2% auto auto}section.line .bg-line.bg-line1.bg-line-06{width:10%;inset:10% 2% auto auto}section.line .bg-line.bg-line1.bg-line-07{width:40%;inset:25% auto auto -5%}section.line .bg-line.bg-line1.bg-line-08{width:80%;inset:2% auto auto -3%}section.line .bg-line.bg-line2.bg-line-01{width:70%;inset:25% -3% auto auto}section.line .bg-line.bg-line2.bg-line-02{width:100%;top:0;left:auto;right:-15%}section.line .bg-line.bg-line2.bg-line-03{width:25%;top:30%;left:auto;right:25%}section.line .bg-line.bg-line2.bg-line-04{width:70%;top:40%;left:auto;right:-10%}section.line .bg-line.bg-line2.bg-line-05{width:25%;inset:60% 0 auto auto}section.line .bg-line.bg-line2.bg-line-06{width:10%;top:15%;left:0;right:auto}section.line .bg-line.bg-line2.bg-line-07{width:45%;top:auto;bottom:20%;left:25%}section.line .bg-line.bg-line2.bg-line-08{width:80%;inset:auto auto -10% 5%}}@keyframes floatUpFancy{0%{opacity:0;-webkit-animation-timing-function:linear;-webkit-transform:translateY(100px)scale(1)rotate(0)skew(0deg)}to{opacity:0;-webkit-animation-timing-function:linear;-webkit-transform:translateY(-100px)scale(1)rotate(0)skew(0deg)}25%{opacity:1;-webkit-animation-timing-function:linear;-webkit-transform:translate(0)scale(1)rotate(0)skew(0deg)}50%{opacity:0;-webkit-animation-timing-function:linear;-webkit-transform:translateY(-200px)scale(1)rotate(0)skew(0deg)}}section.line .circle{position:relative;top:-10px}@media screen and (max-width:913px){section.line .circle{top:0}}section.line .circle a{z-index:3;background-color:#fff;border-radius:100vh;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:416.596px;height:416.596px;text-decoration:none;display:flex;position:relative}@media screen and (max-width:913px){section.line .circle a{gap:12px;width:314px;height:314px}}section.line .circle a:before{content:"";z-index:-1;background:#fff;border-radius:100vh;width:100%;height:100%;animation:4s cubic-bezier(.3,0,.1,1) infinite ripple;position:absolute;top:0;left:0}section.line .circle a h2{color:#5ebd15;text-align:center;letter-spacing:1.7px;margin:0;font-size:34px;font-weight:700;line-height:130%}@media screen and (max-width:913px){section.line .circle a h2{letter-spacing:1.3px;font-size:26px}}section.line .circle a p{text-align:center;letter-spacing:.8px;color:#121212;margin:0;font-size:16px;font-weight:500;line-height:170%}@media screen and (max-width:913px){section.line .circle a p{letter-spacing:.65px;font-size:13px}}section.line .circle a img{width:40px;height:40px}@media screen and (max-width:913px){section.line .circle a img{width:28px;height:28px}}@keyframes ripple{0%{opacity:0;transform:scale(1)}60%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}
div.about-page{padding-top:70px}@media screen and (max-width:767px){div.about-page{padding-top:52px}}div.about-page h2{letter-spacing:1.5px;margin:0;font-size:30px;font-style:normal;font-weight:700;line-height:170%}@media screen and (max-width:652px){div.about-page h2{letter-spacing:1.1px;font-size:22px}}div.about-page h2 span{font-family:var(--font-poppins);letter-spacing:1px;color:#fcdb17;font-size:20px;font-style:normal;font-weight:400;line-height:170%;display:block}@media screen and (max-width:652px){div.about-page h2 span{letter-spacing:.8px;font-size:16px}}div.about-page section.about-header{z-index:1;background-image:url(/images/about/about-header.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;gap:32px;height:440px;display:flex;position:relative}@media screen and (max-width:767px){div.about-page section.about-header{height:390px}}div.about-page section.about-header:after{content:"";z-index:-1;background-color:#12121299;width:100%;height:440px;position:absolute;top:0;left:0}@media screen and (max-width:767px){div.about-page section.about-header:after{height:390px}}div.about-page section.about-header .text{flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}div.about-page section.about-header .text h1{color:#fff;letter-spacing:1.5px;text-align:center;margin:0;font-size:30px;font-style:normal;font-weight:700;line-height:150%}@media screen and (max-width:767px){div.about-page section.about-header .text h1{letter-spacing:1px;font-size:20px}}div.about-page section.about-header .text p{color:#fff;letter-spacing:.8px;text-align:center;margin:0;font-size:16px;font-style:normal;font-weight:400;line-height:200%}@media screen and (max-width:767px){div.about-page section.about-header .text p{letter-spacing:.7px;padding:0 16px;font-size:14px}}div.about-page section.about-header .about-line{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}div.about-page section.about-header .about-line span{letter-spacing:.75px;color:#fff;align-items:center;gap:8px;font-size:15px;font-style:normal;font-weight:500;line-height:170%;display:flex}@media screen and (max-width:767px){div.about-page section.about-header .about-line span{letter-spacing:.7px;font-size:14px}}div.about-page section.about-header .about-line span:before,div.about-page section.about-header .about-line span:after{content:"";background-image:url(/images/common/stroke.svg);background-repeat:no-repeat;width:15px;height:15px}div.about-page section.about-header .about-line span:after{transform:rotate(90deg)}div.about-page section.about-content{justify-content:space-between;width:1320px;margin:auto;padding:80px 0;display:flex}@media screen and (max-width:1320px){div.about-page section.about-content{flex-direction:column;gap:16px;width:652px;padding:40px 0}}@media screen and (max-width:652px){div.about-page section.about-content{width:100%;padding:40px 16px}}div.about-page section.about-content .img{width:588px}@media screen and (max-width:1320px){div.about-page section.about-content .img{order:2}}@media screen and (max-width:652px){div.about-page section.about-content .img{width:100%}}div.about-page section.about-content .img img{width:100%;height:auto}div.about-page section.about-content .text{flex-direction:column;gap:32px;width:652px;display:flex}@media screen and (max-width:1320px){div.about-page section.about-content .text{order:1}}@media screen and (max-width:652px){div.about-page section.about-content .text{gap:16px;width:100%;padding:0 16px}}div.about-page section.about-content .text p{color:#121212;letter-spacing:.75px;margin:0;font-size:15px;font-weight:400;line-height:240%}@media screen and (max-width:652px){div.about-page section.about-content .text p{letter-spacing:.65px;font-size:13px;line-height:220%}}div.about-page section.about-company{background-color:#f6f6f6;padding:80px 0}@media screen and (max-width:652px){div.about-page section.about-company{padding:40px 0}}div.about-page section.about-company .about-company-wrap{flex-direction:column;gap:64px;width:1116px;margin:auto;display:flex}@media screen and (max-width:1320px){div.about-page section.about-company .about-company-wrap{width:652px}}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap{gap:32px;width:100%;padding:0 16px}}div.about-page section.about-company .about-company-wrap .about-company-detail{flex-direction:column;align-items:center;gap:32px;display:flex}div.about-page section.about-company .about-company-wrap .about-company-detail h2{text-align:center}div.about-page section.about-company .about-company-wrap .about-company-detail .about-company-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:848px;display:flex}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap .about-company-detail .about-company-text{width:100%;padding:0 16px}}div.about-page section.about-company .about-company-wrap .about-company-detail .about-company-text img{width:455px;height:67px}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap .about-company-detail .about-company-text img{width:326px;height:auto}}div.about-page section.about-company .about-company-wrap .about-company-detail .about-company-text p{letter-spacing:.75px;text-align:center;margin:0;font-size:15px;font-style:normal;font-weight:400;line-height:240%}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap .about-company-detail .about-company-text p{letter-spacing:.7px;text-align:left;font-size:14px;line-height:220%}}div.about-page section.about-company .about-company-wrap .about-company-service{flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap .about-company-service{gap:16px}}div.about-page section.about-company .about-company-wrap .about-company-service h3{letter-spacing:1.2px;margin:0;font-size:24px;font-style:normal;font-weight:700;line-height:170%}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap .about-company-service h3{letter-spacing:.9px;font-size:18px;line-height:170%}}div.about-page section.about-company .about-company-wrap .about-company-service .about-company-service-wrap{flex-direction:column;gap:24px;display:flex}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap .about-company-service .about-company-service-wrap{gap:16px;width:100%}}div.about-page section.about-company .about-company-wrap .about-company-service .about-company-service-wrap .service{background-color:#fff;border-radius:8px;gap:56px;padding:40px;display:flex}@media screen and (max-width:1320px){div.about-page section.about-company .about-company-wrap .about-company-service .about-company-service-wrap .service{flex-direction:column}}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap .about-company-service .about-company-service-wrap .service{gap:28px;padding:20px}}div.about-page section.about-company .about-company-wrap .about-company-service .about-company-service-wrap .service .img img{object-fit:cover;object-position:center;border-radius:8px;width:420px;height:256px}@media screen and (max-width:1320px){div.about-page section.about-company .about-company-wrap .about-company-service .about-company-service-wrap .service .img img{aspect-ratio:318/193.83;width:100%;height:auto}}div.about-page section.about-company .about-company-wrap .about-company-service .about-company-service-wrap .service .text{flex-direction:column;gap:32px;width:560px;display:flex}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap .about-company-service .about-company-service-wrap .service .text{gap:16px;width:100%}}div.about-page section.about-company .about-company-wrap .about-company-service .about-company-service-wrap .service .text .text-detail{flex-direction:column;gap:24px;display:flex}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap .about-company-service .about-company-service-wrap .service .text .text-detail{gap:12px}}div.about-page section.about-company .about-company-wrap .about-company-service .about-company-service-wrap .service .text .text-detail h4{border-left:3px solid #fcdb17;margin:0;padding:0 16px;font-size:22px;font-weight:500;line-height:150%}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap .about-company-service .about-company-service-wrap .service .text .text-detail h4{font-size:18px}}div.about-page section.about-company .about-company-wrap .about-company-service .about-company-service-wrap .service .text .text-detail p{margin:0;font-size:14px;font-weight:400;line-height:200%}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap .about-company-service .about-company-service-wrap .service .text .text-detail p{font-size:12px}}div.about-page section.about-company .about-company-wrap .about-company-service .about-company-service-wrap .service .text a{color:#121212;text-underline-position:from-font;font-size:14px;font-weight:400;line-height:200%;text-decoration-line:underline}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap .about-company-service .about-company-service-wrap .service .text a{font-size:12px}}div.about-page section.about-company .about-company-wrap .about-company-service .about-company-service-wrap .service .text a:hover{text-decoration:none}div.about-page section.about-company .about-company-wrap .about-group{flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap .about-group{gap:16px}}div.about-page section.about-company .about-company-wrap .about-group h3{letter-spacing:1.2px;margin:0;font-size:24px;font-style:normal;font-weight:700;line-height:170%}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap .about-group h3{letter-spacing:.9px;font-size:18px;line-height:170%}}div.about-page section.about-company .about-company-wrap .about-group .about-group-wrap{justify-content:space-between;align-items:flex-start;width:100%;display:flex}@media screen and (max-width:1320px){div.about-page section.about-company .about-company-wrap .about-group .about-group-wrap{flex-direction:column;align-items:center;gap:16px}}div.about-page section.about-company .about-company-wrap .about-group .about-group-wrap .group{background-color:#fff;border-radius:8px;flex-direction:column;gap:24px;width:352px;height:295px;padding:20px;display:flex}@media screen and (max-width:1320px){div.about-page section.about-company .about-company-wrap .about-group .about-group-wrap .group{justify-content:center;align-items:center;width:100%;height:auto}}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap .about-group .about-group-wrap .group{gap:12px;height:266px;padding:16px}}div.about-page section.about-company .about-company-wrap .about-group .about-group-wrap .group .img img{width:312px;height:140px}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap .about-group .about-group-wrap .group .img img{height:auto}}div.about-page section.about-company .about-company-wrap .about-group .about-group-wrap .group .text{flex-direction:column;gap:8px;display:flex}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap .about-group .about-group-wrap .group .text{gap:4px;width:100%}}div.about-page section.about-company .about-company-wrap .about-group .about-group-wrap .group .text h4{letter-spacing:.8px;margin:0;font-size:16px;line-height:170%}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap .about-group .about-group-wrap .group .text h4{letter-spacing:.75px;font-size:15px}}div.about-page section.about-company .about-company-wrap .about-group .about-group-wrap .group .text ul{margin:0;padding-left:1em;list-style:none}div.about-page section.about-company .about-company-wrap .about-group .about-group-wrap .group .text ul li{letter-spacing:.7px;font-size:14px;font-style:normal;font-weight:400;line-height:200%;position:relative}@media screen and (max-width:652px){div.about-page section.about-company .about-company-wrap .about-group .about-group-wrap .group .text ul li{letter-spacing:.65px;font-size:13px}}div.about-page section.about-company .about-company-wrap .about-group .about-group-wrap .group .text ul li:before{content:"";background-color:#121212;border-radius:100vh;width:4px;height:4px;margin:auto;display:block;position:absolute;top:0;bottom:0;left:-1em}
