@charset "UTF-8";
/* NO CSS*/
/* foundation */
/* componenet*/
/* page-top btn */
.page-top {
  display: none;
  position: fixed;
  bottom: 12.8rem;
  right: 4.8rem;
  z-index: 3;
}
.page-top > a {
  display: block;
}
.page-top > a i {
  line-height: 1;
}
.page-top-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.2rem;
  height: 5.2rem;
  color: #fff;
  font-size: 2.6rem;
  background: #222222;
  border-radius: 50%;
}

/* ul li 스타일 */
.bul1 {
  margin-top: 2.6rem;
}
.bul1 > li {
  position: relative;
  padding-left: 1.6rem;
  color: #424242;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 140%;
}
@media (max-width: 768px) {
  .bul1 > li {
    font-size: 16px;
  }
}
@media (max-width: 460px) {
  .bul1 > li {
    font-size: 15px;
  }
}
.bul1 > li + li {
  margin-top: 2.6rem;
}
.bul1 > li:before {
  flex-shrink: 0;
  display: block;
  content: '';
  position: absolute;
  top: 1rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  background: #555;
}
@media (max-width: 768px) {
  .bul1 > li:before {
    top: 1.2rem;
  }
}

.bul2 > li {
  position: relative;
  padding-left: 1.6rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 140%;
}
.bul2 > li + li {
  margin-top: 2.6rem;
}
.bul2 > li:before {
  display: block;
  content: '';
  position: absolute;
  top: 1.4rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  background: #555;
}

.bul3 > li {
  position: relative;
  padding-left: 2.3rem;
  color: #424242;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 140%;
}
@media (max-width: 768px) {
  .bul3 > li {
    font-size: 16px;
  }
}
@media (max-width: 460px) {
  .bul3 > li {
    font-size: 15px;
  }
}
.bul3 > li + li {
  margin-top: 2.6rem;
}
.bul3 > li:before {
  display: block;
  content: '';
  position: absolute;
  top: 0.898rem;
  left: 0;
  width: 1.414rem;
  height: 1.002rem;
  background: url(/public/images/sub/check-icon.svg) no-repeat center/contain;
}

.bul4 > li {
  position: relative;
  padding-left: 1.6rem;
  color: #424242;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 140%;
}
@media (max-width: 768px) {
  .bul4 > li {
    font-size: 15px;
  }
}
.bul4 > li + li {
  margin-top: 1rem;
}
.bul4 > li:before {
  display: block;
  content: '';
  position: absolute;
  top: 1.4rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  background: #555;
}

.bul5 > li {
  position: relative;
  padding-left: 1.4rem;
  color: #424242;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 140%;
}
@media (max-width: 768px) {
  .bul5 > li {
    font-size: 15px;
  }
}
.bul5 > li + li {
  margin-top: 0.8rem;
}
.bul5 > li:before {
  display: block;
  content: '';
  position: absolute;
  top: 1.3rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  background: #555;
}

/* btn */
.diagram-zoom.center {
  display: none;
}
@media (max-width: 880px) {
  .diagram-zoom.center {
    display: flex;
    justify-content: center;
  }
}

