/* ---------- S:Sub Visual ---------- */
.sub-visual {
  position: relative;
  width: 100%;
  height: 500px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.sub-visual-container {
  display: flex;
  align-items: center;
  max-width: 1310px;
  width: 100%;
  height: 100%;
  margin: 0px auto;
  padding: 0px 15px;
}

.sub-visual-inner {
  width: 100%;
  height: fit-content;
  text-align: center;
}

.sub-visual-title {
  font-size: 5.6rem;
  font-weight: 700;
  color: #fff;
}

.sub-visual.sv1-1,
.sub-visual.sv1-2 {
  background-image: url('/img/sub/sv1.png');
}

.sub-visual.sv2-1, 
.sub-visual.sv2-2,
.sub-visual.sv2-3,
.sub-visual.sv2-4,
.sub-visual.sv2-5,
.sub-visual.sv2-6,
.sub-visual.sv2-7,
.sub-visual.sv2-8,
.sub-visual.sv2-9,
.sub-visual.sv2-10, 
.sub-visual.sv2-11 {
  background-image: url('/img/sub/sv2.png');
}

.sub-visual.sv3-1, 
.sub-visual.sv3-2, 
.sub-visual.sv3-3, 
.sub-visual.sv3-4 {
  background-image: url('/img/sub/sv3.png');
}

.sub-visual.sv4-1, 
.sub-visual.sv4-2 {
  background-image: url('/img/sub/sv4.png');
}

@media (max-width: 1200px) {
  .sub-visual-title {
    font-size: 4.8rem;
  }

}

@media (max-width: 1024px) {
  .sub-visual {
    height: 380px;
  }

	.sub-navigation .depth_list {
		top:100%;
		bottom: unset;
	}

	.sub-visual-title {
    font-size: 4.2rem;
  }
}
@media (max-width: 768px) {
  .sub-visual {
    height: 280px;
  }
  
	.sub-visual-title {
    font-size: 3.6rem;
  }
}
@media (max-width: 500px) {
  .sub-visual {
    height: 240px;
  }
    
	.sub-visual-title {
    font-size: 3rem;
  }
}
/* ---------- E:Sub Visual ---------- */


/* ---------- S:Sub Navigation ---------- */
.sub-navigation {
  position: absolute;
  bottom: 0;
  left: 0;
  border-spacing: 0;
  z-index: 10;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.sub-navigation-container {
  max-width: 1310px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

.sub-navigation-inner {
  display: flex;
  align-items: center;
  position: relative;
  padding-left:64px;
}

.sub-navigation .home {
  position: absolute;
  top:0;
  left:0;
}

.sub-navigation .home a {
  display: block;
  width: 64px;
  height: 64px;
  background-image: url("/img/inc/home.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  background-color: #0a4ea1;
}

.sub-navigation .depth {
  display: flex;
  align-items: center;
  position: relative;
  height: 64px;
  width: 25%;
  /* width: 420px; */
  padding:0px 33px 0px 20px;
  /* padding-left: 20px; */
  /* padding: 0 264px 0 33px; */
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  border-spacing: 0;
  cursor: pointer;
  box-sizing: border-box;
  z-index: 5;
  transition: all .2s ease-out;
}

.sub-navigation .depth--02 {
  /* padding-right: 310px; */
}

.sub-navigation .depth span {
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.02em;
}

.sub-navigation .depth::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: calc(50% - 4px);
  right: 20px;
  transform: rotate(-45deg) translateY(-50%);
  border-left: 2px solid #c2c2c3;
  border-bottom: 2px solid #c2c2c3;
  transition: 0.2s ease-in-out;
}

.sub-navigation .depth_list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
	/* bottom:100%; */
  width: 100%;
  z-index: 5;
  background-color: #0a4ea1;
  line-height: 1.5;
  max-height: 0;
  height: fit-content;
  overflow: hidden;
  transition: all .38s ease-in-out;
  border-color: #0a4ea1;
}

.sub-navigation .depth_list a {
  position: relative;
  display: block;
  padding: 10px 33px 11px 20px;
  font-size: 1.6rem;
  /* color: #fff; */
  color: #999;
  font-weight: 600;
  transition: all .3s ease-out;
}

.sub-navigation .depth_list li:first-of-type a {
  padding-top: 25px;
}

.sub-navigation .depth_list li:last-child a {
  padding-bottom: 29px;
}

.sub-navigation .depth_list li.d-none {
	display: none;
}

.sub-navigation .depth.on {
  background-color: #0a4ea1;
}

.sub-navigation .depth.on::after  {
  transform: rotate(135deg) translateY(-50%);
}

.sv1-1 .sub-navigation .pin01 a,
.sv1-2 .sub-navigation .pin02 a,
.sv2-1 .sub-navigation .pin01 a,
.sv2-2 .sub-navigation .pin02 a,
.sv2-3 .sub-navigation .pin03 a,
.sv2-4 .sub-navigation .pin04 a,
.sv2-5 .sub-navigation .pin05 a,
.sv2-6 .sub-navigation .pin06 a,
.sv2-7 .sub-navigation .pin07 a,
.sv2-8 .sub-navigation .pin08 a,
.sv2-9 .sub-navigation .pin09 a,
.sv2-10 .sub-navigation .pin10 a,
.sv3-1 .sub-navigation .pin01 a,
.sv3-2 .sub-navigation .pin02 a,
.sv3-3 .sub-navigation .pin03 a,
.sv3-4 .sub-navigation .pin04 a,
.sv4-1 .sub-navigation .pin01 a,
.sv4-2 .sub-navigation .pin02 a{
  color: #fff;
}

.pin1 .sub-navigation .depth--02 li:first-of-type a, 
.pin2 .sub-navigation .depth--02 li:nth-of-type(2) a, 
.pin3 .sub-navigation .depth--02 li:nth-of-type(3) a, 
.pin4 .sub-navigation .depth--02 li:nth-of-type(4) a, 
.pin5 .sub-navigation .depth--02 li:nth-of-type(5) a, 
.pin6 .sub-navigation .depth--02 li:nth-of-type(6) a 
{
  color: #fff;
}

/* 2025.02.07 추가 */
.sub-navigation .depth_list a p {
  position: relative;
  width: fit-content;
}

.sub-navigation .depth_list a p::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #fff;
  transition: width .3s ease-out;
}


@media(min-width:1201px) {
  .sub-navigation .depth_list li:hover a {
    color: #fff;
  }
  
  .sub-navigation .depth_list li:hover a {
    color: #fff;
  }
  
  .sub-navigation .depth_list li:hover a p::after {
    width: 100%;
  }
}
@media screen and (max-width:1200px) {
  .sub-navigation-container {
    padding: 0px;
  }

  .sub-navigation-inner {
    flex-wrap: wrap;
    padding: 0px;
  }

  /* .sv1-1 .sub-navigation,
  .sv1-2 .sub-navigation,
  .sv3-1 .sub-navigation,
  .sv3-2 .sub-navigation,
  .sv3-3 .sub-navigation,
  .sv3-4 .sub-navigation,
  .sv4-1 .sub-navigation,
  .sv4-2 .sub-navigation {
    display: none;
  }
   */
  .sub-navigation .home {
    /* display: none; */
  }
  .sub-navigation .home a {
    display: none;
    /* width: 60px;
    height: 60px;
    background-size: 20px 20px; */
  }
  
  .sub-navigation .depth {
    width: 50%;
    height: 60px;
    padding: 0 30px;
    /* padding: 0 200px 0 30px; */
  }

  .sub-navigation .depth--01 {
    z-index: 10;
  }

  .sub-navigation .depth--02 {
    z-index: 9;
    /* padding-right: 250px; */
  }

  .sub-navigation .depth--03, .sub-navigation .depth--04 {
    z-index: 8;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
  
  .sub-navigation .depth span {
    font-size: 1.6rem;
  }
  
  .sub-navigation .depth::after {
    width: 14px;
    height: 14px;
    top: calc(50% - 4px);
    right: 25px;
  }
  
  .sub-navigation .depth_list a {
    padding: 10px 0 10px 30px;
    font-size: 1.6rem;
  }
  
  .sub-navigation .depth_list li:first-of-type a {
    padding-top: 20px;
  }
  
  .sub-navigation .depth_list li:last-child a {
    padding-bottom: 25px;
  }
  
}
@media screen and (max-width:1024px) {
  .sub-navigation .home a {
    width: 55px;
    height: 55px;
    background-size: 18px 18px;
  }
  
  .sub-navigation .depth {
    height: 55px;
    padding: 0 25px;
    /* padding: 0 170px 0 25px; */
  }
  
  .sub-navigation .depth--02 {
    /* padding-right: 210px; */
  }
  
  .sub-navigation .depth span {
    font-size: 1.5rem;
  }
  
  .sub-navigation .depth::after {
    width: 12px;
    height: 12px;
    top: calc(50% - 4px);
    right: 20px;
  }
  
  .sub-navigation .depth_list a {
    padding: 8px 0 8px 25px;
    font-size: 1.5rem;
  }
  
  .sub-navigation .depth_list li:first-of-type a {
    padding-top: 15px;
  }
  
  .sub-navigation .depth_list li:last-child a {
    padding-bottom: 20px;
  }
}
@media screen and (max-width:768px) {
  .sub-navigation .home a {
    width: 50px;
    height: 50px;
    background-size: 15px 15px;
  }
  
  .sub-navigation .depth {
    height: 50px;
    padding: 0 20px;
    /* padding: 0 140px 0 20px; */
  }
  
  .sub-navigation .depth--02 {
    /* padding-right: 170px; */
  }
  
  .sub-navigation .depth span {
    font-size: 1.4rem;
  }
  
  .sub-navigation .depth::after {
    width: 10px;
    height: 10px;
    top: calc(50% - 3px);
    right: 15px;
  }
  
  .sub-navigation .depth_list a {
    padding: 6px 0 6px 20px;
    font-size: 1.4rem;
  }
  
  .sub-navigation .depth_list li:first-of-type a {
    padding-top: 12px;
  }
  
  .sub-navigation .depth_list li:last-child a {
    padding-bottom: 15px;
  }
}
@media screen and (max-width:576px) {
  .sub-navigation .home a {
    width: 40px;
    height: 40px;
    background-size: 12px 12px;
  }
  
  .sub-navigation .depth {
    /* width: calc(50% - 20px); */
    height: 40px;
    padding: 0 10px;
  }
  
  .sub-navigation .depth--01 {
    /* display: none; */
  }
  
  .sub-navigation .depth--02 {
    /* width: 100%; */
    padding-right: 10px;
  }
  
  .sub-navigation .depth span {
    font-size: 1.3rem;
  }
  
  .sub-navigation .depth::after {
    width: 8px;
    height: 8px;
    top: calc(50% - 3px);
    right: 10px;
  }
  
  .sub-navigation .depth_list a {
    padding: 6px 10px 6px;
    font-size: 1.3rem;
  }
  
  .sub-navigation .depth_list li:first-of-type a {
    padding-top: 10px;
  }
  
  .sub-navigation .depth_list li:last-child a {
    padding-bottom: 12px;
  }
}

@media(max-width: 400px) {
  .sub-navigation .depth {
    padding: 0 8px
  }
  
  .sub-navigation .home a {
    width: 35px;
    height: 40px;
    background-size: 12px 12px;
  }
}
/* ---------- E:Sub Navigation ---------- */
/* ---------- S:Common ---------- */
.section {
  padding: 120px 0;
}

.section-pin {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -6px 0 1px;
  font-size: 2.4rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #f79521;
  font-family: 'RedHatDisplay';
  text-align: center;
}

.section-pin i {
  display: block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  transform: rotate(45deg);
  background-color: #f79521;
}

.section-tit {
  font-size: 4.8rem;
  font-weight: 600;
  text-align: center;
}

.block-tit {
  display: flex;
  align-items: center;
  margin: -11px 0 37px;
}

.block-tit .pin {
  display: block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background-color: #f79521;
}

.block-tit p {
  margin-left: 9px;
  font-size: 3.6rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0a4ea1;
  font-family: 'RedHatDisplay';
}

.block-tit.font-family--pretendard {
  margin: -6px 0 36px;
}

.block-tit.font-family--pretendard p {
  font-family: 'Pretendard';
}

.block-tit span {
  display: block;
}

@media(max-width:1200px) {
  .section {
    padding: 100px 0;
  }
  
  .section-pin {
    margin: -5px 0 1px;
    font-size: 2.2rem;
  }
  
  .section-pin i {
    width: 10px;
    height: 10px;
    margin-right: 10px;
  }
  
  .section-tit {
    font-size: 4.2rem;
  }
  
  .block-tit {
    margin: -10px 0 30px;
  }
  
  .block-tit .pin {
    width: 10px;
    height: 10px;
  }
  
  .block-tit p {
    margin-left: 9px;
    font-size: 3.2rem;
  }
  
  .block-tit.font-family--pretendard {
    margin: -5px 0 30px;
  }
}

@media(max-width:1024px) {
  .section {
    padding: 80px 0;
  }
  
  .section-pin {
    margin: -4px 0 1px;
    font-size: 2rem;
  }
  
  .section-pin i {
    width: 8px;
    height: 8px;
    margin-right: 8px;
  }
  
  .section-tit {
    font-size: 3.6rem;
  }
  
  .block-tit {
    margin: -8px 0 25px;
  }
  
  .block-tit .pin {
    width: 8px;
    height: 8px;
  }
  
  .block-tit p {
    margin-left: 6px;
    font-size: 2.8rem;
  }
  
  .block-tit.font-family--pretendard {
    margin: -4px 0 25px;
  }
}

@media(max-width:768px) {
  .section {
    padding: 60px 0;
  }
  
  .section-pin {
    margin: -3px 0 0;
    font-size: 1.8rem;
  }
  
  .section-pin i {
    width: 8px;
    height: 8px;
    margin-right: 8px;
  }
  
  .section-tit {
    font-size: 3rem;
  }
  
  .block-tit {
    align-items: start;
    margin: -7px 0 20px;
  }
  
  .block-tit .pin {
    width: 8px;
    height: 8px;
    margin-top: 12px;
  }
  
  .block-tit p {
    width: calc(100% - 14px);
    margin-left: 6px;
    font-size: 2.4rem;
  }
  
  .block-tit.font-family--pretendard {
    margin: -3px 0 20px;
  }
}

@media(max-width:500px) {
  .section {
    padding: 50px 0;
  }
  
  .section-pin {
    margin: -2px 0 0;
    font-size: 1.6rem;
  }
  
  .section-pin i {
    width: 6px;
    height: 6px;
    margin-right: 6px;
  }
  
  .section-tit {
    font-size: 2.6rem;
  }
  
  .block-tit {
    margin: -5px 0 15px;
  }
  
  .block-tit .pin {
    width: 6px;
    height: 6px;
    margin-top: 10px;
  }
  
  .block-tit p {
    width: calc(100% - 11px);
    margin-left: 5px;
    font-size: 2rem;
  }
  
  .block-tit.font-family--pretendard {
    margin: -2px 0 15px;
  }
}
/* ---------- E:Common ---------- */

/* ---------- S:About ---------- */
.about .section {
  width: 100%;
  overflow: hidden;
}

.about .section--01 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('/img/sub/about/greeting/sec01_bg.png');
}

.about .section--01 .heading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 66px 0 33px;
  text-align: center;
}

.about .section--01 .heading span {
  margin-right: 7px;
  font-size: 4rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #04439b;
}

.about .section--01 .heading p {
  position: relative;
  z-index: 1;
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.about .section--01 .heading p::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 0;
  height: 12px;
  opacity: 0.6;
  background-color: #25a5df;
  transition-delay: .2s;
  transition: width .6s ease-out;
}

.about .section--01 .heading.aos-animate p::after {
  width: 100%;
}

.about .section--01 .txtBox p.first {
  line-height: 1.42;
}

.about .section--01 .txtBox p {
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height: 2;
  text-align: center;
}

.about .section--01 .txtBox p span {
  font-size: 2.8rem;
  color: #094da1;
  font-weight: 600;
}

.about .section--01 .end {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.about .section--01 .logo {
  margin: 0 auto;
  text-align: center;
}

.about .section--01 .end {
  margin: 46px 0 36px;
}

.about .section--01 .end p:first-of-type {
  margin-bottom: 32px;
}

.about .section--01 .logo img {
  margin: 0 auto;
}

.about .section--02 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-image: url('/img/sub/about/greeting/sec02_bg.png');
}

.about .section--02 .section-tit {
  color: #fff;
}

.about .section--02 .table {
  width: 100%;
  margin: 73px auto 0;
  background-color: rgba(255, 255, 255, 0.8);
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}

.about .section--02 .table table {
  width: 100%;
  border-collapse: collapse;
}

.about .section--02 .table tr:first-of-type {
  border-bottom: 1px solid #888;
}

.about .section--02 .table td {
  padding: 28px 24px 29px;
}

.about .section--02 .table td:nth-of-type(1) {
  width: 430px;
}

.about .section--02 .table td:nth-of-type(2){
  width: 415px;
}

.about .section--02 .table td:nth-of-type(3) {
  width: 435px;
}

.about .section--02 .table td p,
.about .section--02 .table td span {
  display: inline-block;
  vertical-align: middle;
}

.about .section--02 .table td p {
  width: 124px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #0965b2;
}

.about .section--02 .table td:nth-of-type(3) p {
  width: 135px;
}

.about .section--02 .table td span {
  display: inline-block;
  width: calc(100% - 140px);
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.33;
}

.about .section--03 .map {
  position: relative;
  width: 100%;
  aspect-ratio: 2.285 / 1;
  margin: 74px 0 49px;
  overflow: hidden;
}

.about .section--03 .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.about .section--03 .list {
  display: flex;
  align-items: start;
}

.about .section--03 .list li {
  width: 25%;
  padding-left: 11px;
}

.about .section--03 .list li .tit {
  display: flex;
  align-items: center;
  gap: 0 25px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #0965b2;
}

.about .section--03 .list li .icon {
  position: relative;
  width: 26px;
  aspect-ratio: 1 / 1;
}

.about .section--03 .list li .icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.about .section--03 .list li .txt {
  max-width: 175px;
  width: 100%;
  margin-left: 50px;
}

.about .section--03 .list li .txt p {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.33;
}

@media(max-width:1200px) {
  .about .section--01 .heading {
    margin: 55px 0 30px;
  }
  
  .about .section--01 .heading span {
    /* margin-right: 7px; */
    font-size: 3.6rem;
  }
  
  .about .section--01 .heading p {
    font-size: 3.6rem;
  }
  
  .about .section--01 .heading p::after {
    height: 10px;
  }
  
  .about .section--01 .txtBox p {
    font-size: 1.8rem;
  }
  
  .about .section--01 .txtBox p span {
    font-size: 2.4rem;
  }
  
  .about .section--01 .end {
    font-size: 2.2rem;
  }
  
  .about .section--01 .end {
    margin: 40px 0 30px;
  }
  
  .about .section--01 .end p:first-of-type {
    margin-bottom: 30px;
  }
  
  .about .section--02 .table {
    margin: 65px auto 0;
  }
  
  .about .section--02 .table td {
    padding: 25px 20px 25px;
  }

  .about .section--02 .table td p,
  .about .section--02 .table td:nth-of-type(3) p {
    width: 105px;
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
  
  .about .section--02 .table td span {
    width: 100%;
    height: 48px;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.33;
  }
  
  .about .section--03 .map {
    margin: 65px 0 45px;
  }
  
  .about .section--03 .list li {
    width: 25%;
    padding-left: 8px;
  }
  
  .about .section--03 .list li .tit {
    gap: 0 20px;
    font-size: 1.8rem;
  }
  
  .about .section--03 .list li .icon {
    width: 26px;
  }
  
  .about .section--03 .list li .txt {
    max-width: 175px;
    margin-left: 50px;
  }
  
  .about .section--03 .list li .txt p {
    font-size: 1.6rem;
  }
}

@media(max-width:1024px) {
  .about .section--01 .heading {
    margin: 50px 0 25px;
  }
  
  .about .section--01 .heading span {
    margin-right: 5px;
    font-size: 3.2rem;
  }
  
  .about .section--01 .heading p {
    font-size: 3.2rem;
  }
  
  .about .section--01 .heading p::after {
    height: 10px;
  }
  
  .about .section--01 .txtBox p {
    font-size: 1.6rem;
  }
  
  .about .section--01 .txtBox p span {
    font-size: 2.2rem;
  }
  
  .about .section--01 .end {
    font-size: 2rem;
  }
  
  .about .section--01 .end {
    margin: 35px 0 25px;
  }
  
  .about .section--01 .end p:first-of-type {
    margin-bottom: 25px;
  }
  
  .about .section--01 .logo img {
    width: 200px;
  }
  
  .about .section--02 .table {
    margin: 55px auto 0;
  }
  
  .about .section--02 .table td {
    padding: 20px 15px;
  }
 
  .about .section--02 .table td p,
  .about .section--02 .table td:nth-of-type(3) p {
    width: 105px;
    margin-bottom: 8px;
    font-size: 1.6rem;
  }
  
  .about .section--02 .table td span {
    height: 43px;
    font-size: 1.6rem;
  }
  
  .about .section--03 .map {
    margin: 55px 0 40px;
  }
  
  .about .section--03 .list  {
    flex-wrap: wrap;
    gap: 10px 0;
  }
  
  .about .section--03 .list li {
    width: 50%;
    padding-left: 8px;
  }
  
  .about .section--03 .list li .tit {
    gap: 0 15px;
    font-size: 1.6rem;
  }
  
  .about .section--03 .list li .icon {
    width: 24px;
  }
  
  .about .section--03 .list li .txt {
    margin-left: 40px;
  }
  
  .about .section--03 .list li .txt p {
    font-size: 1.5rem;
  }
}

@media(max-width:768px) {
  .about .section--01 .heading {
    margin: 45px 0 20px;
  }
  
  .about .section--01 .heading span {
    margin-right: 5px;
    font-size: 2.8rem;
  }
  
  .about .section--01 .heading p {
    font-size: 2.8rem;
  }
  
  .about .section--01 .heading p::after {
    height: 8px;
  }
  
  .about .section--01 .txtBox p {
    font-size: 1.5rem;
  }
  
  .about .section--01 .txtBox p br {
    display: none;
  }
  
  .about .section--01 .txtBox p span {
    font-size: 2rem;
  }
  
  .about .section--01 .end {
    font-size: 1.8rem;
  }
  
  .about .section--01 .end {
    margin: 30px 0 20px;
  }
  
  .about .section--01 .end p:first-of-type {
    margin-bottom: 20px;
  }
  
  .about .section--02 .table {
    margin: 50px auto 0;
  }
  
  .about .section--02 .table tr {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
  }
  
  .about .section--02 .table td:nth-of-type(1),
  .about .section--02 .table td:nth-of-type(2),
  .about .section--02 .table td:nth-of-type(3) {
    width: 100%;
    padding: 15px 12px;
  }
 
  .about .section--02 .table td {
    display: flex;
    align-items: start;
  }
  
  .about .section--02 .table td p,
  .about .section--02 .table td:nth-of-type(3) p {
    width: 140px;
    margin-bottom: 0;
    font-size: 1.5rem;
  }
  
  .about .section--02 .table td span {
    width: calc(100% - 140px);
    height: auto;
    font-size: 1.5rem;
  }
  
  .about .section--02 .table td span br {
    display: none;
  }
  
  .about .section--03 .map {
    margin: 50px 0 35px;
    aspect-ratio: 1.5 / 1;
  }
  
  .about .section--03 .list li {
    padding-left: 6px;
  }
  
  .about .section--03 .list li .tit {
    gap: 0 12px;
    font-size: 1.5rem;
  }
  
  .about .section--03 .list li .icon {
    width: 22px;
  }
  
  .about .section--03 .list li .txt {
    margin-left: 35px;
  }
  
  .about .section--03 .list li .txt p {
    font-size: 1.4rem;
  }
  
  .about .section--02 .table tr:first-of-type {
    border-bottom: none;
  }
}

@media(max-width:500px) {
  .about .section--01 .heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px 0;
    margin: 40px 0 15px;
  }
  
  .about .section--01 .heading span {
    font-size: 2.4rem;
    margin: 0;
    text-align: center;
  }
  
  .about .section--01 .heading p {
    font-size: 2.4rem;
    text-align: center;
  }
  
  .about .section--01 .heading p::after {
    height: 6px;
  }
  
  .about .section--01 .txtBox p {
    font-size: 1.4rem;
  }
  
  .about .section--01 .txtBox p span {
    font-size: 1.8rem;
  }
  
  .about .section--01 .end {
    font-size: 1.6rem;
  }
  
  .about .section--01 .end {
    margin: 25px 0 15px;
  }
  
  .about .section--01 .end p:first-of-type {
    margin-bottom: 15px;
  }
  
  .about .section--01 .logo img {
    width: 180px;
  }
  
  .about .section--02 .table {
    margin: 45px auto 0;
  }
  
  .about .section--02 .table td:nth-of-type(1),
  .about .section--02 .table td:nth-of-type(2),
  .about .section--02 .table td:nth-of-type(3) {
    padding: 12px 10px;
  }
 
  .about .section--02 .table td p,
  .about .section--02 .table td:nth-of-type(3) p {
    width: 90px;
    font-size: 1.4rem;
  }
  
  .about .section--02 .table td span {
    width: calc(100% - 90px);
    font-size: 1.4rem;
  }
  
  .about .section--03 .map {
    margin: 45px 0 30px;
  }
  .about .section--03 .list li {
    width: 100%;
    padding-left: 5px;
  }
  
  .about .section--03 .list li .tit {
    gap: 0 10px;
    margin-bottom: 5px;
    font-size: 1.4rem;
  }
  
  .about .section--03 .list li .icon {
    width: 20px;
  }
  
  .about .section--03 .list li .txt {
    margin-left: 30px;
    max-width: 100%;
    width: 100%;
  }
  
  .about .section--03 .list li .txt p {
    font-size: 1.3rem;
  }
}
/* ---------- E:About ---------- */
/* ---------- S:History ---------- */
.history .section {
  padding-bottom: 0;
}

