.certificationArea .textEditor, .certificationArea .itemTitleBox, .certificationArea .Txt p, .videoBtn::after, .videoBtn::before, .videoArea img, .dosingNavList h3, .dosingNavList > li::before, .dosingNavList > li::after, .dosingList .roundImg::before, .dosingList .Img, .dosingList .item, .dosingArea .itemTitleBox, .dosingArea .wrap p, .processList h3, .processList img, .processList .Img::before, .processList .item, .processList > li + li::before, .processList > li + li::after, .oemIndexArea .itemTitleBox, .oemIndexArea .Txt p, .areaQuote::before {
		-webkit-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
}

.dosingArea .itemTitleBox, .dosingArea .wrap p, .certificationArea .textEditor, .certificationArea .itemTitleBox, .certificationArea .Txt p, .oemIndexArea .itemTitleBox, .oemIndexArea .Txt p {
		opacity: 0;
}

.dosingArea .itemTitleBox {
		-webkit-transform: translateX(-20px);
		        transform: translateX(-20px);
}

.dosingArea .wrap p {
		-webkit-transform: translateX(20px);
		        transform: translateX(20px);
}

.certificationArea .textEditor, .certificationArea .itemTitleBox, .certificationArea .Txt p, .oemIndexArea .itemTitleBox, .oemIndexArea .Txt p {
		-webkit-transform: translateY(20px);
		        transform: translateY(20px);
}

.certificationArea.show .itemTitleBox, .certificationArea.show .Txt p, .certificationArea.show .textEditor, .dosingArea.show .itemTitleBox, .dosingArea.show .wrap p, .processList > li.current .item, .oemIndexArea.show .itemTitleBox, .oemIndexArea.show .Txt p {
		-webkit-transform: translate(0);
		        transform: translate(0);
		opacity: 1;
}

/*
	Authors: Alvin, Randy, Rex
    Version: 2.0
	Latest Update: 2020/03/13
*/
.mainArea {
		padding-top: 140px;
}
@media (min-width: 1181px) and (max-width: 1400px) {
		.mainArea {
				padding-top: 100px;
		}
}
@media (max-width: 1180px) {
		.mainArea {
				padding-top: 50px;
		}
}

.areaQuote {
		font: 600 42px/1.4 "Cinzel", "Noto Serif TC", serif;
		color: #c7b39d;
}
@media (min-width: 1181px) and (max-width: 1750px) {
		.areaQuote {
				font-size: 30px;
		}
}
@media (max-width: 1180px) {
		.areaQuote {
				font-size: 22px;
		}
}
.areaQuote::before {
		content: "";
		display: block;
		width: 76px;
		height: 59px;
		margin-left: 5px;
		margin-bottom: 15px;
		background: url("../images/quote.png") 50%/cover no-repeat;
}
@media (max-width: 1750px) {
		.areaQuote::before {
				width: 52px;
				height: 40px;
		}
}