.btn {
  display: inline-flex;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  padding: 1.2rem 3rem;
}
.btn span {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.btn.lg {
  width: 30rem;
  justify-content: center;
}
.btn.lg span {
  font-size: 2rem;
}
.btn.orange {
  color: #fff;
  background: #ff5838;
  border: 1px solid #ff5838;
}
.btn.orange i {
  color: #fff;
}

/* table 스타일 */
@keyframes tableAnimation1 {
  0% {
    transform: translateX(0);
  }
  70% {
    transform: translateX(-2.6rem);
  }
  100% {
    transform: translateX(-2.6rem);
  }
}
@keyframes tableAnimation2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.table {
  position: relative;
  border-top: 2px solid #222;
  overflow: hidden;
}
@media (max-width: 1640px) {
  .table {
    overflow-x: auto;
  }
}
@media (max-width: 1400px) {
  .table-scroll {
    position: relative;
    padding-top: 3rem;
  }
}
@media (max-width: 1400px) {
  .table-scroll:before {
    content: '';
    position: absolute;
    top: -2.6rem;
    right: 0;
    width: 5rem;
    height: 4rem;
    font-size: 4rem;
    background: url(/public/images/sub/table-scroll-icon.svg) no-repeat center/contain;
    animation:
      tableAnimation1 1.8s ease-out infinite,
      tableAnimation2 1.8s ease-in infinite;
  }
}
@media (max-width: 1640px) {
  .table.lg {
    overflow-x: auto;
  }
}
@media (max-width: 1640px) {
  .table.lg table {
    min-width: 1280px;
  }
}
.table table {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.table table::after {
  display: block;
  content: '';
  width: 1px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1640px) {
  .table table {
    min-width: 164rem;
  }
}
.table table th,
.table table td {
  border-right: 1px solid #e0e0e0;
  letter-spacing: -0.03em;
}
.table table th {
  color: #222222;
  font-size: 1.8rem;
  background: #f8f9fa;
  padding: 2rem 0.5rem;
}
@media (max-width: 768px) {
  .table table th {
    font-size: 16px;
  }
}
@media (max-width: 460px) {
  .table table th {
    font-size: 15px;
  }
}
.table table th[scope='row'] {
  border-bottom: 1px solid #e0e0e0;
}
.table table td {
  display: table-cell;
  color: #616161;
  font-size: 1.8rem;
  border-bottom: 1px solid #e0e0e0;
  padding: 2rem 1rem;
}
@media (max-width: 768px) {
  .table table td {
    font-size: 16px;
  }
}
@media (max-width: 460px) {
  .table table td {
    font-size: 15px;
  }
}
.table table td.sm {
  font-size: 14px;
  padding: 2rem 1rem;
}
.table caption {
  display: table-caption;
}
.table colgroup {
  display: table-column-group;
}
.table col {
  display: table-column;
}
.table thead {
  display: table-header-group;
}
.table thead th:last-child {
  border-right: none;
}
.table tbody th {
  color: #616161;
  font-weight: 400;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}
.table tr {
  display: table-row;
}
.table tr td:last-of-type {
  border-right: none;
}

/* tab */
.tab-btn {
  margin-bottom: 8rem;
}
@media (max-width: 460px) {
  .tab-btn {
    overflow-x: auto;
  }
}
.tab-btn > ul.tab {
  display: flex;
  width: 100%;
}
.tab-btn > ul.tab > li {
  flex: 1;
}
.tab-btn > ul.tab > li.on > a {
  color: #ff5838;
  background: #fff;
  border: 1px solid #ff5838;
}
.tab-btn > ul.tab > li > a {
  display: block;
  position: relative;
  color: #222222;
  font-size: 2.2rem;
  font-weight: 500;
  background: #fbf9fa;
  padding: 2.1rem 0;
  line-height: 140%;
  text-align: center;
  white-space: nowrap;
}

.sub-lnb {
  position: fixed;
  left: 5rem;
  top: calc(50% + 32.3rem);
  transform: translateY(-50%);
  z-index: 3;
  display: flex;
}
@media (min-width: 2000px) {
  .sub-lnb {
    top: 49%;
    transform: none;
  }
}
.sub-lnb.active {
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s;
}
.sub-lnb.eng .sub-lnb-inner a:before {
  top: 1.4rem;
  transform: translateY(0);
}
@media (max-width: 1780px) {
  .sub-lnb.eng .sub-lnb-inner {
    align-items: center;
  }
  .sub-lnb.eng .sub-lnb-inner a span {
    display: block;
    text-align: center;
  }
}
.sub-lnb-inner {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  width: auto;
  margin: 0 auto;
  white-space: nowrap;
}
.sub-lnb-inner a {
  position: relative;
  white-space: nowrap;
  padding-left: 1.4rem;
}
.sub-lnb-inner a.on span {
  color: #ff5838;
}
.sub-lnb-inner a span {
  color: #a6a6a6;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.054rem;
}
@media (max-width: 1024px) {
  .sub-lnb-inner a span {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .sub-lnb-inner a span {
    font-size: 15px;
  }
}
.sub-lnb-inner a:before {
  width: 0.8rem;
  height: 1px;
  background: #a6a6a6;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: '';
}
@media (max-width: 1780px) {
  .sub-lnb-inner a:before {
    display: none;
  }
}
@media (max-width: 1780px) {
  .sub-lnb {
    position: relative;
    left: 50%;
    top: 0;
    transform: translateX(calc(-50% - 1px)) translateY(calc(-100% - 1rem));
    width: calc(100vw + 1px);
    background: #fff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    padding: 2.6rem 2rem;
    overflow-x: auto;
  }
  .sub-lnb-inner {
    flex-direction: row;
    justify-content: center;
    gap: 1.6rem 4rem;
  }
}
@media (max-width: 1780px) and (max-width: 1780px) {
  .sub-lnb-inner a {
    padding-left: 0;
  }
}
@media (max-width: 1780px) {
  .sub-lnb.fixed {
    position: fixed;
    top: 11rem;
    transform: translate(-50%, 0);
  }
}
@media (max-width: 660px) {
  .sub-lnb {
    overflow-x: auto;
  }
}

@media (max-width: 1280px) {
  .sub-section.eng .bg + div {
    flex-direction: column;
  }
  .sub-section.eng .sub-section-title {
    width: 100%;
  }
  .sub-section.eng .sub-section-cont {
    margin-top: 3rem;
  }
}
.sub-section-title {
  display: flex;
}
.sub-section-title .h3 {
  line-height: 1.2 !important;
  margin-bottom: 1rem !important;
}
@media (max-width: 880px) {
  .sub-section-title .h3 br {
    display: none;
  }
}
.sub-section-title .h4 {
  line-height: 1.2 !important;
}
@media (max-width: 880px) {
  .sub-section-title .h4 br {
    display: none;
  }
}
.sub-section-title.center {
  align-items: center;
  flex-direction: column;
}
.sub-section-title.left {
  flex-direction: column;
  width: 36.8rem;
}
@media (max-width: 1280px) {
  .sub-section-title.left {
    width: 32rem;
  }
}
@media (max-width: 1024px) {
  .sub-section-title.left {
    width: 28rem;
  }
}
@media (max-width: 880px) {
  .sub-section-title.left {
    width: 100%;
  }
}
.sub-section-cont {
  flex: 1;
}
@media (max-width: 880px) {
  .sub-section-cont {
    margin-top: 3rem;
  }
}
.sub-section .bg {
  position: relative;
}
.sub-section .bg img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}
.sub-section .bg + div {
  display: flex;
  padding: 8rem 0 14rem;
}
@media (max-width: 880px) {
  .sub-section .bg + div {
    flex-direction: column;
  }
}
@media (max-width: 880px) {
  .sub-section .bg img {
    height: 30rem;
  }
}

/* 회사소개 > 인사말 */
.sub-section-01 .greeting {
  position: relative;
}
.sub-section-01 .greeting:before {
  content: '';
  display: block;
  width: 52.1rem;
  height: 52.1rem;
  background: url(/public/images/sub/greeting-cont-img02.png) no-repeat center center/cover;
  position: absolute;
  bottom: 8rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.sub-section-01 .greeting h4 {
  margin-bottom: 4.6rem !important;
}
.sub-section-01 .greeting h4 span {
  color: #ff5838;
}
@media (max-width: 1180px) {
  .sub-section-01 .greeting h4 br {
    display: none;
  }
}
.sub-section-01 .greeting-cont {
  margin-top: 6.9rem;
  display: flex;
  gap: 6.6rem;
}
@media (max-width: 768px) {
  .sub-section-01 .greeting-cont {
    flex-direction: column;
    align-items: center;
  }
}
.sub-section-01 .greeting-cont > div:first-of-type {
  width: 49.5%;
}
@media (max-width: 768px) {
  .sub-section-01 .greeting-cont > div:first-of-type {
    width: 80%;
  }
}
@media (max-width: 460px) {
  .sub-section-01 .greeting-cont > div:first-of-type {
    width: 100%;
  }
}
.sub-section-01 .greeting-cont > div:nth-of-type(2) {
  width: 54.8%;
}
@media (max-width: 768px) {
  .sub-section-01 .greeting-cont > div:nth-of-type(2) {
    width: 100%;
  }
}
.sub-section-01 .greeting-cont-txt {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.sub-section-01 .greeting-cont-txt p {
  color: #424242;
  font-size: 2rem;
  font-weight: 600;
  line-height: 140%;
}
@media (max-width: 768px) {
  .sub-section-01 .greeting-cont-txt p {
    font-size: 16px;
  }
}
@media (max-width: 460px) {
  .sub-section-01 .greeting-cont-txt p {
    font-size: 15px;
  }
}

/* 회사소개 > 미션 & 비전 */
@media (max-width: 1100px) {
  .sub-section-03.eng .h3.orange br {
    display: none;
  }
}
.sub-section-03.eng .swiper-slide {
  height: 66rem;
}
.sub-section-03 .core-goals {
  position: relative;
}
.sub-section-03 .core-goals-menu-list {
  position: absolute;
  right: 1.6rem;
  top: 5.1rem;
  display: flex;
  -moz-column-gap: 3.2rem;
  column-gap: 3.2rem;
  z-index: 3;
}
.sub-section-03 .core-goals-menu-list > li > a {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .sub-section-03 .core-goals-menu-list > li > a {
    font-size: 16px;
  }
}
@media (max-width: 460px) {
  .sub-section-03 .core-goals-menu-list > li > a {
    font-size: 15px;
  }
}
.sub-section-03 .core-goals-menu-list > li > a.active {
  text-decoration: underline;
}
.sub-section-03 .core-goals-info {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 17rem 0 21.9rem;
}
.sub-section-03 .core-goals-info .h3 {
  margin-bottom: 0 !important;
}
@media (max-width: 520px) {
  .sub-section-03 .core-goals-info .h3 br {
    display: none;
  }
}
.sub-section-03 .core-goals-info .h3.orange {
  line-height: 150%;
}
.sub-section-03 .core-goals-pagination {
  position: absolute;
  bottom: 16.1rem;
  z-index: 10;
}
.sub-section-03 .core-goals .swiper {
  overflow: visible;
}
.sub-section-03 .core-goals .swiper-wrapper {
  height: 100%;
  box-sizing: border-box;
}
.sub-section-03 .core-goals .swiper-slide {
  position: relative;
}
.sub-section-03 .core-goals .swiper-slide:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  z-index: -1;
}
@media (max-width: 392px) {
  .sub-section-03 .core-goals .swiper-slide:before {
    height: 64rem;
  }
}
.sub-section-03 .core-goals .swiper-slide:after {
  display: block;
  content: '';
  position: absolute;
  bottom: -1rem;
  right: -1.5rem;
  height: 13.3rem;
}
@media (max-width: 600px) {
  .sub-section-03 .core-goals .swiper-slide:after {
    width: 100% !important;
  }
}
.sub-section-03 .core-goals .swiper-slide-active {
  z-index: 1;
}
.sub-section-03 .core-goals .swiper-slide:first-child:before {
  background: url(/public/images/sub/core-goals-cont-img01.png) no-repeat center/cover;
}
.sub-section-03 .core-goals .swiper-slide:first-child:after {
  width: 80.8rem;
  background: url(/public/images/sub/core-goals-cont-img01_bg.svg) no-repeat center/contain;
}
@media (max-width: 480px) {
  .sub-section-03 .core-goals .swiper-slide:first-child:after {
    bottom: -2rem;
  }
}
@media (max-width: 392px) {
  .sub-section-03 .core-goals .swiper-slide:first-child:after {
    bottom: -0.8rem;
  }
}
.sub-section-03 .core-goals .swiper-slide:nth-child(2):before {
  background: url(/public/images/sub/core-goals-cont-img02.png) no-repeat center/cover;
}
.sub-section-03 .core-goals .swiper-slide:nth-child(2):after {
  width: 65.659rem;
  background: url(/public/images/sub/core-goals-cont-img02_bg.svg) no-repeat center/contain;
}
@media (max-width: 392px) {
  .sub-section-03 .core-goals .swiper-slide:nth-child(2):after {
    bottom: -6.5rem;
  }
}
@media (max-width: 384px) {
  .sub-section-03 .core-goals .swiper-slide:nth-child(2):after {
    bottom: -0.8rem;
  }
}
.sub-section-03 .core-goals .swiper-pagination-bullet {
  width: 1.2rem;
  height: 1.2rem;
  background: transparent;
  border: 1px solid #fff;
  opacity: 1;
}
.sub-section-03 .core-goals .swiper-pagination-bullet-active {
  background: #ff5838;
  border: none;
}

/* 회사소개 > 핵심가치 */
.sub-section-04 {
  padding: 14.1rem 0;
}
@media (max-width: 1280px) {
  .sub-section-04.eng .core-value-list {
    gap: 6rem 3rem;
  }
}
@media (max-width: 1280px) {
  .sub-section-04.eng .core-value-list > li {
    width: calc(50% - 1.5rem);
  }
}
@media (max-width: 460px) {
  .sub-section-04.eng .core-value-list > li {
    width: 100%;
  }
}
.sub-section-04 .sub-section-cont {
  margin-top: 7.3rem;
}
.sub-section-04 .core-value-list {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 6rem;
}
@media (max-width: 1024px) {
  .sub-section-04 .core-value-list {
    gap: 3rem;
  }
}
@media (max-width: 880px) {
  .sub-section-04 .core-value-list {
    gap: 6rem;
  }
}
@media (max-width: 460px) {
  .sub-section-04 .core-value-list {
    gap: 6rem 3rem;
  }
}
.sub-section-04 .core-value-list .h4 {
  margin-bottom: 0 !important;
}
.sub-section-04 .core-value-list > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 3.5rem;
  width: calc(25% - 4.5rem);
}
@media (max-width: 1024px) {
  .sub-section-04 .core-value-list > li {
    width: calc(25% - 2.25rem);
  }
}
@media (max-width: 880px) {
  .sub-section-04 .core-value-list > li {
    width: calc(50% - 3rem);
  }
}
@media (max-width: 460px) {
  .sub-section-04 .core-value-list > li {
    width: calc(50% - 1.5rem);
  }
}
@media (max-width: 360px) {
  .sub-section-04 .core-value-list > li {
    width: 100%;
  }
}
.sub-section-04 .core-value-list > li img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}
.sub-section-04 .core-value-list > li:first-child img {
  width: 8rem;
}
.sub-section-04 .core-value-list > li:nth-child(2) img {
  width: 8.7rem;
}
.sub-section-04 .core-value-list > li:nth-child(3) img {
  width: 6.2rem;
}
.sub-section-04 .core-value-list > li:nth-child(4) img {
  width: 5.5rem;
}
.sub-section-04 .core-value-list > li .title .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 21.8rem;
  height: 21.8rem;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  margin-bottom: 2rem;
}
.sub-section-04 .core-value-list > li .title .h4 {
  display: block;
  text-align: center;
  margin-bottom: 0;
}
.sub-section-04 .core-value-list > li .desc {
  width: 100%;
  padding: 3.7rem 2.4rem 0;
  border-top: 1px solid #d9d9d9;
}
@media (max-width: 460px) {
  .sub-section-04 .core-value-list > li .desc {
    padding: 3.7rem 1.2rem 0;
  }
}
.sub-section-04 .core-value-list > li .desc .p {
  font-size: 1.8rem !important;
  font-weight: 500 !important;
  text-align: center;
}
@media (max-width: 1024px) {
  .sub-section-04 .core-value-list > li .desc .p {
    font-size: 16px !important;
  }
}
@media (max-width: 768px) {
  .sub-section-04 .core-value-list > li .desc .p {
    font-size: 15px !important;
  }
}

