@import"../css/reset.css";@import"../css/font.css";@import"../css/remixicon.css";@import"../css/layout.min.css";@keyframes tracking-in-expand{0%{letter-spacing:-0.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}#container.active .sub-title,#container.active .sub-text{opacity:1;letter-spacing:0}#container.active #tab-menu{opacity:1;transform:translateY(0)}#container.active #portfolio .head{width:100%}#container.active #portfolio .head::before{width:100%}#container.active #portfolio .head>.wrap::before{opacity:1}#container.active #portfolio .head .title::before{opacity:1}#container.active #solution .solution-top .comment .comment-item{opacity:1}#container.active #solution .solution-top .mockup{transform:rotate3d(0, 1, 0, -720deg)}#sub-head{margin-top:180px;text-align:center;font-weight:700;padding:0 3%}@media all and (max-width: 1024px){#sub-head{margin-top:130px}}@media all and (max-width: 768px){#sub-head{margin-top:100px}}#sub-head .sub-title{opacity:0;letter-spacing:-0.5em;transition:1s;font-family:"Poppins",sans-serif;font-size:70px}@media all and (max-width: 1024px){#sub-head .sub-title{font-size:50px}}@media all and (max-width: 768px){#sub-head .sub-title{font-size:40px}}#sub-head .sub-text{opacity:0;letter-spacing:-0.5em;font-size:70px;margin-top:10px;transition:1s;transition-delay:.2s}@media all and (max-width: 1024px){#sub-head .sub-text{font-size:50px}}@media all and (max-width: 768px){#sub-head .sub-text{font-size:40px}}#sub-head .sub-text>span{color:#fe4400}#tab-menu{margin-top:80px;text-align:center;padding:0 3%;margin-bottom:100px;opacity:0;transform:translateY(50px);transition:1s;transition-delay:.4s}@media all and (max-width: 768px){#tab-menu{margin:30px 0;overflow-x:auto}}#tab-menu .list{display:inline-flex;justify-content:center;position:relative;gap:0 30px}@media all and (max-width: 1024px){#tab-menu .list{gap:0 15px}}@media all and (max-width: 768px){#tab-menu .list{gap:0 5px}}#tab-menu .list .bg{z-index:-1;display:block;position:absolute;top:0;height:100%;border-radius:56px;background:linear-gradient(135deg, rgba(236, 102, 8, 0.9) 0%, rgba(222, 59, 0, 0.9) 100%) no-repeat center;backdrop-filter:blur(5px);transition:.3s}#tab-menu .list .item .anchor{font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;height:56px;padding:0 30px;text-align:center;transition:.3s}@media all and (max-width: 768px){#tab-menu .list .item .anchor{font-size:14px;height:40px;padding:0 10px}}#tab-menu .list .item.active .anchor{color:#fff}.tab-panel{display:none}.tab-panel.active{display:block}@keyframes characterMove{to{margin-top:-20px}}#portfolio{margin:80px 0 70px}@media all and (max-width: 768px){#portfolio{margin:40px 0 30px}}#portfolio .head{position:relative}#portfolio .head::before{background-color:#ff9807;width:100%;height:100%;display:block;position:absolute;z-index:-1;width:0;transition:1s;transition-delay:.8s}#portfolio .head>.wrap{display:flex;align-items:baseline;gap:100px;position:relative;padding-top:130px;padding-bottom:40px}@media all and (max-width: 768px){#portfolio .head>.wrap{padding-top:35px;padding-bottom:35px;flex-wrap:wrap;gap:20px}}#portfolio .head>.wrap::before{display:block;position:absolute;top:-276px;right:9px;width:267px;height:388px;background:url("../images/sub/portfolio-character.png") no-repeat center/contain;animation:characterMove 1s infinite alternate;opacity:0;transition:.5s 1s}@media all and (max-width: 1530px){#portfolio .head>.wrap::before{right:-43px}}@media all and (max-width: 1230px){#portfolio .head>.wrap::before{display:none}}#portfolio .head .title{color:#fff;font-size:40px;font-weight:800;position:relative}@media all and (max-width: 768px){#portfolio .head .title{font-size:30px}}#portfolio .head .title::before{display:block;position:absolute;bottom:100%;left:0;width:60px;height:60px;border-radius:50%;margin-bottom:20px;background:url("../images/main/portfolio-ico.svg") no-repeat center,linear-gradient(135deg, rgba(236, 102, 8, 0.9) 0%, rgba(222, 59, 0, 0.9) 100%);backdrop-filter:blur(5px);box-shadow:3px 5px 10px 0px rgba(0,0,0,.1);opacity:0;transition:.5s 1s}@media all and (max-width: 768px){#portfolio .head .title::before{position:static;margin-bottom:10px;width:40px;height:40px;background-size:20px,auto}}#portfolio .head .text{color:#fff;font-size:20px;font-weight:700}@media all and (max-width: 768px){#portfolio .head .text{font-size:16px}}#portfolio .inner{margin-top:100px}@media all and (max-width: 768px){#portfolio .inner{margin-top:40px}}#portfolio .inner .list{margin:0 auto;padding-left:15px}@media all and (max-width: 768px){#portfolio .inner .list{padding:0 3%}}#portfolio .inner .list .item{cursor:pointer;overflow:hidden;width:calc(25% - 40px);margin-bottom:40px}@media all and (max-width: 1230px){#portfolio .inner .list .item{width:calc(33.33% - 40px)}}@media all and (max-width: 1024px){#portfolio .inner .list .item{width:calc(50% - 40px)}}@media all and (max-width: 768px){#portfolio .inner .list .item{width:auto;border-radius:0;margin-bottom:20px}}#portfolio .inner .list .item.hide{display:none}#portfolio .inner .list .item>img{border-radius:20px;width:100%}@media all and (max-width: 768px){#portfolio .inner .list .item>img{border-radius:20px;width:auto;height:auto;object-fit:none}}#portfolio .inner .list .item .text{margin-top:10px}@media all and (max-width: 1024px){#portfolio .inner .list .item .text{margin-top:15px}}#portfolio .inner .list .item .text .title{font-size:24px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media all and (max-width: 1024px){#portfolio .inner .list .item .text .title{font-size:20px}}@media all and (max-width: 768px){#portfolio .inner .list .item .text .title{font-size:18px}}#portfolio .inner .list .item .text .info{font-size:18px;font-weight:500;color:#646a7a}@media all and (max-width: 1024px){#portfolio .inner .list .item .text .info{font-size:16px;margin-top:5px}}@media all and (max-width: 768px){#portfolio .inner .list .item .text .info{font-size:14px}}.portfolio-lp .pop-inner{padding-right:0;padding-left:0}.portfolio-lp .lp-title{font-size:40px;padding:0 50px}@media all and (max-width: 768px){.portfolio-lp .lp-title{padding:0 20px;font-size:20px}}.portfolio-lp .lp-subtitle{text-align:center;font-size:18px;font-weight:500;color:#454545;margin-top:10px;padding:0 50px}@media all and (max-width: 768px){.portfolio-lp .lp-subtitle{padding:0 20px;font-size:16px}}.portfolio-lp .lp-cont{padding:0}.portfolio-lp .lp-cont .info{display:flex;justify-content:center;gap:10px 50px;flex-wrap:wrap}@media all and (max-width: 768px){.portfolio-lp .lp-cont .info{gap:10px 20px}}.portfolio-lp .lp-cont .info>.info-item{position:relative;padding-left:53px;display:flex;align-items:center;min-height:38px;font-size:18px;font-weight:700}@media all and (max-width: 768px){.portfolio-lp .lp-cont .info>.info-item{min-height:32px;font-size:16px;padding-left:37px}}.portfolio-lp .lp-cont .info>.info-item::before,.portfolio-lp .lp-cont .info>.info-item::after{display:block;width:38px;height:38px;position:absolute;top:0;left:0}@media all and (max-width: 768px){.portfolio-lp .lp-cont .info>.info-item::before,.portfolio-lp .lp-cont .info>.info-item::after{width:32px;height:32px}}.portfolio-lp .lp-cont .info>.info-item::before{border-radius:50%;background:linear-gradient(135deg, rgba(236, 102, 8, 0.9) 0%, rgba(222, 59, 0, 0.9) 100%) no-repeat center;backdrop-filter:blur(5px);box-shadow:3px 5px 10px 0px rgba(0,0,0,.1)}.portfolio-lp .lp-cont .info>.info-item::after{text-align:center;color:#fff;font-family:"remixicon";line-height:38px;font-weight:400}@media all and (max-width: 768px){.portfolio-lp .lp-cont .info>.info-item::after{line-height:32px}}.portfolio-lp .lp-cont .info .date::after{content:""}.portfolio-lp .lp-cont .info .name::after{content:""}.portfolio-lp .lp-cont .main-img{margin-top:37px}.portfolio-lp .lp-cont .main-img .anchor{display:block;height:676px}@media all and (max-width: 768px){.portfolio-lp .lp-cont .main-img .anchor{height:350px}}.portfolio-lp .lp-cont .main-img .anchor>img{width:100%;height:100%;object-fit:cover;object-position:center}.portfolio-lp .lp-cont .concept-title{margin-top:45px;padding:0 50px;font-size:20px;font-weight:700}@media all and (max-width: 768px){.portfolio-lp .lp-cont .concept-title{padding:0 20px}}.portfolio-lp .lp-cont .concept-text{margin-top:25px;padding:0 50px;font-size:18px;font-weight:500;color:#646a7a}@media all and (max-width: 768px){.portfolio-lp .lp-cont .concept-text{padding:0 20px}}.portfolio-lp .lp-cont .concept-img{padding:0 50px;margin-top:35px;display:flex}@media all and (max-width: 768px){.portfolio-lp .lp-cont .concept-img{padding:0 20px;margin-top:20px;flex-wrap:wrap}}.portfolio-lp .lp-cont .concept-img .item{flex-basis:100%}#solution{margin-top:70px}@media all and (max-width: 768px){#solution{margin-top:30px}}#solution .solution-name{text-align:center;font-size:40px;font-weight:700}@media all and (max-width: 1024px){#solution .solution-name{font-size:35px}}@media all and (max-width: 768px){#solution .solution-name{font-size:30px}}#solution .solution-subtitle{margin-top:25px;font-size:20px;font-weight:700;text-align:center;color:#646a7a}@media all and (max-width: 1024px){#solution .solution-subtitle{font-size:18px}}@media all and (max-width: 768px){#solution .solution-subtitle{margin-top:10px;font-size:16px}}#solution .solution-top{margin-top:70px;background-color:#f6f8fc}@media all and (max-width: 768px){#solution .solution-top{margin-top:30px;text-align:center}}#solution .solution-top>.wrap{height:549px}@media all and (max-width: 1230px){#solution .solution-top>.wrap{height:449px}}@media all and (max-width: 1024px){#solution .solution-top>.wrap{height:389px}}@media all and (max-width: 768px){#solution .solution-top>.wrap{height:auto;padding:20px 3%}}#solution .solution-top .mockup{position:absolute;top:102px;left:227px;transition:.8s}@media all and (max-width: 1530px){#solution .solution-top .mockup{left:0}}@media all and (max-width: 1230px){#solution .solution-top .mockup{top:39px;left:90px}}@media all and (max-width: 1024px){#solution .solution-top .mockup{width:360px;left:3%}}@media all and (max-width: 768px){#solution .solution-top .mockup{position:static;display:block;margin:0 auto 20px}}#solution .solution-top .comment{position:absolute;left:653px;top:99px}@media all and (max-width: 1530px){#solution .solution-top .comment{left:393px}}@media all and (max-width: 1230px){#solution .solution-top .comment{top:39px;left:50%;max-width:50%}}@media all and (max-width: 768px){#solution .solution-top .comment{display:inline-block;position:static;max-width:100%}}@keyframes commentAni{to{backdrop-filter:blur(10px);transform:translateY(-10px)}}#solution .solution-top .comment .comment-item{box-shadow:5px 10px 20px 0px rgba(0,0,0,.1);background-color:#fff;border-radius:72px;display:flex;align-items:center;justify-content:center;width:fit-content;padding:0 54px;min-height:72px;font-size:18px;font-weight:700;text-align:center;animation:commentAni 1s infinite alternate;opacity:0;transition:1s}#solution .solution-top .comment .comment-item:nth-child(1){animation-delay:.2s}#solution .solution-top .comment .comment-item:nth-child(2){animation-delay:.5s}#solution .solution-top .comment .comment-item:nth-child(4){animation-delay:.1s}@media all and (max-width: 1024px){#solution .solution-top .comment .comment-item{padding:0 30px;min-height:60px;font-size:16px}}@media all and (max-width: 768px){#solution .solution-top .comment .comment-item{padding:0 15px;min-height:50px;font-size:14px}}#solution .solution-top .comment .comment-item:nth-child(1){margin-left:70px}#solution .solution-top .comment .comment-item:nth-child(2){margin-top:22px}#solution .solution-top .comment .comment-item:nth-child(3){margin-top:8px;margin-left:144px}#solution .solution-top .comment .comment-item:nth-child(4){margin-top:40px;margin-left:70px}#solution .solution-top .madal{position:absolute;right:191px;top:121px;display:flex;gap:10px}@media all and (max-width: 1530px){#solution .solution-top .madal{right:0}}@media all and (max-width: 1230px){#solution .solution-top .madal{top:-50px;right:3%}}@media all and (max-width: 768px){#solution .solution-top .madal{top:-25px}}#solution .solution-top .madal>img{display:block}@media all and (max-width: 1230px){#solution .solution-top .madal>img{width:80px}}@media all and (max-width: 768px){#solution .solution-top .madal>img{width:50px}}#solution .solution-top .character{position:absolute}@media all and (max-width: 1230px){#solution .solution-top .character{display:none}}#solution .solution-top .character.n1{right:-7px;bottom:-27px}@media all and (max-width: 1530px){#solution .solution-top .character.n1{right:-27px}}#solution .solution-top .character.n2{right:136px;bottom:-71px}@media all and (max-width: 1530px){#solution .solution-top .character.n2{right:0}}#solution .solution-top .character.n3{right:90px;bottom:-71px}@media all and (max-width: 1530px){#solution .solution-top .character.n3{right:0}}#solution .solution-top .character.n4{right:130px;bottom:-71px}@media all and (max-width: 1530px){#solution .solution-top .character.n4{right:0}}#solution .solution-keyword{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 50px;margin-top:34px;margin-bottom:122px}@media all and (max-width: 1024px){#solution .solution-keyword{gap:10px 20px}}@media all and (max-width: 768px){#solution .solution-keyword{margin-top:20px;margin-bottom:50px}}#solution .solution-keyword .keyword-item{padding-left:53px;position:relative;display:flex;align-items:center;justify-content:center;min-height:38px;font-size:18px;font-weight:700}@media all and (max-width: 768px){#solution .solution-keyword .keyword-item{padding-left:33px;font-size:16px;min-height:28px}}#solution .solution-keyword .keyword-item::before,#solution .solution-keyword .keyword-item:after{display:block;position:absolute;top:0;left:0;width:38px;height:38px}@media all and (max-width: 768px){#solution .solution-keyword .keyword-item::before,#solution .solution-keyword .keyword-item:after{width:28px;height:28px}}#solution .solution-keyword .keyword-item::before{border-radius:50%;background:linear-gradient(135deg, rgba(236, 102, 8, 0.9) 0%, rgba(222, 59, 0, 0.9) 100%) no-repeat center;backdrop-filter:blur(5px)}#solution .solution-keyword .keyword-item::after{color:#fff;font-family:"remixicon";line-height:38px;font-size:18px;font-weight:400;text-align:center}@media all and (max-width: 768px){#solution .solution-keyword .keyword-item::after{line-height:28px;font-size:16px}}#solution .solution-keyword .keyword-item.n1::after{content:""}#solution .solution-keyword .keyword-item.n2::after{content:""}#solution .solution-keyword .keyword-item.n3::after{content:""}#solution .solution-title{margin:90px 0 14px;font-size:30px;font-weight:700}@media all and (max-width: 768px){#solution .solution-title{font-size:20px;margin:30px 0 10px}}#solution .gray-list{display:flex;flex-wrap:wrap;gap:10px}@media all and (max-width: 768px){#solution .gray-list{gap:5px}}#solution .gray-list>li{flex-basis:100%;background-color:#f6f8fc;border-radius:10px;padding:20px 50px;min-height:70px;color:#646a7a;display:flex;align-items:center;font-weight:500;font-size:18px}@media all and (max-width: 768px){#solution .gray-list>li{font-size:14px;padding:10px 15px;min-height:50px}}#solution .gray-list.col2>li{flex-basis:calc(50% - 5px)}@media all and (max-width: 1024px){#solution .gray-list.col2>li{flex-basis:100%}}#solution .gray-list.col2>li.full{flex-basis:100%}#solution .gray-list.auto>li{padding:10px 20px;flex-basis:auto;min-height:58px}@media all and (max-width: 768px){#solution .gray-list.auto>li{min-height:40px;padding:10px 15px}}#solution .premier-wrap{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px}@media all and (max-width: 1230px){#solution .premier-wrap{grid-template-columns:100%;gap:20px}}#solution .premier-wrap .premier-item{display:flex;align-items:center;background-color:rgba(246,248,252,.9);border-radius:30px;padding:35px 50px;gap:35px}@media all and (max-width: 1024px){#solution .premier-wrap .premier-item{padding:20px;gap:20px}}@media all and (max-width: 768px){#solution .premier-wrap .premier-item{flex-wrap:wrap;justify-content:center;text-align:center}}#solution .premier-wrap .premier-item>img{flex-shrink:0}@media all and (max-width: 768px){#solution .premier-wrap .premier-item>img{height:150px}}#solution .premier-wrap .premier-item .text-wrap .title{font-size:18px;font-weight:700}@media all and (max-width: 768px){#solution .premier-wrap .premier-item .text-wrap .title{font-size:16px}}#solution .premier-wrap .premier-item .text-wrap .text{margin-top:20px;font-weight:500;color:#646a7a}@media all and (max-width: 768px){#solution .premier-wrap .premier-item .text-wrap .text{margin-top:10px}}#solution .icon-list{display:flex;flex-wrap:wrap;gap:50px}@media all and (max-width: 1024px){#solution .icon-list{gap:30px}}#solution .icon-list .icon-item{flex-basis:100%;display:flex;align-items:center;min-height:150px;position:relative;flex-wrap:wrap;padding-left:194px;align-content:center}@media all and (max-width: 1024px){#solution .icon-list .icon-item{min-height:120px;padding-left:164px}}@media all and (max-width: 768px){#solution .icon-list .icon-item{min-height:80px;padding-left:100px}}#solution .icon-list .icon-item::before,#solution .icon-list .icon-item::after{display:block;position:absolute;top:0;bottom:0;left:0;margin:auto 0;width:150px;height:150px}@media all and (max-width: 1024px){#solution .icon-list .icon-item::before,#solution .icon-list .icon-item::after{width:120px;height:120px}}@media all and (max-width: 768px){#solution .icon-list .icon-item::before,#solution .icon-list .icon-item::after{width:80px;height:80px}}#solution .icon-list .icon-item::before{background:linear-gradient(135deg, #FEF2EB 0%, #FFBC9A 100%);border-radius:50%}#solution .icon-list .icon-item::after{text-align:center;line-height:150px;color:#fe4400;font-family:"remixicon";font-size:40px;font-weight:400}@media all and (max-width: 1024px){#solution .icon-list .icon-item::after{line-height:120px;font-size:30px}}@media all and (max-width: 768px){#solution .icon-list .icon-item::after{line-height:80px}}#solution .icon-list .icon-item .title{font-size:20px;font-weight:700;flex-basis:100%}@media all and (max-width: 768px){#solution .icon-list .icon-item .title{font-size:16px}}#solution .icon-list .icon-item .list{margin-top:10px}@media all and (max-width: 768px){#solution .icon-list .icon-item .list{margin-top:5px}}#solution .icon-list .icon-item .list>li{color:#646a7a;font-weight:500;position:relative;padding-left:15px}#solution .icon-list .icon-item .list>li+li{margin-top:5px}#solution .icon-list .icon-item .list>li::before{display:block;position:absolute;left:0;top:8px;width:4px;height:4px;background-color:#646a7a;border-radius:50%}@media all and (max-width: 768px){#solution .icon-list .icon-item .list>li::before{top:7px;width:3px;height:3px}}#solution .icon-list .icon-item.n1::after{content:""}#solution .icon-list .icon-item.n2::after{content:""}#solution .icon-list .icon-item.n3::after{content:""}#solution .icon-list .icon-item.n4::after{content:""}#solution .icon-list .icon-item.n5::after{content:""}#solution .icon-list .icon-item.n6::after{content:""}#solution .icon-list .icon-item.n7::after{content:""}#solution .icon-list .icon-item.n8::after{content:""}#solution .icon-list .icon-item.n9::after{content:""}#solution .icon-list .icon-item.n10::after{content:""}#solution .icon-list .icon-item.n11::after{content:""}#solution .icon-list .icon-item.n12::after{content:""}#solution .icon-list .icon-item.n13::after{content:""}#solution .icon-list .icon-item.n14::after{content:""}#solution .icon-list .icon-item.n15::after{content:""}#solution .icon-list .icon-item.n16::after{content:""}#solution .icon-list .icon-item.n17::after{content:""}#solution .icon-list .icon-item.n18::after{content:""}#solution .icon-list.col2 .icon-item{flex-basis:calc(50% - 25px)}@media all and (max-width: 1024px){#solution .icon-list.col2 .icon-item{flex-basis:100%}}#solution .solution-slide .slide-wrap{padding-bottom:20px}@media all and (max-width: 768px){#solution .solution-slide .slide-wrap{padding-bottom:0}}#solution .solution-slide .swiper-slide{width:260px}#solution .solution-slide .swiper-slide>a{display:block}#solution .solution-slide .swiper-slide .img-area{border-radius:20px;overflow:hidden}@media all and (max-width: 768px){#solution .solution-slide .swiper-slide .img-area{border-radius:10px}}#solution .solution-slide .swiper-slide .img-area>img{object-fit:cover;object-position:center;width:100%;height:100%}#solution .solution-slide .swiper-slide .info-area .project-name{font-size:24px;font-weight:700;margin-top:20px}@media all and (max-width: 768px){#solution .solution-slide .swiper-slide .info-area .project-name{font-size:16px;margin-top:10px}}#solution .solution-slide .swiper-slide .info-area .project-info{font-size:18px;font-weight:500;color:#646a7a;margin-top:5px}@media all and (max-width: 768px){#solution .solution-slide .swiper-slide .info-area .project-info{font-size:14px}}#solution .solution-control{margin-top:20px;display:flex;align-items:center}@media all and (max-width: 768px){#solution .solution-control{display:none}}#solution .solution-control .arrows{flex-shrink:0;display:flex;gap:10px}#solution .solution-control .arrows>button{width:50px;height:50px;font-size:0;line-height:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;box-shadow:5px 10px 20px 0px rgba(0,0,0,.1)}#solution .solution-control .arrows>button::before{display:block;font-family:"remixicon";font-size:24px}#solution .solution-control .arrows .prev::before{content:""}#solution .solution-control .arrows .next::before{content:""}#solution .solution-control .status{width:156px;display:flex;justify-content:center;gap:50px;width:120px;flex-shrink:0;position:relative}#solution .solution-control .status::before{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:30px;height:1px;background-color:#454545}#solution .solution-control .status>span{font-size:14px;font-weight:700}#solution .solution-control .status .total{position:relative;color:#454545}#solution .solution-control .progress{position:static;flex-basis:100%;height:3px;border-radius:3px;background-color:#e3e3e3}#solution .solution-control .progress .progress-bar{border-radius:3px;background:linear-gradient(135deg, rgba(236, 102, 8, 0.9) 0%, rgba(222, 59, 0, 0.9) 100%) no-repeat center;backdrop-filter:blur(5px);box-shadow:3px 5px 10px 0px rgba(0,0,0,.1);backdrop-filter:blur(5px);height:100%;display:block;background-color:#fe4400;transform-origin:left;transition:.3s}#header.white #logo>a{background-image:url("../images/common/logo-white.svg")}#header.white .sitemap-toggle{color:#fff}#header.white .sitemap-toggle::before,#header.white .sitemap-toggle::after,#header.white .sitemap-toggle>span::before{background-color:#fff}body.scroll #header.white #logo>a{background-image:url("../images/common/logo-black.svg")}body.scroll #header.white .sitemap-toggle{color:#000}body.scroll #header.white .sitemap-toggle::before,body.scroll #header.white .sitemap-toggle::after,body.scroll #header.white .sitemap-toggle>span::before{background-color:#000}body.scroll #header.active{height:100px;background-color:rgba(0,0,0,0);backdrop-filter:none}body.scroll #header.active #logo>a{background-image:url("../images/common/logo-white.svg")}body.scroll #header.active .sitemap-toggle{color:#fff}body.scroll #header.active .sitemap-toggle::before,body.scroll #header.active .sitemap-toggle::after,body.scroll #header.active .sitemap-toggle>span::before{background-color:#fff}#company{margin-bottom:-90px}@media all and (max-width: 768px){#company{margin-bottom:-40px}}#company .sub-visual{position:relative;height:100dvh;background:no-repeat center/cover;color:#fff}@media all and (max-width: 1230px){#company .sub-visual{display:flex;align-items:center}}#company .sub-visual>.wrap{height:100%;display:flex;align-content:end;padding-bottom:300px;flex-wrap:wrap;justify-content:center;text-align:center;position:static}@media all and (max-width: 1230px){#company .sub-visual>.wrap{padding-bottom:0;height:auto}}#company .sub-visual .title{flex-basis:100%;font-size:70px;font-weight:700;font-family:"Poppins",sans-serif;line-height:1;column-gap:30px;flex-wrap:wrap;display:flex;align-items:center;justify-content:center}@media all and (max-width: 1230px){#company .sub-visual .title{font-size:60px;column-gap:20px}}@media all and (max-width: 1024px){#company .sub-visual .title{font-size:50px}}@media all and (max-width: 768px){#company .sub-visual .title{font-size:40px;column-gap:10px}}#company .sub-visual .title img{font-size:0;line-height:0}@media all and (max-width: 1230px){#company .sub-visual .title img{width:230px}}@media all and (max-width: 1024px){#company .sub-visual .title img{width:200px}}@media all and (max-width: 768px){#company .sub-visual .title img{width:150px}}#company .sub-visual .text{font-size:70px;font-weight:700;line-height:1.1;margin-top:40px}@media all and (max-width: 1230px){#company .sub-visual .text{font-size:50px;margin-top:30px}}@media all and (max-width: 1024px){#company .sub-visual .text{font-size:40px}}@media all and (max-width: 768px){#company .sub-visual .text{font-size:30px;margin-top:20px}}#company .sub-visual .text strong{color:#fe4400}#company .sub-visual .scroll-down{position:absolute;bottom:50px;line-height:1;font-size:16px;font-weight:900;color:#fff;text-align:center;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;z-index:10}@keyframes textBounce{0%,100%{transform-origin:50% 0}15%{transform:rotate(-6deg)}30%{transform:rotate(6deg)}45%{transform:rotate(-3.6deg)}60%{transform:rotate(2.4deg)}75%{transform:rotate(-1.2deg)}}@media all and (max-width: 768px){#company .sub-visual .scroll-down{bottom:10px;font-size:14px}}#company .sub-visual .scroll-down::before,#company .sub-visual .scroll-down::after{display:block;width:14px;height:14px;background:url("../images/main/scroll-arrow.svg") no-repeat center/contain;margin:0 5px}#company .sub-visual .scroll-down>span{animation:textBounce 1s infinite both}@keyframes companyLinkSpin{to{transform:rotate(360deg)}}@keyframes jelloHorizontal{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}30%{-webkit-transform:scale3d(1.1, 0.75, 1);transform:scale3d(1.1, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.1, 1);transform:scale3d(0.75, 1.1, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}#company .sub-visual .company-link{position:absolute;right:10.41%;bottom:13.7%;padding:29px;width:178px;height:178px;transition:.5s}@media all and (max-width: 1530px){#company .sub-visual .company-link{bottom:5%;right:5%}}@media all and (max-width: 1230px){#company .sub-visual .company-link{right:auto;left:3%}}@media all and (max-width: 1024px){#company .sub-visual .company-link{bottom:30px}}@media all and (max-width: 768px){#company .sub-visual .company-link{width:120px;height:120px;padding:20px}}#company .sub-visual .company-link::before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat center/contain;animation:companyLinkSpin 5s linear infinite both}#company .sub-visual .company-link .link-circle{width:100%;height:100%;display:flex;justify-content:center;align-content:center;flex-wrap:wrap;text-align:center;font-family:"Poppins",sans-serif;font-size:18px;font-weight:700;line-height:1;color:#fff;background:linear-gradient(135deg, rgba(242, 73, 105, 0.9) 0%, rgba(228, 3, 46, 0.9) 150%);border-radius:50%;gap:5px 30px}@media all and (max-width: 768px){#company .sub-visual .company-link .link-circle{font-size:14px}#company .sub-visual .company-link .link-circle>img{width:60px}}#company .sub-visual .company-link:hover{padding:15px}#company .sub-visual.story{background-image:url("../images/sub/story-visual.jpg")}#company .sub-visual.story .company-link::before{background-image:url("../images/sub/story-link-bg.svg")}#company .sub-visual.people{background-image:url("../images/sub/people-visual.jpg")}#company .sub-visual.people .company-link::before{background-image:url("../images/sub/people-link-bg.svg")}#company .story-section01{position:relative;height:100dvh}@media all and (max-width: 1230px){#company .story-section01{height:auto}}#company .story-section01 .section-item{height:100%;width:100%;position:absolute;top:0;left:100%;background:url("../images/sub/story-bg02.png") no-repeat center bottom/cover;color:#fff}@media all and (max-width: 1230px){#company .story-section01 .section-item{position:relative;left:auto !important;height:100px;width:100% !important;overflow:hidden;transition:.5s}#company .story-section01 .section-item:not(.active){cursor:pointer}#company .story-section01 .section-item:not(.active):hover::before{transform:rotate(90deg) translateX(10px)}#company .story-section01 .section-item:not(.active):hover .character{opacity:1}#company .story-section01 .section-item.active{height:800px}#company .story-section01 .section-item.active .character{opacity:1}#company .story-section01 .section-item.active::after{left:3%;bottom:15px}}@media all and (max-width: 1024px){#company .story-section01 .section-item.active{height:650px}}@media all and (max-width: 768px){#company .story-section01 .section-item{z-index:1;height:70px}#company .story-section01 .section-item.active{height:500px}#company .story-section01 .section-item.active .character{opacity:.3;top:auto;transform:none;bottom:30px}}#company .story-section01 .section-item::before{display:block;position:absolute;top:7.4%;left:30px;font-family:"remixicon";content:"";line-height:1;font-weight:400;font-size:40px}@media all and (max-width: 1600px){#company .story-section01 .section-item::before{left:6px}}@media all and (max-width: 1230px){#company .story-section01 .section-item::before{transform:rotate(90deg);top:30px;left:3%;transition:.3s}}@media all and (max-width: 768px){#company .story-section01 .section-item::before{font-size:30px;top:20px}}#company .story-section01 .section-item::after{display:block;position:absolute;left:100px;bottom:100px;background:no-repeat center/contain;width:146px;height:40px;transition:.3s}@media all and (max-width: 1600px){#company .story-section01 .section-item::after{left:50px}}@media all and (max-width: 1230px){#company .story-section01 .section-item::after{bottom:-100%;left:100px}}@media all and (max-width: 768px){#company .story-section01 .section-item::after{width:110px;height:30px;left:50px}}#company .story-section01 .section-item.n1{background-image:url("../images/sub/story-bg01.png");left:0;color:#000}#company .story-section01 .section-item.n1::after{background-image:url("../images/sub/story-logo01.svg")}#company .story-section01 .section-item.n2{background-color:#000;left:100px;width:calc(100% - 100px)}#company .story-section01 .section-item.n2::after{background-image:url("../images/sub/story-logo02.svg")}#company .story-section01 .section-item.n3{background-color:#00aeef;left:200px;width:calc(100% - 200px)}#company .story-section01 .section-item.n3::after{background-image:url("../images/sub/story-logo03.svg")}#company .story-section01 .section-item.n4{background-color:#38489b;left:300px;width:calc(100% - 300px)}#company .story-section01 .section-item.n4::after{background-image:url("../images/sub/story-logo04.svg")}#company .story-section01 .section-item.n5{background-color:#3c318c;left:400px;width:calc(100% - 400px)}#company .story-section01 .section-item.n5::after{background-image:url("../images/sub/story-logo05.svg")}@media all and (max-width: 1600px){#company .story-section01 .section-item.n2{left:50px;width:calc(100% - 50px)}#company .story-section01 .section-item.n3{left:100px;width:calc(100% - 100px)}#company .story-section01 .section-item.n4{left:150px;width:calc(100% - 150px)}#company .story-section01 .section-item.n5{left:200px;width:calc(100% - 200px)}}#company .story-section01 .section-item .text-area{position:absolute;top:16.66%;left:100px}@media all and (max-width: 1600px){#company .story-section01 .section-item .text-area{left:50px}}@media all and (max-width: 1230px){#company .story-section01 .section-item .text-area{top:120px;left:3%}}@media all and (max-width: 768px){#company .story-section01 .section-item .text-area{top:90px}}#company .story-section01 .section-item .text-area .title{line-height:1;font-size:90px;font-weight:700}#company .story-section01 .section-item .text-area .title span{color:#fe4400}@media all and (max-width: 1230px){#company .story-section01 .section-item .text-area .title{font-size:70px}}@media all and (max-width: 1024px){#company .story-section01 .section-item .text-area .title{font-size:60px}}@media all and (max-width: 768px){#company .story-section01 .section-item .text-area .title{font-size:45px}}#company .story-section01 .section-item .text-area .text{margin-top:90px;font-size:40px;font-weight:600}@media all and (max-width: 1230px){#company .story-section01 .section-item .text-area .text{font-size:30px;margin-top:70px}}@media all and (max-width: 1024px){#company .story-section01 .section-item .text-area .text{margin-top:50px}}@media all and (max-width: 768px){#company .story-section01 .section-item .text-area .text{font-size:20px;margin-top:30px}}#company .story-section01 .section-item .character{position:absolute;bottom:20.9%;right:10.9%}@media all and (max-width: 1600px){#company .story-section01 .section-item .character{right:2%}}@media all and (max-width: 1230px){#company .story-section01 .section-item .character{top:50%;transform:translateY(-50%);right:3%;max-height:70%;opacity:.5;transition:.5s}}@media all and (max-width: 1024px){#company .story-section01 .section-item .character{height:250px}}@media all and (max-width: 768px){#company .story-section01 .section-item .character{height:150px;z-index:-1}}#company .story-section02{height:100dvh;background:url("../images/sub/history-bg.jpg") no-repeat center bottom/cover;color:#fff;align-items:center;display:flex}#company .story-section02>.wrap{padding-top:100px;padding-bottom:100px}@media all and (max-width: 768px){#company .story-section02>.wrap{padding-top:0;padding-bottom:0}}#company .story-section02 .history-title{font-size:70px;font-weight:700;margin-bottom:80px;display:flex;align-items:baseline;gap:25px;flex-wrap:wrap}@media all and (max-width: 1024px){#company .story-section02 .history-title{font-size:60px;gap:15px;margin-bottom:60px}}@media all and (max-width: 768px){#company .story-section02 .history-title{font-size:45px;gap:10px;margin-bottom:40px}#company .story-section02 .history-title>img{width:190px}}#company .story-section02 .history-area{height:50dvh;overflow-y:hidden;mask-image:linear-gradient(180deg, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) 99%)}#company .story-section02 .history-area .history-wrap .history-item{display:flex}@media all and (max-width: 768px){#company .story-section02 .history-area .history-wrap .history-item{display:block}}#company .story-section02 .history-area .history-wrap .history-item+.history-item{margin-top:100px}@media all and (max-width: 768px){#company .story-section02 .history-area .history-wrap .history-item+.history-item{margin-top:50px}}#company .story-section02 .history-area .history-wrap .history-item .title-area{flex-basis:40.1%;line-height:1}@media all and (max-width: 768px){#company .story-section02 .history-area .history-wrap .history-item .title-area{margin-bottom:30px}}#company .story-section02 .history-area .history-wrap .history-item .title-area .subtitle{font-size:30px;font-weight:600}@media all and (max-width: 1024px){#company .story-section02 .history-area .history-wrap .history-item .title-area .subtitle{font-size:25px}}@media all and (max-width: 768px){#company .story-section02 .history-area .history-wrap .history-item .title-area .subtitle{font-size:20px}}#company .story-section02 .history-area .history-wrap .history-item .title-area .year{font-size:50px;font-weight:900;margin-top:20px}@media all and (max-width: 1024px){#company .story-section02 .history-area .history-wrap .history-item .title-area .year{font-size:40px}}@media all and (max-width: 768px){#company .story-section02 .history-area .history-wrap .history-item .title-area .year{font-size:35px;margin-top:15px}}#company .story-section02 .history-area .history-wrap .history-item .list{flex-basis:59.9%}#company .story-section02 .history-area .history-wrap .history-item .list .item{display:flex;align-items:start}#company .story-section02 .history-area .history-wrap .history-item .list .item+.item{margin-top:50px}@media all and (max-width: 768px){#company .story-section02 .history-area .history-wrap .history-item .list .item+.item{margin-top:20px}}#company .story-section02 .history-area .history-wrap .history-item .list .item .year{flex-basis:31.8%;font-size:50px;line-height:1;font-weight:700;position:relative}@media all and (max-width: 1230px){#company .story-section02 .history-area .history-wrap .history-item .list .item .year{font-size:40px}}@media all and (max-width: 1024px){#company .story-section02 .history-area .history-wrap .history-item .list .item .year{font-size:30px}}@media all and (max-width: 768px){#company .story-section02 .history-area .history-wrap .history-item .list .item .year{font-size:25px}}#company .story-section02 .history-area .history-wrap .history-item .list .item .year::before{display:block;position:absolute;top:0;bottom:0;right:30px;margin:auto 0;width:50px;height:1px;background-color:#fff}@media all and (max-width: 1230px){#company .story-section02 .history-area .history-wrap .history-item .list .item .year::before{right:10%;width:27%}}#company .story-section02 .history-area .history-wrap .history-item .list .item .year-event{flex-basis:68.2%;display:flex;flex-wrap:wrap;min-height:50px;align-items:center}@media all and (max-width: 1230px){#company .story-section02 .history-area .history-wrap .history-item .list .item .year-event{min-height:40px}}@media all and (max-width: 1024px){#company .story-section02 .history-area .history-wrap .history-item .list .item .year-event{min-height:30px}}@media all and (max-width: 768px){#company .story-section02 .history-area .history-wrap .history-item .list .item .year-event{min-height:25px}}#company .story-section02 .history-area .history-wrap .history-item .list .item .year-event>li{font-size:18px;font-weight:500;flex-basis:100%}@media all and (max-width: 1024px){#company .story-section02 .history-area .history-wrap .history-item .list .item .year-event>li{font-size:16px}}@media all and (max-width: 768px){#company .story-section02 .history-area .history-wrap .history-item .list .item .year-event>li{font-size:14px}}#company .story-section02 .history-area .history-wrap .history-item .list .item .year-event>li+li{margin-top:7px}@media all and (max-width: 768px){#company .story-section02 .history-area .history-wrap .history-item .list .item .year-event>li+li{margin-top:5px}}#company .people-section{position:relative;padding:150px 0 115px;background:url("../images/sub/people-bg.jpg") no-repeat center bottom/contain}@media all and (max-width: 1230px){#company .people-section{padding-top:100px}}@media all and (max-width: 768px){#company .people-section{padding:40px 0}}#company .people-section .bg-img{position:absolute;left:50%;transform:translateX(-50%);width:400px;height:0;overflow:hidden;border-radius:20px;transition:1s}@media all and (max-width: 1230px){#company .people-section .bg-img{display:none}}#company .people-section .bg-img>img{max-height:unset}#company .people-section .bg-img.n1{top:100px}#company .people-section .bg-img.n2{bottom:222px}#company .people-section .bg-img.active{height:570px}#company .people-section .text-area{width:460px;position:relative}@media all and (max-width: 1530px){#company .people-section .text-area{width:350px}}@media all and (max-width: 1230px){#company .people-section .text-area{width:calc(50% - 20px)}}@media all and (max-width: 768px){#company .people-section .text-area{width:100%}#company .people-section .text-area+.text-area{margin-top:30px}}#company .people-section .text-area .hide-area{overflow:hidden}#company .people-section .text-area .hide-area>span{transform:translateY(100%);transition:1s}#company .people-section .text-area .hide-area>p{transform:translateX(100%);transition:1s}@media all and (max-width: 768px){#company .people-section .text-area .hide-area>p{transform:translateX(-100%)}}#company .people-section .text-area.active .hide-area>span{transform:translateY(0)}#company .people-section .text-area.active .hide-area>p{transform:translateX(0)}#company .people-section .text-area.right{margin-right:0;margin-left:auto}#company .people-section .text-area::before{display:block;position:absolute;bottom:100%;background:no-repeat center/contain}@media all and (max-width: 768px){#company .people-section .text-area::before{position:static}}#company .people-section .text-area.n2::before{width:205px;height:212px;background-image:url("../images/sub/people-character01.png");margin-bottom:70px}@media all and (max-width: 768px){#company .people-section .text-area.n2::before{margin-bottom:30px;margin-right:0;margin-left:auto}}#company .people-section .text-area.n3::before{right:0;width:308px;height:190px;background-image:url("../images/sub/people-character02.png");margin-bottom:90px}@media all and (max-width: 768px){#company .people-section .text-area.n3::before{margin-bottom:30px}}#company .people-section .text-area.n4::before{width:270px;height:209px;background-image:url("../images/sub/people-character03.png");margin-bottom:29px;margin-right:0;margin-left:auto}#company .people-section .text-area .title-area>span{display:block;font-size:50px;font-weight:700}@media all and (max-width: 768px){#company .people-section .text-area .title-area>span{font-size:40px}}#company .people-section .text-area .title-area>span>strong{color:#fe4400;font-weight:700}#company .people-section .text-area .subtitle-area{margin-top:20px}#company .people-section .text-area .subtitle-area>span{display:block;font-size:26px;color:#646a7a;font-weight:600;transition-delay:.3s}@media all and (max-width: 768px){#company .people-section .text-area .subtitle-area>span{font-size:22px}}#company .people-section .text-area .desc-area{margin-top:80px}@media all and (max-width: 1024px){#company .people-section .text-area .desc-area{margin-top:30px}}#company .people-section .text-area .desc-area>p{font-size:20px;font-weight:600;line-height:2;transition-delay:.6s}@media all and (max-width: 768px){#company .people-section .text-area .desc-area>p{font-size:16px}}#location{margin-bottom:-90px}@media all and (max-width: 768px){#location{margin-bottom:-40px}}#location .map-box{width:100%;height:700px}@media all and (max-width: 1024px){#location .map-box{height:400px}}@media all and (max-width: 768px){#location .map-box{height:300px}}#location .map-info{background-color:#000;padding:55px 0}@media all and (max-width: 1024px){#location .map-info{padding:30px 0}}@media all and (max-width: 768px){#location .map-info{padding:20px 0}}#location .map-info .info-wrap{display:flex;gap:20px 100px;justify-content:center;flex-wrap:wrap}@media all and (max-width: 1024px){#location .map-info .info-wrap{gap:20px 50px}}@media all and (max-width: 768px){#location .map-info .info-wrap{gap:20px}}#location .map-info .info-wrap .info-item{color:#fff}@media all and (max-width: 1024px){#location .map-info .info-wrap .info-item{flex-basis:100%}}#location .map-info .info-wrap .info-item .title{font-size:26px;font-weight:700}@media all and (max-width: 768px){#location .map-info .info-wrap .info-item .title{font-size:20px}}#location .map-info .info-wrap .info-item .text{margin-top:15px;opacity:.7;font-weight:500}@media all and (max-width: 768px){#location .map-info .info-wrap .info-item .text{font-size:14px;margin-top:5px}}.footer-link{margin-top:90px;border-top:1px solid #ebebeb}@media all and (max-width: 768px){.footer-link{margin-top:40px}}/*# sourceMappingURL=sub.min.css.map */