/* show animation */
*[class*="mt-act"] { opacity: 0; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -ms-transition: all .2s ease-out; }
*[class*="mt-act-fast"] { opacity: 0; transition: all .1s ease-out; -webkit-transition: all .1s ease-out; -ms-transition: all .1s ease-out; }
*[class*="mt-act"][class$="-left"] { transform: translateX(-50px); -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); -moz-transform: translateX(-50px); }
*[class*="mt-act"][class$="-right"] { transform: translateX(100px); -webkit-transform: translateX(100px); -ms-transform: translateX(100px); -moz-transform: translateX(100px); }
*[class*="mt-act"][class$="-top"] { transform: translateY(-30px); -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -moz-transform: translateY(-30px); }
*[class*="mt-act"][class$="-bottom"] { transform: translateY(50px); -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -moz-transform: translateY(50px); }
*[class*="mt-act"][class$="-bottom2"] { transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); -moz-transform: translateY(20px); }
.active *[class*="mt-act"] { opacity: 1; }
.active *[class*="mt-act"][class$="-left"], 
.active *[class*="mt-act"][class$="-right"] { transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); }
.active *[class*="mt-act"][class$="-top"],
.active *[class*="mt-act"][class$="-bottom"],
.active *[class*="mt-act"][class$="-bottom2"] { transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); }
.active *[class*="mt-act1"] { transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-duration: 0.7s;}
.active *[class*="mt-act2"] { transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-duration:  0.7s;}
.active *[class*="mt-act3"] { transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-duration:  0.7s; }
.active *[class*="mt-act4"] { transition-delay: 0.8s; -webkit-transition-delay: 0.8s; transition-duration:  0.7s; }
.active *[class*="mt-act5"] { transition-delay: 1s; -webkit-transition-delay: 1s; transition-duration: 0.7s; }
.active *[class*="mt-act6"] { transition-delay: 1.2s; -webkit-transition-delay: 1.2s; transition-duration: 0.7s; }
.active *[class*="mt-act7"] { transition-delay: 1.4s; -webkit-transition-delay: 1.4s; transition-duration: 0.7s; }
.active *[class*="mt-act8"] { transition-delay: 1.6s; -webkit-transition-delay: 1.6s; transition-duration: 0.7s; }
.active *[class*="mt-act9"] { transition-delay: 1.8s; -webkit-transition-delay: 1.8s; transition-duration: 0.7s; }
.active *[class*="mt-act10"] { transition-delay: 2s; -webkit-transition-delay: 2s; transition-duration: 0.7s; }
.active *[class*="mt-act11"] { transition-delay: 2.2s; -webkit-transition-delay: 2.2s; transition-duration: 0.7s; }
.active *[class*="mt-act12"] { transition-delay: 2.4s; -webkit-transition-delay: 2.4s; transition-duration: 0.7s; }
.active *[class*="mt-act13"] { transition-delay: 2.6s; -webkit-transition-delay: 2.6s; transition-duration: 0.7s; }
.active *[class*="mt-act-fast1"] { transition-delay: 0s; -webkit-transition-delay: 0s; transition-duration: 0.7s; }
.active *[class*="mt-act-fast2"] { transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-duration: 0.5s;}
.active *[class*="mt-act-fast3"] { transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-duration: 0.5s;}
.active *[class*="mt-act-fast4"] { transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-duration: 0.5s;}
.active *[class*="mt-act-fast5"] { transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-duration: 0.5s;}
.active *[class*="mt-act-fast6"] { transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-duration: 0.5s;}
.active *[class*="mt-act-fast7"] { transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-duration: 0.5s;}
.active *[class*="mt-act-fast8"] { transition-delay: 0.7s; -webkit-transition-delay: 0.7s; transition-duration: 0.5s;}
.active *[class*="mt-act-fast9"] { transition-delay: 0.8s; -webkit-transition-delay: 0.8s; transition-duration: 0.5s;}
.active *[class*="mt-act-fast10"] { transition-delay: 0.9s; -webkit-transition-delay: 0.9s; transition-duration: 0.5s;}
.active *[class*="mt-act-fast11"] { transition-delay: 1s; -webkit-transition-delay: 1s; transition-duration: 0.5s;}
.active *[class*="mt-act-fast12"] { transition-delay: 1.1s; -webkit-transition-delay: 1.1s; transition-duration: 0.5s;}
.active *[class*="mt-act-fast13"] { transition-delay: 1.2s; -webkit-transition-delay: 1.2s; transition-duration: 0.5s;}

*[class*="mt2-act"] { opacity: 0; transition: all .8s ease-out; -webkit-transition: all .8s ease-out; -ms-transition: all .5s ease-out;  -webkit-transform:scale(1.3);  transform:scale(1.3);}
.active *[class*="mt2-act"] { opacity: 1; -webkit-transform:scale(1);  transform:scale(1);  }
.active *[class*="mt2-act1"] { transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-duration:  0.7s;}
.active *[class*="mt2-act2"] { transition-delay: 0.7s; -webkit-transition-delay: 0.7s; transition-duration:  0.7s; }
.active *[class*="mt2-act3"] { transition-delay: 1.1s; -webkit-transition-delay: 1.1s; transition-duration: 0.7s; }
.active *[class*="mt2-act4"] { transition-delay: 1.5s; -webkit-transition-delay: 1.5s; transition-duration: 0.7s; }
.active *[class*="mt2-act5"] { transition-delay: 1.9s; -webkit-transition-delay: 1.9s; transition-duration: 0.7s; }
.active *[class*="mt2-act6"] { transition-delay: 2.3s; -webkit-transition-delay: 2.3s; transition-duration: 0.7s; }


.graph01_list_box{opacity: 0; transform: translateX(-20px); -webkit-transform: translateX(-20px); transition: 0.3s; -webkit-transition: 0.3s; transition-delay: 1s; -webkit-transition-delay: 1s; transition-duration: 0.7s;}
.graph01_list_box.active{opacity: 1; transform: translate(0); -webkit-transform: translate(0);}


.stats_box { padding:1rem 0rem; }
.stats_box .logo { text-align:center; }
.stats_box h2 { text-align:center; font-size:30px; color:#333; padding:1rem 0; word-break:keep-all;  }
.stats_box > ul { padding:0.5rem 1rem; }
.stats_box > ul li {position:relative; padding:0.25rem 0 0.25rem 0.9rem; font-size:0.7.5rem; line-height:1.6; color:#666666; }
.stats_box > ul li:before {content:''; position:absolute; top:0.5rem; left:0;   background:url(/ubin_old_file/images/web/ubin/sub/stats_bul.png) no-repeat; width:12px; height:12px;}
.stats_box .graph_box { margin:1rem 0 0;background:#faf9f9; padding:2rem 1.5rem; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); text-align:center; overflow: hidden;} /* 210219수정 */
.stats_box .graph_box h3 { text-align:center; font-size:22px; color:#333; position:relative;   font-weight:600;    display: inline-block;}
.stats_box .graph_box h3 span{ position:relative; }
.stats_box .graph_box h3:before { position:absolute; left:0; bottom:0; width:100%; height:0.6rem; border-radius:0.6rem; background:url(/ubin_old_file/images/web/ubin/sub/stats_tit2_bg.png)repeat; content:''; }
.stats_box .graph_box > p { margin:2rem 0; text-align:left; }
.stats_box .graph_box h4{text-align: center; margin-bottom: 1.5rem; font-size: 1rem;}

.stats_box .graph_box .graph01 { height:450px; width:1020px; position:relative; margin:0 auto;}
.stats_box .graph_box .graph01 p { position:absolute; }
.stats_box .graph_box .graph01 .graph01_img { position:absolute; }
.stats_box .graph_box .graph01 .graph01_01 p { top:10px; left:90px; }
.stats_box .graph_box .graph01 .graph01_02 p { top:275px; left:90px; }
.stats_box .graph_box .graph01 .graph01_03 p { top:340px; left:90px; }
.stats_box .graph_box .graph01 .graph01_04 p { top:305px; left:90px; }
.stats_box .graph_box .graph01 .graph01_05 p { top:125px; left:90px; }
.stats_box .graph_box .graph01 .graph01_06 p { top:177px; left:90px; }

.stats_box .graph01_list_box { background:#fff; padding:2rem 1rem; border:1px solid #dbdbdd; box-sizing:border-box; margin:0.5rem 0 0;}
.stats_box .graph01_list_box ul { margin:0 auto; text-align:center;}
.stats_box .graph01_list_box ul li { display: inline-block; margin-right:1rem; padding-left:1.2rem; }
.stats_box .graph01_list_box ul li.num01 { background:url(/ubin_old_file/images/web/ubin/sub/stats_01_list1.jpg)no-repeat 0 3px;  }
.stats_box .graph01_list_box ul li.num02 { background:url(/ubin_old_file/images/web/ubin/sub/stats_01_list2.jpg)no-repeat 0 3px;  }
.stats_box .graph01_list_box ul li.num03 { background:url(/ubin_old_file/images/web/ubin/sub/stats_01_list3.jpg)no-repeat 0 3px;  }
.stats_box .graph01_list_box ul li.num04 { background:url(/ubin_old_file/images/web/ubin/sub/stats_01_list4.jpg)no-repeat 0 3px;  }
.stats_box .graph01_list_box ul li.num05 { background:url(/ubin_old_file/images/web/ubin/sub/stats_01_list5.jpg)no-repeat 0 3px;  }
.stats_box .graph01_list_box ul li.num06 { background:url(/ubin_old_file/images/web/ubin/sub/stats_01_list6.jpg)no-repeat 0 3px;  }

/* stats_02_인구수 변화 */
.stats_box .graph_box.box02{background: #f0f8ff; border-top: 2px solid #0d47a1; border-bottom: 2px solid #0d47a1;}
.stats_box .graph_box.box02 h3 p{display: inline-block; padding: 0.5rem 1.5rem; background: #0d47a1; border-radius: 1.5rem; font-size: 1.1rem; color: #fff; font-weight: 400;}
.stats_box .graph_box.box02 h3:before{display: none;}
.stats_box .graph_box .graph02{width: 1023px; height: 740px; position: relative;}
.stats_box .graph_box .graph02 p { position:absolute; }

/* 1번그래프 */
.stats_box .graph_box .graph02 .graph02_img { position:absolute; }
.stats_box .graph_box .graph02 .graph02_line { position:absolute; left: 9rem; top: 2.4rem; z-index: 10;}
.stats_box .graph_box .graph02 .graph02_01 p { bottom: 2.8rem; left:7.5rem; }
.stats_box .graph_box .graph02 .graph02_02 p { bottom: 2.8rem; left:15.1rem; }
.stats_box .graph_box .graph02 .graph02_03 p { bottom: 2.8rem; left:22.6rem; }
.stats_box .graph_box .graph02 .graph02_04 p { bottom: 2.8rem; left:30.2rem; }
.stats_box .graph_box .graph02 .graph02_05 p { bottom: 2.8rem; left:37.8rem; }
.stats_box .graph_box .graph02 .graph02_06 p { bottom: 2.8rem; left:45.3rem; }
.stats_box .graph01_list_box.list_box02 ul li{ padding-left: 4rem;}
.stats_box .graph01_list_box.list_box02 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_02_list1.jpg)no-repeat 0 3px;  }
.stats_box .graph01_list_box.list_box02 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_02_list2.jpg)no-repeat 0 3px;  }
.stats_box .graph01_list_box ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_02_list3.jpg)no-repeat 1rem 10px;  }

/* 2번그래프 */
.stats_box .graph_box .graph02_2 .graph02_2_line { position:absolute; left: 9rem; bottom: 9.4rem; z-index: 10;}
.stats_box .graph01_list_box.list_box03 ul li{ padding-left: 4rem;}
.stats_box .graph01_list_box.list_box03 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_02_2_list1.png)no-repeat 0 3px;  }
.stats_box .graph01_list_box.list_box03 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_02_2_list2.png)no-repeat 0 3px;  }
.stats_box .graph01_list_box.list_box03 ul li.num03{ background:url(/ubin_old_file/images/web/ubin/sub/stats_02_2_list3.png)no-repeat 0 3px;  }

/* 3번그래프 */
.stats_box .graph_box .graph02_3 .graph02_3_line { position:absolute; left: 9rem; bottom: 10.4rem; z-index: 10;}
.stats_box .graph01_list_box.list_box04 ul li{ padding-left: 4rem;}
.stats_box .graph01_list_box.list_box04 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_02_3_list1.png)no-repeat 0 3px;  }


/* stats_03_유소년 인구변화 */
.stats_box .graph_box.box03{background: #fff; border: 2px solid #ccc;}
.stats_box .graph_box.box03 h3 p{display: inline-block; padding: 0.5rem 1.5rem; background: #0d47a1; border-radius: 1.5rem; font-size: 1.1rem; color: #fff; font-weight: 400;}
.stats_box .graph_box.box03 h3:before{display: none;}
.stats_box .graph_box .graph03{width: 1023px; height: 680px; position: relative;}
.stats_box .graph_box .graph03 p { position:absolute; }

/* 1번그래프 */
.stats_box .graph_box .graph03 .graph03_img { position:absolute; }
.stats_box .graph_box .graph03 .graph03_line { position:absolute; left: 9.2rem; top: 7.5rem; z-index: 10;}
.stats_box .graph_box .graph03 .graph03_01 p { bottom: 3.1rem; left:7.6rem; }
.stats_box .graph_box .graph03 .graph03_02 p { bottom: 3.1rem; left:15.2rem; }
.stats_box .graph_box .graph03 .graph03_03 p { bottom: 3.1rem; left:22.7rem; }
.stats_box .graph_box .graph03 .graph03_04 p { bottom: 3.1rem; left:30.3rem; }
.stats_box .graph_box .graph03 .graph03_05 p { bottom: 3.1rem; left:37.9rem; }
.stats_box .graph_box .graph03 .graph03_06 p { bottom: 3.1rem; left:45.5rem; }
.stats_box .graph01_list_box.list_box05{background: #f7fff2; border: 1px solid #addf8f;}
.stats_box .graph01_list_box.list_box05 ul li{ padding-left: 4rem;}
.stats_box .graph01_list_box.list_box05 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_03_1_list1.png)no-repeat 0 3px;  }
.stats_box .graph01_list_box.list_box05 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_03_1_list2.png)no-repeat 0 3px;  }
.stats_box .graph01_list_box ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_02_list3.jpg)no-repeat 1rem 10px;  }