.history .sub_con {
  width: 100%;
  margin: 0 auto;
}

.history_wrap {
  position: relative;
  margin-bottom: 10.188rem;
}

.__fixed .year_tab {
  position: fixed;
  /* top: 0; */
}

.__fixed.down .year_tab {
  position: fixed;
  top: 96px;
}

.year_tab {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px;
  width: 100%;
  max-width: 1310px;
  transition: top 0.2s;
  z-index: 2;
  background-color: #fff;
}

.year_tab ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 20px;
}

.year_tab ul li {
  width: 20%;
  height: 56px;
  border: 1px solid #3a3a3a;
  border-radius: 28px;
  text-align: center;
  overflow: hidden;
}

.year_tab ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #3a3a3a;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.year_tab ul li a br {
  display: none;
}

.year_tab ul li.on {
  border: 2px solid #04439b;
}

.year_tab ul li.on a {
  font-weight: 600;
  color: #04439b;
}

.__fixed .change_year  {
  position: fixed;
  /* top: 159px; */
  top: 335px;
  left: 0;
}

.change_year {
  position: absolute;
  left: 0;
  top: 225px;
  /* top: 5rem; */
  /* max-width: 1310px; */
  width: 100%;
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: -0.02em;
  transition: top 0.4s;
}

.change_year .box {
  display: flex;
  align-items: center;
  gap: 0 20px;
  width: 100%;
  max-width: 1310px;
  width: 100%;
  margin: 0 auto;
  /* max-width: 190px; */
}

.change_year i {
  display: block;
  width: 40px;
  height: 40px;
  margin-left: 40px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('/img/sub/about/history/logo-icon.png');
}

.change_year p {
  width: 127px;
  font-size: inherit;
  font-weight: inherit;
}

.history_list {
  display: flex;
  flex-direction: column;
  margin-top: 58px;
  padding-top: 151px;
  margin-bottom: 51px;
}

.history_list .year_wrap {
  display: flex;
  justify-content: flex-end;
  position: relative;
  /* margin-bottom: 79px; */
  padding-bottom: 79px;
}

.history_list .year_wrap h2.mo_year {
  display: none;
}

.history_list .year_wrap ul {
  max-width: 960px;
  width: 75%;
  padding: 49px 35px;
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
}

.history_list .year_wrap.on ul {
  background-color: #fbfbfb;
  border-color: #04429a;
}

.history_list .year_wrap ul li {
  display: flex;
  align-items: start;
  gap: 0 80px;
}

.history_list .year_wrap ul li p {
  width: 82px;
  font-size: 2rem;
  line-height: 2.4;
  font-weight: 700;
  color: #898989;
  text-align: right;
}

.history_list.aos-animate .year_wrap.on ul li p,
.history_list .year_wrap.on ul li p {
  color: #2ea7e0;
}

.history_list .year_wrap ul li span {
  display: block;
  width: calc(100% - 162px);
  font-size: 2rem;
  letter-spacing: -0.02em;
  color: #bdbdbd;
  font-weight: 500;
  line-height: 2.4;
}

.history_list.aos-animate  .year_wrap.on ul li span,
.history_list .year_wrap.on ul li span {
  color: #212121;
}

@media(min-width:1201px)and (min-height: 1000px) {
  .history .year_tab {
    display: none;
  }
  
  .history .history_list {
    margin-top: 0;
    padding-top: 100px;
  }
  
  .history .change_year {
    display: none;
  }
  
  .history_list .year_wrap  {
    display: flex;
    align-items: start;
    justify-content: space-between;
    position: relative;
  }
  
  .history .year_wrap::before {
    display: flex;
    align-items: center;
    margin-top: 20px;
    width: 175px;
    margin-left: 60px;
    transform: translateX(-50%);
    opacity: 0;
    font-size: 3.4rem;
    letter-spacing: -0.025em;
    font-weight: 700;
    transition: all .3s ease-out;
  }
  
  .history .year_wrap::after {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: left 0 center;
    background-image: url('/img/sub/about/history/logo-icon.png');
  }
  
  .history .year_wrap.aos-animate::before {
    transform: translateX(0);
    opacity: 1;
  } 
  
  .history .year_wrap:first-of-type:before {
    content: "현재 ~ 2020";
  } 
  .history .year_wrap:nth-of-type(2):before {
    content: "2019 ~ 2015";
  } 
  .history .year_wrap:nth-of-type(3):before {
    content: "2014 ~ 2013";
  } 
  .history .year_wrap:nth-of-type(4):before {
    content: "2012 ~ 2011";
  } 
  .history .year_wrap:nth-of-type(5):before {
    content: "2004 ~ 1993";
  }
  
  .history .year_wrap.aos-animate ul {
    background-color: #fbfbfb;
    border-color: #04429a;
  }
  
  .history_list .year_wrap.aos-animate  ul li p   {
    color: #2ea7e0;
  }
  
  .history_list .year_wrap.aos-animate ul li span {
    color: #212121;
}
}

@media(max-width:1200px) {
  .history_wrap {
    position: relative;
    margin-bottom: 3.188rem;
  }
  
  .__fixed .year_tab {
    position: fixed;
    /* top: 0; */
    padding: 15px;
  }
  
  .__fixed.down .year_tab {
    top: 50px;
  }
  
  .year_tab {
    padding: 15px 0;
  }
  
  .year_tab ul {
    gap: 0 15px;
  }
  
  .year_tab ul li {
    /* width: 20%; */
    height: 50px;
  }
  
  .year_tab ul li a {
    font-size: 1.6rem;
  }
  
  .year_tab ul li a br {
    display: none;
  }
  
  .change_year {
    display: none;
    gap: 0 15px;
    left: 15px;
    top: 159px;
    /* top: 5rem; */
    font-size: 4rem;
  }
/*   
  .change_year i {
    display: block;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('/img/sub/about/history/logo-icon.png');
  }
  
  .change_year p {
    width: calc(100% - 60px);
    font-size: inherit;
    font-weight: inherit;
  } */
  
  .history_list {
    margin-top: 50px;
    padding-top: 130px;
  }
  
  .history_list .year_wrap {
    flex-direction: column;
    align-items: start;
    justify-content: flex-start;
    gap: 30px 0;
    /* margin-bottom: 70px; */
    /* padding-bottom: 70px; */
  }
  
  .history_list .year_wrap h2.mo_year {
    display: block;
    font-size: 2.4rem;
    font-weight: 700;
  }
  
  .history_list .year_wrap ul {
    max-width: 100%;
    width: 100%;
    padding: 45px 30px;
  }
  
  .history_list .year_wrap ul li {
    gap: 0 70px;
  }
  
  .history_list .year_wrap ul li p {
    width: 73px;
    font-size: 1.8rem;
  }
  
  .history_list .year_wrap ul li span {
    width: calc(100% - 143px);
    font-size: 1.8rem;
  }
}

@media(max-width:1024px) {
  .history_wrap {
    /* margin-bottom: 3.188rem; */
  }
  
  .year_tab ul {
    gap: 0 10px;
  }
  
  .year_tab ul li {
    /* width: 20%; */
    height: 45px;
  }
  
  .year_tab ul li a {
    font-size: 1.5rem;
  }
  
  /* .change_year {
    display: none;
  } */
  
  .year_tab {
    margin: 45px 0 0;
  }
  
  .__fixed .year_tab {
    margin:0px 0 0;
  }
  
  .history_list {
    /* margin-top: 45px; */
    margin-top: 0;
    padding-top: 155px;
  }
  
  .history_list .year_wrap {
    gap: 25px 0;
    /* margin-bottom: 60px; */
    padding-bottom: 70px;
  }
  
  /* .history_list .year_wrap:last-of-type {
    padding-bottom: 80px;
  } */
  
  .history_list .year_wrap h2.mo_year {
    font-size: 2.2rem;
  }
  
  .history_list .year_wrap ul {
    padding: 40px 25px;
  }
  
  .history_list .year_wrap ul li {
    gap: 0 60px;
  }
  
  .history_list .year_wrap ul li p {
    width: 65px;
    font-size: 1.6rem;
  }
  
  .history_list .year_wrap ul li span {
    width: calc(100% - 125px);
    font-size: 1.6rem;
  }
}


@media(min-width: 1001px) and (min-height: 1200px) {
  .history_list {
    padding-top: 200px; 
  }
  
  .history_list .year_wrap {
    gap: 40px 0;
    padding-bottom: 95px;
  }
  
  .history_list .year_wrap:last-of-type {
    padding-bottom: 115px;
  }
  
  .history_list .year_wrap h2.mo_year {
    font-size: 2.4rem;
  }
  
  .history_list .year_wrap ul {
    padding: 65px 30px;
    height: 100%;
    /* min-height: 230px; */
  }
  
  .history_list .year_wrap ul li {
    gap: 0 65px;
  }
  
  .history_list .year_wrap ul li p {
    width: 75px;
    font-size: 1.8rem;
  }
  
  .history_list .year_wrap ul li span {
    width: calc(100% - 135px);
    font-size: 1.8rem;
  }
}


@media(min-width: 768px) and (min-height: 1024px) {
  .history_list {
    padding-top: 180px;
  }

  .history_list .year_wrap h2.mo_year {
    font-size: 2.4rem;
  }
  
  .year_tab ul li a {
    font-size: 1.7rem;
  }

  .history_list .year_wrap {
    gap: 40px 0;
    padding-bottom: 85px;
  }

  .history_list .year_wrap:last-of-type {
    padding-bottom: 90px;
  }
  
  .history_list .year_wrap ul {
    min-height: 230px;
    padding: 55px 20px;
  }
  
  .history_list .year_wrap ul li {
    gap: 0 50px;
  }
  
  .history_list .year_wrap ul li p {
    width: 73px;
    font-size: 1.8rem;
  }
  
  .history_list .year_wrap ul li span {
    width: calc(100% - 123px);
    font-size: 1.8rem;
  }
}

@media(max-width:768px) {
  .history_wrap {
    /* margin-bottom: 3.188rem; */
  }
  
  .year_tab {
    margin-top: 20px;
    /* margin-top: 20px;
    position: unset;
    transform: translate(0) */
  }
  
  .__fixed .year_tab {
    /* position: unset; */
    /* padding: 0; */
    /* top: 0; */
    margin-top: 0;
  }

  .year_tab ul {
    flex-wrap: wrap;
    gap: 6px;
  }
  
  .year_tab ul li {
    width: calc(33.333% - 4px);
    height: 40px;
  }
  
  .year_tab ul li a {
    font-size: 1.4rem;
  }
  
  /* .change_year {
    display: none;
  } */
  
  .history_list {
    /* padding-top: 30px; */
    margin-top: 0;
    padding-top: 160px;
  }
  
  .history_list .year_wrap {
    /* gap: 20px 0; */
    /* margin-bottom: 50px; */
    /* padding-bottom: 60px; */
  }
  
  .history_list .year_wrap h2.mo_year {
    font-size: 2rem;
  }
  
  .history_list .year_wrap ul {
    min-height: 220px;
    padding: 35px 20px;
  }
  
  .history_list .year_wrap ul li {
    gap: 0 50px;
  }
  
  .history_list .year_wrap ul li p {
    width: 61px;
    font-size: 1.5rem;
  }
  
  .history_list .year_wrap ul li span {
    width: calc(100% - 111px);
    font-size: 1.5rem;
  }
}



@media(max-width:500px) {
  .history_wrap {
    /* margin-bottom: 3.188rem; */
  }
  
  .year_tab {
    margin-top: 15px;
    /* display: none; */
  }
  .year_tab ul {
    flex-wrap: nowrap;
    align-items: end;
    gap: 0 5px;
  }
  
  .year_tab ul li {
    width: calc(20% - 4px);
    height: auto;
    padding-bottom: 5px;
    border: none;
    border-radius: 0;
  }
  
  .year_tab ul li a {
    font-size: 1.3rem;
  }
  
  .year_tab ul li a br {
    display: block;
  }
  
  .year_tab ul li.on {
    border: none;
    border-bottom: 2px solid #024099;
  }
  
  /* .change_year {
    display: none;
  } */
  
  /* .history_list {
    margin-top: 35px;
    padding-top: 80px;
  } */
  
  .history_list .year_wrap {
    gap: 15px 0;
    /* margin-bottom: 45px; */
    padding-bottom: 50px;
  }
  
  .history_list .year_wrap h2.mo_year {
    font-size: 1.8rem;
  }
  
  .history_list .year_wrap ul {
    padding: 30px 15px;
    min-height: auto;
  }
  
  .history_list .year_wrap ul li {
    gap: 0 15px;
  }
  
  .history_list .year_wrap ul li p {
    width: 57px;
    font-size: 1.4rem;
  }
  
  .history_list .year_wrap ul li span {
    width: calc(100% - 72px);
    font-size: 1.4rem;
  }
}

/* ---------- E:History ---------- */
/* ---------- S:Product Common ---------- */
.product {
  position: relative;
}

.product-quick {
  position: fixed;
  left: -50%;
	top:450px;
  /* top: 77.7%; */
  /* top: 697px; */
  z-index: 3;
  width: 208px;
  /* border-top: 1px solid #0a4ea1; */
	-webkit-transition:all .8s ease;
	transition:all .8s ease;
}

.product-quick.on {
	left:0;
}

.humanMedical .product-quick {
  width: 240px;
}

.product-quick .item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 56px;
  padding: 0 30px;
  background-color: #0a4ea1;
}

.product-quick .item::before {
  content: "";
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 64px;
  height: 3px;
  background-color: #f79521;
}

.product-quick .item a {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 100%;
}

.product-quick .item p {
  font-size: 1.8rem;
  letter-spacing: -0.02em;
  color: #bdbdbd;
}

.product-quick .item span {
  display: block;
  margin-right: 10px;
  opacity: 0;
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #fff;
}

.product-quick .item.on {
  background-color: #1878bf;
}

.product-quick .item.on p {
  font-weight: 500;
  color: #fff;
}

.product-quick .item.on span {
  opacity: 1;
}

.product-quick .item.on::before {
  display: block;
} 

.product .img {
  position: relative;
  width: 100%;
  border: 1px solid #c9c9c9;
  overflow: hidden;
  box-sizing: border-box;
}

.product .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.product .block {
  padding-bottom: 80px;
  /* margin-bottom: 80px; */
}

.product .block:last-of-type {
  padding-bottom: 0;
  /* margin-bottom: 0; */
}

.product .quick-area {
  padding-bottom: 80px;
}

.product .quick-area:last-of-type {
  padding-bottom: 0;
}

.product .table {
  width: 100%;
  border-top: 2px solid #1c1c1c;
}

.product .table table {
  width: 100%;
  border-collapse: collapse;
}

.product .table table thead,
.product .table table .thead  {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #024099;
  border-bottom: 2px solid #c9c9c9;
}

.product .table table tr {
  border-bottom: 1px solid #c9c9c9;
}

.product .table table td {
  padding: 18px 5px 19px;
  font-size: 1.6rem;
  letter-spacing: -0.02em;
  text-align: center;
}

.product .table table th, 
.product .table table td.th {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.product .table table td span {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: rgb(10, 78, 161);
  animation: makerAni 1.4s infinite;
}


@keyframes makerAni {
  0% {
    box-shadow: 0 0 0 0px rgba(10, 78, 161, 1);
  }

  99% {
    box-shadow: 0 0 0 6px rgba(10, 78, 161, 0.1);
  }

  100% {
    box-shadow: 0 0 0 6px rgba(10, 78, 161, 0);
  }
}

.product .table.mark-table tbody td {
  padding: 16px 5px 15px; 
}

.product .table > p,
.product p.table-p {
  margin-top: 3px;
  /* margin-top: 17px; */
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.product .table > p:first-of-type,
.product p.table-p:first-of-type {
  /* margin-top: 3px; */
  margin-top: 17px;
}

.product .block-subTit {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.product .block-subTit .line {
  width: 20px;
  height: 2px;
  background-color: #f79521;
}

.product .block-subTit p {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #024099;
}

.product .block .txtBox {
  margin: 9px 0 35px;
  padding-left: 24px;
}

.product .block .txtBox p {
	display: flex;
	gap:4px;
  position: relative;
  /* padding-left: 10px; */
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: -0.02em;
}

.product .block .txtBox p span {
	display: block;
}

.product .block .txtBox p .dot {
  font-weight: 700;
  font-size: inherit;
  color: #f79521;
}

.product .block01 .conBox {
  display: flex;
  align-items: start;
  gap: 0 48px;
}

.product  .block01 .lt {
  width: 400px;
}

.product .block01 .img {
  aspect-ratio: 1.666 / 1;
}

.product .block01 .rt {
  width: calc(100% - 450px);
  padding-right: 17px;
  margin-top: -7px;
}

.product .block01 .rt p {
  margin-bottom: 32px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height: 1.6;
  color: #333;
}

.product .block01 .rt p:last-of-type {
  margin-bottom: 0;
}

.product .caption {
  margin: 0 0 16px;
}

.product .caption p {
  margin-bottom: 4px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  font-weight: 800;
}

.product .caption span {
  font-size: 2rem;
  letter-spacing: -0.02em;
  font-weight: 500;
  color: #ff1a1a;
}

.product .dotTxt {
  position: relative;
  padding-left: 9px;
  margin-left: 24px;
  margin-bottom: 16px;
}

.product .dotTxt p {
  font-size: 2rem;
  letter-spacing: -0.02em;
}

.product .dotTxt .dot {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 2rem;
  font-weight: 700;
  color: #f79521;
}

.product .block01 .button-wrap {
  position: absolute;
  top: 4px;
  right: 0;
  display: flex;
  align-items: start;
  gap: 0 9px;
}

.product .block01 .button-wrap .button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 240px;
  height: 44px;
  padding-left: 24px;
  padding-right: 8px;
  border-radius: 4px;
  border: 1px solid #191919;
  font-size: 1.8rem;
  letter-spacing: -0.02em;
  font-weight: 500;
  transition: all .2s ease-in;
}

.product .block01 .button-wrap .button:hover {
  border-color: #f79521;
  font-weight: 700;
  color: #fff;
  background-color: #f79521;
}

.product .block01 .button-wrap .button i {
  display: block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all .2s ease-in;
}

.product .block01 .button-wrap .button-contact i {
  background-image: url('/img/sub/product/button-icon01.png');
}

.product .block01 .button-wrap .button-down i {
  background-image: url('/img/sub/product/button-icon02.png');
}

.product .block01 .button-wrap .button-site i {
  background-image: url('/img/sub/product/button-icon03.png');
}

.product .block01 .button-wrap .button-contact:hover i {
  background-image: url('/img/sub/product/button-icon01-on.png');
}

.product .block01 .button-wrap .button-down:hover i {
  background-image: url('/img/sub/product/button-icon02-on.png');
}

.product .block01 .button-wrap .button-site:hover i {
  background-image: url('/img/sub/product/button-icon03-on.png');
}


.product .table table td:first-of-type,
.product .table table th:first-of-type {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: #fff;
  text-align: left;
  padding-left: 24px;
}

.product .table table td:first-of-type.center,
.product .table table th:first-of-type.center {
  text-align: center;
  padding-left: 5px;
}

.product .table table td:first-of-type::after,
.product .table table th:first-of-type::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #c9c9c9;
}

.product .table table td:first-of-type::before,
.product .table table th:first-of-type::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c9c9c9;
}

.product .table table td.bg-right-blue,
.product .table table th.bg-right-blue {
  background-color: #f4fbfd;
}

.product .table table td.none-border-r::after,
.product .table table th.none-border-r::after {
  display: none;
}

.product .table table td.bg-gray,
.product .table table th.bg-gray {
  background-color: #fbfbfb;
}

.product .table table td.td {
  position: unset;
}

@media(max-width:1200px) {
  .product-quick {
    display: none;
    top: 674px;
    z-index: 3;
    width: 180px;
  }
  
  .product-quick .item {
    width: 100%;
    height: 50px;
    padding: 0 20px;
  }
  
  .product-quick .item::before {
    width: 55px;
    height: 3px;
  }
  
  .product-quick .item p {
    font-size: 1.6rem;
  }
  
  .product-quick .item span {
    margin-right: 8px;
    font-size: 1.6rem;
  }
  
  .product .block {
    padding-bottom: 70px;
    /* margin-bottom: 70px; */
  }
  
  .product .block:last-of-type {
    padding-bottom: 0;
    /* margin-bottom: 0; */
  }
  
  .product .quick-area {
    padding-bottom: 70px;
  }
  
  .product .quick-are:last-of-type {
    padding-bottom: 0;
  }
  
  .product .table table thead,
  .product .table table .thead  {
    font-size: 1.5rem;
  }
  
  .product .table table td {
    padding: 15px 5px;
    font-size: 1.5rem;
  }
  
  .product .table table th, 
  .product .table table td.th {
    font-size: 1.5rem;
  }
  
  .product .table table td span {
    width: 20px;
    height: 20px;
  }
  
  .product .table.mark-table tbody td {
    /* padding: 16px 5px 15px;  */
  }
  
  .product .table > p,
  .product p.table-p {
    /* margin-top: 3px; */
    /* margin-top: 17px; */
    font-size: 1.5rem;
  }
  
  .product .table > p:first-of-type,
  .product p.table-p:first-of-type {
    /* margin-top: 3px; */
    margin-top: 15px;
  }
  
  .product .block-subTit {
    /* gap: 0 10px; */
  }
  
  .product .block-subTit .line {
    width: 20px;
    height: 2px;
  }
  
  .product .block-subTit p {
    font-size: 2.2rem;
  }
  
  .product .block .txtBox {
    margin: 9px 0 30px;
    /* padding-left: 20px; */
  }
  
  .product .block .txtBox p {
    /* padding-left: 10px; */
    font-size: 1.8rem;
  }
  
  .product .block01 .conBox {
    gap: 0 40px;
  }
  
  .product  .block01 .lt {
    width: 400px;
  }
  
  .product .block01 .rt {
    width: calc(100% - 400px);
    padding-right: 15px;
    margin-top: -6px;
  }
  
  .product .block01 .rt p {
    margin-bottom: 30px;
    font-size: 1.8rem;
  }
  
  .product .block01 .rt p:last-of-type {
    margin-bottom: 0;
  }
  
  .product .caption {
    /* margin: 0 0 16px; */
  }
  
  .product .caption p {
    /* margin-bottom: 4px; */
    font-size: 1.8rem;
  }
  
  .product .caption span {
    font-size: 1.8rem;
  }
  
  .product .dotTxt {
    /* padding-left: 9px; */
    margin-left: 20px;
    /* margin-bottom: 16px; */
  }
  
  .product .dotTxt p {
    font-size: 1.8rem;
  }
  
  .product .dotTxt .dot {
    font-size: 1.8rem;
  }
  
  /* .product .block01 .button-wrap {
    top: 4px;
    gap: 0 9px;
  } */
  
  .product .block01 .button-wrap .button {
    width: 220px;
    height: 40px;
    padding-left: 20px;
    padding-right: 6px;
    font-size: 1.6rem;
  }
  
  .product .block01 .button-wrap .button i {
    width: 22px;
    height: 22px;
  }
  
  .product .table table td:first-of-type,
  .product .table table th:first-of-type {
    padding-left: 20px;
  }
}

