@charset "UTF-8";
*{word-break:keep-all}
.zIndexUp {
	z-index: 10;
	position: relative;
}

.tabMove {
	cursor: pointer;
}

.link_s1 {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.link_s1 a {
	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;
	font-size: 20px;
	font-weight: 500;
	width: 200px;
	height: 68px;
	color: #fff;
	background: #0f238c;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.link_s1 a:hover {
	color: #0f238c;
	border: 1px solid #0f238c;
	background: #fff;
}

.link_s1 a i {
	margin-left: 14px;
}

.font-coreDreamB {
	font-family: "S-CoreDream-8Heavy" !important;
}

.font-coreDream9 {
	font-family: "S-CoreDream-9Black" !important;
}

.font-coreDream7 {
	font-family: "S-CoreDream-5Medium" !important;
}

.flex-dir-col {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	-webkit-box-align: start !important;
	-ms-flex-align: start !important;
	align-items: flex-start !important;
}

.subTxt {
	font-size: 14px;
	font-family: "S-CoreDream-4Regular";
}

.subTxt p {
	position: relative;
	padding-left: 10px;
}

.subTxt p:before {
	content: "*";
	position: absolute;
	left: 0;
	top: 5px;
}

/* 뉴스 게시판 */
.sub_release {
	padding-bottom: 140px;
}

.sub_release .page {
	margin-top: 80px;
}

.sub_news {
	padding-bottom: 140px;
}

.sub_news .page {
	margin-top: 80px;
}

.board02_list {
	border-top: 2px solid #aaa;
}

.board02_list .item {
	padding: 30px;
	border-bottom: 1px solid #ddd;
}

.board02_list .item a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.board02_list .item a:hover .icon_box span {
	overflow: hidden;
	background: #0f238c;
}

.board02_list .item a:hover .icon_box span:after {
	border-color: #fff;
}

.board02_list .box {
	vertical-align: middle;
}

.board02_list figure {
	margin: 0;
}

.board02_list figure.box {
	position: relative;
	width: 28.33333333333%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ddd;
	padding-top: 15.615%;
	overflow: hidden;
}

.board02_list figure.box img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-height: 223px;
}

.board02_list .text_box {
	margin-left: 5.83333333333%;
	width: 100%;
	padding-right: 100px;
	overflow: hidden;
}

.board02_list .text_box h4 {
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	line-height: 1.2em;
}

.board02_list .text_box p {
	font-weight: 300;
	font-size: 16px;
	color: #666;
	line-height: 1.4em;
	margin: 30px 0 0 0;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.board02_list .text_box .date {
	margin: 0;
	color: #999;
	margin-top: 30px;
	font-size: 14px;
}

.board02_list .text_box .tag {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 16px;
	font-weight: bold;
	font-size: 1.125rem;
	font-weight: 500;
	color: #222;
}

.board02_list .icon_box {
	overflow: hidden;
	position: absolute;
	width: 54px;
	height: 54px;
	border: 1px solid #aaa;
	border-radius: 50%;
	text-align: center;
	right: 26px;
	top: 50%;
	margin-top: -27px;
}

.board02_list .icon_box span {
	width: 100%;
	height: 100%;
	display: block;
}

.board02_list .icon_box span:after {
	content: "";
	width: 10px;
	height: 10px;
	border: 2px solid #333;
	border-top: none;
	border-left: none;
	display: block;
	-webkit-transform: rotate(-45deg) translate(-40%, -40%);
	transform: rotate(-45deg) translate(-40%, -40%);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform-origin: left;
	transform-origin: left;
}

.tit_s3 {
	text-align: center;
	position: relative;
	padding-top: 28px;
	font-style: italic;
	margin: 0 auto;
	padding-bottom: 16px;
	margin-bottom: 60px;
}

.tit_s3:before {
	width: 12px;
	height: 3px;
	margin-left: -6px;
}

.tit_s3:after {
	width: 3px;
	height: 12px;
	margin-left: -1px;
	margin-top: -4px;
}

.tit_s3:before,
.tit_s3:after {
	content: "";
	display: block;
	background: #0f238c;
	position: absolute;
	left: 50%;
	top: 0;
}

.tit_s3 strong {
	font-size: 2.8rem;
	font-family: "Russo One", "S-CoreDream-4Regular", sans-serif;
	color: #0f238c;
	font-weight: 400;
}

.tit_s3 strong:after {
	content: "";
	width: 100%;
	max-width: 600px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0;
	height: 1px;
	display: block;
	background: #f0f0f0;
}

.tit_s3 p {
	font-size: 1.125rem;
	color: #222;
	font-weight: 300;
}

.tit_s4 strong {
	line-height: 1.1;
	font-size: 2.1875rem;
	color: #0f238c;
	font-family: "Russo One", sans-serif;
	font-weight: 400;
}

.tit_s4 strong span {
	font-family: "Exo 2", sans-serif;
	font-weight: 500;
	font-size: 1.5rem;
}

.tit_s4 p {
	font-size: 1.125rem;
	color: #222;
	margin-top: 6px;
}

.tit_s5 {
	margin: 24px 0;
	text-align: center;
	color: #222;
	font-size: 1.4rem;
	font-family: "S-CoreDream-8Heavy";
	line-height: 1.6;
}

#disInfo td {
	background: #fff;
}

.bgF5 {
	background: #f5f5f5;
}

.bgF9 {
	background: #f9f9f9;
}

.table_s1 {
	border-top: 1px solid #0f238c;
	background: #fff;
}

.table_s1 .unit {
	text-align: right;
	margin-bottom: 14px;
	margin-top: -40px;
}

.table_s1 .cate_s1 {
	margin: 0 auto;
}

.table_s1 th,
.table_s1 td {
	text-align: center;
	border-bottom: 1px solid #e0e0e0;
	padding: 12px 0;
}

.table_s1 td {
	width: 100% !important;
	font-weight: 300;
	background: #fff;
}

.table_s1 td.date,
.table_s1 td.num {
	font-family: "Exo 2", sans-serif;
}

.table_s1 td a {
	font-weight: 400;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.table_s1 th {
	background: #f5f5f5;
	font-weight: 400;
}

.table_s1 th.border-line {
	border-right: 1px solid #e0e0e0;
}

.table_s2 {
	margin-top: 123px;
	background: #fff;
	border-top: 2px solid #0f238c;
}

.table_s2 th,
.table_s2 td {
	font-family: "Exo 2", sans-serif;
	border-bottom: 1px solid #e6e6e6;
	padding: 12px 0;
	position: relative;
	text-align: left;
}

.table_s2 th {
	width: 41.66666666667%;
	font-size: 1.0625rem;
	font-family: "Exo 2", sans-serif;
	color: #222;
	font-weight: 400;
	padding-left: 7.08333333333%;
}

.table_s2 em {
	position: absolute;
	color: #0f238c;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 25px;
	height: 25px;
	border: 1px solid #e0e0e0;
	background: #f5f5f5;
	border-radius: 50%;
	font-weight: 300;
	text-align: center;
}

.table_s3 {
	font-family: "Exo 2", sans-serif;
	background: #fff;
}

.table_s3 th {
	background: #20499b;
	color: #fff;
	font-weight: 600;
	height: 70px;
}

.table_s3 th,
.table_s3 td {
	border: 1px solid #cecece;
	position: relative;
}

.table_s3 td {
	padding: 18px 32px;
}

.table_s3 td p {
	position: relative;
	padding-left: 38px;
}

.table_s3 td em {
	border: 1px solid #e2e2e2;
	width: 25px;
	height: 25px;
	background: #f5f5f5;
	left: 0;
	border-radius: 50%;
	color: #0f238c;
	font-family: "Exo 2", sans-serif;
	font-weight: 300;
	display: inline-block;
	position: absolute;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.maxW100 {
	max-width: 100% !important;
}

.w100p {
	width: 100% !important;
}

#subWrap {
	margin-top: 102px;
	padding-bottom: 294px;
}

#subWrap .line {
	z-index: 1;
}

#subWrap #contBox {
	z-index: 10;
	position: relative;
}

#subWrap #contBox section {
	margin-bottom: 180px;
}

#subWrap #contBox section:last-child {
	margin-bottom: 0;
}

#subContents>article>.contBox,
#subContents>article>.info {
	z-index: 10;
	position: relative;
}

@-webkit-keyframes image-reveal-medium-xl {
	0% {
		width: 0;
	}

	25% {
		width: 100%;
	}

	50% {
		width: 100%;
	}

	100% {
		width: 42.35%;
	}
}

@keyframes image-reveal-medium-xl {
	0% {
		width: 0;
	}

	25% {
		width: 100%;
	}

	50% {
		width: 100%;
	}

	100% {
		width: 42.35%;
	}
}

#summary #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#summary #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/summary_sv_img.jpg");
}

#summary #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#vision #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#vision #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/vision_sv_img.jpg");
}

#vision #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#ci #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/ci_sv_img.jpg");
}

#ci {}	
#ci .ci-tit { font-size: 35px; color: #0f238c; font-family: "GmarketSansBold"; }
#ci .tit-con > span { display: block; font-size: 18px; color: #222; margin: 15px 0 0 0; font-family: "S-CoreDream-5Medium"; }

#ci .ci-cnt {z-index: 5;}
#ci .ci-cnt > div {margin-bottom: 108px;}
#ci .ci-cnt > div:last-child {margin-bottom: 0;}
#ci .cnt1 .tit-con { display: flex; justify-content: space-between; align-items: flex-end; }
#ci .cnt1 .tit-con .download  { display: flex; gap: 0 15px; }
#ci .cnt1 .tit-con .download a { width: 134px; height: 34px; border: 1px solid #bbb; border-radius: 3px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #555; box-shadow: 4px 0 10px rgba(0, 0, 0 ,0.1); position: relative; overflow: hidden;}
#ci .cnt1 .tit-con .download a:before {content: ''; width: 0; height: 100%; background: #00aeef; position: absolute; top: 0; left: 0; transition: 0.4s; }
#ci .cnt1 .tit-con .download a img { margin-left: 10px; display: inline-block; position: relative; mix-blend-mode: multiply;}
#ci .cnt1 .tit-con .download a span {position: relative;}
#ci .cnt1 .tit-con .download a i {font-size: 15px; margin-left: 7px; display: inline-block; position: relative;}
/* #ci .cnt1 .tit-con .download a span {display: block; position: absolute; right: 1px; top: -7px; width: 12px; height: 12px; color: #fff; background: #df0000; border-radius: 3px; font-size: 11px; font-family: 'Exo 2', sans-serif; text-align: center; line-height: 12px; margin: 0;} */
#ci .cnt1 .list {display: flex; gap: 0 36px; margin-top: 58px; align-items: center;}
#ci .cnt1 .list .img {width: 300px; height: 265px; text-align: center; border: 1px solid #bbb; background: #fff; display: flex; align-items: center; justify-content: center;}
#ci .cnt1 .txt {font-size: 17px; color: #444; line-height: 1.6; margin-top: 0; width: calc(100% - 666px);}

#ci .cnt1 .tit-con .download a:hover:before {width: 100%; }
#ci .cnt1 .tit-con .download a:hover {color: #fff;}

#ci .cnt2 .ci-tit,
#ci .cnt3 .ci-tit {margin-bottom: 60px;}
#ci .cnt2 .list {display: flex; gap: 0 55px;}
#ci .cnt2 .list .item {width: calc(50% - 28px); text-align: center;}
#ci .cnt2 .list .item .img {width: 100%; height: 430px; border: 1px solid #bbb; display: flex; align-items: center; justify-content: center; background: #fff;}
#ci .cnt2 .list .item > span {display: inline-block; font-size: 18px; color: #222; margin: 23px 0 0 0;}

