@charset "utf-8";

/*
* vw 단위 사용법
* 80px => calc(80 * var(--vw));
*/

/* 공통 */
[class*="imc__section"] {
  position: relative;
}
[class*="imc__section"] .section__imgWrap {
  position: absolute;
  top:0;
  width:100%;
}
.jsScrollFadeInImg {transition:1s; opacity: 0;}
.jsScrollFadeInImg.on {opacity: 1;}
.jsScrollFadeInLongUpImg {transition:1s; transform:translateY(150px); opacity: 0;}
.jsScrollFadeInLongUpImg.on {opacity: 1; transform:translateY(0);}
[class*='jsScrollFadeInUpImg'] {transition:1s; transform:translateY(20px); opacity: 0;}
[class*='jsScrollFadeInUpImg'].on {opacity: 1; transform:translateY(0);}
[class*='jsScrollFadeInSideImg'] {transition:1s; transform:translateX(-50px); opacity: 0;}
[class*='jsScrollFadeInSideImg'].on {opacity: 1; transform:translateX(0);}
.jsScrollFadeInZoomImg {transition:1s; transform:scale(1.05);}
.jsScrollFadeInZoomImg.on {transform:scale(1);}
.imgWrap__scale{
  width:calc(1772 * var(--vw));
  overflow:hidden;
}


.section__visual{
  opacity: 0; transition:1.5s;
}
.section__visual.on{
  opacity: 1;
}

.imc__section--01 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top:calc(75 * var(--vw));
}

.imc__section--01 .section__logo{
  width:calc(355 * var(--vw));
  padding-bottom:calc(33 * var(--vw));
}
.imc__section--01 .section__title{
  width:calc(1184 * var(--vw));
  padding-bottom:calc(43 * var(--vw));
}
.imc__section--01 .section__text{
  width:calc(844 * var(--vw));
  padding-bottom:calc(200 * var(--vw));
}
.imc__section--01 .section__img01{
  width:calc(1608 * var(--vw));
  padding-bottom:calc(200 * var(--vw));
}

.imc__section--02 {
  margin-top:calc(200 * var(--vw));
}
.imc__section--02 .section__imgWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top:calc(200 * var(--vw));
}
.imc__section--02 .imgWrap__logo{
  width:calc(285 * var(--vw));
  padding-bottom:calc(30 * var(--vw));
}
.imc__section--02 .imgWrap__title{
  width:calc(624 * var(--vw));
  padding-bottom:calc(100 * var(--vw));
}
.imc__section--02 .imgWrap__img01{
}

.imc__section--03 .section__imgWrap{
  display: flex;
  justify-content: center;
  gap:calc(20 * var(--vw));
  width:calc(1772 * var(--vw));
  left:50%;
  transform:translateX(-50%);
}
.imc__section--03 .section__imgWrap>div{
  width:calc(578 * var(--vw));
  overflow:hidden;
}


.imc__section--04 .section__imgWrap{
  display: flex;
  justify-content: center;
  width:100%;
}
.imc__section--04 .imgWrap__img01{
  width:calc(1772 * var(--vw));
}


.imc__section--05  .section__bg{
  z-index: 1;
  position: relative;
}
.imc__section--05 .section__imgWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top:calc(200 * var(--vw));
  z-index: 1;
}
.imc__section--05 .imgWrap__logo{
  width:calc(285 * var(--vw));
  padding-bottom:calc(28 * var(--vw));
}
.imc__section--05 .imgWrap__title{
  width:calc(430 * var(--vw));
  padding-bottom:calc(94 * var(--vw));
}
.imc__section--05 .imgWrap__img01{
  width:calc(1772 * var(--vw));
}

.imc__section--06 .section__imgWrap {
  position:relative;
}
.imc__section--06 .section__blurMask {
  position: sticky;
  top: 106px;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  transition:1.5s;
}
.imc__section--06 .section__blurMask .section__bg {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transform:scale(1.2);
}
.imc__section--06 .section__imgWrap .imgWrap__text{
  position: fixed;
  top: calc(158 * var(--vw));
  width: calc(507 * var(--vw));
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition:1.5s;
}
.imc__section--06 .section__imgWrap .imgWrap__text.on {
  opacity: 1;
}
.imc__section--06 .section__imgWrap .imgWrap__top{
  display: flex;
  align-items: flex-end;
  gap:calc(100 * var(--vw));
  padding-left:calc(235 * var(--vw));
  margin-top:calc(1000 * var(--vw));
}
.imc__section--06 .section__imgWrap .imgWrap__bottom{
  display: flex;
  align-items: flex-end;
  gap:calc(100 * var(--vw));
  padding-left:calc(325 * var(--vw));
  margin-top:calc(180 * var(--vw));
  padding-bottom:calc(200 * var(--vw));
}
.imc__section--06 .section__imgWrap .imgWrap__img01{
  width: calc(720 * var(--vw));
}
.imc__section--06 .section__imgWrap .imgWrap__img02{
  width: calc(538 * var(--vw));
}
.imc__section--06 .section__imgWrap .imgWrap__img03{
  width: calc(538 * var(--vw));
}
.imc__section--06 .section__imgWrap .imgWrap__img04{
  width: calc(720 * var(--vw));
}

.imc__section--07 {
  z-index: 1;
  position: relative;
}

.imc__section--08 .section__imgWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top:calc(203 * var(--vw));
}
.imc__section--08 .imgWrap__logo{
  width:calc(285 * var(--vw));
  padding-bottom:calc(30 * var(--vw));
}
.imc__section--08 .imgWrap__title{
  width:calc(689 * var(--vw));
  padding-bottom:calc(94 * var(--vw));
}
.imc__section--08 .imgWrap__img01{
  width:calc(1399 * var(--vw));
  padding-bottom:calc(49 * var(--vw));
}
.imc__section--08 .imgWrap__text{
  width:calc(615 * var(--vw));
}

.btn__moveOrderSheet {
  position: absolute;
  top: 88.8%;
  left: 42%;
  width: 16%;
  height: 2.2%;
  font-size: 0;
}