@charset "UTF-8";
body {
  animation: fadein 1000ms ease-out;
  -moz-animation: fadein 1000ms ease-out;
  -webkit-animation: fadein 1000ms ease-out;
  -o-animation: fadein 1000ms ease-out;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.opa_in {
  animation: opa 0.5 linear both;
}

.opa_out {
  animation: opa_out 0.5 linear both;
}

body {
  overflow-x: hidden;
  /* position: relative; */
}

.header_up {
  transform: translateY(-100%);
  transition: all 0.5s;
}

header {
  animation: opa 1s 1.5s linear both;
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 9998;
}
header .header_bg {
  height: 152px;
  width: 1920px;
  background-color: #fff;
  /* transform: translateY(-152px); */
  transition: all 0.3s;
}
header .header_bg .header_wrap {
  width: 1680px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 56px 0;
}
header .header_bg .header_wrap h1 a img {
  width: 106px;
  height: 31px;
}
header .header_bg .header_wrap .right ul {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
header .header_bg .header_wrap .right ul li {
  margin-left: 32px;
}
header .header_bg .header_wrap .right ul li a {
  font-weight: 800;
  transition: all 0.3s;
}
header .header_bg .header_wrap .right ul li:first-child {
  margin-left: 0;
}
header .header_bg .header_wrap .right ul li:hover a {
  color: rgba(0, 0, 0, 0.5);
}

/* header:hover .header_bg {
    transform: translateY(0);
} */
main {
  width: 1920px; /* height: 1200px; overflow: hidden; */
  /*         .swiper {
      position: absolute;
      left: 0;
      top:0px;
      width: 120%;
      height: 600PX;
      transform: translateY(90px);
      animation: swiper 1s 1s linear both;
      .swiper-wrapper {
          .swiper-slide {
              transform: translateX(-272px);
              width: 1089px;
              display: flex;
              flex-flow: column wrap;
              justify-content: center;
              img {
                  display: block;
                  width: 1089px;
                  height: 435px;
                  object-fit: cover;
              }
              span {font-size: 0.938rem;
                  display: block;
                  line-height: 1.5;
                  width: 1089px;
                  transform: translateY(30px);
                  em {
                      font-weight: 900;
                  }
              }
          }
          .slide_00 {
              transform: translate(-272px, 600px);
              animation: swipe_0 1s 1s linear both;
          }
      }
  } */
  /*         a {
              position: absolute;
              transform: translateY(690px);
              text-align: center;
              width: 104px;
              height: 30px;
              border: 0.5px rgba(0,0,0,0.7) solid;
              border-radius: 25px;
              letter-spacing: -0.02em;
              transition: all 0.3s;
              font-size: 0.938rem;
              z-index: 2;
              animation: a_up 1.5s 1s ease both;
          }
          a::after{
              content: '+'; display: inline-block; font-size: 1.5rem; font-weight: 200;
              position: relative;
              left: 2px;
              top: 2px;
          }
          a:hover {
              color: #fff;
              background: #000;
          } */
}
main .campaign_film {
  width: 1370px;
  position: relative;
  left: 50%;
  top: 17%;
  transform: translate(-50%, -50%);
}
main .campaign_film .top h1 {
  white-space: nowrap;
  position: absolute;
  /* top:-19px; 디폴트 값*/
  /*                 top: 250px;
                  left: 50%; */
  transform: translate(360px, 160px);
  font-size: 19.02rem;
  /*                 color: #fff; */
  font-weight: 500;
  /* font-size: 3rem; */
  animation: font 1s 1s linear both;
  z-index: 300;
}
main .campaign_film .top p {
  margin-top: 0px;
  transform: translateY(35px);
  font-weight: 500;
  font-size: 0.938rem;
  animation: opa 1.5s 2s linear both;
}
main .attach_content {
  position: relative;
  top: 200px;
  left: 0%;
  /* transform: translateX(-50%); */
}
main .attach_content .nav_more {
  animation: opa 1.5s 1s linear both;
  width: 1476px;
  margin: 0 auto;
  margin-top: 152px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main .attach_content .nav_more .left {
  position: absolute;
  left: 220px;
}
main .attach_content .nav_more .left h1 {
  animation: opa_w 1s 0.8s linear both;
  font-weight: 800;
  font-size: 3rem;
}
main .attach_content .nav_more .left p {
  margin-top: 10px;
  margin-left: 4px;
}
main .attach_content .nav_more .right {
  position: absolute;
  right: 220px;
}
main .attach_content .nav_more .right > ul {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
main .attach_content .nav_more .right > ul li {
  margin-left: 80px;
  overflow: hidden;
  height: 24px;
}
main .attach_content .nav_more .right > ul li a {
  font-size: 1.25rem;
  transition: 0.08s;
  padding-bottom: 3px;
  height: 25px;
  display: flex;
}
main .attach_content .nav_more .right > ul li a span {
  font-size: 1.25rem;
  transition: 0.08s;
}
main .attach_content .nav_more .right > ul li:nth-child(1) a:first-child span:last-child {
  display: none;
  height: 2px;
  background: #000;
  width: 141.69px;
  position: absolute;
  bottom: 0;
  left: 81px;
}
main .attach_content .nav_more .right > ul li:nth-child(2) a:first-child span:last-child {
  display: none;
  height: 2px;
  background: #000;
  width: 40.78px;
  position: absolute;
  bottom: 0;
  left: 303px;
}
main .attach_content .nav_more .right > ul li:nth-child(3) a:first-child span:last-child {
  display: none;
  height: 2px;
  background: #000;
  width: 40.72px;
  position: absolute;
  bottom: 0;
  left: 425px;
}
main .attach_content .nav_more .right > ul li:nth-child(4) a:first-child span:last-child {
  height: 2px;
  background: #000;
  width: 93.38px;
  position: absolute;
  bottom: 0;
  left: 547px;
}
main .attach_content .nav_more .right > ul li:nth-child(5) a:first-child span:last-child {
  display: none;
  height: 2px;
  background: #000;
  width: 112.08px;
  position: absolute;
  bottom: 0;
  left: 722px;
}
main .attach_content .nav_more .right > ul li:nth-child(1) a:last-child {
  position: relative;
  top: -6.5px;
}
main .attach_content .nav_more .right > ul li:nth-child(1)::after {
  display: block;
  background: #000;
  content: "";
  width: 0px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 81px;
  border-radius: 100px;
  transition: 0.5s;
}
main .attach_content .nav_more .right > ul li:nth-child(1):hover::after {
  width: 141.69px;
}
main .attach_content .nav_more .right > ul li:nth-child(1):hover a span:nth-child(1) {
  animation: text_nav_up 0.38s 0.05s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(1):hover a span:nth-child(2) {
  animation: text_nav_up 0.38s 0.1s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(1):hover a span:nth-child(3) {
  animation: text_nav_up 0.38s 0.15s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(1):hover a span:nth-child(4) {
  animation: text_nav_up 0.38s 0.2s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(1):hover a span:nth-child(5) {
  animation: text_nav_up 0.38s 0.25s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(1):hover a span:nth-child(6) {
  animation: text_nav_up 0.38s 0.3s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(1):hover a span:nth-child(7) {
  animation: text_nav_up 0.38s 0.35s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(1):hover a span:nth-child(8) {
  animation: text_nav_up 0.38s 0.4s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(1):hover a span:nth-child(9) {
  animation: text_nav_up 0.38s 0.45s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(1):hover a span:nth-child(10) {
  animation: text_nav_up 0.38s 0.5s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(1):hover a span:nth-child(11) {
  animation: text_nav_up 0.38s 0.55s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(1):hover a span:nth-child(12) {
  animation: text_nav_up 0.38s 0.6s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(1):hover a span:nth-child(13) {
  animation: text_nav_up 0.38s 0.65s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(1):hover a span:nth-child(14) {
  animation: text_nav_up 0.38s 0.7s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(1):hover a span:nth-child(15) {
  animation: text_nav_up 0.38s 0.75s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(2) a:last-child {
  position: relative;
  top: -6.5px;
}
main .attach_content .nav_more .right > ul li:nth-child(2)::after {
  display: block;
  background: #000;
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 303px;
  border-radius: 100px;
  transition: 0.3s;
}
main .attach_content .nav_more .right > ul li:nth-child(2):hover::after {
  width: 40.78px;
}
main .attach_content .nav_more .right > ul li:nth-child(2):hover a span:nth-child(1) {
  animation: text_nav_up 0.34s 0.05s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(2):hover a span:nth-child(2) {
  animation: text_nav_up 0.34s 0.1s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(2):hover a span:nth-child(3) {
  animation: text_nav_up 0.34s 0.15s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(3) a:last-child {
  position: relative;
  top: -6.5px;
}
main .attach_content .nav_more .right > ul li:nth-child(3)::after {
  display: block;
  background: #000;
  content: "";
  width: 0px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 425px;
  border-radius: 100px;
  transition: 0.3s;
}
main .attach_content .nav_more .right > ul li:nth-child(3):hover::after {
  width: 40.72px;
}
main .attach_content .nav_more .right > ul li:nth-child(3):hover a span:nth-child(1) {
  animation: text_nav_up 0.28s 0.05s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(3):hover a span:nth-child(2) {
  animation: text_nav_up 0.28s 0.1s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(3):hover a span:nth-child(3) {
  animation: text_nav_up 0.28s 0.15s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(3):hover a span:nth-child(4) {
  animation: text_nav_up 0.28s 0.2s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(3):hover a span:nth-child(5) {
  animation: text_nav_up 0.28s 0.25s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(4) a:last-child {
  position: relative;
  top: -6.5px;
}
main .attach_content .nav_more .right > ul li:nth-child(4)::after {
  display: block;
  background: #000;
  content: "";
  width: 0px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 547px;
  border-radius: 100px;
  transition: 0.3s;
}
main .attach_content .nav_more .right > ul li:nth-child(4):hover::after {
  width: 93.38px;
}
main .attach_content .nav_more .right > ul li:nth-child(4):hover a span:nth-child(1) {
  animation: text_nav_up 0.3s 0.05s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(4):hover a span:nth-child(2) {
  animation: text_nav_up 0.3s 0.1s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(4):hover a span:nth-child(3) {
  animation: text_nav_up 0.3s 0.15s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(4):hover a span:nth-child(4) {
  animation: text_nav_up 0.3s 0.2s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(4):hover a span:nth-child(5) {
  animation: text_nav_up 0.3s 0.25s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(4):hover a span:nth-child(6) {
  animation: text_nav_up 0.3s 0.3s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(4):hover a span:nth-child(7) {
  animation: text_nav_up 0.3s 0.35s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(4):hover a span:nth-child(8) {
  animation: text_nav_up 0.3s 0.4s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(4):hover a span:nth-child(9) {
  animation: text_nav_up 0.3s 0.45s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(4):hover a span:nth-child(10) {
  animation: text_nav_up 0.3s 0.5s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(5) a:last-child {
  position: relative;
  top: -6.5px;
}
main .attach_content .nav_more .right > ul li:nth-child(5)::after {
  display: block;
  background: #000;
  content: "";
  width: 0px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 722px;
  border-radius: 100px;
  transition: 0.3s;
}
main .attach_content .nav_more .right > ul li:nth-child(5):hover::after {
  width: 112.08px;
}
main .attach_content .nav_more .right > ul li:nth-child(5):hover a span:nth-child(1) {
  animation: text_nav_up 0.25s 0.05s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(5):hover a span:nth-child(2) {
  animation: text_nav_up 0.25s 0.1s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(5):hover a span:nth-child(3) {
  animation: text_nav_up 0.25s 0.15s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(5):hover a span:nth-child(4) {
  animation: text_nav_up 0.25s 0.2s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(5):hover a span:nth-child(5) {
  animation: text_nav_up 0.25s 0.25s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(5):hover a span:nth-child(6) {
  animation: text_nav_up 0.25s 0.3s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(5):hover a span:nth-child(7) {
  animation: text_nav_up 0.25s 0.35s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(5):hover a span:nth-child(8) {
  animation: text_nav_up 0.25s 0.4s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(5):hover a span:nth-child(9) {
  animation: text_nav_up 0.25s 0.45s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(5):hover a span:nth-child(10) {
  animation: text_nav_up 0.25s 0.5s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(5):hover a span:nth-child(11) {
  animation: text_nav_up 0.25s 0.55s ease both;
}
main .attach_content .nav_more .right > ul li:nth-child(5):hover a span:nth-child(12) {
  animation: text_nav_up 0.25s 0.6s ease both;
}
main .attach_content .contents_wrap {
  animation: swiper 1s 1.2s linear both;
  padding-bottom: 100px;
}
main .attach_content .contents_wrap_3d {
  width: 1476px;
  margin: 180px auto;
}
main .attach_content .contents_wrap_3d #project_view_3d {
  z-index: 10001;
  display: none;
  position: fixed;
  left: 0;
  top: 0; /* z-index: 1000; */
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100vh;
}
main .attach_content .contents_wrap_3d #project_view_3d .contents {
  width: 1209px;
  margin: 50px auto;
  height: 681px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}
main .attach_content .contents_wrap_3d #project_view_3d .contents video {
  width: 100%;
}
main .attach_content .contents_wrap_3d #project_view_3d .view_c {
  position: relative;
  /* z-index: 10001; */
  left: 1190px;
  top: 80px;
}
main .attach_content .contents_wrap_3d #project_view_3d .view_c a {
  display: block;
  padding: 25px;
  position: absolute;
  left: 330px;
  top: 50px;
}
main .attach_content .contents_wrap_3d #project_view_3d .view_c a span {
  position: absolute;
  left: -5px;
  top: 10px;
  width: 44px;
  height: 1px;
  background: #fff;
  transition: all 0.3s;
}
main .attach_content .contents_wrap_3d #project_view_3d .view_c a span:nth-child(1) {
  transform: rotate(45deg);
}
main .attach_content .contents_wrap_3d #project_view_3d .view_c a span:nth-child(2) {
  transform: rotate(-45deg);
}
main .attach_content .contents_wrap_3d #project_view_3d .view_c a:hover span {
  background-color: rgba(62, 62, 62, 0.68);
}
main .attach_content .contents_wrap_3d #project_view_3d_2 {
  z-index: 10001;
  display: none;
  position: fixed;
  left: 0;
  top: 0; /* z-index: 1000; */
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100vh;
}
main .attach_content .contents_wrap_3d #project_view_3d_2 .contents {
  width: 1209px;
  margin: 50px auto;
  height: 681px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}
main .attach_content .contents_wrap_3d #project_view_3d_2 .contents img {
  width: 1209px;
  height: 681px;
  -o-object-fit: cover;
     object-fit: cover;
}
main .attach_content .contents_wrap_3d #project_view_3d_2 .view_c {
  position: relative;
  /* z-index: 10001; */
  left: 1190px;
  top: 80px;
}
main .attach_content .contents_wrap_3d #project_view_3d_2 .view_c a {
  display: block;
  padding: 25px;
  position: absolute;
  left: 330px;
  top: 50px;
}
main .attach_content .contents_wrap_3d #project_view_3d_2 .view_c a span {
  position: absolute;
  left: -5px;
  top: 10px;
  width: 44px;
  height: 1px;
  background: #fff;
  transition: all 0.3s;
}
main .attach_content .contents_wrap_3d #project_view_3d_2 .view_c a span:nth-child(1) {
  transform: rotate(45deg);
}
main .attach_content .contents_wrap_3d #project_view_3d_2 .view_c a span:nth-child(2) {
  transform: rotate(-45deg);
}
main .attach_content .contents_wrap_3d #project_view_3d_2 .view_c a:hover span {
  background-color: rgba(62, 62, 62, 0.68);
}
main .attach_content .contents_wrap_3d #project_view_3d_3 {
  z-index: 10001;
  display: none;
  position: fixed;
  left: 0;
  top: 0; /* z-index: 1000; */
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100vh;
}
main .attach_content .contents_wrap_3d #project_view_3d_3 .contents {
  width: 720px;
  margin: 50px auto;
  height: 880px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 45%;
}
main .attach_content .contents_wrap_3d #project_view_3d_3 .contents video {
  width: 720px;
  height: 880px;
  -o-object-fit: cover;
     object-fit: cover;
}
main .attach_content .contents_wrap_3d #project_view_3d_3 .view_c {
  position: relative;
  /* z-index: 10001; */
  left: 53%;
  top: -15px;
}
main .attach_content .contents_wrap_3d #project_view_3d_3 .view_c a {
  display: block;
  padding: 25px;
  position: absolute;
  left: 330px;
  top: 50px;
}
main .attach_content .contents_wrap_3d #project_view_3d_3 .view_c a span {
  position: absolute;
  left: -5px;
  top: 10px;
  width: 44px;
  height: 1px;
  background: #fff;
  transition: all 0.3s;
}
main .attach_content .contents_wrap_3d #project_view_3d_3 .view_c a span:nth-child(1) {
  transform: rotate(45deg);
}
main .attach_content .contents_wrap_3d #project_view_3d_3 .view_c a span:nth-child(2) {
  transform: rotate(-45deg);
}
main .attach_content .contents_wrap_3d #project_view_3d_3 .view_c a:hover span {
  background-color: rgba(62, 62, 62, 0.68);
}
main .attach_content .contents_wrap_3d > .contents_3d_v {
  cursor: pointer;
  margin-top: 100px;
}
main .attach_content .contents_wrap_3d > .contents_3d_v a {
  width: 1476px;
  height: 474px;
  overflow: hidden;
  display: block;
  /*                 position: relative; */
}
main .attach_content .contents_wrap_3d > .contents_3d_v a img {
  transition: all 1s;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /*                     position: absolute; */
  height: 100%;
  /*                     left:50%;
                      transform: translateX(-50%); */
}
main .attach_content .contents_wrap_3d > .contents_3d_v a video {
  transition: all 1s;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /*                     position: absolute; */
  height: 100%;
  /*                     left:50%;
                      transform: translateX(-50%); */
  filter: blur(2px);
}
main .attach_content .contents_wrap_3d > .contents_3d_v a:hover img {
  transform: scale(1.4);
}
main .attach_content .contents_wrap_3d > .contents_3d_v a:hover video {
  filter: none;
}
main .attach_content .contents_wrap_3d > .contents_3d_v h3 {
  margin-top: 20px;
  font-weight: 800;
}
main .attach_content .contents_wrap_3d > .contents_3d_v span {
  line-height: 1.8;
  display: block;
  font-family: NotosansKR;
}
main .attach_content .contents_wrap_3d .contents_grid_3d {
  width: 1476px;
  cursor: pointer;
  margin-top: 60px;
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-template-areas: "a b c";
}
main .attach_content .contents_wrap_3d .contents_grid_3d .contents_3d_v_h {
  cursor: pointer;
  margin-top: 100px;
}
main .attach_content .contents_wrap_3d .contents_grid_3d .contents_3d_v_h a {
  width: 474px;
  height: 474px;
  overflow: hidden;
  display: block;
  /*                 position: relative; */
}
main .attach_content .contents_wrap_3d .contents_grid_3d .contents_3d_v_h a video {
  transition: all 1s;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /*                     position: absolute; */
  height: 100%;
  /*                     left:50%;
                      transform: translateX(-50%); */
  filter: blur(2px);
}
main .attach_content .contents_wrap_3d .contents_grid_3d .contents_3d_v_h a:hover video {
  filter: none;
}
main .attach_content .contents_wrap_3d .contents_grid_3d .contents_3d_v_h h3 {
  margin-top: 20px;
  font-weight: 800;
}
main .attach_content .contents_wrap_3d .contents_grid_3d .contents_3d_v_h span {
  line-height: 1.8;
  display: block;
  font-family: NotosansKR;
}
main .attach_content .contents_wrap_3d .contents_grid_3d .contents_3d_v:nth-child(1) {
  grid-area: a;
  margin-top: 0;
}
main .attach_content .contents_wrap_3d .contents_grid_3d .contents_3d_v:nth-child(2) {
  grid-area: b;
  margin-top: 0;
}
main .attach_content .contents_wrap_3d .contents_grid_3d .contents_3d_v:nth-child(3) {
  grid-area: c;
  margin-top: 0;
}
main .attach_content .contents_wrap_3d .contents:first-child {
  margin-top: 100px;
}
main .attach_content .contents_wrap_web {
  width: 1476px;
  margin: 180px auto;
}
main .attach_content .contents_wrap_web #project_view_web {
  z-index: 10001;
  display: none;
  position: fixed;
  left: 0;
  top: 0; /* z-index: 1000; */
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100vh;
}
main .attach_content .contents_wrap_web #project_view_web .contents {
  width: 1209px;
  margin: 50px auto;
  height: 681px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}
main .attach_content .contents_wrap_web #project_view_web .contents video {
  width: 100%;
}
main .attach_content .contents_wrap_web #project_view_web .view_c {
  position: relative;
  /* z-index: 10001; */
  left: 1200px;
  top: 80px;
}
main .attach_content .contents_wrap_web #project_view_web .view_c a {
  display: block;
  padding: 25px;
  position: absolute;
  left: 330px;
  top: 50px;
}
main .attach_content .contents_wrap_web #project_view_web .view_c a span {
  position: absolute;
  left: -5px;
  top: 10px;
  width: 44px;
  height: 1px;
  background: #fff;
  transition: all 0.3s;
}
main .attach_content .contents_wrap_web #project_view_web .view_c a span:nth-child(1) {
  transform: rotate(45deg);
}
main .attach_content .contents_wrap_web #project_view_web .view_c a span:nth-child(2) {
  transform: rotate(-45deg);
}
main .attach_content .contents_wrap_web #project_view_web .view_c a:hover span {
  background-color: rgba(62, 62, 62, 0.68);
}
main .attach_content .contents_wrap_web .contents_web {
  cursor: pointer;
  position: relative;
  margin-top: 100px;
}
main .attach_content .contents_wrap_web .contents_web a {
  width: 1476px;
  height: 474px;
  overflow: hidden;
  display: block;
}
main .attach_content .contents_wrap_web .contents_web a > img {
  transition: all 1.2s;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /*                     position: absolute; */
  height: 100%;
  /*                     left:50%;
                      transform: translateX(-50%); */
}
main .attach_content .contents_wrap_web .contents_web a:hover img {
  transform: scale(1.2);
}
main .attach_content .contents_wrap_web .contents_web > img {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
}
main .attach_content .contents_wrap_web .contents_web h3 {
  margin-top: 20px;
  font-weight: 800;
}
main .attach_content .contents_wrap_web .contents_web span {
  line-height: 1.8;
  display: block;
}
main .attach_content .contents_wrap_web .contents_web:nth-child(2) {
  margin-top: 100px;
}
main .attach_content .contents_wrap_web .contents_web:nth-child(2) a {
  transform-origin: right bottom;
}
main .attach_content .contents_wrap_web .contents_web:nth-child(2) a img {
  transform-origin: right bottom;
}
main .attach_content .contents_wrap_print {
  width: 1476px;
  margin: 180px auto;
}
main .attach_content .contents_wrap_print #project_view_print {
  z-index: 10001;
  display: none;
  position: fixed;
  left: 0;
  top: 0; /* z-index: 1000; */
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100vh;
}
main .attach_content .contents_wrap_print #project_view_print .contents {
  width: 1209px;
  margin: 50px auto;
  height: 681px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}
main .attach_content .contents_wrap_print #project_view_print .contents img {
  width: 1209px;
  height: 681px;
  -o-object-fit: cover;
     object-fit: cover;
}
main .attach_content .contents_wrap_print #project_view_print .contents video {
  width: 100%;
}
main .attach_content .contents_wrap_print #project_view_print .view_c {
  position: relative;
  /* z-index: 10001; */
  left: 1194px;
  top: 80px;
}
main .attach_content .contents_wrap_print #project_view_print .view_c a {
  display: block;
  padding: 25px;
  position: absolute;
  left: 330px;
  top: 50px;
}
main .attach_content .contents_wrap_print #project_view_print .view_c a span {
  position: absolute;
  left: -5px;
  top: 10px;
  width: 44px;
  height: 1px;
  background: #fff;
  transition: all 0.3s;
}
main .attach_content .contents_wrap_print #project_view_print .view_c a span:nth-child(1) {
  transform: rotate(45deg);
}
main .attach_content .contents_wrap_print #project_view_print .view_c a span:nth-child(2) {
  transform: rotate(-45deg);
}
main .attach_content .contents_wrap_print #project_view_print .view_c a:hover span {
  background-color: rgba(62, 62, 62, 0.68);
}
main .attach_content .contents_wrap_print .project_view_print_2_g {
  z-index: 10001;
  display: none;
  position: fixed;
  left: 0;
  top: 0; /* z-index: 1000; */
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100vh;
}
main .attach_content .contents_wrap_print .project_view_print_2_g .contents {
  width: 900px;
  height: 900px;
  margin: 50px auto;
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 45%;
}
main .attach_content .contents_wrap_print .project_view_print_2_g .contents img {
  width: 900px;
  height: 900px;
  -o-object-fit: cover;
     object-fit: cover;
}
main .attach_content .contents_wrap_print .project_view_print_2_g .contents video {
  width: 100%;
}
main .attach_content .contents_wrap_print .project_view_print_2_g .view_c {
  position: relative;
  /* z-index: 10001; */
  left: 1100px;
  top: -25px;
}
main .attach_content .contents_wrap_print .project_view_print_2_g .view_c a {
  display: block;
  padding: 25px;
  position: absolute;
  left: 330px;
  top: 50px;
}
main .attach_content .contents_wrap_print .project_view_print_2_g .view_c a span {
  position: absolute;
  left: -5px;
  top: 10px;
  width: 44px;
  height: 1px;
  background: #fff;
  transition: all 0.3s;
}
main .attach_content .contents_wrap_print .project_view_print_2_g .view_c a span:nth-child(1) {
  transform: rotate(45deg);
}
main .attach_content .contents_wrap_print .project_view_print_2_g .view_c a span:nth-child(2) {
  transform: rotate(-45deg);
}
main .attach_content .contents_wrap_print .project_view_print_2_g .view_c a:hover span {
  background-color: rgba(62, 62, 62, 0.68);
}
main .attach_content .contents_wrap_print .project_view_print_2_d {
  z-index: 10001;
  display: none;
  position: fixed;
  left: 0;
  top: 0; /* z-index: 1000; */
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100vh;
}
main .attach_content .contents_wrap_print .project_view_print_2_d .contents {
  width: 900px;
  height: 900px;
  margin: 50px auto;
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 45%;
}
main .attach_content .contents_wrap_print .project_view_print_2_d .contents img {
  width: 900px;
  height: 900px;
  -o-object-fit: cover;
     object-fit: cover;
}
main .attach_content .contents_wrap_print .project_view_print_2_d .contents video {
  width: 100%;
}
main .attach_content .contents_wrap_print .project_view_print_2_d .view_c {
  position: relative;
  /* z-index: 10001; */
  left: 1100px;
  top: -25px;
}
main .attach_content .contents_wrap_print .project_view_print_2_d .view_c a {
  display: block;
  padding: 25px;
  position: absolute;
  left: 330px;
  top: 50px;
}
main .attach_content .contents_wrap_print .project_view_print_2_d .view_c a span {
  position: absolute;
  left: -5px;
  top: 10px;
  width: 44px;
  height: 1px;
  background: #fff;
  transition: all 0.3s;
}
main .attach_content .contents_wrap_print .project_view_print_2_d .view_c a span:nth-child(1) {
  transform: rotate(45deg);
}
main .attach_content .contents_wrap_print .project_view_print_2_d .view_c a span:nth-child(2) {
  transform: rotate(-45deg);
}
main .attach_content .contents_wrap_print .project_view_print_2_d .view_c a:hover span {
  background-color: rgba(62, 62, 62, 0.68);
}
main .attach_content .contents_wrap_print .project_view_print_2_b {
  z-index: 10001;
  display: none;
  position: fixed;
  left: 0;
  top: 0; /* z-index: 1000; */
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100vh;
}
main .attach_content .contents_wrap_print .project_view_print_2_b .contents {
  width: 900px;
  height: 900px;
  margin: 50px auto;
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 45%;
}
main .attach_content .contents_wrap_print .project_view_print_2_b .contents img {
  width: 900px;
  height: 900px;
  -o-object-fit: cover;
     object-fit: cover;
}
main .attach_content .contents_wrap_print .project_view_print_2_b .contents video {
  width: 100%;
}
main .attach_content .contents_wrap_print .project_view_print_2_b .view_c {
  position: relative;
  /* z-index: 10001; */
  left: 1100px;
  top: -25px;
}
main .attach_content .contents_wrap_print .project_view_print_2_b .view_c a {
  display: block;
  padding: 25px;
  position: absolute;
  left: 330px;
  top: 50px;
}
main .attach_content .contents_wrap_print .project_view_print_2_b .view_c a span {
  position: absolute;
  left: -5px;
  top: 10px;
  width: 44px;
  height: 1px;
  background: #fff;
  transition: all 0.3s;
}
main .attach_content .contents_wrap_print .project_view_print_2_b .view_c a span:nth-child(1) {
  transform: rotate(45deg);
}
main .attach_content .contents_wrap_print .project_view_print_2_b .view_c a span:nth-child(2) {
  transform: rotate(-45deg);
}
main .attach_content .contents_wrap_print .project_view_print_2_b .view_c a:hover span {
  background-color: rgba(62, 62, 62, 0.68);
}
main .attach_content .contents_wrap_print .grid_print_justtwo {
  display: grid;
  justify-content: space-between;
  grid-template-areas: "a b";
}
main .attach_content .contents_wrap_print .grid_print_justtwo .contents_print {
  cursor: pointer;
  margin-top: 100px;
}
main .attach_content .contents_wrap_print .grid_print_justtwo .contents_print a {
  width: 725px;
  height: 590px;
  overflow: hidden;
  display: block;
  /*                 position: relative; */
}
main .attach_content .contents_wrap_print .grid_print_justtwo .contents_print a img {
  transition: all 1s;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /*                     position: absolute; */
  height: 100%;
  /*                     left:50%;
                      transform: translateX(-50%); */
}
main .attach_content .contents_wrap_print .grid_print_justtwo .contents_print a:hover img {
  transform: scale(1.4);
}
main .attach_content .contents_wrap_print .grid_print_justtwo .contents_print h3 {
  margin-top: 20px;
  font-weight: 800;
}
main .attach_content .contents_wrap_print .grid_print_justtwo .contents_print span {
  line-height: 1.8;
  display: block;
}
main .attach_content .contents_wrap_print .grid_print_justtwo .contents_print:first-child {
  grid-area: a;
}
main .attach_content .contents_wrap_print .grid_print_justtwo .contents_print:last-child {
  grid-area: b;
}
main .attach_content .contents_wrap_print > .contents_print {
  cursor: pointer;
  margin-top: 100px;
}
main .attach_content .contents_wrap_print > .contents_print a {
  width: 1476px;
  height: 474px;
  overflow: hidden;
  display: block;
  /*                 position: relative; */
}
main .attach_content .contents_wrap_print > .contents_print a img {
  transition: all 1s;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /*                     position: absolute; */
  height: 100%;
  /*                     left:50%;
                      transform: translateX(-50%); */
}
main .attach_content .contents_wrap_print > .contents_print a:hover img {
  transform: scale(1.4);
}
main .attach_content .contents_wrap_print > .contents_print h3 {
  margin-top: 20px;
  font-weight: 800;
}
main .attach_content .contents_wrap_print > .contents_print span {
  line-height: 1.8;
  display: block;
}
main .attach_content .contents_wrap_print > .contents_print:nth-child(2) {
  margin-top: 60px;
}
main .attach_content .contents_wrap_print > .contents_print:nth-child(3) {
  margin-top: 60px;
}
main .attach_content .contents_wrap_print > .contents_print:last-child {
  margin-top: 60px;
}
main .attach_content .contents_wrap_print > .contents_grid {
  width: 1476px;
  cursor: pointer;
  margin-top: 60px;
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-template-areas: "a b c" "d d e";
}
main .attach_content .contents_wrap_print > .contents_grid > .contents_print a {
  width: 474px;
  height: 474px;
  overflow: hidden;
  display: block;
  /*                 position: relative; */
}
main .attach_content .contents_wrap_print > .contents_grid > .contents_print a img {
  transition: all 1s;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /*                     position: absolute; */
  height: 100%;
  /*                     left:50%;
                      transform: translateX(-50%); */
}
main .attach_content .contents_wrap_print > .contents_grid > .contents_print a:hover img {
  transform: scale(1.4);
}
main .attach_content .contents_wrap_print > .contents_grid > .contents_print h3 {
  margin-top: 20px;
  font-weight: 800;
}
main .attach_content .contents_wrap_print > .contents_grid > .contents_print span {
  line-height: 1.8;
  display: block;
}
main .attach_content .contents_wrap_print > .contents_grid .contents_print:nth-child(1) {
  grid-area: a;
  margin-bottom: 100px;
}
main .attach_content .contents_wrap_print > .contents_grid .contents_prints:nth-child(2) {
  grid-area: b;
  margin-bottom: 60px;
}
main .attach_content .contents_wrap_print > .contents_grid .contents_print:nth-child(3) {
  grid-area: c;
}
main .attach_content .contents_wrap_print > .contents_grid > .contents_print:nth-child(4) {
  width: 975px;
  grid-area: d;
}
main .attach_content .contents_wrap_print > .contents_grid > .contents_print:nth-child(4) a {
  width: 975px;
}
main .attach_content .contents_wrap_print > .contents_grid > .contents_print:nth-child(5) {
  grid-area: e;
}
main .attach_content .contents_wrap_print .contents_grid_02 {
  width: 1476px;
  cursor: pointer;
  margin-top: 60px;
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-template-areas: "a b c";
}
main .attach_content .contents_wrap_print .contents_grid_02 .contents_print_2 {
  cursor: pointer;
  margin-top: 100px;
}
main .attach_content .contents_wrap_print .contents_grid_02 .contents_print_2 a {
  width: 474px;
  height: 474px;
  overflow: hidden;
  display: block;
  /*                 position: relative; */
}
main .attach_content .contents_wrap_print .contents_grid_02 .contents_print_2 a img {
  transition: all 1s;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /*                     position: absolute; */
  height: 100%;
  /*                     left:50%;
                      transform: translateX(-50%); */
}
main .attach_content .contents_wrap_print .contents_grid_02 .contents_print_2 a:hover img {
  transform: scale(1.4);
}
main .attach_content .contents_wrap_print .contents_grid_02 .contents_print_2 h3 {
  margin-top: 20px;
  font-weight: 800;
}
main .attach_content .contents_wrap_print .contents_grid_02 .contents_print_2 span {
  line-height: 1.8;
  display: block;
  font-family: NotosansKR;
}
main .attach_content .contents_wrap_print .contents_grid_02 .contents_print:nth-child(1) {
  grid-area: a;
  margin-top: 0;
}
main .attach_content .contents_wrap_print .contents_grid_02 .contents_print:nth-child(2) {
  grid-area: b;
  margin-top: 0;
}
main .attach_content .contents_wrap_print .contents_grid_02 .contents_print:nth-child(3) {
  grid-area: c;
  margin-top: 0;
}
main .attach_content .contents_wrap_print .contents_print:first-child {
  margin-top: 100px;
}
main .attach_content .contents_wrap_film {
  width: 1476px;
  margin: 180px auto;
}
main .attach_content .contents_wrap_film .project_view_film {
  z-index: 10001;
  display: none;
  position: fixed;
  left: 0;
  top: 0; /* z-index: 1000; */
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100vh;
}
main .attach_content .contents_wrap_film .project_view_film .contents {
  width: 900px;
  height: 900px;
  margin: 50px auto;
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 45%;
}
main .attach_content .contents_wrap_film .project_view_film .contents img {
  width: 1304px;
  height: 764px;
  -o-object-fit: cover;
     object-fit: cover;
}
main .attach_content .contents_wrap_film .project_view_film .contents video {
  width: 900px;
  height: 900px;
}
main .attach_content .contents_wrap_film .project_view_film .view_c {
  position: relative;
  /* z-index: 10001; */
  left: 1100px;
  top: -25px;
}
main .attach_content .contents_wrap_film .project_view_film .view_c a {
  display: block;
  padding: 25px;
  position: absolute;
  left: 330px;
  top: 50px;
}
main .attach_content .contents_wrap_film .project_view_film .view_c a span {
  position: absolute;
  left: -5px;
  top: 10px;
  width: 44px;
  height: 1px;
  background: #fff;
  transition: all 0.3s;
}
main .attach_content .contents_wrap_film .project_view_film .view_c a span:nth-child(1) {
  transform: rotate(45deg);
}
main .attach_content .contents_wrap_film .project_view_film .view_c a span:nth-child(2) {
  transform: rotate(-45deg);
}
main .attach_content .contents_wrap_film .project_view_film .view_c a:hover span {
  background-color: rgba(62, 62, 62, 0.68);
}
main .attach_content .contents_wrap_film .contents_grid {
  width: 1476px;
  cursor: pointer;
  margin-top: 60px;
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-template-areas: "a b c";
}
main .attach_content .contents_wrap_film .contents_grid .contents_film {
  margin-top: 50px;
}
main .attach_content .contents_wrap_film .contents_grid .contents_film a {
  width: 474px;
  height: 474px;
  overflow: hidden;
  display: block;
  /*                 position: relative; */
}
main .attach_content .contents_wrap_film .contents_grid .contents_film a video {
  transition: all 1s;
  width: 474px;
  height: 474px;
  -o-object-fit: cover;
     object-fit: cover;
  /*                     position: absolute; */
  /*                     left:50%;
                      transform: translateX(-50%); */
  filter: blur(2px);
}
main .attach_content .contents_wrap_film .contents_grid .contents_film a:hover video {
  filter: none;
}
main .attach_content .contents_wrap_film .contents_grid .contents_film h3 {
  margin-top: 20px;
  font-weight: 800;
}
main .attach_content .contents_wrap_film .contents_grid .contents_film span {
  line-height: 1.8;
  display: block;
}
main .attach_content .contents_wrap_film .contents_grid .contents:nth-child(1) {
  grid-area: a;
  margin-top: 0;
}
main .attach_content .contents_wrap_film .contents_grid .contents:nth-child(2) {
  grid-area: b;
  margin-top: 0;
}
main .attach_content .contents_wrap_film .contents_grid .contents:nth-child(3) {
  grid-area: c;
  margin-top: 0;
}
main .attach_content .contents_wrap_social {
  width: 1476px;
  margin: 180px auto;
}
main .attach_content .contents_wrap_social .project_view_social {
  z-index: 10001;
  display: none;
  position: fixed;
  left: 0;
  top: 0; /* z-index: 1000; */
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100vh;
}
main .attach_content .contents_wrap_social .project_view_social .contents {
  width: 672px;
  margin: 50px auto;
  height: 672px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}
main .attach_content .contents_wrap_social .project_view_social .contents img {
  width: 672px;
  height: 672px;
  -o-object-fit: cover;
     object-fit: cover;
}
main .attach_content .contents_wrap_social .project_view_social .contents video {
  width: 100%;
}
main .attach_content .contents_wrap_social .project_view_social .view_c {
  position: relative;
  /* z-index: 10001; */
  left: 925px;
  top: 80px;
}
main .attach_content .contents_wrap_social .project_view_social .view_c a {
  display: block;
  padding: 25px;
  position: absolute;
  left: 330px;
  top: 50px;
}
main .attach_content .contents_wrap_social .project_view_social .view_c a span {
  position: absolute;
  left: -5px;
  top: 10px;
  width: 44px;
  height: 1px;
  background: #fff;
  transition: all 0.3s;
}
main .attach_content .contents_wrap_social .project_view_social .view_c a span:nth-child(1) {
  transform: rotate(45deg);
}
main .attach_content .contents_wrap_social .project_view_social .view_c a span:nth-child(2) {
  transform: rotate(-45deg);
}
main .attach_content .contents_wrap_social .project_view_social .view_c a:hover span {
  background-color: rgba(62, 62, 62, 0.68);
}
main .attach_content .contents_wrap_social #project_view_social_g {
  z-index: 10001;
  display: none;
  position: fixed;
  left: 0;
  top: 0; /* z-index: 1000; */
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100vh;
}
main .attach_content .contents_wrap_social #project_view_social_g .contents {
  width: 672px;
  margin: 50px auto;
  height: 672px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}
