퍼시픽링스 골프멤버십
페이지 정보
작성자 HELLO 작성일26-07-25 04:24 조회3회 댓글0건본문
퍼시픽링스멤버십
퍼시픽링스 - Global Premium Golf Life
/* [초기화 및 기본 변수] */
:root {
--primary-dark: #0f392b;
--primary-light: #1a5c45;
--gold-main: #b59f7d;
--gold-light: #d4c3a3;
--gold-gradient: linear-gradient(135deg, #d4c3a3 0%, #b59f7d 100%);
--bg-color: #f9f8f4;
--white: #ffffff;
--text-dark: #111111;
--text-gray: #666666;
--shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.05);
--shadow-card: 0 15px 35px rgba(15, 57, 43, 0.08);
}
* { box-sizing: border-box-webkit-tap-highlight-color: transparent}
body {
margin: 0
padding: 0
background-color: var(--bg-color)
/* 수정: 윤고딕 폰트 적용 */
font-family: 'YoonGothic', 'Yoon Gothic', 'Malgun Gothic', 'Dotum', sans-serif
color: var(--text-dark)
line-height: 1.5
word-break: keep-all
overflow-wrap: break-word
-webkit-font-smoothing: antialiased
padding-bottom: 100px
letter-spacing: -0.04em
}
img { display: blockmax-width: 100%height: autoborder: 0}
a { text-decoration: nonecolor: inherit}
/* [레이아웃 컨테이너] */
.app-container { max-width: 600pxmargin: 0 autobackground-color: var(--white)min-height: 100vhposition: relativeoverflow: hiddenbox-shadow: 0 0 40px rgba(0,0,0,0.05)}
/* [타이포그래피 유틸리티] */
/* 수정: 영문 타이틀 등에도 윤고딕 느낌이 나도록 font-family 조정 (필요시 Serif 유지 가능하나 요청에 따라 통일) */
.font-serif { font-family: 'YoonGothic', 'Yoon Gothic', 'Malgun Gothic', sans-serifletter-spacing: -0.02emfont-weight: 800}
.text-gold { color: var(--gold-main)}
.text-dark { color: var(--primary-dark)}
.text-center { text-align: center}
/* 1. 헤더 섹션 */
.header { background-color: var(--primary-dark)padding: 0text-align: centerposition: relativeborder-bottom-left-radius: 0border-bottom-right-radius: 0overflow: hidden}
.header-content { padding: 30px 20px 10px}
.logo-box {
position: relative
z-index: 1
display: block
padding: 0
border: none
box-shadow: 0 10px 40px rgba(0,0,0,0.4)
background: var(--primary-dark)
width: 100%
max-width: 100%;
}
.logo-box img { width: 100%border-radius: 0display: block}
/* 2. 인트로 섹션 */
.intro-section { padding: 40px 20pxtext-align: center}
.slogan { display: blockfont-size: 11pxletter-spacing: 2pxcolor: var(--gold-main)font-weight: 700text-transform: uppercasemargin-bottom: 10pxopacity: 0animation: fadeUp 0.8s forwards}
/* 수정: 메인 타이틀 시인성 개선 */
.main-title {
font-size: 26px/* 폰트 사이즈 조정 */
line-height: 1.3
margin: 0 0 25px
color: var(--primary-dark)
font-weight: 800
opacity: 0
animation: fadeUp 0.8s 0.2s forwards
word-break: keep-all
letter-spacing: -0.06em/* 자간을 좁혀서 줄바꿈 방지 */
}
.main-title span { box-shadow: inset 0 -10px 0 rgba(181, 159, 125, 0.2)}
.stats-grid { display: flexgap: 10pxmargin-bottom: 25pxopacity: 0animation: fadeUp 0.8s 0.4s forwards}
.stat-card { flex: 1background: #fffborder: 1px solid #eeeborder-radius: 10pxpadding: 15px 5pxbox-shadow: var(--shadow-soft)text-align: center}
.stat-label { font-size: 10pxcolor: #999font-weight: 700letter-spacing: 0.5pxdisplay: blockmargin-bottom: 3px}
.stat-value { font-size: 24pxfont-weight: 700color: var(--primary-dark)display: blockline-height: 1.1}
.stat-desc { font-size: 11pxcolor: #666margin-top: 4pxdisplay: block}
.highlight-bar { background-color: var(--primary-dark)color: #fffpadding: 14pxborder-radius: 8pxfont-size: 14pxmargin-bottom: 25pxopacity: 0animation: fadeUp 0.8s 0.6s forwardsletter-spacing: -0.03em}
.highlight-bar strong { color: var(--gold-light)font-weight: 700}
.body-desc { font-size: 14pxcolor: #555line-height: 1.6letter-spacing: -0.04em}
/* 3. 섹션 공통 스타일 */
.section { padding: 45px 20pxborder-top: 1px solid #f0f0f0}
.section-header { text-align: centermargin-bottom: 30px}
.section-deco { width: 30pxheight: 3pxbackground: var(--gold-main)margin: 0 auto 12pxborder-radius: 2px}
.section-title { font-size: 22pxfont-weight: 800color: var(--primary-dark)margin: 0letter-spacing: -0.03em}
.section-subtitle { font-size: 10pxcolor: #999text-transform: uppercaseletter-spacing: 1.5pxmargin-top: 6pxfont-weight: 600}
/* 4. ChatGPT 섹션 */
.ai-badge { text-align: centermargin-bottom: 20px}
.ai-badge span { display: inline-flexalign-items: centergap: 6pxbackground: rgba(16, 163, 127, 0.1)color: #10a37fpadding: 5px 14pxborder-radius: 50pxfont-size: 11pxfont-weight: 700}
.chat-container { border: 1px solid #e5e5e5border-radius: 12pxoverflow: hiddenbackground: #fffbox-shadow: var(--shadow-soft)font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif}
.chat-header { padding: 10px 15pxborder-bottom: 1px solid #f0f0f0display: flexalign-items: centergap: 6pxbackground: #fff}
.chat-header strong { color: #343541font-size: 13px}
.chat-header span { color: #999font-size: 13px}
.chat-body { padding: 15pxbackground: #fff}
.chat-msg { display: flexgap: 10pxmargin-bottom: 20px}
.chat-avatar { width: 28pxheight: 28pxborder-radius: 4pxflex-shrink: 0display: flexalign-items: centerjustify-content: center}
.avatar-user { background: #7c7c8ecolor: #ffffont-size: 11pxfont-weight: bold}
.avatar-gpt { background: #10a37f}
.chat-content { font-size: 13pxcolor: #343541line-height: 1.6word-break: break-all}
.chat-name { font-weight: 600font-size: 12pxmargin-bottom: 3pxdisplay: block}
/* 수정: 테이블 모바일 시인성 최적화 - 폰트 및 레이아웃 조정 */
.analysis-table {
width: 100%
border-collapse: collapse
font-size: 11px/* 모바일에 최적화된 폰트 크기 */
margin: 12px 0
border: 1px solid #e5e5e5
border-radius: 6px
overflow: hidden
table-layout: fixed/* 컬럼 너비 고정 */
}
.analysis-table th {
background: #f7f7f8
color: #666
font-weight: 700/* 헤더 굵게 */
text-align: center
padding: 8px 2px
border-bottom: 1px solid #e5e5e5
letter-spacing: -0.05em
white-space: nowrap/* 헤더 줄바꿈 방지 */
}
.analysis-table td {
padding: 8px 4px
border-bottom: 1px solid #e5e5e5
color: #333
letter-spacing: -0.07em/* 자간을 좁혀 공간 확보 */
line-height: 1.3;
vertical-align: middle;
}
/* 각 열의 너비 및 스타일 지정 */
.analysis-table th:nth-child(1) { width: 12%}
.analysis-table td:nth-child(1) { text-align: centerfont-weight: boldcolor: var(--gold-main)}
.analysis-table th:nth-child(2) { width: 30%}
.analysis-table td:nth-child(2) {
text-align: center
font-weight: 600
word-break: keep-all
}
.analysis-table th:nth-child(3) { width: 58%}
.analysis-table td:nth-child(3) {
text-align: left
padding-left: 8px
color: #555
}
.rank-1 { color: var(--primary-dark) !importantfont-weight: 900 !important}
.chat-input-area { padding: 10pxborder-top: 1px solid #f0f0f0}
.fake-input { background: #fffborder: 1px solid #e5e5e5border-radius: 6pxpadding: 8px 10pxcolor: #8e8ea0font-size: 12pxdisplay: flexjustify-content: space-betweenalign-items: center}
/* 5. 파트너사 그리드 */
.partner-grid { display: gridgrid-template-columns: repeat(3, 1fr)gap: 8pxmargin-top: 20px}
.partner-item { background: #fffborder-radius: 8pxpadding: 10px 4pxtext-align: centerbox-shadow: 0 2px 8px rgba(0,0,0,0.03)border: 1px solid #f0f0f0display: flexflex-direction: columnalign-items: centerjustify-content: centerheight: 120pxtransition: transform 0.2s}
.partner-item:active { transform: scale(0.98)}
.partner-logo-wrapper { height: 45pxwidth: 100%display: flexalign-items: centerjustify-content: centermargin-bottom: 6px}
.partner-logo { max-width: 90%max-height: 100%object-fit: contain}
.partner-name { font-size: 11pxcolor: #111letter-spacing: -0.05emfont-weight: 700line-height: 1.2word-break: keep-allwhite-space: normal}
/* 6. 네트워크 & 지도 */
.map-card { position: relativeborder-radius: 12pxoverflow: hiddenmargin-bottom: 20pxbox-shadow: var(--shadow-soft)}
.map-label { position: absolutetop: 12pxleft: 12pxbackground: rgba(255,255,255,0.95)padding: 4px 10pxborder-radius: 15pxfont-size: 11pxfont-weight: 700color: var(--primary-dark)box-shadow: 0 2px 5px rgba(0,0,0,0.1)border-left: 3px solid var(--gold-main)}
.view-more-link { display: inline-flexalign-items: centerjustify-content: flex-endwidth: 100%font-size: 12pxfont-weight: 600color: var(--gold-main)gap: 4px}
/* 7. 예약 시스템 */
.booking-step { margin-bottom: 12px}
.step-info { display: flexjustify-content: space-betweenmargin-bottom: 5pxfont-size: 12pxletter-spacing: -0.02em}
.step-label { color: #555}
.step-percent { font-weight: 700color: var(--gold-main)}
.progress-bg { height: 8pxbackground: #f0f0f0border-radius: 4pxoverflow: hidden}
.progress-fill { height: 100%border-radius: 4pxwidth: 0transition: width 1.5s ease-out}
.fill-1 { background-color: #dccab1animation: fill88 1.5s forwards}
.fill-2 { background-color: var(--gold-main)animation: fill98 1.5s 0.2s forwards}
.fill-3 { background-color: var(--primary-dark)animation: fill100 1.5s 0.4s forwards}
@keyframes fill88 { to { width: 88%} }
@keyframes fill98 { to { width: 98%} }
@keyframes fill100 { to { width: 100%} }
/* 8. 멤버십 상품 */
.product-card { margin-bottom: 25pxborder-radius: 10pxoverflow: hiddenbox-shadow: var(--shadow-card)background: #fff}
.product-header { padding: 12px 15pxbackground: #fdfcf9border-bottom: 1px solid #f0f0f0}
.product-title { font-size: 15pxfont-weight: 700color: var(--primary-dark)margin: 0letter-spacing: -0.03em}
.product-image img { width: 100%}
/* 핀치 줌 가이드 애니메이션 */
.zoom-guide {
background-color: #f7f7f7;
padding: 15px 10px;
text-align: center;
border-top: 1px solid #eee;
}
.gesture-box {
position: relative;
width: 70px;
height: 30px;
margin: 0 auto 8px;
}
.finger-dot {
position: absolute;
top: 50%;
width: 14px;
height: 14px;
background-color: rgba(181, 159, 125, 0.6)/* Gold main semi-transparent */
border: 2px solid var(--gold-main);
border-radius: 50%;
transform: translateY(-50%);
}
.finger-left {
left: 28px;
animation: pinchOpenLeft 2s infinite ease-in-out;
}
.finger-right {
right: 28px;
animation: pinchOpenRight 2s infinite ease-in-out;
}
@keyframes pinchOpenLeft {
0% { left: 28pxopacity: 0}
20% { opacity: 1}
70% { left: 0pxopacity: 1}
100% { left: 0pxopacity: 0}
}
@keyframes pinchOpenRight {
0% { right: 28pxopacity: 0}
20% { opacity: 1}
70% { right: 0pxopacity: 1}
100% { right: 0pxopacity: 0}
}
.guide-text {
font-size: 12px;
color: #555;
line-height: 1.4;
letter-spacing: -0.05em;
}
.info-box { background: #fdfcf9border: 1px solid #e0d0b0padding: 12pxborder-radius: 8pxmargin-top: 10pxposition: relativez-index: 1margin-left: 10pxmargin-right: 10pxmargin-bottom: 10pxtext-align: center}
.info-text { font-size: 12pxcolor: #8c7352margin: 3px 0font-weight: 500letter-spacing: -0.04em}
/* 9. 하단 플로팅 CTA */
.floating-cta { position: fixedbottom: 0left: 0width: 100%padding: 12px 15px 20pxbackground: rgba(255,255,255,0.95)backdrop-filter: blur(10px)border-top: 1px solid rgba(0,0,0,0.05)z-index: 100box-shadow: 0 -5px 20px rgba(0,0,0,0.05)display: flexflex-direction: columnalign-items: center}
/* 수정: 모바일에서 전화번호 링크 색상이 변경되지 않도록 !important 추가 */
.cta-btn {
width: 100%
max-width: 500px
background: var(--primary-dark)
color: #ffffff !important/* 흰색 강제 적용 */
border: none
padding: 15px
border-radius: 50px
font-size: 16px
font-weight: 700
display: flex
align-items: center
justify-content: center
gap: 8px
box-shadow: 0 5px 15px rgba(15, 57, 43, 퍼시픽링스멤버십 0.3)
animation: pulse 2s infinite
letter-spacing: -0.02em
text-decoration: none !important;
}
.cta-btn:visited, .cta-btn:hover, .cta-btn:active {
color: #ffffff !important;
}
.cta-btn:active { transform: scale(0.98)}
.cta-sub { font-size: 11pxcolor: #666margin-top: 6pxdisplay: flexalign-items: centergap: 4px}
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(15, 57, 43, 0.4)}
70% { box-shadow: 0 0 0 10px rgba(15, 57, 43, 0)}
100% { box-shadow: 0 0 0 0 rgba(15, 57, 43, 0)}
}
@keyframes fadeUp {
from { opacity: 0transform: translateY(20px)}
to { opacity: 1transform: translateY(0)}
}
.footer { background: #f3f3f3padding: 40px 20px 120pxtext-align: centerfont-size: 11pxcolor: #999}
/* [모바일 미디어 쿼리 - 작은 화면 대응] */
@media screen and (max-width: 375px) {
.main-title { font-size: 22px} /* 더 작은 화면에서 폰트 줄임 */
.section-title { font-size: 20px}
.partner-name { font-size: 10px}
.stat-value { font-size: 22px}
.cta-btn { font-size: 15pxpadding: 14px}
}
.another_category {
border: 1px solid #E5E5E5;
padding: 10px 10px 5px;
margin: 10px 0;
clear: both;
}
.another_category h4 {
font-size: 12px !important;
margin: 0 !important;
border-bottom: 1px solid #E5E5E5 !important;
padding: 2px 0 6px !important;
}
.another_category h4 a {
font-weight: bold !important;
}
.another_category table {
table-layout: fixed;
border-collapse: collapse;
width: 100% !important;
margin-top: 10px !important;
}
* html .another_category table {
width: auto !important;
}
*:first-child + html .another_category table {
width: auto !important;
}
.another_category th, .another_category td {
padding: 0 0 4px !important;
}
.another_category th {
text-align: left;
font-size: 12px !important;
font-weight: normal;
word-break: break-all;
overflow: hidden;
line-height: 1.5;
}
.another_category td {
text-align: right;
width: 80px;
font-size: 11px;
}
.another_category th a {
font-weight: normal;
text-decoration: none;
border: none !important;
}
.another_category th a.current {
font-weight: bold;
text-decoration: none !important;
border-bottom: 1px solid !important;
}
.another_category th span {
font-weight: normal;
text-decoration: none;
font: 10px Tahoma, Sans-serif;
border: none !important;
}
.another_category_color_gray, .another_category_color_gray h4 {
border-color: #E5E5E5 !important;
}
.another_category_color_gray * {
color: #909090 !important;
}
.another_category_color_gray th a.current {
border-color: #909090 !important;
}
.another_category_color_gray h4, .another_category_color_gray h4 a {
color: #737373 !important;
}
.another_category_color_red, .another_category_color_red h4 {
border-color: #F6D4D3 !important;
}
.another_category_color_red * {
color: #E86869 !important;
}
.another_category_color_red th a.current {
border-color: #E86869 !important;
}
.another_category_color_red h4, .another_category_color_red h4 a {
color: #ED0908 !important;
}
.another_category_color_green, .another_category_color_green h4 {
border-color: #CCE7C8 !important;
}
.another_category_color_green * {
color: #64C05B !important;
}
.another_category_color_green th a.current {
border-color: #64C05B !important;
}
.another_category_color_green h4, .another_category_color_green h4 a {
color: #3EA731 !important;
}
.another_category_color_blue, .another_category_color_blue h4 {
border-color: #C8DAF2 !important;
}
.another_category_color_blue * {
color: #477FD6 !important;
}
.another_category_color_blue th a.current {
border-color: #477FD6 !important;
}
.another_category_color_blue h4, .another_category_color_blue h4 a {
color: #1960CA !important;
}
.another_category_color_violet, .another_category_color_violet h4 {
border-color: #E1CEEC !important;
}
.another_category_color_violet * {
color: #9D64C5 !important;
}
.another_category_color_violet th a.current {
border-color: #9D64C5 !important;
}
.another_category_color_violet h4, .another_category_color_violet h4 a {
color: #7E2CB5 !important;
}
{"@context":" 골프멤버십","description":"Global Premium Golf Life 멤버십 하나로 완성되는 글로벌 골프 라이프 DOMESTIC 200+ 국내 제휴 클럽 GLOBAL 1,000+ 해외 제휴 클럽 그린피 50%의 특별한 특권 20년 역사의 글로벌 기업 퍼시픽링스가 단순한 멤버십을..","author":{"@type":"Person","name":"퍼시픽링스","logo":null},"image":{"@type":"ImageObject","url":"
Global Premium Golf Life
멤버십 하나로 완성되는
글로벌 골프 라이프
DOMESTIC
200+
국내 제휴 클럽
GLOBAL
1,000+
해외 제휴 클럽
그린피 50%의 특별한 특권
20년 역사의 글로벌 기업 퍼시픽링스가
단순한 멤버십을 넘어 품격 있는
골프 라이프를 제안합니다.
전 세계 멤버십 비교
Global Membership Ranking
ChatGPT 4o 분석 데이터
ChatGPT 4o
U
You
전세계 골프 멤버십 기준으로 대표적인 멤버십 순위와 특징을 비교해줘. 가성비와 제휴 규모 중심으로 분석해줘.
ChatGPT
전 세계 주요 골프 멤버십 시장 데이터를 분석한 결과입니다. 현재 퍼시픽링스(Pacific Links)가 압도적인 제휴 규모로 1위를 기록하고 있습니다.
순위
멤버십
특징
1위
퍼시픽링스
전세계 제휴 / 단일 멤버십
2위
Access Global
미국 중심 / 파트너 기반
3위
월드골프링크
플랫폼 기반
댓글목록
등록된 댓글이 없습니다.













