.inner {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}

.eng {
    letter-spacing: 0;
}

@media screen and (max-width:1280px) {
    .inner {
        padding: 0 15px;
    }
}

/* common*/

.sub_top {
    padding: 210px 0 90px;
}

.sub_top h2.title {
    font-size: 42px;
    margin-bottom: 70px;
    font-weight: 800;
}

.sub_top h2.title::before {
    content: '';
    display: block;
    width: 38px;
    height: 4px;
    background-color: #40c6c4;
    transform: translateY(-18px);
}

.sub_top h3 {
    font-size: 32px;
    margin-bottom: 22px;
    font-weight: 500;
    font-family: 'pretendard', sans-serif;
}

.sub_top p {
    font-size: 18px;
    line-height: 1.778;
}

.subRow h3.smtit {
    position: relative;
    display: inline-block;
    font-size: 32px;
    z-index: 10;
}

.subRow h3.smtit::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 12px;
    background-color: rgba(64, 198, 196, 0.2);
    z-index: -1;
}

.subRow .sub_title_wrap {
    margin-bottom: 60px;
}

.subRow .sub_title_wrap>p {
    font-size: 18px;
    line-height: 29px;
    margin-top: 34px;
}

@media screen and (max-width:768px) {
    .sub_top h2.title {
        font-size: 36px;
        margin-bottom: 40px;
    }
    .sub_top h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .subRow h3.smtit {
        font-size: 28px;
    }
}

@media screen and (max-width:480px) {
    .sub_top {
        padding: 160px 0 90px;
    }
    .sub_top h2.title {
        font-size: 28px;
        margin-bottom: 32px;
    }
    .sub_top h3 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .sub_top p {
        font-size: 16px;
    }
    .subRow h3.smtit {
        font-size: 24px;
    }
    .subRow .sub_title_wrap>p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px;
    }
}

/* ------------ */

/*--------- button ---------*/

.more_button.sub_button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 46px;
    border: 1px solid #111;
    margin: 0 auto 120px;
    transition: 0.3s;
}

.more_button.sub_button span {
    display: inline-block;
    margin-right: 18px;
    font-size: 14px;
    font-weight: 500;
    transition: 0.3s;
}

.more_button.sub_button::before {
    content: "";
    position: absolute;
    background-color: #111;
    transition: 0.3s ease-out;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    z-index: -1;
}

.more_button.sub_button .active {
    display: none;
    transition: 0.3s;
}

.more_button.sub_button:hover span {
    color: #fff;
}

.more_button.sub_button:hover::before {
    width: 100%;
}

.more_button.sub_button:hover .static {
    display: none;
    transition: 0.3s;
}

.more_button.sub_button:hover .active {
    display: inline-block;
}
/* Webstudio logo (stacked mark + wordmark) */
.logo img,
.logo_wrap img,
.imgg,
.left_logo img,
.bottom_address_wrap .logo_wrap img,
.main_inner .logo_wrap img {
  height: 92px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain;
  display: block;
}
.all_menu .wrap > .left_logo img,
.all_menu .imgg {
  height: 120px !important;
  width: auto !important;
}
.bottom_address_wrap .logo_wrap img {
  height: 72px !important;
}
.header_wrap.scroll .logo img,
.header_wrap.scroll .logo_wrap img {
  height: 52px !important;
}
@media screen and (max-width: 960px) {
  .logo img,
  .logo_wrap img,
  .imgg,
  .main_inner .logo_wrap img {
    height: 60px !important;
  }
}
@media screen and (max-width: 480px) {
  .logo img,
  .logo_wrap img,
  .imgg,
  .main_inner .logo_wrap img {
    height: 46px !important;
  }
}