/* BASIC css start */
.snb-wrap{position:fixed;left:8%;top:4%;z-index:10;}
.snb-wrap h1{margin-bottom:20px;}
.snb-wrap h1 a{width:67px;}
.snb-wrap a{display:block;padding:3px 0;color:#000;font-family:'Noto Sans KR', sans-serif;}
.snb-wrap a.on,
.snb-wrap a:hover{font-weight:bold;}
.snb-depth2, .snb-depth3{display:none;overflow:hidden;}
.snb-depth2.on, .snb-depth3.on{display:block;}
.snb-wrap .snb-depth1 > li{margin-bottom:10px;}
.snb-wrap .snb-depth1 > li > a{font-size:14px;}
.snb-wrap .snb-depth2{padding-top:10px;border-top:1px solid #000;}
.snb-wrap .snb-depth2 > li{margin-bottom:8px;}
.snb-wrap .snb-depth2 > li > a{font-size:13px;}
.snb-wrap .snb-depth2 > li > a:before{content:'';display:inline-block;width:8px;height:8px;margin-right:4px;border:1px solid #000;}
.snb-wrap .snb-depth3{padding-bottom:10px;padding-left:10px;}
.snb-wrap .snb-depth3 > li > a{font-size:12px;line-height:1.6;}
.tlogo{width: 90px; height:90px; margin-top:30px; margin-left:20px;}


#contents{padding-top:0}


/* 슬라이드 내부에서 타이포를 이미지 위에 올리기 */
.swiper-slide{
  position: relative;
}

/* 하단 타이포 박스 */
.m-title{
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 42px;
  z-index: 10;
  color: #111; /* 기본(밝은 배경 기준) */
}

/* 텍스트 */
.m-title__text{
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 26px;
  font-weight: 500;
  position:relative;
  top:-10px;
  letter-spacing: -0.6px;
  line-height: 1.2;
  text-align:left;
  margin-left:10px;
}

/* 밑줄 */
.m-title__line{
  position:relative;
  top: -5px;
  margin-left:10px;  
  height: 1px;
  width: 100%;
  background: currentColor;
  opacity: .85;
}
.m-title{
  display:inline-block;   /* 텍스트 폭만큼 박스가 잡힘 */
  right:auto;             /* 기존 right:18px 같은 게 있으면 영향 줄 수 있어서 */
}

.m-title__line{
  width:100%;             /* (=텍스트 폭) */
}

/* 애니메이션 */
.fx{
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1.0s cubic-bezier(0.22, 1, 0.36, 1),
              transform 1.0s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}
.fx.is-in{
  opacity: 1;
  transform: translateY(0);
}

        
.m-title{
  opacity:0;
  transform:translateY(40px);
  transition:all 1s cubic-bezier(.22,1,.36,1);  /*  1s  */
}

.m-title.is-in{
  opacity:1;
  transform:translateY(0);
}


/* 밑줄 기본 상태 
.m-title__line{
  margin-top:7px;
  height:1px;
  width:100%;
  background:currentColor;

  transform:scaleX(0);
  transform-origin:left;
  transition:transform .55s cubic-bezier(.22,1,.36,1);
}

/* 텍스트 등장 후 밑줄 등장 */
.m-title.is-in .m-title__line{
  transform:scaleX(1);
  transition-delay:.35s;  
}
*/


/* 텍스트 기본 상태 */
.m-title__text{
  transform:scale(1);
  transition:transform .8s cubic-bezier(.22,1,.36,1);
}

/* 밑줄 등장 후 텍스트 확대 
.m-title.is-in .m-title__text{
  animation:textPop .8s cubic-bezier(.22,1,.36,1) .55s forwards;
}

@keyframes textPop{
  0%{ transform:scale(1); }
  60%{ transform:scale(1.06); }
  100%{ transform:scale(1.03); }
}
*/


.mySwiper { opacity: 1; visibility: visible; }


/* 오른쪽 동글버튼 숨김처리  */
.swiper-pagination { display:none !important; }


/* BASIC css end */