/* 추가 CSS (add-css) */
/* ----------------------------------------------------------------
        기본 설정 & 레이아웃 (기존 스타일 유지)
    ---------------------------------------------------------------- */
:root {
  --max-width: 1280px;
  --mobile-break: 940px;
}
html {
  background-color: #14171b;
  scroll-behavior: auto !important; /* 커스텀 스크롤을 위해 자동 스크롤 꺼짐 */
}
body,
html {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  overflow-x: hidden;
}

.section {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 120vh;
  min-height: 52rem;
  padding-top: 6rem;
  overflow: hidden;
  box-sizing: border-box;
}

.parallax-item {
  will-change: transform;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}

/* 인트로 */
.intro {
  height: 120rem !important;
  position: relative;
}
.intro .obj-layer {
  position: absolute;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
  z-index: 0;
  pointer-events: none;
}
.intro .backGround {
  bottom: 0;
  height: 130rem;
  background-image: url(http://kit-works.com/wordpress/wp-content/uploads/2026/01/intro-background.png);
  background-size: cover;
}
.intro .robot {
  top: 0;
  height: 118rem;
  background-image: url(http://kit-works.com/wordpress/wp-content/uploads/2026/01/intro-robot.png);
}
.intro .workers1 {
  bottom: 0;
  height: 118rem;
  background-image: url(http://kit-works.com/wordpress/wp-content/uploads/2026/01/intro-workers1.png);
}
.intro .workers2 {
  bottom: 0;
  height: 118rem;
  background-image: url(http://kit-works.com/wordpress/wp-content/uploads/2026/01/intro-workers2.png);
}

.intro .title {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  max-height: 118rem;
  padding: 6rem 2rem 0;
  box-sizing: border-box;
}
.intro .title .logo {
  width: 100%;
  max-width: 36rem;
  filter: drop-shadow(0 0 1rem #000);
}
.intro .cardWrap {
  position: absolute;
  bottom: -40rem;
  width: 100%;
  max-width: 76rem;
  padding: 2rem;
  display: flex;
  gap: 2rem;
  box-sizing: border-box;
}
.intro .cardWrap .card {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  border-radius: 1rem;
  color: #fff;
}
.intro .cardWrap .card img {
  width: 100%;
  display: block;
}
.intro .cardWrap .textbox {
  padding: 2rem 2rem 3rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  word-break: keep-all;
}
.intro .cardWrap .textbox h1 {
  /*   font-family: 'montserrat_thin'; */
  font-family: 'montserrat';
  font-weight: 300;
  font-size: 2rem;
  margin: 0;
  text-align: center;
  opacity: 0.9;
}
.intro .cardWrap .textbox h1 strong {
  /*   font-family: 'montserrat_semibold'; */
  font-family: 'montserrat';
  font-weight: 600;
  font-size: 132%;
  opacity: 1;
}
.intro .cardWrap .textbox p {
  font-family: 'longGothic';
  font-size: 1.125rem;
  margin: 0;
  line-height: 1.5rem;
}
.intro .cardWrap .card.no1 {
  background: #0f5078;
}
.intro .cardWrap .card.no2 {
  background: #52582c;
}
.intro .cardWrap .card.no3 {
  background: #cb6a25;
}

/* 컨텐츠 섹션 */
.contents_wrap {
  display: flex;
  align-items: center;
  gap: 4rem;
  max-width: 80rem;
  width: 100%;
  padding: 2.5rem;
  box-sizing: border-box;
  z-index: 1;
}
.contents_wrap.column {
  flex-direction: column;
  text-align: center;
}
.contents_wrap.reverse {
  flex-direction: row-reverse;
}
.contentsBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 0;
}
.contentsBg.capsule {
  background-image: url(http://kit-works.com/wordpress/wp-content/uploads/2026/01/bg-capsule.png);
}
.contentsBg.fitness {
  background-image: url(http://kit-works.com/wordpress/wp-content/uploads/2026/01/bg-fitness.png);
}
.contentsBg.stars {
  background-image: url(http://kit-works.com/wordpress/wp-content/uploads/2026/01/bg-stars.png);
}
.contentsBg.bedroom {
  background-image: url(http://kit-works.com/wordpress/wp-content/uploads/2026/01/bg-bedroom.png);
}
.contentsBg.wave {
  background-image: url(http://kit-works.com/wordpress/wp-content/uploads/2026/01/bg-wave.png);
}
.contentsBg.runner {
  background-image: url(http://kit-works.com/wordpress/wp-content/uploads/2026/01/bg-runner.png);
}

.contents {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 0.75rem;
  max-width: 35rem;
  word-break: keep-all;
}
.contents.maxWidth {
  max-width: 100%;
}
.contents.textlight {
  color: #ffffff;
}
.contents h1 {
  /*   font-family: 'montserrat_thin'; */
  font-family: 'montserrat';
  font-weight: 300;
  font-size: 3.5rem;
  margin: 0 0 1rem;
}
.contents h2 {
  font-family: 'longGothic2';
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}
.contents p {
  font-family: 'longGothic';
  font-size: 1.16rem;
  line-height: 1.75rem;
  font-weight: 500;
  margin: 0;
}
.contents img {
  width: 100%;
  display: block;
}
.contents .fixed {
  position: absolute;
  bottom: 0;
  left: 0;
}
.contents .fixed.bulb {
  margin-bottom: -59%;
  opacity: 0.3;
}

/* 섹션 배경색 */
#sec1 {
  background: linear-gradient(
    0deg,
    rgba(0, 203, 254, 1) 0%,
    rgba(11, 113, 183, 1) 76%
  );
}
#sec2 {
  background: linear-gradient(
    0deg,
    rgba(149, 207, 244, 1) 40%,
    rgba(164, 228, 255, 1) 100%
  );
}
#sec3 {
  background: linear-gradient(
    0deg,
    rgba(63, 35, 78, 1) 0%,
    rgba(33, 18, 40, 1) 100%
  );
}
#sec4 {
  background: linear-gradient(
    0deg,
    rgba(247, 212, 165, 1) 0%,
    rgba(192, 162, 122, 1) 100%
  );
}
#sec5 {
  background: linear-gradient(
    0deg,
    rgba(68, 113, 128, 1) 0%,
    rgba(32, 71, 79, 1) 50%,
    rgba(25, 46, 55, 1) 100%
  );
}
#sec6 {
  background: linear-gradient(
    0deg,
    rgba(40, 30, 64, 1) 0%,
    rgba(37, 23, 64, 1) 20%,
    rgba(30, 19, 51, 1) 100%
  );
}

/* ----------------------------------------------------------------
       키비쥬얼
    ---------------------------------------------------------------- */
.keyvisual {
  position: relative;
  height: 44rem;
  overflow: hidden;
}
.keyvisual.short {
  height: 43rem;
}
.keyvisual .item {
  position: absolute;
  font-size: 0;
  z-index: 2;
  transition: transform 0.1s ease-out;
  will-change: transform;
  transition: transform 0.2s cubic-bezier(0.2, 0.4, 0.3, 1);
  pointer-events: none;
}
.keyvisual .item.bg-portpolio {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  background-color: #292f47;
  overflow: hidden;
}
.keyvisual .item.bg-portpolio::after {
  content: '';
  display: block;
  width: 100%;
  height: 2rem;
  position: absolute;
  bottom: 0;
  background-color: #212d53;
  z-index: 1;
}
.keyvisual .item.bg-business {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  background:
    url('images/business-bg.png') no-repeat center top,
    url('images/business-pattern.png') repeat-x #423b67;
  overflow: hidden;
}
.keyvisual .item.bg-business::after {
  content: '';
  display: block;
  width: 100%;
  height: 4rem;
  position: absolute;
  bottom: 0;
  background-color: #352c47;
  z-index: 1;
}
.keyvisual .item.bg-theater {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  background: #222730;
  overflow: hidden;
}
.keyvisual .item.bg-teamstudy {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  background: #1b2025;
  background: linear-gradient(
    0deg,
    rgba(27, 32, 37, 1) 0%,
    rgba(10, 58, 74, 1) 100%
  );
  overflow: hidden;
}
.keyvisual .item.bg-sandbox {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  background: #1a2337;
  background: linear-gradient(
    0deg,
    rgba(26, 35, 55, 1) 0%,
    rgba(44, 56, 86, 1) 100%
  );
  overflow: hidden;
}
.keyvisual .item img {
  width: 100%;
  height: auto;
}
.keyvisual .item.title {
  top: 8rem;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 3.75rem;
  /*   font-family: 'montserrat_thin'; */
  font-family: 'montserrat';
  font-weight: 300;
}
.keyvisual .item.blur {
  filter: blur(3px);
  -webkit-filter: blur(3px);
}
.keyvisual .item.boothBack {
  width: 60rem;
  top: 12rem;
  left: 50%;
  margin-left: -30rem;
  opacity: 0.5;
}
.keyvisual .item.pilot {
  width: 32rem;
  bottom: 2rem;
  left: 50%;
  margin-left: -16rem;
}
.keyvisual .item.hologram {
  width: 20rem;
  bottom: 50%;
  margin-bottom: -15rem;
  left: 50%;
  margin-left: -10rem;
}
.keyvisual .item.controlBooth {
  width: 96rem;
  bottom: -1rem;
  left: 50%;
  margin-left: -48rem;
}
.keyvisual .item.monitor {
  width: 90rem;
  top: -14rem;
  left: 50%;
  margin-left: -45rem;
}
.keyvisual .item.laboratory {
  width: 96rem;
  bottom: -6rem;
  left: 50%;
  margin-left: -48rem;
}
.keyvisual .item.doctor {
  width: 20rem;
  bottom: 7rem;
  left: 50%;
  margin-left: -10rem;
}
.keyvisual .item.roboticArm {
  width: 68rem;
  bottom: -1rem;
  left: 50%;
  margin-left: -34rem;
}
.keyvisual .item.effect {
  width: 60rem;
  bottom: 10rem;
  left: 50%;
  margin-left: -30rem;
}
.keyvisual .item.row1 {
  width: 48rem;
  bottom: 1rem;
  left: 50%;
  margin-left: -24rem;
}
.keyvisual .item.row2 {
  width: 38rem;
  bottom: 13rem;
  left: 50%;
  margin-left: -19rem;
  filter: brightness(0.8) blur(1px);
}
.keyvisual .item.row3 {
  width: 32rem;
  bottom: 20rem;
  left: 50%;
  margin-left: -16rem;
  filter: brightness(0.6) blur(2px);
}
.keyvisual .item.theater {
  width: 110rem;
  top: -5rem;
  left: 50%;
  margin-left: -55rem;
}
.keyvisual .item.floor {
  width: 80rem;
  left: 50%;
  margin-left: -40rem;
  bottom: -21rem;
}
.keyvisual .item.visualdeco {
  width: 48rem;
  left: 50%;
  margin-left: -24rem;
  top: 50%;
}
.keyvisual .item.cable {
  width: 68rem;
  left: 50%;
  margin-left: -32rem;
  top: -1rem;
  opacity: 0.2;
}
.keyvisual .item.cabinet {
  width: 46rem;
  left: 50%;
  margin-left: -23rem;
  bottom: 0;
}
.keyvisual .item.sandbox {
  width: 46rem;
  left: 50%;
  margin-left: -23rem;
  bottom: 0;
}

/* ----------------------------------------------------------------
       헤더
    ---------------------------------------------------------------- */
/* [충돌 수정 1] 신규 헤더 전용 스타일에 .custom-site-header 범위를 지정.
   기존 워드프레스 헤더(.nv-navbar)의 메뉴/크기/배치에 영향을 주지 않도록 분리.
   별도 커스텀 헤더를 쓰는 경우 <header class="custom-site-header"> 로 사용. */
header.custom-site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  /*   font-family: 'montserrat_regular'; */
  font-family: 'montserrat';
  font-weight: 400;
  height: 6rem;
}
header.custom-site-header .wrap {
  max-width: var(--max-width);
  height: 100%;
  margin: auto;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header.custom-site-header .logo {
  /*   font-family: 'montserrat_thin'; */
  font-family: 'montserrat';
  font-weight: 300;
  font-size: 1.5rem;
}
header.custom-site-header .logo a {
  color: #fff;
  text-decoration: none;
}
header.custom-site-header .logo strong {
  color: #00ccff;
}
header.custom-site-header .menu {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 3rem;
  list-style: none;
  align-items: center;
}
header.custom-site-header .menu li {
  display: inline-flex;
  justify-content: center;
}
header.custom-site-header .menu a {
  display: inherit;
  color: #fff;
  text-decoration: none;
}
header.custom-site-header .menu a:hover,
header.custom-site-header .menu a.active {
  color: #39f4ff;
}
header.custom-site-header .menu a img {
  width: 1.5rem;
}
header.custom-site-header .menu_ico {
  display: none;
  background: none;
  border: 0;
  cursor: pointer;
}
header.custom-site-header .menu_ico img {
  width: 1.25rem;
}

/* ----------------------------------------------------------------
       푸터
    ---------------------------------------------------------------- */
footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4rem;
  padding: 5rem 2rem;
  background: #14171b;
  word-break: keep-all;
}
footer img {
  width: 80%;
}
footer .info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
footer h1 {
  /*   font-family: 'montserrat_thin'; */
  font-family: 'montserrat';
  font-weight: 300;
  font-size: 1.5rem;
  margin: 0;
  color: #fff;
}
footer p {
  margin: 0;
  color: #95a0af;
}

/* ----------------------------------------------------------------
       반응형 (Media Queries)
    ---------------------------------------------------------------- */
@media (max-width: 1280px) {
  .intro .robot,
  .intro .workers1,
  .intro .workers2 {
    background-size: auto 85%;
  }
  .intro .workers1 {
    bottom: -15rem;
  }
  .contents_wrap {
    gap: 2rem;
  }
  .contents h1 {
    font-size: 3rem;
  }
}

/* Tablet & Mobile Breakpoint (940px) */
@media (max-width: 940px) {
  .section {
    padding-top: 4rem;
  }

  /* Header Mobile */
  /* [충돌 수정 2] 940px 이하의 신규 헤더 모바일 규칙도 별도 헤더로 한정.
     기존 .nv-navbar 메뉴의 position/display 상태를 덮어쓰지 않음. */
  header.custom-site-header {
    height: 4rem;
  }
  header.custom-site-header .wrap {
    padding: 0 1rem;
  }
  header.custom-site-header .menu_ico {
    display: block;
  }
  header.custom-site-header .menu {
    position: fixed;
    top: 4rem;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.95);
    flex-direction: column;
    gap: 0;
    padding-bottom: 2rem;
  }
  header.custom-site-header .menu .close {
    display: block;
    border-bottom: none;
  }
  header.custom-site-header .menu li {
    width: 100%;
    padding: 1.5rem;
    border-bottom: 1px dashed #ffffff33;
    text-align: center;
  }

  /* Content Mobile */
  .intro .title {
    padding: 4rem 2rem 0;
  }
  .intro .cardWrap {
    flex-direction: column;
    max-width: 28rem;
    padding: 3rem;
    text-align: center;
  }
  .contents_wrap,
  .contents_wrap.reverse {
    flex-direction: column;
    gap: 2rem;
    text-align: center;
  }
  .contents {
    max-width: 32rem;
  }
  .contents p br {
    display: none;
  }
}

@media (max-width: 768px) {
  .intro {
    height: 110rem !important;
  }
  .intro .robot,
  .intro .workers1,
  .intro .workers2 {
    background-size: auto 70%;
  }
  .intro .title .logo {
    max-width: 28rem;
  }
  .intro .workers1 {
    bottom: -32rem;
  }
  .intro .workers2 {
    bottom: -16rem;
  }
  .intro .cardWrap .textbox p {
    font-family: 'longGothic2';
    font-size: 1rem;
  }
  .contentsBg {
    background-size: 160%;
  }
  .contents h1 {
    /*     font-family: 'montserrat_regular'; */
    font-family: 'montserrat';
    font-weight: 400;
    font-size: 2.25rem;
    margin-bottom: 0.25rem;
  }
  .contents h2 {
    font-family: 'longGothic3';
    font-size: 1.3rem;
  }
  .contents p {
    font-family: 'longGothic2';
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .keyvisual {
    height: 28rem;
    overflow: hidden;
  }
  .keyvisual.short {
    height: 28rem;
  }

  .keyvisual .item.boothBack {
    width: 32rem;
    top: 12rem;
    margin-left: -16rem;
    opacity: 0.5;
  }
  .keyvisual .item.controlBooth {
    width: 52rem;
    bottom: -1rem;
    margin-left: -26rem;
  }
  .keyvisual .item.laboratory {
    width: 40rem;
    bottom: 2rem;
    margin-left: -20rem;
  }
  .keyvisual .item.doctor {
    width: 11rem;
    bottom: 3.5rem;
    margin-left: -5.5rem;
  }
  .keyvisual .item.roboticArm {
    width: 36rem;
    bottom: -1rem;
    margin-left: -18rem;
  }

  .keyvisual .item.monitor {
    width: 40rem;
    top: -1rem;
    margin-left: -20rem;
  }
  .keyvisual .item.pilot {
    width: 18rem;
    bottom: 1rem;
    margin-left: -9rem;
  }
  .keyvisual .item.hologram {
    width: 12rem;
    bottom: 50%;
    margin-bottom: -11rem;
    margin-left: -6rem;
  }
  .keyvisual .item.title {
    top: 7rem;
    font-size: 2.75rem;
  }

  .keyvisual .item.theater {
    top: 2rem;
    width: 36rem;
    margin-left: -18rem;
  }
  .keyvisual .item.row1 {
    width: 26rem;
    bottom: 1rem;
    margin-left: -13rem;
  }
  .keyvisual .item.row2 {
    width: 22rem;
    bottom: 8rem;
    margin-left: -11rem;
  }
  .keyvisual .item.row3 {
    width: 18rem;
    bottom: 13rem;
    margin-left: -9rem;
  }
  .keyvisual .item.effect {
    width: 36rem;
    bottom: 8rem;
    margin-left: -18rem;
  }

  .keyvisual .item.cabinet {
    width: 30rem;
    margin-left: -15rem;
    bottom: -1rem;
  }
  .keyvisual .item.sandbox {
    width: 32rem;
    left: 50%;
    margin-left: -16rem;
    bottom: -3rem;
  }
  .keyvisual .item.cable {
    width: 40rem;
    margin-left: -20rem;
    top: 2rem;
  }
  .keyvisual .item.floor {
    width: 56rem;
    margin-left: -28rem;
    bottom: -10rem;
  }
  .keyvisual .item.visualdeco {
    width: 24rem;
    margin-left: -12rem;
  }
  footer {
    gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
    padding: 4rem 1.25rem;
  }
  footer .symbol img {
    width: 40%;
  }
  footer h1 {
    font-size: 1.25rem;
  }
}
/* 기존 kw-custom-style */
/* ----------------------------------------------------------------
-------------------------------------------------------------------
푸터
-------------------------------------------------------------------
----------------------------------------------------------------*/
footer {
  padding: 64px 32px;
  text-align: left;
  color: #7c8592;
  background: #232932;
}
footer h1 {
  font-size: 1.5rem !important;
}
.footer_wrap {
  max-width: 768px;
}
.footer_wrap h1.title {
  /*font-family: montserrat_thin, montserrat_regular, dream_gothic, sans-serif, "Malgun Gothic", "맑은 고딕", 돋움, Dotum;*/
  color: #cbcfd6;
  font-size: 35px;
  font-weight: 100;
}
.footer_wrap h1.title strong {
  font-weight: normal;
}
.footer_wrap h2.copyright {
  font-size: 18px;
  margin-bottom: 8px;
}
.footer_wrap p.address,
p.e-mail {
  font-size: 15px;
  margin-bottom: 4px;
  font-weight: 500;
}
.footer_wrap .symbol {
  float: left;
  width: auto;
  margin: 12px 36px 12px 12px;
}
.footer_wrap .symbol img {
  width: 100%;
}
@media (max-width: 768px) {
  .footer_wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .footer_wrap .symbol {
    margin-left: 0;
  }
  .footer_wrap .symbol img {
    width: 40px;
  }
}
/* @media (max-width: 1279px) {
.footer_wrap {max-width: 512px;}
.footer_wrap h1.title {margin-bottom: 4px; font-size: 28px;}	
.footer_wrap h2.copyright {font-size: 15px; margin-bottom: 4px;}	
.footer_wrap p.address, p.e-mail {font-size: 13px; margin-bottom: 4px;}
.footer_wrap .symbol {width: 88px; margin: 12px 28px 12px 12px}	
}
@media (max-width: 1023px) {
footer{padding:32px 24px; text-align: center;}	
.footer_wrap {max-width: 396px;}
.footer_wrap h1.title {font-size: 28px;}	
.footer_wrap h2.copyright {font-size: 15px; margin-bottom: 14px;}	
.footer_wrap p.address, p.e-mail {font-size: 12px; margin-bottom: 4px;}
.footer_wrap .symbol {float:none; width: 64px; margin: 12px auto 12px;}	
} */
/* @media (min-width: 1024px) and (max-width: 1279px) {footer .info{padding-left: 128px;}} */

/* ----------------------------------------------------------------
-------------------------------------------------------------------
섹션-비즈니스
-------------------------------------------------------------------
----------------------------------------------------------------*/
#business {
  position: relative;
  overflow: hidden;
  height: 44rem;
  min-height: auto;
  background-size: cover;
}
#business .business_img iframe {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 1920px;
  height: 824px;
  margin-left: -960px;
}
#business h1.title {
  position: absolute;
  top: 174px;
  left: 0px;
  right: 0px;
  /*font-family: montserrat_thin, montserrat_regular, dream_gothic, sans-serif, "Malgun Gothic", "맑은 고딕", 돋움, Dotum;*/
  color: #ffffff;
  font-size: 80px;
  font-weight: 100;
  line-height: 64px;
}
.business_cts {
  padding: 0px 32px 96px;
  text-align: center;
  background: #352c47;
}
.business_cts .elementor-row {
  padding: 24px;
  background: #fff;
  border-radius: 12px;
}
.business_cts .vp-portfolio__item {
  margin: 0 0 40px !important;
}
.business_cts .vp-portfolio__item-img {
  padding: 0px;
}
.business_cts .vp-portfolio__items-wrap {
  background: white;
  border-radius: 12px;
}
.business_cts .vp-portfolio__item-img img {
  border-radius: 12px;
}
.business_cts .vp-portfolio__item-img::before {
  background: white;
  border-radius: 12px;
}
.business_cts
  .vp-id-103
  .vp-portfolio__items-style-fade
  .vp-portfolio__item-overlay {
  border-radius: 12px;
}