.oemIndexArea {
		position: relative;
}
@media (max-width: 1580px) {
		.oemIndexArea {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
.oemIndexArea.show .Txt p {
		-webkit-transition-delay: 0.3s;
		        transition-delay: 0.3s;
}
.oemIndexArea::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: calc(50% - 40px);
		min-width: 250px;
		height: 360px;
		background-color: #f1e8de;
}
.oemIndexArea .wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		max-width: 1140px;
}
@media (max-width: 768px) {
		.oemIndexArea .wrap {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
.oemIndexArea .Txt {
		position: relative;
}
@media (min-width: 769px) {
		.oemIndexArea .Txt {
				width: 45.1754385965%;
				padding-left: 45px;
		}
}
@media (max-width: 768px) {
		.oemIndexArea .Txt {
				margin-top: 20px;
		}
}
.oemIndexArea .Txt p {
		padding-top: 15px;
		line-height: 2;
}
@media (max-width: 768px) {
		.oemIndexArea .itemTitleBox {
				max-width: 470px;
				margin-left: auto;
				margin-right: auto;
		}
}
.oemIndexArea .itemTitleBox::before {
		right: 0;
		background-position: 0 0, 0 100%, 100% 0, 0 0, 0 100%;
}
.oemIndexArea .itemTitleBox::after {
		content: "";
		position: absolute;
		bottom: -13px;
		left: -100px;
		z-index: 1;
		width: 215px;
		height: 2px;
		background-color: #9f6420;
}
@media (max-width: 1000px) {
		.oemIndexArea .itemTitleBox::after {
				left: auto;
				right: 300px;
				bottom: -10px;
		}
}
@media (max-width: 768px) {
		.oemIndexArea .itemTitleBox::after {
				display: none;
		}
}
@media (min-width: 1581px) {
		.oemIndexArea .areaQuote {
				position: absolute;
				top: 70px;
				left: 0;
				z-index: 1;
				width: calc((100% - 1140px) / 2);
				padding-left: 70px;
		}
}
@media (min-width: 1581px) and (max-width: 1825px) {
		.oemIndexArea .areaQuote {
				padding-left: 20px;
		}
}
@media (max-width: 1580px) {
		.oemIndexArea .areaQuote {
				padding-top: 20px;
				padding-left: 20px;
		}
}

@media (min-width: 769px) {
		.indexImgList {
				width: 54.8245614035%;
				padding-top: 60px;
		}
}
@media (max-width: 768px) {
		.indexImgList {
				margin-top: 30px;
		}
}
.indexImgList img {
		display: block;
		max-width: 100%;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}
.indexImgList .slickRectDots {
		margin-left: -4px;
}

.processArea {
		padding-top: 90px;
		padding-bottom: 90px;
		overflow: hidden;
}
@media (max-width: 1180px) {
		.processArea {
				padding-top: 50px;
				padding-bottom: 50px;
		}
}

.processList {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
@media (max-width: 1440px) {
		.processList {
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
		}
}
.processList::before, .processList::after, .processList > li + li::before {
		content: "";
		position: absolute;
		top: 75px;
		z-index: -1;
		height: 1px;
}
.processList::before, .processList::after {
		width: 100px;
		background-position: 0 50%;
		background-size: 100% 1px;
		background-repeat: no-repeat;
}
@media (max-width: 1620px) {
		.processList::before, .processList::after {
				width: 60px;
		}
}
@media (max-width: 1520px) {
		.processList::before, .processList::after {
				display: none;
		}
}
.processList::before {
		left: -90px;
		background-image: linear-gradient(to right, #cecece 14px, transparent 0, transparent 23px, #cecece 0, #cecece 37px, transparent 0, transparent 47px, #cecece 0, #cecece 100%);
}
@media (max-width: 1620px) {
		.processList::before {
				left: -40px;
		}
}
.processList::after {
		right: -90px;
		width: 100px;
		background-image: linear-gradient(to left, #cecece 14px, transparent 0, transparent 23px, #cecece 0, #cecece 37px, transparent 0, transparent 47px, #cecece 0, #cecece 100%);
}
@media (max-width: 1620px) {
		.processList::after {
				right: -40px;
		}
}
.processList > li {
		position: relative;
		width: 14.2857142857%;
}
@media (min-width: 451px) and (max-width: 1440px) {
		.processList > li {
				width: 200px;
				margin-bottom: 20px;
		}
}
@media (max-width: 450px) {
		.processList > li {
				width: 100%;
		}
}
.processList > li + li::before, .processList > li + li::after {
		opacity: 0;
}
@media (min-width: 451px) {
		.processList > li + li::before {
				left: -25px;
				width: 50px;
				background-image: -webkit-gradient(linear, left top, right top, from(#cecece), to(#cecece)), -webkit-gradient(linear, left top, right top, from(#cecece), to(#cecece));
				background-image: linear-gradient(to right, #cecece, #cecece), linear-gradient(to right, #cecece, #cecece);
				background-position: 0 50%, 100% 50%;
				background-size: 13px 1px;
				background-repeat: no-repeat;
		}
		.processList > li + li::after {
				content: "";
				position: absolute;
				top: 70px;
				left: -5px;
				z-index: 1;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 5.5px 0 5.5px 9px;
				border-color: transparent transparent transparent #9f6420;
		}
}
@media (max-width: 450px) {
		.processList > li + li {
				padding-top: 70px;
		}
		.processList > li + li::before {
				top: 10px;
				left: 50%;
				width: 50px;
				height: 50px;
				margin-left: -25px;
				background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#cecece)), -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#cecece));
				background-image: linear-gradient(to bottom, #cecece, #cecece), linear-gradient(to bottom, #cecece, #cecece);
				background-position: 50% 0, 50% 100%;
				background-size: 1px 13px;
				background-repeat: no-repeat;
		}
		.processList > li + li::after {
				content: "";
				position: absolute;
				top: 30px;
				left: 50%;
				z-index: 1;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 9px 5.5px 0 5.5px;
				border-color: #9f6420 transparent transparent transparent;
				margin-left: -5.5px;
		}
}
.processList > li.current::before, .processList > li.current::after {
		opacity: 1;
}
.processList > li.current .circle {
		-webkit-animation: 1.5s circleSVGAni linear forwards 0.6s;
		        animation: 1.5s circleSVGAni linear forwards 0.6s;
}
.processList .item {
		position: relative;
		opacity: 0;
}
@media (min-width: 451px) {
		.processList .item {
				-webkit-transform: translateX(20px);
				        transform: translateX(20px);
		}
}
@media (max-width: 450px) {
		.processList .item {
				-webkit-transform: translateY(-20px);
				        transform: translateY(-20px);
		}
}
.processList .item:hover .Img::before {
		-webkit-transform: scale(1);
		        transform: scale(1);
}
.processList .item:hover img {
		-webkit-filter: grayscale(0);
		        filter: grayscale(0);
}
.processList .item:hover h3 {
		color: #9f6420;
}
.processList .Img {
		position: relative;
		z-index: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 140px;
		height: 140px;
		margin-left: auto;
		margin-right: auto;
		border-radius: 50%;
}
.processList .Img::before {
		content: "";
		position: absolute;
		top: 7px;
		left: 7px;
		z-index: -1;
		width: calc(100% - 14px);
		height: calc(100% - 14px);
		border-radius: 50%;
		background-color: #f1e8de;
		-webkit-transform: scale(0);
		        transform: scale(0);
}
.processList .Img::after {
		content: attr(data-num);
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		color: #9f6420;
		font: 700 32px "Cinzel", "Noto Serif TC", serif;
}
.processList img {
		-webkit-filter: grayscale(1);
		        filter: grayscale(1);
}
.processList .Txt {
		padding-top: 20px;
		text-align: center;
		font-family: "Cinzel", "Noto Serif TC", serif;
}
.processList h3 {
		color: #000;
		font-size: 16px;
}
.processList em {
		font-size: 12px;
		color: #949494;
}
.processList .circle {
		position: absolute;
		top: 0;
		left: 50%;
		z-index: -1;
		width: 138px;
		height: 138px;
		margin-left: -69px;
		fill: transparent;
		stroke: #f1e8de;
		stroke-width: 1;
		stroke-dasharray: 427;
		stroke-dashoffset: 427;
		pointer-events: none;
}

@-webkit-keyframes circleSVGAni {
		0% {
				stroke-dashoffset: 427;
		}
		100% {
				stroke-dashoffset: 0;
		}
}

@keyframes circleSVGAni {
		0% {
				stroke-dashoffset: 427;
		}
		100% {
				stroke-dashoffset: 0;
		}
}
.dosingArea {
		position: relative;
		padding-top: 60px;
		padding-bottom: 60px;
}
@media (max-width: 1180px) {
		.dosingArea {
				padding-top: 50px;
				padding-bottom: 50px;
		}
}
.dosingArea.show .wrap p {
		-webkit-transition-delay: 0.3s;
		        transition-delay: 0.3s;
}
.dosingArea::before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
		width: 480px;
		height: 1450px;
		background-color: #f1e8de;
}
@media (max-width: 1180px) {
		.dosingArea::before {
				height: 1200px;
		}
}
@media (max-width: 480px) {
		.dosingArea::before {
				width: 250px;
		}
}
.dosingArea .wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		max-width: 870px;
		padding-top: 15px;
}
@media (max-width: 640px) {
		.dosingArea .wrap {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
.dosingArea .wrap p {
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		line-height: 2;
}
@media (min-width: 769px) {
		.dosingArea .wrap p {
				padding-top: 50px;
				padding-left: 45px;
		}
}
.dosingArea .itemTitleBox {
		-ms-flex-negative: 0;
		    flex-shrink: 0;
		padding-left: 35px;
		padding-right: 30px;
}
@media (min-width: 769px) {
		.dosingArea .itemTitleBox {
				width: 410px;
		}
		.dosingArea .itemTitleBox::after {
				content: "";
				position: absolute;
				top: 60px;
				right: 0;
				z-index: 1;
				width: 215px;
				height: 2px;
				background-color: #9f6420;
		}
}
@media (max-width: 640px) {
		.dosingArea .itemTitleBox {
				margin-left: auto;
				margin-right: auto;
		}
}
.dosingArea .itemTitleBox::before {
		left: -125px;
		background-position: 0 0, 0 100%, 0 0, 100% 0, 100% 100%;
}
@media (max-width: 1140px) {
		.dosingArea .itemTitleBox::before {
				left: 0;
		}
}
@media (min-width: 1301px) {
		.dosingArea .areaQuote {
				position: absolute;
				top: 30px;
				right: 0;
				width: calc((100% - 870px) / 2);
				padding-left: 100px;
				z-index: 1;
		}
}
@media (min-width: 1301px) and (max-width: 1480px) {
		.dosingArea .areaQuote {
				padding-left: 20px;
		}
}
@media (max-width: 1300px) {
		.dosingArea .areaQuote {
				width: 200px;
				margin-left: auto;
		}
}

.dosingList {
		margin-top: 20px;
}
@media (min-width: 1181px) {
		.dosingList {
				height: 560px;
		}
}
.dosingList .slick-current .item {
		padding-top: 0;
}
@media (min-width: 1181px) {
		.dosingList .slick-current .Img {
				max-width: 450px;
				padding-bottom: 450px;
		}
}
.dosingList .slick-current .roundImg::before {
		opacity: 0;
}
.dosingList .slick-slide {
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
}
.dosingList .item, .dosingList .Img {
		margin-left: auto;
		margin-right: auto;
}
.dosingList .item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		max-width: 450px;
		padding-top: 75px;
}
@media (max-width: 1180px) {
		.dosingList .item {
				padding-top: 0;
		}
}
.dosingList .item:hover .roundImg::before {
		opacity: 0;
}
.dosingList .Img {
		position: relative;
		max-width: 300px;
		width: 100%;
		padding-bottom: 300px;
}
.dosingList .Img::before, .dosingList .Img::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		pointer-events: none;
		border: 1px solid #f1e8de;
		-webkit-animation-name: circleAni;
		        animation-name: circleAni;
		-webkit-animation-timing-function: linear;
		        animation-timing-function: linear;
		-webkit-animation-fill-mode: both;
		        animation-fill-mode: both;
		-webkit-animation-iteration-count: infinite;
		        animation-iteration-count: infinite;
}
.dosingList .Img::before {
		-webkit-animation-duration: 2s;
		        animation-duration: 2s;
		-webkit-transform-origin: calc(50% - 2px) calc(50% - 2px);
		        transform-origin: calc(50% - 2px) calc(50% - 2px);
}
.dosingList .Img::after {
		-webkit-animation-duration: 3s;
		        animation-duration: 3s;
		-webkit-animation-direction: alternate;
		        animation-direction: alternate;
		-webkit-transform-origin: calc(50% + 2px) calc(50% + 2px);
		        transform-origin: calc(50% + 2px) calc(50% + 2px);
}
.dosingList .Img img {
		display: block;
		max-width: 100%;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}
.dosingList .roundImg, .dosingList .iconBox {
		position: absolute;
		left: 0;
		z-index: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
}
.dosingList .roundImg {
		top: 50%;
		border-radius: 50%;
		overflow: hidden;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
}
@media (min-width: 1181px) {
		.dosingList .roundImg::before {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.5);
				pointer-events: none;
		}
}
.dosingList .iconBox {
		top: 0;
		height: 100%;
}
.dosingList .Txt {
		padding-top: 25px;
		text-align: center;
}
.dosingList em {
		font: 700 31px "Cinzel", "Noto Serif TC", serif;
		color: #454545;
}
.dosingList h3 {
		font-size: 18px;
		font-family: "Cinzel", "Noto Serif TC", serif;
		color: #000;
}

@-webkit-keyframes circleAni {
		0% {
				-webkit-transform: rotate(0);
				        transform: rotate(0);
		}
		100% {
				-webkit-transform: rotate(359deg);
				        transform: rotate(359deg);
		}
}

@keyframes circleAni {
		0% {
				-webkit-transform: rotate(0);
				        transform: rotate(0);
		}
		100% {
				-webkit-transform: rotate(359deg);
				        transform: rotate(359deg);
		}
}
.dosingNavList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		max-width: 780px;
		width: 100%;
		margin-top: 55px;
		margin-left: auto;
		margin-right: auto;
}
@media (max-width: 1180px) {
		.dosingNavList {
				display: none;
		}
}
.dosingNavList > li {
		position: relative;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		height: 45px;
		background-image: -webkit-gradient(linear, left top, right top, from(#cecece), to(#cecece));
		background-image: linear-gradient(to right, #cecece, #cecece);
		background-position: left 50% bottom 2px;
		background-size: 100% 1px;
		background-repeat: no-repeat;
		cursor: pointer;
}
.dosingNavList > li:hover::before, .dosingNavList > li.current::before {
		background-color: #9f6420;
}
.dosingNavList > li:hover::after, .dosingNavList > li.current::after {
		-webkit-transform: scale(1);
		        transform: scale(1);
}
.dosingNavList > li:hover h3, .dosingNavList > li.current h3 {
		color: #9f6420;
}
.dosingNavList > li:first-child {
		background-position: right 0 bottom 2px;
		background-size: 50% 1px;
}
.dosingNavList > li:last-child {
		background-position: left 0 bottom 2px;
		background-size: 50% 1px;
}
.dosingNavList > li::before, .dosingNavList > li::after {
		content: "";
		position: absolute;
		left: 50%;
		z-index: 1;
		border-radius: 50%;
}
.dosingNavList > li::before {
		bottom: 0;
		width: 5px;
		height: 5px;
		margin-left: -2.5px;
		background-color: #a4a4a4;
}
.dosingNavList > li::after {
		bottom: -9px;
		width: 23px;
		height: 23px;
		margin-left: -11.5px;
		border: 1px solid #9f6420;
		-webkit-transform: scale(0);
		        transform: scale(0);
}
.dosingNavList h3 {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		font-size: 14px;
		font-family: "Cinzel", "Noto Serif TC", serif;
		color: #b9b9b9;
		text-align: center;
}

.videoArea {
		padding-top: 140px;
		padding-bottom: 140px;
}
@media (max-width: 1180px) {
		.videoArea {
				padding-top: 50px;
				padding-bottom: 50px;
		}
}
.videoArea.playing img {
		opacity: 0;
}
.videoArea .wrap {
		position: relative;
}
.videoArea img {
		display: block;
		max-width: 100%;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}
@media (max-width: 768px) {
		.videoArea img {
				height: 300px;
				-o-object-fit: cover;
				   object-fit: cover;
		}
}
.videoArea .mb_YTPBar {
		visibility: hidden;
}

.videoBtn {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 80px;
		height: 80px;
		margin-top: -40px;
		margin-left: -40px;
		border-radius: 50%;
		border: 1px dashed #fff;
		cursor: pointer;
		background-color: transparent;
}
.videoBtn.playing::after {
		content: "\f04c";
}
.videoBtn:hover::before {
		-webkit-transform: scale(0.7);
		        transform: scale(0.7);
		border-color: #fff;
}
.videoBtn:hover::after {
		opacity: 0.5;
}
.videoBtn::before {
		content: "";
		position: absolute;
		top: 10px;
		left: 10px;
		z-index: 1;
		width: calc(100% - 20px);
		height: calc(100% - 20px);
		border-radius: 50%;
		border: 1px solid rgba(255, 255, 255, 0.7);
}
.videoBtn::after {
		content: "\f04b";
		z-index: 1;
		font-size: 18px;
		font-family: FontAwesome;
		color: #fff;
}

.certificationArea {
		position: relative;
		padding-top: 110px;
		padding-bottom: 190px;
}
.certificationArea.show .Txt p {
		-webkit-transition-delay: 0.3s;
		        transition-delay: 0.3s;
}
.certificationArea.show .textEditor {
		-webkit-transition-delay: 0.5s;
		        transition-delay: 0.5s;
}
@media (min-width: 1181px) and (max-width: 1400px) {
		.certificationArea {
				padding-bottom: 110px;
		}
}
@media (max-width: 1180px) {
		.certificationArea {
				padding-top: 50px;
				padding-bottom: 50px;
		}
}
.certificationArea::before {
		content: "";
		position: absolute;
		top: 40px;
		left: 0;
		z-index: -1;
		width: calc(50% + 130px);
		height: 385px;
		background-color: #f1e8de;
}
@media (max-width: 1180px) {
		.certificationArea::before {
				top: 0;
		}
}
.certificationArea::after {
		content: "";
		position: absolute;
		top: 40px;
		right: 130px;
		z-index: -1;
		width: 398px;
		height: 254px;
		background: url("../images/oem/oemDecorationImg.png") 50% no-repeat;
}
@media (max-width: 1550px) {
		.certificationArea::after {
				right: 10px;
		}
}
@media (max-width: 1180px) {
		.certificationArea::after {
				display: none;
		}
}
.certificationArea .wrap {
		position: relative;
		z-index: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		max-width: 1320px;
}
@media (max-width: 1180px) {
		.certificationArea .wrap {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
.certificationArea .Img {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
}
@media (min-width: 1181px) {
		.certificationArea .Img {
				width: 64.7727272727%;
		}
}
.certificationArea .Img img {
		display: block;
		width: 100%;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}
.certificationArea .topImg {
		width: 83.6257309942%;
		margin-left: auto;
		margin-bottom: 40px;
}
@media (max-width: 1180px) {
		.certificationArea .topImg {
				margin-bottom: 20px;
		}
}
.certificationArea .leftImg {
		position: absolute;
		top: calc(50% - 110px);
		left: -200px;
		z-index: 2;
}
@media (min-width: 1461px) and (max-width: 1770px) {
		.certificationArea .leftImg {
				left: -50px;
		}
}
@media (max-width: 1460px) {
		.certificationArea .leftImg {
				left: 0;
		}
}
@media (max-width: 1180px) {
		.certificationArea .leftImg {
				width: 64.3274853801%;
				top: 50%;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
		}
}
.certificationArea .bottomImg {
		width: 48.5380116959%;
		margin-left: auto;
		margin-right: 120px;
}
@media (min-width: 1301px) and (max-width: 1460px) {
		.certificationArea .bottomImg {
				margin-right: 40px;
		}
}
@media (max-width: 1300px) {
		.certificationArea .bottomImg {
				margin-right: 0;
		}
}
.certificationArea .Txt {
		padding-top: 90px;
		padding-left: 50px;
}
@media (min-width: 1181px) {
		.certificationArea .Txt {
				width: 35.2272727273%;
		}
}
@media (max-width: 1180px) {
		.certificationArea .Txt {
				padding-top: 30px;
				padding-left: 0;
		}
}
.certificationArea .Txt p {
		line-height: 2;
}
@media (max-width: 1180px) {
		.certificationArea .Txt p {
				text-align: center;
		}
}
@media (max-width: 1180px) {
		.certificationArea .itemTitleBox {
				max-width: 250px;
				margin-left: auto;
				margin-right: auto;
		}
}
.certificationArea .itemTitleBox::before {
		right: 0;
		background-position: 0 0, 0 100%, 100% 0, 0 0, 0 100%;
}
@media (min-width: 1181px) {
		.certificationArea .itemTitleBox::after {
				content: "";
				position: absolute;
				left: -140px;
				bottom: 15px;
				z-index: 1;
				width: 215px;
				height: 2px;
				background-color: #9f6420;
		}
}
.certificationArea .textEditor {
		margin-top: 50px;
		margin-left: -70px;
}
@media (max-width: 1300px) {
		.certificationArea .textEditor {
				margin-left: 0;
		}
}
.certificationArea .textEditor .certificationList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		list-style: none;
		margin-left: -18px;
		margin-right: -18px;
		padding-left: 0;
}
.certificationArea .textEditor .certificationList > li {
		margin-bottom: 10px;
		padding-left: 18px;
		padding-right: 18px;
}