ohgyun · September 28, 2018 16:13
diff --git a/notebook.tpl b/notebook.tpl
 {%- extends 'basic.tpl' -%}

 {%- block header -%}
 <!DOCTYPE html>
 <html>
 <head>
 {%- block html_head -%}
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,target-densitydpi=medium-dpi,viewport-fit=cover">
 <meta name="format-detection" content="telephone=no,address=no,email=no"/>
 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 {% set nb_title = nb.metadata.get('title', '') or resources['metadata']['name'] %}
 <title>{{nb_title}}</title>

 {% for css in resources.inlining.css -%}
    <style type="text/css">
    {{ css }}
    </style>
 {% endfor %}

 <style type="text/css">
 /* Overrides of notebook CSS for static HTML export */
 body {
  overflow: visible;
  padding: 8px;
 }
 div#notebook {
  overflow: visible;
  border-top: none;
 }
 @media print {
  div.cell {
    display: block;
    page-break-inside: avoid;
  }
  div.output_wrapper {
    display: block;
    page-break-inside: avoid;
  }
  div.output {
    display: block;
    page-break-inside: avoid;
  }
 }
 </style>

 <style type="text/css">
 /* reset */
 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
  margin: 0;
  padding: 0;
  font-family: Apple SD Gothic Neo,'Apple SD 산돌고딕 Neo',NanumGothic,'나눔고딕',ng,sans-serif;;
  -webkit-font-smoothing: antialiased;

  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: unset;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;

  text-rendering: auto;
  text-rendering: optimizeSpeed;
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  text-rendering: inherit;
 }

 fieldset, img {
  border: 0 none
 }

 dl, ul, ol, menu, li {
  list-style: none
 }

 blockquote, q {
  quotes: none
 }

 blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
 }

 input, select, textarea, button {
  vertical-align: middle
 }

 input::-ms-clear {
  display: none
 }

 button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  border-radius: 0px;
 }

 body {
  background: #fff;
  color: #333;
 }

 body,th,td,input,select,textarea,button {
  font-size:14px;
  line-height:1.5;
 }

 /* color값은 디자인가이드에 맞게사용 */
 a {
  color: #333;
  text-decoration: none
 }

 a:active, a:hover {
  text-decoration: none
 }

 a:active {
  background-color: transparent
 }

 address, caption, cite, code, dfn, em, var {
  font-style: normal;
  font-weight: normal
 }

 /*
    Name:       Github Flavored
    Author:     aahoo

    Based on previous works of:
    CodeMirror template adapted for IPython Notebook by Nikhil Sonnad (https://github.com/nsonnad/base16-ipython-notebook)
    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-chrome-devtools)
    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
 */


 /* UNCOMMENT THIS TO HIDE THE HEADER */

 div#header-container {
  display: none !important;
 }

 /* UNCOMMENT THIS TO HIDE THE TOOLBAR
 div#maintoolbar {
  display: none !important;
 }
 */


 /* GLOBALS */

 * {
  line-height: 1.5;
  color: #333;
 }
 a {
  color: #4078c0;
 }
 .rendered_html a:link,
 a:link {
  text-decoration: none;
 }
 body,
 .CodeMirror {
  font-family: Roboto, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 }
 body.notebook_app {
  background-color: white;
 }
 .container {
  max-width: 1000px;
 }
 div.code_cell .CodeMirror,
 .cm-s-default .cm-comment,
 .prompt,
 code,
 kbd,
 pre,
 samp {
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
 }

 /* INTRO PAGE */

 div.list_container {
  border-radius: 0;
 }
 div.list_container > div {
  border-bottom: none;
 }

 /* NOTEBOOK */

 div.navbar-default {
  border: none;
  background-color: transparent;
 }
 body > #header {
  background-color: #f7f7f7;
 }
 body > #header .header-bar {
  display: none;
 }
 div#notebook {
  border-top: none;
  padding: 20px 0 60px 0;
 }
 #menubar {
  margin-top: 0;
 }
 div#notebook-container {
  padding: 0;
  box-shadow: none;
 }
 .notebook_app > #header {
  box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.5);
 }

 /* input cell */

 div.input {
  flex-direction: column;
 }
 div.input_prompt {
  color: #a71d5d;
  border: none;
 }
 div.input_area {
  border-radius: 0;
  border: none;
  background-color: #f7f7f7;
  box-shadow: 0 0, inset 0 0 0 1px #eee;
 }

 /* output cell */

 div.output_area {
  flex-direction: column;
  padding: 10px;
  border-bottom: 1px dashed #ddd;
 }
 div.output_subarea {
  padding: 5px;
  padding-left: 10px;
 }
 div.output_prompt {
  color: #666;
 }
 div.output_text {
  line-height: inherit;
 }
 div.output_stderr {
  background-color: transparent;
 }
 div.output_scroll {
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.8);
 }
 div.output_collapsed {
  margin-top: 5px;
  padding: 10px;
  background: center url('data:image/svg+xml;utf8,<svg fill="#bbb" height="48" viewBox="0 0 24 24" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') no-repeat;
  text-indent: -9999px;
  border-radius: 0;
  border: none;
 }
 div.output_collapsed:hover,
 div.output_collapsed:active {
  background: center url('data:image/svg+xml;utf8,<svg fill="#999" height="48" viewBox="0 0 24 24" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') no-repeat;
  background-color: rgba(0, 0, 0, .1);
  box-shadow: inset 0 0 0 1px #ccc;
 }
 div.out_prompt_overlay {
  height: auto;
  width: 18px;
  left: -10px;
  top: 5px;
  bottom: 5px;
  padding: 0!important;
  box-shadow: none !important;
 }
 div.out_prompt_overlay:hover {
  background-color: rgba(0, 0, 0, .1);
  box-shadow: inset 0 0 0 1px #ccc!important;
 }
 div.out_prompt_overlay:active {
  background-color: rgba(0, 0, 0, .2);
 }

 /* rendered html cell (mostly) */

 .rendered_html h1,
 .rendered_html h2,
 .rendered_html h3,
 .rendered_html h4,
 .rendered_html h5,
 .rendered_html h6,
 .cm-header-1,
 .cm-header-2,
 .cm-header-3,
 .cm-header-4,
 .cm-header-5,
 .cm-header-6 {
  font-family: inherit;
  line-height: inherit;
  font-weight: 300;
 }
 .rendered_html h1:first-child,
 .rendered_html h1,
 .rendered_html h2,
 .rendered_html h3,
 .rendered_html h4,
 .rendered_html h5,
 .rendered_html h6 {
  margin-top: .5em;
 }
 .rendered_html h1,
 .cm-header-1 {
  font-size: 300%;
 }
 .rendered_html h2,
 .cm-header-2 {
  font-size: 200%;
 }
 .rendered_html h3,
 .cm-header-3 {
  font-size: 150%;
 }
 .rendered_html h4,
 .cm-header-4 {
  font-size: 125%;
 }
 .rendered_html h5,
 .cm-header-5 {
  font-size: 110%;
 }
 .rendered_html h6,
 .cm-header-6 {
  font-size: 100%;
 }
 .rendered_html table,
 .rendered_html th,
 .rendered_html tr,
 .rendered_html td {
  border: 1px #333 solid;
 }
 table.dataframe tr {
  border: 1px #ddd;
 }

 /* mixed cells */

 div.cell {
  width: auto;
  /*margin-bottom: 5px;*/
 }
 div.cell.text_cell + div.cell.text_cell {
  /* to reduce the margin between two text cells */
  margin-top: -10px;
 }
 div.cell,
 .edit_mode div.cell,
 div.cell.selected,
 .edit_mode div.cell.selected,
 div.cell.jupyter-soft-selected,
 div.cell.selected.jupyter-soft-selected {
  border: none;
  border-radius: 0;
  background: none;
  overflow-x: auto;
 }
 div.cell.selected,
 div.cell.jupyter-soft-selected,
 div.cell.selected.jupyter-soft-selected {
  box-shadow: 0 0 5px #333;
  background: #fff;
 }
 .edit_mode div.cell.selected {
  box-shadow: 0 0 5px #a71d5d;
 }
 div.rendered_html,
 div.CodeMirror-lines {
  padding: 3px;
 }
 .edit_mode div.cell.selected .input_area {
  background: none;
 }
 div.code_cell .CodeMirror {
  font-size: 14px;
 }
 div.code_cell,
 div.output_text {
  font-size: 14px;
  padding: 0;
 }
 div.output_area pre {
  color: #333;
 }
 div.prompt {
  min-width: auto;
  padding: 5px 5px 5px 0;
  line-height: inherit;
  text-align: left;
  border-radius: 0;
 }
 div.text_cell > div.prompt {
  display: none;
 }
 div.timing_area {
  border-top: dashed 1px #e8e8e8;
  text-align: right;
 }

 /* cell toolbar */

 .celltoolbar {
  border: none;
  background: transparent;
 }
 .ctb_global_show .ctb_show ~ div.text_cell_render {
  border: none;
 }

 /* style python code syntax */

 div.CodeMirror span.CodeMirror-matchingbracket {
  color: #333 !important;
  box-shadow: inset 0px 0px 1px #ed6a43;
  border-radius: 2px;
 }
 .cm-s-ipython .CodeMirror-gutters {
  background-color: transparent;
  border-right: solid 1px #ddd;
  color: rgba(0, 0, 0, 0.3);
 }
 .cm-s-ipython .CodeMirror-linenumber {
  color: rgba(0, 0, 0, 0.3);
 }
 .cm-s-ipython span.cm-number {
  color: #0086b3;
 }
 .cm-s-ipython span.cm-property,
 .cm-s-ipython span.cm-attribute {
  color: #689c00;
 }
 .cm-s-ipython span.cm-keyword {
  color: #a71d5d;
 }
 .cm-s-ipython span.cm-string {
  color: #183691;
 }
 .cm-s-ipython span.cm-operator {
  color: #a71d5d;
 }
 .cm-s-ipython span.cm-builtin {
  color: #0086b3;
 }
 .cm-s-ipython span.cm-variable {
  color: #333;
 }
 .cm-s-ipython span.cm-variable-2 {
  color: #ed6a43;
 }
 .cm-s-ipython span.cm-def {
  color: #795da3;
 }
 .cm-s-ipython span.cm-error {
  background: #e00;
  color: #fff!important;
 }
 .cm-s-ipython span.cm-bracket {
  color: #49483e;
 }
 .cm-s-ipython span.cm-comment {
  color: #999;
 }
 .cm-s-ipython span.cm-tag {
  color: #183691;
 }
 .cm-s-ipython span.cm-atom {
  color: #183691;
 }

 /* markdown style */

 .cm-s-default .cm-tag {
  color: #183691;
 }
 .cm-s-default .cm-comment {
  color: #0086b3;
 }
 .cm-s-default .cm-string {
  color: #4078c0;
 }
 .cm-s-default .cm-link {
  color: #183691;
 }
 .cm-s-default .cm-header {
  color: #1d3e81;
 }
 .cm-s-default .cm-quote {
  color: #183691;
 }

 /* error in output */

 span.ansiblack {
  color: #333;
 }
 span.ansiblue {
  color: #183691;
 }
 span.ansigray {
  color: #807d7c;
 }
 span.ansigreen {
  color: #3f8600;
 }
 span.ansipurple {
  color: #a71d5d;
 }
 span.ansired {
  color: #ed6a43;
 }
 span.ansiyellow {
  color: #e0b700;
 }
 span.ansicyan {
  color: #0086b3;
 }
 </style>

 {%- endblock html_head -%}
 </head>
 {%- endblock header -%}

 {% block body %}
 <body>
  <div tabindex="-1" id="notebook" class="border-box-sizing">
    <div class="container" id="notebook-container">
 {{ super() }}
    </div>
  </div>
 </body>
 {%- endblock body %}

 {# 코드 아웃풋의 공백 제거 #}
 {% block codecell -%}
  {{ super() }}
 {%- endblock codecell %}

 {% block footer %}
 {{ super() }}
 </html>
 {% endblock footer %}
	{%- extends 'basic.tpl' -%}

	{%- block header -%}
	<!DOCTYPE html>
	<html>
	<head>
	{%- block html_head -%}
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,target-densitydpi=medium-dpi,viewport-fit=cover">
	<meta name="format-detection" content="telephone=no,address=no,email=no"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	{% set nb_title = nb.metadata.get('title', '') or resources['metadata']['name'] %}
	<title>{{nb_title}}</title>

	{% for css in resources.inlining.css -%}
	<style type="text/css">
	{{ css }}
	</style>
	{% endfor %}

	<style type="text/css">
	/* Overrides of notebook CSS for static HTML export */
	body {
	overflow: visible;
	padding: 8px;
	}
	div#notebook {
	overflow: visible;
	border-top: none;
	}
	@media print {
	div.cell {
	display: block;
	page-break-inside: avoid;
	}
	div.output_wrapper {
	display: block;
	page-break-inside: avoid;
	}
	div.output {
	display: block;
	page-break-inside: avoid;
	}
	}
	</style>

	<style type="text/css">
	/* reset */
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
	margin: 0;
	padding: 0;
	font-family: Apple SD Gothic Neo,'Apple SD 산돌고딕 Neo',NanumGothic,'나눔고딕',ng,sans-serif;;
	-webkit-font-smoothing: antialiased;

	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: unset;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;

	text-rendering: auto;
	text-rendering: optimizeSpeed;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	text-rendering: inherit;
	}

	fieldset, img {
	border: 0 none
	}

	dl, ul, ol, menu, li {
	list-style: none
	}

	blockquote, q {
	quotes: none
	}

	blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
	}

	input, select, textarea, button {
	vertical-align: middle
	}

	input::-ms-clear {
	display: none
	}

	button {
	border: 0 none;
	background-color: transparent;
	cursor: pointer;
	outline: none;
	border-radius: 0px;
	}

	body {
	background: #fff;
	color: #333;
	}

	body,th,td,input,select,textarea,button {
	font-size:14px;
	line-height:1.5;
	}

	/* color값은 디자인가이드에 맞게사용 */
	a {
	color: #333;
	text-decoration: none
	}

	a:active, a:hover {
	text-decoration: none
	}

	a:active {
	background-color: transparent
	}

	address, caption, cite, code, dfn, em, var {
	font-style: normal;
	font-weight: normal
	}

	/*
	Name: Github Flavored
	Author: aahoo

	Based on previous works of:
	CodeMirror template adapted for IPython Notebook by Nikhil Sonnad (https://github.com/nsonnad/base16-ipython-notebook)
	CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-chrome-devtools)
	Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
	*/


	/* UNCOMMENT THIS TO HIDE THE HEADER */

	div#header-container {
	display: none !important;
	}

	/* UNCOMMENT THIS TO HIDE THE TOOLBAR
	div#maintoolbar {
	display: none !important;
	}
	*/


	/* GLOBALS */

	* {
	line-height: 1.5;
	color: #333;
	}
	a {
	color: #4078c0;
	}
	.rendered_html a:link,
	a:link {
	text-decoration: none;
	}
	body,
	.CodeMirror {
	font-family: Roboto, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	}
	body.notebook_app {
	background-color: white;
	}
	.container {
	max-width: 1000px;
	}
	div.code_cell .CodeMirror,
	.cm-s-default .cm-comment,
	.prompt,
	code,
	kbd,
	pre,
	samp {
	font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
	}

	/* INTRO PAGE */

	div.list_container {
	border-radius: 0;
	}
	div.list_container > div {
	border-bottom: none;
	}

	/* NOTEBOOK */

	div.navbar-default {
	border: none;
	background-color: transparent;
	}
	body > #header {
	background-color: #f7f7f7;
	}
	body > #header .header-bar {
	display: none;
	}
	div#notebook {
	border-top: none;
	padding: 20px 0 60px 0;
	}
	#menubar {
	margin-top: 0;
	}
	div#notebook-container {
	padding: 0;
	box-shadow: none;
	}
	.notebook_app > #header {
	box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.5);
	}

	/* input cell */

	div.input {
	flex-direction: column;
	}
	div.input_prompt {
	color: #a71d5d;
	border: none;
	}
	div.input_area {
	border-radius: 0;
	border: none;
	background-color: #f7f7f7;
	box-shadow: 0 0, inset 0 0 0 1px #eee;
	}

	/* output cell */

	div.output_area {
	flex-direction: column;
	padding: 10px;
	border-bottom: 1px dashed #ddd;
	}
	div.output_subarea {
	padding: 5px;
	padding-left: 10px;
	}
	div.output_prompt {
	color: #666;
	}
	div.output_text {
	line-height: inherit;
	}
	div.output_stderr {
	background-color: transparent;
	}
	div.output_scroll {
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.8);
	}
	div.output_collapsed {
	margin-top: 5px;
	padding: 10px;
	background: center url('data:image/svg+xml;utf8,<svg fill="#bbb" height="48" viewBox="0 0 24 24" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') no-repeat;
	text-indent: -9999px;
	border-radius: 0;
	border: none;
	}
	div.output_collapsed:hover,
	div.output_collapsed:active {
	background: center url('data:image/svg+xml;utf8,<svg fill="#999" height="48" viewBox="0 0 24 24" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') no-repeat;
	background-color: rgba(0, 0, 0, .1);
	box-shadow: inset 0 0 0 1px #ccc;
	}
	div.out_prompt_overlay {
	height: auto;
	width: 18px;
	left: -10px;
	top: 5px;
	bottom: 5px;
	padding: 0!important;
	box-shadow: none !important;
	}
	div.out_prompt_overlay:hover {
	background-color: rgba(0, 0, 0, .1);
	box-shadow: inset 0 0 0 1px #ccc!important;
	}
	div.out_prompt_overlay:active {
	background-color: rgba(0, 0, 0, .2);
	}

	/* rendered html cell (mostly) */

	.rendered_html h1,
	.rendered_html h2,
	.rendered_html h3,
	.rendered_html h4,
	.rendered_html h5,
	.rendered_html h6,
	.cm-header-1,
	.cm-header-2,
	.cm-header-3,
	.cm-header-4,
	.cm-header-5,
	.cm-header-6 {
	font-family: inherit;
	line-height: inherit;
	font-weight: 300;
	}
	.rendered_html h1:first-child,
	.rendered_html h1,
	.rendered_html h2,
	.rendered_html h3,
	.rendered_html h4,
	.rendered_html h5,
	.rendered_html h6 {
	margin-top: .5em;
	}
	.rendered_html h1,
	.cm-header-1 {
	font-size: 300%;
	}
	.rendered_html h2,
	.cm-header-2 {
	font-size: 200%;
	}
	.rendered_html h3,
	.cm-header-3 {
	font-size: 150%;
	}
	.rendered_html h4,
	.cm-header-4 {
	font-size: 125%;
	}
	.rendered_html h5,
	.cm-header-5 {
	font-size: 110%;
	}
	.rendered_html h6,
	.cm-header-6 {
	font-size: 100%;
	}
	.rendered_html table,
	.rendered_html th,
	.rendered_html tr,
	.rendered_html td {
	border: 1px #333 solid;
	}
	table.dataframe tr {
	border: 1px #ddd;
	}

	/* mixed cells */

	div.cell {
	width: auto;
	/margin-bottom: 5px;/
	}
	div.cell.text_cell + div.cell.text_cell {
	/* to reduce the margin between two text cells */
	margin-top: -10px;
	}
	div.cell,
	.edit_mode div.cell,
	div.cell.selected,
	.edit_mode div.cell.selected,
	div.cell.jupyter-soft-selected,
	div.cell.selected.jupyter-soft-selected {
	border: none;
	border-radius: 0;
	background: none;
	overflow-x: auto;
	}
	div.cell.selected,
	div.cell.jupyter-soft-selected,
	div.cell.selected.jupyter-soft-selected {
	box-shadow: 0 0 5px #333;
	background: #fff;
	}
	.edit_mode div.cell.selected {
	box-shadow: 0 0 5px #a71d5d;
	}
	div.rendered_html,
	div.CodeMirror-lines {
	padding: 3px;
	}
	.edit_mode div.cell.selected .input_area {
	background: none;
	}
	div.code_cell .CodeMirror {
	font-size: 14px;
	}
	div.code_cell,
	div.output_text {
	font-size: 14px;
	padding: 0;
	}
	div.output_area pre {
	color: #333;
	}
	div.prompt {
	min-width: auto;
	padding: 5px 5px 5px 0;
	line-height: inherit;
	text-align: left;
	border-radius: 0;
	}
	div.text_cell > div.prompt {
	display: none;
	}
	div.timing_area {
	border-top: dashed 1px #e8e8e8;
	text-align: right;
	}

	/* cell toolbar */

	.celltoolbar {
	border: none;
	background: transparent;
	}
	.ctb_global_show .ctb_show ~ div.text_cell_render {
	border: none;
	}

	/* style python code syntax */

	div.CodeMirror span.CodeMirror-matchingbracket {
	color: #333 !important;
	box-shadow: inset 0px 0px 1px #ed6a43;
	border-radius: 2px;
	}
	.cm-s-ipython .CodeMirror-gutters {
	background-color: transparent;
	border-right: solid 1px #ddd;
	color: rgba(0, 0, 0, 0.3);
	}
	.cm-s-ipython .CodeMirror-linenumber {
	color: rgba(0, 0, 0, 0.3);
	}
	.cm-s-ipython span.cm-number {
	color: #0086b3;
	}
	.cm-s-ipython span.cm-property,
	.cm-s-ipython span.cm-attribute {
	color: #689c00;
	}
	.cm-s-ipython span.cm-keyword {
	color: #a71d5d;
	}
	.cm-s-ipython span.cm-string {
	color: #183691;
	}
	.cm-s-ipython span.cm-operator {
	color: #a71d5d;
	}
	.cm-s-ipython span.cm-builtin {
	color: #0086b3;
	}
	.cm-s-ipython span.cm-variable {
	color: #333;
	}
	.cm-s-ipython span.cm-variable-2 {
	color: #ed6a43;
	}
	.cm-s-ipython span.cm-def {
	color: #795da3;
	}
	.cm-s-ipython span.cm-error {
	background: #e00;
	color: #fff!important;
	}
	.cm-s-ipython span.cm-bracket {
	color: #49483e;
	}
	.cm-s-ipython span.cm-comment {
	color: #999;
	}
	.cm-s-ipython span.cm-tag {
	color: #183691;
	}
	.cm-s-ipython span.cm-atom {
	color: #183691;
	}

	/* markdown style */

	.cm-s-default .cm-tag {
	color: #183691;
	}
	.cm-s-default .cm-comment {
	color: #0086b3;
	}
	.cm-s-default .cm-string {
	color: #4078c0;
	}
	.cm-s-default .cm-link {
	color: #183691;
	}
	.cm-s-default .cm-header {
	color: #1d3e81;
	}
	.cm-s-default .cm-quote {
	color: #183691;
	}

	/* error in output */

	span.ansiblack {
	color: #333;
	}
	span.ansiblue {
	color: #183691;
	}
	span.ansigray {
	color: #807d7c;
	}
	span.ansigreen {
	color: #3f8600;
	}
	span.ansipurple {
	color: #a71d5d;
	}
	span.ansired {
	color: #ed6a43;
	}
	span.ansiyellow {
	color: #e0b700;
	}
	span.ansicyan {
	color: #0086b3;
	}
	</style>

	{%- endblock html_head -%}
	</head>
	{%- endblock header -%}

	{% block body %}
	<body>
	<div tabindex="-1" id="notebook" class="border-box-sizing">
	<div class="container" id="notebook-container">
	{{ super() }}
	</div>
	</div>
	</body>
	{%- endblock body %}

	{# 코드 아웃풋의 공백 제거 #}
	{% block codecell -%}
	{{ super() }}
	{%- endblock codecell %}

	{% block footer %}
	{{ super() }}
	</html>
	{% endblock footer %}