.elementor iframe {
  max-width: 1920px;
}
@media (max-width: 1919px) {
  #business {
    height: 672px;
  }
  #business .business_img iframe {
    width: 1568px;
    height: 672px;
    margin-left: -784px;
  }
  #business h1.title {
    top: 160px;
    font-size: 64px;
  }
}
@media (max-width: 1279px) {
  #business {
    height: 635px;
  }
  #business .business_img iframe {
    width: 1480px;
    height: 635px;
    margin-left: -740px;
  }
  #business h1.title {
    top: 139px;
    font-size: 58px !important;
  }
}
@media (max-width: 767px) {
  #business {
    height: 440px;
  }
  #business .business_img iframe {
    width: 840px;
    height: 360px;
    margin-left: -420px;
  }
  #business h1.title {
    top: 64px;
    font-size: 34px !important;
  }
  .business_cts {
    padding: 0px 0px 48px;
    text-align: center;
  }
  .business_cts .vp-portfolio__item-img img {
    height: 212px !important;
    object-fit: cover;
  }
  .business_cts .elementor-row {
    padding: 16px;
  }
  .business_cts .portfolio_item-title {
    font-size: 22px;
    margin: 0 0 8px;
  }
  .business_cts .vp-portfolio__item {
    margin: 0 0 24px !important;
  }
}