/* 2번그래프 */
.stats_box .graph_box .graph03_2 .graph03_2_line { position:absolute; left: 9.2rem; bottom: 6.5rem; z-index: 10;}
.stats_box .graph01_list_box.list_box06{background: #ecf3ff; border: 1px solid #bdd6fe;}
.stats_box .graph01_list_box.list_box06 ul li{ padding-left: 4rem;}
.stats_box .graph01_list_box.list_box06 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_03_2_list1.png)no-repeat 0 3px;  }
.stats_box .graph01_list_box.list_box06 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_03_2_list2.png)no-repeat 0 3px;  }
.stats_box .graph01_list_box.list_box06 ul li.num03{ background:url(/ubin_old_file/images/web/ubin/sub/stats_03_2_list3.png)no-repeat 0 3px;  }

/* 3번그래프 */
.stats_box .graph_box .graph03_3 .graph03_3_line { position:absolute; left: 9.2rem; bottom: 6.7rem; z-index: 10;}
.stats_box .graph01_list_box.list_box07{background: #fffbed; border: 1px solid #ffde79;}
.stats_box .graph01_list_box.list_box07 ul li{ padding-left: 4rem;}
.stats_box .graph01_list_box.list_box07 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_03_3_list1.png)no-repeat 0 3px;  }

/* stats_04_생산가능 인구변화 */

.stats_box .graph_box.box04{background: #fff; border: 8px solid #03a2a9; box-shadow: 5px 5px 5px #ccc; padding: 2rem 1rem;}
.stats_box .graph_box .graph04{width: 1023px; height: 530px; margin: 0 auto; position: relative;}
.stats_box .graph_box .graph04 p { position:absolute; }

/* 1번그래프 */
.stats_box .graph_box .graph04 .graph04_img { position:absolute; }
.stats_box .graph_box .graph04 .graph04_line { position:absolute; left: 8.3rem; top: 3.8rem; z-index: 10;}
.stats_box .graph_box .graph04 .graph04_01 p { bottom: 2.9rem; left:7.1rem; }
.stats_box .graph_box .graph04 .graph04_02 p { bottom: 2.9rem; left:15rem; }
.stats_box .graph_box .graph04 .graph04_03 p { bottom: 2.9rem; left:23rem; }
.stats_box .graph_box .graph04 .graph04_04 p { bottom: 2.9rem; left:30.9rem; }
.stats_box .graph_box .graph04 .graph04_05 p { bottom: 2.9rem; left:38.9rem; }
.stats_box .graph_box .graph04 .graph04_06 p { bottom: 2.9rem; left:46.6rem; }
.stats_box .graph01_list_box.list_box05{background: #f7fff2; border: 1px solid #addf8f;}
.stats_box .graph01_list_box.list_box08 ul li{ padding-left: 0; background: none;}
.stats_box .graph01_list_box.list_box08 ul li i{margin-right: 0.5rem; font-size: 1.2rem; transform: translateY(4px); -webkit-transform: translateY(4px);}
.stats_box .graph01_list_box.list_box08 ul li.num01 i{ color: #fca9b1;}
.stats_box .graph01_list_box.list_box08 ul li.num02 i{ color: #03a2a9;}
.stats_box .graph01_list_box.list_box08 ul li.sum i{ color: #bac1e0;}

/* 2번그래프 */
.stats_box .graph_box .graph04_2 .graph04_2_line { position:absolute; left: 8.3rem; bottom: 6.2rem; z-index: 10;}
.stats_box .graph01_list_box.list_box09 ul li{ padding-left: 0; background: none;}
.stats_box .graph01_list_box.list_box09 ul li i{margin-right: 0.5rem; font-size: 1.2rem; transform: translateY(4px); -webkit-transform: translateY(4px);}
.stats_box .graph01_list_box.list_box09 ul li.num01 i{ color: #5e9bc8;}
.stats_box .graph01_list_box.list_box09 ul li.num02 i{ color: #c2d267;}
.stats_box .graph01_list_box.list_box09 ul li.num03 i{ color: #03a2a9;}
.stats_box .graph01_list_box.list_box09 ul li.sum i{ color: #bac1e0;}

/* 3번그래프 */
.stats_box .graph_box .graph04_3 .graph04_3_line { position:absolute; left: 8.3rem; bottom: 7.6rem; z-index: 10;}
.stats_box .graph01_list_box.list_box10 ul li{ padding-left: 0; background: none;}
.stats_box .graph01_list_box.list_box10 ul li i{margin-right: 0.5rem; font-size: 1.2rem; transform: translateY(4px); -webkit-transform: translateY(4px);}
.stats_box .graph01_list_box.list_box10 ul li.num01 i{ color: #f0b126;}
.stats_box .graph01_list_box.list_box10 ul li.sum i{ color: #bac1e0;}


/* stats_05_노인인구변화 */
.stats_box .graph_box.box05{background: #f2f5fb; box-shadow: 5px 5px 5px #ccc;}
.stats_box .graph_box.box05 h3 p{display: inline-block; padding: 0.5rem 1.5rem; background: #0d47a1; border-radius: 1.5rem; font-size: 1.1rem; color: #fff; font-weight: 400;}
.stats_box .graph_box .graph05{margin: 0 auto; width: 1023px; height: 440px; position: relative;}
.stats_box .graph_box .graph05 p { position:absolute; }

/* 1번그래프 */
.stats_box .graph_box .graph05 .graph05_img { position:absolute; }
.stats_box .graph_box .graph05 .graph05_line { position:absolute; left: 8.3rem; top: 4.9rem; z-index: 10;}
.stats_box .graph_box .graph05 .graph05_01 p { bottom: 3rem; left:7.6rem; }
.stats_box .graph_box .graph05 .graph05_02 p { bottom: 3rem; left:15.2rem; }
.stats_box .graph_box .graph05 .graph05_03 p { bottom: 3rem; left:22.9rem; }
.stats_box .graph_box .graph05 .graph05_04 p { bottom: 3rem; left:30.5rem; }
.stats_box .graph_box .graph05 .graph05_05 p { bottom: 3rem; left:38.1rem; }
.stats_box .graph_box .graph05 .graph05_06 p { bottom: 3rem; left:45.7rem; }
.stats_box .graph01_list_box.list_box11 ul li{ padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box11 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_05_1_list1.png)no-repeat 0 7px;  }
.stats_box .graph01_list_box.list_box11 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_05_1_list2.png)no-repeat 0 7px;  }
.stats_box .graph01_list_box.list_box11 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_05_1_listSum.png)no-repeat 0 10px;  }

/* 2번그래프 */
.stats_box .graph_box .graph05_2 .graph05_2_line { position:absolute; left: 8.3rem; bottom: 3.8rem; z-index: 10;}
.stats_box .graph01_list_box.list_box12 ul li{ padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box12 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_05_2_list1.png)no-repeat 0 7px;  }
.stats_box .graph01_list_box.list_box12 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_05_2_list2.png)no-repeat 0 7px;  }
.stats_box .graph01_list_box.list_box12 ul li.num03{ background:url(/ubin_old_file/images/web/ubin/sub/stats_05_2_list3.png)no-repeat 0 7px;}
.stats_box .graph01_list_box.list_box12 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_05_1_listSum.png)no-repeat 0 10px;  }

/* 3번그래프 */
.stats_box .graph_box .graph05_3 .graph05_3_line { position:absolute; left: 8.3rem; bottom: 2.8rem; z-index: 10;}
.stats_box .graph01_list_box.list_box13 ul li{ padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box13 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_05_3_list1.jpg)no-repeat 0 7px; }
.stats_box .graph01_list_box.list_box13 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_05_1_listSum.png)no-repeat 0 10px;  }


/* stats_06_가구수 변화 */
.stats_box .graph_box.box06{background: #fff; border: 1px dashed #b2b2b2; box-shadow: none;}
.stats_box .graph_box.box06 h3 p{display: inline-block; padding: 0.5rem 1.5rem; background: url(/ubin_old_file/images/web/ubin/sub/ptrn_stats_06.png) repeat; border-radius: 1.5rem; font-size: 1.1rem; color: #fff; font-weight: 400;}
.stats_box .graph_box.box06 h3:before{display: none;}
.stats_box .graph_box .graph06{margin: 0 auto; width: 1023px; height: 475px; position: relative;}
.stats_box .graph_box .graph06 p { position:absolute; }

/* 1번그래프 */
.stats_box .graph_box .graph06 .graph06_img { position:absolute; }
.stats_box .graph_box .graph06 .graph06_line { position:absolute; left: 9.3rem; top: 1.15rem; z-index: 10;}
.stats_box .graph_box .graph06 .graph06_01 p { bottom: 2.8rem; left:7.6rem; }
.stats_box .graph_box .graph06 .graph06_02 p { bottom: 2.8rem; left:16.7rem; }
.stats_box .graph_box .graph06 .graph06_03 p { bottom: 2.8rem; left:26rem; }
.stats_box .graph_box .graph06 .graph06_04 p { bottom: 2.8rem; left:35.2rem; }
.stats_box .graph_box .graph06 .graph06_05 p { bottom: 2.8rem; left:44.1rem; }
.stats_box .graph01_list_box.list_box14{background: #f5f5f5; border: 0;}
.stats_box .graph01_list_box.list_box14 ul li{ padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box14 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_06_1_list1.png)no-repeat 0 7px;  }
.stats_box .graph01_list_box.list_box14 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_06_1_list2.png)no-repeat 0 7px;  }
.stats_box .graph01_list_box.list_box14 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_06_1_listSum.png)no-repeat 0 10px; }

/* 2번그래프 */
.stats_box .graph_box .graph06_2 .graph06_2_line { position:absolute; left: 9.3rem; bottom: 6.7rem; z-index: 10;}
.stats_box .graph01_list_box.list_box15{background: #f5f5f5; border: 0;}
.stats_box .graph01_list_box.list_box15 ul li{ padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box15 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_06_2_list1.png)no-repeat 0 7px; }
.stats_box .graph01_list_box.list_box15 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_06_2_list2.png)no-repeat 0 7px;  }
.stats_box .graph01_list_box.list_box15 ul li.num03{ background:url(/ubin_old_file/images/web/ubin/sub/stats_06_2_list3.png)no-repeat 0 7px;}
.stats_box .graph01_list_box.list_box15 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_06_1_listSum.png)no-repeat 0 10px; }

/* 3번그래프 */
.stats_box .graph_box .graph06_3 .graph06_3_line { position:absolute; left: 9.3rem; bottom: 3.4rem; z-index: 10;}
.stats_box .graph01_list_box.list_box16{background: #f5f5f5; border: 0;}
.stats_box .graph01_list_box.list_box16 ul li{ padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box16 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_06_3_list1.jpg)no-repeat 0 7px; }
.stats_box .graph01_list_box.list_box16 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_06_1_listSum.png)no-repeat 0 10px; }

/* stats_07_1인 가구수 변화 */
.stats_box .graph_box.box07{background: #f6f6f6; border: 1px dashed #b2b2b2; box-shadow: none;}
.stats_box .graph_box.box07 h3 p{display: inline-block; padding: 0.5rem 1.5rem; background: url(/ubin_old_file/images/web/ubin/sub/ptrn_stats_07.png) repeat; border-radius: 1.5rem; font-size: 1.1rem; color: #019c8a; font-weight: 400; border: 3px solid #019c8a;}
.stats_box .graph_box.box07 h3:before{display: none;}
.stats_box .graph_box .graph07{margin: 0 auto; width: 1023px; height: 475px; position: relative;}
.stats_box .graph_box .graph07 p { position:absolute; }

/* 1번그래프 */
.stats_box .graph_box .graph07 .graph07_img { position:absolute; }
.stats_box .graph_box .graph07 .graph07_line { position:absolute; left: 9.6rem; top: 3.1rem; z-index: 10;}
.stats_box .graph_box .graph07 .graph07_01 p { bottom: 2.8rem; left:8rem; }
.stats_box .graph_box .graph07 .graph07_02 p { bottom: 2.8rem; left:17.2rem; }
.stats_box .graph_box .graph07 .graph07_03 p { bottom: 2.8rem; left:26.3rem; }
.stats_box .graph_box .graph07 .graph07_04 p { bottom: 2.8rem; left:35.6rem; }
.stats_box .graph_box .graph07 .graph07_05 p { bottom: 2.8rem; left:44.5rem; }
.stats_box .graph01_list_box.list_box17{background: #fff; border: 0;}
.stats_box .graph01_list_box.list_box17 ul li{ padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box17 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_07_1_list1.png)no-repeat 0 7px;  }
.stats_box .graph01_list_box.list_box17 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_07_1_list2.png)no-repeat 0 7px;  }
.stats_box .graph01_list_box.list_box17 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_07_2_listSum.png)no-repeat 0 10px;  }

/* 2번그래프 */
.stats_box .graph_box .graph07_2 .graph07_2_line { position:absolute; left: 9.6rem; bottom: 5.2rem; z-index: 10;}
.stats_box .graph01_list_box.list_box18{background: #fff; border: 0;}
.stats_box .graph01_list_box.list_box18 ul li{ padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box18 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_07_2_list1.png)no-repeat 0 7px;  }
.stats_box .graph01_list_box.list_box18 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_07_2_list2.png)no-repeat 0 7px;  }
.stats_box .graph01_list_box.list_box18 ul li.num03{ background:url(/ubin_old_file/images/web/ubin/sub/stats_07_2_list3.png)no-repeat 0 7px;}
.stats_box .graph01_list_box.list_box18 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_07_2_listSum.png)no-repeat 0 10px;  }

/* 3번그래프 */
.stats_box .graph_box .graph07_3 .graph07_3_line { position:absolute; left: 9.6rem; bottom: 3.2rem; z-index: 10;}
.stats_box .graph01_list_box.list_box19{background: #fff; border: 0;}
.stats_box .graph01_list_box.list_box19 ul li{ padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box19 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_07_3_list1.png)no-repeat 0 7px; }
.stats_box .graph01_list_box.list_box19 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_07_2_listSum.png)no-repeat 0 10px;  }



