@charset "utf-8";

body, form, p { margin:0px; padding:0px; }
body { margin:0px; padding:0px; font-size:13px; font-family:dotum; }
body, div, p, input, select, textarea, pre { font-family:arial; font-size:13px; color:#222222; }
select { padding:1px; }
input[type=text], input[type=password], select, textarea {  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
img { border:0px; }
table { border-collapse:collapse; }
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; }
li, dd, dt { margin:0px; padding:0px; }
/*li { list-style-type:none; } */
a:link		{ color:#222222; text-decoration:none; }
a:visited	{ color:#222222; text-decoration:none; }
a:hover		{ color:#0000A0; text-decoration:none; }
a:active	{ color:#222222; text-decoration:none; }
a:focus, select, input { outline:none; }

input[type=button] { overflow:visible; }

#gs-top		{ position:fixed; _position:relative; z-index:999; width:100%; top:0px; left:0px; border-bottom:2px solid #000; background:#fff; }
#gs-left	{ position:fixed; _position:absolute; z-index:999; width:250px; margin:72px 0 0 0; top:0px; left:0px; bottom:26px; }
#gs-body	{ position:relative; z-index:98; margin:72px 250px 50px 270px; }
#gs-right	{ position:fixed; _position:absolute; z-index:998; width:230px; margin:72px 0 0 0; top:0px; right:0px; bottom:26px; }
#gs-bottom	{ position:fixed; _position:relative; z-index:999; width:100%; bottom:0px; height:26px; border-top:1px solid #ddd; background:#fff; }

#gs-top-wrap { min-width:970px; margin:10px; }
#gs-top-wrap h1.logo { margin-right:60px; float:left; left:0px; position:relative; }
#gs-top-wrap h1.logo img { vertical-align:top; }
#gs-top-wrap div.search { float:left; margin:10px 0 0 0; }
#gs-top-wrap div.search ul { margin:0px; padding:0px; list-style-type:none; }
#gs-top-wrap div.search ul li { margin:0px; padding:0px; }
#gs-top-wrap div.func { position:relative; float:right; margin:20px 10px 0 0; }
#gs-top-wrap div.func .menubox { margin-top:5px; width:150px; }

#gs-left-wrap { background:#f0f0f0; height:100%; margin:0; overflow:auto; }
#gs-left-wrap::-webkit-scrollbar { width: 8px; height: 8px; border: 3px solid #fff; }
#gs-left-wrap::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background:#efefef; }
#gs-left-wrap::-webkit-scrollbar-track {background:#efefef; -webkit-border-radius: 10px; border-radius:0px; -webkit-box-shadow: inset 0 0 4px #f0f0f0; }
#gs-left-wrap::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: #ddd; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px #ddd; }
#gs-left-wrap { scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #fff; scrollbar-base-color: #efefef; scrollbar-Face-Color: #e6e6e6; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef; }
#dtree::-webkit-scrollbar { width: 8px; height: 8px; border: 3px solid #fff; }
#dtree::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background:#efefef; }
#dtree::-webkit-scrollbar-track {background:#efefef; -webkit-border-radius: 10px; border-radius:0px; -webkit-box-shadow: inset 0 0 4px #f0f0f0; }
#dtree::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: #ddd; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px #ddd; }
#dtree { scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #fff; scrollbar-base-color: #efefef; scrollbar-Face-Color: #e6e6e6; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef; }

#gs-left-menu { }
#gs-left-menu a { display:block; }
#gs-left-menu a:hover, #gs-left-menu .hv { background:#e5e5e5; color:#000; }
#gs-left-menu a.left-current { background:#303A95; color:#fff; }
#gs-left-menu a div img { opacity:0.1; filter:alpha(opacity=10); border:1px solid transparent; border-radius:3px; }
#gs-left-menu a div img.ihv { opacity:0.6; filter:alpha(opacity=60); border:1px solid #000; }
#gs-left-menu a.left-current div img, #gs-left-menu a:hover div img { opacity:0.6; filter:alpha(opacity=60);}
#gs-left-menu .menubox { box-shadow:0px 0px 10px #ccc !important; width:150px; right:0px; }
#gs-left-menu h2 { position:relative; font-family:malgun gothic, arial; font-size:15px; margin-top:15px; }
#gs-left-menu h2 a { padding:1px 5px 3px 15px; }
#gs-left-menu h2 a div { display:none; background:url(/html/images/arrow_down.gif) center center no-repeat; color:red; position:absolute; width:15px; height:16px; right:3px; top:4px; }
#gs-left-menu h2 a div:hover { background-image:url(/html/images/arrow_down_red.gif); }
#gs-left-menu h4 { position:relative; font-family:arial; font-size:13px; }
#gs-left-menu h4 a { padding:4px 5px 2px 25px; }
#gs-left-menu h4 a div { display:none; background:url(/html/images/arrow_down.gif) center center no-repeat; color:red; position:absolute; width:15px; height:16px; right:3px; top:4px; }
#gs-left-menu h4 a div:hover { background-image:url(/html/images/arrow_down_red.gif); }
#gs-left-menu h5 { position:relative; font-family:arial; font-size:13px; font-weight:normal; }
#gs-left-menu h5 a { padding:4px 5px 2px 25px; }
#gs-left-menu h5 span.cnt10 { padding-bottom:10px; font-size:12px; color:red; }
#gs-left-menu a.left-current span.cnt10 { color:#FFDBCA; }

#gs-right-wrap { background:#fff; border-left:2px dashed #ddd; height:100%; }
#gs-bottom-wrap { text-align:center; margin:7px 0 0 0; color:#aaa; }

#gs-body { min-width:670px; }
#gs-action { height:60px; position:fixed; top:72px; z-index:998; left:270px; right:250px; background:#fff; }
#gs-content { margin-top:132px; }
#gs-right {}
#gs-bottom {}

.gs-iframe-body {}
.gs-iframe-body h2 { letter-spacing:0px; font-size:16px; font-family:malgun gothic, gulim; font-weight:bold; border-bottom:1px solid #ddd; padding:0 0 10px 0; margin:10px 0 10px 0; }
.gs-iframe-body h2 div.sub-btn-area { float:right; }
.gs-iframe-body .file01 { }
.gs-iframe-body .file01 a { color:red; }
.gs-iframe-body .file01 a:hover { text-decoration:underline; }
.gs-iframe-body .file01 ul { padding:0; }
.gs-iframe-body ul.file-list { list-style:none; }
.gs-iframe-body .file-list li { padding:2px; }


.search-container { }
.search-container ul { padding:0; list-style:none; }
.search-container ul li { float:left; }
.search-container ul li span input[type=text] { border:1px solid #ccc; padding:6px; margin-left:-3px; margin-right:0px; }
.search-container ul li span select { border:1px solid #ccc; padding:5px; margin-right:2px; }
.search-container ul li input.btn_search { cursor:pointer; border:1px solid #ccc; border-left-width:0px; padding:6px 6px 6px 6px; margin-left:0px; background:#f4f4f4; }

.action-container { min-width:670px; margin-bottom:10px; border:1px solid #d0d0d0; border-top-width:0px; border-radius:0 0 4px 4px; background:#f4f4f4; padding:10px; position:relative; }
.action-container input[type=text] { border:1px solid #ccc; padding:6px; margin-left:-3px; margin-right:0px; }
.action-container h2 { font-family:malgun gothic; float:left; font-size:16px; }
.action-container h5 { margin-top:5px; float:left; font-size:12px; }
.action-container h6 { float:left; }
.action-container h6 span { float:left; }
.action-container h6 input[type=button], .action-container h6 input[type=submit] { cursor:pointer; border:1px solid #d0d0d0; border-right-width:0px; background:#fff; margin:0px; padding:6px 8px 4px 8px; color:#777; font-family:dotum; font-size:12px; }
.action-container h6 input[type=submit], .action-container h6 input.c { background:#000040; color:#fff; border-color:#000040; }
.action-container h6 input.group-left { border-radius:4px 0 0 4px; overflow:visible; }
.action-container h6 input.group-right { border-radius:0 4px 4px 0; border-right-width:1px; overflow:visible; }
.action-container h6 input.group-all { border-radius:4px; border-right-width:1px; overflow:visible; }
.action-container div.btn-area { float:right; }
.action-container div.btn-area input[type=button], .action-container div.btn-area input[type=submit] { cursor:pointer; margin:0px; padding:6px 8px 4px 8px; border-width:0px; border-radius:4px; color:#efefef; font-family:gulim; font-size:12px; background:#000040; }

.action-control { float:left; }
.action-btn-area { float:left; }
.action-navi { float:right; }

.list-container  { margin-top:10px; margin-bottom:20px; border-top:1px solid #999; }
.list-container table { width:100%; }
.list-container th { border-bottom:1px solid #999; padding:8px; font-family:malgun gothic; font-weight:normal; color:#202A73; background:#fff; white-space:nowrap; }
.list-container td { border-bottom:1px solid #ddd; padding:6px 5px 5px 5px; }
.list-container table.nodata { border-top-width:0px; width:100%; }
.list-container table.nodata td { text-align:center; padding:10px; }
.list-container a { color:#006699; }
.list-container a:hover { text-decoration:none; color:#DD4B39; }
.list-container td input[type=text], .list-container td input[type=password] { border:1px solid #bbb; padding:3px; margin-right:0px; }
.list-container div.btn-area { border-top:1px solid #ddd; padding-top:20px; margin-top:-1px; position:relative; text-align:center; }
.list-container div.btn-area input[type=button], .list-container div.btn-area input[type=submit] { cursor:pointer; margin:0px; padding:6px 8px 4px 8px; border-width:0px; border-radius:4px; color:#efefef; font-family:gulim; font-size:12px; background:#000040; }
.list-container .head01 { border:1px solid #ddd; border-radius:4px; padding:2px 3px 0px 3px; background:#f0f0f0; font-family:dotum; font-size:11px; letter-spacing:0px; margin:0px; _overflow:visible; }
.list-container .time01 { font-size:11px; }
.list-container ul { padding:0; margin:0; }

.view-container  { margin-bottom:20px; }
.view-container a { color:red; }
.view-container h1 { letter-spacing:0px; font-size:15px; font-weight:normal; border-bottom:1px solid #ddd; padding:0 0 10px 0; margin:0 0 10px 0; }
.view-container h2 { letter-spacing:0px; font-size:16px; font-weight:bold; border-bottom:1px solid #ddd; padding:0 0 10px 0; margin:0 0 15px 0; }
.view-container h2 div.sub-btn-area { float:right; }
.view-container .head01 { border:1px solid #ddd; border-radius:4px; padding:2px 3px 0px 3px; background:#f0f0f0; font-family:dotum; font-size:11px; letter-spacing:0px; margin:0px; _overflow:visible; }
.view-container .content01 { margin:10px 0 20px 0; min-height:150px; }
.view-container .content01 .cont_date { font-size:12px; }

.view-container div.btn-area { border-top:0px solid #000; padding-top:20px; margin-top:-1px; position:relative; text-align:center; }
.view-container div.btn-area input[type=button], .form-container div.btn-area input[type=submit] { cursor:pointer; margin:0px; padding:6px 8px 4px 8px; border-width:0px; border-radius:4px; color:#efefef; font-family:gulim; font-size:12px; background:#000040; }
.view-container div.pn-area { border-top:1px solid #000; padding:0px; margin-top:-1px; position:relative; text-align:center; }
.view-container div.pn-area p { text-align:left; padding:10px 10px 10px 28px; }
.view-container div.pn-area a { color:#000040; }
.view-container div.pn-area #ru { background:url(../images/arrow_ru.gif) no-repeat 10px center; border-bottom:1px solid #d0d0d0; }
.view-container div.pn-area #rd { background:url(../images/arrow_rd.gif) no-repeat 10px center; }
.view-container .conts { line-height:1.7; padding:20px 10px 30px 10px; overflow-x:auto; }
.view-container .conts div { line-height:1.7; }


.form-container  { margin-bottom:20px; background:#fff; }
.form-container h1 { letter-spacing:0px; font-size:15px; font-family:gulim; font-weight:normal; border-bottom:1px solid #ddd; padding:0 0 10px 0; margin:0 0 10px 0; }
.form-container h2 { letter-spacing:0px; font-size:16px; font-family:malgun gothic, gulim; font-weight:bold; border-bottom:1px solid #ddd; padding:0 0 10px 0; margin:0 0 15px 0; }
.form-container h2 div.sub-btn-area { float:right; }
.form-container table { width:100%; border-top:1px dotted #ddd; }
.form-container th { height:27px; padding:4px 10px 4px 10px; border-bottom:1px dotted #ddd; border-right:1px dotted #ddd; text-align:left; font-family:malgun gothic; font-size:12px; font-weight:normal; color:#000; background:#fff; white-space:nowrap; }
.form-container td { height:27px; padding:4px 10px 4px 10px; border-bottom:1px dotted #ddd; background:#fff; }
.form-container td input[type=text], .form-container td input[type=password] { border:1px solid #999; padding:5px; margin:0px; }
.form-container td select { border:1px solid #999; padding:4px; margin:0px; }
.form-container div.btn-area { border-top:0px solid #000; padding-top:20px; margin-top:-1px; position:relative; text-align:center; }
.form-container div.btn-area input[type=button], .form-container div.btn-area input[type=submit] { cursor:pointer; margin:0px; padding:6px 8px 4px 8px; border-width:0px; border-radius:4px; color:#efefef; font-family:gulim; font-size:12px; background:#000040; }
.form-container div.pn-area { border-top:1px solid #000; padding:0px; margin-top:-1px; position:relative; text-align:center; }
.form-container div.pn-area p { text-align:left; padding:10px 10px 10px 28px; }
.form-container div.pn-area a { color:#000040; }
.form-container div.pn-area #ru { background:url(../images/arrow_ru.gif) no-repeat 10px center; border-bottom:1px solid #d0d0d0; }
.form-container div.pn-area #rd { background:url(../images/arrow_rd.gif) no-repeat 10px center; }

.pabebar-container	{}
.page_prev	{ font-size:12px !important; padding:6px 10px 4px 5px !important; width:30px; letter-spacing:-4px; cursor:auto !important; }
.page_p		{ font-size:12px !important; padding:6px 10px 4px 5px !important; width:25px; letter-spacing:-4px; cursor:auto !important; }
.page_btn	{ font-size:12px !important; padding:6px 10px 4px 10px !important; cursor:auto !important; letter-spacing:2px !important; font-weight:normal !important; font-family:dotum !important; }
.page_n		{ font-size:12px !important; padding:6px 10px 4px 10px !important; width:25px; letter-spacing:-4px; cursor:auto !important; }
.page_next	{ font-size:12px !important; padding:6px 10px 4px 10px !important; width:30px; letter-spacing:-4px; cursor:auto !important; }

.cal_prev	{ font-size:12px !important; padding:6px 10px 4px 5px !important; width:30px; letter-spacing:-4px; }
.cal_p		{ font-size:12px !important; padding:6px 10px 4px 5px !important; width:25px; letter-spacing:-4px; }
.cal_btn	{ font-size:12px !important; padding:6px 10px 4px 10px !important; letter-spacing:2px !important; font-weight:bold !important; font-family:dotum !important; color:#444 !important; }
.cal_n		{ font-size:12px !important; padding:6px 10px 4px 10px !important; width:25px; letter-spacing:-4px; }
.cal_next	{ font-size:12px !important; padding:6px 10px 4px 10px !important; width:30px; letter-spacing:-4px; }

.page_box			{ margin:0 auto; table-layout:auto !important; }
.page_box td		{ padding:0px; border-width:0px; font-family:verdana; color:#999999; font-size:11px; }
.page_first_btn		{ margin-right:0px; background:url(/html/images/page_first.gif) no-repeat center center; width:19px; height:14px; }
.page_prev_btn		{ background:url(/html/images/page_prev.gif) no-repeat center center; width:15px; height:14px; }
/*
.page_p_btn			{ background:url(/html/images/page_prev.gif) no-repeat center center; width:15px; height:14px; }
.page_n_btn			{ background:url(/html/images/page_next.gif) no-repeat center center; width:15px; height:14px; }
*/
.page_next_btn		{ background:url(/html/images/page_next.gif) no-repeat center center; width:15px; height:14px; }
.page_last_btn		{ margin-left:0px; background:url(/html/images/page_last.gif) no-repeat center center; width:19px; height:14px; }
.page_margin		{ width:10px; }
.page_seperator		{ width:8px; height:15px; background: url(/html/images/page_bar.gif) center center no-repeat; }
.page_number_btn	{ padding:0 3px 0 3px; }
.page_number_btn_on	{ color:#eb6100; font-weight:bold; padding:0 3px 0 3px; }

.dropdown15 { background:url(/html/images/arrow_down.gif) no-repeat right center; padding-right:15px; }
.dropdown15:hover { background-image:url(/html/images/arrow_down_red.gif); }
.menubox { display:none; position:absolute !important; z-index:9999 !important; right:0px; background:#fff !important; padding:5px 0 5px 0 !important; border:1px solid #bbb !important; border-radius:4px !important; box-shadow:0px 2px 15px #aaa !important; }
.menubox ul { margin:0; padding:0; list-style:none; }
.menubox ul li { clear:both; text-align:left !important; }
.menubox ul li.sep { border-bottom:1px solid #d0d0d0 !important; height:1px !important; overflow:hidden; padding:0px !important; margin:2px 0 3px 0 !important; }
.menubox ul li a { color:#000; display:block; padding:5px 10px 5px 20px !important; font-family:arial; font-size:12px; font-weight:normal; }
.menubox ul li a:hover { background:#eee !important; }
.menubox ul li a img { opacity:0.4; filter:alpha(opacity=40); vertical-align:-4px; margin-right:8px; }
.menubox ul li a:hover img { opacity:1; filter:alpha(opacity=100); }

/* ETC */
.clear { clear:both; margin:0px; padding:0px; height:0px; border-width:0px; overflow-x:hidden; overflow-y:hidden; }
.l_sort01 { cursor:pointer; white-space:nowrap; }
.blt01 { color:#FF00FF; }
.ipt01 { vertical-align:-2px; }
.frame01 { position:absolute; border:1px solid #ddd; border-radius:5px; padding:10px 10px 7px 10px; background:#fff; box-shadow:0px 0px 5px #ddd; }
.frame01 img { }
.mt3 { margin-top:3px; }
.mt5 { margin-top:5px; }
.en { ime-mode:inactive; }
.kr { ime-mode:active; }
.btn_simp { cursor:pointer; margin:0px; padding:5px 7px 2px 7px; border:1px solid #aaa; border-radius:4px; color:#444; font-family:dotum, gulim; font-size:11px; background:#f9f9f9; }
.desc01 { color:#999; }
.dt11 { font-family:dotum; font-size:11px; letter-spacing:-1px; }
.dtg11 { font-family:dotum; font-size:11px; letter-spacing:-1px; color:gray; }
.dtg11 a { color:#999 !important; }
.dtx11 { font-family:dotum; font-size:11px; letter-spacing:-1px; color:gray; }
.dtx11 a { color:#808000 !important; }
.dtx11 a img { opacity:0.3; filter:alpha(opacity=30); vertical-align:-3px; }
.dtx11 a:hover img { opacity:1; filter:alpha(opacity=100); }

.limg100 { opacity:0.1; filter:alpha(opacity=10); display:none; }
.limg101 { opacity:0.4; filter:alpha(opacity=40); }
.limg200 { opacity:0.15; filter:alpha(opacity=15); }
.limg201 { opacity:0.4; filter:alpha(opacity=40); }

.pt-label { border-radius:3px; padding:1px 4px 1px 4px; display:block; float:left; }
.pt-label2 { border-radius:3px; padding:3px 4px 2px 4px; }

/* TASK */
.task-wrap { margin:10px 2px; padding:10px 20px 20px 20px; background:#fff; border:1px solid green; border-radius:10px; }
.gs-iframe-body h2 ul.task-chart { list-style:none; float:left; margin-left:20px; }
.gs-iframe-body h2 ul.task-chart li { float:left; font-size:14px; font-family:arial; font-weight:normal; margin-top:3px; }
.gs-iframe-body .task01 { }
.gs-iframe-body .task01 a { color:red; }
.gs-iframe-body .task01 a:hover { text-decoration:underline; }
.gs-iframe-body ul.task-list { list-style:none; }
.gs-iframe-body .task-list li { padding:2px; }
.comp01 { text-decoration:line-through; color:#aaa; }
.nocomp01 { text-decoration:none; color:#000; }

/* POLL */
.poll-wrap { margin:20px 10px 10px 10px; padding:10px 20px 20px 20px; background:#fff; border:1px solid #3D48AD; border-radius:10px; }
.gs-iframe-body h2 ul.poll-chart li { float:left; font-size:14px; font-family:arial; font-weight:normal; margin-top:3px; }
.gs-iframe-body .poll01 { }
.gs-iframe-body .poll01 a { color:red; }
.gs-iframe-body .poll01 a:hover { text-decoration:underline; }
.gs-iframe-body .poll01 div.subject { font-size:14px; font-family:malgun gothic; font-weight:bold; margin-bottom:10px; margin-left:0px; }
.gs-iframe-body .poll01 div.subject span { font-size:14px; font-family:malgun gothic; font-weight:bold; background:blue; color:#fff; border-radius:3px; display:inline-block; padding:0px 7px 2px 7px; }
.gs-iframe-body .poll01 table.poll-items { margin-left:30px; }
.gs-iframe-body .poll01 table.poll-items td.poll-td { padding:4px; }
.btn-poll { font-size:12px; font-family:malgun gothic; font-weight:normal; background:blue; color:#fff; border:1px solid blue; border-radius:3px; padding:3px 7px 5px 7px; }

.doc-label { float:left; }
.doc-label-op { float:right; }
.doc-label-op a { display:inline; }

.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml20 { margin-left:20px !important; }
.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr20 { margin-right:20px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }



blockquote {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 20px;
  padding-right: 20px;
  border-left: 5px solid #27a9e3;
}

.btn_save {
    cursor: pointer;
    margin: 0px;
    padding: 6px 8px 4px 8px;
	background: #000040;
    color: #fff;
	border-radius: 4px;
    border-right-width: 1px;
	border-color: #000040;
	font-size:13px;
	line-height:13px;
}

/* PrismJS 1.23.0
https://prismjs.com/download.html#themes=prism-okaidia */
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */

code[class*="language-"],
pre[class*="language-"] {
	color: #f8f8f2;
	background: none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
	border-radius: 0.3em;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #272822;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #8292a2;
}

.token.punctuation {
	color: #f8f8f2;
}

.token.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
	color: #f92672;
}

.token.boolean,
.token.number {
	color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #a6e22e;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
	color: #f8f8f2;
}

.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
	color: #e6db74;
}

.token.keyword {
	color: #66d9ef;
}

.token.regex,
.token.important {
	color: #fd971f;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}