@charset "UTF-8";
/*
AUTH : ssooya
VERSION : version 2
*/
/**********
펑션
***********/
/**********
텍스트 자간
***********/
/**********
텍스트 말줄임
***********/
/**********
아이콘
***********/
* {
  word-break: keep-all; }

@media (max-width: 768px) {
  html.m-scroll-lock, body.m-scroll-lock {
    overflow: hidden;
    touch-action: none;
    /* 이외의 브라우저 */
    overscroll-behavior: none; }
    html.m-scroll-lock .container, body.m-scroll-lock .container {
      touch-action: none;
      /* 이외의 브라우저 */
      overscroll-behavior: none; } }

body.scrollHidden {
  overflow: hidden;
  touch-action: none;
  /* 이외의 브라우저 */
  overscroll-behavior: none; }
  body.scrollHidden .container {
    touch-action: none;
    /* 이외의 브라우저 */
    overscroll-behavior: none; }

.inner {
  max-width: 1170px;
  width: calc(100% - 40px);
  margin: 0 auto; }

.overlay:before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: rgba(0, 0, 0, 0.45);
  position: fixed;
  z-index: 500; }

.container {
  overflow: hidden;
  min-width: 1400px;
  position: relative;
  min-height: 100%;
  margin: 0 auto;
  padding-bottom: 600px; }
  .container.fullpage {
    padding-top: 0; }
  @media (max-width: 1200px) {
    .container {
      width: 100%;
      min-width: 100%;
      overflow: hidden;
      padding-bottom: 0; } }

.web {
  display: block; }
  .web.web-inline {
    display: inline; }
  @media (max-width: 768px) {
    .web {
      display: none; } }

.mobile {
  display: none; }
  @media (max-width: 768px) {
    .mobile {
      display: block; } }

