@charset "UTF-8";
.inner-content {
  max-width: 82.5rem;
  margin: auto;
}

.show-pc {
  display: block !important;
}

.show-mo {
  display: none !important;
}

/* margin / padding / color / etc */
.maxw-full {
  max-width: 100% !important;
}

/* margin */
.mt-0 {
  margin-top: 0 !important;
}

.mb-20 {
  margin-bottom: 1.25rem !important;
}

/* margin */
/* padding */
/* padding */
/* color */
.c-blue {
  color: #122685;
}

/* color */
/* font */
.fz-18 {
  font-size: 1.125rem;
}

.fw-4 {
  font-weight: 400;
}

.fw-5 {
  font-weight: 500;
}

.fw-6 {
  font-weight: 600;
}

.fw-7 {
  font-weight: 700;
}

/* font */
.ta-l {
  text-align: left;
}

.ta-c {
  text-align: center;
}

.ta-r {
  text-align: right;
}

.clamp-1 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  white-space: initial !important;
}

.clamp-2 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  white-space: initial !important;
}

.clamp-3 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  white-space: initial !important;
}

/* flex */
.flex {
  display: flex !important;
}

.flex.al-top {
  align-items: flex-start;
}

.flex.al-center {
  align-items: center;
}

.flex.al-bottom {
  align-items: flex-end;
}

.flex.space-between {
  justify-content: space-between;
}

.flex.justify-start {
  justify-content: flex-start;
}

.flex.justify-end {
  justify-content: flex-end;
}

.flex.justify-center {
  justify-content: center;
}

/* flex */
/* input */
.input.ty-search1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 0.625rem;
  border-bottom: 1px solid #d9d9d9;
}

.input.ty-search1 .t-inp {
  width: calc(100% - 4.125rem);
  height: 3.1875rem;
  padding-right: 0;
  border: 0;
  line-height: 3.1875rem;
}

.input.ty-search1 .t-inp::placeholder {
  color: #5A5757;
}

.input.ty-search1 .btn.search {
  margin-left: 0.75rem;
}

.input.ty-search2 {
  position: relative;
  display: flex;
  align-items: center;
}

.input.ty-search2 .t-inp {
  width: 14.5rem;
  height: 3.1875rem;
  padding-right: 2.5rem;
  font-size: 0.9375rem;
  line-height: 3.1875rem;
}

.input.ty-search2 .t-inp::placeholder {
  color: #5A5757;
  font-size: 0.9375rem;
}

.input.ty-search2 .btn.bg-blue {
  width: 5rem;
  height: 3.1875rem;
}

.input.ty-search2 .btn.bg-blue > span {
  font-size: 0.9375rem;
}

.input.ty-search2 .btn.circle-del {
  position: absolute;
  right: 6.125rem;
}

.input.ty-file {
  display: flex;
  position: relative;
}

.input.ty-file .btn {
  width: 6rem;
  height: 3.5rem;
}

.input.ty-file .btn > span {
  font-size: 1rem;
  line-height: 3.5rem;
}

.input.ty-file .upload-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.t-inp {
  width: 100%;
  padding: 0 1.125rem;
  height: 3.5rem;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  font-size: 1rem;
  line-height: 3.5rem;
}

.t-inp::placeholder {
  color: #939393;
}

.t-inp.datepicker {
  padding: 0 0 0 2.8125rem;
  height: 3.1875rem;
  font-size: 0.9375rem;
  line-height: 3.125rem;
  cursor: pointer;
  background: #fff url("../../../imgs/front/cw/icon/icon_calendar.svg") no-repeat left 1.25rem center/0.9375rem 1.25rem;
}

.t-inp.datepicker::placeholder {
  color: #5A5757;
}

textarea {
  width: 100%;
  padding: 1rem 1.125rem;
  height: 14rem;
  border: 1px solid #d9d9d9;
  font-size: 1rem;
  line-height: 1.5rem;
  resize: none;
}

textarea::placeholder {
  color: #939393;
}

/* input */
/* checkbox */
.chkbox {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.chkbox > label {
  display: inline-flex;
  overflow: hidden;
}

.chkbox > label > input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.chkbox > label > input[type="radio"] + .text {
  position: relative;
  display: inline-block;
  padding-left: 1.625rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #191919;
  word-break: break-all;
}

.chkbox > label > input[type="radio"] + .text::before {
  content: '';
  position: absolute;
  top: 0.125rem;
  left: 0;
  width: 1.125rem;
  height: 1.125rem;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  transition: 0.3s;
}

.chkbox > label > input[type="radio"] + .text::after {
  content: '';
  position: absolute;
  top: 0.125rem;
  left: 0px;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 100%;
  border: 0.3125rem solid #122685;
  background-color: #fff;
  opacity: 0;
  transition: 0.3s;
}

.chkbox > label > input[type="radio"]:disabled + .text::before {
  border-color: #ddd;
  background: #f5f5f5;
}

.chkbox > label > input[type="radio"]:checked + .text::before {
  background-color: #122685;
  border-color: #d9d9d9;
}

.chkbox > label > input[type="radio"]:checked + .text::after {
  opacity: 1;
}

.chkbox > label > input[type="radio"]:checked:disabled + .text::before {
  opacity: 0.3;
}

.chkbox > label > input[type="checkbox"] + .text {
  position: relative;
  display: inline-block;
  padding-left: 1.75rem;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  color: #191919;
  word-break: break-all;
}

.chkbox > label > input[type="checkbox"] + .text::before {
  content: '';
  position: absolute;
  top: 0.125rem;
  left: 0;
  width: 1.125rem;
  height: 1.125rem;
  border: 1px solid #d9d9d9;
  background: #fff url("../../../imgs/front/cw/icon/icon_check_wt.svg") no-repeat center/0.625rem 0.4375rem;
  transition: 0.3s;
}

.chkbox > label > input:disabled + .text::before {
  background: #F6F6F6;
}

.chkbox > label > input:checked + .text::before {
  border-color: #122685;
  background-color: #122685;
}

/* checkbox */
/* button */
.btn {
  position: relative;
  display: inline-block;
  text-align: center;
  line-height: normal;
}

.btn.bd-gray {
  position: relative;
}

.btn.bd-gray::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #d9d9d9;
}

.btn.bd-white {
  position: relative;
}

.btn.bd-white::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
}

.btn.bg-blue {
  position: relative;
  background: #122685;
}

.btn.bg-blue > span {
  color: #fff;
}

.btn.ty-more {
  width: 9.75rem;
  height: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn.ty-more > span {
  display: block;
  padding-right: 1.125rem;
  background: url(../../../imgs/front/cw/icon/icon_more.svg) no-repeat right center/0.75rem 0.625rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.btn.ty-more.c-white > span {
  background-image: url(../../../imgs/front/cw/icon/icon_more_w.svg);
  color: #fff;
}

.btn.ty-download {
  width: 8rem;
  height: 3.1875rem;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn.ty-download > span {
  padding-right: 1.25rem;
  background: url("../../../imgs/front/cw/icon/icon_download_bk2.svg") no-repeat right center/0.75rem;
}

.btn.ty-view {
  width: 8rem;
  height: 3.1875rem;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn.ty-view > span {
  padding-right: 1.5625rem;
  background: url("../../../imgs/front/cw/icon/icon_view2.svg") no-repeat right center/1.0625rem;
}

.btn.icon {
  height: auto;
  font-size: 0;
  border-radius: 0;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.btn.icon span.download {
  padding-right: 1.5rem;
  background: url("../../../imgs/front/cw/icon/icon_download_bk.svg") no-repeat right center/1.375rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.btn.icon span.view {
  padding-right: 1.5rem;
  background: url("../../../imgs/front/cw/icon/icon_view.svg") no-repeat right center/1.375rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.btn.icon.circle-del {
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  border-radius: 50%;
  background: #d9d9d9 url("../../../imgs/front/cw/icon/icon_remove_8.svg") no-repeat center/0.40625rem;
}

.btn.icon.search {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../../imgs/front/cw/icon/icon_search.svg");
  background-size: 1.0625rem 1.25rem;
}

/* button */
/* table */
/* table */
/* tab */
.tab-group-cont-wrap .tab-cont {
  display: none;
}

.tab-group-cont-wrap .tab-cont.active {
  display: block;
}

/* tab */
.tab-list-wrap.ty1 {
  font-size: 0;
  border-bottom: 1px solid #D9D9D9;
}

.tab-list-wrap.ty1 .tab-list {
  display: flex;
  justify-content: center;
}

.tab-list-wrap.ty1 .tab-list .tab-menu {
  min-width: 12.5rem;
}

.tab-list-wrap.ty1 .tab-list .tab-menu a {
  display: block;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.625rem;
  padding: 1.5rem 0;
  text-align: center;
  color: #5A5757;
}

.tab-list-wrap.ty1 .tab-list .tab-menu.active a {
  color: #122685;
  font-weight: 700;
  position: relative;
}

.tab-list-wrap.ty1 .tab-list .tab-menu.active a::before {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 0.125rem;
  left: 0;
  bottom: -1px;
  background: #122685;
}

.tab-list-wrap.ty2 {
  font-size: 0;
}

.tab-list-wrap.ty2 .tab-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.tab-list-wrap.ty2 .tab-list .tab-menu {
  width: auto;
}

.tab-list-wrap.ty2 .tab-list .tab-menu a {
  border: 1px solid #D9D9D9;
  display: block;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.6875rem 1.375rem;
  text-align: center;
  color: #5A5757;
}

.tab-list-wrap.ty2 .tab-list .tab-menu.active a {
  font-weight: 700;
  color: #fff;
  background: #122685;
  border-color: #122685;
}

.tab-list-wrap.ty3 {
  font-size: 0;
  border-bottom: 1px solid #D9D9D9;
}

.tab-list-wrap.ty3 .tab-list {
  display: flex;
  width: 100%;
  max-width: 82.5rem;
  margin: 0 auto;
}

.tab-list-wrap.ty3 .tab-list .tab-menu {
  min-width: 6.4375rem;
}

.tab-list-wrap.ty3 .tab-list .tab-menu a {
  display: block;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.625rem;
  padding: 1.25rem 0;
  text-align: center;
}

.tab-list-wrap.ty3 .tab-list .tab-menu.active a {
  color: #122685;
  font-weight: 700;
  position: relative;
}

.tab-list-wrap.ty3 .tab-list .tab-menu.active a::before {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 0.125rem;
  left: 0;
  bottom: -1px;
  background: #122685;
}

.tab-list-swiper.tab-list-wrap.ty2 .tab-list {
  flex-wrap: nowrap;
  gap: 0;
}

.tab-list-swiper.tab-list-wrap.ty2 .tab-list .tab-menu {
  padding-right: 0.75rem;
  margin: 0;
}

.tab-list-swiper.tab-list-wrap.ty2 .tab-list .tab-menu:last-child {
  padding-right: 0;
}

.tab-list-cont-area .tab-list-cont {
  display: none;
}

.tab-list-cont-area .tab-list-cont.active {
  display: block;
}

/* tab */
/* datepicker */
.ui-widget.ui-widget-content {
  border-radius: 0.9375rem;
  border-color: #DDD;
  padding: 0.9375rem 1.25rem 1.25rem;
  font-family: "Pretendard", sans-serif;
}

.ui-widget-header {
  background: none;
  border: none;
}

.ui-widget-header .ui-icon {
  background: url("../../../imgs/front/cw/icon/icon_page_next.svg") no-repeat center;
  transform: rotate(-180deg);
}

.ui-widget-header .ui-datepicker-next .ui-icon {
  transform: rotate(0);
}

.ui-widget-content {
  border: none;
}

.ui-widget-content .ui-state-default {
  color: #000;
  padding: 0.4375rem 0.25rem;
}

.ui-datepicker {
  width: 18.625rem;
  margin-top: 0.625rem;
  box-shadow: 0.375rem 0.375rem 0.9375rem rgba(0, 0, 0, 0.1);
}

.ui-datepicker .ui-datepicker-buttonpane {
  margin: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  margin: 0;
  font-size: 0.75rem;
  font-family: "Pretendard", sans-serif;
  border-radius: 0.25rem;
  border-color: #DDD;
  padding: 0.25rem 0.4375rem 0.15625rem;
  background: none;
}

.ui-datepicker .ui-datepicker-buttonpane button:hover {
  background-color: #F0F0F0;
}

.ui-datepicker table {
  font-size: 0.875rem;
  margin: 0.875rem 0 0.625rem;
}

.ui-datepicker th {
  padding: 0.3125rem 0.25rem;
}

.ui-datepicker td span, .ui-datepicker td a {
  text-align: center;
  background: none !important;
  border: none !important;
  font-weight: 600 !important;
  position: relative;
}

.ui-datepicker td span.ui-priority-secondary, .ui-datepicker td a.ui-priority-secondary {
  opacity: 1;
  color: #CCC;
}

.ui-datepicker td span.ui-state-highlight::before, .ui-datepicker td a.ui-state-highlight::before {
  background: #FFF0BE;
}

.ui-datepicker td span.ui-state-active, .ui-datepicker td a.ui-state-active {
  color: #fff;
}

.ui-datepicker td span.ui-state-active::before, .ui-datepicker td a.ui-state-active::before {
  background: #122685;
}

.ui-datepicker td span:hover::before, .ui-datepicker td a:hover::before {
  background: #F0F0F0;
}

.ui-datepicker td span::before, .ui-datepicker td a::before {
  display: block;
  content: '';
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 0.25rem);
  height: calc(100% - 0.25rem);
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  cursor: pointer;
  width: 1.875rem;
  height: 1.875rem;
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover {
  background: none;
  border: none;
  background-position: center;
  top: 0.125rem;
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover::before, .ui-datepicker .ui-datepicker-next.ui-state-hover::before {
  display: block;
  content: '';
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: #F0F0F0;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 0.125rem;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 0.125rem;
}

.ui-datepicker select {
  font-family: "Pretendard", sans-serif;
  font-size: 0.9375rem;
  font-weight: 700;
  text-align: center;
}

.ui-datepicker select.ui-datepicker-year {
  width: 2.5rem;
}

.ui-datepicker select.ui-datepicker-month {
  width: 1.3125rem;
}

/* datepicker */
/* list */
/* list */
/* title */
.title-box {
  position: relative;
}

.t-title.ty1 {
  font-size: 3.25rem;
  line-height: 4.25rem;
}

.t-title.ty2 {
  font-size: 3rem;
  line-height: 3.875rem;
}

/* title */
/* toggle */
.toggle-wrap.active .toggle-box {
  display: block;
}

.toggle-wrap.active .icon.toggle {
  transform: rotate(-180deg);
}

.toggle-wrap .toggle-box {
  display: none;
}

/* pagination */
.pagination {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 5rem;
}

.pagination > a {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-size: 1.5rem;
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 0;
}

.pagination > a.first {
  background-image: url("../../../imgs/front/cw/icon/icon_page_last.svg");
  transform: rotate(-180deg);
}

.pagination > a.prev {
  background-image: url("../../../imgs/front/cw/icon/icon_page_next.svg");
  transform: rotate(-180deg);
}

.pagination > a.next {
  background-image: url("../../../imgs/front/cw/icon/icon_page_next.svg");
}

.pagination > a.last {
  background-image: url("../../../imgs/front/cw/icon/icon_page_last.svg");
}

.pagination ul {
  display: flex;
  gap: 1.25rem;
  margin: 0 0.5rem;
}

.pagination ul li a {
  padding: 0 0.25rem 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #939393;
}

.pagination ul li.active a {
  color: #191919;
  border-bottom: 1px solid #191919;
}

/* pagination */
/* lists */
.lists.ty1 li {
  font-size: 1rem;
  line-height: 1.625rem;
  padding-left: 0.8125rem;
  position: relative;
  color: #5A5757;
}

.lists.ty1 li::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0.71875rem;
  width: 0.1875rem;
  height: 0.1875rem;
  background: #5A5757;
  border-radius: 50%;
}

/* custom select */
.cus-select {
  position: relative;
  min-width: 8.25rem;
}

.cus-select.w-180 {
  min-width: 11.25rem;
}

.cus-select .trigger {
  display: flex;
  align-items: center;
  position: relative;
  height: 2.8125rem;
  padding: 0 3rem 0 1.125rem;
  border: 1px solid #D9D9D9;
  cursor: pointer;
}

.cus-select .trigger::after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  right: 1.125rem;
  width: 0.625rem;
  height: 0.375rem;
  background: url("../../../imgs/front/cw/icon/icon_bk_d_arrow.svg") no-repeat center/0.625rem;
  transform: scaleY(1);
  margin-top: -0.1875rem;
}

.cus-select .trigger-txt {
  overflow: hidden;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cus-select .option-wrap {
  display: none;
  position: absolute;
  top: calc(100% - 1px);
  width: 100%;
  padding: 1rem 1.125rem;
  padding-right: 0.75rem;
  border: 1px solid #D9D9D9;
  background: #fff;
  z-index: 1;
  margin-top: 0.5rem;
}

.cus-select .option {
  max-height: 9.1875rem;
  overflow-y: auto;
  /* 스크롤바의 폭 너비 */
}

.cus-select .option::-webkit-scrollbar {
  width: 1px;
}

.cus-select .option::-webkit-scrollbar-thumb {
  background: #191919;
  /* 스크롤바 색상 */
  border-radius: 0;
  /* 스크롤바 둥근 테두리 */
}

.cus-select .option::-webkit-scrollbar-track {
  background: #D9D9D9;
  /*스크롤바 뒷 배경 색상*/
}

.cus-select .option > li {
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  color: #939393;
  cursor: pointer;
}

.cus-select .option > li.select {
  color: #191919;
}

.cus-select .option > li + li {
  margin-top: 0.5rem;
}

.cus-select.active .trigger::after {
  transform: scaleY(-1);
}

.cus-select.select .trigger-txt {
  color: #191919;
}

/* header */
.header {
  position: sticky;
  top: 0;
  background: #fff;
  width: 100%;
  z-index: 10;
}

.header.active {
  border-bottom: 1px solid #EAEAEA;
}

.header-wrap {
  position: relative;
  background: #fff;
}

.header-wrap > .inner-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 5rem;
  max-width: 82.5rem;
  margin: auto;
}

.header-wrap .logo a {
  display: block;
  width: 5.8125rem;
  height: 2.75rem;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 0;
  line-height: 0;
  color: transparent;
}

.header-wrap .side {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}

.header-wrap .lang-select {
  position: relative;
}

.header-wrap .lang-select p {
  position: relative;
  padding: 0 0.875rem 0 1.875rem;
  background: url("../../../imgs/front/cw/icon/icon_lang.svg") no-repeat left center/1.5rem;
  line-height: 1.5rem;
  cursor: pointer;
}

.header-wrap .lang-select p::before {
  display: block;
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.1875rem;
  width: 0.625rem;
  height: 0.375rem;
  background: url("../../../imgs/front/cw/icon/icon_bk_d_arrow.svg") no-repeat center/0.625rem;
}

.header-wrap .lang-select.active p:before {
  transform: rotate(-180deg);
}

.header-wrap .lang-select .option {
  position: absolute;
  left: 0;
  top: 1.5rem;
  width: 100%;
  padding: 0.875rem 1.25rem;
  border: 1px solid #EAEAEA;
  background: #fff;
  box-shadow: 0px 0.625rem 1.875rem 0.1875rem #19191914;
  margin-top: 0.75rem;
  display: none;
  text-align: center;
}

.header-wrap .lang-select .option li + li {
  margin-top: 0.375rem;
}

.header-wrap .lang-select .option a {
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}

.header-wrap .lang-select .option a:hover {
  color: #122685;
}

.header-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(25, 25, 25, 0.5);
  z-index: -1;
  display: none;
}

.gnb-wrap .depth1 {
  display: flex;
}

.gnb-wrap .depth1 > li > p > a {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0 1.3125rem;
  height: 5rem;
  line-height: 5rem;
}

.gnb-wrap .depth1 > li:hover > p > a {
  color: #122685;
}

.gnb-wrap .depth1 > li:hover .gnb-inner {
  display: block;
}

.gnb-wrap .depth2 {
  flex: 1;
  padding: 2.5rem;
  position: relative;
}

.gnb-wrap .depth2 li {
  width: 15.5rem;
}

.gnb-wrap .depth2 li + li {
  margin-top: 1.25rem;
}

.gnb-wrap .depth2 li a {
  display: block;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.75rem;
  background: url("../../../imgs/front/cw/icon/icon_gray_r_arrow.svg") no-repeat right center/1.125rem;
  color: #939393;
}

.gnb-wrap .depth2 li:hover > p > a {
  color: #191919;
}

.gnb-wrap .depth2 li:hover > .depth3 {
  display: block;
}

.gnb-wrap .depth3 {
  position: absolute;
  left: 18rem;
  top: 0;
  padding: 2.5rem 3rem;
  height: 100%;
  display: none;
  width: 46%;
  max-width: 15.5rem;
}

.gnb-wrap .depth3 > li a {
  background: none;
}

.gnb-wrap .gnb-inner {
  display: none;
  position: absolute;
  top: 5rem;
  left: 0;
  width: 100%;
  background: #fff;
  border-top: 1px solid #EAEAEA;
}

.gnb-wrap .gnb-inner .inner-content {
  display: flex;
}

.gnb-wrap .gnb-info {
  padding: 2.5rem;
  padding-left: 0;
  border-right: 1px solid #EAEAEA;
  display: flex;
  flex-direction: column;
}

.gnb-wrap .gnb-info > h6 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 0.875rem;
}

.gnb-wrap .gnb-info > p {
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  width: 17rem;
  color: #5A5757;
}

.gnb-wrap .gnb-info .family-select {
  margin-top: auto;
}

.gnb-wrap .img-bann {
  width: 18.125rem;
  padding: 2.5rem 0;
}

.gnb-wrap .img-bann p {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-top: 1rem;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  white-space: initial !important;
}

.family-select {
  position: relative;
  width: 12.5rem;
}

.family-select.active p::before {
  transform: rotate(-45deg);
}

.family-select p {
  height: 2.8125rem;
  background: #F6F6F6;
  padding: 0.75rem 1rem;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  position: relative;
  cursor: pointer;
  color: #5A5757;
}

.family-select p::before {
  display: block;
  content: '';
  position: absolute;
  right: 1rem;
  top: 50%;
  margin-top: -0.375rem;
  background: url("../../../imgs/front/cw/icon/icon_select_plus.svg") no-repeat center/cover;
  width: 0.75rem;
  height: 0.75rem;
}

.family-select .option {
  position: absolute;
  left: 0;
  top: 2.8125rem;
  width: 100%;
  margin-top: 0.75rem;
  padding: 1rem 0.75rem 1rem 1rem;
  border: 1px solid  #D9D9D9;
  background: #fff;
  display: none;
}

.family-select ul {
  overflow-y: auto;
  height: 10rem;
  /* 스크롤바의 폭 너비 */
}

.family-select ul::-webkit-scrollbar {
  width: 1px;
}

.family-select ul::-webkit-scrollbar-thumb {
  background: #191919;
  /* 스크롤바 색상 */
  border-radius: 0;
  /* 스크롤바 둥근 테두리 */
}

.family-select ul::-webkit-scrollbar-track {
  background: #D9D9D9;
  /*스크롤바 뒷 배경 색상*/
}

.family-select ul li {
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  color: #939393;
}

.family-select ul li + li {
  margin-top: 0.75rem;
}

.family-select ul li:hover {
  color: #191919;
}

/* header */
/* footer */
.footer {
  margin-top: 8.75rem;
}

.footer-wrap {
  background: #191919;
  padding: 2.5rem 0 3.125rem;
}

.footer-wrap .logo a {
  display: block;
  width: 5.8125rem;
  height: 2.75rem;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 0;
  line-height: 0;
  color: transparent;
}

.footer-wrap .info {
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.1875rem;
  color: #939393;
}

.footer-wrap .box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.footer-wrap .side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.footer-wrap .side .family-select {
  width: 14.5rem;
  margin-bottom: 2.125rem;
}

.footer-wrap .side .family-select p {
  background: #191919;
  padding: 0.625rem 0;
  border-bottom: 1px solid #5A5757;
  color: #D9D9D9;
  height: auto;
}

.footer-wrap .side .family-select p::before {
  background: url("../../../imgs/front/cw/icon/icon_select_gray_plus.svg") no-repeat center/0.75rem;
  right: 0;
}

.footer-wrap .side .family-select .option {
  top: auto;
  bottom: 2.625rem;
  margin: 0 0 0.625rem;
  background: #191919;
  border-color: #5A5757;
}

.footer-wrap .side .family-select ul {
  /* 스크롤바의 폭 너비 */
}

.footer-wrap .side .family-select ul::-webkit-scrollbar-thumb {
  background: #fff;
  /* 스크롤바 색상 */
}

.footer-wrap .side .family-select ul::-webkit-scrollbar-track {
  background: #5A5757;
  /*스크롤바 뒷 배경 색상*/
}

.footer-wrap .side .family-select ul li {
  color: #939393;
}

.footer-wrap .side .family-select ul li:hover {
  color: #fff;
}

.footer-wrap .side .taekyung-logo a {
  display: block;
  width: 8.9375rem;
  height: 1.6875rem;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 0;
  line-height: 0;
  color: transparent;
}

.footer-link {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
  margin: 1.5rem 0 1rem;
}

.footer-link li {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #D9D9D9;
}

.footer-link li + li {
  position: relative;
}

.footer-link li + li::before {
  display: block;
  content: '';
  position: absolute;
  left: -1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 0.75rem;
  background: #5A5757;
}

/* footer */
/* quick menu */
.quick-menu {
  position: fixed;
  right: 1.25rem;
  bottom: 2.5rem;
  z-index: 1;
}

.quick-menu .btn-top {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  cursor: pointer;
  background: #191919;
  border-radius: 50%;
  display: none;
}

.quick-menu .btn-top a {
  padding-top: 0.75rem;
  color: #fff;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.1875rem;
  background: url("../../../imgs/front/cw/icon/icon_top.svg") no-repeat center top/0.75rem;
}

.popup-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(25, 25, 25, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
}

.popup-wrap.active {
  opacity: 1;
  visibility: visible;
}

.popup-layer {
  display: flex;
  flex-direction: column;
  max-height: calc(100% - 13.3125rem);
  overflow: hidden;
  background: #fff;
  min-width: 37.5rem;
  max-width: 37.5rem;
}

.popup-layer.w-874 {
  min-width: 54.625rem;
  max-width: 54.625rem;
}

/* main */
.header.ani {
  animation: header 1s ease;
}

.header.active ~ main .menu-button.show-pc {
  top: 5rem;
}

@keyframes header {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.com-section .title-box > span {
  display: block;
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: #122685;
}

.com-section .btn.ty-more {
  margin: 4.375rem auto 0;
}

/* main */
/* page */
.popup-btn-area {
  padding: 1.875rem 0.625rem;
  display: flex;
  justify-content: center;
  gap: 0.625rem;
}

.popup-btn-area .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11.25rem;
  height: 3.1875rem;
}

.popup-btn-area .btn > span {
  font-size: 0.9375rem;
}

.sw-box .swiper-container {
  overflow: hidden;
}

.engineered-stone-section {
  padding: 7.5rem 0;
}

.engineered-stone-section .tab-group-list {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.875rem;
  max-width: 82.5rem;
  margin: -1.5rem auto 3.125rem;
}

.engineered-stone-section .tab-group-list .tab-menu {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}

.engineered-stone-section .tab-group-list .tab-menu a {
  color: #5A5757;
  font-size: 1rem;
  line-height: 1.5rem;
  transition: 0.3s;
}

.engineered-stone-section .tab-group-list .tab-menu a.active, .engineered-stone-section .tab-group-list .tab-menu a:hover {
  color: #191919;
  font-weight: 700;
}

.engineered-stone-section .tab-group-list .tab-menu + .tab-menu::before {
  content: '';
  display: block;
  width: 1px;
  height: 0.875rem;
  background: #d9d9d9;
}

.engineered-stone-section .sw-box {
  cursor: none;
  overflow: hidden;
}

.engineered-stone-section .sw-box .engineered-slide {
  overflow: visible;
  cursor: none;
}

.engineered-stone-section .sw-box .engineered-slide .swiper-slide {
  overflow: hidden;
  width: 27.875rem;
  cursor: none;
}

.engineered-stone-section .sw-box .engineered-slide .swiper-slide .item {
  transform: scale(0.8);
  transition: transform 1s;
  margin-right: 2rem;
}

.engineered-stone-section .sw-box .engineered-slide .swiper-slide .item .img-box {
  position: relative;
  overflow: hidden;
  aspect-ratio: 414/559;
}

.engineered-stone-section .sw-box .engineered-slide .swiper-slide .item .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.engineered-stone-section .sw-box .engineered-slide .swiper-slide .item:hover .txt-box {
  bottom: 0;
}

.engineered-stone-section .sw-box .engineered-slide .swiper-slide .item img {
  transition: .5s ease-in-out;
}

.engineered-stone-section .sw-box .engineered-slide .swiper-slide .txt-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: absolute;
  left: 0;
  bottom: -100%;
  transition: 0.3s ease-in-out;
  width: 100%;
  height: 50%;
  padding: 2.3125rem 6.71875rem 2.3125rem 2.3125rem;
  background: #191919;
  background: linear-gradient(180deg, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.5) 100%);
  color: #fff;
}

.engineered-stone-section .sw-box .engineered-slide .swiper-slide .txt-box p {
  margin-bottom: 0.625rem;
  font-size: 1.40625rem;
  line-height: 2.03125rem;
  font-weight: 700;
  word-break: break-all;
}

.engineered-stone-section .sw-box .engineered-slide .swiper-slide .txt-box span {
  color: #EAEAEA;
  font-size: 1.25rem;
  line-height: 1.875rem;
  word-break: break-all;
}

.engineered-stone-section .sw-box .engineered-slide .swiper-slide .txt-box .btn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 4.375rem;
  height: 4.375rem;
  background: #122685 url("../../../imgs/front/cw/icon/icon_plus_w.svg") no-repeat center/1.40625rem;
  word-break: break-all;
}

.engineered-stone-section .sw-box .engineered-slide .swiper-slide .label {
  position: absolute;
  top: 0;
  left: calc(100% + 2rem);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 94%;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 700;
  transform: rotate(90deg) scale(1.25);
  transform-origin: top left;
  white-space: nowrap;
}

.engineered-stone-section .sw-box .engineered-slide .swiper-slide .label::before {
  content: '';
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  min-width: 0.5rem;
  min-height: 0.5rem;
  background: #C7C1BA;
}

.engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-prev .item, .engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-next .item {
  transform: scale(1);
}

.engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-prev .txt-box, .engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-next .txt-box {
  padding: 1.875rem 5.375rem 1.875rem 1.875rem;
}

.engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-prev p, .engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-next p {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.625rem;
}

.engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-prev span, .engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-next span {
  font-size: 1rem;
  line-height: 1.5rem;
}

.engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-prev .label, .engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-next .label {
  width: 127%;
  transform: rotate(90deg) scale(1);
}

.engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-prev .btn, .engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-next .btn {
  width: 3.5rem;
  height: 3.5rem;
  background-size: 1.125rem;
}

.cursor-drag {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  transform: translate(-50%, -50%);
  transition-property: background, transform;
  pointer-events: none;
}

.cursor-drag .txt {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%) scale(0);
  width: 6.75rem;
  height: 6.75rem;
  border-radius: 50%;
  background: #fff;
  font-size: 0.8125rem;
  line-height: 6.75rem;
  font-weight: 700;
  text-align: center;
  transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  box-shadow: 0 0.625rem 1.875rem 0.1875rem rgba(25, 25, 25, 0.08);
  opacity: 0;
  pointer-events: none;
}