/* 회사소개 > 연혁 */
.sub-section-02 {
  position: relative;
  padding: 14rem 0 26.3rem;
}
.sub-section-02:before {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 50rem;
  background: url(/public/images/sub/history-cont-img01.png) no-repeat center center/cover;
  z-index: -1;
}
@media (max-width: 1280px) {
  .sub-section-02.eng .history {
    flex-direction: column;
  }
}
.sub-section-02 .history {
  display: flex;
}
@media (max-width: 880px) {
  .sub-section-02 .history {
    flex-direction: column;
  }
}
.sub-section-02 .history-list > li {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
}
@media (max-width: 360px) {
  .sub-section-02 .history-list > li {
    flex-direction: column;
    row-gap: 1rem;
  }
}
.sub-section-02 .history-list > li:first-child {
  padding-bottom: 2rem;
}
.sub-section-02 .history-list > li:not(:first-child) {
  padding: 2.6rem 0 2rem;
}
.sub-section-02 .history-date {
  display: inline-block;
  width: 14.4rem;
  color: #222222;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 150%;
}
@media (max-width: 360px) {
  .sub-section-02 .history-date {
    width: 100%;
  }
}
.sub-section-02 .history-detail {
  flex: 1;
  display: inline-block;
  color: #222222;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 150%;
}