@media(max-width:1024px) {
  .product-quick {
    top: 510px;
    z-index: 3;
    width: 150px;
  }
  
  .product-quick .item {
    height: 45px;
    padding: 0 15px;
  }
  
  .product-quick .item::before {
    width: 45px;
    height: 2px;
  }
  
  .product-quick .item p {
    font-size: 1.5rem;
  }
  
  .product-quick .item span {
    margin-right: 6px;
    font-size: 1.5rem;
  }
  
  .product .block {
    padding-bottom: 60px;
    /* margin-bottom: 60px; */
  }
  
  .product .block:last-of-type {
    padding-bottom: 0;
    /* margin-bottom: 0; */
  }
  
  .product .quick-area {
    padding-bottom: 60px;
  }
  
  .product .quick-are:last-of-type {
    padding-bottom: 0;
  }
  
  .product .table table thead,
  .product .table table .thead  {
    font-size: 1.4rem;
  }
  
  .product .table table td {
    /* padding: 15px 5px; */
    font-size: 1.4rem;
  }
  
  .product .table table th, 
  .product .table table td.th {
    font-size: 1.4rem;
  }
  
  .product .table table td span {
    width: 18px;
    height: 18px;
  }
  
  .product .table.mark-table tbody td {
    padding: 12px 5px; 
  }
  
  .product .table > p,
  .product p.table-p {
    margin-top: 3px;
    font-size: 1.4rem;
  }
  
  .product .table > p:first-of-type,
  .product p.table-p:first-of-type {
    /* margin-top: 3px; */
    /* margin-top: 15px; */
  }
  
  .product .block-subTit {
    /* gap: 0 10px; */
  }
  
  .product .block-subTit .line {
    width: 15px;
    /* height: 2px; */
  }
  
  .product .block-subTit p {
    font-size: 2rem;
  }
  
  .product .block .txtBox {
    margin: 9px 0 25px;
    /* padding-left: 15px; */
  }
  
  .product .block .txtBox p {
    /* padding-left: 10px; */
    font-size: 1.6rem;
  }
  
  .product .block01 .conBox {
    gap: 0 35px;
  }
  
  .product  .block01 .lt {
    width: 350px;
  }
  
  .product .block01 .rt {
    width: calc(100% - 350px);
    padding-right: 12px;
    margin-top: -5px;
  }
  
  .product .block01 .rt p {
    margin-bottom: 25px;
    font-size: 1.6rem;
  }
  
  .product .block01 .rt p:last-of-type {
    margin-bottom: 0;
  }
  
  .product .caption {
    /* margin: 0 0 16px; */
  }
  
  .product .caption p {
    /* margin-bottom: 4px; */
    font-size: 1.6rem;
  }
  
  .product .caption span {
    font-size: 1.6rem;
  }
  
  .product .dotTxt {
    /* padding-left: 9px; */
    margin-left: 15px;
    /* margin-bottom: 16px; */
  }
  
  .product .dotTxt p {
    font-size: 1.6rem;
  }
  
  .product .dotTxt .dot {
    font-size: 1.6rem;
  }
  
  /* .product .block01 .button-wrap {
    top: 4px;
    gap: 0 9px;
  } */
  
  .product .block01 .button-wrap .button {
    width: 200px;
    height: 35px;
    padding-left: 15px;
    padding-right: 6px;
    font-size: 1.5rem;
  }
  
  .product .block01 .button-wrap .button i {
    width: 20px;
    height: 20px;
  }
  
  .product .table table td:first-of-type,
  .product .table table th:first-of-type {
    padding-left: 15px;
  }
  
  @keyframes makerAni {
    0% {
      box-shadow: 0 0 0 0px rgba(10, 78, 161, 1);
    }
  
    99% {
      box-shadow: 0 0 0 4px rgba(10, 78, 161, 0.1);
    }
  
    100% {
      box-shadow: 0 0 0 4px rgba(10, 78, 161, 0);
    }
  }
}

@media(max-width:768px) {
  .product-quick {
    top:390px;
    z-index: 3;
    width: 130px;
  }
  
  .product-quick .item {
    height: 40px;
    padding: 0 12px;
  }
  
  .product-quick .item::before {
    width: 30px;
    height: 2px;
  }
  
  .product-quick .item p {
    font-size: 1.4rem;
  }
  
  .product-quick .item span {
    margin-right: 5px;
    font-size: 1.4rem;
  }
  
  .product .block {
    padding-bottom: 50px;
    /* margin-bottom: 50px; */
  }
  
  .product .block:last-of-type {
    padding-bottom: 0;
    /* margin-bottom: 0; */
  }
  
  .product .quick-area {
    padding-bottom: 50px;
  }
  
  .product .quick-are:last-of-type {
    padding-bottom: 0;
  }
  
  .product .table table thead,
  .product .table table .thead  {
    font-size: 1.3rem;
  }
  
  .product .table table td {
    padding: 12px 5px;
    font-size: 1.3rem;
  }
  
  .product .table table th, 
  .product .table table td.th {
    font-size: 1.3rem;
  }
  
  .product .table table td span {
    width: 15px;
    height: 15px;
  }
  
  .product .table.mark-table tbody td {
    padding: 10px 5px; 
  }
  
  .product .table > p,
  .product p.table-p {
    margin-top: 3px;
    font-size: 1.3rem;
  }
  
  .product .table > p:first-of-type,
  .product p.table-p:first-of-type {
    /* margin-top: 3px; */
    margin-top: 10px;
  }
  
  .product .block-subTit {
    gap: 0 8px;
  }
  
  .product .block-subTit .line {
    width: 10px;
    /* height: 2px; */
  }
  
  .product .block-subTit p {
    font-size: 1.8rem;
  }
  
  .product .block .txtBox {
    margin: 9px 0 20px;
    padding-left: 12px;
  }
  
  .product .block .txtBox p {
    /* padding-left: 8px; */
    font-size: 1.5rem;
  }
  
  .product .block01 .conBox {
    flex-direction: column;
    align-items: start;
    gap: 20px 0;
  }
  
  .product  .block01 .lt {
    width: 300px;
  }
  
  .product .block01 .rt {
    width: 100%;
    padding-right: 0;
    margin-top: 0;
  }
  
  .product .block01 .rt p {
    margin-bottom: 20px;
    font-size: 1.5rem;
  }
  
  .product .block01 .rt p:last-of-type {
    margin-bottom: 0;
  }
  
  .product .caption {
    margin: 0 0 10px;
  }
  
  .product .caption p {
    /* margin-bottom: 4px; */
    font-size: 1.5rem;
  }
  
  .product .caption span {
    font-size: 1.5rem;
  }
  
  .product .dotTxt {
    /* padding-left: 9px; */
    margin-left: 12px;
    margin-bottom: 12px;
  }
  
  .product .dotTxt p {
    font-size: 1.5rem;
  }
  
  .product .dotTxt .dot {
    font-size: 1.5rem;
  }
  
  .product .block01 .button-wrap {
    position: unset;
    margin-bottom: 20px;
    gap: 0 9px;
  }
  
  .product .block01 .button-wrap .button {
    width: 180px;
    height: 30px;
    padding-left: 10px;
    padding-right: 5px;
    font-size: 1.4rem;
  }
  
  .product .block01 .button-wrap .button i {
    width: 18px;
    height: 18px;
  }
  
  .product .table table td:first-of-type,
  .product .table table th:first-of-type {
    padding-left: 12px;
  }
}

@media(max-width:500px) {
  .product-quick {
    top:340px;
    z-index: 3;
    width: 100px;
  }
  
  .product-quick .item {
    height: 35px;
    padding: 0 10px;
  }
  
  .product-quick .item::before {
    width: 15px;
    height: 2px;
  }
  
  .product-quick .item p {
    font-size: 1.3rem;
  }
  
  .product-quick .item span {
    margin-right: 5px;
    font-size: 1.3rem;
  }
  
  .product .block {
    padding-bottom: 45px;
    /* margin-bottom: 45px; */
  }
  
  .product .block:last-of-type {
    padding-bottom: 0;
    /* margin-bottom: 0; */
  }
  
  .product .quick-area {
    padding-bottom: 45px;
  }
  
  .product .quick-are:last-of-type {
    padding-bottom: 0;
  }
  
  .product .table table thead,
  .product .table table .thead  {
    font-size: 1.2rem;
  }
  
  .product .table table td {
    padding: 10px 5px;
    font-size: 1.2rem;
  }
  
  .product .table table th, 
  .product .table table td.th {
    font-size: 1.2rem;
  }
  
  .product .table table td span {
    width: 13px;
    height: 13px;
  }
  
  .product .table > p,
  .product p.table-p {
    /* margin-top: 3px; */
    /* margin-top: 10px; */
    font-size: 1.2rem;
  }
  
  .product .table > p:first-of-type,
  .product p.table-p:first-of-type {
    /* margin-top: 3px; */
    /* margin-top: 10px; */
  }
  
  .product .block-subTit {
    /* gap: 0 8px; */
  }
  
  .product .block-subTit .line {
    width: 8px;
    /* height: 2px; */
  }
  
  .product .block-subTit p {
    font-size: 1.6rem;
  }
  
  .product .block .txtBox {
    margin: 6px 0 15px;
    padding-left: 10px;
  }
  
  .product .block .txtBox p {
    /* padding-left: 6px; */
    font-size: 1.4rem;
  }
  
  .product .block01 .conBox {
    gap: 15px 0;
  }
  
  .product  .block01 .lt {
    width: 280px;
  }
  
  .product .block01 .rt p {
    margin-bottom: 15px;
    font-size: 1.4rem;
  }
  
  .product .block01 .rt p:last-of-type {
    margin-bottom: 0;
  }
  
  .product .caption p {
    /* margin-bottom: 4px; */
    font-size: 1.4rem;
  }
  
  .product .caption span {
    font-size: 1.4rem;
  }
  
  .product .dotTxt {
    /* padding-left: 9px; */
    margin-left: 10px;
    margin-bottom: 10px;
  }
  
  .product .dotTxt p {
    font-size: 1.4rem;
  }
  
  .product .dotTxt .dot {
    font-size: 1.4rem;
  }
  
  .product .block01 .button-wrap {
    margin-bottom: 15px;
    gap: 0 5px;
  }
  
  .product .block01 .button-wrap .button {
    width: 160px;
    font-size: 1.3rem;
  }
  
  .product .block01 .button-wrap .button i {
    width: 15px;
    height: 15px;
  }
  
  .product .table table td:first-of-type,
  .product .table table th:first-of-type {
    padding-left: 10px;
  }
}
/* ---------- E:Product Common ---------- */

/* ---------- S:Aegispak ---------- */
.aegispak .img {
  max-width: 800px;
  aspect-ratio: 1.904 / 1;
}

.aegispak .block02 .table th,
.aegispak .block02 .table td.th {
  width: 258px;
  text-align: left;
  padding-left: 24px;
  /* border-right: 1px solid #c9c9c9; */
}

.aegispak .block03 .conBox {
  margin-top: -6px;
}


.aegispak .block05 > .txt, 
.aegispak .block06 > .txt {
  margin: -3px 0 20px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  color: #333;
}

.aegispak .block06 .conBox {
  display: flex;
  align-items: start;
  gap: 0 40px;
}

.aegispak .block06 .conBox > div {
  max-width: 620px;
  width: 100%;
}

.aegispak .block06 .conBox > div .img {
  aspect-ratio: 1.856 / 1;
  margin-bottom: 14px;
}

.aegispak .block06 .conBox p {
  font-size: 2rem;
  letter-spacing: -0.02em;
  color: #333;
  text-align: center;
}

.aegispak .block07 .table th, 
.aegispak .block07 .table td {
  width: 20%;
}

.aegispak .block07 .table th {
  text-align: left;
  padding-left: 24px;
  border-right: 1px solid #c9c9c9;
}

.aegispak .block08 .table td {
  width: 115px;
}

.aegispak .block08 .table .th {
  width: 151px;
  /* border-right: 1px solid #c9c9c9; */
}

.aegispak .block10 .img {
  aspect-ratio: 1.860 / 1;
}

@media(max-width:1200px) {
  .aegispak .block02 .table th,
  .aegispak .block02 .table td.th {
    width: 230px;
    padding-left: 20px;
  }
  
  .aegispak .block03 .conBox {
    margin-top: -5px;
  }
  
  .aegispak .block05 > .txt, 
  .aegispak .block06 > .txt {
    /* margin: -3px 0 20px; */
    font-size: 1.8rem;
  }
  
  .aegispak .block06 .conBox {
    gap: 0 35px;
  }
  
  .aegispak .block06 .conBox > div .img {
    /* margin-bottom: 14px; */
  }
  
  .aegispak .block06 .conBox p {
    font-size: 1.8rem;
  }
  
  .aegispak .block07 .table th, 
  .aegispak .block07 .table td {
    /* width: 20%; */
  }
  
  .aegispak .block07 .table th {
    padding-left: 20px;
  }
  
  .aegispak .block08 .table td {
    /* width: 115px; */
  }
  
  .aegispak .block08 .table th {
    /* width: 151px; */
  }
}

@media(max-width:1024px) {
  .aegispak .block02 .table th,
  .aegispak .block02 .table td.th {
    width: 180px;
    padding-left: 15px;
  }
  
  .aegispak .block03 .conBox {
    margin-top: -4px;
  }
  
  .aegispak .block05 > .txt, 
  .aegispak .block06 > .txt {
    margin: -2px 0 15px;
    font-size: 1.6rem;
  }
  
  .aegispak .block06 .conBox {
    gap: 0 30px;
  }
  
  .aegispak .block06 .conBox > div .img {
    margin-bottom: 10px;
  }
  
  .aegispak .block06 .conBox p {
    font-size: 1.6rem;
  }
  
  .aegispak .block07 .table th, 
  .aegispak .block07 .table td {
    /* width: 20%; */
  }
  
  .aegispak .block07 .table th {
    padding-left: 15px;
  }
  
  .aegispak .block08 .table td {
    /* width: 115px; */
  }
  
  .aegispak .block08 .table th {
    /* width: 151px; */
  }
}

@media(max-width:768px) {
  .aegispak .block02 .table {
    width: 100%;
    overflow: auto;
  }
  
  .aegispak .block02 .table table {
    width: 850px;
  }
  
  .aegispak .block02 .table th,
  .aegispak .block02 .table td.th {
    width: 140px;
    padding-left: 15px;
  }
  
  .aegispak .block03 .conBox {
    margin-top: -3px;
  }
  
  .aegispak .block05 > .txt, 
  .aegispak .block06 > .txt {
    margin: -1px 0 12px;
    font-size: 1.5rem;
  }
  
  .aegispak .block06 .conBox {
    gap: 0 25px;
  }
  
  .aegispak .block06 .conBox > div .img {
    /* margin-bottom: 10px; */
  }
  
  .aegispak .block06 .conBox p {
    font-size: 1.5rem;
  }
  
  .aegispak .block07 .table {
    width: 100%;
    overflow: auto;
  }

  .aegispak .block07 .table table {
    width: 650px;
  }
  
  .aegispak .block07 .table th, 
  .aegispak .block07 .table td {
    /* width: 20%; */
  }
  
  .aegispak .block07 .table th {
    padding-left: 12px;
  }
  
  .aegispak .block08 .table td {
    /* width: 115px; */
  }
  
  .aegispak .block08 .table th {
    /* width: 151px; */
  }
}

@media(max-width:500px) {
  .aegispak .block02 .table table {
    width: 850px;
  }
  
  .aegispak .block02 .table th,
  .aegispak .block02 .table td.th {
    width: 120px;
    padding-left: 10px;
  }
  
  .aegispak .block03 .conBox {
    margin-top: -2px;
  }
  
  .aegispak .block05 > .txt, 
  .aegispak .block06 > .txt {
    margin: 0px 0 10px;
    font-size: 1.4rem;
  }
  
  .aegispak .block06 .conBox {
    flex-direction: column;
    align-items: start;
    gap: 15px 0;
  }

  .aegispak .block06 .conBox p {
    font-size: 1.4rem;
  }
  
  .aegispak .block07 .table table {
    width: 580px;
  }
  
  .aegispak .block08 .table {
    width: 100%;
    overflow: auto;  
  }
  
  .aegispak .block08 .table table {
    width: 610px;
  }
  
  .aegispak .block07 .table th {
    padding-left: 10px;
  }
}
/* ---------- E:Aegispak ---------- */
/* ---------- S:inno ---------- */
.inno .img {
  max-width: 800px;
  aspect-ratio: 1.904 / 1;
}

.inno .subTxt {
  margin: -6px 0 33px;
  font-size: 2rem;
  letter-spacing: -0.02em;
}

.inno .block02 .table {
  margin-bottom: 36px;
}

.inno .block02 .table:last-of-type {
  margin-bottom: 0;
}

.inno .block02 .table thead td:first-of-type {
  width: 257px;
}

.inno .block02 .table th {
  width: 257px;
  padding-left: 24px;
  border-right: 1px solid #c9c9c9;
  text-align: left;
}

.inno .block04 .img {
  margin-bottom: 20px;
}

.inno .block04 .img:last-of-type {
  margin-bottom: 0;
}

.inno .block05 .conBox {
  display: flex;
  align-items: start;
  gap: 0 40px;
  width: 100%;
}

.inno .block05 .conBox .box {
  max-width: 620px;
  width: 100%;
}

.inno .block05 .conBox .box .img {
  aspect-ratio: 1 / 1;
}

.inno .block06 .conBox {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.inno .block06 .conBox .box {
  max-width: 620px;
  width: 100%;
}

.inno .block06 .conBox .img {
  margin-bottom: 14px;
  aspect-ratio: 1.856 / 1;
}

.inno .block06 .conBox .box p {
  margin-bottom: -2px;
  font-size: 2rem;
  text-align: center;
  letter-spacing: -0.02em;
  color: #333;
}

.inno .block07 .table th, 
.inno .block07 .table td {
  width: 205px;
}

.inno .block07 .table thead td:first-of-type {
  width: 255px;
}

.inno .block07 .table th {
  width: 255px;
  text-align: left;
  padding-left: 24px;
  border-right: 1px solid #c9c9c9;
}

.inno .block08 .table td {
  width: 115px;
}

.inno .block08 .table td.th {
  width: 151px;
  /* border-right: 1px solid #c9c9c9; */
}

@media(max-width:1200px) {
  .inno .subTxt {
    margin: -5px 0 30px;
    font-size: 1.8rem;
  }
  
  .inno .block02 .table {
    margin-bottom: 30px;
  }
  
  .inno .block02 .table:last-of-type {
    margin-bottom: 0;
  }
  
  .inno .block02 .table thead td:first-of-type,
  .inno .block02 .table th {
    width: 220px;
  }
  
  .inno .block02 .table th {
    padding-left: 20px;
  }

  .inno .block05 .conBox {
    gap: 0 35px;
  }
  
  .inno .block05 .conBox .box {
    max-width: 620px;
  }

  .inno .block06 .conBox {
    gap: 35px;
  }
  
  .inno .block06 .conBox .box p {
    margin-bottom: 0;
    font-size: 1.8rem;
  }
  
  .inno .block07 .table thead td:first-of-type {
    width: 220px;
  }
  
  .inno .block07 .table th {
    width: 220px;
    padding-left: 20px;
  }
}

@media(max-width:1024px) {
  .inno .subTxt {
    margin: -4px 0 25px;
    font-size: 1.6rem;
  }
  
  .inno .block02 .table {
    margin-bottom: 25px;
  }
  
  .inno .block02 .table:last-of-type {
    margin-bottom: 0;
  }
  
  .inno .block02 .table thead td:first-of-type,
  .inno .block02 .table th {
    width: 200px;
  }
  
  .inno .block05 .conBox {
    gap: 0 30px;
  }

  .inno .block06 .conBox {
    gap: 30px;
  }
  
  .inno .block06 .conBox .box p {
    margin-bottom: 0;
    font-size: 1.6rem;
  }
  
  .inno .block07 .table thead td:first-of-type {
    width: 250px;
  }
  
  .inno .block07 .table th {
    width: 250px;
    padding-left: 15px;
  }
}

@media(max-width:768px) {
  .inno .subTxt {
    margin: -3px 0 20px;
    font-size: 1.5rem;
  }
  
  .inno .block02 .table {
    width: 100%;
    overflow: auto;
    margin-bottom: 20px;
  }
  
  
  .inno .block02 .table:last-of-type {
    margin-bottom: 0;
  }
  
  .inno .block02 .table table {
    width: 900px;
  }
  
  .inno .block02 .table thead td:first-of-type,
  .inno .block02 .table th {
    width: 190px;
  }
  
  .inno .block05 .conBox {
    gap: 0 25px;
  }

  .inno .block06 .conBox {
    gap: 30px;
  }
  
  .inno .block06 .conBox .box p {
    margin-bottom: 0;
    font-size: 1.6rem;
  }
  
  .inno .block07 .table, 
  .inno .block08 .table {
    width: 100%;
    overflow: auto;
  }
  
  .inno .block07 .table table,
  .inno .block08 .table table {
    width: 750px;
  }

  .inno .block07 .table thead td:first-of-type {
    width: 250px;
  }
  
  .inno .block07 .table th {
    width: 250px;
    padding-left: 15px;
  }
}

@media(max-width:500px) {
  .inno .subTxt {
    margin: -2px 0 15px;
    font-size: 1.4rem;
  }
  
  .inno .block02 .table {
    margin-bottom: 20px;
  }
  
  .inno .block02 .table:last-of-type {
    margin-bottom: 0;
  }
  
  .inno .block02 .table table {
    width: 850px;
  }
  
  .inno .block02 .table thead td:first-of-type,
  .inno .block02 .table th {
    width: 180px;
  }

  .inno .block05 .conBox {
    flex-direction: column;
    align-items: start;
    gap: 20px 0;
  }

  .inno .block06 .conBox {
    gap: 25px;
  }
  
  .inno .block06 .conBox .box p {
    margin-bottom: 0;
    font-size: 1.5rem;
  }
  
  .inno .block07 .table table,
  .inno .block08 .table table {
    width: 650px;
  }
  
  .inno .block07 .table thead td:first-of-type {
    width: 280px;
  }
  
  .inno .block07 .table th {
    width: 280px;
  }
}

/* ---------- E:Inno ---------- */

/* ---------- S:Es ---------- */
.es .product-quick .item:nth-of-type(2),
.es .product-quick .item:nth-of-type(3) {
  display: none;
}

.es .table th {
  width: 360px;
  border-right: 1px solid #c9c9c9;
  background-color: #fbfbfb;
  line-height: 1.5;
}

.es .table td {
  width: 460px;
  border-right: 1px solid #c9c9c9;
  align-items: center;
}

.es .table thead td,
.es .table td:last-of-type {
  border-right: none;
}

.es .table thead td:first-of-type {
  width: 360px;
}

.es .table table td:first-of-type:after {
  display: none;
}


.es .table table td:first-of-type, 
.es .table table th:first-of-type {
  position: unset;
  width: 360px;
}

.es .table table tr {
  border-bottom: 1px solid #c9c9c9;
}

@media(max-width:1200px) {
  .es .table th,
  .es .table thead td:first-of-type {
    width: 290px;
  }

  .es .table td {
    width: 390px;
  }
}

@media(max-width:1024px) {
  .es .table th,
  .es .table thead td:first-of-type {
    width: 240px;
  }

  .es .table td {
    width: 340px;
  }
}

@media(max-width:768px) {
  .es .table th,
  .es .table thead td:first-of-type {
    width: 190px;
  }

  .es .table td {
    width: 290px;
  }
  
  .es .table table td:first-of-type, 
  .es .table table th:first-of-type {
    width: 220px;
  }
}

@media(max-width:500px) {
  .es .table th,
  .es .table thead td:first-of-type {
    width: 140px;
  }

  .es .table td {
    width: 240px;
  }
  
  .es .table table td:first-of-type, 
  .es .table table th:first-of-type {
    width: 200px;
  }
}
/* ---------- E:Es ---------- */

/* ---------- S:Shinwa ---------- */
.shinwa .product-quick .item:nth-of-type(2),
.shinwa .product-quick .item:nth-of-type(3) {
  display: none;
}

.shinwa .subTxt {
  margin: -9px 0 17px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  color: #333;
}

.shinwa .table tbody td.center {
  border-right: 1px solid #c9c9c9;
}

.shinwa .table tbody td.th.center {
  border-right: none;
}

.shinwa .table th,
.shinwa .table thead td:first-of-type {
  width: 360px;
}

.shinwa .table td {
  width: 460px;
}

@media(max-width:1200px) {
  .shinwa {
    min-height: 400px;
  }
  
  .shinwa .subTxt {
    margin: -8px 0 15px;
    font-size: 1.8rem;
  }

  .shinwa .table th,
  .shinwa .table thead td:first-of-type {
    width: 300px;
  }

  .shinwa .table td {
    width: 400px;
  }
}

@media(max-width:1024px) {
  .shinwa .subTxt {
    margin: -7px 0 15px;
    font-size: 1.6rem;
  }

  .shinwa .table th,
  .shinwa .table thead td:first-of-type {
    width: 240px;
  }

  .shinwa .table td {
    width: 340px;
  }
}

@media(max-width:768px) {
  .shinwa {
    min-height: 350px;
  }
  
  .shinwa .subTxt {
    margin: -6px 0 12px;
    font-size: 1.5rem;
  }

  .shinwa .table th,
  .shinwa .table thead td:first-of-type {
    width: 190px;
  }

  .shinwa .table td {
    width: 290px;
  }
}

@media(max-width:500px) {
  .shinwa .subTxt {
    margin: -5px 0 10px;
    font-size: 1.4rem;
  }
  
  .shinwa .table {
    width: 100%;
    overflow: auto;
  }
  
  .shinwa .table table {
    width: 600px;
  }

  .shinwa .table th,
  .shinwa .table thead td:first-of-type {
    width: 150px;
  }

  .shinwa .table td {
    width: 250px;
  }
}
/* ---------- E:Shinwa ---------- */

/* ---------- S:Ghost ---------- */
.ghost .product-quick .item:nth-of-type(2),
.ghost .product-quick .item:nth-of-type(3) {
  display: none;
}

.ghost .block01 .img,
.ghost .img {
  max-width: 800px;
  aspect-ratio: 1.904 / 1;
}
.ghost .block02 .table {
  margin-bottom: 40px;
}

.ghost .block02 .table .thead:first-of-type {
  border-bottom: 1px solid #c9c9c9;
}

.ghost .block02 .table td {
  width: 50%;
  border-right: 1px solid #c9c9c9;
}

.ghost .block02 .table thead td,
.ghost .block02 .table td:last-of-type {
  border-right: none;
}

.ghost .block02 .table02 td {
  width: 33.333%;
}

.ghost .block03 .table td {
  width: 25%;
}

.ghost .block03 .table tbody td {
  border-right: 1px solid #c9c9c9;
}

.ghost .block03 .table tbody td:last-of-type {
  border-right: none;
}

@media(max-width:1200px) {
  .ghost .block02 .table {
    margin-bottom: 35px;
  }
}

@media(max-width:1024px) {
  .ghost .block02 .table {
    margin-bottom: 30px;
  }
}

@media(max-width:768px) {
  .ghost .block02 .table {
    margin-bottom: 25px;
  }
}

@media(max-width:500px) {
  .ghost .block02 .table {
    margin-bottom: 20px;
  }
}
/* ---------- E:Ghost ---------- */

/* ---------- S:InnoCore ---------- */
.innoCore .product-quick .item:nth-of-type(3) {
  display: none;
}

.innoCore .block01 .img,
.innoCore .img {
  max-width: 800px;
  width: 100%;
  aspect-ratio: 1.904 / 1;
}

.innoCore .table th {
  padding-left: 24px;
  border-right: 1px solid #c9c9c9;
  text-align: left;
  font-weight: 600;
}

.innoCore .table thead th {
  border-right: none;
  font-weight: 600;
}

.innoCore .block05 .table td {
  /* width: 512px; */
} 

.innoCore .block06 .table td {
  width: 25%;
} 

.innoCore .block06 .table th {
  text-align: center;
}


.innoCore .block04 .table table th, 
.innoCore .block05 .table table th, 
.innoCore .block05 .table table thead .th,
.innoCore .block05 .table table td.th {
  width: 255px;
} 

.innoCore .block04 .table table td:first-of-type,
.innoCore .block05 .table table td:first-of-type {
  width: 260px;
  padding-left: 20px;
}


.innoCore .block07 .conBox {
  display: flex;
  align-items: start;
  gap: 0 20px;
  margin-bottom: 40px;
}

.innoCore .block07 .conBox .table {
  width: 184px;
}

.innoCore .block07 .conBox .table01 {
  width: 168px;
}

.innoCore .block07 .conBox .table02 {
  width: 684px;
}

.innoCore .block07 .conBox .table table {
  min-height: 343px;
}

.innoCore .block07 .conBox .table02 td {
  width: 50%;
}

.innoCore .block07 .conBox .table02 th,
.innoCore .block07 .table05 th  {
  text-align: left;
  padding-left: 24px;
  border-right: 1px solid #c9c9c9;
}

.innoCore .block07 .table05 th, 
.innoCore .block07 .table05 thead td:first-of-type {
  width: 440px;
}

.innoCore .block07 .conBox .table01 td::after,
.innoCore .block07 .conBox .table03 td::after,
.innoCore .block07 .conBox .table04 td::after {
  display: none;
}
@media(max-width:1200px) {
  .innoCore .table th {
    padding-left: 20px;
  }
  
  .innoCore .block04 .table th, 
  .innoCore .block05 .table th, 
  .innoCore .block05 .table thead .th {
    width: 20%;
  } 
  
  .innoCore .block05 .table td {
    width: 40%;  
  }
  
  .innoCore .block07 .conBox {
    gap: 0 15px;
    margin-bottom: 35px;
  }
  
  .innoCore .block07 .conBox .table02 th,
  .innoCore .block07 .table05 th  {
    padding-left: 20px;
  }
  
  .innoCore .block07 .table05 th, 
  .innoCore .block07 .table05 thead td:first-of-type {
    width: 350px;
  }
}

@media(max-width:1024px) {
  .innoCore .table th {
    padding-left: 15px;
  }
  
  .innoCore .block04 .table th, 
  .innoCore .block05 .table th, 
  .innoCore .block05 .table thead .th {
    width: 180px;
  } 
  
  .innoCore .block07 .conBox {
    gap: 0 10px;
    margin-bottom: 30px;
  }
  
  .innoCore .block07 .conBox .table02 th,
  .innoCore .block07 .table05 th  {
    padding-left: 15px;
  }
  
  .innoCore .block07 .conBox .table02 {
    width: 520px;
  }
  
  .innoCore .block07 .table05 th, 
  .innoCore .block07 .table05 thead td:first-of-type {
    width: 300px;
  }
  
  .innoCore .block04 .table table td:first-of-type,
  .innoCore .block05 .table table td:first-of-type {
    padding-left: 15px;
  }
}

@media(max-width:768px) {
  .innoCore .table th {
    padding: 10px 5px;
    padding-left: 10px;
  }
  
  .innoCore .table {
    width: 100%;
    overflow: auto;
  }
  
  .innoCore .block04 .table table {
    width: 860px;
  }
  
  .innoCore .block04 .table th {
    width: 180px;
  } 
  
  .innoCore .block05 .table th, 
  .innoCore .block05 .table thead .th {
    width: 30%;
  }
  
  .innoCore .block05 .table td {
    width: 35%;
  }
  
  .innoCore .block07 .conBox {
    gap: 0 10px;
    margin-bottom: 25px;
  }
  
  .innoCore .block07 .conBox table thead {
    height: 55px;
  }
  .innoCore .block07 .conBox .table02 th,
  .innoCore .block07 .table05 th  {
    padding-left: 10px;
  }
  
  .innoCore .block07 .table05 table {
    width: 860px;
  }
  
  .innoCore .block07 .table05 th, 
  .innoCore .block07 .table05 thead td:first-of-type {
    width: 300px;
  }
  
  .innoCore .block04 .table table td:first-of-type,
  .innoCore .block05 .table table td:first-of-type {
    padding-left: 12px;
  }
}

@media(max-width:500px) {
  .innoCore .block04 .table table {
    width: 800px;
  }
  
  .innoCore .block04 .table th {
    width: 160px;
  } 
  
  .innoCore .block05 .table th, 
  .innoCore .block05 .table thead .th {
    width: 33.333%;
  }
  
  .innoCore .block05 .table td {
    width: 33.333%;
  }
  
  .innoCore .block07 .table-wrap {
    width: 100%;
    overflow: auto;
    margin-bottom: 25px;
  }
  
  .innoCore .block07 .conBox {
    width: 775px;
    gap: 0 5px;
    margin-bottom: 0;
  }
  
  .innoCore .block07 .conBox .table {
    width: 120px;
  }

  .innoCore .block07 .conBox .table02 {
    width: 400px;
  }
  
  .innoCore .block07 .conBox table thead {
    height: auto;
  }
  
  .innoCore .block07 .conBox .table02 th,
  .innoCore .block07 .table05 th  {
    padding-left: 10px;
  }
  
  .innoCore .block07 .table05 table {
    width: 820px;
  }
  
  .innoCore .block07 .table05 th, 
  .innoCore .block07 .table05 thead td:first-of-type {
    width: 270px;
  }
  
  .innoCore .block04 .table table td:first-of-type,
  .innoCore .block05 .table table td:first-of-type {
    padding-left: 10px;
  }
}
/* ---------- E:InnoCore ---------- */

/* ---------- S:Full ---------- */
.full .product-quick .item:nth-of-type(3) {
  display: none;
}

.full .quick-area:first-of-type {
  padding-bottom: 71px;
}

.full .block01 .img {
  aspect-ratio: 1.666 / 1;
}

.full .block01 .conBox:last-of-type {
  display: block;
  margin-top: 39px;
}

.full .block td {
  width: 12.5%;
  border-right: 1px solid #c9c9c9;
}

.full .block td.thead {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 5;
  border-bottom: 1px solid #c9c9c9;
}

.full .block td.thead.sticky {
  left: 75px;
}

.full .block td.thead::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100px;
  top: 0;
  right: 0;
  z-index: 5;
  /* border-right-color: #c9c9c9; */
}

