@charset "utf-8";  /* 2023.04.24 추가*/

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-family: 'Noto Sans KR', sans-serif;
}

button {background:none;border:0; cursor:pointer;}


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

body {background: #fff;}


/* warpRightbox */
/* .warpRightbox {width:1125px;width:98%;height:100%; margin-left:0; padding-top:30px; background:#fff;} */
.warpRightbox #header h1 {margin: 0px 15px 7px 25px; font-size: 29px; font-weight: 600; color: #000000; font-family: 'NanumSquare', sans-serif;}

.warpRightbox #content {width: 95%;margin: 0 15px 6px 15px;/* border-top: 1px #d5d5d5 solid;*/}
.warpRightbox #content .sect1 {margin:0 0 15px 0;}
.warpRightbox #content .sect1 h2 {padding-left: 5px; position: relative;}
.warpRightbox #content .sect1 h2::before {content: ''; width: 3px;height: 3px; position: absolute; top: 15px; left: 0; background: #d0c6c0;}
.warpRightbox #content .sect1 h2 a {font-size: 24px;font-weight: 400; color: #8329db; text-decoration:none;}
.warpRightbox #content .sect1 h2.text01 {padding:0;}
.warpRightbox #content .sect1 h2.text01 a {font-size: 20px; font-weight: 400;color: #000000;text-decoration:none;}
.warpRightbox #content .sect1 h2.text01::before {content:''; width:0; height:0;}
.warpRightbox #content .sect1 .sectionbody {position:relative;}
.warpRightbox #content .sect1 .sectionbody .ulist ul {width: 100%;margin-top: 10px; padding: 4px 15px; background: #fafafa; border: 1px #f6f6f6 solid; box-sizing: border-box;}
.warpRightbox #content .sect1 .sectionbody .ulist ul li {font-size: 15px;font-weight: 400; color: #000000;}
.warpRightbox #content .sect1 .paragraph {margin: 10px 0; position:relative;}
.warpRightbox #content .sect1 .paragraph p {font-size: 15px;font-weight: 400; color: #000000;}

.warpRightbox #content .sect2 {margin: 15px 0;}
.warpRightbox #content .sect2 h3 { margin: 10px 0; position:relative;}
.warpRightbox #content .sect2 h3 a {font-size: 20px; font-weight: 400;color: #000000;text-decoration:none;}
.warpRightbox #content .sect2 .paragraph {margin: 10px 0 20px 0; position:relative;}
.warpRightbox #content .sect2 .paragraph p {font-size: 15px;font-weight: 400; color: #000000;}
table.tableblock {width:100%; position: relative;border-top: 1px #ada8a8 solid;}
table.tableblock thead tr th {padding: 5px 10px; background: #f0f2f5;border: 1px #eaedf0 solid; box-sizing: border-box; text-align: left; font-size: 15px; font-weight: 400; color: #000000;}
table.tableblock tbody tr td.baGlg { padding: 5px 10px; background: #fbfbfb;border: 1px #eaedf0 solid; box-sizing: border-box; text-align: left;font-size: 15px; font-weight: 400; color: #000000;}
table.tableblock tbody tr td {padding: 5px 10px; border: 1px #eaedf0 solid; box-sizing: border-box; text-align: left; font-size: 13px; font-weight: 400; color: #000000;}

.warpRightbox #content .sect2 .listingblock {position:relative;}
.warpRightbox #content .sect2 .listingblock .content { position:relative;}
.warpRightbox #content .sect2 .listingblock .content pre{/*width: 810px;*/ height: auto;padding: 20px;background: #1d1e1f; overflow-x: scroll;}
.warpRightbox #content .sect2 .listingblock .content span::selection {
		background-color: #bec2c3;
		color: #fff;
	}
.warpRightbox #content .sect2 .listingblock .content pre[class].nowrap span {font-size:13px; font-weight:200;}
.warpRightbox #content .sect2 .listingblock .content pre[class] .hljs { line-height: 1.45; font-size:13px; font-weight:200; color: #bec2c3;}
.hljs-string, .hljs-doctag {color: #ff3f55;}
.hljs-number, .hljs-literal, .hljs-variable, .hljs-template-variable, .hljs-tag .hljs-attr {    color: #33bd0e;}
.hljs-tag, .hljs-name, .hljs-attribute { font-weight: normal; color: #bcbcff;}

/* 2023.04.24 버튼 추가*/
.dlab-down-btn{position:absolute;right:10px;top:0;width:100px;height:36px;font-size: 14px !important;border-radius:5px;box-sizing:border-box;border: 1px solid #bcbfce;background: #acafbe;color: #fff !important;text-align: center;line-height: 30px;padding: 0;text-decoration:none;cursor:pointer;}
.dlab-down-btn:hover{background: #9ea1b1;}