/* 회사소개 > 제조 */
.sub-section-05 .bg:after {
  display: block;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-3.6rem);
  width: 43.9rem;
  height: 37.7rem;
  background: url(/public/images/sub/manufacturing-cont-img01_bg.png) center/cover;
}
.sub-section-05 .manufacturing {
  display: flex;
}

/* 회사소개 > 연구개발 */
.sub-section-06 .research .bul1 {
  margin-top: 0;
}
.sub-section-06 .research .h5 {
  margin: 2.6rem 0 0;
}

/* 회사소개 > 품질, 품질 정책 */
.sub-section-07 .quality .bul1 {
  margin-top: 0;
}
.sub-section-07 .quality-policy .emphasize {
  display: flex;
  flex-direction: column;
  row-gap: 1.4rem;
  margin-bottom: 2.6rem;
}

/* 회사소개 >  고객 서비스 및 보증 */
.sub-section-09.eng .bul1 > li.etc:before {
  top: 1.2rem;
}
.sub-section-09.eng .bul1 > li.etc > div {
  flex-direction: column;
  align-items: flex-start;
}
.sub-section-09 .sub-section-cont {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-right: 36.7rem;
}
@media (max-width: 768px) {
  .sub-section-09 .sub-section-cont {
    flex-direction: column-reverse;
    row-gap: 7rem;
    padding-right: 0;
  }
}
.sub-section-09 .sub-section-cont .img-box {
  position: absolute;
  right: 1.7rem;
  transform: translateY(-15.8rem);
  height: -moz-fit-content;
  height: fit-content;
  background: #fff;
  padding: 2.9rem 3rem;
}
@media (max-width: 880px) {
  .sub-section-09 .sub-section-cont .img-box {
    transform: translateY(-33.8rem);
  }
}
@media (max-width: 768px) {
  .sub-section-09 .sub-section-cont .img-box {
    position: relative;
    right: auto;
    transform: translateY(0);
    width: auto;
    padding: 4rem 2rem;
    border: 1px solid #e0e0e0;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
  }
}
.sub-section-09 .sub-section-cont .img-box img {
  display: block;
  width: 29rem;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 880px) {
  .sub-section-09 .sub-section-cont .img-box img {
    width: 25rem;
  }
}
@media (max-width: 768px) {
  .sub-section-09 .sub-section-cont .img-box img {
    width: 40rem;
  }
}
.sub-section-09 .customer {
  padding: 8rem 0 0 !important;
}
.sub-section-09 .bul1 > li.etc > div {
  display: flex;
  align-items: center;
  gap: 1rem 1.3rem;
}
@media (max-width: 1180px) {
  .sub-section-09 .bul1 > li.etc > div {
    align-items: flex-start;
    flex-direction: column;
  }
}
.sub-section-09 .bul1 > li.etc .btn {
  display: inline-block;
}
.sub-section-09 .bul1 > li.etc .btn i {
  margin-left: 0.8rem;
}
.sub-section-09 .bul1 > li.etc:before {
  top: 2.4rem;
}
@media (max-width: 1180px) {
  .sub-section-09 .bul1 > li.etc:before {
    top: 1.2rem;
  }
}

