.g6-case-banner{width:100%}
.g6-case-banner .g6-case-banner-component{max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.g6-case-banner .g6-case-banner-component.item-list-1 .g6-case-banner-container{width:1220px}
@media(max-width:1220px){.g6-case-banner .g6-case-banner-component.item-list-1 .g6-case-banner-container{width:calc(100vw - 40px)}
}
.g6-case-banner .g6-case-banner-component.item-list-2 .g6-case-banner-container,.g6-case-banner .g6-case-banner-component.item-list-3 .g6-case-banner-container,.g6-case-banner .g6-case-banner-component.item-list-4 .g6-case-banner-container{width:602px}
@media(max-width:1220px){.g6-case-banner .g6-case-banner-component.item-list-2 .g6-case-banner-container,.g6-case-banner .g6-case-banner-component.item-list-3 .g6-case-banner-container,.g6-case-banner .g6-case-banner-component.item-list-4 .g6-case-banner-container{width:calc(calc(100vw - 40px - 8px) / 2)}
}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component.item-list-2 .g6-case-banner-container+.g6-case-banner-container,.g6-case-banner .g6-case-banner-component.item-list-3 .g6-case-banner-container+.g6-case-banner-container,.g6-case-banner .g6-case-banner-component.item-list-4 .g6-case-banner-container+.g6-case-banner-container{margin-top:16px}
}
.g6-case-banner .g6-case-banner-component.item-list-2 .g6-case-banner-container:nth-child(2){margin-left:16px}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component.item-list-2 .g6-case-banner-container:nth-child(2){margin-left:0}
}
.g6-case-banner .g6-case-banner-component.item-list-3 .g6-case-banner-container:nth-child(1){width:1220px}
@media(max-width:1220px){.g6-case-banner .g6-case-banner-component.item-list-3 .g6-case-banner-container:nth-child(1){width:calc(100vw - 40px)}
}
.g6-case-banner .g6-case-banner-component.item-list-3 .g6-case-banner-container:nth-child(3){margin:16px 0 0 16px}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component.item-list-3 .g6-case-banner-container:nth-child(3){margin-left:0}
}
.g6-case-banner .g6-case-banner-component.item-list-3 .g6-case-banner-container:nth-child(2){margin-top:16px}
.g6-case-banner .g6-case-banner-component.item-list-4 .g6-case-banner-container:nth-child(2),.g6-case-banner .g6-case-banner-component.item-list-4 .g6-case-banner-container:nth-child(4){margin-left:16px}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component.item-list-4 .g6-case-banner-container:nth-child(2),.g6-case-banner .g6-case-banner-component.item-list-4 .g6-case-banner-container:nth-child(4){margin-left:0}
}
.g6-case-banner .g6-case-banner-component.item-list-4 .g6-case-banner-container:nth-child(3),.g6-case-banner .g6-case-banner-component.item-list-4 .g6-case-banner-container:nth-child(4){margin-top:16px}
.g6-case-banner .g6-case-banner-component .g6-case-banner-container{overflow:hidden;height:820px;border-radius:32px;position:relative;display:flex;align-items:flex-start;justify-content:center}
.g6-case-banner .g6-case-banner-component .g6-case-banner-container.link-exist{cursor:pointer}
@media(max-width:1220px){.g6-case-banner .g6-case-banner-component .g6-case-banner-container{border-radius:24px}
}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component .g6-case-banner-container{border-radius:12px;width:calc(100vw - 40px) !important;height:auto;min-height:480px}
}
.g6-case-banner .g6-case-banner-component .g6-case-banner-container.text-bottom .g6-case-banner-text-container{align-self:flex-end;margin:0 0 20px}
.g6-case-banner .g6-case-banner-component .g6-case-banner-container.text-bottom .g6-case-banner-text-container .g6-text-component .g6-text-wrap .g6-text-btn{margin-bottom:0}
.g6-case-banner .g6-case-banner-component .g6-case-banner-container.text-bottom .g6-case-banner-text-container .g6-text-component .g6-text-wrap .g6-text-btn+.g6-text-link{margin-top:32px}
.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-text-container{margin:20px 0 0;position:relative;z-index:1;width:1100px;text-align:center;overflow:hidden}
@media(max-width:1220px){.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-text-container{width:768px;margin:40px 0 0}
}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-text-container{margin:20px 0 0;width:calc(100vw - 80px)}
}
.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-text-container .g6-text-tag{width:100%;white-space:nowrap;overflow:hidden}
.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-text-container .g6-text-subtitle{width:100%;white-space:nowrap;overflow:hidden !important}
@media(min-width:1221px){.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-text-container .g6-text-subtitle{max-height:30px}
}
@media(max-width:1220px){.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-text-container .g6-text-subtitle{white-space:normal !important}
}
@media(min-width:1221px){.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-text-container .g6-text-title{max-height:126px}
}
.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-text-container .g6-text-desc.hide{display:none}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-text-container .g6-text-desc{margin-bottom:24px}
}
.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-text-container .g6-text-btn{margin-top:16px}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-text-container .g6-text-btn{margin-bottom:24px}
}
.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-text-container .g6-text-link{font-weight:500;font-size:16px;line-height:19px;margin:0 10px}
.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-text-container .g6-text-wrap .g6-text-note+.button-display{margin-top:0}
.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-image-container{position:absolute;height:100%}
.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-image-container img{position:absolute;width:auto;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-image-container img.pc-image{display:none}
}
@media(min-width:1221px){.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-image-container img.mobile-image{display:none}
}
@media(max-width:1220px){.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-image-container img.mobile-image{display:none}
}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component .g6-case-banner-container .g6-case-banner-image-container img.mobile-image{display:block}
}
.g6-case-banner .g6-case-banner-component.seperate-image .g6-case-banner-container{display:grid;grid-template-columns:1fr;grid-template-rows:410px 410px}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component.seperate-image .g6-case-banner-container{height:auto;grid-template-rows:1fr 230px}
}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component.seperate-image .g6-case-banner-container.text-bottom{grid-template-rows:230px 1fr}
}
.g6-case-banner .g6-case-banner-component.seperate-image .g6-case-banner-container.text-bottom .g6-case-banner-text-container{order:1}
.g6-case-banner .g6-case-banner-component.seperate-image .g6-case-banner-container .g6-case-banner-text-container{align-self:center;width:1100px;margin:60px auto;z-index:unset;padding:0}
@media(max-width:1220px){.g6-case-banner .g6-case-banner-component.seperate-image .g6-case-banner-container .g6-case-banner-text-container{width:768px;height:auto}
}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component.seperate-image .g6-case-banner-container .g6-case-banner-text-container{margin:20px auto;width:calc(100vw - 80px)}
}
.g6-case-banner .g6-case-banner-component.seperate-image .g6-case-banner-container .g6-case-banner-image-container{position:relative;width:1220px;height:100%;overflow:hidden}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component.seperate-image .g6-case-banner-container .g6-case-banner-image-container{width:auto}
}
.g6-case-banner .g6-case-banner-component.seperate-image .g6-case-banner-container .g6-case-banner-image-container img{width:100%;height:auto}
@media(max-width:1220px){.g6-case-banner .g6-case-banner-component.seperate-image .g6-case-banner-container .g6-case-banner-image-container img.pc-image{display:none}
}
@media(min-width:1221px){.g6-case-banner .g6-case-banner-component.seperate-image .g6-case-banner-container .g6-case-banner-image-container img.mobile-image{display:none}
}
@media(max-width:1220px){.g6-case-banner .g6-case-banner-component.seperate-image .g6-case-banner-container .g6-case-banner-image-container img.mobile-image{display:block}
}
.g6-case-banner .g6-case-banner-component.full-image{width:1220px}
@media(max-width:1220px){.g6-case-banner .g6-case-banner-component.full-image{width:calc(100vw - 40px)}
}
.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1),.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1){align-items:center;height:610px}
@media(max-width:1220px){.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1),.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1){min-height:480px;height:calc((100vw - 40px) / 2);width:100%}
}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1),.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1){align-items:flex-start}
}
@media(min-width:768px){.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1).g6-bg-light-gray .g6-text-subtitle,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1).g6-bg-light-gray .g6-text-subtitle,.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1).g6-bg-light-gray .g6-text-title,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1).g6-bg-light-gray .g6-text-title{color:#000}
}
@media(min-width:768px){.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1).g6-bg-light-gray .g6-text-btn,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1).g6-bg-light-gray .g6-text-btn{background-color:#000;border-color:#000;color:#fff}
}
@media(min-width:768px){.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1).g6-bg-light-gray .g6-text-btn:hover,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1).g6-bg-light-gray .g6-text-btn:hover{background:#7231c6 !important;border-color:#7231c6 !important}
}
@media(min-width:768px){.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1).g6-bg-light-gray .g6-text-btn:active,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1).g6-bg-light-gray .g6-text-btn:active{background:#6b53cc;border-color:#6b53cc !important}
}
@media(min-width:768px){.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1).g6-bg-light-gray .g6-text-link,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1).g6-bg-light-gray .g6-text-link{color:#7231c6 !important}
.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1).g6-bg-light-gray .g6-text-link::after,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1).g6-bg-light-gray .g6-text-link::after{content:url('../../../../../etc/designs/g6/clientlib-site/img/g6/right-arrow-light.svg')}
}
@media(min-width:768px){.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1).button-hollow .g6-text-btn,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1).button-hollow .g6-text-btn{background-color:transparent !important;border-color:#000 !important;color:#000 !important}
}
@media(min-width:768px){.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1).button-hollow .g6-text-btn:hover,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1).button-hollow .g6-text-btn:hover{background:#7231c6 !important;border-color:#7231c6 !important;color:#fff !important}
}
@media(min-width:768px){.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1).button-hollow .g6-text-btn:active,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1).button-hollow .g6-text-btn:active{background:#6b53cc !important;border-color:#6b53cc !important;color:#fff !important}
}
.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1) .g6-case-banner-text-container,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1) .g6-case-banner-text-container{margin-top:0}
.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1) .g6-case-banner-text-container,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1) .g6-case-banner-text-container,.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1) .g6-case-banner-image-container,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1) .g6-case-banner-image-container{width:calc(100% / 2)}
@media(max-width:1220px){.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1) .g6-case-banner-text-container,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1) .g6-case-banner-text-container,.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1) .g6-case-banner-image-container,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1) .g6-case-banner-image-container{width:calc((100vw - 40px) / 2)}
}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1) .g6-case-banner-text-container,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1) .g6-case-banner-text-container,.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1) .g6-case-banner-image-container,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1) .g6-case-banner-image-container{width:calc(100vw - 40px)}
}
.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1) .g6-case-banner-text-container,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1) .g6-case-banner-text-container{align-self:center;margin-top:0;order:1;padding:0 20px}
@media(min-width:1221px){.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1) .g6-case-banner-text-container,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1) .g6-case-banner-text-container{max-height:370px}
}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1) .g6-case-banner-text-container,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1) .g6-case-banner-text-container{margin-top:20px !important;margin-bottom:0 !important;align-self:flex-start}
}
.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1) .g6-case-banner-image-container,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1) .g6-case-banner-image-container{overflow:hidden;position:relative}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component.full-image.item-list-1 .g6-case-banner-container:nth-child(1) .g6-case-banner-image-container,.g6-case-banner .g6-case-banner-component.full-image.item-list-3 .g6-case-banner-container:nth-child(1) .g6-case-banner-image-container{position:absolute;height:100%;width:100%}
}
.g6-case-banner .g6-case-banner-component.full-image .g6-case-banner-container{height:602px}
@media(max-width:1220px){.g6-case-banner .g6-case-banner-component.full-image .g6-case-banner-container{min-height:480px;height:calc((100vw - 40px - 16px) / 2);width:calc((100vw - 40px - 16px) / 2)}
}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component.full-image .g6-case-banner-container{max-width:400px;height:480px}
}
@media(max-width:1220px){.g6-case-banner .g6-case-banner-component.full-image .g6-case-banner-container .g6-case-banner-text-container{margin-top:40px}
}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component.full-image .g6-case-banner-container .g6-case-banner-text-container{margin-top:20px}
}
@media(min-width:1221px){.g6-case-banner .g6-case-banner-component.full-image .g6-case-banner-container .g6-case-banner-text-container{max-height:352px}
}
.g6-case-banner .g6-case-banner-component.item-list-2 .g6-case-banner-container .g6-case-banner-text-container,.g6-case-banner .g6-case-banner-component.item-list-3 .g6-case-banner-container .g6-case-banner-text-container,.g6-case-banner .g6-case-banner-component.item-list-4 .g6-case-banner-container .g6-case-banner-text-container{width:calc(100% - 40px)}
.g6-case-banner .g6-case-banner-component.item-list-2 .g6-case-banner-container .g6-case-banner-image-container,.g6-case-banner .g6-case-banner-component.item-list-3 .g6-case-banner-container .g6-case-banner-image-container,.g6-case-banner .g6-case-banner-component.item-list-4 .g6-case-banner-container .g6-case-banner-image-container{width:100%}
.g6-case-banner .g6-case-banner-component.item-list-3 .g6-case-banner-container:nth-child(1) .g6-case-banner-text-container{width:1100px}
@media(max-width:1220px){.g6-case-banner .g6-case-banner-component.item-list-3 .g6-case-banner-container:nth-child(1) .g6-case-banner-text-container{width:768px}
}
@media(max-width:767px){.g6-case-banner .g6-case-banner-component.item-list-3 .g6-case-banner-container:nth-child(1) .g6-case-banner-text-container{width:calc(100vw - 80px)}
}
.g6-case-banner .g6-case-banner-component.item-list-3 .g6-case-banner-container:nth-child(1) .g6-case-banner-image-container{width:100%}
.g6-case-banner .g6-case-banner-component .g6-text-component,.g6-case-banner .g6-case-banner-component .g6-text-wrap{padding:0 !important}
.g6-case-banner-wrap.darkMode{background-color:black}