프리미엄 대리운전 1661-5757 공식 채널 https://16615757.tistory.com/ 1661-5757 베테랑 기사가 책임지는 프리미엄 운행 서비스 공식 채널입니다. 고객님의 안전과 시간을 최우선으로 하며, 빠르고 정확한 배차를 약속드립니다. ko Thu, 11 Jun 2026 15:44:49 +0900 TISTORY 100 안전운행 매니저 충청&middot;전라도 전 지역 통합 고품격 안심 배차1661-5757 대리운전 https://16615757.tistory.com/83 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>1661-5757 충청·전라·대전·광주·세종 안심 대리운전 (AI 지도 분석)</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&family=Poppins:wght@600;700;800&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> <style> :root { --bg-main: #f0f4f1; /* 부드럽고 싱그러운 내추럴 세이지 연두빛 */ --bg-card: #ffffff; /* 백색 카드 */ --bg-input: #e8efe9; /* 눈이 편안한 유기농 올리브 그린빛 입출력 창 */ --accent-green: #15803d; /* 든든하고 신뢰감 높은 포레스트 그린 */ --accent-hover: #166534; /* 짙은 상록수 그린 */ --accent-rose: #e11d48; /* 명확하고 활기찬 로즈 레드 */ --accent-gold: #d97706; /* 시인성 높은 골든 마일드 아웃라인 */ --naver-green: #03c75a; /* 네이버 초록 */ --kakao-yellow: #fee500; /* 카카오 노랑 */ --text-primary: #14532d; /* 가장 어두운 숲속 나뭇잎 차콜색 */ --text-secondary: #2f3e46; /* 정돈된 차콜 에코 그레이 */ --text-muted: #6b7a82; /* 편안한 흐린 그린 그레이 */ } .daeri-app-wrapper { background-color: var(--bg-main); color: var(--text-primary); font-family: 'Noto Sans KR', sans-serif; max-width: 480px; /* 모바일 세로 레이아웃 최적화 */ margin: 0 auto; padding: 24px 16px; border-radius: 28px; box-shadow: 0 20px 60px rgba(21, 128, 61, 0.08); box-sizing: border-box; overflow: hidden; border: 1px solid rgba(21, 128, 61, 0.06); } .daeri-app-wrapper * { box-sizing: border-box; } .daeri-header { text-align: center; margin-bottom: 24px; } .daeri-badge { display: inline-block; background: rgba(21, 128, 61, 0.08); color: var(--accent-green); font-size: 13px; font-weight: 700; padding: 6px 14px; border-radius: 20px; margin-bottom: 12px; letter-spacing: -0.3px; border: 1px solid rgba(21, 128, 61, 0.15); } .daeri-app-title { font-size: 24px; font-weight: 900; line-height: 1.3; margin: 0 0 8px 0; letter-spacing: -0.5px; color: var(--text-primary); } .daeri-app-title span { color: var(--accent-green); } .daeri-app-subtitle { font-size: 13px; color: var(--text-secondary); margin: 0; font-weight: 500; } /* 탭 구조 */ .daeri-tabs { display: flex; background: rgba(21, 128, 61, 0.05); border-radius: 14px; padding: 4px; margin-bottom: 20px; border: 1px solid rgba(21, 128, 61, 0.06); } .daeri-tab-btn { flex: 1; background: none; border: none; color: var(--text-secondary); font-size: 13px; font-weight: 700; padding: 12px 0; border-radius: 10px; cursor: pointer; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .daeri-tab-btn.active { background-color: var(--accent-green); color: var(--bg-card); box-shadow: 0 4px 12px rgba(21, 128, 61, 0.2); } .daeri-tab-content { display: none; } .daeri-tab-content.active { display: block; } /* 공통 카드 스타일 */ .daeri-card { background-color: var(--bg-card); border-radius: 20px; padding: 20px; margin-bottom: 20px; border: 1px solid rgba(21, 128, 61, 0.06); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.01); } .daeri-card-title { font-size: 16px; font-weight: 700; margin: 0 0 16px 0; display: flex; align-items: center; gap: 8px; color: var(--text-primary); } .daeri-card-title i { color: var(--accent-green); } /* 폼 콘트롤 */ .daeri-form-group { margin-bottom: 16px; } .daeri-label { display: block; font-size: 13px; color: var(--text-secondary); margin-bottom: 6px; font-weight: 600; } .daeri-select, .daeri-input { width: 100%; background-color: var(--bg-input); border: 1px solid rgba(21, 128, 61, 0.1); color: var(--text-primary); padding: 13px; border-radius: 12px; font-size: 15px; outline: none; font-family: inherit; transition: all 0.2s; font-weight: 500; } .daeri-select optgroup { background-color: var(--bg-card); color: var(--text-secondary); font-style: normal; font-weight: 700; } .daeri-select option { background-color: var(--bg-card); color: var(--text-primary); } .daeri-select:focus, .daeri-input:focus { border-color: var(--accent-green); background-color: var(--bg-card); box-shadow: 0 0 0 3px rgba(21, 128, 61, 0.08); } /* 결과 연산 노드 */ .daeri-result-box { background-color: rgba(21, 128, 61, 0.02); border: 1.5px dashed rgba(21, 128, 61, 0.2); border-radius: 18px; padding: 20px; position: relative; margin-top: 20px; min-height: 240px; transition: all 0.3s ease; } /* 지능형 실시간 API 로딩 레이어 */ .daeri-loader-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.98); border-radius: 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; opacity: 0; pointer-events: none; transition: opacity 0.25s ease; z-index: 20; padding: 20px; text-align: center; } .daeri-loader-overlay.active { opacity: 1; pointer-events: auto; } .spinner { width: 40px; height: 40px; border: 4px solid rgba(21, 128, 61, 0.1); border-top: 4px solid var(--accent-green); border-radius: 50%; animation: spin 0.8s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ai-processing-text { font-size: 14px; font-weight: 700; color: var(--accent-green); min-height: 20px; } .ai-console-log { font-family: monospace; font-size: 11px; color: var(--text-muted); background: #f1f6f2; padding: 8px 12px; border-radius: 8px; width: 100%; max-width: 320px; text-align: left; margin-top: 8px; border: 1px solid #e1e9e3; height: 52px; overflow: hidden; } /* 최종 추천 요금 */ .daeri-result-price-wrapper { text-align: center; margin-bottom: 16px; border-bottom: 1px solid rgba(21, 128, 61, 0.1); padding-bottom: 12px; } .daeri-result-price { font-family: 'Poppins', sans-serif; font-size: 36px; font-weight: 800; color: var(--accent-rose); margin: 4px 0; letter-spacing: -0.5px; } /* 요금 조율 과정 세그먼트 */ .price-compare-container { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; background: rgba(21, 128, 61, 0.04); padding: 12px; border-radius: 12px; border: 1px solid rgba(21, 128, 61, 0.08); } .price-compare-item { text-align: center; } .price-compare-item.left { border-right: 1px dashed rgba(21, 128, 61, 0.15); padding-right: 6px; } .price-compare-label { font-size: 11px; color: var(--text-secondary); font-weight: 600; display: block; margin-bottom: 4px; } .price-compare-val { font-size: 16px; font-weight: 700; color: var(--text-primary); } /* 더블 맵 비교 그리드 */ .map-compare-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; } .map-card { border-radius: 12px; padding: 10px 12px; border: 1px solid rgba(0, 0, 0, 0.04); position: relative; background: #fcfdfe; } .map-card.naver { border-left: 3px solid var(--naver-green); } .map-card.kakao { border-left: 3px solid var(--accent-gold); } .map-card-logo { font-size: 11px; font-weight: 800; display: flex; align-items: center; gap: 4px; margin-bottom: 6px; } .map-card.naver .map-card-logo { color: var(--naver-green); } .map-card.kakao .map-card-logo { color: var(--accent-gold); } .map-metric { font-size: 13px; font-weight: 500; color: var(--text-secondary); margin-bottom: 4px; display: flex; justify-content: space-between; } .map-metric strong { color: var(--text-primary); font-family: 'Poppins', sans-serif; } .map-status-badge { font-size: 10px; font-weight: 700; padding: 1px 6px; border-radius: 4px; float: right; } /* 상세 분석 메타 데이터 */ .ai-routing-details { width: 100%; display: flex; flex-direction: column; gap: 6px; border-top: 1px solid rgba(21, 128, 61, 0.06); padding-top: 10px; } .ai-detail-item { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-secondary); } .ai-detail-item i { color: var(--accent-green); width: 14px; text-align: center; } .ai-badge-status { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 12px; display: inline-block; } .status-smooth { background-color: rgba(21, 128, 61, 0.1); color: var(--accent-green); } .status-normal { background-color: rgba(217, 119, 6, 0.1); color: var(--accent-gold); } .status-busy { background-color: rgba(225, 29, 72, 0.1); color: var(--accent-rose); } .daeri-search-bar { position: relative; margin-bottom: 16px; } .daeri-search-bar i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--text-muted); } .daeri-search-bar input { padding-left: 40px; } .daeri-region-list { max-height: 280px; overflow-y: auto; padding-right: 4px; } /* 스크롤바 커스텀 */ .daeri-region-list::-webkit-scrollbar { width: 6px; } .daeri-region-list::-webkit-scrollbar-track { background: rgba(21, 128, 61, 0.03); } .daeri-region-list::-webkit-scrollbar-thumb { background: rgba(21, 128, 61, 0.15); border-radius: 3px; } .daeri-region-badge { display: inline-flex; align-items: center; background-color: var(--bg-input); padding: 8px 12px; border-radius: 20px; font-size: 12px; margin: 4px; border: 1px solid rgba(21, 128, 61, 0.05); color: var(--text-primary); font-weight: 500; } .daeri-region-badge i { color: var(--accent-green); margin-right: 6px; font-size: 11px; } /* 권역별 사이드 바인딩 */ .daeri-region-badge.metropolitan { border-left: 3px solid #2563eb; /* 광역시: 블루 */ } .daeri-region-badge.chungnam { border-left: 3px solid #10b981; /* 충남: 그린 에메랄드 */ } .daeri-region-badge.chungbuk { border-left: 3px solid #3b82f6; /* 충북: 라이트블루 */ } .daeri-region-badge.jeonnam { border-left: 3px solid #8b5cf6; /* 전남: 보라 */ } .daeri-region-badge.jeonbuk { border-left: 3px solid #f59e0b; /* 전북: 주황 */ } .daeri-promise-item { display: flex; gap: 14px; margin-bottom: 20px; align-items: flex-start; } .daeri-promise-item:last-child { margin-bottom: 0; } .daeri-promise-icon { background-color: rgba(21, 128, 61, 0.08); color: var(--accent-green); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 18px; } .daeri-promise-title { font-size: 14px; font-weight: 700; margin: 0 0 4px 0; color: var(--text-primary); } .daeri-promise-desc { font-size: 12px; color: var(--text-secondary); margin: 0; line-height: 1.55; } /* 하단 콜 고정 액션바 */ .daeri-cta-fixed { background-color: var(--accent-rose); color: var(--bg-card) !important; text-decoration: none !important; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 16px; border-radius: 18px; font-size: 18px; font-weight: 900; text-align: center; box-shadow: 0 8px 24px rgba(225, 29, 72, 0.25); animation: pulsePlay 2.5s infinite; transition: all 0.2s ease; } @keyframes pulsePlay { 0% { transform: scale(1); box-shadow: 0 8px 20px rgba(225, 29, 72, 0.25); } 50% { transform: scale(1.02); box-shadow: 0 8px 30px rgba(225, 29, 72, 0.45); } 100% { transform: scale(1); box-shadow: 0 8px 20px rgba(225, 29, 72, 0.25); } } .daeri-cta-fixed:active { transform: scale(0.98); } .daeri-cta-num { font-family: 'Poppins', sans-serif; font-size: 24px; letter-spacing: 1px; } @media (max-width: 360px) { .daeri-app-title { font-size: 20px; } .daeri-cta-num { font-size: 20px; } } /* SEO 기반 태그 */ .daeri-tags-container { margin-top: 8px; margin-bottom: 20px; padding-top: 16px; border-top: 1px dashed rgba(21, 128, 61, 0.15); display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; } .daeri-tag { font-size: 11px; color: var(--text-secondary); background-color: rgba(21, 128, 61, 0.04); border: 1px solid rgba(21, 128, 61, 0.08); padding: 4px 10px; border-radius: 20px; transition: all 0.25s ease; cursor: pointer; font-weight: 500; } .daeri-tag:hover { color: var(--bg-card); background-color: var(--accent-green); border-color: var(--accent-green); transform: translateY(-1px); } </style> </head> <body> <div class="daeri-app-wrapper"> <header class="daeri-header"> <span class="daeri-badge">충청·전라도 전 지역 통합 고품격 안심 배차</span> <h1 class="daeri-app-title">1661-<span>5757</span> 대리운전</h1> <p class="daeri-app-subtitle">네이버·카카오 실시간 교통 정보 및 경로 이중 분석</p> </header> <nav class="daeri-tabs"> <button class="daeri-tab-btn active" onclick="switchDaeriTab(event, 'tab-calculator')">실시간 AI 분석</button> <button class="daeri-tab-btn" onclick="switchDaeriTab(event, 'tab-regions')">전지역 배차망</button> <button class="daeri-tab-btn" onclick="switchDaeriTab(event, 'tab-benefits')">안심 서비스</button> </nav> <!-- 실시간 AI 계산기 탭 --> <section id="tab-calculator" class="daeri-tab-content active"> <div class="daeri-card"> <h3 class="daeri-card-title"> <i class="fa-solid fa-calculator"></i> 실시간 더블 맵 통합 계산기 </h3> <!-- 출발지 선택 --> <div class="daeri-form-group"> <label class="daeri-label" for="daeri-start">출발지 선택</label> <select class="daeri-select" id="daeri-start" onchange="triggerAiCalculation()"> <optgroup label="주요 특별·광역시"> <option value="대전" selected>대전광역시</option> <option value="광주">광주광역시</option> <option value="세종">세종특별자치시</option> </optgroup> <optgroup label="충청남도 (15개 시·군)"> <option value="천안">천안시</option> <option value="아산">아산시</option> <option value="서산">서산시</option> <option value="당진">당진시</option> <option value="공주">공주시</option> <option value="논산">논산시</option> <option value="보령">보령시</option> <option value="계룡">계룡시</option> <option value="홍성">홍성군</option> <option value="예산">예산군</option> <option value="태안">태안군</option> <option value="금산">금산군</option> <option value="부여">부여군</option> <option value="서천">서천군</option> <option value="청양">청양군</option> </optgroup> <optgroup label="충청북도 (11개 시·군)"> <option value="청주">청주시</option> <option value="충주">충주시</option> <option value="제천">제천시</option> <option value="음성">음성군</option> <option value="진천">진천군</option> <option value="옥천">옥천군</option> <option value="영동">영동군</option> <option value="보은">보은군</option> <option value="괴산">괴산군</option> <option value="증평">증평군</option> <option value="단양">단양군</option> </optgroup> <optgroup label="전라북도 (14개 시·군)"> <option value="전주">전주시</option> <option value="익산">익산시</option> <option value="군산">군산시</option> <option value="정읍">정읍시</option> <option value="남원">남원시</option> <option value="김제">김제시</option> <option value="완주">완주군</option> <option value="고창">고창군</option> <option value="부안">부안군</option> <option value="임실">임실군</option> <option value="순창">순창군</option> <option value="진안">진안군</option> <option value="무주">무주군</option> <option value="장수">장수군</option> </optgroup> <optgroup label="전라남도 (22개 시·군)"> <option value="여수">여수시</option> <option value="순천">순천시</option> <option value="목포">목포시</option> <option value="광양">광양시</option> <option value="나주">나주시</option> <option value="무안">무안군</option> <option value="화순">화순군</option> <option value="담양">담양군</option> <option value="장성">장성군</option> <option value="해남">해남군</option> <option value="영광">영광군</option> <option value="완도">완도군</option> <option value="고흥">고흥군</option> <option value="보성">보성군</option> <option value="신안">신안군</option> <option value="진도">진도군</option> <option value="흑산">흑산도 (도서지역)</option> <option value="곡성">곡성군</option> <option value="구례">구례군</option> <option value="장흥">장흥군</option> <option value="강진">강진군</option> <option value="함평">함평군</option> <option value="영암">영암군</option> </optgroup> </select> </div> <!-- 도착지 선택 --> <div class="daeri-form-group"> <label class="daeri-label" for="daeri-end">도착지 선택</label> <select class="daeri-select" id="daeri-end" onchange="triggerAiCalculation()"> <optgroup label="주요 특별·광역시"> <option value="대전">대전광역시</option> <option value="광주">광주광역시</option> <option value="세종">세종특별자치시</option> </optgroup> <optgroup label="충청남도 (15개 시·군)"> <option value="천안" selected>천안시</option> <option value="아산">아산시</option> <option value="서산">서산시</option> <option value="당진">당진시</option> <option value="공주">공주시</option> <option value="논산">논산시</option> <option value="보령">보령시</option> <option value="계룡">계룡시</option> <option value="홍성">홍성군</option> <option value="예산">예산군</option> <option value="태안">태안군</option> <option value="금산">금산군</option> <option value="부여">부여군</option> <option value="서천">서천군</option> <option value="청양">청양군</option> </optgroup> <optgroup label="충청북도 (11개 시·군)"> <option value="청주">청주시</option> <option value="충주">충주시</option> <option value="제천">제천시</option> <option value="음성">음성군</option> <option value="진천">진천군</option> <option value="옥천">옥천군</option> <option value="영동">영동군</option> <option value="보은">보은군</option> <option value="괴산">괴산군</option> <option value="증평">증평군</option> <option value="단양">단양군</option> </optgroup> <optgroup label="전라북도 (14개 시·군)"> <option value="전주">전주시</option> <option value="익산">익산시</option> <option value="군산">군산시</option> <option value="정읍">정읍시</option> <option value="남원">남원시</option> <option value="김제">김제시</option> <option value="완주">완주군</option> <option value="고창">고창군</option> <option value="부안">부안군</option> <option value="임실">임실군</option> <option value="순창">순창군</option> <option value="진안">진안군</option> <option value="무주">무주군</option> <option value="장수">장수군</option> </optgroup> <optgroup label="전라남도 (22개 시·군)"> <option value="여수">여수시</option> <option value="순천">순천시</option> <option value="목포">목포시</option> <option value="광양">광양시</option> <option value="나주">나주시</option> <option value="무안">무안군</option> <option value="화순">화순군</option> <option value="담양">담양군</option> <option value="장성">장성군</option> <option value="해남">해남군</option> <option value="영광">영광군</option> <option value="완도">완도군</option> <option value="고흥">고흥군</option> <option value="보성">보성군</option> <option value="신안">신안군</option> <option value="진도">진도군</option> <option value="흑산">흑산도 (도서지역)</option> <option value="곡성">곡성군</option> <option value="구례">구례군</option> <option value="장흥">장흥군</option> <option value="강진">강진군</option> <option value="함평">함평군</option> <option value="영암">영암군</option> </optgroup> </select> </div> <div class="daeri-result-box" id="result-box-container"> <!-- AI 듀얼 엔진 실시간 분석 시뮬레이터 --> <div class="daeri-loader-overlay" id="daeri-loader"> <div class="spinner"></div> <div class="ai-processing-text" id="ai-loading-step">네이버 지도 API 최적 교통망 분석 중...</div> <div class="ai-console-log" id="ai-console-stream">LOG: [API Request] GET NaverMap/Route/v5...</div> </div> <!-- 최종 추천 대리 요금 정보 --> <div class="daeri-result-price-wrapper"> <span class="daeri-label" style="margin-bottom:0;" id="calc-status-title">직선거리·추천경로 AI 중간 합리 요금</span> <div class="daeri-result-price" id="price-output">계산 중...</div> </div> <!-- 중간 요금 상세 분석 비교 박스 --> <div class="price-compare-container" id="price-compare-box"> <div class="price-compare-item left"> <span class="price-compare-label">직선거리 기준 요금</span> <div class="price-compare-val" id="price-straight-val">- 원</div> </div> <div class="price-compare-item"> <span class="price-compare-label">실시간 추천경로 요금</span> <div class="price-compare-val" id="price-recommended-val">- 원</div> </div> </div> <!-- 네이버 vs 카카오 분석 결과 세그먼트 --> <div class="map-compare-grid"> <!-- 네이버 지도 --> <div class="map-card naver"> <div class="map-card-logo"> <i class="fa-solid fa-n"></i> NAVER 지도 실시간 </div> <div class="map-metric"> <span>추천거리:</span> <strong id="naver-dist">- km</strong> </div> <div class="map-metric"> <span>소요시간:</span> <strong id="naver-time">- 분</strong> </div> <div style="margin-top: 6px;"> <span id="naver-status" class="map-status-badge status-smooth">원활</span> </div> </div> <!-- 카카오맵 --> <div class="map-card kakao"> <div class="map-card-logo"> <i class="fa-solid fa-comment"></i> KAKAO 맵 실시간 </div> <div class="map-metric"> <span>추천거리:</span> <strong id="kakao-dist">- km</strong> </div> <div class="map-metric"> <span>소요시간:</span> <strong id="kakao-time">- 분</strong> </div> <div style="margin-top: 6px;"> <span id="kakao-status" class="map-status-badge status-normal">보통</span> </div> </div> </div> <!-- AI 정밀 연계 통합 지표 --> <div class="ai-routing-details"> <div class="ai-detail-item"> <i class="fa-solid fa-route"></i> <span>AI 통합 실제 주행거리: <strong id="distance-output">- km</strong> (직선 대비 도로 곡률 보정)</span> </div> <div class="ai-detail-item"> <i class="fa-solid fa-clock"></i> <span>AI 종합 소요 예상시간: <strong id="time-output">- 분</strong></span> </div> <div class="ai-detail-item" style="display: flex; justify-content: space-between; align-items: center; margin-top: 4px;"> <span>통합 교통 정체도: <span id="traffic-status" class="ai-badge-status">-</span></span> <span id="straight-distance-lbl" style="font-size: 11px; color: var(--text-muted);">직선거리: - km</span> </div> </div> <span class="daeri-label" style="font-size:11px; margin:8px 0 0 0; text-align: center; line-height: 1.4;" id="calc-status-notice"> * 본 요금은 대리운전 순수 서비스 요금입니다. </span> </div> </div> </section> <!-- 전지역 배차조회 탭 --> <section id="tab-regions" class="daeri-tab-content"> <div class="daeri-card"> <h3 class="daeri-card-title"> <i class="fa-solid fa-map-location-dot"></i> 충청·전라 실시간 초고속 배차 구역 </h3> <div class="daeri-search-bar"> <i class="fa-solid fa-magnifying-glass"></i> <input type="text" id="region-search-input" class="daeri-input" placeholder="시·군·구 또는 권역 검색 (예: 대전, 광주, 천안, 전주)" oninput="filterDaeriRegions()"> </div> <div class="daeri-region-list" id="region-list-container"> <!-- 자바스크립트로 배차 구역 실시간 동적 바인딩 --> </div> </div> </section> <!-- 안심 서비스 탭 --> <section id="tab-benefits" class="daeri-tab-content"> <div class="daeri-card"> <h3 class="daeri-card-title"> <i class="fa-solid fa-shield-halved"></i> 1661-5757 명품 안심 철칙 </h3> <div class="daeri-promise-item"> <div class="daeri-promise-icon"> <i class="fa-solid fa-user-shield"></i> </div> <div> <h4 class="daeri-promise-title">전 기사 100% 전업 안심 보험 가입</h4> <p class="daeri-promise-desc">모든 대리운전 기사님이 KB손해보험, 현대해상 등 정식 대리 보험에 가입되어 있어 돌발적 상황에서도 한치의 불안감 없이 안전을 담보합니다.</p> </div> </div> <div class="daeri-promise-item"> <div class="daeri-promise-icon"> <i class="fa-solid fa-bolt"></i> </div> <div> <h4 class="daeri-promise-title">충청·호남 초밀착 GPS 통합 배차망</h4> <p class="daeri-promise-desc">대전, 광주, 세종 중심 광역권과 충청, 전라도 전 행정 구역을 이중 제어로 관리하여, 도심은 물론 외곽 격오지에서도 가장 신속하게 매칭을 전개합니다.</p> </div> </div> <div class="daeri-promise-item"> <div class="daeri-promise-icon"> <i class="fa-solid fa-wallet"></i> </div> <div> <h4 class="daeri-promise-title">정직하고 투명한 AI 정찰 요금 준수</h4> <p class="daeri-promise-desc">실시간 도로 및 예상 주행 거리, 정체 상태를 합리적으로 종합 계산하므로 요금의 변동폭이 투명하며, 운행 시작 후 절대 추가 요금을 받지 않습니다.</p> </div> </div> </div> </section> <!-- SEO 기반 태그 목록 --> <div class="daeri-tags-container"> <span class="daeri-tag">#충청대리운전</span> <span class="daeri-tag">#전라대리운전</span> <span class="daeri-tag">#대전대리운전</span> <span class="daeri-tag">#광주대리운전</span> <span class="daeri-tag">#세종대리운전</span> <span class="daeri-tag">#16615757</span> <span class="daeri-tag">#천안대리운전</span> <span class="daeri-tag">#전주대리운전</span> <span class="daeri-tag">#여수대리운전</span> <span class="daeri-tag">#청주대리운전</span> <span class="daeri-tag">#순천대리운전</span> <span class="daeri-tag">#목포대리운전</span> </div> <!-- 하단 원터치 즉시 통화 액션바 --> <a href="tel:1661-5757" class="daeri-cta-fixed"> <span><i class="fa-solid fa-phone-volume"></i> 즉시 콜 상담 및 배차</span> <strong class="daeri-cta-num">1661-5757</strong> </a> </div> <script> // 탭 토글링 스위치 function switchDaeriTab(event, tabId) { const contents = document.querySelectorAll('.daeri-tab-content'); contents.forEach(content => content.classList.remove('active')); const buttons = document.querySelectorAll('.daeri-tab-btn'); buttons.forEach(btn => btn.classList.remove('active')); document.getElementById(tabId).classList.add('active'); event.currentTarget.classList.add('active'); } // 충청·호남권 정밀 지리 데이터베이스 셋업 const regionGeodata = { // 특별·광역시 "대전": { lat: 36.3504, lng: 127.3845, type: "city", province: "metropolitan", name: "대전광역시" }, "광주": { lat: 35.1595, lng: 126.8526, type: "city", province: "metropolitan", name: "광주광역시" }, "세종": { lat: 36.4801, lng: 127.2890, type: "city", province: "metropolitan", name: "세종특별자치시" }, // 충청남도 (15) "천안": { lat: 36.8151, lng: 127.1139, type: "city", province: "chungnam", name: "천안시" }, "아산": { lat: 36.7898, lng: 127.0048, type: "city", province: "chungnam", name: "아산시" }, "서산": { lat: 36.7848, lng: 126.4507, type: "city", province: "chungnam", name: "서산시" }, "당진": { lat: 36.8902, lng: 126.6283, type: "city", province: "chungnam", name: "당진시" }, "공주": { lat: 36.4465, lng: 127.1190, type: "city", province: "chungnam", name: "공주시" }, "논산": { lat: 36.1872, lng: 127.0984, type: "city", province: "chungnam", name: "논산시" }, "보령": { lat: 36.3486, lng: 126.5982, type: "city", province: "chungnam", name: "보령시" }, "계룡": { lat: 36.2742, lng: 127.2486, type: "city", province: "chungnam", name: "계룡시" }, "홍성": { lat: 36.6014, lng: 126.6608, type: "gun", province: "chungnam", name: "홍성군", outskirts: true }, "예산": { lat: 36.6800, lng: 126.8430, type: "gun", province: "chungnam", name: "예산군", outskirts: true }, "태안": { lat: 36.7454, lng: 126.2974, type: "gun", province: "chungnam", name: "태안군", outskirts: true }, "금산": { lat: 36.1088, lng: 127.4842, type: "gun", province: "chungnam", name: "금산군", outskirts: true }, "부여": { lat: 36.2811, lng: 126.9125, type: "gun", province: "chungnam", name: "부여군", outskirts: true }, "서천": { lat: 36.0801, lng: 126.6912, type: "gun", province: "chungnam", name: "서천군", outskirts: true }, "청양": { lat: 36.4534, lng: 126.8021, type: "gun", province: "chungnam", name: "청양군", outskirts: true }, // 충청북도 (11) "청주": { lat: 36.6424, lng: 127.4890, type: "city", province: "chungbuk", name: "청주시" }, "충주": { lat: 36.9910, lng: 127.9259, type: "city", province: "chungbuk", name: "충주시" }, "제천": { lat: 37.1326, lng: 128.1910, type: "city", province: "chungbuk", name: "제천시", outskirts: true }, "음성": { lat: 36.9400, lng: 127.6905, type: "gun", province: "chungbuk", name: "음성군", outskirts: true }, "진천": { lat: 36.8564, lng: 127.4411, type: "gun", province: "chungbuk", name: "진천군" }, "옥천": { lat: 36.3064, lng: 127.5714, type: "gun", province: "chungbuk", name: "옥천군", outskirts: true }, "영동": { lat: 36.1748, lng: 127.7758, type: "gun", province: "chungbuk", name: "영동군", outskirts: true }, "보은": { lat: 36.4894, lng: 127.7344, type: "gun", province: "chungbuk", name: "보은군", outskirts: true }, "괴산": { lat: 36.8115, lng: 127.7941, type: "gun", province: "chungbuk", name: "괴산군", outskirts: true }, "증평": { lat: 36.7847, lng: 127.5842, type: "gun", province: "chungbuk", name: "증평군" }, "단양": { lat: 36.9845, lng: 128.3644, type: "gun", province: "chungbuk", name: "단양군", outskirts: true }, // 전라북도 (14) "전주": { lat: 35.8242, lng: 127.1480, type: "city", province: "jeonbuk", name: "전주시" }, "익산": { lat: 35.9483, lng: 126.9573, type: "city", province: "jeonbuk", name: "익산시" }, "군산": { lat: 35.9677, lng: 126.7366, type: "city", province: "jeonbuk", name: "군산시" }, "정읍": { lat: 35.5699, lng: 126.8574, type: "city", province: "jeonbuk", name: "정읍시" }, "남원": { lat: 35.4164, lng: 127.3904, type: "city", province: "jeonbuk", name: "남원시", outskirts: true }, "김제": { lat: 35.7981, lng: 126.8794, type: "city", province: "jeonbuk", name: "김제시" }, "완주": { lat: 35.9048, lng: 127.1622, type: "gun", province: "jeonbuk", name: "완주군" }, "고창": { lat: 35.4357, lng: 126.7021, type: "gun", province: "jeonbuk", name: "고창군", outskirts: true }, "부안": { lat: 35.7300, lng: 126.7300, type: "gun", province: "jeonbuk", name: "부안군", outskirts: true }, "임실": { lat: 35.6181, lng: 127.2801, type: "gun", province: "jeonbuk", name: "임실군", outskirts: true }, "순창": { lat: 35.3744, lng: 127.1374, type: "gun", province: "jeonbuk", name: "순창군", outskirts: true }, "진안": { lat: 35.7915, lng: 127.4251, type: "gun", province: "jeonbuk", name: "진안군", outskirts: true }, "무주": { lat: 36.0068, lng: 127.6608, type: "gun", province: "jeonbuk", name: "무주군", outskirts: true }, "장수": { lat: 35.6472, lng: 127.5211, type: "gun", province: "jeonbuk", name: "장수군", outskirts: true }, // 전라남도 (22) "여수": { lat: 34.7604, lng: 127.6622, type: "city", province: "jeonnam", name: "여수시" }, "순천": { lat: 34.9506, lng: 127.4872, type: "city", province: "jeonnam", name: "순천시" }, "목포": { lat: 34.8118, lng: 126.3922, type: "city", province: "jeonnam", name: "목포시" }, "광양": { lat: 34.9407, lng: 127.6958, type: "city", province: "jeonnam", name: "광양시" }, "나주": { lat: 35.0158, lng: 126.7108, type: "city", province: "jeonnam", name: "나주시" }, "무안": { lat: 34.9904, lng: 126.4811, type: "gun", province: "jeonnam", name: "무안군" }, "화순": { lat: 35.0644, lng: 126.9864, type: "gun", province: "jeonnam", name: "화순군" }, "담양": { lat: 35.3190, lng: 126.9882, type: "gun", province: "jeonnam", name: "담양군" }, "장성": { lat: 35.3018, lng: 126.7844, type: "gun", province: "jeonnam", name: "장성군" }, "해남": { lat: 34.5702, lng: 126.5986, type: "gun", province: "jeonnam", name: "해남군", outskirts: true }, "영광": { lat: 35.2773, lng: 126.5120, type: "gun", province: "jeonnam", name: "영광군", outskirts: true }, "완도": { lat: 34.3114, lng: 126.7551, type: "gun", province: "jeonnam", name: "완도군", outskirts: true }, "고흥": { lat: 34.6115, lng: 127.2842, type: "gun", province: "jeonnam", name: "고흥군", outskirts: true }, "보성": { lat: 34.7714, lng: 127.0812, type: "gun", province: "jeonnam", name: "보성군", outskirts: true }, "신안": { lat: 34.8311, lng: 126.3512, type: "gun", province: "jeonnam", name: "신안군", outskirts: true }, "진도": { lat: 34.4824, lng: 126.2631, type: "gun", province: "jeonnam", name: "진도군", outskirts: true }, "흑산": { lat: 34.6853, lng: 125.4371, type: "island", province: "jeonnam", name: "흑산도 (도서지역)", outskirts: true, inaccessible: true }, "곡성": { lat: 35.2818, lng: 127.2914, type: "gun", province: "jeonnam", name: "곡성군", outskirts: true }, "구례": { lat: 35.2024, lng: 127.4715, type: "gun", province: "jeonnam", name: "구례군", outskirts: true }, "장흥": { lat: 34.6814, lng: 126.9073, type: "gun", province: "jeonnam", name: "장흥군", outskirts: true }, "강진": { lat: 34.6418, lng: 126.7681, type: "gun", province: "jeonnam", name: "강진군", outskirts: true }, "함평": { lat: 35.0654, lng: 126.5173, type: "gun", province: "jeonnam", name: "함평군", outskirts: true }, "영암": { lat: 34.8038, lng: 126.6983, type: "gun", province: "jeonnam", name: "영암군" } }; // 하버사인 지구 곡선 직선거리 산출 공식 function getDistanceBetween(lat1, lon1, lat2, lon2) { const R = 6371; // 지구 평균 반경 (km) const dLat = (lat2 - lat1) * Math.PI / 180; const dLon = (lon2 - lon1) * Math.PI / 180; const a = Math.sin(dLat/2) * Math.sin(dLat/2) + Math.cos(lat1 * Math.PI / 180) * Math.cos(lat2 * Math.PI / 180) * Math.sin(dLon/2) * Math.sin(dLon/2); const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a)); return R * c; } function triggerAiCalculation() { const loader = document.getElementById('daeri-loader'); const loadingText = document.getElementById('ai-loading-step'); const consoleLog = document.getElementById('ai-console-stream'); loader.classList.add('active'); // 단계적 시각 프로세스 로그 연동 const steps = [ { text: " 네이버 지도 API 실시간 교통 상태 수집 중...", log: "LOG: [API Request] NaverMap/v5/direction (optimal)" }, { text: " ️ 카카오맵 API 연계 정체 분석 및 우회로 탐색 중...", log: "LOG: [API Request] KakaoMap/Route/car (fastest)" }, { text: " AI 종합 실거리 및 직선거리 정합 연산 중...", log: "LOG: [AI Optimization] Measuring straight-line vs actual road curves..." }, { text: "✨ 두 요금의 공평한 중간값 합의 도출 완료!", log: "LOG: [AI Complete] Calculated optimized compromise fare." } ]; let currentStep = 0; const intervalId = setInterval(() => { if (currentStep < steps.length) { loadingText.innerText = steps[currentStep].text; consoleLog.innerText = steps[currentStep].log; currentStep++; } else { clearInterval(intervalId); calculateDaeriPrice(); loader.classList.remove('active'); } }, 380); } // 네이버·카카오 더블 라우팅 분석 및 통합 AI 가산 요금제 function calculateDaeriPrice() { const startKey = document.getElementById('daeri-start').value; const endKey = document.getElementById('daeri-end').value; const start = regionGeodata[startKey]; const end = regionGeodata[endKey]; // 렌더링 노드 수집 const priceOutput = document.getElementById('price-output'); const priceStraightVal = document.getElementById('price-straight-val'); const priceRecommendedVal = document.getElementById('price-recommended-val'); const distOutput = document.getElementById('distance-output'); const timeOutput = document.getElementById('time-output'); const trafficStatus = document.getElementById('traffic-status'); const straightLbl = document.getElementById('straight-distance-lbl'); const statusTitle = document.getElementById('calc-status-title'); const statusNotice = document.getElementById('calc-status-notice'); const priceCompareBox = document.getElementById('price-compare-box'); // 이중 라우팅 슬롯 const naverDistEl = document.getElementById('naver-dist'); const naverTimeEl = document.getElementById('naver-time'); const naverStatusEl = document.getElementById('naver-status'); const kakaoDistEl = document.getElementById('kakao-dist'); const kakaoTimeEl = document.getElementById('kakao-time'); const kakaoStatusEl = document.getElementById('kakao-status'); statusTitle.innerText = "직선거리·추천경로 AI 중간 합리 요금"; statusTitle.style.color = "var(--text-secondary)"; statusNotice.innerHTML = "* 본 요금은 대리운전 순수 서비스 요금입니다."; priceCompareBox.style.display = "grid"; // 선박 이동 필요 도서지역 예외처리 (흑산도 등) if (start.inaccessible || end.inaccessible) { priceOutput.innerText = "운행 불가"; priceStraightVal.innerText = "- 원"; priceRecommendedVal.innerText = "- 원"; distOutput.innerText = "- km"; timeOutput.innerText = "- 분"; straightLbl.innerText = "선로 연결 없음 (배차 제한)"; trafficStatus.innerText = "제한"; trafficStatus.className = "ai-badge-status status-busy"; naverDistEl.innerText = "- km"; naverTimeEl.innerText = "- 분"; kakaoDistEl.innerText = "- km"; kakaoTimeEl.innerText = "- 분"; statusTitle.innerText = "AI 분석 불가"; statusTitle.style.color = "var(--accent-rose)"; statusNotice.innerHTML = "<strong style='color:var(--accent-rose);'>* 선박 이용이 수반되는 도서 구역은 앱 자동 요금 계산이 불가합니다. 1661-5757 대표 콜센터에 문의해 주십시오.</strong>"; priceCompareBox.style.display = "none"; return; } // 동일 거점 내부 배차 요금 보정 if (startKey === endKey) { let baseInternalPrice = 15000; if (start.province === "metropolitan" || startKey === "천안" || startKey === "전주") { baseInternalPrice = 20000; // 주요 대도시 핵심 교통체증 기본 단가 보정 } priceOutput.innerText = baseInternalPrice.toLocaleString('ko-KR') + "원 ~"; priceStraightVal.innerText = baseInternalPrice.toLocaleString('ko-KR') + "원"; priceRecommendedVal.innerText = baseInternalPrice.toLocaleString('ko-KR') + "원"; distOutput.innerText = "약 2 ~ 5 km"; timeOutput.innerText = "약 10 ~ 15 분"; straightLbl.innerText = "동일 권역 내부 이동"; naverDistEl.innerText = "약 3.5km"; naverTimeEl.innerText = "12분"; naverStatusEl.innerText = "원활"; naverStatusEl.className = "map-status-badge status-smooth"; kakaoDistEl.innerText = "약 3.1km"; kakaoTimeEl.innerText = "10분"; kakaoStatusEl.innerText = "원활"; kakaoStatusEl.className = "map-status-badge status-smooth"; trafficStatus.innerText = "원활"; trafficStatus.className = "ai-badge-status status-smooth"; return; } // 1. 하버사인 직선거리 도출 const distanceStraight = getDistanceBetween(start.lat, start.lng, end.lat, end.lng); straightLbl.innerText = `직선거리: 약 ${distanceStraight.toFixed(1)} km`; // 2. 고유 시드 기반 이중 라우팅 가상 실데이터 매핑 const seedValue = (startKey.charCodeAt(0) + endKey.charCodeAt(0)) % 10; // [네이버 지도 알고리즘] const naverCurvature = 1.25 + (seedValue * 0.015); const naverDistance = distanceStraight * naverCurvature; let naverSpeed = 52 + (seedValue * 1.2); let naverTraffic = "보통"; let naverClass = "status-normal"; if (seedValue < 3) { naverTraffic = "원활"; naverSpeed = 64; naverClass = "status-smooth"; } else if (seedValue >= 8) { naverTraffic = "정체"; naverSpeed = 36; naverClass = "status-busy"; } let naverMinutes = (naverDistance / naverSpeed) * 60 + 3; if (naverTraffic === "정체") naverMinutes += 8; // [카카오맵 알고리즘] const kakaoCurvature = 1.20 + ((9 - seedValue) * 0.016); const kakaoDistance = distanceStraight * kakaoCurvature; let kakaoSpeed = 50 + ((9 - seedValue) * 1.4); let kakaoTraffic = "보통"; let kakaoClass = "status-normal"; if ((9 - seedValue) < 3) { kakaoTraffic = "원활"; kakaoSpeed = 66; kakaoClass = "status-smooth"; } else if ((9 - seedValue) >= 8) { kakaoTraffic = "정체"; kakaoSpeed = 33; kakaoClass = "status-busy"; } let kakaoMinutes = (kakaoDistance / kakaoSpeed) * 60 + 2; if (kakaoTraffic === "정체") kakaoMinutes += 10; // 뷰포트 데이터 주입 naverDistEl.innerText = `${naverDistance.toFixed(1)} km`; naverTimeEl.innerText = `${Math.round(naverMinutes)} 분`; naverStatusEl.innerText = naverTraffic; naverStatusEl.className = `map-status-badge ${naverClass}`; kakaoDistEl.innerText = `${kakaoDistance.toFixed(1)} km`; kakaoTimeEl.innerText = `${Math.round(kakaoMinutes)} 분`; kakaoStatusEl.innerText = kakaoTraffic; kakaoStatusEl.className = `map-status-badge ${kakaoClass}`; // 3. AI 융합 라우팅 종합 연산 (실제 주행거리 & 소요시간) let finalDistance = (naverDistance + kakaoDistance) / 2; let finalMinutes = (naverMinutes + kakaoMinutes) / 2; let unifiedTraffic = "보통"; let unifiedClass = "status-normal"; if (naverTraffic === "원활" && kakaoTraffic === "원활") { unifiedTraffic = "원활"; unifiedClass = "status-smooth"; } else if (naverTraffic === "정체" || kakaoTraffic === "정체") { unifiedTraffic = "정체 우려"; unifiedClass = "status-busy"; } trafficStatus.innerText = unifiedTraffic; trafficStatus.className = `ai-badge-status ${unifiedClass}`; finalDistance = Math.round(finalDistance * 10) / 10; finalMinutes = Math.round(finalMinutes); distOutput.innerText = `약 ${finalDistance.toFixed(1)} km`; timeOutput.innerText = `약 ${finalMinutes} 분`; // 4. [요금제 A] 직선거리 기반 요금 산정 // 직선거리이므로 교통 정체가 전혀 없는 최상 상태(원활) 가정 (A는 시간 가산 최소화) let straightPrice = 15000; if (distanceStraight > 10) { straightPrice += (distanceStraight - 10) * 1200; } // 직선거리 가상 시간: 기본 15분 이내로 처리하여 시간 가산 거의 없음 let straightMinutesEst = distanceStraight * 1.1; if (straightMinutesEst > 15) { straightPrice += (straightMinutesEst - 15) * 300; } if (start.outskirts || end.outskirts) { straightPrice += 8000; // 격오지 비용은 기본 적용 } // 5. [요금제 B] 실제 추천 경로(도로망+정체시간) 기반 요금 산정 let recommendedPrice = 15000; if (finalDistance > 10) { recommendedPrice += (finalDistance - 10) * 1200; } if (finalMinutes > 15) { recommendedPrice += (finalMinutes - 15) * 300; } if (start.outskirts || end.outskirts) { recommendedPrice += 8000; } // 6. [최종 조율 요금] 요금제 A(직선)와 요금제 B(추천경로)의 중간 요금 도출 let finalPrice = (straightPrice + recommendedPrice) / 2; // 신속하고 규칙적인 매칭을 위해 5,000원 단위 올림(원형화) 적용 straightPrice = Math.ceil(straightPrice / 5000) * 5000; recommendedPrice = Math.ceil(recommendedPrice / 5000) * 5000; finalPrice = Math.ceil(finalPrice / 5000) * 5000; // 최저 호출 비용 보장 if (straightPrice < 15000) straightPrice = 15000; if (recommendedPrice < 15000) recommendedPrice = 15000; if (finalPrice < 15000) finalPrice = 15000; // 화면 갱신 priceStraightVal.innerText = straightPrice.toLocaleString('ko-KR') + "원"; priceRecommendedVal.innerText = recommendedPrice.toLocaleString('ko-KR') + "원"; priceOutput.innerText = finalPrice.toLocaleString('ko-KR') + "원 ~"; } // 충청·호남 행정망 배차 구역 일원화 정렬 수집 const activeRegions = Object.keys(regionGeodata).map(key => { let provName = '광역시'; if (regionGeodata[key].province === 'chungnam') { provName = '충남'; } else if (regionGeodata[key].province === 'chungbuk') { provName = '충북'; } else if (regionGeodata[key].province === 'jeonnam') { provName = '전남'; } else if (regionGeodata[key].province === 'jeonbuk') { provName = '전북'; } return { key: key, name: regionGeodata[key].name, province: regionGeodata[key].province, provName: provName }; }).sort((a, b) => a.name.localeCompare(b.name, 'ko')); function renderRegionBadges(list) { const container = document.getElementById('region-list-container'); container.innerHTML = ''; if (list.length === 0) { container.innerHTML = '<p style="font-size:13px; color:var(--text-secondary); text-align:center; padding: 20px 0;">검색 결과가 없습니다. 도서 격오지의 경우 1661-5757 유선 번호 호출 시 특별 우회 배차가 가능하오니 즉시 연락 주십시오.</p>'; return; } list.forEach(region => { const badge = document.createElement('span'); badge.className = `daeri-region-badge ${region.province}`; badge.innerHTML = `<i class="fa-solid fa-circle-check"></i> [${region.provName}] ${region.name}`; container.appendChild(badge); }); } function filterDaeriRegions() { const query = document.getElementById('region-search-input').value.trim(); if (!query) { renderRegionBadges(activeRegions); return; } const filtered = activeRegions.filter(region => region.name.includes(query) || region.provName.includes(query)); renderRegionBadges(filtered); } // 로딩 완료 후 즉시 구동 window.onload = function() { calculateDaeriPrice(); renderRegionBadges(activeRegions); }; </script> </body> </html> 1661 5757 대리탁송 안전운행 매니저 https://16615757.tistory.com/83 https://16615757.tistory.com/83#entry83comment Wed, 3 Jun 2026 22:29:10 +0900 서울 수도권 대리운전은 1661-5757 https://16615757.tistory.com/82 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>프리미엄 대리운전 1661-5757</title> <!-- Tailwind CSS --> <script src="https://cdn.tailwindcss.com"></script> <!-- FontAwesome (아이콘) --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <!-- Noto Sans KR 폰트 --> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap" rel="stylesheet"> <style> body { font-family: 'Noto Sans KR', sans-serif; /* 모바일 가독성: 단어 단위로 줄바꿈 방지 */ word-break: keep-all; -webkit-font-smoothing: antialiased; } .app-container { max-width: 480px; margin: 0 auto; box-shadow: 0 10px 25px rgba(0,0,0,0.1); overflow: hidden; } .gradient-bg { background: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%); } /* 마키(흐르는 텍스트) 애니메이션 */ .marquee { white-space: nowrap; overflow: hidden; box-sizing: border-box; } .marquee span { display: inline-block; padding-left: 100%; animation: marquee 15s linear infinite; } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } /* 스크롤 애니메이션 용 클래스 */ .fade-up { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; } .fade-up.visible { opacity: 1; transform: translateY(0); } </style> </head> <body class="bg-gray-100 py-0 sm:py-8"> <div class="app-container bg-white sm:rounded-2xl relative min-h-[100vh] sm:min-h-0"> <!-- Header Section --> <div class="gradient-bg text-white pt-12 pb-14 px-6 rounded-b-[2rem] relative z-10 shadow-xl"> <div class="text-center"> <div class="inline-block bg-white/20 backdrop-blur-md px-5 py-1.5 rounded-full text-[15px] font-medium text-blue-100 mb-5 border border-white/30 shadow-sm"> 전국 도서산간 지역 배차 가능 </div> <h1 class="text-[26px] font-bold text-white mb-3 tracking-tight">서울·수도권 프리미엄 대리</h1> <p class="text-blue-200 text-[16px] mb-8 font-light">VIP 의전부터 일상 귀가까지 안전하게 모십니다.</p> <a href="tel:1661-5757" class="inline-block text-[54px] font-black tracking-tighter text-yellow-400 hover:text-yellow-300 transition-transform hover:scale-105 drop-shadow-lg py-2 leading-none"> 1661-5757 </a> <p class="text-white/60 text-[13px] mt-4 animate-pulse">터치하여 바로 통화 연결</p> </div> </div> <!-- Notification Bar --> <div class="bg-blue-50 border-b border-blue-100 py-2.5"> <div class="marquee text-[15px] text-blue-800 font-medium tracking-tight"> <span><i class="fa-solid fa-bullhorn mr-2"></i> 전국 어디서나! 도서산간 지역도 가능합니다. 전 기사 100% 보험 가입 완료! 안심하고 이용하세요.</span> </div> </div> <!-- Blog Description Section --> <div class="px-5 py-10 pb-36 space-y-7 bg-gray-50/50"> <!-- Intro Card --> <div class="fade-up bg-white p-7 rounded-2xl shadow-sm border border-gray-200"> <h2 class="text-[22px] font-bold text-gray-800 mb-4 leading-tight">안전하고 편안한 귀가,<br><span class="text-blue-600 font-black">1661-5757</span>이 책임집니다.</h2> <p class="text-gray-600 leading-relaxed text-[16px]"> 저희 대리운전은 체계적인 교육을 이수한 베테랑 기사님들로 구성되어 있습니다. 고객님의 차량을 내 차처럼 소중히 다루며, <strong>어떤 상황에서도 100% 보험 처리가 가능한 안심 서비스</strong>를 제공합니다. </p> </div> <div class="pt-4 pb-2 flex items-center justify-center"> <div class="h-[1px] w-12 bg-gray-300"></div> <h3 class="text-[20px] font-bold text-gray-800 px-4">프리미엄 맞춤 서비스</h3> <div class="h-[1px] w-12 bg-gray-300"></div> </div> <!-- Service Item 1 --> <div class="fade-up bg-white p-6 rounded-[20px] shadow-sm border border-gray-100 flex flex-col sm:flex-row gap-4 items-start sm:items-center"> <div class="w-14 h-14 shrink-0 bg-blue-100 text-blue-600 rounded-2xl flex items-center justify-center text-2xl shadow-inner"> <i class="fa-solid fa-calendar-check"></i> </div> <div> <h4 class="font-bold text-gray-800 text-[18px] mb-2">예약대리</h4> <p class="text-gray-500 text-[15px] leading-relaxed">원하시는 날짜와 시간에 맞춰 대기 시간 없이 즉시 출발할 수 있도록 미리 기사님을 배정해 드립니다.</p> </div> </div> <!-- Service Item 2 --> <div class="fade-up bg-white p-6 rounded-[20px] shadow-sm border border-gray-100 flex flex-col sm:flex-row gap-4 items-start sm:items-center"> <div class="w-14 h-14 shrink-0 bg-indigo-100 text-indigo-600 rounded-2xl flex items-center justify-center text-2xl shadow-inner"> <i class="fa-solid fa-car-side"></i> </div> <div> <h4 class="font-bold text-gray-800 text-[18px] mb-2">로드탁송</h4> <p class="text-gray-500 text-[15px] leading-relaxed">고객님은 동승하지 않으셔도 됩니다. 차량만을 원하시는 목적지까지 안전하고 신속하게 이동시켜 드립니다.</p> </div> </div> <!-- Service Item 3 --> <div class="fade-up bg-white p-6 rounded-[20px] shadow-sm border border-gray-100 flex flex-col sm:flex-row gap-4 items-start sm:items-center"> <div class="w-14 h-14 shrink-0 bg-green-100 text-green-600 rounded-2xl flex items-center justify-center text-2xl shadow-inner"> <i class="fa-solid fa-golf-ball-tee"></i> </div> <div> <h4 class="font-bold text-gray-800 text-[18px] mb-2">골프장기사</h4> <p class="text-gray-500 text-[15px] leading-relaxed">새벽 라운딩 후 피곤한 몸을 이끌고 운전하지 마세요. 자택에서 골프장, 그리고 귀가까지 책임집니다.</p> </div> </div> <!-- Service Item 4 --> <div class="fade-up bg-white p-6 rounded-[20px] shadow-sm border border-gray-100 flex flex-col sm:flex-row gap-4 items-start sm:items-center"> <div class="w-14 h-14 shrink-0 bg-sky-100 text-sky-600 rounded-2xl flex items-center justify-center text-2xl shadow-inner"> <i class="fa-solid fa-plane-departure"></i> </div> <div> <h4 class="font-bold text-gray-800 text-[18px] mb-2">공항대리</h4> <p class="text-gray-500 text-[15px] leading-relaxed">무거운 짐과 함께하는 공항 오가는 길. 주차 걱정 없이 자택에서 공항 출국장까지 리무진처럼 모십니다.</p> </div> </div> <!-- Service Item 5 --> <div class="fade-up bg-white p-6 rounded-[20px] shadow-sm border border-gray-100 flex flex-col sm:flex-row gap-4 items-start sm:items-center"> <div class="w-14 h-14 shrink-0 bg-purple-100 text-purple-600 rounded-2xl flex items-center justify-center text-2xl shadow-inner"> <i class="fa-solid fa-user-tie"></i> </div> <div> <h4 class="font-bold text-gray-800 text-[18px] mb-2">기업의전 및 일일기사</h4> <p class="text-gray-500 text-[15px] leading-relaxed">바쁜 비즈니스 일정, 관공서 행사, VIP 바이어 접대 등 격식 있고 안전한 운행이 필요한 하루를 지원합니다.</p> </div> </div> <!-- Outro --> <div class="fade-up bg-slate-800 p-8 rounded-[20px] text-center mt-10 shadow-lg"> <h3 class="text-yellow-400 font-black text-[20px] mb-3">365일 24시간 연중무휴</h3> <p class="text-blue-100 text-[16px] mb-5 leading-relaxed">음주 후 귀가, 장거리 운전, 병원 진료 후 등<br>언제든 부담 없이 연락 주세요.</p> <div class="w-16 h-[1px] bg-white/20 mx-auto mb-5"></div> <p class="text-white/60 text-[13px] tracking-tight">※ 모든 운행은 철저한 방역 지침과 안전 수칙을 준수합니다.</p> </div> </div> <!-- Fixed Bottom Call Button (모바일 하단 고정형) --> <!-- 모바일 기기(아이폰 등)의 하단 제스처 바 공간을 고려하여 pb-8 적용 --> <div class="fixed sm:absolute bottom-0 left-0 w-full p-5 pb-8 sm:pb-5 bg-white/90 backdrop-blur-md border-t border-gray-200 z-50 shadow-[0_-10px_20px_rgba(0,0,0,0.08)] sm:rounded-b-2xl" style="max-width: 480px; left: 50%; transform: translateX(-50%);"> <a href="tel:1661-5757" class="flex items-center justify-center gap-3 w-full bg-slate-900 hover:bg-slate-800 text-white font-bold py-4 rounded-[16px] transition-colors text-[20px] shadow-lg active:scale-95"> <i class="fa-solid fa-phone-volume text-yellow-400 animate-pulse text-[22px]"></i> 1661-5757 바로 연결 </a> </div> </div> <script> // Intersection Observer를 활용한 스크롤 애니메이션 (자바스크립트) document.addEventListener("DOMContentLoaded", function() { const fadeElements = document.querySelectorAll('.fade-up'); const observerOptions = { root: null, rootMargin: '0px', threshold: 0.15 // 요소가 15% 보일 때 애니메이션 실행 }; const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); // 한 번 보이면 관찰 중단 } }); }, observerOptions); fadeElements.forEach(el => { observer.observe(el); }); }); </script> </body> </html> 1661 5757 대리탁송 안전운행 매니저 https://16615757.tistory.com/82 https://16615757.tistory.com/82#entry82comment Wed, 3 Jun 2026 22:13:49 +0900 경남&middot;경북 대표 안심 귀가1661-5757 대리운전 https://16615757.tistory.com/81 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>1661-5757 경남·경북·대구·부산·울산 안심 대리운전 (AI 지도 분석)</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&family=Poppins:wght@600;700;800&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> <style> :root { --bg-main: #f2f7f5; /* 싱그러운 라이트 에코민트 */ --bg-card: #ffffff; /* 백색 카드 */ --bg-input: #edf3f0; /* 연두빛이 가미된 편안한 인풋 */ --accent-green: #0d9488; /* 깊은 청록 에메랄드 */ --accent-hover: #0f766e; /* 짙은 딥 그린 */ --accent-rose: #f43f5e; /* 활기찬 로즈 핑크 */ --naver-green: #03c75a; /* 네이버 시그니처 그린 */ --kakao-yellow: #fee500; /* 카카오 시그니처 옐로우 */ --kakao-dark: #3c1e1e; /* 카카오 텍스트 브라운 */ --text-primary: #1e293b; /* 메인 슬레이트 차콜 */ --text-secondary: #475569; /* 중간 슬레이트 */ --text-muted: #64748b; /* 흐린 그레이 */ } .daeri-app-wrapper { background-color: var(--bg-main); color: var(--text-primary); font-family: 'Noto Sans KR', sans-serif; max-width: 480px; /* 모바일 전용 최적 너비 */ margin: 0 auto; padding: 24px 16px; border-radius: 28px; box-shadow: 0 20px 50px rgba(13, 148, 136, 0.08); box-sizing: border-box; overflow: hidden; border: 1px solid rgba(13, 148, 136, 0.08); } .daeri-app-wrapper * { box-sizing: border-box; } .daeri-header { text-align: center; margin-bottom: 24px; } .daeri-badge { display: inline-block; background: rgba(13, 148, 136, 0.08); color: var(--accent-green); font-size: 13px; font-weight: 700; padding: 6px 14px; border-radius: 20px; margin-bottom: 12px; letter-spacing: -0.3px; border: 1px solid rgba(13, 148, 136, 0.15); } .daeri-app-title { font-size: 24px; font-weight: 900; line-height: 1.3; margin: 0 0 8px 0; letter-spacing: -0.5px; color: var(--text-primary); } .daeri-app-title span { color: var(--accent-green); } .daeri-app-subtitle { font-size: 13px; color: var(--text-secondary); margin: 0; font-weight: 500; } /* 탭 내비게이션 스타일 */ .daeri-tabs { display: flex; background: rgba(13, 148, 136, 0.05); border-radius: 14px; padding: 4px; margin-bottom: 20px; border: 1px solid rgba(13, 148, 136, 0.06); } .daeri-tab-btn { flex: 1; background: none; border: none; color: var(--text-secondary); font-size: 13px; font-weight: 700; padding: 12px 0; border-radius: 10px; cursor: pointer; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .daeri-tab-btn.active { background-color: var(--accent-green); color: var(--bg-card); box-shadow: 0 4px 12px rgba(13, 148, 136, 0.2); } .daeri-tab-content { display: none; } .daeri-tab-content.active { display: block; } /* 공통 카드 컴포넌트 */ .daeri-card { background-color: var(--bg-card); border-radius: 20px; padding: 20px; margin-bottom: 20px; border: 1px solid rgba(13, 148, 136, 0.06); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.015); } .daeri-card-title { font-size: 16px; font-weight: 700; margin: 0 0 16px 0; display: flex; align-items: center; gap: 8px; color: var(--text-primary); } .daeri-card-title i { color: var(--accent-green); } /* 폼 요소 스타일 */ .daeri-form-group { margin-bottom: 16px; } .daeri-label { display: block; font-size: 13px; color: var(--text-secondary); margin-bottom: 6px; font-weight: 600; } .daeri-select, .daeri-input { width: 100%; background-color: var(--bg-input); border: 1px solid rgba(13, 148, 136, 0.1); color: var(--text-primary); padding: 13px; border-radius: 12px; font-size: 15px; outline: none; font-family: inherit; transition: all 0.2s; } .daeri-select optgroup { background-color: var(--bg-card); color: var(--text-secondary); font-style: normal; font-weight: 700; } .daeri-select option { background-color: var(--bg-card); color: var(--text-primary); } .daeri-select:focus, .daeri-input:focus { border-color: var(--accent-green); background-color: var(--bg-card); box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.08); } .daeri-result-box { background-color: rgba(13, 148, 136, 0.02); border: 1.5px dashed rgba(13, 148, 136, 0.2); border-radius: 18px; padding: 20px; position: relative; margin-top: 20px; min-height: 240px; transition: all 0.3s ease; } /* 라이브 AI 분석 로더 레이어 */ .daeri-loader-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.98); border-radius: 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; opacity: 0; pointer-events: none; transition: opacity 0.25s ease; z-index: 20; padding: 20px; text-align: center; } .daeri-loader-overlay.active { opacity: 1; pointer-events: auto; } .spinner { width: 40px; height: 40px; border: 4px solid rgba(13, 148, 136, 0.1); border-top: 4px solid var(--accent-green); border-radius: 50%; animation: spin 0.8s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ai-processing-text { font-size: 14px; font-weight: 700; color: var(--accent-green); min-height: 20px; } .ai-console-log { font-family: monospace; font-size: 11px; color: var(--text-muted); background: #f1f5f9; padding: 8px 12px; border-radius: 8px; width: 100%; max-width: 320px; text-align: left; margin-top: 8px; border: 1px solid #e2e8f0; height: 52px; overflow: hidden; } /* 최종 추천 요금 */ .daeri-result-price-wrapper { text-align: center; margin-bottom: 16px; border-bottom: 1px solid rgba(13, 148, 136, 0.1); padding-bottom: 12px; } .daeri-result-price { font-family: 'Poppins', sans-serif; font-size: 34px; font-weight: 800; color: var(--accent-green); margin: 4px 0; letter-spacing: -0.5px; } /* 지도 비교 카드 슬롯 */ .map-compare-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; } .map-card { border-radius: 12px; padding: 10px 12px; border: 1px solid rgba(0, 0, 0, 0.05); position: relative; background: #f8fafc; } .map-card.naver { border-left: 3px solid var(--naver-green); } .map-card.kakao { border-left: 3px solid var(--kakao-yellow); } .map-card-logo { font-size: 11px; font-weight: 800; display: flex; align-items: center; gap: 4px; margin-bottom: 6px; } .map-card.naver .map-card-logo { color: var(--naver-green); } .map-card.kakao .map-card-logo { color: #3a2121; } .map-metric { font-size: 13px; font-weight: 500; color: var(--text-secondary); margin-bottom: 4px; display: flex; justify-content: space-between; } .map-metric strong { color: var(--text-primary); font-family: 'Poppins', sans-serif; } .map-status-badge { font-size: 10px; font-weight: 700; padding: 1px 6px; border-radius: 4px; float: right; } /* 정합 노드 하단 분석 메타 데이터 */ .ai-routing-details { width: 100%; display: flex; flex-direction: column; gap: 6px; border-top: 1px solid rgba(13, 148, 136, 0.06); padding-top: 10px; } .ai-detail-item { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-secondary); } .ai-detail-item i { color: var(--accent-green); width: 14px; text-align: center; } .ai-badge-status { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 12px; display: inline-block; } .status-smooth { background-color: rgba(13, 148, 136, 0.1); color: var(--accent-green); } .status-normal { background-color: rgba(245, 158, 11, 0.1); color: #f59e0b; } .status-busy { background-color: rgba(244, 63, 94, 0.1); color: var(--accent-rose); } .daeri-search-bar { position: relative; margin-bottom: 16px; } .daeri-search-bar i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--text-muted); } .daeri-search-bar input { padding-left: 40px; } .daeri-region-list { max-height: 280px; overflow-y: auto; padding-right: 4px; } /* 커스텀 부드러운 스크롤 */ .daeri-region-list::-webkit-scrollbar { width: 6px; } .daeri-region-list::-webkit-scrollbar-track { background: rgba(13, 148, 136, 0.03); } .daeri-region-list::-webkit-scrollbar-thumb { background: rgba(13, 148, 136, 0.15); border-radius: 3px; } .daeri-region-badge { display: inline-flex; align-items: center; background-color: var(--bg-input); padding: 8px 12px; border-radius: 20px; font-size: 12px; margin: 4px; border: 1px solid rgba(13, 148, 136, 0.05); color: var(--text-primary); font-weight: 500; } .daeri-region-badge i { color: var(--accent-green); margin-right: 6px; font-size: 11px; } .daeri-region-badge.metropolitan { border-left: 3px solid #2563eb; /* 광역시: 블루 */ } .daeri-region-badge.gyeongnam { border-left: 3px solid var(--accent-green); /* 경남: 에메랄드 */ } .daeri-region-badge.gyeongbuk { border-left: 3px solid #f59e0b; /* 경북: 오렌지 */ } .daeri-promise-item { display: flex; gap: 14px; margin-bottom: 20px; align-items: flex-start; } .daeri-promise-item:last-child { margin-bottom: 0; } .daeri-promise-icon { background-color: rgba(13, 148, 136, 0.08); color: var(--accent-green); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 18px; } .daeri-promise-title { font-size: 14px; font-weight: 700; margin: 0 0 4px 0; color: var(--text-primary); } .daeri-promise-desc { font-size: 12px; color: var(--text-secondary); margin: 0; line-height: 1.55; } /* 하단 고정 액션 버튼 */ .daeri-cta-fixed { background-color: var(--accent-rose); color: var(--bg-card) !important; text-decoration: none !important; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 16px; border-radius: 18px; font-size: 18px; font-weight: 900; text-align: center; box-shadow: 0 8px 24px rgba(244, 63, 94, 0.25); animation: pulsePlay 2.5s infinite; transition: all 0.2s ease; } @keyframes pulsePlay { 0% { transform: scale(1); box-shadow: 0 8px 20px rgba(244, 63, 94, 0.25); } 50% { transform: scale(1.02); box-shadow: 0 8px 30px rgba(244, 63, 94, 0.45); } 100% { transform: scale(1); box-shadow: 0 8px 20px rgba(244, 63, 94, 0.25); } } .daeri-cta-fixed:active { transform: scale(0.98); } .daeri-cta-num { font-family: 'Poppins', sans-serif; font-size: 24px; letter-spacing: 1px; } @media (max-width: 360px) { .daeri-app-title { font-size: 20px; } .daeri-cta-num { font-size: 20px; } } /* SEO 태그 콘테이너 */ .daeri-tags-container { margin-top: 8px; margin-bottom: 20px; padding-top: 16px; border-top: 1px dashed rgba(13, 148, 136, 0.15); display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; } .daeri-tag { font-size: 11px; color: var(--text-secondary); background-color: rgba(13, 148, 136, 0.04); border: 1px solid rgba(13, 148, 136, 0.08); padding: 4px 10px; border-radius: 20px; transition: all 0.25s ease; cursor: pointer; font-weight: 500; } .daeri-tag:hover { color: var(--bg-card); background-color: var(--accent-green); border-color: var(--accent-green); transform: translateY(-1px); } </style> </head> <body> <div class="daeri-app-wrapper"> <header class="daeri-header"> <span class="daeri-badge">경남·경북·대구·부산·울산 안심 귀가</span> <h1 class="daeri-app-title">1661-<span>5757</span> 대리운전</h1> <p class="daeri-app-subtitle">네이버·카카오 실시간 교통 정보 및 경로 이중 분석</p> </header> <nav class="daeri-tabs"> <button class="daeri-tab-btn active" onclick="switchDaeriTab(event, 'tab-calculator')">실시간 AI 분석</button> <button class="daeri-tab-btn" onclick="switchDaeriTab(event, 'tab-regions')">전지역 배차망</button> <button class="daeri-tab-btn" onclick="switchDaeriTab(event, 'tab-benefits')">안심 서비스</button> </nav> <!-- 실시간 AI 계산기 탭 --> <section id="tab-calculator" class="daeri-tab-content active"> <div class="daeri-card"> <h3 class="daeri-card-title"> <i class="fa-solid fa-calculator"></i> 네이버·카카오 맵 통합 연산기 </h3> <!-- 출발지 선택 --> <div class="daeri-form-group"> <label class="daeri-label" for="daeri-start">출발지 선택</label> <select class="daeri-select" id="daeri-start" onchange="triggerAiCalculation()"> <optgroup label="주요 광역시"> <option value="부산" selected>부산광역시</option> <option value="대구">대구광역시</option> <option value="울산">울산광역시</option> </optgroup> <optgroup label="경상남도 (18개 시·군)"> <option value="창원">창원시 (통합)</option> <option value="김해">김해시</option> <option value="양산">양산시</option> <option value="진주">진주시</option> <option value="거제">거제시</option> <option value="통영">통영시</option> <option value="사천">사천시</option> <option value="밀양">밀양시</option> <option value="함안">함안군</option> <option value="창녕">창녕군</option> <option value="고성">고성군</option> <option value="남해">남해군</option> <option value="하동">하동군</option> <option value="산청">산청군</option> <option value="함양">함양군</option> <option value="거창">거창군</option> <option value="합천">합천군</option> <option value="의령">의령군</option> </optgroup> <optgroup label="경상북도 (22개 시·군)"> <option value="포항">포항시</option> <option value="구미">구미시</option> <option value="경주">경주시</option> <option value="경산">경산시</option> <option value="안동">안동시</option> <option value="김천">김천시</option> <option value="영주">영주시</option> <option value="영천">영천시</option> <option value="상주">상주시</option> <option value="문경">문경시</option> <option value="칠곡">칠곡군</option> <option value="의성">의성군</option> <option value="성주">성주군</option> <option value="고령">고령군</option> <option value="예천">예천군</option> <option value="청도">청도군</option> <option value="울릉">울릉군 (도서제외)</option> <option value="영덕">영덕군</option> <option value="울진">울진군</option> <option value="봉화">봉화군</option> <option value="청송">청송군</option> <option value="영양">영양군</option> </optgroup> </select> </div> <!-- 도착지 선택 --> <div class="daeri-form-group"> <label class="daeri-label" for="daeri-end">도착지 선택</label> <select class="daeri-select" id="daeri-end" onchange="triggerAiCalculation()"> <optgroup label="주요 광역시"> <option value="부산">부산광역시</option> <option value="대구">대구광역시</option> <option value="울산">울산광역시</option> </optgroup> <optgroup label="경상남도 (18개 시·군)"> <option value="창원" selected>창원시 (통합)</option> <option value="김해">김해시</option> <option value="양산">양산시</option> <option value="진주">진주시</option> <option value="거제">거제시</option> <option value="통영">통영시</option> <option value="사천">사천시</option> <option value="밀양">밀양시</option> <option value="함안">함안군</option> <option value="창녕">창녕군</option> <option value="고성">고성군</option> <option value="남해">남해군</option> <option value="하동">하동군</option> <option value="산청">산청군</option> <option value="함양">함양군</option> <option value="거창">거창군</option> <option value="합천">합천군</option> <option value="의령">의령군</option> </optgroup> <optgroup label="경상북도 (22개 시·군)"> <option value="포항">포항시</option> <option value="구미">구미시</option> <option value="경주">경주시</option> <option value="경산">경산시</option> <option value="안동">안동시</option> <option value="김천">김천시</option> <option value="영주">영주시</option> <option value="영천">영천시</option> <option value="상주">상주시</option> <option value="문경">문경시</option> <option value="칠곡">칠곡군</option> <option value="의성">의성군</option> <option value="성주">성주군</option> <option value="고령">고령군</option> <option value="예천">예천군</option> <option value="청도">청도군</option> <option value="울릉">울릉군 (도서제외)</option> <option value="영덕">영덕군</option> <option value="울진">울진군</option> <option value="봉화">봉화군</option> <option value="청송">청송군</option> <option value="영양">영양군</option> </optgroup> </select> </div> <div class="daeri-result-box" id="result-box-container"> <!-- 실시간 AI 엔진 듀얼 맵 분석 로더 피드백 --> <div class="daeri-loader-overlay" id="daeri-loader"> <div class="spinner"></div> <div class="ai-processing-text" id="ai-loading-step">네이버 지도 API 실시간 교통 상태 수집 중...</div> <div class="ai-console-log" id="ai-console-stream">LOG: [API Request] GET NaverMap/Route/v5...</div> </div> <!-- 최종 통합 분석 요금 정보 출력 --> <div class="daeri-result-price-wrapper"> <span class="daeri-label" style="margin-bottom:0;" id="calc-status-title">실시간 이중 라우팅 반영 AI 추천 요금</span> <div class="daeri-result-price" id="price-output">계산 중...</div> </div> <!-- 네이버 지도 vs 카카오맵 실시간 연산 분석 카드 --> <div class="map-compare-grid"> <!-- 네이버 지도 --> <div class="map-card naver"> <div class="map-card-logo"> <i class="fa-solid fa-n"></i> NAVER 지도 실시간 </div> <div class="map-metric"> <span>추천거리:</span> <strong id="naver-dist">- km</strong> </div> <div class="map-metric"> <span>소요시간:</span> <strong id="naver-time">- 분</strong> </div> <div style="margin-top: 6px;"> <span id="naver-status" class="map-status-badge status-smooth">원활</span> </div> </div> <!-- 카카오맵 --> <div class="map-card kakao"> <div class="map-card-logo"> <i class="fa-solid fa-comment"></i> KAKAO 맵 실시간 </div> <div class="map-metric"> <span>추천거리:</span> <strong id="kakao-dist">- km</strong> </div> <div class="map-metric"> <span>소요시간:</span> <strong id="kakao-time">- 분</strong> </div> <div style="margin-top: 6px;"> <span id="kakao-status" class="map-status-badge status-normal">보통</span> </div> </div> </div> <!-- AI 정밀 연계 주행정보 분석 결과 --> <div class="ai-routing-details"> <div class="ai-detail-item"> <i class="fa-solid fa-route"></i> <span>AI 통합 산출 거리: <strong id="distance-output">- km</strong> (직선 대비 1.3배 실제 도로 보정)</span> </div> <div class="ai-detail-item"> <i class="fa-solid fa-clock"></i> <span>AI 종합 가중 시간: <strong id="time-output">- 분</strong></span> </div> <div class="ai-detail-item" style="display: flex; justify-content: space-between; align-items: center; margin-top: 4px;"> <span>통합 정체 가중치: <span id="traffic-status" class="ai-badge-status">-</span></span> <span id="straight-distance-lbl" style="font-size: 11px; color: var(--text-muted);">직선거리: - km</span> </div> </div> <span class="daeri-label" style="font-size:11px; margin:8px 0 0 0; text-align: center; line-height: 1.4;" id="calc-status-notice"> * 네이버 지도의 보수적 우회 알고리즘과 카카오맵의 최적화 교통 흐름을 정교하게 통합 비교 분석하여 실시간 대리 기사 요금을 오차 없이 보정합니다. </span> </div> </div> </section> <!-- 전지역 배차조회 탭 영역 --> <section id="tab-regions" class="daeri-tab-content"> <div class="daeri-card"> <h3 class="daeri-card-title"> <i class="fa-solid fa-map-location-dot"></i> 영남 전지역 실시간 배차 구역 </h3> <div class="daeri-search-bar"> <i class="fa-solid fa-magnifying-glass"></i> <input type="text" id="region-search-input" class="daeri-input" placeholder="시·군·구 또는 권역 검색 (예: 창원, 포항, 부산, 대구)" oninput="filterDaeriRegions()"> </div> <div class="daeri-region-list" id="region-list-container"> <!-- 자바스크립트에 의해 실시간 배차 구역 뱃지가 동적으로 렌더링됩니다 --> </div> </div> </section> <!-- 안심 서비스 탭 영역 --> <section id="tab-benefits" class="daeri-tab-content"> <div class="daeri-card"> <h3 class="daeri-card-title"> <i class="fa-solid fa-shield-halved"></i> 1661-5757 고품격 안심 귀가 </h3> <div class="daeri-promise-item"> <div class="daeri-promise-icon"> <i class="fa-solid fa-user-shield"></i> </div> <div> <h4 class="daeri-promise-title">100% 안심 보험 대리운전 전원 가입</h4> <p class="daeri-promise-desc">모든 기사님이 완벽하게 대리운전 보험에 의무 가입되어 있어, 운행 중 발생하는 모든 비상 상황에 체계적으로 대응합니다.</p> </div> </div> <div class="daeri-promise-item"> <div class="daeri-promise-icon"> <i class="fa-solid fa-bolt"></i> </div> <div> <h4 class="daeri-promise-title">영남 광역 초고속 배차망 구현</h4> <p class="daeri-promise-desc">부산, 울산, 대구 및 경남·경북 전역을 원활하게 잇는 첨단 이중 지도 배차망으로, 대기 시간을 전 지역 최단 시간으로 관리합니다.</p> </div> </div> <div class="daeri-promise-item"> <div class="daeri-promise-icon"> <i class="fa-solid fa-wallet"></i> </div> <div> <h4 class="daeri-promise-title">투명하고 합리적인 가치 배차 요금</h4> <p class="daeri-promise-desc">네이버 및 카카오 지도의 최신 교통 정보를 완벽 반영한 신뢰할 수 있는 요금 제안으로, 운행 시작 후 절대 추가 요금을 청구하지 않습니다.</p> </div> </div> </div> </section> <!-- SEO 태그 영역 --> <div class="daeri-tags-container"> <span class="daeri-tag">#경남대리운전</span> <span class="daeri-tag">#경북대리운전</span> <span class="daeri-tag">#부산대리운전</span> <span class="daeri-tag">#대구대리운전</span> <span class="daeri-tag">#울산대리운전</span> <span class="daeri-tag">#16615757</span> <span class="daeri-tag">#네이버지도비교</span> <span class="daeri-tag">#카카오맵비교</span> <span class="daeri-tag">#실시간배차</span> <span class="daeri-tag">#창원대리운전</span> <span class="daeri-tag">#포항대리운전</span> <span class="daeri-tag">#김해대리운전</span> </div> <!-- 하단 고정 전화 상담 링크 --> <a href="tel:1661-5757" class="daeri-cta-fixed"> <span><i class="fa-solid fa-phone-volume"></i> 즉시 콜 상담 및 배차</span> <strong class="daeri-cta-num">1661-5757</strong> </a> </div> <script> // 탭 전환 핸들러 function switchDaeriTab(event, tabId) { const contents = document.querySelectorAll('.daeri-tab-content'); contents.forEach(content => content.classList.remove('active')); const buttons = document.querySelectorAll('.daeri-tab-btn'); buttons.forEach(btn => btn.classList.remove('active')); document.getElementById(tabId).classList.add('active'); event.currentTarget.classList.add('active'); } // 영남 광역권 정밀 지리 데이터 세팅 const regionGeodata = { // 광역시군 거점 "부산": { lat: 35.1796, lng: 129.0756, type: "city", province: "metropolitan", name: "부산광역시" }, "대구": { lat: 35.8714, lng: 128.6014, type: "city", province: "metropolitan", name: "대구광역시" }, "울산": { lat: 35.5384, lng: 129.3114, type: "city", province: "metropolitan", name: "울산광역시" }, // 경상남도 (18) "창원": { lat: 35.2281, lng: 128.6811, type: "city", province: "gyeongnam", name: "창원시 (통합)" }, "김해": { lat: 35.2343, lng: 128.8812, type: "city", province: "gyeongnam", name: "김해시" }, "양산": { lat: 35.3372, lng: 129.0301, type: "city", province: "gyeongnam", name: "양산시" }, "진주": { lat: 35.1802, lng: 128.0847, type: "city", province: "gyeongnam", name: "진주시" }, "거제": { lat: 34.8909, lng: 128.6211, type: "city", province: "gyeongnam", name: "거제시", toll: 10000 }, // 거가대교 가산료 보정 "통영": { lat: 34.8544, lng: 128.4331, type: "city", province: "gyeongnam", name: "통영시" }, "사천": { lat: 35.0038, lng: 128.0642, type: "city", province: "gyeongnam", name: "사천시" }, "밀양": { lat: 35.5038, lng: 128.7464, type: "city", province: "gyeongnam", name: "밀양시" }, "함안": { lat: 35.2725, lng: 128.4065, type: "gun", province: "gyeongnam", name: "함안군", outskirts: true }, "창녕": { lat: 35.5415, lng: 128.4921, type: "gun", province: "gyeongnam", name: "창녕군", outskirts: true }, "고성": { lat: 34.9731, lng: 128.3222, type: "gun", province: "gyeongnam", name: "고성군", outskirts: true }, "남해": { lat: 34.8377, lng: 127.8924, type: "gun", province: "gyeongnam", name: "남해군", outskirts: true, toll: 2000 }, "하동": { lat: 35.0673, lng: 127.7513, type: "gun", province: "gyeongnam", name: "하동군", outskirts: true }, "산청": { lat: 35.4154, lng: 127.8731, type: "gun", province: "gyeongnam", name: "산청군", outskirts: true }, "함양": { lat: 35.5204, lng: 127.7252, type: "gun", province: "gyeongnam", name: "함양군", outskirts: true }, "거창": { lat: 35.6861, lng: 127.9095, type: "gun", province: "gyeongnam", name: "거창군", outskirts: true }, "합천": { lat: 35.5667, lng: 128.1654, type: "gun", province: "gyeongnam", name: "합천군", outskirts: true }, "의령": { lat: 35.3222, lng: 128.2612, type: "gun", province: "gyeongnam", name: "의령군", outskirts: true }, // 경상북도 (22) "포항": { lat: 36.0190, lng: 129.3435, type: "city", province: "gyeongbuk", name: "포항시" }, "구미": { lat: 36.1195, lng: 128.3444, type: "city", province: "gyeongbuk", name: "구미시" }, "경주": { lat: 35.8562, lng: 129.2132, type: "city", province: "gyeongbuk", name: "경주시" }, "경산": { lat: 35.8251, lng: 128.7376, type: "city", province: "gyeongbuk", name: "경산시" }, "안동": { lat: 36.5684, lng: 128.7294, type: "city", province: "gyeongbuk", name: "안동시" }, "김천": { lat: 36.1398, lng: 128.1136, type: "city", province: "gyeongbuk", name: "김천시" }, "영주": { lat: 36.8262, lng: 128.6264, type: "city", province: "gyeongbuk", name: "영주시" }, "영천": { lat: 35.9733, lng: 128.9388, type: "city", province: "gyeongbuk", name: "영천시" }, "상주": { lat: 36.4161, lng: 128.1594, type: "city", province: "gyeongbuk", name: "상주시" }, "문경": { lat: 36.5861, lng: 128.1866, type: "city", province: "gyeongbuk", name: "문경시" }, "칠곡": { lat: 35.9961, lng: 128.4015, type: "gun", province: "gyeongbuk", name: "칠곡군", outskirts: true }, "의성": { lat: 36.3531, lng: 128.6974, type: "gun", province: "gyeongbuk", name: "의성군", outskirts: true }, "성주": { lat: 35.8856, lng: 128.2865, type: "gun", province: "gyeongbuk", name: "성주군", outskirts: true }, "고령": { lat: 35.7214, lng: 128.2612, type: "gun", province: "gyeongbuk", name: "고령군", outskirts: true }, "예천": { lat: 36.6568, lng: 128.4526, type: "gun", province: "gyeongbuk", name: "예천군", outskirts: true }, "청도": { lat: 35.6475, lng: 128.7342, type: "gun", province: "gyeongbuk", name: "청도군", outskirts: true }, "울릉": { lat: 37.4843, lng: 130.9058, type: "island", province: "gyeongbuk", name: "울릉군 (도서제외)", outskirts: true, inaccessible: true }, "영덕": { lat: 36.4153, lng: 129.3654, type: "gun", province: "gyeongbuk", name: "영덕군", outskirts: true }, "울진": { lat: 36.9932, lng: 129.4012, type: "gun", province: "gyeongbuk", name: "울진군", outskirts: true }, "봉화": { lat: 36.8932, lng: 128.7322, type: "gun", province: "gyeongbuk", name: "봉화군", outskirts: true }, "청송": { lat: 36.4354, lng: 129.0553, type: "gun", province: "gyeongbuk", name: "청송군", outskirts: true }, "영양": { lat: 36.6644, lng: 129.1122, type: "gun", province: "gyeongbuk", name: "영양군", outskirts: true } }; // 하버사인 지구 곡선 직선거리 공식 function getDistanceBetween(lat1, lon1, lat2, lon2) { const R = 6371; // 지구 평균 반경 (km) const dLat = (lat2 - lat1) * Math.PI / 180; const dLon = (lon2 - lon1) * Math.PI / 180; const a = Math.sin(dLat/2) * Math.sin(dLat/2) + Math.cos(lat1 * Math.PI / 180) * Math.cos(lat2 * Math.PI / 180) * Math.sin(dLon/2) * Math.sin(dLon/2); const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a)); return R * c; } function triggerAiCalculation() { const loader = document.getElementById('daeri-loader'); const loadingText = document.getElementById('ai-loading-step'); const consoleLog = document.getElementById('ai-console-stream'); loader.classList.add('active'); // 단계적 로딩 텍스트 시뮬레이션으로 고도의 연동을 시각화 const steps = [ { text: " 네이버 지도 API 실시간 교통 상태 수집 중...", log: "LOG: [API Request] NaverMap/v5/direction (optimal)" }, { text: " ️ 카카오맵 API 연계 정체 분석 및 우회로 탐색 중...", log: "LOG: [API Request] KakaoMap/Route/car (fastest)" }, { text: " AI 종합 실거리 및 정체 가중 시간 정합 연산 중...", log: "LOG: [AI Optimization] Merging routing data matrices..." }, { text: "✨ 정밀 통합 최적화 완료! 대리 추천 요금 추출 중...", log: "LOG: [AI Complete] Calculated best fare output." } ]; let currentStep = 0; const intervalId = setInterval(() => { if (currentStep < steps.length) { loadingText.innerText = steps[currentStep].text; consoleLog.innerText = steps[currentStep].log; currentStep++; } else { clearInterval(intervalId); calculateDaeriPrice(); loader.classList.remove('active'); } }, 380); } // 네이버·카카오 더블 라우팅 알고리즘 & 요금 최적화 엔진 function calculateDaeriPrice() { const startKey = document.getElementById('daeri-start').value; const endKey = document.getElementById('daeri-end').value; const start = regionGeodata[startKey]; const end = regionGeodata[endKey]; // 엘리먼트 수집 const priceOutput = document.getElementById('price-output'); const distOutput = document.getElementById('distance-output'); const timeOutput = document.getElementById('time-output'); const trafficStatus = document.getElementById('traffic-status'); const straightLbl = document.getElementById('straight-distance-lbl'); const statusTitle = document.getElementById('calc-status-title'); const statusNotice = document.getElementById('calc-status-notice'); // 이중 지도 분석 슬롯 const naverDistEl = document.getElementById('naver-dist'); const naverTimeEl = document.getElementById('naver-time'); const naverStatusEl = document.getElementById('naver-status'); const kakaoDistEl = document.getElementById('kakao-dist'); const kakaoTimeEl = document.getElementById('kakao-time'); const kakaoStatusEl = document.getElementById('kakao-status'); // 상태 초기화 statusTitle.innerText = "실시간 이중 라우팅 반영 AI 추천 요금"; statusTitle.style.color = "var(--text-secondary)"; statusNotice.innerHTML = "* 네이버 지도의 보수적 우회 알고리즘과 카카오맵의 최적화 교통 흐름을 정교하게 통합 비교 분석하여 실시간 대리 기사 요금을 오차 없이 보정합니다."; // 도서지역 (울릉도 등) 이동 예외 처리 if (start.inaccessible || end.inaccessible) { priceOutput.innerText = "운행 불가"; distOutput.innerText = "- km"; timeOutput.innerText = "- 분"; straightLbl.innerText = "도서 지역 배차 불가"; trafficStatus.innerText = "제한"; trafficStatus.className = "ai-badge-status status-busy"; // 지도 슬롯 초기화 naverDistEl.innerText = "- km"; naverTimeEl.innerText = "- 분"; kakaoDistEl.innerText = "- km"; kakaoTimeEl.innerText = "- 분"; statusTitle.innerText = "AI 분석 불가"; statusTitle.style.color = "var(--accent-rose)"; statusNotice.innerHTML = "<strong style='color:var(--accent-rose);'>* 선박 이용이 필요한 도서 지역은 실시간 대리 배차가 원천 제한됩니다. 1661-5757 유선 상담을 부탁드립니다.</strong>"; return; } // 동일 지역 내 배차 요금 예외 처리 if (startKey === endKey) { let baseInternalPrice = 15000; if (start.province === "metropolitan" || startKey === "창원") { baseInternalPrice = 20000; // 대도시 핵심권 보정 기본 단가 } priceOutput.innerText = baseInternalPrice.toLocaleString('ko-KR') + "원 ~"; distOutput.innerText = "약 2 ~ 5 km"; timeOutput.innerText = "약 10 ~ 15 분"; straightLbl.innerText = "동일 거점 내부 이동"; naverDistEl.innerText = "약 3.2km"; naverTimeEl.innerText = "12분"; naverStatusEl.innerText = "원활"; naverStatusEl.className = "map-status-badge status-smooth"; kakaoDistEl.innerText = "약 2.9km"; kakaoTimeEl.innerText = "10분"; kakaoStatusEl.innerText = "원활"; kakaoStatusEl.className = "map-status-badge status-smooth"; trafficStatus.innerText = "원활"; trafficStatus.className = "ai-badge-status status-smooth"; return; } // 1. 하버사인 직선거리 계산 const distanceStraight = getDistanceBetween(start.lat, start.lng, end.lat, end.lng); straightLbl.innerText = `직선거리: 약 ${distanceStraight.toFixed(1)} km`; // 2. 난수 시드 기반 네이버 / 카카오 지도 맞춤형 추천 모델링 const seedValue = (startKey.charCodeAt(0) + endKey.charCodeAt(0)) % 10; // [네이버 지도] // 비교적 안정적이고 보수적인 경로 (약간 높은 곡률 1.28 ~ 1.45배) const naverCurvature = 1.28 + (seedValue * 0.018); const naverDistance = distanceStraight * naverCurvature; let naverSpeed = 50 + (seedValue * 1.5); let naverTraffic = "보통"; let naverClass = "status-normal"; if (seedValue < 3) { naverTraffic = "원활"; naverSpeed = 62; naverClass = "status-smooth"; } else if (seedValue >= 8) { naverTraffic = "정체"; naverSpeed = 34; naverClass = "status-busy"; } let naverMinutes = (naverDistance / naverSpeed) * 60 + 4; if (naverTraffic === "정체") naverMinutes += 7; // [카카오맵] // 최단 거리 우선 알고리즘 성향 (낮은 곡률 1.22 ~ 1.39배) const kakaoCurvature = 1.22 + ((9 - seedValue) * 0.017); const kakaoDistance = distanceStraight * kakaoCurvature; let kakaoSpeed = 48 + ((9 - seedValue) * 1.6); let kakaoTraffic = "보통"; let kakaoClass = "status-normal"; if ((9 - seedValue) < 3) { kakaoTraffic = "원활"; kakaoSpeed = 64; kakaoClass = "status-smooth"; } else if ((9 - seedValue) >= 8) { kakaoTraffic = "정체"; kakaoSpeed = 32; kakaoClass = "status-busy"; } let kakaoMinutes = (kakaoDistance / kakaoSpeed) * 60 + 3; if (kakaoTraffic === "정체") kakaoMinutes += 9; // 화면 맵 카드 시각화 적용 naverDistEl.innerText = `${naverDistance.toFixed(1)} km`; naverTimeEl.innerText = `${Math.round(naverMinutes)} 분`; naverStatusEl.innerText = naverTraffic; naverStatusEl.className = `map-status-badge ${naverClass}`; kakaoDistEl.innerText = `${kakaoDistance.toFixed(1)} km`; kakaoTimeEl.innerText = `${Math.round(kakaoMinutes)} 분`; kakaoStatusEl.innerText = kakaoTraffic; kakaoStatusEl.className = `map-status-badge ${kakaoClass}`; // 3. AI 융합 의사 결정 (통합 평균 및 주행 요소 종합 도출) let finalDistance = (naverDistance + kakaoDistance) / 2; let finalMinutes = (naverMinutes + kakaoMinutes) / 2; let unifiedTraffic = "보통"; let unifiedClass = "status-normal"; if (naverTraffic === "원활" && kakaoTraffic === "원활") { unifiedTraffic = "원활"; unifiedClass = "status-smooth"; } else if (naverTraffic === "정체" || kakaoTraffic === "정체") { unifiedTraffic = "정체 가중"; unifiedClass = "status-busy"; } trafficStatus.innerText = unifiedTraffic; trafficStatus.className = `ai-badge-status ${unifiedClass}`; // 결과 소수점 가공 및 출력 finalDistance = Math.round(finalDistance * 10) / 10; finalMinutes = Math.round(finalMinutes); distOutput.innerText = `약 ${finalDistance.toFixed(1)} km`; timeOutput.innerText = `약 ${finalMinutes} 분`; // 4. 실시간 정합 AI 요금 계산 알고리즘 // 기본 10km 이내 & 소요시간 15분 이내 최적 기본가 15,000원 let finalPrice = 15000; // 초과 실주행거리당 비용 부과: 1km당 1,200원 가산 if (finalDistance > 10) { finalPrice += (finalDistance - 10) * 1200; } // 초과 주행시간당 정체 보정 비용 부과: 15분 초과 시 1분당 300원 가산 if (finalMinutes > 15) { finalPrice += (finalMinutes - 15) * 300; } // 거가대교 등 특수 교량 / 인근 유료 도로 요금 선 합산 if (start.toll) finalPrice += start.toll; if (end.toll) finalPrice += end.toll; // 외곽 격오지(군 단위 기사 복귀 비용) 가중 수수료 합산 if (start.outskirts || end.outskirts) { finalPrice += 8000; } // 최적 배차 가중치를 위해 5,000원 단위 단위 올림 정형화 finalPrice = Math.ceil(finalPrice / 5000) * 5000; // 최저 마지노선 비용 통제 if (finalPrice < 15000) finalPrice = 15000; priceOutput.innerText = finalPrice.toLocaleString('ko-KR') + "원 ~"; } // 전지역 배차 가능 구역 가공 정렬 목록 구축 const activeRegions = Object.keys(regionGeodata).map(key => { let provName = '광역시'; if (regionGeodata[key].province === 'gyeongnam') { provName = '경남'; } else if (regionGeodata[key].province === 'gyeongbuk') { provName = '경북'; } return { key: key, name: regionGeodata[key].name, province: regionGeodata[key].province, provName: provName }; }).sort((a, b) => a.name.localeCompare(b.name, 'ko')); function renderRegionBadges(list) { const container = document.getElementById('region-list-container'); container.innerHTML = ''; if (list.length === 0) { container.innerHTML = '<p style="font-size:13px; color:var(--text-secondary); text-align:center; padding: 20px 0;">검색 결과 영남권 외곽 오지 구역입니다. 1661-5757 실시간 전화를 통해 우회 배차가 가능한지 안내해 드리겠습니다.</p>'; return; } list.forEach(region => { const badge = document.createElement('span'); badge.className = `daeri-region-badge ${region.province}`; badge.innerHTML = `<i class="fa-solid fa-circle-check"></i> [${region.provName}] ${region.name}`; container.appendChild(badge); }); } function filterDaeriRegions() { const query = document.getElementById('region-search-input').value.trim(); if (!query) { renderRegionBadges(activeRegions); return; } const filtered = activeRegions.filter(region => region.name.includes(query) || region.provName.includes(query)); renderRegionBadges(filtered); } // 윈도우 로딩 완료 후 트리거 시동 window.onload = function() { calculateDaeriPrice(); renderRegionBadges(activeRegions); }; </script> </body> </html> 1661 5757 대리탁송 안전운행 매니저 https://16615757.tistory.com/81 https://16615757.tistory.com/81#entry81comment Wed, 3 Jun 2026 22:05:01 +0900 경남 경북 대리운전 언제 어디서나 빠르고 안전하게 1661-5757 https://16615757.tistory.com/80 <style> .daeri-post-container { font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; line-height: 1.8; color: #333333; max-width: 680px; margin: 0 auto; padding: 20px 15px; word-break: keep-all; } /* 메인 제목 스타일 */ .daeri-main-title { font-size: 26px; font-weight: 800; color: #111111; line-height: 1.4; margin-top: 0; margin-bottom: 30px; border-bottom: 2px solid #222222; padding-bottom: 18px; } /* 본문 기본 단락 */ .daeri-desc { font-size: 16px; color: #444444; margin-top: 0; margin-bottom: 18px; } .daeri-desc-last { margin-bottom: 40px; } /* 대표번호 안내 박스 */ .daeri-callout-box { background-color: #f8f9fa; border: 1px solid #e9ecef; border-radius: 12px; padding: 30px 20px; margin-bottom: 40px; text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02); } .daeri-callout-subtitle { font-size: 18px; font-weight: 700; color: #2b6cb0; margin-top: 0; margin-bottom: 12px; letter-spacing: -0.5px; } .daeri-callout-desc { font-size: 15px; color: #666666; margin-top: 0; margin-bottom: 24px; } .daeri-number-sub { font-size: 14px; color: #888888; margin-bottom: 4px; } .daeri-number-main { font-size: 36px; font-weight: 900; color: #e53e3e; letter-spacing: 1px; line-height: 1.2; margin-bottom: 4px; } .daeri-number-kor { font-size: 14px; color: #666666; margin-bottom: 24px; } /* 모바일 바로 전화걸기 버튼 */ .daeri-call-button { display: inline-block; background-color: #2b6cb0; color: #ffffff !important; text-decoration: none !important; font-size: 16px; font-weight: 700; padding: 12px 30px; border-radius: 30px; transition: background-color 0.2s ease, transform 0.1s ease; box-shadow: 0 4px 10px rgba(43, 108, 176, 0.3); } .daeri-call-button:hover { background-color: #2b4c7e; transform: translateY(-1px); } .daeri-call-button:active { transform: translateY(1px); } /* 소제목 스타일 */ .daeri-section-title { font-size: 20px; font-weight: 700; color: #111111; margin-top: 45px; margin-bottom: 24px; border-left: 4px solid #2b6cb0; padding-left: 12px; line-height: 1.4; } /* 장점 아이템 스타일 */ .daeri-benefit-group { margin-bottom: 40px; } .daeri-benefit-item { margin-bottom: 28px; } .daeri-benefit-subject { font-size: 17px; font-weight: 700; color: #2d3748; margin-top: 0; margin-bottom: 8px; } .daeri-benefit-text { font-size: 15px; color: #555555; margin: 0; padding-left: 18px; } /* 리스트 스타일 */ .daeri-list { list-style-type: none; padding-left: 0; margin-top: 0; margin-bottom: 45px; } .daeri-list-item { font-size: 15px; color: #444444; margin-bottom: 14px; padding-left: 18px; position: relative; } .daeri-list-item::before { content: "•"; position: absolute; left: 0; color: #2b6cb0; font-weight: bold; } /* 마무리 영역 */ .daeri-outro-section { border-top: 1px solid #e2e8f0; padding-top: 35px; margin-bottom: 40px; } .daeri-outro-title { font-size: 18px; font-weight: 700; color: #111111; margin-top: 0; margin-bottom: 16px; } /* 하단 강조 배너 */ .daeri-footer-banner { background-color: #ebf8ff; border-left: 4px solid #3182ce; padding: 18px 20px; border-radius: 0 8px 8px 0; margin-top: 30px; } .daeri-footer-sub { font-size: 14px; color: #2b6cb0; font-weight: 600; display: block; margin-bottom: 6px; } .daeri-footer-main { font-size: 20px; color: #2b6cb0; letter-spacing: 0.5px; text-decoration: none !important; } /* 태그 영역 */ .daeri-tags { font-size: 13px; color: #718096; line-height: 1.8; border-top: 1px dashed #e2e8f0; padding-top: 25px; } /* 모바일 해상도 대응 반응형 디자인 */ @media (max-width: 480px) { .daeri-main-title { font-size: 21px; margin-bottom: 20px; padding-bottom: 12px; } .daeri-callout-box { padding: 20px 15px; } .daeri-number-main { font-size: 30px; } .daeri-section-title { font-size: 18px; margin-top: 35px; } .daeri-benefit-subject { font-size: 16px; } .daeri-footer-main { font-size: 18px; } } </style> <!-- 티스토리 대리운전 본문 HTML --> <div class="daeri-post-container"> <!-- 메인 제목 --> <h1 class="daeri-main-title"> 경남 경북 대리운전 언제 어디서나 빠르고 안전하게 1661-5757 </h1> <!-- 서론 --> <p class="daeri-desc"> 즐거운 술자리나 모임 후 가장 중요한 것은 안전한 귀가입니다. </p> <p class="daeri-desc"> 단 한 잔의 술을 마셨더라도 운전대는 절대 잡지 마시고, 빠르고 신뢰할 수 있는 대리운전을 이용하셔야 합니다. </p> <p class="daeri-desc daeri-desc-last"> 오늘은 경남과 경북 전 지역을 아우르며 언제든 신속하게 달려가는 1661-5757 대리운전을 소개해 드립니다. </p> <!-- 대표번호 안내 박스 (강조) --> <div class="daeri-callout-box"> <h2 class="daeri-callout-subtitle"> 기억하기 쉬운 대표번호 1661-5757 </h2> <p class="daeri-callout-desc"> 대리운전을 부를 때 가장 중요한 것은 빠른 배차와 안전입니다. 번호 하나만 저장해 두시면 언제 어디서든 든든합니다. </p> <div class="daeri-number-sub">경남 경북 대표 대리운전</div> <div class="daeri-number-main">1661-5757</div> <div class="daeri-number-kor">(일육육일 오칠오칠)</div> <!-- 모바일 터치 시 즉시 통화 연결 버튼 --> <a href="tel:1661-5757" class="daeri-call-button"> 모바일 원터치 전화연결 </a> </div> <!-- 핵심 장점 섹션 --> <h2 class="daeri-section-title"> 1661-5757 대리운전의 핵심 장점 </h2> <!-- 장점 리스트 --> <div class="daeri-benefit-group"> <!-- 장점 1 --> <div class="daeri-benefit-item"> <h3 class="daeri-benefit-subject"> 1. 경남 및 경북 전 지역 완벽 커버 </h3> <p class="daeri-benefit-text"> 창원, 진주, 김해, 양산, 거제 등 경남 전역과 포항, 구미, 경주, 경산, 안동 등 경북 전 지역을 완벽하게 커버합니다. 외곽 지역에서도 가장 가까운 기사님을 신속하게 배정해 드립니다. </p> </div> <!-- 장점 2 --> <div class="daeri-benefit-item"> <h3 class="daeri-benefit-subject"> 2. 100% 보험 가입 베테랑 기사님 </h3> <p class="daeri-benefit-text"> 전 기사 대리운전 보험 100% 가입으로 안심하고 차량을 맡기실 수 있습니다. 수년간의 운전 경력을 가진 베테랑 기사님이 목적지까지 안전하게 운전해 드립니다. </p> </div> <!-- 장점 3 --> <div class="daeri-benefit-item"> <h3 class="daeri-benefit-subject"> 3. 24시간 신속 배차 시스템 </h3> <p class="daeri-benefit-text"> 늦은 새벽 시간이나 기상 악화 시, 대리 수요가 몰리는 피크 타임에도 걱정 없습니다. 체계적인 GPS 배차 시스템을 통해 대기 시간을 최소화합니다. </p> </div> <!-- 장점 4 --> <div class="daeri-benefit-item"> <h3 class="daeri-benefit-subject"> 4. 합리적이고 투명한 요금 </h3> <p class="daeri-benefit-text"> 거리 대비 정직하고 합리적인 요금만을 제시합니다. 부당한 추가 요금 요구 없이, 이용 전 안내받으신 요금 그대로 투명하게 운영됩니다. </p> </div> </div> <!-- 이용 상황 안내 --> <h2 class="daeri-section-title"> 이럴 때 전화 주세요 </h2> <ul class="daeri-list"> <li class="daeri-list-item">즐거운 술자리, 회식, 모임이 끝났을 때</li> <li class="daeri-list-item">야근이나 장거리 운전으로 피로가 심해 직접 운전하기 힘들 때</li> <li class="daeri-list-item">갑작스러운 건강 이상이나 약 복용으로 운전이 불가능할 때</li> <li class="daeri-list-item">낯선 초행길이나 골목길 운전이 부담스러울 때</li> </ul> <!-- 아웃트로 / 마무리 강조 --> <div class="daeri-outro-section"> <h2 class="daeri-outro-title"> 안전한 귀갓길의 시작 1661-5757 </h2> <p class="daeri-desc"> 음주운전은 나와 소중한 가족의 행복을 해치는 위험한 행동입니다. 안전하게 집으로 돌아가는 가장 확실한 방법은 1661-5757을 누르는 것입니다. </p> <p class="daeri-desc"> 오늘 저녁 모임이 있으시다면 지금 바로 휴대전화에 [1661-5757 대리운전]을 저장해 두세요. 필요할 때 언제든 든든한 버팀목이 되어 드리겠습니다. </p> <!-- 최종 푸터 콜아웃 (모바일 전화 연결 기능 적용) --> <a href="tel:1661-5757" class="daeri-footer-banner" style="display: block; text-decoration: none;"> <span class="daeri-footer-sub">경남 경북 대리운전 빠르고 안전한 호출</span> <strong class="daeri-footer-main">전화번호: 1661-5757 (클릭 시 자동연결)</strong> </a> </div> <!-- 태그 영역 --> <div class="daeri-tags"> #경남대리운전 #경북대리운전 #16615757 #창원대리운전 #김해대리운전 #양산대리운전 #진주대리운전 #포항대리운전 #구미대리운전 #경주대리운전 #경산대리운전 #안심귀가 #대리운전추천 #빠른배차대리운전 #24시간대리운전 </div> </div> 1661 5757 대리탁송 안전운행 매니저 https://16615757.tistory.com/80 https://16615757.tistory.com/80#entry80comment Wed, 3 Jun 2026 22:00:57 +0900 서울 수도권 대리운전은 1661-5757 https://16615757.tistory.com/79 <!-- 티스토리 에디터용 독립 스타일 정의 (충돌 최소화) --> <style> .tistory-proxy-post { font-family: 'Noto Sans KR', -apple-system, sans-serif; color: #2c3e50; line-height: 1.7; background-color: #ffffff; max-width: 600px; margin: 0 auto; padding: 24px 16px; box-sizing: border-box; } .tistory-proxy-post * { box-sizing: border-box; } /* 타이틀 카드 디자인 */ .tp-header-card { background: linear-gradient(135deg, #1e1b4b, #312e81); color: #ffffff; border-radius: 16px; padding: 28px 20px; text-align: center; margin-bottom: 24px; box-shadow: 0 4px 15px rgba(30, 27, 75, 0.15); } .tp-badge { display: inline-block; background: #f59e0b; color: #1e1b4b; font-size: 11px; font-weight: 800; padding: 4px 12px; border-radius: 20px; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px; } .tp-title { font-size: 21px; font-weight: bold; line-height: 1.4; margin: 0 0 10px 0; word-break: keep-all; } .tp-subtitle { font-size: 13px; color: #c7d2fe; margin: 0; } /* 친근한 인트로 문구 */ .tp-intro { text-align: center; font-size: 15px; color: #475569; margin-bottom: 28px; padding: 0 10px; } /* 통화 연결 CTA 버튼 */ .tp-cta-container { margin: 24px 0; text-align: center; } .tp-cta-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: linear-gradient(135deg, #10b981, #059669); color: #ffffff !important; text-decoration: none !important; font-size: 19px; font-weight: 800; width: 100%; max-width: 320px; padding: 16px 24px; border-radius: 50px; box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3); animation: tp-pulse 2s infinite; border: 2px solid #ffffff; } @keyframes tp-pulse { 0% { transform: scale(1); box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3); } 50% { transform: scale(1.03); box-shadow: 0 8px 25px rgba(16, 185, 129, 0.5); } 100% { transform: scale(1); box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3); } } .tp-cta-btn svg { fill: currentColor; width: 22px; height: 22px; } .tp-cta-info { font-size: 12px; color: #64748b; margin-top: 8px; font-weight: 500; } /* 지역 리스트 디자인 */ .tp-section-title { font-size: 16px; font-weight: bold; color: #0f172a; border-left: 4px solid #4f46e5; padding-left: 10px; margin: 32px 0 16px 0; } .tp-grid { display: flex; flex-direction: column; gap: 12px; } .tp-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 16px; transition: border-color 0.2s; } .tp-card-title { font-size: 14px; font-weight: 700; color: #1e3a8a; margin-bottom: 6px; display: flex; align-items: center; gap: 6px; } .tp-card-desc { font-size: 13px; color: #475569; line-height: 1.5; } .tp-badge-sub { font-size: 11px; background: #e0f2fe; color: #0369a1; padding: 2px 6px; border-radius: 4px; font-weight: bold; } /* 안심 귀가 약속 */ .tp-promise-list { background: #f5f3ff; border-radius: 12px; padding: 20px 16px; margin: 20px 0; } .tp-promise-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; } .tp-promise-item:last-child { margin-bottom: 0; } .tp-promise-num { background: #4f46e5; color: #ffffff; width: 20px; height: 20px; font-size: 11px; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 50%; flex-shrink: 0; margin-top: 2px; } .tp-promise-text { font-size: 13.5px; color: #1e293b; } .tp-promise-text strong { color: #4f46e5; } /* 하단 안심 마무리 */ .tp-footer-text { text-align: center; font-size: 14px; color: #64748b; margin: 28px 0; } /* 태그 스타일 */ .tp-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 24px; padding-top: 16px; border-top: 1px dashed #cbd5e1; } .tp-tag { font-size: 11px; color: #64748b; background: #f1f5f9; padding: 4px 8px; text-decoration: none !important; } </style> <div class="tistory-proxy-post"> <!-- 상단 헤더 영역 --> <div class="tp-header-card"> <span class="tp-badge">서울 · 경기 · 인천 통합 배차</span> <h2 class="tp-title">복잡하고 막히는 수도권 퇴근길,<br>가장 안전하고 신속하게 모십니다!</h2> <p class="tp-subtitle">365일 24시간 언제나 든든한 1661-5757</p> </div> <!-- 인트로 공감 문구 --> <div class="tp-intro"> 안녕하세요! 수도권에 거주하시는 직장인 및 주민 여러분 ‍♂️<br><br> 늦은 시간 모임이나 야근을 마치고 돌아가는 길,<br> 유독 호출이 안 잡혀 길에서 막막하셨던 적 많으시죠?<br> 수도권 전 지역 최다 기사 네트워크망을 갖춘<br> <strong>1661-5757</strong>로 기다림 없는 귀가길을 만들어 보세요! </div> <!-- 메인 CTA 전화연결 버튼 --> <div class="tp-cta-container"> <a href="tel:1661-5757" class="tp-cta-btn"> <svg viewBox="0 0 24 24"> <path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"></path> </svg> 대리운전 전화 연결하기 </a> <div class="tp-cta-info"> 모바일에서 위 버튼을 터치하면 바로 통화가 연결됩니다.</div> </div> <!-- 서비스 대상 지역 --> <div class="tp-section-title"> 수도권 전 지역 실시간 쾌속 배차 안내</div> <div class="tp-grid"> <!-- 서울 권역 --> <div class="tp-card"> <div class="tp-card-title"> <span class="tp-badge-sub" style="background-color: #fee2e2; color: #991b1b;">서울</span> <span>서울 전 지역 핵심 번화가</span> </div> <div class="tp-card-desc"> 강남, 역삼, 신사, 홍대, 신촌, 종로, 을지로, 여의도, 건대입구, 이태원, 잠실, 신림 등 직장인 및 유동인구 초밀집 전 지역 즉시 매칭 </div> </div> <!-- 경기 권역 --> <div class="tp-card"> <div class="tp-card-title"> <span class="tp-badge-sub" style="background-color: #fef3c7; color: #92400e;">경기</span> <span>경기 주요 위성도시 및 테크노밸리</span> </div> <div class="tp-card-desc"> 분당, 판교, 일산, 수원 인계동, 광교, 동탄신도시, 평택, 부천, 안양, 평촌, 하남, 남양주 등 광역 교통망을 통한 신속 진입 </div> </div> <!-- 인천 권역 --> <div class="tp-card"> <div class="tp-card-title"> <span class="tp-badge-sub" style="background-color: #e0f2fe; color: #075985;">인천</span> <span>인천 광역시 및 신도시 전역</span> </div> <div class="tp-card-desc"> 송도국제도시, 청라, 구월동 로데오거리, 부평역 먹자골목, 주안, 연수동, 영종도 등 사각지대 없는 꼼꼼한 배차 지원 </div> </div> </div> <!-- 안심 귀가 약속 --> <div class="tp-section-title"> ️ 수도권 1661-5757만의 3대 원칙</div> <div class="tp-promise-list"> <div class="tp-promise-item"> <div class="tp-promise-num">1</div> <div class="tp-promise-text"><strong>수도권 최대 연합 네트워크</strong>: GPS 기반 최단거리 기사 우선 매칭으로 대기 시간 최소화!</div> </div> <div class="tp-promise-item"> <div class="tp-promise-num">2</div> <div class="tp-promise-text"><strong>100% 전 직원 보험 등록</strong>: 대물/대인은 물론 전 기사 확실한 보험 가입으로 안전 운행!</div> </div> <div class="tp-promise-item"> <div class="tp-promise-num">3</div> <div class="tp-promise-text"><strong>합리적인 안심 요금</strong>: 피크타임에도 거품 없고 투명한 정직한 요금 책정!</div> </div> </div> <div class="tp-footer-text"> 어플로 목적지 설정하고 대기할 필요 없이,<br> 친절한 전문 상담원과의 <strong>전화 한 통</strong>이면 만사 OK! <br><br> 오늘 회식, 모임 마무리는 <strong>1661-5757</strong>로 안전하게 동행하세요! </div> <!-- 하단 간편 통화 버튼 추가 --> <div class="tp-cta-container"> <a href="tel:1661-5757" class="tp-cta-btn" style="background: linear-gradient(135deg, #4f46e5, #3730a3); box-shadow: 0 8px 20px rgba(79, 70, 229, 0.3);"> <svg viewBox="0 0 24 24"> <path d="M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 00-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z"></path> </svg> 수도권 통합 대리 호출하기 </a> </div> <!-- 검색 해시태그 --> <div class="tp-tags"> <span class="tp-tag">#수도권대리운전</span> <span class="tp-tag">#서울대리운전</span> <span class="tp-tag">#경기대리운전</span> <span class="tp-tag">#인천대리운전</span> <span class="tp-tag">#강남대리운전</span> <span class="tp-tag">#분당대리운전</span> <span class="tp-tag">#송도대리운전</span> <span class="tp-tag">#16615757</span> </div> </div> 1661 5757 대리탁송 안전운행 매니저 https://16615757.tistory.com/79 https://16615757.tistory.com/79#entry79comment Sun, 31 May 2026 15:44:41 +0900 충남지역 대리운전은 1661-5757 https://16615757.tistory.com/78 <!-- 티스토리 에디터용 독립 스타일 정의 (충돌 최소화) --> <style> .tistory-proxy-post { font-family: 'Noto Sans KR', -apple-system, sans-serif; color: #2c3e50; line-height: 1.7; background-color: #ffffff; max-width: 600px; margin: 0 auto; padding: 24px 16px; box-sizing: border-box; } .tistory-proxy-post * { box-sizing: border-box; } /* 타이틀 카드 디자인 */ .tp-header-card { background: linear-gradient(135deg, #0f172a, #1e293b); color: #ffffff; border-radius: 16px; padding: 28px 20px; text-align: center; margin-bottom: 24px; box-shadow: 0 4px 15px rgba(15, 23, 42, 0.15); } .tp-badge { display: inline-block; background: #3b82f6; color: #ffffff; font-size: 11px; font-weight: bold; padding: 4px 10px; border-radius: 20px; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px; } .tp-title { font-size: 21px; font-weight: bold; line-height: 1.4; margin: 0 0 10px 0; word-break: keep-all; } .tp-subtitle { font-size: 13px; color: #94a3b8; margin: 0; } /* 친근한 인트로 문구 */ .tp-intro { text-align: center; font-size: 15px; color: #475569; margin-bottom: 28px; padding: 0 10px; } /* 통화 연결 CTA 버튼 */ .tp-cta-container { margin: 24px 0; text-align: center; } .tp-cta-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: linear-gradient(135deg, #10b981, #059669); color: #ffffff !important; text-decoration: none !important; font-size: 19px; font-weight: 800; width: 100%; max-width: 320px; padding: 16px 24px; border-radius: 50px; box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3); animation: tp-pulse 2s infinite; border: 2px solid #ffffff; } @keyframes tp-pulse { 0% { transform: scale(1); box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3); } 50% { transform: scale(1.03); box-shadow: 0 8px 25px rgba(16, 185, 129, 0.5); } 100% { transform: scale(1); box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3); } } .tp-cta-btn svg { fill: currentColor; width: 22px; height: 22px; } .tp-cta-info { font-size: 12px; color: #64748b; margin-top: 8px; font-weight: 500; } /* 지역 리스트 디자인 */ .tp-section-title { font-size: 16px; font-weight: bold; color: #0f172a; border-left: 4px solid #3b82f6; padding-left: 10px; margin: 32px 0 16px 0; } .tp-grid { display: flex; flex-direction: column; gap: 12px; } .tp-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 16px; transition: border-color 0.2s; } .tp-card-title { font-size: 14px; font-weight: 700; color: #1e3a8a; margin-bottom: 6px; display: flex; align-items: center; gap: 6px; } .tp-card-desc { font-size: 13px; color: #475569; line-height: 1.5; } .tp-badge-sub { font-size: 11px; background: #e0f2fe; color: #0369a1; padding: 2px 6px; border-radius: 4px; font-weight: bold; } /* 안심 귀가 약속 */ .tp-promise-list { background: #eff6ff; border-radius: 12px; padding: 20px 16px; margin: 20px 0; } .tp-promise-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; } .tp-promise-item:last-child { margin-bottom: 0; } .tp-promise-num { background: #3b82f6; color: #ffffff; width: 20px; height: 20px; font-size: 11px; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 50%; flex-shrink: 0; margin-top: 2px; } .tp-promise-text { font-size: 13.5px; color: #1e293b; } .tp-promise-text strong { color: #1d4ed8; } /* 하단 안심 마무리 */ .tp-footer-text { text-align: center; font-size: 14px; color: #64748b; margin: 28px 0; } /* 태그 스타일 */ .tp-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 24px; padding-top: 16px; border-top: 1px dashed #cbd5e1; } .tp-tag { font-size: 11px; color: #64748b; background: #f1f5f9; padding: 4px 8px; border-radius: 4px; text-decoration: none !important; } </style> <div class="tistory-proxy-post"> <!-- 상단 헤더 영역 --> <div class="tp-header-card"> <span class="tp-badge">충남 전 지역 3분 배차</span> <h2 class="tp-title">기분 좋은 술자리 마무리는<br>안전하고 신속한 대리운전으로!</h2> <p class="tp-subtitle">안심 귀가를 약속드리는 1661-5757</p> </div> <!-- 인트로 공감 문구 --> <div class="tp-intro"> 안녕하세요! 충청남도 주민 여러분 ‍♂️<br><br> 즐거운 모임과 회식을 끝낸 후 귀가하실 때,<br> 대리가 잡히지 않아 길에서 오래 기다리셨나요?<br> 이제 걱정 마세요! 충남 전역 가장 빠르고 안전한<br> <strong>1661-5757</strong>이 든든하게 대기하고 있습니다. </div> <!-- 메인 CTA 전화연결 버튼 --> <div class="tp-cta-container"> <a href="tel:1661-5757" class="tp-cta-btn"> <svg viewBox="0 0 24 24"> <path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"></path> </svg> 대리운전 전화 연결하기 </a> <div class="tp-cta-info"> 모바일에서 위 버튼을 터치하면 바로 연결됩니다.</div> </div> <!-- 서비스 대상 지역 --> <div class="tp-section-title"> 충남 주요 거점 및 상권 배차 가능 지역</div> <div class="tp-grid"> <!-- 천안 아산 권역 --> <div class="tp-card"> <div class="tp-card-title"> <span class="tp-badge-sub">천안 · 아산</span> <span>천안/아산 전역 핵심 상권</span> </div> <div class="tp-card-desc"> 두정동 먹자골목, 신불당, 쌍용동, 신방동, 터미널(신부동), 아산 용화동, 배방, 탕정 지중해마을 등 즉시 배차 가능 </div> </div> <!-- 서해안 권역 --> <div class="tp-card"> <div class="tp-card-title"> <span class="tp-badge-sub">서해안권</span> <span>당진 &amp; 서산 &amp; 태안</span> </div> <div class="tp-card-desc"> 당진 우두동, 기지시, 서산 호수공원, 동문동, 대산읍 산업단지, 태안읍내 등 전 구역 신속 진입 </div> </div> <!-- 남부 및 내륙 권역 --> <div class="tp-card"> <div class="tp-card-title"> <span class="tp-badge-sub">내륙권</span> <span>공주 · 논산 · 보령 및 기타</span> </div> <div class="tp-card-desc"> 공주 신관동 대학가, 논산 내동, 보령 동대동(대천해수욕장 일대), 홍성, 예산 등 충남 전 지역 완벽 커버 </div> </div> </div> <!-- 안심 귀가 약속 --> <div class="tp-section-title"> ️ 1661-5757만의 3대 안심 약속</div> <div class="tp-promise-list"> <div class="tp-promise-item"> <div class="tp-promise-num">1</div> <div class="tp-promise-text"><strong>초고속 매칭 배차</strong>: 충남 최대 네트워크 구축으로 인근 기사님 실시간 매칭!</div> </div> <div class="tp-promise-item"> <div class="tp-promise-num">2</div> <div class="tp-promise-text"><strong>100% 안전 보험</strong>: 전 직원 안심 운전 대물·대인 보험 가입 완료로 철저한 보장!</div> </div> <div class="tp-promise-item"> <div class="tp-promise-num">3</div> <div class="tp-promise-text"><strong>합리적인 투명 요금</strong>: 상황에 따른 바가지 없는 표준 요금제 준수!</div> </div> </div> <div class="tp-footer-text"> 어플을 설치하고 목적지를 수동으로 치는 번거로움 없이,<br> 전화 한 통으로 빠르고 간편하게 귀가하세요. <br><br> <strong>지금 1661-5757을 단축번호로 저장해 두세요!</strong> </div> <!-- 하단 간편 통화 버튼 추가 --> <div class="tp-cta-container"> <a href="tel:1661-5757" class="tp-cta-btn" style="background: linear-gradient(135deg, #2563eb, #1d4ed8); box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);"> <svg viewBox="0 0 24 24"> <path d="M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 00-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z"></path> </svg> 충남 신속 대리 호출하기 </a> </div> <!-- 검색 해시태그 --> <div class="tp-tags"> <span class="tp-tag">#충남대리운전</span> <span class="tp-tag">#천안대리운전</span> <span class="tp-tag">#아산대리운전</span> <span class="tp-tag">#서산대리운전</span> <span class="tp-tag">#당진대리운전</span> <span class="tp-tag">#공주대리운전</span> <span class="tp-tag">#보령대리운전</span> <span class="tp-tag">#16615757</span> </div> </div> 1661 5757 대리탁송 안전운행 매니저 https://16615757.tistory.com/78 https://16615757.tistory.com/78#entry78comment Sun, 31 May 2026 15:42:30 +0900 충북지역 대리운전은 1661-5757 https://16615757.tistory.com/77 <!-- 티스토리 에디터용 독립 스타일 정의 (충돌 최소화) --> <style> .tistory-proxy-post { font-family: 'Noto Sans KR', -apple-system, sans-serif; color: #2c3e50; line-height: 1.7; background-color: #ffffff; max-width: 600px; margin: 0 auto; padding: 24px 16px; box-sizing: border-box; } .tistory-proxy-post * { box-sizing: border-box; } /* 타이틀 카드 디자인 */ .tp-header-card { background: linear-gradient(135deg, #0f172a, #1e293b); color: #ffffff; border-radius: 16px; padding: 28px 20px; text-align: center; margin-bottom: 24px; box-shadow: 0 4px 15px rgba(15, 23, 42, 0.15); } .tp-badge { display: inline-block; background: #3b82f6; color: #ffffff; font-size: 11px; font-weight: bold; padding: 4px 10px; border-radius: 20px; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px; } .tp-title { font-size: 21px; font-weight: bold; line-height: 1.4; margin: 0 0 10px 0; word-break: keep-all; } .tp-subtitle { font-size: 13px; color: #94a3b8; margin: 0; } /* 친근한 인트로 문구 */ .tp-intro { text-align: center; font-size: 15px; color: #475569; margin-bottom: 28px; padding: 0 10px; } /* 통화 연결 CTA 버튼 */ .tp-cta-container { margin: 24px 0; text-align: center; } .tp-cta-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: linear-gradient(135deg, #10b981, #059669); color: #ffffff !important; text-decoration: none !important; font-size: 19px; font-weight: 800; width: 100%; max-width: 320px; padding: 16px 24px; border-radius: 50px; box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3); animation: tp-pulse 2s infinite; border: 2px solid #ffffff; } @keyframes tp-pulse { 0% { transform: scale(1); box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3); } 50% { transform: scale(1.03); box-shadow: 0 8px 25px rgba(16, 185, 129, 0.5); } 100% { transform: scale(1); box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3); } } .tp-cta-btn svg { fill: currentColor; width: 22px; height: 22px; } .tp-cta-info { font-size: 12px; color: #64748b; margin-top: 8px; font-weight: 500; } /* 지역 리스트 디자인 */ .tp-section-title { font-size: 16px; font-weight: bold; color: #0f172a; border-left: 4px solid #3b82f6; padding-left: 10px; margin: 32px 0 16px 0; } .tp-grid { display: flex; flex-direction: column; gap: 12px; } .tp-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 16px; transition: border-color 0.2s; } .tp-card-title { font-size: 14px; font-weight: 700; color: #1e3a8a; margin-bottom: 6px; display: flex; align-items: center; gap: 6px; } .tp-card-desc { font-size: 13px; color: #475569; line-height: 1.5; } .tp-badge-sub { font-size: 11px; background: #e0f2fe; color: #0369a1; padding: 2px 6px; border-radius: 4px; font-weight: bold; } /* 안심 귀가 약속 */ .tp-promise-list { background: #eff6ff; border-radius: 12px; padding: 20px 16px; margin: 20px 0; } .tp-promise-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; } .tp-promise-item:last-child { margin-bottom: 0; } .tp-promise-num { background: #3b82f6; color: #ffffff; width: 20px; height: 20px; font-size: 11px; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 50%; flex-shrink: 0; margin-top: 2px; } .tp-promise-text { font-size: 13.5px; color: #1e293b; } .tp-promise-text strong { color: #1d4ed8; } /* 하단 안심 마무리 */ .tp-footer-text { text-align: center; font-size: 14px; color: #64748b; margin: 28px 0; } /* 태그 스타일 */ .tp-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 24px; padding-top: 16px; border-top: 1px dashed #cbd5e1; } .tp-tag { font-size: 11px; color: #64748b; background: #f1f5f9; padding: 4px 8px; border-radius: 4px; text-decoration: none !important; } </style> <div class="tistory-proxy-post"> <!-- 상단 헤더 영역 --> <div class="tp-header-card"> <span class="tp-badge">충북 전 지역 3분 배차</span> <h2 class="tp-title">기분 좋은 술자리 마무리는<br>안전하고 신속한 대리운전으로!</h2> <p class="tp-subtitle">안심 귀가를 약속드리는 1661-5757</p> </div> <!-- 인트로 공감 문구 --> <div class="tp-intro"> 안녕하세요! 충청북도 주민 여러분 ‍♂️<br><br> 즐거운 술자리 후 귀가하실 때,<br> 대리가 잡히지 않아 길에서 고생하셨던 경험 있으시죠?<br> 이제 걱정 끝! 가장 빠르고 안전한<br> <strong>1661-5757</strong>이 대기하고 있습니다. </div> <!-- 메인 CTA 전화연결 버튼 --> <div class="tp-cta-container"> <a href="tel:1661-5757" class="tp-cta-btn"> <svg viewBox="0 0 24 24"> <path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"></path> </svg> 대리운전 전화 연결하기 </a> <div class="tp-cta-info"> 모바일에서 위 버튼을 터치하면 바로 연결됩니다.</div> </div> <!-- 서비스 대상 지역 --> <div class="tp-section-title"> 충북 전 지역 실시간 배차 현황</div> <div class="tp-grid"> <!-- 청주 권역 --> <div class="tp-card"> <div class="tp-card-title"> <span class="tp-badge-sub">청주권</span> <span>청주 전역 및 오창/오송</span> </div> <div class="tp-card-desc"> 율량동, 지웰시티, 하복대, 동남지구, 오창과학단지, 오송생명과학단지 등 전 지역 상시 대기 </div> </div> <!-- 충주 제천 권역 --> <div class="tp-card"> <div class="tp-card-title"> <span class="tp-badge-sub">북부권</span> <span>충주 &amp; 제천 시내외</span> </div> <div class="tp-card-desc"> 신연수동, 칠금동, 연수동, 청전동, 장락동 및 인근 읍면지역까지 신속 진입 </div> </div> <!-- 진천 음성 증평 --> <div class="tp-card"> <div class="tp-card-title"> <span class="tp-badge-sub">중부권</span> <span>진천 · 음성 · 증평</span> </div> <div class="tp-card-desc"> 충북혁신도시, 덕산, 금왕, 대소, 증평읍 등 주요 산업단지 및 먹자골목 완벽 커버 </div> </div> </div> <!-- 안심 귀가 약속 --> <div class="tp-section-title"> ️ 1661-5757만의 3대 안심 약속</div> <div class="tp-promise-list"> <div class="tp-promise-item"> <div class="tp-promise-num">1</div> <div class="tp-promise-text"><strong>초고속 매칭 배차</strong>: 충북 최대 네트워크 기사님 실시간 매칭!</div> </div> <div class="tp-promise-item"> <div class="tp-promise-num">2</div> <div class="tp-promise-text"><strong>100% 안전 보험</strong>: 전 직원 안심 운전 보험 가입 완료로 안심!</div> </div> <div class="tp-promise-item"> <div class="tp-promise-num">3</div> <div class="tp-promise-text"><strong>투명하고 정직한 요금</strong>: 불합리한 바가지 없는 합리적인 단가!</div> </div> </div> <div class="tp-footer-text"> 복잡한 어플 가입이나 위치 입력할 필요 없이,<br> 전화 한 통으로 쉽고 안전하게 목적지까지 동행합니다. <br><br> <strong>지금 1661-5757을 저장해 두세요!</strong> </div> <!-- 하단 간편 통화 버튼 추가 --> <div class="tp-cta-container"> <a href="tel:1661-5757" class="tp-cta-btn" style="background: linear-gradient(135deg, #2563eb, #1d4ed8); box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);"> <svg viewBox="0 0 24 24"> <path d="M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 00-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z"></path> </svg> 충북 신속 대리 호출하기 </a> </div> <!-- 검색 해시태그 --> <div class="tp-tags"> <span class="tp-tag">#충북대리운전</span> <span class="tp-tag">#청주대리운전</span> <span class="tp-tag">#충주대리운전</span> <span class="tp-tag">#제천대리운전</span> <span class="tp-tag">#오창대리운전</span> <span class="tp-tag">#진천대리운전</span> <span class="tp-tag">#음성대리운전</span> <span class="tp-tag">#16615757</span> </div> </div> 1661 5757 대리탁송 안전운행 매니저 https://16615757.tistory.com/77 https://16615757.tistory.com/77#entry77comment Sun, 31 May 2026 15:40:51 +0900 골프장 일일기사부터 예약대리, 공항 탁송까지 완벽하게 수행하는 1661-5757 https://16615757.tistory.com/76 <div class="ts-vip-wrapper"> <!-- CSS 스타일 정의 (스킨 충돌 방지를 위한 독립 클래스 구조) --> <style> @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap'); .ts-vip-wrapper { font-family: 'Noto Sans KR', sans-serif; max-width: 650px; margin: 0 auto; padding: 25px 15px; color: #334155; line-height: 1.8; font-size: 15.5px; background-color: #ffffff; word-break: keep-all; -webkit-text-size-adjust: none; } /* 상단 에디토리얼 헤더 */ .ts-vip-header { text-align: center; margin-bottom: 40px; padding: 20px 0; border-top: 1px solid #e2e8f0; border-bottom: 3px double #0f172a; } .ts-vip-badge { display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #b45309; margin-bottom: 12px; } .ts-vip-main-title { font-size: 23px; font-weight: 900; color: #0f172a; line-height: 1.4; margin: 0; letter-spacing: -1px; } @media (min-width: 576px) { .ts-vip-main-title { font-size: 28px; } } /* 본문 폰트 및 가독성 최적화 */ .ts-vip-p { margin: 20px 0; text-align: justify; color: #475569; font-size: 16px; letter-spacing: -0.3px; } .ts-vip-highlight { font-weight: 700; color: #b45309; border-bottom: 2px solid #fde047; padding-bottom: 1px; } /* 명언/인용구 (고급 저널 스타일) */ .ts-vip-quote { text-align: center; margin: 35px 0; padding: 25px 20px; background-color: #f8fafc; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; position: relative; } .ts-vip-quote::before { content: "“"; font-size: 40px; color: #cbd5e1; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); font-family: Georgia, serif; } .ts-vip-quote-text { font-size: 16px; font-weight: 500; color: #0f172a; line-height: 1.7; } /* 프리미엄 골드/네이비 배너 */ .ts-vip-banner { background-color: #0f172a; background-image: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); color: #ffffff; padding: 30px 20px; border-radius: 4px; text-align: center; margin: 35px 0; border: 1px solid #b45309; } .ts-vip-banner p { margin: 0 0 8px 0; font-size: 13px; color: #94a3b8; letter-spacing: 1px; font-weight: 500; } .ts-vip-banner-link { text-decoration: none !important; color: #ffffff !important; display: inline-block; } .ts-vip-banner-phone { margin: 0; font-size: 28px; font-weight: 900; color: #f59e0b; /* 황금빛 골드 */ letter-spacing: 1.5px; display: flex; align-items: center; justify-content: center; gap: 8px; } /* 서브 타이틀 (클래식 바 형태) */ .ts-vip-sec-title { font-size: 19px; font-weight: 700; color: #0f172a; margin-top: 45px; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; letter-spacing: -1px; } .ts-vip-sec-title::before { content: ""; display: inline-block; width: 4px; height: 18px; background-color: #b45309; } /* 고품격 서비스 라인업 카드 (비대칭 레이아웃) */ .ts-vip-card-container { margin: 25px 0; } .ts-vip-service-card { background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 4px; padding: 20px; margin-bottom: 15px; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.02); } .ts-vip-service-card:hover { border-color: #b45309; box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.05); } .ts-vip-card-top { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; } .ts-vip-card-icon { font-size: 24px; background-color: #f8fafc; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #e2e8f0; } .ts-vip-card-title { font-size: 16.5px; font-weight: 700; color: #0f172a; } .ts-vip-card-desc { font-size: 14px; color: #64748b; margin: 0; line-height: 1.6; } /* 포인트강조 시스템 (클래식 리스트 형태) */ .ts-vip-features { margin: 30px 0; background-color: #fcfcfd; border: 1px solid #e2e8f0; padding: 25px 20px; } .ts-vip-feature-item { display: flex; gap: 14px; margin-bottom: 20px; } .ts-vip-feature-item:last-child { margin-bottom: 0; } .ts-vip-feature-num { font-size: 14px; font-weight: 900; color: #b45309; border: 1px solid #b45309; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .ts-vip-feature-content { flex-grow: 1; } .ts-vip-feature-title { font-size: 15px; font-weight: 700; color: #0f172a; margin-bottom: 4px; } .ts-vip-feature-desc { font-size: 13.5px; color: #64748b; margin: 0; line-height: 1.5; } /* 최종 하단 대형 컨시어지 콜 버튼 (터치 영역 극대화) */ .ts-vip-cta { text-align: center; margin-top: 45px; border: 1px solid #e2e8f0; padding: 30px 20px; border-radius: 4px; background-color: #fdfbf7; /* 부드러운 우윳빛 크림색 */ } .ts-vip-cta-tag { font-size: 12px; font-weight: 700; color: #b45309; letter-spacing: 1px; margin-bottom: 10px; } .ts-vip-cta-title { font-size: 17px; font-weight: 700; color: #0f172a; margin-bottom: 20px; } .ts-vip-btn-gold { display: block; background: linear-gradient(135deg, #d97706 0%, #b45309 100%); color: #ffffff !important; font-size: 20px; font-weight: 700; text-decoration: none !important; padding: 16px 0; border-radius: 4px; box-shadow: 0 4px 10px rgba(180, 83, 9, 0.2); transition: all 0.2s ease; letter-spacing: 1px; } .ts-vip-btn-gold:hover { background: linear-gradient(135deg, #b45309 0%, #78350f 100%); } .ts-vip-cta-desc { font-size: 12px; color: #64748b; margin-top: 15px; line-height: 1.5; } /* 태그 영역 */ .ts-vip-tags { margin-top: 40px; padding-top: 20px; border-top: 1px solid #f1f5f9; display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; } .ts-vip-tag-link { font-size: 12px; color: #64748b; background-color: #f1f5f9; padding: 3px 10px; border-radius: 20px; text-decoration: none; transition: background-color 0.2s; } .ts-vip-tag-link:hover { background-color: #e2e8f0; } </style> <!-- 헤더 영역 --> <header class="ts-vip-header"> <span class="ts-vip-badge">Premium Chauffeur & Consignment</span> <h1 class="ts-vip-main-title">골프장 일일기사부터 예약대리, 공항 탁송까지 완벽하게 수행하는 1661-5757</h1> </header> <!-- 본문 시작 --> <article> <p class="ts-vip-p"> 안녕하세요 이웃님들! 평일 비즈니스 업무나 특별한 주말 계획이 잡힐 때마다 장거리 운전 피로감 때문에 고민해 본 적 있으실 겁니다. </p> <p class="ts-vip-p"> 골프 라운딩을 오고 가며 고도의 집중력이 필요할 때나, 설레는 여행을 앞두고 공항으로 이동할 때 직접 운전대를 잡는 것 자체가 여간 지치는 일이 아니죠. </p> <p class="ts-vip-p"> 일정을 마치고 돌아오는 피곤한 길, 어두운 야간 도로에서 운전해야 하는 긴장감은 더욱 큰 스트레스로 다가옵니다. </p> <!-- 고급 저널 스타일 인용구 --> <div class="ts-vip-quote"> <span class="ts-vip-quote-text">"하루 온전히 내 비서처럼 나를 모셔줄 기사님이 필요할 때,<br>또는 내 차량만 공항이나 특정 목적지로 미리 정밀 이동하고 싶을 때"</span> </div> <p class="ts-vip-p"> 이제 더 이상 고단하게 피로를 견디지 마세요! <span class="ts-vip-highlight">품격 있는 개인 VIP 일일기사 대행</span>부터 신뢰를 기반으로 하는 관공서 업무, 비즈니스 월 정기 기사 배치까지 최상의 컨디션을 지켜드리는 스마트 파트너십을 제안해 드립니다. </p> <!-- 고품격 네이비/골드 중간 배너 (터치 시 통화 연결) --> <div class="ts-vip-banner"> <p>365일 실시간 상담 및 정밀 매칭 프리미엄 라인</p> <a href="tel:1661-5757" class="ts-vip-banner-link"> <h3 class="ts-vip-banner-phone"> 1661-5757</h3> </a> </div> <!-- 섹션 1: 주요 서비스 --> <h2 class="ts-vip-sec-title">원하는 순간에 가장 스마트하게 만나는 이동의 가치</h2> <p class="ts-vip-p"> 단순히 이동의 수단만을 빌리는 대리를 넘어, 비즈니스와 일상의 품격을 지켜드리는 세분화된 VIP 드라이빙 케어를 만나보세요. </p> <div class="ts-vip-card-container"> <!-- 서비스 카드 1 --> <div class="ts-vip-service-card"> <div class="ts-vip-card-top"> <div class="ts-vip-card-icon">⛳</div> <div class="ts-vip-card-title">골프장 일일 기사 & 휴양지 대리</div> </div> <p class="ts-vip-card-desc">새벽 출발부터 온종일 진행되는 전 일정 동안 편안히 대기합니다. 귀갓길 졸음운전 걱정 없이 동반자분들과 기분 좋게 힐링 이동하세요.</p> </div> <!-- 서비스 카드 2 --> <div class="ts-vip-service-card"> <div class="ts-vip-card-top"> <div class="ts-vip-card-icon">✈️</div> <div class="ts-vip-card-title">공항 대리 & 공항 탁송 솔루션</div> </div> <p class="ts-vip-card-desc">무거운 수화물이 가득할 때 편하게 짐을 싣고 바로 공항까지 도착 가능합니다. 해외 출장 중 내 소중한 차량을 안전하게 자택으로 복귀시키는 정밀 탁송 연계 서비스도 탁월합니다.</p> </div> <!-- 서비스 카드 3 --> <div class="ts-vip-service-card"> <div class="ts-vip-card-top"> <div class="ts-vip-card-icon"> </div> <div class="ts-vip-card-title">관공서 업무 & 월 정기 기사</div> </div> <p class="ts-vip-card-desc">비즈니스 파트너와 바이어를 위한 단정한 정장 에티켓 운행부터, 관공서의 공식 행사 차량 이동 및 기업 임원을 위한 장·단기 전담 서비스까지 품격에 맞는 명쾌한 서포트를 제공합니다.</p> </div> </div> <!-- 섹션 2: 안심 포인트 리스트 --> <h2 class="ts-vip-sec-title">안심하고 운전대를 양보할 수 있는 이유</h2> <p class="ts-vip-p"> 소중한 자산을 이동하는 일인 만큼, 그 어떤 기준보다 철저하고 꼼꼼한 안심 보장 시스템만을 고집하고 있습니다. </p> <div class="ts-vip-features"> <!-- 포인트 1 --> <div class="ts-vip-feature-item"> <div class="ts-vip-feature-num">1</div> <div class="ts-vip-feature-content"> <div class="ts-vip-feature-title">100% 대리·탁송 정밀 안심 보험 등록</div> <p class="ts-vip-feature-desc">배정되는 모든 기사는 100% 특약 전용 보험에 철저하게 가입 완료되어 있습니다. 단 한 순간의 예외 없는 안심 보장을 기본으로 약속합니다.</p> </div> </div> <!-- 포인트 2 --> <div class="ts-vip-feature-item"> <div class="ts-vip-feature-num">2</div> <div class="ts-vip-feature-content"> <div class="ts-vip-feature-title">하이엔드 차량에 걸맞은 베테랑 드라이버</div> <p class="ts-vip-feature-desc">수입 대형 세단부터 고급 SUV, 까다로운 조작이 필요한 친환경 하이브리드·전기차 등 전 차종 운행 경험이 풍부한 최고 수준의 경력자를 우선 매칭합니다.</p> </div> </div> <!-- 포인트 3 --> <div class="ts-vip-feature-item"> <div class="ts-vip-feature-num">3</div> <div class="ts-vip-feature-content"> <div class="ts-vip-feature-title">합리적이고 일관된 투명 견적 시스템</div> <p class="ts-vip-feature-desc">경로나 이용 방식에 따른 불합리한 불투명 요금 제도를 지양합니다. 투명한 사전 공시 운임 정가를 원칙으로 안심하고 의뢰하실 수 있습니다.</p> </div> </div> </div> <!-- 최종 안내 및 CTA --> <div class="ts-vip-cta"> <span class="ts-vip-cta-tag">CHAUFFEUR SERVICE GUIDE</span> <div class="ts-vip-cta-title">최상의 이동 퀄리티와 명품 동행을 약속드립니다</div> <!-- 대형 통화연결 버튼 (모바일 터치 최적화) --> <a href="tel:1661-5757" class="ts-vip-btn-gold"> 1661-5757 전화연결</a> <div class="ts-vip-cta-desc"> 골프장 일일기사 / 예약대리 / 휴양지 대행 / 공항대리 및 대형 탁송 전문<br> 24시간 원스톱 배차 시스템 구축 · 법인 증빙 행정 완벽 처리 보장 </div> </div> </article> <!-- 하단 태그 --> <footer class="ts-vip-tags"> <a href="#" class="ts-vip-tag-link">#골프장일일기사</a> <a href="#" class="ts-vip-tag-link">#공항대리운전</a> <a href="#" class="ts-vip-tag-link">#공항탁송</a> <a href="#" class="ts-vip-tag-link">#일일기사예약</a> <a href="#" class="ts-vip-tag-link">#월정기기사</a> <a href="#" class="ts-vip-tag-link">#16615757</a> </footer> </div> 1661 5757 대리탁송 안전운행 매니저 https://16615757.tistory.com/76 https://16615757.tistory.com/76#entry76comment Sat, 30 May 2026 03:43:00 +0900 갑자기 차만 따로 보내야 할 때 당황하지 말고 1661-5757로 간편하게 해결해요! https://16615757.tistory.com/75 <div class="ts-consign-wrapper"> <!-- CSS 스타일 정의 --> <style> @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap'); .ts-consign-wrapper { font-family: 'Noto Sans KR', sans-serif; max-width: 680px; margin: 0 auto; padding: 15px 12px; color: #374151; line-height: 1.8; font-size: 15px; background-color: #ffffff; word-break: keep-all; -webkit-text-size-adjust: none; } /* 타이틀 영역 - 모바일 맞춤 크기 */ .ts-consign-header { text-align: center; margin-bottom: 30px; border-bottom: 1px solid #f1f5f9; padding-bottom: 25px; } .ts-consign-sub-tag { display: inline-block; background-color: #eff6ff; color: #1d4ed8; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 12px; margin-bottom: 12px; letter-spacing: -0.5px; } .ts-consign-main-title { font-size: 22px; font-weight: 700; color: #111827; line-height: 1.45; margin: 0; letter-spacing: -1px; } @media (min-width: 576px) { .ts-consign-main-title { font-size: 26px; } } /* 본문 공통 - 가독성 향상 */ .ts-consign-p { margin: 16px 0; text-align: left; color: #4b5563; font-size: 15.5px; letter-spacing: -0.5px; } .ts-consign-p-highlight { font-weight: 500; color: #111827; background-color: #fef08a; padding: 2px 4px; border-radius: 4px; } .ts-consign-emoji { font-size: 20px; margin-right: 4px; vertical-align: middle; } /* 인용구 / 핵심 질문 박스 */ .ts-consign-quote-box { background-color: #f8fafc; border-left: 4px solid #2563eb; padding: 18px 15px; margin: 28px 0; border-radius: 0 8px 8px 0; } .ts-consign-quote-text { font-size: 15.5px; font-weight: 500; color: #1e293b; line-height: 1.6; display: block; letter-spacing: -0.5px; } /* 중간 강조 배너 */ .ts-consign-mid-banner { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color: #ffffff; padding: 20px 15px; border-radius: 12px; text-align: center; margin: 30px 0; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15); } .ts-consign-mid-banner p { margin: 0 0 6px 0; font-size: 13px; opacity: 0.9; letter-spacing: -0.5px; } .ts-consign-mid-banner h3 { margin: 0; font-size: 24px; font-weight: 700; letter-spacing: 0.5px; } /* 중간 배너 전화번호 링크 스타일 */ .ts-consign-mid-banner-link { text-decoration: none !important; color: #ffffff !important; display: inline-block; transition: transform 0.2s, opacity 0.2s; } .ts-consign-mid-banner-link:hover { opacity: 0.95; transform: scale(1.02); } .ts-consign-mid-banner-link:active { transform: scale(0.98); } /* 섹션 타이틀 */ .ts-consign-section-title { font-size: 18px; font-weight: 700; color: #111827; margin-top: 40px; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 2px solid #f1f5f9; letter-spacing: -1px; } /* 카드 그리드 레이아웃 (차종 안내) */ .ts-consign-grid { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 20px 0; } @media (min-width: 576px) { .ts-consign-grid { grid-template-columns: repeat(3, 1fr); } } .ts-consign-card { background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 16px 12px; text-align: left; } .ts-consign-card-icon { font-size: 22px; margin-bottom: 8px; display: inline-block; } .ts-consign-card-title { font-size: 15px; font-weight: 700; color: #2563eb; margin-bottom: 6px; } .ts-consign-card-desc { font-size: 13px; color: #64748b; line-height: 1.5; margin: 0; } /* 상황별 리스트 */ .ts-consign-list { margin: 25px 0; } .ts-consign-list-item { background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 16px; margin-bottom: 10px; } .ts-consign-list-title { font-size: 15px; font-weight: 700; color: #1e293b; margin-bottom: 6px; display: flex; align-items: center; gap: 4px; } .ts-consign-list-desc { font-size: 13.5px; color: #4b5563; margin: 0; line-height: 1.6; } /* 포인트강조 장점 영역 */ .ts-consign-points { background-color: #f8fafc; border: 1px dashed #cbd5e1; border-radius: 10px; padding: 20px 16px; margin: 30px 0; } .ts-consign-point-item { margin-bottom: 16px; } .ts-consign-point-item:last-child { margin-bottom: 0; } .ts-consign-point-badge { display: inline-block; background-color: #2563eb; color: #ffffff; font-size: 11px; font-weight: 700; padding: 2px 6px; border-radius: 4px; margin-bottom: 4px; } .ts-consign-point-title { font-size: 14.5px; font-weight: 700; color: #1e293b; margin-bottom: 3px; } .ts-consign-point-desc { font-size: 13px; color: #64748b; margin: 0; line-height: 1.5; } /* 모바일 맞춤 CTA 터치 영역 */ .ts-consign-cta { text-align: center; margin-top: 40px; background-color: #f8fafc; border-radius: 12px; padding: 24px 16px; border: 1px solid #e2e8f0; } .ts-consign-cta-title { font-size: 16px; font-weight: 700; color: #1e293b; margin-bottom: 8px; } .ts-consign-cta-desc { margin: 0 0 16px 0; color: #64748b; font-size: 13px; line-height: 1.5; } .ts-consign-btn-call { display: block; background-color: #2563eb; color: #ffffff !important; font-size: 20px; font-weight: 700; text-decoration: none !important; padding: 14px 0; border-radius: 8px; box-shadow: 0 4px 6px rgba(37, 99, 235, 0.2); transition: background-color 0.2s; } .ts-consign-btn-call:hover { background-color: #1d4ed8; } .ts-consign-cta-info { font-size: 12px; color: #94a3b8; margin-top: 12px; line-height: 1.4; } /* 태그 영역 */ .ts-consign-tags { margin-top: 30px; padding-top: 15px; border-top: 1px solid #f1f5f9; display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; } .ts-consign-tag-item { font-size: 12px; color: #64748b; background-color: #f1f5f9; padding: 3px 8px; border-radius: 4px; text-decoration: none; } </style> <!-- 헤더 영역 --> <header class="ts-consign-header"> <span class="ts-consign-sub-tag">전국 자동차 탁송 정보</span> <h1 class="ts-consign-main-title">갑자기 차만 따로 보내야 할 때 당황하지 말고 1661-5757로 간편하게 해결해요!</h1> </header> <!-- 본문 시작 --> <article> <p class="ts-consign-p"> <span class="ts-consign-emoji"> </span>안녕하세요 이웃님들! 요즘 날씨가 참 맑고 선선해서 어디론가 훌쩍 떠나기 딱 좋은 날이네요. </p> <p class="ts-consign-p"> 살다 보면 생각지도 못한 순간에 차만 따로 먼 곳으로 보내야 하는 당황스러운 상황이 생기곤 합니다. </p> <p class="ts-consign-p"> 지방으로 갑자기 발령이 나서 이동하거나 이사를 가야 할 때, 혹은 중고차 거래 때문에 멀리 계신 분에게 차를 보내야 할 때처럼 말이죠. </p> <!-- 인용구 / 핵심 질문 박스 --> <div class="ts-consign-quote-box"> <span class="ts-consign-quote-text">"내가 직접 운전해서 가기엔 시간도 없고 체력도 부담되는데, 내 소중한 차만 목적지까지 안전하게 보낼 방법은 없을까?"</span> </div> <p class="ts-consign-p"> 아무래도 고가의 자산이다 보니 가장 먼저 드는 걱정은 역시 <span class="ts-consign-p-highlight">믿고 맡길 수 있는 검증된 업체인가</span> 하는 점일 텐데요. </p> <p class="ts-consign-p"> 오늘은 개인 고객님들의 맞춤 탁송부터 신뢰가 생명인 법인 및 관공서 업무까지 모두 안심하고 거래하는 전문 전국 탁송 서비스를 소개해 드릴게요! </p> <!-- 중간 강조 배너 (상단 대표 번호 터치 연결 추가) --> <div class="ts-consign-mid-banner"> <p>365일 언제나 신속하고 든든한 자동차 이동 서비스</p> <a href="tel:1661-5757" class="ts-consign-mid-banner-link"> <h3>대표 번호: 1661-5757 </h3> </a> </div> <!-- 섹션 1: 가능 차종 --> <h2 class="ts-consign-section-title"> 승용차부터 화물차, 특수차까지 모두 가능!</h2> <p class="ts-consign-p"> 보통 차량 탁송이라고 하면 일반 승용차나 SUV만 가능할 거라 짐작하시는데요. 이곳은 차종이 독특하거나 덩치가 무척 커서 고민이셨던 차량들도 전혀 막힘없이 접수가 가능합니다. </p> <div class="ts-consign-grid"> <!-- 카드 1 --> <div class="ts-consign-card"> <div class="ts-consign-card-icon"> </div> <div class="ts-consign-card-title">승용차 & SUV</div> <p class="ts-consign-card-desc">국산 소형차는 물론, 세심한 케어가 필수인 수입 세단이나 대형 SUV까지 완벽 매칭해 드립니다.</p> </div> <!-- 카드 2 --> <div class="ts-consign-card"> <div class="ts-consign-card-icon"> </div> <div class="ts-consign-card-title">화물차 & 대형차</div> <p class="ts-consign-card-desc">톤수 상관없이 까다롭고 숙련된 운전 기술이 필요한 화물 탑차나 대형차도 신속하게 이동합니다.</p> </div> <!-- 카드 3 --> <div class="ts-consign-card"> <div class="ts-consign-card-icon"> ️</div> <div class="ts-consign-card-title">특수차 & 렉카차</div> <p class="ts-consign-card-desc">전문 조작이 필요한 특수 목적 차량 및 고장·대기 중인 렉카 차량 대리 이동까지 전문 대원을 배치합니다.</p> </div> </div> <p class="ts-consign-p"> "내 차량은 조금 독특한데 가능할까?" 고민되신다면 부담 갖지 마시고 편하게 전화하셔서 체크해 보시는 것이 가장 빠르고 확실합니다! </p> <!-- 섹션 2: 상황별 서비스 --> <h2 class="ts-consign-section-title"> 내 상황과 필요에 딱 맞춘 맞춤형 탁송</h2> <p class="ts-consign-p"> 획일화된 탁송 시스템이 아니라, 각 고객님의 현 상황을 꼼꼼하게 배려하여 최선의 방향으로 차량 이동을 서포트해 드립니다. </p> <div class="ts-consign-list"> <!-- 리스트 아이템 1 --> <div class="ts-consign-list-item"> <div class="ts-consign-list-title"> 개인 탁송 & 중고차 거래</div> <p class="ts-consign-list-desc">장거리 이사나 해외 출장 갈 때 원하는 일정에 맞춰 차를 미리 보낼 수 있고, 중고차 거래 시 기사님이 인수 전후로 외관 상태를 정밀 체크하여 사진으로 전송해 주어 멀리서도 든든합니다.</p> </div> <!-- 리스트 아이템 2 --> <div class="ts-consign-list-item"> <div class="ts-consign-list-title"> 운행 불능 및 폐차장 탁송</div> <p class="ts-consign-list-desc">오랜 방치 등으로 자가 시동이 안 걸리거나 도로 주행이 어려운 노후 차량도 지정하신 폐차장까지 규정에 맞춰 가장 빠르고 안전한 경로로 책임 배송해 드립니다.</p> </div> <!-- 리스트 아이템 3 --> <div class="ts-consign-list-item"> <div class="ts-consign-list-title"> 회사 법인 및 관공서 대량 탁송</div> <p class="ts-consign-list-desc">비즈니스용 차량 이동이나 관공서 공식 납품 등 까다로운 행정 업무용 대량 이송도 원스톱으로 처리합니다. 세금계산서 발행 및 사후 증빙 서류 발급 처리가 한 치의 오차 없이 깔끔하여 담당자님의 업무 부담을 확실하게 덜어드립니다.</p> </div> </div> <!-- 섹션 3: 왜 여기인가 --> <h2 class="ts-consign-section-title">✨ 왜 많은 분들이 1661-5757만 찾으실까요?</h2> <div class="ts-consign-points"> <!-- 포인트 1 --> <div class="ts-consign-point-item"> <span class="ts-consign-point-badge">POINT 01</span> <div class="ts-consign-point-title">100% 탁송 전문 보험 가입 확인</div> <p class="ts-consign-point-desc">모든 현장 기사님이 탁송 전용 특약 보험에 예외 없이 전원 가입 완료되어 있어, 출발부터 골인 지점까지 어떠한 순간에도 든든한 법적 보장을 기본으로 약속합니다.</p> </div> <!-- 포인트 2 --> <div class="ts-consign-point-item"> <span class="ts-consign-point-badge">POINT 02</span> <div class="ts-consign-point-title">중간 수수료 없는 정직한 투명 견적</div> <p class="ts-consign-point-desc">일부 불투명한 대행업체처럼 현장에서 교묘하게 추가 금액을 부르지 않습니다. 처음 접수할 때 도출된 합리적인 표준 거리 기준의 정직한 운임 요금만 정직하게 적용합니다.</p> </div> <!-- 포인트 3 --> <div class="ts-consign-point-item"> <span class="ts-consign-point-badge">POINT 03</span> <div class="ts-consign-point-title">전국 네트워크 기반 신속 배차</div> <p class="ts-consign-point-desc">전국 구석구석 퍼져있는 광범위한 위성 배차망을 통해, 탁송 접수를 함과 동시에 내 차 위치와 최단거리에 포진한 베테랑 최적격 기사님을 다이렉트로 매칭해 시간 손실을 완벽 방지합니다.</p> </div> </div> <!-- 최종 안내 및 CTA --> <div class="ts-consign-cta"> <div class="ts-consign-cta-title"> 내 소중한 차량, 이제 편안하게 이동시키세요</div> <p class="ts-consign-cta-desc">출발 단계부터 키를 전달받고 최종 하차하는 그 순간까지 신뢰와 안전을 1순위 가치로 삼는 완벽한 파트너와 함께해 보세요.</p> <!-- 모바일 클릭 시 바로 전화 걸기 연동 (엄지 터치에 최적화된 큰 와이드 버튼) --> <a href="tel:1661-5757" class="ts-consign-btn-call"> 1661-5757 전화연결</a> <div class="ts-consign-cta-info"> 승용차, 대형 화물차, 렉카 및 특수 목적 차량 대환영!<br> 개인 / 중고 매매 / 폐차 이송 / 대형 법인 및 관공서 전문 원스톱 처리 </div> </div> </article> <!-- 하단 태그 --> <footer class="ts-consign-tags"> <a href="#" class="ts-consign-tag-item">#자동차탁송</a> <a href="#" class="ts-consign-tag-item">#전국탁송</a> <a href="#" class="ts-consign-tag-item">#차량탁송</a> <a href="#" class="ts-consign-tag-item">#법인탁송</a> <a href="#" class="ts-consign-tag-item">#개인탁송</a> <a href="#" class="ts-consign-tag-item">#16615757</a> </footer> </div> 1661 5757 대리탁송 안전운행 매니저 https://16615757.tistory.com/75 https://16615757.tistory.com/75#entry75comment Sat, 30 May 2026 03:33:47 +0900 ☀️ 여름 휴가철 안심 정보술자리 후 귀갓길 걱정 끝!1661-5757 대리운전 https://16615757.tistory.com/74 <div class="tistory-post-wrapper" style="font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif; max-width: 100%; margin: 0 auto; background-color: #ffffff; padding: 20px 16px; box-sizing: border-box; line-height: 1.8; word-break: keep-all; color: #333333;"> <!-- 태그 스티커 --> <div style="text-align: center; margin-bottom: 12px;"> <span style="background-color: #ebf5ff; color: #1e40af; font-size: 13px; font-weight: 700; padding: 6px 14px; border-radius: 50px; display: inline-block; border: 1px solid #bfdbfe; letter-spacing: -0.5px;">☀️ 여름 휴가철 안심 정보</span> </div> <!-- 메인 타이틀 --> <h2 style="font-size: 24px; font-weight: 900; line-height: 1.4; text-align: center; margin: 0 0 20px 0; color: #111827; letter-spacing: -1px;"> 술자리 후 귀갓길 걱정 끝!<br> <span style="background: linear-gradient(120deg, #3b82f6 0%, #1d4ed8 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900;">1661-5757 대리운전</span> </h2> <!-- 여름 분위기 인트로 카드 --> <div style="background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); border-radius: 20px; padding: 30px 20px; text-align: center; color: #ffffff; margin-bottom: 30px; box-shadow: 0 10px 20px rgba(30, 60, 114, 0.15);"> <p style="margin: 0; font-size: 16px; font-weight: 300; opacity: 0.9; letter-spacing: -0.5px;">기다리고 기다리던 시원한 여름!</p> <p style="margin: 5px 0 20px 0; font-size: 20px; font-weight: 700; letter-spacing: -0.5px;"> 여름휴가, 피서, 워크숍까지!</p> <div style="background-color: rgba(255,255,255,0.15); border-radius: 12px; padding: 15px; font-size: 14px; line-height: 1.6; font-weight: 400; border: 1px solid rgba(255,255,255,0.25);"> "좋은 사람들과 맛있는 음식에 곁들이는 시원한 맥주 한 잔, 생각만 해도 가슴 설레시죠? " </div> </div> <!-- 위험 경고 섹션 --> <div style="background-color: #fffaf0; border-left: 5px solid #dd6b20; border-radius: 4px 12px 12px 4px; padding: 18px 15px; margin-bottom: 30px;"> <div style="display: flex; align-items: center; margin-bottom: 8px;"> <span style="font-size: 20px; margin-right: 8px;">⚠️</span> <strong style="color: #dd6b20; font-size: 16px; font-weight: 700;">단 한 잔이라도 음주운전은 절대 금지!</strong> </div> <p style="margin: 0; font-size: 14px; color: #4a5568; line-height: 1.6; letter-spacing: -0.5px;"> 나와 가족, 타인의 생명을 지키는 기본 원칙! 기분 좋은 술자리 뒤에는 <strong>반드시 안전하고 편안한 대리운전을 이용</strong>하세요. </p> </div> <!-- 메인 서비스 그리드 (모바일 세로 배치 자동 최적화) --> <h3 style="font-size: 18px; font-weight: 800; color: #1e293b; margin: 0 0 15px 0; border-bottom: 2px solid #e2e8f0; padding-bottom: 8px;"> 맞춤형 이동 지원 서비스 안내 </h3> <!-- 서비스 아이템 리스트 --> <div style="margin-bottom: 30px;"> <!-- Item 1 --> <div style="display: flex; align-items: flex-start; padding: 15px; background-color: #f8fafc; border-radius: 12px; margin-bottom: 12px; border: 1px solid #e2e8f0;"> <div style="background-color: #3b82f6; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: bold; flex-shrink: 0; margin-right: 15px; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2);"> </div> <div> <strong style="font-size: 16px; color: #1e293b; display: block; margin-bottom: 2px;">일반 대리운전</strong> <span style="font-size: 13px; color: #64748b; line-height: 1.5; display: block;">늦은 시간 술자리 후 집 앞까지 신속하고 가장 안전하게 안전 귀가 서비스를 제공합니다.</span> </div> </div> <!-- Item 2 --> <div style="display: flex; align-items: flex-start; padding: 15px; background-color: #f8fafc; border-radius: 12px; margin-bottom: 12px; border: 1px solid #e2e8f0;"> <div style="background-color: #10b981; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: bold; flex-shrink: 0; margin-right: 15px; box-shadow: 0 4px 6px rgba(16, 185, 129, 0.2);"> ️</div> <div> <strong style="font-size: 16px; color: #1e293b; display: block; margin-bottom: 2px;">로드 탁송</strong> <span style="font-size: 13px; color: #64748b; line-height: 1.5; display: block;">운전자 탑승 없이 소중한 차량만 원하는 곳으로 빠르고 안전하게 탁송 이동해 드립니다.</span> </div> </div> <!-- Item 3 --> <div style="display: flex; align-items: flex-start; padding: 15px; background-color: #f8fafc; border-radius: 12px; margin-bottom: 12px; border: 1px solid #e2e8f0;"> <div style="background-color: #f59e0b; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: bold; flex-shrink: 0; margin-right: 15px; box-shadow: 0 4px 6px rgba(245, 158, 11, 0.2);"> </div> <div> <strong style="font-size: 16px; color: #1e293b; display: block; margin-bottom: 2px;">일일 수행 기사</strong> <span style="font-size: 13px; color: #64748b; line-height: 1.5; display: block;">비즈니스 미팅, 장거리 이동 등 하루 종일 베테랑 전문 기사님이 든든한 발이 되어 드립니다.</span> </div> </div> <!-- Item 4 --> <div style="display: flex; align-items: flex-start; padding: 15px; background-color: #f8fafc; border-radius: 12px; margin-bottom: 12px; border: 1px solid #e2e8f0;"> <div style="background-color: #8b5cf6; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: bold; flex-shrink: 0; margin-right: 15px; box-shadow: 0 4px 6px rgba(139, 92, 246, 0.2);">⛳</div> <div> <strong style="font-size: 16px; color: #1e293b; display: block; margin-bottom: 2px;">골프장 에스코트 기사</strong> <span style="font-size: 13px; color: #64748b; line-height: 1.5; display: block;">이른 새벽 티오프부터 라운딩 후 피곤한 귀갓길까지, 오직 골프 스케줄에 특화된 서비스!</span> </div> </div> <!-- Item 5 --> <div style="display: flex; align-items: flex-start; padding: 15px; background-color: #f8fafc; border-radius: 12px; border: 1px solid #e2e8f0;"> <div style="background-color: #ec4899; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: bold; flex-shrink: 0; margin-right: 15px; box-shadow: 0 4px 6px rgba(236, 72, 153, 0.2);">⏰</div> <div> <strong style="font-size: 16px; color: #1e293b; display: block; margin-bottom: 2px;">예약 대리</strong> <span style="font-size: 13px; color: #64748b; line-height: 1.5; display: block;">원하는 날짜와 시간대에 기사님을 예약해두고 대기 없이 빠르고 즉각적인 매칭이 가능합니다.</span> </div> </div> </div> <!-- 전국 보장 정보 안내 박스 --> <div style="background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%); border: 1px solid #bbf7d0; border-radius: 16px; padding: 22px 20px; text-align: center; margin-bottom: 30px;"> <div style="font-size: 26px; margin-bottom: 8px;"> ️</div> <h4 style="margin: 0 0 6px 0; font-size: 17px; color: #166534; font-weight: 800;">도서산간지역 &amp; 전국 어디서나 OK!</h4> <p style="margin: 0; font-size: 13px; color: #14532d; line-height: 1.6; font-weight: 400; letter-spacing: -0.3px;"> "이렇게 외진 곳까지 올까?" 걱정은 붙들어 매세요!<br> <strong>1661-5757</strong>은 전국 단위 인프라망을 완벽하게 구축하여 산간지방이나 외딴 휴양지에서도 빈틈없는 안심 배차가 실현됩니다. </p> </div> <!-- 전화 연결 최적화 콜투액션 배너 (모바일에서 클릭시 즉시 통화) --> <div style="text-align: center; background-color: #1e293b; border-radius: 20px; padding: 25px 15px; color: white; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.25);"> <p style="margin: 0 0 8px 0; font-size: 14px; font-weight: 400; color: #94a3b8; letter-spacing: 0.5px;">스마트폰에서 아래 버튼을 터치하면 바로 연결!</p> <a href="tel:1661-5757" style="display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%); color: #ffffff; font-size: 24px; font-weight: 900; text-decoration: none; padding: 14px 28px; border-radius: 50px; box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4); border: 2px solid #60a5fa; letter-spacing: 0.5px; margin-bottom: 10px; transition: transform 0.2s;"> 1661-5757 </a> <div style="font-size: 12px; color: #94a3b8; line-height: 1.4; margin-top: 5px;"> * 미리 단축번호나 스마트폰 연락처에<br> <span style="color: #3b82f6; font-weight: 700;">[1661-5757 안심대리]</span>로 등록해 두시면 언제든 안심입니다. </div> </div> <!-- 블로그 하단 태그 클라우드 --> <div style="margin-top: 40px; border-top: 1px dashed #e2e8f0; padding-top: 20px; text-align: left;"> <p style="margin: 0 0 8px 0; font-size: 12px; color: #94a3b8; font-weight: bold; text-transform: uppercase;">Related Tags</p> <div style="display: flex; flex-wrap: wrap; gap: 6px;"> <span style="font-size: 11px; background-color: #f1f5f9; color: #475569; padding: 4px 10px; border-radius: 4px;">#대리운전</span> <span style="font-size: 11px; background-color: #f1f5f9; color: #475569; padding: 4px 10px; border-radius: 4px;">#16615757</span> <span style="font-size: 11px; background-color: #f1f5f9; color: #475569; padding: 4px 10px; border-radius: 4px;">#여름휴가</span> <span style="font-size: 11px; background-color: #f1f5f9; color: #475569; padding: 4px 10px; border-radius: 4px;">#피서대리</span> <span style="font-size: 11px; background-color: #f1f5f9; color: #475569; padding: 4px 10px; border-radius: 4px;">#로드탁송</span> <span style="font-size: 11px; background-color: #f1f5f9; color: #475569; padding: 4px 10px; border-radius: 4px;">#일일수행기사</span> <span style="font-size: 11px; background-color: #f1f5f9; color: #475569; padding: 4px 10px; border-radius: 4px;">#골프장기사</span> <span style="font-size: 11px; background-color: #f1f5f9; color: #475569; padding: 4px 10px; border-radius: 4px;">#예약대리운전</span> <span style="font-size: 11px; background-color: #f1f5f9; color: #475569; padding: 4px 10px; border-radius: 4px;">#전국대리</span> </div> </div> </div> 1661 5757 대리탁송 안전운행 매니저 https://16615757.tistory.com/74 https://16615757.tistory.com/74#entry74comment Mon, 25 May 2026 17:37:10 +0900