.cursor-drag .txt::before {
  content: '';
  position: absolute;
  left: -0.625rem;
  top: 50%;
  transform: translateY(-50%);
  border-top: 0.375rem solid transparent;
  border-bottom: 0.375rem solid transparent;
  border-right: 0.375rem solid #fff;
}

.cursor-drag .txt::after {
  content: '';
  position: absolute;
  right: -0.625rem;
  top: 50%;
  transform: translateY(-50%);
  border-top: 0.375rem solid transparent;
  border-bottom: 0.375rem solid transparent;
  border-left: 0.375rem solid #fff;
}

.cursor-drag.active .txt {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.portfolio-section {
  padding: 7.5rem 0;
  background: #f6f6f6;
}

.portfolio-section .sw-box {
  position: relative;
  margin-top: 6.75rem;
}

.portfolio-section .sw-box .portfolio-slide {
  overflow: visible;
  height: 32.5rem;
  max-height: 32.5rem;
}

.portfolio-section .sw-box .portfolio-slide.pc-mode {
  height: 32.5rem;
  max-height: 32.5rem;
}

.portfolio-section .sw-box .portfolio-slide .swiper-slide {
  opacity: 1;
  transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.portfolio-section .sw-box .portfolio-slide .swiper-slide.n3 {
  opacity: 0;
}

.portfolio-section .sw-box .portfolio-slide .swiper-slide .toggle-wrap .btn {
  position: absolute;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background: #fff url("../../../imgs/front/cw/icon/icon_plus_bk.svg") no-repeat center/1.125rem;
}

.portfolio-section .sw-box .portfolio-slide .swiper-slide .toggle-wrap .toggle-box {
  position: absolute;
  right: 1.875rem;
  bottom: 1.875rem;
}

.portfolio-section .sw-box .portfolio-slide .swiper-slide .toggle-wrap .toggle-box > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 17.5rem;
  padding: 0.75rem;
  background: #fff;
}

.portfolio-section .sw-box .portfolio-slide .swiper-slide .toggle-wrap .toggle-box > div img {
  width: 4rem;
  height: 4rem;
}

.portfolio-section .sw-box .portfolio-slide .swiper-slide .toggle-wrap .toggle-box > div .txt {
  width: calc(100% - 4.75rem);
  margin-left: 0.75rem;
}

.portfolio-section .sw-box .portfolio-slide .swiper-slide .toggle-wrap .toggle-box > div span {
  margin-bottom: 0.125rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}

.portfolio-section .sw-box .portfolio-slide .swiper-slide .toggle-wrap .toggle-box > div p {
  color: #5A5757;
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.portfolio-section .sw-box .portfolio-slide .swiper-slide .toggle-wrap.active .btn {
  background: #122685 url("../../../imgs/front/cw/icon/icon_plus_w.svg") no-repeat center/1.125rem;
  transform: rotate(45deg);
}

.portfolio-section .sw-box .portfolio-slide .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.portfolio-section .sw-box .portfolio-slide .swiper-slide.swiper-slide-next {
  opacity: 0;
}

.portfolio-section .sw-box .portfolio-slide .swiper-slide.n1 .btn {
  left: 67.4%;
  top: 55%;
}

.portfolio-section .sw-box .portfolio-slide .swiper-slide.n2 .btn {
  left: 32.5%;
  top: 78.8%;
}

.portfolio-section .sw-box .portfolio-slide .swiper-slide.n3 .btn {
  left: 39.3%;
  top: 65%;
}

.portfolio-section .sw-box .swiper-button-next,
.portfolio-section .sw-box .swiper-button-prev {
  top: auto;
  left: auto;
  right: -4.875rem;
  bottom: 0;
  width: 3rem;
  height: 3rem;
  border: 1px solid #D9D9D9;
}

.portfolio-section .sw-box .swiper-button-next::after,
.portfolio-section .sw-box .swiper-button-prev::after {
  display: none;
}

.portfolio-section .sw-box .swiper-button-next {
  background: url(../../../imgs/front/cw/icon/icon_arrow_down_bk.svg) no-repeat center/0.625rem 0.75rem;
}

.portfolio-section .sw-box .swiper-button-prev {
  bottom: 3rem;
  border-bottom: 0;
  background: url(../../../imgs/front/cw/icon/icon_arrow_up_bk.svg) no-repeat center/0.625rem 0.75rem;
}

.about-section {
  padding: 7.5rem 0;
}

.about-section .title-box {
  margin-bottom: 3.125rem;
}

.about-section .title-box p {
  margin-top: 2rem;
  color: #5A5757;
  font-size: 1rem;
  line-height: 1.5rem;
}

.about-section .about-slide .swiper-slide .txt-box {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 2.5rem;
  color: #fff;
}

.about-section .about-slide .swiper-slide .txt-box p {
  margin-bottom: 0.625rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.about-section .about-slide .swiper-slide .txt-box span {
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
}

.e-catelog-section {
  padding-top: 7.5rem;
}

.e-catelog-section .title-box span {
  margin-bottom: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.e-catelog-section .title-box h2 {
  font-size: 2.25rem;
  line-height: 3.125rem;
}

.e-catelog-section .title-box a {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 1.125rem;
  color: #939393;
  font-size: 1rem;
  background: url("../../../imgs/front/cw/icon/icon_more_gray.svg") no-repeat right center/0.75rem 0.625rem;
}

.e-catelog-section .sw-box {
  margin-top: 2.5rem;
}

.e-catelog-section .sw-box .e-catelog-slide .swiper-slide .item {
  display: flex;
}

.e-catelog-section .sw-box .e-catelog-slide .swiper-slide .item .img-box {
  width: 50%;
}

.e-catelog-section .sw-box .e-catelog-slide .swiper-slide .item .txt-box {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 2.5rem;
  background: #F6F6F6;
}

.e-catelog-section .sw-box .e-catelog-slide .swiper-slide .item .txt-box > span {
  margin-bottom: 0.5rem;
  color: #939393;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 700;
  word-break: break-all;
}

.e-catelog-section .sw-box .e-catelog-slide .swiper-slide .item .txt-box p {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  white-space: initial !important;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  word-break: break-all;
}

.e-catelog-section .sw-box .e-catelog-slide .swiper-slide .item .txt-box .btn-wrap {
  display: flex;
  margin-top: auto;
  padding: 0.75rem;
  background: #fff;
}

.e-catelog-section .sw-box .e-catelog-slide .swiper-slide .item .txt-box .btn-wrap a {
  flex: 1;
}

.e-catelog-section .sw-box .e-catelog-slide .swiper-slide .item .txt-box .btn-wrap a + a {
  border-left: 1px solid #d9d9d9;
}

.e-catelog-section .sw-box .e-catelog-slide .swiper-pagination-progressbar {
  position: relative;
  width: 12.5rem;
  height: 0.125rem;
  margin: 3.75rem auto 0;
  background: #d9d9d9;
}

.e-catelog-section .sw-box .e-catelog-slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #122685;
}

.news-section {
  padding-top: 7.5rem;
}

.news-section .title-box span {
  margin-bottom: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.news-section .title-box h2 {
  font-size: 2.25rem;
  line-height: 3.125rem;
}

.news-section .board-area {
  display: flex;
  justify-content: space-between;
  gap: 4.375rem;
  margin-top: 2.5rem;
}

.news-section .board-area .tab-group-list-wrap {
  width: calc(100% - 28.125rem);
}

.news-section .board-area .tab-group-list-wrap .tab-box {
  position: relative;
  margin-bottom: 2rem;
}

.news-section .board-area .tab-group-list-wrap .tab-box .tab-group-list {
  display: flex;
  gap: 1rem;
}

.news-section .board-area .tab-group-list-wrap .tab-box .tab-group-list li {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.news-section .board-area .tab-group-list-wrap .tab-box .tab-group-list li a {
  color: #939393;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.news-section .board-area .tab-group-list-wrap .tab-box .tab-group-list li a.active {
  color: #191919;
}

.news-section .board-area .tab-group-list-wrap .tab-box .tab-group-list li + li::before {
  content: '';
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  background: #D9D9D9;
}

.news-section .board-area .tab-group-list-wrap .tab-box .tab-group-list li.show-pc {
  display: flex !important;
}

.news-section .board-area .tab-group-list-wrap .tab-box .tab-group-list li.show-pc a {
  padding-right: 1.625rem;
  background: url("../../../imgs/front/cw/icon/icon_outlink.svg") no-repeat right center/1rem;
}

.news-section .board-area .tab-group-list-wrap .tab-box > a {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 1.125rem;
  color: #939393;
  font-size: 1rem;
  background: url("../../../imgs/front/cw/icon/icon_more_gray.svg") no-repeat right center/0.75rem 0.625rem;
}

.news-section .board-area .tab-group-list-wrap .board-lists {
  border-top: 0.125rem solid #191919;
}

.news-section .board-area .tab-group-list-wrap .board-lists li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #D9D9D9;
}

.news-section .board-area .tab-group-list-wrap .board-lists li .date {
  padding: 1.75rem 0.625rem 1.5rem;
  text-align: center;
}

.news-section .board-area .tab-group-list-wrap .board-lists li .date strong {
  display: block;
  margin-bottom: 0.1875rem;
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 700;
  letter-spacing: -0.04em;
}

.news-section .board-area .tab-group-list-wrap .board-lists li .date span {
  display: block;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}

.news-section .board-area .tab-group-list-wrap .board-lists li > a {
  padding-left: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.news-section .board-area .img-box {
  width: 23.75rem;
}

@media screen and (max-width: 1495px) {
  .portfolio-section .inner-content {
    max-width: 90%;
  }
  .portfolio-section .sw-box .portfolio-slide.pc-mode {
    height: 26.25rem;
    max-height: 26.25rem;
  }
  .portfolio-section .sw-box .swiper-button-next,
  .portfolio-section .sw-box .swiper-button-prev {
    right: -3rem;
  }
}

/* page */
/* 트라이스톤 */
.sub-section .sub-img-cont {
  position: relative;
}

.sub-section .sub-img-cont > a {
  display: block;
  position: absolute;
  right: 15.6%;
  bottom: 0;
  width: 9.6875rem;
  height: 3.125rem;
  background: #122685;
  text-align: center;
}

.sub-section .sub-img-cont > a span {
  padding-right: 1.375rem;
  color: #fff;
  font-size: 0.875rem;
  line-height: 3.125rem;
  background: url("../../../imgs/front/cw/icon/icon_more_w.svg") no-repeat center right/0.75rem 0.625rem;
}

.material-section {
  margin-top: 4.125rem;
}

.material-section .inner-content {
  display: flex;
  justify-content: space-between;
  gap: 4.375rem;
}

.material-section .filter-area {
  display: block;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 1;
  background: #fff;
  opacity: 1;
  visibility: visible;
  transition: none;
  width: 9.625rem;
}

.material-section .filter-area .popup-layer {
  display: block;
  min-width: 100%;
  max-width: 100%;
  max-height: unset;
}

.material-section .filter-area .popup-head {
  margin-bottom: 1.875rem;
}

.material-section .filter-area .popup-head h3 {
  height: 3.25rem;
  padding-top: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.material-section .filter-area .close {
  display: none;
}

.material-section .filter-area .popup-content .applied-filters-list {
  display: none;
}

.material-section .filter-area .popup-content .filter-chkbox > li > button {
  position: relative;
  width: 100%;
  margin-bottom: 0.9375rem;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 700;
  text-align: left;
}

.material-section .filter-area .popup-content .filter-chkbox > li > button::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 0.75rem;
  height: 0.4375rem;
  background: url("../../../imgs/front/cw/icon/icon_filter_toggle.svg") no-repeat center/0.75rem 0.4375rem;
  transform: translateY(-50%);
  transition: 0.3s;
}

.material-section .filter-area .popup-content .filter-chkbox > li + li {
  margin-top: 0.625rem;
}

.material-section .filter-area .popup-content .filter-chkbox > li > ul {
  display: none;
  padding: 0.5rem 0 1.25rem;
}

.material-section .filter-area .popup-content .filter-chkbox > li > ul > li + li {
  margin-top: 1rem;
}

.material-section .filter-area .popup-content .filter-chkbox > li.active > button::after {
  transform: translateY(-50%) rotate(-180deg);
}

.material-section .filter-area .popup-content .filter-chkbox > li.active > ul {
  display: block;
}

.material-section .filter-area .popup-btn-area {
  display: none;
}

.material-section .inquiry-link-btn {
  display: block;
  margin-top: 2.5rem;
  padding: 0.84375rem 0.625rem;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  font-weight: 700;
  background: url("../../../imgs/front/cw/icon/icon_tel.svg") no-repeat right center/1.125rem;
}

.material-section .applied-filters-list .flex {
  display: flex;
  gap: 0.875rem;
  margin-bottom: 1.875rem;
}

.material-section .applied-filters-list .reset .btn {
  width: 4.875rem;
  height: 2rem;
  border: 1px solid #191919;
  text-align: center;
}

.material-section .applied-filters-list .reset .btn span {
  padding-right: 1.125rem;
  font-size: 0.875rem;
  background: url("../../../imgs/front/cw/icon/icon_refresh.svg") no-repeat right center/0.875rem;
}

.material-section .applied-filters-list .labels-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  position: relative;
  padding-left: 0.875rem;
}

.material-section .applied-filters-list .labels-list::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.375rem;
  width: 1px;
  height: 1.25rem;
  background: #d9d9d9;
}

.material-section .applied-filters-list .labels-list button {
  padding: 0.3125rem 0.75rem;
  background: #F3F6FC;
}

.material-section .applied-filters-list .labels-list button span {
  padding-right: 1rem;
  font-size: 0.875rem;
  background: url("../../../imgs/front/cw/icon/icon_remove_8.svg") no-repeat right center/0.5rem;
  line-height: 1.375rem;
}

.material-section .material-area {
  width: calc(100% - 14rem);
}

.material-section .material-area .results-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.875rem;
}

.material-section .material-area .results-bar p {
  font-size: 0.9375rem;
  line-height: 1.4375rem;
}

.material-section .material-area .results-bar p span {
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  font-weight: 700;
}

.material-section .material-area .results-bar .input {
  width: 15.125rem;
}

.material-section .material-area .item-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem 1.5rem;
}

.material-section .material-area .item-list li {
  width: calc(25% - 1.125rem);
}

.material-section .material-area .item-list li .img-box {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  aspect-ratio: 1/1;
  background: #F6F6F6;
}

.material-section .material-area .item-list li .img-box::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  border: 0.125rem solid #122685;
  opacity: 0;
  transition: 0.3s;
}

.material-section .material-area .item-list li .img-box > span {
  display: block;
  width: 48.4%;
  aspect-ratio: 1/1;
  box-shadow: 0.125rem 0.625rem 1.5rem rgba(25, 25, 25, 0.16);
  font-size: 0;
}

.material-section .material-area .item-list li .img-box > span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.material-section .material-area .item-list li .img-box .btn {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 3rem;
  height: 2.875rem;
  background: #122685 url("../../../imgs/front/cw/icon/icon_plus_w.svg") no-repeat center/1.125rem;
  opacity: 0;
  transition: opacity 0.3s;
}

.material-section .material-area .item-list li .img-box:hover::after {
  opacity: 1;
}

.material-section .material-area .item-list li .img-box:hover .btn {
  opacity: 1;
}

.material-section .material-area .item-list li .txt-box {
  padding-top: 1rem;
}

.material-section .material-area .item-list li .txt-box span {
  display: block;
  margin-bottom: 0.125rem;
  color: #939393;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}

.material-section .material-area .item-list li .txt-box p {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  white-space: initial !important;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 700;
}

/* 팝업 */
.material-popup .popup-layer {
  max-width: 54.625rem;
  min-width: 54.625rem;
  max-height: calc(100% - 5.625rem);
}

.material-popup .popup-content {
  flex: 1 1 0%;
  overflow: auto;
  overflow-x: hidden;
  padding: 0.75rem 1.125rem;
  padding: 2.5rem 2.5rem 1.25rem;
}

.material-popup .popup-content .origin-tit {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}

.material-popup .popup-content .detail-img-original-box {
  position: relative;
  margin-bottom: 1.25rem;
  aspect-ratio: 794/162;
}

.material-popup .popup-content .detail-img-original-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.material-popup .popup-content .detail-img-original-box .expand-origin {
  display: block;
  position: absolute;
  right: 0.625rem;
  bottom: 0.625rem;
  width: 2.25rem;
  height: 2.25rem;
  background: rgba(25, 25, 25, 0.5) url("../../../imgs/front/cw/icon/icon_detail_zoom.svg") no-repeat center/2.25rem;
  font-size: 0;
}

.material-popup .popup-content .detail-img-box {
  position: relative;
  aspect-ratio: 794/396;
}

.material-popup .popup-content .detail-img-box.ty2 {
  aspect-ratio: 794/320;
}

.material-popup .popup-content .detail-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  user-select: none;
  pointer-events: none;
}

.material-popup .popup-content .detail-img-box .zoom-lens {
  display: none;
  position: absolute;
  overflow: hidden;
  border: 0.375rem solid #c2bfb9;
  width: 10rem;
  /* 확대창 크기 */
  height: 10rem;
  background-repeat: no-repeat;
  background-size: 150%;
  /* 확대 비율 (2배) */
  box-shadow: 0 0.625rem 1.875rem 0.1875rem rgba(25, 25, 25, 0.08);
  pointer-events: none;
}

.material-popup .popup-content .detail-img-box .expand {
  display: none;
}

.material-popup .popup-content .txt-box {
  display: flex;
  margin-top: 1.25rem;
}

.material-popup .popup-content .txt-box .title-box {
  width: 50%;
  padding-right: 1.25rem;
}

.material-popup .popup-content .txt-box .title-box span {
  color: #939393;
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.material-popup .popup-content .txt-box .title-box p {
  margin-top: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.material-popup .popup-content .txt-box .info-box {
  width: 50%;
  margin-top: 1.625rem;
}

.material-popup .popup-content .txt-box .info-box > p {
  margin-top: 1rem;
  color: #939393;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  word-break: break-all;
}

.material-popup .popup-content .txt-box .info {
  border-bottom: 1px solid #d9d9d9;
}

.material-popup .popup-content .txt-box .info > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
  border-top: 1px solid #d9d9d9;
}

.material-popup .popup-content .txt-box .info > div dt {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 700;
}

.material-popup .popup-content .txt-box .info > div dd {
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.material-popup .popup-content .sw-box {
  margin-top: 3.5rem;
}

.material-popup .popup-content .sw-box .pdt-list-slide .swiper-wrapper .swiper-slide .img-box {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F6F6F6;
  aspect-ratio: 1/1;
}

.material-popup .popup-content .sw-box .pdt-list-slide .swiper-wrapper .swiper-slide .img-box span {
  width: 48.63%;
  box-shadow: 0.125rem 0.5625rem 1.34375rem rgba(25, 25, 25, 0.16);
}

.material-popup .popup-content .sw-box .pdt-list-slide .swiper-wrapper .swiper-slide .img-box span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
}

.material-popup .popup-content .sw-box .pdt-list-slide .swiper-wrapper .swiper-slide p {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  white-space: initial !important;
  margin-top: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.material-popup .popup-content .sw-box .pdt-list-slide .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 1.875rem;
  line-height: 0;
}

.material-popup .popup-content .sw-box .pdt-list-slide .swiper-pagination .swiper-pagination-bullet {
  width: 0.375rem;
  height: 0.375rem;
  margin: 0 0.25rem;
  background: #D9D9D9;
  border-radius: 0;
  opacity: 1;
}

.material-popup .popup-content .sw-box .pdt-list-slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #191919;
}

.expand-origin-popup {
  background: rgba(25, 25, 25, 0.8);
}

.expand-origin-popup .popup-layer {
  overflow: visible;
  position: relative;
  min-width: 100%;
  max-width: 100%;
  padding: 0 5rem;
  background: 0;
}

.expand-origin-popup .popup-layer .close {
  position: absolute;
  top: -3.5rem;
  right: 5rem;
  width: 2.25rem;
  height: 2.25rem;
  background: url("../../../imgs/front/cw/icon/icon_wt_close.svg") no-repeat center/2.25rem;
}

.expand-origin-popup .popup-layer .close span {
  font-size: 0;
}

.expand-origin-popup .popup-layer .popup-content .img-box {
  aspect-ratio: 1760/359;
}

.expand-origin-popup .popup-layer .popup-content .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.no-data {
  padding: 6.25rem 0;
}

.no-data p {
  color: #939393;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
}

/* 공지사항 */
.nn-search-section {
  max-width: 82.5rem;
  margin: 0 auto;
}

.search-area {
  display: flex;
  align-items: center;
  justify-content: center;
  max-wdith: 82.5rem;
  width: 100%;
  margin: 3.75rem 0;
  padding: 1.875rem 0;
  gap: 0.75rem;
  background: #F6F6F6;
}

.search-area .calendar {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.search-area .calendar .input {
  width: 10.0625rem;
}

.search-area .calendar > span {
  color: #5A5757;
  font-size: 0.875rem;
}

.nn-list-section .tit-box {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 3.75rem 0 2.5rem;
}

.nn-list-section .tit-box h3 {
  font-size: 2.25rem;
  line-height: 3.125rem;
  font-weight: 700;
}

.nn-list-section .board-lists {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem 1.5rem;
}

.nn-list-section .board-lists > li {
  width: calc(25% - 1.125rem);
}

.nn-list-section .board-lists > li .img-box {
  aspect-ratio: 312/200;
}

.nn-list-section .board-lists > li .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nn-list-section .board-lists > li .txt-box {
  margin-top: 1.25rem;
}

.nn-list-section .board-lists > li .txt-box p {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  white-space: initial !important;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.nn-list-section .board-lists > li .txt-box span {
  display: block;
  margin-top: 0.5rem;
  color: #939393;
  font-size: 0.875rem;
  line-height: 1.375rem;
}

/* 공지사항 상세 */
.nn-detail-section {
  margin-top: 3.75rem;
}

.nn-detail-section .title-box {
  padding: 2.5rem 0;
  border-top: 0.125rem solid #191919;
  border-bottom: 1px solid #d9d9d9;
}

.nn-detail-section .title-box h3 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  white-space: initial !important;
  font-size: 2.25rem;
  line-height: 3.125rem;
  font-weight: 700;
}

.nn-detail-section .title-box span {
  display: block;
  margin-top: 1rem;
  color: #939393;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
}

.nn-detail-section .detail-content-area {
  padding: 2.5rem 0 3.75rem;
  border-bottom: 1px solid #d9d9d9;
}

.nn-detail-section .detail-content-area pre {
  font-family: "Pretendard", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  white-space: normal;
  word-break: break-all;
}

.nn-detail-section .detail-content-area .outlink {
  display: block;
  width: 7.25rem;
  height: 2.9375rem;
  margin: 3.75rem auto 0;
  border: 1px solid #191919;
  font-size: 0.9375rem;
  line-height: 2.9375rem;
  text-align: center;
}

.nn-detail-section .post-nav-area {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-top: 1.25rem;
}

.nn-detail-section .post-nav-area a {
  padding-left: 1.875rem;
  background: url("../../../imgs/front/cw/icon/icon_post_prev.svg") no-repeat left center/1.5rem;
  font-size: 0.9375rem;
}

.nn-detail-section .post-nav-area a.disabled {
  color: #939393;
}

.nn-detail-section .post-nav-area a.prev {
  margin-left: auto;
}

.nn-detail-section .post-nav-area a.next {
  padding: 0 1.875rem 0 0;
  background: url("../../../imgs/front/cw/icon/icon_post_next.svg") no-repeat right center/1.5rem;
}

.nn-detail-section .post-nav-area a.next::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 0.75rem;
  margin: 0 0.375rem 0 0;
  background: #d9d9d9;
  vertical-align: -1px;
}

