@charset "UTF-8";
.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: 3.125rem;
  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.5625rem;
  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: 4.375rem;
  font-family: "S-CoreDream-9Black";
  -webkit-transform: translateX(-45px);
  transform: translateX(-45px);
  margin-top: 12px;
  line-height: 1.2;
}

#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 {
  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.25rem;
  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;
  /* padding-top: 48px; */
}

#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 {
  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;
  /* height: 100%; */
  -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: 28.40909090909%;
  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 {
  color: #222;
  font-size: 1.25rem;
  border-bottom: 1px solid #ddd;
  line-height: 1.1;
  letter-spacing: -1px;
}

#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.8125rem;
}

#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;
	font-family: "GmarketSansBold";
}
#policy .s-txt {
	text-align: center;
	font-size: 22px;
	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: 40px 39px;
}

#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: 20px;
	color: #fff;
	font-weight: bold;
	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;
}

#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;
}

#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;
  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.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: 2.5rem;
  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.75rem;
}

#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 {
  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;
}

#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;
  height: 420px;
  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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.75rem;
  font-family: "S-CoreDream-8Heavy";
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#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";
}

#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 {
  height: 450px;
  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;
}

.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%;
	margin-bottom: -19px;
}


/* ethical - 윤리경영 */
#ethical #subVisu_ani_box .bg__image-container .img {
  background-image: url("/img/sub/ethical_sv_img.jpg");
}
#ethical .bg_s1 {
  background-image: url("/img/sub/ethical_bg.jpg");
}
#ethical .bg_s2 {
  background-image: url("/img/sub/ethical1_bg.jpg");
}
#ethical .bg_s1 dl dt {
  font-size: 3.43rem;
  font-style: normal;
  font-family: "S-CoreDream-8Heavy";
}
#ethical .bg_s1 dl dt:after {
  bottom: 14px;
}
#ethical .bg_s1 dl dd {
  font-size: 1.51rem;
}
#ethical .bg_s2 dl dd {
  width:calc(100% + 50%);
  letter-spacing: 0
}
#ethical .board-list,
#ethical .default {
	position: relative;
	z-index: 10;
	margin-top: 90px;
}
#ethical .reportBox {
	position: relative;
	z-index: 10;
}
#ethical .reportBox .infoBox { 
	margin-top:65px; 
}
#ethical .reportBox .infoBox .topTxt { 
	font-size:1.0625rem; 
	line-height: 1.5; 
	font-weight: 300; 
	letter-spacing: -0.02em;
}
#ethical .reportBox h4.tit {
	color: #0f238c;
	font-family: "GmarketSansBold";
	font-size: 2.1875rem;
	line-height: 1.3;
}
#ethical .listBox {
	margin-top: 100px;
}
#ethical .listBox ul {
	margin-top: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 25px 33px;
}
#ethical .listBox ul li {
	position: relative;
	border-radius: 15px;
	background: #edeff9;
	width: calc((100% - 66px) / 3);
	height: 200px;
	padding: 20px;
}
#ethical .listBox ul li .icon {
	border-radius: 80px;
	width: 80px;
	height: 80px;
	background: #fff;
	display: flex;
    justify-content: center;
    align-items: center;
}
#ethical .listBox ul li .txt {
	position: absolute;
	right: 35px;
	bottom: 20px;
	font-family: "Noto Sans KR";
	font-weight: 400;
	font-size: 1.125rem;
	line-height:1.3;
	letter-spacing: - 0.04em;
	color: #222;
	text-align: right;
}
#ethical .reportBox .stit {
	color: #0f238c;
	font-family: "GmarketSansBold";
	font-size: 1.75rem;
	line-height: 1.3;
	background: url("/img/sub/report_icon2.png") left top no-repeat;
	padding: 8px 0 8px 64px;
}
#ethical .txtList {
	margin-top: 145px;
}
#ethical .txtList dd {
	position: relative;
	margin-top: 60px;
	display: flex;
	align-items: center;
}
#ethical .txtList .imgbox {
	width: 466px;
	height: 397px;
	background: url("/img/sub/report_txt_bg.png") center center no-repeat;
	z-index: 1;
	margin:0 -3px;
}
#ethical .txtList dd > ul{
	width: calc((100% - 466px) / 2);
}
#ethical .txtList dd > ul > li{
	position: relative;
	font-family: "Noto Sans KR";
	font-weight: 400;
	font-size: 1.125rem;
	line-height:1.5;
	color: #222;
	width: 100%;
	height: 100px;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	border-radius: 15px;
	background: #edeff9;
	padding: 0 10px;
	
}
#ethical .txtList dd > ul > li:not(:last-child){
	margin-bottom: 30px;
}
#ethical .txtList dd > ul > li > span{
	position: absolute;
	left: 0;
}
#ethical .reportBox .btn {
	margin-top: 90px;
	height: auto;
}
#ethical .reportBox .btn button span,
#ethical .reportBox .btn a {
	width: 180px;
	height: 50px;
	border-radius: 3px;
	background: #0f238c;
	display: flex;
    justify-content: center;
    align-items: center;
	margin: 0 auto;
	font-family: "Exo 2", sans-serif;
	font-size: 1.125rem;
	line-height:1.3;
	color: #fff;
	font-weight: 700;
}
#ethical .reportBox .btn button {
	border: none;
	outline: none;
	background: none;
}

