@charset "utf-8";
/* CSS Document */
*

/* .popupLayer { */
/*  	position:absolute; */
/* 	text-align : left; */
/* 	vertical-align : middle; */
/* 	width:180px; */
/* 	height:55px; */
/* 	padding : 5px; */
/* 	color:#000000; */
/* 	font-size:12px; */
/* 	background:#FFF; */
/* 	box-shadow:4px 4px 10px rgba(0,0,0,0.4); */
/* 	border: 2px; */
/* 	border-radius:8px; */
/* 	pointer-events: none; */
/* 	display: none; */
/*  } */
 
/* .popupLayer div { */
/*  	position:absolute; */
/*  	top :5px; */
/*  	width: 100px; */
/*  	height: 20px; */
/*  	right : 5px; */
/*  } */

/*  .node { */
/* 	border: none; */
/* 	font: 12px sans-serif; */
/* 	color: white; */
/* 	text-align: center; */
/* 	line-height: 1; */
/* 	overflow: hidden; */
/* 	position: absolute; */
/* 	text-shadow: #333 1px 1px 1px; */
/* 	word-break: keep-all; */
/* 	pointer-events: none; */
/* 	box-sizing: border-box; */
/* } */

#layout_A {padding-bottom:60px; position:relative;}
#layout_A #main_graph {width:720px; height:481px; float:left; overflow:hidden; position:relative;}
#layout_A #main_graph>div.graph_treemap {/*height:440px;*/ height:556px;}
/* #layout_A #main_graph>div.graph_map {height:481px;z-index:0;position:relaitve;} */
#layout_A #sub_graph {width:520px; float:left;}/* height:300px; */
#layout_A #sub_legend01 {width:210px; float:left; display: none;}/* height:220px; */
#layout_A #sub_legend01 .country_select {width:208px; height:259px;}
#layout_A #sub_legend02 {width:210px; height:220px; float:left; display: none; /* background:#eee; */}
#layout_A #sub_legend02 .country_select {width:208px; height:259px;}
/*#layout_A #updown_tbl {width:420px; height:189px; float:left; margin:0 0 0 20px;}*/
#layout_A #rank {width:220px; height:481px; float:left; margin:0 0 30px 20px;}
#layout_A #rank .country_select {width:218px; height:459px;}
#layout_A hr {clear:both; display:block; height:2px; border:0; background-color:#191919; margin:0 0 25px 0;}