.nn-detail-section .file-area {
  margin-top: 3.75rem;
}

.nn-detail-section .file-area > div {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  padding: 1.875rem;
  background: #F6F6F6;
}

.nn-detail-section .file-area > div em {
  width: 4.6%;
  color: #122685;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.nn-detail-section .file-area > div span {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  white-space: initial !important;
  width: 86%;
  font-size: 1rem;
  line-height: 1.5rem;
  word-break: break-all;
}

.nn-detail-section .file-area > div a {
  width: 9.4%;
  padding-right: 1.5rem;
  color: #939393;
  font-size: 1rem;
  background: url("../../../imgs/front/cw/icon/icon_download_gr.svg") no-repeat right center/1.375rem;
  text-align: right;
}

.nn-detail-section .new-post-area {
  margin-top: 6.25rem;
}

.nn-detail-section .new-post-area h4 {
  margin-bottom: 1.875rem;
  font-size: 2rem;
  line-height: 2.875rem;
}

.nn-detail-section .new-post-area .swiper-slide .img-box {
  aspect-ratio: 312/200;
}

.nn-detail-section .new-post-area .swiper-slide .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nn-detail-section .new-post-area .swiper-slide .txt-box {
  margin-top: 1.25rem;
}

.nn-detail-section .new-post-area .swiper-slide .txt-box p {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  white-space: initial !important;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.nn-detail-section .new-post-area .swiper-slide .txt-box span {
  margin-top: 0.5rem;
  color: #939393;
  font-size: 0.875rem;
  line-height: 1.375rem;
}

/* 문의하기 */
.cu-sub-section .title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5rem 0 1.5rem;
}

.cu-sub-section .title-box h3 {
  font-size: 2rem;
  line-height: 2.875rem;
  font-weight: 700;
}

.cu-sub-section .title-box span {
  color: #5A5757;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
}

.cu-sub-section .input-area {
  border-top: 1px solid #191919;
}

.cu-sub-section .input-area .inp-cont {
  padding: 1.5rem 0;
  display: flex;
  border-bottom: 1px solid #eaeaea;
}

.cu-sub-section .input-area .inp-cont > div {
  width: 83%;
}

.cu-sub-section .input-area .inp-cont > div.inp-label {
  width: 17%;
}

.cu-sub-section .input-area .inp-cont > div.inp-label .label {
  font-size: 1.125rem;
  line-height: 3.5rem;
  font-weight: 700;
}

.cu-sub-section .input-area .inp-cont > div.inp-label .label.req::after {
  content: "*";
  display: inline-block;
  color: #122685;
  margin-left: 0.1875rem;
}

.cu-sub-section .input-area .inp-cont > div .t-inp {
  max-width: 26.5rem;
}

.cu-sub-section .input-area .inp-cont > div .t-text {
  margin-top: 0.75rem;
  color: #FF0000;
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.cu-sub-section .input-area .inp-cont > div .t-text.chk-ty {
  margin-top: -0.5rem;
}

.cu-sub-section .input-area .inp-cont > div.txt-box .bg {
  height: 28.125rem;
  padding: 1.875rem;
  background: #F6F6F6;
}

.cu-sub-section .input-area .inp-cont > div.txt-box .bg pre {
  padding-right: 3.125rem;
  font-family: "Pretendard",sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  height: 100%;
  overflow: auto;
  word-break: break-all;
  white-space: pre-line;
  /* 스크롤바의 폭 너비 */
}

.cu-sub-section .input-area .inp-cont > div.txt-box .bg pre::-webkit-scrollbar {
  width: 1px;
}

.cu-sub-section .input-area .inp-cont > div.txt-box .bg pre::-webkit-scrollbar-thumb {
  background: #191919;
  /* 스크롤바 색상 */
  border-radius: 0;
  /* 스크롤바 둥근 테두리 */
}

.cu-sub-section .input-area .inp-cont > div.txt-box .bg pre::-webkit-scrollbar-track {
  background: #D9D9D9;
  /*스크롤바 뒷 배경 색상*/
}

.cu-sub-section .input-area .inp-cont > div.txt-box .chkbox {
  width: 100%;
  margin-top: 1.5rem;
  text-align: right;
}

.cu-sub-section .input-area .inp-cont > div.radio-box > .flex {
  flex-wrap: wrap;
  line-height: 3.5rem;
}

.cu-sub-section .input-area .inp-cont > div.radio-box > .flex > .flex {
  flex-wrap: wrap;
}

.cu-sub-section .input-area .inp-cont > div.radio-box .chkbox {
  margin-right: 1.5rem;
}

.cu-sub-section .input-area .inp-cont > div.radio-box .t-inp {
  width: 17.5rem;
}

.cu-sub-section .input-area .inp-cont > div.radio-box .etc-inp {
  display: none;
}

.cu-sub-section .btn-area {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 4.375rem;
}

.cu-sub-section .btn-area a {
  width: 10.625rem;
  height: 3.5rem;
}

.cu-sub-section .btn-area a > span {
  line-height: 3.5rem;
}

.cu-sub-section .btn-area a.disabled {
  background: #D9D9D9;
}

.cu-sub-section .btn-area a.disabled span {
  color: #939393;
}

/* 연혁 */
.history-section .title-box {
  padding: 5rem 0;
}

.history-section .title-box strong {
  display: block;
  font-size: 2.25rem;
  line-height: 3.125rem;
  font-weight: 700;
}

.history-section .title-box p {
  margin-top: 0.75rem;
  font-size: 1rem;
  line-height: 1.625rem;
}

.history-section .history-area {
  display: flex;
  padding-bottom: 8.75rem;
}

.history-section .history-area .left-box {
  width: 37.4%;
}

.history-section .history-area .left-box > p {
  position: sticky;
  top: 10rem;
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.history-section .history-area .left-box .year-count {
  display: flex;
  position: sticky;
  top: 12.25rem;
}

.history-section .history-area .left-box .year-count .count-num {
  height: 6.25rem;
  overflow: hidden;
}

.history-section .history-area .left-box .year-count .count-num .count-num-item-box {
  height: 100%;
  will-change: transform;
  transition: transform 0.3s;
}

.history-section .history-area .left-box .year-count .count-num .count-num-item-box .count-num-item {
  display: block;
  color: #122685;
  font-size: 6.25rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

.history-section .history-area .right-box {
  width: 62.6%;
  padding-top: 3.5rem;
}

.history-section .history-area .right-box .sub-con {
  position: relative;
}

.history-section .history-area .right-box .sub-con .info-area .info-item-box {
  scroll-margin-top: 10rem;
}

.history-section .history-area .right-box .sub-con .info-area .info-item-box:last-child .info-item:last-child::before {
  display: none;
}

.history-section .history-area .right-box .sub-con .info-area .info-item {
  position: relative;
  display: flex;
  padding-bottom: 3.125rem;
}

.history-section .history-area .right-box .sub-con .info-area .info-item::before {
  content: '';
  display: block;
  position: absolute;
  top: 0.4375rem;
  left: 6.25rem;
  width: 1px;
  height: 100%;
  background: #EAEAEA;
}

.history-section .history-area .right-box .sub-con .info-area .info-item .history-year {
  position: relative;
}

.history-section .history-area .right-box .sub-con .info-area .info-item .history-year .s-year {
  display: block;
  width: 4rem;
  margin-right: 2.875rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
}

.history-section .history-area .right-box .sub-con .info-area .info-item .history-year::before {
  content: '';
  display: block;
  position: absolute;
  top: 0.375rem;
  right: 0.25rem;
  width: 0.75rem;
  height: 0.75rem;
  background: #D9D9D9;
}

.history-section .history-area .right-box .sub-con .info-area .info-item .history-box {
  padding-left: 2.875rem;
}

.history-section .history-area .right-box .sub-con .info-area .info-item .history-box .h-month-item {
  display: flex;
  position: relative;
}

.history-section .history-area .right-box .sub-con .info-area .info-item .history-box .h-month-item > strong {
  display: block;
  min-width: 2.625rem;
  margin-right: 0.5rem;
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: 700;
}

.history-section .history-area .right-box .sub-con .info-area .info-item .history-box .h-month-item .h-info-txt-box {
  font-size: 1rem;
  line-height: 1.625rem;
}

.history-section .history-area .right-box .sub-con .info-area .info-item .history-box .h-month-item + .h-month-item {
  margin-top: 1rem;
}

.history-section .history-area .right-box .sub-con .info-area .info-item.active .history-year::before {
  background: #122685;
}

.history-section .history-nav-area {
  position: relative;
  height: 4.375rem;
}

.history-section .history-nav-area.fixed .history-nav {
  position: fixed;
  left: 0;
  bottom: 0;
}

.history-section .history-nav-area .history-nav {
  z-index: 1;
  width: 100%;
  height: 4.375rem;
}

.history-section .history-nav-area .progressbar {
  position: relative;
  width: 100%;
  height: 0.25rem;
  background: #eaeaea;
}

.history-section .history-nav-area .progressbar span {
  position: absolute;
  height: 100%;
  background: #122685;
}

.history-section .history-nav-area ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.875rem;
  background: #F6F6F6;
}

.history-section .history-nav-area ul li {
  padding: 1.25rem 0;
}

.history-section .history-nav-area ul li a {
  color: #939393;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 700;
}

.history-section .history-nav-area ul li + li {
  display: flex;
  align-items: center;
  gap: 1.875rem;
}

.history-section .history-nav-area ul li + li::before {
  content: '';
  display: block;
  width: 1px;
  height: 0.875rem;
  background: #D9D9D9;
}

.history-section .history-nav-area ul li.active a {
  color: #122685;
}

/* 푸터 */
.sp-section {
  min-height: 31.875rem;
}

.sp-section .pre-like {
  padding-top: 3.75rem;
  border-top: 1px solid #d9d9d9;
  font-size: 1rem;
  line-height: 1.625rem;
}

.sp-section .pre-like > strong, .sp-section .pre-like h3 {
  display: block;
  font-size: 1.125rem;
  font-weight: 700;
}

/* 에러 */
.error-section .txt-box {
  padding: 16.625rem 0 7.875rem;
  text-align: center;
}

.error-section .txt-box > strong {
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.error-section .txt-box p {
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.625rem;
}

.error-section .txt-box .btn-box {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 2.5rem;
}

.error-section .txt-box .btn-box .btn {
  width: 9.75rem;
  height: 3.1875rem;
  line-height: 3.1875rem;
}

.error-section .txt-box .btn-box .btn span {
  font-size: 0.9375rem;
}

/* 글로벌네트워크 */
.global-section h4 {
  font-size: 2.25rem;
  line-height: 3.125rem;
  font-weight: 700;
  margin: 5rem 0 2.5rem;
}

.global-section .map-area {
  display: flex;
  justify-content: space-between;
}

.global-section .map-area .list-box {
  width: 22.72%;
  border-top: 0.125rem solid #191919;
}

.global-section .map-area .list-box > li .tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 700;
  padding: 1.5rem 0 0.75rem;
}

.global-section .map-area .list-box > li .tit::after {
  content: '';
  display: inline-block;
  width: 0.8125rem;
  height: 0.5rem;
  background: url("../../../imgs/front/cw/icon/icon_arrow_bk_12.svg") no-repeat center/0.8125rem 0.5rem;
}

.global-section .map-area .list-box > li .country-box {
  display: none;
  overflow: auto;
  max-height: 18.75rem;
  margin-top: 0.625rem;
  padding: 1rem 1.875rem;
  border: 1px solid #EAEAEA;
}

.global-section .map-area .list-box > li .country-box .search-input {
  padding-right: 0;
}

.global-section .map-area .list-box > li .country-box .search-input .circle-del {
  margin-left: auto;
}

.global-section .map-area .list-box > li .country-box .search-input input {
  width: calc(100% - 3.4375rem);
  padding: 0;
}

.global-section .map-area .list-box > li .country-list {
  overflow: auto;
  height: calc(100% - 3.75rem);
  margin-top: 0.125rem;
}

.global-section .map-area .list-box > li .country-list li {
  margin-top: 1rem;
}

.global-section .map-area .list-box > li .country-list li button {
  color: #939393;
  font-size: 1rem;
  line-height: 1.5rem;
}

.global-section .map-area .list-box > li .country-list li.active button {
  color: #191919;
}

.global-section .map-area .list-box > li.active .tit {
  color: #122685;
}

.global-section .map-area .list-box > li.active .tit::after {
  transform: rotate(-180deg);
}

.global-section .map-area .list-box > li.active .country-box {
  display: block;
}

.global-section .map-area .map-box {
  position: relative;
  width: 72.72%;
  height: 38.75rem;
}

.global-section #map {
  height: 100%;
}

.global-section .map-popup {
  display: none;
  position: absolute;
  right: 2.5rem;
  bottom: 2.5rem;
  z-index: 5;
  width: 22.5rem;
  background: #fff;
  box-shadow: 0 0.625rem 1.875rem 0.1875rem rgba(25, 25, 25, 0.08);
}

.global-section .map-popup .popup-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
}

.global-section .map-popup .popup-head strong {
  font-size: 1.125rem;
  font-weight: 700;
}

.global-section .map-popup .popup-head .close {
  width: 1.5rem;
  height: 1.5rem;
  background: url("../../../imgs/front/cw/icon/icon_bk_close.svg") no-repeat center/1.5rem;
  font-size: 0;
}

.global-section .map-popup .popup-content {
  overflow: auto;
  max-height: 16.5rem;
  height: calc(100% - 4.125rem);
  padding: 0 1.5rem;
}

.global-section .map-popup .popup-content .partner {
  padding: 1rem;
  background: #F6F6F6;
  text-align: center;
}

.global-section .map-popup .popup-content .partner p {
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.global-section .map-popup .popup-content .partner strong {
  display: block;
  font-weight: 700;
}

.global-section .map-popup .popup-content .tit {
  display: block;
  padding: 1.25rem 0 1rem;
  border-bottom: 1px solid #191919;
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  font-weight: 700;
}

.global-section .map-popup .popup-content .store-lists li {
  padding: 1rem 0;
  border-bottom: 1px solid #eee;
}

.global-section .map-popup .popup-content .store-lists li a {
  display: block;
  padding-right: 2.1875rem;
  background: url("../../../imgs/front/cw/icon/icon_map_btn.svg") no-repeat right center/1.875rem;
}

.global-section .map-popup .popup-content .store-lists li .name {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 700;
}

.global-section .map-popup .popup-content .store-lists li .address {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.global-section .map-popup .popup-content .store-lists li.active .name {
  color: #122685;
}

.global-section .map-popup.active {
  display: block;
}

.new-global-section .tit-box {
  margin: 5rem 0 2.5rem;
}

.new-global-section .tit-box h4 {
  font-size: 2.25rem;
  line-height: 3.125rem;
  font-weight: 700;
}

.new-global-section .map-area {
  padding: 3.625rem 0 2.5rem;
  background: #F3F6FC;
}

.new-global-section .map-area .map-cont {
  position: relative;
}

.new-global-section .map-area .img-box {
  position: relative;
  max-width: 76.6875rem;
  margin: 0 auto;
}

.new-global-section .map-area .img-box .arrow {
  position: absolute;
  left: 0;
  top: -3.6%;
  z-index: 2;
  opacity: 0;
  width: 100%;
  transform: scale(0.2) rotate(15deg);
  transform-origin: 82% 44%;
  transition: all 0.8s ease-in-out;
  pointer-events: none;
}

.new-global-section .map-area .circle-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.new-global-section .map-area .circle-box .circle {
  display: inline-block;
  position: absolute;
  top: 19.29%;
  right: 7.82%;
  opacity: 1;
  width: 9.25rem;
  height: 9.25rem;
  transition: all 0.8s ease-in-out;
}

.new-global-section .map-area .circle-box .circle span {
  border: 1px solid rgba(65, 157, 255, 0.8);
  border-radius: 50%;
  animation-fill-mode: both;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.new-global-section .map-area .circle-box .circle i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.375rem 0 0 -0.375rem;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #1F3FE0;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.8s ease-in-out;
}

.new-global-section .map-area .circle-box .circle i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.75rem 0 0 -0.75rem;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #419DFF;
  border-radius: 100%;
  opacity: 0.3;
  content: '';
}

.new-global-section .map-area .marker-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.new-global-section .map-area .marker {
  position: absolute;
}

.new-global-section .map-area .marker::before {
  content: '';
  display: block;
  width: 100%;
  height: 4.0625rem;
  background: url("../../../imgs/front/cw/global/marker_pc.svg") no-repeat top center/auto;
}

.new-global-section .map-area .marker span {
  display: inline-block;
  height: 2.125rem;
  padding: 0 0.625rem;
  color: #122685;
  border: 1px solid #d9d9d9;
  background: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 2.125rem;
}

.new-global-section .map-area .marker.am {
  top: 18.97%;
  left: 9.59%;
}

.new-global-section .map-area .marker.ma {
  top: 36.97%;
  left: 8.47%;
}

.new-global-section .map-area .marker.cl {
  top: 69.13%;
  left: 18.50%;
}

.new-global-section .map-area .marker.sp {
  top: 25.24%;
  left: 39.52%;
}

.new-global-section .map-area .marker.li {
  top: 35.04%;
  left: 44.74%;
}

.new-global-section .map-area .marker.po {
  top: 8.52%;
  left: 47.92%;
}

.new-global-section .map-area .marker.gr {
  top: 23.84%;
  left: 50.44%;
}

.new-global-section .map-area .marker.du {
  top: 33.11%;
  left: 59.65%;
}

.new-global-section .map-area .marker.in {
  top: 40.83%;
  left: 69.6%;
}

.new-global-section .map-area .marker.ru {
  top: 5.62%;
  left: 73.83%;
}

.new-global-section .map-area .marker.si {
  top: 56.10%;
  left: 76.28%;
}

.new-global-section .map-area .marker.ta {
  top: 35.04%;
  left: 85.98%;
}

.new-global-section .map-area .marker.ne {
  top: 79.58%;
  left: 95.19%;
}

.new-global-section .map-area.motion .arrow {
  opacity: 1;
  transform: scale(1) rotate(0);
  transition-delay: 0.5s;
}

.new-global-section .map-area.motion .circle-box .circle {
  opacity: 1;
  transition-delay: 0.5s;
}

.new-global-section .map-area.motion .circle-box .circle span {
  animation: mapcircle 4s cubic-bezier(0.5, 0.5, 0.66, 1) infinite;
  animation-delay: 0.5s;
}

.new-global-section .map-area.motion .circle-box .circle span:nth-child(2) {
  animation-delay: 1.5s;
}

.new-global-section .map-area.motion .circle-box .circle span:nth-child(3) {
  animation-delay: 2.5s;
}

.new-global-section .map-area.motion .circle-box .circle i {
  opacity: 1;
  transition-delay: 0.5s;
}

.new-global-section .map-area .g-label {
  display: none;
}

.new-global-section .tab-list-wrap {
  margin: 5rem 0 3rem;
}

.new-global-section .g-section + .g-section {
  margin-top: 5rem;
}

.new-global-section .g-section h5 {
  margin-bottom: 2.5rem;
  font-size: 2rem;
  line-height: 2.875rem;
  font-weight: 700;
}

.new-global-section .g-section .g-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.new-global-section .g-section .g-list li {
  width: calc(33.3% - 1.5rem);
}

.new-global-section .g-section .g-list li .item {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  padding: 1rem;
  border: 1px solid #eaeaea;
}

.new-global-section .g-section .g-list li .item .thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.375rem;
  height: 5.375rem;
  padding: 0 1.0625rem;
  border-radius: 50%;
  background: #F6F6F6;
}

.new-global-section .g-section .g-list li .item .thumb img {
  width: 100%;
}

.new-global-section .g-section .g-list li .item span {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  white-space: initial !important;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 700;
}

.new-global-section .g-section .btn-area {
  margin: 1.5rem auto 0;
  text-align: center;
}

.new-global-section .g-section .btn-area .more {
  padding-right: 1.1875rem;
  background: url("../../../imgs/front/cw/icon/icon_g_more.svg") no-repeat right center/0.8125rem 0.5rem;
  color: #939393;
  font-size: 1rem;
  line-height: 1.5rem;
}

.new-global-section .g-section .btn-area + .info-area {
  margin-top: 3rem;
}

.new-global-section .g-section .info-area {
  margin-top: 2.5rem;
  border-top: 0.125rem solid #191919;
}

.new-global-section .g-section .info-box .t-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5625rem 1.875rem;
  border-bottom: 1px solid #D9D9D9;
  cursor: pointer;
}

.new-global-section .g-section .info-box .t-top::after {
  content: '';
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  background: url("../../../imgs/front/cw/icon/icon_g_toggle.svg") no-repeat center/2.25rem;
  transition: 0.3s;
}

.new-global-section .g-section .info-box .t-top span {
  flex: 1;
  padding-right: 1.875rem;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 700;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  white-space: initial !important;
}

.new-global-section .g-section .info-box .cont {
  display: none;
  padding: 1.875rem 3rem 1.875rem 1.875rem;
  border-bottom: 1px solid #D9D9D9;
  background: #F6F6F6;
}

.new-global-section .g-section .info-box .cont div {
  overflow-y: auto;
  max-height: 6.5rem;
  padding-right: 2.9375rem;
  color: #5A5757;
}

.new-global-section .g-section .info-box .cont div::-webkit-scrollbar {
  width: 0.125rem;
}

.new-global-section .g-section .info-box .cont div::-webkit-scrollbar-track {
  background-color: #D9D9D9;
}

.new-global-section .g-section .info-box .cont div::-webkit-scrollbar-thumb {
  background-color: #191919;
}

.new-global-section .g-section .info-box .cont div p {
  font-size: 1rem;
  line-height: 1.625rem;
}

.new-global-section .g-section .info-box .cont div p + dl {
  margin-top: 0.5rem;
}

.new-global-section .g-section .info-box .cont div dl {
  font-size: 1rem;
  line-height: 1.5rem;
}

.new-global-section .g-section .info-box .cont div dl + dl {
  margin-top: 0.5rem;
}

.new-global-section .g-section .info-box .cont div dl dt {
  font-weight: 700;
}

.new-global-section .g-section .info-box.active .t-top::after {
  transform: rotate(-180deg);
}

.new-global-section .g-section .info-box.active .cont {
  display: block;
}

