@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: inherit;
}

::after,
::before {
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

body {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 400;
  height: 100%;
}

a {
  text-decoration: none;
  color: inherit;
  background-color: transparent;
}

img,
picture,
video,
canvas,
svg {
  border: none;
  max-width: 100%;
  display: block;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.3;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button {
  background: none;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
}

textarea {
  overflow: auto;
}

input,
select {
  vertical-align: top;
}

input:focus,
select:focus {
  outline: none;
}

ul,
ol,
dl,
li {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:root {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-wrap: break-word;
}

body {
  font-weight: 400;
  color: #242424;
  line-height: 1.5;
  letter-spacing: -0.033em;
  word-break: keep-all;
  cursor: default;
}

header, footer, nav {
  display: block;
}

#wrap {
  background-color: #fefefe;
}

.inner {
  padding: 0 10rem;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-width: 1920px;
}

span.ic-enter {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/ic-enter.png") no-repeat center -2px/24px auto;
  vertical-align: middle;
  margin-left: 6px;
}

br.tb,
br.mo {
  display: none;
}

/* sub-page common */
.sub-container {
  padding-top: 90px;
}
.sub-container .lnb-wrap {
  border-bottom: 1px solid #e1e1e1;
}
.sub-container .lnb-wrap .inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sub-container .lnb .lnb-item-wrap {
  display: flex;
  height: 82px;
}
.sub-container .lnb-item {
  width: 240px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  position: relative;
}
.sub-container .lnb-item::after {
  content: "";
  display: block;
  width: 1px;
  height: 40%;
  background-color: #e1e1e1;
  position: absolute;
  right: 0;
}
.sub-container .lnb-item:last-child::after {
  display: none;
}
.sub-container .lnb-item.on {
  font-weight: 500;
  color: #049991;
}
.sub-container .lnb-item.on::before {
  content: "";
  display: block;
  width: 56%;
  height: 4px;
  background-color: #049991;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: absolute;
  bottom: 0;
}
.sub-container .lnb-link {
  width: 90%;
  height: 100%;
  text-align: center;
  line-height: 82px;
}
.sub-top {
  height: 480px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/sub/bg_subtop01.jpg");
}
.sub-top .txt-box {
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-weight: 500;
}
.sub-top .txt-box .path {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}
.sub-top .txt-box .path span {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url("../images/ic-arrow_right.png") no-repeat center/16px auto;
  margin: 0 8px;
}
.sub-top .txt-box .text {
  font-size: 3.375rem;
}

.contents-wrap .contents {
  padding: 132px 0;
}
.contents-wrap .contents .txt-box .tit {
  font-size: 3rem;
  font-weight: 600;
}
.contents-wrap .contents .txt-box .subtxt {
  margin-top: 0.875rem;
  font-size: 1.5rem;
  font-weight: 500;
  color: #777777;
}
.contents-wrap .contents .txt-box .subtxt strong {
  font-weight: 500;
  color: #242424;
}

@media (max-width: 1599px) {
  .inner {
    padding: 0 3.75rem;
  }
  /* sub-page common */
  .contents-wrap .contents {
    padding: 100px 0;
  }
}
@media (max-width: 1279px) {
  /* sub-page common */
  .sub-top {
    height: 400px;
  }
  .sub-top .txt-box .text {
    font-size: 3rem;
  }
}
@media (max-width: 1023px) {
  .inner {
    padding: 0 2.5rem;
  }
  /* sub-page common */
  .sub-top {
    height: 360px;
  }
  .sub-top .txt-box .text {
    font-size: 2.25rem;
  }
  .contents-wrap .contents {
    padding: 80px 0;
  }
  .contents-wrap .contents .txt-box .tit {
    font-size: 2.25rem;
  }
  .contents-wrap .contents .txt-box .subtxt {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  br.tb {
    display: block;
  }
  /* sub-page common */
  .sub-container .lnb .lnb-item-wrap {
    height: 72px;
  }
  .sub-container .lnb-item {
    width: 200px;
    font-size: 1.125rem;
  }
  .sub-container .lnb-item::after {
    display: none;
  }
  .sub-container .lnb-link {
    width: 95%;
    line-height: 72px;
  }
  .sub-top {
    height: 300px;
  }
  .sub-top .txt-box .path {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
  }
  .sub-top .txt-box .path span {
    background-position: center 2px;
  }
  .sub-top .txt-box .text {
    font-size: 1.75rem;
  }
  .sub-top .txt-box .text br.pc {
    display: none;
  }
  .contents-wrap .contents .txt-box .tit {
    font-size: 1.75rem;
  }
  .contents-wrap .contents .txt-box .subtxt {
    font-size: 1.125rem;
  }
}
@media (max-width: 500px) {
  #wrap {
    min-width: 350px;
  }
  .inner {
    padding: 0 1.25rem;
  }
  /* sub-page common */
  .sub-container {
    padding-top: 52px;
  }
  .sub-container .lnb-wrap {
    width: 100%;
    position: sticky;
    top: 52px;
    z-index: 99;
    background-color: #fefefe;
  }
  .sub-container .lnb .lnb-item-wrap {
    height: 48px;
  }
  .sub-container .lnb-item {
    width: 80px;
    font-size: 0.875rem;
  }
  .sub-container .lnb-item.on::before {
    height: 3px;
  }
  .sub-container .lnb-link {
    line-height: 48px;
  }
  .sub-top {
    height: 200px;
  }
  .sub-top .txt-box .path {
    display: none;
  }
  .sub-top .txt-box .text {
    font-size: 1.25rem;
  }
  .contents-wrap .contents {
    padding: 56px 0;
  }
  .contents-wrap .contents .txt-box .tit {
    font-size: 1.25rem;
  }
  .contents-wrap .contents .txt-box .subtxt {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    font-weight: 400;
  }
}
.header {
  width: 100%;
  height: 90px;
  border-bottom: 1px solid rgba(254, 254, 254, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  transition: background-color 0.5s;
}
.header .logo {
  z-index: 99;
  position: relative;
  width: 210px;
  height: 100%;
}
.header .logo-link {
  font-size: 0;
  color: transparent;
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../images/tonabit_v2.png");
  background-size: auto 28px;
}
.header.on, .header.fixed {
  background-color: #fefefe;
  border-color: transparent;
}
.header.on .logo-link, .header.fixed .logo-link {
  background-image: url("../images/tonabit_v2.png");
  background-size: auto 27.5px;
}
.header.on .gnb-item, .header.fixed .gnb-item {
  color: #242424;
}
.header.on .gnb-item:hover, .header.fixed .gnb-item:hover {
  color: #049991;
}
.header.on .nav-btn .btn-menu, .header.fixed .nav-btn .btn-menu {
  background-image: url("../images/ic-menu.png");
}
.header.fixed {
  border-color: #e1e1e1;
}
.header.fixed.on {
  border-color: transparent;
}

#wrap.subpage .header {
  background-color: #fefefe;
  border-color: #e1e1e1;
}
#wrap.subpage .header.on {
  border-color: transparent;
}
#wrap.subpage .header.fixed {
  border-color: #e1e1e1;
}
#wrap.subpage .header.fixed.on {
  border-color: transparent;
}
#wrap.subpage .header .logo-link {
  background-image: url("../images/tonabit_v2.png");
  background-size: auto 27.5px;
}
#wrap.subpage .header .gnb-item {
  color: #242424;
}
#wrap.subpage .header .gnb-item:hover {
  color: #049991;
}

.nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9;
  letter-spacing: -0.01em;
}

.bg-dark {
  width: 100vw;
  height: calc(100vh - 340px);
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 340px;
  left: 0;
  display: none;
}

.gnb {
  width: 50%;
  max-width: 750px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  z-index: 9;
}
.gnb-item {
  width: 160px;
  height: 100%;
  color: #fefefe;
  font-weight: 600;
  transition: color 0.2s;
  display: flex;
  align-items: center;
}
.gnb-item.over {
  color: #049991 !important;
}
.gnb-item:hover {
  color: #049991;
}
.gnb-item-link {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 90px;
}
.gnb.on::before {
  height: 250px;
}
.gnb.on .gnb-link {
  display: flex;
}
.gnb::before {
  display: block;
  content: "";
  width: 100%;
  height: 0;
  background-color: #fefefe;
  position: absolute;
  top: 90px;
  left: 0;
  z-index: -1;
  transition: height 0.2s;
}
.gnb-link {
  width: 160px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.gnb-link:hover {
  color: #049991;
}
.gnb-mobile {
  display: none;
}

.nav-btn .btn-menu {
  display: block;
  width: 104px;
  height: 100%;
  font-size: 0;
  color: transparent;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url("../images/ic-menu_w.png") no-repeat center/24px auto;
  display: none;
}

@media (max-width: 1599px) {
  .header .logo, .header.fixed .logo, .header.on .logo, #wrap.subpage .header .logo {
    width: 166px;
  }
  .header .logo-link, .header.fixed .logo-link, .header.on .logo-link, #wrap.subpage .header .logo-link {
    background-size: auto 22px;
  }
  .gnb-item, .gnb-link {
    width: 140px;
  }
}
@media (max-width: 1023px) {
  .header.on .nav-btn .btn-menu, #wrap.subpage .header .nav-btn .btn-menu {
    background-image: url("../images/ic-menu.png");
  }
  .nav-btn .btn-menu {
    display: block;
  }
  .gnb {
    display: none;
  }
  .gnb-mobile {
    display: block;
    background-color: #fefefe;
    width: 100%;
    height: calc(100vh - 90px);
    margin-top: 90px;
    padding-top: 20px;
    position: relative;
    right: -100%;
    transition: all 0.5s;
  }
  .gnb-mobile.on {
    right: 0;
  }
  .gnb-mobile .gnb-item {
    width: 100%;
    height: 84px;
    padding: 0 40px;
    position: relative;
    border-bottom: 1px solid #eaeaea;
    color: #242424;
    font-size: 2rem;
    font-weight: 500;
    justify-content: start;
  }
  .gnb-mobile .gnb-item::after {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    background: url("../images/ic-menu_open.png") no-repeat center/32px auto;
  }
  .gnb-mobile .gnb-sub {
    display: none;
    height: 100%;
  }
  .gnb-mobile .gnb-link {
    width: 100%;
    height: 62px;
    padding: 0 48px;
    font-size: 1.25rem;
    font-weight: 500;
    display: flex;
    justify-content: start;
    align-items: center;
    color: #777777;
  }
  .gnb-mobile .gnb-item-wrap.on {
    padding-bottom: 20px;
  }
  .gnb-mobile .gnb-item-wrap.on .gnb-item {
    border-bottom: none;
    color: #049991;
    font-weight: 600;
  }
  .gnb-mobile .gnb-item-wrap.on .gnb-item::after {
    background-image: url("../images/ic-menu_close.png");
  }
}
@media (max-width: 500px) {
  .header, .header.fixed, .header.on, #wrap.subpage .header {
    height: 52px;
  }
  .header .logo, .header.fixed .logo, .header.on .logo, #wrap.subpage .header .logo {
    width: 105px;
  }
  .header .logo-link, .header.fixed .logo-link, .header.on .logo-link, #wrap.subpage .header .logo-link {
    background-size: auto 14px;
  }
  .nav-btn .btn-menu {
    width: 64px;
  }
  .gnb-mobile {
    height: calc(100vh - 44px);
    margin-top: 52px;
    padding-top: 16px;
  }
  .gnb-mobile .gnb-link {
    height: 42px;
    padding: 0 20px;
    font-size: 0.875rem;
  }
  .gnb-mobile .gnb-item {
    height: 56px;
    padding: 0 20px;
    font-size: 1rem;
  }
  .gnb-mobile .gnb-item::after {
    width: 20px;
    height: 20px;
    right: 20px;
    background-size: 20px auto;
  }
  .gnb-mobile .gnb-item-wrap.on {
    padding-bottom: 12px;
  }
}
.footer {
  padding: 3rem 0;
  background-color: #fff;
  border-top: 1px solid #e1e1e1;
}
.footer .container {
  display: flex;
}
.footer .f_logo {
  width: 210px;
  height: 80px;
  background: url("../images/tonabit_h.png") no-repeat left center/auto 50px;
  font-size: 0;
  color: transparent;
  margin-right: 226px;
}
.footer .cate-container {
  display: flex;
}
.footer .cate-wrap {
  font-size: 0.875rem;
}
.footer .cate-wrap:first-child {
  margin-right: 82px;
}
.footer .cate-tit {
  font-weight: 500;
  margin-bottom: 1.25rem;
}
.footer .cate-box {
  margin-bottom: 0.25rem;
}
.footer .cate-box::after {
  content: "";
  display: block;
  clear: both;
}
.footer .cate-box > div {
  float: left;
}
.footer .cate-name {
  width: 86px;
  margin-right: 1.25rem;
}
.footer .cate-name2 {
  width: 50px;
  margin-right: 1.25rem;
}
.footer .cate-txt {
  color: #777777;
}
.footer .copyright {
  font-size: 0.75rem;
  color: #777777;
  margin-top: 40px;
  margin-left: 436px;
}

