.c-button-detail{align-items:center;gap:4px;font-size:12px;display:flex}@media only screen and (min-width:960px){.c-button-detail{font-size:13px}}.c-button-detail:after{content:"";background:url(/common/icons/icon_arrow_right_gray.svg) 50%/contain no-repeat;width:24px;height:24px}
.c-list-result{grid-template-columns:1fr;gap:16px;display:grid}@media only screen and (min-width:960px){.c-list-result{gap:24px}}.c-list-result__item{background:#fff;border:2px solid #2ca6e0;border-radius:4px}@media only screen and (min-width:960px){.c-list-result__item{border-radius:8px}}.c-list-result__item-title{color:#fff;background:#2ca6e0;padding:4px 22px 6px;font-size:15px}@media only screen and (min-width:960px){.c-list-result__item-title{padding:10px 22px 12px;font-size:18px}.c-list-result__item-title a{transition:all .3s}.c-list-result__item-title a:hover{text-decoration:underline}}.c-list-result__item-content{grid-template-columns:1fr;gap:12px;padding:12px 10px 14px;display:grid}@media only screen and (min-width:960px){.c-list-result__item-content{gap:16px;padding:16px 30px 22px}}.c-list-result__item-head{grid-template-columns:1fr;gap:12px;display:grid}@media only screen and (min-width:960px){.c-list-result__item-head{grid-template-columns:240px 1fr;gap:24px}}.c-list-result__item-thumbnail{aspect-ratio:3/2;border-radius:2px;overflow:hidden}@media only screen and (min-width:960px){.c-list-result__item-thumbnail{border-radius:4px}}.c-list-result__item-thumbnail img{-o-object-fit:cover;object-fit:cover;-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.c-list-result__item-info{grid-template-columns:1fr;gap:8px;display:grid}@media only screen and (min-width:960px){.c-list-result__item-info{align-self:start;gap:10px}}.c-list-result__item-body{grid-template-columns:1fr;gap:12px;display:grid}@media only screen and (min-width:960px){.c-list-result__item-body{gap:16px}}.c-list-result__item-description{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:400;display:-webkit-box;overflow:hidden}@media only screen and (min-width:960px){.c-list-result__item-description{font-size:13px}}.c-list-result__item-more{justify-content:center;display:flex}.c-list-result__item-bottom{border-top:1px solid #e3e3e3;justify-content:center;align-items:center;gap:12px;padding-top:15px;display:flex}@media only screen and (min-width:960px){.c-list-result__item-bottom{gap:24px;padding-top:16px}}.c-list-result__item--skeleton{border-color:#0000;overflow:hidden}.c-list-result__skeleton-header{background:linear-gradient(90deg,#b4b9be8c 0%,#c3c8cd73 25%,#b4b9be8c 50%,#c3c8cd73 75%,#b4b9be8c 100%) 0 0/200% 100%;height:32px;animation:1.8s ease-in-out infinite skeleton-wave}@media only screen and (min-width:960px){.c-list-result__skeleton-header{height:44px}}.c-list-result__skeleton-body{gap:12px;padding:12px 10px 14px;display:grid}@media only screen and (min-width:960px){.c-list-result__skeleton-body{grid-template-columns:240px 1fr;gap:24px;padding:16px 30px 22px}}.c-list-result__skeleton-image{aspect-ratio:3/2;background:linear-gradient(90deg,#b4b9be8c 0%,#c3c8cd73 25%,#b4b9be8c 50%,#c3c8cd73 75%,#b4b9be8c 100%) 0 0/200% 100%;border-radius:4px;animation:1.8s ease-in-out infinite skeleton-wave}.c-list-result__skeleton-lines{flex-direction:column;gap:10px;padding:8px 0;display:flex}.c-list-result__skeleton-line{background:linear-gradient(90deg,#b4b9be8c 0%,#c3c8cd73 25%,#b4b9be8c 50%,#c3c8cd73 75%,#b4b9be8c 100%) 0 0/200% 100%;border-radius:4px;height:16px;animation:1.8s ease-in-out infinite skeleton-wave}.c-list-result__skeleton-line--short{width:60%}@keyframes skeleton-wave{0%{background-position:100% 0}to{background-position:-100% 0}}
