.marginCenter {
    width: 1640px;
    margin: 0 auto;
}

.responsive {
    min-height: calc(100vh - 629px);
}

.displayNone {
    display: none !important;
}
.bannerWrap {
  margin-top: 120px !important;
  background-image: url(../img/bn.png);
  height: 220px;
  padding: 60px 0;
  box-sizing: border-box;
  margin-bottom: 200px !important;
}
.bannerWrap .banner h2 {
  font-size: 24px !important;
  line-height: 27px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

.bannerWrap .banner a {
  display: flex;
  align-items: center;
  margin: 0 auto;
  margin-top: 30px;
  color: #fff;
  text-align: center;
  justify-content: center;
  font-size: 20px;
  line-height: 22px;
  font-weight: 500;
  /* background-color: #a50034; */
  width: 146px;
  height: 44px;
  /* border-radius: 8px; */
  border: 1px solid #fff;
  vertical-align: center;
}
.bannerWrap .banner a img {
  margin-left: 10px;
}



.modal5 .imgModal {
    width: 1310px;
    height: 752px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 60px;
}

.modal5 .imgModal a {
    display: block;
    position: absolute;
    top: 40px;
    right: 40px;
    width: 32px !important;
    height: 32px !important;
}

.modal5 .imgModal a img {
    width: 100%;
}

.modal5 .imgModal .modalHead .category {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #888;
}

.modal5 .imgModal .modalHead h5 {
    margin-top: 6px;
    font-size: 40px;
    line-height: 44px;
    font-weight: 900;
}

.modal5 .imgModal .modalBody {
	height:550px;
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.modal5 .imgModal .modalBody .left {
    width: 960px !important;
    background-color: #f5f6f8;
}

.modal5 .imgModal .modalBody .left img {
    width: 100%;
    height:100%;
    object-fit:contain;
}

.modal5 .imgModal .modalBody .right {
    width: 210px !important;
    height: 540px !important;
    overflow-y: auto;
}

.modal5 .imgModal .modalBody .right .imgBox {
    margin-top: 10px !important;
    width: 180px;
    background-color: #f5f6f8 !important;
}

.modal5 .imgModal .modalBody .right .imgBox:first-of-type {
    margin-top: 0 !important;
}

.modal5 .imgModal .modalBody .right::-webkit-scrollbar {
    width: 10px;
}

.modal5 .imgModal .modalBody .right::-webkit-scrollbar-thumb {
    background-color: #a50034;
    background-clip: padding-box;
}

.modal5 .imgModal .modalBody .right::-webkit-scrollbar-track {
    background-clip: #ddd;
    background-color: #ddd;
}

.modal6 .vodModal {
    width: 1080px;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 60px !important;
}

.modal6 .vodModal a {
    display: block;
    position: absolute;
    top: 55px !important;
    right: 25px !important;
    left: auto !important;
    width: 32px !important;
    height: 32px !important;
}

.modal6 .vodModal a img {
    width: 100%;
}

.modal6 .vodModal .modalHead .category {
	font-size: 20px;
    line-height: normal;
    font-weight: 500;
    color: #888;
}

.modal6 .vodModal .modalHead h5 {
    font-size: 40px;
    line-height: 44px;
    font-weight: 900;
}

.modal6 .vodModal .modalBody {
    margin-top: 28px;
    width: 960px;
}

.modal7 {
  background-color: transparent;
}

.modal7 .modalBack {
  width: 100%;
  height: 100vh;
}

.modal7 .aiModal {
  width: 720px;
  height: 480px;
  position: absolute;
  right: 126px;
  bottom: 196px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ddd;
  z-index: 99999;
  background-color: #fff;
}

.modal7 .aiModal img {
  width: 100%;
}

.mobNaviWrap {
  display: none;
}

.mobNaviWrap .currentPage {
  background-color: #fafafa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 11.5px 30px;
  border-bottom: 1px solid #ddd;
}

.mobNaviWrap .currentPage h5 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #444;
  margin-top: 0;
}

.mobNaviWrap .currentPage img {
  width: 26px;
  height: 26px;
  image-rendering: -webkit-optimize-contrast;
}

.mobNaviWrap .currentPage.active img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.mobNaviWrap .optionList {
  padding: 20px 30px;
  border-bottom: 1px solid #ddd;
  display: none;
}

.mobNaviWrap .optionList h5 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #444;
}

.mobNaviWrap .optionList h5:nth-of-type(1) ~ h5 {
	margin-top: 16px;
}

.mobNaviWrap .optionList h5 a {
	color: #444 !important;
}

.mobNaviWrap .optionList h5 a.active {
	color: #a50034 !important;
}

.naviTitle {
    padding: 40px 0 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

.naviTitle .top span {
    font-size: 18px;
    line-height: 22px;
    font-weight: 900;
    color: #bbb;
}

.naviTitle .top .dot {
    display: block;
    margin: 0 20px;
}

.naviTitle .top strong {
    font-size: 18px;
    line-height: 22px;
    font-weight: 900;
    color: #a50034;
}

.naviTitle h4 {
  font-size: 40px;
  line-height: 44px;
  font-weight: 900;
  margin-top: 20px;
}

.customSelectBoxWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.customSelectBoxWrap .customSelectBox {
  position: relative;
  padding: 17px 16px 17px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 260px;
  height: 64px;
}

.customSelectBoxWrap .customSelectBox .selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.customSelectBoxWrap .customSelectBox span {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

.customSelectBoxWrap .customSelectBox img {
  width: 32px;
  height: 32px;
}

.customSelectBoxWrap .customSelectBox .optionList {
  position: absolute;
  top: 64px;
  left: -9999px;
  width: 260px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 13px 10px 13px 24px;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #666;
}

.customSelectBoxWrap .customSelectBox .optionList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 7px;
}

.customSelectBoxWrap .customSelectBox .optionList li a {
  display: block;
  width: calc(100% - 32px);
  height: 32px;
}

.customSelectBoxWrap .customSelectBox .optionList li a span {
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
}

.customSelectBoxWrap .customSelectBox .optionList li img {
  width: 32px;
  height: 32px;
  display: none;
}

.customSelectBoxWrap .customSelectBox .optionList li.active a span {
  color: #a50034;
  font-weight: 700;
}

.customSelectBoxWrap .customSelectBox .optionList li.active img {
  display: block;
}

.customSelectBoxWrap .customSelectBox .optionList li:first-of-type {
  margin-top: 0;
}

.customSelectBoxWrap .customSelectBox .optionList.isShow {
  right: 0;
  left: auto;
}

.customSelectBoxWrap .customSelectBox:hover .optionList {
  right: 0;
  left: auto;
}

.customSelectBox2Wrap {
  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;
  padding: 40px 0 70px;
}

.customSelectBox2Wrap a {
  display: block;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: #888;
  padding-bottom: 8px;
  border-bottom: 2px solid #fff;
  margin-right: 32px;
}

.customSelectBox2Wrap a.active {
  border-color: #a50034;
  color: #000;
  font-weight: 700;
}

.customSelectBox2Wrap a:last-of-type {
  margin-right: 0;
}

.newsListWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
          justify-content: left;
}
pastListWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: left;
}

.newsListWrap li {
  width: 536px;
  min-height: 459px;
  margin-bottom: 80px;
}
.pastListWrap li {
    width: 536px;
    min-height: 459px;
    margin-bottom: 45px;
}

.newsListWrap li a {
  display: flex;
  flex-direction: column;
  height: 99%;
}
.pastListWrap li a:not(.icon2){
    display: flex;
    flex-direction: column;
    height: 100%;
}
.pastListWrap li .icon2 {
    display: flex;
    flex-direction: column;
    height: 30px;
}

.newsListWrap li a img {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ddd;
  object-fit: cover;
  object-position: 20% 10%; 
  height: 332px;
  display: block;
}
.pastListWrap li a:not(.icon2) img {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    object-fit: cover;
    object-position: 20% 10%;
    height: 332px;
    display: block;
}