#ethical .completeBox,
#ethical .reportBox .agreeBox {
	padding-top: 100px;
}
#ethical .reportBox .agreeBox .listbox {
	margin-top: 60px;
}
#ethical .reportBox .agreeBox .listbox ul {
	display: flex; 
	flex-wrap:wrap;
	gap: 33px;
}
#ethical .reportBox .agreeBox .listbox ul li {
	width:calc((100% - 66px) / 3);
	border: 1px solid #ddd;
	text-align: center;
}
#ethical .reportBox .agreeBox .listbox ul li dt {
	background: #e1e1e1;
	padding: 19px 0 18px;
	font-family: "Noto Sans KR";
	font-weight: 500;
	font-size: 1.125rem;
	line-height:1.3;
	color: #222;
	letter-spacing: -0.02em;
}
#ethical .reportBox .agreeBox .listbox ul li dd {
	background: #fff;
	padding: 20px 0;
	font-family: "Noto Sans KR";
	font-weight: 300;
	font-size: 1.125rem;
	line-height:1.5;
	color: #222;
	letter-spacing: -0.02em;
}

#ethical .reportBox .ipBox {
	margin-top: 145px;
}
#ethical .reportBox .reportForm {
	margin-top: 60px;
}
#ethical .reportBox .reportForm ul {
	display: flex; 
	flex-wrap:wrap;
	gap: 10px 20px;
}
#ethical .reportBox .reportForm ul li {
	position: relative;
	width:calc((100% - 20px) / 2);
}
#ethical .reportBox .reportForm ul li.full {
	width:100%;
}
#ethical .reportBox .reportForm .file-box {
	position: relative;
	display: flex;
	background: #f3f3f3;
	width: 100%;
}
#ethical .reportBox .reportForm .file-box .ex_filename {
	position: absolute;
	width: 100%;
	height: 50px;
	opacity: 0;
}
#ethical .reportBox .reportForm .file-box > label {
	position: relative;
	width: 95px;
	height: 50px;
	display: flex;
	align-items: center;
    justify-content: center;
}
#ethical .reportBox .reportForm .file-box > label:before {
	content: "";
	position: absolute;
	top: 50%;
	right:0;
	transform: translateY(-50%);
	width: 1px;
	height: 10px;
	background: #aaa;
}

#ethical .reportBox .reportForm .file-box .file {
	width: calc(100% - 95px);
	padding-left: 15px;
}

#ethical .checkAgree {
  margin: 20px 0;
  text-align: center;
}

#ethical .checkAgree input[type="checkbox"] {
  position: absolute;
  left: -9999px;
  font-family: "Noto Sans KR";
}

#ethical .checkAgree input[type="checkbox"]:checked + label span {
  background: url("/img/sub/chk_icon.png") no-repeat center #0f238c;
}

#ethical .checkAgree label {
  position: relative;
  padding-left: 20px;
  color: #0f238c;
}

#ethical .checkAgree span {
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  display: inline-block;
  vertical-align: middle;
}

#ethical .gray-box{ background: #fff; border: 1px solid #ddd; text-align: center; padding: 10px; }
#ethical .gray-box p{ font-size: 1.05rem; padding: 30px; background: #e1e1e1; }

#ethical form select,
#ethical form textarea,
#ethical form input[type="text"] {
  background: #f3f3f3;
  border: none;
  width: 100% !important;
  border-radius: 6px;
  padding: 0 20px;
  font-size: 1.00rem;
  font-family: "Noto Sans KR";
}

#ethical form textarea {
  padding: 20px;
  height: 300px;
}

#ethical form select,
#ethical form input[type="text"] {
  height: 50px;
}

#ethical form select {
  -webkit-appearance: none;
  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  color: #666; 
}

#ethical form select::-ms-expand {
  display: none;
}

#ethical .reportForm li > i {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#ethical .reportForm ::placeholder { 
	color: #666; 
	opacity: 1; 
	font-weight: 400; 
}

#ethical .reportForm .upload-name { 
	padding: 4px 25px; 
	width:100%; 
	background:url(/img/sub/file_icon.png) 0 20px no-repeat; 
}
#ethical .reportForm .upload-name.on { 
	color: #0f238c;
	font-family: "Noto Sans KR";
	background:url(/img/sub/file_icon_on.png) 0 20px no-repeat; 
}



#ethical .completeBox {
	display: flex;
	flex-wrap: wrap;
}
#ethical .completeBox > div{
	width: 50%;
}
#ethical .completeBox .imgbox img{
	max-width: 100%;
}
#ethical .completeBox .txtbox {
	padding-left: 95px;
}
#ethical .completeBox .txtbox dt{
	padding-top: 120px;
}
#ethical .completeBox .txtbox dd{
	margin-top: 15px;
}
#ethical .completeBox .txtbox .txt-1{
	font-family: "GmarketSansMedium";
	font-size: 1.25rem;
	color: #222;
	line-height: 130%;
	letter-spacing: -0.02em;
}
#ethical .completeBox .txtbox .txt-2 {
	margin-top: 30px;
}
#ethical .completeBox .txtbox .txt-2 p {
	font-family: "Noto Sans KR";
	font-size: 1.125rem;
	color: #222;
	line-height: 150%;
	letter-spacing: -0.02em;
	font-weight: 400;
}
#ethical .completeBox .txtbox .txt-2 p:not(:last-child) {
	margin-bottom: 15px;
}
#ethical .completeBox .txtbox .btn {
	margin-top: 8%;
	padding: 0;
}
#ethical .completeBox .txtbox .btn a {
	margin: 0;
}

#ethical .tab_s1 { 
	position: relative;
	margin-top: -75px;
}
#ethical .tab_s1.fixed { 
	position: fixed; 
	margin-top: 0;
}