@charset "UTF-8";
.font80 {
  --fontsize: 8.0rem;
  font-size: var(--fontsize);
}

.font70 {
  --fontsize: 7.0rem;
  font-size: var(--fontsize);
}

.font60 {
  --fontsize: 6.0rem;
  font-size: var(--fontsize);
}

.font55 {
  --fontsize: 5.5rem;
  font-size: var(--fontsize);
}

.font50 {
  --fontsize: 5.0rem;
  font-size: var(--fontsize);
}

.font40 {
  --fontsize: 4.0rem;
  font-size: var(--fontsize);
}

.font35 {
  --fontsize: 3.5rem;
  font-size: var(--fontsize);
}

.font30 {
  --fontsize: 3.0rem;
  font-size: var(--fontsize);
}

#sv {
  width: 100%;
  height: 100vh;
  position: relative;
  position: fixed;
  z-index: 2;
  overflow: hidden;
  transition: all 0.62s;
}
#sv .subVisual,
#sv .bg,
#sv .flexBox {
  width: 100%;
  height: 100%;
}
#sv .bgBox {
  width: 100%;
  position: fixed;
  top: 0;
}
#sv .bg {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  transition: all 0.62s ease-in-out;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
#sv .bg:nth-child(1) {
  clip: rect(0, 9.0909090909vw, 100vh, 0vw);
}
#sv .bg:nth-child(2) {
  clip: rect(0, 18.1818181818vw, 100vh, 9.0909090909vw);
}
#sv .bg:nth-child(3) {
  clip: rect(0, 27.2727272727vw, 100vh, 18.1818181818vw);
}
#sv .bg:nth-child(4) {
  clip: rect(0, 36.3636363636vw, 100vh, 27.2727272727vw);
}
#sv .bg:nth-child(5) {
  clip: rect(0, 45.4545454545vw, 100vh, 36.3636363636vw);
}
#sv .bg:nth-child(6) {
  clip: rect(0, 54.5454545455vw, 100vh, 45.4545454545vw);
}
#sv .bg:nth-child(7) {
  clip: rect(0, 63.6363636364vw, 100vh, 54.5454545455vw);
}
#sv .bg:nth-child(8) {
  clip: rect(0, 72.7272727273vw, 100vh, 63.6363636364vw);
}
#sv .bg:nth-child(9) {
  clip: rect(0, 81.8181818182vw, 100vh, 72.7272727273vw);
}
#sv .bg:nth-child(10) {
  clip: rect(0, 90.9090909091vw, 100vh, 81.8181818182vw);
}
#sv .bg:nth-child(11) {
  clip: rect(0, 100vw, 100vh, 90.9090909091vw);
}
#sv .bg.bg0 {
  transition-delay: 0s;
}
#sv .bg.bg1 {
  transition-delay: 0.12s;
}
#sv .bg.bg2 {
  transition-delay: 0.24s;
}
#sv .bg.bg3 {
  transition-delay: 0.36s;
}
#sv .bg.bg4 {
  transition-delay: 0.48s;
}
#sv .bg.bg5 {
  transition-delay: 0.6s;
}
#sv .flexBox {
  align-items: center;
  position: relative;
  z-index: 1;
  transition: all 0.68s;
}
#sv h2 {
  color: #ffffff;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.125;
  text-align: center;
  text-transform: uppercase;
  margin: auto 0;
}
#sv .line {
  width: 1px;
  height: 70px;
  background: rgba(255, 255, 255, 0.2);
  margin: 30px auto 0;
}
#sv.scrollOn {
  top: -100vh;
}
#sv.scrollOn .bg {
  top: -100vh;
  opacity: 0;
}
#sv.scrollOn .flexBox {
  transform: translateY(-100%);
}

.subTop {
  width: 100%;
  height: 70px;
  background: #ffffff;
  border-bottom: 1px solid #f5f5f5;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.subTop .flexBox {
  height: 100%;
}

