@charset "utf-8";
/*reset*/
[hidden], area, base, basefont, command, datalist, head,input[type=hidden], link, menu[type=context], meta, noembed, noframes,param, script, source, style, track, title {display: none;/* case-insensitive */}
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;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.5;}
ol, ul {list-style:none;}
li{display:list-item;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {display:table; border-collapse: collapse; border-spacing: 0;}
colgroup{display:table-column-group;}
col{display:table-column;}
thead{display:table-header-group;}
tbody{display:table-row-group;}
tfoot{display:table-footer-group;}
tr{display:table-row;}
td, th{display:table-cell;}
img,fieldset,iframe{border:0 none;}
address,em{font-style:normal; font-weight:normal;}

/*normalize*/
template, [hidden]{display:none;}
b,strong{font-weight: bolder;}
code,kbd,samp{font-family:'Vera'; line-height:1.3;}
sub,sup{position:relative; line-height:0; font-size:75%;}
input{-webkit-border-radius:0;-webkit-appearance:none;word-break: initial; word-wrap: initial; /*iOS에서 두줄되버림*/}
button, input, optgroup, select, textarea {font-family:inherit; font-size:100%; line-height:1; margin:0; box-sizing:inherit;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
hr{box-sizing: content-box; height: 0; overflow: visible;}
abbr[title]{border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
legend{display: table; max-width: 100%; padding: 0; white-space: normal; box-sizing: border-box; color: inherit;}
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}

/*base*/
body{font-size:16px; color:#000; background:#fff;}
ul,ol,li{list-style:none; }
ul:after{content:''; display:block; clear: both;}
a{color:inherit; text-decoration:none; background-color:transparent;}
textarea {resize:none;}
pre{line-height:1.3;}
img, video{display:inline-block; vertical-align:middle; width:100%; height:auto;}
label{cursor:pointer;}
*, *:before, *:after {box-sizing: border-box;}

/*Mobis*/
* {word-wrap:break-word;}
[data-language="Korean"] * {word-break: keep-all;}
*:not(#id_search) {-webkit-touch-callout:none; -webkit-touch-select:none; -ms-user-select:none; -moz-user-select:none; -webkit-user-select:none; -user-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0)}
body {-webkit-overflow-scrolling:touch;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size:90%;
}
::-moz-placeholder { /* Firefox 19+ */
	font-size:90%;
}
:-ms-input-placeholder { /* IE 10+ */
	font-size:90%;
}
:-moz-placeholder { /* Firefox 18- */
	font-size:90%;
} 

::-webkit-scrollbar {
    width: 3px;
    height: 8px;
    border: 0px solid #fff;
    display: block;
}

::-webkit-scrollbar-thumb {
    height: 50px;
    width: 3px;
    /* background: rgba(0, 0, 0, 0); */
    background-color: #ddd;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0)
}

::-webkit-scrollbar-track {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0)
}

nav ::-webkit-scrollbar {
    width: 5px;  /* 스크롤바의 너비 */
}

nav ::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #a1a1a1; /* 스크롤바의 색상 */
    
    border-radius: 10px;
}

nav ::-webkit-scrollbar-track {
    background: #ccc;  /*스크롤바 뒷 배경 색상*/
}


#root > div.Heading2, 
#root > div.Heading2-NoTOC{scrollbar-arrow-color:#FFFFFF; scrollbar-3dlight-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-hightlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; scrollbar-track-color:#FFFFFF;}

a {-webkit-tap-highlight-color:transparent; text-decoration: none;}
a:visited {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {-webkit-tap-highlight-color:transparent; text-decoration: none;}