@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: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

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

.flex.al-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

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

.flex.space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex.justify-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

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

.flex.justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* flex */
/* input */
.input.ty-search1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  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::-webkit-input-placeholder {
  color: #5A5757;
}

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

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

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

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

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

.input.ty-search2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  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::-webkit-input-placeholder {
  color: #5A5757;
  font-size: 0.9375rem;
}

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

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

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

.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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  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::-webkit-input-placeholder {
  color: #939393;
}

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

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

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

.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::-webkit-input-placeholder {
  color: #5A5757;
}

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

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

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

.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::-webkit-input-placeholder {
  color: #939393;
}

textarea::-moz-placeholder {
  color: #939393;
}

textarea:-ms-input-placeholder {
  color: #939393;
}

textarea::-ms-input-placeholder {
  color: #939393;
}

textarea::placeholder {
  color: #939393;
}

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

.chkbox > label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  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%;
  -webkit-transition: 0.3s;
  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;
  -webkit-transition: 0.3s;
  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;
  -webkit-transition: 0.3s;
  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: 8.9375rem;
  height: 3.3125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.06);
  -webkit-backdrop-filter: blur(0.625rem);
  backdrop-filter: blur(0.625rem);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.btn.ty-more::before {
  border-color: rgba(255, 255, 255, 0.2);
}

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

.btn.ty-more:hover {
  background: #fff;
}

.btn.ty-more:hover::before {
  border-color: #fff;
}

.btn.ty-more:hover > span {
  color: #191919;
  background-image: url(../../../imgs/front/cw/icon/icon_more.svg);
}

.btn.ty-more.c-bk::before {
  border: 1px solid #d9d9d9;
}

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

.btn.ty-download {
  width: 8rem;
  height: 3.1875rem;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: 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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: 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;
}

.btn.icon.download {
  width: 1rem;
  height: 1.25rem;
  background: url("../../../imgs/front/cw/icon/icon_download_bk3.svg") no-repeat center/cover;
}

/* 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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  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 {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  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;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.ui-widget-header .ui-datepicker-next .ui-icon {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  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;
  -webkit-box-shadow: 0.375rem 0.375rem 0.9375rem rgba(0, 0, 0, 0.1);
  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%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -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%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -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: 3rem;
  line-height: 4rem;
}

.t-title.ty2 {
  font-size: 2.625rem;
  line-height: 3.5rem;
}

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

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

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

/* pagination */
.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  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");
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.pagination > a.prev {
  background-image: url("../../../imgs/front/cw/icon/icon_page_next.svg");
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  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%;
}

.lists.ty2 li {
  font-size: 1rem;
  line-height: 1.5rem;
  padding-left: 0.8125rem;
  position: relative;
}

.lists.ty2 li::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0.65625rem;
  width: 0.1875rem;
  height: 0.1875rem;
  background: #191919;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  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;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  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 {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}

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

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

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

.header.c-wt {
  border-bottom: 1px solid rgba(234, 234, 234, 0.1);
  background-color: transparent;
}

.header.c-wt .header-wrap {
  background-color: transparent;
  color: #fff;
}

.header.c-wt .logo a {
  background-image: url("../../../imgs/front/cw/icon/logo_wt.svg") !important;
}

.header.c-wt .lang-select p {
  background-image: url("../../../imgs/front/cw/icon/icon_lang_wt.svg");
}

.header.c-wt .lang-select p::before {
  background-image: url("../../../imgs/front/cw/icon/icon_wt_d_arrow.svg");
}

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

.header-wrap > .inner-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 5rem;
  max-width: 82.5rem;
  margin: auto;
}

.header-wrap .logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

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

.header-wrap .side {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  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 {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  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;
  -webkit-box-shadow: 0px 0.625rem 1.875rem 0.1875rem #19191914;
  box-shadow: 0px 0.625rem 1.875rem 0.1875rem #19191914;
  margin-top: 0.75rem;
  display: none;
  text-align: center;
  color: #191919;
}

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

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

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

.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:hover .depth1::before, .gnb-wrap:hover .depth1::after {
  display: block;
}

.gnb-wrap:hover .depth1 > li {
  width: 10rem;
}

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

.gnb-wrap .depth1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.gnb-wrap .depth1::before {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 110vw;
  height: 100%;
  background: #fff;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
}

.gnb-wrap .depth1::after {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  top: 5rem;
  width: 110vw;
  height: 1px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 0;
  background: #EAEAEA;
  display: none;
}

.gnb-wrap .depth1 > li {
  -webkit-transition: width .5s ease-out;
  transition: width .5s ease-out;
  width: 9.375rem;
  text-align: center;
  height: auto;
}

.gnb-wrap .depth1 > li > p {
  position: relative;
}

.gnb-wrap .depth1 > li > p::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0.125rem;
  background: #122685;
  -webkit-transition: width .5s ease-out;
  transition: width .5s ease-out;
}

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

.gnb-wrap .depth1 > li:hover > p::before {
  width: 100%;
}

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

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

.gnb-wrap .depth2 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 2rem 0 3.75rem;
  background: #fff;
  height: calc(100% - 5rem);
  text-align: center;
  border-left: 1px solid #EAEAEA;
  border-right: 1px solid #EAEAEA;
  margin: 0 -1px;
  display: none;
}

.gnb-wrap .depth2 li {
  width: 100%;
}

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