.sub_legend {position:relative; padding-top:15px; float:left;}
.sub_legend .legend_top {height:20px; border-bottom:1px solid #ccc;}
.sub_legend .legend_top h4 {float:left; position:relative; margin-top:-4px; font-size:13px;}
/*.sub_legend .legend_top span.bar {float:left; padding-left:5px; padding-top:1px;}*/
/* .sub_legend .legend_top .country_modify {float:left; padding-left:5px;} */
/* .sub_legend .legend_top .country_modify a {display:block; cursor:pointer;} */
/* .sub_legend .legend_top .country_modify a img {display:block; float:left;} */
.sub_legend .legend_top span.unit {/* display:block; */ float:right; font-family:'tahoma','dotum'; font-size:11px; text-align:right; position:relative; -webkit-margin-before:-1px;}
.sub_legend .legend_list {max-height:460px; overflow-y:auto;}
.sub_legend .legend_list ul li {font-family:'tahoma','dotum'; color:#888; height:22px; border-bottom:1px solid #d7d7d7; /* cursor:pointer; */}
.sub_legend .legend_list span.country {/* display:block; */ width:140px; float:left; font-size:12px; letter-spacing:-1px; padding-top:5px; -webkit-padding-before:3px;}
.sub_legend .legend_list span.count {/* display:block; */ width:69px; float:left; font-size:11px; text-align:right; padding-top:3px; padding-right:1px;}

/* line_legend */
.line_legend {width:100%;}
.line_legend ul {width:100%; text-align:center;}
.line_legend ul li {display:inline-block;}
.line_legend ul li a {display:block; font-family:'dotum'; font-size:11px; line-height:15px;}
.line_legend ul li span.line_legend_rect {display:inline-block; width:12px; height:12px; background:blue; position:relative; margin-bottom:-2px;}
.line_legend ul li span.country_name {display:inline-block; padding:0 6px 0 3px;}
/* body { */
/*   font: 10px sans-serif; */
/* } */

/* .axis path,.axis line {fill: none;stroke: #000;shape-rendering: crispEdges;} */

/* .bar {fill: steelblue;} */


/* .axis text {font: 15px sans-serif;} */

/* .axis path {} */
/* No fill, No stroke for x axis. */
/* .y.axis path {fill: none;stroke: none;} */
/* .x.axis path {fill: Aquamarine;fill-opacity: 0.4;stroke: black;stroke-width: 1;opacity: 0.2;shape-rendering: crispEdges;} */

/* .axis line {stroke: gray;stroke-width: 1;opacity: 0.2;shape-rendering: crispEdges;} */

/* .line {fill: none;stroke: DarkGreen;stroke-width: 1.5px;} */

/* .grid .tick {stroke: black;opacity: 1;stroke-width: 1;} */

/* .grid path {fill: None;opacity: 0;stroke: #000;shape-rendering: crispEdges;} */



/* .axis--y path {display: none;} */

/* .axis--x path {  fill: Aquamarine;  fill-opacity: 0.4;  stroke: black;  stroke-width: 1;  opacity: 0.2;  shape-rendering: crispEdges;} */

/* .line {  fill: none;  stroke: steelblue;   stroke-width: 2.5px;   shape-rendering: auto;} */

/* .axis--x line {          stroke: gray;          stroke-width: 1;          opacity: 0.2;          shape-rendering: crispEdges;    } */
    
/* .axis--y line {          stroke: gray;          stroke-width: 1;          opacity: 0.2;          shape-rendering: crispEdges;    } */

/* .circle{	stroke: none;	fill: black;} */



.country_lst{
	width:100%;
	height:auto;
	padding:1em 1.5em;
	background-color: rgba(0,0,0,0.6);
	font-size:13px;
	color:#fff;
	box-sizing:border-box;
	border-radius:0.5em;
	-webkit-border-radius:0.5em;
}
.country_lst strong{ display:block; margin-bottom:0.5em; font-size:1.4em; font-weight:400;}	
.country_lst ul{margin:0; padding:0;}
.country_lst ul li{position:relative; margin-bottom:0.35em; padding-left:1.7em; list-style:none;}
.country_lst ul li:after{ content:'';
	position:absolute; top:0.2em; left:0; width:0.9em; height:0.9em; background-color:#000;border-radius:0.45em; -webkit-border-radius:0.45em;}
      		
.country_lst ul li.kosis:after{background-color:#668f21;} 
.country_lst ul li.myIdex:after{background-color:#de3a01;} 
.country_lst ul li.koExpur:after{background-color:#57c9e4;}
.country_lst ul li.myExpur:after{background-color:#f6bd0f;}
.country_lst ul li.male:after{background-color:#4682b4;}
.country_lst ul li.female:after{background-color:#f36;}
	
.country_lst ul li p{margin:0; font-size:1em;}
		
.country_2nd{
	width:100%;
	height:auto;
	padding:1em 1.5em;
	background-color: rgba(0,0,0,0.6);
	font-size:13px;
	color:#fff;
	box-sizing:border-box;
	border-radius:0.5em;
	-webkit-border-radius:0.5em;
}
.country_2nd strong{display:block; margin-bottom:0.5em; font-size:1.4em; font-weight:400;}	
.country_2nd strong ul{margin:0; padding:0;}
.country_2nd strong ul li{position:relative; margin-bottom:0.35em; padding-left:1.7em; list-style:none;}
.country_2nd strong ul li:after{ content:'';
	position:absolute; top:0.2em; left:0; width:0.9em; height:0.9em; background-color:#000;border-radius:0.45em; -webkit-border-radius:0.45em;}
.country_2nd ul{margin:0; padding:0;}
.country_2nd ul li{position:relative; margin-bottom:0.35em; padding-left:1.7em; list-style:none;}
.country_2nd ul li:after{
	position:absolute; top:0.2em; left:0; width:0.9em; height:0.9em; background-color:#000;border-radius:0.45em; -webkit-border-radius:0.45em;}

.country_2nd strong ul li.one:after{background-color:#717aab;} 
.country_2nd strong ul li.two:after{background-color:#a0a4b9;} 
.country_2nd strong ul li.three:after{background-color:#cfacb1;} 
.country_2nd strong ul li.four:after{background-color:#d38c96;} 
.country_2nd strong ul li.five:after{background-color:#d76c7b;} 
.country_2nd strong ul li.six:after{background-color:#db4c60;} 
.country_2nd strong ul li.seven:after{background-color:#bd4253;} 
.country_2nd strong ul li.ko:after{background-color:#668f21;} 
.country_2nd strong ul li.my:after{background-color:#de3a01;} 
.country_2nd strong ul li.koEx:after{background-color:#57c9e4;} 
.country_2nd strong ul li.myEx:after{background-color:#f6bd0f;}
.country_2nd strong ul li.male:after{background-color:steelBlue;} 
.country_2nd strong ul li.female:after{background-color:#f36;}



/* 지역별 컬러  */
.country_2nd strong ul li.c_0:after{background-color:#d86665;}
.country_2nd strong ul li.c_1:after{background-color:#f2c47f;}
.country_2nd strong ul li.c_2:after{background-color:#8fbc7d;}
.country_2nd strong ul li.c_3:after{background-color:#6890ba;}
.country_2nd strong ul li.c_4:after{background-color:#969a98;}
.country_2nd strong ul li.c_5:after{background-color:#996699;}
.country_2nd strong ul li.c_6:after{background-color:#ff9933;}
.country_2nd strong ul li.c_7:after{background-color:#999966;}
.country_2nd strong ul li.c_8:after{background-color:#9999cc;}
.country_2nd strong ul li.c_9:after{background-color:#7b7b7b;}
.country_2nd strong ul li.c_10:after{background-color:#29669a;}
.country_2nd strong ul li.c_11:after{background-color:#628f49;}
.country_2nd strong ul li.c_12:after{background-color:#4f77d2;}
.country_2nd strong ul li.c_13:after{background-color:#7e5ccc;}
.country_2nd strong ul li.c_14:after{background-color:#3ea974;}
.country_2nd strong ul li.c_15:after{background-color:#34b3bb;}
.country_2nd strong ul li.c_16:after{background-color:#ab983e;}
.country_2nd strong ul li.c_17:after{background-color:#969a91;}