body,h1,h2,h3,h4,h5,h6 {color:#fff}
:root {--bg:hsl(0 0% 2%);--color:hsl(0 0% 100% / 0.1);--underline-width:1lh;--underline-block-width:200vmax;--underline-color:hsl(0 0% 50% / 0.15);--underline-color-hover:hsl(180 100% 50% / 1);--underline-transition:5s;--finish-fill:hsl(0 0% 100%);--accent:hsl(0 0% 100%);--fill:hsl(0 0% 50%);--blur:0;--mix-blend-mode:"unset";--fill2:hsl(0 0% 0% / .4)}



body {width:100%;height:100%;overflow:hidden;background:#000;color:#fff}
.splitting .char,.splitting .word {display:inline-block}
.splitting .char {position:relative}
.splitting .char::after,.splitting .char::before {content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;user-select:none}
.splitting {--word-center:calc((var(--word-total) - 1) / 2);--char-center:calc((var(--char-total) - 1) / 2);--line-center:calc((var(--line-total) - 1) / 2)}
.splitting .word {--word-percent:calc(var(--word-index) / var(--word-total));--line-percent:calc(var(--line-index) / var(--line-total))}
.splitting .char {--char-percent:calc(var(--char-index) / var(--char-total));--char-offset:calc(var(--char-index) - var(--char-center));--distance:calc((var(--char-offset) * var(--char-offset)) / var(--char-center));--distance-sine:calc(var(--char-offset) / var(--char-center));--distance-percent:calc((var(--distance) / var(--char-center)))}

.intro {position:fixed;left:0;top:0;width:100%;height:100%}
.intro svg {width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}
.intro .input {position:absolute;z-index:1;bottom:0;font-size:20px;text-align:center;left:50%;transform:translateX(-50%);font-family:helvetica,sans-serif;bottom:20px;background:0 0;border:1px solid #ddd;color:#eee}
.intro .offscreen-text,.intro .text {width:100%;top:50%;transform:translateY(-50%);display:block;position:absolute;margin:0;text-transform:uppercase}
.intro .offscreen-text {text-align:center;top:-9999px}
.intro .text span {position:absolute}
.intro.page-transition .div {position:fixed;background-color:#fff;height:100%;bottom:100%;width:25%;z-index:1}
.intro.page-transition .div:nth-child(1) {left:0}
.intro.page-transition .div:nth-child(2) {left:25%}
.intro.page-transition .div:nth-child(3) {left:50%}
.intro.page-transition .div:nth-child(4) {left:75%}


/* visual */
.fs1 {font-family:'Playfair Display',serif;font-style:italic}
.fs1 span {font-family:'Playfair Display',serif;font-style:italic}
.main {color:#fff;width:100%;position:fixed;height:100vh;top:0;z-index:9}
.main_title {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:120px;line-height:1;width:100%;padding-left:30px}
.main_title .text {line-height:1.1;font-size:150px}
.main_title .text--blowing {line-height:1.1}
.main_title .page.pg2 {position:relative;width:max-content}
.main_title .page.pg2 svg {opacity:0;display:none;position:absolute;width:379px;bottom:12px;left:-1rem;z-index:-1;right:-189px;left:auto;rotate:15deg;transform-origin:30% 80%}
@keyframes move {
    0% {scale:0}
    100% {scale:100%}
}
.main_title small { font-family:'Playfair Display',serif; font-size: 18px; }

.page .char {display:inline-block;-webkit-animation-delay:calc(.25s + var(--char-index) * .1s);animation-delay:calc(.25s + var(--char-index) * .1s);transition:all .25s calc(.25s + var(--char-index) * .1s)}
.main:not(.on) .text--turning .char {transform:rotateY(90deg)}
.text--perspective {perspective:1000px}
.text--perspective .char {transition:transform .25s calc(.25s + var(--char-index) * .1s),opacity 50ms calc(.25s + var(--char-index) * .1s)}
.text--perspective:not(.on) .char {opacity:0;transform:translate3d(-25px,-20px,-800px)}
.text--blowing .char {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;transform-origin:left bottom;-webkit-animation-delay:calc(var(--char-index) * .025s);animation-delay:calc(var(--char-index) * .025s);opacity:0}
.text--blowing.on .char {-webkit-animation-name:blowing;animation-name:blowing;opacity:1}
@-webkit-keyframes blowing {
    50%,60%,70% {transform:skewX(-35deg)}
    55%,65%,75% {transform:skewX(-40deg)}
}
@keyframes blowing {
    50%,60%,70% {transform:skewX(-35deg)}
    55%,65%,75% {transform:skewX(-40deg)}
}
.main_sub_title {position:absolute;bottom:0;right:30px;padding:20px 0}
.main_sub_title .page {display:flex;font-size:24px;grid-gap:10px;justify-content:center}
.main_sub_both { position: absolute; bottom: 30px; left: 30px; color: #777; font-weight: 500; font-size: 16px; }
.text--folding:not(.on) .char {transform:rotateX(90deg);transform-origin:bottom}
.text--blocks .char {visibility:hidden}
.text--blocks.on {overflow:hidden;position:relative}
.text--blocks.on .char {transition-delay:.5s;visibility:visible}
.text--blocks.on::after {content:'';height:100%;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;-webkit-animation:block .5s .25s both;animation:block .5s .25s both}
@-webkit-keyframes block {
    0% {transform:translate(-110%,0)}
    45%,55% {transform:translate(0,0)}
    100% {transform:translate(110%,0)}
}
    @keyframes block {
    0% {transform:translate(-110%,0)}
    45%,55% {transform:translate(0,0)}
    100% {transform:translate(110%,0)}
}

@media screen and (max-width:1200px) {
      /* visual */
      .main_title .page.pg2 {width: 100%; }
      .main_title .text { font-size: 110px; }
}
@media screen and (max-width:800px) {
      /* visual */
      .main_title .text { font-size: 45px; }
      .main_title small { display: block; padding-top: 15px; font-size: 14px; }
      .main_sub_both { bottom: 50px; font-size: 14px; }
      .main_sub_title { right: auto; left: 30px; }
      .main_sub_title .page { font-size: 16px; }
      .main_title .page.pg2 svg { display: none !important; }
}
@media screen and (max-height: 800px) { 
      /* visual */
      .main_title .text { line-height: 1; }      
}



.background {width:100%;height:100vh;position:fixed;clip-path:ellipse(220% 200% at 50% 300%);pointer-events:none;z-index:12;mix-blend-mode:screen;}
.background{z-index: auto;position: absolute;top: 0;left: 0;width: 100%;height: 100vh;}
.background .swiper-fade .swiper-slide-active {pointer-events:none!important}
.background .slide-inner {position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center}
.background .swiper {z-index:-1;height:100vh}
.background .swiper-slide {overflow:hidden}
.background::after {content:"";position:absolute;inset:0;background:var(--fill2);backdrop-filter:blur(var(--blur))}
.bar {height:100%;width:0%;position:absolute;right:0;top:0;background-color:#000;z-index:-1}
.bar2 {height:100%;width:0%;position:absolute;left:0;top:0;background-color:#000;z-index:-1}
#scroll-container::before {content:"";width:100%;height:100%;background:#000;position:absolute;top:100vh}
/* .sec_start {position:fixed;top:0;left:0;right:0;z-index:11;width:100%;} */
body.scroll_on .sec_start {position:fixed;top:0;left:0;right:0;z-index:11;width:100%}
.sec {position:relative}
.sec .flex {display:flex}
.sec .flex.row {flex-direction:row;align-items:flex-start;justify-content:space-between}
.sec .flex.row {padding-top: 110px}
/* .sec .flex.column {flex-direction:column;align-items:flex-start;justify-content:center} */
.sec_top {width:100%;height:100vh}

@media screen and (max-width:1200px) {
      .sec .flex.row > div { display: flex; justify-content: center; height: 100vh; width: 100%; }
      .sec .flex.row { flex-direction: column; }
      .sec .flex.row.column { flex-direction: column-reverse; }

}


/* sec_1 */
.sec_1 {padding-top:200px;padding-bottom:200px;height:200vh;height:100vh}
.sec_1 .text_box { text-align: center; }
.sec_1 .text_box span {font-size:64px}
.sec_1 .text_reveals span { position: relative; outline-color:hsl(10 80% 50%);outline-offset:1ch; font-weight: 300; font-size:70px; color:var(--color);text-decoration:none;background-image:linear-gradient(90deg,transparent calc(100% - 8ch),var(--accent) calc(100% - 8ch)),linear-gradient(90deg,var(--fill),var(--fill)),linear-gradient(90deg,var(--underline-color),var(--underline-color));background-size:var(--underline-block-width) var(--underline-width),var(--underline-block-width) var(--underline-width),100% var(--underline-width);background-repeat:no-repeat;background-position-x:0;background-position-y:100%;background-clip:text;color:var(--finish-fill);color:transparent;background-position-x:calc(-200vmax + (var(--progress) * 200vmax)),calc(-200vmax + (var(--progress) * 200vmax)),0;--progress:0}
.sec_1 .text_reveals span:after { content: ''; position: absolute; top: -10px; left: -110px; display: block; width: 90px; height: 90px; background: url('../img/main/ico_shape1.svg')0 no-repeat; animation: shape1 10s infinite linear; }
.sec_1 .text_reveals .shape2 { animation: shape2 5s infinite linear; }
.sec_1 .p_ko { margin-top: 120px; text-align: right; line-height: 30px; font-size: 18px; color: #666; font-weight: 500; }
.sec_1 .p_ko span { color: #fff; font-size: 18px; font-weight: 400; }
@keyframes shape1 {
      0% { -webkit-transform: rotate(0); transform: rotate(0) }  
      100% { -webkit-transform: rotate(359deg); transform: rotate(359deg)}
}
@keyframes shape2 {
      0% {transform: rotateX(0deg);}
	20% {transform: rotateX(180deg);}
	40% {transform: rotateX(0deg);}
      60% {transform: rotateY(0deg);}
	80% {transform: rotateY(180deg);}
	100% {transform: rotateY(0deg);}
}

@media screen and (max-width:1200px) {
      /* sec_1 */
      .sec_1 .text_reveals span { font-size: 50px; }
}
@media screen and (max-width:800px) {
      /* sec_1 */
      .sec_1 .text_reveals span { font-size: 26px; }
      .sec_1 .text_reveals span br { display: none; }
      .sec_1 .text_reveals span:after { top: -130px; left: 40px; background-size: 50px; }
      .sec_1 .text_reveals .shape2 { width: 50px; }
      .sec_1 .p_ko { margin-top: 50px; line-height: 26px; text-align: center; font-size: 14px; }
      .sec_1 .p_ko span { font-size: 14px; }
}
@media screen and (max-height: 800px) {
      /* sec_1 */
      .sec_1 { padding: 150px 0px; }
      .sec_1 .p_ko { margin-top: 50px; word-break: keep-all; }      
}


/* sec_2 */
/* .sec_2 {height:100vh} */
/* .sec_2 { position: relative; background: url('../img/main/sec_bg.png') center no-repeat; z-index: 1; } */
/* .sec_2:after { content:''; opacity:0.6; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index: -1; } */
.sec_2 .content { display:flex; color:#fff;}
.sec_2 .content h2 { padding-top: 140px; line-height: 130px; color:#fff;font-size:130px; font-weight: 300; }
.sec_2 .content h2 { padding-top: 0;}
.sec_2 .content h3 { padding-top: 50px; color: #fff; font-size: 18px; font-weight: 400; }
.sec_2 .content .more_info { font-size:24px;color:#fff;width:40%;text-align:right}
.sec_2 .content .more_info h3 {color:#fff}

@media screen and (max-width:1200px) {
      /* sec_2 */
      .sec_2 .content h2 { line-height:90px; font-size: 80px; }
}
@media screen and (max-width:1400px), screen and (max-height: 800px) {
      /* sec_2 */
      .sec_2 .content h2 { line-height: 90px; font-size: 80px; }
}
@media screen and (max-width:800px) {
      /* sec_2 */
      .sec_2 .content h2  { line-height: 40px; font-size: 30px; }
      .sec_2 .content h3 { font-size: 15px; }
}



/* sec_3 */
.sec_3 {height:100vh}
/* .sec_3 {background: url('../img/main/sec_bg.png') center no-repeat;}
.sec_3::after {content:"";position:absolute;inset:0;background:hsl(0 0% 0% / .4)} */
/* .sec_3 { position: relative; overflow: hidden; background: url('../img/main/sec_bg3.png') center no-repeat; background-size: cover; z-index: 1; }
.sec_3:after { content:''; opacity:0.6; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index: -1; } */
.sec_3 .con { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 40px 0; }
.sec_3 .con { justify-content: center;text-align: center;padding: 0;}
/* .sec_3 .con .up { text-align: right; } */
.sec_3 strong { display: block; line-height: 160px; text-transform: uppercase; color: #fff; font-size: 160px; font-weight: 800; }
.sec_3 strong.st1 { mix-blend-mode: overlay; }
.sec_3 strong.st2 { color: rgba(255, 255, 255, 0.20); -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #FFF; }

@media screen and (max-width:800px) {
      /* sec_3 */
      .sec_3 strong { line-height: 70px;  font-size: 60px; }
      .sec_3 .con { padding: 70px 0 20px; }
}


/* sec_4 */
.sec_4 {height:100vh;}
.sec_4 .con { padding: 0 70px; }
.sec_4 .tx { display: flex; padding-top: 100px; }
.sec_4 .tx p { width: 30%; color: #fff; font-size: 16px; font-weight: 700; }
.sec_4 .tx .fs1 { font-weight: 500; font-style: normal; }
.sec_4 h1 { position: relative; padding-top: 100px; font-size:260px; font-weight:600;left:20px;line-height:240px; color:#fff}
.sec_4 h1:after { content: ''; position: absolute; bottom: -40px; right: 110px; display: block; width: 134px; height: 134px; background: url('../img/main/ico_shape1_2.svg')0 no-repeat; animation: shape1 10s infinite linear; }
.part { display: flex; flex-direction: column; }
.part1-info { width:35%; padding: 0 70px; color: #fff; }
.part1-info strong { padding-bottom: 30px; font-size: 40px; font-weight: 800; font-family:'Pretendard'; }
.part1-info strong span { display: block; font-weight: 400; font-size: 15px; opacity: 0.6; }
.part1-info em { margin-top: 44px; padding-bottom: 12px; font-size: 16px; font-weight: 700; }
.part1-info p { line-height: 24px; font-weight: 300; font-size: 14px; color: rgba(255,255,255,0.6); }
.part1-info .typo { padding-top: 10px; }
.part1-info .key { display: flex; align-items: center; gap: 65px; }
.part1-info .key li { display: flex; align-items: center; gap: 13px; color: rgba(255,255,255,0.6); font-size: 14px; font-weight: 500;}
.part1-info .key li i { width: 30px; height: 30px; }

@media screen and (max-width:1500px) {
      /* sec_4 */
      .sec_4 h1 { font-size: 200px; }
}
@media screen and (max-width:1200px),screen and (max-height: 700px) {
      /* sec_4 */
      .sec_4 { display: flex; align-items: center; }
      .sec_4 h1 { line-height: 100px; font-size: 90px; }
      .sec_4 h1:after { right: -50%; bottom: 150px; background-size: 70px; }
}
@media screen and (max-width:1400px), screen and (max-height: 800px) {
      .sec_4 .tx { padding-top: 0; }
      .sec_4 h1 { line-height: 130px; font-size: 120px; }
}
@media screen and (max-width:800px) {
      /* sec_4 */      
      .sec_4 .tx { padding-top: 0; }
      .sec_4 .tx p { font-size: 14px; }
      .sec_4 h1 { left: 0; padding-top: 40px; line-height:50px; font-size: 50px; }     
      .part1-info { height: auto !important; padding: 0 20px; }
      .part1-info strong { font-size: 30px; }
      .part1-info em { margin-top: 20px; font-size: 15px; }
      .part1-info p { line-height: 19px; font-size: 13px; } 
      .part1-info .typo img { width: 100%; max-width: 440px; }
      .part1-info .key { gap: 30px; }
      .part1-info .key li { gap: 10px; }
      .part1-info .key li i { width: 25px; height: 25px; }
}

@media all and (max-height: 750px)  { 
      .max_h { display: none; }
      /* sec_4 */
      /* .sec_4 h1 { line-height: 130px; font-size: 120px; } */

}



/* sec_5 */
.sec_5 {height: auto;padding-bottom: 100vh;}
.sec_5 h2 {font-size:40px;line-height:1;color:#fff}
.sec_6 h2 {font-size:40px;line-height:1;color:#fff}
.sec_5, .sec_6_1 {
      .part-img{width: 65%;padding: 0 20px;display: flex;flex-direction: column;grid-gap: 40px;}
}
.sec_5, .sec_6_1 {
      .part-img .img_box{width: 100%; height: calc(100vh - 30vh); max-width: 750px;margin: 0 auto;}
}



@media screen and (max-width:1200px) {
      /* sec_5 */
      .sec_5,.sec_6 { height: auto; padding-bottom: 0; }
}
@media screen and (max-width:800px) {
      /* sec_5 */
      .sec_5 .part-img { margin-bottom: 50px; }      
      .sec_5 .part-img .img_box img { width: 100%; }
      .sec_6_1 .part-img .img_box img { width: 100%; }
      .sec_5 .part-img { height: auto !important; }
      .sec_6_1 .part-img .img_box,
      .sec_5 .part-img .img_box { height: auto; }
}


.sec_6{height: auto;padding-bottom: 100vh;position: relative;}
.sec_6 .part-img{width: 65%;position: relative;overflow: hidden;}
.sec_6 .parallax-section {
height: 100vh;
width: 100%;
overflow: hidden;
top: 0;
padding: 0 1rem;
transform-origin: center top;
max-width: 1024px;
margin: 0 auto;
}

.sec_6 .parallax-image {
height: 200vh;
height: auto;
width: 100%;
object-fit: cover;
will-change: transform;  
}

.sec_6 .wrapper {
display: flex;
}

.sec_6 .wrapper li {
flex-shrink: 0;
width: 500px;
padding-right: 1rem;
}

.sec_6 .wrapper li img {
width: 100%;
height: auto;
}

.sec_6 .demo-text .text {
font-size: clamp(8rem, 15vw, 16rem);
line-height: 1;
font-weight: 900;
white-space: nowrap;
margin-bottom: 50px;
color: #fff;
}

.sec_6 .demo-gallery:not(.last) {
padding-bottom: 1rem;
}

.sec_6_1 {height: auto;padding-bottom: 100vh;}
.sec_6_2 {height: 100vh;}

@media screen and (max-width:800px) {
      /* sec_6 */
      .sec_6  { padding-bottom: 0; }
      .sec_6 .part-img { flex-direction: column; margin-bottom: 50px; }
      .sec_6 .parallax-section { overflow: visible; transform-origin: center; height: auto; }
      .sec_6 .parallax-image { margin-bottom: 20px; }
      .sec_6 .wrapper li { width: 300px; }
      .sec_6 .parallax-image 
      .sec_6 .demo-text .text { font-size: 80px; }
      .sec_6_1 { padding-bottom: 80px; }    
      .sec_6_1 .part-img { height: auto !important; margin-bottom: 50px; }

}


/* sec_7 */
.sec_7 {display: block; position: relative; height:100vh;background-color:#fff;overflow: hidden;}
.sec_7 .static { display: flex; justify-content: center; justify-content: space-between; width: 100%; height: 85%; text-align: center; padding-top: 70px; }
.sec_7 .content { width: 90%; }
.sec_7 h2 { line-height: 100px; font-size: 100px; font-weight: 900; text-transform: uppercase; color: #131313;}
.sec_7 h2.small{ font-size: 22px; font-weight:700; }
.sec_7 h3 { display: inline-block; padding-bottom: 3px; font-size: 16px; font-weight: 400; color: #888; }
.sec_7 h3 br { display: none; }
.sec_7 .us { display: flex; flex-direction: column; justify-content: flex-end; text-align: right; }
.sec_7 .us span { color: #B2B2B2; font-size: 18px; font-weight: 700; }
.sec_7 .us .fs1 { font-size: 200px; }
.sec_7 .us a { position: relative; }
.sec_7 .us a:before {content:""; width:100%; height:4px; background:#000; position:absolute; bottom:20px; left:0; transform: scaleX(0); transform-origin: 0 0; transition:all 0.5s;}
.sec_7 .us a:hover:before {transform: scaleX(1); transition:all 0.5s;}
/* .sec_7.bg_active {
background-color: #fff;
} */
.sec_7 .content__container {font-weight:600;overflow:hidden;height:180px;padding:0;font-size:140px;color:#fff}
.content__container__text {display:inline;float:left;margin:0;line-height:1;padding:20px 0}
.content__container__list {margin-top:0;padding-left:450px;text-align:left;list-style:none}
.content__container__list__item {line-height:1;margin:0;padding:20px 0}
.sec_7 .btn_us { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 88px; height: 88px; margin: 40px 0 60px; border-radius: 50px; background: #000; z-index: 10; }
.sec_7 .us_tx { position: relative; z-index: 1; }
.sec_7 .us_tx p { position: absolute; top: -130px; left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 200px; color: #F7F7F7; z-index: -1; }
.sec_7 .arrow {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;
      .arr{
          display:inline-block;
          width: 30px;
          height: 30px;
          overflow: hidden;
          .arr-in{
              width:100%;
              height: 100%;
              position: relative;
  
              &::before {
                  content:"";
                  position: absolute;
                  top: 50%;
                  left:50%;
                  transform: translate(-50%, -50%) rotate(45deg);
                  width:2px;
                  height: 130%;
                  background:#fff;
              }
              span {
                  position:absolute;
                  top:0;
                  right:0;
                  background-color: #fff;
                  &.t { width:83.3%; height: 2px; }
                  &.r {  height:83.3%; width: 2px;}
              }
          }
      }
      
}



/* .sec_7 .project span {
display: inline-block;
opacity: 0;
transform: translateY(-400px);
transition: 751ms ease-in-out 688ms;
}

.sec_7 .project span:nth-child(2n+1) {
transition: 1169ms ease-in-out 900ms;
}
.sec_7 .project span:nth-child(3n+2) {
transition: 932ms ease-in-out 985ms;
}
.sec_7 .project span:nth-child(5n+7) {
transition: 1338ms ease-in-out 734ms;
}
.sec_7 .project span:nth-child(7n+5) {
transition: 712ms ease-in-out 773ms;
}
.sec_7 .project span:nth-child(11n+3) {
transition: 1135ms ease-in-out 968ms;
}
.sec_7 .project span:nth-child(13n+5) {
transition: 870ms ease-in-out 847ms;
} */

.sec_7 .project span {
display: inline-block;
opacity: 0;
transform: translateY(-400px);
transition: 751ms ease-in-out;
}

.sec_7 .project span:nth-child(2n+1) {
transition: 1169ms ease-in-out;
}
.sec_7 .project span:nth-child(3n+2) {
transition: 932ms ease-in-out;
}
.sec_7 .project span:nth-child(5n+7) {
transition: 1338ms ease-in-out;
}
.sec_7 .project span:nth-child(7n+5) {
transition: 712ms ease-in-out;
}
.sec_7 .project span:nth-child(11n+3) {
transition: 1135ms ease-in-out;
}
.sec_7 .project span:nth-child(13n+5) {
transition: 870ms ease-in-out;
}

.sec_7 .project.active {
visibility: visible;
opacity: 1;
/* transition: 1s ease-in-out 0s; */
}
.sec_7 .project.active span {
transform: translateY(0px);
opacity: 1;
}
.sec_7 .project.disappear {
visibility: visible;
opacity: 1;
transition: 1s ease-in-out 0s;
}
.sec_7 .project.disappear span {
transform: translateY(500px);
}
/* .sec_7::before {
content: "";
width: 100%;
height: 100%;
background: #fff;
position: absolute;
top: 100vh;
} */
  
.sec_7 {  }

@media screen and (max-width:1200px) {
      /* sec_7 */
      .sec_7 .static { flex-direction: column; }
}
@media screen and (max-width:800px) {
      /* sec_7 */
      .sec_7 .static { gap: 50px; justify-content: center; height:80vh; padding-top: 160px; }
      .sec_7 .content { width: 100%; }
      .sec_7 h2 { line-height: 26px; font-size: 26px; }
      .sec_7 h2.small { margin-bottom: 15px; line-height: 17px; font-size: 14px; }
      .sec_7 h3 { display: block; font-size: 14px; }
      .sec_7 h3 br { display: block; }
      .sec_7 .us span { margin-bottom: -50px; font-size: 14px; }
      .sec_7 .us_tx p { top: -13px; font-size: 100px; }
      .sec_7 #footer { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
}



/*인터랙티브 없애는 CSS*/ 
/* .sec_start {position: relative;}
.sec_1 .text_reveals span {color: #fff;} */