#ci .cnt3 .listBox {margin-bottom: 60px;}
#ci .cnt3 .listBox:last-child {margin-bottom: 0;}
#ci .cnt3 .listBox p {font-size: 20px; color: #222; font-weight: 500; padding: 0 10px; box-sizing: border-box;}
#ci .cnt3 .listBox .list {display: flex; gap: 0 19px; padding: 0 10px; margin: 18px 0 0 0; box-sizing: border-box;}
#ci .cnt3 .listBox .list .item {padding: 20px 0 0 27px; height: 129px; width: calc(25% - 14.5px);}
#ci .cnt3 .listBox .list .item span {font-size: 15px; line-height: 1.2; letter-spacing: 0; font-family: 'Noto Sans KR';} 
#ci .cnt3 .listBox .list .item .c-white {color: #fff;}
#ci .cnt3 .listBox .list .item .c-black {color: #000;}
#ci .cnt3 .listBox .list03 .item {display: flex; padding: 0; align-items: center; justify-content: center; }
#ci .cnt3 .listBox .list03 .item span {margin: 60px 0 0 8px;}

#ci .cnt3 .list01 .item01 {background: #2e3192;}
#ci .cnt3 .list01 .item02 {background: #007dc5;}
#ci .cnt3 .list02 .item01 {background: #00aeef;}
#ci .cnt3 .list02 .item02 {background: #d3d2c2;}
#ci .cnt3 .list02 .item03 {background: #939598;}
#ci .cnt3 .list02 .item04 {background: #000000;}
#ci .cnt3 .list03 .item01 {background: #2e3192;}

#history #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#history #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/history_sv_img.jpg");
}

#history #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#business #subVisu_ani_box.on .bg__image-container .img {
	background-image: url("/img/sub/business_sv_img.jpg");
}

#business #subVisu_ani_box .bg__image-container .img {
	-webkit-transition: all 1s;
	transition: all 1s;
	background-image: url("/img/sub/business_sv_img2.jpg");
}

#recruitment #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#recruitment #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/recruitment_sv_img.jpg");
}

#recruitment #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#benefits #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#benefits #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/benefits_sv_img.jpg");
}

#benefits #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#job #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#job #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/job_sv_img.jpg");
}

#job #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.announcement #subVisu_ani_box.on .bg__image-container .img p,
#announcement #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

.announcement #subVisu_ani_box .bg__image-container .img,
#announcement #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/announcement_sv_img.jpg");
}

.announcement #subVisu_ani_box .bg__image-container .img p,
#announcement #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#culture #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#culture #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/culture_sv_img.jpg");
}

#culture #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#location #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#location #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/location_sv_img.jpg");
}

#location #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#subWrap {
	overflow: hidden;
}

#subWrap #product_list {
	padding-top: 150px;
}

#subWrap #product_list #product {
	padding-bottom: 0;
}

#product_list #subVisu_ani_box.on .bg__image-container .img p,
.pd_busi_1 #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#product_list #subVisu_ani_box .bg__image-container .img,
.pd_busi_1 #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/pd_busi_1_img.jpg");
}

#product_list #subVisu_ani_box .bg__image-container .img p,
.pd_busi_1 #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.pd_busi_2 #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

.pd_busi_2 #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/pd_busi_2_img.jpg");
}

.pd_busi_2 #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.pd_busi_3 #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

.pd_busi_3 #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/pd_busi_3_img.jpg");
}

.pd_busi_3 #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.pd_busi_4 #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

.pd_busi_4 #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/pd_busi_4_img.jpg");
}

.pd_busi_4 #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.pd_busi_5 #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

.pd_busi_5 #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/pd_busi_5_img.jpg");
}

.pd_busi_5 #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#searchResult #subVisu_ani_box.on .bg__image-container .img p,
#brochure #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#searchResult #subVisu_ani_box .bg__image-container .img,
#brochure #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/brochure_sv_img.jpg");
}

#searchResult #subVisu_ani_box .bg__image-container .img p,
#brochure #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}



#financialStatus #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#financialStatus #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/financialStatus_sv_img.jpg");
}

#financialStatus #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#financialStatus .tit {
	font-size: 1.75rem;
	color: #0f238c;
	font-family: "S-CoreDream-8Heavy";
	margin-bottom: 14px;
}

#financialStatus .table_s1 {
	border-top: none;
}

#financialStatus .table_s1:not(:last-child) {
	margin-bottom: 120px;
}

#financialStatus .table_s1 table {
	border-top: 1px solid #0f238c;
}

#financialStatus .graph {
	margin-bottom: 120px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#financialStatus .graph>section {
	width: 32.91666666667%;
	margin-right: 0.625%;
}

#financialStatus .graph>section:last-child {
	margin-right: 0;
}

#financialStatus .graph .box {
	background: #f5f5f5;
	padding: 36px 20px;
	position: relative;
	/* height: 540px; */
	/* height: 598px; */
	height: 395px;
}

#financialStatus .graphInfo {
	height: calc(100% - 70px);
}

#financialStatus .graphInfo ul {
	height: 100%;
}

#financialStatus .graph .box .unit {
	text-align: right;
	margin-bottom: 24px;
}

#financialStatus .graph .box .unitNum {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#financialStatus .graph .box .unitNum li {
	color: #aeaeae;
	font-size: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#financialStatus .graph .box .unitNum li:not(:last-child) {
	/* margin-bottom: 41px; */
}

#financialStatus .graph .box .unitNum li::after {
	content: "";
	width: 100%;
	max-width: 286px;
	height: 1px;
	border-bottom: 1px dashed #ccc;
	display: block;
}

#financialStatus .graph .box .unitNum li.zero:after {
	border-bottom: 1px solid #777;
}

#financialStatus .graph .box .unitNum li span {
	width: 52px;
}

#financialStatus .graph .box .yearVal {
	position: absolute;
	width: 100%;
	bottom: 38px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 10px;
	margin-left: 52px;
	width: 286px;
}

#financialStatus .graph .box .yearVal.lineTop {
	border-top: 1px solid #777;
}

#financialStatus .graph .box .yearVal>article:not(:last-child) {
	margin-right: 28px;
}

#financialStatus .graph .box .yearVal>article:nth-child(1) .year::before {
	background: #a7b5db;
}

#financialStatus .graph .box .yearVal>article:nth-child(1) .bar p {
	background: #a7b5db;
}

#financialStatus .graph .box .yearVal>article:nth-child(2) .year .bar p,
#financialStatus .graph .box .yearVal>article:nth-child(2) .year::before {
	background: #4472c4;
}

#financialStatus .graph .box .yearVal>article:nth-child(2) .bar p {
	background: #4472c4;
}

#financialStatus .graph .box .yearVal>article:nth-child(3) .year::before {
	background: #163d84;
}

#financialStatus .graph .box .yearVal>article:nth-child(3) .bar p {
	background: #163d84;
}

#financialStatus .graph .box .yearVal .year {
	color: #222;
	font-size: 14px;
	position: relative;
	padding-left: 14px;
}

#financialStatus .graph .box .yearVal .year::before {
	content: "";
	z-index: 10;
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
}

#financialStatus .graph .box .yearVal .bar {
	width: 53px;
	position: absolute;
	bottom: 100%;
}

#financialStatus .graph .box .yearVal .bar p {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	-webkit-transition: all 1s;
	transition: all 1s;
	height: 0;
}

#financialStatus .graph .box .yearVal .bar span {
	display: block;
	text-align: center;
	margin-bottom: 4px;
	font-size: 14px;
	color: #222;
}

#financialStatus .graph .box .yearVal .bar.minus {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

#financialStatus .graph .box .yearVal .bar.minus span {
	margin-top: 4px;
}

#disclosure #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#disclosure #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/disclosure_sv_img.jpg");
}

#disclosure #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#disclosure .frame,
#disclosure .mobile-wrapper {
	overflow: auto;
	width: 100%;
	position: relative;
	margin: 0 auto;
	max-width: 750px;
}

#disclosure iframe {
	position: relative;
	display: block;
	display: block;
	border: none;
	height: 1000px;
	width: 750px;
}

#inv_announcement #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#inv_announcement #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/investors_announcement_sv_img.jpg");
}

#inv_announcement #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

article.default #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

article.default #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/announcement_sv_img.jpg");
}

article.default #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#technology3d #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#technology3d #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/3DTechnology_sv.jpg");
}

#technology3d #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#technology3d.highSpeed #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#technology3d.highSpeed #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/highSpeed_sv_img.jpg");
}

#technology3d.highSpeed #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#handler #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#handler #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/handler_sv_img.jpg");
}

#handler #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#software #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#software #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/softWare_sv_img.jpg");
}

#software #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#digitizer #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#digitizer #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/digitizer_sv_img.jpg");
}

#digitizer #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#scanner #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#scanner #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/scanner_sv_img.jpg");
}

#scanner #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.dlp #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

.dlp #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/dlp_sv_img.jpg");
}

.dlp #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#module #subVisu_ani_box.on .bg__image-container .img p {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: -1;
	-webkit-transition: none;
	transition: none;
}

#module #subVisu_ani_box .bg__image-container .img {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "Russo One", sans-serif;
	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;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	background-image: url("/img/sub/module_sv_img.jpg");
}

#module #subVisu_ani_box .bg__image-container .img p {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#subVisu_ani_box {
	height: 650px;
	margin-bottom: 180px;
	position: relative;
}

#subVisu_ani_box .bg__image-container {
	position: absolute;
	width: 42.35%;
	right: 0;
	bottom: 0;
}

#subVisu_ani_box .bg__image-container .img {
	overflow: hidden;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-origin: content-box;
}

#subVisu_ani_box .bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}

#subVisu_ani_box .bg>div {
	height: 100%;
}

#subVisu_ani_box .txt {
	z-index: 2;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	opacity: 0;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-transition: all 1s;
	transition: all 1s;
}

#subVisu_ani_box .txt.on {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

#subVisu_ani_box dl dt {
	color: #0f238c;
	line-height: 1;
}

#subVisu_ani_box dl dt em {
	padding-left: 36px;
}

#subVisu_ani_box dl dt span {
	font-size: 1.25rem;
	font-family: "Exo 2", sans-serif;
	font-weight: 300;
}

#subVisu_ani_box dl dt p {
	font-size: 3.6rem;
	font-family: "S-CoreDream-9Black";
	-webkit-transform: translateX(-45px);
	transform: translateX(-45px);
	margin-top: 12px;
}

#subVisu_ani_box dl dd {
	max-width: 600px;
	font-family: "Exo 2", sans-serif;
	font-weight: 300;
	font-size: 1.375rem;
	line-height: 1.4;
	color: #222;
	margin-top: 24px;
	letter-spacing: -1px;
}

#subVisu_ani_box dl dd p {
	margin-bottom: 34px;
}

#subVisu_ani_box dl dd p:last-child {
	margin: 0;
}

#subVisu_ani_box .russo {
	font-family: "Russo One", sans-serif !important;
}

#subVisu_ani_box.on .bg__image-container {
	-webkit-animation: image-reveal-medium-xl 2s normal forwards;
	animation: image-reveal-medium-xl 2s normal forwards;
	width: 100%;
}

#subVisu_ani_box.board_type {
	height: 480px;
	margin-bottom: 90px;
	background: linear-gradient(130deg, #0f238c 0%, #0677d0 100%);
}

#subVisu_ani_box.board_type .txt {
	-webkit-transform: translateY(0) !important;
	transform: translateY(0) !important;
	opacity: 1;
}

#subVisu_ani_box.board_type .bg__image-container {
	display: none;
}

#subVisu_ani_box.board_type dl dt {
	color: #fff;
}

#subVisu_ani_box.board_type dl dd {
	color: #fff;
	display: none;
}

#subVisu_ani_box.board_type .schForm {
	bottom: 33px;
}

.flexBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.flexBox.align-start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.flexBox.betw {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flexBox .flex_flow_auto {
	-webkit-box-flex: 1 !important;
	-ms-flex: auto !important;
	flex: auto !important;
	width: auto !important;
}

.flexBox.align-end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.flexBox.stretch {
	align-items: stretch;
}

.flexBox.type2 .pd_on {
	padding: 50px 20px;
}

.flexBox.type2>div:nth-child(1) {
	width: 300px;
}

.flexBox.type2>div:nth-child(2) {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
	width: 100%;
}

.flexBox.type3 .tit_s4 {
	margin-bottom: 48px;
}

.flexBox.type3>div {
	margin-right: 40px;
}

.flexBox.type3>div:last-child {
	margin: 0;
}

/* 3D  Technology  */
.txtBox_s1 dl dt {
	font-size: 1.875rem;
	color: #0f238c;
}

.txtBox_s1 dl dd {
	line-height: 2em;
	margin-top: 24px;
}

.blueBoxTit {
	background: #0f238c;
	color: #fff;
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
	height: 50px;
	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;
	font-size: 1.5rem;
	font-family: "Exo 2", sans-serif;
	font-weight: 700;
	position: relative;
	z-index: 2;
}

.blueBoxTit span {
	font-size: 16px;
	margin: 0 14px;
}

.blueBoxTit.type2 {
	max-width: 1050px;
}

.blueBoxTit.type3 {
	max-width: 765px;
}

#technology3d .lcsi .wsi {
	margin-top: 58px;
	-webkit-box-align: inherit;
	-ms-flex-align: inherit;
	align-items: inherit;
}

#technology3d .lcsi .wsi>div {
	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;
}

#technology3d .lcsi .wsi>div:not(.icon) {
	width: 367px;
	background: #f2f2f2;
}

#technology3d .lcsi .wsi .icon {
	width: 50px;
	text-align: center;
}

#technology3d .lcsi .wsi .txt {
	background: #e7e9f3 !important;
	height: 350px;
	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-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

#technology3d .lcsi .wsi .txt p {
	margin-bottom: 24px;
	font-family: "Exo 2", sans-serif;
	font-weight: 400;
	color: #0f238c;
	text-align: center;
	font-size: 1.125rem;
}

#technology3d .lcsi .wsi .txt p:last-child {
	margin: 0;
}

#technology3d .lcsi .intro {
	margin-top: 76px;
}

#technology3d .lcsi .intro>div {
	width: 50%;
}

#technology3d .lcsi .intro .txtBox_s1 {
	padding-right: 7.5%;
}

#technology3d .scanning p {
	color: #666;
}

#technology3d .scanning .intro {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

#technology3d .scanning .intro .tit_s4 {
	min-height: 180px;
}

#technology3d .scanning .intro li {
	margin-right: 3.5%;
	width: 48.25%;
}

#technology3d .scanning .intro li:last-child {
	margin-right: 0;
}

#technology3d .scanning .imgList {
	margin-top: 43px;
	text-align: center;
}

#technology3d .scanning .imgList>.img {
	margin-right: 5%;
}

#technology3d .scanning .imgList .app {
	width: 75.16666666667%;
}

#technology3d .scanning .imgList .app .tit {
	margin-bottom: 26px;
	font-size: 1.5rem;
	font-family: "Exo 2", sans-serif;
	font-weight: 900;
	color: #0f238c;
}

#technology3d .scanning .imgList .app li {
	width: 100%;
	max-width: 429px;
	margin-right: 4.87804878049%;
}

#technology3d .scanning .imgList .app li:last-child {
	margin: 0;
}

#technology3d .scanning .imgList .app li p {
	font-size: 1.125rem;
	color: #222;
	margin-top: 16px;
	font-weight: 600;
	font-family: "Exo 2", sans-serif;
}

#technology3d .camera .imgList {
	margin-top: 30px;
}

#technology3d .camera article {
	text-align: center;
	margin-bottom: 38px;
}

#technology3d .camera article p {
	font-size: 1.125rem;
	color: #222;
	margin-bottom: 20px;
	font-family: "Exo 2", sans-serif;
	font-weight: 600;
}

#technology3d .camera article li:last-child {
	margin: 0 !important;
}

#technology3d .camera article:nth-child(1) li {
	margin-right: 3.5%;
}

#technology3d .camera article:nth-child(2) {
	padding: 36px;
}

#technology3d .camera article:nth-child(2) li {
	margin-right: 2.33333333333%;
}

#technology3d .camera article:last-child {
	margin: 0;
}

.profiometry .imgList {
	margin-top: 30px;
}

.profiometry .imgList ul {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: -6px;
}

.profiometry .imgList li {
	width: 100%;
}

.profiometry .imgList li:last-child {
	margin: 0;
}

.profiometry .imgList>article {
	margin-bottom: 68px;
}

.profiometry .imgList>article:last-child {
	margin: 0 !important;
}

.profiometry .imgList>article:nth-child(1) li {
	max-width: 579px;
}

.profiometry .imgList>article:nth-child(2) li {
	margin-right: 17px;
}

/* handler  */
#handler .info {
	margin-top: 70px;
	margin-bottom: 60px;
}

#handler .flex-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#handler .flex-box.bwt {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#handler .flex-box.just-c {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#handler .list li p {
	text-align: center;
	color: #222;
	font-size: 1.0625rem;
	margin-bottom: 20px;
}

.pd36 {
	padding: 36px !important;
}

/* highSpeed */
.t_center {
	text-align: center !important;
}

.t_right {
	text-align: right !important;
}

.highSpeed .frame .imgList ul {
	padding: 30px;
	text-align: center;
}

.highSpeed .frame .imgList ul p {
	color: #222;
	font-size: 1.0625rem;
	margin-top: 34px;
}

.highSpeed .channel .txt {
	text-align: center;
	font-size: 1.0625rem;
	font-weight: 300;
	line-height: 1.8;
	margin-bottom: 34px;
}

.highSpeed .channel article {
	margin-bottom: 38px !important;
}

.highSpeed .channel article:nth-child(2) {
	padding: 44px 20px;
}

/* software */
.txtBox_s2 dt {
	color: #0f238c;
	font-size: 1.875rem;
}

.txtBox_s2 dd {
	font-size: 1.0625rem;
	line-height: 1.8;
	margin-top: 30px;
	font-weight: 300;
}

.txtBox_s2 ul {
	margin-top: 20px;
}

.txtBox_s2 ul li {
	color: #0f238c;
	font-size: 1.125rem;
	font-weight: 300;
	font-family: "Exo 2", sans-serif;
	position: relative;
	padding-left: 10px;
}

.txtBox_s2 ul li:before {
	content: "·";
	position: absolute;
	left: 0;
	top: 0;
}

.subTxt {
	margin: 20px 0;
	font-size: 1.0625rem;
	font-weight: 300;
}

#software .tit_s4 {
	margin-bottom: 50px;
}

#software .profiometry {
	margin-top: 60px;
}

#software .flexBox .icon {
	padding-top: 70px;
}

#software .stitching article {
	margin-bottom: 38px;
}

#software .stitching article:last-child {
	margin: 0;
}

#software .stitching .flexBox li {
	margin-right: 3.5%;
	width: 48.25%;
}

#software .stitching .flexBox li:last-child {
	margin: 0;
}

#software .portability .icon {
	margin: 50px 20px;
}

/* dlp */
.pd_info_s1 {
	margin-top: 60px;
}

.pd_info_s1>div:nth-child(1) {
	width: auto !important;
}

.pd_info_s1 .txtBox {
	max-width: 490px;
}

.pd_info_s1 .txtBox .tit {
	color: #0f238c;
	font-size: 2.1875rem;
	font-family: "Russo One", sans-serif;
	line-height: 1;
}

.pd_info_s1 .txtBox dl {
	margin-top: 30px;
}

.pd_info_s1 .txtBox dl dt {
	font-size: 1.375rem;
	color: #0f238c;
	margin-bottom: 10px;
}

.pd_info_s1 .txtBox dl dd {
	font-size: 1.125rem;
	color: #222;
}

.pd_info_s1 .txtBox dl dd p {
	margin-bottom: 14px;
}

.pd_info_s1 .txtBox dl dd p:last-child {
	margin: 0;
}

.pd_info_s1 .img p {
	margin-right: 20px;
}

.pd_info_s1 .img p:last-child {
	margin: 0;
}

.list_s1 {
	margin-top: 36px;
}

.list_s1 ul {
	padding: 36px;
}

.list_s1 ul li {
	margin-right: 2.65957446809%;
	width: 23.04964539007%;
}

.list_s1 ul li:last-child {
	margin: 0;
}

/* digitizer */
#digitizer .list {
	font-family: "Exo 2", sans-serif;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#digitizer .list>article {
	width: 48.33333333333%;
	margin-right: 3.33333333333%;
}

#digitizer .list>article:last-child {
	margin: 0;
}

#digitizer .list>article .box {
	padding: 60px 30px;
	min-height: 390px;
	margin-bottom: 40px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	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;
}

#digitizer .list>article .box:last-child {
	margin: 0;
}

#digitizer .list>article:nth-child(2) .box {
	padding: 30px;
}

#digitizer .list>article:nth-child(2) .box .txtBox {
	margin-top: 12px;
}

#digitizer .list .img ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#digitizer .list .img ul li {
	margin-right: 13%;
	text-align: center;
}

#digitizer .list .img ul li:last-child {
	margin: 0;
}

#digitizer .list .img ul li p {
	color: #222;
	font-weight: 600;
	margin-bottom: 16px;
}

#digitizer .list .txtBox {
	margin-top: 40px;
}

#digitizer .list .txtBox p {
	position: relative;
	padding-left: 10px;
	margin-bottom: 4px;
	font-weight: 300;
}

#digitizer .list .txtBox p:last-child {
	margin: 0;
}

#digitizer .list .txtBox p::before {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #666;
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
}

#digitizer .list .imglist {
	max-width: 502px;
	margin: 50px auto 0;
}

#digitizer .list .imglist li {
	color: #222;
	text-align: center;
	margin-right: 12px;
	font-size: 0.9375rem;
}

#digitizer .list .imglist li>div {
	margin-bottom: 16px;
}

#digitizer .list .imglist li>div:nth-child(1) span:after {
	content: url("/img/sub/digitizer_arr.png");
	display: block;
	margin-top: 6px;
}

#digitizer .list .imglist li>div:last-child {
	margin: 0;
}

#digitizer .list .imglist li:last-child {
	margin: 0;
}

#digitizer .list .imglist li p {
	margin-bottom: 6px;
}

#digitizer .list .imglist li span {
	display: block;
	margin-top: 12px;
}

/* module */
#module .list article {
	margin-bottom: 62px;
}

#module .list article:last-child {
	margin: 0;
}

.pd_6620 {
	padding: 66px 20px !important;
}

/* scanner */
#scanner .list>article {
	margin-bottom: 64px;
}

#scanner .list>article:last-child {
	margin: 0;
}

/* pd_list */
.tab_s1 {
	position: absolute;
	top:0;
	width: 100%;
	background: #fff;
	z-index: 2000 !important;
	border-bottom: 1px solid #f0f0f0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.tab_s1 ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.tab_s1 ul li {
	width: 25%;
}

.tab_s1 ul li a {
	text-align: center;
	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;
	font-size: 1.125rem;
	font-family: "Russo One", sans-serif;
	color: #0f238c;
	height: 73px;
}

.tab_s1 ul li.on a {
	color: #fff;
	background: #0f238c;
}

.tab_s1.fixed {
	position: fixed;
	width: 100%;
	left: 0;
	top: 75px;
	z-index: 100;
	background: #fff;
	border: 1px solid #f0f0f0;
	border-left: none;
	border-right: none;
}

.tab_s2 {
	position: relative;
	z-index: 10;
}

.tab_s2 ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.tab_s2 ul li {
	min-width: 296px;
	position: relative;
	margin-right: 3px;
}

.tab_s2 ul li:last-child {
	margin: 0;
}

.tab_s2 ul li a {
	padding: 0 30px;
	font-style: italic;
	border: 1px solid #fff;
	border-radius: 10px;
	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;
	height: 88px;
	font-size: 1.5rem;
	font-family: "Russo One", sans-serif;
	color: #fff;
}

.tab_s2 ul li.on a {
	color: #0f238c;
	background: #fff;
}

.tab_s2 ul li.new {
	z-index: 2;
}

.tab_s2 ul li.new::after {
	content: "";
	width: 85px;
	height: 85px;
	background: url("/img/sub/new_icon.png") no-repeat center;
	display: block;
	position: absolute;
	right: -21px;
	top: -42px;
	z-index: 10;
}

.tab_s2 .menu {
	position: absolute;
	right: 0;
	top: 150px;
}

.tab_s2 .menu li {
	width: auto;
	min-width: inherit;
}