@keyframes blink-effect {
  0% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
/* 제품정보 > AL */
.al-cont .h4 {
  margin-bottom: 0 !important;
}
.al-info-detail {
  display: flex;
  flex-direction: column;
  row-gap: 2.6rem;
  padding: 5rem 7.8rem;
}
.al-info-detail .p {
  font-weight: 500 !important;
}
.al .img-container {
  display: flex;
  align-items: center;
  background: #fbf9fa;
}
.al .img-container:nth-of-type(1) {
  padding: 2.6rem 6.2rem 5.4rem 2.5rem;
}
@media (max-width: 880px) {
  .al .img-container:nth-of-type(1) {
    flex-direction: column;
    row-gap: 5rem;
    padding: 5rem;
  }
}
.al .img-container:nth-of-type(1) img {
  display: block;
  width: 67.2rem;
}
@media (max-width: 1630px) {
  .al .img-container:nth-of-type(1) .p br {
    display: none;
  }
}
.al .img-container:nth-of-type(2) {
  justify-content: space-between;
  gap: 10.5rem;
  padding: 3.8rem 6.2rem 5rem 7.8rem;
}
@media (max-width: 1280px) {
  .al .img-container:nth-of-type(2) {
    gap: 7rem;
  }
}
@media (max-width: 1024px) {
  .al .img-container:nth-of-type(2) {
    gap: 5rem;
  }
}
@media (max-width: 880px) {
  .al .img-container:nth-of-type(2) {
    flex-direction: column-reverse;
    padding: 5rem;
  }
}
.al .img-container:nth-of-type(2) img {
  display: block;
  width: 28rem;
}
.al .img-container:nth-of-type(4) {
  justify-content: space-between;
  gap: 14.3rem;
  padding: 5.7rem 8.5rem 5.7rem 7.1rem;
}
@media (max-width: 1280px) {
  .al .img-container:nth-of-type(4) {
    gap: 7rem;
  }
}
@media (max-width: 1024px) {
  .al .img-container:nth-of-type(4) {
    gap: 5rem;
  }
}
@media (max-width: 880px) {
  .al .img-container:nth-of-type(4) {
    flex-direction: column;
    padding: 5rem;
  }
}
.al .img-container:nth-of-type(4) img {
  display: block;
  width: 48.6rem;
}
.al .img-container .detail {
  display: flex;
  flex-direction: column;
  row-gap: 2.6rem;
}
.al .img-container .p {
  color: #424242 !important;
}
.al-coupler .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 2.6rem;
  background: #fbf9fa;
  padding: 4.6rem 4rem 5.5rem;
}
.al-coupler .title .h4,
.al-coupler .title .h5 {
  text-align: center;
}
.al-coupler-img {
  width: 100%;
  height: 100%;
  margin-top: 0.9rem;
}
.al-coupler-img .type > circle {
  cursor: pointer;
}
.al-coupler-img .type > .detail {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}
.al-coupler-img .type.type1:hover .detail,
.al-coupler-img .type.type2:hover .detail,
.al-coupler-img .type.type3:hover .detail,
.al-coupler-img .type.type4:hover .detail,
.al-coupler-img .type.type5:hover .detail {
  opacity: 1;
  visibility: visible;
}
.al-adaptor {
  padding: 7rem 0 4rem;
}
.al-adaptor .title {
  display: flex;
  flex-direction: column;
  row-gap: 2.6rem;
}
.al-adaptor .title .h4,
.al-adaptor .title .h5,
.al-adaptor .title .p {
  text-align: center;
  margin-bottom: 0 !important;
}
.al-adaptor .img-box {
  display: flex;
  justify-content: space-between;
  background: #fbf9fa;
  padding: 3.9rem 7rem 3.1rem;
}
@media (max-width: 1640px) {
  .al-adaptor .img-box {
    padding: 3rem;
  }
}
@media (max-width: 880px) {
  .al-adaptor .img-box {
    flex-direction: column;
    align-items: center;
    row-gap: 3rem;
  }
}
@media (max-width: 1640px) {
  .al-adaptor .img-box img {
    width: 33.3333% !important;
  }
}
@media (max-width: 880px) {
  .al-adaptor .img-box img {
    width: 60% !important;
  }
}
@media (max-width: 640px) {
  .al-adaptor .img-box img {
    width: 70% !important;
  }
}
@media (max-width: 420px) {
  .al-adaptor .img-box img {
    width: 90% !important;
  }
}
.al-adaptor .img-box img:nth-child(1) {
  display: block;
  width: 38rem;
}
.al-adaptor .img-box img:nth-child(2) {
  display: block;
  width: 42.6rem;
}
.al-adaptor .img-box img:nth-child(3) {
  display: block;
  width: 39.8rem;
}

/* 제품정보 > ALTR, ALFL, ALL */
.altr-img .img-box,
.alfl-img .img-box,
.all-img .img-box {
  background: #fbf9fa;
}
.altr-img img,
.alfl-img img,
.all-img img {
  display: block;
  margin: auto;
}

.altr-img {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}
@media (max-width: 820px) {
  .altr-img {
    flex-direction: column;
  }
}
.altr-img .img-box {
  width: calc(50% - 2rem);
  padding: 2.3rem 2rem;
}
@media (max-width: 820px) {
  .altr-img .img-box {
    width: 100%;
  }
}
.altr-img .img-box:first-child img {
  width: 36rem;
}
.altr-img .img-box:nth-child(2) img {
  width: 42rem;
}

.alfl-img .img-box {
  padding: 4.4rem 4rem 4.2rem;
}
.alfl-img .img-box img {
  width: 46.3rem;
}

.all-img .img-box {
  padding: 5.2rem 4rem 3.2rem;
}
.all-img .img-box img {
  width: 59rem;
}

