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 · Eurasia Atlas | Meta Set v3.4.1 (Blogger-safe) --> 5<!-- ✅ ê³µíµ: title ì í ë§ìì ì ì´ëë¯ë¡ ì ì§ or íìì í ì¤ë§ ì¬ì© --> 6<title>Dreampax Europe · Eurasia Atlas | by Nomad Europe</title> 7<!-- ✅ Bloggerê° description ìëì½ì íë¯ë¡ ì¤ë³µ ë°©ì§: ì§ì description íê·¸ë ë£ì§ ìì --> 8<!-- ✅ ê³µíµ ë©í (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<!-- ✅ Canonical: Blogger ëì URL ì¬ì© (ì¤ë³µ/ìë¬ ë°©ì§) --> 12<link href='https://www.dreampax-story.com/2025/10/dreampax-story.html' rel='canonical'/> 13<!-- ✅ Open Graph: íììë§ ê°ì ì¸í (í¬ì¤í¸ ìì¸ë Blogger/본문 ë©íê° ì°ì ) --> 14<!-- ✅ 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<!-- ✅ ì´ ìëì 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 – Global Atlas - Atom" href="https://www.dreampax-story.com/feeds/posts/default" /> 60<link rel="alternate" type="application/rss+xml" title="Dreampax Main Portal – 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 – 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 – 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!='all')media='all'' 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 – Global Atlas 2740</a> 2741</h1> 2742</div> 2743<p> 2744Dreampax Worldì ì¤ì¬ íë¸. Asia Atlas, Europe & Eurasia, China Atlas, Travel Lab, Career Compass, Korea Culture, RealNews Lab, Health & 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 –
2872 CSS with Inline Comments 2873 목ì : ê¸ë¡ë² ì¬í·ë¯¸ì íë¸ì© ë¼ì´í¸ í ë§ 2874====================================================== */ 2875 2876/* ------------------------------------------------------ 2877 1. ì ì ëìì¸ í í° (:root) 2878 - 컬묷í¤ì ë³ìë¡ ê´ë¦¬ 2879 - í¥í ë¤í¬ëª¨ë / ë¸ëë í ë§ ì í ëë¹ 2880------------------------------------------------------ */ 2881:root{ 2882 --brand:#2563eb; /* ë©ì¸ ë¸ëë ë¸ë£¨ (CTA, ë§í¬) */ 2883 --brand-dark:#1e3a8a; /* hover/ê°ì¡°ì© ë¥ ë¸ë£¨ */ 2884 --accent:#facc15; /* í¬ì¸í¸·ê°ì¡° ì»¬ë¬ (íì¥ ëë¹) */ 2885 2886 --bg:#f9fafb; /* íì´ì§ ì ì²´ ë°°ê²½ */ 2887 --ink:#1f2937; /* 기본 본문 í ì¤í¸ */ 2888 --muted:#64748b; /* ì¤ëª ·ë³´ì¡° 문구 */ 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; /* ì¤í 리·ì¤ëª í ì½í ì¸ ì ì í© */ 2908} 2909 2910/* ------------------------------------------------------ 2911 3. íì´ë¡ ì¹ì (.hero) 2912 - íì´ì§ 첫 ì¸ì 2913 - ê¸ë¡ë²·ì¬í 무ë ì ë¬ 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 · Culture · Destination<br />íêµ, ì¼ë³¸, ìë¨ììì etc Food · Culture · 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&fit=crop&w=900&q=80" /></a></div><br /> 3096 <div class="card-body"> 3097 <h2>ð´ Southeast Asia (ëë¨ììì)</h2> 3098 <p>Thailand · Vietnam · Malaysia · Singapore<br />íêµ, ë² í¸ë¨, ë§ë ì´ìì, ì±ê°í¬ë¥´ Food · Culture · 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 />·Food · Culture · Destination</p> 3109 <a href="https://china.dreampax-story.com" target="_blank">Explore</a> 3110 </div> 3111 </div> 3112 3113 <!--ð·Europe & Eurasia (ì ë½ & ì¤ë)--> 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 & Eurasia (ì ë½ & ì¤ë)</h2> 3118 <p>Western · Central · Northern · 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 />ìí리카 ëë¥ì ìì·ë¬¸í·ì¬í ì´ì¼ê¸°</p> 3129 <a href="https://africa.dreampax-story.com" target="_blank">Explore</a> 3130 </div> 3131 </div> 3132--> 3133<!--<!-ð Oceania Atlas--> 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 · Culture · 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 · Culture · 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 ✈️ ì¬í ì¤ë¹ë¬¼ ì¶ì² 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 · Global Culture · Academy · HR & Talent · 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 & Science)</h2> 3211 <p>Health & Science<br />ì§ë³·ìì·ìëª ·ê³¼í ê¸°ë° ê±´ê° ì½í ì¸ </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>ì문 ë¸ë¡ê·¸, ì¸ê³·ë¬¸í·êµë¥ ì미·ìí·ìì ·ì íµ</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 />ë°©í¥·ì§ë¡·ì ëµ ì미 ëª í</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 & Market)</h2> 3240 <p>ð 주ìì ë³´ / í¬ì (Stock & Market)<br />ë°ì¼ë¦¬ 리í¬í¸·ì§í·ë¶ìì ìµì </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 © 2025 Dreampax Story Network — Global Journey Hub<br /> 3265 <a href="https://www.dreampax-story.com/p/network-hub.html">← 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 © 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'>ð´ ìí·ì¬í·ê±´ê° ë±</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.