/* stats_08_4인 이상 가구수 변화 */
.stats_box .graph_box.box08{background: #f4fafb; border: 0;}
.stats_box .graph_box.box08 h3 { text-align:center; font-size:22px; color:#333; position:relative; font-weight:600; display: inline-block;}
.stats_box .graph_box.box08 h3 span{ position:relative; }
.stats_box .graph_box.box08 h3:before { position:absolute; left:0; bottom:0; width:100%; height:0.6rem; border-radius:0.6rem; background:url(/ubin_old_file/images/web/ubin/sub/stats_tit2_bg.png)repeat; content:''; }
.stats_box .graph_box .graph08{margin: 0 auto; width: 1037px; height: 555px; position: relative;}
.stats_box .graph_box .graph08 p { position:absolute; }
.stats_box .graph_box.box08 h4{color: #333; font-size: 0.9rem;}


/* 1번그래프 */
.stats_box .graph_box .graph08 .graph08_img { position:absolute; }
.stats_box .graph_box .graph08 .graph08_line { position:absolute; left: 7.7rem; top: 2.1rem; z-index: 10;}
.stats_box .graph_box .graph08 .graph08_01 p { bottom: 4.8rem; left:6.7rem; }
.stats_box .graph_box .graph08 .graph08_02 p { bottom: 4.8rem; left:16.6rem; }
.stats_box .graph_box .graph08 .graph08_03 p { bottom: 4.8rem; left:26.5rem; }
.stats_box .graph_box .graph08 .graph08_04 p { bottom: 4.8rem; left:36.6rem; }
.stats_box .graph_box .graph08 .graph08_05 p { bottom: 4.8rem; left:46.5rem; }
.stats_box .graph01_list_box.list_box20{background: #fff; }
.stats_box .graph01_list_box.list_box20 ul li{ padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box20 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_08_1_list1.png)no-repeat 0 5px;  }
.stats_box .graph01_list_box.list_box20 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_08_1_list2.png)no-repeat 0 5px;  }
.stats_box .graph01_list_box.list_box20 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_08_1_listSum.png)no-repeat 0 5px;  }

/* 2번그래프 */
.stats_box .graph_box .graph08_2 .graph08_2_line { position:absolute; left: 7.7rem; bottom: 8.8rem; z-index: 10;}
.stats_box .graph01_list_box.list_box21{background: #fff;}
.stats_box .graph01_list_box.list_box21 ul li{ padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box21 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_08_2_list1.png)no-repeat 0 5px;  }
.stats_box .graph01_list_box.list_box21 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_08_2_list2.png)no-repeat 0 5px;  }
.stats_box .graph01_list_box.list_box21 ul li.num03{ background:url(/ubin_old_file/images/web/ubin/sub/stats_08_2_list3.png)no-repeat 0 5px;}
.stats_box .graph01_list_box.list_box21 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_08_1_listSum.png)no-repeat 0 5px;  }

/* 3번그래프 */
.stats_box .graph_box .graph08_3 .graph08_3_line { position:absolute; left: 7.7rem; bottom: 5.5rem; z-index: 10;}
.stats_box .graph01_list_box.list_box22{background: #fff;}
.stats_box .graph01_list_box.list_box22 ul li{ padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box22 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_08_3_list1.png)no-repeat 0 5px; }
.stats_box .graph01_list_box.list_box22 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_08_1_listSum.png)no-repeat 0 5px;  }


/* stats_09_20년 이상 노후 건축물 */
.stats_box .graph_box.box09{background: #f4fafb; border: 0;}
.stats_box .graph_box.box09 h3 { text-align:center; font-size:22px; color:#333; position:relative; font-weight:600; display: inline-block;}
.stats_box .graph_box.box09 h3 span{ position:relative; }
.stats_box .graph_box.box09 h3:before { position:absolute; left:0; bottom:0; width:100%; height:0.6rem; border-radius:0.6rem; background:url(/ubin_old_file/images/web/ubin/sub/stats_tit2_bg.png)repeat; content:''; }
.stats_box .graph_box .graph09{margin: 0 auto; width: 1020px; height: 528px; position: relative;}
.stats_box .graph_box .graph09 p { position:absolute; }
.stats_box .graph_box.box09 h4{color: #333; font-size: 0.9rem;}

/* 1번그래프 */
.stats_box .graph_box .graph09_1{overflow: hidden;}
.stats_box .graph_box .graph09 .graph09_img { position:absolute; }
.stats_box .graph_box .graph09 .graph09_01 p { bottom: 1rem; left:13.7rem; }
.stats_box .graph_box .graph09 .graph09_02 p { bottom: 1rem; left:29.6rem; }

/* 2번그래프 */
.stats_box .graph01_list_box.list_box21{background: #fff;}
.stats_box .graph_box .graph09_2 .graph09_01 p { bottom: 1rem; left:7.6rem; }
.stats_box .graph_box .graph09_2 .graph09_02 p { bottom: 1rem; left:18.6rem; }
.stats_box .graph_box .graph09_2 .graph09_03 p { bottom: 1rem; left:29.6rem; }
.stats_box .graph_box .graph09_2 .graph09_04 p { bottom: 1rem; left:40.6rem; }


/* stats_10_30년 이상 노후 건축물 */
.stats_box .graph_box.box10{background: #fffbf7; border: 0;}
.stats_box .graph_box.box10 h3 { text-align:center; font-size:22px; color:#333; position:relative; font-weight:600; display: inline-block;}
.stats_box .graph_box.box10 h3 span{ position:relative; }
.stats_box .graph_box.box10 h3:before { position:absolute; left:0; bottom:0; width:100%; height:0.6rem; border-radius:0.6rem; background:url(/ubin_old_file/images/web/ubin/sub/stats_tit2_bg.png)repeat; content:''; }
.stats_box .graph_box .graph10{margin: 0 auto; width: 1020px; height: 528px; position: relative;}
.stats_box .graph_box .graph10 p { position:absolute; }
.stats_box .graph_box.box10 h4{color: #333; font-size: 0.9rem;}

/* 1번그래프 */
.stats_box .graph_box .graph10_1{overflow: hidden;}
.stats_box .graph_box .graph10 .graph10_img { position:absolute; }
.stats_box .graph_box .graph10 .graph10_01 p { bottom: 1rem; left:13.7rem; }
.stats_box .graph_box .graph10 .graph10_02 p { bottom: 1rem; left:29.6rem; }

/* 2번그래프 */
.stats_box .graph_box .graph10_2 .graph10_01 p { bottom: 1rem; left:7.6rem; }
.stats_box .graph_box .graph10_2 .graph10_02 p { bottom: 1rem; left:18.6rem; }
.stats_box .graph_box .graph10_2 .graph10_03 p { bottom: 1rem; left:29.6rem; }
.stats_box .graph_box .graph10_2 .graph10_04 p { bottom: 1rem; left:40.6rem; }

/* stats_11_개발행위허가건수 및 면적변화 */
.stats_box .graph_box.box11{background: #f6f6f6; border: 1px dashed #b2b2b2; box-shadow: none;}
.stats_box .graph_box.box11 h3 p{display: inline-block; padding: 0.5rem 1.5rem; background: url(/ubin_old_file/images/web/ubin/sub/ptrn_stats_11.png) repeat; border-radius: 1.5rem; font-size: 1.1rem; color: #019c8a; font-weight: 400; border: 3px solid #019c8a;}
.stats_box .graph_box.box11 h3:before{display: none;}
.stats_box .graph_box.box11::after{display: block; content: ""; clear: both;}
.stats_box .graph_box.box11 .graphWrap{width: 49%; float: left; margin-right: 2%;}
.stats_box .graph_box.box11 .graphWrap:nth-of-type(2n){margin-right: 0;}
.stats_box .graph_box .graph11{ width: 485px; height: 440px; margin: 0 auto; position: relative;}
.stats_box .graph_box .graph11 p { position:absolute; }

/* 1~2번그래프 */
.stats_box .graph_box .graph11 .graph11_img { position:absolute; }
.stats_box .graph_box .graph11 .graph11_line { position:absolute; left: 4.9rem; top: 5.4rem; z-index: 10;}
.stats_box .graph_box .graph11_2 .graph11_2_line { position:absolute; left: 7.2rem; bottom: 3.4rem; z-index: 10;}
.stats_box .graph_box .graph11 .graph11_01 p { bottom: 2.6rem; left:4.2rem; }
.stats_box .graph_box .graph11 .graph11_02 p { bottom: 2.6rem; left:9.6rem; }
.stats_box .graph_box .graph11 .graph11_03 p { bottom: 2.6rem; left:15.4rem; }
.stats_box .graph_box .graph11 .graph11_04 p { bottom: 2.6rem; left:20.9rem; }
.stats_box .graph_box .graph11.two .graph11_01 p { bottom: 2.6rem; left:6.4rem; }
.stats_box .graph_box .graph11.two .graph11_02 p { bottom: 2.6rem; left:11.3rem; }
.stats_box .graph_box .graph11.two .graph11_03 p { bottom: 2.6rem; left:15.9rem; }
.stats_box .graph_box .graph11.two .graph11_04 p { bottom: 2.6rem; left:20.7rem; }

.stats_box .graph01_list_box.list_box29{background: #fff; border: 0;}
.stats_box .graph01_list_box.list_box29 ul li{ padding-left: 1.7rem;}
.stats_box .graph01_list_box.list_box29 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_11_1_list1.jpg)no-repeat 0 4px;  }
.stats_box .graph01_list_box.list_box29 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_11_1_list2.png)no-repeat 0 4px;  }
.stats_box .graph01_list_box.list_box29 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_11_1_listSum.png)no-repeat 0 10px;  }

/* 3~4번그래프 */
.stats_box .graph_box .graph11_3 .graph11_3_line { position:absolute; left: 4.9rem; bottom: 3.6rem; z-index: 10;}
.stats_box .graph_box .graph11_4 .graph11_4_line { position:absolute; left: 7.2rem; bottom: 3.2rem; z-index: 10;}
.stats_box .graph01_list_box.list_box30{background: #fff; border: 0;}
.stats_box .graph01_list_box.list_box30 ul{overflow: hidden;}
.stats_box .graph01_list_box.list_box30 ul li{ padding-left: 1.7rem; width: 50%; margin-right: 0; float: left; text-align: left;}
.stats_box .graph01_list_box.list_box30 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_11_2_list1.jpg)no-repeat 0 4px; }
.stats_box .graph01_list_box.list_box30 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_11_2_list2.png)no-repeat 0 4px; }
.stats_box .graph01_list_box.list_box30 ul li.num03{ background:url(/ubin_old_file/images/web/ubin/sub/stats_11_2_list3.jpg)no-repeat 0 4px; }
.stats_box .graph01_list_box.list_box30 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_11_1_listSum.png)no-repeat 0 10px;  }


/* 5~6번그래프 */
.stats_box .graph_box .graph11_5 .graph11_5_line { position:absolute; left: 4.9rem; bottom: 3.1rem; z-index: 10;}
.stats_box .graph_box .graph11_6 .graph11_6_line { position:absolute; left: 7.2rem; bottom: 2.4rem; z-index: 10;}
.stats_box .graph01_list_box.list_box31{background: #fff; border: 0;}
.stats_box .graph01_list_box.list_box31 ul li{ padding-left: 1.7rem;}
.stats_box .graph01_list_box.list_box31 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_11_3_list1.png)no-repeat 0 4px; }
.stats_box .graph01_list_box.list_box31 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_11_1_listSum.png)no-repeat 0 10px;  }


/* stats_12_도시지역면적변화 */
.stats_box .graph_box.box12{background: #f2f5f6;}
.stats_box .graph_box.box12 h3 { text-align:center; font-size:22px; color:#333; position:relative; font-weight:600; display: inline-block;}
.stats_box .graph_box.box12 h3 span{ position:relative; }
.stats_box .graph_box.box12 h3:before { position:absolute; left:0; bottom:0; width:100%; height:0.6rem; border-radius:0.6rem; background:url(/ubin_old_file/images/web/ubin/sub/stats_tit2_bg.png)repeat; content:''; }
.stats_box .graph_box .graph12{margin: 0 auto; width: 970px; height: 320px; position: relative;}
.stats_box .graph_box .graph12 p { position:absolute; }

/* 1번그래프 */
.stats_box .graph_box .graph12 .graph12_img { position:absolute; }
.stats_box .graph_box .graph12 .graph12_line { position:absolute; left: 9.6rem; top: 1.2rem; z-index: 10;}
.stats_box .graph_box .graph12 .graph12_01 p { bottom: 2rem; left:8.7rem; }
.stats_box .graph_box .graph12 .graph12_02 p { bottom: 2rem; left:21rem; }
.stats_box .graph_box .graph12 .graph12_03 p { bottom: 2rem; left:33.3rem; }
.stats_box .graph_box .graph12 .graph12_04 p { bottom: 2rem; left:45.5rem; }
.stats_box .graph01_list_box.list_box23{background: #fff;}
.stats_box .graph01_list_box.list_box23 ul li{ padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box23 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_12_1_list1.png)no-repeat 0 3px;  }
.stats_box .graph01_list_box.list_box23 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_12_1_list2.png)no-repeat 0 3px;  }
.stats_box .graph01_list_box.list_box23 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_12_1_listSum.png)no-repeat 0 3px;  }

/* 2번그래프 */
.stats_box .graph_box .graph12_2 .graph12_2_line { position:absolute; left: 9.6rem; bottom: 8.3rem; z-index: 10;}
.stats_box .graph01_list_box.list_box24{background: #fff;}
.stats_box .graph01_list_box.list_box24 ul li{ padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box24 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_12_2_list1.png)no-repeat 0 3px;  }
.stats_box .graph01_list_box.list_box24 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_12_2_list2.png)no-repeat 0 3px;  }
.stats_box .graph01_list_box.list_box24 ul li.num03{ background:url(/ubin_old_file/images/web/ubin/sub/stats_12_2_list3.png)no-repeat 0 3px;}
.stats_box .graph01_list_box.list_box24 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_12_1_listSum.png)no-repeat 0 3px;  }

/* 3번그래프 */
.stats_box .graph_box .graph12_3 .graph12_3_line { position:absolute; left: 9.6rem; bottom: 3.2rem; z-index: 10;}
.stats_box .graph01_list_box.list_box25{background: #fff;}
.stats_box .graph01_list_box.list_box25 ul li{ padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box25 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_12_3_list1.png)no-repeat 0 3px; }
.stats_box .graph01_list_box.list_box25 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_12_1_listSum.png)no-repeat 0 3px;  }



