/*HBLAB 2021 add css client home search*/
.logouttop-cast {
    max-width: 1200px;
    margin: 0 auto;
    padding: 3.75rem 1rem; }
.logouttop-cast__h {
    margin-bottom: 3.125rem;
    padding-bottom: 2.125rem;
    color: #666;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    position: relative;
    text-align: center; }
.logouttop-cast__h::after {
    content: "";
    position: absolute;
    bottom: 0; left: 50%;
    width: 90px;
    height: 2px;
    background-color: #56b8b8;
    transform: translateX(-50%); }
.logouttop-cast__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
/*HBLAB 20210222 Add css for top before login cast list */
.logouttop-cast__list, .topbeforelogin-cast__list {
    width: calc(100% /3);
    color: #333; }
.logouttop-cast__list:hover {
    background-color: rgba(86, 184, 184, 0.1); }
/*HBLAB 20210222 Add css for top before login cast list on hover */
.topbeforelogin-cast__list:hover {
    background-color: #FEF7EC; }
.logouttop-cast__list a, .topbeforelogin-cast__list a {
    display: flex;
    align-items: center;
    padding: 0.625rem; }
.logouttop-cast__list__img {
    min-width: 80px;
    height: 80px;
    background: url(/images/no-image.png) no-repeat center top /cover;
    border-radius: 50%; }
.logouttop-cast__list__right {
    margin-left: 1.25rem;
    width: 100%; }
.logouttop-cast__list__name {
    font-size: 0.8125rem;
    font-weight: bold;
    margin-bottom: 0.625rem; }
.logouttop-cast__list__content {
    font-size: 0.75rem;
    line-height: 1.5; }

.castsearch-inner {
    max-width: 1220px;
    margin: 0 auto; }

.castsearch-tag {
    margin: 0 1.6rem;
    padding: 5rem 0; }
.castsearch-tag__h {
    font-size: 1.5rem;
    font-weight: bold;
    color: #666;
    position: relative;
    text-align: center;
    padding-bottom: 2.125rem;
    margin-bottom: 3.125rem; }
.castsearch-tag__h::after {
    content: "";
    position: absolute;
    bottom: 0; left: 50%;
    width: 90px;
    height: 2px;
    background-color: #56b8b8;
    transform: translateX(-50%); }
.castsearch-tag__text {
    width: 1188px;
    height: 36px;
    font-size: 1rem;
    color:  #333;
    text-align: center;
    margin-bottom: 2.125rem; }
.cast-taglist {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    padding: 0.625rem 0.9375rem; }
.cast-taglist__list {
    margin: 0 .3125rem .3125rem 0; }
.cast-taglist__list a {
    padding: 0.625rem 0.8125rem;
    background-color: #f2f2f2;
    border-radius: 2px;
    color: #717171;
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1; }
.banner-background{
    background-color: white;
}
.logouttop-cast__wrap {
    flex-wrap: wrap; }
@media screen and (max-width: 768px) {
    .logouttop-cast__list, .topbeforelogin-cast__list {
        width: 100%;
    }
}