1.3.1.11 on LENA Docshttps://docs.lenalab.org/docs/1.3.1/1.3.1.11/Recent content in 1.3.1.11 on LENA DocsHugokoInstallationhttps://docs.lenalab.org/docs/1.3.1/1.3.1.11/installation/Mon, 01 Jan 0001 00:00:00 +0000https://docs.lenalab.org/docs/1.3.1/1.3.1.11/installation/<div class="gdoc-include"><!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"> <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]--> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="generator" content="Asciidoctor 1.5.8"> <meta name="author" content="LENA Support"> <title>Installation</title> <style> /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ /* Uncomment @import statement to use as custom stylesheet */ /*@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700";*/ @import "http://fonts.googleapis.com/earlyaccess/notosanskr.css"; article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } audio, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } html { font-family: noto sans kr; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } * { font-family: noto sans kr, open sans, dejavu sans, sans-serif !important } a { background: 0 0 } a:focus { outline: thin dotted } a:active, a:hover { outline: 0 } h1 { font-size: 2em; margin: .67em 0; color: #111 !important; font-weight: 700 !important } h2, h3, h4, h5, h6 { font-weight: 700 !important; color: #111 !important } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } dfn { font-style: italic } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } mark { background: #ff0; color: #000 } code, kbd, pre, samp { font-family: monospace; font-size: 1em } pre { white-space: pre-wrap } q { quotes: "\201C" "\201D" "\2018" "\2019" } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 0 } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } span.icon { background: #f1f1f1; padding: 0 5px; font-weight: 700 } .button { background: #f1f1f1; padding: 0 5px } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0 } button, input { line-height: normal } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } *, *::before, *::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } html, body { font-size: 100% } body { background: #fff; color: rgba(0, 0, 0, .8); padding: 0; margin: 0; font-family: noto sans kr, noto serif, dejavu serif, serif; font-weight: 400; font-style: normal; line-height: 1; position: relative; cursor: auto; tab-size: 4; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased } a:hover { cursor: pointer } img, object, embed { max-width: 100%; height: auto } object, embed { height: 100% } img { -ms-interpolation-mode: bicubic } .left { float: left !important } .right { float: right !important } .text-left { text-align: left !important } .text-right { text-align: right !important } .text-center { text-align: center !important } .text-justify { text-align: justify !important } .hide { display: none } img, object, svg { display: inline-block; vertical-align: middle } textarea { height: auto; min-height: 50px } select { width: 100% } .center { margin-left: auto; margin-right: auto } .stretch { width: 100% } .subheader, .admonitionblock td.content > .title, .audioblock > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .stemblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, table.tableblock > .title, .verseblock > .title, .videoblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title { line-height: 1.45; color: #7a2518; font-weight: 400; margin-top: 0; margin-bottom: .25em } div, dl, dt, dd, ul, ol, li, h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr } a { color: #2156a5; text-decoration: underline; line-height: inherit } a:hover, a:focus { color: #1d4b8f } a img { border: 0 } p { font-family: inherit; font-weight: 400; font-size: 15px; line-height: 1.3; margin-bottom: 1.25em; text-rendering: optimizeLegibility } p aside { font-size: .875em; line-height: 1.35; font-style: italic } h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { font-family: noto sans kr, open sans, dejavu sans, sans-serif; font-weight: 300; font-style: normal; color: #111; text-rendering: optimizeLegibility; margin-top: 1em; margin-bottom: .5em; line-height: 1.0125em } h1 small, h2 small, h3 small, #toctitle small, .sidebarblock > .content > .title small, h4 small, h5 small, h6 small { font-size: 60%; color: #e99b8f; line-height: 0 } h1 { font-size: 3em !important } h2 { font-size: 2.35em !important } h3, #toctitle, .sidebarblock > .content > .title { font-size: 1.875em !important } h4 { font-size: 1.6em !important } h5 { font-size: 1.4em !important } h6 { font-size: 1.125em !important } hr { border: solid #dddddf; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0 } em, i { font-style: italic; line-height: inherit } strong, b { font-weight: 700; line-height: inherit } small { font-size: 60%; line-height: inherit } code[data-lang=bash] { font-family: Consolas, courier new, monospace !important; font-weight: 400; color: rgba(0, 0, 0, .9) } ul, ol, dl { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit } ul, ol { margin-left: 1.5em } ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit } ul.square { list-style-type: square } ul.circle { list-style-type: circle } ul.disc { list-style-type: disc } ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0 } dl dt { margin-bottom: .3125em; font-weight: 700 } dl dd { margin-bottom: 1.25em } abbr, acronym { text-transform: uppercase; font-size: 90%; color: rgba(0, 0, 0, .8); border-bottom: 1px dotted #ddd; cursor: help } abbr { text-transform: none } blockquote { margin: 0 0 1.25em; padding: .5625em 1.25em 0 1.1875em; border-left: 1px solid #ddd } blockquote cite { display: block; font-size: .9375em; color: rgba(0, 0, 0, .6) } blockquote cite::before { content: "\2014 \0020" } blockquote cite a, blockquote cite a:visited { color: rgba(0, 0, 0, .6) } blockquote, blockquote p { line-height: 1.6; color: rgba(0, 0, 0, .85) } .paragraph a { display: inline-block; margin-bottom: 1.25rem } @media screen and (min-width: 768px) { h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { line-height: 1.2 } h1 { font-size: 2.75em } h2 { font-size: 2em; margin-bottom: 1em } h3 { font-size: 1.6em; margin-top: 1.2em; margin-bottom: .85em } h3, #toctitle, .sidebarblock > .content > .title { font-size: 1.6875em } h4 { font-size: 1.3em; margin-top: 1.5em; margin-bottom: .85em } h4 > a { color: #333 } h5 { font-size: 1.15em; margin-top: 1.5em; margin-bottom: .85em } h6 { font-size: 1em; margin-top: 1.5em; margin-bottom: .85em } table { background: #fff; margin-bottom: 1.25em; border: solid 1px #dedede } table thead, table tfoot { background: #f7f8f7 } table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: .25rem; font-size: .85em; height: 40px; vertical-align: middle !important; color: rgba(0, 0, 0, .8); text-align: left } table tr th, table tr td { padding: .5625em .625em; font-size: inherit; color: rgba(0, 0, 0, .8) } table tr.even, table tr.alt { background: #f8f8f7 } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell !important; line-height: 1.6; font-size: .85em; height: 40px; vertical-align: middle !important } table tbody tr td { height: 45px } h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { line-height: 1.2; word-spacing: -.05em } h1 strong, h2 strong, h3 strong, #toctitle strong, .sidebarblock > .content > .title strong, h4 strong, h5 strong, h6 strong { font-weight: 400 } .clearfix::before, .clearfix::after, .float-group::before, .float-group::after { content: " "; display: table } .clearfix::after, .float-group::after { clear: both } :not(pre):not([class^=L]) > code { font-size: .9375em; font-style: normal !important; letter-spacing: 0; padding: .1em .5ex; word-spacing: -.15em; background: #f7f7f8; -webkit-border-radius: 4px; border-radius: 4px; line-height: 1.45; text-rendering: optimizeSpeed; word-wrap: break-word } :not(pre) > code.nobreak { word-wrap: normal } :not(pre) > code.nowrap { white-space: nowrap } pre { color: rgba(0, 0, 0, .9); font-family: noto sans kr, droid sans mono, dejavu sans mono, monospace; line-height: 1.45; text-rendering: optimizeSpeed } pre code, pre pre { color: inherit; font-size: 1em; line-height: inherit } pre > code { display: block } pre.nowrap, pre.nowrap pre { white-space: pre; word-wrap: normal } em em { font-style: normal } strong strong { font-weight: 400 } .keyseq { color: rgba(51, 51, 51, .8) } kbd { font-family: noto sans kr, droid sans mono, dejavu sans mono, monospace; display: inline-block; color: rgba(0, 0, 0, .8); font-size: .65em; line-height: 1.45; background: #f7f7f7; border: 1px solid #ccc; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 0 0 .1em white inset; box-shadow: 0 1px rgba(0, 0, 0, .2), 0 0 0 .1em #fff inset; margin: 0 .15em; padding: .2em .5em; vertical-align: middle; position: relative; top: -.1em; white-space: nowrap } .keyseq kbd:first-child { margin-left: 0 } .keyseq kbd:last-child { margin-right: 0 } .menuseq, .menuref { color: #000 } .menuseq b:not(.caret), .menuref { font-weight: inherit } .menuseq { word-spacing: -.02em } .menuseq b.caret { font-size: 1.25em; line-height: .8 } .menuseq i.caret { font-weight: 700; text-align: center; width: .45em } .button { font-weight: 700 } b.button::before, b.button::after { position: relative; top: -1px; font-weight: 400 } b.button::before { content: "["; padding: 0 3px 0 2px } b.button::after { content: "]"; padding: 0 2px 0 3px } p a > code:hover { color: rgba(0, 0, 0, .9) } #header::after { position: absolute; right: 0; top: 0; display: block; content: ''; height: 260px; width: 452px; z-index: 999; background-image: url(symbol.png); background-repeat: no-repeat; background-size: auto; background-position: 100% 46px } #header, #content, #footnotes, #footer { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; max-width: 100%; *zoom: 1; position: relative; padding-left: 23.9375em; padding-right: .9375em } #header::before, #header::after, #content::before, #content::after, #footnotes::before, #footnotes::after, #footer::before, #footer::after { content: " "; display: table } #header::after, #content::after, #footnotes::after, #footer::after { clear: both } #content { margin-top: 1.25em } #content::before { content: none } #header > h1:first-child { color: rgba(0, 0, 0, .85); margin-top: 2.25rem; margin-bottom: 0 } #header > h1:first-child + #toc { margin-top: 8px; border-top: 1px solid #dddddf } #header > h1:only-child, body.toc2 #header > h1:nth-last-child(2) { border-bottom: 1px solid #dddddf; padding-bottom: 8px } #header .details { line-height: 1.45; font-size: .85em; color: rgba(0, 0, 0, .6); display: inline-block; background-color: #ebf2f2; padding: 1.8rem 2.5rem; margin-top: 2rem; width: calc(100% - 100px) } #header .details span:first-child { margin-left: -.125em } #header .details span.email a { color: rgba(0, 0, 0, .85) } #header .details br { display: none } #header .details br + span::before { content: "\00a0\2013\00a0" } #header .details br + span.author::before { content: "\00a0\22c5\00a0"; color: rgba(0, 0, 0, .85) } #header .details br + span#revremark::before { content: "\00a0|\00a0" } #header #revnumber { text-transform: capitalize } #header #revnumber::after { content: "\00a0" } #content > h1:first-child:not([class]) { color: rgba(0, 0, 0, .85); border-bottom: 1px solid #dddddf; padding-bottom: 8px; margin-top: 0; padding-top: 1rem; margin-bottom: 1.25rem } #toc { border-bottom: 1px solid #e7e7e9; padding-bottom: .5em } #toc > ul { margin-left: .125em } #toc ul.sectlevel0 > li > a { font-style: italic } #toc ul.sectlevel0 ul.sectlevel1 { margin: .5em 0 } #toc ul { font-family: noto sans kr, open sans, dejavu sans, sans-serif; list-style-type: none } #toc ul.sectlevel1 > li > a { display: block; width: 100%; font-size: 1.2em; font-weight: 500; padding: .1rem .6rem } #toc ul li a { color: #111; line-height: 1.5 } #toc ul li a:hover { background: #f6e8ec; border-radius: 4px; color: #bf1c4a !important } #toc ul li a:focus { background: #bf1c4a; border-radius: 4px; color: #fff !important } #toc ul li a.focus { background: #bf1c4a; border-radius: 4px; color: #fff !important } #toc ul li ul.sectlevel2 li a { display: block; width: 100%; font-size: .9em; color: #111; padding: .1rem .6rem } #toc li { line-height: 1.3334; margin-top: 0 } #toc a { text-decoration: none } #toc a:active { text-decoration: underline } #toctitle { color: #bf1c4a; font-size: 1em; font-weight: 500 } @media screen and (min-width: 768px) { #toctitle { font-size: 1.375em !important } #toc.toc2 { margin-top: 0 !important; background: #f8f9fa; position: fixed; width: 15em; left: 0; top: 0; border-right: 1px solid #e7e7e9; border-top-width: 0 !important; border-bottom-width: 0 !important; z-index: 1000; padding: 1.25em 1em; height: 100%; overflow: auto } #toc.toc2 #toctitle { margin-top: 0; margin-bottom: .8rem; margin-left: 0.7rem; font-size: 1.2em } #toc.toc2 > ul { font-size: .9em; margin-bottom: 0 } #toc.toc2 ul ul { margin-left: 0; padding-left: 1em } #toc.toc2 ul.sectlevel0 ul.sectlevel1 { padding-left: 0; margin-top: .5em; margin-bottom: .5em } body.toc2.toc-right { padding-left: 0; padding-right: 15em } body.toc2.toc-right #toc.toc2 { border-right-width: 0; border-left: 1px solid #e7e7e9; left: auto; right: 0 } } @media screen and (min-width: 1280px) { body.toc2 { } #toc.toc2 { width: 20em } #toc.toc2 #toctitle { font-size: 1.2em } #toc.toc2 > ul { font-size: .95em } #toc.toc2 ul ul { padding-left: 1.25em } #toc.toc2 ul.sectlevel1 > li { margin-top: 1em } body.toc2.toc-right { padding-left: 0; padding-right: 20em } } #content #toc { border-style: solid; border-width: 1px; border-color: #e0e0dc; margin-bottom: 1.25em; padding: 1.25em; background: #f8f8f7; -webkit-border-radius: 4px; border-radius: 4px } #content #toc > :first-child { margin-top: 0 } #content #toc > :last-child { margin-bottom: 0 } #footer { max-width: 100%; background: rgba(0, 0, 0, .8); padding: 1.25em } #footer-text { color: rgba(255, 255, 255, .8); line-height: 1.44 } #content { margin-bottom: .625em } .sect1 { padding-bottom: .625em } @media screen and (min-width: 768px) { #content { margin-bottom: 1.25em } .sect1 { padding-bottom: 1.25em } } .sect1:last-child { padding-bottom: 0 } .sect1 + .sect1 { border-top: 1px solid #e7e7e9 } #content h1 > a.anchor, h2 > a.anchor, h3 > a.anchor, #toctitle > a.anchor, .sidebarblock > .content > .title > a.anchor, h4 > a.anchor, h5 > a.anchor, h6 > a.anchor { position: absolute; z-index: 1001; width: 1.5ex; margin-left: -1.5ex; display: block; text-decoration: none !important; visibility: hidden; text-align: center; font-weight: 400 } #content h1 > a.anchor::before, h2 > a.anchor::before, h3 > a.anchor::before, #toctitle > a.anchor::before, .sidebarblock > .content > .title > a.anchor::before, h4 > a.anchor::before, h5 > a.anchor::before, h6 > a.anchor::before { content: "\00A7"; font-size: .85em; display: block; padding-top: .1em } #content h1:hover > a.anchor, #content h1 > a.anchor:hover, h2:hover > a.anchor, h2 > a.anchor:hover, h3:hover > a.anchor, #toctitle:hover > a.anchor, .sidebarblock > .content > .title:hover > a.anchor, h3 > a.anchor:hover, #toctitle > a.anchor:hover, .sidebarblock > .content > .title > a.anchor:hover, h4:hover > a.anchor, h4 > a.anchor:hover, h5:hover > a.anchor, h5 > a.anchor:hover, h6:hover > a.anchor, h6 > a.anchor:hover { visibility: visible } #content h1 > a.link, h2 > a.link, h3 > a.link, #toctitle > a.link, .sidebarblock > .content > .title > a.link, h4 > a.link, h5 > a.link, h6 > a.link { color: #111; text-decoration: none } #content h1 > a.link:hover, h2 > a.link:hover, h3 > a.link:hover, #toctitle > a.link:hover, .sidebarblock > .content > .title > a.link:hover, h4 > a.link:hover, h5 > a.link:hover, h6 > a.link:hover { color: #bf1c4a; } details, .audioblock, .imageblock, .literalblock, .listingblock, .stemblock, .videoblock { margin-bottom: 1.25em } details > summary:first-of-type { cursor: pointer; display: list-item; outline: none; margin-bottom: .75em } .admonitionblock td.content > .title, .audioblock > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .stemblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, table.tableblock > .title, .verseblock > .title, .videoblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title { text-rendering: optimizeLegibility; text-align: left; font-family: noto sans kr, noto serif, dejavu serif, serif; font-size: .8rem; color: #70767b } table.tableblock.fit-content > caption.title { white-space: nowrap; width: 0 } .paragraph > .title { font-size: 1em } .paragraph.lead > p, #preamble > .sectionbody > [class=paragraph]:first-of-type p { font-size: 1.21875em; line-height: 1.6; color: rgba(0, 0, 0, .85) } table.tableblock #preamble > .sectionbody > [class=paragraph]:first-of-type p { font-size: inherit } .admonitionblock table { border-collapse: separate; border: 0; background: 0 0; width: 100%; min-height: 60px } .admonitionblock table td.icon { position: relative; text-align: center; width: 30px; padding: 0 !important; } .admonitionblock table td.icon img { max-width: none } .admonitionblock table td.icon .title { font-weight: 700; font-family: noto sans kr, open sans, dejavu sans, sans-serif; text-transform: uppercase } .admonitionblock table td.content { padding-left: 1.125em; padding-right: 1.25em; color: #111; position: relative } .admonitionblock table td.content:after { content: ''; display: block; width: 1px; height: 80%; position: absolute; left: 0; top: 10%; border-left: 1px solid #e6e6e6 } .admonitionblock table td.content > :last-child > :last-child { margin-bottom: 0 } .exampleblock .content { border-style: solid; border-width: 1px; border-color: #e6e6e6; margin-bottom: 1.25em; padding: 1.25em; background: #fff; -webkit-border-radius: 4px; border-radius: 4px } .exampleblock .content > :first-child { margin-top: 0 } .exampleblock .content > :last-child { margin-bottom: 0 } .sidebarblock { border-style: solid; border-width: 1px; border-color: #dbdbd6; margin-bottom: 1.25em; padding: 1.25em; background: #f3f3f2; -webkit-border-radius: 4px; border-radius: 4px } .sidebarblock > :first-child { margin-top: 0 } .sidebarblock > :last-child { margin-bottom: 0 } .sidebarblock > .content > .title { color: #7a2518; margin-top: 0; text-align: center } .exampleblock > .content > :last-child > :last-child, .exampleblock > .content .olist > ol > li:last-child > :last-child, .exampleblock > .content .ulist > ul > li:last-child > :last-child, .exampleblock > .content .qlist > ol > li:last-child > :last-child, .sidebarblock > .content > :last-child > :last-child, .sidebarblock > .content .olist > ol > li:last-child > :last-child, .sidebarblock > .content .ulist > ul > li:last-child > :last-child, .sidebarblock > .content .qlist > ol > li:last-child > :last-child { margin-bottom: 0 } .literalblock pre, .listingblock > .content > pre { -webkit-border-radius: 4px; border-radius: 4px; word-wrap: break-word; overflow-x: auto; padding: 1em; font-size: .8125em } .literalblock pre, .listingblock > .content > pre:not(.highlight), .listingblock > .content > pre[class=highlight], .listingblock > .content > pre[class^="highlight "] { background: #f7f7f8 } .literalblock.output pre { color: #f7f7f8; background: rgba(0, 0, 0, .9) } .listingblock > .content { position: relative } .listingblock code[data-lang]::before { display: none; content: attr(data-lang); position: absolute; font-size: .75em; top: .425rem; right: .5rem; line-height: 1; text-transform: uppercase; color: inherit; opacity: .5 } .listingblock:hover code[data-lang]::before { display: block } .listingblock.terminal pre .command::before { content: attr(data-prompt); padding-right: .5em; color: inherit; opacity: .5 } .listingblock.terminal pre .command:not([data-prompt])::before { content: "$" } .listingblock pre.highlightjs { padding: 0 } .listingblock pre.highlightjs > code { padding: 1em; -webkit-border-radius: 4px; border-radius: 4px } .listingblock pre.prettyprint { border-width: 0 } .prettyprint { background: #f7f7f8 } pre.prettyprint .linenums { line-height: 1.45; margin-left: 2em } pre.prettyprint li { background: 0 0; list-style-type: inherit; padding-left: 0 } pre.prettyprint li code[data-lang]::before { opacity: 1 } pre.prettyprint li:not(:first-child) code[data-lang]::before { display: none } table.linenotable { border-collapse: separate; border: 0; margin-bottom: 0; background: 0 0 } table.linenotable td[class] { color: inherit; vertical-align: top; padding: 0; line-height: inherit; white-space: normal } table.linenotable td.code { padding-left: .75em } table.linenotable td.linenos { border-right: 1px solid; opacity: .35; padding-right: .5em } pre.pygments .lineno { border-right: 1px solid; opacity: .35; display: inline-block; margin-right: .75em } pre.pygments .lineno::before { content: ""; margin-right: -.125em } .quoteblock { margin: 0 1em 1.25em 1.5em; display: table } .quoteblock > .title { margin-left: -1.5em; margin-bottom: .75em } .quoteblock blockquote, .quoteblock p { color: rgba(0, 0, 0, .85); font-size: 1.15rem; line-height: 1.75; word-spacing: .1em; letter-spacing: 0; font-style: italic; text-align: justify } .quoteblock blockquote { margin: 0; padding: 0; border: 0 } .quoteblock blockquote::before { content: "\201c"; float: left; font-size: 2.75em; font-weight: 700; line-height: .6em; margin-left: -.6em; color: #7a2518; text-shadow: 0 1px 2px rgba(0, 0, 0, .1) } .quoteblock blockquote > .paragraph:last-child p { margin-bottom: 0 } .quoteblock .attribution { margin-top: .75em; margin-right: .5ex; text-align: right } .verseblock { margin: 0 1em 1.25em } .verseblock pre { font-family: noto sans kr, open sans, dejavu sans, sans; font-size: 1.15rem; color: rgba(0, 0, 0, .85); font-weight: 300; text-rendering: optimizeLegibility } .verseblock pre strong { font-weight: 400 } .verseblock .attribution { margin-top: 1.25rem; margin-left: .5ex } .quoteblock .attribution, .verseblock .attribution { font-size: .9375em; line-height: 1.45; font-style: italic } .quoteblock .attribution br, .verseblock .attribution br { display: none } .quoteblock .attribution cite, .verseblock .attribution cite { display: block; letter-spacing: -.025em; color: rgba(0, 0, 0, .6) } .quoteblock.abstract blockquote::before, .quoteblock.excerpt blockquote::before, .quoteblock .quoteblock blockquote::before { display: none } .quoteblock.abstract blockquote, .quoteblock.abstract p, .quoteblock.excerpt blockquote, .quoteblock.excerpt p, .quoteblock .quoteblock blockquote, .quoteblock .quoteblock p { line-height: 1.6; word-spacing: 0 } .quoteblock.abstract { margin: 0 1em 1.25em; display: block } .quoteblock.abstract > .title { margin: 0 0 .375em; font-size: 1.15em; text-align: center } .quoteblock.excerpt, .quoteblock .quoteblock { margin: 0 0 1.25em; padding: 0 0 .25em 1em; border-left: .25em solid #dddddf } .quoteblock.excerpt blockquote, .quoteblock.excerpt p, .quoteblock .quoteblock blockquote, .quoteblock .quoteblock p { color: inherit; font-size: 15px } .quoteblock.excerpt .attribution, .quoteblock .quoteblock .attribution { color: inherit; text-align: left; margin-right: 0 } table.tableblock { max-width: 100%; border-collapse: separate } p.tableblock:last-child { margin-bottom: 0 } td.tableblock > .content > :last-child { margin-bottom: -1.25em } td.tableblock > .content > :last-child.sidebarblock { margin-bottom: 0 } table.tableblock, th.tableblock, td.tableblock { border: 0 solid #dedede } table.grid-all > thead > tr > .tableblock, table.grid-all > tbody > tr > .tableblock { border-width: 0 1px 1px 0; text-align: center; background: 0 0 !important; color: #111; font-weight: 700 } table.grid-all > thead > tr > td.tableblock, table.grid-all > tbody > tr > td.tableblock { text-align: left } table.grid-all > tbody > tr > td.tableblock p { font-size: 1.08em } table.grid-all > thead > tr:nth-child(even) > td { background: #f8f9fa !important } table.grid-all > tfoot > tr > .tableblock { border-width: 1px 1px 0 0 } table.grid-cols > * > tr > .tableblock { border-width: 0 1px 0 0 } table.grid-rows > thead > tr > .tableblock, table.grid-rows > tbody > tr > .tableblock { border-width: 0 0 1px } table.grid-rows > tfoot > tr > .tableblock { border-width: 1px 0 0 } table.grid-all > * > tr > .tableblock:last-child, table.grid-cols > * > tr > .tableblock:last-child { border-right-width: 0 } table.grid-all > tbody > tr:last-child > .tableblock, table.grid-all > thead:last-child > tr > .tableblock, table.grid-rows > tbody > tr:last-child > .tableblock, table.grid-rows > thead:last-child > tr > .tableblock { border-bottom-width: 0 } table.frame-all { border-width: 1px } table.frame-sides { border-width: 0 1px } table.frame-topbot, table.frame-ends { border-width: 1px 0 } table.stripes-all tr, table.stripes-odd tr:nth-of-type(odd), table.stripes-even tr:nth-of-type(even), table.stripes-hover tr:hover { background: #f8f8f7 } th.halign-left, td.halign-left { text-align: left } th.halign-right, td.halign-right { text-align: right } th.halign-center, td.halign-center { text-align: center } th.valign-top, td.valign-top { vertical-align: top } th.valign-bottom, td.valign-bottom { vertical-align: bottom } th.valign-middle, td.valign-middle { vertical-align: middle } table thead th, table tfoot th { font-weight: 700 } table tr th { font-size: .93em !important } tbody tr th { display: table-cell; line-height: 1.6; background: #f7f8f7 } tbody tr th, tbody tr th p, tfoot tr th, tfoot tr th p { color: rgba(0, 0, 0, .8); font-weight: 700 } p.tableblock > code:only-child { background: 0 0; padding: 0 } p.tableblock { font-size: 1em } ol { margin-left: 1.75em } ul li ol { margin-left: 1.5em } dl dd { margin-left: 1.125em } dl dd:last-child, dl dd:last-child > :last-child { margin-bottom: 0 } ol > li p, ul > li p, ul dd, ol dd, .olist .olist, .ulist .ulist, .ulist .olist, .olist .ulist { margin-bottom: .625em } ul.checklist, ul.none, ol.none, ul.no-bullet, ol.no-bullet, ol.unnumbered, ul.unstyled, ol.unstyled { list-style-type: none } ul.no-bullet, ol.no-bullet, ol.unnumbered { margin-left: .625em } ul.unstyled, ol.unstyled { margin-left: 0 } ul.checklist { margin-left: .625em } ul.checklist li > p:first-child > .fa-square-o:first-child, ul.checklist li > p:first-child > .fa-check-square-o:first-child { width: 1.25em; font-size: .8em; position: relative; bottom: .125em } ul.checklist li > p:first-child > input[type=checkbox]:first-child { margin-right: .25em } ul.inline { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; list-style: none; margin: 0 0 .625em -1.25em } ul.inline > li { margin-left: 1.25em } .unstyled dl dt { font-weight: 400; font-style: normal } ol.arabic { list-style-type: decimal } ol.decimal { list-style-type: decimal-leading-zero } ol.loweralpha { list-style-type: lower-alpha } ol.upperalpha { list-style-type: upper-alpha } ol.lowerroman { list-style-type: lower-roman } ol.upperroman { list-style-type: upper-roman } ol.lowergreek { list-style-type: lower-greek } .hdlist > table, .colist > table { border: 0; background: 0 0 } .hdlist > table > tbody > tr, .colist > table > tbody > tr { background: 0 0 } td.hdlist1, td.hdlist2 { vertical-align: top; padding: 0 .625em } td.hdlist1 { font-weight: 700; padding-bottom: 1.25em } .literalblock + .colist, .listingblock + .colist { margin-top: -.5em } .colist td:not([class]):first-child { padding: .4em .75em 0; line-height: 1; vertical-align: top } .colist td:not([class]):first-child img { max-width: none } .colist td:not([class]):last-child { padding: .25em 0 } .thumb, .th { line-height: 0; display: inline-block; border: solid 4px #fff; -webkit-box-shadow: 0 0 0 1px #ddd; box-shadow: 0 0 0 1px #ddd } .imageblock { } .imageblock .content { box-shadow: 0 3px 10px rgba(0, 0, 0, .16); padding: 10px 3%; text-align: center; margin-bottom: 10px; border: 1px solid #e6e6e6; border-radius: 6px } .imageblock .content img { width: 94% } .imageblock.left { margin: .25em .625em 1.25em 0 } .imageblock.right { margin: .25em 0 1.25em .625em } .imageblock > .title { margin-bottom: 0 } .imageblock.thumb, .imageblock.th { border-width: 6px } .imageblock.thumb > .title, .imageblock.th > .title { padding: 0 .125em } .image.left, .image.right { margin-top: .25em; margin-bottom: .25em; display: inline-block; line-height: 0 } .image.left { margin-right: .625em } .image.right { margin-left: .625em } a.image { text-decoration: none; display: inline-block } a.image object { pointer-events: none } sup.footnote, sup.footnoteref { font-size: .875em; position: static; vertical-align: super } sup.footnote a, sup.footnoteref a { text-decoration: none } sup.footnote a:active, sup.footnoteref a:active { text-decoration: underline } #footnotes { padding-top: .75em; padding-bottom: .75em; margin-bottom: .625em } #footnotes hr { width: 20%; min-width: 6.25em; margin: -.25em 0 .75em; border-width: 1px 0 0 } #footnotes .footnote { padding: 0 .375em 0 .225em; line-height: 1.3334; font-size: .875em; margin-left: 1.2em; margin-bottom: .2em } #footnotes .footnote a:first-of-type { font-weight: 700; text-decoration: none; margin-left: -1.05em } #footnotes .footnote:last-of-type { margin-bottom: 0 } #content #footnotes { margin-top: -.625em; margin-bottom: 0; padding: .75em 0 } .gist .file-data > table { border: 0; background: #fff; width: 100%; margin-bottom: 0 } .gist .file-data > table td.line-data { width: 99% } div.unbreakable { page-break-inside: avoid } .big { font-size: larger } .small { font-size: smaller } .underline { text-decoration: underline } .overline { text-decoration: overline } .line-through { text-decoration: line-through } .aqua { color: #00bfbf } .aqua-background { background: #00fafa } .black { color: #000 } .black-background { background: #000 } .blue { color: #0000bf } .blue-background { background: #0000fa } .fuchsia { color: #bf00bf } .fuchsia-background { background: #fa00fa } .gray { color: #606060 } .gray-background { background: #7d7d7d } .green { color: #006000 } .green-background { background: #007d00 } .lime { color: #00bf00 } .lime-background { background: #00fa00 } .maroon { color: #600000 } .maroon-background { background: #7d0000 } .navy { color: #000060 } .navy-background { background: #00007d } .olive { color: #606000 } .olive-background { background: #7d7d00 } .purple { color: #600060 } .purple-background { background: #7d007d } .red { color: #bf0000 } .red-background { background: #fa0000 } .silver { color: #909090 } .silver-background { background: #bcbcbc } .teal { color: #006060 } .teal-background { background: #007d7d } .white { color: #bfbfbf } .white-background { background: #fafafa } .yellow { color: #bfbf00 } .yellow-background { background: #fafa00 } span.icon > .fa { cursor: default } a span.icon > .fa { cursor: inherit } .fa { font: 30px/1 FontAwesome !important } .admonitionblock td.icon [class^="fa icon-"] { font-size: 2.5em; text-shadow: 1px 1px 2px rgba(0, 0, 0, .5); cursor: default; font-family: FontAwesome } .admonitionblock td.icon .icon-note::before { content: "\f05a"; color: #19407c } .admonitionblock td.icon .icon-tip::before { content: "\f0eb"; text-shadow: 1px 1px 2px rgba(155, 155, 0, .8); color: #111 } .admonitionblock td.icon .icon-warning::before { content: "\f071"; color: #bf6900 } .admonitionblock td.icon .icon-caution::before { content: "\f06d"; color: #bf3400 } .admonitionblock td.icon .icon-important::before { content: "\f06a"; color: #bf0000 } .admonitionblock table { border-radius: 0px; border-collapse: unset !important; } .admonitionblock table td.content { padding-left: 0.125em !important; } .admonitionblock table td.content::after { border-left: none !important; } .admonitionblock table td.icon > i { position: absolute; top: 10px; left: 5px; } .admonitionblock.important table { border: none !important; background-color: #f9ebeb; border-radius: 4px; } .admonitionblock.important table td.icon > i { display: block; /*position: absolute; top: 18px; left: 20px;*/ width: 50px; text-align: right; text-shadow: 1px 1px 2px rgb(0 0 0 / 0%); font-size: 2.5em !important; background: transparent; } .admonitionblock.important table td.icon > i::after { content: ""; font-size: 15px; font-weight: 600; padding-left: 8px; margin-top: 0px; display: inline-block; vertical-align: middle; } .admonitionblock.important table td.icon > i::before { display: inline-block; vertical-align: middle; color: #e04e4e; padding-left: 10px; } .admonitionblock.note table { border: none !important; background-color: #e9f1f6; border-radius: 4px; } .admonitionblock.note table td.icon > i { display: block; /* position: absolute; */ /* top: 10px; */ /* left: 20px; */ width: 50px; text-align: right; text-shadow: 1px 1px 2px rgb(0 0 0 / 0%); font-size: 2.5em !important; background: transparent; } .admonitionblock.note table td.icon > i::after { content: ""; font-size: 15px; font-weight: 600; padding-left: 8px; margin-top: 0px; display: inline-block; vertical-align: middle; } .admonitionblock.note table td.icon > i::before { color: #4273bf; } .admonitionblock.note table td.icon > i::before { display: inline-block; vertical-align: middle; color: #0073bb; padding-left: 10px; } .admonitionblock table td.content { padding-left: 2.5em !important; } /*=== 210916 css 추가 ===*/ .admonitionblock.warning table { border: none !important; background-color: #fbeede; border-radius: 4px } .admonitionblock.warning table td.icon > i { display: block; width: 50px; text-align: right; text-shadow: 1px 1px 2px transparent; font-size: 2.5em !important; background: 0 0 } .admonitionblock.warning table td.icon > i::after { content: ""; font-size: 15px; font-weight: 600; padding-left: 8px; margin-top: 0; display: inline-block; vertical-align: middle } .admonitionblock.warning table td.icon > i::before { display: inline-block; vertical-align: middle; color: #e88f22; padding-left: 10px } .admonitionblock.tip table { border: none !important; background-color: #edf5ed; border-radius: 4px } .admonitionblock.tip table td.icon > i { display: block; width: 50px; text-align: right; text-shadow: 1px 1px 2px transparent; font-size: 2.5em !important; background: 0 0 } .admonitionblock.tip table td.icon > i::after { content: ""; font-size: 15px; font-weight: 600; padding-left: 8px; margin-top: 0; display: inline-block; vertical-align: middle } .admonitionblock.tip table td.icon > i::before { display: inline-block; vertical-align: middle; color: #508e50; padding-left: 10px; text-shadow: none; } .admonitionblock table td.icon > i { position: absolute; top: calc(50% - 20px); left: 5px; } .conum[data-value] { display: inline-block; color: #fff !important; background: rgba(0, 0, 0, .8); -webkit-border-radius: 100px; border-radius: 100px; text-align: center; font-size: .75em; width: 1.67em; height: 1.67em; line-height: 1.67em; font-family: noto sans kr, open sans, dejavu sans, sans-serif; font-style: normal; font-weight: 700 } .conum[data-value] * { color: #fff !important } .conum[data-value] + b { display: none } .conum[data-value]::after { content: attr(data-value) } pre .conum[data-value] { position: relative; top: -.125em } b.conum * { color: inherit !important } .conum:not([data-value]):empty { display: none } dt, th.tableblock, td.content, div.footnote { text-rendering: optimizeLegibility } h1, h2, p, td.content, span.alt { letter-spacing: -.01em } p strong, td.content strong, div.footnote strong { letter-spacing: -.005em } p, blockquote, dt, td.content, span.alt { font-size: 15px; line-height: 1.6 } p { margin-bottom: 1.25rem } .sidebarblock p, .sidebarblock dt, .sidebarblock td.content, p.tableblock { font-size: 1em } .exampleblock > .content { background: #fffef7; border-color: #e0e0dc; -webkit-box-shadow: 0 1px 4px #e0e0dc; box-shadow: 0 1px 4px #e0e0dc } .print-only { display: none !important } @page { margin: 1.25cm .75cm } @media print { * { -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important } html { font-size: 80% } a { color: inherit !important; text-decoration: underline !important } a.bare, a[href^="#"], a[href^="mailto:"] { text-decoration: none !important } a[href^="http:"]:not(.bare)::after, a[href^="https:"]:not(.bare)::after { content: "(" attr(href) ")"; display: inline-block; font-size: .875em; padding-left: .25em } abbr[title]::after { content: " (" attr(title) ")" } pre, blockquote, tr, img, object, svg { page-break-inside: avoid } thead { display: table-header-group } svg { max-width: 100% } p, blockquote, dt, td.content { font-size: 1em; orphans: 3; widows: 3 } h2, h3, #toctitle, .sidebarblock > .content > .title { page-break-after: avoid } #toc, .sidebarblock, .exampleblock > .content { background: 0 0 !important } #toc { border-bottom: 1px solid #dddddf !important; padding-bottom: 0 !important } body.book #header { text-align: center } body.book #header > h1:first-child { border: 0 !important; margin: 2.5em 0 1em } body.book #header .details { border: 0 !important; display: block; padding: 0 !important } body.book #header .details span:first-child { margin-left: 0 !important } body.book #header .details br { display: block } body.book #header .details br + span::before { content: none !important } body.book #toc { border: 0 !important; text-align: left !important; padding: 0 !important; margin: 0 !important } body.book #toc, body.book #preamble, body.book h1.sect0, body.book .sect1 > h2 { page-break-before: always } .listingblock code[data-lang]::before { display: block } #footer { padding: 0 .9375em } .hide-on-print { display: none !important } .print-only { display: block !important } .hide-for-print { display: none !important } .show-for-print { display: inherit !important } } @media print, amzn-kf8 { #header > h1:first-child { margin-top: 1.25rem } .sect1 { padding: 0 !important } .sect1 + .sect1 { border: 0 } #footer { background: 0 0 } #footer-text { color: rgba(0, 0, 0, .6); font-size: .9em } } @media amzn-kf8 { #header, #content, #footnotes, #footer { padding: 0 } } pre.CodeRay { background-color: #f7f7f8; border: 1px solid #e6e6e6; border-radius: 10px } pre.CodeRay code, pre.CodeRay pre { font-size: 1.08em } /* Dark Mode */ .color-toggle-dark #toc.toc2 { background: #2c3238 !important; border-right: 1px solid #495056; } .color-toggle-dark #toc ul.sectlevel1 li a { color: #90959a !important; } .color-toggle-dark #toc ul.sectlevel1 li ul.sectlevel2 li a { color: #90959a !important; } .color-toggle-dark #toc ul.sectlevel1 li ul.sectlevel2 li a:hover { color: #e24b8e !important; } .color-toggle-dark #toctitle { color: #e2458b !important; } .color-toggle-dark #toc ul li a:hover { color: #e24b8e !important; background: rgb(177 177 177 / 15%) !important; } .color-toggle-dark #toc ul li a.focus { background: #c53c79 !important; } .color-toggle-dark #header > h1 { color: #90959a !important; } .color-toggle-dark #header .details { color: #90959a !important; background-color: rgb(235 242 242 / 15%); } .color-toggle-dark #content h1 > a.link, .color-toggle-dark h2 > a.link, .color-toggle-dark h3 > a.link, .color-toggle-dark #toctitle > a.link, .color-toggle-dark .sidebarblock > .content > .title > a.link, .color-toggle-dark h4 > a.link, .color-toggle-dark h5 > a.link, .color-toggle-dark h6 > a.link { color: #90959a !important; } .color-toggle-dark #content h1 > a.link:hover, .color-toggle-dark h2 > a.link:hover, .color-toggle-dark h3 > a.link:hover, .color-toggle-dark #toctitle > a.link:hover, .color-toggle-dark .sidebarblock > .content > .title > a.link:hover, .color-toggle-dark h4 > a.link:hover, .color-toggle-dark h5 > a.link:hover, .color-toggle-dark h6 > a.link:hover { color: #e24b8e !important } .color-toggle-dark #header .details span.email a { color: #f5f5f5; } .color-toggle-dark .admonitionblock.note table { background-color: rgb(5 34 51 / 50%) !important; } .color-toggle-dark .admonitionblock table tr { background: none !important; } .color-toggle-dark .admonitionblock table td.content { color: #90959a !important; } .color-toggle-dark .admonitionblock.important table { background-color: rgb(78 13 13 / 50%); } .color-toggle-dark a { color: #528be0; } .color-toggle-dark .button { background: rgb(241 241 241 / 15%); } .color-toggle-dark .sect1 + .sect1 { border-top: 1px solid rgb(231 231 233 / 25%); } .color-toggle-dark main.container { padding: 0rem 1rem 1rem; } .color-toggle-dark table thead, .color-toggle-dark table tfoot { background: #3d454c; } .color-toggle-dark table.grid-all > thead > tr > .tableblock, .color-toggle-dark table.grid-all > tbody > tr > .tableblock { color: #90959a !important; } .color-toggle-dark .gdoc-markdown table:not(.lntable) tbody tr:nth-child(1n) { background: #353c41; } .color-toggle-dark .gdoc-markdown table:not(.lntable) tbody tr:nth-child(2n) { background: #2f353a; } .color-toggle-dark .gdoc-markdown table:not(.lntable) tr { border-bottom: 1px solid #495056; } .color-toggle-dark .gdoc-markdown table:not(.lntable) thead { border-bottom: 1px solid #5a6268; } .color-toggle-dark table.tableblock, .color-toggle-dark th.tableblock, .color-toggle-dark td.tableblock { border: 1px solid #495056; } .color-toggle-dark pre.CodeRay { background-color: #2f353a; border: 1px solid #4e555c; } .color-toggle-dark pre.CodeRay code[data-lang=bash] { color: #90959a; } /* Auto Mode */ .color-toggle-auto #toc.toc2 { background: #2c3238 !important; border-right: 1px solid #495056; } .color-toggle-auto #toc ul.sectlevel1 li a { color: #90959a !important; } .color-toggle-auto #toc ul.sectlevel1 li ul.sectlevel2 li a { color: #90959a !important; } .color-toggle-auto #toc ul.sectlevel1 li ul.sectlevel2 li a:hover { color: #e24b8e !important; } .color-toggle-auto #toctitle { color: #e2458b !important; } .color-toggle-auto #toc ul li a:hover { color: #e24b8e !important; background: rgb(177 177 177 / 15%) !important; } .color-toggle-auto #toc ul li a.focus { background: #c53c79 !important; } .color-toggle-auto #header > h1 { color: #90959a !important; } .color-toggle-auto #header .details { color: #90959a !important; background-color: rgb(235 242 242 / 15%); } .color-toggle-auto #content h1 > a.link, .color-toggle-auto h2 > a.link, .color-toggle-auto h3 > a.link, .color-toggle-auto #toctitle > a.link, .color-toggle-auto .sidebarblock > .content > .title > a.link, .color-toggle-auto h4 > a.link, .color-toggle-auto h5 > a.link, .color-toggle-auto h6 > a.link { color: #90959a !important; } .color-toggle-auto #content h1 > a.link:hover, .color-toggle-auto h2 > a.link:hover, .color-toggle-auto h3 > a.link:hover, .color-toggle-auto #toctitle > a.link:hover, .color-toggle-auto .sidebarblock > .content > .title > a.link:hover, .color-toggle-auto h4 > a.link:hover, .color-toggle-auto h5 > a.link:hover, .color-toggle-auto h6 > a.link:hover { color: #e24b8e !important } .color-toggle-auto #header .details span.email a { color: #f5f5f5; } .color-toggle-auto .admonitionblock.note table { background-color: rgb(5 34 51 / 50%) !important; } .color-toggle-auto .admonitionblock table tr { background: none !important; } .color-toggle-auto .admonitionblock table td.content { color: #90959a !important; } .color-toggle-auto .admonitionblock.important table { background-color: rgb(78 13 13 / 50%); } .color-toggle-auto a { color: #528be0; } .color-toggle-auto .button { background: rgb(241 241 241 / 15%); } .color-toggle-auto .sect1 + .sect1 { border-top: 1px solid rgb(231 231 233 / 25%); } .color-toggle-auto main.container { padding: 0rem 1rem 1rem; } .color-toggle-auto table thead, .color-toggle-auto table tfoot { background: #3d454c; } .color-toggle-auto table.grid-all > thead > tr > .tableblock, .color-toggle-auto table.grid-all > tbody > tr > .tableblock { color: #90959a !important; } .color-toggle-auto .gdoc-markdown table:not(.lntable) tbody tr:nth-child(1n) { background: #353c41; } .color-toggle-auto .gdoc-markdown table:not(.lntable) tbody tr:nth-child(2n) { background: #2f353a; } .color-toggle-auto .gdoc-markdown table:not(.lntable) tr { border-bottom: 1px solid #495056; } .color-toggle-auto .gdoc-markdown table:not(.lntable) thead { border-bottom: 1px solid #5a6268; } .color-toggle-auto table.tableblock, .color-toggle-auto th.tableblock, .color-toggle-auto td.tableblock { border: 1px solid #495056; } .color-toggle-auto pre.CodeRay { background-color: #2f353a; border: 1px solid #4e555c; } .color-toggle-auto pre.CodeRay code[data-lang=bash] { color: #90959a; } /* main-0c0de99286.min.css 수정 */ .gdoc-markdown ol, .gdoc-markdown ul { padding-left: 0rem; } .gdoc-page__header { margin-left: 19rem; } .gdoc-markdown__align--left { margin-left: 19rem; } .gdoc-page__footer a, .gdoc-page__footer a:visited, .gdoc-page__header a, .gdoc-page__header a:visited { color: #518169; } .gdoc-markdown table:not(.lntable) thead { border-bottom: 1px solid #dedede; } .gdoc-markdown b, .gdoc-markdown optgroup, .gdoc-markdown strong { font-weight: 700; } .gdoc-markdown table:not(.lntable) tr { border-bottom: 1px solid #dedede; } main.container { padding: 0rem 1rem 1rem; } #content p .icon { display: inline-block; width: auto !important; height: auto !important; top: unset; stroke-width: unset; stroke: currentColor; fill: currentColor; position: relative; } @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } audio, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } html { font-family: "Noto Sans KR"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } * { font-family: "Noto Sans KR", "Open Sans", "DejaVu Sans", sans-serif !important; } a { background: none } a:focus { outline: thin dotted } a:active, a:hover { outline: 0 } h1 { font-size: 2em; margin: .67em 0; color: #111 !important; font-weight: bold !important; } h2, h3, h4, h5, h6 { font-weight: bold !important; color: #111 !important; } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } dfn { font-style: italic } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } mark { background: #ff0; color: #000 } code, kbd, pre, samp { font-family: monospace; font-size: 1em } pre { white-space: pre-wrap } q { quotes: "\201C" "\201D" "\2018" "\2019" } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 0 } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } span.icon { background: #f1f1f1; padding: 0px 5px; font-weight: bold; display: unset; } .button { background: #f1f1f1; padding: 0px 5px; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0 } button, input { line-height: normal } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0 } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } *, *::before, *::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } html, body { font-size: 100% } body { background: #fff; color: rgba(0, 0, 0, .8); padding: 0; margin: 0; font-family: "Noto Sans KR", "Noto Serif", "DejaVu Serif", serif; font-weight: 400; font-style: normal; line-height: 1; position: relative; cursor: auto; tab-size: 4; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } a:hover { cursor: pointer } img, object, embed { max-width: 100%; height: auto } object, embed { height: 100% } img { -ms-interpolation-mode: bicubic } .left { float: left !important } .right { float: right !important } .text-left { text-align: left !important } .text-right { text-align: right !important } .text-center { text-align: center !important } .text-justify { text-align: justify !important } .hide { display: none } img, object, svg { display: inline-block; vertical-align: middle } textarea { height: auto; min-height: 50px } select { width: 100% } .center { margin-left: auto; margin-right: auto } .stretch { width: 100% } .subheader, .admonitionblock td.content > .title, .audioblock > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .stemblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, table.tableblock > .title, .verseblock > .title, .videoblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title { line-height: 1.45; color: #7a2518; font-weight: 400; margin-top: 0; margin-bottom: .25em } .admonitionblock table { border-radius: 0px; } .admonitionblock > table td.content { padding-left: 0.125em !important; } .admonitionblock > table td.content::after { border-left: none !important; } .admonitionblock.important > table { border: none !important; background-color: #f9ebeb; border-radius: 4px; } .admonitionblock.important > table td.icon > i { display: block; /*position: absolute; top: 18px; left: 20px;*/ width: 50px; text-align: right; text-shadow: 1px 1px 2px rgb(0 0 0 / 0%); font-size: 2.5em !important; background: transparent; } .admonitionblock.important > table td.icon > i::after { content: ""; font-size: 15px; font-weight: 600; padding-left: 8px; margin-top: 0px; display: inline-block; vertical-align: middle; } .admonitionblock.important > table td.icon > i::before { display: inline-block; vertical-align: middle; color: #e04e4e; padding-left: 10px; } .admonitionblock.important > table td.content { padding-left: 1em !important; } .admonitionblock.note > table { border: none !important; background-color: #e9f1f6; border-radius: 4px; } .admonitionblock.note > table td.icon > i { display: block; /* position: absolute; */ /* top: 10px; */ /* left: 20px; */ width: 50px; text-align: right; text-shadow: 1px 1px 2px rgb(0 0 0 / 0%); font-size: 2.5em !important; background: transparent; } .admonitionblock.note > table td.icon > i::after { content: ""; font-size: 15px; font-weight: 600; padding-left: 8px; margin-top: 0px; display: inline-block; vertical-align: middle; } .admonitionblock.note > table td.icon > i::before { color: #4273bf; } .admonitionblock.note > table td.icon > i::before { display: inline-block; vertical-align: middle; color: #0073bb; padding-left: 10px; } .admonitionblock.note > table td.content { padding-left: 1em !important; } /*.admonitionblock.important>table { border: 1px solid #df331259 !important; background-color: rgba(253,243,241,.8); border-left: 3px solid #e04e4e !important; } .admonitionblock.important>table td.icon > i { display: block; position: absolute; top: 10px; left: 20px; width: 200px; text-align: left; text-shadow: 1px 1px 2px rgba(0,0,0,.0); font-size: 20px !important; background: transparent; } .admonitionblock.important>table td.icon > i::after { content: "Important"; font-size: 15px; font-weight: 600; padding-left: 8px; margin-top: 0px; display: inline-block; vertical-align: middle; } .admonitionblock.important>table td.icon > i::before { display: inline-block; vertical-align: middle;color: #e04e4e; } .admonitionblock.important>table td.content { padding-left: 1.8em !important; } .admonitionblock.note>table { border: 1px solid rgba(0,115,187,.35) !important; background-color: rgba(241,250,255,.8); border-left:3px solid #4273bf !important; } .admonitionblock.note>table td.icon > i { display: block; position: absolute; top: 10px; left: 20px; width: 200px; text-align: left; text-shadow: 1px 1px 2px rgba(0,0,0,.0); font-size: 20px !important; background: transparent; } .admonitionblock.note>table td.icon > i::after { content: "Note"; font-size: 15px; font-weight: 600; padding-left: 8px; margin-top: 0px; display: inline-block; vertical-align: middle; } .admonitionblock.note>table td.icon > i::before { color: #4273bf; } .admonitionblock.note>table td.icon > i::before { display: inline-block; vertical-align: middle;color: #0073bb; } .admonitionblock.note>table td.content { padding-left: 1.8em !important; }*/ .admonitionblock table { border: 1px solid #e6e6e6 !important; } .admonitionblock th, .admonitionblock td { position: relative; vertical-align: middle; border-bottom: 1px solid #e6e6e6; } .admonitionblock tr:last-child th, .admonitionblock tr:last-child td { border: none !important; } .admonitionblock td li:last-child p { margin-bottom: 0; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr } a { color: #2156a5; text-decoration: underline; line-height: inherit } a:hover, a:focus { color: #1d4b8f } a img { border: 0 } p { font-family: inherit; font-weight: 400; font-size: 15px; line-height: 1.3; margin-bottom: 1.25em; text-rendering: optimizeLegibility } p aside { font-size: .875em; line-height: 1.35; font-style: italic } h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { font-family: "Noto Sans KR", "Open Sans", "DejaVu Sans", sans-serif; font-weight: 300; font-style: normal; color: #111; text-rendering: optimizeLegibility; margin-top: 1em; margin-bottom: .5em; line-height: 1.0125em } h1 small, h2 small, h3 small, #toctitle small, .sidebarblock > .content > .title small, h4 small, h5 small, h6 small { font-size: 60%; color: #e99b8f; line-height: 0 } h1 { font-size: 3em !important; } h2 { font-size: 2.35em !important; } h3, #toctitle, .sidebarblock > .content > .title { font-size: 1.875em !important; } h4 { font-size: 1.6em !important; } h5 { font-size: 1.4em !important; } h6 { font-size: 1.125em !important; } hr { border: solid #dddddf; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0 } em, i { font-style: italic; line-height: inherit } strong, b { font-weight: bold; line-height: inherit } small { font-size: 60%; line-height: inherit } code[data-lang="bash"] { font-family: Consolas, "Courier New", monospace !important; font-weight: 400; color: rgba(0, 0, 0, .9) } ul, ol, dl { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit } ul, ol { margin-left: 1.5em } ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit } ul.square { list-style-type: square } ul.circle { list-style-type: circle } ul.disc { list-style-type: disc } ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0 } dl dt { margin-bottom: .3125em; font-weight: bold } dl dd { margin-bottom: 1.25em } abbr, acronym { text-transform: uppercase; font-size: 90%; color: rgba(0, 0, 0, .8); border-bottom: 1px dotted #ddd; cursor: help } abbr { text-transform: none } blockquote { margin: 0 0 1.25em; padding: .5625em 1.25em 0 1.1875em; border-left: 1px solid #ddd } blockquote cite { display: block; font-size: .9375em; color: rgba(0, 0, 0, .6) } blockquote cite::before { content: "\2014 \0020" } blockquote cite a, blockquote cite a:visited { color: rgba(0, 0, 0, .6) } blockquote, blockquote p { line-height: 1.6; color: rgba(0, 0, 0, .85) } .paragraph a { display: inline-block; margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { line-height: 1.2 } h1 { font-size: 2.75em } h2 { font-size: 2em; margin-bottom: 1em; } h3 { font-size: 1.6em; margin-top: 1.2em; margin-bottom: .85em; } h3, #toctitle, .sidebarblock > .content > .title { font-size: 1.6875em } h4 { font-size: 1.3em; margin-top: 1.5em; margin-bottom: .85em; } h4 > a { color: #333; } h5 { font-size: 1.15em; margin-top: 1.5em; margin-bottom: .85em; } h6 { font-size: 1em; margin-top: 1.5em; margin-bottom: .85em; } table { background: #fff; margin-bottom: 1.25em; border: solid 1px #dedede } table thead, table tfoot { background: #f7f8f7 } table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 0.25rem 0.25rem; font-size: 0.85em; height: 40px; vertical-align: middle !important; color: rgba(0, 0, 0, .8); text-align: left } table tr th, table tr td { padding: .5625em .625em; font-size: inherit; color: rgba(0, 0, 0, .8) } table tr.even, table tr.alt { background: #f8f8f7 } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.6; font-size: 0.85em; height: 40px; vertical-align: middle !important; } table tbody tr td { height: 45px; } h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { line-height: 1.2; word-spacing: -.05em } h1 strong, h2 strong, h3 strong, #toctitle strong, .sidebarblock > .content > .title strong, h4 strong, h5 strong, h6 strong { font-weight: 400 } .clearfix::before, .clearfix::after, .float-group::before, .float-group::after { content: " "; display: table } .clearfix::after, .float-group::after { clear: both } :not(pre):not([class^=L]) > code { font-size: .9375em; font-style: normal !important; letter-spacing: 0; padding: .1em .5ex; word-spacing: -.15em; background: #f7f7f8; -webkit-border-radius: 4px; border-radius: 4px; line-height: 1.45; text-rendering: optimizeSpeed; word-wrap: break-word } :not(pre) > code.nobreak { word-wrap: normal } :not(pre) > code.nowrap { white-space: nowrap } pre { color: rgba(0, 0, 0, .9); font-family: "Noto Sans KR", "Droid Sans Mono", "DejaVu Sans Mono", monospace; line-height: 1.45; text-rendering: optimizeSpeed } pre code, pre pre { color: inherit; font-size: 1em; line-height: inherit } pre > code { display: block } pre.nowrap, pre.nowrap pre { white-space: pre; word-wrap: normal } em em { font-style: normal } strong strong { font-weight: 400 } .keyseq { color: rgba(51, 51, 51, .8) } kbd { font-family: "Noto Sans KR", "Droid Sans Mono", "DejaVu Sans Mono", monospace; display: inline-block; color: rgba(0, 0, 0, .8); font-size: .65em; line-height: 1.45; background: #f7f7f7; border: 1px solid #ccc; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 0 0 .1em white inset; box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 0 0 .1em #fff inset; margin: 0 .15em; padding: .2em .5em; vertical-align: middle; position: relative; top: -.1em; white-space: nowrap } .keyseq kbd:first-child { margin-left: 0 } .keyseq kbd:last-child { margin-right: 0 } .menuseq, .menuref { color: #000 } .menuseq b:not(.caret), .menuref { font-weight: inherit } .menuseq { word-spacing: -.02em } .menuseq b.caret { font-size: 1.25em; line-height: .8 } .menuseq i.caret { font-weight: bold; text-align: center; width: .45em } .button { font-weight: bold; /*color: #c40352;*/ } b.button::before, b.button::after { position: relative; top: -1px; font-weight: 400 } b.button::before { content: "["; padding: 0 3px 0 2px } b.button::after { content: "]"; padding: 0 2px 0 3px } p a > code:hover { color: rgba(0, 0, 0, .9) } #header::after { position: absolute; right: 0; top: 0; display: block; content: ''; height: 260px; width: 452px; z-index: 999; background-image: url(/resources/symbol.png); background-repeat: no-repeat; background-size: auto; background-position: right 45px; } #header, #content, #footnotes, #footer { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5em; *zoom: 1; position: relative; padding-left: .9375em; padding-right: .9375em } #header::before, #header::after, #content::before, #content::after, #footnotes::before, #footnotes::after, #footer::before, #footer::after { content: " "; display: table } #header::after, #content::after, #footnotes::after, #footer::after { clear: both } #content { margin-top: 1.25em } #content::before { content: none } #header > h1:first-child { color: rgba(0, 0, 0, .85); margin-top: 2.25rem; margin-bottom: 0 } #header > h1:first-child + #toc { margin-top: 8px; border-top: 1px solid #dddddf } #header > h1:only-child, body.toc2 #header > h1:nth-last-child(2) { border-bottom: 1px solid #dddddf; padding-bottom: 8px } #header .details { line-height: 1.45; font-size: 0.85em; color: rgba(0, 0, 0, .6); display: inline-block; background-color: #ebf2f2; padding: 1.8rem 2.5rem; margin-top: 2rem; width: calc(100% - 100px); } #header .details span:first-child { margin-left: -.125em } #header .details span.email a { color: rgba(0, 0, 0, .85) } #header .details br { display: none } #header .details br + span::before { content: "\00a0\2013\00a0" } #header .details br + span.author::before { content: "\00a0\22c5\00a0"; color: rgba(0, 0, 0, .85) } #header .details br + span#revremark::before { content: "\00a0|\00a0" } #header #revnumber { text-transform: capitalize } #header #revnumber::after { content: "\00a0" } #content > h1:first-child:not([class]) { color: rgba(0, 0, 0, .85); border-bottom: 1px solid #dddddf; padding-bottom: 8px; margin-top: 0; padding-top: 1rem; margin-bottom: 1.25rem } #toc { border-bottom: 1px solid #e7e7e9; padding-bottom: .5em } #toc > ul { margin-left: .125em } #toc ul.sectlevel0 > li > a { font-style: italic } #toc ul.sectlevel0 ul.sectlevel1 { margin: .5em 0 } #toc ul { font-family: "Noto Sans KR", "Open Sans", "DejaVu Sans", sans-serif; list-style-type: none } #toc ul.sectlevel1 > li > a { display: block; width: 100%; font-size: 1.2em; font-weight: 500; padding: .1rem .6rem; } #toc ul li a { color: #111; line-height: 1.5; } #toc ul li a:hover { background: #f6e8ec; border-radius: 4px; color: #BF1C4A !important; } #toc ul li a:focus { background: #BF1C4A; border-radius: 4px; color: #fff !important; } #toc ul li a.focus { background: #BF1C4A; border-radius: 4px; color: #fff !important; } #toc ul li ul.sectlevel2 li a { display: block; width: 100%; font-size: 0.95em; color: #111; padding: .1rem .6rem; } #toc li { line-height: 1.3334; margin-top: .0em } #toc a { text-decoration: none } #toc a:active { text-decoration: underline } #toctitle { color: #BF1C4A; font-size: 1.0em; font-weight: 500; } @media screen and (min-width: 768px) { #toctitle { font-size: 1.375em !important; } /*body.toc2{padding-left:15em;padding-right:0}*/ #toc.toc2 { margin-top: 0 !important; background: #fff; position: fixed; width: 15em; left: 0; top: 0; border-right: 1px solid #e7e7e9; border-top-width: 0 !important; border-bottom-width: 0 !important; z-index: 1000; padding: 1.25em 1em; height: 100%; overflow: auto } #toc.toc2 #toctitle { margin-top: 0; margin-bottom: .8rem; font-size: 1.2em } #toc.toc2 > ul { font-size: .9em; margin-bottom: 0 } #toc.toc2 ul ul { margin-left: 0; padding-left: 1em } #toc.toc2 ul.sectlevel0 ul.sectlevel1 { padding-left: 0; margin-top: .5em; margin-bottom: .5em } body.toc2.toc-right { padding-left: 0; padding-right: 15em } body.toc2.toc-right #toc.toc2 { border-right-width: 0; border-left: 1px solid #e7e7e9; left: auto; right: 0 } } @media screen and (min-width: 1280px) { /*body.toc2{padding-left:23em;padding-right:3em}*/ #toc.toc2 { width: 20em } #toc.toc2 #toctitle { font-size: 1.2em } #toc.toc2 > ul { font-size: .95em } #toc.toc2 ul ul { padding-left: 1.25em } #toc.toc2 ul.sectlevel1 > li { margin-top: 1em; } body.toc2.toc-right { padding-left: 0; padding-right: 20em } } #content #toc { border-style: solid; border-width: 1px; border-color: #e0e0dc; margin-bottom: 1.25em; padding: 1.25em; background: #f8f8f7; -webkit-border-radius: 4px; border-radius: 4px } #content #toc > :first-child { margin-top: 0 } #content #toc > :last-child { margin-bottom: 0 } #footer { max-width: 100%; background: rgba(0, 0, 0, .8); padding: 1.25em } #footer-text { color: rgba(255, 255, 255, .8); line-height: 1.44 } #content { margin-bottom: .625em } .sect1 { padding-bottom: .625em } @media screen and (min-width: 768px) { #content { margin-bottom: 1.25em } .sect1 { padding-bottom: 1.25em } } .sect1:last-child { padding-bottom: 0 } .sect1 + .sect1 { border-top: 1px solid #e7e7e9 } #content h1 > a.anchor, h2 > a.anchor, h3 > a.anchor, #toctitle > a.anchor, .sidebarblock > .content > .title > a.anchor, h4 > a.anchor, h5 > a.anchor, h6 > a.anchor { position: absolute; z-index: 1001; width: 1.5ex; margin-left: -1.5ex; display: block; text-decoration: none !important; visibility: hidden; text-align: center; font-weight: 400 } #content h1 > a.anchor::before, h2 > a.anchor::before, h3 > a.anchor::before, #toctitle > a.anchor::before, .sidebarblock > .content > .title > a.anchor::before, h4 > a.anchor::before, h5 > a.anchor::before, h6 > a.anchor::before { content: "\00A7"; font-size: .85em; display: block; padding-top: .1em } #content h1:hover > a.anchor, #content h1 > a.anchor:hover, h2:hover > a.anchor, h2 > a.anchor:hover, h3:hover > a.anchor, #toctitle:hover > a.anchor, .sidebarblock > .content > .title:hover > a.anchor, h3 > a.anchor:hover, #toctitle > a.anchor:hover, .sidebarblock > .content > .title > a.anchor:hover, h4:hover > a.anchor, h4 > a.anchor:hover, h5:hover > a.anchor, h5 > a.anchor:hover, h6:hover > a.anchor, h6 > a.anchor:hover { visibility: visible } #content h1 > a.link, h2 > a.link, h3 > a.link, #toctitle > a.link, .sidebarblock > .content > .title > a.link, h4 > a.link, h5 > a.link, h6 > a.link { color: #111; text-decoration: none } #content h1 > a.link:hover, h2 > a.link:hover, h3 > a.link:hover, #toctitle > a.link:hover, .sidebarblock > .content > .title > a.link:hover, h4 > a.link:hover, h5 > a.link:hover, h6 > a.link:hover { color: #a53221 } details, .audioblock, .imageblock, .literalblock, .listingblock, .stemblock, .videoblock { margin-bottom: 1.25em } details > summary:first-of-type { cursor: pointer; display: list-item; outline: none; margin-bottom: .75em } .admonitionblock td.content > .title, .audioblock > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .stemblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, table.tableblock > .title, .verseblock > .title, .videoblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title { text-rendering: optimizeLegibility; text-align: left; font-family: "Noto Sans KR", "Noto Serif", "DejaVu Serif", serif; font-size: 0.8rem; color: #70767b; } table.tableblock.fit-content > caption.title { white-space: nowrap; width: 0 } .paragraph > .title { font-size: 1em; } .paragraph.lead > p, #preamble > .sectionbody > [class="paragraph"]:first-of-type p { font-size: 1.21875em; line-height: 1.6; color: rgba(0, 0, 0, .85) } table.tableblock #preamble > .sectionbody > [class="paragraph"]:first-of-type p { font-size: inherit } .admonitionblock > table { border-collapse: separate; border: 0; background: none; width: 100%; min-height: 60px; } .admonitionblock > table td.icon { text-align: center; width: 30px } .admonitionblock > table td.icon img { max-width: none } .admonitionblock > table td.icon .title { font-weight: bold; font-family: "Noto Sans KR", "Open Sans", "DejaVu Sans", sans-serif; text-transform: uppercase } .admonitionblock > table td.content { padding-left: 1.125em; padding-right: 1.25em; color: #111; position: relative; } .admonitionblock > table td.content:after { content: ''; display: block; width: 1px; height: 80%; position: absolute; left: 0; top: 10%; border-left: 1px solid #e6e6e6; } .admonitionblock > table td.content > :last-child > :last-child { margin-bottom: 0 } .exampleblock > .content { border-style: solid; border-width: 1px; border-color: #e6e6e6; margin-bottom: 1.25em; padding: 1.25em; background: #fff; -webkit-border-radius: 4px; border-radius: 4px } .exampleblock > .content > :first-child { margin-top: 0 } .exampleblock > .content > :last-child { margin-bottom: 0 } .sidebarblock { border-style: solid; border-width: 1px; border-color: #dbdbd6; margin-bottom: 1.25em; padding: 1.25em; background: #f3f3f2; -webkit-border-radius: 4px; border-radius: 4px } .sidebarblock > :first-child { margin-top: 0 } .sidebarblock > :last-child { margin-bottom: 0 } .sidebarblock > .content > .title { color: #7a2518; margin-top: 0; text-align: center } .exampleblock > .content > :last-child > :last-child, .exampleblock > .content .olist > ol > li:last-child > :last-child, .exampleblock > .content .ulist > ul > li:last-child > :last-child, .exampleblock > .content .qlist > ol > li:last-child > :last-child, .sidebarblock > .content > :last-child > :last-child, .sidebarblock > .content .olist > ol > li:last-child > :last-child, .sidebarblock > .content .ulist > ul > li:last-child > :last-child, .sidebarblock > .content .qlist > ol > li:last-child > :last-child { margin-bottom: 0 } .literalblock pre, .listingblock > .content > pre { -webkit-border-radius: 4px; border-radius: 4px; word-wrap: break-word; overflow-x: auto; padding: 1em; font-size: .8125em } /* @media screen and (min-width:768px){.literalblock pre,.listingblock>.content>pre{font-size:.90625em}} @media screen and (min-width:1280px){.literalblock pre,.listingblock>.content>pre{font-size:1em}} */ .literalblock pre, .listingblock > .content > pre:not(.highlight), .listingblock > .content > pre[class="highlight"], .listingblock > .content > pre[class^="highlight "] { background: #f7f7f8 } .literalblock.output pre { color: #f7f7f8; background: rgba(0, 0, 0, .9) } .listingblock > .content { position: relative } .listingblock code[data-lang]::before { display: none; content: attr(data-lang); position: absolute; font-size: .75em; top: .425rem; right: .5rem; line-height: 1; text-transform: uppercase; color: inherit; opacity: .5 } .listingblock:hover code[data-lang]::before { display: block } .listingblock.terminal pre .command::before { content: attr(data-prompt); padding-right: .5em; color: inherit; opacity: .5 } .listingblock.terminal pre .command:not([data-prompt])::before { content: "$" } .listingblock pre.highlightjs { padding: 0 } .listingblock pre.highlightjs > code { padding: 1em; -webkit-border-radius: 4px; border-radius: 4px } .listingblock pre.prettyprint { border-width: 0 } .prettyprint { background: #f7f7f8 } pre.prettyprint .linenums { line-height: 1.45; margin-left: 2em } pre.prettyprint li { background: none; list-style-type: inherit; padding-left: 0 } pre.prettyprint li code[data-lang]::before { opacity: 1 } pre.prettyprint li:not(:first-child) code[data-lang]::before { display: none } table.linenotable { border-collapse: separate; border: 0; margin-bottom: 0; background: none } table.linenotable td[class] { color: inherit; vertical-align: top; padding: 0; line-height: inherit; white-space: normal } table.linenotable td.code { padding-left: .75em } table.linenotable td.linenos { border-right: 1px solid currentColor; opacity: .35; padding-right: .5em } pre.pygments .lineno { border-right: 1px solid currentColor; opacity: .35; display: inline-block; margin-right: .75em } pre.pygments .lineno::before { content: ""; margin-right: -.125em } .quoteblock { margin: 0 1em 1.25em 1.5em; display: table } .quoteblock > .title { margin-left: -1.5em; margin-bottom: .75em } .quoteblock blockquote, .quoteblock p { color: rgba(0, 0, 0, .85); font-size: 1.15rem; line-height: 1.75; word-spacing: .1em; letter-spacing: 0; font-style: italic; text-align: justify } .quoteblock blockquote { margin: 0; padding: 0; border: 0 } .quoteblock blockquote::before { content: "\201c"; float: left; font-size: 2.75em; font-weight: bold; line-height: .6em; margin-left: -.6em; color: #7a2518; text-shadow: 0 1px 2px rgba(0, 0, 0, .1) } .quoteblock blockquote > .paragraph:last-child p { margin-bottom: 0 } .quoteblock .attribution { margin-top: .75em; margin-right: .5ex; text-align: right } .verseblock { margin: 0 1em 1.25em } .verseblock pre { font-family: "Noto Sans KR", "Open Sans", "DejaVu Sans", sans; font-size: 1.15rem; color: rgba(0, 0, 0, .85); font-weight: 300; text-rendering: optimizeLegibility } .verseblock pre strong { font-weight: 400 } .verseblock .attribution { margin-top: 1.25rem; margin-left: .5ex } .quoteblock .attribution, .verseblock .attribution { font-size: .9375em; line-height: 1.45; font-style: italic } .quoteblock .attribution br, .verseblock .attribution br { display: none } .quoteblock .attribution cite, .verseblock .attribution cite { display: block; letter-spacing: -.025em; color: rgba(0, 0, 0, .6) } .quoteblock.abstract blockquote::before, .quoteblock.excerpt blockquote::before, .quoteblock .quoteblock blockquote::before { display: none } .quoteblock.abstract blockquote, .quoteblock.abstract p, .quoteblock.excerpt blockquote, .quoteblock.excerpt p, .quoteblock .quoteblock blockquote, .quoteblock .quoteblock p { line-height: 1.6; word-spacing: 0 } .quoteblock.abstract { margin: 0 1em 1.25em; display: block } .quoteblock.abstract > .title { margin: 0 0 .375em; font-size: 1.15em; text-align: center } .quoteblock.excerpt, .quoteblock .quoteblock { margin: 0 0 1.25em; padding: 0 0 .25em 1em; border-left: .25em solid #dddddf } .quoteblock.excerpt blockquote, .quoteblock.excerpt p, .quoteblock .quoteblock blockquote, .quoteblock .quoteblock p { color: inherit; font-size: 15px; } .quoteblock.excerpt .attribution, .quoteblock .quoteblock .attribution { color: inherit; text-align: left; margin-right: 0 } table.tableblock { max-width: 100%; border-collapse: separate } p.tableblock:last-child { margin-bottom: 0 } td.tableblock > .content > :last-child { margin-bottom: -1.25em } td.tableblock > .content > :last-child.sidebarblock { margin-bottom: 0 } table.tableblock, th.tableblock, td.tableblock { border: 0 solid #dedede } table.grid-all > thead > tr > .tableblock, table.grid-all > tbody > tr > .tableblock { border-width: 0 1px 1px 0; text-align: center; background: none !important; color: #111; font-weight: bold; } table.grid-all > thead > tr > td.tableblock, table.grid-all > tbody > tr > td.tableblock { text-align: left; } table.grid-all > tbody > tr > td.tableblock p { font-size: 1.08em; } table.grid-all > thead > tr:nth-child(even) > td { background: #f8f9fa !important; } table.grid-all > tfoot > tr > .tableblock { border-width: 1px 1px 0 0 } table.grid-cols > * > tr > .tableblock { border-width: 0 1px 0 0 } table.grid-rows > thead > tr > .tableblock, table.grid-rows > tbody > tr > .tableblock { border-width: 0 0 1px } table.grid-rows > tfoot > tr > .tableblock { border-width: 1px 0 0 } table.grid-all > * > tr > .tableblock:last-child, table.grid-cols > * > tr > .tableblock:last-child { border-right-width: 0 } table.grid-all > tbody > tr:last-child > .tableblock, table.grid-all > thead:last-child > tr > .tableblock, table.grid-rows > tbody > tr:last-child > .tableblock, table.grid-rows > thead:last-child > tr > .tableblock { border-bottom-width: 0 } table.frame-all { border-width: 1px } table.frame-sides { border-width: 0 1px } table.frame-topbot, table.frame-ends { border-width: 1px 0 } table.stripes-all tr, table.stripes-odd tr:nth-of-type(odd), table.stripes-even tr:nth-of-type(even), table.stripes-hover tr:hover { background: #f8f8f7 } th.halign-left, td.halign-left { text-align: left } th.halign-right, td.halign-right { text-align: right } th.halign-center, td.halign-center { text-align: center } th.valign-top, td.valign-top { vertical-align: top } th.valign-bottom, td.valign-bottom { vertical-align: bottom } th.valign-middle, td.valign-middle { vertical-align: middle } table thead th, table tfoot th { font-weight: bold; } table tr th { font-size: 0.93em !important; } tbody tr th { display: table-cell; line-height: 1.6; background: #f7f8f7 } tbody tr th, tbody tr th p, tfoot tr th, tfoot tr th p { color: rgba(0, 0, 0, .8); font-weight: bold } p.tableblock > code:only-child { background: none; padding: 0 } p.tableblock { font-size: 1em } ol { margin-left: 1.75em } ul li ol { margin-left: 1.5em } dl dd { margin-left: 1.125em } dl dd:last-child, dl dd:last-child > :last-child { margin-bottom: 0 } ol > li p, ul > li p, ul dd, ol dd, .olist .olist, .ulist .ulist, .ulist .olist, .olist .ulist { margin-bottom: .625em } ul.checklist, ul.none, ol.none, ul.no-bullet, ol.no-bullet, ol.unnumbered, ul.unstyled, ol.unstyled { list-style-type: none } ul.no-bullet, ol.no-bullet, ol.unnumbered { margin-left: .625em } ul.unstyled, ol.unstyled { margin-left: 0 } ul.checklist { margin-left: .625em } ul.checklist li > p:first-child > .fa-square-o:first-child, ul.checklist li > p:first-child > .fa-check-square-o:first-child { width: 1.25em; font-size: .8em; position: relative; bottom: .125em } ul.checklist li > p:first-child > input[type="checkbox"]:first-child { margin-right: .25em } ul.inline { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; list-style: none; margin: 0 0 .625em -1.25em } ul.inline > li { margin-left: 1.25em } .unstyled dl dt { font-weight: 400; font-style: normal } ol.arabic { list-style-type: decimal } ol.decimal { list-style-type: decimal-leading-zero } ol.loweralpha { list-style-type: lower-alpha } ol.upperalpha { list-style-type: upper-alpha } ol.lowerroman { list-style-type: lower-roman } ol.upperroman { list-style-type: upper-roman } ol.lowergreek { list-style-type: lower-greek } .hdlist > table, .colist > table { border: 0; background: none } .hdlist > table > tbody > tr, .colist > table > tbody > tr { background: none } td.hdlist1, td.hdlist2 { vertical-align: top; padding: 0 .625em } td.hdlist1 { font-weight: bold; padding-bottom: 1.25em } .literalblock + .colist, .listingblock + .colist { margin-top: -.5em } .colist td:not([class]):first-child { padding: .4em .75em 0; line-height: 1; vertical-align: top } .colist td:not([class]):first-child img { max-width: none } .colist td:not([class]):last-child { padding: .25em 0 } .thumb, .th { line-height: 0; display: inline-block; border: solid 4px #fff; -webkit-box-shadow: 0 0 0 1px #ddd; box-shadow: 0 0 0 1px #ddd } .imageblock { } .imageblock .content { box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.16); padding: 10px 3%; text-align: center; margin-bottom: 10px; border: 1px solid #e6e6e6; border-radius: 6px; } .imageblock .content img { width: 94%; } .imageblock.left { margin: .25em .625em 1.25em 0 } .imageblock.right { margin: .25em 0 1.25em .625em } .imageblock > .title { margin-bottom: 0 } .imageblock.thumb, .imageblock.th { border-width: 6px } .imageblock.thumb > .title, .imageblock.th > .title { padding: 0 .125em } .image.left, .image.right { margin-top: .25em; margin-bottom: .25em; display: inline-block; line-height: 0 } .image.left { margin-right: .625em } .image.right { margin-left: .625em } a.image { text-decoration: none; display: inline-block } a.image object { pointer-events: none } sup.footnote, sup.footnoteref { font-size: .875em; position: static; vertical-align: super } sup.footnote a, sup.footnoteref a { text-decoration: none } sup.footnote a:active, sup.footnoteref a:active { text-decoration: underline } #footnotes { padding-top: .75em; padding-bottom: .75em; margin-bottom: .625em } #footnotes hr { width: 20%; min-width: 6.25em; margin: -.25em 0 .75em; border-width: 1px 0 0 } #footnotes .footnote { padding: 0 .375em 0 .225em; line-height: 1.3334; font-size: .875em; margin-left: 1.2em; margin-bottom: .2em } #footnotes .footnote a:first-of-type { font-weight: bold; text-decoration: none; margin-left: -1.05em } #footnotes .footnote:last-of-type { margin-bottom: 0 } #content #footnotes { margin-top: -.625em; margin-bottom: 0; padding: .75em 0 } .gist .file-data > table { border: 0; background: #fff; width: 100%; margin-bottom: 0 } .gist .file-data > table td.line-data { width: 99% } div.unbreakable { page-break-inside: avoid } .big { font-size: larger } .small { font-size: smaller } .underline { text-decoration: underline } .overline { text-decoration: overline } .line-through { text-decoration: line-through } .aqua { color: #00bfbf } .aqua-background { background: #00fafa } .black { color: #000 } .black-background { background: #000 } .blue { color: #0000bf } .blue-background { background: #0000fa } .fuchsia { color: #bf00bf } .fuchsia-background { background: #fa00fa } .gray { color: #606060 } .gray-background { background: #7d7d7d } .green { color: #006000 } .green-background { background: #007d00 } .lime { color: #00bf00 } .lime-background { background: #00fa00 } .maroon { color: #600000 } .maroon-background { background: #7d0000 } .navy { color: #000060 } .navy-background { background: #00007d } .olive { color: #606000 } .olive-background { background: #7d7d00 } .purple { color: #600060 } .purple-background { background: #7d007d } .red { color: #bf0000 } .red-background { background: #fa0000 } .silver { color: #909090 } .silver-background { background: #bcbcbc } .teal { color: #006060 } .teal-background { background: #007d7d } .white { color: #bfbfbf } .white-background { background: #fafafa } .yellow { color: #bfbf00 } .yellow-background { background: #fafa00 } span.icon > .fa { cursor: default } a span.icon > .fa { cursor: inherit } .fa { font: normal normal normal 30px/1 FontAwesome !important; } .admonitionblock td.icon [class^="fa icon-"] { font-size: 2.5em; text-shadow: 1px 1px 2px rgba(0, 0, 0, .5); cursor: default; font-family: FontAwesome; } .admonitionblock td.icon .icon-note::before { content: "\f05a"; color: #19407c } .admonitionblock td.icon .icon-tip::before { content: "\f0eb"; text-shadow: 1px 1px 2px rgba(155, 155, 0, .8); color: #111 } .admonitionblock td.icon .icon-warning::before { content: "\f071"; color: #bf6900 } .admonitionblock td.icon .icon-caution::before { content: "\f06d"; color: #bf3400 } .admonitionblock td.icon .icon-important::before { content: "\f06a"; color: #bf0000 } .conum[data-value] { display: inline-block; color: #fff !important; background: rgba(0, 0, 0, .8); -webkit-border-radius: 100px; border-radius: 100px; text-align: center; font-size: .75em; width: 1.67em; height: 1.67em; line-height: 1.67em; font-family: "Noto Sans KR", "Open Sans", "DejaVu Sans", sans-serif; font-style: normal; font-weight: bold } .conum[data-value] * { color: #fff !important } .conum[data-value] + b { display: none } .conum[data-value]::after { content: attr(data-value) } pre .conum[data-value] { position: relative; top: -.125em } b.conum * { color: inherit !important } .conum:not([data-value]):empty { display: none } dt, th.tableblock, td.content, div.footnote { text-rendering: optimizeLegibility } h1, h2, p, td.content, span.alt { letter-spacing: -.01em } p strong, td.content strong, div.footnote strong { letter-spacing: -.005em } p, blockquote, dt, td.content, span.alt { font-size: 15px; line-height: 1.6 } p { margin-bottom: 1.25rem } .sidebarblock p, .sidebarblock dt, .sidebarblock td.content, p.tableblock { font-size: 1em } .exampleblock > .content { background: #fffef7; border-color: #e0e0dc; -webkit-box-shadow: 0 1px 4px #e0e0dc; box-shadow: 0 1px 4px #e0e0dc } .print-only { display: none !important } @page { margin: 1.25cm .75cm } @media print { * { -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important } html { font-size: 80% } a { color: inherit !important; text-decoration: underline !important } a.bare, a[href^="#"], a[href^="mailto:"] { text-decoration: none !important } a[href^="http:"]:not(.bare)::after, a[href^="https:"]:not(.bare)::after { content: "(" attr(href) ")"; display: inline-block; font-size: .875em; padding-left: .25em } abbr[title]::after { content: " (" attr(title) ")" } pre, blockquote, tr, img, object, svg { page-break-inside: avoid } thead { display: table-header-group } svg { max-width: 100% } p, blockquote, dt, td.content { font-size: 1em; orphans: 3; widows: 3 } h2, h3, #toctitle, .sidebarblock > .content > .title { page-break-after: avoid } #toc, .sidebarblock, .exampleblock > .content { background: none !important } #toc { border-bottom: 1px solid #dddddf !important; padding-bottom: 0 !important } body.book #header { text-align: center } body.book #header > h1:first-child { border: 0 !important; margin: 2.5em 0 1em } body.book #header .details { border: 0 !important; display: block; padding: 0 !important } body.book #header .details span:first-child { margin-left: 0 !important } body.book #header .details br { display: block } body.book #header .details br + span::before { content: none !important } body.book #toc { border: 0 !important; text-align: left !important; padding: 0 !important; margin: 0 !important } body.book #toc, body.book #preamble, body.book h1.sect0, body.book .sect1 > h2 { page-break-before: always } .listingblock code[data-lang]::before { display: block } #footer { padding: 0 .9375em } .hide-on-print { display: none !important } .print-only { display: block !important } .hide-for-print { display: none !important } .show-for-print { display: inherit !important } } @media print, amzn-kf8 { #header > h1:first-child { margin-top: 1.25rem } .sect1 { padding: 0 !important } .sect1 + .sect1 { border: 0 } #footer { background: none } #footer-text { color: rgba(0, 0, 0, .6); font-size: .9em } } @media amzn-kf8 { #header, #content, #footnotes, #footer { padding: 0 } } pre.CodeRay { background-color: #f7f7f8; border: 1px solid #e6e6e6; border-radius: 10px; } pre.CodeRay code, pre.CodeRay pre { font-size: 1.08em; } .gdoc-header { position: fixed; width: 100%; z-index: 9999; } .container { padding: 1rem 1rem 1rem 1.8rem; } main.container { padding: 70px 1rem 1rem 1rem; } .gdoc-page { position: relative; } .gdoc-nav nav, .gdoc-page, .markdown { will-change: auto; } #toc.toc2 { left: calc(50vw - 640px); padding-top: 90px; padding-bottom: 90px; } </style> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> /* Stylesheet for CodeRay to match GitHub theme | MIT License | http://foundation.zurb.com */ /*pre.CodeRay {background-color:#f7f7f8;}*/ .CodeRay .line-numbers{border-right:1px solid #d8d8d8;padding:0 0.5em 0 .25em} .CodeRay span.line-numbers{display:inline-block;margin-right:.5em;color:rgba(0,0,0,.3)} .CodeRay .line-numbers strong{color:rgba(0,0,0,.4)} table.CodeRay{border-collapse:separate;border-spacing:0;margin-bottom:0;border:0;background:none} table.CodeRay td{vertical-align: top;line-height:1.45} table.CodeRay td.line-numbers{text-align:right} table.CodeRay td.line-numbers>pre{padding:0;color:rgba(0,0,0,.3)} table.CodeRay td.code{padding:0 0 0 .5em} table.CodeRay td.code>pre{padding:0} .CodeRay .debug{color:#fff !important;background:#000080 !important} .CodeRay .annotation{color:#007} .CodeRay .attribute-name{color:#000080} .CodeRay .attribute-value{color:#700} .CodeRay .binary{color:#509} .CodeRay .comment{color:#998;font-style:italic} .CodeRay .char{color:#04d} .CodeRay .char .content{color:#04d} .CodeRay .char .delimiter{color:#039} .CodeRay .class{color:#458;font-weight:bold} .CodeRay .complex{color:#a08} .CodeRay .constant,.CodeRay .predefined-constant{color:#008080} .CodeRay .color{color:#099} .CodeRay .class-variable{color:#369} .CodeRay .decorator{color:#b0b} .CodeRay .definition{color:#099} .CodeRay .delimiter{color:#000} .CodeRay .doc{color:#970} .CodeRay .doctype{color:#34b} .CodeRay .doc-string{color:#d42} .CodeRay .escape{color:#666} .CodeRay .entity{color:#800} .CodeRay .error{color:#808} .CodeRay .exception{color:inherit} .CodeRay .filename{color:#099} .CodeRay .function{color:#900;font-weight:bold} .CodeRay .global-variable{color:#008080} .CodeRay .hex{color:#058} .CodeRay .integer,.CodeRay .float{color:#099} .CodeRay .include{color:#555} .CodeRay .inline{color:#000} .CodeRay .inline .inline{background:#ccc} .CodeRay .inline .inline .inline{background:#bbb} .CodeRay .inline .inline-delimiter{color:#d14} .CodeRay .inline-delimiter{color:#d14} .CodeRay .important{color:#555;font-weight:bold} .CodeRay .interpreted{color:#b2b} .CodeRay .instance-variable{color:#008080} .CodeRay .label{color:#970} .CodeRay .local-variable{color:#963} .CodeRay .octal{color:#40e} .CodeRay .predefined{color:#369} .CodeRay .preprocessor{color:#579} .CodeRay .pseudo-class{color:#555} .CodeRay .directive{font-weight:bold} .CodeRay .type{font-weight:bold} .CodeRay .predefined-type{color:inherit} .CodeRay .reserved,.CodeRay .keyword {color:#000;font-weight:bold} .CodeRay .key{color:#808} .CodeRay .key .delimiter{color:#606} .CodeRay .key .char{color:#80f} .CodeRay .value{color:#088} .CodeRay .regexp .delimiter{color:#808} .CodeRay .regexp .content{color:#808} .CodeRay .regexp .modifier{color:#808} .CodeRay .regexp .char{color:#d14} .CodeRay .regexp .function{color:#404;font-weight:bold} .CodeRay .string{color:#d20} .CodeRay .string .string .string{background:#ffd0d0} .CodeRay .string .content{color:#d14} .CodeRay .string .char{color:#d14} .CodeRay .string .delimiter{color:#d14} .CodeRay .shell{color:#d14} .CodeRay .shell .delimiter{color:#d14} .CodeRay .symbol{color:#990073} .CodeRay .symbol .content{color:#a60} .CodeRay .symbol .delimiter{color:#630} .CodeRay .tag{color:#008080} .CodeRay .tag-special{color:#d70} .CodeRay .variable{color:#036} .CodeRay .insert{background:#afa} .CodeRay .delete{background:#faa} .CodeRay .change{color:#aaf;background:#007} .CodeRay .head{color:#f8f;background:#505} .CodeRay .insert .insert{color:#080} .CodeRay .delete .delete{color:#800} .CodeRay .change .change{color:#66f} .CodeRay .head .head{color:#f4f} </style> </head> <body class="book toc2 toc-left"> <div id="header"> <h1>Installation</h1> <div class="details"> <span id="author" class="author">LENA Support</span><br> <span id="email" class="email"><a href="mailto:lena-support@lgcns.com">lena-support@lgcns.com</a></span><br> <span id="revnumber">version 1.3.1.11</span> </div> <div id="toc" class="toc2"> <div id="toctitle">Table of Contents</div> <ul class="sectlevel1"> <li><a href="#_overview">1. Overview</a> <ul class="sectlevel2"> <li><a href="#_구성요소">1.1. 구성요소</a> <ul class="sectlevel3"> <li><a href="#_server">1.1.1. Server</a></li> <li><a href="#_agent_advertiser">1.1.2. Agent, Advertiser</a></li> <li><a href="#_manager">1.1.3. Manager</a></li> </ul> </li> <li><a href="#_mechanism">1.2. Mechanism</a></li> </ul> </li> <li><a href="#_installation_prerequisite">2. Installation Prerequisite</a> <ul class="sectlevel2"> <li><a href="#_시스템_요구사항">2.1. 시스템 요구사항</a> <ul class="sectlevel3"> <li><a href="#_hardware_resource">2.1.1. Hardware Resource</a></li> <li><a href="#_운영체제">2.1.2. 운영체제</a></li> <li><a href="#_계정">2.1.3. 계정</a></li> <li><a href="#_디렉토리">2.1.4. 디렉토리</a></li> <li><a href="#_jvm">2.1.5. JVM</a></li> <li><a href="#_network">2.1.6. Network</a></li> </ul> </li> </ul> </li> <li><a href="#_installation">3. Installation</a> <ul class="sectlevel2"> <li><a href="#_lena_설치">3.1. LENA 설치</a> <ul class="sectlevel3"> <li><a href="#_lena_manager_설치실행">3.1.1. LENA Manager 설치/실행</a></li> <li><a href="#_node_설치command_line">3.1.2. Node 설치(Command Line)</a> <ul class="sectlevel4"> <li><a href="#_was_node_설치">WAS Node 설치</a></li> <li><a href="#_web_server_node_설치">Web Server Node 설치</a></li> <li><a href="#_lena_manager와_node의_연동등록">LENA Manager와 Node의 연동(등록)</a></li> </ul> </li> <li><a href="#_node_원격_설치lena_manager_web_ui">3.1.3. Node 원격 설치(LENA Manager Web UI)</a></li> <li><a href="#_was_설치실행">3.1.4. WAS 설치/실행</a></li> <li><a href="#_web_server_설치실행">3.1.5. Web Server 설치/실행</a> <ul class="sectlevel4"> <li><a href="#_web_server_was_연동">Web Server - WAS 연동</a></li> </ul> </li> <li><a href="#_session_server_설치_및_연동">3.1.6. Session Server 설치 및 연동</a> <ul class="sectlevel4"> <li><a href="#_standalone_모드_설치와_was_연동">Standalone 모드 설치와 WAS 연동</a></li> <li><a href="#_embedded_모드_설치와_was_연동">Embedded 모드 설치와 WAS 연동</a></li> </ul> </li> <li><a href="#_server_간_연동_확인">3.1.7. Server 간 연동 확인</a> <ul class="sectlevel4"> <li><a href="#_topology_를_통한_확인">Topology 를 통한 확인</a></li> <li><a href="#_sample_page_호출을_통한_확인">Sample Page 호출을 통한 확인</a></li> <li><a href="#_sample_application_호출을_통한_확인">Sample Application 호출을 통한 확인</a></li> </ul> </li> </ul> </li> </ul> </li> </ul> </div> </div> <div id="content"> <div class="sect1"> <h2 id="_overview"><a class="link" href="#_overview">1. Overview</a></h2> <div class="sectionbody"> <div class="paragraph"> <p>본문서는 일반적인 VM Host 기반 LENA Server를 운영하기 앞서 설치에 대해 기술한다.+ LENA 의 전체 기능 및 운영에대한 내용은 별도로 제공되는 운영자 매뉴얼을 참고한다.</p>User Guidehttps://docs.lenalab.org/docs/1.3.1/1.3.1.11/userguide/Mon, 01 Jan 0001 00:00:00 +0000https://docs.lenalab.org/docs/1.3.1/1.3.1.11/userguide/<div class="gdoc-include"><!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"> <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]--> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="generator" content="Asciidoctor 1.5.8"> <meta name="author" content="LENA Support"> <title>User Guide</title> <style> /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ /* Uncomment @import statement to use as custom stylesheet */ /*@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700";*/ @import "http://fonts.googleapis.com/earlyaccess/notosanskr.css"; article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } audio, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } html { font-family: noto sans kr; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } * { font-family: noto sans kr, open sans, dejavu sans, sans-serif !important } a { background: 0 0 } a:focus { outline: thin dotted } a:active, a:hover { outline: 0 } h1 { font-size: 2em; margin: .67em 0; color: #111 !important; font-weight: 700 !important } h2, h3, h4, h5, h6 { font-weight: 700 !important; color: #111 !important } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } dfn { font-style: italic } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } mark { background: #ff0; color: #000 } code, kbd, pre, samp { font-family: monospace; font-size: 1em } pre { white-space: pre-wrap } q { quotes: "\201C" "\201D" "\2018" "\2019" } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 0 } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } span.icon { background: #f1f1f1; padding: 0 5px; font-weight: 700 } .button { background: #f1f1f1; padding: 0 5px } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0 } button, input { line-height: normal } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } *, *::before, *::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } html, body { font-size: 100% } body { background: #fff; color: rgba(0, 0, 0, .8); padding: 0; margin: 0; font-family: noto sans kr, noto serif, dejavu serif, serif; font-weight: 400; font-style: normal; line-height: 1; position: relative; cursor: auto; tab-size: 4; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased } a:hover { cursor: pointer } img, object, embed { max-width: 100%; height: auto } object, embed { height: 100% } img { -ms-interpolation-mode: bicubic } .left { float: left !important } .right { float: right !important } .text-left { text-align: left !important } .text-right { text-align: right !important } .text-center { text-align: center !important } .text-justify { text-align: justify !important } .hide { display: none } img, object, svg { display: inline-block; vertical-align: middle } textarea { height: auto; min-height: 50px } select { width: 100% } .center { margin-left: auto; margin-right: auto } .stretch { width: 100% } .subheader, .admonitionblock td.content > .title, .audioblock > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .stemblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, table.tableblock > .title, .verseblock > .title, .videoblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title { line-height: 1.45; color: #7a2518; font-weight: 400; margin-top: 0; margin-bottom: .25em } div, dl, dt, dd, ul, ol, li, h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr } a { color: #2156a5; text-decoration: underline; line-height: inherit } a:hover, a:focus { color: #1d4b8f } a img { border: 0 } p { font-family: inherit; font-weight: 400; font-size: 15px; line-height: 1.3; margin-bottom: 1.25em; text-rendering: optimizeLegibility } p aside { font-size: .875em; line-height: 1.35; font-style: italic } h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { font-family: noto sans kr, open sans, dejavu sans, sans-serif; font-weight: 300; font-style: normal; color: #111; text-rendering: optimizeLegibility; margin-top: 1em; margin-bottom: .5em; line-height: 1.0125em } h1 small, h2 small, h3 small, #toctitle small, .sidebarblock > .content > .title small, h4 small, h5 small, h6 small { font-size: 60%; color: #e99b8f; line-height: 0 } h1 { font-size: 3em !important } h2 { font-size: 2.35em !important } h3, #toctitle, .sidebarblock > .content > .title { font-size: 1.875em !important } h4 { font-size: 1.6em !important } h5 { font-size: 1.4em !important } h6 { font-size: 1.125em !important } hr { border: solid #dddddf; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0 } em, i { font-style: italic; line-height: inherit } strong, b { font-weight: 700; line-height: inherit } small { font-size: 60%; line-height: inherit } code[data-lang=bash] { font-family: Consolas, courier new, monospace !important; font-weight: 400; color: rgba(0, 0, 0, .9) } ul, ol, dl { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit } ul, ol { margin-left: 1.5em } ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit } ul.square { list-style-type: square } ul.circle { list-style-type: circle } ul.disc { list-style-type: disc } ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0 } dl dt { margin-bottom: .3125em; font-weight: 700 } dl dd { margin-bottom: 1.25em } abbr, acronym { text-transform: uppercase; font-size: 90%; color: rgba(0, 0, 0, .8); border-bottom: 1px dotted #ddd; cursor: help } abbr { text-transform: none } blockquote { margin: 0 0 1.25em; padding: .5625em 1.25em 0 1.1875em; border-left: 1px solid #ddd } blockquote cite { display: block; font-size: .9375em; color: rgba(0, 0, 0, .6) } blockquote cite::before { content: "\2014 \0020" } blockquote cite a, blockquote cite a:visited { color: rgba(0, 0, 0, .6) } blockquote, blockquote p { line-height: 1.6; color: rgba(0, 0, 0, .85) } .paragraph a { display: inline-block; margin-bottom: 1.25rem } @media screen and (min-width: 768px) { h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { line-height: 1.2 } h1 { font-size: 2.75em } h2 { font-size: 2em; margin-bottom: 1em } h3 { font-size: 1.6em; margin-top: 1.2em; margin-bottom: .85em } h3, #toctitle, .sidebarblock > .content > .title { font-size: 1.6875em } h4 { font-size: 1.3em; margin-top: 1.5em; margin-bottom: .85em } h4 > a { color: #333 } h5 { font-size: 1.15em; margin-top: 1.5em; margin-bottom: .85em } h6 { font-size: 1em; margin-top: 1.5em; margin-bottom: .85em } table { background: #fff; margin-bottom: 1.25em; border: solid 1px #dedede } table thead, table tfoot { background: #f7f8f7 } table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: .25rem; font-size: .85em; height: 40px; vertical-align: middle !important; color: rgba(0, 0, 0, .8); text-align: left } table tr th, table tr td { padding: .5625em .625em; font-size: inherit; color: rgba(0, 0, 0, .8) } table tr.even, table tr.alt { background: #f8f8f7 } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell !important; line-height: 1.6; font-size: .85em; height: 40px; vertical-align: middle !important } table tbody tr td { height: 45px } h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { line-height: 1.2; word-spacing: -.05em } h1 strong, h2 strong, h3 strong, #toctitle strong, .sidebarblock > .content > .title strong, h4 strong, h5 strong, h6 strong { font-weight: 400 } .clearfix::before, .clearfix::after, .float-group::before, .float-group::after { content: " "; display: table } .clearfix::after, .float-group::after { clear: both } :not(pre):not([class^=L]) > code { font-size: .9375em; font-style: normal !important; letter-spacing: 0; padding: .1em .5ex; word-spacing: -.15em; background: #f7f7f8; -webkit-border-radius: 4px; border-radius: 4px; line-height: 1.45; text-rendering: optimizeSpeed; word-wrap: break-word } :not(pre) > code.nobreak { word-wrap: normal } :not(pre) > code.nowrap { white-space: nowrap } pre { color: rgba(0, 0, 0, .9); font-family: noto sans kr, droid sans mono, dejavu sans mono, monospace; line-height: 1.45; text-rendering: optimizeSpeed } pre code, pre pre { color: inherit; font-size: 1em; line-height: inherit } pre > code { display: block } pre.nowrap, pre.nowrap pre { white-space: pre; word-wrap: normal } em em { font-style: normal } strong strong { font-weight: 400 } .keyseq { color: rgba(51, 51, 51, .8) } kbd { font-family: noto sans kr, droid sans mono, dejavu sans mono, monospace; display: inline-block; color: rgba(0, 0, 0, .8); font-size: .65em; line-height: 1.45; background: #f7f7f7; border: 1px solid #ccc; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 0 0 .1em white inset; box-shadow: 0 1px rgba(0, 0, 0, .2), 0 0 0 .1em #fff inset; margin: 0 .15em; padding: .2em .5em; vertical-align: middle; position: relative; top: -.1em; white-space: nowrap } .keyseq kbd:first-child { margin-left: 0 } .keyseq kbd:last-child { margin-right: 0 } .menuseq, .menuref { color: #000 } .menuseq b:not(.caret), .menuref { font-weight: inherit } .menuseq { word-spacing: -.02em } .menuseq b.caret { font-size: 1.25em; line-height: .8 } .menuseq i.caret { font-weight: 700; text-align: center; width: .45em } .button { font-weight: 700 } b.button::before, b.button::after { position: relative; top: -1px; font-weight: 400 } b.button::before { content: "["; padding: 0 3px 0 2px } b.button::after { content: "]"; padding: 0 2px 0 3px } p a > code:hover { color: rgba(0, 0, 0, .9) } #header::after { position: absolute; right: 0; top: 0; display: block; content: ''; height: 260px; width: 452px; z-index: 999; background-image: url(symbol.png); background-repeat: no-repeat; background-size: auto; background-position: 100% 46px } #header, #content, #footnotes, #footer { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; max-width: 100%; *zoom: 1; position: relative; padding-left: 23.9375em; padding-right: .9375em } #header::before, #header::after, #content::before, #content::after, #footnotes::before, #footnotes::after, #footer::before, #footer::after { content: " "; display: table } #header::after, #content::after, #footnotes::after, #footer::after { clear: both } #content { margin-top: 1.25em } #content::before { content: none } #header > h1:first-child { color: rgba(0, 0, 0, .85); margin-top: 2.25rem; margin-bottom: 0 } #header > h1:first-child + #toc { margin-top: 8px; border-top: 1px solid #dddddf } #header > h1:only-child, body.toc2 #header > h1:nth-last-child(2) { border-bottom: 1px solid #dddddf; padding-bottom: 8px } #header .details { line-height: 1.45; font-size: .85em; color: rgba(0, 0, 0, .6); display: inline-block; background-color: #ebf2f2; padding: 1.8rem 2.5rem; margin-top: 2rem; width: calc(100% - 100px) } #header .details span:first-child { margin-left: -.125em } #header .details span.email a { color: rgba(0, 0, 0, .85) } #header .details br { display: none } #header .details br + span::before { content: "\00a0\2013\00a0" } #header .details br + span.author::before { content: "\00a0\22c5\00a0"; color: rgba(0, 0, 0, .85) } #header .details br + span#revremark::before { content: "\00a0|\00a0" } #header #revnumber { text-transform: capitalize } #header #revnumber::after { content: "\00a0" } #content > h1:first-child:not([class]) { color: rgba(0, 0, 0, .85); border-bottom: 1px solid #dddddf; padding-bottom: 8px; margin-top: 0; padding-top: 1rem; margin-bottom: 1.25rem } #toc { border-bottom: 1px solid #e7e7e9; padding-bottom: .5em } #toc > ul { margin-left: .125em } #toc ul.sectlevel0 > li > a { font-style: italic } #toc ul.sectlevel0 ul.sectlevel1 { margin: .5em 0 } #toc ul { font-family: noto sans kr, open sans, dejavu sans, sans-serif; list-style-type: none } #toc ul.sectlevel1 > li > a { display: block; width: 100%; font-size: 1.2em; font-weight: 500; padding: .1rem .6rem } #toc ul li a { color: #111; line-height: 1.5 } #toc ul li a:hover { background: #f6e8ec; border-radius: 4px; color: #bf1c4a !important } #toc ul li a:focus { background: #bf1c4a; border-radius: 4px; color: #fff !important } #toc ul li a.focus { background: #bf1c4a; border-radius: 4px; color: #fff !important } #toc ul li ul.sectlevel2 li a { display: block; width: 100%; font-size: .9em; color: #111; padding: .1rem .6rem } #toc li { line-height: 1.3334; margin-top: 0 } #toc a { text-decoration: none } #toc a:active { text-decoration: underline } #toctitle { color: #bf1c4a; font-size: 1em; font-weight: 500 } @media screen and (min-width: 768px) { #toctitle { font-size: 1.375em !important } #toc.toc2 { margin-top: 0 !important; background: #f8f9fa; position: fixed; width: 15em; left: 0; top: 0; border-right: 1px solid #e7e7e9; border-top-width: 0 !important; border-bottom-width: 0 !important; z-index: 1000; padding: 1.25em 1em; height: 100%; overflow: auto } #toc.toc2 #toctitle { margin-top: 0; margin-bottom: .8rem; margin-left: 0.7rem; font-size: 1.2em } #toc.toc2 > ul { font-size: .9em; margin-bottom: 0 } #toc.toc2 ul ul { margin-left: 0; padding-left: 1em } #toc.toc2 ul.sectlevel0 ul.sectlevel1 { padding-left: 0; margin-top: .5em; margin-bottom: .5em } body.toc2.toc-right { padding-left: 0; padding-right: 15em } body.toc2.toc-right #toc.toc2 { border-right-width: 0; border-left: 1px solid #e7e7e9; left: auto; right: 0 } } @media screen and (min-width: 1280px) { body.toc2 { } #toc.toc2 { width: 20em } #toc.toc2 #toctitle { font-size: 1.2em } #toc.toc2 > ul { font-size: .95em } #toc.toc2 ul ul { padding-left: 1.25em } #toc.toc2 ul.sectlevel1 > li { margin-top: 1em } body.toc2.toc-right { padding-left: 0; padding-right: 20em } } #content #toc { border-style: solid; border-width: 1px; border-color: #e0e0dc; margin-bottom: 1.25em; padding: 1.25em; background: #f8f8f7; -webkit-border-radius: 4px; border-radius: 4px } #content #toc > :first-child { margin-top: 0 } #content #toc > :last-child { margin-bottom: 0 } #footer { max-width: 100%; background: rgba(0, 0, 0, .8); padding: 1.25em } #footer-text { color: rgba(255, 255, 255, .8); line-height: 1.44 } #content { margin-bottom: .625em } .sect1 { padding-bottom: .625em } @media screen and (min-width: 768px) { #content { margin-bottom: 1.25em } .sect1 { padding-bottom: 1.25em } } .sect1:last-child { padding-bottom: 0 } .sect1 + .sect1 { border-top: 1px solid #e7e7e9 } #content h1 > a.anchor, h2 > a.anchor, h3 > a.anchor, #toctitle > a.anchor, .sidebarblock > .content > .title > a.anchor, h4 > a.anchor, h5 > a.anchor, h6 > a.anchor { position: absolute; z-index: 1001; width: 1.5ex; margin-left: -1.5ex; display: block; text-decoration: none !important; visibility: hidden; text-align: center; font-weight: 400 } #content h1 > a.anchor::before, h2 > a.anchor::before, h3 > a.anchor::before, #toctitle > a.anchor::before, .sidebarblock > .content > .title > a.anchor::before, h4 > a.anchor::before, h5 > a.anchor::before, h6 > a.anchor::before { content: "\00A7"; font-size: .85em; display: block; padding-top: .1em } #content h1:hover > a.anchor, #content h1 > a.anchor:hover, h2:hover > a.anchor, h2 > a.anchor:hover, h3:hover > a.anchor, #toctitle:hover > a.anchor, .sidebarblock > .content > .title:hover > a.anchor, h3 > a.anchor:hover, #toctitle > a.anchor:hover, .sidebarblock > .content > .title > a.anchor:hover, h4:hover > a.anchor, h4 > a.anchor:hover, h5:hover > a.anchor, h5 > a.anchor:hover, h6:hover > a.anchor, h6 > a.anchor:hover { visibility: visible } #content h1 > a.link, h2 > a.link, h3 > a.link, #toctitle > a.link, .sidebarblock > .content > .title > a.link, h4 > a.link, h5 > a.link, h6 > a.link { color: #111; text-decoration: none } #content h1 > a.link:hover, h2 > a.link:hover, h3 > a.link:hover, #toctitle > a.link:hover, .sidebarblock > .content > .title > a.link:hover, h4 > a.link:hover, h5 > a.link:hover, h6 > a.link:hover { color: #bf1c4a; } details, .audioblock, .imageblock, .literalblock, .listingblock, .stemblock, .videoblock { margin-bottom: 1.25em } details > summary:first-of-type { cursor: pointer; display: list-item; outline: none; margin-bottom: .75em } .admonitionblock td.content > .title, .audioblock > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .stemblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, table.tableblock > .title, .verseblock > .title, .videoblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title { text-rendering: optimizeLegibility; text-align: left; font-family: noto sans kr, noto serif, dejavu serif, serif; font-size: .8rem; color: #70767b } table.tableblock.fit-content > caption.title { white-space: nowrap; width: 0 } .paragraph > .title { font-size: 1em } .paragraph.lead > p, #preamble > .sectionbody > [class=paragraph]:first-of-type p { font-size: 1.21875em; line-height: 1.6; color: rgba(0, 0, 0, .85) } table.tableblock #preamble > .sectionbody > [class=paragraph]:first-of-type p { font-size: inherit } .admonitionblock table { border-collapse: separate; border: 0; background: 0 0; width: 100%; min-height: 60px } .admonitionblock table td.icon { position: relative; text-align: center; width: 30px; padding: 0 !important; } .admonitionblock table td.icon img { max-width: none } .admonitionblock table td.icon .title { font-weight: 700; font-family: noto sans kr, open sans, dejavu sans, sans-serif; text-transform: uppercase } .admonitionblock table td.content { padding-left: 1.125em; padding-right: 1.25em; color: #111; position: relative } .admonitionblock table td.content:after { content: ''; display: block; width: 1px; height: 80%; position: absolute; left: 0; top: 10%; border-left: 1px solid #e6e6e6 } .admonitionblock table td.content > :last-child > :last-child { margin-bottom: 0 } .exampleblock .content { border-style: solid; border-width: 1px; border-color: #e6e6e6; margin-bottom: 1.25em; padding: 1.25em; background: #fff; -webkit-border-radius: 4px; border-radius: 4px } .exampleblock .content > :first-child { margin-top: 0 } .exampleblock .content > :last-child { margin-bottom: 0 } .sidebarblock { border-style: solid; border-width: 1px; border-color: #dbdbd6; margin-bottom: 1.25em; padding: 1.25em; background: #f3f3f2; -webkit-border-radius: 4px; border-radius: 4px } .sidebarblock > :first-child { margin-top: 0 } .sidebarblock > :last-child { margin-bottom: 0 } .sidebarblock > .content > .title { color: #7a2518; margin-top: 0; text-align: center } .exampleblock > .content > :last-child > :last-child, .exampleblock > .content .olist > ol > li:last-child > :last-child, .exampleblock > .content .ulist > ul > li:last-child > :last-child, .exampleblock > .content .qlist > ol > li:last-child > :last-child, .sidebarblock > .content > :last-child > :last-child, .sidebarblock > .content .olist > ol > li:last-child > :last-child, .sidebarblock > .content .ulist > ul > li:last-child > :last-child, .sidebarblock > .content .qlist > ol > li:last-child > :last-child { margin-bottom: 0 } .literalblock pre, .listingblock > .content > pre { -webkit-border-radius: 4px; border-radius: 4px; word-wrap: break-word; overflow-x: auto; padding: 1em; font-size: .8125em } .literalblock pre, .listingblock > .content > pre:not(.highlight), .listingblock > .content > pre[class=highlight], .listingblock > .content > pre[class^="highlight "] { background: #f7f7f8 } .literalblock.output pre { color: #f7f7f8; background: rgba(0, 0, 0, .9) } .listingblock > .content { position: relative } .listingblock code[data-lang]::before { display: none; content: attr(data-lang); position: absolute; font-size: .75em; top: .425rem; right: .5rem; line-height: 1; text-transform: uppercase; color: inherit; opacity: .5 } .listingblock:hover code[data-lang]::before { display: block } .listingblock.terminal pre .command::before { content: attr(data-prompt); padding-right: .5em; color: inherit; opacity: .5 } .listingblock.terminal pre .command:not([data-prompt])::before { content: "$" } .listingblock pre.highlightjs { padding: 0 } .listingblock pre.highlightjs > code { padding: 1em; -webkit-border-radius: 4px; border-radius: 4px } .listingblock pre.prettyprint { border-width: 0 } .prettyprint { background: #f7f7f8 } pre.prettyprint .linenums { line-height: 1.45; margin-left: 2em } pre.prettyprint li { background: 0 0; list-style-type: inherit; padding-left: 0 } pre.prettyprint li code[data-lang]::before { opacity: 1 } pre.prettyprint li:not(:first-child) code[data-lang]::before { display: none } table.linenotable { border-collapse: separate; border: 0; margin-bottom: 0; background: 0 0 } table.linenotable td[class] { color: inherit; vertical-align: top; padding: 0; line-height: inherit; white-space: normal } table.linenotable td.code { padding-left: .75em } table.linenotable td.linenos { border-right: 1px solid; opacity: .35; padding-right: .5em } pre.pygments .lineno { border-right: 1px solid; opacity: .35; display: inline-block; margin-right: .75em } pre.pygments .lineno::before { content: ""; margin-right: -.125em } .quoteblock { margin: 0 1em 1.25em 1.5em; display: table } .quoteblock > .title { margin-left: -1.5em; margin-bottom: .75em } .quoteblock blockquote, .quoteblock p { color: rgba(0, 0, 0, .85); font-size: 1.15rem; line-height: 1.75; word-spacing: .1em; letter-spacing: 0; font-style: italic; text-align: justify } .quoteblock blockquote { margin: 0; padding: 0; border: 0 } .quoteblock blockquote::before { content: "\201c"; float: left; font-size: 2.75em; font-weight: 700; line-height: .6em; margin-left: -.6em; color: #7a2518; text-shadow: 0 1px 2px rgba(0, 0, 0, .1) } .quoteblock blockquote > .paragraph:last-child p { margin-bottom: 0 } .quoteblock .attribution { margin-top: .75em; margin-right: .5ex; text-align: right } .verseblock { margin: 0 1em 1.25em } .verseblock pre { font-family: noto sans kr, open sans, dejavu sans, sans; font-size: 1.15rem; color: rgba(0, 0, 0, .85); font-weight: 300; text-rendering: optimizeLegibility } .verseblock pre strong { font-weight: 400 } .verseblock .attribution { margin-top: 1.25rem; margin-left: .5ex } .quoteblock .attribution, .verseblock .attribution { font-size: .9375em; line-height: 1.45; font-style: italic } .quoteblock .attribution br, .verseblock .attribution br { display: none } .quoteblock .attribution cite, .verseblock .attribution cite { display: block; letter-spacing: -.025em; color: rgba(0, 0, 0, .6) } .quoteblock.abstract blockquote::before, .quoteblock.excerpt blockquote::before, .quoteblock .quoteblock blockquote::before { display: none } .quoteblock.abstract blockquote, .quoteblock.abstract p, .quoteblock.excerpt blockquote, .quoteblock.excerpt p, .quoteblock .quoteblock blockquote, .quoteblock .quoteblock p { line-height: 1.6; word-spacing: 0 } .quoteblock.abstract { margin: 0 1em 1.25em; display: block } .quoteblock.abstract > .title { margin: 0 0 .375em; font-size: 1.15em; text-align: center } .quoteblock.excerpt, .quoteblock .quoteblock { margin: 0 0 1.25em; padding: 0 0 .25em 1em; border-left: .25em solid #dddddf } .quoteblock.excerpt blockquote, .quoteblock.excerpt p, .quoteblock .quoteblock blockquote, .quoteblock .quoteblock p { color: inherit; font-size: 15px } .quoteblock.excerpt .attribution, .quoteblock .quoteblock .attribution { color: inherit; text-align: left; margin-right: 0 } table.tableblock { max-width: 100%; border-collapse: separate } p.tableblock:last-child { margin-bottom: 0 } td.tableblock > .content > :last-child { margin-bottom: -1.25em } td.tableblock > .content > :last-child.sidebarblock { margin-bottom: 0 } table.tableblock, th.tableblock, td.tableblock { border: 0 solid #dedede } table.grid-all > thead > tr > .tableblock, table.grid-all > tbody > tr > .tableblock { border-width: 0 1px 1px 0; text-align: center; background: 0 0 !important; color: #111; font-weight: 700 } table.grid-all > thead > tr > td.tableblock, table.grid-all > tbody > tr > td.tableblock { text-align: left } table.grid-all > tbody > tr > td.tableblock p { font-size: 1.08em } table.grid-all > thead > tr:nth-child(even) > td { background: #f8f9fa !important } table.grid-all > tfoot > tr > .tableblock { border-width: 1px 1px 0 0 } table.grid-cols > * > tr > .tableblock { border-width: 0 1px 0 0 } table.grid-rows > thead > tr > .tableblock, table.grid-rows > tbody > tr > .tableblock { border-width: 0 0 1px } table.grid-rows > tfoot > tr > .tableblock { border-width: 1px 0 0 } table.grid-all > * > tr > .tableblock:last-child, table.grid-cols > * > tr > .tableblock:last-child { border-right-width: 0 } table.grid-all > tbody > tr:last-child > .tableblock, table.grid-all > thead:last-child > tr > .tableblock, table.grid-rows > tbody > tr:last-child > .tableblock, table.grid-rows > thead:last-child > tr > .tableblock { border-bottom-width: 0 } table.frame-all { border-width: 1px } table.frame-sides { border-width: 0 1px } table.frame-topbot, table.frame-ends { border-width: 1px 0 } table.stripes-all tr, table.stripes-odd tr:nth-of-type(odd), table.stripes-even tr:nth-of-type(even), table.stripes-hover tr:hover { background: #f8f8f7 } th.halign-left, td.halign-left { text-align: left } th.halign-right, td.halign-right { text-align: right } th.halign-center, td.halign-center { text-align: center } th.valign-top, td.valign-top { vertical-align: top } th.valign-bottom, td.valign-bottom { vertical-align: bottom } th.valign-middle, td.valign-middle { vertical-align: middle } table thead th, table tfoot th { font-weight: 700 } table tr th { font-size: .93em !important } tbody tr th { display: table-cell; line-height: 1.6; background: #f7f8f7 } tbody tr th, tbody tr th p, tfoot tr th, tfoot tr th p { color: rgba(0, 0, 0, .8); font-weight: 700 } p.tableblock > code:only-child { background: 0 0; padding: 0 } p.tableblock { font-size: 1em } ol { margin-left: 1.75em } ul li ol { margin-left: 1.5em } dl dd { margin-left: 1.125em } dl dd:last-child, dl dd:last-child > :last-child { margin-bottom: 0 } ol > li p, ul > li p, ul dd, ol dd, .olist .olist, .ulist .ulist, .ulist .olist, .olist .ulist { margin-bottom: .625em } ul.checklist, ul.none, ol.none, ul.no-bullet, ol.no-bullet, ol.unnumbered, ul.unstyled, ol.unstyled { list-style-type: none } ul.no-bullet, ol.no-bullet, ol.unnumbered { margin-left: .625em } ul.unstyled, ol.unstyled { margin-left: 0 } ul.checklist { margin-left: .625em } ul.checklist li > p:first-child > .fa-square-o:first-child, ul.checklist li > p:first-child > .fa-check-square-o:first-child { width: 1.25em; font-size: .8em; position: relative; bottom: .125em } ul.checklist li > p:first-child > input[type=checkbox]:first-child { margin-right: .25em } ul.inline { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; list-style: none; margin: 0 0 .625em -1.25em } ul.inline > li { margin-left: 1.25em } .unstyled dl dt { font-weight: 400; font-style: normal } ol.arabic { list-style-type: decimal } ol.decimal { list-style-type: decimal-leading-zero } ol.loweralpha { list-style-type: lower-alpha } ol.upperalpha { list-style-type: upper-alpha } ol.lowerroman { list-style-type: lower-roman } ol.upperroman { list-style-type: upper-roman } ol.lowergreek { list-style-type: lower-greek } .hdlist > table, .colist > table { border: 0; background: 0 0 } .hdlist > table > tbody > tr, .colist > table > tbody > tr { background: 0 0 } td.hdlist1, td.hdlist2 { vertical-align: top; padding: 0 .625em } td.hdlist1 { font-weight: 700; padding-bottom: 1.25em } .literalblock + .colist, .listingblock + .colist { margin-top: -.5em } .colist td:not([class]):first-child { padding: .4em .75em 0; line-height: 1; vertical-align: top } .colist td:not([class]):first-child img { max-width: none } .colist td:not([class]):last-child { padding: .25em 0 } .thumb, .th { line-height: 0; display: inline-block; border: solid 4px #fff; -webkit-box-shadow: 0 0 0 1px #ddd; box-shadow: 0 0 0 1px #ddd } .imageblock { } .imageblock .content { box-shadow: 0 3px 10px rgba(0, 0, 0, .16); padding: 10px 3%; text-align: center; margin-bottom: 10px; border: 1px solid #e6e6e6; border-radius: 6px } .imageblock .content img { width: 94% } .imageblock.left { margin: .25em .625em 1.25em 0 } .imageblock.right { margin: .25em 0 1.25em .625em } .imageblock > .title { margin-bottom: 0 } .imageblock.thumb, .imageblock.th { border-width: 6px } .imageblock.thumb > .title, .imageblock.th > .title { padding: 0 .125em } .image.left, .image.right { margin-top: .25em; margin-bottom: .25em; display: inline-block; line-height: 0 } .image.left { margin-right: .625em } .image.right { margin-left: .625em } a.image { text-decoration: none; display: inline-block } a.image object { pointer-events: none } sup.footnote, sup.footnoteref { font-size: .875em; position: static; vertical-align: super } sup.footnote a, sup.footnoteref a { text-decoration: none } sup.footnote a:active, sup.footnoteref a:active { text-decoration: underline } #footnotes { padding-top: .75em; padding-bottom: .75em; margin-bottom: .625em } #footnotes hr { width: 20%; min-width: 6.25em; margin: -.25em 0 .75em; border-width: 1px 0 0 } #footnotes .footnote { padding: 0 .375em 0 .225em; line-height: 1.3334; font-size: .875em; margin-left: 1.2em; margin-bottom: .2em } #footnotes .footnote a:first-of-type { font-weight: 700; text-decoration: none; margin-left: -1.05em } #footnotes .footnote:last-of-type { margin-bottom: 0 } #content #footnotes { margin-top: -.625em; margin-bottom: 0; padding: .75em 0 } .gist .file-data > table { border: 0; background: #fff; width: 100%; margin-bottom: 0 } .gist .file-data > table td.line-data { width: 99% } div.unbreakable { page-break-inside: avoid } .big { font-size: larger } .small { font-size: smaller } .underline { text-decoration: underline } .overline { text-decoration: overline } .line-through { text-decoration: line-through } .aqua { color: #00bfbf } .aqua-background { background: #00fafa } .black { color: #000 } .black-background { background: #000 } .blue { color: #0000bf } .blue-background { background: #0000fa } .fuchsia { color: #bf00bf } .fuchsia-background { background: #fa00fa } .gray { color: #606060 } .gray-background { background: #7d7d7d } .green { color: #006000 } .green-background { background: #007d00 } .lime { color: #00bf00 } .lime-background { background: #00fa00 } .maroon { color: #600000 } .maroon-background { background: #7d0000 } .navy { color: #000060 } .navy-background { background: #00007d } .olive { color: #606000 } .olive-background { background: #7d7d00 } .purple { color: #600060 } .purple-background { background: #7d007d } .red { color: #bf0000 } .red-background { background: #fa0000 } .silver { color: #909090 } .silver-background { background: #bcbcbc } .teal { color: #006060 } .teal-background { background: #007d7d } .white { color: #bfbfbf } .white-background { background: #fafafa } .yellow { color: #bfbf00 } .yellow-background { background: #fafa00 } span.icon > .fa { cursor: default } a span.icon > .fa { cursor: inherit } .fa { font: 30px/1 FontAwesome !important } .admonitionblock td.icon [class^="fa icon-"] { font-size: 2.5em; text-shadow: 1px 1px 2px rgba(0, 0, 0, .5); cursor: default; font-family: FontAwesome } .admonitionblock td.icon .icon-note::before { content: "\f05a"; color: #19407c } .admonitionblock td.icon .icon-tip::before { content: "\f0eb"; text-shadow: 1px 1px 2px rgba(155, 155, 0, .8); color: #111 } .admonitionblock td.icon .icon-warning::before { content: "\f071"; color: #bf6900 } .admonitionblock td.icon .icon-caution::before { content: "\f06d"; color: #bf3400 } .admonitionblock td.icon .icon-important::before { content: "\f06a"; color: #bf0000 } .admonitionblock table { border-radius: 0px; border-collapse: unset !important; } .admonitionblock table td.content { padding-left: 0.125em !important; } .admonitionblock table td.content::after { border-left: none !important; } .admonitionblock table td.icon > i { position: absolute; top: 10px; left: 5px; } .admonitionblock.important table { border: none !important; background-color: #f9ebeb; border-radius: 4px; } .admonitionblock.important table td.icon > i { display: block; /*position: absolute; top: 18px; left: 20px;*/ width: 50px; text-align: right; text-shadow: 1px 1px 2px rgb(0 0 0 / 0%); font-size: 2.5em !important; background: transparent; } .admonitionblock.important table td.icon > i::after { content: ""; font-size: 15px; font-weight: 600; padding-left: 8px; margin-top: 0px; display: inline-block; vertical-align: middle; } .admonitionblock.important table td.icon > i::before { display: inline-block; vertical-align: middle; color: #e04e4e; padding-left: 10px; } .admonitionblock.note table { border: none !important; background-color: #e9f1f6; border-radius: 4px; } .admonitionblock.note table td.icon > i { display: block; /* position: absolute; */ /* top: 10px; */ /* left: 20px; */ width: 50px; text-align: right; text-shadow: 1px 1px 2px rgb(0 0 0 / 0%); font-size: 2.5em !important; background: transparent; } .admonitionblock.note table td.icon > i::after { content: ""; font-size: 15px; font-weight: 600; padding-left: 8px; margin-top: 0px; display: inline-block; vertical-align: middle; } .admonitionblock.note table td.icon > i::before { color: #4273bf; } .admonitionblock.note table td.icon > i::before { display: inline-block; vertical-align: middle; color: #0073bb; padding-left: 10px; } .admonitionblock table td.content { padding-left: 2.5em !important; } /*=== 210916 css 추가 ===*/ .admonitionblock.warning table { border: none !important; background-color: #fbeede; border-radius: 4px } .admonitionblock.warning table td.icon > i { display: block; width: 50px; text-align: right; text-shadow: 1px 1px 2px transparent; font-size: 2.5em !important; background: 0 0 } .admonitionblock.warning table td.icon > i::after { content: ""; font-size: 15px; font-weight: 600; padding-left: 8px; margin-top: 0; display: inline-block; vertical-align: middle } .admonitionblock.warning table td.icon > i::before { display: inline-block; vertical-align: middle; color: #e88f22; padding-left: 10px } .admonitionblock.tip table { border: none !important; background-color: #edf5ed; border-radius: 4px } .admonitionblock.tip table td.icon > i { display: block; width: 50px; text-align: right; text-shadow: 1px 1px 2px transparent; font-size: 2.5em !important; background: 0 0 } .admonitionblock.tip table td.icon > i::after { content: ""; font-size: 15px; font-weight: 600; padding-left: 8px; margin-top: 0; display: inline-block; vertical-align: middle } .admonitionblock.tip table td.icon > i::before { display: inline-block; vertical-align: middle; color: #508e50; padding-left: 10px; text-shadow: none; } .admonitionblock table td.icon > i { position: absolute; top: calc(50% - 20px); left: 5px; } .conum[data-value] { display: inline-block; color: #fff !important; background: rgba(0, 0, 0, .8); -webkit-border-radius: 100px; border-radius: 100px; text-align: center; font-size: .75em; width: 1.67em; height: 1.67em; line-height: 1.67em; font-family: noto sans kr, open sans, dejavu sans, sans-serif; font-style: normal; font-weight: 700 } .conum[data-value] * { color: #fff !important } .conum[data-value] + b { display: none } .conum[data-value]::after { content: attr(data-value) } pre .conum[data-value] { position: relative; top: -.125em } b.conum * { color: inherit !important } .conum:not([data-value]):empty { display: none } dt, th.tableblock, td.content, div.footnote { text-rendering: optimizeLegibility } h1, h2, p, td.content, span.alt { letter-spacing: -.01em } p strong, td.content strong, div.footnote strong { letter-spacing: -.005em } p, blockquote, dt, td.content, span.alt { font-size: 15px; line-height: 1.6 } p { margin-bottom: 1.25rem } .sidebarblock p, .sidebarblock dt, .sidebarblock td.content, p.tableblock { font-size: 1em } .exampleblock > .content { background: #fffef7; border-color: #e0e0dc; -webkit-box-shadow: 0 1px 4px #e0e0dc; box-shadow: 0 1px 4px #e0e0dc } .print-only { display: none !important } @page { margin: 1.25cm .75cm } @media print { * { -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important } html { font-size: 80% } a { color: inherit !important; text-decoration: underline !important } a.bare, a[href^="#"], a[href^="mailto:"] { text-decoration: none !important } a[href^="http:"]:not(.bare)::after, a[href^="https:"]:not(.bare)::after { content: "(" attr(href) ")"; display: inline-block; font-size: .875em; padding-left: .25em } abbr[title]::after { content: " (" attr(title) ")" } pre, blockquote, tr, img, object, svg { page-break-inside: avoid } thead { display: table-header-group } svg { max-width: 100% } p, blockquote, dt, td.content { font-size: 1em; orphans: 3; widows: 3 } h2, h3, #toctitle, .sidebarblock > .content > .title { page-break-after: avoid } #toc, .sidebarblock, .exampleblock > .content { background: 0 0 !important } #toc { border-bottom: 1px solid #dddddf !important; padding-bottom: 0 !important } body.book #header { text-align: center } body.book #header > h1:first-child { border: 0 !important; margin: 2.5em 0 1em } body.book #header .details { border: 0 !important; display: block; padding: 0 !important } body.book #header .details span:first-child { margin-left: 0 !important } body.book #header .details br { display: block } body.book #header .details br + span::before { content: none !important } body.book #toc { border: 0 !important; text-align: left !important; padding: 0 !important; margin: 0 !important } body.book #toc, body.book #preamble, body.book h1.sect0, body.book .sect1 > h2 { page-break-before: always } .listingblock code[data-lang]::before { display: block } #footer { padding: 0 .9375em } .hide-on-print { display: none !important } .print-only { display: block !important } .hide-for-print { display: none !important } .show-for-print { display: inherit !important } } @media print, amzn-kf8 { #header > h1:first-child { margin-top: 1.25rem } .sect1 { padding: 0 !important } .sect1 + .sect1 { border: 0 } #footer { background: 0 0 } #footer-text { color: rgba(0, 0, 0, .6); font-size: .9em } } @media amzn-kf8 { #header, #content, #footnotes, #footer { padding: 0 } } pre.CodeRay { background-color: #f7f7f8; border: 1px solid #e6e6e6; border-radius: 10px } pre.CodeRay code, pre.CodeRay pre { font-size: 1.08em } /* Dark Mode */ .color-toggle-dark #toc.toc2 { background: #2c3238 !important; border-right: 1px solid #495056; } .color-toggle-dark #toc ul.sectlevel1 li a { color: #90959a !important; } .color-toggle-dark #toc ul.sectlevel1 li ul.sectlevel2 li a { color: #90959a !important; } .color-toggle-dark #toc ul.sectlevel1 li ul.sectlevel2 li a:hover { color: #e24b8e !important; } .color-toggle-dark #toctitle { color: #e2458b !important; } .color-toggle-dark #toc ul li a:hover { color: #e24b8e !important; background: rgb(177 177 177 / 15%) !important; } .color-toggle-dark #toc ul li a.focus { background: #c53c79 !important; } .color-toggle-dark #header > h1 { color: #90959a !important; } .color-toggle-dark #header .details { color: #90959a !important; background-color: rgb(235 242 242 / 15%); } .color-toggle-dark #content h1 > a.link, .color-toggle-dark h2 > a.link, .color-toggle-dark h3 > a.link, .color-toggle-dark #toctitle > a.link, .color-toggle-dark .sidebarblock > .content > .title > a.link, .color-toggle-dark h4 > a.link, .color-toggle-dark h5 > a.link, .color-toggle-dark h6 > a.link { color: #90959a !important; } .color-toggle-dark #content h1 > a.link:hover, .color-toggle-dark h2 > a.link:hover, .color-toggle-dark h3 > a.link:hover, .color-toggle-dark #toctitle > a.link:hover, .color-toggle-dark .sidebarblock > .content > .title > a.link:hover, .color-toggle-dark h4 > a.link:hover, .color-toggle-dark h5 > a.link:hover, .color-toggle-dark h6 > a.link:hover { color: #e24b8e !important } .color-toggle-dark #header .details span.email a { color: #f5f5f5; } .color-toggle-dark .admonitionblock.note table { background-color: rgb(5 34 51 / 50%) !important; } .color-toggle-dark .admonitionblock table tr { background: none !important; } .color-toggle-dark .admonitionblock table td.content { color: #90959a !important; } .color-toggle-dark .admonitionblock.important table { background-color: rgb(78 13 13 / 50%); } .color-toggle-dark a { color: #528be0; } .color-toggle-dark .button { background: rgb(241 241 241 / 15%); } .color-toggle-dark .sect1 + .sect1 { border-top: 1px solid rgb(231 231 233 / 25%); } .color-toggle-dark main.container { padding: 0rem 1rem 1rem; } .color-toggle-dark table thead, .color-toggle-dark table tfoot { background: #3d454c; } .color-toggle-dark table.grid-all > thead > tr > .tableblock, .color-toggle-dark table.grid-all > tbody > tr > .tableblock { color: #90959a !important; } .color-toggle-dark .gdoc-markdown table:not(.lntable) tbody tr:nth-child(1n) { background: #353c41; } .color-toggle-dark .gdoc-markdown table:not(.lntable) tbody tr:nth-child(2n) { background: #2f353a; } .color-toggle-dark .gdoc-markdown table:not(.lntable) tr { border-bottom: 1px solid #495056; } .color-toggle-dark .gdoc-markdown table:not(.lntable) thead { border-bottom: 1px solid #5a6268; } .color-toggle-dark table.tableblock, .color-toggle-dark th.tableblock, .color-toggle-dark td.tableblock { border: 1px solid #495056; } .color-toggle-dark pre.CodeRay { background-color: #2f353a; border: 1px solid #4e555c; } .color-toggle-dark pre.CodeRay code[data-lang=bash] { color: #90959a; } /* Auto Mode */ .color-toggle-auto #toc.toc2 { background: #2c3238 !important; border-right: 1px solid #495056; } .color-toggle-auto #toc ul.sectlevel1 li a { color: #90959a !important; } .color-toggle-auto #toc ul.sectlevel1 li ul.sectlevel2 li a { color: #90959a !important; } .color-toggle-auto #toc ul.sectlevel1 li ul.sectlevel2 li a:hover { color: #e24b8e !important; } .color-toggle-auto #toctitle { color: #e2458b !important; } .color-toggle-auto #toc ul li a:hover { color: #e24b8e !important; background: rgb(177 177 177 / 15%) !important; } .color-toggle-auto #toc ul li a.focus { background: #c53c79 !important; } .color-toggle-auto #header > h1 { color: #90959a !important; } .color-toggle-auto #header .details { color: #90959a !important; background-color: rgb(235 242 242 / 15%); } .color-toggle-auto #content h1 > a.link, .color-toggle-auto h2 > a.link, .color-toggle-auto h3 > a.link, .color-toggle-auto #toctitle > a.link, .color-toggle-auto .sidebarblock > .content > .title > a.link, .color-toggle-auto h4 > a.link, .color-toggle-auto h5 > a.link, .color-toggle-auto h6 > a.link { color: #90959a !important; } .color-toggle-auto #content h1 > a.link:hover, .color-toggle-auto h2 > a.link:hover, .color-toggle-auto h3 > a.link:hover, .color-toggle-auto #toctitle > a.link:hover, .color-toggle-auto .sidebarblock > .content > .title > a.link:hover, .color-toggle-auto h4 > a.link:hover, .color-toggle-auto h5 > a.link:hover, .color-toggle-auto h6 > a.link:hover { color: #e24b8e !important } .color-toggle-auto #header .details span.email a { color: #f5f5f5; } .color-toggle-auto .admonitionblock.note table { background-color: rgb(5 34 51 / 50%) !important; } .color-toggle-auto .admonitionblock table tr { background: none !important; } .color-toggle-auto .admonitionblock table td.content { color: #90959a !important; } .color-toggle-auto .admonitionblock.important table { background-color: rgb(78 13 13 / 50%); } .color-toggle-auto a { color: #528be0; } .color-toggle-auto .button { background: rgb(241 241 241 / 15%); } .color-toggle-auto .sect1 + .sect1 { border-top: 1px solid rgb(231 231 233 / 25%); } .color-toggle-auto main.container { padding: 0rem 1rem 1rem; } .color-toggle-auto table thead, .color-toggle-auto table tfoot { background: #3d454c; } .color-toggle-auto table.grid-all > thead > tr > .tableblock, .color-toggle-auto table.grid-all > tbody > tr > .tableblock { color: #90959a !important; } .color-toggle-auto .gdoc-markdown table:not(.lntable) tbody tr:nth-child(1n) { background: #353c41; } .color-toggle-auto .gdoc-markdown table:not(.lntable) tbody tr:nth-child(2n) { background: #2f353a; } .color-toggle-auto .gdoc-markdown table:not(.lntable) tr { border-bottom: 1px solid #495056; } .color-toggle-auto .gdoc-markdown table:not(.lntable) thead { border-bottom: 1px solid #5a6268; } .color-toggle-auto table.tableblock, .color-toggle-auto th.tableblock, .color-toggle-auto td.tableblock { border: 1px solid #495056; } .color-toggle-auto pre.CodeRay { background-color: #2f353a; border: 1px solid #4e555c; } .color-toggle-auto pre.CodeRay code[data-lang=bash] { color: #90959a; } /* main-0c0de99286.min.css 수정 */ .gdoc-markdown ol, .gdoc-markdown ul { padding-left: 0rem; } .gdoc-page__header { margin-left: 19rem; } .gdoc-markdown__align--left { margin-left: 19rem; } .gdoc-page__footer a, .gdoc-page__footer a:visited, .gdoc-page__header a, .gdoc-page__header a:visited { color: #518169; } .gdoc-markdown table:not(.lntable) thead { border-bottom: 1px solid #dedede; } .gdoc-markdown b, .gdoc-markdown optgroup, .gdoc-markdown strong { font-weight: 700; } .gdoc-markdown table:not(.lntable) tr { border-bottom: 1px solid #dedede; } main.container { padding: 0rem 1rem 1rem; } #content p .icon { display: inline-block; width: auto !important; height: auto !important; top: unset; stroke-width: unset; stroke: currentColor; fill: currentColor; position: relative; } @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } audio, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } html { font-family: "Noto Sans KR"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } * { font-family: "Noto Sans KR", "Open Sans", "DejaVu Sans", sans-serif !important; } a { background: none } a:focus { outline: thin dotted } a:active, a:hover { outline: 0 } h1 { font-size: 2em; margin: .67em 0; color: #111 !important; font-weight: bold !important; } h2, h3, h4, h5, h6 { font-weight: bold !important; color: #111 !important; } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } dfn { font-style: italic } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } mark { background: #ff0; color: #000 } code, kbd, pre, samp { font-family: monospace; font-size: 1em } pre { white-space: pre-wrap } q { quotes: "\201C" "\201D" "\2018" "\2019" } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 0 } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } span.icon { background: #f1f1f1; padding: 0px 5px; font-weight: bold; display: unset; } .button { background: #f1f1f1; padding: 0px 5px; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0 } button, input { line-height: normal } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0 } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } *, *::before, *::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } html, body { font-size: 100% } body { background: #fff; color: rgba(0, 0, 0, .8); padding: 0; margin: 0; font-family: "Noto Sans KR", "Noto Serif", "DejaVu Serif", serif; font-weight: 400; font-style: normal; line-height: 1; position: relative; cursor: auto; tab-size: 4; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } a:hover { cursor: pointer } img, object, embed { max-width: 100%; height: auto } object, embed { height: 100% } img { -ms-interpolation-mode: bicubic } .left { float: left !important } .right { float: right !important } .text-left { text-align: left !important } .text-right { text-align: right !important } .text-center { text-align: center !important } .text-justify { text-align: justify !important } .hide { display: none } img, object, svg { display: inline-block; vertical-align: middle } textarea { height: auto; min-height: 50px } select { width: 100% } .center { margin-left: auto; margin-right: auto } .stretch { width: 100% } .subheader, .admonitionblock td.content > .title, .audioblock > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .stemblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, table.tableblock > .title, .verseblock > .title, .videoblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title { line-height: 1.45; color: #7a2518; font-weight: 400; margin-top: 0; margin-bottom: .25em } .admonitionblock table { border-radius: 0px; } .admonitionblock > table td.content { padding-left: 0.125em !important; } .admonitionblock > table td.content::after { border-left: none !important; } .admonitionblock.important > table { border: none !important; background-color: #f9ebeb; border-radius: 4px; } .admonitionblock.important > table td.icon > i { display: block; /*position: absolute; top: 18px; left: 20px;*/ width: 50px; text-align: right; text-shadow: 1px 1px 2px rgb(0 0 0 / 0%); font-size: 2.5em !important; background: transparent; } .admonitionblock.important > table td.icon > i::after { content: ""; font-size: 15px; font-weight: 600; padding-left: 8px; margin-top: 0px; display: inline-block; vertical-align: middle; } .admonitionblock.important > table td.icon > i::before { display: inline-block; vertical-align: middle; color: #e04e4e; padding-left: 10px; } .admonitionblock.important > table td.content { padding-left: 1em !important; } .admonitionblock.note > table { border: none !important; background-color: #e9f1f6; border-radius: 4px; } .admonitionblock.note > table td.icon > i { display: block; /* position: absolute; */ /* top: 10px; */ /* left: 20px; */ width: 50px; text-align: right; text-shadow: 1px 1px 2px rgb(0 0 0 / 0%); font-size: 2.5em !important; background: transparent; } .admonitionblock.note > table td.icon > i::after { content: ""; font-size: 15px; font-weight: 600; padding-left: 8px; margin-top: 0px; display: inline-block; vertical-align: middle; } .admonitionblock.note > table td.icon > i::before { color: #4273bf; } .admonitionblock.note > table td.icon > i::before { display: inline-block; vertical-align: middle; color: #0073bb; padding-left: 10px; } .admonitionblock.note > table td.content { padding-left: 1em !important; } /*.admonitionblock.important>table { border: 1px solid #df331259 !important; background-color: rgba(253,243,241,.8); border-left: 3px solid #e04e4e !important; } .admonitionblock.important>table td.icon > i { display: block; position: absolute; top: 10px; left: 20px; width: 200px; text-align: left; text-shadow: 1px 1px 2px rgba(0,0,0,.0); font-size: 20px !important; background: transparent; } .admonitionblock.important>table td.icon > i::after { content: "Important"; font-size: 15px; font-weight: 600; padding-left: 8px; margin-top: 0px; display: inline-block; vertical-align: middle; } .admonitionblock.important>table td.icon > i::before { display: inline-block; vertical-align: middle;color: #e04e4e; } .admonitionblock.important>table td.content { padding-left: 1.8em !important; } .admonitionblock.note>table { border: 1px solid rgba(0,115,187,.35) !important; background-color: rgba(241,250,255,.8); border-left:3px solid #4273bf !important; } .admonitionblock.note>table td.icon > i { display: block; position: absolute; top: 10px; left: 20px; width: 200px; text-align: left; text-shadow: 1px 1px 2px rgba(0,0,0,.0); font-size: 20px !important; background: transparent; } .admonitionblock.note>table td.icon > i::after { content: "Note"; font-size: 15px; font-weight: 600; padding-left: 8px; margin-top: 0px; display: inline-block; vertical-align: middle; } .admonitionblock.note>table td.icon > i::before { color: #4273bf; } .admonitionblock.note>table td.icon > i::before { display: inline-block; vertical-align: middle;color: #0073bb; } .admonitionblock.note>table td.content { padding-left: 1.8em !important; }*/ .admonitionblock table { border: 1px solid #e6e6e6 !important; } .admonitionblock th, .admonitionblock td { position: relative; vertical-align: middle; border-bottom: 1px solid #e6e6e6; } .admonitionblock tr:last-child th, .admonitionblock tr:last-child td { border: none !important; } .admonitionblock td li:last-child p { margin-bottom: 0; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr } a { color: #2156a5; text-decoration: underline; line-height: inherit } a:hover, a:focus { color: #1d4b8f } a img { border: 0 } p { font-family: inherit; font-weight: 400; font-size: 15px; line-height: 1.3; margin-bottom: 1.25em; text-rendering: optimizeLegibility } p aside { font-size: .875em; line-height: 1.35; font-style: italic } h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { font-family: "Noto Sans KR", "Open Sans", "DejaVu Sans", sans-serif; font-weight: 300; font-style: normal; color: #111; text-rendering: optimizeLegibility; margin-top: 1em; margin-bottom: .5em; line-height: 1.0125em } h1 small, h2 small, h3 small, #toctitle small, .sidebarblock > .content > .title small, h4 small, h5 small, h6 small { font-size: 60%; color: #e99b8f; line-height: 0 } h1 { font-size: 3em !important; } h2 { font-size: 2.35em !important; } h3, #toctitle, .sidebarblock > .content > .title { font-size: 1.875em !important; } h4 { font-size: 1.6em !important; } h5 { font-size: 1.4em !important; } h6 { font-size: 1.125em !important; } hr { border: solid #dddddf; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0 } em, i { font-style: italic; line-height: inherit } strong, b { font-weight: bold; line-height: inherit } small { font-size: 60%; line-height: inherit } code[data-lang="bash"] { font-family: Consolas, "Courier New", monospace !important; font-weight: 400; color: rgba(0, 0, 0, .9) } ul, ol, dl { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit } ul, ol { margin-left: 1.5em } ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit } ul.square { list-style-type: square } ul.circle { list-style-type: circle } ul.disc { list-style-type: disc } ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0 } dl dt { margin-bottom: .3125em; font-weight: bold } dl dd { margin-bottom: 1.25em } abbr, acronym { text-transform: uppercase; font-size: 90%; color: rgba(0, 0, 0, .8); border-bottom: 1px dotted #ddd; cursor: help } abbr { text-transform: none } blockquote { margin: 0 0 1.25em; padding: .5625em 1.25em 0 1.1875em; border-left: 1px solid #ddd } blockquote cite { display: block; font-size: .9375em; color: rgba(0, 0, 0, .6) } blockquote cite::before { content: "\2014 \0020" } blockquote cite a, blockquote cite a:visited { color: rgba(0, 0, 0, .6) } blockquote, blockquote p { line-height: 1.6; color: rgba(0, 0, 0, .85) } .paragraph a { display: inline-block; margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { line-height: 1.2 } h1 { font-size: 2.75em } h2 { font-size: 2em; margin-bottom: 1em; } h3 { font-size: 1.6em; margin-top: 1.2em; margin-bottom: .85em; } h3, #toctitle, .sidebarblock > .content > .title { font-size: 1.6875em } h4 { font-size: 1.3em; margin-top: 1.5em; margin-bottom: .85em; } h4 > a { color: #333; } h5 { font-size: 1.15em; margin-top: 1.5em; margin-bottom: .85em; } h6 { font-size: 1em; margin-top: 1.5em; margin-bottom: .85em; } table { background: #fff; margin-bottom: 1.25em; border: solid 1px #dedede } table thead, table tfoot { background: #f7f8f7 } table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 0.25rem 0.25rem; font-size: 0.85em; height: 40px; vertical-align: middle !important; color: rgba(0, 0, 0, .8); text-align: left } table tr th, table tr td { padding: .5625em .625em; font-size: inherit; color: rgba(0, 0, 0, .8) } table tr.even, table tr.alt { background: #f8f8f7 } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.6; font-size: 0.85em; height: 40px; vertical-align: middle !important; } table tbody tr td { height: 45px; } h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { line-height: 1.2; word-spacing: -.05em } h1 strong, h2 strong, h3 strong, #toctitle strong, .sidebarblock > .content > .title strong, h4 strong, h5 strong, h6 strong { font-weight: 400 } .clearfix::before, .clearfix::after, .float-group::before, .float-group::after { content: " "; display: table } .clearfix::after, .float-group::after { clear: both } :not(pre):not([class^=L]) > code { font-size: .9375em; font-style: normal !important; letter-spacing: 0; padding: .1em .5ex; word-spacing: -.15em; background: #f7f7f8; -webkit-border-radius: 4px; border-radius: 4px; line-height: 1.45; text-rendering: optimizeSpeed; word-wrap: break-word } :not(pre) > code.nobreak { word-wrap: normal } :not(pre) > code.nowrap { white-space: nowrap } pre { color: rgba(0, 0, 0, .9); font-family: "Noto Sans KR", "Droid Sans Mono", "DejaVu Sans Mono", monospace; line-height: 1.45; text-rendering: optimizeSpeed } pre code, pre pre { color: inherit; font-size: 1em; line-height: inherit } pre > code { display: block } pre.nowrap, pre.nowrap pre { white-space: pre; word-wrap: normal } em em { font-style: normal } strong strong { font-weight: 400 } .keyseq { color: rgba(51, 51, 51, .8) } kbd { font-family: "Noto Sans KR", "Droid Sans Mono", "DejaVu Sans Mono", monospace; display: inline-block; color: rgba(0, 0, 0, .8); font-size: .65em; line-height: 1.45; background: #f7f7f7; border: 1px solid #ccc; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 0 0 .1em white inset; box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 0 0 .1em #fff inset; margin: 0 .15em; padding: .2em .5em; vertical-align: middle; position: relative; top: -.1em; white-space: nowrap } .keyseq kbd:first-child { margin-left: 0 } .keyseq kbd:last-child { margin-right: 0 } .menuseq, .menuref { color: #000 } .menuseq b:not(.caret), .menuref { font-weight: inherit } .menuseq { word-spacing: -.02em } .menuseq b.caret { font-size: 1.25em; line-height: .8 } .menuseq i.caret { font-weight: bold; text-align: center; width: .45em } .button { font-weight: bold; /*color: #c40352;*/ } b.button::before, b.button::after { position: relative; top: -1px; font-weight: 400 } b.button::before { content: "["; padding: 0 3px 0 2px } b.button::after { content: "]"; padding: 0 2px 0 3px } p a > code:hover { color: rgba(0, 0, 0, .9) } #header::after { position: absolute; right: 0; top: 0; display: block; content: ''; height: 260px; width: 452px; z-index: 999; background-image: url(/resources/symbol.png); background-repeat: no-repeat; background-size: auto; background-position: right 45px; } #header, #content, #footnotes, #footer { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5em; *zoom: 1; position: relative; padding-left: .9375em; padding-right: .9375em } #header::before, #header::after, #content::before, #content::after, #footnotes::before, #footnotes::after, #footer::before, #footer::after { content: " "; display: table } #header::after, #content::after, #footnotes::after, #footer::after { clear: both } #content { margin-top: 1.25em } #content::before { content: none } #header > h1:first-child { color: rgba(0, 0, 0, .85); margin-top: 2.25rem; margin-bottom: 0 } #header > h1:first-child + #toc { margin-top: 8px; border-top: 1px solid #dddddf } #header > h1:only-child, body.toc2 #header > h1:nth-last-child(2) { border-bottom: 1px solid #dddddf; padding-bottom: 8px } #header .details { line-height: 1.45; font-size: 0.85em; color: rgba(0, 0, 0, .6); display: inline-block; background-color: #ebf2f2; padding: 1.8rem 2.5rem; margin-top: 2rem; width: calc(100% - 100px); } #header .details span:first-child { margin-left: -.125em } #header .details span.email a { color: rgba(0, 0, 0, .85) } #header .details br { display: none } #header .details br + span::before { content: "\00a0\2013\00a0" } #header .details br + span.author::before { content: "\00a0\22c5\00a0"; color: rgba(0, 0, 0, .85) } #header .details br + span#revremark::before { content: "\00a0|\00a0" } #header #revnumber { text-transform: capitalize } #header #revnumber::after { content: "\00a0" } #content > h1:first-child:not([class]) { color: rgba(0, 0, 0, .85); border-bottom: 1px solid #dddddf; padding-bottom: 8px; margin-top: 0; padding-top: 1rem; margin-bottom: 1.25rem } #toc { border-bottom: 1px solid #e7e7e9; padding-bottom: .5em } #toc > ul { margin-left: .125em } #toc ul.sectlevel0 > li > a { font-style: italic } #toc ul.sectlevel0 ul.sectlevel1 { margin: .5em 0 } #toc ul { font-family: "Noto Sans KR", "Open Sans", "DejaVu Sans", sans-serif; list-style-type: none } #toc ul.sectlevel1 > li > a { display: block; width: 100%; font-size: 1.2em; font-weight: 500; padding: .1rem .6rem; } #toc ul li a { color: #111; line-height: 1.5; } #toc ul li a:hover { background: #f6e8ec; border-radius: 4px; color: #BF1C4A !important; } #toc ul li a:focus { background: #BF1C4A; border-radius: 4px; color: #fff !important; } #toc ul li a.focus { background: #BF1C4A; border-radius: 4px; color: #fff !important; } #toc ul li ul.sectlevel2 li a { display: block; width: 100%; font-size: 0.95em; color: #111; padding: .1rem .6rem; } #toc li { line-height: 1.3334; margin-top: .0em } #toc a { text-decoration: none } #toc a:active { text-decoration: underline } #toctitle { color: #BF1C4A; font-size: 1.0em; font-weight: 500; } @media screen and (min-width: 768px) { #toctitle { font-size: 1.375em !important; } /*body.toc2{padding-left:15em;padding-right:0}*/ #toc.toc2 { margin-top: 0 !important; background: #fff; position: fixed; width: 15em; left: 0; top: 0; border-right: 1px solid #e7e7e9; border-top-width: 0 !important; border-bottom-width: 0 !important; z-index: 1000; padding: 1.25em 1em; height: 100%; overflow: auto } #toc.toc2 #toctitle { margin-top: 0; margin-bottom: .8rem; font-size: 1.2em } #toc.toc2 > ul { font-size: .9em; margin-bottom: 0 } #toc.toc2 ul ul { margin-left: 0; padding-left: 1em } #toc.toc2 ul.sectlevel0 ul.sectlevel1 { padding-left: 0; margin-top: .5em; margin-bottom: .5em } body.toc2.toc-right { padding-left: 0; padding-right: 15em } body.toc2.toc-right #toc.toc2 { border-right-width: 0; border-left: 1px solid #e7e7e9; left: auto; right: 0 } } @media screen and (min-width: 1280px) { /*body.toc2{padding-left:23em;padding-right:3em}*/ #toc.toc2 { width: 20em } #toc.toc2 #toctitle { font-size: 1.2em } #toc.toc2 > ul { font-size: .95em } #toc.toc2 ul ul { padding-left: 1.25em } #toc.toc2 ul.sectlevel1 > li { margin-top: 1em; } body.toc2.toc-right { padding-left: 0; padding-right: 20em } } #content #toc { border-style: solid; border-width: 1px; border-color: #e0e0dc; margin-bottom: 1.25em; padding: 1.25em; background: #f8f8f7; -webkit-border-radius: 4px; border-radius: 4px } #content #toc > :first-child { margin-top: 0 } #content #toc > :last-child { margin-bottom: 0 } #footer { max-width: 100%; background: rgba(0, 0, 0, .8); padding: 1.25em } #footer-text { color: rgba(255, 255, 255, .8); line-height: 1.44 } #content { margin-bottom: .625em } .sect1 { padding-bottom: .625em } @media screen and (min-width: 768px) { #content { margin-bottom: 1.25em } .sect1 { padding-bottom: 1.25em } } .sect1:last-child { padding-bottom: 0 } .sect1 + .sect1 { border-top: 1px solid #e7e7e9 } #content h1 > a.anchor, h2 > a.anchor, h3 > a.anchor, #toctitle > a.anchor, .sidebarblock > .content > .title > a.anchor, h4 > a.anchor, h5 > a.anchor, h6 > a.anchor { position: absolute; z-index: 1001; width: 1.5ex; margin-left: -1.5ex; display: block; text-decoration: none !important; visibility: hidden; text-align: center; font-weight: 400 } #content h1 > a.anchor::before, h2 > a.anchor::before, h3 > a.anchor::before, #toctitle > a.anchor::before, .sidebarblock > .content > .title > a.anchor::before, h4 > a.anchor::before, h5 > a.anchor::before, h6 > a.anchor::before { content: "\00A7"; font-size: .85em; display: block; padding-top: .1em } #content h1:hover > a.anchor, #content h1 > a.anchor:hover, h2:hover > a.anchor, h2 > a.anchor:hover, h3:hover > a.anchor, #toctitle:hover > a.anchor, .sidebarblock > .content > .title:hover > a.anchor, h3 > a.anchor:hover, #toctitle > a.anchor:hover, .sidebarblock > .content > .title > a.anchor:hover, h4:hover > a.anchor, h4 > a.anchor:hover, h5:hover > a.anchor, h5 > a.anchor:hover, h6:hover > a.anchor, h6 > a.anchor:hover { visibility: visible } #content h1 > a.link, h2 > a.link, h3 > a.link, #toctitle > a.link, .sidebarblock > .content > .title > a.link, h4 > a.link, h5 > a.link, h6 > a.link { color: #111; text-decoration: none } #content h1 > a.link:hover, h2 > a.link:hover, h3 > a.link:hover, #toctitle > a.link:hover, .sidebarblock > .content > .title > a.link:hover, h4 > a.link:hover, h5 > a.link:hover, h6 > a.link:hover { color: #a53221 } details, .audioblock, .imageblock, .literalblock, .listingblock, .stemblock, .videoblock { margin-bottom: 1.25em } details > summary:first-of-type { cursor: pointer; display: list-item; outline: none; margin-bottom: .75em } .admonitionblock td.content > .title, .audioblock > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .stemblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, table.tableblock > .title, .verseblock > .title, .videoblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title { text-rendering: optimizeLegibility; text-align: left; font-family: "Noto Sans KR", "Noto Serif", "DejaVu Serif", serif; font-size: 0.8rem; color: #70767b; } table.tableblock.fit-content > caption.title { white-space: nowrap; width: 0 } .paragraph > .title { font-size: 1em; } .paragraph.lead > p, #preamble > .sectionbody > [class="paragraph"]:first-of-type p { font-size: 1.21875em; line-height: 1.6; color: rgba(0, 0, 0, .85) } table.tableblock #preamble > .sectionbody > [class="paragraph"]:first-of-type p { font-size: inherit } .admonitionblock > table { border-collapse: separate; border: 0; background: none; width: 100%; min-height: 60px; } .admonitionblock > table td.icon { text-align: center; width: 30px } .admonitionblock > table td.icon img { max-width: none } .admonitionblock > table td.icon .title { font-weight: bold; font-family: "Noto Sans KR", "Open Sans", "DejaVu Sans", sans-serif; text-transform: uppercase } .admonitionblock > table td.content { padding-left: 1.125em; padding-right: 1.25em; color: #111; position: relative; } .admonitionblock > table td.content:after { content: ''; display: block; width: 1px; height: 80%; position: absolute; left: 0; top: 10%; border-left: 1px solid #e6e6e6; } .admonitionblock > table td.content > :last-child > :last-child { margin-bottom: 0 } .exampleblock > .content { border-style: solid; border-width: 1px; border-color: #e6e6e6; margin-bottom: 1.25em; padding: 1.25em; background: #fff; -webkit-border-radius: 4px; border-radius: 4px } .exampleblock > .content > :first-child { margin-top: 0 } .exampleblock > .content > :last-child { margin-bottom: 0 } .sidebarblock { border-style: solid; border-width: 1px; border-color: #dbdbd6; margin-bottom: 1.25em; padding: 1.25em; background: #f3f3f2; -webkit-border-radius: 4px; border-radius: 4px } .sidebarblock > :first-child { margin-top: 0 } .sidebarblock > :last-child { margin-bottom: 0 } .sidebarblock > .content > .title { color: #7a2518; margin-top: 0; text-align: center } .exampleblock > .content > :last-child > :last-child, .exampleblock > .content .olist > ol > li:last-child > :last-child, .exampleblock > .content .ulist > ul > li:last-child > :last-child, .exampleblock > .content .qlist > ol > li:last-child > :last-child, .sidebarblock > .content > :last-child > :last-child, .sidebarblock > .content .olist > ol > li:last-child > :last-child, .sidebarblock > .content .ulist > ul > li:last-child > :last-child, .sidebarblock > .content .qlist > ol > li:last-child > :last-child { margin-bottom: 0 } .literalblock pre, .listingblock > .content > pre { -webkit-border-radius: 4px; border-radius: 4px; word-wrap: break-word; overflow-x: auto; padding: 1em; font-size: .8125em } /* @media screen and (min-width:768px){.literalblock pre,.listingblock>.content>pre{font-size:.90625em}} @media screen and (min-width:1280px){.literalblock pre,.listingblock>.content>pre{font-size:1em}} */ .literalblock pre, .listingblock > .content > pre:not(.highlight), .listingblock > .content > pre[class="highlight"], .listingblock > .content > pre[class^="highlight "] { background: #f7f7f8 } .literalblock.output pre { color: #f7f7f8; background: rgba(0, 0, 0, .9) } .listingblock > .content { position: relative } .listingblock code[data-lang]::before { display: none; content: attr(data-lang); position: absolute; font-size: .75em; top: .425rem; right: .5rem; line-height: 1; text-transform: uppercase; color: inherit; opacity: .5 } .listingblock:hover code[data-lang]::before { display: block } .listingblock.terminal pre .command::before { content: attr(data-prompt); padding-right: .5em; color: inherit; opacity: .5 } .listingblock.terminal pre .command:not([data-prompt])::before { content: "$" } .listingblock pre.highlightjs { padding: 0 } .listingblock pre.highlightjs > code { padding: 1em; -webkit-border-radius: 4px; border-radius: 4px } .listingblock pre.prettyprint { border-width: 0 } .prettyprint { background: #f7f7f8 } pre.prettyprint .linenums { line-height: 1.45; margin-left: 2em } pre.prettyprint li { background: none; list-style-type: inherit; padding-left: 0 } pre.prettyprint li code[data-lang]::before { opacity: 1 } pre.prettyprint li:not(:first-child) code[data-lang]::before { display: none } table.linenotable { border-collapse: separate; border: 0; margin-bottom: 0; background: none } table.linenotable td[class] { color: inherit; vertical-align: top; padding: 0; line-height: inherit; white-space: normal } table.linenotable td.code { padding-left: .75em } table.linenotable td.linenos { border-right: 1px solid currentColor; opacity: .35; padding-right: .5em } pre.pygments .lineno { border-right: 1px solid currentColor; opacity: .35; display: inline-block; margin-right: .75em } pre.pygments .lineno::before { content: ""; margin-right: -.125em } .quoteblock { margin: 0 1em 1.25em 1.5em; display: table } .quoteblock > .title { margin-left: -1.5em; margin-bottom: .75em } .quoteblock blockquote, .quoteblock p { color: rgba(0, 0, 0, .85); font-size: 1.15rem; line-height: 1.75; word-spacing: .1em; letter-spacing: 0; font-style: italic; text-align: justify } .quoteblock blockquote { margin: 0; padding: 0; border: 0 } .quoteblock blockquote::before { content: "\201c"; float: left; font-size: 2.75em; font-weight: bold; line-height: .6em; margin-left: -.6em; color: #7a2518; text-shadow: 0 1px 2px rgba(0, 0, 0, .1) } .quoteblock blockquote > .paragraph:last-child p { margin-bottom: 0 } .quoteblock .attribution { margin-top: .75em; margin-right: .5ex; text-align: right } .verseblock { margin: 0 1em 1.25em } .verseblock pre { font-family: "Noto Sans KR", "Open Sans", "DejaVu Sans", sans; font-size: 1.15rem; color: rgba(0, 0, 0, .85); font-weight: 300; text-rendering: optimizeLegibility } .verseblock pre strong { font-weight: 400 } .verseblock .attribution { margin-top: 1.25rem; margin-left: .5ex } .quoteblock .attribution, .verseblock .attribution { font-size: .9375em; line-height: 1.45; font-style: italic } .quoteblock .attribution br, .verseblock .attribution br { display: none } .quoteblock .attribution cite, .verseblock .attribution cite { display: block; letter-spacing: -.025em; color: rgba(0, 0, 0, .6) } .quoteblock.abstract blockquote::before, .quoteblock.excerpt blockquote::before, .quoteblock .quoteblock blockquote::before { display: none } .quoteblock.abstract blockquote, .quoteblock.abstract p, .quoteblock.excerpt blockquote, .quoteblock.excerpt p, .quoteblock .quoteblock blockquote, .quoteblock .quoteblock p { line-height: 1.6; word-spacing: 0 } .quoteblock.abstract { margin: 0 1em 1.25em; display: block } .quoteblock.abstract > .title { margin: 0 0 .375em; font-size: 1.15em; text-align: center } .quoteblock.excerpt, .quoteblock .quoteblock { margin: 0 0 1.25em; padding: 0 0 .25em 1em; border-left: .25em solid #dddddf } .quoteblock.excerpt blockquote, .quoteblock.excerpt p, .quoteblock .quoteblock blockquote, .quoteblock .quoteblock p { color: inherit; font-size: 15px; } .quoteblock.excerpt .attribution, .quoteblock .quoteblock .attribution { color: inherit; text-align: left; margin-right: 0 } table.tableblock { max-width: 100%; border-collapse: separate } p.tableblock:last-child { margin-bottom: 0 } td.tableblock > .content > :last-child { margin-bottom: -1.25em } td.tableblock > .content > :last-child.sidebarblock { margin-bottom: 0 } table.tableblock, th.tableblock, td.tableblock { border: 0 solid #dedede } table.grid-all > thead > tr > .tableblock, table.grid-all > tbody > tr > .tableblock { border-width: 0 1px 1px 0; text-align: center; background: none !important; color: #111; font-weight: bold; } table.grid-all > thead > tr > td.tableblock, table.grid-all > tbody > tr > td.tableblock { text-align: left; } table.grid-all > tbody > tr > td.tableblock p { font-size: 1.08em; } table.grid-all > thead > tr:nth-child(even) > td { background: #f8f9fa !important; } table.grid-all > tfoot > tr > .tableblock { border-width: 1px 1px 0 0 } table.grid-cols > * > tr > .tableblock { border-width: 0 1px 0 0 } table.grid-rows > thead > tr > .tableblock, table.grid-rows > tbody > tr > .tableblock { border-width: 0 0 1px } table.grid-rows > tfoot > tr > .tableblock { border-width: 1px 0 0 } table.grid-all > * > tr > .tableblock:last-child, table.grid-cols > * > tr > .tableblock:last-child { border-right-width: 0 } table.grid-all > tbody > tr:last-child > .tableblock, table.grid-all > thead:last-child > tr > .tableblock, table.grid-rows > tbody > tr:last-child > .tableblock, table.grid-rows > thead:last-child > tr > .tableblock { border-bottom-width: 0 } table.frame-all { border-width: 1px } table.frame-sides { border-width: 0 1px } table.frame-topbot, table.frame-ends { border-width: 1px 0 } table.stripes-all tr, table.stripes-odd tr:nth-of-type(odd), table.stripes-even tr:nth-of-type(even), table.stripes-hover tr:hover { background: #f8f8f7 } th.halign-left, td.halign-left { text-align: left } th.halign-right, td.halign-right { text-align: right } th.halign-center, td.halign-center { text-align: center } th.valign-top, td.valign-top { vertical-align: top } th.valign-bottom, td.valign-bottom { vertical-align: bottom } th.valign-middle, td.valign-middle { vertical-align: middle } table thead th, table tfoot th { font-weight: bold; } table tr th { font-size: 0.93em !important; } tbody tr th { display: table-cell; line-height: 1.6; background: #f7f8f7 } tbody tr th, tbody tr th p, tfoot tr th, tfoot tr th p { color: rgba(0, 0, 0, .8); font-weight: bold } p.tableblock > code:only-child { background: none; padding: 0 } p.tableblock { font-size: 1em } ol { margin-left: 1.75em } ul li ol { margin-left: 1.5em } dl dd { margin-left: 1.125em } dl dd:last-child, dl dd:last-child > :last-child { margin-bottom: 0 } ol > li p, ul > li p, ul dd, ol dd, .olist .olist, .ulist .ulist, .ulist .olist, .olist .ulist { margin-bottom: .625em } ul.checklist, ul.none, ol.none, ul.no-bullet, ol.no-bullet, ol.unnumbered, ul.unstyled, ol.unstyled { list-style-type: none } ul.no-bullet, ol.no-bullet, ol.unnumbered { margin-left: .625em } ul.unstyled, ol.unstyled { margin-left: 0 } ul.checklist { margin-left: .625em } ul.checklist li > p:first-child > .fa-square-o:first-child, ul.checklist li > p:first-child > .fa-check-square-o:first-child { width: 1.25em; font-size: .8em; position: relative; bottom: .125em } ul.checklist li > p:first-child > input[type="checkbox"]:first-child { margin-right: .25em } ul.inline { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; list-style: none; margin: 0 0 .625em -1.25em } ul.inline > li { margin-left: 1.25em } .unstyled dl dt { font-weight: 400; font-style: normal } ol.arabic { list-style-type: decimal } ol.decimal { list-style-type: decimal-leading-zero } ol.loweralpha { list-style-type: lower-alpha } ol.upperalpha { list-style-type: upper-alpha } ol.lowerroman { list-style-type: lower-roman } ol.upperroman { list-style-type: upper-roman } ol.lowergreek { list-style-type: lower-greek } .hdlist > table, .colist > table { border: 0; background: none } .hdlist > table > tbody > tr, .colist > table > tbody > tr { background: none } td.hdlist1, td.hdlist2 { vertical-align: top; padding: 0 .625em } td.hdlist1 { font-weight: bold; padding-bottom: 1.25em } .literalblock + .colist, .listingblock + .colist { margin-top: -.5em } .colist td:not([class]):first-child { padding: .4em .75em 0; line-height: 1; vertical-align: top } .colist td:not([class]):first-child img { max-width: none } .colist td:not([class]):last-child { padding: .25em 0 } .thumb, .th { line-height: 0; display: inline-block; border: solid 4px #fff; -webkit-box-shadow: 0 0 0 1px #ddd; box-shadow: 0 0 0 1px #ddd } .imageblock { } .imageblock .content { box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.16); padding: 10px 3%; text-align: center; margin-bottom: 10px; border: 1px solid #e6e6e6; border-radius: 6px; } .imageblock .content img { width: 94%; } .imageblock.left { margin: .25em .625em 1.25em 0 } .imageblock.right { margin: .25em 0 1.25em .625em } .imageblock > .title { margin-bottom: 0 } .imageblock.thumb, .imageblock.th { border-width: 6px } .imageblock.thumb > .title, .imageblock.th > .title { padding: 0 .125em } .image.left, .image.right { margin-top: .25em; margin-bottom: .25em; display: inline-block; line-height: 0 } .image.left { margin-right: .625em } .image.right { margin-left: .625em } a.image { text-decoration: none; display: inline-block } a.image object { pointer-events: none } sup.footnote, sup.footnoteref { font-size: .875em; position: static; vertical-align: super } sup.footnote a, sup.footnoteref a { text-decoration: none } sup.footnote a:active, sup.footnoteref a:active { text-decoration: underline } #footnotes { padding-top: .75em; padding-bottom: .75em; margin-bottom: .625em } #footnotes hr { width: 20%; min-width: 6.25em; margin: -.25em 0 .75em; border-width: 1px 0 0 } #footnotes .footnote { padding: 0 .375em 0 .225em; line-height: 1.3334; font-size: .875em; margin-left: 1.2em; margin-bottom: .2em } #footnotes .footnote a:first-of-type { font-weight: bold; text-decoration: none; margin-left: -1.05em } #footnotes .footnote:last-of-type { margin-bottom: 0 } #content #footnotes { margin-top: -.625em; margin-bottom: 0; padding: .75em 0 } .gist .file-data > table { border: 0; background: #fff; width: 100%; margin-bottom: 0 } .gist .file-data > table td.line-data { width: 99% } div.unbreakable { page-break-inside: avoid } .big { font-size: larger } .small { font-size: smaller } .underline { text-decoration: underline } .overline { text-decoration: overline } .line-through { text-decoration: line-through } .aqua { color: #00bfbf } .aqua-background { background: #00fafa } .black { color: #000 } .black-background { background: #000 } .blue { color: #0000bf } .blue-background { background: #0000fa } .fuchsia { color: #bf00bf } .fuchsia-background { background: #fa00fa } .gray { color: #606060 } .gray-background { background: #7d7d7d } .green { color: #006000 } .green-background { background: #007d00 } .lime { color: #00bf00 } .lime-background { background: #00fa00 } .maroon { color: #600000 } .maroon-background { background: #7d0000 } .navy { color: #000060 } .navy-background { background: #00007d } .olive { color: #606000 } .olive-background { background: #7d7d00 } .purple { color: #600060 } .purple-background { background: #7d007d } .red { color: #bf0000 } .red-background { background: #fa0000 } .silver { color: #909090 } .silver-background { background: #bcbcbc } .teal { color: #006060 } .teal-background { background: #007d7d } .white { color: #bfbfbf } .white-background { background: #fafafa } .yellow { color: #bfbf00 } .yellow-background { background: #fafa00 } span.icon > .fa { cursor: default } a span.icon > .fa { cursor: inherit } .fa { font: normal normal normal 30px/1 FontAwesome !important; } .admonitionblock td.icon [class^="fa icon-"] { font-size: 2.5em; text-shadow: 1px 1px 2px rgba(0, 0, 0, .5); cursor: default; font-family: FontAwesome; } .admonitionblock td.icon .icon-note::before { content: "\f05a"; color: #19407c } .admonitionblock td.icon .icon-tip::before { content: "\f0eb"; text-shadow: 1px 1px 2px rgba(155, 155, 0, .8); color: #111 } .admonitionblock td.icon .icon-warning::before { content: "\f071"; color: #bf6900 } .admonitionblock td.icon .icon-caution::before { content: "\f06d"; color: #bf3400 } .admonitionblock td.icon .icon-important::before { content: "\f06a"; color: #bf0000 } .conum[data-value] { display: inline-block; color: #fff !important; background: rgba(0, 0, 0, .8); -webkit-border-radius: 100px; border-radius: 100px; text-align: center; font-size: .75em; width: 1.67em; height: 1.67em; line-height: 1.67em; font-family: "Noto Sans KR", "Open Sans", "DejaVu Sans", sans-serif; font-style: normal; font-weight: bold } .conum[data-value] * { color: #fff !important } .conum[data-value] + b { display: none } .conum[data-value]::after { content: attr(data-value) } pre .conum[data-value] { position: relative; top: -.125em } b.conum * { color: inherit !important } .conum:not([data-value]):empty { display: none } dt, th.tableblock, td.content, div.footnote { text-rendering: optimizeLegibility } h1, h2, p, td.content, span.alt { letter-spacing: -.01em } p strong, td.content strong, div.footnote strong { letter-spacing: -.005em } p, blockquote, dt, td.content, span.alt { font-size: 15px; line-height: 1.6 } p { margin-bottom: 1.25rem } .sidebarblock p, .sidebarblock dt, .sidebarblock td.content, p.tableblock { font-size: 1em } .exampleblock > .content { background: #fffef7; border-color: #e0e0dc; -webkit-box-shadow: 0 1px 4px #e0e0dc; box-shadow: 0 1px 4px #e0e0dc } .print-only { display: none !important } @page { margin: 1.25cm .75cm } @media print { * { -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important } html { font-size: 80% } a { color: inherit !important; text-decoration: underline !important } a.bare, a[href^="#"], a[href^="mailto:"] { text-decoration: none !important } a[href^="http:"]:not(.bare)::after, a[href^="https:"]:not(.bare)::after { content: "(" attr(href) ")"; display: inline-block; font-size: .875em; padding-left: .25em } abbr[title]::after { content: " (" attr(title) ")" } pre, blockquote, tr, img, object, svg { page-break-inside: avoid } thead { display: table-header-group } svg { max-width: 100% } p, blockquote, dt, td.content { font-size: 1em; orphans: 3; widows: 3 } h2, h3, #toctitle, .sidebarblock > .content > .title { page-break-after: avoid } #toc, .sidebarblock, .exampleblock > .content { background: none !important } #toc { border-bottom: 1px solid #dddddf !important; padding-bottom: 0 !important } body.book #header { text-align: center } body.book #header > h1:first-child { border: 0 !important; margin: 2.5em 0 1em } body.book #header .details { border: 0 !important; display: block; padding: 0 !important } body.book #header .details span:first-child { margin-left: 0 !important } body.book #header .details br { display: block } body.book #header .details br + span::before { content: none !important } body.book #toc { border: 0 !important; text-align: left !important; padding: 0 !important; margin: 0 !important } body.book #toc, body.book #preamble, body.book h1.sect0, body.book .sect1 > h2 { page-break-before: always } .listingblock code[data-lang]::before { display: block } #footer { padding: 0 .9375em } .hide-on-print { display: none !important } .print-only { display: block !important } .hide-for-print { display: none !important } .show-for-print { display: inherit !important } } @media print, amzn-kf8 { #header > h1:first-child { margin-top: 1.25rem } .sect1 { padding: 0 !important } .sect1 + .sect1 { border: 0 } #footer { background: none } #footer-text { color: rgba(0, 0, 0, .6); font-size: .9em } } @media amzn-kf8 { #header, #content, #footnotes, #footer { padding: 0 } } pre.CodeRay { background-color: #f7f7f8; border: 1px solid #e6e6e6; border-radius: 10px; } pre.CodeRay code, pre.CodeRay pre { font-size: 1.08em; } .gdoc-header { position: fixed; width: 100%; z-index: 9999; } .container { padding: 1rem 1rem 1rem 1.8rem; } main.container { padding: 70px 1rem 1rem 1rem; } .gdoc-page { position: relative; } .gdoc-nav nav, .gdoc-page, .markdown { will-change: auto; } #toc.toc2 { left: calc(50vw - 640px); padding-top: 90px; padding-bottom: 90px; } </style> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> /* Stylesheet for CodeRay to match GitHub theme | MIT License | http://foundation.zurb.com */ /*pre.CodeRay {background-color:#f7f7f8;}*/ .CodeRay .line-numbers{border-right:1px solid #d8d8d8;padding:0 0.5em 0 .25em} .CodeRay span.line-numbers{display:inline-block;margin-right:.5em;color:rgba(0,0,0,.3)} .CodeRay .line-numbers strong{color:rgba(0,0,0,.4)} table.CodeRay{border-collapse:separate;border-spacing:0;margin-bottom:0;border:0;background:none} table.CodeRay td{vertical-align: top;line-height:1.45} table.CodeRay td.line-numbers{text-align:right} table.CodeRay td.line-numbers>pre{padding:0;color:rgba(0,0,0,.3)} table.CodeRay td.code{padding:0 0 0 .5em} table.CodeRay td.code>pre{padding:0} .CodeRay .debug{color:#fff !important;background:#000080 !important} .CodeRay .annotation{color:#007} .CodeRay .attribute-name{color:#000080} .CodeRay .attribute-value{color:#700} .CodeRay .binary{color:#509} .CodeRay .comment{color:#998;font-style:italic} .CodeRay .char{color:#04d} .CodeRay .char .content{color:#04d} .CodeRay .char .delimiter{color:#039} .CodeRay .class{color:#458;font-weight:bold} .CodeRay .complex{color:#a08} .CodeRay .constant,.CodeRay .predefined-constant{color:#008080} .CodeRay .color{color:#099} .CodeRay .class-variable{color:#369} .CodeRay .decorator{color:#b0b} .CodeRay .definition{color:#099} .CodeRay .delimiter{color:#000} .CodeRay .doc{color:#970} .CodeRay .doctype{color:#34b} .CodeRay .doc-string{color:#d42} .CodeRay .escape{color:#666} .CodeRay .entity{color:#800} .CodeRay .error{color:#808} .CodeRay .exception{color:inherit} .CodeRay .filename{color:#099} .CodeRay .function{color:#900;font-weight:bold} .CodeRay .global-variable{color:#008080} .CodeRay .hex{color:#058} .CodeRay .integer,.CodeRay .float{color:#099} .CodeRay .include{color:#555} .CodeRay .inline{color:#000} .CodeRay .inline .inline{background:#ccc} .CodeRay .inline .inline .inline{background:#bbb} .CodeRay .inline .inline-delimiter{color:#d14} .CodeRay .inline-delimiter{color:#d14} .CodeRay .important{color:#555;font-weight:bold} .CodeRay .interpreted{color:#b2b} .CodeRay .instance-variable{color:#008080} .CodeRay .label{color:#970} .CodeRay .local-variable{color:#963} .CodeRay .octal{color:#40e} .CodeRay .predefined{color:#369} .CodeRay .preprocessor{color:#579} .CodeRay .pseudo-class{color:#555} .CodeRay .directive{font-weight:bold} .CodeRay .type{font-weight:bold} .CodeRay .predefined-type{color:inherit} .CodeRay .reserved,.CodeRay .keyword {color:#000;font-weight:bold} .CodeRay .key{color:#808} .CodeRay .key .delimiter{color:#606} .CodeRay .key .char{color:#80f} .CodeRay .value{color:#088} .CodeRay .regexp .delimiter{color:#808} .CodeRay .regexp .content{color:#808} .CodeRay .regexp .modifier{color:#808} .CodeRay .regexp .char{color:#d14} .CodeRay .regexp .function{color:#404;font-weight:bold} .CodeRay .string{color:#d20} .CodeRay .string .string .string{background:#ffd0d0} .CodeRay .string .content{color:#d14} .CodeRay .string .char{color:#d14} .CodeRay .string .delimiter{color:#d14} .CodeRay .shell{color:#d14} .CodeRay .shell .delimiter{color:#d14} .CodeRay .symbol{color:#990073} .CodeRay .symbol .content{color:#a60} .CodeRay .symbol .delimiter{color:#630} .CodeRay .tag{color:#008080} .CodeRay .tag-special{color:#d70} .CodeRay .variable{color:#036} .CodeRay .insert{background:#afa} .CodeRay .delete{background:#faa} .CodeRay .change{color:#aaf;background:#007} .CodeRay .head{color:#f8f;background:#505} .CodeRay .insert .insert{color:#080} .CodeRay .delete .delete{color:#800} .CodeRay .change .change{color:#66f} .CodeRay .head .head{color:#f4f} </style> </head> <body class="book toc2 toc-left"> <div id="header"> <h1>User Guide</h1> <div class="details"> <span id="author" class="author">LENA Support</span><br> <span id="email" class="email"><a href="mailto:lena-support@lgcns.com">lena-support@lgcns.com</a></span><br> <span id="revnumber">version 1.3.1.11</span> </div> <div id="toc" class="toc2"> <div id="toctitle">Table of Contents</div> <ul class="sectlevel1"> <li><a href="#_overview">1. Overview</a> <ul class="sectlevel2"> <li><a href="#_lena는_무엇입니까">1.1. LENA는 무엇입니까?</a></li> <li><a href="#_lena_특징">1.2. LENA 특징</a></li> <li><a href="#_lena_구성_요소_및_주요_개념">1.3. LENA 구성 요소 및 주요 개념</a> <ul class="sectlevel3"> <li><a href="#_management_module">1.3.1. Management Module</a></li> <li><a href="#servermodule">1.3.2. Server Module</a></li> </ul> </li> <li><a href="#_lena_작동방식">1.4. LENA 작동방식</a></li> <li><a href="#_edition_별_제공_spec">1.5. Edition 별 제공 Spec</a></li> </ul> </li> <li><a href="#_log_inout">2. Log In/Out</a> <ul class="sectlevel2"> <li><a href="#_log_in">2.1. Log In</a></li> <li><a href="#_log_out">2.2. Log Out</a></li> <li><a href="#_theme_변경">2.3. Theme 변경</a></li> </ul> </li> <li><a href="#_dashboard">3. Dashboard</a></li> <li><a href="#_server">4. Server</a> <ul class="sectlevel2"> <li><a href="#_system">4.1. System</a> <ul class="sectlevel3"> <li><a href="#_목록">4.1.1. 목록</a></li> <li><a href="#_등록">4.1.2. 등록</a></li> <li><a href="#_수정">4.1.3. 수정</a></li> <li><a href="#_삭제">4.1.4. 삭제</a></li> </ul> </li> <li><a href="#_node">4.2. Node</a> <ul class="sectlevel3"> <li><a href="#_목록_2">4.2.1. 목록</a></li> <li><a href="#_install">4.2.2. Install</a></li> <li><a href="#_register">4.2.3. Register</a></li> <li><a href="#_수정_2">4.2.4. 수정</a></li> <li><a href="#_삭제_2">4.2.5. 삭제</a></li> <li><a href="#_start">4.2.6. Start</a></li> <li><a href="#_stop">4.2.7. Stop</a></li> <li><a href="#_change_java_home">4.2.8. Change Java Home</a></li> </ul> </li> <li><a href="#_was">4.3. WAS</a> <ul class="sectlevel3"> <li><a href="#_목록_3">4.3.1. 목록</a></li> <li><a href="#_install_2">4.3.2. Install</a></li> <li><a href="#_clone">4.3.3. Clone</a></li> <li><a href="#_register_2">4.3.4. Register</a></li> <li><a href="#_수정_3">4.3.5. 수정</a></li> <li><a href="#_삭제_3">4.3.6. 삭제</a></li> <li><a href="#_startstop">4.3.7. Start/Stop</a></li> <li><a href="#_설정_정보_관리">4.3.8. 설정 정보 관리</a></li> <li><a href="#_resource_관리">4.3.9. Resource 관리</a></li> <li><a href="#_application_배포">4.3.10. Application 배포</a></li> </ul> </li> <li><a href="#_web_server">4.4. Web Server</a> <ul class="sectlevel3"> <li><a href="#_목록_5">4.4.1. 목록</a></li> <li><a href="#_install_3">4.4.2. Install</a></li> <li><a href="#_clone_2">4.4.3. Clone</a></li> <li><a href="#_register_3">4.4.4. Register</a></li> <li><a href="#_수정_4">4.4.5. 수정</a></li> <li><a href="#_삭제_4">4.4.6. 삭제</a></li> <li><a href="#_startstop_2">4.4.7. Start/Stop</a></li> <li><a href="#_설정_정보_관리_3">4.4.8. 설정 정보 관리</a></li> </ul> </li> <li><a href="#_session_server">4.5. Session Server</a> <ul class="sectlevel3"> <li><a href="#_목록_6">4.5.1. 목록</a></li> <li><a href="#_install_4">4.5.2. Install</a></li> <li><a href="#_register_4">4.5.3. Register</a></li> <li><a href="#_수정_5">4.5.4. 수정</a></li> <li><a href="#_삭제_5">4.5.5. 삭제</a></li> <li><a href="#_startstop_3">4.5.6. Start/Stop</a></li> <li><a href="#_설정_정보_관리_4">4.5.7. 설정 정보 관리</a></li> </ul> </li> </ul> </li> <li><a href="#_cluster">5. Cluster</a> <ul class="sectlevel2"> <li><a href="#_server_cluster">5.1. Server Cluster</a> <ul class="sectlevel3"> <li><a href="#_server_cluster_목록">5.1.1. Server Cluster 목록</a></li> <li><a href="#_server_cluster_생성">5.1.2. Server Cluster 생성</a></li> <li><a href="#_server_cluster_삭제">5.1.3. Server Cluster 삭제</a></li> <li><a href="#_server_cluster_상세">5.1.4. Server Cluster 상세</a></li> </ul> </li> </ul> </li> <li><a href="#_resource">6. Resource</a> <ul class="sectlevel2"> <li><a href="#_database">6.1. Database</a> <ul class="sectlevel3"> <li><a href="#_database_등록">6.1.1. Database 등록</a></li> <li><a href="#_database_수정">6.1.2. Database 수정</a></li> </ul> </li> <li><a href="#_datasource_2">6.2. DataSource</a> <ul class="sectlevel3"> <li><a href="#_datasource_등록">6.2.1. DataSource 등록</a></li> <li><a href="#_datasource_수정">6.2.2. DataSource 수정</a></li> <li><a href="#_datasource_삭제">6.2.3. DataSource 삭제</a></li> <li><a href="#_jdbc_driver_upload">6.2.4. JDBC Driver Upload</a></li> <li><a href="#_datasource_import">6.2.5. DataSource Import</a></li> </ul> </li> <li><a href="#_jta_2">6.3. JTA</a> <ul class="sectlevel3"> <li><a href="#_jta_등록">6.3.1. JTA 등록</a></li> <li><a href="#_jta_수정">6.3.2. JTA 수정</a></li> <li><a href="#_jta_삭제">6.3.3. JTA 삭제</a></li> <li><a href="#_jta_import">6.3.4. JTA Import</a></li> </ul> </li> <li><a href="#_jms_2">6.4. JMS</a> <ul class="sectlevel3"> <li><a href="#_jms_등록">6.4.1. JMS 등록</a></li> <li><a href="#_jms_수정">6.4.2. JMS 수정</a></li> <li><a href="#_jms_삭제">6.4.3. JMS 삭제</a></li> <li><a href="#_jms_import">6.4.4. JMS Import</a></li> </ul> </li> <li><a href="#_application">6.5. Application</a> <ul class="sectlevel3"> <li><a href="#_application_등록">6.5.1. Application 등록</a></li> <li><a href="#_application_수정">6.5.2. Application 수정</a></li> <li><a href="#_application_삭제">6.5.3. Application 삭제</a></li> <li><a href="#_application_upload">6.5.4. Application Upload</a></li> </ul> </li> </ul> </li> <li><a href="#_diagnostics">7. Diagnostics</a> <ul class="sectlevel2"> <li><a href="#_monitoring_dashboard">7.1. Monitoring Dashboard</a> <ul class="sectlevel3"> <li><a href="#_현황_요약">7.1.1. 현황 요약</a></li> <li><a href="#_현황_모니터링_상세">7.1.2. 현황 모니터링 상세</a></li> <li><a href="#_모니터링_설정">7.1.3. 모니터링 설정</a></li> </ul> </li> <li><a href="#_analysis_dashboard">7.2. Analysis Dashboard</a> <ul class="sectlevel3"> <li><a href="#_performance_map">7.2.1. Performance Map</a></li> <li><a href="#_analysis_summary">7.2.2. Analysis Summary</a></li> <li><a href="#_instance_map">7.2.3. Instance Map</a></li> </ul> </li> <li><a href="#_event_dashboard">7.3. Event Dashboard</a> <ul class="sectlevel3"> <li><a href="#_event_종류">7.3.1. Event 종류</a></li> <li><a href="#_event_dashboard를_통한_event_관리">7.3.2. Event Dashboard를 통한 Event 관리</a></li> </ul> </li> <li><a href="#_통계">7.4. 통계</a> <ul class="sectlevel3"> <li><a href="#_연간_진단대응_통계">7.4.1. 연간 진단/대응 통계</a></li> <li><a href="#_리포트">7.4.2. 리포트</a></li> <li><a href="#_알림">7.4.3. 알림</a></li> </ul> </li> <li><a href="#_진단_및_대응">7.5. 진단 및 대응</a> <ul class="sectlevel3"> <li><a href="#_진단대응_rule_설정">7.5.1. 진단/대응 Rule 설정</a></li> <li><a href="#_server_rule_설정">7.5.2. Server Rule 설정</a></li> </ul> </li> <li><a href="#_trace">7.6. Trace</a> <ul class="sectlevel3"> <li><a href="#_session_trace">7.6.1. Session Trace</a></li> <li><a href="#_event_trace">7.6.2. Event Trace</a></li> <li><a href="#_trace_setting">7.6.3. Trace Setting</a></li> </ul> </li> </ul> </li> <li><a href="#_topology">8. Topology</a> <ul class="sectlevel2"> <li><a href="#_화면_구성">8.1. 화면 구성</a></li> <li><a href="#_토폴로지_영역_상세">8.2. 토폴로지 영역 상세</a> <ul class="sectlevel3"> <li><a href="#_control_edit_off">8.2.1. Control [Edit: OFF]</a></li> <li><a href="#_control_edit_on">8.2.2. Control [Edit: ON]</a></li> </ul> </li> <li><a href="#_서비스_트레이싱_영역_상세">8.3. 서비스 트레이싱 영역 상세</a></li> </ul> </li> <li><a href="#_admin">9. Admin</a> <ul class="sectlevel2"> <li><a href="#_iam">9.1. IAM</a> <ul class="sectlevel3"> <li><a href="#_users_사용자_관리">9.1.1. Users (사용자 관리)</a></li> <li><a href="#_auths_권한관리">9.1.2. Auths (권한관리)</a></li> <li><a href="#_user_auth_mapping_사용자_권한_관리">9.1.3. User-Auth Mapping (사용자 권한 관리)</a></li> <li><a href="#_menu_auth_mapping_메뉴_권한_관리">9.1.4. Menu-Auth Mapping (메뉴 권한 관리)</a></li> </ul> </li> <li><a href="#_license">9.2. License</a> <ul class="sectlevel3"> <li><a href="#_license_목록">9.2.1. License 목록</a></li> <li><a href="#_license_상세">9.2.2. License 상세</a></li> <li><a href="#_license_업로드_복구">9.2.3. License 업로드 / 복구</a></li> <li><a href="#_license_관련_시스템_현황_체크">9.2.4. License 관련 시스템 현황 체크</a></li> <li><a href="#_host기반_license_체크_설정">9.2.5. Host기반 License 체크 설정</a></li> <li><a href="#_시간_정보_조회">9.2.6. 시간 정보 조회</a></li> </ul> </li> <li><a href="#_security_서비스_제어">9.3. Security (서비스 제어)</a> <ul class="sectlevel3"> <li><a href="#_rule_setting_rule_설정">9.3.1. Rule Setting (Rule 설정)</a></li> <li><a href="#_rule_applying_rule_적용">9.3.2. Rule Applying (Rule 적용)</a></li> <li><a href="#_service_control_log_rule_적용결과_조회">9.3.3. Service Control Log (Rule 적용결과 조회)</a></li> </ul> </li> <li><a href="#_patch">9.4. Patch</a> <ul class="sectlevel3"> <li><a href="#_overview_3">9.4.1. Overview</a></li> <li><a href="#_was_2">9.4.2. WAS</a></li> <li><a href="#_session_server_2">9.4.3. Session Server</a></li> </ul> </li> <li><a href="#_preferences">9.5. Preferences</a> <ul class="sectlevel3"> <li><a href="#_action_trace">9.5.1. Action Trace</a></li> <li><a href="#_documentation">9.5.2. Documentation</a></li> <li><a href="#_manager_environment">9.5.3. Manager Environment</a></li> </ul> </li> </ul> </li> <li><a href="#_appendix">10. Appendix</a> <ul class="sectlevel2"> <li><a href="#_lena_시스템_요구사항">10.1. LENA 시스템 요구사항</a></li> <li><a href="#_manager_지원_브라우저">10.2. Manager 지원 브라우저</a></li> <li><a href="#_지원_spec별_버전">10.3. 지원 Spec별 버전</a></li> <li><a href="#_manager_db파일_백업">10.4. Manager DB파일 백업</a></li> <li><a href="#_manager_의_내부이력_삭제">10.5. Manager 의 내부이력 삭제</a></li> <li><a href="#_manager_의_admin_패스워드_초기화">10.6. Manager 의 admin 패스워드 초기화</a></li> <li><a href="#_lena_설치_권장_os파라미터centos기준">10.7. LENA 설치 권장 OS파라미터(CentOS기준)</a></li> <li><a href="#_lena_주기적으로_증가하는_파일">10.8. LENA 주기적으로 증가하는 파일</a></li> <li><a href="#_patch_cli_command_line_interface">10.9. Patch CLI (Command Line Interface)</a> <ul class="sectlevel3"> <li><a href="#_패치파일_업로드_및_압축해제">10.9.1. 패치파일 업로드 및 압축해제</a></li> <li><a href="#_patch_5">10.9.2. Patch</a></li> <li><a href="#_history_3">10.9.3. History</a></li> <li><a href="#_restore_4">10.9.4. Restore</a></li> <li><a href="#_version_확인">10.9.5. Version 확인</a></li> </ul> </li> <li><a href="#_session_server_상세">10.10. Session Server 상세</a> <ul class="sectlevel3"> <li><a href="#_session_server_standalone_모드">10.10.1. Session Server Standalone 모드</a></li> <li><a href="#_session_server_embedded_모드">10.10.2. Session Server Embedded 모드</a></li> </ul> </li> </ul> </li> </ul> </div> </div> <div id="content"> <div class="sect1"> <h2 id="_overview"><a class="link" href="#_overview">1. Overview</a></h2> <div class="sectionbody"> <div class="sect2"> <h3 id="_lena는_무엇입니까"><a class="link" href="#_lena는_무엇입니까">1.1. LENA는 무엇입니까?</a></h3> <div class="paragraph"> <p>LENA는 Enterprise 환경에서 JAVA J2EE Web Application을 서비스하는데 필요한 모든 구성 요소가 포함된 웹 미들웨어 솔루션이다.</p>