.full .block td:last-of-type {
  border-right: none;
}

.full .conBox02 .txtBox {
  margin-bottom: 0;
}

@media(max-width:1200px) {
  .full .quick-area:first-of-type {
    padding-bottom: 60px;
  }
  
  .full .block01 .conBox:last-of-type {
    margin-top: 35px;
  }
  
  .full .block td {
    width: 12.5%;
  }
}

@media(max-width:1024px) {
  .full .quick-area:first-of-type {
    padding-bottom: 50px;
  }
  
  .full .block01 .conBox:last-of-type {
    margin-top: 30px;
  }
  
  .full .block td {
    width: 12.5%;
  }
}

@media(max-width:768px) {
  .full .quick-area:first-of-type {
    padding-bottom: 40px;
  }
  
  .full .block01 .conBox:last-of-type {
    margin-top: 25px;
  }
  
  .full .block td {
    width: 12.5%;
  }
}

@media(max-width:500px) {
  .full .quick-area:first-of-type {
    padding-bottom: 35px;
  }
  
  .full .block01 .conBox:last-of-type {
    margin-top: 20px;
  }
  
  .full .block .table {
    width: 100%;
    overflow: auto;
  }
  
  .full .block .table table {
    width: 600px;
  }
}
/* ---------- E:Full ---------- */

/* ---------- S:Dec ---------- */
.dac .product-quick .item:nth-of-type(3) {
  display: none;
}

.dac .block01 .subTxt {
  margin: -5px 0 33px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height: 1.6;
  color: #333;
}

.dac .block01 .conBox01  {
  display: block;
}

.dac .block01 .conBox02 {
  margin-top: -2px;
  gap: 0 40px;
}

.dac .table td {
  border-right: 1px solid #c9c9c9;
}

.dac .table td:last-of-type {
  border-right: none;
}

.dac .table table td.thead {
  border-bottom: 1px solid #c9c9c9;
}

.dac .table table td.th {
  padding-left: 24px;
  text-align: left;
}

.dac .table table td.sticky {
  position: sticky;
  left:89px;
  z-index: 6;
  background-color: #fbfbfb;
}

.dac .table table td.sticky::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #c9c9c9;
}

.dac .table table td.sticky::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c9c9c9;
}

.dac .table table td:first-of-type.sticky::before {
  display: none;
}

.dac .table table td.sticky.none-border-b::before {
  display: none;
}

@media(max-width:1200px) {
  .dac .block01 .subTxt {
    margin: -4px 0 30px;
    font-size: 1.8rem;
  }
  
  .dac .block01 .conBox02 {
    margin-top: 0;
    gap: 0 35px;
  }
  
  .dac .table table td.th {
    padding-left: 20px;
  }
}

@media(max-width:1024px) {
  .dac .block01 .subTxt {
    margin: -3px 0 25px;
    font-size: 1.6rem;
  }
  
  .dac .block01 .conBox02 {
    margin-top: 0;
    gap: 0 30px;
  }
  
  .dac .table table td.th {
    padding-left: 15px;
  }
}

@media(max-width:768px) {
  .dac .block01 .subTxt {
    margin: -2px 0 20px;
    font-size: 1.5rem;
  }
  
  .dac .block01 .conBox02 {
    margin-top: 0;
    gap: 25px 0;
  }
  
  .dac .table {
    width: 100%;
    overflow: auto;
  }
  
  .dac .table table {
    width: 800px;
  }
  
  .dac .table table td.th {
    padding-left: 10px;
  }
}

@media(max-width:500px) {
  .dac .block01 .subTxt {
    margin: -1px 0 15px;
    font-size: 1.4rem;
  }
  
  .dac .block01 .conBox02 {
    margin-top: 0;
    gap: 20px 0;
  }
  
  .dac .table table {
    width: 750px;
  }
  
  .dac .table table td.sticky {
    left:81px;
  }
}
/* ---------- E:Dec ---------- */

/* ---------- S:Sac ---------- */
.sac .block01 .subTxt {
  margin: -5px 0 33px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height: 1.6;
  color: #333;
}

.sac .block01 .conBox01, 
.sac .block01 .conBox02 {
  display: block;
}

.sac .table td {
  width: 872px;
}

.sac .table td.thead {
  width: 150px;
  border-right: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
}

.sac .table .th {
  width: 258px;
  padding-left: 24px;
  text-align: left;
  background-color: #fbfbfb;
  border-right: 1px solid #c9c9c9;
}

.sac .table table td.sticky {
  position: sticky;
  left:110px;
  z-index: 5;
  background-color: #fbfbfb;
}

.sac .table table td.sticky::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #c9c9c9;
}

.sac .table table td.sticky::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c9c9c9;
}

.sac .table table td.sticky.none-border-b::before {
  display: none;
}

@media(max-width:1200px) {
  .sac .block01 .subTxt {
    margin: -4px 0 30px;
    font-size: 1.8rem;
  }
  
  .sac .table td {
    width: 872px;
  }
  
  .sac .table td.thead {
    width: 150px;
  }
  
  .sac .table .th {
    width: 230px;
    padding-left: 20px;
  }
}

@media(max-width:1024px) {
  .sac .block01 .subTxt {
    margin: -3px 0 25px;
    font-size: 1.6rem;
  }
  
  .sac .table td {
    width: auto;
  }
  
  .sac .table td.thead {
    width: 140px;
  }
  
  .sac .table .th {
    width: 210px;
    padding-left: 15px;
  }
}

@media(max-width:768px) {
  .sac .block01 .subTxt {
    margin: -2px 0 20px;
    font-size: 1.5rem;
  }
  
  .sac .table td {
    width: auto;
  }
  
  .sac .table td.thead {
    width: 110px;
  }
  
  .sac .table .th {
    width: 180px;
    padding-left: 10px;
  }
}

@media(max-width:500px) {
  .sac .block01 .subTxt {
    margin: -1px 0 15px;
    font-size: 1.4rem;
  }
  
  .sac .table {
    width: 100%;
    overflow: auto;
  }
  
  .sac .table table {
    width: 480px;
  }
  
  .sac .table .th {
    width: 170px;
  }
  
  .sac .table table td.sticky {
    width: 120px;
  }
}
/* ---------- E:Sac ---------- */

/* ---------- S:Mac ---------- */
.mac .block01 .subTxt {
  margin: -12px 0 33px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height: 1.6;
  color: #333;
}

.mac .table td {
  width: 174px;
  border-right: 1px solid #c9c9c9;
}

.mac .table td:last-of-type {
  border-right: none;
}

.mac .table td.thead {
  width: 150px;
  border-bottom: 1px solid #c9c9c9;
}

.mac .table td.th {
  width: 258px;
  padding-left: 24px;
  text-align: left;
  background-color: #fbfbfb;
  border-right: 1px solid #c9c9c9;;
}

.mac .table table td.sticky {
  position: sticky;
  left:166px;
  z-index: 6;
  background-color: #fbfbfb;
}

.mac .table table td.sticky::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #c9c9c9;
}

.mac .table table td.sticky::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c9c9c9;
}

.mac .table table td.sticky.none-border-b::before {
  display: none;
}

@media(max-width:1200px) {
  .mac .block01 .subTxt {
    margin: -11px 0 30px;
    font-size: 1.8rem;
  }
  
  .mac .table td {
    width: 174px;
  }
  
  .mac .table td.thead {
    width: 150px;
  }
  
  .mac .table td.th {
    width: 258px;
    padding-left: 20px;
  }
}

@media(max-width:1024px) {
  .mac .block01 .subTxt {
    margin: -10px 0 25px;
    font-size: 1.6rem;
  }
  
  .mac .table td {
    width: auto;
  }
  
  .mac .table td.thead {
    width: 140px;
  }
  
  .mac .table td.th {
    width: 220px;
    padding-left: 15px;
  }
}

@media(max-width:768px) {
  .mac .block01 .subTxt {
    margin: -8px 0 20px;
    font-size: 1.5rem;
  }
  
  .mac .table td.thead {
    width: 120px;
  }
  
  .mac .table td.th {
    width: 200px;
    padding-left: 10px;
  }
}

@media(max-width:500px) {
  .mac .block01 .subTxt {
    margin: -7px 0 15px;
    font-size: 1.4rem;
  }
  
  .mac .table {
    width: 100%;
    overflow: auto;
  }
  
  .mac .table table {
    width: 500px;
  }
  
  .mac .table td.thead {
    width: 110px;
  }
  
  .mac .table td.th {
    width: 170px;
    padding-left: 10px;
  }
}
/* ---------- E:Mac ---------- */

/* ---------- S:Glass ---------- */
.glass .block01 .conBox {
  display: block;
}

.glass .block01 .subTxt {
  margin: -5px 0 28px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height: 1.6;
  color: #333;
}

.glass .block02 .table td {
  width: 170px;
}

.glass .block02 .table td:first-of-type {
  width: 258px;
  border-right: 1px solid #c9c9c9;
}

.glass .block02 .table thead td:first-of-type {
  border-right: none;
}

@media(max-width:1200px) {
  .glass .block01 .subTxt {
    margin: -4px 0 25px;
    font-size: 1.8rem;
  }
  
  .glass .block02 .table td {
    width: auto;
  }
  
  .glass .block02 .table td:first-of-type {
    width: 210px;
  }
}

@media(max-width:1024px) {
  .glass .block01 .subTxt {
    margin: -3px 0 20px;
    font-size: 1.6rem;
  }
  
  .glass .block02 .table td:first-of-type {
    width: 180px;
  }
}

@media(max-width:786px) {
  .glass .block01 .subTxt {
    margin: -2px 0 15px;
    font-size: 1.5rem;
  }
  
  .glass .block02 .table td:first-of-type {
    width: 140px;
  }
}

@media(max-width:500px) {
  .glass .block01 .subTxt {
    margin: -1px 0 15px;
    font-size: 1.4rem;
  }
  
  .glass .block02 .table {
    width: 100%;
    overflow: auto;
  }
  
  .glass .block02 .table table {
    width: 600px;
  }
  
  .glass .block02 .table td:first-of-type {
    width: 140px;
  }
}
/* ---------- E:Glass ---------- */

/* ---------- S:2Heads ---------- */
.heads2 .block01 .subTxt {
  margin: -5px 0 33px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height: 1.6;
  color: #333;
}

.heads2 .block01 .conBox01 {
  display: block;
}

.heads2 .block01 .conBox02 {
  /* 2025.02.07 추가 */
  max-width: 541px;
  width: 100%;
  gap: 0 40px;
}

.heads2 .block01 .conBox02 .img {
  aspect-ratio: 1.333 / 1;
}
/* 
.heads2 .block02 .table table td {
  width: 16.666%;
  height: 57px;
  padding: 0 5px;
  border-right: 1px solid #c9c9c9;
}

.heads2 .block02 .table table thead td,
.heads2 .block02 .table table td:first-of-type {
  border-right: none;
}

.heads2 .block02 .table table td:first-of-type{
  font-weight: 500;
}

.heads2 .block02 .table table thead td:first-of-type {
  font-weight: 600;
}

.heads2 .block02 .table table td:last-of-type {
  border-right: none;
}

.heads2 .block02 .th {
  background-color: #fbfbfb;
}

.heads2 .block02 .conBox {
  margin-top: 36px;
}

.heads2 .block02 .conBox > span {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.5;
}

.heads2 .block02 .conBox .listBox {
  margin-bottom: 24px;
}

.heads2 .block02 .conBox .listBox:last-of-type {
  margin-bottom: 0;
}

.heads2 .block02 .conBox .listBox p {
  position: relative;
  padding-left: 18px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.5;
}

.heads2 .block02 .conBox .listBox p span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.heads2 .block02 .conBox .listBox li {
  position: relative;
  padding-left: 10px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.5;
}

.heads2 .block02 .conBox .listBox li::after {
  content: "·";
  position: absolute;
  top: 0;
  left: 0;
  font-size: inherit;
  font-weight: inherit;
} */


/* 2025.02.07추가 */
.heads2 .block02 .table td {
  width: 183px;
}

.heads2 .block02 .table td.th {
  width: 132px;
  background-color: #fbfbfb;
  border-right: 1px solid #c9c9c9;
}

.heads2 .block02 .table td.num {
  width: 50px;
  font-weight: 400;
  border-right: 1px solid #c9c9c9;
}

.heads2 .block02 .table .line {
  border-left: 1px solid #c9c9c9;
}

.heads2 .table-p {
  margin-top: 17px;
}

.heads2 .table-p p  {
  font-size: 1.6rem;
  margin-top: 6px;
}

.heads2 .table table td.sticky {
  position: sticky;
  left:80px;
  z-index: 6;
  background-color: #fbfbfb;
}

.heads2 .table table td.sticky::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #c9c9c9;
}

.heads2 .table table td.sticky::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c9c9c9;
}

.heads2 .table table td.sticky.none-border-b::before {
  display: none;
}

@media(max-width:1200px){
  .heads2 .block01 .subTxt {
    margin: -4px 0 30px;
    font-size: 1.8rem;
  }
  
  .heads2 .block01 .conBox02 {
    gap: 0 35px;
  }
  
  /* .heads2 .block02 .table table td {
    height: auto;
    padding: 15px 5px;
  }
  
  .heads2 .block02 .conBox {
    margin-top: 30px;
  }
  
  .heads2 .block02 .conBox > span {
    font-size: 1.5rem;
  }
  
  .heads2 .block02 .conBox .listBox {
    margin-bottom: 20px;
  }
  
  .heads2 .block02 .conBox .listBox p {
    padding-left: 15px;
    font-size: 1.5rem;
  }
  
  .heads2 .block02 .conBox .listBox li {
    font-size: 1.5rem;
  } */
   
  .heads2 .block02 .table td {
    width: auto;
  }
  
  .heads2 .block02 .table td.th {
    width: 132px;
  }
  
  .heads2 .block02 .table td.num {
    width: 50px;
  }
  
  .heads2 .table-p p  {
    font-size: 1.5rem;
    margin-top: 5px;
  }
}

@media(max-width:1024px){
  .heads2 .block01 .subTxt {
    margin: -3px 0 25px;
    font-size: 1.6rem;
  }
  
  .heads2 .block01 .conBox02 {
    gap: 0 30px;
  }
  
  /* .heads2 .block02 .table table td {
    padding: 15px 5px;
  }
  
  .heads2 .block02 .conBox {
    margin-top: 25px;
  }
  
  .heads2 .block02 .conBox > span {
    font-size: 1.4rem;
  }
  
  .heads2 .block02 .conBox .listBox {
    margin-bottom: 15px;
  }
  
  .heads2 .block02 .conBox .listBox p {
    font-size: 1.4rem;
  }
  
  .heads2 .block02 .conBox .listBox li {
    font-size: 1.4rem;
  } */
   
  .heads2 .block02 .table td {
    width: 140px;
  }
  
  .heads2 .block01 .conBox02 .list li p {
    width: calc(100% - 22px);
    font-size: 1.6rem;
  }
  
  .heads2 .block02 .table td.th {
    width: 110px;
  }
  
  .heads2 .block02 .table td.num {
    width: 45px;
  }
  
  
  .heads2 .table-p {
    margin-top: 15px;
  }

  .heads2 .table-p p  {
    font-size: 1.4rem;
    margin-top: 4px;
  }
}

@media(max-width:768px){
  .heads2 .block01 .subTxt {
    margin: -2px 0 20px;
    font-size: 1.5rem;
  }
  
  .heads2 .block01 .conBox02 {
    gap: 20px 0;
  }
  
  /* .heads2 .block02 .table {
    width: 100%;
    overflow: auto;
  }
  
  .heads2 .block02 .table table {
    width: 800px;
  }
  
  .heads2 .block02 .table table td {
    padding: 12px 5px;
  }
  
  .heads2 .block02 .conBox {
    margin-top: 20px;
  }
  
  .heads2 .block02 .conBox > span {
    font-size: 1.3rem;
  }
  
  .heads2 .block02 .conBox .listBox {
    margin-bottom: 12px;
  }
  
  .heads2 .block02 .conBox .listBox p {
    font-size: 1.3rem;
  }
  
  .heads2 .block02 .conBox .listBox li {
    font-size: 1.3rem;
  } */
   
  .heads2 .block02 .table td {
    width: auto;
  }
  
  .heads2 .block02 .table td.th {
    width: 80px;
  }
  
  .heads2 .block02 .table td.num {
    width: 40px;
  }
  
  .heads2 .table-p {
    margin-top: 10px;
  }
  
  .heads2 .table-p p  {
    font-size: 1.3rem;
    margin-top: 3px;
  }
  
}

@media(max-width:500px){
  .heads2 .block01 .subTxt {
    margin: -1px 0 15px;
    font-size: 1.4rem;
  }
  
  .heads2 .block01 .conBox02 {
    gap: 15px 0;
  }
  
  /* .heads2 .block02 .table table {
    width: 700px;
  }
  
  .heads2 .block02 .conBox {
    margin-top: 15px;
  }
  
  .heads2 .block02 .conBox > span {
    font-size: 1.2rem;
  }
  
  .heads2 .block02 .conBox .listBox p {
    font-size: 1.2rem;
  }
  
  .heads2 .block02 .conBox .listBox li {
    font-size: 1.2rem;
  } */
  
  .heads2 .block02 .table {
    width: 100%;
    overflow: auto;
  }

  .heads2 .block02 .table table {
    width: 700px;
  }
  
  .heads2 .block02 .table td.th {
    width: 80px;
  }
  
  .heads2 .block02 .table td.num {
    width: 40px;
  }
  
  .heads2 .table-p {
    font-size: 1.2rem;
    margin-top: 10px;
  }
}
/* ---------- E:2Heads ---------- */