.tab_s2 .menu li a {
	width: 100px;
	height: 100px;
	padding: 0;
	border-radius: 50%;
	background: url("/img/sub/tab_arr_bg.png") no-repeat center #0f238c;
	border: 4px solid #fff;
	font-size: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-style: inherit;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: "Exo 2", sans-serif;
	font-weight: 600;
}

.page_link a {
	border-radius: 50%;
	-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
	display: block;
	width: 90px;
	height: 90px;
	border: 4px solid #fff;
	background: #222;
	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;
	color: #fff;
	font-size: 14px;
	font-family: "Exo 2", sans-serif;
	line-height: 1.2;
	font-weight: 600;
}

.page_link a span {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.page_link a span:after {
	content: "";
	width: 4px;
	height: 4px;
	border: 1px solid #fff;
	border-top: none;
	border-left: none;
	display: inline-block;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-left: 6px;
}

#scroll-section1.act .imgBox,
#scroll-section2.act .imgBox,
#scroll-section3.act .imgBox,
#scroll-section4.act .imgBox {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 225px;
	left: 0;
}

#scroll-section1.act .info_box,
#scroll-section2.act .info_box,
#scroll-section3.act .info_box,
#scroll-section4.act .info_box {
	opacity: 1 !important;
}

#scroll-section1.act.on .imgBox,
#scroll-section2.act.on .imgBox,
#scroll-section3.act.on .imgBox,
#scroll-section4.act.on .imgBox {
	position: absolute;
	width: 100%;
	height: auto;
	top: inherit !important;
	left: 0;
	bottom: 0;
}

body.on1#scroll-section-1 #scroll-section1 .imgBox,
body.on2#scroll-section-2 #scroll-section2 .imgBox,
body.on3#scroll-section-3 #scroll-section3 .imgBox,
body.on4#scroll-section-4 #scroll-section4 .imgBox {
	position: absolute;
	width: 100%;
	height: auto;
	top: inherit;
	left: 0;
	bottom: 0;
}

.cont {
	position: relative;
	padding-top: 50px;
}

#pd_list #pd_wrap {
	position: relative;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#pd_list #pd_wrap .imgBox {
	text-align: right !important;
}

#pd_list #pd_wrap .imgBox>div {
	height: calc(100% - 225px);
	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;
}

#pd_list #pd_wrap .imgBox img {
	max-height: 70vh;
}

#pd_list #pd_wrap .item_bg .color_bg {
	display: block;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: linear-gradient(130deg, #11228e 0%, #0294ea 100%);
	opacity: 0.6;
	-webkit-transition: opacity 0.7s;
	transition: opacity 0.7s;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	position: absolute;
	left: 0;
	top: 0;
}

#pd_list #pd_wrap .item_bg .bg {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	padding: 150px 0;
}

#pd_list #pd_wrap .item_bg.right .bg {
	text-align: right;
}

#pd_list #pd_wrap .item_bg.left .bg {
	text-align: left;
}

#pd_list #pd_wrap>section {
	position: relative;
}

#pd_list #pd_wrap .info_box {
	height: 200vh;
	padding-top: 100vh;
	text-align: left;
	opacity: 0;
	z-index: 20;
	position: relative;
	left: 0;
	height: auto;
	width: 100%;
	bottom: 100%;
	color: #fff;
}

#pd_list #pd_wrap .info_box .title dl dt {
	font-size: 3.125rem;
	font-style: italic;
	font-family: "Russo One", "Noto Sans KR", sans-serif;
}

#pd_list #pd_wrap .info_box .title dl dd {
	font-size: 1.125rem;
	line-height: 1.5;
	font-weight: 300;
}

#pd_list #pd_wrap .info_box .spec {
	margin-top: 98px;
}

#pd_list #pd_wrap .info_box .spec ul li {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 13px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 118px;
}

#pd_list #pd_wrap .info_box .spec ul li.divLen2>div:last-child {
	width: 75%;
}

#pd_list #pd_wrap .info_box .spec ul li>div {
	width: 25%;
}

#pd_list #pd_wrap .info_box .spec ul li>div>div:not(:last-child) {
	margin-bottom: 20px;
}

#pd_list #pd_wrap .info_box .spec ul li>div:first-child {
	font-size: 1.25rem;
	font-family: "Russo One", sans-serif;
	font-style: italic;
}

#pd_list #pd_wrap .info_box .spec ul li .tit {
	font-size: 1.125rem;
	font-weight: 600;
	font-family: "Exo 2", sans-serif;
	margin-bottom: 12px;
}

#pd_list #pd_wrap .info_box .spec ul li p {
	font-size: 0.9375rem;
	color: #f0f0f0;
	font-weight: 100;
	line-height: 1.6;
	font-family: "Exo 2", sans-serif;
}

#pd_list #pd_wrap .itemInfo_wrap {
	word-break: keep-all;
	position: relative;
	z-index: 100;
	background: #fff;
}

#pd_list #pd_wrap .itemInfo_wrap .tab_s2 {
	-webkit-transform: translateY(-77px);
	transform: translateY(-77px);
}

#pd_list #pd_wrap .itemInfo_wrap .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