/* ----------------------------------------------------------------
-------------------------------------------------------------------
섹션-포트폴리오
-------------------------------------------------------------------
----------------------------------------------------------------*/
#portfolio {
  position: relative;
  overflow: hidden;
  height: 44rem;
  min-height: auto;
  background-size: cover;
}
#portfolio .portfolio_img iframe {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 1920px;
  height: 824px;
  margin-left: -960px;
}
#portfolio h1.title {
  position: absolute;
  top: 174px;
  left: 0px;
  right: 0px;
  /*font-family: montserrat_thin, montserrat_regular, dream_gothic, sans-serif, "Malgun Gothic", "맑은 고딕", 돋움, Dotum;*/
  color: #ffffff;
  font-size: 80px;
  font-weight: 100;
  line-height: 64px;
}
.portfolio_cts {
  padding: 0px 32px 96px;
  text-align: center;
  background: #212d53 !important;
}
#portfolio_cts_top {
  padding: 0px 32px 0px;
}
.portfolio_cts #pf_title {
  font-size: 22px;
  font-family: 'Montserrat';
  font-weight: bold;
  margin-bottom: 10px;
}
.portfolio_cts .elementor-row {
  padding: 20px;
  background: white;
}
.portfolio_cts .single_contents_box .elementor-row {
  padding: 0;
  background: white;
}
#portfolio_cts_top .elementor-row {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
#portfolio_cts_bottom .elementor-row {
  border-radius: 12px;
}
#portfolio_cts_top .elementor-button-link {
  width: 20px;
  height: 20px;
}
#portfolio_cts_top .elementor-button .elementor-align-icon-left {
  float: none;
}
body:not(.rtl) .elementor-22 .elementor-element.elementor-element-688012a {
  right: -19px;
}
.elementor-22 .elementor-element.elementor-element-688012a {
  top: -20px;
}
.portfolio_cts .vp-portfolio__item {
  border-radius: 12px;
}
.portfolio_cts .vp-portfolio__item-img img {
  border-radius: 12px;
}
.portfolio_cts .vp-portfolio__item-img::before {
  background: white;
}
.portfolio_cts p {
  margin-bottom: 0px;
}
@media (max-width: 1919px) {
  #portfolio {
    height: 672px;
  }
  #portfolio .portfolio_img iframe {
    width: 1568px;
    height: 672px;
    margin-left: -784px;
  }
  #portfolio h1.title {
    top: 160px;
    font-size: 64px;
  }
}
@media (max-width: 1279px) {
  #portfolio {
    height: 635px;
  }
  #portfolio .portfolio_img iframe {
    width: 1480px;
    height: 635px;
    margin-left: -740px;
  }
  #portfolio h1.title {
    top: 148px;
    font-size: 58px !important;
  }
}
@media (max-width: 767px) {
  #portfolio {
    height: 440px;
  }
  #portfolio .portfolio_img iframe {
    width: 840px;
    height: 360px;
    margin-left: -420px;
  }
  #portfolio h1.title {
    top: 64px;
    font-size: 34px !important;
  }
  .portfolio_cts {
    padding: 0px 0px 0px !important;
    text-align: center;
  }
  .portfolio_cts .elementor-row {
    padding: 16px;
  }
  .portfolio_cts .vp-portfolio__filter-wrap ul {
    padding-left: 0px;
  }
  .portfolio_cts .vp-portfolio__filter-wrap .vp-filter__item {
    font-size: 14px;
  }
  .portfolio_cts .vp-portfolio__filter-wrap .vp-filter__item a {
    padding: 4px 6px;
  }
}