/* stats_13_산업별 종사자 수 변화 */
.stats_box .graph_box.box13{background: #159db4; box-shadow: none; text-align: right; padding: 1rem; margin-left: 1rem; overflow: visible;}
.stats_box .horTit { text-align:center; font-size:22px; color:#333; position:relative; font-weight:600; display: inline-block;}
.stats_box .horTit span{ position:relative; }
.stats_box .horTit:before { position:absolute; left:0; bottom:0; width:100%; height:0.6rem; border-radius:0.6rem; background:url(/ubin_old_file/images/web/ubin/sub/stats_tit2_bg.png)repeat; content:''; }
.stats_box .graph_box .horGraph{position: relative;}
.stats_box .graph_box .horGraph h4{position: absolute; top: 0; left: -2rem; padding: 0.4rem 3rem; background: #ffd502; color: #000; font-size: 1rem; position: absolute;}
.stats_box .graph_box .horGraph h4::before{display: block; content: ""; width: 1.5rem; height: 1.5rem; background: #826c00; position: absolute; bottom: -0.7rem; left: 0.3rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index: -1;}
.stats_box .graph_box .horGraph ul{display: inline-block; background: #fff; padding: 0.5rem 2rem; margin-bottom: 1rem;}
.stats_box .graph_box .horGraph ul li{display: inline-block; font-size: 0.75rem; color: #000; padding-left: 0.8rem; position: relative;}
.stats_box .graph_box .horGraph ul li::before{display: block; content: ""; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #159db4; position: absolute; left: 0; top: 0.3rem;}
.stats_box .graph_box .horGraph ul li:nth-of-type(2){margin-left: 2rem;}
.stats_box .graph_box .horGraph ul li:nth-of-type(2)::before{background: #ffd000;}
.stats_box .graph_box .horGraph ul li:nth-of-type(3){margin-left: 2rem;}
.stats_box .graph_box .horGraph ul li:nth-of-type(3)::before{background: #6c74df;}

.stats_box .graph_box .graph13{background: #fff; padding: 1rem 0; text-align: center;}
.stats_box .graph_box .graph13 div{position: relative; z-index: 2; margin-top: -4.7px; margin-left: -1px;  width: 100%; overflow: hidden;}
.stats_box .graph_box .graph13 .graph13_img { position:absolute; z-index: 1;}

/* stats_14_1차2차3차산업별종사자수변화 */
.stats_box .graph_box.box14{background: #f9f9f9; border: 1px solid #ccc; border-top: 5px solid #159db4; box-shadow: none;}
.stats_box .graph_box.box14 h3 { text-align:center; font-size:22px; color:#333; position:relative; font-weight:600; display: inline-block;}
.stats_box .graph_box.box14 h3 span{ position:relative; }
.stats_box .graph_box.box14 h3:before { position:absolute; left:0; bottom:0; width:100%; height:0.6rem; border-radius:0.6rem; background:url(/ubin_old_file/images/web/ubin/sub/stats_tit2_bg.png)repeat; content:''; }
.stats_box .graph_box .graph14{margin: 0 auto; width: 1012px; height: 390px; position: relative;}
.stats_box .graph_box .graph14 p { position:absolute; }

/* 1번그래프 */
.stats_box .graph_box .graph14 .graph14_img { position:absolute; }
.stats_box .graph_box .graph14 .graph14_01 p { bottom: 5.3rem; left:7.5rem; }
.stats_box .graph_box .graph14 .graph14_02 p { bottom: 5.3rem; left:12.3rem; }
.stats_box .graph_box .graph14 .graph14_03 p { bottom: 5.3rem; left:17.2rem; }
.stats_box .graph_box .graph14 .graph14_04 p { bottom: 5.3rem; left:21.9rem; }
.stats_box .graph_box .graph14 .graph14_05 p { bottom: 5.3rem; left:27rem; }
.stats_box .graph_box .graph14 .graph14_06 p { bottom: 5.3rem; left:31.8rem; }
.stats_box .graph_box .graph14 .graph14_07 p { bottom: 5.3rem; left:36.5rem; }
.stats_box .graph_box .graph14 .graph14_08 p { bottom: 5.3rem; left:41.2rem; }
.stats_box .graph_box .graph14 .graph14_09 p { bottom: 5.3rem; left:46.3rem; }
.stats_box .graph01_list_box.list_box26{background: #fff;}
.stats_box .graph01_list_box.list_box26 ul li{ padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box26 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_14_1_list1.png)no-repeat 0 1px;  }
.stats_box .graph01_list_box.list_box26 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_14_1_list2.png)no-repeat 0 1px;  }

/* 2번그래프 */
.stats_box .graph_box .graph14_2{margin: 0 auto; width: 1014px; height: 440px; position: relative;}
.stats_box .graph_box .graph14_2 .graph14_01 p { bottom: 5.4rem; left:7rem; }
.stats_box .graph_box .graph14_2 .graph14_02 p { bottom: 5.4rem; left:11.9rem; }
.stats_box .graph_box .graph14_2 .graph14_03 p { bottom: 5.4rem; left:17rem; }
.stats_box .graph_box .graph14_2 .graph14_04 p { bottom: 5.4rem; left:21.5rem; }
.stats_box .graph_box .graph14_2 .graph14_05 p { bottom: 5.4rem; left:26.5rem; }
.stats_box .graph_box .graph14_2 .graph14_06 p { bottom: 5.4rem; left:31.3rem; }
.stats_box .graph_box .graph14_2 .graph14_07 p { bottom: 5.4rem; left:36rem; }
.stats_box .graph_box .graph14_2 .graph14_08 p { bottom: 5.4rem; left:41rem; }
.stats_box .graph_box .graph14_2 .graph14_09 p { bottom: 5.4rem; left:45.8rem; }
.stats_box .graph01_list_box.list_box27{background: #fff;}
.stats_box .graph01_list_box.list_box27 ul li{ padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box27 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_14_2_list1.png)no-repeat 0 1px;  }
.stats_box .graph01_list_box.list_box27 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_14_2_list2.png)no-repeat 0 1px;  }
.stats_box .graph01_list_box.list_box27 ul li.num03{ background:url(/ubin_old_file/images/web/ubin/sub/stats_14_2_list3.png)no-repeat 0 1px;}

/* 3번그래프 */
.stats_box .graph_box .graph14_3{margin: 0 auto; width: 1014px; height: 570px; position: relative;}
.stats_box .graph_box .graph14_3 .graph14_01 p { bottom: 5.2rem; left:8.1rem; }
.stats_box .graph_box .graph14_3 .graph14_02 p { bottom: 5.2rem; left:13rem; }
.stats_box .graph_box .graph14_3 .graph14_03 p { bottom: 5.2rem; left:18.1rem; }
.stats_box .graph_box .graph14_3 .graph14_04 p { bottom: 5.2rem; left:22.6rem; }
.stats_box .graph_box .graph14_3 .graph14_05 p { bottom: 5.2rem; left:27.6rem; }
.stats_box .graph_box .graph14_3 .graph14_06 p { bottom: 5.2rem; left:32.3rem; }
.stats_box .graph_box .graph14_3 .graph14_07 p { bottom: 5.2rem; left:37rem; }
.stats_box .graph_box .graph14_3 .graph14_08 p { bottom: 5.2rem; left:42rem; }
.stats_box .graph_box .graph14_3 .graph14_09 p { bottom: 5.2rem; left:46.8rem; }
.stats_box .graph01_list_box.list_box28{background: #fff;}
.stats_box .graph01_list_box.list_box28 ul li{ padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box28 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_14_3_list1.png)no-repeat 0 1px; }


/* stats_15_유동인구분석(전출입인구) */
.stats_box .graph_box.box15{background: none; box-shadow: none; border: 1px solid #ccc; padding: 2rem 1rem;}
.stats_box .graph_box.box15 h3 p{display: inline-block; padding: 0.3rem 2.5rem; background: url(/ubin_old_file/images/web/ubin/sub/ptrn_stats_15.png) repeat; border-radius: 1.5rem; font-size: 1rem; color: #000; font-weight: 400; border: 3px solid #019c8a;}
.stats_box .graph_box.box15 h3:before{display: none;}
.stats_box .graph_box .graph15{margin: 0 auto; width: 1036px; height: 590px; position: relative;}
.stats_box .graph_box .graph15 p { position:absolute; }
.stats_box .graph_box.box15 .ac p{display: inline-block; width: 6rem; height: 6rem; background: #27457d; color: #fff; position: relative; border-radius: 50%; font-size: 1rem;}
.stats_box .graph_box.box15 .ac p.grn{background: #159db4;}
.stats_box .graph_box.box15 .ac p i{display: block; font-size: 1.2rem; margin:1.4rem 0 0.3rem}

/* 1번그래프 */
.stats_box .graph_box .graph15 .graph15_img { position:absolute; }
.stats_box .graph_box .graph15 .graph15_line { position:absolute; left: 8rem; top: 2.7rem; z-index: 10;}
.stats_box .graph_box .graph15 .graph15_01 p { bottom: 2.7rem; left:6.8rem; }
.stats_box .graph_box .graph15 .graph15_02 p { bottom: 2.7rem; left:16.8rem; }
.stats_box .graph_box .graph15 .graph15_03 p { bottom: 2.7rem; left:26.9rem; }
.stats_box .graph_box .graph15 .graph15_04 p { bottom: 2.7rem; left:36.9rem; }
.stats_box .graph_box .graph15 .graph15_05 p { bottom: 2.7rem; left:47rem; }
.stats_box .graph01_list_box.list_box32{background: #fafafa; border: 1px solid #ccc;}
.stats_box .graph01_list_box.list_box32 ul li{ padding-left: 1.7rem;}
.stats_box .graph01_list_box.list_box32 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_15_1_list1.png)no-repeat 0 7px;  }
.stats_box .graph01_list_box.list_box32 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_15_1_list2.png)no-repeat 0 7px;  }
.stats_box .graph01_list_box.list_box32 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_15_1_listSum.png)no-repeat 0 10px;  }

/* 2번그래프 */
.stats_box .graph_box .graph15_2 .graph15_2_line { position:absolute; left: 8rem; bottom: 6.1rem; z-index: 10;}
.stats_box .graph01_list_box.list_box33{background: #fafafa; border: 1px solid #ccc;}
.stats_box .graph01_list_box.list_box33 ul li{ padding-left: 1.7rem;}
.stats_box .graph01_list_box.list_box33 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_15_2_list1.png)no-repeat 0 7px;  }
.stats_box .graph01_list_box.list_box33 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_15_2_list2.png)no-repeat 0 7px;  }
.stats_box .graph01_list_box.list_box33 ul li.num03{ background:url(/ubin_old_file/images/web/ubin/sub/stats_15_2_list3.png)no-repeat 0 7px;}
.stats_box .graph01_list_box.list_box33 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_15_1_listSum.png)no-repeat 0 10px;  }

/* 3번그래프 */
.stats_box .graph_box .graph15_3 .graph15_3_line { position:absolute; left: 8rem; bottom: 3.2rem; z-index: 10;}
.stats_box .graph01_list_box.list_box34{background: #fafafa; border: 1px solid #ccc;}
.stats_box .graph01_list_box.list_box34 ul li{ padding-left: 1.7rem;}
.stats_box .graph01_list_box.list_box34 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_15_3_list1.png)no-repeat 0 7px; }
.stats_box .graph01_list_box.list_box34 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_15_1_listSum.png)no-repeat 0 10px;  }

/* 4번그래프 */
.stats_box .graph_box .graph15_4 .graph15_4_line { position:absolute; left: 8rem; top: 3.1rem; z-index: 10;}


/* 5번그래프 */
.stats_box .graph_box .graph15_5 .graph15_5_line { position:absolute; left: 8rem; bottom: 6.3rem; z-index: 10;}


/* 6번그래프 */
.stats_box .graph_box .graph15_6 .graph15_6_line { position:absolute; left: 8rem; bottom: 3.2rem; z-index: 10;}

/* 7번그래프 */
.stats_box .graph_box .graph15_7 .graph15_7_line { position:absolute; left: 9.6rem; top: 6.1rem; z-index: 10;}
.stats_box .graph_box .graph15.two{height: 540px;}
.stats_box .graph_box .graph15.two .graph15_01 p { top: 3.6rem; left:8.5rem; }
.stats_box .graph_box .graph15.two .graph15_02 p { top: 7rem; left:16.8rem; }
.stats_box .graph_box .graph15.two .graph15_03 p { top: 6.5rem; left:25.2rem; }
.stats_box .graph_box .graph15.two .graph15_04 p { bottom: 7.5rem; left:33.7rem; }
.stats_box .graph_box .graph15.two .graph15_05 p { bottom: 7.6rem; left:42.1rem; }
.stats_box .graph01_list_box.list_box35{background: #fafafa; border: 1px solid #ccc;}
.stats_box .graph01_list_box.list_box35 ul li{ padding-left: 1.7rem;}
.stats_box .graph01_list_box.list_box35 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_15_7_list1.png)no-repeat 0 7px; }
.stats_box .graph01_list_box.list_box35 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_15_7_list2.png)no-repeat 0 7px; }
.stats_box .graph01_list_box.list_box35 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_15_7_listSum.png)no-repeat 0 10px;  }

/* 8번그래프 */
.stats_box .graph_box .graph15_8 .graph15_8_line { position:absolute; left: 9.6rem; top: 11rem; z-index: 10;}
.stats_box .graph_box .graph15.thr{height: 540px;}
.stats_box .graph_box .graph15.thr .graph15_01 p { top: 12.8rem; left:8.5rem; }
.stats_box .graph_box .graph15.thr .graph15_02 p { top: 12.6rem; left:16.8rem; }
.stats_box .graph_box .graph15.thr .graph15_03 p { top: 12.3rem; left:25.2rem; }
.stats_box .graph_box .graph15.thr .graph15_04 p { bottom: 13.1rem; left:33.7rem; }
.stats_box .graph_box .graph15.thr .graph15_05 p { bottom: 11.1rem; left:42.1rem; }
.stats_box .graph01_list_box.list_box36{background: #fafafa; border: 1px solid #ccc;}
.stats_box .graph01_list_box.list_box36 ul li{ padding-left: 1.7rem;}
.stats_box .graph01_list_box.list_box36 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_15_8_list1.png)no-repeat 0 7px; }
.stats_box .graph01_list_box.list_box36 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_15_8_list2.png)no-repeat 0 7px; }
.stats_box .graph01_list_box.list_box36 ul li.num03{ background:url(/ubin_old_file/images/web/ubin/sub/stats_15_8_list3.png)no-repeat 0 7px; }
.stats_box .graph01_list_box.list_box36 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_15_7_listSum.png)no-repeat 0 10px;  }

