#case h1{font-size:40px;font-size:4rem;font-weight:700}#case .outer{padding:40px 0}#case .outer p{font-size:40px;font-size:4rem;font-weight:700;line-height:1.5}#case .tag .outer{background:#f8f8f8}#case .tag .outer h1{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:28px;font-size:2.8rem;gap:4px}#case .tag .outer h1:before{content:"#"}#case .cat{background:#f8f8f8;border-bottom:4px solid #fff;padding:40px 0 56px}#case .cat h2{border-left:8px solid #0073c3;font-size:28px;font-size:2.8rem;font-weight:700;margin-bottom:30px;padding-left:20px}#case .cat ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:40px;justify-content:flex-start}#case .cat ul li{width:calc(25% - 30px)}#case .cat ul li div{height:100%;text-align:center}#case .cat ul li div a{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;min-height:120px;padding:1em;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;flex-direction:column;font-size:20px;font-size:2rem;font-weight:700;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}#case .cat ul li div a span{font-size:70%}#case .cat ul li div a:hover{opacity:.8}#case .list{padding:60px 0 90px}#case .list .divide{display:-webkit-box;display:-ms-flexbox;display:flex;gap:60px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#case .list .divide .inner-main{width:72.4137931034%;-ms-flex-negative:0;flex-shrink:0}#case .list .divide .inner-main>div>ul{display:grid;gap:60px 40px;grid-template-columns:repeat(2,1fr)}#case .list .divide .inner-main>div>ul li a{-webkit-transition:all .3s ease;transition:all .3s ease}#case .list .divide .inner-main>div>ul li a .img-wrap{aspect-ratio:200/133;content:"";overflow:hidden;width:100%}#case .list .divide .inner-main>div>ul li a .img-wrap img{height:auto;-webkit-transition:all .3s ease;transition:all .3s ease;width:100%}#case .list .divide .inner-main>div>ul li a h2{font-size:18px;font-size:1.8rem;font-weight:700;margin:20px 0 30px}#case .list .divide .inner-main>div>ul li a h2+ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px 20px}#case .list .divide .inner-main>div>ul li a h2+ul li{color:#0073c3;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-size:1.4rem}#case .list .divide .inner-main>div>ul li a h2+ul li:before{content:"#"}#case .list .divide .inner-main>div>ul li a:hover{opacity:.8}#case .list .divide .inner-main>div>ul li a:hover img{scale:1.05}#case .list .divide .sub h2{font-size:18px;font-size:1.8rem;font-weight:700;margin-bottom:25px}#case .list .divide .sub ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px 8px}#case .list .divide .sub ul li a{border:1px solid #0073c3;border-radius:26px;color:#0073c3;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:13px;font-size:1.3rem;font-weight:700;padding:9px 14px;-webkit-transition:all .3s ease;transition:all .3s ease}#case .list .divide .sub ul li a:before{content:"#"}#case .list .divide .sub ul li a:hover{background:#0073c3;color:#fff}#case.detail .adopt{background:#40d3c2;padding:10px 0}#case.detail .adopt .txt01{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;font-size:1.6rem;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}#case.detail .adopt .txt01:before{border-top:2px solid #fff;content:"";width:20px}#case.detail .inner-main{width:calc(100% - 320px);-ms-flex-negative:0;flex-shrink:0}#case.detail .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;gap:40px;justify-content:space-between}#case.detail .mv .inner-main .txt01{color:#0073c3;font-size:22px;font-size:2.2rem;font-weight:700;margin-bottom:20px}#case.detail .mv .inner-main .dl-wrap div{display:grid;gap:6px;margin:30px 0}#case.detail .mv .inner-main .dl-wrap dl{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;font-size:1.6rem;gap:2em}#case.detail .mv .inner-main .dl-wrap dl dt{flex-shrink:0;font-weight:700;position:relative}#case.detail .mv .inner-main .dl-wrap dl dt:after{border-left:1px solid #d0d0d0;content:"";display:block;height:20px;position:absolute;right:-1em;top:2px}#case.detail .mv .inner-main ul{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:10px}#case.detail .mv .inner-main ul li{display:flex}#case.detail .mv .inner-main ul li a{border:1px solid #0073c3;border-radius:100px;color:#0073c3;display:flex;font-size:16px;font-size:1.6rem;font-weight:700;padding:6px 30px;-webkit-transition:all .3s ease;transition:all .3s ease;&:before{content:"#"}&:hover{background-color:#0073c3;color:#fff}}#case.detail .mv .sub{width:280px}#case.detail .mv .sub .btn{background:#0073c3;border:1px solid #0073c3;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;font-size:1.6rem;margin-top:40px;max-width:280px;padding:14px 30px;-webkit-transition:all .3s ease;transition:all .3s ease;width:100%}#case.detail .mv .sub .btn:hover{background:#fff;color:#0073c3}#case.detail .cont{background:#f8f8f8;padding-top:60px}#case.detail .cont .outline .txt01{font-size:18px;font-size:1.8rem;font-weight:700;margin-bottom:6px}#case.detail .cont .outline ul{border-bottom:1px solid #d0d0d0}#case.detail .cont .outline ul li{border-top:1px solid #d0d0d0}#case.detail .cont .outline ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:14px 0}#case.detail .cont .outline ul li a .txt02{width:244px;-ms-flex-negative:0;color:#0073c3;display:-webkit-box;display:-ms-flexbox;display:flex;flex-shrink:0;font-size:16px;font-size:1.6rem;font-weight:700;padding-left:2.5em;padding-right:1em;position:relative}#case.detail .cont .outline ul li a .txt02:before{background:url(/hubfs/21059493/case/arrow.svg) no-repeat top/contain;bottom:0;content:"";height:20px;left:8px;margin:auto;position:absolute;right:auto;top:0;width:20px}#case.detail .cont .outline ul li a .txt03{font-size:16px;font-size:1.6rem}#case.detail .cont .outline ul li a:hover{background:#0073c3;-webkit-transition:all .3s ease;transition:all .3s ease}#case.detail .cont .outline ul li a:hover *{color:#fff}#case.detail .cont .outline ul li a:hover .txt02:before{background:url(/hubfs/21059493/case/arrow-w.svg) no-repeat top/contain}#case.detail .cont .inner-main .box-wrap{display:grid;gap:60px;margin-bottom:60px}#case.detail .cont .inner-main .box-wrap.alt{margin-bottom:0}#case.detail .cont .inner-main .box-wrap.alt .box01{margin-top:60px}#case.detail .cont .inner-main .box01{background:#fff;padding:20px 30px}#case.detail .cont .inner-main .box01 h2{font-size:22px;font-size:2.2rem;font-weight:700;margin-bottom:8px;position:relative}#case.detail .cont .inner-main .box01 h2:before{border-top:4px solid #40d3c2;content:"";left:-30px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px}#case.detail .cont .inner-main .box01 p{font-size:16px;font-size:1.6rem;line-height:2}#case.detail .cont .inner-main .box01 ul{display:grid;gap:10px}#case.detail .cont .inner-main .box01 ul li{margin-left:1em}#case.detail .cont .inner-main .box01 ul li a{color:#0073c3;position:relative;text-decoration:underline;&[target=_blank]{padding-right:2em;position:relative;&:after{background-color:#53565a;bottom:0;content:"";height:1em;left:auto;margin:auto;-webkit-mask:url(/hubfs/common/ic_blank.svg) no-repeat 0 0/contain;mask:url(/hubfs/common/ic_blank.svg) no-repeat 0 0/contain;position:absolute;right:.5em;top:auto;width:1em}}}#case.detail .cont .inner-main .box01 ul li a:before{background:#0073c3;border-radius:10px;content:"";height:4px;left:-1em;margin-right:6px;margin-top:7px;position:absolute;top:0;width:4px}#case.detail .cont .inner-main .box01 ul li a:hover{text-decoration:none}#case.detail .cont .inner-main .reference{margin:80px 0 30px}#case.detail .cont .inner-main .reference a{color:#0073c3;text-decoration:underline;word-break:break-all}#case.detail .cont .inner-main .reference a:hover{text-decoration:none}#case.detail .cont .inner-main .btn-wrap{display:grid;gap:80px}#case.detail .cont .inner-main .btn01{border-bottom:1px solid #d0d0d0;color:#53565a!important;display:inline-block;font-size:18px;font-size:1.8rem;font-weight:700;left:50%;margin:0 auto;max-width:600px;padding:12px 2.5em 12px 0;position:relative;text-align:center;text-decoration:none!important;transform:translate(-50%)}#case.detail .cont .inner-main .btn01:before{background:#0073c3;bottom:-1px;content:"";height:1px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right top;transform-origin:right top;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}#case.detail .cont .inner-main .btn01:after{background:url(/hubfs/21059493/solution/arrow_r.svg) no-repeat top/contain;bottom:0;content:"";height:36px;left:auto;margin:auto 0;position:absolute;right:0;top:0;-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:all .3s ease;transition:all .3s ease;width:36px}#case.detail .cont .inner-main .btn01:hover{color:#0073c3!important}#case.detail .cont .inner-main .btn01:hover:before{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:left top;transform-origin:left top}#case.detail .cont .inner-main .btn01:hover:after{-webkit-transform:scale(1);transform:scale(1)}#case.detail .cont .inner-main .btn02{background:#0073c3;border:1px solid #0073c3;color:#fff!important;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:22px;font-size:2.2rem;font-weight:700;padding:40px 1em;width:458px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;text-decoration:none!important;-webkit-transition:all .3s ease;transition:all .3s ease}#case.detail .cont .inner-main .btn02:hover{background:#fff;color:#0073c3!important}#case.detail .cont .inner-main .box02{background:#fff;margin-top:80px;padding:20px 0 30px}#case.detail .cont .inner-main .box02 .ttl{border-left:4px solid #0073c3;margin-bottom:30px;padding:0 30px 0 26px}#case.detail .cont .inner-main .box02 .ttl .ttl2{font-size:16px;font-size:1.6rem;font-weight:700;line-height:2}#case.detail .cont .inner-main .box02 .ttl h2{color:#0073c3;font-size:24px;font-size:2.4rem;font-weight:700;margin-top:8px}#case.detail .cont .inner-main .box02 p{padding:0 30px}#case.detail .cont .sub{-webkit-transition:all .3s ease;transition:all .3s ease}#case.detail .cont .sub .outline ul{border-bottom:none}#case.detail .cont .sub .outline .txt03{display:none}#case.detail .cont .sub.isfixed{left:calc(50% + 336px);position:fixed;top:156px}#case.main.lower.detail .article h2{margin-bottom:0}#case.main.lower.detail .article h3{margin-bottom:0;padding-top:2em}#case.main.lower.detail .article a.btn01,#case.main.lower.detail .article a.btn02{margin-top:80px}#case.main.lower.detail .article p{font-size:16px;font-size:1.6rem;line-height:2;padding:1em 0}#case.main.lower.detail .article p span{line-height:inherit}#case.main.lower.detail .article p strong{font-weight:700}#case.main.lower.detail .article p a{color:#0073c3;text-decoration:underline}#case.main.lower.detail .article p a.blank{padding-right:2em;position:relative}#case.main.lower.detail .article p a.blank&:before{background-color:#53565a;bottom:0;content:"";height:1em;left:auto;margin:auto;-webkit-mask:url(/hubfs/common/ic_blank.svg) no-repeat 0 0/contain;mask:url(/hubfs/common/ic_blank.svg) no-repeat 0 0/contain;position:absolute;right:.5em;top:auto;width:1em}#case.main.lower.detail .article img{margin:40px auto 0}#case.main.lower.detail .article ul.col2{display:flex;flex-wrap:wrap;gap:20px;margin-top:60px}#case.main.lower.detail .article ul.col2 li{font-size:1.4rem;font-size:14px;line-height:2;width:calc(50% - 10px)}#case.main.lower.detail .article ul.col2 p{padding:0}#case.main.lower.detail .article ul.col2 img{margin:0}@media (max-width:767px){#case h1{font-size:2rem}#case h1 br{display:none}#case .outer{padding:20px 0}#case .outer p,#case .tag .outer h1{font-size:2rem}#case .cat{padding:20px 0 26px}#case .cat h2{font-size:1.8rem;margin-bottom:15px;padding-left:10px}#case .cat ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}#case .cat ul li{width:100%}#case .list{padding:30px 0 45px}#case .list .divide{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}#case .list .divide .inner-main{width:100%}#case .list .divide .inner-main>div>ul{gap:20px;grid-template-columns:repeat(1,1fr)}#case .list .divide .inner-main>div>ul li a h2{font-size:1.6rem;margin:10px 0 15px}#case .list .divide .inner-main>div>ul li a h2+ul{gap:5px 10px}#case .list .divide .inner-main>div>ul li a h2+ul li{font-size:1.2rem}#case .list .divide .sub h2{font-size:1.6rem;margin-bottom:10px}#case .list .divide .sub ul{gap:5px}#case .list .divide .sub ul li a{font-size:1.1rem;padding:5px 10px}#case.detail .adopt{padding:5px 0}#case.detail .adopt .txt01{font-size:1.4rem}#case.detail .mv .inner-main .txt01{font-size:1.6rem;margin-bottom:10px;text-align:center}#case.detail .mv .inner-main .dl-wrap div{gap:20px;margin:15px 0}#case.detail .mv .inner-main .dl-wrap dl{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#case.detail .mv .inner-main .dl-wrap dl dt:after{border-left:none;border-top:1px solid #d0d0d0;height:1px;right:0;top:2.5em;width:100%}#case.detail .mv .inner-main ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#case.detail .mv .inner-main ul li a{font-size:1.4rem}#case.detail .mv .sub .btn{font-size:1.4rem;margin-top:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#case.detail .cont{padding-top:30px}#case.detail .cont .outline .txt01{font-size:1.6rem}#case.detail .cont .outline ul li a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;padding:7px 0}#case.detail .cont .outline ul li a .txt02{font-size:1.4rem;width:auto}#case.detail .cont .outline ul li a .txt03{font-size:1.4rem;padding:0 .5em}#case.detail .cont .inner-main .box-wrap{gap:30px;margin-bottom:30px}#case.detail .cont .inner-main .box-wrap.alt{margin-bottom:0}#case.detail .cont .inner-main .box-wrap.alt .box01{margin-top:30px}#case.detail .cont .inner-main .box01{padding:20px}#case.detail .cont .inner-main .box01 h2{font-size:1.8rem}#case.detail .cont .inner-main .box01 h2:before{left:-20px;width:10px}#case.detail .cont .inner-main .box01 p{font-size:1.4rem;line-height:1.6}#case.detail .cont .inner-main .reference{font-size:1.2rem;margin:40px 0 15px}#case.detail .cont .inner-main .btn-wrap{gap:40px}#case.detail .cont .inner-main .btn01{font-size:1.4rem;padding:10px 2.5em 10px 0}#case.detail .cont .inner-main .btn01:after{height:24px;width:24px}#case.detail .cont .inner-main .btn02{font-size:1.8rem;padding:20px 1em;width:100%}#case.detail .cont .inner-main .box02{margin-top:40px;padding:10px 0 15px}#case.detail .cont .inner-main .box02 .ttl{margin-bottom:15px;padding:0 15px 0 13px}#case.detail .cont .inner-main .box02 .ttl .ttl2{font-size:14px;line-height:1.6}#case.detail .cont .inner-main .box02 .ttl h2{font-size:1.8rem;margin-top:4px}#case.detail .cont .inner-main .box02 p{padding:0 15px}#case.main.lower.detail .article p{font-size:14px;font-size:1.4rem;line-height:1.6}#case.main.lower.detail .article a.btn01,#case.main.lower.detail .article a.btn02{margin-top:40px}#case.main.lower.detail .article ul.col2{margin-top:30px}#case.main.lower.detail .article ul.col2 li{font-size:1.3rem;font-size:13px;width:100%}#case.main.lower.detail .article img{margin:20px auto 0}}@media (max-width:914px),(min-width:1215px){#case .cat ul:after,#case .cat ul:before{display:none}}@media (max-width:1024px){#case .cat ul li div a{font-size:1.6rem;max-width:100%;min-height:80px}#case.detail .inner-main{width:100%}#case.detail .sub{margin:auto}#case.detail .wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#case.detail .cont .sub{display:none}}