@import url('common.css');
@import url('sub.css');
@charset "utf-8";

.graphTitle > div {font-weight:600;}
.graphTitle .title1 {color:#3255a4;font-size:2.0rem;line-height:3.0rem;margin-bottom:17px;transform: translate(0%, 0%);}
.graphTitle .title1 span {font-size:1.4rem;line-height:3.0rem;}
.graphTitle .title2, .graphTitle .title3 {color:#666;font-size:1.4rem;line-height:2.4rem;}
.graphTitle .title2::before, .title3::before {content:"";display:inline-block;font-size:0;vertical-align:text-top;width:10px;height:10px;margin-right:11px;border-radius:100%;}


/* subMain */
.circular .submainVisual {background-color: #95897a;}
.circular .bgIMG {background-image:url('/2019/src/images/circular/circular_img1.png');}
.circular .copyWrap .txtBox {width:53%;}
.circular .copyWrap .h2_title {width:47%;}
.circular .copyWrap .txtBox p {padding-top: 15px;}
.circular .contents01 {padding-top: 10.9%;}
.circular .contents02 {padding-top: 8.4%;}
.circular .contents02 .imgWrap {height: 56.8vh;background:url('/2019/src/images/circular/circular_img5.png') 100% 0% no-repeat;}
.circular .contents02 .imgWrap .flexBox div {width: 50%;height: 39.3vh;overflow: hidden;}
.circular .contents02 .imgWrap .flexBox div img {transform: translate(-100%, 0%);opacity: 0;}
.circular .contents03 {padding-top: 8.4%;}
.circular .contents04 {padding-top: 10.9%;}
.circular .contents04 .flexBox {background-color: #272930;padding: 8.2% 0 7.7% 0;}
.circular .contents04 .txtBox2 {width: 55%;}
.circular .contents04 .chartBox {width: 45.0%;}
.circular .contents04 .imgWrap {height: 39.3vh;background:#000 url('/2019/src/images/circular/circular_img6.png') right top no-repeat;background-size: cover;}
.circular .chartWrap {display:block;opacity:0;width:69%;}
.circular .chartWrap p {color: #888;font-size: 1.4rem;line-height: 1.6rem;text-align: right;padding-top: 15px;padding-right:37px;}
.circular .chart {border-bottom: 1px solid #3d3f45;position: relative;margin-bottom: -1px;}
.circular .graphContainer {position:relative;width: 93.8%;padding-left:84px;overflow: hidden;height: 200px;}
.circular .graphWrap {position:absolute;left:84px;right:0;bottom:0;}
.circular .graphWrap .numbering {width:100%;text-align: center;overflow: hidden;margin-bottom: -26px;opacity:0;}
.circular .graphWrap .numbering .gaugeNum {font-family: "APHQ-Bold";letter-spacing:0;color:#bbb;font-size:2.0rem;line-height:3.0rem;display: inline-block;}
.circular .graphWrap.chart1 .numbering .gaugeNum {color:#fff;}
.circular .num2017 {padding-left:15px;float: left; padding-top: 28px;}
.circular .num2019 {padding-right:15px;float: right; padding-top: 17px;}
.circular .graphWrap .gaugeWrap {height:0;}
.circular .graphWrap .gaugeWrap img {display:block;width:100%;}
.circular .graphContainer .yearNum {position:absolute;left:0;right:0;bottom:0;display: -webkit-flex;display: -ms-flex;display: flex;flex-direction: row;align-items: baseline;opacity:0;justify-content: space-between;padding-left: 84px;}
.circular .graphContainer .yearNum span {color:#272930;font-size:1.3rem;line-height: 2.0rem;display: block;font-weight: 600;padding: 0 13px;letter-spacing:0;}

.circular .contents04 .graphTitle {float:right;margin-right:36%;opacity:0;}
.circular .contents04 .graphTitle::after {content:"";clear:both;}
.circular .contents04 .title2,.circular .contents04 .title3 {font-size:1.4rem;line-height:3.0rem;}
.circular .contents04 .title3 {margin-top:-7px;}
.circular .contents04 .title2::before,.circular .contents04 .title3::before {width:6px;height:6px;vertical-align:middle;}
.circular .contents04 .title2 {color:#ffffff;}
.circular .contents04 .title3 {color:#bbbbbb;}
.circular .contents04 .title2::before {background-color:#ffffff;}
.circular .contents04 .title3::before {background-color:#bbbbbb;}


@media (max-width:1023px) {
    .circular .bgIMG {background-image:url('/2019/src/images/circular/circular_img9.png');}
    .circular .copyWrap .h2_title {width:100%;padding-right: 0;padding-bottom:45px;padding-left:0;}
	.circular .copyWrap .txtBox {width:100%;padding-left:0;}
    .circular .contents02 .flexBox {flex-direction: column-reverse;}
	.circular .contents02 .flexBox .imgBox .flexBox {flex-direction: row;}
	.circular .contents02 .imgWrap .flexBox div {height: auto;}
    .circular .contents01,.circular .contents02,.circular .contents03 {padding-top: 0;}
    .circular .contents01 .txtBox,.circular .contents02 .txtBox,.circular .contents03 .txtBox {padding: 26% 8.4vw 13%;}
    .circular .contents01 .imgWrap .copy {font-size: 2rem;line-height: 2rem;left:-4%;}
    .circular .contents02 .imgWrap {height: 35vh;background-size: auto 100%;}
    .circular .contents04 {padding-top:0}
    .circular .contents04 .flexBox {padding: 0;}
    .circular .contents04 .txtBox2 {width: 100%;padding: 26% 8.4vw 13%;}
    .circular .contents04 .chartBox {width: 100%;padding: 0 8.4vw 13%;}
    .circular .contents04 .imgWrap {height: 23.8vh;background-image:url('/2019/src/images/circular/circular_img10.png');}
    .circular .chartWrap {min-height:auto;width:100%;}
    .circular .chartWrap p {font-size: 1.1rem;line-height: 1.2rem;padding-top: 10px;padding-right:0;}
	.circular .graphContainer {width: 100%;padding-left:0;}
	.circular .graphWrap {left:0;}
	.circular .graphContainer .yearNum {padding-left:0;}
	.circular .graphWrap .numbering .gaugeNum {font-size:1.4rem;}
	.circular .graphContainer .yearNum span {font-size:0.9rem;}
	.circular .num2017 {padding-top:22px;}

	.circular .contents04 .graphTitle {margin-right:0%;}
	.circular .contents04 .title2,.circular .contents04 .title3 {font-size:1.2rem;line-height:2.3rem;}
	.circular .contents04 .title2::before,.circular .contents04 .title3::before {width:5px;height:5px;vertical-align:middle;}

}

/* 00_circular_achievement */
.circular_achievement .subVisual {background-color:#f1f1f5;height:840px;}
.circular_achievement .bgIMG {background-image:url('/2019/src/images/circular/achievement_img1.png');}
.circular_achievement .subVisual .copyWrap {-webkit-align-items: center;-ms-align-items: center;align-items: center;flex-direction: row;padding-left:16%;}
.circular_achievement .subVisual .h2_title {padding-top:0;height:auto;padding-bottom:0;}
.circular_achievement .contents01 {padding-top:8.1%;padding-bottom:3.2%;background-color:#3255a4;}
.circular_achievement .contentsBox h1 {margin-bottom:55px;}
.circular_achievement .contents01 .contentsBox h1,
.circular_achievement .contents01 .infoBox .infoTitle,
.circular_achievement .contents01 .infoBox .infoNum {color:#fff;}
.circular_achievement .graphTitle {position:absolute;top:0;}
.circular_achievement .contents01 .title1 {color:#fff;}
.circular_achievement .contents01 .title2, .circular_achievement .contents01 .title3 {color:#fff;}
.circular_achievement .contents01 .title2::before {background-color:#fff;}
.circular_achievement .contents01 .title3::before {background-color:#9ebbff;}
.circular_achievement .contents01 .infoBox,.circular_achievement .contents03 .infoBox {position:relative;width: 100%;clear:both;}
.circular_achievement .contents01 .infoBox i,.circular_achievement .contents03 .infoBox i {position:absolute;left:0;bottom:32px;height:1px;width:0;}
.circular_achievement .contents01 .infoBox i {background-color:#5e86c4;}
.circular_achievement .contents03 .infoBox i {background-color:#dddddd;}
.circular_achievement .contents01 .infoCon,.circular_achievement .contents03 .infoCon {width:100%;overflow:hidden;}
.circular_achievement .contents03 .infoBox {padding-top:20px;}
.circular_achievement .chartBox {float:right;width: 47.4%;position:relative;}
.circular_achievement .graphWrap .gaugeWrap {height:0;overflow:hidden;position:absolute;bottom:0;left: 0;width:100%;}
.circular_achievement .graphWrap .gaugeWrap img {width:100%;}
.circular_achievement .gaugeNum {display:inline-block;font-family: "APHQ-Bold";letter-spacing:0;font-size: 2.0rem;line-height:3.0rem;font-weight:600;}
.circular_achievement .yearNum {display: -webkit-flex;display: -ms-flex;display: flex;flex-direction: row;-webkit-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;justify-content: space-between;font-size:1.5rem;line-height:3.0rem;font-weight:600;letter-spacing:0;position:absolute;left: -15px;bottom:0;right: 15px;opacity:0;}
.circular_achievement .contents01 .yearNum {color: #a2c6ff;}
.circular_achievement .contents03 .yearNum {color: #999;}
.circular_achievement .numbering {text-align:center;position:absolute;left: 0;right:0;opacity:0;}
.circular_achievement .num2017 {float:left;}
.circular_achievement .num2019 {float:right;}
.circular_achievement .chart2 .num2017 {padding-top:5%;}
.circular_achievement .chart2 .num2019 {padding-top:4%;}
.circular_achievement .chart1 .num2017 {padding-top:8%;}
.circular_achievement .chart1 .num2019 {padding-top:4%;}
.circular_achievement .graphWrap {position:absolute;left:0;bottom:33px;right:0;}
.circular_achievement .motion1 .gaugeNum {color:#fff;}
.circular_achievement .motion2 .gaugeNum {color: #a2c6ff;}
.circular_achievement .motion1 .numbering {top:0;}
.circular_achievement .motion2 .numbering {top:20px;}
.circular_achievement .motion6 .gaugeNum {color:#3255a4;}
.circular_achievement .motion7 .gaugeNum {color: #666;}
.circular_achievement .motion6 .numbering {top:3px;}
.circular_achievement .motion7 .numbering {top:20px;}
.circular_achievement .chart4 .num2017 {padding-top:4%;}
.circular_achievement .chart4 .num2019 {padding-top:5%;}
.circular_achievement .chart3 .num2017 {padding-top:4%;}
.circular_achievement .chart3 .num2019 {padding-top:4%;}
.circular_achievement .y2019 {font-weight:bold;}
.circular_achievement .infoBox .infoTitle {font-size:1.8rem;line-height:4.0rem;font-weight:600;opacity:0;}
.circular_achievement .infoBox .infoTitle span {font-size:1.4rem;line-height:4.0rem;}
.circular_achievement .infoBox .infoNum {opacity:0;}
.circular_achievement .infoBox .infoNum .tit {font-size:1.4rem;line-height:4.0rem;margin-bottom:10px;}
.circular_achievement .infoBox .infoNum .num {font-size:2.0rem;line-height:4.0rem;}
.circular_achievement .infoBox .infoNum .num span {font-size:5.0rem;line-height:4.0rem;font-family:"APHQ-Bold";}
.circular_achievement .contents02 {padding-top:0;padding-bottom:8%;background-color:#3255a4;}
.circular_achievement .contents02 .flexBox {align-items: baseline;}
.circular_achievement .contents02 .infoBox .infoTitle,
.circular_achievement .contents02 .infoBox .infoNum,.circular_achievement .contents02 .infoBox .infoNum .tit {color:#fff;}
.circular_achievement .motion3 .infoCon{display: -webkit-flex;display: -ms-flex;display: flex;-webkit-align-items: center;-ms-align-items: center;align-items: center;}
.circular_achievement .motion3 .shape1 {margin-right: 20px;}
.circular_achievement .motion4 .infoCon {display: -webkit-flex;display: -ms-flex;display: flex;align-items: baseline;}
.circular_achievement .motion4 .shape2 {margin-right: 25px;}
.circular_achievement .contents02 .infoWrap {width: 52.6%;}
.circular_achievement .contents02 .circleChartCon {width: 47.4%;}
.circular_achievement .contents02 .infoBox .infoNum.mwh {width: 33%;}
.circular_achievement .motion3 .shape1 img,
.circular_achievement .motion4 .shape2 img,
.circular_achievement .motion9 .shape3 img{width:100%;transform: translate(-110%, 0%);}
.circular_achievement .circleChartCon .infoCon {display:flex;justify-content: space-between;margin-top:45px;}
.circular_achievement .circleChart {width:150px;}
.circular_achievement .contents02 .circleChartWrap p {text-align:center;font-size:1.5rem;font-weight:600;color:#9db5da;line-height:2.6rem;padding-top:7px;}
.circular_achievement .contents02 .circle1 strong,.circular_achievement .contents02 .circle2 strong {color:#9db5da;}
.circular_achievement .contents02 .circle3 strong {color:#fff;}
.circular_achievement .contents02 .circle3 p {color:#fff;font-weight:bold;}
.circular_achievement .contents03 {padding-top:8.1%;padding-bottom:3.2%;}
.circular_achievement .contents03 .title1 {color:#333;}
.circular_achievement .contents03 .title2 {color:#3255a4;}
.circular_achievement .contents03 .title3 {color:#666;}
.circular_achievement .contents03 .title2::before {background-color:#3255a4;}
.circular_achievement .contents03 .title3::before {background-color:#666;}
.circular_achievement .contents04 {padding-bottom:8%;}
.circular_achievement .contents04 .flexBox {align-items: baseline;}
.circular_achievement .contents04 .infoWrap {width: 52.6%;}
.circular_achievement .contents04 .barChartCon {width: 47.4%;}
.circular_achievement .motion4,.circular_achievement .motion9 {margin-top:34px;}
.circular_achievement .motion4 .infoTitle,.circular_achievement .motion9 .infoTitle {margin-bottom:8px;}
.circular_achievement .contents04 .infoCon {display: -webkit-flex;display: -ms-flex;display: flex;align-items: baseline;}

.circular_achievement .contents04 .motion10 .infoCon {margin-top:-15px;}
.circular_achievement .motion9 .shape3 {margin-right: 20px;}
.circular_achievement .motion9 .con1 {width:calc(37% - 76px);}
.circular_achievement .motion8 .con1 {width:35%;}
.circular_achievement .contents04 .infoBox .infoTitle {color:#333;}
.circular_achievement .contents04 .infoBox .infoNum,.circular_achievement .contents04 .infoBox .infoNum .tit {color:#666;}
.circular_achievement .motion9 .infoCon{display: -webkit-flex;display: -ms-flex;display: flex;-webkit-align-items: center;-ms-align-items: center;align-items: center;}
.circular_achievement .barChartWrap {display:none;position: relative;width: 100%;}
.circular_achievement .barChartWrap p {position:relative;color: #fff;font-size: 1.4rem;line-height: 1.8rem;text-align: left;position: absolute;right: 0;top: 40%;padding-left:22px;color:transparent;}
.circular_achievement .barChartWrap p i {position:absolute;left:0;top:8px;height:1px;width:15px;background-color:#FFF;width:0;}
.circular_achievement .contents04 .chart {position: relative;display: -webkit-flex;display: -ms-flex;display: flex;justify-content:flex-end;-webkit-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;margin-bottom: -1px;min-height: 270px;padding-right: 20px;width: 84%;margin-bottom:30px;}

.circular_achievement .contents04 .chart::after {content:"";display:block;position:absolute;left:0;right:0;bottom:0;width:100%;height:1px;background-color:#dddddd;}

@media screen and (min-width:0\0){
	.circular_achievement .contents04 .chart::after {/* bottom:11px; */}
	.circular_achievement .contents04 .chart {height:232px;}
}



.circular_achievement .barChart {width: 110px;display: -webkit-flex;display: -ms-flex;display: flex;flex-direction:column;-webkit-align-content: end;-ms-align-content: end;align-content: flex-end;-webkit-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;opacity:1;}
.circular_achievement .barChart .value {font-family: "APHQ-Bold";letter-spacing:0;font-size: 3.1rem;line-height: 2.9rem;text-align: center;padding-bottom: 10px;width: 80px;letter-spacing: 0;}
.circular_achievement .barChart .bar {position: relative;width: 80px;}
.circular_achievement .barChart .bar .year {position: absolute;left: 0;right: 0;bottom: -32px;color: #999;font-size: 1.5rem;line-height:3.0rem;text-align: center;font-weight: 600;letter-spacing: 0;}
.circular_achievement .barChart.value2019 .bar .year {color:#fff;}
.circular_achievement .barChart.value2017 .bar,
.circular_achievement .barChart.value2018 .bar {height: 0px;background-color: #e6e6e6;}
.circular_achievement .barChart.value2019 .bar {height: 0px;background-color: #3255a4;}
.circular_achievement .barChart.value2017 .value,
.circular_achievement .barChart.value2018 .value {color:#999;}
.circular_achievement .barChart.value2019 .value {color: #3255a4;}
.motion10 .barChartWrap .value2019 .year {font-weight:bold;}
.circular_achievement .contents05 {line-height:0;height:400px;background:#000 url('/2019/src/images/circular/achievement_img9.png') center bottom no-repeat;background-size:cover;}


.circular_achievement .contents04 .barChartCon .infoTitle p {color: #888;font-size: 1.4rem;line-height: 2.4rem;font-weight:300;}
.circular_achievement .motion5 .infoTitle p {color: #FFF;font-size: 1.4rem;line-height: 2.4rem;font-weight:300;}



@media (max-width:1023px) {
	/* 00_circular_achievement */
	.circular_achievement .subVisual {height:502px;}
	.circular_achievement .bgIMG {background-image:url('/2019/src/images/circular/achievement_img10.png');background-position: right bottom;}
	.circular_achievement .subVisual .copyWrap {align-items: baseline;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;justify-content: flex-end;padding-left:0;}
	.circular_achievement .subVisual .h2_title {height:auto;padding-bottom:50px;}
	.circular_achievement .contents01 {padding-top: 19.5%;padding-bottom: 0;}
	.circular_achievement .contents01 .contentsBox h1,.circular_achievement .contentsBox h1 {margin-bottom:37px;}
	.circular_achievement .contents01 .flexBox {min-height:auto;}
	.circular_achievement .chartBox {float: none;width: 100%;}
	.circular_achievement .contents02 .infoWrap,.circular_achievement .contents02 .circleChartCon,.circular_achievement .contents04 .barChartCon,.circular_achievement .contents04 .infoWrap {width: 100%;}
	.circular_achievement .graphWrap .gaugeWrap img {display: block;width: 100%;}
	.circular_achievement .infoBox .infoNum .num {font-size:1.5rem;line-height:3.1rem;}
	.circular_achievement .infoBox .infoNum .num span {font-size:3.7rem;line-height:3.1rem;}
	.graphTitle .title1 {font-size:1.5rem;line-height:2.2rem;margin-bottom:17px;}
	.graphTitle .title1 span {font-size:1.2rem;line-height:2.2rem;}
	.graphTitle .title2, .graphTitle .title3 {font-size:1.2rem;line-height:1.6rem;}
	.graphTitle .title2::before, .title3::before {width:7px;height:7px;margin-top:3px;}
	.graphBox {width:86%;justify-content: flex-start;overflow:visible;}
	.graphBox .graphTitle > div::before {width:12px;height:12px;margin-left:8px;}
	.graphBox .title1 {font-size:1.6rem;line-height:2.2rem;margin-bottom:8px;}
	.graphBox .title2, .graphBox .title3 {font-size:1.2rem;line-height:2.2rem;}
	.circular_achievement .contents01 .motion1 .infoTitle {margin-bottom:13px;}
	.circular_achievement .contents01 .motion2 .infoTitle {margin-bottom:23px;}
	.circular_achievement .contents04 .chart {margin-bottom: -1px;min-height: 182px;padding-right: 0;width: 100%;margin-bottom:30px;}
	.circular_achievement .barChart .bar {width:60px}
	.circular_achievement .barChart {width:82px;-webkit-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;}
	.circular_achievement .barChartWrap p {font-size:1.2rem;line-height:1.4rem;}
	.circular_achievement .barChart .value {font-size:2.4rem;width:60px;padding-bottom:0;}
	.circular_achievement .barChart .value i {font-size:1.5rem;}
	.circular_achievement .contents01 .chart,
	.circular_achievement .contents01 .motion1 .infoCon,
	.circular_achievement .contents03 .chart,
	.circular_achievement .contents03 .motion1 .infoCon{min-height: 23.5vh;}
	.circular_achievement .contents02 ,.circular_achievement .contents04 {padding-bottom:13%;}
	.circular_achievement .contents01 .motion2 {width: 100%;}
	.circular_achievement .contents01 .infoBox, .circular_achievement .contents03 .infoBox {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
	.circular_achievement .graphTitle {position:relative;}
	.circular_achievement .contents03 .graphWrap .gaugeWrap {margin: 0;}
	.circular_achievement .contents01 .gaugeNum,.circular_achievement .contents03 .gaugeNum {font-size: 1.7rem;line-height: 2.1rem;}
	.circular_achievement .contents01 .yearNum,.circular_achievement .contents03 .yearNum {left:0;right:0;padding: 0;font-size: 1.1rem;line-height: 2.1;}
	.circular_achievement .numbering {left:0;right:0;}
	.circular_achievement .motion7 .numbering {top:10px;}
	.circular_achievement .graphWrap {bottom:21px;}
	.circular_achievement .contents01 .infoBox i, .circular_achievement .contents03 .infoBox i {bottom:20px;}
	.circular_achievement .chart4 .num2017 {padding-top:12px;}
	.circular_achievement .chart4 .num2019 {padding-top:18px;}
	.circular_achievement .chart3 .num2019,
	.circular_achievement .chart3 .num2017 {padding-top:14px;}
	.circular_achievement .contents01 {padding-top:13%;padding-bottom:6%;}
	.circular_achievement .contents03 {padding-top:13%;padding-bottom:6%;}
	.circular_achievement .contents05 {height: 26vh;background:#000 url('/2019/src/images/circular/achievement_img11.png') center bottom no-repeat;background-size:cover;}
	.circular_achievement .chart1 .num2017 {padding-top: 25px;}
	.circular_achievement .chart1 .num2019 {padding-top: 15px;}
	.circular_achievement .chart2 .num2017 {padding-top: 8px;}
	.circular_achievement .chart2 .num2019 {padding-top: 5px;}
	.circular_achievement .motion3 .shape1 img {width:42px;}
	.circular_achievement .motion4 .shape2 img {width:61px;}
	.circular_achievement .motion9 .shape3 img {width:42px;}
	.circular_achievement .motion3 .shape1 {margin-right:15px;}
	.circular_achievement .motion4 .shape2 {margin-right:18px;}
	.circular_achievement .motion9 .shape3 {margin-right:15px;}
	.circular_achievement .contents02 .infoBox .infoNum.mwh {width:43%;}
	.circular_achievement .infoBox .infoNum .tit {font-size:1.3rem;line-height:2.0rem;}
	.circular_achievement .motion4, 
	.circular_achievement .motion9,
	.circular_achievement .motion5 {margin-top:17px;}
	.circular_achievement .circleChart {width:90px;}
	.circular_achievement .circleChart strong {font-size:3.5rem;}
	.circular_achievement .circleChartCon .infoCon,.circular_achievement .motion4 .infoCon,.circular_achievement .motion3 .infoCon,.circular_achievement .contents04 .infoCon,.circular_achievement .contents04 .motion10 {margin-top:23px;}
	.circular_achievement .contents04 .motion10 .infoCon {margin-top:23px;}
	.circular_achievement .infoBox .infoTitle {font-size:1.5rem;line-height:2.0rem;}
	.circular_achievement .infoBox .infoTitle span {font-size:1.2rem;line-height:1.2rem;}
	.circular_achievement .motion4 .infoTitle, .circular_achievement .motion9 .infoTitle {margin-bottom:0;}
	.circular_achievement .motion8 .con1 {width:45%;}
	.circular_achievement .motion9 .con1 {width: calc(45% - 50px);}

	.circular_achievement .contents04 .barChartCon .infoTitle p {margin-top:8px;font-size: 1.3rem;line-height: 1.8rem;}
	.circular_achievement .motion5 .infoTitle p {margin-top:8px;font-size: 1.3rem;line-height: 1.8rem;}
}

/* 01_circular_earth */
.circular_earth .subVisual {background-color:#f4f6f9;}
.circular_earth .bgIMG {background-image:url('/2019/src/images/circular/earth_img9.png');}
.circular_earth .contents01 {padding-top:8.7%;padding-bottom:2.6%;}
.circular_earth .contents01 .txtBox.leftPadding {padding-right:9%;}
.circular_earth .contents01 .diagramWrap {width: 57%;padding-left: 33%;}
.circular_earth .contents01 .number {margin-bottom:11px;width: auto;height:auto;background-color:transparent;color:#3255a4;line-height: 0;text-align: left;font-size:5.7rem;}
.circular_earth .contents01 .number div {line-height:65px;}
@media screen and (min-width:0\0){
	.circular_earth .contents01 .number div {line-height:70px;}
}
.circular_earth .contents01 .number span {font-size:2.2rem;font-weight: 600;line-height:54px;}
.circular_earth .contents01 .diagramWrap p {padding-top:0;padding-left:0%;}
.circular_earth .contents02 {background-color:#000;margin-bottom:11%;background:#000 url('/2019/src/images/circular/earth_img2.png') center 100% no-repeat;background-size:cover;padding-top: 0;line-height: 0;height:600px;}
.circular_earth .sub_contents .txtBox h1.txt span i {display:block;color:#3255a4;font-size:1.6rem;line-height:4.4rem;font-style:normal;}
.circular_earth .contents03 {padding-bottom:11%;}
.circular_earth .contents04 {padding-bottom:11%;}
.circular_earth .contents05 {padding-bottom:11%;}
.circular_earth .contents06 {padding-bottom:11%;}
.circular_earth .contents06 .imgBox {background:url('/2019/src/images/circular/earth_img5.png') center bottom no-repeat;background-size:cover;}
.circular_earth .contents06 .txtBox p i.after {vertical-align: unset;}
@media (min-width:1100px) and (max-width:1680px) {
	
.circular_earth .contents01 .diagramWrap {padding-left:38%;}
.circular_achievement .contents02 .flexBox {flex-direction: column;}
.circular_achievement .contents02 .infoWrap {width:100%;}
.circular_achievement .contents02 .circleChartCon {width:100%;margin-top:34px;}
.circular_achievement .circleChartCon .infoCon {justify-content: space-around;}
.circular_achievement .contents04 .flexBox {flex-direction: column;}
.circular_achievement .contents04 .infoWrap {width:100%;}
.circular_achievement .contents04 .barChartCon {width:100%;margin-top:34px;}
}
@media (max-width:1023px) {
	/* 01_circular_earth */
	.circular_earth .bgIMG {background-image:url('/2019/src/images/circular/earth_img10.png');}
	.circular_earth .contents01 {padding-top:0;padding-bottom:6%;}
	.circular_earth .contents01 .diagramWrap {padding-left: 8%;}
	.circular_earth .contents01 .number {text-align: right;font-size: 2.7rem;right: 44.4vw;margin-bottom: 18px;}
	.circular_earth .contents01 .number div {line-height:27px;}
	.circular_earth .contents01 .number span {font-size: 1.1rem;line-height:27px;}
	.circular_earth .contents01 .diagramWrap p {padding-top: 0px;}
	.circular_earth .contents02 {margin-bottom:0;background-image:url('/2019/src/images/circular/earth_img7.png');height:27vh;background-size:cover;}
	.circular_earth .contents02 .imgTxt {bottom: 8%;}
	.circular_earth .contents03 {padding-bottom:0;}
	.circular_earth .contents03 .imgTxt {color:#fff;left:15px;bottom:15px;}
	.circular_earth .contents03 .imgWrap {background-color:#2c4a2c;overflow:hidden;position:relative;}
	.circular_earth .contents04 {padding-bottom:6%;}
	.circular_earth .contents04 .flexBox {flex-direction: column-reverse;}
	.circular_earth .contents05 {padding-bottom:0;}
	.circular_earth .contents06 .imgBox {height:0;background:url('/2019/src/images/circular/earth_img8.png') center 100% no-repeat;background-size:cover;}
	.circular_earth .contents06.active .imgBox {height:30vh;}
	.circular_earth .contents01 .txtBox,
	.circular_earth .contents03 .txtBox,
	.circular_earth .contents04 .txtBox,
	.circular_earth .contents05 .txtBox,.circular_earth .contents06 .txtBox {padding-top:26%;}
	.circular_earth .contents03 .txtBox,.circular_earth .contents04 .txtBox,.circular_earth .contents05 .txtBox {padding-bottom:13%;}
	.circular_earth .contents01 .txtBox {padding-bottom:3%;}
}

/* 02_circular_development */
.circular_development .subVisual {background-color:#fcfcfc;}
.circular_development .bgIMG {background-image:url('/2019/src/images/circular/development_img5.png');}
.circular_development .contents01 {padding-top:8.7%;padding-bottom:4%;}
.circular_development .contents01 .txtBox.leftPadding {padding-right:9%;}
.circular_development .contents01 .number {margin-bottom:35px;}
.circular_development .contents01 .pathWrap {padding-left:12%;}
.circular_development .contents02 {background-color:#f8f8f8;margin-bottom:11%;padding-top:0;}
.circular_development .contents02 .imgTxt {width:100%;text-align:center;bottom:30px;}
.circular_development .contents03 {padding-bottom:11%;}
.circular_development .contents03 .imgContent {background-color:#81e8f8;overflow:hidden;position:relative;}
.circular_development .contents03 .imgContent::before {content: "";position: absolute;left: -20%;right:-10%;top: -20%;bottom: -10%;background-color: #ff8b5a;transform: rotate(0deg) translate(0%, 0%);
-webkit-transition-property: transform;
-webkit-transition-duration:.7s;
-webkit-transition-delay:.5s;
-webkit-transition-timing-function: linear;
transition-property: transform;
transition-duration:.7s;
transition-delay:.5s;
transition-timing-function: linear;}
.circular_development .contents03.active .imgContent::before {transform: rotate(-48deg) translate(10%, 57%);}
.circular_development .contents03 .imgTxt {color:#fff;left:30px;bottom:30px;}
.circular_development .contents03 a.linkImg,.circular_development .contents04 a.linkImg {top: 18.5%;left: 15.5%;right: 15.5%;height: 62.8%;background-color: rgba(0, 0, 0, .25);}
@media (max-width:1023px) {
	/* 02_circular_development */
	.circular_development .bgIMG {background-image:url('/2019/src/images/circular/development_img6.png');}
	.circular_development .contents01 {padding-top:0;padding-bottom:6%;}
	.circular_development .contents01 .diagramWrap p {padding-left:40%;}
	.circular_development .contents01 .number {right:27vw;}
	.circular_development .contents02 {margin-bottom:0;}
	.circular_development .contents02 .imgTxt {bottom:7px;}
	.circular_development .contents01 .txtBox,
	.circular_development .contents03 .txtBox {padding-top:26%;padding-bottom:13%;}
	.circular_development .contents03 {padding-bottom:0;}
}

/* 03_circular_biodiversity */
.circular_biodiversity .subVisual {background-color:#fdfaf8;}
.circular_biodiversity .bgIMG {background-image:url('/2019/src/images/circular/biodiversity_img3.png');}
.circular_biodiversity .contents01 {padding-top:8.7%;padding-bottom:2.6%;}
.circular_biodiversity .contents01 .txtBox.leftPadding {padding-right:9%;}
.circular_biodiversity .contents01 .imgTxt {color:#fff;right:30px;bottom:30px;}
.circular_biodiversity .contents01 .number {margin-bottom:75px;}
.circular_biodiversity .contents01 .pathWrap {padding-left:14.5%;}
.circular_biodiversity .contents02 {background-color:transparent;padding-top:0;margin-bottom:11%;}
.circular_biodiversity .contents02 .imgTxt {width:100%;bottom: 30px;text-align:center;color:#fff;}
.circular_biodiversity .contents03 {background-color: #3255a4;}
.circular_biodiversity .contents03 .flexBox {align-items: baseline;}
@media (max-width:1023px) {
	/* 03_circular_biodiversity */
	.circular_biodiversity .bgIMG {background-image:url('/2019/src/images/circular/biodiversity_img4.png');}
	.circular_biodiversity .contents01 {padding-bottom:6%;}
	.circular_biodiversity .contents01 .txtBox {padding-top:26%;padding-bottom:3%;}
	.circular_biodiversity .contents01 .diagramWrap p {padding-left:30%;}
	.circular_biodiversity .contents02 {margin-bottom:0;line-height:0;}
	.circular_biodiversity .contents01 .number {right:28vw;}
	.circular_biodiversity .contents02 .imgTxt {bottom:15px;}
	.circular_biodiversity .contents03 {background-color: transparent;}
}

.diagramWrap {width: 100%;padding-left:0%;}
.diagramWrap p {text-align:left;padding-top:15px;margin-left:0;}
.pathWrap {opacity:0;transform:translate(0%, -50px);}
.pathWrap img {position:static;}/* 임시 */

@media (max-width:1023px) {
	.pathWrap {text-align:right;}
	.pathWrap img {display:inline-block;width:50%;}/* 임시 */
	.diagramWrap p {text-align:right;}
}


body.en.circular_achievement .infoBox .infoTitle.lh20 {line-height:2.0rem !important;}
body.en.circular_earth .contents01 .diagramWrap p {padding-left:0;padding-right:190px;}
body.en.circular_development .contents01 .diagramWrap p {padding-left:0;padding-right:50%;}
body.en.circular_development .contents01 .number {margin-bottom:80px;}
body.en.circular_biodiversity .contents01 .diagramWrap p {padding-left:0;padding-right:50%;}
body.en.circular_achievement .infoBox .infoNum .num {font-size:1.6rem;}


@media (max-width:1023px) {
	body.en.circular_achievement .infoBox .infoTitle.lh20 {line-height:2.0rem !important;}
	body.en.circular_earth .contents01 .diagramWrap p {padding-left:20%;padding-right:0;}
	body.en.circular_development .contents01 .diagramWrap p {padding-left:20%;padding-right:0;}
	body.en.circular_development .contents01 .number {margin-bottom:55px;}
	body.en.circular_biodiversity .contents01 .diagramWrap p {padding-left:20%;padding-right:0;}

	body.en.circular_earth .sub_contents .txtBox h1.txt span i {line-height: 2rem;margin-bottom: 15px;}

	body.en.circular_achievement .infoBox .infoNum .num {font-size:1.5rem;}

	body.en.circular_achievement .contents04 .infoBox.motion8 .infoNum.con1 {width:60%;}
	body.en.circular_achievement .contents04 .infoBox.motion8 .infoNum.con2 {width:40%;}

	body.en.circular_achievement .contents04 .infoBox.motion9 .infoNum.con1 {width:calc(60% - 57px);}
	body.en.circular_achievement .contents04 .infoBox.motion9 .infoNum.con2 {width:40%;}
	body.en.circular_achievement .subVisual .h2_title {padding-bottom:55px;}


}

@media (min-width: 320px) and (max-width: 375px) {

.circular_achievement .motion3 .infoCon {position:relative;flex-direction: column;align-items: flex-start;padding-left: 70px;}
.circular_achievement .motion3 .shape1 {position:absolute;top:0;left:0;}
.circular_achievement .contents02 .infoBox .infoNum.mwh {width:calc(100% - 70px);}
.circular_achievement .circleChartCon .infoCon .circleChartWrap {transform: scale(.75);}
.circular_achievement .circleChartCon .infoCon .circleChartWrap + .circleChartWrap {margin-left:-15px;}
.circular_achievement .motion8 .con1 {width:auto;}
.circular_achievement .motion8 .con2 {width:auto;}
.circular_achievement .contents04 .motion8 .infoCon {justify-content: space-between;}
.circular_achievement .motion9 .infoCon {justify-content: space-around;}
.circular_achievement .motion9 .con1 {width:auto;}
.circular_achievement .motion9 .shape3 img {transform: translate(-150%, 0%)}
.circular_earth .contents01 .number {right:50vw;}
.circular_development .contents01 .number {right:40vw;}
.circular_biodiversity .contents01 .diagramWrap p {padding-left:20%;}

body.en.circular_earth .contents01 .diagramWrap p {padding-left:5%;}
body.en.circular_earth .contents01 .number {margin-bottom:38px;}
}

@media (min-width: 768px) and (max-width: 1023px){

	.circular_earth .contents01 .number div {line-height:47px;}

}