.footer {
  background: #E2E0DF;
  color: #3B2013;
}
.footer .list {
  padding-bottom: 5rem;
  border-bottom: 1px solid rgba(43, 26, 18, 0.2);
}
.footer .page-top img {
  content: url("../img/common/page-up-btn-sub.png");
}
.footer .page-bottom img {
  content: url("../img/common/page-up-btn-sub.png");
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

@media all and (max-width: 63.9375rem) {
  .footer .list {
    padding-bottom: 3rem;
  }
}
.visual {
  width: 100%;
  height: 60rem;
}
.visual.vis1 {
  background: url("../img/sub/visual/vis1.jpg") no-repeat;
  background-size: cover;
}
.visual.vis2 {
  background: url("../img/sub/visual/vis2.jpg") no-repeat;
  background-size: cover;
}
.visual.vis3 {
  background: url("../img/sub/visual/vis3.jpg") no-repeat;
  background-size: cover;
}
.visual.vis4 {
  background: url("../img/sub/visual/vis4.jpg") no-repeat;
  background-size: cover;
}
.visual .inner {
  height: 100%;
}
.visual .v-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
}
.visual .v-sec {
  font-size: calc(var(--fs-stit) + 0.4rem);
  text-align: center;
  font-weight: 800;
  letter-spacing: 2.8px;
  color: #fff;
}
.visual .v-tit {
  font-size: var(--fs-vtit);
  font-weight: 600;
  line-height: normal;
  text-align: center;
  color: #fff;
}

.inner {
  width: 100%;
  padding: 0 4rem;
  max-width: 176rem;
  margin: 0 auto;
}

.section {
  padding-top: 15rem;
}

.sec-txt-wrap {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-direction: column;
}
.sec-txt-wrap .type {
  display: block;
  text-align: center;
  font-size: calc(var(--fs-md) + 0.2rem);
  font-weight: 700;
  color: #FF893B;
}
.sec-txt-wrap .sec-tit {
  text-align: center;
  font-size: var(--fs-tit);
  font-weight: 700;
}
.sec-txt-wrap .w-desc {
  margin-top: 1.5rem;
  text-align: center;
  font-size: calc(var(--fs-md) + 0.4rem);
  font-weight: 400;
  letter-spacing: -1.2px;
  line-height: 1.66667;
}