@keyframes mapcircle {
  0% {
    transform: scale(0);
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

/* 메인 팝업 */
.main-popup {
  display: none;
  position: fixed;
  right: 2.5rem;
  bottom: 2.5rem;
  z-index: 10;
}

.main-popup.active {
  display: block;
}

.main-popup.loop .swiper-pagination {
  display: flex;
}

.main-popup .swiper-container {
  position: relative;
  width: 25rem;
  height: 17.5rem;
}

.main-popup .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-popup .swiper-pagination {
  display: none;
  align-items: center;
  gap: 0.25rem;
  left: auto;
  top: auto;
  right: 1.25rem;
  bottom: 1.25rem;
  width: auto;
  height: 1.375rem;
  padding: 0 0.625rem;
  background: rgba(25, 25, 25, 0.6);
  border-radius: 0.6875rem;
}

.main-popup .swiper-pagination span {
  color: #fff;
  opacity: 0.5;
  font-size: 0.75rem;
  line-height: 1.375rem;
}

.main-popup .swiper-pagination span.swiper-pagination-current {
  opacity: 1;
}

.main-popup .swiper-pagination .bar {
  display: block;
  width: 1px;
  height: 0.5rem;
  background: rgba(255, 255, 255, 0.5);
}

.main-popup .btn-box {
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding: 0 1.25rem;
}

.main-popup .btn-box button {
  font-size: 0.875rem;
  line-height: 3.375rem;
}

.main-popup .btn-box .day-del {
  color: #5A5757;
}

/* main */
.main-visual-section {
  position: relative;
  overflow: hidden;
  padding: 0;
}

.main-visual-section .swiper-slide {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  height: 100%;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.main-visual-section .txt-box {
  padding: 5.875rem 0 3.25rem;
  opacity: 0;
  transition: opacity 750ms ease;
}

.main-visual-section .txt-box .inner-content {
  display: flex;
  flex-direction: column;
  min-height: 11.5rem;
}

.main-visual-section .txt-box h2 {
  margin-top: auto;
  width: 45rem;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  white-space: initial !important;
  margin-bottom: 1.5rem;
  transform: translateY(2.5rem);
  opacity: 0;
  transition: 1s 0.2s;
}

.main-visual-section .txt-box p {
  width: 45rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  white-space: initial !important;
  transform: translateY(2.5rem);
  opacity: 0;
  transition: 1s 0.4s;
}

.main-visual-section .swiper-slide-active .txt-box {
  opacity: 1;
  z-index: 2;
}

.main-visual-section .swiper-slide-active .txt-box h2 {
  transform: translateY(0px);
  opacity: 1;
}

.main-visual-section .swiper-slide-active .txt-box p {
  transform: translateY(0px);
  opacity: 1;
}

.main-visual-section .img-box {
  display: block;
  width: 100%;
  height: 41.875rem;
  overflow: hidden;
  position: relative;
}

.main-visual-section .img-box:hover .play {
  opacity: 0.5;
}

.main-visual-section .img-box:hover .play:hover {
  opacity: 1;
}

.main-visual-section .img-box img, .main-visual-section .img-box video {
  width: 100%;
  height: 100%;
  aspect-ratio: 1920 / 670;
  object-fit: cover;
}

.main-visual-section .img-box .play {
  display: none;
}

.main-visual-section .control {
  position: absolute;
  display: flex;
  align-items: center;
  bottom: 45.125rem;
  box-sizing: border-box;
  z-index: 1;
  gap: 1rem;
  width: 82.5rem;
  left: 50%;
  transform: translateX(-50%);
  justify-content: flex-end;
}

.main-visual-section .progress-box {
  position: relative;
  width: 13.6875rem;
  height: 1.375rem;
  z-index: 1;
}

.main-visual-section .autoplay-progress {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 10rem;
  height: 0.125rem;
  background-color: #D9D9D9;
}

.main-visual-section .autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  stroke-width: 0.125rem;
  stroke: #122685;
  fill: none;
  stroke-dashoffset: calc(100 * (1 - var(--progress)));
  stroke-dasharray: 100;
}

.main-visual-section .autoplay-progress span {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0.125rem;
  background: #122685;
}

.main-visual-section .swiper-pagination {
  display: flex;
  justify-content: space-between;
  position: static;
  text-align: left;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.main-visual-section .swiper-pagination .current {
  color: #122685;
}

.main-visual-section .arrow-box {
  position: relative;
  width: 2.5rem;
  height: 0.75rem;
}

.main-visual-section .arrow-box .swiper-button-next, .main-visual-section .arrow-box .swiper-button-prev {
  width: 0.875rem;
  height: 0.75rem;
  top: 0;
  left: 0;
  margin-top: 0;
  background: url("../../../imgs/front/cw/icon/icon_main_prev.svg") no-repeat center/100%;
}

.main-visual-section .arrow-box .swiper-button-next::after, .main-visual-section .arrow-box .swiper-button-prev::after {
  font-size: 0;
}

.main-visual-section .arrow-box .swiper-button-next {
  background-image: url("../../../imgs/front/cw/icon/icon_main_next.svg");
  left: auto;
  right: 0;
}

.corp-infomation-section {
  padding: 0;
}

.corp-infomation-section.active .menu-button {
  right: -14.375rem;
  opacity: 0;
}

.corp-infomation-section.active .menu-lists {
  opacity: 1;
  visibility: 1;
  transform: translateX(0);
}

.corp-infomation-section .menu-button {
  position: fixed;
  right: 0;
  top: 8.125rem;
  height: 14.375rem;
  padding: 2.75rem 1.25rem 2.875rem;
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  transform: scaleY(-1) scaleX(-1);
  background: #122685;
  color: #fff;
  text-align: center;
  z-index: 2;
  cursor: pointer;
  transition: 0.5s;
  writing-mode: vertical-rl;
}

.corp-infomation-section .menu-lists {
  width: 22.5rem;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background: #122685;
  z-index: 10;
  padding: 8.875rem 1.875rem;
  transform: translateX(100%);
  transition: 0.5s;
  transition-delay: 0.3s;
  opacity: 0;
  visibility: 0;
}

.corp-infomation-section .menu-lists .close {
  position: absolute;
  width: 2.25rem;
  height: 2.25rem;
  right: 1.625rem;
  top: 1.625rem;
  background: url("../../../imgs/front/cw/icon/icon_wt_close.svg") no-repeat center/cover;
}

.corp-infomation-section .menu-lists li {
  padding-bottom: 1.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.corp-infomation-section .menu-lists li + li {
  margin-top: 1.75rem;
}

.corp-infomation-section .menu-lists li a {
  display: block;
  padding-right: 3.75rem;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  white-space: initial !important;
  background: url("../../../imgs/front/cw/icon/icon_download.svg") no-repeat right center/1.75rem;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #fff;
}

.global-network-section {
  position: relative;
  padding: 7.5rem 0;
}

.global-network-section .bg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: -1;
}

.global-network-section .bg .bg-inner {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.global-network-section .bg .bg-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.global-network-section .txt-box {
  max-width: 34.9375rem;
  color: #fff;
}

.global-network-section .txt-box .title-box > span {
  color: #B4B4B4;
}

.global-network-section .txt-box .title-box h2 {
  margin: 0 0 2rem;
}

.global-network-section .txt-box p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}

.global-network-section .txt-box p br {
  display: none;
}

.global-network-section .txt-box .btn {
  margin: 3.75rem 0 9.375rem;
  border: 1px solid #fff;
}

.global-network-section .count-swiper {
  overflow: hidden;
}

.global-network-section .count-swiper .swiper-slide {
  width: calc(33.33% - 1rem);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(0.625rem);
  padding: 1.375rem 1.875rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  transition: 0.3s background;
  opacity: 0;
  transform: translateX(6.25rem);
}

.global-network-section .count-swiper .swiper-slide:hover {
  background: #122685;
}

.global-network-section .count-swiper .swiper-slide + .swiper-slide {
  margin-left: 1.5rem;
}

.global-network-section .count-swiper .swiper-slide h6 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.global-network-section .count-swiper .swiper-slide p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  vertical-align: text-bottom;
  color: #F6F6F6;
}

.global-network-section .count-swiper .swiper-slide p span {
  font-weight: 700;
  font-size: 3rem;
  line-height: 4rem;
  letter-spacing: -0.4px;
  margin-right: 0.25rem;
  color: #fff;
}

/* main */
/* 서브 공통 */
.sub-section {
  padding-top: 0;
}

.sub-section .sub-text-cont {
  padding: 5rem 0 3.125rem;
}

.sub-section .sub-text-cont > .inner-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.sub-section .sub-text-cont .txt-box {
  max-width: 45rem;
}

.sub-section .sub-text-cont .txt-box h6 {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #122685;
}

.sub-section .sub-text-cont .txt-box h3 {
  font-weight: 700;
  font-size: 3rem;
  line-height: 3.875rem;
  margin: 0.75rem 0 1rem;
}

.sub-section .sub-text-cont .txt-box p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
}

.sub-section .sub-img-cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1920/500;
}

.breadcrumb {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.breadcrumb span {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #5A5757;
}

.breadcrumb span a {
  display: block;
}

.breadcrumb span.home {
  text-indent: -9999em;
  width: 0.9375rem;
  height: 1.375rem;
  background: url("../../../imgs/front/cw/icon/icon_home.svg") no-repeat center/0.9375rem;
}

.breadcrumb span + span {
  position: relative;
}

.breadcrumb span + span::before {
  display: block;
  content: '';
  position: absolute;
  left: -1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 0.75rem;
  background: #D9D9D9;
}

/* 서브 공통 */
/* ESG - 환경*/
.esg-iso-section {
  margin-top: 6.25rem;
}

.esg-iso-section ~ section {
  margin-top: 6.25rem;
}

.esg-iso-section .txt-box span {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #5A5757;
}

.esg-iso-section .txt-box h3 {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 3.125rem;
  margin: 0.5rem 0 0.75rem;
}

.esg-iso-section .txt-box p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
}

.esg-iso-section .iso-box {
  display: flex;
  gap: 4.375rem;
  justify-content: space-between;
  margin-top: 2.5rem;
}

.esg-iso-section .iso-box .img-box {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F6F6F6;
  width: 49.09%;
  padding: 3.125rem;
}

.esg-iso-section .iso-box .img-box img {
  width: 14.8125rem;
  aspect-ratio: 237/320;
  object-fit: contain;
  box-shadow: 0px 0.625rem 1.875rem 0.1875rem rgba(25, 25, 25, 0.08);
}

.esg-iso-section .iso-box .cont-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.esg-iso-section .iso-box .cont-box h6 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.875rem;
  position: relative;
  padding-bottom: 1.5rem;
}

.esg-iso-section .iso-box .cont-box h6::before {
  display: block;
  content: '';
  width: 3rem;
  height: 0.125rem;
  position: absolute;
  left: 0;
  bottom: -0.125rem;
  background: #122685;
}

.esg-iso-section .iso-box .cont-box .box {
  border-top: 1px solid #D9D9D9;
}

.esg-iso-section .iso-box .cont-box dl {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 1px solid #D9D9D9;
  font-size: 1.125rem;
  line-height: 1.625rem;
  padding: 1.25rem 0;
}

.esg-iso-section .iso-box .cont-box dl dt {
  font-weight: 700;
}

.esg-iso-section .iso-box .cont-box dl dd {
  font-weight: 400;
  text-align: right;
}

.esg-act-section h3 {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 3.125rem;
  padding-bottom: 2.6875rem;
  border-bottom: 0.125rem solid #191919;
}

.esg-act-section .toggle-wrap .btn.toggle {
  display: block;
  position: relative;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.625rem;
  padding: 1.875rem;
  padding-right: 6rem;
  text-align: left;
  cursor: pointer;
  border-bottom: 1px solid #D9D9D9;
}

.esg-act-section .toggle-wrap .btn.toggle span {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  white-space: initial !important;
  word-break: break-all;
}

.esg-act-section .toggle-wrap .btn.toggle::before {
  display: block;
  content: '';
  position: absolute;
  right: 1.875rem;
  top: 50%;
  margin-top: -1.125rem;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background: #F6F6F6 url("../../../imgs/front/cw/icon/icon_gray_drop_down.svg") no-repeat center/cover;
}

.esg-act-section .toggle-wrap .toggle-cont {
  display: none;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
  padding: 1.875rem;
  padding-right: 3rem;
  background: #F6F6F6;
}

.esg-act-section .toggle-wrap .toggle-cont p {
  padding-right: 3rem;
  max-height: 6.5rem;
  overflow-y: auto;
  /* 스크롤바의 폭 너비 */
}

.esg-act-section .toggle-wrap .toggle-cont p::-webkit-scrollbar {
  width: 1px;
}

.esg-act-section .toggle-wrap .toggle-cont p::-webkit-scrollbar-thumb {
  background: #191919;
  /* 스크롤바 색상 */
  border-radius: 0;
  /* 스크롤바 둥근 테두리 */
}

.esg-act-section .toggle-wrap .toggle-cont p::-webkit-scrollbar-track {
  background: #D9D9D9;
  /*스크롤바 뒷 배경 색상*/
}

.esg-act-section .toggle-wrap.active .btn.toggle::before {
  transform: rotate(-180deg);
}

.esg-act-section .toggle-wrap.active .toggle-cont {
  display: block;
}

.esg-ryc-section {
  margin-bottom: -8.75rem;
  background: #F3F6FC;
  padding: 6.25rem 0;
}

.esg-ryc-section .inner-content {
  display: flex;
}

.esg-ryc-section .inner-content > div {
  flex: 1;
  background: #fff;
}

.esg-ryc-section .inner-content > div + div {
  border-left: 1px solid #EAEAEA;
}

.esg-ryc-section .txt-box {
  display: flex;
  flex-direction: column;
  padding: 4.375rem;
}

.esg-ryc-section .txt-box h5 {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 3.125rem;
  margin-bottom: 1rem;
}

.esg-ryc-section .txt-box p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
}

.esg-ryc-section .txt-box .rate {
  margin-top: auto;
}

.esg-ryc-section .txt-box .rate h6 {
  padding-top: 4.625rem;
  background: url("../../../imgs/front/cw/icon/icon_graph.svg") no-repeat left top/3.125rem;
  display: flex;
  color: #122685;
}

.esg-ryc-section .txt-box .rate h6 span {
  font-weight: 700;
  font-size: 4.375rem;
  line-height: 4.375rem;
  letter-spacing: -1.18px;
}

.esg-ryc-section .txt-box .rate h6 em {
  font-weight: 700;
  font-size: 2.75rem;
  line-height: 2.75rem;
  margin-top: 0.3125rem;
}

.esg-ryc-section .txt-box .rate small {
  display: block;
  margin-top: 0.75rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}

.esg-ryc-section .cont-box {
  padding: 4.75rem 4.375rem 4rem;
}

.esg-ryc-section .cont-box .info {
  display: flex;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}

.esg-ryc-section .cont-box .info span {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  display: flex;
  align-items: center;
}

.esg-ryc-section .cont-box .info i {
  margin-right: 0.4375rem;
  width: 0.9375rem;
  height: 0.9375rem;
  display: block;
}

.esg-ryc-section .cont-box .info i.c-gray {
  background: #EAEAEA;
}

.esg-ryc-section .cont-box .info i.c-blue {
  background: #122685;
}

.esg-ryc-section .cont-box .info i.c-dgray {
  background: #C7C1BA;
}

.esg-ryc-section .graph-box ul {
  display: flex;
  gap: 0.625rem;
}

.esg-ryc-section .graph-box li {
  flex: 1;
  text-align: center;
}

.esg-ryc-section .graph-box li:last-child .graph {
  background: #122685;
}

.esg-ryc-section .graph-box div {
  height: 21.25rem;
  background: #EAEAEA;
  position: relative;
  overflow: hidden;
}

.esg-ryc-section .graph-box .graph {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #C7C1BA;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #fff;
  width: 100%;
  padding-top: 0.75rem;
  transform: translateY(0.75rem);
}

.esg-ryc-section .graph-box .graph i {
  font-style: normal;
  display: block;
}

.esg-ryc-section .graph-box p {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  color: #939393;
  margin-top: 0.625rem;
}

/* ESG - 환경*/
/* ESG - 사회*/
.esg-soc-section .tit-box h3 {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 3.125rem;
  margin-bottom: 0.75rem;
}

.esg-soc-section .tit-box p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
}

.esg-soc-section .soc-text-swiper {
  margin: 1.875rem 0 2.5rem;
  overflow: hidden;
  position: relative;
}

.esg-soc-section .soc-text-swiper::before {
  display: block;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 2.875rem;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  z-index: 2;
}

.esg-soc-section .soc-text-swiper .swiper-slide {
  width: auto;
  border: 1px solid #D9D9D9;
  max-width: 17.75rem;
  padding: 0.6875rem 1.375rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #5A5757;
  cursor: pointer;
}

.esg-soc-section .soc-text-swiper .swiper-slide.swiper-slide-thumb-active {
  background: #122685;
  border-color: #122685;
  color: #fff;
  font-weight: 700;
}

.esg-soc-section .soc-text-swiper .swiper-slide:last-child {
  margin-right: 2.875rem !important;
}

.esg-soc-section .soc-text-swiper .swiper-slide span {
  word-break: break-all;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  white-space: initial !important;
}

.esg-soc-section .soc-swiper-wrap {
  position: relative;
}

.esg-soc-section .soc-swiper-wrap .soc-swiper {
  overflow: hidden;
}

.esg-soc-section .soc-swiper-wrap .swiper-slide {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4.375rem;
}

.esg-soc-section .soc-swiper-wrap .swiper-button-next, .esg-soc-section .soc-swiper-wrap .swiper-button-prev {
  width: 3rem;
  height: 3rem;
  border: 1px solid #D9D9D9;
  background: url("../../../imgs/front/cw/icon/icon_sp_next.svg") no-repeat center;
}

.esg-soc-section .soc-swiper-wrap .swiper-button-next::after, .esg-soc-section .soc-swiper-wrap .swiper-button-prev::after {
  display: none;
}

.esg-soc-section .soc-swiper-wrap .swiper-button-next.swiper-button-disabled, .esg-soc-section .soc-swiper-wrap .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  background: url("../../../imgs/front/cw/icon/icon_sp_gray_next.svg") no-repeat center;
}

.esg-soc-section .soc-swiper-wrap .swiper-button-prev {
  left: -6.125rem;
  background-image: url("../../../imgs/front/cw/icon/icon_sp_prev.svg");
}

.esg-soc-section .soc-swiper-wrap .swiper-button-prev.swiper-button-disabled {
  background-image: url("../../../imgs/front/cw/icon/icon_sp_gray_prev.svg");
}

.esg-soc-section .soc-swiper-wrap .swiper-button-next {
  right: -6.125rem;
}

.esg-soc-section .soc-swiper-wrap .img-box {
  width: 49.09%;
}

.esg-soc-section .soc-swiper-wrap .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 648 / 420;
}

.esg-soc-section .soc-swiper-wrap .txt-box {
  flex: 1;
}

.esg-soc-section .soc-swiper-wrap .txt-box h6 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.875rem;
  word-break: break-all;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  white-space: initial !important;
  margin-bottom: 0.75rem;
}

.esg-soc-section .soc-swiper-wrap .txt-box p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
  word-break: break-all;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  white-space: initial !important;
}

/* ESG - 사회*/
/* ESG - 지배구조*/
.esg-pos-section .tit-box {
  margin-bottom: 2.5rem;
}

.esg-pos-section .tit-box h3 {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 3.125rem;
  margin-bottom: 0.75rem;
}

.esg-pos-section .tit-box p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
}

.esg-pos-section .img-box {
  height: 26.25rem;
}

.esg-pos-section .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1320 / 420;
}

.esg-dir-section {
  padding: 6.25rem 0 1.25rem;
  margin-bottom: -8.75rem;
  background: #F6F6F6;
}

.esg-dir-section .tit-box h3 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.875rem;
}

.esg-dir-section .cont-box {
  margin: 1.875rem 0 5rem;
}

.esg-dir-section .cont-box ul {
  display: flex;
  gap: 1.5rem;
}

.esg-dir-section .cont-box ul li {
  flex: 0 0 calc(33.33% - 1rem);
  background: #fff;
  padding: 1.875rem;
}

.esg-dir-section .cont-box ul h6 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #191919;
}

.esg-dir-section .cont-box ul h6 span {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  color: #5A5757;
}

.esg-dir-section .cont-box ul dl {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 1.25rem 0;
  border-bottom: 1px solid #D9D9D9;
  font-size: 1rem;
  line-height: 1.5rem;
}

.esg-dir-section .cont-box ul dl dt {
  font-weight: 700;
}

.esg-dir-section .cont-box ul dl:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

/* ESG - 지배구조*/
/* EM - 윤리경영*/
.em-ethic-section .cont-area {
  display: flex;
  gap: 8.5rem;
  margin-top: 5rem;
}

.em-ethic-section .cont-area + .cont-area {
  padding-top: 6.25rem;
  margin-top: 6.25rem;
  border-top: 1px solid #D9D9D9;
}

.em-ethic-section .cont-area .tit-box {
  width: 26.5rem;
  position: relative;
}

.em-ethic-section .cont-area .tit-box h3 {
  position: sticky;
  top: 10rem;
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 3.125rem;
  padding-bottom: 2.125rem;
}

.em-ethic-section .cont-area .tit-box h3::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 3rem;
  height: 0.125rem;
  background: #122685;
}

.em-ethic-section .cont-area .tit-box h3 strong {
  color: #122685;
}

.em-ethic-section .cont-area .txt-box {
  flex: 1;
}

.em-ethic-section .cont-area .txt-box p {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.875rem;
  margin: 0.375rem 0 3.75rem;
}

.em-ethic-section .cont-area .txt-box h6 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
  display: flex;
  margin-bottom: 1.25rem;
}

.em-ethic-section .cont-area .txt-box h6 span {
  margin-right: 0.5rem;
}

.em-ethic-section .cont-area .txt-box .box {
  padding: 1.25rem;
  background: #F6F6F6;
}

.em-ethic-section .cont-area .txt-box > ul > li + li {
  margin-top: 2.5rem;
}

.em-ethic-section .cont-area .txt-box > ul > li + li p {
  font-size: 1rem;
  line-height: 1.625rem;
  margin: 0;
}

/* EM - 윤리경영*/
/* ct - 카탈로그*/
.ct-info-section {
  margin-top: 5rem;
}

.ct-info-section .tit-box {
  position: relative;
}

.ct-info-section .tit-box h3 {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 3.125rem;
  margin-bottom: 0.75rem;
}

.ct-info-section .tit-box p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
  max-width: 53.125rem;
}

.ct-info-section .tit-box a {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  color: #939393;
  padding-right: 1.125rem;
  background: url("../../../imgs/front/cw/icon/icon_more_gray.svg") no-repeat right center/0.8125rem;
  position: absolute;
  right: 0;
  bottom: 0;
}

.ct-info-section .cont-area + .cont-area {
  margin-top: 6.25rem;
}

.ct-info-section .cont-box {
  margin: 2.5rem 0 3.75rem;
  display: flex;
  border: 1px solid #EAEAEA;
}

.ct-info-section .cont-box > div {
  flex: 0 0 50%;
}

.ct-info-section .cont-box .img-box {
  background: #F6F6F6;
  padding: 3.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ct-info-section .cont-box .img-box img {
  width: 16.1875rem;
  aspect-ratio: 259 / 320;
  box-shadow: 0px 0.625rem 1.875rem 0.1875rem rgba(25, 25, 25, 0.08);
}

.ct-info-section .cont-box .img-list {
  margin: 3.125rem 4.75rem;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  box-shadow: 0px 0.625rem 1.875rem 0.1875rem rgba(25, 25, 25, 0.08);
}

.ct-info-section .cont-box .img-list li {
  flex: 0 0 calc(50% - 0.5rem);
}

.ct-info-section .cont-box .img-list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ct-info-section .btn-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}

.ct-info-section .btn-box a {
  width: 8rem;
  height: 3.1875rem;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ct-etc-section {
  margin-top: 6.25rem;
}

.ct-etc-section .tit-box h3 {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 3.125rem;
  margin-bottom: 2.5rem;
}

.ct-etc-section .etc-swiper {
  overflow: hidden;
}

.ct-etc-section .etc-swiper h6 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding: 0 3rem;
  margin: 1.25rem auto;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  white-space: initial !important;
  text-align: center;
  word-break: break-all;
}

.ct-etc-section .etc-swiper .img-box {
  background: #F6F6F6;
  padding: 3.125rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ct-etc-section .etc-swiper .img-box img {
  width: 15.1875rem;
  aspect-ratio: 243 / 174;
  box-shadow: 0px 0.625rem 1.875rem 0.1875rem rgba(25, 25, 25, 0.08);
}

.ct-etc-section .etc-swiper .btn {
  width: 7.5rem;
  height: 2.8125rem;
  margin: auto;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
}

.ct-etc-section .etc-swiper .swiper-pagination {
  position: relative;
  width: 12.5rem;
  height: 0.125rem;
  margin: 3.75rem auto 0;
}

.ct-etc-section .etc-swiper .swiper-pagination .swiper-pagination-progressbar-fill {
  background: #122685;
}

/* ct - 카탈로그*/
/* td - 자료아카이브*/
.td-arc-section {
  margin-top: 5rem;
}

.td-arc-section .tit-box h3 {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 3.125rem;
}

.td-arc-section .tab-list-wrap {
  margin: 1.5rem 0 0;
}

.td-arc-section .cont-area {
  margin-top: 2.5rem;
}

.td-arc-section .cont-box {
  display: flex;
  align-items: center;
}

.td-arc-section .cont-box + .cont-box {
  margin-top: 2.5rem;
}

.td-arc-section .cont-box .img-box {
  width: 49.09%;
  background: #F6F6F6;
  padding: 3.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.td-arc-section .cont-box .img-box img {
  aspect-ratio: 238/320;
  height: 20rem;
  box-shadow: 0px 0.625rem 1.875rem 0.1875rem rgba(25, 25, 25, 0.08);
}

.td-arc-section .cont-box .txt-box {
  flex: 1;
  padding-left: 4.375rem;
}

.td-arc-section .cont-box .txt-box > span {
  display: inline-block;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #122685;
  background: #F3F6FC;
  padding: 0.1875rem 0.375rem;
  margin-bottom: 0.5rem;
}

.td-arc-section .cont-box .txt-box h6 {
  position: relative;
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.875rem;
  word-break: break-all;
  margin-bottom: 1.625rem;
}

.td-arc-section .cont-box .txt-box h6 span {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  white-space: initial !important;
  word-break: keep-all;
}

.td-arc-section .cont-box .txt-box p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
  word-break: break-all;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  white-space: initial !important;
  padding-top: 2.5rem;
  position: relative;
}

.td-arc-section .cont-box .txt-box p::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 3rem;
  height: 0.125rem;
  background: #122685;
}

.td-arc-section .cont-box .btn-box {
  display: flex;
  gap: 0.75rem;
  margin-top: 2.5rem;
}

/* td - 자료아카이브*/
/* pf - 포트폴리오 */
.pf-main-section {
  overflow: hidden;
}

.pf-main-section .tit-box {
  margin: 5rem 0 2.5rem;
}

.pf-main-section .tit-box h3 {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 3.125rem;
}

.pf-main-section .cont-box {
  display: flex;
}

.pf-main-section .cont-box > div {
  flex: 0 0 50%;
}

.pf-main-section .cont-box .txt-box {
  background: #F6F6F6;
  padding: 4.375rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

.pf-main-section .cont-box .txt-box h6 {
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.25rem;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  white-space: initial !important;
}

.pf-main-section .cont-box .txt-box p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #5A5757;
  margin: 0.75rem 0 1.875rem;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  white-space: initial !important;
}

.pf-main-section .cont-box .txt-box a {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  text-decoration: underline;
}

.pf-main-section .cont-box .img-box {
  position: relative;
}

.pf-main-section .cont-box .img-box small {
  position: absolute;
  right: 1.25rem;
  bottom: 0.875rem;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  color: #fff;
}

.pf-main-section .tab-list-wrap {
  margin: 5rem 0 2.5rem;
}

.pf-main-section .td-port-lists {
  display: flex;
  flex-wrap: wrap;
  gap: 3.75rem 1.5rem;
}

.pf-main-section .td-port-lists > li {
  flex: 0 0 calc(33.33% - 1rem);
  cursor: pointer;
}

.pf-main-section .td-port-lists > li:hover .img-box::before, .pf-main-section .td-port-lists > li:hover .img-box::after {
  opacity: 1;
}

.pf-main-section .td-port-lists .img-box {
  position: relative;
}

.pf-main-section .td-port-lists .img-box img {
  aspect-ratio: 424/288;
  object-fit: cover;
}

.pf-main-section .td-port-lists .img-box::before, .pf-main-section .td-port-lists .img-box::after {
  display: block;
  content: '';
  position: absolute;
  transition: 0.3s;
  opacity: 0;
}

.pf-main-section .td-port-lists .img-box::before {
  width: 100%;
  height: 100%;
  background: rgba(25, 25, 25, 0.5);
  left: 0;
  top: 0;
}

.pf-main-section .td-port-lists .img-box::after {
  width: 3.75rem;
  height: 3.75rem;
  background: url("../../../imgs/front/cw/icon/icon_h_view.svg") no-repeat center/cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pf-main-section .td-port-lists span {
  color: #939393;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  display: block;
  margin: 1.25rem 0 0.5rem;
}

.pf-main-section .td-port-lists h6 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  white-space: initial !important;
}

.pf-slide-section {
  margin-top: 7.5rem;
  overflow: hidden;
}

.pf-slide-section:hover {
  cursor: none;
}

.pf-slide-section .pf-slide-list {
  white-space: nowrap;
}

.pf-slide-section .pf-slide-list .center {
  position: relative;
  white-space: nowrap;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
  display: inline-block;
}

.pf-slide-section .pf-slide-list li {
  display: inline-block;
  position: relative;
  width: 16.875rem !important;
  padding-right: 1.875rem;
  margin-right: 3rem !important;
  pointer-events: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.pf-slide-section .img-box {
  user-drag: none;
}

.pf-slide-section .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 240/163;
}

.pf-slide-section h6 {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  writing-mode: vertical-rl;
  right: -0;
  top: -0;
  height: 100%;
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.pf-slide-section h6 i {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
}

/* pf - 포트폴리오 */
/* pf - 포트폴리오 - 상세 */
.popup-pt-detail .popup-head {
  padding: 1.25rem;
  padding-bottom: 0;
  display: flex;
  justify-content: flex-end;
}

.popup-pt-detail .popup-head .close {
  width: 2.25rem;
  height: 2.25rem;
  background: url("../../../imgs/front/cw/icon/icon_bk_close.svg") no-repeat center/cover;
}

.popup-pt-detail .popup-content {
  flex: 1;
  overflow-y: auto;
}

.popup-pt-detail .popup-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 1.875rem;
}

