.History_header {
	background-color : red;
}

.History_header h2 {
	font-size: 65%; /* 疫뀐옙占쎈뎁 占쎄쾿疫뀐옙 占쎄퐬占쎌젟 */
	text-transform: uppercase; /* 占쏙옙占쎈꺖�눧紐꾩쁽 癰귨옙占쎌넎 */
	padding : 20px 10% 25px 17%;
	padding-bottom: 3%; /* h2占쎌벥 占쎈툡占쎌삋 占쎈연獄쏉옙 占쎄퐬占쎌젟 */
    padding-right: 1%;
	font-family : 'Nanum Gothic';
	font-weight: bolder;
}


.History_header {
	color: white; /* 疫뀐옙占쎈뎁 占쎄퉳占쎄맒 占쎄퐬占쎌젟 */
	padding-top: 0; /* 占쎄맒占쎈뼊 占쎈연獄쏉옙 占쎄퐬占쎌젟 */
}

.History_ul {
	list-style-type: circle;
	list-style-position : inside;
	margin : 0 auto;
	padding-top: 3%;
	padding-left : 13%;
	padding-bottom: 5%;
	font-size: 12px;
	font-weight: 600;
	font-family : 'Nanum Gothic';
}

.History_ul li {
	width: 300px;
	background-size : 25px 22px;
    padding-bottom: 4px;
}

@media all and (max-width: 480px) {
.History_ul li {
	width: 350px;
	background-size : 25px 22px;
    padding-bottom: 4px;
	padding-left: 15%;
}
}


#History {
	padding-top: 9%; /* 占쎄맒占쎈뼊 占쎈연獄쏉옙 占쎄퐬占쎌젟 */
	padding-bottom: 10%;
}

.History_Main {
	padding-bottom: 10%;
	position: relative;
	width: 100%;
	height: 200%;
}

.History_header {
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
	font-family : 'Nanum Gothic';
}

@media (max-width: 1500px) {
	.History_ul {
	list-style-type: circle;
	list-style-position : inside;
	margin : 0 auto;
	padding-top: 3%;
	padding-left : 5%;
	padding-bottom: 5%;
	font-size: 12px;
	font-weight: 600;
	font-family : 'Nanum Gothic';
}
}

@media (min-width: 1200px) {
	.History_ul {
	list-style-type: circle;
	list-style-position : inside;
	margin : 0 auto;
	padding-top: 7%;
	padding-left : 3%;
	padding-bottom: 1%;
	font-size: 11px;
	font-weight: 600;
	font-family : 'Nanum Gothic';
}
}
	
@media (max-width: 999px) {
	.History_ul {
	list-style-type: circle;
	list-style-position : inside;
	margin : 0 auto;
	padding-top: 7%;
	padding-left : 28%;
	padding-bottom: 5%;
	font-size: 12px;
	font-weight: 600;
	font-family : 'Nanum Gothic';
}
}

@media all and (max-width: 960px) and (min-width: 640px) {
	.History_ul {
	list-style-type: circle;
	list-style-position : inside;
	margin : 0 auto;
	padding-top: 7%;
	padding-left : 5%;
	padding-bottom: 5%;
	font-size: 12px;
	font-weight: 600;
	font-family : 'Nanum Gothic';
}
}

@media all and (max-width: 992px) {
.History_ul {
	list-style-type: circle;
	list-style-position : inside;
	margin : 0 auto;
	padding-top: 7%;
	padding-left : 28%;
	padding-bottom: 5%;
	font-size: 12px;
	font-weight: 600;
	font-family : 'Nanum Gothic';
}
}

@media all and (max-width: 768px) {
.History_ul {
	list-style-type: circle;
	list-style-position : inside;
	margin : 0 auto;
	padding-top: 7%;
	padding-left : 26%;
	padding-bottom: 5%;
	font-size: 12px;
	font-weight: 600;
	font-family : 'Nanum Gothic';
}
}


@media all and (max-width: 480px) {
.History_ul {
	list-style-type: circle;
	list-style-position : inside;
	margin : 0 auto;
	padding-top: 5%;
	padding-left : 1%;
	padding-bottom: 5%;
	font-size: 11px;
	font-weight: 600;
	font-family : 'Nanum Gothic';
}
}

@media all and (max-width: 320px) {
.History_ul {
	list-style-type: circle;
	list-style-position : inside;
	margin : 0 auto;
	padding-top: 3%;
	padding-left : 5%;
	padding-bottom: 5%;
	font-size: 12px;
	font-weight: 600;
	font-family : 'Nanum Gothic';
}
}

