astra

/* 행복한 빈이님 전용 블로그 인트로 세트 스타일 */ .biny-intro-container { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 2.5rem; width: 100%; }

/* ── 기본 리셋 & 변수 ── */ :root { --bg: #ffffff; --surface: #f8fafc; --surface2: #f1f5f9; --border: #e2e8f0; --accent: #2563eb; --accent2: #1d4ed8; --text: #1e293b; --text-muted: #64748b; --green: #16a34a; --red: #dc2626; --orange: #ea580c; --gold: #ca8a04; }

.rklb-wrap * { box-sizing: border-box; margin: 0; padding: 0; } .rklb-wrap { font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif; color: var(--text); background: var(--bg); line-height: 1.8; padding: 0 0 48px; }

/* ── 히어로 배너 ── */ .rklb-hero { background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 50%, #eff6ff 100%); border-bottom: 2px solid var(--border); padding: 48px 24px 40px; text-align: center; position: relative; overflow: hidden; } .rklb-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(37,99,235,0.06) 0%, transparent 70%); pointer-events: none; } .rklb-hero .tag { display: inline-block; background: rgba(37,99,235,0.1); border: 1px solid rgba(37,99,235,0.3); color: var(--accent); font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; padding: 4px 14px; border-radius: 20px; margin-bottom: 20px; } .rklb-hero h1 { font-size: clamp(22px, 4vw, 34px); font-weight: 800; line-height: 1.35; color: #0f172a; max-width: 760px; margin: 0 auto 16px; } .rklb-hero .sub { color: var(--text-muted); font-size: 14px; margin-bottom: 28px; } .rklb-hero .kpi-row { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; max-width: 700px; margin: 0 auto; } .rklb-hero .kpi { background: #ffffff; border: 1px solid var(--border); border-radius: 10px; padding: 14px 20px; min-width: 130px; flex: 1; box-shadow: 0 1px 4px rgba(0,0,0,0.06); } .rklb-hero .kpi .val { font-size: 22px; font-weight: 800; color: var(--accent); display: block; } .rklb-hero .kpi .lbl { font-size: 11px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 1px; }

/* ── 본문 레이아웃 ── */ .rklb-body { max-width: 820px; margin: 0 auto; padding: 0 20px; }

/* ── H2, H3 ── */ .rklb-wrap h2 { font-size: 20px; font-weight: 800; color: #0f172a; margin: 48px 0 16px; padding-bottom: 10px; border-bottom: 2px solid var(--border); position: relative; } .rklb-wrap h2::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 48px; height: 2px; background: var(--accent); } .rklb-wrap h3 { font-size: 16px; font-weight: 700; color: var(--accent2); margin: 28px 0 10px; } .rklb-wrap p { font-size: 15px; color: var(--text); margin-bottom: 16px; line-height: 1.85; }

/* ── 재무 데이터 테이블 ── */ .fin-table-wrap { overflow-x: auto; margin: 28px 0; border-radius: 12px; border: 1px solid var(--border); box-shadow: 0 1px 4px rgba(0,0,0,0.05); } .fin-table { width: 100%; border-collapse: collapse; font-size: 13.5px; } .fin-table thead tr { background: var(--surface2); } .fin-table thead th { padding: 12px 16px; text-align: right; color: var(--text-muted); font-weight: 700; font-size: 12px; letter-spacing: 0.5px; text-transform: uppercase; white-space: nowrap; } .fin-table thead th:first-child { text-align: left; } .fin-table tbody tr { border-top: 1px solid var(--border); background: #ffffff; transition: background 0.15s; } .fin-table tbody tr:hover { background: #f0f7ff; } .fin-table tbody td { padding: 11px 16px; text-align: right; color: var(--text); white-space: nowrap; } .fin-table tbody td:first-child { text-align: left; font-weight: 600; color: #334155; } .fin-table tfoot tr { background: var(--surface2); border-top: 2px solid var(--border); } .fin-table tfoot td { padding: 11px 16px; text-align: right; font-weight: 700; color: var(--accent); font-size: 13px; } .fin-table tfoot td:first-child { text-align: left; color: #0f172a; } .up { color: var(--green); font-weight: 700; } .dn { color: var(--red); font-weight: 700; } .neutral { color: var(--text-muted); }

/* ── 콜아웃 박스 ── */ .callout { border-left: 3px solid var(--accent); background: #eff6ff; border-radius: 0 10px 10px 0; padding: 16px 20px; margin: 24px 0; font-size: 14px; color: var(--text); line-height: 1.75; } .callout.warn { border-left-color: var(--orange); background: #fff7ed; } .callout.success { border-left-color: var(--green); background: #f0fdf4; } .callout strong { color: #0f172a; }

/* ── 비교 카드 그리드 ── */ .compare-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0; } .compare-card { background: #ffffff; border: 1px solid var(--border); border-radius: 12px; padding: 20px; box-shadow: 0 1px 4px rgba(0,0,0,0.05); } .compare-card h4 { font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--text-muted); margin-bottom: 12px; } .compare-card ul { list-style: none; font-size: 13.5px; color: var(--text); line-height: 1.75; } .compare-card ul li::before { content: '• '; color: var(--accent); font-weight: 900; } .compare-card.bull { border-top: 2px solid var(--green); } .compare-card.bear { border-top: 2px solid var(--red); }

/* ── 로드맵 타임라인 ── */ .timeline { margin: 28px 0; position: relative; padding-left: 28px; } .timeline::before { content: ''; position: absolute; left: 8px; top: 6px; bottom: 6px; width: 2px; background: var(--border); } .tl-item { position: relative; margin-bottom: 20px; } .tl-item::before { content: ''; position: absolute; left: -24px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: var(--accent); border: 2px solid white; box-shadow: 0 0 0 2px var(--accent); } .tl-item .tl-year { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--accent); margin-bottom: 2px; } .tl-item .tl-desc { font-size: 13.5px; color: var(--text); line-height: 1.7; }

/* ── 개인 관점 섹션 ── */ .personal-view { background: linear-gradient(135deg, #eff6ff, #dbeafe); border: 1px solid rgba(37,99,235,0.2); border-radius: 14px; padding: 28px 28px 24px; margin: 40px 0; position: relative; overflow: hidden; } .personal-view::before { content: '✍️'; position: absolute; top: 18px; right: 22px; font-size: 28px; opacity: 0.3; } .personal-view .pv-label { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--accent); margin-bottom: 10px; } .personal-view h3 { font-size: 17px; font-weight: 800; color: #0f172a; margin-bottom: 14px !important; } .personal-view p { font-size: 14.5px; color: #334155; line-height: 1.85; margin-bottom: 12px; }

/* ── 면책 고지 ── */ .disclaimer { background: #f8fafc; border: 1px solid var(--border); border-radius: 10px; padding: 18px 20px; margin-top: 48px; font-size: 12px; color: var(--text-muted); line-height: 1.7; } .disclaimer strong { color: var(--text); }

/* ── 모바일 ── */ @media (max-width: 600px) { .rklb-hero .kpi-row { gap: 8px; } .rklb-hero .kpi { min-width: 100px; padding: 12px 14px; } .rklb-hero .kpi .val { font-size: 18px; } .compare-grid { grid-template-columns: 1fr; } .rklb-wrap h2 { font-size: 18px; } } /* 인삿말 텍스트 스타일 */ .biny-intro-text { font-size: 1.05rem; color: #333333; line-height: 1.6; margin-bottom: 1.5rem !important; word-break: keep-all; }

/* 두 번째 시안 스타일: 프로필 이미지 주변 부드러운 블러(Blur) 마스크 효과 */ .biny-profile-img { max-width: 320px; /* 이미지 최대 가로 크기 */ width: 100%; height: auto; display: block; margin: 0 auto; /* 핵심: 가장자리를 부드럽게 흐리는 마스크 효과 */ -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%); mask-image: radial-gradient(circle, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%); } .single-post .entry-content { max-width: 820px; margin: 0 auto; padding-bottom: 80px; } .single-post .entry-content .kpi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px; margin: 0 0 44px; } .single-post .entry-content .kpi-grid .kpi-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: var(--radius); padding: 20px 18px; box-shadow: var(--shadow); position: relative; } .single-post .entry-content .kpi-grid .kpi-card::before { content: ''; display: block; width: 32px; height: 3px; border-radius: 2px; background: var(--accent); margin-bottom: 12px; } .single-post .entry-content .kpi-grid .kpi-card.warn::before { background: var(--warn); } .single-post .entry-content .kpi-label { font-size: .75rem; color: var(--muted); font-weight: 600; letter-spacing: .04em; margin-bottom: 6px; } .single-post .entry-content .kpi-grid .kpi-val { font-size: 1.5rem; font-weight: 800; color: var(--primary); line-height: 1.2; } .single-post .entry-content .kpi-grid .kpi-val.up { color: #0a8a6a; } .single-post .entry-content .kpi-grid .kpi-card .value { font-size: 22px; font-weight: 800; color: var(--dark); line-height: 1; } .single-post .entry-content .kpi-val.warn { color: var(--warn); } .single-post .entry-content .kpi-note { font-size: .72rem; color: var(--muted); margin-top: 4px; } .single-post .entry-content .opinion-block { background: linear-gradient(135deg, #0f172a, #1e3a5f); border-radius: var(--radius); padding: 24px 26px; margin: 30px 0 10px; color: #e2e8f0; position: relative; } .single-post .entry-content .opinion-block::before { content: '📝 편집자 시각'; display: block; font-size: 11px; font-weight: 700; letter-spacing: .08em; color: #93c5fd; text-transform: uppercase; margin-bottom: 10px; } .single-post .entry-content .opinion-block p { font-size: 14px; line-height: 1.8; color: #cbd5e1; margin: 0; } .single-post .entry-content .compare-table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 22px 0; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.1); } .single-post .entry-content .compare-table thead tr { background: #333333; color: #ffffff; } .single-post .entry-content .compare-table thead th { padding: 13px 16px; text-align: left; font-weight: 700; font-size: 12px; letter-spacing: .05em; } .single-post .entry-content .compare-table tbody tr { border-bottom: 1px solid var(--border); } .single-post .entry-content .compare-table tbody tr:last-child { border-bottom: none; } .single-post .entry-content .compare-table tbody tr:nth-child(even) { background: var(--bg-section); } .single-post .entry-content .compare-table tbody td { padding: 12px 16px; color: var(--mid); line-height: 1.5; } .single-post .entry-content .compare-table tbody td:first-child { font-weight: 700; color: var(--dark); width: 130px; } .badge { display: inline-block; border-radius: 20px; padding: 2px 10px; font-size: 11px; font-weight: 700; } .badge.green { background: #dcfce7; color: #15803d; } .badge.amber { background: #fef3c7; color: #b45309; } .badge.red { background: #fee2e2; color: #b91c1c; } .badge.blue { background: #dbeafe; color: #1d4ed8; }

/* 사이드바 검색 위젯 전체 컨테이너 */ .widget_search .wp-block-search, .wp-block-search { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; gap: 10px !important; /* 검색창과 버튼 사이 간격 */ }

/* 불필요하게 공간을 차지하는 '검색' 라벨 숨기기 */ .wp-block-search__label { display: none !important; }

/* 검색 입력창 (가로 폭 넉넉히 확대) */ .wp-block-search__input { flex: 1 !important; width: 100% !important; height: 42px !important; padding: 0 14px !important; font-size: 14px !important; border: 1px solid #dcdcdc !important; border-radius: 6px !important; box-sizing: border-box !important; }

/* 검색 버튼 스타일 */ .wp-block-search__button { width: auto !important; height: 42px !important; padding: 0 18px !important; font-size: 14px !important; font-weight: 500 !important; white-space: nowrap !important; border-radius: 6px !important; margin: 0 !important; line-height: 42px !important; cursor: pointer !important; }

댓글

댓글 쓰기

이 블로그의 인기 게시물

구글 블로그스팟 맞춤 도메인 연결 방법｜DNS 설정부터 HTTPS까지

이미지
구글 블로그스팟(Blogger)을 운영하다 보면 기본으로 제공되는 blogspot.com 주소 대신 자신만의 도메인을 사용하고 싶어지는 시점이 있습니다. 예를 들어 happybeeny.blogspot.com 대신 happybeeny.com 과 같은 개인 도메인을 사용하면 블로그의 브랜드 이미지를 만들기 쉽고, 장기적으로 독립적인 웹사이트를 운영하는 데에도 도움이 됩니다. 다만 맞춤 도메인을 연결하려면 블로그스팟 관리자 화면에서 설정하는 것만으로 끝나는 것이 아닙니다. 도메인 등록업체의 DNS 설정과 블로그스팟의 도메인 인증 과정을 함께 진행해야 합니다. 이번 글에서는 가비아, 후이즈, 네임칩, 클라우드플레어 등에서 구입한 개인 도메인을 구글 블로그스팟에 연결하는 방법부터 HTTPS 설정까지 순서대로 정리해 보겠습니다. 1. 블로그스팟에서 맞춤 도메인 설정하기 먼저 구글 계정으로 블로그스팟 관리자 페이지에 로그인합니다. 왼쪽 메뉴에서 설정 → 게시 항목으로 이동하면 맞춤 도메인 설정 메뉴를 확인할 수 있습니다. 여기에서 연결하려는 개인 도메인을 입력합니다. 이때 중요한 점이 하나 있습니다. 블로그스팟의 맞춤 도메인은 일반적으로 루트 도메인인 mydomain.com 을 그대로 입력하는 것이 아니라 www 가 포함된 주소를 입력하는 방식 으로 설정합니다. 예를 들어 도메인이 다음과 같다면, happybeeny .com 블로그스팟에는 다음과 같이 입력합니다. www.happybeeny.com 도메인을 입력하고 저장하면 처음에는 오류 메시지가 나타날 수 있습니다. 처음 보면 연결에 실패한 것처럼 보이지만, 정상적인 과정입니다. 블로그스팟이 해당 도메인의 소유권을 확인하기 위해 DNS에 추가해야 할 CNAME 레코드 를 안내하기 때문입니다. 화면에는 보통 다음과 같은 두 개의 CNAME 정보가 표시됩니다. 첫 번째 CNAME 이름: www 대상: gh...
자세한 내용 보기

오로라 이노베이션, 로봇택시 대신 '자율주행 트럭'을 택한 이유

이미지
왜 '트럭'인가 — 로봇택시와 다른 접근 자율주행 투자라고 하면 테슬라나 웨이모 같은 승용차·로봇택시 기업이 먼저 떠오릅니다. 하지만 오로라 이노베이션은 승용차가 아닌 대형 화물 트럭의 자율주행 상용화에 집중합니다. 도심을 복잡하게 오가는 로봇택시와 달리 장거리 화물 운송은 고속도로와 주요 간선도로 위주로 이뤄지기 때문에 변수가 적고, 상대적으로 기술 상용화의 난도가 낮다는 것이 핵심 논리입니다. 물론 8만 파운드가 넘는 대형 트럭이 시속 100km 이상으로 주행할 때는 제동 거리가 매우 길어 고도의 정밀한 감지 기술이 필요합니다. 오로라는 카메라 중심의 승용차용 자율주행과 달리, 원거리 장애물을 밀리미터 단위로 감지하는 자체 개발 초장거리 라이다를 핵심 기술로 내세우고 있습니다. NASDAQ: AUR · 고위험 성장주 승용차가 아닌 고속도로 화물 운송에 집중하는 오로라 이노베이션의 사업 모델과 2026년 상용화 로드맵을 짚어봅니다. 2026년 말 목표 대수 200대+ 예상 매출 런레이트 약 8,000만$ 매출총이익 손익분기 2026년 말 잉여현금흐름 흑자 2028년 구독형 플랫폼 모델 — 트럭을 소유하지 않는다 미국 물류업계는 만성적인 운전사 부족과 법정 근무시간 제한으로 트럭을 24시간 가동하지 못하는 구조적 문제를 안고 있습니다. 오로라의 자율주행 기술은 인건비 절감을 넘어, 트럭 가동률 자체를 끌어올려 물류 병목을 해소할 수 있다는 점에서 의미가 있습니다. 주목할 점은 오로라가 트럭을 직접 소유·운송하는 방식이 아니라, 물류 회사에 주행 거리당 구독료를 받는 고마진 소프트웨어 플랫폼(Driver-as-a-Service) 모델을 지향한다는 것입니다. 이미 2025년 4월 텍사스 공공도로에서 무인(운전석 무탑승) 상업 운행을 시작했고, 2026년 말까지 200대 이상의 무인 트럭 운영과 연 환산 매...
자세한 내용 보기

클래리티법안(CLARITY Act), 미국 암호화폐 시장의 판도를 바꿀까

이미지
  2026년 하반기 미국 암호화폐 시장에서 가장 중요한 변수 중 하나로 클래리티법안(CLARITY Act) 이 다시 주목받고 있습니다. 클래리티법안의 정식 명칭은 Digital Asset Market Clarity Act (H.R. 3633)로, 미국에서 비트코인과 같은 디지털 자산을 어떤 기준으로 분류하고 어떤 규제기관이 감독할 것인지에 대한 시장 구조를 정립하는 법안입니다. 특히 현재 시장이 주목하는 이유는 단순히 법안이 발의됐기 때문이 아닙니다. 미국 상원에서 9월 15일 오후 2시 15분(현지시간) 법안 심의를 위한 절차투표(cloture vote)가 예정 되어 있기 때문입니다. 다만 이 투표가 곧 법안의 최종 통과를 의미하는 것은 아닙니다. 상원에서 본격적인 논의로 넘어가기 위한 관문, 즉 필리버스터를 종료하고 본회의 토론을 시작할 수 있는지를 가르는 60표 문턱이라고 이해하는 것이 정확합니다. 그렇다면 클래리티법안은 도대체 무엇을 바꾸려는 것일까요? 그리고 법안이 통과된다면 비트코인과 이더리움, 암호화폐 거래소, 관련 기업에는 어떤 변화가 나타날 수 있을까요? 클래리티법안이 중요한 이유 미국의 암호화폐 시장은 오랫동안 상당한 규제 불확실성을 안고 있었습니다. 가장 큰 문제 중 하나는 특정 디지털 자산을 증권(Security) 으로 볼 것인지, 아니면 상품(Commodity) 으로 볼 것인지가 명확하지 않았다는 점입니다. 증권으로 분류되면 기본적으로 미국 증권거래위원회(SEC)의 감독 영역에 들어가게 됩니다. 반면 상품으로 분류될 경우 핵심적인 시장 감독 권한은 상품선물거래위원회(CFTC)에 놓이게 됩니다. 클래리티법안은 이러한 경계를 보다 명확하게 설정하는 것을 핵심으로 합니다. 2025년 하원에서 통과된 법안은 디지털 상품에 대한 CFTC의 관할권을 명확하게 하고, 투자계약과 결합된 디지털 자산에 대한 SEC의 관할 범위도 구체화하는 내용을 담고 있습니다. 또한 디지털 상품이 2차 시장에서 거래될 때 적용되는 규제 문제와 투자자 보호 장치...
자세한 내용 보기