/* graph03 */
.graph03{margin-bottom:20px; position: relative;}
.back-table-cell-box{border-bottom:solid 2px #2e2e2e; position: relative; z-index:1;}
.back-table-cell-box td{font-size: 13px; color: #888888; padding-top:73.5px;}

.graph03-stick-graph-box{position: absolute; bottom:0%; left:50%; transform:translateX(-50%); width:112px; height:400px;}
.stick-graph{position:absolute; width:112px;  border-radius:100px 100px 0px 0px; bottom:0%;
    -moz-transition: height 1s cubic-bezier(0.86, 0, 0.07, 1); -o-transition: height 1s cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: height 1s cubic-bezier(0.86, 0, 0.07, 1); transition: height 1s cubic-bezier(0.86, 0, 0.07, 1);}
.stick01{height:100px; background-color:rgba(0,141,205,0.1); z-index:-1; color: #008dcd;}
.stick01-act{height:400px;}
.stick02{height:50px; background-color:#008dcd; z-index:0; color: #fdfdfd;}
.stick02-act{height:195px;}
.stick-text{font-size: 18px; line-height: 1.56; letter-spacing: -0.45px; text-align: center; margin-top:45px}
.stick-text-small{  font-size: 13px; line-height: 1.08; letter-spacing: -0.46px; text-align: center;}

.graph03-text-box{width:177px; color:#fff; position: absolute; left:50%; top:-100px; transform:translateX(-50%); opacity:0;
    -moz-transition: all 0.7s cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 0.7s cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: all 0.7s cubic-bezier(0.86, 0, 0.07, 1); transition: all 0.7s cubic-bezier(0.86, 0, 0.07, 1);}
.graph03-text-box img{width:100%; position: absolute; top:0%; z-index:-1;}
.graph03-text-box-act{top:-135px; opacity:1;}
.graph03-text-box .small-text{font-size: 14px; line-height: 1.43; letter-spacing: -0.5px; text-align: center; padding:15px 8px 5px 8px;}
.graph03-text-box .big-text{ font-size: 26px; text-align: center; padding-bottom:20px;}

@media only screen and (min-width:750px){
    .graph03{margin-bottom:30px;}
    .back-table-cell-box td{font-size: 14px; padding-top:0px; padding-bottom:100px}

    .graph03-stick-graph-box{width:150px; height:530px}
    .stick-graph{width:150px}
    .stick01-act{height:530px;}
    .stick02-act{height:291px;}
    .stick-text{font-size: 20px; line-height: 1.4; letter-spacing: -0.5px; margin-top:45px; padding-bottom:5px;}
    .stick-text-small{  font-size: 14px; line-height: 1; letter-spacing: -0.5px;}

    .graph03-text-box{width: 225px; top:50%; left:110%; transform: translateY(-50%);}
    .graph03-text-box img{top:0%; left:-4%}
    .graph03-text-box-act{top:50%; left:140%; }
    .graph03-text-box .small-text{font-size: 14px; line-height: 1.43; letter-spacing: -0.5px; text-align: center; padding:15px 35px 8px 35px;}
    .graph03-text-box .big-text{font-family:'SKTTmap700'; font-size: 40px; line-height: 1; padding-bottom:20px;}

}

/* graph02 */
.graph02{max-width:800px; width:90vw; position: relative;}
.graph02 svg{margin-bottom:30px; width:100%;}
.blue-background{opacity:0; -moz-transition: opacity 1.2s cubic-bezier(0.86, 0, 0.07, 1); -o-transition: opacity 1.2s cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: opacity 1.2s cubic-bezier(0.86, 0, 0.07, 1); transition: opacity 1.2s cubic-bezier(0.86, 0, 0.07, 1);}
.textbox01,.textbox02{ -moz-transition: all 0.7s cubic-bezier(0.86, 0, 0.07, 1);
     -o-transition: all 0.7s cubic-bezier(0.86, 0, 0.07, 1); 
     -webkit-transition: all 0.7s cubic-bezier(0.86, 0, 0.07, 1); 
     transition: all 0.7s cubic-bezier(0.86, 0, 0.07, 1);}
.textbox01{opacity:0; transform:translateY(3%); }
.textbox01-act{opacity:1; transform:translateY(0%)}

.textbox02{opacity:0; transform:translateY(-3%);}
.textbox02-act{opacity:1; transform:translateY(0%)}

.graph02-svgbox{ 
	position: relative;
	width: 100%;
	padding-bottom: 132%; 
	vertical-align: middle; 
 
}
.graph02-svgbox svg{ 
    display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.gp02-covid-box{padding:8px 10px; background-color: #ffffff; position: absolute; bottom:30%; left:15%; z-index:3; }
.gp02-covid-box h2{font-size: 14px; line-height: 1.43; letter-spacing: -0.5px; color: #008dcd;}

@media only screen and (min-width:750px){
     .gp02-covid-box{padding:8px 10px;bottom:13%; left:18% }
     .gp02-covid-box h2{font-size: 14px; line-height: 1.43; letter-spacing: -0.5px; color: #008dcd;}

}@media only screen and (min-width:800px){
    .gp02-covid-box{padding:8px 10px;bottom:6%; left:18% }
    .gp02-covid-box h2{font-size: 14px; line-height: 1.43; letter-spacing: -0.5px; color: #008dcd;}

}