/* ---------- S:3Heads ---------- */
.heads3 .block01 .img {
  max-width: 620px;
  aspect-ratio: 1.856 / 1;
  margin-bottom: 36px;
}

.heads3 .block01 .conBox {
  display: block;
}

.heads3 .block01 .conBox02 .block-subTit {
  margin-top: -4px;
}

.heads3 .block01 .conBox02 .list {
  display: flex;
  flex-wrap: wrap;
  padding: 28px 40px;
  gap: 24px 0;
  padding-right: 0;
  margin-top: 36px;
  background-color: #f4fbfd;
}

.heads3 .block01 .conBox02 .list li {
  display: flex;
  align-items: center;
  gap: 0 15px;
  width: 25%;
}

.heads3 .block01 .conBox02 .list li span {
  display: block;
  width: 16px;
  height: 16px;
  background-color: #0a4ea1;
}

.heads3 .block01 .conBox02 .list li p {
  width: calc(100% - 31px);
  font-size: 2rem;
  letter-spacing: -0.02em;
  font-weight: 600;
}

.heads3 .block02 .table td {
  width: 183px;
}

.heads3 .block02 .table td.th {
  width: 132px;
  background-color: #fbfbfb;
  border-right: 1px solid #c9c9c9;
}

.heads3 .block02 .table td.num {
  width: 50px;
  font-weight: 400;
  border-right: 1px solid #c9c9c9;
}

.heads3 .block02 .table .line {
  border-left: 1px solid #c9c9c9;
}

.heads3 .table-p {
  margin-top: 17px;
}

.heads3 .table-p p  {
  margin-top: 6px;
}

.heads3 .table table td.sticky {
  position: sticky;
  left:80px;
  z-index: 6;
  background-color: #fbfbfb;
}

.heads3 .table table td.sticky::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #c9c9c9;
}

.heads3 .table table td.sticky::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c9c9c9;
}

.heads3 .table table td.sticky.none-border-b::before {
  display: none;
}

@media(max-width:1200px) {
  .heads3 .block01 .img {
    margin-bottom: 30px;
  }
  
  .heads3 .block01 .conBox02 .block-subTit {
    margin-top: -4px;
  }
  
  .heads3 .block01 .conBox02 .list {
    padding: 25px 35px;
    gap: 20px 0;
    margin-top: 30px;
  }
  
  .heads3 .block01 .conBox02 .list li {
    gap: 0 15px;
    width: 25%;
  }
  
  .heads3 .block01 .conBox02 .list li span {
    width: 12px;
    height: 12px;
  }
  
  .heads3 .block01 .conBox02 .list li p {
    width: calc(100% - 27px);
    font-size: 1.8rem;
  }
  
  .heads3 .block02 .table td {
    width: auto;
  }
  
  .heads3 .block02 .table td.th {
    width: 132px;
  }
  
  .heads3 .block02 .table td.num {
    width: 50px;
  }
  
  .heads3 .table-p p  {
    font-size: 1.5rem;
    margin-top: 5px;
  }
}

@media(max-width:1024px) {
  .heads3 .block01 .img {
    margin-bottom: 25px;
  }
  
  .heads3 .block01 .conBox02 .block-subTit {
    margin-top: -3px;
  }
  
  .heads3 .block01 .conBox02 .list {
    padding: 20px 30px;
    gap: 15px 0;
    margin-top: 25px;
  }
  
  .heads3 .block01 .conBox02 .list li {
    gap: 0 10px;
    width: 50%;
  }
  
  .heads3 .block01 .conBox02 .list li span {
    width: 12px;
    height: 12px;
  }
  
  .heads3 .block02 .table td {
    width: 140px;
  }
  
  .heads3 .block01 .conBox02 .list li p {
    width: calc(100% - 22px);
    font-size: 1.6rem;
  }
  
  .heads3 .block02 .table td.th {
    width: 110px;
  }
  
  .heads3 .block02 .table td.num {
    width: 45px;
  }
  
  .heads3 .table-p  {
    margin-top: 15px;
  }
  
  .heads3 .table-p p  {
    font-size: 1.4rem;
    margin-top: 4px;
  }
}

@media(max-width:768px) {
  .heads3 .block01 .img {
    margin-bottom: 20px;
  }
  
  .heads3 .block01 .conBox02 .block-subTit {
    margin-top: -2px;
  }
  
  .heads3 .block01 .conBox02 .list {
    padding: 15px 25px;
    gap: 12px 0;
    margin-top: 20px;
  }
  
  .heads3 .block01 .conBox02 .list li {
    gap: 0 10px;
    width: 50%;
  }
  
  .heads3 .block01 .conBox02 .list li span {
    width: 10px;
    height: 10px;
  }
  
  .heads3 .block01 .conBox02 .list li p {
    width: calc(100% - 20px);
    font-size: 1.5rem;
  }
  
  .heads3 .block02 .table td {
    width: auto;
  }
  
  .heads3 .block02 .table td.th {
    width: 80px;
  }
  
  .heads3 .block02 .table td.num {
    width: 40px;
  }
  
  .heads3 .table-p  {
    margin-top: 10px;
  }
  
  .heads3 .table-p p  {
    font-size: 1.3rem;
    margin-top: 3px;
  }
}

@media(max-width:500px) {
  .heads3 .block01 .img {
    margin-bottom: 15px;
  }
  
  .heads3 .block01 .conBox02 .block-subTit {
    margin-top: -1px;
  }
  
  .heads3 .block01 .conBox02 .list {
    padding: 12px 20px;
    gap: 10px 0;
    margin-top: 15px;
  }
  
  .heads3 .block01 .conBox02 .list li {
    gap: 0 8px;
  }
  
  .heads3 .block01 .conBox02 .list li span {
    width: 8px;
    height: 8px;
  }
  
  .heads3 .block01 .conBox02 .list li p {
    width: calc(100% - 16px);
    font-size: 1.4rem;
  }

  .heads3 .block02 .table {
    width: 100%;
    overflow: auto;
  }

  .heads3 .block02 .table table {
    width: 700px;
  }
  
  .heads3 .block02 .table td.th {
    width: 80px;
  }
  
  .heads3 .block02 .table td.num {
    width: 40px;
  }
  
  .heads3 .table-p p  {
    font-size: 1.2rem;
  }
}
/* ---------- E:3Heads ---------- */

/* ---------- S:Medical ---------- */
.medical .table table td:first-of-type::after,
.medical .table table th:first-of-type::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0px;
  height: 100%;
  background-color: #c9c9c9;
}

.medical .block01 {
  position: relative;
}

.medical .block01 .subTxt {
  margin: -5px 0 33px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height: 1.6;
  color: #333;
}

.medical .block01 .conBox {
  display: block;
}

.medical .block03 .img {
  max-width: 100%;
  width: 100%;
  aspect-ratio: 1.435 / 1;
  border: none;
  overflow: unset;
}

.medical .block03 img {
  height: unset;
  position: unset;
}

.medical .table td {
  width: 247px;
  border-right: 1px solid #c9c9c9;
}

.medical .table td:last-of-type {
  border-right: none;
  border-left: 1px solid #c9c9c9;
}

.medical .table thead td, 
.medical .table thead td:last-of-type {
  border-right: none;
  border-left: none;
}


.medical .table td.txt {
  width: 539px;
  padding-left: 24px;
  text-align: left;
  line-height: 1.5;
}

@media (max-width:1200px) {
  .medical .block01 .subTxt {
    margin: -4px 0 30px;
    font-size: 1.8rem;
  }
  
  .medical .block01 .subTxt br {
    display: none;
  }
  
  .medical .table td {
    width: 220px;
  }
  
  .medical .table td.txt {
    width: 539px;
    padding-left: 20px;
  } 
}

@media (max-width:1024px) {
  .medical .block01 .subTxt {
    margin: -3px 0 25px;
    font-size: 1.6rem;
  }
  
  .medical .table td {
    width: 200px;
  }
  
  .medical .table td.txt {
    width: 539px;
    padding-left: 15px;
  } 
  
  .medical .table td.txt br {
    display: none;
  }
}

@media (max-width:768px) {
  .medical .block01 .subTxt {
    margin: -2px 0 20px;
    font-size: 1.5rem;
  }
  
  .medical .table td {
    width: 180px;
  }
  
  .medical .table td.txt {
    width: 539px;
    padding-left: 10px;
  } 
}

@media (max-width:500px) {
  .medical .table table td:first-of-type::after,
  .medical .table table th:first-of-type::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #c9c9c9;
}

  .medical .block01 .subTxt {
    margin: -1px 0 15px;
    font-size: 1.4rem;
  }
  
  .medical .table {
    width: 100%;
    overflow: auto;
  }
  
  .medical .table table {
    width: 600px;
  }
}
/* ---------- E:Medical ---------- */

/* ---------- S:Cosmetic ---------- */
.cosmetic .product-quick .item:nth-of-type(2),
.cosmetic .product-quick .item:nth-of-type(3) {
  display: none;
}

.cosmetic .block01 {
  position: relative;
}

.cosmetic .block01 .block-tit i {
  font-style: normal;
  font-family: 'Pretendard';
  line-height: 1;
}

.cosmetic .block01 .subTxt {
  margin: -5px 0 37px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height: 1.6;
  color: #333;
}

.cosmetic .block01 .subTxt p {
  margin-bottom: 30px;
}

.cosmetic .block01 .subTxt p:last-of-type {
  margin-bottom: 0;
}

.cosmetic .block01 .img {
  max-width: 100%;
  width: 100%;
  aspect-ratio: 1.435 / 1;
  border: none;
}

@media(max-width:1200px) {
  .cosmetic .block01 .subTxt {
    margin: -4px 0 30px;
    font-size: 1.8rem;
  }
  
  .cosmetic .block01 .subTxt p {
    margin-bottom: 25px;
  }
  
  .cosmetic .block01 .subTxt p:last-of-type {
    margin-bottom: 0;
  }
}

@media(max-width:1024px) {
  .cosmetic .block01 .button-wrap {
    position: unset;
    margin-bottom: 25px;
  }
  
  .cosmetic .block01 .subTxt {
    margin: -3px 0 25px;
    font-size: 1.6rem;
  }
  
  .cosmetic .block01 .subTxt p {
    margin-bottom: 20px;
  }
  
  .cosmetic .block01 .subTxt p:last-of-type {
    margin-bottom: 0;
  }
}

@media(max-width:768px) {
  .cosmetic .block01 .button-wrap {
    margin-bottom: 20px;
  }
  
  .cosmetic .block01 .subTxt {
    margin: -2px 0 20px;
    font-size: 1.5rem;
  }
  
  .cosmetic .block01 .subTxt p {
    margin-bottom: 15px;
  }
  
  .cosmetic .block01 .subTxt p:last-of-type {
    margin-bottom: 0;
  }
}

@media(max-width:500px) {
  .cosmetic .block01 .button-wrap {
    margin-bottom: 15px;
  }
  
  .cosmetic .block01 .subTxt {
    margin: -1px 0 15px;
    font-size: 1.4rem;
  }
  
  .cosmetic .block01 .subTxt p {
    margin-bottom: 12px;
  }
  
  .cosmetic .block01 .subTxt p:last-of-type {
    margin-bottom: 0;
  }
}
/* ---------- E:Cosmetic ---------- */

/* ---------- S:HAEtc ---------- */
.haEtc .product-quick .item:nth-of-type(2),
.haEtc .product-quick .item:nth-of-type(3) {
  display: none;
}


.haEtc .block01 {
  position: relative;
}

.haEtc .block01 .block-tit.font-family--pretendard {
  margin: -6px 0 41px;
}

.haEtc .block01 .img {
  max-width: 100%;
  width: 100%;
  aspect-ratio: 1.449 / 1;
  border: none;
}

@media(max-width:1200px) {
  .haEtc .block01 .block-tit.font-family--pretendard {
    margin: -5px 0 35px;
  }
  
}

@media(max-width:1024px) {
  .haEtc .block01 .block-tit.font-family--pretendard {
    margin: -4px 0 30px;
  }
  
}

@media(max-width:768px) {
  .haEtc .block01 .block-tit.font-family--pretendard {
    margin: -3px 0 25px;
  }
  
}

@media(max-width:1024px) {
  .haEtc .block01 .block-tit.font-family--pretendard {
    margin: -2px 0 20px;
  }
  
}
/* ---------- E:HAEtc ---------- */

/* ---------- S:pnMedical ---------- */
.pnMedical .product-quick .item:nth-of-type(2),
.pnMedical .product-quick .item:nth-of-type(3) {
  display: none;
}

.pnMedical .block01 {
  position: relative;
}

.pnMedical .block01 .block-tit i {
  font-style: normal;
  font-family: 'Pretendard';
  line-height: 1;
}

.pnMedical .block01 .subTxt {
  margin: -5px 0 38px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height: 1.6;
  color: #333;
}

.pnMedical .block01 .conBox {
  display: block;
}

.pnMedical .block01 .img {
  max-width: 800px;
  width: 100%;
  aspect-ratio: 1 / 2.033;
}

@media(max-width:1200px) {
  .pnMedical .block01 .button-wrap {
    position: unset;
    margin-bottom: 30px;
  }
  
  .pnMedical .block01 .subTxt {
    margin: -4px 0 35px;
    font-size: 1.8rem;
  }
  
  .pnMedical .block01 .subTxt br {
    display: none;
  }
}

@media(max-width:1024px) {
  .pnMedical .block01 .button-wrap {
    margin-bottom: 25px;
  }
  
  .pnMedical .block01 .subTxt {
    margin: -3px 0 30px;
    font-size: 1.6rem;
  }
}

@media(max-width:768px) {
  .pnMedical .block01 .button-wrap {
    margin-bottom: 20px;
  }
  
  .pnMedical .block01 .subTxt {
    margin: -2px 0 25px;
    font-size: 1.5rem;
  }
}

@media(max-width:500px) {
  .pnMedical .block01 .button-wrap {
    margin-bottom: 15px;
  }
  
  .pnMedical .block01 .subTxt {
    margin: -1px 0 20px;
    font-size: 1.4rem;
  }
}
/* ---------- E:pnMedical ---------- */

/* ---------- S:pnCosmetic ---------- */
.pnCosmetic .product-quick .item:nth-of-type(2),
.pnCosmetic .product-quick .item:nth-of-type(3) {
  display: none;
}

.pnCosmetic .block01 {
  position: relative;
}

.pnCosmetic .block01 > h3 {
  margin: -2px 0 26px;
  font-size: 2.4rem;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: #333;
}

.pnCosmetic .block01 .subTxt {
  margin: -5px 0 38px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height: 1.6;
  color: #333;
}

.pnCosmetic .block01 .txtBox {
  margin: 9px 0 72px;
}

.pnCosmetic .block01 .conBox:last-of-type .txtBox {
  margin-bottom: 0;
}

.pnCosmetic .block01 .txtBox p b {
  font-weight: 600;
}

.pnCosmetic .block01 .conBox {
  display: block;
}

@media(max-width:1200px) {
  .pnCosmetic .block01 > h3 {
    margin: -1px 0 20px;
    font-size: 2.2rem;
  }
  
  .pnCosmetic .block01 .subTxt {
    margin: -4px 0 35px;
    font-size: 1.8rem;
  }
  
  .pnCosmetic .block01 .txtBox {
    margin: 8px 0 60px;
  }
  
  .pnCosmetic .block01 .conBox:last-of-type .txtBox {
    margin-bottom: 0;
  }
}

@media(max-width:1024px) {
  .pnCosmetic .block01 .button-wrap {
    position: unset;
    margin-bottom: 25px;
  }
  
  .pnCosmetic .block01 > h3 {
    margin: 0 0 15px;
    font-size: 2rem;
  }
  
  .pnCosmetic .block01 .subTxt {
    margin: -3px 0 30px;
    font-size: 1.6rem;
  }
  
  .pnCosmetic .block01 .txtBox {
    margin: 7px 0 50px;
  }
  
  .pnCosmetic .block01 .conBox:last-of-type .txtBox {
    margin-bottom: 0;
  }
}

@media(max-width:768px) {
  .pnCosmetic .block01 .button-wrap {
    margin-bottom: 20px;
  }
  
  .pnCosmetic .block01 > h3 {
    margin: 0 0 12px;
    font-size: 1.8rem;
  }
  
  .pnCosmetic .block01 .subTxt {
    margin: -2px 0 25px;
    font-size: 1.5rem;
  }
  
  .pnCosmetic .block01 .txtBox {
    margin: 6px 0 45px;
  }
  
  .pnCosmetic .block01 .conBox:last-of-type .txtBox {
    margin-bottom: 0;
  }
}

@media(max-width:500px) {
  .pnCosmetic .block01 .button-wrap {
    margin-bottom: 15px;
  }
  
  .pnCosmetic .block01 > h3 {
    margin: 0 0 10px;
    font-size: 1.6rem;
  }
  
  .pnCosmetic .block01 .subTxt {
    margin: -1px 0 20px;
    font-size: 1.4rem;
  }
  
  .pnCosmetic .block01 .txtBox {
    margin: 5px 0 40px;
  }
  
  .pnCosmetic .block01 .conBox:last-of-type .txtBox {
    margin-bottom: 0;
  }
}
/* ---------- E:pnCosmetic ---------- */
/* ---------- S:Eicom ---------- */
.eicom .section--01 {
  padding-bottom: 0;
}

.eicom .block01 {
  position: relative;
}

.eicom .block01 .block-tit i {
  font-style: normal;
  font-family: 'Pretendard';
  line-height: 1;
}

.eicom .block01 .subTxt {
  margin: -5px 0 38px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height: 1.6;
  color: #333;
}

.eicom .block01 .subTxt span {
  font-weight: 600;
}

.eicom .block01 .img {
  max-width: 800px;
  width: 100%;
  aspect-ratio: 1.904 / 1;
}

.eicom .block:last-of-type {
  position: relative;
  padding: 80px 0 120px;
}

.eicom .block02::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  width: 100vw;
  height: 100%;
  background-color: #f4fbfd;
}

.eicom .block02 .form-table {
  padding-bottom: 40px;
  margin-bottom: 37px;
  border-bottom: 1px solid #b2b7b8;
}

.eicom .block02 .form-area .box {
  display: flex;
  align-items: start;
  gap: 0 40px;
}

.eicom .block02 .form-area .row {
  display: flex;
  align-items: start;
  width: 100%;
  margin-bottom: 20px;
}

.eicom .block02 .form-table > .row:last-of-type {
  margin-bottom: 0;
}

.eicom .block02 .form-area .th {
  width: 160px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  font-weight: 500;
}

.eicom .block02 .agree-area .th {
  width: 100%;
  margin-bottom: 18px;
}

.eicom .block02 .form-area .row .th {
  margin-top: 17px;
} 

.eicom .block02 .form-area .th span {
  color: #ff2727;
}

.eicom .block02 .form-area .td {
  width: calc(100% - 160px);
}

.eicom .block02 .form-area input[type="text"], 
.eicom .block02 .form-area textarea {
  width: 100%;
  height: 56px;
  padding: 0 20px;
  border-radius: 5px;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: -0.02em;
}

.eicom .block02 .form-area textarea {
  height: 160px;
  padding: 18px 20px;
  margin-bottom: -4px;
  resize: none;
}

.eicom .block02 .form-area .agree-text {
  width: 100%;
  height: 200px;
  padding: 18px 20px;
  margin-bottom: 19px;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  background-color: #fff;
  overflow: auto;
}

.eicom .block02 .form-area label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.eicom .block02 .form-area label input[type="checkBox"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}

.eicom .block02 .form-area label i {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('/img/inc/check.png');
}

.eicom .block02 .form-area label input[type="checkBox"]:checked ~ i {
  background-image: url('/img/inc/checked.png');
}

.eicom .block02 .form-area label p {
  width: calc(100% - 28px);
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.eicom .block02 .form-area .button-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 56px;
  margin: 41px auto 0;
  border-radius: 28px;
  background-color: #f79521;
  font-size: 1.6rem;
  letter-spacing: -0.02em;
  color: #fff;
  font-weight: 500;
  text-align: center;
}

@media(max-width:1200px){
  .eicom .block01 .subTxt {
    margin: -4px 0 35px;
    font-size: 1.8rem;
  }
  
  .eicom .block:last-of-type  {
    padding: 60px 0 100px;
  }
  
  .eicom .block02 .form-table {
    padding-bottom: 35px;
    margin-bottom: 35px;
  }
  
  .eicom .block02 .form-area .box {
    gap: 0 35px;
  }
  
  .eicom .block02 .form-area .row {
    /* margin-bottom: 20px; */
  }
  
  .eicom .block02 .form-table > .row:last-of-type {
    margin-bottom: 0;
  }
  
  .eicom .block02 .form-area .th {
    width: 140px;
    font-size: 1.8rem;
  }
  
  .eicom .block02 .agree-area .th {
    /* margin-bottom: 18px; */
  }
  
  .eicom .block02 .form-area .row .th {
    /* margin-top: 17px; */
  } 
  
  .eicom .block02 .form-area .td {
    width: calc(100% - 140px);
  }
  
  .eicom .block02 .form-area input[type="text"], 
  .eicom .block02 .form-area textarea {
    height: 50px;
    padding: 0 15px;
    font-size: 1.6rem;
  }
  
  .eicom .block02 .form-area textarea {
    height: 150px;
    padding: 15px;
    margin-bottom: -4px;
  }
  
  .eicom .block02 .form-area .agree-text {
    height: 180px;
    padding: 15px;
    /* margin-bottom: 19px; */
    font-size: 1.6rem;
  }
  
  .eicom .block02 .form-area label i {
    width: 16px;
    height: 16px;
    margin-right: 10px;
  }
  
  .eicom .block02 .form-area label p {
    width: calc(100% - 26px);
    font-size: 1.5rem;
  }
  
  .eicom .block02 .form-area .button-submit {
    width: 220px;
    height: 50px;
    margin: 35px auto 0;
    border-radius: 25px;
    font-size: 1.5rem;
  }
}

