/* Korea Insight base theme (shared) */
*{
        box-sizing: border-box;
      }

      html {
        scroll-behavior: smooth;
      }

      body{
        position: relative;
        width: 100%;
        background-position: center;
        background-size: cover;
        direction: ltr;
        font-family: 'Noto Sans KR', sans-serif !important;
        font-size: clamp(12px, 4vw, 17px);
        margin: 0;
        padding: 0;
        line-height: 1.5;
      }

      body::before{
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-attachment: fixed;
        background-image: url(../graphics/mask-bg_2026-10-16_12-25-400.png);
        background-position: center;
        background-size: cover;
        z-index: -1;
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      p{
        padding: 0;
        margin: 0;
      }

      p, li{
        padding: 9px 0;
        line-height: 1.5;
      }

      li{
        margin: 0 9px;
      }

      a{
        word-break: break-all;
        text-decoration: none;
        color: inherit;
        cursor: pointer;
      }

      img{
        display: block;
        max-width: 100%;
        max-height: 100%;
      }

      ul{
        margin: 0;
        padding: 0;
      }

      .main-container{
        width: auto;
        padding-right: 19px;
        padding-left: 19px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
      }

      @media screen and (min-width: 480px) {
        .main-container{
        max-width: 450px;
        }
      }

      @media screen and (min-width: 575px){
        .main-container{
          max-width: 540px;
        }
      }

      @media screen and (min-width: 768px) {
        .main-container{
        max-width: 730px;
        }
      }

      @media screen and (min-width: 992px) {
        .main-container{
          max-width: 960px;
        }
      }

      @media screen and (min-width: 1200px){
        .main-container{
          max-width: 1170px;
          }
      }

      @media (min-width: 1400px){
        .main-container{
          max-width: 1274px;
        }
      }
      .priv {
        overflow: hidden;
        word-break: break-all;
      }
      .page-privacy{
        padding: 35px 0;
        color: #2B2620;
        text-align: justify;
        width: 100%;
      }

      .title-politics{
        font-size: clamp(22px, 4vw, 30px);
      }

      .page-privacy a{
        transition: 0.3s ease;
        word-break: break-all;
        color: #2B2620;
      }
      .page-privacy li {
        list-style: circle;
      }
      .page-privacy a:hover{
        color: #2B2620;
        opacity: 0.5;
      }

      .header-back{
        z-index: 1;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #F6EFE3;
      }

      .header{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        padding: 35px 0;
      }

      .logo{
        gap: 9px;
        flex-direction: row;
        display: flex;
        align-items: center;
      }

      .logoImg img{
        width: 30px;
      }

      .logoTitle h2{
        color: #2B2620;
        font-size: clamp(14px, 4vw, 18px);
        margin: 0;
      }

      .nav-header{
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 15px;
      }

      .nav-header li{
        padding: 0;
      }

      .nav-header li a {
        transition: 0.5s ease;
        font-size: clamp(12px, 4vw, 16px);
        color: #2B2620;
        text-decoration: none;
      }

      .header-home{
        transition: 0.5s ease;
        color: #C65D33 !important;
      }

      .header-home:hover{
        opacity: 0.5;
        color: #2B2620 !important;
      }

      .nav-header li a:hover{
        opacity: 0.5;
        color: #2B2620;
      }

      .header-slider {
        direction: initial;
        width: 100%;
        overflow: hidden;
      }

      .header-slides {
        display: flex;
        transition: transform 2s cubic-bezier(0, 0.66, 0.58, 1);
      }

      .header-slide {
        min-width: 100%;
        height: 100vh;
        box-sizing: border-box;
      }
      .header-slide img {
        width: 100%;
        height: 100vh;
        display: block;
        object-fit: cover;
      }

      .about-us{
        width: 60%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 27px;
        padding: 71px 0;
      }

      .about-us h2{
        text-transform: uppercase;
        text-align: center;
        color: #C65D33;
        font-size: clamp(14px, 4vw, 35px);
      }

      .about-us span{
        width: 27px;
        height: 4px;
        background-color: #2B2620cc;
      }

      .about-us p{
        color: #2B2620cc;
        font-size: clamp(14px, 4vw, 18px);
      }

      .link-button{
        word-break: break-all;
        font-size: clamp(14px, 4vw, 18px);
        cursor: pointer;
        background-color: transparent;
        transition: 0.3s ease;
        border: 2px solid #2B2620;
        color: #2B2620cc;
        text-align: center;
        padding: 9px 13px;
      }

      .link-button:hover{
        color: #fff;
        background-color: #2B2620;
      }

      .service-block{
        margin: 0 auto;
        width: 60%;
        padding: 71px 0;
      }

      .service-box{
        display: flex;
        flex-direction: column;
        gap: 71px;
      }

      .service-card{
        direction: initial;
        display: flex;
        align-items: center;
        gap: 35px;
        flex-direction: row;
      }

      .service-img{
        flex: 1;
        display: flex;
        flex-direction: column;
      }

      .service-img img{
        width: 100%;
        object-fit: cover;
        height: 204px;
      }

      .service-img-one{
        transform: translate(-20px, -20%);
      }

      .service-img-two{
        transform: translate(20px, -20%);
      }

      .service-text{
        display: flex;
        flex-direction: column;
        gap: 19px;
        flex: 1;
      }

      .service-text h1{
        font-size: clamp(14px, 4vw, 93px);
        color: #C65D33;
      }

      .service-text span{
        width: 27px;
        height: 4px;
        background-color: #2B2620cc;
      }

      .service-text h5{
        color: #2B2620cc;
        font-size: clamp(14px, 4vw, 22px);
      }

      .history-card-title{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 27px;
      }

      .history-card-title h2{
        text-transform: uppercase;
        text-align: center;
        color: #C65D33;
        font-size: clamp(14px, 4vw, 35px);
      }

      .history-card-title span{
        width: 27px;
        height: 4px;
        background-color: #2B2620cc;
      }

      .history-card-title p{
        color: #2B2620cc;
        font-size: clamp(14px, 4vw, 18px);
      }

      .article-content {
        margin: 71px auto;
        width: 70%;
      }

      .article-content h2 {
        margin-bottom: 71px;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: clamp(22px, 4vw, 35px);
        color: #C65D33;
      }

      .article-block {
        overflow: hidden;
        position: relative;
      }

      .article-block-images {
        float: left;
        width: 35%;
        margin: 35px;
        margin-top: 0;
        margin-left: 0;
      }

      .article-block-content {
        color: #2B2620cc;
        font-size: clamp(16px, 4vw, 18px);
      }

      .article-block-content ul {
        list-style: inside;
      }

      .pricing-text {
        padding-top: 35px;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 9px;
        justify-content: center;
      }

      .pricing-text h5 {
        position: relative;
        color: #2B2620cc;
        font-size: clamp(22px, 4vw, 35px);
        font-weight: 800;
        padding: 13px;
      }

      .tarifSchedules {
        margin: 71px 0;

        .planBox-list {
          color: #ffffff;
          font-size: clamp(14px, 4vw, 16px);
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: start;
        }

        .planBox-list .tarif {
          margin: 0 0.5%;
          width: 100%;
          padding-top: 9px;
          position: relative;
          float: left;
          overflow: hidden;
          background-color: #2F4A35;
          border-radius: 8px;
        }

        .planBox-list .tarif:hover i,
        .planBox-list .tarif.hover i {
          -webkit-transform: scale(1.2);
          transform: scale(1.2);
        }

        .planBox-list * {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-transition: all 0.25s ease-out;
          transition: all 0.25s ease-out;
        }

        .planBox-list header {
          color: #ffffff;
        }

        .planBox-list .planBox-title {
          line-height: 60px;
          position: relative;
          margin: 0;
          padding: 0 15px;
          font-size: 1.6em;
          letter-spacing: 2px;
          font-weight: 800;
        }

        .planBox-list .planBox-title:after {
          position: absolute;
          content: "";
          top: 100%;
          left: 20px;
          width: 30px;
          height: 3px;
          background-color: #fff;
        }

        .planBox-list .planBox-cost {
          padding: 0 15px;
          margin: 0;
        }

        .planBox-list .planBox-price {
          font-weight: 500;
          font-size: 2.8em;
          margin: 9px 0;
          display: inline-block;
        }

        .planBox-list .planBox-type {
          opacity: 0.8;
          font-size: 0.7em;
          text-transform: uppercase;
        }

        .planBox-list .planBox-features {
          padding: 0 0 15px;
          margin: 0;
          list-style: outside none none;
          font-size: 0.9em;
        }

        .planBox-list .planBox-features li {
          padding: 8px 15px;
        }

        .planBox-list .planBox-features i {
          margin-right: 8px;
          color: rgba(255, 255, 255, 0.5);
        }

        .planBox-list .planBox-select {
          border-top: 1px solid rgba(0, 0, 0, 0.2);
          padding: 15px;
          text-align: center;
        }

        .planBox-list .planBox-select a {
          background-color: transparent;
          color: #ffffff;
          border: 1px solid #fff;
          text-decoration: none;
          padding: 12px 15px;
          font-size: 0.75em;
          font-weight:500;
          text-transform: uppercase;
          letter-spacing: 4px;
          display: inline-block;
        }

        .planBox-list .planBox-select a:hover {
          color: #2B2620cc;
          background-color: #fff !important;
        }

        .planBox-list .featured {
          border: 1px solid #fff;
          background-color: #C65D33;
        }

        .planBox-list .featured .planBox-select a {
          background-color: transparent;
        }

        @media (max-width: 991px) {
          .planBox-list {
            flex-direction: column;

            .tarif {
              margin: 0.5% 0;
              width: 100%;
            }
          }
        }

        @media (max-width: 767px) {
          .planBox-list .planBox-title,
          .planBox-list .planBox-select a {
            -webkit-transform: translateY(0);
            transform: translateY(0);
          }
          .planBox-list .planBox-select,
          .planBox-list .featured .planBox-select {
            padding: 20px;
          }
          .planBox-list .featured {
            margin-top: 0;
          }
          .planBox-list .featured header {
            line-height: 70px;
          }
        }
      }

      .preimNew{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin-top: 71px;
      }

      .preimNew-card{
        cursor: pointer;
        transition: 0.5s ease;
        position: relative;
        height: 289px;
      }

      .preimNew-card img{
        transition: 0.5s ease;
        object-fit: cover;
        width: 100%;
        height: 100%;
        position: relative;
      }

      .preimNew-text{
        opacity: 0;
        transition: 0.5s ease;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 13px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }

      .preimNew-card:hover img{
        filter: brightness(0.5);
      }

      .preimNew-card:hover .preimNew-text{
        opacity: 1;
      }

      .preimNew-text h5{
        color: #ffffff;
        font-size: clamp(14px, 4vw, 18px);
      }

      .osn-form {
        padding: 71px 0;
        width: 70%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
      }

      .title-container{
        text-align: center;
        margin-bottom: 35px;
      }

      .title-container h3{
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: clamp(22px, 4vw, 35px);
        color: #C65D33;
      }

      .input-container {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 13px;
      }

      .input-container label{
        color: #2B2620cc;
      }

      .input-container .input-field_sectionsection, .input-container .textarea-field_sectionsection, .form button {
        outline: none;
        margin: 8px 0;
      }

      .input-container .input-field_sectionsection {
        transition: 0.3s ease;
        border-radius: 9px;
        color: #2B2620cc;
        background-color: #ffffffb3;
        padding: 1rem;
        border: none;
        font-size: 0.875rem;
        line-height: 1.25rem;
      }

      .input-container .textarea-field_sectionsection {
        transition: 0.3s ease;
        border-radius: 9px;
        color: #2B2620cc;
        background-color: #ffffffb3;
        padding: 1rem;
        border: none;
        font-size: 0.875rem;
        line-height: 1.25rem;
        resize: vertical;
        min-height: 35px;
        max-height: 105px;
      }

      .input-container .input-field_sectionsection:focus, .input-container .textarea-field_sectionsection:focus, .input-container .input-field_sectionsection:hover, .input-container .textarea-field_sectionsection:hover{
        background-color: #FBF6EA;
      }

      .input-container .input-field_sectionsection::placeholder, .input-container .textarea-field_sectionsection::placeholder{
        color: #2B2620cc;
      }

      .check{
        transition: 0.3s ease;
        color: #2B2620cc;
      }

      .check:hover{
        opacity: 0.5;
        color: #2B2620cc;
      }

      .form-check {
        color: #2B2620cc;
        display: flex;
        align-items: center;
        gap: 13px;
        justify-content: flex-start;
        padding: 13px 0;
      }

      .form-check .form-check-input{
        margin: 0;
      }

      .submit-form {
        margin: 0 auto !important;
      }

      .ui-checkbox {
        --primary-color: #C65D33;
        --secondary-color: #fff;
        --primary-hover-color: #D97A4C;
        --checkbox-diameter: 20px;
        --checkbox-border-radius: 5px;
        --checkbox-border-color: #C9BBA4;
        --checkbox-border-width: 1px;
        --checkbox-border-style: solid;
        --checkmark-size: 1.2;
      }

      .ui-checkbox,
      .ui-checkbox *,
      .ui-checkbox *::before,
      .ui-checkbox *::after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }

      .ui-checkbox {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: var(--checkbox-diameter);
        height: var(--checkbox-diameter);
        border-radius: var(--checkbox-border-radius);
        background: var(--secondary-color);
        border: var(--checkbox-border-width) var(--checkbox-border-style) var(--checkbox-border-color);
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        cursor: pointer;
        position: relative;
      }

      .ui-checkbox::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-box-shadow: 0 0 0 calc(var(--checkbox-diameter) / 2.5) var(--primary-color);
        box-shadow: 0 0 0 calc(var(--checkbox-diameter) / 2.5) var(--primary-color);
        border-radius: inherit;
        opacity: 0;
        -webkit-transition: all 0.5s cubic-bezier(0.12, 0.4, 0.29, 1.46);
        -o-transition: all 0.5s cubic-bezier(0.12, 0.4, 0.29, 1.46);
        transition: all 0.5s cubic-bezier(0.12, 0.4, 0.29, 1.46);
      }

      .ui-checkbox::before {
        top: 40%;
        left: 50%;
        content: "";
        position: absolute;
        width: 4px;
        height: 7px;
        border-right: 2px solid var(--secondary-color);
        border-bottom: 2px solid var(--secondary-color);
        -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);
        -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0);
        transform: translate(-50%, -50%) rotate(45deg) scale(0);
        opacity: 0;
        -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6),opacity 0.1s;
        -o-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6),opacity 0.1s;
        transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6),opacity 0.1s;
      }

      .ui-checkbox:hover {
        border-color: var(--primary-color);
      }

      .ui-checkbox:checked {
        background: var(--primary-color);
        border-color: transparent;
      }

      .ui-checkbox:checked::before {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(var(--checkmark-size));
        -ms-transform: translate(-50%, -50%) rotate(45deg) scale(var(--checkmark-size));
        transform: translate(-50%, -50%) rotate(45deg) scale(var(--checkmark-size));
        -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
        -o-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
        transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
      }

      .ui-checkbox:active:not(:checked)::after {
        -webkit-transition: none;
        -o-transition: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        transition: none;
        opacity: 1;
      }

      .footer-lay{
        background-color: #2F4A35;
      }

      .footer{
        display: flex;
        flex-direction: column;
        gap: 35px;
        padding: 35px 0;
      }

      .footer-top{
        display: flex;
        align-items: start;
        justify-content: space-between;
        flex-direction: row;
        gap: 35px;
      }

      .logo-box{
        display: flex;
        flex-direction: column;
        gap: 13px;
        justify-content: center;
        flex: 1;
      }

      .logo-box h5{
        font-weight: 100;
        transition: 0.3s ease;
        color: #fff;
        font-size: clamp(14px, 4vw, 16px);
      }

      .logo-footer{
        gap: 9px;
        flex-direction: row;
        display: flex;
        align-items: center;
      }

      .logoTitle-footer h2{
        color: #fff;
        font-size: clamp(14px, 4vw, 18px);
        margin: 0;
      }

      .contacts-footer{
        flex: 1;
        display: flex;
        align-items: center;
        text-align: center;
        flex-direction: column;
        gap: 13px;
      }

      .contacts-footer a h5{
        font-weight: 100;
        transition: 0.3s ease;
        color: #fff;
        font-size: clamp(14px, 4vw, 16px);
      }

      .contacts-footer a h5:hover{
        opacity: 0.5;
      }

      .contacts-footer h5{
        font-weight: 100;
        color: #fff;
        font-size: clamp(16px, 4vw, 16px);
      }

      .contacts-footer h5 {
        max-width: 340px;
        word-break: break-word;
      }

      .privacy{
        flex: 1;
        display: flex;
        align-items: center;
        text-align: center;
        flex-direction: column;
        gap: 13px;
      }

      .privacy a{
        transition: 0.3s ease;
        color: #fff;
        font-size: clamp(14px, 4vw, 16px);
      }

      .privacy a:hover{
        opacity: 0.5;
      }

      .footer-bottom{
        display: flex;
        flex-direction: column;
        gap: 35px;
      }

      .footer-bottom p{
        text-align: center;
        color: #fff;
        font-size: clamp(16px, 4vw, 18px);
      }

      .anim-item {
        opacity: 0;
        transition: opacity 3s ease-out;
      }

      .anim-item.is-visible {
        opacity: 1;
      }

      .nav-toggle {
        cursor: pointer;
        display: none;
        width: 30px;
        height: 30px;
        position: relative;
        z-index: 100;
        overflow: hidden;
      }

      .nav-toggle span {
        width: 20px;
        height: 2px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #2B2620;
        transition: all 0.5s;
      }

      .nav-toggle span:nth-of-type(2) {
        top: calc(50% - 7px);
      }

      .nav-toggle span:nth-of-type(3) {
        top: calc(50% + 7px);
      }

      .nav-toggle.active span:nth-of-type(1) {
        display: none;
      }

      .nav-toggle.active span:nth-of-type(2) {
        top: 50%;
        transform: translate(-50%, 0%) rotate(45deg);
      }

      .nav-toggle.active span:nth-of-type(3) {
        background-color: #2B2620;
        top: 50%;
        transform: translate(-50%, 0%) rotate(-45deg);
      }

      .nav-menu {
        z-index: 99;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 13px;
        background: #F6EFE3;
        opacity: 0;
        display: none;
        transition: 0.5s opacity ease;
      }

      .nav-menu.active {
        display: block;
        opacity: 1;
      }

      .nav-menu nav {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
      }

      .nav-menu ul {
        display: flex;
        text-align: center;
        align-items: center;
        flex-direction: column;
        gap: 13px;
        padding: 0;
      }

      .nav-menu li {
        list-style-type: none;
      }

      .nav-link {
        text-align: center;
        font-size: clamp(16px, 4vw, 22px);
        color: #2B2620;
      }

      .nav-link:hover {
        opacity: 0.5;
      }


      @media (max-width: 991px) {
        .nav-header{
          display: none;
        }

        .nav-toggle{
          display: block;
        }

        .about-us{
          width: 100%;
        }

        .header-slide{
          height: 50vh;
        }

        .header-slide img{
          height: 50vh;
        }

        .service-block{
          width: 100%;
        }

        .service-img-one{
          display: none;
        }

        .service-img-two{
          display: none;
        }

        .service-card{
          flex-direction: column-reverse;
        }

        .service-card-column{
          flex-direction: column !important;
        }

        .service-img img{
          height: auto;
        }

        .service-text{
          align-items: center;
          text-align: center;
        }

        .article-content{
          width: 100%;
        }

        .osn-form{
          width: 100%;
        }

        .footer-top{
          flex-direction: column;
          align-items: center;
          text-align: center;
        }

        .logo-box{
          align-items: center;
        }
      }

      @media (max-width: 767px) {
        .preimNew{
          grid-template-columns: repeat(1, 1fr);
        }

        .preimNew-card img{
          filter: brightness(0.5);
        }

        .preimNew-text{
          opacity: 1;
        }

        .article-block-images{
          width: 100%;
          margin: 0 0 35px;
        }
      }

      @media (max-width: 576px){

      }
    
.company-id{display:inline-block;margin-top:.7em;font-size:.82em;opacity:.72;letter-spacing:.04em;line-height:1.5;text-decoration:none;cursor:default;pointer-events:none;flex-shrink:0;max-width:100%;}.company-id-wrap{flex-shrink:0;max-width:100%;}