/* ----------------------------------------------------------------
-------------------------------------------------------------------
섹션-플레이그라운드
-------------------------------------------------------------------
----------------------------------------------------------------*/
#playground {
  overflow: hidden;
  height: 42rem;
  background-color: #1a1f23;
  min-height: auto;
}

#playground .playground_img {
  display: table;
  position: absolute;
  /*top: 50%;*/
  left: 50%;
  width: 676px;
  height: 424px;
  margin-top: 58px;
  margin-left: -338px;
  background: url('http://kit-works.com/wordpress/wp-content/uploads/2019/05/pg_titleframe.png')
    no-repeat;
  background-size: 100%;
}
#playground .playground_img img {
  width: 100%;
}
#playground h1.title {
  position: absolute;
  top: 128px;
  left: 0px;
  right: 0px;
  /*font-family: montserrat_thin, montserrat_regular, dream_gothic, sans-serif, "Malgun Gothic", "맑은 고딕", 돋움, Dotum;*/
  color: #ffffff;
  font-size: 80px;
  font-weight: 100;
}
.playground_cts {
  padding: 0px 32px 96px;
  text-align: center;
  background: #1b2025;
  position: relative;
}
.playground_cts .elementor-row,
.playground_cts .single_contents_box {
  position: relative;
  z-index: 10;
}
.playground_cts .vp-portfolio__items-wrap {
  background: white;
  border-radius: 12px;
}
.playground_cts .vp-portfolio__item-img {
  padding: 20px;
  margin: 20px;
  border-radius: 12px;
}
.playground_cts .vp-portfolio__item-img img {
  border-radius: 12px;
}

.playground_cts .vp-portfolio__items-wrap {
  padding: 0px;
}
.playground_cts .vp-uid-689d8acc .vp-portfolio__items {
  margin-left: 0px;
  margin-top: 0px;
}
.playground_cts .vp-uid-689d8acc .vp-portfolio__item-wrap .vp-portfolio__item {
  margin-left: 0px;
  margin-top: 0px;
}
.playground_cts .vp-portfolio__item-img {
  padding: 0px;
  margin: 20px 20px 0;
}
.playground_cts .vp-portfolio__items-style-default .vp-portfolio__item-meta {
  padding: 12px 24px 24px;
}
.playground_cts
  .vp-portfolio__items-style-default
  .vp-portfolio__item-meta-title {
  font-size: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.playground_cts .vp-portfolio__item-img-wrap,
.playground_cts .vp-portfolio__item-img-wrap .vp-portfolio__item-img {
  max-height: 264px;
}

@media (max-width: 1279px) {
  .playground_cts .elementor-row,
  .playground_cts .single_contents_box {
    top: -30px;
  }
  #playground h1.title {
    top: 112px;
    font-size: 58px !important;
  }
}
@media (max-width: 1024px) {
  .playground_cts .vp-portfolio__item-wrap {
    width: 50% !important;
  }
}
@media (max-width: 767px) {
  #playground {
    height: 440px;
  }
  #playground h1.title {
    top: 77px;
    font-size: 34px !important;
  }
  .playground_cts {
    padding: 0px 0px 48px;
    text-align: center;
  }
  .playground_cts .vp-portfolio__item-wrap {
    width: 100% !important;
  }
}

/* ----------------------------------------------------------------
-------------------------------------------------------------------
섹션-샌드박스
-------------------------------------------------------------------
----------------------------------------------------------------*/
#sandbox {
  overflow: hidden;
  height: 42rem;
  background-color: #1a2337;
  min-height: auto;
}
#sandbox h1.title {
  position: absolute;
  top: 128px;
  left: 0px;
  right: 0px;
  /*font-family: montserrat_thin, montserrat_regular, dream_gothic, sans-serif, "Malgun Gothic", "맑은 고딕", 돋움, Dotum;*/
  color: #ffffff;
  font-size: 80px;
  font-weight: 100;
}
.sandbox_cts {
  padding: 0px 32px 96px;
  text-align: center;
  background: #1a2337;
  position: relative;
}
.sandbox_cts .elementor-row {
  z-index: 10;
  position: relative;
}
.sandbox_cts .vp-portfolio__items-wrap {
  background: white;
  border-radius: 12px;
}
.sandbox_cts .vp-portfolio__item-img {
  padding: 20px;
  margin: 20px;
  border-radius: 12px;
}
.sandbox_cts .vp-portfolio__item-img img {
  border-radius: 12px;
}