@media(max-width:1024px){
  .eicom .block01 .subTxt {
    margin: -3px 0 30px;
    font-size: 1.6rem;
  }
  
  .eicom .block:last-of-type  {
    padding: 50px 0 80px;
  }
  
  .eicom .block02 .form-table {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  
  .eicom .block02 .form-area .box {
    gap: 0 30px;
  }
  
  .eicom .block02 .form-area .row {
    margin-bottom: 15px;
  }
  
  .eicom .block02 .form-table > .row:last-of-type {
    margin-bottom: 0;
  }
  
  .eicom .block02 .form-area .th {
    width: 120px;
    font-size: 1.6rem;
  }
  
  .eicom .block02 .agree-area .th,
  .eicom .block02 .form-area .row .th {
    margin-bottom: 15px;
  }
  
  .eicom .block02 .form-area .td {
    width: calc(100% - 120px);
  }
  
  .eicom .block02 .form-area input[type="text"], 
  .eicom .block02 .form-area textarea {
    height: 45px;
    padding: 0 12px;
    font-size: 1.5rem;
  }
  
  .eicom .block02 .form-area textarea {
    height: 140px;
    padding: 12px;
    margin-bottom: -3px;
  }
  
  .eicom .block02 .form-area .agree-text {
    height: 160px;
    padding: 12px;
    margin-bottom: 15px;
    font-size: 1.5rem;
  }
  
  .eicom .block02 .form-area label i {
    width: 14px;
    height: 14px;
    margin-right: 8px;
  }
  
  .eicom .block02 .form-area label p {
    width: calc(100% - 22px);
    font-size: 1.4rem;
  }
  
  .eicom .block02 .form-area .button-submit {
    width: 200px;
    height: 45px;
    margin: 30px auto 0;
    font-size: 1.4rem;
  }
}

@media(max-width:768px){
  .eicom .block01 .subTxt {
    margin: -2px 0 25px;
    font-size: 1.5rem;
  }
  
  .eicom .block:last-of-type  {
    padding: 45px 0 70px;
  }
  
  .eicom .block02 .form-table {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  
  .eicom .block02 .form-area .box {
    flex-direction: column;
    align-items: start;
    gap: 0;
  }
  
  .eicom .block02 .form-area .row {
    margin-bottom: 12px;
  }
  
  .eicom .block02 .form-table > .row:last-of-type {
    margin-bottom: 0;
  }
  
  .eicom .block02 .form-area .th {
    width: 120px;
    font-size: 1.5rem;
  }
  
  .eicom .block02 .agree-area .th,
  .eicom .block02 .form-area .row .th {
    margin-bottom: 15px;
  }
  
  .eicom .block02 .form-area .row .th {
    margin-top: 15px;
  }
  
  .eicom .block02 .form-area .td {
    width: calc(100% - 120px);
  }
  
  .eicom .block02 .form-area input[type="text"], 
  .eicom .block02 .form-area textarea {
    height: 40px;
    padding: 0 10px;
    font-size: 1.4rem;
  }
  
  .eicom .block02 .form-area textarea {
    height: 130px;
    padding: 10px;
    margin-bottom: -2px;
  }
  
  .eicom .block02 .form-area .agree-text {
    height: 140px;
    padding: 10px;
    margin-bottom: 12px;
    font-size: 1.4rem;
  }
  
  .eicom .block02 .form-area label i {
    width: 14px;
    height: 14px;
    margin-right: 6px;
  }
  
  .eicom .block02 .form-area label p {
    width: calc(100% - 20px);
    font-size: 1.3rem;
  }
  
  .eicom .block02 .form-area .button-submit {
    width: 180px;
    height: 40px;
    margin: 25px auto 0;
    font-size: 1.3rem;
  }
}

@media(max-width:500px){
  .eicom .block01 .subTxt {
    margin: -1px 0 20px;
    font-size: 1.4rem;
  }
  
  .eicom .block:last-of-type  {
    padding: 40px 0 60px;
  }
  
  .eicom .block02 .form-table {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  
  .eicom .block02 .form-area .row {
    flex-direction: column;
    align-items: start;
    margin-bottom: 10px;
  }
  
  .eicom .block02 .form-table > .row:last-of-type {
    margin-bottom: 0;
  }
  
  .eicom .block02 .form-area .th {
    width: 100%;
    font-size: 1.4rem;
  }
  
  .eicom .block02 .agree-area .th,
  .eicom .block02 .form-area .row .th {
    margin-bottom: 10px;
  }
  
  .eicom .block02 .form-area .row .th {
    margin-top: 0;
  }
  
  .eicom .block02 .form-area .td {
    width: 100%;
  }
  
  .eicom .block02 .form-area input[type="text"], 
  .eicom .block02 .form-area textarea {
    height: 35px;
    font-size: 1.3rem;
  }
  
  .eicom .block02 .form-area textarea {
    height: 120px;
  }
  
  .eicom .block02 .form-area .agree-text {
    height: 130px;
    margin-bottom: 10px;
    font-size: 1.3rem;
  }
  
  .eicom .block02 .form-area label i {
    width: 12px;
    height: 12px;
    margin-right: 5px;
  }
  
  .eicom .block02 .form-area label p {
    width: calc(100% - 17px);
    font-size: 1.2rem;
  }
  
  .eicom .block02 .form-area .button-submit {
    width: 160px;
    height: 35px;
    font-size: 1.2rem;
  }
}
/* ---------- E:Eicom ---------- */

/* ---------- S:Plla ---------- */
.plla .product-quick .item:nth-of-type(2),
.plla .product-quick .item:nth-of-type(3),
.pcl .product-quick .item:nth-of-type(2),
.pcl .product-quick .item:nth-of-type(3),
.pdla .product-quick .item:nth-of-type(2),
.pdla .product-quick .item:nth-of-type(3),
.pdlla .product-quick .item:nth-of-type(2),
.pdlla .product-quick .item:nth-of-type(3),
.plasEtc .product-quick .item:nth-of-type(2),
.plasEtc .product-quick .item:nth-of-type(3) {
  display: none;
}

.plla .block01, 
.pcl .block01, 
.pdla .block01, 
.pdlla .block01, 
.plasEtc .block01 {
  position: relative;
}

.plla .block-tit, 
.pcl .block-tit, 
.pdla .block-tit,
.pdlla .block-tit, 
.plasEtc .block-tit {
  margin: -11px 0 27px;
}

.plla .block01 .conBox,
.pcl .block01 .conBox, 
.pdla .block01 .conBox,
.pdlla .block01 .conBox {
  display: block;
}

.plla .block01 .img,
.pcl .block01 .img, 
.pdla .block01 .img,
.pdlla .block01 .img {
  margin-top: 35px;
  max-width: 800px;
  aspect-ratio: 0.744 / 1;
}

.plla .block01 .subTxt {
  margin: -5px 0 71px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height: 1.6;
  color: #333;
}

@media(max-width:1200px) {
  .plla .block-tit, 
  .pcl .block-tit, 
  .pdla .block-tit,
  .pdlla .block-tit {
    margin: -10px 0 25px;
  }

  .plla .block01 .img,
  .pcl .block01 .img, 
  .pdla .block01 .img,
  .pdlla .block01 .img {
    margin-top: 30px;
  }

  .plla .block01 .subTxt {
    margin: -4px 0 60px;
    font-size: 1.8rem;
  }
}

@media(max-width:1024px) {
  .plla .block-tit, 
  .pcl .block-tit, 
  .pdla .block-tit,
  .pdlla .block-tit {
    margin: -9px 0 20px;
  }

  .plla .block01 .img,
  .pcl .block01 .img, 
  .pdla .block01 .img,
  .pdlla .block01 .img {
    margin-top: 25px;
  }

  .plla .block01 .subTxt {
    margin: -3px 0 50px;
    font-size: 1.6rem;
  }
}

@media(max-width:768px) {
  .plla .block-tit, 
  .pcl .block-tit, 
  .pdla .block-tit,
  .pdlla .block-tit {
    margin: -8px 0 15px;
  }

  .plla .block01 .img,
  .pcl .block01 .img, 
  .pdla .block01 .img,
  .pdlla .block01 .img {
    margin-top: 20px;
  }

  .plla .block01 .subTxt {
    margin: -2px 0 45px;
    font-size: 1.5rem;
  }
}

@media(max-width:500px) {
  .plla .block-tit, 
  .pcl .block-tit, 
  .pdla .block-tit,
  .pdlla .block-tit {
    margin: -6px 0 12px;
  }

  .plla .block01 .img,
  .pcl .block01 .img, 
  .pdla .block01 .img,
  .pdlla .block01 .img {
    margin-top: 15px;
  }

  .plla .block01 .subTxt {
    margin: -1px 0 40px;
    font-size: 1.4rem;
  }
}

/* ---------- E:Plla ---------- */

/* ---------- S:Pcl ---------- */
.pcl .block01 .subTxt, 
.pdla .block01 .subTxt,
.pdlla .block01 .subTxt {
  margin: -5px 0 38px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height: 1.6;
  color: #333;
}

@media(max-width:1200px) {
  .pcl .block01 .subTxt, 
  .pdla .block01 .subTxt,
  .pdlla .block01 .subTxt {
    margin: -4px 0 35px;
    font-size: 1.8rem;
  }
}

@media(max-width:1024px) {
  .pcl .block01 .subTxt, 
  .pdla .block01 .subTxt,
  .pdlla .block01 .subTxt {
    margin: -3px 0 30px;
    font-size: 1.6rem;
  }
}

@media(max-width:768px) {
  .pcl .block01 .subTxt, 
  .pdla .block01 .subTxt,
  .pdlla .block01 .subTxt {
    margin: -2px 0 25px;
    font-size: 1.5rem;
  }
}

@media(max-width:500px) {
  .pcl .block01 .subTxt, 
  .pdla .block01 .subTxt,
  .pdlla .block01 .subTxt {
    margin: -1px 0 20px;
    font-size: 1.4rem;
  }
}
/* ---------- E:Pcl ---------- */
/* ---------- S:PlasEtc ---------- */
.plasEtc .section {
  min-height: 1400px;
}

@media(max-width:1200px) {
  .plasEtc .section {
    min-height: 1200px;
  }
}

@media(max-width:1024px) {
  .plasEtc .section {
    min-height: 1000px;
  }
}

@media(max-width:768px) {
  .plasEtc .section {
    min-height: 800px;
  }
}

@media(max-width:500px) {
  .plasEtc .section {
    min-height: 600px;
  }
}
/* ---------- E:PlasEtc ---------- */

/* ---------- S:humanMedical ---------- */
.humanMedical .block01 {
  position: relative;
  margin-bottom: 72px;
}

.humanMedical .block01 .conBox {
  display: block;
}

.humanMedical .block01 .block-tit i {
  font-style: normal;
  font-family: 'Pretendard';
  line-height: 1;
}

.humanMedical .block01 .subTxt {
  margin: -5px 0 70px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height: 1.6;
  color: #333;
}

.humanMedical .block01 .subTxt p {
  margin-bottom: 31px;
}

.humanMedical .block01 .subTxt p:last-of-type {
  margin-bottom: 0;
}

.humanMedical .block01 .subTxt p span {
  display: block;
  position: relative;
  padding-left: 10px;
}

.humanMedical .block01 .subTxt p span::after {
  content: "·";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: inherit;
  font-weight: 700;
  color: #f79521;
}

.humanMedical .block01 .txtBox p i {
  font-weight: 700;
  font-style: normal;
}

.humanMedical .table td {
  width: 520px;
  border-right: 1px solid #c9c9c9;
}

.humanMedical .table td:last-of-type {
  border-right: none;
}

.humanMedical .table td.thead {
  width: 240px;
  border-bottom: 1px solid #c9c9c9;
}

@Media(max-width:1200px) {
  .humanMedical .block01 {
    margin-bottom: 60px;
  }
  
  .humanMedical .block01 .subTxt {
    margin: -4px 0 60px;
    font-size: 1.8rem;
  }
  
  .humanMedical .block01 .subTxt p {
    margin-bottom: 25px;
  }
  
  .humanMedical .block01 .subTxt p:last-of-type {
    margin-bottom: 0;
  }
  
  .humanMedical .block01 .subTxt p span {
    /* padding-left: 10px; */
  }
  
  .humanMedical .table td {
    width: 520px;
  }
  
  .humanMedical .table td.thead {
    width: 240px;
  }
}

@Media(max-width:1024px) {
  .humanMedical .block01 {
    margin-bottom: 50px;
  }
  
  .humanMedical .block01 .subTxt {
    margin: -3px 0 50px;
    font-size: 1.6rem;
  }
  
  .humanMedical .block01 .subTxt p {
    margin-bottom: 20px;
  }
  
  .humanMedical .block01 .subTxt p:last-of-type {
    margin-bottom: 0;
  }

}

@Media(max-width:768px) {
  .humanMedical .block01 {
    margin-bottom: 45px;
  }
  
  .humanMedical .block01 .subTxt {
    margin: -2px 0 45px;
    font-size: 1.5rem;
  }
  
  .humanMedical .block01 .subTxt p {
    margin-bottom: 15px;
  }
  
  .humanMedical .block01 .subTxt p:last-of-type {
    margin-bottom: 0;
  }
  
}

@Media(max-width:500px) {
  .humanMedical .block01 {
    margin-bottom: 40px;
  }
  
  .humanMedical .block01 .subTxt {
    margin: -1px 0 40px;
    font-size: 1.4rem;
  }
  
  
  .humanMedical .table td.thead {
    width: 100px;
  }
}
/* ---------- E:humanMedical ---------- */

/* ---------- S:humanCosmetic ---------- */
.humanCosmetic .quick-area {
  padding-bottom: 67px;
}

.humanCosmetic .block01 {
  position: relative;
  padding-bottom: 71px;
}

.humanCosmetic .block01 .conBox {
  display: block;
}



.humanCosmetic .block01 .block-tit i {
  font-style: normal;
  font-family: 'Pretendard';
  line-height: 1;
}

.humanCosmetic .block01 .subTxt {
  margin: -5px 0 5px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height: 1.6;
  color: #333;
}

.humanCosmetic .block01 .txtBox p i {
  font-weight: 700;
  font-style: normal;
}

.humanCosmetic .block02 .block-tit {
  margin-bottom: 31px;
}

.humanCosmetic .block02 .conBox:last-of-type .txtBox {
  margin-bottom: 0;
}

.humanCosmetic .block01 .block-tit {
  margin: -11px 0 35px;
}

.humanCosmetic .block03 .block-tit {
  margin: -11px 0 26px;
}

@media(max-width:1200px) {
  .humanCosmetic .quick-area {
    padding-bottom: 60px;
  }
  
  .humanCosmetic .block01 {
    padding-bottom: 60px;
  }
  
  .humanCosmetic .block01 .subTxt {
    margin: -4px 0 4px;
    font-size: 1.8rem;
  }
  
  .humanCosmetic .block02 .block-tit {
    margin-bottom: 25px;
  }
  
  .humanCosmetic .block01 .block-tit {
    margin: -10px 0 30px;
  }
  
  .humanCosmetic .block03 .block-tit {
    margin: -10px 0 20px;
  }
}

@media(max-width:1024px) {
  .humanCosmetic .quick-area {
    padding-bottom: 50px;
  }
  
  .humanCosmetic .block01 {
    padding-bottom: 50px;
  }
  
  .humanCosmetic .block01 .subTxt {
    margin: -3px 0 3px;
    font-size: 1.6rem;
  }
  
  .humanCosmetic .block01 .block-tit {
    margin: -9px 0 25px;
  }
  
  .humanCosmetic .block03 .block-tit {
    margin: -9px 0 15px;
  }
}

@media(max-width:768px) {
  .humanCosmetic .quick-area {
    padding-bottom: 45px;
  }
  
  .humanCosmetic .block01 {
    padding-bottom: 45px;
  }
  
  .humanCosmetic .block01 .subTxt {
    margin: -2px 0 2px;
    font-size: 1.5rem;
  }
  
  .humanCosmetic .block01 .block-tit {
    margin: -8px 0 20px;
  }
  
  .humanCosmetic .block03 .block-tit {
    margin: -8px 0 12px;
  }
}

@media(max-width:500px) {
  .humanCosmetic .quick-area {
    padding-bottom: 40px;
  }
  
  .humanCosmetic .block01 {
    padding-bottom: 40px;
  }
  
  .humanCosmetic .block01 .subTxt {
    margin: -1px 0 0;
    font-size: 1.4rem;
  }
  
  .humanCosmetic .block01 .block-tit {
    margin: -7px 0 15px;
  }
  
  .humanCosmetic .block03 .block-tit {
    margin: -7px 0 10px;
  }
}
/* ---------- E:humanCosmetic ---------- */
/* ---------- S:Selection ---------- */
.selection .block-tit {
  margin-bottom: 30px;
}

.selection .img {
  position: relative;
  width: 100%;
  aspect-ratio: 0.363 / 1;
  overflow: hidden;
}

.selection .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media(max-width:1200px) {
  .selection .block-tit {
    margin-bottom: 25px;
  }
}

@media(max-width:1024px) {
  .selection .block-tit {
    margin-bottom: 20px;
  }
}

@media(max-width:768px) {
  .selection .block-tit {
    margin-bottom: 15px;
  }
}

/* ---------- E:Selection ---------- */

/* ---------- S:Application ---------- */
.application .block-tit {
  margin: -11px 0 30px;
}

.application .txt {
  margin-bottom: 42px;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}



@media(max-width:1200px) {
  .application .block-tit {
    margin: -10px 0 25px;
  }
  
  .application .txt {
    margin-bottom: 35px;
    font-size: 1.8rem;
  }
}

@media(max-width:1024px) {
  .application .block-tit {
    margin: -9px 0 20px;
  }
  
  .application .txt {
    margin-bottom: 20px;
    font-size: 1.6rem;
  }
}

@media(max-width:768px) {
  .application .block-tit {
    margin: -8px 0 15px;
  }
  
  .application .txt {
    margin-bottom: 15px;
    font-size: 1.5rem;
  }
}

@media(max-width:500px) {
  .application .block-tit {
    margin: -7px 0 12px;
  }
  
  .application .txt {
    margin-bottom: 10px;
    font-size: 1.4rem;
  }
}
/* ---------- E:Application ---------- */

/* ---------- S:Inquiry ---------- */
.inquiry .container > .txt {
  margin: -12px 0 40px;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.inquiry .form-table {
  width: 100%;
  padding: 21px 0 36px;
  margin-bottom: 37px;
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
}

.inquiry .form-table .row {
  display: flex;
  align-items: start;
  width: 100%;
  margin-bottom: 20px;
}

.inquiry .form-table > .row:last-of-type {
  margin-bottom: 0;
}

.inquiry .form-table .th,
.inquiry .agree-text .th {
  width: 160px;
  margin-top: 17px;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.inquiry .agree-text .th  {
  margin-bottom: 18px;
}

.inquiry .form-table .th span,
.inquiry .agree-text .th span {
  color: #ff2727;  
}

.inquiry .form-table .td {
  width: calc(100% - 160px);
}

.inquiry .form-table .td input {
  width: 100%;
  height: 56px;
  padding: 0 20px;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  font-size: 1.8rem;
  font-weight: 300;
}

.inquiry .form-table textarea {
  width: 100%;
  height: 160px;
  padding: 20px;
  font-size: 1.8rem;
  resize: none;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
}

.inquiry .form-table .box {
  display: flex;
  align-items: center;  
  gap: 0 40px;
}

.inquiry .form-table label {
  position: relative;
  display: flex;
}

.inquiry .form-table .box label {
  height: 56px;
  align-items: center;
}
.inquiry .form-table label input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}

.inquiry .form-table .box label i {
  display: block;
  width: 18px;  
  height: 18px;
  margin-right: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('/img/inc/radio-check.svg');
}

.inquiry .form-table .box label input[type='radio']:checked ~ i {
  background-image: url('/img/inc/radio-checked.svg');
}

.inquiry .form-table .td .box label p {
  font-size: 1.8rem;
  letter-spacing: -0.02em;
}

.inquiry .agree-text .td .text {
  width: 100%;
  height: 200px;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  border: 1px solid #c9c9c9;
  overflow: auto;
}

.inquiry .agree-text label {
  position: relative;
  display: flex;
  align-items: start;
}

.inquiry .agree-text label input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}

.inquiry .agree-text label i {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('/img/inc/check.svg');
}

.inquiry .agree-text label p {
  width: calc(100% - 28px);
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.inquiry .agree-text label input[type='checkBox']:checked ~ i {
  background-image: url('/img/inc/checked.svg');
}

.inquiry form .button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 56px;
  margin: 39px auto 0;
  background-color: #0a4ea1;
  border-radius: 28px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
}

@media(max-width:1200px) {
  .inquiry .container > .txt {
    margin: -10px 0 35px;
    font-size: 1.8rem;
  }
  
  .inquiry .form-table {
    padding: 21px 0 30px;
    margin-bottom: 30px;
  }
  
  .inquiry .form-table .th,
  .inquiry .agree-text .th {
    width: 140px;
    margin-top: 15px;
    font-size: 1.8rem;
  }
  
  .inquiry .agree-text .th  {
    margin-bottom: 15px;
  }
  
  .inquiry .form-table .td {
    width: calc(100% - 140px);
  }
  
  .inquiry .form-table .td input {
    height: 50px;
    padding: 0 15px;
    font-size: 1.6rem;
  }
  
  .inquiry .form-table textarea {
    height: 150px;
    padding: 15px;
    font-size: 1.6rem;
  }
  
  .inquiry .form-table .box {
    gap: 0 30px;
  }
  
  .inquiry .form-table .box label {
    height: 50px;
  }
  
  .inquiry .form-table .box label i {
    width: 15px;  
    height: 15px;
  }
  
  .inquiry .form-table .td .box label p {
    font-size: 1.6rem;
  }
  
  .inquiry .agree-text .td .text {
    height: 200px;
    padding: 15px;
    font-size: 1.6rem;
  }
  
  .inquiry .agree-text label i {
    width: 15px;
    height: 15px;
    margin-top: 1px;
    margin-right: 10px;
  }
  
  .inquiry .agree-text label p {
    width: calc(100% - 25px);
    font-size: 1.5rem;
  }
  
  .inquiry form .button {
    width: 220px;
    height: 50px;
    margin: 35px auto 0;
    border-radius: 25px;
    font-size: 1.5rem;
  }
}

@media(max-width:1024px) {
  .inquiry .container > .txt {
    margin: -9px 0 30px;
    font-size: 1.6rem;
  }
  
  .inquiry .form-table {
    padding: 15px 0 25px;
    margin-bottom: 25px;
  }
  
  .inquiry .form-table .row {
    margin-bottom: 15px;
  }
  
  .inquiry .form-table .th,
  .inquiry .agree-text .th {
    width: 120px;
    margin-top: 12px;
    font-size: 1.6rem;
  }
  
  .inquiry .agree-text .th  {
    margin-bottom: 15px;
  }
  
  .inquiry .form-table .td {
    width: calc(100% - 120px);
  }
  
  .inquiry .form-table .td input {
    height: 45px;
    padding: 0 12px;
    font-size: 1.5rem;
  }
  
  .inquiry .form-table textarea {
    height: 130px;
    padding: 12px;
    font-size: 1.5rem;
  }
  
  .inquiry .form-table .box {
    gap: 0 20px;
  }
  
  .inquiry .form-table .box label {
    height: 45px;
  }
  
  .inquiry .form-table .box label i {
    width: 15px;  
    height: 15px;
  }
  
  .inquiry .form-table .td .box label p {
    font-size: 1.5rem;
  }
  
  .inquiry .agree-text .td .text {
    height: 180px;
    padding: 12px;
    margin-bottom: 15px;
    font-size: 1.5rem;
  }
  
  .inquiry .agree-text label i {
    width: 13px;
    height: 13px;
    margin-top: 1px;
    margin-right: 7px;
  }
  
  .inquiry .agree-text label p {
    width: calc(100% - 20px);
    font-size: 1.4rem;
  }
  
  .inquiry form .button {
    width: 200px;
    height: 45px;
    margin: 30px auto 0;
    border-radius: 20px;
    font-size: 1.4rem;
  }
}

@media(max-width:768px) {
  .inquiry .container > .txt {
    margin: -8px 0 25px;
    font-size: 1.5rem;
  }
  
  .inquiry .form-table {
    padding: 12px 0 20px;
    margin-bottom: 20px;
  }
  
  .inquiry .form-table .row {
    flex-direction: column;
    align-items: start;
    margin-bottom: 12px;
  }
  
  .inquiry .form-table .th,
  .inquiry .agree-text .th {
    width: 100%;
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 1.5rem;
  }
  
  .inquiry .form-table .td {
    width: 100%;
  }
  
  .inquiry .form-table .td input {
    height: 40px;
    padding: 0 10px;
    font-size: 1.4rem;
  }
  
  .inquiry .form-table textarea {
    height: 110px;
    padding: 10px;
    font-size: 1.4rem;
  }
  
  .inquiry .form-table .box {
    gap: 0 20px;
  }
  
  .inquiry .form-table .box label {
    height: 40px;
  }
  
  .inquiry .form-table .box label i {
    width: 13px;  
    height: 13px;
    margin-right: 7px;
  }
  
  .inquiry .form-table .td .box label p {
    font-size: 1.4rem;
  }
  
  .inquiry .agree-text .td .text {
    height: 160px;
    padding: 10px;
    margin-bottom: 12px;
    font-size: 1.4rem;
  }
  
  .inquiry .agree-text label i {
    width: 13px;
    height: 13px;
    margin-top: 2px;
    margin-right: 7px;
  }
  
  .inquiry .agree-text label p {
    width: calc(100% - 20px);
    font-size: 1.4rem;
  }
  
  .inquiry form .button {
    width: 180px;
    height: 40px;
    margin: 25px auto 0;
    font-size: 1.3rem;
  }
}

@media(max-width:500px) {
  .inquiry .container > .txt {
    margin: -7px 0 20px;
    font-size: 1.4rem;
  }
  
  .inquiry .form-table {
    padding: 12px 0 15px;
    margin-bottom: 15px;
  }
  
  .inquiry .form-table .th,
  .inquiry .agree-text .th {
    margin-bottom: 10px;
    font-size: 1.4rem;
  }
  
  .inquiry .form-table .td input {
    height: 35px;
    font-size: 1.3rem;
  }
  
  .inquiry .form-table textarea {
    height: 90px;
    font-size: 1.3rem;
  }
  
  .inquiry .form-table .box {
    gap: 0 15px;
  }
  
  .inquiry .form-table > .box {
    flex-direction: column;
    align-items: start;
  }
  
  .inquiry .form-table .box label {
    height: 35px;
  }
  
  .inquiry .form-table .box label i {
    width: 13px;  
    height: 13px;
    margin-right: 5px;
  }
  
  .inquiry .form-table .td .box label p {
    font-size: 1.3rem;
  }
  
  .inquiry .agree-text .td .text {
    height: 140px;
    font-size: 1.3rem;
  }
  
  .inquiry .agree-text label i {
    width: 13px;
    height: 13px;
    margin-right: 5px;
  }
  
  .inquiry .agree-text label p {
    width: calc(100% - 18px);
    font-size: 1.4rem;
  }
  
  .inquiry form .button {
    width: 160px;
    height: 35px;
    margin: 20px auto 0;
    font-size: 1.2rem;
  }
}

@media(max-width:490px) {
  .inquiry .form-table .td .box {
    flex-wrap: wrap;
    align-items: start;
    gap: 0 14px;
  }
  
  .inquiry .form-table .td .box label {
    width: calc(50% - 7px);
  }
  
  .inquiry .form-table .td .box label p {
    width: calc(100% - 18px);
  }
}
/* ---------- E:Inquiry ---------- */

/* ---------- S:DataRoom ---------- */
.dataRoom .container > .txt {
  margin: -5px 0 37px;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}

@media(max-width:1200px) {
  .dataRoom .container > .txt {
    margin: -4px 0 30px;
    font-size: 1.8rem;
  }
}

@media(max-width:1024px) {
  .dataRoom .container > .txt {
    margin: -3px 0 25px;
    font-size: 1.6rem;
  }
}

@media(max-width:768px) {
  .dataRoom .container > .txt {
    margin: -2px 0 20px;
    font-size: 1.5rem;
  }
}

@media(max-width:500px) {
  .dataRoom .container > .txt {
    margin: -1px 0 15px;
    font-size: 1.4rem;
  }
}
/* ---------- E:DataRoom ---------- */

/* ---------- S:Search ---------- */
.search .container > .txt {
  margin: 0 0 37px;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.search .searchBox {
  width: 100%;
  padding: 36px 40px 40px;
  margin-bottom: 75px;
  background-color: #f8f8f8;
}

.search .searchBox .tit {
  margin-bottom: 14px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  font-weight: 700;
}

.search .searchBox .keyword {
  display: flex;
  align-items: start;
  padding: 40px 0 0;
}

.search .searchBox .keyword .none-keyword,
.search .searchBox .keyword .keyword-wrap {
  width: calc(100% - 51px);
}

.search .searchBox .keyword .button-reset {
  width: 36px;
  height: 36px;
  margin-left: 15px;
  border-radius: 4px;
  border: 1px solid #999;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('/img/sub/dataRoom/search/reset-icon.png');
}

.search .searchBox .none-keyword {
  /* display: none; */
  margin-top: 3px;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: -0.02em;  
}

.search .searchBox .keyword .keyword-wrap {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 0 10px;
}

.search .searchBox .keyword .keyword-wrap p {
  padding: 6px 22px;
  border-radius: 25px;
  font-weight: 500;
  background-color: #fff;
  color: #1253a5;
  border: 1px solid #1253a5;
  font-size: 1.6rem;
  cursor: pointer;
}

.search .searchBox .form-table {
  padding-bottom: 20px;
  border-bottom: 2px solid #191919;
}

.search .searchBox .form-table .row {
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.search .searchBox .form-table .td {
  /* width: 208px; */
  width: 220px;
}

.search .searchBox .form-table select {
  width: 100%;
  height: 48px;
  padding: 0 20px 0 23px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  font-size: 1.6rem;
  letter-spacing: -0.02em;
  box-sizing: border-box;
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-size: 16px 8px;
  background-image: url('/img/sub/dataRoom/search/select-arrow.png');
}

.search .searchBox .form-table .button-submit {
  width: 48px;
  height: 48px;
  margin-left: 12px;
  border-radius: 4px;
  background-color: #0a4ea1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('/img/sub/dataRoom/search/search-icon.png');
}

.search .list li {
  margin-bottom: 36px;
}

.search .list li:last-of-type {
  margin-bottom: 0;
}

.search .list li .title {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #595959;
}

.search .list li .title p {
  font-weight: 700;
  color: #0a4ea1;
}

.search .table {
  padding-bottom: 40px;
  border-top: 2px solid #1c1c1c;
  border-bottom: 1px solid #eaeaea;
}

.search .table table {
  width: 100%;
  border-collapse: collapse;
}

.search .table thead {
  background-color: #f4fbfd;
  border-bottom: 2px solid #c9c9c9;
}

.search .table thead td {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #024099;
}

.search .table tr {
  border-bottom: 1px solid #c9c9c9;
}

.search .table td {
  padding: 19px 0 18px;
  font-size: 1.6rem;
  letter-spacing: -0.02em;
  text-align: center;
}


.search .searchBox .form-table select:hover {
  border-color: #0a4ea1;
}
@media(max-width:1200px) {
  .search .container > .txt {
    margin: 0 0 30px;
    font-size: 1.8rem;
  }
  
  .search .searchBox {
    padding: 30px 35px 35px;
    margin-bottom: 65px;
  }
  
  .search .searchBox .tit {
    /* margin-bottom: 14px; */
    font-size: 1.8rem;
  }
  
  .search .searchBox .keyword {
    padding: 35px 0 0;
  }
  
  .search .searchBox .keyword .none-keyword,
  .search .searchBox .keyword .keyword-wrap {
    width: calc(100% - 47px);
  }
  
  .search .searchBox .keyword .button-reset {
    width: 32px;
    height: 32px;
    /* margin-left: 15px; */
  }
  
  .search .searchBox .none-keyword {
    /* margin-top: 3px; */
    font-size: 2.2rem;
  }
  
  .search .searchBox .keyword .keyword-wrap {
    gap: 0 10px;
  }
  
  .search .searchBox .keyword .keyword-wrap p {
    padding: 6px 20px;
    font-size: 1.5rem;
  }
  
  .search .searchBox .form-table {
    /* padding-bottom: 20px; */
  }
  
  .search .searchBox .form-table .td {
    width: calc(20% - 15px);
  }
  
  .search .searchBox .form-table select {
    height: 45px;
    padding: 0 15px;
    font-size: 1.5rem;
    background-position: right 15px center;
    background-size: 16px 8px;
  }
  
  .search .searchBox .form-table .button-submit {
    width: 45px;
    height: 45px;
    margin-left: 10px;
  }
  
  .search .list li {
    margin-bottom: 30px;
  }
  
  .search .list li:last-of-type {
    margin-bottom: 0;
  }
  
  .search .list li .title {
    /* margin-bottom: 20px; */
    font-size: 1.8rem;
  }
  
  .search .table {
    padding-bottom: 35px;
  }
  
  .search .table thead td {
    font-size: 1.5rem;
  }
  
  .search .table td {
    padding: 15px 0;
    font-size: 1.5rem;
  }
}

@media(max-width:1024px) {
  .search .container > .txt {
    margin: 0 0 25px;
    font-size: 1.6rem;
  }
  
  .search .searchBox {
    padding: 25px 30px 30px;
    margin-bottom: 55px;
  }
  
  .search .searchBox .tit {
    /* margin-bottom: 14px; */
    font-size: 1.6rem;
  }
  
  .search .searchBox .keyword {
    padding: 30px 0 0;
  }
  
  .search .searchBox .keyword .none-keyword,
  .search .searchBox .keyword .keyword-wrap {
    width: calc(100% - 40px);
  }
  
  .search .searchBox .keyword .button-reset {
    width: 30px;
    height: 30px;
    margin-left: 10px;
  }
  
  .search .searchBox .none-keyword {
    /* margin-top: 3px; */
    font-size: 2rem;
  }
  
  .search .searchBox .keyword .keyword-wrap {
    gap: 0 10px;
  }
  
  .search .searchBox .keyword .keyword-wrap p {
    padding: 5px 15px;
    font-size: 1.4rem;
  }
  
  .search .searchBox .form-table {
    padding-bottom: 15px;
  }
  
  .search .searchBox .form-table .td {
    width: calc(20% - 15px);
  }
  
  .search .searchBox .form-table select {
    height: 40px;
    padding: 0 12px;
    font-size: 1.4rem;
    background-position: right 12px center;
    background-size: 14px 6px;
  }
  
  .search .searchBox .form-table .button-submit {
    width: 40px;
    height: 40px;
    margin-left: 5px;
  }
  
  .search .list li {
    margin-bottom: 25px;
  }
  
  .search .list li:last-of-type {
    margin-bottom: 0;
  }
  
  .search .list li .title {
    margin-bottom: 15px;
    font-size: 1.6rem;
  }
  
  .search .table {
    padding-bottom: 30px;
  }
  
  .search .table thead td {
    font-size: 1.4rem;
  }
  
  .search .table td {
    padding: 12px 0;
    font-size: 1.4rem;
  }
}

@media(max-width:768px) {
  .search .container > .txt {
    margin: 0 0 20px;
    font-size: 1.5rem;
  }
  
  .search .searchBox {
    padding: 20px 25px 25px;
    margin-bottom: 45px;
  }
  
  .search .searchBox .tit {
    margin-bottom: 10px;
    font-size: 1.5rem;
  }
  
  .search .searchBox .keyword {
    padding: 25px 0 0;
  }
  
  .search .searchBox .keyword .none-keyword,
  .search .searchBox .keyword .keyword-wrap {
    width: calc(100% - 35px);
  }
  
  .search .searchBox .keyword .button-reset {
    width: 25px;
    height: 25px;
    margin-left: 10px;
  }
  
  .search .searchBox .none-keyword {
    /* margin-top: 3px; */
    font-size: 1.8rem;
  }
  
  .search .searchBox .keyword .keyword-wrap {
    gap: 0 10px;
  }
  
  .search .searchBox .keyword .keyword-wrap p {
    padding: 5px 12px;
    font-size: 1.3rem;
  }
  
  .search .searchBox .form-table {
    padding-bottom: 12px;
  }
  
  .search .searchBox .form-table .row {
    flex-wrap: wrap;
    justify-content: start;
    gap: 6px;
  }
  
  .search .searchBox .form-table .td,
  .search .searchBox .form-table .button-box {
    width: calc(33.333% - 4px);
  }
  
  .search .searchBox .form-table select {
    height: 35px;
    padding: 0 10px;
    font-size: 1.3rem;
    background-position: right 10px center;
    background-size: 13px 6px;
  }
  
  .search .searchBox .form-table .button-box {
    display: flex;
    align-items: center;
    justify-content: end;
  }
  
  .search .searchBox .form-table .button-submit {
    width: 35px;
    height: 35px;
    margin-left: 5px;
  }
  
  .search .list li {
    margin-bottom: 20px;
  }
  
  .search .list li:last-of-type {
    margin-bottom: 0;
  }
  
  .search .list li .title {
    margin-bottom: 12px;
    font-size: 1.5rem;
  }
  
  .search .table {
    padding-bottom: 25px;
  }
  
  .search .table thead td {
    font-size: 1.3rem;
  }
  
  .search .table td {
    padding: 10px 0;
    font-size: 1.3rem;
  }
}

@media(max-width:560px) {
  .search .table {
    width: 100%;
    overflow: auto;
  }

  .search .table table {
    width: 600px;
  }
}

@media(max-width:500px) {
  .search .container > .txt {
    margin: 0 0 15px;
    font-size: 1.4rem;
  }
  
  .search .searchBox {
    padding: 15px 20px 20px;
    margin-bottom: 40px;
  }
  
  .search .searchBox .tit {
    font-size: 1.4rem;
  }
  
  .search .searchBox .keyword {
    padding: 20px 0 0;
  }
  
  .search .searchBox .none-keyword {
    /* margin-top: 3px; */
    font-size: 1.6rem;
  }
  
  .search .searchBox .keyword .keyword-wrap {
    gap: 5px;
  }
  
  .search .searchBox .keyword .keyword-wrap p {
    font-size: 1.2rem;
  }
  
  .search .searchBox .form-table {
    padding-bottom: 10px;
  }
  
  .search .searchBox .form-table .row {
    justify-content: start;
    gap: 5px 6px;
  }
  
  .search .searchBox .form-table .td,
  .search .searchBox .form-table .button-box {
    width: calc(50% - 3px);
  }
  
  .search .searchBox .form-table select {
    height: 30px;
    font-size: 1.2rem;
    background-size: 12px 5px;
  }
  
  .search .searchBox .form-table .button-submit {
    width: 30px;
    height: 30px;
  }
  
  .search .list li {
    margin-bottom: 15px;
  }
  
  .search .list li:last-of-type {
    margin-bottom: 0;
  }
  
  .search .list li .title {
    font-size: 1.4rem;
  }
  
  .search .table {
    padding-bottom: 20px;
  }
  
  .search .table thead td {
    font-size: 1.2rem;
  }
  
  .search .table td {
    font-size: 1.2rem;
  }
}
/* ---------- E:Search ---------- */

/* ---------- S:Catalog ---------- */
.catalog .container > .txt {
  margin: -7px 0 37px;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}

@media(max-width:1200px) {
  .catalog .container > .txt {
    margin: -6px 0 30px;
    font-size: 1.8rem;
  }
}

@media(max-width:1024px) {
  .catalog .container > .txt {
    margin: -5px 0 25px;
    font-size: 1.6rem;
  }
}

@media(max-width:768px) {
  .catalog .container > .txt {
    margin: -3px 0 20px;
    font-size: 1.5rem;
  }
}

@media(max-width:500px) {
  .catalog .container > .txt {
    margin: -2px 0 15px;
    font-size: 1.4rem;
  }
}
/* ---------- E:Catalog ---------- */
/* ---------- S:Complete ---------- */
.complete .section--01 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 250px);
}

.complete .logo {
  position: relative;
  margin: 0 auto;
  width: 280px;
  aspect-ratio: 5.45 / 1;
  margin-bottom: 40px;
}

.complete .logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.complete h3 {
  margin-bottom: 40px;
  font-size: 6rem;
  font-weight: 700;
  text-align: center;
}

.complete .txt {
  font-size: 2.8rem;
  line-height: 1.6;
  text-align: center;
}

.complete .button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 56px;
  margin: 60px auto 0;
  background-color: #0a4ea1;
  border-radius: 28px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
}

@media(max-width:1200px) {
  .complete .section--01 {
    min-height: calc(100vh - 198px);
  }
  
  .complete .logo {
    width: 280px;
    margin-bottom: 35px;
  }
  
  .complete h3 {
    margin-bottom: 35px;
    font-size: 5.2rem;
  }
  
  .complete .txt {
    font-size: 2.4rem;
  }
  
  
  .complete .button {
    width: 220px;
    height: 55px;
    margin: 50px auto 0;
    font-size: 1.5rem;
  }
    
}

@media(max-width:1024px) {
  .complete .section--01 {
    min-height: calc(100vh - 207px);
  }
  
  .complete .logo {
    width: 260px;
    margin-bottom: 30px;
  }
  
  .complete h3 {
    margin-bottom: 30px;
    font-size: 4.4rem;
  }
  
  .complete .txt {
    font-size: 2.2rem;
  }
  
  .complete .button {
    width: 200px;
    height: 45px;
    margin: 45px auto 0;
    font-size: 1.4rem;
  }
}

@media(max-width:768px) {
  .complete .section--01 {
    min-height: calc(100vh - 192px);
  }
  
  .complete .logo {
    width: 240px;
    margin-bottom: 25px;
  }
  
  .complete h3 {
    margin-bottom: 25px;
    font-size: 3.2rem;
  }
  
  .complete .txt {
    font-size: 2rem;
  }
  
  .complete .button {
    width: 180px;
    height: 40px;
    margin: 40px auto 0;
    font-size: 1.3rem;
  }
}

@media(max-width:500px) {
  .complete .section--01 {
    min-height: calc(100vh - 234px);
  }
  
  .complete .logo {
    width: 220px;
    margin-bottom: 20px;
  }
  
  .complete h3 {
    margin-bottom: 20px;
    font-size: 2.8rem;
  }
  
  .complete .txt {
    font-size: 1.8rem;
  }
    
  .complete .button {
    width: 160px;
    height: 35px;
    margin: 35px auto 0;
    font-size: 1.2rem;
  }
}
/* ---------- E:Complete ---------- */

/* ---------- S:2025.08.12 추가 페이지 퍼블리싱 ---------- */
/* 폰트 */
.fm-redhat {
  font-family: 'RedHatDisplay', sans-serif;
}

.fm-pretendard {
  font-family: 'Pretendard', sans-serif;
}


/* 자간 */
.lt-sp {
  letter-spacing: -0.02em;
}


/* 정렬 */
.text-center {
  text-align: center;
}


/* 두께 */
.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}


/* 컬러 */
.color-dark1 {
  color:#191919;
}

.color-dark3 {
  color:#333333;
}

.color-orange {
  color:#f79521;
}

.color-orange2 {
  color:#f79521;
}

.color-point {
  color:#024099;
}


/* 배경색 */
.bg-e8f2f9 {
  background-color: #e8f2f9;
}

.bg-f5f5f5 {
  background-color: #f5f5f5;
}


/* 패딩 */
.pt-80 {
  padding-top: 80px;
}

.pt-120 {
  padding-top: 120px;
}

.pb-40 {
  padding-bottom:40px;
}

.pb-80 {
  padding-bottom:80px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-140 {
  padding-bottom: 140px;
}

.py-80 {
  padding: 80px 0px;
}

@media(max-width:1200px) {
  .pt-80 {
    padding-top: 60px;
  }

  .pt-120 {
    padding-top: 100px;
  }

  .pb-40 {
    padding-bottom:30px;
  }

  .pb-80 {
    padding-bottom:60px;
  }

  .pb-120 {
    padding-bottom: 100px;
  }

  .pb-140 {
    padding-bottom: 120px;
  }

  .py-80 {
    padding:60px 0px;
  }
}
@media(max-width:1024px) {
  .pt-80 {
    padding-top: 60px;
  }

  .pt-120 {
    padding-top: 80px;
  }

  .pb-40 {
    padding-bottom:24px;
  }

  .pb-80 {
    padding-bottom:60px;
  }

  .pb-120 {
    padding-bottom: 80px;
  }

  .pb-140 {
    padding-bottom: 100px;
  }

  .py-80 {
    padding: 60px 0px;
  }
}
@media(max-width:768px) {
  .pt-80 {
    padding-top: 40px;
  }

  .pt-120 {
    padding-top: 60px;
  }

  .pb-40 {
    padding-bottom:20px;
  }

  .pb-80 {
    padding-bottom:40px;
  }

  .pb-120 {
    padding-bottom: 60px;
  }

  .pb-140 {
    padding-bottom: 80px;
  }

  .py-80 {
    padding: 40px 0px;
  }
}
@media(max-width:500px) {
  .pt-80 {
    padding-top: 40px;
  }

  .pt-120 {
    padding-top: 50px;
  }

  .pb-40 {
    padding-bottom:16px;
  }

  .pb-80 {
    padding-bottom:40px;
  }

  .pb-120 {
    padding-bottom: 50px;
  }

  .pb-140 {
    padding-bottom: 60px;
  }

  .py-80 {
    padding: 40px 0px;
  }
}


/* CI 소개 */
.ci .section--01 .txt .t01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap:20px;
  margin-bottom:40px;
  font-size: 3.6rem;
  line-height: 1;
}

.ci .section--01 .txt .t01 i {
  display: block;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  background-color: #f79521;
}

.ci .section--01 .txt .t02 {
  font-size: 2rem;
  line-height:1.6;
}

.ci .section--02 .item01 {
  padding-bottom:80px;
}

.ci .section--02 .caution .t01 {
  font-size: 2rem;
  line-height:1.6;
}

.ci .section--02 .caution .t02 {
  font-size: 2rem;
  line-height:1.6;
}

.ci .section--02 .caution .t02:not(:last-child) {
  margin-bottom:40px;
}

.ci .section--02 .division {
  display: flex;
  padding-bottom:60px;
}

.ci .section--02 .division dd {
  flex:1 1;
  font-size: 0px;
}

.ci .section--02 .division p {
  font-size: 2.8rem;
  margin-bottom:30px;
}

.ci .section--02 .division .block {
  text-align: center;
  padding: 120px 20px;
  background: url('/img/sub/about/ci/sec02_board.png') no-repeat center / cover;
}

@media(max-width:1200px) {
  .ci .section--01 .txt .t01 {
    font-size: 2.8rem;
  }

  .ci .section--01 .txt .t02 {
    font-size: 1.8rem;
  }

  .ci .section--02 .division p {
    font-size: 2.6rem;
  }

  .ci .section--02 .caution .t01 {
    font-size:1.8rem;
  }

  .ci .section--02 .caution .t02 {
    font-size:1.8rem;
  }

  .ci .section--02 .division .block {
    padding: 100px 20px;
  }
}
@media(max-width:1024px) {
  .ci .section--02 .item01 {
    padding-bottom:60px;
  }

  .ci .section--01 .txt .t01 {
    gap:16px;
    margin-bottom: 28px;
    font-size: 2.6rem;
  }

  .ci .section--01 .txt .t01 i {
    width: 12px;
    height:12px;
  }

  .ci .section--01 .txt .t02 {
    font-size: 1.6rem;
  }

  .ci .section--02 .division {
    padding-bottom:40px;
  }

  .ci .section--02 .division p {
    font-size:2.4rem;
    margin-bottom:20px;
  }

  .ci .section--02 .caution .t01 {
    font-size:1.6rem;
  }

  .ci .section--02 .caution .t02 {
    font-size:1.6rem;
  }

  .ci .section--02 .caution .t02:not(:last-child) {
    margin-bottom: 28px;
  }

  .ci .section--02 .division .block {
    padding: 80px 20px;
  }

  .ci .section--02 .division .block img {
    width: 576px;
  }
}
@media(max-width:768px) {
  .ci .section--02 .item01 {
    padding-bottom:40px;
  }

  .ci .section--01 .txt .t01 {
    gap:10px;
    margin-bottom: 20px;
    font-size: 2.4rem;
  }

  .ci .section--01 .txt .t01 i {
    width: 10px;
    height:10px;
  }

  .ci .section--01 .txt .t02 {
    font-size: 1.4rem;
  }

  .ci .section--02 .division {
    padding-bottom: 28px;
  }

  .ci .section--02 .division p {
    font-size:2.2rem;
    margin-bottom:16px;
  }

  .ci .section--02 .caution .t01 {
    font-size:1.4rem;
  }

  .ci .section--02 .caution .t02 {
    font-size:1.4rem;
  }

  .ci .section--02 .caution .t02 br {
    display: none;
  }

  .ci .section--02 .caution .t02:not(:last-child) {
    margin-bottom: 20px;
  }

  .ci .section--02 .division .block {
    padding: 60px 16px;
  }

  .ci .section--02 .division .block img {
    width: 476px;
  }
}
@media(max-width:500px) {
  .ci .section--02 .item01 {
    padding-bottom:30px;
  }

  .ci .section--01 .txt .t01 {
    gap:8px;
    margin-bottom: 16px;
    font-size: 2.2rem;
  }

  .ci .section--01 .txt .t01 i {
    width: 8px;
    height:8px;
  }

  .ci .section--01 .txt .t02 {
    font-size: 1.3rem;
  }

  .ci .section--02 .division {
    flex-wrap: wrap;
    gap:12px;
    padding-bottom: 20px;
  }

  .ci .section--02 .division dd {
    flex:1 1 100%;
  }

  .ci .section--02 .division p {
    font-size:1.8rem;
    margin-bottom:10px;
  }

  .ci .section--02 .caution .t01 {
    font-size:1.3rem;
  }

  .ci .section--02 .caution .t02 {
    font-size:1.3rem;
  }

  .ci .section--02 .caution .t02:not(:last-child) {
    margin-bottom: 16px;
  }

  .ci .section--02 .division .block {
    padding: 40px 12px;
  }

  .ci .section--02 .division .block img {
    width: 276px;
  }
}


/* 제품 소개 Common */
.product--custom .intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product--custom .intro-align-start {
  align-items: flex-start;
}

.product--custom .txt-space {
  padding-left:24px;
}

.product--custom .txt-space .pin {
  position: relative;
  margin-bottom: 40px;
  font-size:3.6rem;
}

.product--custom .txt-space .pin::before {
  content: "";
  display: block;
  position: absolute;
  top:18px;
  left:-24px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background-color: #f79521;
}

.product--custom .txt-space .t01 {
  font-size:2rem;
  letter-spacing: -0.02em;
  line-height:1.6;
}

.product--custom .intro .lt-400 {
  width: calc(100% - 400px);
}

.product--custom .intro .rt-360 {
  width: 360px;
}

.product--custom .intro .rt-360 .img {
  max-width:360px;
  aspect-ratio: 2 / 1;
}

.product--custom .intro .lt-540 {
  width: calc(100% - 540px);
}

.product--custom .intro .lt-570 {
  width: calc(100% - 570px);
}

.product--custom .intro .lt-640 {
  width: calc(100% - 640px);
}

.product--custom .intro .rt-500 {
  width: 500px;
}

.product--custom .intro .rt-500 .img {
  max-width:500px;
  aspect-ratio: 1.54 / 1;
}

.product--custom .photos .area {
  padding-left:24px;
}

.product--custom .photos .item {
  display: flex;
  align-items: center;
  gap:60px;
}

.product--custom .photos .img {
  max-width: 600px;
  aspect-ratio: 1.494 / 1;
}

.product--custom .photos .txt {
  width: calc(100% - 660px);
}

.product--custom .photos .txt .t01 {
  font-size:2.8rem;
  letter-spacing: -0.02em;
}

.product--custom .photos .txt .t02 {
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height:1.6;
  margin:30px 0px 50px;
}

.product--custom .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 240px;
  height:56px;
  border-radius:30px;
  background-color: #0a4ea1;
  font-size:1.6rem;
  font-weight:500;
  color:#fff;
  transition:all .2s ease-in;
}

