@font-face {
    font-family: 'jetBrainsMonoM';
    src: url('/igPagesV5/content/jscs/font/JetBrainsMono-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'NotoSansKR';
    src: url('/igPagesV5/content/jscs/font/NotoSansKR-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
    --bodyFontSize: 17px;
    /* --codeFontSize: 1.04em; */
    --codeFontSize: 17px;
    --codeFileFontSize: 14px;
    /* --codeFont: Inconsolate !important; */
    /* --codeFont: bonGothicR !important; */
    --codeFont: jetBrainsMonoM !important;
    --mkFontSize: 16px;
    --apiFontSize: 17px;
    --divFontSize: 17px;
    --listIndent : 5px 15pt 7px -20px; /* top, right, bottom, left */
    --listSubMarginLeft: 32px;
    --indexFontSize: 16px;
    --paragraphFont:LeferiBaseType-Regular !important;
    --tablePadding: 7px 8px 4px 8px;
    --tableTilteFontSize: 16px;
    --paragraphMkMgl:-6px;
    --paragraphDivMgl:-5px;
}

html, body {
    font-size:var(--bodyFontSize);
    /* background:#fff000; */
    margin-left: 10px; margin-right: 30px;
    font-family: NotoSansKR !important;
    /* text-shadow: 0.001em 0.002em 0.001em #bfbfbf; */

    color:#000000;

    /*scrollbar-face-color:#ffffff;*/
    /*scrollbar-shadow-color:#F7F7F7;*/
    /*scrollbar-highlight-color:#ffffff;*/
    /*scrollbar-3dlight-color:#F7F7F7;*/
    /*scrollbar-darkshadow-color:#ffffff;*/
    /*scrollbar-track-color:#ffffff;*/
    /*scrollbar-arrow-color:#ffffff;*/
}

::-webkit-scrollbar{ width:0; }
::-webkit-scrollbar-track-piece{ background-color:transparent; -webkit-border-radius:6px; }

br { line-height: 90%;}

/********************************************************************************/
/* index */

.indexItem { padding-left:5pt;padding-top:12pt;margin-bottom:0; line-height: 140%}
.indexItemTd { padding-right:17pt; line-height:173%; font-size:11pt; vertical-align: top;}

.indexItemLeftPd{padding-left: 15px;}


a.index:link    {text-decoration:none; color:#0e3759; font-size:var(--indexFontSize); }
a.index:visited {text-decoration:none; color:#0e3759; font-size:var(--indexFontSize); }
a.index:hover   {text-decoration:none; color:#ca0000; font-size:var(--indexFontSize); }
a.index:active  {text-decoration:none; color:#0e3759; font-size:var(--indexFontSize); }

a.noDeco:link    {text-decoration:none; color:#0f4aa8 }
a.noDeco:visited {text-decoration:none; color:#0f4aa8; }
a.noDeco:hover   {text-decoration:none; color:#0f4aa8; }
a.noDeco:active  {text-decoration:none; color:#0f4aa8; }

.indexDiv {
    margin-top: 6px; margin-bottom:8px;
    border-width: thin; border-color:#0e3759;
    height: 1px;border-top-style: dashed;width: 100%;
}
.indexLinkSub   {margin-left:10pt;}
.indexLinkSub2  {margin-left:25pt;}
.indexLinkSub3  {margin-left:40pt;}

.indexDesc      {font-size:10pt}
.divDesc        {font-size:12pt}
.paragraphDesc  {font-size:13pt}

.i {font-style: italic;}
.vaTop { vertical-align: top; }


/********************************************************************************/
/* paragraph */

#itemTitle { font-size:18pt; font-weight:bold; color:#3b3b3b; margin-bottom:5pt; /*margin-top: -550pt;*/}
#itemTitleSub { font-size:12pt;  color:#3b3b3b; margin-bottom:5pt; font-style: italic; /*margin-top: -550pt;*/}
#itemTitleExp { font-size:12pt; padding-left:5pt; font-weight:normal; }
hr.line01 {
    border:0;
    height:0;
    margin-bottom:12pt;
    border-top:1px solid #d4d4d4;
}

.beginning {
    padding-right: 100px;
    padding-top:5pt; padding-left:5pt;
    margin-top:20px; margin-bottom:30pt;
    word-break: break-all; line-height:180%;
}

.paragraph_title { margin-top:40px; font-size:19px; font-weight:bold; color:#3b3b3b; margin-right: 100px; font-family: var(--paragraphFont); }
.paragraph_line  { border:0; height:0; margin-bottom:7px; border-top:1px solid #d4d4d4; margin-right: 100px;}
.paragraph_cont  { 
    padding-left: 6px;
    padding-right: 100px; 
    margin-bottom:45px;
    word-break: break-all; 
    line-height:180%; 
}

.title02 {font-size:14pt; font-weight:bold; color:#3b3b3b;}
.title03 {font-size:13pt; font-weight:bold; color:#3b3b3b;}
.title03 {font-size:12pt; font-weight:bold; color:#3b3b3b;}

/********************************************************************************/
/* code */
.codeFile {
    font-size:var(--codeFileFontSize); font-style:italic;
    margin-bottom:5pt; border-bottom: solid 1px #888888;
    display:inline-block;
    font-family: var(--codeFont);
    text-shadow: none;
}

.code{
    padding: 5pt 10pt 8pt 10pt; /* top, right, bottom, left */
    margin: 5pt 10pt 15pt 10pt; /* top, right, bottom, left */
    width:96%; line-height:150%;
    white-space:pre-wrap; color:#202020; background:#F4F4F4;
    font-size:var(--codeFontSize);
    font-family: var(--codeFont);
    text-shadow: none;
}

.codeWithImg{
    padding: 5pt 10pt 8pt 10pt;/* top, right, bottom, left */
    margin: 8pt 10pt 15pt 10pt; /* top, right, bottom, left */
    width:96%; line-height:150%;
    white-space:pre-wrap; color:#202020; background:#F4F4F4;
    font-size:var(--codeFontSize);
    font-family: var(--codeFont);
    text-shadow: none;
}

.codeWithResult{
    padding: 5pt 0pt 8pt 10pt;/* top, right, bottom, left */
    margin: 0pt 0pt 0pt 0pt; /* top, right, bottom, left */
    width:99%; line-height:150%;
    white-space:pre-wrap; color:#202020; background:#F4F4F4;
    font-size:var(--codeFontSize);
    font-family: var(--codeFont);
    text-shadow: none;
}

.codeInList {
    padding: 5pt 10pt 8pt 10pt;
    margin: 8pt 0 8pt 0; /* top, right, bottom, left */
    white-space:pre-wrap; color:#202020; background:#F4F4F4;
    width:100%; line-height:150%;
    font-size:var(--codeFontSize);
    font-family: var(--codeFont);
    text-shadow: none;
}

.codeResultSpace{width: 3px}
.codeResult{background: #ffff; margin-bottom: 3px;  padding: 2pt 5pt 5pt 5pt;}
.codeResultTitle{font-size:11pt;}

.codeFoldWrap{ padding-bottom:0px }

.packageCss{  display: none; font-size: 10pt; }

.console{
    padding: 5pt 10pt 8pt 10pt; /* top, right, bottom, left */
    margin: 8pt 10pt 15pt 10pt; /* top, right, bottom, left */
    width:96%; line-height:150%;
    white-space:pre-wrap;
    font-size:var(--codeFontSize);
    font-family: var(--codeFont);
    background: #525252; color: #ffffff;
    text-shadow: none;
}

.consoleCmd{ color: #ffffff }

.codeWithImgTbl{
    width: 96%;
    margin: 5pt 0 8pt 0; /* top, right, bottom, left */
}
.codeWithImgTdL{ word-wrap:break-word; vertical-align: top;text-shadow: none;}
.codeWithImgTdR{ width: 10%; padding-left: 20px; padding-top:10px; vertical-align: top;text-shadow: none;}

/* 코드와 결과 테이블 */
.codeWithResultTbl{ margin-left: 15px;margin-top: 5px; margin-bottom: 10pt; width: 98%;text-shadow: none;}
.codeWithResultTdL{ word-wrap:break-word; vertical-align: top; padding-right: 0px; width: 60%; text-shadow: none;}
.codeWithResultTdR{ background:#F4F4F4; vertical-align: top; padding-top: 7px; padding-bottom: 7px;text-shadow: none;}
.codeWithResultTxt{ font-size: 9pt; margin-left: 8px }
.codeWithResultDiv{ white-space: pre-wrap; /* CSS3*/
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-all; /* Internet Explorer 5.5+ */ ;
    padding-left: 10px; padding-right: 30px;
    padding-top:5px; vertical-align: top;
    text-align: left;
    text-shadow: none;
}

.codeHorSplitDiv{
    margin: 5pt 10pt 15pt 10pt; /* top, right, bottom, left */
}

.codeHorSplitTable {width: 100%}
.codeHorSplitTableTd{
    padding: 5pt 12pt 8pt 12pt; /* top, right, bottom, left */
    width: 50%;
    white-space:pre-wrap; vertical-align:text-top; line-height:150%;
    color:#202020; background:#F4F4F4;
    font-size:var(--codeFontSize);
    font-family: var(--codeFont);
    text-shadow: none;
}

.codeHorSplitTableTdFull{
    padding: 5pt 12pt 8pt 12pt; /* top, right, bottom, left */
    width: 100%;
    white-space:pre-wrap; vertical-align:text-top; line-height:150%;
    color:#202020; background:#F4F4F4;
    font-size:var(--codeFontSize);
    font-family: var(--codeFont);
    text-shadow: none;
}

.codeSplitTableSpace{ width: 10px; }

/********************************************************************************/
/* color & font */
#color_reserved_blue { color:#012ea2; }
#color_reserved_anno { color:#816D0B; }
#color_reserved_attr { color:#267f99; } /*compose*/
#color_html_attr     { color:#4e6a73; }
#color_scipts_mthod  { color:#a85b0d; } /* script method */
#color_html_tag      { color:#854b11; }
#color_reserved_emp  { color:#A300C3; }
#color_reserved_key  { color:#ad1799; }
#color_reserved_cpz  { color:#7841B2; }
#color_resource_dir  { color:#bf0606; }
#color_print_quotes  { color:#5e8745; }
#color_param_name    { color:#0e7097; }
#color_param_nameht  { color:#0e7097; }  /* html 전용 */
#color_xmlns         { color:#660e7a; }
#color_comment       { color:#00692A; font-size: 12pt }
#color_comment_gray  { color:#818181; font-size: 12pt }
#color_comment_black { color:#000000; font-size: 12pt }
#color_comment_blue  { color:#65ddf5; font-size: 12pt }
#color_black         { color:#000000; }
#color_cpz_fun       { color:#2097bb; }
#color_react_prop    { color:#078c8a; }
#color_css_key       { color:#85510c; }
#color_sys_func      { color:#08767a; }
#color_result_bg     { background-color:#ffffff; }


.color_black        { color:#000000; }
.color_emp          { color:#C60073; }
.color_orange       { color:#e34a00; }
.color_purple       { color:#5A005C; }
.color_olive        { color:#626200; }
.color_red          { color:#AF0014; }
.color_blue         { color:#0000db; }
.color_sherpa       { color:#27583f; }
.color_disable      { color:#a2a2a2; }
.color_green        { color:#00692A; }
.color_gray         { color:#818181; }
.color_yellow       { color:#BC900D; }
.color_console      { color:#aeebff; }
.color_sky_dark     { color:#267f99; }

#color_comment_emp { color: #c60000; font-size: 11pt }

.font_08pt    { font-size:08pt; }
.font_09pt    { font-size:09pt; }
.font_10pt    { font-size:10pt; }
.font_11pt    { font-size:11pt; }
.font_12pt    { font-size:12pt; }
.font_13pt    { font-size:13pt; }
.font_14pt    { font-size:14pt; }
.font_15pt    { font-size:15pt; }
.font_16pt    { font-size:16pt; }
.font_18pt    { font-size:18pt; }
.font_20pt    { font-size:20pt; }
.font_22pt    { font-size:22pt; }
.font_24pt    { font-size:24pt; }
.font_26pt    { font-size:26pt; }

.hail_green  {background-color:#366330; color:white; padding: 2px;}
.hail_violet {background-color:#83094c; color:white; padding: 2px;}
.hail_blue   {background-color:#092abb; color:white; padding: 2px;}
.hail_olive  {background-color:#817f01; color:white; padding: 2px;}

/********************************************************************************/
/* list */

::marker {
    color: black;
    font-size: 1.0rem; /* li의 dot 크기 */
}

ul > li::marker { color: black; }

ol > li::marker { color: black; }
ol { counter-reset: list; }
ol > li {
    list-style: none;
    position: relative;
}

/* item list */
.listItemWrap {
    padding-left: 10px;
    margin-left: -2px; margin-top:3pt; margin-bottom:10pt;
}
.listItemWrapIndent {
    margin:var(--listIndent);
}
.listItemItem{
    /*list-style-type: '＞ ';*/
    list-style-type: '❯ ';
    /*list-style-type: '❱ ';  */
    margin-left:5px;
    line-height:180%;
    /*padding-inline-start: 1px;*/
    padding-bottom: 4px;
}


/* dash list */
.listDashWrap { padding-left: 10px; margin-top:5px; margin-bottom:10pt; }
.listDashWrapN { padding-left: 10px; margin-top:5px; margin-bottom:-7px; }
.listDashWrapIndent {  margin:var(--listIndent); }

.listDashItem{
    list-style-type: '-';
    /*list-style-type: '─';*/
    line-height:180%;
    padding-inline-start: 5px;  /* li의 dot과 텍스트 간격 */
    padding-bottom: 3px;
    padding-left: 8px;
    margin-left: 8px;
}


/* dot list */
.listDotWrap {
    padding-left: 10px;
    margin-top:5px; margin-bottom:10pt;
}
.listDotWrapIndent {
    margin:var(--listIndent);
}
.listDotItem {
    list-style-type: '•';
    line-height:180%;
    padding-bottom: 3px;
    margin-left: 3px;
    padding-inline-start: 7px;  /* li의 dot과 텍스트 간격 */
    /*    text-indent:0.3em;  li의 dot과 텍스트 간격 */
    /*    margin-block-start: 0.1em; *//* li과 li 사이 간격 */
    /*  margin-block-end: 1em;*/
    /*  margin-inline-start: 0px;*/
    /*  margin-inline-end: 0px;*/
}

/* code desc */
.listCodeDescWrap {
    margin: -5px 22px 20px -5px; /* top, right, bottom, left */
}
.listCodeDescCont {
    list-style-type: '→';
    line-height:180%;
    padding-inline-start: 7px;  /* li의 dot과 텍스트 간격 */
    padding-bottom: 3px;
    font-size:13pt;
}

/* list */
.listSubContNoMark {
    list-style-type: none;
}

.listSubWrap {
    margin-left: -45px;
}
.listSubItem{
    list-style-type: '└';
    padding-left:5px; padding-bottom: 3px; line-height: 170%;
    margin-left: var(--listSubMarginLeft);
}
.listSubItemSingle{
    list-style-type: '└ ';
    padding-left:5px; padding-bottom: 3px; line-height: 170%;
    margin-left: var(--listSubMarginLeft);
}

.listTableStrStr { width: 99%; margin-top:6px; }
.listTableStrStrIndent { width: 99%; margin-left:25px; margin-top:6px; }
.listTbDash { vertical-align:top; padding-top: 4px; }
.listTbDot  { width:3px; vertical-align:top; padding-top: 3px; font-size:6px; padding-top:11px; }
.listTbNum  { width:1%; vertical-align:top; padding-top: 5px; font-size:15px; }
.listTbTitle{ padding-left:4px;vertical-align:top; padding-top: 4px; font-size:var(--bodyFontSize); }
.listTbDiv  { vertical-align:top; width:2px; padding-top:3px; font-size:var(--bodyFontSize); }
.listTbCont { vertical-align:top; padding-left:4px; padding-top:1px; line-height:180%; font-size:var(--bodyFontSize); }

.listVspace{height: 8px;}

/********************************************************************************/
/* prototype */
#type {
    margin: 30px 60px 30px 20px; /* top, right, bottom, left */
    padding: 2pt 8pt 4pt 8pt; /* top, right, bottom, left */
    border-left:5px solid #c7c7c7;
    font-size:14pt; font-weight:bold;
    white-space:pre-wrap;
}

#typeName {
    font-style:italic; font-size:var(--codeFileFontSize);
    font-weight:normal;  margin-top:-25px;margin-bottom:-25px;
}

#typeDescWrap  {
    margin-left: 0;  margin-top: 10px; width: 80%;
    margin-bottom: -25px; font-size: var(--bodyFontSize);
    white-space:normal; position: relative;
}

#typeDescCont  {
    list-style-type: '◾ ';
    padding-left:-100px;margin-left:-22px;
    margin-top:-2px; font-weight:normal;
}

#typeNor {
    margin: 30px 60px 30px 20px; /* top, right, bottom, left */
    padding: 2pt 8pt 4pt 8pt; /* top, right, bottom, left */
    border-left:5px solid #c7c7c7;
    font-size:14pt;
    white-space:pre-wrap;
}


/********************************************************************************/
/* 『 』 */
.scytheTableWrap { width:100%; padding-left:70px; padding-right:70px; }
.scytheTable     { margin-top:15px; margin-bottom:15px; }
.scytheLeft      { font-size: 14pt; vertical-align: top; padding-right: 8px; }
.scytheRight     { font-size: 14pt; top:5px; margin-left:1px; padding-left: 3px; position: relative; }
.scytheText      { line-height:180%; font-size: 18px; word-break: break-all; padding-top:5px; }
.scytheTextSub   { line-height:180%; font-size: 18px; word-break: break-all; padding-top:5px; }

.scytheSmLeft      { vertical-align: top; padding-right: 8px; }
.scytheSmRight     { top:5px; margin-left:1px; padding-left: 3px; position: relative; }
.scytheSmText      { line-height:180%; word-break: break-all; padding-top:5px; }

/* “” */
.quotesLeft  { font-size: 20pt; font-weight: bold; vertical-align: top; padding-right: 8px;}
.quotesRight { font-size: 20pt; font-weight: bold; vertical-align: top; padding-left: 8px;}

.mkRightArrow{padding-left:2px; margin-left:var(--paragraphMkMgl); }
.mkSquare{ padding-left:1px; font-weight:bold; margin-left:var(--paragraphMkMgl); }
.mkDash{padding-left:2px;  font-size: 20pt; margin-left:var(--paragraphMkMgl); }
.mkFont{font-size:var(--mkFontSize); }
.mkBottom{padding-bottom: 4px; margin-left:1px;}

.mkUnderLine{font-size: 13pt; border-bottom:1px solid #a0a0a0;display: inline; padding-bottom: 3px;}

/********************************************************************************/
/* [table] */
/* expand */
a.expand:link     {text-decoration: none;color:#1a8ba4; font-size: 11pt; }
a.expand:visited  {text-decoration: none;color:#1a8ba4; font-size: 11pt; }
a.expand:hover    {text-decoration: none;color:#1a8ba4; font-size: 11pt; }
a.expand:active   {text-decoration: none;color:#1a8ba4; font-size: 11pt; }

.tableExpand {
    width:95%;
    margin: 5px 100pt 5px 0; /* top, right, bottom, left */
}
.tableNorTdExpandLink { width:50pt }
.tableNorTdExpandCont { padding-top:3px; padding-left:5px; display: none; font-size:12pt;  line-height:150%; }

/*normal*/

.tableName { padding-left:23pt;margin-top:20px; font-size:10pt;font-style:italic; }
.tableNor {
    border-collapse:collapse;
    margin-left:20pt; margin-right:60px;
}
.tableTitleTr { background:#f2f2f2; }
.tableTitleTd {
    border:1px solid #dcdcdc; background: #f3f3f3;
    padding: var(--tablePadding); /* top, right, bottom, left */
    font-size:var(--tableTilteFontSize);  font-style:italic;
    vertical-align: text-top;
}
.tableTitleLTd {
    border:1px solid #dcdcdc; background: #f3f3f3;
    padding: var(--tablePadding); /* top, right, bottom, left */
    font-size:var(--tableTilteFontSize); font-weight: bold; vertical-align: top;
    line-height:170%;
}

.tableTitleLTdN {
    border:1px solid #dcdcdc; background: #f3f3f3;
    padding: var(--tablePadding); /* top, right, bottom, left */
    font-size:var(--tableTilteFontSize); vertical-align: top;
    line-height:170%;
}

.tableTitleLTdNb {
    /* not bold */
    border:1px solid #dcdcdc; background: #f3f3f3;
    padding: var(--tablePadding); /* top, right, bottom, left */
    font-size:var(--tableTilteFontSize); vertical-align: top; line-height:170%;
}

.tableNorTd {
    border:1px solid #E2E2E2;
    padding: var(--tablePadding); /* top, right, bottom, left */
    line-height:170%; font-size:var(--bodyFontSize);
    vertical-align: top;
}

.tableNorTdB {
    border:1px solid #E2E2E2;
    padding: var(--tablePadding); /* top, right, bottom, left */
    line-height:170%; font-size:var(--bodyFontSize);
    vertical-align: top;
    font-weight: bold;
}

.tableDivLine{padding: 1px;}
.tableDivLineBg{padding: 1px; background: #E2E2E2;}

.tableWithImgTextTd{ width: 60%; padding-left: 10px; padding-top: 10px; line-height:180%;}
.tableWithImgImgTd{ width: 2%;}
.vAlginTop{ vertical-align: top}

.tableImgDescTdL {vertical-align: top}
.tableImgDescTdR {width: 100%; vertical-align: top;padding-left: 5px;}

.tableInTableL{ vertical-align: top;}
.tableInTableD{ vertical-align: top;}

/********************************************************************************/
/* common */
.vSpace-02 { height:02pt; }
.vSpace-04 { height:04pt; }
.vSpace-08 { height:08pt; }
.vSpace-12 { height:12pt; }
.vSpace-16 { height:15pt; }

.indent_01 { margin-left:10pt; margin-right:16pt }
.indent_02 { margin-left:24pt; margin-right:16pt }
.indent_03 { margin-left:37pt; margin-right:16pt }
.note {
    margin-left:40pt; margin-bottom: 15px; margin-top: 15px; width: 80%;
    font-size: 16px; line-height: 180%;
}
.border{
    border: 1px solid #bcbcbc;
    padding: 4px 8px 2px 8px;  /* top, right, bottom, left */
}

.underline { border-bottom: solid 1px #000000; display: inline; padding-bottom: 0; }
.underlineEx { border-bottom: solid 2px #9a16db; display: inline; padding-bottom: 0; }
.underlineWt { border-bottom: solid 2px #ffffff; display: inline; padding-bottom: 0; }
.del{text-decoration: line-through; color:#a2a2a2 }

#showHide{cursor: pointer;font-size: 11pt; color: #0000db;}
#viewCode{cursor: pointer; color: #0000db; font-size: 11pt; padding-left: 14px;}
#viewCodeNpad{cursor: pointer; color: #0000db; font-size: 11pt;}
#copyDiv{float: right; cursor: pointer;}

.dpNone{display: none}

#copyImg {width: 15px}

.bracket { font-size: 15px; font-style: italic; }
.bracket_title{ font-size: 11pt;   font-style: italic; }
.bracket_paragraph { font-size: 13pt;  font-style: italic; }
.bracket_index { font-size: 10pt;  font-style: italic; }

.mgTable { margin-bottom: 13px;  margin-top: 13px}

.contDiv { 
font-size:var(--divFontSize); font-weight:bold; margin-bottom:5pt; margin-top:7pt; 
    margin-left:var(--paragraphDivMgl); 
}
.img { margin-left:15px; margin-top:10pt; margin-bottom:10pt; }
.imgIndent{margin-left:30pt;}


.imgFold{display: none; margin-left: 20px;}
.fold{display: none;}

.underline { border-bottom: solid 1px #000000; display: inline; padding-bottom: 0px; }
.divHide{display: none;}

/********************************************************************************/
/* gif */
.gif_over .animated {
    display: none
}

.gif_over:hover .animated {
    display: inline
}

.gif_over:hover .static {
    display: none
}

.imgFoldWrap{ padding-bottom:14px }
.bold { font-weight: bold; }

.imgDescText {font-size: 11pt;  color:#363636; font-style: italic;}
.imgDescLPadding {padding-left: 15px;}
.tdVtop {vertical-align: top;}

/********************************************************************************/
.rmMarginTop{margin-top:2px}


/* emp{font-size: 18px; font-family: "Jalnan Gothic TTF";} */
empb{/*font-weight: bold;*/ font-size: 18px;}
/* empn{font-family: 'yes-gothic-eb'; } */
empn{ }

.linkWarp{ margin-left:10pt; margin-right:16pt; padding-bottom:7px; }

/********************************************************************************/
.numStepWrap  { line-height: 170%;font-size:var(--bodyFontSize);}
.numStepTitle { font-weight: bold; }
.numStepTitleNor { font-weight: normal; }
.numStepIndex { padding-right:5px; vertical-align: text-top; }
.numStepDesc  { padding-left:3px;padding-right: 14px; }
.dotStepIndex { padding-right:5px; vertical-align: text-top; font-size: 8px; }

/********************************************************************************/
.cautionMark  { padding-top:4px; vertical-align: top; }
.cautionCont  { font-size:var(--bodyFontSize); padding-left:3px; line-height: 160%; }

/********************************************************************************/
.funParam   { margin-left: 10px; line-height: 160%; font-size:var(--apiFontSize); }
.funReturn  { margin-left: 10px; line-height: 160%; font-size:var(--apiFontSize); }
.funDescDiv { vertical-align: top; padding-right:6px }


.hand{cursor: pointer;}


/********************************************************************************/
/* toast */
.wrapping-element {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 40%;
}

.toast-container{
    margin: 15px;

}

.toast-body {
    min-width: 200px;
    max-width: 300px;
    display: inline-block;
    margin:auto;
    color: white;
    background-color: black;
    padding: 15px 20px 15px 20px;
    background:#e0e0e0;
    display: flex;
    justify-content: center; border-radius: 30px;

    &.success {
        background-color:rgba(46, 45, 45, 0.9);
    }

    &.info {
        background-color: blue;
    }

    &.warning {
        background-color: yellow;
    }

    &.danger {
        background-color: red;
    }
}

flowArrow {
    font-size: 16pt;margin-left: 50px;
}