.md36758.cases{width: 100%;padding: .9rem .3rem;}
.md36758.cases .layout{width: 100%;max-width: 16rem;margin: 0 auto;}
.md36758.cases .sec-title{color: #221815;line-height: 1;padding-bottom: 0.48rem;margin-bottom: .75rem;font-weight: bold;letter-spacing: .105em;border-bottom: 1px solid #595757;}
.md36758.cases .normal{width: 100%;padding-bottom: .2rem;}
.md36758.cases .normal .cases-list{display: flex;flex-wrap: wrap;}
.md36758.cases .normal .case-item{width: calc(33.33333% - 0.28rem);border-radius: 0.2rem;overflow: hidden;margin-right: 0.42rem;margin-bottom: 0.6rem;background: #f7f7f7;display: block;}
.md36758.cases .normal .case-item:nth-child(3n){margin-right: 0;}
.md36758.cases .normal .card-img-wrap{width: 100%;padding-top: 57.82%;position: relative;overflow: hidden;}
.md36758.cases .normal .card-img{width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;object-fit: cover;transition: all 0.5s ease 0s;}
.md36758.cases .normal .card-text{width: 100%;padding: .33rem .5rem .4rem;}
.md36758.cases .normal .card-t{color: #221815;line-height: 1.333;font-weight: bold;transition: color .3s;letter-spacing: .025em;}
.md36758.cases .normal .card-lbl{color: #727171;line-height: 1;margin-top: 0.5rem;letter-spacing: .085em;}
.md36758.cases .normal .card-val{display: flex;align-items: baseline;margin-top: 0.12rem;}
.md36758.cases .normal .card-num{color: #221815;line-height: 1;font-weight: bold;letter-spacing: .085em;}
.md36758.cases .normal .card-unit{color: #221815;line-height: 1;margin-left: 0.05rem;letter-spacing: .085em;}
.md36758.cases .normal .case-item:hover .card-img{transform: scale(1.07);}
.md36758.cases .normal .case-item:hover .card-t{color: var(--active);}
.md36758.cases .typhoon{width: 100%;}
.md36758.cases .typhoon .layout{width: 100%;max-width: 16.1rem;margin: 0 auto;padding-top: 0.8rem;padding-bottom: 1.5rem;}
.md36758.cases .typhoon .sec-t{color: #221815;line-height: 1;margin-bottom: 0.7rem;font-weight: bold;letter-spacing: .06em;}
.md36758.cases .typhoon .cases-list{display: flex;flex-wrap: wrap;width: 100%;padding-bottom: .2rem;margin-bottom: .8rem;border-bottom: 1px solid #595757;}
.md36758.cases .typhoon .case-item{width: calc(33.33333% - 0.28rem);border-radius: 0.2rem;overflow: hidden;margin-right: 0.42rem;margin-bottom: 0.6rem;background: #f7f7f7;display: block;}
.md36758.cases .typhoon .case-item:nth-child(3n){margin-right: 0;}
.md36758.cases .typhoon .case-item .card-img-wrap{width: 100%;padding-top: 57.82%;position: relative;overflow: hidden;}
.md36758.cases .typhoon .case-item .card-img{width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;object-fit: cover;transition: all 0.5s ease 0s;}
.md36758.cases .typhoon .case-item .card-text{width: 100%;padding: .36rem .5rem .4rem;}
.md36758.cases .typhoon .case-item .card-t{color: #221815;font-weight: bold;line-height: 1.333;height: 2.666em;letter-spacing: .025em;transition: color .3s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.md36758.cases .typhoon .case-item .card-info{display: flex;margin-top: 0.24rem;}
.md36758.cases .typhoon .case-item .card-info-item{display: flex;flex-direction: column;}
.md36758.cases .typhoon .case-item .card-info-item + .card-info-item{padding-left: 0.6rem;flex: 1;}
.md36758.cases .typhoon .case-item .card-lbl{color: #727171;line-height: 1;letter-spacing: .085em;}
.md36758.cases .typhoon .case-item .card-val{display: flex;align-items: baseline;margin-top: 0.1rem;font-weight: bold;}
.md36758.cases .typhoon .case-item .card-num{color: #221815;line-height: 1;letter-spacing: .085em;}
.md36758.cases .typhoon .case-item .card-unit{color: #221815;line-height: 1;margin-left: 0.12rem;letter-spacing: .085em;}
.md36758.cases .typhoon .case-item .card-loc{color: #221815;line-height: 1.277;margin-top: 0.13rem;letter-spacing: .085em;font-weight: bold;}
.md36758.cases .typhoon .sec-line{width: 100%;height: 1px;background: #595757;margin-top: 0.8rem;}
.md36758.cases .typhoon .case-item:hover .card-img{transform: scale(1.07);}
.md36758.cases .typhoon .case-item:hover .card-t{color: var(--active);}
@media(max-width: 1200px){
    .md36758.cases .normal .card-text{padding: .3rem;}
    .md36758.cases .normal .card-lbl{margin-top: .3rem;}
    .md36758.cases .typhoon .case-item .card-text{padding: .3rem;}
    .md36758.cases .typhoon .case-item .card-info-item + .card-info-item{padding-left: .3rem;}
}
@media(max-width: 750px){
    .md36758.cases{padding: .6rem .3rem;}
    .md36758.cases .sec-title{padding-bottom: .4rem;margin-bottom: .5rem;}
    .md36758.cases .normal{padding-bottom: .3rem;}
    .md36758.cases .normal .case-item{width: calc(50% - 0.15rem);margin-right: .3rem;margin-bottom: .3rem;}
    .md36758.cases .normal .case-item:nth-child(3n){margin-right: 0.3rem;}
    .md36758.cases .normal .case-item:nth-child(2n){margin-right: 0;}
    .md36758.cases .normal .card-text{padding: .2rem;}
    .md36758.cases .typhoon .cases-list{margin-bottom: .5rem;}
    .md36758.cases .typhoon .case-item .card-text{padding: .2rem;}
    .md36758.cases .typhoon .sec-t{margin-bottom: .5rem;}
    .md36758.cases .typhoon .case-item{width: calc(50% - 0.15rem);margin-right: .3rem;margin-bottom: .3rem;}
    .md36758.cases .typhoon .case-item:nth-child(3n){margin-right: 0.3rem;}
    .md36758.cases .typhoon .case-item:nth-child(2n){margin-right: 0;}
    .md36758.cases .typhoon .case-item .card-info{margin-top: .3rem;}
    .md36758.cases .typhoon .case-item .card-t{height: auto;}
}
@media(max-width: 500px){
    .md36758.cases .typhoon .case-item .card-info{display: block;}
    .md36758.cases .typhoon .case-item .card-info-item + .card-info-item{padding-left: 0;margin-top: .25rem;}
}