/* 다운로드 */
.downloads-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7rem 5.5rem;
}
@media (max-width: 1024px) {
  .downloads-list {
    gap: 4rem;
  }
}
.downloads-list > li {
  width: calc(33.3333% - 3.6666666667rem);
  background: #fbf9fa;
  padding: 3rem 5rem 4rem;
}
@media (max-width: 1024px) {
  .downloads-list > li {
    width: calc(33.3333% - 2.6666666667rem);
  }
}
@media (max-width: 880px) {
  .downloads-list > li {
    width: calc(50% - 2rem);
  }
}
@media (max-width: 580px) {
  .downloads-list > li {
    width: 100%;
  }
}
.downloads-list > li > strong {
  color: #ff5838;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.downloads-list > li .bul1 > li {
  padding-bottom: 1.1rem;
  border-bottom: 1px solid #d9d9d9;
}
.downloads-list > li .bul1 > li + li {
  margin-top: 1.6rem;
}
.downloads-list > li .bul1 > li span {
  font-weight: 500;
}
.downloads-list > li .bul1 > li i {
  color: #ff5838;
  font-size: 2.4rem;
  letter-spacing: -0.03em;
}
.downloads-list > li .bul1 > li > a {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

/* 고객문의 폼 */
.form {
  border: 1px solid #ddd;
}
.form-article {
  padding: 3.6rem 4.2rem 4.3rem;
}
.form-check {
  background: #f9f9f9;
  border-top: 1px solid #ddd;
  padding: 2.3rem 3.6rem 2rem;
}
.form-caution {
  display: block;
  color: #ff5838;
  font-size: 1.8rem;
  letter-spacing: -0.03em;
  margin-top: 1.9rem;
}
@media (max-width: 768px) {
  .form-caution {
    font-size: 15px;
  }
}

.inquiry-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
}
@media (max-width: 880px) {
  .inquiry-list {
    flex-direction: column;
  }
}
.inquiry-list > li {
  position: relative;
  width: calc(33.3333% - 1.6666666667rem);
  background: #fbf9fa;
  padding: 7.1rem 3.5rem 7.1rem 3.9rem;
}
@media (max-width: 880px) {
  .inquiry-list > li {
    width: 100%;
  }
}
.inquiry-list > li .go-btn {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.2rem;
  background: #ff5838;
}
.inquiry-article .p {
  color: #222 !important;
  font-weight: 500 !important;
}
.inquiry-article .bul4 {
  padding-left: 0.5rem;
  margin-top: 2.6rem;
}
.inquiry-article2 {
  padding: 3.6rem 4.2rem;
}
.inquiry-article2 .bul4 {
  margin-top: 0;
}
.board-write table th {
  width: 22rem;
  background: #eee;
  padding: 2.35rem 3.2rem;
}
@media (max-width: 940px) {
  .board-write table th {
    display: block;
    width: 100%;
    height: auto;
    padding: 2rem 1rem;
  }
}
.board-write table td {
  border-top: 1px solid #e0e0e0;
  padding: 1.25rem 2.4rem;
}
@media (max-width: 940px) {
  .board-write table td {
    display: block;
    width: 100%;
    height: auto;
    padding: 2rem 1rem;
  }
}
@media (max-width: 940px) {
  .board-write table td .mxds-select {
    width: 100% !important;
  }
}