.popup-pt-detail .popup-btn .btn {
  width: 11.25rem;
  height: 3.1875rem;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup-pt-detail .w-874 {
  max-height: none;
}

.popup-pt-detail .w-874 .pt-detail-section {
  padding-top: 2.5rem;
}

.pt-detail-section {
  padding: 0 2.5rem 3.125rem;
}

.pt-detail-section > div + div {
  margin-top: 1.875rem;
}

.pt-detail-section .tit-box span {
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #939393;
}

.pt-detail-section .tit-box h4 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0.5rem 0 0.75rem;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  white-space: initial !important;
}

.pt-detail-section .tit-box p {
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.pt-detail-section .img-swiper {
  overflow: hidden;
  position: relative;
}

.pt-detail-section .img-swiper .swiper-slide img {
  aspect-ratio: 520/353;
  object-fit: cover;
}

.pt-detail-section .img-swiper .swiper-button-next, .pt-detail-section .img-swiper .swiper-button-prev {
  width: 2.625rem;
  height: 2.625rem;
  border: none;
  background: rgba(25, 25, 25, 0.5) url("../../../imgs/front/cw/icon/icon_sp_wt_next.svg") no-repeat center/0.6875rem;
}

.pt-detail-section .img-swiper .swiper-button-next::after, .pt-detail-section .img-swiper .swiper-button-prev::after {
  display: none;
}

.pt-detail-section .img-swiper .swiper-button-next.swiper-button-disabled, .pt-detail-section .img-swiper .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  background: rgba(25, 25, 25, 0.5) url("../../../imgs/front/cw/icon/icon_sp_wt_next.svg") no-repeat center/0.6875rem;
}

.pt-detail-section .img-swiper .swiper-button-prev {
  left: 0;
  background-image: url("../../../imgs/front/cw/icon/icon_sp_wt_prev.svg");
}

.pt-detail-section .img-swiper .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  background-image: url("../../../imgs/front/cw/icon/icon_sp_wt_prev.svg");
}

.pt-detail-section .img-swiper .swiper-button-next {
  right: 0;
}

.pt-detail-section .img-swiper .swiper-pagination {
  margin-top: 1.25rem;
  position: relative;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pt-detail-section .img-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.375rem;
  height: 0.375rem;
  margin: 0 0.25rem;
  border-radius: 0;
  background: #D9D9D9;
  opacity: 1;
}

.pt-detail-section .img-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #191919;
}

.pt-detail-section .cont-box h6 {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.625rem;
  margin-bottom: 1rem;
}

.pt-detail-section .cont-box dl {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 0.875rem;
  line-height: 1.375rem;
  border-bottom: 1px solid #D9D9D9;
  padding: 1rem 0;
}

.pt-detail-section .cont-box dl dt {
  font-weight: 700;
}

.pt-detail-section .cont-box dl dd {
  flex: 1;
  text-align: right;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  white-space: initial !important;
}

.pt-detail-section .cont-box > dl {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  border: none;
  gap: 1.875rem;
}

.pt-detail-section .cont-box > dl > dt {
  width: 10.125rem;
  background: #F6F6F6;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.625rem;
}

.pt-detail-section .cont-box > dl > dt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 78/78;
  box-shadow: 0.125rem 0.625rem 1.5rem 0px rgba(25, 25, 25, 0.16);
}

.pt-detail-section .cont-box > dl > dd {
  border-top: 1px solid #D9D9D9;
}

/* pf - 포트폴리오 - 상세 */
/* fi - 재무정보 */
.fi-main-section .tit-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 5rem 0 2.5rem;
}

.fi-main-section .tit-box h3 {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 3.125rem;
}

.fi-main-section .tit-box h3 span {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  vertical-align: text-bottom;
  margin-left: 0.625rem;
}

.fi-main-section .select-wrap {
  display: flex;
  justify-content: flex-end;
  gap: 0.625rem;
}

.tbl-box {
  overflow-x: auto;
  width: 100%;
}

.tbl-box + .tbl-box {
  margin-top: 5rem;
}

.tbl {
  table-layout: fixed;
  border-collapse: separate;
  border-top: 1px solid #191919;
}

.tbl thead th {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  background: #F3F6FC;
  padding: 1.25rem 0;
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}

.tbl thead th:first-child {
  min-width: 8.75rem;
}

.tbl thead th:last-child {
  border-right: none;
}

.tbl thead td {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 1.25rem 0;
  font-weight: 700;
  background: #F6F6F6;
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  font-weight: 700;
  background: #F6F6F6;
  text-align: center;
}

.tbl thead td:last-child {
  border-right: none;
}

.tbl tbody th, .tbl tbody td, .tbl tfoot th, .tbl tfoot td {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 1.25rem 0;
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  text-align: center;
}

.tbl tbody th:last-child, .tbl tbody td:last-child, .tbl tfoot th:last-child, .tbl tfoot td:last-child {
  border-right: none;
}

.tbl tbody th, .tbl tfoot th {
  font-weight: 700;
  background: #F6F6F6;
}

/* fi - 재무정보 */
/* au - 라이온켐텍 */
.au-video-section {
  height: 56.25rem;
  height: calc(100vh - 5rem);
  position: relative;
  overflow: hidden;
}

.au-video-section .swiper-slide {
  height: 100%;
  position: relative;
}

.au-video-section .swiper-slide .video-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.au-video-section .swiper-slide .video-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.au-video-section .swiper-slide .txt-box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  background: rgba(25, 25, 25, 0.62);
}

.au-video-section .swiper-slide .txt-box span {
  color: #B4B4B4;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75rem;
  letter-spacing: -0.06px;
}

.au-video-section .swiper-slide .txt-box h6 {
  color: #fff;
  font-size: 3.25rem;
  font-weight: 700;
  line-height: 4.625rem;
  letter-spacing: -0.312px;
  margin: 1.125rem 0 1.25rem;
}

.au-video-section .swiper-slide .txt-box p {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: -0.06px;
}

.au-video-section .control {
  position: absolute;
  display: flex;
  align-items: center;
  bottom: 2.5rem;
  box-sizing: border-box;
  z-index: 1;
  gap: 0.75rem;
  left: 50%;
  transform: translateX(-50%);
  justify-content: center;
}

.au-video-section .progress-box {
  position: relative;
  width: 13.875rem;
  height: 1.375rem;
  z-index: 1;
}

.au-video-section .autoplay-progress {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 10rem;
  height: 0.125rem;
  background-color: rgba(217, 217, 217, 0.5);
}

.au-video-section .autoplay-progress span {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0.125rem;
  background: #fff;
}

.au-video-section .swiper-pagination {
  display: flex;
  justify-content: space-between;
  position: static;
  text-align: left;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #fff;
}

.au-video-section .swiper-pagination .total {
  opacity: 0.5;
}

.au-video-section .swiper-button-next, .au-video-section .swiper-button-prev {
  width: 0.875rem;
  height: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  left: -2.25rem;
  margin-top: 0;
  background: url("../../../imgs/front/cw/icon/icon_main_prev.svg") no-repeat center/100%;
}

.au-video-section .swiper-button-next::after, .au-video-section .swiper-button-prev::after {
  font-size: 0;
}

.au-video-section .swiper-button-next {
  background-image: url("../../../imgs/front/cw/icon/icon_main_next.svg");
  left: auto;
  right: -2.25rem;
}

.au-video-section ~ section {
  margin-top: 7.5rem;
}

.au-video-section ~ section .tit-box span {
  color: #122685;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.048px;
}

.au-video-section ~ section .tit-box h4 {
  font-size: 2.625rem;
  font-weight: 700;
  line-height: 3.5rem;
  letter-spacing: -0.126px;
}

.au-bann-section {
  margin-top: 6.25rem !important;
}

.au-bann-section .img-box {
  position: relative;
}

.au-bann-section .txt-box {
  position: absolute;
  background: rgba(25, 25, 25, 0.62);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: #fff;
}

.au-bann-section .txt-box span {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.048px;
  opacity: 0.72;
}

.au-bann-section .txt-box h6 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.875rem;
  letter-spacing: -0.096px;
  margin-top: 0.5rem;
}

.au-bs-section {
  margin-top: 6.25rem !important;
}

.au-bs-section .tit-box h4 {
  margin: 1.5rem 0 2rem;
}

.au-bs-section .tit-box p {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.au-bs-section .tit-box p + p {
  margin-top: 1rem;
}

.au-bs-section .tit-box small {
  color: #939393;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  display: block;
}

.au-bs-section .cont-box {
  display: flex;
  justify-content: space-between;
  margin-top: 4.5rem;
  gap: 1.5rem;
}

.au-bs-section .cont-box .box {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.au-bs-section .cont-box .box .txt-box {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2.25rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: linear-gradient(180deg, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.5) 100%);
  bottom: -4.375rem;
  transition: 0.3s ease-in-out;
}

.au-bs-section .cont-box .box .txt-box h6 {
  display: flex;
  flex-flow: column-reverse;
  flex-wrap: wrap;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.75rem;
  letter-spacing: -0.084px;
  gap: 0.75rem;
}

.au-bs-section .cont-box .box .txt-box h6 span {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.048px;
}

.au-bs-section .cont-box .box .txt-box p {
  color: #EAEAEA;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-top: 1rem;
  opacity: 0;
}

.au-bs-section .cont-box .box:hover .txt-box {
  bottom: 0;
}

.au-bs-section .cont-box .box:hover .txt-box p {
  opacity: 1;
}

.au-cv-section {
  background: #191919;
  padding: 7.5rem 0;
}

.au-cv-section .tit-box {
  text-align: center;
}

.au-cv-section .tit-box span {
  color: #B4B4B4 !important;
}

.au-cv-section .tit-box h4 {
  color: #fff;
  margin-top: 1.5rem;
}

.au-cv-section .core-slide {
  margin-top: 3.75rem;
  overflow: hidden;
}

.au-cv-section .core-slide .box {
  position: relative;
}

.au-cv-section .core-slide .box img {
  width: 100%;
}

.au-cv-section .core-slide .box .txt-box {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding: 2.5rem;
  width: 100%;
  height: 100%;
  color: #fff;
}

.au-cv-section .core-slide .box .txt-box span {
  position: absolute;
  top: 1.75rem;
  right: 1.125rem;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
  letter-spacing: -0.06px;
  opacity: 0.62;
  backdrop-filter: blur(0.3125rem);
  writing-mode: vertical-rl;
}

.au-cv-section .core-slide .box .txt-box h6 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.au-cv-section .core-slide .box .txt-box p {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #EAEAEA;
  margin-top: 0.625rem;
}

.au-cp-section .tit-box h4 {
  margin: 1rem 0;
  font-size: 2.25rem !important;
  line-height: 3.125rem !important;
}

.au-cp-section .tit-box p {
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-bottom: 2.5rem;
}

.au-cp-section .cont-box {
  display: flex;
  gap: 1.5rem;
}

.au-cp-section .cont-box .box {
  flex: 1;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.au-cp-section .cont-box .box .txt-box {
  padding: 2.25rem;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  bottom: -2.5rem;
  transition: 0.3s ease-in-out;
}

.au-cp-section .cont-box .box .txt-box h6 {
  display: flex;
  flex-flow: column-reverse;
  flex-wrap: wrap;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.75rem;
  letter-spacing: -0.084px;
  gap: 0.75rem;
}

.au-cp-section .cont-box .box .txt-box h6 span {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.048px;
}

.au-cp-section .cont-box .box .txt-box p {
  color: #EAEAEA;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-top: 1rem;
  opacity: 0;
}

.au-cp-section .cont-box .box:hover .txt-box {
  background: linear-gradient(180deg, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.5) 100%);
  bottom: 0;
}

.au-cp-section .cont-box .box:hover .txt-box p {
  opacity: 1;
}

.au-if-section {
  margin-top: 6.25rem;
}

.au-if-section .inner-content {
  display: flex;
  justify-content: space-between;
}

.au-if-section .inner-content .tit-box h4 {
  margin-top: 1rem;
  font-size: 2.25rem !important;
  line-height: 3.125rem !important;
}

.au-if-section .inner-content .cont-box {
  margin-top: 3.125rem;
  border-top: 1px solid #191919;
  width: 51.875rem;
}

.au-if-section .inner-content .cont-box dl {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 2.25rem;
  padding: 1.25rem;
  border-bottom: 1px solid #D9D9D9;
}

.au-if-section .inner-content .cont-box dl dt {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.625rem;
}

.au-if-section .inner-content .cont-box dl dd {
  flex: 1;
  text-align: right;
  font-size: 1.125rem;
  line-height: 1.625rem;
}

/* au - 라이온켐텍 */
/* la - 찾아오는길 */
.la-main-section {
  margin-top: 5rem;
}

.la-main-section .cont-box + .cont-box {
  margin-top: 6.25rem;
  padding-top: 6.25rem;
  border-top: 1px solid #D9D9D9;
}

.la-main-section .cont-box span {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #5A5757;
}

.la-main-section .cont-box h6 {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 3.125rem;
  margin: 0.5rem 0 2.5rem;
}

.la-main-section .cont-box .map {
  margin-bottom: 1.5rem;
  height: 26.25rem;
  border: 1px solid #D9D9D9;
}

.la-main-section .cont-box .map iframe {
  width: 100%;
  height: 100%;
}

.la-main-section .cont-box dl {
  display: flex;
  font-size: 1rem;
  line-height: 1.5rem;
}

.la-main-section .cont-box dl dt {
  width: 2.75rem;
  font-weight: 700;
}

.la-main-section .cont-box dl dd {
  flex: 1;
}

.la-main-section .cont-box dl + dl {
  margin-top: 0.25rem;
}

/* la - 찾아오는길 */
/* ca - 채용안내 */
.ca-bann-section {
  margin-top: 5rem;
}

.ca-bann-section ~ section {
  margin-top: 6.25rem;
}

.ca-bann-section ~ section .tit-box h3 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.875rem;
  margin-bottom: 2.5rem;
}

.ca-bann-section .img-box {
  position: relative;
}

.ca-bann-section .txt-box {
  position: absolute;
  background: linear-gradient(180deg, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.5) 100%);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: #fff;
}

.ca-bann-section .txt-box span {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
  opacity: 0.72;
}

.ca-bann-section .txt-box h6 {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 3.125rem;
  margin-top: 0.5rem;
}

.ca-pros-section .cont-box {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23D9D9D9FF' stroke-width='1' stroke-dasharray='5%2c 5' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4.375rem;
}

.ca-pros-section .cont-box .step {
  width: 12.5rem;
  height: 12.5rem;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(226, 234, 249, 0.4);
  backdrop-filter: blur(0.625rem);
  margin-right: -1.75rem;
}

.ca-pros-section .cont-box .step span {
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  color: #ADB5C8;
}

.ca-pros-section .cont-box .step p {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #122685;
  margin-top: 0.125rem;
}

.ca-pros-section .cont-box .step:last-child {
  margin-left: 9.75rem;
  position: relative;
  background: #122685;
  backdrop-filter: blur(0);
}

.ca-pros-section .cont-box .step:last-child span {
  color: #D9E0EF;
}

.ca-pros-section .cont-box .step:last-child p {
  color: #fff;
}

.ca-pros-section .cont-box .step:last-child::before {
  display: block;
  content: '';
  position: absolute;
  width: 3rem;
  height: 1.125rem;
  background: url("../../../imgs/front/cw/icon/icon_progress.svg") no-repeat center/cover;
  left: -5.5rem;
}

.ca-info-section .cont-box {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem 11.13%;
}

.ca-info-section .cont-box dl {
  width: 39.77%;
}

.ca-info-section .cont-box dt {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: 0.625rem;
  padding-left: 1.25rem;
  position: relative;
}

.ca-info-section .cont-box dt::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.125rem;
  height: 1.5rem;
  background: #122685;
}

.ca-info-section .cont-box dd {
  padding-left: 1.25rem;
  font-size: 1rem;
  line-height: 1.625rem;
}

.ca-info-section small {
  display: block;
  margin-top: 2.5rem;
  font-size: 1rem;
  line-height: 1.625rem;
}

.ca-info-section small strong {
  display: inline-block;
  padding-left: 1.5rem;
  background: url("../../../imgs/front/cw/icon/icon_phone.svg") no-repeat left center/1.125rem;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  vertical-align: middle;
}

/* ca - 채용안내 */
/* ca - 인사제도 */
.ca-levl-section {
  margin-top: 5rem;
}

.ca-levl-section ~ section {
  margin-top: 6.25rem;
}

.ca-levl-section ~ section .tit-box h3 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.875rem;
  margin-bottom: 2.5rem;
}

.ca-levl-section .tit-box h3 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.875rem;
  margin-bottom: 2.5rem;
}

.ca-levl-section .cont-box {
  background: #F6F6F6;
  padding: 4.375rem;
}

.ca-levl-section .cont-box h6 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
}

.ca-levl-section .cont-box h6 span {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #B4B4B4;
  margin-left: 0.5rem;
}

.ca-levl-section .cont-box .box {
  margin-top: 1.5rem;
  display: flex;
  gap: 1.69%;
}

.ca-levl-section .cont-box .box ~ h6 {
  margin-top: 4.375rem;
}

.ca-levl-section .cont-box .box .level {
  width: 15.25%;
  background: #fff;
  text-align: center;
  padding: 1.875rem;
}

.ca-levl-section .cont-box .box .level span {
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  color: #ADB5C8;
}

.ca-levl-section .cont-box .box .level p {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.ca-levl-section .cont-box .box .level + .level {
  position: relative;
}

.ca-levl-section .cont-box .box .level + .level::after, .ca-levl-section .cont-box .box .level + .level::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.ca-levl-section .cont-box .box .level + .level::after {
  width: 1.125rem;
  height: 0.875rem;
  border-width: 0.5rem;
  border-style: solid;
  border-color: transparent transparent transparent #B4B4B4;
  left: -0.8125rem;
}

.ca-levl-section .cont-box .box .level + .level::before {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  left: -1.875rem;
  background: #F6F6F6;
}

.ca-levl-section .cont-box .box .level:last-child {
  background: #122685;
}

.ca-levl-section .cont-box .box .level:last-child span {
  color: #D9E0EF;
}

.ca-levl-section .cont-box .box .level:last-child p {
  color: #fff;
}

.ca-levl-section .cont-box .box .level:last-child::after {
  border-left-color: #122685;
}

.ca-intr-section .tit-box h3 {
  margin-bottom: 0 !important;
}

.ca-intr-section .tit-box p {
  margin-top: 0.75rem;
  font-size: 1rem;
  line-height: 1.625rem;
}

.ca-intr-section .cont-box {
  margin-top: 2.5rem;
  border: 1px solid #D9D9D9;
  display: flex;
  justify-content: space-between;
}

.ca-intr-section .cont-box .box {
  width: 33.3%;
  padding: 3.125rem;
  border-right: 1px solid #d9d9d9;
}

.ca-intr-section .cont-box .box:nth-child(3) {
  padding-right: 2.5rem;
}

.ca-intr-section .cont-box .box .icon {
  display: block;
  width: 3.75rem;
}

.ca-intr-section .cont-box .box .icon img {
  width: 100%;
}

.ca-intr-section .cont-box .box .txt {
  margin-top: 1.875rem;
}

.ca-intr-section .cont-box .box .txt h6 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 0.875rem;
}

.ca-intr-section .cont-box .box .txt p {
  font-size: 0.9375rem;
  line-height: 1.4375rem;
}

.ca-intr-section .cont-box .box:nth-child(3) {
  border-right: 0;
}

/* ca - 인사제도 */
/* ca - 지원제도 */
.ca-supp-section {
  margin-top: 5rem;
}

.ca-supp-section .cont-box {
  display: flex;
  gap: 4.375rem;
}

.ca-supp-section .cont-box + .cont-box {
  margin-top: 5rem;
}

.ca-supp-section .img-box {
  width: 49.09%;
}

.ca-supp-section .img-box img {
  width: 100%;
}

.ca-supp-section .txt-box {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.ca-supp-section .txt-box h6 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.875rem;
  margin-bottom: 0.75rem;
}

.ca-supp-section .txt-box p {
  font-size: 1rem;
  line-height: 1.625rem;
  margin-bottom: auto;
  color: #5A5757;
}

.ca-supp-section .txt-box dl {
  display: flex;
  padding: 1.25rem 0;
  font-size: 1.125rem;
  line-height: 1.625rem;
  border-top: 1px solid #D9D9D9;
}

.ca-supp-section .txt-box dl dt {
  font-weight: 700;
}

.ca-supp-section .txt-box dl dd {
  flex: 1;
  text-align: right;
}

.ca-supp-section .txt-box dl:last-child {
  border-bottom: 1px solid #D9D9D9;
}

/* ca - 지원제도 */
/* ca - FAQ */
.ca-faq-section {
  margin-top: 5rem;
}

.ca-faq-section h3 {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 3.125rem;
  padding-bottom: 2.6875rem;
  border-bottom: 0.125rem solid #191919;
}

.ca-faq-section .toggle-wrap .btn.toggle {
  display: block;
  position: relative;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.625rem;
  padding: 1.875rem;
  padding-right: 6rem;
  text-align: left;
  cursor: pointer;
  border-bottom: 1px solid #D9D9D9;
}

.ca-faq-section .toggle-wrap .btn.toggle span {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  white-space: initial !important;
  word-break: break-all;
}

.ca-faq-section .toggle-wrap .btn.toggle span i {
  color: #122685;
  font-style: normal;
  margin-right: 0.5rem;
}

.ca-faq-section .toggle-wrap .btn.toggle::before {
  display: block;
  content: '';
  position: absolute;
  right: 1.875rem;
  top: 50%;
  margin-top: -1.125rem;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background: #F6F6F6 url("../../../imgs/front/cw/icon/icon_gray_drop_down.svg") no-repeat center/cover;
}

.ca-faq-section .toggle-wrap .toggle-cont {
  display: none;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
  padding: 1.875rem;
  padding-right: 3rem;
  background: #F6F6F6;
}

.ca-faq-section .toggle-wrap .toggle-cont p {
  padding-right: 3rem;
  max-height: 6.5rem;
  overflow-y: auto;
  /* 스크롤바의 폭 너비 */
}

.ca-faq-section .toggle-wrap .toggle-cont p::-webkit-scrollbar {
  width: 1px;
}

.ca-faq-section .toggle-wrap .toggle-cont p::-webkit-scrollbar-thumb {
  background: #191919;
  /* 스크롤바 색상 */
  border-radius: 0;
  /* 스크롤바 둥근 테두리 */
}

.ca-faq-section .toggle-wrap .toggle-cont p::-webkit-scrollbar-track {
  background: #D9D9D9;
  /*스크롤바 뒷 배경 색상*/
}

.ca-faq-section .toggle-wrap.active .btn.toggle::before {
  transform: rotate(-180deg);
}

.ca-faq-section .toggle-wrap.active .toggle-cont {
  display: block;
}

/* ca - FAQ */
.nodata {
  padding: 6.25rem 0;
}

.nodata p {
  color: #939393;
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  /* 150% */
}

@media screen and (max-width: 1320px) {
  .inner-content {
    padding: 0 1.125rem;
  }
}

