/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0; padding:0;
	border:0; outline:0; background:transparent;
	font-size:100%; line-height:1.5; vertical-align:baseline;
	/* word-break:keep-all; */
}
html, body {width:100%; height:100%; -webkit-text-size-adjust:none;}
ol, ul, li {list-style:none;}
address, optgroup {font-style:normal;}
img, fieldset {max-width:100%; height:auto; border:0 none; vertical-align:top;}
video {min-width:100%; max-width:100%; height:auto;}
fieldset {display:table-cell;}
input, select, textarea {position:relative; color:#000000; vertical-align:middle; resize:none;}
input, textarea {/*-webkit-appearance:none;*/ -webkit-border-radius:0;}
button {
	border:0 none; background:transparent;
	cursor:pointer;
	outline:0 !important
}
hr {display:none;}
legend, .skip {
	visibility:hidden; position:absolute; top:0; left:0;
	width:0; height:0; overflow:hidden;
	font-size:0; line-height:0;
}
table caption {
	visibility:hidden;
	width:0; height:0;
	font-size:0; text-indent:-9999px; line-height:0;
}
table {border-collapse:collapse; border-spacing:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;}
img {
	user-drag:none;user-select:none;
	-webkit-user-drag:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;
}
a {color:#28292d;}
a:visited,a:hover,a:active,a:focus {text-decoration:none; color:inherit}

/* common */
body {font-family:'Noto',sans-serif;color:#5c5e61}
/* span.block {display:block;} */
br.block {display:none}
.img-offset {margin-right:-15px; margin-left:-15px;}
.cr-gr {color:#7cb30a !important;font-weight:inherit;}
.theme-dark1{background:#191b1e;color:#f3f3f4;}
.theme-dark2{background:#1e2024;color:#f3f3f4;}
.theme-dark3{background:#2b2f33;color:#f3f3f4;}
.theme-gray1{background:#f4f4f5;color:#2b2f33;}
.theme-gray2{background:#eeebeb;color:#2b2f33;}
.theme-white1{background:#fff;color:#2b2f33;}
::selection {background:#77af06; color:#fff;}


@media screen and (min-width:767px) {
	.paddingL15{padding-left:15px;}
	.paddingL20{padding-left:20px;}
	.paddingL30{padding-left:30px;}

	.paddingR15{padding-right:15px;}
	.paddingR20{padding-right:20px;}
	.paddingR30{padding-right:30px;}
}

.JS_eleMoveBox{
	/* transform:translate(0,20%);
	-webkit-transform:translate(0,20%);
	-ms-transform:translate(0,20%); */
	/* transition:1s; */
	opacity:0;
	filter:alpha(opacity=0);
	position:relative;
	top:50px;
}
.JS_eleMoveBox:after{
	content:'';display:block;clear:both;
	font-size:0;width:0;height:0;
}
.JS_FulleleMoveBox{
	opacity:0;
	filter:alpha(opacity=0);
	position:relative;
	top:50px;
}

/* l to r */
.moveR{
	transform:translate(-20%,0);
	-webkit-transform:translate(-20%,0);
	-ms-transform:translate(-20%,0);
}
/* r to l  */
.moveL{
	transform:translate(20%,0);
	-webkit-transform:translate(20%,0);
	-ms-transform:translate(20%,0);
}
.reset{
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	opacity:1;
	filter:alpha(opacity=1);
}


.wrap-graphBox{margin-left:27px;}
.JS_graphBox{height:191px;width:80%;margin:0 auto 70px;position:relative;border:1px solid #ccc;background-size:cover;background:url('/images/graph/bg_graph_hline.png') 0 0 repeat;background-size:1px 15px;color:#9a9a9a;font-size:12px;}
.JS_graphBox .sort{position:absolute;text-align:right;bottom:-30px;left:-40px;}
.JS_graphBox .vdata{position:absolute;height:100%;left:-30px;top:-10px;}
.JS_graphBox .vdata ul{height:100%;}
.JS_graphBox .vdata ul li{}
.JS_graphBox .hdata{position:absolute;width:100%;left:calc(50% - 50%);bottom:-25px;}
.JS_graphBox .hdata ul{position:relative;}
.JS_graphBox .hdata ul li{display:inline-block;}
.JS_graphBox .hdata ul li:last-child{margin-right:0;}

.JS_graphBox .value {display:block;height:100%;width:100%;position:relative;}
.JS_graphBox .value .graph-bar {display:block;height:100%;position:absolute;}
.JS_graphBox .value .graph-bar div{width:6px;height:0;background:#c2dc8d;display:block;position:absolute;bottom:0;z-index:5;overflow:visible !important}
.JS_graphBox .value .graph-bar:before{
	content:'';display:block;position:absolute;background:url('/images/graph/bg_graph_line.png') 0 0 repeat-y;z-index:1;
	width:6px;height:100%;background-size:6px;
	}
.JS_graphBox .graph-bar span{display:block;position:absolute;opacity:0;}

.JS_graphBox.section3-graph{/* width:80%; */width:270px;height:151px;}
.JS_graphBox .graph-bar div:after{content:'';display:block;position:absolute;top:-4px;left:-1px;width:8px;height:8px;background:url('/images/graph/img_graph_dot.png') 0 0 no-repeat;z-index:9;background-size:8px;}
.JS_graphBox.section3-graph .graph-bar.g1{left:12.3%;}
.JS_graphBox.section3-graph .graph-bar.g1 span.line{top:51.5%;left:3px;width:35px;height:30px;background:url('/images/graph/img_graph1_line1.png') 0 0 no-repeat;background-size:35px;}
.JS_graphBox.section3-graph .graph-bar.g2{left:27%;}
.JS_graphBox.section3-graph .graph-bar.g2 span.line{top:28%;left:4px;width:35px;height:30px;background:url('/images/graph/img_graph1_line2.png') 0 0 no-repeat;background-size:35px;}
.JS_graphBox.section3-graph .graph-bar.g3{left:41.2%;}
.JS_graphBox.section3-graph .graph-bar.g3 span.line{top:9.5%;left:4px;width:35px;height:30px;background:url('/images/graph/img_graph1_line3.png') 0 0 no-repeat;background-size:35px;}
.JS_graphBox.section3-graph .graph-bar.g4{left:55.7%;}
.JS_graphBox.section3-graph .graph-bar.g4 span.line{top:10%;left:6px;width:35px;height:110px;background:url('/images/graph/img_graph1_line4.png') 0 0 no-repeat;background-size:35px;}
.JS_graphBox.section3-graph .graph-bar.g5{left:70.8%;}
.JS_graphBox.section3-graph .graph-bar.g5 span.line{top:80%;left:4px;width:35px;height:30px;background:url('/images/graph/img_graph1_line5.png') 0 0 no-repeat;background-size:35px;}
.JS_graphBox.section3-graph .graph-bar.g6{left:85.4%;}
.JS_graphBox.section3-graph .sort{}/* 구분위치 */
.JS_graphBox.section3-graph .vdata{}/* 구분위치 */
.JS_graphBox.section3-graph .vdata li{margin-bottom:12px;}
.JS_graphBox.section3-graph .hdata{}/* 구분위치 */
.JS_graphBox.section3-graph .hdata ul li{position:absolute;bottom:0;}
.JS_graphBox.section3-graph .hdata ul li:nth-child(1){left:11%}
.JS_graphBox.section3-graph .hdata ul li:nth-child(2){left:25.9%}
.JS_graphBox.section3-graph .hdata ul li:nth-child(3){left:40.2%}
.JS_graphBox.section3-graph .hdata ul li:nth-child(4){left:54%}
.JS_graphBox.section3-graph .hdata ul li:nth-child(5){left:69.5%}
.JS_graphBox.section3-graph .hdata ul li:nth-child(6){left:84.5%}
/* .JS_graphBox.section3-graph .line-graph{width:100%;height:100%;background:url('/images/img_graph_line1.png') 50% 50% no-repeat;position:absolute;top:0;left:0;z-index:5;opacity:0;} */

.section-panel .panel-slide.s1 .wrap-graphBox{margin-left:0;}
.JS_graphBox.section3-panel-graph1{/* width:42.2%; */width:240px;height:151px;margin:0 auto 40px;}
.JS_graphBox.section3-panel-graph1 .graph-bar.g1{left:13.2%}
.JS_graphBox.section3-panel-graph1 .graph-bar.g1 span.line{top:9%;left:3px;width:45px;height:45px;background:url('/images/graph/img_graph2_line1.png') 0 0 no-repeat;background-size:45px;}
.JS_graphBox.section3-panel-graph1 .graph-bar.g2{left:32%}
.JS_graphBox.section3-panel-graph1 .graph-bar.g2 span.line{top:40%;left:3px;width:44px;height:24px;background:url('/images/graph/img_graph2_line2.png') 0 0 no-repeat;background-size:44px;}
.JS_graphBox.section3-panel-graph1 .graph-bar.g3{left:49.4%}
.JS_graphBox.section3-panel-graph1 .graph-bar.g3 span.line{top:55.5%;left:3px;width:44px;height:24px;background:url('/images/graph/img_graph2_line3.png') 0 0 no-repeat;background-size:44px;}
.JS_graphBox.section3-panel-graph1 .graph-bar.g4{left:66.5%}
.JS_graphBox.section3-panel-graph1 .graph-bar.g4 span.line{top:70%;left:3px;width:44px;height:15px;background:url('/images/graph/img_graph2_line4.png') 0 0 no-repeat;background-size:44px;}
.JS_graphBox.section3-panel-graph1 .graph-bar.g5{left:83.6%;}
.JS_graphBox.section3-panel-graph1 .graph-bar.g5 span.line{top:51.5%;left:3px;width:35px;height:17px;background:url('/images/graph/img_graph2_line5.png') 0 0 no-repeat;background-size:35px;}
.JS_graphBox.section3-panel-graph1 .graph-bar.g5 span.pic{top:21%;left:13px;width:10px;height:24px;background:url('/images/graph/img_graph2_people.png') 0 0 no-repeat;background-size:10px;}
.JS_graphBox.section3-panel-graph1 .vdata li{margin-bottom:12px;}
.JS_graphBox.section3-panel-graph1 .hdata ul li{position:absolute;bottom:0;color:#84b819;}
.JS_graphBox.section3-panel-graph1 .hdata ul li:nth-child(1){left:11.5%}
.JS_graphBox.section3-panel-graph1 .hdata ul li:nth-child(2){left:28%}
.JS_graphBox.section3-panel-graph1 .hdata ul li:nth-child(3){left:43%}
.JS_graphBox.section3-panel-graph1 .hdata ul li:nth-child(4){left:58.5%}
.JS_graphBox.section3-panel-graph1 .hdata ul li:nth-child(5){left:78%}

.JS_graphBox.section3-graph2{width:50%;min-width:205px;height:150px;}
.JS_graphBox.section3-graph2 .graph-bar div:after{display:none;}
.JS_graphBox.section3-graph2 .graph-bar.g1{left:10%}
.JS_graphBox.section3-graph2 .graph-bar.g2{left:18.5%}
.JS_graphBox.section3-graph2 .graph-bar.g3{left:27%}
.JS_graphBox.section3-graph2 .graph-bar.g4{left:35.5%}
.JS_graphBox.section3-graph2 .graph-bar.g5{left:44.5%}
.JS_graphBox.section3-graph2 .graph-bar.g6{left:53%}
.JS_graphBox.section3-graph2 .graph-bar.g7{left:61.5%}
.JS_graphBox.section3-graph2 .graph-bar.g8{left:70%}
.JS_graphBox.section3-graph2 .graph-bar.g9{left:78.5%}
.JS_graphBox.section3-graph2 .graph-bar.g10{left:87%;}
.JS_graphBox.section3-graph2 .graph-bar.g6 div,
.JS_graphBox.section3-graph2 .graph-bar.g7 div,
.JS_graphBox.section3-graph2 .graph-bar.g8 div,
.JS_graphBox.section3-graph2 .graph-bar.g9 div,
.JS_graphBox.section3-graph2 .graph-bar.g10 div{background:#cacaca}
.JS_graphBox.section3-graph2 .sort {font-size:10px;left:-60px}
.JS_graphBox.section3-graph2 .vdata {left:-20px}
.JS_graphBox.section3-graph2 .vdata li{margin-bottom:-3px;}
.JS_graphBox.section3-graph2 .hdata ul li{
	position:absolute;top:-20px;color:#84b819;
	height:50px;width:15px;line-height:14px;
	/*letter-spacing:-4px;
	writing-mode:vertical-lr;
	-webkit-writing-mode:vertical-lr;
	-moz-writing-mode:vertical-lr;
	-o-writing-mode:vertical-lr;
	-ms-writing-mode:tb-lr;*/
	}
.JS_graphBox.section3-graph2 .hdata ul li:nth-child(1){left:7.5%}
.JS_graphBox.section3-graph2 .hdata ul li:nth-child(2){left:18%}
.JS_graphBox.section3-graph2 .hdata ul li:nth-child(3){left:25.8%}
.JS_graphBox.section3-graph2 .hdata ul li:nth-child(4){left:33.5%}
.JS_graphBox.section3-graph2 .hdata ul li:nth-child(5){left:43%}
.JS_graphBox.section3-graph2 .hdata ul li:nth-child(6){left:50.5%;color:#9a9a9a}
.JS_graphBox.section3-graph2 .hdata ul li:nth-child(7){left:59.5%;color:#9a9a9a}
.JS_graphBox.section3-graph2 .hdata ul li:nth-child(8){left:68.9%;color:#9a9a9a}
.JS_graphBox.section3-graph2 .hdata ul li:nth-child(9){left:77.3%;color:#9a9a9a}
.JS_graphBox.section3-graph2 .hdata ul li:nth-child(10){left:84.8%;color:#9a9a9a}


.JS_graphBox.section3-panel-graph2{width:220px;height:150px;margin-bottom:50px;}
.JS_graphBox.section3-panel-graph2 .graph-bar div{background:#cacaca}
.JS_graphBox.section3-panel-graph2 .graph-bar div:after{display:none;}
.JS_graphBox.section3-panel-graph2 .graph-bar.g1{left:13.2%}
.JS_graphBox.section3-panel-graph2 .graph-bar.g2{left:30%}
.JS_graphBox.section3-panel-graph2 .graph-bar.g3{left:47.4%}
.JS_graphBox.section3-panel-graph2 .graph-bar.g4{left:64.5%}
.JS_graphBox.section3-panel-graph2 .graph-bar.g5{left:81.6%}
.JS_graphBox.section3-panel-graph2 .vdata li{margin-bottom:-3px;}
.JS_graphBox.section3-panel-graph2 .hdata ul li{position:absolute;bottom:0;}
.JS_graphBox.section3-panel-graph2 .hdata ul li:nth-child(1){left:7.5%}
.JS_graphBox.section3-panel-graph2 .hdata ul li:nth-child(2){left:25%}
.JS_graphBox.section3-panel-graph2 .hdata ul li:nth-child(3){left:41%}
.JS_graphBox.section3-panel-graph2 .hdata ul li:nth-child(4){left:57.5%}
.JS_graphBox.section3-panel-graph2 .hdata ul li:nth-child(5){left:78%}

.JS_graphBox.section3-panel-graph3{width:220px;height:150px;margin-top:40px;}
.JS_graphBox.section3-panel-graph3 .graph-bar div{background:#cacaca}
.JS_graphBox.section3-panel-graph3 .graph-bar div:after{display:none;}
.JS_graphBox.section3-panel-graph3 .graph-bar.g1{left:7.9%}
.JS_graphBox.section3-panel-graph3 .graph-bar.g2{left:24.3%}
.JS_graphBox.section3-panel-graph3 .graph-bar.g3{left:40.7%}
.JS_graphBox.section3-panel-graph3 .graph-bar.g4{left:56.9%}
.JS_graphBox.section3-panel-graph3 .graph-bar.g5{left:73.3%}
.JS_graphBox.section3-panel-graph3 .graph-bar.g6{left:89%}
.JS_graphBox.section3-panel-graph3 .vdata li{margin-bottom:-3px;}
.JS_graphBox.section3-panel-graph2 .hdata ul li,
.JS_graphBox.section3-panel-graph3 .hdata ul li{position:absolute;bottom:-30px;color:#84b819;height:45px;font-size:11px;}
/* .JS_graphBox.section3-panel-graph2 .hdata .gene,
.JS_graphBox.section3-panel-graph3 .hdata .gene{display:inline-block;} */
.JS_graphBox.section3-panel-graph3 .hdata ul li:nth-child(1){left:2%}
.JS_graphBox.section3-panel-graph3 .hdata ul li:nth-child(2){left:15.5%}
.JS_graphBox.section3-panel-graph3 .hdata ul li:nth-child(3){left:35.5%}
.JS_graphBox.section3-panel-graph3 .hdata ul li:nth-child(4){left:51%}
.JS_graphBox.section3-panel-graph3 .hdata ul li:nth-child(5){left:67%}
.JS_graphBox.section3-panel-graph3 .hdata ul li:nth-child(6){left:81%}
.JS_graphBox.section3-panel-graph3 .hdata ul li span{font-size:12px;}

.JS_graphBox.section3-panel-graph2 .graph-bar.g1 div,
.JS_graphBox.section3-panel-graph3 .graph-bar.g1 div{background:#e0edc6}
.JS_graphBox.section3-panel-graph2 .graph-bar.g2 div,
.JS_graphBox.section3-panel-graph3 .graph-bar.g2 div{background:#daeabb}
.JS_graphBox.section3-panel-graph2 .graph-bar.g3 div,
.JS_graphBox.section3-panel-graph3 .graph-bar.g3 div{background:#cbe19e}
.JS_graphBox.section3-panel-graph2 .graph-bar.g4 div,
.JS_graphBox.section3-panel-graph3 .graph-bar.g4 div{background:#cbe19f}
.JS_graphBox.section3-panel-graph2 .graph-bar.g5 div,
.JS_graphBox.section3-panel-graph3 .graph-bar.g5 div{background:#b4d178}
.JS_graphBox.section3-panel-graph3 .graph-bar.g6 div{background:#b4d178}

.JS_graphBox.section3-graph4{width:91.1%;}
.JS_graphBox.section3-graph4 .graph-bar div:after{display:none;}
.JS_graphBox.section3-graph4 .graph-bar.g1 div,
.JS_graphBox.section3-graph4 .graph-bar.g3 div,
.JS_graphBox.section3-graph4 .graph-bar.g5 div{background:#d9d9d9;}
.JS_graphBox.section3-graph4 .graph-bar.g1{left:14.3%;}
.JS_graphBox.section3-graph4 .graph-bar.g2{left:21.9%;}
.JS_graphBox.section3-graph4 .graph-bar.g3{left:44.9%;}
.JS_graphBox.section3-graph4 .graph-bar.g4{left:52.7%;}
.JS_graphBox.section3-graph4 .graph-bar.g5{left:75.6%;}
.JS_graphBox.section3-graph4 .graph-bar.g6{left:83%;}
.JS_graphBox.section3-graph4 .hdata ul li{position:absolute;bottom:0;color:#84b819;}
.JS_graphBox.section3-graph4 .hdata ul li:nth-child(1){left:16%;}
.JS_graphBox.section3-graph4 .hdata ul li:nth-child(2){left:46.5%;}
.JS_graphBox.section3-graph4 .hdata ul li:nth-child(3){left:77%;}
.JS_graphBox.section3-graph4 .vdata {left:-50px;}
.JS_graphBox.section3-graph4 .vdata li{margin-bottom:38px;}
.JS_graphBox.section3-graph4 .value .range{position:absolute;z-index:10;left:-15px;}
.JS_graphBox.section3-graph4 .value .g1 .range{top:50%;}
.JS_graphBox.section3-graph4 .value .g2 .range{top:22%;color:#84b819;}
.JS_graphBox.section3-graph4 .value .g3 .range{top:30%;}
.JS_graphBox.section3-graph4 .value .g4 .range{top:3%;color:#84b819;}
.JS_graphBox.section3-graph4 .value .g5 .range{top:23%;}
.JS_graphBox.section3-graph4 .value .g6 .range{top:11%;color:#84b819;}

.fs62-35{font-size:35px;line-height:35px;}
.fs48-30{font-size:30px;line-height:30px;}
.fs38-19{font-size:19px;line-height:24px;}
.fs36-16{font-size:16px;line-height:20px;}
.fs34-19{font-size:19px;line-height:24px;}
.fs24-16{font-size:16px;line-height:20px;}
.fs18-14{font-size:14px;line-height:20px;}
.fs15{font-size:15px;line-height:27px;}

.commercial-graph{height:232px;width:250px;border:0 none;margin-bottom: 0 !important}
.commercial-graph.g1{background: url('/images/product/commercial/bg_section3_graph1.png') 0 0 no-repeat;background-size: ;}
.commercial-graph.g2{background: url('/images/product/commercial/bg_section3_graph2.png') 0 0 no-repeat;background-size: ;}
.commercial-graph .value .graph-bar:before{display:none;}
.commercial-graph .value .graph-bar > div{width:35px;bottom:47px;}
.commercial-graph .graph-bar div:after{display:none;}
.commercial-graph .graph-bar.g1{left:15%;}
.commercial-graph .graph-bar.g2{left:42%;}
.commercial-graph .graph-bar.g1 div{background:rgba(206,206,206,.8);mix-blend-mode:darken}
.commercial-graph .graph-bar.g2 div{background:rgba(124,179,10,.8);mix-blend-mode:darken}


@media screen and (min-width:767px)	{
	.wrap-graphBox{margin-left:25px;}
	.JS_graphBox{height:302px;margin:0 auto 80px;background-size:auto;font-size:15px;}
		.JS_graphBox .sort{bottom:-40px;left:-50px;}
		.JS_graphBox .vdata{left:-40px;top:-12px;}
		.JS_graphBox .hdata{left:calc(50% - 50%);bottom:-30px;}
		.JS_graphBox .value .graph-bar > div{width:11px;}
		.JS_graphBox .value .graph-bar:before{width:12px;}
		.JS_graphBox .value .graph-bar:before{background-size:auto;}
		.JS_graphBox .graph-bar div:after{top:-8px;left:-2px;width:16px;height:16px;background-size:auto;}

		/* graph 1 */
		.JS_graphBox.section3-graph{height:301px;width:68%;max-width:none;}
		.JS_graphBox.section3-graph .vdata li{margin-bottom:38px;}
		.JS_graphBox.section3-graph .graph-bar.g1 span.line{top:50%;left:5px;width:71px;height:61px;background-size:auto;}
		.JS_graphBox.section3-graph .graph-bar.g2 span.line{top:29.5%;left:6px;width:69px;height:64px;background-size:auto;}
		.JS_graphBox.section3-graph .graph-bar.g3 span.line{top:10.5%;left:6px;width:70px;height:59px;background-size:auto;}
		.JS_graphBox.section3-graph .graph-bar.g4 span.line{top:10.5%;left:7px;width:70px;height:210px;background-size:auto;}
		.JS_graphBox.section3-graph .graph-bar.g5 span.line{top:80%;left:7px;width:70px;height:210px;background-size:auto;}

		/* graph 2 */
		.section-panel .panel-slide.s1 .wrap-graphBox{margin-left:25px;}
		.JS_graphBox.section3-panel-graph1{height:301px;width:68%;max-width:none;margin-bottom:80px;}
		.JS_graphBox.section3-panel-graph1 .vdata li{margin-bottom:37px;}
		.JS_graphBox.section3-panel-graph1 .graph-bar.g1 span.line{top:10%;left:5px;width:89px;height:90px;background-size:auto;}
		.JS_graphBox.section3-panel-graph1 .graph-bar.g2 span.line{top:40%;left:5px;width:87px;height:47px;background-size:auto;}
		.JS_graphBox.section3-panel-graph1 .graph-bar.g3 span.line{top:55%;left:5px;width:88px;height:48px;background-size:auto;}
		.JS_graphBox.section3-panel-graph1 .graph-bar.g4 span.line{top:70%;left:5px;width:88px;height:30px;background-size:auto;}
		.JS_graphBox.section3-panel-graph1 .graph-bar.g5 span.line{top:50%;left:5px;width:69px;height:33px;background-size:auto;}
		.JS_graphBox.section3-panel-graph1 .graph-bar.g5 span.pic{top:23%;left:22px;width:19px;height:47px;background-size:auto;}

		/* graph3 */
		.JS_graphBox.section3-graph2{height:301px;width:78.5%;}
		.JS_graphBox.section3-graph2 .vdata {left:-30px;}
		.JS_graphBox.section3-graph2 .vdata li{margin-bottom:8px;}
		.JS_graphBox.section3-graph2 .sort {font-size:14px;bottom:-32px;left:-97px;}
		.JS_graphBox.section3-graph2 .hdata ul li{
			top:-20px;letter-spacing:0;
			width:auto;height:auto;line-height:normal;
			/*writing-mode:inherit;
			-webkit-writing-mode:inherit;
			-moz-writing-mode:inherit;
			-o-writing-mode:inherit;
			-ms-writing-mode:inherit;*/
		}

		/* graph4 */
		.JS_graphBox.section3-graph3{height:301px;width:78.5%;}
		.JS_graphBox.section3-graph3 .vdata {left:-30px;}
		.JS_graphBox.section3-graph3 .vdata li{margin-bottom:8px;}
		.JS_graphBox.section3-graph3 .sort {font-size:14px;bottom:-32px;left:-97px;}

		/* graph5 */
		.JS_graphBox.section3-panel-graph2,
		.JS_graphBox.section3-panel-graph3{height:241px;width:78.5%;background-size:auto 40px;margin-top:30px;}
		.JS_graphBox.section3-panel-graph2 .vdata li,
		.JS_graphBox.section3-panel-graph3 .vdata li{margin-bottom:18px;}
		.JS_graphBox.section3-panel-graph2 .hdata ul li,
		.JS_graphBox.section3-panel-graph3 .hdata ul li{font-size:13px;}
		.JS_graphBox.section3-panel-graph3 .hdata ul li:nth-child(6){width:80px;}

		.commercial-graph{height:232px;width:250px;border:0 none;margin:0 !important;}
		.commercial-graph .value .graph-bar > div{width:35px;bottom:47px;}

}
@media screen and (min-width:992px)	{
	.JS_graphBox.section3-graph{width:51.333%;}
	.JS_graphBox.section3-panel-graph1{width:51.333%;}
	.JS_graphBox.section3-graph2,
	.JS_graphBox.section3-graph3{height:301px;width:67.5%;}
	.JS_graphBox.section3-graph2{/* margin-left:10%; */}

	.JS_graphBox.section3-panel-graph2 .hdata ul li,
	.JS_graphBox.section3-panel-graph3 .hdata ul li{font-size:15px;}

}
@media screen and (min-width:1200px) {
	.JS_graphBox.section3-graph{width:42.333%;}
	.JS_graphBox.section3-panel-graph1{width:42.333%;}
	.JS_graphBox.section3-graph2,
	.JS_graphBox.section3-graph3{height:301px;width:58.5%;}
	.JS_graphBox.section3-graph2{}
	.JS_graphBox.section3-panel-graph2,
	.JS_graphBox.section3-panel-graph3{width:65.5%;}

	.fs62-35{font-size:62px;line-height:74px;}
	.fs48-30{font-size:48px;line-height:60px;}
	.fs38-19{font-size:38px;line-height:50px;}
	.fs36-16{font-size:36px;line-height:38px;}
	.fs34-19{font-size:34px;line-height:46px;}
	.fs24-16{font-size:24px;line-height:36px;}
	.fs18-14{font-size:18px;line-height:30px;}
	.fs15{font-size:15px;line-height:27px;}

}


/*.notiPopup{position:absolute;top:64px;height:100%;}*/
.notiPopup{position:absolute;top:64px;}
.notiPopup .container .pop{position:relative;margin:50px 0 0;padding:5px;z-index: 9;}
.notiPopup .container .pop img{width:100%;}
.btn-close{position:absolute;bottom:10px;right:10px;}
.btn-close button{background:url('/images/img_noti_close.png') 0 50% no-repeat;font-size:14px;color:#ccc;padding-left: 15px;box-sizing:border-box;}
.btn-today{background:#4d4d4d;color:#fff;font-size:14px;padding:5px 10px;text-align:left;}
.btn-today input[type="checkbox"]{/* width:20px;height:20px;background:#fff;border:1px solid #ccc;vertical-align:middle */}
.btn-today span{display:inline-block;vertical-align:middle;margin-left:5px;font-weight: 400;}

.btn-today input[type="checkbox"]{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0}
.btn-today input[type="checkbox"] + label{display: inline-block;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.btn-today input[type="checkbox"] + label:before{
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 14px;
	margin: 0 5px 0 0;
	text-align: center;
	vertical-align: middle;
	background:#fff url('../images/check_off.jpg') 0 0 no-repeat;
}
.btn-today input[type="checkbox"]:checked + label:before{ background:#000 url('../images/check_on.jpg') 0 0 no-repeat;}

@media screen and (max-width:767px){
	.notiPopup{width:100%;}
	.notiPopup .container .pop{width:auto !important;text-align:center}
}
@media screen and (min-width:767px){
	.notiPopup .container .pop{left:auto !important}
}

.word-br{word-break: keep-all;}