.dropMenu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dropMenu > li {
  height: 100%;
}
.dropMenu br {
  display: none;
}
.dropMenu .home {
  width: 78px;
}
.dropMenu .home a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dropMenu .drop,
.dropMenu .drop button {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dropMenu .drop {
  width: 360px;
  padding: 0 55px;
  position: relative;
  display: none;
}
.dropMenu .drop::before {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.dropMenu .drop button {
  justify-content: space-between;
  column-gap: 20px;
  width: 100%;
  height: 100%;
}
.dropMenu .drop button span {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: "Orbitron", sans-serif;
  letter-spacing: 0.02em;
  text-align: left;
  text-transform: uppercase;
}
.dropMenu .drop button i {
  font-size: 1.8rem;
  font-weight: 700;
  transition: all 0.4s;
}
.dropMenu .drop button.on i {
  transform: rotateX(180deg);
}
.dropMenu .drop ul {
  background: #000000;
  padding: 16px 40px;
  position: absolute;
  top: calc(100% + 1px);
  left: 55px;
  display: none;
}
.dropMenu .drop ul li a {
  display: block;
  color: #ffffff;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.075em;
  white-space: nowrap;
  padding: 8px 0;
}

.titleBox {
  padding: 270px 0 90px;
}
.titleBox .line {
  margin: 70px auto 0;
}

.subPage *:not(.orbitron) {
  font-family: "Pretendard", sans-serif;
}
.subPage.pBottom {
  padding: 0 0 200px;
}

.pageTitle {
  text-align: center;
}
.pageTitle * {
  font-weight: 700;
  text-transform: uppercase;
}
.pageTitle h6 {
  letter-spacing: 0.1em;
  margin: 0 0 30px;
}

.subContents .orbitron {
  font-family: "Orbitron", sans-serif;
}
.subContents h4 {
  font-weight: 700;
}
.subContents p,
.subContents p *,
.subContents span {
  font-family: "Pretendard", sans-serif;
}
.subContents .topText {
  display: flex;
  flex-direction: column;
  row-gap: 35px;
  text-align: center;
  margin: 0 0 120px;
}
.subContents .topText h4 {
  line-height: 1.5;
}
.subContents .topText p {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 2;
}
.subContents .topText p.medium {
  font-size: 2.1rem;
  font-weight: 400;
  line-height: 1.6666;
  letter-spacing: -0.04em;
}
.subContents .topText p.small {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.6666;
  letter-spacing: -0.04em;
}
.subContents .topText p b {
  font-weight: 600;
}
.subContents .topText p b.red {
  color: #e72410;
}
.subContents .topText .span {
  margin: 30px 0 0;
  position: relative;
}
.subContents .topText span {
  display: block;
  color: #777;
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 1.7647;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.subContents .topText span.on {
  position: relative;
  opacity: 1;
}
.subContents .information {
  display: flex;
  flex-direction: column;
  row-gap: 110px;
}
.subContents .information .item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.subContents .information .item > * {
  width: 50%;
}
.subContents .information .item .img {
  transform: translateX(-100px);
}
.subContents .information .item.reverse .img {
  transform: translateX(100px);
}
.subContents .information .text h5, .subContents .information .text p {
  font-family: "Pretendard", sans-serif;
}
.subContents .information .text em {
  font-weight: 700;
  letter-spacing: 0.1em;
}
.subContents .information .text h5 {
  font-weight: 600;
  line-height: 1.6666;
  margin: 65px 0;
}
.subContents .information .text p {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.9444;
}
.subContents .line.black {
  margin: 80px auto;
}
.subContents .caption {
  width: 100vw;
  max-width: 1760px;
  display: flex;
  column-gap: 5px;
  padding: 0 20px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.subContents .caption.width {
  width: 100%;
}
.subContents .caption.marginTop {
  margin-top: 170px;
}
.subContents .caption h5 {
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  margin: 50px 0 0;
}
.subContents .caption h5 span {
  font-size: 2.4rem;
}
.subContents .do .item {
  height: 550px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.subContents .do .item .img,
.subContents .do .item .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.subContents .do .item .img {
  z-index: -1;
}
.subContents .do .item .text {
  width: 100%;
  max-width: 1200px;
  display: flex;
  margin: 0 auto;
}
.subContents .do .item .text.colorW * {
  color: #ffffff;
}
.subContents .do .item .text h4 {
  width: 40%;
  flex-shrink: 0;
  line-height: 1.25;
}
.subContents .do .item .text p {
  font-size: 2rem;
  line-height: 1.9;
}
.subContents .did .top {
  background: url("/img/sub/didImg1.jpg") no-repeat center/cover;
  text-align: center;
  padding: 65px 0 105px;
  position: relative;
}
.subContents .did .top * {
  line-height: 1.3;
}
.subContents .did .top .br768 {
  display: none;
}
.subContents .did .top span {
  color: #e72410;
  font-weight: 700;
}
.subContents .did .top h5,
.subContents .did .top p {
  color: #ffffff;
  font-family: "Pretendard", sans-serif;
}
.subContents .did .top h5 {
  font-weight: 500;
  margin: 30px 0;
}
.subContents .did .top p {
  font-size: 2rem;
}
.subContents .did .topImg img {
	filter: grayscale(1) brightness(0);
}
.subContents .did .topImg2 {
	text-align:center;
}
.subContents .did .topImg,
.subContents .did .itemBox {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.subContents .did .itemBox hr {
  width: 100%;
  height: 1px;
  background: #ddd;
  border: none;
  margin: 0;
}
.subContents .did .item {
  display: flex;
  padding: 150px 0;
}
.subContents .did .item h4 {
  width: 32.15%;
  flex-shrink: 0;
  color: #e72410;
  font-weight: 700;
}
.subContents .did .item h4 span {
  font-size: 0.45em;
}
.subContents .did .item .list {
  display: flex;
  flex-direction: column;
  row-gap: 35px;
}
.subContents .did .item .list * {
  font-family: "Pretendard", sans-serif;
}
.subContents .did .item .list dl {
  display: flex;
  column-gap: 50px;
}
.subContents .did .item .list dl * {
  line-height: 1.5;
}
.subContents .did .item .list dl dt,
.subContents .did .item .list dl dt b {
  color: #e72410;
}
.subContents .did .item .list dl dt {
  width: 50px;
  flex-shrink: 0;
  text-align: right;
  font-size: 2rem;
}
.subContents .did .item .list dl dd {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.subContents .did .item .list dl dd p {
  font-size: 2rem;
  font-weight: 400;
}
.subContents .who *:not(.bottom .itemBox *) {
  text-align: center;
}
.subContents .who .imgBox {
	text-align:center;
}
.subContents .who .circleBox {
  max-width: 1315px;
  border: 1px dashed #e72410;
  border-radius: 1000px;
  padding: 50px;
  margin: 0 auto;
  position: relative;
}
.subContents .who .circleBox .point-box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.subContents .who .circleBox .point {
  width: 50%;
  height: 100%;
  border-radius: 1000px;
  position: relative;
}
.subContents .who .circleBox .point img {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
}
.subContents .who .circleBox .point1 {
  transform: translateX(50%);
}
.subContents .who .circleBox .point2 {
  transform: rotate(180deg) translateX(50%);
}
@keyframes point1 {
  0% {
    transform: translateX(50%);
  }
  25% {
    transform: rotate(0deg) translateX(0);
  }
  75% {
    transform: rotate(-180deg) translateX(0);
  }
  100% {
    transform: rotate(-180deg) translateX(-50%);
  }
}
@keyframes point2 {
  0% {
    transform: rotate(180deg) translateX(50%);
  }
  25% {
    transform: rotate(180deg) translateX(0);
  }
  75% {
    transform: rotate(0deg) translateX(0);
  }
  100% {
    transform: rotate(0deg) translateX(-50%);
  }
}
.subContents .who .circleBox .itemBox {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 100px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
}
.subContents .who .circleBox .item,
.subContents .who .circleBox .item .inner {
  border-radius: 50%;
}
.subContents .who .circleBox .item {
  width: 100%;
  padding: 50% 0;
  position: relative;
  z-index: -1;
}
.subContents .who .circleBox .item.red {
  background: #e72410;
}
.subContents .who .circleBox .item.black {
  background: #000000;
}
.subContents .who .circleBox .item .inner {
  flex-direction: column;
  row-gap: 40px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subContents .who .circleBox .item .inner * {
  color: #ffffff;
}
.subContents .who .circleBox .item .icon {
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subContents .who .circleBox .item .icon img {
  height: 100%;
}
.subContents .who .circleBox .item dl dt {
  font-size: 7rem;
  font-weight: 600;
  margin: 0 0 35px;
}
.subContents .who .circleBox .item dl dd {
  font-size: 1.8rem;
  font-weight: 500;
}
.subContents .who .circleBox .plus,
.subContents .who .circleBox .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.subContents .who .circleBox .plus {
  width: 14.58%;
  background: #ffffff;
  border: 1px dashed #e72410;
  padding: 7.29% 0;
  z-index: 0;
}
.subContents .who .circleBox .plus .inner {
  width: 67.63%;
  height: 67.63%;
  background: #e72410;
}
.subContents .who .circleBox .plus span {
  display: block;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.subContents .who .circleBox .plus span:first-child {
  width: 54px;
  height: 1px;
}
.subContents .who .circleBox .plus span:last-child {
  width: 1px;
  height: 54px;
}
.subContents .who .bottom {
  padding: 160px 0 240px;
  position: relative;
}
.subContents .who .bottom::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  background: url("/img/sub/whoBg.png") no-repeat center bottom/100%;
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.subContents .who .bottom .title dt {
  color: rgba(0, 0, 0, 0.3);
  font-size: 6rem;
  font-weight: 600;
  margin: 0 0 40px;
}
.subContents .who .bottom .title dt .red {
  color: #e72410;
}
.subContents .who .bottom .title dt .black {
  color: #000000;
}
.subContents .who .bottom .title dd {
  font-size: 2.4rem;
  font-weight: 600;
}
.subContents .who .bottom .itemBox {
  margin-top: 150px;
  position: relative;
}
.subContents .who .bottom .itemBox .img {
  width: 34.302325%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.subContents .who .bottom .itemBox .textBox {
  display: grid;
  grid-template-columns: repeat(2, 425px);
  row-gap: 110px;
  justify-content: space-between;
}
.subContents .who .bottom .itemBox .item {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.subContents .who .bottom .itemBox .item.right {
  align-items: flex-end;
  text-align: right;
}
.subContents .who .bottom .itemBox .item.left {
  align-items: flex-start;
  text-align: left;
}
.subContents .who .bottom .itemBox .icon {
  width: 160px;
  height: 160px;
  border: 1px solid #e72410;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subContents .who .bottom .itemBox dl dt {
  font-size: 2.8rem;
  font-weight: 500;
  margin: 0 0 20px;
}
.subContents .who .bottom .itemBox dl dd {
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 1.5;
}
.subContents .factory .topImg {
  width: 120vw;
  margin: 0 0 170px;
  position: relative;
  left: 50%;
  transform: translate(-50%, 80px);
}
.subContents .factory .topImg img {
  width: 100%;
}
.subContents .factory .topImg.on {
  width: 100%;
  transform: translate(-50%, 0);
}
.subContents .factory .caption h5 span {
  font-family: "Pretendard", sans-serif;
}
.subContents .harsh .caption h5 {
  font-family: "Pretendard", sans-serif;
}
.subContents .listPage .listBox {
  display: flex;
  flex-direction: column;
  row-gap: 100px;
}
.subContents .listPage .list {
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.subContents .listPage .list .text {
  width: calc(50% - 40px);
}
.subContents .listPage .list .text h4,
.subContents .listPage .list .text h5 {
  display: inline-block;
}
.subContents .listPage .list .text h5 {
  font-weight: 700;
  margin-left: 15px;
}
.subContents .listPage .list .text div {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  margin: 50px 0 65px;
}
.subContents .listPage .list .text div * {
  font-family: "Pretendard", sans-serif;
}
.subContents .listPage .list .text p {
  font-size: 2rem;
  line-height: 1.75;
}
.subContents .listPage .list .text span {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.9444;
}
.subContents .listPage .list a {
  display: inline-flex;
  align-items: center;
  column-gap: 10px;
  font-weight: 700;
  position: relative;
}
.subContents .listPage .list a::before, .subContents .listPage .list a::after {
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: -10px;
}
.subContents .listPage .list a::before {
  width: 100%;
  background: #111;
}
.subContents .listPage .list a::after {
  width: 0;
  background: #e72410;
  transition: all 0.4s;
}
.subContents .listPage .list a:hover::after {
  width: 100%;
}
.subContents .withTab .topImg {
  width: 1720px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}
.subContents .withTab .topImg .img {
  opacity: 0;
  transition: all 0.4s;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.subContents .withTab .topImg .img.on {
  opacity: 1;
}
.subContents .withTab .tabTitle,
.subContents .withTab .tabTitle li button {
  position: relative;
}
.subContents .withTab .tabTitle::after,
.subContents .withTab .tabTitle li button::after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.subContents .withTab .tabTitle {
  width: 100vw;
  max-width: 1720px;
  height: 80px;
  column-gap: 100px;
  margin: 0 auto 140px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.subContents .withTab .tabTitle::after {
  width: 100%;
  background: #dddddd;
}
.subContents .withTab .tabTitle li,
.subContents .withTab .tabTitle li button {
  height: 100%;
}
.subContents .withTab .tabTitle li button {
  font-size: 1.6rem;
  line-height:2.1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  font-family: "Orbitron", sans-serif;
  padding: 0 10px;
  position: relative;
  transition: all 0.4s;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.subContents .withTab .tabTitle li button::after {
  width: 0;
  background: #e72410;
  transition: all 0.4s;
}
.subContents .withTab .tabTitle li:hover button, .subContents .withTab .tabTitle li.on button {
  color: #e72410;
}

.subContents .withTab .tabTitle li:hover button::after, .subContents .withTab .tabTitle li.on button::after {
  width: 100%;
  z-index: 1;
}
.subContents .withTab .bottomImg {
  margin-top: 140px;
}
.subContents .flat .topImg {
  padding: 21.4295% 0;
}
.subContents .trackless .topImg {
  padding: 23.215% 0;
}
.subContents .noteBox {
  display: flex;
  column-gap: 50px;
  padding: 0 80px;
  margin-top: 50px;
}
.subContents .noteBox .icon {
  width: 90px;
  height: 90px;
  flex-shrink: 0;
  background: #eee;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subContents .noteBox .text,
.subContents .noteBox .pBox {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.subContents .noteBox .text {
  align-items: flex-start;
  padding-top: 20px;
}
.subContents .noteBox .pBox {
  padding-bottom: 35px;
}
.subContents .noteBox .pBox p {
  font-size: 1.7rem;
}
.subContents .noteBox .mTop10 {
  margin-top: 10px;
}
.subContents .noteBox .dot,
.subContents .noteBox .dataText {
  display: flex;
  column-gap: 20px;
}
.subContents .noteBox .dot::before {
  content: "•";
}
.subContents .noteBox .dataText::before {
  content: attr(data-text);
}
.subContents .noteBox a,
.subContents .noteBox a i {
  color: #e72410;
}
.subContents .noteBox .under {
  position: relative;
}
.subContents .noteBox .under:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.subContents .noteBox .under {
  display: inline-block;
}
.subContents .noteBox .under::after {
  background: rgba(119, 119, 119, 0.3);
}
.subContents .noteBox a.under {
  line-height: 1.3;
}
.subContents .noteBox a.under::after {
  background: #e72410;
}
.subContents .guideBox {
	margin:50px 0 0;
}
.subContents .guideBox h5 {
	font-size:2.5rem;
	font-weight:800;
	text-align:center;
	background:#f4f4f4;
	box-sizing:border-box;
	border:1px solid #ddd;
	padding:20px 0;
}
.subContents .guideBox ul {
	box-sizing:border-box;
	border:1px solid #ddd;
	border-top:none;
	padding:0 0 10px;
}
.subContents .guideBox ul li {
	text-align:center;
}
.subContents .guideBox ul li img {
	width:95%;
}
.subContents .guideBox .linkText {
	text-align:right;
	margin:20px 0 0;
 }
.subContents .guideBox .linkText a,
.subContents .guideBox .linkText a i {
	color: #e72410;
 }

.subContents .subSlide {
  margin-top: 170px;
}
.subContents .subSlide .buttonBox {
  display: flex;
  column-gap: 5px;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.subContents .subSlide .buttonBox * {
  transition: all 0.4s;
}
.subContents .subSlide .buttonBox button {
  width: 50px;
  height: 50px;
  background: #f5f5f5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subContents .subSlide .buttonBox button i {
  font-weight: 600;
}
.subContents .subSlide .buttonBox button:hover {
  background: #111;
}
.subContents .subSlide .buttonBox button:hover i {
  color: #ffffff;
}
.subContents .subSlide .swiper-slide h5 {
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  margin: 50px 0 0;
}
.subContents .subSlide .swiper-slide h5 span {
  font-size: 2.4rem;
}
.subContents .flexCont hr {
  width: 100%;
  height: 1px;
  background: #eee;
  border: none;
  margin: 0;
}
.subContents .subFlex {
  display: flex;
  padding: 100px 0;
}
.subContents .subFlex > * {
  width: 100%;
}
.subContents .subFlex > *:first-child {
  max-width: 460px;
  flex-shrink: 0;
}
.subContents .subFlex .cont,
.subContents .subFlex .cont .text {
  display: flex;
  flex-direction: column;
}
.subContents .subFlex .cont {
  row-gap: 50px;
}
.subContents .subFlex .cont > span {
  color: #777;
  font-weight: 300;
}
.subContents .subFlex .cont > span a {
  color: #e72410;
  text-decoration: underline;
}
.subContents .subFlex .cont p {
  font-size: 1.8rem;
  line-height: 1.9444;
}
.subContents .subFlex .cont .nList {
  display: flex;
  flex-direction: column;
}
.subContents .subFlex .cont .nList li {
  display: flex;
  column-gap: 15px;
}
.subContents .subFlex .cont .nList em {
  width: 29px;
  height: 29px;
  flex-shrink: 0;
  border-radius: 50%;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subContents .subFlex .cont .nList p {
  line-height: 1.6666;
}
.subContents .subFlex .cont .nList.gray {
  row-gap: 35px;
}
.subContents .subFlex .cont .nList.gray em {
  background: #dddddd;
}
.subContents .subFlex .cont .nList.black {
  row-gap: 15px;
}
.subContents .subFlex .cont .nList.black em {
  background: #000000;
  color: #ffffff;
}

/* 블릿 표시용 nList2 추가 */
.subContents .subFlex .cont .nList2 {
  row-gap: 35px;
  display: flex;
  flex-direction: column;
}
.subContents .subFlex .cont .nList2.gap20 {
	row-gap: 20px;
}
.subContents .subFlex .cont .nList2.gap30 {
	row-gap: 30px;
}
.subContents .subFlex .cont .nList2 li {
	line-height: 1.6666;
	padding-left:18px;
	display: flex;
	column-gap: 15px;
	background:url('/img/sub/product_nList_bullet.png') no-repeat 0 12px;
}

.subContents .subFlex .cont .flexBox {
  justify-content: space-between;
}
.subContents .subFlex .cont .flexBox.gap70 {
  column-gap: 70px;
}
.subContents .subFlex .cont .flexBox .text {
  max-width: 600px;
}
.subContents .subFlex .cont .flexBox .img {
  flex-shrink: 0;
}
.subContents .subFlex .cont .text {
  width: 100%;
  row-gap: 25px;
}
.subContents .subFlex .cont .text ul li {
  display: flex;
  column-gap: 10px;
  color: #777;
  font-weight: 300;
  line-height: 1.7647;
}
.subContents .subFlex .cont .text ul li::before {
  content: "•";
}
.subContents .nTit em {
  font-weight: 700;
  letter-spacing: 0.1em;
}
.subContents .nTit h5 {
  font-weight: 600;
  line-height: 1.6666;
  margin: 65px 0 0;
}

.subContents .nTit h5 span {
	font-size:1.5rem;
	line-height: 1.3;
	display: block;
}
.subContents .tableWrap {
  display: flex;
  flex-direction: column;
  row-gap: 70px;
  margin-top: 100px;
}
.subContents .tableWrap h6 {
  color: #e72410;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-bottom: 25px;
}
.subContents .tableBox table th, .subContents .tableBox table td {
  height: 60px;
}
.subContents .tableBox table th:not(:last-child), .subContents .tableBox table td:not(:last-child) {
  border-right: 1px solid #ddd;
}
.subContents .tableBox table th:last-child, .subContents .tableBox table td:last-child {
  border-left: 1px solid #ddd;
}
.subContents .tableBox table th.h45, .subContents .tableBox table td.h45 {
  height: 45px;
}
.subContents .tableBox table th.h30, .subContents .tableBox table td.h30 {
  height: 30px;
  padding: 0;
}
.subContents .tableBox table thead {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.subContents .tableBox table thead th {
  font-size: 2.4rem;
  font-weight: 600;
  padding: 15px 0;
}
.subContents .tableBox table thead th.medium {
  font-size: 2.2rem;
}
.subContents .tableBox table thead th.small,
.subContents .tableBox table thead th span {
  font-size: 1.9rem;
}
.subContents .tableBox table thead th span {
  display: inline-block;
  margin-top: 15px;
}
.subContents .tableBox table thead th.bg1 {
  background: rgba(221, 221, 221, 0.5);
}
.subContents .tableBox table thead th.bg2 {
  background: #f5f5f5;
}
.subContents .tableBox table thead th.bTop {
  border-top: 1px solid #ddd;
}
.subContents .tableBox table tbody tr:last-child td {
  border-bottom: 2px solid #aaa;
}
.subContents .tableBox table tbody td {
  border-bottom: 1px solid #ddd;
  font-size: 1.8rem;
  font-weight: 300;
  padding: 20px 40px;
}
.subContents .tableBox table tbody td.center {
  text-align: center;
  padding: 20px;
}
.subContents .tableBox table tbody td b {
  font-weight: 700;
}
.subContents .tableBox table tbody .padding {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  padding: 20px 0 0 50px;
}
.subContents .tableBox table tbody .padding * {
  font-size: 1.6rem;
}
.subContents .tableBox.h45 table th, .subContents .tableBox.h45 table td {
  height: 45px;
}
.subContents .tableBox.h45 table th {
  padding: 0;
}
.subContents .tableBox.h45 table td,
.subContents .tableBox.h45 table td.center {
  padding: 0 20px;
}
.subContents .cables .gridBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 20px;
  column-gap: 20px;
}
.subContents .cables .gridBox dl {
  background: #f5f5f5;
  padding: 35px;
}
.subContents .cables .gridBox dl dt {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.4545;
  margin: 0 0 25px;
}
.subContents .cables .gridBox dl dd {
  color: #555;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.5555;
}
.subContents .cables .gridBox .dl2 {
  grid-column: 1/3;
}
.subContents .cables .gridBox .img {
  grid-column: 1/4;
}
.subContents .round .cont p {
  font-weight: 600;
  text-align: center;
  margin-top: 50px;
}
.subContents .round .cont p a,
.subContents .round .cont p i {
  color: #e72410;
}
.subContents .round .cont p a {
  font-weight: 400;
  position: relative;
}
.subContents .round .cont p a::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(231, 36, 16, 0.3);
  position: absolute;
  left: 0;
  bottom: -3px;
}
.subContents .technology .imgFlex {
  display: flex;
  flex-wrap: wrap;
}
.subContents .technology .imgFlex.gap20 {
  row-gap: 20px;
  column-gap: 20px;
}
.subContents .technology .imgFlex.gap10 {
  row-gap: 10px;
  column-gap: 10px;
}
.subContents .technology .imgFlex.gap5 {
  row-gap: 5px;
  column-gap: 5px;
}
.subContents .technology .info {
  column-gap: 45px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.subContents .technology .info .img {
  flex-shrink: 0;
}
.subContents .technology .info ul {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.subContents .technology .info ul li {
  display: flex;
}
.subContents .technology .info ul li * {
  font-size: 1.8rem;
}
.subContents .technology .info ul b {
  flex-shrink: 0;
  padding-right: 20px;
  position: relative;
}
.subContents .technology .info ul b::after {
  content: "=";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.subContents .technology .info ul b em {
  font-weight: 300;
}
.subContents .technology .info ul span {
  display: inline-block;
  margin-left: 8px;
}
.subContents .ptfe .textCont {
  text-align: center;
  margin-top: 140px;
}
.subContents .ptfe .textCont .br640 {
  display: none;
}
.subContents .ptfe .textCont h5 {
  font-weight: 700;
}
.subContents .ptfe .textCont h5 span {
  display: revert;
  font-size: 0.8em;
  font-weight: 300;
  margin: 0;
}
.subContents .ptfe .textCont p {
  margin-top: 25px;
}
.subContents .life .imgBox {
  display: flex;
  border: 1px solid #000;

  /* 240909 */
  display: inline-flex;
  margin: 0 auto;
}
.subContents .life .imgBox .img {
  border: 1px solid #000;
}
.subContents .life .cont h6 {
  font-size: 2.4rem;
  font-weight: 600;
}
.subContents .life .cont .cc * {
  font-size: 1.6rem;
}
.subContents .life .cont .cc span {
  color: #666;
  line-height: 1.5;
}
.subContents .particulation .tableBox table th {
  letter-spacing: -0.025em;
}
.subContents .particulation .tableBox table tr.result {
  background: #f5f5f5;
}
.subContents .low .cont h6 {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.5909;
}
.subContents .low .cont p.dot {
  display: flex;
  column-gap: 10px;
  letter-spacing: -0.05em;
}
.subContents .low .cont p.dot::before {
  content: "•";
}
.subContents .contact .checkBox {
  display: flex;
  column-gap: 10px;
  cursor: pointer;
}
.subContents .contact .checkBox input {
  width: 18px;
  height: 18px;
  border: 1px solid #aaaaaa;
  cursor: pointer;
}
.subContents .contact .checkBox input:checked {
  background: url("/img/sub/checkIcon.png") no-repeat center/80%;
  border-color: #111;
}
.subContents .contact .checkBox span {
  font-size: 1.8rem;
}
.subContents .contact .checkBox.inputB input {
  width: 23px;
  height: 23px;
  border: 2px solid #111111;
}
.subContents .contact .checkBox.inputB span {
  font-size: 2rem;
  font-weight: 600;
}
.subContents .contact .contents * {
  font-family: "Pretendard", sans-serif;
}
.subContents .contact hr {
  width: 100%;
  height: 1px;
  background: #dddddd;
  border: none;
  margin: 100px 0;
}
.subContents .contact .tableWrap {
	margin-top: 0;
}
.subContents .contact .title {
  margin-bottom: 50px;
}
.subContents .contact .title p {
  font-size: 1.8rem;
  font-weight: 300;
  margin-top: 30px;
}
.subContents .contact h5 {
  font-weight: 600;
}
.subContents .contact div > span {
  display: block;
  color: #666;
  font-weight: 300;
}
.subContents .contact .tableBox.form th,
.subContents .contact .tableBox.form td {
  height: 80px;
  border: 1px solid #dddddd;
}
.subContents .contact .tableBox.form th {
  font-size: 2.2rem;
  font-weight: 600;
  background: #f5f5f5;
}
.subContents .contact .tableBox.form th em {
  color:#e72410;
}
.subContents .contact .tableBox.form td {
  padding: 30px 45px;
  position: relative;
}
.subContents .contact .tableBox.form td * {
  font-size: 1.7rem;
}
.subContents .contact .tableBox.form div,
.subContents .contact .tableBox.form input[type=text] {
  width: 100%;
  height: 100%;
}
.subContents .contact .text_info {
	text-align:right;
	font-size:1em;
	margin:0 0 5px;
}
.subContents .contact .text_info em{
	color:#e72410;
}
.subContents .contact .tableBox.form textarea {
  width: 100%;
  height: 225px;
}
.subContents .contact .tableBox.form .checkW {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  justify-content: center;
}
.subContents .contact .tableBox.form + span {
  margin: 50px 0 20px;
}
.subContents .contact .tableBox.form.row td {
  font-size: 2rem;
  font-weight: 300;
  text-align: center;
}
.subContents .contact .tableBox.form.row + span {
  margin: 30px 0 50px;
}

.subContents .contact .category {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 160px;
  margin-bottom: 50px;
}
.subContents .contact .formBtn {
  width: 290px;
  height: 80px;
  background: #111;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 600;
  margin: 55px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}


.os-theme-dark > .os-scrollbar-vertical  { padding:0; background:rgba(0,0,0,0.05); width::4px; border-radius:2px; }
.os-theme-dark > .os-scrollbar-horizontal { padding:0; background:rgba(0,0,0,0.05); height:4px; border-radius:2px; }
.os-theme-dark > .os-scrollbar-vertical, 
.os-theme-light > .os-scrollbar-vertical { width:4px; }
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:#e72410; width:4px; height:4px; border-radius:2px; opacity:0.8 }
.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:#e72410; border-radius:2px; opacity:1; }