main .attach_content .contents_wrap_social #project_view_social_g .contents img {
  width: 672px;
  height: 672px;
  -o-object-fit: cover;
     object-fit: cover;
}
main .attach_content .contents_wrap_social #project_view_social_g .contents video {
  width: 100%;
}
main .attach_content .contents_wrap_social #project_view_social_g .view_c {
  position: relative;
  /* z-index: 10001; */
  left: 925px;
  top: 80px;
}
main .attach_content .contents_wrap_social #project_view_social_g .view_c a {
  display: block;
  padding: 25px;
  position: absolute;
  left: 330px;
  top: 50px;
}
main .attach_content .contents_wrap_social #project_view_social_g .view_c a span {
  position: absolute;
  left: -5px;
  top: 10px;
  width: 44px;
  height: 1px;
  background: #fff;
  transition: all 0.3s;
}
main .attach_content .contents_wrap_social #project_view_social_g .view_c a span:nth-child(1) {
  transform: rotate(45deg);
}
main .attach_content .contents_wrap_social #project_view_social_g .view_c a span:nth-child(2) {
  transform: rotate(-45deg);
}
main .attach_content .contents_wrap_social #project_view_social_g .view_c a:hover span {
  background-color: rgba(62, 62, 62, 0.68);
}
main .attach_content .contents_wrap_social .contents_grid {
  width: 1476px;
  cursor: pointer;
  margin-top: 60px;
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-template-areas: "a b c";
}
main .attach_content .contents_wrap_social .contents_grid .contents_social {
  margin-top: 50px;
}
main .attach_content .contents_wrap_social .contents_grid .contents_social a {
  width: 474px;
  height: 474px;
  overflow: hidden;
  display: block;
  /*                 position: relative; */
}
main .attach_content .contents_wrap_social .contents_grid .contents_social a img {
  transition: all 1s;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /*                     position: absolute; */
  height: 100%;
  /*                     left:50%;
                      transform: translateX(-50%); */
}
main .attach_content .contents_wrap_social .contents_grid .contents_social a:hover img {
  transform: scale(1.4);
}
main .attach_content .contents_wrap_social .contents_grid .contents_social h3 {
  margin-top: 20px;
  font-weight: 800;
}
main .attach_content .contents_wrap_social .contents_grid .contents_social span {
  line-height: 1.8;
  display: block;
}
main .attach_content .contents_wrap_social .contents_grid .contents_social:nth-child(1) {
  grid-area: a;
  margin-top: 0;
}
main .attach_content .contents_wrap_social .contents_grid .contents_social:nth-child(2) {
  grid-area: b;
  margin-top: 0;
}
main .attach_content .contents_wrap_social .contents_grid .contents_social:nth-child(3) {
  grid-area: c;
  margin-top: 0;
}
main .bnr {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  width: 1920px;
  height: 1200px;
  background: url(../images/more_view/film/bnr_00.png);
  animation: bnr 1s 1s linear both;
}

