@charset "UTF-8";
/* Hangeul NanumBarunGothic Font */
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 300; src: url("/assets/fonts/NanumBarunGothicWebLight.eot"); /* IE9 Compat Modes */ src: local("NanumBarunGothic Light"), local("NanumBarunGothic-Light"), url("/assets/fonts/NanumBarunGothicWebLight.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/NanumBarunGothicWebLight.woff") format("woff"), url("/assets/fonts/NanumBarunGothicWebLight.ttf") format("truetype"); /* Safari, Android, iOS */ }

@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 400; src: url("/assets/fonts/NanumBarunGothicWeb.eot"); /* IE9 Compat Modes */ src: local("NanumBarunGothic"), local("NanumBarunGothic-Regular"), url("/assets/fonts/NanumBarunGothicWeb.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/NanumBarunGothicWeb.woff") format("woff"), url("/assets/fonts/NanumBarunGothicWeb.ttf") format("truetype"); /* Safari, Android, iOS */ }

@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 700; src: url("/assets/fonts/NanumBarunGothicWebBold.eot"); /* IE9 Compat Modes */ src: local("NanumBarunGothic Bold"), local("NanumBarunGothic-Bold"), url("/assets/fonts/NanumBarunGothicWebBold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/NanumBarunGothicWebBold.woff") format("woff"), url("/assets/fonts/NanumBarunGothicWebBold.ttf") format("truetype"); /* Safari, Android, iOS */ }

