﻿.sub .sub__header{background:url("../img/top/noise.svg") repeat,linear-gradient(225deg, #ffffff 0%, #ffffff 20%, #0098d0 100%),linear-gradient(225deg, #ffffff 0%, #ffffff 20%, #0098d0 100%);background-blend-mode:overlay,multiply,normal;background-size:160px 160px,100% 100%,100% 100%;height:240px}@media screen and (max-width: 1200px){.sub .sub__header{background:url("../img/top/noise.svg") repeat,linear-gradient(225deg, #ffffff 0%, #ffffff 4%, #0098d0 100%),linear-gradient(225deg, #ffffff 0%, #ffffff 4%, #0098d0 100%)}}.sub .sub__header .container{height:100%}.sub .sub__header .sub__header-inner{display:flex;align-items:center;height:100%}@media screen and (max-width: 1200px){.sub .sub__header .sub__header-inner{justify-content:center}}.sub .sub__header .sub__header-inner .sub__header-title{font-size:40px;font-weight:700;color:#fff;text-shadow:0 0 16px #014b82;display:flex;flex-direction:column}@media screen and (max-width: 1200px){.sub .sub__header .sub__header-inner .sub__header-title{font-size:36px;text-align:center}}@media screen and (max-width: 992px){.sub .sub__header .sub__header-inner .sub__header-title{font-size:32px}}@media screen and (max-width: 768px){.sub .sub__header .sub__header-inner .sub__header-title{font-size:28px}}.sub .sub__header .sub__header-inner .sub__header-title .sub__header-sub{font-size:18px;font-weight:500;color:#fff;text-shadow:0 0 16px #014b82}.sub .section__head .section__head-title{font-size:32px}@media screen and (max-width: 1200px){.sub .section__head .section__head-title{font-size:28px}}@media screen and (max-width: 768px){.sub .section__head .section__head-title{font-size:24px}}.sub .section__head .section__head-en{font-size:16px}@media screen and (max-width: 480px){.sub .section__head .section__head-en{font-size:14px}}.breadcrumbs{background-color:#eaeaea;padding:4px 0}.breadcrumbs .breadcrumbs__list{display:flex;align-items:center;gap:16px;list-style:none}.breadcrumbs .breadcrumbs__list .breadcrumbs__item{font-size:14px}.breadcrumbs .breadcrumbs__list .breadcrumbs__item:before{content:"»";margin-right:8px;color:#474747}.breadcrumbs .breadcrumbs__list .breadcrumbs__item:first-child:before{display:none}.breadcrumbs .breadcrumbs__list .breadcrumbs__item span,.breadcrumbs .breadcrumbs__list .breadcrumbs__item a{color:#474747;transition:all .3s ease}.breadcrumbs .breadcrumbs__list .breadcrumbs__item a:hover{color:#0098d0}.case-card__accordion{margin-bottom:32px;border:1px solid #d6d6d6;border-radius:8px;overflow:hidden}.case-card__accordion-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 20px;background-color:#fff;border:none;cursor:pointer;font-size:15px;font-weight:700;color:#333;transition:all .3s ease}.case-card__accordion-trigger:hover{background-color:#f2f9fc}.case-card__accordion-trigger .case-card__accordion-icon{width:10px;height:10px;transform:rotate(90deg);transition:transform .3s ease;flex-shrink:0}.case-card__accordion-trigger[aria-expanded=true] .case-card__accordion-icon{transform:rotate(-90deg)}.case-card__filter{display:none;gap:16px;padding:20px;border-top:1px solid #d6d6d6;flex-wrap:wrap;background-color:#fff}.case-card__filter.is-open{display:flex}@media screen and (max-width: 768px){.case-card__filter{flex-direction:column;gap:12px}}.case-card__filter .case-card__filter-item{display:flex;flex-direction:column;gap:6px;flex:1;min-width:180px}@media screen and (max-width: 768px){.case-card__filter .case-card__filter-item{min-width:0}}.case-card__filter .case-card__filter-label{font-size:13px;font-weight:700;color:#5b5b5b}.case-card__filter .case-card__filter-select{appearance:none;background-color:#fff;background-image:url("../img/icon/arrow05-down.svg");background-repeat:no-repeat;background-position:right 12px center;border:1px solid #d6d6d6;border-radius:8px;padding:10px 36px 10px 14px;font-size:14px;color:#333;cursor:pointer;transition:all .3s ease;width:100%}.case-card__filter .case-card__filter-select:hover,.case-card__filter .case-card__filter-select:focus{border-color:#0098d0;outline:none}.case-card__no-results{font-size:15px;color:#5b5b5b;text-align:center;padding:40px 0;width:100%}.case-card__items{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:16px}.case-card__items.flex-start{justify-content:flex-start}@media screen and (max-width: 768px){.case-card__items{flex-direction:column}}.case-card__items .case-card__item{width:calc(33.333% - 10.667px);display:flex;flex-direction:column;justify-content:space-between;gap:16px;background-color:#fff;padding:16px;border-radius:8px;transition:all .3s ease}@media screen and (max-width: 768px){.case-card__items .case-card__item{width:100%;flex-direction:row;justify-content:flex-start;align-items:center}}@media screen and (max-width: 576px){.case-card__items .case-card__item{flex-direction:column}}.case-card__items .case-card__item:hover{background-color:#fff1e5;transform:translateY(-8px)}.case-card__items .case-card__item .case-card__item-img{aspect-ratio:1.91/1;background-color:#fff;border-radius:8px;overflow:hidden;flex-shrink:0}@media screen and (max-width: 768px){.case-card__items .case-card__item .case-card__item-img{flex-shrink:0;align-self:flex-center;width:160px;min-width:160px}}.case-card__items .case-card__item .case-card__item-img img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 576px){.case-card__items .case-card__item .case-card__item-img{width:100%}}.case-card__items .case-card__item .case-card__item-body{display:flex;flex-direction:column;justify-content:space-between;gap:16px;height:100%}@media screen and (max-width: 768px){.case-card__items .case-card__item .case-card__item-body{width:100%}}.case-card__items .case-card__item .case-card__item-body .case-card__item-meta{display:flex;gap:8px;align-items:center}.case-card__items .case-card__item .case-card__item-body .case-card__item-meta span{padding:8px 16px;font-size:12px;font-weight:700;background-color:#f5f7f9;border-radius:16px}.case-card__items .case-card__item .case-card__item-body .case-card__item-title{font-size:16px;font-weight:700;line-height:2}.case-card__items .case-card__item .case-card__item-body .case-card__item-btn{text-align:right;font-size:14px;font-weight:700;color:#0098d0}.case-card__items .case-card__item .case-card__item-body .case-card__item-btn img{margin-left:4px}.case-card:not(.bg__off-white) .case-card__item{background-color:#f5f7f9;box-shadow:0 4px 8px rgba(25,21,21,.1)}.case-card__btn{text-align:center;margin-top:40px}.case-single{background-color:#f5f7f9;padding:40px 0}.case-single .case-single__hero{margin-bottom:40px}@media screen and (max-width: 576px){.case-single .case-single__hero{margin-bottom:24px}}.case-single .case-single__title{font-size:28px;font-weight:700;color:#333;line-height:1.75;margin-bottom:24px}@media screen and (max-width: 768px){.case-single .case-single__title{font-size:24px}}@media screen and (max-width: 576px){.case-single .case-single__title{font-size:20px}}.case-single .case-single__hero-img{width:100%;aspect-ratio:1.91/1;overflow:hidden;border-radius:8px;margin-bottom:24px;max-height:480px}.case-single .case-single__hero-img img{width:100%;height:100%;object-fit:cover}.case-single .case-single__hero-body{display:flex;border:1px solid #eaeaea;border-radius:8px;overflow:hidden}@media screen and (max-width: 576px){.case-single .case-single__hero-body{flex-direction:column}}.case-single .case-single__hero-approach{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 24px;background-color:#0098d0;text-align:center}@media screen and (max-width: 768px){.case-single .case-single__hero-approach{padding:16px}}.case-single .case-single__approach-title{font-size:20px;font-weight:700;color:#fff;line-height:1.75;word-break:auto-phrase}@media screen and (max-width: 768px){.case-single .case-single__approach-title{font-size:16px}}.case-single .case-single__hero-points{flex:3;padding:32px;background-color:#f5f7f9}@media screen and (max-width: 768px){.case-single .case-single__hero-points{padding:16px}}.case-single .case-single__points-title{font-size:16px;font-weight:700;color:#5b5b5b;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #d6d6d6}.case-single .case-single__points{display:flex;flex-direction:column;gap:12px;padding-left:0;list-style:none;counter-reset:point-counter}.case-single .case-single__point{display:flex;align-items:flex-start;gap:12px;font-size:16px;font-weight:500;line-height:1.75;color:#333;counter-increment:point-counter}.case-single .case-single__point::before{content:counter(point-counter);display:flex;justify-content:center;align-items:center;width:24px;height:24px;min-width:24px;border-radius:50%;background-color:#0098d0;color:#fff;font-size:12px;font-weight:700}.case-single .case-single__back{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s ease}.case-single .case-single__back span{color:#5b5b5b}.case-single .case-single__back:hover{opacity:.8}.case-single .case-single__back-icon{width:20px;height:20px;transform:rotate(180deg);flex-shrink:0}.case-single .case-single__wrap{display:flex;gap:40px;margin-top:40px;padding:0 0 80px}@media screen and (max-width: 992px){.case-single .case-single__wrap{flex-direction:column;gap:32px;padding:0 0 64px}}.case-single .case-single__inner{flex:1;min-width:0;background-color:#fff;border-radius:16px;padding:40px;display:flex;flex-direction:column;gap:48px}@media screen and (max-width: 768px){.case-single .case-single__inner{padding:24px 16px}}.case-single .case-single__company-inline{display:none}@media screen and (max-width: 992px){.case-single .case-single__company-inline{display:block}}.case-single .case-single__sidebar{width:320px;flex-shrink:0;position:sticky;top:96px;align-self:flex-start}@media screen and (max-width: 1440px){.case-single .case-single__sidebar{top:160px}}@media screen and (max-width: 992px){.case-single .case-single__sidebar{display:none}}.case-single .case-single__section-title{font-size:18px;font-weight:700;color:#333;padding-bottom:12px;border-bottom:2px solid #0098d0;margin-bottom:16px}.case-single .case-single__company-summary{font-size:14px;line-height:2;color:#5b5b5b;margin-bottom:16px}.case-single .case-single__table{width:100%;border-collapse:collapse}.case-single .case-single__table tr{border-bottom:1px solid #eaeaea}.case-single .case-single__table tr:first-child{border-top:1px solid #eaeaea}.case-single .case-single__table th,.case-single .case-single__table td{padding:8px 12px;font-size:14px;line-height:1.75;text-align:left;vertical-align:top}.case-single .case-single__table th{width:96px;min-width:96px;font-weight:700;color:#5b5b5b;background-color:#f5f7f9}.case-single .case-single__table td{color:#333}.case-single .case-single__table td a{color:#0098d0;word-break:break-all}.case-single .case-single__table td a:hover{text-decoration:underline}.case-single .case-single__detail .case-single__detail-label{display:inline-block;font-size:12px;font-weight:700;color:#0098d0;background-color:#e5f4fa;padding:4px 12px;border-radius:4px;margin-bottom:8px}.case-single .case-single__detail .case-single__detail-heading{font-size:22px;font-weight:700;color:#333;line-height:1.75;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #0098d0}@media screen and (max-width: 768px){.case-single .case-single__detail .case-single__detail-heading{font-size:18px}}.case-single .case-single__detail .case-single__detail-body{display:flex;gap:32px;align-items:flex-start;flex-direction:column}.case-single .case-single__detail .case-single__detail-img{flex:1;min-width:0;border-radius:8px;overflow:hidden}.case-single .case-single__detail .case-single__detail-img img{width:100%;height:auto;display:block}@media screen and (max-width: 992px){.case-single .case-single__detail .case-single__detail-img{order:-1;width:100%}}.case-single .case-single__detail .case-single__detail-txt{flex:1;min-width:0;font-size:16px;line-height:2;color:#333}.case-single .case-single__detail .case-single__detail-txt p{margin-bottom:24px}.case-single .case-single__detail .case-single__detail-txt p:last-child{margin-bottom:0}
