코리아레이스 경마운영자 전문가 게시판 읽기

코리아레이스 게시판
코리아레이스 마패
전문위원 분석실
- - KR전문가 분석실
- - 외부 전문가 분석실
내블로그 바로가기
- 관리
- 검색

공지사항 | 코리아레이스 공지사항입니다.

목 록

인쇄

[알림]모바일 실시간 환수율 현황 서비스 UI개편 안내

번호 : 1,339

작성 :

운영자

조회 : 6590건

일자 : 2026-10-15 오전 11:55:14

추천 0

선물 0

<div style="max-width: 800px; margin: 0 auto; font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', sans-serif; color: #333; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05);">
    
    
    <div style="background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); color: #ffffff; padding: 30px 20px; text-align: center;">
        <h3 style="margin: 0; font-size: 26px; font-weight: bold; letter-spacing: -1px;">새로워진 [실시간 환수율 현황] 이용 안내</h3>
        <p style="margin: 12px 0 0 0; font-size: 15px; color: #cbd5e1;">회원님들의 보다 편리한 데이터 확인을 위해 UI와 기능이 대폭 업그레이드되었습니다.</p>
    </div>

<div style="padding: 40px 30px; background-color: #ffffff;">

<div style="margin-bottom: 50px;">
            <h3 style="color: #2563eb; border-left: 5px solid #2563eb; padding-left: 12px; font-size: 20px; margin-bottom: 20px; font-weight: bold; letter-spacing: -0.5px;">1. 접속 메뉴 위치</h3>
            <p style="font-size: 16px; margin-bottom: 15px; line-height: 1.6;">모바일 코리아레이스 메뉴에서 <b>[환수율현황 <span style="color:#ef4444; font-size:14px;">N</span>]</b> 버튼을 클릭하시면 새롭게 개편된 페이지로 바로 이동하실 수 있습니다.</p>
            <div style="text-align: center; background: #f8fafc; padding: 20px; border-radius: 8px; border: 1px solid #e2e8f0;">
                
                <img src="/foretell/img/winRateStatus01.jpg" alt="메뉴 위치" style="max-width: 100%; height: auto; border-radius: 4px;">
                <p style="margin: 10px 0 0 0; font-size: 13px; color: #64748b;">▲ 모바일 메인 화면 메뉴</p>
            </div>
        </div>

<div style="margin-bottom: 50px;">
            <h3 style="color: #2563eb; border-left: 5px solid #2563eb; padding-left: 12px; font-size: 20px; margin-bottom: 20px; font-weight: bold; letter-spacing: -0.5px;">2. 한눈에 들어오는 모던한 디자인</h3>
            <p style="font-size: 16px; margin-bottom: 15px; line-height: 1.6;">답답해 보이던 기존의 화면 구조를 개선하여, <b>다크 테마의 세련된 헤더와 넓어진 데이터 영역</b>으로 가독성을 크게 높였습니다. 우측 상단의 달력 아이콘을 누르면 원하는 날짜로 빠르게 이동 가능합니다.</p>
            <div style="display: flex; gap: 20px; justify-content: space-between; align-items: stretch;">
                <div style="width: 48%; text-align: center; background: #f1f5f9; padding: 15px; border-radius: 8px; box-sizing: border-box;">
                    <span style="display:block; font-weight:bold; margin-bottom:10px; color:#64748b; font-size: 14px;">[기존 화면]</span>
                    
                    <img src="/foretell/img/winRateStatus02.jpg" alt="기존 화면" style="max-width: 100%; height: auto; border: 1px solid #cbd5e1;">
                </div>
                <div style="width: 48%; text-align: center; background: #eff6ff; padding: 15px; border-radius: 8px; box-sizing: border-box; border: 1px solid #bfdbfe;">
                    <span style="display:block; font-weight:bold; margin-bottom:10px; color:#2563eb; font-size: 14px;">[신규 개편 화면]</span>
                    
                    <img src="/foretell/img/winRateStatus03.jpg" alt="신규 화면" style="max-width: 100%; height: auto; border: 1px solid #bfdbfe;">
                </div>
            </div>
        </div>