.sandbox_cts .vp-portfolio__items-wrap {
  padding: 0px;
}
.sandbox_cts .vp-uid-689d8acc .vp-portfolio__items {
  margin-left: 0px;
  margin-top: 0px;
}
.sandbox_cts .vp-uid-689d8acc .vp-portfolio__item-wrap .vp-portfolio__item {
  margin-left: 0px;
  margin-top: 0px;
}
.sandbox_cts .vp-portfolio__item-img {
  padding: 0px;
  margin: 20px 20px 0;
}
.sandbox_cts .vp-portfolio__items-style-default .vp-portfolio__item-meta {
  padding: 12px 24px 24px;
}
.sandbox_cts .vp-portfolio__items-style-default .vp-portfolio__item-meta-title {
  font-size: 1em;
}
.sandbox_cts .vp-portfolio__item-img-wrap,
.playground_cts .vp-portfolio__item-img-wrap .vp-portfolio__item-img {
  max-height: 264px;
}

@media (max-width: 1279px) {
  .sandbox_cts .elementor-row {
    top: -30px;
  }
  #sandbox h1.title {
    top: 112px;
    font-size: 58px !important;
  }
}
@media (max-width: 1024px) {
  .playground_cts .vp-portfolio__item-wrap {
    width: 50% !important;
  }
}
@media (max-width: 767px) {
  #sandbox {
    height: 440px;
  }
  #sandbox h1.title {
    top: 77px;
    font-size: 34px !important;
  }
  .sandbox_cts {
    padding: 0px 0px 48px;
    text-align: center;
  }
  .sandbox_cts .elementor-row {
    padding: 16px;
  }
  .sandbox_cts .portfolio_item-title {
    font-size: 22px;
    margin: 0 0 8px;
  }
  .sandbox_cts .vp-portfolio__item {
    margin: 0 0 24px !important;
  }
}

/* ----------------------------------------------------------------
-------------------------------------------------------------------
섹션-문화
-------------------------------------------------------------------
----------------------------------------------------------------*/
#inHouse {
  position: relative;
  overflow: hidden;
  height: 44rem;
  min-height: auto;
}
#inHouse .inHouse_img {
  width: 100%;
  max-width: 1920px;
  height: 44rem;
  margin: auto;
  background-size: cover;
}
#inHouse .inHouse_img .effect {
  position: relative;
  width: 100%;
  height: 100%;
}
#inHouse .inHouse_img .effect img {
  position: absolute;
}
#inHouse .inHouse_img .effect img.left {
  width: 264px;
  height: auto;
  top: 296px;
  right: 50%;
  margin-right: 348px;
  animation:
    fadeIn 2s forwards ease-in-out,
    blink 1s infinite linear;
}
#inHouse .inHouse_img .effect img.right {
  width: 280px;
  height: auto;
  top: 470px;
  left: 50%;
  margin-left: 374px;
  animation:
    fadeIn 2s forwards ease-in-out,
    blink 0.8s infinite linear;
}
#inHouse .inHouse_img .seat {
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 1116px;
  height: 558px;
  margin-left: -558px;
  background: url(http://kit-works.com/wordpress/wp-content/uploads/2023/01/seat.png)
    no-repeat bottom center;
  background-size: cover;
}
#inHouse .inHouse_img .audience {
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 640px;
  height: 488px;
  margin-left: -320px;
  background: url(http://kit-works.com/wordpress/wp-content/uploads/2023/01/audience.png)
    no-repeat bottom center;
  background-size: cover;
}
#inHouse .inHouse_img .audience .light {
  width: 100%;
  height: 100%;
  background: url(http://kit-works.com/wordpress/wp-content/uploads/2023/01/audience_light.png)
    no-repeat bottom center;
  background-size: cover;
  animation: blink 0.1s infinite linear;
}
#inHouse .light_rotation {
  position: absolute;
  top: 6px;
  left: 50%;
  width: 320px;
  height: 320px;
  margin-left: -160px;
  animation:
    rotation 36s infinite linear,
    blink 1s infinite linear;
  background: url(http://kit-works.com/wordpress/wp-content/uploads/2023/01/light.png)
    no-repeat;
  background-size: cover;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
    opacity: 0.5;
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#inHouse h1.title {
  position: absolute;
  top: 174px;
  left: 0px;
  right: 0px;
  color: #ffffff;
  font-size: 80px;
  font-weight: 100;
}
.inHouse_cts {
  padding: 0px 32px 96px;
  text-align: center;
  background: #1c2330;
}

.inHouse_cts .elementor-row {
  padding: 20px;
  background: white;
  border-radius: 12px;
}
.inHouse_cts .vp-portfolio__item-img {
  padding: 12px;
  margin: 12px;
  border-radius: 12px;
}
.inHouse_cts .vp-portfolio__item-img img {
  border-radius: 12px;
}
.inHouse_inner .elementor-row {
  background: transparent !important;
}
.inHouse_carousel .elementor-slick-slider .slick-slide {
  display: block;
  padding: 0 6px;
}
.inHouse_carousel .elementor-slick-slider .slick-slide img {
  margin: 0 auto 16px;
  width: 100%;
  height: 256px;
  object-fit: cover;
  border-radius: 12px;
}

/* .inHouse_cts .vp-portfolio__items-wrap { padding: 0px; }
.inHouse_cts .vp-uid-689d8acc .vp-portfolio__items { margin-left: 0px; margin-top: 0px; }
.inHouse_cts .vp-uid-689d8acc .vp-portfolio__item-wrap .vp-portfolio__item { margin-left: 0px; margin-top: 0px; }
.inHouse_cts .vp-portfolio__item-img { padding: 0px; margin: 20px 20px 0; }
.inHouse_cts .vp-portfolio__items-style-default .vp-portfolio__item-meta { padding: 12px 24px 24px; }
.inHouse_cts .vp-portfolio__items-style-default .vp-portfolio__item-meta-title { font-size: 1.0em; } */

@media (max-width: 1919px) {
  #inHouse {
    height: 672px;
  }
  #inHouse h1.title {
    top: 160px;
    font-size: 64px;
  }
  #inHouse .inHouse_img {
    height: 672px;
    width: 100%;
    max-width: 1568px;
  }
  #inHouse .inHouse_img .seat {
    width: 960px;
    height: 500px;
    margin-left: -480px;
  }
  #inHouse .inHouse_img .audience {
    width: 552px;
    height: 416px;
    margin-left: -276px;
  }
  #inHouse .inHouse_img .effect img.left {
    top: 260px;
    margin-right: 274px;
  }
  #inHouse .inHouse_img .effect img.right {
    width: 280px;
    height: auto;
    top: 368px;
    margin-left: 284px;
  }
  #inHouse .light_rotation {
    top: 10px;
    width: 256px;
    height: 256px;
    margin-left: -128px;
  }
}
@media (max-width: 1279px) {
  #inHouse {
    height: 635px;
  }
  #inHouse h1.title {
    top: 148px;
    font-size: 58px !important;
  }
  #inHouse .inHouse_img {
    height: 635px;
  }
  #inHouse .inHouse_img .seat {
    width: 860px;
    height: 448px;
    margin-left: -430px;
  }
  #inHouse .inHouse_img .audience {
    width: 496px;
    height: 378px;
    margin-left: -248px;
  }
  #inHouse .inHouse_img .effect img.left {
    top: 216px;
    width: 234px;
    margin-right: 254px;
  }
  #inHouse .inHouse_img .effect img.right {
    top: 368px;
    width: 252px;
    margin-left: 254px;
  }
  #inHouse .light_rotation {
    top: 14px;
    width: 232px;
    height: 232px;
    margin-left: -116px;
  }
}
@media (max-width: 767px) {
  #inHouse {
    height: 440px;
  }
  #inHouse .inHouse_img {
    height: 360px;
  }
  #inHouse h1.title {
    top: 80px;
    font-size: 34px !important;
  }
  #inHouse .inHouse_img .audience {
    width: 280px;
    height: 216px;
    margin-left: -140px;
  }
  #inHouse .inHouse_img .seat {
    width: 480px;
    height: 252px;
    margin-left: -240px;
  }
  #inHouse .light_rotation {
    top: 10px;
    width: 128px;
    height: 128px;
    margin-left: -64px;
  }
  .inHouse_cts {
    padding: 0px 0px 0px !important;
    text-align: center;
  }
  .inHouse_cts .elementor-row {
    padding: 12px;
  }
  .inHouse_cts .vp-portfolio__item-img {
    padding: 12px;
    margin: 12px;
  }
  #inHouse .inHouse_img .effect img.left {
    top: 108px;
    width: 152px;
    margin-right: 144px;
  }
  #inHouse .inHouse_img .effect img.right {
    top: 192px;
    width: 176px;
    margin-left: 136px;
  }
}