#pd_list #pd_wrap .itemInfo_wrap .item>div {
	width: 50%;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img {
	position: relative;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img.center {
	text-align: center;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img .links .on_box {
	display: none;
	position: absolute;
	border: 1px solid #0f238c;
	width: 300px;
	padding: 10px;
	font-family: "Exo 2", sans-serif;
	font-weight: 600;
	color: #0f238c;
	right: 122px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: left;
	background: #fff;
	font-size: 14px;
	min-height: 100% !important;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img .links .on_box br {
	display: none;
}


#pd_list #pd_wrap .itemInfo_wrap .item .img .links .on_box img {
  max-width: 60px;
  margin-right: 10px;
  display:inline-block; 
  vertical-align: top;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img .links .on_box div{
	width: calc(100% - 74px);
	display:inline-block; 
	vertical-align: top;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img .links .on_box:after {
	content: url("/img/sub/on_box_line.png");
	display: inline-block;
	position: absolute;
	left: 100%;
	top: 50%;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img .links li {
	position: absolute;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img .links li.type2 .on_box {
	right: auto;
	left: 122px;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img .links li.type2 .on_box::after {
	right: 100%;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	left: auto;
}




#pd_list #pd_wrap .itemInfo_wrap .item .img .links li.none a {
	cursor: default;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img .links li.on {
	z-index: 999;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img .links li.on a span:before {
	display: none;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img .links a {
	border-radius: 3px;
	background: rgba(21, 112, 215, 0.45);
	display: block;
	color: #fff;
	font-family: "Exo 2", sans-serif;
	font-weight: 600;
	text-align: center;
	position: relative;
	z-index: 2;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img .links a.type2 {
	padding: 12px 20px;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img .links a em {
	display: none;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img .links a span {
	width: 21px;
	height: 21px;
	background: #fff;
	border-radius: 50%;
	display: block;
	position: absolute;
	right: -10px;
	top: 50%;
	margin-top: -10px;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img .links a span:after,
#pd_list #pd_wrap .itemInfo_wrap .item .img .links a span:before {
	content: "";
	background: #0f238c;
	position: absolute;
	display: block;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img .links a span:after {
	top: 9px;
	left: 6px;
	width: 9px;
	height: 3px;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img .links a span:before {
	top: 6px;
	left: 9px;
	width: 3px;
	height: 9px;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo {
	margin-top: -77px;
	padding: 48px 0;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .page_link {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo>section {
	display: none;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo>section:first-child {
	display: block;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info {
	padding-left: 6%;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info .s_txt {
	margin-bottom: 30px;
	font-size: 1.25rem;
	line-height: 1.4;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info .tit {
	font-size: 1.25rem;
	color: #0f238c;
	font-family: "Russo One", "Noto Sans KR", sans-serif;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info .tit span {
	display: block;
	font-size: 2.25rem;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info .tit.type3 {
	font-size: 1.5rem;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info .tit.type2 {
	color: #333;
	font-size: 1.125rem;
	font-family: "Noto Sans KR", sans-serif;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info.type3 {
	padding-left: 0;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info.type3 ul {
	display: block;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info.type3 ul li {
	width: 100%;
	padding-top: 0;
	padding: 28px;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info.type3 ul li .txt {
	position: static;
	height: auto;
	text-align: left;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info.type3 ul li .txt dl dt,
#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info.type3 ul li .txt dl dd {
	height: auto;
	display: block;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info.type3 ul li .txt dl dt {
	font-size: 1.5rem;
	border-bottom: none;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info.type3 ul li .txt dl dd {
	margin-top: 10px;
	color: #333;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info.type3 ul li .txt dl dd p {
	font-size: 1rem;
	position: relative;
	padding-left: 10px;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info.type3 ul li .txt dl dd p::before {
	content: "";
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #222;
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info.type2>ul {
	margin: 30px 0;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info>ul {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info>ul.pointer li {
	cursor: pointer;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info>ul.type2 li .txt dl dt {
	height: 100%;
	border-bottom: none;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info>ul li {
	margin-top: 7px;
	background: #f5f5f5;
	border: 1px solid #bbb;
	width: 32.19696969697%;
	margin-right: 1.70454545455%;
	padding-top: 32%;
	position: relative;
	text-align: center;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info>ul li:nth-child(3n) {
	margin-right: 0;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info>ul li .txt {
	position: absolute;
	font-family: "Exo 2", sans-serif;
	font-weight: 600;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	padding: 0 12px;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info>ul li .txt dl {
	height: 100%;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info>ul li .txt dl dt,
#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info>ul li .txt dl dd {
	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;
	height: 50%;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info>ul li .txt dl dt {
	letter-spacing: -1px;
	height: 50%;
	color: #222;
	font-size: 1.125rem;
	border-bottom: 1px solid #ddd;
	line-height: 1.1;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info>ul li .txt dl dd {
	font-size: 0.875rem;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info>ul li .txt dl dd i {
	color: #222222;
	font-size: 24px;
}

#pd_list #pd_wrap.type2 {
	padding-top: 70px;
}

#pd_list #pd_wrap.type2 section {
	margin-bottom: 150px;
}

#pd_list #pd_wrap.type2 section:last-child {
	margin: 0;
}

#pd_list #pd_wrap.type2 article {
	margin-bottom: 150px;
}

#pd_list #pd_wrap.type2 article:last-child {
	margin: 0;
}

#pd_list #pd_wrap.type2 .tab_s2 {
	margin-top: 55px;
}

#pd_list #pd_wrap.type2 .tab_s2 .menu {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: static;
}

#pd_list #pd_wrap.type2 .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#pd_list #pd_wrap.type2 .info>div {
	width: 50%;
}

#pd_list #pd_wrap.type2 .info .txtBox {
	padding-top: 40px;
	padding-left: 6.25%;
}

#pd_list #pd_wrap.type2 .info .txtBox dt p {
	font-size: 1.5rem;
	color: #0f238c;
	font-family: "S-CoreDream-8Heavy";
	margin-bottom: 24px;
	line-height: 1.6;
}

#pd_list #pd_wrap.type2 .info .txtBox dt p:last-child {
	margin: 0;
}

#pd_list #pd_wrap.type2 .info .txtBox dd {
	margin-top: 28px;
}

#pd_list #pd_wrap.type2 .info .txtBox dd p {
	font-weight: 300;
	position: relative;
	padding-left: 14px;
	font-size: 1.125rem;
	margin-bottom: 10px;
}

#pd_list #pd_wrap.type2 .info .txtBox dd p:last-child {
	margin: 0;
}

#pd_list #pd_wrap.type2 .info .txtBox dd p::before {
	content: "·";
	position: absolute;
	left: 0;
	top: 0;
}

#pd_list #pd_wrap.type3 {
	padding-top: 78px;
}

#pd_list #pd_wrap.type3 .teaser-wide {
	height: 185vh;
}

#pd_list #pd_wrap.type3 .teaser-wide p img {
	width: auto !important;
}

#pd_list #pd_wrap.type3 .topImg {
	margin: 80px 0 118px;
}

#pd_list #pd_wrap.type3 .info_box .spec ul li p {
	margin-bottom: 10px;
}

#pd_list #pd_wrap.type3 .info_box .spec ul li p:last-child {
	margin: 0;
}

#pd_list #pd_wrap.type3 .txtBox {
	padding-left: 6.25%;
}

#pd_list #pd_wrap.type3 .txtBox dt {
	letter-spacing: -2px;
	color: #0f238c;
	font-size: 1.5rem;
	font-family: "S-CoreDream-8Heavy";
}

#pd_list #pd_wrap.type3 .txtBox dt p {
	margin-bottom: 20px;
	line-height: 1.6;
}

#pd_list #pd_wrap.type3 .txtBox dt p:last-child {
	margin: 0;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .item {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: 50px;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .item .img .links a {
	width: 102px;
	height: 102px;
	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% !important;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .item .img .links a span {
	top: auto;
	right: auto;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	margin-top: 0;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .item .img .links .on_box {
	right: auto;
	left: 74px;
	top: 170px !important;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .item .img .links .on_box:after {
	content: url("/img/pdImg/on_box_line_type2.png");
	top: -58px;
	left: -25px;
	z-index: -1;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .item .txtBox {
	padding-top: 50px;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .characteristic {
	margin-top: 50px;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .characteristic .flexBox .plus {
	width: 156px;
	text-align: center;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .characteristic .flexBox.type4>div {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .characteristic .flexBox.type4 ul li:nth-child(5n) {
	margin-right: 0 !important;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .characteristic .flexBox .iconGroup {
	width: 520px;
	margin-bottom: 20px;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .characteristic .flexBox .iconGroup .cate {
	font-size: 0.9375rem;
	color: #333;
	font-family: "S-CoreDream-5Medium";
	margin-bottom: 20px;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .characteristic .flexBox .iconGroup:last-child {
	margin: 0;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .characteristic .flexBox>div {
	margin-right: 42px;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .characteristic .flexBox>div:last-child {
	margin: 0;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .characteristic .flexBox>div.mgr0 {
	margin-right: 0;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .characteristic .flexBox ul {
	-ms-flex-wrap: unset;
	flex-wrap: unset;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .characteristic .flexBox ul.flexwrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .characteristic .flexBox ul li {
	margin-right: 10px !important;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .characteristic .tit {
	font-size: 1.25rem;
	color: #333;
	font-family: "S-CoreDream-5Medium";
	margin-bottom: 24px;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .characteristic ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .characteristic ul p {
	margin-top: 4px;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .characteristic ul li {
	margin-bottom: 15px;
	text-align: center;
	width: 96px;
	margin-right: 10px;
	color: #0f238c;
	font-family: "Exo 2", sans-serif;
	font-size: 0.9375rem;
	line-height: 1.2;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .characteristic ul li:nth-child(5n) {
	margin-right: 0;
}

#pd_list #pd_wrap.type3 .itemInfo_wrap .characteristic ul li .icon {
	height: 96px;
	background: #f5f5f5;
	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: 1px solid #bbb;
}

#pd_list.type2 #pd_wrap .itemInfo_wrap .item .img .links li.type3 span {
	left: inherit;
	right: -10px;
}

#pd_list.type2 #pd_wrap .itemInfo_wrap .item .img .links li.type3 .on_box {
	left: unset;
	right: -420px;
}

#pd_list.type2 #pd_wrap .itemInfo_wrap .item .img .links li.type5 span {
	left: 50%;
	right: inherit;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

#pd_list.type2 #pd_wrap .itemInfo_wrap .item .img .links li.type5 .on_box {
	left: calc(50% + 120px);
	top: -80px !important;
}

#pd_list.type2 #pd_wrap .itemInfo_wrap .item .img .links a {
	padding: 12px 24px;
	text-align: left;
}

#pd_list.type2 #pd_wrap .itemInfo_wrap .item .img .links a em {
	display: block;
}

#pd_list.type2 #pd_wrap .itemInfo_wrap .item .img .links a span {
	right: inherit;
	left: -10px;
}

#pd_list.type2 #pd_wrap .itemInfo_wrap .item .img .links .on_box br {
	display: block;
}


#pd_list #pd_wrap .itemInfo_wrap .item .img .links li.type4 .on_box {
	bottom: inherit !important;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img .links li.type4 .on_box:after {
	transform: scale(-1, -1);
	top: -34px;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img .links li.type6 .on_box:after {
	content: url("/img/sub/on_box_line_90deg.png");
	left: unset;
}

#pd_list #pd_wrap .itemInfo_wrap .item .img .links li.type6 .on_box {
	left: 74px;
}

.teaser-wide {
	position: relative;
	height: 185vh;
}

.teaser-wide .bg__image-container .inner1200 {
	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;
	text-align: right;
	height: 100%;
}

.teaser-wide .bg__image-container img:not(:first-child) {
	display: none;
}

.teaser-wide .bg {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
}

.teaser-wide .bg.fixed {
	position: fixed !important;
}

.teaser-wide .bg.abs {
	position: absolute !important;
}

.teaser-wide .bg__image-container {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding-top: 180px;
}

.teaser-wide img {
	max-height: 90%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
}

.teaser-wide .bg__gradient {
	opacity: 0;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	background: #11228e;
	background: linear-gradient(130deg, #11228e 0%, #0294ea 100%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

/* company  - location */
#location .info>div {
	margin-bottom: 20px;
}

#location .info>div:last-child {
	margin: 0;
}

#location .info .transfer>div {
	padding: 42px 68px;
}

#location .info .transfer span {
	color: #fd6868;
	margin: 0 5px;
}

#location .info .transfer .icon {
	margin-right: 60px;
    flex-shrink: 0;
}

#location .stretch .transfer .icon {
  margin-right: 42px;
}

#location .info .transfer dl dt {
	font-size: 1.25rem;
}

#location .info .transfer dl dd {
	font-size: 1rem;
	margin-top: 20px;
}

#location .info .flexBox article {
	width: 49.16666666667%;
	margin-right: 1.66666666667%;
}

#location .info .flexBox article:last-child {
	margin: 0;
}

#location .info .flexBox article.center {
	text-align: center;
}

#location .info .flexBox article.addr {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

#location .info .flexBox article.addr .icon {
	margin-bottom: 30px;
}

#location .info .flexBox article.addr dt {
	margin-bottom: 30px;
}

#location .info .flexBox article.addr,
#location .info .flexBox article.contact {
	height: 350px;
	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;
}

#location ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px;
}

#location ul li:last-child {
	margin: 0;
}

#location ul li .icon {
	margin-right: 32px;
}

#location ul li .icon img {
	max-width: 40px;
}

#location ul li dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#location ul li dl dt {
	width: 100px;
}

#location dl dt {
	font-weight: 700;
	color: #0f238c;
	font-family: "Exo 2", sans-serif;
	font-size: 1.5rem;
}

#location dl dd {
	font-size: 1.125rem;
	color: #222;
	font-weight: 300;
}
#location dl dd span{
	display: inline-block; 
	margin-bottom: 8px;
	font-size:1.3rem;
	font-weight:bold;
}
#location #mapWrap {
	margin-top: 78px;
}

#location #mapWrap>div {
	width: 100% !important;
}

#location #mapWrap .wrap_map {
	height: 800px !important;
}

#location .world {
	text-align: center;
	margin: 60px 0 !important;
	padding: 90px 10px;
	background: url("/img/sub/world_bg.jpg") no-repeat center;
}

#location .areaInfo .flexBox {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

#location .areaInfo article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 30px 55px;
}

#location .areaInfo article.korea dd {
	margin-top: 30px;
}

#location .areaInfo article.overseas dd {
	margin-top: 15px;
}

#location .areaInfo dl {
	width: 100%;
	margin-top: 36px;
}

#location .areaInfo dl:first-child {
	margin-top: 0;
}

#location .areaInfo ul {
	margin-top: 20px;
	width: 100%;
}

#location .areaInfo ul li {
	margin-bottom: 10px;
}

#location .areaInfo ul li span {
	margin-right: 12px;
}

/* company  - summary */
.bg_s1 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 760px;
	color: #fff;
}

.bg_s1>div {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.bg_s1 dl {
	font-style: italic;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
	width: 50%;
}

.bg_s1 dl dt {
	letter-spacing: 1px;
	font-size: 3.75rem;
	font-weight: 700;
	font-family: "Russo One", sans-serif;
	position: relative;
	white-space: nowrap;
}

.bg_s1 dl dt span {
	-webkit-transform: translateX(-36px);
	transform: translateX(-36px);
	display: block;
}

.bg_s1 dl dt:after {
	content: "";
	width: 100%;
	height: 1px;
	background: #fff;
	opacity: 0.5;
	display: block;
	position: absolute;
	left: 0;
	bottom: 20px;
}

.bg_s1 dl dd {
	font-size: 1.625rem;
	font-weight: 300;
	font-family: "Exo 2", sans-serif;
}

.bg_s1 dl dd p:not(:last-child) {
	margin-bottom: 20px;
}

/* company - 기업개요*/
#summary .bg_s1 {
	background-image: url("/img/sub/summary_bg.jpg");
}

#summary .info {
	margin-top: 180px;
}

#summary .info section {
	margin-bottom: 180px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#summary .info section:nth-child(odd) .txt {
	padding-left: 12.5%;
	padding-right: 20px;
}

#summary .info section:nth-child(even) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

#summary .info section:nth-child(even) .txt {
	padding-left: 9.375%;
	padding-right: 20px;
}

#summary .info section:last-child {
	margin: 0;
}

#summary .info section>div {
	width: 50%;
}

#summary .info section dt {
	font-size: 2.1875rem;
	font-weight: 700;
	color: #0f238c;
	line-height: 1.4;
}

#summary .info section dd {
	line-height: 1.5;
	font-weight: 300;
	margin-top: 14px;
}

/* company - history */
#history .bg_s1 {
	background-image: url("/img/sub/history_bg.jpg");
}

#history .year_line {
	border-top: 1px solid #f0f0f0;
	margin-bottom: 100px;
	position: relative;
}

#history .year_line.active li.on::before {
	background: #0f238c;
}

#history .year_line.active li.on::after {
	-webkit-transform: scale(1);
	transform: scale(1);
}

#history .year_line.active li.on p {
	opacity: 1;
}

#history .year_line .bar {
	-webkit-transition: all 1s;
	transition: all 1s;
	width: 0;
	height: 1px;
	background: #0f238c;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

#history .year_line ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#history .year_line li {
	color: #0f238c;
	font-size: 1.375rem;
	font-style: italic;
	font-weight: 700;
	font-family: "Russo One", sans-serif;
	letter-spacing: 1px;
	width: 20%;
	position: relative;
}

#history .year_line li p {
	padding-left: 36px;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	opacity: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#history .year_line li:before,
#history .year_line li:after {
	content: "";
	display: block;
	position: absolute;
	border-radius: 50%;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#history .year_line li:after {
	width: 35px;
	height: 35px;
	border: 1px solid #0f238c;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	left: -10px;
	top: -17px;
	-webkit-transform: scale(0);
	transform: scale(0);
}

#history .year_line li:before {
	width: 15px;
	height: 15px;
	background: #e1e1e1;
	left: 0;
	top: -7px;
}

#history .year_line li.off:before {
	background: #0f238c;
}

#history .year_line li:last-child {
	position: absolute;
	right: 0;
	top: 0;
	width: 20%;
	text-align: right;
}

#history .year_line li:last-child p {
	-webkit-transform: translateX(70%);
	transform: translateX(70%);
}

#history .year_line li:last-child::before {
	left: auto;
	right: -15px;
}

#history .year_line li:last-child:after {
	right: -25px;
	left: auto;
}

#history .info {
	margin-top: 116px;
}

#history .list {
	margin-top: 96px;
}

#history .list article {
	margin-bottom: 196px;
}

#history .list article>div.inner1200 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#history .list article:last-child {
	margin: 0;
}

#history .list .img {
	width: 43.33333333333%;
	margin-right: 3.5%;
}

#history .list .txtBox {
	padding-top: 30px;
	width: 53.16666666667%;
}

#history .list .txtBox ul {
	padding-left: 36px;
	margin-top: 80px;
}

#history .list .txtBox ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 26px;
}