@media all and (max-width: 85.375rem) {
  .visual {
    height: 64rem;
  }
  .section {
    padding-top: 12rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .visual {
    height: 55rem;
  }
  .section {
    padding-top: 10rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .visual {
    height: 45rem;
  }
  .visual .v-wrap {
    gap: 1.6rem;
  }
  .inner {
    padding: 0 2rem;
  }
  .section {
    padding-top: 8rem;
  }
  .sec-txt-wrap .w-desc {
    font-size: var(--fs-md);
    word-break: keep-all;
  }
}
.greeting .g-bg {
  margin-top: 12rem;
  padding: 5rem 0 20rem;
  background: url("../img/sub/sub1/bg1.jpg") no-repeat center bottom;
  background-size: cover;
}
.greeting .logo {
  text-align: center;
}
.greeting .cont-wrap {
  margin: 0 auto;
  max-width: 100rem;
}
.greeting .sub-tit {
  font-size: calc(var(--fs-mtit) - 0.5rem);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -1.5px;
}
.greeting .desc {
  margin-top: 4rem;
  font-size: var(--fs-md);
  font-weight: 200;
  line-height: 1.75;
  letter-spacing: -1px;
  color: #000;
}
.greeting .ceo-sign {
  margin-top: 8rem;
}

@media all and (max-width: 64rem) {
  .greeting .g-bg {
    padding-bottom: 15rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .greeting .ceo-sign {
    margin-top: 6rem;
  }
  .greeting .g-bg {
    margin-top: 10rem;
    padding-bottom: 12rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .greeting .g-bg {
    margin-top: 8rem;
    padding-bottom: 10rem;
  }
  .greeting .sub-tit {
    font-size: var(--fs-stit);
    word-break: keep-all;
  }
  .greeting .desc {
    margin-top: 2rem;
    font-size: calc(var(--fs-md) - 0.2rem);
    word-break: keep-all;
  }
  .greeting .ceo-sign {
    margin-top: 4rem;
  }
}
.history .g-bg {
  padding: 15rem 0;
  margin-top: 12rem;
  background: url("../img/sub/sub1/bg1.png") no-repeat center center;
  background-size: cover;
}
.history .w-bg {
  padding: 15rem 0;
}
.history .b-bg {
  padding: 15rem 0;
  background: url("../img/sub/sub1/bg2.jpg") no-repeat;
  background-size: cover;
}
.history .his-content {
  position: relative;
  padding-left: 10%;
}
.history .left-txt {
  position: absolute;
  text-align: right;
}
.history .subject {
  display: block;
  margin-bottom: 2rem;
  font-size: var(--fs-md);
  font-weight: 700;
  line-height: 1;
  color: #FF893B;
  font-family: "Inter", sans-serif;
  font-size: 2rem;
  font-style: normal;
  line-height: normal;
}
.history .since {
  display: block;
  margin-bottom: 5rem;
  font-family: "Montserrat", sans-serif;
  color: #98867D;
  text-align: right;
  font-size: 7rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.64286;
}
.history .big-txt {
  display: block;
  margin-top: 4.2rem;
  font-size: 7.3rem;
  line-height: 1.30136;
  font-weight: 800;
}
.history .history-wrap {
  position: relative;
}
.history .history-wrap .line {
  position: absolute;
  left: 45.2%;
  top: 1.2rem;
  width: 7.2rem;
  border-right: 0.1rem dashed rgba(0, 0, 0, 0.5);
}
.history .history-wrap .line .active-line {
  position: absolute;
  right: -0.1rem;
  width: 0.1rem;
  height: 0;
  background-color: #FF893B;
}
.history .history-wrap .line::after {
  z-index: -1;
  position: absolute;
  right: -0.3rem;
  bottom: 2.5%;
  content: "";
  width: 0;
  height: 5rem;
  border-right: 0.3rem dashed #fff;
}
.history .his-item {
  display: flex;
  position: relative;
  padding-left: 40%;
}
.history .his-item.active .year::after {
  background-color: #fff;
}
.history .his-item.active .year::before {
  background-color: #FF893B;
}
.history .his-item:first-child .right {
  padding-top: 14rem;
}
.history .his-item:last-child .img-wrap {
  margin-bottom: 0;
}
.history .year {
  position: relative;
  min-width: 7.5rem;
}
.history .history-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.history .right {
  padding-top: 0.8rem;
  padding-left: 5.1rem;
}
.history .y-num {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: var(--fs-mtit);
  font-family: "Montserrat", sans-serif;
}
.history .y-num .icon,
.history .y-num img {
  display: block;
}
.history .his-txt {
  display: block;
  position: relative;
}
.history .his-txt li {
  display: flex;
  font-size: var(--fs-md);
  font-weight: 300;
  line-height: 1.75;
  word-break: keep-all;
}
.history .his-txt li span {
  display: block;
  min-width: 9.5rem;
}
.history .his-txt li:last-child {
  margin-bottom: 0;
}
.history .img-wrap {
  margin-bottom: 18rem;
}

.open-modal {
  cursor: pointer;
}

.modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.modal.active {
  display: block;
}

.modal-dim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
}

.modal-box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: end;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin: 5vh auto;
  background: #fff;
  padding: 2rem;
  border-radius: 12px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.modal-box button {
  font-size: 2.4rem;
  padding-right: 1rem;
}
.modal-box .img-box {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 3rem;
  padding-top: 1rem;
}

.modal-img {
  width: 25rem;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

@media all and (max-width: 85.375rem) {
  .modal-img {
    width: 20rem;
    height: auto;
    display: block;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media all and (max-width: 47.9375rem) {
  .modal-box {
    width: 50%;
  }
  .modal-box .img-box {
    display: block;
  }
  .modal-box .img-box img {
    margin-bottom: 1rem;
  }
}
@media all and (max-width: 85.375rem) {
  .history .g-bg {
    margin-top: 10rem;
    padding: 12rem 0;
  }
  .history .w-bg {
    padding: 12rem 0;
  }
  .history .b-bg {
    padding: 12rem 0;
  }
  .history .y-num {
    margin-bottom: 3rem;
  }
  .history .left-txt {
    width: 46%;
  }
  .history .his-txt {
    gap: 1.2rem;
  }
  .history .his-content {
    padding-left: 0%;
  }
}
@media all and (max-width: 64rem) {
  .history .history-list {
    gap: 6rem;
  }
  .history .g-bg {
    margin-top: 8rem;
    padding: 10rem 0;
  }
  .history .w-bg {
    padding: 10rem 0;
  }
  .history .b-bg {
    padding: 10rem 0;
  }
  .history .year {
    min-width: 5.5rem;
  }
  .history .his-item:first-child .right {
    padding-top: 6.5rem;
  }
  .history .right {
    padding-left: 4rem;
  }
  .history .history-list {
    gap: 5rem;
  }
  .history .history-wrap .line {
    left: 42.3%;
  }
  .history .his-item {
    padding-left: 44.4%;
  }
  .history .his-txt li {
    font-size: calc(var(--fs-md) - 0.2rem);
  }
  .history .since {
    margin-bottom: 4rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .history .history-wrap .line {
    left: 41.4%;
  }
  .history .since {
    line-height: 1;
  }
}
@media all and (max-width: 47.9375rem) {
  .history .g-bg {
    margin-top: 6rem;
    padding: 8rem 0;
  }
  .history .w-bg {
    padding: 8rem 0;
  }
  .history .b-bg {
    padding: 8rem 0;
  }
  .history .history-wrap {
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
  }
  .history .left-txt {
    position: static;
    width: 100%;
    text-align: left;
  }
  .history .history-wrap .line {
    left: 0;
    width: 1.7rem;
  }
  .history .his-item {
    padding-left: 0;
  }
  .history .his-item:first-child .right {
    padding-top: 4rem;
  }
  .history .history-list {
    gap: 4rem;
  }
  .history .his-txt {
    gap: 0.6rem;
  }
  .history .year {
    min-width: 2rem;
  }
  .history .right {
    padding-left: 2.4rem;
  }
  .history .subject {
    margin-bottom: 1rem;
  }
  .history .since {
    margin-bottom: 2rem;
    line-height: 1;
  }
}
.philosophy .g-bg {
  padding: 15rem 0 18rem;
  margin-top: 12rem;
  background: #F3F3F3;
}
.philosophy .arti-wrap {
  display: flex;
  flex-direction: column;
  gap: 18rem;
}
.philosophy .circle {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.philosophy .circle li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15rem;
  height: 15rem;
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
  border: 0.1rem solid rgba(59, 32, 19, 0.5);
  background: #fff;
}
.philosophy .circle li dt {
  text-align: center;
  font-size: calc(var(--fs-com) - 0.1rem);
  font-weight: 500;
  line-height: 2;
  color: #FF893B;
}
.philosophy .circle li dd {
  text-align: center;
  font-size: var(--fs-md);
  font-weight: 700;
  color: #FF893B;
}
.philosophy .circle .point {
  background: #FF893B;
  border: 0.1rem solid #FF893B;
}
.philosophy .circle .point dt,
.philosophy .circle .point dd {
  color: #fff;
}
.philosophy .img-wrap {
  margin: 5rem 0;
}
.philosophy .txt-box {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 5rem 10rem;
  background: #fff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  border: 0.1rem solid rgba(59, 32, 19, 0.3);
}
.philosophy .txt-box dl {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.philosophy .txt-box dl dt {
  text-align: center;
  font-size: calc(var(--fs-md) - 0.2rem);
  font-weight: 700;
  line-height: normal;
  color: #FF893B;
}
.philosophy .txt-box dl dd {
  text-align: center;
  font-size: var(--fs-mtit);
  font-weight: 600;
  line-height: 1.28571;
  letter-spacing: -1.75px;
  color: #3b2013;
}
.philosophy .txt-box .desc {
  font-size: var(--fs-md);
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: -1px;
  text-align: center;
  color: #3b2013;
  word-break: keep-all;
}
.philosophy .dot {
  display: flex;
  flex-direction: column;
}
.philosophy .dot li {
  position: relative;
  display: flex;
  padding-left: 1rem;
  gap: 2rem;
  letter-spacing: -1px;
  color: #3b2013;
  word-break: keep-all;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-md);
  font-style: normal;
  font-weight: 300;
  line-height: 2;
}
.philosophy .dot li span {
  font-weight: 600;
}
.philosophy .dot li::before {
  content: "";
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  top: 1.7rem;
  left: 0.1rem;
  border: 1rem;
  background: #3b2013;
}
.philosophy .txt-box-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.philosophy .txt-box-wrap .txt-box:first-child {
  width: 100%;
}
.philosophy .txt-box-wrap .txt-box:nth-child(2), .philosophy .txt-box-wrap .txt-box:nth-child(3) {
  width: calc(50% - 1rem);
}
.philosophy .sec-dot span {
  display: block;
  min-width: 14rem;
  color: #3B2013;
  font-family: "Inter", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2;
  /* 200% */
  letter-spacing: -1px;
}
.philosophy .sec-dot.en span {
  min-width: 40rem;
  display: block;
}
.philosophy .th-dot span {
  display: block;
  min-width: 25rem;
}
.philosophy .th-dot.en span {
  min-width: 42rem;
  display: block;
}

@media all and (max-width: 85.375rem) {
  .philosophy .g-bg {
    margin-top: 10rem;
    padding: 12rem 0;
  }
  .philosophy .arti-wrap {
    gap: 15rem;
  }
  .philosophy .txt-box {
    padding: 4rem 8rem;
  }
  .philosophy .th-dot span {
    min-width: 21rem;
  }
}
@media all and (max-width: 64rem) {
  .philosophy .g-bg {
    margin-top: 8rem;
    padding: 10rem 0;
  }
  .philosophy .arti-wrap {
    gap: 12rem;
  }
  .philosophy .txt-box {
    padding: 4rem 4rem;
  }
  .philosophy .sec-dot span {
    min-width: 10rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .philosophy .g-bg {
    margin-top: 6rem;
    padding: 8rem 0;
  }
  .philosophy .arti-wrap {
    gap: 8rem;
  }
  .philosophy .circle li {
    width: 10rem;
    height: 10rem;
  }
  .philosophy .img-wrap {
    margin: 3rem 0;
  }
  .philosophy .txt-box {
    padding: 3rem 2rem;
    gap: 1rem;
  }
  .philosophy .dot {
    gap: 1rem;
  }
  .philosophy .dot li {
    flex-direction: column;
    gap: 0.4rem;
  }
  .philosophy .dot li::before {
    top: 1.2rem;
  }
  .philosophy .txt-box {
    width: 100% !important;
  }
}
.value .i-bg {
  padding: 22rem 0 29rem;
  margin-top: 12rem;
  background: url("../img/sub/sub1/val-bg.jpg") no-repeat center;
  background-size: cover;
}
.value .i-bg .txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
  align-items: center;
}
.value .i-bg .type {
  display: block;
  text-align: center;
  font-size: calc(var(--fs-md) + 0.2rem);
  font-weight: 700;
  color: #FF893B;
}
.value .i-bg .img-tit {
  text-align: center;
  font-size: var(--fs-tit);
  font-weight: 700;
  color: #fff;
  line-height: 1.32;
}
.value .step {
  display: flex;
  justify-content: center;
  gap: 5rem;
  padding: 22rem 0 10rem;
}
.value .step li {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  max-width: 36rem;
  width: calc(25% - 3.75rem);
}
.value .step .num {
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  text-align: center;
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
  background: #F8E9E0;
  font-size: var(--fs-md);
  font-weight: 400;
  letter-spacing: -1px;
  color: #3b2013;
}
.value dl {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1rem;
}
.value dt {
  text-align: center;
  font-size: var(--fs-stit);
  font-weight: 600;
  line-height: 2;
  letter-spacing: -1.25px;
  color: #3b2013;
}
.value dd {
  text-align: center;
  font-size: var(--fs-md);
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: -0.6px;
  word-break: keep-all;
  color: #3b2013;
}
.value .scrolling-wrapper {
  overflow: hidden;
  margin-top: 12rem;
  margin-bottom: -1rem;
  opacity: 0.3;
}
.value .scrolling-wrapper .track {
  display: flex;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}
.value .scrolling-wrapper .track .img {
  display: block;
  width: 210rem;
  margin-right: 10rem;
}
.value .scrolling-wrapper .track .img img {
  display: block;
}

@media all and (max-width: 85.375rem) {
  .value .i-bg {
    padding: 18rem 0 24rem;
    margin-top: 10rem;
  }
  .value .step {
    padding: 16rem 0 10rem;
  }
  .value .step li {
    gap: 3rem;
  }
  .value dd {
    font-size: calc(var(--fs-md) - 0.2rem);
    word-break: keep-all;
  }
  .value dd br {
    display: none;
  }
  .value .scrolling-wrapper {
    margin-top: 8rem;
  }
}
@media all and (max-width: 64rem) {
  .value .step {
    padding: 12rem 0 10rem;
    flex-wrap: wrap;
    gap: 4rem;
  }
  .value .step li {
    width: calc(50% - 2rem);
  }
}
@media all and (max-width: 63.9375rem) {
  .value .i-bg {
    padding: 15rem 0 20rem;
    margin-top: 8rem;
  }
  .value .step {
    padding: 10rem 0 8rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .value .i-bg {
    padding: 12rem 0 15rem;
    margin-top: 6rem;
  }
  .value .i-bg .img-tit {
    word-break: keep-all;
  }
  .value .i-bg .img-tit br {
    display: none;
  }
  .value .step {
    padding: 8rem 0 6rem;
  }
  .value .step li {
    width: 100%;
  }
  .value .scrolling-wrapper {
    margin-top: 4rem;
  }
  .value .scrolling-wrapper .track .img {
    width: 170rem;
  }
}
.product-list .sec-txt-wrap {
  align-items: flex-start;
}
.product-list .sec-txt-wrap .type,
.product-list .sec-txt-wrap .sec-tit {
  text-align: left;
}
.product-list .section {
  padding: 15rem 0;
}
.product-list .list {
  display: flex;
  flex-wrap: wrap;
  gap: 6rem 3rem;
  margin-top: 6rem;
}
.product-list .list li {
  width: calc(33.3333333333% - 2rem);
}
.product-list .list li a {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.product-list .list li .name {
  display: block;
  text-align: center;
  font-size: calc(var(--fs-md) + 0.2rem);
  font-weight: 500;
  color: #3b2013;
}

@media all and (max-width: 85.375rem) {
  .product-list .section {
    padding: 12rem 0;
  }
}
@media all and (max-width: 63.9375rem) {
  .product-list .section {
    padding: 10rem 0;
  }
  .product-list .list {
    gap: 4rem 2rem;
  }
  .product-list .list li {
    width: calc(50% - 1rem);
  }
  .product-list .list li a {
    gap: 2rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .product-list .section {
    padding: 8rem 0;
  }
  .product-list .list {
    gap: 3rem 1rem;
    margin-top: 4rem;
  }
  .product-list .list li {
    width: calc(50% - 0.5rem);
  }
  .product-list .list li a {
    gap: 1rem;
  }
  .product-list .list li .name {
    font-size: var(--fs-md);
  }
}
.product .section {
  position: relative;
  padding: 18rem 0 22rem;
}
.product .section::before {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: #F3F3F3;
  z-index: -1;
}
.product .flex-wrap {
  display: flex;
  gap: 26rem;
}
.product .img {
  min-width: 41.666667%;
}
.product .sec-txt-wrap {
  align-items: flex-start;
}
.product .sec-txt-wrap .w-desc {
  text-align: left;
  position: relative;
  padding-left: 3rem;
}
.product .sec-txt-wrap .w-desc::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 1.5rem;
  left: 1.2rem;
  background: #3B2013;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.product .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8rem;
  width: 17rem;
  height: 6.4rem;
  border: 0.1rem solid rgba(0, 0, 0, 0.3);
  border-radius: 6rem;
  -webkit-border-radius: 6rem;
  -moz-border-radius: 6rem;
  -ms-border-radius: 6rem;
  -o-border-radius: 6rem;
  text-align: center;
  font-size: var(--fs-md);
  font-weight: 500;
  line-height: 1.5;
}

@media all and (max-width: 85.375rem) {
  .product .section {
    padding: 15rem 0 18rem;
  }
  .product .sec-txt-wrap .w-desc {
    word-break: keep-all;
  }
  .product .sec-txt-wrap .w-desc br {
    display: none;
  }
  .product .flex-wrap {
    gap: 18rem;
  }
  .product .btn {
    margin-top: 6rem;
  }
}
@media all and (max-width: 64rem) {
  .product .section {
    padding: 12rem 0 15rem;
  }
  .product .flex-wrap {
    gap: 15rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .product .section {
    padding: 10rem 0 12rem;
  }
  .product .section::before {
    display: none;
  }
  .product .flex-wrap {
    flex-direction: column;
    gap: 6rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .product .section {
    padding: 8rem 0 10rem;
  }
  .product .flex-wrap {
    gap: 4rem;
  }
  .product .btn {
    margin-top: 4rem;
    width: 15rem;
    height: 5rem;
  }
}
.esg .sec-1 {
  padding: 15rem 0 12rem;
}
.esg .sec-2 {
  padding: 15rem 0 12rem;
  background: #F3F3F3;
}
.esg .arti-wrap {
  display: flex;
  flex-direction: column;
  gap: 10rem;
}
.esg .img-wrap {
  margin: 12rem 0 10rem;
}
.esg .txt-wrap {
  display: flex;
  gap: 2rem;
}
.esg .txt-wrap > .desc {
  padding-top: 2.5rem;
  font-size: var(--fs-md);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: -1px;
  color: #3b2013;
}
.esg .txt-wrap .right-cont > .desc {
  padding-top: 2.5rem;
  font-size: var(--fs-md);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: -1px;
  color: #3b2013;
}
.esg .txt-wrap .right-cont > .desc.pn {
  padding-top: 0;
}
.esg .small-txt-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  min-width: 30rem;
}
.esg .small-txt-wrap .type {
  display: block;
  text-align: left;
  font-size: calc(var(--fs-md) - 0.2rem);
  font-weight: 700;
  color: #FF893B;
}
.esg .small-txt-wrap .sub-tit {
  text-align: left;
  font-size: var(--fs-mtit);
  font-weight: 600;
  color: #3b2013;
}
.esg .right-cont {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.esg .card {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.esg .card li {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 3rem 4rem;
  width: calc(50% - 1rem);
  min-height: 19.5rem;
  border: 1px solid rgba(59, 32, 19, 0.3);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  background: #fff;
}
.esg .card .full {
  width: 100%;
}
.esg .card.center li .desc {
  text-align: center;
}
.esg .title {
  display: block;
  text-align: center;
  font-size: calc(var(--fs-md) + 0.2rem);
  font-weight: 600;
  line-height: 2.04545;
  color: #FF893B;
  letter-spacing: -1.1px;
}
.esg .desc {
  font-size: calc(var(--fs-md) - 0.2rem);
  font-weight: 300;
  line-height: 1.66667;
  letter-spacing: -0.9px;
  color: #3b2013;
}
.esg .step {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.esg .step li {
  padding: 3rem 4rem;
  background: #fff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  border: 1px solid rgba(59, 32, 19, 0.3);
}
.esg .step dl {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.esg .step dt {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  font-size: var(--fs-md);
  font-weight: 600;
  color: #FF893B;
}
.esg .step dt span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
  background: #F8E9E0;
  color: #3b2013;
}
.esg .step dd {
  font-size: calc(var(--fs-md) - 0.2rrem);
  font-weight: 300;
  line-height: 1.66667;
  color: #3b2013;
}

@media all and (max-width: 85.375rem) {
  .esg .sec-1 {
    padding: 12rem 0 10rem;
  }
  .esg .sec-2 {
    padding: 12rem 0 10rem;
  }
  .esg .img-wrap {
    margin: 10rem 0 8rem;
  }
  .esg .small-txt-wrap {
    min-width: 21rem;
  }
  .esg .small-txt-wrap .sub-tit {
    word-break: keep-all;
    font-size: var(--fs-stit);
  }
  .esg .arti-wrap {
    gap: 8rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .esg .sec-1 {
    padding: 10rem 0 10rem;
  }
  .esg .sec-2 {
    padding: 10rem 0 10rem;
  }
  .esg .img-wrap {
    margin: 8rem 0 6rem;
  }
  .esg .small-txt-wrap {
    min-width: 15rem;
  }
  .esg .arti-wrap {
    gap: 6rem;
  }
  .esg .card li {
    padding: 3rem 2rem;
    word-break: keep-all;
  }
  .esg .card li br {
    display: none;
  }
  .esg .card li .title {
    font-size: var(--fs-md);
    line-height: 1.4;
  }
  .esg .card li .desc {
    font-size: var(--fs-com);
  }
}
@media all and (max-width: 47.9375rem) {
  .esg .sec-1 {
    padding: 8rem 0;
  }
  .esg .sec-2 {
    padding: 8rem 0;
  }
  .esg .img-wrap {
    margin: 6rem 0 4rem;
  }
  .esg .txt-wrap {
    flex-direction: column;
    gap: 2rem;
  }
  .esg .txt-wrap > .desc {
    padding-top: 0;
  }
  .esg .txt-wrap .right-cont {
    gap: 2rem;
  }
  .esg .txt-wrap .right-cont > .desc {
    padding-top: 0;
    word-break: keep-all;
  }
  .esg .arti-wrap {
    gap: 4rem;
  }
  .esg .card li {
    width: 100%;
    min-height: 0;
  }
  .esg .card li br {
    display: none;
  }
  .esg .card li .title {
    font-size: var(--fs-md);
    line-height: 1.4;
  }
  .esg .card li .desc {
    font-size: var(--fs-com);
  }
}
.safety .sec-2 {
  padding: 15rem 0 20rem;
  background: url("../img/sub/sub3/bg.jpg") no-repeat;
  background-size: cover;
}
.safety .sec-2 .txt-wrap {
  flex-direction: column;
  align-items: center;
}
.safety .sec-2 .small-txt-wrap {
  align-items: center;
}
.safety .sec-2 .small-txt-wrap .type,
.safety .sec-2 .small-txt-wrap .sub-tit {
  text-align: center;
}
.safety .sec-2 .desc {
  text-align: center;
}
.safety .sec-2 .img {
  margin-top: 8rem;
}
.safety .sec-3 {
  padding: 17rem 0;
}
.safety .sec-3 .right-cont {
  padding-top: 3rem;
}
.safety .sec-3 .txt-wrap .desc {
  padding-top: 0;
}
.safety .sec-4 {
  padding: 15rem 0 18rem;
  background: #F3F3F3;
}
.safety .sec-4 .img-wrap {
  margin-top: 0;
}
.safety .sec-4 .right-cont {
  padding-top: 3rem;
}

@media all and (max-width: 85.375rem) {
  .safety .sec-2 {
    padding: 12rem 0 15rem;
  }
  .safety .sec-3 {
    padding: 12rem 0;
  }
  .safety .sec-4 {
    padding: 12rem 0 15rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .safety .sec-2 {
    padding: 10rem 0 12rem;
  }
  .safety .sec-2 .desc {
    word-break: keep-all;
  }
  .safety .sec-2 .desc br {
    display: none;
  }
  .safety .sec-2 .img {
    margin-top: 6rem;
  }
  .safety .sec-3 {
    padding: 10rem 0;
  }
  .safety .sec-4 {
    padding: 10rem 0 12rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .safety .sec-2 {
    padding: 8rem 0 10rem;
  }
  .safety .sec-2 .img {
    margin-top: 4rem;
  }
  .safety .sec-3 {
    padding: 8rem 0;
  }
  .safety .sec-4 {
    padding: 8rem 0 10rem;
  }
  .safety .sec-4 .right-cont {
    padding-top: 0;
  }
}
.responsible .sec-1 {
  padding: 15rem 0 12rem;
}
.responsible .sec-1 .txt-wrap {
  margin-top: 10rem;
}
.responsible .sec-2 {
  padding: 12rem 0;
}
.responsible .dot-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 2rem;
  padding: 6rem 8rem;
  background: #fff;
  border-radius: 1rem;
  border: 1px solid rgba(59, 32, 19, 0.3);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.responsible .dot-list li {
  position: relative;
  padding-left: 1.4rem;
  display: flex;
  gap: 0.5rem;
  font-size: var(--fs-md);
  font-weight: 400;
  line-height: 1.75;
  color: #3b2013;
  letter-spacing: -1px;
}
.responsible .dot-list li span {
  display: block;
  min-width: 28rem;
  font-weight: 700;
}
.responsible .dot-list li::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  top: 1.55rem;
  left: 0;
  background: #AA8776;
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
}
.responsible .sec-3 {
  padding: 12rem 0 15rem;
}
.responsible .sec-3 .img-wrap {
  margin: 0;
}
.responsible .sec-3 .card-gray {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.responsible .sec-3 .card-gray li {
  padding: 3rem 4rem;
  width: calc(50% - 1rem);
  border-radius: 1rem;
  border: 1px solid rgba(59, 32, 19, 0.3);
  background: rgba(245, 245, 244, 0.5);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  font-size: calc(var(--fs-md) - 0.2rem);
  font-weight: 300;
  line-height: 1.66667;
  letter-spacing: -0.09rem;
  color: #3b2013;
}

@media all and (max-width: 85.375rem) {
  .responsible .sec-1 {
    padding: 12rem 0 10rem;
  }
  .responsible .sec-1 .txt-wrap {
    margin-top: 8rem;
  }
  .responsible .sec-3 {
    padding: 10rem 0 12rem;
  }
  .responsible .dot-list {
    padding: 6rem 6rem;
  }
  .responsible .dot-list li span {
    min-width: 22rem;
  }
}
@media all and (max-width: 64rem) {
  .responsible .sec-2 {
    padding: 10rem 0;
  }
}
@media all and (max-width: 63.9375rem) {
  .responsible .sec-1 {
    padding: 10rem 0 8rem;
  }
  .responsible .sec-1 .txt-wrap {
    margin-top: 6rem;
  }
  .responsible .sec-1 .txt-wrap .desc {
    word-break: keep-all;
  }
  .responsible .sec-1 .txt-wrap .desc br {
    display: none;
  }
  .responsible .sec-2 .dot-list li br {
    display: none;
  }
  .responsible .sec-3 {
    padding: 8rem 0 10rem;
  }
  .responsible .dot-list {
    padding: 5rem 4rem;
  }
  .responsible .dot-list li {
    flex-direction: column;
  }
  .responsible .dot-list li span {
    min-width: 0;
  }
}
@media all and (max-width: 47.9375rem) {
  .responsible .sec-1 {
    padding: 8rem 0 6rem;
  }
  .responsible .sec-1 .txt-wrap {
    margin-top: 4rem;
  }
  .responsible .sec-2 {
    padding: 8rem 0;
  }
  .responsible .dot-list {
    padding: 4rem 2rem;
    gap: 1rem;
  }
  .responsible .sec-3 {
    padding: 6rem 0 8rem;
  }
  .responsible .sec-3 .card-gray li {
    width: 100%;
  }
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  margin-top: 4rem;
}
.pagination ul {
  display: flex;
}
.pagination ul a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  font-size: var(--fs-md);
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  color: #666;
}
.pagination ul .active a {
  background: #000;
  color: #fff;
  font-weight: 700;
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
}
.pagination .des {
  opacity: 0.3;
}

.notice .sec-1 {
  padding: 15rem 0;
}
.notice .list {
  width: 100%;
  margin-top: 12rem;
}
.notice .list li {
  border-bottom: 0.1rem solid #000;
}
.notice .list li:first-child {
  border-top: 0.1rem solid #000;
}
.notice .list li:hover {
  background: rgba(212, 197, 190, 0.1);
}
.notice .list li:hover .num,
.notice .list li:hover .title {
  font-weight: 600;
}
.notice .list a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding: 1.5rem;
}
.notice .list span {
  color: #000;
}
.notice .list .num-title {
  display: flex;
  align-items: center;
  gap: 2rem;
  max-width: calc(100% - 18rem);
}
.notice .list .num {
  display: block;
  min-width: 8rem;
  text-align: center;
  font-size: var(--fs-md);
  font-weight: 400;
  line-height: 2.25;
}
.notice .list .title {
  display: block;
  min-height: calc(100% - 10rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--fs-md);
  font-weight: 400;
}
.notice .date-view {
  display: flex;
  align-items: center;
  gap: 3rem;
}
.notice .date-view span {
  font-size: var(--fs-com);
  font-weight: 300;
  line-height: 2.8125;
  color: #888;
  min-width: 3rem;
  text-align: left;
}
.notice .date-view .date {
  position: relative;
}
.notice .date-view .date::before {
  content: "";
  width: 0.1rem;
  height: 1.9rem;
  position: absolute;
  top: 50%;
  right: -1.6rem;
  background: #888;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.notice .btn {
  padding: 0;
}

@media all and (max-width: 85.375rem) {
  .notice .sec-1 {
    padding: 12rem 0;
  }
  .notice .list {
    margin-top: 10rem;
  }
}
@media all and (max-width: 64rem) {
  .notice .list {
    margin-top: 8rem;
  }
  .notice .list a {
    padding: 1rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .notice .sec-1 {
    padding: 10rem 0;
  }
}
@media all and (max-width: 47.9375rem) {
  .pagination {
    margin-top: 3rem;
  }
  .pagination ul a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    color: #666;
  }
  .notice .sec-1 {
    padding: 8rem 0;
  }
  .notice .list {
    margin-top: 6rem;
  }
  .notice .list a {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .notice .list .num-title {
    max-width: 100%;
    gap: 1rem;
    padding: 1rem 0;
  }
  .notice .list .num {
    min-width: 5rem;
    display: none;
  }
  .notice .list .date-view {
    display: none;
  }
  .notice .btn {
    width: 3rem;
    height: 3rem;
  }
}
.notice-view .sec-1 {
  padding: 15rem 0;
}
.notice-view .view-header {
  display: flex;
  justify-content: space-between;
  padding: 4rem 5rem;
  margin-top: 12rem;
  border: 0.1rem solid #000;
}
.notice-view .title {
  display: block;
  width: 100%;
  max-width: calc(100% - 18rem);
  font-size: calc(var(--fs-mtit) - 0.2rem);
  font-weight: 700;
  line-height: 1.36364;
  color: #000;
}
.notice-view .date-view {
  display: flex;
  align-items: center;
  gap: 3rem;
}
.notice-view .date-view span {
  font-size: var(--fs-com);
  font-weight: 300;
  line-height: normal;
  color: #888;
}
.notice-view .date-view .date {
  position: relative;
}
.notice-view .date-view .date::before {
  content: "";
  width: 0.1rem;
  height: 1.9rem;
  position: absolute;
  top: 50%;
  right: -1.6rem;
  background: #888;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.notice-view .view-body {
  padding: 8rem 13rem;
  border-bottom: 0.1rem solid #000;
  display: block;
  flex-direction: column;
  gap: 8rem;
}
.notice-view .view-body .img {
  text-align: center;
}
.notice-view .view-body .body-text p {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 200;
  line-height: 1.75;
}
.notice-view .view-body .body-text b {
  margin-right: 1rem;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 800;
  line-height: 3.5rem;
}
.notice-view .view-body p,
.notice-view .view-body div {
  font-size: var(--fs-md);
  font-weight: 200;
  line-height: 1.75;
  color: #000;
}
.notice-view .btn {
  margin: 4rem auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 17rem;
  height: 6.4rem;
  text-align: center;
  font-size: var(--fs-md);
  font-weight: 500;
  line-height: 1.5;
  color: #000;
  border-radius: 60px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: #FFF;
}

@media all and (max-width: 85.375rem) {
  .notice-view .sec-1 {
    padding: 12rem 0;
  }
  .notice-view .view-header {
    margin-top: 10rem;
    padding: 4rem 4rem;
  }
  .notice-view .title {
    font-size: var(--fs-stit);
  }
  .notice-view .view-body {
    padding: 6rem 8rem;
  }
}
@media all and (max-width: 64rem) {
  .notice-view .view-header {
    padding: 3rem 2rem;
  }
  .notice-view .title {
    font-size: var(--fs-stit);
  }
  .notice-view .view-body {
    padding: 6rem 4rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .notice-view .sec-1 {
    padding: 10rem 0;
  }
  .notice-view .view-header {
    margin-top: 8rem;
  }
  .notice-view .title {
    font-size: var(--fs-stit);
  }
  .notice-view .view-body {
    padding: 6rem 4rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .notice-view .sec-1 {
    padding: 8rem 0;
  }
  .notice-view .view-header {
    padding: 2rem;
    margin-top: 4rem;
    flex-direction: column;
    gap: 0.8rem;
  }
  .notice-view .title {
    width: 100%;
    max-width: none;
  }
  .notice-view .view-body {
    padding: 4rem 2rem;
  }
  .notice-view .view-body div,
  .notice-view .view-body p {
    font-size: calc(var(--fs-com) + 0.2rem);
  }
  .notice-view .btn {
    width: 15rem;
    height: 5rem;
  }
}
.cyber .sec-1 {
  padding: 15rem 0 12rem;
}
.cyber .step {
  display: flex;
  justify-content: center;
  gap: 6.3rem;
  margin-top: 12rem;
}
.cyber .step li {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: calc(25% - 4.725rem);
  aspect-ratio: 1/1;
  gap: 1rem;
  border-radius: 100rem;
  -webkit-border-radius: 100rem;
  -moz-border-radius: 100rem;
  -ms-border-radius: 100rem;
  -o-border-radius: 100rem;
}
.cyber .step li:first-child {
  border: 5px solid rgba(255, 137, 59, 0.2);
}
.cyber .step li:nth-child(2) {
  border: 5px solid rgba(255, 137, 59, 0.4);
}
.cyber .step li:nth-child(3) {
  border: 5px solid rgba(255, 137, 59, 0.6);
}
.cyber .step li:last-child {
  border: 5px solid rgba(255, 137, 59, 0.8);
}
.cyber .step li:last-child::before {
  display: none;
}
.cyber .step li::before {
  content: "";
  width: 2.3rem;
  height: 4.5rem;
  position: absolute;
  top: 50%;
  right: -4.8rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background: url("../img/sub/sub3/arrow.png") no-repeat;
  background-size: cover;
}
.cyber .step .num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10rem;
  height: 4rem;
  font-size: calc(var(--fs-com) - 0.1rem);
  font-weight: 600;
  color: #3b2013;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
  background: #F6F4F3;
}
.cyber .step .type {
  text-align: center;
  font-size: calc(var(--fs-md) + 0.3rem);
  font-weight: 500;
  line-height: 2;
}
.cyber .sec-2 {
  padding: 13rem 0 15rem;
  background: #F3F3F3;
}
.cyber .sec-2 .sec-txt-wrap {
  align-items: flex-start;
  margin-bottom: 5rem;
}
.cyber .sec-2 .sec-txt-wrap .type,
.cyber .sec-2 .sec-txt-wrap .sec-tit {
  text-align: left;
}
.cyber .sec-2 .sec-txt-wrap .w-desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 3.5rem;
  text-align: left;
}
.cyber .sec-2 .sec-txt-wrap .w-desc span {
  font-size: var(--fs-md);
  font-weight: 300;
  letter-spacing: -1px;
}
.cyber .essential {
  display: block;
  margin-bottom: 5rem;
  width: 100%;
  text-align: right;
  border-bottom: 0.1rem solid #000;
  font-size: calc(var(--fs-md) - 0.2rem);
  font-weight: 400;
  line-height: 1.83333;
}
.cyber .input-group-out {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
.cyber .input-group-in {
  display: flex;
  padding-bottom: 5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.cyber .input-group-in .type {
  display: block;
  min-width: 30rem;
  font-size: calc(var(--fs-mtit) - 0.5rem);
  font-weight: 700;
  line-height: 1.3333;
  color: #FF893B;
  max-width: 30rem;
}
.cyber .input-wrap {
  display: flex;
  width: 100%;
  gap: 2rem;
}
.cyber .input-in-wrap {
  display: flex;
  width: 100%;
  max-width: 99rem;
  gap: 1rem;
  align-items: center;
}
.cyber .input-in-wrap.small {
  width: auto;
}
.cyber .input-in-wrap.max {
  max-width: none;
  align-items: flex-start;
}
.cyber .input-in-wrap input {
  padding: 1rem;
  width: 100%;
  height: 4.4rem;
  border-radius: 0.3rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #FFF;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  -o-border-radius: 0.3rem;
  font-size: calc(var(--fs-com) - 0.1rem);
  font-weight: 500;
}
.cyber .input-in-wrap input::-moz-placeholder {
  font-size: calc(var(--fs-com) - 0.1rem);
  font-weight: 300;
  line-height: 1.33333;
  color: #888;
}
.cyber .input-in-wrap input::placeholder {
  font-size: calc(var(--fs-com) - 0.1rem);
  font-weight: 300;
  line-height: 1.33333;
  color: #888;
}
.cyber .input-in-wrap input.tel {
  width: 9rem;
}
.cyber .input-in-wrap .check {
  width: 2.6rem;
  height: 2.6rem;
  background: url("../img/common/input.png") no-repeat;
  background-size: cover;
  border: none;
}
.cyber .input-in-wrap .check:checked {
  background: url("../img/common/input-c.png") no-repeat;
  background-size: cover;
}
.cyber .input-in-wrap.name-in {
  width: auto;
}
.cyber .input-all-wrap,
.cyber .input-in-wrap {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.cyber .input-all-wrap .first,
.cyber .input-in-wrap .first {
  width: 20rem;
}
.cyber .input-all-wrap span,
.cyber .input-in-wrap span {
  font-size: var(--fs-md);
  color: #000;
  font-weight: 300;
}
.cyber .input-all-wrap .second,
.cyber .input-in-wrap .second {
  width: 27.5rem;
}
.cyber .input-all-wrap select,
.cyber .input-in-wrap select {
  width: 27.5rem;
  height: 4.4rem;
  padding: 1rem 2rem;
  border-radius: 0.3rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  -o-border-radius: 0.3rem;
  font-size: calc(var(--fs-com) - 0.1rem);
  font-weight: 500;
  background: url("../img/common/arrow.png") no-repeat 91.818182% #fff;
}
.cyber .file-box {
  display: flex;
  width: 100%;
  gap: 1rem;
  max-width: calc(100% - 19rem);
}
.cyber .file-box .file-input {
  width: 0;
  height: 0;
  padding: 0;
}
.cyber .file-box .form {
  display: flex;
  gap: 1rem;
  width: 100%;
  max-width: calc(100% - 19rem);
  margin-left: -1rem;
}
.cyber .file-box .file-data-box {
  display: block;
  padding: 1rem;
  width: calc(100% - 13rem);
  height: 4.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 0.3rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #FFF;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  -o-border-radius: 0.3rem;
  font-size: calc(var(--fs-com) - 0.1rem);
  font-weight: 500;
  line-height: 1.2;
}
.cyber .file-box .file-data-box::-moz-placeholder {
  font-size: calc(var(--fs-com) - 0.1rem);
  font-weight: 300;
  line-height: 1.33333;
  color: #888;
}
.cyber .file-box .file-data-box::placeholder {
  font-size: calc(var(--fs-com) - 0.1rem);
  font-weight: 300;
  line-height: 1.33333;
  color: #888;
}
.cyber .file-box .file-add-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12rem;
  height: 4.4rem;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.22);
  background: #9B9B9B;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  font-size: calc(var(--fs-com) - 0.1rem);
  font-weight: 600;
  line-height: 1.3333;
  text-align: center;
  color: #fff;
}
.cyber .verti {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.cyber .verti.more {
  gap: 1.5rem;
}
.cyber .verti .radio-box {
  display: flex;
  gap: 3rem;
}
.cyber .verti .radio-box > div {
  width: auto;
}
.cyber .label {
  display: block;
  min-width: 18rem;
  font-size: var(--fs-md);
  font-weight: 300;
  line-height: 1;
}
.cyber .label.b {
  min-width: auto;
}
.cyber textarea {
  width: 100%;
  padding: 1.5rem 2rem;
  background: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  -o-border-radius: 0.3rem;
  font-size: calc(var(--fs-com) - 0.1rem);
  font-weight: 500;
  line-height: 1.33333;
  resize: none;
  height: 12rem;
}
.cyber textarea::-moz-placeholder {
  font-size: calc(var(--fs-com) - 0.1rem);
  font-weight: 300;
  line-height: 1.33333;
  color: #888;
}
.cyber textarea::placeholder {
  font-size: calc(var(--fs-com) - 0.1rem);
  font-weight: 300;
  line-height: 1.33333;
  color: #888;
}
.cyber .captcha-wrap {
  display: flex;
  margin-top: 3rem;
  gap: 3rem;
  padding-left: 25.7rem;
}
.cyber .btn-wrap {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 5rem;
}
.cyber .btn-wrap button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18rem;
  height: 6.4rem;
  border-radius: 8rem;
  -webkit-border-radius: 8rem;
  -moz-border-radius: 8rem;
  -ms-border-radius: 8rem;
  -o-border-radius: 8rem;
  border: 0.1rem solid #aaa;
  background: #fff;
  text-align: center;
  font-size: calc(var(--fs-md) + 0.2rem);
  font-weight: 500;
  line-height: 1.36364;
  color: #000;
}
.cyber .btn-wrap .done {
  border-color: #FF893B;
  color: #FF893B;
}
.cyber .bot {
  vertical-align: middle;
  padding: 3rem 0;
  padding-left: 25.6rem;
  display: flex;
  align-items: center;
}
.cyber .bot .text-number {
  display: inline-block;
  margin-right: 3rem;
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.32;
  letter-spacing: 12.5px;
}
.cyber .bot input {
  width: 15rem;
  height: 4rem;
  margin-right: 1.5rem;
  background-color: #fff;
  padding: 1rem;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #FFF;
}
.cyber .bot img {
  margin-right: 1.5rem;
}

.report-form {
  padding: 120px 0;
  background: #f7f7f7;
}

.report-form .inner {
  max-width: 1200px;
  margin: auto;
  background: #fff;
  padding: 80px;
}

.report-title .eng {
  color: #ff6b00;
  font-size: 14px;
  font-weight: 600;
}

.report-title h2 {
  font-size: 40px;
  margin: 10px 0 20px;
}

.report-title .desc {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 60px;
}

.form-section {
  display: flex;
  border-top: 1px solid #ddd;
  padding: 40px 0;
}

.section-title {
  width: 200px;
  font-size: 20px;
  font-weight: 700;
  color: #ff6b00;
}

.section-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.form-row {
  display: flex;
  align-items: center;
  gap: 20px;
}

.form-row label {
  width: 180px;
  font-size: 15px;
}

.form-row input {
  height: 42px;
  padding: 0 10px;
  border: 1px solid #ddd;
  flex: 1;
}

textarea {
  width: 100%;
  height: 120px;
  padding: 10px;
  border: 1px solid #ddd;
  resize: none;
}

.email-group {
  display: flex;
  align-items: center;
  gap: 10px;
}

.email-group input {
  width: 180px;
}

.email-group select {
  height: 42px;
  border: 1px solid #ddd;
  padding: 0 10px;
}

.captcha {
  display: flex;
  align-items: center;
  gap: 20px;
  border-top: 1px solid #ddd;
  padding: 40px 0;
}

.captcha-box {
  display: flex;
  align-items: center;
  gap: 20px;
}

.captcha .code {
  font-size: 22px;
  letter-spacing: 8px;
}

.form-btn {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 40px;
}

.btn {
  padding: 15px 40px;
  border-radius: 40px;
  font-size: 16px;
  border: 1px solid #ccc;
  background: #fff;
}

.btn.submit {
  border: 1px solid #ff6b00;
  color: #ff6b00;
}

.modal-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.3);
}
.modal-wrap .modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background: #fff;
  width: 76rem;
}
.modal-wrap .modal .modal-inner {
  padding: 2rem 4rem 8rem;
}
.modal-wrap .modal .modal-body {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.modal-wrap .modal .modal-close-btn {
  text-align: right;
}
.modal-wrap .modal .pw-tit {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.4;
  color: #000;
}
.modal-wrap .modal .closed {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4rem auto 0;
  width: 14rem;
  height: 5.2rem;
  border-radius: 60px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: #FFF;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  color: #000;
}

@media all and (max-width: 85.375rem) {
  .cyber .sec-1 {
    padding: 12rem 0 10rem;
  }
  .cyber .sec-2 {
    padding: 11rem 0 12rem;
  }
  .cyber .verti {
    max-width: calc(100% - 20.7rem);
  }
  .cyber .verti .radio-box {
    gap: 1rem;
  }
  .cyber .input-group-in .type {
    min-width: 20.7rem;
  }
  .cyber textarea {
    max-width: 80rem;
  }
  .cyber .captcha-wrap {
    padding-left: 20.7rem;
  }
  .cyber .bot {
    padding-left: 21rem;
  }
}
@media all and (max-width: 64rem) {
  .cyber .step {
    flex-wrap: wrap;
    margin-top: 10rem;
  }
  .cyber .step li {
    width: calc(50% - 3.15rem);
  }
  .cyber .step li:nth-child(2)::before {
    display: none;
  }
  .cyber .input-all-wrap .first,
  .cyber .input-in-wrap .first {
    width: 13rem;
  }
  .cyber .input-all-wrap .second,
  .cyber .input-all-wrap select,
  .cyber .input-in-wrap .second,
  .cyber .input-in-wrap select {
    width: 18.5rem;
  }
  .cyber .verti .radio-box {
    display: block;
  }
  .cyber .bot {
    padding-left: 19rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .cyber .sec-1 {
    padding: 10rem 0;
  }
  .cyber .sec-2 {
    padding: 9rem 0 10rem;
  }
  .cyber .sec-2 .sec-txt-wrap .w-desc {
    word-break: keep-all;
  }
  .cyber .sec-2 .sec-txt-wrap .w-desc br {
    display: none;
  }
  .cyber .step {
    margin-top: 8rem;
  }
  .cyber .essential {
    margin-bottom: 4rem;
  }
  .cyber .verti {
    max-width: none;
  }
  .cyber .input-all-wrap .second,
  .cyber .input-all-wrap select {
    width: 16.5rem;
  }
  .cyber .input-group-out {
    gap: 4rem;
  }
  .cyber .input-group-in {
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 4rem;
  }
  .cyber .input-group-in .type {
    font-size: var(--fs-stit);
  }
  .cyber .label {
    min-width: 17rem;
  }
  .cyber .captcha-wrap {
    padding-left: 0;
  }
  .cyber .bot {
    padding-left: 0;
  }
  .modal-wrap .modal {
    width: calc(100% - 8rem);
  }
  .modal-wrap .modal .pw-tit {
    word-break: keep-all;
  }
}
@media all and (max-width: 47.9375rem) {
  .cyber .sec-1 {
    padding: 8rem 0;
  }
  .cyber .step {
    flex-direction: column;
    gap: 2rem;
  }
  .cyber .step li {
    width: 100%;
  }
  .cyber .step li::before {
    display: none;
  }
  .cyber .verti {
    gap: 2rem;
  }
  .cyber .input-wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .cyber .input-in-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .cyber .input-in-wrap.small {
    flex-direction: row;
  }
  .cyber .input-in-wrap input.tel {
    width: calc(33.333% - 1.9rem);
  }
  .cyber .input-in-wrap.name-in {
    width: 100%;
  }
  .cyber .input-in-wrap.name-in .first {
    width: 100%;
  }
  .cyber .input-all-wrap {
    flex-wrap: wrap;
  }
  .cyber .input-all-wrap .first {
    width: 11rem;
  }
  .cyber .input-all-wrap .second {
    width: calc(100% - 14.8rem);
  }
  .cyber .input-all-wrap select {
    width: 100%;
  }
  .cyber textarea {
    padding: 1.5rem 1rem;
  }
  .cyber .file-box .form {
    max-width: none;
    margin-left: 0;
  }
  .cyber .file-box .file-data-box {
    width: calc(100% - 11rem);
  }
  .cyber .file-box .file-add-btn {
    width: 10rem;
  }
  .cyber .sec-2 {
    padding: 7rem 0 8rem;
  }
  .cyber .sec-2 .sec-txt-wrap {
    margin-bottom: 3rem;
  }
  .cyber .btn-wrap button {
    width: 15rem;
    height: 5.4rem;
  }
  .cyber .bot {
    display: block;
  }
  .cyber .bot p {
    display: block;
  }
  .cyber .bot .text-number {
    display: block;
  }
  .cyber .bot input {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
  }
  .modal-wrap .modal {
    width: calc(100% - 4rem);
  }
  .modal-wrap .modal .modal-inner {
    padding: 2rem 2rem 6rem;
  }
  .modal-wrap .modal .pw-tit {
    font-size: 1.8rem;
  }
}
.welfare .sec-1 {
  padding: 15rem 0 18rem;
}
.welfare .icon-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10rem 8rem;
  margin-top: 12rem;
}
.welfare .icon-list li {
  display: flex;
  gap: 5rem;
  width: calc(50% - 4rem);
}
.welfare .icon-list .icon {
  flex-shrink: 0;
}
.welfare .icon-list dl {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-top: 2rem;
}
.welfare .icon-list dl dt {
  font-size: calc(var(--fs-mtit) - 0.5rem);
  font-weight: 700;
  line-height: 1.5;
}
.welfare .icon-list .dot li {
  position: relative;
  width: 100%;
  padding-left: 1.6rem;
  font-size: var(--fs-stit);
  font-weight: 300;
  line-height: 1.66667;
  letter-spacing: -1.2px;
}
.welfare .icon-list .dot li::before {
  content: "";
  width: 0.3rem;
  height: 0.3rem;
  top: 1.8rem;
  left: 0.1rem;
  position: absolute;
  background: #3B2013;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

@media all and (max-width: 85.375rem) {
  .welfare .sec-1 {
    padding: 12rem 0 15rem;
  }
}
@media all and (max-width: 64rem) {
  .welfare .sec-1 {
    padding: 10rem 0 12rem;
  }
  .welfare .icon-list {
    margin-top: 10rem;
    gap: 8rem 6rem;
  }
  .welfare .icon-list > li {
    width: calc(50% - 3rem);
  }
  .welfare .icon-list .dot li {
    font-size: var(--fs-md);
  }
}
@media all and (max-width: 63.9375rem) {
  .welfare .icon-list {
    margin-top: 8rem;
    gap: 4rem;
  }
  .welfare .icon-list > li {
    width: 100%;
  }
  .welfare .icon-list dl dt {
    font-size: var(--fs-md);
  }
}
@media all and (max-width: 47.9375rem) {
  .welfare .sec-1 {
    padding: 8rem 0 10rem;
  }
  .welfare .icon-list {
    margin-top: 6rem;
    gap: 4rem;
  }
  .welfare .icon-list > li {
    flex-direction: column;
    gap: 1rem;
  }
  .welfare .icon-list dl {
    gap: 1rem;
  }
}
.location .sec-1 {
  padding: 15rem 0 18rem;
}
.location .map {
  width: 100%;
  height: 55rem;
  margin-top: 12rem;
}
.location .map iframe {
  width: 100%;
  height: 100%;
}
.location .info-list {
  display: flex;
  gap: 10rem;
  margin-top: 4rem;
  padding: 3rem 0 4rem;
  border-bottom: 1px solid rgba(59, 32, 19, 0.2);
}
.location .info-list > li {
  display: flex;
  gap: 1.5rem;
}
.location .info-list .icon {
  display: block;
  min-width: 5rem;
}
.location .info-list .type {
  font-size: calc(var(--fs-md) - 0.2rem);
  font-weight: 700;
  line-height: normal;
  color: #FF893B;
}
.location .info-list dl {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  margin-top: 1rem;
}
.location .info-list dt {
  font-size: calc(var(--fs-stit) - 0.5rem);
  font-weight: 700;
  line-height: 1;
}
.location .info-list dd {
  font-size: var(--fs-stit);
  font-weight: 300;
  line-height: 1.25;
}
.location .tr-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.location .tr-list li {
  display: flex;
  gap: 3rem;
}
.location .tr-list .left {
  display: block;
  min-width: 6.7rem;
  font-weight: 600;
}

@media all and (max-width: 85.375rem) {
  .location .sec-1 {
    padding: 12rem 0 15rem;
  }
  .location .map {
    margin-top: 10rem;
  }
  .location .info-list {
    gap: 8rem;
  }
}
@media all and (max-width: 64rem) {
  .location .info-list {
    margin-top: 3rem;
    padding: 2rem 0 3rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .location .sec-1 {
    padding: 10rem 0 12rem;
  }
  .location .map {
    margin-top: 8rem;
    height: 45rem;
  }
  .location .info-list {
    flex-direction: column;
    gap: 2rem;
  }
  .location .info-list dl {
    gap: 2rem;
  }
  .location .info-list dt {
    font-size: var(--fs-stit);
  }
}
@media all and (max-width: 47.9375rem) {
  .location .sec-1 {
    padding: 8rem 0 10rem;
  }
  .location .map {
    margin-top: 6rem;
    height: 35rem;
  }
  .location .info-list dl {
    gap: 1rem;
  }
  .location .last > li {
    flex-direction: column;
    gap: 1rem;
  }
  .location .last dl {
    gap: 2rem;
  }
  .location .tr-list li {
    gap: 1rem;
  }
}
.usa .sec-0 {
  padding: 15rem 0 12rem;
}
.usa .sec-1 {
  padding: 15rem 0 12rem;
}
.usa .arti-wrap {
  display: flex;
  flex-direction: column;
  gap: 12rem;
  margin-top: 12rem;
}
.usa .article {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
.usa .map {
  width: 100%;
  height: 50rem;
}
.usa .map iframe {
  width: 100%;
  height: 100%;
}
.usa .info {
  display: flex;
  justify-content: center;
  gap: 8rem;
  align-items: flex-end;
}
.usa .left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.usa .type {
  font-size: var(--fs-md);
  font-weight: 700;
  line-height: normal;
  color: #FF893B;
}
.usa .loc {
  font-size: calc(var(--fs-mtit) + 0.5rem);
  font-weight: 600;
  line-height: 1.125;
  color: #98867D;
}
.usa .address {
  font-size: var(--fs-md);
  font-weight: 300;
  line-height: 1.75;
}
.usa .sec-2 {
  padding: 10rem 0 12rem;
  background: url("../img/sub/sub1/bg3.jpg") no-repeat;
  background-size: cover;
}
.usa .sec-2 .txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
.usa .sec-2 .sec-tit {
  font-size: var(--fs-mtit);
  font-weight: 600;
  line-height: 1.28571;
}
.usa .sec-2 .desc {
  font-size: var(--fs-md);
  font-weight: 200;
  line-height: 1.75;
  color: #000;
  letter-spacing: -1px;
}
.usa .sec-2 .img-wrap {
  margin: 8rem auto 0;
  text-align: center;
}

@media all and (max-width: 85.375rem) {
  .usa .sec-1 {
    padding: 12rem 0 10rem;
  }
}
@media all and (max-width: 64rem) {
  .usa .arti-wrap {
    gap: 10rem;
    margin-top: 10rem;
  }
  .usa .article {
    gap: 4rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .usa .sec-1 {
    padding: 10rem 0 8rem;
  }
  .usa .arti-wrap {
    gap: 8rem;
    margin-top: 8rem;
  }
  .usa .map {
    height: 40rem;
  }
  .usa .sec-2 {
    padding: 8rem 0 10rem;
  }
  .usa .sec-2 .txt-wrap {
    gap: 4rem;
  }
  .usa .sec-2 .img-wrap {
    margin: 6rem auto 0;
  }
}
@media all and (max-width: 47.9375rem) {
  .usa .sec-1 {
    padding: 8rem 0 6rem;
  }
  .usa .arti-wrap {
    gap: 6rem;
    margin-top: 6rem;
  }
  .usa .article {
    gap: 3rem;
  }
  .usa .map {
    height: 30rem;
  }
  .usa .left {
    gap: 1rem;
  }
  .usa .info {
    gap: 2rem;
    align-items: flex-start;
    flex-direction: column;
  }
  .usa .sec-2 {
    padding: 6rem 0 8rem;
  }
  .usa .sec-2 .txt-wrap {
    gap: 3rem;
  }
  .usa .sec-2 .img-wrap {
    margin: 4rem auto 0;
  }
}
.ci .sec-1 {
  padding: 15rem 0 12rem;
}
.ci .sec-2 {
  padding: 15rem 0 20rem;
  background: #F3F3F3;
}
.ci .arti-wrap {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  align-items: center;
}
.ci .article {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5rem;
}
.ci .article .arti-tit {
  text-align: center;
  font-size: var(--fs-stit);
  font-weight: 600;
  line-height: 1.875;
}
.ci .color {
  display: flex;
  gap: 4rem;
}
.ci .color li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
.ci .color li:first-child .circle {
  background: #EC7222;
}
.ci .color li:nth-child(2) .circle {
  background: #A97C54;
}
.ci .color li:last-child .circle {
  background: #685650;
}
.ci .color .circle {
  width: 15rem;
  height: 15rem;
  border-radius: 15rem;
  -webkit-border-radius: 15rem;
  -moz-border-radius: 15rem;
  -ms-border-radius: 15rem;
  -o-border-radius: 15rem;
}
.ci .color .hex {
  text-align: center;
  font-size: var(--fs-md);
  font-weight: 300;
  line-height: 1.75;
}
.ci .line {
  width: 0.1rem;
  height: 12rem;
  background: rgba(104, 86, 80, 0.5);
}
.ci .desc-wrap {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  max-width: 120rem;
}
.ci .desc-wrap ul {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.ci .desc-wrap ul li {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 200;
  line-height: 1.75;
  /* 175% */
  padding-left: 3rem;
  position: relative;
}
.ci .desc-wrap ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #000;
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
  position: absolute;
  top: 1.5rem;
  left: 0;
}
.ci .desc-wrap ul li b {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.59091;
  /* 159.091% */
}
.ci .desc-wrap .desc {
  font-weight: 200;
  line-height: 1.75;
  color: #000;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 3rem;
  font-style: normal;
  font-weight: 200;
  line-height: 1.4;
  /* 42px */
}
.ci .logo-desc {
  display: flex;
  gap: 4rem;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding: 5rem 0;
}
.ci .logo-desc .img {
  min-width: 20.2rem;
}
.ci .logo-desc img {
  mix-blend-mode: multiply;
}
.ci .identity-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.ci .identity-wrap .identity {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  /* 42px */
}
.ci .identity-wrap p {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 200;
  line-height: 1.75;
  /* 175% */
}

@media all and (max-width: 85.375rem) {
  .ci .sec-1 {
    padding: 12rem 0 10rem;
  }
  .ci .sec-2 {
    padding: 12rem 0 15rem;
  }
}
@media all and (max-width: 64rem) {
  .ci .arti-wrap {
    gap: 8rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .ci .sec-1 {
    padding: 10rem 0 8rem;
  }
  .ci .sec-2 {
    padding: 10rem 0 12rem;
  }
  .ci .arti-wrap {
    gap: 6rem;
  }
  .ci .line {
    height: 10rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .ci .sec-1 {
    padding: 8rem 0 6rem;
  }
  .ci .sec-2 {
    padding: 8rem 0 10rem;
  }
  .ci .arti-wrap {
    gap: 4rem;
  }
  .ci .line {
    height: 8rem;
  }
  .ci .color {
    flex-direction: column;
    gap: 2rem;
  }
  .ci .desc-wrap {
    gap: 3rem;
  }
  .ci .logo-desc {
    flex-direction: column;
  }
}
/*aos*/
.sec-txt-wrap {
  opacity: 0;
}

.greeting .logo,
.greeting .sub-tit,
.greeting .desc,
.greeting .ceo-sign {
  opacity: 0;
}

.history .his-content {
  opacity: 0;
}

.philosophy .circle,
.philosophy .img-wrap,
.philosophy .txt-box {
  opacity: 0;
}

.value .step {
  opacity: 0;
}
.value .i-bg .txt-wrap {
  opacity: 0;
}

.ci .sec-1, .ci .sec-2 {
  opacity: 0;
}

.usa .article,
.usa .txt-wrap,
.usa .img-wrap {
  opacity: 0;
}

.product .img,
.product .btn {
  opacity: 0;
}

.product-list .list {
  opacity: 0;
}

.esg .img-wrap,
.esg .txt-wrap {
  opacity: 0;
}

.responsible .dot-list {
  opacity: 0;
}

.notice .list {
  opacity: 0;
}

.pagination {
  opacity: 0;
}

.notice-view .view-header,
.notice-view .view-body,
.notice-view .btn {
  opacity: 0;
}

.cyber .step,
.cyber .essential,
.cyber .input-group-out,
.cyber .captcha-wrap,
.cyber .btn-wrap {
  opacity: 0;
}

.welfare .icon-list > li {
  opacity: 0;
}

.location .map,
.location .info-list {
  opacity: 0;
}/*# sourceMappingURL=style.css.map */