@media (max-width: 1599px) {
  .footer .f_logo {
    margin-right: 180px;
  }
  .footer .cate-wrap:first-child {
    margin-right: 70px;
  }
  .footer .copyright {
    margin-left: 390px;
  }
}
@media (max-width: 1279px) {
  .footer .container {
    flex-direction: column;
  }
  .footer .f_logo {
    margin-right: 0;
    margin-bottom: 44px;
  }
  .footer .cate-wrap:first-child {
    margin-right: 80px;
  }
  .footer .copyright {
    margin-left: 0;
  }
}
@media (max-width: 1023px) {
  .footer .cate-wrap:first-child {
    margin-right: 40px;
  }
}
@media (max-width: 810px) {
  .footer .f_logo {
    height: 24px;
    background-size: auto 24px;
    margin-bottom: 28px;
  }
  .footer .cate-container {
    flex-direction: column;
  }
  .footer .cate-wrap:first-child {
    margin-right: 0;
    margin-bottom: 24px;
  }
  .footer .cate-tit {
    margin-bottom: 0.75rem;
  }
  .footer .cate-box {
    margin-bottom: 0.125rem;
  }
  .footer .cate-name, .footer .cate-name2 {
    display: none;
  }
  .footer .copyright {
    margin-top: 28px;
  }
}
@media (max-width: 500px) {
  .footer {
    padding: 2.625rem 0;
  }
  .footer .f_logo {
    height: 14px;
    background-size: auto 14px;
    margin-bottom: 32px;
  }
  .footer .cate-tit {
    margin-bottom: 0.5rem;
  }
  .footer .cate-txt {
    font-size: 0.75rem;
  }
  .footer .copyright {
    margin-top: 24px;
    font-size: 0.625rem;
  }
}
.main-slide {
  width: 100%;
  height: 100vh;
  min-height: 650px;
}

