source_code/03-1. Web Parsing example.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# 시카고 샌드위치 맛집 분석\n",
    "\n",
    "### 작성 : [PinkWink](http://pinkwink.kr) \n",
    "\n",
    "## 웹 데이터를 가져오는 Beautiful Soup 익히기"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "outputs": [],
   "source": [
    "from bs4 import BeautifulSoup"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {
    "scrolled": true
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "<!DOCTYPE html>\n",
      "<html>\n",
      " <head>\n",
      "  <title>\n",
      "   Very Simple HTML Code by PinkWink\n",
      "  </title>\n",
      " </head>\n",
      " <body>\n",
      "  <div>\n",
      "   <p class=\"inner-text first-item\" id=\"first\">\n",
      "    Happy PinkWink.\n",
      "    <a href=\"http://www.pinkwink.kr\" id=\"pw-link\">\n",
      "     PinkWink\n",
      "    </a>\n",
      "   </p>\n",
      "   <p class=\"inner-text second-item\">\n",
      "    Happy Data Science.\n",
      "    <a href=\"https://www.python.org\" id=\"py-link\">\n",
      "     Python\n",
      "    </a>\n",
      "   </p>\n",
      "  </div>\n",
      "  <p class=\"outer-text first-item\" id=\"second\">\n",
      "   <b>\n",
      "    Data Science is funny.\n",
      "   </b>\n",
      "  </p>\n",
      "  <p class=\"outer-text\">\n",
      "   <b>\n",
      "    All I need is Love.\n",
      "   </b>\n",
      "  </p>\n",
      " </body>\n",
      "</html>\n"
     ]
    }
   ],
   "source": [
    "page = open(\"../data/03. test_first.html\",'r').read()\n",
    "soup = BeautifulSoup(page, 'html.parser')\n",
    "print(soup.prettify())"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {
    "scrolled": true
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['html', '\\n', <html>\n",
       " <head>\n",
       " <title>Very Simple HTML Code by PinkWink</title>\n",
       " </head>\n",
       " <body>\n",
       " <div>\n",
       " <p class=\"inner-text first-item\" id=\"first\">\n",
       "                 Happy PinkWink.\n",
       "                 <a href=\"http://www.pinkwink.kr\" id=\"pw-link\">PinkWink</a>\n",
       " </p>\n",
       " <p class=\"inner-text second-item\">\n",
       "                 Happy Data Science.\n",
       "                 <a href=\"https://www.python.org\" id=\"py-link\">Python</a>\n",
       " </p>\n",
       " </div>\n",
       " <p class=\"outer-text first-item\" id=\"second\">\n",
       " <b>\n",
       "                 Data Science is funny.\n",
       "             </b>\n",
       " </p>\n",
       " <p class=\"outer-text\">\n",
       " <b>\n",
       "                 All I need is Love.\n",
       "             </b>\n",
       " </p>\n",
       " </body>\n",
       " </html>]"
      ]
     },
     "execution_count": 3,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "list(soup.children)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<html>\n",
       "<head>\n",
       "<title>Very Simple HTML Code by PinkWink</title>\n",
       "</head>\n",
       "<body>\n",
       "<div>\n",
       "<p class=\"inner-text first-item\" id=\"first\">\n",
       "                Happy PinkWink.\n",
       "                <a href=\"http://www.pinkwink.kr\" id=\"pw-link\">PinkWink</a>\n",
       "</p>\n",
       "<p class=\"inner-text second-item\">\n",
       "                Happy Data Science.\n",
       "                <a href=\"https://www.python.org\" id=\"py-link\">Python</a>\n",
       "</p>\n",
       "</div>\n",
       "<p class=\"outer-text first-item\" id=\"second\">\n",
       "<b>\n",
       "                Data Science is funny.\n",
       "            </b>\n",
       "</p>\n",
       "<p class=\"outer-text\">\n",
       "<b>\n",
       "                All I need is Love.\n",
       "            </b>\n",
       "</p>\n",
       "</body>\n",
       "</html>"
      ]
     },
     "execution_count": 4,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "html = list(soup.children)[2]\n",
    "html"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['\\n', <head>\n",
       " <title>Very Simple HTML Code by PinkWink</title>\n",
       " </head>, '\\n', <body>\n",
       " <div>\n",
       " <p class=\"inner-text first-item\" id=\"first\">\n",
       "                 Happy PinkWink.\n",
       "                 <a href=\"http://www.pinkwink.kr\" id=\"pw-link\">PinkWink</a>\n",
       " </p>\n",
       " <p class=\"inner-text second-item\">\n",
       "                 Happy Data Science.\n",
       "                 <a href=\"https://www.python.org\" id=\"py-link\">Python</a>\n",
       " </p>\n",
       " </div>\n",
       " <p class=\"outer-text first-item\" id=\"second\">\n",
       " <b>\n",
       "                 Data Science is funny.\n",
       "             </b>\n",
       " </p>\n",
       " <p class=\"outer-text\">\n",
       " <b>\n",
       "                 All I need is Love.\n",
       "             </b>\n",
       " </p>\n",
       " </body>, '\\n']"
      ]
     },
     "execution_count": 5,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "list(html.children)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<body>\n",
       "<div>\n",
       "<p class=\"inner-text first-item\" id=\"first\">\n",
       "                Happy PinkWink.\n",
       "                <a href=\"http://www.pinkwink.kr\" id=\"pw-link\">PinkWink</a>\n",
       "</p>\n",
       "<p class=\"inner-text second-item\">\n",
       "                Happy Data Science.\n",
       "                <a href=\"https://www.python.org\" id=\"py-link\">Python</a>\n",
       "</p>\n",
       "</div>\n",
       "<p class=\"outer-text first-item\" id=\"second\">\n",
       "<b>\n",
       "                Data Science is funny.\n",
       "            </b>\n",
       "</p>\n",
       "<p class=\"outer-text\">\n",
       "<b>\n",
       "                All I need is Love.\n",
       "            </b>\n",
       "</p>\n",
       "</body>"
      ]
     },
     "execution_count": 6,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "body = list(html.children)[3]\n",
    "body"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<body>\n",
       "<div>\n",
       "<p class=\"inner-text first-item\" id=\"first\">\n",
       "                Happy PinkWink.\n",
       "                <a href=\"http://www.pinkwink.kr\" id=\"pw-link\">PinkWink</a>\n",
       "</p>\n",
       "<p class=\"inner-text second-item\">\n",
       "                Happy Data Science.\n",
       "                <a href=\"https://www.python.org\" id=\"py-link\">Python</a>\n",
       "</p>\n",
       "</div>\n",
       "<p class=\"outer-text first-item\" id=\"second\">\n",
       "<b>\n",
       "                Data Science is funny.\n",
       "            </b>\n",
       "</p>\n",
       "<p class=\"outer-text\">\n",
       "<b>\n",
       "                All I need is Love.\n",
       "            </b>\n",
       "</p>\n",
       "</body>"
      ]
     },
     "execution_count": 7,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "soup.body"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['\\n', <div>\n",
       " <p class=\"inner-text first-item\" id=\"first\">\n",
       "                 Happy PinkWink.\n",
       "                 <a href=\"http://www.pinkwink.kr\" id=\"pw-link\">PinkWink</a>\n",
       " </p>\n",
       " <p class=\"inner-text second-item\">\n",
       "                 Happy Data Science.\n",
       "                 <a href=\"https://www.python.org\" id=\"py-link\">Python</a>\n",
       " </p>\n",
       " </div>, '\\n', <p class=\"outer-text first-item\" id=\"second\">\n",
       " <b>\n",
       "                 Data Science is funny.\n",
       "             </b>\n",
       " </p>, '\\n', <p class=\"outer-text\">\n",
       " <b>\n",
       "                 All I need is Love.\n",
       "             </b>\n",
       " </p>, '\\n']"
      ]
     },
     "execution_count": 8,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "list(body.children)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 9,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "7"
      ]
     },
     "execution_count": 9,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "len(list(body.children))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 10,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "[<p class=\"inner-text first-item\" id=\"first\">\n",
       "                 Happy PinkWink.\n",
       "                 <a href=\"http://www.pinkwink.kr\" id=\"pw-link\">PinkWink</a>\n",
       " </p>, <p class=\"inner-text second-item\">\n",
       "                 Happy Data Science.\n",
       "                 <a href=\"https://www.python.org\" id=\"py-link\">Python</a>\n",
       " </p>, <p class=\"outer-text first-item\" id=\"second\">\n",
       " <b>\n",
       "                 Data Science is funny.\n",
       "             </b>\n",
       " </p>, <p class=\"outer-text\">\n",
       " <b>\n",
       "                 All I need is Love.\n",
       "             </b>\n",
       " </p>]"
      ]
     },
     "execution_count": 10,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "soup.find_all('p')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 11,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<p class=\"inner-text first-item\" id=\"first\">\n",
       "                Happy PinkWink.\n",
       "                <a href=\"http://www.pinkwink.kr\" id=\"pw-link\">PinkWink</a>\n",
       "</p>"
      ]
     },
     "execution_count": 11,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "soup.find('p')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 12,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "[<p class=\"outer-text first-item\" id=\"second\">\n",
       " <b>\n",
       "                 Data Science is funny.\n",
       "             </b>\n",
       " </p>, <p class=\"outer-text\">\n",
       " <b>\n",
       "                 All I need is Love.\n",
       "             </b>\n",
       " </p>]"
      ]
     },
     "execution_count": 12,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "soup.find_all('p', class_='outer-text')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "[<p class=\"outer-text first-item\" id=\"second\">\n",
       " <b>\n",
       "                 Data Science is funny.\n",
       "             </b>\n",
       " </p>, <p class=\"outer-text\">\n",
       " <b>\n",
       "                 All I need is Love.\n",
       "             </b>\n",
       " </p>]"
      ]
     },
     "execution_count": 13,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "soup.find_all(class_=\"outer-text\")"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 14,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "[<p class=\"inner-text first-item\" id=\"first\">\n",
       "                 Happy PinkWink.\n",
       "                 <a href=\"http://www.pinkwink.kr\" id=\"pw-link\">PinkWink</a>\n",
       " </p>]"
      ]
     },
     "execution_count": 14,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "soup.find_all(id=\"first\")"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 15,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<p class=\"inner-text first-item\" id=\"first\">\n",
       "                Happy PinkWink.\n",
       "                <a href=\"http://www.pinkwink.kr\" id=\"pw-link\">PinkWink</a>\n",
       "</p>"
      ]
     },
     "execution_count": 15,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "soup.find('p')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 16,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['html', '\\n', <html>\n",
       " <head>\n",
       " <title>Very Simple HTML Code by PinkWink</title>\n",
       " </head>\n",
       " <body>\n",
       " <div>\n",
       " <p class=\"inner-text first-item\" id=\"first\">\n",
       "                 Happy PinkWink.\n",
       "                 <a href=\"http://www.pinkwink.kr\" id=\"pw-link\">PinkWink</a>\n",
       " </p>\n",
       " <p class=\"inner-text second-item\">\n",
       "                 Happy Data Science.\n",
       "                 <a href=\"https://www.python.org\" id=\"py-link\">Python</a>\n",
       " </p>\n",
       " </div>\n",
       " <p class=\"outer-text first-item\" id=\"second\">\n",
       " <b>\n",
       "                 Data Science is funny.\n",
       "             </b>\n",
       " </p>\n",
       " <p class=\"outer-text\">\n",
       " <b>\n",
       "                 All I need is Love.\n",
       "             </b>\n",
       " </p>\n",
       " </body>\n",
       " </html>]"
      ]
     },
     "execution_count": 16,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "list(soup.children)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 17,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<head>\n",
       "<title>Very Simple HTML Code by PinkWink</title>\n",
       "</head>"
      ]
     },
     "execution_count": 17,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "soup.head"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 18,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'\\n'"
      ]
     },
     "execution_count": 18,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "soup.head.next_sibling"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 19,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'\\n'"
      ]
     },
     "execution_count": 19,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "soup.head.previous_sibling"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 20,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<body>\n",
       "<div>\n",
       "<p class=\"inner-text first-item\" id=\"first\">\n",
       "                Happy PinkWink.\n",
       "                <a href=\"http://www.pinkwink.kr\" id=\"pw-link\">PinkWink</a>\n",
       "</p>\n",
       "<p class=\"inner-text second-item\">\n",
       "                Happy Data Science.\n",
       "                <a href=\"https://www.python.org\" id=\"py-link\">Python</a>\n",
       "</p>\n",
       "</div>\n",
       "<p class=\"outer-text first-item\" id=\"second\">\n",
       "<b>\n",
       "                Data Science is funny.\n",
       "            </b>\n",
       "</p>\n",
       "<p class=\"outer-text\">\n",
       "<b>\n",
       "                All I need is Love.\n",
       "            </b>\n",
       "</p>\n",
       "</body>"
      ]
     },
     "execution_count": 20,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "soup.head.next_sibling.next_sibling"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 21,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<p class=\"inner-text first-item\" id=\"first\">\n",
       "                Happy PinkWink.\n",
       "                <a href=\"http://www.pinkwink.kr\" id=\"pw-link\">PinkWink</a>\n",
       "</p>"
      ]
     },
     "execution_count": 21,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "body.p"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 22,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<p class=\"inner-text second-item\">\n",
       "                Happy Data Science.\n",
       "                <a href=\"https://www.python.org\" id=\"py-link\">Python</a>\n",
       "</p>"
      ]
     },
     "execution_count": 22,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "body.p.next_sibling.next_sibling"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 23,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "\n",
      "                Happy PinkWink.\n",
      "                PinkWink\n",
      "\n",
      "\n",
      "                Happy Data Science.\n",
      "                Python\n",
      "\n",
      "\n",
      "\n",
      "                Data Science is funny.\n",
      "            \n",
      "\n",
      "\n",
      "\n",
      "                All I need is Love.\n",
      "            \n",
      "\n"
     ]
    }
   ],
   "source": [
    "for each_tag in soup.find_all('p'):\n",
    "    print(each_tag.get_text())"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 24,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'\\n\\n\\n                Happy PinkWink.\\n                PinkWink\\n\\n\\n                Happy Data Science.\\n                Python\\n\\n\\n\\n\\n                Data Science is funny.\\n            \\n\\n\\n\\n                All I need is Love.\\n            \\n\\n'"
      ]
     },
     "execution_count": 24,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "body.get_text()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 25,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "[<a href=\"http://www.pinkwink.kr\" id=\"pw-link\">PinkWink</a>,\n",
       " <a href=\"https://www.python.org\" id=\"py-link\">Python</a>]"
      ]
     },
     "execution_count": 25,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "links = soup.find_all('a')\n",
    "links"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 26,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "PinkWink -> http://www.pinkwink.kr\n",
      "Python -> https://www.python.org\n"
     ]
    }
   ],
   "source": [
    "for each in links:\n",
    "    href = each['href']\n",
    "    text = each.string\n",
    "    print(text + ' -> ' + href)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## 크롬 개발자 도구를 이용해서 원하는 태그 찾기"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 27,
   "metadata": {},
   "outputs": [],
   "source": [
    "from urllib.request import urlopen"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 28,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "<script language=\"javascript\" src=\"http://finance.naver.com/template/head_js.nhn?referer=info.finance.naver.com&amp;menu=marketindex&amp;submenu=market\">\n",
      "</script>\n",
      "<script src=\"/js/jindo.min.ns.1.5.3.euckr.js\" type=\"text/javascript\">\n",
      "</script>\n",
      "<script src=\"/js/jindo.1.5.3.element-text-patch.js\" type=\"text/javascript\">\n",
      "</script>\n",
      "<div id=\"container\" style=\"padding-bottom:0px;\">\n",
      " <script language=\"JavaScript\" src=\"/js/flashObject.js?20171213045922\">\n",
      " </script>\n",
      " <div class=\"market_include\">\n",
      "  <div class=\"market_data\">\n",
      "   <div class=\"market1\">\n",
      "    <div class=\"title\">\n",
      "     <h2 class=\"h_market1\">\n",
      "      <span>\n",
      "       환전 고시 환율\n",
      "      </span>\n",
      "     </h2>\n",
      "    </div>\n",
      "    <!-- data -->\n",
      "    <div class=\"data\">\n",
      "     <ul class=\"data_lst\" id=\"exchangeList\">\n",
      "      <li class=\"on\">\n",
      "       <a class=\"head usd\" href=\"/marketindex/exchangeDetail.nhn?marketindexCd=FX_USDKRW\" onclick=\"clickcr(this, 'fr1.usdt', '', '', event);\">\n",
      "        <h3 class=\"h_lst\">\n",
      "         <span class=\"blind\">\n",
      "          미국 USD\n",
      "         </span>\n",
      "        </h3>\n",
      "        <div class=\"head_info point_dn\">\n",
      "         <span class=\"value\">\n",
      "          1,066.90\n",
      "         </span>\n",
      "         <span class=\"txt_krw\">\n",
      "          <span class=\"blind\">\n",
      "           원\n",
      "          </span>\n",
      "         </span>\n",
      "         <span class=\"change\">\n",
      "          6.60\n",
      "         </span>\n",
      "         <span class=\"blind\">\n",
      "          하락\n",
      "         </span>\n",
      "        </div>\n",
      "       </a>\n",
      "       <a class=\"graph_img\" href=\"/marketindex/exchangeDetail.nhn?marketindexCd=FX_USDKRW\" onclick=\"clickcr(this, 'fr1.usdc', '', '', event);\">\n",
      "        <img alt=\"\" height=\"153\" src=\"http://imgfinance.naver.net/chart/marketindex/FX_USDKRW.png\" width=\"295\"/>\n",
      "       </a>\n",
      "       <div class=\"graph_info\">\n",
      "        <span class=\"time\">\n",
      "         2018.04.17 15:24\n",
      "        </span>\n",
      "        <span class=\"source\">\n",
      "         KEB하나은행 기준\n",
      "        </span>\n",
      "        <span class=\"count\">\n",
      "         고시회차\n",
      "         <span class=\"num\">\n",
      "          291\n",
      "         </span>\n",
      "         회\n",
      "        </span>\n",
      "       </div>\n",
      "      </li>\n",
      "      <li class=\"\">\n",
      "       <a class=\"head jpy\" href=\"/marketindex/exchangeDetail.nhn?marketindexCd=FX_JPYKRW\" onclick=\"clickcr(this, 'fr1.jpyt', '', '', event);\">\n",
      "        <h3 class=\"h_lst\">\n",
      "         <span class=\"blind\">\n",
      "          일본 JPY(100엔)\n",
      "         </span>\n",
      "        </h3>\n",
      "        <div class=\"head_info point_dn\">\n",
      "         <span class=\"value\">\n",
      "          997.76\n",
      "         </span>\n",
      "         <span class=\"txt_krw\">\n",
      "          <span class=\"blind\">\n",
      "           원\n",
      "          </span>\n",
      "         </span>\n",
      "         <span class=\"change\">\n",
      "          2.29\n",
      "         </span>\n",
      "         <span class=\"blind\">\n",
      "          하락\n",
      "         </span>\n",
      "        </div>\n",
      "       </a>\n",
      "       <a class=\"graph_img\" href=\"/marketindex/exchangeDetail.nhn?marketindexCd=FX_JPYKRW\" onclick=\"clickcr(this, 'fr1.jpyc', '', '', event);\">\n",
      "        <img alt=\"\" height=\"153\" src=\"http://imgfinance.naver.net/chart/marketindex/FX_JPYKRW.png\" width=\"295\"/>\n",
      "       </a>\n",
      "       <div class=\"graph_info\">\n",
      "        <span class=\"time\">\n",
      "         2018.04.17 15:24\n",
      "        </span>\n",
      "        <span class=\"source\">\n",
      "         KEB하나은행 기준\n",
      "        </span>\n",
      "        <span class=\"count\">\n",
      "         고시회차\n",
      "         <span class=\"num\">\n",
      "          291\n",
      "         </span>\n",
      "         회\n",
      "        </span>\n",
      "       </div>\n",
      "      </li>\n",
      "      <li class=\"\">\n",
      "       <a class=\"head eur\" href=\"/marketindex/exchangeDetail.nhn?marketindexCd=FX_EURKRW\" onclick=\"clickcr(this, 'fr1.eurt', '', '', event);\">\n",
      "        <h3 class=\"h_lst\">\n",
      "         <span class=\"blind\">\n",
      "          유럽연합 EUR\n",
      "         </span>\n",
      "        </h3>\n",
      "        <div class=\"head_info point_dn\">\n",
      "         <span class=\"value\">\n",
      "          1,322.26\n",
      "         </span>\n",
      "         <span class=\"txt_krw\">\n",
      "          <span class=\"blind\">\n",
      "           원\n",
      "          </span>\n",
      "         </span>\n",
      "         <span class=\"change\">\n",
      "          6.89\n",
      "         </span>\n",
      "         <span class=\"blind\">\n",
      "          하락\n",
      "         </span>\n",
      "        </div>\n",
      "       </a>\n",
      "       <a class=\"graph_img\" href=\"/marketindex/exchangeDetail.nhn?marketindexCd=FX_EURKRW\" onclick=\"clickcr(this, 'fr1.eurc', '', '', event);\">\n",
      "        <img alt=\"\" height=\"153\" src=\"http://imgfinance.naver.net/chart/marketindex/FX_EURKRW.png\" width=\"295\"/>\n",
      "       </a>\n",
      "       <div class=\"graph_info\">\n",
      "        <span class=\"time\">\n",
      "         2018.04.17 15:24\n",
      "        </span>\n",
      "        <span class=\"source\">\n",
      "         KEB하나은행 기준\n",
      "        </span>\n",
      "        <span class=\"count\">\n",
      "         고시회차\n",
      "         <span class=\"num\">\n",
      "          291\n",
      "         </span>\n",
      "         회\n",
      "        </span>\n",
      "       </div>\n",
      "      </li>\n",
      "      <li class=\"\">\n",
      "       <a class=\"head cny\" href=\"/marketindex/exchangeDetail.nhn?marketindexCd=FX_CNYKRW\" onclick=\"clickcr(this, 'fr1.cnyt', '', '', event);\">\n",
      "        <h3 class=\"h_lst\">\n",
      "         <span class=\"blind\">\n",
      "          중국 CNY\n",
      "         </span>\n",
      "        </h3>\n",
      "        <div class=\"head_info point_dn\">\n",
      "         <span class=\"value\">\n",
      "          170.15\n",
      "         </span>\n",
      "         <span class=\"txt_krw\">\n",
      "          <span class=\"blind\">\n",
      "           원\n",
      "          </span>\n",
      "         </span>\n",
      "         <span class=\"change\">\n",
      "          1.08\n",
      "         </span>\n",
      "         <span class=\"blind\">\n",
      "          하락\n",
      "         </span>\n",
      "        </div>\n",
      "       </a>\n",
      "       <a class=\"graph_img\" href=\"/marketindex/exchangeDetail.nhn?marketindexCd=FX_CNYKRW\" onclick=\"clickcr(this, 'fr1.cnyc', '', '', event);\">\n",
      "        <img alt=\"\" height=\"153\" src=\"http://imgfinance.naver.net/chart/marketindex/FX_CNYKRW.png\" width=\"295\"/>\n",
      "       </a>\n",
      "       <div class=\"graph_info\">\n",
      "        <span class=\"time\">\n",
      "         2018.04.17 15:24\n",
      "        </span>\n",
      "        <span class=\"source\">\n",
      "         KEB하나은행 기준\n",
      "        </span>\n",
      "        <span class=\"count\">\n",
      "         고시회차\n",
      "         <span class=\"num\">\n",
      "          291\n",
      "         </span>\n",
      "         회\n",
      "        </span>\n",
      "       </div>\n",
      "      </li>\n",
      "     </ul>\n",
      "    </div>\n",
      "    <!-- //data -->\n",
      "   </div>\n",
      "   <div class=\"market2\">\n",
      "    <div class=\"title\">\n",
      "     <h2 class=\"h_market2\">\n",
      "      <span>\n",
      "       국제 시장 환율\n",
      "      </span>\n",
      "     </h2>\n",
      "    </div>\n",
      "    <!-- data -->\n",
      "    <div class=\"data\">\n",
      "     <ul class=\"data_lst\" id=\"worldExchangeList\">\n",
      "      <li class=\"on\">\n",
      "       <a class=\"head jpy_usd\" href=\"/marketindex/worldExchangeDetail.nhn?marketindexCd=FX_USDJPY\" onclick=\"clickcr(this, 'fr2.jpyut', '', '', event);\">\n",
      "        <h3 class=\"h_lst\">\n",
      "         <span class=\"blind\">\n",
      "          일본 엔/달러\n",
      "         </span>\n",
      "        </h3>\n",
      "        <div class=\"head_info point_dn\">\n",
      "         <span class=\"value\">\n",
      "          107.2400\n",
      "         </span>\n",
      "         <span class=\"txt_jpy\">\n",
      "          <span class=\"blind\">\n",
      "           엔\n",
      "          </span>\n",
      "         </span>\n",
      "         <span class=\"change\">\n",
      "          0.1000\n",
      "         </span>\n",
      "         <span class=\"blind\">\n",
      "          하락\n",
      "         </span>\n",
      "        </div>\n",
      "       </a>\n",
      "       <a class=\"graph_img\" href=\"/marketindex/worldExchangeDetail.nhn?marketindexCd=FX_USDJPY\" onclick=\"clickcr(this, 'fr2.jpyuc', '', '', event);\">\n",
      "        <img alt=\"\" height=\"153\" src=\"http://imgfinance.naver.net/chart/marketindex/FX_USDJPY.png\" width=\"295\"/>\n",
      "       </a>\n",
      "       <div class=\"graph_info\">\n",
      "        <span class=\"time\">\n",
      "         2018.04.16\n",
      "        </span>\n",
      "        <span class=\"source\">\n",
      "         모닝스타 기준\n",
      "        </span>\n",
      "       </div>\n",
      "      </li>\n",
      "      <li class=\"\">\n",
      "       <a class=\"head usd_eur\" href=\"/marketindex/worldExchangeDetail.nhn?marketindexCd=FX_EURUSD\" onclick=\"clickcr(this, 'fr2.eurdt', '', '', event);\">\n",
      "        <h3 class=\"h_lst\">\n",
      "         <span class=\"blind\">\n",
      "          달러/유로\n",
      "         </span>\n",
      "        </h3>\n",
      "        <div class=\"head_info point_up\">\n",
      "         <span class=\"value\">\n",
      "          1.2369\n",
      "         </span>\n",
      "         <span class=\"txt_usd\">\n",
      "          <span class=\"blind\">\n",
      "           달러\n",
      "          </span>\n",
      "         </span>\n",
      "         <span class=\"change\">\n",
      "          0.0022\n",
      "         </span>\n",
      "         <span class=\"blind\">\n",
      "          상승\n",
      "         </span>\n",
      "        </div>\n",
      "       </a>\n",
      "       <a class=\"graph_img\" href=\"/marketindex/worldExchangeDetail.nhn?marketindexCd=FX_EURUSD\" onclick=\"clickcr(this, 'fr2.eurdc', '', '', event);\">\n",
      "        <img alt=\"\" height=\"153\" src=\"http://imgfinance.naver.net/chart/marketindex/FX_EURUSD.png\" width=\"295\"/>\n",
      "       </a>\n",
      "       <div class=\"graph_info\">\n",
      "        <span class=\"time\">\n",
      "         2018.04.16\n",
      "        </span>\n",
      "        <span class=\"source\">\n",
      "         모닝스타 기준\n",
      "        </span>\n",
      "       </div>\n",
      "      </li>\n",
      "      <li class=\"\">\n",
      "       <a class=\"head usd_gbp\" href=\"/marketindex/worldExchangeDetail.nhn?marketindexCd=FX_GBPUSD\" onclick=\"clickcr(this, 'fr2.gbpdt', '', '', event);\">\n",
      "        <h3 class=\"h_lst\">\n",
      "         <span class=\"blind\">\n",
      "          달러/영국파운드\n",
      "         </span>\n",
      "        </h3>\n",
      "        <div class=\"head_info point_up\">\n",
      "         <span class=\"value\">\n",
      "          1.4333\n",
      "         </span>\n",
      "         <span class=\"txt_usd\">\n",
      "          <span class=\"blind\">\n",
      "           달러\n",
      "          </span>\n",
      "         </span>\n",
      "         <span class=\"change\">\n",
      "          0.0091\n",
      "         </span>\n",
      "         <span class=\"blind\">\n",
      "          상승\n",
      "         </span>\n",
      "        </div>\n",
      "       </a>\n",
      "       <a class=\"graph_img\" href=\"/marketindex/worldExchangeDetail.nhn?marketindexCd=FX_GBPUSD\" onclick=\"clickcr(this, 'fr2.gbpdc', '', '', event);\">\n",
      "        <img alt=\"\" height=\"153\" src=\"http://imgfinance.naver.net/chart/marketindex/FX_GBPUSD.png\" width=\"295\"/>\n",
      "       </a>\n",
      "       <div class=\"graph_info\">\n",
      "        <span class=\"time\">\n",
      "         2018.04.16\n",
      "        </span>\n",
      "        <span class=\"source\">\n",
      "         모닝스타 기준\n",
      "        </span>\n",
      "       </div>\n",
      "      </li>\n",
      "      <li class=\"\">\n",
      "       <a class=\"head usd_idx\" href=\"/marketindex/worldExchangeDetail.nhn?marketindexCd=FX_USDX\" onclick=\"clickcr(this, 'fr2.indt', '', '', event);\">\n",
      "        <h3 class=\"h_lst\">\n",
      "         <span class=\"blind\">\n",
      "          달러인덱스\n",
      "         </span>\n",
      "        </h3>\n",
      "        <div class=\"head_info point_dn\">\n",
      "         <span class=\"value\">\n",
      "          89.1300\n",
      "         </span>\n",
      "         <span class=\"change\">\n",
      "          0.3700\n",
      "         </span>\n",
      "         <span class=\"blind\">\n",
      "          하락\n",
      "         </span>\n",
      "        </div>\n",
      "       </a>\n",
      "       <a class=\"graph_img\" href=\"/marketindex/worldExchangeDetail.nhn?marketindexCd=FX_USDX\" onclick=\"clickcr(this, 'fr2.indc', '', '', event);\">\n",
      "        <img alt=\"\" height=\"153\" src=\"http://imgfinance.naver.net/chart/marketindex/FX_USDX.png\" width=\"295\"/>\n",
      "       </a>\n",
      "       <div class=\"graph_info\">\n",
      "        <span class=\"time\">\n",
      "         2018.04.16\n",
      "        </span>\n",
      "        <span class=\"source\">\n",
      "         ICE 기준\n",
      "        </span>\n",
      "       </div>\n",
      "      </li>\n",
      "     </ul>\n",
      "    </div>\n",
      "    <!-- //data -->\n",
      "   </div>\n",
      "   <div class=\"market3\">\n",
      "    <div class=\"title\">\n",
      "     <h2 class=\"h_market3\">\n",
      "      <span>\n",
      "       유가·금시세\n",
      "      </span>\n",
      "     </h2>\n",
      "    </div>\n",
      "    <!-- data -->\n",
      "    <div class=\"data\">\n",
      "     <ul class=\"data_lst\" id=\"oilGoldList\">\n",
      "      <li class=\"on\">\n",
      "       <a class=\"head wti\" href=\"/marketindex/worldOilDetail.nhn?marketindexCd=OIL_CL&amp;fdtc=2\" onclick=\"clickcr(this, 'fr3.wtit', '', '', event);\">\n",
      "        <h3 class=\"h_lst\">\n",
      "         <span class=\"blind\">\n",
      "          WTI\n",
      "         </span>\n",
      "        </h3>\n",
      "        <div class=\"head_info point_dn\">\n",
      "         <span class=\"value\">\n",
      "          66.22\n",
      "         </span>\n",
      "         <span class=\"txt_usd\">\n",
      "          <span class=\"blind\">\n",
      "           달러\n",
      "          </span>\n",
      "         </span>\n",
      "         <span class=\"change\">\n",
      "          1.17\n",
      "         </span>\n",
      "         <span class=\"blind\">\n",
      "          하락\n",
      "         </span>\n",
      "        </div>\n",
      "       </a>\n",
      "       <a class=\"graph_img\" href=\"/marketindex/worldOilDetail.nhn?marketindexCd=OIL_CL&amp;fdtc=2\" onclick=\"clickcr(this, 'fr3.wtic', '', '', event);\">\n",
      "        <img alt=\"\" height=\"153\" src=\"http://imgfinance.naver.net/chart/marketindex/OIL_CL.png\" width=\"295\"/>\n",
      "       </a>\n",
      "       <div class=\"graph_info\">\n",
      "        <span class=\"time\">\n",
      "         2018.04.16\n",
      "        </span>\n",
      "        <span class=\"source\">\n",
      "         NYMEX(뉴욕상업거래소) 기준\n",
      "        </span>\n",
      "       </div>\n",
      "      </li>\n",
      "      <li class=\"\">\n",
      "       <a class=\"head gasoline\" href=\"/marketindex/oilDetail.nhn?marketindexCd=OIL_GSL\" onclick=\"clickcr(this, 'fr3.oilt', '', '', event);\">\n",
      "        <h3 class=\"h_lst\">\n",
      "         <span class=\"blind\">\n",
      "          휘발유\n",
      "         </span>\n",
      "        </h3>\n",
      "        <div class=\"head_info point_up\">\n",
      "         <span class=\"value\">\n",
      "          1549.96\n",
      "         </span>\n",
      "         <span class=\"txt_krw\">\n",
      "          <span class=\"blind\">\n",
      "           원\n",
      "          </span>\n",
      "         </span>\n",
      "         <span class=\"change\">\n",
      "          0.24\n",
      "         </span>\n",
      "         <span class=\"blind\">\n",
      "          상승\n",
      "         </span>\n",
      "        </div>\n",
      "       </a>\n",
      "       <a class=\"graph_img\" href=\"/marketindex/oilDetail.nhn?marketindexCd=OIL_GSL\" onclick=\"clickcr(this, 'fr3.oilc', '', '', event);\">\n",
      "        <img alt=\"\" height=\"153\" src=\"http://imgfinance.naver.net/chart/marketindex/OIL_GSL.png\" width=\"295\"/>\n",
      "       </a>\n",
      "       <div class=\"graph_info\">\n",
      "        <span class=\"time\">\n",
      "         2018.04.17\n",
      "        </span>\n",
      "        <span class=\"source\">\n",
      "         한국석유공사 Opinet 기준\n",
      "        </span>\n",
      "       </div>\n",
      "      </li>\n",
      "      <li class=\"\">\n",
      "       <a class=\"head gold_inter\" href=\"/marketindex/worldGoldDetail.nhn?marketindexCd=CMDT_GC&amp;fdtc=2\" onclick=\"clickcr(this, 'fr3.agoldt', '', '', event);\">\n",
      "        <h3 class=\"h_lst\">\n",
      "         <span class=\"blind\">\n",
      "          국제 금\n",
      "         </span>\n",
      "        </h3>\n",
      "        <div class=\"head_info point_up\">\n",
      "         <span class=\"value\">\n",
      "          1347.5\n",
      "         </span>\n",
      "         <span class=\"txt_usd\">\n",
      "          <span class=\"blind\">\n",
      "           달러\n",
      "          </span>\n",
      "         </span>\n",
      "         <span class=\"change\">\n",
      "          2.70\n",
      "         </span>\n",
      "         <span class=\"blind\">\n",
      "          상승\n",
      "         </span>\n",
      "        </div>\n",
      "       </a>\n",
      "       <a class=\"graph_img\" href=\"/marketindex/worldGoldDetail.nhn?marketindexCd=CMDT_GC&amp;fdtc=2\" onclick=\"clickcr(this, 'fr3.agoldc', '', '', event);\">\n",
      "        <img alt=\"\" height=\"153\" src=\"http://imgfinance.naver.net/chart/marketindex/CMDT_GC.png\" width=\"295\"/>\n",
      "       </a>\n",
      "       <div class=\"graph_info\">\n",
      "        <span class=\"time\">\n",
      "         2018.04.16\n",
      "        </span>\n",
      "        <span class=\"source\">\n",
      "         COMEX(뉴욕상품거래소) 기준\n",
      "        </span>\n",
      "       </div>\n",
      "      </li>\n",
      "      <li class=\"\">\n",
      "       <a class=\"head gold_domestic\" href=\"/marketindex/goldDetail.nhn\" onclick=\"clickcr(this, 'fr3.kgoldt', '', '', event);\">\n",
      "        <h3 class=\"h_lst\">\n",
      "         <span class=\"blind\">\n",
      "          국내 금\n",
      "         </span>\n",
      "        </h3>\n",
      "        <div class=\"head_info point_dn\">\n",
      "         <span class=\"value\">\n",
      "          46203.06\n",
      "         </span>\n",
      "         <span class=\"txt_krw\">\n",
      "          <span class=\"blind\">\n",
      "           원\n",
      "          </span>\n",
      "         </span>\n",
      "         <span class=\"change\">\n",
      "          236.38\n",
      "         </span>\n",
      "         <span class=\"blind\">\n",
      "          하락\n",
      "         </span>\n",
      "        </div>\n",
      "       </a>\n",
      "       <a class=\"graph_img\" href=\"/marketindex/goldDetail.nhn\" onclick=\"clickcr(this, 'fr3.kgoldc', '', '', event);\">\n",
      "        <img alt=\"\" height=\"153\" src=\"http://imgfinance.naver.net/chart/marketindex/CMDT_GD.png\" width=\"295\"/>\n",
      "       </a>\n",
      "       <div class=\"graph_info\">\n",
      "        <span class=\"time\">\n",
      "         2018.04.17 15:19\n",
      "        </span>\n",
      "        <span class=\"source\">\n",
      "         신한은행 기준\n",
      "        </span>\n",
      "        (\n",
      "        <span class=\"num\">\n",
      "         29\n",
      "        </span>\n",
      "        회차)\n",
      "       </div>\n",
      "      </li>\n",
      "     </ul>\n",
      "    </div>\n",
      "    <!-- //data -->\n",
      "   </div>\n",
      "  </div>\n",
      " </div>\n",
      " <div class=\"marketindex_content\" id=\"content\">\n",
      "  <div class=\"section_news\">\n",
      "   <h3 class=\"h_news2\">\n",
      "    <span>\n",
      "     주요 뉴스\n",
      "    </span>\n",
      "   </h3>\n",
      "   <div class=\"list_area\">\n",
      "    <ul>\n",
      "     <li>\n",
      "      <p>\n",
      "       <a href=\"/marketindex/news/newsRead.nhn?officeId=003&amp;articleId=0008547964&amp;category=\" onclick=\"clickcr(this, 'mhn.list', '003_0008547964', '0', event);\">\n",
      "        원자재 가격 상승 이유로 실내건축·창호 공\n",
      "       </a>\n",
      "       <img alt=\"NEW\" height=\"8\" src=\"http://static.naver.com/nfinance/ico_new.gif\" width=\"8\"/>\n",
      "      </p>\n",
      "      <span>\n",
      "       04.17 12:00\n",
      "      </span>\n",
      "     </li>\n",
      "     <li>\n",
      "      <p>\n",
      "       <a href=\"/marketindex/news/newsRead.nhn?officeId=018&amp;articleId=0004080357&amp;category=\" onclick=\"clickcr(this, 'mhn.list', '018_0004080357', '1', event);\">\n",
      "        [외환브리핑]트럼프의 ‘내로남불’\n",
      "       </a>\n",
      "       <img alt=\"NEW\" height=\"8\" src=\"http://static.naver.com/nfinance/ico_new.gif\" width=\"8\"/>\n",
      "      </p>\n",
      "      <span>\n",
      "       04.17 08:58\n",
      "      </span>\n",
      "     </li>\n",
      "     <li>\n",
      "      <p>\n",
      "       <a href=\"/marketindex/news/newsRead.nhn?officeId=018&amp;articleId=0004080323&amp;category=\" onclick=\"clickcr(this, 'mhn.list', '018_0004080323', '2', event);\">\n",
      "        금값 상승, 페루·칠레·브라질 등 신흥국\n",
      "       </a>\n",
      "       <img alt=\"NEW\" height=\"8\" src=\"http://static.naver.com/nfinance/ico_new.gif\" width=\"8\"/>\n",
      "      </p>\n",
      "      <span>\n",
      "       04.17 08:35\n",
      "      </span>\n",
      "     </li>\n",
      "     <li>\n",
      "      <p>\n",
      "       <a href=\"/marketindex/news/newsRead.nhn?officeId=014&amp;articleId=0004003309&amp;category=\" onclick=\"clickcr(this, 'mhn.list', '014_0004003309', '3', event);\">\n",
      "        [원자재시황] 국제 유가 하락…시리아 긴장\n",
      "       </a>\n",
      "       <img alt=\"NEW\" height=\"8\" src=\"http://static.naver.com/nfinance/ico_new.gif\" width=\"8\"/>\n",
      "      </p>\n",
      "      <span>\n",
      "       04.17 08:27\n",
      "      </span>\n",
      "     </li>\n",
      "     <li>\n",
      "      <p>\n",
      "       <a href=\"/marketindex/news/newsRead.nhn?officeId=417&amp;articleId=0000310499&amp;category=\" onclick=\"clickcr(this, 'mhn.list', '417_0000310499', '4', event);\">\n",
      "        [오늘의 환율전망] 원/달러, 1070원\n",
      "       </a>\n",
      "       <img alt=\"NEW\" height=\"8\" src=\"http://static.naver.com/nfinance/ico_new.gif\" width=\"8\"/>\n",
      "      </p>\n",
      "      <span>\n",
      "       04.17 08:23\n",
      "      </span>\n",
      "     </li>\n",
      "     <li>\n",
      "      <p>\n",
      "       <a href=\"/marketindex/news/newsRead.nhn?officeId=011&amp;articleId=0003272077&amp;category=\" onclick=\"clickcr(this, 'mhn.list', '011_0003272077', '5', event);\">\n",
      "        국제유가 ‘중동 위기’ 완화에 약세···W\n",
      "       </a>\n",
      "       <img alt=\"NEW\" height=\"8\" src=\"http://static.naver.com/nfinance/ico_new.gif\" width=\"8\"/>\n",
      "      </p>\n",
      "      <span>\n",
      "       04.17 07:26\n",
      "      </span>\n",
      "     </li>\n",
      "     <li>\n",
      "      <p>\n",
      "       <a href=\"/marketindex/news/newsRead.nhn?officeId=018&amp;articleId=0004080273&amp;category=\" onclick=\"clickcr(this, 'mhn.list', '018_0004080273', '6', event);\">\n",
      "        국제유가, 중동 지정학적 우려 완화에..'\n",
      "       </a>\n",
      "       <img alt=\"NEW\" height=\"8\" src=\"http://static.naver.com/nfinance/ico_new.gif\" width=\"8\"/>\n",
      "      </p>\n",
      "      <span>\n",
      "       04.17 06:05\n",
      "      </span>\n",
      "     </li>\n",
      "     <li>\n",
      "      <p>\n",
      "       <a href=\"/marketindex/news/newsRead.nhn?officeId=008&amp;articleId=0004038933&amp;category=\" onclick=\"clickcr(this, 'mhn.list', '008_0004038933', '7', event);\">\n",
      "        유가, 시리아 우려 완화에 하락...WTI\n",
      "       </a>\n",
      "       <img alt=\"NEW\" height=\"8\" src=\"http://static.naver.com/nfinance/ico_new.gif\" width=\"8\"/>\n",
      "      </p>\n",
      "      <span>\n",
      "       04.17 05:45\n",
      "      </span>\n",
      "     </li>\n",
      "     <li>\n",
      "      <p>\n",
      "       <a href=\"/marketindex/news/newsRead.nhn?officeId=008&amp;articleId=0004038932&amp;category=\" onclick=\"clickcr(this, 'mhn.list', '008_0004038932', '8', event);\">\n",
      "        금값, 트럼프 환율발언 후 달러약세에 상승\n",
      "       </a>\n",
      "       <img alt=\"NEW\" height=\"8\" src=\"http://static.naver.com/nfinance/ico_new.gif\" width=\"8\"/>\n",
      "      </p>\n",
      "      <span>\n",
      "       04.17 05:35\n",
      "      </span>\n",
      "     </li>\n",
      "     <li>\n",
      "      <p>\n",
      "       <a href=\"/marketindex/news/newsRead.nhn?officeId=018&amp;articleId=0004080159&amp;category=\" onclick=\"clickcr(this, 'mhn.list', '018_0004080159', '9', event);\">\n",
      "        주담대 금리 또 오른다…코픽스 7개월 연속\n",
      "       </a>\n",
      "       <img alt=\"NEW\" height=\"8\" src=\"http://static.naver.com/nfinance/ico_new.gif\" width=\"8\"/>\n",
      "      </p>\n",
      "      <span>\n",
      "       04.16 18:15\n",
      "      </span>\n",
      "     </li>\n",
      "    </ul>\n",
      "   </div>\n",
      "   <a class=\"btn_more\" href=\"/marketindex/news/newsList.nhn\" onclick=\"clickcr(this, 'mhn.more', '', '', event);\">\n",
      "    <img alt=\"더보기\" height=\"18\" src=\"http://static.naver.com/nfinance/btn_more.gif\" width=\"34\"/>\n",
      "   </a>\n",
      "  </div>\n",
      "  <div class=\"tab_default1\" id=\"tab_section\">\n",
      "   <ul>\n",
      "    <li class=\"on\">\n",
      "     <a href=\"./?tabSel=exchange#tab_section\" onclick=\"clickcr(this, 'mtb.exnoti', '', '', event);\">\n",
      "      <span class=\"tab1\">\n",
      "       환전고시 환율\n",
      "      </span>\n",
      "     </a>\n",
      "    </li>\n",
      "    <li class=\"\">\n",
      "     <a href=\"./?tabSel=worldExchange#tab_section\" onclick=\"clickcr(this, 'mtb.interex', '', '', event);\">\n",
      "      <span class=\"tab2\">\n",
      "       국제시장 환율\n",
      "      </span>\n",
      "     </a>\n",
      "    </li>\n",
      "    <li class=\"\">\n",
      "     <a href=\"./?tabSel=gold#tab_section\" onclick=\"clickcr(this, 'mtb.oilgold', '', '', event);\">\n",
      "      <span class=\"tab3\">\n",
      "       유가 금시세\n",
      "      </span>\n",
      "     </a>\n",
      "    </li>\n",
      "    <li class=\"\">\n",
      "     <a href=\"./?tabSel=materials#tab_section\" onclick=\"clickcr(this, 'mtb.material', '', '', event);\">\n",
      "      <span class=\"tab4\">\n",
      "       원자재\n",
      "      </span>\n",
      "     </a>\n",
      "    </li>\n",
      "   </ul>\n",
      "   <h2 class=\"blind\">\n",
      "    환전고시 환율\n",
      "   </h2>\n",
      "  </div>\n",
      "  <div class=\"section_calculator\">\n",
      "   <h3 class=\"h_calculator\">\n",
      "    <span>\n",
      "     환율계산기 (매매기준율 기준)\n",
      "    </span>\n",
      "   </h3>\n",
      "   <div class=\"calculator\">\n",
      "    <div class=\"inner\">\n",
      "     <div class=\"input\">\n",
      "      <div class=\"selectbox-noscript\" id=\"sInput\">\n",
      "       <select class=\"selectbox-source\" id=\"select_from\">\n",
      "        <option label=\"1\" value=\"1\">\n",
      "         대한민국 원 KRW\n",
      "        </option>\n",
      "        <option class=\"selectbox-default\" label=\"1\" selected=\"selected\" value=\"1066.9\">\n",
      "         미국 달러 USD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"1066.9\">\n",
      "         미국 달러 USD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"1322.26\">\n",
      "         유럽연합 유로 EUR\n",
      "        </option>\n",
      "        <option label=\"100\" value=\"9.9776\">\n",
      "         일본 엔 JPY\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"170.15\">\n",
      "         중국 위안 CNY\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"135.91\">\n",
      "         홍콩 달러 HKD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"36.32\">\n",
      "         대만 달러 TWD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"1532.44\">\n",
      "         영국 파운드 GBP\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"2771.1\">\n",
      "         오만 리알 OMR\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"848.87\">\n",
      "         캐나다 달러 CAD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"1111.88\">\n",
      "         스위스 프랑 CHF\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"126.92\">\n",
      "         스웨덴 크로나 SEK\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"829.46\">\n",
      "         호주 달러 AUD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"783.48\">\n",
      "         뉴질랜드 달러 NZD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"52.34\">\n",
      "         체코 코루나 CZK\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"1.79\">\n",
      "         칠레 페소 CLP\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"261.12\">\n",
      "         터키 리라 TRY\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"0.45\">\n",
      "         몽골 투그릭 MNT\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"303.0\">\n",
      "         이스라엘 세켈 ILS\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"177.54\">\n",
      "         덴마크 크로네 DKK\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"137.43\">\n",
      "         노르웨이 크로네 NOK\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"284.49\">\n",
      "         사우디아라비아 리얄 SAR\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"3559.06\">\n",
      "         쿠웨이트 디나르 KWD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"2829.6\">\n",
      "         바레인 디나르 BHD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"290.47\">\n",
      "         아랍에미리트 디르함 AED\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"1503.74\">\n",
      "         요르단 디나르 JOD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"60.52\">\n",
      "         이집트 파운드 EGP\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"34.2\">\n",
      "         태국 바트 THB\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"815.05\">\n",
      "         싱가포르 달러 SGD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"274.44\">\n",
      "         말레이시아 링깃 MYR\n",
      "        </option>\n",
      "        <option label=\"100\" value=\"0.0776\">\n",
      "         인도네시아 루피아 IDR\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"293.02\">\n",
      "         카타르 리얄 QAR\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"3.25\">\n",
      "         카자흐스탄 텡게 KZT\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"807.49\">\n",
      "         브루나이 달러 BND\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"16.26\">\n",
      "         인도 루피 INR\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"9.22\">\n",
      "         파키스탄 루피 PKR\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"12.86\">\n",
      "         방글라데시 타카 BDT\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"20.5\">\n",
      "         필리핀 페소 PHP\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"59.29\">\n",
      "         멕시코 페소 MXN\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"312.03\">\n",
      "         브라질 레알 BRL\n",
      "        </option>\n",
      "        <option label=\"100\" value=\"0.046900000000000004\">\n",
      "         베트남 동 VND\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"88.76\">\n",
      "         남아프리카 공화국 랜드 ZAR\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"17.45\">\n",
      "         러시아 루블 RUB\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"4.26\">\n",
      "         헝가리 포린트 HUF\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"318.38\">\n",
      "         폴란드 즈워티 PLN\n",
      "        </option>\n",
      "       </select>\n",
      "       <div class=\"selectbox-box\" onclick=\"clickcr(this, 'exl*c.clist1', '', '', event);\">\n",
      "        <div class=\"selectbox-label\">\n",
      "        </div>\n",
      "       </div>\n",
      "       <div class=\"selectbox-layer ly_calculator\">\n",
      "        <div class=\"selectbox-list\">\n",
      "        </div>\n",
      "       </div>\n",
      "      </div>\n",
      "      <div class=\"input_area\" id=\"input_from\">\n",
      "       <input id=\"input_from_money\" maxlength=\"10\" onclick=\"clickcr(this, 'exl*c.unit1', '', '', event);\" onfocus=\"changeActiveInput('from', 'to'); return false;\" onkeyup=\"calcExchange('from', 'to', 'on', event);\" type=\"text\" value=\"1\"/>\n",
      "       <img alt=\"\" height=\"13\" id=\"img_from_monetary\" src=\"http://static.naver.com/nfinance/img_money_USD.gif\" width=\"26\"/>\n",
      "      </div>\n",
      "     </div>\n",
      "     <div class=\"same\">\n",
      "      <img alt=\"\" height=\"15\" src=\"http://static.naver.com/nfinance/ico_same.gif\" width=\"28\"/>\n",
      "     </div>\n",
      "     <div class=\"view\">\n",
      "      <div class=\"selectbox-noscript\" id=\"sView\">\n",
      "       <select class=\"selectbox-source\" id=\"select_to\">\n",
      "        <option class=\"selectbox-default\" label=\"1\" value=\"1\">\n",
      "         대한민국 원 KRW\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"1\">\n",
      "         대한민국 원 KRW\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"1066.9\">\n",
      "         미국 달러 USD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"1322.26\">\n",
      "         유럽연합 유로 EUR\n",
      "        </option>\n",
      "        <option label=\"100\" value=\"9.9776\">\n",
      "         일본 엔 JPY\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"170.15\">\n",
      "         중국 위안 CNY\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"135.91\">\n",
      "         홍콩 달러 HKD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"36.32\">\n",
      "         대만 달러 TWD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"1532.44\">\n",
      "         영국 파운드 GBP\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"2771.1\">\n",
      "         오만 리알 OMR\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"848.87\">\n",
      "         캐나다 달러 CAD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"1111.88\">\n",
      "         스위스 프랑 CHF\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"126.92\">\n",
      "         스웨덴 크로나 SEK\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"829.46\">\n",
      "         호주 달러 AUD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"783.48\">\n",
      "         뉴질랜드 달러 NZD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"52.34\">\n",
      "         체코 코루나 CZK\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"1.79\">\n",
      "         칠레 페소 CLP\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"261.12\">\n",
      "         터키 리라 TRY\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"0.45\">\n",
      "         몽골 투그릭 MNT\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"303.0\">\n",
      "         이스라엘 세켈 ILS\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"177.54\">\n",
      "         덴마크 크로네 DKK\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"137.43\">\n",
      "         노르웨이 크로네 NOK\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"284.49\">\n",
      "         사우디아라비아 리얄 SAR\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"3559.06\">\n",
      "         쿠웨이트 디나르 KWD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"2829.6\">\n",
      "         바레인 디나르 BHD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"290.47\">\n",
      "         아랍에미리트 디르함 AED\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"1503.74\">\n",
      "         요르단 디나르 JOD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"60.52\">\n",
      "         이집트 파운드 EGP\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"34.2\">\n",
      "         태국 바트 THB\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"815.05\">\n",
      "         싱가포르 달러 SGD\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"274.44\">\n",
      "         말레이시아 링깃 MYR\n",
      "        </option>\n",
      "        <option label=\"100\" value=\"0.0776\">\n",
      "         인도네시아 루피아 IDR\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"293.02\">\n",
      "         카타르 리얄 QAR\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"3.25\">\n",
      "         카자흐스탄 텡게 KZT\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"807.49\">\n",
      "         브루나이 달러 BND\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"16.26\">\n",
      "         인도 루피 INR\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"9.22\">\n",
      "         파키스탄 루피 PKR\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"12.86\">\n",
      "         방글라데시 타카 BDT\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"20.5\">\n",
      "         필리핀 페소 PHP\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"59.29\">\n",
      "         멕시코 페소 MXN\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"312.03\">\n",
      "         브라질 레알 BRL\n",
      "        </option>\n",
      "        <option label=\"100\" value=\"0.046900000000000004\">\n",
      "         베트남 동 VND\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"88.76\">\n",
      "         남아프리카 공화국 랜드 ZAR\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"17.45\">\n",
      "         러시아 루블 RUB\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"4.26\">\n",
      "         헝가리 포린트 HUF\n",
      "        </option>\n",
      "        <option label=\"1\" value=\"318.38\">\n",
      "         폴란드 즈워티 PLN\n",
      "        </option>\n",
      "       </select>\n",
      "       <div class=\"selectbox-box\" onclick=\"clickcr(this, 'exl*c.clist2', '', '', event);\">\n",
      "        <div class=\"selectbox-label\">\n",
      "        </div>\n",
      "       </div>\n",
      "       <div class=\"selectbox-layer ly_calculator\">\n",
      "        <div class=\"selectbox-list\">\n",
      "        </div>\n",
      "       </div>\n",
      "      </div>\n",
      "      <div class=\"input_area\" id=\"input_to\">\n",
      "       <input id=\"input_to_money\" maxlength=\"10\" onclick=\"clickcr(this, 'exl*c.unit2', '', '', event);\" onfocus=\"changeActiveInput('to', 'from'); return false;\" onkeyup=\"calcExchange('to', 'from', 'on', event);\" type=\"text\"/>\n",
      "       <img alt=\"\" height=\"13\" id=\"img_to_monetary\" src=\"http://static.naver.com/nfinance/img_money_KRW.gif\" width=\"26\"/>\n",
      "      </div>\n",
      "     </div>\n",
      "    </div>\n",
      "   </div>\n",
      "  </div>\n",
      "  <div class=\"section_exchange\">\n",
      "   <div id=\"section_ex1\">\n",
      "    <h3 class=\"blind\" id=\"exchange1\">\n",
      "     환전 고시 환율\n",
      "    </h3>\n",
      "    <div class=\"exchange_info\">\n",
      "     <span class=\"date\">\n",
      "      2018.04.17 15:24\n",
      "     </span>\n",
      "     <span class=\"standard\">\n",
      "      KEB하나은행 기준\n",
      "     </span>\n",
      "     <span class=\"round\">\n",
      "      고시회차\n",
      "      <em>\n",
      "       291\n",
      "      </em>\n",
      "      회\n",
      "     </span>\n",
      "    </div>\n",
      "    <iframe frameborder=\"0\" height=\"1378px\" id=\"frame_ex1\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" src=\"/marketindex/exchangeList.nhn\" title=\"환전 고시 환율\" width=\"100%\">\n",
      "    </iframe>\n",
      "   </div>\n",
      "   <ul class=\"tbl_info\">\n",
      "    <li>\n",
      "     대부분의 통화명은 1달러가 다른 통화 기준으로 얼마인가를 나타내기 위해 국가명+화폐명/달러로 표기했습니다.\n",
      "     <br/>\n",
      "     예외로 유로, 영국파운드 등은 1유로가 달러로 얼마인가를 표기하는 경우가 많기 때문에 달러/유로로 표기했습니다.\n",
      "    </li>\n",
      "    <li>\n",
      "     심볼은 앞에 위치한 통화에 1이 생략된 형태로 USDJPY인 경우 1USD(달러)가 JPY(일본 엔)으로 얼마인가를 의미합니다.\n",
      "    </li>\n",
      "    <li>\n",
      "     통화명과 심볼로 네이버 금융검색을 하실 경우 해당 환율을 바로 조회하실 수 있습니다.\n",
      "    </li>\n",
      "   </ul>\n",
      "  </div>\n",
      "  <script language=\"javascript\" src=\"/js/jindoComponent/jindo.Component.1.0.1.js?20171213045922\" type=\"text/javascript\">\n",
      "  </script>\n",
      "  <script language=\"javascript\" src=\"/js/jindoComponent/jindo.UIComponent.1.0.1.js?20171213045922\" type=\"text/javascript\">\n",
      "  </script>\n",
      "  <script language=\"javascript\" src=\"/js/jindoComponent/jindo.HTMLComponent.1.0.1.js?20171213045922\" type=\"text/javascript\">\n",
      "  </script>\n",
      "  <script language=\"javascript\" src=\"/js/jindoComponent/jindo.Timer.1.0.1.js?20171213045922\" type=\"text/javascript\">\n",
      "  </script>\n",
      "  <script language=\"javascript\" src=\"/js/jindoComponent/jindo.LayerManager.1.0.1.js?20171213045922\" type=\"text/javascript\">\n",
      "  </script>\n",
      "  <script language=\"javascript\" src=\"/js/jindoComponent/jindo.LayerPosition.1.0.1.js?20171213045922\" type=\"text/javascript\">\n",
      "  </script>\n",
      "  <script language=\"javascript\" src=\"/js/jindoComponent/jindo.RolloverArea.1.0.1.js?20171213045922\" type=\"text/javascript\">\n",
      "  </script>\n",
      "  <script language=\"javascript\" src=\"/js/jindoComponent/jindo.RolloverClick.1.0.1.js?20171213045922\" type=\"text/javascript\">\n",
      "  </script>\n",
      "  <script language=\"javascript\" src=\"/js/jindoComponent/jindo.SelectBox.1.0.1.js?20171213045922\" type=\"text/javascript\">\n",
      "  </script>\n",
      "  <script charset=\"euckr\" language=\"javascript\" src=\"/js/jindoComponent/jindo.TextRange.1.0.1.js?20171213045922\" type=\"text/javascript\">\n",
      "  </script>\n",
      "  <script charset=\"euckr\" language=\"javascript\" src=\"/js/jindoComponent/jindo.WatchInput.1.0.1.js?20171213045922\" type=\"text/javascript\">\n",
      "  </script>\n",
      "  <script charset=\"euckr\" language=\"javascript\" src=\"/js/jindoComponent/jindo.Formatter.1.0.1.js?20171213045922\" type=\"text/javascript\">\n",
      "  </script>\n",
      "  <script charset=\"euckr\" language=\"javascript\" src=\"/js/jindoComponent/jindo.NumberFormatter.1.0.1.js?20171213045922\" type=\"text/javascript\">\n",
      "  </script>\n",
      "  <script language=\"javascript\" src=\"/js/exchange.js?20171213045922\" type=\"text/javascript\">\n",
      "  </script>\n",
      "  <script type=\"text/javascript\">\n",
      "   // exchangeDetail.jsp에도 동일 스크립트 있음 - 로딩시 디자인이 0.5초간 디자인이 안뜬다는 이슈로 include하지 않고 같은 스크립트를 두벌로 관리함\n",
      "\n",
      "//환율 계산\n",
      "function calcExchange(str1, str2, cssOn, event) {\n",
      "\tvar oEvent = event || window.event;\n",
      "    var sKeyCode = (undefined === oEvent) ? undefined : jindo.$Event(oEvent).key().keyCode;\n",
      "\t\n",
      "\tif (sKeyCode != 13 && sKeyCode != 27 && sKeyCode != 37 && sKeyCode != 38 && sKeyCode != 110 && sKeyCode != 229) {\n",
      "\t\tif (str1 == '' && str2 == '') {\n",
      "\t\t\tif (jindo.$('input_to').className == 'input_area') {\n",
      "\t\t\t\tstr1 = 'from';\n",
      "\t\t\t\tstr2 = 'to';\n",
      "\t\t\t} else {\n",
      "\t\t\t\tstr1 = 'to';\n",
      "\t\t\t\tstr2 = 'from';\n",
      "\t\t\t}\n",
      "\t\t}\n",
      "\t\t\n",
      "\t\tvar regExp = new RegExp(\"[^0-9\\.\\,]\");\n",
      "\t    var sInputValue = jindo.$('input_' + str1 + '_money').value;\n",
      "\t\t\n",
      "\t    if(regExp.test(sInputValue)){\n",
      "\t\t\talert('숫자, 소수점(.)만 입력하실 수 있습니다.');\n",
      "\t\t\tjindo.$('input_' + str1 + '_money').value = revertInputText(sInputValue);\n",
      "\t\t\treturn false;\n",
      "\t\t}\n",
      "\t\t\n",
      "\t\t// 사용자가 입력한 콤마(,) 제거\n",
      "\t    if (sInputValue.substr(sInputValue.length - 1, 1) == ',') {\n",
      "\t    \tjindo.$('input_' + str1 + '_money').value = revertInputText(sInputValue);\n",
      "\t    \treturn false;\n",
      "\t    }\n",
      "\t\t\n",
      "\t\t// 맨 앞에 있는 숫자 0 없애기\n",
      "\t\tif (sInputValue == '0' || sInputValue == '.' || sInputValue == ',') {\n",
      "\t\t\tjindo.$('input_' + str1 + '_money').value = revertInputText(sInputValue);\n",
      "\t\t\treturn false;\n",
      "\t\t}\n",
      "\t\t\n",
      "\t\t// 소수점 2개가 없도록\n",
      "\t\tvar match = sInputValue.match(/\\./g);\n",
      "\t\tif (match != null && match.length >= 2) {\n",
      "\t\t\tjindo.$('input_' + str1 + '_money').value = revertInputText(sInputValue);\n",
      "\t\t\treturn false;\n",
      "\t\t}\n",
      "\t\t\n",
      "\t\t// 소수점을 입력한 경우, 일단 대기\n",
      "\t\tvar pointPosIndex = sInputValue.indexOf('.');\n",
      "\t\tif (pointPosIndex != -1 && pointPosIndex == sInputValue.length - 1) {\n",
      "\t\t\treturn false;\n",
      "\t\t}\n",
      "\t\t\n",
      "\t\t// 소수점 2자리 유지\n",
      "\t\tif (pointPosIndex != -1 && sInputValue.substring(pointPosIndex + 1, sInputValue.length).length > 2) {\n",
      "\t\t\tjindo.$('input_' + str1 + '_money').value = revertInputText(sInputValue);\n",
      "\t\t\treturn false;\n",
      "\t\t}\n",
      "\t\t\n",
      "\t\tvar e_select_from\t= jindo.$('select_'+str1);\n",
      "\t\tvar e_select_to\t= jindo.$('select_'+str2);\n",
      "\t\n",
      "\t\tvar input_from_money\t= jindo.$('input_'+str1+'_money').value ;\n",
      "\t\tvar input_from\t\t= e_select_from.options[e_select_from.selectedIndex].value ;\n",
      "\t\tvar input_to\t\t= e_select_to.options[e_select_to.selectedIndex].value ;\n",
      "\t\tvar unit_from\t= e_select_from.options[e_select_from.selectedIndex].text ;\n",
      "\t\tvar unit_to\t\t= e_select_to.options[e_select_to.selectedIndex].text ;\n",
      "\t\tinput_from_money = input_from_money.replace(/ |,|\\t/g, \"\") ;\n",
      "\t\tinput_from\t= input_from.replace(/ |,|\\t/g, \"\") ;\n",
      "\t\tinput_to\t= input_to.replace(/ |,|\\t/g, \"\") ;\n",
      "\t\tunit_from = unit_from.substr(unit_from.length-3, 3);\n",
      "\t\tunit_to = unit_to.substr(unit_to.length-3, 3);\n",
      "\t\n",
      "\t\tvar str1_result = input_from_money * 1 ;\n",
      "\t\tvar str1_str\t= str1_result.toFixed(0) ;\n",
      "\t\tvar str1_len = str1_str.length ;\n",
      "\t\tvar str1_result_str = new String(\"\") ;\n",
      "\t\n",
      "\t\tif(str1_str > str1_result)\n",
      "\t\t\tstr1_str = new String(str1_str-1) ;\n",
      "\t\n",
      "\t\tif (str1_len >= 3) {\n",
      "\t\t\tfor (i = str1_len - 3; i > 0; i-=3)\n",
      "\t\t\t\tstr1_result_str = \",\" + str1_str.substr(i, 3) + str1_result_str ;\n",
      "\t\n",
      "\t\t\tstr1_result_str = str1_str.substr(0, 3+i) + str1_result_str ;\n",
      "\t\n",
      "\t\t\tfor (var i=0; i<input_from_money.length; i++) {\n",
      "\t\t\t\tif (input_from_money.substr(i,1) != '0') {\n",
      "\t\t\t\t\tinput_from_money = input_from_money.substring(i,input_from_money.length) ;\n",
      "\t\t\t\t\tbreak;\n",
      "\t\t\t\t}\n",
      "\t\t\t}\n",
      "\t\n",
      "\t\t\tif (str1_str != input_from_money) {\n",
      "\t\t\t\tstr1_result_str += str1_result.toFixed(input_from_money.split(\".\")[1].length).substr(str1_len, input_from_money.split(\".\")[1].length + 1) ;\n",
      "\t\t\t}\n",
      "\t\t} else\n",
      "\t\t\tstr1_result_str = input_from_money ;\n",
      "\t\n",
      "\t\tvar str2_result = input_from_money * input_from / input_to ;\n",
      "\t\tvar str2_str\t= str2_result.toFixed(0) ;\n",
      "\t\tvar str2_len = str2_str.length ;\n",
      "\t\tvar str2_result_str = new String(\"\") ;\n",
      "\t\n",
      "\t\tif (str2_str > str2_result)\n",
      "\t\t\tstr2_str = new String(str2_str-1) ;\n",
      "\t\n",
      "\t\tif (str2_len >= 3) {\n",
      "\t\t\tfor (i = str2_len - 3; i > 0; i-=3)\n",
      "\t\t\t\tstr2_result_str = \",\" + str2_str.substr(i, 3) + str2_result_str ;\n",
      "\t\n",
      "\t\t\tstr2_result_str = str2_str.substr(0, 3+i) + str2_result_str ;\n",
      "\t\t\tstr2_result_str += str2_result.toFixed(2).substr(str2_len, 3) ;\n",
      "\t\t} else\n",
      "\t\t\tstr2_result_str = str2_result.toFixed(2) ;\n",
      "\t\n",
      "\t\tjindo.$('input_'+str1+'_money').value = str1_result_str;\n",
      "\t\tjindo.$('input_'+str2+'_money').value = str2_result_str;\n",
      "\t\tjindo.$('img_'+str1+'_monetary').src = \"http://static.naver.com/nfinance/img_money_\"+unit_from+\".gif\";\n",
      "\t\tjindo.$('img_'+str2+'_monetary').src = \"http://static.naver.com/nfinance/img_money_\"+unit_to+\".gif\";\n",
      "\t\tjindo.$Element(jindo.$('input_'+str1)).addClass(\"on\");\n",
      "\t\tjindo.$Element(jindo.$('input_'+str2)).removeClass(\"on\");\n",
      "\t\tif (cssOn == \"off\"){\n",
      "\t\t\tjindo.$Element(jindo.$('input_'+str1)).removeClass(\"on\");\n",
      "\t\t}\n",
      "\t}\n",
      "}\n",
      "\n",
      "function revertInputText(sOrgText) {\n",
      "\tvar sResult = sOrgText;\n",
      "\t\n",
      "\tif (sOrgText != '') {\n",
      "\t\tsResult = sOrgText.substr(0, sOrgText.length - 1);\n",
      "\t}\n",
      "\t\n",
      "\treturn sResult;\n",
      "}\n",
      "\n",
      "jindo.$Fn(function(){\n",
      "\tchartMouseOverEvent('exchangeList');\t\t\n",
      "   }).attach(document, \"domready\");\n",
      "  </script>\n",
      " </div>\n",
      " <script language=\"javascript\" src=\"http://finance.naver.com/js/jindo_ellipse.js?20171213045922\">\n",
      " </script>\n",
      " <script language=\"javascript\" src=\"/js/util.js?20171213045922\">\n",
      " </script>\n",
      " <script type=\"text/javascript\">\n",
      "  function ellipseTopNewsTitle() {\n",
      "\tjindo.EllipseText.factory(jindo.$$(\".news_list ul li\"), {nAssistWidth: 10});\n",
      "}\n",
      "\n",
      "\n",
      "var basicDates;\n",
      "\n",
      "function initDate() {\n",
      "\tbasicDates = jindo.$H();\n",
      "\tbasicDates.add('', '');\n",
      "\tbasicDates.add('', '');\n",
      "\tbasicDates.add('', '');\n",
      "\tbasicDates.add('', '');\n",
      "\tbasicDates.add('', '');\n",
      "\tbasicDates.add('', '');\n",
      "}\n",
      "\n",
      "var basicDescriptions;\n",
      "\n",
      "function initDescription() {\n",
      "\tbasicDescriptions = jindo.$H();\n",
      "\tbasicDescriptions.add('CMDT_CDY','<em></em>  기준<span>단위:</span>');\n",
      "\tbasicDescriptions.add('CMDT_PDY','<em></em>  기준<span>단위:</span>');\n",
      "\tbasicDescriptions.add('CMDT_NG','<em></em>  기준<span>단위:</span>');\n",
      "\tbasicDescriptions.add('CMDT_S','<em></em>  기준<span>단위:</span>');\n",
      "\tbasicDescriptions.add('CMDT_C','<em></em>  기준<span>단위:</span>');\n",
      "\tbasicDescriptions.add('CMDT_SB','<em></em>  기준<span>단위:</span>');\n",
      "}\n",
      "\n",
      "function setEvent(num, imgChartUrl){\t\n",
      "\tvar parentElemnt = jindo.$$('.tbl_market')[num];\n",
      "\tvar elementList = jindo.$$('tr',parentElemnt);\n",
      "\t\n",
      "\tjindo.$Fn(function(e){\t\n",
      "\t\tvar elementListSize = elementList.length;\n",
      "\t\t\n",
      "\t\tfor(var i = 0 ; i < elementListSize ; i ++)\n",
      "\t\t{\n",
      "\t\t\tvar selectedElement = jindo.$Element(elementList[i]);\n",
      "\t\t\tvar selectedClassName = selectedElement.className();\n",
      "\t\t\tif (selectedClassName != \"\") {\n",
      "\t\t\t\tselectedElement.removeClass(selectedClassName);\n",
      "\t\t\t\tselectedElement.addClass(selectedClassName.replace(\"on\",\"\"));\n",
      "\t\t\t}\n",
      "\t\t} \n",
      "\t\t\n",
      "\t\tvar ele = jindo.$Element(jindo.$Event(e).currentElement);\n",
      "\t\tvar linkUrl = jindo.$$.getSingle('a' , ele.$value()).href;\n",
      "\t\tvar marketindexCd = linkUrl.split('=')[1];\n",
      "\t\tvar className = ele.className();\n",
      "\t\tele.removeClass(className);\n",
      "\t\tele.addClass(className+\" on\");\n",
      "\t\tvar graphElement = jindo.$Element(jindo.$$('.thum')[num]);\n",
      "\t\tgraphElement.html('<a href=\\\"'+linkUrl+'\\\"><img src=\\\"http://imgfinance.naver.net/chart/marketindex/' + marketindexCd + '.png\\\" width=\\\"295\\\" height=\\\"153\\\" alt=\"\"></a>');\n",
      "\t\t\n",
      "\t\tif (basicDates.hasKey(marketindexCd)) {\n",
      "\t\t\tjindo.$Element(\"basicDate\").text(basicDates.$(marketindexCd));\n",
      "\t\t}\n",
      "\t\tif (basicDescriptions.hasKey(marketindexCd)) {\n",
      "\t\t\tjindo.$Element(\"basicDescription\").html(basicDescriptions.$(marketindexCd));\n",
      "\t\t}\n",
      "\t\n",
      "\t}).attach(elementList, \"mouseover\");\t\n",
      "}\n",
      "\n",
      "jindo.$Fn(function(){\n",
      "\t\tinitDate();\n",
      "\t\tinitDescription();\n",
      "\t\tchartMouseOverEvent('exchangeList');\n",
      "\t\tchartMouseOverEvent('worldExchangeList');\n",
      "\t\tchartMouseOverEvent('oilGoldList');\n",
      "\t\t//setEvent(0);\n",
      "\t\t//setEvent(1);\n",
      "\t\tjindo.$$('title')[0].innerHTML = \"시장지표 : 네이버 금융\";\n",
      "}).attach(document, \"domready\");\n",
      " </script>\n",
      " <div class=\"aside\" id=\"marketindex_aside\">\n",
      "  <div class=\"section_aside\">\n",
      "   <h3 class=\"h_interest\">\n",
      "    <span>\n",
      "     국내시장금리\n",
      "    </span>\n",
      "   </h3>\n",
      "   <table class=\"tbl_exchange market\" summary=\"국제시장 환율 리스트\">\n",
      "    <caption>\n",
      "     국내시장금리\n",
      "    </caption>\n",
      "    <colgroup>\n",
      "     <col width=\"94\"/>\n",
      "     <col width=\"50\"/>\n",
      "     <col width=\"75\"/>\n",
      "    </colgroup>\n",
      "    <thead>\n",
      "     <tr>\n",
      "      <th>\n",
      "       구분\n",
      "      </th>\n",
      "      <th>\n",
      "       금리\n",
      "      </th>\n",
      "      <th>\n",
      "       등락율\n",
      "      </th>\n",
      "     </tr>\n",
      "    </thead>\n",
      "    <tbody>\n",
      "     <tr class=\"same\">\n",
      "      <th class=\"th_inter4\">\n",
      "       <a href=\"/marketindex/interestDetail.nhn?marketindexCd=IRR_CD91\" onclick=\"clickcr(this, 'rid.local', 'IRR_CD91', '1', event);\">\n",
      "        <span>\n",
      "         CD금리(91일)\n",
      "        </span>\n",
      "       </a>\n",
      "      </th>\n",
      "      <td>\n",
      "       1.65\n",
      "      </td>\n",
      "      <td>\n",
      "       <img alt=\"보합\" height=\"6\" src=\"http://static.naver.com/nfinance/ico_same2.gif\" width=\"7\"/>\n",
      "       0.00\n",
      "      </td>\n",
      "     </tr>\n",
      "     <tr class=\"down\">\n",
      "      <th class=\"th_inter1\">\n",
      "       <a href=\"/marketindex/interestDetail.nhn?marketindexCd=IRR_CALL\" onclick=\"clickcr(this, 'met.8', 'IRR_CALL', '2', event);\">\n",
      "        <span>\n",
      "         콜 금리\n",
      "        </span>\n",
      "       </a>\n",
      "      </th>\n",
      "      <td>\n",
      "       1.46\n",
      "      </td>\n",
      "      <td>\n",
      "       <img alt=\"하락\" height=\"6\" src=\"http://static.naver.com/nfinance/ico_down.gif\" width=\"7\"/>\n",
      "       0.03\n",
      "      </td>\n",
      "     </tr>\n",
      "     <tr class=\"up\">\n",
      "      <th class=\"th_inter2\">\n",
      "       <a href=\"/marketindex/interestDetail.nhn?marketindexCd=IRR_GOVT03Y\" onclick=\"clickcr(this, 'met.8', 'IRR_GOVT03Y', '3', event);\">\n",
      "        <span>\n",
      "         국고채 (3년)\n",
      "        </span>\n",
      "       </a>\n",
      "      </th>\n",
      "      <td>\n",
      "       2.17\n",
      "      </td>\n",
      "      <td>\n",
      "       <img alt=\"상승\" height=\"6\" src=\"http://static.naver.com/nfinance/ico_up.gif\" width=\"7\"/>\n",
      "       0.01\n",
      "      </td>\n",
      "     </tr>\n",
      "     <tr class=\"up\">\n",
      "      <th class=\"th_inter3\">\n",
      "       <a href=\"/marketindex/interestDetail.nhn?marketindexCd=IRR_CORP03Y\" onclick=\"clickcr(this, 'met.8', 'IRR_CORP03Y', '4', event);\">\n",
      "        <span>\n",
      "         회사채 (3년)\n",
      "        </span>\n",
      "       </a>\n",
      "      </th>\n",
      "      <td>\n",
      "       2.78\n",
      "      </td>\n",
      "      <td>\n",
      "       <img alt=\"상승\" height=\"6\" src=\"http://static.naver.com/nfinance/ico_up.gif\" width=\"7\"/>\n",
      "       0.02\n",
      "      </td>\n",
      "     </tr>\n",
      "     <tr class=\"up\">\n",
      "      <th class=\"th_inter5\">\n",
      "       <a href=\"/marketindex/interestDetail.nhn?marketindexCd=IRR_COFIXBAL\" onclick=\"clickcr(this, 'met.8', 'IRR_COFIXBAL', '5', event);\">\n",
      "        <span>\n",
      "         COFIX 잔액\n",
      "        </span>\n",
      "       </a>\n",
      "      </th>\n",
      "      <td>\n",
      "       1.78\n",
      "      </td>\n",
      "      <td>\n",
      "       <img alt=\"상승\" height=\"6\" src=\"http://static.naver.com/nfinance/ico_up.gif\" width=\"7\"/>\n",
      "       0.03\n",
      "      </td>\n",
      "     </tr>\n",
      "     <tr class=\"up\">\n",
      "      <th class=\"th_inter6\">\n",
      "       <a href=\"/marketindex/interestDetail.nhn?marketindexCd=IRR_COFIXNEW\" onclick=\"clickcr(this, 'met.8', 'IRR_COFIXNEW', '6', event);\">\n",
      "        <span>\n",
      "         COFIX 신규취급액\n",
      "        </span>\n",
      "       </a>\n",
      "      </th>\n",
      "      <td>\n",
      "       1.82\n",
      "      </td>\n",
      "      <td>\n",
      "       <img alt=\"상승\" height=\"6\" src=\"http://static.naver.com/nfinance/ico_up.gif\" width=\"7\"/>\n",
      "       0.05\n",
      "      </td>\n",
      "     </tr>\n",
      "    </tbody>\n",
      "   </table>\n",
      "   <table class=\"tbl_exchange tbl_exchange_v1 market\" style=\"margin-top:10px;\" summary=\"달러 인덱스\">\n",
      "    <caption>\n",
      "     달러 인덱스\n",
      "    </caption>\n",
      "    <colgroup>\n",
      "     <col width=\"88\"/>\n",
      "     <col width=\"46\"/>\n",
      "     <col width=\"66\"/>\n",
      "    </colgroup>\n",
      "    <thead>\n",
      "     <tr>\n",
      "      <th>\n",
      "       구분\n",
      "      </th>\n",
      "      <th>\n",
      "       금리\n",
      "      </th>\n",
      "      <th>\n",
      "       등락율\n",
      "      </th>\n",
      "     </tr>\n",
      "    </thead>\n",
      "    <tbody>\n",
      "     <tr class=\"other_t1 down\">\n",
      "      <th class=\"th_inter7\">\n",
      "       <a href=\"/marketindex/worldExchangeDetail.nhn?marketindexCd=FX_USDX&amp;fdtc=4\" onclick=\"clickcr(this, 'rid.dollar', 'FX_USDX', '', event);\">\n",
      "        <span>\n",
      "         달러 인덱스\n",
      "        </span>\n",
      "       </a>\n",
      "      </th>\n",
      "      <td>\n",
      "       89.1300\n",
      "      </td>\n",
      "      <td>\n",
      "       <img alt=\"하락\" height=\"6\" src=\"http://static.naver.com/nfinance/ico_down.gif\" width=\"7\"/>\n",
      "       0.3700\n",
      "      </td>\n",
      "     </tr>\n",
      "    </tbody>\n",
      "   </table>\n",
      "  </div>\n",
      "  <div class=\"section_aside\">\n",
      "   <div class=\"tab_search search3\">\n",
      "    <a href=\"#\" onclick=\"clickcr(this, 'rch.1', '', '', event); return false;\">\n",
      "     <span>\n",
      "      최근검색\n",
      "     </span>\n",
      "    </a>\n",
      "    <a href=\"#\" onclick=\"clickcr(this, 'rch.3', '', '', event); return false;\">\n",
      "     <span>\n",
      "      MY STOCK\n",
      "     </span>\n",
      "    </a>\n",
      "   </div>\n",
      "   <h3 class=\"blind\">\n",
      "    최근검색\n",
      "   </h3>\n",
      "   <table class=\"tbl_search\" summary=\"최근검색 리스트\">\n",
      "    <caption>\n",
      "     최근검색\n",
      "    </caption>\n",
      "    <colgroup>\n",
      "     <col/>\n",
      "     <col width=\"55\"/>\n",
      "     <col width=\"87\"/>\n",
      "    </colgroup>\n",
      "    <thead>\n",
      "     <tr>\n",
      "      <th>\n",
      "       업체명\n",
      "      </th>\n",
      "      <th>\n",
      "       거래량\n",
      "      </th>\n",
      "      <th>\n",
      "       전일비\n",
      "      </th>\n",
      "     </tr>\n",
      "    </thead>\n",
      "    <tbody>\n",
      "    </tbody>\n",
      "   </table>\n",
      "   <div class=\"more_info\">\n",
      "    <span>\n",
      "     <a href=\"#\" onclick=\"clickcr(this, 'rch.5', '', '', event); return false;\">\n",
      "      <img alt=\"이전\" height=\"15\" src=\"http://static.naver.com/nfinance/btn_prev2.gif\" width=\"17\"/>\n",
      "     </a>\n",
      "     <a href=\"#\" onclick=\"clickcr(this, 'rch.6', '', '', event); return false;\">\n",
      "      <img alt=\"다음\" height=\"15\" src=\"http://static.naver.com/nfinance/btn_next2.gif\" width=\"17\"/>\n",
      "     </a>\n",
      "    </span>\n",
      "    <a class=\"btn_more\" href=\"#\" onclick=\"javascript:openMyitemNew('http://finance.naver.com'); clickcr(this, 'rch.7', '', '', event);\">\n",
      "     <img alt=\"더보기\" height=\"10\" src=\"http://static.naver.com/nfinance/btn_more5.gif\" width=\"33\"/>\n",
      "    </a>\n",
      "   </div>\n",
      "  </div>\n",
      "  <div class=\"section_aside\">\n",
      "   <h3 class=\"h_report\">\n",
      "    <span>\n",
      "     경제분석 리포트\n",
      "    </span>\n",
      "   </h3>\n",
      "   <ul class=\"list_report\">\n",
      "    <li>\n",
      "     <a href=\"http://finance.naver.com/research/economy_read.nhn?nid=5410\" onclick=\"clickcr(this, 'rer.list', '', '', event);\">\n",
      "      미국 3월 소매판매 : 아직은 추...\n",
      "     </a>\n",
      "    </li>\n",
      "    <li>\n",
      "     <a href=\"http://finance.naver.com/research/economy_read.nhn?nid=5409\" onclick=\"clickcr(this, 'rer.list', '', '', event);\">\n",
      "      국내외 경제이슈\n",
      "     </a>\n",
      "    </li>\n",
      "    <li>\n",
      "     <a href=\"http://finance.naver.com/research/economy_read.nhn?nid=5408\" onclick=\"clickcr(this, 'rer.list', '', '', event);\">\n",
      "      긍정적 변화 3+α\n",
      "     </a>\n",
      "    </li>\n",
      "    <li>\n",
      "     <a href=\"http://finance.naver.com/research/economy_read.nhn?nid=5407\" onclick=\"clickcr(this, 'rer.list', '', '', event);\">\n",
      "      美 18년 상반기 환율보고서 Re...\n",
      "     </a>\n",
      "    </li>\n",
      "    <li>\n",
      "     <a href=\"http://finance.naver.com/research/economy_read.nhn?nid=5406\" onclick=\"clickcr(this, 'rer.list', '', '', event);\">\n",
      "      이번 주에는 무엇을 볼까? : 미...\n",
      "     </a>\n",
      "    </li>\n",
      "   </ul>\n",
      "   <a class=\"btn_more\" href=\"http://finance.naver.com/research/economy_list.nhn\" onclick=\"clickcr(this, 'rer.more', '', '', event);\">\n",
      "    <img alt=\"경제분석 리포트 더보기\" height=\"18\" src=\"http://static.naver.com/nfinance/btn_more.gif\" width=\"34\"/>\n",
      "   </a>\n",
      "  </div>\n",
      " </div>\n",
      " <script language=\"javascript\" src=\"/js/myStock.js?20171213045922\" type=\"text/javascript\">\n",
      " </script>\n",
      " <script language=\"javascript\" src=\"/js/util.js?20171213045922\" type=\"text/javascript\">\n",
      " </script>\n",
      " <script language=\"javascript\">\n",
      "  function toggleTabSearch(e){\n",
      "\tvar currentElement = jindo.$Element(jindo.$Event(e).currentElement);\n",
      "\tvar parentElement = currentElement.parent();\n",
      "\tvar id = currentElement.className();\n",
      "\tvar order = parentElement.indexOf(currentElement) + 3;\n",
      "\tparentElement.className(\"tab_search search\"+ order);\n",
      "\n",
      "\t// 페이징을 위해서 order값에 따라 최근검색인지 mystock인지 type을 저장\n",
      "\tif (order == 3) {\n",
      "\t\tcurrentType = \"recent\";\n",
      "\t} else {\n",
      "\t\tcurrentType = \"mystock\";\n",
      "\t}\t\n",
      "}\n",
      "\n",
      "jindo.$Fn(function(){\n",
      "\tif ('true' == 'true') {\n",
      "\t\tgetStockRightMenuData('000000', 'recent', 1, 'http://finance.naver.com', 'http://static.naver.com/nfinance');\n",
      "\t\t\n",
      "\t\tvar tabSearchArea = jindo.$$.getSingle('.tab_search');\n",
      "\t\tvar moreInfoArea = jindo.$Element(jindo.$$.getSingle('.tbl_search')).next().$value();\n",
      "\t\t\n",
      "\t\tjindo.$Fn(function(e) {toggleTabSearch(e); getStockRightMenuData('000000', 'recent', 1, 'http://finance.naver.com', 'http://static.naver.com/nfinance'); }).attach(jindo.$$.getSingle('a' ,tabSearchArea), 'click');\t\t\n",
      "\t\tjindo.$Fn(function(e) {toggleTabSearch(e); getStockRightMenuData('000000', 'mystock', 1, 'http://finance.naver.com', 'http://static.naver.com/nfinance'); }).attach(jindo.$$('a' ,tabSearchArea)[1], 'click');\n",
      "\t\tjindo.$Fn(function(e) {updatePageForPaging (currentType, 'up', 'http://finance.naver.com', 'http://static.naver.com/nfinance'); }).attach(jindo.$$.getSingle('a', moreInfoArea), 'click');\t\t\n",
      "\t\tjindo.$Fn(function(e) {updatePageForPaging (currentType, 'down', 'http://finance.naver.com', 'http://static.naver.com/nfinance'); }).attach(jindo.$$('a', moreInfoArea)[1], 'click');\n",
      "\t} \n",
      "\n",
      "}).attach(document,\"domready\");\n",
      "\n",
      "function openMyitemNew(stockHost) {\n",
      "\tvar selectedElement = jindo.$Element(jindo.$$.getSingle(\".tab_search\"));\n",
      "\tif (selectedElement != null) {\n",
      "\t\tif (selectedElement.hasClass(\"search1\")) {\n",
      "\t\t\tdocument.location.href = stockHost + '/mystock/recentSearchItemList.nhn';\n",
      "\t\t} else {\n",
      "\t\t\tdocument.location.href = stockHost + '/mystock/itemList.nhn';\n",
      "\t\t}\n",
      "\t}\n",
      "}\n",
      " </script>\n",
      "</div>\n",
      "<div id=\"footer\">\n",
      " <ul>\n",
      "  <li class=\"first\">\n",
      "   <a href=\"http://www.naver.com/rules/service.html\" onclick=\"clickcr(this, 'fot.service', '', '', event);\" target=\"_blank\">\n",
      "    이용약관\n",
      "   </a>\n",
      "  </li>\n",
      "  <li>\n",
      "   <a href=\"http://finance.naver.com/rules.nhn\" onclick=\"clickcr(this, 'fot.policy', '', '', event);\" target=\"_blank\">\n",
      "    금융게시판 운영원칙\n",
      "   </a>\n",
      "  </li>\n",
      "  <li>\n",
      "   <a href=\"http://www.naver.com/rules/privacy.html\" onclick=\"clickcr(this, 'fot.privacy', '', '', event);\" target=\"_blank\">\n",
      "    <strong>\n",
      "     개인정보처리방침\n",
      "    </strong>\n",
      "   </a>\n",
      "  </li>\n",
      "  <li>\n",
      "   <a href=\"http://www.naver.com/rules/disclaimer.html\" onclick=\"clickcr(this, 'fot.limit', '', '', event);\" target=\"_blank\">\n",
      "    책임의 한계와 법적고지\n",
      "   </a>\n",
      "  </li>\n",
      "  <li>\n",
      "   <a href=\"https://help.naver.com/support/alias/contents2/finance/finance_1.naver\" onclick=\"clickcr(this, 'fot.help', '', '', event);\" target=\"_blank\">\n",
      "    금융 고객센터\n",
      "   </a>\n",
      "  </li>\n",
      " </ul>\n",
      " <p class=\"desc\">\n",
      "  네이버(주)에서 제공하는 금융정보는 투자 참고 사항이며, 오류가 발생할 수 있고 지연될 수 있습니다.\n",
      "  <br/>\n",
      "  네이버(주)는 제공된 정보에 의한 투자결과에 대한 법적인 책임을 지지 않습니다. 또한 게시된 정보를 무단으로 배포할 수 없습니다.\n",
      " </p>\n",
      " <address>\n",
      "  <a class=\"logo\" href=\"http://www.navercorp.com/\" onclick=\"clickcr(this, 'fot.nhn', '', '', event);\" target=\"_blank\">\n",
      "   <img alt=\"NAVER\" height=\"11\" src=\"http://static.naver.net/common/footer/ci_naver.gif\" width=\"63\"/>\n",
      "  </a>\n",
      "  <em>\n",
      "   Copyright ©\n",
      "  </em>\n",
      "  <a href=\"http://www.navercorp.com/\" onclick=\"clickcr(this, 'fot.nhn', '', '', event);\" target=\"_blank\">\n",
      "   NAVER Corp.\n",
      "  </a>\n",
      "  <span>\n",
      "   All Rights Reserved.\n",
      "  </span>\n",
      " </address>\n",
      "</div>\n",
      "<script type=\"text/javascript\">\n",
      " function isVisible(obj) {\n",
      "    if (obj == document) return true\n",
      " \n",
      "    if (!obj) return false\n",
      "    if (!obj.parentNode) return false\n",
      "    if (obj.style) {\n",
      "        if (obj.style.display == 'none') return false\n",
      "        if (obj.style.visibility == 'hidden') return false\n",
      "    }\n",
      " \n",
      "    if (window.getComputedStyle) {\n",
      "        var style = window.getComputedStyle(obj, \"\")\n",
      "        if (style.display == 'none') return false\n",
      "        if (style.visibility == 'hidden') return false\n",
      "    }\n",
      " \n",
      "    var style = obj.currentStyle\n",
      "    if (style) {\n",
      "        if (style['display'] == 'none') return false\n",
      "        if (style['visibility'] == 'hidden') return false\n",
      "    }\n",
      " \n",
      "    return isVisible(obj.parentNode)\n",
      "}\n",
      "\n",
      "function isChildOf(myobj, containerObj) {\n",
      "\twhile(myobj != undefined) {\n",
      "\t\tif (myobj == document.body) {\n",
      "\t\t\tbreak;\n",
      "\t\t} \n",
      "\t\tif (myobj == containerObj) {\n",
      "\t\t\treturn true;\n",
      "\t\t}\n",
      "\t\tmyobj = myobj.parentElement;\n",
      "\t}\n",
      "\treturn false;\t\n",
      "}\n",
      "\n",
      "function gnbLayerClose(e){\n",
      "\tvar target = e.target ? e.target : e.srcElement;\n",
      "\tif (isVisible(document.getElementById('gnb_service_lyr')) || isVisible(document.getElementById('gnb_notice_lyr')) ||isVisible(document.getElementById('gnb_my_lyr')) ) {\n",
      "\t\tif (!isChildOf(target, document.getElementById('gnb'))) {\n",
      "\t\t\tgnbAllLayerClose();\n",
      "\t\t}\n",
      "\t}\t\n",
      "}\n",
      "\n",
      "var isIE = (navigator.userAgent.toLowerCase().indexOf(\"msie\")!=-1 && window.document.all) ? true:false;\n",
      "if (isIE) {\n",
      "\tdocument.attachEvent('onmousedown', gnbLayerClose);\n",
      "} else {\n",
      "\twindow.addEventListener('mousedown', gnbLayerClose);\n",
      "}\n",
      "</script>\n",
      "\n"
     ]
    }
   ],
   "source": [
    "url = \"http://info.finance.naver.com/marketindex/\"\n",
    "page = urlopen(url)\n",
    "\n",
    "soup = BeautifulSoup(page, \"html.parser\")\n",
    "\n",
    "print(soup.prettify())"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 29,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'1,066.90'"
      ]
     },
     "execution_count": 29,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "soup.find_all('span', 'value')[0].string"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "collapsed": true
   },
   "source": [
    "## 실전: 시카고 샌드위치 맛집 소개 사이트에 접근하기"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 30,
   "metadata": {
    "scrolled": true
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "\n",
       "<!DOCTYPE doctype html>\n",
       "\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "<!-- Urbis magnitudo. Fabulas magnitudo. -->\n",
       "<meta charset=\"utf-8\"/>\n",
       "<style>a.edit_from_site {display: none !important;}</style>\n",
       "<title>\n",
       "  The 50 Best Sandwiches in Chicago |\n",
       "  Chicago magazine\n",
       "      |  November 2012\n",
       "    </title>\n",
       "<meta content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable = no\" name=\"viewport\">\n",
       "<meta content=\"Our list of Chicago’s 50 best sandwiches, ranked in order of deliciousness\" name=\"description\"/>\n",
       "<!-- <meta name=\"description\" content=\"Our list of Chicago’s 50 best sandwiches, ranked in order of deliciousness\"> -->\n",
       "<meta content=\"sandwiches, dining\" name=\"keywords\"/>\n",
       "<meta content=\"37873197144\" property=\"fb:pages\">\n",
       "<link href=\"//cloud.typography.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//www.googletagservices.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//ajax.googleapis.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//securepubads.g.doubleclick.net\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//media.chicagomag.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//ox-d.godengo.com/\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//www.google-analytics.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//ping.chartbeat.net\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//static.chartbeat.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//www.google.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//cse.google.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//www.googleapis.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//maps.googleapis.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//csi.gstatic.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//www.facebook.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//staticxx.facebook.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//connect.facebook.net\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//chicagomag.disqus.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//contentz.mkt51.net\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//www.pages05.net\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//www.disqus.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//a.disquscdn.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//fbcdn.net\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//players.brightcove.net\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//edge.api.brightcove.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//metrics.brightcove.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//c.brightcove.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//pvp.trb.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//s.ntv.io\" rel=\"dns-prefetch\"/>\n",
       "<script>\n",
       "    if (window.innerWidth > 650) {\n",
       "            // Verlag, Landmark, and Mercury\n",
       "      document.write('<link rel=\"stylesheet\" type=\"text/css\" href=\"//cloud.typography.com/7169452/776042/css/fonts.css\" />')\n",
       "          }\n",
       "    else {\n",
       "            // Just Verlag and Landmark\n",
       "      document.write('<link rel=\"stylesheet\" type=\"text/css\" href=\"//cloud.typography.com/7169452/675348/css/fonts.css\" />')\n",
       "            \n",
       "    }\n",
       "  </script>\n",
       "<noscript>\n",
       "<link href=\"//cloud.typography.com/7169452/776042/css/fonts.css\" rel=\"stylesheet\" type=\"text/css\">\n",
       "</link></noscript>\n",
       "<meta content=\"www.pages05.net,chicagomag.com\" name=\"com.silverpop.brandeddomains\">\n",
       "<script>\n",
       "(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){\n",
       "(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),\n",
       "m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)\n",
       "})(window,document,'script','//www.google-analytics.com/analytics.js','ga');\n",
       "\n",
       "ga('create', 'UA-297666-1', {'siteSpeedSampleRate': 100});\n",
       "\n",
       "\n",
       "\n",
       "ga('set', 'dimension1', 'restaurant')\n",
       "\n",
       "\n",
       "\n",
       "  ga('set', 'dimension4', '2012-10-09 18:12:00');\n",
       "\n",
       "  ga('set', 'dimension5', 'article.tpl');\n",
       "\n",
       "ga('send', 'pageview');\n",
       "\n",
       "\n",
       "var trackOutboundLink = function(url) {\n",
       "   ga('send', 'event', 'outbound', 'click', url, {\n",
       "     'transport': 'beacon',\n",
       "     'hitCallback': function(){document.location = url;}\n",
       "   });\n",
       "}\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "</script>\n",
       "<link href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/\" rel=\"canonical\">\n",
       "<meta content=\"The 50 Best Sandwiches in Chicago\" name=\"title\"/>\n",
       "<meta content=\"all\" name=\"robots\"/>\n",
       "<meta content=\"sandwiches, dining\" name=\"news_keywords\"/>\n",
       "<!-- -->\n",
       "<link href=\"http://media.chicagomag.com//images/cache/cache_2/cache_9/cache_3/sandwich-old-oak-08ecb392.jpeg?ver=1482330047&amp;aspectratio=1.5\" rel=\"image_src\">\n",
       "<meta content=\"http://media.chicagomag.com//images/cache/cache_2/cache_9/cache_3/sandwich-old-oak-08ecb392.jpeg?ver=1482330047&amp;aspectratio=1.5\" name=\"thumbnail\"/>\n",
       "<script type=\"text/javascript\">var _sf_startpt=(new Date()).getTime()</script>\n",
       "<link href=\"http://media.chicagomag.com/favicon.ico\" rel=\"shortcut icon\"/>\n",
       "<meta content=\"summary_large_image\" name=\"twitter:card\"/>\n",
       "<meta content=\"http://media.chicagomag.com//images/cache/cache_4/cache_a/cache_0/sandwich-old-oak-c8b2a0a4.jpeg?ver=1482330047&amp;aspectratio=1.5\" name=\"twitter:image\"/>\n",
       "<meta content=\"http://media.chicagomag.com//images/cache/cache_b/cache_7/cache_4/sandwich-old-oak-bc2dc47b.jpeg?ver=1482330047&amp;aspectratio=1.5\" property=\"og:image\"/>\n",
       "<meta content=\"Chicago magazine\" name=\"twitter:app:name:ipad\"/>\n",
       "<meta content=\"567851357\" name=\"twitter:app:id:ipad\"/>\n",
       "<meta content=\"Chicago magazine\" name=\"twitter:app:name:googleplay\"/>\n",
       "<meta content=\"com.chicagomag.chicagomag\" name=\"twitter:app:id:googleplay\"/>\n",
       "<meta content=\"The 50 Best Sandwiches in Chicago\" property=\"og:title\">\n",
       "<meta content=\"The 50 Best Sandwiches in Chicago\" name=\"twitter:title\">\n",
       "<meta content=\"article\" property=\"og:type\">\n",
       "<meta content=\"bikesarefun\" property=\"fb:admins\">\n",
       "<meta content=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/\" property=\"og:url\">\n",
       "<meta content=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/\" name=\"twitter:url\">\n",
       "<meta content=\"Chicago magazine\" property=\"og:site_name\">\n",
       "<meta content=\"Our list of Chicago’s 50 best sandwiches, ranked in order of deliciousness\" property=\"og:description\"/>\n",
       "<meta content=\"Our list of Chicago’s 50 best sandwiches, ranked in order of deliciousness\" name=\"twitter:description\"/>\n",
       "<meta content=\"@chicagomag\" name=\"twitter:site\"/>\n",
       "<script type=\"text/javascript\">\n",
       "      var articleID = '19493';\n",
       "    var adcat = \"restaurant\";\n",
       "\n",
       "  // Set the video variables\n",
       "  var videoID = \"Inside Best Restaurants\";// Fallback\n",
       "  \n",
       "    // adcat: restaurant\n",
       "            var videoID = \"Inside Best Restaurants\";\n",
       "      \n",
       "  \n",
       "</script>\n",
       "<script type=\"text/javascript\">\n",
       "\n",
       "  // Asynchronous\n",
       "  var googletag = googletag || {};\n",
       "      googletag.cmd = googletag.cmd || [];\n",
       "\n",
       "  // Set some global variables so we can refresh these slots asynchronously\n",
       "  var cube2 = '',\n",
       "      leaderboard1 = '',\n",
       "      leaderboard6 = '';\n",
       "  (function() {\n",
       "    var gads = document.createElement(\"script\");\n",
       "    gads.async = true;\n",
       "    gads.type = \"text/javascript\";\n",
       "      var useSSL = \"https:\" == document.location.protocol;\n",
       "      gads.src = (useSSL ? \"https:\" : \"http:\") + \"//www.googletagservices.com/tag/js/gpt.js\";\n",
       "      var node =document.getElementsByTagName(\"script\")[0];\n",
       "      node.parentNode.insertBefore(gads, node);\n",
       "    })();\n",
       "\n",
       "</script>\n",
       "<script type=\"text/javascript\">\n",
       "  googletag.cmd.push(function() {\n",
       "  googletag.defineSlot('/4011/trb.chicagomag/hp', [[300,250]],'div-gpt-ad-cube-1').setTargeting('pos',['1']).addService(googletag.pubads());\n",
       "  cube2 = googletag.defineSlot('/4011/trb.chicagomag/hp', [[300,250]],'div-gpt-ad-cube-2').setTargeting('pos',['2']).addService(googletag.pubads());\n",
       "  googletag.defineSlot('/4011/trb.chicagomag/hp', [[300,250]],'div-gpt-ad-cube-3').setTargeting('pos',['3']).addService(googletag.pubads());\n",
       "  googletag.defineSlot('/4011/trb.chicagomag/hp', [[300,250]],'div-gpt-ad-cube-4').setTargeting('pos',['4']).addService(googletag.pubads());\n",
       "  googletag.defineSlot('/4011/trb.chicagomag/hp', [[300,250]],'div-gpt-ad-cube-5').setTargeting('pos',['5']).addService(googletag.pubads());\n",
       "  googletag.defineSlot('/4011/trb.chicagomag/hp', [[300,250]],'div-gpt-ad-cube-6').setTargeting('pos',['6']).addService(googletag.pubads());\n",
       "\n",
       "  if (window.innerWidth > 727) {\n",
       "    leaderboard1 = googletag.defineSlot('/4011/trb.chicagomag/hp', [[728,90]],'div-gpt-ad-leaderboard-1').setTargeting('pos',['1']).addService(googletag.pubads());\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[728,90]],'div-gpt-ad-leaderboard-2').setTargeting('pos',['2']).addService(googletag.pubads());\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[728,90]],'div-gpt-ad-leaderboard-3').setTargeting('pos',['3']).addService(googletag.pubads());\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[728,90]],'div-gpt-ad-leaderboard-4').setTargeting('pos',['4']).addService(googletag.pubads());\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[728,90]],'div-gpt-ad-leaderboard-5').setTargeting('pos',['5']).addService(googletag.pubads());\n",
       "    leaderboard6 = googletag.defineSlot('/4011/trb.chicagomag/hp', [[728,90]],'div-gpt-ad-leaderboard-6').setTargeting('pos',['6']).addService(googletag.pubads());\n",
       "  }\n",
       "  else {\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[320,50]],'div-gpt-ad-mobile-leaderboard-1').setTargeting('pos',['1']).addService(googletag.pubads());\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[320,50]],'div-gpt-ad-mobile-leaderboard-2').setTargeting('pos',['2']).addService(googletag.pubads());\n",
       "  }\n",
       "\n",
       "  // googletag.defineSlot('/4011/trb.chicagomag/hp', [[160,600]],'div-gpt-ad-999449422057474470-6').setTargeting('pos',['1']).addService(googletag.pubads());\n",
       "  // googletag.defineSlot('/4011/trb.chicagomag/hp', [[160,600]],'div-gpt-ad-999449422057474470-7').setTargeting('pos',['2']).addService(googletag.pubads());\n",
       "\n",
       "  if (window.innerWidth > 599) {\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[600,100]],'div-gpt-ad-600-100').setTargeting('pos',['1']).addService(googletag.pubads());\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[600,400]],'div-gpt-ad-600-400-1').setTargeting('pos',['1']).addService(googletag.pubads());\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[600,400]],'div-gpt-ad-600-400-2').setTargeting('pos',['2']).addService(googletag.pubads());\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[600,400]],'div-gpt-ad-600-400-3').setTargeting('pos',['3']).addService(googletag.pubads());\n",
       "  }\n",
       "\n",
       "\n",
       "  googletag.defineSlot('/4011/trb.chicagomag/hp', [[336,392]],'div-gpt-ad-999449422057474470-9').setTargeting('pos',['1']).addService(googletag.pubads());\n",
       "\n",
       "  googletag.defineSlot('/4011/trb.chicagomag/hp', [[300,100]],'div-gpt-ad-video-companion').addService(googletag.pubads());\n",
       "\n",
       "  googletag.defineOutOfPageSlot('/4011/trb.chicagomag/hp', 'div-out-of-page').addService(googletag.pubads());\n",
       "\n",
       "  // Custom chicago mag targeting\n",
       "\n",
       "  googletag.pubads().setTargeting(\"adcat\", \"restaurant\");\n",
       "  googletag.pubads().setTargeting(\"pub\", \"chi\");\n",
       "  googletag.pubads().setTargeting(\"pubID\", \"100\");\n",
       "  googletag.pubads().setTargeting(\"videoID\", videoID);\n",
       "  googletag.pubads().collapseEmptyDivs();\n",
       "  \n",
       "            googletag.pubads().setTargeting(\"articleID\", \"19493\");\n",
       "      \n",
       "                    googletag.pubads().setTargeting(\"articleTag\", \"602\"); \n",
       "                        googletag.pubads().setTargeting(\"articleTag\", \"608\"); \n",
       "                        googletag.pubads().setTargeting(\"articleTag\", \"636\"); \n",
       "                        googletag.pubads().setTargeting(\"articleTag\", \"286\"); \n",
       "                      \n",
       "  googletag.enableServices();\n",
       "\n",
       "  });// End googletag.cmd.push()\n",
       "\n",
       "</script>\n",
       "<!-- End: GPT -->\n",
       "<link href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/\" rel=\"standout\">\n",
       "<!-- responsive -->\n",
       "<script language=\"Javascript\" src=\"//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js\" type=\"text/javascript\"></script>\n",
       "<script type=\"text/javascript\">\n",
       "if (typeof jQuery == 'undefined') {\n",
       "\tdocument.write(unescape(\"%3Cscript src='http://media.chicagomag.com//core/media/js/jquery-1.8.1.min.js?ver=1473876728' type='text/javascript'%3E%3C/script%3E\"));\n",
       "}\n",
       "</script>\n",
       "<script type=\"text/javascript\">\n",
       "var rjQuery = jQuery.noConflict(); // leave the $ variable alone\n",
       "</script>\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//theme_overrides/Respond/js/site-search.js?ver=1386069772\" type=\"text/javascript\"></script>\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//core/media/js/base.js?ver=1473876728\" type=\"text/javascript\"></script>\n",
       "<!--[if lt IE 9]>\n",
       "<script  type=\"text/javascript\" language=\"JavaScript\" src=\"http://media.chicagomag.com//core/media/themes/Respond/js/html5_shiv.js?ver=1473876729\"></script>\n",
       "<![endif]-->\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//core/media/js/jquery.browser.js?ver=1473876728\" type=\"text/javascript\"></script>\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//theme_overrides/Respond/js/jquery.iframe-auto-height.plugin.1.8.0.js?ver=1446756854\" type=\"text/javascript\"></script>\n",
       "<link href=\"http://media.chicagomag.com//lessc/69b6a05603c90556b997a62de61a0ac7.one.css?ver=1515711230\" rel=\"stylesheet\" type=\"text/css\"/>\n",
       "<link href=\"http://media.chicagomag.com//lessc/69b6a05603c90556b997a62de61a0ac7.two.css?ver=1515711230\" rel=\"stylesheet\" type=\"text/css\"/>\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//theme_overrides/Respond/js/functions.js?ver=1483891934\" type=\"text/javascript\"></script>\n",
       "<link href=\"http://media.chicagomag.com//core/media/css/responsive_ads.css?ver=1473876728\" rel=\"stylesheet\" type=\"text/css\"/>\n",
       "<link href=\"http://media.chicagomag.com//theme_overrides/Respond/css/sandwiches.css?ver=1473559134\" rel=\"stylesheet\" type=\"text/css\"/>\n",
       "<!--[if IE 9]>\n",
       "<link rel=\"stylesheet\" type=\"text/css\" href=\"http://media.chicagomag.com//core/media/themes/Respond/css/ie9.css?ver=1473876729\">\n",
       "<![endif]-->\n",
       "<!--[if lt IE 9]>\n",
       "<link rel=\"stylesheet\" type=\"text/css\" href=\"http://media.chicagomag.com//core/media/themes/Respond/css/ie8.css?ver=1473876729\">\n",
       "<![endif]-->\n",
       "<script type=\"text/javascript\">RivistaJSString.put({\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\"_\":\"\"});</script>\n",
       "<!--[if lt IE 9]>\n",
       "<link rel=\"stylesheet\" type=\"text/css\" href=\"http://media.chicagomag.com//theme_overrides/Respond/css/chimag-ie8.css?ver=1443881828\">\n",
       "<![endif]-->\n",
       "<!--[if gt IE 7]>\n",
       "<link rel=\"stylesheet\" type=\"text/css\" href=\"http://media.chicagomag.com//theme_overrides/Respond/css/chimag-ie.css?ver=1381349768\">\n",
       "<![endif]-->\n",
       "<script>\n",
       "var ad_category = \"Restaurants and Bars\";\n",
       "</script>\n",
       "<link href=\"http://www.chicagomag.com/feeds/Chicago+magazine%3A+Dining+and+Drinking\" rel=\"alternate\" title=\" Chicago magazine: Dining and Drinking Feed\" type=\"application/atom+xml\">\n",
       "<script>\n",
       "window.editorIdMap = new Object;\n",
       "editorIdMap['120'] = {'mid': 1425,'view': 'edit_report'};\n",
       "editorIdMap['120'] = {'mid': 1426,'view': 'edit_report'};\n",
       "editorIdMap['122'] = {'mid': 1431,'view': 'edit_gateway'};\n",
       "editorIdMap['77'] = {'mid': 1350,'view': 'edit_config'};\n",
       "editorIdMap['11'] = {'mid': 1387,'view': 'edit_user'};\n",
       "editorIdMap['80'] = {'mid': 1423,'view': ''};\n",
       "editorIdMap['80'] = {'mid': 1421,'view': ''};\n",
       "editorIdMap['60'] = {'mid': 1328,'view': ''};\n",
       "editorIdMap['60'] = {'mid': 1327,'view': ''};\n",
       "editorIdMap['136'] = {'mid': 1491,'view': 'edit_comment'};\n",
       "editorIdMap['60'] = {'mid': 1322,'view': ''};\n",
       "editorIdMap['138'] = {'mid': 1492,'view': ''};\n",
       "editorIdMap['133'] = {'mid': 1488,'view': ''};\n",
       "editorIdMap['19'] = {'mid': 81,'view': 'edit_moduledefinition'};\n",
       "editorIdMap['21'] = {'mid': 694,'view': 'edit_module'};\n",
       "editorIdMap['16'] = {'mid': 1386,'view': 'edit_group'};\n",
       "editorIdMap['128'] = {'mid': 1479,'view': 'edit_issueperiod'};\n",
       "editorIdMap['79'] = {'mid': 1333,'view': 'edit_publication'};\n",
       "editorIdMap['78'] = {'mid': 1334,'view': 'edit_issue'};\n",
       "editorIdMap['97'] = {'mid': 1357,'view': 'edit_content'};\n",
       "editorIdMap['94'] = {'mid': 1388,'view': ''};\n",
       "editorIdMap['17'] = {'mid': 1389,'view': 'edit_menu'};\n",
       "editorIdMap['72'] = {'mid': 1422,'view': 'edit_product'};\n",
       "editorIdMap['2'] = {'mid': 1332,'view': ''};\n",
       "editorIdMap['2'] = {'mid': 1339,'view': ''};\n",
       "editorIdMap['60'] = {'mid': 1329,'view': ''};\n",
       "editorIdMap['98'] = {'mid': 1336,'view': 'edit_survey'};\n",
       "editorIdMap['85'] = {'mid': 1338,'view': 'edit_newsletter'};\n",
       "editorIdMap['86'] = {'mid': 1337,'view': 'edit_gallery'};\n",
       "editorIdMap['123'] = {'mid': 1473,'view': 'edit_calendar'};\n",
       "editorIdMap['140'] = {'mid': 1493,'view': 'edit_menu'};\n",
       "editorIdMap['116'] = {'mid': 1406,'view': 'edit_wrapper'};\n",
       "editorIdMap['118'] = {'mid': 1419,'view': 'edit_form'};\n",
       "editorIdMap['132'] = {'mid': 1489,'view': 'edit_geobase'};\n",
       "editorIdMap['134'] = {'mid': 1490,'view': 'edit_videochannel'};\n",
       "editorIdMap['130'] = {'mid': 1480,'view': 'edit_pageposition'};\n",
       "editorIdMap['117'] = {'mid': 1418,'view': 'edit_campaign'};\n",
       "editorIdMap['69'] = {'mid': 1424,'view': 'edit_category'};\n",
       "editorIdMap['115'] = {'mid': 1335,'view': 'edit_page'};\n",
       "editorIdMap['60'] = {'mid': 1325,'view': ''};\n",
       "editorIdMap['121'] = {'mid': 1430,'view': 'edit_shipcarrier'};\n",
       "editorIdMap['2'] = {'mid': 1340,'view': ''};\n",
       "editorIdMap['144'] = {'mid': 1495,'view': 'edit_recurring'};\n",
       "editorIdMap['146'] = {'mid': 1499,'view': 'edit_section'};\n",
       "editorIdMap['148'] = {'mid': 1501,'view': ''};\n",
       "editorIdMap['153'] = {'mid': 1505,'view': ''};\n",
       "editorIdMap['154'] = {'mid': 1506,'view': ''};\n",
       "editorIdMap['155'] = {'mid': 1507,'view': ''};\n",
       "editorIdMap['115'] = {'mid': 1360,'view': 'edit_page'};\n",
       "editorIdMap['126'] = {'mid': 1478,'view': 'edit_customtable'};\n",
       "editorIdMap['147'] = {'mid': 1500,'view': ''};\n",
       "editorIdMap['150'] = {'mid': 1502,'view': ''};\n",
       "editorIdMap['149'] = {'mid': 1503,'view': ''};\n",
       "editorIdMap['131'] = {'mid': 1481,'view': 'edit_tag'};\n",
       "editorIdMap['145'] = {'mid': 1496,'view': 'edit_redirect'};\n",
       "editorIdMap['143'] = {'mid': 1494,'view': 'edit_creditcardtype'};\n",
       "editorIdMap['156'] = {'mid': 1510,'view': ''};\n",
       "editorIdMap['119'] = {'mid': 1420,'view': 'edit_user'};\n",
       "editorIdMap['126'] = {'mid': 1512,'view': 'edit_customtable'};\n",
       "editorIdMap['158'] = {'mid': 1513,'view': ''};\n",
       "editorIdMap['157'] = {'mid': 1511,'view': ''};\n",
       "var pagetype = 'article';\n",
       "var admin_edit_itemid = '19493';\n",
       "var admin_edit_text = 'Edit Article';\n",
       "var admin_edit_link_extras = '';\n",
       "editorIdMap['article'] = {'mid': 1335,'view': 'edit_page'};\n",
       "editorIdMap['content'] = {'mid': 1360,'view': 'edit_page'};\n",
       "editorIdMap['cde'] = {'mid': 1512,'view': 'edit_customtable'};\n",
       "editorIdMap['cde_record'] = {'mid': 1512,'view': 'edit_customdata'};\n",
       "editorIdMap['evergreen'] = {'mid': 1335,'view': 'edit_page'};\n",
       "editorIdMap['issue'] = {'mid': 1360,'view': 'edit_page'};\n",
       "editorIdMap['publication'] = {'mid': 1360,'view': 'edit_page'};\n",
       "</script>\n",
       "<script src=\"http://media.chicagomag.com//theme_overrides/Respond/js/edit_from_site.js?ver=1446828087\"></script><link href=\"/core/media/css/edit_from_site.css\" rel=\"stylesheet\" type=\"text/css\"/></link></link></meta></meta></meta></meta></meta></meta></meta></link></link></meta></meta></meta></head>\n",
       "<body class=\"land long tpl-article din \" id=\"page_htmlid_19493\">\n",
       "<script>\n",
       "  var timestamp = 'Apr%2017%202018%2001:26';\n",
       "</script>\n",
       "<style>\n",
       "/*--- Mobile Reveal bar ---*/\n",
       "#reveal-bar-mobile {\n",
       "  background: rgba(255,255,255,.95);\n",
       "  border-bottom: 1px solid #aaa;\n",
       "  display: none;\n",
       "  padding: 11px 10px 9px 0;\n",
       "  position: fixed;\n",
       "  width: 100%;\n",
       "  -webkit-transform: translate3d(0,-80px,0);\n",
       "  -moz-transform   : translate3d(0,-80px,0);\n",
       "  -o-transform     : translate3d(0,-80px,0);\n",
       "  -mstransform     : translate3d(0,-80px,0);\n",
       "  transform        : translate3d(0,-80px,0);\n",
       "  transition       : 1s ease-in-out;\n",
       "  z-index          : 99999;\n",
       "}\n",
       "#reveal-bar-mobile.reveal-bar-show {\n",
       "  -webkit-transform: translate3d(0,0,0);\n",
       "  -moz-transform: translate3d(0,0,0);\n",
       "  -o-transform: translate3d(0,0,0);\n",
       "  -mstransform: translate3d(0,0,0);\n",
       "  transform: translate3d(0,0,0);\n",
       "}\n",
       "#reveal-bar-mobile .reveal-share-buttons {\n",
       "  float: right;\n",
       "  margin-right: 10px;\n",
       "  width: 72px;\n",
       "}\n",
       "#reveal-bar-mobile .reveal-share-buttons li {\n",
       "  margin: 0 5px;\n",
       "}\n",
       "#reveal-bar-mobile .reveal-share-buttons li a {\n",
       "  height: 30px;\n",
       "  width: 30px;\n",
       "  border-radius: 15px;\n",
       "  padding-top: 6px;\n",
       "}\n",
       "#reveal-bar-mobile .reveal-share-buttons li i {\n",
       "  font-size: 18px;\n",
       "}\n",
       "\n",
       "button#reveal-bar-mobile-sections-button {\n",
       "  background: none;\n",
       "  color: #666;\n",
       "  font-size: 16px;\n",
       "  font-style: normal;\n",
       "\n",
       "  margin: 0;\n",
       "  padding: 8px 10px 5px;\n",
       "}\n",
       "\n",
       ".reveal-bar-mobile-section {\n",
       "  width: 100%;\n",
       "}\n",
       "\n",
       ".reveal-bar-mobile-section-link,\n",
       ".reveal-bar-mobile-section-link:hover,\n",
       ".reveal-bar-mobile-section-link:active,\n",
       ".reveal-bar-mobile-section-link:visited {\n",
       "  background: #222;\n",
       "  border-bottom: 1px solid #aaa;\n",
       "  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;\n",
       "  color: #f0f0f0;\n",
       "  display: table-cell;\n",
       "  font-family: 'Verlag 4r','Verlag A','Verlag B';\n",
       "  font-size: 20px;\n",
       "  padding: 0 10px;\n",
       "  vertical-align: middle;\n",
       "  width: 100%;\n",
       "}\n",
       "..reveal-bar-mobile-section-link:on\n",
       ".reveal-bar-mobile-section-link.reveal-bar-mobile-section-link-close {\n",
       "  font-size: 16px;\n",
       "  font-weight: 100%;\n",
       "  padding-right: 20px;\n",
       "  /*text-align: right;*/\n",
       "  text-transform: uppercase;\n",
       "}\n",
       "\n",
       "#reveal-bar-mobile-sections {\n",
       "  display: none;\n",
       "  position: fixed;\n",
       "  top: 20px;\n",
       "  -webkit-transform: translate3d(0,-800px,0);\n",
       "  -moz-transform   : translate3d(0,-800px,0);\n",
       "  -o-transform     : translate3d(0,-800px,0);\n",
       "  -mstransform     : translate3d(0,-800px,0);\n",
       "  transform        : translate3d(0,-800px,0);\n",
       "  transition       : .5s ease-in-out;\n",
       "  width: 100%;\n",
       "  z-index: 998;\n",
       "}\n",
       "#reveal-bar-mobile-sections.show {\n",
       "  -webkit-transform: translate3d(0,0,0);\n",
       "  -moz-transform   : translate3d(0,0,0);\n",
       "  -o-transform     : translate3d(0,0,0);\n",
       "  -mstransform     : translate3d(0,0,0);\n",
       "  transform        : translate3d(0,0,0);\n",
       "}\n",
       "\n",
       "@media only screen and (max-width : 450px) {\n",
       "  #reveal-bar-mobile {\n",
       "    display: block;\n",
       "  }\n",
       "}\n",
       "</style>\n",
       "<div id=\"reveal-bar-mobile\">\n",
       "<button id=\"reveal-bar-mobile-sections-button\">More →</button>\n",
       "<ul class=\"reveal-share-buttons list-no-bullets clearfix\">\n",
       "<li class=\"fb\"><a href=\"https://www.facebook.com/sharer/sharer.php?u=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/%3Futm_source=facebook.com%26utm_medium=referral%26utm_campaign=Facebook%20mobile%20reveal%20bar%2019493%20Apr%2017%202018%2001:26\" onclick=\"ga('send',  'event', 'Sharing', 'Facebook share from mobile reveal bar','The 50 Best Sandwiches in Chicago'); return socialPopup('https://www.facebook.com/sharer/sharer.php?u=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/%3Futm_source=facebook.com%26utm_medium=referral%26utm_campaign=Facebook%20mobile%20reveal%20bar%2019493%20Apr%2017%202018%2001:26');\" target=\"_blank\"><i class=\"icon-facebook\"></i></a>\n",
       "</li>\n",
       "<li class=\"tw\"><a href=\"https://twitter.com/share?text=The+50+Best+Sandwiches+in+Chicago&amp;url=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/\" onclick=\"ga('send',  'event', 'Sharing', 'Tweet story from mobile reveal bar','The 50 Best Sandwiches in Chicago'); return tweetPopup('The+50+Best+Sandwiches+in+Chicago','/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/','mobile+reveal+bar+19493');\" target=\"_blank\"><i class=\"icon-twitter\"></i></a></li>\n",
       "</ul>\n",
       "</div>\n",
       "<ul class=\"list-no-bullets\" id=\"reveal-bar-mobile-sections\">\n",
       "<li class=\"reveal-bar-mobile-section\"><a class=\"reveal-bar-mobile-section-link\" href=\"/dining-drinking\" onclick=\"ga('send',  'event', 'Mobile reveal bar', 'Dining');\">Dining &amp; Drinking</a></li>\n",
       "<li class=\"reveal-bar-mobile-section\"><a class=\"reveal-bar-mobile-section-link\" href=\"/city-life\" onclick=\"ga('send',  'event', 'Mobile reveal bar', 'City Life');\">Politics &amp; City Life</a></li>\n",
       "<li class=\"reveal-bar-mobile-section\"><a class=\"reveal-bar-mobile-section-link\" href=\"/real-estate\" onclick=\"ga('send',  'event', 'Mobile reveal bar', 'Real Estate');\">Real Estate</a></li>\n",
       "<li class=\"reveal-bar-mobile-section\"><a class=\"reveal-bar-mobile-section-link\" href=\"/Chicago-Home\" onclick=\"ga('send',  'event', 'Mobile reveal bar', 'Home and Garden');\">Home &amp; Garden</a></li>\n",
       "<li class=\"reveal-bar-mobile-section\"><a class=\"reveal-bar-mobile-section-link\" href=\"/style-shopping\" onclick=\"ga('send',  'event', 'Mobile reveal bar', 'Style Shopping');\">Style &amp; Shopping</a></li>\n",
       "<li class=\"reveal-bar-mobile-section\"><a class=\"reveal-bar-mobile-section-link\" href=\"/video\" onclick=\"ga('send',  'event', 'Mobile reveal bar', 'Video');\">Video</a></li>\n",
       "<li class=\"reveal-bar-mobile-section\"><a class=\"reveal-bar-mobile-section-link reveal-bar-mobile-section-link-close\" href=\"javascript:void(0);\" onclick=\"jQuery('#reveal-bar-mobile-sections').removeClass('show');\"><i class=\"icon-remove\"></i></a></li>\n",
       "</ul>\n",
       "<script>\n",
       "  var mobile_sections_el = jQuery('#reveal-bar-mobile-sections');\n",
       "  if (document.documentElement.clientWidth <= 400) {\n",
       "    mobile_sections_el.show();\n",
       "  }\n",
       "  mobile_sections_el.css('top',jQuery('#reveal-bar-mobile').outerHeight() - 1)\n",
       "  jQuery('.reveal-bar-mobile-section-link')\n",
       "    .height((jQuery(window).height() - jQuery('#reveal-bar-mobile').height() - 50) / 7 - 2)\n",
       "    .width(mobile_sections_el.width())\n",
       "  jQuery('#reveal-bar-mobile-sections-button').on('click', function(){\n",
       "    mobile_sections_el.toggleClass('show');\n",
       "  })\n",
       "</script>\n",
       "<div class=\"hidden-phone\" id=\"reveal-bar\">\n",
       "<div class=\"container\">\n",
       "<a class=\"logo background-logo-svg\" href=\"/\">Chicago magazine</a>\n",
       "<div class=\"input-append\">\n",
       "<form action=\"http://www.chicagomag.com/search?from=revealbar&amp;\" id=\"reveal-bar-search\" name=\"revealBarSearch\"><input class=\"text clean\" id=\"reveal-bar-input\" name=\"q\" placeholder=\"Search\" type=\"text\"/>\n",
       "<button id=\"reveal-bar-button\"><i class=\"icon-search\"></i></button>\n",
       "</form>\n",
       "</div>\n",
       "<div id=\"article-reveal-share\">\n",
       "<span class=\"article-reveal-share-intro\">Share this story</span>\n",
       "<ul class=\"reveal-share-buttons list-no-bullets clearfix\">\n",
       "<li class=\"fb\"><a href=\"https://www.facebook.com/sharer/sharer.php?u=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/%3Futm_source=facebook.com%26utm_medium=referral%26utm_campaign=Facebook%20reveal%20bar%2019493%20Apr%2017%202018%2001:26\" onclick=\"ga('send', 'event','Sharing', 'Facebook share from reveal bar','The 50 Best Sandwiches in Chicago'); return socialPopup('https://www.facebook.com/sharer/sharer.php?u=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/%3Futm_source=facebook.com%26utm_medium=referral%26utm_campaign=Facebook%20share%20reveal%20bar%2019493%20Apr%2017%202018%2001:26');\" target=\"_blank\"><i class=\"icon-facebook\"></i></a>\n",
       "</li>\n",
       "<li class=\"tw\"><a href=\"https://twitter.com/share?text=The+50+Best+Sandwiches+in+Chicago&amp;url=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/\" onclick=\"ga('send', 'event','Sharing', 'Tweet story from reveal bar','The 50 Best Sandwiches in Chicago'); return tweetPopup('The+50+Best+Sandwiches+in+Chicago','/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/','reveal+bar+19493');\" target=\"_blank\"><i class=\"icon-twitter\"></i></a></li>\n",
       "<li class=\"eml\"><a href=\"#\" onclick=\"window.open('/core/pagetools.php?url=%2FChicago-Magazine%2FNovember-2012%2FBest-Sandwiches-Chicago%2Findex.php&amp;mode=email','emailThisPage','status=no,scrollbars=yes,resizable=yes,width=420,height=540'); ga('send', \n",
       "      'event','Sharing', 'Email story from reveal bar','The 50 Best Sandwiches in Chicago'); return false;\" url=\"email this page\"><i class=\"icon-envelope\"></i></a></li>\n",
       "</ul>\n",
       "</div>\n",
       "</div>\n",
       "</div>\n",
       "<a class=\"edit_from_site\" content_id=\"interstitial-newsletter\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<style>\n",
       "  \n",
       "\n",
       "#cta-backdrop {\n",
       "  background: #fff;\n",
       "  opacity: .97;\n",
       "  display: none;\n",
       "}\n",
       ".modal#cta-modal {\n",
       "  background: #eee;\n",
       "  margin-top: 0;\n",
       "  display: none;\n",
       "  box-shadow: 3px 3px 12px rgba(0,0,0,0.2);\n",
       "  overflow: auto;\n",
       "  border-top: 8px solid #000;\n",
       "}\n",
       ".modal-close {\n",
       "  background:none;\n",
       "  color: #ff0000;\n",
       "  font-family: 'Verlag 3r','Verlag A','Verlag B';\n",
       "  font-weight: 300;\n",
       "  font-style: normal;\n",
       "  opacity: 1;\n",
       "  text-align: right;\n",
       "  width: 100%;\n",
       "}\n",
       ".modal-close:hover {\n",
       "  background: none;\n",
       "  color: black;\n",
       "  opacity: 1;\n",
       "}\n",
       "#cta-modal p.cta-p {\n",
       "  color: #333 !important;\n",
       "  font-family: 'Verlag 4r','Verlag A','Verlag B';\n",
       "  font-size: 18px;\n",
       "  line-height: normal;\n",
       "  text-align: center;\n",
       "  margin-bottom: 10px;\n",
       "}\n",
       ".content #cta-modal p.cta-p em {\n",
       "  font-family: 'Verlag 4i','Verlag A','Verlag B';\n",
       "}\n",
       ".btn-nothanks, .btn-nothanks:hover {\n",
       "  border: none !important;\n",
       "  background: none !important;\n",
       "  color: #666 !important;\n",
       "}\n",
       "#cta-modal .modal-body {\n",
       "  padding: 30px;\n",
       "  height: auto;\n",
       "  max-height: none;\n",
       "}\n",
       "#cta-modal label {\n",
       "  color: #333;\n",
       "}\n",
       "h2.cta-h2 {\n",
       "  font-size: 45px;\n",
       "  text-align: center;\n",
       "  margin-bottom: 10px;\n",
       "}\n",
       "#cta-modal .btn-large {\n",
       "  width: 200px;\n",
       "  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;\n",
       "}\n",
       ".cta-buttons {\n",
       "  width: 200px;\n",
       "  margin: 0 auto;\n",
       "}\n",
       "#cta-form {\n",
       "  /*text-align: center;*/\n",
       "  width: 200px;\n",
       "  margin: 0 auto 10px;\n",
       "}\n",
       "#cta-form input[type=text] {\n",
       "  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;\n",
       "  height: 40px;\n",
       "  width: 200px;\n",
       "}\n",
       ".cta-neveragain {\n",
       "  font-family: 'Verlag 4r','Verlag A','Verlag B';\n",
       "  text-align: right;\n",
       "  font-size: 10px;\n",
       "  text-transform: uppercase;\n",
       "  text-decoration: none;\n",
       "}\n",
       ".cta-neveragain a {\n",
       "  color: #999;\n",
       "}\n",
       ".cta-neveragain a:hover {\n",
       "  color: #666;\n",
       "}\n",
       "#cta-newsletters-outer {\n",
       "  max-width: 300px;\n",
       "  margin: 0 auto;\n",
       "}\n",
       "a.cta-checkbox {\n",
       "  padding-left: 25px;\n",
       "  padding-bottom: 10px;\n",
       "  background-repeat: no-repeat;\n",
       "  background-position: 0 2px;\n",
       "  background-image: url('http://media.chicagomag.com/img/checkbox-check.png');\n",
       "  cursor: pointer;\n",
       "  color: #000;\n",
       "  display: block;\n",
       "  font-family: 'Verlag 4r','Verlag A','Verlag B';\n",
       "  font-size: 16px;\n",
       "  margin-bottom: 5px;\n",
       "  transition: none;\n",
       "}\n",
       "a.cta-checkbox:hover {\n",
       "  color: #ff0000;\n",
       "}\n",
       "a.cta-checkbox-yes {\n",
       "  background-position: 0px -83px;\n",
       "  color: #666;\n",
       "}\n",
       "a.cta-checkbox-yes:hover {\n",
       "  color: #666;\n",
       "}\n",
       "#cta-modal .form-error {\n",
       "  font-family: 'Verlag 4r','Verlag A','Verlag B';\n",
       "  margin-bottom: 15px;\n",
       "}\n",
       "#cta-modal .checkbox input[type=\"checkbox\"] {\n",
       "  /*top: 7px;*/\n",
       "}\n",
       "\n",
       "@media screen and (max-width: 420px) {\n",
       "  .modal#cta-modal {\n",
       "    border-top: none;\n",
       "  }\n",
       "  #cta-modal .modal-body {\n",
       "    padding: 5px;\n",
       "  }\n",
       "  h2.cta-h2 {\n",
       "    font-size: 30px;\n",
       "  }\n",
       "  a.cta-checkbox {\n",
       "    padding-bottom: 3px;\n",
       "  }\n",
       "}\n",
       "\n",
       "\n",
       "@media screen and (min-width: 420px) {\n",
       "  .modal#cta-modal {\n",
       "    /*Logo, 300x60, #eee background*/\n",
       "    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAABQCAMAAACUNLhJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAutQTFRF7+7uIx8gwcHD6urqJiIj7Ovr5eTl5uXl1tbXTExOSEhKiYqN7ezs2dnZcnN1SkpMTU1PKCUmmpud4uLidXZ4t7i6l5ia5OPjjpCS2trb6OjoRERGJCEiQkFDOTg6JyQl4ODhzc7PKSYn5+bmnZ6ghYeJ5eTkNTM1lJaY4eHhKygp1tXWyMnKzMzOmJmbnZ+hl5mbfX+B0NDRvr/A6enp39/f0tLSp6iqm5yeRkZIUlNVQ0JELCkqQUBC5+fn3NzdQ0NF1NTVu7y+0dHSp6mrq62uy8zNSUlLiImL1tfXq6uts7S1xsbHhIaI29vcubq7nJ2fn6CjWlteLSssjY+RUlJUNzY3wsLD19fYlJWY4+PjODc4Pz5AuLm7cHF0yMjJ3t7fPDs8qaqssbK0fX6Azs/Q3d3esLGzkZOVTk5QwsPET09Rr7Gyx8fJV1haU1RWcXJ0q6yu1dXVzM3OrK2v09LT4+PiwMHCVVVXiIqMkZKVr7CyqqutxMTGra6w3d3doKKkVFVWo6SmXV5gMzEyamttb3Bylpea2draysvMY2Nl2NjZpaepRUVHh4iKqKqsLy0vmZqcycrLxsfIrq+xu72+Pj0+oKGjhoeKtre4R0dJlZeZQD9BpKaokpSWdHV3uru9X2Fji4yOycnLZmdpv8DBsrO1WltdVldZYGFk09PUUVFTjY6QnqCiWVpctLW3uru8goSGUFBSfn+Cg4SHOjk7eHp8ZWZpe31/X2BiLiwtSktNpKWnz8/Rdnd6kJGUbG1wgIGDPTw9S0xOjI2PoqSms7S24ODgMTAxpqepbG1vbm9xaGpsxcXGgIKEj5GTk5SXgYOFt7i5NjU2tba4dXd5MC8wg4WHd3h6Xl9ha2xui42PYWJkgIKFvr7AZGVneXp9eHl7bW5xaGlrW1xeVVZYvb7AWFlbw8TFYmJkcnR2XF1fiouNc3V3f4CCoaOlZGRmZ2hqc3R3b3FzNDIzent9vL2/e3x+aWptop1pYQAADf1JREFUeNrsW2dYU8kanhBiVIJKKIkYJUKAoPQioAJSpUhTkCZiBwULKBZEFFCx9y5i77p2V117W1d37W1t23svt/y85wQyM6cfDD73uZe8vzhnvsx8552Zr80AgBlmmGGGGWaYYYYZZphhhhlmmGGGGWaYYYYZZpjx34DLmFVHa9TJx+L1iWtHfyg1vlZIZQZIZcJdyIyyCtbm3J4Whd5Wx55l6JJmJag4e2kcUXg0x2FeUTENGx4kq3VJWWUeCj7ZwKDRa2OKXB9YKZMGWLcxmSu372N2nLk9MPP49O2T/C5VxRk1L/fqboBXdCCT36mqRrgZuHWMNsr2YvvWtvbKY3aLvjl+cO+ui8m6bRFcmvhP7t59cndHwcktSDw0av6nE4szB+66eHJlkj/fLK6KvTTqTm3v4n2fXXRdH2Br2qpKvVt9SoLBKWx/gz/5xfKBYV0NCPtpAf1X0g0HexuQWe1JPidA2b2MyUvwedF+BT7C3HZbS9zYdHnTxdDHb/wKRz2bsE6D99e336tLO1lXl8Lzeu0QS0z00cETRx3fliprn314X0YMqiDJ2mR87LKYQdZtKBtAPvfsanwMpZH1id9glgE0mV5MZaTzGhunu3Er3Dl9ghNLf5Jzt+MYsvLHL3owJZ2+XhL0NlSp1mdK2PEjMVHyTsanjtaM7+pgbLO0MOyz9sbndhSyVp1ewTHCt0x1AuY2Njkv51xVNdUSLoTQhb+dxyVaO7P5XI37lHPkUaAlyFIoh3AN4Dyeqc8oY+MujqXV/SsJNz6iytq6unPL9njSs5lcpQ/m7u1kS5CVPYl7gL6jGfpcGA77jGJVeE8/Hq4kU6iuYr+EF2OzmkOV4w6+vtQtQNbob3gGmMuc2uuo9S82jdev4NPYMgmXnfWBRADr9jSDLDVvVz6mkxWZyTdA2DB6l0F9sG3yCVPhj5x5NbZMxWTjQiWCcD8qmqs5tJ8+uvbd2e2134ytP2d4DDaZLNvtNP/XtfdP288OnNixcfMfd6F3qcSlOzAigSP0dbWumND40wnFYYMMjzYWSDZlOlXUpkt17f6BxVepb5cuFMlVFsX6Of3bNyCFCD8U8qCFj/VDCascaypZgVcoivXzK52sIoK3QFX2tOXJX1tK3qPHuVrKB7oPoDX3otqr/idGFGhJjV20XkcchoYRixHFIvKhFNlOJ2f6t1EAqXb1lq0UM71XK4orj+/wH328luLupf7eEwtNJavEBhvg1L1yyq+HBTyZRw8Nl1Pjvde06PJLvLFLCNXiSaPXT3eKRMYNl613SMAkd57Bw1lXUWT54qZ2JTNByfUwkazcYmyEgZ5MDWbTBg1/n7pH6qMpzVU4989Z/L7teZhD9WyPye6ie92ZXbD1u1sEV4v7Y7OexCVlClkrMX0vR4hQKaoHiz+GmPoKi9DuC3SVgfXyxIPRvBCbxw4uwprpML/DHcyaQJYW84Q/eIhZ60MZ7nI21roR26NFAj2lYIHwHbYqw2S0tvp+L6iYtBZ1ZwXeBVkj0Tq56imGq7i+DNfujTWfRq+HNsPPd0xglViDgpANgvWgVUizg2PEkHWNmXna8ZJ1TPxCaAT0nYv2Gf+ajnzVsHoUMEwWKqyhlMj5BrtIuB3yqpEC3bXBDIoOiCGr381ZFhSMm/YZH1lB78EBQkW552hYtMi/AeOZYNj8uBkOLBJtsvfkHDIWMHDSxAp01xalbKHZosiSONnQoeEjK+5v+MuXohZWBYyJPCJhKPQ7/NZDyH9ZCHVVgvaYklMIud4TAt1ZTEDeAIgjiy/NYCHrJvIf08RwlTLWKL8MBP4Jd5G9sf1L4cXCEhXNPcApFAKF9gt0F9Oe1Yi2IFmHkYnNFkMW3Hp/E50lwuLeC2POj2bXD3cyszvTYE04Xj8oO0HKOWABXH79BVQ7lCdQCjGZrHiUHIg5IXCBmc4iIiUcA5eZU1MZRQvfSPS4ofvAvRsVg/yAAsUg/+IeMQIW0pcK6HZmEEwwPd8NWSdg60UxC6sEis8hH5Pho11TSA7r25IYvP6Vx1DmFxD4Aj7M4Pk0SH+ogG5PnHkqcC1CFix5Sv4hgisZNLdXDbH+apjaDG9Mji/AJNryCF7fG85Qxg6Ef8yeA9DCxL1iyfoCRow9vN41WadFkJUEw774RvJ+oC2OaBgNaNYIkeWICu87uIcM7y2WrOS5cBvOejdkoZi0g/CJqcuP0H011eW3oJKTIWVegMqeaUJkKebDh7vcYwaFiSVLCSU1ieLICqvcZk9B6sbtfGTdR65+mCBZA6AJvd1Utmm7FP7e13AIlclqh1jJAl/Ah0XcExV9zii0SUA7++Owv2RxZLXTNi/dqYQDdBstSBb0Bpbnja9+RekImYUr0CnUV/hZjzMbWRUoK+WeqClQaJ+AdpMXoUpTG1FkNTeR3o3OQYOFuCp/ZBT9oDOczhWUwwDwOaq4YoFmyoZRfiTuPs/DyEJFRE0Jd0AAO9wqoN6HrlB0xTYgxr82lyzM1/8hRFY8W9p3Fr7MHEMpz1vOYbNA0zGyCoYLFyiwep5SqEKDFqHkcx65qf3flqw2yCU5C+Q7neEPbaaU92pC2TOkIbk3s9BK/YGlXJcyESPLDZYtJHkDBOt5c1cLTWYEIv9WKreYbb+3rmfp0cd+puLVJQRl5F37GNEPM92vphIWHvllzRJmHwt641GsFVYIDWcdMwEtrMtTBW0qVksby5282XZ5a7I88yRiYkMik9krFJo4bSTEZmAnYN0FyFqICo+W7JtsK+otVpArEIWV/xfNfgdkgTtYIHZYVKbDiY8p4QWRH/fkJwvMxy4JsFwxkSErKakeI0yW2zyBsxeTyQrApqOHmrOuIl0kTJbzbiJw/QV7UW3BZ7OIsZ8i2aeMtaV9jc2jj5jUddst/GjXm34dLvBojItpZIGL+PfumkY/YJ6dbjigj7IUkSNMIgnAD4XzGqhl7rJrFLJkfvhB+FZKHVqxrRa/eiTu1uSvFHWOO8TlGltUbY+q9zrNl5pIVnk95YrPl2uyjdUlaZBX8Bf1koesZzpsGEw6tQeUV+3qLhj9htto5UQNtUxRRrkV4v7a4kOj6z0yCQ9kz40Td3wfMZF2S+L3K/d16bq6Q5+/b5im5yZuQwBqaPF1p6FWKw/7KBtcJ/2UZ6xVjR8shixDABZxkPru1K6Tel16SM7rP9ZRI3gSI6lnRc5nr/j+VpNe8Zx2E65O7MUQT967TobLbKaRhdtRNktUQKlc8aIPadJnDREhacdy4s4JP6noazRRvIOfNJksoLjCN8AgImmMRBO2z4EOPTabOWR/+afEkwWKhI3haTkQjyy+CkyG6WSBwB0a7gFuRQJQhx7XMPW7h1pDDQb9zSbxZIGQW/ySGtfmXYk/cJm7r7QWIAuASu47ZUMigAc6OBnbmaneQnf65drJ+8WTBY7yVuPyzoNmwtGnP1dnW1qELBBp95RjgGtuIF3CWy53xILLiY1Zia36qmiyQIprN04bsDUONB8J9zj4H0Ehqz8PWZpGsjaxX+0G+ZP6sg6QKVOhY2t3Vh++BKXPNsaryKv92B3o5fksBZfvz7BeWNbMuwneDglp+wfRe7Op1pMnBx5wZpYyLlgE3qFeaI+EF0L70K5lSwPuhjKsrfukVKx4LHnF6pesMRu1HZYfd85oZ0NfKO9XtlloyEb/pAW/Bcv60//FoJtdqhy8NaRePqcndByywsZS49S3W+jx+RVZjb255CyzMsC1jvEfL7LKZ41t8VZlhhrZZtfG52UOzP/20ObvuFy8dHAPJ42lzdP6jgNHBfckPqrygVUTlnEcXya6QomX2NrO3V0x/2Bot75Ed86Dl/b+URknI3xvlVKn82bWUDzWvpxX3OWRM/Fx54Z0/PpE4mJgKsKzV9mvKS2tShp3wAO8E2jLp+2Zkhg7M3+VtbQFurM9MG5PVWJs4e7yXBFjR78pjC2terzTWgbM+L+CYS0ZC3G5Y7RNE2zY7eFyuVwlJ20N/EdDmZtc7tjaOJrSdPU/hsyEp+oMhbMxSd5FdZVeJDmdlSR/G0N85myJyfXcKJ96mPAj2j09QYFu/Ur7VrZjZOd9DbW11Rnkf9mN9yXjA+vNVsH/rMqoIclKTSOjHYvYksPLHjquafDQKkeEgwXq8cB+Q3BplqKVbb4k8uvBYt8tswhvlbhheTiQ3vh5FWmeyVBEPif5SOPymVk3DIz0trUdsTkKBCk9gX2RW6uzVIqSv9RrgTz4ZLwnANm+ys1tQXTRSHRGmuOtNByD+qvzAUGWh1vIMe+2KoKsbRW7B5S1NrKmvFyT0StVXXh/PABROSnKm2DAdX/iPQEZcAxOs75H3rVwHJGjIsmydVMeqZkz28cTvNns0LCxtZEVqw5Kz/jZPvvSeKByKAH2l6SrD3mBwErd4ZoRqojrs8AIJbEPo+NJk0aS5RuwIOejtJ0gX12matPqyPoZRKp1uZGEzfbPqLH30S+0LloCFHuCE11DcqdlBNv7OJQB2fp0FyNZqWBavDoO5BdpW5/NKrVyBBaRIDpjNYipS1OmKZeAqhkj5TLpONcAxco0nTLEYSbYeWi8QioDhb62bg4biT2ZWADyK2ZLW1usrVjuaggt/a0KFidHSWWym9d7SYN3qEP0M2Jl4+I9ZTJpjD7bR71ZqX8IZuZ4qBoKiThMvY0IHXw3F0pbGVtr5xj+qXDxlvLuPuTtl143LoCUmBy9fkkECAgmPeGA0jhdeogy5yGwmKJyKSWrPUvWgix9mr4w0Jz4/A/gPwIMAPwpG5QV/gbUAAAAAElFTkSuQmCC');\n",
       "    background-position: top center;\n",
       "    background-repeat: no-repeat;\n",
       "    background-size: 200px;\n",
       "  }\n",
       "  #cta-modal-content {\n",
       "    padding-top: 40px;\n",
       "  }\n",
       "}\n",
       "\n",
       "\n",
       "  \n",
       "</style>\n",
       "<script>\n",
       "var which = '';\n",
       "</script>\n",
       "<div aria-hidden=\"true\" class=\"modal-backdrop\" id=\"cta-backdrop\" style=\"display: none;\"></div>\n",
       "<div class=\"modal\" id=\"cta-modal\" style=\"display: none;\">\n",
       "<div class=\"modal-body\">\n",
       "<button aria-hidden=\"true\" class=\"close modal-close cta-close\" data-dismiss=\"modal\" id=\"cta-close\" type=\"button\">X</button>\n",
       "<div id=\"cta-modal-content\"></div>\n",
       "</div><!--/.modal-body-->\n",
       "</div><!--/.modal-->\n",
       "<style>#print-only-logo {display: none;}</style>\n",
       "<img alt=\"\" height=\"129\" id=\"print-only-logo\" src=\"http://media.chicagomag.com/img/chicagomag-logo-black-with-magazine.svg\" width=\"573\"/>\n",
       "<header class=\"global\">\n",
       "<nav>\n",
       "<!--============================================\n",
       "    =            Top part of global nav            =\n",
       "    =============================================-->\n",
       "<div class=\"top3\">\n",
       "<div class=\"cell one\">\n",
       "<a class=\"search-open\" href=\"javascript:;\"><i class=\"icon-search\"></i></a>\n",
       "<div class=\"search\">\n",
       "<gcse:searchbox-only></gcse:searchbox-only>\n",
       "</div>\n",
       "</div>\n",
       "<div class=\"cell two\">\n",
       "<h1 class=\"din land\">\n",
       "<a href=\"/dining-drinking\">Dining<i class=\"amp\"><span>&amp;</span></i>Drinking<span style=\"display: inline-block; width: 11px;\"></span></a>\n",
       "</h1>\n",
       "<h1 class=\"dg land\">\n",
       "<a href=\"/Chicago-Magazine/Dining/Dining-Guide/\">Chicago’s Best Restaurants</a>\n",
       "</h1>\n",
       "<h1 class=\"art land\">\n",
       "<a href=\"/arts-culture\">Arts<i class=\"amp\"><span>&amp;</span></i>Culture</a>\n",
       "</h1>\n",
       "<h1 class=\"pcl land\">\n",
       "<a href=\"/city-life\">P<span style=\"display: inline-block; margin-right: 0px;\">o</span>litics<i class=\"amp\"><span>&amp;</span></i>City<span style=\"display: inline-block; margin-right: -2px;\">  </span>Life<span style=\"display: inline-block; width: 12px;\"></span></a>\n",
       "</h1>\n",
       "<h1 class=\"ren land\">\n",
       "<a href=\"/real-estate\">Real<span style=\"display: inline-block; margin-right: -4px;\">  </span>Estate</a>\n",
       "</h1>\n",
       "<h1 class=\"sty land\">\n",
       "<a href=\"/style-shopping\">Style<i class=\"amp\"><span>&amp;</span></i>S<span style=\"display: inline-block; margin-right: -2px;\">h</span><span style=\"display: inline-block; margin-right: -2px;\">o</span>pping</a>\n",
       "</h1>\n",
       "<h1 class=\"hg land\">\n",
       "<a href=\"/Chicago-Home\">Home Design</a>\n",
       "</h1>\n",
       "<h1 class=\"hel land\">\n",
       "<a href=\"/Health-Wellness\">Health<i class=\"amp\"><span>&amp;</span></i>Wellness</a>\n",
       "</h1>\n",
       "<h1 class=\"trv land\">\n",
       "<a href=\"/travel\">Travel</a>\n",
       "</h1>\n",
       "<h1 class=\"vid land\">\n",
       "<a href=\"/video\">Video</a>\n",
       "</h1>\n",
       "<h1 class=\"boc land\">\n",
       "<a href=\"http://www.chicagomag.com/Chicago-Magazine/August-2015/Best-of-Chicago/\">Best<span style=\"display: inline-block; margin-right: -3px;\">  </span>of<span style=\"display: inline-block; margin-right: -3px;\">  </span>Chicago</a>\n",
       "</h1>\n",
       "<h1 class=\"mkt land\">\n",
       "<a href=\"/Chicago-Magazine/Classifieds/\">Marketplace<span style=\"display: inline-block; margin-right: -4px;\">  </span><i class=\"amp\"><span>&amp;</span></i><span style=\"display: inline-block; margin-right: -4px;\">  </span>Classifieds</a>\n",
       "</h1>\n",
       "<h1>\n",
       "<a class=\"logo background-logo-svg\" href=\"/\" onclick=\"ga('send', 'event', 'Global nav', 'Home from main logo');\">Chicago</a>\n",
       "</h1>\n",
       "</div>\n",
       "<div class=\"cell three\">\n",
       "<ul class=\"member-nav\">\n",
       "<li><a href=\"/subscribe\" id=\"global-nav-subscribe\" onclick=\"ga('send', 'event', 'Global nav', 'Subscribe');\">Subscribe</a>\n",
       "<span class=\"red\">/</span>\n",
       "<a href=\"/customerservice\" onclick=\"ga('send', 'event', 'Global nav', 'Customer Service');\">Customer Service</a></li>\n",
       "<li><a href=\"/newsletters\" onclick=\"ga('send', 'event', 'Global nav', 'Newsletters');\">Newsletters</a> </li>\n",
       "</ul>\n",
       "</div>\n",
       "</div>\n",
       "<!--====  End of Top part of global nav  ====-->\n",
       "<!--=====================================\n",
       "    =            Global nav menus           =\n",
       "    ======================================-->\n",
       "<ul id=\"page-nav\">\n",
       "<li style=\"white-space: nowrap;\"><a class=\"pcl\" href=\"/city-life\" onclick=\"ga('send', 'event', 'Global nav', 'Politics and city life');\">Politics <i class=\"amp amp-semibold\"><span>&amp;</span></i><br/> City Life</a>\n",
       "<ul class=\"sub\">\n",
       "<li><a href=\"/Chicago-Magazine/September-2012/Best-Public-Schools-in-Chicago-and-the-Suburbs/\" onclick=\"ga('send', 'event', 'Global nav', 'Best Public Schools');\">Best Public Schools</a>\n",
       "<li><a href=\"/Chicago-Magazine/September-2017/Best-Private-Schools/\" onclick=\"ga('send', 'event', 'Global nav', 'Best Private Schools');\">Best Private Schools</a>\n",
       "<li><a href=\"/Chicago-Magazine/June-2017/Whos-Got-Next/\" onclick=\"ga('send', 'event', 'Global nav', 'Power 50');\">Emerging Power List</a>\n",
       "<!-- <li><a href=\"/topdocs\" onclick=\"ga('send', 'event', 'Global nav', 'Top Docs');\">Top Docs</a></li> -->\n",
       "<!-- <li><a href=\"/Chicago-Magazine/January-2017/Top-Cancer-Doctors/\" onclick=\"ga('send', 'event', 'Global nav', 'Top Cancer Docs');\">Top Cancer Docs</a></li> -->\n",
       "<li><a href=\"/topic/?archive=crime-law\" onclick=\"ga('send', 'event', 'Global nav', 'Crime and Law');\">Crime &amp; Law</a></li>\n",
       "<li><a href=\"/topic/?archive=politics\" onclick=\"ga('send', 'event', 'Global nav', 'Politics');\">Politics</a></li>\n",
       "<li><a href=\"/topic/?archive=the-urbanist\" onclick=\"ga('send', 'event', 'Global nav', 'The Urbanist');\">The Urbanist</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/Felsenthal-Files/\" onclick=\"ga('send', 'event', 'Global nav', 'Felsenthal');\">Articles by Carol Felsenthal</a></li>\n",
       "<li><a href=\"/topic/?archive=whet-moser\" onclick=\"ga('send', 'event', 'Global nav', 'Whet');\">Articles by Whet Moser</a></li>\n",
       "</li></li></li></ul>\n",
       "</li>\n",
       "<!-- Dining & Drinking -->\n",
       "<li><a class=\"din\" href=\"/dining-drinking\" onclick=\"ga('send', 'event', 'Global nav', 'Dining');\">Dining <i class=\"amp amp-semibold\"><span>&amp;</span></i><br/> Drinking</a>\n",
       "<ul class=\"sub\">\n",
       "<li><a href=\"http://www.chicagomag.com/secretsupper\" onclick=\"ga('send', 'event', 'Global nav', 'Secret Supper');\">Secret Supper</a></li>\n",
       "<li><a href=\"/topic/?archive=restaurant-reviews\" onclick=\"ga('send', 'event', 'Global nav', 'Restaurant reviews');\">Restaurant Reviews</a></li>\n",
       "<li><a href=\"/hotlist\" onclick=\"ga('send', 'event', 'Global nav', 'Hot list');\">The Hot List</a></li>\n",
       "<li><a href=\"/brunch\" onclick=\"ga('send', 'event', 'Global nav', 'Brunch');\">Brunch</a></li>\n",
       "<li><a href=\"/topic/?archive=bars-drinking\" onclick=\"ga('send', 'event', 'Global nav', 'Bars and drinking');\">Bars &amp; Drinking</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/February-2017/Best-Bars/\" onclick=\"ga('send', 'event', 'Global nav', 'Best Bars');\">Best Bars</a>\n",
       "<li><a href=\"/Chicago-Magazine/April-2018/Best-New-Restaurants/\" onclick=\"ga('send', 'event', 'Global nav', 'Best New Restaurants');\">Best New Restaurants</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/July-2010/Photos-Best-Pizzas-in-Chicago/\" onclick=\"ga('send', 'event', 'Global nav', 'Best Pizza');\">Best Pizzas</a></li>\n",
       "<li><a href=\"/steakhouses\" onclick=\"ga('send', 'event', 'Global nav', 'Best steakhouses');\">Best Steakhouses</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/November-2014/Cheap-Eats-Chicago/\" onclick=\"ga('send', 'event', 'Global nav', 'Best cheap eats');\">Best Cheap Eats</a></li>\n",
       "<li><a href=\"/takeout\" onclick=\"ga('send', 'event', 'Global nav', 'Best takeout');\">Best Takeout</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/Dining/Dining-Guide/\" onclick=\"ga('send', 'event', 'Global nav', 'Dining Guide');\">Chicago’s Best Restaurants</a>\n",
       "<!-- <li><a href=\"/video/Inside-Chicagos-Best-Restaurants/\" onclick=\"ga('send', 'event', 'Global nav', 'Dining video series');\">Video: Inside Chicago’s Best Restaurants</a> -->\n",
       "<!-- <li><a href=\"/video/Inside-Chicagos-Best-Bars/\" onclick=\"ga('send', 'event', 'Global nav', 'Dining video series bars');\">Video: Inside Chicago’s Best Bars</a> -->\n",
       "<!-- <li><a href=\"http://www.chicagomag.com/video/In-the-Kitchen/\" onclick=\"ga('send', 'event', 'Global nav', 'Dining video series In Season');\">Video: In the Kitchen</a> -->\n",
       "<li class=\"nav-sub-search clearfix\"><div class=\"margin-bottom-5\">Search Chicago’s Best Restaurants:</div>\n",
       "<form action=\"/Chicago-Magazine/Dining/Dining-Guide/index.php?\" method=\"get\">\n",
       "<input name=\"search\" type=\"text\"/>\n",
       "<button onclick=\"ga('send', 'event', 'Global nav', 'Search Dining Guide');\">Go</button>\n",
       "</form>\n",
       "</li>\n",
       "</li></li></ul>\n",
       "</li>\n",
       "<!-- Arts & Culture -->\n",
       "<li><a class=\"art\" href=\"/arts-culture\" onclick=\"ga('send', 'event', 'Global nav', 'Arts');\">Arts <i class=\"amp amp-semibold\"><span>&amp;</span></i><br> Culture</br></a>\n",
       "<ul class=\"sub\">\n",
       "<li><a href=\"/go\" onclick=\"ga('send', 'event', 'Global nav', 'Go Listings');\">The Go Listings</a></li>\n",
       "<li><a href=\"/topic/?archive=architecture\" onclick=\"ga('send', 'event', 'Global nav', 'Architecture');\">Architecture</a></li>\n",
       "<li><a href=\"/topic/?archive=art\" onclick=\"ga('send', 'event', 'Global nav', 'Art');\">Art</a></li>\n",
       "<li><a href=\"/topic/?archive=books\" onclick=\"ga('send', 'event', 'Global nav', 'Books');\">Books &amp; Readings</a></li>\n",
       "<li><a href=\"/topic/?archive=comedy\" onclick=\"ga('send', 'event', 'Global nav', 'Comedy');\">Comedy</a></li>\n",
       "<li><a href=\"/topic/?archive=dance\" onclick=\"ga('send', 'event', 'Global nav', 'Dance');\">Dance</a></li>\n",
       "<li><a href=\"/topic/?archive=lollapalooza\" onclick=\"ga('send', 'event', 'Global nav', 'Lollapalooza');\">Lollapalooza</a></li>\n",
       "<li><a href=\"/topic/?archive=pitchfork\" onclick=\"ga('send', 'event', 'Global nav', 'Pitchfork');\">Pitchfork </a></li>\n",
       "<li><a href=\"/topic/?archive=museums\" onclick=\"ga('send', 'event', 'Global nav', 'Museums');\">Museums</a></li>\n",
       "<li><a href=\"/topic/?archive=music\" onclick=\"ga('send', 'event', 'Global nav', 'Music');\">Music</a></li>\n",
       "<!-- <li><a href=\"/summer-music-festivals/\"  onclick=\"ga('send', 'event', 'Global nav', 'Summer music fests');\">Summer Music Festivals</a></li> -->\n",
       "<li><a href=\"/topic/?archive=theater\" onclick=\"ga('send', 'event', 'Global nav', 'Theater');\">Theater</a></li>\n",
       "<!-- <li><a href=\"/video/Inside-Chicagos-Best-Theater/\" onclick=\"ga('send', 'event', 'Global nav', 'Video Theater');\">Video: Inside Chicago’s Best Theater</a> -->\n",
       "<!-- <li><a href=\"/video/In-the-Studio/\" onclick=\"ga('send', 'event', 'Global nav', 'Video Inside the Studio');\">Video: Inside the Studio</a></li> -->\n",
       "</ul>\n",
       "</li>\n",
       "<!-- Real Estate -->\n",
       "<li><a class=\"ren\" href=\"/real-estate\" onclick=\"ga('send', 'event', 'Global nav', 'Real Estate + Neighborhoods');\">Home <i class=\"amp amp-semibold\"><span>&amp;</span></i><br/> Real Estate</a>\n",
       "<ul class=\"sub\">\n",
       "<li><a href=\"/Chicago-Magazine/April-2017/Where-to-Buy-Now-2017/\" onclick=\"ga('send', 'event', 'Global nav', 'Best neighborhoods');\">Where to Buy Now</a>\n",
       "<li><a href=\"/Field-Guides\" onclick=\"ga('send', 'event', 'Global nav', 'Field Guides');\">Neighborhood Field Guides</a></li>\n",
       "<li><a href=\"/real-estate\" onclick=\"ga('send', 'event', 'Global nav', 'Real Estate News');\">Real Estate News</a></li>\n",
       "<li><a href=\"/Chicago-Home\" onclick=\"ga('send', 'event', 'Global nav', 'Home + Garden');\">Home Design</a></li>\n",
       "</li></ul>\n",
       "</li>\n",
       "<!-- Style & Shopping -->\n",
       "<li><a class=\"sty\" href=\"/style-shopping\" onclick=\"ga('send', 'event', 'Global nav', 'Style + Shopping');\">Style <i class=\"amp amp-semibold\"><span>&amp;</span></i> Shopping</a>\n",
       "<ul class=\"sub\">\n",
       "<li><a href=\"/topic/?archive=fashion\" onclick=\"ga('send', 'event', 'Global nav', 'Fashion');\">Fashion</a></li>\n",
       "<li><a href=\"/topic/?archive=sales-shopping\" onclick=\"ga('send', 'event', 'Global nav', 'Sales + Shopping News (under S+S)');\">Sales &amp; Shopping News</a></li>\n",
       "<li><a href=\"/topic/?archive=tastemakers\" onclick=\"ga('send', 'event', 'Global nav', 'Tastemakers');\">Taste Makers</a></li>\n",
       "</ul>\n",
       "</li>\n",
       "<!-- Health & Wellness  -->\n",
       "<li><a class=\"hg\" href=\"/Health-Wellness\" onclick=\"ga('send', 'event', 'Global nav', 'Health + Wellness');\">Health <i class=\"amp amp-semibold\"></i><br/> Wellness</a>\n",
       "<ul class=\"sub\">\n",
       "<li><a href=\"/Health-Wellness\" onclick=\"ga('send', 'event', 'Global nav', 'Health + Wellness');\">Health News</a></li>\n",
       "<li><a href=\"/topdocs\" onclick=\"ga('send', 'event', 'Global nav', 'Top Docs');\">Top Docs</a></li>\n",
       "</ul>\n",
       "</li>\n",
       "<!-- Video -->\n",
       "<li id=\"red-hack-item\" style=\"margin-left: 15px;\">\n",
       "<a href=\"https://www.youtube.com/user/chicagomag\" onclick=\"ga('send', 'event', 'Global nav', 'Video');\" target='_blank\"'>\n",
       "         <br/>\n",
       "<i id=\"red-hack\" style=\"\n",
       "        background-image: url(http://getbootstrap.com/2.3.2/assets/img/glyphicons-halflings.png); \n",
       "        display: inline-block;\n",
       "        filter: brightness(0) invert(1);\n",
       "        width: 18px;\n",
       "        height: 10px;\n",
       "        background-position: -335px -99px;\n",
       "        \"></i>Video</a>\n",
       "</li>\n",
       "<style>\n",
       "      i#red-hack.hover {\n",
       "        filter: sepia() saturate(10000%) hue-rotate(10deg) !important;\n",
       "      }\n",
       "      </style>\n",
       "<script>\n",
       "      jQuery('#red-hack-item').hover(\n",
       "        function() {\n",
       "          jQuery(this).children(\"a\").children(\"i#red-hack\").addClass( \"hover\" );\n",
       "        }, function() {\n",
       "          jQuery(this).children(\"a\").children(\"i#red-hack\").removeClass( \"hover\" );\n",
       "        }\n",
       "      );\n",
       "      </script>\n",
       "<!-- OLD VIDEO -->\n",
       "<!-- <li><a href=\"/video\" class=\"tra\" onclick=\"ga('send', 'event', 'Global nav', 'Video');\">&nbsp;<br>Video</a>\n",
       "        <ul class=\"sub\">\n",
       "          <li><a href=\"http://www.chicagomag.com/video/Chicagos-Great-Neighborhoods/\" onclick=\"ga('send', 'event', 'Global nav', 'Chicago’s Great Neighborhoods');\">Chicago’s Great Neighborhoods</a></li>\n",
       "          <li><a href=\"http://www.chicagomag.com/video/Inside-Chicagos-Best-Bars/\" onclick=\"ga('send', 'event', 'Global nav', 'Inside Chicago’s Best Bars');\">Inside Chicago’s Best Bars</a></li>\n",
       "          <li><a href=\"http://www.chicagomag.com/video/Inside-Chicagos-Best-Restaurants/\" onclick=\"ga('send', 'event', 'Global nav', 'Inside Chicago’s Best Restaurants');\">Inside Chicago’s Best Restaurants</a></li>\n",
       "          <li><a href=\"http://www.chicagomag.com/video/Inside-Chicagos-Best-Theater/\" onclick=\"ga('send', 'event', 'Global nav', 'Inside Chicago’s Best Theater');\">Inside Chicago’s Best Theater</a></li>\n",
       "          <li><a href=\"http://www.chicagomag.com/video/In-the-Studio\" onclick=\"ga('send', 'event', 'Global nav', 'Inside the Studio');\">Inside the Studio</a></li>\n",
       "          <li><a href=\"http://www.chicagomag.com/video/In-the-Kitchen/\" onclick=\"ga('send', 'event', 'Global nav', 'In Season');\">In the Kitchen</a></li>\n",
       "        </ul>\n",
       "      </li> -->\n",
       "<!-- Visitors Guide -->\n",
       "<li><a class=\"tra\" href=\"/Visitors-Guide/\" onclick=\"ga('send', 'event', 'Global nav', 'Visitors Guide');\"><br/>Visitor's Guide</a>\n",
       "<ul class=\"sub\">\n",
       "<li><a href=\"/Visitors-Guide/\" onclick=\"ga('send', 'event', 'Global nav', 'Visitors Guide');\">Visitor’s Guide</a></li>\n",
       "<li><a href=\"/travel\" onclick=\"ga('send', 'event', 'Global nav', 'Travel News');\">Travel News &amp; Features</a></li>\n",
       "</ul>\n",
       "</li>\n",
       "<!-- Best of Chicago -->\n",
       "<li>\n",
       "<a class=\"boc\" href=\"/Chicago-Magazine/August-2017/Best-of-Chicago-2017/\" onclick=\"ga('send', 'event', 'Global nav', 'Best of Chicago');\">Best of<br> Chicago</br></a>\n",
       "</li>\n",
       "</ul>\n",
       "</nav>\n",
       "<!--====  End of Global nav menus ====-->\n",
       "</header>\n",
       "<!-- slide down temporary Best of Chicago refer -->\n",
       "<script>\n",
       "jQuery( document ).ready(function() {\n",
       "  jQuery(\".BOC-promo\").addClass(\"tall\");\n",
       "});\n",
       "</script>\n",
       "<!-- Begin Content Wrap -->\n",
       "<a class=\"edit_from_site\" content_id=\"leaderboard-1\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<style type=\"text/css\">\n",
       "      @media (max-width:735px) {\n",
       "    #div-gpt-ad-leaderboard-1 {\n",
       "          display:none !important;\n",
       "        }\n",
       "   }\n",
       "</style>\n",
       "<div class=\"ad ban\" id=\"div-gpt-ad-leaderboard-1\">\n",
       "<script>\n",
       "if (document.documentElement.clientWidth > 735) {\n",
       "googletag.cmd.push(function() {\n",
       "    googletag.display('div-gpt-ad-leaderboard-1');\n",
       "});\n",
       "}\n",
       "  </script>\n",
       "</div>\n",
       "<a class=\"edit_from_site\" content_id=\"mobile-leaderboard-1\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<style type=\"text/css\">\n",
       "      @media (min-width:736px) {\n",
       "    #div-gpt-ad-mobile-leaderboard-1 {\n",
       "          display:none !important;\n",
       "        }\n",
       "   }\n",
       "</style>\n",
       "<div class=\"mobile-ban-wrapper mobile-ban-fixed\">\n",
       "<div id=\"div-gpt-ad-mobile-leaderboard-1\" style=\"height: 50px; width:320px;margin: 0 auto;\">\n",
       "<script>\n",
       "if (document.documentElement.clientWidth < 736) {\n",
       "googletag.cmd.push(function() {\n",
       "    googletag.display('div-gpt-ad-mobile-leaderboard-1');\n",
       "})\n",
       "}\n",
       "  </script>\n",
       "</div>\n",
       "</div>\n",
       "<a class=\"edit_from_site\" content_id=\"mobile-leaderboard-2\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<style type=\"text/css\">\n",
       "      @media (min-width:736px) {\n",
       "    #div-gpt-ad-mobile-leaderboard-2 {\n",
       "          display:none !important;\n",
       "        }\n",
       "   }\n",
       "</style>\n",
       "<div class=\"mobile-ban-wrapper\" id=\"mobile-leaderboard-2\">\n",
       "<div id=\"div-gpt-ad-mobile-leaderboard-2\" style=\"width: 320px; height: 50px; margin: 0 auto;\">\n",
       "<script>\n",
       "if (document.documentElement.clientWidth < 736) {\n",
       "googletag.cmd.push(function() {\n",
       "    googletag.display('div-gpt-ad-mobile-leaderboard-2');\n",
       "})\n",
       "}\n",
       "  </script>\n",
       "</div>\n",
       "</div>\n",
       "<div id=\"content-wrap\">\n",
       "<!--- special treatment for stacked galleries in regular articles, removes first couple leaderboard ads in between -->\n",
       "<style>\n",
       "div.content.post div.super-gallery-stacked-photo-outer ~ div.ad.ban {\n",
       "  display: none;\n",
       "}\n",
       "</style>\n",
       "<!--- special treatment for Summer Guide 2017 -->\n",
       "<!--- Begin Page -->\n",
       "<div class=\"long\" id=\"page\">\n",
       "<article class=\"container long\" id=\"article-19493\">\n",
       "<a class=\"edit_from_site\" content_id=\"550\" href=\"#\" media_id=\"97\">Edit Module</a>\n",
       "<div id=\"article-header-image-container\">\n",
       "<header class=\" clearfix\">\n",
       "<!--- special treatment for The Urbanist -->\n",
       "<h1 class=\"headline \">The 50 Best Sandwiches in Chicago</h1>\n",
       "<h2 class=\"deck \">Our list of Chicago’s 50 best sandwiches, ranked in order of deliciousness</h2>\n",
       "<div class=\"article-meta clearfix\" id=\"article-meta\">\n",
       "<p class=\"timestamp\">Published Oct. 9, 2012</p>\n",
       "<section class=\"clearfix\" id=\"share-mini\">\n",
       "<ul class=\"story-share-buttons story-share-buttons-mini list-no-bullets clearfix\">\n",
       "<li class=\"fb\"><a href=\"https://www.facebook.com/sharer/sharer.php?u=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/?utm_source=facebook.com%26utm_medium=referral%26utm_campaign=Facebook%20above%20story%2019493%20Apr%2017%202018%2001:26\" onclick=\"ga('send', 'event', 'Sharing', 'Facebook share from top of article','The 50 Best Sandwiches in Chicago');\n",
       "  return socialPopup('https://www.facebook.com/sharer/sharer.php?u=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/%3Futm_source=facebook.com%26utm_medium=referral%26utm_campaign=Facebook%20above%20story%2019493%20Apr%2017%202018%2001:26');\" target=\"_blank\"><i class=\"icon-facebook\"></i></a>\n",
       "</li>\n",
       "<li class=\"tw\"><a href=\"https://twitter.com/share?text=The+50+Best+Sandwiches+in+Chicago&amp;url=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/\" onclick=\"ga('send', 'event', 'Sharing', 'Tweet story from top of article','The 50 Best Sandwiches in Chicago');\n",
       "    return tweetPopup('The+50+Best+Sandwiches+in+Chicago','/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/','19493');\n",
       "  \" target=\"_blank\"><i class=\"icon-twitter\"></i></a></li>\n",
       "<li class=\"eml\"><a href=\"#\" onclick=\"window.open('/core/pagetools.php?pageID=19493&amp;url=%2FChicago-Magazine%2FNovember-2012%2FBest-Sandwiches-Chicago%2Findex.php&amp;mode=email','emailThisPage','status=no,scrollbars=yes,resizable=yes,width=420,height=540'); ga('send', 'event', 'Sharing', 'Email story (top of story)','The 50 Best Sandwiches in Chicago'); return false;\" url=\"email this page\"><i class=\"icon-envelope\"></i></a></li>\n",
       "<li class=\"prnt\"><a href=\"#\" onclick=\"window.open('/core/pagetools.php?pageid=19493&amp;url=%2FChicago-Magazine%2FNovember-2012%2FBest-Sandwiches-Chicago%2Findex.php&amp;mode=print','printThisPage','status=no,toolbar=yes,menubar=yes,scrollbars=yes,resizable=yes,width=570'); ga('send', 'event', 'Sharing', 'Print story (top of story)' ,'The 50 Best Sandwiches in Chicago'); return false;\" target=\"_blank\" url=\"print this page\"><i class=\"icon-print\"></i></a></li>\n",
       "<li class=\"cmmnt\"><a href=\"javascript:void(0);\" onclick=\"jumpto('#comment',150);\"><i class=\"icon-comment\"></i></a></li>\n",
       "<li class=\"comment-count\"><a data-disqus-identifier=\"19493\" href=\"javascript:void(0);\" id=\"comment-count\" onclick=\"jumpto('#comment',150);\"></a></li>\n",
       "</ul>\n",
       "</section> </div> </header>\n",
       "<section class=\"caption main\">\n",
       "<figure>\n",
       "<div class=\"position-relative image-launch-wrapper\">\n",
       "<picture>\n",
       "<source media=\"(max-width: 320px)\" srcset=\"http://media.chicagomag.com//images/cache/cache_6/cache_8/cache_f/sandwich-old-oak-032fff86.jpeg?ver=1483657051&amp;aspectratio=1.4634146341463, http://media.chicagomag.com//images/cache/cache_e/cache_3/cache_0/sandwich-old-oak-5138903e.jpeg?ver=1483657051&amp;aspectratio=1.4634146341463 2x\"/>\n",
       "<source media=\"(max-width: 470px)\" srcset=\"http://media.chicagomag.com//images/cache/cache_b/cache_2/cache_1/sandwich-old-oak-3cfe412b.jpeg?ver=1483657051&amp;aspectratio=1.4754098360656, http://media.chicagomag.com//images/cache/cache_6/cache_6/cache_a/sandwich-old-oak-198f4a66.jpeg?ver=1483657051&amp;aspectratio=1.4754098360656 2x\"/>\n",
       "<source srcset=\"http://media.chicagomag.com//images/cache/cache_5/cache_a/cache_7/sandwich-old-oak-752cb7a5.jpeg?ver=1482330047&amp;aspectratio=1.4761904761905, http://media.chicagomag.com//images/cache/cache_1/cache_3/cache_1/sandwich-old-oak-2fa7d131.jpeg?ver=1483649262&amp;aspectratio=1.4761904761905 2x\"/>\n",
       "<img alt=\"BLT at Old Oak Tap, the No. 1 sandwich in Chicago.\" height=\"420\" id=\"article-lead-image\" src=\"http://media.chicagomag.com//images/cache/cache_5/cache_a/cache_7/sandwich-old-oak-752cb7a5.jpeg?ver=1482330047&amp;aspectratio=1.4761904761905\" width=\"620\">\n",
       "</img></picture>\n",
       "<a class=\"launch bottom-right\" href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/index.php?mode=popup&amp;cp=1&amp;view=slideshow&amp;play=0\" id=\"gallery-link\" style=\"display: none;\">Launch gallery</a>\n",
       "</div>\n",
       "<figcaption> <span class=\"caption\">BLT at Old Oak Tap, the No. 1 sandwich in Chicago.</span>              <span class=\"photo-credit\">Photograph: Anna Knott; Food Stylist: Lisa Kuehl</span>\n",
       "</figcaption>\n",
       "</figure>\n",
       "</section>\n",
       "</div><!-- /#article-header-image-container -->\n",
       "<div class=\"content-and-sidebar\">\n",
       "<div class=\"content post \">\n",
       "<div class=\"fb-like fb-like-top\" data-href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/\" data-layout=\"box_count\" data-send=\"false\" data-share=\"true\" data-show-faces=\"false\" data-width=\"50\"></div>\n",
       "<p><span class=\"dropcap\">F</span>or generations, sandwiches were the ultimate guilty pleasure of subcultures that had no patience for guilt: hungry bachelors, school kids, working stiffs, old men in delis. To fridge-foraging rubes like Dagwood, quality wasn’t half as important as quantity. The sandwich was one of the only snacks you were allowed to pile as high as you wanted with anything you desired and cram into your face with both hands—a meal so inelegant and blithely proud of its inelegance that it came in six-foot segments for parties. And we ate it. Standing up.</p>\n",
       "<section class=\"related-content pull-right\">\n",
       "<h3>Related Content</h3>\n",
       "<ul>\n",
       "<li><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-\n",
       "Chicago-The-Best-Sliders-in-Town\">The Best Sliders in Town</a></li>\n",
       "<li><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-\n",
       "Chicago-Where-to-Get-Your-Fix-Around-the-Clock\">Where to Get Your Fix Around the Clock</a></li>\n",
       "</ul>\n",
       "</section>\n",
       "<p>Now we’ve got French dips made with shaved prime rib, po’ boys with organic shrimp, and grilled cheese with fancy pimiento cheese. Hell, you can get a buttered ciabatta layered with local eggs, house-cured speck, and fontina for breakfast at Balsan if the idea of spending $19 for a ham and egg sandwich does not scandalize you. What in the name of John Montagu is going on here?</p>\n",
       "<p>The sandwich pendulum has always swung erratically from the treat of the nobility to the fuel of the proletariat. But what we’re witnessing now is the sharpest swerve yet toward the land of fine dining—a shift that overlaps, not coincidentally, with the great democratization of Chicago’s restaurants. Ground zero for the boom is Publican Quality Meats, where Paul Kahan regards sandwiches as serious dishes. So does Acadia’s Ryan McCaskey, who makes a mean lobster roll, and Rick Bayless, who offers up a vegetarian stunner at Xoco.</p>\n",
       "<p>To guide you through the bustling sandscape, we fanned out across the city and suburbs, hitting spots high and low in search of anything delicious between two slices of bread. For the purposes of this story, we defined “sandwich” in the strictest of terms: no wraps, dumplings, or open-faced pretenders. Hamburgers and hot dogs didn’t qualify. Italian beef sandwiches did, but not one made this list. (Face facts: Chicago’s spongy grease bomb is not among the better contributions to the genre.) We gave points to the well crafted, the fresh, and the robust, anchored by bread with enough distinct character to bolster the proceedings without overshadowing or interfering.</p>\n",
       "<p>The result: our list of Chicago’s 50 best sandwiches, ranked in order of deliciousness. Some are ingenious, such as Scofflaw’s layered masterpiece of braised brisket, pork belly, and pork loin. Others are blunt and glorious classics, done simply and done right. (Meatball sub from Bari, take a bow.)</p>\n",
       "<p>In our research, we learned that the sandwich is a wily chameleon, soaking up and synthesizing every trend, be it the resurgence of house-cured charcuterie or the sudden ubiquity of arugula. We learned to ask for extra napkins ahead of time. And we learned, above all, that quality and quantity can intersect in restaurants, and there’s no shame in that. Only joy.</p>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">1</div>\n",
       "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/\"><b>BLT</b><br>\n",
       "Old Oak Tap<br>\n",
       "<em>Read more</em> </br></br></a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">2</div>\n",
       "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Au-Cheval-Fried-Bologna/\"><b>Fried Bologna</b><br/>\n",
       "Au Cheval<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">3</div>\n",
       "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Xoco-Woodland-Mushroom/\"><b>Woodland Mushroom</b><br/>\n",
       "Xoco<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">4</div>\n",
       "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Als-Deli-Roast-Beef/\"><b>Roast Beef</b><br/>\n",
       "Al’s Deli<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">5</div>\n",
       "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Publican-Quality-Meats-PB-L/\"><b>PB&amp;L</b><br/>\n",
       "Publican Quality Meats<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">6</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Hendrickx-Belgian-Bread-Crafter-Belgian-Chicken-Curry-Salad/\"><b>Belgian Chicken Curry Salad</b><br/>\n",
       "Hendrickx Belgian Bread Crafter<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">7</div>\n",
       "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Acadia-Lobster-Roll/\"><b>Lobster Roll</b><br/>\n",
       "Acadia<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">8</div>\n",
       "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Birchwood-Kitchen-Smoked-Salmon-Salad/\"><b>Smoked Salmon Salad</b><br/>\n",
       "Birchwood Kitchen<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">9</div>\n",
       "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Cemitas-Puebla-Atomica-Cemitas/\"><b>Atomica Cemitas</b><br/>\n",
       "Cemitas Puebla<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">10</div>\n",
       "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Nana-Grilled-Laughing-Bird-Shrimp-and-Fried-Oyster-Po-Boy/\"><b>Grilled Laughing Bird Shrimp and Fried Po’ Boy</b><br/>\n",
       "Nana<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">11</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Lula-Cafe-Ham-and-Raclette-Panino/\"><b>Ham and Raclette Panino</b><br/>\n",
       "Lula Cafe<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">12</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Ricobenes-Breaded-Steak/\"><b>Breaded Steak</b><br/>\n",
       "Ricobene’s<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">13</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Frog-n-Snail-The-Hawkeye/\"><b>The Hawkeye</b><br/>\n",
       "Frog n Snail<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">14</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Crosbys-Kitchen-Chicken-Dip/\"><b>Chicken Dip</b><br/>\n",
       "Crosby’s Kitchen<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">15</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Longman-and-Eagle-Wild-Boar-Sloppy-Joe/\"><b>Wild Boar Sloppy Joe</b><br/>\n",
       "Longman &amp; Eagle<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">16</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Bari-Meatball-Sub/\"><b>Meatball Sub</b><br/>\n",
       "Bari<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">17</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Mannys-Corned-Beef/\"><b>Corned Beef</b><br/>\n",
       "Manny’s<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">18</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Eggys-Turkey-Club/\"><b>Turkey Club</b><br/>\n",
       "Eggy’s<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">19</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Jerusalem-Falafel/\"><b>Falafel</b><br/>\n",
       "Old Jerusalem<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">20</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Mindys-HotChocolate-Crab-Cake/\"><b>Crab Cake</b><br/>\n",
       "Mindy’s HotChocolate<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">21</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Olgas-Delicatessen-Chicken-Schnitzel/\"><b>Chicken Schnitzel</b><br/>\n",
       "Olga’s Delicatessen<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">22</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Dawali-Mediterranean-Kitchen-Shawarma/\"><b>Shawarma</b><br/>\n",
       "Dawali Mediterranean Kitchen<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">23</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Big-Jones-Toasted-Pimiento-Cheese/\"><b>Toasted Pimiento Cheese</b><br/>\n",
       "Big Jones<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">24</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-La-Pane-Vegetarian-Panino/\"><b>Vegetarian Panino</b><br/>\n",
       "La Pane<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">25</div>\n",
       "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Pastoral-Cali-Chevre/\"><b>Cali Chèvre</b><br/>\n",
       "Pastoral<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">26</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Maxs-Deli-Pastrami/\"><b>Pastrami</b><br/>\n",
       "Max’s Deli<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">27</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Luckys-Sandwich-Co-The-Fredo/\"><b>The Fredo</b><br/>\n",
       "Lucky’s Sandwich Co.<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">28</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-City-Provisions-Smoked-Ham/\"><b>Smoked Ham</b><br/>\n",
       "City Provisions<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">29</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Papas-Cache-Sabroso-Jibarito/\"><b>Jibarito</b><br/>\n",
       "Papa’s Cache Sabroso<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">30</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Bavettes-Bar-and-Boeuf-Shaved-Prime-Rib/\"><b>Shaved Prime Rib</b><br/>\n",
       "Bavette’s Bar &amp; Boeuf<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">31</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Hannahs-Bretzel-Serrano-Ham-and-Manchego-Cheese/\"><b>Serrano Ham and Manchego Cheese</b><br/>\n",
       "Hannah’s Bretzel<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">32</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-La-Fournette-Tuna-Salad/\"><b>Tuna Salad</b><br/>\n",
       "La Fournette<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">33</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Paramount-Room-Paramount-Reuben/\"><b>Paramount Reuben</b><br/>\n",
       "Paramount Room<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">34</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Melt-Sandwich-Shoppe-The-Istanbul/\"><b>The Istanbul</b><br/>\n",
       "Melt Sandwich Shoppe<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">35</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Floriole-Cafe-and-Bakery-BAD/\"><b>B.A.D.</b><br/>\n",
       "Floriole Cafe &amp; Bakery<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">36</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-First-Slice-Pie-Cafe-Duck-Confit-and-Mozzarella/\"><b>Duck Confit and Mozzarella</b><br/>\n",
       "First Slice Pie Café<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">37</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Troquet-Croque-Monsieur/\"><b>Croque Monsieur</b><br/>\n",
       "Troquet<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">38</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Grahamwich-Green-Garbanzo/\"><b>Green Garbanzo</b><br/>\n",
       "Grahamwich<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">39</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Saigon-Sisters-The-Hen-House/\"><b>The Hen House</b><br/>\n",
       "Saigon Sisters<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">40</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Rosalias-Deli-Tuscan-Chicken/\"><b>Tuscan Chicken</b><br/>\n",
       "Rosalia’s Deli<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">41</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Z-and-H-MarketCafe-The-Marty/\"><b>The Marty </b><br/>\n",
       "Z&amp;H MarketCafe<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">42</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Market-House-on-the-Square-Whitefish/\"><b>Whitefish</b><br/>\n",
       "Market House on the Square<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">43</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Elaines-Coffee-Call-Oat-Bread-Pecan-Butter-and-Fruit-Jam/\"><b>Oat Bread, Pecan Butter, and Fruit Jam</b><br/>\n",
       "Elaine’s Coffee Call<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">44</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Marion-Street-Cheese-Market-Cauliflower-Melt/\"><b>Cauliflower Melt</b><br/>\n",
       "Marion Street Cheese Market<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">45</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Cafecito-Cubano/\"><b>Cubana</b><br/>\n",
       "Cafecito<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">46</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Chickpea-Kufta/\"><b>Kufta</b><br/>\n",
       "Chickpea<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">47</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-The-Goddess-and-Grocer-Debbies-Egg-Salad/\"><b>Debbie’s Egg Salad</b><br/>\n",
       "The Goddess and Grocer<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">48</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Zenwich-Beef-Curry/\"><b>Beef Curry</b><br/>\n",
       "Zenwich<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative;\">\n",
       "<div class=\"sammyRank\">49</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Toni-Patisserie-Le-Vegetarien/\"><b>Le Végétarien</b><br/>\n",
       "Toni Patisserie<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<div class=\"sammy\" style=\"position: relative; border-bottom: 0\">\n",
       "<div class=\"sammyRank\">50</div>\n",
       "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Phoebes-Bakery-The-Gatsby/\"><b>The Gatsby</b><br/>\n",
       "Phoebe’s Bakery<br/>\n",
       "<em>Read more</em> </a></div>\n",
       "</div>\n",
       "<!-- /#sandwichFront -->\n",
       "<footer>Edited by Carly Boers, Penny Pollack, and Jeff Ruby; Contributors: Cassie Walker Burke, Elly Fishman, Peter Gianopulos, Noah Isackson, Maryanne Johnson, Esther Kang, Megan Lovejoy, Graham Meyer, Matt Schur, Lena Singer, Emmet Sullivan, Jennifer Tanaka, Joanne Trestrail</footer>\n",
       "<script type=\"text/javascript\">\n",
       "var feedicon=document.getElementById('__atomfeed__'); if(feedicon) feedicon.style.display='inline';</script>\n",
       "<footer>This article appears in the <a href=\"/Chicago-Magazine/November-2012/\">November 2012</a> issue of <em> Chicago</em> magazine. <a href=\"http://www.chicagomag.com/subscribe\" onclick=\"ga('send',  'event','Refer clicks', 'Subscribe, article footer');\">Subscribe to <em>Chicago</em> magazine</a>.</footer>\n",
       "<div class=\"clearfix\"></div>\n",
       "<script>\n",
       "  var newsletterChoice = \"Dish\";\n",
       "</script>\n",
       "<div class=\"margin-top-10 margin-bottom-40\" id=\"footer-newsletter-subscribe\">\n",
       "<div class=\"lazyload\" data-url=\"/lazyloads/furniture/dish-subscribe-footer.html?2\" id=\"lazy-newsletter-footer\"> </div>\n",
       "</div>\n",
       "<script>\n",
       "  jQuery(function(){\n",
       "    // If the user has already subscribed to this newsletter, hide the footer form.\n",
       "    // In its stead, reveal the related articles and popular stories. (Super articles only.)\n",
       "    if (getCookie('subscribe-Dish') == 'true') {\n",
       "      jQuery('#footer-newsletter-subscribe').hide();\n",
       "      // jQuery('.show-if-no-newsletter-cta').show();\n",
       "    }\n",
       "    // else {\n",
       "    //   jQuery('.show-if-no-newsletter-cta').hide();\n",
       "    // }\n",
       "  })\n",
       "\n",
       "\n",
       "\n",
       "</script>\n",
       "<section class=\"clearfix\" id=\"share\">\n",
       "<h3>Share</h3>\n",
       "<ul class=\"story-share-buttons list-no-bullets clearfix\">\n",
       "<li class=\"fb\"><a href=\"https://www.facebook.com/sharer/sharer.php?u=http://www.chicagomag.com//Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/%3Futm_source=facebook.com%26utm_medium=referral%26utm_campaign=Facebook%20below%20story%2019493%20Apr%2017%202018%2001:26\" onclick=\"ga('send', 'event', 'Sharing', 'Facebook share from article','The 50 Best Sandwiches in Chicago');\n",
       "    return socialPopup('https://www.facebook.com/sharer/sharer.php?u=http://www.chicagomag.com//Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/%3Futm_source=facebook.com%26utm_medium=referral%26utm_campaign=Facebook%20below%20story%2019493%20Apr%2017%202018%2001:26');\" target=\"_blank\"><i class=\"icon-facebook\"></i></a>\n",
       "</li>\n",
       "<li class=\"tw\"><a href=\"https://twitter.com/share?text=The+50+Best+Sandwiches+in+Chicago&amp;url=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/\" onclick=\"ga('send', 'event', 'Sharing', 'Tweet story from article','The 50 Best Sandwiches in Chicago');\n",
       "    return tweetPopup('The+50+Best+Sandwiches+in+Chicago','/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/','19493');\n",
       "    \" target=\"_blank\"><i class=\"icon-twitter\"></i></a></li>\n",
       "<li class=\"eml\"><a href=\"#\" onclick=\"window.open('/core/pagetools.php?pageID=19493&amp;url=%2FChicago-Magazine%2FNovember-2012%2FBest-Sandwiches-Chicago%2Findex.php&amp;mode=email','emailThisPage','status=no,scrollbars=yes,resizable=yes,width=420,height=540'); ga('send', 'event', 'Sharing', 'Email story','The 50 Best Sandwiches in Chicago'); return false;\" url=\"email this page\"><i class=\"icon-envelope\"></i></a></li>\n",
       "<li class=\"prnt\"><a href=\"#\" onclick=\"window.open('/core/pagetools.php?pageid=19493&amp;url=%2FChicago-Magazine%2FNovember-2012%2FBest-Sandwiches-Chicago%2Findex.php&amp;mode=print','printThisPage','status=no,toolbar=yes,menubar=yes,scrollbars=yes,resizable=yes,width=570'); ga('send', 'event', 'Sharing', 'Print story' ,'The 50 Best Sandwiches in Chicago'); return false;\" target=\"_blank\" url=\"print this page\"><i class=\"icon-print\"></i></a></li>\n",
       "<li class=\"cmmnt\"><a href=\"javascript:void(0);\" onclick=\"jumpto('#comment',150);\"><i class=\"icon-comment\"></i></a></li>\n",
       "</ul>\n",
       "</section>\n",
       "<a class=\"edit_from_site\" content_id=\"ad-600-100\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<style type=\"text/css\">\n",
       "      @media (max-width:599px) {\n",
       "    #ad-600-100-outer {\n",
       "          display:none !important;\n",
       "        }\n",
       "   }\n",
       "</style>\n",
       "<div class=\"ad ban-600\" id=\"ad-600-100-outer\">\n",
       "<h2>Advertisement</h2>\n",
       "<div id=\"div-gpt-ad-600-100\"></div>\n",
       "<script>\n",
       "\n",
       "if (document.documentElement.clientWidth > 600) {\n",
       "googletag.cmd.push(function() {\n",
       "    googletag.display('div-gpt-ad-600-100');\n",
       "});\n",
       "}\n",
       "  </script>\n",
       "</div>\n",
       "<section id=\"related-articles\">\n",
       "<a class=\"title\" href=\"/dining-drinking\">Other Dining &amp; Drinking stories</a>\n",
       "<div class=\"related-row clearfix\">\n",
       "<div class=\"related related-1 \">\n",
       "<a class=\"related-thumb\" href=\"/Chicago-Magazine/May-2018/Smoke-Daddy-Brings-BBQ-to-Wrigleyville/\" onclick=\"ga('send',  'event', 'Refer clicks', 'Related (photo), slot ' + 1, '/Chicago-Magazine/May-2018/Smoke-Daddy-Brings-BBQ-to-Wrigleyville/');\" style=\"background-image: url('http://media.chicagomag.com//images/cache/cache_8/cache_3/cache_a/ScreenShot2018-04-11at5.08.32PM-777b1a38.jpeg?ver=1523545382&amp;aspectratio=1.5208333333333'); background-size: cover;\"> </a>\n",
       "<div class=\"content\">\n",
       "<h2><a href=\"/Chicago-Magazine/May-2018/Smoke-Daddy-Brings-BBQ-to-Wrigleyville/\" onclick=\"ga('send',  'event', 'Refer clicks', 'Related (head), slot ' + 1, '/Chicago-Magazine/May-2018/Smoke-Daddy-Brings-BBQ-to-Wrigleyville/');\">Smoke Daddy Brings Its BBQ to Wrigleyville and More Dining News</a></h2>\n",
       "<p class=\"time\">5 days ago</p>\n",
       "</div><!-- /.content -->\n",
       "</div><!-- /.related -->\n",
       "<div class=\"related related-2 related-nativo\">\n",
       "<a class=\"related-thumb\" href=\"/dining-drinking/April-2018/LiqrBox-Goes-Full-On-Nickelodeon/\" onclick=\"ga('send',  'event', 'Refer clicks', 'Related (photo), slot ' + 2, '/dining-drinking/April-2018/LiqrBox-Goes-Full-On-Nickelodeon/');\" style=\"background-image: url('http://media.chicagomag.com//images/cache/cache_8/cache_5/cache_f/thumb-c4e11f58.jpeg?ver=1523541696&amp;aspectratio=1.7760416666667'); background-size: cover;\"> </a>\n",
       "<div class=\"content\">\n",
       "<h2><a href=\"/dining-drinking/April-2018/LiqrBox-Goes-Full-On-Nickelodeon/\" onclick=\"ga('send',  'event', 'Refer clicks', 'Related (head), slot ' + 2, '/dining-drinking/April-2018/LiqrBox-Goes-Full-On-Nickelodeon/');\">LiqrBox Goes Full-On Nickelodeon</a></h2>\n",
       "<p class=\"time\">5 days ago</p>\n",
       "</div><!-- /.content -->\n",
       "</div><!-- /.related -->\n",
       "</div><!-- /.related-row -->\n",
       "<div class=\"related-row clearfix\">\n",
       "<div class=\"related related-3 \">\n",
       "<a class=\"related-thumb\" href=\"/dining-drinking/April-2018/New-Chicago-Outdoor-Restaurants-Bars/\" onclick=\"ga('send',  'event', 'Refer clicks', 'Related (photo), slot ' + 3, '/dining-drinking/April-2018/New-Chicago-Outdoor-Restaurants-Bars/');\" style=\"background-image: url('http://media.chicagomag.com//images/cache/cache_2/cache_4/cache_2/TiedHouseChicago-Courtyard1-GenslerChicagoRendering-3f840242.jpeg?ver=1523467869&amp;aspectratio=1.5'); background-size: cover;\"> </a>\n",
       "<div class=\"content\">\n",
       "<h2><a href=\"/dining-drinking/April-2018/New-Chicago-Outdoor-Restaurants-Bars/\" onclick=\"ga('send',  'event', 'Refer clicks', 'Related (head), slot ' + 3, '/dining-drinking/April-2018/New-Chicago-Outdoor-Restaurants-Bars/');\">Six New Bar and Restaurant Patios to Look Forward to This Spring</a></h2>\n",
       "<p class=\"time\">6 days ago</p>\n",
       "</div><!-- /.content -->\n",
       "</div><!-- /.related -->\n",
       "<div class=\"related related-4 \">\n",
       "<a class=\"related-thumb\" href=\"/dining-drinking/April-2018/Ludlow-Liquors-is-Hoppin-and-Orange/\" onclick=\"ga('send',  'event', 'Refer clicks', 'Related (photo), slot ' + 4, '/dining-drinking/April-2018/Ludlow-Liquors-is-Hoppin-and-Orange/');\" style=\"background-image: url('http://media.chicagomag.com//images/cache/cache_d/cache_3/cache_2/LUDLOW-12-49e7e23d.jpeg?ver=1523386884&amp;aspectratio=1.5'); background-size: cover;\"> </a>\n",
       "<div class=\"content\">\n",
       "<h2><a href=\"/dining-drinking/April-2018/Ludlow-Liquors-is-Hoppin-and-Orange/\" onclick=\"ga('send',  'event', 'Refer clicks', 'Related (head), slot ' + 4, '/dining-drinking/April-2018/Ludlow-Liquors-is-Hoppin-and-Orange/');\">Ludlow Liquors is Hoppin’ (and Orange)</a></h2>\n",
       "<p class=\"time\">6 days ago</p>\n",
       "</div><!-- /.content -->\n",
       "</div><!-- /.related -->\n",
       "</div><!-- /.related-row -->\n",
       "</section>\n",
       "<!-- End Related Articles -->\n",
       "<div id=\"comment\" style=\"clear: both; height: 1px;\"></div>\n",
       "<a class=\"edit_from_site\" content_id=\"comments-disqus\" href=\"#\" media_id=\"83\">Edit Module</a><div class=\"comments-block\" id=\"commentFormContainer\">\n",
       "<h5 class=\"add-comment\">Submit your comment</h5>\n",
       "<p class=\"comments-disclaimer\">Comments  are moderated. We review them in an effort to remove foul language, commercial messages, abuse, and irrelevancies.</p>\n",
       "<div id=\"disqus_thread\" style=\"max-width: 600px;\"></div>\n",
       "<script type=\"text/javascript\">\n",
       "</script>\n",
       "<noscript>Enable JavaScript to view the <a href=\"http://disqus.com/?ref_noscript\">comments powered by Disqus.</a></noscript>\n",
       "</div>\n",
       "</div>\n",
       "<!-- Begin Sidebar -->\n",
       "<aside class=\"article long clearfix\">\n",
       "<div class=\"tablet-sidebar-left\">\n",
       "<a class=\"edit_from_site\" content_id=\"widget-marketplace-sponsor\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<style>\n",
       "\n",
       ".btn-widget-small {\n",
       " margin-bottom: 5px;}\n",
       "\n",
       ".amp {\n",
       "color: white;\n",
       "webkit-transition: none .2s ease; \n",
       "}\n",
       "\n",
       "ul.menu {\n",
       "background: black;\n",
       "   position:absolute;\n",
       "   /*height: 0px;*/\n",
       "   visibility: hidden;\n",
       "   margin-top: 0px;\n",
       "  background-color: black;\n",
       "  width: 300px;\n",
       "  padding: 0px 0px 10px;\n",
       "z-index: 9999999;\n",
       "}\n",
       "\n",
       "ul.menu li a {\n",
       "   font-size: .75em;\n",
       "   font-style: italic;\n",
       "   text-align:center;\n",
       "}\n",
       "#btn-sponsored-features {\n",
       "position: relative;\n",
       "}\n",
       "\n",
       "#btn-sponsored-features:hover .menu {\n",
       "  /*position: relative;*/\n",
       "  visibility: visible;\n",
       "\n",
       "  /*height: 80%;*/\n",
       "\n",
       "}\n",
       "\n",
       "ul.menu a {\n",
       "-webkit-transition: none;-moz-transition:none;transition:none;\n",
       "}\n",
       "#marketing-widget {\n",
       "margin-bottom: 20px;\n",
       "}\n",
       "</style>\n",
       "<div id=\"marketing-widget\">\n",
       "<div class=\"btn-widget-small btn-widget-small-reverse\">\n",
       "<a href=\"/marketplace\" onclick=\"ga('send',  'event','M&amp;C widget', 'Marketplace');\" style=\"display: inline-block; margin-right: 2px;\">Marketplace</a>\n",
       "</div>\n",
       "<div class=\"btn-widget-small btn-widget-small-reverse\">\n",
       "<a href=\"/Chicago-Magazine/Promotion/Events-and-Party-Pix/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Events and Party Pix');\" style=\"display: inline-block; margin-right: 2px;\">Events <span class=\"amp amp-semibold\"><span id=\"noclick\">&amp;</span></span> Party Pix</a>\n",
       "</div>\n",
       "<div class=\"btn-widget-small btn-widget-small-reverse\" id=\"btn-sponsored-features\"><a href=\"/Chicago-Magazine/Promotion/Sponsor-Content/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Sponsor Content');\" style=\"display: inline-block; margin-right: 2px;\"><span>Resource Guide</span>\n",
       "</a>\n",
       "<ul class=\"menu\">\n",
       "<li><a href=\"/Chicago-Magazine/Promotion/Lightology/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Lightology');\">Chicago’s Most Exclusive Lighting</a></li>\n",
       "<li><a href=\"http://www.chicagomag.com/Chicago-Magazine/Promotion/Dental-Profiles-2018/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Dental Profiles');\">Dental Profiles</a></li>\n",
       "<li><a href=\"http://www.chicagomag.com/Chicago-Magazine/Promotion/2016-Education-Guide/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Education Guide');\">Education Guide</a></li>\n",
       "<li><a href=\"http://www.chicagomag.com/Chicago-Magazine/Promotion/Experience-Chicago-2018/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Experience Chicago 2018');\">Experience Chicago</a></li>\n",
       "<li><a href=\"http://www.chicagomag.com/Chicago-Magazine/Promotion/Give-Chicago-2017\" onclick=\"ga('send',  'event','M&amp;C widget', '2017 Give Chicago');\">Give Chicago</a></li>\n",
       "<li><a href=\"http://www.chicagomag.com/Chicago-Magazine/Promotion/2017-Go-West/\" onclick=\"ga('send',  'event','M&amp;C widget', '2017 Go West');\">Go West</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/Promotion/IL-Holocaust-Museum/\" onclick=\"ga('send',  'event','M&amp;C widget', 'IL Holocaust');\">The Illinois Holocaust Musuem</a></li>\n",
       "<li><a href=\"http://www.chicagomag.com/Chicago-Magazine/Promotion/Make-it-Lincoln-Park-2017/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Make It Lincoln Park');\">Make it Lincoln Park</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/Promotion/MSI-Spring-Make-Festival/\" onclick=\"ga('send',  'event','M&amp;C widget', 'MSI');\">The MSI's Spring Make Festival</a></li>\n",
       "<li><a href=\"http://www.chicagomag.com/Chicago-Magazine/Promotion/Prime-of-Your-Life-2017/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Prime of Your Life');\">Prime of Your Life</a></li>\n",
       "<li><a href=\"http://www.chicagomag.com/Chicago-Magazine/Promotion/Chicagoland-Professional-Profiles-2018/?4\" onclick=\"ga('send',  'event','M&amp;C widget', 'Professional Profiles');\">Professional Profiles</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/Promotion/United-Way-of-Metro-Chicago/\" onclick=\"ga('send',  'event','M&amp;C widget', 'United Way');\">United Way</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/Promotion/Visit-Detroit-2018/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Detroit');\">Visit Detroit</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/Promotion/Yorktowns-Taste-for-the-Space/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Yorktown');\">Yorktown's Taste for the Space</a></li>\n",
       "</ul>\n",
       "</div>\n",
       "</div>\n",
       "<a class=\"edit_from_site\" content_id=\"cube-1\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<div class=\"ad sq\">\n",
       "<h2>Advertisement</h2>\n",
       "<div id=\"div-gpt-ad-cube-1\" style=\"height: 250px; width: 300px;\"></div>\n",
       "<script type=\"text/javascript\">\n",
       "googletag.cmd.push(function() {\n",
       "\t\tgoogletag.display('div-gpt-ad-cube-1');\n",
       "});\n",
       "\t</script>\n",
       "</div>\n",
       "<a class=\"edit_from_site\" content_id=\"cube-3\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<div class=\"ad sq\">\n",
       "<h2>Advertisement</h2>\n",
       "<div id=\"div-gpt-ad-cube-3\" style=\"width: 300px; height: 250px; margin: 0 auto;\">\n",
       "<script>\n",
       "googletag.cmd.push(function() {\n",
       "    googletag.display('div-gpt-ad-cube-3');\n",
       "});\n",
       "  </script>\n",
       "</div>\n",
       "</div>\n",
       "</div>\n",
       "<div class=\"tablet-sidebar-right\">\n",
       "<form action=\"\" method=\"post\" name=\"newsletter\" onsubmit=\"validateNewsletter(); return false;\">\n",
       "<section class=\"newsletters widget\" id=\"category-specific-newsletter\">\n",
       "<h2 class=\"title red-border\" id=\"newsletterTitle\">Get Our Newsletters</h2>\n",
       "<div class=\"newsletter-reveal clearfix\" style=\"display: block;\">\n",
       "<p class=\"newsletter-description\"></p>\n",
       "<input class=\"clean white\" name=\"email\" placeholder=\"Your email address\" type=\"text\"/>\n",
       "<div class=\"form-error\" id=\"error-email\">\n",
       "          Please enter your email address\n",
       "        </div>\n",
       "<label class=\"checkbox \" for=\"over21\"> <input checked=\"\" id=\"over21\" name=\"over21\" type=\"checkbox\" value=\"yes\"/>Are you 21 or older?</label>\n",
       "<input name=\"source\" type=\"hidden\" value=\"/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/\"/>\n",
       "<input id=\"newsletterChoice\" name=\"newsletter\" type=\"hidden\" value=\"\"/>\n",
       "<br style=\"clear:both;\"/>\n",
       "<button type=\"submit\">Subscribe</button>\n",
       "</div>\n",
       "</section>\n",
       "</form>\n",
       "<script>\n",
       "      var newsletterChoice = \"Dish\";\n",
       "  \n",
       "  \n",
       "\n",
       "    var cookieValue = getCookie('subscribe-'+newsletterChoice.replace(' ','-'));\n",
       "    if (cookieValue == 'true') {\n",
       "      jQuery('#category-specific-newsletter').hide();\n",
       "    }\n",
       "\n",
       "    else {\n",
       "      var description = '';\n",
       "      switch (newsletterChoice) {\n",
       "        case 'Home & Real Estate':\n",
       "          description = \"<span class='leadin'>Fridays:</span> Get the latest real estate news, keep an eye on the city’s most beautiful and unique listings, and learn about the best home & design events locally.\";\n",
       "          break;\n",
       "        case 'The 312':\n",
       "          description = \"<span class='leadin'>Tuesdays:</span> Get up to speed on the week’s most important stories and must-reads.\";\n",
       "          break;\n",
       "        case 'Chicago Guide':\n",
       "          description = \"<span class='leadin'>Wednesdays:</span> <em>Chicago</em>’s culture critics bring you a weekly list of the top five events worth your time and money.\";\n",
       "          break;\n",
       "        case 'Go Travel':\n",
       "          description = \"<span class='leadin'>Monthly:</span> Be the first to know about exclusive travel discounts and offers to help you plan your next big adventure, courtesy of our sponsors.\";\n",
       "          break;\n",
       "        case 'Dish':\n",
       "          description = \"<span class='leadin'>Wednesdays:</span> Want the latest news from the Chicagoland dining scene served up fresh in your email inbox? Sign up for the Dish newsletter and get inside access to the city’s most plugged-in food and dining coverage from <em>Chicago</em> magazine’s dining editor, Penny Pollack. \";\n",
       "          break;\n",
       "        case 'Sales Check':\n",
       "          description = \"<span class='leadin'>Thursdays:</span> Hear about the great shopping experiences in the Chicago area, plus the latest news about hot store openings, sales, trends, and local retail news. Shop-a-holic? We know just how you feel. \";\n",
       "          break;\n",
       "        case 'VIP Newsletter':\n",
       "          description = \"<span class='leadin'>Mondays, Wednesdays, and Fridays: </span><em>Chicago</em> magazine hosts various events throughout the year. Sign up and join the party!\";\n",
       "          break;\n",
       "        case 'Special Offers':\n",
       "          description = 'Receive special offers and discounts from <em>Chicago</em> magazine’s selected partners.';\n",
       "          break;\n",
       "        case 'Health & Wellness':\n",
       "          description = \"<span class='leadin'>Third Mondays: </span>The top local stories in health care innovation, nutrition, exercise, wellness, and more—plus, local classes and workshops worth attending. Our editors will bring you the latest on how to live life, well.\";\n",
       "          break;\n",
       "        case 'Select all':\n",
       "          description = 'Subscribe to <em>Chicago Guide</em>, <em>Chicago Travel</em>, <em>Dish</em>, <em>Health & Wellness</em>, <em>Sales Check</em>, <em>Home & Real Estate</em>, <em>VIP Newsletter</em>, and <em>Special Offers</em>.'\n",
       "      }\n",
       "\n",
       "\n",
       "      jQuery('.newsletter-description').html(description);\n",
       "      jQuery('.newsletter-reveal').slideDown();\n",
       "      jQuery('#newsletterChoice').val(newsletterChoice);\n",
       "      jQuery('#newsletterTitle').html('Subscribe to ' + newsletterChoice);\n",
       "    }\n",
       "\n",
       "</script>\n",
       "<div class=\"lazyload\" data-url=\"/lazyloads/most-popular/\" id=\"lazy-popular\"></div>\n",
       "<div id=\"fixie-side-position-finder\">\n",
       "<div class=\"clearfix\" id=\"fixie-side\">\n",
       "<a class=\"edit_from_site\" content_id=\"cube-2\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<div class=\"ad sq\">\n",
       "<h2>Advertisement</h2>\n",
       "<div id=\"div-gpt-ad-cube-2\" style=\"width: 300px; height: 250px; margin: 0 auto;\">\n",
       "<script>\n",
       "googletag.cmd.push(function() {\n",
       "    googletag.display('div-gpt-ad-cube-2');\n",
       "});\n",
       "  </script>\n",
       "</div>\n",
       "</div>\n",
       "<script>\n",
       "          // Make the fixed slot refresh every 2 minutes (on desktops; ad is not fixed elsewhere)\n",
       "          setInterval(function(){\n",
       "            if (jQuery('#fixie-side').css('position') == 'fixed') {\n",
       "              googletag.pubads().refresh([cube2]);\n",
       "              }\n",
       "            }, 120000);\n",
       "        </script>\n",
       "<a class=\"edit_from_site\" content_id=\"widget-current-issue\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<section class=\"subscribe widget\">\n",
       "<a class=\"button\" href=\"javascript:void(0);\"><span class=\"title\">Subscribe</span><span class=\"plus\">+</span><span class=\"minus\">-</span></a>\n",
       "<div class=\"issue\">\n",
       "<a href=\"/Chicago-Magazine/April-2018/\" onclick=\"ga('send',  'event', 'Current issue widget', 'Current issue');\"><img alt=\"Current issue of Chicago magazine\" height=\"145\" src=\"http://media.chicagomag.com//images/cache/cache_1/cache_b/cache_1/CMAG0418-79ae71b1.jpeg?ver=1521819511&amp;aspectratio=0.75862068965517\" width=\"110\"/></a>\n",
       "<a class=\"btn\" href=\"/subscribe\" onclick=\"ga('send',  'event', 'Current issue widget', 'Subscribe (red button)');\">Subscribe</a>\n",
       "</div>\n",
       "<ul>\n",
       "<li>\n",
       "<a href=\"/subscribe\" onclick=\"ga('send',  'event', 'Current issue widget', 'Subscribe');\">\n",
       "<span class=\"lead\"><span class=\"red\">Subscribe</span> to the</span>\n",
       "<span class=\"title\">Print &amp; Tablet Edition</span>\n",
       "</a>\n",
       "</li>\n",
       "<li>\n",
       "<a href=\"http://www.chicagomag.com/digitaledition\" onclick=\"ga('send',  'event', 'Current issue widget', 'Digital edition');\">\n",
       "<span class=\"lead\"><span class=\"red\">Subscribe</span> to the</span>\n",
       "<span class=\"title\">Digital Edition</span>\n",
       "</a>\n",
       "</li>\n",
       "<li>\n",
       "<a class=\"ipad\" href=\"/ipad\" onclick=\"ga('send',  'event', 'Current issue widget', 'iPad');\">\n",
       "<span class=\"lead\"><span class=\"red\">Download</span> our tablet app for</span>\n",
       "<span class=\"title\">iPad</span>\n",
       "</a>\n",
       "<a class=\"android\" href=\"/android\" onclick=\"ga('send',  'event', 'Current issue widget', 'Android');\">\n",
       "<span class=\"title\">Android</span>\n",
       "</a>\n",
       "</li>\n",
       "<li>\n",
       "<a class=\"single\" href=\"/single-issues\" onclick=\"ga('send',  'event', 'Current issue widget', 'Single Issues');\">\n",
       "<span class=\"lead\"><span class=\"red\">Purchase</span> copies of</span>\n",
       "<span class=\"title\">Single Issues</span>\n",
       "</a>\n",
       "<a class=\"gift\" href=\"/gifts\" onclick=\"ga('send',  'event', 'Current issue widget', 'Gift');\">Give a <span class=\"red\">gift</span> subscription</a>\n",
       "</li>\n",
       "</ul>\n",
       "</section>\n",
       "</div>\n",
       "</div>\n",
       "</div>\n",
       "</aside>\n",
       "<!-- End Sidebar -->\n",
       "</div> <!-- End .content-and-sidebar -->\n",
       "</article>\n",
       "<!-- End Main Article Container -->\n",
       "</div><!--- End Page -->\n",
       "<a class=\"edit_from_site\" content_id=\"leaderboard-2\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<style type=\"text/css\">\n",
       "      @media (max-width:735px) {\n",
       "    #div-gpt-ad-leaderboard-2 {\n",
       "          display:none !important;\n",
       "        }\n",
       "   }\n",
       "</style>\n",
       "<div class=\"ad ban\" id=\"div-gpt-ad-leaderboard-2\">\n",
       "<script type=\"text/javascript\">\n",
       "if (document.documentElement.clientWidth > 735) {\n",
       "googletag.cmd.push(function() {\n",
       "    googletag.display('div-gpt-ad-leaderboard-2');\n",
       "});\n",
       "}\n",
       "  </script>\n",
       "</div>\n",
       "</div><!-- End Content Wrap -->\n",
       "<div id=\"div-out-of-page\">\n",
       "<script>\n",
       "  googletag.cmd.push(function() {\n",
       "    googletag.display('div-out-of-page');\n",
       "  });\n",
       "  </script>\n",
       "</div>\n",
       "<script>(function(d, s, id) {\n",
       "  var js, fjs = d.getElementsByTagName(s)[0];\n",
       "  if (d.getElementById(id)) return;\n",
       "  js = d.createElement(s); js.id = id;\n",
       "  js.src = \"//connect.facebook.net/en_US/all.js#xfbml=1&appId=432224116825361\";\n",
       "  fjs.parentNode.insertBefore(js, fjs);\n",
       "}(document, 'script', 'facebook-jssdk'));</script>\n",
       "<!-- LSC tracking pixel -->\n",
       "<script>\n",
       "    document.write('<script id=\"tbw_pixel\" type=\"text/javascript\" src=\"//d26x5ounzdjojj.cloudfront.net/tbw/tbw_analytics_v1.0.js?' + (new Date()).getHours() + '\" onload=\"tbw_parse(this);\" tbw_site_id=\"Ldd6b4994ab6844a0\" tbw_segment=\"Retargeting\" defer><\\/script>');\n",
       "</script>\n",
       "<!-- fix for gallery height bug -->\n",
       "<script>\n",
       "jQuery( document ).ready(function() {\n",
       "  jQuery('.photoset-grid-basic .photoset-row').css( \"height\", \"initial\" );\n",
       "});\n",
       "</script>\n",
       "<!-- force removal of bottom nav in gallery view -->\n",
       "<style>\n",
       "body.gallery.no-nav aside.story-nav-aside {\n",
       "  display: none !important;\n",
       "}\n",
       "</style>\n",
       "<footer class=\"page-footer\">\n",
       "<nav>\n",
       "<a class=\"logo background-logo-svg\" href=\"/\" onclick=\"ga('send', 'event', 'Global footer', 'Logo to home');\">Chicago magazine</a>\n",
       "<select class=\"clean wide nav\" id=\"page-nav-mobile\" onchange=\"location = this.options[this.selectedIndex].value;\">\n",
       "<option value=\"/Chicago-Magazine/Advertise\">Advertise</option>\n",
       "<option value=\"/Chicago-Magazine/Contact-Us\">Contact Us</option>\n",
       "<option value=\"/Chicago-Magazine/Classifieds/\">Marketplace</option>\n",
       "<option value=\"http://www.tronc.com/privacy-policy/\">Privacy &amp; Terms (Updated)</option>\n",
       "<option value=\"/Chicago-Magazine/archive-index\">Archive</option>\n",
       "<option value=\"/customerservice\">Customer Service</option>\n",
       "<option value=\"/newsletters\">Newsletters</option>\n",
       "<option value=\"/subscribe\">Subscribe</option>\n",
       "</select>\n",
       "<section class=\"links\">\n",
       "<ul>\n",
       "<li><a href=\"/Chicago-Magazine/Advertise\" onclick=\"ga('send', 'event','Global footer', 'Advertise');\">Advertise</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/Contact-Us\" onclick=\"ga('send', 'event','Global footer', 'Contact us');\">Contact Us</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/Classifieds/\" onclick=\"ga('send', 'event','Global footer', 'Marketplace');\">Marketplace</a></li>\n",
       "<li><a href=\"http://www.tronc.com/privacy-policy/\" onclick=\"ga('send', 'event','Global footer', 'Privacy');\">Privacy (Updated)</a></li>\n",
       "<li><a href=\"http://www.tronc.com/central-terms-of-service/\" onclick=\"ga('send', 'event','Global footer', 'Terms');\">Terms</a></li>\n",
       "</ul>\n",
       "<ul>\n",
       "<li><a href=\"/Chicago-Magazine/archive-index\" onclick=\"ga('send', 'event','Global footer', 'Archive');\">Archive</a></li>\n",
       "<li><a href=\"/customerservice\" onclick=\"ga('send', 'event','Global footer', 'Customer service');\">Customer Service</a></li>\n",
       "<li><a href=\"/newsletters\" onclick=\"ga('send', 'event','Global footer', 'Newsletters');\">Newsletters</a></li>\n",
       "<li><a href=\"/subscribe\" onclick=\"ga('send', 'event','Global footer', 'Subscribe');\">Subscribe</a></li>\n",
       "</ul>\n",
       "</section>\n",
       "<div class=\"credits\">\n",
       "<p class=\"copyright\">©<span id=\"copyright-year\"></span> <em>Chicago</em> magazine / A Chicago Tribune Media Group website</p>\n",
       "</div>\n",
       "</nav>\n",
       "</footer>\n",
       "<!--[if lt IE 9]>\n",
       "<script type=\"text/javascript\" language\"Javascript\">\n",
       "console.log('Mutha ucking IE8');\n",
       "jQuery('html').addClass('old-ie');\n",
       "</script>\n",
       "<![endif]-->\n",
       "<script>\n",
       "document.getElementById('copyright-year').innerHTML = new Date().getFullYear()\n",
       "</script>\n",
       "<script async=\"\" src=\"//s.ntv.io/serve/load.js\"></script>\n",
       "<script>\n",
       "var FB = FB || false;\n",
       "if (FB) {\n",
       "  FB.Event.subscribe('edge.create', function(url) {\n",
       "    ga('send', 'social', 'facebook', 'like', url);\n",
       "  });\n",
       "}\n",
       "</script>\n",
       "<!-- Chartbeat -->\n",
       "<script type=\"text/javascript\">\n",
       "var _sf_async_config={uid:3096,domain:\"chicagomag.com\"}; // ,useCanonical: true\n",
       "\n",
       "  _sf_async_config.sections = \"Dining & Drinking\";\n",
       "\n",
       "\n",
       "(function(){\n",
       "  function loadChartbeat() {\n",
       "    window._sf_endpt=(new Date()).getTime();\n",
       "    var e = document.createElement('script');\n",
       "    e.setAttribute('language', 'javascript');\n",
       "    e.setAttribute('type', 'text/javascript');\n",
       "    e.setAttribute('src',\n",
       "       ((\"https:\" == document.location.protocol) ? \"https://a248.e.akamai.net/chartbeat.download.akamai.com/102508/\" : \"http://static.chartbeat.com/\") +\n",
       "       \"js/chartbeat.js\");\n",
       "    document.body.appendChild(e);\n",
       "  }\n",
       "  var oldonload = window.onload;\n",
       "  window.onload = (typeof window.onload != 'function') ?\n",
       "     loadChartbeat : function() { oldonload(); loadChartbeat(); };\n",
       "})();\n",
       "</script>\n",
       "<!-- Google Custom Search Engine -->\n",
       "<script type=\"text/javascript\">\n",
       "  (function() {\n",
       "    var cx = '010330565828956611806:7mfjr5payok'; //PROD\n",
       "    // var cx = '012184964769571027538:4alkqopmlde'; // DEV\n",
       "    var gcse = document.createElement('script');\n",
       "    gcse.type = 'text/javascript';\n",
       "    gcse.async = true;\n",
       "    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +\n",
       "        '//www.google.com/cse/cse.js?cx=' + cx;\n",
       "    var s = document.getElementsByTagName('script')[0];\n",
       "    s.parentNode.insertBefore(gcse, s);\n",
       "  })();\n",
       "</script>\n",
       "<script src=\"http://contentz.mkt51.net/lp/static/js/iMAWebCookie.js?5d52baad-1411358527b-d7c8ec57ae636c7258d3eb0ef0e531f2&amp;h=www.pages05.net\" type=\"text/javascript\"></script>\n",
       "<!-- Disqus -->\n",
       "<script>\n",
       "  var disqus_shortname = 'chicagomag';\n",
       "  var disqus_identifier = '19493';\n",
       "  var disqus_title = 'The 50 Best Sandwiches in Chicago';\n",
       "  var disqus_url = 'http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/';\n",
       "\n",
       "  /* * * DON'T EDIT BELOW THIS LINE * * */\n",
       "  (function() {\n",
       "      var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;\n",
       "      dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';\n",
       "      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);\n",
       "  })();\n",
       "\n",
       "  (function () {\n",
       "  var s = document.createElement('script'); s.async = true;\n",
       "  s.type = 'text/javascript';\n",
       "  s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';\n",
       "  (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);\n",
       "  }());\n",
       "</script>\n",
       "<!-- Clean up the lame Rivista pagination -->\n",
       "<script type=\"text/javascript\">\n",
       "  var pb = jQuery('.page-break');\n",
       "  if (pb.length) {\n",
       "    var pagebreak = pb.html();\n",
       "    // Remove it from Page 1\n",
       "    if (pagebreak.substring(0,10) == \"(page 1 of\") {\n",
       "      pb.hide();\n",
       "    }\n",
       "    else if (pagebreak.substring(0,13) == \"<em>Page 1 of\") {\n",
       "       pb.hide();\n",
       "    }\n",
       "    else {\n",
       "      pagebreak = pagebreak.replace(\"(page\",\"<em>Page\");\n",
       "      pagebreak = pagebreak.replace(\")\",\"</em>\");\n",
       "      pb.html(pagebreak);\n",
       "      pb.css('display','inline-block');\n",
       "    }\n",
       "  }\n",
       "</script>\n",
       "<!--[if lt IE 9]>\n",
       "<script  type=\"text/javascript\" language=\"JavaScript\" src=\"http://media.chicagomag.com//core/media/themes/Respond/js/respond.js?ver=1473876729\"></script>\n",
       "<![endif]-->\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//core/media/js/base.js?ver=1473876728\" type=\"text/javascript\"></script>\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//core/media/themes/Respond/js/bootstrap.min.js?ver=1473876729\" type=\"text/javascript\"></script>\n",
       "<script language=\"JavaScript\" src=\"//maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false\" type=\"text/javascript\"></script>\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//theme_overrides/Respond/js/interstitial.js?ver=1515710421\" type=\"text/javascript\"></script>\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//theme_overrides/Respond/js/newsletter-subscribe.js?ver=1523643701\" type=\"text/javascript\"></script>\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//theme_overrides/Respond/js/RivistaGoogleDFP.js?ver=1447178886\" type=\"text/javascript\"></script>\n",
       "<!-- godengo-monitor --></body>\n",
       "</html>"
      ]
     },
     "execution_count": 30,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from bs4 import BeautifulSoup \n",
    "from urllib.request import urlopen\n",
    "\n",
    "url_base = 'http://www.chicagomag.com'\n",
    "url_sub = '/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago/'\n",
    "url = url_base + url_sub\n",
    "\n",
    "html = urlopen(url)\n",
    "soup = BeautifulSoup(html, \"html.parser\")\n",
    "\n",
    "soup"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 31,
   "metadata": {
    "scrolled": true
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "[<div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">1</div>\n",
      "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/\"><b>BLT</b><br>\r\n",
      "Old Oak Tap<br>\n",
      "<em>Read more</em> </br></br></a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">2</div>\n",
      "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Au-Cheval-Fried-Bologna/\"><b>Fried Bologna</b><br/>\r\n",
      "Au Cheval<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">3</div>\n",
      "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Xoco-Woodland-Mushroom/\"><b>Woodland Mushroom</b><br/>\r\n",
      "Xoco<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">4</div>\n",
      "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Als-Deli-Roast-Beef/\"><b>Roast Beef</b><br/>\r\n",
      "Al’s Deli<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">5</div>\n",
      "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Publican-Quality-Meats-PB-L/\"><b>PB&amp;L</b><br/>\r\n",
      "Publican Quality Meats<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">6</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Hendrickx-Belgian-Bread-Crafter-Belgian-Chicken-Curry-Salad/\"><b>Belgian Chicken Curry Salad</b><br/>\r\n",
      "Hendrickx Belgian Bread Crafter<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">7</div>\n",
      "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Acadia-Lobster-Roll/\"><b>Lobster Roll</b><br/>\r\n",
      "Acadia<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">8</div>\n",
      "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Birchwood-Kitchen-Smoked-Salmon-Salad/\"><b>Smoked Salmon Salad</b><br/>\r\n",
      "Birchwood Kitchen<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">9</div>\n",
      "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Cemitas-Puebla-Atomica-Cemitas/\"><b>Atomica Cemitas</b><br/>\r\n",
      "Cemitas Puebla<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">10</div>\n",
      "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Nana-Grilled-Laughing-Bird-Shrimp-and-Fried-Oyster-Po-Boy/\"><b>Grilled Laughing Bird Shrimp and Fried Po’ Boy</b><br/>\r\n",
      "Nana<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">11</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Lula-Cafe-Ham-and-Raclette-Panino/\"><b>Ham and Raclette Panino</b><br/>\r\n",
      "Lula Cafe<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">12</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Ricobenes-Breaded-Steak/\"><b>Breaded Steak</b><br/>\r\n",
      "Ricobene’s<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">13</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Frog-n-Snail-The-Hawkeye/\"><b>The Hawkeye</b><br/>\r\n",
      "Frog n Snail<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">14</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Crosbys-Kitchen-Chicken-Dip/\"><b>Chicken Dip</b><br/>\r\n",
      "Crosby’s Kitchen<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">15</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Longman-and-Eagle-Wild-Boar-Sloppy-Joe/\"><b>Wild Boar Sloppy Joe</b><br/>\r\n",
      "Longman &amp; Eagle<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">16</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Bari-Meatball-Sub/\"><b>Meatball Sub</b><br/>\r\n",
      "Bari<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">17</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Mannys-Corned-Beef/\"><b>Corned Beef</b><br/>\r\n",
      "Manny’s<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">18</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Eggys-Turkey-Club/\"><b>Turkey Club</b><br/>\r\n",
      "Eggy’s<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">19</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Jerusalem-Falafel/\"><b>Falafel</b><br/>\r\n",
      "Old Jerusalem<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">20</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Mindys-HotChocolate-Crab-Cake/\"><b>Crab Cake</b><br/>\r\n",
      "Mindy’s HotChocolate<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">21</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Olgas-Delicatessen-Chicken-Schnitzel/\"><b>Chicken Schnitzel</b><br/>\r\n",
      "Olga’s Delicatessen<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">22</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Dawali-Mediterranean-Kitchen-Shawarma/\"><b>Shawarma</b><br/>\r\n",
      "Dawali Mediterranean Kitchen<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">23</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Big-Jones-Toasted-Pimiento-Cheese/\"><b>Toasted Pimiento Cheese</b><br/>\r\n",
      "Big Jones<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">24</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-La-Pane-Vegetarian-Panino/\"><b>Vegetarian Panino</b><br/>\r\n",
      "La Pane<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">25</div>\n",
      "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Pastoral-Cali-Chevre/\"><b>Cali Chèvre</b><br/>\r\n",
      "Pastoral<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">26</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Maxs-Deli-Pastrami/\"><b>Pastrami</b><br/>\r\n",
      "Max’s Deli<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">27</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Luckys-Sandwich-Co-The-Fredo/\"><b>The Fredo</b><br/>\r\n",
      "Lucky’s Sandwich Co.<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">28</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-City-Provisions-Smoked-Ham/\"><b>Smoked Ham</b><br/>\r\n",
      "City Provisions<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">29</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Papas-Cache-Sabroso-Jibarito/\"><b>Jibarito</b><br/>\r\n",
      "Papa’s Cache Sabroso<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">30</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Bavettes-Bar-and-Boeuf-Shaved-Prime-Rib/\"><b>Shaved Prime Rib</b><br/>\r\n",
      "Bavette’s Bar &amp; Boeuf<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">31</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Hannahs-Bretzel-Serrano-Ham-and-Manchego-Cheese/\"><b>Serrano Ham and Manchego Cheese</b><br/>\r\n",
      "Hannah’s Bretzel<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">32</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-La-Fournette-Tuna-Salad/\"><b>Tuna Salad</b><br/>\r\n",
      "La Fournette<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">33</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Paramount-Room-Paramount-Reuben/\"><b>Paramount Reuben</b><br/>\r\n",
      "Paramount Room<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">34</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Melt-Sandwich-Shoppe-The-Istanbul/\"><b>The Istanbul</b><br/>\r\n",
      "Melt Sandwich Shoppe<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">35</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Floriole-Cafe-and-Bakery-BAD/\"><b>B.A.D.</b><br/>\r\n",
      "Floriole Cafe &amp; Bakery<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">36</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-First-Slice-Pie-Cafe-Duck-Confit-and-Mozzarella/\"><b>Duck Confit and Mozzarella</b><br/>\r\n",
      "First Slice Pie Café<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">37</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Troquet-Croque-Monsieur/\"><b>Croque Monsieur</b><br/>\r\n",
      "Troquet<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">38</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Grahamwich-Green-Garbanzo/\"><b>Green Garbanzo</b><br/>\r\n",
      "Grahamwich<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">39</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Saigon-Sisters-The-Hen-House/\"><b>The Hen House</b><br/>\r\n",
      "Saigon Sisters<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">40</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Rosalias-Deli-Tuscan-Chicken/\"><b>Tuscan Chicken</b><br/>\r\n",
      "Rosalia’s Deli<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">41</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Z-and-H-MarketCafe-The-Marty/\"><b>The Marty </b><br/>\r\n",
      "Z&amp;H MarketCafe<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">42</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Market-House-on-the-Square-Whitefish/\"><b>Whitefish</b><br/>\r\n",
      "Market House on the Square<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">43</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Elaines-Coffee-Call-Oat-Bread-Pecan-Butter-and-Fruit-Jam/\"><b>Oat Bread, Pecan Butter, and Fruit Jam</b><br/>\r\n",
      "Elaine’s Coffee Call<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">44</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Marion-Street-Cheese-Market-Cauliflower-Melt/\"><b>Cauliflower Melt</b><br/>\r\n",
      "Marion Street Cheese Market<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">45</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Cafecito-Cubano/\"><b>Cubana</b><br/>\r\n",
      "Cafecito<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">46</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Chickpea-Kufta/\"><b>Kufta</b><br/>\r\n",
      "Chickpea<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">47</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-The-Goddess-and-Grocer-Debbies-Egg-Salad/\"><b>Debbie’s Egg Salad</b><br/>\r\n",
      "The Goddess and Grocer<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">48</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Zenwich-Beef-Curry/\"><b>Beef Curry</b><br/>\r\n",
      "Zenwich<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">49</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Toni-Patisserie-Le-Vegetarien/\"><b>Le Végétarien</b><br/>\r\n",
      "Toni Patisserie<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>, <div class=\"sammy\" style=\"position: relative; border-bottom: 0\">\n",
      "<div class=\"sammyRank\">50</div>\n",
      "<div class=\"sammyListing\"><a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Phoebes-Bakery-The-Gatsby/\"><b>The Gatsby</b><br/>\r\n",
      "Phoebe’s Bakery<br/>\n",
      "<em>Read more</em> </a></div>\n",
      "</div>]\n"
     ]
    }
   ],
   "source": [
    "print(soup.find_all('div', 'sammy'))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 32,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "50"
      ]
     },
     "execution_count": 32,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "len(soup.find_all('div', 'sammy'))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 33,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "<div class=\"sammy\" style=\"position: relative;\">\n",
      "<div class=\"sammyRank\">1</div>\n",
      "<div class=\"sammyListing\"><a href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/\"><b>BLT</b><br>\r\n",
      "Old Oak Tap<br>\n",
      "<em>Read more</em> </br></br></a></div>\n",
      "</div>\n"
     ]
    }
   ],
   "source": [
    "print(soup.find_all('div', 'sammy')[0])"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## 접근한 웹 페이지에서 원하는 데이터 추출하고 정리하기"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 34,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "bs4.element.Tag"
      ]
     },
     "execution_count": 34,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "tmp_one = soup.find_all('div', 'sammy')[0]\n",
    "type(tmp_one)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 35,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<div class=\"sammyRank\">1</div>"
      ]
     },
     "execution_count": 35,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "tmp_one.find(class_='sammyRank')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 36,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'1'"
      ]
     },
     "execution_count": 36,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "tmp_one.find(class_='sammyRank').get_text()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 37,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'BLT\\r\\nOld Oak Tap\\nRead more '"
      ]
     },
     "execution_count": 37,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "tmp_one.find(class_='sammyListing').get_text()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 38,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/'"
      ]
     },
     "execution_count": 38,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "tmp_one.find('a')['href']"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 39,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "BLT\n",
      "Old Oak Tap\n"
     ]
    }
   ],
   "source": [
    "import re\n",
    "\n",
    "tmp_string = tmp_one.find(class_='sammyListing').get_text()\n",
    "\n",
    "re.split(('\\n|\\r\\n'), tmp_string)\n",
    "\n",
    "print(re.split(('\\n|\\r\\n'), tmp_string)[0])\n",
    "print(re.split(('\\n|\\r\\n'), tmp_string)[1])"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 40,
   "metadata": {},
   "outputs": [],
   "source": [
    "from urllib.parse import urljoin"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 41,
   "metadata": {},
   "outputs": [],
   "source": [
    "rank = []\n",
    "main_menu = []\n",
    "cafe_name = []\n",
    "url_add = []\n",
    "\n",
    "list_soup = soup.find_all('div', 'sammy')\n",
    "\n",
    "for item in list_soup:\n",
    "    rank.append(item.find(class_='sammyRank').get_text())\n",
    "    \n",
    "    tmp_string = item.find(class_='sammyListing').get_text()\n",
    "\n",
    "    main_menu.append(re.split(('\\n|\\r\\n'), tmp_string)[0])\n",
    "    cafe_name.append(re.split(('\\n|\\r\\n'), tmp_string)[1])\n",
    "    \n",
    "    url_add.append(urljoin(url_base, item.find('a')['href']))"
   ]
  },
  {
   "cell_type": "raw",
   "metadata": {},
   "source": [
    "from tqdm import tqdm_notebook\n",
    "import time\n",
    "\n",
    "rank = []\n",
    "main_menu = []\n",
    "cafe_name = []\n",
    "url_add = []\n",
    "\n",
    "list_soup = soup.find_all('div', 'sammy')\n",
    "bar_total = tqdm_notebook(list_soup)\n",
    "\n",
    "for item in bar_total:\n",
    "    rank.append(item.find(class_='sammyRank').get_text())\n",
    "    \n",
    "    tmp_string = item.find(class_='sammyListing').get_text()\n",
    "\n",
    "    main_menu.append(re.split(('\\n|\\r\\n'), tmp_string)[0])\n",
    "    cafe_name.append(re.split(('\\n|\\r\\n'), tmp_string)[1])\n",
    "    \n",
    "    url_add.append(urljoin(url_base, item.find('a')['href']))\n",
    "    \n",
    "    time.sleep(0.05)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 42,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['1', '2', '3', '4', '5']"
      ]
     },
     "execution_count": 42,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "rank[:5]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 43,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['BLT', 'Fried Bologna', 'Woodland Mushroom', 'Roast Beef', 'PB&L']"
      ]
     },
     "execution_count": 43,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "main_menu[:5]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 44,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['Old Oak Tap', 'Au Cheval', 'Xoco', 'Al’s Deli', 'Publican Quality Meats']"
      ]
     },
     "execution_count": 44,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "cafe_name[:5]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 45,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/',\n",
       " 'http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Au-Cheval-Fried-Bologna/',\n",
       " 'http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Xoco-Woodland-Mushroom/',\n",
       " 'http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Als-Deli-Roast-Beef/',\n",
       " 'http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Publican-Quality-Meats-PB-L/']"
      ]
     },
     "execution_count": 45,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "url_add[:5]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 46,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "(50, 50, 50, 50)"
      ]
     },
     "execution_count": 46,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "len(rank), len(main_menu), len(cafe_name), len(url_add)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "collapsed": true
   },
   "source": [
    "---"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 47,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Cafe</th>\n",
       "      <th>Menu</th>\n",
       "      <th>Rank</th>\n",
       "      <th>URL</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>Old Oak Tap</td>\n",
       "      <td>BLT</td>\n",
       "      <td>1</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>Au Cheval</td>\n",
       "      <td>Fried Bologna</td>\n",
       "      <td>2</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>Xoco</td>\n",
       "      <td>Woodland Mushroom</td>\n",
       "      <td>3</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>Al’s Deli</td>\n",
       "      <td>Roast Beef</td>\n",
       "      <td>4</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>Publican Quality Meats</td>\n",
       "      <td>PB&amp;L</td>\n",
       "      <td>5</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                     Cafe               Menu Rank  \\\n",
       "0             Old Oak Tap                BLT    1   \n",
       "1               Au Cheval      Fried Bologna    2   \n",
       "2                    Xoco  Woodland Mushroom    3   \n",
       "3               Al’s Deli         Roast Beef    4   \n",
       "4  Publican Quality Meats               PB&L    5   \n",
       "\n",
       "                                                 URL  \n",
       "0  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "1  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "2  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "3  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "4  http://www.chicagomag.com/Chicago-Magazine/Nov...  "
      ]
     },
     "execution_count": 47,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "import pandas as pd\n",
    "\n",
    "data = {'Rank':rank, 'Menu':main_menu, 'Cafe':cafe_name, 'URL':url_add}\n",
    "df = pd.DataFrame(data)\n",
    "df.head()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 48,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Rank</th>\n",
       "      <th>Cafe</th>\n",
       "      <th>Menu</th>\n",
       "      <th>URL</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>1</td>\n",
       "      <td>Old Oak Tap</td>\n",
       "      <td>BLT</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>2</td>\n",
       "      <td>Au Cheval</td>\n",
       "      <td>Fried Bologna</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>3</td>\n",
       "      <td>Xoco</td>\n",
       "      <td>Woodland Mushroom</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>4</td>\n",
       "      <td>Al’s Deli</td>\n",
       "      <td>Roast Beef</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>5</td>\n",
       "      <td>Publican Quality Meats</td>\n",
       "      <td>PB&amp;L</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "  Rank                    Cafe               Menu  \\\n",
       "0    1             Old Oak Tap                BLT   \n",
       "1    2               Au Cheval      Fried Bologna   \n",
       "2    3                    Xoco  Woodland Mushroom   \n",
       "3    4               Al’s Deli         Roast Beef   \n",
       "4    5  Publican Quality Meats               PB&L   \n",
       "\n",
       "                                                 URL  \n",
       "0  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "1  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "2  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "3  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "4  http://www.chicagomag.com/Chicago-Magazine/Nov...  "
      ]
     },
     "execution_count": 48,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "df = pd.DataFrame(data, columns=['Rank','Cafe','Menu','URL'])\n",
    "df.head(5)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 49,
   "metadata": {},
   "outputs": [],
   "source": [
    "df.to_csv('../data/03. best_sandwiches_list_chicago.csv', sep=',', \n",
    "          encoding='UTF-8')"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "collapsed": true
   },
   "source": [
    "## 다수의 웹 페이지에 자동으로 접근해서 원하는 정보 가져오기"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 50,
   "metadata": {},
   "outputs": [],
   "source": [
    "from bs4 import BeautifulSoup \n",
    "from urllib.request import urlopen\n",
    "\n",
    "import pandas as pd"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 51,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Rank</th>\n",
       "      <th>Cafe</th>\n",
       "      <th>Menu</th>\n",
       "      <th>URL</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>1</td>\n",
       "      <td>Old Oak Tap</td>\n",
       "      <td>BLT</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>2</td>\n",
       "      <td>Au Cheval</td>\n",
       "      <td>Fried Bologna</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>3</td>\n",
       "      <td>Xoco</td>\n",
       "      <td>Woodland Mushroom</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>4</td>\n",
       "      <td>Al’s Deli</td>\n",
       "      <td>Roast Beef</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>5</td>\n",
       "      <td>Publican Quality Meats</td>\n",
       "      <td>PB&amp;L</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "   Rank                    Cafe               Menu  \\\n",
       "0     1             Old Oak Tap                BLT   \n",
       "1     2               Au Cheval      Fried Bologna   \n",
       "2     3                    Xoco  Woodland Mushroom   \n",
       "3     4               Al’s Deli         Roast Beef   \n",
       "4     5  Publican Quality Meats               PB&L   \n",
       "\n",
       "                                                 URL  \n",
       "0  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "1  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "2  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "3  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "4  http://www.chicagomag.com/Chicago-Magazine/Nov...  "
      ]
     },
     "execution_count": 51,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "df = pd.read_csv('../data/03. best_sandwiches_list_chicago.csv', index_col=0)\n",
    "df.head()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 52,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/'"
      ]
     },
     "execution_count": 52,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "df['URL'][0]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 53,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "\n",
       "<!DOCTYPE doctype html>\n",
       "\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "<!-- Urbis magnitudo. Fabulas magnitudo. -->\n",
       "<meta charset=\"utf-8\"/>\n",
       "<style>a.edit_from_site {display: none !important;}</style>\n",
       "<title>\n",
       "  1. Old Oak Tap BLT |\n",
       "  Chicago magazine\n",
       "      |  November 2012\n",
       "    </title>\n",
       "<meta content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable = no\" name=\"viewport\">\n",
       "<meta content=\"“Truly inspired.”\" name=\"description\"/>\n",
       "<!-- <meta name=\"description\" content=\"&#8220;Truly inspired.&#8221;\"> -->\n",
       "<meta content=\"\" name=\"keywords\"/>\n",
       "<meta content=\"37873197144\" property=\"fb:pages\">\n",
       "<link href=\"//cloud.typography.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//www.googletagservices.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//ajax.googleapis.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//securepubads.g.doubleclick.net\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//media.chicagomag.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//ox-d.godengo.com/\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//www.google-analytics.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//ping.chartbeat.net\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//static.chartbeat.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//www.google.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//cse.google.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//www.googleapis.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//maps.googleapis.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//csi.gstatic.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//www.facebook.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//staticxx.facebook.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//connect.facebook.net\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//chicagomag.disqus.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//contentz.mkt51.net\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//www.pages05.net\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//www.disqus.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//a.disquscdn.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//fbcdn.net\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//players.brightcove.net\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//edge.api.brightcove.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//metrics.brightcove.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//c.brightcove.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//pvp.trb.com\" rel=\"dns-prefetch\"/>\n",
       "<link href=\"//s.ntv.io\" rel=\"dns-prefetch\"/>\n",
       "<script>\n",
       "    if (window.innerWidth > 650) {\n",
       "            // Verlag, Landmark, and Mercury\n",
       "      document.write('<link rel=\"stylesheet\" type=\"text/css\" href=\"//cloud.typography.com/7169452/776042/css/fonts.css\" />')\n",
       "          }\n",
       "    else {\n",
       "            // Just Verlag and Landmark\n",
       "      document.write('<link rel=\"stylesheet\" type=\"text/css\" href=\"//cloud.typography.com/7169452/675348/css/fonts.css\" />')\n",
       "            \n",
       "    }\n",
       "  </script>\n",
       "<noscript>\n",
       "<link href=\"//cloud.typography.com/7169452/776042/css/fonts.css\" rel=\"stylesheet\" type=\"text/css\">\n",
       "</link></noscript>\n",
       "<meta content=\"www.pages05.net,chicagomag.com\" name=\"com.silverpop.brandeddomains\">\n",
       "<script>\n",
       "(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){\n",
       "(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),\n",
       "m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)\n",
       "})(window,document,'script','//www.google-analytics.com/analytics.js','ga');\n",
       "\n",
       "ga('create', 'UA-297666-1', {'siteSpeedSampleRate': 100});\n",
       "\n",
       "\n",
       "\n",
       "ga('set', 'dimension1', 'restaurant')\n",
       "\n",
       "\n",
       "\n",
       "  ga('set', 'dimension4', '2012-10-09 18:13:00');\n",
       "\n",
       "  ga('set', 'dimension5', 'article.tpl');\n",
       "\n",
       "ga('send', 'pageview');\n",
       "\n",
       "\n",
       "var trackOutboundLink = function(url) {\n",
       "   ga('send', 'event', 'outbound', 'click', url, {\n",
       "     'transport': 'beacon',\n",
       "     'hitCallback': function(){document.location = url;}\n",
       "   });\n",
       "}\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "</script>\n",
       "<link href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/\" rel=\"canonical\">\n",
       "<meta content=\"1. Old Oak Tap BLT\" name=\"title\"/>\n",
       "<meta content=\"all\" name=\"robots\"/>\n",
       "<meta content=\"chicago magazine, chicago magazine online, chicago guide, chicago recreation, chicago restaurants, chicago events, chicago entertainment, chicago attractions, chicago outdoor, chicago dining, chicago bars, chicago nightlife, chicago shopping, chicago fashion, chicago arts, chicago culture\" name=\"news_keywords\"/>\n",
       "<!-- -->\n",
       "<link href=\"http://media.chicagomag.com//images/cache/cache_3/cache_9/cache_8/01-Old-Oak-Trap-BLT-500-79e34893.jpeg?ver=1482330137&amp;aspectratio=1.3333333333333\" rel=\"image_src\">\n",
       "<meta content=\"http://media.chicagomag.com//images/cache/cache_3/cache_9/cache_8/01-Old-Oak-Trap-BLT-500-79e34893.jpeg?ver=1482330137&amp;aspectratio=1.3333333333333\" name=\"thumbnail\"/>\n",
       "<script type=\"text/javascript\">var _sf_startpt=(new Date()).getTime()</script>\n",
       "<link href=\"http://media.chicagomag.com/favicon.ico\" rel=\"shortcut icon\"/>\n",
       "<meta content=\"summary_large_image\" name=\"twitter:card\"/>\n",
       "<meta content=\"http://media.chicagomag.com//images/cache/cache_b/cache_b/cache_5/01-Old-Oak-Trap-BLT-500-ef23e5bb.jpeg?ver=1482330137&amp;aspectratio=1.3333333333333\" name=\"twitter:image\"/>\n",
       "<meta content=\"http://media.chicagomag.com//images/cache/cache_d/cache_4/cache_e/01-Old-Oak-Trap-BLT-500-a09efe4d.jpeg?ver=1482330137&amp;aspectratio=1.3333333333333\" property=\"og:image\"/>\n",
       "<meta content=\"Chicago magazine\" name=\"twitter:app:name:ipad\"/>\n",
       "<meta content=\"567851357\" name=\"twitter:app:id:ipad\"/>\n",
       "<meta content=\"Chicago magazine\" name=\"twitter:app:name:googleplay\"/>\n",
       "<meta content=\"com.chicagomag.chicagomag\" name=\"twitter:app:id:googleplay\"/>\n",
       "<meta content=\"1. Old Oak Tap BLT\" property=\"og:title\">\n",
       "<meta content=\"1. Old Oak Tap BLT\" name=\"twitter:title\">\n",
       "<meta content=\"article\" property=\"og:type\">\n",
       "<meta content=\"bikesarefun\" property=\"fb:admins\">\n",
       "<meta content=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/\" property=\"og:url\">\n",
       "<meta content=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/\" name=\"twitter:url\">\n",
       "<meta content=\"Chicago magazine\" property=\"og:site_name\">\n",
       "<meta content='\"Truly inspired.\"' property=\"og:description\"/>\n",
       "<meta content='\"Truly inspired.\"' name=\"twitter:description\"/>\n",
       "<meta content=\"@chicagomag\" name=\"twitter:site\"/>\n",
       "<script type=\"text/javascript\">\n",
       "      var articleID = '19495';\n",
       "    var adcat = \"restaurant\";\n",
       "\n",
       "  // Set the video variables\n",
       "  var videoID = \"Inside Best Restaurants\";// Fallback\n",
       "  \n",
       "    // adcat: restaurant\n",
       "            var videoID = \"Inside Best Restaurants\";\n",
       "      \n",
       "  \n",
       "</script>\n",
       "<script type=\"text/javascript\">\n",
       "\n",
       "  // Asynchronous\n",
       "  var googletag = googletag || {};\n",
       "      googletag.cmd = googletag.cmd || [];\n",
       "\n",
       "  // Set some global variables so we can refresh these slots asynchronously\n",
       "  var cube2 = '',\n",
       "      leaderboard1 = '',\n",
       "      leaderboard6 = '';\n",
       "  (function() {\n",
       "    var gads = document.createElement(\"script\");\n",
       "    gads.async = true;\n",
       "    gads.type = \"text/javascript\";\n",
       "      var useSSL = \"https:\" == document.location.protocol;\n",
       "      gads.src = (useSSL ? \"https:\" : \"http:\") + \"//www.googletagservices.com/tag/js/gpt.js\";\n",
       "      var node =document.getElementsByTagName(\"script\")[0];\n",
       "      node.parentNode.insertBefore(gads, node);\n",
       "    })();\n",
       "\n",
       "</script>\n",
       "<script type=\"text/javascript\">\n",
       "  googletag.cmd.push(function() {\n",
       "  googletag.defineSlot('/4011/trb.chicagomag/hp', [[300,250]],'div-gpt-ad-cube-1').setTargeting('pos',['1']).addService(googletag.pubads());\n",
       "  cube2 = googletag.defineSlot('/4011/trb.chicagomag/hp', [[300,250]],'div-gpt-ad-cube-2').setTargeting('pos',['2']).addService(googletag.pubads());\n",
       "  googletag.defineSlot('/4011/trb.chicagomag/hp', [[300,250]],'div-gpt-ad-cube-3').setTargeting('pos',['3']).addService(googletag.pubads());\n",
       "  googletag.defineSlot('/4011/trb.chicagomag/hp', [[300,250]],'div-gpt-ad-cube-4').setTargeting('pos',['4']).addService(googletag.pubads());\n",
       "  googletag.defineSlot('/4011/trb.chicagomag/hp', [[300,250]],'div-gpt-ad-cube-5').setTargeting('pos',['5']).addService(googletag.pubads());\n",
       "  googletag.defineSlot('/4011/trb.chicagomag/hp', [[300,250]],'div-gpt-ad-cube-6').setTargeting('pos',['6']).addService(googletag.pubads());\n",
       "\n",
       "  if (window.innerWidth > 727) {\n",
       "    leaderboard1 = googletag.defineSlot('/4011/trb.chicagomag/hp', [[728,90]],'div-gpt-ad-leaderboard-1').setTargeting('pos',['1']).addService(googletag.pubads());\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[728,90]],'div-gpt-ad-leaderboard-2').setTargeting('pos',['2']).addService(googletag.pubads());\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[728,90]],'div-gpt-ad-leaderboard-3').setTargeting('pos',['3']).addService(googletag.pubads());\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[728,90]],'div-gpt-ad-leaderboard-4').setTargeting('pos',['4']).addService(googletag.pubads());\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[728,90]],'div-gpt-ad-leaderboard-5').setTargeting('pos',['5']).addService(googletag.pubads());\n",
       "    leaderboard6 = googletag.defineSlot('/4011/trb.chicagomag/hp', [[728,90]],'div-gpt-ad-leaderboard-6').setTargeting('pos',['6']).addService(googletag.pubads());\n",
       "  }\n",
       "  else {\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[320,50]],'div-gpt-ad-mobile-leaderboard-1').setTargeting('pos',['1']).addService(googletag.pubads());\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[320,50]],'div-gpt-ad-mobile-leaderboard-2').setTargeting('pos',['2']).addService(googletag.pubads());\n",
       "  }\n",
       "\n",
       "  // googletag.defineSlot('/4011/trb.chicagomag/hp', [[160,600]],'div-gpt-ad-999449422057474470-6').setTargeting('pos',['1']).addService(googletag.pubads());\n",
       "  // googletag.defineSlot('/4011/trb.chicagomag/hp', [[160,600]],'div-gpt-ad-999449422057474470-7').setTargeting('pos',['2']).addService(googletag.pubads());\n",
       "\n",
       "  if (window.innerWidth > 599) {\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[600,100]],'div-gpt-ad-600-100').setTargeting('pos',['1']).addService(googletag.pubads());\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[600,400]],'div-gpt-ad-600-400-1').setTargeting('pos',['1']).addService(googletag.pubads());\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[600,400]],'div-gpt-ad-600-400-2').setTargeting('pos',['2']).addService(googletag.pubads());\n",
       "    googletag.defineSlot('/4011/trb.chicagomag/hp', [[600,400]],'div-gpt-ad-600-400-3').setTargeting('pos',['3']).addService(googletag.pubads());\n",
       "  }\n",
       "\n",
       "\n",
       "  googletag.defineSlot('/4011/trb.chicagomag/hp', [[336,392]],'div-gpt-ad-999449422057474470-9').setTargeting('pos',['1']).addService(googletag.pubads());\n",
       "\n",
       "  googletag.defineSlot('/4011/trb.chicagomag/hp', [[300,100]],'div-gpt-ad-video-companion').addService(googletag.pubads());\n",
       "\n",
       "  googletag.defineOutOfPageSlot('/4011/trb.chicagomag/hp', 'div-out-of-page').addService(googletag.pubads());\n",
       "\n",
       "  // Custom chicago mag targeting\n",
       "\n",
       "  googletag.pubads().setTargeting(\"adcat\", \"restaurant\");\n",
       "  googletag.pubads().setTargeting(\"pub\", \"chi\");\n",
       "  googletag.pubads().setTargeting(\"pubID\", \"100\");\n",
       "  googletag.pubads().setTargeting(\"videoID\", videoID);\n",
       "  googletag.pubads().collapseEmptyDivs();\n",
       "  \n",
       "            googletag.pubads().setTargeting(\"articleID\", \"19495\");\n",
       "      \n",
       "                  \n",
       "  googletag.enableServices();\n",
       "\n",
       "  });// End googletag.cmd.push()\n",
       "\n",
       "</script>\n",
       "<!-- End: GPT -->\n",
       "<!-- responsive -->\n",
       "<script language=\"Javascript\" src=\"//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js\" type=\"text/javascript\"></script>\n",
       "<script type=\"text/javascript\">\n",
       "if (typeof jQuery == 'undefined') {\n",
       "\tdocument.write(unescape(\"%3Cscript src='http://media.chicagomag.com//core/media/js/jquery-1.8.1.min.js?ver=1473876728' type='text/javascript'%3E%3C/script%3E\"));\n",
       "}\n",
       "</script>\n",
       "<script type=\"text/javascript\">\n",
       "var rjQuery = jQuery.noConflict(); // leave the $ variable alone\n",
       "</script>\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//theme_overrides/Respond/js/site-search.js?ver=1386069772\" type=\"text/javascript\"></script>\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//core/media/js/base.js?ver=1473876728\" type=\"text/javascript\"></script>\n",
       "<!--[if lt IE 9]>\n",
       "<script  type=\"text/javascript\" language=\"JavaScript\" src=\"http://media.chicagomag.com//core/media/themes/Respond/js/html5_shiv.js?ver=1473876729\"></script>\n",
       "<![endif]-->\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//core/media/js/jquery.browser.js?ver=1473876728\" type=\"text/javascript\"></script>\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//theme_overrides/Respond/js/jquery.iframe-auto-height.plugin.1.8.0.js?ver=1446756854\" type=\"text/javascript\"></script>\n",
       "<link href=\"http://media.chicagomag.com//lessc/69b6a05603c90556b997a62de61a0ac7.one.css?ver=1515711230\" rel=\"stylesheet\" type=\"text/css\"/>\n",
       "<link href=\"http://media.chicagomag.com//lessc/69b6a05603c90556b997a62de61a0ac7.two.css?ver=1515711230\" rel=\"stylesheet\" type=\"text/css\"/>\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//theme_overrides/Respond/js/functions.js?ver=1483891934\" type=\"text/javascript\"></script>\n",
       "<link href=\"http://media.chicagomag.com//core/media/css/responsive_ads.css?ver=1473876728\" rel=\"stylesheet\" type=\"text/css\"/>\n",
       "<link href=\"http://media.chicagomag.com//theme_overrides/Respond/css/sandwiches.css?ver=1473559134\" rel=\"stylesheet\" type=\"text/css\"/>\n",
       "<!--[if IE 9]>\n",
       "<link rel=\"stylesheet\" type=\"text/css\" href=\"http://media.chicagomag.com//core/media/themes/Respond/css/ie9.css?ver=1473876729\">\n",
       "<![endif]-->\n",
       "<!--[if lt IE 9]>\n",
       "<link rel=\"stylesheet\" type=\"text/css\" href=\"http://media.chicagomag.com//core/media/themes/Respond/css/ie8.css?ver=1473876729\">\n",
       "<![endif]-->\n",
       "<script type=\"text/javascript\">RivistaJSString.put({\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\"_\":\"\"});</script>\n",
       "<!--[if lt IE 9]>\n",
       "<link rel=\"stylesheet\" type=\"text/css\" href=\"http://media.chicagomag.com//theme_overrides/Respond/css/chimag-ie8.css?ver=1443881828\">\n",
       "<![endif]-->\n",
       "<!--[if gt IE 7]>\n",
       "<link rel=\"stylesheet\" type=\"text/css\" href=\"http://media.chicagomag.com//theme_overrides/Respond/css/chimag-ie.css?ver=1381349768\">\n",
       "<![endif]-->\n",
       "<script>\n",
       "var ad_category = \"Restaurants and Bars\";\n",
       "</script>\n",
       "<script>\n",
       "window.editorIdMap = new Object;\n",
       "editorIdMap['120'] = {'mid': 1425,'view': 'edit_report'};\n",
       "editorIdMap['120'] = {'mid': 1426,'view': 'edit_report'};\n",
       "editorIdMap['122'] = {'mid': 1431,'view': 'edit_gateway'};\n",
       "editorIdMap['77'] = {'mid': 1350,'view': 'edit_config'};\n",
       "editorIdMap['11'] = {'mid': 1387,'view': 'edit_user'};\n",
       "editorIdMap['80'] = {'mid': 1423,'view': ''};\n",
       "editorIdMap['80'] = {'mid': 1421,'view': ''};\n",
       "editorIdMap['60'] = {'mid': 1328,'view': ''};\n",
       "editorIdMap['60'] = {'mid': 1327,'view': ''};\n",
       "editorIdMap['136'] = {'mid': 1491,'view': 'edit_comment'};\n",
       "editorIdMap['60'] = {'mid': 1322,'view': ''};\n",
       "editorIdMap['138'] = {'mid': 1492,'view': ''};\n",
       "editorIdMap['133'] = {'mid': 1488,'view': ''};\n",
       "editorIdMap['19'] = {'mid': 81,'view': 'edit_moduledefinition'};\n",
       "editorIdMap['21'] = {'mid': 694,'view': 'edit_module'};\n",
       "editorIdMap['16'] = {'mid': 1386,'view': 'edit_group'};\n",
       "editorIdMap['128'] = {'mid': 1479,'view': 'edit_issueperiod'};\n",
       "editorIdMap['79'] = {'mid': 1333,'view': 'edit_publication'};\n",
       "editorIdMap['78'] = {'mid': 1334,'view': 'edit_issue'};\n",
       "editorIdMap['97'] = {'mid': 1357,'view': 'edit_content'};\n",
       "editorIdMap['94'] = {'mid': 1388,'view': ''};\n",
       "editorIdMap['17'] = {'mid': 1389,'view': 'edit_menu'};\n",
       "editorIdMap['72'] = {'mid': 1422,'view': 'edit_product'};\n",
       "editorIdMap['2'] = {'mid': 1332,'view': ''};\n",
       "editorIdMap['2'] = {'mid': 1339,'view': ''};\n",
       "editorIdMap['60'] = {'mid': 1329,'view': ''};\n",
       "editorIdMap['98'] = {'mid': 1336,'view': 'edit_survey'};\n",
       "editorIdMap['85'] = {'mid': 1338,'view': 'edit_newsletter'};\n",
       "editorIdMap['86'] = {'mid': 1337,'view': 'edit_gallery'};\n",
       "editorIdMap['123'] = {'mid': 1473,'view': 'edit_calendar'};\n",
       "editorIdMap['140'] = {'mid': 1493,'view': 'edit_menu'};\n",
       "editorIdMap['116'] = {'mid': 1406,'view': 'edit_wrapper'};\n",
       "editorIdMap['118'] = {'mid': 1419,'view': 'edit_form'};\n",
       "editorIdMap['132'] = {'mid': 1489,'view': 'edit_geobase'};\n",
       "editorIdMap['134'] = {'mid': 1490,'view': 'edit_videochannel'};\n",
       "editorIdMap['130'] = {'mid': 1480,'view': 'edit_pageposition'};\n",
       "editorIdMap['117'] = {'mid': 1418,'view': 'edit_campaign'};\n",
       "editorIdMap['69'] = {'mid': 1424,'view': 'edit_category'};\n",
       "editorIdMap['115'] = {'mid': 1335,'view': 'edit_page'};\n",
       "editorIdMap['60'] = {'mid': 1325,'view': ''};\n",
       "editorIdMap['121'] = {'mid': 1430,'view': 'edit_shipcarrier'};\n",
       "editorIdMap['2'] = {'mid': 1340,'view': ''};\n",
       "editorIdMap['144'] = {'mid': 1495,'view': 'edit_recurring'};\n",
       "editorIdMap['146'] = {'mid': 1499,'view': 'edit_section'};\n",
       "editorIdMap['148'] = {'mid': 1501,'view': ''};\n",
       "editorIdMap['153'] = {'mid': 1505,'view': ''};\n",
       "editorIdMap['154'] = {'mid': 1506,'view': ''};\n",
       "editorIdMap['155'] = {'mid': 1507,'view': ''};\n",
       "editorIdMap['115'] = {'mid': 1360,'view': 'edit_page'};\n",
       "editorIdMap['126'] = {'mid': 1478,'view': 'edit_customtable'};\n",
       "editorIdMap['147'] = {'mid': 1500,'view': ''};\n",
       "editorIdMap['150'] = {'mid': 1502,'view': ''};\n",
       "editorIdMap['149'] = {'mid': 1503,'view': ''};\n",
       "editorIdMap['131'] = {'mid': 1481,'view': 'edit_tag'};\n",
       "editorIdMap['145'] = {'mid': 1496,'view': 'edit_redirect'};\n",
       "editorIdMap['143'] = {'mid': 1494,'view': 'edit_creditcardtype'};\n",
       "editorIdMap['156'] = {'mid': 1510,'view': ''};\n",
       "editorIdMap['119'] = {'mid': 1420,'view': 'edit_user'};\n",
       "editorIdMap['126'] = {'mid': 1512,'view': 'edit_customtable'};\n",
       "editorIdMap['158'] = {'mid': 1513,'view': ''};\n",
       "editorIdMap['157'] = {'mid': 1511,'view': ''};\n",
       "var pagetype = 'article';\n",
       "var admin_edit_itemid = '19495';\n",
       "var admin_edit_text = 'Edit Article';\n",
       "var admin_edit_link_extras = '';\n",
       "editorIdMap['article'] = {'mid': 1335,'view': 'edit_page'};\n",
       "editorIdMap['content'] = {'mid': 1360,'view': 'edit_page'};\n",
       "editorIdMap['cde'] = {'mid': 1512,'view': 'edit_customtable'};\n",
       "editorIdMap['cde_record'] = {'mid': 1512,'view': 'edit_customdata'};\n",
       "editorIdMap['evergreen'] = {'mid': 1335,'view': 'edit_page'};\n",
       "editorIdMap['issue'] = {'mid': 1360,'view': 'edit_page'};\n",
       "editorIdMap['publication'] = {'mid': 1360,'view': 'edit_page'};\n",
       "</script>\n",
       "<script src=\"http://media.chicagomag.com//theme_overrides/Respond/js/edit_from_site.js?ver=1446828087\"></script><link href=\"/core/media/css/edit_from_site.css\" rel=\"stylesheet\" type=\"text/css\"/></meta></meta></meta></meta></meta></meta></meta></link></link></meta></meta></meta></head>\n",
       "<body class=\"land long tpl-article din \" id=\"page_htmlid_19495\">\n",
       "<script>\n",
       "  var timestamp = 'Apr%2017%202018%2001:26';\n",
       "</script>\n",
       "<style>\n",
       "/*--- Mobile Reveal bar ---*/\n",
       "#reveal-bar-mobile {\n",
       "  background: rgba(255,255,255,.95);\n",
       "  border-bottom: 1px solid #aaa;\n",
       "  display: none;\n",
       "  padding: 11px 10px 9px 0;\n",
       "  position: fixed;\n",
       "  width: 100%;\n",
       "  -webkit-transform: translate3d(0,-80px,0);\n",
       "  -moz-transform   : translate3d(0,-80px,0);\n",
       "  -o-transform     : translate3d(0,-80px,0);\n",
       "  -mstransform     : translate3d(0,-80px,0);\n",
       "  transform        : translate3d(0,-80px,0);\n",
       "  transition       : 1s ease-in-out;\n",
       "  z-index          : 99999;\n",
       "}\n",
       "#reveal-bar-mobile.reveal-bar-show {\n",
       "  -webkit-transform: translate3d(0,0,0);\n",
       "  -moz-transform: translate3d(0,0,0);\n",
       "  -o-transform: translate3d(0,0,0);\n",
       "  -mstransform: translate3d(0,0,0);\n",
       "  transform: translate3d(0,0,0);\n",
       "}\n",
       "#reveal-bar-mobile .reveal-share-buttons {\n",
       "  float: right;\n",
       "  margin-right: 10px;\n",
       "  width: 72px;\n",
       "}\n",
       "#reveal-bar-mobile .reveal-share-buttons li {\n",
       "  margin: 0 5px;\n",
       "}\n",
       "#reveal-bar-mobile .reveal-share-buttons li a {\n",
       "  height: 30px;\n",
       "  width: 30px;\n",
       "  border-radius: 15px;\n",
       "  padding-top: 6px;\n",
       "}\n",
       "#reveal-bar-mobile .reveal-share-buttons li i {\n",
       "  font-size: 18px;\n",
       "}\n",
       "\n",
       "button#reveal-bar-mobile-sections-button {\n",
       "  background: none;\n",
       "  color: #666;\n",
       "  font-size: 16px;\n",
       "  font-style: normal;\n",
       "\n",
       "  margin: 0;\n",
       "  padding: 8px 10px 5px;\n",
       "}\n",
       "\n",
       ".reveal-bar-mobile-section {\n",
       "  width: 100%;\n",
       "}\n",
       "\n",
       ".reveal-bar-mobile-section-link,\n",
       ".reveal-bar-mobile-section-link:hover,\n",
       ".reveal-bar-mobile-section-link:active,\n",
       ".reveal-bar-mobile-section-link:visited {\n",
       "  background: #222;\n",
       "  border-bottom: 1px solid #aaa;\n",
       "  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;\n",
       "  color: #f0f0f0;\n",
       "  display: table-cell;\n",
       "  font-family: 'Verlag 4r','Verlag A','Verlag B';\n",
       "  font-size: 20px;\n",
       "  padding: 0 10px;\n",
       "  vertical-align: middle;\n",
       "  width: 100%;\n",
       "}\n",
       "..reveal-bar-mobile-section-link:on\n",
       ".reveal-bar-mobile-section-link.reveal-bar-mobile-section-link-close {\n",
       "  font-size: 16px;\n",
       "  font-weight: 100%;\n",
       "  padding-right: 20px;\n",
       "  /*text-align: right;*/\n",
       "  text-transform: uppercase;\n",
       "}\n",
       "\n",
       "#reveal-bar-mobile-sections {\n",
       "  display: none;\n",
       "  position: fixed;\n",
       "  top: 20px;\n",
       "  -webkit-transform: translate3d(0,-800px,0);\n",
       "  -moz-transform   : translate3d(0,-800px,0);\n",
       "  -o-transform     : translate3d(0,-800px,0);\n",
       "  -mstransform     : translate3d(0,-800px,0);\n",
       "  transform        : translate3d(0,-800px,0);\n",
       "  transition       : .5s ease-in-out;\n",
       "  width: 100%;\n",
       "  z-index: 998;\n",
       "}\n",
       "#reveal-bar-mobile-sections.show {\n",
       "  -webkit-transform: translate3d(0,0,0);\n",
       "  -moz-transform   : translate3d(0,0,0);\n",
       "  -o-transform     : translate3d(0,0,0);\n",
       "  -mstransform     : translate3d(0,0,0);\n",
       "  transform        : translate3d(0,0,0);\n",
       "}\n",
       "\n",
       "@media only screen and (max-width : 450px) {\n",
       "  #reveal-bar-mobile {\n",
       "    display: block;\n",
       "  }\n",
       "}\n",
       "</style>\n",
       "<div id=\"reveal-bar-mobile\">\n",
       "<button id=\"reveal-bar-mobile-sections-button\">More →</button>\n",
       "<ul class=\"reveal-share-buttons list-no-bullets clearfix\">\n",
       "<li class=\"fb\"><a href=\"https://www.facebook.com/sharer/sharer.php?u=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/%3Futm_source=facebook.com%26utm_medium=referral%26utm_campaign=Facebook%20mobile%20reveal%20bar%2019495%20Apr%2017%202018%2001:26\" onclick=\"ga('send',  'event', 'Sharing', 'Facebook share from mobile reveal bar','1. Old Oak Tap BLT'); return socialPopup('https://www.facebook.com/sharer/sharer.php?u=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/%3Futm_source=facebook.com%26utm_medium=referral%26utm_campaign=Facebook%20mobile%20reveal%20bar%2019495%20Apr%2017%202018%2001:26');\" target=\"_blank\"><i class=\"icon-facebook\"></i></a>\n",
       "</li>\n",
       "<li class=\"tw\"><a href=\"https://twitter.com/share?text=1.+Old+Oak+Tap+BLT&amp;url=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/\" onclick=\"ga('send',  'event', 'Sharing', 'Tweet story from mobile reveal bar','1. Old Oak Tap BLT'); return tweetPopup('1.+Old+Oak+Tap+BLT','/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/','mobile+reveal+bar+19495');\" target=\"_blank\"><i class=\"icon-twitter\"></i></a></li>\n",
       "</ul>\n",
       "</div>\n",
       "<ul class=\"list-no-bullets\" id=\"reveal-bar-mobile-sections\">\n",
       "<li class=\"reveal-bar-mobile-section\"><a class=\"reveal-bar-mobile-section-link\" href=\"/dining-drinking\" onclick=\"ga('send',  'event', 'Mobile reveal bar', 'Dining');\">Dining &amp; Drinking</a></li>\n",
       "<li class=\"reveal-bar-mobile-section\"><a class=\"reveal-bar-mobile-section-link\" href=\"/city-life\" onclick=\"ga('send',  'event', 'Mobile reveal bar', 'City Life');\">Politics &amp; City Life</a></li>\n",
       "<li class=\"reveal-bar-mobile-section\"><a class=\"reveal-bar-mobile-section-link\" href=\"/real-estate\" onclick=\"ga('send',  'event', 'Mobile reveal bar', 'Real Estate');\">Real Estate</a></li>\n",
       "<li class=\"reveal-bar-mobile-section\"><a class=\"reveal-bar-mobile-section-link\" href=\"/Chicago-Home\" onclick=\"ga('send',  'event', 'Mobile reveal bar', 'Home and Garden');\">Home &amp; Garden</a></li>\n",
       "<li class=\"reveal-bar-mobile-section\"><a class=\"reveal-bar-mobile-section-link\" href=\"/style-shopping\" onclick=\"ga('send',  'event', 'Mobile reveal bar', 'Style Shopping');\">Style &amp; Shopping</a></li>\n",
       "<li class=\"reveal-bar-mobile-section\"><a class=\"reveal-bar-mobile-section-link\" href=\"/video\" onclick=\"ga('send',  'event', 'Mobile reveal bar', 'Video');\">Video</a></li>\n",
       "<li class=\"reveal-bar-mobile-section\"><a class=\"reveal-bar-mobile-section-link reveal-bar-mobile-section-link-close\" href=\"javascript:void(0);\" onclick=\"jQuery('#reveal-bar-mobile-sections').removeClass('show');\"><i class=\"icon-remove\"></i></a></li>\n",
       "</ul>\n",
       "<script>\n",
       "  var mobile_sections_el = jQuery('#reveal-bar-mobile-sections');\n",
       "  if (document.documentElement.clientWidth <= 400) {\n",
       "    mobile_sections_el.show();\n",
       "  }\n",
       "  mobile_sections_el.css('top',jQuery('#reveal-bar-mobile').outerHeight() - 1)\n",
       "  jQuery('.reveal-bar-mobile-section-link')\n",
       "    .height((jQuery(window).height() - jQuery('#reveal-bar-mobile').height() - 50) / 7 - 2)\n",
       "    .width(mobile_sections_el.width())\n",
       "  jQuery('#reveal-bar-mobile-sections-button').on('click', function(){\n",
       "    mobile_sections_el.toggleClass('show');\n",
       "  })\n",
       "</script>\n",
       "<div class=\"hidden-phone\" id=\"reveal-bar\">\n",
       "<div class=\"container\">\n",
       "<a class=\"logo background-logo-svg\" href=\"/\">Chicago magazine</a>\n",
       "<div class=\"input-append\">\n",
       "<form action=\"http://www.chicagomag.com/search?from=revealbar&amp;\" id=\"reveal-bar-search\" name=\"revealBarSearch\"><input class=\"text clean\" id=\"reveal-bar-input\" name=\"q\" placeholder=\"Search\" type=\"text\"/>\n",
       "<button id=\"reveal-bar-button\"><i class=\"icon-search\"></i></button>\n",
       "</form>\n",
       "</div>\n",
       "<div id=\"article-reveal-share\">\n",
       "<span class=\"article-reveal-share-intro\">Share this story</span>\n",
       "<ul class=\"reveal-share-buttons list-no-bullets clearfix\">\n",
       "<li class=\"fb\"><a href=\"https://www.facebook.com/sharer/sharer.php?u=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/%3Futm_source=facebook.com%26utm_medium=referral%26utm_campaign=Facebook%20reveal%20bar%2019495%20Apr%2017%202018%2001:26\" onclick=\"ga('send', 'event','Sharing', 'Facebook share from reveal bar','1. Old Oak Tap BLT'); return socialPopup('https://www.facebook.com/sharer/sharer.php?u=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/%3Futm_source=facebook.com%26utm_medium=referral%26utm_campaign=Facebook%20share%20reveal%20bar%2019495%20Apr%2017%202018%2001:26');\" target=\"_blank\"><i class=\"icon-facebook\"></i></a>\n",
       "</li>\n",
       "<li class=\"tw\"><a href=\"https://twitter.com/share?text=1.+Old+Oak+Tap+BLT&amp;url=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/\" onclick=\"ga('send', 'event','Sharing', 'Tweet story from reveal bar','1. Old Oak Tap BLT'); return tweetPopup('1.+Old+Oak+Tap+BLT','/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/','reveal+bar+19495');\" target=\"_blank\"><i class=\"icon-twitter\"></i></a></li>\n",
       "<li class=\"eml\"><a href=\"#\" onclick=\"window.open('/core/pagetools.php?url=%2FChicago-Magazine%2FNovember-2012%2FBest-Sandwiches-in-Chicago-Old-Oak-Tap-BLT%2Findex.php&amp;mode=email','emailThisPage','status=no,scrollbars=yes,resizable=yes,width=420,height=540'); ga('send', \n",
       "      'event','Sharing', 'Email story from reveal bar','1. Old Oak Tap BLT'); return false;\" url=\"email this page\"><i class=\"icon-envelope\"></i></a></li>\n",
       "</ul>\n",
       "</div>\n",
       "</div>\n",
       "</div>\n",
       "<a class=\"edit_from_site\" content_id=\"interstitial-newsletter\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<style>\n",
       "  \n",
       "\n",
       "#cta-backdrop {\n",
       "  background: #fff;\n",
       "  opacity: .97;\n",
       "  display: none;\n",
       "}\n",
       ".modal#cta-modal {\n",
       "  background: #eee;\n",
       "  margin-top: 0;\n",
       "  display: none;\n",
       "  box-shadow: 3px 3px 12px rgba(0,0,0,0.2);\n",
       "  overflow: auto;\n",
       "  border-top: 8px solid #000;\n",
       "}\n",
       ".modal-close {\n",
       "  background:none;\n",
       "  color: #ff0000;\n",
       "  font-family: 'Verlag 3r','Verlag A','Verlag B';\n",
       "  font-weight: 300;\n",
       "  font-style: normal;\n",
       "  opacity: 1;\n",
       "  text-align: right;\n",
       "  width: 100%;\n",
       "}\n",
       ".modal-close:hover {\n",
       "  background: none;\n",
       "  color: black;\n",
       "  opacity: 1;\n",
       "}\n",
       "#cta-modal p.cta-p {\n",
       "  color: #333 !important;\n",
       "  font-family: 'Verlag 4r','Verlag A','Verlag B';\n",
       "  font-size: 18px;\n",
       "  line-height: normal;\n",
       "  text-align: center;\n",
       "  margin-bottom: 10px;\n",
       "}\n",
       ".content #cta-modal p.cta-p em {\n",
       "  font-family: 'Verlag 4i','Verlag A','Verlag B';\n",
       "}\n",
       ".btn-nothanks, .btn-nothanks:hover {\n",
       "  border: none !important;\n",
       "  background: none !important;\n",
       "  color: #666 !important;\n",
       "}\n",
       "#cta-modal .modal-body {\n",
       "  padding: 30px;\n",
       "  height: auto;\n",
       "  max-height: none;\n",
       "}\n",
       "#cta-modal label {\n",
       "  color: #333;\n",
       "}\n",
       "h2.cta-h2 {\n",
       "  font-size: 45px;\n",
       "  text-align: center;\n",
       "  margin-bottom: 10px;\n",
       "}\n",
       "#cta-modal .btn-large {\n",
       "  width: 200px;\n",
       "  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;\n",
       "}\n",
       ".cta-buttons {\n",
       "  width: 200px;\n",
       "  margin: 0 auto;\n",
       "}\n",
       "#cta-form {\n",
       "  /*text-align: center;*/\n",
       "  width: 200px;\n",
       "  margin: 0 auto 10px;\n",
       "}\n",
       "#cta-form input[type=text] {\n",
       "  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;\n",
       "  height: 40px;\n",
       "  width: 200px;\n",
       "}\n",
       ".cta-neveragain {\n",
       "  font-family: 'Verlag 4r','Verlag A','Verlag B';\n",
       "  text-align: right;\n",
       "  font-size: 10px;\n",
       "  text-transform: uppercase;\n",
       "  text-decoration: none;\n",
       "}\n",
       ".cta-neveragain a {\n",
       "  color: #999;\n",
       "}\n",
       ".cta-neveragain a:hover {\n",
       "  color: #666;\n",
       "}\n",
       "#cta-newsletters-outer {\n",
       "  max-width: 300px;\n",
       "  margin: 0 auto;\n",
       "}\n",
       "a.cta-checkbox {\n",
       "  padding-left: 25px;\n",
       "  padding-bottom: 10px;\n",
       "  background-repeat: no-repeat;\n",
       "  background-position: 0 2px;\n",
       "  background-image: url('http://media.chicagomag.com/img/checkbox-check.png');\n",
       "  cursor: pointer;\n",
       "  color: #000;\n",
       "  display: block;\n",
       "  font-family: 'Verlag 4r','Verlag A','Verlag B';\n",
       "  font-size: 16px;\n",
       "  margin-bottom: 5px;\n",
       "  transition: none;\n",
       "}\n",
       "a.cta-checkbox:hover {\n",
       "  color: #ff0000;\n",
       "}\n",
       "a.cta-checkbox-yes {\n",
       "  background-position: 0px -83px;\n",
       "  color: #666;\n",
       "}\n",
       "a.cta-checkbox-yes:hover {\n",
       "  color: #666;\n",
       "}\n",
       "#cta-modal .form-error {\n",
       "  font-family: 'Verlag 4r','Verlag A','Verlag B';\n",
       "  margin-bottom: 15px;\n",
       "}\n",
       "#cta-modal .checkbox input[type=\"checkbox\"] {\n",
       "  /*top: 7px;*/\n",
       "}\n",
       "\n",
       "@media screen and (max-width: 420px) {\n",
       "  .modal#cta-modal {\n",
       "    border-top: none;\n",
       "  }\n",
       "  #cta-modal .modal-body {\n",
       "    padding: 5px;\n",
       "  }\n",
       "  h2.cta-h2 {\n",
       "    font-size: 30px;\n",
       "  }\n",
       "  a.cta-checkbox {\n",
       "    padding-bottom: 3px;\n",
       "  }\n",
       "}\n",
       "\n",
       "\n",
       "@media screen and (min-width: 420px) {\n",
       "  .modal#cta-modal {\n",
       "    /*Logo, 300x60, #eee background*/\n",
       "    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAABQCAMAAACUNLhJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAutQTFRF7+7uIx8gwcHD6urqJiIj7Ovr5eTl5uXl1tbXTExOSEhKiYqN7ezs2dnZcnN1SkpMTU1PKCUmmpud4uLidXZ4t7i6l5ia5OPjjpCS2trb6OjoRERGJCEiQkFDOTg6JyQl4ODhzc7PKSYn5+bmnZ6ghYeJ5eTkNTM1lJaY4eHhKygp1tXWyMnKzMzOmJmbnZ+hl5mbfX+B0NDRvr/A6enp39/f0tLSp6iqm5yeRkZIUlNVQ0JELCkqQUBC5+fn3NzdQ0NF1NTVu7y+0dHSp6mrq62uy8zNSUlLiImL1tfXq6uts7S1xsbHhIaI29vcubq7nJ2fn6CjWlteLSssjY+RUlJUNzY3wsLD19fYlJWY4+PjODc4Pz5AuLm7cHF0yMjJ3t7fPDs8qaqssbK0fX6Azs/Q3d3esLGzkZOVTk5QwsPET09Rr7Gyx8fJV1haU1RWcXJ0q6yu1dXVzM3OrK2v09LT4+PiwMHCVVVXiIqMkZKVr7CyqqutxMTGra6w3d3doKKkVFVWo6SmXV5gMzEyamttb3Bylpea2draysvMY2Nl2NjZpaepRUVHh4iKqKqsLy0vmZqcycrLxsfIrq+xu72+Pj0+oKGjhoeKtre4R0dJlZeZQD9BpKaokpSWdHV3uru9X2Fji4yOycnLZmdpv8DBsrO1WltdVldZYGFk09PUUVFTjY6QnqCiWVpctLW3uru8goSGUFBSfn+Cg4SHOjk7eHp8ZWZpe31/X2BiLiwtSktNpKWnz8/Rdnd6kJGUbG1wgIGDPTw9S0xOjI2PoqSms7S24ODgMTAxpqepbG1vbm9xaGpsxcXGgIKEj5GTk5SXgYOFt7i5NjU2tba4dXd5MC8wg4WHd3h6Xl9ha2xui42PYWJkgIKFvr7AZGVneXp9eHl7bW5xaGlrW1xeVVZYvb7AWFlbw8TFYmJkcnR2XF1fiouNc3V3f4CCoaOlZGRmZ2hqc3R3b3FzNDIzent9vL2/e3x+aWptop1pYQAADf1JREFUeNrsW2dYU8kanhBiVIJKKIkYJUKAoPQioAJSpUhTkCZiBwULKBZEFFCx9y5i77p2V117W1d37W1t23svt/y85wQyM6cfDD73uZe8vzhnvsx8552Zr80AgBlmmGGGGWaYYYYZZphhhhlmmGGGGWaYYYYZZpjx34DLmFVHa9TJx+L1iWtHfyg1vlZIZQZIZcJdyIyyCtbm3J4Whd5Wx55l6JJmJag4e2kcUXg0x2FeUTENGx4kq3VJWWUeCj7ZwKDRa2OKXB9YKZMGWLcxmSu372N2nLk9MPP49O2T/C5VxRk1L/fqboBXdCCT36mqRrgZuHWMNsr2YvvWtvbKY3aLvjl+cO+ui8m6bRFcmvhP7t59cndHwcktSDw0av6nE4szB+66eHJlkj/fLK6KvTTqTm3v4n2fXXRdH2Br2qpKvVt9SoLBKWx/gz/5xfKBYV0NCPtpAf1X0g0HexuQWe1JPidA2b2MyUvwedF+BT7C3HZbS9zYdHnTxdDHb/wKRz2bsE6D99e336tLO1lXl8Lzeu0QS0z00cETRx3fliprn314X0YMqiDJ2mR87LKYQdZtKBtAPvfsanwMpZH1id9glgE0mV5MZaTzGhunu3Er3Dl9ghNLf5Jzt+MYsvLHL3owJZ2+XhL0NlSp1mdK2PEjMVHyTsanjtaM7+pgbLO0MOyz9sbndhSyVp1ewTHCt0x1AuY2Njkv51xVNdUSLoTQhb+dxyVaO7P5XI37lHPkUaAlyFIoh3AN4Dyeqc8oY+MujqXV/SsJNz6iytq6unPL9njSs5lcpQ/m7u1kS5CVPYl7gL6jGfpcGA77jGJVeE8/Hq4kU6iuYr+EF2OzmkOV4w6+vtQtQNbob3gGmMuc2uuo9S82jdev4NPYMgmXnfWBRADr9jSDLDVvVz6mkxWZyTdA2DB6l0F9sG3yCVPhj5x5NbZMxWTjQiWCcD8qmqs5tJ8+uvbd2e2134ytP2d4DDaZLNvtNP/XtfdP288OnNixcfMfd6F3qcSlOzAigSP0dbWumND40wnFYYMMjzYWSDZlOlXUpkt17f6BxVepb5cuFMlVFsX6Of3bNyCFCD8U8qCFj/VDCascaypZgVcoivXzK52sIoK3QFX2tOXJX1tK3qPHuVrKB7oPoDX3otqr/idGFGhJjV20XkcchoYRixHFIvKhFNlOJ2f6t1EAqXb1lq0UM71XK4orj+/wH328luLupf7eEwtNJavEBhvg1L1yyq+HBTyZRw8Nl1Pjvde06PJLvLFLCNXiSaPXT3eKRMYNl613SMAkd57Bw1lXUWT54qZ2JTNByfUwkazcYmyEgZ5MDWbTBg1/n7pH6qMpzVU4989Z/L7teZhD9WyPye6ie92ZXbD1u1sEV4v7Y7OexCVlClkrMX0vR4hQKaoHiz+GmPoKi9DuC3SVgfXyxIPRvBCbxw4uwprpML/DHcyaQJYW84Q/eIhZ60MZ7nI21roR26NFAj2lYIHwHbYqw2S0tvp+L6iYtBZ1ZwXeBVkj0Tq56imGq7i+DNfujTWfRq+HNsPPd0xglViDgpANgvWgVUizg2PEkHWNmXna8ZJ1TPxCaAT0nYv2Gf+ajnzVsHoUMEwWKqyhlMj5BrtIuB3yqpEC3bXBDIoOiCGr381ZFhSMm/YZH1lB78EBQkW552hYtMi/AeOZYNj8uBkOLBJtsvfkHDIWMHDSxAp01xalbKHZosiSONnQoeEjK+5v+MuXohZWBYyJPCJhKPQ7/NZDyH9ZCHVVgvaYklMIud4TAt1ZTEDeAIgjiy/NYCHrJvIf08RwlTLWKL8MBP4Jd5G9sf1L4cXCEhXNPcApFAKF9gt0F9Oe1Yi2IFmHkYnNFkMW3Hp/E50lwuLeC2POj2bXD3cyszvTYE04Xj8oO0HKOWABXH79BVQ7lCdQCjGZrHiUHIg5IXCBmc4iIiUcA5eZU1MZRQvfSPS4ofvAvRsVg/yAAsUg/+IeMQIW0pcK6HZmEEwwPd8NWSdg60UxC6sEis8hH5Pho11TSA7r25IYvP6Vx1DmFxD4Aj7M4Pk0SH+ogG5PnHkqcC1CFix5Sv4hgisZNLdXDbH+apjaDG9Mji/AJNryCF7fG85Qxg6Ef8yeA9DCxL1iyfoCRow9vN41WadFkJUEw774RvJ+oC2OaBgNaNYIkeWICu87uIcM7y2WrOS5cBvOejdkoZi0g/CJqcuP0H011eW3oJKTIWVegMqeaUJkKebDh7vcYwaFiSVLCSU1ieLICqvcZk9B6sbtfGTdR65+mCBZA6AJvd1Utmm7FP7e13AIlclqh1jJAl/Ah0XcExV9zii0SUA7++Owv2RxZLXTNi/dqYQDdBstSBb0Bpbnja9+RekImYUr0CnUV/hZjzMbWRUoK+WeqClQaJ+AdpMXoUpTG1FkNTeR3o3OQYOFuCp/ZBT9oDOczhWUwwDwOaq4YoFmyoZRfiTuPs/DyEJFRE0Jd0AAO9wqoN6HrlB0xTYgxr82lyzM1/8hRFY8W9p3Fr7MHEMpz1vOYbNA0zGyCoYLFyiwep5SqEKDFqHkcx65qf3flqw2yCU5C+Q7neEPbaaU92pC2TOkIbk3s9BK/YGlXJcyESPLDZYtJHkDBOt5c1cLTWYEIv9WKreYbb+3rmfp0cd+puLVJQRl5F37GNEPM92vphIWHvllzRJmHwt641GsFVYIDWcdMwEtrMtTBW0qVksby5282XZ5a7I88yRiYkMik9krFJo4bSTEZmAnYN0FyFqICo+W7JtsK+otVpArEIWV/xfNfgdkgTtYIHZYVKbDiY8p4QWRH/fkJwvMxy4JsFwxkSErKakeI0yW2zyBsxeTyQrApqOHmrOuIl0kTJbzbiJw/QV7UW3BZ7OIsZ8i2aeMtaV9jc2jj5jUddst/GjXm34dLvBojItpZIGL+PfumkY/YJ6dbjigj7IUkSNMIgnAD4XzGqhl7rJrFLJkfvhB+FZKHVqxrRa/eiTu1uSvFHWOO8TlGltUbY+q9zrNl5pIVnk95YrPl2uyjdUlaZBX8Bf1koesZzpsGEw6tQeUV+3qLhj9htto5UQNtUxRRrkV4v7a4kOj6z0yCQ9kz40Td3wfMZF2S+L3K/d16bq6Q5+/b5im5yZuQwBqaPF1p6FWKw/7KBtcJ/2UZ6xVjR8shixDABZxkPru1K6Tel16SM7rP9ZRI3gSI6lnRc5nr/j+VpNe8Zx2E65O7MUQT967TobLbKaRhdtRNktUQKlc8aIPadJnDREhacdy4s4JP6noazRRvIOfNJksoLjCN8AgImmMRBO2z4EOPTabOWR/+afEkwWKhI3haTkQjyy+CkyG6WSBwB0a7gFuRQJQhx7XMPW7h1pDDQb9zSbxZIGQW/ySGtfmXYk/cJm7r7QWIAuASu47ZUMigAc6OBnbmaneQnf65drJ+8WTBY7yVuPyzoNmwtGnP1dnW1qELBBp95RjgGtuIF3CWy53xILLiY1Zia36qmiyQIprN04bsDUONB8J9zj4H0Ehqz8PWZpGsjaxX+0G+ZP6sg6QKVOhY2t3Vh++BKXPNsaryKv92B3o5fksBZfvz7BeWNbMuwneDglp+wfRe7Op1pMnBx5wZpYyLlgE3qFeaI+EF0L70K5lSwPuhjKsrfukVKx4LHnF6pesMRu1HZYfd85oZ0NfKO9XtlloyEb/pAW/Bcv60//FoJtdqhy8NaRePqcndByywsZS49S3W+jx+RVZjb255CyzMsC1jvEfL7LKZ41t8VZlhhrZZtfG52UOzP/20ObvuFy8dHAPJ42lzdP6jgNHBfckPqrygVUTlnEcXya6QomX2NrO3V0x/2Bot75Ed86Dl/b+URknI3xvlVKn82bWUDzWvpxX3OWRM/Fx54Z0/PpE4mJgKsKzV9mvKS2tShp3wAO8E2jLp+2Zkhg7M3+VtbQFurM9MG5PVWJs4e7yXBFjR78pjC2terzTWgbM+L+CYS0ZC3G5Y7RNE2zY7eFyuVwlJ20N/EdDmZtc7tjaOJrSdPU/hsyEp+oMhbMxSd5FdZVeJDmdlSR/G0N85myJyfXcKJ96mPAj2j09QYFu/Ur7VrZjZOd9DbW11Rnkf9mN9yXjA+vNVsH/rMqoIclKTSOjHYvYksPLHjquafDQKkeEgwXq8cB+Q3BplqKVbb4k8uvBYt8tswhvlbhheTiQ3vh5FWmeyVBEPif5SOPymVk3DIz0trUdsTkKBCk9gX2RW6uzVIqSv9RrgTz4ZLwnANm+ys1tQXTRSHRGmuOtNByD+qvzAUGWh1vIMe+2KoKsbRW7B5S1NrKmvFyT0StVXXh/PABROSnKm2DAdX/iPQEZcAxOs75H3rVwHJGjIsmydVMeqZkz28cTvNns0LCxtZEVqw5Kz/jZPvvSeKByKAH2l6SrD3mBwErd4ZoRqojrs8AIJbEPo+NJk0aS5RuwIOejtJ0gX12matPqyPoZRKp1uZGEzfbPqLH30S+0LloCFHuCE11DcqdlBNv7OJQB2fp0FyNZqWBavDoO5BdpW5/NKrVyBBaRIDpjNYipS1OmKZeAqhkj5TLpONcAxco0nTLEYSbYeWi8QioDhb62bg4biT2ZWADyK2ZLW1usrVjuaggt/a0KFidHSWWym9d7SYN3qEP0M2Jl4+I9ZTJpjD7bR71ZqX8IZuZ4qBoKiThMvY0IHXw3F0pbGVtr5xj+qXDxlvLuPuTtl143LoCUmBy9fkkECAgmPeGA0jhdeogy5yGwmKJyKSWrPUvWgix9mr4w0Jz4/A/gPwIMAPwpG5QV/gbUAAAAAElFTkSuQmCC');\n",
       "    background-position: top center;\n",
       "    background-repeat: no-repeat;\n",
       "    background-size: 200px;\n",
       "  }\n",
       "  #cta-modal-content {\n",
       "    padding-top: 40px;\n",
       "  }\n",
       "}\n",
       "\n",
       "\n",
       "  \n",
       "</style>\n",
       "<script>\n",
       "var which = '';\n",
       "</script>\n",
       "<div aria-hidden=\"true\" class=\"modal-backdrop\" id=\"cta-backdrop\" style=\"display: none;\"></div>\n",
       "<div class=\"modal\" id=\"cta-modal\" style=\"display: none;\">\n",
       "<div class=\"modal-body\">\n",
       "<button aria-hidden=\"true\" class=\"close modal-close cta-close\" data-dismiss=\"modal\" id=\"cta-close\" type=\"button\">X</button>\n",
       "<div id=\"cta-modal-content\"></div>\n",
       "</div><!--/.modal-body-->\n",
       "</div><!--/.modal-->\n",
       "<style>#print-only-logo {display: none;}</style>\n",
       "<img alt=\"\" height=\"129\" id=\"print-only-logo\" src=\"http://media.chicagomag.com/img/chicagomag-logo-black-with-magazine.svg\" width=\"573\"/>\n",
       "<header class=\"global\">\n",
       "<nav>\n",
       "<!--============================================\n",
       "    =            Top part of global nav            =\n",
       "    =============================================-->\n",
       "<div class=\"top3\">\n",
       "<div class=\"cell one\">\n",
       "<a class=\"search-open\" href=\"javascript:;\"><i class=\"icon-search\"></i></a>\n",
       "<div class=\"search\">\n",
       "<gcse:searchbox-only></gcse:searchbox-only>\n",
       "</div>\n",
       "</div>\n",
       "<div class=\"cell two\">\n",
       "<h1 class=\"din land\">\n",
       "<a href=\"/dining-drinking\">Dining<i class=\"amp\"><span>&amp;</span></i>Drinking<span style=\"display: inline-block; width: 11px;\"></span></a>\n",
       "</h1>\n",
       "<h1 class=\"dg land\">\n",
       "<a href=\"/Chicago-Magazine/Dining/Dining-Guide/\">Chicago’s Best Restaurants</a>\n",
       "</h1>\n",
       "<h1 class=\"art land\">\n",
       "<a href=\"/arts-culture\">Arts<i class=\"amp\"><span>&amp;</span></i>Culture</a>\n",
       "</h1>\n",
       "<h1 class=\"pcl land\">\n",
       "<a href=\"/city-life\">P<span style=\"display: inline-block; margin-right: 0px;\">o</span>litics<i class=\"amp\"><span>&amp;</span></i>City<span style=\"display: inline-block; margin-right: -2px;\">  </span>Life<span style=\"display: inline-block; width: 12px;\"></span></a>\n",
       "</h1>\n",
       "<h1 class=\"ren land\">\n",
       "<a href=\"/real-estate\">Real<span style=\"display: inline-block; margin-right: -4px;\">  </span>Estate</a>\n",
       "</h1>\n",
       "<h1 class=\"sty land\">\n",
       "<a href=\"/style-shopping\">Style<i class=\"amp\"><span>&amp;</span></i>S<span style=\"display: inline-block; margin-right: -2px;\">h</span><span style=\"display: inline-block; margin-right: -2px;\">o</span>pping</a>\n",
       "</h1>\n",
       "<h1 class=\"hg land\">\n",
       "<a href=\"/Chicago-Home\">Home Design</a>\n",
       "</h1>\n",
       "<h1 class=\"hel land\">\n",
       "<a href=\"/Health-Wellness\">Health<i class=\"amp\"><span>&amp;</span></i>Wellness</a>\n",
       "</h1>\n",
       "<h1 class=\"trv land\">\n",
       "<a href=\"/travel\">Travel</a>\n",
       "</h1>\n",
       "<h1 class=\"vid land\">\n",
       "<a href=\"/video\">Video</a>\n",
       "</h1>\n",
       "<h1 class=\"boc land\">\n",
       "<a href=\"http://www.chicagomag.com/Chicago-Magazine/August-2015/Best-of-Chicago/\">Best<span style=\"display: inline-block; margin-right: -3px;\">  </span>of<span style=\"display: inline-block; margin-right: -3px;\">  </span>Chicago</a>\n",
       "</h1>\n",
       "<h1 class=\"mkt land\">\n",
       "<a href=\"/Chicago-Magazine/Classifieds/\">Marketplace<span style=\"display: inline-block; margin-right: -4px;\">  </span><i class=\"amp\"><span>&amp;</span></i><span style=\"display: inline-block; margin-right: -4px;\">  </span>Classifieds</a>\n",
       "</h1>\n",
       "<h1>\n",
       "<a class=\"logo background-logo-svg\" href=\"/\" onclick=\"ga('send', 'event', 'Global nav', 'Home from main logo');\">Chicago</a>\n",
       "</h1>\n",
       "</div>\n",
       "<div class=\"cell three\">\n",
       "<ul class=\"member-nav\">\n",
       "<li><a href=\"/subscribe\" id=\"global-nav-subscribe\" onclick=\"ga('send', 'event', 'Global nav', 'Subscribe');\">Subscribe</a>\n",
       "<span class=\"red\">/</span>\n",
       "<a href=\"/customerservice\" onclick=\"ga('send', 'event', 'Global nav', 'Customer Service');\">Customer Service</a></li>\n",
       "<li><a href=\"/newsletters\" onclick=\"ga('send', 'event', 'Global nav', 'Newsletters');\">Newsletters</a> </li>\n",
       "</ul>\n",
       "</div>\n",
       "</div>\n",
       "<!--====  End of Top part of global nav  ====-->\n",
       "<!--=====================================\n",
       "    =            Global nav menus           =\n",
       "    ======================================-->\n",
       "<ul id=\"page-nav\">\n",
       "<li style=\"white-space: nowrap;\"><a class=\"pcl\" href=\"/city-life\" onclick=\"ga('send', 'event', 'Global nav', 'Politics and city life');\">Politics <i class=\"amp amp-semibold\"><span>&amp;</span></i><br/> City Life</a>\n",
       "<ul class=\"sub\">\n",
       "<li><a href=\"/Chicago-Magazine/September-2012/Best-Public-Schools-in-Chicago-and-the-Suburbs/\" onclick=\"ga('send', 'event', 'Global nav', 'Best Public Schools');\">Best Public Schools</a>\n",
       "<li><a href=\"/Chicago-Magazine/September-2017/Best-Private-Schools/\" onclick=\"ga('send', 'event', 'Global nav', 'Best Private Schools');\">Best Private Schools</a>\n",
       "<li><a href=\"/Chicago-Magazine/June-2017/Whos-Got-Next/\" onclick=\"ga('send', 'event', 'Global nav', 'Power 50');\">Emerging Power List</a>\n",
       "<!-- <li><a href=\"/topdocs\" onclick=\"ga('send', 'event', 'Global nav', 'Top Docs');\">Top Docs</a></li> -->\n",
       "<!-- <li><a href=\"/Chicago-Magazine/January-2017/Top-Cancer-Doctors/\" onclick=\"ga('send', 'event', 'Global nav', 'Top Cancer Docs');\">Top Cancer Docs</a></li> -->\n",
       "<li><a href=\"/topic/?archive=crime-law\" onclick=\"ga('send', 'event', 'Global nav', 'Crime and Law');\">Crime &amp; Law</a></li>\n",
       "<li><a href=\"/topic/?archive=politics\" onclick=\"ga('send', 'event', 'Global nav', 'Politics');\">Politics</a></li>\n",
       "<li><a href=\"/topic/?archive=the-urbanist\" onclick=\"ga('send', 'event', 'Global nav', 'The Urbanist');\">The Urbanist</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/Felsenthal-Files/\" onclick=\"ga('send', 'event', 'Global nav', 'Felsenthal');\">Articles by Carol Felsenthal</a></li>\n",
       "<li><a href=\"/topic/?archive=whet-moser\" onclick=\"ga('send', 'event', 'Global nav', 'Whet');\">Articles by Whet Moser</a></li>\n",
       "</li></li></li></ul>\n",
       "</li>\n",
       "<!-- Dining & Drinking -->\n",
       "<li><a class=\"din\" href=\"/dining-drinking\" onclick=\"ga('send', 'event', 'Global nav', 'Dining');\">Dining <i class=\"amp amp-semibold\"><span>&amp;</span></i><br/> Drinking</a>\n",
       "<ul class=\"sub\">\n",
       "<li><a href=\"http://www.chicagomag.com/secretsupper\" onclick=\"ga('send', 'event', 'Global nav', 'Secret Supper');\">Secret Supper</a></li>\n",
       "<li><a href=\"/topic/?archive=restaurant-reviews\" onclick=\"ga('send', 'event', 'Global nav', 'Restaurant reviews');\">Restaurant Reviews</a></li>\n",
       "<li><a href=\"/hotlist\" onclick=\"ga('send', 'event', 'Global nav', 'Hot list');\">The Hot List</a></li>\n",
       "<li><a href=\"/brunch\" onclick=\"ga('send', 'event', 'Global nav', 'Brunch');\">Brunch</a></li>\n",
       "<li><a href=\"/topic/?archive=bars-drinking\" onclick=\"ga('send', 'event', 'Global nav', 'Bars and drinking');\">Bars &amp; Drinking</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/February-2017/Best-Bars/\" onclick=\"ga('send', 'event', 'Global nav', 'Best Bars');\">Best Bars</a>\n",
       "<li><a href=\"/Chicago-Magazine/April-2018/Best-New-Restaurants/\" onclick=\"ga('send', 'event', 'Global nav', 'Best New Restaurants');\">Best New Restaurants</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/July-2010/Photos-Best-Pizzas-in-Chicago/\" onclick=\"ga('send', 'event', 'Global nav', 'Best Pizza');\">Best Pizzas</a></li>\n",
       "<li><a href=\"/steakhouses\" onclick=\"ga('send', 'event', 'Global nav', 'Best steakhouses');\">Best Steakhouses</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/November-2014/Cheap-Eats-Chicago/\" onclick=\"ga('send', 'event', 'Global nav', 'Best cheap eats');\">Best Cheap Eats</a></li>\n",
       "<li><a href=\"/takeout\" onclick=\"ga('send', 'event', 'Global nav', 'Best takeout');\">Best Takeout</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/Dining/Dining-Guide/\" onclick=\"ga('send', 'event', 'Global nav', 'Dining Guide');\">Chicago’s Best Restaurants</a>\n",
       "<!-- <li><a href=\"/video/Inside-Chicagos-Best-Restaurants/\" onclick=\"ga('send', 'event', 'Global nav', 'Dining video series');\">Video: Inside Chicago’s Best Restaurants</a> -->\n",
       "<!-- <li><a href=\"/video/Inside-Chicagos-Best-Bars/\" onclick=\"ga('send', 'event', 'Global nav', 'Dining video series bars');\">Video: Inside Chicago’s Best Bars</a> -->\n",
       "<!-- <li><a href=\"http://www.chicagomag.com/video/In-the-Kitchen/\" onclick=\"ga('send', 'event', 'Global nav', 'Dining video series In Season');\">Video: In the Kitchen</a> -->\n",
       "<li class=\"nav-sub-search clearfix\"><div class=\"margin-bottom-5\">Search Chicago’s Best Restaurants:</div>\n",
       "<form action=\"/Chicago-Magazine/Dining/Dining-Guide/index.php?\" method=\"get\">\n",
       "<input name=\"search\" type=\"text\"/>\n",
       "<button onclick=\"ga('send', 'event', 'Global nav', 'Search Dining Guide');\">Go</button>\n",
       "</form>\n",
       "</li>\n",
       "</li></li></ul>\n",
       "</li>\n",
       "<!-- Arts & Culture -->\n",
       "<li><a class=\"art\" href=\"/arts-culture\" onclick=\"ga('send', 'event', 'Global nav', 'Arts');\">Arts <i class=\"amp amp-semibold\"><span>&amp;</span></i><br> Culture</br></a>\n",
       "<ul class=\"sub\">\n",
       "<li><a href=\"/go\" onclick=\"ga('send', 'event', 'Global nav', 'Go Listings');\">The Go Listings</a></li>\n",
       "<li><a href=\"/topic/?archive=architecture\" onclick=\"ga('send', 'event', 'Global nav', 'Architecture');\">Architecture</a></li>\n",
       "<li><a href=\"/topic/?archive=art\" onclick=\"ga('send', 'event', 'Global nav', 'Art');\">Art</a></li>\n",
       "<li><a href=\"/topic/?archive=books\" onclick=\"ga('send', 'event', 'Global nav', 'Books');\">Books &amp; Readings</a></li>\n",
       "<li><a href=\"/topic/?archive=comedy\" onclick=\"ga('send', 'event', 'Global nav', 'Comedy');\">Comedy</a></li>\n",
       "<li><a href=\"/topic/?archive=dance\" onclick=\"ga('send', 'event', 'Global nav', 'Dance');\">Dance</a></li>\n",
       "<li><a href=\"/topic/?archive=lollapalooza\" onclick=\"ga('send', 'event', 'Global nav', 'Lollapalooza');\">Lollapalooza</a></li>\n",
       "<li><a href=\"/topic/?archive=pitchfork\" onclick=\"ga('send', 'event', 'Global nav', 'Pitchfork');\">Pitchfork </a></li>\n",
       "<li><a href=\"/topic/?archive=museums\" onclick=\"ga('send', 'event', 'Global nav', 'Museums');\">Museums</a></li>\n",
       "<li><a href=\"/topic/?archive=music\" onclick=\"ga('send', 'event', 'Global nav', 'Music');\">Music</a></li>\n",
       "<!-- <li><a href=\"/summer-music-festivals/\"  onclick=\"ga('send', 'event', 'Global nav', 'Summer music fests');\">Summer Music Festivals</a></li> -->\n",
       "<li><a href=\"/topic/?archive=theater\" onclick=\"ga('send', 'event', 'Global nav', 'Theater');\">Theater</a></li>\n",
       "<!-- <li><a href=\"/video/Inside-Chicagos-Best-Theater/\" onclick=\"ga('send', 'event', 'Global nav', 'Video Theater');\">Video: Inside Chicago’s Best Theater</a> -->\n",
       "<!-- <li><a href=\"/video/In-the-Studio/\" onclick=\"ga('send', 'event', 'Global nav', 'Video Inside the Studio');\">Video: Inside the Studio</a></li> -->\n",
       "</ul>\n",
       "</li>\n",
       "<!-- Real Estate -->\n",
       "<li><a class=\"ren\" href=\"/real-estate\" onclick=\"ga('send', 'event', 'Global nav', 'Real Estate + Neighborhoods');\">Home <i class=\"amp amp-semibold\"><span>&amp;</span></i><br/> Real Estate</a>\n",
       "<ul class=\"sub\">\n",
       "<li><a href=\"/Chicago-Magazine/April-2017/Where-to-Buy-Now-2017/\" onclick=\"ga('send', 'event', 'Global nav', 'Best neighborhoods');\">Where to Buy Now</a>\n",
       "<li><a href=\"/Field-Guides\" onclick=\"ga('send', 'event', 'Global nav', 'Field Guides');\">Neighborhood Field Guides</a></li>\n",
       "<li><a href=\"/real-estate\" onclick=\"ga('send', 'event', 'Global nav', 'Real Estate News');\">Real Estate News</a></li>\n",
       "<li><a href=\"/Chicago-Home\" onclick=\"ga('send', 'event', 'Global nav', 'Home + Garden');\">Home Design</a></li>\n",
       "</li></ul>\n",
       "</li>\n",
       "<!-- Style & Shopping -->\n",
       "<li><a class=\"sty\" href=\"/style-shopping\" onclick=\"ga('send', 'event', 'Global nav', 'Style + Shopping');\">Style <i class=\"amp amp-semibold\"><span>&amp;</span></i> Shopping</a>\n",
       "<ul class=\"sub\">\n",
       "<li><a href=\"/topic/?archive=fashion\" onclick=\"ga('send', 'event', 'Global nav', 'Fashion');\">Fashion</a></li>\n",
       "<li><a href=\"/topic/?archive=sales-shopping\" onclick=\"ga('send', 'event', 'Global nav', 'Sales + Shopping News (under S+S)');\">Sales &amp; Shopping News</a></li>\n",
       "<li><a href=\"/topic/?archive=tastemakers\" onclick=\"ga('send', 'event', 'Global nav', 'Tastemakers');\">Taste Makers</a></li>\n",
       "</ul>\n",
       "</li>\n",
       "<!-- Health & Wellness  -->\n",
       "<li><a class=\"hg\" href=\"/Health-Wellness\" onclick=\"ga('send', 'event', 'Global nav', 'Health + Wellness');\">Health <i class=\"amp amp-semibold\"></i><br/> Wellness</a>\n",
       "<ul class=\"sub\">\n",
       "<li><a href=\"/Health-Wellness\" onclick=\"ga('send', 'event', 'Global nav', 'Health + Wellness');\">Health News</a></li>\n",
       "<li><a href=\"/topdocs\" onclick=\"ga('send', 'event', 'Global nav', 'Top Docs');\">Top Docs</a></li>\n",
       "</ul>\n",
       "</li>\n",
       "<!-- Video -->\n",
       "<li id=\"red-hack-item\" style=\"margin-left: 15px;\">\n",
       "<a href=\"https://www.youtube.com/user/chicagomag\" onclick=\"ga('send', 'event', 'Global nav', 'Video');\" target='_blank\"'>\n",
       "         <br/>\n",
       "<i id=\"red-hack\" style=\"\n",
       "        background-image: url(http://getbootstrap.com/2.3.2/assets/img/glyphicons-halflings.png); \n",
       "        display: inline-block;\n",
       "        filter: brightness(0) invert(1);\n",
       "        width: 18px;\n",
       "        height: 10px;\n",
       "        background-position: -335px -99px;\n",
       "        \"></i>Video</a>\n",
       "</li>\n",
       "<style>\n",
       "      i#red-hack.hover {\n",
       "        filter: sepia() saturate(10000%) hue-rotate(10deg) !important;\n",
       "      }\n",
       "      </style>\n",
       "<script>\n",
       "      jQuery('#red-hack-item').hover(\n",
       "        function() {\n",
       "          jQuery(this).children(\"a\").children(\"i#red-hack\").addClass( \"hover\" );\n",
       "        }, function() {\n",
       "          jQuery(this).children(\"a\").children(\"i#red-hack\").removeClass( \"hover\" );\n",
       "        }\n",
       "      );\n",
       "      </script>\n",
       "<!-- OLD VIDEO -->\n",
       "<!-- <li><a href=\"/video\" class=\"tra\" onclick=\"ga('send', 'event', 'Global nav', 'Video');\">&nbsp;<br>Video</a>\n",
       "        <ul class=\"sub\">\n",
       "          <li><a href=\"http://www.chicagomag.com/video/Chicagos-Great-Neighborhoods/\" onclick=\"ga('send', 'event', 'Global nav', 'Chicago’s Great Neighborhoods');\">Chicago’s Great Neighborhoods</a></li>\n",
       "          <li><a href=\"http://www.chicagomag.com/video/Inside-Chicagos-Best-Bars/\" onclick=\"ga('send', 'event', 'Global nav', 'Inside Chicago’s Best Bars');\">Inside Chicago’s Best Bars</a></li>\n",
       "          <li><a href=\"http://www.chicagomag.com/video/Inside-Chicagos-Best-Restaurants/\" onclick=\"ga('send', 'event', 'Global nav', 'Inside Chicago’s Best Restaurants');\">Inside Chicago’s Best Restaurants</a></li>\n",
       "          <li><a href=\"http://www.chicagomag.com/video/Inside-Chicagos-Best-Theater/\" onclick=\"ga('send', 'event', 'Global nav', 'Inside Chicago’s Best Theater');\">Inside Chicago’s Best Theater</a></li>\n",
       "          <li><a href=\"http://www.chicagomag.com/video/In-the-Studio\" onclick=\"ga('send', 'event', 'Global nav', 'Inside the Studio');\">Inside the Studio</a></li>\n",
       "          <li><a href=\"http://www.chicagomag.com/video/In-the-Kitchen/\" onclick=\"ga('send', 'event', 'Global nav', 'In Season');\">In the Kitchen</a></li>\n",
       "        </ul>\n",
       "      </li> -->\n",
       "<!-- Visitors Guide -->\n",
       "<li><a class=\"tra\" href=\"/Visitors-Guide/\" onclick=\"ga('send', 'event', 'Global nav', 'Visitors Guide');\"><br/>Visitor's Guide</a>\n",
       "<ul class=\"sub\">\n",
       "<li><a href=\"/Visitors-Guide/\" onclick=\"ga('send', 'event', 'Global nav', 'Visitors Guide');\">Visitor’s Guide</a></li>\n",
       "<li><a href=\"/travel\" onclick=\"ga('send', 'event', 'Global nav', 'Travel News');\">Travel News &amp; Features</a></li>\n",
       "</ul>\n",
       "</li>\n",
       "<!-- Best of Chicago -->\n",
       "<li>\n",
       "<a class=\"boc\" href=\"/Chicago-Magazine/August-2017/Best-of-Chicago-2017/\" onclick=\"ga('send', 'event', 'Global nav', 'Best of Chicago');\">Best of<br> Chicago</br></a>\n",
       "</li>\n",
       "</ul>\n",
       "</nav>\n",
       "<!--====  End of Global nav menus ====-->\n",
       "</header>\n",
       "<!-- slide down temporary Best of Chicago refer -->\n",
       "<script>\n",
       "jQuery( document ).ready(function() {\n",
       "  jQuery(\".BOC-promo\").addClass(\"tall\");\n",
       "});\n",
       "</script>\n",
       "<!-- Begin Content Wrap -->\n",
       "<a class=\"edit_from_site\" content_id=\"leaderboard-1\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<style type=\"text/css\">\n",
       "      @media (max-width:735px) {\n",
       "    #div-gpt-ad-leaderboard-1 {\n",
       "          display:none !important;\n",
       "        }\n",
       "   }\n",
       "</style>\n",
       "<div class=\"ad ban\" id=\"div-gpt-ad-leaderboard-1\">\n",
       "<script>\n",
       "if (document.documentElement.clientWidth > 735) {\n",
       "googletag.cmd.push(function() {\n",
       "    googletag.display('div-gpt-ad-leaderboard-1');\n",
       "});\n",
       "}\n",
       "  </script>\n",
       "</div>\n",
       "<a class=\"edit_from_site\" content_id=\"mobile-leaderboard-1\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<style type=\"text/css\">\n",
       "      @media (min-width:736px) {\n",
       "    #div-gpt-ad-mobile-leaderboard-1 {\n",
       "          display:none !important;\n",
       "        }\n",
       "   }\n",
       "</style>\n",
       "<div class=\"mobile-ban-wrapper mobile-ban-fixed\">\n",
       "<div id=\"div-gpt-ad-mobile-leaderboard-1\" style=\"height: 50px; width:320px;margin: 0 auto;\">\n",
       "<script>\n",
       "if (document.documentElement.clientWidth < 736) {\n",
       "googletag.cmd.push(function() {\n",
       "    googletag.display('div-gpt-ad-mobile-leaderboard-1');\n",
       "})\n",
       "}\n",
       "  </script>\n",
       "</div>\n",
       "</div>\n",
       "<a class=\"edit_from_site\" content_id=\"mobile-leaderboard-2\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<style type=\"text/css\">\n",
       "      @media (min-width:736px) {\n",
       "    #div-gpt-ad-mobile-leaderboard-2 {\n",
       "          display:none !important;\n",
       "        }\n",
       "   }\n",
       "</style>\n",
       "<div class=\"mobile-ban-wrapper\" id=\"mobile-leaderboard-2\">\n",
       "<div id=\"div-gpt-ad-mobile-leaderboard-2\" style=\"width: 320px; height: 50px; margin: 0 auto;\">\n",
       "<script>\n",
       "if (document.documentElement.clientWidth < 736) {\n",
       "googletag.cmd.push(function() {\n",
       "    googletag.display('div-gpt-ad-mobile-leaderboard-2');\n",
       "})\n",
       "}\n",
       "  </script>\n",
       "</div>\n",
       "</div>\n",
       "<div id=\"content-wrap\">\n",
       "<!--- special treatment for stacked galleries in regular articles, removes first couple leaderboard ads in between -->\n",
       "<style>\n",
       "div.content.post div.super-gallery-stacked-photo-outer ~ div.ad.ban {\n",
       "  display: none;\n",
       "}\n",
       "</style>\n",
       "<!--- special treatment for Summer Guide 2017 -->\n",
       "<!--- Begin Page -->\n",
       "<div class=\"long\" id=\"page\">\n",
       "<article class=\"container long\" id=\"article-19495\">\n",
       "<a class=\"edit_from_site\" content_id=\"789\" href=\"#\" media_id=\"97\">Edit Module</a><div class=\"story-label story-label-link\">\n",
       "<a href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-Chicago\">2012 Best Sandwiches</a>\n",
       "</div><a class=\"edit_from_site\" content_id=\"550\" href=\"#\" media_id=\"97\">Edit Module</a>\n",
       "<div id=\"article-header-image-container\">\n",
       "<header class=\" clearfix\">\n",
       "<!--- special treatment for The Urbanist -->\n",
       "<h1 class=\"headline \">1. Old Oak Tap BLT</h1>\n",
       "<h2 class=\"deck \">“Truly inspired.”</h2>\n",
       "<div class=\"article-meta clearfix\" id=\"article-meta\">\n",
       "<p class=\"timestamp\">Published Oct. 9, 2012</p>\n",
       "<section class=\"clearfix\" id=\"share-mini\">\n",
       "<ul class=\"story-share-buttons story-share-buttons-mini list-no-bullets clearfix\">\n",
       "<li class=\"fb\"><a href=\"https://www.facebook.com/sharer/sharer.php?u=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/?utm_source=facebook.com%26utm_medium=referral%26utm_campaign=Facebook%20above%20story%2019495%20Apr%2017%202018%2001:26\" onclick=\"ga('send', 'event', 'Sharing', 'Facebook share from top of article','1. Old Oak Tap BLT');\n",
       "  return socialPopup('https://www.facebook.com/sharer/sharer.php?u=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/%3Futm_source=facebook.com%26utm_medium=referral%26utm_campaign=Facebook%20above%20story%2019495%20Apr%2017%202018%2001:26');\" target=\"_blank\"><i class=\"icon-facebook\"></i></a>\n",
       "</li>\n",
       "<li class=\"tw\"><a href=\"https://twitter.com/share?text=1.+Old+Oak+Tap+BLT&amp;url=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/\" onclick=\"ga('send', 'event', 'Sharing', 'Tweet story from top of article','1. Old Oak Tap BLT');\n",
       "    return tweetPopup('1.+Old+Oak+Tap+BLT','/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/','19495');\n",
       "  \" target=\"_blank\"><i class=\"icon-twitter\"></i></a></li>\n",
       "<li class=\"eml\"><a href=\"#\" onclick=\"window.open('/core/pagetools.php?pageID=19495&amp;url=%2FChicago-Magazine%2FNovember-2012%2FBest-Sandwiches-in-Chicago-Old-Oak-Tap-BLT%2Findex.php&amp;mode=email','emailThisPage','status=no,scrollbars=yes,resizable=yes,width=420,height=540'); ga('send', 'event', 'Sharing', 'Email story (top of story)','1. Old Oak Tap BLT'); return false;\" url=\"email this page\"><i class=\"icon-envelope\"></i></a></li>\n",
       "<li class=\"prnt\"><a href=\"#\" onclick=\"window.open('/core/pagetools.php?pageid=19495&amp;url=%2FChicago-Magazine%2FNovember-2012%2FBest-Sandwiches-in-Chicago-Old-Oak-Tap-BLT%2Findex.php&amp;mode=print','printThisPage','status=no,toolbar=yes,menubar=yes,scrollbars=yes,resizable=yes,width=570'); ga('send', 'event', 'Sharing', 'Print story (top of story)' ,'1. Old Oak Tap BLT'); return false;\" target=\"_blank\" url=\"print this page\"><i class=\"icon-print\"></i></a></li>\n",
       "<li class=\"cmmnt\"><a href=\"javascript:void(0);\" onclick=\"jumpto('#comment',150);\"><i class=\"icon-comment\"></i></a></li>\n",
       "<li class=\"comment-count\"><a data-disqus-identifier=\"19495\" href=\"javascript:void(0);\" id=\"comment-count\" onclick=\"jumpto('#comment',150);\"></a></li>\n",
       "</ul>\n",
       "</section> </div> </header>\n",
       "<section class=\"caption main\">\n",
       "<figure>\n",
       "<div class=\"position-relative image-launch-wrapper\">\n",
       "<picture>\n",
       "<source media=\"(max-width: 320px)\" srcset=\"http://media.chicagomag.com//images/cache/cache_6/cache_5/cache_a/01-Old-Oak-Trap-BLT-500-737a6a56.jpeg?ver=1483658044&amp;aspectratio=1.4634146341463, http://media.chicagomag.com//images/cache/cache_9/cache_1/cache_0/01-Old-Oak-Trap-BLT-500-87972019.jpeg?ver=1483658044&amp;aspectratio=1.4619883040936 2x\"/>\n",
       "<source media=\"(max-width: 470px)\" srcset=\"http://media.chicagomag.com//images/cache/cache_a/cache_9/cache_c/01-Old-Oak-Trap-BLT-500-64a12c9a.jpeg?ver=1483658044&amp;aspectratio=1.4754098360656, http://media.chicagomag.com//images/cache/cache_b/cache_c/cache_0/01-Old-Oak-Trap-BLT-500-d13040cb.jpeg?ver=1483658044&amp;aspectratio=1.4749262536873 2x\"/>\n",
       "<source srcset=\"http://media.chicagomag.com//images/cache/cache_2/cache_b/cache_6/01-Old-Oak-Trap-BLT-500-604ed6b2.jpeg?ver=1482330137&amp;aspectratio=1.4749262536873, http://media.chicagomag.com//images/cache/cache_4/cache_0/cache_a/01-Old-Oak-Trap-BLT-500-dcc14a04.jpeg?ver=1483658044&amp;aspectratio=1.4749262536873 2x\"/>\n",
       "<img alt=\"\" height=\"420\" id=\"article-lead-image\" src=\"http://media.chicagomag.com//images/cache/cache_2/cache_b/cache_6/01-Old-Oak-Trap-BLT-500-604ed6b2.jpeg?ver=1482330137&amp;aspectratio=1.4749262536873\" width=\"620\">\n",
       "</img></picture>\n",
       "<a class=\"launch bottom-right\" href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/index.php?mode=popup&amp;cp=1&amp;view=slideshow&amp;play=0\" id=\"gallery-link\" style=\"display: none;\">Launch gallery</a>\n",
       "</div>\n",
       "<figcaption> <span class=\"photo-credit\">Photo: Anna Knott; Food stylist: Lisa Kuehl</span>\n",
       "</figcaption>\n",
       "</figure>\n",
       "</section>\n",
       "</div><!-- /#article-header-image-container -->\n",
       "<div class=\"content-and-sidebar\">\n",
       "<div class=\"content post \">\n",
       "<div class=\"fb-like fb-like-top\" data-href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/\" data-layout=\"box_count\" data-send=\"false\" data-share=\"true\" data-show-faces=\"false\" data-width=\"50\"></div>\n",
       "<p>\n",
       "\tThe B is applewood smoked—nice and snappy. The L is arugula—fresh and peppery. The T is a fried green slice—jacketed in cornmeal and greaseless. Slathered with pimiento cheese, the grilled ciabatta somehow stays crisp, providing three distinct layers of crunch. Truly inspired.</p>\n",
       "<p class=\"addy\">\n",
       "<em>$10. 2109 W. Chicago Ave., 773-772-0406, <a href=\"http://www.theoldoaktap.com/\">theoldoaktap.com</a></em></p>\n",
       "<aside class=\"story-nav-aside\">\n",
       "<a class=\"story-nav\" href=\"http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Phoebes-Bakery-The-Gatsby/\" id=\"story-nav-left\">\n",
       "<span class=\"previous\">Previous</span>\n",
       "<span class=\"story-nav-head\">50. The Gatsby</span>\n",
       "        Phoebe’s Bakery\n",
       "      </a>\n",
       "<a class=\"story-nav\" href=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Au-Cheval-Fried-Bologna/\" id=\"story-nav-right\">\n",
       "<span class=\"next\">Next</span>\n",
       "<span class=\"story-nav-head\">2. Fried Bologna</span>\n",
       "        Au Cheval\n",
       "        </a>\n",
       "</aside>\n",
       "<footer>This article appears in the <a href=\"/Chicago-Magazine/November-2012/\">November 2012</a> issue of <em> Chicago</em> magazine. <a href=\"http://www.chicagomag.com/subscribe\" onclick=\"ga('send',  'event','Refer clicks', 'Subscribe, article footer');\">Subscribe to <em>Chicago</em> magazine</a>.</footer>\n",
       "<div class=\"clearfix\"></div>\n",
       "<script>\n",
       "  var newsletterChoice = \"Dish\";\n",
       "</script>\n",
       "<div class=\"margin-top-10 margin-bottom-40\" id=\"footer-newsletter-subscribe\">\n",
       "<div class=\"lazyload\" data-url=\"/lazyloads/furniture/dish-subscribe-footer.html?2\" id=\"lazy-newsletter-footer\"> </div>\n",
       "</div>\n",
       "<script>\n",
       "  jQuery(function(){\n",
       "    // If the user has already subscribed to this newsletter, hide the footer form.\n",
       "    // In its stead, reveal the related articles and popular stories. (Super articles only.)\n",
       "    if (getCookie('subscribe-Dish') == 'true') {\n",
       "      jQuery('#footer-newsletter-subscribe').hide();\n",
       "      // jQuery('.show-if-no-newsletter-cta').show();\n",
       "    }\n",
       "    // else {\n",
       "    //   jQuery('.show-if-no-newsletter-cta').hide();\n",
       "    // }\n",
       "  })\n",
       "\n",
       "\n",
       "\n",
       "</script>\n",
       "<section class=\"clearfix\" id=\"share\">\n",
       "<h3>Share</h3>\n",
       "<ul class=\"story-share-buttons list-no-bullets clearfix\">\n",
       "<li class=\"fb\"><a href=\"https://www.facebook.com/sharer/sharer.php?u=http://www.chicagomag.com//Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/%3Futm_source=facebook.com%26utm_medium=referral%26utm_campaign=Facebook%20below%20story%2019495%20Apr%2017%202018%2001:26\" onclick=\"ga('send', 'event', 'Sharing', 'Facebook share from article','1. Old Oak Tap BLT');\n",
       "    return socialPopup('https://www.facebook.com/sharer/sharer.php?u=http://www.chicagomag.com//Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/%3Futm_source=facebook.com%26utm_medium=referral%26utm_campaign=Facebook%20below%20story%2019495%20Apr%2017%202018%2001:26');\" target=\"_blank\"><i class=\"icon-facebook\"></i></a>\n",
       "</li>\n",
       "<li class=\"tw\"><a href=\"https://twitter.com/share?text=1.+Old+Oak+Tap+BLT&amp;url=http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/\" onclick=\"ga('send', 'event', 'Sharing', 'Tweet story from article','1. Old Oak Tap BLT');\n",
       "    return tweetPopup('1.+Old+Oak+Tap+BLT','/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/','19495');\n",
       "    \" target=\"_blank\"><i class=\"icon-twitter\"></i></a></li>\n",
       "<li class=\"eml\"><a href=\"#\" onclick=\"window.open('/core/pagetools.php?pageID=19495&amp;url=%2FChicago-Magazine%2FNovember-2012%2FBest-Sandwiches-in-Chicago-Old-Oak-Tap-BLT%2Findex.php&amp;mode=email','emailThisPage','status=no,scrollbars=yes,resizable=yes,width=420,height=540'); ga('send', 'event', 'Sharing', 'Email story','1. Old Oak Tap BLT'); return false;\" url=\"email this page\"><i class=\"icon-envelope\"></i></a></li>\n",
       "<li class=\"prnt\"><a href=\"#\" onclick=\"window.open('/core/pagetools.php?pageid=19495&amp;url=%2FChicago-Magazine%2FNovember-2012%2FBest-Sandwiches-in-Chicago-Old-Oak-Tap-BLT%2Findex.php&amp;mode=print','printThisPage','status=no,toolbar=yes,menubar=yes,scrollbars=yes,resizable=yes,width=570'); ga('send', 'event', 'Sharing', 'Print story' ,'1. Old Oak Tap BLT'); return false;\" target=\"_blank\" url=\"print this page\"><i class=\"icon-print\"></i></a></li>\n",
       "<li class=\"cmmnt\"><a href=\"javascript:void(0);\" onclick=\"jumpto('#comment',150);\"><i class=\"icon-comment\"></i></a></li>\n",
       "</ul>\n",
       "</section>\n",
       "<a class=\"edit_from_site\" content_id=\"ad-600-100\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<style type=\"text/css\">\n",
       "      @media (max-width:599px) {\n",
       "    #ad-600-100-outer {\n",
       "          display:none !important;\n",
       "        }\n",
       "   }\n",
       "</style>\n",
       "<div class=\"ad ban-600\" id=\"ad-600-100-outer\">\n",
       "<h2>Advertisement</h2>\n",
       "<div id=\"div-gpt-ad-600-100\"></div>\n",
       "<script>\n",
       "\n",
       "if (document.documentElement.clientWidth > 600) {\n",
       "googletag.cmd.push(function() {\n",
       "    googletag.display('div-gpt-ad-600-100');\n",
       "});\n",
       "}\n",
       "  </script>\n",
       "</div>\n",
       "<section id=\"related-articles\">\n",
       "<a class=\"title\" href=\"/dining-drinking\">Other Dining &amp; Drinking stories</a>\n",
       "<div class=\"related-row clearfix\">\n",
       "<div class=\"related related-1 \">\n",
       "<a class=\"related-thumb\" href=\"/Chicago-Magazine/May-2018/Smoke-Daddy-Brings-BBQ-to-Wrigleyville/\" onclick=\"ga('send',  'event', 'Refer clicks', 'Related (photo), slot ' + 1, '/Chicago-Magazine/May-2018/Smoke-Daddy-Brings-BBQ-to-Wrigleyville/');\" style=\"background-image: url('http://media.chicagomag.com//images/cache/cache_8/cache_3/cache_a/ScreenShot2018-04-11at5.08.32PM-777b1a38.jpeg?ver=1523545382&amp;aspectratio=1.5208333333333'); background-size: cover;\"> </a>\n",
       "<div class=\"content\">\n",
       "<h2><a href=\"/Chicago-Magazine/May-2018/Smoke-Daddy-Brings-BBQ-to-Wrigleyville/\" onclick=\"ga('send',  'event', 'Refer clicks', 'Related (head), slot ' + 1, '/Chicago-Magazine/May-2018/Smoke-Daddy-Brings-BBQ-to-Wrigleyville/');\">Smoke Daddy Brings Its BBQ to Wrigleyville and More Dining News</a></h2>\n",
       "<p class=\"time\">5 days ago</p>\n",
       "</div><!-- /.content -->\n",
       "</div><!-- /.related -->\n",
       "<div class=\"related related-2 related-nativo\">\n",
       "<a class=\"related-thumb\" href=\"/dining-drinking/April-2018/LiqrBox-Goes-Full-On-Nickelodeon/\" onclick=\"ga('send',  'event', 'Refer clicks', 'Related (photo), slot ' + 2, '/dining-drinking/April-2018/LiqrBox-Goes-Full-On-Nickelodeon/');\" style=\"background-image: url('http://media.chicagomag.com//images/cache/cache_8/cache_5/cache_f/thumb-c4e11f58.jpeg?ver=1523541696&amp;aspectratio=1.7760416666667'); background-size: cover;\"> </a>\n",
       "<div class=\"content\">\n",
       "<h2><a href=\"/dining-drinking/April-2018/LiqrBox-Goes-Full-On-Nickelodeon/\" onclick=\"ga('send',  'event', 'Refer clicks', 'Related (head), slot ' + 2, '/dining-drinking/April-2018/LiqrBox-Goes-Full-On-Nickelodeon/');\">LiqrBox Goes Full-On Nickelodeon</a></h2>\n",
       "<p class=\"time\">5 days ago</p>\n",
       "</div><!-- /.content -->\n",
       "</div><!-- /.related -->\n",
       "</div><!-- /.related-row -->\n",
       "<div class=\"related-row clearfix\">\n",
       "<div class=\"related related-3 \">\n",
       "<a class=\"related-thumb\" href=\"/dining-drinking/April-2018/New-Chicago-Outdoor-Restaurants-Bars/\" onclick=\"ga('send',  'event', 'Refer clicks', 'Related (photo), slot ' + 3, '/dining-drinking/April-2018/New-Chicago-Outdoor-Restaurants-Bars/');\" style=\"background-image: url('http://media.chicagomag.com//images/cache/cache_2/cache_4/cache_2/TiedHouseChicago-Courtyard1-GenslerChicagoRendering-3f840242.jpeg?ver=1523467869&amp;aspectratio=1.5'); background-size: cover;\"> </a>\n",
       "<div class=\"content\">\n",
       "<h2><a href=\"/dining-drinking/April-2018/New-Chicago-Outdoor-Restaurants-Bars/\" onclick=\"ga('send',  'event', 'Refer clicks', 'Related (head), slot ' + 3, '/dining-drinking/April-2018/New-Chicago-Outdoor-Restaurants-Bars/');\">Six New Bar and Restaurant Patios to Look Forward to This Spring</a></h2>\n",
       "<p class=\"time\">6 days ago</p>\n",
       "</div><!-- /.content -->\n",
       "</div><!-- /.related -->\n",
       "<div class=\"related related-4 \">\n",
       "<a class=\"related-thumb\" href=\"/dining-drinking/April-2018/Ludlow-Liquors-is-Hoppin-and-Orange/\" onclick=\"ga('send',  'event', 'Refer clicks', 'Related (photo), slot ' + 4, '/dining-drinking/April-2018/Ludlow-Liquors-is-Hoppin-and-Orange/');\" style=\"background-image: url('http://media.chicagomag.com//images/cache/cache_d/cache_3/cache_2/LUDLOW-12-49e7e23d.jpeg?ver=1523386884&amp;aspectratio=1.5'); background-size: cover;\"> </a>\n",
       "<div class=\"content\">\n",
       "<h2><a href=\"/dining-drinking/April-2018/Ludlow-Liquors-is-Hoppin-and-Orange/\" onclick=\"ga('send',  'event', 'Refer clicks', 'Related (head), slot ' + 4, '/dining-drinking/April-2018/Ludlow-Liquors-is-Hoppin-and-Orange/');\">Ludlow Liquors is Hoppin’ (and Orange)</a></h2>\n",
       "<p class=\"time\">6 days ago</p>\n",
       "</div><!-- /.content -->\n",
       "</div><!-- /.related -->\n",
       "</div><!-- /.related-row -->\n",
       "</section>\n",
       "<!-- End Related Articles -->\n",
       "<div id=\"comment\" style=\"clear: both; height: 1px;\"></div>\n",
       "<a class=\"edit_from_site\" content_id=\"comments-disqus\" href=\"#\" media_id=\"83\">Edit Module</a><div class=\"comments-block\" id=\"commentFormContainer\">\n",
       "<h5 class=\"add-comment\">Submit your comment</h5>\n",
       "<p class=\"comments-disclaimer\">Comments  are moderated. We review them in an effort to remove foul language, commercial messages, abuse, and irrelevancies.</p>\n",
       "<div id=\"disqus_thread\" style=\"max-width: 600px;\"></div>\n",
       "<script type=\"text/javascript\">\n",
       "</script>\n",
       "<noscript>Enable JavaScript to view the <a href=\"http://disqus.com/?ref_noscript\">comments powered by Disqus.</a></noscript>\n",
       "</div>\n",
       "</div>\n",
       "<!-- Begin Sidebar -->\n",
       "<aside class=\"article long clearfix\">\n",
       "<div class=\"tablet-sidebar-left\">\n",
       "<a class=\"edit_from_site\" content_id=\"widget-marketplace-sponsor\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<style>\n",
       "\n",
       ".btn-widget-small {\n",
       " margin-bottom: 5px;}\n",
       "\n",
       ".amp {\n",
       "color: white;\n",
       "webkit-transition: none .2s ease; \n",
       "}\n",
       "\n",
       "ul.menu {\n",
       "background: black;\n",
       "   position:absolute;\n",
       "   /*height: 0px;*/\n",
       "   visibility: hidden;\n",
       "   margin-top: 0px;\n",
       "  background-color: black;\n",
       "  width: 300px;\n",
       "  padding: 0px 0px 10px;\n",
       "z-index: 9999999;\n",
       "}\n",
       "\n",
       "ul.menu li a {\n",
       "   font-size: .75em;\n",
       "   font-style: italic;\n",
       "   text-align:center;\n",
       "}\n",
       "#btn-sponsored-features {\n",
       "position: relative;\n",
       "}\n",
       "\n",
       "#btn-sponsored-features:hover .menu {\n",
       "  /*position: relative;*/\n",
       "  visibility: visible;\n",
       "\n",
       "  /*height: 80%;*/\n",
       "\n",
       "}\n",
       "\n",
       "ul.menu a {\n",
       "-webkit-transition: none;-moz-transition:none;transition:none;\n",
       "}\n",
       "#marketing-widget {\n",
       "margin-bottom: 20px;\n",
       "}\n",
       "</style>\n",
       "<div id=\"marketing-widget\">\n",
       "<div class=\"btn-widget-small btn-widget-small-reverse\">\n",
       "<a href=\"/marketplace\" onclick=\"ga('send',  'event','M&amp;C widget', 'Marketplace');\" style=\"display: inline-block; margin-right: 2px;\">Marketplace</a>\n",
       "</div>\n",
       "<div class=\"btn-widget-small btn-widget-small-reverse\">\n",
       "<a href=\"/Chicago-Magazine/Promotion/Events-and-Party-Pix/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Events and Party Pix');\" style=\"display: inline-block; margin-right: 2px;\">Events <span class=\"amp amp-semibold\"><span id=\"noclick\">&amp;</span></span> Party Pix</a>\n",
       "</div>\n",
       "<div class=\"btn-widget-small btn-widget-small-reverse\" id=\"btn-sponsored-features\"><a href=\"/Chicago-Magazine/Promotion/Sponsor-Content/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Sponsor Content');\" style=\"display: inline-block; margin-right: 2px;\"><span>Resource Guide</span>\n",
       "</a>\n",
       "<ul class=\"menu\">\n",
       "<li><a href=\"/Chicago-Magazine/Promotion/Lightology/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Lightology');\">Chicago’s Most Exclusive Lighting</a></li>\n",
       "<li><a href=\"http://www.chicagomag.com/Chicago-Magazine/Promotion/Dental-Profiles-2018/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Dental Profiles');\">Dental Profiles</a></li>\n",
       "<li><a href=\"http://www.chicagomag.com/Chicago-Magazine/Promotion/2016-Education-Guide/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Education Guide');\">Education Guide</a></li>\n",
       "<li><a href=\"http://www.chicagomag.com/Chicago-Magazine/Promotion/Experience-Chicago-2018/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Experience Chicago 2018');\">Experience Chicago</a></li>\n",
       "<li><a href=\"http://www.chicagomag.com/Chicago-Magazine/Promotion/Give-Chicago-2017\" onclick=\"ga('send',  'event','M&amp;C widget', '2017 Give Chicago');\">Give Chicago</a></li>\n",
       "<li><a href=\"http://www.chicagomag.com/Chicago-Magazine/Promotion/2017-Go-West/\" onclick=\"ga('send',  'event','M&amp;C widget', '2017 Go West');\">Go West</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/Promotion/IL-Holocaust-Museum/\" onclick=\"ga('send',  'event','M&amp;C widget', 'IL Holocaust');\">The Illinois Holocaust Musuem</a></li>\n",
       "<li><a href=\"http://www.chicagomag.com/Chicago-Magazine/Promotion/Make-it-Lincoln-Park-2017/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Make It Lincoln Park');\">Make it Lincoln Park</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/Promotion/MSI-Spring-Make-Festival/\" onclick=\"ga('send',  'event','M&amp;C widget', 'MSI');\">The MSI's Spring Make Festival</a></li>\n",
       "<li><a href=\"http://www.chicagomag.com/Chicago-Magazine/Promotion/Prime-of-Your-Life-2017/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Prime of Your Life');\">Prime of Your Life</a></li>\n",
       "<li><a href=\"http://www.chicagomag.com/Chicago-Magazine/Promotion/Chicagoland-Professional-Profiles-2018/?4\" onclick=\"ga('send',  'event','M&amp;C widget', 'Professional Profiles');\">Professional Profiles</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/Promotion/United-Way-of-Metro-Chicago/\" onclick=\"ga('send',  'event','M&amp;C widget', 'United Way');\">United Way</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/Promotion/Visit-Detroit-2018/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Detroit');\">Visit Detroit</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/Promotion/Yorktowns-Taste-for-the-Space/\" onclick=\"ga('send',  'event','M&amp;C widget', 'Yorktown');\">Yorktown's Taste for the Space</a></li>\n",
       "</ul>\n",
       "</div>\n",
       "</div>\n",
       "<a class=\"edit_from_site\" content_id=\"cube-1\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<div class=\"ad sq\">\n",
       "<h2>Advertisement</h2>\n",
       "<div id=\"div-gpt-ad-cube-1\" style=\"height: 250px; width: 300px;\"></div>\n",
       "<script type=\"text/javascript\">\n",
       "googletag.cmd.push(function() {\n",
       "\t\tgoogletag.display('div-gpt-ad-cube-1');\n",
       "});\n",
       "\t</script>\n",
       "</div>\n",
       "<a class=\"edit_from_site\" content_id=\"cube-3\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<div class=\"ad sq\">\n",
       "<h2>Advertisement</h2>\n",
       "<div id=\"div-gpt-ad-cube-3\" style=\"width: 300px; height: 250px; margin: 0 auto;\">\n",
       "<script>\n",
       "googletag.cmd.push(function() {\n",
       "    googletag.display('div-gpt-ad-cube-3');\n",
       "});\n",
       "  </script>\n",
       "</div>\n",
       "</div>\n",
       "</div>\n",
       "<div class=\"tablet-sidebar-right\">\n",
       "<form action=\"\" method=\"post\" name=\"newsletter\" onsubmit=\"validateNewsletter(); return false;\">\n",
       "<section class=\"newsletters widget\" id=\"category-specific-newsletter\">\n",
       "<h2 class=\"title red-border\" id=\"newsletterTitle\">Get Our Newsletters</h2>\n",
       "<div class=\"newsletter-reveal clearfix\" style=\"display: block;\">\n",
       "<p class=\"newsletter-description\"></p>\n",
       "<input class=\"clean white\" name=\"email\" placeholder=\"Your email address\" type=\"text\"/>\n",
       "<div class=\"form-error\" id=\"error-email\">\n",
       "          Please enter your email address\n",
       "        </div>\n",
       "<label class=\"checkbox \" for=\"over21\"> <input checked=\"\" id=\"over21\" name=\"over21\" type=\"checkbox\" value=\"yes\"/>Are you 21 or older?</label>\n",
       "<input name=\"source\" type=\"hidden\" value=\"/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/\"/>\n",
       "<input id=\"newsletterChoice\" name=\"newsletter\" type=\"hidden\" value=\"\"/>\n",
       "<br style=\"clear:both;\"/>\n",
       "<button type=\"submit\">Subscribe</button>\n",
       "</div>\n",
       "</section>\n",
       "</form>\n",
       "<script>\n",
       "      var newsletterChoice = \"Dish\";\n",
       "  \n",
       "  \n",
       "\n",
       "    var cookieValue = getCookie('subscribe-'+newsletterChoice.replace(' ','-'));\n",
       "    if (cookieValue == 'true') {\n",
       "      jQuery('#category-specific-newsletter').hide();\n",
       "    }\n",
       "\n",
       "    else {\n",
       "      var description = '';\n",
       "      switch (newsletterChoice) {\n",
       "        case 'Home & Real Estate':\n",
       "          description = \"<span class='leadin'>Fridays:</span> Get the latest real estate news, keep an eye on the city’s most beautiful and unique listings, and learn about the best home & design events locally.\";\n",
       "          break;\n",
       "        case 'The 312':\n",
       "          description = \"<span class='leadin'>Tuesdays:</span> Get up to speed on the week’s most important stories and must-reads.\";\n",
       "          break;\n",
       "        case 'Chicago Guide':\n",
       "          description = \"<span class='leadin'>Wednesdays:</span> <em>Chicago</em>’s culture critics bring you a weekly list of the top five events worth your time and money.\";\n",
       "          break;\n",
       "        case 'Go Travel':\n",
       "          description = \"<span class='leadin'>Monthly:</span> Be the first to know about exclusive travel discounts and offers to help you plan your next big adventure, courtesy of our sponsors.\";\n",
       "          break;\n",
       "        case 'Dish':\n",
       "          description = \"<span class='leadin'>Wednesdays:</span> Want the latest news from the Chicagoland dining scene served up fresh in your email inbox? Sign up for the Dish newsletter and get inside access to the city’s most plugged-in food and dining coverage from <em>Chicago</em> magazine’s dining editor, Penny Pollack. \";\n",
       "          break;\n",
       "        case 'Sales Check':\n",
       "          description = \"<span class='leadin'>Thursdays:</span> Hear about the great shopping experiences in the Chicago area, plus the latest news about hot store openings, sales, trends, and local retail news. Shop-a-holic? We know just how you feel. \";\n",
       "          break;\n",
       "        case 'VIP Newsletter':\n",
       "          description = \"<span class='leadin'>Mondays, Wednesdays, and Fridays: </span><em>Chicago</em> magazine hosts various events throughout the year. Sign up and join the party!\";\n",
       "          break;\n",
       "        case 'Special Offers':\n",
       "          description = 'Receive special offers and discounts from <em>Chicago</em> magazine’s selected partners.';\n",
       "          break;\n",
       "        case 'Health & Wellness':\n",
       "          description = \"<span class='leadin'>Third Mondays: </span>The top local stories in health care innovation, nutrition, exercise, wellness, and more—plus, local classes and workshops worth attending. Our editors will bring you the latest on how to live life, well.\";\n",
       "          break;\n",
       "        case 'Select all':\n",
       "          description = 'Subscribe to <em>Chicago Guide</em>, <em>Chicago Travel</em>, <em>Dish</em>, <em>Health & Wellness</em>, <em>Sales Check</em>, <em>Home & Real Estate</em>, <em>VIP Newsletter</em>, and <em>Special Offers</em>.'\n",
       "      }\n",
       "\n",
       "\n",
       "      jQuery('.newsletter-description').html(description);\n",
       "      jQuery('.newsletter-reveal').slideDown();\n",
       "      jQuery('#newsletterChoice').val(newsletterChoice);\n",
       "      jQuery('#newsletterTitle').html('Subscribe to ' + newsletterChoice);\n",
       "    }\n",
       "\n",
       "</script>\n",
       "<div class=\"lazyload\" data-url=\"/lazyloads/most-popular/\" id=\"lazy-popular\"></div>\n",
       "<div id=\"fixie-side-position-finder\">\n",
       "<div class=\"clearfix\" id=\"fixie-side\">\n",
       "<a class=\"edit_from_site\" content_id=\"cube-2\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<div class=\"ad sq\">\n",
       "<h2>Advertisement</h2>\n",
       "<div id=\"div-gpt-ad-cube-2\" style=\"width: 300px; height: 250px; margin: 0 auto;\">\n",
       "<script>\n",
       "googletag.cmd.push(function() {\n",
       "    googletag.display('div-gpt-ad-cube-2');\n",
       "});\n",
       "  </script>\n",
       "</div>\n",
       "</div>\n",
       "<script>\n",
       "          // Make the fixed slot refresh every 2 minutes (on desktops; ad is not fixed elsewhere)\n",
       "          setInterval(function(){\n",
       "            if (jQuery('#fixie-side').css('position') == 'fixed') {\n",
       "              googletag.pubads().refresh([cube2]);\n",
       "              }\n",
       "            }, 120000);\n",
       "        </script>\n",
       "<a class=\"edit_from_site\" content_id=\"widget-current-issue\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<section class=\"subscribe widget\">\n",
       "<a class=\"button\" href=\"javascript:void(0);\"><span class=\"title\">Subscribe</span><span class=\"plus\">+</span><span class=\"minus\">-</span></a>\n",
       "<div class=\"issue\">\n",
       "<a href=\"/Chicago-Magazine/April-2018/\" onclick=\"ga('send',  'event', 'Current issue widget', 'Current issue');\"><img alt=\"Current issue of Chicago magazine\" height=\"145\" src=\"http://media.chicagomag.com//images/cache/cache_1/cache_b/cache_1/CMAG0418-79ae71b1.jpeg?ver=1521819511&amp;aspectratio=0.75862068965517\" width=\"110\"/></a>\n",
       "<a class=\"btn\" href=\"/subscribe\" onclick=\"ga('send',  'event', 'Current issue widget', 'Subscribe (red button)');\">Subscribe</a>\n",
       "</div>\n",
       "<ul>\n",
       "<li>\n",
       "<a href=\"/subscribe\" onclick=\"ga('send',  'event', 'Current issue widget', 'Subscribe');\">\n",
       "<span class=\"lead\"><span class=\"red\">Subscribe</span> to the</span>\n",
       "<span class=\"title\">Print &amp; Tablet Edition</span>\n",
       "</a>\n",
       "</li>\n",
       "<li>\n",
       "<a href=\"http://www.chicagomag.com/digitaledition\" onclick=\"ga('send',  'event', 'Current issue widget', 'Digital edition');\">\n",
       "<span class=\"lead\"><span class=\"red\">Subscribe</span> to the</span>\n",
       "<span class=\"title\">Digital Edition</span>\n",
       "</a>\n",
       "</li>\n",
       "<li>\n",
       "<a class=\"ipad\" href=\"/ipad\" onclick=\"ga('send',  'event', 'Current issue widget', 'iPad');\">\n",
       "<span class=\"lead\"><span class=\"red\">Download</span> our tablet app for</span>\n",
       "<span class=\"title\">iPad</span>\n",
       "</a>\n",
       "<a class=\"android\" href=\"/android\" onclick=\"ga('send',  'event', 'Current issue widget', 'Android');\">\n",
       "<span class=\"title\">Android</span>\n",
       "</a>\n",
       "</li>\n",
       "<li>\n",
       "<a class=\"single\" href=\"/single-issues\" onclick=\"ga('send',  'event', 'Current issue widget', 'Single Issues');\">\n",
       "<span class=\"lead\"><span class=\"red\">Purchase</span> copies of</span>\n",
       "<span class=\"title\">Single Issues</span>\n",
       "</a>\n",
       "<a class=\"gift\" href=\"/gifts\" onclick=\"ga('send',  'event', 'Current issue widget', 'Gift');\">Give a <span class=\"red\">gift</span> subscription</a>\n",
       "</li>\n",
       "</ul>\n",
       "</section>\n",
       "</div>\n",
       "</div>\n",
       "</div>\n",
       "</aside>\n",
       "<!-- End Sidebar -->\n",
       "</div> <!-- End .content-and-sidebar -->\n",
       "</article>\n",
       "<!-- End Main Article Container -->\n",
       "</div><!--- End Page -->\n",
       "<a class=\"edit_from_site\" content_id=\"leaderboard-2\" href=\"#\" media_id=\"83\">Edit Module</a>\n",
       "<style type=\"text/css\">\n",
       "      @media (max-width:735px) {\n",
       "    #div-gpt-ad-leaderboard-2 {\n",
       "          display:none !important;\n",
       "        }\n",
       "   }\n",
       "</style>\n",
       "<div class=\"ad ban\" id=\"div-gpt-ad-leaderboard-2\">\n",
       "<script type=\"text/javascript\">\n",
       "if (document.documentElement.clientWidth > 735) {\n",
       "googletag.cmd.push(function() {\n",
       "    googletag.display('div-gpt-ad-leaderboard-2');\n",
       "});\n",
       "}\n",
       "  </script>\n",
       "</div>\n",
       "</div><!-- End Content Wrap -->\n",
       "<div id=\"div-out-of-page\">\n",
       "<script>\n",
       "  googletag.cmd.push(function() {\n",
       "    googletag.display('div-out-of-page');\n",
       "  });\n",
       "  </script>\n",
       "</div>\n",
       "<script>(function(d, s, id) {\n",
       "  var js, fjs = d.getElementsByTagName(s)[0];\n",
       "  if (d.getElementById(id)) return;\n",
       "  js = d.createElement(s); js.id = id;\n",
       "  js.src = \"//connect.facebook.net/en_US/all.js#xfbml=1&appId=432224116825361\";\n",
       "  fjs.parentNode.insertBefore(js, fjs);\n",
       "}(document, 'script', 'facebook-jssdk'));</script>\n",
       "<!-- LSC tracking pixel -->\n",
       "<script>\n",
       "    document.write('<script id=\"tbw_pixel\" type=\"text/javascript\" src=\"//d26x5ounzdjojj.cloudfront.net/tbw/tbw_analytics_v1.0.js?' + (new Date()).getHours() + '\" onload=\"tbw_parse(this);\" tbw_site_id=\"Ldd6b4994ab6844a0\" tbw_segment=\"Retargeting\" defer><\\/script>');\n",
       "</script>\n",
       "<!-- fix for gallery height bug -->\n",
       "<script>\n",
       "jQuery( document ).ready(function() {\n",
       "  jQuery('.photoset-grid-basic .photoset-row').css( \"height\", \"initial\" );\n",
       "});\n",
       "</script>\n",
       "<!-- force removal of bottom nav in gallery view -->\n",
       "<style>\n",
       "body.gallery.no-nav aside.story-nav-aside {\n",
       "  display: none !important;\n",
       "}\n",
       "</style>\n",
       "<footer class=\"page-footer\">\n",
       "<nav>\n",
       "<a class=\"logo background-logo-svg\" href=\"/\" onclick=\"ga('send', 'event', 'Global footer', 'Logo to home');\">Chicago magazine</a>\n",
       "<select class=\"clean wide nav\" id=\"page-nav-mobile\" onchange=\"location = this.options[this.selectedIndex].value;\">\n",
       "<option value=\"/Chicago-Magazine/Advertise\">Advertise</option>\n",
       "<option value=\"/Chicago-Magazine/Contact-Us\">Contact Us</option>\n",
       "<option value=\"/Chicago-Magazine/Classifieds/\">Marketplace</option>\n",
       "<option value=\"http://www.tronc.com/privacy-policy/\">Privacy &amp; Terms (Updated)</option>\n",
       "<option value=\"/Chicago-Magazine/archive-index\">Archive</option>\n",
       "<option value=\"/customerservice\">Customer Service</option>\n",
       "<option value=\"/newsletters\">Newsletters</option>\n",
       "<option value=\"/subscribe\">Subscribe</option>\n",
       "</select>\n",
       "<section class=\"links\">\n",
       "<ul>\n",
       "<li><a href=\"/Chicago-Magazine/Advertise\" onclick=\"ga('send', 'event','Global footer', 'Advertise');\">Advertise</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/Contact-Us\" onclick=\"ga('send', 'event','Global footer', 'Contact us');\">Contact Us</a></li>\n",
       "<li><a href=\"/Chicago-Magazine/Classifieds/\" onclick=\"ga('send', 'event','Global footer', 'Marketplace');\">Marketplace</a></li>\n",
       "<li><a href=\"http://www.tronc.com/privacy-policy/\" onclick=\"ga('send', 'event','Global footer', 'Privacy');\">Privacy (Updated)</a></li>\n",
       "<li><a href=\"http://www.tronc.com/central-terms-of-service/\" onclick=\"ga('send', 'event','Global footer', 'Terms');\">Terms</a></li>\n",
       "</ul>\n",
       "<ul>\n",
       "<li><a href=\"/Chicago-Magazine/archive-index\" onclick=\"ga('send', 'event','Global footer', 'Archive');\">Archive</a></li>\n",
       "<li><a href=\"/customerservice\" onclick=\"ga('send', 'event','Global footer', 'Customer service');\">Customer Service</a></li>\n",
       "<li><a href=\"/newsletters\" onclick=\"ga('send', 'event','Global footer', 'Newsletters');\">Newsletters</a></li>\n",
       "<li><a href=\"/subscribe\" onclick=\"ga('send', 'event','Global footer', 'Subscribe');\">Subscribe</a></li>\n",
       "</ul>\n",
       "</section>\n",
       "<div class=\"credits\">\n",
       "<p class=\"copyright\">©<span id=\"copyright-year\"></span> <em>Chicago</em> magazine / A Chicago Tribune Media Group website</p>\n",
       "</div>\n",
       "</nav>\n",
       "</footer>\n",
       "<!--[if lt IE 9]>\n",
       "<script type=\"text/javascript\" language\"Javascript\">\n",
       "console.log('Mutha ucking IE8');\n",
       "jQuery('html').addClass('old-ie');\n",
       "</script>\n",
       "<![endif]-->\n",
       "<script>\n",
       "document.getElementById('copyright-year').innerHTML = new Date().getFullYear()\n",
       "</script>\n",
       "<script async=\"\" src=\"//s.ntv.io/serve/load.js\"></script>\n",
       "<script>\n",
       "var FB = FB || false;\n",
       "if (FB) {\n",
       "  FB.Event.subscribe('edge.create', function(url) {\n",
       "    ga('send', 'social', 'facebook', 'like', url);\n",
       "  });\n",
       "}\n",
       "</script>\n",
       "<!-- Chartbeat -->\n",
       "<script type=\"text/javascript\">\n",
       "var _sf_async_config={uid:3096,domain:\"chicagomag.com\"}; // ,useCanonical: true\n",
       "\n",
       "  _sf_async_config.sections = \"Dining & Drinking\";\n",
       "\n",
       "\n",
       "(function(){\n",
       "  function loadChartbeat() {\n",
       "    window._sf_endpt=(new Date()).getTime();\n",
       "    var e = document.createElement('script');\n",
       "    e.setAttribute('language', 'javascript');\n",
       "    e.setAttribute('type', 'text/javascript');\n",
       "    e.setAttribute('src',\n",
       "       ((\"https:\" == document.location.protocol) ? \"https://a248.e.akamai.net/chartbeat.download.akamai.com/102508/\" : \"http://static.chartbeat.com/\") +\n",
       "       \"js/chartbeat.js\");\n",
       "    document.body.appendChild(e);\n",
       "  }\n",
       "  var oldonload = window.onload;\n",
       "  window.onload = (typeof window.onload != 'function') ?\n",
       "     loadChartbeat : function() { oldonload(); loadChartbeat(); };\n",
       "})();\n",
       "</script>\n",
       "<!-- Google Custom Search Engine -->\n",
       "<script type=\"text/javascript\">\n",
       "  (function() {\n",
       "    var cx = '010330565828956611806:7mfjr5payok'; //PROD\n",
       "    // var cx = '012184964769571027538:4alkqopmlde'; // DEV\n",
       "    var gcse = document.createElement('script');\n",
       "    gcse.type = 'text/javascript';\n",
       "    gcse.async = true;\n",
       "    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +\n",
       "        '//www.google.com/cse/cse.js?cx=' + cx;\n",
       "    var s = document.getElementsByTagName('script')[0];\n",
       "    s.parentNode.insertBefore(gcse, s);\n",
       "  })();\n",
       "</script>\n",
       "<script src=\"http://contentz.mkt51.net/lp/static/js/iMAWebCookie.js?5d52baad-1411358527b-d7c8ec57ae636c7258d3eb0ef0e531f2&amp;h=www.pages05.net\" type=\"text/javascript\"></script>\n",
       "<!-- Disqus -->\n",
       "<script>\n",
       "  var disqus_shortname = 'chicagomag';\n",
       "  var disqus_identifier = '19495';\n",
       "  var disqus_title = '1. Old Oak Tap BLT';\n",
       "  var disqus_url = 'http://www.chicagomag.com/Chicago-Magazine/November-2012/Best-Sandwiches-in-Chicago-Old-Oak-Tap-BLT/';\n",
       "\n",
       "  /* * * DON'T EDIT BELOW THIS LINE * * */\n",
       "  (function() {\n",
       "      var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;\n",
       "      dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';\n",
       "      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);\n",
       "  })();\n",
       "\n",
       "  (function () {\n",
       "  var s = document.createElement('script'); s.async = true;\n",
       "  s.type = 'text/javascript';\n",
       "  s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';\n",
       "  (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);\n",
       "  }());\n",
       "</script>\n",
       "<!-- Clean up the lame Rivista pagination -->\n",
       "<script type=\"text/javascript\">\n",
       "  var pb = jQuery('.page-break');\n",
       "  if (pb.length) {\n",
       "    var pagebreak = pb.html();\n",
       "    // Remove it from Page 1\n",
       "    if (pagebreak.substring(0,10) == \"(page 1 of\") {\n",
       "      pb.hide();\n",
       "    }\n",
       "    else if (pagebreak.substring(0,13) == \"<em>Page 1 of\") {\n",
       "       pb.hide();\n",
       "    }\n",
       "    else {\n",
       "      pagebreak = pagebreak.replace(\"(page\",\"<em>Page\");\n",
       "      pagebreak = pagebreak.replace(\")\",\"</em>\");\n",
       "      pb.html(pagebreak);\n",
       "      pb.css('display','inline-block');\n",
       "    }\n",
       "  }\n",
       "</script>\n",
       "<!--[if lt IE 9]>\n",
       "<script  type=\"text/javascript\" language=\"JavaScript\" src=\"http://media.chicagomag.com//core/media/themes/Respond/js/respond.js?ver=1473876729\"></script>\n",
       "<![endif]-->\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//core/media/js/base.js?ver=1473876728\" type=\"text/javascript\"></script>\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//core/media/themes/Respond/js/bootstrap.min.js?ver=1473876729\" type=\"text/javascript\"></script>\n",
       "<script language=\"JavaScript\" src=\"//maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false\" type=\"text/javascript\"></script>\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//theme_overrides/Respond/js/interstitial.js?ver=1515710421\" type=\"text/javascript\"></script>\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//theme_overrides/Respond/js/newsletter-subscribe.js?ver=1523643701\" type=\"text/javascript\"></script>\n",
       "<script language=\"JavaScript\" src=\"http://media.chicagomag.com//theme_overrides/Respond/js/RivistaGoogleDFP.js?ver=1447178886\" type=\"text/javascript\"></script>\n",
       "<!-- godengo-monitor --></body>\n",
       "</html>"
      ]
     },
     "execution_count": 53,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "html = urlopen(df['URL'][0])\n",
    "soup_tmp = BeautifulSoup(html, \"html.parser\")\n",
    "soup_tmp"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 54,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "<p class=\"addy\">\n",
      "<em>$10. 2109 W. Chicago Ave., 773-772-0406, <a href=\"http://www.theoldoaktap.com/\">theoldoaktap.com</a></em></p>\n"
     ]
    }
   ],
   "source": [
    "print(soup_tmp.find('p', 'addy'))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 55,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'\\n$10. 2109 W. Chicago Ave., 773-772-0406, theoldoaktap.com'"
      ]
     },
     "execution_count": 55,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "price_tmp = soup_tmp.find('p', 'addy').get_text()\n",
    "price_tmp"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 56,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['$10.', '2109', 'W.', 'Chicago', 'Ave.,', '773-772-0406,', 'theoldoaktap.com']"
      ]
     },
     "execution_count": 56,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "price_tmp.split()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 57,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'$10.'"
      ]
     },
     "execution_count": 57,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "price_tmp.split()[0]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 58,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'$10'"
      ]
     },
     "execution_count": 58,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "price_tmp.split()[0][:-1]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 59,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'2109 W. Chicago Ave.,'"
      ]
     },
     "execution_count": 59,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "' '.join(price_tmp.split()[1:-2])"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 60,
   "metadata": {},
   "outputs": [],
   "source": [
    "price = []\n",
    "address = []\n",
    "\n",
    "for n in df.index[:3]:\n",
    "    html = urlopen(df['URL'][n])\n",
    "    soup_tmp = BeautifulSoup(html, 'lxml')\n",
    "    \n",
    "    gettings = soup_tmp.find('p', 'addy').get_text()\n",
    "    \n",
    "    price.append(gettings.split()[0][:-1])\n",
    "    address.append(' '.join(gettings.split()[1:-2]))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 61,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['$10', '$9', '$9.50']"
      ]
     },
     "execution_count": 61,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "price"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 62,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['2109 W. Chicago Ave.,', '800 W. Randolph St.,', '445 N. Clark St.,']"
      ]
     },
     "execution_count": 62,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "address"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Jupyter Notebook에서 상태 진행바를 쉽게 만들어주는 tqdm 모듈\n",
    "## 상태 진행바까지 적용하고 다시 샌드위치페이지 50개에 접근하기"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 64,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "application/vnd.jupyter.widget-view+json": {
       "model_id": "d871bb3d72b14520adffbbe0efa1f77d",
       "version_major": 2,
       "version_minor": 0
      },
      "text/html": [
       "<p>Failed to display Jupyter Widget of type <code>HBox</code>.</p>\n",
       "<p>\n",
       "  If you're reading this message in the Jupyter Notebook or JupyterLab Notebook, it may mean\n",
       "  that the widgets JavaScript is still loading. If this message persists, it\n",
       "  likely means that the widgets JavaScript library is either not installed or\n",
       "  not enabled. See the <a href=\"https://ipywidgets.readthedocs.io/en/stable/user_install.html\">Jupyter\n",
       "  Widgets Documentation</a> for setup instructions.\n",
       "</p>\n",
       "<p>\n",
       "  If you're reading this message in another frontend (for example, a static\n",
       "  rendering on GitHub or <a href=\"https://nbviewer.jupyter.org/\">NBViewer</a>),\n",
       "  it may mean that your frontend doesn't currently support widgets.\n",
       "</p>\n"
      ],
      "text/plain": [
       "HBox(children=(IntProgress(value=0, max=50), HTML(value='')))"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "\n"
     ]
    }
   ],
   "source": [
    "from tqdm import tqdm_notebook\n",
    "\n",
    "price = []\n",
    "address = []\n",
    "\n",
    "for n in tqdm_notebook(df.index):\n",
    "    html = urlopen(df['URL'][n])\n",
    "    soup_tmp = BeautifulSoup(html, 'lxml')\n",
    "    \n",
    "    gettings = soup_tmp.find('p', 'addy').get_text()\n",
    "    \n",
    "    price.append(gettings.split()[0][:-1])\n",
    "    address.append(' '.join(gettings.split()[1:-2]))"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## 50개 웹 페이지에 대한 정보 가져오기"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 65,
   "metadata": {
    "scrolled": true
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['$10',\n",
       " '$9',\n",
       " '$9.50',\n",
       " '$9.40',\n",
       " '$10',\n",
       " '$7.25',\n",
       " '$16',\n",
       " '$10',\n",
       " '$9',\n",
       " '$17',\n",
       " '$11',\n",
       " '$5.49',\n",
       " '$14',\n",
       " '$10',\n",
       " '$13',\n",
       " '$4.50',\n",
       " '$11.95',\n",
       " '$11.50',\n",
       " '$6.25',\n",
       " '$15',\n",
       " '$5',\n",
       " '$6',\n",
       " '$8',\n",
       " '$5.99',\n",
       " '$7.52',\n",
       " '$11.95',\n",
       " '$7.50',\n",
       " '$12.95',\n",
       " '$7',\n",
       " '$21',\n",
       " '$9.79',\n",
       " '$9.75',\n",
       " '$13',\n",
       " '$7.95',\n",
       " '$9',\n",
       " '$9',\n",
       " '$8',\n",
       " '$8',\n",
       " '$7',\n",
       " '$6',\n",
       " '$7.25',\n",
       " '$11',\n",
       " '$6',\n",
       " '$9',\n",
       " '$5.49',\n",
       " '$8',\n",
       " '$6.50',\n",
       " '$7.50',\n",
       " '$8.75',\n",
       " '$6.85']"
      ]
     },
     "execution_count": 65,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "price"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 66,
   "metadata": {
    "scrolled": true
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['2109 W. Chicago Ave.,',\n",
       " '800 W. Randolph St.,',\n",
       " '445 N. Clark St.,',\n",
       " '914 Noyes St., Evanston,',\n",
       " '825 W. Fulton Mkt.,',\n",
       " '100 E. Walton',\n",
       " '1639 S. Wabash Ave.,',\n",
       " '2211 W. North Ave.,',\n",
       " '3619 W. North Ave.,',\n",
       " '3267 S. Halsted St.,',\n",
       " '2537 N. Kedzie Blvd.,',\n",
       " 'Multiple',\n",
       " '3124 N. Broadway,',\n",
       " '3455 N. Southport Ave.,',\n",
       " '2657 N. Kedzie Ave.,',\n",
       " '1120 W. Grand Ave.,',\n",
       " '1141 S. Jefferson St.,',\n",
       " '333 E. Benton Pl.,',\n",
       " '1411 N. Wells St.,',\n",
       " '1747 N. Damen Ave.,',\n",
       " '3209 W. Irving Park',\n",
       " 'Multiple',\n",
       " '5347 N. Clark St.,',\n",
       " '2954 W. Irving Park Rd.,',\n",
       " 'Multiple',\n",
       " '191 Skokie Valley Rd., Highland Park,',\n",
       " 'Multiple',\n",
       " '1818 W. Wilson Ave.,',\n",
       " '2517 W. Division St.,',\n",
       " '218 W. Kinzie',\n",
       " 'Multiple',\n",
       " '1547 N. Wells St.,',\n",
       " '415 N. Milwaukee Ave.,',\n",
       " '1840 N. Damen Ave.,',\n",
       " '1220 W. Webster Ave.,',\n",
       " '5357 N. Ashland Ave.,',\n",
       " '1834 W. Montrose Ave.,',\n",
       " '615 N. State St.,',\n",
       " 'Multiple',\n",
       " '241 N. York Rd., Elmhurst,',\n",
       " '1323 E. 57th St.,',\n",
       " '655 Forest Ave., Lake Forest,',\n",
       " 'Hotel Lincoln, 1816 N. Clark St.,',\n",
       " '100 S. Marion St., Oak Park,',\n",
       " '26 E. Congress Pkwy.,',\n",
       " '2018 W. Chicago Ave.,',\n",
       " '25 E. Delaware Pl.,',\n",
       " '416 N. York St., Elmhurst,',\n",
       " '65 E. Washington St.,',\n",
       " '3351 N. Broadway,']"
      ]
     },
     "execution_count": 66,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "address"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 67,
   "metadata": {
    "scrolled": true
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Rank</th>\n",
       "      <th>Cafe</th>\n",
       "      <th>Menu</th>\n",
       "      <th>URL</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>1</td>\n",
       "      <td>Old Oak Tap</td>\n",
       "      <td>BLT</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>2</td>\n",
       "      <td>Au Cheval</td>\n",
       "      <td>Fried Bologna</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>3</td>\n",
       "      <td>Xoco</td>\n",
       "      <td>Woodland Mushroom</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>4</td>\n",
       "      <td>Al’s Deli</td>\n",
       "      <td>Roast Beef</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>5</td>\n",
       "      <td>Publican Quality Meats</td>\n",
       "      <td>PB&amp;L</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>5</th>\n",
       "      <td>6</td>\n",
       "      <td>Hendrickx Belgian Bread Crafter</td>\n",
       "      <td>Belgian Chicken Curry Salad</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>6</th>\n",
       "      <td>7</td>\n",
       "      <td>Acadia</td>\n",
       "      <td>Lobster Roll</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>7</th>\n",
       "      <td>8</td>\n",
       "      <td>Birchwood Kitchen</td>\n",
       "      <td>Smoked Salmon Salad</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>8</th>\n",
       "      <td>9</td>\n",
       "      <td>Cemitas Puebla</td>\n",
       "      <td>Atomica Cemitas</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>9</th>\n",
       "      <td>10</td>\n",
       "      <td>Nana</td>\n",
       "      <td>Grilled Laughing Bird Shrimp and Fried Po’ Boy</td>\n",
       "      <td>http://www.chicagomag.com/Chicago-Magazine/Nov...</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "   Rank                             Cafe  \\\n",
       "0     1                      Old Oak Tap   \n",
       "1     2                        Au Cheval   \n",
       "2     3                             Xoco   \n",
       "3     4                        Al’s Deli   \n",
       "4     5           Publican Quality Meats   \n",
       "5     6  Hendrickx Belgian Bread Crafter   \n",
       "6     7                           Acadia   \n",
       "7     8                Birchwood Kitchen   \n",
       "8     9                   Cemitas Puebla   \n",
       "9    10                             Nana   \n",
       "\n",
       "                                             Menu  \\\n",
       "0                                             BLT   \n",
       "1                                   Fried Bologna   \n",
       "2                               Woodland Mushroom   \n",
       "3                                      Roast Beef   \n",
       "4                                            PB&L   \n",
       "5                     Belgian Chicken Curry Salad   \n",
       "6                                    Lobster Roll   \n",
       "7                             Smoked Salmon Salad   \n",
       "8                                 Atomica Cemitas   \n",
       "9  Grilled Laughing Bird Shrimp and Fried Po’ Boy   \n",
       "\n",
       "                                                 URL  \n",
       "0  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "1  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "2  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "3  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "4  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "5  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "6  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "7  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "8  http://www.chicagomag.com/Chicago-Magazine/Nov...  \n",
       "9  http://www.chicagomag.com/Chicago-Magazine/Nov...  "
      ]
     },
     "execution_count": 67,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "df.head(10)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 68,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "(50, 50, 50)"
      ]
     },
     "execution_count": 68,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "len(price), len(address), len(df)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 69,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Cafe</th>\n",
       "      <th>Menu</th>\n",
       "      <th>Price</th>\n",
       "      <th>Address</th>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>Rank</th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>Old Oak Tap</td>\n",
       "      <td>BLT</td>\n",
       "      <td>$10</td>\n",
       "      <td>2109 W. Chicago Ave.,</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>Au Cheval</td>\n",
       "      <td>Fried Bologna</td>\n",
       "      <td>$9</td>\n",
       "      <td>800 W. Randolph St.,</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>Xoco</td>\n",
       "      <td>Woodland Mushroom</td>\n",
       "      <td>$9.50</td>\n",
       "      <td>445 N. Clark St.,</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>Al’s Deli</td>\n",
       "      <td>Roast Beef</td>\n",
       "      <td>$9.40</td>\n",
       "      <td>914 Noyes St., Evanston,</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>5</th>\n",
       "      <td>Publican Quality Meats</td>\n",
       "      <td>PB&amp;L</td>\n",
       "      <td>$10</td>\n",
       "      <td>825 W. Fulton Mkt.,</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                        Cafe               Menu  Price  \\\n",
       "Rank                                                     \n",
       "1                Old Oak Tap                BLT    $10   \n",
       "2                  Au Cheval      Fried Bologna     $9   \n",
       "3                       Xoco  Woodland Mushroom  $9.50   \n",
       "4                  Al’s Deli         Roast Beef  $9.40   \n",
       "5     Publican Quality Meats               PB&L    $10   \n",
       "\n",
       "                       Address  \n",
       "Rank                            \n",
       "1        2109 W. Chicago Ave.,  \n",
       "2         800 W. Randolph St.,  \n",
       "3            445 N. Clark St.,  \n",
       "4     914 Noyes St., Evanston,  \n",
       "5          825 W. Fulton Mkt.,  "
      ]
     },
     "execution_count": 69,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "df['Price'] = price\n",
    "df['Address'] = address\n",
    "\n",
    "df = df.loc[:, ['Rank', 'Cafe', 'Menu', 'Price', 'Address']]\n",
    "df.set_index('Rank', inplace=True)\n",
    "df.head()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 70,
   "metadata": {},
   "outputs": [],
   "source": [
    "df.to_csv('../data/03. best_sandwiches_list_chicago2.csv', sep=',', \n",
    "          encoding='UTF-8')"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## 맛집 위치를 지도에 표기하기"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 71,
   "metadata": {},
   "outputs": [],
   "source": [
    "import folium\n",
    "import pandas as pd\n",
    "import googlemaps\n",
    "import numpy as np"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 72,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Cafe</th>\n",
       "      <th>Menu</th>\n",
       "      <th>Price</th>\n",
       "      <th>Address</th>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>Rank</th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>Old Oak Tap</td>\n",
       "      <td>BLT</td>\n",
       "      <td>$10</td>\n",
       "      <td>2109 W. Chicago Ave.,</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>Au Cheval</td>\n",
       "      <td>Fried Bologna</td>\n",
       "      <td>$9</td>\n",
       "      <td>800 W. Randolph St.,</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>Xoco</td>\n",
       "      <td>Woodland Mushroom</td>\n",
       "      <td>$9.50</td>\n",
       "      <td>445 N. Clark St.,</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>Al’s Deli</td>\n",
       "      <td>Roast Beef</td>\n",
       "      <td>$9.40</td>\n",
       "      <td>914 Noyes St., Evanston,</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>5</th>\n",
       "      <td>Publican Quality Meats</td>\n",
       "      <td>PB&amp;L</td>\n",
       "      <td>$10</td>\n",
       "      <td>825 W. Fulton Mkt.,</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                        Cafe               Menu  Price  \\\n",
       "Rank                                                     \n",
       "1                Old Oak Tap                BLT    $10   \n",
       "2                  Au Cheval      Fried Bologna     $9   \n",
       "3                       Xoco  Woodland Mushroom  $9.50   \n",
       "4                  Al’s Deli         Roast Beef  $9.40   \n",
       "5     Publican Quality Meats               PB&L    $10   \n",
       "\n",
       "                       Address  \n",
       "Rank                            \n",
       "1        2109 W. Chicago Ave.,  \n",
       "2         800 W. Randolph St.,  \n",
       "3            445 N. Clark St.,  \n",
       "4     914 Noyes St., Evanston,  \n",
       "5          825 W. Fulton Mkt.,  "
      ]
     },
     "execution_count": 72,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "df = pd.read_csv('../data/03. best_sandwiches_list_chicago2.csv', index_col=0)\n",
    "df.head(5)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 73,
   "metadata": {},
   "outputs": [],
   "source": [
    "gmaps_key = \" ******************** \" # 2장에서 획득한 자신의 key를 사용합니다.\n",
    "gmaps = googlemaps.Client(key=gmaps_key)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 74,
   "metadata": {
    "scrolled": true
   },
   "outputs": [
    {
     "data": {
      "application/vnd.jupyter.widget-view+json": {
       "model_id": "71e2e80793f34bbc80bc944891c83e65",
       "version_major": 2,
       "version_minor": 0
      },
      "text/html": [
       "<p>Failed to display Jupyter Widget of type <code>HBox</code>.</p>\n",
       "<p>\n",
       "  If you're reading this message in the Jupyter Notebook or JupyterLab Notebook, it may mean\n",
       "  that the widgets JavaScript is still loading. If this message persists, it\n",
       "  likely means that the widgets JavaScript library is either not installed or\n",
       "  not enabled. See the <a href=\"https://ipywidgets.readthedocs.io/en/stable/user_install.html\">Jupyter\n",
       "  Widgets Documentation</a> for setup instructions.\n",
       "</p>\n",
       "<p>\n",
       "  If you're reading this message in another frontend (for example, a static\n",
       "  rendering on GitHub or <a href=\"https://nbviewer.jupyter.org/\">NBViewer</a>),\n",
       "  it may mean that your frontend doesn't currently support widgets.\n",
       "</p>\n"
      ],
      "text/plain": [
       "HBox(children=(IntProgress(value=0, max=50), HTML(value='')))"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "\n"
     ]
    }
   ],
   "source": [
    "lat = []\n",
    "lng = []\n",
    "\n",
    "for n in tqdm_notebook(df.index):\n",
    "    if df['Address'][n] != 'Multiple':\n",
    "        target_name = df['Address'][n]+', '+'Chicago'\n",
    "        gmaps_output = gmaps.geocode(target_name)\n",
    "        location_output = gmaps_output[0].get('geometry')\n",
    "        lat.append(location_output['location']['lat'])\n",
    "        lng.append(location_output['location']['lng'])\n",
    "        \n",
    "    else:\n",
    "        lat.append(np.nan)\n",
    "        lng.append(np.nan)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 75,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "(50, 50)"
      ]
     },
     "execution_count": 75,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "len(lat), len(lng)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 76,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Cafe</th>\n",
       "      <th>Menu</th>\n",
       "      <th>Price</th>\n",
       "      <th>Address</th>\n",
       "      <th>lat</th>\n",
       "      <th>lng</th>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>Rank</th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>Old Oak Tap</td>\n",
       "      <td>BLT</td>\n",
       "      <td>$10</td>\n",
       "      <td>2109 W. Chicago Ave.,</td>\n",
       "      <td>41.895605</td>\n",
       "      <td>-87.679961</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>Au Cheval</td>\n",
       "      <td>Fried Bologna</td>\n",
       "      <td>$9</td>\n",
       "      <td>800 W. Randolph St.,</td>\n",
       "      <td>41.884658</td>\n",
       "      <td>-87.647667</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>Xoco</td>\n",
       "      <td>Woodland Mushroom</td>\n",
       "      <td>$9.50</td>\n",
       "      <td>445 N. Clark St.,</td>\n",
       "      <td>41.890618</td>\n",
       "      <td>-87.630933</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>Al’s Deli</td>\n",
       "      <td>Roast Beef</td>\n",
       "      <td>$9.40</td>\n",
       "      <td>914 Noyes St., Evanston,</td>\n",
       "      <td>42.058322</td>\n",
       "      <td>-87.683748</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>5</th>\n",
       "      <td>Publican Quality Meats</td>\n",
       "      <td>PB&amp;L</td>\n",
       "      <td>$10</td>\n",
       "      <td>825 W. Fulton Mkt.,</td>\n",
       "      <td>41.886566</td>\n",
       "      <td>-87.648575</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                        Cafe               Menu  Price  \\\n",
       "Rank                                                     \n",
       "1                Old Oak Tap                BLT    $10   \n",
       "2                  Au Cheval      Fried Bologna     $9   \n",
       "3                       Xoco  Woodland Mushroom  $9.50   \n",
       "4                  Al’s Deli         Roast Beef  $9.40   \n",
       "5     Publican Quality Meats               PB&L    $10   \n",
       "\n",
       "                       Address        lat        lng  \n",
       "Rank                                                  \n",
       "1        2109 W. Chicago Ave.,  41.895605 -87.679961  \n",
       "2         800 W. Randolph St.,  41.884658 -87.647667  \n",
       "3            445 N. Clark St.,  41.890618 -87.630933  \n",
       "4     914 Noyes St., Evanston,  42.058322 -87.683748  \n",
       "5          825 W. Fulton Mkt.,  41.886566 -87.648575  "
      ]
     },
     "execution_count": 76,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "df['lat'] = lat\n",
    "df['lng'] = lng\n",
    "df.head()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 77,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div style=\"width:100%;\"><div style=\"position:relative;width:100%;height:0;padding-bottom:60%;\"><iframe src=\"data:text/html;charset=utf-8;base64,PCFET0NUWVBFIGh0bWw+CjxoZWFkPiAgICAKICAgIDxtZXRhIGh0dHAtZXF1aXY9ImNvbnRlbnQtdHlwZSIgY29udGVudD0idGV4dC9odG1sOyBjaGFyc2V0PVVURi04IiAvPgogICAgPHNjcmlwdD5MX1BSRUZFUl9DQU5WQVMgPSBmYWxzZTsgTF9OT19UT1VDSCA9IGZhbHNlOyBMX0RJU0FCTEVfM0QgPSBmYWxzZTs8L3NjcmlwdD4KICAgIDxzY3JpcHQgc3JjPSJodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL2xlYWZsZXRAMS4yLjAvZGlzdC9sZWFmbGV0LmpzIj48L3NjcmlwdD4KICAgIDxzY3JpcHQgc3JjPSJodHRwczovL2FqYXguZ29vZ2xlYXBpcy5jb20vYWpheC9saWJzL2pxdWVyeS8xLjExLjEvanF1ZXJ5Lm1pbi5qcyI+PC9zY3JpcHQ+CiAgICA8c2NyaXB0IHNyYz0iaHR0cHM6Ly9tYXhjZG4uYm9vdHN0cmFwY2RuLmNvbS9ib290c3RyYXAvMy4yLjAvanMvYm9vdHN0cmFwLm1pbi5qcyI+PC9zY3JpcHQ+CiAgICA8c2NyaXB0IHNyYz0iaHR0cHM6Ly9jZG5qcy5jbG91ZGZsYXJlLmNvbS9hamF4L2xpYnMvTGVhZmxldC5hd2Vzb21lLW1hcmtlcnMvMi4wLjIvbGVhZmxldC5hd2Vzb21lLW1hcmtlcnMuanMiPjwvc2NyaXB0PgogICAgPGxpbmsgcmVsPSJzdHlsZXNoZWV0IiBocmVmPSJodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL2xlYWZsZXRAMS4yLjAvZGlzdC9sZWFmbGV0LmNzcyIgLz4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaHR0cHM6Ly9tYXhjZG4uYm9vdHN0cmFwY2RuLmNvbS9ib290c3RyYXAvMy4yLjAvY3NzL2Jvb3RzdHJhcC5taW4uY3NzIiAvPgogICAgPGxpbmsgcmVsPSJzdHlsZXNoZWV0IiBocmVmPSJodHRwczovL21heGNkbi5ib290c3RyYXBjZG4uY29tL2Jvb3RzdHJhcC8zLjIuMC9jc3MvYm9vdHN0cmFwLXRoZW1lLm1pbi5jc3MiIC8+CiAgICA8bGluayByZWw9InN0eWxlc2hlZXQiIGhyZWY9Imh0dHBzOi8vbWF4Y2RuLmJvb3RzdHJhcGNkbi5jb20vZm9udC1hd2Vzb21lLzQuNi4zL2Nzcy9mb250LWF3ZXNvbWUubWluLmNzcyIgLz4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaHR0cHM6Ly9jZG5qcy5jbG91ZGZsYXJlLmNvbS9hamF4L2xpYnMvTGVhZmxldC5hd2Vzb21lLW1hcmtlcnMvMi4wLjIvbGVhZmxldC5hd2Vzb21lLW1hcmtlcnMuY3NzIiAvPgogICAgPGxpbmsgcmVsPSJzdHlsZXNoZWV0IiBocmVmPSJodHRwczovL3Jhd2dpdC5jb20vcHl0aG9uLXZpc3VhbGl6YXRpb24vZm9saXVtL21hc3Rlci9mb2xpdW0vdGVtcGxhdGVzL2xlYWZsZXQuYXdlc29tZS5yb3RhdGUuY3NzIiAvPgogICAgPHN0eWxlPmh0bWwsIGJvZHkge3dpZHRoOiAxMDAlO2hlaWdodDogMTAwJTttYXJnaW46IDA7cGFkZGluZzogMDt9PC9zdHlsZT4KICAgIDxzdHlsZT4jbWFwIHtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtib3R0b206MDtyaWdodDowO2xlZnQ6MDt9PC9zdHlsZT4KICAgIAogICAgICAgICAgICA8c3R5bGU+ICNtYXBfNGY5MTAzY2RkNjkxNDc4NmI3NTIzYjQ5MjM0MjRmOWYgewogICAgICAgICAgICAgICAgcG9zaXRpb24gOiByZWxhdGl2ZTsKICAgICAgICAgICAgICAgIHdpZHRoIDogMTAwLjAlOwogICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAuMCU7CiAgICAgICAgICAgICAgICBsZWZ0OiAwLjAlOwogICAgICAgICAgICAgICAgdG9wOiAwLjAlOwogICAgICAgICAgICAgICAgfQogICAgICAgICAgICA8L3N0eWxlPgogICAgICAgIAo8L2hlYWQ+Cjxib2R5PiAgICAKICAgIAogICAgICAgICAgICA8ZGl2IGNsYXNzPSJmb2xpdW0tbWFwIiBpZD0ibWFwXzRmOTEwM2NkZDY5MTQ3ODZiNzUyM2I0OTIzNDI0ZjlmIiA+PC9kaXY+CiAgICAgICAgCjwvYm9keT4KPHNjcmlwdD4gICAgCiAgICAKCiAgICAgICAgICAgIAogICAgICAgICAgICAgICAgdmFyIGJvdW5kcyA9IG51bGw7CiAgICAgICAgICAgIAoKICAgICAgICAgICAgdmFyIG1hcF80ZjkxMDNjZGQ2OTE0Nzg2Yjc1MjNiNDkyMzQyNGY5ZiA9IEwubWFwKAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ21hcF80ZjkxMDNjZGQ2OTE0Nzg2Yjc1MjNiNDkyMzQyNGY5ZicsCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Y2VudGVyOiBbNDEuOTI0MjUxMTU5MDkwOTEsLTg3LjY4MTAwMjgwMjI3MjddLAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgem9vbTogMTEsCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXhCb3VuZHM6IGJvdW5kcywKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxheWVyczogW10sCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3b3JsZENvcHlKdW1wOiBmYWxzZSwKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNyczogTC5DUlMuRVBTRzM4NTcKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSk7CiAgICAgICAgICAgIAogICAgICAgIAogICAgCiAgICAgICAgICAgIHZhciB0aWxlX2xheWVyXzQwYWNiOGI5MjA5ZDQ1YTdiMDRkOGQ0NzZmNDQxMjEyID0gTC50aWxlTGF5ZXIoCiAgICAgICAgICAgICAgICAnaHR0cHM6Ly97c30udGlsZS5vcGVuc3RyZWV0bWFwLm9yZy97en0ve3h9L3t5fS5wbmcnLAogICAgICAgICAgICAgICAgewogICJhdHRyaWJ1dGlvbiI6IG51bGwsCiAgImRldGVjdFJldGluYSI6IGZhbHNlLAogICJtYXhab29tIjogMTgsCiAgIm1pblpvb20iOiAxLAogICJub1dyYXAiOiBmYWxzZSwKICAic3ViZG9tYWlucyI6ICJhYmMiCn0KICAgICAgICAgICAgICAgICkuYWRkVG8obWFwXzRmOTEwM2NkZDY5MTQ3ODZiNzUyM2I0OTIzNDI0ZjlmKTsKICAgICAgICAKICAgIAoKICAgICAgICAgICAgdmFyIG1hcmtlcl9lY2Q3OTI0ZWNjNDk0ZDRlYTg5NjhjM2I5YTI0ZWUyYiA9IEwubWFya2VyKAogICAgICAgICAgICAgICAgWzQxLjkyNDI1MTE1OTA5MDkxLC04Ny42ODEwMDI4MDIyNzI3XSwKICAgICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgICAgICBpY29uOiBuZXcgTC5JY29uLkRlZmF1bHQoKQogICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgIC5hZGRUbyhtYXBfNGY5MTAzY2RkNjkxNDc4NmI3NTIzYjQ5MjM0MjRmOWYpOwogICAgICAgICAgICAKICAgIAogICAgICAgICAgICB2YXIgcG9wdXBfYjNkZTM0YjRhY2MzNGY5NmI3YzczZjUyMGJkMjE4OWIgPSBMLnBvcHVwKHttYXhXaWR0aDogJzMwMCd9KTsKCiAgICAgICAgICAgIAogICAgICAgICAgICAgICAgdmFyIGh0bWxfODQ4MjNmZmUyYjEwNGVlYzlmNmRmNWJiOTU3MGU4M2MgPSAkKCc8ZGl2IGlkPSJodG1sXzg0ODIzZmZlMmIxMDRlZWM5ZjZkZjViYjk1NzBlODNjIiBzdHlsZT0id2lkdGg6IDEwMC4wJTsgaGVpZ2h0OiAxMDAuMCU7Ij5jZW50ZXI8L2Rpdj4nKVswXTsKICAgICAgICAgICAgICAgIHBvcHVwX2IzZGUzNGI0YWNjMzRmOTZiN2M3M2Y1MjBiZDIxODliLnNldENvbnRlbnQoaHRtbF84NDgyM2ZmZTJiMTA0ZWVjOWY2ZGY1YmI5NTcwZTgzYyk7CiAgICAgICAgICAgIAoKICAgICAgICAgICAgbWFya2VyX2VjZDc5MjRlY2M0OTRkNGVhODk2OGMzYjlhMjRlZTJiLmJpbmRQb3B1cChwb3B1cF9iM2RlMzRiNGFjYzM0Zjk2YjdjNzNmNTIwYmQyMTg5Yik7CgogICAgICAgICAgICAKICAgICAgICAKPC9zY3JpcHQ+\" style=\"position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;\" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe></div></div>"
      ],
      "text/plain": [
       "<folium.folium.Map at 0x10d354dd8>"
      ]
     },
     "execution_count": 77,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "mapping = folium.Map(location=[df['lat'].mean(), df['lng'].mean()], \n",
    "                                      zoom_start=11)\n",
    "folium.Marker([df['lat'].mean(), df['lng'].mean()], \n",
    "                                      popup='center').add_to(mapping)\n",
    "mapping"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 78,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div style=\"width:100%;\"><div style=\"position:relative;width:100%;height:0;padding-bottom:60%;\"><iframe src=\"data:text/html;charset=utf-8;base64,PCFET0NUWVBFIGh0bWw+CjxoZWFkPiAgICAKICAgIDxtZXRhIGh0dHAtZXF1aXY9ImNvbnRlbnQtdHlwZSIgY29udGVudD0idGV4dC9odG1sOyBjaGFyc2V0PVVURi04IiAvPgogICAgPHNjcmlwdD5MX1BSRUZFUl9DQU5WQVMgPSBmYWxzZTsgTF9OT19UT1VDSCA9IGZhbHNlOyBMX0RJU0FCTEVfM0QgPSBmYWxzZTs8L3NjcmlwdD4KICAgIDxzY3JpcHQgc3JjPSJodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL2xlYWZsZXRAMS4yLjAvZGlzdC9sZWFmbGV0LmpzIj48L3NjcmlwdD4KICAgIDxzY3JpcHQgc3JjPSJodHRwczovL2FqYXguZ29vZ2xlYXBpcy5jb20vYWpheC9saWJzL2pxdWVyeS8xLjExLjEvanF1ZXJ5Lm1pbi5qcyI+PC9zY3JpcHQ+CiAgICA8c2NyaXB0IHNyYz0iaHR0cHM6Ly9tYXhjZG4uYm9vdHN0cmFwY2RuLmNvbS9ib290c3RyYXAvMy4yLjAvanMvYm9vdHN0cmFwLm1pbi5qcyI+PC9zY3JpcHQ+CiAgICA8c2NyaXB0IHNyYz0iaHR0cHM6Ly9jZG5qcy5jbG91ZGZsYXJlLmNvbS9hamF4L2xpYnMvTGVhZmxldC5hd2Vzb21lLW1hcmtlcnMvMi4wLjIvbGVhZmxldC5hd2Vzb21lLW1hcmtlcnMuanMiPjwvc2NyaXB0PgogICAgPGxpbmsgcmVsPSJzdHlsZXNoZWV0IiBocmVmPSJodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL2xlYWZsZXRAMS4yLjAvZGlzdC9sZWFmbGV0LmNzcyIgLz4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaHR0cHM6Ly9tYXhjZG4uYm9vdHN0cmFwY2RuLmNvbS9ib290c3RyYXAvMy4yLjAvY3NzL2Jvb3RzdHJhcC5taW4uY3NzIiAvPgogICAgPGxpbmsgcmVsPSJzdHlsZXNoZWV0IiBocmVmPSJodHRwczovL21heGNkbi5ib290c3RyYXBjZG4uY29tL2Jvb3RzdHJhcC8zLjIuMC9jc3MvYm9vdHN0cmFwLXRoZW1lLm1pbi5jc3MiIC8+CiAgICA8bGluayByZWw9InN0eWxlc2hlZXQiIGhyZWY9Imh0dHBzOi8vbWF4Y2RuLmJvb3RzdHJhcGNkbi5jb20vZm9udC1hd2Vzb21lLzQuNi4zL2Nzcy9mb250LWF3ZXNvbWUubWluLmNzcyIgLz4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaHR0cHM6Ly9jZG5qcy5jbG91ZGZsYXJlLmNvbS9hamF4L2xpYnMvTGVhZmxldC5hd2Vzb21lLW1hcmtlcnMvMi4wLjIvbGVhZmxldC5hd2Vzb21lLW1hcmtlcnMuY3NzIiAvPgogICAgPGxpbmsgcmVsPSJzdHlsZXNoZWV0IiBocmVmPSJodHRwczovL3Jhd2dpdC5jb20vcHl0aG9uLXZpc3VhbGl6YXRpb24vZm9saXVtL21hc3Rlci9mb2xpdW0vdGVtcGxhdGVzL2xlYWZsZXQuYXdlc29tZS5yb3RhdGUuY3NzIiAvPgogICAgPHN0eWxlPmh0bWwsIGJvZHkge3dpZHRoOiAxMDAlO2hlaWdodDogMTAwJTttYXJnaW46IDA7cGFkZGluZzogMDt9PC9zdHlsZT4KICAgIDxzdHlsZT4jbWFwIHtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtib3R0b206MDtyaWdodDowO2xlZnQ6MDt9PC9zdHlsZT4KICAgIAogICAgICAgICAgICA8c3R5bGU+ICNtYXBfMDA1MzhhZTE3N2FkNDJiNmEyMWRjZDU3ZGQyZDY5OWEgewogICAgICAgICAgICAgICAgcG9zaXRpb24gOiByZWxhdGl2ZTsKICAgICAgICAgICAgICAgIHdpZHRoIDogMTAwLjAlOwogICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAuMCU7CiAgICAgICAgICAgICAgICBsZWZ0OiAwLjAlOwogICAgICAgICAgICAgICAgdG9wOiAwLjAlOwogICAgICAgICAgICAgICAgfQogICAgICAgICAgICA8L3N0eWxlPgogICAgICAgIAo8L2hlYWQ+Cjxib2R5PiAgICAKICAgIAogICAgICAgICAgICA8ZGl2IGNsYXNzPSJmb2xpdW0tbWFwIiBpZD0ibWFwXzAwNTM4YWUxNzdhZDQyYjZhMjFkY2Q1N2RkMmQ2OTlhIiA+PC9kaXY+CiAgICAgICAgCjwvYm9keT4KPHNjcmlwdD4gICAgCiAgICAKCiAgICAgICAgICAgIAogICAgICAgICAgICAgICAgdmFyIGJvdW5kcyA9IG51bGw7CiAgICAgICAgICAgIAoKICAgICAgICAgICAgdmFyIG1hcF8wMDUzOGFlMTc3YWQ0MmI2YTIxZGNkNTdkZDJkNjk5YSA9IEwubWFwKAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ21hcF8wMDUzOGFlMTc3YWQ0MmI2YTIxZGNkNTdkZDJkNjk5YScsCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Y2VudGVyOiBbNDEuOTI0MjUxMTU5MDkwOTEsLTg3LjY4MTAwMjgwMjI3MjddLAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgem9vbTogMTEsCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXhCb3VuZHM6IGJvdW5kcywKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxheWVyczogW10sCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3b3JsZENvcHlKdW1wOiBmYWxzZSwKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNyczogTC5DUlMuRVBTRzM4NTcKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSk7CiAgICAgICAgICAgIAogICAgICAgIAogICAgCiAgICAgICAgICAgIHZhciB0aWxlX2xheWVyXzhiZWM4MDE1ZDhiYTRlNzU4NzY2ZTQ3ZWRiODgzZGI2ID0gTC50aWxlTGF5ZXIoCiAgICAgICAgICAgICAgICAnaHR0cHM6Ly97c30udGlsZS5vcGVuc3RyZWV0bWFwLm9yZy97en0ve3h9L3t5fS5wbmcnLAogICAgICAgICAgICAgICAgewogICJhdHRyaWJ1dGlvbiI6IG51bGwsCiAgImRldGVjdFJldGluYSI6IGZhbHNlLAogICJtYXhab29tIjogMTgsCiAgIm1pblpvb20iOiAxLAogICJub1dyYXAiOiBmYWxzZSwKICAic3ViZG9tYWlucyI6ICJhYmMiCn0KICAgICAgICAgICAgICAgICkuYWRkVG8obWFwXzAwNTM4YWUxNzdhZDQyYjZhMjFkY2Q1N2RkMmQ2OTlhKTsKICAgICAgICAKICAgIAoKICAgICAgICAgICAgdmFyIG1hcmtlcl9kYzY2ZjE5MzA5ZGM0YzM2YjcxN2M3YTE5ZmE5ZGNlOSA9IEwubWFya2VyKAogICAgICAgICAgICAgICAgWzQxLjg5NTYwNDksLTg3LjY3OTk2MTQ5OTk5OTk5XSwKICAgICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgICAgICBpY29uOiBuZXcgTC5JY29uLkRlZmF1bHQoKQogICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgIC5hZGRUbyhtYXBfMDA1MzhhZTE3N2FkNDJiNmEyMWRjZDU3ZGQyZDY5OWEpOwogICAgICAgICAgICAKICAgIAogICAgICAgICAgICB2YXIgcG9wdXBfNmE0NDczYzFjYTgwNDA4NDg0NjZiMTI2ZjAzYzcyNTAgPSBMLnBvcHVwKHttYXhXaWR0aDogJzMwMCd9KTsKCiAgICAgICAgICAgIAogICAgICAgICAgICAgICAgdmFyIGh0bWxfMzQ2MWU2YWY0YTE4NDIxZDkyZGE1MWIzNmM4OWIwMjcgPSAkKCc8ZGl2IGlkPSJodG1sXzM0NjFlNmFmNGExODQyMWQ5MmRhNTFiMzZjODliMDI3IiBzdHlsZT0id2lkdGg6IDEwMC4wJTsgaGVpZ2h0OiAxMDAuMCU7Ij5PbGQgT2FrIFRhcDwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfNmE0NDczYzFjYTgwNDA4NDg0NjZiMTI2ZjAzYzcyNTAuc2V0Q29udGVudChodG1sXzM0NjFlNmFmNGExODQyMWQ5MmRhNTFiMzZjODliMDI3KTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfZGM2NmYxOTMwOWRjNGMzNmI3MTdjN2ExOWZhOWRjZTkuYmluZFBvcHVwKHBvcHVwXzZhNDQ3M2MxY2E4MDQwODQ4NDY2YjEyNmYwM2M3MjUwKTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyXzI3YzIwYjgyMWZhNTRiODc5OThlNmQ2M2ExZmZjNTY3ID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDEuODg0NjU4MiwtODcuNjQ3NjY2OF0sCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgICAgaWNvbjogbmV3IEwuSWNvbi5EZWZhdWx0KCkKICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICAuYWRkVG8obWFwXzAwNTM4YWUxNzdhZDQyYjZhMjFkY2Q1N2RkMmQ2OTlhKTsKICAgICAgICAgICAgCiAgICAKICAgICAgICAgICAgdmFyIHBvcHVwXzkzMGFmODJmNTE5NDQ4MWNhM2Y2OTE5MGUyMjI5OGUzID0gTC5wb3B1cCh7bWF4V2lkdGg6ICczMDAnfSk7CgogICAgICAgICAgICAKICAgICAgICAgICAgICAgIHZhciBodG1sX2RjZTM4YTI1M2VhZDQ0NzZhMTJlMjdlOWRkYWJlMDU1ID0gJCgnPGRpdiBpZD0iaHRtbF9kY2UzOGEyNTNlYWQ0NDc2YTEyZTI3ZTlkZGFiZTA1NSIgc3R5bGU9IndpZHRoOiAxMDAuMCU7IGhlaWdodDogMTAwLjAlOyI+QXUgQ2hldmFsPC9kaXY+JylbMF07CiAgICAgICAgICAgICAgICBwb3B1cF85MzBhZjgyZjUxOTQ0ODFjYTNmNjkxOTBlMjIyOThlMy5zZXRDb250ZW50KGh0bWxfZGNlMzhhMjUzZWFkNDQ3NmExMmUyN2U5ZGRhYmUwNTUpOwogICAgICAgICAgICAKCiAgICAgICAgICAgIG1hcmtlcl8yN2MyMGI4MjFmYTU0Yjg3OTk4ZTZkNjNhMWZmYzU2Ny5iaW5kUG9wdXAocG9wdXBfOTMwYWY4MmY1MTk0NDgxY2EzZjY5MTkwZTIyMjk4ZTMpOwoKICAgICAgICAgICAgCiAgICAgICAgCiAgICAKCiAgICAgICAgICAgIHZhciBtYXJrZXJfZDVmMmU3NjE0MWYyNDU4N2FjNTA1MjA1YTdlZmNmOTEgPSBMLm1hcmtlcigKICAgICAgICAgICAgICAgIFs0MS44OTA2MTgyLC04Ny42MzA5MzI4OTk5OTk5OV0sCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgICAgaWNvbjogbmV3IEwuSWNvbi5EZWZhdWx0KCkKICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICAuYWRkVG8obWFwXzAwNTM4YWUxNzdhZDQyYjZhMjFkY2Q1N2RkMmQ2OTlhKTsKICAgICAgICAgICAgCiAgICAKICAgICAgICAgICAgdmFyIHBvcHVwX2UzYzAyZGE0Yzg4NjRlOTBhZDUwZDEyZjQwMGMxNTQ1ID0gTC5wb3B1cCh7bWF4V2lkdGg6ICczMDAnfSk7CgogICAgICAgICAgICAKICAgICAgICAgICAgICAgIHZhciBodG1sX2JhOGU5ZjM1Yjg0MjQ3ZThiYTQ1MmU3YjFjOGZmZmE1ID0gJCgnPGRpdiBpZD0iaHRtbF9iYThlOWYzNWI4NDI0N2U4YmE0NTJlN2IxYzhmZmZhNSIgc3R5bGU9IndpZHRoOiAxMDAuMCU7IGhlaWdodDogMTAwLjAlOyI+WG9jbzwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfZTNjMDJkYTRjODg2NGU5MGFkNTBkMTJmNDAwYzE1NDUuc2V0Q29udGVudChodG1sX2JhOGU5ZjM1Yjg0MjQ3ZThiYTQ1MmU3YjFjOGZmZmE1KTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfZDVmMmU3NjE0MWYyNDU4N2FjNTA1MjA1YTdlZmNmOTEuYmluZFBvcHVwKHBvcHVwX2UzYzAyZGE0Yzg4NjRlOTBhZDUwZDEyZjQwMGMxNTQ1KTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyXzI4YjA1NDM4ZmY3MzQwOGZiNDJiMTAwZjI3NTQ1ZGUwID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDIuMDU4MzIxNywtODcuNjgzNzQ3OV0sCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgICAgaWNvbjogbmV3IEwuSWNvbi5EZWZhdWx0KCkKICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICAuYWRkVG8obWFwXzAwNTM4YWUxNzdhZDQyYjZhMjFkY2Q1N2RkMmQ2OTlhKTsKICAgICAgICAgICAgCiAgICAKICAgICAgICAgICAgdmFyIHBvcHVwXzYyMzk2MmQ0Mzc0NzQ3M2FiYTI1MmNhYThlY2M3YmY2ID0gTC5wb3B1cCh7bWF4V2lkdGg6ICczMDAnfSk7CgogICAgICAgICAgICAKICAgICAgICAgICAgICAgIHZhciBodG1sXzVkMjc0ZDYwMDRhNzQ2YzE4ZDExM2Q5MmM1MWUyMmE4ID0gJCgnPGRpdiBpZD0iaHRtbF81ZDI3NGQ2MDA0YTc0NmMxOGQxMTNkOTJjNTFlMjJhOCIgc3R5bGU9IndpZHRoOiAxMDAuMCU7IGhlaWdodDogMTAwLjAlOyI+QWzigJlzIERlbGk8L2Rpdj4nKVswXTsKICAgICAgICAgICAgICAgIHBvcHVwXzYyMzk2MmQ0Mzc0NzQ3M2FiYTI1MmNhYThlY2M3YmY2LnNldENvbnRlbnQoaHRtbF81ZDI3NGQ2MDA0YTc0NmMxOGQxMTNkOTJjNTFlMjJhOCk7CiAgICAgICAgICAgIAoKICAgICAgICAgICAgbWFya2VyXzI4YjA1NDM4ZmY3MzQwOGZiNDJiMTAwZjI3NTQ1ZGUwLmJpbmRQb3B1cChwb3B1cF82MjM5NjJkNDM3NDc0NzNhYmEyNTJjYWE4ZWNjN2JmNik7CgogICAgICAgICAgICAKICAgICAgICAKICAgIAoKICAgICAgICAgICAgdmFyIG1hcmtlcl84NzgzMzBhY2Q2ZTc0MWI3ODVhNTI3ZDdmMjA2MzIwMyA9IEwubWFya2VyKAogICAgICAgICAgICAgICAgWzQxLjg4NjU2NTYsLTg3LjY0ODU3NV0sCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgICAgaWNvbjogbmV3IEwuSWNvbi5EZWZhdWx0KCkKICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICAuYWRkVG8obWFwXzAwNTM4YWUxNzdhZDQyYjZhMjFkY2Q1N2RkMmQ2OTlhKTsKICAgICAgICAgICAgCiAgICAKICAgICAgICAgICAgdmFyIHBvcHVwX2E0NTE3MTY1OWQ1NjQzZTY4MDhlNmU0NjM4YTE3M2I4ID0gTC5wb3B1cCh7bWF4V2lkdGg6ICczMDAnfSk7CgogICAgICAgICAgICAKICAgICAgICAgICAgICAgIHZhciBodG1sX2NlYjc3NGQzOTE3ODQzMDk5ZTg0YTQyNTg5MjMzMzNkID0gJCgnPGRpdiBpZD0iaHRtbF9jZWI3NzRkMzkxNzg0MzA5OWU4NGE0MjU4OTIzMzMzZCIgc3R5bGU9IndpZHRoOiAxMDAuMCU7IGhlaWdodDogMTAwLjAlOyI+UHVibGljYW4gUXVhbGl0eSBNZWF0czwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfYTQ1MTcxNjU5ZDU2NDNlNjgwOGU2ZTQ2MzhhMTczYjguc2V0Q29udGVudChodG1sX2NlYjc3NGQzOTE3ODQzMDk5ZTg0YTQyNTg5MjMzMzNkKTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfODc4MzMwYWNkNmU3NDFiNzg1YTUyN2Q3ZjIwNjMyMDMuYmluZFBvcHVwKHBvcHVwX2E0NTE3MTY1OWQ1NjQzZTY4MDhlNmU0NjM4YTE3M2I4KTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyXzgxODg0YzIyODI5NjQ2ZWQ4ZDIxMzk2M2U3ZDIxZmUzID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDEuOTAwMjQ2LC04Ny42MjUxNjMzOTk5OTk5OV0sCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgICAgaWNvbjogbmV3IEwuSWNvbi5EZWZhdWx0KCkKICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICAuYWRkVG8obWFwXzAwNTM4YWUxNzdhZDQyYjZhMjFkY2Q1N2RkMmQ2OTlhKTsKICAgICAgICAgICAgCiAgICAKICAgICAgICAgICAgdmFyIHBvcHVwX2E1Y2M5OTE4YmY2MzQyZWM5M2MyYWNjZWM0YTNjYWQyID0gTC5wb3B1cCh7bWF4V2lkdGg6ICczMDAnfSk7CgogICAgICAgICAgICAKICAgICAgICAgICAgICAgIHZhciBodG1sX2MyZDgxMDJkMThhMTQzNmFiOTJiZWQ3MTA2MDJiY2ZiID0gJCgnPGRpdiBpZD0iaHRtbF9jMmQ4MTAyZDE4YTE0MzZhYjkyYmVkNzEwNjAyYmNmYiIgc3R5bGU9IndpZHRoOiAxMDAuMCU7IGhlaWdodDogMTAwLjAlOyI+SGVuZHJpY2t4IEJlbGdpYW4gQnJlYWQgQ3JhZnRlcjwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfYTVjYzk5MThiZjYzNDJlYzkzYzJhY2NlYzRhM2NhZDIuc2V0Q29udGVudChodG1sX2MyZDgxMDJkMThhMTQzNmFiOTJiZWQ3MTA2MDJiY2ZiKTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfODE4ODRjMjI4Mjk2NDZlZDhkMjEzOTYzZTdkMjFmZTMuYmluZFBvcHVwKHBvcHVwX2E1Y2M5OTE4YmY2MzQyZWM5M2MyYWNjZWM0YTNjYWQyKTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyXzE5NDc2YzJkMGIwYzRkZmRhYmE5YzRiM2JiMGE5OTBlID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDEuODU5MDIyMSwtODcuNjI1MjEzMDAwMDAwMDJdLAogICAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgICAgIGljb246IG5ldyBMLkljb24uRGVmYXVsdCgpCiAgICAgICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgKQogICAgICAgICAgICAgICAgLmFkZFRvKG1hcF8wMDUzOGFlMTc3YWQ0MmI2YTIxZGNkNTdkZDJkNjk5YSk7CiAgICAgICAgICAgIAogICAgCiAgICAgICAgICAgIHZhciBwb3B1cF8xNWNlNzY2YmEzNDY0MzdlOGEwNTMwMDIyZjEyYmI5OCA9IEwucG9wdXAoe21heFdpZHRoOiAnMzAwJ30pOwoKICAgICAgICAgICAgCiAgICAgICAgICAgICAgICB2YXIgaHRtbF9jMDQ4MmRhNjA3MmM0NzQxYWYwZTgzNDkyNGFiOTkyZCA9ICQoJzxkaXYgaWQ9Imh0bWxfYzA0ODJkYTYwNzJjNDc0MWFmMGU4MzQ5MjRhYjk5MmQiIHN0eWxlPSJ3aWR0aDogMTAwLjAlOyBoZWlnaHQ6IDEwMC4wJTsiPkFjYWRpYTwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfMTVjZTc2NmJhMzQ2NDM3ZThhMDUzMDAyMmYxMmJiOTguc2V0Q29udGVudChodG1sX2MwNDgyZGE2MDcyYzQ3NDFhZjBlODM0OTI0YWI5OTJkKTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfMTk0NzZjMmQwYjBjNGRmZGFiYTljNGIzYmIwYTk5MGUuYmluZFBvcHVwKHBvcHVwXzE1Y2U3NjZiYTM0NjQzN2U4YTA1MzAwMjJmMTJiYjk4KTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyX2E0YzUzZDY0ZWI4MjRmMDY4MTU0NjVkNTNiZmQ3MjY5ID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDEuOTEwMjA0LC04Ny42ODI4NjM5XSwKICAgICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgICAgICBpY29uOiBuZXcgTC5JY29uLkRlZmF1bHQoKQogICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgIC5hZGRUbyhtYXBfMDA1MzhhZTE3N2FkNDJiNmEyMWRjZDU3ZGQyZDY5OWEpOwogICAgICAgICAgICAKICAgIAogICAgICAgICAgICB2YXIgcG9wdXBfYTQ2OGZmYjYxNzQ1NDY3N2E0MTk2MDI0NDRjMzhmMzQgPSBMLnBvcHVwKHttYXhXaWR0aDogJzMwMCd9KTsKCiAgICAgICAgICAgIAogICAgICAgICAgICAgICAgdmFyIGh0bWxfNjhiODUwNjVmZjVmNDAwNWE3NjZiMmVjNWYzYjk3MTYgPSAkKCc8ZGl2IGlkPSJodG1sXzY4Yjg1MDY1ZmY1ZjQwMDVhNzY2YjJlYzVmM2I5NzE2IiBzdHlsZT0id2lkdGg6IDEwMC4wJTsgaGVpZ2h0OiAxMDAuMCU7Ij5CaXJjaHdvb2QgS2l0Y2hlbjwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfYTQ2OGZmYjYxNzQ1NDY3N2E0MTk2MDI0NDRjMzhmMzQuc2V0Q29udGVudChodG1sXzY4Yjg1MDY1ZmY1ZjQwMDVhNzY2YjJlYzVmM2I5NzE2KTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfYTRjNTNkNjRlYjgyNGYwNjgxNTQ2NWQ1M2JmZDcyNjkuYmluZFBvcHVwKHBvcHVwX2E0NjhmZmI2MTc0NTQ2NzdhNDE5NjAyNDQ0YzM4ZjM0KTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyX2ZlM2MzMGI0OWQ5YzRhZTQ4MWJmODY0Mjk2MjM1OTQ4ID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDEuOTA5NzU1OCwtODcuNzE3NjcyN10sCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgICAgaWNvbjogbmV3IEwuSWNvbi5EZWZhdWx0KCkKICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICAuYWRkVG8obWFwXzAwNTM4YWUxNzdhZDQyYjZhMjFkY2Q1N2RkMmQ2OTlhKTsKICAgICAgICAgICAgCiAgICAKICAgICAgICAgICAgdmFyIHBvcHVwXzU1MzBlMjRlYTgxNzRiYmU4ZDExODAwZWU5MzI1YTU0ID0gTC5wb3B1cCh7bWF4V2lkdGg6ICczMDAnfSk7CgogICAgICAgICAgICAKICAgICAgICAgICAgICAgIHZhciBodG1sX2FkYzE3OTg5ZGZlMDRlYjliOWY1MzE1OTk0Zjc3ZWMzID0gJCgnPGRpdiBpZD0iaHRtbF9hZGMxNzk4OWRmZTA0ZWI5YjlmNTMxNTk5NGY3N2VjMyIgc3R5bGU9IndpZHRoOiAxMDAuMCU7IGhlaWdodDogMTAwLjAlOyI+Q2VtaXRhcyBQdWVibGE8L2Rpdj4nKVswXTsKICAgICAgICAgICAgICAgIHBvcHVwXzU1MzBlMjRlYTgxNzRiYmU4ZDExODAwZWU5MzI1YTU0LnNldENvbnRlbnQoaHRtbF9hZGMxNzk4OWRmZTA0ZWI5YjlmNTMxNTk5NGY3N2VjMyk7CiAgICAgICAgICAgIAoKICAgICAgICAgICAgbWFya2VyX2ZlM2MzMGI0OWQ5YzRhZTQ4MWJmODY0Mjk2MjM1OTQ4LmJpbmRQb3B1cChwb3B1cF81NTMwZTI0ZWE4MTc0YmJlOGQxMTgwMGVlOTMyNWE1NCk7CgogICAgICAgICAgICAKICAgICAgICAKICAgIAoKICAgICAgICAgICAgdmFyIG1hcmtlcl8wNmEwOTkyNmI2NDE0NDExYmNkYTFjMzBjMGI3ZjVlNiA9IEwubWFya2VyKAogICAgICAgICAgICAgICAgWzQxLjgzNDU0MDUsLTg3LjY0NTgzODVdLAogICAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgICAgIGljb246IG5ldyBMLkljb24uRGVmYXVsdCgpCiAgICAgICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgKQogICAgICAgICAgICAgICAgLmFkZFRvKG1hcF8wMDUzOGFlMTc3YWQ0MmI2YTIxZGNkNTdkZDJkNjk5YSk7CiAgICAgICAgICAgIAogICAgCiAgICAgICAgICAgIHZhciBwb3B1cF81ODI5ZTc2YWI5OTk0OTE1OGZhYTY2M2U3OGUwNTk1NCA9IEwucG9wdXAoe21heFdpZHRoOiAnMzAwJ30pOwoKICAgICAgICAgICAgCiAgICAgICAgICAgICAgICB2YXIgaHRtbF9kMGJhMjIxZTcxNTE0MTlmYWQ0ODQ3YmE4M2M4ODRiZSA9ICQoJzxkaXYgaWQ9Imh0bWxfZDBiYTIyMWU3MTUxNDE5ZmFkNDg0N2JhODNjODg0YmUiIHN0eWxlPSJ3aWR0aDogMTAwLjAlOyBoZWlnaHQ6IDEwMC4wJTsiPk5hbmE8L2Rpdj4nKVswXTsKICAgICAgICAgICAgICAgIHBvcHVwXzU4MjllNzZhYjk5OTQ5MTU4ZmFhNjYzZTc4ZTA1OTU0LnNldENvbnRlbnQoaHRtbF9kMGJhMjIxZTcxNTE0MTlmYWQ0ODQ3YmE4M2M4ODRiZSk7CiAgICAgICAgICAgIAoKICAgICAgICAgICAgbWFya2VyXzA2YTA5OTI2YjY0MTQ0MTFiY2RhMWMzMGMwYjdmNWU2LmJpbmRQb3B1cChwb3B1cF81ODI5ZTc2YWI5OTk0OTE1OGZhYTY2M2U3OGUwNTk1NCk7CgogICAgICAgICAgICAKICAgICAgICAKICAgIAoKICAgICAgICAgICAgdmFyIG1hcmtlcl9iYzg4MDk2NDUyNzE0OTQ5OGI3YjYzMTc4ZDMxZDU5NCA9IEwubWFya2VyKAogICAgICAgICAgICAgICAgWzQxLjkyNzYyMDcsLTg3LjcwNjc5Ml0sCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgICAgaWNvbjogbmV3IEwuSWNvbi5EZWZhdWx0KCkKICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICAuYWRkVG8obWFwXzAwNTM4YWUxNzdhZDQyYjZhMjFkY2Q1N2RkMmQ2OTlhKTsKICAgICAgICAgICAgCiAgICAKICAgICAgICAgICAgdmFyIHBvcHVwX2Q1MWJkZmQxMTA1NDRkMzRiNmQyYWQ1YmFjMzdmNjRmID0gTC5wb3B1cCh7bWF4V2lkdGg6ICczMDAnfSk7CgogICAgICAgICAgICAKICAgICAgICAgICAgICAgIHZhciBodG1sX2U2YWI5ZTI1ZjhiYTQxZmQ5ZGE2NzkyZWRhYmFlOGEzID0gJCgnPGRpdiBpZD0iaHRtbF9lNmFiOWUyNWY4YmE0MWZkOWRhNjc5MmVkYWJhZThhMyIgc3R5bGU9IndpZHRoOiAxMDAuMCU7IGhlaWdodDogMTAwLjAlOyI+THVsYSBDYWZlPC9kaXY+JylbMF07CiAgICAgICAgICAgICAgICBwb3B1cF9kNTFiZGZkMTEwNTQ0ZDM0YjZkMmFkNWJhYzM3ZjY0Zi5zZXRDb250ZW50KGh0bWxfZTZhYjllMjVmOGJhNDFmZDlkYTY3OTJlZGFiYWU4YTMpOwogICAgICAgICAgICAKCiAgICAgICAgICAgIG1hcmtlcl9iYzg4MDk2NDUyNzE0OTQ5OGI3YjYzMTc4ZDMxZDU5NC5iaW5kUG9wdXAocG9wdXBfZDUxYmRmZDExMDU0NGQzNGI2ZDJhZDViYWMzN2Y2NGYpOwoKICAgICAgICAgICAgCiAgICAgICAgCiAgICAKCiAgICAgICAgICAgIHZhciBtYXJrZXJfNmE2ZmU0MTU3NTAyNDcxY2JiODUwOTY2ZTYwMGE3ODQgPSBMLm1hcmtlcigKICAgICAgICAgICAgICAgIFs0MS45Mzg0MzYyLC04Ny42NDQ1OTc0XSwKICAgICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgICAgICBpY29uOiBuZXcgTC5JY29uLkRlZmF1bHQoKQogICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgIC5hZGRUbyhtYXBfMDA1MzhhZTE3N2FkNDJiNmEyMWRjZDU3ZGQyZDY5OWEpOwogICAgICAgICAgICAKICAgIAogICAgICAgICAgICB2YXIgcG9wdXBfZDRkZjljMmRiNDYwNDJlMTgzNzhjM2Y3MDc2M2YyM2QgPSBMLnBvcHVwKHttYXhXaWR0aDogJzMwMCd9KTsKCiAgICAgICAgICAgIAogICAgICAgICAgICAgICAgdmFyIGh0bWxfNzJlMzFhYmE4YWU4NDk3ZjgxYWZjYWYxYWFhZDc0MTcgPSAkKCc8ZGl2IGlkPSJodG1sXzcyZTMxYWJhOGFlODQ5N2Y4MWFmY2FmMWFhYWQ3NDE3IiBzdHlsZT0id2lkdGg6IDEwMC4wJTsgaGVpZ2h0OiAxMDAuMCU7Ij5Gcm9nIG4gU25haWw8L2Rpdj4nKVswXTsKICAgICAgICAgICAgICAgIHBvcHVwX2Q0ZGY5YzJkYjQ2MDQyZTE4Mzc4YzNmNzA3NjNmMjNkLnNldENvbnRlbnQoaHRtbF83MmUzMWFiYThhZTg0OTdmODFhZmNhZjFhYWFkNzQxNyk7CiAgICAgICAgICAgIAoKICAgICAgICAgICAgbWFya2VyXzZhNmZlNDE1NzUwMjQ3MWNiYjg1MDk2NmU2MDBhNzg0LmJpbmRQb3B1cChwb3B1cF9kNGRmOWMyZGI0NjA0MmUxODM3OGMzZjcwNzYzZjIzZCk7CgogICAgICAgICAgICAKICAgICAgICAKICAgIAoKICAgICAgICAgICAgdmFyIG1hcmtlcl9hMDNjY2NiMDUxZDU0Y2JmOTY5NjY0Mjg2M2E1ODNmZSA9IEwubWFya2VyKAogICAgICAgICAgICAgICAgWzQxLjk0NTEwNDQsLTg3LjY2MzY4MDddLAogICAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgICAgIGljb246IG5ldyBMLkljb24uRGVmYXVsdCgpCiAgICAgICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgKQogICAgICAgICAgICAgICAgLmFkZFRvKG1hcF8wMDUzOGFlMTc3YWQ0MmI2YTIxZGNkNTdkZDJkNjk5YSk7CiAgICAgICAgICAgIAogICAgCiAgICAgICAgICAgIHZhciBwb3B1cF8zNzk4YmNjYzI1YTM0OGMxOTEyNzJmNTdiMDZlNDBkMiA9IEwucG9wdXAoe21heFdpZHRoOiAnMzAwJ30pOwoKICAgICAgICAgICAgCiAgICAgICAgICAgICAgICB2YXIgaHRtbF84NjRlMGRjZDQ1Njg0OTgzYTliNGQ2OTEyZDc3ZmRiMyA9ICQoJzxkaXYgaWQ9Imh0bWxfODY0ZTBkY2Q0NTY4NDk4M2E5YjRkNjkxMmQ3N2ZkYjMiIHN0eWxlPSJ3aWR0aDogMTAwLjAlOyBoZWlnaHQ6IDEwMC4wJTsiPkNyb3NieeKAmXMgS2l0Y2hlbjwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfMzc5OGJjY2MyNWEzNDhjMTkxMjcyZjU3YjA2ZTQwZDIuc2V0Q29udGVudChodG1sXzg2NGUwZGNkNDU2ODQ5ODNhOWI0ZDY5MTJkNzdmZGIzKTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfYTAzY2NjYjA1MWQ1NGNiZjk2OTY2NDI4NjNhNTgzZmUuYmluZFBvcHVwKHBvcHVwXzM3OThiY2NjMjVhMzQ4YzE5MTI3MmY1N2IwNmU0MGQyKTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyXzkyMmU5NGMwOGFlMDQ0NDk4NmQ5N2I5N2I1MDg1ZWVhID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDEuOTMwMDU4NCwtODcuNzA3MDQzMl0sCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgICAgaWNvbjogbmV3IEwuSWNvbi5EZWZhdWx0KCkKICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICAuYWRkVG8obWFwXzAwNTM4YWUxNzdhZDQyYjZhMjFkY2Q1N2RkMmQ2OTlhKTsKICAgICAgICAgICAgCiAgICAKICAgICAgICAgICAgdmFyIHBvcHVwXzQ2OGM3YWY5MzcwZDQ3NDA4ODU4YTIyODFlOGRkOWQyID0gTC5wb3B1cCh7bWF4V2lkdGg6ICczMDAnfSk7CgogICAgICAgICAgICAKICAgICAgICAgICAgICAgIHZhciBodG1sX2QwN2RhNWM4ZjU5ZjQwN2RiYmRmYjcxOTE5Njk5MDZkID0gJCgnPGRpdiBpZD0iaHRtbF9kMDdkYTVjOGY1OWY0MDdkYmJkZmI3MTkxOTY5OTA2ZCIgc3R5bGU9IndpZHRoOiAxMDAuMCU7IGhlaWdodDogMTAwLjAlOyI+TG9uZ21hbiAmIEVhZ2xlPC9kaXY+JylbMF07CiAgICAgICAgICAgICAgICBwb3B1cF80NjhjN2FmOTM3MGQ0NzQwODg1OGEyMjgxZThkZDlkMi5zZXRDb250ZW50KGh0bWxfZDA3ZGE1YzhmNTlmNDA3ZGJiZGZiNzE5MTk2OTkwNmQpOwogICAgICAgICAgICAKCiAgICAgICAgICAgIG1hcmtlcl85MjJlOTRjMDhhZTA0NDQ5ODZkOTdiOTdiNTA4NWVlYS5iaW5kUG9wdXAocG9wdXBfNDY4YzdhZjkzNzBkNDc0MDg4NThhMjI4MWU4ZGQ5ZDIpOwoKICAgICAgICAgICAgCiAgICAgICAgCiAgICAKCiAgICAgICAgICAgIHZhciBtYXJrZXJfODJlZDFmMTM1YjUxNDk4ZWEzMTJkZTcyMDA0N2ZlNjUgPSBMLm1hcmtlcigKICAgICAgICAgICAgICAgIFs0MS44OTEzMDE0LC04Ny42NTU2MTkxXSwKICAgICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgICAgICBpY29uOiBuZXcgTC5JY29uLkRlZmF1bHQoKQogICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgIC5hZGRUbyhtYXBfMDA1MzhhZTE3N2FkNDJiNmEyMWRjZDU3ZGQyZDY5OWEpOwogICAgICAgICAgICAKICAgIAogICAgICAgICAgICB2YXIgcG9wdXBfYmM4ZTcyMGNmYTE3NDVkOThiMzE5M2ZkZmNiOWFlYjUgPSBMLnBvcHVwKHttYXhXaWR0aDogJzMwMCd9KTsKCiAgICAgICAgICAgIAogICAgICAgICAgICAgICAgdmFyIGh0bWxfMzk0OThlODZmMzhkNDk2MWI3NmE1OGVmNDM5YmE4YzcgPSAkKCc8ZGl2IGlkPSJodG1sXzM5NDk4ZTg2ZjM4ZDQ5NjFiNzZhNThlZjQzOWJhOGM3IiBzdHlsZT0id2lkdGg6IDEwMC4wJTsgaGVpZ2h0OiAxMDAuMCU7Ij5CYXJpPC9kaXY+JylbMF07CiAgICAgICAgICAgICAgICBwb3B1cF9iYzhlNzIwY2ZhMTc0NWQ5OGIzMTkzZmRmY2I5YWViNS5zZXRDb250ZW50KGh0bWxfMzk0OThlODZmMzhkNDk2MWI3NmE1OGVmNDM5YmE4YzcpOwogICAgICAgICAgICAKCiAgICAgICAgICAgIG1hcmtlcl84MmVkMWYxMzViNTE0OThlYTMxMmRlNzIwMDQ3ZmU2NS5iaW5kUG9wdXAocG9wdXBfYmM4ZTcyMGNmYTE3NDVkOThiMzE5M2ZkZmNiOWFlYjUpOwoKICAgICAgICAgICAgCiAgICAgICAgCiAgICAKCiAgICAgICAgICAgIHZhciBtYXJrZXJfZTE1ZDZlMWY1OWJmNGUwMjgwMjA0NWQ0MWJkYzhlODcgPSBMLm1hcmtlcigKICAgICAgICAgICAgICAgIFs0MS44Njc3OTUsLTg3LjY0MjAzN10sCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgICAgaWNvbjogbmV3IEwuSWNvbi5EZWZhdWx0KCkKICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICAuYWRkVG8obWFwXzAwNTM4YWUxNzdhZDQyYjZhMjFkY2Q1N2RkMmQ2OTlhKTsKICAgICAgICAgICAgCiAgICAKICAgICAgICAgICAgdmFyIHBvcHVwXzMxZTlmMDU2YzVhZTQxYmU4MDkyYmJhNTBhNzIzNDA4ID0gTC5wb3B1cCh7bWF4V2lkdGg6ICczMDAnfSk7CgogICAgICAgICAgICAKICAgICAgICAgICAgICAgIHZhciBodG1sXzkwNTQxNjAxYjBkMDQ3ZmJiYzQ2YWNmNTJhMDA4YjA0ID0gJCgnPGRpdiBpZD0iaHRtbF85MDU0MTYwMWIwZDA0N2ZiYmM0NmFjZjUyYTAwOGIwNCIgc3R5bGU9IndpZHRoOiAxMDAuMCU7IGhlaWdodDogMTAwLjAlOyI+TWFubnnigJlzPC9kaXY+JylbMF07CiAgICAgICAgICAgICAgICBwb3B1cF8zMWU5ZjA1NmM1YWU0MWJlODA5MmJiYTUwYTcyMzQwOC5zZXRDb250ZW50KGh0bWxfOTA1NDE2MDFiMGQwNDdmYmJjNDZhY2Y1MmEwMDhiMDQpOwogICAgICAgICAgICAKCiAgICAgICAgICAgIG1hcmtlcl9lMTVkNmUxZjU5YmY0ZTAyODAyMDQ1ZDQxYmRjOGU4Ny5iaW5kUG9wdXAocG9wdXBfMzFlOWYwNTZjNWFlNDFiZTgwOTJiYmE1MGE3MjM0MDgpOwoKICAgICAgICAgICAgCiAgICAgICAgCiAgICAKCiAgICAgICAgICAgIHZhciBtYXJrZXJfYmI5ODIzNzYyMDlhNDA0NGI0OTQ3MGQwZjAyMjJjMTUgPSBMLm1hcmtlcigKICAgICAgICAgICAgICAgIFs0MS44ODUyNjkxLC04Ny42MTg0ODM3XSwKICAgICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgICAgICBpY29uOiBuZXcgTC5JY29uLkRlZmF1bHQoKQogICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgIC5hZGRUbyhtYXBfMDA1MzhhZTE3N2FkNDJiNmEyMWRjZDU3ZGQyZDY5OWEpOwogICAgICAgICAgICAKICAgIAogICAgICAgICAgICB2YXIgcG9wdXBfYTU2OWVmNWJmOGM2NDIwNWEyMjQwYWNmOTZlNTVmNTYgPSBMLnBvcHVwKHttYXhXaWR0aDogJzMwMCd9KTsKCiAgICAgICAgICAgIAogICAgICAgICAgICAgICAgdmFyIGh0bWxfMDk1NTZkZDE2MmNjNDBkN2JmZDdmMGZlMDc0MzMwYmQgPSAkKCc8ZGl2IGlkPSJodG1sXzA5NTU2ZGQxNjJjYzQwZDdiZmQ3ZjBmZTA3NDMzMGJkIiBzdHlsZT0id2lkdGg6IDEwMC4wJTsgaGVpZ2h0OiAxMDAuMCU7Ij5FZ2d54oCZczwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfYTU2OWVmNWJmOGM2NDIwNWEyMjQwYWNmOTZlNTVmNTYuc2V0Q29udGVudChodG1sXzA5NTU2ZGQxNjJjYzQwZDdiZmQ3ZjBmZTA3NDMzMGJkKTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfYmI5ODIzNzYyMDlhNDA0NGI0OTQ3MGQwZjAyMjJjMTUuYmluZFBvcHVwKHBvcHVwX2E1NjllZjViZjhjNjQyMDVhMjI0MGFjZjk2ZTU1ZjU2KTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyXzg5Y2MzNDY0NDViMjRjZTA4NjAyZTczZTkyM2MwNDk3ID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDEuOTA4MDU0NywtODcuNjM0MzEyNV0sCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgICAgaWNvbjogbmV3IEwuSWNvbi5EZWZhdWx0KCkKICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICAuYWRkVG8obWFwXzAwNTM4YWUxNzdhZDQyYjZhMjFkY2Q1N2RkMmQ2OTlhKTsKICAgICAgICAgICAgCiAgICAKICAgICAgICAgICAgdmFyIHBvcHVwX2ViMjA2NmIxODZjYzQ5NjFhY2ZkYWU0MWZiOGYxNjI2ID0gTC5wb3B1cCh7bWF4V2lkdGg6ICczMDAnfSk7CgogICAgICAgICAgICAKICAgICAgICAgICAgICAgIHZhciBodG1sX2Y0ZTJjYmY2MzhmZDQwZWVhNDY4MWNhMjYyZWI1ZDk1ID0gJCgnPGRpdiBpZD0iaHRtbF9mNGUyY2JmNjM4ZmQ0MGVlYTQ2ODFjYTI2MmViNWQ5NSIgc3R5bGU9IndpZHRoOiAxMDAuMCU7IGhlaWdodDogMTAwLjAlOyI+T2xkIEplcnVzYWxlbTwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfZWIyMDY2YjE4NmNjNDk2MWFjZmRhZTQxZmI4ZjE2MjYuc2V0Q29udGVudChodG1sX2Y0ZTJjYmY2MzhmZDQwZWVhNDY4MWNhMjYyZWI1ZDk1KTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfODljYzM0NjQ0NWIyNGNlMDg2MDJlNzNlOTIzYzA0OTcuYmluZFBvcHVwKHBvcHVwX2ViMjA2NmIxODZjYzQ5NjFhY2ZkYWU0MWZiOGYxNjI2KTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyXzUwZmEwNDMxM2Q0NTQxYzBhOTcwNWQ3ZTEyMDk4ZmYwID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDEuOTEzNjkxOSwtODcuNjc3MTI1MTk5OTk5OTldLAogICAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgICAgIGljb246IG5ldyBMLkljb24uRGVmYXVsdCgpCiAgICAgICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgKQogICAgICAgICAgICAgICAgLmFkZFRvKG1hcF8wMDUzOGFlMTc3YWQ0MmI2YTIxZGNkNTdkZDJkNjk5YSk7CiAgICAgICAgICAgIAogICAgCiAgICAgICAgICAgIHZhciBwb3B1cF81NGE0MTQ4YWFkZjc0NzdkYTllYzhlM2JkODMzZTJkNSA9IEwucG9wdXAoe21heFdpZHRoOiAnMzAwJ30pOwoKICAgICAgICAgICAgCiAgICAgICAgICAgICAgICB2YXIgaHRtbF84YmY3YTY0YmFjOGU0ZjA4OTBkYzFiYmIyMjE1MjRkMSA9ICQoJzxkaXYgaWQ9Imh0bWxfOGJmN2E2NGJhYzhlNGYwODkwZGMxYmJiMjIxNTI0ZDEiIHN0eWxlPSJ3aWR0aDogMTAwLjAlOyBoZWlnaHQ6IDEwMC4wJTsiPk1pbmR54oCZcyBIb3RDaG9jb2xhdGU8L2Rpdj4nKVswXTsKICAgICAgICAgICAgICAgIHBvcHVwXzU0YTQxNDhhYWRmNzQ3N2RhOWVjOGUzYmQ4MzNlMmQ1LnNldENvbnRlbnQoaHRtbF84YmY3YTY0YmFjOGU0ZjA4OTBkYzFiYmIyMjE1MjRkMSk7CiAgICAgICAgICAgIAoKICAgICAgICAgICAgbWFya2VyXzUwZmEwNDMxM2Q0NTQxYzBhOTcwNWQ3ZTEyMDk4ZmYwLmJpbmRQb3B1cChwb3B1cF81NGE0MTQ4YWFkZjc0NzdkYTllYzhlM2JkODMzZTJkNSk7CgogICAgICAgICAgICAKICAgICAgICAKICAgIAoKICAgICAgICAgICAgdmFyIG1hcmtlcl9kZjA4YjVkM2UxZmM0ODE5OWI3ZGM4YmZkNDMwOGJhMCA9IEwubWFya2VyKAogICAgICAgICAgICAgICAgWzQxLjk1MzcwNTQsLTg3LjcwODQ1MDJdLAogICAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgICAgIGljb246IG5ldyBMLkljb24uRGVmYXVsdCgpCiAgICAgICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgKQogICAgICAgICAgICAgICAgLmFkZFRvKG1hcF8wMDUzOGFlMTc3YWQ0MmI2YTIxZGNkNTdkZDJkNjk5YSk7CiAgICAgICAgICAgIAogICAgCiAgICAgICAgICAgIHZhciBwb3B1cF9iYWMxZTkyMzA5YTM0OWMzYjEyZTYyMTU2NjhmOWI5NiA9IEwucG9wdXAoe21heFdpZHRoOiAnMzAwJ30pOwoKICAgICAgICAgICAgCiAgICAgICAgICAgICAgICB2YXIgaHRtbF80MWQxZTFhYTM1YWE0ZjQ3OTNiM2RlMDhkZDY0MDg2NSA9ICQoJzxkaXYgaWQ9Imh0bWxfNDFkMWUxYWEzNWFhNGY0NzkzYjNkZTA4ZGQ2NDA4NjUiIHN0eWxlPSJ3aWR0aDogMTAwLjAlOyBoZWlnaHQ6IDEwMC4wJTsiPk9sZ2HigJlzIERlbGljYXRlc3NlbjwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfYmFjMWU5MjMwOWEzNDljM2IxMmU2MjE1NjY4ZjliOTYuc2V0Q29udGVudChodG1sXzQxZDFlMWFhMzVhYTRmNDc5M2IzZGUwOGRkNjQwODY1KTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfZGYwOGI1ZDNlMWZjNDgxOTliN2RjOGJmZDQzMDhiYTAuYmluZFBvcHVwKHBvcHVwX2JhYzFlOTIzMDlhMzQ5YzNiMTJlNjIxNTY2OGY5Yjk2KTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyX2NiYWE5MmM2ODgzMDQ4NjM4ZGNjZTBkMTNkNTQ0N2Y5ID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDEuOTc5NDQ5NiwtODcuNjY3OTU3MTk5OTk5OTldLAogICAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgICAgIGljb246IG5ldyBMLkljb24uRGVmYXVsdCgpCiAgICAgICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgKQogICAgICAgICAgICAgICAgLmFkZFRvKG1hcF8wMDUzOGFlMTc3YWQ0MmI2YTIxZGNkNTdkZDJkNjk5YSk7CiAgICAgICAgICAgIAogICAgCiAgICAgICAgICAgIHZhciBwb3B1cF85ZjM4MmI3YjRlMTI0MzNhOTI1YjkzMzc0OWFiZDE5NiA9IEwucG9wdXAoe21heFdpZHRoOiAnMzAwJ30pOwoKICAgICAgICAgICAgCiAgICAgICAgICAgICAgICB2YXIgaHRtbF8wNDVmZDRmMjBkZjk0Njg5OWYwODhmYzRjN2E4ZmMxYSA9ICQoJzxkaXYgaWQ9Imh0bWxfMDQ1ZmQ0ZjIwZGY5NDY4OTlmMDg4ZmM0YzdhOGZjMWEiIHN0eWxlPSJ3aWR0aDogMTAwLjAlOyBoZWlnaHQ6IDEwMC4wJTsiPkJpZyBKb25lczwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfOWYzODJiN2I0ZTEyNDMzYTkyNWI5MzM3NDlhYmQxOTYuc2V0Q29udGVudChodG1sXzA0NWZkNGYyMGRmOTQ2ODk5ZjA4OGZjNGM3YThmYzFhKTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfY2JhYTkyYzY4ODMwNDg2MzhkY2NlMGQxM2Q1NDQ3ZjkuYmluZFBvcHVwKHBvcHVwXzlmMzgyYjdiNGUxMjQzM2E5MjViOTMzNzQ5YWJkMTk2KTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyXzcyNzZmYmY0NGViNjRiNGFhOGMzNDg3NGM1ZDg0ZDRlID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDEuOTU0MTYyLC04Ny43MDI3MTA3OTk5OTk5OV0sCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgICAgaWNvbjogbmV3IEwuSWNvbi5EZWZhdWx0KCkKICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICAuYWRkVG8obWFwXzAwNTM4YWUxNzdhZDQyYjZhMjFkY2Q1N2RkMmQ2OTlhKTsKICAgICAgICAgICAgCiAgICAKICAgICAgICAgICAgdmFyIHBvcHVwXzMzMWI3NTJhYzJhNjQwYzViMDZjZWZjMTU1NTdmZmMxID0gTC5wb3B1cCh7bWF4V2lkdGg6ICczMDAnfSk7CgogICAgICAgICAgICAKICAgICAgICAgICAgICAgIHZhciBodG1sXzQyMDU2Y2IyNWYzYjQ3ZWY4YWQzYjhkNWIxNjMwOTZlID0gJCgnPGRpdiBpZD0iaHRtbF80MjA1NmNiMjVmM2I0N2VmOGFkM2I4ZDViMTYzMDk2ZSIgc3R5bGU9IndpZHRoOiAxMDAuMCU7IGhlaWdodDogMTAwLjAlOyI+TGEgUGFuZTwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfMzMxYjc1MmFjMmE2NDBjNWIwNmNlZmMxNTU1N2ZmYzEuc2V0Q29udGVudChodG1sXzQyMDU2Y2IyNWYzYjQ3ZWY4YWQzYjhkNWIxNjMwOTZlKTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfNzI3NmZiZjQ0ZWI2NGI0YWE4YzM0ODc0YzVkODRkNGUuYmluZFBvcHVwKHBvcHVwXzMzMWI3NTJhYzJhNjQwYzViMDZjZWZjMTU1NTdmZmMxKTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyXzlkZDk4YTVjNTgwYTQ4OGFhMzg1YjljNjUyZTgxMzU5ID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDIuMTU2NzA3MywtODcuODAzNjM0NV0sCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgICAgaWNvbjogbmV3IEwuSWNvbi5EZWZhdWx0KCkKICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICAuYWRkVG8obWFwXzAwNTM4YWUxNzdhZDQyYjZhMjFkY2Q1N2RkMmQ2OTlhKTsKICAgICAgICAgICAgCiAgICAKICAgICAgICAgICAgdmFyIHBvcHVwXzhjMWQwMjkzMzQ3MDQ2M2FiOTgyZTA2MWRhMzgxZTcwID0gTC5wb3B1cCh7bWF4V2lkdGg6ICczMDAnfSk7CgogICAgICAgICAgICAKICAgICAgICAgICAgICAgIHZhciBodG1sX2E2NTk1MDE3NjIyZjQ1MmY5MmYzNWEzNGMxODBmOTUzID0gJCgnPGRpdiBpZD0iaHRtbF9hNjU5NTAxNzYyMmY0NTJmOTJmMzVhMzRjMTgwZjk1MyIgc3R5bGU9IndpZHRoOiAxMDAuMCU7IGhlaWdodDogMTAwLjAlOyI+TWF44oCZcyBEZWxpPC9kaXY+JylbMF07CiAgICAgICAgICAgICAgICBwb3B1cF84YzFkMDI5MzM0NzA0NjNhYjk4MmUwNjFkYTM4MWU3MC5zZXRDb250ZW50KGh0bWxfYTY1OTUwMTc2MjJmNDUyZjkyZjM1YTM0YzE4MGY5NTMpOwogICAgICAgICAgICAKCiAgICAgICAgICAgIG1hcmtlcl85ZGQ5OGE1YzU4MGE0ODhhYTM4NWI5YzY1MmU4MTM1OS5iaW5kUG9wdXAocG9wdXBfOGMxZDAyOTMzNDcwNDYzYWI5ODJlMDYxZGEzODFlNzApOwoKICAgICAgICAgICAgCiAgICAgICAgCiAgICAKCiAgICAgICAgICAgIHZhciBtYXJrZXJfMGNjZGZiMTBkYzI1NDMwN2FhOWNmOGZlNTRlYmE1MGIgPSBMLm1hcmtlcigKICAgICAgICAgICAgICAgIFs0MS45NjUyOTg3LC04Ny42NzU1Nzk1OTk5OTk5OV0sCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgICAgaWNvbjogbmV3IEwuSWNvbi5EZWZhdWx0KCkKICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICAuYWRkVG8obWFwXzAwNTM4YWUxNzdhZDQyYjZhMjFkY2Q1N2RkMmQ2OTlhKTsKICAgICAgICAgICAgCiAgICAKICAgICAgICAgICAgdmFyIHBvcHVwXzUxZWMyODE3OWJhMjQ4OTk5ZTI1NTQ5ZDdkZGZhOWRlID0gTC5wb3B1cCh7bWF4V2lkdGg6ICczMDAnfSk7CgogICAgICAgICAgICAKICAgICAgICAgICAgICAgIHZhciBodG1sXzA2ZDMwNTUwMTkwMjRmMjZiNTMwZjQyYjJlODYxZmQzID0gJCgnPGRpdiBpZD0iaHRtbF8wNmQzMDU1MDE5MDI0ZjI2YjUzMGY0MmIyZTg2MWZkMyIgc3R5bGU9IndpZHRoOiAxMDAuMCU7IGhlaWdodDogMTAwLjAlOyI+Q2l0eSBQcm92aXNpb25zPC9kaXY+JylbMF07CiAgICAgICAgICAgICAgICBwb3B1cF81MWVjMjgxNzliYTI0ODk5OWUyNTU0OWQ3ZGRmYTlkZS5zZXRDb250ZW50KGh0bWxfMDZkMzA1NTAxOTAyNGYyNmI1MzBmNDJiMmU4NjFmZDMpOwogICAgICAgICAgICAKCiAgICAgICAgICAgIG1hcmtlcl8wY2NkZmIxMGRjMjU0MzA3YWE5Y2Y4ZmU1NGViYTUwYi5iaW5kUG9wdXAocG9wdXBfNTFlYzI4MTc5YmEyNDg5OTllMjU1NDlkN2RkZmE5ZGUpOwoKICAgICAgICAgICAgCiAgICAgICAgCiAgICAKCiAgICAgICAgICAgIHZhciBtYXJrZXJfOGRlMGExYTFjY2UwNGZlMDllNDQ0NzQzNzNhY2Y3NGIgPSBMLm1hcmtlcigKICAgICAgICAgICAgICAgIFs0MS45MDI3MTc4LC04Ny42OTAyMTkyXSwKICAgICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgICAgICBpY29uOiBuZXcgTC5JY29uLkRlZmF1bHQoKQogICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgIC5hZGRUbyhtYXBfMDA1MzhhZTE3N2FkNDJiNmEyMWRjZDU3ZGQyZDY5OWEpOwogICAgICAgICAgICAKICAgIAogICAgICAgICAgICB2YXIgcG9wdXBfNTgwNzczNWEwNzFjNGUyMDliYjlhNWQzNmE0NmJhNWIgPSBMLnBvcHVwKHttYXhXaWR0aDogJzMwMCd9KTsKCiAgICAgICAgICAgIAogICAgICAgICAgICAgICAgdmFyIGh0bWxfMDExOWM1YWZiNDM4NDA0MDk2NjJkM2FhNGY2ZGI0MTcgPSAkKCc8ZGl2IGlkPSJodG1sXzAxMTljNWFmYjQzODQwNDA5NjYyZDNhYTRmNmRiNDE3IiBzdHlsZT0id2lkdGg6IDEwMC4wJTsgaGVpZ2h0OiAxMDAuMCU7Ij5QYXBh4oCZcyBDYWNoZSBTYWJyb3NvPC9kaXY+JylbMF07CiAgICAgICAgICAgICAgICBwb3B1cF81ODA3NzM1YTA3MWM0ZTIwOWJiOWE1ZDM2YTQ2YmE1Yi5zZXRDb250ZW50KGh0bWxfMDExOWM1YWZiNDM4NDA0MDk2NjJkM2FhNGY2ZGI0MTcpOwogICAgICAgICAgICAKCiAgICAgICAgICAgIG1hcmtlcl84ZGUwYTFhMWNjZTA0ZmUwOWU0NDQ3NDM3M2FjZjc0Yi5iaW5kUG9wdXAocG9wdXBfNTgwNzczNWEwNzFjNGUyMDliYjlhNWQzNmE0NmJhNWIpOwoKICAgICAgICAgICAgCiAgICAgICAgCiAgICAKCiAgICAgICAgICAgIHZhciBtYXJrZXJfYjU2NzcxOTlmZjliNGI1YTkzZTcwOTQ0NzY4NzgyYTcgPSBMLm1hcmtlcigKICAgICAgICAgICAgICAgIFs0MS44ODkzNjgzLC04Ny42MzQ5NDg3XSwKICAgICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgICAgICBpY29uOiBuZXcgTC5JY29uLkRlZmF1bHQoKQogICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgIC5hZGRUbyhtYXBfMDA1MzhhZTE3N2FkNDJiNmEyMWRjZDU3ZGQyZDY5OWEpOwogICAgICAgICAgICAKICAgIAogICAgICAgICAgICB2YXIgcG9wdXBfMTJmMjFiNzUwYmY2NDE0YWIyYzA1YzhhYzhlNmJkOTYgPSBMLnBvcHVwKHttYXhXaWR0aDogJzMwMCd9KTsKCiAgICAgICAgICAgIAogICAgICAgICAgICAgICAgdmFyIGh0bWxfMDk2N2NjMzI0ZjVkNDc3MWIyMTg5Y2FhOTg5MDY0OGIgPSAkKCc8ZGl2IGlkPSJodG1sXzA5NjdjYzMyNGY1ZDQ3NzFiMjE4OWNhYTk4OTA2NDhiIiBzdHlsZT0id2lkdGg6IDEwMC4wJTsgaGVpZ2h0OiAxMDAuMCU7Ij5CYXZldHRl4oCZcyBCYXIgJiBCb2V1ZjwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfMTJmMjFiNzUwYmY2NDE0YWIyYzA1YzhhYzhlNmJkOTYuc2V0Q29udGVudChodG1sXzA5NjdjYzMyNGY1ZDQ3NzFiMjE4OWNhYTk4OTA2NDhiKTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfYjU2NzcxOTlmZjliNGI1YTkzZTcwOTQ0NzY4NzgyYTcuYmluZFBvcHVwKHBvcHVwXzEyZjIxYjc1MGJmNjQxNGFiMmMwNWM4YWM4ZTZiZDk2KTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyX2VjYzAzODg4OWMwYjRhNzhiZjk4MTU2MTZiNzIxNDhhID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDEuOTEwNTI2MywtODcuNjM0MzhdLAogICAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgICAgIGljb246IG5ldyBMLkljb24uRGVmYXVsdCgpCiAgICAgICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgKQogICAgICAgICAgICAgICAgLmFkZFRvKG1hcF8wMDUzOGFlMTc3YWQ0MmI2YTIxZGNkNTdkZDJkNjk5YSk7CiAgICAgICAgICAgIAogICAgCiAgICAgICAgICAgIHZhciBwb3B1cF9lMzc1NjNmMTdjOTE0NzlkYWY4MTJiOGU2ODkzNGJhZSA9IEwucG9wdXAoe21heFdpZHRoOiAnMzAwJ30pOwoKICAgICAgICAgICAgCiAgICAgICAgICAgICAgICB2YXIgaHRtbF9hYWY5ZmZmM2RkNzQ0MWJmYTVmMjZkY2FmNzhhNjRmZiA9ICQoJzxkaXYgaWQ9Imh0bWxfYWFmOWZmZjNkZDc0NDFiZmE1ZjI2ZGNhZjc4YTY0ZmYiIHN0eWxlPSJ3aWR0aDogMTAwLjAlOyBoZWlnaHQ6IDEwMC4wJTsiPkxhIEZvdXJuZXR0ZTwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfZTM3NTYzZjE3YzkxNDc5ZGFmODEyYjhlNjg5MzRiYWUuc2V0Q29udGVudChodG1sX2FhZjlmZmYzZGQ3NDQxYmZhNWYyNmRjYWY3OGE2NGZmKTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfZWNjMDM4ODg5YzBiNGE3OGJmOTgxNTYxNmI3MjE0OGEuYmluZFBvcHVwKHBvcHVwX2UzNzU2M2YxN2M5MTQ3OWRhZjgxMmI4ZTY4OTM0YmFlKTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyXzY0NGQ4ZDg0NzRkODQyMTY4ZDllZTQ4NmYyOWUxODZhID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDEuODg5NjE5NDk5OTk5OTksLTg3LjY0NDg0Nl0sCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgICAgaWNvbjogbmV3IEwuSWNvbi5EZWZhdWx0KCkKICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICAuYWRkVG8obWFwXzAwNTM4YWUxNzdhZDQyYjZhMjFkY2Q1N2RkMmQ2OTlhKTsKICAgICAgICAgICAgCiAgICAKICAgICAgICAgICAgdmFyIHBvcHVwXzY5YzYxODQ2N2M5MDQwOGE4NzgxZjY1MGJmNjgzNTcyID0gTC5wb3B1cCh7bWF4V2lkdGg6ICczMDAnfSk7CgogICAgICAgICAgICAKICAgICAgICAgICAgICAgIHZhciBodG1sXzNlZjEyOTI1OGQ3NjRlOGU5NmQ1YmIzZDkxNWMwYjVjID0gJCgnPGRpdiBpZD0iaHRtbF8zZWYxMjkyNThkNzY0ZThlOTZkNWJiM2Q5MTVjMGI1YyIgc3R5bGU9IndpZHRoOiAxMDAuMCU7IGhlaWdodDogMTAwLjAlOyI+UGFyYW1vdW50IFJvb208L2Rpdj4nKVswXTsKICAgICAgICAgICAgICAgIHBvcHVwXzY5YzYxODQ2N2M5MDQwOGE4NzgxZjY1MGJmNjgzNTcyLnNldENvbnRlbnQoaHRtbF8zZWYxMjkyNThkNzY0ZThlOTZkNWJiM2Q5MTVjMGI1Yyk7CiAgICAgICAgICAgIAoKICAgICAgICAgICAgbWFya2VyXzY0NGQ4ZDg0NzRkODQyMTY4ZDllZTQ4NmYyOWUxODZhLmJpbmRQb3B1cChwb3B1cF82OWM2MTg0NjdjOTA0MDhhODc4MWY2NTBiZjY4MzU3Mik7CgogICAgICAgICAgICAKICAgICAgICAKICAgIAoKICAgICAgICAgICAgdmFyIG1hcmtlcl9jNzM5ZDJjOGE3MWU0NDA3YmY1M2UxNmZhNzgyZjNkMSA9IEwubWFya2VyKAogICAgICAgICAgICAgICAgWzQxLjkxNTA0MjE5OTk5OTk5LC04Ny42Nzc3OTkyXSwKICAgICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgICAgICBpY29uOiBuZXcgTC5JY29uLkRlZmF1bHQoKQogICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgIC5hZGRUbyhtYXBfMDA1MzhhZTE3N2FkNDJiNmEyMWRjZDU3ZGQyZDY5OWEpOwogICAgICAgICAgICAKICAgIAogICAgICAgICAgICB2YXIgcG9wdXBfNjE0NTEyOGE4MDRmNDFjMmEyZGM0ZTU1ZTg3ZjM0MTkgPSBMLnBvcHVwKHttYXhXaWR0aDogJzMwMCd9KTsKCiAgICAgICAgICAgIAogICAgICAgICAgICAgICAgdmFyIGh0bWxfZjkxOGE1YTcwNzhhNDY1Y2E2NDViZGM4OWFhMTYzY2UgPSAkKCc8ZGl2IGlkPSJodG1sX2Y5MThhNWE3MDc4YTQ2NWNhNjQ1YmRjODlhYTE2M2NlIiBzdHlsZT0id2lkdGg6IDEwMC4wJTsgaGVpZ2h0OiAxMDAuMCU7Ij5NZWx0IFNhbmR3aWNoIFNob3BwZTwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfNjE0NTEyOGE4MDRmNDFjMmEyZGM0ZTU1ZTg3ZjM0MTkuc2V0Q29udGVudChodG1sX2Y5MThhNWE3MDc4YTQ2NWNhNjQ1YmRjODlhYTE2M2NlKTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfYzczOWQyYzhhNzFlNDQwN2JmNTNlMTZmYTc4MmYzZDEuYmluZFBvcHVwKHBvcHVwXzYxNDUxMjhhODA0ZjQxYzJhMmRjNGU1NWU4N2YzNDE5KTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyXzcxZTlkMTNjZDcwZTQyNDZhZmYwYzkxMGM3MTQ2YmMzID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDEuOTIxODUyNTAwMDAwMDEsLTg3LjY1OTIxMTJdLAogICAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgICAgIGljb246IG5ldyBMLkljb24uRGVmYXVsdCgpCiAgICAgICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgKQogICAgICAgICAgICAgICAgLmFkZFRvKG1hcF8wMDUzOGFlMTc3YWQ0MmI2YTIxZGNkNTdkZDJkNjk5YSk7CiAgICAgICAgICAgIAogICAgCiAgICAgICAgICAgIHZhciBwb3B1cF8zOGZjYmM3NjJhZjk0MDVkYjAxNjIxNDQxNzc0ZDliMSA9IEwucG9wdXAoe21heFdpZHRoOiAnMzAwJ30pOwoKICAgICAgICAgICAgCiAgICAgICAgICAgICAgICB2YXIgaHRtbF83MjliYzY3ODI4ZDA0NWEzYTRlZmU5MGM5OWRkOTM4MSA9ICQoJzxkaXYgaWQ9Imh0bWxfNzI5YmM2NzgyOGQwNDVhM2E0ZWZlOTBjOTlkZDkzODEiIHN0eWxlPSJ3aWR0aDogMTAwLjAlOyBoZWlnaHQ6IDEwMC4wJTsiPkZsb3Jpb2xlIENhZmUgJiBCYWtlcnk8L2Rpdj4nKVswXTsKICAgICAgICAgICAgICAgIHBvcHVwXzM4ZmNiYzc2MmFmOTQwNWRiMDE2MjE0NDE3NzRkOWIxLnNldENvbnRlbnQoaHRtbF83MjliYzY3ODI4ZDA0NWEzYTRlZmU5MGM5OWRkOTM4MSk7CiAgICAgICAgICAgIAoKICAgICAgICAgICAgbWFya2VyXzcxZTlkMTNjZDcwZTQyNDZhZmYwYzkxMGM3MTQ2YmMzLmJpbmRQb3B1cChwb3B1cF8zOGZjYmM3NjJhZjk0MDVkYjAxNjIxNDQxNzc0ZDliMSk7CgogICAgICAgICAgICAKICAgICAgICAKICAgIAoKICAgICAgICAgICAgdmFyIG1hcmtlcl8wMDIzMDYxOTc1ZDA0NDNlYmQyMjFjMDkzOWNkNTkyMCA9IEwubWFya2VyKAogICAgICAgICAgICAgICAgWzQxLjk3OTcwOTksLTg3LjY2OTM0NDA5OTk5OTk5XSwKICAgICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgICAgICBpY29uOiBuZXcgTC5JY29uLkRlZmF1bHQoKQogICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgIC5hZGRUbyhtYXBfMDA1MzhhZTE3N2FkNDJiNmEyMWRjZDU3ZGQyZDY5OWEpOwogICAgICAgICAgICAKICAgIAogICAgICAgICAgICB2YXIgcG9wdXBfZjZlNjI1N2ZlMzE1NDBlZDgxMjQyNDNkZWJlYzEwYjUgPSBMLnBvcHVwKHttYXhXaWR0aDogJzMwMCd9KTsKCiAgICAgICAgICAgIAogICAgICAgICAgICAgICAgdmFyIGh0bWxfZTg0Y2VlMmZmODllNDFhMmIzODY5ZGNlZTIwNTMwYTggPSAkKCc8ZGl2IGlkPSJodG1sX2U4NGNlZTJmZjg5ZTQxYTJiMzg2OWRjZWUyMDUzMGE4IiBzdHlsZT0id2lkdGg6IDEwMC4wJTsgaGVpZ2h0OiAxMDAuMCU7Ij5GaXJzdCBTbGljZSBQaWUgQ2Fmw6k8L2Rpdj4nKVswXTsKICAgICAgICAgICAgICAgIHBvcHVwX2Y2ZTYyNTdmZTMxNTQwZWQ4MTI0MjQzZGViZWMxMGI1LnNldENvbnRlbnQoaHRtbF9lODRjZWUyZmY4OWU0MWEyYjM4NjlkY2VlMjA1MzBhOCk7CiAgICAgICAgICAgIAoKICAgICAgICAgICAgbWFya2VyXzAwMjMwNjE5NzVkMDQ0M2ViZDIyMWMwOTM5Y2Q1OTIwLmJpbmRQb3B1cChwb3B1cF9mNmU2MjU3ZmUzMTU0MGVkODEyNDI0M2RlYmVjMTBiNSk7CgogICAgICAgICAgICAKICAgICAgICAKICAgIAoKICAgICAgICAgICAgdmFyIG1hcmtlcl80MmU3OTM0YzhkYzg0NWRjYWMyOWU2ODg3NzI0NjMzYSA9IEwubWFya2VyKAogICAgICAgICAgICAgICAgWzQxLjk2MTcxMjIsLTg3LjY3NTgxNjIwMDAwMDAxXSwKICAgICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgICAgICBpY29uOiBuZXcgTC5JY29uLkRlZmF1bHQoKQogICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgIC5hZGRUbyhtYXBfMDA1MzhhZTE3N2FkNDJiNmEyMWRjZDU3ZGQyZDY5OWEpOwogICAgICAgICAgICAKICAgIAogICAgICAgICAgICB2YXIgcG9wdXBfNDlhMWY1ZjUwMDYwNDQ1YWIzY2UzM2MxNTkzZDAwMDAgPSBMLnBvcHVwKHttYXhXaWR0aDogJzMwMCd9KTsKCiAgICAgICAgICAgIAogICAgICAgICAgICAgICAgdmFyIGh0bWxfYmMzMWVhYjEyNjMwNDI1YmJkYTZhNzY4ZTY4Y2I3ZjcgPSAkKCc8ZGl2IGlkPSJodG1sX2JjMzFlYWIxMjYzMDQyNWJiZGE2YTc2OGU2OGNiN2Y3IiBzdHlsZT0id2lkdGg6IDEwMC4wJTsgaGVpZ2h0OiAxMDAuMCU7Ij5Ucm9xdWV0PC9kaXY+JylbMF07CiAgICAgICAgICAgICAgICBwb3B1cF80OWExZjVmNTAwNjA0NDVhYjNjZTMzYzE1OTNkMDAwMC5zZXRDb250ZW50KGh0bWxfYmMzMWVhYjEyNjMwNDI1YmJkYTZhNzY4ZTY4Y2I3ZjcpOwogICAgICAgICAgICAKCiAgICAgICAgICAgIG1hcmtlcl80MmU3OTM0YzhkYzg0NWRjYWMyOWU2ODg3NzI0NjMzYS5iaW5kUG9wdXAocG9wdXBfNDlhMWY1ZjUwMDYwNDQ1YWIzY2UzM2MxNTkzZDAwMDApOwoKICAgICAgICAgICAgCiAgICAgICAgCiAgICAKCiAgICAgICAgICAgIHZhciBtYXJrZXJfNThmMjJhYmM5NmE0NDVlYTk4YjBkOGEwMGQyMGVlZmIgPSBMLm1hcmtlcigKICAgICAgICAgICAgICAgIFs0MS44OTI5NjExOTk5OTk5OSwtODcuNjI3ODIxNF0sCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgICAgaWNvbjogbmV3IEwuSWNvbi5EZWZhdWx0KCkKICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICAuYWRkVG8obWFwXzAwNTM4YWUxNzdhZDQyYjZhMjFkY2Q1N2RkMmQ2OTlhKTsKICAgICAgICAgICAgCiAgICAKICAgICAgICAgICAgdmFyIHBvcHVwX2EyZWY3MWNkMzZjZjQ0YTRhNTg5OGU2ZWQzMGY3NjczID0gTC5wb3B1cCh7bWF4V2lkdGg6ICczMDAnfSk7CgogICAgICAgICAgICAKICAgICAgICAgICAgICAgIHZhciBodG1sXzg1ZTg0ODE0ZWIwOTQyNjhhNTNiMGY1YTU3YjhiYjA5ID0gJCgnPGRpdiBpZD0iaHRtbF84NWU4NDgxNGViMDk0MjY4YTUzYjBmNWE1N2I4YmIwOSIgc3R5bGU9IndpZHRoOiAxMDAuMCU7IGhlaWdodDogMTAwLjAlOyI+R3JhaGFtd2ljaDwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfYTJlZjcxY2QzNmNmNDRhNGE1ODk4ZTZlZDMwZjc2NzMuc2V0Q29udGVudChodG1sXzg1ZTg0ODE0ZWIwOTQyNjhhNTNiMGY1YTU3YjhiYjA5KTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfNThmMjJhYmM5NmE0NDVlYTk4YjBkOGEwMGQyMGVlZmIuYmluZFBvcHVwKHBvcHVwX2EyZWY3MWNkMzZjZjQ0YTRhNTg5OGU2ZWQzMGY3NjczKTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyXzUxMGU4Mjg0MTVmMjRmZDViZGUxZmNhNTI3MjE5MGNiID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDEuOTA0ODU1MSwtODcuOTM5ODc4NF0sCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgICAgaWNvbjogbmV3IEwuSWNvbi5EZWZhdWx0KCkKICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICAuYWRkVG8obWFwXzAwNTM4YWUxNzdhZDQyYjZhMjFkY2Q1N2RkMmQ2OTlhKTsKICAgICAgICAgICAgCiAgICAKICAgICAgICAgICAgdmFyIHBvcHVwXzJmZmU0Mzg4OGRiMTRmMGM5YjYyOTY2YjQwZWIxYTgzID0gTC5wb3B1cCh7bWF4V2lkdGg6ICczMDAnfSk7CgogICAgICAgICAgICAKICAgICAgICAgICAgICAgIHZhciBodG1sX2Y4NDMzN2ZhNmVlNjQ4YThhMzhjZjA1N2UxNDdhNTNmID0gJCgnPGRpdiBpZD0iaHRtbF9mODQzMzdmYTZlZTY0OGE4YTM4Y2YwNTdlMTQ3YTUzZiIgc3R5bGU9IndpZHRoOiAxMDAuMCU7IGhlaWdodDogMTAwLjAlOyI+Um9zYWxpYeKAmXMgRGVsaTwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfMmZmZTQzODg4ZGIxNGYwYzliNjI5NjZiNDBlYjFhODMuc2V0Q29udGVudChodG1sX2Y4NDMzN2ZhNmVlNjQ4YThhMzhjZjA1N2UxNDdhNTNmKTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfNTEwZTgyODQxNWYyNGZkNWJkZTFmY2E1MjcyMTkwY2IuYmluZFBvcHVwKHBvcHVwXzJmZmU0Mzg4OGRiMTRmMGM5YjYyOTY2YjQwZWIxYTgzKTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyXzhkY2NhNmFjZWE1YzQ2Y2Y4ZDg2Yzc1ODU1Nzc4Mzg4ID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDEuNzkxMjc0LC04Ny41OTM4OTA4XSwKICAgICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgICAgICBpY29uOiBuZXcgTC5JY29uLkRlZmF1bHQoKQogICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgIC5hZGRUbyhtYXBfMDA1MzhhZTE3N2FkNDJiNmEyMWRjZDU3ZGQyZDY5OWEpOwogICAgICAgICAgICAKICAgIAogICAgICAgICAgICB2YXIgcG9wdXBfZTYwNWI0NjM3ZTBiNDUxZmIyMGE4ODc3ODUyZTgzOTEgPSBMLnBvcHVwKHttYXhXaWR0aDogJzMwMCd9KTsKCiAgICAgICAgICAgIAogICAgICAgICAgICAgICAgdmFyIGh0bWxfODU2NTZiYWI3YzZjNDE3MWI1NjdhNDRhYWQzMDFlZDMgPSAkKCc8ZGl2IGlkPSJodG1sXzg1NjU2YmFiN2M2YzQxNzFiNTY3YTQ0YWFkMzAxZWQzIiBzdHlsZT0id2lkdGg6IDEwMC4wJTsgaGVpZ2h0OiAxMDAuMCU7Ij5aJkggTWFya2V0Q2FmZTwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfZTYwNWI0NjM3ZTBiNDUxZmIyMGE4ODc3ODUyZTgzOTEuc2V0Q29udGVudChodG1sXzg1NjU2YmFiN2M2YzQxNzFiNTY3YTQ0YWFkMzAxZWQzKTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfOGRjY2E2YWNlYTVjNDZjZjhkODZjNzU4NTU3NzgzODguYmluZFBvcHVwKHBvcHVwX2U2MDViNDYzN2UwYjQ1MWZiMjBhODg3Nzg1MmU4MzkxKTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyXzhhZGI0NTIxMTE2MzQxZDk5YjEzMDA1MTk0NTQ5NDg5ID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDIuMjUxNzcwNSwtODcuODQxNDMxOF0sCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgICAgaWNvbjogbmV3IEwuSWNvbi5EZWZhdWx0KCkKICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICAuYWRkVG8obWFwXzAwNTM4YWUxNzdhZDQyYjZhMjFkY2Q1N2RkMmQ2OTlhKTsKICAgICAgICAgICAgCiAgICAKICAgICAgICAgICAgdmFyIHBvcHVwXzM0YjdkOGM4NzEwODRkNGVhN2VkM2JjOTdhOTU1Mjk5ID0gTC5wb3B1cCh7bWF4V2lkdGg6ICczMDAnfSk7CgogICAgICAgICAgICAKICAgICAgICAgICAgICAgIHZhciBodG1sXzM4MTNlNTljM2YwMjQwNDBhODhmOTRhZjA0YmVlMGVhID0gJCgnPGRpdiBpZD0iaHRtbF8zODEzZTU5YzNmMDI0MDQwYTg4Zjk0YWYwNGJlZTBlYSIgc3R5bGU9IndpZHRoOiAxMDAuMCU7IGhlaWdodDogMTAwLjAlOyI+TWFya2V0IEhvdXNlIG9uIHRoZSBTcXVhcmU8L2Rpdj4nKVswXTsKICAgICAgICAgICAgICAgIHBvcHVwXzM0YjdkOGM4NzEwODRkNGVhN2VkM2JjOTdhOTU1Mjk5LnNldENvbnRlbnQoaHRtbF8zODEzZTU5YzNmMDI0MDQwYTg4Zjk0YWYwNGJlZTBlYSk7CiAgICAgICAgICAgIAoKICAgICAgICAgICAgbWFya2VyXzhhZGI0NTIxMTE2MzQxZDk5YjEzMDA1MTk0NTQ5NDg5LmJpbmRQb3B1cChwb3B1cF8zNGI3ZDhjODcxMDg0ZDRlYTdlZDNiYzk3YTk1NTI5OSk7CgogICAgICAgICAgICAKICAgICAgICAKICAgIAoKICAgICAgICAgICAgdmFyIG1hcmtlcl83NGQ3M2FkOTU2NzM0NTU4YmE1NTcyOGM3YjFlMmE0YyA9IEwubWFya2VyKAogICAgICAgICAgICAgICAgWzQxLjkxNTMzNjgsLTg3LjYzNDYxNjFdLAogICAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgICAgIGljb246IG5ldyBMLkljb24uRGVmYXVsdCgpCiAgICAgICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgKQogICAgICAgICAgICAgICAgLmFkZFRvKG1hcF8wMDUzOGFlMTc3YWQ0MmI2YTIxZGNkNTdkZDJkNjk5YSk7CiAgICAgICAgICAgIAogICAgCiAgICAgICAgICAgIHZhciBwb3B1cF9hMmIyZjdlNmRkZmQ0MDcyYTk0OTkzNWYyZGRiOTZkMyA9IEwucG9wdXAoe21heFdpZHRoOiAnMzAwJ30pOwoKICAgICAgICAgICAgCiAgICAgICAgICAgICAgICB2YXIgaHRtbF9iYWQyYzkyNTZhYmE0N2U1YmYyNTJhNDQ2OTcyODAyYyA9ICQoJzxkaXYgaWQ9Imh0bWxfYmFkMmM5MjU2YWJhNDdlNWJmMjUyYTQ0Njk3MjgwMmMiIHN0eWxlPSJ3aWR0aDogMTAwLjAlOyBoZWlnaHQ6IDEwMC4wJTsiPkVsYWluZeKAmXMgQ29mZmVlIENhbGw8L2Rpdj4nKVswXTsKICAgICAgICAgICAgICAgIHBvcHVwX2EyYjJmN2U2ZGRmZDQwNzJhOTQ5OTM1ZjJkZGI5NmQzLnNldENvbnRlbnQoaHRtbF9iYWQyYzkyNTZhYmE0N2U1YmYyNTJhNDQ2OTcyODAyYyk7CiAgICAgICAgICAgIAoKICAgICAgICAgICAgbWFya2VyXzc0ZDczYWQ5NTY3MzQ1NThiYTU1NzI4YzdiMWUyYTRjLmJpbmRQb3B1cChwb3B1cF9hMmIyZjdlNmRkZmQ0MDcyYTk0OTkzNWYyZGRiOTZkMyk7CgogICAgICAgICAgICAKICAgICAgICAKICAgIAoKICAgICAgICAgICAgdmFyIG1hcmtlcl81YjgzNDJjYTJlMDM0OWQ3YWRiZTg0YzE3YmJlOTAwZCA9IEwubWFya2VyKAogICAgICAgICAgICAgICAgWzQxLjg4NjM2MTY5OTk5OTk5LC04Ny44MDIyNjddLAogICAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgICAgIGljb246IG5ldyBMLkljb24uRGVmYXVsdCgpCiAgICAgICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgKQogICAgICAgICAgICAgICAgLmFkZFRvKG1hcF8wMDUzOGFlMTc3YWQ0MmI2YTIxZGNkNTdkZDJkNjk5YSk7CiAgICAgICAgICAgIAogICAgCiAgICAgICAgICAgIHZhciBwb3B1cF9jY2YyZmM1NjIzYjQ0YjNiYjM2MWQ3YTg2MTAwOWQ3NiA9IEwucG9wdXAoe21heFdpZHRoOiAnMzAwJ30pOwoKICAgICAgICAgICAgCiAgICAgICAgICAgICAgICB2YXIgaHRtbF9lMjEwMWU1NDRkNjM0NTYwYjAyMDlhYTI4MmEzODM5ZSA9ICQoJzxkaXYgaWQ9Imh0bWxfZTIxMDFlNTQ0ZDYzNDU2MGIwMjA5YWEyODJhMzgzOWUiIHN0eWxlPSJ3aWR0aDogMTAwLjAlOyBoZWlnaHQ6IDEwMC4wJTsiPk1hcmlvbiBTdHJlZXQgQ2hlZXNlIE1hcmtldDwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfY2NmMmZjNTYyM2I0NGIzYmIzNjFkN2E4NjEwMDlkNzYuc2V0Q29udGVudChodG1sX2UyMTAxZTU0NGQ2MzQ1NjBiMDIwOWFhMjgyYTM4MzllKTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfNWI4MzQyY2EyZTAzNDlkN2FkYmU4NGMxN2JiZTkwMGQuYmluZFBvcHVwKHBvcHVwX2NjZjJmYzU2MjNiNDRiM2JiMzYxZDdhODYxMDA5ZDc2KTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyXzJiMDMxZGZlYWZkZjRiZjg4ZjgzNGEyYTFjYzAzNjc3ID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDEuODc1ODAzNywtODcuNjI2MzY1OTk5OTk5OTldLAogICAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgICAgIGljb246IG5ldyBMLkljb24uRGVmYXVsdCgpCiAgICAgICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgKQogICAgICAgICAgICAgICAgLmFkZFRvKG1hcF8wMDUzOGFlMTc3YWQ0MmI2YTIxZGNkNTdkZDJkNjk5YSk7CiAgICAgICAgICAgIAogICAgCiAgICAgICAgICAgIHZhciBwb3B1cF8yZjVmODg0ZmEyYmQ0N2FhOGU5YmUwMWUwZWYyZDVlNCA9IEwucG9wdXAoe21heFdpZHRoOiAnMzAwJ30pOwoKICAgICAgICAgICAgCiAgICAgICAgICAgICAgICB2YXIgaHRtbF84MDE0YjZlMDdhYjc0MDViOGVhZDllODMwMTU5MTNkNyA9ICQoJzxkaXYgaWQ9Imh0bWxfODAxNGI2ZTA3YWI3NDA1YjhlYWQ5ZTgzMDE1OTEzZDciIHN0eWxlPSJ3aWR0aDogMTAwLjAlOyBoZWlnaHQ6IDEwMC4wJTsiPkNhZmVjaXRvPC9kaXY+JylbMF07CiAgICAgICAgICAgICAgICBwb3B1cF8yZjVmODg0ZmEyYmQ0N2FhOGU5YmUwMWUwZWYyZDVlNC5zZXRDb250ZW50KGh0bWxfODAxNGI2ZTA3YWI3NDA1YjhlYWQ5ZTgzMDE1OTEzZDcpOwogICAgICAgICAgICAKCiAgICAgICAgICAgIG1hcmtlcl8yYjAzMWRmZWFmZGY0YmY4OGY4MzRhMmExY2MwMzY3Ny5iaW5kUG9wdXAocG9wdXBfMmY1Zjg4NGZhMmJkNDdhYThlOWJlMDFlMGVmMmQ1ZTQpOwoKICAgICAgICAgICAgCiAgICAgICAgCiAgICAKCiAgICAgICAgICAgIHZhciBtYXJrZXJfYWUwMWFiMTdhZDk4NGU2ZDg4MWE4M2FiN2U3YmNlOWIgPSBMLm1hcmtlcigKICAgICAgICAgICAgICAgIFs0MS44OTYwNzM4LC04Ny42Nzc4MTg1XSwKICAgICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgICAgICBpY29uOiBuZXcgTC5JY29uLkRlZmF1bHQoKQogICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgIC5hZGRUbyhtYXBfMDA1MzhhZTE3N2FkNDJiNmEyMWRjZDU3ZGQyZDY5OWEpOwogICAgICAgICAgICAKICAgIAogICAgICAgICAgICB2YXIgcG9wdXBfYmU0NjBmN2MzMDljNGU1NWIzYjcxMmU1MzBlNDMxYjQgPSBMLnBvcHVwKHttYXhXaWR0aDogJzMwMCd9KTsKCiAgICAgICAgICAgIAogICAgICAgICAgICAgICAgdmFyIGh0bWxfNGYwYjgyNGIxZGFhNGRmNWI3ZTFjNzEwNWUzMGQxY2MgPSAkKCc8ZGl2IGlkPSJodG1sXzRmMGI4MjRiMWRhYTRkZjViN2UxYzcxMDVlMzBkMWNjIiBzdHlsZT0id2lkdGg6IDEwMC4wJTsgaGVpZ2h0OiAxMDAuMCU7Ij5DaGlja3BlYTwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfYmU0NjBmN2MzMDljNGU1NWIzYjcxMmU1MzBlNDMxYjQuc2V0Q29udGVudChodG1sXzRmMGI4MjRiMWRhYTRkZjViN2UxYzcxMDVlMzBkMWNjKTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfYWUwMWFiMTdhZDk4NGU2ZDg4MWE4M2FiN2U3YmNlOWIuYmluZFBvcHVwKHBvcHVwX2JlNDYwZjdjMzA5YzRlNTViM2I3MTJlNTMwZTQzMWI0KTsKCiAgICAgICAgICAgIAogICAgICAgIAogICAgCgogICAgICAgICAgICB2YXIgbWFya2VyX2E4MWIwYjU4NTM4ODRkYzliODdiY2M1N2MyNDg5NGY0ID0gTC5tYXJrZXIoCiAgICAgICAgICAgICAgICBbNDEuODk4OTgwMSwtODcuNjI3MzkxNjk5OTk5OTldLAogICAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgICAgIGljb246IG5ldyBMLkljb24uRGVmYXVsdCgpCiAgICAgICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgKQogICAgICAgICAgICAgICAgLmFkZFRvKG1hcF8wMDUzOGFlMTc3YWQ0MmI2YTIxZGNkNTdkZDJkNjk5YSk7CiAgICAgICAgICAgIAogICAgCiAgICAgICAgICAgIHZhciBwb3B1cF8xZTQ4Y2Q5NzI3MjM0NjMzODQ0ODFkYWZhMzQxMTc2NiA9IEwucG9wdXAoe21heFdpZHRoOiAnMzAwJ30pOwoKICAgICAgICAgICAgCiAgICAgICAgICAgICAgICB2YXIgaHRtbF80NmNhMmJmYzAwMWQ0ZWRhYWYxNTI0MTczNDQ5YTA0ZSA9ICQoJzxkaXYgaWQ9Imh0bWxfNDZjYTJiZmMwMDFkNGVkYWFmMTUyNDE3MzQ0OWEwNGUiIHN0eWxlPSJ3aWR0aDogMTAwLjAlOyBoZWlnaHQ6IDEwMC4wJTsiPlRoZSBHb2RkZXNzIGFuZCBHcm9jZXI8L2Rpdj4nKVswXTsKICAgICAgICAgICAgICAgIHBvcHVwXzFlNDhjZDk3MjcyMzQ2MzM4NDQ4MWRhZmEzNDExNzY2LnNldENvbnRlbnQoaHRtbF80NmNhMmJmYzAwMWQ0ZWRhYWYxNTI0MTczNDQ5YTA0ZSk7CiAgICAgICAgICAgIAoKICAgICAgICAgICAgbWFya2VyX2E4MWIwYjU4NTM4ODRkYzliODdiY2M1N2MyNDg5NGY0LmJpbmRQb3B1cChwb3B1cF8xZTQ4Y2Q5NzI3MjM0NjMzODQ0ODFkYWZhMzQxMTc2Nik7CgogICAgICAgICAgICAKICAgICAgICAKICAgIAoKICAgICAgICAgICAgdmFyIG1hcmtlcl85ZDEzYmMwOTZkZDQ0ZTQzYjBmMThlYTUwODNmMjEzNiA9IEwubWFya2VyKAogICAgICAgICAgICAgICAgWzQxLjkxMDYwMDIsLTg3Ljk0MDQ2MzI5OTk5OTk5XSwKICAgICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgICAgICBpY29uOiBuZXcgTC5JY29uLkRlZmF1bHQoKQogICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgIC5hZGRUbyhtYXBfMDA1MzhhZTE3N2FkNDJiNmEyMWRjZDU3ZGQyZDY5OWEpOwogICAgICAgICAgICAKICAgIAogICAgICAgICAgICB2YXIgcG9wdXBfNjBkY2VkMDc2ODQzNGUyNTg2ODNiY2Y4M2VhOGYwNzEgPSBMLnBvcHVwKHttYXhXaWR0aDogJzMwMCd9KTsKCiAgICAgICAgICAgIAogICAgICAgICAgICAgICAgdmFyIGh0bWxfY2EwM2IzMzI5ZTYwNDRkOGE0NTg3NWY0NmMzYmEwNjcgPSAkKCc8ZGl2IGlkPSJodG1sX2NhMDNiMzMyOWU2MDQ0ZDhhNDU4NzVmNDZjM2JhMDY3IiBzdHlsZT0id2lkdGg6IDEwMC4wJTsgaGVpZ2h0OiAxMDAuMCU7Ij5aZW53aWNoPC9kaXY+JylbMF07CiAgICAgICAgICAgICAgICBwb3B1cF82MGRjZWQwNzY4NDM0ZTI1ODY4M2JjZjgzZWE4ZjA3MS5zZXRDb250ZW50KGh0bWxfY2EwM2IzMzI5ZTYwNDRkOGE0NTg3NWY0NmMzYmEwNjcpOwogICAgICAgICAgICAKCiAgICAgICAgICAgIG1hcmtlcl85ZDEzYmMwOTZkZDQ0ZTQzYjBmMThlYTUwODNmMjEzNi5iaW5kUG9wdXAocG9wdXBfNjBkY2VkMDc2ODQzNGUyNTg2ODNiY2Y4M2VhOGYwNzEpOwoKICAgICAgICAgICAgCiAgICAgICAgCiAgICAKCiAgICAgICAgICAgIHZhciBtYXJrZXJfMmE2MGIzOTEyYzAyNGRjNWFkY2RmMGYxOTdiN2Q4MTEgPSBMLm1hcmtlcigKICAgICAgICAgICAgICAgIFs0MS44ODMxMDYxLC04Ny42MjU0MzgxXSwKICAgICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgICAgICBpY29uOiBuZXcgTC5JY29uLkRlZmF1bHQoKQogICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgIC5hZGRUbyhtYXBfMDA1MzhhZTE3N2FkNDJiNmEyMWRjZDU3ZGQyZDY5OWEpOwogICAgICAgICAgICAKICAgIAogICAgICAgICAgICB2YXIgcG9wdXBfODc5ZDdjMGYzNTUyNDZiOThlMmVmZTdjMzIwNDVkOWMgPSBMLnBvcHVwKHttYXhXaWR0aDogJzMwMCd9KTsKCiAgICAgICAgICAgIAogICAgICAgICAgICAgICAgdmFyIGh0bWxfN2NhNzQwMDRiZjIxNGFlOWJkZjMyYTgwYmU0M2I5YzUgPSAkKCc8ZGl2IGlkPSJodG1sXzdjYTc0MDA0YmYyMTRhZTliZGYzMmE4MGJlNDNiOWM1IiBzdHlsZT0id2lkdGg6IDEwMC4wJTsgaGVpZ2h0OiAxMDAuMCU7Ij5Ub25pIFBhdGlzc2VyaWU8L2Rpdj4nKVswXTsKICAgICAgICAgICAgICAgIHBvcHVwXzg3OWQ3YzBmMzU1MjQ2Yjk4ZTJlZmU3YzMyMDQ1ZDljLnNldENvbnRlbnQoaHRtbF83Y2E3NDAwNGJmMjE0YWU5YmRmMzJhODBiZTQzYjljNSk7CiAgICAgICAgICAgIAoKICAgICAgICAgICAgbWFya2VyXzJhNjBiMzkxMmMwMjRkYzVhZGNkZjBmMTk3YjdkODExLmJpbmRQb3B1cChwb3B1cF84NzlkN2MwZjM1NTI0NmI5OGUyZWZlN2MzMjA0NWQ5Yyk7CgogICAgICAgICAgICAKICAgICAgICAKICAgIAoKICAgICAgICAgICAgdmFyIG1hcmtlcl82OGZmYWY0ZmQ4NmU0MmZhOGI0ZjMyNWNiMTBiZDlkYiA9IEwubWFya2VyKAogICAgICAgICAgICAgICAgWzQxLjk0MzE4NzMsLTg3LjY0NDUxNjkwMDAwMDAxXSwKICAgICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgICAgICBpY29uOiBuZXcgTC5JY29uLkRlZmF1bHQoKQogICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgIC5hZGRUbyhtYXBfMDA1MzhhZTE3N2FkNDJiNmEyMWRjZDU3ZGQyZDY5OWEpOwogICAgICAgICAgICAKICAgIAogICAgICAgICAgICB2YXIgcG9wdXBfNzA4NTY1MGI3ZTUyNDZkNWExMTRiZjFjNTdhNjFmODUgPSBMLnBvcHVwKHttYXhXaWR0aDogJzMwMCd9KTsKCiAgICAgICAgICAgIAogICAgICAgICAgICAgICAgdmFyIGh0bWxfNmRjY2E3YTFlNjAwNDFiODk2NWZmN2NlM2E2MGY2NTkgPSAkKCc8ZGl2IGlkPSJodG1sXzZkY2NhN2ExZTYwMDQxYjg5NjVmZjdjZTNhNjBmNjU5IiBzdHlsZT0id2lkdGg6IDEwMC4wJTsgaGVpZ2h0OiAxMDAuMCU7Ij5QaG9lYmXigJlzIEJha2VyeTwvZGl2PicpWzBdOwogICAgICAgICAgICAgICAgcG9wdXBfNzA4NTY1MGI3ZTUyNDZkNWExMTRiZjFjNTdhNjFmODUuc2V0Q29udGVudChodG1sXzZkY2NhN2ExZTYwMDQxYjg5NjVmZjdjZTNhNjBmNjU5KTsKICAgICAgICAgICAgCgogICAgICAgICAgICBtYXJrZXJfNjhmZmFmNGZkODZlNDJmYThiNGYzMjVjYjEwYmQ5ZGIuYmluZFBvcHVwKHBvcHVwXzcwODU2NTBiN2U1MjQ2ZDVhMTE0YmYxYzU3YTYxZjg1KTsKCiAgICAgICAgICAgIAogICAgICAgIAo8L3NjcmlwdD4=\" style=\"position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;\" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe></div></div>"
      ],
      "text/plain": [
       "<folium.folium.Map at 0x10cee6198>"
      ]
     },
     "execution_count": 78,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "mapping = folium.Map(location=[df['lat'].mean(), df['lng'].mean()], \n",
    "                     zoom_start=11)\n",
    "\n",
    "for n in df.index:\n",
    "    if df['Address'][n] != 'Multiple':\n",
    "        folium.Marker([df['lat'][n], df['lng'][n]], \n",
    "                                      popup=df['Cafe'][n]).add_to(mapping)\n",
    "\n",
    "mapping"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "anaconda-cloud": {},
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.6.4"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 1
}