@media(min-width:1025px){.col-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:8.3333333333%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:8.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:8.3333333333%}.col-1,.offset-1{position:relative}.offset-1{margin-left:8.3333333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:16.6666666667%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:16.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:16.6666666667%}.col-2,.offset-2{position:relative}.offset-2{margin-left:16.6666666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:25%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:25%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:25%}.col-3,.offset-3{position:relative}.offset-3{margin-left:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:33.3333333333%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:33.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:33.3333333333%}.col-4,.offset-4{position:relative}.offset-4{margin-left:33.3333333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:41.6666666667%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:41.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:41.6666666667%}.col-5,.offset-5{position:relative}.offset-5{margin-left:41.6666666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:50%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:50%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:50%}.col-6,.offset-6{position:relative}.offset-6{margin-left:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:58.3333333333%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:58.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:58.3333333333%}.col-7,.offset-7{position:relative}.offset-7{margin-left:58.3333333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:66.6666666667%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:66.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:66.6666666667%}.col-8,.offset-8{position:relative}.offset-8{margin-left:66.6666666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:75%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:75%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:75%}.col-9,.offset-9{position:relative}.offset-9{margin-left:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:83.3333333333%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:83.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);position:relative;width:83.3333333333%}.offset-10{margin-left:83.3333333333%;position:relative}.col-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:91.6666666667%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:91.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);position:relative;width:91.6666666667%}.offset-11{margin-left:91.6666666667%;position:relative}.col-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:100%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:100%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);position:relative;width:100%}.offset-12{margin-left:100%;position:relative}}.wrap.case-study .lottie_wrap{-webkit-backdrop-filter:blur(max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent))));backdrop-filter:blur(max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent))));background:rgba(0,0,0,.2);border-radius:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)));height:max(calc(150px*var(--base-ratio)),calc(150/var(--base-size)*var(--base-percent)));left:calc(50% + max(calc(143px * var(--base-ratio)), calc(calc(143 / var(--base-size)) * var(--base-percent))));position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:max(calc(150px*var(--base-ratio)),calc(150/var(--base-size)*var(--base-percent)));z-index:99}.wrap.case-study .grid{padding-bottom:calc(max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))) - max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent))));position:relative}.wrap.case-study .grid-sizer{width:calc((100% - max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent))))/2)}.wrap.case-study .gutter-sizer{width:max(calc(36px*var(--base-ratio)),calc(36/var(--base-size)*var(--base-percent)))}.wrap.case-study .grid-item{display:block;margin-bottom:max(calc(36px*var(--base-ratio)),calc(36/var(--base-size)*var(--base-percent)));overflow:hidden;position:relative;width:calc((100% - max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent))))/2)}.wrap.case-study .grid-item[data-motion]{opacity:0;pointer-events:none;-webkit-transform:translateY(5%);transform:translateY(5%);-webkit-transition:visibility 1s,opacity 1s,-webkit-transform 1s;transition:visibility 1s,opacity 1s,-webkit-transform 1s;transition:transform 1s,visibility 1s,opacity 1s;transition:transform 1s,visibility 1s,opacity 1s,-webkit-transform 1s;visibility:hidden}.wrap.case-study .grid-item[data-motion].is_animated{opacity:1;pointer-events:all;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}@media(min-width:1025px)and (pointer:fine){.wrap.case-study .grid-item[data-motion].is_animated:hover .caption,.wrap.case-study .grid-item[data-motion].is_animated:hover:before{opacity:1;visibility:visible}.wrap.case-study .grid-item[data-motion].is_animated:hover .caption{-webkit-transform:translateY(0);transform:translateY(0)}}.wrap.case-study .grid-item .caption,.wrap.case-study .grid-item:before{opacity:0;position:absolute;-webkit-transition:visibility .4s,opacity .4s,-webkit-transform .4s;transition:visibility .4s,opacity .4s,-webkit-transform .4s;transition:transform .4s,visibility .4s,opacity .4s;transition:transform .4s,visibility .4s,opacity .4s,-webkit-transform .4s;visibility:hidden}.wrap.case-study .grid-item:before{background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background:linear-gradient(180deg,transparent,#000);bottom:0;content:"";height:max(calc(90px*var(--base-ratio)),calc(90/var(--base-size)*var(--base-percent)));left:0;width:100%;z-index:1}.wrap.case-study .grid-item .caption{bottom:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));color:#fff;font-size:max(calc(18px*var(--base-ratio)),calc(18/var(--base-size)*var(--base-percent)));font-weight:600;left:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5;-webkit-transform:translateY(50%);transform:translateY(50%);z-index:2}.wrap.case-study .grid-item .images_btn{display:none}.wrap.case-study .grid-item img{height:auto;width:100%}@media(max-width:1024px){.wrap.case-study .lottie_wrap{left:50%}.wrap.case-study .grid{padding-bottom:calc(max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent))) - max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent))))}.wrap.case-study .grid-item{cursor:auto;overflow:inherit}.wrap.case-study .grid-item .caption,.wrap.case-study .grid-item:before{position:static}.wrap.case-study .grid-item:before{display:none}.wrap.case-study .grid-item img{margin-bottom:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)))}.wrap.case-study .grid-item .caption{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;color:#231f20;font-size:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)));font-weight:500;letter-spacing:-.02em;line-height:1.5;min-height:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));opacity:1;-webkit-transition:unset;transition:unset;visibility:visible}.wrap.case-study .grid-item .images_btn{display:inline-block;height:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));position:relative;width:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.wrap.case-study .grid-item .images_btn:before{background:url(/resources/images/common/icon/ic_download_dark01.svg) 50% no-repeat;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%}}@media(max-width:767px){.wrap.case-study .lottie_wrap{height:max(calc(100px*var(--base-ratio)),calc(100/var(--base-size)*var(--base-percent)));width:max(calc(100px*var(--base-ratio)),calc(100/var(--base-size)*var(--base-percent)))}.wrap.case-study .grid-item,.wrap.case-study .grid-sizer{width:100%}}.glightbox-clean .gslide-media{-webkit-box-shadow:unset;box-shadow:unset;height:max(calc(546px*var(--base-ratio)),calc(546/var(--base-size)*var(--base-percent)));width:max(calc(570px*var(--base-ratio)),calc(570/var(--base-size)*var(--base-percent)))}.glightbox-clean .gslide-description{background:unset}.glightbox-clean .gdesc-inner{padding:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent))) 0}.glightbox-clean .gslide-title{color:#fff;font-family:Pretendard,sans-serif;font-size:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));font-weight:600;letter-spacing:-.02em;line-height:1.3;text-align:center}.glightbox-clean .gslide-desc{display:none}.glightbox-clean .images_btn{display:inline-block;height:max(calc(28px*var(--base-ratio)),calc(28/var(--base-size)*var(--base-percent)));margin-left:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)));position:relative;width:max(calc(28px*var(--base-ratio)),calc(28/var(--base-size)*var(--base-percent)))}.glightbox-clean .images_btn:before{background:url(/resources/images/common/icon/ic_download_white.svg) 50% no-repeat;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-position:50%;background-repeat:no-repeat;border-radius:unset}.glightbox-clean .gclose svg,.glightbox-clean .gnext svg,.glightbox-clean .gprev svg{display:none}.glightbox-clean .gclose{background-color:#fff;background-image:url(/resources/images/common/icon/ic_close_popup.svg);background-size:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)));height:max(calc(75px*var(--base-ratio)),calc(75/var(--base-size)*var(--base-percent)));opacity:1;right:0;top:0;width:max(calc(75px*var(--base-ratio)),calc(75/var(--base-size)*var(--base-percent)))}.glightbox-clean .gclose:hover{background-color:#fff}.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:unset;background-image:url(/resources/images/common/icon/ic_arrow_narrow_right_popup.svg);background-size:cover;height:max(calc(48px*var(--base-ratio)),calc(48/var(--base-size)*var(--base-percent)));width:max(calc(48px*var(--base-ratio)),calc(48/var(--base-size)*var(--base-percent)))}.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:unset}.glightbox-clean .gprev{left:23%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.glightbox-clean .gnext{right:23%}@media(max-width:1024px){.glightbox-clean .gslide-media{height:auto;max-height:calc(106.67vw - max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))));width:calc(100% - max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))))}.glightbox-clean .gclose{background-size:max(calc(32px*var(--base-ratio)),calc(32/var(--base-size)*var(--base-percent)));height:max(calc(70px*var(--base-ratio)),calc(70/var(--base-size)*var(--base-percent)));width:max(calc(70px*var(--base-ratio)),calc(70/var(--base-size)*var(--base-percent)))}.glightbox-clean .gnext,.glightbox-clean .gprev{height:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));top:50%;width:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)))}.glightbox-clean .gprev{left:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.glightbox-clean .gnext{right:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}}.desc-bottom .gslide-image img{height:100%;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.4}