.product--custom .section-bak {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.product--custom .section-bak--chrcol {
  background-image: url('/img/sub/product/hanbon/bpe/chrcol/chrcol_bak.png');
}

.product--custom .section-bak--chsys {
  background-image: url('/img/sub/product/hanbon/bpe/chsys/chsys_bak.png');
}

.product--custom .section-bak--phplc {
  background-image: url('/img/sub/product/hanbon/phplc/phplc_bak.png');
}

.product--custom .section-bak--plcsys {
  background-image: url('/img/sub/product/hanbon/phplc/plcsys/plcsys_bak.png');
}

.product--custom .section-bak--chcol {
  background-image: url('/img/sub/product/hanbon/phplc/chcol/chcol_bak.png');
}

.product--custom .knell {
  max-width: 1790px;
  width: 100%;
  margin:0 auto;
  padding:0px 15px;
}

.product--custom .knell-inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.product--custom .knell-inner .txt {
  width: 50%;
  padding:50px;
  background-color: #fff;
  border:1px solid #c9c9c9;
}

.product--custom .knell-inner .txt .t01 {
  font-size:2.4rem;
}

.product--custom .knell-inner .txt .t02 {
  font-size: 2rem;
  line-height: 1.6;
  margin-top: 40px;
}

.pattern {
  position: relative;
}

.pattern::after {
  content: "";
  display: block;
  position: absolute;
  right:50px;
  bottom:50px;
  width:573px;
  height: 173px;
  background: url('/img/sub/product/hanbon/bpe/bpe_sec00_bak.png') no-repeat center;
  opacity:.1;
  z-index: -1;
}

@media(min-width:1201px){
  .product--custom .btn:hover {
    background-color: #08366f;
  }
}
@media(max-width:1200px) {
  .product--custom .intro .lt-540 {
    width: calc(100% - 480px);
  }

  .product--custom .intro .lt-570 {
    width: calc(100% - 470px);
  }

  .product--custom .intro .lt-580 {
    width: calc(100% - 480px);
  }

  .product--custom .intro .lt-640 {
    width: calc(100% - 540px);
  }

  .product--custom .intro .rt-500 {
    width: 440px;
  }

  .product--custom .intro .rt-500 .img {
    max-width: 440px;
  }

  .product--custom .txt-space {
    padding-left:20px;
  }

  .product--custom .txt-space .pin {
    margin-bottom: 28px;
    font-size:3.2rem;
  }

  .product--custom .txt-space .pin::before {
    top:16px;
    left: -13px;
    width: 8px;
    height:8px;
  }

  .product--custom .txt-space .t01 {
    font-size:1.8rem;
  }

  .product--custom .photos .area {
    padding-left:20px;
  }

  .product--custom .photos .item {
    gap:40px;
  }

  .product--custom .photos .img {
    max-width:500px;
  }

  .product--custom .photos .txt {
    width: calc(100% - 540px);
  }

  .product--custom .photos .txt .t01 {
    font-size:2.6rem;
  }

  .product--custom .photos .txt .t02 {
    font-size: 1.8rem;
    margin:24px 0px 40px;
  }

  .product--custom .photos .txt .t02 br {
    display: none;
  }

  .product--custom .btn {
    width: 200px;
    height:48px;
    font-size: 1.4rem;
  }

  .product--custom .knell-inner .txt {
    width: 100%;
    padding: 36px;
  }

  .product--custom .knell-inner .txt .t01 {
    font-size: 2.2rem;
  }

  .product--custom .knell-inner .txt .t02 {
    font-size: 1.8rem;
    margin-top: 28px;
  }

  .pattern::after {
    right:20px;
    bottom:36px;
    width:443px;
    height: 133px;
    background-size: auto 133px;
  }
}
@media(max-width:1024px) {
  .product--custom .intro .lt-540 {
    width: calc(100% - 440px);
  }

  .product--custom .intro .lt-570 {
    width: calc(100% - 440px);
  }

  .product--custom .intro .lt-580 {
    width: calc(100% - 440px);
  }

  .product--custom .intro .lt-640 {
    width: calc(100% - 440px);
  }

  .product--custom .intro .rt-500 {
    width: 400px;
  }

  .product--custom .intro .rt-500 .img {
    max-width: 400px;
  }
  
  .product--custom .txt-space {
    padding-left: 14px;
  }

  .product--custom .txt-space .pin {
    margin-bottom: 20px;
    font-size:2.8rem;
  }

  .product--custom .txt-space .pin br {
    display: none;
  }

  .product--custom .txt-space .t01 {
    font-size:1.6rem;
  }

  .product--custom .txt-space .t01 br {
    display: none;
  }

  .product--custom .photos .area {
    padding-left:14px;
  }

  .product--custom .photos .item {
    gap:30px;
  }

  .product--custom .photos .txt {
    width: calc(100% - 30px);
  }

  .product--custom .photos .txt .t01 {
    font-size:2.4rem;
  }

  .product--custom .photos .txt .t02 {
    font-size:1.6rem;
    margin:20px 0px 30px;
  }

  .product--custom .btn {
    width: 180px;
    height:44px;
    font-size: 1.3rem;
  }

  .product--custom .knell-inner .txt {
    padding: 30px;
  }

  .product--custom .knell-inner .txt .t01 {
    font-size: 2rem;
  }

  .product--custom .knell-inner .txt .t02 {
    font-size: 1.6rem;
    margin-top: 20px;
  }

  .pattern::after {
    bottom:28px;
    width:343px;
    height: 103px;
    background-size: auto 103px;
  }
}
@media(max-width:768px) {
  .product--custom .intro {
    flex-direction: column;
    gap:15px;
  }

  .product--custom .intro .lt-400,
  .product--custom .intro .lt-540,
  .product--custom .intro .lt-570,
  .product--custom .intro .lt-580,
  .product--custom .intro .lt-640 {
    width: 100%;
  }

  .product--custom .intro .rt-360,
  .product--custom .intro .rt-500 {
    width: 100%;
    text-align: center;
  }

  .product--custom .intro .rt-500 .img {
    max-width: 360px;
  }

  .product--custom .txt-space {
    padding: 0px;
  }

  .product--custom .txt-space .pin {
    padding-left: 14px;
    margin-bottom:16px;
    font-size: 2.4rem;
  }

  .product--custom .txt-space .pin::before {
    top:11px;
    left: 0px;
  }

  .product--custom .txt-space .t01 {
    font-size:1.4rem;
  }

  .product--custom .photos .area {
    padding-left:0px;
  }

  .product--custom .photos .item {
    flex-direction: column;
    gap:15px;
  }

  .product--custom .photos .img {
    max-width:380px;
  }

  .product--custom .photos .txt {
    width: 100%;
  }

  .product--custom .photos .txt .t01 {
    font-size: 2rem;
  }

  .product--custom .photos .txt .t01 br {
    display: none;
  }

  .product--custom .photos .txt .t02 {
    font-size:1.4rem;
    margin: 12px 0px 20px;
  }

  .product--custom .photos .txt .t02 br {
    display: none;
  }

  .product--custom .btn {
    width: 160px;
    height:38px;
    font-size: 1.2rem;
  }

  .product--custom .knell-inner .txt {
    padding: 24px;
  }

  .product--custom .knell-inner .txt .t01 {
    font-size: 1.8rem;
  }

  .product--custom .knell-inner .txt .t02 {
    font-size: 1.4rem;
    margin-top: 16px;
  }

  .pattern::after {
    bottom:24px;
    width:263px;
    height: 73px;
    background-size: auto 73px;
  }
}
@media(max-width:500px) {
  .product--custom .intro .rt-360 .img {
    max-width: 280px;
  }

  .product--custom .intro .rt-500 .img {
    max-width: 280px;
  }

  .product--custom .txt-space .pin {
    padding-left: 11px;
    margin-bottom:10px;
    font-size: 2rem;
  }

  .product--custom .txt-space .pin::before {
    top:9px;
    width: 6px;
    height:6px; 
  }
  
  .product--custom .txt-space .t01 {
    font-size:1.3rem;
  }

  .product--custom .photos .img {
    max-width:320px;
  }

  .product--custom .photos .txt .t01 {
    font-size: 1.8rem;
  }

  .product--custom .photos .txt .t02 {
    font-size:1.3rem;
    margin: 10px 0px 16px;
  }

  .product--custom .btn {
    width: 120px;
    height:34px;
    font-size: 1.1rem;
  }

  .product--custom .knell-inner .txt {
    padding: 20px;
  }

  .product--custom .knell-inner .txt .t01 {
    font-size: 1.6rem;
  }

  .product--custom .knell-inner .txt .t02 {
    font-size: 1.3rem;
    margin-top: 10px;
  }

  .pattern::after {
    bottom:20px;
    width:143px;
    height: 43px;
    background-size: auto 43px;
  }
}


/* 제품소개 View */
.product--view .view-slide {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap:40px;
}

.product--view .view-slide-start {
  align-items: flex-start;
}

.product--view .view-slide .lt {
  width: calc(100% - 680px);
}

.product--view .view-slide .rt {
  position: relative;
  width: 600px;
}

.product--view .view-slide .swiper-container {
  border:1px solid #c9c9c9;
  font-size:0px;
}

.product--view .view-slide img {
  display: block;
  width: 100%;
}

.product--view .view-slide .prev,
.product--view .view-slide .next {
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  width: 60px;
  height:60px;
  border-radius: 50%;
  background-color:#fff;
  box-shadow: 0px 1px 7.65px 1.35px rgba(100, 100, 100, 0.2);
  z-index:10;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
}

.product--view .view-slide .prev {
  left: -30px;
  background-image: url('/img/sub/product/btn_prev.png');
}

.product--view .view-slide .next {
  right:-30px;
  background-image: url('/img/sub/product/btn_next.png');
}

.product--view .view-slide .txt .t01 {
  font-size: 3.6rem;
  margin-bottom:40px;
}

.product--view .view-slide .txt .t02 {
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height:1.6;
}

.product--view .view-point:not(:last-child) {
  padding-bottom: 40px;
}

.product--view .view-point dl {
  padding-left:50px;
}

.product--view .view-point dt {
  position: relative;
  font-size:2.4rem;
  margin-bottom:20px;
}

.product--view .view-point dt::before {
  content: "";
  display: block;
  position:absolute;
  top:50%;
  left:-30px;
  transform: translateY(-50%);
  width: 20px;
  height:2px;
  background-color: #f79521;
}

.product--view .view-point dd {
  font-size: 2rem;
  line-height:1.6;
}

.product--view .view-gallery {
  display: flex;
  justify-content: space-between;
}

.product--view .view-gallery .txt .t01 {
  position: relative;
  padding-left:24px;
  margin-bottom: 40px;
  font-size:3.6rem;
}

.product--view .view-gallery .txt .t01::before {
  content: "";
  display: block;
  position: absolute;
  top:18px;
  left:0;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background-color: #f79521;
}

.product--view .view-gallery .txt .t02 {
  padding-left:24px;
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height:1.6;
}

.product--view .view-dot {
  padding-left:20px;
}

.product--view .view-dot dl {
  display: flex;
  gap:4px;
  font-size:2rem;
  line-height:2.1;
}

.product--view .table-title {
  position: relative;
  margin-bottom:30px;
  padding-left:30px;
  font-size: 2.4rem;
}

.product--view .table-title::before {
  content: "";
  display: block;
  position:absolute;
  top:50%;
  left:0px;
  transform: translateY(-50%);
  width: 20px;
  height:2px;
  background-color: #f79521;
}

.product--view .view-table table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  border-top: 2px solid #000;
  background-color: #fff;
}

