.historyArea .numberBox .arrowBox .arrow, .historyArea .numberBox .numberList .slick-current .numberItem .item::before, .historyArea .numberBox .numberList .slick-current .numberItem .item::after, .historyArea .numberBox .numberList .title {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

@media (min-width: 1181px) {
	body:not(.WebSiteHome) .bannerArea .bannerItem .Txt {
		padding-top: 80px;
	}
}
body:not(.WebSiteHome) .bannerArea .bannerItem .Txt .textBox {
	max-width: 620px;
}
body:not(.WebSiteHome) .bannerArea .bannerItem .Txt .text {
	max-width: 100%;
	margin-top: 15px;
}
body:not(.WebSiteHome) .bannerArea .bannerItem .Img img {
	height: 945px;
	-o-object-fit: cover;
	   object-fit: cover;
}
@media (max-width: 1180px) {
	body:not(.WebSiteHome) .bannerArea .bannerItem .Img img {
		height: 800px;
	}
}
@media (max-width: 768px) {
	body:not(.WebSiteHome) .bannerArea .bannerItem .Img img {
		height: 750px;
	}
}
body:not(.WebSiteHome) .bannerArea .scrollDown {
	opacity: 0;
}
@media (max-width: 1180px) {
	body:not(.WebSiteHome) .bannerArea .scrollDown {
		display: none;
	}
}

.mainArea {
	padding-top: 30px;
}
.mainArea .bread ~ .wrap {
	padding-top: 105px;
}
.mainArea.listColumn > .bread {
	display: block;
}
.mainArea.customPage {
	padding-bottom: 0;
	overflow: hidden;
}
@media (max-width: 992px) {
	.mainArea.customPage {
		padding-top: 0;
	}
}

.bread .wrap a {
	color: #000000;
}
.bread .wrap span {
	color: #000000;
}
.bread.arrow .wrap a + a::before,
.bread.arrow .wrap span + span::before,
.bread.arrow .wrap span + a::before,
.bread.arrow .wrap a + span::before {
	border-right-color: #000000;
	border-bottom-color: #000000;
}

.albumList {
	margin: 0 -20px;
}
.albumList .albumItem {
	cursor: pointer;
	padding: 0 20px;
}
.albumList .albumItem img {
	width: 100%;
	height: auto;
	display: block;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}
@media (max-width: 1024px) {
	.albumList {
		margin: 0 -15px;
	}
	.albumList .albumItem {
		padding: 0 15px;
	}
}
@media (max-width: 480px) {
	.albumList {
		margin: 0 -8px;
	}
	.albumList .albumItem {
		padding: 0 8px;
	}
}

.bannerArea .numberBox {
	max-width: 620px;
	padding-top: 90px;
	opacity: 0;
}
@media (max-width: 768px) {
	.bannerArea .numberBox {
		padding-top: 50px;
	}
}
@media (max-width: 480px) {
	.bannerArea .numberBox {
		padding-top: 30px;
	}
}
.bannerArea .numberBox .numberList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
@media (max-width: 414px) {
	.bannerArea .numberBox .numberList {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
}
.bannerArea .numberBox .numberItem {
	position: relative;
	padding-left: 35px;
}
@media (max-width: 768px) {
	.bannerArea .numberBox .numberItem {
		padding-left: 20px;
		width: 33.33%;
	}
}
@media (max-width: 414px) {
	.bannerArea .numberBox .numberItem {
		width: 100%;
		margin-bottom: 20px;
	}
}
.bannerArea .numberBox .numberItem:not(:last-child) {
	padding-right: 52px;
}
@media (max-width: 768px) {
	.bannerArea .numberBox .numberItem:not(:last-child) {
		padding-right: 20px;
	}
}
.bannerArea .numberBox .numberItem:before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	width: 1px;
	height: calc(100% - 12px);
	background-color: #ffffff;
}
.bannerArea .numberBox .TxtBox .number {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.bannerArea .numberBox .TxtBox .number .txt,
.bannerArea .numberBox .TxtBox .number .plus {
	color: #09c298;
	font-size: 60px;
	font-weight: 600;
	line-height: 1;
}
@media (max-width: 992px) {
	.bannerArea .numberBox .TxtBox .number .txt,
	.bannerArea .numberBox .TxtBox .number .plus {
		font-size: 50px;
	}
}
@media (max-width: 768px) {
	.bannerArea .numberBox .TxtBox .number .txt,
	.bannerArea .numberBox .TxtBox .number .plus {
		font-size: 45px;
	}
}
@media (max-width: 600px) {
	.bannerArea .numberBox .TxtBox .number .txt,
	.bannerArea .numberBox .TxtBox .number .plus {
		font-size: 35px;
	}
}
.bannerArea .numberBox .TxtBox .numberTitle {
	color: #ffffff;
	font-size: 15px;
	line-height: 1.33;
	font-weight: 400;
	display: block;
	padding-top: 6px;
}
@media (max-width: 768px) {
	.bannerArea .numberBox .TxtBox .numberTitle {
		font-size: 14px;
	}
}
@media (max-width: 640px) {
	.bannerArea .numberBox .TxtBox .numberTitle {
		font-size: 13px;
	}
}

.introArea {
	padding-top: 105px;
	padding-bottom: 106.5px;
	position: relative;
}
@media (max-width: 992px) {
	.introArea {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
.introArea.show .lineBg svg {
	-webkit-animation: proLineDraw 1.2s 0.5s ease-out forwards;
	        animation: proLineDraw 1.2s 0.5s ease-out forwards;
}
.introArea .wrap {
	position: relative;
	z-index: 2;
}
.introArea .introBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
@media (max-width: 992px) {
	.introArea .introBox {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
.introArea .left {
	width: 560px;
	padding-right: 30px;
}
.introArea .left .titleBox .subtitle {
	padding-top: 0;
}
@media (max-width: 1366px) {
	.introArea .left {
		width: 350px;
	}
}
@media (max-width: 1180px) {
	.introArea .left {
		width: 300px;
	}
}
@media (max-width: 992px) {
	.introArea .left {
		width: 100%;
		padding-right: 0;
	}
	.introArea .left .titleBox {
		margin-bottom: 20px;
	}
}
.introArea .right {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
@media (max-width: 992px) {
	.introArea .right {
		width: 100%;
	}
}
.introArea .text {
	color: #1a1a1a;
	font-size: 18px;
	line-height: 1.7;
	letter-spacing: 1px;
	text-align: left;
}
@media (max-width: 768px) {
	.introArea .text {
		font-size: 16px;
	}
}
.introArea .lineBg {
	position: absolute;
	inset: 80px 0 0 0;
	width: 100%;
	height: 770px;
	pointer-events: none;
}
@media (max-width: 768px) {
	.introArea .lineBg {
		height: 130%;
	}
}
.introArea .lineBg svg {
	width: calc(100% + 140px);
	height: 100%;
	stroke-width: 77;
	fill: transparent;
	stroke: #f5f5f5;
	stroke-dasharray: 2962.374;
	stroke-dashoffset: 2962.374;
	margin-left: -40px;
	margin-right: -50px;
}
@media (max-width: 768px) {
	.introArea .lineBg svg {
		width: 850px;
		stroke-width: 80;
		margin-left: -20px;
		-webkit-transform: rotate(-10deg);
		        transform: rotate(-10deg);
	}
}

.missionArea {
	padding: 106.5px 0;
}
@media (max-width: 992px) {
	.missionArea {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
.missionArea.show .missionBox .left::before {
	-webkit-transform: scale(1);
	        transform: scale(1);
}
.missionArea.show .missionBox .left .outerCircle,
.missionArea.show .missionBox .left .innerCircle {
	-webkit-transform: scale(1);
	        transform: scale(1);
}
@media (min-width: 1181px) {
	.missionArea .titleBox {
		margin-bottom: 55px;
	}
}
.missionArea .missionBox {
	padding-left: 43px;
	max-width: 1410px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media (max-width: 1400px) {
	.missionArea .missionBox {
		padding-left: 0;
	}
}
.missionArea .missionBox .left {
	width: 576px;
	height: 576px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	position: relative;
}
@media (max-width: 992px) {
	.missionArea .missionBox .left {
		display: none;
	}
}
.missionArea .missionBox .left::before {
	position: absolute;
	inset: 0;
	margin: auto;
	content: "";
	background-image: url(../images/about/about_mission_dotBg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-webkit-transform: scale(0);
	        transform: scale(0);
	-webkit-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
}
.missionArea .missionBox .left .outerCircle {
	position: absolute;
	inset: 45px;
	margin: auto;
	border-radius: 50%;
	background-color: #f5f5f5;
	-webkit-transform: scale(0);
	        transform: scale(0);
	-webkit-transition: all 0.8s 0.3s ease-out;
	transition: all 0.8s 0.3s ease-out;
}
.missionArea .missionBox .left .innerCircle {
	position: absolute;
	inset: 35px;
	margin: auto;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-transform: scale(0);
	        transform: scale(0);
	-webkit-transition: all 0.8s 0.6s ease-out;
	transition: all 0.8s 0.6s ease-out;
}
.missionArea .missionBox .left .innerCircle::before, .missionArea .missionBox .left .innerCircle::after {
	position: absolute;
	margin: auto;
	content: "";
}
.missionArea .missionBox .left .innerCircle::before {
	inset: 13px;
	border-radius: 50%;
	background-color: #f5f5f5;
	z-index: 2;
}
.missionArea .missionBox .left .innerCircle::after {
	inset: 0;
	border-radius: 50%;
	background: #a2d8c2;
	background: -webkit-gradient(linear, left top, right top, from(#a2d8c2), to(#9dc3e6));
	background: linear-gradient(90deg, #a2d8c2, #9dc3e6);
}
.missionArea .missionBox .left img {
	position: relative;
	z-index: 5;
}
.missionArea .missionBox .right {
	width: calc(100% - 576px);
}
@media (max-width: 992px) {
	.missionArea .missionBox .right {
		width: 100%;
	}
}
@media (max-width: 992px) {
	.missionArea .missionList {
		position: relative;
	}
	.missionArea .missionList::after {
		content: "";
		position: absolute;
		left: 6px;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 1px;
		height: calc(100% - 160px);
		background-image: linear-gradient(to bottom, #9dc3e6 0%, #9dc3e6 4px, transparent 4px, transparent 8px);
		background-size: 1px 8px;
	}
}
@media (max-width: 460px) {
	.missionArea .missionList::after {
		display: none;
	}
}
.missionArea .missionList .missionItem {
	padding: 20px 0;
	position: relative;
}
.missionArea .missionList .missionItem::before, .missionArea .missionList .missionItem::after {
	content: "";
	position: absolute;
}
.missionArea .missionList .missionItem::before {
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #9dc3e6;
	z-index: 2;
}
@media (max-width: 460px) {
	.missionArea .missionList .missionItem::before {
		display: none;
	}
}
.missionArea .missionList .missionItem::after {
	width: 20%;
	height: 1px;
	background-image: linear-gradient(to right, #9dc3e6 0%, #9dc3e6 4px, transparent 4px, transparent 8px);
	background-size: 8px 1px;
}
@media (max-width: 992px) {
	.missionArea .missionList .missionItem::after {
		display: none;
	}
}
.missionArea .missionList .missionItem:nth-child(1), .missionArea .missionList .missionItem:nth-child(5) {
	margin-left: 0.7%; /*6px*/
}
@media (max-width: 1500px) {
	.missionArea .missionList .missionItem:nth-child(1), .missionArea .missionList .missionItem:nth-child(5) {
		margin-left: 0;
	}
}
@media (max-width: 1440px) {
	.missionArea .missionList .missionItem:nth-child(1), .missionArea .missionList .missionItem:nth-child(5) {
		margin-left: -1.5%;
	}
}
@media (max-width: 1366px) {
	.missionArea .missionList .missionItem:nth-child(1), .missionArea .missionList .missionItem:nth-child(5) {
		margin-left: -3.8%;
	}
}
@media (max-width: 1280px) {
	.missionArea .missionList .missionItem:nth-child(1), .missionArea .missionList .missionItem:nth-child(5) {
		margin-left: -7%;
	}
}
@media (max-width: 1200px) {
	.missionArea .missionList .missionItem:nth-child(1), .missionArea .missionList .missionItem:nth-child(5) {
		margin-left: -11%;
	}
}
@media (max-width: 1100px) {
	.missionArea .missionList .missionItem:nth-child(1), .missionArea .missionList .missionItem:nth-child(5) {
		margin-left: -16%;
	}
}
@media (max-width: 1080px) {
	.missionArea .missionList .missionItem:nth-child(1), .missionArea .missionList .missionItem:nth-child(5) {
		margin-left: -18%;
	}
}
@media (max-width: 1040px) {
	.missionArea .missionList .missionItem:nth-child(1), .missionArea .missionList .missionItem:nth-child(5) {
		margin-left: -20%;
	}
}
@media (max-width: 1010px) {
	.missionArea .missionList .missionItem:nth-child(1), .missionArea .missionList .missionItem:nth-child(5) {
		margin-left: -22%;
	}
}
@media (max-width: 992px) {
	.missionArea .missionList .missionItem:nth-child(1), .missionArea .missionList .missionItem:nth-child(5) {
		margin-left: 0;
		padding-left: 40px;
	}
}
@media (max-width: 460px) {
	.missionArea .missionList .missionItem:nth-child(1), .missionArea .missionList .missionItem:nth-child(5) {
		padding-left: 0;
	}
}
.missionArea .missionList .missionItem:nth-child(1) .Txt, .missionArea .missionList .missionItem:nth-child(5) .Txt {
	padding-left: 52px;
}
@media (max-width: 992px) {
	.missionArea .missionList .missionItem:nth-child(1) .Txt, .missionArea .missionList .missionItem:nth-child(5) .Txt {
		padding-left: 30px;
	}
}
@media (max-width: 600px) {
	.missionArea .missionList .missionItem:nth-child(1) .Txt, .missionArea .missionList .missionItem:nth-child(5) .Txt {
		padding-left: 20px;
	}
}
.missionArea .missionList .missionItem:nth-child(1)::after, .missionArea .missionList .missionItem:nth-child(5)::after {
	width: 30%;
}
@media (min-width: 993px) {
	.missionArea .missionList .missionItem:nth-child(1) {
		padding-bottom: 0;
	}
}
.missionArea .missionList .missionItem:nth-child(1)::before, .missionArea .missionList .missionItem:nth-child(1)::after {
	left: -26%;
}
@media (max-width: 992px) {
	.missionArea .missionList .missionItem:nth-child(1)::before, .missionArea .missionList .missionItem:nth-child(1)::after {
		left: 0;
	}
}
.missionArea .missionList .missionItem:nth-child(1)::before {
	top: 60%;
	-webkit-transform: translateY(-60%);
	        transform: translateY(-60%);
}
.missionArea .missionList .missionItem:nth-child(1)::after {
	top: 58%;
}
.missionArea .missionList .missionItem:nth-child(2)::before, .missionArea .missionList .missionItem:nth-child(2)::after {
	left: -15.8%;
}
@media (max-width: 992px) {
	.missionArea .missionList .missionItem:nth-child(2)::before, .missionArea .missionList .missionItem:nth-child(2)::after {
		left: 0;
	}
}
.missionArea .missionList .missionItem:nth-child(2)::before {
	top: 53%;
	-webkit-transform: translateY(-53%);
	        transform: translateY(-53%);
}
.missionArea .missionList .missionItem:nth-child(2)::after {
	top: 53%;
}
.missionArea .missionList .missionItem:nth-child(2), .missionArea .missionList .missionItem:nth-child(4) {
	margin-left: 9%;
}
@media (max-width: 1440px) {
	.missionArea .missionList .missionItem:nth-child(2), .missionArea .missionList .missionItem:nth-child(4) {
		margin-left: 8.5%;
	}
}
@media (max-width: 1366px) {
	.missionArea .missionList .missionItem:nth-child(2), .missionArea .missionList .missionItem:nth-child(4) {
		margin-left: 7.8%;
	}
}
@media (max-width: 1280px) {
	.missionArea .missionList .missionItem:nth-child(2), .missionArea .missionList .missionItem:nth-child(4) {
		margin-left: 7%;
	}
}
@media (max-width: 1200px) {
	.missionArea .missionList .missionItem:nth-child(2), .missionArea .missionList .missionItem:nth-child(4) {
		margin-left: 6.5%;
	}
}
@media (max-width: 1100px) {
	.missionArea .missionList .missionItem:nth-child(2), .missionArea .missionList .missionItem:nth-child(4) {
		margin-left: 5.5%;
	}
}
@media (max-width: 1080px) {
	.missionArea .missionList .missionItem:nth-child(2), .missionArea .missionList .missionItem:nth-child(4) {
		margin-left: 4.5%;
	}
}
@media (max-width: 1010px) {
	.missionArea .missionList .missionItem:nth-child(2), .missionArea .missionList .missionItem:nth-child(4) {
		margin-left: 3.5%;
	}
}
@media (max-width: 992px) {
	.missionArea .missionList .missionItem:nth-child(2), .missionArea .missionList .missionItem:nth-child(4) {
		margin-left: 0;
		padding-left: 40px;
	}
}
@media (max-width: 460px) {
	.missionArea .missionList .missionItem:nth-child(2), .missionArea .missionList .missionItem:nth-child(4) {
		padding-left: 0;
	}
}
.missionArea .missionList .missionItem:nth-child(3) {
	margin-left: 12%; /*100px*/
}
@media (max-width: 1200px) {
	.missionArea .missionList .missionItem:nth-child(3) {
		margin-left: 11.5%;
	}
}
@media (max-width: 992px) {
	.missionArea .missionList .missionItem:nth-child(3) {
		margin-left: 0;
		padding-left: 40px;
	}
}
@media (max-width: 460px) {
	.missionArea .missionList .missionItem:nth-child(3) {
		padding-left: 0;
	}
}
.missionArea .missionList .missionItem:nth-child(3)::before, .missionArea .missionList .missionItem:nth-child(3)::after {
	left: -14.5%;
}
@media (max-width: 992px) {
	.missionArea .missionList .missionItem:nth-child(3)::before, .missionArea .missionList .missionItem:nth-child(3)::after {
		left: 0;
	}
}
.missionArea .missionList .missionItem:nth-child(3)::after {
	top: 50%;
}
.missionArea .missionList .missionItem:nth-child(4)::before, .missionArea .missionList .missionItem:nth-child(4)::after {
	left: -16%;
}
@media (max-width: 992px) {
	.missionArea .missionList .missionItem:nth-child(4)::before, .missionArea .missionList .missionItem:nth-child(4)::after {
		left: 0;
	}
}
.missionArea .missionList .missionItem:nth-child(4)::before {
	top: 48%;
	-webkit-transform: translateY(-48%);
	        transform: translateY(-48%);
}
.missionArea .missionList .missionItem:nth-child(4)::after {
	top: 48%;
}
@media (min-width: 993px) {
	.missionArea .missionList .missionItem:nth-child(5) {
		padding-top: 0;
	}
}
.missionArea .missionList .missionItem:nth-child(5)::before, .missionArea .missionList .missionItem:nth-child(5)::after {
	left: -26.2%;
}
@media (max-width: 992px) {
	.missionArea .missionList .missionItem:nth-child(5)::before, .missionArea .missionList .missionItem:nth-child(5)::after {
		left: 0;
	}
}
.missionArea .missionList .missionItem:nth-child(5)::before {
	top: 42%;
	-webkit-transform: translateY(-42%);
	        transform: translateY(-42%);
}
.missionArea .missionList .missionItem:nth-child(5)::after {
	top: 42%;
}
.missionArea .missionList .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	margin-left: -20px;
	z-index: 3;
}
@media (max-width: 992px) {
	.missionArea .missionList .item {
		margin-left: 0;
	}
}
.missionArea .missionList .Img {
	width: 107px;
	height: 107px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border-radius: 50%;
	background: #a2d8c2;
	background: -webkit-gradient(linear, left top, right top, from(#a2d8c2), to(#9dc3e6));
	background: linear-gradient(90deg, #a2d8c2, #9dc3e6);
	position: relative;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
@media (max-width: 600px) {
	.missionArea .missionList .Img {
		width: 80px;
		height: 80px;
	}
}
.missionArea .missionList .Img::before, .missionArea .missionList .Img::after {
	position: absolute;
	content: "";
	border-radius: 50%;
	margin: auto;
}
.missionArea .missionList .Img::before {
	inset: 1px;
	background-color: #ffffff;
}
.missionArea .missionList .Img::after {
	inset: 9px;
	background-color: #f5f5f5;
}
.missionArea .missionList .Img img {
	max-width: 90px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
@media (max-width: 600px) {
	.missionArea .missionList .Img img {
		max-width: 60px;
	}
}
.missionArea .missionList .Txt {
	padding-left: 40px;
}
@media (max-width: 992px) {
	.missionArea .missionList .Txt {
		padding-left: 30px;
	}
}
@media (max-width: 600px) {
	.missionArea .missionList .Txt {
		padding-left: 20px;
	}
}
.missionArea .missionList .Txt .title {
	color: #000000;
	font-size: 23px;
	font-weight: 600;
	line-height: 1.4;
}
@media (max-width: 600px) {
	.missionArea .missionList .Txt .title {
		font-size: 20px;
	}
}
.missionArea .missionList .Txt .text {
	color: #000000;
	font-size: 16px;
	line-height: 1.625;
	letter-spacing: 1px;
	max-height: 53px;
}
@media (max-width: 600px) {
	.missionArea .missionList .Txt .text {
		font-size: 14px;
		max-height: none;
	}
}

.historyArea {
	padding-top: 90px;
	padding-bottom: 62px;
	background-color: #f5f5f5;
}
@media (max-width: 768px) {
	.historyArea {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}
@media (max-width: 440px) {
	.historyArea {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
.historyArea .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media (max-width: 992px) {
	.historyArea .wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
.historyArea .wrap .leftBox {
	width: 615px;
}
@media (max-width: 1536px) {
	.historyArea .wrap .leftBox {
		width: 500px;
	}
}
@media (max-width: 1180px) {
	.historyArea .wrap .leftBox {
		width: 350px;
	}
}
@media (max-width: 992px) {
	.historyArea .wrap .leftBox {
		width: 100%;
	}
}
.historyArea .wrap .rightBox {
	width: calc(100% - 615px);
}
@media (max-width: 1536px) {
	.historyArea .wrap .rightBox {
		width: calc(100% - 500px);
	}
}
@media (max-width: 1180px) {
	.historyArea .wrap .rightBox {
		width: calc(100% - 350px);
	}
}
@media (max-width: 992px) {
	.historyArea .wrap .rightBox {
		width: 100%;
	}
}
.historyArea .historyBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	height: 100%;
}
@media (max-width: 440px) {
	.historyArea .historyBox {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		height: auto;
	}
}
.historyArea .yearBox {
	padding-top: 140px;
}
@media (max-width: 992px) {
	.historyArea .yearBox {
		display: none;
	}
}
.historyArea .yearBox .year {
	color: #ebebeb;
	font-size: 130px;
	font-weight: 600;
	line-height: 1;
}
.historyArea .numberBox {
	width: 260px;
	height: 100%;
	position: relative;
	margin-top: 20px;
}
@media (max-width: 1180px) {
	.historyArea .numberBox {
		width: 240px;
	}
}
@media (max-width: 600px) {
	.historyArea .numberBox {
		width: 180px;
	}
}
@media (max-width: 480px) {
	.historyArea .numberBox {
		width: 150px;
	}
}
@media (max-width: 440px) {
	.historyArea .numberBox {
		width: 100%;
		margin: 0 0 10px 0;
	}
}
.historyArea .numberBox .numberList {
	position: relative;
}
.historyArea .numberBox .numberList::before {
	position: absolute;
	right: 67px;
	top: 25px;
	content: "";
	width: 1px;
	height: calc(100% + 55px);
	background-color: rgba(9, 194, 152, 0.3);
}
@media (max-width: 1180px) {
	.historyArea .numberBox .numberList::before {
		right: 52px;
	}
}
@media (max-width: 600px) {
	.historyArea .numberBox .numberList::before {
		right: 32px;
	}
}
@media (max-width: 440px) {
	.historyArea .numberBox .numberList::before {
		width: 100%;
		height: 1px;
		left: 0;
		right: 0;
		margin: auto;
		top: auto;
		bottom: 20px;
	}
}
.historyArea .numberBox .numberList .numberItem {
	position: relative;
	padding-right: 135px;
	margin: 14px 0;
	cursor: pointer;
}
@media (max-width: 1180px) {
	.historyArea .numberBox .numberList .numberItem {
		padding-right: 100px;
	}
}
@media (max-width: 600px) {
	.historyArea .numberBox .numberList .numberItem {
		padding-right: 60px;
	}
}
@media (max-width: 440px) {
	.historyArea .numberBox .numberList .numberItem {
		padding-right: 0;
		margin: 0;
		padding: 0 0 30px;
	}
}
.historyArea .numberBox .numberList .numberItem::after {
	position: absolute;
	right: 62px;
	top: 6px;
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #09c298;
}
@media (max-width: 1180px) {
	.historyArea .numberBox .numberList .numberItem::after {
		right: 47px;
	}
}
@media (max-width: 600px) {
	.historyArea .numberBox .numberList .numberItem::after {
		right: 27px;
	}
}
@media (max-width: 440px) {
	.historyArea .numberBox .numberList .numberItem::after {
		position: relative;
		display: block;
		left: 0;
		right: 0;
		top: auto;
		bottom: -13px;
		margin: auto;
		width: 8px;
		height: 8px;
	}
}
.historyArea .numberBox .numberList .Txt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
@media (max-width: 440px) {
	.historyArea .numberBox .numberList .Txt {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-bottom: 5px;
	}
}
.historyArea .numberBox .numberList .title {
	display: block;
	color: #b3b3b3;
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	height: 45px;
	font-family: "Poppins", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
}
@media (max-width: 600px) {
	.historyArea .numberBox .numberList .title {
		font-size: 22px;
		height: 35px;
	}
}
@media (max-width: 440px) {
	.historyArea .numberBox .numberList .title {
		font-size: 18px;
		height: 25px;
		line-height: 25px;
	}
}
.historyArea .numberBox .numberList .slick-current .title {
	font-size: 45px;
	font-weight: 600;
	line-height: 1;
	color: #096f71;
}
@media (max-width: 600px) {
	.historyArea .numberBox .numberList .slick-current .title {
		font-size: 35px;
	}
}
@media (max-width: 440px) {
	.historyArea .numberBox .numberList .slick-current .title {
		font-size: 25px;
	}
}
.historyArea .numberBox .numberList .slick-current .numberItem::after {
	background-color: rgba(255, 255, 255, 0.6);
}
.historyArea .numberBox .numberList .slick-current .numberItem .item {
	position: relative;
}
.historyArea .numberBox .numberList .slick-current .numberItem .item::before, .historyArea .numberBox .numberList .slick-current .numberItem .item::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	background-color: transparent;
	display: block;
	background: #09c298;
	background: -webkit-gradient(linear, left top, right top, from(#09c298), to(#d5e89d));
	background: linear-gradient(90deg, #09c298, #d5e89d);
}
@media (max-width: 440px) {
	.historyArea .numberBox .numberList .slick-current .numberItem .item::before, .historyArea .numberBox .numberList .slick-current .numberItem .item::after {
		margin: auto;
		left: 0;
	}
}
.historyArea .numberBox .numberList .slick-current .numberItem .item::before {
	width: 20px;
	height: 20px;
	top: 1px;
	right: -78px;
	-webkit-animation: dotAni 1.5s linear infinite;
	        animation: dotAni 1.5s linear infinite;
}
@media (max-width: 1180px) {
	.historyArea .numberBox .numberList .slick-current .numberItem .item::before {
		right: -58px;
	}
}
@media (max-width: 600px) {
	.historyArea .numberBox .numberList .slick-current .numberItem .item::before {
		right: -38px;
	}
}
@media (max-width: 440px) {
	.historyArea .numberBox .numberList .slick-current .numberItem .item::before {
		top: auto;
		bottom: -32px;
		right: 0;
	}
}
.historyArea .numberBox .numberList .slick-current .numberItem .item::after {
	width: 30px;
	height: 30px;
	top: -4px;
	right: -83px;
	-webkit-animation: dotAni2 1.5s 1s linear infinite;
	        animation: dotAni2 1.5s 1s linear infinite;
	opacity: 0.15;
}
@media (max-width: 1180px) {
	.historyArea .numberBox .numberList .slick-current .numberItem .item::after {
		right: -63px;
	}
}
@media (max-width: 600px) {
	.historyArea .numberBox .numberList .slick-current .numberItem .item::after {
		right: -43px;
	}
}
@media (max-width: 440px) {
	.historyArea .numberBox .numberList .slick-current .numberItem .item::after {
		top: auto;
		bottom: -37px;
		right: 0;
	}
}
.historyArea .numberBox .arrowBox {
	position: absolute;
	left: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 126px;
}
@media (max-width: 992px) {
	.historyArea .numberBox .arrowBox {
		position: relative;
		padding-top: 20px;
	}
}
@media (max-width: 480px) {
	.historyArea .numberBox .arrowBox {
		width: 100px;
	}
}
@media (max-width: 440px) {
	.historyArea .numberBox .arrowBox {
		width: 85px;
		display: none;
	}
}
.historyArea .numberBox .arrowBox .arrow {
	width: 58px;
	height: 58px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border-radius: 50%;
	border: 1px solid #096f71;
	background-color: transparent;
	cursor: pointer;
}
.historyArea .numberBox .arrowBox .arrow.slick-hidden {
	display: none;
}
@media (max-width: 480px) {
	.historyArea .numberBox .arrowBox .arrow {
		width: 45px;
		height: 45px;
	}
}
@media (max-width: 440px) {
	.historyArea .numberBox .arrowBox .arrow {
		width: 40px;
		height: 40px;
	}
}
@media (min-width: 1201px) {
	.historyArea .numberBox .arrowBox .arrow:hover {
		background-color: #096f71;
	}
	.historyArea .numberBox .arrowBox .arrow:hover svg {
		color: #ffffff;
	}
}
.historyArea .numberBox .arrowBox .arrow svg {
	color: #096f71;
}
@media (max-width: 440px) {
	.historyArea .numberBox .arrowBox .arrow svg {
		width: 10px;
		height: 18px;
	}
}
.historyArea .dataBox {
	width: calc(100% - 260px);
	padding: 40px 45px 10px 45px;
	border-radius: 15px;
	background-color: #ffffff;
}
@media (max-width: 1440px) {
	.historyArea .dataBox {
		padding: 30px 30px 10px 30px;
	}
}
@media (max-width: 1180px) {
	.historyArea .dataBox {
		width: calc(100% - 240px);
	}
}
@media (max-width: 600px) {
	.historyArea .dataBox {
		width: calc(100% - 180px);
		padding: 20px 20px 10px 20px;
	}
}
@media (max-width: 480px) {
	.historyArea .dataBox {
		width: calc(100% - 150px);
	}
}
@media (max-width: 440px) {
	.historyArea .dataBox {
		width: 100%;
	}
}
.historyArea .dataBox .Img {
	border-radius: 15px;
	overflow: hidden;
	-webkit-transform: translateZ(0);
	        transform: translateZ(0);
	margin-bottom: 36px;
}
@media (max-width: 768px) {
	.historyArea .dataBox .Img {
		margin-bottom: 20px;
	}
}
.historyArea .dataBox .Img img {
	width: 100%;
}
.historyArea .dataBox .Txt .text {
	color: #1a1a1a;
	font-size: 18px;
	line-height: 1.778;
	font-weight: 500;
}
@media (max-width: 600px) {
	.historyArea .dataBox .Txt .text {
		font-size: 16px;
	}
}

.odometer-formatting-mark {
	display: none;
}
/*# sourceMappingURL=about.css.map */