.gnb-wrap .depth2 li a {
  display: block;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  color: #191919;
}

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

.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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

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

.family-select.active p::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  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 2.9375rem;
}

.footer-wrap .logo a {
  display: block;
  width: 5.6875rem;
  height: 2.5625rem;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.footer-wrap .side {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

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

.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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem;
  margin: 1.1875rem 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%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: 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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
}

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

.popup-layer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  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 {
  -webkit-animation: header 1s ease;
  animation: header 1s ease;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

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

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

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

.com-section .title-box > span {
  display: block;
  margin-bottom: 0.625rem;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.625rem;
}

.popup-btn-area .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: 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;
}

.main-visual-section {
  height: 53.75rem;
}

.main-visual-section .main-visual-slide {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.main-visual-section .swiper-slide {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  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 {
  position: absolute;
  left: 50%;
  bottom: 7.75rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 82.5rem;
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity 750ms ease;
  transition: opacity 750ms ease;
}

.main-visual-section .txt-box .inner-content {
  max-width: 45rem;
  margin: 0;
}

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

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

.main-visual-section .txt-box .btn {
  margin-top: 2.25rem;
}

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

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

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

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

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

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

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

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

.main-visual-section .kv-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.25rem;
}

.main-visual-section .kv-pagination > span {
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.main-visual-section .kv-pagination .swiper-pagination {
  position: relative;
  left: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.125rem;
}

.main-visual-section .kv-pagination .swiper-pagination .swiper-pagination-bullet {
  width: 0.375rem;
  height: 0.375rem;
  margin: 0;
  background: #fff;
  opacity: 0.5;
}

.main-visual-section .kv-pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 4.25rem;
  border-radius: 0.1875rem;
  opacity: 1;
}

.main-visual-section .kv-pagination .swiper-pagination .kv-current, .main-visual-section .kv-pagination .swiper-pagination .kv-total {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 700;
}

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

.main-visual-section .swiper-button-next::after, .main-visual-section .swiper-button-prev::after {
  display: none;
}

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

.main-visual-section.active .control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.main-business-section {
  padding: 6.25rem 0 7.5rem;
}

.main-business-section .inner-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.main-business-section .txt-box {
  width: 33%;
}

.main-business-section .txt-box .btn-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
  margin-top: 2.5rem;
}

.main-business-section .txt-box .btn-box .btn {
  margin: 0;
}

.main-business-section .img-box {
  width: 60.3%;
  margin-top: 2.875rem;
}

.main-business-section .business-slide {
  overflow: hidden;
  width: 100%;
}

.main-business-section .business-slide .swiper-slide {
  position: relative;
}

.main-business-section .business-slide .swiper-slide::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  height: 38%;
  background: #191919;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 25, 25, 0)), to(rgba(25, 25, 25, 0.5)));
  background: -webkit-linear-gradient(top, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.5) 100%);
  background: linear-gradient(180deg, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.5) 100%);
  opacity: 1;
}

.main-business-section .business-slide .swiper-slide img {
  width: 100%;
}