@media all and (max-width: 240px) {
.History_ul {
	list-style-type: circle;
	list-style-position : inside;
	margin : 0 auto;
	padding-top: 3%;
	padding-left : 5%;
	padding-bottom: 5%;
	font-size: 12px;
	font-weight: 600;
	font-family : 'Nanum Gothic';
}
}

#History .History_item {
	padding-top: 30px;
    padding-right: 1%;
	text-align: left;
}

#History .History_item-2 {
	padding-top: 30px;
    padding-right: 1%;
	text-align: left;
}

@media (max-width: 1500px) {
	.History_icon {
	width: 150px;
	height: 150px;
	font-size: 160%;
	border-radius: 67%;
	text-align: center;
	margin: 0 auto;
 	padding-top: 17%;
    padding-left: 2%;
	border: 1px solid skyblue;
	background: red;
	color: white;
	transition: .7s;
}
}

@media (min-width: 1200px) {
	.History_icon {
	width: 150px;
	height: 150px;
	font-size: 160%;
	border-radius: 67%;
	text-align: center;
	margin: 0 auto;
 	padding-top: 17%;
    padding-left: 2%;
	border: 1px solid skyblue;
	background: red;
	color: white;
	transition: .7s;
}
}
	
@media (max-width: 999px) {
	.History_icon {
	width: 150px;
	height: 150px;
	font-size: 160%;
	border-radius: 67%;
	text-align: center;
	margin: 0 auto;
 	padding-top: 12%;
    padding-left: 2%;
	border: 1px solid skyblue;
	background: red;
	color: white;
	transition: .7s;
}
}

@media all and (max-width: 960px) and (min-width: 640px) {
	.History_icon {
	width: 150px;
	height: 150px;
	font-size: 160%;
	border-radius: 67%;
	text-align: center;
	margin: 0 auto;
 	padding-top: 12%;
    padding-left: 2%;
	border: 1px solid skyblue;
	background: red;
	color: white;
	transition: .7s;
}
}

@media all and (max-width: 992px) {
	.History_icon {
	width: 150px;
	height: 150px;
	font-size: 160%;
	border-radius: 67%;
	text-align: center;
	margin: 0 auto;
 	padding-top: 9%;
    padding-left: 2%;
	border: 1px solid skyblue;
	background: red;
	color: white;
	transition: .7s;
}
}

@media all and (max-width: 768px) {
	.History_icon {
	width: 150px;
	height: 150px;
	font-size: 160%;
	border-radius: 67%;
	text-align: center;
	margin: 0 auto;
 	padding-top: 9%;
    padding-left: 2%;
	border: 1px solid skyblue;
	background: red;
	color: white;
	transition: .7s;
}
}

@media all and (max-width: 480px) {
	.History_icon {
	width: 150px;
	height: 150px;
	font-size: 160%;
	border-radius: 67%;
	text-align: center;
	margin: 0 auto;
 	padding-top: 13%;
    padding-left: 2%;
	border: 1px solid skyblue;
	background: red;
	color: white;
	transition: .7s;
}
}

@media all and (max-width: 320px) {
	.History_icon {
	width: 150px;
	height: 150px;
	font-size: 160%;
	border-radius: 67%;
	text-align: center;
	margin: 0 auto;
 	padding-top: 9%;
    padding-left: 2%;
	border: 1px solid skyblue;
	background: red;
	color: white;
	transition: .7s;
}
}

@media all and (max-width: 240px) {
	.History_icon {
	width: 150px;
	height: 150px;
	font-size: 160%;
	border-radius: 67%;
	text-align: center;
	margin: 0 auto;
 	padding-top: 9%;
    padding-left: 2%;
	border: 1px solid skyblue;
	background: red;
	color: white;
	transition: .7s;
}
}

#History .History_icon i {
	margin-top: 25%;
	font-size: 50px;
	transition: .250s;
}


.
#History .History_list h4 {
	padding: 20px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	color: #393939;
	transition: 0.7s;
	font-family : 'Nanum Gothic';
}

#History .History_list p {
	font-size: 14px;
	color: #646464;
	font-family : 'Nanum Gothic';
}


#History .History_list:hover .History_icon i {
	color: #fff;
}

#History .History_list:hover h4 {
	color: #57F995;
	cursor: pointer;
}