/* ----------------------------------------------------------------
-------------------------------------------------------------------
섹션-6
-------------------------------------------------------------------
----------------------------------------------------------------*/
.sixth {
  background: url(http://kit-works.com/wordpress/wp-content/uploads/2019/05/bg_section_06.png);
  background-size: cover;
}
.sixth .contents.typo {
  text-align: left;
}
.sixth .contents.graphic {
  text-align: center;
}
.sixth .contents.graphic iframe {
  width: 576px;
  height: 520px;
}
@media (max-width: 1919px) {
  .sixth .contents.graphic iframe {
    width: 532px;
    height: 478px;
  }
}
@media (max-width: 1279px) {
  .sixth .contents.graphic iframe {
    width: 448px;
    height: 406px;
  }
}
@media (max-width: 1023px) {
  .sixth .contents.typo {
    text-align: center;
    max-width: 640px;
    padding: 32px 32px 0px;
  }
  .sixth .contents.graphic {
    padding: 0px 24px;
  }
}
@media (max-width: 512px) {
  .sixth .contents.graphic iframe {
    width: 344px;
    height: 312px;
  }
}
@media (max-width: 376px) {
  .sixth .contents.graphic iframe {
    width: 272px;
    height: 242px;
  }
}
/* ----------------------------------------------------------------
-------------------------------------------------------------------
섹션-5
-------------------------------------------------------------------
----------------------------------------------------------------*/
.fifth {
  background: url(http://kit-works.com/wordpress/wp-content/uploads/2019/05/bg_section_05.png);
  background-size: cover;
}
.fifth .contents.typo {
  text-align: left;
}
.fifth .contents.graphic {
  text-align: center;
}
.fifth .contents.graphic iframe {
  width: 576px;
  height: 496px;
}
@media (max-width: 1919px) {
  .fifth .contents.graphic iframe {
    width: 532px;
    height: 476px;
  }
}
@media (max-width: 1279px) {
  .fifth .contents.graphic iframe {
    width: 448px;
    height: 348px;
  }
}
@media (max-width: 1023px) {
  .fifth .contents.typo {
    text-align: center;
    max-width: 640px;
    padding: 0px 24px;
  }
  .fifth .contents.graphic {
    padding: 32px 32px 0px;
  }
}
@media (max-width: 512px) {
  .fifth .contents.graphic iframe {
    width: 312px;
    height: 282px;
  }
}
@media (max-width: 376px) {
  .fifth .contents.graphic iframe {
    width: 256px;
    height: 232px;
  }
}
/* ----------------------------------------------------------------
-------------------------------------------------------------------
섹션-4
-------------------------------------------------------------------
----------------------------------------------------------------*/
.fourth {
  background: url(http://kit-works.com/wordpress/wp-content/uploads/2019/05/bg_section_04.png);
  background-size: cover;
}
.fourth .contents.typo {
  text-align: left;
}
.fourth .contents.graphic {
  text-align: center;
}
.fourth .contents.graphic iframe {
  width: 576px;
  height: 556px;
}
@media (max-width: 1919px) {
  .fourth .contents.graphic iframe {
    width: 532px;
    height: 512px;
  }
}
@media (max-width: 1279px) {
  .fourth .contents.graphic iframe {
    width: 448px;
    height: 432px;
  }
}
@media (max-width: 1023px) {
  .fourth .contents.typo {
    text-align: center;
    max-width: 640px;
    padding: 32px 32px 0px;
  }
  .fourth .contents.graphic {
    padding: 0px 24px;
  }
}
@media (max-width: 512px) {
  .fourth .contents.graphic iframe {
    width: 344px;
    height: 332px;
  }
}
@media (max-width: 376px) {
  .fourth .contents.graphic iframe {
    width: 272px;
    height: 262px;
  }
}

/* ----------------------------------------------------------------
-------------------------------------------------------------------
섹션-3
-------------------------------------------------------------------
----------------------------------------------------------------*/
/*.third{min-height: 880px; background:url(http://kit-works.com/wordpress/wp-content/uploads/2019/04/bg_section_03.png) no-repeat 50% 50%;}*/
.third {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#07111b+49,0e2338+50,0e2338+50 */
  background: #07111b; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #07111b 49%,
    #0e2338 50%,
    #0e2338 50%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #07111b 49%,
    #0e2338 50%,
    #0e2338 50%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #07111b 49%,
    #0e2338 50%,
    #0e2338 50%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07111b', endColorstr='#0e2338',GradientType=0 ); /* IE6-9 */
}
.third_bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(http://kit-works.com/wordpress/wp-content/uploads/2019/05/bg_section_03.png)
    no-repeat center;
  background-repeat: repeat;
}
.third_frame {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1920px;
  height: 880px;
  margin-top: -440px;
  margin-left: -960px;
  background: url(http://kit-works.com/wordpress/wp-content/uploads/2019/05/graphic_section_03_frame.png)
    no-repeat center;
}
.third .in_box .contents.typo {
  padding: 0px 32px 428px;
  text-align: center;
}
.third .in_box .contents.graphic {
  padding: 0px;
  text-align: center;
}
.third .in_box .contents .stronauts {
  position: relative;
  width: 100%;
  height: 280px;
  margin-top: 200px;
}
.third .in_box .contents .stronauts iframe {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 640px;
  height: 280px;
  margin-left: -320px;
}
.third h1 {
  color: #ffffff;
}
.third h3 {
  color: #ffffff;
}
.third p {
  color: #ffffff;
}
@media (max-width: 1279px) {
  .third .in_box .contents .stronauts {
    margin-top: 200px;
  }
}

/* ----------------------------------------------------------------
-------------------------------------------------------------------
섹션-2
-------------------------------------------------------------------
----------------------------------------------------------------*/
.second {
  background: url(http://kit-works.com/wordpress/wp-content/uploads/2019/05/bg_section_02.png);
  background-size: cover;
}
.second .contents.typo {
  text-align: left;
}
.second .contents.graphic {
  text-align: center;
}
.second .contents.graphic iframe {
  width: 576px;
  height: 416px;
}
@media (max-width: 1919px) {
  .second .contents.graphic iframe {
    width: 532px;
    height: 386px;
  }
}
@media (max-width: 1279px) {
  .second .contents.graphic iframe {
    width: 448px;
    height: 324px;
  }
}
@media (max-width: 1023px) {
  .second .contents.typo {
    text-align: center;
    max-width: 640px;
    padding: 32px 32px 0px;
  }
  .second .contents.graphic {
    padding: 0px 24px;
  }
}
@media (max-width: 512px) {
  .second .contents.graphic iframe {
    width: 326px;
    height: 248px;
  }
}
@media (max-width: 376px) {
  .second .contents.graphic iframe {
    width: 272px;
    height: 208px;
  }
}

/* ----------------------------------------------------------------
-------------------------------------------------------------------
섹션-1
-------------------------------------------------------------------
----------------------------------------------------------------*/
.first {
  background: url(http://kit-works.com/wordpress/wp-content/uploads/2019/05/bg_section_01.png);
  background-size: cover;
}
.first .contents.typo {
  text-align: left;
}
.first .contents.graphic {
  text-align: center;
}
.first .contents.graphic iframe {
  width: 488px;
  height: 576px;
}
@media (max-width: 1919px) {
  .first .contents.graphic iframe {
    width: 448px;
    height: 532px;
  }
}
@media (max-width: 1279px) {
  .first .contents.graphic iframe {
    width: 380px;
    height: 448px;
  }
}
@media (max-width: 1023px) {
  .first .contents.typo {
    text-align: center;
    max-width: 640px;
    padding: 0px 24px;
  }
  .first .contents.graphic {
    padding: 32px 32px 0px;
  }
}
@media (max-width: 512px) {
  .first .contents.graphic iframe {
    width: 312px;
    height: 368px;
  }
}
@media (max-width: 376px) {
  .first .contents.graphic iframe {
    width: 252px;
    height: 298px;
  }
}
/* ----------------------------------------------------------------
-------------------------------------------------------------------
인트로
-------------------------------------------------------------------
----------------------------------------------------------------*/
.intro {
  background: url(http://kit-works.com/wordpress/wp-content/uploads/2019/04/bg_intro.png);
  background-size: cover;
  overflow: hidden;
}
.intro .giant_robot_blur {
  position: absolute;
  top: 128px;
  left: 50%;
  width: 1184px;
  height: 1980px;
  margin-left: -592px;
  background: url(http://kit-works.com/wordpress/wp-content/uploads/2019/04/giant_robot_blur.png);
}
.intro h1.logo {
  position: relative;
  z-index: 1;
  display: inline-block;
  max-width: 672px;
  margin: 0px;
  padding: 0px;
  font-family:
    montserrat_thin, montserrat_regular, dream_gothic, sans-serif,
    'Malgun Gothic', '맑은 고딕', 돋움, Dotum;
}
.intro img {
  width: 100%;
}

@media (max-width: 1279px) {
  .in_box img {
    width: 500px;
  }
}
@media (max-width: 767px) {
  .intro {
    min-height: 100%;
  }
}
/* ----------------------------------------------------------------
-------------------------------------------------------------------
헤더
-------------------------------------------------------------------
----------------------------------------------------------------*/
/*header{z-index: 2; position: fixed; top:0; left: 0; right: 0; background: rgba(27, 27, 39, 0.92);}
header .wrap{max-width: 1280px; margin: auto; padding: 32px; font-size: 0px;}
header .logo{float: left; width: 218px; cursor: pointer;}
header .logo img{width: 100%;}
header button.menu_ico {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 24px 24px 25px;
    border: 0px;
    background: none;
    opacity: .7;
}
header .menu{
	color: white;
    font-size: 16px;
    line-height: 32.31px;
}
header .menu ul{
    margin: 0;
    padding: 0;
    text-align: right;
}
header .menu ul li{
	display: inline-block;
	padding: 0px 28px;
	cursor: pointer;
}
header .menu ul li:hover, li.active{
	color: #39f4ff;
	padding: 0px 28px;
}
header .menu ul li img{
	vertical-align: middle;
}
header .menu ul li span{
	display: none;
	padding-left: 12px;
}
@media (max-width: 1279px) {
header .wrap{padding: 20px 32px;}
header .logo {width: 172px;}
header .menu{font-size: 15px; line-height: 26px;}	
}
@media (max-width: 1023px) {
header .wrap{padding: 20px 24px;}
}
@media (max-width: 767px) {
header button.menu_ico {display: block;}
header button.menu_ico:selected {opacity: 1}	
header .logo {float:none; width: 172px;}	
header .menu {display: none; position: fixed; top: 66px; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.85);}
header .menu ul {text-align: center;}	
header .menu ul li {display: block; padding: 28px; border-bottom: dashed 1px #ffffff33;}	
header .menu ul li:last-child {border-bottom: dashed 0px #ffffff33;}	
header .menu ul li span{display:inline-block;}	
	
}*/
/* wordpress header nav */
/* [충돌 수정 3] 기존 워드프레스 헤더를 콘텐츠 위에 고정하기 위해 쌓임 순서 조정. */
header {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
header .nv-navbar {
  background: rgba(27, 27, 39, 0.92);
  border: 0;
}
header .nv-nav-wrap {
  min-height: 0;
}
header .nv-nav-header {
  min-height: 0;
}
header .site-logo {
  padding: 0px !important;
}
header .site-logo p {
  font-size: 0px !important;
}
header .site-logo a {
  float: left;
  line-height: 1;
  margin: 0;
  padding: 0;
  font-size: 24px;
  /*font-family: montserrat_thin, montserrat_regular, dream_gothic, sans-serif, "Malgun Gothic", "맑은 고딕", 돋움, Dotum;*/
  font-weight: 100;
}
header .site-logo a,
a:visited,
a:link,
a:hover {
  color: #ffffff;
  text-decoration: none;
}
header .site-logo a strong {
  color: #00ccff;
  font-weight: 500;
}
header .site-logo img {
  width: 100%;
}
/*header .site-logo { width: 218px; float: left; padding: 0; flex: none; }*/
/*header .site-logo img{ width: 100%; }*/
header .container {
  padding: 20px 32px;
  max-width: 1343px;
  margin: auto;
  padding: 29px;
  font-size: 0px;
}
header button.navbar-toggle {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 24px 24px 25px;
  border: 0px;
  background: none;
  opacity: 0.7;
}

header ul {
  color: white;
  font-size: 16px;
  line-height: 32.31px;
}
header ul.menu {
  margin: 0;
  padding: 0;
  text-align: right;
}
header ul.menu li {
  display: inline-block;
  padding: 0px 28px;
  cursor: pointer;
}
header ul.menu li:hover,
li.active {
  color: #39f4ff;
  /*padding: 0px 28px;*/
}

@media (max-width: 767px) {
  header ul.menu {
    text-align: center;
  }
  header ul.menu li {
    display: block;
    padding: 28px;
    border-bottom: dashed 1px #ffffff33;
  }
  header ul.menu li:last-child {
    border-bottom: dashed 0px #ffffff33;
  }
  header ul.menu li span {
    display: inline-block;
  }
  header .site-logo a {
    float: none;
    width: 162px !important;
    line-height: 28px !important;
    font-size: 24px !important;
  }
  header button.navbar-toggle {
    display: block;
    margin-top: -19px;
    margin-right: -17px;
  }
  header button.navbar-toggle:selected {
    opacity: 1;
  }
}
@media (max-width: 960px) {
  header ul.menu {
    text-align: center;
  }
  header ul.menu li {
    display: block;
    padding: 28px;
    border-bottom: dashed 1px #ffffff33;
  }
  header ul.menu li:last-child {
    border-bottom: dashed 0px #ffffff33;
  }
  header ul.menu li span {
    display: inline-block;
  }
  header button.navbar-toggle {
    display: block;
    margin-top: -19px;
    margin-right: -17px;
  }
}
@media (min-width: 960px) {
  header #nv-primary-navigation li {
    display: inline-block;
    padding: 0px 28px;
    cursor: pointer;
  }
  header #nv-primary-navigation > li > a {
    padding: 0;
    color: white;
  }
  header #nv-primary-navigation > li > a:hover,
  a.active {
    color: #39f4ff;
    /*padding: 0px 28px;*/
  }
  header #nv-primary-navigation .sub-menu {
    position: fixed;
    top: 64px;
    left: 0;
    background: rgb(16 16 22 / 65%);
    border: 0;
    height: 46px;
  }
  header #nv-primary-navigation .sub-menu li {
    display: inline-block;
    align-items: center;
    background-color: transparent;
    border: none;
    border-top: none;
    min-width: 150px;
    width: auto;
    right: 113px;
  }
  /* 	header #nv-primary-navigation .sub-menu li:nth-child(1) {
		margin-left: 72px;
	}
	header #nv-primary-navigation .sub-menu li:nth-child(2) {
		margin-left: 264px;
	} */
}
@media (min-width: 1280px) {
  header #nv-primary-navigation .sub-menu {
    margin-top: 32px;
  }
  header #nv-primary-navigation .sub-menu li {
    display: inline-block;
    align-items: center;
    background-color: transparent;
    border: none;
    border-top: none;
    min-width: 150px;
    width: auto;
    position: absolute;
    left: 50%;
  }
  header #nv-primary-navigation .sub-menu li:nth-child(1) {
    margin-left: 168px;
  }
  header #nv-primary-navigation .sub-menu li:nth-child(2) {
    margin-left: 360px;
  }
}
@media (max-width: 1023px) {
  header .container {
    padding: 20px 24px;
  }
}

@media (max-width: 1279px) {
  header .container {
    padding: 32px;
  }
  header .site-logo a {
    width: 172px;
    line-height: 0.8;
    font-size: 24px;
  }
  header .menu {
    font-size: 15px;
    line-height: 26px;
  }
}
/* ----------------------------------------------------------------
-------------------------------------------------------------------
공통
-------------------------------------------------------------------
----------------------------------------------------------------*/
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}