/* 9번그래프 */
.stats_box .graph_box .graph15_9 .graph15_9_line { position:absolute; left: 9.6rem; top: 12.8rem; z-index: 10;}
.stats_box .graph_box .graph15.four{height: 540px;}
.stats_box .graph_box .graph15.four .graph15_01 p { bottom: 10.5rem; left:8.5rem; }
.stats_box .graph_box .graph15.four .graph15_02 p { bottom: 11.4rem; left:16.8rem; }
.stats_box .graph_box .graph15.four .graph15_03 p { bottom: 12.4rem; left:25.2rem; }
.stats_box .graph_box .graph15.four .graph15_04 p { bottom: 13.1rem; left:33.7rem; }
.stats_box .graph_box .graph15.four .graph15_05 p { bottom: 12.1rem; left:42.1rem; }
.stats_box .graph01_list_box.list_box37{background: #fafafa; border: 1px solid #ccc;}
.stats_box .graph01_list_box.list_box37 ul li{ padding-left: 1.7rem;}
.stats_box .graph01_list_box.list_box37 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_15_9_list1.png)no-repeat 0 7px; }
.stats_box .graph01_list_box.list_box37 ul li.sum{ background:url(/ubin_old_file/images/web/ubin/sub/stats_15_7_listSum.png)no-repeat 0 10px;  }

/* stats_16_재정자립도 201231추가 */
.stats_box .graph_box.box16 { margin:1rem 0;background:#f2f7fb; padding:2rem 1.5rem; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); text-align:center; overflow: hidden;}
.stats_box .graph_box.box16 h3 { text-align:center; font-size:22px; color:#333; position:relative; font-weight:600; display: inline-block;}
.stats_box .graph_box.box16 h3:before { position:absolute; left:0; bottom:0; width:100%; height:0.6rem; border-radius:0.6rem; background:url(/ubin_old_file/images/web/ubin/sub/stats_tit2_bg.png)repeat; content:''; }
.stats_box .graph_box.box16 h3 span{ position:relative; }
.stats_box .graph_box.box16 p.unit {text-align:right; margin:0 0 1rem;}
.stats_box .graph_box .graph16{margin: 0 auto; width: 1023px; height:495px; position: relative;}
.stats_box .graph_box .graph16 p { position:absolute; }


/* 1번그래프 */
.stats_box .graph_box .graph16 .graph16_img { position:absolute; }
.stats_box .graph_box .graph16 .graph16_01 p {bottom:5.8rem;left: 5.5rem;}
.stats_box .graph_box .graph16 .graph16_02 p {bottom:5.8rem;left: 21.2rem;}
.stats_box .graph_box .graph16 .graph16_03 p {bottom:5.8rem;left: 36.5rem;}
.stats_box .graph_box .graph16 .graph16_04 p { bottom:5.7rem; left:5rem; }
.stats_box .graph_box .graph16 .graph16_05 p {bottom:5.7rem;left: 17rem;}
.stats_box .graph_box .graph16 .graph16_06 p {bottom:5.7rem;left: 28.7rem;}
.stats_box .graph_box .graph16 .graph16_07 p {bottom:5.7rem;left: 40.2rem;}
.stats_box .graph01_list_box.list_box38{background: #fff; border: 0;}
.stats_box .graph01_list_box.list_box38 ul li{ padding-left: 1.8rem;}
.stats_box .graph01_list_box.list_box38 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_16_list1.png)no-repeat 0 3px;  }
.stats_box .graph01_list_box.list_box38 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_16_list2.png)no-repeat 0 3px;  }

/* 2번그래프 */
.stats_box .graph01_list_box.list_box39{background: #fff; border: 0;}
.stats_box .graph01_list_box.list_box39 ul li{ padding-left: 1.8rem;}
.stats_box .graph01_list_box.list_box39 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_16_2_list1.png)no-repeat 0 3px;  }
.stats_box .graph01_list_box.list_box39 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_16_2_list2.png)no-repeat 0 3px;  }

/* //201231추가 */

/* 210217 */

/* stats_17_실업률 변화 */
.stats_box .graph_box.box17 { margin:1rem 0;background:#fafafa; padding:2rem 1.5rem; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); text-align:center; overflow: hidden;}
.stats_box .graph_box.box17 h3 { text-align:center; font-size:22px; color:#333; position:relative; font-weight:600; display: inline-block;}
.stats_box .graph_box.box17 h3:before { position:absolute; left:0; bottom:0; width:100%; height:0.6rem; border-radius:0.6rem; background:url(/ubin_old_file/images/web/ubin/sub/stats_tit2_bg.png)repeat; content:''; }
.stats_box .graph_box.box17 h3 span{ position:relative; }
.stats_box .graph_box.box17 p.unit {text-align:right; margin:0 0 1rem;}
.stats_box .graph_box .graph17{margin: 0 auto; width: 1023px; height:505px; position: relative;}
.stats_box .graph_box .graph17 p { position:absolute; }

/* 1번그래프 */
.stats_box .graph_box .graph17 .graph17_img { position:absolute; }
.stats_box .graph_box .graph17 .graph17_01 p {bottom:7.4rem;left: 4.5rem;}
.stats_box .graph_box .graph17 .graph17_02 p {bottom:7.4rem;left: 10rem;}
.stats_box .graph_box .graph17 .graph17_03 p {bottom:7.4rem;left: 15.1rem;}
.stats_box .graph_box .graph17 .graph17_04 p {bottom:7.4rem; left:20.3rem; }
.stats_box .graph_box .graph17 .graph17_05 p {bottom:7.4rem;left: 25.4rem;}
.stats_box .graph_box .graph17 .graph17_06 p {bottom:7.4rem;left: 30.8rem;}
.stats_box .graph_box .graph17 .graph17_07 p {bottom:7.4rem;left: 35.7rem;}
.stats_box .graph_box .graph17 .graph17_08 p {bottom:7.4rem;left: 41.2rem;}
.stats_box .graph_box .graph17 .graph17_09 p {bottom:7.4rem;left: 46.3rem;}
.stats_box .graph01_list_box.list_box40{background: #fff; }
.stats_box .graph01_list_box.list_box40 ul li{ padding-left: 1.8rem;}
.stats_box .graph01_list_box.list_box40 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_17_1_list1.png)no-repeat 0 3px;  }
.stats_box .graph01_list_box.list_box40 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_17_1_list2.png)no-repeat 0 3px;  }


/* stats_18_도시재생 뉴딜사업 유형별 사업추진 현황 */
@keyframes scale{
    0%{transform: scale(0.2); -webkit-transform: scale(0);}
    100%{transform: scale(1); -webkit-transform: scale(1);}
}

.chart_18{width: 50%; float: left;}
.chart_18 img{animation: scale 0.5s linear;}
.stats_box .graph_box .graph18{margin: 0 auto; width: 527px; height:344px; position: relative;}
.stats_box .graph_box .graph18 p { position:absolute; }

.noMa{margin: 0 !important;}

/* 1번그래프 */
.stats_box .graph_box .graph18{width: 50%; float: left;}
.stats_box .graph_box .graph18 .graph18_img { position:absolute; }
.stats_box .graph_box .graph18 .graph18_01 p {bottom:6.2rem;left: 5.2rem;}
.stats_box .graph_box .graph18 .graph18_02 p {bottom:6.5rem;left: 5.2rem;}
.stats_box .graph_box .graph18 .graph18_03 p {bottom:6.6rem;left: 5.2rem; z-index: 1;}
.stats_box .graph_box .graph18 .graph18_04 p {bottom:6.7rem; left:5.2rem; }
.stats_box .graph_box .graph18 .graph18_05 p {bottom:2.1rem;left: 5.2rem;}
.stats_box .graph01_list_box.list_box41{background: #fff; border: 1px solid #ccc; width: 50%; float: right;}
.stats_box .graph01_list_box.list_box41 ul li{ padding-left: 0.8rem; margin-bottom: 0.5rem;}
.stats_box .graph01_list_box.list_box41 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_18_1_list1.png)no-repeat 0 8px;  }
.stats_box .graph01_list_box.list_box41 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_18_1_list2.png)no-repeat 0 8px;  }
.stats_box .graph01_list_box.list_box41 ul li.num03{ background:url(/ubin_old_file/images/web/ubin/sub/stats_18_1_list3.png)no-repeat 0 8px;  }
.stats_box .graph01_list_box.list_box41 ul li.num04{ background:url(/ubin_old_file/images/web/ubin/sub/stats_18_1_list4.png)no-repeat 0 8px;  }
.stats_box .graph01_list_box.list_box41 ul li.num05{ background:url(/ubin_old_file/images/web/ubin/sub/stats_18_1_list5.png)no-repeat 0 8px;  }


/* stats_19_도시규모별 재생사업 선정현황 */

.chart_19{width: 50%; float: left;}
.chart_19 img{animation: scale 0.5s linear;}
.stats_box .graph_box .graph19{margin: 0 auto; width: 405px; height:405px; position: relative;}
.stats_box .graph_box .graph19 p { position:absolute; }


/* 1번그래프 */
.stats_box .graph_box .graph19{width: 50%; float: left;}
.stats_box .graph_box .graph19 .graph19_img { position:absolute; }
.stats_box .graph_box .graph19 .graph19_01 p {bottom:4.5rem;left: 4.5rem;}
.stats_box .graph_box .graph19 .graph19_02 p {bottom:5.9rem;left: 4.5rem;}
.stats_box .graph_box .graph19 .graph19_03 p {bottom:6.5rem;left: 4.5rem; z-index: 1;}
.stats_box .graph01_list_box.list_box42{background: #fff; border: 1px solid #ccc; width: 100%; float: left;}
.stats_box .graph01_list_box.list_box42 ul li{ padding-left: 0.8rem;}
.stats_box .graph01_list_box.list_box42 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_19_1_list1.png)no-repeat 0 8px;  }
.stats_box .graph01_list_box.list_box42 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_19_1_list2.png)no-repeat 0 8px;  }
.stats_box .graph01_list_box.list_box42 ul li.num03{ background:url(/ubin_old_file/images/web/ubin/sub/stats_19_1_list3.png)no-repeat 0 8px;  }