/* noto-sans-kr-100 - korean */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url("/assets/fonts/noto-sans-kr-v8-korean-100.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Thin"), local("NotoSansKR-Thin"), url("/assets/fonts/noto-sans-kr-v8-korean-100.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/noto-sans-kr-v8-korean-100.woff2") format("woff2"), url("/assets/fonts/noto-sans-kr-v8-korean-100.woff") format("woff"), url("/assets/fonts/noto-sans-kr-v8-korean-100.ttf") format("truetype"), url("/assets/fonts/noto-sans-kr-v8-korean-100.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

/* noto-sans-kr-300 - korean */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url("/assets/fonts/noto-sans-kr-v8-korean-300.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Light"), local("NotoSansKR-Light"), url("/assets/fonts/noto-sans-kr-v8-korean-300.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/noto-sans-kr-v8-korean-300.woff2") format("woff2"), url("/assets/fonts/noto-sans-kr-v8-korean-300.woff") format("woff"), url("/assets/fonts/noto-sans-kr-v8-korean-300.ttf") format("truetype"), url("/assets/fonts/noto-sans-kr-v8-korean-300.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

/* noto-sans-kr-regular - korean */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url("/assets/fonts/noto-sans-kr-v8-korean-regular.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Regular"), local("NotoSansKR-Regular"), url("/assets/fonts/noto-sans-kr-v8-korean-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/noto-sans-kr-v8-korean-regular.woff2") format("woff2"), url("/assets/fonts/noto-sans-kr-v8-korean-regular.woff") format("woff"), url("/assets/fonts/noto-sans-kr-v8-korean-regular.ttf") format("truetype"), url("/assets/fonts/noto-sans-kr-v8-korean-regular.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

/* noto-sans-kr-500 - korean */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url("/assets/fonts/noto-sans-kr-v8-korean-500.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Medium"), local("NotoSansKR-Medium"), url("/assets/fonts/noto-sans-kr-v8-korean-500.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/noto-sans-kr-v8-korean-500.woff2") format("woff2"), url("/assets/fonts/noto-sans-kr-v8-korean-500.woff") format("woff"), url("/assets/fonts/noto-sans-kr-v8-korean-500.ttf") format("truetype"), url("/assets/fonts/noto-sans-kr-v8-korean-500.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

/* noto-sans-kr-700 - korean */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url("/assets/fonts/noto-sans-kr-v8-korean-700.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Bold"), local("NotoSansKR-Bold"), url("/assets/fonts/noto-sans-kr-v8-korean-700.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/noto-sans-kr-v8-korean-700.woff2") format("woff2"), url("/assets/fonts/noto-sans-kr-v8-korean-700.woff") format("woff"), url("/assets/fonts/noto-sans-kr-v8-korean-700.ttf") format("truetype"), url("/assets/fonts/noto-sans-kr-v8-korean-700.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

/* noto-sans-kr-900 - korean */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url("/assets/fonts/noto-sans-kr-v8-korean-900.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Black"), local("NotoSansKR-Black"), url("/assets/fonts/noto-sans-kr-v8-korean-900.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/noto-sans-kr-v8-korean-900.woff2") format("woff2"), url("/assets/fonts/noto-sans-kr-v8-korean-900.woff") format("woff"), url("/assets/fonts/noto-sans-kr-v8-korean-900.ttf") format("truetype"), url("/assets/fonts/noto-sans-kr-v8-korean-900.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

/* roboto-regular - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url("/assets/fonts/roboto-v18-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Roboto"), local("Roboto-Regular"), url("/assets/fonts/roboto-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/roboto-v18-latin-regular.woff2") format("woff2"), url("/assets/fonts/roboto-v18-latin-regular.woff") format("woff"), url("/assets/fonts/roboto-v18-latin-regular.ttf") format("truetype"), url("/assets/fonts/roboto-v18-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */ }

/* roboto-500 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url("/assets/fonts/roboto-v18-latin-500.eot"); /* IE9 Compat Modes */ src: local("Roboto Medium"), local("Roboto-Medium"), url("/assets/fonts/roboto-v18-latin-500.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/roboto-v18-latin-500.woff2") format("woff2"), url("/assets/fonts/roboto-v18-latin-500.woff") format("woff"), url("/assets/fonts/roboto-v18-latin-500.ttf") format("truetype"), url("/assets/fonts/roboto-v18-latin-500.svg#Roboto") format("svg"); /* Legacy iOS */ }

/* roboto-700 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url("/assets/fonts/roboto-v18-latin-700.eot"); /* IE9 Compat Modes */ src: local("Roboto Bold"), local("Roboto-Bold"), url("/assets/fonts/roboto-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/roboto-v18-latin-700.woff2") format("woff2"), url("/assets/fonts/roboto-v18-latin-700.woff") format("woff"), url("/assets/fonts/roboto-v18-latin-700.ttf") format("truetype"), url("/assets/fonts/roboto-v18-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */ }

/* roboto-900 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url("/assets/fonts/roboto-v18-latin-900.eot"); /* IE9 Compat Modes */ src: local("Roboto Black"), local("Roboto-Black"), url("/assets/fonts/roboto-v18-latin-900.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/roboto-v18-latin-900.woff2") format("woff2"), url("/assets/fonts/roboto-v18-latin-900.woff") format("woff"), url("/assets/fonts/roboto-v18-latin-900.ttf") format("truetype"), url("/assets/fonts/roboto-v18-latin-900.svg#Roboto") format("svg"); /* Legacy iOS */ }

.roboto { font-family: 'Roboto', sans-serif !important; }

/**
 * website.css
 *
 * @desc nugu mini candle nemo manual site by gitbook
 *
**/
/*========== Mixin =============*/
/*========== Reset =============*/
/* All */
* { margin: 0; padding: 0; box-sizing: border-box; }

html { height: 100%; font-family: sans-serif; background-color: #fff; }

body { position: relative; min-width: 320px; min-height: 100%; padding: 0; margin: 0; font-size: 1rem; word-break: break-all; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: #fff; }

/* Set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, summary { display: block; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, font, img, ins, q, s, samp, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { border: 0 none; }

header, h1 { font-size: 100%; }

caption, legend { position: absolute; top: -9999px; left: -9999px; visibility: hidden; width: 0; height: 0; font-size: 0; overflow: hidden; }

caption { display: none; }

img { vertical-align: top; border: none; }

select, input { vertical-align: top; border: 0; border-radius: 0; background-color: transparent; }

hr { display: none; border: 0 none; }

ol, ul, ul li { list-style: none; }

em { font-style: normal; }

menu li { list-style: none; }

address { font-style: normal; display: inline; }

button { cursor: pointer; border: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

table { border-spacing: 0; border-collapse: collapse; }

strong { font-weight: normal; }

dfn { font-style: normal; }

/* Link Style */
a:link, a:visited, a:active, a:focus { text-decoration: none; }

a:hover { text-decoration: none; }

/* Forms */
fieldset { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

select, input[type=radio], input[type=submit], input[type=search] { cursor: pointer; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

select::-ms-expand { display: none; }

/* heading */
body, input, textarea, select, button { font-family: "Malgun Gothic", "맑은 고딕", "Noto Sans KR", AppleSDGothicNeo, "Nanum Gothic", "나눔 고딕", "돋움", dotum, Helvetica, arial, verdana, sans-serif; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; }

img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; }

em { color: #000; }

/* Helper classes */
.hidden { display: none; }

.blind { position: absolute; display: inline-block; width: 0; height: 0; font-size: 0; color: transparent; overflow: hidden; }

.blind:focus { position: relative; width: auto; height: auto; font-size: 1.5rem; color: #333; }

/* Browser hidden &  Media query */
@media only screen and (min-width: 0) and (max-width: 767px) { .only_desktop { display: none !important; } }

@media only screen and (min-width: 768px) { .only_mobile { display: none !important; } }

/*========== Custom =============*/
/* Layout */
.book-gnb { position: absolute; top: 0; left: 0; padding: 40px 0 20px 40px; text-align: left; }

.book-gnb a { display: inline-block; }

.book-gnb .logo-img { height: 54px; }

.book-summary { left: -300px; z-index: 4; width: 300px; border-right: 1px solid #e8e8e8; background: #f2f2f2; overflow: hidden; transition: all 0.3s ease; }

@media (max-width: 375px) { .book-summary { width: 250px; } }

.book-summary nav[role="navigation"] { position: absolute; top: 185px; width: 100%; height: calc(100% - 185px); overflow-y: auto; }

.book-body { top: 0; }

@media (max-width: 1240px) { .book-body .body-inner { position: static; min-height: 75%; } }

.page-inner { max-width: 1200px; padding: 0; }

#book-search-results.open, .markdown-section { padding: 7.5em 10.3333% 3.125em; }

@media only screen and (min-width: 0) and (max-width: 767px) { #book-search-results.open, .markdown-section { padding: 8em 5% 3.125em; }
  .book.font-size-0 .book-body .page-inner section { font-size: 0.8rem; }
  .book.font-size-1 .book-body .page-inner section { font-size: 1.0rem; }
  .book.font-size-2 .book-body .page-inner section { font-size: 1.2rem; }
  .book.font-size-3 .book-body .page-inner section { font-size: 1.4rem; }
  .book.font-size-4 .book-body .page-inner section { font-size: 1.6rem; } }

/* Contents */
.book-header h1 { display: none; }

.main-page { position: relative; width: 100%; text-align: center; }

.main-page .image { display: inline-block; margin: 8.72% auto 0; vertical-align: middle; }

@media only screen and (min-width: 0) and (max-width: 767px) { .main-page .image { width: 50%; margin: 30% auto 0; } }

#book-search-results * { font-family: "Malgun Gothic", "맑은 고딕", "Noto Sans KR", AppleSDGothicNeo, "Nanum Gothic", "나눔 고딕", "돋움", dotum, Helvetica, arial, verdana, sans-serif; word-break: keep-all; }

.markdown-section { width: 100%; }

.markdown-section * { font-family: "Malgun Gothic", "맑은 고딕", "Noto Sans KR", AppleSDGothicNeo, "Nanum Gothic", "나눔 고딕", "돋움", dotum, Helvetica, arial, verdana, sans-serif; word-break: keep-all; }

.markdown-section p { margin: 0; }

.markdown-section .title-chapter { display: none; position: relative; padding: 0 0 0; margin: 0.5em auto 2.26666em; font-size: 1.875em; font-weight: 600; line-height: 1.333333; letter-spacing: 0; text-align: center; color: #222; }

.markdown-section .title-chapter::after { content: ''; display: block; position: absolute; top: 2.4em; right: 0; left: 0; width: 0.63333em; height: 0.13333em; margin: 0 auto; background: #333; }

.markdown-section .title-chapter-small { display: none; position: relative; padding: 0 0 0; margin: 0.3em auto 1.4em; font-size: 1.25em; font-weight: 600; line-height: 1.333333; letter-spacing: -0.025em; text-align: center; color: #222; }

.markdown-section .title-underChapter { display: block; position: relative; padding: 0 0 0; margin: 0 auto 1.75%; font-size: 3em; font-weight: 600; line-height: 1.333333; letter-spacing: -0.025em; text-align: center; color: #444; }

@media only screen and (min-width: 0) and (max-width: 767px) { .markdown-section .title-underChapter { font-size: 2.8em; font-weight: 100; margin-bottom: 8%; } }

.markdown-section .title-main { display: block; padding: 0 0 0; margin: 0 0 1em; font-size: 2.1875em; font-weight: 300; line-height: 1; letter-spacing: -0.025em; color: #000; }

.markdown-section .title-sub { display: block; padding: 0 0 0; margin: 0 0 0.8em; font-size: 1.5625em; font-weight: 600; line-height: 1.4; letter-spacing: -0.025em; color: #0062d7; }

@media only screen and (min-width: 0) and (max-width: 767px) { .markdown-section .title-sub { margin-bottom: 0.8em; } }

.markdown-section .title-sub .slim { font-weight: 300; }

.markdown-section .title-sub.point { font-size: 2.1875em; font-weight: 300; line-height: 1.4; }

.markdown-section .title-sub.point .heavy { font-weight: 600; }

.markdown-section .title-summary { display: block; padding: 0 0 0; margin: 0 0 0; font-size: 1.0625em; font-weight: 300; line-height: 1; letter-spacing: -0.025em; color: #666; }

.markdown-section .title-content { display: block; position: relative; padding: 0 0 0 1em; margin: 2.5em 0 1em 0; font-size: 1.25em; font-weight: 600; line-height: 1.333333; letter-spacing: -0.025em; color: #222; }

@media only screen and (min-width: 0) and (max-width: 767px) { .markdown-section .title-content { margin-top: 1.5em; } }

.markdown-section .title-content::before { content: ''; display: inline-block; position: absolute; top: 0.3em; left: 0; width: 0.5em; height: 0.5em; background: url("../../src/images/icon-title-content.png") no-repeat; background-size: contain; }

.markdown-section .title-content .slim { font-weight: 300; }

.markdown-section .title-article { display: block; padding: 0 0 0; margin: 0 0 0.8em; font-size: 1.25em; font-weight: 600; line-height: 1.666666; letter-spacing: -0.025em; color: #222; }

.markdown-section .title-article .slim { font-weight: 300; }

.markdown-section .title-image { display: block; padding: 0 0 0; margin: 0 0 1.125em; font-size: 1em; font-weight: 300; line-height: 1.3; letter-spacing: 0.025rem; color: #000; }

.markdown-section .title-table { display: block; padding: 0 0 0 1.17647em; margin: 2.941176em 0 0.882352em; font-size: 1.0625em; font-weight: 600; line-height: 2.3529; letter-spacing: -0.025em; color: #222222; }

.markdown-section .title-table .heavy { display: inline-block; font-weight: 600; letter-spacing: 0.025rem; color: #000; }

.markdown-section .title-table .point { display: inline; font-size: 1em; font-weight: 300; letter-spacing: -0.025em; color: #999999; }

.markdown-section .title-table .slim { display: inline-block; width: 100%; font-size: 1em; font-weight: 300; letter-spacing: -0.025em; color: #222; }

.markdown-section .title-imageMainWrap { display: block; position: absolute; right: 0; left: 0; width: 100%; margin: 0 auto; }

.markdown-section .title-imageMainWrap .title-imageMain { display: block; position: absolute; top: 0; right: 0; left: 0; width: 100%; min-height: 9.2em; padding: 1.8125em 10.333333% 1.96875em; margin: 0 auto; background: #f5f5f5; }

@media only screen and (min-width: 0) and (max-width: 767px) { .markdown-section .title-imageMainWrap .title-imageMain { padding: 1.8125em 5.15% 1.96875em; } }

.markdown-section .title-imageMainWrap .title-imageMain .title { display: block; padding: 0 0 0; margin: 0 0 0.64em; font-size: 1.0625em; font-weight: 300; line-height: 1; letter-spacing: -0.025em; color: #666; }

.markdown-section .title-imageMainWrap .title-imageMain .sub { display: block; position: relative; z-index: 3; padding: 0 0 0; font-size: 2.5em; font-weight: 300; line-height: 1; letter-spacing: -0.025em; color: #000; }

.markdown-section .title-imageMainWrap .title-imageMain .sub .point { font-size: 0.65em; }

@media only screen and (min-width: 0) and (max-width: 767px) { .markdown-section .title-imageMainWrap .title-imageMain .sub { font-size: 1.8em; line-height: 1.333333; } }

.markdown-section .title-imageMainWrap .title-imageMain .image { position: absolute; top: 0; bottom: 0; right: 10.3333%; height: 5em; margin: auto 0; }

@media only screen and (min-width: 0) and (max-width: 767px) { .markdown-section .title-imageMainWrap .title-imageMain .image { right: 5%; } }

.markdown-section .title-imageMainBg { width: 100%; height: 10.25em; margin-bottom: 2.35em; }

@media only screen and (min-width: 0) and (max-width: 767px) { .markdown-section .title-imageMainBg { height: 9.25em; margin-bottom: 1.5em; } }

.markdown-section .text-normal { display: block; padding: 0 0 0; margin: 0 0 1.058823em 0; font-size: 1.0625em; font-weight: 300; line-height: 1.588235; letter-spacing: -0.025em; color: #666; }

.markdown-section .text-normal .point { color: #999; }

.markdown-section .text-normal .heavy { font-weight: 600; color: #222; }

.markdown-section .text-normal .slim { color: #999; }

.markdown-section .text-normal .anchor { color: #666; color: inherit; }

.markdown-section .text-normal .smallTip { font-size: 0.85em; font-weight: 300; line-height: 1.764705; letter-spacing: -0.025em; color: #666666; }

.markdown-section .text-chapterList { display: block; padding: 0 0 0; margin: 0 0 0; font-size: 1.25em; font-weight: 300; line-height: 2.5; letter-spacing: -0.025em; color: #444; }

.markdown-section .text-chapterList:hover, .markdown-section .text-chapterList:focus { color: #0062d7; }

.markdown-section .text-list { display: block; position: relative; padding: 0 0 0 1.17647em; margin: 0 0 0.58823em; font-size: 1.0625em; font-weight: 300; line-height: 1.588235; letter-spacing: -0.025em; color: #444; }

.markdown-section .text-list::before { content: ''; display: inline-block; position: absolute; top: 0.625em; left: 0.375em; width: 0.236em; height: 0.295em; background: #555; }

.markdown-section .text-list .point { color: #999; }

.markdown-section .text-list .heavy { font-weight: 400; color: #222; }

.markdown-section .text-list.nonBullet::before { display: none; }

.markdown-section .text-list .smallTip { font-size: 0.85em; font-weight: 300; line-height: 1.764705; letter-spacing: -0.025em; color: #666666; }

.markdown-section .text-list .smallTip .anchor { font-size: 1em; font-weight: 300; line-height: 1.3; letter-spacing: -0.025em; text-decoration: underline; color: #666666; }

.markdown-section .text-list .innerList { display: block; position: relative; padding: 0 0 0 0.933333em; margin: 0 0 0; font-size: 0.8823529em; font-weight: 300; line-height: 1.666666; letter-spacing: -0.025em; color: #444; }

.markdown-section .text-list .innerList::before { content: ''; display: inline-block; position: absolute; top: 0.625em; left: 0; width: 0.236em; height: 0.125em; background: #555; }

.markdown-section .text-list .innerList .innerLight { font-size: 1em; font-weight: 300; letter-spacing: -0.025em; color: #666; }

.markdown-section .text-list .innerList .innerPoint { font-size: 1em; font-weight: 300; letter-spacing: -0.025em; color: #999; }

.markdown-section .text-number { display: block; position: relative; padding: 0 0 0 1.17647em; margin: 0 0 0.58823em; font-size: 1.0625em; font-weight: 300; line-height: 1.588235; letter-spacing: -0.025em; color: #444; }

.markdown-section .text-number::before { content: ''; display: block; position: absolute; top: 0; left: 0; line-height: 1.4; }

.markdown-section .text-number.number01::before { content: '①'; background: url("") no-repeat; }

.markdown-section .text-number.number02::before { content: '②'; background: url("") no-repeat; }

.markdown-section .text-number.number03::before { content: '③'; background: url("") no-repeat; }

.markdown-section .text-number.number04::before { content: '④'; background: url("") no-repeat; }

.markdown-section .text-number.number05::before { content: '⑤'; background: url("") no-repeat; }

.markdown-section .text-number.number06::before { content: '⑥'; background: url("") no-repeat; }

.markdown-section .text-number.number07::before { content: '⑦'; background: url("") no-repeat; }

.markdown-section .text-number.number08::before { content: '⑧'; background: url("") no-repeat; }

.markdown-section .text-number.number09::before { content: '⑨'; background: url("") no-repeat; }

.markdown-section .text-number.number10::before { content: '⑩'; background: url("") no-repeat; }

.markdown-section .text-number .strong { font-weight: 600; color: #222; }

.markdown-section .text-number .slim { color: #999; }

.markdown-section .text-smallTip { display: block; padding: 0 0 0 1.333333em; margin: 0 0 0; font-size: 0.9375em; font-weight: 300; line-height: 1.666666; letter-spacing: -0.025em; color: #666; }

.markdown-section .text-inner { padding: 0 0 0; }

.markdown-section .text-point { color: #000; }

.markdown-section .text-storyTheme { display: block; padding: 0 0 0; margin: 0 0 0.7em 0; font-size: 1.15em; font-weight: 300; line-height: 1; letter-spacing: -0.025em; color: #0062d7; }

.markdown-section .text-storyTheme.point { color: #222; }

.markdown-section .text-storyTitle { display: block; padding: 0 0 0; margin: 0 0 0.857142em 0; font-size: 1.55em; font-weight: 300; line-height: 1.333333; letter-spacing: -0.075rem; color: #000; }

.markdown-section .text-storyTitle.point { color: #0062d7; }

.markdown-section .text-storyTitle .heavy { font-weight: 600; }

.markdown-section .text-story { display: block; width: 100%; padding: 1.764705em 0; font-size: 1.0625em; font-weight: 300; line-height: 1.470588; letter-spacing: -0.025em; text-align: center; color: #444; background: #f5f5f5; }

.markdown-section .text-story .name { display: inline-block; width: 100%; padding-top: 1.17647em; line-height: 1.3; letter-spacing: -0.025em; text-align: center; color: #666; }

.markdown-section .wrap-chapterList { width: 100%; text-align: center; }

@media only screen and (max-width: 767px) { .markdown-section .wrap-chapterList { margin-top: 7.7583%; } }

.markdown-section .image-lg { display: block; position: relative; width: 100%; margin: 1.25em 0; font-size: 1em; line-height: 1; text-align: center; }

.markdown-section .image-lg::after { content: ''; display: block; clear: both; overflow: hidden; }

.markdown-section .image-lg.short-margin { margin-bottom: 0.625em; }

.markdown-section .image-lg .imageInner-anchor { display: inline-block; position: absolute; top: 5%; left: 19%; width: 13.1%; height: 10.6%; }

.markdown-section .image-lg .imageInner-anchor2 { display: inline-block; position: absolute; top: 4%; left: 12%; width: 21%; height: 10%; }

.markdown-section .image-md { display: block; width: 50%; font-size: 1em; line-height: 1; text-align: left; }

.markdown-section .image-md::after { content: ''; display: block; clear: both; overflow: hidden; }

.markdown-section .image-sm { display: block; width: 33.333333%; font-size: 1em; line-height: 1; text-align: left; }

.markdown-section .image-sm::after { content: ''; display: block; clear: both; overflow: hidden; }

.markdown-section .imageText-wrap { display: block; width: 100%; margin: 1.875em 0; line-height: 1; text-align: left; }

.markdown-section .imageText-wrap::after { content: ''; display: block; clear: both; overflow: hidden; }

.markdown-section .imageText-wrap .image { display: inline-block; float: left; padding: 0 0 0; margin: 0 0 0; font-size: 1em; line-height: 1; }

.markdown-section .imageText-wrap .image.half { width: 50%; }

.markdown-section .imageText-wrap .image.third { width: 30%; }

.markdown-section .imageText-wrap .imageText-textWrap { display: inline-block; float: left; }

.markdown-section .imageText-wrap .half + .imageText-textWrap { width: 50%; }

.markdown-section .imageText-wrap .third + .imageText-textWrap { width: 70%; }

.markdown-section .imageText-wrap .imageText-textWrap { padding: 0 0 0 1.5em; }

.markdown-section .imageText-wrap .imageText-title { display: block; width: 100%; padding: 0 0 0 0; margin: 0; font-size: 1.25em; font-weight: 600; line-height: 1.588235; letter-spacing: -0.025em; color: #222; }

.markdown-section .imageText-wrap .imageText-normal { display: block; width: 100%; padding: 0 0 0 0; margin: 0 0 0.58823em; font-size: 1.0625em; font-weight: 300; line-height: 1.588235; letter-spacing: -0.025em; color: #444; }

.markdown-section .imageText-wrap .imageText-list { display: block; float: left; position: relative; width: 100%; padding: 0 0 0 0; margin: 0 0 0.58823em 1em; font-size: 1.0625em; font-weight: 300; line-height: 1.588235; letter-spacing: -0.025em; color: #444; }

.markdown-section .imageText-wrap .imageText-list::before { content: ''; display: inline-block; position: absolute; top: 0.625em; left: -0.7353em; width: 0.236em; height: 0.295em; background: #555; }

.markdown-section .station-wrap { width: 100%; text-align: center; }

.markdown-section .station-wrap .station-large { display: block; max-width: 100%; margin: 10% auto 3em; text-align: center; transition: all 0.3s ease; }

@media only screen and (max-width: 767px) { .markdown-section .station-wrap .station-large { height: 3.944em; } }

.markdown-section .station-wrap .station-small { display: block; max-width: 100%; margin: 10% auto 3em; text-align: center; transition: all 0.3s ease; }

@media only screen and (max-width: 767px) { .markdown-section .station-wrap .station-small { height: 2.6875em; } }

.markdown-section .btn-underChapter { display: block; width: 10.8125em; margin: 0 auto; text-align: center; }

@media only screen and (max-width: 767px) { .markdown-section .btn-underChapter { width: 37.7667%; } }

.markdown-section .table-style01, .markdown-section .table-style03 { margin: 1.5625em 0 3.125em; }

.markdown-section .table-style01 .table-style01 colgroup .col-01, .markdown-section .table-style03 .table-style01 colgroup .col-01 { width: 35%; }

.markdown-section .table-style01 .table-style01 colgroup .col-02, .markdown-section .table-style03 .table-style01 colgroup .col-02 { width: 65%; }

.markdown-section .table-style01 .table-style03 colgroup .col-01, .markdown-section .table-style03 .table-style03 colgroup .col-01 { width: 23%; }

.markdown-section .table-style01 .table-style03 colgroup .col-02, .markdown-section .table-style03 .table-style03 colgroup .col-02 { width: 23%; }

.markdown-section .table-style01 .table-style03 colgroup .col-03, .markdown-section .table-style03 .table-style03 colgroup .col-03 { width: 16%; }

.markdown-section .table-style01 .table-style03 colgroup .col-04, .markdown-section .table-style03 .table-style03 colgroup .col-04 { width: 16%; }

.markdown-section .table-style01 .table-style03 colgroup .col-05, .markdown-section .table-style03 .table-style03 colgroup .col-05 { width: 22%; }

.markdown-section .table-style01 thead tr, .markdown-section .table-style03 thead tr { border: none; background: #c9c8ca; }

.markdown-section .table-style01 thead th, .markdown-section .table-style03 thead th { padding: 0.882352em 1.5789%; border: none; border-right: 1px solid #fff; margin: 0 0 0; font-size: 0.9375em; font-weight: 600; line-height: 1.666666; letter-spacing: -0.025em; text-align: center; vertical-align: middle; color: #fff; }

.markdown-section .table-style01 thead th:last-child, .markdown-section .table-style03 thead th:last-child { border-right: none; }

.markdown-section .table-style01 thead th a, .markdown-section .table-style03 thead th a { display: inline-block; border-bottom: 1px solid #fff; font-size: 1em; font-weight: 600; line-height: 1.333333; color: #fff; }

.markdown-section .table-style01 thead th a:hover, .markdown-section .table-style03 thead th a:hover { text-decoration: none; }

.markdown-section .table-style01 tbody tr, .markdown-section .table-style03 tbody tr { border: none; background: #fff; }

.markdown-section .table-style01 tbody td, .markdown-section .table-style03 tbody td { padding: 1em 1.5789%; border: 1px solid #eaeaea; margin: 0 0 0; font-size: 0.9375em; font-weight: 300; line-height: 2; letter-spacing: -0.025em; text-align: center; vertical-align: middle; color: #666; }

.markdown-section .table-style01 tbody td:first-child, .markdown-section .table-style03 tbody td:first-child { border-left: none; }

.markdown-section .table-style01 tbody td:last-child, .markdown-section .table-style03 tbody td:last-child { border-right: none; }

.markdown-section .table-style01 tbody td.align-left, .markdown-section .table-style03 tbody td.align-left { text-align: left; }

.markdown-section .table-style02 colgroup .col-01 { width: 16.666666%; }

.markdown-section .table-style02 colgroup .col-02 { width: 83.333333%; }

.markdown-section .table-style02 tbody { border-top: 2px solid #acacac; }

.markdown-section .table-style02 tbody tr { border: none; border-bottom: 1px solid #eaeaea; background: #fff; }

.markdown-section .table-style02 tbody td { padding: 3.125em 3.9473%; border: 1px solid #eaeaea; margin: 0 0 0; font-size: 0.9375em; font-weight: 400; line-height: 2; letter-spacing: -0.025em; text-align: center; vertical-align: middle; color: #444; }

.markdown-section .table-style02 tbody td:last-child { font-weight: 400; line-height: 1.764705; text-align: left; color: #444; background: #f8f8f8; }

.markdown-section .table-style02 tbody td .point { display: block; margin-bottom: 1; font-size: 1.0625em; font-weight: 600; line-height: 1.764705; letter-spacing: -0.025em; color: #000; }

.markdown-section .table-style02 tbody td .slim { font-size: 0.85em; }

.markdown-section .table-style02 tbody td .image { display: block; margin: 0 auto; }

.markdown-section .table-style04 colgroup .col-01 { width: 35%; }

.markdown-section .table-style04 colgroup .col-02 { width: 65%; }

.markdown-section .table-style04 thead tr { border: none; border-top: 2px solid #acacac; background: #bccadb; }

.markdown-section .table-style04 thead th { padding: 0.882352em 1.5789%; border: none; margin: 0 0 0; font-size: 1.0625em; font-weight: 600; line-height: 1.666666; letter-spacing: -0.025em; text-align: center; vertical-align: middle; color: #fff; }

.markdown-section .table-style04 thead th:last-child { text-align: left; background: #c4d2e4; }

.markdown-section .table-style04 tbody tr { border: none; background: #f5f8fd; }

.markdown-section .table-style04 tbody td { padding: 1em 1.5789%; border: 1px solid #eaeaea; margin: 0 0 0; font-size: 0.9375em; font-weight: 400; line-height: 2; letter-spacing: -0.025em; text-align: center; vertical-align: middle; color: #444; }

.markdown-section .table-style04 tbody td:last-child { font-weight: 600; line-height: 2; text-align: left; color: #222; background: #fff; }

.markdown-section .table-style04 tbody td .slim { font-weight: 300; }

.markdown-section .table-style04 tbody td .point { font-size: 0.9333em; line-height: 1.7857; letter-spacing: -0.025em; }

.markdown-section .table-style04 tbody td .textIndent { display: inline-block; width: 100%; padding-left: 1.3em; font-size: 0.9333em; line-height: 1.7857; letter-spacing: -0.025em; text-indent: -1.3em; }

.markdown-section .table-style04 tbody td .image { display: block; margin: 20px auto 0; }

.markdown-section .toolbox-wrap-type01, .markdown-section .toolbox-wrap-type02 { position: relative; width: 100%; padding: 4.125em 3.2% 1.875em; margin: 1.875em 0; background: #f7f7f7; }

.markdown-section .toolbox-wrap-type01 .toolbox-icon, .markdown-section .toolbox-wrap-type02 .toolbox-icon { display: block; position: absolute; top: 0.625em; left: 0; height: 2.25em; }

.markdown-section .toolbox-wrap-type01 .toolbox-text-title, .markdown-section .toolbox-wrap-type02 .toolbox-text-title { display: block; position: relative; margin-top: 1em; font-size: 1em; font-weight: 600; line-height: 2.5; line-height: 1.666666; letter-spacing: -0.025em; color: #444; overflow: visible; }

.markdown-section .toolbox-wrap-type01 .toolbox-text-title::before, .markdown-section .toolbox-wrap-type02 .toolbox-text-title::before { content: ''; display: inline-block; position: absolute; top: 0.625em; left: 0; width: 0.236em; height: 0.295em; }

.markdown-section .toolbox-wrap-type01 .toolbox-icon + .toolbox-text-title, .markdown-section .toolbox-wrap-type02 .toolbox-icon + .toolbox-text-title { margin-top: 0; }

.markdown-section .toolbox-wrap-type01 .toolbox-text-normal, .markdown-section .toolbox-wrap-type02 .toolbox-text-normal { display: block; padding: 0 0 0 0em; margin: 0 0 0; font-size: 1em; font-weight: 300; line-height: 1.666666; letter-spacing: -0.025em; color: #666; }

.markdown-section .toolbox-wrap-type01 .toolbox-text-list, .markdown-section .toolbox-wrap-type02 .toolbox-text-list { display: block; position: relative; padding: 0 0 0.29411em 0.823529em; margin: 0 0 0; font-size: 1em; font-weight: 300; line-height: 1.666666; letter-spacing: -0.025em; color: #666; }

.markdown-section .toolbox-wrap-type01 .toolbox-text-list::before, .markdown-section .toolbox-wrap-type02 .toolbox-text-list::before { content: ''; display: inline-block; position: absolute; top: 0.8666em; left: 0; width: 0.236em; height: 0.125em; background: #555; }

.markdown-section .toolbox-wrap-type01 .toolbox-text-list .indent, .markdown-section .toolbox-wrap-type02 .toolbox-text-list .indent { display: inline-block; padding-left: 10px; text-indent: -10px; }

.markdown-section .toolbox-wrap-type01 .list, .markdown-section .toolbox-wrap-type02 .list { display: block; position: relative; padding: 0 0 0 0.823529em; margin: 0 0 0; font-size: 0.9375em; font-weight: 300; line-height: 1.6666; letter-spacing: -0.025em; color: #666; }

.markdown-section .toolbox-wrap-type01 .list::before, .markdown-section .toolbox-wrap-type02 .list::before { content: ''; display: inline-block; position: absolute; top: 0.8666em; left: 0; width: 0.236em; height: 0.125em; background: #555; }

.markdown-section .toolbox-wrap-type01 .heavy, .markdown-section .toolbox-wrap-type02 .heavy { display: block; position: relative; font-weight: 600; color: #444; }

.markdown-section .toolbox-wrap-type01 .image, .markdown-section .toolbox-wrap-type02 .image { display: block; margin: 1.875em auto; }

.markdown-section .toolbox-wrap-type01 .image.solo, .markdown-section .toolbox-wrap-type02 .image.solo { display: block; margin: 0; }

.markdown-section .toolbox-wrap-type01 .point, .markdown-section .toolbox-wrap-type02 .point { font-weight: 300; color: gray; }

.markdown-section .toolbox-wrap-type01 .slim, .markdown-section .toolbox-wrap-type02 .slim { font-size: 0.85em; }

.markdown-section .toolbox-wrap-type01 .strong, .markdown-section .toolbox-wrap-type02 .strong { font-weight: 600; color: black; }

.markdown-section .toolbox-wrap-type01::before { background: url("") no-repeat; }

.markdown-section .toolbox-wrap-type02::before { background: url("") no-repeat; }

.markdown-section .toolbox-wrap-type03 { width: 100%; padding: 1.09375em 1.25em; margin: 1.25em 0; border: 1px solid #dadada; border-right: none; border-left: none; }

.markdown-section .toolbox-wrap-type03 .toolbox-text-title { display: block; padding: 0 0 0.29411em; margin: 0 0 0; font-size: 0.9375em; font-weight: 300; line-height: 2; letter-spacing: -0.025em; color: #222; }

.markdown-section .toolbox-wrap-type03 .toolbox-text-normal { display: block; padding: 0 0 0.29411em; margin: 0 0 0; font-size: 0.9375em; font-weight: 300; line-height: 2; letter-spacing: -0.025em; color: #666; }

.markdown-section .toolbox-wrap-type03 .toolbox-text-list { display: block; position: relative; padding: 0 0 0 1em; margin: 0 0 0; font-size: 0.9375em; font-weight: 300; line-height: 2; letter-spacing: -0.025em; color: #666; }

.markdown-section .toolbox-wrap-type03 .toolbox-text-list::before { content: ''; display: inline-block; position: absolute; top: 0.8666em; left: 0; width: 0.236em; height: 0.125em; background: #555; }

.markdown-section .toolbox-wrap-type03 .heavy { display: inline-block; font-weight: 600; letter-spacing: 0.025rem; color: #000; }

/* Side bar */
/*.book-summary::-webkit-scrollbar {
  width:10px;
}
.book-summary::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.book-summary::-webkit-scrollbar-thumb {
  background-color: #23334b30;
  outline: 1px solid #e6f2ff;
}*/
.book-summary ul.summary li a:hover { text-decoration: none; }

.book-summary ul.summary li ul { padding: 0; }

.book-summary ul.summary li a, .book-summary ul.summary li span { padding: 9px 0; }

.book-summary .summary > .chapter { padding: 10px 30px 10px 40px; border-bottom: 1px solid #e8e8e8; font-family: "Noto Sans KR", AppleSDGothicNeo, "Nanum Gothic", "나눔 고딕", "돋움", dotum, Helvetica, arial, verdana, sans-serif; }

.book-summary .summary > .chapter[data-level="1.1"][data-path="./"] { display: none; }

.book-summary .summary > .chapter > a { padding: 9px 0; font-size: 1.5em; font-weight: 700; line-height: 1; letter-spacing: -0.025em; color: #111; }

.book-summary .summary > .chapter > .articles > .chapter > a { font-size: 1.4em; font-weight: 500; line-height: 1; letter-spacing: -0.025em; color: #222; }

.book-summary .summary > .chapter > .articles > .chapter > .articles > .chapter > a { padding: 9px 0; font-size: 1.4em; font-weight: 400; line-height: 1; letter-spacing: -0.025em; color: #555; }

.book-summary .summary .active > a { color: #009dff !important; }

/* Search results */
#book-search-input { position: absolute; top: 113px; z-index: 5; width: 300px; padding: 0 30px; border: 0; margin: 0 auto; background: none; }

@media only screen and (max-width: 600px) { #book-search-input { max-width: 300px; width: 100%; } }

#book-search-input input, #book-search-input input:focus, #book-search-input input:active, #book-search-input input:hover { width: 100%; height: 42px; padding: 0 45px 0 25px; margin: 0; border: 0; border-radius: 50px; box-sizing: border-box; font-size: 15px; font-weight: 400; line-height: 2.8; letter-spacing: -0.025em; color: #333; background-color: #fff; background-image: url(../images/icon-search-gray.png); background-size: 17px; background-repeat: no-repeat; background-position: calc(100% - 22px) 13px; }

#book-search-input input::-webkit-input-placeholder { color: #b4b3b3; line-height: 2.8; vertical-align: middle; opacity: 1; }

#book-search-input input:-moz-input-placeholder { color: #b4b3b3; line-height: 2.8; vertical-align: middle; opacity: 1; }

#book-search-input input::-moz-input-placeholder { color: #b4b3b3; line-height: 2.8; vertical-align: middle; opacity: 1; }

#book-search-input input::-ms-input-placeholder { color: #b4b3b3; line-height: 2.8; vertical-align: middle; opacity: 1; }

#book-search-input input::placeholder { color: #b4b3b3; line-height: 2.8; vertical-align: middle; opacity: 1; }

#book-search-results .search-results .search-results-title { margin-bottom: 5em; font-size: 1.3em; font-weight: 300; line-height: 1; letter-spacing: -0.025em; color: #666; }

#book-search-results .search-results .search-results-title .search-query { color: #0062d7; }

#book-search-results .search-results .has-results .search-results-item a { display: block; margin-bottom: 0.88235em; font-size: 1.133333em; font-weight: 400; line-height: 1.352941; letter-spacing: -0.025em; color: #0062d7; }

#book-search-results .search-results .has-results .search-results-item p { display: block; margin-bottom: 2.33333em; font-size: 1.5em; font-weight: 300; line-height: 1.666666; letter-spacing: -0.025em; color: #444; }

/* header area */
.book-header { position: absolute; top: 0; left: 0; padding: 0; }

.book-header .pull-right.js-toolbar-action { display: none; }

.book-header .btn { position: relative; z-index: 1; width: 73px; height: 35px; padding: 0; margin: 30px 15px; background-image: url("../images/icon-menu-kr.png"); background-repeat: no-repeat; background-position: center; background-size: contain; }

.book-header .btn:hover { background-image: url("../images/icon-menu-over-kr.png"); background-repeat: no-repeat; background-position: center; background-size: contain; }

@media (max-width: 600px) { .book-header .btn:hover { background-image: url("../images/icon-menu-kr.png"); background-repeat: no-repeat; background-position: center; background-size: contain; } }

.fa-align-justify:before { display: none; }

.font-settings { display: none; }

/* Page slider */
.navigation.navigation-prev { display: inline-block; position: absolute; top: 27px; right: 72px; bottom: auto; left: auto; min-width: auto; max-width: none; width: 40px; height: 40px; margin: 0; box-sizing: border-box; font-size: 0; color: rgba(0, 0, 0, 0); background: url("../../src/images/arrow-prev.png") no-repeat; background-size: cover; }

.navigation.navigation-prev > * { display: none; }

.navigation.navigation-next { display: inline-block; position: absolute; top: 27px; right: 12px; bottom: auto; min-width: auto; max-width: none; width: 40px; height: 40px; margin: 0 !important; box-sizing: border-box; font-size: 0; color: rgba(0, 0, 0, 0); background: url("../../src/images/arrow-next.png") no-repeat; background-size: cover; }

.navigation.navigation-next > * { display: none; }

/*IE transform-translate-calc issue*/
@media (max-width: 450px) { .book.with-summary .book-body { -webkit-transform: translate(calc(100% - 100px), 0); -moz-transform: translate(calc(100% - 100px), 0); -ms-transform: translate(100%, 0px) translate(-100px, 0px); -o-transform: translate(calc(100% - 100px), 0); transform: translate(100%, 0px) translate(-100px, 0px); } }

@media (min-width: 451px) and (max-width: 600px) { .book.with-summary .book-body { -webkit-transform: translate(calc(100% - 160px), 0); -moz-transform: translate(calc(100% - 160px), 0); -ms-transform: translate(100%, 0px) translate(-160px, 0px); -o-transform: translate(calc(100% - 160px), 0); transform: translate(100%, 0px) translate(-160px, 0px); } }

/* common */
.mg-t08 { margin-top:0.8em !important;}

.mg-t20 { margin-top:2em !important;}