.product--view .view-table table.none-border {
  border:0px;
}

.product--view .view-table tr {
  border-bottom:  1px solid #c9c9c9;
}

.product--view .view-table tr.bak {
  background-color: #f4fbfd;
}

.product--view .view-table td {
  height:60px;
  padding:10px 6px;
  font-size: 1.6rem;
  letter-spacing: -0.02em;
  line-height:1.4;
}

.product--view .view-table td:not(:last-child) {
  border-right: 1px solid #c9c9c9;
}

.product--view .view-table td.bak {
  background-color: #f4fbfd;
}

.product--view .view-table td.pin {
  font-weight: 600;
  color:#024099;
}

@media(max-width:1200px) {
  .product--view .view-slide {
    gap:30px;
  }

  .product--view .view-slide .lt {
    width: calc(100% - 540px);
  }

  .product--view .view-slide .rt {
    width: 500px;
  }

  .product--view .view-slide .txt .t01 {
    font-size:3.2rem;
    margin-bottom:28px;
  }

  .product--view .view-gallery .txt .t01 br {
    display: none;
  }

  .product--view .view-slide .txt .t02 {
    font-size:1.8rem;
  }

  .product--view .view-slide .txt .t02 br {
    display: none;
  }

  .product--view .view-slide .prev, .product--view .view-slide .next {
    width: 40px;
    height:40px;
    background-size: auto 13px;
  }

  .product--view .view-slide .prev {
    left: 10px;
  }

  .product--view .view-slide .next {
    right: 10px;
  }

  .product--view .view-gallery .txt .t01 {
    padding-left:20px;
    margin-bottom: 30px;
    font-size:3.2rem;
  }

  .product--view .view-gallery .txt .t02 {
    padding-left:20px;
    font-size:1.8rem;
  }

  .product--view .view-point:not(:last-child) {
    padding-bottom: 30px;
  }

  .product--view .view-point dt {
    font-size:2.2rem;
    margin-bottom:16px;
  }

  .product--view .view-point dd {
    font-size:1.8rem;
  }

  .product--view .view-dot dl {
    font-size:1.8rem;
  }

  .product--view .table-title {
    margin-bottom:24px;
    padding-left:24px;
    font-size: 2.2rem;
  }

  .product--view .table-title::before {
    width: 16px;
  }

  .product--view .view-table td {
    height:54px;
    padding:6px;
    font-size: 1.4rem;
  }
}
@media(max-width:1024px) {
  .product--view .view-slide {
    gap:20px;
  }

  .product--view .view-slide .lt {
    width: calc(100% - 460px);
  }

  .product--view .view-slide .rt {
    width: 440px;
  }

  .product--view .view-slide .txt .t01 {
    font-size:2.6rem;
    margin-bottom:24px;
  }

  .product--view .view-slide .txt .t01 br {
    display: none;
  }

  .product--view .view-slide .txt .t02 {
    font-size:1.6rem;
  }

  .product--view .view-slide .txt .t02 br {
    display: none;
  }

  .product--view .view-gallery .txt .t01 {
    padding-left:16px;
    margin-bottom: 20px;
    font-size:2.6rem;
  }

  .product--view .view-gallery .txt .t01::before {
    top:13px;
    width: 8px;
    height:8px;
  }

  .product--view .view-gallery .txt .t02 {
    padding-left:16px;
    font-size:1.6rem;
  }

  .product--view .view-gallery .txt .t02 br {
    display: none;
  }

  .product--view .view-point:not(:last-child) {
    padding-bottom: 24px;
  }

  .product--view .view-point dl {
    padding-left:24px;
  }

  .product--view .view-point dt {
    font-size:2rem;
    margin-bottom:12px;
  }

  .product--view .view-point dt::before {
    left: -25px;
    width: 15px;
  }

  .product--view .view-point dd {
    font-size:1.6rem;
  }

  .product--view .view-point dd br {
    display: none;
  }

  .product--view .view-dot {
    padding-left:14px;
  }

  .product--view .view-dot dl {
    font-size:1.6rem;
  }

  .product--view .table-title {
    margin-bottom:20px;
    padding-left:20px;
    font-size: 2rem;
  }

  .product--view .table-title::before {
    width: 12px;
  }

  .product--view .view-table td {
    height:48px;
    font-size: 1.3rem;
  }
}
@media(max-width:768px) {
  .product--view .view-slide {
    flex-direction: column;
    gap:15px;
  }

  .product--view .view-slide .lt {
    width: 100%;
  }

  .product--view .view-slide .rt {
    width: 360px;
    margin: 0 auto;
  }

  .product--view .view-slide .txt .t01 {
    font-size:2.4rem;
    margin-bottom:20px;
  }

  .product--view .view-slide .txt .t02 {
    font-size:1.4rem;
  }

  .product--view .view-slide .prev, .product--view .view-slide .next {
    width: 30px;
    height:30px;
    background-size: auto 11px;
  }

  .product--view .view-slide .prev {
    left: 6px;
  }

  .product--view .view-slide .next {
    right: 6px;
  }

  .product--view .view-gallery {
    flex-direction: column;
  }

  .product--view .view-gallery .txt .t01 {
    padding-left:14px;
    margin-bottom: 12px;
    font-size:2.4rem;
  }

  .product--view .view-gallery .txt .t01::before {
    top:12px;
  }

  .product--view .view-gallery .txt .t02 {
    padding-left:0px;
    font-size:1.4rem;
  }

  .product--view .view-gallery .txt .t02 br {
    display: none;
  }

  .product--view .view-point:not(:last-child) {
    padding-bottom: 20px;
  }

  .product--view .view-point dl {
    padding-left:16px;
  }

  .product--view .view-point dt {
    font-size:1.8rem;
    margin-bottom:12px;
  }

  .product--view .view-point dt::before {
    left: -16px;
    width: 10px;
  }

  .product--view .view-point dd {
    font-size:1.4rem;
  }

  .product--view .view-dot {
    padding-left: 0px;
  }

  .product--view .view-dot dl {
    gap:3px;
    font-size:1.4rem;
    line-height:1.6;
  }

  .product--view .table-title {
    margin-bottom:14px;
    padding-left:14px;
    font-size: 1.8rem;
  }

  .product--view .table-title::before {
    width: 10px;
  }

  .product--view .view-table {
    width: 100%;
    overflow-x: auto;
  }

  .product--view .view-table table {
    width: 800px;
  }

  .product--view .view-table table colgroup {
    display: none;
  }

  .product--view .view-table td:nth-child(1) {
    width: 320px;
  }

  /* .product--view .view-table td:nth-child(2) {
    width: 180px;
  } */
  

  .product--view .view-table td {
    height: 44px;
    font-size:1.2rem;
  }

  .product--view .view-table td.td-sticky {
    position: sticky;
    top:0;
    left:0;
    border-right: 0px;
    z-index: 3;
    /* width: 180px; */
    border-bottom: 1px solid #c9c9c9;
    /* border-top: 1px solid #c9c9c9; */
  }

  .product--view .view-table td.td-sticky02 {
    left:160px;
  }

  /* .product--view .view-table td.td-sticky::before {
    content: "";
    display: block;
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    height: 1px;
    background-color: #c9c9c9;
  } */

  .product--view .view-table td.td-sticky::after {
    content: "";
    display: block;
    position: absolute;
    top:0;
    right:0;
    width: 1px;
    height: 100%;
    background-color: #c9c9c9;
  }

  .product--view .view-table td.td-sticky-blue {
    background-color: #f4fbfd;
  }

  .product--view .view-table td.td-sticky-white {
    background-color: #fff;
  }
}
@media(max-width:500px) {
  .product--view .view-slide .rt {
    width: 300px;
  }

  .product--view .view-slide .txt .t01 {
    font-size:2.2rem;
    margin-bottom:12px;
  }

  .product--view .view-slide .txt .t02 {
    font-size:1.3rem;
  }

  .product--view .view-gallery .txt .t01 {
    padding-left:12px;
    margin-bottom: 8px;
    font-size:2.2rem;
  }

  .product--view .view-gallery .txt .t01::before {
    top:11px;
    width: 6px;
    height:6px;
  }

  .product--view .view-gallery .txt .t02 {
    font-size:1.3rem;
  }

  .product--view .view-point:not(:last-child) {
    padding-bottom: 12px;
  }

  .product--view .view-point dl {
    padding-left:12px;
  }

  .product--view .view-point dt {
    font-size:1.6rem;
    margin-bottom:8px;
  }

  .product--view .view-point dt::before {
    left: -12px;
    width: 6px;
  }

  .product--view .view-point dd {
    font-size:1.3rem;
  }

  .product--view .view-dot dl {
    gap:2px;
    font-size:1.3rem;
  }

  .product--view .table-title {
    margin-bottom:10px;
    padding-left:10px;
    font-size: 1.6rem;
  }

  .product--view .table-title::before {
    width: 6px;
  }

  .product--view .view-table td {
    height: 40px;
    padding: 4px;
    font-size:1.1rem;
  }

  .product--view .view-table table {
    width: 700px;
  }

  .product--view .view-table td:nth-child(1) {
    width: 200px;
  }

  .product--view .view-table td.td-sticky02 {
    left: 100px;
  }
}


/* 제품 소개 Hanbon */


@media(max-width:1200px) {

}
@media(max-width:1024px) {

}
@media(max-width:768px) {

}
@media(max-width:500px) {

}


/* 제품 소개 BPE */
@media(max-width:1200px) {

}
@media(max-width:1024px) {

}
@media(max-width:768px) {

}
@media(max-width:500px) {

}


/* 제품 소개 BPE chrcol */
@media(max-width:1200px) {

}
@media(max-width:1024px) {

}
@media(max-width:768px) {

}
@media(max-width:500px) {

}


/* 제품 소개 BPE chsys */
@media(max-width:1200px) {

}
@media(max-width:1024px) {

}
@media(max-width:768px) {

}
@media(max-width:500px) {

}


/* 제품 소개 BPE chsys biolb */
.biolb .view-gallery {
  gap:80px;
}

.biolb .view-gallery .lt {
  width: calc(100% - 500px);
}

.biolb .view-gallery .rt {
  width: 540px;
}

.biolb .view-gallery .img {
  max-width:540px;
  aspect-ratio: 1.5 / 1;
}

@media(max-width:1200px) {
  .biolb .view-gallery {
    gap:20px;
  }

  .biolb .view-gallery .lt {
    width: calc(100% - 520px);
  }

  .biolb .view-gallery .rt {
    width: 500px;
  }

  .biolb .view-gallery .img {
    max-width:500px;
  }
}
@media(max-width:1024px) {
  .biolb .view-gallery .lt {
    width: calc(100% - 480px);
  }

  .biolb .view-gallery .rt {
    width: 440px;
  }

  .biolb .view-gallery .img {
    max-width:440px;
  }
}
@media(max-width:768px) {
  .biolb .view-gallery .lt {
    width: 100%;
  }

  .biolb .view-gallery .rt {
    width: 100%;
  }

  .biolb .view-gallery .img {
    max-width:360px;
    margin: 0 auto;
  }

  /* .biolb .view-table td.td-sticky02 {
    left: 176px;
  } */
}
@media(max-width:500px) {
  .biolb .view-gallery .img {
    max-width: 280px;
  }

  /* .biolb .view-table td.td-sticky02 {
    left: 154px;
  } */
}


/* 제품 소개 PHPLC */
@media(max-width:1200px) {

}
@media(max-width:1024px) {

}
@media(max-width:768px) {

}
@media(max-width:500px) {

}


/* 제품 소개 PHPLC plcsys */
@media(max-width:1200px) {

}
@media(max-width:1024px) {

}
@media(max-width:768px) {

}
@media(max-width:500px) {

}


/* 제품 소개 PHPLC plcsys - newst */
@media(max-width:1200px) {

}
@media(max-width:1024px) {

}
@media(max-width:768px) {

}
@media(max-width:500px) {

}


/* 제품 소개 PHPLC chcol */
.chcol .step .item {
  display: flex;
  margin:-12px;
}

.chcol .step .item01 {
  padding-bottom: 12px;
}

.chcol .step .item02 {
  justify-content: flex-end;
}

.chcol .step .box {
  flex:1 0 33.33%;
  max-width: 33.33%;
  padding: 12px;
}

.chcol .step .box-wrap {
  min-height:260px;
  height:100%;
  padding: 40px 30px 0px;
  border-radius: 20px;
  background-color: #f5f5f5;
}

.chcol .step .box-wrap span {
  font-size: 1.8rem;
  line-height: 1;
}

.chcol .step .box-wrap h5 {
  font-size: 2rem;
  line-height:1.6;
  margin:10px 0px;
}

.chcol .step .box-wrap p {
  font-size:1.8rem;
  line-height:1.5;
}

@media(max-width:1200px) {
  .chcol .step .box-wrap {
    min-height:240px;
    padding: 40px 24px 0px;
  }

  .chcol .step .box-wrap span {
    font-size: 1.6rem;
  }

  .chcol .step .box-wrap h5 {
    font-size: 1.8rem;
  }

  .chcol .step .box-wrap p {
    font-size:1.6rem;
  }
}
@media(max-width:1024px) {
  .chcol .step .item {
    margin:-6px;
  }

  .chcol .step .item01 {
    padding-bottom: 6px;
  }

  .chcol .step .box {
    padding: 6px;
  }

  .chcol .step .box-wrap {
    min-height:220px;
    padding: 28px 18px 0px;
  }

  .chcol .step .box-wrap span {
    font-size: 1.4rem;
  }

  .chcol .step .box-wrap h5 {
    font-size: 1.6rem;
    margin:6px 0px;
  }

  .chcol .step .box-wrap p {
    font-size:1.4rem;
  }
}
@media(max-width:768px) {
  .chcol .step .box {
    flex:1 1 50%;
    max-width: 50%;
  }

  .chcol .step .box-wrap {
    min-height:180px;
    padding: 20px 16px 0px;
  }

  .chcol .step .box-wrap span {
    font-size: 1.3rem;
  }

  .chcol .step .box-wrap h5 {
    font-size: 1.4rem;
    margin:4px 0px;
  }

  .chcol .step .box-wrap p {
    font-size:1.3rem;
  }
}
@media(max-width:500px) {
  .chcol .step .item {
    flex-wrap: wrap;
    margin: -4px;
  }

  .chcol .step .box {
    flex:1 1 100%;
    max-width: 100%;
    padding: 4px;
  }

  .chcol .step .box-wrap {
    min-height:auto;
    padding: 16px;
    border-radius: 10px;
  }

  .chcol .step .box-wrap span {
    font-size: 1.2rem;
  }

  .chcol .step .box-wrap h5 {
    font-size: 1.3rem;
    margin:2px 0px;
  }

  .chcol .step .box-wrap p {
    font-size:1.2rem;
  }
}


@media(max-width:1200px) {

}
@media(max-width:1024px) {

}
@media(max-width:768px) {

}
@media(max-width:500px) {

}

@media(max-width:1200px) {

}
@media(max-width:1024px) {

}
@media(max-width:768px) {

}
@media(max-width:500px) {

}
/* ---------- E:2025.08.12 추가 페이지 퍼블리싱 ---------- */