<div style="margin-bottom: 50px;">
            <h3 style="color: #2563eb; border-left: 5px solid #2563eb; padding-left: 12px; font-size: 20px; margin-bottom: 20px; font-weight: bold; letter-spacing: -0.5px;">3. 상/하/좌/우 자유로운 스크롤 (틀 고정)</h3>
            <p style="font-size: 16px; margin-bottom: 15px; line-height: 1.6;">번거롭게 클릭으로 경주를 이동할 필요 없이, 스마트폰에서 <b>손가락으로 가볍게 밀어서 전체 데이터를 확인</b>하실 수 있습니다. 스크롤을 하더라도 <b>좌측의 전문가 정보와 상단의 경주 헤더는 움직이지 않고 고정</b>되어 데이터 비교가 훨씬 수월해졌습니다.</p>
            <div style="text-align: center; background: #f8fafc; padding: 20px; border-radius: 8px; border: 1px solid #e2e8f0;">
                
                <img src="/foretell/img/winRateStatus04.jpg" alt="스크롤 및 툴팁" style="max-width: 100%; height: auto; border-radius: 4px;">
                <p style="margin: 10px 0 0 0; font-size: 13px; color: #64748b;">▲ 스크롤바 생성 및 상세 정보 말풍선(툴팁) 표시 화면</p>
            </div>
        </div>

<div style="margin-bottom: 30px;">
            <h3 style="color: #2563eb; border-left: 5px solid #2563eb; padding-left: 12px; font-size: 20px; margin-bottom: 20px; font-weight: bold; letter-spacing: -0.5px;">4. 터치 한 번으로 확인하는 상세 정보(툴팁)</h3>
            <p style="font-size: 16px; margin-bottom: 10px; line-height: 1.6;">표 안에 표시된 베팅 강도(강, 중, 약 등) 영역을 터치(클릭)해보세요! 검은색 말풍선 창이 열리며 <b>실제 발송된 문자의 상세 내용, 추천 마권 수, 그리고 해당 경주의 개별 환수율</b>을 그 자리에서 즉시 확인할 수 있습니다.</p>
        </div>

<div style="background-color: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; padding: 20px; border-radius: 8px; text-align: center; font-size: 16px; font-weight: bold; line-height: 1.5; margin-top: 40px;">
            코리아레이스는 앞으로도 회원님들께 최고의 서비스를<br>제공하기 위해 끊임없이 발전하겠습니다. 감사합니다!
        </div>

</div>
</div><div class="csResizerOverlay" style="display: none;"><div class="csResizeHandle csHandleNW" data-dir="nw"></div><div class="csResizeHandle csHandleN" data-dir="n"></div><div class="csResizeHandle csHandleNE" data-dir="ne"></div><div class="csResizeHandle csHandleE" data-dir="e"></div><div class="csResizeHandle csHandleSE" data-dir="se"></div><div class="csResizeHandle csHandleS" data-dir="s"></div><div class="csResizeHandle csHandleSW" data-dir="sw"></div><div class="csResizeHandle csHandleW" data-dir="w"></div></div>

글 추천은 한번만 가능하며, 클릭하는 순간 추천됩니다. 추천하기

번호

제목

글쓴이

작성일

조회

		회사소개	제휴문의	광고문의	코리아레이스 도움말	개인정보취급방침		위로↑
		(주)지에이엠 대표: 박종학 사업자번호: 120-86-14874 근무시간 : 오전 9:30~오후 6:00 휴무: 월요일 14057) 경기 안양시 동안구 시민대로 361, 801호(관양동) Tel: 02)3452-5144 Fax: 02)3452-7694 Copyright ⓒ Korearace Corp. All Rights Reserved [원격지원요청]