@media (max-width: 768px) {
  .mobile-enter {
    display: block; } }

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background-color: #0f0d1d;
  z-index: 500;
  display: none; }
  header.type-home {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  header.fixed {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
    @media (max-width: 768px) {
      header.fixed {
        display: none !important; } }
    header.fixed .header-wrap .logo-box {
      border-right: 1px solid rgba(255, 255, 255, 0.15); }
  header.static {
    background: transparent;
    display: block !important;
    z-index: 400;
    position: absolute; }
  header .header-wrap {
    display: flex;
    align-items: center;
    height: 116px;
    max-width: 1920px;
    position: relative;
    margin: 0 auto; }
    @media (max-width: 768px) {
      header .header-wrap {
        width: 100%;
        height: 100px; } }
    header .header-wrap .logo-box {
      position: relative;
      min-width: 240px;
      height: 100%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-right: 1px solid rgba(255, 255, 255, 0.1); }
      @media (max-width: 768px) {
        header .header-wrap .logo-box {
          border-right: 0;
          padding: 40.5px 60px 40.5px 15px;
          min-width: auto; } }
      header .header-wrap .logo-box a.logo-btn {
        background: url("../img/header_logo.png") no-repeat center/cover;
        width: 75px;
        height: 75px; }
        @media (max-width: 768px) {
          header .header-wrap .logo-box a.logo-btn {
            width: 60px;
            height: 60px; }
            header .header-wrap .logo-box a.logo-btn img {
              display: none; } }
    header .header-wrap .mobile-nav-box {
      display: none; }
      @media (max-width: 1200px) {
        header .header-wrap .mobile-nav-box {
          display: inline-flex;
          align-items: center;
          padding-left: 30px; }
          header .header-wrap .mobile-nav-box .mobile-nav__toggler-bar {
            width: 30px;
            height: 2px;
            background-color: #fff;
            display: block;
            transform: scale(1);
            transform-origin: right center;
            transition: transform 500ms ease; }
          header .header-wrap .mobile-nav-box .mobile-nav__toggler:hover .mobile-nav__toggler-bar {
            transform: scale(1) !important; }
          header .header-wrap .mobile-nav-box .mobile-nav__toggler-bar:nth-child(1) {
            transform: scaleX(0.55);
            margin-bottom: 4px; } }
    @media (max-width: 1200px) and (max-width: 768px) {
      header .header-wrap .mobile-nav-box .mobile-nav__toggler-bar:nth-child(1) {
        transform: scale(1) !important; } }
      @media (max-width: 1200px) {
          header .header-wrap .mobile-nav-box .mobile-nav__toggler-bar:nth-child(2) {
            transform: scaleX(0.75);
            margin-bottom: 4px; } }
    @media (max-width: 1200px) and (max-width: 768px) {
      header .header-wrap .mobile-nav-box .mobile-nav__toggler-bar:nth-child(2) {
        transform: scale(1) !important; } }
      @media (max-width: 768px) {
        header .header-wrap .mobile-nav-box {
          position: absolute;
          right: 15px;
          top: 50%;
          transform: translateY(-50%); } }
    header .header-wrap nav {
      display: inline-flex;
      margin-left: 60px; }
      @media (max-width: 1200px) {
        header .header-wrap nav {
          display: none; } }
      header .header-wrap nav ul {
        display: inline-flex; }
        header .header-wrap nav ul li + li {
          margin-left: 60px; }
        header .header-wrap nav ul li:hover .depth1-btn {
          font-weight: 700; }
          header .header-wrap nav ul li:hover .depth1-btn:before {
            width: 10px;
            transition: width 0.3s linear; }
        header .header-wrap nav ul li .depth1-btn {
          position: relative;
          color: #fff;
          font-size: 16px; }
          header .header-wrap nav ul li .depth1-btn:before {
            content: '';
            position: absolute;
            left: 0;
            width: 0;
            bottom: -10px;
            height: 2px;
            background-color: #fff;
            transition: width 0.2s linear; }
    header .header-wrap .header-option-box {
      position: absolute;
      right: 38px;
      top: 50%;
      transform: translateY(-50%);
      display: inline-flex;
      align-items: center; }
      @media (max-width: 768px) {
        header .header-wrap .header-option-box {
          display: none; } }
      header .header-wrap .header-option-box .option-box {
        display: inline-flex;
        align-items: center; }
        header .header-wrap .header-option-box .option-box + .option-box {
          margin-left: 86px; }
          @media (max-width: 1200px) {
            header .header-wrap .header-option-box .option-box + .option-box {
              margin-left: 25px; } }
        header .header-wrap .header-option-box .option-box .counseling-btn {
          display: inline-flex;
          align-items: center; }
          header .header-wrap .header-option-box .option-box .counseling-btn .ic-kakao {
            background: url("../img/ic_kakao.png") no-repeat center/cover;
            width: 29px;
            height: 27px;
            margin-right: 9px; }
            @media (max-width: 1200px) {
              header .header-wrap .header-option-box .option-box .counseling-btn .ic-kakao {
                margin: 0; } }
          header .header-wrap .header-option-box .option-box .counseling-btn .txt {
            font-weight: 500;
            font-size: 17px;
            line-height: 20px;
            letter-spacing: 0.025em;
            color: #fff; }
            @media (max-width: 1200px) {
              header .header-wrap .header-option-box .option-box .counseling-btn .txt {
                display: none; } }
        header .header-wrap .header-option-box .option-box .tel-btn {
          display: inline-flex;
          align-items: center; }
          header .header-wrap .header-option-box .option-box .tel-btn .ic-tel {
            background: url("../img/ic_phone.png") no-repeat center/cover;
            width: 25px;
            height: 25px;
            margin-right: 9px; }
            @media (max-width: 1200px) {
              header .header-wrap .header-option-box .option-box .tel-btn .ic-tel {
                margin: 0; } }
          @media (max-width: 1200px) {
            header .header-wrap .header-option-box .option-box .tel-btn .txt-box {
              display: none; } }
          header .header-wrap .header-option-box .option-box .tel-btn .txt-box .top-txt {
            font-size: 13px;
            color: #fff; }
          header .header-wrap .header-option-box .option-box .tel-btn .txt-box .bottom-txt {
            color: #fff;
            padding-top: 3px;
            font-size: 20px;
            letter-spacing: 0.025em;
            font-weight: 700; }

nav.mobile-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  transform: translateX(-50%);
  transform-origin: right center;
  transition: transform 500ms ease-in, opacity 500ms linear, visibility 500ms ease-in;
  z-index: 999;
  visibility: hidden; }
  nav.mobile-nav.on {
    opacity: 1;
    transform: translateX(0%);
    visibility: visible; }
  nav.mobile-nav .mobile-nav__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0.5;
    cursor: pointer; }
  nav.mobile-nav .mobile-nav__content {
    width: 300px;
    background-color: #0f0d1d;
    z-index: 10;
    position: relative;
    height: 100%;
    overflow-y: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px; }
    nav.mobile-nav .mobile-nav__content .mobile-nav__close {
      position: absolute;
      top: 20px;
      right: 15px;
      font-size: 18px;
      cursor: pointer;
      color: #726f84;
      z-index: 10; }
    nav.mobile-nav .mobile-nav__content .logo-box {
      margin-bottom: 30px;
      display: flex; }
      nav.mobile-nav .mobile-nav__content .logo-box a {
        width: 100px; }
        nav.mobile-nav .mobile-nav__content .logo-box a img {
          max-width: 100%; }
          @media (max-width: 768px) {
            nav.mobile-nav .mobile-nav__content .logo-box a img {
              width: 60px;
              height: 60px; } }
  nav.mobile-nav .mobile-nav__container {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    nav.mobile-nav .mobile-nav__container ul.main-menu__list li:not(:last-child) {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    nav.mobile-nav .mobile-nav__container ul.main-menu__list li a {
      display: flex;
      justify-content: space-between;
      line-height: 30px;
      color: #fff;
      font-size: 14px;
      font-weight: 500;
      height: 46px;
      align-items: center;
      transition: 500ms; }
  nav.mobile-nav .mobile-nav__contact {
    margin-top: 20px;
    margin-bottom: 20px; }
    nav.mobile-nav .mobile-nav__contact li {
      font-size: 14px;
      font-weight: 500;
      position: relative;
      display: flex;
      align-items: center; }
      nav.mobile-nav .mobile-nav__contact li + li {
        margin-top: 15px; }
      nav.mobile-nav .mobile-nav__contact li .nav-link-box {
        display: inline-flex;
        align-items: center; }
      nav.mobile-nav .mobile-nav__contact li i {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: #3c72fc;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 11px;
        margin-right: 10px;
        color: #fff; }
        nav.mobile-nav .mobile-nav__contact li i.kakao {
          background: #3c72fc url("../img/ic_kakao.png") no-repeat center/14px 12px; }
      nav.mobile-nav .mobile-nav__contact li a {
        color: #fff; }
        nav.mobile-nav .mobile-nav__contact li a:hover {
          color: #3c72fc; }

footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 600px;
  background-color: #0f0d1d; }
  @media (max-width: 1200px) {
    footer .inner {
      max-width: 540px; } }
  @media (max-width: 1200px) {
    footer {
      position: static;
      height: auto; } }
  footer .wrap {
    padding: 70px 0 0; }
  footer .footer-logo-box .logo-box {
    background: url("../img/ic_footer_logo.png") no-repeat center/cover;
    width: 86px;
    height: 86px; }
  footer .footer-intro-box {
    padding: 49px 0 26px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #8f8da0; }
    @media (max-width: 1200px) {
      footer .footer-intro-box br {
        display: none; } }
  footer .footer-info-list {
    display: flex;
    padding-bottom: 84px;
    position: relative; }
    footer .footer-info-list .info-item-group {
      display: inline-flex; }
      @media (max-width: 768px) {
        footer .footer-info-list .info-item-group {
          flex-flow: column; } }
      footer .footer-info-list .info-item-group .info-item-box {
        display: inline-flex;
        flex-direction: column; }
        footer .footer-info-list .info-item-group .info-item-box:first-child {
          padding-top: 30px;
          width: 300px;
          border-top: 1px solid #8f8da0; }
        footer .footer-info-list .info-item-group .info-item-box .menu-list {
          padding-left: 100px;
          display: inline-flex; }
          @media (max-width: 768px) {
            footer .footer-info-list .info-item-group .info-item-box .menu-list {
              padding-left: 0;
              padding-top: 30px; } }
          footer .footer-info-list .info-item-group .info-item-box .menu-list .cell-box {
            display: inline-flex;
            flex-direction: column; }
            footer .footer-info-list .info-item-group .info-item-box .menu-list .cell-box + .cell-box {
              margin-left: 80px; }
            footer .footer-info-list .info-item-group .info-item-box .menu-list .cell-box .menu-box {
              display: inline-flex;
              min-height: 20px; }
              footer .footer-info-list .info-item-group .info-item-box .menu-list .cell-box .menu-box + .menu-box {
                margin-top: 21px; }
              footer .footer-info-list .info-item-group .info-item-box .menu-list .cell-box .menu-box .menu-btn {
                display: inline-flex;
                align-items: center;
                color: #fff;
                line-height: 20px;
                font-size: 16px;
                font-weight: 500;
                opacity: 0.8;
                transition: 500ms; }
                footer .footer-info-list .info-item-group .info-item-box .menu-list .cell-box .menu-box .menu-btn:hover {
                  opacity: 1;
                  color: #fff; }
        footer .footer-info-list .info-item-group .info-item-box .row-list .row {
          position: relative;
          padding-left: 30px;
          font-size: 15px;
          line-height: 20px;
          color: #8f8da0;
          transition: 500ms;
          opacity: 0.8; }
          footer .footer-info-list .info-item-group .info-item-box .row-list .row:hover {
            opacity: 1;
            color: #fff; }
          footer .footer-info-list .info-item-group .info-item-box .row-list .row + .row {
            margin-top: 18px; }
          footer .footer-info-list .info-item-group .info-item-box .row-list .row .ic {
            position: absolute;
            left: 0;
            top: 4px; }
            footer .footer-info-list .info-item-group .info-item-box .row-list .row .ic.ic-tel {
              background: url("../img/ic_footer_phone.png") no-repeat center/cover;
              width: 11px;
              height: 11px; }
            footer .footer-info-list .info-item-group .info-item-box .row-list .row .ic.ic-email {
              background: url("../img/ic_footer_msg.png") no-repeat center/cover;
              width: 13px;
              height: 12px; }
            footer .footer-info-list .info-item-group .info-item-box .row-list .row .ic.ic-location {
              background: url("../img/ic_footer_map.png") no-repeat center/cover;
              width: 10px;
              height: 13px;
              left: 1px; }
    footer .footer-info-list .social-list {
      position: absolute;
      right: 0;
      bottom: 84px;
      display: inline-flex;
      align-items: center; }
      @media (max-width: 1200px) {
        footer .footer-info-list .social-list {
          width: 100%;
          bottom: 0;
          padding-bottom: 20px; } }
      footer .footer-info-list .social-list .social-box {
        display: inline-flex; }
        @media (max-width: 1200px) {
          footer .footer-info-list .social-list .social-box {
            width: 100%; } }
        footer .footer-info-list .social-list .social-box + .social-box {
          margin-left: 16px; }
        footer .footer-info-list .social-list .social-box .social-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          background-color: #3075a0;
          width: 162px;
          height: 38px;
          transition: 500ms; }
          footer .footer-info-list .social-list .social-box .social-btn:hover {
            background: #000;
            color: #fff; }
          @media (max-width: 1200px) {
            footer .footer-info-list .social-list .social-box .social-btn {
              width: 100%; } }
          footer .footer-info-list .social-list .social-box .social-btn .ic {
            margin-right: 6px; }
            footer .footer-info-list .social-list .social-box .social-btn .ic.ic-kakao {
              background: url("../img/ic_footer_kakao.png") no-repeat center/cover;
              width: 21px;
              height: 21px; }
            footer .footer-info-list .social-list .social-box .social-btn .ic.ic-blog {
              background: url("../img/ic_footer_blog.png") no-repeat center/cover;
              width: 21px;
              height: 19px; }
          footer .footer-info-list .social-list .social-box .social-btn .txt {
            line-height: 1;
            color: #fff;
            font-size: 14px;
            padding-bottom: 2px; }
  footer .footer-copyright-box {
    height: 96px;
    display: flex;
    align-items: center;
    color: #8f8da0;
    font-size: 16px;
    border-top: 1px solid #8f8da0;
    font-family: "Galyon"; }
    @media (max-width: 768px) {
      footer .footer-copyright-box {
        justify-content: center; } }

section.main-visual {
  position: relative; }
  section.main-visual .video-bg {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100; }
  section.main-visual .video-txt-box {
    position: absolute;
    max-width: 1170px;
    margin: 0 auto;
    top: 300px;
    z-index: 101;
    left: 0;
    right: 0; }
    @media (max-width: 1200px) {
      section.main-visual .video-txt-box {
        max-width: 720px;
        padding-left: 110px; } }
    @media (max-width: 768px) {
      section.main-visual .video-txt-box {
        top: 250px;
        width: calc(100%);
        padding: 0 15px; } }
    section.main-visual .video-txt-box .top-txt {
      color: #fff;
      font-size: 20px;
      letter-spacing: 0.05em;
      font-weight: 700;
      text-shadow: 0px 0px 4.5px rgba(0, 0, 0, 0.35);
      opacity: 0.9;
      font-family: "Galyon"; }
    section.main-visual .video-txt-box .bottom-txt {
      padding-top: 71px;
      color: #fff;
      font-size: 60px;
      letter-spacing: -0.02em;
      line-height: 80px;
      font-weight: 500;
      text-shadow: 0px 0px 4.9px rgba(0, 0, 0, 0.3); }
      @media (max-width: 1200px) {
        section.main-visual .video-txt-box .bottom-txt {
          font-size: 46px;
          line-height: 64px;
          padding-top: 40px; } }
      @media (max-width: 768px) {
        section.main-visual .video-txt-box .bottom-txt {
          font-size: 32px;
          line-height: 40px; } }
  section.main-visual .video-wrap {
    position: relative;
    height: 970px;
    overflow: hidden; }
    @media (max-width: 1200px) {
      section.main-visual .video-wrap {
        height: 881px; } }
    @media (max-width: 768px) {
      section.main-visual .video-wrap {
        height: 673px; } }
    section.main-visual .video-wrap video {
      width: 125%;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 0;
      bottom: 0; }
      @media (max-width: 1200px) {
        section.main-visual .video-wrap video {
          width: auto;
          height: 100%; } }

section.page-visual {
  height: 470px;
  background: #267098;
  position: relative; }
  @media (max-width: 768px) {
    section.page-visual {
      height: 235px;
      padding-top: 100px; } }
  section.page-visual .page-visual-shape {
    position: absolute;
    width: 889px;
    z-index: 2;
    top: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    opacity: 0;
    transform: translateX(1000px);
    transition: all 1500ms ease;
    transition-delay: 200ms; }
    @media (max-width: 768px) {
      section.page-visual .page-visual-shape {
        width: 400px; } }
    section.page-visual .page-visual-shape.shape-1 {
      opacity: 1;
      transform: translateX(100px);
      transition: all 1500ms ease;
      transition-delay: 200ms;
      background: url("../img/img_visual_shape1.png") no-repeat center; }
      @media (max-width: 768px) {
        section.page-visual .page-visual-shape.shape-1 {
          background-size: 100% 100%; } }
    section.page-visual .page-visual-shape.shape-2 {
      opacity: 1;
      transform: translateX(150px);
      transition: all 1200ms ease;
      transition-delay: 600ms;
      background: url("../img/img_visual_shape2.png") no-repeat center; }
      @media (max-width: 768px) {
        section.page-visual .page-visual-shape.shape-2 {
          background-size: 100% 100%; } }
  section.page-visual .wrap {
    z-index: 100;
    position: relative;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 143px; }
    @media (max-width: 768px) {
      section.page-visual .wrap {
        padding-bottom: 0;
        align-items: center; } }
    section.page-visual .wrap .tit-box {
      color: #fff;
      font-size: 60px;
      letter-spacing: 0.05em;
      font-weight: 700;
      text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8); }
      @media (max-width: 1200px) {
        section.page-visual .wrap .tit-box {
          font-size: 46px;
          line-height: 64px; } }
      @media (max-width: 768px) {
        section.page-visual .wrap .tit-box {
          font-size: 32px;
          line-height: 40px; } }

section.ceo-greeting {
  padding-top: 115px;
  padding-bottom: 115px;
  background-color: #f2f4f8; }
  section.ceo-greeting .ceo-greeting-wrap {
    display: flex; }
    @media (max-width: 1200px) {
      section.ceo-greeting .ceo-greeting-wrap {
        flex-direction: column; } }
    section.ceo-greeting .ceo-greeting-wrap .info-box {
      min-width: 500px;
      max-width: 500px; }
      @media (max-width: 1200px) {
        section.ceo-greeting .ceo-greeting-wrap .info-box {
          min-width: 100%;
          max-width: 100%; } }
    section.ceo-greeting .ceo-greeting-wrap .view-box .img-box {
      margin-right: -360px; }
      @media (max-width: 1200px) {
        section.ceo-greeting .ceo-greeting-wrap .view-box .img-box {
          margin-top: 50px;
          margin-right: 0; } }
      section.ceo-greeting .ceo-greeting-wrap .view-box .img-box img {
        max-width: 100%; }
  section.ceo-greeting .subject {
    font-size: 45px;
    letter-spacing: -0.02em;
    color: #000000;
    font-weight: 700; }
  section.ceo-greeting .ceo-greeting-con-wrap .con-txt {
    padding-top: 47px;
    font-size: 22px;
    color: #726f84;
    letter-spacing: -0.02em;
    line-height: 35px;
    font-weight: 500; }
    @media (max-width: 768px) {
      section.ceo-greeting .ceo-greeting-con-wrap .con-txt {
        font-size: 18px;
        line-height: 22px; } }
  section.ceo-greeting .ceo-greeting-con-wrap .item-wrap {
    padding-top: 55px;
    padding-left: 90px; }
    section.ceo-greeting .ceo-greeting-con-wrap .item-wrap .item-box {
      display: flex;
      align-items: center;
      padding: 40px 0;
      position: relative;
      min-height: 100px; }
      section.ceo-greeting .ceo-greeting-con-wrap .item-wrap .item-box + .item-box {
        border-top: 1px solid #dbdce2;
        max-width: 341px; }
        section.ceo-greeting .ceo-greeting-con-wrap .item-wrap .item-box + .item-box:after {
          content: '';
          position: absolute;
          left: -60px;
          top: -40px;
          bottom: 40px;
          width: 1px;
          background-color: #267098; }
      section.ceo-greeting .ceo-greeting-con-wrap .item-wrap .item-box .img-box {
        z-index: 2;
        position: absolute;
        left: -90px;
        top: 50%;
        transform: translateY(-50%);
        min-width: 59px;
        margin-right: 30px;
        height: 59px;
        background: url("../img/ic_chk.png") no-repeat center/cover; }
      section.ceo-greeting .ceo-greeting-con-wrap .item-wrap .item-box .con-box {
        flex: 1;
        font-size: 19px;
        color: #0f0d1d;
        letter-spacing: -0.02em;
        font-weight: 700;
        line-height: 25px; }
        @media (max-width: 768px) {
          section.ceo-greeting .ceo-greeting-con-wrap .item-wrap .item-box .con-box {
            font-size: 17px;
            line-height: 23px; } }

section.company-reason {
  padding-top: 119px; }
  section.company-reason .subject {
    font-size: 45px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #000000; }
    @media (max-width: 768px) {
      section.company-reason .subject {
        font-size: 30px;
        line-height: 36px; } }
  section.company-reason .company-reason-list .item-box {
    padding: 77px 0;
    display: flex;
    align-items: center; }
    @media (max-width: 1200px) {
      section.company-reason .company-reason-list .item-box {
        padding: 60px 0; } }
    @media (max-width: 768px) {
      section.company-reason .company-reason-list .item-box {
        padding: 35px 0;
        flex-direction: column; } }
    section.company-reason .company-reason-list .item-box + .item-box {
      border-top: 1px solid #eef0f4;
      width: 100%; }
    section.company-reason .company-reason-list .item-box .img-box {
      background: url("../img/img_company_people_1.png") no-repeat center/cover;
      min-width: 253px;
      height: 253px;
      margin-right: 69px; }
      @media (max-width: 768px) {
        section.company-reason .company-reason-list .item-box .img-box {
          min-width: 180px;
          height: 180px;
          margin: 0 auto 30px; } }
      section.company-reason .company-reason-list .item-box .img-box.type_img2 {
        background: url("../img/img_company_people_2.png") no-repeat center/cover; }
      section.company-reason .company-reason-list .item-box .img-box.type_img3 {
        background: url("../img/img_company_people_3.png") no-repeat center/cover; }
    section.company-reason .company-reason-list .item-box .con-box .top-txt {
      font-size: 35px;
      font-weight: 700;
      color: #000000;
      letter-spacing: -0.02em; }
      @media (max-width: 1200px) {
        section.company-reason .company-reason-list .item-box .con-box .top-txt {
          font-size: 30px;
          line-height: 34px; } }
      @media (max-width: 768px) {
        section.company-reason .company-reason-list .item-box .con-box .top-txt {
          font-size: 24px;
          line-height: 30px; } }
    section.company-reason .company-reason-list .item-box .con-box .bottom-txt {
      padding-top: 69px;
      font-size: 22px;
      letter-spacing: -0.02em;
      line-height: 35px;
      color: #726f84;
      font-weight: 500; }
      @media (max-width: 1200px) {
        section.company-reason .company-reason-list .item-box .con-box .bottom-txt {
          padding-top: 40px; } }
      @media (max-width: 768px) {
        section.company-reason .company-reason-list .item-box .con-box .bottom-txt {
          padding-top: 30px;
          font-size: 20px;
          line-height: 28px; } }

section.company-people {
  padding: 120px 0;
  background-color: #f2f4f8; }
  @media (max-width: 1200px) {
    section.company-people.type-arrow .company-people-list-swiper {
      padding: 0 50px; } }
  section.company-people.type-introduce {
    background-color: #ffffff; }
  section.company-people.type-home {
    padding: 177px 0;
    margin-top: -57px; }
  section.company-people .subject-box {
    text-align: center; }
    section.company-people .subject-box .subject {
      font-size: 45px;
      color: #000000;
      font-weight: 700;
      letter-spacing: -0.02em; }
      @media (max-width: 768px) {
        section.company-people .subject-box .subject {
          font-size: 35px; } }
    section.company-people .subject-box .con-txt {
      padding-top: 19px;
      font-size: 22px;
      color: #726f84;
      font-weight: 500;
      letter-spacing: -0.02em; }
      @media (max-width: 768px) {
        section.company-people .subject-box .con-txt {
          line-height: 25px; } }
  section.company-people .company-people-list {
    padding-top: 60px; }
    section.company-people .company-people-list .list-wrap {
      position: relative; }
      section.company-people .company-people-list .list-wrap .item-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
        @media (max-width: 1200px) {
          section.company-people .company-people-list .list-wrap .item-btn {
            display: none; } }
        section.company-people .company-people-list .list-wrap .item-btn.type-prev {
          left: -100px;
          background: url("../img/ic_arrow_left.png") no-repeat center/cover;
          width: 70px;
          height: 10px; }
        section.company-people .company-people-list .list-wrap .item-btn.type-next {
          right: -100px;
          background: url("../img/ic_arrow_next.png") no-repeat center/cover;
          width: 70px;
          height: 10px; }
      section.company-people .company-people-list .list-wrap ul {
        display: flex;
        flex-flow: row wrap;
        margin: -15px; }
        @media (max-width: 768px) {
          section.company-people .company-people-list .list-wrap ul {
            margin: 0; } }
      section.company-people .company-people-list .list-wrap li {
        display: inline-flex;
        align-items: center;
        width: calc(33.33% - 30px);
        margin: 15px; }
        @media (max-width: 1200px) {
          section.company-people .company-people-list .list-wrap li {
            width: calc(50% - 60px);
            margin: 30px; } }
        @media (max-width: 768px) {
          section.company-people .company-people-list .list-wrap li {
            margin: 15px 0;
            width: 100%; } }
      section.company-people .company-people-list .list-wrap a.item-box {
        position: relative;
        width: 100%;
        overflow: hidden; }
        section.company-people .company-people-list .list-wrap a.item-box:hover .img-box img {
          transform: scale(1.05); }
        section.company-people .company-people-list .list-wrap a.item-box:hover .con-box:before {
          transform: translateY(0); }
        @media (max-width: 1200px) {
          section.company-people .company-people-list .list-wrap a.item-box .img-box {
            width: 100%; } }
        section.company-people .company-people-list .list-wrap a.item-box .img-box img {
          width: 100%;
          transform: scale(1);
          transition: all 500ms ease; }
        section.company-people .company-people-list .list-wrap a.item-box .con-box {
          position: absolute;
          bottom: 2px;
          left: 0;
          right: 54px;
          top: 166px;
          padding: 60px 30px 50px 50px;
          z-index: 1; }
          section.company-people .company-people-list .list-wrap a.item-box .con-box:before {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            content: "";
            background-color: rgba(33, 93, 129, 0.8);
            z-index: -1;
            transform: translateY(100%);
            transition: all 500ms ease; }
          @media (max-width: 1200px) {
            section.company-people .company-people-list .list-wrap a.item-box .con-box {
              top: auto;
              padding-bottom: 15px;
              right: 0; } }
          section.company-people .company-people-list .list-wrap a.item-box .con-box .name-box .name-txt {
            font-size: 35px;
            font-weight: 700;
            letter-spacing: -0.02em;
            color: #ffffff; }
          section.company-people .company-people-list .list-wrap a.item-box .con-box .name-box .con-txt {
            font-size: 15px;
            letter-spacing: -0.05em;
            color: #ffffff;
            padding-top: 16px; }
          section.company-people .company-people-list .list-wrap a.item-box .con-box .info-box {
            margin-top: 82px; }
            @media (max-width: 1200px) {
              section.company-people .company-people-list .list-wrap a.item-box .con-box .info-box {
                min-height: 67px;
                margin-top: 50px; } }
            section.company-people .company-people-list .list-wrap a.item-box .con-box .info-box .txt {
              font-size: 13px;
              line-height: 16px;
              color: #ffffff;
              border-top: 1px solid #93b1c2;
              padding-top: 18px; }
  section.company-people .company-people-list-swiper {
    margin-top: 60px;
    position: relative;
    max-height: 452px;
    height: 452px; }
    @media (max-width: 768px) {
      section.company-people .company-people-list-swiper {
        height: auto;
        max-height: 100%; } }
    section.company-people .company-people-list-swiper .item-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 10; }
      section.company-people .company-people-list-swiper .item-btn.type-prev {
        left: -100px;
        background: url("../img/ic_arrow_left.png") no-repeat center/cover;
        width: 70px;
        height: 10px; }
        @media (max-width: 1200px) {
          section.company-people .company-people-list-swiper .item-btn.type-prev {
            left: -15px;
            width: 60px;
            height: 8px; } }
        @media (max-width: 768px) {
          section.company-people .company-people-list-swiper .item-btn.type-prev {
            left: -10px;
            width: 50px;
            height: 6px; } }
      section.company-people .company-people-list-swiper .item-btn.type-next {
        right: -100px;
        background: url("../img/ic_arrow_next.png") no-repeat center/cover;
        width: 70px;
        height: 10px; }
        @media (max-width: 1200px) {
          section.company-people .company-people-list-swiper .item-btn.type-next {
            right: -15px;
            width: 60px;
            height: 8px; } }
        @media (max-width: 768px) {
          section.company-people .company-people-list-swiper .item-btn.type-next {
            right: -10px;
            width: 50px;
            height: 6px; } }
    section.company-people .company-people-list-swiper .list-wrap {
      position: relative; }
      @media (max-width: 768px) {
        section.company-people .company-people-list-swiper .list-wrap ul {
          margin: 0; } }
      section.company-people .company-people-list-swiper .list-wrap a.item-box {
        position: relative;
        width: 100%;
        overflow: hidden; }
        section.company-people .company-people-list-swiper .list-wrap a.item-box:hover .img-box img {
          transform: scale(1.05); }
        section.company-people .company-people-list-swiper .list-wrap a.item-box:hover .con-box:before {
          transform: translateY(0); }
        @media (max-width: 1200px) {
          section.company-people .company-people-list-swiper .list-wrap a.item-box .img-box {
            width: 100%; } }
        section.company-people .company-people-list-swiper .list-wrap a.item-box .img-box img {
          width: 100%;
          transform: scale(1);
          transition: all 500ms ease; }
        section.company-people .company-people-list-swiper .list-wrap a.item-box .con-box {
          position: absolute;
          bottom: 2px;
          left: 0;
          right: 54px;
          top: 166px;
          padding: 60px 30px 50px 50px;
          z-index: 1; }
          section.company-people .company-people-list-swiper .list-wrap a.item-box .con-box:before {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            content: "";
            background-color: rgba(33, 93, 129, 0.8);
            z-index: -1;
            transform: translateY(100%);
            transition: all 500ms ease; }
          @media (max-width: 1200px) {
            section.company-people .company-people-list-swiper .list-wrap a.item-box .con-box {
              top: auto;
              padding-bottom: 15px;
              right: 0; } }
          section.company-people .company-people-list-swiper .list-wrap a.item-box .con-box .name-box .name-txt {
            font-size: 35px;
            font-weight: 700;
            letter-spacing: -0.02em;
            color: #ffffff; }
          section.company-people .company-people-list-swiper .list-wrap a.item-box .con-box .name-box .con-txt {
            font-size: 15px;
            letter-spacing: -0.05em;
            color: #ffffff;
            padding-top: 16px; }
          section.company-people .company-people-list-swiper .list-wrap a.item-box .con-box .info-box {
            margin-top: 82px; }
            @media (max-width: 1200px) {
              section.company-people .company-people-list-swiper .list-wrap a.item-box .con-box .info-box {
                min-height: 67px;
                margin-top: 50px; } }
            section.company-people .company-people-list-swiper .list-wrap a.item-box .con-box .info-box .txt {
              font-size: 13px;
              line-height: 16px;
              color: #ffffff;
              border-top: 1px solid #93b1c2;
              padding-top: 18px; }

section.sign-up {
  background: url("../img/bottom_bg.png") no-repeat center/cover;
  padding: 110px 0; }
  section.sign-up .con-box {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 1200px) {
      section.sign-up .con-box {
        flex-flow: column; } }
    section.sign-up .con-box .con-txt {
      font-size: 32px;
      font-weight: 700;
      letter-spacing: -0.02em;
      line-height: 40px;
      color: #ffffff; }
      @media (max-width: 1200px) {
        section.sign-up .con-box .con-txt {
          font-size: 27px;
          line-height: 33px;
          text-align: center; } }
    @media (max-width: 1200px) {
      section.sign-up .con-box a.sign-up-btn {
        padding-top: 30px; } }
    section.sign-up .con-box a.sign-up-btn .btn-txt {
      font-size: 15px;
      color: #0f0d1d;
      background-color: #ffffff;
      font-weight: 800;
      width: 257px;
      height: 70px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      transition: 500ms; }
      section.sign-up .con-box a.sign-up-btn .btn-txt:hover {
        background-color: #000;
        color: #fff; }

section.people-info {
  padding-top: 120px;
  padding-bottom: 171px; }
  @media (max-width: 1200px) {
    section.people-info {
      padding-top: 67px;
      padding-bottom: 71px; } }
  @media (max-width: 768px) {
    section.people-info .inner {
      max-width: 570px; } }
  section.people-info .header-box .ic_scale {
    background: url("../img/ic_scale.png") no-repeat center/cover;
    width: 58px;
    height: 51px; }
  section.people-info .header-box .con-box {
    padding-top: 16px; }
    section.people-info .header-box .con-box .top-txt {
      font-size: 45px;
      font-weight: 700;
      color: #000000; }
      @media (max-width: 768px) {
        section.people-info .header-box .con-box .top-txt {
          font-size: 35px; } }
      section.people-info .header-box .con-box .top-txt .name-txt {
        font-size: 20px;
        font-weight: 700;
        font-family: "Galyon";
        color: #726f84;
        opacity: 0.5; }
    section.people-info .header-box .con-box .bottom-txt {
      padding-top: 22px;
      font-size: 26px;
      font-weight: 500;
      letter-spacing: -0.02em;
      color: #267098;
      line-height: 32px; }
      @media (max-width: 768px) {
        section.people-info .header-box .con-box .bottom-txt {
          font-size: 19px;
          line-height: 24px; } }
  section.people-info .body-box {
    padding-top: 60px; }
    section.people-info .body-box .history-wrap {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 768px) {
        section.people-info .body-box .history-wrap {
          flex-flow: column; } }
      section.people-info .body-box .history-wrap .con-left {
        width: 370px; }
        @media (max-width: 768px) {
          section.people-info .body-box .history-wrap .con-left {
            width: 100%; } }
        section.people-info .body-box .history-wrap .con-left .top-txt {
          font-size: 22px;
          font-weight: 500;
          line-height: 35px;
          letter-spacing: -0.02em;
          color: #726f84; }
          @media (max-width: 768px) {
            section.people-info .body-box .history-wrap .con-left .top-txt {
              font-size: 18px;
              line-height: 30px; } }
        section.people-info .body-box .history-wrap .con-left .history-list {
          margin-top: 52px;
          background-color: #f2f4f8;
          width: 100%;
          padding: 40px 50px; }
          section.people-info .body-box .history-wrap .con-left .history-list .con-txt {
            font-size: 15px;
            line-height: 25px;
            color: #726f84;
            font-weight: 500; }
            section.people-info .body-box .history-wrap .con-left .history-list .con-txt + .con-txt {
              margin-top: 33px; }
      section.people-info .body-box .history-wrap .con-right {
        flex: 1; }
        @media (max-width: 1200px) {
          section.people-info .body-box .history-wrap .con-right {
            margin-left: 30px; } }
        @media (max-width: 768px) {
          section.people-info .body-box .history-wrap .con-right {
            margin-top: 30px;
            margin-left: 0; } }
        section.people-info .body-box .history-wrap .con-right .img-box {
          max-width: 600px;
          height: 100%;
          margin: 0 0 0 auto; }
          @media (max-width: 1200px) {
            section.people-info .body-box .history-wrap .con-right .img-box {
              height: auto; } }
          section.people-info .body-box .history-wrap .con-right .img-box img {
            max-width: 100%; }

section.location {
  padding-top: 132px;
  padding-bottom: 113px; }
  @media (max-width: 1200px) {
    section.location .inner {
      max-width: 570px; } }
  section.location .location-list {
    padding-left: 68px; }
    @media (max-width: 1200px) {
      section.location .location-list {
        padding-left: 0; } }
    section.location .location-list .item-box {
      position: relative; }
      section.location .location-list .item-box + .item-box {
        margin-top: 67px; }
      section.location .location-list .item-box .img-box {
        position: absolute;
        width: 66px;
        height: 59px;
        top: 0;
        left: -90px; }
        @media (max-width: 1200px) {
          section.location .location-list .item-box .img-box {
            top: 0;
            left: -3px; } }
        section.location .location-list .item-box .img-box.type-add {
          background: url("../img/ic_add.png") no-repeat center; }
        section.location .location-list .item-box .img-box.type-parking {
          background: url("../img/ic_parking.png") no-repeat center; }
        section.location .location-list .item-box .img-box.type-subway {
          background: url("../img/ic_subway.png") no-repeat center; }
        section.location .location-list .item-box .img-box.type-time {
          background: url("../img/ic_time.png") no-repeat center; }
      section.location .location-list .item-box .info-box .subject {
        font-size: 35px;
        font-weight: 700;
        color: #000000;
        letter-spacing: -0.02em;
        line-height: 45px; }
        @media (max-width: 1200px) {
          section.location .location-list .item-box .info-box .subject {
            display: inline-flex;
            align-items: center;
            min-height: 59px;
            padding-left: 90px; } }
        @media (max-width: 768px) {
          section.location .location-list .item-box .info-box .subject {
            font-size: 30px;
            line-height: 40px; } }
      section.location .location-list .item-box .info-box .txt {
        padding-top: 37px;
        font-size: 22px;
        letter-spacing: -0.02em;
        line-height: 30px;
        color: #726f84;
        font-weight: 500; }
        @media (max-width: 1200px) {
          section.location .location-list .item-box .info-box .txt {
            padding-top: 30px;
            font-size: 18px;
            line-height: 25px; } }

section.map .map-box {
  display: flex;
  height: 553px;
  position: relative; }
  section.map .map-box iframe {
    height: 100%;
    width: 100%; }

section.field {
  padding: 121px 0; }
  @media (max-width: 768px) {
    section.field {
      padding: 60px 0; } }
  @media (max-width: 1200px) {
    section.field .inner {
      max-width: 1000px; } }
  @media (max-width: 768px) {
    section.field .inner {
      max-width: 960px; } }
  section.field.type-home {
    background: url("../img/img_home_banner1.png") no-repeat center/cover; }
    section.field.type-home .tittle-box {
      display: flex;
      justify-content: space-between; }
      section.field.type-home .tittle-box .subject-txt {
        font-size: 45px;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #ffffff; }
      section.field.type-home .tittle-box .msg-box {
        font-size: 22px;
        font-weight: 500;
        letter-spacing: -0.02em;
        line-height: 35px;
        color: #ffffff;
        text-align: left; }
      @media (max-width: 1200px) {
        section.field.type-home .tittle-box {
          flex-flow: column;
          align-items: center; }
          section.field.type-home .tittle-box .msg-box {
            margin-top: 20px;
            text-align: center; } }
      @media (max-width: 768px) {
        section.field.type-home .tittle-box .subject-txt {
          font-size: 35px; }
        section.field.type-home .tittle-box .msg-box {
          font-size: 18px;
          line-height: 28px; } }
    section.field.type-home .field-item .list-wrap ul li .item-box .info-box .subject {
      color: #ffffff;
      display: inline;
      background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 100%/0px 2px no-repeat;
      transition: all 500ms ease; }
      section.field.type-home .field-item .list-wrap ul li .item-box .info-box .subject:hover {
        color: #fff;
        background-size: 100% 2px; }
    section.field.type-home .field-item .list-wrap ul li .item-box .info-box .con-box {
      color: #ffffff; }
  section.field .field-item {
    padding-top: 133px; }
  section.field .msg-box {
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: #000000; }
    @media (max-width: 768px) {
      section.field .msg-box {
        font-size: 18px;
        line-height: 23px; } }
  section.field .field-item {
    padding-top: 145px; }
    @media (max-width: 768px) {
      section.field .field-item {
        padding-top: 72px; } }
    section.field .field-item .list-wrap ul {
      display: flex;
      flex-flow: row wrap;
      margin: -22px; }
    section.field .field-item .list-wrap li {
      width: calc(25% - 44px);
      margin: 22px;
      position: relative; }
      @media (max-width: 1200px) {
        section.field .field-item .list-wrap li {
          width: calc(50% - 44px); } }
      @media (max-width: 768px) {
        section.field .field-item .list-wrap li {
          width: 100%; } }
      section.field .field-item .list-wrap li:after {
        content: '';
        width: 1px;
        background-color: #92b7cb;
        position: absolute;
        top: 0;
        right: -22px;
        bottom: 0; }
        @media (max-width: 768px) {
          section.field .field-item .list-wrap li:after {
            display: none; } }
      @media (max-width: 1200px) {
        section.field .field-item .list-wrap li:nth-child(2):after {
          background-color: transparent; }
        section.field .field-item .list-wrap li:nth-child(6):after {
          background-color: transparent; }
        section.field .field-item .list-wrap li:nth-child(8):after {
          background-color: transparent; }
        section.field .field-item .list-wrap li:nth-child(10):after {
          background-color: transparent; } }
      section.field .field-item .list-wrap li:nth-child(4):after {
        background-color: transparent; }
      section.field .field-item .list-wrap li:nth-child(8):after {
        background-color: transparent; }
      section.field .field-item .list-wrap li:nth-child(12):after {
        background-color: transparent; }
    section.field .field-item .list-wrap .item-box {
      display: flex;
      flex-flow: column;
      align-items: center; }
      section.field .field-item .list-wrap .item-box .img-box {
        border-radius: 50%;
        width: 136px;
        height: 136px;
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
        position: relative;
        z-index: 10;
        background-color: #fff; }
        section.field .field-item .list-wrap .item-box .img-box:hover:before {
          transform: scale(1);
          top: -1px;
          left: -1px;
          right: -1px;
          bottom: -1px; }
        section.field .field-item .list-wrap .item-box .img-box:before {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-color: #267098;
          border-radius: 50%;
          z-index: 1;
          transform: scale(0);
          transition: all 200ms linear;
          transition-delay: 0.1s; }
        section.field .field-item .list-wrap .item-box .img-box .img-item {
          overflow: hidden;
          border-radius: 50%;
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          z-index: 2;
          transition: all 0.2s linear; }
          section.field .field-item .list-wrap .item-box .img-box .img-item.type-item1 {
            background: url("../img/ic_field_item1.png") no-repeat center; }
            section.field .field-item .list-wrap .item-box .img-box .img-item.type-item1:hover {
              background: url("../img/ic_field_item1_on.png") no-repeat center; }
          section.field .field-item .list-wrap .item-box .img-box .img-item.type-item2 {
            background: url("../img/ic_field_item2.png") no-repeat center; }
            section.field .field-item .list-wrap .item-box .img-box .img-item.type-item2:hover {
              background: url("../img/ic_field_item2_on.png") no-repeat center; }
          section.field .field-item .list-wrap .item-box .img-box .img-item.type-item3 {
            background: url("../img/ic_field_item3.png") no-repeat center; }
            section.field .field-item .list-wrap .item-box .img-box .img-item.type-item3:hover {
              background: url("../img/ic_field_item3_on.png") no-repeat center; }
          section.field .field-item .list-wrap .item-box .img-box .img-item.type-item4 {
            background: url("../img/ic_field_item4.png") no-repeat center; }
            section.field .field-item .list-wrap .item-box .img-box .img-item.type-item4:hover {
              background: url("../img/ic_field_item4_on.png") no-repeat center; }
          section.field .field-item .list-wrap .item-box .img-box .img-item.type-item5 {
            background: url("../img/ic_field_item5.png") no-repeat center; }
            section.field .field-item .list-wrap .item-box .img-box .img-item.type-item5:hover {
              background: url("../img/ic_field_item5_on.png") no-repeat center; }
          section.field .field-item .list-wrap .item-box .img-box .img-item.type-item6 {
            background: url("../img/ic_field_item6.png") no-repeat center; }
            section.field .field-item .list-wrap .item-box .img-box .img-item.type-item6:hover {
              background: url("../img/ic_field_item6_on.png") no-repeat center; }
          section.field .field-item .list-wrap .item-box .img-box .img-item.type-item7 {
            background: url("../img/ic_field_item7.png") no-repeat center; }
            section.field .field-item .list-wrap .item-box .img-box .img-item.type-item7:hover {
              background: url("../img/ic_field_item7_on.png") no-repeat center; }
          section.field .field-item .list-wrap .item-box .img-box .img-item.type-item8 {
            background: url("../img/ic_field_item8.png") no-repeat center; }
            section.field .field-item .list-wrap .item-box .img-box .img-item.type-item8:hover {
              background: url("../img/ic_field_item8_on.png") no-repeat center; }
          section.field .field-item .list-wrap .item-box .img-box .img-item.type-item9 {
            background: url("../img/ic_field_item9.png") no-repeat center; }
            section.field .field-item .list-wrap .item-box .img-box .img-item.type-item9:hover {
              background: url("../img/ic_field_item9_on.png") no-repeat center; }
          section.field .field-item .list-wrap .item-box .img-box .img-item.type-item10 {
            background: url("../img/ic_field_item10.png") no-repeat center; }
            section.field .field-item .list-wrap .item-box .img-box .img-item.type-item10:hover {
              background: url("../img/ic_field_item10_on.png") no-repeat center; }
          section.field .field-item .list-wrap .item-box .img-box .img-item.type-item11 {
            background: url("../img/ic_field_item11.png") no-repeat center; }
            section.field .field-item .list-wrap .item-box .img-box .img-item.type-item11:hover {
              background: url("../img/ic_field_item11_on.png") no-repeat center; }
          section.field .field-item .list-wrap .item-box .img-box .img-item.type-item12 {
            background: url("../img/ic_field_item12.png") no-repeat center; }
            section.field .field-item .list-wrap .item-box .img-box .img-item.type-item12:hover {
              background: url("../img/ic_field_item12_on.png") no-repeat center; }
      section.field .field-item .list-wrap .item-box .info-box {
        text-align: center;
        padding-top: 26px; }
        section.field .field-item .list-wrap .item-box .info-box .subject {
          font-size: 28px;
          font-weight: 800;
          color: #000000;
          letter-spacing: -0.02em;
          display: inline;
          background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 100%/0px 2px no-repeat;
          transition: all 500ms ease; }
          section.field .field-item .list-wrap .item-box .info-box .subject:hover {
            color: #000;
            background-size: 100% 2px; }
        section.field .field-item .list-wrap .item-box .info-box .con-box {
          padding-top: 12px;
          font-size: 16px;
          line-height: 25px;
          color: #000000; }

section.raw {
  padding: 120px 0; }
  @media (max-width: 768px) {
    section.raw {
      padding: 120px 0 30px 0;
      max-width: 720px; } }
  @media (max-width: 768px) {
    section.raw .inner {
      max-width: 540px; } }
  section.raw .raw-wrap {
    display: flex; }
    @media (max-width: 768px) {
      section.raw .raw-wrap {
        flex-flow: column; } }
    section.raw .raw-wrap .raw-guide .item-box {
      position: relative; }
      section.raw .raw-wrap .raw-guide .item-box:hover .order-box {
        background-color: #267098;
        color: #fff; }
      section.raw .raw-wrap .raw-guide .item-box + .item-box {
        margin-top: 59px; }
      section.raw .raw-wrap .raw-guide .item-box .order-box {
        position: absolute;
        background-color: #e9f0f4;
        width: 61px;
        height: 61px;
        top: 0;
        left: 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #267098;
        font-size: 21px;
        font-weight: 800;
        transition: 500ms; }
        @media (max-width: 1200px) {
          section.raw .raw-wrap .raw-guide .item-box .order-box {
            left: 0; } }
        @media (max-width: 768px) {
          section.raw .raw-wrap .raw-guide .item-box .order-box {
            width: 51px;
            height: 51px;
            font-size: 18px; } }
      section.raw .raw-wrap .raw-guide .item-box .info-box {
        padding-left: 96px; }
        @media (max-width: 1200px) {
          section.raw .raw-wrap .raw-guide .item-box .info-box {
            padding-left: 0; } }
        section.raw .raw-wrap .raw-guide .item-box .info-box .subject {
          font-size: 20px;
          line-height: 26px;
          font-weight: 500;
          color: #267098;
          letter-spacing: -0.02em; }
          @media (max-width: 1200px) {
            section.raw .raw-wrap .raw-guide .item-box .info-box .subject {
              display: inline-flex;
              align-items: center;
              line-height: 26px;
              padding-left: 90px;
              min-height: 61px; } }
          @media (max-width: 768px) {
            section.raw .raw-wrap .raw-guide .item-box .info-box .subject {
              font-size: 17px;
              line-height: 22px;
              min-height: 51px;
              padding-left: 80px; } }
        section.raw .raw-wrap .raw-guide .item-box .info-box .con-box {
          padding-top: 42px;
          font-size: 18px;
          font-weight: 500;
          letter-spacing: -0.02em;
          line-height: 30px;
          color: #726f84; }
          section.raw .raw-wrap .raw-guide .item-box .info-box .con-box .txt-box {
            margin-top: 10px; }
          @media (max-width: 1200px) {
            section.raw .raw-wrap .raw-guide .item-box .info-box .con-box {
              line-height: 24px;
              padding-top: 40px; } }
          @media (max-width: 768px) {
            section.raw .raw-wrap .raw-guide .item-box .info-box .con-box {
              font-size: 14px;
              line-height: 20px; } }
    section.raw .raw-wrap .side-follow-wrap {
      margin-left: 56px;
      padding: 35px 30px;
      background-color: #f2f4f8;
      min-width: 370px;
      height: 686px; }
      @media (max-width: 768px) {
        section.raw .raw-wrap .side-follow-wrap {
          min-width: 100%;
          margin-left: 0;
          margin-top: 59px; } }
      section.raw .raw-wrap .side-follow-wrap .tittle {
        font-size: 20px;
        color: #0f0d1d;
        letter-spacing: -0.02em;
        font-weight: 800;
        font-family: "Galyon"; }
      section.raw .raw-wrap .side-follow-wrap .btn-list-wrap {
        padding-top: 15px; }
        section.raw .raw-wrap .side-follow-wrap .btn-list-wrap ul {
          display: flex;
          flex-flow: column; }
        section.raw .raw-wrap .side-follow-wrap .btn-list-wrap li {
          height: 45px; }
          section.raw .raw-wrap .side-follow-wrap .btn-list-wrap li + li {
            margin-top: 5px; }
        section.raw .raw-wrap .side-follow-wrap .btn-list-wrap a.link-btn {
          font-size: 15px;
          font-weight: 500;
          color: #726f84;
          padding: 14px;
          position: relative;
          width: 100%; }
          section.raw .raw-wrap .side-follow-wrap .btn-list-wrap a.link-btn:hover {
            background-color: #ffffff;
            width: 100%;
            font-weight: 800;
            color: #000000; }
            section.raw .raw-wrap .side-follow-wrap .btn-list-wrap a.link-btn:hover:after {
              content: '';
              background: url("../img/ic_catego_btn.png") no-repeat center/cover;
              width: 20px;
              height: 10px;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: 18px; }

section.application {
  padding: 120px 0; }
  section.application .application-wrap {
    display: flex; }
    @media (max-width: 768px) {
      section.application .application-wrap {
        flex-flow: column; } }
    @media (max-width: 768px) {
      section.application .application-wrap .text-box {
        margin-bottom: 50px; } }
    section.application .application-wrap .text-box .top-txt {
      font-size: 30px;
      font-weight: 700;
      color: #000000;
      letter-spacing: -0.02em;
      line-height: 40px; }
      @media (max-width: 768px) {
        section.application .application-wrap .text-box .top-txt {
          font-size: 22px; }
          section.application .application-wrap .text-box .top-txt br {
            display: none; } }
    section.application .application-wrap .text-box .bottom-box {
      font-size: 20px;
      font-weight: 500;
      line-height: 30px;
      letter-spacing: -0.02em;
      color: #726f84;
      padding-top: 83px; }
      @media (max-width: 768px) {
        section.application .application-wrap .text-box .bottom-box {
          padding-top: 50px; } }
    section.application .application-wrap .msg-box-right {
      padding-left: 87px;
      flex: 1; }
      @media (max-width: 768px) {
        section.application .application-wrap .msg-box-right {
          padding-left: 0; } }
      section.application .application-wrap .msg-box-right .msg-box-right-list .row + .row {
        margin-top: 35px; }
      section.application .application-wrap .msg-box-right .msg-box-right-list .row .tbox-list {
        display: flex; }
        @media (max-width: 1200px) {
          section.application .application-wrap .msg-box-right .msg-box-right-list .row .tbox-list {
            flex-flow: column; } }
        section.application .application-wrap .msg-box-right .msg-box-right-list .row .tbox-list .tbox {
          width: 100%;
          position: relative; }
          section.application .application-wrap .msg-box-right .msg-box-right-list .row .tbox-list .tbox + .tbox {
            margin-left: 30px; }
            @media (max-width: 1200px) {
              section.application .application-wrap .msg-box-right .msg-box-right-list .row .tbox-list .tbox + .tbox {
                margin-left: 0;
                margin-top: 35px; } }
          section.application .application-wrap .msg-box-right .msg-box-right-list .row .tbox-list .tbox input {
            height: 70px;
            box-sizing: border-box;
            padding: 0 56px 0 26px;
            width: 100%;
            font-weight: 500;
            border-radius: 0;
            border: 1px solid transparent; }
            section.application .application-wrap .msg-box-right .msg-box-right-list .row .tbox-list .tbox input.ic_name {
              background: #f2f4f8 url("../img/ic_name.png") no-repeat right 26px center/16px 16px; }
            section.application .application-wrap .msg-box-right .msg-box-right-list .row .tbox-list .tbox input.ic_phone {
              background: #f2f4f8 url("../img/ic_ph.png") no-repeat right 26px center/13px 13px; }
          section.application .application-wrap .msg-box-right .msg-box-right-list .row .tbox-list .tbox ::placeholder {
            font-size: 14px;
            color: #726f84; }
      section.application .application-wrap .msg-box-right .msg-box-right-list .row .sbox {
        position: relative; }
        section.application .application-wrap .msg-box-right .msg-box-right-list .row .sbox:after {
          position: absolute;
          content: '';
          background: url("../img/ic_arrow_bottom.png") no-repeat center/cover;
          width: 18px;
          height: 11px;
          top: 50%;
          transform: translateY(-50%);
          right: 24px; }
        section.application .application-wrap .msg-box-right .msg-box-right-list .row .sbox select {
          height: 70px;
          box-sizing: border-box;
          padding: 0 26px;
          width: 100%;
          background-color: #f2f4f8;
          font-weight: 500;
          border-radius: 0;
          border: 1px solid transparent;
          font-size: 14px;
          color: #726f84; }
      section.application .application-wrap .msg-box-right .msg-box-right-list .row textarea {
        resize: none;
        height: 140px;
        outline: none;
        box-sizing: border-box;
        padding: 26px 56px 26px 26px;
        font-size: 14px;
        width: 100%;
        color: #726f84;
        font-weight: 500; }
        section.application .application-wrap .msg-box-right .msg-box-right-list .row textarea.ic_msg {
          background: #f2f4f8 url("../img/ic_msg.png") no-repeat right 26px top 26px/14px 12px; }
      section.application .application-wrap .msg-box-right .agree-box {
        padding-top: 31px;
        padding-left: 50px; }
        section.application .application-wrap .msg-box-right .agree-box label {
          cursor: pointer;
          position: relative; }
          section.application .application-wrap .msg-box-right .agree-box label input {
            position: absolute;
            left: -9999px; }
            section.application .application-wrap .msg-box-right .agree-box label input:checked ~ i {
              background: url("../img/ic_chk_box_on.png") no-repeat center/cover;
              width: 13px;
              height: 14px; }
          section.application .application-wrap .msg-box-right .agree-box label i {
            content: '';
            background: url("../img/ic_chk_box.png") no-repeat center/cover;
            width: 13px;
            height: 14px;
            position: absolute;
            top: 6px;
            left: -20px; }
          section.application .application-wrap .msg-box-right .agree-box label .txt {
            font-size: 14px;
            color: #726f84;
            font-weight: 500; }
      section.application .application-wrap .msg-box-right .send-btn-box {
        padding-top: 30px; }
        section.application .application-wrap .msg-box-right .send-btn-box a.send-btn {
          font-size: 14px;
          font-weight: 700;
          letter-spacing: 0.1em;
          color: #ffffff;
          font-family: "Galyon";
          background-color: #267098;
          width: 243px;
          height: 70px;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          transition: 500ms; }
          section.application .application-wrap .msg-box-right .send-btn-box a.send-btn:hover {
            background: #000;
            color: #fff; }

section.application-info {
  background-color: #0f0d1d;
  padding: 120px 0; }
  section.application-info .company-info .top-box .info-box {
    display: flex;
    align-items: center;
    padding: 0 273px; }
    @media (max-width: 1200px) {
      section.application-info .company-info .top-box .info-box {
        padding: 0;
        align-items: stretch; } }
    section.application-info .company-info .top-box .info-box + .info-box {
      padding-top: 12px; }
    section.application-info .company-info .top-box .info-box .subject {
      font-size: 20px;
      font-weight: 700;
      letter-spacing: -0.02em;
      color: #267098;
      padding-right: 18px;
      position: relative; }
      @media (max-width: 1200px) {
        section.application-info .company-info .top-box .info-box .subject {
          display: inline-flex;
          align-items: center; } }
      section.application-info .company-info .top-box .info-box .subject:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 18px;
        background-color: #ffffff;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        line-height: 30px; }
        @media (max-width: 1200px) {
          section.application-info .company-info .top-box .info-box .subject:after {
            top: 0;
            transform: none;
            bottom: 0;
            height: auto; } }
    section.application-info .company-info .top-box .info-box .con-box {
      padding-left: 18px;
      font-size: 20px;
      font-weight: 500;
      letter-spacing: -0.02em;
      color: #ffffff; }
      @media (max-width: 1200px) {
        section.application-info .company-info .top-box .info-box .con-box {
          line-height: 26px; } }
  section.application-info .company-info .bottom-box {
    padding-top: 93px; }
    section.application-info .company-info .bottom-box .list-wrap {
      display: flex;
      justify-content: center; }
      section.application-info .company-info .bottom-box .list-wrap ul {
        display: flex;
        margin: -15px;
        width: 100%;
        flex-flow: row wrap; }
        @media (max-width: 1200px) {
          section.application-info .company-info .bottom-box .list-wrap ul {
            margin: -15px; } }
      section.application-info .company-info .bottom-box .list-wrap li {
        width: calc(33.33% - 30px);
        margin: 15px;
        height: 261px;
        color: #000000; }
        @media (max-width: 1200px) {
          section.application-info .company-info .bottom-box .list-wrap li {
            width: calc(50% - 30px);
            margin: 15px; } }
        @media (max-width: 768px) {
          section.application-info .company-info .bottom-box .list-wrap li {
            width: 100%; } }
        section.application-info .company-info .bottom-box .list-wrap li.type-ic-visit {
          background: #ffffff url("../img/ic_visit_off.png") no-repeat right 60px bottom 51px/50px 75px; }
        section.application-info .company-info .bottom-box .list-wrap li.type-ic-ph {
          background: #ffffff url("../img/ic_phone_off.png") no-repeat right 60px bottom 63px/55px 55px; }
        section.application-info .company-info .bottom-box .list-wrap li.type-ic-kakao {
          background: #ffffff url("../img/ic_kakao_off.png") no-repeat right 60px bottom 58px/70px 65px; }
        section.application-info .company-info .bottom-box .list-wrap li:hover {
          background: #267098;
          color: #fff;
          transition: 500ms; }
          section.application-info .company-info .bottom-box .list-wrap li:hover.type-ic-visit {
            background: #267098 url("../img/ic_visit_on.png") no-repeat right 60px bottom 51px/50px 75px; }
          section.application-info .company-info .bottom-box .list-wrap li:hover.type-ic-ph {
            background: #267098 url("../img/ic_phone_on.png") no-repeat right 60px bottom 63px/55px 55px; }
          section.application-info .company-info .bottom-box .list-wrap li:hover.type-ic-kakao {
            background: #267098 url("../img/ic_kakao_on.png") no-repeat right 60px bottom 58px/70px 65px; }
        section.application-info .company-info .bottom-box .list-wrap li a.item-box {
          width: 100%;
          height: 100%;
          font-size: 30px;
          font-weight: 700;
          letter-spacing: -0.02em;
          padding: 53px 59px; }

section.accept {
  padding: 119px 0;
  background-color: #f2f4f8; }
  section.accept .tittle {
    font-size: 45px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #000000; }
    @media (max-width: 1200px) {
      section.accept .tittle {
        text-align: center; } }
  section.accept .accept-box {
    padding-top: 120px; }
    section.accept .accept-box .list-wrap ul {
      display: flex;
      align-items: center;
      margin: -15px; }
      @media (max-width: 1200px) {
        section.accept .accept-box .list-wrap ul {
          flex-flow: row wrap; } }
    section.accept .accept-box .list-wrap li {
      width: calc(25% - 30px);
      margin: 15px;
      text-align: center;
      position: relative; }
      @media (max-width: 1200px) {
        section.accept .accept-box .list-wrap li {
          width: calc(50% - 30px); }
          section.accept .accept-box .list-wrap li + li {
            margin-top: 50px; } }
      @media (max-width: 768px) {
        section.accept .accept-box .list-wrap li {
          width: 100%; } }
      section.accept .accept-box .list-wrap li:after {
        content: '';
        width: 1px;
        background-color: #267098;
        position: absolute;
        right: -15px;
        top: 0;
        bottom: 0; }
        @media (max-width: 1200px) {
          section.accept .accept-box .list-wrap li:after {
            display: none; } }
      section.accept .accept-box .list-wrap li:last-child:after {
        display: none; }
    section.accept .accept-box .list-wrap .img-box {
      display: inline-flex;
      justify-content: center; }
      section.accept .accept-box .list-wrap .img-box.type-accept-1 {
        background: url("../img/ic_accept_1.png") no-repeat center/cover;
        width: 53px;
        height: 68px; }
      section.accept .accept-box .list-wrap .img-box.type-accept-2 {
        background: url("../img/ic_accept_2.png") no-repeat center/cover;
        width: 68px;
        height: 68px; }
      section.accept .accept-box .list-wrap .img-box.type-accept-3 {
        background: url("../img/ic_accept_3.png") no-repeat center/cover;
        width: 71px;
        height: 68px; }
      section.accept .accept-box .list-wrap .img-box.type-accept-4 {
        background: url("../img/ic_accept_4.png") no-repeat center/cover;
        width: 58px;
        height: 68px; }
    section.accept .accept-box .list-wrap .item-box {
      padding-top: 46px; }
      section.accept .accept-box .list-wrap .item-box .step-txt {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.1em;
        color: #267098;
        font-family: "Galyon"; }
      section.accept .accept-box .list-wrap .item-box .subject-txt {
        padding-top: 7px;
        font-size: 25px;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #000000; }
      section.accept .accept-box .list-wrap .item-box .con-txt {
        padding-top: 14px;
        font-size: 17px;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: -0.02em;
        color: #000000; }

section.company-promise {
  padding-top: 129px; }
  @media (max-width: 1200px) {
    section.company-promise .inner {
      max-width: 700px; } }
  section.company-promise .inner {
    position: relative; }
  section.company-promise .promise-box {
    display: flex; }
    @media (max-width: 1200px) {
      section.company-promise .promise-box {
        flex-flow: column; } }
    section.company-promise .promise-box .con-left {
      width: 527px; }
      @media (max-width: 1200px) {
        section.company-promise .promise-box .con-left {
          width: 100%;
          position: relative;
          height: 0;
          padding-bottom: 129%;
          overflow: hidden;
          display: none; }
          section.company-promise .promise-box .con-left .img-box {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; } }
      section.company-promise .promise-box .con-left .img-box {
        background: url("../img/img_promise_1.png") no-repeat center/cover;
        width: 100%;
        height: 100%; }
    section.company-promise .promise-box .con-right {
      padding-left: 59px;
      position: relative; }
      @media (max-width: 1200px) {
        section.company-promise .promise-box .con-right {
          padding-left: 0; } }
      section.company-promise .promise-box .con-right .subject-box .subject-txt {
        font-size: 45px;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #000000; }
        @media (max-width: 1200px) {
          section.company-promise .promise-box .con-right .subject-box .subject-txt {
            line-height: 55px; } }
        @media (max-width: 768px) {
          section.company-promise .promise-box .con-right .subject-box .subject-txt {
            font-size: 38px; } }
      section.company-promise .promise-box .con-right .subject-box .msg-txt {
        padding-top: 56px;
        font-size: 22px;
        font-weight: 500;
        line-height: 35px;
        letter-spacing: -0.02em;
        color: #726f84; }
        @media (max-width: 768px) {
          section.company-promise .promise-box .con-right .subject-box .msg-txt br {
            display: none; } }
      section.company-promise .promise-box .con-right .consult-con {
        padding-top: 260px; }
        @media (max-width: 1200px) {
          section.company-promise .promise-box .con-right .consult-con {
            padding-top: 46px; } }
        section.company-promise .promise-box .con-right .consult-con .consult-item-box + .consult-item-box {
          margin-top: 27px; }
        section.company-promise .promise-box .con-right .consult-con .consult-item-box .con-box {
          display: inline-flex;
          align-items: center; }
          section.company-promise .promise-box .con-right .consult-con .consult-item-box .con-box:hover .icon-box.ic-call {
            background: #267098 url("../img/ic_home_phone_on.png") no-repeat center/32px 32px; }
          section.company-promise .promise-box .con-right .consult-con .consult-item-box .con-box:hover .icon-box.ic-kakao {
            background: #267098 url("../img/ic_home_kakao_on.png") no-repeat center/40px 38px; }
          @media (max-width: 768px) {
            section.company-promise .promise-box .con-right .consult-con .consult-item-box .con-box {
              align-items: start; } }
          section.company-promise .promise-box .con-right .consult-con .consult-item-box .con-box .icon-box {
            min-width: 68px;
            height: 69px;
            margin-right: 29px; }
            section.company-promise .promise-box .con-right .consult-con .consult-item-box .con-box .icon-box.ic-call {
              background: #e9f0f4 url("../img/ic_home_phone.png") no-repeat center/32px 32px;
              width: 68px;
              height: 69px;
              transition: 500ms; }
            section.company-promise .promise-box .con-right .consult-con .consult-item-box .con-box .icon-box.ic-kakao {
              background: #e9f0f4 url("../img/ic_home_kakao.png") no-repeat center/40px 38px;
              width: 68px;
              height: 69px;
              transition: 500ms; }
          @media (max-width: 768px) {
            section.company-promise .promise-box .con-right .consult-con .consult-item-box .con-box .text-box {
              min-height: 69px;
              display: inline-flex;
              flex-flow: column;
              justify-content: center; } }
          section.company-promise .promise-box .con-right .consult-con .consult-item-box .con-box .text-box .top-txt {
            font-size: 16px;
            font-weight: 500;
            color: #726f84;
            letter-spacing: -0.02em;
            padding-bottom: 11px; }
            @media (max-width: 768px) {
              section.company-promise .promise-box .con-right .consult-con .consult-item-box .con-box .text-box .top-txt {
                line-height: 20px; } }
          section.company-promise .promise-box .con-right .consult-con .consult-item-box .con-box .text-box .bottom-txt {
            font-size: 20px;
            font-weight: 700;
            color: #0f0d1d;
            letter-spacing: 0.05em; }
  section.company-promise .two-box {
    display: flex;
    padding-top: 113px; }
    @media (max-width: 1200px) {
      section.company-promise .two-box {
        flex-flow: column; } }
    section.company-promise .two-box .row {
      padding: 41px 60px;
      box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
      background-color: #ffffff; }
      section.company-promise .two-box .row:hover .order-box .order-num {
        background-color: #267098;
        color: #fff;
        transition: 500ms; }
      @media (max-width: 1200px) {
        section.company-promise .two-box .row {
          padding: 41px 30px; }
          section.company-promise .two-box .row br {
            display: none; } }
      section.company-promise .two-box .row + .row {
        border-left: 1px solid #f2f2f2; }
      section.company-promise .two-box .row .order-box {
        display: flex;
        align-items: center; }
        @media (max-width: 1200px) {
          section.company-promise .two-box .row .order-box {
            flex-flow: column;
            align-items: start; } }
        section.company-promise .two-box .row .order-box .order-num {
          background-color: #e9f0f4;
          min-width: 69px;
          height: 69px;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          font-size: 24px;
          font-weight: 700;
          font-family: "Galyon";
          color: #267098; }
        section.company-promise .two-box .row .order-box .subject {
          padding-left: 29px;
          font-size: 18px;
          font-weight: 700;
          letter-spacing: -0.02em;
          line-height: 25px;
          color: #0f0d1d; }
          @media (max-width: 1200px) {
            section.company-promise .two-box .row .order-box .subject {
              padding-left: 0;
              padding-top: 25px; } }
      section.company-promise .two-box .row .con-box {
        padding-left: 94px;
        padding-top: 25px;
        font-size: 15px;
        font-weight: 500;
        line-height: 25px;
        color: #726f84; }
        @media (max-width: 1200px) {
          section.company-promise .two-box .row .con-box {
            padding-left: 0; } }
  section.company-promise .big-txt {
    font-size: 80px;
    color: #f2f4f8;
    letter-spacing: 0.26em;
    font-weight: 300;
    position: absolute;
    top: 358px;
    right: -473px;
    transform: rotate(90deg); }
    @media (max-width: 1200px) {
      section.company-promise .big-txt {
        display: none; } }

section.terms {
  padding-top: 100px; }
  @media (max-width: 768px) {
    section.terms {
      padding-top: 50px; } }
  section.terms .terms-group-box {
    padding-bottom: 33px; }
    section.terms .terms-group-box:last-child {
      padding-bottom: 100px; }
      @media (max-width: 768px) {
        section.terms .terms-group-box:last-child {
          padding-bottom: 50px; } }
    section.terms .terms-group-box .terms-tit-box {
      font-size: 34px;
      font-weight: 700;
      line-height: 44px;
      text-transform: uppercase;
      margin-bottom: 20px;
      margin-top: 7px; }
      @media (max-width: 768px) {
        section.terms .terms-group-box .terms-tit-box {
          font-size: 30px;
          line-height: 40px; } }
    section.terms .terms-group-box .terms-con-box {
      font-size: 16px;
      font-weight: 500;
      margin: 0;
      line-height: 32px;
      color: #726f84; }
      section.terms .terms-group-box .terms-con-box .table-box {
        margin-top: 5px; }
        section.terms .terms-group-box .terms-con-box .table-box th {
          background-color: #f1f1f1; }
        section.terms .terms-group-box .terms-con-box .table-box th, section.terms .terms-group-box .terms-con-box .table-box td {
          text-align: left;
          border: 1px solid #ddd;
          padding: 5px 10px;
          font-size: 16px;
          font-weight: 500;
          line-height: 32px;
          color: #726f84; }
  section.terms .map-box {
    display: flex;
    width: 100%; }
    section.terms .map-box iframe {
      height: 553px;
      width: 100%; }

section.module-iframe iframe {
  width: 100%;
  height: 100%; }

/*# sourceMappingURL=style.css.map */