/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */
.ds-none {display: none !important}
/* Bar Graph Vertical */

.bar-graph .year {
	-webkit-animation: fade-in-text 2.5s 0.1s forwards;
	-moz-animation: fade-in-text 2.5s 0.1s forwards;
	animation: fade-in-text 2.5s 0.1s forwards;
}

.bar-graph-vertical {
	max-width: 700px;
	margin: 80px auto 0;
	border-bottom: 1px solid #fff
}

.bar-graph-vertical .bar-container {
	float: left;
	height: 300px;
	margin: 0 40px;
	position: relative;
	text-align: center;
	width: 130px;
}

.bar-graph-vertical .bar {
	border-radius: 3px;
	bottom: 0;
	position: absolute;
	width: 120px;
}

.bar-graph-vertical .year {
	bottom: -40px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	font-size: 20px;
	color: #fff
}

.bar-graph-vertical .money {
	top: -10px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	font-size: 20px;
	color: #fff
}

.bar-graph-two .bar::after {
	-webkit-animation: fade-in-text 2.5s 0.1s forwards;
	-moz-animation: fade-in-text 2.5s 0.1s forwards;
	animation: fade-in-text 2.5s 0.1s forwards;
	color: #fff;
	content: attr(data-percentage);
	font-weight: 700;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	text-align: left;
	top: 24px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.bar-graph-two .bar-one .bar {
	background-color: rgba(255, 255, 255, .7);
	-webkit-animation: show-bar-one-vertical 1s 0.1s forwards;
	-moz-animation: show-bar-one-vertical 1s 0.1s forwards;
	animation: show-bar-one-vertical 1s 0.1s forwards;
	border-radius: 7px 7px 0 0 !important
}

.bar-graph-three .bar-one .bar {
	background-color: rgba(255, 255, 255, .7);
	-webkit-animation: show-bar-one-vertical 1s 0.1s forwards;
	-moz-animation: show-bar-one-vertical 1s 0.1s forwards;
	animation: show-bar-one-vertical 1s 0.1s forwards;
	border-radius: 7px 7px 0 0 !important
}

.bar-graph-two .bar-four .bar {
	background-color: rgba(255, 98, 0, 0.7);
	-webkit-animation: show-bar-four-vertical 2.5s 0.5s forwards;
	-moz-animation: show-bar-four-vertical 2.5s 0.5s forwards;
	animation: show-bar-four-vertical 2.5s 0.5s forwards;
	border-radius: 7px 7px 0 0 !important
}

.bar-graph-three .bar-six .bar {
	background-color: rgba(0, 0, 0, .4);
	-webkit-animation: show-bar-six-vertical 1s 0.1s forwards;
	-moz-animation: show-bar-six-vertical 1s 0.1s forwards;
	animation: show-bar-six-vertical 1s 0.1s forwards;
	border-radius: 7px 7px 0 0 !important
}

.bar-graph-three .bar-seven .bar {
	background-color: rgba(0, 0, 0, .4);
	-webkit-animation: show-bar-seven-vertical 1s 0.1s forwards;
	-moz-animation: show-bar-seven-vertical 1s 0.1s forwards;
	animation: show-bar-seven-vertical 1s 0.1s forwards;
	border-radius: 7px 7px 0 0 !important
}

.bar-graph-three .bar-nine .bar {
	background-color: rgba(255, 98, 0, 0.7);
	-webkit-animation: show-bar-nine-vertical 2.5s 0.5s forwards;
	-moz-animation: show-bar-nine-vertical 2.5s 0.5s forwards;
	animation: show-bar-nine-vertical 2.5s 0.5s forwards;
	border-radius: 7px 7px 0 0 !important
}

.bar-graph-three .bar-six .bar {
	background-color: rgba(0, 0, 0, .4);
	-webkit-animation: show-bar-six1-vertical 1s 0.1s forwards;
	-moz-animation: show-bar-six1-vertical 1s 0.1s forwards;
	animation: show-bar-six1-vertical 1s 0.1s forwards;
	border-radius: 7px 7px 0 0 !important
}

.bar-graph-three .bar-seven .bar {
	background-color: rgba(0, 0, 0, .4);
	-webkit-animation: show-bar-seven1-vertical 1s 0.1s forwards;
	-moz-animation: show-bar-seven1-vertical 1s 0.1s forwards;
	animation: show-bar-seven1-vertical 1s 0.1s forwards;
	border-radius: 7px 7px 0 0 !important
}

.bar-graph-three .bar-nine .bar {
	background-color: rgba(255, 98, 0, 0.7);
	-webkit-animation: show-bar-nine1-vertical 2.5s 0.5s forwards;
	-moz-animation: show-bar-nine1-vertical 2.5s 0.5s forwards;
	animation: show-bar-nine1-vertical 2.5s 0.5s forwards;
	border-radius: 7px 7px 0 0 !important
}


/* Bar Graph Vertical Animations */

@-webkit-keyframes show-bar-one-vertical {
	0% {
		height: 0;
	}
	100% {
		height: 70%;
	}
}

@-webkit-keyframes show-bar-four-vertical {
	0% {
		height: 0;
	}
	100% {
		height: 92%;
	}
}

@-webkit-keyframes show-bar-six-vertical {
	0% {
		height: 0;
	}
	100% {
		height: 10%;
	}
}

@-webkit-keyframes show-bar-seven-vertical {
	0% {
		height: 0;
	}
	100% {
		height: 28%;
	}
}

@-webkit-keyframes show-bar-nine-vertical {
	0% {
		height: 0;
	}
	100% {
		height: 70%;
	}
}

@-webkit-keyframes show-bar-six1-vertical {
	0% {
		height: 0;
	}
	100% {
		height: 7%;
	}
}

@-webkit-keyframes show-bar-seven1-vertical {
	0% {
		height: 0;
	}
	100% {
		height: 41%;
	}
}

@-webkit-keyframes show-bar-nine1-vertical {
	0% {
		height: 0;
	}
	100% {
		height: 52%;
	}
}

@-webkit-keyframes fade-in-text {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


@media (max-width:767px){

	.bar-graph-vertical {width:100%;margin: 40px auto 0;border-bottom: 1px solid #fff; max-width: 350px}

	.bar-graph-vertical .bar-container {float: left;height: 130px;margin:0 20px;position: relative;text-align: center;width: 100px;}

	.bar-graph-vertical .bar {border-radius: 3px;bottom: 0;position: absolute;width: 50px;left: 25%}

	.bar-graph-vertical .year {bottom: -40px;left: 0;margin: 0 auto;position: absolute;right: 0;font-size: 13px; color:#fff}

	.bar-graph-vertical .money {top: -10px;left: 0;margin: 0 auto;position: absolute;right: 0;font-size: 17px; color:#fff}
}

.bg-silver {background: #f7f7f7}
.box {box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}
.boxborder {border-radius: 10px !important}

.container2 {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}

@media (min-width: 768px) {
	.container2 {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.container2 {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.free {padding: 0 !important; margin: 0 !important}
	.free a{padding: 0px 30px !important; color: #fe6f2d !important}
	
	.free1 {padding: 0 !important; margin: 0 !important}
	.free1 a{padding: 0px 30px !important; color: #fe6f2d !important}
	.container2 {
		width: 1500px;
	}
}
.bounce {
	animation: motion 0.5s linear 0s infinite alternate; margin-top: 0;
}


@keyframes motion {
	0% {margin-top: 0px;}
	100% {margin-top: 15px;}
}

@font-face {
	font-family: 'Chosunilbo_myungjo';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


@media (max-width:767px){
	.b-content h3 {font-size: 15px}
	.b-content h5 {font-size: 18px}
}


.transition-03 {
	-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out
}