.newsListWrap li a .category {
  width: auto;
  height: 20px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  color: #a50034;
  background-color: #fff;
  /* padding: 0 !important; */
  margin-top: 20px;
  display: inline-block;
  min-width: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pastListWrap li a .category {
    width: auto;
    height: 20px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #a50034;
    background-color: #fff;
    /* padding: 0 !important; */
    margin-top: 20px;
    display: inline-block;
    min-width: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.newsListWrap li a strong {
  margin-top: 18px;
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  flex: 1;
}
.pastListWrap li a strong {
    margin-top: 18px;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    flex: 1;
}

.newsListWrap li a .textBox {
  margin-top: 16px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: #666;
}
.pastListWrap li a .textBox {
    margin-top: 16px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #666;
}

.newsListWrap li:nth-of-type(3n+2) {
  margin-left: 16px;
  margin-right: 16px;
}
.pastListWrap li:nth-of-type(3n+2) {

}

/* paging ����*/
.paging ul {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
      -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
}

.paging ul li a {
	display: block;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    margin: 160px 8px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 700;
    color: #666;
}
@media (min-width: 320px) and (max-width: 480px) {
	.paging ul li a {
		display: block;
	    width: 26px;
	    height: 26px;
	    border-radius: 6px;
	    margin: 0 8px;
	    font-size: 12px;
	    line-height: 28px;
	    font-weight: 400;
	    color: #666;
	}
	
}

.paging {
  text-align: center;
  margin-top: 20px;
  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;
}

.paging a {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  margin: 0 8px;
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  color: #666;
}

.paging p.prev {
  background: url(/resources/img/ic-32-prev-bk.png) 0 50% no-repeat;
}

.paging p.next {
  background: url(/resources/img/ic-32-next-bk.png) 0 50% no-repeat;
}

.paging ul li.on a {
  background-color: #a50034;
  color: #fff;
}

.mainInfo {
    position: relative;
    /* height: 518px; */
}

.mainInfo .left {
    width: 814px;
    height: 458px;
    position: absolute;
    z-index: 2;
    top: 60px;
}

.mainInfo .left img {
	width: 100%;
}

.mainInfo .right {
    background-color: #f5f6f8;
    width: 1118px;
    padding: 102px 100px 102px 364px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* position: absolute; */
    float:right;
    top: 0;
    right: 0;
    z-index: 1;
}

.mainInfo .right h3 {
    font-size: 48px;
    line-height: 52px;
    font-weight: 700;
}

.mainInfo .right .bar {
    width: 32px;
    height: 2px;
    background-color: #a50034;
    margin: 20px 0;
}

.mainInfo .right p {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    color: #848484;
    width: 654px;
    /* min-height:200px; */
}

.remocon {
  position: fixed;
  bottom: 120px;
  right: 126px;
  z-index: 99999;
}

.remocon.on a {
  display: block;
  border-radius: 56px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
}

.remocon a {
	display : none;
}

.remocon a:last-of-type {
  margin-top: 20px;
}

.categorySelectWrap {
  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;
  padding: 120px 0;
  gap:20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.categorySelectWrap li {
  width: auto;
  height: 80px;
  /* margin: 0 20px; */
  min-width: 240px;
}

.categorySelectWrap li button {
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  border-radius: 80px;
  border: 1px solid #d9d9d9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 30px 10px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.categorySelectWrap li button .img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.categorySelectWrap li button{
	color:#000;
}
.categorySelectWrap li button span {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  width: calc(100% - 80px);
  margin-left: 20px;
  
}
.categorySelectWrap li button.active {
  border-color: #a50034;
  background-color: #a50034;
  color: #fff;
}



/* .categorySelectWrap li:nth-of-type(1) button .img {
  background-image: url("../img/ic-60-product1.png");
}

.categorySelectWrap li:nth-of-type(1) button.active .img {
  background-image: url("../img/ic-60-product1_active.png");
}

.categorySelectWrap li:nth-of-type(2) button .img {
  background-image: url("../img/ic-60-product-connectivity-nor (1).png");
}

.categorySelectWrap li:nth-of-type(2) button.active .img {
  background-image: url("../img/ic-60-product-connectivity-prs.png");
}

.categorySelectWrap li:nth-of-type(3) button .img {
  background-image: url("../img/ic-60-product-autonomous-nor (1).png");
}

.categorySelectWrap li:nth-of-type(3) button.active .img {
  background-image: url("../img/ic-60-product-autonomous-prs.png");
}

.categorySelectWrap li:nth-of-type(4) button .img {
  background-image: url("../img/ic-60-product-electrification-nor (1).png");
}

.categorySelectWrap li:nth-of-type(4) button.active .img {
  background-image: url("../img/ic-60-product-electrification-prs.png");
}

.categorySelectWrap li:nth-of-type(5) button .img {
  background-image: url("../img/ic-60-product-lighting-nor (1).png");
}

.categorySelectWrap li:nth-of-type(5) button.active .img {
  background-image: url("../img/ic-60-product-lighting-prs.png");
}

.categorySelectWrap li:nth-of-type(6) button .img {
  background-image: url("../img/ic-60-product6.png");
}

.categorySelectWrap li:nth-of-type(6) button.active .img {
  background-image: url("../img/ic-60-product6_active.png");
}

.categorySelectWrap li:nth-of-type(7) button .img {
  background-image: url("../img/ic-60-product7.png");
}

.categorySelectWrap li:nth-of-type(7) button.active .img {
  background-image: url("../img/ic-60-product7_active.png");
}

.categorySelectWrap li:nth-of-type(8) button .img {
  background-image: url("../img/ic-60-product8.png");
}

.categorySelectWrap li:nth-of-type(8) button.active .img {
  background-image: url("../img/ic-60-product8_active.png");
} */
.categorySelectWrap li button.all .img{background-image: url("../img/ic-60-product-all-nor (1).png");}
.categorySelectWrap li button.all.active .img{background-image: url("../img/ic-60-product-all-prs (1).png");}
.categorySelectWrap li button.PDT_OP_01 .img{background-image: url("../img/ic-60-product-cameramodule-nor.png");}
.categorySelectWrap li button.PDT_OP_01.active .img{background-image: url("../img/ic-60-product-cameramodule-prs.png");}
.categorySelectWrap li button.PDT_OP_02 .img{background-image: url("../img/ic-60-product-3-dsensingmodule-nor.png");}
.categorySelectWrap li button.PDT_OP_02.active .img{background-image: url("../img/ic-60-product-3-dsensingmodule-prs.png");}
.categorySelectWrap li button.PDT_OP_04 .img{background-image: url("../img/ic-60-product-actuator-nor (1).png");}
.categorySelectWrap li button.PDT_OP_04.active .img{background-image: url("../img/ic-60-product-actuator-prs (1).png");}

.categorySelectWrap li button.PDT_SS_01 .img{background-image: url("../img/ic-60-product-package-nor.png");}
.categorySelectWrap li button.PDT_SS_01.active .img{background-image: url("../img/ic-60-product-package-prs.png");}
.categorySelectWrap li button.PDT_SS_03 .img{background-image: url("../img/ic-60-product-fcbga-nor.png");}
.categorySelectWrap li button.PDT_SS_03.active .img{background-image: url("../img/ic-60-product-fcbga-prs.png");}
.categorySelectWrap li button.PDT_SS_02 .img{background-image: url("../img/ic-60-product-display-nor.png");}
.categorySelectWrap li button.PDT_SS_02.active .img{background-image: url("../img/ic-60-product-display-prs.png");}
/*Display Mask 아이콘*/
.categorySelectWrap li button.PDT_SS_04 .img{background-image: url("../img/ic-60-product-displayMask-nor.png");}
.categorySelectWrap li button.PDT_SS_04.active .img{background-image: url("../img/ic-60-product-displayMask-prs.png");}

.categorySelectWrap li button.PDT_MB_01 .img{background-image: url("../img/ic-60-product-connectivity-nor (2).png");}
.categorySelectWrap li button.PDT_MB_01.active .img{background-image: url("../img/ic-60-product-connectivity-prs (1).png");}
.categorySelectWrap li button.PDT_MB_02 .img{background-image: url("../img/ic-60-product-autonomous-nor (2).png");}
.categorySelectWrap li button.PDT_MB_02.active .img{background-image: url("../img/ic-60-product-autonomous-prs (1).png");}
.categorySelectWrap li button.PDT_MB_03 .img{background-image: url("../img/ic-60-product-electrification-nor (2).png");}
.categorySelectWrap li button.PDT_MB_03.active .img{background-image: url("../img/ic-60-product-electrification-prs (1).png");}
.categorySelectWrap li button.PDT_MB_04 .img{background-image: url("../img/ic-60-product-lighting-nor (2).png");}
.categorySelectWrap li button.PDT_MB_04.active .img{background-image: url("../img/ic-60-product-lighting-prs (1).png");}

.categorySelectWrap li button.PDT_EL_01 .img{background-image: url("../img/ic-60-product-displaypower-nor1.png");}
.categorySelectWrap li button.PDT_EL_01.active .img{background-image: url("../img/ic-60-product-displaypower-prs1.png");}
.categorySelectWrap li button.PDT_EL_02 .img{background-image: url("../img/ic-60-product-smarthome-nor1.png");}
.categorySelectWrap li button.PDT_EL_02.active .img{background-image: url("../img/ic-60-product-smarthome-prs1.png");}






.tabContentsWrap {
    padding-bottom: 80px;
}

.tabContentsWrap .tabSelectWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tabContentsWrap .tabSelectWrap li {
    width: 33.33%;
    text-align: center;
    
}

.tabContentsWrap .tabSelectWrap li button {
    width: 100%;
    height: 64px;
    padding: 0;
    border: 0;
    background: none;
    font-size: 28px;
    line-height: 32px;
    font-weight: 500;
    color: #666;
   /*  border-top: 2px solid #a50034; */
}

.tabContentsWrap .tabSelectWrap li button.active {
    color: #a50034;
    font-weight: 700;
    border-bottom: 4px solid #a50034;
    border-top: none;
    /* border-left: 2px solid #a50034;
    border-right: 2px solid #a50034; */
}

.tabContentsWrap .contentsList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 80px;
    /* justify-content: space-between; */
    gap:20px
}

.tabContentsWrap .contentsList li {
    margin-bottom: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 393px;
    height: auto;
}

.tabContentsWrap .contentsList li.displayNone {
	display: none;
}
.tabContentsWrap .contentsList li a{
	
}
.tabContentsWrap .contentsList li a .imgBox:before {
    content: "";
    display: block;
    padding-top: 100%; /* 1:1 ���� */
}
.tabContentsWrap .contentsList li a .imgBox {
    border: 1px solid #ddd;
    width: 100%;
    position: relative;
}
.tabContentsWrap .contentsList li a .imgBox img{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.tabContentsWrap .contentsList li a .textBox {
    margin-top: 30px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #888;
}

.tabContentsWrap .contentsList li a strong {
    margin-top: 8px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
}

.tabContentsWrap .contentsList li:nth-of-type(4n) {
    margin-right: 0;
}

.tabContentsWrap .contentsList li.active a .imgBox {
    border-color: #a50034;
}

.productDataWrap {
  background-color: #f5f6f8;
  position: relative;
  overflow-x: hidden;
  border-top: 4px solid #a50034;
}

.productDataWrap .productData {
  padding-top: 140px;
}

.productDataWrap .productData .segment {
  padding-bottom: 150px;
  position: relative;
}

.productDataWrap .productData .segment .title .num {
  font-size: 80px;
  line-height: 84px;
  font-weight: 900;
  color: #bbb;
  opacity: 0.2;
}

.productDataWrap .productData .segment .title h4 {
  font-size: 40px;
  line-height: 44px;
  font-weight: 700;
}

.productDataWrap .productData .segment .strength {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          gap:20px;
    flex-wrap: wrap;

}

.productDataWrap .productData .segment .strength li {
  width: auto;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dedede;
  background-color: #fff;
  padding: 40px 50px 60px;
}

.productDataWrap .productData .segment .strength li .num {
  font-size: 36px;
  line-height: 40px;
  font-weight: 900;
  color: #ddd;
}

.productDataWrap .productData .segment .strength li .bar {
  width: 26px;
  height: 3px;
  background-color: #a50034;
  margin-top: 7px;
}

.productDataWrap .productData .segment .strength li.merit .title {
  font-weight: 700;
}

.productDataWrap .productData .segment .strength li.merit .contents {
  font-weight: normal;
}

.productDataWrap .productData .segment .strength li p {
  margin-top: 19px;
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
  color: #444;
}

.productDataWrap .productData .segment .strength1 li,
.productDataWrap .productData .segment .strength2 li {
  width: 806px;
}

.productDataWrap .productData .segment .strength3 li {
  width: 532px;
}

.productDataWrap .productData .segment .strength4 li {
  width: 395px;
}

.productDataWrap .productData .segment .strength5 li:nth-of-type(1),
.productDataWrap .productData .segment .strength5 li:nth-of-type(2) {
  width: 806px;
}

.productDataWrap .productData .segment .strength5 li:nth-of-type(2) ~ li {
  width: 532px;
}

.productDataWrap .productData .segment .film {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.productDataWrap .productData .segment .film li {
  width: 532px;
  height: 300px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  margin-right: 23px;
}

.productDataWrap .productData .segment .film li a {
  display: block;
  width: 120px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.productDataWrap .productData .segment .film li a img {
  width: 100%;
}

.productDataWrap .productData .segment .film li:nth-of-type(3n) {
  margin-right: 0;
}

.productDataWrap .productData .segment .specTableA {
  margin-top: 40px;
}

.productDataWrap .productData .segment .specTableA .tableHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f5f6f8;
  border-bottom: 1px solid #ddd;
}

.productDataWrap .productData .segment .specTableA .tableHead li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #ddd;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #444;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20%;
  height: 65px;
  text-align: center;
}

.productDataWrap .productData .segment .specTableA .tableHead li:last-of-type {
  border-right: none;
}

.productDataWrap .productData .segment .specTableA .tableHead2 li:nth-of-type(4) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableHead4 li:nth-of-type(3) {
  width: 60%;
}

.productDataWrap .productData .segment .specTableA .tableHead5 li:nth-of-type(3) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableHead6 li:nth-of-type(2),
.productDataWrap .productData .segment .specTableA .tableHead6 li:nth-of-type(3) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableHead7 li:nth-of-type(1) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableHead7 li:nth-of-type(2),
.productDataWrap .productData .segment .specTableA .tableHead7 li:nth-of-type(3) {
  width: 30%;
}

.productDataWrap .productData .segment .specTableA .tableHead8 li {
  width: 33.33%;
}

.productDataWrap .productData .segment .specTableA .tableHead9 li {
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.productDataWrap .productData .segment .specTableA .tableHead9 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productDataWrap .productData .segment .specTableA .tableHead9 li span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.productDataWrap .productData .segment .specTableA .tableHead9 li .flexSpan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.productDataWrap .productData .segment .specTableA .tableHead9 li .flexSpan strong {
  width: 50%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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-align: center;
  font-weight: 700;
}

.productDataWrap .productData .segment .specTableA .tableHead9 li .flexSpan strong:nth-of-type(1) {
  border-right: 1px solid #ddd;
}

.productDataWrap .productData .segment .specTableA .tableHead9 li:nth-of-type(1) {
  width: 15%;
}

.productDataWrap .productData .segment .specTableA .tableHead9 li:nth-of-type(2) {
  width: 45%;
}

.productDataWrap .productData .segment .specTableA .tableHead9 li:nth-of-type(3) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableHead10 li:nth-of-type(4) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableHead11 li:nth-of-type(2),
.productDataWrap .productData .segment .specTableA .tableHead11 li:nth-of-type(3) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableHead12 li {
  width: 25%;
}

.productDataWrap .productData .segment .specTableA .tableHead13 li:nth-of-type(1),
.productDataWrap .productData .segment .specTableA .tableHead13 li:nth-of-type(3) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableHead14 li:nth-of-type(1),
.productDataWrap .productData .segment .specTableA .tableHead14 li:nth-of-type(2) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableHead15 li:nth-of-type(1) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableHead16 li:nth-of-type(2) {
  width: 80%;
}

.productDataWrap .productData .segment .specTableA .tableHead17 li {
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.productDataWrap .productData .segment .specTableA .tableHead17 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.productDataWrap .productData .segment .specTableA .tableHead17 li span strong {
  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: 50%;
  height: 65px;
}

.productDataWrap .productData .segment .specTableA .tableHead17 li span strong:nth-of-type(1) {
  border-right: 1px solid #ddd;
}

.productDataWrap .productData .segment .specTableA .tableHead17 li span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.productDataWrap .productData .segment .specTableA .tableHead17 li:nth-of-type(2) {
  width: 80%;
}

.productDataWrap .productData .segment .specTableA .tableHead18 li:nth-of-type(1) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableHead18 li:nth-of-type(2),
.productDataWrap .productData .segment .specTableA .tableHead18 li:nth-of-type(3) {
  width: 30%;
}

.productDataWrap .productData .segment .specTableA .tableHead19 li:nth-of-type(2) {
  width: 80%;
}

.productDataWrap .productData .segment .specTableA .tableHead20 li {
  width: calc(100% / 7);
  height: 99px;
}

.productDataWrap .productData .segment .specTableA .tableHead20 li {
  width: calc(100% / 7);
}

.productDataWrap .productData .segment .specTableA .tableBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}

.productDataWrap .productData .segment .specTableA .tableBody li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #ddd;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: #444;
  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;
  padding: 10px;
  word-break: break-word;
  text-align: center;
  width: 20%;
  height: 65px;
}

.productDataWrap .productData .segment .specTableA .tableBody li:last-of-type {
  border-right: none;
}

.productDataWrap .productData .segment .specTableA .tableBody2 li {
  height: 130px;
}

.productDataWrap .productData .segment .specTableA .tableBody2 li:nth-of-type(4) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableBody3 li {
  height: 130px;
}

.productDataWrap .productData .segment .specTableA .tableBody4 li {
  height: 130px;
}

.productDataWrap .productData .segment .specTableA .tableBody4 li:nth-of-type(3) {
  width: 60%;
}

.productDataWrap .productData .segment .specTableA .tableBody5 li {
  height: 130px;
}

.productDataWrap .productData .segment .specTableA .tableBody5 li:nth-of-type(3) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableBody6 li {
  height: 130px;
}

.productDataWrap .productData .segment .specTableA .tableBody6 li:nth-of-type(2),
.productDataWrap .productData .segment .specTableA .tableBody6 li:nth-of-type(3) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableBody7 li {
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.productDataWrap .productData .segment .specTableA .tableBody7 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productDataWrap .productData .segment .specTableA .tableBody7 li span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.productDataWrap .productData .segment .specTableA .tableBody7 li:nth-of-type(3),
.productDataWrap .productData .segment .specTableA .tableBody7 li:nth-of-type(4) {
  width: 30%;
}

.productDataWrap .productData .segment .specTableA .tableBody8 li {
  width: 33.33%;
  height: 130px;
}

.productDataWrap .productData .segment .specTableA .tableBody9 li:nth-of-type(1) {
  width: 15%;
}

.productDataWrap .productData .segment .specTableA .tableBody9 li:nth-of-type(2),
.productDataWrap .productData .segment .specTableA .tableBody9 li:nth-of-type(3) {
  width: 22.5%;
}

.productDataWrap .productData .segment .specTableA .tableBody9 li:nth-of-type(4) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableBody10 li:nth-of-type(4) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableBody11 li:nth-of-type(2),
.productDataWrap .productData .segment .specTableA .tableBody11 li:nth-of-type(3) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableBody12 li {
  width: 25%;
}

.productDataWrap .productData .segment .specTableA .tableBody13 li:nth-of-type(1),
.productDataWrap .productData .segment .specTableA .tableBody13 li:nth-of-type(3) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableBody14 li:nth-of-type(1) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableBody15 li:nth-of-type(1) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableBody16 li {
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.productDataWrap .productData .segment .specTableA .tableBody16 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productDataWrap .productData .segment .specTableA .tableBody16 li span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.productDataWrap .productData .segment .specTableA .tableBody16 li:nth-of-type(2),
.productDataWrap .productData .segment .specTableA .tableBody16 li:nth-of-type(3) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableBody17 li:nth-of-type(2),
.productDataWrap .productData .segment .specTableA .tableBody17 li:nth-of-type(3) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .tableBody18 li {
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.productDataWrap .productData .segment .specTableA .tableBody18 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productDataWrap .productData .segment .specTableA .tableBody18 li span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.productDataWrap .productData .segment .specTableA .tableBody18 li:nth-of-type(3),
.productDataWrap .productData .segment .specTableA .tableBody18 li:nth-of-type(4) {
  width: 30%;
}

.productDataWrap .productData .segment .specTableA .tableBody19 li:nth-of-type(2) {
  width: 80%;
}

.productDataWrap .productData .segment .specTableA .tableBody20 li {
  width: calc(100% / 7);
  height: 99px;
}

.productDataWrap .productData .segment .specTableA .tableBody21 li {
  width: calc(100% / 7);
  height: 130px;
}

.productDataWrap .productData .segment .specTableA .tableBody22 li {
  height: 130px;
}

.productDataWrap .productData .segment .specTableA .bottom .tableHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f5f6f8;
  border-bottom: 1px solid #ddd;
}

.productDataWrap .productData .segment .specTableA .bottom .tableHead li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #ddd;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #444;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20%;
  height: 65px;
  text-align: center;
}

.productDataWrap .productData .segment .specTableA .bottom .tableHead li:last-of-type {
  border-right: none;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #ddd;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #ddd;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: #444;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20%;
  height: 65px;
  padding: 10px;
  word-break: break-word;
  text-align: center;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody li:last-of-type {
  border-right: none;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody3 li {
  height: 130px;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody7 li {
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody7 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody7 li span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody7 li:nth-of-type(3),
.productDataWrap .productData .segment .specTableA .bottom .tableBody7 li:nth-of-type(4) {
  width: 30%;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody1-1 li {
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody1-1 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody1-1 li span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody1-1 li strong {
  font-weight: 500;
  display: block;
  width: 50%;
  height: 130px;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody1-1 li strong span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody1-1 li strong:nth-of-type(1) {
  border-right: 1px solid #ddd;
  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;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody1-1 li:nth-of-type(1) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody1-1 li:nth-of-type(1) span {
  border-bottom: none;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody7-1 li:nth-of-type(1) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody7-1 li:nth-of-type(2),
.productDataWrap .productData .segment .specTableA .bottom .tableBody7-1 li:nth-of-type(3) {
  width: 30%;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody9 li {
  height: 195px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody9 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody9 li span:nth-of-type(1),
.productDataWrap .productData .segment .specTableA .bottom .tableBody9 li span:nth-of-type(2) {
  border-bottom: 1px solid #ddd;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody9 li:nth-of-type(1) {
  width: 15%;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody9 li:nth-of-type(2),
.productDataWrap .productData .segment .specTableA .bottom .tableBody9 li:nth-of-type(3) {
  width: 22.5%;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody9 li:nth-of-type(4) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody10 li:nth-of-type(4) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody11 li:nth-of-type(2),
.productDataWrap .productData .segment .specTableA .bottom .tableBody11 li:nth-of-type(3) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody12 li {
  width: 25%;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody13 li:nth-of-type(1),
.productDataWrap .productData .segment .specTableA .bottom .tableBody13 li:nth-of-type(3) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody14 li:nth-of-type(1) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody15 li:nth-of-type(1) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody15-1 li {
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody15-1 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody15-1 li span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody16 li {
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody16 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody16 li span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody16 li:nth-of-type(2),
.productDataWrap .productData .segment .specTableA .bottom .tableBody16 li:nth-of-type(3) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody17 li:nth-of-type(2),
.productDataWrap .productData .segment .specTableA .bottom .tableBody17 li:nth-of-type(3) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody18 li:nth-of-type(1) {
  width: 40%;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody18 li:nth-of-type(2),
.productDataWrap .productData .segment .specTableA .bottom .tableBody18 li:nth-of-type(3) {
  width: 30%;
}

.productDataWrap .productData .segment .specTableA .bottom .tableBody19 li:nth-of-type(2) {
  width: 80%;
}

.productDataWrap .productData .segment .specTableA .bottom .only22 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.productDataWrap .productData .segment .specTableA .bottom .only22 .left2 {
  width: 20%;
}

.productDataWrap .productData .segment .specTableA .bottom .only22 .left2 .tableHead22-1 {
  background-color: #f5f6f8;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #ddd;
  height: 65px;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #444;
  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;
}

.productDataWrap .productData .segment .specTableA .bottom .only22 .left2 .tableBody22-1 {
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #ddd;
  height: 325px;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  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;
}

.productDataWrap .productData .segment .specTableA .bottom .only22 .right2 {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.productDataWrap .productData .segment .specTableA .bottom .only22 .right2 li {
  width: 25%;
}

.productDataWrap .productData .segment .specTableA .bottom .only22 .right2 li .tableHead22-1 {
  background-color: #f5f6f8;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #ddd;
  height: 65px;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #444;
  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;
}

.productDataWrap .productData .segment .specTableA .bottom .only22 .right2 li .tableBody22-1 {
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #ddd;
  height: 130px;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  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;
}

.productDataWrap .productData .segment .specTableA .bottom .only22 .right2 li:last-of-type .tableHead22-1,
.productDataWrap .productData .segment .specTableA .bottom .only22 .right2 li:last-of-type .tableBody22-1 {
  border-right: none;
}

.productDataWrap .productData .segment:last-of-type {
  padding-bottom: 120px;
}

.productDataWrap .productData .segment.first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.productDataWrap .productData .segment.first .left {
  width: calc(50% - 80px);
}

.productDataWrap .productData .segment.first .left .title .numCate .category {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: #888;
}

.productDataWrap .productData .segment.first .left .title h4 {
  margin-top: 8px;
}

.productDataWrap .productData .segment.first .left p {
  font-size: 24px;
  line-height: 36px;
  font-weight: 300;
  color: #666;
  margin-top: 40px;
}
.productDataWrap .productData .segment.first .left .hiddenBtn {
	display: none;	
}
.productDataWrap .productData .segment.first .left #additionalButtonContainer {
	margin-top: 30px;
}


.productDataWrap .productData .segment.first .left #additionalButtonContainer button {
	border-radius: 8px;
	background-color: #a50034;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: normal;
	border: none;
	padding: 11px 24px;
	margin: 0;
}

.productDataWrap .productData .segment.first .left .applyingField {
  margin-top: 40px;
}

.productDataWrap .productData .segment.first .left .applyingField h5 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
}

.productDataWrap .productData .segment.first .left .applyingField ul {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap:wrap;
}

.productDataWrap .productData .segment.first .left .applyingField ul li {
  width: 96px;
  margin-right: 44px;
}

.productDataWrap .productData .segment.first .left .applyingField ul li.appAreaPopup {
  cursor: pointer;
}

.productDataWrap .productData .segment.first .left .applyingField ul li .imgBox {
  width: 96px;
  height: 96px;
}

.productDataWrap .productData .segment.first .left .applyingField ul li .textBox {
  text-align: center;
  margin-top: 18px;
  font-size: 19px;
  line-height: 24px;
  font-weight: 500;
  word-break: break-word;
}

.productDataWrap .productData .segment.first .right {
  width: 50%;
  position: relative;
}

.productDataWrap .productData .segment.first .right .mobTitle {
  display: none;
}

.productDataWrap .productData .segment.first .right .mobTitle .numCate .category {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  color: #888;
}

.productDataWrap .productData .segment.first .right .mobTitle h4 {
  margin-top: 8px;
  font-size: 22px;
  line-height: 22px;
  font-weight: 700;
}

.productDataWrap .productData .segment.first .right > .imgBox {
  position: relative;
  background-color: #fff;
  margin-top: 30px;
  height:440px;
}

.productDataWrap .productData .segment.first .right .imgBox img{
	width:100%;
	height:100%;
	object-fit:contain;
}

.productDataWrap .productData .segment.first .right .imgBox a {
  width: 56px;
  height: 56px;
  display: block;
  position: absolute;
  bottom: 30px;
  right: 30px;
}

.productDataWrap .colorBack {
  width: 889px;
  height: 598px;
  position: absolute;
  right: 0;
  top: 100px;
  background-color: #a50034;
  z-index: 0;
}

.productDataWrap .colorBack2 {
  width: 77%;
  height: 200px;
  position: absolute;
  left: 0;
  top: 966px;
  background-color: #ddd;
  z-index: 0;
}

.productDataWrap .ractangleBack {
  width: 380px;
  height: 440px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 32px 0 0 32px;
  border: 2px solid #fff;
  z-index: 0;
  position: absolute;
  right: 0;
  top: 923px;
  border-right: none;
}

.productDataWrap .ractangleBack2 {
  width: 260px;
  height: 260px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 32px;
  border: 2px solid #fff;
  z-index: 0;
  position: absolute;
  right: 250px;
  top: 1233px;
}

.specWrap {
    margin-top: -20px;
    padding-bottom: 100px;
}

.specWrap .specContents {
    padding-bottom: 100px;
}

.specWrap .specContents h4 {
    font-size: 40px;
    line-height: 44px;
    font-weight: 700;
    color: #444;
}

.specWrap .specContents .specUnit {
    margin-top: 40px;
}

.specWrap .specContents .specUnit h5 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    color: #444;
}

.specWrap .specContents .specUnit .specTableB {
  border-top: 2px solid #000;
  margin-top: 18px;
}

.specWrap .specContents .specUnit .specTableB .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.specWrap .specContents .specUnit .specTableB .top .left {
  width: 273px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  text-align: center;
  position: relative;
}

.specWrap .specContents .specUnit .specTableB .top .left img {
  width: 194px;
}

.specWrap .specContents .specUnit .specTableB .top .left a {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: block;
  width: 42px;
  height: 42px;
  border-radius: 42px;
  overflow: hidden;
}

.specWrap .specContents .specUnit .specTableB .top .left a img {
  width: 100%;
}

.specWrap .specContents .specUnit .specTableB .top .right {
  width: calc(100% - 273px);
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f5f6f8;
  border-bottom: 1px solid #ddd;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #ddd;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #444;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20%;
  height: 65px;
  text-align: center;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead li:last-of-type {
  border-right: none;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead2 li:nth-of-type(4) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead4 li:nth-of-type(3) {
  width: 60%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead5 li:nth-of-type(3) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead6 li:nth-of-type(2),
.specWrap .specContents .specUnit .specTableB .top .right .tableHead6 li:nth-of-type(3) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead7 li:nth-of-type(1) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead7 li:nth-of-type(2),
.specWrap .specContents .specUnit .specTableB .top .right .tableHead7 li:nth-of-type(3) {
  width: 30%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead8 li {
  width: 33.33%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead9 li {
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead9 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead9 li span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead9 li .flexSpan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead9 li .flexSpan strong {
  width: 50%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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-align: center;
  font-weight: 700;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead9 li .flexSpan strong:nth-of-type(1) {
  border-right: 1px solid #ddd;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead9 li:nth-of-type(1) {
  width: 15%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead9 li:nth-of-type(2) {
  width: 45%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead9 li:nth-of-type(3) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead10 li:nth-of-type(4) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead11 li:nth-of-type(2),
.specWrap .specContents .specUnit .specTableB .top .right .tableHead11 li:nth-of-type(3) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead12 li {
  width: 25%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead13 li:nth-of-type(1),
.specWrap .specContents .specUnit .specTableB .top .right .tableHead13 li:nth-of-type(3) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead14 li:nth-of-type(1),
.specWrap .specContents .specUnit .specTableB .top .right .tableHead14 li:nth-of-type(2) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead15 li:nth-of-type(1) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead16 li:nth-of-type(2) {
  width: 80%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead17 li {
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead17 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead17 li span strong {
  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: 50%;
  height: 65px;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead17 li span strong:nth-of-type(1) {
  border-right: 1px solid #ddd;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead17 li span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead17 li:nth-of-type(2) {
  width: 80%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead18 li:nth-of-type(1) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead18 li:nth-of-type(2),
.specWrap .specContents .specUnit .specTableB .top .right .tableHead18 li:nth-of-type(3) {
  width: 30%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead19 li:nth-of-type(2) {
  width: 80%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead20 li {
  width: calc(100% / 7);
  height: 99px;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableHead20 li {
  width: calc(100% / 7);
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #ddd;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #ddd;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: #444;
  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;
  padding: 10px;
  word-break: break-word;
  text-align: center;
  width: 20%;
  height: 65px;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody li:last-of-type {
  border-right: none;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody2 li {
  height: 130px;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody2 li:nth-of-type(4) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody3 li {
  height: 130px;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody4 li {
  height: 130px;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody4 li:nth-of-type(3) {
  width: 60%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody5 li {
  height: 130px;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody5 li:nth-of-type(3) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody6 li {
  height: 130px;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody6 li:nth-of-type(2),
.specWrap .specContents .specUnit .specTableB .top .right .tableBody6 li:nth-of-type(3) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody7 li {
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody7 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody7 li span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody7 li:nth-of-type(3),
.specWrap .specContents .specUnit .specTableB .top .right .tableBody7 li:nth-of-type(4) {
  width: 30%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody8 li {
  width: 33.33%;
  height: 130px;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody9 li:nth-of-type(1) {
  width: 15%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody9 li:nth-of-type(2),
.specWrap .specContents .specUnit .specTableB .top .right .tableBody9 li:nth-of-type(3) {
  width: 22.5%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody9 li:nth-of-type(4) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody10 li:nth-of-type(4) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody11 li:nth-of-type(2),
.specWrap .specContents .specUnit .specTableB .top .right .tableBody11 li:nth-of-type(3) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody12 li {
  width: 25%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody13 li:nth-of-type(1),
.specWrap .specContents .specUnit .specTableB .top .right .tableBody13 li:nth-of-type(3) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody14 li:nth-of-type(1) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody15 li:nth-of-type(1) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody16 li {
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody16 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody16 li span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody16 li:nth-of-type(2),
.specWrap .specContents .specUnit .specTableB .top .right .tableBody16 li:nth-of-type(3) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody17 li:nth-of-type(2),
.specWrap .specContents .specUnit .specTableB .top .right .tableBody17 li:nth-of-type(3) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody18 li {
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody18 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody18 li span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody18 li:nth-of-type(3),
.specWrap .specContents .specUnit .specTableB .top .right .tableBody18 li:nth-of-type(4) {
  width: 30%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody19 li:nth-of-type(2) {
  width: 80%;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody20 li {
  width: calc(100% / 7);
  height: 99px;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody21 li {
  width: calc(100% / 7);
  height: 130px;
}

.specWrap .specContents .specUnit .specTableB .top .right .tableBody22 li {
  height: 130px;
}

.specWrap .specContents .specUnit .specTableB .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.specWrap .specContents .specUnit .specTableB .bottom .left {
  width: 273px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #ddd;
}

.specWrap .specContents .specUnit .specTableB .bottom .right {
  width: calc(100% - 273px);
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f5f6f8;
  border-bottom: 1px solid #ddd;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableHead li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #ddd;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #444;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20%;
  height: 65px;
  text-align: center;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableHead li:last-of-type {
  border-right: none;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #ddd;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #ddd;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: #444;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20%;
  height: 65px;
  padding: 10px;
  word-break: break-word;
  text-align: center;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody li:last-of-type {
  border-right: none;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody3 li {
  height: 130px;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody7 li {
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody7 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody7 li span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody7 li:nth-of-type(3),
.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody7 li:nth-of-type(4) {
  width: 30%;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody1-1 li {
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody1-1 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody1-1 li span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody1-1 li strong {
  font-weight: 500;
  display: block;
  width: 50%;
  height: 130px;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody1-1 li strong span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody1-1 li strong:nth-of-type(1) {
  border-right: 1px solid #ddd;
  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;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody1-1 li:nth-of-type(1) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody1-1 li:nth-of-type(1) span {
  border-bottom: none;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody7-1 li:nth-of-type(1) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody7-1 li:nth-of-type(2),
.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody7-1 li:nth-of-type(3) {
  width: 30%;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody9 li {
  height: 195px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody9 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody9 li span:nth-of-type(1),
.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody9 li span:nth-of-type(2) {
  border-bottom: 1px solid #ddd;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody9 li:nth-of-type(1) {
  width: 15%;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody9 li:nth-of-type(2),
.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody9 li:nth-of-type(3) {
  width: 22.5%;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody9 li:nth-of-type(4) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody10 li:nth-of-type(4) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody11 li:nth-of-type(2),
.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody11 li:nth-of-type(3) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody12 li {
  width: 25%;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody13 li:nth-of-type(1),
.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody13 li:nth-of-type(3) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody14 li:nth-of-type(1) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody15 li:nth-of-type(1) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody15-1 li {
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody15-1 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody15-1 li span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody16 li {
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody16 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody16 li span:nth-of-type(1) {
  border-bottom: 1px solid #ddd;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody16 li:nth-of-type(2),
.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody16 li:nth-of-type(3) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody17 li:nth-of-type(2),
.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody17 li:nth-of-type(3) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody18 li:nth-of-type(1) {
  width: 40%;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody18 li:nth-of-type(2),
.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody18 li:nth-of-type(3) {
  width: 30%;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .tableBody19 li:nth-of-type(2) {
  width: 80%;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .only22 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .only22 .left2 {
  width: 20%;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .only22 .left2 .tableHead22-1 {
  background-color: #f5f6f8;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #ddd;
  height: 65px;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #444;
  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;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .only22 .left2 .tableBody22-1 {
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #ddd;
  height: 325px;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  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;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .only22 .right2 {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .only22 .right2 li {
  width: 25%;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .only22 .right2 li .tableHead22-1 {
  background-color: #f5f6f8;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #ddd;
  height: 65px;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #444;
  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;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .only22 .right2 li .tableBody22-1 {
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #ddd;
  height: 130px;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  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;
}

.specWrap .specContents .specUnit .specTableB .bottom .right .only22 .right2 li:last-of-type .tableHead22-1,
.specWrap .specContents .specUnit .specTableB .bottom .right .only22 .right2 li:last-of-type .tableBody22-1 {
  border-right: none;
}

.coreTechWrap {
  margin-top: -120px;
}

.coreTechWrap .coreTechContents {
  margin-top: 80px;
}

.coreTechWrap .coreTechContents .coreTechUnitMob {
  display: none;
  padding: 32px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.coreTechWrap .coreTechContents .coreTechUnitMob .coreTechUnitMobCon.noImg {
	padding-top: 40px;
}

.coreTechWrap .coreTechContents .coreTechUnitMob .coreTechUnitMobCon {
  width: calc(100% - 60px);
  margin: 0 auto;
}

.coreTechWrap .coreTechContents .coreTechUnitMob .coreTechUnitMobCon .num {
  font-size: 30px;
  line-height: 30px;
  font-weight: 900;
  color: #bbb;
}

.coreTechWrap .coreTechContents .coreTechUnitMob .coreTechUnitMobCon h4 {
  font-size: 22px;
  line-height: 22px;
  font-weight: 700;
  margin-top: 8px;
}

.coreTechWrap .coreTechContents .coreTechUnitMob .coreTechUnitMobCon .bar {
  margin-top: 8px;
  margin-bottom: 24px;
  width: 20px;
  height: 2px;
  background-color: #a50034;
}

.coreTechWrap .coreTechContents .coreTechUnitMob .coreTechUnitMobCon h5.subH5 {
	margin-top: 0;
	
}

.coreTechWrap .coreTechContents .coreTechUnitMob .coreTechUnitMobCon h5 {
  margin-top: 20px;
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
  padding-bottom: 24px;
}

.coreTechWrap .coreTechContents .coreTechUnitMob .coreTechUnitMobCon img {
  /* margin-top: 24px; */
  width: 100%;
}

.coreTechWrap .coreTechContents .coreTechUnitMob .coreTechUnitMobCon h6 {
  margin-top: 24px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
}
.coreTechWrap .coreTechContents .coreTechUnitMob .coreTechUnitMobCon p {
  margin-top: 16px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  color: #888;
}
.coreTechWrap .coreTechContents .coreTechUnitMob.gra1 {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(59%, #ffffff), color-stop(59%, #f5f6f8), to(#f5f6f8));
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 59%, #f5f6f8 59%, #f5f6f8 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 36%, #f5f6f8 0%, #f5f6f8 158%);
}
.coreTechWrap .coreTechContents .coreTechUnitMob.gra1.gra4446{
    height: 100%;
    background: linear-gradient(1deg, #F5F6F8 50%, #FFFFFF 50%);
}


.coreTechWrap .coreTechContents .coreTechUnitMob.gra1.gra4447{
    height: 100%;
    background: linear-gradient(1deg, #F5F6F8 63%, #FFFFFF 37%);
}

.coreTechWrap .coreTechContents .coreTechUnitMob.gra1.gra4448{
    height: 100%;
    background: linear-gradient(1deg, #F5F6F8 63%, #FFFFFF 37%);
}

.coreTechWrap .coreTechContents .coreTechUnitMob.gra1.gra4449{
    height: 100%;
    background: linear-gradient(1deg, #F5F6F8 55%, #FFFFFF 45%);
}

.coreTechWrap .coreTechContents .coreTechUnitMob.gra1.gra4450{
    height: 100%;
    background: linear-gradient(1deg, #F5F6F8 63%, #FFFFFF 37%);
}

.coreTechWrap .coreTechContents .coreTechUnitMob.gra1.gra4450{
    height: 100%;
    background: linear-gradient(1deg, #F5F6F8 55%, #FFFFFF 45%);
}

.coreTechWrap .coreTechContents .coreTechUnitMob.gra2 {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(39%, #ffffff), color-stop(39%, #f5f6f8), to(#f5f6f8));
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 39%, #f5f6f8 39%, #f5f6f8 100%);
}

.coreTechWrap .coreTechContents .title {
  /* margin-bottom: -40px; */
}

.coreTechWrap .coreTechContents .title .num {
  font-size: 48px;
  line-height: 52px;
  font-weight: 900;
  opacity: 0.2;
  color: #bbb;
}

.coreTechWrap .coreTechContents .title h4 {
  font-size: 40px;
  line-height: 44px;
  font-weight: 700;
  margin-top: 8px;
}

.coreTechWrap .coreTechContents .title .bar {
  margin-top: 14px;
  width: 32px;
  height: 2px;
  background-color: #a50034;
}

.coreTechWrap .coreTechContents h2 {
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
  padding-top: 40px;
  /* margin-bottom: -40px; */
}

.coreTechWrap .coreTechContents .subH2 {
	padding-top: 80px;
}

.coreTechWrap .coreTechContents .back {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(42%, #ffffff), color-stop(42%, #f5f6f8), to(#f5f6f8));
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 42%, #f5f6f8 42%, #f5f6f8 100%);
  padding: 80px 0;
}

.coreTechWrap .coreTechContents .back.top {
	padding-top: 80px;
}

.coreTechWrap .coreTechContents .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.coreTechWrap .coreTechContents .body li.center {
  width: 100%;
}
.coreTechWrap .coreTechContents .body li.list_1 {
  width: 100%;
}
.coreTechWrap .coreTechContents .body li.noImg {
  padding-top: 80px;
}

.coreTechWrap .coreTechContents .body li {
  width: calc(50% - 8px);
}

.coreTechWrap .coreTechContents .body li .imgBox {
  width: 100%;
}

.coreTechWrap .coreTechContents .body li h5 {
  margin-top: 40px;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}

.coreTechWrap .coreTechContents .body li p {
  margin-top: 20px;
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  color: #848484;
}

.slideArticle {
    padding: 120px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.slideArticle h4 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.slideArticle .slideContents {
    margin-top: 40px;
}

.slideArticle .slideContents .slick-slide {
    margin: 0 21.5px;
}

.slideArticle .slideContents .slick-arrow {
    position: absolute;
    display: block;
    height: 48px;
    width: 48px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.7);
    top: 46%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    border-radius: 48px;
    z-index: 999;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
}

.slideArticle .slideContents .slick-arrow.slick-disabled i {
    opacity: 0.4;
}

.slideArticle .slideContents .custom-prev {
    left: -3px;
}

.slideArticle .slideContents .custom-next {
    right: -3px;
}

.slideArticle .slideContents li {
    width: 504px;
}

.slideArticle .slideContents li img {
    width: 100%;
    height: 100%;
    object-fit:cover;
}

.slideArticle .slideContents li div{
	width:504px;
	height:300px
}

.slideArticle .slideContents li h6 {
    margin-top: 20px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
}

.productSlideWrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 100px;
}

.productSlideWrap h4 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
}

.productSlideWrap .productSlide {
  margin-top: 40px;
}

.productSlideWrap .productSlide .slick-slide {
  margin: 0 19.5px;
}

.productSlideWrap .productSlide .slick-arrow {
  position: absolute;
  display: block;
  height: 48px;
  width: 48px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.7);
  top: 40%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  border-radius: 48px;
  z-index: 99999;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
}

.productSlideWrap .productSlide .slick-arrow.slick-disabled i {
  opacity: 0.4;
}

.productSlideWrap .productSlide .custom-prev {
  left: -3px;
}

.productSlideWrap .productSlide .custom-next {
  right: -3px;
}

.productSlideWrap .productSlide li {
  width: 235px;
}

.productSlideWrap .productSlide li img {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ddd;
}

.productSlideWrap .productSlide li p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #888;
}

.productSlideWrap .productSlide li h6 {
  margin-top: 4px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
}

.promotion .naviTitle {
  padding-bottom: 100px;
}

.promotion .promotionTabWrap {
  border-bottom: 1px solid #ddd;
}

.promotion .promotionTabWrap .promotionTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.promotion .promotionTabWrap .promotionTab a {
  display: block;
  width: 25%;
  height: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 4px solid #fff;
  font-size: 28px;
  line-height: 76px;
  font-weight: 300;
  color: #666;
  text-align: center;
}

.promotion .promotionTabWrap .promotionTab a.active {
  border-color: #a50034;
  color: #a50034;
  font-weight: 900;
}

.promotion .promotionVideo {
  padding: 120px 134px 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* position: relative;
  height: 1285px; */
}

.promotion .promotionVideo iframe {
  width: 1360px;
  height: 765px;
  /* position: absolute; */
}

.promotion .promotionVideo .colorBack3 {
  width: 1367px;
  height: 400px;
  position: absolute;
  left: 0;
  top: 686px;
  background-color: #f5f6f8;
  z-index: 0;
  display: none;
}

.dotsArea {
    position: relative;
    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;
    margin: 0 auto;
}

.dotsArea .slickDots {
    height: 20px;
    position: relative;
}

.dotsArea .slickDots .slick-dots {
    top: 0;
    bottom: 0;
    position: unset;
    width: 100%;
    line-height: 6px;
}

.dotsArea .slickDots .slick-dots li {
    width: 10px;
    height: 10px;
}

.dotsArea .slickDots .slick-dots li button {
    width: 10px;
    height: 10px;
}

.dotsArea .slickDots .slick-dots li button:before {
    content: "";
    background-color: #ddd;
    border-radius: 10px;
    width: 10px;
    height: 10px;
    opacity: 1;
}

.dotsArea .slickDots .slick-dots li.slick-active button:before {
    background-color: #fd6317;
    opacity: 1;
}

.dotsArea .slickDots .slick-dots li button:hover:before {
    background-color: #fd6317;
}

.dotsArea #pauseBtn i {
    font-size: 16px;
    line-height: 19px;
}

.wrap .headerWrap {
    position: relative;
    /* border-bottom: 1px solid #f5f5f5; */
    position: fixed;
    /* background-color: #fff; */
    width: 100%;
    z-index: 9999;
}

.wrap .headerWrap .topHeader {
    /* background: -webkit-gradient(linear, left top, right top, from(#a50034), color-stop(1069px, #a50034), color-stop(1069px, #ffffff), to(#ffffff));
	background: linear-gradient(to right, #a50034 974px, #a50034 65%, #ffffff 65%, #ffffff 100%); */
    /*background: linear-gradient(to right, #a50034 0px, #a50034 1069px, #ffffff 1069px, #ffffff 100%);*/
    padding: 16px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .headerWrap .topHeader header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrap .headerWrap .topHeader header .right .menuWrap {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrap .headerWrap .topHeader header .right .menuWrap > li {
    font-size: 18px;
    line-height: 32px;
    font-weight: 700;
    color: #000;
    margin-right: 15px;
    cursor: pointer;
    position: relative;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wrap .headerWrap .topHeader header .right .menuWrap > li > span {
    display: inline-block;
    min-width: 45px;
}

.wrap .headerWrap .topHeader header .right .menuWrap > li > .hoverMenu {
    position: absolute;
    top: 30px;
    right: -1.5em;
    width: auto;
    background-color: #fff;
    color: #000;
    z-index: 1;
    border: 1px solid #666;
    display: none;
    padding: 0 24px;
}

.wrap .headerWrap .topHeader header .right .menuWrap > li > .hoverMenu > li {
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
}

.wrap .headerWrap .topHeader header .right .menuWrap > li > .hoverMenu > li > button {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #000;
}

.wrap .headerWrap .topHeader header .right .menuWrap > li > .hoverMenu > li:hover button {
    color: #a50034;
}

.wrap .headerWrap .topHeader header .right .menuWrap > li:hover > .hoverMenu {
    display: block;
}

.wrap .headerWrap .topHeader header .right .menuWrap > li:last-of-type {
    margin-right: 0;
}

.wrap .headerWrap hr {
    width: 100%;
    height: 1px;
    /* background: -webkit-gradient(linear, left top, right top, from(#a50034), color-stop(1069px, #a50034), color-stop(1069px, #d2d2d2), to(#d2d2d2));
	background: linear-gradient(to right, #a50034 974px, #a50034 65%, #ffffff 65%, #ffffff 100%); */
    /*background: linear-gradient(to right, #a50034 0px, #a50034 1069px, #d2d2d2 1069px, #d2d2d2 10px);*/
}

.wrap .headerWrap .bottomHeader {
    /* background: -webkit-gradient(linear, left top, right top, from(#a50034), color-stop(1069px, #a50034), color-stop(1069px, #ffffff), to(#ffffff));
	background: linear-gradient(to right, #a50034 974px, #a50034 65%, #ffffff 65%, #ffffff 100%); */
    /*background: linear-gradient(to right, #a50034 0px, #a50034 1069px, #ffffff 1069px, #ffffff 100%);*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .headerWrap .bottomHeader nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrap .headerWrap .bottomHeader nav .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wrap .headerWrap .bottomHeader nav .left li {
    width: 112px;
    height: 64px;
    text-align: center;
}

.wrap .headerWrap .bottomHeader nav .left li a {
    font-size: 18px;
    line-height: 64px;
    font-weight: 700;
    color: #000;
}

.wrap .headerWrap .bottomHeader nav .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.wrap .headerWrap .bottomHeader nav .right li {
    width: auto;
    height: 64px;
    text-align: center;
    margin-left: 30px;
}

.wrap .headerWrap .bottomHeader nav .right li a {
    font-size: 18px;
    line-height: 64px;
    font-weight: 900;
}

.wrap .headerWrap .bottomHeader nav .right li a span {
    color: #bf0c3f;
}

.wrap .headerWrap .bottomHeader nav .right li a span:nth-of-type(2) {
  color: #000;
}

.wrap .headerWrap .bottomHeader nav .right li img {
    margin-left: 12px;
}

.wrap .headerWrap .serchWrap {
    position: absolute;
    width: 100%;
    top: 65px;
    background-color: #fafafa;
    padding: 60px 0;
    z-index: 9999;
    display: none;
}

.wrap .headerWrap .serchWrap .searchUnit {
    position: relative;
}

.wrap .headerWrap .serchWrap .searchUnit > button {
    position: absolute;
    right: 0;
    top: -38px;
}

.wrap .headerWrap .serchWrap .searchUnit .inputWrap {
    border: 1px solid #666;
    width: 950px;
    height: 64px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    padding: 18px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrap .headerWrap .serchWrap .searchUnit .inputWrap input {
    border: none;
    width: calc(100% - 40px);
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #bbb;
}

.wrap .headerWrap .serchWrap .searchUnit .inputWrap input::-webkit-input-placeholder {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #bbb;
}

.wrap .headerWrap .serchWrap .searchUnit .inputWrap input:-ms-input-placeholder {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #bbb;
}

.wrap .headerWrap .serchWrap .searchUnit .inputWrap input::-ms-input-placeholder {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #bbb;
}

.wrap .headerWrap .serchWrap .searchUnit .inputWrap input::placeholder {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #bbb;
}

.wrap .headerWrap .downMenuWrap {
  position: fixed;
  width: 100%;
  height: auto;
  top: 65px;
  background-color: #fafafa;
  padding: 60px 0;
  z-index: 9999;
  display: none;
}

.wrap .headerWrap .downMenuWrap .downMenuUnit {
  position: relative;
}

.wrap .headerWrap .downMenuWrap .downMenuUnit > button {
  position: absolute;
  right: 0;
  top: -38px;
}

.wrap .headerWrap .downMenuWrap .downMenuUnit h4 {
  font-size: 30px;
  line-height: 34px;
  font-weight: 700;
}

.wrap .headerWrap .downMenuWrap .downMenuUnit .downMenus {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrap .headerWrap .downMenuWrap .downMenuUnit .downMenus ul {
  margin-right: 73px;
}

.wrap .headerWrap .downMenuWrap .downMenuUnit .downMenus ul li h5 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
  color: #a50034;
  padding-bottom: 10px;
}

.wrap .headerWrap .downMenuWrap .downMenuUnit .downMenus ul li h6 {
  padding: 10px 0;
}

.wrap .headerWrap .downMenuWrap .downMenuUnit .downMenus ul li h6 a {
  font-size: 16px;
  line-height: 20px;
  font-weight: 900;
  color: #444;
}

.wrap .headerWrap .downMenuWrap .downMenuUnit .downMenus ul li a {
  font-size: 14px;
  line-height: 26px;
  font-weight: 500;
  color: #666;
}

.wrap .headerWrap .downMenuWrap .downMenuUnit .downMenus ul li.pb10 {
  padding-bottom: 8.5px;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit {
  display: none;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmHead {
  padding: 40px 20px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmHead > button {
  position: absolute;
  right: 20px;
  top: 15px;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmHead h4 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 900;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmHead .inputWrap {
  border: 1px solid #666;
  width: 320px;
  height: 44px;
  margin: 0 auto;
  margin-top: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  padding: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmHead .inputWrap input {
  border: none;
  width: calc(100% - 40px);
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: #bbb;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmHead .inputWrap input::-webkit-input-placeholder {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: #bbb;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmHead .inputWrap input:-ms-input-placeholder {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: #bbb;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmHead .inputWrap input::-ms-input-placeholder {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: #bbb;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmHead .inputWrap input::placeholder {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: #bbb;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmSlideMenuWrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #a50034;
  padding: 20px 0 20px 15px;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmSlideMenuWrap .mdmSlideMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-overflow-style: none;
  overflow-x: auto;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmSlideMenuWrap .mdmSlideMenu li {
  margin: 0 15px;
  word-break: keep-all;
  position: relative;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmSlideMenuWrap .mdmSlideMenu li a {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #fff !important;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmSlideMenuWrap .mdmSlideMenu li.active a {
  font-weight: 900;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmSlideMenuWrap .mdmSlideMenu li:after {
  position: absolute;
  right: -16px;
  top: 4px;
  display: block;
  content: '';
  width: 1px;
  height: 12px;
  background-color: #fff;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmSlideMenuWrap .mdmSlideMenu li:last-of-type:after {
  display: none;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmSlideMenuWrap .mdmSlideMenu::-webkit-scrollbar {
  display: none;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmBodyWrap {
  padding: 0 30px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fafafa;
  height: calc(100vh - 284px);
  overflow: auto;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmBodyWrap .mdmBody {
  display: none;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmBodyWrap .mdmBody .unit h6 {
  padding-top: 30px;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmBodyWrap .mdmBody .unit h6 a {
  font-size: 16px;
  line-height: normal;
  font-weight: 700;
  color: #444;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmBodyWrap .mdmBody .unit ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 10px;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmBodyWrap .mdmBody .unit ul li {
  width: calc(50% - 10px);
  margin: 5px 0;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmBodyWrap .mdmBody .unit ul li a {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #666;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .mdmBodyWrap .mdmBody.active {
  display: block;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .bottomBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .bottomBtns button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(50% - 0.5px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .bottomBtns button h5 {
  font-size: 14px;
  line-height: 16px;
  font-weight: 900;
  color: #000;
  text-align: left;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .bottomBtns button h5 strong {
  color: #a50034;
  display: block;
  font-weight: 900;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .bottomBtns button img {
  margin-left: 10px;
}

.wrap .headerWrap .downMenuWrap .mobDownMenuUnit .bottomBtns .bar {
  width: 1px;
  height: 32px;
  background-color: #d2d2d2;
}

.wrap .footerWrap {
    padding: 40px 0 70px;
    background-color: #f5f5f5;
    position: relative;
}

.wrap .footerWrap footer .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 20px;
    border-bottom:1px solid #ddd;
}

.wrap .footerWrap footer .top .left a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #888;
    margin-right: 45px;
}
.wrap .footerWrap footer .top .left a:nth-of-type(3) {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
    margin-right: 45px;
}

.wrap .footerWrap footer .top .right a {
    margin-left: 11px;
}

.wrap .footerWrap footer hr {
    width: 100%;
    height: 1px;
    background-color: #ddd;
}

.wrap .footerWrap footer .bottom {
    margin-top: 30px;
}

.wrap .footerWrap footer .bottom .logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 66px;
}

.wrap .footerWrap footer .bottom .logos img.logo {
    width: 132px;
    height: 32px;
}

.wrap .footerWrap footer .bottom .logos img.unboxed {
    width: 240px;
    height: 56px;
    margin-top: 10px;
    display: none;
}

.wrap .footerWrap footer .bottom .menus {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wrap .footerWrap footer .bottom .menus ul {
	width: auto;
    min-width: 130px;
    margin-right: 40px;
    margin-top: 0;
}

.wrap .footerWrap footer .bottom .menus ul li {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
}

.wrap .footerWrap footer .bottom .menus ul li a {
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    color: #444 !important;
}

.wrap .footerWrap footer .bottom .menus ul li:first-of-type {
    padding-bottom: 10px;
}

.wrap .footerWrap footer .bottom .mobSns {
  display: none;
  margin-top: 30px;
}

.wrap .footerWrap footer .bottom .mobSns a {
  margin-right: 20px;
}

.wrap .footerWrap footer .bottom .mobSns a:last-of-type {
  margin-right: 0;
}

.wrap .footerWrap footer .bottom .infos {
    margin-top: 47px;
}

.wrap .footerWrap footer .bottom .infos span {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #888;
    margin-right: 30px;
}

.wrap .footerWrap .cookieBox {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 58px 140px 40px;
    background-color: #f6f6f6;
    width: 100%;
    box-sizing: border-box;
    z-index: 9000;
}
.wrap .footerWrap .cookieBox .cookieBoxInner {
    display:flex;
    justify-content: space-between;
    gap:20px;
    position: relative;
}
.wrap .footerWrap .cookieBox .cookieBoxInner span {display:block;}
.wrap .footerWrap .cookieBox .cookieBoxInner .cookieTxt {
    display:flex;
    flex-direction: column;
    gap: 20px;
}
.wrap .footerWrap .cookieBox .cookieBoxInner .cookieTxt .cookieTitle {
    font-size: 24px;
    line-height: 28px;
    color: #000;
    font-weight: bold;
}
.wrap .footerWrap .cookieBox .cookieBoxInner .cookieTxt .cookieDesc {
    font-size: 20px;
    line-height: 28px;
}
.wrap .footerWrap .cookieBox .cookieBoxInner .cookieWrap {
    position:relative;
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    padding-right: 72px;
}
.wrap .footerWrap .cookieBox .cookieBoxInner .cookieWrap .cookieYesBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px 37px;
    height: 44px;
    border-radius: 8px;
    background: #a50034;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    margin-right:20px;
}
.wrap .footerWrap .cookieBox .cookieBoxInner .cookieWrap .cookiePopupBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px 24px;
    height: 44px;
    border-radius: 8px;
    background: #444;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}
.wrap .footerWrap .cookieBox .cookieBoxInner .cookieBoxClose {
    position: absolute;
    top:0;
    right:0;
    margin-left: 20px;
    width: 32px;
    height: 32px;
}

.wrap section.topFix {
  padding-top: 130px;
}

.wrap div.topFix {
  padding-top: 130px;
}

.wrap .pressRelease {
  padding-bottom: 200px;
}

.wrap .pressDetail {
  padding-bottom: 200px;
}

.wrap .pressDetail .naviTitle {
  padding-bottom: 40px;
  border-bottom: 1px solid #ddd;
}

.wrap .pressDetail .naviTitle .dateSns {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.wrap .pressDetail .naviTitle .dateSns p {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: #666;
}

.wrap .pressDetail .naviTitle .dateSns ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 186px;
}

.wrap .pressDetail .naviTitle .dateSns ul li {
  width: 42px;
  height: 42px;
  margin-left: 6px;
}

.wrap .pressDetail .naviTitle .dateSns ul li a img {
  width: 100%;
}

.wrap .pressDetail .pressContents {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 100px 134px 120px;
}
.wrap .pressDetail .pastpressContents {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

.wrap .pressDetail .pressContents p {
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  color: #666;
}

.wrap .pressDetail .slideArticle {
  padding: 0 0 100px;
}

.wrap .pressDetail .boardNavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrap .pressDetail .boardNavi a {
  display: inline-block;
  width: auto;
  height: 46px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ddd;
  min-width: 113px;
  text-align: center;
  font-size: 18px;
  line-height: 46px;
  font-weight: 500;
  color: #666;
  margin-right: 10px;
  padding: 0 39.5px;
}

/*������ faq*/
.wrap .marginCenterArt {
  margin: 0 auto;
  width: 100%;
  max-width: 1628px;
}
.Rectangle {
  width: auto;
  height: 1px;
  margin: 0px 0 0;
  padding: 0 145px 0 146px;
  background-color: #ddd;
  border-top: grey;
}
.wrap .faqWrap .paging{
	margin-top:100px;
}
.wrap .articleTitleWrap {
  /* margin-top: 160px; */
  padding-top:20px;
}
.wrap .articleTitleWrap .titleSub {
  /* width: 137px; */
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
    margin-bottom: 60px;
}

.wrap .articleTitleWrap .titleSub .left {
  font-family: "LGSmHa";
  font-size: 18px;
  line-height: 18px;
  font-weight: 900;
  color: #bbb;
}
.wrap .articleTitleWrap .titleSub .center {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #000;
  margin:0 20px;
}
.wrap .articleTitleWrap .titleSub .right {
  font-family: "LGSmHa";
  font-size: 18px;
  line-height: 18px;
  font-weight: 900;
  color: #a50034;
}
.wrap .articleTitleWrap h2 {
  font-family: "LGSmHa";
  font-size: 40px;
  line-height: 44px;
  font-weight: 900;
  color: #000;
  margin-top: 20px;
  display: none;
}
.wrap .faqSearchWrap {
  border: solid 1px #ddd;
  background-color: #fafafa;
  padding: 60px 0;
  margin-top: 100px;
}
.wrap .faqSearchWrap .faqSearch {
  background-color: #fafafa;
}
.wrap .faqSearchWrap .faqSearch .faqInput {
  background-color: #fff;
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  padding: 22px 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border: #666 1px solid;
}
.wrap .faqSearchWrap .faqSearch .faqInput.active {
  outline: 2px solid #a50034;
}
.wrap .faqSearchWrap .faqSearch .faqInput .inputWrap {
  width: calc(100% - 40px);
  margin-right: 10px;
}
.wrap .faqSearchWrap .faqSearch .faqInput .inputWrap input {
  border: 0;
  outline: 0;
  height: 24px;
  width: 100%;
  font-size: 18px;
  line-height: 20px;
}
.wrap .faqSearchWrap .faqSearch .faqInput .inputWrap input::-moz-placeholder {
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  color: #bbb;
}
.wrap .faqSearchWrap .faqSearch .faqInput .inputWrap input:-ms-input-placeholder {
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  color: #bbb;
}
.wrap .faqSearchWrap .faqSearch .faqInput .inputWrap input::placeholder {
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  color: #bbb;
}
.wrap .tabMenuWrap .menuLine {
  margin-top: 100px;
  border-bottom: 1px solid #d9d9d9;
}
.wrap .tabMenuWrap .menuLine .tabMenu {
  display: flex;
}
.wrap .tabMenuWrap .menuLine .tabMenu li {
  font-size: 28px;
  line-height: 28px;
  font-weight: 300;
  color: #666;
  padding: 25px 0;
  width: 25%;
  text-align: center;
  cursor: pointer;
}
.wrap .tabMenuWrap .menuLine .tabMenu li.on {
  font-weight: 700;
  border-bottom: 4px solid #a50034;
  color: #a50034;
}
.wrap .tabMenuWrap .content {
  display: none;
}
.wrap .tabMenuWrap .content.on {
  display: inherit;
}
.tabArticleWrap .articleWrap {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
}
.tabArticleWrap .articleWrap .article {
  margin-top: 0;
  background-color: #fff;
}
.tabArticleWrap .articleWrap .article li:last-of-type {
  border-bottom: 1px solid #ccc;
}
.tabArticleWrap .articleWrap .article li .questionWrap {
  height: 80px;
  padding: 30px 40px;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
}
.wrap .tabMenuWrap  .articleWrap .article li .questionWrap span {
  display: block;
  float: left;
  line-height: 80px;
}
.accordion_wrap {
	border-bottom:1px solid #ddd;
}
.accordion_wrap .questionWrap{
	display: flex;
	align-items:center;
	padding: 30px 40px;
	border-top: 1px solid #ddd;
}
.accordion_wrap .questionWrap.on{
	align-items:flex-start;
	background-color: #fafafa;
}
.accordion_wrap .questionWrap.on .listTitle dt i .down{
	display: none;
}
.accordion_wrap .questionWrap.on .listTitle dt i .up{
	display: block;
}
.accordion_wrap .questionWrap.on .listTitle dd{
	display: block;
	padding-top: 30px;
	margin-top: 30px;
	padding-right:314px;
}
.accordion_wrap .questionWrap.on .listTitle dd p{
	font-size: 16px;
	line-height: 30px;
}
.accordion_wrap .article{
	
}
.accordion_wrap .questionWrap .listNum{
	font-size: 18px;
	font-weight: 700;
	color: #bbb;
	
	max-width: 247px;
	width: 100%;
	line-height: 1;
}
.accordion_wrap .questionWrap .listNum span {
	color: #a50034;
}
.accordion_wrap .questionWrap .listTitle{
	display: flex;
	justify-content:space-between;
	width: calc(100% - 247px);
	align-items:center;
	flex-wrap:wrap;
}
.accordion_wrap .questionWrap .listTitle button{
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap:wrap;
	align-items:center;
}
.accordion_wrap .questionWrap .listTitle dt{
	width: 100%;
}
.accordion_wrap .questionWrap .listTitle dt span{
  width: calc(100% - 307px);
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align:initial;
  
}
.accordion_wrap .questionWrap .listTitle dt i{
	text-align:right;
}
.accordion_wrap .questionWrap .listTitle dt i .down{}
.accordion_wrap .questionWrap .listTitle dt i .up{
	display: none;
}
.accordion_wrap .questionWrap .listTitle dd{
	display: none;
}
.wrap .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span.listNum {
  width: 275px;
  color: #a50034;
  font-size: 18px;
  line-height: 80px;
  font-weight: 700;
}
.wrap .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span.listNum .grey {
  color: #666;
  margin-right: 6px;
}
.wrap .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span.listNum .greyA {
  color: #bbb;
  margin-right: 6px;
}
.wrap .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span.listTitle {
  width: calc(100% - 307px);
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wrap .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap .crossIcon {
  padding: 23px 0;
}
.wrap .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap .crossIcon .up {
  display: none;
}
.wrap .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap.on .crossIcon .down {
  display: none;
}
.wrap .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap.on .crossIcon .up {
  display: block;
}
.wrap .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .answerWrap {
  padding: 30px 314px;
  background-color: #fafafa;
  display: none;
}
.wrap .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .answerWrap p {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  color: #444;
  word-break: keep-all;
}
.wrap .tabMenuWrap .content.content .tabArticleWrap .numbering {
  display: flex;
  justify-content: center;
  margin-top: 100px;
}
.wrap .tabMenuWrap .content.content .tabArticleWrap .numbering .btn {
  width: 32px;
  height: 32px;
}
.wrap .tabMenuWrap .content.content .tabArticleWrap .numbering ul {
  display: flex;
  justify-content: center;
  padding: 0 24px;
}
.wrap .tabMenuWrap .content.content .tabArticleWrap .numbering ul li {
  width: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
}
.wrap .tabMenuWrap .content.content .tabArticleWrap .numbering ul li a {
  color: #666;
}
.wrap .tabMenuWrap .content.content .tabArticleWrap .numbering ul li.active {
  background-color: #a50034;
  border-radius: 8px;
}
.wrap .tabMenuWrap .content.content .tabArticleWrap .numbering ul li.active a {
  color: #fff;
}

.hiringTab {
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  margin-top: 100px;
}
.hiringTab li {
  font-size: 20px;
  line-height: 22px;
  font-weight: 500;
  color: #888;
  cursor: pointer;
}
.hiringTab li.act {
  font-weight: 700;
  color: #000;
  position: relative;
}
.hiringTab li.act::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -8px;
  height: 2px;
  width: 100%;
  background: #a50034;
}
 .hiringContent {
  display: none;
}
.hiringContent.act {
  display: block;
}
.hiringContent.tabArticleWrap {
  margin-top: -30px;
}

/*������ software*/
.wrap .softArticle .titleSub {
  width: 264px;
}
.wrap .softwareWrap {
  position: relative;
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
}
.wrap .softwareWrap .softBtnWrap {
  display: flex;
  justify-content: space-between;
  margin-top: 100px;
  margin-bottom: 200px;
}
.wrap .softwareWrap .softBtnWrap .softSide {
  width: calc(50% - 8px);
}
.wrap .softwareWrap .softBtnWrap .softSide .btn {
  margin-top: 40px;
  background-color: #fff;
  width: 100%;
  height:122px;
  overflow:hidden;
  transition:all 0.3s;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn:nth-of-type(1) {
  margin-top: 0;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn .soft {
  padding: 40px 60px;
  box-sizing: border-box;
  border: solid 1px #bbb;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn .soft .listNum {
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn .soft .crossIcon .up {
  display: none;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn .soft.on .crossIcon .down {
  display: none;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn .soft.on .crossIcon .up img{
	width: 32px;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn .soft.on .crossIcon .up {
 *display: block;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap {
  padding: 40px 60px 60px 60px;
  display: none;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .email {
  display: flex;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .email .title {
  display: block;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  color: #444;
  width: 125px;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .email .content {
  display: block;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  color: #a50034;
  margin-left: 20px;
  width: calc(100% - 114px);
}
.wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .email:nth-of-type(2) {
  margin-top: 12px;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .download {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .download .downbtn {
  width: 268px;
  border: 1px solid #bbb;
  box-sizing: border-box;
  padding: 0 24px;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .download .downbtn a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  color: #666;
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .download .downbtn img {
  margin-left: auto;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn .crossWrap {
  width: 613px;
  display: flex;
  justify-content: space-between;
  align-items:center;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn.on {
  border: 2px solid #a50034;
  
  height:442px !important;
  transition:all 0.3s;
  box-sizing: border-box;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn.on .soft {
  border: 0;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn.on .crossWrap {
  position: relative;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn.on .crossWrap::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -40px;
  width: 100%;
  height: 2px;
  background-color: #ddd;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn.on .crossIcon .down {
  display: none;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn.on .crossIcon .up {
  display: block;
}
.wrap .softwareWrap .softBtnWrap .softSide .btn.on .answerWrap {
  display: block;
}
.wrap .softwareWrap .softBtnWrap .right {
  width: calc(50% - 8px);
}
.wrap .softwareWrap .softBtnWrap .right .download {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.wrap .softwareWrap .softBtnWrap .right .download .downbtn {
  width: 268px;
  border: 1px solid #bbb;
  box-sizing: border-box;
  padding: 0 24px;
}
.wrap .softwareWrap .softBtnWrap .right .download .downbtn a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  color: #666;
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
}
.wrap .softwareWrap .softBtnWrap .right .download .downbtn img {
  margin-left: auto;
}
.wrap .blueBox {
  width: 1367px;
  height: 400px;
  position: absolute;
  left: 0;
  top: 995px;
  background-color: #f5f6f8;
  z-index: -1;
}