.main-business-section .business-slide .swiper-slide .hover {
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  margin-bottom: 5.625rem;
  padding: 1.875rem;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.main-business-section .business-slide .swiper-slide .hover strong {
  display: block;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.main-business-section .business-slide .swiper-slide .hover p {
  margin-top: 1.875rem;
  font-size: 1rem;
  color: #EAEAEA;
  line-height: 1.5rem;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.main-business-section .business-slide .swiper-slide:hover::before {
  height: 100%;
  background: rgba(25, 25, 25, 0.5);
}

.main-business-section .business-slide .swiper-slide:hover .hover {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  margin-bottom: 0;
}

.main-business-section .business-slide .swiper-slide:hover .hover p {
  margin-top: 0.625rem;
}

.main-business-section .controls {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5rem;
  z-index: 0;
}

.main-business-section .swiper-pagination {
  position: relative;
  width: 12.5rem;
  height: 0.125rem;
  background: #d9d9d9;
}

.main-business-section .swiper-pagination .swiper-pagination-progressbar-fill {
  background: #122685;
}

.main-business-section .swiper-button-prev, .main-business-section .swiper-button-next {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  width: 0.75rem;
  height: 0.625rem;
  margin: 0;
  background: url("../../../imgs/front/cw/icon/icon_main_prev.svg") no-repeat center/100%;
}

.main-business-section .swiper-button-prev::after, .main-business-section .swiper-button-next::after {
  display: none;
}

.main-business-section .swiper-button-next {
  margin-left: -0.625rem;
  background-image: url("../../../imgs/front/cw/icon/icon_main_next.svg");
}

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

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

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

.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;
}

.main-philosophy-section {
  padding: 7.5rem 0 6.0625rem;
}

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

.main-philosophy-section .img-box {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.main-philosophy-section .img-box .item {
  position: relative;
}

.main-philosophy-section .img-box .item .txt-box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 2.25rem;
  -webkit-transform: translateY(4rem);
  -ms-transform: translateY(4rem);
  transform: translateY(4rem);
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}

.main-philosophy-section .img-box .item .txt-box div {
  color: #fff;
}

.main-philosophy-section .img-box .item .txt-box div span {
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}

.main-philosophy-section .img-box .item .txt-box div strong {
  display: block;
  margin-top: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.main-philosophy-section .img-box .item .txt-box p {
  margin-top: 1rem;
  color: #EAEAEA;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  opacity: 0;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}

.main-philosophy-section .img-box .item:hover .txt-box {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.main-philosophy-section .img-box .item:hover .txt-box p {
  opacity: 1;
}

.main-hiring-section .inner-content {
  position: relative;
}

.main-hiring-section .img-box {
  width: 100%;
  height: 26.25rem;
  aspect-ratio: 1320/420;
}

.main-hiring-section .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.main-hiring-section .txt-box {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.main-hiring-section .txt-box strong {
  display: block;
  color: #fff;
  font-size: 2rem;
  line-height: 2.875rem;
  font-weight: 700;
  text-align: center;
}

.main-hiring-section .btn-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 1.875rem;
}

@media screen and (max-width: 1320px) {
  .main-visual-section .txt-box {
    width: 100%;
    padding: 0 1.125rem;
  }
  .main-visual-section .control {
    width: 100%;
    padding: 0 1.125rem;
  }
}

/* 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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  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;
  -webkit-transition: none;
  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;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.3s;
  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 0;
}

.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 {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  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: 1.875rem;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  aspect-ratio: 1/1;
  background: #fff;
  border: 0.125rem solid #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;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.material-section .material-area .item-list li .img-box > span {
  display: block;
  width: 64.5%;
  aspect-ratio: 1/1;
  font-size: 0;
}

.material-section .material-area .item-list li .img-box > span img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  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;
  -webkit-transition: opacity 0.3s;
  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-section .material-area .item-list.ty2 li .img-box > span {
  width: 100%;
}

/* 팝업 */
.material-popup .popup-layer {
  max-width: 54.625rem;
  min-width: 54.625rem;
}

.material-popup .popup-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  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 > section h3 {
  margin-bottom: 1.875rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.material-popup .popup-content > section + section {
  margin-top: 3.5rem;
}

.material-popup .popup-content .panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem;
}

.material-popup .popup-content .panel .item {
  width: calc(33.3% - 1rem);
  padding: 1.875rem;
  background: #F6F6F6;
}

.material-popup .popup-content .panel .item strong {
  display: block;
  height: 3.5rem;
  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;
  word-break: break-all;
}

.material-popup .popup-content .panel .item p {
  margin-top: 0.625rem;
  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;
  word-break: break-all;
}

.material-popup .popup-content .panel .item p::before {
  content: '';
  display: block;
  width: 1.5rem;
  height: 0.125rem;
  margin-bottom: 0.625rem;
  background: #122685;
}

.material-popup .popup-content .table table {
  border-collapse: separate;
  border-top: 1px solid #191919;
}

.material-popup .popup-content .table th, .material-popup .popup-content .table td {
  padding: 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  text-align: center;
}

.material-popup .popup-content .table th {
  background: #F3F6FC;
  font-weight: 700;
}

.material-popup .popup-content .table tr th:last-child,
.material-popup .popup-content .table tr td:last-child {
  border-right: 0;
}

.material-popup .popup-content ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.material-popup .popup-content ul li {
  min-width: 9.375rem;
  padding: 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  border: 1px solid #191919;
  text-align: center;
}

.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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: 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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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%;
  -o-object-fit: cover;
  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 img {
  max-width: 100%;
  margin-bottom: 2.5rem;
}

.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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  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%;
  -o-object-fit: cover;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  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 {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 3.5rem;
}

.cu-sub-section .input-area .inp-cont > div.radio-box > .flex > .flex {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: 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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 8.75rem;
}

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

.history-section .history-area .left-box > p {
  position: -webkit-sticky;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: -webkit-sticky;
  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;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: 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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  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 {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  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;
  -webkit-box-shadow: 0 0.625rem 1.875rem 0.1875rem rgba(25, 25, 25, 0.08);
  box-shadow: 0 0.625rem 1.875rem 0.1875rem rgba(25, 25, 25, 0.08);
}

.global-section .map-popup .popup-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  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%;
  -webkit-transform: scale(0.2) rotate(15deg);
  -ms-transform: scale(0.2) rotate(15deg);
  transform: scale(0.2) rotate(15deg);
  -webkit-transform-origin: 82% 44%;
  -ms-transform-origin: 82% 44%;
  transform-origin: 82% 44%;
  -webkit-transition: all 0.8s ease-in-out;
  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;
  -webkit-transition: all 0.8s ease-in-out;
  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%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  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;
  -webkit-transition: all 0.8s ease-in-out;
  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.br {
  top: 60.77%;
  left: 21.43%;
}

.new-global-section .map-area .marker.be {
  top: 12.7%;
  left: 40.66%;
}

.new-global-section .map-area .marker.ni {
  top: 47.74%;
  left: 43.76%;
}

.new-global-section .map-area .marker.sa {
  top: 30.8%;
  left: 59.8%;
}

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

.new-global-section .map-area .marker.ch {
  top: 22.82%;
  left: 72.1%;
}

.new-global-section .map-area .marker.th {
  top: 36%;
  left: 76.55%;
}

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

.new-global-section .map-area .marker.vi {
  top: 41.96%;
  left: 81%;
}

.new-global-section .map-area .marker.ine {
  top: 55.34%;
  left: 83.8%;
}

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

.new-global-section .map-area .marker.ja {
  top: 18%;
  left: 88.93%;
}

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

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

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

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

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

.new-global-section .map-area.motion .circle-box .circle i {
  opacity: 1;
  -webkit-transition-delay: 0.5s;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
  border: 1px solid #eaeaea;
}

.new-global-section .g-section .g-list li .item .thumb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: 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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  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;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.new-global-section .g-section .info-box .t-top span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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 {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

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

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

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

/* main */
.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;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  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;
  -webkit-transform: scaleY(-1) scaleX(-1);
  -ms-transform: scaleY(-1) scaleX(-1);
  transform: scaleY(-1) scaleX(-1);
  background: #122685;
  color: #fff;
  text-align: center;
  z-index: 2;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  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;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-delay: 0.3s;
  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;
  overflow: hidden;
}

.global-network-section .bg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -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%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

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

.global-network-section > .inner-content {
  position: relative;
}

.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.08);
  -webkit-backdrop-filter: blur(0.625rem);
  backdrop-filter: blur(0.625rem);
  padding: 1.375rem 1.875rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  -webkit-transition: 0.3s background;
  transition: 0.3s background;
  opacity: 0;
  -webkit-transform: translateX(6.25rem);
  -ms-transform: translateX(6.25rem);
  transform: translateX(6.25rem);
  border: 1px solid transparent;
  -webkit-transition: border 0.3s ease-in;
  transition: border 0.3s ease-in;
}

.global-network-section .count-swiper .swiper-slide:hover {
  border-color: #FFF;
}

.global-network-section .count-swiper .swiper-slide:hover p {
  color: #F6F6F6;
}

.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: #B4B4B4;
}

.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;
}

.global-network-section .hover-box {
  position: absolute;
  right: 9%;
  top: 17%;
}

.global-network-section .hover-box:hover .hover-cont {
  display: block;
}

.global-network-section .hover-box .hover-btn {
  width: 11rem;
  height: 11rem;
  border-radius: 50%;
}

.global-network-section .hover-box .hover-cont {
  position: absolute;
  top: -5.9375rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  padding-bottom: 0.625rem;
  display: none;
}

.global-network-section .hover-box .hover-cont::before {
  content: '';
  display: block;
  position: absolute;
  bottom: -1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1rem;
  height: 1rem;
  border-style: solid;
  border-width: 1rem;
  border-color: #191919 transparent transparent transparent;
}

.global-network-section .hover-box .hover-cont p {
  padding: 1.25rem;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  background-color: #191919;
}

.global-network-section .hover-box .hover-cont p span {
  color: #939393;
  font-weight: 400;
}

.global-network-section .hover-box .hover-cont p::before {
  content: '';
  display: block;
  width: 2.3125rem;
  height: 1.5rem;
  background: url("../../../imgs/front/cw/icon/icon_kor.png") no-repeat center/cover;
}

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

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

.sub-section .sub-text-cont > .inner-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  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%;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 1920/500;
}

.breadcrumb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  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%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4.375rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 2.5rem;
}