/* stats_20_도시사업별 사업추진 현황 */
.stats_box .graph_box.box20 { margin:1rem 0;background:#fafafa; padding:2rem 1.5rem; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); text-align:center; overflow: hidden;}
.stats_box .graph_box.box20 h3 { text-align:center; font-size:22px; color:#333; position:relative; font-weight:600; display: inline-block;}
.stats_box .graph_box.box20 h3:before { position:absolute; left:0; bottom:0; width:100%; height:0.6rem; border-radius:0.6rem; background:url(/ubin_old_file/images/web/ubin/sub/stats_tit2_bg.png)repeat; content:''; }
.stats_box .graph_box.box20 h3 span{ position:relative; }
.stats_box .graph_box.box20 p.unit {text-align:right; margin:0 0 1rem;}
.stats_box .graph20_wrap{width: 50%; float: left;}

.stats_box .graph_box .graph20{margin: 0 auto; width: 500px; height:390px; position: relative;}
.stats_box .graph_box .graph20 p { position:absolute; }

.stats_box .graph_box.box20 h4{display: inline-block; background: #6fb1f5; color: #fff; font-size: 0.9rem; width: 9.5rem; padding: 0.4rem 0; border-radius: 1.5rem; text-align: center; position: relative;}
.stats_box .graph_box.box20 h4::before{content: ""; width: 0.6rem; height: 0.6rem; background: #3981cb; position: absolute; top: -0.2rem; left: 1rem; border-radius: 50%;}
.stats_box .graph_box .graph20_wrap.wrap2 h4{background: #00b4a8;}
.stats_box .graph_box .graph20_wrap.wrap2 h4::before{background: #188881;}

/* 1번그래프 */
.stats_box .graph_box .graph20 .graph20_img { position:absolute; }
.stats_box .graph_box .graph20 .graph20_01 p {bottom:17rem;left: 8.45rem;}
.stats_box .graph_box .graph20 .graph20_02 p {bottom:14.2rem;left:8.45rem;}
.stats_box .graph_box .graph20 .graph20_03 p {bottom:11.2rem;left: 8.45rem;}
.stats_box .graph_box .graph20 .graph20_04 p {bottom:8.3rem; left:8.45rem; }
.stats_box .graph_box .graph20 .graph20_05 p {bottom:5.4rem;left: 8.45rem;}
.stats_box .graph_box .graph20 .graph20_06 p {bottom:2.8rem;left: 8.45rem;}

/* 2번그래프 */
.stats_box .graph_box .graph20.graph20_2 .graph20_img { position:absolute; }
.stats_box .graph_box .graph20.graph20_2 .graph20_01 p {bottom:17rem;left: 8.45rem;}
.stats_box .graph_box .graph20.graph20_2 .graph20_02 p {bottom:14.2rem;left:8.45rem;}
.stats_box .graph_box .graph20.graph20_2 .graph20_03 p {bottom:11.2rem;left: 8.45rem;}
.stats_box .graph_box .graph20.graph20_2 .graph20_04 p {bottom:8.3rem; left:8.45rem; }
.stats_box .graph_box .graph20.graph20_2 .graph20_05 p {bottom:5.4rem;left: 8.45rem;}
.stats_box .graph_box .graph20.graph20_2 .graph20_06 p {bottom:2.8rem;left: 8.45rem;}


/* stats_21_인구구조 변화(2019년, 2035년 기준)  */
.stats_box .graph_box.box21{background: #f2f5fb;}
.stats_box .graph_box.box21 h3 { text-align:center; font-size:22px; color:#333; position:relative; font-weight:600; display: inline-block;}
.stats_box .graph_box.box21 h3:before { position:absolute; left:0; bottom:0; width:100%; height:0.6rem; border-radius:0.6rem; background:url(/ubin_old_file/images/web/ubin/sub/stats_tit2_bg.png)repeat; content:''; }
.stats_box .graph_box.box21 h3 span{ position:relative; }
.stats_box .graph_box .graph21{margin: 0 auto; width: 1023px; height: 475px; position: relative;}
.stats_box .graph_box .graph21 p { position:absolute; }

/* 1번그래프 */
.stats_box .graph_box .graph21 .graph21_img { position:absolute; }
.stats_box .graph_box .graph21 .graph21_line { position:absolute; left: 9.3rem; top: 1.15rem; z-index: 10;}
.stats_box .graph_box .graph21 .graph21_01 p { bottom: 4.2rem; left:6.2rem; }
.stats_box .graph_box .graph21 .graph21_02 p { bottom: 4.2rem; left:12.7rem; }
.stats_box .graph_box .graph21 .graph21_03 p { bottom: 4.2rem; left:19rem; }
.stats_box .graph_box .graph21 .graph21_04 p { bottom: 4.2rem; left:25.5rem; }
.stats_box .graph_box .graph21 .graph21_05 p { bottom: 4.2rem; left:32rem; }
.stats_box .graph_box .graph21 .graph21_06 p { bottom: 4.2rem; left:38.5rem; }
.stats_box .graph_box .graph21 .graph21_07 p { bottom: 4.2rem; left:44.7rem; }
.stats_box .graph01_list_box.list_box43{background: #fff;}
.stats_box .graph01_list_box.list_box43 ul li{ padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box43 ul li.num01{ background:url(/ubin_old_file/images/web/ubin/sub/stats_21_1_list1.png)no-repeat 0 7px;  }
.stats_box .graph01_list_box.list_box43 ul li.num02{ background:url(/ubin_old_file/images/web/ubin/sub/stats_21_1_list2.png)no-repeat 0 7px;  }
.stats_box .graph01_list_box.list_box43 ul li.num03{ background:url(/ubin_old_file/images/web/ubin/sub/stats_21_1_list3.png)no-repeat 0 7px;  }


/* 220701 추가 */
/* stats_22_2019 ~ 2035년 도시 규모별 인구구조 변화  */
.stats_box .graph_box.box22{background: #fff; border: 1px solid #999;}
.stats_box .graph_box .graph22{margin: 0 auto; width: 1023px; height: 1280px; position: relative;}
.stats_box .graph_box .graph22 p { position:absolute; }


/* 1번그래프 */
.stats_box .graph_box .graph22 .graph22_img { position:absolute; }
.stats_box .graph_box .graph22_1 .graph22_01 p {top: 1.55rem;left: 4.8rem;}
.stats_box .graph_box .graph22_1 .graph22_02 p {top: 13.3rem;left: 1.4rem;}
.stats_box .graph_box .graph22_1 .graph22_03 p {top: 24.75rem;left: 3rem;}
.stats_box .graph_box .graph22_1 .graph22_04 p {top: 1.6rem;right: 6.4rem;}
.stats_box .graph_box .graph22_1 .graph22_05 p {top: 13.9rem;right: 2.9rem;}
.stats_box .graph_box .graph22_1 .graph22_06 p {bottom: 30rem;right: 3.5rem;}
.stats_box .graph_box .graph22_1 .graph22_07 p {bottom: 3.5rem;left: 5.7rem;}
.stats_box .graph_box .graph22_1 .graph22_08 p {bottom: 3.5rem;left: 12.7rem;}
.stats_box .graph_box .graph22_1 .graph22_09 p {bottom: 3.5rem;left: 23rem;}
.stats_box .graph_box .graph22_1 .graph22_010 p {bottom: 3.5rem;right: 18rem;}
.stats_box .graph_box .graph22_1 .graph22_011 p {bottom: 3.5rem;right: 11.5rem;}
.stats_box .graph_box .graph22_1 .graph22_012 p {bottom: 3.5rem;right: 4.4rem;}
.stats_box .graph_box .graph22_1 .graph22_013 p {bottom: 4rem;left: 9rem;}
.stats_box .graph_box .graph22_1 .graph22_014 p {bottom: 85px;left: 525px;}
.stats_box .graph_box .graph22_1 .graph22_015 p {bottom: 85px;left: 794px;}

/* 2번그래프 */
.stats_box .graph_box .graph22_2 .graph22_img { position:absolute; }
.stats_box .graph_box .graph22_2 .graph22_01 p {top: 1.5rem;left: 4.6rem;}
.stats_box .graph_box .graph22_2 .graph22_02 p {top: 13.3rem;left: 1.5rem;}
.stats_box .graph_box .graph22_2 .graph22_03 p {top: 24.7rem;left: 2.7rem;}
.stats_box .graph_box .graph22_2 .graph22_04 p {top: 1.5rem;right: 5.7rem;}
.stats_box .graph_box .graph22_2 .graph22_05 p {top: 13.9rem;right: 3.3rem;}
.stats_box .graph_box .graph22_2 .graph22_06 p {bottom: 30.1rem;right: 3.7rem;}
.stats_box .graph_box .graph22_2 .graph22_07 p {bottom: 3.5rem;left: 5.7rem;}
.stats_box .graph_box .graph22_2 .graph22_08 p {bottom: 3.5rem;left: 12.7rem;}
.stats_box .graph_box .graph22_2 .graph22_09 p {bottom: 3.5rem;left: 21rem;}
.stats_box .graph_box .graph22_2 .graph22_010 p {bottom: 3.5rem;left: 25.5rem;}
.stats_box .graph_box .graph22_2 .graph22_011 p {bottom: 3.5rem;right: 17.8rem;}
.stats_box .graph_box .graph22_2 .graph22_012 p {bottom: 3.5rem;right: 13.2rem;}
.stats_box .graph_box .graph22_2 .graph22_013 p {bottom: 3.5rem;right: 7.8rem;}
.stats_box .graph_box .graph22_2 .graph22_014 p {bottom: 3.5rem;right: 3.3rem;}
.stats_box .graph_box .graph22_2 .graph22_015 p {bottom: 4.2rem;left: 8.9rem;}
.stats_box .graph_box .graph22_2 .graph22_016 p {bottom: 4.1rem;left: 23.7rem;}
.stats_box .graph_box .graph22_2 .graph22_017 p {bottom: 4.1rem;right: 16rem;}
.stats_box .graph_box .graph22_2 .graph22_018 p {bottom: 4.2rem;right: 6rem;}

/* 3번그래프 */
.stats_box .graph_box .graph22_3 .graph22_img { position:absolute; }
.stats_box .graph_box .graph22_3 .graph22_01 p {top: 1.55rem;left: 3.8rem;}
.stats_box .graph_box .graph22_3 .graph22_02 p {top: 19.4rem;left: 2.4rem;}
.stats_box .graph_box .graph22_3 .graph22_03 p {top: 2rem;right: 5.5rem;}
.stats_box .graph_box .graph22_3 .graph22_04 p {bottom: 29.6rem;right: 3.6rem;}
.stats_box .graph_box .graph22_3 .graph22_05 p {bottom: 3.1rem;left: 9.7rem;}
.stats_box .graph_box .graph22_3 .graph22_06 p {bottom: 3.1rem;left: 16.8rem;}
.stats_box .graph_box .graph22_3 .graph22_07 p {bottom: 3.1rem;right: 15rem;}
.stats_box .graph_box .graph22_3 .graph22_08 p {bottom: 3.1rem;right: 8.1rem;}
.stats_box .graph_box .graph22_3 .graph22_09 p {bottom: 3.9rem;left: 13rem;}
.stats_box .graph_box .graph22_3 .graph22_010 p {bottom: 3.3rem;right: 11.3rem;}


.stats_box .graph01_list_box.list_box44{background: #fff;}
.stats_box .graph01_list_box.list_box44 ul li{ position: relative; padding-left: 1.5rem;}
.stats_box .graph01_list_box.list_box44 ul li.num01::before {content: '';background: #179abf;display: block;width: 20px;height: 20px;position: absolute;left: 0;top: 2px;}
.stats_box .graph01_list_box.list_box44 ul li.num02::before {content: '';background: #fcd358;display: block;width: 20px;height: 20px;position: absolute;left: 0;top: 2px;}
.stats_box .graph01_list_box.list_box44 ul li.num03::before {content: '';background: #d5d7db;display: block;width: 20px;height: 20px;position: absolute;left: 0;top: 2px;}


/* 220701 추가 */





/* //210217 */

.stats_box .scroll_gr {position:relative;} /* 스크롤 */

/* 210122추가 */
.source_box p {font-weight:bold; color:#000; font-family:'NomoM'; font-size:14px;}
.source_box p span {position:relative;box-shadow: inset rgba(246,216,224,.2) 0 -8px 0;}
.source_box p span::before {position:absolute; bottom:0; left:0; width:100%; height:1rem; content:'';} 
.source_box ul li {font-family:'NomoM'; font-size:14px; color:#333;}
.source_box ul.list_st4 li a:hover {color:#00b6cd;} 
/* //210122추가 */







@media screen and (max-width:1200px){ 
    
    /* 210217 수정 */
    .stats_box .graph_box .graph01, .stats_box .graph_box .graph02, .stats_box .graph_box .graph03, .stats_box .graph_box .graph04, .stats_box .graph_box .graph05, .stats_box .graph_box .graph06, .stats_box .graph_box .graph07, .stats_box .graph_box .graph08, .stats_box .graph_box .graph09, .stats_box .graph_box .graph10, .stats_box .graph_box .graph12, .stats_box .graph_box .graph13, .stats_box .graph_box .graph14, .stats_box .graph_box .graph15, .stats_box .graph_box .graph16, .stats_box .graph_box .graph17, .stats_box .graph_box .graph16, .stats_box .graph_box .graph21,
    .stats_box .graph_box .graph22 { width:100%; } /* 220701 */
    .stats_box .graph_box.box11 .graphWrap{width: 100%; float: none;}
    .stats_box .graph01_list_box { padding:1rem; box-sizing: border-box;}
    .stats_box .graph01_list_box ul { overflow:hidden;text-align: center;}
    .stats_box .graph01_list_box ul li { margin-bottom:0.8rem; display: block; float:left; width:30%; text-align: left;}


    *[class*="mt-act"], *[class*="mt-act-fast"]{ opacity: 1 !important; transition-delay: 0 !important; -webkit-transition-delay: 0 !important; transform: translate(0) !important; -webkit-transform: translate(0) !important; -ms-transform: translate(0) !important; -moz-transform: translate(0) !important; }
    .active *[class*="mt-act"], .active *[class*="mt-act-fast"], .active *[class*="mt2-act"] {transition-delay: 0 !important; -webkit-transition-delay: 0 !important; } 
    

	/* 스크롤 - 그라데이션 */
	.stats_box .scroll_gr {width:100%; overflow-x:auto; background-repeat:no-repeat; 
		background-image:linear-gradient(to left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        background-position:right 5px ; background-size:30px 100%; z-index:1} 
        
        /* 02 */
        .stats_box .graph01_list_box.graph01_list_box.list_box02 ul li, .stats_box .graph01_list_box.graph01_list_box.list_box03 ul li, .stats_box .graph01_list_box.graph01_list_box.list_box04 ul li{width: 50%; margin-right: 0; padding: 0.3rem 0 0.3rem 4.2rem; background-position: 0 8px;}
        .stats_box .graph01_list_box ul li.sum{background-position: 0.5rem 0.9rem !important; }

        /* 03 */
        .stats_box .graph01_list_box.graph01_list_box.list_box05 ul li, .stats_box .graph01_list_box.graph01_list_box.list_box06 ul li, .stats_box .graph01_list_box.graph01_list_box.list_box07 ul li{width: 50%; margin-right: 0; padding: 0.3rem 0 0.3rem 4.2rem; background-position: 0 8px;}
        .stats_box .graph01_list_box ul li.sum{background-position: 0.5rem 0.9rem !important; }

        /* 05 */
        .stats_box .graph01_list_box.list_box11 ul li.sum, .stats_box .graph01_list_box.list_box12 ul li.sum, .stats_box .graph01_list_box.list_box13 ul li.sum{ background-position: 0 11px !important;}

        /* 06 */
        .stats_box .graph01_list_box.list_box14 ul li.sum, .stats_box .graph01_list_box.list_box15 ul li.sum, .stats_box .graph01_list_box.list_box16 ul li.sum{ background-position: 0 11px !important;}

        /* 07 */
        .stats_box .graph01_list_box.list_box17 ul li.sum, .stats_box .graph01_list_box.list_box18 ul li.sum, .stats_box .graph01_list_box.list_box19 ul li.sum{ background-position: 0 11px !important;}

        /* 08 */
        .stats_box .graph01_list_box.list_box20 ul li.sum, .stats_box .graph01_list_box.list_box21 ul li.sum, .stats_box .graph01_list_box.list_box22 ul li.sum{ background-position: 0 3px !important;}
        .stats_box .graph01_list_box.list_box20 ul li.num01, .stats_box .graph01_list_box.list_box20 ul li.num02, .stats_box .graph01_list_box.list_box21 ul li.num01, .stats_box .graph01_list_box.list_box21 ul li.num02, .stats_box .graph01_list_box.list_box21 ul li.num03, .graph01_list_box.list_box22 ul li.num01{background-position: 0 3px !important;}

        /* 11 */
        .stats_box .graph01_list_box.list_box29 ul li.sum, .stats_box .graph01_list_box.list_box30 ul li.sum, .stats_box .graph01_list_box.list_box31 ul li.sum{ background-position: 0 8px !important;}
        .stats_box .graph_box .graph11.scroll_gr{background-image: none;}

        /* 12 */
        .stats_box .graph01_list_box.list_box23 ul li.sum, .stats_box .graph01_list_box.list_box24 ul li.sum, .stats_box .graph01_list_box.list_box25 ul li.sum{ background-position: 0 3px !important;}

        /* 13 */
        .stats_box .graph_box .graph13 div{overflow: visible;}

        /* 15 */
        .stats_box .graph01_list_box.list_box32 ul li.sum, .stats_box .graph01_list_box.list_box33 ul li.sum, .stats_box .graph01_list_box.list_box34 ul li.sum, .stats_box .graph01_list_box.list_box35 ul li.sum, .stats_box .graph01_list_box.list_box36 ul li.sum, .stats_box .graph01_list_box.list_box37 ul li.sum{ background-position: 0 11px !important;}
    

        /* 18 210217 추가 */
        .stats_box .graph_box .graph18.scroll_gr{background-image: none;}

        /* 19 210217 추가 */
        .stats_box .graph_box .graph19.scroll_gr{background-image: none;}

        /* 20 210217 추가 */
        .stats_box .graph_box .graph20.scroll_gr{background-image: none;}
        .stats_box .graph20_wrap{width: 100%; float: none; margin-bottom: 20px;}
    

        
}

@media screen and (max-width:1024px){
    /* 02 */
    .stats_box .graph_box .graph02 .graph02_01 p {bottom: 58px; left:152px; }
    .stats_box .graph_box .graph02 .graph02_02 p {bottom: 58px; left:302px; }
    .stats_box .graph_box .graph02 .graph02_03 p {bottom: 58px; left:456px; }
    .stats_box .graph_box .graph02 .graph02_04 p {bottom: 58px; left:605px; }
    .stats_box .graph_box .graph02 .graph02_05 p {bottom: 58px; left:758px; }
    .stats_box .graph_box .graph02 .graph02_06 p {bottom: 58px; left:910px; }
    .stats_box .graph_box .graph02 .graph02_line {top: 48px; left: 183px; }
    .stats_box .graph_box .graph02_2 .graph02_2_line{left: 183px; bottom: 190px;}
    .stats_box .graph_box .graph02_3 .graph02_3_line{left: 183px; bottom: 210px;}

    /* 03 */
    .stats_box .graph_box .graph03 .graph03_01 p {bottom: 61px; left:152px; }
    .stats_box .graph_box .graph03 .graph03_02 p {bottom: 61px; left:303px; }
    .stats_box .graph_box .graph03 .graph03_03 p {bottom: 61px; left:456px; }
    .stats_box .graph_box .graph03 .graph03_04 p {bottom: 61px; left:606px; }
    .stats_box .graph_box .graph03 .graph03_05 p {bottom: 61px; left:758px; }
    .stats_box .graph_box .graph03 .graph03_06 p {bottom: 61px; left:910px; }
    .stats_box .graph_box .graph03 .graph03_line {top: 152px; left: 185px; }
    .stats_box .graph_box .graph03_2 .graph03_2_line{left: 185px; bottom: 129px;}
    .stats_box .graph_box .graph03_3 .graph03_3_line{left: 185px; bottom: 132px;}

     /* 04 */
     .stats_box .graph_box .graph04 .graph04_01 p {bottom: 59px; left:142px; }
     .stats_box .graph_box .graph04 .graph04_02 p {bottom: 59px; left:299px; }
     .stats_box .graph_box .graph04 .graph04_03 p {bottom: 59px; left:460px; }
     .stats_box .graph_box .graph04 .graph04_04 p {bottom: 59px; left:618px; }
     .stats_box .graph_box .graph04 .graph04_05 p {bottom: 59px; left:778px; }
     .stats_box .graph_box .graph04 .graph04_06 p {bottom: 59px; left:930px; }
     .stats_box .graph_box .graph04 .graph04_line {top: 74px; left: 166px; }
     .stats_box .graph_box .graph04_2 .graph04_2_line{left: 166px; bottom: 125px;}
     .stats_box .graph_box .graph04_3 .graph04_3_line{left: 166px; bottom: 153px;}

     /* 05 */
     .stats_box .graph_box .graph05 .graph05_01 p {bottom: 59px; left:152px; }
     .stats_box .graph_box .graph05 .graph05_02 p {bottom: 59px; left:304px; }
     .stats_box .graph_box .graph05 .graph05_03 p {bottom: 59px; left:457px; }
     .stats_box .graph_box .graph05 .graph05_04 p {bottom: 59px; left:609px; }
     .stats_box .graph_box .graph05 .graph05_05 p {bottom: 59px; left:760px; }
     .stats_box .graph_box .graph05 .graph05_06 p {bottom: 59px; left:915px; }
     .stats_box .graph_box .graph05 .graph05_line {top: 100px; left: 166px; }
     .stats_box .graph_box .graph05_2 .graph05_2_line{left: 166px; bottom: 76px;}
     .stats_box .graph_box .graph05_3 .graph05_3_line{left: 166px; bottom: 57px;}

     /* 06 */
     .stats_box .graph_box .graph06 .graph06_01 p {bottom: 58px; left:152px; }
     .stats_box .graph_box .graph06 .graph06_02 p {bottom: 58px; left:334px; }
     .stats_box .graph_box .graph06 .graph06_03 p {bottom: 58px; left:520px; }
     .stats_box .graph_box .graph06 .graph06_04 p {bottom: 58px; left:701px; }
     .stats_box .graph_box .graph06 .graph06_05 p {bottom: 58px; left:880px; }
     .stats_box .graph_box .graph06 .graph06_line {top: 22px; left: 186px; }
     .stats_box .graph_box .graph06_2 .graph06_2_line{left: 186px; bottom: 137px;}
     .stats_box .graph_box .graph06_3 .graph06_3_line{left: 186px; bottom: 69px;}

     /* 07 */
     .stats_box .graph_box .graph07 .graph07_01 p {bottom: 58px; left:152px; }
     .stats_box .graph_box .graph07 .graph07_02 p {bottom: 58px; left:334px; }
     .stats_box .graph_box .graph07 .graph07_03 p {bottom: 58px; left:520px; }
     .stats_box .graph_box .graph07 .graph07_04 p {bottom: 58px; left:701px; }
     .stats_box .graph_box .graph07 .graph07_05 p {bottom: 58px; left:880px; }
     .stats_box .graph_box .graph07 .graph07_line {top: 60px; left: 186px; }
     .stats_box .graph_box .graph07_2 .graph07_2_line{left: 186px; bottom: 106px;}
     .stats_box .graph_box .graph07_3 .graph07_3_line{left: 186px; bottom: 67px;}

     /* 08 */
     .stats_box .graph_box .graph08 .graph08_01 p {bottom: 96px; left:134px; }
     .stats_box .graph_box .graph08 .graph08_02 p {bottom: 96px; left:334px; }
     .stats_box .graph_box .graph08 .graph08_03 p {bottom: 96px; left:530px; }
     .stats_box .graph_box .graph08 .graph08_04 p {bottom: 96px; left:730px; }
     .stats_box .graph_box .graph08 .graph08_05 p {bottom: 96px; left:933px; }
     .stats_box .graph_box .graph08 .graph08_line {top: 42px; left: 156px; }
     .stats_box .graph_box .graph08_2 .graph08_2_line{left: 156px; bottom: 177px;}
     .stats_box .graph_box .graph08_3 .graph08_3_line{left: 156px; bottom: 108px;}

     /* 09 */
     .stats_box .graph_box .graph09 .graph09_01 p {bottom: 20px; left:20%; }
     .stats_box .graph_box .graph09 .graph09_02 p {bottom: 20px; left:60%; }
     .stats_box .graph_box .graph09_2 .graph09_01 p { bottom: 20px; left:150px; }
    .stats_box .graph_box .graph09_2 .graph09_02 p { bottom: 20px; left:355px; }
    .stats_box .graph_box .graph09_2 .graph09_03 p { bottom: 20px; left:560px; }
    .stats_box .graph_box .graph09_2 .graph09_04 p { bottom: 20px; left:765px; }

     /* 10 */
     .stats_box .graph_box .graph10 .graph10_01 p {bottom: 20px; left:20%; }
     .stats_box .graph_box .graph10 .graph10_02 p {bottom: 20px; left:60%; }
     .stats_box .graph_box .graph10_2 .graph10_01 p { bottom: 20px; left:150px; }
    .stats_box .graph_box .graph10_2 .graph10_02 p { bottom: 20px; left:355px; }
    .stats_box .graph_box .graph10_2 .graph10_03 p { bottom: 20px; left:560px; }
    .stats_box .graph_box .graph10_2 .graph10_04 p { bottom: 20px; left:765px; }

     /* 11 */
     .stats_box .graph_box .graph11 .graph11_01 p { bottom: 52px; left:83px; }
    .stats_box .graph_box .graph11 .graph11_02 p { bottom: 52px; left:195px; }
    .stats_box .graph_box .graph11 .graph11_03 p { bottom: 52px; left:310px; }
    .stats_box .graph_box .graph11 .graph11_04 p { bottom: 52px; left:420px; }
    .stats_box .graph_box .graph11.two .graph11_01 p { bottom: 52px; left:129px; }
    .stats_box .graph_box .graph11.two .graph11_02 p { bottom: 52px; left:222px; }
    .stats_box .graph_box .graph11.two .graph11_03 p { bottom: 52px; left:315px; }
    .stats_box .graph_box .graph11.two .graph11_04 p { bottom: 52px; left:413px; } 
    .stats_box .graph_box .graph11 .graph11_line {top: 108px; left: 100px; }
    .stats_box .graph_box .graph11 .graph11_2_line {top: 23px; left: 143px; }
    .stats_box .graph_box .graph11 .graph11_3_line {top: 169px; left: 100px; }
    .stats_box .graph_box .graph11 .graph11_4_line {top: 208px; left: 143px; }
    .stats_box .graph_box .graph11 .graph11_5_line {top: 276px; left: 100px; }
    .stats_box .graph_box .graph11 .graph11_6_line {top: 308px; left: 143px; }

    /* 12 */
    .stats_box .graph_box .graph12 .graph12_01 p {bottom: 39px; left:173px; }
    .stats_box .graph_box .graph12 .graph12_02 p {bottom: 39px; left:418px; }
    .stats_box .graph_box .graph12 .graph12_03 p {bottom: 39px; left:665px; }
    .stats_box .graph_box .graph12 .graph12_04 p {bottom: 39px; left:911px; }
    .stats_box .graph_box .graph12 .graph12_line {top: 24px; left: 190px; }
    .stats_box .graph_box .graph12_2 .graph12_2_line{left: 190px; bottom: 165px;}
    .stats_box .graph_box .graph12_3 .graph12_3_line{left: 190px; bottom: 65px;}

    /* 13 */
    .stats_box .graph_box .horGraph h4{position: relative; padding: 0.4rem 0;}
    .stats_box .graph_box .horGraph ul{display: block; text-align: center;}

    /* 14 */
    .stats_box .graph_box .graph14 .graph14_01 p {bottom: 106px; left:147px; }
    .stats_box .graph_box .graph14 .graph14_02 p {bottom: 106px; left:249px; }
    .stats_box .graph_box .graph14 .graph14_03 p {bottom: 106px; left:346px; }
    .stats_box .graph_box .graph14 .graph14_04 p {bottom: 106px; left:439px; }
    .stats_box .graph_box .graph14 .graph14_05 p {bottom: 106px; left:540px; }
    .stats_box .graph_box .graph14 .graph14_06 p {bottom: 106px; left:637px; }
    .stats_box .graph_box .graph14 .graph14_07 p {bottom: 106px; left:735px; }
    .stats_box .graph_box .graph14 .graph14_08 p {bottom: 106px; left:831px; }
    .stats_box .graph_box .graph14 .graph14_09 p {bottom: 106px; left:927px; }
    .stats_box .graph_box .graph14_2 .graph14_01 p {bottom: 108px; left:143px; }
    .stats_box .graph_box .graph14_2 .graph14_02 p {bottom: 108px; left:239px; }
    .stats_box .graph_box .graph14_2 .graph14_03 p {bottom: 108px; left:335px; }
    .stats_box .graph_box .graph14_2 .graph14_04 p {bottom: 108px; left:430px; }
    .stats_box .graph_box .graph14_2 .graph14_05 p {bottom: 108px; left:530px; }
    .stats_box .graph_box .graph14_2 .graph14_06 p {bottom: 108px; left:627px; }
    .stats_box .graph_box .graph14_2 .graph14_07 p {bottom: 108px; left:725px; }
    .stats_box .graph_box .graph14_2 .graph14_08 p {bottom: 108px; left:822px; }
    .stats_box .graph_box .graph14_2 .graph14_09 p {bottom: 108px; left:916px; }
    .stats_box .graph_box .graph14_3 .graph14_01 p {bottom: 103px; left:163px; }
    .stats_box .graph_box .graph14_3 .graph14_02 p {bottom: 103px; left:259px; }
    .stats_box .graph_box .graph14_3 .graph14_03 p {bottom: 103px; left:357px; }
    .stats_box .graph_box .graph14_3 .graph14_04 p {bottom: 103px; left:452px; }
    .stats_box .graph_box .graph14_3 .graph14_05 p {bottom: 103px; left:550px; }
    .stats_box .graph_box .graph14_3 .graph14_06 p {bottom: 103px; left:647px; }
    .stats_box .graph_box .graph14_3 .graph14_07 p {bottom: 103px; left:745px; }
    .stats_box .graph_box .graph14_3 .graph14_08 p {bottom: 103px; left:842px; }
    .stats_box .graph_box .graph14_3 .graph14_09 p {bottom: 103px; left:936px; }

    /* 15 */
    .stats_box .graph_box .graph15 .graph15_01 p { bottom: 54px; left:133px; }
    .stats_box .graph_box .graph15 .graph15_02 p { bottom: 54px; left:333px; }
    .stats_box .graph_box .graph15 .graph15_03 p { bottom: 54px; left:535px; }
    .stats_box .graph_box .graph15 .graph15_04 p { bottom: 54px; left:737px; }
    .stats_box .graph_box .graph15 .graph15_05 p { bottom: 54px; left:936px; }
    .stats_box .graph_box .graph15 .graph15_line {top: 55px; left: 155px; }
    .stats_box .graph_box .graph15 .graph15_2_line {bottom: 122px; left: 155px; }
    .stats_box .graph_box .graph15 .graph15_3_line {bottom: 65px; left: 155px; }
    .stats_box .graph_box .graph15 .graph15_4_line {top:62px; left: 155px; }
    .stats_box .graph_box .graph15 .graph15_5_line {top: 413px; left: 155px; }
    .stats_box .graph_box .graph15 .graph15_6_line {top: auto; bottom: 66px; left: 155px; }
    .stats_box .graph_box .graph15 .graph15_7_line {top: 113px; left: 192px; }
    .stats_box .graph_box .graph15.two .graph15_01 p { top: 70px; left:168px; }
    .stats_box .graph_box .graph15.two .graph15_02 p { top: 140px; left:338px; }
    .stats_box .graph_box .graph15.two .graph15_03 p { top:128px; left:505px; }
    .stats_box .graph_box .graph15.two .graph15_04 p { bottom: 152px; left:674px; }
    .stats_box .graph_box .graph15.two .graph15_05 p { bottom: 152px; left:842px; }
    .stats_box .graph_box .graph15 .graph15_8_line {top: 219px; left: 192px; }
    .stats_box .graph_box .graph15.thr .graph15_01 p { top: 252px; left:168px; }
    .stats_box .graph_box .graph15.thr .graph15_02 p { top: 255px; left:338px; }
    .stats_box .graph_box .graph15.thr .graph15_03 p { top: 245px; left:505px; }
    .stats_box .graph_box .graph15.thr .graph15_04 p { bottom: 260px; left:674px; }
    .stats_box .graph_box .graph15.thr .graph15_05 p { bottom: 225px; left:842px; }
    .stats_box .graph_box .graph15 .graph15_9_line {top: 258px; left: 192px; }
    .stats_box .graph_box .graph15.four .graph15_01 p { top: 276px; left:168px; }
    .stats_box .graph_box .graph15.four .graph15_02 p { top: 276px; left:338px; }
    .stats_box .graph_box .graph15.four .graph15_03 p { top: 271px; left:505px; }
    .stats_box .graph_box .graph15.four .graph15_04 p { bottom: 260px; left:674px; }
    .stats_box .graph_box .graph15.four .graph15_05 p { bottom: 243px; left:842px; }
    
    
    /* 16 201231추가 */
     .stats_box .graph_box .graph16 .graph16_01 p {bottom: 116px;left: 105px;}
     .stats_box .graph_box .graph16 .graph16_02 p {bottom: 116px;left: 424px;}
     .stats_box .graph_box .graph16 .graph16_03 p {bottom: 116px;left: 730px;}
     .stats_box .graph_box .graph16 .graph16_04 p {bottom: 114px;left: 100px;}
     .stats_box .graph_box .graph16 .graph16_05 p {bottom: 114px;left: 340px;}
     .stats_box .graph_box .graph16 .graph16_06 p {bottom: 114px;left: 580px;}
     .stats_box .graph_box .graph16 .graph16_07 p {bottom: 114px;left: 800px;}
    /* 201231추가 */


    /* 210217 추가 */   
    /* 17 */
     .stats_box .graph_box .graph17 .graph17_01 p {bottom: 148px;left:90px;}
     .stats_box .graph_box .graph17 .graph17_02 p {bottom: 148px;left: 197px;}
     .stats_box .graph_box .graph17 .graph17_03 p {bottom: 148px;left: 300px;}
     .stats_box .graph_box .graph17 .graph17_04 p {bottom: 148px;left: 405px;}
     .stats_box .graph_box .graph17 .graph17_05 p {bottom: 148px;left: 510px;}
     .stats_box .graph_box .graph17 .graph17_06 p {bottom: 148px;left: 615px;}
     .stats_box .graph_box .graph17 .graph17_07 p {bottom: 148px;left: 713px;}
     .stats_box .graph_box .graph17 .graph17_08 p {bottom: 148px;left: 820px;}
     .stats_box .graph_box .graph17 .graph17_09 p {bottom: 148px;left: 923px;}


    /* 18 */
     .chart_18{width: 100%; float: none; margin-bottom: 20px;}
     .stats_box .graph_box .graph18{width: 527px; margin: 0 auto; float: none;}
     .stats_box .graph01_list_box.list_box41{width: 100%; float: none;}
     .stats_box .graph_box .graph18 .graph18_01 p {bottom: 122px;left:104px;}
     .stats_box .graph_box .graph18 .graph18_02 p {bottom: 128px;left: 104px;}
     .stats_box .graph_box .graph18 .graph18_03 p {bottom: 129px;left: 104px;}
     .stats_box .graph_box .graph18 .graph18_04 p {bottom: 132px;left: 104px;}
     .stats_box .graph_box .graph18 .graph18_05 p {bottom: 42px;left: 104px;}

     /* 19 */
     .chart_19{width: 100%; float: none; margin-bottom: 20px;}
     .stats_box .graph_box .graph19{width: 527px; margin: 0 auto; float: none;}
     .stats_box .graph_box .graph19 .graph19_01 p {bottom: 90px;left:91px;}
     .stats_box .graph_box .graph19 .graph19_02 p {bottom: 117px;left: 91px;}
     .stats_box .graph_box .graph19 .graph19_03 p {bottom: 129px;left: 91px;}

     /* 20 */
     .stats_box .graph_box .graph20{float: none;}
     .stats_box .graph_box .graph20.graph20_2{float: none;}
     .stats_box .graph_box .graph20 .graph20_01 p {bottom: 342px;left: 169px;}
     .stats_box .graph_box .graph20 .graph20_02 p {bottom: 282px;left: 169px;}
     .stats_box .graph_box .graph20 .graph20_03 p {bottom: 223px;left: 169px;}
     .stats_box .graph_box .graph20 .graph20_04 p {bottom: 167px;left: 169px;}
     .stats_box .graph_box .graph20 .graph20_05 p {bottom: 110px;left: 169px;}
     .stats_box .graph_box .graph20 .graph20_06 p {bottom: 54px;left: 169px;}

     .stats_box .graph_box .graph20.graph20_2 .graph20_01 p {bottom: 342px;left: 169px;}
     .stats_box .graph_box .graph20.graph20_2 .graph20_02 p {bottom: 282px;left: 169px;}
     .stats_box .graph_box .graph20.graph20_2 .graph20_03 p {bottom: 223px;left: 169px;}
     .stats_box .graph_box .graph20.graph20_2 .graph20_04 p {bottom: 167px;left: 169px;}
     .stats_box .graph_box .graph20.graph20_2 .graph20_05 p {bottom: 110px;left: 169px;}
     .stats_box .graph_box .graph20.graph20_2 .graph20_06 p {bottom: 54px;left: 169px;}

     /* 21 */
     .stats_box .graph_box .graph21 .graph21_01 p {bottom: 84px;left: 125px;}
     .stats_box .graph_box .graph21 .graph21_02 p {bottom: 84px;left: 253px;}
     .stats_box .graph_box .graph21 .graph21_03 p {bottom: 84px;left: 383px;}
     .stats_box .graph_box .graph21 .graph21_04 p {bottom: 84px;left: 513px;}
     .stats_box .graph_box .graph21 .graph21_05 p {bottom: 84px;left: 640px;}
     .stats_box .graph_box .graph21 .graph21_06 p {bottom: 84px;left: 769px;}
     .stats_box .graph_box .graph21 .graph21_07 p {bottom: 84px;left: 892px;}
    
    
    /* 22 220701 추가 */
    
    .stats_box .graph_box .graph22_1 .graph22_01 p {top: 31px;left: 4.8rem;}
    .stats_box .graph_box .graph22_1 .graph22_02 p {top: 266px;left: 1.4rem;}
    .stats_box .graph_box .graph22_1 .graph22_03 p {top: 495px;left: 3rem;}
    .stats_box .graph_box .graph22_1 .graph22_04 p {top: 31px;left: 762px;}
    .stats_box .graph_box .graph22_1 .graph22_05 p {top: 278px;left: 830px;}
    .stats_box .graph_box .graph22_1 .graph22_06 p {bottom: 599px;left: 820px;}
    .stats_box .graph_box .graph22_1 .graph22_07 p {bottom: 70px;left: 5.7rem;}
    .stats_box .graph_box .graph22_1 .graph22_08 p {bottom: 70px;left: 12.7rem;}
    .stats_box .graph_box .graph22_1 .graph22_09 p {bottom: 70px;left: 460px;}
    .stats_box .graph_box .graph22_1 .graph22_010 p {bottom: 70px;left: 600px;}
    .stats_box .graph_box .graph22_1 .graph22_011 p {bottom: 70px;left: 725px;}
    .stats_box .graph_box .graph22_1 .graph22_012 p {bottom: 70px;left: 870px;}
    .stats_box .graph_box .graph22_1 .graph22_013 p {bottom: 83px;left: 9rem;}
    .stats_box .graph_box .graph22_1 .graph22_014 p {bottom: 87px;left: 525px;}
    .stats_box .graph_box .graph22_1 .graph22_015 p {bottom: 4.1rem;right: 7.8rem;}

    /* 2번그래프 */
    .stats_box .graph_box .graph22_2 .graph22_img { position:absolute; }
    .stats_box .graph_box .graph22_2 .graph22_01 p {top: 30px;left: 4.6rem;}
    .stats_box .graph_box .graph22_2 .graph22_02 p {top: 265px;left: 1.5rem;}
    .stats_box .graph_box .graph22_2 .graph22_03 p {top: 494px;left: 2.7rem;}
    .stats_box .graph_box .graph22_2 .graph22_04 p {top: 30px;left: 780px;}
    .stats_box .graph_box .graph22_2 .graph22_05 p {top: 277px;left: 825px;}
    .stats_box .graph_box .graph22_2 .graph22_06 p {bottom: 601px;left: 815px;}
    .stats_box .graph_box .graph22_2 .graph22_07 p {bottom: 71px;left: 5.7rem;}
    .stats_box .graph_box .graph22_2 .graph22_08 p {bottom: 72px;left: 245px;}
    .stats_box .graph_box .graph22_2 .graph22_09 p {bottom: 71px;left: 415px;}
    .stats_box .graph_box .graph22_2 .graph22_010 p {bottom: 71px;left: 500px;}
    .stats_box .graph_box .graph22_2 .graph22_011 p {bottom: 71px;left: 610px;}
    .stats_box .graph_box .graph22_2 .graph22_012 p {bottom: 71px;left: 705px;}
    .stats_box .graph_box .graph22_2 .graph22_013 p {bottom: 71px;left: 810px;}
    .stats_box .graph_box .graph22_2 .graph22_014 p {bottom: 71px;left: 900px;}
    .stats_box .graph_box .graph22_2 .graph22_015 p {bottom: 85px;left: 170px;}
    .stats_box .graph_box .graph22_2 .graph22_016 p {bottom: 85px;left: 470px;}
    .stats_box .graph_box .graph22_2 .graph22_017 p {bottom: 85px;left: 670px;}
    .stats_box .graph_box .graph22_2 .graph22_018 p {bottom: 85px;left: 865px;}

    /* 3번그래프 */
    .stats_box .graph_box .graph22_3 .graph22_img { position:absolute; }
    .stats_box .graph_box .graph22_3 .graph22_01 p {top: 1.6rem;left: 3.8rem;}
    .stats_box .graph_box .graph22_3 .graph22_02 p {top: 388px;left: 2.4rem;}
    .stats_box .graph_box .graph22_3 .graph22_03 p {top: 40px;left: 780px;}
    .stats_box .graph_box .graph22_3 .graph22_04 p {bottom: 592px;left: 820px;}
    .stats_box .graph_box .graph22_3 .graph22_05 p {bottom: 62px;left: 192px;}
    .stats_box .graph_box .graph22_3 .graph22_06 p {bottom: 62px;left: 340px;}
    .stats_box .graph_box .graph22_3 .graph22_07 p {bottom: 62px;left: 655px;}
    .stats_box .graph_box .graph22_3 .graph22_08 p {bottom: 62px;left: 795px;}
    .stats_box .graph_box .graph22_3 .graph22_09 p {bottom: 78px;left: 257px;}
    .stats_box .graph_box .graph22_3 .graph22_010 p {bottom: 68px;left: 720px;}
}


@media screen and (max-width:680px){ 
    
    .stats_box .graph01_list_box ul li { width:45%; }

    /* 02 */
    .stats_box .graph01_list_box.graph01_list_box.list_box02 ul li, .stats_box .graph01_list_box.graph01_list_box.list_box03 ul li, .stats_box .graph01_list_box.graph01_list_box.list_box04 ul li{width: 100%;}

     /* 03 */
     .stats_box .graph01_list_box.graph01_list_box.list_box05 ul li, .stats_box .graph01_list_box.graph01_list_box.list_box06 ul li, .stats_box .graph01_list_box.graph01_list_box.list_box07 ul li{width: 100%;}

     /* 09 */
     .stats_box .graph_box .graph09_1{overflow: auto;}
     .stats_box .graph_box .graph09 .graph09_01 p {bottom: 20px; left:330px; }
     .stats_box .graph_box .graph09 .graph09_02 p {bottom: 20px; left:550px; }
     .stats_box .graph_box .graph09_2 .graph09_01 p { bottom: 20px; left:150px; }
     .stats_box .graph_box .graph09_2 .graph09_02 p { bottom: 20px; left:355px; }

      /* 10 */
      .stats_box .graph_box .graph10_1{overflow: auto;}
      .stats_box .graph_box .graph10 .graph10_01 p {bottom: 20px; left:330px; }
      .stats_box .graph_box .graph10 .graph10_02 p {bottom: 20px; left:550px; }
      .stats_box .graph_box .graph10_2 .graph10_01 p { bottom: 20px; left:150px; }
     .stats_box .graph_box .graph10_2 .graph10_02 p { bottom: 20px; left:355px; }

    /* 11 */
    .stats_box .graph_box .graph11{width: 100%;}
    .stats_box .graph_box .graph11.scroll_gr{background-image: linear-gradient(to left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);}

    /* 13 */
    .stats_box .horTit:before{display: none;}

     /* 14 */
     .stats_box .graph_box.box14 h3:before{display: none;}


    /* 210217 수정 */
     /* 18 */
     .chart_18 img{max-width: 100%;}
     .stats_box .graph_box .graph18{width: 100%;}
     .stats_box .graph_box .graph18.scroll_gr{background-image: linear-gradient(to left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);}

     /* 19 */
     .chart_19 img{max-width: 100%;}
     .stats_box .graph_box .graph19{width: 100%;}
     .stats_box .graph_box .graph19.scroll_gr{background-image: linear-gradient(to left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);}
     
     /* 20 */
     .stats_box .graph_box .graph20{width: 100%;}
     .stats_box .graph_box .graph20.scroll_gr{background-image: linear-gradient(to left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);}
     /* //210217 */
}

@media screen and (max-width:480px){ 
    
    .stats_box .graph01_list_box ul li { width:100%; }

    /* 13 */
    .stats_box .graph_box .horGraph ul{text-align: left;}
    .stats_box .graph_box .horGraph ul li{width: 100%; margin-left: 0 !important;}
}