.why-creative{background-color:#f2f2f2}.why-creative p{margin-top:16px;font-size:16px}.creative-list{margin-top:60px}.creative-list .icon{width:146px;height:122px}.creative-list .icon img{width:auto;height:auto}.creative-list .list-title{font-family:var(--fontMomoDisplay);text-transform:uppercase;margin-top:16px}.creative-list .desc{opacity:.75;margin-top:12px;font-size:16px}.creative-list ul{counter-reset:step-counter;margin:0;padding:0}.creative-list ul li{counter-increment:step-counter;background:#fff url(/img/bg-texture.png) 0 0/100% no-repeat;padding:20px;position:relative}.creative-list ul li:before{content:counter(step-counter, decimal-leading-zero);color:var(--foreground);z-index:2;pointer-events:none;margin:24px 0;font-size:20px;font-weight:300;line-height:0;display:block}.creative-list ul li .corner{width:100%;height:100%;position:absolute;top:0;left:0}.creative-list ul li .corner:before,.creative-list ul li .corner:after{content:"";border:solid var(--foreground);border-width:0 2px 2px 0;width:5px;height:5px;display:block;position:absolute;top:-5px;left:-5px}.creative-list ul li .corner:after{left:auto;right:-5px;transform:rotateY(180deg)}.creative-list ul li .corner span{width:100%;height:100%;display:block;position:relative}.creative-list ul li .corner span:before,.creative-list ul li .corner span:after{content:"";border:solid var(--foreground);border-width:2px 2px 0 0;width:5px;height:5px;display:block;position:absolute;bottom:-5px;left:-5px}.creative-list ul li .corner span:after{left:auto;right:-5px;transform:rotateY(180deg)}.service-detail-creative{background:url(/img/bg-texture.png) 0 0/100% no-repeat}.service-detail-creative .creative-list ul li{background:#fff}@media (max-width:1099px){.creative-list .icon{height:90px}}@media (max-width:767px){.why-creative .head{text-align:center;justify-content:center;gap:16px}}