@media screen and (max-width: 1080px) {
  .show-pc {
    display: none !important;
  }
  .show-mo {
    display: block !important;
  }
  /* button */
  .btn.ty-more {
    width: 7.75rem;
    height: 2.8125rem;
  }
  .btn.ty-more > span {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    background-size: 0.625rem 0.5rem;
  }
  .btn.ty-download {
    width: 6.4375rem;
    height: 2.625rem;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .btn.ty-download > span {
    padding-right: 1.125rem;
  }
  .btn.ty-view {
    width: 6.4375rem;
    height: 2.625rem;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .btn.ty-view > span {
    padding-right: 1.4375rem;
  }
  .btn.icon.circle-del {
    width: 1.125rem;
    height: 1.125rem;
    min-width: 1.125rem;
    background-size: 0.375rem;
  }
  /* button */
  /* input */
  .input.ty-search1 .t-inp {
    width: calc(100% - 3.75rem);
    height: 3.25rem;
    border: 0;
    font-size: 0.875rem;
    line-height: 3.25rem;
  }
  .input.ty-search1 .t-inp::placeholder {
    font-size: 0.875rem;
  }
  .input.ty-search2 {
    width: 100%;
  }
  .input.ty-search2 .t-inp {
    width: calc(100% - 5rem);
    height: 2.875rem;
    font-size: 0.875rem;
    line-height: 2.875rem;
  }
  .input.ty-search2 .t-inp::placeholder {
    font-size: 0.875rem;
  }
  .input.ty-search2 .btn.bg-blue {
    width: 5rem;
    height: 2.875rem;
  }
  .input.ty-search2 .btn.bg-blue > span {
    font-size: 0.875rem;
  }
  .input.ty-search2 .btn .circle-del {
    right: 6.125rem;
  }
  .input.ty-file .t-inp {
    max-width: calc(100% - 5.375rem) !important;
  }
  .input.ty-file .btn {
    width: 5.375rem;
    height: 3.25rem;
  }
  .input.ty-file .btn > span {
    font-size: 0.875rem;
    line-height: 3.25rem;
  }
  .t-inp {
    padding: 0 0.625rem;
    height: 3rem;
    font-size: 0.875rem;
    line-height: 3rem;
  }
  .t-inp::placeholder {
    font-size: 0.875rem;
  }
  .t-inp.datepicker {
    padding: 0 0 0 2.6875rem;
    height: 2.875rem;
    font-size: 0.875rem;
    line-height: 2.875rem;
    cursor: pointer;
  }
  textarea {
    padding: 0.9375rem 1.125rem;
    height: 12.875rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  textarea::placeholder {
    font-size: 0.875rem;
  }
  /* input */
  /* checkbox */
  .chkbox > label > input[type="radio"] + .text {
    padding-left: 1.75rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .chkbox > label > input[type="checkbox"] + .text {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  /* checkbox */
  /* title */
  .t-title.ty1 {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
  .t-title.ty2 {
    font-size: 1.625rem;
    line-height: 2.1875rem;
  }
  /* title */
  /* tab */
  .tab-list-wrap.ty1 .tab-list {
    padding: 0 1.125rem;
  }
  .tab-list-wrap.ty1 .tab-list .tab-menu {
    min-width: auto;
    flex: 1;
  }
  .tab-list-wrap.ty1 .tab-list .tab-menu a {
    font-size: 0.875rem;
    line-height: 1.375rem;
    padding: 1rem 0;
  }
  .tab-list-wrap.ty2 .tab-list .tab-menu a {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    padding: 0.5rem 1rem;
  }
  .tab-list-wrap.ty3 {
    padding: 0 1.125rem;
  }
  .tab-list-wrap.ty3 .tab-list .tab-menu {
    min-width: 4.8125rem;
  }
  .tab-list-wrap.ty3 .tab-list .tab-menu a {
    font-size: 0.875rem;
    line-height: 1.375rem;
    padding: 0.75rem 0;
  }
  .tab-list-swiper.tab-list-wrap.ty2 .tab-list .tab-menu {
    padding-right: 0.625rem;
  }
  .tab-list-swiper.tab-list-wrap.ty2 .tab-list .tab-menu:last-child {
    padding-right: 0;
  }
  /* tab */
  /* pagination */
  .pagination {
    gap: 0.625rem;
    margin-top: 3.75rem;
  }
  .pagination ul {
    display: flex;
    gap: 0.75rem;
    margin: 0 0.375rem;
  }
  .pagination ul li a {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  /* pagination */
  /* lists */
  .lists.ty1 li {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    padding-left: 0.6875rem;
  }
  .lists.ty1 li::before {
    top: 0.5625rem;
  }
  /* custom select */
  .cus-select {
    position: relative;
    min-width: 5.5rem;
  }
  .cus-select.w-180 {
    min-width: auto;
  }
  .cus-select .trigger {
    height: 2.625rem;
    padding: 0 1.75rem 0 0.875rem;
    border: 1px solid #D9D9D9;
  }
  .cus-select .trigger::after {
    right: 0.875rem;
  }
  .cus-select .trigger-txt {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .cus-select .option-wrap {
    padding: 0.625rem 0.875rem;
    padding-right: 0.625rem;
    margin-top: 0.25rem;
  }
  .cus-select .option {
    max-height: 9.0625rem;
  }
  .cus-select .option > li {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .cus-select .option > li + li {
    margin-top: 0.625rem;
  }
}

@media screen and (max-width: 1080px) {
  /* header */
  .header-wrap > .inner-content {
    height: 4rem;
  }
  .header-wrap .logo a {
    width: 4.75rem;
    height: 2.25rem;
  }
  .header-wrap .side {
    gap: 0.875rem;
  }
  .header-wrap .side > a {
    display: none;
  }
  .header-wrap .side .gnb-button {
    width: 1.625rem;
    height: 1.625rem;
    background: url("../../../imgs/front/cw/icon/icon_gnb_button.svg") no-repeat center/cover;
  }
  .header-wrap .lang-select {
    position: relative;
  }
  .header-wrap .lang-select p {
    text-indent: -999em;
    width: 1.625rem;
    height: 1.625rem;
    padding: 0;
    background-size: 1.625rem;
    cursor: pointer;
  }
  .header-wrap .lang-select p::before {
    display: none;
  }
  .header-wrap .lang-select .option {
    width: 4.5rem;
    left: -1.5rem;
    text-align: center;
  }
  .gnb-wrap {
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    display: none;
  }
  .gnb-wrap.open {
    display: flex;
  }
  .gnb-wrap .gnb-header {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    height: 4rem;
    padding: 1rem 1.125rem;
    margin-bottom: 1.875rem;
  }
  .gnb-wrap .gnb-header .gnb-close {
    width: 2rem;
    height: 2rem;
    background: url("../../../imgs/front/cw/icon/icon_bk_close.svg") no-repeat center/cover;
  }
  .gnb-wrap .click-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4rem;
  }
  .gnb-wrap .depth1 {
    display: block;
    border-top: 1px solid #EAEAEA;
    height: 100%;
    position: relative;
  }
  .gnb-wrap .depth1 > li {
    border-bottom: 1px solid #EAEAEA;
  }
  .gnb-wrap .depth1 > li > p {
    position: relative;
  }
  .gnb-wrap .depth1 > li > p > a {
    display: block;
    padding: 1.25rem 1.125rem;
    height: 4rem;
    line-height: 1.5rem;
  }
  .gnb-wrap .depth1 > li.active > p > a {
    color: #fff !important;
    background: #122685;
  }
  .gnb-wrap .depth1 > li.active .gnb-inner {
    display: block !important;
  }
  .gnb-wrap .depth1 > li:hover > p > a {
    color: unset;
  }
  .gnb-wrap .depth1 > li:hover .gnb-inner {
    display: none;
  }
  .gnb-wrap .depth2 {
    padding: 0;
    border-top: 1px solid #EAEAEA;
  }
  .gnb-wrap .depth2 li {
    border-bottom: 1px solid #EAEAEA;
    width: auto;
    position: relative;
  }
  .gnb-wrap .depth2 li .click-area::before {
    display: block;
    content: '';
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background: url("../../../imgs/front/cw/icon/icon_gray_d_arrow.svg") no-repeat center/cover;
    right: 0;
    top: 50%;
    margin-top: -0.75rem;
  }
  .gnb-wrap .depth2 li + li {
    margin-top: 0;
  }
  .gnb-wrap .depth2 li a {
    padding: 1.25rem 0;
    height: 4rem;
    line-height: 1.5rem;
    background: none;
  }
  .gnb-wrap .depth2 li.active .click-area::before {
    transform: rotate(-180deg);
  }
  .gnb-wrap .depth2 li.active > .depth3 {
    display: block !important;
  }
  .gnb-wrap .depth2 li.active > p > a {
    color: #191919;
  }
  .gnb-wrap .depth2 li:hover > .depth3 {
    display: none;
  }
  .gnb-wrap .depth3 {
    position: static;
    padding: 0;
    height: auto;
    width: 100%;
    max-width: none;
    background: #F6F6F6;
    border-top: 1px solid #EAEAEA;
  }
  .gnb-wrap .depth3 > li {
    border-bottom: none;
  }
  .gnb-wrap .depth3 > li a {
    background: none;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: #939393;
    padding: 0.6875rem 0.75rem;
    height: auto;
  }
  .gnb-wrap .depth3 > li:hover a {
    color: #191919;
  }
  .gnb-wrap .gnb-inner {
    border-top: none;
    width: calc(100% - 8.75rem);
    position: absolute;
    top: -1px;
    left: auto;
    right: 0;
    background: #fff;
    height: 100%;
    z-index: 10;
  }
  .gnb-wrap .gnb-inner .inner-content {
    flex-direction: column;
    justify-content: space-between;
  }
  .gnb-wrap .gnb-info, .gnb-wrap .img-bann {
    display: none;
  }
  .family-select {
    position: relative;
    width: calc(100% - 2.25rem);
    margin: auto 1.125rem 1.125rem;
  }
  .family-select p {
    height: 2.9375rem;
    padding: 0.8125rem 1rem;
  }
  .family-select .option {
    top: auto;
    bottom: 2.9375rem;
    width: 100%;
    margin: 0 0 0.5rem;
    padding: 1rem 1rem 1rem 1rem;
  }
  /* header */
  /* footer */
  .footer {
    margin-top: 6.25rem;
  }
  .footer-wrap {
    padding: 3.125rem 0 5.5rem;
  }
  .footer-wrap .logo a {
    width: 4.625rem;
    height: 2.25rem;
  }
  .footer-wrap .info {
    font-size: 0.75rem;
    line-height: 1.1875rem;
    color: #939393;
  }
  .footer-wrap .box {
    display: block;
  }
  .footer-wrap .side {
    display: block;
  }
  .footer-wrap .side .family-select {
    width: 100%;
    margin: 1rem 0 1.9375rem;
  }
  .footer-wrap .side .family-select p {
    padding: 0.75rem 0;
  }
  .footer-wrap .side .family-select .option {
    top: auto;
    bottom: 2.625rem;
    margin: 0 0 0.25rem;
  }
  .footer-wrap .side .taekyung-logo a {
    width: 7.25rem;
    height: 1.4375rem;
  }
  .footer-link {
    display: flex;
    align-items: center;
    gap: 0.125rem 1rem;
    margin: 1.375rem 0 0.75rem;
  }
  .footer-link li {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .footer-link li:nth-child(4)::before {
    display: none;
  }
  .footer-link li + li {
    position: relative;
  }
  .footer-link li + li::before {
    left: -0.5rem;
    height: 0.625rem;
  }
  /* footer */
  /* quick menu */
  .quick-menu {
    position: fixed;
    right: 1.125rem;
    bottom: 1.125rem !important;
    z-index: 1;
  }
  .quick-menu .btn-top {
    width: 3rem;
    height: 3rem;
    border: 1px solid #5A5757;
  }
  .quick-menu .btn-top a {
    padding-top: 0.9375rem;
    font-size: 0.6875rem;
    line-height: 0.8125rem;
    background-size: 0.6875rem;
  }
}

@media screen and (max-width: 1080px) {
  .popup-layer {
    overflow: hidden;
    background: #fff;
    min-width: calc(100% - 2.25rem);
    max-width: calc(100% - 2.25rem);
    max-height: calc(100% - 11.25rem);
  }
  .popup-layer.w-874 {
    min-width: calc(100% - 2.25rem);
    max-width: calc(100% - 2.25rem);
  }
}

@media screen and (max-width: 1080px) {
  /* main */
  .com-section .title-box > span {
    margin-bottom: 0.625rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .com-section .btn.ty-more {
    margin-top: 3rem;
  }
  /* main */
}

@media screen and (max-width: 1080px) {
  .popup-btn-area {
    padding: 0.625rem 1.125rem;
  }
  .popup-btn-area .btn {
    flex: 1;
    height: 3.125rem;
  }
  .popup-btn-area .btn > span {
    font-size: 0.875rem;
  }
  .engineered-stone-section {
    padding: 5rem 0;
  }
  .engineered-stone-section .tab-group-list {
    justify-content: flex-start;
    gap: 0.75rem;
    max-width: 100%;
    margin: 1.25rem 0 2rem;
    padding: 0 1.125rem;
  }
  .engineered-stone-section .tab-group-list .tab-menu {
    gap: 0.75rem;
  }
  .engineered-stone-section .tab-group-list .tab-menu::before {
    height: 0.75rem;
  }
  .engineered-stone-section .tab-group-list .tab-menu a {
    font-size: 0.875rem;
  }
  .engineered-stone-section .sw-box {
    padding: 0 1.125rem;
    cursor: default;
  }
  .engineered-stone-section .sw-box .engineered-slide {
    cursor: default;
  }
  .engineered-stone-section .sw-box .engineered-slide .swiper-slide {
    cursor: default;
  }
  .engineered-stone-section .sw-box .engineered-slide .swiper-slide .item {
    margin-right: 1.625rem;
    transform: scale(0.7);
  }
  .engineered-stone-section .sw-box .engineered-slide .swiper-slide .item .img-box {
    transform: translateX(-2.1875rem);
    transition: transform 0.3s;
  }
  .engineered-stone-section .sw-box .engineered-slide .swiper-slide .txt-box {
    opacity: 0;
    bottom: 0;
    padding: 1.125rem 3.625rem 1.125rem 1.125rem;
  }
  .engineered-stone-section .sw-box .engineered-slide .swiper-slide .txt-box p {
    margin-bottom: 0.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .engineered-stone-section .sw-box .engineered-slide .swiper-slide .txt-box span {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .engineered-stone-section .sw-box .engineered-slide .swiper-slide .txt-box .btn {
    width: 2.5rem;
    height: 2.5rem;
    background-size: 1rem;
  }
  .engineered-stone-section .sw-box .engineered-slide .swiper-slide .label {
    gap: 0.25rem;
    font-size: 0.75rem;
    transform: rotate(90deg) scale(1);
    transition: none;
  }
  .engineered-stone-section .sw-box .engineered-slide .swiper-slide .label::before {
    width: 0.375rem;
    height: 0.375rem;
    min-width: 0.375rem;
    min-height: 0.375rem;
  }
  .engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-active .item {
    transform: scale(1);
  }
  .engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-active .item .img-box {
    transform: translateX(0);
  }
  .engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-active .txt-box {
    opacity: 1;
    padding: 1.125rem 3.625rem 1.125rem 1.125rem;
  }
  .engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-active .txt-box p {
    margin-bottom: 0.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-active .txt-box span {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-active .txt-box .btn {
    width: 2.5rem;
    height: 2.5rem;
    background-size: 1rem;
  }
  .engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-active .label {
    opacity: 1;
    left: calc(100% + 1.625rem);
    font-size: 0.75rem;
    line-height: 1.1875rem;
    transform: rotate(90deg) scale(1);
  }
  .engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-prev .item, .engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-next .item {
    transform: scale(0.72);
  }
  .engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-prev .label, .engineered-stone-section .sw-box .engineered-slide .swiper-slide.swiper-slide-next .label {
    opacity: 0;
    font-size: 0.75rem;
    transform: rotate(90deg) scale(1);
  }
  .cursor-drag {
    display: none;
  }
  .portfolio-section {
    padding: 5rem 0;
  }
  .portfolio-section .inner-content {
    max-width: 100%;
    padding: 0;
    margin: 0;
  }
  .portfolio-section .sw-box {
    overflow: hidden;
    margin-top: 2rem;
  }
  .portfolio-section .sw-box .portfolio-slide {
    height: auto;
    max-height: unset;
  }
  .portfolio-section .sw-box .portfolio-slide .swiper-slide .toggle-wrap .btn {
    width: 1.875rem;
    height: 1.875rem;
    background-size: 0.75rem;
  }
  .portfolio-section .sw-box .portfolio-slide .swiper-slide .toggle-wrap .toggle-box {
    right: 0.625rem;
    bottom: 0.625rem;
  }
  .portfolio-section .sw-box .portfolio-slide .swiper-slide .toggle-wrap .toggle-box > div {
    width: 10.125rem;
    padding: 0.625rem;
  }
  .portfolio-section .sw-box .portfolio-slide .swiper-slide .toggle-wrap .toggle-box > div > img {
    width: 2.375rem;
    height: 2.375rem;
  }
  .portfolio-section .sw-box .portfolio-slide .swiper-slide .toggle-wrap .toggle-box > div .txt {
    width: calc(100% - 3rem);
    margin-left: 0.625rem;
  }
  .portfolio-section .sw-box .portfolio-slide .swiper-slide .toggle-wrap .toggle-box > div span {
    margin-bottom: 0;
    font-size: 0.75rem;
    line-height: 1.1875rem;
  }
  .portfolio-section .sw-box .portfolio-slide .swiper-slide .toggle-wrap .toggle-box > div p {
    font-size: 0.75rem;
    line-height: 1.1875rem;
  }
  .portfolio-section .sw-box .portfolio-slide .swiper-slide .toggle-wrap.active .btn {
    background-size: 0.75rem;
  }
  .portfolio-section .sw-box .portfolio-slide .swiper-slide.n1 .btn {
    top: 42%;
  }
  .portfolio-section .sw-box .portfolio-slide .swiper-slide.n2 .btn {
    left: 18.79%;
    bottom: 8.4%;
    top: auto;
  }
  .portfolio-section .sw-box .portfolio-slide .swiper-slide.n3 {
    opacity: 1;
  }
  .portfolio-section .sw-box .portfolio-slide .swiper-slide.n3 .btn {
    left: 29.3%;
  }
  .portfolio-section .sw-box .portfolio-slide .swiper-slide.swiper-slide-next {
    opacity: 1;
  }
  .portfolio-section .sw-box .swiper-button-next,
  .portfolio-section .sw-box .swiper-button-prev {
    display: none;
  }
  .about-section {
    padding: 5rem 0;
  }
  .about-section .title-box p {
    margin-top: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .about-section .sw-box {
    width: calc(100% + 1.125rem);
  }
  .about-section .about-slide {
    padding-right: 1.125rem;
  }
  .about-section .about-slide .swiper-slide .txt-box {
    padding: 1.25rem 1.125rem;
  }
  .about-section .about-slide .swiper-slide .txt-box p {
    margin-bottom: 0.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .about-section .about-slide .swiper-slide .txt-box span {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .e-catelog-section {
    padding-top: 5rem;
  }
  .e-catelog-section .title-box span {
    margin-bottom: 0.5rem;
  }
  .e-catelog-section .title-box h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .e-catelog-section .title-box a {
    font-size: 0.8125rem;
  }
  .e-catelog-section .sw-box {
    margin-top: 1.5rem;
  }
  .e-catelog-section .sw-box .e-catelog-slide .swiper-slide .item .img-box {
    aspect-ratio: 162/200;
  }
  .e-catelog-section .sw-box .e-catelog-slide .swiper-slide .item .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .e-catelog-section .sw-box .e-catelog-slide .swiper-slide .item .txt-box {
    padding: 1.125rem;
    aspect-ratio: 162/200;
  }
  .e-catelog-section .sw-box .e-catelog-slide .swiper-slide .item .txt-box > span {
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
    line-height: 1.1875rem;
  }
  .e-catelog-section .sw-box .e-catelog-slide .swiper-slide .item .txt-box p {
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    white-space: initial !important;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .e-catelog-section .sw-box .e-catelog-slide .swiper-slide .item .txt-box .btn-wrap {
    flex-wrap: wrap;
    padding: 0;
    background: none;
  }
  .e-catelog-section .sw-box .e-catelog-slide .swiper-slide .item .txt-box .btn-wrap a {
    flex: none;
    width: 100%;
    padding: 0.5rem 0.875rem;
    background: #fff;
  }
  .e-catelog-section .sw-box .e-catelog-slide .swiper-slide .item .txt-box .btn-wrap a span {
    display: block;
    width: 100%;
    background-size: 1.125rem;
    font-size: 0.75rem;
    line-height: 1.1875rem;
    text-align: left;
  }
  .e-catelog-section .sw-box .e-catelog-slide .swiper-slide .item .txt-box .btn-wrap a + a {
    margin: 0.5rem 0 0;
    border-left: 0;
  }
  .e-catelog-section .sw-box .e-catelog-slide .swiper-pagination-progressbar {
    width: 7.75rem;
    margin-top: 2.5rem;
  }
  .news-section {
    padding-top: 5rem;
  }
  .news-section .title-box span {
    margin-bottom: 0.5rem;
  }
  .news-section .title-box h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .news-section .board-area {
    gap: 0;
    margin-top: 1.5rem;
  }
  .news-section .board-area .tab-group-list-wrap {
    width: 100%;
  }
  .news-section .board-area .tab-group-list-wrap .tab-box {
    margin-bottom: 1.125rem;
  }
  .news-section .board-area .tab-group-list-wrap .tab-box .tab-group-list {
    gap: 0.625rem;
  }
  .news-section .board-area .tab-group-list-wrap .tab-box .tab-group-list li {
    gap: 0.625rem;
  }
  .news-section .board-area .tab-group-list-wrap .tab-box .tab-group-list li a {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .news-section .board-area .tab-group-list-wrap .tab-box .tab-group-list li.show-pc {
    display: none !important;
  }
  .news-section .board-area .tab-group-list-wrap .tab-box > a {
    padding-right: 1rem;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    background-size: 0.625rem 0.5rem;
  }
  .news-section .board-area .tab-group-list-wrap .board-lists li .date {
    padding: 1rem 0;
  }
  .news-section .board-area .tab-group-list-wrap .board-lists li .date strong {
    margin-bottom: 0;
    font-size: 1.625rem;
    line-height: 2.125rem;
  }
  .news-section .board-area .tab-group-list-wrap .board-lists li .date span {
    font-size: 0.75rem;
    line-height: 1.1875rem;
  }
  .news-section .board-area .tab-group-list-wrap .board-lists li > a {
    padding-left: 1.125rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .news-section .board-area .img-box {
    display: none;
  }
  .news-section .link-box .flex {
    justify-content: space-between;
    align-items: center;
    margin-top: 3.75rem;
    padding: 1.125rem;
    background: #F3F6FC;
  }
  .news-section .link-box .flex p {
    padding-left: 2rem;
    background: url("../../../imgs/front/cw/icon/icon_dart.svg") no-repeat left center/1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
  }
  .news-section .link-box .flex a {
    padding-right: 1rem;
    color: #939393;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    background: url("../../../imgs/front/cw/icon/icon_more_gray.svg") no-repeat right center/0.625rem 0.5rem;
  }
  /* 트라이스톤 */
  .sub-section .sub-img-cont > a {
    right: 0;
    width: 7.375rem;
    height: 2.5625rem;
  }
  .sub-section .sub-img-cont > a span {
    padding-right: 1.25rem;
    color: #fff;
    font-size: 0.75rem;
    line-height: 2.5625rem;
    background-size: 0.625rem 0.5rem;
  }
  .material-section {
    margin-top: 1.125rem;
  }
  .material-section .inner-content {
    display: block;
  }
  .material-section .filter-area {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(25, 25, 25, 0.5);
    display: flex;
    opacity: 0;
    visibility: hidden;
  }
  .material-section .filter-area.active {
    display: block;
    opacity: 1;
    visibility: visible;
  }
  .material-section .filter-area .popup-layer {
    display: flex;
    height: 100vh;
    max-width: 100%;
    min-width: 100%;
    max-height: 100%;
  }
  .material-section .filter-area .popup-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 1rem 1.125rem;
  }
  .material-section .filter-area .popup-head h3 {
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
  .material-section .filter-area .popup-head .close {
    display: block;
    width: 2rem;
    height: 2rem;
    background: url("../../../imgs/front/cw/icon/icon_bk_close.svg") no-repeat center/2rem;
  }
  .material-section .filter-area .popup-content {
    flex: 1 1 0%;
    overflow: auto;
    overflow-x: hidden;
    padding: 0.75rem 1.125rem;
  }
  .material-section .filter-area .popup-content .applied-filters-list {
    display: block;
  }
  .material-section .filter-area .popup-content .filter-chkbox > li > button {
    margin: 0.75rem 0;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .material-section .filter-area .popup-content .filter-chkbox > li > ul {
    padding: 0.375rem 0 1.5rem;
  }
  .material-section .filter-area .popup-content .filter-chkbox > li > ul > li + li {
    margin-top: 0.875rem;
  }
  .material-section .filter-area .popup-content .filter-chkbox > li + li {
    margin-top: 0;
  }
  .material-section .filter-area .popup-btn-area {
    display: flex;
    justify-content: center;
    gap: 0.625rem;
    padding: 0.625rem 1.125rem;
  }
  .material-section .filter-area .popup-btn-area .btn {
    flex: 1;
  }
  .material-section .inquiry-link-btn {
    margin-top: 3.75rem;
    padding: 0.8125rem 0.625rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .material-section .applied-filters-list .flex {
    gap: 0.5rem;
  }
  .material-section .applied-filters-list .labels-list {
    gap: 0.5rem;
    padding-left: 0;
  }
  .material-section .applied-filters-list .labels-list::before {
    display: none;
  }
  .material-section .applied-filters-list .labels-list button span {
    padding-right: 1.25rem;
  }
  .material-section .material-area {
    width: 100%;
  }
  .material-section .material-area .results-bar {
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }
  .material-section .material-area .results-bar p {
    order: 1;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    margin-top: 1.875rem;
  }
  .material-section .material-area .results-bar p span {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .material-section .material-area .results-bar .filter {
    order: 2;
    margin-top: 1.875rem;
    padding-right: 1.1875rem;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    background: url("../../../imgs/front/cw/icon/icon_filter.svg") no-repeat right center/1.1875rem;
  }
  .material-section .material-area .results-bar .input {
    order: 0;
    width: 100%;
  }
  .material-section .material-area .results-bar .input .t-inp {
    height: 3rem;
    line-height: 3rem;
  }
  .material-section .material-area .applied-filters-list {
    display: none;
  }
  .material-section .material-area .item-list {
    gap: 2.25rem 0.75rem;
  }
  .material-section .material-area .item-list li {
    width: calc(50% - 0.375rem);
  }
  .material-section .material-area .item-list li .img-box::after {
    display: none;
  }
  .material-section .material-area .item-list li .img-box > span {
    width: 49.7%;
  }
  .material-section .material-area .item-list li .img-box .btn {
    width: 100%;
    height: 100%;
    background: none;
    opacity: 1;
    transition: none;
  }
  .material-section .material-area .item-list li .txt-box {
    padding-top: 0.625rem;
  }
  .material-section .material-area .item-list li .txt-box p {
    font-size: 0.9375rem;
    line-height: 1.4375rem;
  }
  /* 팝업 */
  .material-popup .popup-layer {
    min-width: calc(100% - 2.25rem);
    max-width: calc(100% - 2.25rem);
    max-height: 77vh;
  }
  .material-popup .popup-content {
    padding: 1.125rem 1.125rem 1.875rem;
  }
  .material-popup .popup-content .origin-tit {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .material-popup .popup-content .detail-img-original-box {
    margin-bottom: 1rem;
    aspect-ratio: 288/59;
  }
  .material-popup .popup-content .detail-img-original-box .expand-origin {
    display: block;
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
    width: 1.875rem;
    height: 1.875rem;
    background: rgba(25, 25, 25, 0.5) url("../../../imgs/front/cw/icon/icon_detail_zoom.svg") no-repeat center/1.875rem;
    font-size: 0;
  }
  .material-popup .popup-content .detail-img-box {
    aspect-ratio: 288/144;
  }
  .material-popup .popup-content .detail-img-box.ty2 {
    align-self: 288/192;
  }
  .material-popup .popup-content .detail-img-box .expand {
    display: block;
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
    width: 1.875rem;
    height: 1.875rem;
    background: rgba(25, 25, 25, 0.5) url("../../../imgs/front/cw/icon/icon_detail_zoom.svg") no-repeat center/1.875rem;
    font-size: 0;
  }
  .material-popup .popup-content .txt-box {
    display: block;
  }
  .material-popup .popup-content .txt-box .title-box {
    width: 100%;
    padding-right: 0;
  }
  .material-popup .popup-content .txt-box .title-box span {
    font-size: 0.75rem;
    line-height: 1.1875rem;
  }
  .material-popup .popup-content .txt-box .title-box p {
    margin-top: 0.25rem;
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
  .material-popup .popup-content .txt-box .info-box {
    width: 100%;
    margin-top: 1.25rem;
  }
  .material-popup .popup-content .txt-box .info-box > p {
    margin-top: 0.75rem;
    font-size: 0.75rem;
    line-height: 1.1875rem;
  }
  .material-popup .popup-content .txt-box .info > div {
    padding: 0.875rem 0;
  }
  .material-popup .popup-content .txt-box .info > div dt {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .material-popup .popup-content .txt-box .info > div dd {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .material-popup .popup-content .sw-box {
    margin-top: 2.5rem;
  }
  .material-popup .popup-content .sw-box .pdt-list-slide .swiper-wrapper .swiper-slide .img-box span {
    width: 48.6%;
  }
  .material-popup .popup-content .sw-box .pdt-list-slide .swiper-wrapper .swiper-slide p {
    margin-top: 0.625rem;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .material-popup .popup-btn-area {
    padding: 1rem;
  }
  .material-popup .popup-btn-area .btn {
    height: 2.75rem;
  }
  .material-popup .popup-btn-area .btn > span {
    font-size: 0.8125rem;
  }
  .no-data p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .expand-popup {
    background: #191919;
  }
  .expand-popup .popup-layer {
    min-width: 100%;
    max-width: 100%;
  }
  .expand-popup .popup-layer .close {
    position: absolute;
    top: 1rem;
    right: 1.125rem;
    width: 2rem;
    height: 2rem;
    background: url("../../../imgs/front/cw/icon/icon_wt_close.svg") no-repeat center/2rem;
  }
  .expand-popup .popup-layer .close span {
    font-size: 0;
  }
  .expand-popup .popup-layer .popup-content .img-box {
    aspect-ratio: 360/180;
  }
  .expand-popup .popup-layer .popup-content .img-box.ty2 {
    aspect-ratio: 360/240;
  }
  .expand-popup .popup-layer .popup-content .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .expand-origin-popup {
    background: #191919;
  }
  .expand-origin-popup .popup-layer {
    position: unset;
    overflow: hidden;
    padding: 0;
  }
  .expand-origin-popup .popup-layer .close {
    top: 1rem;
    right: 1.125rem;
    width: 2rem;
    height: 2rem;
    background-size: 2rem;
  }
  .expand-origin-popup .popup-layer .popup-content .img-box {
    aspect-ratio: 360/74;
  }
  /* 공지사항 */
  .search-area {
    flex-wrap: wrap;
    margin: 0 0 1.875rem;
    padding: 1.5rem 1.125rem;
    gap: 0.75rem;
    background: #F6F6F6;
  }
  .search-area .calendar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.375rem;
    width: 100%;
  }
  .search-area .calendar .input {
    width: calc(50% - 0.625rem);
  }
  .search-area .calendar > span {
    font-size: 0.75rem;
  }
  .nn-list-section .tit-box {
    align-items: center;
    margin: 2.5rem 0 1.875rem;
  }
  .nn-list-section .tit-box h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .nn-list-section .tit-box .cus-select {
    height: 2.25rem;
  }
  .nn-list-section .board-lists {
    gap: 2.25rem;
  }
  .nn-list-section .board-lists > li {
    width: 100%;
  }
  .nn-list-section .board-lists > li .img-box {
    aspect-ratio: 324/208;
  }
  .nn-list-section .board-lists > li .txt-box {
    margin-top: 1rem;
  }
  .nn-list-section .board-lists > li .txt-box p {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
  .nn-list-section .board-lists > li .txt-box span {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  /* 공지사항 상세 */
  .nn-detail-section {
    margin-top: 3rem;
  }
  .nn-detail-section .title-box {
    padding: 1.875rem 0;
  }
  .nn-detail-section .title-box h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
  }
  .nn-detail-section .title-box span {
    margin-top: 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .nn-detail-section .detail-content-area {
    padding: 1.875rem 0 3rem;
  }
  .nn-detail-section .detail-content-area pre {
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  .nn-detail-section .detail-content-area img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.875rem;
  }
  .nn-detail-section .detail-content-area .outlink {
    width: 6.8125rem;
    height: 2.625rem;
    margin: 3rem auto 0;
    font-size: 0.875rem;
    line-height: 2.625rem;
  }
  .nn-detail-section .post-nav-area {
    gap: 0.875rem;
    margin-top: 1rem;
  }
  .nn-detail-section .post-nav-area a {
    padding-left: 1.625rem;
    font-size: 0.8125rem;
  }
  .nn-detail-section .post-nav-area a.next {
    padding: 0 1.625rem 0 0;
  }
  .nn-detail-section .post-nav-area a.next::before {
    margin: 0 0.875rem 0 0;
  }
  .nn-detail-section .file-area {
    margin-top: 4.5rem;
  }
  .nn-detail-section .file-area > div {
    flex-wrap: wrap;
    padding: 1.125rem;
  }
  .nn-detail-section .file-area > div em {
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .nn-detail-section .file-area > div span {
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    white-space: initial !important;
    width: 100%;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .nn-detail-section .file-area > div a {
    width: 100%;
    margin-top: 0.5rem;
    font-size: 0.8125rem;
  }
  .nn-detail-section .new-post-area {
    margin-top: 4.5rem;
  }
  .nn-detail-section .new-post-area h4 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .nn-detail-section .new-post-area .swiper-slide .txt-box {
    margin-top: 1rem;
  }
  .nn-detail-section .new-post-area .swiper-slide .txt-box p {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
  .nn-detail-section .new-post-area .swiper-slide .txt-box span {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .nn-detail-section .new-post-area .swiper-pagination-progressbar {
    position: relative;
    width: 9.0625rem;
    margin: 2.5rem auto 0;
    height: 0.125rem;
    background: #d9d9d9;
  }
  .nn-detail-section .new-post-area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #122685;
  }
  /* 문의하기 */
  .cu-sub-section .title-box {
    margin: 3rem 0 1.25rem;
  }
  .cu-sub-section .title-box h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .cu-sub-section .title-box span {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .cu-sub-section .input-area {
    border-top: 1px solid #191919;
  }
  .cu-sub-section .input-area .inp-cont {
    padding: 1.25rem 0;
    display: block;
  }
  .cu-sub-section .input-area .inp-cont > div {
    width: 100%;
  }
  .cu-sub-section .input-area .inp-cont > div.inp-label {
    width: 100%;
    margin-bottom: 0.75rem;
  }
  .cu-sub-section .input-area .inp-cont > div.inp-label .label {
    font-size: 0.9375rem;
    line-height: 1.4375rem;
  }
  .cu-sub-section .input-area .inp-cont > div .t-inp {
    max-width: 100%;
    height: 3.25rem;
    padding: 0 1.125rem;
    line-height: 3.25rem;
  }
  .cu-sub-section .input-area .inp-cont > div .t-text {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .cu-sub-section .input-area .inp-cont > div .t-text.chk-ty {
    margin-top: 0.75rem;
  }
  .cu-sub-section .input-area .inp-cont > div.txt-box .bg {
    height: 29.375rem;
    padding: 0.9375rem 1.125rem;
  }
  .cu-sub-section .input-area .inp-cont > div.txt-box .bg pre {
    padding-right: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .cu-sub-section .input-area .inp-cont > div.txt-box .chkbox {
    margin-top: 1.25rem;
  }
  .cu-sub-section .input-area .inp-cont > div.radio-box > .flex {
    gap: 0.75rem 1rem;
    line-height: 1.5;
  }
  .cu-sub-section .input-area .inp-cont > div.radio-box .chkbox {
    margin-right: 0;
  }
  .cu-sub-section .input-area .inp-cont > div.radio-box .input {
    display: block;
    width: 100%;
  }
  .cu-sub-section .input-area .inp-cont > div.radio-box .t-inp {
    width: 100%;
    margin-top: 0.75rem;
  }
  .cu-sub-section .btn-area {
    gap: 0.625rem;
    margin-top: 2.5rem;
  }
  .cu-sub-section .btn-area a {
    width: calc(50% - 0.3125rem);
    height: 3.125rem;
  }
  .cu-sub-section .btn-area a > span {
    font-size: 0.875rem;
    line-height: 3.125rem;
  }
  /* 연혁 */
  .history-section .title-box {
    padding: 3rem 0 1.125rem;
  }
  .history-section .title-box strong {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .history-section .title-box p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .history-section.fixed .history-area .left-box {
    position: sticky;
    top: 4rem;
  }
  .history-section .history-area {
    display: block;
    padding-bottom: 8.75rem;
  }
  .history-section .history-area .left-box {
    width: 100%;
    padding: 1.875rem 0 1.875rem;
    z-index: 1;
    background: #fff;
    position: relative;
    top: auto;
  }
  .history-section .history-area .left-box > p {
    position: relative;
    top: auto;
    font-size: 0.9375rem;
    line-height: 1.4375rem;
  }
  .history-section .history-area .left-box .year-count {
    display: flex;
    position: relative;
    top: auto;
  }
  .history-section .history-area .left-box .year-count .count-num {
    height: 3.125rem;
  }
  .history-section .history-area .left-box .year-count .count-num .count-num-item-box {
    height: 100%;
  }
  .history-section .history-area .left-box .year-count .count-num .count-num-item-box .count-num-item {
    font-size: 3.125rem;
  }
  .history-section .history-area .right-box {
    width: 100%;
    padding-top: 0;
  }
  .history-section .history-area .right-box .sub-con .info-area .info-item-box {
    scroll-margin-top: 13.75rem;
  }
  .history-section .history-area .right-box .sub-con .info-area .info-item {
    display: block;
    padding: 0 0 1.875rem 2.625rem;
  }
  .history-section .history-area .right-box .sub-con .info-area .info-item::before {
    top: 0.3125rem;
    left: 0.3125rem;
    width: 1px;
    height: 100%;
  }
  .history-section .history-area .right-box .sub-con .info-area .info-item .history-year .s-year {
    display: block;
    width: auto;
    margin: 0 0 0.5rem 0;
    font-size: 1.125rem;
  }
  .history-section .history-area .right-box .sub-con .info-area .info-item .history-year::before {
    content: '';
    display: block;
    position: absolute;
    top: 0.375rem;
    right: auto;
    left: -2.5625rem;
    width: 0.5rem;
    height: 0.5rem;
    background: #D9D9D9;
  }
  .history-section .history-area .right-box .sub-con .info-area .info-item .history-box {
    padding-left: 0;
  }
  .history-section .history-area .right-box .sub-con .info-area .info-item .history-box .h-month-item > strong {
    min-width: 2rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .history-section .history-area .right-box .sub-con .info-area .info-item .history-box .h-month-item .h-info-txt-box {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .history-section .history-area .right-box .sub-con .info-area .info-item .history-box .h-month-item + .h-month-item {
    margin-top: 0.5rem;
  }
  .history-section .history-nav-area {
    height: 3.375rem;
  }
  .history-section .history-nav-area .history-nav {
    height: 3.375rem;
  }
  .history-section .history-nav-area ul {
    justify-content: flex-start;
    overflow-x: auto;
    gap: 1rem;
    background: #F6F6F6;
    padding: 0 1.125rem;
  }
  .history-section .history-nav-area ul li {
    padding: 0.875rem 0;
  }
  .history-section .history-nav-area ul li a {
    font-size: 0.875rem;
    line-height: 1.375rem;
    white-space: nowrap;
  }
  .history-section .history-nav-area ul li + li {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  .history-section .history-nav-area ul li + li::before {
    height: 0.75rem;
  }
  /* 푸터 */
  .sp-section {
    min-height: 0;
  }
  .sp-section .pre-like {
    padding-top: 2.5rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .sp-section .pre-like > strong, .sp-section .pre-like h3 {
    font-size: 1rem;
  }
  /* 에러 */
  .error-section .txt-box {
    padding: 6.25rem 0 0;
  }
  .error-section .txt-box > strong {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .error-section .txt-box p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .error-section .txt-box .btn-box {
    gap: 0.5rem;
  }
  .error-section .txt-box .btn-box .btn {
    width: 7.5rem;
    height: 2.6875rem;
    line-height: 2.6875rem;
  }
  .error-section .txt-box .btn-box .btn span {
    font-size: 0.8125rem;
  }
  /* 글로벌네트워크 */
  .global-section h4 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    margin: 3rem 0 1.875rem;
  }
  .global-section .map-area {
    display: flex;
    flex-wrap: wrap;
  }
  .global-section .map-area .list-box {
    order: 1;
    width: 100%;
    margin-top: 2.5rem;
  }
  .global-section .map-area .list-box > li .tit {
    padding: 1.25rem 0 0.625rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .global-section .map-area .list-box > li .country-box {
    max-height: 20.25rem;
    padding: 0.5rem 1.125rem;
  }
  .global-section .map-area .list-box > li .country-box .search-input .t-inp {
    height: 3rem;
    line-height: 3rem;
  }
  .global-section .map-area .list-box > li .country-list {
    margin-top: 0.375rem;
  }
  .global-section .map-area .list-box > li .country-list li {
    margin-top: 0.75rem;
  }
  .global-section .map-area .list-box > li .country-list li button {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .global-section .map-area .map-box {
    order: 0;
    width: 100%;
    height: 26.25rem;
  }
  .global-section .map-popup {
    position: fixed;
    left: 1.125rem;
    bottom: 1.125rem;
    width: calc(100% - 2.25rem);
  }
  .global-section .map-popup .popup-head {
    padding: 1.125rem 1.125rem 0.875rem;
  }
  .global-section .map-popup .popup-head strong {
    font-size: 1rem;
  }
  .global-section .map-popup .popup-content {
    max-height: 11.5rem;
    height: calc(100% - 3.5rem);
    padding: 0 1.125rem;
  }
  .global-section .map-popup .popup-content .partner {
    padding: 0.75rem;
  }
  .global-section .map-popup .popup-content .partner p {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .global-section .map-popup .popup-content .tit {
    padding: 0.875rem 0;
    font-size: 0.875rem;
  }
  .global-section .map-popup .popup-content .store-lists li {
    padding: 0.875rem 0;
  }
  .global-section .map-popup .popup-content .store-lists li a {
    background-size: 1.5rem;
  }
  .global-section .map-popup .popup-content .store-lists li .name {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .global-section .map-popup .popup-content .store-lists li .address {
    margin-top: 0.125rem;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .new-global-section .tit-box {
    margin: 3rem 0 1.875rem;
  }
  .new-global-section .tit-box h4 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .new-global-section .map-area {
    padding: 3.5rem 0.625rem 1.5rem;
    text-align: center;
  }
  .new-global-section .map-area .img-box .arrow {
    top: -5.19%;
  }
  .new-global-section .map-area .circle-box .circle {
    top: 14.94%;
    right: calc(20/360*100vw);
    width: calc(52/360*100vw);
    height: calc(52/360*100vw);
  }
  .new-global-section .map-area .circle-box .circle i {
    margin: -0.1875rem 0 0 -0.1875rem;
    width: 0.375rem;
    height: 0.375rem;
  }
  .new-global-section .map-area .circle-box .circle i::before {
    margin: -0.25rem 0 0 -0.25rem;
    width: 0.5rem;
    height: 0.5rem;
  }
  .new-global-section .map-area .marker::before {
    width: calc(37/360*100vw);
    height: calc(56/360*100vw);
    background: url("../../../imgs/front/cw/global/marker_mo.svg") no-repeat center;
    background-size: calc(15/360*100vw) calc(32/360*100vw);
    transition: 0.3s;
  }
  .new-global-section .map-area .marker span {
    display: none;
  }
  .new-global-section .map-area .marker.active::before {
    background-image: url("../../../imgs/front/cw/global/marker_a_mo.svg");
    background-size: calc(37/360*100vw) calc(56/360*100vw);
  }
  .new-global-section .map-area .marker.ma, .new-global-section .map-area .marker.cl, .new-global-section .map-area .marker.li, .new-global-section .map-area .marker.po, .new-global-section .map-area .marker.gr, .new-global-section .map-area .marker.si, .new-global-section .map-area .marker.ta, .new-global-section .map-area .marker.ne {
    display: none;
  }
  .new-global-section .map-area .marker.am {
    top: 1%;
    left: 8.58%;
  }
  .new-global-section .map-area .marker.be {
    top: 9.81%;
    left: 37.58%;
  }
  .new-global-section .map-area .marker.am {
    top: 1%;
    left: 8.58%;
  }
  .new-global-section .map-area .marker.sp {
    top: 7.94%;
    left: 40.23%;
  }
  .new-global-section .map-area .marker.du {
    top: 23.45%;
    left: 57.88%;
  }
  .new-global-section .map-area .marker.in {
    top: 25.18%;
    left: 66.41%;
  }
  .new-global-section .map-area .marker.ru {
    top: -7%;
    left: 62.82%;
  }
  .new-global-section .map-area .g-label {
    display: inline-flex;
    align-items: center;
    width: auto;
    height: 3.5rem;
    margin: 1.375rem auto 0;
    padding: 0 1.125rem 0 0.75rem;
    border: 1px solid #D9D9D9;
    background: #fff;
  }
  .new-global-section .map-area .g-label img {
    width: 2.5rem;
    height: 2.5rem;
  }
  .new-global-section .map-area .g-label span {
    display: inline-block;
    margin-left: 0.5rem;
    color: #122685;
    font-size: 1rem;
    font-weight: 700;
    line-height: 3.5rem;
  }
  .new-global-section .tab-list-wrap {
    margin: 3rem -1.125rem 1.875rem;
  }
  .new-global-section .tab-list-wrap .tab-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0 1.125rem;
  }
  .new-global-section .g-section + .g-section {
    margin-top: 4.5rem;
  }
  .new-global-section .g-section h5 {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .new-global-section .g-section .g-list {
    gap: 0.75rem;
  }
  .new-global-section .g-section .g-list li {
    width: 100%;
  }
  .new-global-section .g-section .g-list li .item {
    gap: 0.875rem;
    padding: 0.75rem;
  }
  .new-global-section .g-section .g-list li .item .thumb {
    width: 3.75rem;
    height: 3.75rem;
    padding: 0 0.6875rem;
  }
  .new-global-section .g-section .g-list li .item span {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .new-global-section .g-section .btn-area {
    margin: 1.25rem auto 0;
  }
  .new-global-section .g-section .btn-area .more {
    padding-right: 0.9375rem;
    background: url("../../../imgs/front/cw/icon/icon_g_more.svg") no-repeat right center/0.625rem 0.3125rem;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .new-global-section .g-section .info-area {
    border-width: 1px;
  }
  .new-global-section .g-section .info-box .t-top {
    padding: 1.125rem 0.75rem;
  }
  .new-global-section .g-section .info-box .t-top::after {
    width: 1.875rem;
    height: 1.875rem;
    background-size: 1.875rem;
  }
  .new-global-section .g-section .info-box .t-top span {
    padding-right: 1.125rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
    -webkit-line-clamp: 3;
  }
  .new-global-section .g-section .info-box .cont {
    padding: 1.125rem 1.625rem 1.125rem 1.125rem;
  }
  .new-global-section .g-section .info-box .cont div {
    max-height: 15.75rem;
    padding-right: 1.6875rem;
  }
  .new-global-section .g-section .info-box .cont div p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .new-global-section .g-section .info-box .cont div p + dl {
    margin-top: 1.125rem;
  }
  .new-global-section .g-section .info-box .cont div dl {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .new-global-section .g-section .info-box .cont div dl + dl {
    margin-top: 1.125rem;
  }
  /* 메인 팝업 */
  .main-popup {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
  }
  .main-popup .swiper-container {
    height: auto;
    width: 100% !important;
  }
  .main-popup .swiper-pagination {
    right: 1.5rem;
    bottom: 1.5rem;
  }
  .main-popup .btn-box {
    padding: 0 1.125rem;
  }
  .nodata p {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem;
  }
}

@media screen and (max-width: 1080px) {
  /* main */
  .main-visual-section .txt-box {
    padding: 3.5rem 0 5.8125rem;
  }
  .main-visual-section .txt-box .inner-content {
    display: block;
    min-height: 11.25rem;
  }
  .main-visual-section .txt-box h2 {
    width: 100%;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    white-space: initial !important;
    margin-bottom: 0.75rem;
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
  .main-visual-section .txt-box p {
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.375rem;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    white-space: initial !important;
  }
  .main-visual-section .img-box {
    height: 20rem;
  }
  .main-visual-section .img-box img, .main-visual-section .img-box video {
    aspect-ratio: 360 / 320;
  }
  .main-visual-section .control {
    bottom: 22.5rem;
    width: 100%;
    left: 1.125rem;
    transform: translateX(0);
    justify-content: flex-start;
  }
  .main-visual-section .progress-box {
    position: relative;
    width: 8.25rem;
    height: 1.3125rem;
    z-index: 1;
  }
  .main-visual-section .autoplay-progress {
    width: 5rem;
    height: 0.125rem;
  }
  .main-visual-section .swiper-pagination {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .main-visual-section .arrow-box {
    position: relative;
    width: 2.125rem;
    height: 0.5625rem;
  }
  .main-visual-section .arrow-box .swiper-button-next, .main-visual-section .arrow-box .swiper-button-prev {
    width: 0.6875rem;
    height: 0.5625rem;
  }
  .corp-infomation-section.active .menu-button {
    right: 1.125rem;
  }
  .corp-infomation-section.active .menu-lists {
    display: block;
  }
  .corp-infomation-section .menu-button {
    position: fixed;
    right: 1.125rem;
    bottom: 1.125rem;
    top: auto;
    width: 3rem;
    height: 3rem;
    padding: 0;
    text-indent: -999em;
    transform: rotate(0);
    background: #122685 url("../../../imgs/front/cw/icon/icon_plus_w.svg") no-repeat center/1rem;
    transition: 0s;
    transition-delay: 0s;
    border-radius: 50%;
  }
  .corp-infomation-section .menu-lists {
    width: 100%;
    padding: 7.875rem 1.125rem;
    transform: translateX(0);
    transition: 0;
    transition-delay: 0;
    display: none;
  }
  .corp-infomation-section .menu-lists .close {
    width: 2rem;
    height: 2rem;
    right: 1.125rem;
    top: 1rem;
  }
  .corp-infomation-section .menu-lists li {
    padding-bottom: 1.25rem;
  }
  .corp-infomation-section .menu-lists li + li {
    margin-top: 1.25rem;
  }
  .corp-infomation-section .menu-lists li a {
    padding-right: 6.6875rem;
    background-size: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
  .global-network-section {
    padding: 5rem 0;
    overflow: hidden;
  }
  .global-network-section .bg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .global-network-section .bg .bg-inner {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .global-network-section .bg .bg-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .global-network-section .txt-box {
    max-width: none;
  }
  .global-network-section .txt-box .title-box > span {
    color: #B4B4B4;
  }
  .global-network-section .txt-box .title-box h2 {
    margin: 0.625rem 0 0.75rem;
  }
  .global-network-section .txt-box p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .global-network-section .txt-box p br {
    display: block;
  }
  .global-network-section .txt-box .btn {
    margin: 2.5rem 0 6.0625rem;
  }
  .global-network-section .count-swiper {
    overflow: visible;
  }
  .global-network-section .count-swiper .swiper-slide {
    width: calc(100% - 3.875rem);
    padding: 1.1875rem 1.25rem;
  }
  .global-network-section .count-swiper .swiper-slide + .swiper-slide {
    margin-left: 0.75rem;
  }
  .global-network-section .count-swiper .swiper-slide h6 {
    font-size: 0.9375rem;
    line-height: 1.4375rem;
  }
  .global-network-section .count-swiper .swiper-slide p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .global-network-section .count-swiper .swiper-slide p span {
    font-size: 2rem;
    line-height: 2.625rem;
    margin-right: 0.125rem;
  }
  /* main */
  /* 서브 공통 */
  .sub-section .sub-text-cont {
    padding: 3.5rem 0 2.25rem;
  }
  .sub-section .sub-text-cont > .inner-content {
    display: block;
  }
  .sub-section .sub-text-cont .txt-box {
    max-width: none;
    margin-bottom: 1.875rem;
  }
  .sub-section .sub-text-cont .txt-box h6 {
    font-size: 0.9375rem;
    line-height: 1.4375rem;
  }
  .sub-section .sub-text-cont .txt-box h3 {
    font-size: 1.875rem;
    line-height: 2.5rem;
    margin: 0.5rem 0 0.75rem;
  }
  .sub-section .sub-text-cont .txt-box p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .sub-section .sub-text-cont .txt-box p br {
    display: none;
  }
  .sub-section .sub-img-cont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 360/240;
  }
  .breadcrumb {
    gap: 1.25rem;
  }
  .breadcrumb span {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .breadcrumb span.home {
    height: 1.3125rem;
  }
  .breadcrumb span + span::before {
    left: -0.625rem;
    height: 0.5rem;
  }
  /* 서브 공통 */
  /* ESG - 환경*/
  .esg-iso-section {
    margin-top: 3rem;
  }
  .esg-iso-section ~ section {
    margin-top: 4.5rem;
  }
  .esg-iso-section .txt-box span {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .esg-iso-section .txt-box h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .esg-iso-section .txt-box p {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .esg-iso-section .iso-box {
    display: block;
    margin-top: 1.875rem;
  }
  .esg-iso-section .iso-box .img-box {
    width: 100%;
    padding: 1.5625rem;
    margin-bottom: 1.875rem;
  }
  .esg-iso-section .iso-box .img-box img {
    width: 7.375rem;
    aspect-ratio: 118/159;
  }
  .esg-iso-section .iso-box .cont-box {
    display: block;
  }
  .esg-iso-section .iso-box .cont-box h6 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    padding-bottom: 1.125rem;
    margin-bottom: 1.875rem;
  }
  .esg-iso-section .iso-box .cont-box h6::before {
    width: 1.875rem;
  }
  .esg-iso-section .iso-box .cont-box dl {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    padding: 1.125rem 0;
  }
  .esg-iso-section .iso-box .cont-box dl dd {
    max-width: 69.13%;
  }
  .esg-act-section h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    padding-bottom: 1.875rem;
  }
  .esg-act-section .toggle-wrap .btn.toggle {
    font-size: 0.875rem;
    line-height: 1.375rem;
    padding: 1.375rem 0.75rem;
    padding-right: 3.75rem;
  }
  .esg-act-section .toggle-wrap .btn.toggle::before {
    right: 0.75rem;
    margin-top: -0.9375rem;
    width: 1.875rem;
    height: 1.875rem;
  }
  .esg-act-section .toggle-wrap .toggle-cont {
    font-size: 0.875rem;
    line-height: 1.375rem;
    padding: 1.125rem;
    padding-right: 1.625rem;
    background: #F6F6F6;
  }
  .esg-act-section .toggle-wrap .toggle-cont p {
    padding-right: 1.625rem;
    max-height: 11rem;
  }
  .esg-ryc-section {
    margin-bottom: -6.25rem;
    background: #F3F6FC;
    padding: 6.25rem 0;
  }
  .esg-ryc-section .inner-content {
    display: block;
  }
  .esg-ryc-section .inner-content > div + div {
    border-left: none;
    border-top: 1px solid #EAEAEA;
  }
  .esg-ryc-section .txt-box {
    padding: 1.875rem 1.5rem 1.6875rem;
  }
  .esg-ryc-section .txt-box h5 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 0.75rem;
  }
  .esg-ryc-section .txt-box p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .esg-ryc-section .txt-box .rate {
    margin-top: 1.5rem;
  }
  .esg-ryc-section .txt-box .rate h6 {
    padding-top: 2.625rem;
    background-size: 1.875rem;
  }
  .esg-ryc-section .txt-box .rate h6 span {
    font-size: 2.5rem;
    line-height: 2.5rem;
    letter-spacing: 0px;
  }
  .esg-ryc-section .txt-box .rate h6 em {
    font-size: 1.625rem;
    line-height: 2.1875rem;
  }
  .esg-ryc-section .txt-box .rate small {
    margin-top: 0.25rem;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .esg-ryc-section .cont-box {
    padding: 1.875rem 1.5rem 1.625rem;
  }
  .esg-ryc-section .cont-box .info {
    gap: 1.5rem;
    margin-bottom: 1.125rem;
  }
  .esg-ryc-section .cont-box .info span {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .esg-ryc-section .cont-box .info i {
    margin-right: 0.375rem;
    width: 0.75rem;
    height: 0.75rem;
  }
  .esg-ryc-section .graph-box ul {
    gap: 0.375rem;
  }
  .esg-ryc-section .graph-box div {
    height: 12.5rem;
  }
  .esg-ryc-section .graph-box .graph {
    font-size: 0.75rem;
    line-height: 1.1875rem;
    width: 100%;
    padding-top: 0.375rem;
    transform: translateY(0.375rem);
  }
  .esg-ryc-section .graph-box p {
    font-size: 0.75rem;
    line-height: 1.1875rem;
    margin-top: 0.375rem;
  }
  /* ESG - 환경*/
  /* ESG - 사회*/
  .esg-soc-section .tit-box h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .esg-soc-section .tit-box p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .esg-soc-section .tit-box p br {
    display: none;
  }
  .esg-soc-section .soc-text-swiper {
    margin: 1.5rem 0 1.875rem;
  }
  .esg-soc-section .soc-text-swiper::before {
    width: 2.3125rem;
  }
  .esg-soc-section .soc-text-swiper .swiper-slide {
    max-width: 15rem;
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .esg-soc-section .soc-text-swiper .swiper-slide:last-child {
    margin-right: 2.3125rem !important;
  }
  .esg-soc-section .soc-swiper-wrap .swiper-slide {
    flex-direction: column;
    gap: 1rem;
  }
  .esg-soc-section .soc-swiper-wrap .swiper-button-next, .esg-soc-section .soc-swiper-wrap .swiper-button-prev {
    width: 8.8vw;
    height: 8.8vw;
    border: none;
    background: rgba(25, 25, 25, 0.5) url("../../../imgs/front/cw/icon/icon_sp_wt_next.svg") no-repeat center/3.05vw;
    top: 28vw;
  }
  .esg-soc-section .soc-swiper-wrap .swiper-button-next::after, .esg-soc-section .soc-swiper-wrap .swiper-button-prev::after {
    display: none;
  }
  .esg-soc-section .soc-swiper-wrap .swiper-button-next.swiper-button-disabled, .esg-soc-section .soc-swiper-wrap .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    background: rgba(25, 25, 25, 0.5) url("../../../imgs/front/cw/icon/icon_sp_wt_next.svg") no-repeat center/3.05vw;
  }
  .esg-soc-section .soc-swiper-wrap .swiper-button-prev {
    left: 0;
    background-image: url("../../../imgs/front/cw/icon/icon_sp_wt_prev.svg");
  }
  .esg-soc-section .soc-swiper-wrap .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    background-image: url("../../../imgs/front/cw/icon/icon_sp_wt_prev.svg");
  }
  .esg-soc-section .soc-swiper-wrap .swiper-button-next {
    right: 0;
  }
  .esg-soc-section .soc-swiper-wrap .img-box {
    width: 100%;
  }
  .esg-soc-section .soc-swiper-wrap .txt-box {
    flex: 1;
    width: 100%;
  }
  .esg-soc-section .soc-swiper-wrap .txt-box h6 {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin: 1rem 0 0.5rem;
  }
  .esg-soc-section .soc-swiper-wrap .txt-box p {
    font-size: 0.875rem;
    line-height: 1.375rem;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    white-space: initial !important;
  }
  /* ESG - 사회*/
  /* ESG - 지배구조*/
  .esg-pos-section .tit-box {
    margin-bottom: 1.875rem;
  }
  .esg-pos-section .tit-box h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .esg-pos-section .tit-box p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .esg-pos-section .tit-box p br {
    display: none;
  }
  .esg-pos-section .img-box {
    height: 13.125rem;
  }
  .esg-pos-section .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 324 / 210;
  }
  .esg-dir-section {
    padding: 4.5rem 0 3.25rem;
    margin-bottom: -6.25rem;
  }
  .esg-dir-section .tit-box h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .esg-dir-section .cont-box {
    margin: 1.875rem 0 3.75rem;
  }
  .esg-dir-section .cont-box ul {
    flex-direction: column;
    gap: 1.125rem;
  }
  .esg-dir-section .cont-box ul li {
    flex: 0 0 100%;
    padding: 1.125rem;
  }
  .esg-dir-section .cont-box ul h6 {
    font-size: 1.125rem;
    line-height: 1.625rem;
    gap: 0.625rem;
    padding-bottom: 0.875rem;
  }
  .esg-dir-section .cont-box ul h6 span {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .esg-dir-section .cont-box ul dl {
    padding: 0.875rem 0;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  /* ESG - 지배구조*/
  /* EM - 윤리경영*/
  .em-ethic-section .cont-area {
    display: block;
    margin-top: 3rem;
  }
  .em-ethic-section .cont-area + .cont-area {
    padding-top: 4.5rem;
    margin-top: 4.5rem;
  }
  .em-ethic-section .cont-area .tit-box {
    width: 100%;
  }
  .em-ethic-section .cont-area .tit-box h3 {
    position: relative;
    top: auto;
    font-size: 1.5rem;
    line-height: 2rem;
    padding-bottom: 1.625rem;
  }
  .em-ethic-section .cont-area .tit-box h3::before {
    width: 1.875rem;
  }
  .em-ethic-section .cont-area .txt-box {
    flex: 1;
  }
  .em-ethic-section .cont-area .txt-box p {
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin: 1.5rem 0 2.25rem;
  }
  .em-ethic-section .cont-area .txt-box h6 {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-bottom: 0.75rem;
  }
  .em-ethic-section .cont-area .txt-box h6 span {
    margin-right: 0.375rem;
  }
  .em-ethic-section .cont-area .txt-box .box {
    padding: 1.125rem;
  }
  .em-ethic-section .cont-area .txt-box > ul > li + li {
    margin-top: 1.875rem;
  }
  .em-ethic-section .cont-area .txt-box > ul > li + li p {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    margin: 0;
  }
  /* EM - 윤리경영*/
  /* ct - 카탈로그*/
  .ct-info-section {
    margin-top: 3rem;
  }
  .ct-info-section .tit-box h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .ct-info-section .tit-box p {
    font-size: 0.875rem;
    line-height: 1.375rem;
    max-width: none;
  }
  .ct-info-section .tit-box p br {
    display: none;
  }
  .ct-info-section .tit-box a {
    position: relative;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    padding-right: 1rem;
    background-size: 0.6875rem;
    margin-top: 1.25rem;
  }
  .ct-info-section .cont-area + .cont-area {
    margin-top: 4.5rem;
  }
  .ct-info-section .cont-box {
    margin: 1.875rem 0;
    display: block;
  }
  .ct-info-section .cont-box .img-box {
    padding: 1.5rem;
  }
  .ct-info-section .cont-box .img-box img {
    width: 8rem;
    aspect-ratio: 128 / 158;
  }
  .ct-info-section .cont-box .img-list {
    margin: 1.5625rem 2.375rem;
    gap: 0.5rem;
  }
  .ct-info-section .cont-box .img-list li {
    flex: 0 0 calc(50% - 0.25rem);
  }
  .ct-info-section .btn-box {
    gap: 0.625rem;
  }
  .ct-info-section .btn-box a {
    width: 6.4375rem;
    height: 2.625rem;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .ct-etc-section {
    margin-top: 4.5rem;
  }
  .ct-etc-section .tit-box h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.875rem;
  }
  .ct-etc-section .etc-swiper h6 {
    font-size: 1.125rem;
    line-height: 1.625rem;
    padding: 0 1.125rem;
    margin: 1rem auto;
  }
  .ct-etc-section .etc-swiper .img-box {
    padding: 2.375rem 0;
  }
  .ct-etc-section .etc-swiper .img-box img {
    width: 11.625rem;
    aspect-ratio: 186 / 133;
  }
  .ct-etc-section .etc-swiper .btn {
    width: 6.4375rem;
    height: 2.625rem;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .ct-etc-section .etc-swiper .swiper-pagination {
    width: 9.0625rem;
    margin-top: 2.5rem;
  }
  /* ct - 카탈로그*/
  /* td - 자료아카이브*/
  .td-arc-section {
    margin-top: 3rem;
  }
  .td-arc-section .tit-box h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .td-arc-section .tab-list-wrap {
    margin-top: 1rem;
  }
  .td-arc-section .cont-area {
    margin-top: 1.875rem;
  }
  .td-arc-section .cont-box {
    display: block;
  }
  .td-arc-section .cont-box + .cont-box {
    margin-top: 2.25rem;
  }
  .td-arc-section .cont-box .img-box {
    width: 100%;
    padding: 1.5625rem;
  }
  .td-arc-section .cont-box .img-box img {
    height: 10rem;
  }
  .td-arc-section .cont-box .txt-box {
    padding: 0;
    margin-top: 1.25rem;
  }
  .td-arc-section .cont-box .txt-box > span {
    font-size: 0.75rem;
    line-height: 1.1875rem;
    padding: 0.1875rem 0.3125rem;
    margin-bottom: 0.6875rem;
  }
  .td-arc-section .cont-box .txt-box h6 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 1.125rem;
  }
  .td-arc-section .cont-box .txt-box p {
    font-size: 0.875rem;
    line-height: 1.375rem;
    padding-top: 1.25rem;
  }
  .td-arc-section .cont-box .txt-box p::before {
    width: 1.875rem;
  }
  .td-arc-section .cont-box .btn-box {
    gap: 0.625rem;
    margin-top: 1.875rem;
  }
  /* td - 자료아카이브*/
  /* pf - 포트폴리오 */
  .pf-main-section .tit-box {
    margin: 3rem 0 1.875rem;
  }
  .pf-main-section .tit-box h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .pf-main-section .cont-box {
    display: block;
  }
  .pf-main-section .cont-box .txt-box {
    padding: 1.625rem 1.5rem;
    padding-right: 3.25rem;
  }
  .pf-main-section .cont-box .txt-box h6 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .pf-main-section .cont-box .txt-box p {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    margin: 0.5rem 0 0.625rem;
  }
  .pf-main-section .cont-box .txt-box a {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .pf-main-section .cont-box .img-box small {
    right: 0.625rem;
    bottom: 0.625rem;
    font-size: 0.6875rem;
    line-height: 1rem;
  }
  .pf-main-section .tab-list-wrap {
    margin: 3.5rem 0 1.875rem;
  }
  .pf-main-section .td-port-lists {
    gap: 2.25rem;
  }
  .pf-main-section .td-port-lists > li {
    flex: 0 0 calc(100%);
  }
  .pf-main-section .td-port-lists .img-box::after {
    width: 3rem;
    height: 3rem;
  }
  .pf-main-section .td-port-lists span {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    margin: 1rem 0 0.5rem;
  }
  .pf-main-section .td-port-lists h6 {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
  .pf-slide-section {
    margin-top: 4.5rem;
  }
  .pf-slide-section .pf-slide-list li {
    width: 14.375rem !important;
    margin-right: 1.5rem !important;
  }
  .pf-slide-section .img-box img {
    aspect-ratio: 200/136;
  }
  .pf-slide-section h6 {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  /* pf - 포트폴리오 */
  /* pf - 포트폴리오 - 상세 */
  .popup-pt-detail .popup-head {
    padding: 0.75rem;
  }
  .popup-pt-detail .popup-head .close {
    width: 2rem;
    height: 2rem;
  }
  .popup-pt-detail .popup-btn {
    padding-bottom: 1.25rem;
  }
  .popup-pt-detail .popup-btn .btn {
    width: 6.4375rem;
    height: 2.625rem;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .popup-pt-detail .w-874 {
    max-height: none;
  }
  .popup-pt-detail .w-874 .pt-detail-section {
    padding-top: 0;
  }
  .pt-detail-section {
    padding: 0 1.125rem 1.875rem;
  }
  .pt-detail-section .tit-box span {
    font-size: 0.75rem;
    line-height: 1.1875rem;
  }
  .pt-detail-section .tit-box h4 {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin: 0.375rem 0 0.5rem;
  }
  .pt-detail-section .tit-box p {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .pt-detail-section .img-swiper {
    margin-top: 1.25rem;
  }
  .pt-detail-section .img-swiper .swiper-button-next, .pt-detail-section .img-swiper .swiper-button-prev {
    width: 2rem;
    height: 2rem;
  }
  .pt-detail-section .cont-box h6 {
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-bottom: 0.75rem;
  }
  .pt-detail-section .cont-box dl {
    font-size: 0.75rem;
    line-height: 1.1875rem;
    padding: 0.625rem 0;
  }
  .pt-detail-section .cont-box > dl {
    gap: 1rem;
    padding: 0;
  }
  .pt-detail-section .cont-box > dl > dt {
    width: 7.3125rem;
    padding: 1.875rem;
  }
  .pt-detail-section .cont-box > dl > dt img {
    aspect-ratio: 57/57;
  }
  /* pf - 포트폴리오 - 상세 */
  /* fi - 재무정보 */
  .fi-main-section .inner-content {
    padding: 0;
  }
  .fi-main-section .tit-box {
    display: block;
    margin: 3rem 0 1.875rem;
    padding: 0 1.125rem;
  }
  .fi-main-section .tit-box h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .fi-main-section .tit-box h3 span {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    margin-left: 0.375rem;
  }
  .fi-main-section .select-wrap {
    margin-top: 1.25rem;
  }
  .fi-main-section .select-wrap .w-180 {
    flex: 1;
  }
  .tbl-box {
    padding: 0 1.125rem;
  }
  .tbl {
    table-layout: auto;
  }
  .tbl thead th, .tbl thead td {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    padding: 0.75rem 0.625rem;
  }
  .tbl tbody th, .tbl tbody td, .tbl tfoot th, .tbl tfoot td {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    padding: 0.75rem 0.625rem;
  }
  /* fi - 재무정보 */
  /* au - 라이온켐텍 */
  .au-video-section {
    height: calc(100vh - 4rem);
  }
  .au-video-section .swiper-slide .txt-box {
    padding: 0 1.125rem;
  }
  .au-video-section .swiper-slide .txt-box span {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    letter-spacing: -0.039px;
  }
  .au-video-section .swiper-slide .txt-box h6 {
    font-size: 2rem;
    line-height: 2.5rem;
    letter-spacing: -0.096px;
    margin: 0.75rem 0 0.875rem;
  }
  .au-video-section .swiper-slide .txt-box p {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem;
  }
  .au-video-section .control {
    bottom: 1.5rem;
    gap: 0.625rem;
  }
  .au-video-section .progress-box {
    position: relative;
    width: 8.25rem;
    height: 1.3125rem;
    z-index: 1;
  }
  .au-video-section .autoplay-progress {
    width: 5rem;
  }
  .au-video-section .swiper-pagination {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .au-video-section .swiper-button-next, .au-video-section .swiper-button-prev {
    width: 0.6875rem;
    height: 0.5625rem;
    left: -1.25rem;
  }
  .au-video-section .swiper-button-next {
    left: auto;
    right: -1.25rem;
  }
  .au-video-section ~ section {
    margin-top: 5rem;
  }
  .au-video-section ~ section .tit-box span {
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: -0.042px;
  }
  .au-video-section ~ section .tit-box h4 {
    font-size: 1.625rem;
    line-height: 2.125rem;
    letter-spacing: -0.078px;
  }
  .au-bann-section {
    margin-top: 3rem !important;
  }
  .au-bann-section .txt-box span {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    letter-spacing: 0;
  }
  .au-bann-section .txt-box h6 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0px;
    margin-top: 0.375rem;
  }
  .au-bs-section {
    margin-top: 5rem !important;
  }
  .au-bs-section .tit-box h4 {
    margin: 1rem 0 1.25rem;
  }
  .au-bs-section .tit-box h4 br {
    display: none;
  }
  .au-bs-section .tit-box p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .au-bs-section .tit-box p br {
    display: none;
  }
  .au-bs-section .tit-box p + p {
    margin-top: 0.75rem;
  }
  .au-bs-section .tit-box small {
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-top: 1.25rem;
  }
  .au-bs-section .cont-box {
    flex-direction: column;
    margin-top: 2.5rem;
    gap: 2.5rem;
  }
  .au-bs-section .cont-box .box {
    flex: 1;
    position: relative;
  }
  .au-bs-section .cont-box .box .txt-box {
    position: relative;
    padding: 1rem 0 0;
    background: none;
    color: #191919;
    bottom: 0;
  }
  .au-bs-section .cont-box .box .txt-box h6 {
    flex-flow: row;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: -0.06px;
    gap: 0.5rem;
    align-items: center;
  }
  .au-bs-section .cont-box .box .txt-box h6 span {
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: -0.042px;
  }
  .au-bs-section .cont-box .box .txt-box p {
    color: #191919;
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-top: 0.5rem;
    display: block;
    opacity: 1;
  }
  .au-bs-section .cont-box .box .txt-box p br {
    display: none;
  }
  .au-cv-section {
    padding: 5rem 0;
  }
  .au-cv-section .tit-box h4 {
    margin-top: 0.625rem;
  }
  .au-cv-section .core-slide {
    margin: 2.5rem -1.125rem 0;
  }
  .au-cv-section .core-slide .box .txt-box {
    padding: 1.125rem 1.25rem;
    padding-right: 1.375rem;
  }
  .au-cv-section .core-slide .box .txt-box span {
    top: 1rem;
    right: 0.625rem;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.048px;
  }
  .au-cv-section .core-slide .box .txt-box h6 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .au-cv-section .core-slide .box .txt-box p {
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-top: 0.25rem;
  }
  .au-cv-section .core-slide .box .txt-box p br {
    display: none;
  }
  .au-cp-section .tit-box h4 {
    margin: 0.625rem 0;
    font-size: 1.625rem !important;
    line-height: 2.125rem !important;
  }
  .au-cp-section .tit-box p {
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-bottom: 1.875rem;
  }
  .au-cp-section .cont-box {
    flex-direction: column;
    gap: 2.5rem;
  }
  .au-cp-section .cont-box .box {
    color: #191919;
  }
  .au-cp-section .cont-box .box .txt-box {
    padding: 1rem 0 0;
    position: relative;
    bottom: 0;
  }
  .au-cp-section .cont-box .box .txt-box h6 {
    flex-flow: row;
    align-items: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: -0.06px;
    gap: 0.5rem;
  }
  .au-cp-section .cont-box .box .txt-box h6 span {
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: -0.042px;
  }
  .au-cp-section .cont-box .box .txt-box p {
    color: #191919;
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-top: 0.5rem;
    opacity: 1;
  }
  .au-cp-section .cont-box .box .txt-box p br {
    display: none;
  }
  .au-cp-section .cont-box .box:hover .txt-box {
    background: none;
  }
  .au-cp-section .cont-box .box:hover .txt-box p {
    opacity: 1;
  }
  .au-if-section .inner-content {
    display: block;
  }
  .au-if-section .inner-content .tit-box h4 {
    margin-top: 0.625rem;
    font-size: 1.625rem !important;
    line-height: 2.125rem !important;
  }
  .au-if-section .inner-content .cont-box {
    margin-top: 1.875rem;
    border-top: 1px solid #191919;
    width: 100%;
  }
  .au-if-section .inner-content .cont-box dl {
    gap: 2.25rem;
    padding: 1.125rem 0;
  }
  .au-if-section .inner-content .cont-box dl dt {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .au-if-section .inner-content .cont-box dl dd {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  /* au - 라이온켐텍 */
  /* la - 찾아오는길 */
  .la-main-section {
    margin-top: 3rem;
  }
  .la-main-section .cont-box + .cont-box {
    margin-top: 4.5rem;
    padding-top: 4.5rem;
  }
  .la-main-section .cont-box span {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .la-main-section .cont-box h6 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin: 0.5rem 0 1.875rem;
  }
  .la-main-section .cont-box .map {
    margin-bottom: 1.25rem;
    height: auto;
    border: 1px solid #D9D9D9;
    position: relative;
    padding-bottom: 64.2%;
  }
  .la-main-section .cont-box .map iframe {
    position: absolute;
    left: 0;
    top: 0;
  }
  .la-main-section .cont-box dl {
    display: flex;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .la-main-section .cont-box dl dt {
    width: 2.1875rem;
  }
  /* la - 찾아오는길 */
  /* ca - 채용안내 */
  .ca-bann-section {
    margin-top: 3rem;
  }
  .ca-bann-section ~ section {
    margin-top: 4.5rem;
  }
  .ca-bann-section ~ section .tit-box h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.875rem;
  }
  .ca-bann-section .txt-box span {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .ca-bann-section .txt-box h6 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-top: 0.375rem;
  }
  .ca-pros-section .cont-box {
    padding: 1.875rem 0;
    flex-direction: column;
  }
  .ca-pros-section .cont-box .step {
    width: 10rem;
    height: 10rem;
    margin: 0;
    margin-bottom: -1.875rem;
  }
  .ca-pros-section .cont-box .step span {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .ca-pros-section .cont-box .step p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .ca-pros-section .cont-box .step:last-child {
    margin: 0;
    margin-top: 7rem;
  }
  .ca-pros-section .cont-box .step:last-child::before {
    display: block;
    content: '';
    position: absolute;
    width: 2.625rem;
    height: 1rem;
    background: url("../../../imgs/front/cw/icon/icon_progress.svg") no-repeat center/cover;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    top: -3.125rem;
  }
  .ca-info-section .cont-box {
    gap: 1.25rem;
  }
  .ca-info-section .cont-box dl {
    width: 100%;
  }
  .ca-info-section .cont-box dt {
    font-size: 1.125rem;
    line-height: 1.625rem;
    padding-left: 1rem;
  }
  .ca-info-section .cont-box dt::before {
    height: 1.25rem;
  }
  .ca-info-section .cont-box dd {
    padding-left: 1rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .ca-info-section .cont-box dd br {
    display: none;
  }
  .ca-info-section small {
    margin-top: 1.875rem;
    font-size: 0.9375rem;
    line-height: 1.4375rem;
  }
  .ca-info-section small strong {
    display: block;
    padding-left: 1.375rem;
    background-size: 1rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-bottom: 0.5rem;
  }
  .ca-info-section small span {
    text-indent: -9999em;
    display: block;
    line-height: 0;
  }
  /* ca - 채용안내 */
  /* ca - 인사제도 */
  .ca-levl-section {
    margin-top: 3rem;
  }
  .ca-levl-section ~ section {
    margin-top: 4.5rem;
  }
  .ca-levl-section ~ section .tit-box h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.875rem;
  }
  .ca-levl-section .tit-box h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.875rem;
  }
  .ca-levl-section .cont-box {
    padding: 1.875rem 1.5rem;
  }
  .ca-levl-section .cont-box h6 {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
  .ca-levl-section .cont-box h6 span {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .ca-levl-section .cont-box .box {
    margin-top: 1.25rem;
    gap: 0.75rem;
    flex-wrap: wrap;
  }
  .ca-levl-section .cont-box .box ~ h6 {
    margin-top: 1.875rem;
  }
  .ca-levl-section .cont-box .box .level {
    width: calc(50% - 0.375rem);
    padding: 1.0625rem;
  }
  .ca-levl-section .cont-box .box .level span {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .ca-levl-section .cont-box .box .level p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .ca-levl-section .cont-box .box .level + .level {
    position: relative;
  }
  .ca-levl-section .cont-box .box .level + .level::after, .ca-levl-section .cont-box .box .level + .level::before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  .ca-levl-section .cont-box .box .level + .level::after {
    width: 1.125rem;
    height: 0.875rem;
    border-width: 0.5rem;
    border-style: solid;
    border-color: transparent transparent transparent #B4B4B4;
    left: -0.5625rem;
  }
  .ca-levl-section .cont-box .box .level + .level::before {
    width: 2rem;
    height: 2rem;
    left: -1.375rem;
  }
  .ca-levl-section .cont-box .box .level:nth-child(1) {
    order: 1;
  }
  .ca-levl-section .cont-box .box .level:nth-child(2) {
    order: 2;
  }
  .ca-levl-section .cont-box .box .level:nth-child(3) {
    order: 4;
  }
  .ca-levl-section .cont-box .box .level:nth-child(3):before {
    transform: translate(-50%, 0);
    left: 50%;
    top: -1.375rem;
  }
  .ca-levl-section .cont-box .box .level:nth-child(3)::after {
    transform: translate(-50%, 0);
    left: 50%;
    top: -0.5625rem;
    border-color: transparent;
    border-top-color: #B4B4B4;
  }
  .ca-levl-section .cont-box .box .level:nth-child(4) {
    order: 3;
  }
  .ca-levl-section .cont-box .box .level:nth-child(4):before {
    left: auto;
    right: -1.375rem;
  }
  .ca-levl-section .cont-box .box .level:nth-child(4)::after {
    left: auto;
    right: -0.5625rem;
    border-color: transparent;
    border-right-color: #B4B4B4;
  }
  .ca-levl-section .cont-box .box .level:nth-child(5) {
    order: 5;
  }
  .ca-levl-section .cont-box .box .level:nth-child(5):before {
    transform: translate(-50%, 0);
    left: 50%;
    top: -1.375rem;
  }
  .ca-levl-section .cont-box .box .level:nth-child(5)::after {
    transform: translate(-50%, 0);
    left: 50%;
    top: -0.5625rem;
    border-color: transparent;
    border-top-color: #B4B4B4;
  }
  .ca-levl-section .cont-box .box .level:nth-child(6) {
    order: 5;
  }
  .ca-levl-section .cont-box .box .level:nth-child(6)::after {
    border-color: transparent !important;
    border-left-color: #122685 !important;
  }
  .ca-levl-section .cont-box .box .level:last-child::after {
    border-color: transparent;
    border-right-color: #122685;
  }
  .ca-intr-section .tit-box p {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .ca-intr-section .cont-box {
    flex-wrap: wrap;
    margin-top: 1.875rem;
  }
  .ca-intr-section .cont-box .box {
    width: 100%;
    padding: 1.875rem 1.5rem;
    border-right: 0;
    border-bottom: 1px solid #d9d9d9;
  }
  .ca-intr-section .cont-box .box:nth-child(3) {
    padding-right: 1.125rem;
  }
  .ca-intr-section .cont-box .box .icon {
    width: 3.125rem;
    min-width: 3.125rem;
  }
  .ca-intr-section .cont-box .box .txt {
    margin-top: 1.125rem;
  }
  .ca-intr-section .cont-box .box .txt h6 {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-bottom: 0.5rem;
  }
  .ca-intr-section .cont-box .box .txt p {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .ca-intr-section .cont-box .box:nth-child(3) {
    border-bottom: 0;
  }
  /* ca - 인사제도 */
  /* ca - 지원제도 */
  .ca-supp-section {
    margin-top: 3rem;
  }
  .ca-supp-section .cont-box {
    flex-direction: column;
    gap: 1.25rem;
  }
  .ca-supp-section .cont-box + .cont-box {
    margin-top: 4.5rem;
  }
  .ca-supp-section .img-box {
    width: 100%;
  }
  .ca-supp-section .txt-box {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .ca-supp-section .txt-box h6 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 0.5rem;
  }
  .ca-supp-section .txt-box p {
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-bottom: 1.25rem;
  }
  .ca-supp-section .txt-box dl {
    display: flex;
    padding: 1.125rem 0;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    gap: 1.5rem;
  }
  /* ca - 지원제도 */
  /* ca - FAQ */
  .ca-faq-section {
    margin-top: 3rem;
  }
  .ca-faq-section h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    padding-bottom: 1.875rem;
  }
  .ca-faq-section .toggle-wrap .btn.toggle {
    font-size: 0.875rem;
    line-height: 1.375rem;
    padding: 1.125rem 0.75rem;
    padding-right: 3.75rem;
  }
  .ca-faq-section .toggle-wrap .btn.toggle::before {
    right: 0.75rem;
    margin-top: -0.9375rem;
    width: 1.875rem;
    height: 1.875rem;
  }
  .ca-faq-section .toggle-wrap .toggle-cont {
    font-size: 0.875rem;
    line-height: 1.375rem;
    padding: 1.125rem;
    padding-right: 1.625rem;
    background: #F6F6F6;
  }
  .ca-faq-section .toggle-wrap .toggle-cont p {
    padding-right: 1.625rem;
    max-height: 11rem;
  }
  /* ca - FAQ */
}