PageSourceSearch

https://www.dreampax-story.com/2025/10/dreampax-story.html

html dreampax-story.com collected 2026-10-06 03:40:53 UTC 112,604 bytes, 3,533 lines download raw bytes

1<!DOCTYPE html>
2<html dir='ltr' lang='ko' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
3<head>
4<!-- 🌍 Dreampax Europe &#183; Eurasia Atlas | Meta Set v3.4.1 (Blogger-safe) -->
5<!-- &#9989; 공통: title 은 테마에서 제어되므로 유지 or 필요시 한 줄만 사용 -->
6<title>Dreampax Europe &#183; Eurasia Atlas | by Nomad Europe</title>
7<!-- &#9989; Blogger가 description 자동삽입 하므로 중복 방지: 직접 description 태그는 넣지 않음 -->
8<!-- &#9989; 공통 메타 (XML 자기닫기) -->
9<meta content='Europe travel, Eurasia food, Nomad Europe, Dreampax Atlas, European culture, destinations, cuisine' name='keywords'/>
10<meta content='Dreampax Nomad Europe' name='author'/>
11<!-- &#9989; Canonical: Blogger 동적 URL 사용 (중복/에러 방지) -->
12<link href='https://www.dreampax-story.com/2025/10/dreampax-story.html' rel='canonical'/>
13<!-- &#9989; Open Graph: 홈에서만 강제 세팅 (포스트 상세는 Blogger/본문 메타가 우선) -->
14<!-- &#9989; JSON-LD: CDATA로 감싸 XML 파서 오류 방지 + 홈에서만 출력 -->
15<!-- 기본 스타일과 폰트 -->
16<link href='https://www.dreampax-story.com/favicon.ico' rel='icon'/>
17<link href='https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700;900&display=swap' rel='stylesheet'/>
18<!-- &#9989; 이 아래에 Dreampax 공통 meta / OG / JSON-LD 삽입 -->
19<meta content='Dreampax Story Network' name='author'/>
20<meta content='index,follow' name='robots'/>
21<meta content='summary_large_image' name='twitter:card'/>
22<meta content='website' property='og:type'/>
23<!-- JSON-LD 구조화데이터 (Dreampax Global Portal 확장형) -->
24<script type='application/ld+json'>
25//<![CDATA[
26{
27  "@context": "https://schema.org",
28  "@type": "WebSite",
29  "name": "Dreampax Story",
30  "url": "https://www.dreampax-story.com/",
31  "potentialAction": {
32    "@type": "SearchAction",
33    "target": "https://www.dreampax-story.com/search?q={search_term_string}",
34    "query-input": "required name=search_term_string"
35  },
36  "publisher": {
37    "@type": "Organization",
38    "name": "Dreampax Global Portal",
39    "logo": {
40      "@type": "ImageObject",
41      "url": "https://www.dreampax-story.com/logo.png"
42    }
43  }
44}
45//]]>
46</script>
46
47<!-- 기본적으로 테마에 삽입은 여기까지 -->
48<script async='async' crossorigin='anonymous' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6909855728136145'></script>
48
49<meta content='width=device-width, initial-scale=1' name='viewport'/>
50<title>Dreampax Global Portal: 세계를 향한 프리미엄 허브 </title>
51<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
52<!-- Chrome, Firefox OS and Opera -->
53<meta content='#f4f4f4' name='theme-color'/>
54<!-- Windows Phone -->
55<meta content='#f4f4f4' name='msapplication-navbutton-color'/>
56<meta content='blogger' name='generator'/>
57<link href='https://www.dreampax-story.com/favicon.ico' rel='icon' type='image/x-icon'/>
58<link href='https://www.dreampax-story.com/2025/10/dreampax-story.html' rel='canonical'/>
59<link rel="alternate" type="application/atom+xml" title="Dreampax Main Portal &#8211; Global Atlas - Atom" href="https://www.dreampax-story.com/feeds/posts/default" />
60<link rel="alternate" type="application/rss+xml" title="Dreampax Main Portal &#8211; Global Atlas - RSS" href="https://www.dreampax-story.com/feeds/posts/default?alt=rss" />
61<link rel="service.post" type="application/atom+xml" title="Dreampax Main Portal &#8211; Global Atlas - Atom" href="https://www.blogger.com/feeds/4909086606073048022/posts/default" />
62
63<link rel="alternate" type="application/atom+xml" title="Dreampax Main Portal &#8211; Global Atlas - Atom" href="https://www.dreampax-story.com/feeds/5325624919275626444/comments/default" />
64<!--Can't find substitution for tag [blog.ieCssRetrofitLinks]-->
65<link href='https://blogger.googleusercontent.com/img/a/AVvXsEgPlloBp8YVjkf8phuyfuqXkvO2ldI2KJXtcVO4asclUuFukssJNNcXEJJCBUQb_7IEDKexSSCf8UvMIvHdNcVKkayio6rkCm0mB7emD9yPTnjXVHWTvBpD2eG7ELrj9-ng_U0Yq6xp20sycQCGeQcY75oYQ1kxKkGypkeGkOTeBxadk0RQYEmWlVUptSYV' rel='image_src'/>
66<meta content='Dreampax Story Network의 메인 허브입니다. 음식·여행·건강·커리어·중국·문화 시리즈 등 Dreampax의 모든 블로그 허브를 한눈에 연결합니다.
67' name='description'/>
68<meta content='https://www.dreampax-story.com/2025/10/dreampax-story.html' property='og:url'/>
69<meta content='Dreampax Global Portal: 세계를 향한 프리미엄 허브 ' property='og:title'/>
70<meta content='Dreampax Story Network의 메인 허브입니다. 음식·여행·건강·커리어·중국·문화 시리즈 등 Dreampax의 모든 블로그 허브를 한눈에 연결합니다.
71' property='og:description'/>
72<meta content='https://blogger.googleusercontent.com/img/a/AVvXsEgPlloBp8YVjkf8phuyfuqXkvO2ldI2KJXtcVO4asclUuFukssJNNcXEJJCBUQb_7IEDKexSSCf8UvMIvHdNcVKkayio6rkCm0mB7emD9yPTnjXVHWTvBpD2eG7ELrj9-ng_U0Yq6xp20sycQCGeQcY75oYQ1kxKkGypkeGkOTeBxadk0RQYEmWlVUptSYV=w1200-h630-p-k-no-nu' property='og:image'/>
73<style type='text/css'>@font-face{font-family:'Damion';font-style:normal;font-weight:400;font-display:swap;src:url(//fonts.gstatic.com/s/damion/v15/hv-XlzJ3KEUe_YZkamwz.ttf)format('truetype');}@font-face{font-family:'Playfair Display';font-style:normal;font-weight:900;font-display:swap;src:url(//fonts.gstatic.com/s/playfairdisplay/v40/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKfsunDXbtY.ttf)format('truetype');}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;font-stretch:normal;font-display:swap;src:url(//fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLt_QuAj-lg.ttf)format('truetype');}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(//fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiA8.ttf)format('truetype');}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-stretch:normal;font-display:swap;src:url(//fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjalmUiA8.ttf)format('truetype');}</style>
74<style id='page-skin-1' type='text/css'><!--
75/* ===== 블로그 타이틀 (Global Food Story) ===== */
76.Header h1, .Header .title {
77font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;
78font-weight: 700 !important;
79color: #4B0082 !important; /* 인디고 보라 */
80font-size: 2em;
81}
82/* ===== 네비게이션 메뉴 (홈, 갈비찜 레시피 등) ===== */
83.PageList ul li a {
84background: none !important;   /* 박스 배경 제거 */
85border: none !important;       /* 테두리 제거 */
86padding: 0 12px !important;    /* 좌우 여백 */
87font-weight: 700 !important;   /* 굵은 글씨 */
88color: #000000 !important;     /* 검정색 글씨 */
89font-size: 1.1em;
90}
91/* hover 효과 */
92.PageList ul li a:hover {
93color: #4B0082 !important; /* 마우스 올리면 보라색 */
94text-decoration: underline; /* 밑줄로 강조 */
95}
96/* ===== 전체 폰트 설정 ===== */
97body {
98font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;
99color: #333333 !important; /* 본문 기본 텍스트 색상 */
100line-height: 1.7;
101font-size: 16px;
102background-color: #ffffff;
103margin: 0;
104padding: 0;
105}
106/* ===== 제목 스타일 ===== */
107h1 {
108font-family: 'Roboto', 'Noto Serif KR', serif !important;
109font-size: 2em;
110font-weight: 700;
111color: #4B0082 !important;  /* 대표 브랜드 컬러 (인디고) */
112margin: 1.2em 0 0.6em 0;
113}
114h2 {
115font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;
116font-size: 1.6em;
117font-weight: 600;
118color: #064e3b !important; /* 서브 컬러 (다크 그린) */
119margin: 1em 0 0.5em 0;
120}
121h3 {
122font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;
123font-size: 1.3em;
124font-weight: 600;
125color: #1e3a8a !important;/* 보조 네이비 톤 */
126margin: 0.8em 0 0.4em 0;
127}
128/* ===== 링크 스타일 ===== */
129a {
130color: #1a73e8; /* 기본 Google 블루 */
131text-decoration: none;
132transition: color 0.3s ease, border-bottom 0.3s ease;
133}
134a:hover {
135color: #ff0000; /* 마우스 올렸을 때 빨간색 */
136border-bottom: 1px dashed #ff0000;
137}
138/* ===== 강조 텍스트 ===== */
139strong, b {
140color: #4B0082;
141font-weight: 700;
142}
143/* ===== 인용문 스타일 ===== */
144blockquote {
145background: #f9f9f9;
146border-left: 4px solid #4B0082;
147padding: 10px 15px;
148margin: 1em 0;
149color: #444;
150font-style: italic;
151}
152/* 제목 크기 조절 */
153.post-title, .entry-title,
154h1 { font-size: 1.6em !important;
155/* 기본보다 조금 작게 */
156line-height: 1.3;
157/* 줄 간격 */
158color: #4B0082 !important;
159/* 아주 짙은 보라색 */ font-weight: bold; }
160/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
161/*
162/*<!-- Constants -->*/
163<Variable name="damionRegular36" description="Damion Regular 36" type="font" default="400 36px Damion, cursive" hideEditor="true" />
164<Variable name="damionRegular62" description="Damion Regular 62" type="font" default="400 62px Damion, cursive" hideEditor="true" />
165<Variable name="playfairDisplayBlack28" description="Playfair Display Black 28" type="font" default="900 28px Playfair Display, serif" hideEditor="true" />
166<Variable name="playfairDisplayBlack36" description="Playfair Display Black 36" type="font" default="900 36px Playfair Display, serif" hideEditor="true" />
167<Variable name="playfairDisplayBlack44" description="Playfair Display Black 44" type="font" default="900 44px Playfair Display, serif" hideEditor="true" />
168<Variable name="robotoNormal15" description="Roboto Normal 15" type="font" default="15px Roboto, sans-serif" hideEditor="true" />
169<Variable name="robotoNormal16" description="Roboto Normal 16" type="font" default="16px Roboto, sans-serif" hideEditor="true" />
170<Variable name="robotoLightItalic15" description="Roboto Light Ital
170ic 15" type="font" default="italic 300 15px Roboto, sans-serif" hideEditor="true" />
171<Variable name="robotoBold22" description="Roboto Bold 22" type="font" default="bold 22px Roboto, sans-serif" hideEditor="true" />
172<Variable name="robotoBold30" description="Roboto Bold 30" type="font" default="bold 30px Roboto, sans-serif" hideEditor="true" />
173<Variable name="robotoBold45" description="Roboto Bold 45" type="font" default="bold 45px Roboto, sans-serif" hideEditor="true" />
174/*<!-- Variable definitions -->*/
175<Variable name="keycolor" description="Main Color" type="color" default="#2196f3" />
176<Variable name="startSide" description="Start side in blog language" type="automatic" default="left" hideEditor="true" />
177<Variable name="endSide" description="End side in blog language" type="automatic" default="right" hideEditor="true" />
178<Group description="Page Text">
179<Variable name="body.text.font" description="Font"
180type="font"
181default="15px Roboto, sans-serif" />
182<Variable name="body.text.color" description="Color"
183type="color"
184default="#757575" />
185</Group>
186<Group description="Backgrounds">
187<Variable name="body.background.height" description="Background height"
188type="length"
189min="420px"
190max="640px"
191default="480px" />
192<Variable name="body.background" description="Background"
193color="#f4f4f4"
194type="background"
195default="$(color) none repeat scroll top left" />
196<Variable name="body.background.shadow" description="Background overlay shadow"
197type="color"
198default="rgba(0,0,0,.26)" />
199<Variable name="body.background.color" description="Body background color"
200type="color"
201default="#eee" />
202<Variable name="posts.background.color" description="Post background color"
203type="color"
204default="#fff" />
205<Variable name="body.background.blur" description="Background blur"
206type="length"
207min="0px"
208max="50px"
209default="0px" />
210</Group>
211<Group description="Links">
212<Variable name="body.link.color" description="Link color"
213type="color"
214default="#2196f3" />
215<Variable name="body.link.visited.color" description="Visited link color"
216type="color"
217default="#2196f3" />
218<Variable name="body.link.hover.color" description="Link Hover Color"
219type="color"
220default="#2196f3" />
221</Group>
222<Group description="Blog title" selector="div.widget.Header">
223<Variable name="blog.title.font" description="Font"
224type="font"
225default="bold 45px Roboto, sans-serif" />
226<Variable name="blog.title.color" description="Color"
227type="color"
228default="#fff" />
229<Variable name="header.icons.color"
230description="Background icons color"
231type="color"
232default="#fff" />
233</Group>
234<Group description="Tabs text" selector="div.widget.PageList">
235<Variable name="tabs.font" description="Font"
236type="font"
237family="Roboto, sans-serif"
238size="15px"
239default="700 normal $(size) $(family)" />
240<Variable name="tabs.color" description="Text color"
241type="color"
242default="#ccc" />
243<Variable name="tabs.selected.color" description="Selected color"
244type="color"
245default="#fff" />
246<Variable name="tabs.overflow.background.color" description="Popup background color"
247type="color"
248default="#ffffff" />
249<Variable name="tabs.overflow.color" description="Popup text color"
250type="color"
251default="#757575" />
252<Variable name="tabs.overflow.selected.color" description="Popup selected color"
253type="color"
254default="#424242" />
255</Group>
256<Group description="Posts" selector="div.widget.Blog">
257<Variable name="posts.title.color" description="Post title color"
258type="color"
259default="#424242" />
260<Variable name="posts.title.font" description="Post title font"
261type="font"
262default="bold 22px Roboto, sans-serif" />
263<Variable name="posts.stream.title.font" description="Post title stream font"
264type="font"
265default="bold 30px Roboto, sans-serif" />
266<Variable name="posts.text.font" description="Post text font"
267type="font"
268default="15px Roboto, sans-serif" />
269<Variable name="posts.text.color" description="Post text color"
270type="color"
271default="#00008B" />
272<Variable name="posts.byline.color" description="Post byline color"
273type="color"
274default="rgba(0, 0, 0, 0.54)" />
275<Variable name="blockquote.font" description="Blockquote font"
276type="font"
277default="italic 300 15px Roboto, sans-serif" />
278<Variable name="blockquote.color" description="Blockquote color"
279type="color"
280default="#444" />
281<Variable name="posts.icons.color"
282description="Post icons color"
283type="color"
284default="#707070" />
285<Variable name="posts.boxshadow.color" description="Post box shadow color"
286type="color"
287default="rgba(0, 0, 0, 0)" />
288</Group>
289<Group description="Search">
290<Variable name="search.input.color" description="Input color"
291type="color"
292default="#424242" />
293<Variable name="search.input.font" description="Input font"
294type="font"
295default="16px Roboto, sans-serif" />
296<Variable name="search.placeholder.color" description="Placeholder text color"
297type="color"
298default="#424242" />
299</Group>
300<Group description="Sharing">
301<Variable name="sharing.background.color"
302description="Sharing background color"
303type="color"
304default="#ffffff" />
305<Variable name="sharing.text.color" description="Sharing text color"
306type="color"
307default="#424242" />
308<Variable name="sharing.icons.color"
309description="Sharing icons color"
310type="color"
311default="#424242" />
312</Group>
313<Group description="Popular posts" selector="div.widget.PopularPosts">
314<Variable name="popularposts.background.color"
315description="Popular post background color"
316type="color"
317default="#f4f4f4" />
318<Variable name="popularposts.byline.color"
319description="Popular post byline color"
320type="color"
321default="rgba(0, 0, 0, 0.54)" />
322<Variable name="popularposts.title.color"
323description="Popular post title color"
324type="color"
325default="#424242" />
326<Variable name="popularposts.text.color"
327description="Popular post text color"
328type="color"
329default="#757575" />
330<Variable name="popularposts.link.color"
331description="Popular post link color"
332type="color"
333default="#2196f3" />
334</Group>
335<Group description="Post navigation" selector='div.blog-pager'>
336<Variable name="posts.navigation.link.color"
337description="Post navigation links color"
338type="color"
339default="#2196f3" />
340<Variable name="posts.navigation.link.visited.color"
341description="Post navigation links visited color"
342type="color"
343default="#2196f3" />
344<Variable name="posts.navigation.link.hover.color"
345description="Post navigations links hover color"
346type="color"
347default="#2196f3" />
348</Group>
349<Group description="Sidebar" selector="div.sidebar-container">
350<Variable name="sidebar.backgroundColorTop"
351description="Background color (Top)"
352type="color"
353default="#f7f7f7" />
354<Variable name="sidebar.backgroundColorTopHD"
355description="Background color (Top) - HD"
356type="color"
357default="rgba(255, 255, 255, 1)" />
358<Variable name="sidebar.backgroundColorBottom"
359description="Background color (Bottom)"
360type="color"
361default="#fff" />
362<Variable name="sidebar.separator.color"
363description="Separator color"
364type="color"
365default="#ccc" />
366<Variable name="widget.title.color"
367description="Gadget title color"
368type="color"
369default="#424242" />
370<Variable name="sidebar.icons.color"
371description="Sidebar icons color"
372type="color"
373default="#707070" />
374</Group>
375<Group description="Author profile" selector='.widget.Profile'>
376<Variable name="profile.title.color" description="Profile title color"
377type="color"
378default="rgba(0,0,0,0.52)" />
379<Variable name="profile.text.color" description="Profile text color"
380type="color"
381default="rgba(0, 0, 0, 0.54)" />
382<Variable name="profile.link.color" description="Profile link color"
383type="color"
384default="#424242" />
385</Group>
386<Group description="Labels" selector=".widget.Label">
387<Variable name="labels.text.color"
388description="Label text color"
389type="color"
390default="#2196f3" />
391<Variable name="labels.background.color"
392description="Label background color"
393type="color"
394red="33"
395green="150"
396blue="243"
397default="rgba($red, $green, $blue, 0.05)" />
398</Group>
399<Group description="Attribution" selector=".widget.Attribution">
400<Variable name="attribution.text.color" description="Attribution text color"
401type="color"
402default="#00008B" />
403<Variable name="attribution.link.color" description="Attribution link color"
404type="color"
405default="#2196f3" />
406<Variable name="attribution.icon.color" description="Attribution icon color"
407type="color"
408default="#707070"
409hideEditor="true" />
410</Group>
411<Group description="Widths">
412<Variable name="sidebar.width" description="Sidebar width" type="length"
413min="100px" max="1000px" default="284px" />
414<Variable name="content.width" description="Content width" type="length"
415min="600px" max="2400px" default="922px" />
416<Variable name="content.margin" description="Content margin" type="length"
417min="0px" max="1000px" default="117px" />
418</Group>
419*/
420/*!************************************************
421* Blogger Template Style
422* Name: Essential
423**************************************************/
424body{
425overflow-wrap:break-word;
426word-break:break-word;
427word-wrap:break-word
428}
429.hidden{
430display:none
431}
432.invisible{
433visibility:hidden
434}
435.container:after,.float-container:after{
436clear:both;
437content:"";
438display:table
439}
440.clearboth{
441clear:both
442}
443#comments .comment .comment-actions,.subscribe-popup .FollowByEmail .follow-by-email-submit,.widget.Profile .profile-link,.widget.Profile .profile-link.visit-profile{
444background:transparent;
445border:0;
446box-shadow:none;
447color:#2196f3;
448cursor:pointer;
449font-size:14px;
450font-weight:700;
451outline:none;
452text-decoration:none;
453text-transform:uppercase;
454width:auto
455}
456.dim-overlay{
457height:100vh;
458left:0;
459position:fixed;
460top:0;
461width:100%
462}
463#sharing-dim-overlay{
464background-color:transparent;
465}
466input::-ms-clear{
467display:none
468}
469.blogger-logo,.svg-icon-24.blogger-logo{
470fill:#ff9800;
471opacity:1
472}
473.loading-spinner-large{
474-webkit-animation:mspin-rotate 1568.63ms linear infinite;
475animation:mspin-rotate 1568.63ms linear infinite;
476height:48px;
477overflow:hidden;
478position:absolute;
479width:48px;
480z-index:200
481}
482.loading-spinner-large>div{
483-webkit-animation:mspin-revrot 5332ms steps(4) infinite;
484animation:mspin-revrot 5332ms steps(4) infinite
485}
486.loading-spinner-large>div>div{
487-webkit-animation:mspin-singlecolor-large-film 1333ms steps(81) infinite;
488animation:mspin-singlecolor-large-film 1333ms steps(81) infinite;
489background-size:100%;
490height:48px;
491width:3888px
492}
493.mspin-black-large>div>div,.mspin-grey_54-large>div>div{
494background-image:url(https://www.blogblog.com/indie/mspin_black_large.svg)
495}
496.mspin-white-large>div>div{
497background-image:url(https://www.blogblog.com/indie/mspin_white_large.svg)
498}
499.mspin-grey_54-large{
500opacity:.54
501}
502@-webkit-keyframes mspin-singlecolor-large-film{
5030%{
504-webkit-transform:translateX(0);
505transform:translateX(0)
506}
507to{
508-webkit-transform:translateX(-3888px);
509transform:translateX(-3888px)
510}
511}
512@keyframes mspin-singlecolor-large-film{
5130%{
514-webkit-transform:translateX(0);
515transform:translateX(0)
516}
517to{
518-webkit-transform:translateX(-3888px);
519transform:translateX(-3888px)
520}
521}
522@-webkit-keyframes mspin-rotate{
5230%{
524-webkit-transform:rotate(0deg);
525transform:rotate(0deg)
526}
527to{
528-webkit-transform:rotate(1turn);
529transform:rotate(1turn)
530}
531}
532@keyframes mspin-rotate{
5330%{
534-webkit-transform:rotate(0deg);
535transform:rotate(0deg)
536}
537to{
538-webkit-transform:rotate(1turn);
539transform:rotate(1turn)
540}
541}
542@-webkit-keyframes mspin-revrot{
5430%{
544-webkit-transform:rotate(0deg);
545transform:rotate(0deg)
546}
547to{
548-webkit-transform:rotate(-1turn);
549transform:rotate(-1turn)
550}
551}
552@keyframes mspin-revrot{
5530%{
554-webkit-transform:rotate(0deg);
555transform:rotate(0deg)
556}
557to{
558-webkit-transform:rotate(-1turn);
559transform:rotate(-1turn)
560}
561}
562.skip-navigation{
563background-color:#fff;
564box-sizing:border-box;
565color:#000;
566display:block;
567height:0;
568left:0;
569line-height:50px;
570overflow:hidden;
571padding-top:0;
572position:fixed;
573text-align:center;
574top:0;
575-webkit-transition:box-shadow .3s,height .3s,padding-top .3s;
576transition:box-shadow .3s,height .3s,padding-top .3s;
577width:100%;
578z-index:900
579}
580.skip-navigation:focus{
581box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
582height:50px
583}
584#main{
585outline:none
586}
587.main-heading{
588position:absolute;
589clip:rect(1px,1px,1px,1px);
590padding:0;
591border:0;
592height:1px;
593width:1px;
594overflow:hidden
595}
596.Attribution{
597margin-top:1em;
598text-align:center
599}
600.Attribution .blogger img,.Attribution .blogger svg{
601vertical-align:bottom
602}
603.Attribution .blogger img{
604margin-right:.5em
605}
606.Attribution div{
607line-height:24px;
608margin-top:.5em
609}
610.Attribution .copyright,.Attribution .image-attribution{
611font-size:.7em;
612margin-top:1.5em
613}
614.BLOG_mobile_video_class{
615display:none
616}
617.bg-photo{
618background-attachment:scroll!important
619}
620body .CSS_LIGHTBOX{
621z-index:900
622}
623.extendable .show-less,.extendable .show-more{
624border-color:#2196f3;
625color:#2196f3;
626margin-top:8px
627}
628.extendable .show-less.hidden,.extendable .show-more.hidden,.inline-ad{
629display:none
630}
631.inline-ad{
632max-width:100%;
633overflow:hidden
634}
635/* .adsbygoogle{
636display:block
637} */
638#cookieChoiceInfo{
639bottom:0;
640top:auto
641}
642iframe.b-hbp-video{
643border:0
644}
645.post-body iframe,.post-body img{
646max-width:100%
647}
648.post-body a[imageanchor=\31]{
649display:inline-block
650}
651.byline{
652margin-right:1em
653}
654.byline:last-child{
655margin-right:0
656}
657.link-copied-dialog{
658max-width:520px;
659outline:0
660}
661.link-copied-dialog .modal-dialog-buttons{
662margin-top:8px
663}
664.link-copied-dialog .goog-buttonset-default{
665background:transparent;
666border:0
667}
668.link-copied-dialog .goog-buttonset-default:focus{
669outline:0
670}
671.paging-control-container{
672margin-bottom:16px
673}
674.paging-control-container .paging-control{
675display:inline-block
676}
677.paging-control-container .comment-range-text:after,.paging-control-container .paging-control{
678color:#2196f3;
679}
680.paging-control-container .comment-range-text,.paging-control-container .paging-control{
681margin-right:8px
682}
683.paging-control-container .comment-range-text:after,.paging-control-container .paging-control:after{
684content:"\b7";
685cursor:default;
686padding-left:8px;
687pointer-events:none
688}
689.paging-control-container .comment-range-text:last-child:after,.paging-control-container .paging-control:last-child:after{
690content:none
691}
692.byline.reactions iframe{
693height:20px
694}
695.b-notification{
696color:#000;
697background-color:#fff;
698border-bottom:1px solid #000;
699box-sizing:border-box;
700padding:16px 32px;
701text-align:center
702}
703.b-notification.visible{
704-webkit-transition:margin-top .3s cubic-bezier(.4,0,.2,1);
705transition:margin-top .3s cubic-bezier(.4,0,.2,1)
706}
707.b-notification.invisible{
708position:absolute
709}
710.b-notification-close{
711position:absolute;
712right:8px;
713top:8px
714}
715.no-posts-message{
716line-height:40px;
717text-align:center
718}
719@media screen and (max-width:800px){
720body.item-view .post-body a[imageanchor=\31][style*=float\:\ left\;],body.item-view .post-body a[imageanchor=\31][style*=float\:\ right\;]{
721float:none!important;
722clear:none!important
723}
724body.item-view .post-body a[imageanchor=\31] img{
725display:block;
726height:auto;
727margin:0 auto
728}
729body.item-view .post-body>.separator:first-child>a[imageanchor=\31]:first-child{
730margin-top:20px
731}
732.post-body a[imageanchor]{
733display:block
734}
735body.item-view .post-body a[imageanchor=\31]{
736margin-left:0!important;
737margin-right:0!important
738}
739body.item-view .post-body a[imageanchor=\31]+a[imageanchor=\31]{
740margin-top:16px
741}
742}
743.item-control{
744display:none
745}
746#comments{
747border-top:1px dashed rgba(0,0,0,.54);
748margin-top:20px;
749padding:20px
750}
751#comments .comment-thread ol{
752margin:0;
753padding-left:0;
754padding-left:0
755}
756#comments .comment-thread .comment-replies,#comments .comment .comment-replybox-single{
757margin-left:60px
758}
759#comments .comment-thread .thread-count{
760display:none
761}
762#comments .comment{
763list-style-type:none;
764padding:0 0 30px;
765position:relative
766}
767#comments .comment .comment{
768padding-bottom:8px
769}
770.comment .avatar-image-container{
771position:absolute
772}
773.comment .avatar-image-container img{
774border-radius:50%
775}
776.avatar-image-container svg,.comment .avatar-image-container .avatar-icon{
777border-radius:50%;
778border:1px solid #707070;
779box-sizing:border-box;
780fill:#707070;
781height:35px;
782margin:0;
783padding:7px;
784width:35px
785}
786.comment .comment-block{
787margin-top:10px;
788margin-left:60px;
789padding-bottom:0
790}
791#comments .comment-author-header-wrapper{
792margin-left:40px
793}
794#comments .comment .thread-expanded .comment-block{
795padding-bottom:20px
796}
797#comments .comment .comment-header .user,#comments .comment .comment-header .user a{
798color:#424242;
799font-style:normal;
800font-weight:700
801}
802#comments .comment .comment-actions{
803bottom:0;
804margin-bottom:15px;
805position:absolute
806}
807#comments .comment .comment-actions>*{
808margin-right:8px
809}
810#comments .comment .comment-header .datetime{
811bottom:0;
812display:inline-block;
813font-size:13px;
814font-style:italic;
815margin-left:8px
816}
817#comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime,#comments .comment .comment-header .datetime a{
818color:rgba(66,66,66,.54);
819}
820#comments .comment .comment-content,.comment .comment-body{
821margin-top:12px;
822word-break:break-word
823}
824.comment-body{
825margin-bottom:12px
826}
827#comments.embed[data-num-comments=\30]{
828border:0;
829margin-top:0;
830padding-top:0
831}
832#comment-editor-src,#comments.embed[data-num-comments=\30] #comment-post-message,#comments.embed[data-num-comments=\30] div.comment-form>p,#comments.embed[data-num-comments=\30] p.comment-footer{
833display:none
834}
835.comments .comments-content .loadmore.loaded{
836max-height:0;
837opacity:0;
838overflow:hidden
839}
840.extendable .remaining-items{
841height:0;
842overflow:hidden;
843-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);
844transition:height .3s cubic-bezier(.4,0,.2,1)
845}
846.extendable .remaining-items.expanded{
847height:auto
848}
849.svg-icon-24,.svg-icon-24-button{
850cursor:pointer;
851height:24px;
852width:24px;
853min-width:24px
854}
855.touch-icon{
856margin:-12px;
857padding:12px
858}
859.touch-icon:active,.touch-icon:focus{
860background-color:hsla(0,0%,60%,.4);
861border-radius:50%
862}
863svg:not(:root).touch-icon{
864overflow:visible
865}
866html[dir=rtl] .rtl-reversible-icon{
867-webkit-transform:scaleX(-1);
868transform:scaleX(-1)
869}
870.svg-icon-24-button,.touch-icon-button{
871background:transparent;
872border:0;
873margin:0;
874outline:none;
875padding:0
876}
877.touch-icon-button .touch-icon:active,.touch-icon-button .touch-icon:focus{
878background-color:transparent;
879}
880.touch-icon-button:active .touch-icon,.touch-icon-button:focus .touch-icon{
881background-color:hsla(0,0%,60%,.4);
882border-radius:50%
883}
884.Profile .default-avatar-wrapper .avatar-icon{
885border-radius:50%;
886border:1px solid #707070;
887box-sizing:border-box;
888fill:#707070;
889margin:0
890}
891.Profile .individual .default-avatar-wrapper .avatar-icon{
892padding:25px
893}
894.Profile .individual .avatar-icon,.Profile .individual .profile-img{
895height:120px;
896width:120px
897}
898.Profile .team .default-avatar-wrapper .avatar-icon{
899padding:8px
900}
901.Profile .team .avatar-icon,.Profile .team .default-avatar-wrapper,.Profile .team .profile-img{
902height:40px;
903width:40px
904}
905.snippet-container{
906margin:0;
907position:relative;
908overflow:hidden
909}
910.snippet-fade{
911bottom:0;
912box-sizing:border-box;
913position:absolute;
914width:96px;
915right:0
916}
917.snippet-fade:after{
918content:"\2026";
919float:right
920}
921.post-bottom{
922-webkit-box-align:center;
923align-items:center;
924display:-webkit-box;
925display:flex;
926flex-wrap:wrap
927}
928.post-footer{
929-webkit-box-flex:1;
930flex:1 1 auto;
931flex-wrap:wrap;
932-webkit-box-ordinal-group:2;
933order:1
934}
935.post-footer>*{
936-webkit-box-flex:0;
937flex:0 1 auto
938}
939.post-footer .byline:last-child{
940margin-right:1em
941}
942.jump-link{
943-webkit-box-flex:0;
944flex:0 0 auto;
945-webkit-box-ordinal-group:3;
946order:2
947}
948.centered-top-container.sticky{
949left:0;
950position:fixed;
951right:0;
952top:0;
953width:auto;
954z-index:50;
955-webkit-transition-property:opacity,-webkit-transform;
956transition-property:opacity,-webkit-transform;
957transition-property:transform,opacity;
958transition-property:transform,opacity,-webkit-transform;
959-webkit-transition-duration:.2s;
960transition-duration:.2s;
961-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);
962transition-timing-function:cubic-bezier(.4,0,.2,1)
963}
964.centered-top-placeholder{
965display:none
966}
967.collapsed-header .centered-top-placeholder{
968display:block
969}
970.centered-top-container .Header .replaced h1,.centered-top-placeholder .Header .replaced h1{
971display:none
972}
973.centered-top-container.sticky .Header .replaced h1{
974display:block
975}
976.centered-top-container.sticky .Header .header-widget{
977background:none
978}
979.centered-top-container.sticky .Header .header-image-wrapper{
980display:none
981}
982.centered-top-container img,.centered-top-placeholder img{
983max-width:100%
984}
985.collapsible{
986-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);
987transition:height .3s cubic-bezier(.4,0,.2,1)
988}
989.collapsible,.collapsible>summary{
990display:block;
991overflow:hidden
992}
993.collapsible>:not(summary){
994display:none
995}
996.collapsible[open]>:not(summary){
997display:block
998}
999.collapsible:focus,.collapsible>summary:focus{
1000outline:none
1001}
1002.collapsible>summary{
1003cursor:pointer;
1004display:block;
1005padding:0
1006}
1007.collapsible:focus>summary,.collapsible>summary:focus{
1008background-color:transparent;
1009}
1010.collapsible>summary::-webkit-details-marker{
1011display:none
1012}
1013.collapsible-title{
1014-webkit-box-align:center;
1015align-items:center;
1016display:-webkit-box;
1017display:flex
1018}
1019.collapsible-title .title{
1020-webkit-box-flex:1;
1021flex:1 1 auto;
1022-webkit-box-ordinal-group:1;
1023order:0;
1024overflow:hidden;
1025text-overflow:ellipsis;
1026white-space:nowrap
1027}
1028.collapsible-title .chevron-down,.collapsible[open] .collapsible-title .chevron-up{
1029display:block
1030}
1031.collapsible-title .chevron-up,.collapsible[open] .collapsible-title .chevron-down{
1032display:none
1033}
1034.flat-button{
1035font-weight:700;
1036text-transform:uppercase;
1037border-radius:2px;
1038padding:8px;
1039margin:-8px
1040}
1041.flat-button,.flat-icon-button{
1042cursor:pointer;
1043display:inline-block
1044}
1045.flat-icon-button{
1046background:transparent;
1047border:0;
1048outline:none;
1049margin:-12px;
1050padding:12px;
1051box-sizing:content-box;
1052line-height:0
1053}
1054.flat-icon-button,.flat-icon-button .splash-wrapper{
1055border-radius:50%
1056}
1057.flat-icon-button .splash.animate{
1058-webkit-animation-duration:.3s;
1059animation-duration:.3s
1060}
1061.overflowable-container{
1062max-height:46px;
1063overflow:hidden;
1064position:relative
1065}
1066.overflow-button{
1067cursor:pointer
1068}
1069#overflowable-dim-overlay{
1070background:transparent
1071}
1072.overflow-popup{
1073box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
1074background-color:#ffffff;
1075left:0;
1076max-width:calc(100% - 32px);
1077position:absolute;
1078top:0;
1079visibility:hidden;
1080z-index:101
1081}
1082.overflow-popup ul{
1083list-style:none
1084}
1085.overflow-popup .tabs li,.overflow-popup li{
1086display:block;
1087height:auto
1088}
1089.overflow-popup .tabs li{
1090padding-left:0;
1091padding-right:0
1092}
1093.overflow-button.hidden,.overflow-popup .tabs li.hidden,.overflow-popup li.hidden{
1094display:none
1095}
1096.pill-button{
1097background:transparent;
1098border:1px solid;
1099border-radius:12px;
1100cursor:pointer;
1101display:inline-block;
1102padding:4px 16px;
1103text-transform:uppercase
1104}
1105.ripple{
1106position:relative
1107}
1108.ripple>*{
1109z-index:1
1110}
1111.splash-wrapper{
1112bottom:0;
1113left:0;
1114overflow:hidden;
1115pointer-events:none;
1116position:absolute;
1117right:0;
1118top:0;
1119z-index:0
1120}
1121.splash{
1122background:#ccc;
1123border-radius:100%;
1124display:block;
1125opacity:.6;
1126position:absolute;
1127-webkit-transform:scale(0);
1128transform:scale(0)
1129}
1130.splash.animate{
1131-webkit-animation:ripple-effect .4s linear;
1132animation:ripple-effect .4s linear
1133}
1134@-webkit-keyframes ripple-effect{
1135to{
1136opacity:0;
1137-webkit-transform:scale(2.5);
1138transform:scale(2.5)
1139}
1140}
1141@keyframes ripple-effect{
1142to{
1143opacity:0;
1144-webkit-transform:scale(2.5);
1145transform:scale(2.5)
1146}
1147}
1148.search{
1149display:-webkit-box;
1150display:flex;
1151line-height:24px;
1152width:24px
1153}
1154.search.focused,.search.focused .section{
1155width:100%
1156}
1157.search form{
1158z-index:101
1159}
1160.search h3{
1161display:none
1162}
1163.search form{
1164display:-webkit-box;
1165display:flex;
1166-webkit-box-flex:1;
1167flex:1 0 0;
1168border-bottom:1px solid transparent;
1169padding-bottom:8px
1170}
1171.search form>*{
1172display:none
1173}
1174.search.focused form>*{
1175display:block
1176}
1177.search .search-input label{
1178display:none
1179}
1180.collapsed-header .centered-top-container .search.focused form{
1181border-bottom-color:transparent;
1182}
1183.search-expand{
1184-webkit-box-flex:0;
1185flex:0 0 auto
1186}
1187.search-expand-text{
1188display:none
1189}
1190.search-close{
1191display:inline;
1192vertical-align:middle
1193}
1194.search-input{
1195-webkit-box-flex:1;
1196flex:1 0 1px
1197}
1198.search-input input{
1199background:none;
1200border:0;
1201box-sizing:border-box;
1202color:#424242;
1203display:inline-block;
1204outline:none;
1205width:calc(100% - 48px)
1206}
1207.search-input input.no-cursor{
1208color:transparent;
1209text-shadow:0 0 0 #424242
1210}
1211.collapsed-header .centered-top-container .search-action,.collapsed-header .centered-top-container .search-input input{
1212color:#424242;
1213}
1214.collapsed-header .centered-top-container .search-input input.no-cursor{
1215color:transparent;
1216text-shadow:0 0 0 #424242
1217}
1218.collapsed-header .centered-top-container .search-input input.no-cursor:focus,.search-input input.no-cursor:focus{
1219outline:none
1220}
1221.search-focused>*{
1222visibility:hidden
1223}
1224.search-focused .search,.search-focused .search-icon{
1225visibility:visible
1226}
1227.widget.Sharing .sharing-button{
1228display:none
1229}
1230.widget.Sharing .sharing-buttons li{
1231padding:0
1232}
1233.widget.Sharing .sharing-buttons li span{
1234display:none
1235}
1236.post-share-buttons{
1237position:relative
1238}
1239.sharing-open.touch-icon-button:active .touch-icon,.sharing-open.touch-icon-button:focus .touch-icon{
1240background-color:transparent;
1241}
1242.share-buttons{
1243background-color:#ffffff;
1244border-radius:2px;
1245box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
1246color:#424242;
1247list-style:none;
1248margin:0;
1249padding:8px 0;
1250position:absolute;
1251top:-11px;
1252min-width:200px;
1253z-index:101
1254}
1255.share-buttons.hidden{
1256display:none
1257}
1258.sharing-button{
1259background:transparent;
1260border:0;
1261margin:0;
1262outline:none;
1263padding:0;
1264cursor:pointer
1265}
1266.share-buttons li{
1267margin:0;
1268height:48px
1269}
1270.share-buttons li:last-child{
1271margin-bottom:0
1272}
1273.share-buttons li .sharing-platform-button{
1274box-sizing:border-box;
1275cursor:pointer;
1276display:block;
1277height:100%;
1278margin-bottom:0;
1279padding:0 16px;
1280position:relative;
1281width:100%
1282}
1283.share-buttons li .sharing-platform-button:focus,.share-buttons li .sharing-platform-button:hover{
1284background-color:hsla(0,0%,50.2%,.1);
1285outline:none
1286}
1287.share-buttons li svg[class*=sharing-],.share-buttons li svg[class^=sharing-]{
1288position:absolute;
1289top:10px
1290}
1291.share-buttons li span.sharing-platform-button{
1292position:relative;
1293top:0
1294}
1295.share-buttons li .platform-sharing-text{
1296display:block;
1297font-size:16px;
1298line-height:48px;
1299white-space:nowrap;
1300margin-left:56px
1301}
1302.sidebar-container{
1303background-color:#ffffff;
1304max-width:284px;
1305overflow-y:auto;
1306-webkit-transition-property:-webkit-transform;
1307transition-property:-webkit-transform;
1308transition-property:transform;
1309transition-property:transform,-webkit-transform;
1310-webkit-transition-duration:.3s;
1311transition-duration:.3s;
1312-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);
1313transition-timing-function:cubic-bezier(0,0,.2,1);
1314width:284px;
1315z-index:101;
1316-webkit-overflow-scrolling:touch
1317}
1318.sidebar-container .navigation{
1319line-height:0;
1320padding:16px
1321}
1322.sidebar-container .sidebar-back{
1323cursor:pointer
1324}
1325.sidebar-container .widget{
1326background:none;
1327margin:0 16px;
1328padding:16px 0
1329}
1330.sidebar-container .widget .title{
1331color:#424242;
1332margin:0
1333}
1334.sidebar-container .widget ul{
1335list-style:none;
1336margin:0;
1337padding:0
1338}
1339.sidebar-container .widget ul ul{
1340margin-left:1em
1341}
1342.sidebar-container .widget li{
1343font-size:16px;
1344line-height:normal
1345}
1346.sidebar-container .widget+.widget{
1347border-top:1px dashed #cccccc
1348}
1349.BlogArchive li{
1350margin:16px 0
1351}
1352.BlogArchive li:last-child{
1353margin-bottom:0
1354}
1355.Label li a{
1356display:inline-block
1357}
1358.BlogArchive .post-count,.Label .label-count{
1359float:right;
1360margin-left:.25em
1361}
1362.BlogArchive .post-count:before,.Label .label-count:before{
1363content:"("
1364}
1365.BlogArchive .post-count:after,.Label .label-count:after{
1366content:")"
1367}
1368.widget.Translate .skiptranslate>div{
1369display:block!important
1370}
1371.widget.Profile .profile-link{
1372display:-webkit-box;
1373display:flex
1374}
1375.widget.Profile .team-member .default-avatar-wrapper,.widget.Profile .team-member .profile-img{
1376-webkit-box-flex:0;
1377flex:0 0 auto;
1378margin-right:1em
1379}
1380.widget.Profile .individual .profile-link{
1381-webkit-box-orient:vertical;
1382-webkit-box-direction:normal;
1383flex-direction:column
1384}
1385.widget.Profile .team .profile-link .profile-name{
1386align-self:center;
1387display:block;
1388-webkit-box-flex:1;
1389flex:1 1 auto
1390}
1391.dim-overlay{
1392background-color:rgba(0,0,0,.54);
1393z-index:100
1394}
1395body.sidebar-visible{
1396overflow-y:hidden
1397}
1398@media screen and (max-width:1439px){
1399.sidebar-container{
1400bottom:0;
1401position:fixed;
1402top:0;
1403left:0;
1404right:auto
1405}
1406.sidebar-container.sidebar-invisible{
1407-webkit-transition-timing-function:cubic-bezier(.4,0,.6,1);
1408transition-timing-function:cubic-bezier(.4,0,.6,1);
1409-webkit-transform:translateX(-284px);
1410transform:translateX(-284px)
1411}
1412}
1413@media screen and (min-width:1440px){
1414.sidebar-container{
1415position:absolute;
1416top:0;
1417left:0;
1418right:auto
1419}
1420.sidebar-container .navigation{
1421display:none
1422}
1423}
1424.dialog{
1425box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
1426background:#ffffff;
1427box-sizing:border-box;
1428color:#00008B;
1429padding:30px;
1430position:fixed;
1431text-align:center;
1432width:calc(100% - 24px);
1433z-index:101
1434}
1435.dialog input[type=email],.dialog input[type=text]{
1436background-color:transparent;
1437border:0;
1438border-bottom:1px solid rgba(0,0,139,.12);
1439color:#00008B;
1440display:block;
1441font-family:Roboto, sans-serif;
1442font-size:16px;
1443line-height:24px;
1444margin:auto;
1445padding-bottom:7px;
1446outline:none;
1447text-align:center;
1448width:100%
1449}
1450.dialog input[type=email]::-webkit-input-placeholder,.dialog input[type=text]::-webkit-input-placeholder{
1451color:#00008B;
1452}
1453.dialog input[type=email]::-moz-placeholder,.dialog input[type=text]::-moz-placeholder{
1454color:#00008B;
1455}
1456.dialog input[type=email]:-ms-input-placeholder,.dialog input[type=text]:-ms-input-placeholder{
1457color:#00008B;
1458}
1459.dialog input[type=email]::-ms-input-placeholder,.dialog input[type=text]::-ms-input-placeholder{
1460color:#00008B;
1461}
1462.dialog input[type=email]::placeholder,.dialog input[type=text]::placeholder{
1463color:#00008B;
1464}
1465.dialog input[type=email]:focus,.dialog input[type=text]:focus{
1466border-bottom:2px solid #2196f3;
1467padding-bottom:6px
1468}
1469.dialog input.no-cursor{
1470color:transparent;
1471text-shadow:0 0 0 #00008B
1472}
1473.dialog input.no-cursor:focus{
1474outline:none
1475}
1476.dialog input[type=submit]{
1477font-family:Roboto, sans-serif
1478}
1479.dialog .goog-buttonset-default{
1480color:#2196f3;
1481}
1482.subscribe-popup{
1483max-width:364px
1484}
1485.subscribe-popup h3{
1486color:#424242;
1487font-size:1.8em;
1488margin-top:0
1489}
1490.subscribe-popup .FollowByEmail h3{
1491display:none
1492}
1493.subscribe-popup .FollowByEmail .follow-by-email-submit{
1494color:#2196f3;
1495display:inline-block;
1496margin:24px auto 0;
1497width:auto;
1498white-space:normal
1499}
1500.subscribe-popup .FollowByEmail .follow-by-email-submit:disabled{
1501cursor:default;
1502opacity:.3
1503}
1504@media (max-width:800px){
1505.blog-name div.widget.Subscribe{
1506margin-bottom:16px
1507}
1508body.item-view .blog-name div.widget.Subscribe{
1509margin:8px auto 16px;
1510width:100%
1511}
1512}
1513.tabs{
1514list-style:none
1515}
1516.tabs li,.tabs li a{
1517display:inline-block
1518}
1519.tabs li a{
1520cursor:pointer;
1521font-weight:700;
1522text-transform:uppercase;
1523padding:12px 8px
1524}
1525.tabs .selected{
1526border-bottom:4px solid #424242
1527}
1528.tabs .selected a{
1529color:#424242
1530}
1531body#layout .bg-photo,body#layout .bg-photo-overlay{
1532display:none
1533}
1534body#layout .page_body{
1535padding:0;
1536position:relative;
1537top:0
1538}
1539body#layout .page{
1540display:inline-block;
1541left:inherit;
1542position:relative;
1543vertical-align:top;
1544width:540px
1545}
1546body#layout .centered{
1547max-width:954px
1548}
1549body#layout .navigation{
1550display:none
1551}
1552body#layout .sidebar-container{
1553display:inline-block;
1554width:40%
1555}
1556body#layout .hamburger-menu,body#layout .search{
1557display:none
1558}
1559.centered-top-container .svg-icon-24,body.collapsed-header .centered-top-placeholder .svg-icon-24{
1560fill:#424242
1561}
1562.sidebar-container .svg-icon-24{
1563fill:#707070
1564}
1565.centered-bottom .svg-icon-24,body.collapsed-header .centered-top-container .svg-icon-24{
1566fill:#707070
1567}
1568.centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{
1569fill:#424242
1570}
1571body{
1572background-color:#f4f4f4;
1573color:#00008B;
1574font:15px Roboto, sans-serif;
1575margin:0;
1576min-height:100vh
1577}
1578img{
1579max-width:100%
1580}
1581h3{
1582color:#00008B;
1583font-size:16px
1584}
1585a{
1586text-decoration:none;
1587color:#2196f3
1588}
1589a:visited{
1590color:#2196f3
1591}
1592a:hover{
1593color:#2196f3
1594}
1595blockquote{
1596color:#444444;
1597font:italic 300 15px Roboto, sans-serif;
1598font-size:x-large;
1599text-align:center
1600}
1601.pill-button{
1602font-size:12px
1603}
1604.bg-photo-container{
1605height:480px;
1606overflow:hidden;
1607position:absolute;
1608width:100%;
1609z-index:1
1610}
1611.bg-photo{
1612background:#f4f4f4 none repeat scroll top left;
1613background-attachment:scroll;
1614background-size:cover;
1615-webkit-filter:blur(0px);
1616filter:blur(0px);
1617height:calc(100% + 2 * 0px);
1618left:0px;
1619position:absolute;
1620top:0px;
1621width:calc(100% + 2 * 0px)
1622}
1623.bg-photo-overlay{
1624background:rgba(0, 0, 0 ,0);
1625background-size:cover;
1626height:480px;
1627position:absolute;
1628width:100%;
1629z-index:2
1630}
1631.hamburger-menu{
1632float:left;
1633margin-top:0
1634}
1635.sticky .hamburger-menu{
1636float:none;
1637position:absolute
1638}
1639.no-sidebar-widget .hamburger-menu{
1640display:none
1641}
1642.footer .widget .title{
1643margin:0;
1644line-height:24px
1645}
1646.search{
1647border-bottom:1px solid rgba(66, 66, 66, 0);
1648float:right;
1649position:relative;
1650-webkit-transition-property:width;
1651transition-property:width;
1652-webkit-transition-duration:.5s;
1653transition-duration:.5s;
1654-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);
1655transition-timing-function:cubic-bezier(.4,0,.2,1);
1656z-index:101
1657}
1658.search .dim-overlay{
1659background-color:transparent
1660}
1661.search form{
1662height:36px;
1663-webkit-transition:border-color .2s cubic-bezier(.4,0,.2,1) .5s;
1664transition:border-color .2s cubic-bezier(.4,0,.2,1) .5s
1665}
1666.search.focused{
1667width:calc(100% - 48px)
1668}
1669.search.focused form{
1670display:-webkit-box;
1671display:flex;
1672-webkit-box-flex:1;
1673flex:1 0 1px;
1674border-color:#424242;
1675margin-left:-24px;
1676padding-left:36px;
1677position:relative;
1678width:auto
1679}
1680.item-view .search,.sticky .search{
1681right:0;
1682float:none;
1683margin-left:0;
1684position:absolute
1685}
1686.item-view .search.focused,.sticky .search.focused{
1687width:calc(100% - 50px)
1688}
1689.item-view .search.focused form,.sticky .search.focused form{
1690border-bottom-color:#757575
1691}
1692.centered-top-placeholder.cloned .search form{
1693z-index:30
1694}
1695.search_button{
1696-webkit-box-flex:0;
1697flex:0 0 24px;
1698-webkit-box-orient:vertical;
1699-webkit-box-direction:normal;
1700flex-direction:column
1701}
1702.search_button svg{
1703margin-top:0
1704}
1705.search-input{
1706height:48px
1707}
1708.search-input input{
1709display:block;
1710color:#424242;
1711font:16px Roboto, sans-serif;
1712height:48px;
1713line-height:48px;
1714padding:0;
1715width:100%
1716}
1717.search-input input::-webkit-input-placeholder{
1718color:#424242;
1719opacity:.3
1720}
1721.search-input input::-moz-placeholder{
1722color:#424242;
1723opacity:.3
1724}
1725.search-input input:-ms-input-placeholder{
1726color:#424242;
1727opacity:.3
1728}
1729.search-input input::-ms-input-placeholder{
1730color:#424242;
1731opacity:.3
1732}
1733.search-input input::placeholder{
1734color:#424242;
1735opacity:.3
1736}
1737.search-action{
1738background:transparent;
1739border:0;
1740color:#424242;
1741cursor:pointer;
1742display:none;
1743height:48px;
1744margin-top:0
1745}
1746.sticky .search-action{
1747color:#757575
1748}
1749.search.focused .search-action{
1750display:block
1751}
1752.search.focused .search-action:disabled{
1753opacity:.3
1754}
1755.page_body{
1756position:relative;
1757z-index:20
1758}
1759.page_body .widget{
1760margin-bottom:16px
1761}
1762.page_body .centered{
1763box-sizing:border-box;
1764display:-webkit-box;
1765display:flex;
1766-webkit-box-orient:vertical;
1767-webkit-box-direction:normal;
1768flex-direction:column;
1769margin:0 auto;
1770max-width:922px;
1771min-height:100vh;
1772padding:24px 0
1773}
1774.page_body .centered>*{
1775-webkit-box-flex:0;
1776flex:0 0 auto
1777}
1778.page_body .centered>.footer{
1779margin-top:auto;
1780text-align:center
1781}
1782.blog-name{
1783margin:32px 0 16px
1784}
1785.item-view .blog-name,.sticky .blog-name{
1786box-sizing:border-box;
1787margin-left:36px;
1788min-height:48px;
1789opacity:1;
1790padding-top:12px
1791}
1792.blog-name .subscribe-section-container{
1793margin-bottom:32px;
1794text-align:center;
1795-webkit-transition-property:opacity;
1796transition-property:opacity;
1797-webkit-transition-duration:.5s;
1798transition-duration:.5s
1799}
1800.item-view .blog-name .subscribe-section-container,.sticky .blog-name .subscribe-section-container{
1801margin:0 0 8px
1802}
1803.blog-name .subscribe-empty-placeholder{
1804margin-bottom:48px
1805}
1806.blog-name .PageList{
1807margin-top:16px;
1808padding-top:8px;
1809text-align:center
1810}
1811.blog-name .PageList .overflowable-contents{
1812width:100%
1813}
1814.blog-name .PageList h3.title{
1815color:#424242;
1816margin:8px auto;
1817text-align:center;
1818width:100%
1819}
1820.centered-top-container .blog-name{
1821-webkit-transition-property:opacity;
1822transition-property:opacity;
1823-webkit-transition-duration:.5s;
1824transition-duration:.5s
1825}
1826.item-view .return_link{
1827margin-bottom:12px;
1828margin-top:12px;
1829position:absolute
1830}
1831.item-view .blog-name{
1832display:-webkit-box;
1833display:flex;
1834flex-wrap:wrap;
1835margin:0 48px 27px
1836}
1837.item-view .subscribe-section-container{
1838-webkit-box-flex:0;
1839flex:0 0 auto
1840}
1841.item-view #header,.item-view .Header{
1842margin-bottom:5px;
1843margin-right:15px
1844}
1845.item-view .sticky .Header{
1846margin-bottom:0
1847}
1848.item-view .Header p{
1849margin:10px 0 0;
1850text-align:left
1851}
1852.item-view .post-share-buttons-bottom{
1853margin-right:16px
1854}
1855.sticky{
1856background:#ffffff;
1857box-shadow:0 0 20px 0 rgba(0,0,0,.7);
1858box-sizing:border-box;
1859margin-left:0
1860}
1861.sticky #header{
1862margin-bottom:8px;
1863margin-right:8px
1864}
1865.sticky .centered-top{
1866margin:4px auto;
1867max-width:890px;
1868min-height:48px
1869}
1870.sticky .blog-name{
1871display:-webkit-box;
1872display:flex;
1873margin:0 48px
1874}
1875.sticky .blog-name #header{
1876-webkit-box-flex:0;
1877flex:0 1 auto;
1878-webkit-box-ordinal-group:2;
1879order:1;
1880overflow:hidden
1881}
1882.sticky .blog-name .subscribe-section-container{
1883-webkit-box-flex:0;
1884flex:0 0 auto;
1885-webkit-box-ordinal-group:3;
1886order:2
1887}
1888.sticky .Header h1{
1889overflow:hidden;
1890text-overflow:ellipsis;
1891white-space:nowrap;
1892margin-right:-10px;
1893margin-bottom:-10px;
1894padding-right:10px;
1895padding-bottom:10px
1896}
1897.sticky .Header p,.sticky .PageList{
1898display:none
1899}
1900.search-focused .hamburger-menu,.search-focused>*{
1901visibility:visible
1902}
1903.item-view .search-focused .blog-name,.sticky .search-focused .blog-name{
1904opacity:0
1905}
1906.centered-bottom,.centered-top-container,.centered-top-placeholder{
1907padding:0 16px
1908}
1909.centered-top{
1910position:relative
1911}
1912.item-view .centered-top.search-focused .subscribe-section-container,.sticky .centered-top.search-focused .subscribe-section-container{
1913opacity:0
1914}
1915.page_body.has-vertical-ads .centered .centered-bottom{
1916display:inline-block;
1917width:calc(100% - 176px)
1918}
1919.Header h1{
1920font:bold 45px Roboto, sans-serif;
1921line-height:normal;
1922margin:0 0 13px;
1923text-align:center;
1924width:100%
1925}
1926.Header h1,.Header h1 a,.Header h1 a:hover,.Header h1 a:visited{
1927color:#424242
1928}
1929.item-view .Header h1,.sticky .Header h1{
1930font-size:24px;
1931line-height:24px;
1932margin:0;
1933text-align:left
1934}
1935.sticky .Header h1,.sticky .Header h1 a,.sticky .Header h1 a:hover,.sticky .Header h1 a:visited{
1936color:#757575
1937}
1938.Header p{
1939color:#424242;
1940margin:0 0 13px;
1941opacity:.8;
1942text-align:center
1943}
1944.widget .title{
1945line-height:28px
1946}
1947.BlogArchive li{
1948font-size:16px
1949}
1950.BlogArchive .post-count{
1951color:#757575
1952}
1953#page_body .FeaturedPost,.Blog .blog-posts .post-outer-container{
1954background:#ffffff;
1955min-height:40px;
1956padding:30px 40px;
1957width:auto;
1958box-shadow:0 1px 4px 0 rgba(60, 64, 67, 0.30)
1959}
1960.Blog .blog-posts .post-outer-container:last-child{
1961margin-bottom:0
1962}
1963.Blog .blog-posts .post-outer-container .post-outer{
1964border:0;
1965position:relative;
1966padding-bottom:.25em
1967}
1968.post-outer-container{
1969margin-bottom:16px
1970}
1971.post:first-child{
1972margin-top:0
1973}
1974.post .thumb{
1975float:left;
1976height:20%;
1977width:20%
1978}
1979.post-share-buttons-bottom,.post-share-buttons-top{
1980float:right
1981}
1982.post-share-buttons-bottom{
1983margin-right:24px
1984}
1985.post-footer,.post-header{
1986clear:left;
1987color:rgba(0, 0, 0, 0.54);
1988margin:0;
1989width:inherit
1990}
1991.blog-pager{
1992text-align:center
1993}
1994.blog-pager a{
1995color:#2196f3
1996}
1997.blog-pager a:visited{
1998color:#2196f3
1999}
2000.blog-pager a:hover{
2001color:#2196f3
2002}
2003.post-title{
2004font:bold 22px Roboto, sans-serif;
2005float:left;
2006margin:0 0 8px;
2007max-width:calc(100% - 48px)
2008}
2009.post-title a{
2010font:bold 30px Roboto, sans-serif
2011}
2012.post-title,.post-title a,.post-title a:hover,.post-title a:visited{
2013color:#424242
2014}
2015.post-body{
2016color:#757575;
2017font:15px Roboto, sans-serif;
2018line-height:1.6em;
2019margin:1.5em 0 2em;
2020display:block
2021}
2022.post-body img{
2023height:inherit
2024}
2025.post-body .snippet-thumbnail{
2026float:left;
2027margin:0;
2028margin-right:2em;
2029max-height:128px;
2030max-width:128px
2031}
2032.post-body .snippet-thumbnail img{
2033max-width:100%
2034}
2035.main .FeaturedPost .widget-content{
2036border:0;
2037position:relative;
2038padding-bottom:.25em
2039}
2040.FeaturedPost img{
2041margin-top:2em
2042}
2043.FeaturedPost .snippet-container{
2044margin:2em 0
2045}
2046.FeaturedPost .snippet-container p{
2047margin:0
2048}
2049.FeaturedPost .snippet-thumbnail{
2050float:none;
2051height:auto;
2052margin-bottom:2em;
2053margin-right:0;
2054overflow:hidden;
2055max-height:calc(600px + 2em);
2056max-width:100%;
2057text-align:center;
2058width:100%
2059}
2060.FeaturedPost .snippet-thumbnail img{
2061max-width:100%;
2062width:100%
2063}
2064.byline{
2065color:rgba(0, 0, 0, 0.54);
2066display:inline-block;
2067line-height:24px;
2068margin-top:8px;
2069vertical-align:top
2070}
2071.byline.post-author:first-child{
2072margin-right:0
2073}
2074.byline.reactions .reactions-label{
2075line-height:22px;
2076vertical-align:top
2077}
2078.byline.post-share-buttons{
2079position:relative;
2080display:inline-block;
2081margin-top:0;
2082width:100%
2083}
2084.byline.post-share-buttons .sharing{
2085float:right
2086}
2087.flat-button.ripple:hover{
2088background-color:rgba(33,150,243,.12)
2089}
2090.flat-button.ripple .splash{
2091background-color:rgba(33,150,243,.4)
2092}
2093a.timestamp-link,a:active.timestamp-link,a:visited.timestamp-link{
2094color:inherit;
2095font:inherit;
2096text-decoration:inherit
2097}
2098.post-share-buttons{
2099margin-left:0
2100}
2101.post-share-buttons.invisible{
2102display:none
2103}
2104.clear-sharing{
2105min-height:24px
2106}
2107.comment-link{
2108color:#2196f3;
2109position:relative
2110}
2111.comment-link .num_comments{
2112margin-left:8px;
2113vertical-align:top
2114}
2115#comment-holder .continue{
2116display:none
2117}
2118#comment-editor{
2119margin-bottom:20px;
2120margin-top:20px
2121}
2122#comments .comment-form h4,#comments h3.title{
2123position:absolute;
2124clip:rect(1px,1px,1px,1px);
2125padding:0;
2126border:0;
2127height:1px;
2128width:1px;
2129overflow:hidden
2130}
2131.post-filter-message{
2132background-color:rgba(0,0,0,.7);
2133color:#fff;
2134display:table;
2135margin-bottom:16px;
2136width:100%
2137}
2138.post-filter-message div{
2139display:table-cell;
2140padding:15px 28px
2141}
2142.post-filter-message div:last-child{
2143padding-left:0;
2144text-align:right
2145}
2146.post-filter-message a{
2147white-space:nowrap
2148}
2149.post-filter-message .search-label,.post-filter-message .search-query{
2150font-weight:700;
2151color:#2196f3
2152}
2153#blog-pager{
2154margin:2em 0
2155}
2156#blog-pager a{
2157color:#2196f3;
2158font-size:14px
2159}
2160.subscribe-button{
2161border-color:#424242;
2162color:#424242
2163}
2164.sticky .subscribe-button{
2165border-color:#757575;
2166color:#757575
2167}
2168.tabs{
2169margin:0 auto;
2170padding:0
2171}
2172.tabs li{
2173margin:0 8px;
2174vertical-align:top
2175}
2176.tabs .overflow-button a,.tabs li a{
2177color:#757575;
2178font:700 normal 15px Roboto, sans-serif;
2179line-height:18px
2180}
2181.tabs .overflow-button a{
2182padding:12px 8px
2183}
2184.overflow-popup .tabs li{
2185text-align:left
2186}
2187.overflow-popup li a{
2188color:#757575;
2189display:block;
2190padding:8px 20px
2191}
2192.overflow-popup li.selected a{
2193color:#424242
2194}
2195.ReportAbuse.widget{
2196margin-bottom:0
2197}
2198.ReportAbuse a.report_abuse{
2199display:inline-block;
2200margin-bottom:8px;
2201font:15px Roboto, sans-serif;
2202font-weight:400;
2203line-height:24px
2204}
2205.ReportAbuse a.report_abuse,.ReportAbuse a.report_abuse:hover{
2206color:#888
2207}
2208.byline.post-labels a,.Label li,.Label span.label-size{
2209background-color:#f7f7f7;
2210border:1px solid #f7f7f7;
2211border-radius:15px;
2212display:inline-block;
2213margin:4px 4px 4px 0;
2214padding:3px 8px
2215}
2216.byline.post-labels a,.Label a{
2217color:#2196f3
2218}
2219.Label ul{
2220list-style:none;
2221padding:0
2222}
2223.PopularPosts{
2224background-color:#f4f4f4;
2225padding:30px 40px
2226}
2227.PopularPosts .item-content{
2228color:#757575;
2229margin-top:24px
2230}
2231.PopularPosts a,.PopularPosts a:hover,.PopularPosts a:visited{
2232color:#2196f3
2233}
2234.PopularPosts .post-title,.PopularPosts .post-title a,.PopularPosts .post-title a:hover,.PopularPosts .post-title a:visited{
2235color:#424242;
2236font-size:18px;
2237font-weight:700;
2238line-height:24px
2239}
2240.PopularPosts,.PopularPosts h3.title a{
2241color:#757575;
2242font:15px Roboto, sans-serif
2243}
2244.main .PopularPosts{
2245padding:16px 40px
2246}
2247.PopularPosts h3.title{
2248font-size:14px;
2249margin:0
2250}
2251.PopularPosts h3.post-title{
2252margin-bottom:0
2253}
2254.PopularPosts .byline{
2255color:rgba(0, 0, 0, 0.54)
2256}
2257.PopularPosts .jump-link{
2258float:right;
2259margin-top:16px
2260}
2261.PopularPosts .post-header .byline{
2262font-size:.9em;
2263font-style:italic;
2264margin-top:6px
2265}
2266.PopularPosts ul{
2267list-style:none;
2268padding:0;
2269margin:0
2270}
2271.PopularPosts .post{
2272padding:20px 0
2273}
2274.PopularPosts .post+.post{
2275border-top:1px dashed #cccccc
2276}
2277.PopularPosts .item-thumbnail{
2278float:left;
2279margin-right:32px
2280}
2281.PopularPosts .item-thumbnail img{
2282height:88px;
2283padding:0;
2284width:88px
2285}
2286.inline-ad{
2287margin-bottom:16px
2288}
2289.desktop-ad .inline-ad{
2290display:block
2291}
2292.adsbygoogle{
2293overflow:hidden
2294}
2295.vertical-ad-container{
2296float:right;
2297margin-right:16px;
2298width:128px
2299}
2300/* .inline-ad-placeholder,.vertical-ad-placeholder{
2301background:#ffffff;
2302border:1px solid #000;
2303opacity:.9;
2304vertical-align:middle;
2305text-align:center
2306}
2307.inline-ad-placeholder span,.vertical-ad-placeholder span{
2308margin-top:290px;
2309display:block;
2310text-transform:uppercase;
2311font-weight:700;
2312color:#424242
2313}
2314.vertical-ad-placeholder{
2315height:600px
2316}
2317.vertical-ad-placeholder span{
2318margin-top:290px;
2319padding:0 40px
2320}
2321.inline-ad-placeholder{
2322height:90px
2323}
2324.inline-ad-placeholder span{
2325margin-top:36px
2326} */
2327.Attribution{
2328display:inline-block;
2329color:#757575
2330}
2331.Attribution a,.Attribution a:hover,.Attribution a:visited{
2332color:#2196f3
2333}
2334.Attribution svg{
2335display:none
2336}
2337.sidebar-container{
2338box-shadow:1px 1px 3px rgba(0,0,0,.1)
2339}
2340.sidebar-container,.sidebar-container .sidebar_bottom{
2341background-color:#ffffff
2342}
2343.sidebar-container .navigation,.sidebar-container .sidebar_top_wrapper{
2344background-color:#f7f7f7
2345}
2346.sidebar-container .sidebar_top{
2347overflow:auto
2348}
2349.sidebar-container .sidebar_bottom{
2350width:100%;
2351padding-top:16px
2352}
2353.sidebar-container .widget:first-child{
2354padding-top:0
2355}
2356.no-sidebar-widget .sidebar-container,.preview .sidebar-container{
2357display:none
2358}
2359.sidebar_top .widget.Profile{
2360padding-bottom:16px
2361}
2362.widget.Profile{
2363margin:0;
2364width:100%
2365}
2366.widget.Profile h2{
2367display:none
2368}
2369.widget.Profile h3.title{
2370color:rgba(0,0,0,0.52);
2371margin:16px 32px
2372}
2373.widget.Profile .individual{
2374text-align:center
2375}
2376.widget.Profile .individual .profile-link{
2377padding:1em
2378}
2379.widget.Profile .individual .default-avatar-wrapper .avatar-icon{
2380margin:auto
2381}
2382.widget.Profile .team{
2383margin-bottom:32px;
2384margin-left:32px;
2385margin-right:32px
2386}
2387.widget.Profile ul{
2388list-style:none;
2389padding:0
2390}
2391.widget.Profile li{
2392margin:10px 0
2393}
2394.widget.Profile .profile-img{
2395border-radius:50%;
2396float:none
2397}
2398.widget.Profile .profile-link{
2399color:#424242;
2400font-size:.9em;
2401margin-bottom:1em;
2402opacity:.87;
2403overflow:hidden
2404}
2405.widget.Profile .profile-link.visit-profile{
2406border-style:solid;
2407border-width:1px;
2408border-radius:12px;
2409cursor:pointer;
2410font-size:12px;
2411font-weight:400;
2412padding:5px 20px;
2413display:inline-block;
2414line-height:normal
2415}
2416.widget.Profile dd{
2417color:rgba(0, 0, 0, 0.54);
2418margin:0 16px
2419}
2420.widget.Profile location{
2421margin-bottom:1em
2422}
2423.widget.Profile .profile-textblock{
2424font-size:14px;
2425line-height:24px;
2426position:relative
2427}
2428body.sidebar-visible .bg-photo-container,body.sidebar-visible .page_body{
2429overflow-y:scroll
2430}
2431@media screen and (min-width:1440px){
2432.sidebar-container{
2433min-height:100%;
2434overflow:visible;
2435z-index:32
2436}
2437.sidebar-container.show-sidebar-top{
2438margin-top:480px;
2439min-height:calc(100% - 480px)
2440}
2441.sidebar-container .sidebar_top_wrapper{
2442background-color:rgba(255, 255, 255, 1);
2443height:480px;
2444margin-top:-480px
2445}
2446.sidebar-container .sidebar_top{
2447height:480px;
2448max-height:480px
2449}
2450.sidebar-container .sidebar_bottom{
2451max-width:284px;
2452width:284px
2453}
2454body.collapsed-header .sidebar-container{
2455z-index:15
2456}
2457.sidebar-container .sidebar_top:empty{
2458display:none
2459}
2460.sidebar-container .sidebar_top>:only-child{
2461-webkit-box-flex:0;
2462flex:0 0 auto;
2463align-self:center;
2464width:100%
2465}
2466.sidebar_top_wrapper.no-items{
2467display:none
2468}
2469}
2470.post-snippet.snippet-container{
2471max-height:120px
2472}
2473.post-snippet .snippet-item{
2474line-height:24px
2475}
2476.post-snippet .snippet-fade{
2477background:-webkit-linear-gradient(left,#ffffff 0,#ffffff 20%,rgba(255, 255, 255, 0) 100%);
2478background:linear-gradient(to left,#ffffff 0,#ffffff 20%,rgba(255, 255, 255, 0) 100%);
2479color:#00008B;
2480height:24px
2481}
2482.popular-posts-snippet.snippet-container{
2483max-height:72px
2484}
2485.popular-posts-snippet .snippet-item{
2486line-height:24px
2487}
2488.PopularPosts .popular-posts-snippet .snippet-fade{
2489color:#00008B;
2490height:24px
2491}
2492.main .popular-posts-snippet .snippet-fade{
2493background:-webkit-linear-gradient(left,#f4f4f4 0,#f4f4f4 20%,rgba(244, 244, 244, 0) 100%);
2494background:linear-gradient(to left,#f4f4f4 0,#f4f4f4 20%,rgba(244, 244, 244, 0) 100%)
2495}
2496.sidebar_bottom .popular-posts-snippet .snippet-fade{
2497background:-webkit-linear-gradient(left,#ffffff 0,#ffffff 20%,rgba(255, 255, 255, 0) 100%);
2498background:linear-gradient(to left,#ffffff 0,#ffffff 20%,rgba(255, 255, 255, 0) 100%)
2499}
2500.profile-snippet.snippet-container{
2501max-height:192px
2502}
2503.has-location .profile-snippet.snippet-container{
2504max-height:144px
2505}
2506.profile-snippet .snippet-item{
2507line-height:24px
2508}
2509.profile-snippet .snippet-fade{
2510background:-webkit-linear-gradient(left,#f7f7f7 0,#f7f7f7 20%,rgba(247, 247, 247, 0) 100%);
2511background:linear-gradient(to left,#f7f7f7 0,#f7f7f7 20%,rgba(247, 247, 247, 0) 100%);
2512color:rgba(0, 0, 0, 0.54);
2513height:24px
2514}
2515@media screen and (min-width:1440px){
2516.profile-snippet .snippet-fade{
2517background:-webkit-linear-gradient(left,rgba(255, 255, 255, 1) 0,rgba(255, 255, 255, 1) 20%,rgba(255, 255, 255, 0) 100%);
2518background:linear-gradient(to left,rgba(255, 255, 255, 1) 0,rgba(255, 255, 255, 1) 20%,rgba(255, 255, 255, 0) 100%)
2519}
2520}
2521@media screen and (max-width:800px){
2522.blog-name{
2523margin-top:0
2524}
2525body.item-view .blog-name{
2526margin:0 48px
2527}
2528.blog-name .subscribe-empty-placeholder{
2529margin-bottom:0
2530}
2531.centered-bottom{
2532padding:8px
2533}
2534body.item-view .centered-bottom{
2535padding:0
2536}
2537body.item-view #header,body.item-view .widget.Header{
2538margin-right:0
2539}
2540body.collapsed-header .centered-top-container .blog-name{
2541display:block
2542}
2543body.collapsed-header .centered-top-container .widget.Header h1{
2544text-align:center
2545}
2546.widget.Header header{
2547padding:0
2548}
2549.widget.Header h1{
2550font-size:$(blog.title.font.size * 24/45);
2551line-height:$(blog.title.font.size * 24/45);
2552margin-bottom:13px
2553}
2554body.item-view .widget.Header h1,body.item-view .widget.Header p{
2555text-align:center
2556}
2557.blog-name .widget.PageList{
2558padding:0
2559}
2560body.item-view .centered-top{
2561margin-bottom:5px
2562}
2563.search-action,.search-input{
2564margin-bottom:-8px
2565}
2566.search form{
2567margin-bottom:8px
2568}
2569body.item-view .subscribe-section-container{
2570margin:5px 0 0;
2571width:100%
2572}
2573#page_body.section div.widget.FeaturedPost,.widget.Blog .blog-posts .post-outer-container,.widget.PopularPosts{
2574padding:16px
2575}
2576.widget.Blog .blog-posts .post-outer-container .post-outer{
2577padding:0
2578}
2579.post:first-child{
2580margin:0
2581}
2582.post-body .snippet-thumbnail{
2583margin:0 3vw 3vw 0
2584}
2585.post-body .snippet-thumbnail img{
2586height:20vw;
2587width:20vw;
2588max-height:128px;
2589max-width:128px
2590}
2591.widget.PopularPosts div.item-thumbnail{
2592margin:0 3vw 3vw 0
2593}
2594.widget.PopularPosts div.item-thumbnail img{
2595height:20vw;
2596width:20vw;
2597max-height:88px;
2598max-width:88px
2599}
2600.post-title{
2601line-height:1
2602}
2603.post-title,.post-title a{
2604font-size:20px
2605}
2606#page_body.section div.widget.FeaturedPost h3 a{
2607font-size:22px
2608}
2609.mobile-ad .inline-ad{
2610display:block
2611}
2612.page_body.has-vertical-ads .vertical-ad-container,.page_body.has-vertical-ads .vertical-ad-container ins{
2613display:none
2614}
2615.page_body.has-vertical-ads .centered .centered-bottom,.page_body.has-vertical-ads .centered .centered-top{
2616display:block;
2617width:auto
2618}
2619.post-filter-message div{
2620padding:8px 16px
2621}
2622}
2623@media screen and (min-width:1440px){
2624body{
2625position:relative
2626}
2627body.item-view .blog-name{
2628margin-left:48px
2629}
2630.no-sidebar-widget .page_body,.preview .page_body{
2631margin-left:0
2632}
2633.page_body{
2634margin-left:284px
2635}
2636.search{
2637margin-left:0
2638}
2639.search.focused{
2640width:100%
2641}
2642.sticky{
2643padding-left:284px
2644}
2645.hamburger-menu{
2646display:none
2647}
2648body.collapsed-header .page_body .centered-top-container{
2649padding-left:284px;
2650padding-right:0;
2651width:100%
2652}
2653body.collapsed-header .centered-top-container .search.focused{
2654width:100%
2655}
2656body.collapsed-header .centered-top-container .blog-name{
2657margin-left:0
2658}
2659body.collapsed-header.item-view .centered-top-container .search.focused{
2660width:calc(100% - 50px)
2661}
2662body.collapsed-header.item-view .centered-top-container .blog-name{
2663margin-left:40px
2664}
2665}
2666
2667--></style>
2668<style id='template-skin-1' type='text/css'><!--
2669body#layout .hidden,
2670body#layout .invisible {
2671display: inherit;
2672}
2673body#layout .navigation {
2674display: none;
2675}
2676body#layout .page,
2677body#layout .sidebar_top,
2678body#layout .sidebar_bottom {
2679display: inline-block;
2680left: inherit;
2681position: relative;
2682vertical-align: top;
2683}
2684body#layout .page {
2685float: right;
2686margin-left: 20px;
2687width: 55%;
2688}
2689body#layout .sidebar-container {
2690float: right;
2691width: 40%;
2692}
2693body#layout .hamburger-menu {
2694display: none;
2695}
2696--></style>
2697<!-- Google tag (gtag.js) -->
vendor: 71 bytes, lines 2697-2698
2697
2698<script async='true' src='https://www.googletagmanager.com/gtag/js?id=
2698G-EK516674QD
vendor: 12 bytes, line 2698
2698'></script>
2699<script>
2700        
vendor: 151 bytes, lines 2700-2703
2700window.dataLayer = window.dataLayer || [];
2701        function gtag(){dataLayer.push(arguments);}
2702        gtag('js', new Date());
2703        gtag('config', '
2703G-EK516674QD
vendor: 10 bytes, lines 2703-2704
2703');
2704      
2704</script>
vendor: 1 bytes, line 2704
2704
2705<script async='async' src='https://www.gstatic.com/external_hosted/clipboardjs/clipboard.min.js'></script>
2705
2706<link href='https://www.blogger.com/dyncss/4909086606073048022/authorization.css?zx=01c7b67d-8731-4190-8859-edbda9cb7dc8' media='none' onload='if(media!=&#39;all&#39;)media=&#39;all&#39;' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyncss/4909086606073048022/authorization.css?zx=01c7b67d-8731-4190-8859-edbda9cb7dc8' rel='stylesheet'/></noscript>
2707<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
2708<meta name='google-adsense-platform-domain' content='blogspot.com'/>
2709
2710<link rel="stylesheet" href="https://fonts.googleapis.com/css2?display=swap&family=Roboto"></head>
2711<body class='item-view no-sidebar-widget'>
2712<a class='skip-navigation' href='#main' tabindex='0'>
2713기본 콘텐츠로 건너뛰기
2714</a>
2715<div class='page'>
2716<div class='bg-photo-overlay'></div>
2717<div class='bg-photo-container'>
2718<div class='bg-photo'></div>
2719</div>
2720<div class='page_body'>
2721<div class='centered'>
2722<div class='centered-top-placeholder'></div>
2723<header class='centered-top-container' role='banner'>
2724<div class='centered-top'>
2725<a class='return_link' href='https://www.dreampax-story.com/'>
2726<button class='svg-icon-24-button back-button rtl-reversible-icon flat-icon-button ripple'>
2727<svg class='svg-icon-24'>
2728<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_arrow_back_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
2729</svg>
2730</button>
2731</a>
2732<div class='clearboth'></div>
2733<div class='blog-name container'>
2734<div class='container section' id='header' name='헤더'><div class='widget Header' data-version='2' id='Header1'>
2735<div class='header-widget'>
2736<div>
2737<h1>
2738<a href='https://www.dreampax-story.com/'>
2739Dreampax Main Portal &#8211; Global Atlas
2740</a>
2741</h1>
2742</div>
2743<p>
2744Dreampax World의 중심 허브. Asia Atlas, Europe &amp; Eurasia, China Atlas, Travel Lab, Career Compass, Korea Culture, RealNews Lab, Health &amp; Science, AI Academy 등 전 세계 시리즈를 하나로 연결하는 글로벌 게이트.
2745</p>
2746</div>
2747</div></div>
2748<nav role='navigation'>
2749<div class='clearboth section' id='page_list_top' name='페이지 목록(상단)'>
2750</div>
2751</nav>
2752</div>
2753</div>
2754</header>
2755<div>
2756<main class='centered-bottom' id='main' role='main' tabindex='-1'>
2757<div class='main section' id='page_body' name='페이지 본문'><div class='widget Blog' data-version='2' id='Blog1'>
2758<div class='blog-posts hfeed container'>
2759<article class='post-outer-container'>
2760<div class='post-outer'>
2761<div class='post'>
2762<script type='application/ld+json'>{
2763  "@context": "http://schema.org",
2764  "@type": "BlogPosting",
2765  "mainEntityOfPage": {
2766    "@type": "WebPage",
2767    "@id": "https://www.dreampax-story.com/2025/10/dreampax-story.html"
2768  },
2769  "headline": "Dreampax Global Portal: 세계를 향한 프리미엄 허브","description": "🌍 Dreampax Global Journey        Exploring the world through travel, food, and culture.        여행과 음식, 그리고 문화로 세상을 탐험하는 여...","datePublished": "2025-10-24T19:16:00+09:00",
2770  "dateModified": "2026-03-26T18:13:39+09:00","image": {
2771    "@type": "ImageObject","url": "https://blogger.googleusercontent.com/img/a/AVvXsEgPlloBp8YVjkf8phuyfuqXkvO2ldI2KJXtcVO4asclUuFukssJNNcXEJJCBUQb_7IEDKexSSCf8UvMIvHdNcVKkayio6rkCm0mB7emD9yPTnjXVHWTvBpD2eG7ELrj9-ng_U0Yq6xp20sycQCGeQcY75oYQ1kxKkGypkeGkOTeBxadk0RQYEmWlVUptSYV=w1200-h630-p-k-no-nu",
2772    "height": 630,
2773    "width": 1200},"publisher": {
2774    "@type": "Organization",
2775    "name": "Blogger",
2776    "logo": {
2777      "@type": "ImageObject",
2778      "url": "https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/h60/",
2779      "width": 206,
2780      "height": 60
2781    }
2782  },"author": {
2783    "@type": "Person",
2784    "name": "드림팍스"
2785  }
2786}</script>
2786
2787<a name='5325624919275626444'></a>
2788<h3 class='post-title entry-title'>
2789Dreampax Global Portal: 세계를 향한 프리미엄 허브 
2790</h3>
2791<div class='post-share-buttons post-share-buttons-top'>
2792<div class='byline post-share-buttons goog-inline-block'>
2793<div aria-owns='sharing-popup-Blog1-byline-5325624919275626444' class='sharing' data-title='Dreampax Global Portal: 세계를 향한 프리미엄 허브 '>
2794<button aria-controls='sharing-popup-Blog1-byline-5325624919275626444' aria-label='공유' class='sharing-button touch-icon-button' id='sharing-button-Blog1-byline-5325624919275626444' role='button'>
2795<div class='flat-icon-button ripple'>
2796<svg class='svg-icon-24'>
2797<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_share_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
2798</svg>
2799</div>
2800</button>
2801<div class='share-buttons-container'>
2802<ul aria-hidden='true' aria-label='공유' class='share-buttons hidden' id='sharing-popup-Blog1-byline-5325624919275626444' role='menu'>
2803<li>
2804<span aria-label='공유 링크 만들기' class='sharing-platform-button sharing-element-link' data-href='https://www.blogger.com/share-post.g?blogID=4909086606073048022&postID=5325624919275626444&target=' data-url='https://www.dreampax-story.com/2025/10/dreampax-story.html' role='menuitem' tabindex='-1' title='공유 링크 만들기'>
2805<svg class='svg-icon-24 touch-icon sharing-link'>
2806<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_link_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
2807</svg>
2808<span class='platform-sharing-text'>공유 링크 만들기</span>
2809</span>
2810</li>
2811<li>
2812<span aria-label='Facebook에 공유' class='sharing-platform-button sharing-element-facebook' data-href='https://www.blogger.com/share-post.g?blogID=4909086606073048022&postID=5325624919275626444&target=facebook' data-url='https://www.dreampax-story.com/2025/10/dreampax-story.html' role='menuitem' tabindex='-1' title='Facebook에 공유'>
2813<svg class='svg-icon-24 touch-icon sharing-facebook'>
2814<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_facebook_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
2815</svg>
2816<span class='platform-sharing-text'>Facebook</span>
2817</span>
2818</li>
2819<li>
2820<span aria-label='X에 공유' class='sharing-platform-button sharing-element-twitter' data-href='https://www.blogger.com/share-post.g?blogID=4909086606073048022&postID=5325624919275626444&target=twitter' data-url='https://www.dreampax-story.com/2025/10/dreampax-story.html' role='menuitem' tabindex='-1' title='X에 공유'>
2821<svg class='svg-icon-24 touch-icon sharing-twitter'>
2822<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_twitter_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
2823</svg>
2824<span class='platform-sharing-text'>X</span>
2825</span>
2826</li>
2827<li>
2828<span aria-label='Pinterest에 공유' class='sharing-platform-button sharing-element-pinterest' data-href='https://www.blogger.com/share-post.g?blogID=4909086606073048022&postID=5325624919275626444&target=pinterest' data-url='https://www.dreampax-story.com/2025/10/dreampax-story.html' role='menuitem' tabindex='-1' title='Pinterest에 공유'>
2829<svg class='svg-icon-24 touch-icon sharing-pinterest'>
2830<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_pinterest_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
2831</svg>
2832<span class='platform-sharing-text'>Pinterest</span>
2833</span>
2834</li>
2835<li>
2836<span aria-label='이메일' class='sharing-platform-button sharing-element-email' data-href='https://www.blogger.com/share-post.g?blogID=4909086606073048022&postID=5325624919275626444&target=email' data-url='https://www.dreampax-story.com/2025/10/dreampax-story.html' role='menuitem' tabindex='-1' title='이메일'>
2837<svg class='svg-icon-24 touch-icon sharing-email'>
2838<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_email_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
2839</svg>
2840<span class='platform-sharing-text'>이메일</span>
2841</span>
2842</li>
2843<li aria-hidden='true' class='hidden'>
2844<span aria-label='기타 앱과 공유' class='sharing-platform-button sharing-element-other' data-url='https://www.dreampax-story.com/2025/10/dreampax-story.html' role='menuitem' tabindex='-1' title='기타 앱과 공유'>
2845<svg class='svg-icon-24 touch-icon sharing-sharingOther'>
2846<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_more_horiz_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
2847</svg>
2848<span class='platform-sharing-text'>기타 앱</span>
2849</span>
2850</li>
2851</ul>
2852</div>
2853</div>
2854</div>
2855</div>
2856<div class='post-header'>
2857<div class='post-header-line-1'>
2858<span class='byline post-timestamp'>
2859<meta content='https://www.dreampax-story.com/2025/10/dreampax-story.html'/>
2860<a class='timestamp-link' href='https://www.dreampax-story.com/2025/10/dreampax-story.html' rel='bookmark' title='permanent link'>
2861<time class='published' datetime='2025-10-24T19:16:00+09:00' title='2025-10-24T19:16:00+09:00'>
286210월 24, 2025
2863</time>
2864</a>
2865</span>
2866</div>
2867</div>
2868<div class='post-body entry-content float-container' id='post-body-5325624919275626444'>
2869<style>
2870/* ======================================================
2871   🌍 Dreampax Global Journey Hub
2872   v5.3 Bilingual Fullpage &#8211;
2872 CSS with Inline Comments
2873   목적: 글로벌 여행&#183;미식 허브용 라이트 테마
2874====================================================== */
2875
2876/* ------------------------------------------------------
2877   1. 전역 디자인 토큰 (:root)
2878   - 컬러&#183;톤을 변수로 관리
2879   - 향후 다크모드 / 브랜드 테마 전환 대비
2880------------------------------------------------------ */
2881:root{
2882  --brand:#2563eb;        /* 메인 브랜드 블루 (CTA, 링크) */
2883  --brand-dark:#1e3a8a;   /* hover/강조용 딥 블루 */
2884  --accent:#facc15;       /* 포인트&#183;강조 컬러 (확장 대비) */
2885
2886  --bg:#f9fafb;           /* 페이지 전체 배경 */
2887  --ink:#1f2937;          /* 기본 본문 텍스트 */
2888  --muted:#64748b;        /* 설명&#183;보조 문구 */
2889
2890  --card:#ffffff;         /* 카드 배경 */
2891  --shadow:rgba(0,0,0,.08); /* 소프트 그림자 */
2892}
2893
2894/* ------------------------------------------------------
2895   2. 페이지 래퍼 (.wrap)
2896   - 본문 폭 제한
2897   - 모든 콘텐츠의 기준 컨테이너
2898------------------------------------------------------ */
2899.wrap{
2900  max-width:1200px;                 /* 데스크톱 가독성 최적 폭 */
2901  margin:0 auto;                    /* 중앙 정렬 */
2902  padding:40px 20px;                /* 모바일 대응 여백 */
2903
2904  font-family:'Roboto','Noto Sans KR',sans-serif;
2905  background:var(--bg);
2906  color:var(--ink);
2907  line-height:1.8;                  /* 스토리&#183;설명형 콘텐츠에 적합 */
2908}
2909
2910/* ------------------------------------------------------
2911   3. 히어로 섹션 (.hero)
2912   - 페이지 첫 인상
2913   - 글로벌&#183;여행 무드 전달
2914------------------------------------------------------ */
2915.hero{
2916  position:relative;
2917
2918  /* 배경 이미지 (여행 상징 이미지) */
2919  background:url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=2000&q=80')
2920             center/cover no-repeat;
2921
2922  height:200px;
2923  border-radius:20px;               /* 카드형 허브 디자인 통일 */
2924  overflow:hidden;                  /* 이미지 가장자리 정리 */
2925  box-shadow:0 8px 20px var(--shadow);
2926  margin-bottom:40px;
2927}
2928
2929/* 히어로 오버레이
2930   - 텍스트 가독성 확보
2931   - 브랜드 블루 그라데이션 */
2932.hero::after{
2933  content:"";
2934  position:absolute;
2935  inset:0;
2936  background:linear-gradient(
2937    135deg,
2938    rgba(37,99,235,0.75),
2939    rgba(30,58,138,0.85)
2940  );
2941}
2942
2943/* ------------------------------------------------------
2944   4. 히어로 텍스트 영역 (.hero-content)
2945   - 메인 타이틀 + 다국어 설명
2946------------------------------------------------------ */
2947.hero-content{
2948  position:relative;
2949  z-index:1;                         /* 오버레이 위로 배치 */
2950  color:#ffffff;
2951  text-align:center;
2952
2953  top:50%;                           /* 수직 중앙 정렬 */
2954  transform:translateY(-50%);
2955  padding:0 20px;                    /* 모바일 좌우 여백 */
2956}
2957
2958/* 히어로 제목 */
2959.hero-content h1{
2960  font-size:2.4rem !important;
2961  font-weight:900 !important;
2962  color: #FAFAFA  !important;
2963  margin:0 0 10px;
2964}
2965
2966/* 히어로 설명 문구 */
2967.hero-content p{
2968  font-size:1.1rem;
2969  opacity:.95;
2970  margin:3px 0;
2971}
2972
2973/* ------------------------------------------------------
2974   5. 카드 그리드 레이아웃 (.grid)
2975   - 대륙/카테고리 허브 정렬
2976   - 반응형 자동 대응
2977------------------------------------------------------ */
2978.grid{
2979  display:grid;
2980  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
2981  gap:24px;                          /* 카드 간 간격 */
2982}
2983
2984/* ------------------------------------------------------
2985   6. 카드 컨테이너 (.card)
2986   - 각 지역 허브 진입점
2987------------------------------------------------------ */
2988.card{
2989  background:var(--card);
2990  border-radius:16px;
2991  box-shadow:0 6px 14px var(--shadow);
2992  overflow:hidden;
2993  transition:all .25s ease;          /* hover 애니메이션 */
2994}
2995
2996/* 카드 hover 효과
2997   - 살짝 떠오르는 인터랙션 */
2998.card:hover{
2999  transform:translateY(-6px);
3000  box-shadow:0 10px 24px var(--shadow);
3001}
3002
3003/* 카드 이미지 */
3004.card img{
3005  width:100%;
3006  height:160px;
3007  object-fit:cover;                  /* 이미지 비율 유지 */
3008}
3009
3010/* ------------------------------------------------------
3011   7. 카드 내부 콘텐츠 (.card-body)
3012------------------------------------------------------ */
3013.card-body{
3014  padding:20px;
3015  text-align:center;
3016}
3017
3018/* 카드 제목 */
3019.card-body h2{
3020  font-size:1.15rem;
3021  font-weight:800;
3022  margin:8px 0;
3023}
3024
3025/* 카드 설명 문구 */
3026.card-body p{
3027  font-size:.92rem;
3028  color:var(--muted);
3029  margin-bottom:12px;
3030}
3031
3032/* ------------------------------------------------------
3033   8. 카드 CTA 버튼
3034   - 허브 이동 버튼
3035------------------------------------------------------ */
3036.card-body a{
3037  display:inline-block;
3038  padding:8px 16px;
3039  background:var(--brand);
3040  color:#ffffff;
3041  border-radius:8px;
3042  text-decoration:none;
3043  font-weight:700;
3044}
3045
3046/* 버튼 hover */
3047.card-body a:hover{
3048  background:var(--brand-dark);
3049}
3050
3051/* ------------------------------------------------------
3052   9. 푸터 영역 (.footer)
3053   - 허브 종료부
3054   - 네트워크 연결 안내
3055------------------------------------------------------ */
3056.footer{
3057  text-align:center;
3058  margin-top:60px;
3059  color:var(--muted);
3060  font-size:.9rem;
3061}
3062
3063/* 푸터 링크 */
3064.footer a{
3065  color:var(--brand);
3066  font-weight:700;
3067  text-decoration:none;
3068}
3069.footer a:hover{
3070  text-decoration:underline;
3071}
3072</style>
3073
3074<div class="wrap">
3075
3076  <section class="hero">
3077    <div class="hero-content">
3078      <h1>🌍 Dreampax Global Journey</h1>
3079      <p>Exploring the world through travel, food, and culture.</p>
3080      <p>여행과 음식, 그리고 문화로 세상을 탐험하는 여정.</p>
3081    </div>
3082  </section>
3083
3084  <div class="grid">
3085    <!--🌏 Asia (아시아)-->
3086    <div class="card"><div class="separator" style="clear: both; text-align: center;"><a href="https://food.dreampax-story.com"><img alt="Asia" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEgPlloBp8YVjkf8phuyfuqXkvO2ldI2KJXtcVO4asclUuFukssJNNcXEJJCBUQb_7IEDKexSSCf8UvMIvHdNcVKkayio6rkCm0mB7emD9yPTnjXVHWTvBpD2eG7ELrj9-ng_U0Yq6xp20sycQCGeQcY75oYQ1kxKkGypkeGkOTeBxadk0RQYEmWlVUptSYV=rw" width="320" /></a></div><br />
3087      <div class="card-body">
3088        <h2>🌏 Asia (아시아)</h2>
3089        <p>Food &#183; Culture &#183; Destination<br />한국, 일본, 서남아시아 etc Food &#183; Culture &#183; Destination</p>
3090        <a href="https://food.dreampax-story.com" target="_blank">Explore</a> 
3091      </div>
3092 </div>
3093  
3094    <!--🌴 Southeast Asia (동남아시아)-->
3095<div class="card"><div class="separator" style="clear: both; text-align: center;"><a href="https://travel.dreampax-story.com"><img alt="Southeast Asia" loading="lazy" src="https://images.unsplash.com/photo-1528181304800-259b08848526?auto=format&amp;fit=crop&amp;w=900&amp;q=80" /></a></div><br />
3096      <div class="card-body">
3097        <h2>🌴 Southeast Asia (동남아시아)</h2>
3098        <p>Thailand &#183; Vietnam &#183; Malaysia &#183; Singapore<br />태국, 베트남, 말레이시아, 싱가포르 Food &#183; Culture &#183; Destination</p>
3099        <a href="https://travel.dreampax-story.com" target="_blank">Explore</a>
3100      </div>
3101    </div>
3102
3103    <!--🐉 China-->
3104<div class="card"><div class="separator" style="clear: both; text-align: center;"><a href="https://china.dreampax-story.com">
3105     <img alt="China" data-original-height="768" data-original-width="1365" height="180" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEjGv6Xx4scq-W7-fe7-7XNyuriXWu14_ZWaD5TVasTJPHJN5dkyLEJVG9yI1G1SO0HCxskFlX6V1dOoLMvSVwE1S-8dT271OnVd8IcM8WquWu3-LORwWIQnObh7tnorbgLIsnT8tqRN9rhcXqj6yrebqJCzNgwv30LPdwTJsA96akycG3Xi3wWKo9_kHPWu=rw" width="320" /></a></div><br />
3106      <div class="card-body">
3107        <h2>🐉 China (중국)</h2>
3108        <p>China(중국)<br />&#183;Food &#183; Culture &#183; Destination</p>
3109        <a href="https://china.dreampax-story.com" target="_blank">Explore</a>
3110      </div>
3111    </div>
3112
3113    <!--🍷Europe &amp;  Eurasia (유럽 &amp; 중동)-->
3114<div class="card"><div class="separator" style="clear: both; text-align: center;"><a href="https://nomad.dreampax-story.com">
3115      <img alt="Europe" data-original-height="768" data-original-width="1365" height="180" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEj6Dtdixe9vQgXC0J2WwUZa20kUjBQ2CPmnpGnB_29oDjXMyo5AKjnqGMudY7WpJF7KjlW4nm1sftc6tody5_RIiQG2lVcODxnP_lidSWNs5dX0HUUVUFAaGbKP-YFrs1V5TP4dVS8uJ5sUgR5Bw0avGuKAtWYgjF3IpNBhOtVIuzyv9J3INK8bco8PuveI=rw" width="320" /></a></div><br />
3116      <div class="card-body">
3117        <h2>🍷 Europe &amp;  Eurasia (유럽 &amp; 중동)</h2>
3118        <p>Western &#183; Central &#183; Northern &#183; Southern Europe<br />유럽과 중동의 음식과 여행, 문화를 아우르는</p>
3119        <a href="https://nomad.dreampax-story.com" target="_blank">Explore</a>
3120      </div>
3121    </div>
3122
3123    <!--🐘  Africa Atlas
3124<div class="card"><div class="separator" style="clear: both; text-align: center;"><a href="https://africa.dreampax-story.com">
3125   <img alt="" data-original-height="768" data-original-width="1365" height="180" src="https://blogger.googleusercontent.com/img/a/AVvXsEi2mIiNc7NdF8iPPu-6-l8mbxtiXX0RlrSoWqv2MapG1dba5rd4oHoeNCkGMhVCjnrltwQKKgN4yw0KNMbvmoj5k-8yjou96h3nHNCuVw0hCq_13hcvtZbnuC6PQYj9aLwqB7-sCPhYrlsizNgxqT5CTceXjc6UcRqBKq96Pib_ODpBc5gD6ST8O2Tge4I0" width="320" /></a></div><br />
3126      <div class="card-body">
3127        <h2>🐘  Africa Atlas</h2>
3128        <p>Coming Soon<br />아프리카 대륙의 음식&#183;문화&#183;여행 이야기</p>
3129        <a href="https://africa.dreampax-story.com" target="_blank">Explore</a>
3130      </div>
3131    </div>
3132-->
3133<!--&lt;!-🌊 Oceania Atlas--&gt
3134<div class="card"><div class="separator" style="clear: both; text-align: center;"><a href="https://oceania.dreampax-story.com">
3135 <img alt="" data-original-height="768" data-original-width="1365" height="180" src="https://blogger.googleusercontent.com/img/a/AVvXsEg9aCD1Vxd1-pvrdoKHtZP6HJdtKPYC-nR5Ni6AonFwIIC1D5yxELbtgCvqe4_wWrvBqdTk3D5HEB6RAL8aq7cNW7wivWX4gtBe8T9nv41DGj52GLTJWEtHcOCvUj_yoWztWyJBsDWiCjVJKQVvZjN83MfqQvMwo8jKUOxcqOoMa8A1BH38xR3wx0dxyUv-" width="320" /></a></div><br />
3136      <div class="card-body">
3137        <h2>🌊 Oceania Atlas</h2>
3138        <p>Coming Soon<br />오세아니아주 호주와 뉴질랜드의 음식과 여행, 문화를 아우르는</p>
3139        <a href="https://oceania.dreampax-story.com" target="_blank">Explore</a>
3140      </div>
3141    </div>
3142;-->
3143    <!--🗽North America Atlas
3144<div class="card"><div class="separator" style="clear: both; text-align: center;"><a href="https://na.dreampax-story.com">
3145<img alt="" data-original-height="768" data-original-width="1365" height="180" src="https://blogger.googleusercontent.com/img/a/AVvXsEh6andLIyqBkyzVQ281Fvm0MwDsOVTDYqYM9PdZRmJuwrxA-MBP6tgaYo7k6sXI-3zvpxCPiDotprj-lZRgugDerkIpe75KdR7hSKfwK-DZAetm_uYTuUEO2YJ3jpro7sI85EvBs5t4xp3_FeVq9db4C40QnA-oPveHwmXBBwvuZsLLjIqCnt1nrlG6dMlZ" width="320" /></a></div><br />
3146      <div class="card-body">
3147        <h2>🗽North America Atlas</h2>
3148        <p>Coming Soon<br />북미지역(미국, 캐나다 등)의 Food &#183; Culture &#183; Destination</p>
3149        <a href="https://na.dreampax-story.com" target="_blank">Explore</a>
3150      </div>
3151    </div>
3152-->
3153
3154    <!--🦙 South America Atlas
3155<div class="card"><div class="separator" style="clear: both; text-align: center;"><a href="https://sa.dreampax-story.com">
3156<img alt="" data-original-height="768" data-original-width="1365" height="180" src="https://blogger.googleusercontent.com/img/a/AVvXsEgdSZ3WtqUoId54rWMWnm2jRT8r4a7RTg37tgOS64NhUxJDf_pEoD8o0IyLXmKTr6GCPQCc35LqmhWEIZaFNtoS_DFjZBZPisT1nPkqZG8uzyM5YId3wnIEgTNLjq97h9S40BAv-_OYN-caFCPaZIwzucpYqHRS4US00k-YUA_jK645p4oUQ61LDYq2DR5P" width="320" /></a></div><br />
3157      <div class="card-body">
3158        <h2>🦙 South America Atlas</h2>
3159        <p>Coming Soon<br />남미의 Food &#183; Culture &#183; Destination</p>
3160        <a href="https://sa.dreampax-story.com" target="_blank">Explore</a>
3161      </div>
3162    </div>-->
3163    </div>  
3164
3165</div>
3166
3167<!-- 🛒 쿠팡 파트너스 카드 (Green Edition) -->
3168<div style="background: linear-gradient(135deg, #064e3b, #065f46);
3169            border: 1px solid #34d399;
3170            border-radius: 16px;
3171            padding: 22px 20px;
3172            text-align: center;
3173            margin: 25px 0;
3174            box-shadow: 0 4px 15px rgba(52, 211, 153, 0.2);">
3175
3176  <div style="font-size: 0.85rem; color: #6ee7b7; font-weight: 600; margin-bottom: 4px;">
3177    🛒 DREAMPAX PICKS
3178  </div>
3179
3180  <p style="color: #ffffff; font-weight: 800; font-size: 1.1rem; margin: 0 0 12px 0;">
3181    &#9992;&#65039; 여행 준비물 추천
3182  </p>
3183
3184  <iframe src="https://coupa.ng/cl4F5x" 
3185    width="120" height="240" 
3186    frameborder="0" scrolling="no" 
3187    referrerpolicy="unsafe-url" browsingtopics>
3188  </iframe>
3189
3190  <p style="font-size: 0.78rem; color: #6ee7b7; margin: 10px 0 0 0;">
3191    이 포스팅은 쿠팡 파트너스 활동의 일환으로 일정 수수료를 받을 수 있습니다.
3192  </p>
3193</div>
3194
3195
3196<div class="wrap">
3197
3198  <section class="hero">
3199    <div class="hero-content">
3200      <h1>🌍 Dreampax Function Journey</h1>
3201      <p>Health & Science &#183; Global Culture &#183; Academy &#183; HR & Talent &#183; Stock & Market.</p>
3202      <p>건강, 글로벌컬처, 아카데미, 인사부문, 주식정보 등 기능성 분류.</p>
3203    </div>
3204  </section>
3205
3206  <div class="grid">
3207    <!--🧠 건강 (Health & Science)-->
3208    <div class="card"><div class="separator" style="clear: both; text-align: center;"><a href="https://health.dreampax-story.com"><img alt="" data-original-height="288" data-original-width="512" height="180" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEg0abqra2d0DcORrvB7zcERqCxqGEHzWyVwmcXndMhBEPBpSNaepufSPJQL_XEvIfYcU4P9lYAwwuQpujb7VenuNLoV1nwZdMkSeDTQv7R3n21Q3Czl7lesgCPSMJkzgFeaFtAvUxnbksNHOMrXoB23OWtsjNKXNeOquk_bJa3eUTCPiFgL9EZv3pa_iZOe=rw" width="320" /></a></div><br /><br />
3209      <div class="card-body">
3210        <h2>🧠 건강 (Health &amp; Science)</h2>
3211        <p>Health &amp; Science<br />질병&#183;영양&#183;수명&#183;과학 기반 건강 콘텐츠</p>
3212        <a href="https://health.dreampax-story.com" target="_blank">Explore</a> 
3213      </div>
3214 </div>
3215  
3216    <!--🌐 글로벌 컬처 (Global Culture)-->
3217    <div class="card"><div class="separator" style="clear: both; text-align: center;"><a href="https://korea.dreampax-story.com"><img alt="" data-original-height="288" data-original-width="512" height="180" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEgwojw_ZIwe0vkks6KeANELep8MBalS5vKGiv4eZa9ZyL6o4woGsSYTocYi7Lj0lnTfwOKoHH26VE-zeKtDWImxDAEUwBGtaziY-vTIbfm55Xv4opotuqLKu1ngJx4U1ewqvcu5hp0YcPteVcOAudTkikgn83AmNxKheemtl0BlnOnG8JaRfO9SFMTHtgFo=rw" width="320" /></a></div><br /><br />
3218      <div class="card-body">
3219        <h2>🌐 글로벌 컬처 (Global Culture)</h2>
3220        <p>영문 블로그, 세계&#183;문화&#183;교류 의미&#183;생활&#183;예술&#183;전통</p>
3221        <a href="https://korea.dreampax-story.com" target="_blank">Explore</a>
3222      </div>
3223    </div>
3224
3225    <!--🧭 커리어 콤파스 (Career Compass)-->
3226    <div class="card">
3227     <div class="separator" style="clear: both; text-align: center;"><a href="https://career.dreampax-story.com"><img alt="" data-original-height="288" data-original-width="512" height="180" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEh6eWLKX3NWwERS1Kvuv2w_VwFxa7ACBJL6Nn0Vtea6fIxIwN8Xut-9hNkJ8AGetlJmRDeUVlJZoujChGYIXI8fwOjU7GmdUZ1d1FqVGZpPvRzRhFv4yJoasa1UTBEjvrmuthMJ9p8ESqIi38dPSa35KHQebB_oTOfzkNcloTg4YZM9l3ihM7k96aMDzH4G=rw" width="320" /></a></div><br /><br />
3228      <div class="card-body">
3229        <h2>🧭 커리어 콤파스 (Career Compass)</h2>
3230        <p>Career Compass<br />방향&#183;진로&#183;전략 의미 명확</p>
3231        <a href="https://career.dreampax-story.com" target="_blank">Explore</a>
3232      </div>
3233    </div>
3234
3235    <!--📊 주식정보 / 투자 (Stock & Market)-->
3236    <div class="card">
3237      <div class="separator" style="clear: both; text-align: center;"><a href="https://realnews-lab.dreampax-story.com"><img alt="" data-original-height="288" data-original-width="512" height="180" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEgKYa4Dbx5-2xpcu16GzipvJXGWy5jrpCah17N7Toc5O1Ngdi7-_XZaa4YlwKM49HtvTjb1zZFCNyu9FvoD4w8IJiOraECVXnFb3uux4hK0aJJ0KIU9X9ewVmtB6GsgL1hanQ3DY7vgybqYHHLD4V2tEBkqua0t84DYz1D5Qhh6A3qP1T7aoykJ711OQ7fA=rw" width="320" /></a></div><br /><br />
3238      <div class="card-body">
3239        <h2>📊 주식정보 / 투자 (Stock &amp; Market)</h2>
3240        <p>📊 주식정보 / 투자 (Stock &amp; Market)<br />데일리 리포트&#183;지표&#183;분석에 최적</p>
3241        <a href="https://realnews-lab.dreampax-story.com" target="_blank">Explore</a>
3242      </div>
3243    </div>
3244     <!--📊 Academy-->
3245    <div class="card">
3246      <div class="separator" style="clear: both; text-align: center;"><a href="https://career.dreampax-story.com"><img alt="" data-original-height="288" data-original-width="512" height="180" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEgrt_UR1Cgk72
3246V-3HBCSWocJHNDi-MyHkNdG-fLLSWDl4QOYn5rn8s9mx7ljckXXPWoby0vaTi-lg0lqblHP1S2bbSgc1Cl9HIqO8WZMuqwmBDexql3TDy3yVlOcZf1MlSK1bgiQtpL0zoHa7WVUZ1v5Gug_Ac5gHW0KJEO7FuwA0DaXwjxWWGs5sH6QfYC=rw" width="320" /></a></div><br /><br />
3247      <div class="card-body">
3248        <h2>📊 Academy</h2>
3249        <p>📊 Academy<br />AI, 증권강좌, 헤드헌터강좌, 디지틀기기사용강좌 등</p>
3250        <a href="https://career.dreampax-story.com" target="_blank">Explore</a>
3251      </div>
3252    </div>   
3253   <!--Qration HUB(드림팍스 개요)-->
3254    <div class="card">
3255      <div class="separator" style="clear: both; text-align: center;"><a href="https://www.dreampax-story.com/2025/10/dreampax-story-hub15.html"><img alt="" data-original-height="288" data-original-width="512" height="180" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEjUtkk0R5IymSJYc8epowWLgh-eJaz69kWT4m0hStdy3p6843pJuFqdVmTkKfOWJd70v2FD-HJZRKOO4JfDPU8mbRas2ClVB4bkLptAL3ynLXoYt1LVKQQ34wOTLUbQekd937ZCqwfjzLE-MXeoyJRRKPVfdTMhOe-Xy0ivm2rdWwV0rkBpF-B-Uqz4PN5a=rw" width="320" /></a></div><br /><br />
3256      <div class="card-body">
3257        <h2>Qration HUB(드림팍스 개요)</h2>
3258        <p>Qration HUB(드림팍스 개요)<br />dreampax Story</p>
3259        <a href="https://www.dreampax-story.com/2025/10/dreampax-story-hub15.html" target="_blank">Explore</a>
3260      </div>
3261    </div>
3262    
3263  <div class="footer">
3264    &#169; 2025 Dreampax Story Network &#8212; Global Journey Hub<br />
3265    <a href="https://www.dreampax-story.com/p/network-hub.html">&#8592; Back to Network Hub</a>
3266  </div>
3267<!-- 🛒 쿠팡 파트너스 카드 (Green Edition) -->
3268<div style="background: linear-gradient(135deg, #064e3b, #065f46);
3269            border: 1px solid #34d399;
3270            border-radius: 16px;
3271            padding: 22px 20px;
3272            text-align: center;
3273            margin: 25px 0;
3274            box-shadow: 0 4px 15px rgba(52, 211, 153, 0.2);">
3275
3276  <div style="font-size: 0.85rem; color: #6ee7b7; font-weight: 600; margin-bottom: 4px;">
3277    🛒 DREAMPAX PICKS
3278  </div>
3279
3280<script type="application/ld+json">
3281{
3282  "@context": "https://schema.org",
3283  "@type": "CollectionPage",
3284  "name": "Dreampax Global Journey Hub",
3285  "url": "https://travel.dreampax-story.com/2025/11/global-journey-hub.html",
3286  "description": "Global travel & culinary storytelling hub connecting Asia, Europe, and beyond.",
3287  "inLanguage": "en",
3288  "hasPart": [
3289    {"@type":"CollectionPage","name":"Southeast Asia","url":"https://travel.dreampax-story.com/p/southeast-asia-journey.html"},
3290    {"@type":"CollectionPage","name":"China & East Asia","url":"https://china.dreampax-story.com"},
3291    {"@type":"CollectionPage","name":"Europe","url":"https://europe-story.blogspot.com"},
3292    {"@type":"CollectionPage","name":"Eurasia & Americas","url":"https://nomad.dreampax-story.com"},
3293    {"@type":"CollectionPage","name":"Middle East & Africa","url":"#"}
3294  ],
3295  "publisher":{"@type":"Organization","name":"Dreampax Story Network"}
3296}
3297</script>
3297
3298</div></div>
3299</div>
3300<div class='post-bottom'>
3301<div class='post-footer float-container'>
3302</div>
3303<div class='post-share-buttons post-share-buttons-bottom invisible'>
3304<div class='byline post-share-buttons goog-inline-block'>
3305<div aria-owns='sharing-popup-Blog1-byline-5325624919275626444' class='sharing' data-title='Dreampax Global Portal: 세계를 향한 프리미엄 허브 '>
3306<button aria-controls='sharing-popup-Blog1-byline-5325624919275626444' aria-label='공유' class='sharing-button touch-icon-button' id='sharing-button-Blog1-byline-5325624919275626444' role='button'>
3307<div class='flat-icon-button ripple'>
3308<svg class='svg-icon-24'>
3309<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_share_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
3310</svg>
3311</div>
3312</button>
3313<div class='share-buttons-container'>
3314<ul aria-hidden='true' aria-label='공유' class='share-buttons hidden' id='sharing-popup-Blog1-byline-5325624919275626444' role='menu'>
3315<li>
3316<span aria-label='공유 링크 만들기' class='sharing-platform-button sharing-element-link' data-href='https://www.blogger.com/share-post.g?blogID=4909086606073048022&postID=5325624919275626444&target=' data-url='https://www.dreampax-story.com/2025/10/dreampax-story.html' role='menuitem' tabindex='-1' title='공유 링크 만들기'>
3317<svg class='svg-icon-24 touch-icon sharing-link'>
3318<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_link_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
3319</svg>
3320<span class='platform-sharing-text'>공유 링크 만들기</span>
3321</span>
3322</li>
3323<li>
3324<span aria-label='Facebook에 공유' class='sharing-platform-button sharing-element-facebook' data-href='https://www.blogger.com/share-post.g?blogID=4909086606073048022&postID=5325624919275626444&target=facebook' data-url='https://www.dreampax-story.com/2025/10/dreampax-story.html' role='menuitem' tabindex='-1' title='Facebook에 공유'>
3325<svg class='svg-icon-24 touch-icon sharing-facebook'>
3326<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_facebook_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
3327</svg>
3328<span class='platform-sharing-text'>Facebook</span>
3329</span>
3330</li>
3331<li>
3332<span aria-label='X에 공유' class='sharing-platform-button sharing-element-twitter' data-href='https://www.blogger.com/share-post.g?blogID=4909086606073048022&postID=5325624919275626444&target=twitter' data-url='https://www.dreampax-story.com/2025/10/dreampax-story.html' role='menuitem' tabindex='-1' title='X에 공유'>
3333<svg class='svg-icon-24 touch-icon sharing-twitter'>
3334<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_twitter_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
3335</svg>
3336<span class='platform-sharing-text'>X</span>
3337</span>
3338</li>
3339<li>
3340<span aria-label='Pinterest에 공유' class='sharing-platform-button sharing-element-pinterest' data-href='https://www.blogger.com/share-post.g?blogID=4909086606073048022&postID=5325624919275626444&target=pinterest' data-url='https://www.dreampax-story.com/2025/10/dreampax-story.html' role='menuitem' tabindex='-1' title='Pinterest에 공유'>
3341<svg class='svg-icon-24 touch-icon sharing-pinterest'>
3342<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_pinterest_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
3343</svg>
3344<span class='platform-sharing-text'>Pinterest</span>
3345</span>
3346</li>
3347<li>
3348<span aria-label='이메일' class='sharing-platform-button sharing-element-email' data-href='https://www.blogger.com/share-post.g?blogID=4909086606073048022&postID=5325624919275626444&target=email' data-url='https://www.dreampax-story.com/2025/10/dreampax-story.html' role='menuitem' tabindex='-1' title='이메일'>
3349<svg class='svg-icon-24 touch-icon sharing-email'>
3350<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_email_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
3351</svg>
3352<span class='platform-sharing-text'>이메일</span>
3353</span>
3354</li>
3355<li aria-hidden='true' class='hidden'>
3356<span aria-label='기타 앱과 공유' class='sharing-platform-button sharing-element-other' data-url='https://www.dreampax-story.com/2025/10/dreampax-story.html' role='menuitem' tabindex='-1' title='기타 앱과 공유'>
3357<svg class='svg-icon-24 touch-icon sharing-sharingOther'>
3358<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_more_horiz_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
3359</svg>
3360<span class='platform-sharing-text'>기타 앱</span>
3361</span>
3362</li>
3363</ul>
3364</div>
3365</div>
3366</div>
3367</div>
3368</div>
3369</div>
3370</div>
3371<section class='comments' data-num-comments='0' id='comments'>
3372<a name='comments'></a>
3373</section>
3374</article>
3375</div>
3376</div>
3377</div>
3378</main>
3379</div>
3380<footer class='footer section' id='footer' name='바닥글'><div class='widget Attribution' data-version='2' id='Attribution1'>
3381<div class='widget-content'>
3382<div class='blogger'>
3383<a href='https://www.blogger.com' rel='nofollow'>
3384<svg class='svg-icon-24'>
3385<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_post_blogger_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
3386</svg>
3387Powered by Blogger
3388</a>
3389</div>
3390</div>
3391</div><div class='widget ReportAbuse' data-version='2' id='ReportAbuse1'>
3392<h3 class='title'>
3393<a class='report_abuse' href='https://www.blogger.com/go/report-abuse' rel='noopener nofollow' target='_blank'>
3394신고하기
3395</a>
3396</h3>
3397</div></footer>
3398</div>
3399</div>
3400</div>
3401<aside class='sidebar-container container sidebar-invisible' role='complementary'>
3402<div class='navigation'>
3403<button class='svg-icon-24-button flat-icon-button ripple sidebar-back'>
3404<svg class='svg-icon-24'>
3405<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_arrow_back_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
3406</svg>
3407</button>
3408</div>
3409<div class='sidebar_top_wrapper no-items'>
3410<div class='sidebar_top no-items section' id='sidebar_top' name='사이드바(상단)'>
3411</div>
3412</div>
3413<div class='sidebar_bottom no-items section' id='sidebar_bottom' name='사이드바(하단)'>
3414</div>
3415</aside>
3416<script type="text/javascript" src="https://resources.blogblog.com/blogblog/data/res/3519001239-strm_compiled.js" async="true"></script>
3416
3417<!-- 와라-본문중간 -->
3418<ins class='adsbygoogle' data-ad-client='ca-pub-6909855728136145' data-ad-format='auto' data-ad-slot='3057616948' data-full-width-responsive='true' style='display:block'></ins>
3419<script>
3420     (adsbygoogle = window.adsbygoogle || []).push({});
3421</script>
3421
3422<!-- Dreampax World 정책 푸터 & Blog Navi-->
3423<footer class='footer-box'>
3424<p>
3425    &#169; Dreampax World 
3426    <span class='footer-links'>
3427<a href='https://www.dreampax-story.com/p/privacy-policy.html'>Privacy Policy</a>
3428<a href='https://www.dreampax-story.com/p/cookies-policy.html'>Cookies Policy</a>
3429<a href='https://www.dreampax-story.com/p/disclaimer.html'>Disclaimer</a>
3430<a href='https://www.dreampax-story.com/p/about-contact.html'>About & Contact</a>
3431</span>
3432</p>
3433<div class='footer-nav'>
3434<p>🌐 Dreampax World</p>
3435<div class='footer-menu'>
3436<a href='https://food.dreampax-story.com' target='_blank'>🌏Asia</a>
3437<a href='https://travel.dreampax-story.com' target='_blank'>🌅Southeast Asia</a>
3438<a href='https://china.dreampax-story.com' target='_blank'>🏯China</a>
3439<a href='https://nomad.dreampax-story.com' target='_blank'>🏰Europe & Eurasia</a>
3440<a href='https://realnews-lab.dreampax-story.com' target='_blank'>📰주식정보News</a>
3441<a href='https://health.dreampax-story.com' target='_blank'>💊Health</a>
3442<a href='https://career.dreampax-story.com' target='_blank'>💼Career</a>
3443<a href='https://academy.dreampax-story.com' target='_blank'>🎓Academy</a>
3444<a href='https://korea.dreampax-story.com' target='_blank'>🎎Culture</a>
3445<a href='https://www.dreampax-story.com/2025/10/dreampax-story-hub15.html' target='_blank'>📚Qration</a>
3446<a href='https://wara-dream.tistory.com/pages/Dreampax-Story%E2%94%82%EC%83%9D%ED%99%9C%C2%B7%EC%97%AC%ED%96%89%C2%B7%EA%B1%B4%EA%B0%95-%EA%B0%80%EC%9D%B4%EB%93%9C' target='_blank'>🚴 생활&#183;여행&#183;건강 등</a>
3447</div>
3448</div>
3449</footer>
3450<style>
3451/* ===== 정책 푸터 (큰 박스 없이, 링크만 작은 박스형) ===== */
3452.footer-box {
3453  color: #555;
3454  font-size: 0.9em;
3455  padding: 10px;
3456  max-width: 900px;      /* 본문 폭과 맞춤 (원하시면 760px로 줄이세요) */
3457  margin: 20px auto;
3458  text-align: center;
3459}
3460.footer-box p {
3461  margin: 0;
3462  font-weight: 500;
3463}
3464.footer-box .footer-links a {
3465  display: inline-block;
3466  margin: 0 5px;
3467  padding: 4px 10px;
3468  border: 1px solid #333;   /* 작은 박스 테두리 */
3469  border-radius: 6px;
3470  background: #fff;
3471  color: #333;
3472  text-decoration: none;
3473  font-size: 0.85em;
3474  transition: all 0.2s ease;
3475}
3476.footer-box .footer-links a:hover {
3477  background: #eee;
3478  border-color: #000;
3479  color: #000;
3480}
3481
3482/* ===== Dreampax Network 메뉴 ===== */
3483.footer-nav {
3484  border-top: 1px solid #ddd;
3485  padding: 15px 0;
3486  font-size: 0.9em;
3487  color: #555;
3488  max-width: 900px;      /* 본문 폭과 동일 */
3489  margin: 0 auto;
3490  text-align: center;
3491}
3492.footer-nav p {
3493  margin: 5px 0 15px;
3494  font-weight: 600;
3495}
3496.footer-nav .footer-menu {
3497  display: flex;
3498  flex-wrap: wrap;
3499  justify-content: center; /* 중앙 정렬 */
3500  gap: 10px;
3501}
3502.footer-nav .footer-menu a {
3503  text-decoration: none;
3504  color: #2563eb;
3505  font-weight: 500;
3506  transition: color 0.2s ease;
3507}
3508.footer-nav .footer-menu a:hover {
3509  color: #111827;
3510  text-decoration: underline;
3511}
3512</style>
3513<!-- Dreampax Main Hub Redirect -->
3514<script>
3515if (window.location.hostname === "www.dreampax-story.com" || window.location.hostname === "dreampax-story.com") {
3516  if (window.location.pathname === "/" || window.location.pathname === "/index.html") {
3517    window.location.href = "https://www.dreampax-story.com/2025/10/dreampax-story.html";
3518  }
3519}
3520</script>
3520
3521
3522<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3805468264-widgets.js"></script>
vendor: 1 bytes, line 3522
3522
3523<script type='text/javascript'>
3524window['__wavt'] = 'AAPvtVlSYcXa4Ne-vV3m0GLvunxR:1791246235400';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4909086606073048022','//www.dreampax-story.com/2025/10/dreampax-story.html','4909086606073048022');
3525_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4909086606073048022', 'title': 'Dreampax Main Portal \u2013 Global Atlas', 'url': 'https://www.dreampax-story.com/2025/10/dreampax-story.html', 'canonicalUrl': 'https://www.dreampax-story.com/2025/10/dreampax-story.html', 'homepageUrl': 'https://www.dreampax-story.com/', 'searchUrl': 'https://www.dreampax-story.com/search', 'canonicalHomepageUrl': 'https://www.dreampax-story.com/', 'blogspotFaviconUrl': 'https://www.dreampax-story.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-EK516674QD', 'analytics4': true, 'encoding': 'UTF-8', 'locale': 'ko', 'localeUnderscoreDelimited': 'ko', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Dreampax Main Portal \u2013 Global Atlas - Atom\x22 href\x3d\x22https://www.dreampax-story.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Dreampax Main Portal \u2013 Global Atlas - RSS\x22 href\x3d\x22https://www.dreampax-story.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Dreampax Main Portal \u2013 Global Atlas - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4909086606073048022/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Dreampax Main Portal \u2013 Global Atlas - Atom\x22 href\x3d\x22https://www.dreampax-story.com/feeds/5325624919275626444/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/b2a6de932ca0c9e5', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': '\uacf5\uc720 \ub9c1\ud06c \ub9cc\ub4e4\uae30', 'key': 'link', 'shareMessage': '\uacf5\uc720 \ub9c1\ud06c \ub9cc\ub4e4\uae30', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Facebook\uc5d0 \uacf5\uc720', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'X\uc5d0 \uacf5\uc720', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Pinterest\uc5d0 \uacf5\uc720', 'target': 'pinterest'}, {'name': '\uc774\uba54\uc77c', 'key': 'email', 'shareMessage': '\uc774\uba54\uc77c', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27ko\x27};\x3c/script\x3e'}
3525, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Read more \xbb', 'pageType': 'item', 'postId': '5325624919275626444', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/a/AVvXsEgPlloBp8YVjkf8phuyfuqXkvO2ldI2KJXtcVO4asclUuFukssJNNcXEJJCBUQb_7IEDKexSSCf8UvMIvHdNcVKkayio6rkCm0mB7emD9yPTnjXVHWTvBpD2eG7ELrj9-ng_U0Yq6xp20sycQCGeQcY75oYQ1kxKkGypkeGkOTeBxadk0RQYEmWlVUptSYV\x3ds72-c', 'postImageUrl': 'https://blogger.googleusercontent.com/img/a/AVvXsEgPlloBp8YVjkf8phuyfuqXkvO2ldI2KJXtcVO4asclUuFukssJNNcXEJJCBUQb_7IEDKexSSCf8UvMIvHdNcVKkayio6rkCm0mB7emD9yPTnjXVHWTvBpD2eG7ELrj9-ng_U0Yq6xp20sycQCGeQcY75oYQ1kxKkGypkeGkOTeBxadk0RQYEmWlVUptSYV', 'pageName': 'Dreampax Global Portal: \uc138\uacc4\ub97c \ud5a5\ud55c \ud504\ub9ac\ubbf8\uc5c4 \ud5c8\ube0c ', 'pageTitle': 'Dreampax Main Portal \u2013 Global Atlas: Dreampax Global Portal: \uc138\uacc4\ub97c \ud5a5\ud55c \ud504\ub9ac\ubbf8\uc5c4 \ud5c8\ube0c ', 'metaDescription': 'Dreampax Story Network\uc758 \uba54\uc778 \ud5c8\ube0c\uc785\ub2c8\ub2e4. \uc74c\uc2dd\xb7\uc5ec\ud589\xb7\uac74\uac15\xb7\ucee4\ub9ac\uc5b4\xb7\uc911\uad6d\xb7\ubb38\ud654 \uc2dc\ub9ac\uc988 \ub4f1 Dreampax\uc758 \ubaa8\ub4e0 \ube14\ub85c\uadf8 \ud5c8\ube0c\ub97c \ud55c\ub208\uc5d0 \uc5f0\uacb0\ud569\ub2c8\ub2e4.\n'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': '\uc218\uc815', 'linkCopiedToClipboard': '\ub9c1\ud06c\ub97c \ud074\ub9bd\ubcf4\ub4dc\uc5d0 \ubcf5\uc0ac\ud588\uc2b5\ub2c8\ub2e4.', 'ok': '\ud655\uc778', 'postLink': '\uae00 \ub9c1\ud06c'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': '\uc0ac\uc6a9\uc790 \uc9c0\uc815', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Dreampax Global Portal: \uc138\uacc4\ub97c \ud5a5\ud55c \ud504\ub9ac\ubbf8\uc5c4 \ud5c8\ube0c ', 'description': 'Dreampax Story Network\uc758 \uba54\uc778 \ud5c8\ube0c\uc785\ub2c8\ub2e4. \uc74c\uc2dd\xb7\uc5ec\ud589\xb7\uac74\uac15\xb7\ucee4\ub9ac\uc5b4\xb7\uc911\uad6d\xb7\ubb38\ud654 \uc2dc\ub9ac\uc988 \ub4f1 Dreampax\uc758 \ubaa8\ub4e0 \ube14\ub85c\uadf8 \ud5c8\ube0c\ub97c \ud55c\ub208\uc5d0 \uc5f0\uacb0\ud569\ub2c8\ub2e4.\n', 'featuredImage': 'https://blogger.googleusercontent.com/img/a/AVvXsEgPlloBp8YVjkf8phuyfuqXkvO2ldI2KJXtcVO4asclUuFukssJNNcXEJJCBUQb_7IEDKexSSCf8UvMIvHdNcVKkayio6rkCm0mB7emD9yPTnjXVHWTvBpD2eG7ELrj9-ng_U0Yq6xp20sycQCGeQcY75oYQ1kxKkGypkeGkOTeBxadk0RQYEmWlVUptSYV', 'url': 'https://www.dreampax-story.com/2025/10/dreampax-story.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 5325624919275626444}}, {'name': 'widgets', 'data': [{'title': 'Dreampax Main Portal \u2013 Global Atlas(\ud5e4\ub354)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': '', 'type': 'PageList', 'sectionId': 'page_list_top', 'id': 'PageList1'}, {'title': '\ube14\ub85c\uadf8 \uac8c\uc2dc\ubb3c', 'type': 'Blog', 'sectionId': 'page_body', 'id': 'Blog1', 'posts': [{'id': '5325624919275626444', 'title': 'Dreampax Global Portal: \uc138\uacc4\ub97c \ud5a5\ud55c \ud504\ub9ac\ubbf8\uc5c4 \ud5c8\ube0c ', 'featuredImage': 'https://blogger.googleusercontent.com/img/a/AVvXsEgPlloBp8YVjkf8phuyfuqXkvO2ldI2KJXtcVO4asclUuFukssJNNcXEJJCBUQb_7IEDKexSSCf8UvMIvHdNcVKkayio6rkCm0mB7emD9yPTnjXVHWTvBpD2eG7ELrj9-ng_U0Yq6xp20sycQCGeQcY75oYQ1kxKkGypkeGkOTeBxadk0RQYEmWlVUptSYV', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': ''}]}, 'footerBylines': [], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': ''}]}, {'type': 'Attribution', 'sectionId': 'footer', 'id': 'Attribution1'}, {'title': '', 'type': 'ReportAbuse', 'sectionId': 'footer', 'id': 'ReportAbuse1'}]}]);
3526_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
3527_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'page_list_top', document.getElementById('PageList1'), {'title': '', 'links': [{'isCurrentPage': false, 'href': 'https://www.dreampax-story.com/p/dreampax-story-hub_15.html', 'id': '3351213867094487139', 'title': '\ud83d\uddc2Dreampax Story \ud5c8\ube0c\uc18c\uac1c \xb7 \ud050\ub808\uc774\uc158 \xb7 \uce7c\ub7fc'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
3528_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'page_body', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/49091946-lbx__ko.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
3529_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer', document.getElementById('Attribution1'), {}, 'displayModeFull'));
3530_WidgetManager._RegisterWidget('_ReportAbuseView', new _WidgetInfo('ReportAbuse1', 'footer', document.getElementById('ReportAbuse1'), {}, 'displayModeFull'));
3531</script>
3531
3532</body>
3533</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.