.mySwiper-main {
  width: 100%;
  height: 100%;
  position: relative;
}
.mySwiper-main .swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fefefe;
}
.mySwiper-main .swiper-slide.mv01 {
  background-image: url("../images/bg_slide01.png");
}
.mySwiper-main .swiper-slide.mv02 {
  background-image: url("../images/bg_slide02.jpg");
}
.mySwiper-main .swiper-slide.mv03 {
  background-image: url("../images/bg_slide03.jpg");
}
.mySwiper-main .swiper-slide .inner {
  padding: 0 10rem;
}
.mySwiper-main .swiper-slide .txt-box {
  padding-top: 210px;
}
.mySwiper-main .swiper-slide .txt-box .txt-sub {
  font-size: 1.5rem;
  font-weight: 500;
}
.mySwiper-main .swiper-slide .txt-box .txt-tit {
  margin-top: 1rem;
  font-size: 3.75rem;
  font-weight: 500;
  line-height: 1.4;
}
.mySwiper-main .swiper-slide .txt-box .txt-tit br.tb {
  display: none;
}
.mySwiper-main .swiper-btn-wrap {
  position: absolute;
  width: 100%;
  height: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  margin: 0 auto;
  max-width: 1920px;
}
.mySwiper-main .swiper-button-prev,
.mySwiper-main .swiper-button-next {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  width: 92px;
  height: 92px;
}
.mySwiper-main .swiper-button-prev::after,
.mySwiper-main .swiper-button-next::after {
  font-size: 0;
  color: transparent;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48px auto;
  width: 48px;
  height: 48px;
}
.mySwiper-main .swiper-button-prev {
  left: 10rem;
}
.mySwiper-main .swiper-button-prev::after {
  background-image: url("../images/ic-prev.png");
}
.mySwiper-main .swiper-button-next {
  right: 10rem;
}
.mySwiper-main .swiper-button-next::after {
  background-image: url("../images/ic-next.png");
}
.mySwiper-main .btn-wrap {
  width: 960px;
  height: 8%;
  position: absolute;
  bottom: 1px;
  left: 49%;
  transform: translateX(-50%);
  z-index: 99;
}
.mySwiper-main .swiper-button-pause {
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: -88px;
  right: -80px;
  z-index: 99;
  font-size: 0;
  color: transparent;
  background: url("../images/ic-pause.png") no-repeat center/36px auto;
}
.mySwiper-main .swiper-button-pause::after {
  content: "play";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: url("../images/ic-play.png") no-repeat center/36px auto;
  display: none;
}
.mySwiper-main .swiper-button-pause.on {
  background: none;
}
.mySwiper-main .swiper-button-pause.on::after {
  display: block;
}
.mySwiper-main .swiper-pagination {
  bottom: 8%;
  width: 98%;
  z-index: 99;
  height: 18px;
}
.mySwiper-main .swiper-pagination-bullet {
  width: 320px;
  height: 4px;
  border-radius: 4px;
  background-color: rgba(251, 251, 251, 0.4);
  position: relative;
  margin: 0 !important;
  text-align: left;
  opacity: 1;
}
.mySwiper-main .swiper-pagination-bullet .slide-info {
  display: block;
  width: 100%;
  position: absolute;
  color: #fefefe;
  padding: 24px 20px 28px;
  top: -116px;
  left: 0;
  opacity: 0.5;
}
.mySwiper-main .swiper-pagination-bullet .slide-info .number {
  font-size: 1rem;
}
.mySwiper-main .swiper-pagination-bullet .slide-info .slide-name {
  margin-top: 0.5rem;
  font-size: 1.5rem;
  font-weight: 500;
}
.mySwiper-main .swiper-pagination-bullet-active .slide-info {
  opacity: 1;
}
.mySwiper-main .swiper-pagination-bullet-active::after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  background-color: #fff;
  animation: progress-bar 5s linear;
}
.mySwiper-main .swiper-pagination-bullet-active.on::after {
  animation-play-state: paused;
}
@keyframes progress-bar {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@media (max-width: 1599px) {
  .mySwiper-main .swiper-slide .inner {
    padding: 0 3.75rem;
  }
  .mySwiper-main .swiper-slide .txt-box {
    padding-top: 170px;
  }
  .mySwiper-main .swiper-slide .txt-box .txt-sub {
    font-size: 1.25rem;
  }
  .mySwiper-main .swiper-slide .txt-box .txt-tit {
    font-size: 3.375rem;
  }
  .mySwiper-main .swiper-button-prev {
    left: 3.75rem;
  }
  .mySwiper-main .swiper-button-next {
    right: 3.75rem;
  }
  .mySwiper-main .btn-wrap {
    width: 830px;
  }
  .mySwiper-main .swiper-pagination {
    left: 49%;
    transform: translateX(-50%);
    width: 830px;
  }
  .mySwiper-main .swiper-pagination-bullet {
    width: 33.3333333333%;
  }
  .mySwiper-main .swiper-pagination-bullet .slide-info {
    top: -110px;
  }
  .mySwiper-main .swiper-pagination-bullet .slide-info .slide-name {
    font-size: 1.25rem;
  }
}
@media (max-width: 1279px) {
  .mySwiper-main .swiper-slide .inner {
    padding: 0 2.5rem;
  }
  .mySwiper-main .swiper-slide .txt-box {
    padding-top: 154px;
  }
  .mySwiper-main .swiper-slide .txt-box .txt-tit br.tb {
    display: block;
  }
  .mySwiper-main .swiper-button-prev {
    left: 2.5rem;
  }
  .mySwiper-main .swiper-button-next {
    right: 2.5rem;
  }
  .mySwiper-main .btn-wrap {
    width: 750px;
    left: 48%;
  }
  .mySwiper-main .swiper-pagination {
    left: 48%;
    width: 750px;
  }
  .mySwiper-main .swiper-pagination-bullet .slide-info {
    padding: 20px 20px 24px;
    top: -98px;
  }
  .mySwiper-main .swiper-pagination-bullet .slide-info .slide-name {
    margin-top: 0.25rem;
  }
}
@media (max-width: 1023px) {
  .mySwiper-main .swiper-slide .txt-box .txt-sub {
    font-size: 1rem;
  }
  .mySwiper-main .swiper-slide .txt-box .txt-tit {
    font-size: 3rem;
  }
  .mySwiper-main .swiper-button-prev,
  .mySwiper-main .swiper-button-next {
    width: 70px;
    height: 70px;
  }
  .mySwiper-main .swiper-button-prev::after,
  .mySwiper-main .swiper-button-next::after {
    background-size: 36px auto;
  }
  .mySwiper-main .btn-wrap {
    width: 70%;
    left: 48%;
  }
  .mySwiper-main .swiper-button-pause {
    width: 60px;
    height: 60px;
    top: -68px;
    right: -60px;
    background-image: url("../images/ic-pause_t.png");
    background-size: 32px auto;
  }
  .mySwiper-main .swiper-button-pause::after {
    background-size: 34px auto;
  }
  .mySwiper-main .swiper-pagination {
    width: 70%;
  }
  .mySwiper-main .swiper-pagination-bullet .slide-info {
    padding: 20px 12px 24px;
  }
  .mySwiper-main .swiper-pagination-bullet .slide-info .number {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .mySwiper-main .swiper-slide .txt-box {
    padding-top: 194px;
  }
  .mySwiper-main .swiper-slide .txt-box .txt-tit {
    font-size: 2.25rem;
  }
  .mySwiper-main .swiper-slide.mv03 {
    background-image: url("../images/bg_slide03_t.jpg");
  }
  .mySwiper-main .btn-wrap {
    width: 70%;
    max-width: 400px;
  }
  .mySwiper-main .swiper-button-pause {
    width: 40px;
    height: 40px;
    top: -52px;
    right: -48px;
    background-size: 26px auto;
  }
  .mySwiper-main .swiper-button-pause::after {
    background-size: 28px auto;
  }
  .mySwiper-main .swiper-pagination {
    max-width: 400px;
    width: 70%;
  }
  .mySwiper-main .swiper-pagination-bullet .slide-info {
    padding: 16px 12px 20px;
    top: -80px;
  }
  .mySwiper-main .swiper-pagination-bullet .slide-info .slide-name {
    margin-top: 0;
    font-size: 1rem;
  }
}
@media (max-width: 500px) {
  .main-slide {
    min-height: 100vh;
  }
  .mySwiper-main .swiper-slide .inner {
    padding: 0 1.25rem;
  }
  .mySwiper-main .swiper-slide .txt-box {
    padding-top: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .mySwiper-main .swiper-slide .txt-box .txt-sub {
    display: none;
  }
  .mySwiper-main .swiper-slide .txt-box .txt-tit {
    font-size: 1.25rem;
    white-space: nowrap;
    line-height: 1.5;
  }
  .mySwiper-main .swiper-slide .txt-box .txt-tit::before {
    content: "";
    display: block;
    height: 25px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 25px;
    margin-bottom: 0.75rem;
  }
  .mySwiper-main .swiper-slide.mv01 .txt-box .txt-tit::before {
    background-image: url("../images/tonabit_v2.png");
    background-size: auto 21px;
  }
  .mySwiper-main .swiper-slide.mv02 {
    background-image: url("../images/bg_slide02_m.png");
  }
  .mySwiper-main .swiper-slide.mv02 .txt-box .txt-tit::before {
    background-image: url("../images/logo_mobyEN_w.svg");
  }
  .mySwiper-main .swiper-slide.mv03 {
    background-image: url("../images/bg_slide03_m.jpg");
  }
  .mySwiper-main .swiper-slide.mv03 .txt-box .txt-tit::before {
    background-image: url("../images/tonabit_v2.png");
  }
  .mySwiper-main .swiper-btn-wrap {
    display: none;
  }
  .mySwiper-main .btn-wrap {
    width: 60%;
    left: 46%;
    height: 7%;
  }
  .mySwiper-main .swiper-button-pause {
    top: -43px;
    right: -48px;
    background-image: url("../images/ic-pause_m.png");
    background-size: 20px auto;
  }
  .mySwiper-main .swiper-button-pause::after {
    background-size: 20px auto;
  }
  .mySwiper-main .swiper-pagination {
    width: 60%;
    display: flex;
    left: 46%;
    bottom: 7%;
    align-items: flex-end;
  }
  .mySwiper-main .swiper-pagination-bullet {
    height: 2px;
  }
  .mySwiper-main .swiper-pagination-bullet .slide-info {
    padding: 12px 24px 14px 0;
    top: -48px;
  }
  .mySwiper-main .swiper-pagination-bullet .slide-info .slide-name {
    display: none;
  }
  .mySwiper-main .swiper-pagination-bullet-active {
    width: 60%;
  }
}
.float-box {
  display: none;
  width: 60px;
  height: 140px;
  position: fixed;
  bottom: 4rem;
  right: 3rem;
  z-index: 9;
}
.float-box .btn-wrap {
  position: absolute;
  right: 0;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 4px 4px 6px rgba(0, 116, 110, 0.2);
}
.float-box .btn-wrap.on .float-btn {
  color: #fff;
  width: 196px;
  padding-left: 16px;
  padding-right: 66px;
  transition: all 0.2s;
}
.float-btn {
  display: block;
  width: 60px;
  height: 60px;
  background-color: #049991;
  border-radius: 20px;
  padding: 18px 10px;
  position: relative;
  font-weight: 600;
  color: transparent;
  font-size: 1rem;
  white-space: nowrap;
  transition-property: width, color;
  transition-duration: 0.2s, 0s;
  transition-timing-function: ease, linear;
}
.float-btn::after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 10px;
  top: 10px;
  background: url("../images/ic-contact.png") no-repeat center/40px auto;
  z-index: 2;
}
.float-btn::before {
  content: "";
  display: block;
  width: 42px;
  height: 40px;
  background-color: #049991;
  position: absolute;
  top: 10px;
  right: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.float-btn > span {
  display: inline-block;
  margin-right: 4px;
}

#top-btn {
  width: 60px;
  height: 60px;
  position: absolute;
  right: 0;
  bottom: 0;
  border: 1px solid #dadada;
  border-radius: 20px;
  font-size: 0;
  color: transparent;
  background: #fff url("../images/ic-gotop.png") no-repeat center/40px auto;
}

@media (max-width: 1023px) {
  #top-btn {
    display: none;
  }
  .float-box {
    width: 60px;
    height: 60px;
  }
  .float-box .btn-wrap {
    bottom: 0;
  }
}
@media (max-width: 500px) {
  .float-box {
    bottom: 2.25rem;
    right: 1.75rem;
  }
  .float-box .btn-wrap {
    border-radius: 16px;
  }
  .float-btn {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    padding: 8px;
  }
  .float-btn::after {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 8px;
    top: 8px;
    background-size: 32px auto;
  }
}
.part {
  padding: 148px 0;
}
.part .txt-box .txt-tit {
  text-align: center;
  font-size: 3rem;
  font-weight: 600;
}

.part01 .txt-box .txt-tit {
  margin-bottom: 56px;
}
.part01 .card-box {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.part01 .card {
  width: 517px;
  border-radius: 8px;
  position: relative;
  box-shadow: 0 4px 12px rgba(159, 159, 159, 0.25);
  z-index: 3;
}
.part01 .card-img {
  height: 458px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.part01 .card.card01 {
  margin-right: 1.5rem;
}
.part01 .card.card01 .card-img {
  background-image: url("../images/card1.png");
}
.part01 .card.card01 .card-txt .tit {
  background-image: url("../images/tonabit_r.jpg");
}
.part01 .card.card02 .card-img {
  background-image: url("../images/card2.png");
}
.part01 .card.card02 .card-txt .tit {
  background-image: url("../images/tonabit_s.jpg");
}
.part01 .card-txt {
  padding: 3.5rem 3rem;
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.part01 .card-txt .tit {
  height: 120px;
  font-size: 0;
  color: transparent;
  margin-bottom: 24px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
.part01 .card-txt .txt {
  font-size: 1.5rem;
  font-weight: 500;
}
.part01 .card .btn-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 458px;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
}
.part01 .card-btn {
  display: block;
  width: 230px;
  height: 58px;
  border: 1px solid #fefefe;
  border-radius: 4px;
  text-align: center;
  line-height: 58px;
  font-size: 1.25rem;
  font-weight: 500;
  color: #fff;
  background-color: rgba(251, 251, 251, 0.3);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background-color 0.3s;
}
.part01 .card-btn:hover {
  background-color: rgba(251, 251, 251, 0.5);
}

.part02 {
  padding-bottom: 200px;
  background: url("../images/bg_part02.jpg") no-repeat center/cover;
}
.part02 .container {
  display: flex;
  justify-content: space-between;
}
.part02 .txt-box {
  color: #fefefe;
  height: 250px;
  position: sticky;
  top: 228px;
}
.part02 .txt-box .txt-tit {
  font-size: 3rem;
  margin-bottom: 1.5rem;
  text-align: left;
}
.part02 .txt-box .txt-sub {
  font-size: 1.5rem;
  font-weight: 400;
}
.part02 .con-box {
  max-width: 850px;
  min-width: 722px;
  width: 52%;
  height: 1124px;
  position: relative;
}
.part02 .con-box .item {
  max-width: 380px;
  width: 45%;
  border-radius: 8px;
  overflow: hidden;
  position: absolute;
}
.part02 .con-box .item-img {
  height: 242px;
  background-color: rgba(255, 255, 255, 1);
  background-repeat: no-repeat;
  background-position: center;
}
.part02 .con-box .item.item01 {
  top: 0;
  left: 0;
}
.part02 .con-box .item.item01 .item-img {
  background-image: url("../images/logo_samsung.png");
  background-size: auto 140px;
}
.part02 .con-box .item.item02 {
  top: 303px;
  right: 0;
}
.part02 .con-box .item.item02 .item-img {
  background-image: url("../images/logo_mobis.png");
  background-size: auto 140px;
}
.part02 .con-box .item.item03 {
  bottom: 0;
  left: 0;
}
.part02 .con-box .item.item03 .item-img {
  background-image: url("../images/logo_ktspi.png");
  background-size: auto 140px;
}
.part02 .con-box .item-txt {
  padding: 40px 40px 72px;
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0.48);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.part02 .con-box .item-txt .date {
  color: #464646;
}
.part02 .con-box .item-txt .name {
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 0.25rem;
  margin-bottom: 2.5rem;
}
.part02 .con-box .item-txt .tit {
  font-size: 1.25rem;
}

.part03 .txt-box .txt-tit {
  margin-bottom: 2.375rem;
}
.part03 .com {
  background-color: #fff;
  width: 25%;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
  color: transparent;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(159, 159, 159, 0.25);
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 28px;
}
.part03 .com-wrap {
  display: flex;
}
.part03 .com:last-child {
  margin-right: 0;
}
.part03 .com01 {
  background-image: url("../images/logo_kakao.png");
  background-size: auto 38px;
}
.part03 .com02 {
  background-image: url("../images/logo_naver.png");
  background-size: auto 30px;
}
.part03 .com03 {
  background-image: url("../images/logo_kt.png");
  background-size: auto 40px;
}
.part03 .com04 {
  background-image: url("../images/logo_nice.png");
  background-size: auto 54px;
}

.part04 {
  padding-top: 0;
}
.part04 .contact-wrap {
  margin-top: 0;
  background: url("../images/bg_contact.png") no-repeat center/cover;
  border-radius: 8px;
  height: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.part04 .contact-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.part04 .contact-box .txt-box {
  color: #fefefe;
  margin-right: 360px;
}
.part04 .contact-box .txt-box .txt-sub {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
.part04 .contact-box .txt-box .txt-tit {
  font-weight: 500;
}
.part04 .btn-contact {
  display: block;
  width: 230px;
  height: 58px;
  border: 1px solid #fefefe;
  border-radius: 4px;
  text-align: center;
  color: #fefefe;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 58px;
  transition: all 0.3s;
}
.part04 .btn-contact:hover {
  background-color: rgba(251, 251, 251, 0.3);
}

@media (max-width: 1599px) {
  .part {
    padding: 100px 0;
  }
  .part .txt-box .txt-tit {
    font-size: 2.25rem;
  }
  .part01 .card {
    width: 450px;
  }
  .part01 .card-img {
    height: 380px;
  }
  .part01 .card.card01 {
    margin-right: 2rem;
  }
  .part01 .card-txt {
    padding: 2.5rem 1.5rem 3rem;
  }
  .part01 .card-txt .tit {
    height: 26px;
    margin-bottom: 20px;
  }
  .part01 .card-txt .txt {
    font-size: 1.25rem;
  }
  .part01 .card .btn-box {
    height: 380px;
  }
  .part02 .txt-box {
    height: 180px;
    top: 140px;
  }
  .part02 .txt-box .txt-tit {
    margin-bottom: 0.75rem;
  }
  .part02 .txt-box .txt-sub {
    font-size: 1.25rem;
  }
  .part02 .con-box {
    max-width: 995px;
    min-width: 680px;
    width: 60%;
    height: 980px;
  }
  .part02 .con-box .item {
    max-width: 480px;
    width: 48%;
  }
  .part02 .con-box .item-img {
    height: 196px;
  }
  .part02 .con-box .item.item02 {
    top: 250px;
  }
  .part03 .txt-box .txt-tit {
    margin-bottom: 2.5rem;
  }
  .part03 .com {
    width: 33%;
    height: 120px;
  }
  .part03 .com-wrap {
    flex-wrap: wrap;
    justify-content: center;
  }
  .part03 .com:nth-child(2n) {
    margin-right: 0;
  }
  .part03 .com:nth-child(1), .part03 .com:nth-child(2) {
    margin-bottom: 28px;
  }
  .part04 {
    padding-top: 0;
  }
  .part04 .contact-wrap {
    height: 292px;
  }
  .part04 .contact-box .txt-box {
    margin-right: 250px;
  }
  .part04 .contact-box .txt-box .txt-sub {
    font-size: 1.25rem;
  }
}
@media (max-width: 1279px) {
  .part01 {
    overflow: hidden;
  }
  .part01 .card {
    width: 420px;
  }
  .part01 .card.card01 {
    margin-right: 1.75rem;
  }
  .part02 {
    padding-bottom: 100px;
  }
  .part02 .txt-box {
    width: 48%;
  }
  .part02 .con-box {
    width: 50%;
    max-width: none;
    min-width: 350px;
    height: 1472px;
  }
  .part02 .con-box .item {
    position: static;
    width: 100%;
    max-width: 700px;
    margin-bottom: 1.75rem;
  }
  .part02 .con-box .item:last-child {
    margin-bottom: 0;
  }
  .part03 .txt-box .txt-tit {
    margin-bottom: 1.75rem;
  }
  .part03 .com {
    width: 33%;
    height: 92px;
    box-shadow: 0 3px 9px rgba(159, 159, 159, 0.25);
    margin-right: 22px;
  }
  .part03 .com:nth-child(1), .part03 .com:nth-child(2) {
    margin-bottom: 22px;
  }
  .part03 .com01 {
    background-size: auto 30px;
  }
  .part03 .com02 {
    background-size: auto 23px;
  }
  .part03 .com03 {
    background-size: auto 31px;
  }
  .part03 .com04 {
    background-size: auto 42px;
  }
  .part04 .contact-box .txt-box {
    margin-right: 130px;
  }
}
@media (max-width: 1023px) {
  .part {
    padding: 80px 0;
  }
  .part01 .txt-box .txt-tit {
    margin-bottom: 48px;
  }
  .part01 .card-box {
    display: block;
  }
  .part01 .card-box::after {
    content: "";
    display: block;
    clear: both;
  }
  .part01 .card {
    width: 480px;
  }
  .part01 .card-img {
    height: 394px;
  }
  .part01 .card.card01 {
    float: left;
    margin-bottom: 48px;
  }
  .part01 .card.card01 .card-btn {
    background-color: #EFFCFF;
    color: #00C4F2;
  }
  .part01 .card.card01 .card-btn span {
    background-image: url("../images/ic-enter_en.png");
  }
  .part01 .card.card02 {
    float: right;
  }
  .part01 .card.card02 .card-btn {
    background-color: #F2F8FF;
    color: #1070E7;
  }
  .part01 .card.card02 .card-btn span {
    background-image: url("../images/ic-enter_talk.png");
  }
  .part01 .card-txt {
    padding: 2rem 1.5rem 7.25rem;
  }
  .part01 .card-txt .txt {
    font-size: 1.25rem;
  }
  .part01 .card .btn-box {
    display: block;
    top: auto;
    bottom: 0;
    height: 0;
    background-color: transparent;
  }
  .part01 .card-btn {
    width: calc(100% - 3rem);
    border: 0;
    top: auto;
    bottom: 1.75rem;
    transform: translate(-50%, 0);
  }
  .part02 {
    padding-bottom: 80px;
  }
  .part02 .container {
    flex-direction: column;
  }
  .part02 .txt-box {
    width: 100%;
    position: static;
    margin-bottom: 3rem;
  }
  .part02 .con-box {
    max-width: none;
    min-width: 300px;
    width: 100%;
    height: 100%;
  }
  .part02 .con-box .item {
    width: 100%;
    max-width: 1000px;
  }
  .part03 .txt-box .txt-tit {
    margin-bottom: 2.5rem;
  }
  .part03 .com {
    width: 258px;
    height: 90px;
    margin-right: 24px;
  }
  .part03 .com-wrap {
    max-width: 540px;
    margin: 0 auto;
  }
  .part03 .com:nth-child(1), .part03 .com:nth-child(2) {
    margin-bottom: 24px;
  }
  .part03 .com01 {
    background-size: auto 27px;
  }
  .part03 .com02 {
    background-size: auto 22px;
  }
  .part03 .com03 {
    background-size: auto 29px;
  }
  .part03 .com04 {
    background-size: auto 37px;
  }
  .part04 {
    padding-top: 0;
  }
  .part04 .contact-box {
    flex-direction: column;
  }
  .part04 .contact-box .txt-box {
    margin-right: 0;
    text-align: center;
    margin-bottom: 36px;
  }
  .part04 .contact-box .txt-box .txt-sub {
    font-size: 1rem;
  }
  .part04 .contact-box .txt-box .txt-tit {
    font-size: 1.75rem;
  }
}
@media (max-width: 767px) {
  .part .txt-box .txt-tit {
    font-size: 1.875rem;
  }
  .part01 .card {
    width: 360px;
  }
  .part01 .card-img {
    height: 258px;
  }
  .part01 .card-txt {
    padding: 2.25rem 1.5rem 6.5rem;
  }
  .part03 .txt-box .txt-tit {
    margin-bottom: 1.75rem;
  }
  .part03 .com {
    width: calc(50% - 16px);
    margin-right: 16px;
  }
  .part03 .com:nth-child(1), .part03 .com:nth-child(2) {
    margin-bottom: 16px;
  }
  .part03 .com01 {
    background-size: auto 24px;
  }
  .part03 .com02 {
    background-size: auto 19px;
  }
  .part03 .com03 {
    background-size: auto 26px;
  }
  .part03 .com04 {
    background-size: auto 36px;
  }
  .part04 .contact-wrap {
    height: 238px;
  }
  .part04 .contact-wrap {
    height: 238px;
  }
  .part04 .contact-box .txt-box {
    margin-bottom: 48px;
  }
  .part04 .contact-box .txt-box .txt-tit {
    font-size: 1.5rem;
  }
  .part04 .btn-contact {
    width: 180px;
    height: 48px;
    font-size: 1rem;
    line-height: 48px;
  }
}
@media (max-width: 500px) {
  .part .txt-box .txt-tit {
    font-size: 1.25rem;
  }
  .part .txt-box .txt-tit strong {
    font-weight: 600;
  }
  .part01 .txt-box .txt-tit {
    margin-bottom: 24px;
  }
  .part01 .card {
    width: 265px;
  }
  .part01 .card-img {
    height: 190px;
  }
  .part01 .card-txt {
    padding: 1.5rem 1.25rem 5.375rem;
  }
  .part01 .card-txt .tit {
    height: 16px;
    margin-bottom: 0.75rem;
  }
  .part01 .card-txt .txt {
    font-size: 0.875rem;
    font-weight: 400;
  }
  .part01 .card.card01 {
    margin-bottom: 32px;
    margin-right: 5rem;
  }
  .part01 .card.card02 .card-img {
    background-image: url("../images/card2_m.png");
  }
  .part01 .card.card02 .card-txt .tit {
    height: 17px;
  }
  .part01 .card-btn {
    width: calc(100% - 2.5rem);
    height: 42px;
    line-height: 42px;
    font-size: 0.875rem;
    bottom: 1.25rem;
  }
  .part01 .card-btn .ic-enter {
    width: 20px;
    height: 20px;
    background-position: center -1px;
    background-size: 20px auto;
  }
  .part02 .txt-box {
    text-align: center;
    margin-bottom: 1.5rem;
    height: 100%;
  }
  .part02 .txt-box .txt-tit {
    text-align: center;
  }
  .part02 .txt-box .txt-sub {
    font-size: 0.875rem;
    font-weight: 400;
  }
  .part02 .con-box {
    width: 90%;
    margin: 0 auto;
  }
  .part02 .con-box .item-img {
    height: 126px;
  }
  .part02 .con-box .item.item01 .item-img {
    background-size: auto 45px;
  }
  .part02 .con-box .item.item02 .item-img {
    background-size: auto 33px;
  }
  .part02 .con-box .item.item03 .item-img {
    background-size: auto 38px;
  }
  .part02 .con-box .item-txt {
    padding: 16px 14px 32px;
    font-weight: 400;
  }
  .part02 .con-box .item-txt .date {
    font-size: 0.75rem;
  }
  .part02 .con-box .item-txt .name {
    font-size: 1rem;
    margin-top: 0.125rem;
    margin-bottom: 1rem;
  }
  .part02 .con-box .item-txt .tit {
    font-size: 0.875rem;
  }
  .part03 .txt-box .txt-tit {
    margin-bottom: 1.5rem;
  }
  .part03 .com {
    width: calc(50% - 8px);
    height: 45px;
    box-shadow: 0 2px 4px rgba(159, 159, 159, 0.25);
    margin-right: 8px;
  }
  .part03 .com:nth-child(1), .part03 .com:nth-child(2) {
    margin-bottom: 8px;
  }
  .part03 .com01 {
    background-size: auto 14px;
  }
  .part03 .com02 {
    background-size: auto 12px;
  }
  .part03 .com03 {
    background-size: auto 16px;
  }
  .part03 .com04 {
    background-size: auto 22px;
  }
  .part04 .inner {
    padding: 0;
  }
  .part04 .contact-wrap {
    height: 278px;
    border-radius: 0;
    background-image: url("../images/bg_contact_m.png");
  }
  .part04 .contact-box .txt-box .txt-sub {
    font-size: 0.875rem;
    font-weight: 400;
  }
  .part04 .contact-box .txt-box .txt-tit {
    font-size: 1.5rem;
  }
  .part04 .btn-contact {
    width: 140px;
    height: 42px;
    line-height: 42px;
    border-radius: 2px;
    font-size: 0.875rem;
  }
  .part04 .btn-contact .ic-enter {
    width: 20px;
    height: 20px;
    background-position: center -1px;
    background-size: 20px auto;
  }
}
.contents-wrap.mbt .cont01.in-bg {
  background: url("../images/sub/bg_symb.png") no-repeat 102% -130px/30% auto;
  position: relative;
}
.contents-wrap.mbt .cont01 .border {
  width: 60%;
  height: 1px;
  background-color: #e1e1e1;
  position: absolute;
  bottom: 0;
}

.contents-wrap.mbt .contents .txt-box .subtxt {
  margin-top: 20px;
}

.intro-text {
  display: flex;
}
.intro-text .img-box {
  width: 580px;
  height: 360px;
  margin-right: 96px;
  border-radius: 8px;
  background: url("../images/sub/pic_intro.jpg") no-repeat center/cover;
}
.intro-text .txt-box {
  padding-top: 128px;
  width: 60%;
  max-width: 862px;
}
.intro-text .txt-box .intro-tit {
  display: block;
  font-size: 2rem;
  font-weight: 500;
}
.intro-text .txt-box .subtxt > p {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
  color: #777777;
}
.intro-text .txt-box .subtxt > p:last-child {
  margin-bottom: 0;
}
.intro-text .txt-box .subtxt > p br.pc {
  display: none;
}

.intro-info ul.item-wrap {
  display: flex;
}
.intro-info-item {
  width: 33.3333333333%;
  text-align: center;
  padding: 32px 0 0;
  position: relative;
}
.intro-info-item .tit {
  font-size: 2rem;
  color: #049991;
  font-weight: 500;
  margin-bottom: 0.75rem;
}
.intro-info-item .txt {
  font-size: 1.5rem;
}
.intro-info-item::before {
  content: "";
  display: block;
  background-color: #fff;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  margin: 0 auto 32px;
  box-shadow: 0 4px 10px -1px rgba(172, 172, 172, 0.25);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76px auto;
}
.intro-info-item.item01::before {
  background-image: url("../images/sub/ic-intro01.png");
}
.intro-info-item.item02::before {
  background-image: url("../images/sub/ic-intro02.png");
}
.intro-info-item.item03::before {
  background-image: url("../images/sub/ic-intro03.png");
}
.intro-info-item::after {
  content: "";
  display: block;
  width: 1px;
  height: 70%;
  background-color: #e1e1e1;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.intro-info-item:first-child::after {
  display: none;
}

.contents-wrap.mbt .cont03 {
  background-color: #fbfbfb;
}

.intro-point {
  width: 600px;
  height: 820px;
  margin: 0 auto;
  padding: 110px 0;
  background: url("../images/sub/bg_circle.jpg") no-repeat center/600px auto;
  position: relative;
}
.intro-point .txt-box {
  text-align: center;
  position: absolute;
  top: 290px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  white-space: nowrap;
}
.intro-point .txt-box span {
  font-size: 1.25rem;
  color: #777777;
  display: inline-block;
}
.intro-point .txt-box p.txt01 {
  margin-top: 0.5rem;
  font-size: 2rem;
  font-weight: 500;
}
.intro-point .txt-box p.txt02 {
  font-size: 2rem;
  font-weight: 800;
  color: #049991;
  margin-bottom: 0.5rem;
  position: relative;
  padding-top: 72px;
}
.intro-point .txt-box p.txt02::before {
  content: "";
  display: block;
  width: 1px;
  height: 40px;
  border-right: 1px dashed #049991;
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
}
.intro-point .txt-box p.txt02::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #049991;
  border-radius: 50%;
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
}
.intro-point .txt-box p.txt03 {
  font-size: 1.5rem;
  font-weight: 500;
}
.intro-point .point-box {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.intro-point .point-box .point-item {
  width: 220px;
  height: 220px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  position: absolute;
  transform: scale(0);
  box-shadow: 0 -1px 10px -1px rgba(172, 172, 172, 0.15), 0 4px 10px -1px rgba(172, 172, 172, 0.15);
}
.intro-point .point-box .point-item span.en {
  font-size: 1.125rem;
  color: #049991;
  text-align: center;
}
.intro-point .point-box .point-item p.ko {
  margin-top: 0.5rem;
  font-size: 1.5rem;
}
.intro-point .point-box .point-item.item01 {
  top: calc(50% - 130px);
  left: calc(50% - 130px);
}
.intro-point .point-box .point-item.item02 {
  top: calc(50% - 130px);
  right: calc(50% - 130px);
}
.intro-point .point-box .point-item.item03 {
  bottom: calc(50% - 130px);
  left: calc(50% - 130px);
}
.intro-point .point-box .point-item.item04 {
  bottom: calc(50% - 130px);
  right: calc(50% - 130px);
}
.intro-point .point-box.on .point-item {
  transform: scale(1);
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
}
.intro-point .point-box.on .point-item.item01 {
  top: -100px;
  left: 0;
  transition-property: transform, top, left;
}
.intro-point .point-box.on .point-item.item02 {
  top: -100px;
  right: 0;
  transition-property: transform, top, right;
}
.intro-point .point-box.on .point-item.item03 {
  left: 0;
  bottom: -100px;
  transition-property: transform, bottom, left;
}
.intro-point .point-box.on .point-item.item04 {
  right: 0;
  bottom: -100px;
  transition-property: transform, bottom, right;
}

.history-wrap {
  margin-top: 100px;
}
.history-con {
  margin-bottom: 72px;
  display: flex;
  padding-top: 16px;
  position: relative;
}
.history-con:last-child {
  margin-bottom: 0;
}
.history-con::before {
  content: "";
  display: block;
  width: 200px;
  height: 3px;
  background-color: #049991;
  position: absolute;
  top: -3px;
  left: 0;
  border-radius: 3px;
}
.history-con .year {
  font-size: 3rem;
  font-weight: 600;
  color: #049991;
  margin-right: 160px;
  align-self: flex-start;
}
.history-item-wrap {
  padding-top: 22px;
}
.history-item-wrap .history-item {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
  font-size: 1.125rem;
}
.history-item-wrap .history-item:last-child {
  margin-bottom: 0;
}
.history-item-wrap .history-item .month {
  width: 50px;
  font-weight: 500;
  margin-right: 24px;
  align-self: flex-start;
  white-space: nowrap;
}
.history-item-wrap .history-item .month-item .item {
  margin-bottom: 16px;
}
.history-item-wrap .history-item .month-item .item:last-child {
  margin-bottom: 0;
}

.certify .txt-box {
  text-align: center;
}
.certify .con-box {
  margin-top: 56px;
}
.certify-item {
  width: 30%;
  height: 0;
  padding-top: 40%;
  border: 1px solid #e1e1e1;
  box-shadow: 0px 4px 10px -1px rgba(172, 172, 172, 0.25);
  border-radius: 4px;
  font-size: 0;
  color: transparent;
  margin-right: 5%;
  margin-bottom: 5%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.certify-item-wrap {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
}
.certify-item:nth-child(3n) {
  margin-right: 0;
}
.certify-item:nth-last-child(1) {
  margin-bottom: 0;
}
.certify-item.item01 {
  background-image: url("../images/sub/pic_certify01.png");
}
.certify-item.item02 {
  background-image: url("../images/sub/pic_certify02.png");
}
.certify-item.item03 {
  background-image: url("../images/sub/pic_certify03.png");
}
.certify-item.item04 {
  background-image: url("../images/sub/pic_certify04.png");
}
.certify-item.item05 {
  background-image: url("../images/sub/pic_certify05.png");
}
.certify-item.item06 {
  background-image: url("../images/sub/pic_certify06.png");
}
.certify-item.item07 {
  background-image: url("../images/sub/pic_certify07.png");
}

.client .txt-box {
  text-align: center;
}
.client .con-box {
  margin-top: 56px;
}
.client-item-wrap {
  max-width: 1000px;
  margin: 0 auto;
}
.client-item-wrap::after {
  content: "";
  display: block;
  clear: both;
}
.client-item {
  float: left;
  width: calc((100% - 80px) / 3);
  height: 120px;
  margin-right: 40px;
  border-radius: 4px;
  margin-bottom: 40px;
  box-shadow: 0 4px 16px rgba(201, 201, 201, 0.25);
  background-color: #fff;
  font-size: 0;
  color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
.client-item:nth-child(3n) {
  margin-right: 0;
}
.client-item:nth-last-child(1), .client-item:nth-last-child(2) {
  margin-bottom: 0;
}
.client-item.item01 {
  background-image: url("../images/sub/logo_client01.png");
  background-size: auto 32px;
}
.client-item.item02 {
  background-image: url("../images/sub/logo_client02.png");
  background-size: auto 36px;
}
.client-item.item03 {
  background-image: url("../images/sub/logo_client03.png");
  background-size: auto 26px;
}
.client-item.item04 {
  background-image: url("../images/sub/logo_client04.png");
  background-size: auto 40px;
}
.client-item.item05 {
  background-image: url("../images/sub/logo_client05.png");
  background-size: auto 62px;
}
.client-item.item06 {
  background-image: url("../images/sub/logo_client06.png");
  background-size: auto 38px;
}
.client-item.item07 {
  background-image: url("../images/sub/logo_client07.png");
  background-size: auto 37px;
}
.client-item.item08 {
  background-image: url("../images/sub/logo_client08.png");
  background-size: auto 42px;
}
.client-item.item09 {
  background-image: url("../images/sub/logo_client09.png");
  background-size: auto 38px;
}
.client-item.item10 {
  background-image: url("../images/sub/logo_client10.png");
  background-size: auto 26px;
}
.client-item.item11 {
  background-image: url("../images/sub/logo_client11.png");
  background-size: auto 42px;
}

@media (max-width: 1599px) {
  .contents-wrap.mbt .cont01.in-bg {
    background-position: 95% 48px;
    background-size: auto 400px;
  }
  .intro-text {
    max-width: 1160px;
    margin: 0 auto;
  }
  .intro-text .img-box {
    width: 472px;
    height: 360px;
    margin-right: 48px;
  }
  .intro-text .txt-box {
    padding-top: 72px;
    max-width: 640px;
  }
  .intro-text .txt-box .subtxt > p br.pc {
    display: block;
  }
  .intro-info {
    padding-bottom: 48px;
  }
  .intro-info-item .tit {
    font-size: 1.75rem;
  }
  .intro-point {
    margin-bottom: 48px;
  }
  .history-wrap {
    padding-bottom: 48px;
  }
  .certify-item-wrap {
    max-width: 1000px;
  }
  .client .con-box {
    padding-bottom: 48px;
  }
}
@media (max-width: 1279px) {
  .sub-container.mbt .lnb-item {
    width: 220px;
  }
  .contents-wrap.mbt .cont01.in-bg {
    background-position: 90% 247px;
    background-size: auto 500px;
  }
  .intro-text {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .intro-text .img-box {
    align-self: flex-end;
    margin-right: 0;
    width: 90%;
    height: 300px;
    margin-bottom: 56px;
  }
  .intro-text .txt-box {
    padding-top: 0;
    width: 100%;
  }
  .intro-text .txt-box .subtxt > p {
    margin-bottom: 0.75rem;
  }
  .intro-info-item .tit {
    font-size: 1.5rem;
  }
  .intro-info-item .txt {
    font-size: 1rem;
  }
  .intro-info-item::before {
    width: 140px;
    height: 140px;
    background-size: 68px auto;
  }
  .intro-info-item::after {
    height: 62%;
  }
  .certify-item-wrap {
    max-width: 880px;
  }
  .client-item-wrap {
    max-width: 880px;
  }
  .client-item {
    width: calc((100% - 64px) / 3);
    height: 100px;
    margin-right: 32px;
    margin-bottom: 32px;
  }
  .client-item.item01 {
    background-size: auto 28px;
  }
  .client-item.item02 {
    background-size: auto 32px;
  }
  .client-item.item03 {
    background-size: auto 22px;
  }
  .client-item.item04 {
    background-size: auto 36px;
  }
  .client-item.item05 {
    background-size: auto 58px;
  }
  .client-item.item06 {
    background-size: auto 34px;
  }
  .client-item.item07 {
    background-size: auto 33px;
  }
  .client-item.item08 {
    background-size: auto 38px;
  }
  .client-item.item09 {
    background-size: auto 34px;
  }
  .client-item.item10 {
    background-size: auto 22px;
  }
  .client-item.item11 {
    background-size: auto 38px;
  }
}
@media (max-width: 1023px) {
  .sub-container.mbt .lnb-item {
    width: 160px;
  }
  .contents-wrap.mbt .cont01.in-bg {
    background-position: 93% 280px;
    background-size: auto 400px;
  }
  .intro-text .txt-box .intro-tit {
    font-size: 1.75rem;
  }
  .intro-text .txt-box .subtxt {
    margin-top: 1.25rem;
  }
  .intro-text .txt-box .subtxt > p {
    font-size: 1.25rem;
  }
  .intro-info {
    padding-bottom: 40px;
  }
  .intro-info-item {
    padding: 20px 0 0;
  }
  .intro-info-item .txt br.pc {
    display: none;
  }
  .intro-info-item .txt br.tb, .intro-info-item .txt br.mo {
    display: block;
  }
  .intro-info-item::before {
    width: 120px;
    height: 120px;
    margin-bottom: 20px;
    background-size: 60px auto;
    box-shadow: 0 3px 7px -1px rgba(172, 172, 172, 0.25);
  }
  .intro-info-item::after {
    height: 60%;
  }
  .intro-point {
    width: 560px;
    height: 720px;
    padding: 80px 0;
    background-size: 560px auto;
    margin-bottom: 40px;
  }
  .intro-point .txt-box {
    top: 258px;
  }
  .intro-point .txt-box span {
    font-size: 1.25rem;
  }
  .intro-point .txt-box p.txt01 {
    font-size: 1.75rem;
  }
  .intro-point .txt-box p.txt02 {
    font-size: 1.75rem;
    padding-top: 64px;
  }
  .intro-point .txt-box p.txt03 {
    font-size: 1.5rem;
  }
  .intro-point .point-box .point-item {
    width: 180px;
    height: 180px;
    box-shadow: 0 -1px 6px -1px rgba(172, 172, 172, 0.15), 0 2px 6px -1px rgba(172, 172, 172, 0.15);
  }
  .intro-point .point-box .point-item span.en {
    font-size: 1rem;
  }
  .intro-point .point-box .point-item p.ko {
    margin-top: 0.25rem;
    font-size: 1.25rem;
  }
  .intro-point .point-box .point-item.item01 {
    top: calc(50% - 100px);
    left: calc(50% - 100px);
  }
  .intro-point .point-box .point-item.item02 {
    top: calc(50% - 100px);
    right: calc(50% - 100px);
  }
  .intro-point .point-box .point-item.item03 {
    bottom: calc(50% - 100px);
    left: calc(50% - 100px);
  }
  .intro-point .point-box .point-item.item04 {
    bottom: calc(50% - 100px);
    right: calc(50% - 100px);
  }
  .intro-point .point-box.on .point-item.item01 {
    top: -72px;
    left: 0;
  }
  .intro-point .point-box.on .point-item.item02 {
    top: -72px;
    right: 0;
  }
  .intro-point .point-box.on .point-item.item03 {
    left: 0;
    bottom: -72px;
  }
  .intro-point .point-box.on .point-item.item04 {
    right: 0;
    bottom: -72px;
  }
  .history-wrap {
    margin-top: 80px;
    padding-bottom: 40px;
  }
  .history-con {
    display: block;
  }
  .history-con .year {
    margin-right: 0;
    margin-bottom: 32px;
  }
  .history-item-wrap {
    padding-top: 0;
  }
  .certify .con-box {
    margin-top: 48px;
  }
  .certify-item-wrap {
    max-width: 680px;
  }
  .client .con-box {
    margin-top: 48px;
    padding-bottom: 40px;
  }
  .client-item-wrap {
    max-width: 688px;
  }
  .client-item {
    width: calc((100% - 40px) / 3);
    height: 80px;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .client-item.item01 {
    background-size: auto 22px;
  }
  .client-item.item02 {
    background-size: auto 25px;
  }
  .client-item.item03 {
    background-size: auto 17px;
  }
  .client-item.item04 {
    background-size: auto 28px;
  }
  .client-item.item05 {
    background-size: auto 46px;
  }
  .client-item.item06 {
    background-size: auto 27px;
  }
  .client-item.item07 {
    background-size: auto 27px;
  }
  .client-item.item08 {
    background-size: auto 30px;
  }
  .client-item.item09 {
    background-size: auto 26px;
  }
  .client-item.item10 {
    background-size: auto 17px;
  }
  .client-item.item11 {
    background-size: auto 30px;
  }
}
@media (max-width: 767px) {
  .sub-container.mbt .lnb-item {
    width: 116px;
  }
  .contents-wrap.mbt .cont01.in-bg {
    background-position: 82% 240px;
    background-size: auto 360px;
  }
  .intro-text .img-box {
    width: 80%;
    height: 240px;
    margin-bottom: 40px;
  }
  .intro-text .txt-box .intro-tit {
    font-size: 1.25rem;
  }
  .intro-text .txt-box .subtxt > p {
    font-size: 1rem;
  }
  .intro-info {
    padding-bottom: 0;
  }
  .intro-info ul.item-wrap {
    flex-direction: column;
    align-items: center;
  }
  .intro-info-item {
    width: 100%;
    padding: 0 0 48px;
  }
  .intro-info-item .txt {
    font-size: 1.125rem;
  }
  .intro-info-item .txt br.tb {
    display: none;
  }
  .intro-info-item::before {
    width: 120px;
    height: 120px;
    margin-bottom: 20px;
    background-size: 60px auto;
    box-shadow: 0 4px 9px -1px rgba(172, 172, 172, 0.25);
  }
  .intro-info-item::after {
    display: none;
  }
  .intro-point {
    width: 400px;
    height: 560px;
    padding: 80px 0;
    background-size: 400px auto;
  }
  .intro-point .txt-box {
    top: 214px;
  }
  .intro-point .txt-box span {
    font-size: 0.875rem;
  }
  .intro-point .txt-box p.txt01 {
    font-size: 1.125rem;
    margin-top: 0.25rem;
  }
  .intro-point .txt-box p.txt02 {
    font-size: 1.125rem;
    padding-top: 40px;
    margin-bottom: 0.25rem;
  }
  .intro-point .txt-box p.txt02::before {
    height: 20px;
    top: 8px;
  }
  .intro-point .txt-box p.txt02::after {
    width: 4px;
    height: 4px;
    top: 26px;
  }
  .intro-point .txt-box p.txt03 {
    font-size: 1rem;
  }
  .intro-point .point-box .point-item {
    width: 160px;
    height: 160px;
  }
  .intro-point .point-box .point-item p.ko {
    font-size: 1rem;
  }
  .intro-point .point-box .point-item.item01 {
    top: calc(50% - 80px);
    left: calc(50% - 80px);
  }
  .intro-point .point-box .point-item.item02 {
    top: calc(50% - 80px);
    right: calc(50% - 80px);
  }
  .intro-point .point-box .point-item.item03 {
    bottom: calc(50% - 80px);
    left: calc(50% - 80px);
  }
  .intro-point .point-box .point-item.item04 {
    bottom: calc(50% - 80px);
    right: calc(50% - 80px);
  }
  .intro-point .point-box.on .point-item.item01 {
    top: -80px;
    left: 0;
  }
  .intro-point .point-box.on .point-item.item02 {
    top: -80px;
    right: 0;
  }
  .intro-point .point-box.on .point-item.item03 {
    left: 0;
    bottom: -80px;
  }
  .intro-point .point-box.on .point-item.item04 {
    right: 0;
    bottom: -80px;
  }
  .history-wrap {
    margin-top: 56px;
  }
  .history-con {
    padding-top: 8px;
    margin-bottom: 48px;
  }
  .history-con::before {
    width: 120px;
  }
  .history-con .year {
    font-size: 2.25rem;
    margin-bottom: 20px;
  }
  .history-item-wrap .history-item {
    font-size: 1rem;
  }
  .history-item-wrap .history-item .month {
    margin-right: 12px;
    width: 44px;
  }
  .history-item-wrap .history-item .month-item .item {
    margin-bottom: 12px;
  }
  .certify .con-box {
    margin-top: 40px;
  }
  .certify-item-wrap {
    max-width: 648px;
  }
  .client .con-box {
    margin-top: 40px;
  }
  .client-item-wrap {
    width: 100%;
    max-width: none;
  }
  .client-item {
    width: calc((100% - 24px) / 3);
    height: 56px;
    margin-right: 12px;
    margin-bottom: 12px;
  }
  .client-item.item01 {
    background-size: auto 16px;
  }
  .client-item.item02 {
    background-size: auto 18px;
  }
  .client-item.item03 {
    background-size: auto 12px;
  }
  .client-item.item04 {
    background-size: auto 20px;
  }
  .client-item.item05 {
    background-size: auto 32px;
  }
  .client-item.item06 {
    background-size: auto 19px;
  }
  .client-item.item07 {
    background-size: auto 19px;
  }
  .client-item.item08 {
    background-size: auto 21px;
  }
  .client-item.item09 {
    background-size: auto 18px;
  }
  .client-item.item10 {
    background-size: auto 12px;
  }
  .client-item.item11 {
    background-size: auto 22px;
  }
}
@media (max-width: 500px) {
  .sub-container.mbt .lnb-item {
    width: 80px;
  }
  .contents-wrap.mbt .cont01.in-bg {
    background-position: 170% 110px;
    background-size: auto 300px;
  }
  .contents-wrap.mbt .cont01 .intro-text .txt-box .subtxt {
    margin-top: 0.75rem;
  }
  .contents-wrap.mbt .cont01 .intro-text .txt-box .subtxt > p {
    margin-bottom: 0.5rem;
  }
  .contents-wrap.mbt .cont01 .border {
    width: 70%;
  }
  .intro-text .img-box {
    width: 80%;
    height: 116px;
    margin-bottom: 28px;
  }
  .intro-text .txt-box .intro-tit {
    font-size: 0.875rem;
  }
  .intro-text .txt-box .subtxt > p {
    font-size: 0.75rem;
  }
  .intro-info {
    padding-bottom: 24px;
  }
  .intro-info-item {
    padding-bottom: 32px;
  }
  .intro-info-item:last-child {
    padding-bottom: 0;
  }
  .intro-info-item .tit {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }
  .intro-info-item .txt {
    font-size: 0.875rem;
  }
  .intro-info-item::before {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    background-size: 48px auto;
    box-shadow: 0 2px 5px -0.5px rgba(172, 172, 172, 0.25);
  }
  .intro-point {
    width: 280px;
    height: 320px;
    padding: 32px 0;
    background-size: 272px auto;
    margin-top: 80px;
  }
  .intro-point .txt-box {
    top: -80px;
    height: 260px;
  }
  .intro-point .txt-box p.txt01 {
    font-size: 1.25rem;
    margin-bottom: 146px;
  }
  .intro-point .txt-box p.txt02 {
    font-size: 1.25rem;
    padding-top: 0;
  }
  .intro-point .txt-box p.txt02::before, .intro-point .txt-box p.txt02::after {
    display: none;
  }
  .intro-point .txt-box p.txt03 {
    font-size: 0.875rem;
  }
  .intro-point .point-box .point-item {
    width: 108px;
    height: 108px;
  }
  .intro-point .point-box .point-item span.en {
    font-size: 0.625rem;
  }
  .intro-point .point-box .point-item p.ko {
    font-size: 0.75rem;
  }
  .intro-point .point-box .point-item.item01 {
    top: calc(50% - 54px);
    left: calc(50% - 54px);
  }
  .intro-point .point-box .point-item.item02 {
    top: calc(50% - 54px);
    right: calc(50% - 54px);
  }
  .intro-point .point-box .point-item.item03 {
    bottom: calc(50% - 54px);
    left: calc(50% - 54px);
  }
  .intro-point .point-box .point-item.item03 span.en {
    width: 80px;
  }
  .intro-point .point-box .point-item.item04 {
    bottom: calc(50% - 54px);
    right: calc(50% - 54px);
  }
  .intro-point .point-box.on .point-item {
    transition-delay: 0.1s;
  }
  .intro-point .point-box.on .point-item.item01 {
    top: -32px;
    left: 0;
  }
  .intro-point .point-box.on .point-item.item02 {
    top: -32px;
    right: 0;
  }
  .intro-point .point-box.on .point-item.item03 {
    left: 0;
    bottom: -32px;
  }
  .intro-point .point-box.on .point-item.item04 {
    right: 0;
    bottom: -32px;
  }
  .history-wrap {
    margin-top: 40px;
    padding-bottom: 24px;
  }
  .history-con {
    padding-top: 12px;
    margin-bottom: 40px;
  }
  .history-con::before {
    width: 88px;
    height: 2px;
  }
  .history-con .year {
    font-size: 1.75rem;
  }
  .history-item-wrap .history-item {
    margin-bottom: 20px;
    font-size: 0.875rem;
  }
  .history-item-wrap .history-item .month {
    margin-right: 20px;
    width: 34px;
  }
  .certify .con-box {
    margin-top: 32px;
  }
  .certify-item-wrap {
    width: 296px;
  }
  .certify-item-wrap .certify-item {
    width: 140px;
    height: 196px;
    padding-top: 0;
    margin-right: 16px;
    margin-bottom: 16px;
    border-color: #f6f6f6;
  }
  .certify-item-wrap .certify-item:nth-child(3) {
    margin-right: 16px;
  }
  .certify-item-wrap .certify-item:nth-child(2n) {
    margin-right: 0;
  }
  .client .con-box {
    margin-top: 32px;
  }
  .client-item {
    width: calc((100% - 12px) / 2);
    height: 42px;
    box-shadow: 0 1px 4px rgba(201, 201, 201, 0.48);
  }
  .client-item:nth-child(3n) {
    margin-right: 12px;
  }
  .client-item:nth-child(2n) {
    margin-right: 0;
  }
  .client-item:nth-last-child(2) {
    margin-bottom: 12px;
  }
  .client-item.item01 {
    background-size: auto 14px;
  }
  .client-item.item02 {
    background-size: auto 16px;
  }
  .client-item.item03 {
    background-size: auto 10px;
  }
  .client-item.item04 {
    background-size: auto 18px;
  }
  .client-item.item05 {
    background-size: auto 22px;
  }
  .client-item.item06 {
    background-size: auto 16px;
  }
  .client-item.item07 {
    background-size: auto 16px;
  }
  .client-item.item08 {
    background-size: auto 17px;
  }
  .client-item.item09 {
    background-size: auto 16px;
  }
  .client-item.item10 {
    background-size: auto 11px;
  }
  .client-item.item11 {
    background-size: auto 18px;
  }
}
.sub-container.busi .contents .txt-box {
  text-align: center;
  margin-bottom: 56px;
}

.contents-wrap.busi .cont02 .txt-box .tit,
.contents-wrap.busi .cont03 .txt-box .tit {
  font-size: 2.25rem;
}

.cont01 .busi-intro .txt-box .subtxt {
  font-size: 1.5rem;
  margin: 24px auto 0;
  font-weight: 400;
}
.cont01 .busi-intro .txt-box .subtxt strong {
  font-weight: 500;
}
.cont01 .busi-intro .img-box {
  margin: 0 auto 56px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.cont01 .busi-intro .img-box img {
  display: none;
}
.cont01 .busi-intro .img-box.mben {
  width: 968px;
  height: 671px;
  background-image: url("../images/sub/pic_mben.png");
}
.cont01 .busi-intro .img-box.mbtk {
  width: 1239px;
  height: 607px;
  margin-bottom: 0;
  background-image: url("../images/sub/pic_mbtk.png");
}
.cont01 .busi-intro .btn-box {
  text-align: center;
}
.cont01 .busi-intro .btn-box .btn-link {
  display: inline-block;
  padding: 1.5rem 4rem;
  background-color: #049991;
  border-radius: 4px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 1.25rem;
  transition: background-color 0.3s;
}
.cont01 .busi-intro .btn-box .btn-link .ic-enter {
  width: 24px;
  height: 24px;
  margin-left: 6px;
  background-size: 24px auto;
}
.cont01 .busi-intro .btn-box .btn-link:hover {
  background-color: #027973;
}

.contents-wrap.busi .cont02 {
  background-color: #fbfbfb;
}

.funciton .func-item {
  padding: 2.25rem 2rem;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  height: 340px;
  margin-right: 1.5rem;
  width: calc((100% - 3rem) / 3);
  margin-bottom: 1.5rem;
  position: relative;
}
.funciton .func-item .tit {
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  font-weight: 500;
}
.funciton .func-item .txt {
  font-size: 1rem;
  color: #777777;
  word-break: break-all;
}
.funciton .func-item-wrap {
  display: flex;
  flex-wrap: wrap;
  max-width: 1160px;
  margin: 0 auto;
}
.funciton .func-item:nth-child(3n) {
  margin-right: 0;
}
.funciton .func-item:nth-child(4), .funciton .func-item:nth-child(5), .funciton .func-item:nth-child(6) {
  margin-bottom: 0;
}
.funciton .func-item::after {
  content: "";
  display: block;
  width: 56px;
  height: 56px;
  position: absolute;
  bottom: 2.25rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 56px auto;
}
.funciton .func-item.item01::after {
  background-image: url("../images/sub/ic-func01.png");
}
.funciton .func-item.item02::after {
  background-image: url("../images/sub/ic-func02.png");
}
.funciton .func-item.item03::after {
  background-image: url("../images/sub/ic-func03.png");
}
.funciton .func-item.item04::after {
  background-image: url("../images/sub/ic-func04.png");
}
.funciton .func-item.item05::after {
  background-image: url("../images/sub/ic-func05.png");
}

.effect-box {
  max-width: 1160px;
  margin: 0 auto;
}
.effect .ebox {
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  padding-left: 264px;
  height: 260px;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
}
.effect .ebox:last-child {
  margin-bottom: 0;
}
.effect .ebox::before {
  content: "";
  display: block;
  width: 10px;
  height: 100%;
  background-color: #049991;
  position: absolute;
  top: 0;
  left: 0;
}
.effect .ebox::after {
  content: "";
  display: block;
  width: 120px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 80px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 120px auto;
}
.effect .ebox01::after {
  background-image: url("../images/sub/ic-ef01.png");
}
.effect .ebox02::after {
  background-image: url("../images/sub/ic-ef02.png");
}
.effect .ebox03::after {
  background-image: url("../images/sub/ic-ef03.png");
}
.effect .ef-item {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  padding-left: 1.2em;
  position: relative;
}
.effect .ef-item:last-child {
  margin-bottom: 0;
}
.effect .ef-item::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: #242424;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0.5em;
  transform: translateY(-50%);
}

.funciton.mbtk .func-item.item01::after {
  background-image: url("../images/sub/ic-func01.png");
}
.funciton.mbtk .func-item.item02::after {
  background-image: url("../images/sub/ic-func06.png");
}
.funciton.mbtk .func-item.item03::after {
  background-image: url("../images/sub/ic-func07.png");
}
.funciton.mbtk .func-item.item04::after {
  background-image: url("../images/sub/ic-func08.png");
}
.funciton.mbtk .func-item.item05::after {
  background-image: url("../images/sub/ic-func04.png");
}
.funciton.mbtk .func-item.item06::after {
  background-image: url("../images/sub/ic-func05.png");
}

.recomd-wrap {
  display: flex;
}
.recomd-item {
  width: 25%;
  text-align: center;
  position: relative;
}
.recomd-item .txt {
  font-size: 1.25rem;
}
.recomd-item::before {
  content: "";
  display: block;
  background-color: #fff;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  margin: 0 auto 48px;
  box-shadow: 0 3px 8px -1px rgba(172, 172, 172, 0.25);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 66px auto;
}
.recomd-item::after {
  content: "";
  display: block;
  width: 1px;
  height: 85%;
  background-color: #e1e1e1;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.recomd-item:first-child::after {
  display: none;
}
.recomd-item.item01::before {
  background-image: url("../images/sub/ic-recomd01.png");
}
.recomd-item.item02::before {
  background-image: url("../images/sub/ic-recomd02.png");
}
.recomd-item.item03::before {
  background-image: url("../images/sub/ic-recomd03.png");
}
.recomd-item.item04::before {
  background-image: url("../images/sub/ic-recomd04.png");
}

@media (max-width: 1599px) {
  .contents-wrap.busi .contents {
    padding-bottom: 132px;
  }
  .cont01 .busi-intro .img-box.mbtk {
    width: 1132px;
    height: 547px;
    background-image: url("../images/sub/pic_mbtk_1599.png");
  }
  .funciton .func-item {
    padding: 2.25rem 1.5rem;
    height: 340px;
    margin-right: 1.5rem;
    width: calc((100% - 3rem) / 3);
    margin-bottom: 1.5rem;
  }
  .funciton .func-item-wrap {
    max-width: 1160px;
  }
  .funciton .func-item .tit {
    font-size: 1.5rem;
  }
  .funciton .func-item .txt {
    font-size: 1rem;
  }
  .effect-box {
    max-width: 1024px;
  }
  .effect .ebox {
    height: 220px;
    margin-bottom: 1.5rem;
  }
  .effect .ef-item {
    font-size: 1rem;
  }
  .effect .ef-item::before {
    width: 3px;
    height: 3px;
  }
  .recomd-wrap {
    max-width: 1260px;
    margin: 0 auto;
  }
  .recomd-item::before {
    width: 120px;
    height: 120px;
    box-shadow: 0 2px 6px -1px rgba(172, 172, 172, 0.25);
    background-size: 56px auto;
    margin-bottom: 32px;
  }
  .recomd-item::after {
    height: 80%;
  }
}
@media (max-width: 1279px) {
  .cont01 .busi-intro .txt-box .subtxt {
    margin-top: 16px;
  }
  .cont01 .busi-intro .img-box.mben {
    width: 819px;
    height: 568px;
    background-image: url("../images/sub/pic_mben_1279.png");
  }
  .cont01 .busi-intro .img-box.mbtk {
    width: 918px;
    height: 446px;
    background-image: url("../images/sub/pic_mbtk_1279.png");
  }
  .funciton .func-item {
    height: 324px;
  }
  .funciton .func-item-wrap {
    max-width: 904px;
  }
  .funciton .func-item .tit {
    font-size: 1.25rem;
  }
  .funciton .func-item .txt {
    font-size: 0.875rem;
  }
  .funciton .func-item::after {
    width: 48px;
    height: 48px;
    background-size: 48px auto;
  }
  .recomd-wrap {
    max-width: 620px;
    flex-wrap: wrap;
  }
  .recomd-item {
    width: 50%;
    margin-bottom: 56px;
  }
  .recomd-item:nth-last-child(1), .recomd-item:nth-last-child(2) {
    margin-bottom: 0;
  }
  .recomd-item::after {
    display: none;
  }
}
@media (max-width: 1023px) {
  .sub-container.busi .contents .txt-box {
    margin-bottom: 40px;
  }
  .contents-wrap.busi .contents {
    padding-bottom: 120px;
  }
  .contents-wrap.busi .cont02 .txt-box .tit,
  .contents-wrap.busi .cont03 .txt-box .tit {
    font-size: 2rem;
  }
  .cont01 .busi-intro .txt-box .subtxt {
    font-size: 1.25rem;
  }
  .cont01 .busi-intro .img-box.mben {
    width: 697px;
    height: 484px;
    background-image: url("../images/sub/pic_mben_1023.png");
    margin-bottom: 40px;
  }
  .cont01 .busi-intro .img-box.mbtk {
    width: 698px;
    height: 342px;
    background-image: url("../images/sub/pic_mbtk_1023.png");
  }
  .funciton .func-item {
    padding: 2.25rem 1.5rem;
    height: 288px;
    width: calc((100% - 1.5rem) / 2);
  }
  .funciton .func-item-wrap {
    max-width: 768px;
  }
  .funciton .func-item:nth-child(3n) {
    margin-right: 1.5rem;
  }
  .funciton .func-item:nth-child(2n) {
    margin-right: 0;
  }
  .effect-box {
    max-width: 768px;
  }
  .effect .ebox {
    height: 180px;
    padding-left: 180px;
  }
  .effect .ebox::after {
    width: 100px;
    height: 100px;
    left: 48px;
    background-size: 100px auto;
  }
  .effect .ef-item {
    font-size: 0.875rem;
  }
  .recomd-item .txt {
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) {
  .contents-wrap.busi .cont02 .txt-box .tit,
  .contents-wrap.busi .cont03 .txt-box .tit {
    font-size: 1.75rem;
  }
  .cont01 .busi-intro .txt-box .subtxt {
    font-size: 1.125rem;
  }
  .cont01 .busi-intro .txt-box .subtxt br.pc {
    display: none;
  }
  .cont01 .busi-intro .img-box.mben {
    width: 426px;
    height: 296px;
    background-image: url("../images/sub/pic_mben_tb.png");
  }
  .cont01 .busi-intro .img-box.mbtk {
    width: 438px;
    height: 274px;
    background-image: url("../images/sub/pic_mbtk_tb.png");
  }
  .cont01 .busi-intro .btn-box .btn-link {
    font-size: 1rem;
    padding: 1.125rem 3.5rem;
  }
  .cont01 .busi-intro .btn-box .btn-link .ic-enter {
    background-position-y: -1px;
  }
  .funciton .func-item {
    padding: 1.5rem;
    height: 260px;
  }
  .funciton .func-item .tit {
    font-size: 1rem;
  }
  .funciton .func-item::after {
    width: 32px;
    height: 32px;
    bottom: 1.5rem;
    background-size: 32px auto;
  }
  .effect-box {
    max-width: 500px;
  }
  .effect .ebox {
    border: none;
    border-radius: 0;
    padding-left: 0;
    padding-top: 100px;
    height: auto;
    margin-bottom: 2rem;
  }
  .effect .ebox::before {
    display: none;
  }
  .effect .ebox::after {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
  }
  .effect .ef-item-wrap {
    padding: 1.5rem 1.25rem;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    width: 100%;
  }
  .effect .ef-item::before {
    top: 0.7em;
  }
  .recomd-wrap {
    justify-content: center;
  }
  .recomd-item {
    margin-bottom: 48px;
    max-width: 280px;
  }
  .recomd-item .txt {
    font-size: 1rem;
  }
  .recomd-item::before {
    margin-bottom: 32px;
  }
}
@media (max-width: 660px) {
  .funciton .func-item {
    height: 320px;
  }
}
@media (max-width: 500px) {
  .sub-container.busi .contents .txt-box {
    margin-bottom: 24px;
  }
  .sub-container.busi .lnb-link > span {
    display: none;
  }
  .contents-wrap.busi .contents {
    padding-bottom: 80px;
  }
  .contents-wrap.busi .cont02 .txt-box .tit,
  .contents-wrap.busi .cont03 .txt-box .tit {
    font-size: 1.25rem;
  }
  .cont01 .busi-intro .txt-box .subtxt {
    font-size: 0.875rem;
    margin-top: 12px;
  }
  .cont01 .busi-intro .txt-box .subtxt br.tb {
    display: none;
  }
  .cont01 .busi-intro .img-box {
    width: 100% !important;
    height: auto !important;
    background: none !important;
  }
  .cont01 .busi-intro .img-box img {
    display: block;
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
    transform: translateZ(0);
    backface-visibility: hidden;
  }
  .cont01 .busi-intro .img-box.mben {
    margin-bottom: 32px;
  }
  .cont01 .busi-intro .btn-box .btn-link {
    font-size: 0.875rem;
    width: 194px;
    height: 48px;
    line-height: 48px;
    padding: 0;
  }
  .cont01 .busi-intro .btn-box .btn-link .ic-enter {
    width: 20px;
    height: 20px;
    background-size: 20px auto;
  }
  .funciton .func-item {
    padding: 1.5rem 1rem 5rem;
    height: auto;
    border-color: #f6f6f6;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.25rem;
  }
  .funciton .func-item:nth-child(3) {
    margin-right: 0;
  }
  .funciton .func-item:nth-child(4) {
    margin-bottom: 1.25rem;
  }
  .funciton .func-item .tit {
    font-size: 1rem;
  }
  .funciton .func-item .txt {
    font-weight: 400;
  }
  .funciton .func-item br.mo {
    display: block;
  }
  .funciton.mbtk .func-item:nth-child(5) {
    margin-bottom: 1.25rem;
  }
  .effect-box {
    max-width: none;
  }
  .effect .ebox {
    border: none;
    border-radius: 0;
    padding-left: 0;
    padding-top: 100px;
    height: auto;
    margin-bottom: 2rem;
  }
  .effect .ebox::before {
    display: none;
  }
  .effect .ebox::after {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
  }
  .effect .ef-item-wrap {
    padding-left: 1rem;
    padding-right: 2rem;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    width: 100%;
  }
  .recomd-wrap {
    padding: 0 10px;
  }
  .recomd-item {
    width: 100%;
    margin-bottom: 40px;
  }
  .recomd-item:nth-last-child(2) {
    margin-bottom: 40px;
  }
  .recomd-item::before {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px -0.5px rgba(172, 172, 172, 0.25);
    background-size: 46px auto;
  }
}
.project .txt-box {
  text-align: center;
}
.project .con-box {
  margin-top: 56px;
}
.project-item-wrap {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
}
.project-item {
  width: calc((100% - 80px) / 3);
  margin-right: 40px;
  border-radius: 8px;
  border: 1px solid #e1e1e1;
  background-color: #f6f6f6;
  overflow: hidden;
}
.project-item:last-child {
  margin-right: 0;
}
.project-item .item-img {
  height: 242px;
  background-color: rgba(255, 255, 255, 0.5);
  background-repeat: no-repeat;
  background-position: center;
  border-bottom: 1px solid #e1e1e1;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.project-item.item01 .item-img {
  background-image: url("../images/logo_nj.png");
  background-size: auto 82px;
}
.project-item.item02 .item-img {
  background-image: url("../images/logo_bisco.png");
  background-size: auto 62px;
}
.project-item.item03 .item-img {
  background-image: url("../images/logo_jg.png");
  background-size: auto 58px;
}
.project-item .item-txt {
  padding: 40px 40px 72px;
  font-weight: 500;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.project-item .item-txt .date {
  color: #464646;
}
.project-item .item-txt .name {
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 0.25rem;
  margin-bottom: 2.5rem;
}
.project-item .item-txt .tit {
  font-size: 1.25rem;
}

@media (max-width: 1599px) {
  .project .con-box {
    margin-bottom: 48px;
  }
  .project-item-wrap {
    max-width: 1280px;
    padding: 0 60px;
  }
  .project-item .item-txt {
    padding: 40px 24px 72px;
  }
}
@media (max-width: 1279px) {
  .project-item-wrap {
    max-width: 1024px;
  }
  .project-item {
    width: calc((100% - 56px) / 3);
    margin-right: 28px;
  }
  .project-item .item-img {
    height: 180px;
  }
  .project-item.item01 .item-img {
    background-size: auto 62px;
  }
  .project-item.item02 .item-img {
    background-size: auto 48px;
  }
  .project-item.item03 .item-img {
    background-size: auto 45px;
  }
  .project-item .item-txt {
    padding: 32px 24px 40px;
  }
  .project-item .item-txt .name {
    font-size: 1.25rem;
  }
  .project-item .item-txt .tit {
    font-size: 1rem;
  }
}
@media (max-width: 1023px) {
  .project .con-box {
    margin-top: 48px;
    margin-bottom: 40px;
  }
  .project-item-wrap {
    max-width: 768px;
    padding: 0;
  }
  .project-item {
    width: calc((100% - 48px) / 3);
    margin-right: 24px;
  }
  .project-item .item-img {
    height: 120px;
  }
  .project-item.item01 .item-img {
    background-size: auto 44px;
  }
  .project-item.item02 .item-img {
    background-size: auto 34px;
  }
  .project-item.item03 .item-img {
    background-size: auto 31px;
  }
  .project-item .item-txt {
    padding: 24px 18px 32px;
  }
  .project-item .item-txt .date {
    font-size: 0.875rem;
  }
  .project-item .item-txt .name {
    font-size: 1.125rem;
    margin-bottom: 2rem;
  }
  .project-item .item-txt .tit {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .project .con-box {
    margin-top: 40px;
  }
  .project-item-wrap {
    max-width: 480px;
    display: block;
  }
  .project-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
  }
  .project-item:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 500px) {
  .project .con-box {
    margin-top: 32px;
    margin-bottom: 24px;
  }
  .project-item-wrap {
    padding: 0 30px;
  }
  .project-item .item-img {
    height: 126px;
  }
  .project-item.item03 .item-img {
    background-size: auto 36px;
  }
  .project-item .item-txt {
    padding: 16px 14px 32px;
  }
  .project-item .item-txt .date {
    font-size: 0.75rem;
  }
  .project-item .item-txt .name {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
}
.contact-wrap {
  margin-top: 56px;
  display: flex;
}
.contact-wrap .img-box {
  width: 500px;
  height: 568px;
  background: url("../images/sub/pic_contact.jpg") no-repeat center/cover;
  margin-right: 48px;
  border-radius: 8px;
}
.contact .form-container {
  width: calc(100% - 548px);
  max-width: 920px;
}
.contact-form .form-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
.contact-form .form-item:last-child {
  margin-bottom: 0;
}
.contact-form .form-item.inquiry {
  align-items: flex-start;
}
.contact-form .form-item.inquiry .form-label {
  padding-top: 18px;
}
.contact-form .form-label {
  font-size: 1.5rem;
  font-weight: 500;
  max-width: 190px;
  white-space: nowrap;
  margin-right: 20px;
}
.contact-form .form-label .spot {
  position: relative;
}
.contact-form .form-label .spot::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #049991;
  position: absolute;
  margin-left: 4px;
  top: 2px;
}
.contact-form .form-input {
  width: calc(100% - 220px);
  max-width: 690px;
}
.contact-form .form-input .form-control {
  width: 100%;
  height: 72px;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  font-size: 1.25rem;
  padding: 0 1em;
}
.contact-form .form-input .form-control.textarea {
  resize: none;
  height: 280px;
  padding: 1.125em 1.25em;
}
.contact-form .form-input .form-control.textarea:focus {
  outline: none;
}
.contact-form .form-input .form-control.textarea + p {
  margin-top: 1.5rem;
  font-size: 1.125rem;
}
.contact .btn-box {
  margin-top: 120px;
  border-top: 1px solid #e1e1e1;
  padding-top: 56px;
  text-align: center;
}
.contact .btn-box .btn-contact {
  display: inline-block;
  padding: 1.5rem 4rem;
  max-width: 290px;
  font-size: 1.25rem;
  text-align: center;
  color: #fff;
  background-color: #049991;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.contact .btn-box .btn-contact:hover {
  background-color: #027973;
}

.map-box {
  width: 100%;
  max-width: 1600px;
  height: 400px;
  margin: 40px 0 56px;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
}
.map-box .map_border {
  display: none;
}
.map-info-wrap {
  display: flex;
}
.map-info-item {
  margin-right: 120px;
  white-space: nowrap;
}
.map-info-item .tit {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
}
.map-info-item .txt {
  font-size: 1.25rem;
}

@media (max-width: 1599px) {
  .contact-wrap .img-box {
    display: none;
  }
  .contact .form-container {
    width: 100%;
    max-width: none;
  }
  .contact-form .form-item {
    justify-content: start;
  }
  .contact-form .form-label {
    width: 230px;
    margin-right: 40px;
  }
  .contact-form .form-input {
    width: calc(100% - 240px);
    max-width: 690px;
  }
  .contact .btn-box {
    margin-top: 100px;
  }
  .map-info-item {
    margin-right: 80px;
  }
}
@media (max-width: 1279px) {
  .map-info-wrap {
    flex-wrap: wrap;
  }
  .map-info-item {
    margin-right: 72px;
    margin-bottom: 36px;
  }
  .map-info-item:nth-child(2n) {
    margin-right: 0;
    width: 30%;
  }
  .map-info-item:nth-child(2n-1) {
    width: 55%;
  }
}
@media (max-width: 1023px) {
  .contact-wrap {
    margin-top: 48px;
  }
  .contact-form .form-item {
    margin-bottom: 1.25rem;
  }
  .contact-form .form-item.inquiry .form-label {
    padding-top: 21px;
  }
  .contact-form .form-label {
    font-size: 1.25rem;
  }
  .contact-form .form-input .form-control.textarea + p {
    margin-top: 1.25rem;
    font-size: 1rem;
  }
  .contact .btn-box {
    margin-top: 80px;
  }
  .map-box {
    margin: 32px 0 48px;
  }
  .map-info-item {
    margin-bottom: 24px;
  }
  .map-info-item:nth-child(2n) {
    width: 28%;
  }
  .map-info-item:nth-child(2n-1) {
    width: 60%;
  }
  .map-info-item .tit {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
  }
  .map-info-item .txt {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .contact-wrap {
    margin-top: 40px;
  }
  .contact-form .form-item {
    display: block;
    margin-bottom: 1.5rem;
  }
  .contact-form .form-label {
    max-width: 160px;
    font-size: 1.125rem;
    margin-bottom: 1rem;
    margin-right: 0;
  }
  .contact-form .form-label .spot::after {
    width: 6px;
    height: 6px;
  }
  .contact-form .form-input {
    width: 100%;
  }
  .contact-form .form-input .form-control {
    font-size: 1.125rem;
  }
  .contact .btn-box {
    margin-top: 40px;
    padding-top: 40px;
  }
  .contact .btn-box .btn-contact {
    padding: 1.125rem 3.5rem;
    font-size: 1rem;
  }
  .map-box {
    margin: 28px 0 40px;
  }
  .map-info-wrap {
    display: block;
  }
  .map-info-item {
    margin-right: 0;
  }
  .map-info-item:nth-child(2n), .map-info-item:nth-child(2n-1) {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .contact-wrap {
    margin-top: 32px;
  }
  .contact-form .form-item {
    margin-bottom: 1.25rem;
  }
  .contact-form .form-item.inquiry .form-label {
    padding-top: 0;
  }
  .contact-form .form-label {
    font-size: 0.875rem;
    width: 110px;
    margin-bottom: 0.5rem;
    margin-right: 0;
  }
  .contact-form .form-label .spot::after {
    width: 4px;
    height: 4px;
    margin-left: 2px;
    top: 1px;
  }
  .contact-form .form-input .form-control {
    height: 52px;
    font-size: 0.875rem;
    padding: 0 0.75rem;
  }
  .contact-form .form-input .form-control.textarea {
    height: 160px;
    padding: 1rem 0.75rem;
  }
  .contact-form .form-input .form-control.textarea + p {
    margin-top: 1rem;
    font-size: 0.875rem;
  }
  .contact .btn-box {
    margin-top: 40px;
  }
  .contact .btn-box .btn-contact {
    width: 180px;
    height: 48px;
    line-height: 48px;
    padding: 0;
    font-size: 0.875rem;
  }
  .map-box {
    height: 200px;
    margin: 24px 0;
    align-items: center;
  }
  .map-info-item {
    margin-bottom: 1rem;
    white-space: unset;
  }
  .map-info-item .tit {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }
  .map-info-item .txt {
    font-size: 0.875rem;
  }
}