.esg-iso-section .iso-box .img-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: 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;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-box-shadow: 0px 0.625rem 1.875rem 0.1875rem rgba(25, 25, 25, 0.08);
  box-shadow: 0px 0.625rem 1.875rem 0.1875rem rgba(25, 25, 25, 0.08);
}

.esg-iso-section .iso-box .cont-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  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 {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

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

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

.esg-ryc-section .txt-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
}

.esg-ryc-section .graph-box li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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;
  -webkit-transform: translateY(0.75rem);
  -ms-transform: translateY(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: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #FFFFFF 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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  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%;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 648 / 420;
}

.esg-soc-section .soc-swiper-wrap .txt-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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%;
  -o-object-fit: cover;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}

.esg-dir-section .cont-box ul li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(33.33% - 1rem);
  -ms-flex: 0 0 calc(33.33% - 1rem);
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  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: -webkit-sticky;
  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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #EAEAEA;
}

.ct-info-section .cont-box > div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

.ct-info-section .cont-box .img-box {
  background: #F6F6F6;
  padding: 3.125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ct-info-section .cont-box .img-box img {
  width: 16.1875rem;
  aspect-ratio: 259 / 320;
  -webkit-box-shadow: 0px 0.625rem 1.875rem 0.1875rem rgba(25, 25, 25, 0.08);
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-shadow: 0px 0.625rem 1.875rem 0.1875rem rgba(25, 25, 25, 0.08);
  box-shadow: 0px 0.625rem 1.875rem 0.1875rem rgba(25, 25, 25, 0.08);
}

.ct-info-section .cont-box .img-list li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(50% - 0.5rem);
  -ms-flex: 0 0 calc(50% - 0.5rem);
  flex: 0 0 calc(50% - 0.5rem);
}

.ct-info-section .cont-box .img-list li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ct-info-section .btn-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: 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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: 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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ct-etc-section .etc-swiper .img-box img {
  width: 15.1875rem;
  aspect-ratio: 243 / 174;
  -webkit-box-shadow: 0px 0.625rem 1.875rem 0.1875rem rgba(25, 25, 25, 0.08);
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.td-arc-section .cont-box .img-box img {
  height: 20rem;
  -webkit-box-shadow: 0px 0.625rem 1.875rem 0.1875rem rgba(25, 25, 25, 0.08);
  box-shadow: 0px 0.625rem 1.875rem 0.1875rem rgba(25, 25, 25, 0.08);
}

.td-arc-section .cont-box .txt-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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;
  padding-bottom: 1.625rem;
  word-break: break-all;
}

