#premium9 {
    position:relative; width:100%; height:100%;
    background-size: cover;
    background-attachment: fixed;
    background-position:center center;
    overflow: hidden;
}
#premium9 { background:linear-gradient(#b8b8b8, 15%, #fff); }
#premium9 .sec2_wrap { position: absolute; width: 1350px; top: 55%; left: 55%; transform: translate(-50%, -50%);  }
#premium9 .sec2_tt { text-align: center; margin-bottom:70px; }

#premium9 .box {
    position: relative; display: grid; gap: 20px; justify-content: space-around; grid-template-columns: repeat(5,1fr);
    text-align: center; margin-top: 0 auto; margin-bottom: 20px; flex-wrap: wrap;
}
#premium9 .box .item, #premium9 .box .bi {
    position:relative; display: inline-block; padding: 45px 20px 0; width:250px !important; height:250px;
    background-color: #fff; border:1px solid #e0e0e0; letter-spacing: -1px;
}

#premium9 .t1 { font-size: 0.875rem; color:#ACAAAB; font-weight:600 }
#premium9 .t2 { font-size:1.5rem; color: #3A3A3A; font-weight: 600; margin:0px 0 }
#premium9 .t3 { font-size:1rem; color:#828282 }

#premium9 .mu { position: relative; margin: 5px 0 }
#premium9 .mu span {
    position: relative; display: flex; justify-content: center; margin:0 auto;
    font-size: 1.7rem; font-weight: 400; line-height: 2.9rem;
    border-radius: 50%; width: 50px; height: 50px;
    background-color: #D60051; color: #fff;
}

#premium9 .item {
     border-radius: 15px; overflow: hidden;
    /*box-shadow: 3px 3px 10px rgba(0,0,0,0.3);*/
}
#premium9.active .item { opacity: 0; transform: translateY(100px); animation: anim_p_up 0.7s ease both; }

#premium9.active .item:nth-child(1) { animation-delay: 0.2s; }
#premium9.active .item:nth-child(2) { animation-delay: 0.4s; }
#premium9.active .item:nth-child(3) { animation-delay: 0.6s; }
#premium9.active .item:nth-child(4) { animation-delay: 0.8s; }
#premium9.active .item:nth-child(5) { animation-delay: 1.0s; }
#premium9.active .item:nth-child(6) { animation-delay: 1.2s; }
#premium9.active .item:nth-child(7) { animation-delay: 1.4s; }
#premium9.active .item:nth-child(8) { animation-delay: 1.6s; }
#premium9.active .item:nth-child(9) { animation-delay: 1.8s; }

@keyframes anim_p_up {
  from { opacity: 0; transform: translateY(100px);}
  to { opacity: 1; transform: translateY(0px); }
}

#premium9 .box .item.bi {
    display: flex; justify-content: center; align-items: center; padding:0; border: 0;  background-color: transparent;
    box-shadow: none;
}

#premium9 .box .item.c1 { background-color: #2F2750; border:1px solid #2F2750; color: #fff !important; }
#premium9 .box .item.c2 { background-color: #871F7E; border:1px solid #871F7E; color: #fff; }
#premium9 .box .item.c3 { background-color: #760933; border:1px solid #760933; color: #fff; }
#premium9 .box .item.c1 .t2, #premium9 .box .item.c1 .t3,
#premium9 .box .item.c2 .t2, #premium9 .box .item.c2 .t3,
#premium9 .box .item.c3 .t2, #premium9 .box .item.c3 .t3 { color:#fff }


#premium9 .box .item.my { padding:0; }

#premium9 .box .item.golf { position: relative; padding:0; }
#premium9 .box .item.golf img {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    object-fit: cover; z-index: 1;
}
#premium9 .box .item.golf .text-wrap {
    position: absolute; width: 100%; z-index: 2; text-align:center;
    padding-top: 40px;
}
#premium9 .box .item.golf .t2 { color:#CC235A; font-weight: 600; letter-spacing: -2px;  }