footer {
  background: #000;
  height: 122px;
  width: 100%;
  display: flex;
  flex-flow: column wrap;
  align-content: center;
}
footer .footer_wrap {
  width: 1355px;
  line-height: 75px;
  margin: 0 auto;
  padding: 20px 0;
}
footer .footer_wrap .footer_up {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
}
footer .footer_wrap .footer_up h1 a img {
  width: 106px;
  height: 31px;
}
footer .footer_wrap .footer_up .right ul {
  display: flex;
  justify-content: space-between;
}
footer .footer_wrap .footer_up .right ul li {
  margin-left: 32px;
  position: relative;
}
footer .footer_wrap .footer_up .right ul li span {
  color: #fff;
}
footer .footer_wrap .footer_up .right ul li:first-child {
  margin-left: 0;
}
footer .footer_wrap .footer_up .right ul li::after {
  content: "";
  display: inline-block;
  background-color: #fff;
  width: 1px;
  height: 16px;
  position: absolute;
  top: 0;
  right: -16px;
}
footer .footer_wrap .footer_up .right ul li:nth-child(2) {
  font-family: NotosansKR;
  font-weight: 300;
}
footer .footer_wrap .footer_up .right ul li:last-child::after {
  display: none;
}
footer .footer_wrap .footer_down {
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
}
footer .footer_wrap .footer_down p {
  color: #fff;
  font-family: NotosansKR;
  font-weight: 300;
}
footer .footer_wrap .footer_down .right ul {
  display: flex;
  justify-content: space-between;
}
footer .footer_wrap .footer_down .right ul li {
  position: relative;
  margin-left: 32px;
  color: #fff;
}
footer .footer_wrap .footer_down .right ul li:first-child {
  margin-left: 0;
}
footer .footer_wrap .footer_down .right ul li::after {
  content: "";
  display: inline-block;
  background-color: #fff;
  width: 1px;
  height: 16px;
  position: absolute;
  top: 0;
  right: -16px;
}
footer .footer_wrap .footer_down .right ul li:nth-child(2) {
  font-family: NotosansKR;
  font-weight: 300;
}
footer .footer_wrap .footer_down .right ul li:last-child::after {
  display: none;
}

@keyframes bnr {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes font {
  0% {
    transform: translate(-140px, 340px);
    color: #fff;
    font-size: 19.02rem;
    z-index: 100000;
    opacity: 1;
  }
  100% {
    transform: translate(-55px, 160px);
    color: #000;
    font-size: 2.938rem;
    font-weight: 800;
    z-index: 0;
    opacity: 0;
  }
}
@keyframes opa {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opa_w {
  0% {
    color: #fff;
    opacity: 0;
  }
  100% {
    color: #000;
    opacity: 1;
  }
}
@keyframes opa_out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes swiper {
  0% {
    margin-left: 2000px;
    margin-top: 180px;
  }
  100% {
    margin-left: 220px;
    margin-top: 180px;
  }
}
@keyframes swipe_0 {
  0% {
    opacity: 0;
    transform: translate(0px, 600px);
  }
  100% {
    opacity: 1;
    transform: translate(-272px, 0px);
  }
}
@keyframes a_up {
  0% {
    transform: translateY(990px);
  }
  100% {
    transform: translateY(690px);
  }
}
@keyframes trans {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(1000px);
  }
}
@keyframes text_nav_up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-22px);
  }
}/*# sourceMappingURL=film.css.map */