@charset "UTF-8";.common-banner,.common-banner .banner-bg{position:relative}.common-banner .banner-bg:before{content:"";display:block;width:100%;height:0;padding-bottom:500px}.common-banner .banner-bg img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.common-banner .banner-bg:after{content:"";display:block;width:100%;height:100%;background:#0003;position:absolute;top:0;left:0}.common-banner .banner-bg img{position:absolute;top:0;left:0;transform:translateZ(0)}.common-banner .banner-container{width:100%;height:100%;position:absolute;top:0;left:0}.common-banner .banner-nav{padding:0 60px;height:80px;display:flex;justify-content:space-between}@media only screen and (max-width: 1200px){.common-banner .banner-nav{height:60px}}@media only screen and (max-width: 900px){.common-banner .banner-nav{padding:0 8%}}.common-banner .banner-nav+.info{height:calc(100% - 80px)}@media only screen and (max-width: 1200px){.common-banner .banner-nav+.info{height:calc(100% - 60px)}}.common-banner .left,.common-banner .right{display:flex;align-items:center}@media only screen and (max-width: 900px){.common-banner .left{display:none}}.common-banner .right{margin-left:50px}@media only screen and (max-width: 900px){.common-banner .right{margin-left:0}}.common-banner .back{display:flex;align-items:center;transition:color var(--trans-s)}@media only screen and (min-width: 1201px){.common-banner .back:hover{color:var(--primary-blue)}}@media only screen and (max-width: 1200px){.common-banner .back:active{color:var(--primary-blue)}}.common-banner .back i{margin-right:10px;font-size:1rem;flex-shrink:0}.common-banner .back span{font-weight:600;line-height:1.3;letter-spacing:.5px}.common-banner .info{margin:0 auto;padding:100px 0 40px;max-width:1350px;width:calc(100% - 120px);height:100%;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}@media only screen and (max-width: 1200px){.common-banner .info{padding:80px 0 40px}}@media only screen and (max-width: 767px){.common-banner .info{width:100%}}.common-banner .info .info-wrap{max-width:675px;width:100%;display:flex;flex-direction:column;transition:transform .3s .5s,opacity .3s .5s}.common-banner .info .title-wrap{padding-bottom:20px;position:relative;text-align:left}@media only screen and (max-width: 767px){.common-banner .info .title-wrap{margin:0 8%}}.common-banner .info .title-wrap:before{content:"";display:block;width:70px;height:4px;background-color:var(--primary-blue);position:absolute;bottom:0;left:0}.common-banner .info .stock{margin-top:40px;display:flex;gap:0 15px;align-items:center}.common-banner .info .stock-title{line-height:1.3;letter-spacing:.5px}.common-banner .info .stock-num{font-size:1.875rem;font-weight:600;line-height:1.3;letter-spacing:.5px;color:var(--primary-blue)}.common-banner .info .pic{margin-bottom:20px;width:60px;height:60px;position:relative}.common-banner .info .pic:before{content:"";display:block;width:100%;height:0;padding-bottom:100%}.common-banner .info .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.common-banner .info .text{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.common-banner .banner-menu{margin-top:40px;width:100%;color:var(--black)}.common-banner[height="400"] .banner-bg:before{padding-bottom:400px}.common-banner[height="400"] .info{padding:20px 0 55px}@media only screen and (max-width: 900px){.common-banner[height="400"] .info{padding:20px 0}}.common-banner[text-color=white]{color:var(--white)}.common-banner[text-color=white] .pic img{filter:brightness(0) invert(1)}.common-banner[text-color=white] .drag-container .category{color:var(--white)}.common-banner[text-color=white] multipurpose-nav[m4-type=drag] .drag-container .navigation .button div:before{border-color:var(--white)}.common-banner[text-align=center] .info{align-items:center;text-align:center}.common-banner[text-align=center] .info-wrap{align-items:center}.common-banner[text-align=center] .title-wrap{text-align:center}.common-banner[text-align=center] .title-wrap:before{position:absolute;top:auto;bottom:0;left:50%;right:auto;transform:translate3d(-50%,0,0)}.common-banner[text-align=right] .info{align-items:flex-end;text-align:right}.common-banner[text-align=right] .info-wrap{align-items:flex-end}.common-banner[text-align=right] .title-wrap{text-align:right}.common-banner[text-align=right] .title-wrap:before{position:absolute;top:auto;bottom:0;left:auto;right:0}.common-banner[data-aost]{opacity:0;transition:opacity var(--trans-l),transform var(--trans-l)}.common-banner[data-aost].aost-show{opacity:1}.related{padding:100px 0 50px}@media only screen and (max-width: 767px){.related{padding:80px 0 50px}}.related[data-type=a]{background:linear-gradient(180deg,#fff,#f5f5f5)}.related[data-type=a] .swiper-slide:not(:first-child) .swiper-inner:after{content:"";display:block;width:1px;height:100%;background-color:#0003;position:absolute;top:0;left:-50px}@media only screen and (max-width: 900px){.related[data-type=a] .swiper-slide:not(:first-child) .swiper-inner:after{opacity:0}}.related[data-type=a] .swiper-slide.swiper-slide-active .swiper-inner:after{display:none}.related[data-type=a] .swiper-inner{padding-top:40px}@media only screen and (max-width: 900px){.related[data-type=a] .swiper-inner{padding-top:0}}@media only screen and (min-width: 1201px) and (min-width: 1201px){.related[data-type=a] .swiper-inner:hover .title{color:var(--primary-blue)}.related[data-type=a] .swiper-inner:hover .arrow-ball-btn{color:var(--primary-blue);transform:translateY(0)}}@media only screen and (max-width: 1200px) and (min-width: 1201px){.related[data-type=a] .swiper-inner:active .title{color:var(--primary-blue)}.related[data-type=a] .swiper-inner:active .arrow-ball-btn{color:var(--primary-blue);transform:translateY(0)}}.related[data-type=a] .img{width:100%;position:relative}.related[data-type=a] .img:before{content:"";display:block;width:100%;height:0;padding-bottom:100%}.related[data-type=a] .img img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.related[data-type=a] .img img{object-fit:contain}.related[data-type=a] .info{margin-top:35px}@media only screen and (min-width: 1201px){.related[data-type=a] .hover-wrap{height:56px;overflow:hidden;position:relative}}.related[data-type=a] .arrow-ball-btn{margin-top:35px}@media only screen and (min-width: 1201px){.related[data-type=a] .arrow-ball-btn{margin-top:0;position:absolute;bottom:0;left:0;transform:translateY(100%);transition:transform var(--trans-s)}}@media only screen and (max-width: 1200px){.related[data-type=a] .arrow-ball-btn{color:var(--primary-blue)}}.related[data-type=b]{background-color:var(--white)}.related[data-type=b] .swiper-inner{background-color:var(--lighter-gray)}@media only screen and (min-width: 1201px){.related[data-type=b] .swiper-inner:hover:before{opacity:1;background-color:transparent}.related[data-type=b] .swiper-inner:hover .arrow-ball-btn{color:var(--primary-blue)}}@media only screen and (max-width: 1200px){.related[data-type=b] .swiper-inner:active:before{opacity:1;background-color:transparent}.related[data-type=b] .swiper-inner:active .arrow-ball-btn{color:var(--primary-blue)}}.related[data-type=b] .img{width:100%;position:relative}.related[data-type=b] .img:before{content:"";display:block;width:100%;height:0;padding-bottom:75.343%}.related[data-type=b] .img img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.related[data-type=b] .info{padding:40px 40px 50px}@media only screen and (max-width: 1440px){.related[data-type=b] .info{padding:30px 20px 50px}}.related[data-type=b] .arrow-ball-btn{margin-top:30px;transition:color var(--trans-s)}@media only screen and (max-width: 1200px){.related[data-type=b] .arrow-ball-btn{color:var(--primary-blue)}}.related[data-type=blog]{padding:100px 0}@media only screen and (max-width: 767px){.related[data-type=blog]{padding:80px 0}}@media only screen and (max-width: 767px){.related[data-type=blog] .container{width:100%}}@media only screen and (max-width: 575px){.related[data-type=blog] .container{padding:0}}@media only screen and (max-width: 900px){.related[data-type=blog] .swiper .swiper-slide{opacity:0;transition:opacity var(--trans-s)}.related[data-type=blog] .swiper .swiper-slide-active{opacity:1}}.related[data-type=blog] .blog-card .pic-box:before{opacity:1}.related[data-type=blog] .blog-card .date{flex-shrink:0}.related[data-type=blog] .swiper-button-prev,.related[data-type=blog] .swiper-button-next{transform:translate3d(0,calc(-50% + 50px),0)}@media only screen and (max-width: 767px){.related[data-type=blog] .swiper-button-prev,.related[data-type=blog] .swiper-button-next{transform:translate3d(0,calc(-50% + 55px),0)}}.related .container{margin:0 auto;padding:0 60px;max-width:1500px;width:calc(100% - 120px);position:relative}@media only screen and (max-width: 767px){.related .container{width:100%}}@media only screen and (max-width: 575px){.related .container{padding:0}}.related .title-wrap{display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width: 767px){.related .title-wrap{padding:0 8%}}.related .title-wrap .title{font-size:1.875rem;font-weight:500;line-height:1.5;letter-spacing:.5px;text-align:center}@media only screen and (max-width: 1200px){.related .title-wrap .title{font-size:1.5rem}}.related .title-wrap .text{margin-top:20px;font-weight:350;line-height:1.6;letter-spacing:1px}.related .swiper{margin:0 auto;padding:50px 15px;max-width:1260px}@media only screen and (max-width: 1200px){.related .swiper{max-width:900px}}@media only screen and (max-width: 900px){.related .swiper{max-width:500px;padding:50px 62.5px}}@media only screen and (max-width: 767px){.related .swiper{padding:30px 0;max-width:calc(100% - 125px)}}.related .swiper.active .swiper-slide.swiper-slide-prev .swiper-inner{opacity:0}@media only screen and (max-width: 900px){.related .swiper.active .swiper-slide.swiper-slide-next .swiper-inner{opacity:0}}@media only screen and (max-width: 1200px){.related .swiper.active .swiper-slide.swiper-slide-next+.swiper-slide .swiper-inner{opacity:0}}@media only screen and (max-width: 900px){.related .swiper.active .swiper-slide.swiper-slide-next+.swiper-slide .swiper-inner{opacity:1}}.related .swiper.active .swiper-slide.swiper-slide-next+.swiper-slide+.swiper-slide .swiper-inner{opacity:0}@media only screen and (max-width: 1200px){.related .swiper.active .swiper-slide.swiper-slide-next+.swiper-slide+.swiper-slide .swiper-inner{opacity:1}}.related .swiper-slide{height:auto;text-align:left}.related .swiper-inner{width:100%;height:100%;position:relative;transition:opacity var(--trans-s)}.related .swiper-inner:before{opacity:0;content:"";display:block;width:100%;height:100%;background-color:var(--lighter-black);box-shadow:0 0 20px #00000040;z-index:-1;position:absolute;top:0;left:0;transition:opacity var(--trans-s)}.related .swiper-button-prev{top:50%!important;left:0!important;transform:translate3d(0,-50%,0);transition:left var(--trans-s)}@media only screen and (max-width: 767px){.related .swiper-button-prev{left:50px!important;transform:translate3d(0,-50%,0)}}@media only screen and (max-width: 575px){.related .swiper-button-prev{left:15px!important}}.related .swiper-button-next{top:50%!important;right:0!important;transform:translate3d(0,-50%,0);transition:right var(--trans-s)}@media only screen and (max-width: 767px){.related .swiper-button-next{right:50px!important;transform:translate3d(0,-50%,0)}}@media only screen and (max-width: 575px){.related .swiper-button-next{right:15px!important}}.related .img{display:block;margin:0 auto}.related .info .title{display:inline-block;font-size:1.25rem;font-weight:500;line-height:1.5;letter-spacing:.5px;transition:color var(--trans-s)}@media only screen and (min-width: 1201px){.related .info .title:hover{color:var(--primary-blue)}}@media only screen and (max-width: 1200px){.related .info .title:active{color:var(--primary-blue)}}.related .info .text{margin-top:10px;font-weight:350;line-height:1.6;letter-spacing:1px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.unitTitle{font-size:2.375rem;font-weight:500;line-height:1.3;letter-spacing:.5px}@media only screen and (max-width: 1200px){.unitTitle{font-size:2rem}}@media only screen and (max-width: 767px){.unitTitle{font-size:1.625rem}}.unitTitle-sp{font-size:2.375rem;font-weight:500;line-height:1.3;letter-spacing:.5px}@media only screen and (max-width: 1200px){.unitTitle-sp{font-size:2rem}}@media only screen and (max-width: 767px){.unitTitle-sp{font-size:1.625rem;line-height:1.5;letter-spacing:1px}}.sectionTitle{font-size:1.875rem;font-weight:500;line-height:1.5;letter-spacing:.5px}@media only screen and (max-width: 1200px){.sectionTitle{font-size:1.6875rem}}@media only screen and (max-width: 767px){.sectionTitle{font-size:1.5rem}}.articleTitle-page{font-size:1.625rem;font-weight:500;line-height:1.5;letter-spacing:1px}.articleTitle-list{font-size:1.125rem;font-weight:500;line-height:1.5;letter-spacing:.5px}.paragraph{font-size:1rem;font-weight:350;line-height:1.6;letter-spacing:1px}.paragraph-bold{font-size:1rem;font-weight:600;line-height:1.6;letter-spacing:1px}.blog-card{position:relative}@media only screen and (min-width: 1201px){.blog-card:hover .pic-box:after{width:100%}.blog-card:hover .content-box{top:calc(50% + 15px);transform:translateY(-50%)}.blog-card:hover .content-box .arrow-ball-btn{opacity:1;transition:opacity .5s .3s}}@media only screen and (max-width: 1200px){.blog-card:active .pic-box:after{width:100%}.blog-card:active .content-box{top:calc(50% + 15px);transform:translateY(-50%)}.blog-card:active .content-box .arrow-ball-btn{opacity:1;transition:opacity .5s .3s}}.blog-card .inner{width:100%}.blog-card .inner.aost-show .pic-box:before{opacity:1;transition:opacity .5s ease-in-out}.blog-card .pic-box{position:relative}.blog-card .pic-box:before{content:"";display:block;width:100%;height:0;padding-bottom:111.1112%}.blog-card .pic-box img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.blog-card .pic-box:before{position:relative;z-index:1;opacity:0;background:linear-gradient(0deg,#0000 50%,#00000080 72.9%)}.blog-card .pic-box:after{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:#009ccfcc;z-index:1;transition:width .3s}.blog-card .content-box{position:absolute;top:30px;left:30px;right:30px;z-index:2;color:#fff;transition:top .5s,transform .5s}.blog-card .content-box .articleTitle-list{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:15px}.blog-card .content-box .arrow-ball-btn{opacity:0;transition:opacity .3s}@media only screen and (min-width: 1201px){.blog-card .content-box .arrow-ball-btn:hover{color:#fff}}@media only screen and (max-width: 1200px){.blog-card .content-box .arrow-ball-btn:active{color:#fff}}.blog-card .info-box{display:flex;align-items:center;gap:10px 0px;margin-top:20px;justify-content:space-between}.blog-card .info-box .author{max-width:calc(100% - 120px)}.blog-card .info-box .author,.blog-card .info-box .icon{display:flex;align-items:center;gap:5px 10px}.blog-card .info-box .icon{flex-shrink:0}.blog-card .info-box .icon-author{font-size:20px;font-weight:700;color:var(--primary-blue)}.blog-card .info-box .name{color:#00000080;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-bar{padding:50px 0;color:var(--white);position:relative}@media only screen and (max-width: 767px){.contact-bar{padding:50px 8%}}.contact-bar:before{content:"";display:block;width:100%;height:calc(100% + 2px);background-color:#141414;position:absolute;top:0;left:0}.contact-bar .container{margin:0 auto;max-width:1920px;width:100%;display:flex;align-items:center}@media only screen and (max-width: 1200px){.contact-bar .container{width:calc(100% - 120px);flex-direction:column;align-items:flex-start}}@media only screen and (max-width: 767px){.contact-bar .container{width:100%}}.contact-bar .container>div{padding:30px 5.2084%;flex:1}@media only screen and (max-width: 1200px){.contact-bar .container>div{padding:0}}.contact-bar .container>div:not(:first-child){padding-top:30px}.contact-bar .container>div:first-child{padding-bottom:30px}.contact-bar .container .left{display:flex;gap:0 15px;align-items:center}@media only screen and (max-width: 1200px){.contact-bar .container .left{width:100%}}@media only screen and (max-width: 767px){.contact-bar .container .left{align-items:flex-start}}.contact-bar .container .left .img{width:30px;flex-shrink:0;position:relative}.contact-bar .container .left .img:before{content:"";display:block;width:100%;height:0;padding-bottom:66.667%}.contact-bar .container .left .img img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media only screen and (max-width: 767px){.contact-bar .container .left .img{transform:translateY(5px)}}.contact-bar .container .left .info{display:flex;gap:20px 50px;align-items:center;justify-content:space-between;width:100%}@media only screen and (max-width: 767px){.contact-bar .container .left .info{flex-direction:column;align-items:flex-start}}.contact-bar .container .left .text{font-size:1.25rem;font-weight:500;line-height:1.5;letter-spacing:.5px}.contact-bar .container .left .pill-btn{margin-left:auto}@media only screen and (max-width: 767px){.contact-bar .container .left .pill-btn{margin-left:0}}.contact-bar .container .left .pill-btn.spread-btn{transition:color var(--trans-s) .2s}.contact-bar .container .left .pill-btn.spread-btn .ball{background-color:var(--white)}@media only screen and (min-width: 1201px){.contact-bar .container .left .pill-btn.spread-btn:hover{color:var(--primary-blue)}}@media only screen and (max-width: 1200px){.contact-bar .container .left .pill-btn.spread-btn:active{color:var(--primary-blue)}}.contact-bar .container .right{border-left:1px solid rgba(255,255,255,.5)}@media only screen and (max-width: 1200px){.contact-bar .container .right{width:100%;border-top:1px solid rgba(255,255,255,.5);border-left:none}}.contact-bar .container .right>div{display:flex;align-items:flex-start;transition:color var(--trans-s)}@media only screen and (max-width: 575px){.contact-bar .container .right>div{flex-direction:column}}@media only screen and (min-width: 1201px){.contact-bar .container .right>div:hover{color:var(--primary-blue)}}@media only screen and (max-width: 1200px){.contact-bar .container .right>div:active{color:var(--primary-blue)}}.contact-bar .container .right>div:not(:first-child){margin-top:30px}@media only screen and (max-width: 575px){.contact-bar .container .right>div:not(:first-child){padding-top:30px;border-top:1px solid rgba(255,255,255,.5)}}.contact-bar .container .right .guide{font-size:1.25rem;font-weight:500;line-height:1.5;letter-spacing:.5px;display:flex;align-items:center;flex-shrink:0}@media only screen and (max-width: 1200px){.contact-bar .container .right .guide{color:var(--primary-blue)}}.contact-bar .container .right .guide:after{margin-left:20px;content:"";display:block;width:1px;height:20px;background-color:var(--primary-blue)}.contact-bar .container .right .title{margin:0 30px 0 20px;font-size:1.25rem;font-weight:500;line-height:1.5;letter-spacing:.5px}@media only screen and (max-width: 575px){.contact-bar .container .right .title{margin:15px 0 0}}.contact-bar .container .right .arrow-ball-btn{margin-left:auto;transform:translateY(7px);transition:unset}@media only screen and (max-width: 575px){.contact-bar .container .right .arrow-ball-btn{margin:20px 0 0;transform:translateY(0)}}.solution_detail main{padding-top:100px}@media only screen and (max-width: 1200px){.solution_detail main{padding-top:80px}}.solution_detail section.section2 .menu{background:var(--white)}.solution_detail section.section3{margin:0 auto;padding-right:135px;max-width:1920px;width:100%;display:flex;align-items:flex-start}@media only screen and (max-width: 1440px){.solution_detail section.section3{padding-right:100px}}@media only screen and (max-width: 900px){.solution_detail section.section3{padding-right:0}}.solution_detail section.section3>.share{padding:50px 0;width:135px;display:flex;flex-direction:column;align-items:center;position:sticky;top:75px;transition:width var(--trans-s)}@media only screen and (max-width: 1440px){.solution_detail section.section3>.share{width:100px}}@media only screen and (max-width: 900px){.solution_detail section.section3>.share{display:none}}.solution_detail section.section3>.wrap{margin-right:auto;max-width:1650px;width:calc(100% - 135px);transition:width var(--trans-s)}@media only screen and (max-width: 1440px){.solution_detail section.section3>.wrap{width:calc(100% - 100px)}}@media only screen and (max-width: 900px){.solution_detail section.section3>.wrap{width:100%}}.solution_detail section.section3>.wrap:not(:has(.feature)):has(.article) .description{padding-top:0}.solution_detail section.section3>.wrap>div{padding:100px 0;background-color:var(--lighter-gray)}@media only screen and (max-width: 767px){.solution_detail section.section3>.wrap>div{padding:80px 8%}}.solution_detail section.section3>.wrap>div .container{margin:0 auto;max-width:1200px;width:calc(100% - 120px);transition:width var(--trans-s)}@media only screen and (max-width: 767px){.solution_detail section.section3>.wrap>div .container{width:100%}}.solution_detail section.section3>.wrap>div .container>.title-wrap{padding:0 50px;display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width: 1200px){.solution_detail section.section3>.wrap>div .container>.title-wrap{padding:0}}.solution_detail section.section3>.wrap>div .container>.title-wrap .title{font-size:1.875rem;font-weight:500;line-height:1.5;letter-spacing:.5px;text-align:center}@media only screen and (max-width: 1200px){.solution_detail section.section3>.wrap>div .container>.title-wrap .title{font-size:1.5rem}}.solution_detail section.section3>.wrap>div .container>.title-wrap .text{margin-top:20px;font-weight:350;line-height:1.6;letter-spacing:1px}.solution_detail section.section3>.wrap>div .container>.share{display:none;margin-top:50px}@media only screen and (max-width: 900px){.solution_detail section.section3>.wrap>div .container>.share{display:flex}}.solution_detail section.section3>.wrap>div ._articleBlock{margin-top:50px}.solution_detail section.section3>.wrap>.feature{background-color:var(--white)}.solution_detail section.section3>.wrap>.feature .container{display:flex;justify-content:space-between}@media only screen and (max-width: 1024px){.solution_detail section.section3>.wrap>.feature .container{flex-direction:column}}.solution_detail section.section3>.wrap>.feature .container .title-wrap{margin-right:50px;padding:0;max-width:300px;width:100%;flex-shrink:0}@media only screen and (max-width: 1200px){.solution_detail section.section3>.wrap>.feature .container .title-wrap{max-width:220px}}@media only screen and (max-width: 1024px){.solution_detail section.section3>.wrap>.feature .container .title-wrap{margin-right:0}}.solution_detail section.section3>.wrap>.feature .container .title-wrap .title{text-align:left}@media only screen and (max-width: 1024px){.solution_detail section.section3>.wrap>.feature .content{margin-top:30px}}.solution_detail section.section3>.wrap>.feature .content ul{counter-reset:my-counter}.solution_detail section.section3>.wrap>.feature .content li{counter-increment:my-counter;padding-left:25px;font-weight:350;line-height:1.6;letter-spacing:1px;display:flex;align-items:flex-start;position:relative}.solution_detail section.section3>.wrap>.feature .content li:before{margin-right:20px;content:"NO." counter(my-counter) "";width:50px;font-weight:600;line-height:1.6;letter-spacing:1px;color:var(--primary-blue);flex-shrink:0}.solution_detail section.section3>.wrap>.feature .content li:after{content:"";display:block;width:5px;height:5px;flex-shrink:0;background-color:var(--primary-blue);border-radius:500px;position:absolute;top:10px;left:0}.solution_detail section.section3>.wrap>.feature .content li:not(:first-child){margin-top:10px}.solution_detail section.section3>.wrap>.description:not(:has(.title-wrap)) .content{margin-top:0}@media only screen and (max-width: 767px){.solution_detail section.section3>.wrap>.description:not(:has(.title-wrap)) .content{margin-top:0}}.solution_detail section.section3>.wrap>.description .title-wrap .text{text-align:center}.solution_detail section.section3>.wrap>.description .content{margin-top:50px}@media only screen and (max-width: 767px){.solution_detail section.section3>.wrap>.description .content{margin-top:30px}}.solution_detail section.section3>.wrap>.description .content>div:not(:first-child){padding:50px 0;border-top:4px solid var(--white)}.solution_detail section.section3>.wrap>.description .content>div:first-child{padding:0 0 50px}.solution_detail section.section3>.wrap>.description .content>div:last-child{padding:50px 0 0}.solution_detail section.section3>.wrap>.description .content>div .img-wrap{position:relative}@media only screen and (min-width: 1201px){.solution_detail section.section3>.wrap>.description .content>div .img-wrap:hover .zoom{opacity:1;pointer-events:auto}}@media only screen and (max-width: 1200px){.solution_detail section.section3>.wrap>.description .content>div .img-wrap:active .zoom{opacity:1;pointer-events:auto}}.solution_detail section.section3>.wrap>.description .content>div .img-wrap .zoom{pointer-events:none;opacity:0;cursor:pointer;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity var(--trans-s)}@media only screen and (max-width: 1200px){.solution_detail section.section3>.wrap>.description .content>div .img-wrap .zoom{opacity:1;pointer-events:auto}}.solution_detail section.section3>.wrap>.description .content>div .img-wrap .zoom i{width:60px;height:60px;background-color:var(--black);border-radius:500px;color:var(--white);display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (max-width: 1200px){.solution_detail section.section3>.wrap>.description .content>div .img-wrap .zoom i{width:25px;height:25px;font-size:.625rem;top:auto;left:auto;right:10px;bottom:10px;transform:translateZ(0)}}.solution_detail section.section3>.wrap>.description .content>div .img-wrap .zoom:before{content:"";display:block;width:100%;height:100%;background:linear-gradient(0deg,#009ccfcc,#009ccfcc);position:absolute;top:0;left:0;transition:opacity var(--trans-s)}@media only screen and (max-width: 1200px){.solution_detail section.section3>.wrap>.description .content>div .img-wrap .zoom:before{background:unset}}.solution_detail section.section3>.wrap>.description .content>div[style-type=one] .img{position:relative}.solution_detail section.section3>.wrap>.description .content>div[style-type=one] .img:before{content:"";display:block;width:100%;height:0;padding-bottom:34.5834%}.solution_detail section.section3>.wrap>.description .content>div[style-type=one] .img img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media only screen and (max-width: 500px){.solution_detail section.section3>.wrap>.description .content>div[style-type=one] .img{position:relative}.solution_detail section.section3>.wrap>.description .content>div[style-type=one] .img:before{content:"";display:block;width:100%;height:0;padding-bottom:57%}.solution_detail section.section3>.wrap>.description .content>div[style-type=one] .img img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}}.solution_detail section.section3>.wrap>.description .content>div[style-type=two] .img-group{display:flex;gap:20px}@media only screen and (max-width: 575px){.solution_detail section.section3>.wrap>.description .content>div[style-type=two] .img-group{flex-direction:column}}.solution_detail section.section3>.wrap>.description .content>div[style-type=two] .img-wrap{flex:1}.solution_detail section.section3>.wrap>.description .content>div[style-type=two] .img{position:relative}.solution_detail section.section3>.wrap>.description .content>div[style-type=two] .img:before{content:"";display:block;width:100%;height:0;padding-bottom:55.9323%}.solution_detail section.section3>.wrap>.description .content>div[style-type=two] .img img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.solution_detail section.section3>.wrap>.description .content>div[style-type=video] picture{width:100%;height:100%;display:contents}.solution_detail section.section3>.wrap>.description .content>div[style-type=video] .img{position:relative}.solution_detail section.section3>.wrap>.description .content>div[style-type=video] .img:before{content:"";display:block;width:100%;height:0;padding-bottom:54.1667%}.solution_detail section.section3>.wrap>.description .content>div[style-type=video] .img img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.solution_detail section.section3>.wrap>.description .content .title{font-size:1.125rem;font-weight:500;line-height:1.5;letter-spacing:.5px}.solution_detail section.section3>.wrap>.description .content .text{margin-top:10px;font-weight:350;line-height:1.6;letter-spacing:1px}.solution_detail section.section3>.wrap>.description .content .des{margin-top:10px;line-height:1.6;letter-spacing:1px}.solution_detail section.section3>.wrap>.description .content .img-group{margin-top:20px}section.section5 .related[data-type=b]{background:#f5f5f5}section.section5 .related[data-type=b] .info{background:#fff}
