body{font-family:Monaco,'Nanum Gothic',SFMono-Regular,Menlo,Consolas,"Liberation Mono","Courier New",monospace,Helvetica}
table{border-collapse:collapse}
td{border:gray 1px solid;text-align:center}
thead td{background:#B7DAEE}
p.exp{font-size:12pt;font-family:'Noto Sans KR',Courier New;background:#D0E4FB;line-height:1.7em;padding-left:5px;border-bottom:#82BAFB 1px solid;}
.content_wrapper{border:#CCCCCC 1px solid;margin:10px;padding:10px}

.map_content_wrapper{border:#CCCCCC 1px solid;margin:10px;padding:10px}
.map{
	border:gray 1px solid;margin-top:10px;
}

.example{background:ivory;border:gray 1px dotted;margin:10px;padding:10px;}
.explain{background:#dedede;border:#cdcdcd 1px solid;padding:10px;width:98%}

ul:has(.ul_ttl){
	margin-bottom:52px !important;
}

.example_container{
	border:blue 1px solid;
	margin:10px;
	padding:10px;
}
.example_ttl{
	font-weight:bold;
	font-size:1em;
	font-style:italic;
}


.span_sub_ttl{
	display:inline-block;
	border:black 1px solid;
	background:white;
	padding:5px 10px;
	border-radius:10px;
	width:50%;
	margin-bottom:20px;
	box-shadow:5px 5px 5px lightgray;
}

.chart_example{
	margin-left:20px;
	
}
.chart_example .canvas_container{
	width:1000px;
	height:500px;
	box-shadow:5px 5px 5px gray;
	margin-bottom:50px;
}

.red{color:red}
.blue{color:blue}
.pink{color:pink}
.green{color:green}

.gold{color:gold;}
.dgray{color:darkslategray;}
.darkslategray{color:darkslategray;}
.darkslateblue{color:darkslateblue;}
.maroon{color:maroon;}
.orange{color:orange;}
.teal{color:teal;}

.royalblue{color:royalblue;}
.darkcyan{color:darkcyan}
.slateblue{color:slateblue;}
.seagreen{color:seagreen;}

.orangered{color:orangered;}
.purple{color:#b620bc}
.lightgray{color:lightgray}
.darkgray{color:darkgray}
.lavender{color:lavendar}
.lightsteelblue{color:lightsteelblue;}
.steelblue{color:steelblue;}
.olive{color:olive}
.green{color:green;font-weight:bolder;font-style:italic}



.bs_doc_ttl{
	font-size:14pt;
	padding:15px 10px;
	margin-left:20px;
	border-left:royalblue 10px solid;
	border-bottom:royalblue 1px dashed;
	width:90%;
}

.code_in_content{
	background:#1B2426;color:white;padding:10px;
}

.dashed_box_red{padding:20px 10px;width:90%;border:red 1px dashed;box-shadow: 10px 5px 5px lightgray;}
.dotted_box_red{padding:20px 10px;width:90%;border:red 1px dotted;box-shadow: 10px 5px 5px lightgray;}
.dashed_box_red2{padding:20px 10px;width:90%;border:red 2px dashed;box-shadow: 10px 5px 5px lightgray;}

.solid_box_red{padding:-10px 10px 20px 10px;width:90%;border:red 1px solid;}
.solid_box_teal{padding:-10px 10px 20px 10px;width:90%;border:teal 3px inset;}

.dashed_box_green{padding:20px 10px;width:90%;border:green 1px dashed;box-shadow: 10px 5px 5px lightgray;}
.dotted_box_green{padding:20px 10px;width:90%;border:green 1px dotted;box-shadow: 10px 5px 5px lightgray;}
.dashed_box_green2{padding:20px 10px;width:90%;border:green 2px dashed;box-shadow: 10px 5px 5px lightgray;}


.dashed_box_blue{padding:20px 10px;width:90%;border:blue 1px dashed;box-shadow: 10px 5px 5px lightgray;}
.dotted_box_blue{padding:20px 10px;width:90%;border:blue 1px dotted;box-shadow: 10px 5px 5px lightgray;}
.dashed_box_blue2{padding:20px 10px;width:90%;border:blue 2px dashed;box-shadow: 10px 5px 5px lightgray;}

.teal_dashed{color:teal;border:blue 1px dashed;width:90%;padding:10px;}
.orangered_dashed{color:orangered;border:blue 1px dashed;width:90%;padding:10px;} 
.green_dashed{color:green;border:blue 1px dashed;width:90%;padding:10px;} 
.royalblue_dashed{color:royalblue;border:blue 1px dashed;width:90%;padding:10px;} 
.purple_dashed{color:purple;border:blue 1px dashed;width:90%;padding:10px;} 
.maroon_dashed{color:maroon;border:blue 1px dashed;width:90%;padding:10px;} 
.darkslategray_dashed{color:darkslategray;border:blue 1px dashed;width:90%;padding:10px;} 

.purple_dashed_exp{color:purple;border:green 1px dashed;width:90%;padding:2px;} 
.exp_empbox{background:royalblue;color:white;border:green 1px dashed;width:90%;padding:2px;} 

.teal_dotted{color:teal;border:blue 1px dotted;width:90%;padding:10px;}
.orangered_dotted{color:orangered;border:blue 1px dotted;width:90%;padding:10px;} 
.green_dotted{color:green;border:blue 1px dotted;width:90%;padding:10px;} 
.royalblue_dotted{color:royalblue;border:blue 1px dotted;width:90%;padding:10px;} 
.purple_dotted{color:purple;border:blue 1px dotted;width:90%;padding:10px;} 
.maroon_dotted{color:maroon;border:blue 1px dotted;width:90%;padding:10px;} 
.darkslategray_dotted{color:darkslategray;border:blue 1px dotted;width:90%;padding:10px;} 

.big{color:royalblue;font-size:1.4em !important;font-weight:bolder;}
.big12{font-size:1.2em !important;font-weight:bolder;}
.b12{font-size:1.2em !important;}


.preline{white-space:pre-line;}
.prewrap{white-space:pre-wrap;} /* ok good */
/*
.big:before{
	content:'['
}

.big:after{
	content:']'
}

*/

fieldset.sum{border:teal 1px solid;width:96%;margin-top:10px;}
fieldset.sum legend{font-weight:bold;padding-left:5px;padding-right:5px;}




.ex_link{background:yellowgreen !important;padding:3px 5px;}
.ex_link a{color:white !important;text-decoration:none;}



.emp{font-weight:bold;font-size:12pt;}

.empx{font-weight:900;font-size:1.2em;}

.italic{font-style:italic;}
.empl{font-weight:bold;font-size:14pt;}
.empc{font-weight:bold;font-size:12pt;color:#301bab;}
.empi{font-weight:bold;font-size:12pt;font-style:italic;}
.u{text-decoration:underline !important;}
.graybold{color:gray;font-weight:bold !important}
pre,xmp{font-family:"Courier New",Monaco,Consolas,'Noto Sans KR','Nanum Gothic',SFMono-Regular,Menlo,"Liberation Mono",monospace,Helvetica; } /* */
pre,xmp{padding-left:10px;}
h3.ttl{margin-top:50px;background:#CFE2DA;padding:10px;border:green 1px solid;}
h3.ttl2{margin-top:30px;background:#CFE2DA;padding:10px;border:red 1px solid;}

h3.ttl3{margin-top:30px;background:#CFE2DA;padding:5px;border:green 1px solid;}

h3.emp{
	margin-top:50px;background:lightseagreen;color:white;padding:10px;border:white 3px double !important;
}
h3.emp a{
	color:white;
}

h5.sub_ttl{border:white 1px solid;background:steelblue;color:white;padding:5px;border-radius:5px;}


span.ttl{font-weight:bold}

.disp_ttl{width:90%;background:#efefef !important}
.disp{width:90%;border:gray 1px solid  !important;padding:10px;margin:10px}

.error{color:red;font-style:italic}


.content_ttl{font-weight:bold;color:#536F10;font-size:1.5em;font-family:helvetica;}
.content_subttl{font-weight:bold;color:#536F10;font-size:1.1em;}

.emp2{text-decoration:underline;}


ul.summary{border:#cecece 1px solid;background:gold;padding-bottom:10px !important;}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
/*
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../font/NanumGothic-Regular.eot');
  src: url('../font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothic-Regular.woff2') format('woff2'),
       url('../font/NanumGothic-Regular.woff') format('woff'),
       url('../font/NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('../font/NanumGothic-Bold.eot');
  src: url('../font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothic-Bold.woff2') format('woff2'),
       url('../font/NanumGothic-Bold.woff') format('woff'),
       url('../font/NanumGothic-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url('../font/NanumGothic-ExtraBold.eot');
  src: url('../font/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothic-ExtraBold.woff2') format('woff2'),
       url('../font/NanumGothic-ExtraBold.woff') format('woff'),
       url('../font/NanumGothic-ExtraBold.ttf') format('truetype');
*/
body, h1, h2, h3, h4, h5, h6, input, textarea, select {
	font-family: 'Noto Sans KR', sans-serif;
}

h2{
	padding-left:20px !important;
	padding-top:20px !important;
	padding-bottom:5px !important;
}

.example_ifr {border: lightseagreen 1px solid}
.example_ifr header{color:royalblue;padding:10px;}

.example_img {margin:10px;border:lightseagreen 1px solid;}

.exp.teal{color:white;background:teal}

.code{background:#1B2426;color:white;width:90%;padding:5px;}
.ex_code{background:steelblue;color:white;padding:2px 5px;margin:2px 0px;display:inline-block;}
.inner_title{background:steelblue;color:white;padding:5px 10px;margin:2px 0px;display:block;width:80%;}
.inner_title a{color:white;text-decoration:none;}
.inner_title a:hover{text-decoration:underline;}
.inner_title a::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f35d"; /* fas fa-external-link-alt  */
	padding-right:10px;
	padding-left:10px;
	color:white;
}

.emp_li{
	padding-top:5px;
	padding-bottom:5px;
}

.emp_link{
	padding:3px 10px;
	background:orangered;
	border-radius:5px;
	
}

.emp_inner_link{
	padding:3px 10px;
	background:royalblue;
	border-radius:5px;
	
}


.emp_link a{
	color:white;
	text-decoration:none;
}

.emp_link a:hover{
	
	text-decoration:underline;
}


.emp_inner_link a{
	color:white;
	text-decoration:none;
}

.emp_inner_link a:hover{
	
	text-decoration:underline;
}



.emp_link a::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f35d"; /* fas fa-external-link-alt  */
	
	padding-right:10px;
	padding-left:10px;
	
}

.emp_inner_link a::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f103"; /* fas fa-angle-double-down  */
	
	padding-right:10px;
	padding-left:10px;
	
}


.vattr{color:cornflowerblue;padding:2px 5px;margin:2px 0px;display:inline-block;font-weight:bold}

.deprecated {color:gray;font-style:italic}
.black{color:black !important;}
.gray{color:gray !important;}

.emp_code{
	font-family:'Noto Sans KR';
	font-size:1.1em;
	font-weight:bolder;
	color:Purple;
}



.emp_code_navy{
	font-family:'Noto Sans KR';
	font-size:1.1em;
	font-weight:bolder;
	color:Navy;
}


.emp_code_orange{
	font-family:'Noto Sans KR';
	font-size:1.1em;
	font-weight:bolder;
	color:Orangered;
}


.bg_steelblue{display:inline-block;margin:2px;background:steelblue; color:white;padding:2px 4px 2px 2px;text-decoration:none;}
.bg_lightsteelblue{display:inline-block;margin:2px;background:lightsteelblue; color:black;padding:2px 4px 2px 2px;text-decoration:none;}
.bg_royalblue{display:inline-block;margin:2px;background:royalblue; color:white;padding:2px 4px 2px 2px;text-decoration:none;}
.bg_purple{display:inline-block;margin:2px;background:purple; color:white;padding:2px 4px 2px 2px;text-decoration:none;}
.bg_mediumslateblue{display:inline-block;margin:2px;background:mediumslateblue; color:white;padding:2px 4px 2px 2px;text-decoration:none;}
.bg_orangered{display:inline-block;margin:2px;background:orangered;color:white;padding:2px 4px 2px 2px;text-decoration:none;}
.bg_dodgerblue{display:inline-block;margin:2px;background:dodgerblue;color:white;padding:2px 4px 2px 2px;text-decoration:none;}
.bg_lightseagreen{display:inline-block;margin:2px;background:lightseagreen;color:white;padding:2px 4px 2px 2px;text-decoration:none;}
.bg_teal{display:inline-block;margin:2px;background:teal;color:white;padding:2px 4px 2px 2px;text-decoration:none;}

.bg_steelblue:hover{text-decoration:underline;}
.bg_royalblue:hover{text-decoration:underline;}
.bg_purple:hover{text-decoration:underline;}
.bg_orangered:hover{text-decoration:underline;}
.bg_teal:hover{text-decoration:underline;}

.rb3{border-radius:3px;}
.rb5{border-radius:5px;}
.rb7{border-radius:7px;}

.bb_royalblue{display:inline-block;margin:2px;border-bottom:royalblue 2px solid;color:black;padding:1px 10px 1px 2px;font-weight:bold;}
.bb_purple{display:inline-block;margin:2px;border-bottom:purple 2px solid;color:black;padding:1px 10px 1px 2px;font-weight:bold;}
.bb_orangered{display:inline-block;margin:2px;border-bottom:orangered 2px solid;color:black;padding:1px 10px 1px 2px;font-weight:bold;}
.bb_lightseagreen{display:inline-block;margin:2px;border-bottom:lightseagreen 2px solid;color:black;padding:1px 10px 1px 2px;font-weight:bold;}


.b_dodgerblue{display:inline-block;margin:2px;border:dodgerblue 1px solid;border-left:dodgerblue 14px double;color:black;padding:1px 10px 1px 2px;}
.b_lightseagreen{display:inline-block;margin:2px;border:lightseagreen 1px solid;border-left:lightseagreen 14px double;color:black;padding:1px 10px 1px 2px;}

.exp_bg{width:98% !important;}

.exp_bg_steelblue{display:block;margin:2px;background:steelblue; color:white;padding:5px 10px;border-bottom:#084577 5px solid;}
.exp_bg_lightsteelblue{display:block;margin:2px;background:#bdd0e9; color:black;padding:5px;border-bottom:#4d987e 3px solid;}
.exp_bg_royalblue{display:block;margin:2px;background:royalblue; color:white;padding:5px;}
.exp_bg_purple{display:block;margin:2px;background:purple; color:white;padding:5px;}
.exp_bg_mediumslateblue{display:block;margin:2px;background:mediumslateblue; color:white;padding:5px 10px;border-bottom:#301bab 5px solid;}

.exp_bg_mediumslateblue a{
	color:white;

}



.exp_bg_lightsteelblue a{
	color:darkslategray;
	text-decoration:none;
}
.exp_bg_lightsteelblue a::before{
	content:'▶ ';
	display:inline-block;
	text-shadow:2px 2px 3px gray;
	width:30px;
}
/*
.exp_bg_mediumslateblue:before{
	content:' 》';
	color:#301bab;
	font-weight:bold;
}
*/
.exp_bg_orangered{display:block;margin:2px;background:orangered;color:white;padding:5px 10px;border-bottom:#900104 5px solid;}
.exp_bg_dodgerblue{display:block;margin:2px;background:dodgerblue;color:white;padding:5px;}
.exp_bg_lightseagreen{display:block;margin:2px;background:lightseagreen;color:white;padding:5px;width:98%;}

.orangered_text{color:orangered;background:white;}

fieldset.source {
	width:97%;;border:royalblue 1px solid;
}
fieldset.source legend{
	font-weight:bold;
}


.div_doc_keywords{
	background:#b3e5fc;
	padding:10px;
	border-radius:10px;
	width:800px;
	margin-top:10px;
	margin-left:20px;
	border:#263238 5px double;
}

.div_doc_keywords ul{
	margin-left:20px;
}

.div_doc_reference{
	background:#b2ebf2;
	padding:10px;
	border-radius:10px;
	width:800px;
	margin-top:10px;
	margin-left:20px;

	border:#4a148c 5px double;

}

.div_doc_reference ul{
	margin-left:20px;
}
.div_doc_reference a{
	text-decoration:none;
	color:black;
}

.big{
	font-size:1.2em;	
}

.big12{
	font-size:1.2em;	
}

.big15{
	font-size:1.5em;	
}

.big20{
	font-size:2em;	
}

.ul_ttl{
	font-weight:600;
	margin-left:-22px;
}

.ul_ttl::before{
	content:'■';
	display:inline-block;
	width:28px;
}

.exp_bg_mediumslateblue_summary{
	display:block;margin:2px;background:mediumslateblue; color:white;padding:5px 10px;
	border-bottom:#301bab 5px solid;
	border-left:orangered 20px solid;
}

.exp_bg_mediumslateblue_summary a{
	color:white;
	text-decoration:none;
}



.exp_bg_royalblue_summary{
	display:block;margin:2px;background:royalblue; color:white;padding:5px 10px 10px 5px;
	border-bottom:#301bab 5px solid;
	
}

.exp_bg_royalblue_summary a{
	color:white;
	text-decoration:none;
}

.exp_bg_teal_summary{
	display:block;margin:2px;background:teal; color:white;padding:5px 10px 7px 5px;
	border-bottom:#55AAAA 5px solid;
	
}

.exp_bg_teal_summary a{
	color:white;
	text-decoration:none;
}


h5.ttl{
	border:teal 2px solid;
	padding:5px;
	/*
	background:teal;
	color:white;
	*/
	width:700px;
	margin-bottom:10px !important;
	margin-top:50px !important;
}


.link_lesson{
	text-decoration:none;
}
.link_lesson:hover{
	text-decoration:underline;
}
.link_lesson::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f35d"; /* fas fa-external-link-alt  */
	padding-right:10px;
	padding-left:10px;
	color:white;
}
/*
h5.ttl::after{
	content:'---------------------------------------------';
}
*/