.ct_wrap {
  display: table;
  width: 100%;
  height: 100%;
  padding-top: 100px;
}
.ct_wrap .contents {
  padding: 32px;
  display: inline-block;
}
.ct_wrap .in_box {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 0px;
}
.ct_wrap .in_box .full {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.ct_wrap .in_box .harlf {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}
.ct_wrap .in_box img {
  width: 100%;
}
.contents_box {
  max-width: 1408px;
  min-height: 160px;
  margin: auto;
  padding: 64px;
  border-radius: 12px;
  background: #ffffff;
}
.contents_box .preparing {
  width: 112px;
  margin: auto;
  margin-bottom: 16px;
}
.contents_box .preparing img {
  width: 100%;
}

.single_contents_box {
  max-width: 1216px;
  min-height: 160px;
  margin: auto;
  padding: 24px;
  border-radius: 12px;
  background: #ffffff;
}
.single_contents_box .preparing {
  width: 112px;
  margin: auto;
  margin-bottom: 16px;
}
.single_contents_box .preparing img {
  width: 100%;
}

.single_contents_box .title {
  font-size: 24px;
  margin-bottom: 4px;
  letter-spacing: -1px;
}

.single_contents_box .nv-meta-list {
  padding-bottom: 24px;
  width: 100%;
}

@media (max-width: 1279px) {
  .ct_wrap {
    padding-top: 66.06px;
  }
}
@media (max-width: 1023px) {
  .ct_wrap .in_box .harlf {
    width: 100%;
  }
  .ct_wrap .in_box img {
    max-width: 480px;
  }
}
@media (max-width: 767px) {
  .single_contents_box {
    padding: 16px;
  }
  .ct_wrap .in_box .logo {
    padding: 0px 32px;
  }
  .ct_wrap .in_box img {
    max-width: 400px;
    margin-bottom: 50px;
  }
}
/* ----------------------------------------------------------------
-------------------------------------------------------------------
기본
-------------------------------------------------------------------
----------------------------------------------------------------*/
#content {
  background-color: #232932;
}
html,
body {
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family:
    montserrat_regular, sans-serif, 'Malgun Gothic', '맑은 고딕', 돋움, Dotum;
  font-weight: 100;
  word-break: keep-all;
  color: black;
}
body {
  width: 100%;
  line-height: normal;
}
section {
  position: relative;
  width: 100%;
  height: 100vh;
  max-height: 1116px;
  min-height: 768px;
  text-align: center;
}
section .section_box {
  position: relative;
  overflow: hidden;
  z-index: 1;
  max-width: 1280px;
  height: 100%;
  margin: auto;
}
section .section_box h1 {
  font-size: 60px;
  font-weight: 400;
  /*font-family: montserrat_regular, dream_gothic, sans-serif, "Malgun Gothic", "맑은 고딕", 돋움, Dotum;*/
  margin: 0px 0px 20px;
}
section .section_box h3 {
  margin: 0px;
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
  font-family:
    montserrat_regular, dream_gothic, sans-serif, 'Malgun Gothic', '맑은 고딕',
    돋움, Dotum;
}
h1 {
  margin: 0px;
  margin-bottom: 20px;
  font-size: 60px;
  font-weight: 100;
  line-height: normal;
}
h2 {
  margin: 0px;
  margin-bottom: 16px;
  font-size: 60px;
  font-weight: 100;
  line-height: normal;
}
p {
  margin: 0px;
  margin-bottom: 16px;
  font-size: 19px;
  font-weight: normal;
}
p:last-child {
  margin-bottom: 0px;
}
/* 
@media (max-width: 1279px) {
section {min-height: auto;}
h1 {font-size: 48px !important; margin-bottom: 12px !important;}
h3 {font-size: 22px !important; margin-bottom: 6px !important;}
p {margin-bottom: 12px !important; font-size: 18px !important;}
} */
@media (max-width: 1023px) {
  section {
    min-height: 700px;
  }
  h1 {
    font-size: 44px !important;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 28px !important;
    margin-bottom: 8px !important;
  }
  h3 {
    font-size: 17px !important;
    margin-bottom: 6px !important;
  }
  p {
    font-size: 16px !important;
  }
}