#history .list .txtBox ul li:last-child {
	margin: 0;
}

#history .list .txtBox ul li span {
	color: #0f238c;
	font-family: "Russo One", sans-serif;
	font-size: 1.375rem;
	width: 110px;
}

#history .list .txtBox ul li div {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
}

#history .list .txtBox ul li div p {
	margin-bottom: 8px;
}

#history .list .txtBox ul li div p:last-child {
	margin: 0;
}

#history .list .txtBox ul li div strong {
	font-weight: 500;
	color: #0f238c;
}

#history .list .year {
	text-align: right;
	font-size: 7.5rem;
	color: #0f238c;
	font-family: "Russo One", sans-serif;
	font-style: italic;
}

#history .list dl dt {
	letter-spacing: -0.2px;
	font-size: 2.1875rem;
	font-family: "Russo One", sans-serif;
	color: #0f238c;
	font-weight: 700;
	font-family: "GmarketSansMedium";
}

#history .list dl dt strong {
	font-family: "Russo One", sans-serif;
}

#history .list dl dd {
	font-size: 1.125rem;
	line-height: 1.7;
	padding-left: 36px;
	color: #222;
	margin-top: 20px;
}

/* company -사업분야 */
#business section {
	margin-bottom: 148px;
}

#business section .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#business section:last-child {
	margin: 0;
}

#business section:nth-child(2n) .info {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

#business section:nth-child(2n) .info .img {
	margin-left: 5.59910414334%;
}

#business section:nth-child(odd) .info .img {
	margin-right: 5.59910414334%;
}

#business .info .img {
	width: 44.40089585666%;
	position: relative;
}

#business .info .img p {
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	color: #fff;
	left: 0;
	top: 0;
	width: 100%;
	padding: 28px;
	font-family: "Russo One", sans-serif;
	font-size: 1.6rem;
	letter-spacing: 0.5px;
}

#business .info .txtBox {
	padding-top: 42px;
	width: 600px;
}

#business .info .txtBox>dl dt {
	font-family: "GmarketSansBold";
	color: #0f238c;
	font-size: 2.4rem;
}

#business .info .txtBox>dl dd {
	margin-top: 16px;
	color: #222;
	font-weight: 300;
	font-size: 1.0625rem;
	line-height: 1.5;
}

#business .info .txtBox ul {
	margin-top: 52px;
}

#business .info .txtBox ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 30px;
}

#business .info .txtBox ul li:last-child {
	margin: 0;
}

#business .info .txtBox ul li .icon {
	width: 180px;
}

#business .info .txtBox ul li .icon p {
	background: #0f238c;
	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;
	width: 80px;
	height: 80px;
	position: relative;
}

#business .info .txtBox ul li .icon p:after {
	content: "";
	width: 60px;
	height: 1px;
	background: #0f238c;
	display: block;
	position: absolute;
	top: 50%;
	left: 100%;
}

#business .info .txtBox ul li .txt {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
}

#business .info .txtBox ul li .txt dl dt {
	font-size: 1.25rem;
	font-family: "S-CoreDream-5Medium";
	color: #333;
}

#business .info .txtBox ul li .txt dl dd {
	font-size: 0.9375rem;
	font-weight: 300;
	margin-top: 10px;
}

/* company - 비전 */
#vision .bg_s1 {
	background-image: url(/img/sub/vision_bg.jpg);
	margin-bottom: 148px;
}

#vision .list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#vision .list ul li {
	width: 21.66666666667%;
	margin-right: 3.4%;
}

#vision .list ul li .img {
	position: relative;
}

#vision .list ul li .img p {
	background: rgba(0, 0, 0, 0.2);
	color: #fff;
	font-weight: 500;
	text-align: center;
	font-size: 1.2rem;
	position: absolute;
	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;
	width: 100%;
	height: 100%;
	padding: 28px;
	margin-top: 0;
	left: 0;
	top: 0;
}

#vision .list ul li:last-child {
	margin: 0;
}

#vision .list ul li .txt {
	margin-top: -32px;
	position: relative;
	z-index: 10;
}

#vision .list ul li p {
	margin-top: 14px;
	font-weight: 300;
	font-size: 1.0625rem;
}

#vision .list ul li svg text {
	stroke-width: 1;
	fill: rgba(255, 255, 255, 0);
	stroke: #0f238c;
	font-size: 6.25rem;
	font-family: "Russo One", sans-serif;
	font-style: italic;
}

#vision .value {
	margin: 180px 0;
	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;
}

#vision .value .side_info {
	margin-top: 37px;
	position: relative;
	width: 410px;
}

#vision .value .side_info::before {
	content: "";
	width: 1px;
	height: 236px;
	background: #959595;
	display: block;
	position: absolute;
	left: 340px;
	top: 19px;
}

#vision .value .side_info dl {
	margin-bottom: 170px;
	position: relative;
}

#vision .value .side_info dl:last-child {
	margin: 0;
}

#vision .value .side_info dl:before,
#vision .value .side_info dl:after {
	content: "";
	display: block;
	background: #959595;
	position: absolute;
	left: 260px;
}

#vision .value .side_info dl:after {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	top: 15px;
}

#vision .value .side_info dl:before {
	width: 80px;
	height: 1px;
	top: 19px;
}

#vision .value .side_info dt {
	font-size: 1.875rem;
	font-family: "Russo One", sans-serif;
	color: #0f238c;
	font-style: italic;
}

#vision .value .side_info dd {
	font-size: 1.0625rem;
	font-weight: 300;
}

#vision .value .side_info.right {
	text-align: right;
}

#vision .value .side_info.right dl::before,
#vision .value .side_info.right dl::after {
	right: 260px;
	left: auto;
}

#vision .value .side_info.right:before {
	left: auto;
	right: 340px;
}

#vision .value .tit {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
	width: 380px;
	height: 380px;
	border-radius: 50%;
	border: 1px solid #0f238c;
	position: relative;
	text-align: center;
	color: #0f238c;
	background: #fff;
}

#vision .value .tit strong {
	background: #fff;
	font-size: 2.1875rem;
	font-family: "GyeonggiTitleM";
	padding: 0 35px;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
	display: inline-block;
}

#vision .value .tit .circle {
	position: relative;
	z-index: 1;
	width: 280px;
	height: 280px;
	margin: 0 auto;
	background: #f5f5f5;
	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;
}

#vision .value .tit .circle p {
	font-size: 2.375rem;
	font-family: "Russo One", sans-serif;
}

#vision .value .tit:before {
	content: "";
	width: calc(100% + 140px);
	height: 1px;
	background: #959595;
	display: block;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 50%;
	z-index: -1;
}

#vision .philosophy .tit {
	font-family: "GmarketSansMedium";
	color: #0f238c;
	font-size: 2.375rem;
	text-align: center;
	font-weight: 700;
	font-style: italic;
	margin-bottom: 48px;
}

#vision .philosophy ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#vision .philosophy ul li {
	width: 31.66666666667%;
	position: relative;
	margin-right: 2.5%;
}

#vision .philosophy ul li:last-child {
	margin: 0;
}

#vision .philosophy ul dl {
	color: #fff;
	position: absolute;
	left: 0;
	text-align: center;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
}

#vision .philosophy ul dl dt {
	font-style: italic;
	font-size: 2.375rem;
	font-family: "Russo One", sans-serif;
	letter-spacing: 1px;
}

#vision .philosophy ul dl dd {
	font-size: 1.25rem;
}

/* 품질·환경·안전보건 경영방침 220615 추가 b */
#policy #subVisu_ani_box .bg__image-container .img {
  text-align: center;
  color: #fff;
  font-size: 3rem;
  font-family: "Russo One", sans-serif;
  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;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  background-image: url("/img/sub/policy_sv_img.jpg");
}


#policy .tit_s3 strong {
	font-weight: bold;
}
#policy .s-txt {
	text-align: center;
	font-size: 20px;
	color: #222;
	font-weight: 300;
}
#policy .s-txt b {
	color: #0f238c;
	font-weight: 400;
}

#policy .list {
	display: flex;
	gap: 0 31px;
	margin-top: 57px;
}
#policy .list .item {
	width: calc(33.33333% - 21px);
	background: #edeff9;
	border-radius: 20px;
	padding: 30px 29px;
}

#policy .list .item .circle {
	width: 96px;
	height: 96px;
	border: 3px solid #0f238c;
	background: #fff;
	border-radius: 50%;
	display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
	position: relative;
}

#policy .list .item .circle:before {
	content: '';
	position: absolute; 
	bottom: -28px; 
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 25px;
	border-right: 1px dashed #0f238c;
}

#policy .list .item .tit {
	width: 100%;
	height: 50px;
	font-size: 16px;
	color: #fff;
	background: #0f238c;
	text-align: center;
	margin-top: 25px;
	display: flex;
	justify-content: center;
    align-items: center;
	position: relative;
}

#policy .list .item .tit:before {
	content: '';
	width: 20px;
	height: 20px;
	border: 1px solid #0f238c;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	box-sizing: border-box;
}
#policy .list .item .tit:after {
	content: '\e942';
	font-family: 'xeicon';
	position: absolute;
	bottom: -11px;
    color: #0f238c;
    left: 50%;
    transform: translateX(-50%);
    font-size: 15px;
}

#policy .list .item ul {
	margin-top: 40px;
}
#policy .list .item ul li {
	display: flex;
	gap: 0 15px;
	padding: 20px 0;
	box-sizing: border-box;
}

#policy .list .item ul li:not(:last-child) {
	border-bottom: 1px dashed #d0d5ee;
}
#policy .list .item ul li .num{
	width: 20px;
	height: 20px;
	background: #6e86cc;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 100%;
	line-height: 20px;
	margin-top: 4px;
}

#policy .list .item ul li p {
	width: calc(100% - 35px);
	font-size: 18px;
	color: #141414;
	font-weight: 300;
	line-height: 1.5;
	word-break: keep-all;
}

#policy .sign {
	margin-top: 80px;
	text-align: center;
	font-size: 22px; 
	color: #222;
	line-height: 1.7;
}

/* careers - 기업문화*/
#culture .list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#culture .list ul li {
	text-align: center;
	width: 25%;
}

#culture .list ul li:nth-child(even) {
	padding-top: 78px;
}

#culture .list ul li .icon {
	margin-bottom: 45px;
}

#culture .list ul li dt {
	color: #0f238c;
	font-size: 1.875rem;
	font-family: "S-CoreDream-8Heavy";
}

#culture .list ul li dd {
	line-height: 1.75;
	font-weight: 300;
	padding: 0 15px;
	margin-top: 30px;
}

#culture .list ul li dd span {
	color: #0f238c;
	font-weight: 500;
}

#culture .list ul li .img {
	margin-top: 100px;
	position: relative;
}

#culture .list ul li .img::before {
	content: "";
	width: 1px;
	height: 115px;
	background: #0f238c;
	display: block;
	left: 50%;
	position: absolute;
	top: -66px;
}

/* careers - 복리후생 */
#benefits .list>section {
	margin-bottom: 144px;
}

#benefits .list>section:last-child {
	margin: 0;
}

#benefits .list>section:nth-child(odd) .txtBox {
	padding-left: 6.25%;
}

#benefits .list>section:nth-child(even) .flex-box {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

#benefits .list>section:nth-child(even) .flex-box .txtBox {
	width: 100%;
	max-width: 600px;
	margin-left: 12.5%;
}

#benefits .list .flex-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#benefits .list .flex-box>* {
	width: 50%;
}

#benefits .list .flex-box.center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#benefits .list .tit {
	color: #0f238c;
	font-family: "S-CoreDream-5Medium";
	font-style: italic;
	margin-bottom: 40px;
	font-size: 2rem;
	letter-spacing: -1px;
}

#benefits .list .tit strong {
	font-family: "S-CoreDream-8Heavy";
}

#benefits .list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px;
}

#benefits .list li:last-child {
	margin: 0;
}

#benefits .list li .icon {
	margin-right: 25px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #f5f5f5;
	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;
}

#benefits .list dl {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
}

#benefits .list dl dt {
	font-size: 1.25rem;
	color: #222;
	font-weight: 500;
}