/* 게시판 */
@media (max-width: 880px) {
  .board-list-pdf.type02:not(.card) > ul > li:nth-child(even) {
    padding-left: 0 !important;
  }
}
.board-list-pdf.type02 .board-list-thumb-img + .board-list-thumb-content {
  padding-left: 4.8rem !important;
}
@media (max-width: 1024px) {
  .board-list-pdf.type02 .board-list-thumb-img + .board-list-thumb-content {
    padding-left: 2.4rem !important;
  }
}
@media (max-width: 880px) {
  .board-list-pdf-column > ul {
    flex-direction: column;
  }
}
@media (max-width: 880px) {
  .board-list-pdf-column > ul > li {
    width: 100% !important;
  }
}
@media (max-width: 430px) {
  .board-list-pdf-column > ul > li {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 3rem;
  }
}
.board-list-pdf-column .board-list-thumb-content {
  row-gap: 2.4rem;
}
.board-list-pdf-column .mxds-badge {
  font-size: 15px;
  margin-bottom: 0;
}
@media (max-width: 880px) {
  .board-list-pdf-column .mxds-badge {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .board-list-pdf-column .mxds-badge {
    font-size: 13px;
  }
}
.board-list-pdf-column .btns {
  margin-top: 0.8rem !important;
}
@media (max-width: 640px) {
  .board-list-thumb-column > ul {
    flex-direction: column;
  }
}
@media (max-width: 1024px) {
  .board-list-thumb-column > ul > li {
    padding: 4.8rem 2rem;
  }
}
@media (max-width: 640px) {
  .board-list-thumb-column > ul > li > a {
    flex-direction: column !important;
    align-items: flex-start !important;
    row-gap: 5rem;
  }
}
.board-list-thumb-column .board-list-thumb-img {
  width: 27.122% !important;
  padding-top: 16.667% !important;
}
@media (max-width: 640px) {
  .board-list-thumb-column .board-list-thumb-img {
    width: 100% !important;
    height: 32rem !important;
    padding-top: 0 !important;
  }
}
@media (max-width: 640px) {
  .board-list-thumb-column .board-list-thumb-img img {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
    width: 100%;
    height: 100%;
  }
}
.board-list-thumb-column .board-list-thumb-img.board-list-thumb-video:after {
  background: url(/public/images/sub/board-list-thumb-video-ico.svg) no-repeat 50% 50% / contain !important;
}
@media (max-width: 1024px) {
  .board-list-thumb-column .board-list-thumb-img + .board-list-thumb-content {
    padding-left: 3.6rem;
  }
}
@media (max-width: 640px) {
  .board-list-thumb-column .board-list-thumb-img + .board-list-thumb-content {
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .board-list-thumb-info > li {
    font-size: 16px;
  }
}
@media (max-width: 880px) {
  .board-list-thumb-info > li {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .board-list-thumb-info > li {
    font-size: 14px;
  }
}
.board-list-thumb-subject {
  color: #616161;
}
@media (max-width: 1024px) {
  .board-list-thumb-subject {
    font-size: 18px;
  }
}
@media (max-width: 880px) {
  .board-list-thumb-subject {
    font-size: 17px;
  }
}
@media (max-width: 640px) {
  .board-list-thumb-subject {
    font-size: 16px;
  }
}
.board-list-thumb-desc {
  -webkit-line-clamp: 2 !important;
}
.board-list-thumb-img {
  flex-shrink: 0;
}
@media (max-width: 430px) {
  .board-list-thumb-img {
    width: 100% !important;
    height: 57.2rem !important;
    padding-top: 0 !important;
  }
}
@media (max-width: 430px) {
  .board-list-thumb-img img {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
    width: 100%;
    height: 100%;
  }
}

.mxds-pagination[data-mxds-type='basic'] [class*='mxds-pagination-'] {
  border-radius: 0.3rem !important;
}
.mxds-pagination[data-mxds-type='basic'] [class*='mxds-pagination-'].current {
  background: #222;
}

.mxds-select {
  color: #424242;
  font-size: 16px !important;
  z-index: 2 !important;
}
@media (max-width: 1024px) {
  .mxds-select {
    font-size: 15px !important;
  }
}
@media (max-width: 768px) {
  .mxds-select {
    font-size: 14px !important;
  }
}
.mxds-select .chosen-container {
  border-radius: 0.3rem;
}
@media (max-width: 1024px) {
  .mxds-select .chosen-drop li {
    font-size: 14px;
  }
}

@media (max-width: 880px) {
  .mxds-search .mxds-input-item {
    width: 100% !important;
  }
}

.mxds-button {
  border-radius: 0.3rem !important;
  padding: 1.4rem 2.4rem 1.45rem 2rem !important;
  font-size: 16px;
  z-index: 0 !important;
}
@media (max-width: 1024px) {
  .mxds-button {
    font-size: 15px;
  }
}
@media (max-width: 880px) {
  .mxds-button {
    font-size: 14px;
  }
}
.mxds-button.bg-gray800 {
  color: #fff;
  background: #424242;
}
f .mxds-button.bg-gray800:hover {
  color: #fff !important;
}
.mxds-button.bg-gray900 {
  color: #fff;
  background: #222;
}
.mxds-button.bg-gray-900 {
  color: #fff;
  background: #222;
}

.pi-btn {
  margin-top: 0;
}

.mxds-input-item input[type='text'] {
  border-radius: 0.3rem;
  padding: 1rem 1.6rem;
}
.mxds-input-item input[type='text']::-moz-placeholder {
  color: #9e9e9e;
  font-style: normal !important;
  font-size: 16px !important;
}
.mxds-input-item input[type='text']::placeholder {
  color: #9e9e9e;
  font-style: normal !important;
  font-size: 16px !important;
}
@media (max-width: 1280px) {
  .mxds-input-item input[type='text']::-moz-placeholder {
    font-size: 15px !important;
  }
  .mxds-input-item input[type='text']::placeholder {
    font-size: 15px !important;
  }
}
@media (max-width: 1080px) {
  .mxds-input-item input[type='text']::-moz-placeholder {
    font-size: 14px !important;
  }
  .mxds-input-item input[type='text']::placeholder {
    font-size: 14px !important;
  }
}
@media (max-width: 960px) {
  .mxds-input-item input[type='text']::-moz-placeholder {
    font-size: 13px !important;
  }
  .mxds-input-item input[type='text']::placeholder {
    font-size: 13px !important;
  }
}

@media (max-width: 768px) {
  .mxds-checkbox label {
    font-size: 15px;
  }
}

.plupload_wrapper {
  display: block;
}

.plupload_add {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  border-radius: 0.3rem;
  border: 1px solid #424242;
  background: #424242;
  padding: 1.05rem 2.2rem;
}
@media (max-width: 1024px) {
  .plupload_add {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .plupload_add {
    font-size: 14px;
  }
}
.plupload_add > i {
  padding-right: 0.6rem;
}
.plupload_add:hover {
  color: #222;
  border: 1px solid #424242;
  background: #fff;
}

.plupload_header {
  border-radius: 0.3rem;
}

.plupload_header_content {
  background: url(/public/images/sub/search-line.svg) no-repeat 2.2rem / contain;
  background-size: 2.4rem;
  padding: 1.6rem 5.5rem;
}

.plupload_filelist_header,
.plupload_filelist_footer {
  padding: 1rem 2.2rem;
  background: #f5f5f5;
  border-radius: 0.3rem;
  border: none;
}

.plupload_file_name,
.plupload_file_down,
.plupload_file_size,
.plupload_file_status,
.plupload_file_status span {
  font-size: 16px;
}
@media (max-width: 1024px) {
  .plupload_file_name,
  .plupload_file_down,
  .plupload_file_size,
  .plupload_file_status,
  .plupload_file_status span {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .plupload_file_name,
  .plupload_file_down,
  .plupload_file_size,
  .plupload_file_status,
  .plupload_file_status span {
    font-size: 14px;
  }
}
@media (max-width: 460px) {
  .plupload_file_name,
  .plupload_file_down,
  .plupload_file_size,
  .plupload_file_status,
  .plupload_file_status span {
    font-size: 13px;
  }
}

.plupload_file_size,
.plupload_file_status,
.plupload_progress {
  width: 15%;
}

.plupload_scroll .plupload_filelist_header .plupload_file_action,
.plupload_scroll .plupload_filelist_footer .plupload_file_action {
  margin-right: 0;
}

.plupload_button {
  margin-bottom: 1.6rem;
}

.plupload_scroll .plupload_filelist {
  border: 2px dashed #bdbdbd;
}

div.row {
  font-size: 16px;
}
@media (max-width: 1024px) {
  div.row {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  div.row {
    font-size: 14px;
  }
}

.ui-datepicker {
  width: 19em !important;
}

.right-import {
  position: relative;
  margin-right: -1px;
  border-right: none;
}
.right-import-input {
  text-indent: 5px !important;
  font-size: 16px !important;
}
@media (max-width: 1024px) {
  .right-import-input {
    font-size: 15px !important;
  }
}
@media (max-width: 768px) {
  .right-import-input {
    font-size: 14px !important;
  }
}

/* 이메일무단수집거부 */
.email {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.1rem;
  width: 100%;
  padding: 15.2rem 4rem 18.2rem;
  background: #fbf9fa;
}
.email-image img {
  display: block;
  width: 12.4rem;
}
.email-message-desc {
  text-align: center;
  line-height: 140% !important;
}
@media (max-width: 600px) {
  .email-message-desc br {
    display: none;
  }
}

/* 개인정보처리방침 */
.privacy.eng .privacy-bullet-number4 > li::before {
  content: counter(counter4, lower-alpha) '.';
}
.privacy p {
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .privacy p {
    font-size: 15px !important;
  }
}
@media (max-width: 460px) {
  .privacy p {
    font-size: 14px !important;
  }
}
.privacy span {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .privacy span {
    font-size: 14px !important;
  }
}
.privacy > div + div {
  margin-top: 5rem;
}
.privacy .table-scroll {
  margin-bottom: 2rem;
}
@media (max-width: 1024px) {
  .privacy .table-scroll {
    margin-top: 5rem !important;
  }
}
.privacy-desc {
  margin-bottom: 5rem;
}
.privacy-box {
  border-top: 1px solid #b4b4b4;
  overflow: hidden;
}
.privacy-box-title strong {
  display: block;
  text-align: center;
  padding: 2rem;
  font-size: 2.2rem;
  background: #f8f8f8;
}
.privacy-box-title div {
  padding: 2.3rem 2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
}
.privacy-box-align ul {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 1px);
}
.privacy-box-align ul li {
  width: 33.3333333333%;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.privacy-box-align-align6 ul li {
  width: 16.6666666667%;
}
.privacy-box-align-align2 ul li {
  width: 50%;
}
.privacy-labeling li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2.4rem 2rem;
  gap: 1.15rem;
}
.privacy-labeling img {
  width: 5.5rem;
  max-width: 9.6rem;
}
.privacy-labeling span {
  font-weight: 500;
  letter-spacing: -1px;
}
.privacy-labeling-icon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}
.privacy-list li a {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem 3rem;
  justify-content: space-between;
}
.privacy-list li a:hover span {
  color: #ff5838;
}
.privacy-list li a span {
  font-size: 1.8rem;
}
.privacy-list li a img {
  width: 5.6rem;
}
.privacy-contents > ul {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.privacy-item-title {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.privacy-item-title span {
  font-size: 2rem;
  font-weight: 700;
  margin-right: 1.5rem;
}
.privacy-item-title img {
  width: 5rem;
  margin: 0 2px;
}
.privacy-bullet > li {
  position: relative;
  margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
  .privacy-bullet > li {
    font-size: 15px;
  }
}
@media (max-width: 460px) {
  .privacy-bullet > li {
    font-size: 14px;
  }
}
.privacy-bullet > li + li {
  margin-top: 1rem;
}
.privacy-bullet > li:last-of-type {
  margin-bottom: 0;
}
.privacy-bullet > li::before {
  display: block;
  position: absolute;
  left: 0;
}
.privacy-bullet-number2 {
  counter-reset: counter2;
}
.privacy-bullet-number2 > li {
  padding-left: 1.8rem;
}
@media (max-width: 768px) {
  .privacy-bullet-number2 > li {
    padding-left: 2.4rem;
  }
}
.privacy-bullet-number2 > li::before {
  counter-increment: counter2;
  content: counter(counter2) ')';
  top: 0;
}
.privacy-bullet-number4 {
  counter-reset: counter4;
}
.privacy-bullet-number4 > li {
  padding-left: 2.6rem;
}
.privacy-bullet-number4 > li::before {
  counter-increment: counter4;
  content: counter(counter4, hangul) '.';
  left: 0;
  top: 0;
}
.privacy-bullet-line > li {
  padding-left: 1.1rem;
}
.privacy-bullet-line > li::before {
  content: '';
  width: 0.5rem;
  height: 2px;
  background: #222;
  top: 1.3rem;
}
.privacy-prevlist .dot-list {
  margin-top: 0.5rem;
}
.privacy-prevlist .dot-list a i {
  margin-left: 0.5rem;
}

/* 쿠키 정책 동의 */
.cconsent-policy-page-wrap p:first-of-type {
  margin-top: 2rem;
}
.cconsent-policy-page-wrap p.no-cookie {
  margin-top: 1.6rem;
}
.cconsent-policy-page-wrap h2 {
  font-size: 2rem;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}
.cconsent-policy-page-wrap dl {
  margin: 1rem 0;
}
.cconsent-policy-page-wrap dl dt {
  font-size: 2rem;
}
.cconsent-policy-page-wrap dl dd {
  padding: 1rem 0 !important;
}
.cconsent-policy-page-wrap button {
  background: #000;
  color: #fff;
  padding: 10px;
  border: none;
  cursor: pointer;
  border-radius: 7px;
  margin-top: 3rem;
}

.privacy * + .privacy-bullet {
  margin-top: 1rem;
}

@media (max-width: 1024px) {
  .privacy-box-align-align6 ul li {
    width: 33.333%;
  }
  .privacy-box-align-align6 ul li:last-of-type {
    display: none;
  }
  .privacy-list li a {
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    gap: 1rem;
    padding: 1.5rem;
  }
  .privacy-list .privacy-labeling-icon {
    align-self: flex-end;
    margin-right: 0;
    margin-top: 2rem;
  }
}
@media (max-width: 587px) {
  .privacy-title {
    flex-direction: column;
    align-items: center;
    padding: 4rem 2.5rem;
  }
  .privacy-title-icon {
    margin-bottom: 2rem;
  }
  .privacy-title-text {
    padding-left: 0;
  }
  .privacy-box-align-align6 ul li {
    width: 50%;
  }
  .privacy-box-align-align6 ul li:last-of-type {
    display: block;
  }
}