a, .click {
  text-decoration: none;
  /*color: black;*/
  cursor: pointer;
}

a:hover, .click:hover {
  color: white;
}

#main-header .nav-item .top-menu-white {
  color: white;
}

#main-header .nav-item .top-menu-dark {
  color: black;
}

#mainNav {
  /*background: rgba(19,46,45,0.5);*/
}

@media (min-width: 992px) {
  #main-menu > .navbar-nav .nav-item:first-child {
    font-size: 1.3rem !important;
  }
}

@media (min-width: 992px) {
  main {
    margin-top: 0px;
  }
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  /*padding-top: 1.25rem;*/
  /*padding-bottom: 1.25rem;*/
  color: #fff;
  text-align: center;
  top: 10%;
}

#carousel-main {
  min-height: 31px;
  /*max-height: 700px;*/
}

#carousel-main .carousel-item {
  height: 100%;
}

.accordion-header {
  margin-bottom: 0px;
}

@media (max-width: 992px) {
  .main-bottom-banner-height {
    height: 159px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .main-bottom-banner-height {
    height: 351px;
  }
}

@media (min-width: 1200px) {
  .main-bottom-banner-height {
    height: 422px;
  }
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: rgba( 0, 0, 0, 0 );
  rgba( 0, 0, 0, 0.5 );: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 0;
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  /*--bs-accordion-btn-icon: url("http://arkpnp.mypr123.com/page/assets/img/main/chevron-down-solid.gif");*/
  /*--bs-accordion-btn-icon-width: 1.25rem;*/
  /*--bs-accordion-btn-icon-transform: rotate(-180deg);*/
  /*--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;*/
  /*--bs-accordion-btn-active-icon: url("http://arkpnp.mypr123.com/page/assets/img/main/chevron-up-solid.gif");*/
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.dropdown-menu {
  border: 0;
}

#main-header .dropdown-menu {
  background: rgba(19,46,45,0.5) !important;
}

#main-header .dropdown-menu .active {
  background: black !important;
  color: white !important;
}

#main-header .dropdown-menu a {
  font-size: 14px !important;
  color: rgb(255,255,255) !important;
}

#main-header .dropdown-menu a:hover {
  font-size: 14px !important;
  color: white !important;
  background: black;
}

#page1-2-title::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../assets/img/page/page1/clipboard-image-7.png");
  background-size: cover;
  filter: brightness(60%);
}

#page2-1-title::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../assets/img/page/page2/clipboard-image-13.png");
  background-size: cover;
  filter: brightness(70%);
}

#company-banner::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../assets/img/main/business1-0.png");
  background-size: cover;
  background-position: center;
  filter: brightness(60%);
}

#page3-title::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../assets/img/page/page3/page3.png");
  background-size: cover;
  filter: brightness(60%);
}

.text-color1 {
  color: #5ebbb4;
}

.process-icon {
  width: 60px;
}

.process-padding {
  padding: 0 12.5%;
}

/* process step style 01 */

.process-step-style-01 .process-step-icon-box {
  position: relative;
}

.process-step-style-01 .process-step-icon-box .process-step-bfr {
  position: absolute;
  top: 50%;
  left: calc(100% + 15px);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.process-step-style-01:last-child .process-step-bfr {
  display: none;
}

.process-step-style-01 .process-step-icon {
  width: 130px;
  height: 130px;
  box-shadow: 0 8px 25px rgba(249,249,249,.11);
  line-height: 130px;
  border-radius: 100%;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
}

.process-step-style-01 .process-step-icon i {
  vertical-align: middle;
}

.process-step-style-01:hover .process-step-icon {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(249,249,249,.11);
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.clientlogo img {
  border: 1px #ddd solid;
  width: 100%;
  margin-bottom: 20px;
}

.w-38 {
  width: 38%!important;
}

.menu-item {
  cursor: pointer;
}

/* 부모요소 */

.video1 {
  position: relative;
  padding-top: 56%;
  width: 100%;
  height: 0;
}

/* iframe */

.video1 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.history-box {
  box-shadow: 0.5px 0.5px 15px 0px var(--bs-gray-300);
}

.card:hover {
  transform: scale(1.05);
  cursor: pointer;
}

.card {
  transition: transform 0.2s ease;
  cursor: pointer;
}