#benefits .list dl dd {
	line-height: 1.5;
}

/* careers - 직무소개 */
#job .info section {
	margin-bottom: 110px;
}

#job .info section:last-child {
	margin: 0;
}

#job .info section:last-child ul li:nth-child(odd) {
	padding-top: 75px;
}

#job .info section:last-child ul li:nth-child(even) {
	padding-top: 0;
}

#job .list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#job .list ul li {
	width: 25%;
}

#job .list ul li:nth-child(even) {
	padding-top: 75px;
}

#job .list ul.len5 li {
	width: 20%;
}

#job .list .tit {
	background: #f7f7f7;
	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;
	height: 300px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: "S-CoreDream-9Black";
	color: #0f238c;
	border-bottom: 1px solid #0f238c;
	font-size: 1.375rem;
	padding: 0 15px;
}

#job .list .tit p {
	margin-top: 44px;
	text-align: center;
}

#job .list .tit p span {
	font-family: "S-CoreDream-3Light";
	display: block;
}

#job .list .txtBox {
	padding-top: 50px;
}

#job .list .txtBox.left article>div {
	max-width: 170px;
	width: 100%;
	text-align: left;
}

#job .list .txtBox article {
	padding: 0 20px;
	margin-bottom: 32px;
	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;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#job .list .txtBox article:last-child {
	margin: 0;
}

#job .list .txtBox strong {
	color: #0f238c;
	display: block;
	margin-bottom: 5px;
}

#job .list .txtBox p {
	position: relative;
	padding-left: 15px;
	color: #222;
	margin-bottom: 8px;
}

#job .list .txtBox p:last-child {
	margin: 0;
}

#job .list .txtBox p::before {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #333;
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
}

/* careers - 인재영입 */
#recruitment .info section {
	margin-bottom: 148px;
}

#recruitment .info .model {
	margin-top: 150px;
	margin-bottom: 100px;
}

#recruitment .info .model ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#recruitment .info .model ul li {
	margin-right: 4.25%;
	border-radius: 50%;
	width: 30.5%;
	padding-top: 30.5%;
	position: relative;
	background: url("/img/sub/recruitment_circle.png") no-repeat center bottom;
	background-size: 100%;
}

#recruitment .info .model ul li:last-child {
	margin: 0;
}

#recruitment .info .model ul li .icon {
	top: -42px;
}

#recruitment .info .model ul li .icon,
#recruitment .info .model ul li .txt {
	width: 100%;
	text-align: center;
	position: absolute;
}

#recruitment .info .model ul li .txt {
	bottom: 85px;
}

#recruitment .info .model ul li .txt dt {
	font-family: "S-CoreDream-8Heavy";
	color: #0f238c;
	font-size: 2.125rem;
}

#recruitment .info .model ul li .txt dd {
	font-size: 1.125rem;
	line-height: 1.6;
	font-weight: 300;
	margin-top: 34px;
	padding: 0 40px;
}

#recruitment .info .bg {
	height: 682px;
	padding-top: 185px;
	text-align: center;
	color: #fff;
	font-size: 2.5rem;
	line-height: 1.375;
	font-family: "S-CoreDream-5Medium";
}

#recruitment .info .bg strong {
	font-family: "S-CoreDream-8Heavy";
}

#recruitment .info .bg.bg1 {
	background: url("/img/sub/recruitment_bg.jpg") no-repeat center top;
}

#recruitment .info .bg.bg2 {
	background: url("/img/sub/recruitment_bg2.jpg") no-repeat center top;
}

#recruitment .info .bg.bg2 p {
	font-size: 2.1875rem;
}

#recruitment .info .txtBox {
	margin-top: 70px;
}

#recruitment .info .flex-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}

#recruitment .info .flex-box article {
  position: relative;
}
#recruitment .info .flex-box article,
#recruitment .info .flex-box .txtList {
	width: 49.16666666667%;
	margin-right: 1.66666666667%;
}

#recruitment .info .flex-box article:last-child,
#recruitment .info .flex-box .txtList:last-child {
	margin: 0;
}

#recruitment .info .flex-box article {
	background: #f9f9f9;
	padding: 60px 6.66666666667%;
}

#recruitment .info .flex-box article:nth-child(1) dl dd {
	padding-left: 28px;
}

#recruitment .info .flex-box article .txt_r {
  position: absolute;
  right: 15px;
  bottom: 15px;
  color: #222;
  font-size: 1.125rem;
}

#recruitment .info .flex-box .txtList dl dt {
	font-size: 1.75rem;
	font-family: "S-CoreDream-8Heavy";
}

#recruitment .info .flex-box .txtList dl dt img {
	margin-right: 20px;
}

#recruitment .info .flex-box .txtList dl dt span {
	font-size: 1.125rem;
	font-family: "S-CoreDream-5Medium";
	display: block;
	margin-top: 6px;
}

#recruitment .info .flex-box .txtList dl dd {
	color: #222;
	font-size: 1.125rem;
}

#recruitment .info .flex-box .txtList dl dd p {
	margin-bottom: 14px;
}

#recruitment .info .flex-box .txtList dl dd p:last-child {
	margin: 0;
}

#recruitment .info .personnel .tit {
	font-size: 1.75rem;
	color: #0f238c;
	font-family: "S-CoreDream-8Heavy";
	margin-bottom: 30px;
}

#recruitment .info .personnel dl {
	margin-bottom: 30px;
}

#recruitment .info .personnel dl:last-child {
	margin: 0;
}

#recruitment .info .personnel dl dt {
	font-weight: 500;
	color: #0f238c;
	font-size: 1.125rem;
	margin-bottom: 10px;
}

#recruitment .info .personnel dl dd p {
	color: #222;
	margin-bottom: 5px;
}

#recruitment .info .personnel dl dd p:last-child {
	margin: 0;
}

#recruitment .info .scout article {
	padding: 60px 5%;
}

#recruitment .info .scout article dl dt {
	font-size: 1.75rem;
	color: #0f238c;
	font-family: "S-CoreDream-8Heavy";
}

#recruitment .info .scout article dl dd {
	font-weight: 300;
	padding: 0 !important;
	margin-top: 12px;
}

#recruitment .info .scout article ul {
	margin-top: 55px;
}

#recruitment .info .scout article ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 14px;
}

#recruitment .info .scout article ul li:last-child {
	margin: 0;
}

#recruitment .info .scout article ul li span {
	font-weight: 500;
	color: #0f238c;
	width: 118px;
}

#recruitment .info .scout article ul li p {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
}

#recruitment .info .scout .link_bar {
	margin: 70px 0 96px;
}

#recruitment .info .scout .link_bar a {
	font-family: "S-CoreDream-3Light";
	max-width: 600px;
	margin: 0 auto;
	background: #0f238c;
	color: #fff;
	font-size: 1.5rem;
	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;
	height: 70px;
}

#recruitment .info .scout .link_bar a strong {
	font-family: "S-CoreDream-5Medium";
	margin-right: 10px;
}

#recruitment .info .scout .link_bar a img {
	margin-left: 10%;
}

#recruitment .info .scout .contactBox {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#recruitment .info .scout .contactBox>div {
	margin-right: 6.25%;
}

#recruitment .info .scout .contactBox>div:last-child {
	margin: 0;
}

#recruitment .info .scout .contactBox .interviewer .icon {
	margin-right: 20px;
}

#recruitment .info .scout .contactBox .interviewer .tit {
	color: #0f238c;
	font-size: 1.75rem;
	font-family: "S-CoreDream-8Heavy";
}

#recruitment .info .scout .contactBox .interviewer p {
	font-size: 1.125rem;
	color: #333;
}

#recruitment .info .scout .contactBox .interviewer p strong {
	font-size: 1.5rem;
	margin-right: 10px;
}

#recruitment .info .scout .contactBox .contact ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#recruitment .info .scout .contactBox .contact li {
	color: #333;
	margin-right: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#recruitment .info .scout .contactBox .contact li:last-child {
	margin: 0;
}

#recruitment .info .scout .contactBox .contact li .icon {
	margin-right: 20px;
	background: #000;
	width: 58px;
	height: 58px;
	overflow: hidden;
	background: #f5f5f5;
	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;
}

#recruitment .info .scout .contactBox .contact li dl {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
}

#recruitment .info .scout .contactBox .contact li dt {
	font-size: 1.25rem;
	font-family: "Exo 2", sans-serif;
	font-weight: 600;
}

#recruitment .info .scout .contactBox .contact li dd {
	font-size: 1.0625rem;
	font-weight: 300;
}

/* careers - 채용공고 */
.paging {
	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;
	margin-top: 60px;
}

.paging>a {
	margin: 0 2.5px;
}

.paging a {
	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;
	width: 40px;
	height: 40px;
	border: 1px solid #e0e0e0;
}

.paging a.arrow {
	position: relative;
}

.paging a.arrow:after {
	content: "";
	width: 8px;
	height: 8px;
	border: 2px solid #a7a7a7;
	border-top: none;
	border-left: none;
	display: block;
	position: absolute;
}

.paging a.arrow.prev:after {
	left: 16px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.paging a.arrow.next:after {
	right: 18px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.paging ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 5px;
}

.paging li {
	margin-left: 5px;
}

.paging li:first-child {
	margin: 0;
}

.paging li.on a {
	color: #fff;
	background: #0f238c;
}

.paging li.skip {
	width: 32px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 1;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}

.cate_s1 {
	width: 55px;
	height: 25px;
	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;
	font-size: 12px;
	margin-bottom: 4px;
	border: 1px solid #e0e0e0;
}

.cate_s1.on {
	background: #0f238c;
	color: #fff;
}

#view_s1 .infoBox {
	background: #fff;
}

#view_s1 .infoBox>div {
	border-bottom: 1px solid #e0e0e0;
}

#view_s1 .infoBox .top {
	background: #f5f5f5;
	padding: 20px;
	min-height: 102px;
	border-top: 1px solid #0f238c;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#view_s1 .infoBox .top .date {
	font-weight: 300;
	position: absolute;
	left: 20px;
}

#view_s1 .infoBox .top .tit {
	max-width: 768px;
	text-align: center;
	margin: 0 auto;
	font-size: 1.125rem;
	color: #333;
	font-weight: 500;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
}

#view_s1 .infoBox .top .cate_s1 {
	position: absolute;
	right: 20px;
}

#view_s1 .infoBox .fileBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px;
}

#view_s1 .infoBox .fileBox p {
	margin-right: 18px;
}

#view_s1 .infoBox .fileBox a {
	color: #0f238c;
	font-size: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#view_s1 .infoBox .cont {
	padding: 60px 20px;
}

#view_s1 .list_Btn {
	margin-top: 60px;
}

#view_s1 .list_Btn a {
	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;
	color: #fff;
	max-width: 210px;
	margin: 0 auto;
	background: #0f238c;
	height: 55px;
	font-size: 1.125rem;
}

/* brochure*/
.schForm {
	width: 100%;
	position: absolute;
	z-index: 100;
	left: 0;
	bottom: 0;
	max-width: 600px;
}

.schForm input[type="text"] {
	width: 100%;
	max-width: 500px;
	background: #e7e7e7;
	padding: 0 26px;
	height: 65px;
	border: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.0625rem;
	color: #222;
	font-weight: 300;
}

.schForm input[type="text"]::-webkit-input-placeholder {
	/* Edge */
	color: #222;
}

.schForm input[type="text"]:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #222;
}

.schForm input[type="text"]::-ms-input-placeholder {
	color: #222;
}

.schForm input[type="text"]::placeholder {
	color: #222;
}

.schForm button {
	margin-left: 5px;
	width: 33px;
	height: 33px;
	background: none;
	border: none;
	cursor: pointer;
}

#brochure .list {
	font-family: "Exo 2", sans-serif;
}

#brochure .list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#brochure .list ul li {
	margin-right: 3.75%;
	margin-bottom: 110px;
	width: 30.83333333333%;
}

#brochure .list ul li:nth-child(3n) {
	margin-right: 0;
}

#brochure .list ul li .img {
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	padding-top: 112.7027027027%;
}

#brochure .list ul li .img img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#brochure .list .info {
	position: relative;
}