.elementor-element-populated {
  padding: 0px !important;
}
.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1408px;
}

@media (min-width: 960px) {
  .nv-single-post-wrap,
  .nv-single-page-wrap,
  .nv-index-posts {
    margin-bottom: 0px !important;
  }
}

/* ----------------------------------------------------------------
-------------------------------------------------------------------
POST 관련
-------------------------------------------------------------------
----------------------------------------------------------------*/
.type-post,
.type-business,
.type-portfolio {
  margin-top: 96px;
}
@media (max-width: 767px) {
  .type-post,
  .type-business,
  .type-portfolio {
    margin-top: 64px;
  }
}

.portfolio_cts .contents_box .nv-thumb-wrap {
  display: none;
}

.playground_cts .entry-title {
  font-size: 42px;
}

.playground_cts .nv-meta-list li {
  display: none;
}

/* 포트폴리오 아이템 */
.portfolio_cts .title {
  font-size: 24px !important;
}
#portfolio_layout .gallery-item {
  position: relative;
}
#portfolio_layout
  .elementor-widget-container
  .elementor-image
  .widget-image-caption,
#portfolio_layout .gallery-item .gallery-caption {
  display: none;
}

#portfolio_layout
  .elementor-widget
  .elementor-widget-container
  .elementor-image
  .widget-image-caption {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

#portfolio_layout .gallery-item .gallery-caption {
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  cursor: pointer;
  margin-top: -8px;
}

#portfolio_layout i {
  font-size: 40px;
  color: rgb(255, 255, 255);
}

#portfolio_layout .header_img:hover .widget-image-caption {
  display: block !important;
}

#portfolio_layout #gallery-1 .gallery-item:hover .gallery-caption,
#portfolio_layout #gallery-2 .gallery-item:hover .gallery-caption,
#portfolio_layout #gallery-3 .gallery-item:hover .gallery-caption {
  display: inline-block !important;
}
#portfolio_layout #gallery-1 .gallery-item:hover img,
#portfolio_layout #gallery-2 .gallery-item:hover img,
#portfolio_layout #gallery-3 .gallery-item:hover img {
  /* 	transition-duration: 1s; */
  filter: brightness(20%) contrast(100%) saturate(100%) blur(0px)
    hue-rotate(0deg);
}