@charset "utf-8";

.box-notice.fat-pad {padding:2.3529em 2em !important;}
.box-notice > span.txt {color:#888;}
.box-notice h5.s-title {font-weight:800 !important; color:#000 !important; margin-bottom:1.3636em !important; margin-left:0 !important;}

@media (min-width:416px){
	.box-notice > span.year {margin-right:2rem;}
}
@media (max-width:415px){
	.box-notice > span.txt {display:block;}
}



/******************************
	Wide Box
*******************************/
.graphWrap {margin-top:2rem;}
.graphWrap .chartdiv {width:100%; min-height:66rem; font-size:14px;}



.graphArea {display:block; position:relative; max-width:85rem; margin:0 auto; height:45rem;}
.graphArea > * {display:block; position:relative; height:100%;}
.graphArea .counter-title {display:block; position:absolute !important; top:43%; font-size:1.9rem; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); height:auto !important; z-index:1; text-align:center; font-weight:800;}
.graphArea .counter-title strong {font-weight:800 !important;}
.graphArea .counter-title em {display:block; color:inherit !important; font-weight:500; line-height:1.2;}

@media all and (max-width:780px) {
	.graphArea.mo-scroll {height:380px; overflow:auto;}
}
@media all and (max-width:640px) {
	.graphArea.mo-scroll > * {min-width:640px;}
}


.hightGraph .graphArea {height:64rem;}
.hightGraph .graphArea .counter-title {top:45%;}



/******************************
	과천의 하루
*******************************/

.item-today-stat {display:block; position:relative; text-align:center; font-size:2rem !important; padding:1.5em 1em !important;}
.item-today-stat > * {display:block;}
.item-today-stat i {display:block; position:relative; margin:0 auto; height:2.55em; margin-bottom:1.5em;}
.item-today-stat i img {display:block; height:100%;}
.item-today-stat strong {font-size:1.1em; margin-bottom:.68em; font-weight:700; color:#222;}
.item-today-stat span {font-size:.85em; color:#222; line-height:1.3em; min-height:1.3em;}
.item-today-stat span + span {margin-top:.294em;}
@media all and (max-width:1024px) {
	.item-today-stat {font-size:1.8rem !important;}
}
@media all and (max-width:640px) {
	.item-today-stat {font-size:1.5rem !important;}
}
@media all and (max-width:420px) {
	#today_gc > li {width:100% !important;}
}



/******************************
	
*******************************/

.stat-detail-view {display:block; position:relative; border-top:2px solid #0353A4; border-bottom:1px solid #0353A4; font-size:1.25em; margin-top:1.5em;}
.stat-detail-view dl {display:table; width:100%; table-layout:fixed;}
.stat-detail-view dl + dl {border-top:1px solid #dedede;}
.stat-detail-view dl > * {display:table-cell; vertical-align:middle; height:5em; padding:1.5em 0;}
.stat-detail-view dl dt {width:11.5em;}
.stat-detail-view dl dt strong {font-size:1.1em;}
.stat-detail-view dl dt i {display:inline-block; width:2em; height:2em; background:no-repeat 50% 50%; background-size:contain; vertical-align:middle; margin-right:5px;}
.stat-detail-view dl dt i.ty1 {background:url(../img/icon/ico_detail_01.svg);}
.stat-detail-view dl dt i.ty2 {background:url(../img/icon/ico_detail_02.svg);}
.stat-detail-view dl dt i.ty3 {background:url(../img/icon/ico_detail_03.svg);}
.stat-detail-view dl dt i.ty4 {background:url(../img/icon/ico_detail_04.svg);}
.stat-detail-view dl dt i.ty5 {background:url(../img/icon/ico_detail_05.svg);}

@media all and (max-width:1024px) {
	.stat-detail-view dl dt strong {font-size:1em;}
}
@media all and (max-width:640px) {
	.stat-detail-view {font-size:1.1em;}
	.stat-detail-view dl,
	.stat-detail-view dl > * {display:block; height:auto; padding:0;}
	.stat-detail-view dl {display:flex; flex-wrap:wrap; padding:1em 0; align-items:center;}
	.stat-detail-view dl dt {width:8em; margin:.5em 0;}
}