.graph-container{position:relative;display:inline-block;padding:0;list-style:none;margin:40px 0 0 40px;font-size:.8em;background-image:linear-gradient(270deg,hsla(0,0%,100%,.3) 100%,transparent 0);background-repeat:no-repeat;background-position:0 -2.5em}.graph-container:before{position:absolute;content:"";bottom:0;left:-1.25em;width:100%;height:2.5em;background-color:#b7b7b7;transform:skew(-45deg)}.graph-container:after{position:absolute;content:"";top:1.25em;left:-2.5em;width:2.5em;background-color:hsla(0,0%,50.6%,.4);transform:skew(0deg,-45deg)}.graph-container>li{position:relative}.graph-container>li:nth-last-child(2){margin-right:2.5em}.graph-container>li>span{position:absolute;left:0;bottom:-2em;width:80%;font-weight:700;text-shadow:1px 1px 1px hsla(0,0%,100%,.7);color:#777;font-size:1.5em}.graph-container>li:last-child{width:100%;position:absolute;left:0;bottom:0}.graph-marker-container>li{position:absolute;left:-2.5em;bottom:0;width:100%;margin-bottom:2.5em;list-style:none}.graph-marker-container>li:after,.graph-marker-container>li:before{content:"";position:absolute;border:0 hsla(0,0%,39.2%,.15);border-bottom:.15em dotted hsla(0,0%,39.2%,.15);background:hsla(0,0%,52.2%,.15)}.graph-marker-container>li:before{width:3.55em;height:0;bottom:-1.22em;left:-.55em;z-index:2;transform:rotate(-45deg)}.graph-marker-container li:after{bottom:0;left:2.5em}.graph-marker-container span{position:absolute;font-weight:700;text-shadow:1px 1px 1px hsla(0,0%,100%,.7);top:1em;left:-3.5em;width:3.5em;font-size:1.5em}.bar-wrapper{overflow:hidden}.bar-container{position:relative;margin-top:2.5em;width:12.5em}.bar-container:before{content:"";position:absolute;z-index:3;bottom:0;right:0;width:0;height:0;border-color:transparent transparent #b7b7b7;border-style:solid;border-width:0 0 2.5em 2.5em}.bar-background{width:10em;height:100%;position:absolute;top:-2.5em;left:2.5em;z-index:1}.bar-background:after,.bar-background:before{content:"";position:absolute}.bar-background:before{bottom:-2.5em;right:1.25em;width:10em;height:2.5em;-webkit-backface-visibility:hidden;transform:skew(-45deg)}.bar-background:after{top:1.25em;right:10em;width:2.5em;height:100%;-webkit-backface-visibility:hidden;transform:skew(0deg,-45deg)}.bar-foreground{z-index:3}.bar-foreground,.bar-inner{position:absolute;width:10em;height:100%;top:0;left:0}.bar-foreground:after,.bar-foreground:before,.bar-inner:after,.bar-inner:before{content:"";position:absolute}.bar-foreground:before,.bar-inner:before{top:-1.25em;right:-2.5em;width:2.5em;height:100%;background-color:hsla(0,0%,62.7%,.27);transform:skew(0deg,-45deg)}.bar-foreground:after,.bar-inner:after{top:-2.5em;right:-1.25em;width:100%;height:2.5em;background-color:hsla(0,0%,62.7%,.2);transform:skew(-45deg)}.bar-inner{z-index:2;top:auto;height:0;bottom:-2.5em;color:transparent;transition:height .8s ease-out,bottom .8s ease-out}.bar-inner,.bar-inner:before{background-color:rgba(5,62,123,.6)}.bar-inner:after{background-color:rgba(47,83,122,.7)}input[name^=fill-]{width:65px;height:25px;position:absolute;opacity:0;cursor:pointer;z-index:100}input[name^=fill-]+label{display:inline-block;margin:0;width:65px;padding:0 6px;color:#777;line-height:20px;font-size:13px;text-shadow:1px 1px 1px #fff;border:1px solid #fff;background:#fff;background:linear-gradient(0deg,#fff,#f6f6f6 47%,#ededed);box-shadow:0 1px 1px rgba(0,0,0,.3)}input[name^=fill-]:checked+label{background:rgba(34,35,36,.7);border-color:#333;color:#fff;text-shadow:none;box-shadow:0 1px 1px hsla(0,0%,100%,.4)}input#f-none:checked~.graph-container>li:first-child .bar-inner,input#f-none:checked~.graph-container>li:nth-child(2) .bar-inner,input#f-none:checked~.graph-container>li:nth-child(3) .bar-inner,input#f-none:checked~.graph-container>li:nth-child(4) .bar-inner,input#f-none:checked~.graph-container>li:nth-child(5) .bar-inner{height:0;bottom:-2.5em}input#f-product1:checked~.graph-container>li:first-child .bar-inner{height:25%;bottom:0}input#f-product1:checked~.graph-container>li:nth-child(2) .bar-inner{height:50%;bottom:0}input#f-product1:checked~.graph-container>li:nth-child(3) .bar-inner{height:75%;bottom:0}input#f-product1:checked~.graph-container>li:nth-child(4) .bar-inner{height:100%;bottom:0}input#f-product1:checked~.graph-container>li:nth-child(5) .bar-inner,input#f-product2:checked~.graph-container>li:first-child .bar-inner{height:50%;bottom:0}input#f-product2:checked~.graph-container>li:nth-child(2) .bar-inner{height:100%;bottom:0}input#f-product2:checked~.graph-container>li:nth-child(3) .bar-inner{height:25%;bottom:0}input#f-product2:checked~.graph-container>li:nth-child(4) .bar-inner{height:75%;bottom:0}input#f-product2:checked~.graph-container>li:nth-child(5) .bar-inner{height:100%;bottom:0}input#f-product3:checked~.graph-container>li:first-child .bar-inner{height:25%;bottom:0}input#f-product3:checked~.graph-container>li:nth-child(2) .bar-inner{height:75%;bottom:0}input#f-product3:checked~.graph-container>li:nth-child(3) .bar-inner{height:100%;bottom:0}input#f-product3:checked~.graph-container>li:nth-child(4) .bar-inner{height:50%;bottom:0}input#f-product3:checked~.graph-container>li:nth-child(5) .bar-inner{height:25%;bottom:0}input.f-none:checked~.graph-container>li:first-child .bar-inner,input.f-none:checked~.graph-container>li:nth-child(2) .bar-inner,input.f-none:checked~.graph-container>li:nth-child(3) .bar-inner,input.f-none:checked~.graph-container>li:nth-child(4) .bar-inner,input.f-none:checked~.graph-container>li:nth-child(5) .bar-inner{height:0;bottom:-2.5em}input.f-product1:checked~.graph-container>li:first-child .bar-inner{height:25%;bottom:0}input.f-product1:checked~.graph-container>li:nth-child(2) .bar-inner{height:50%;bottom:0}input.f-product1:checked~.graph-container>li:nth-child(3) .bar-inner{height:75%;bottom:0}input.f-product1:checked~.graph-container>li:nth-child(4) .bar-inner{height:100%;bottom:0}input.f-product1:checked~.graph-container>li:nth-child(5) .bar-inner,input.f-product2:checked~.graph-container>li:first-child .bar-inner{height:50%;bottom:0}input.f-product2:checked~.graph-container>li:nth-child(2) .bar-inner{height:100%;bottom:0}input.f-product2:checked~.graph-container>li:nth-child(3) .bar-inner{height:25%;bottom:0}input.f-product2:checked~.graph-container>li:nth-child(4) .bar-inner{height:75%;bottom:0}input.f-product2:checked~.graph-container>li:nth-child(5) .bar-inner{height:100%;bottom:0}input.f-product3:checked~.graph-container>li:first-child .bar-inner{height:25%;bottom:0}input.f-product3:checked~.graph-container>li:nth-child(2) .bar-inner{height:75%;bottom:0}input.f-product3:checked~.graph-container>li:nth-child(3) .bar-inner{height:100%;bottom:0}input.f-product3:checked~.graph-container>li:nth-child(4) .bar-inner{height:50%;bottom:0}input.f-product3:checked~.graph-container>li:nth-child(5) .bar-inner{height:25%;bottom:0}input[name^=paint-]{width:25px;height:25px;position:absolute;opacity:0;cursor:pointer;z-index:100}input[name^=paint-]+label{color:#989da4;font-weight:700;text-decoration:none;display:inline-block;width:25px;height:25px;overflow:hidden;background:rgba(34,35,36,.7);margin:0 2px -7px;position:relative;cursor:pointer;color:transparent;box-shadow:0 0 0 2px hsla(0,0%,100%,.1),1px 1px 3px rgba(0,0,0,.3);text-align:center}#graph-blue+label,.graph-blue+label{background:#2972c3;background:radial-gradient(#2776cd,rgba(44,106,174,.9))}#graph-green+label{background:#5f9a3f;background:radial-gradient(rgba(98,160,60,.9),#2b9430)}#graph-blue:checked+label,#graph-green:checked+label,#graph-rainbow:checked+label,.graph-blue:checked+label,.graph-green:checked+label,.graph-rainbow:checked+label{box-shadow:0 0 0 2px hsla(0,0%,100%,.7),1px 1px 3px rgba(0,0,0,.3)}input#graph-blue:checked~.graph-container .bar-inner,input#graph-blue:checked~.graph-container .bar-inner:before{background-color:rgba(5,62,123,.6)}input#graph-blue:checked~.graph-container .bar-inner:after{background-color:rgba(47,83,122,.7)}input.graph-blue:checked~.graph-container .bar-inner,input.graph-blue:checked~.graph-container .bar-inner:before{background-color:rgba(5,62,123,.6)}input.graph-blue:checked~.graph-container .bar-inner:after{background-color:rgba(47,83,122,.7)}input#graph-green:checked~.graph-container .bar-inner,input#graph-green:checked~.graph-container .bar-inner:before{background-color:rgba(5,123,5,.3)}input#graph-green:checked~.graph-container .bar-inner:after{background-color:rgba(63,122,47,.4)}input.graph-green:checked~.graph-container .bar-inner,input.graph-green:checked~.graph-container .bar-inner:before{background-color:rgba(5,123,5,.3)}input.graph-green:checked~.graph-container .bar-inner:after{background-color:rgba(63,122,47,.4)}input#graph-rainbow:checked~.graph-container li:first-child .bar-inner,input#graph-rainbow:checked~.graph-container li:first-child .bar-inner:before{background-color:rgba(196,109,59,.6)}input#graph-rainbow:checked~.graph-container li:first-child .bar-inner:after{background-color:rgba(216,143,102,.7)}input#graph-rainbow:checked~.graph-container li:nth-child(2) .bar-inner,input#graph-rainbow:checked~.graph-container li:nth-child(2) .bar-inner:before{background-color:rgba(5,123,5,.3)}input#graph-rainbow:checked~.graph-container li:nth-child(2) .bar-inner:after{background-color:rgba(63,122,47,.4)}input#graph-rainbow:checked~.graph-container li:nth-child(3) .bar-inner,input#graph-rainbow:checked~.graph-container li:nth-child(3) .bar-inner:before{background-color:rgba(255,0,0,.3)}input#graph-rainbow:checked~.graph-container li:nth-child(3) .bar-inner:after{background-color:rgba(255,71,71,.3)}input#graph-rainbow:checked~.graph-container li:nth-child(4) .bar-inner,input#graph-rainbow:checked~.graph-container li:nth-child(4) .bar-inner:before{background-color:rgba(255,248,136,.3)}input#graph-rainbow:checked~.graph-container li:nth-child(4) .bar-inner:after{background-color:rgba(252,248,182,.5)}input#graph-rainbow:checked~.graph-container li:nth-child(5) .bar-inner,input#graph-rainbow:checked~.graph-container li:nth-child(5) .bar-inner:before{background-color:rgba(5,62,123,.6)}input#graph-rainbow:checked~.graph-container li:nth-child(5) .bar-inner:after{background-color:rgba(47,83,122,.7)}input[name^=resize-]{position:absolute;opacity:0;cursor:pointer;width:70px;height:35px;z-index:100}input[name^=resize-]+label{color:#fff;display:inline-block;background:rgba(183,172,172,.7);width:70px;line-height:35px;height:35px;text-align:center;position:relative}input[name^=resize-]:checked+label{background:rgba(34,35,36,.7);color:#fff;box-shadow:0 1px 1px hsla(0,0%,100%,.3)}input#graph-small:checked~.graph-container .bar-container,input#graph-small:checked~.graph-container:after,input#graph-small:checked~.graph-container>li:last-child{height:10em}input#graph-normal:checked~.graph-container .bar-container,input#graph-normal:checked~.graph-container:after,input#graph-normal:checked~.graph-container>li:last-child{height:30em}input#graph-large:checked~.graph-container .bar-container,input#graph-large:checked~.graph-container:after,input#graph-large:checked~.graph-container>li:last-child{height:60em}input.graph-small:checked~.graph-container .bar-container,input.graph-small:checked~.graph-container:after,input.graph-small:checked~.graph-container>li:last-child{height:10em}input.graph-normal:checked~.graph-container .bar-container,input.graph-normal:checked~.graph-container:after,input.graph-normal:checked~.graph-container>li:last-child{height:30em}input.graph-large:checked~.graph-container .bar-container,input.graph-large:checked~.graph-container:after,input.graph-large:checked~.graph-container>li:last-child{height:60em}.graph-container>li .bar-container{margin-right:1.5em}.graph-container>li:first-child{margin-left:1.5em}.graph-container>li:nth-last-child(2) .bar-container{margin-right:1em}.bar-background{background-color:hsla(0,0%,62.7%,.1)}.bar-background:before{background-color:hsla(0,0%,62.7%,.2)}.bar-background:after{background-color:hsla(0,0%,62.7%,.05)}.bar-foreground{background-color:hsla(0,0%,62.7%,.1)}.button-label{font-weight:700;color:#aaa;line-height:40px;text-shadow:1px 1px 1px hsla(0,0%,100%,.8);display:inline;margin:0 10px 0 20px}.button-label:before{content:" ";white-space:pre-wrap}.main span:first-of-type{margin-left:0}@media screen and (max-width:1125px){.graph-container{font-size:.7em}}@media screen and (max-width:1050px){.graph-container{font-size:.6em}}@media screen and (max-width:900px){.button-label{margin:0 10px 0 0}.button-label:before{content:"\A";white-space:pre}.main{padding:20px 20px 40px}}@media screen and (max-width:765px){.graph-container{font-size:.5em}}@media screen and (max-width:720px){.graph-container{font-size:.45em}}@media screen and (max-width:630px){.graph-container{font-size:.32em}}@media screen and (max-width:360px){.graph-container{font-size:.22em}.button-label{margin:0 5px 0 0}}.tab_wrapper>[data-id=tab]{height:550px}.tab_wrapper>[data-id=tab]>ul>li{border-bottom:1px solid #a3a3a3}.tab_wrapper>[data-id=tab]>ul>li>a{height:55px;border-bottom:none;font:700 13px/55px arial}.tab_wrapper>[data-id=tab]>ul>li.on{border-bottom:none}.tab_wrapper>[data-id=tab]>ul>li.on>a{border:1px solid #a3a3a3;border-top:5px solid #afc8fd;border-bottom:none}.tab_wrapper>[data-id=tab]>div{top:50px}.tab_wrapper>[data-id=tab]>div.on{transition:all 1s}.tab_wrapper>[data-id=tab]{position:relative;height:auto;margin:0 auto;overflow:hidden}.tab_wrapper>[data-id=tab]>ul{display:flex;justify-content:center;align-items:center;border:1px solid transparent;border-width:0 1px}.tab_wrapper>[data-id=tab]>ul:after{content:"";display:block;clear:both}.tab_wrapper>[data-id=tab]>ul>li{float:left;flex:1}.tab_wrapper>[data-id=tab]>ul>li>a{display:block;line-height:54px;border:1px solid #e2e1e2;margin-right:-1px;color:#373737;text-align:center;box-sizing:border-box;background:#fcfcfc;font-weight:700}.tab_wrapper>[data-id=tab]>ul>li.on>a{border-bottom:1px solid #fff;background:#fff;font-size:16px;color:#9c57f5;position:relative}.tab_wrapper>[data-id=tab]>ul>li.on>a:after{content:"";display:block;width:100%;height:5px;position:absolute;top:-1px;background:linear-gradient(90deg,#add0ff,#bc8ff0)}.tab_wrapper>[data-id=tab]>div{position:absolute;top:100px;opacity:0;width:100%;background-size:contain}.tab_wrapper>[data-id=tab]>div h2 span{display:none}.tab_wrapper>[data-id=tab]>div.on{opacity:1;z-index:1;position:relative;margin-top:20px;top:0}.box article{margin-bottom:80px}.tab_wrapper.tab_wrapper2>[data-id=tab]>div.on{margin-top:50px}.main_list.fixed{overflow:visible}.main_list.fixed .spot{overflow:hidden}.main_list.fixed .spot.chart_wrapper{position:relative;z-index:0;overflow:visible;display:inline-block;width:100%}.tab_wrapper>[data-id=tab]{overflow:visible}.chart_wrapper .top_util{margin-top:40px;margin-bottom:40px}.chart_wrapper .top_util strong{display:block;font-size:20px}.chart_wrapper .top_util strong span.icon{display:inline-block;width:20px;height:19px;vertical-align:middle;margin:-3px 11px 0 0}.chart_wrapper .top_util .apexcharts-toolbar span.icon{display:block;width:20px;height:17px;vertical-align:middle}.chart_wrap{position:relative;margin-top:50px;left:-25px;text-align:right;font-family:noto sans kr}.chart_bottom_txt{text-align:center;color:#6d6d6d;font-size:18px;font-weight:600;margin-top:60px}.chart_bottom_txt strong{display:block;margin-bottom:25px}.chart_bottom_txt ul{display:inline-block}.chart_bottom_txt ul li{float:left;margin-left:30px}.chart_bottom_txt ul li:first-child{margin-left:0}.chart_bottom_txt ul li span.icon{display:inline-block;width:25px;height:25px;border-radius:4px;vertical-align:middle;margin:-3px 7px 0 0}.chart_box[data-class=chart01] .chart_bottom_txt ul li.item01 span.icon{background-color:#d7c5ff}.chart_box[data-class=chart01] .chart_bottom_txt ul li.item02 span.icon{background-color:#a6a6f4}.chart_box[data-class=chart01] .chart_bottom_txt ul li.item03 span.icon{background-color:#f4c9ee}.chart_box[data-class=chart02] .chart_bottom_txt ul li.item01 span.icon{background-color:#f8ffb3}.chart_box[data-class=chart02] .chart_bottom_txt ul li.item02 span.icon{background-color:#b4aefe}.chart_box[data-class=chart02] .chart_bottom_txt ul li.item03 span.icon{background-color:#a4c8fb}.chart_box[data-class=chart02] .chart_bottom_txt ul li.item04 span.icon{background-color:#ddbafc}.chart_box[data-class=chart02] .chart_bottom_txt ul li.item05 span.icon{background-color:#f6e8c3}.box_hidden{position:absolute;left:-99999%;width:0;height:0;text-indent:-99999px;border:0;background:0 0;margin:0;padding:0;opacity:0;z-index:-99999;display:none}.bar-wrapper{padding-top:4px;overflow:visible}.bar-foreground,.bar-inner{width:21px}.bar-background{display:none}.graph-container:after,.graph-container:before{content:none}.bar-container{width:21px}.bar-container:before{content:none}.graph-container{text-align:center;margin:0;box-sizing:border-box;width:100%;font-size:0;line-height:0}.graph-container>li{float:left;width:42px;margin-left:10px;font-size:14px;line-height:1.42857143}.graph-container>li:nth-child(3n-2){margin-left:54px}.graph-container>li:first-child{margin-left:84px;margin-bottom:13px}.graph-container>li:nth-last-child(2){margin-right:0}.graph-container>li:last-child{width:906px;right:0;left:auto}.graph-marker-container>li{margin:0}.graph-marker-container li:after{border:0;border-top:1px solid #cbcbcb;right:0;width:100%}.graph-marker-container>li:before{transform:none;width:9px;left:23px;bottom:0;background-color:#cbcbcb;border:0;height:1px;content:none}.graph-marker-container .line_box{position:absolute;right:-33px;height:1px;background-color:#c2c2c2;width:100%}.graph-marker-container .line_box>div{position:absolute;top:-1px;width:2px;height:10px;background-color:#c2c2c2}.graph-marker-container .line_box>.line01{left:0}.graph-marker-container .line_box>.line02{left:254px}.graph-marker-container .line_box>.line03{left:452px}.graph-marker-container .line_box>.line04{left:652px}.graph-marker-container .line_box>.line05{left:100%}.bar-foreground:before,.bar-inner:before{width:21px;background:#f1f2f2;transform:skew(0deg,-30deg);top:-7px;right:-21px}.bar-inner{z-index:5}.bar-foreground:after,.bar-inner:after{width:23px;height:20px;transform:rotate(25deg) skew(-35deg);top:-22px;right:-12px}.bar-inner>span.graph_data{position:absolute;bottom:100%;left:0;right:0;text-align:center;white-space:nowrap;margin-bottom:38px;font-size:14px;color:#6d6d6d;font-weight:500}.bar-inner>div{position:absolute;top:-7px;left:0;width:100%;height:100%;transform:skew(0,25deg)}input#graph-normal:checked~.graph-container .bar-container,input#graph-normal:checked~.graph-container:after,input#graph-normal:checked~.graph-container>li:last-child{height:310px}input#graph-normal:checked~.graph-container>li:last-child{height:335px!important;bottom:17px}.graph-marker-container span{top:-12px;left:-26px;width:50px;font-size:16px;text-align:right;color:#999;font-weight:300}input#graph-blue:checked~.graph-container .bar-inner{background:0 0;bottom:0}input#graph-blue:checked~.graph-container .bar-inner>div{background:#333}.bar-foreground{background:0 0}.bar-foreground>div{position:absolute;top:-6px;left:0;width:100%;height:100%;transform:skew(0,25deg)}.bar-foreground:after{top:-22px;right:-12px;width:25px;height:20px}.bar-foreground:before,.bar-foreground>div{width:21px}.bar-foreground:after,.bar-foreground:before,.bar-foreground>div{background:#f1f2f2}.graph-container>li:before{right:100%}.graph-container>li:after,.graph-container>li:before{content:"";position:absolute;top:0;width:11px;height:100%;z-index:1}.graph-container>li:after{left:100%}.graph-container.hover_active li{opacity:.5}.graph-container.hover_active li.hover{opacity:1}input#graph-blue:checked~.graph-container li:nth-child(3n-2) .bar-inner:after{background:#e8deff}input#graph-blue:checked~.graph-container li:nth-child(3n-2) .bar-inner>div{background:#e1cfff}input#graph-blue:checked~.graph-container li:nth-child(3n-2) .bar-inner:before{background-color:#d7c5ff}input#graph-blue:checked~.graph-container li:nth-child(3n-1) .bar-inner:after{background:#bdbdf9}input#graph-blue:checked~.graph-container li:nth-child(3n-1) .bar-inner>div{background:#b5b0f8}input#graph-blue:checked~.graph-container li:nth-child(3n-1) .bar-inner:before{background-color:#a6a6f4}input#graph-blue:checked~.graph-container li:nth-child(3n) .bar-inner:after{background:#ffebfa}input#graph-blue:checked~.graph-container li:nth-child(3n) .bar-inner>div{background:#ffe1f8}input#graph-blue:checked~.graph-container li:nth-child(3n) .bar-inner:before{background-color:#f4c9ee}.graph-container{width:906px;position:static;margin-left:60px}.graph-container>li>span{bottom:auto;top:100%;font-size:18px;line-height:20px;margin-top:20px;width:80px;text-align:center;color:#6d6d6d;font-weight:600;left:50%}.graph-container>li>span span.icon{position:absolute;top:0;left:0;width:13px;height:13px;background-color:#000;border-radius:2px}.graph-container>li:nth-child(odd)>span span.icon{background-color:#cfaeff}.graph-container>li:nth-child(2n)>span span.icon{background-color:#b3cfff}input#graph-blue:checked~.graph-container li .bar-inner .data_box{position:absolute;bottom:100%;right:80px;background-color:#fff;transform:translate(100%) skew(0,-25deg);font-size:14px;color:#6d6d6d;border-radius:8px;overflow:hidden;box-shadow:2px 2px 0 hsla(0,0%,59.6%,.11);white-space:nowrap;margin-bottom:57px}input#graph-blue:checked~.graph-container li.hover .bar-inner .data_box{display:block}input#graph-blue:checked~.graph-container li .bar-inner .data_box>span{display:block;background-color:#ebebff;font-size:14px;padding:4px 14px;box-shadow:2px 2px 0 hsla(0,0%,59.6%,.11)}input#graph-blue:checked~.graph-container li .bar-inner .data_box strong{display:block;padding:14px}input#graph-blue:checked~.graph-container li .bar-inner .data_box strong span.icon{display:inline-block;width:15px;height:15px;border-radius:4px;background-color:#d7c5ff;vertical-align:middle;margin:-2px 10px 0 0}input#graph-blue:checked~.graph-container li:nth-child(3n-2) .bar-inner .data_box strong span.icon{background-color:#d7c5ff}input#graph-blue:checked~.graph-container li:nth-child(3n-1) .bar-inner .data_box strong span.icon{background-color:#a6a6f4}input#graph-blue:checked~.graph-container li:nth-child(3n) .bar-inner .data_box strong span.icon{background-color:#f4c9ee}.chart02_cont{position:relative;z-index:0;height:366px;margin:50px 0 0}.chart02_cont>ul{transform:translateY(14px)}.chart02_cont>ul>li{position:relative;display:inline-block;font-size:14px;padding-top:90px}.chart02_cont>ul>li>div{position:relative;height:215px;margin:0 -30px;font-weight:600}.chart02_cont>ul>li>div tspan{pointer-events:none;touch-action:none}.chart02_cont .data_box{position:absolute;top:0;left:50%;transform:translateX(-50%);background-color:#fff;color:#6d6d6d;border-radius:8px;overflow:hidden;white-space:nowrap;min-width:185px;text-align:center}.chart02_cont .data_box,.chart02_cont .data_box>span{font-size:14px;box-shadow:2px 2px 0 hsla(0,0%,59.6%,.11)}.chart02_cont .data_box>span{display:block;background-color:#ebebff;padding:4px 14px}.chart02_cont .data_box strong{display:block;padding:14px;font-weight:400}.chart02_cont .data_box strong span.icon{display:inline-block;width:15px;height:15px;border-radius:4px;background-color:#d7c5ff;vertical-align:middle;margin:-2px 10px 0 0}.chart02_cont .data_box[data-type="1"] strong span.icon{background-color:#f8ffb3}.chart02_cont .data_box[data-type="2"] strong span.icon{background-color:#b4aefe}.chart02_cont .data_box[data-type="3"] strong span.icon{background-color:#a4c8fb}.chart02_cont .data_box[data-type="4"] strong span.icon{background-color:#ddbafc}.chart02_cont .data_box[data-type="5"] strong span.icon{background-color:#f6e8c3}.chart02_cont [role=region]+g{display:none!important}.chart02_cont [role=region] [role=menuitem][fill="#ebd5ff"]>g>g[fill]{fill:#ac83e6;stroke:#ac83e6}.chart02_cont [role=region] [role=menuitem][fill="#cae0ff"]>g>g[fill]{fill:#acd1fc;stroke:#acd1fc}.chart02_cont [role=region] [role=menuitem][fill="#fff4de"]>g>g[fill]{fill:#f6e8c3;stroke:#f6e8c3}.chart02_cont [role=region] [role=menuitem][fill="#cfceff"]>g>g[fill]{fill:#b4aefe;stroke:#b4aefe}.chart02_cont [role=region] [role=menuitem][fill="#f8ffb3"]>g>g[fill]{fill:#e9f887;stroke:#e9f887}.chart02_cont .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.chart02_cont .bg>div{position:absolute;left:0;width:100%;height:1px;background-color:#e7e7e7}.chart02_cont .bg>div:first-child{top:0}.chart02_cont .bg>div:nth-child(2){top:11%}.chart02_cont .bg>div:nth-child(3){top:22%}.chart02_cont .bg>div:nth-child(4){top:33%}.chart02_cont .bg>div:nth-child(5){top:44%}.chart02_cont .bg>div:nth-child(6){top:55%}.chart02_cont .bg>div:nth-child(7){top:66%}.chart02_cont .bg>div:nth-child(8){top:77%}.chart02_cont .bg>div:nth-child(9){top:88%}.chart02_cont .bg>div:nth-child(10){top:100%;height:2px;background-color:#c2c2c2}.chart02_cont .bg>div.last>div{position:absolute;top:0;width:2px;height:13px;background-color:#c2c2c2}.chart02_cont .bg>div.last>div:first-child{left:0}.chart02_cont .bg>div.last>div:nth-child(2){left:248px}.chart02_cont .bg>div.last>div:nth-child(3){left:497px}.chart02_cont .bg>div.last>div:nth-child(4){left:745px}.chart02_cont .bg>div.last>div:nth-child(5){left:100%}.chart02_cont .bg>div.last>ul{position:absolute;top:0;left:0;width:100%;text-align:center}.chart02_cont .bg>div.last>ul li{float:left;font-size:19.4px;color:#6d6d6d;width:25%;font-weight:600;height:60px;line-height:60px}