#brochure .list .info a {
	position: absolute;
	right: 0;
	top: -8px;
	width: 48px;
	height: 48px;
	background: #aaa;
	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-transition: all 0.5s;
	transition: all 0.5s;
}

#brochure .list .info a img {
	height: 17px;
}

#brochure .list .info a:hover {
	background: #0f238c;
}

#brochure .list .date {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	font-weight: 300;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #0f238c;
}

#brochure .list .date img {
	margin-right: 12px;
}

#brochure .list .tit {
	font-weight: 700;
	color: #333;
	font-size: 1.25rem;
	margin-top: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#layerPop_s1 {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999999;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}

#layerPop_s1 .infoBox {
	background: #fff;
	width: 90%;
	max-width: 983px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -51%);
	transform: translate(-50%, -51%);
	padding: 60px 3.33333333333%;
}

#layerPop_s1 .infoBox dl {
	font-weight: 700;
	color: #333;
}

#layerPop_s1 .infoBox dt {
	font-size: 2.375rem;
	text-transform: uppercase;
}

#layerPop_s1 .infoBox dt span {
	color: #0f238c;
}

#layerPop_s1 .infoBox dd {
	font-size: 15px;
}

#layerPop_s1 .infoBox ul {
	border-top: 2px solid #333;
	margin-top: 42px;
}

#layerPop_s1 .infoBox ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 15px 18px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #ccc;
}

#layerPop_s1 .infoBox ul li span {
	width: 28.48423194303%;
	color: #444;
	font-weight: 700;
}

#layerPop_s1 .infoBox ul li input[type="text"] {
	width: calc(100% - 28.48423194303%);
	border: 1px solid #ccc;
	height: 40px;
	padding: 0 12px;
}

#layerPop_s1 .infoBox ul li:nth-child(1) input {
	max-width: 400px;
}

#layerPop_s1 .infoBox input[type="submit"] {
	width: 250px;
	height: 60px;
	border: 1px solid #0f238c;
	color: #0f238c;
	font-size: 1.25rem;
	font-weight: 700;
	background: none;
	margin: 38px auto 0;
	display: block;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#layerPop_s1 .infoBox input[type="submit"]:hover {
	background: #0f238c;
	color: #fff;
}

#layerPop_s1 .closeBtn {
	position: absolute;
	right: 0;
	top: 0;
}

#layerPop_s1 .closeBtn button {
	border: none;
	width: 80px;
	height: 80px;
	background: url("/img/sub/pop_close_icon.png") no-repeat #23222a center;
}

#searchResult .total {
	color: #0f238c;
	font-family: "Exo 2", sans-serif;
	padding-bottom: 16px;
	border-bottom: 1px solid #e1e1e1;
}

#searchResult .list {
	position: relative;
	z-index: 10;
}

#searchResult .list .cate {
	font-family: "Exo 2", sans-serif;
	font-weight: 500;
	color: #0f238c;
	margin-bottom: 22px;
}

#searchResult .list li {
	position: relative;
	border-bottom: 1px solid #e1e1e1;
	padding: 54px 0;
}

#searchResult .list a:hover .more {
	background: #0f238c;
}

#searchResult .list dl {
	padding-right: 200px;
}

#searchResult .list dl dt {
	font-size: 1.875rem;
	color: #0f238c;
	margin-bottom: 20px;
	max-height: 84px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.5em;
}

#searchResult .list dl dd {
	line-height: 1.5;
	font-weight: 300;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#searchResult .list .more {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -26px;
	width: 57px;
	height: 57px;
	border-radius: 50%;
	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;
	background: #2b2f32;
}

#searchResult .search_none {
	font-size: 1.75rem;
	color: #0f238c;
	position: relative;
	z-index: 100;
	text-align: center;
}

#searchResult .search_none p {
	margin-top: 10px;
}

#contact form textarea {
	resize: none;
}

#contact form select,
#contact form textarea,
#contact form input[type="text"] {
	background: #f3f3f3;
	border: none;
	width: 100% !important;
	border-radius: 6px;
	padding: 0 20px;
	font-size: 1.125rem;
}

#contact form textarea {
	padding: 20px;
}

#contact form select,
#contact form input[type="text"] {
	height: 50px;
}

#contact form select {
	-webkit-appearance: none;
	/* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}

#contact form select::-ms-expand {
	display: none;
}

#contact .product>i {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#contact ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 10px;
}

#contact ul li>div {
	position: relative;
	width: 49.16666666667%;
	margin-right: 1.66666666667%;
}

#contact ul li>div:last-child {
	margin: 0;
}

#contact ul li:last-child {
	margin: 0;
}

#contact ul li:last-child>div {
	width: 100%;
}

#contact ul li .placeholder {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	left: 20px;
	top: 10px;
	font-size: 1.125rem;
	font-weight: 300;
	font-family: "Exo 2", sans-serif;
}

#contact ul li .placeholder i {
	color: #999;
	margin-right: 8px;
}

#contact input[type="submit"] {
	width: 180px;
	height: 50px;
	background: #0f238c;
	color: #fff;
	font-size: 1.25rem;
	font-family: "Exo 2", sans-serif;
	font-weight: 700;
	margin: 30px auto 0;
	display: block;
	border: none;
	border-radius: 4px;
}

#contact .checkAgree {
	margin: 20px 0;
}

#contact .txtBox {
	margin: 20px 0;
}

#contact .txtBox .privacyBox {
	height: 165px;
	padding: 10px 40px;
	background-color: #e1e1e1;
	font-size: 15px;
	font-weight: 300;
	color: #666;
	line-height: 1.6 !important;
	border-radius: 10px;
	overflow-y: auto;
	position: relative;
}

#contact .txtBox .privacyBox li {
	display: block;
	line-height: 1.6 !important;
}

#contact .checkAgree {
	margin: 20px 0;
}

#contact .checkAgree input[type="checkbox"] {
	position: absolute;
	left: -9999px;
}

#contact .checkAgree input[type="checkbox"]:checked+label span {
	background: url("/img/sub/chk_icon.png") no-repeat center #0f238c;
}

#contact .checkAgree label {
	position: relative;
	padding-left: 20px;
}

#contact .checkAgree span {
	position: absolute;
	left: 0;
	top: 5px;
	width: 16px;
	height: 16px;
	border: 1px solid #ddd;
	display: inline-block;
	vertical-align: middle;
}

#announcement .list .cate {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#announcement .list .cate span {
	border: 1px solid #ddd;
	border-radius: 6px;
	display: inline-block;
	padding: 2px 10px;
	font-size: 14px;
	margin-bottom: 10px;
}

#announcement .list .cate span:not(:last-child) {
	margin-right: 4px;
}

#announcement .list .cate span.on {
	background: #0f238c;
	color: #fff;
}

#announcement .list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#announcement .list ul a {
	display: block;
	height: 100%;
}

#announcement .list ul li {
	margin-bottom: 30px;
	margin-right: 2%;
	height: 200px;
	background: #fff;
	width: 32%;
	border: 1px solid #ddd;
	padding: 20px;
	position: relative;
}

#announcement .list ul li:nth-child(3n) {
	margin-right: 0;
}

#announcement .list ul li .tit {
	font-size: 1.125rem;
	color: #222;
}

#announcement .list ul li .tit a {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}

#announcement .list ul li p {
	margin-top: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.5em;
}

#announcement .list ul li .date {
	position: absolute;
	width: calc(100% - 40px);
	left: 20px;
	bottom: 20px;
	border-top: 1px solid #ddd;
	padding: 8px 0;
	color: #999;
	font-size: 14px;
	margin-top: 14px;
}

#announcement .list ul li .date i {
	color: #999;
}

.best_lst {
	margin-bottom: 30px;
}

.best_lst ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.best_lst ul li {
	border: 1px solid #ddd;
	width: 32%;
	position: relative;
	margin-right: 2%;
}

.best_lst ul li:last-child {
	margin-right: 0;
}

.best_lst ul li a {
	position: relative;
	display: block;
}

.best_lst ul li a .img {
	padding-top: 60%;
	position: relative;
}

.best_lst ul li a .img img {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 0;
	max-height: 100%;
}

.best_lst ul li a .tit {
	position: absolute;
	left: 0;
	bottom: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 20px;
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	width: 100%;
	font-weight: 500;
}

#pdPop {
	position: fixed;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100001;
}

#pdPop .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

#pdPop .cont {
	position: absolute;
}

#pdPop .closeBtn {
	position: absolute;
	right: -50px;
	top: -50px;
}

#pdPop .closeBtn button {
	width: 50px;
	height: 50px;
	background: #000;
	border: none;
}

#pdPop .closeBtn button i {
	font-size: 30px;
	color: #fff;
}

.downloadList {
	position: absolute;
	right: 0;
	bottom: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0 14px;
}

.downloadList p {
	font-size: 1.125rem;
	color: #fff;
	font-weight: 700;
}

.downloadList ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0 5px;
}

.downloadList ul a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 49px;
	height: 49px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}




.systemInfo {
	text-align: center;
	font-family: "Russo One", sans-serif;
	margin-bottom: 160px;
}

.systemInfo .tit p {
	display: inline-block;
	border-bottom: 1px solid #f0f0f0;
	font-size: 2.75rem;
	padding-bottom: 13px;
	color: #0f238c;
}

.systemInfo .list {
	margin-top:50px;
	font-family: "Exo 2", sans-serif;
}
.systemInfo .list .s_tit { 
	color:#fff;
	font-family: "Russo One",	sans-serif;
	font-size: 1.75rem;
	background: #6e86cc;
	max-width: 600px;
	margin:0 auto;
	padding:12px 0;
}
.systemInfo .list ul {
	margin-top: 42px;
	display:grid;
	grid-template-columns: repeat(3,1fr);
	gap: 50px 6.25%;
	text-align: left;
	
}
.systemInfo .list li {
	position: relative;
	padding-bottom: 50px;
}
.systemInfo .list li .name {
	background: #0f238c;
	color:#fff;
	font-family: "Russo One",	sans-serif;
	font-size: 1.625rem;
	padding:8px 10px;
	text-align: center;
}
.systemInfo .list li dt {
	padding:25px 0;
	font-size: 1.625rem;
	font-weight: 500;
	text-align: center;
	color:#222;
	line-height: 1.30769;
	word-break:keep-all;
}
.dot_txt {
	font-size: 1.125rem;
	line-height: 1.444;
	padding:0 10px;
}
.dot_txt.type2 {
	padding:0;
	margin-bottom: 30px;
}
.dot_txt p{
	position: relative;
	padding-left: 30px;
}
.dot_txt p b {
	color:#222;
}
.dot_txt p:not(:last-child) {
	margin-bottom: 15px;
}
.dot_txt p:before {
	content:"";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border:2px solid #0f238c;
	display: block;
	border-radius: 50%;
	position: absolute;
	left:0;
	top:10px;
	box-sizing: border-box;
}
.systemInfo .model {
	text-align: center;
	border-bottom: 2px solid #0f238c;
	font-weight: 600;
	font-size: 1.125rem;
	color:#444;
	padding:5px 10px;
	position: absolute;
	left:0;
	bottom:0;
	width: 100%;
}

#pd_list #pd_wrap .itemInfo_wrap .itemInfo .info>ul li .txt>p {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	text-align: center;
	color:#333;
	font-weight: 600;
	font-size: 1.125rem;
}


#pd_list #pd_wrap .itemInfo_wrap .item .img.type2 {
	padding-top: 30px;
}
#pd_list #pd_wrap .itemInfo_wrap .item .img .tit {
	text-align: center;
	max-width: 258px;
	margin:0 auto;
	font-size: 1.25rem;
	font-weight: 600;
	color:#777;
	border-bottom: 2px solid #555555;
	padding-bottom: 16px;
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	top:0;
}
#pd_list #pd_wrap .itemInfo_wrap .item .img .tit b {
	color:#222;
}
#pd_list #pd_wrap .itemInfo_wrap .item .img .modelName {
	background: #f1f1f1;
	line-height: 1.375;
	color:#222;
	font-weight: 600;
	width: 250px;
	padding:8px 15px;
	position: absolute;
	left:0;
	top:100%;
}