.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;
}

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

.td-arc-section .cont-box .txt-box p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
  word-break: break-all;
  margin: 2.5rem 0;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  white-space: initial !important;
}

.td-arc-section .cont-box .btn-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
}

/* 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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.pf-main-section .cont-box > div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

.pf-main-section .cont-box .txt-box {
  background: #F6F6F6;
  padding: 4.375rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 3.75rem 1.5rem;
}

.pf-main-section .td-port-lists > li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(33.33% - 1rem);
  -ms-flex: 0 0 calc(33.33% - 1rem);
  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;
  -o-object-fit: cover;
  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;
  -webkit-transition: 0.3s;
  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%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -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%;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 240/163;
}

.pf-slide-section h6 {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
}

.popup-pt-detail .popup-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: 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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: 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;
  -o-object-fit: cover;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: 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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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 {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: 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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2.625rem;
}

.pt-detail-section .cont-box > dl > dt img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 78/78;
  -webkit-box-shadow: 0.125rem 0.625rem 1.5rem 0px rgba(25, 25, 25, 0.16);
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  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 {
  display: block;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}

.fi-main-section .select-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  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: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.75rem;
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  text-align: center;
  word-break: break-all;
}

.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%;
  -o-object-fit: cover;
  object-fit: cover;
}

.au-video-section .swiper-slide .txt-box {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: 2.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
  gap: 0.75rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  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%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  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%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-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;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  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 .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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 4.5rem;
  gap: 1.5rem;
}

.au-bs-section .cont-box .box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 25, 25, 0)), to(rgba(25, 25, 25, 0.5)));
  background: -webkit-linear-gradient(top, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.5) 100%);
  background: linear-gradient(180deg, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.5) 100%);
  bottom: -4.375rem;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.au-bs-section .cont-box .box .txt-box h6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: column-reverse;
  -ms-flex-flow: column-reverse;
  flex-flow: column-reverse;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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:last-child .txt-box {
  bottom: -5.5rem;
}

.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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  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;
  -webkit-backdrop-filter: blur(0.3125rem);
  backdrop-filter: blur(0.3125rem);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}

.au-cp-section .cont-box .box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  bottom: -4rem;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.au-cp-section .cont-box .box .txt-box h6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: column-reverse;
  -ms-flex-flow: column-reverse;
  flex-flow: column-reverse;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 25, 25, 0)), to(rgba(25, 25, 25, 0.5)));
  background: -webkit-linear-gradient(top, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.5) 100%);
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 25, 25, 0)), to(rgba(25, 25, 25, 0.5)));
  background: -webkit-linear-gradient(top, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.5) 100%);
  background: linear-gradient(180deg, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.5) 100%);
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4.375rem;
}

.ca-pros-section .cont-box .step {
  width: 12.5rem;
  height: 12.5rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(226, 234, 249, 0.4);
  -webkit-backdrop-filter: blur(0.625rem);
  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;
  -webkit-backdrop-filter: blur(0);
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  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%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  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 .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;
  padding-right: 2.5rem;
}

/* ca - 인사제도 */
/* ca - 지원제도 */
.ca-supp-section {
  margin-top: 5rem;
}

.ca-supp-section .cont-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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 {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.ca-faq-section .toggle-wrap.active .toggle-cont {
  display: block;
}

/* ca - FAQ */
/* fa - 제품규격 */
.fa-cont-section {
  margin-top: 5rem;
}

.fa-cont-section .cont-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5rem 1.5rem;
}

.fa-cont-section .cont-box .box {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(50% - 0.75rem);
  -ms-flex: 0 0 calc(50% - 0.75rem);
  flex: 0 0 calc(50% - 0.75rem);
}

.fa-cont-section .txt-box h6 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin: 1.25rem 0 0.625rem;
}

.fa-cont-section .txt-box p {
  font-size: 1rem;
  line-height: 1.5rem;
}

.fa-cont-section .txt-box .lists {
  padding-left: 0.625rem;
}

.fa-cont-section .txt-box .cate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 1.25rem;
}

.fa-cont-section .txt-box .cate span {
  display: inline-block;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.375rem;
  padding: 0.1875rem 0.375rem;
  background: #F3F6FC;
  color: #122685;
}

.fa-cont-section .txt-box small {
  display: block;
  font-size: 1rem;
  line-height: 1.625rem;
  color: #939393;
  margin-top: 1rem;
  word-break: break-all;
}

