미스터트롯3 팬카페 바로가기

🥈 온라인 투표 폭주! 급상승 대세, 김용빈





🥇 압도적 실력과 팬덤 화력, 손빈아




🥈 탄탄한 가창력과 감성으로 사랑받는 실력파, 춘길






🏅 스타성과 보컬 실력으로 인기 상승 중, 최재명





🏅 개성 넘치는 보이스! 꾸준한 성장세의 주역, 추혁진





🏅 극적인 반전! 성장형 캐릭터로 주목받는 박지후






🏅 감미로운 보이스와 섬세한 감성 표현의 강자, 남승민






🏅 젊고 세련된 트로트 창법으로 새로운 트렌드, 유지우



🏅 묵직한 저음과 정통 트로트로 강렬한 존재감, 남궁진




🏅 알앤비 출신 트로트 도전자, 힘겨운 성장 과정의 천록담




다음 이전
/* Sliding Banner */ .customBannerArea { position: relative; overflow: hidden; margin: 20px auto; padding: 0 20px; text-align: center; } .customBox { position: relative; overflow: hidden; margin-bottom: 10px; } .customBox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .customBox .backward { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; object-fit: cover; } .customBanner { position: absolute; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 2; } .customBanner img.cover { width: 100%; height: 100% !important; object-fit: cover; opacity: 0.93; } .customBanner.active img { box-shadow: none !important; } .customBanner.active a { height: 100% !important; } .customBanner .arrow { position: absolute; top: calc(50% - 15px); background-color: #2196f3; width: 24px; height: 24px; border-radius: 24px; } .banner-bubble { position: absolute; top: 10px; background-color: #bd0000; height: 24px; width: 77px; color: white !important; font-size: 0.75em !important; border-radius: 5px; padding-top: 2px; line-height: 1.2rem !important; } .sliding-banner-300 .banner-bubble:after, .sliding-banner-150 .banner-bubble:after, .sliding-banner-250 .banner-bubble:after { content: ""; position: absolute; bottom: 0; width: 0; height: 0; border: 10px solid transparent; border-top-color: #bd0000; border-bottom: 0; border-left: 0; margin-left: -2.5px; margin-bottom: -5px; } .sliding-banner-280 .banner-bubble:after { content: ""; position: absolute; bottom: 0; width: 0; height: 0; border: 10px solid transparent; border-top-color: #bd0000; border-bottom: 0; border-right: 0; margin-left: -45.5px; margin-bottom: -5px; } .customBanner.active { animation: customMv1 1.2s ease-out infinite; } @keyframes customMv1 { 0% { transform: translate3d(-7%, 0, 0); } 20% { transform: translate3d(-10%, 0, 0); } 40% { transform: translate3d(-5%, 0, 0); } 60% { transform: translate3d(-10%, 0, 0); } 80% { transform: translate3d(-5%, 0, 0); } 100% { transform: translate3d(-7%, 0, 0); } } @media (min-width: 1200px) { .customBannerArea { background-color: #ffffffc9; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); padding: 0px; z-index: 1000; text-align: center; } }