/* fa - 제품규격 */
@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::-webkit-input-placeholder {
    font-size: 0.875rem;
  }
  .input.ty-search1 .t-inp::-moz-placeholder {
    font-size: 0.875rem;
  }
  .input.ty-search1 .t-inp:-ms-input-placeholder {
    font-size: 0.875rem;
  }
  .input.ty-search1 .t-inp::-ms-input-placeholder {
    font-size: 0.875rem;
  }
  .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::-webkit-input-placeholder {
    font-size: 0.875rem;
  }
  .input.ty-search2 .t-inp::-moz-placeholder {
    font-size: 0.875rem;
  }
  .input.ty-search2 .t-inp:-ms-input-placeholder {
    font-size: 0.875rem;
  }
  .input.ty-search2 .t-inp::-ms-input-placeholder {
    font-size: 0.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::-webkit-input-placeholder {
    font-size: 0.875rem;
  }
  .t-inp::-moz-placeholder {
    font-size: 0.875rem;
  }
  .t-inp:-ms-input-placeholder {
    font-size: 0.875rem;
  }
  .t-inp::-ms-input-placeholder {
    font-size: 0.875rem;
  }
  .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::-webkit-input-placeholder {
    font-size: 0.875rem;
  }
  textarea::-moz-placeholder {
    font-size: 0.875rem;
  }
  textarea:-ms-input-placeholder {
    font-size: 0.875rem;
  }
  textarea::-ms-input-placeholder {
    font-size: 0.875rem;
  }
  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.75rem;
    line-height: 2.375rem;
  }
  .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;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    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;
  }
  .lists.ty2 li {
    font-size: 0.875rem;
    line-height: 1.375rem;
    padding-left: 0.6875rem;
  }
  .lists.ty2 li::before {
    top: 0.59375rem;
  }
  /* 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 {
    top: calc(100% + 0.3125rem);
    padding: 0.625rem 0.875rem;
    padding-right: 0.625rem;
    margin-top: 0.3125rem;
  }
  .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.c-wt .side .gnb-button {
    background-image: url("../../../imgs/front/cw/icon/icon_gnb_button_wt.svg");
  }
  .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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: none;
    color: #191919;
    gap: 1.875rem;
  }
  .gnb-wrap.open {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .gnb-wrap:hover .depth1::before, .gnb-wrap:hover .depth1::after {
    display: none;
  }
  .gnb-wrap:hover .depth1 > li {
    width: auto;
  }
  .gnb-wrap:hover .depth2 {
    display: none;
  }
  .gnb-wrap .gnb-header {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem;
    padding: 1rem 1.125rem;
  }
  .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 .click-area::before {
    display: block;
    content: '';
    position: absolute;
    right: 1.125rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    background: url("../../../imgs/front/cw/icon/icon_plus.svg") no-repeat center/cover;
  }
  .gnb-wrap .depth1 {
    display: block;
    border-top: 1px solid #EAEAEA;
    height: 100%;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    overflow-y: auto;
    -webkit-transition: none;
    transition: none;
  }
  .gnb-wrap .depth1::before, .gnb-wrap .depth1::after {
    display: none;
  }
  .gnb-wrap .depth1 > li {
    width: 100%;
    text-align: left;
  }
  .gnb-wrap .depth1 > li > p {
    position: relative;
    border-bottom: 1px solid #EAEAEA;
  }
  .gnb-wrap .depth1 > li > p::before {
    display: none;
  }
  .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: #122685 !important;
  }
  .gnb-wrap .depth1 > li.active > p .click-area::before {
    background-image: url("../../../imgs/front/cw/icon/icon_minus.svg");
  }
  .gnb-wrap .depth1 > li.active > .depth2 {
    display: block;
  }
  .gnb-wrap .depth1 > li:hover > p > a {
    color: unset;
  }
  .gnb-wrap .depth2 {
    padding: 0;
    background: #F6F6F6;
  }
  .gnb-wrap .depth2 li {
    width: auto;
    position: relative;
    text-align: left;
  }
  .gnb-wrap .depth2 li + li {
    margin-top: 0;
  }
  .gnb-wrap .depth2 li a {
    padding: 1.03125rem 1.125rem;
    height: 3.5rem;
  }
  .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.4375rem;
    height: 2.125rem;
  }
  .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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 3.125rem;
  }
  .popup-btn-area .btn > span {
    font-size: 0.875rem;
  }
  .main-visual-section {
    height: 40.25rem;
  }
  .main-visual-section .txt-box {
    bottom: 6.3125rem;
  }
  .main-visual-section .txt-box .inner-content {
    padding: 0;
  }
  .main-visual-section .txt-box p {
    margin-top: 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    white-space: initial !important;
  }
  .main-visual-section .txt-box .btn {
    margin-top: 1.5rem;
  }
  .main-visual-section .control {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    bottom: 2.625rem;
  }
  .main-visual-section .swiper-button-prev, .main-visual-section .swiper-button-next {
    width: 0.6875rem;
    height: 0.5625rem;
  }
  .main-visual-section .kv-pagination {
    gap: 0.75rem;
  }
  .main-visual-section .kv-pagination > span {
    font-size: 0.75rem;
    line-height: 1.1875rem;
  }
  .main-visual-section .kv-pagination .swiper-pagination {
    gap: 0.625rem;
  }
  .main-visual-section .kv-pagination .swiper-pagination .swiper-pagination-bullet {
    width: 0.25rem;
    height: 0.25rem;
  }
  .main-visual-section .kv-pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 2.5rem;
  }
  .main-business-section {
    padding: 5rem 0;
  }
  .main-business-section .inner-content {
    display: block;
  }
  .main-business-section .txt-box {
    width: 100%;
  }
  .main-business-section .txt-box .btn-box {
    margin-top: 1.5rem;
  }
  .main-business-section .img-box {
    overflow: hidden;
    width: calc(100% + 1.125rem);
    margin: 2.5rem -1.125rem 0 0;
  }
  .main-business-section .business-slide .swiper-slide::before {
    height: 58%;
  }
  .main-business-section .business-slide .swiper-slide .hover {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    margin-bottom: 0;
    padding: 1.25rem;
  }
  .main-business-section .business-slide .swiper-slide .hover strong {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .main-business-section .business-slide .swiper-slide .hover p {
    margin-top: 0.25rem;
    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: 3 !important;
    white-space: initial !important;
  }
  .main-business-section .business-slide .swiper-slide .hover .btn {
    color: #EAEAEA;
    font-size: 0.8125rem;
    text-decoration: underline;
    margin: 0.25rem 0 0 auto;
    height: 1.125rem;
  }
  .main-business-section .business-slide .swiper-slide:hover::before {
    height: 58%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 25, 25, 0)), to(rgba(25, 25, 25, 0.5)));
    background: -webkit-linear-gradient(top, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.5) 100%);
    background: linear-gradient(180deg, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.5) 100%);
  }
  .main-business-section .business-slide .swiper-slide:hover .hover p {
    margin-top: 0.25rem;
  }
  .main-business-section .business-slide .swiper-slide.dim::before {
    height: 100%;
    background: rgba(25, 25, 25, 0.5);
  }
  .main-business-section .business-slide .swiper-slide.dim .hover p {
    display: block !important;
  }
  .main-business-section .controls {
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.25rem;
    margin-top: 2.5rem;
  }
  .main-business-section .swiper-pagination {
    width: 7.75rem;
    height: 0.125rem;
  }
  .main-business-section .swiper-button-next {
    background-image: url("../../../imgs/front/cw/icon/icon_sp_gray_next.svg");
  }
  .about-section {
    padding: 5rem 0 0;
  }
  .about-section .title-box {
    margin-bottom: 2rem;
  }
  .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;
  }
  .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;
  }
  .main-philosophy-section {
    padding: 5rem 0;
  }
  .main-philosophy-section .title-box p {
    margin-top: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .main-philosophy-section .img-box {
    margin-top: 1.875rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.5rem;
  }
  .main-philosophy-section .img-box .item {
    width: 100%;
  }
  .main-philosophy-section .img-box .item .txt-box {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1rem 0 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .main-philosophy-section .img-box .item .txt-box div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 0.5rem;
    color: #191919;
  }
  .main-philosophy-section .img-box .item .txt-box div span {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .main-philosophy-section .img-box .item .txt-box div strong {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-top: 0;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .main-philosophy-section .img-box .item .txt-box p {
    margin-top: 0.5rem;
    color: #191919;
    font-size: 0.875rem;
    line-height: 1.375rem;
    opacity: 1;
  }
  .main-philosophy-section .btn.ty-more {
    margin-top: 2.5rem;
  }
  .main-hiring-section .inner-content {
    padding: 0;
  }
  .main-hiring-section .img-box {
    height: 20rem;
    aspect-ratio: 360/320;
  }
  .main-hiring-section .txt-box strong {
    font-size: 1.375rem;
    line-height: 1.875rem;
    white-space: nowrap;
  }
  .main-hiring-section .btn-box {
    gap: 0.75rem;
    margin-top: 1.25rem;
  }
  .main-hiring-section .btn-box .btn {
    width: 6.8125rem;
  }
  /* 트라이스톤 */
  .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: 3rem;
  }
  .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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    visibility: hidden;
  }
  .material-section .filter-area.active {
    display: block;
    opacity: 1;
    visibility: visible;
  }
  .material-section .filter-area .popup-layer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    max-width: 100%;
    min-width: 100%;
    max-height: 100%;
  }
  .material-section .filter-area .popup-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.625rem;
    padding: 0.625rem 1.125rem;
  }
  .material-section .filter-area .popup-btn-area .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    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 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }
  .material-section .material-area .results-bar p {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    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 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    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 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    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: 69%;
  }
  .material-section .material-area .item-list li .img-box .btn {
    width: 100%;
    height: 100%;
    background: none;
    opacity: 1;
    -webkit-transition: none;
    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 > section h3 {
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .material-popup .popup-content > section + section {
    margin-top: 2rem;
  }
  .material-popup .popup-content .panel {
    gap: 1rem;
  }
  .material-popup .popup-content .panel .item {
    width: 100%;
    padding: 1.25rem;
  }
  .material-popup .popup-content .panel .item strong {
    height: 3.25rem;
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
  .material-popup .popup-content .panel .item p {
    font-size: 0.9375rem;
    line-height: 1.4375rem;
  }
  .material-popup .popup-content .table {
    overflow-x: auto;
  }
  .material-popup .popup-content .table th, .material-popup .popup-content .table td {
    padding: 0.875rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .material-popup .popup-content ul {
    gap: 0.5rem;
  }
  .material-popup .popup-content ul li {
    width: calc(50% - 0.25rem);
    min-width: calc(50% - 0.25rem);
  }
  .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/338;
  }
  .expand-popup .popup-layer .popup-content .img-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  /* 공지사항 */
  .search-area {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 1.875rem;
    padding: 1.5rem 1.125rem;
    gap: 0.75rem;
    background: #F6F6F6;
  }
  .search-area .calendar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    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 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    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 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    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 .t-inp {
    width: 100%;
  }
  .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: -webkit-sticky;
    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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    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 {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .global-section .map-area .list-box {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    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 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    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: 12.64%;
    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);
    -webkit-transition: 0.3s;
    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.br, .new-global-section .map-area .marker.sa, .new-global-section .map-area .marker.ch, .new-global-section .map-area .marker.th, .new-global-section .map-area .marker.si, .new-global-section .map-area .marker.vi, .new-global-section .map-area .marker.ine, .new-global-section .map-area .marker.ta {
    display: none;
  }
  .new-global-section .map-area .marker.am {
    top: 1%;
    left: 8.58%;
  }
  .new-global-section .map-area .marker.be {
    top: 5.81%;
    left: 39.58%;
  }
  .new-global-section .map-area .marker.ni {
    top: 41.27%;
    left: 43.47%;
  }
  .new-global-section .map-area .marker.in {
    top: 25.75%;
    left: 65.82%;
  }
  .new-global-section .map-area .marker.ja {
    top: 3.06%;
    left: 85.87%;
  }
  .new-global-section .map-area .g-label {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    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 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    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;
  }
}

@media screen and (max-width: 1080px) {
  /* main */
  .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;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    background: #122685 url("../../../imgs/front/cw/icon/icon_plus_w.svg") no-repeat center/1rem;
    -webkit-transition: 0s;
    transition: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    border-radius: 50%;
  }
  .corp-infomation-section .menu-lists {
    width: 100%;
    padding: 7.875rem 1.125rem;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 0;
    transition: 0;
    -webkit-transition-delay: 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%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -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%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .global-network-section .bg .bg-inner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    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;
  }
  .global-network-section .hover-box {
    top: 36%;
  }
  .global-network-section .hover-box .hover-btn {
    width: 32vw;
    height: 32vw;
  }
  .global-network-section .hover-box .hover-cont {
    top: auto;
    padding: 0.5625rem 0 0;
    margin-top: -8%;
  }
  .global-network-section .hover-box .hover-cont::before {
    bottom: auto;
    top: -0.875rem;
    width: 0.875rem;
    height: 0.875rem;
    border-width: 0.875rem;
    border-color: transparent transparent #191919 transparent;
  }
  .global-network-section .hover-box .hover-cont p {
    padding: 0.75rem 1rem;
    font-size: 0.75rem;
    line-height: 1.1875rem;
    border-radius: 1.5rem;
  }
  .global-network-section .hover-box .hover-cont p span {
    display: none;
  }
  .global-network-section .hover-box .hover-cont p::before {
    width: 1.75rem;
    height: 1.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%;
    -o-object-fit: cover;
    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;
    -webkit-transform: translateY(0.375rem);
    -ms-transform: translateY(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 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .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%;
    -o-object-fit: cover;
    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 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.125rem;
  }
  .esg-dir-section .cont-box ul li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    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 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(50% - 0.25rem);
    -ms-flex: 0 0 calc(50% - 0.25rem);
    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;
    padding-bottom: 1.125rem;
  }
  .td-arc-section .cont-box .txt-box h6::before {
    width: 1.875rem;
  }
  .td-arc-section .cont-box .txt-box p {
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin: 1.25rem 0 1.875rem;
  }
  .td-arc-section .cont-box .btn-box {
    gap: 0.625rem;
  }
  /* 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 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100%);
    -ms-flex: 0 0 calc(100%);
    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;
  }
  .fi-main-section .select-wrap {
    margin-top: 1.25rem;
  }
  .fi-main-section .select-wrap .w-180 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .tbl-box {
    padding-left: 1.125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .tbl-box::after {
    display: block;
    content: '';
    min-width: 1.125rem;
    height: 1.125rem;
    background: #fff;
  }
  .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;
    margin: 0 -0.375rem;
  }
  .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;
    word-break: break-all;
  }
  .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 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2.5rem;
    gap: 2.5rem;
  }
  .au-bs-section .cont-box .box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    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 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: -0.06px;
    gap: 0.5rem;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .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-bs-section .cont-box .box:last-child .txt-box {
    bottom: 0;
  }
  .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 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    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 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    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: 1.625rem;
    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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    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%;
    -webkit-transform: translateX(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) rotate(90deg);
    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;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    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%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-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) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .ca-levl-section .cont-box .box .level:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .ca-levl-section .cont-box .box .level:nth-child(3) {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .ca-levl-section .cont-box .box .level:nth-child(3):before {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    top: -1.375rem;
  }
  .ca-levl-section .cont-box .box .level:nth-child(3)::after {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    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) {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    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) {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .ca-levl-section .cont-box .box .level:nth-child(5):before {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    top: -1.375rem;
  }
  .ca-levl-section .cont-box .box .level:nth-child(5)::after {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    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) {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    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 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    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 .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;
    padding-right: 1.125rem;
  }
  /* ca - 인사제도 */
  /* ca - 지원제도 */
  .ca-supp-section {
    margin-top: 3rem;
  }
  .ca-supp-section .cont-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    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 */
  /* fa - 제품규격 */
  .fa-cont-section {
    margin-top: 3rem;
  }
  .fa-cont-section .cont-box {
    gap: 3rem 0;
  }
  .fa-cont-section .cont-box .box {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100%);
    -ms-flex: 0 0 calc(100%);
    flex: 0 0 calc(100%);
  }
  .fa-cont-section .txt-box h6 {
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 1.25rem 0 0.5rem;
  }
  .fa-cont-section .txt-box p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .fa-cont-section .txt-box .lists {
    padding-left: 0.5rem;
  }
  .fa-cont-section .txt-box .cate {
    margin-top: 1rem;
  }
  .fa-cont-section .txt-box .cate span {
    font-size: 0.75rem;
    line-height: 1.1875rem;
    padding: 0.1875rem 0.3125rem;
  }
  .fa-cont-section .txt-box small {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  /* fa - 제품규격 */
}