/* main-intro */

.loading_pg {position:fixed;z-index: 9999;top:0;left:0; height: 100vh; transition: opacity 1000ms, visibility 500ms linear 1500ms;opacity:1;}
.loading_pg.off {  opacity:0; visibility:hidden;}	
	
#page{/*background:url(/web/img/bg.jpg) repeat;*/background: #f4f3ef;}
	
#page.main-intro {display: flex;justify-content: center;align-items: center;top: 0;left: 0;right: 0;bottom: 0;font-size: 0;text-align: center;z-index: 999;}

#page.main-intro .page_script {margin-top: 0;padding-top: 0;}
#page.main-intro [class^=letter] {display: inline-block;font-size: 45px;color: #a16c53;font-weight: bolder;opacity: 0;font-family: "Mulish", sans-serif;letter-spacing: 2px;line-height: 1.5;}
#page.main-intro .letter1, #page.main-intro .letter6 { animation: main-intro_typo 2s 0.15s ease forwards;}
#page.main-intro .letter2, #page.main-intro .letter7 { animation: main-intro_typo 2s 0.25s ease forwards;}
#page.main-intro .letter3, #page.main-intro .letter8 { animation: main-intro_typo 2s 0.35s ease forwards;}
#page.main-intro .letter4, #page.main-intro .letter9  { animation: main-intro_typo 2s 0.45s ease forwards;}
#page.main-intro .letter5, #page.main-intro .letter10 { animation: main-intro_typo 2s 0.55s ease forwards;}
#page.main-intro .letter11 { animation: main-intro_typo 2s 0.65s ease forwards;}
#page.main-intro .letter12 { animation: main-intro_typo 2s 0.75s ease forwards;}	
#page.main-intro .letter13 { animation: main-intro_typo 2s 0.85s ease forwards;}	
	
	
#page.main-intro .conts {margin-top: 20px;font-size: 16px;}
#page.main-intro .conts p {opacity: 0;transform: translateY(10px);font-family: 'KBIZHanmaumMyungjo';font-size: 17px;letter-spacing: -1px;line-height: 2;color: #a16c53;font-weight: bold;}
#page.main-intro .conts p:nth-child(1) { animation: main-intro_copy ease 0.8s 1s forwards;}
#page.main-intro .conts p:nth-child(2) { animation: main-intro_copy ease 0.8s 1.2s forwards;}

#page.main-intro .img-wrap{background-position: center;margin-bottom: 15px;}
#page.main-intro .bg_spg {background: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #dddddd 33%);width: 100%;height: 120%;z-index: 30;transition: 2s;display: block;position: absolute;transform: scale(1.1);}
#page.main-intro .bg_spg.on {transform: translateY(-100%);}
#page.main-intro .img {background-position: center;background-size: cover;margin: auto;height: 175px;width: 100%;}

	
@keyframes main-intro_typo {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    text-shadow: none;
  }
}
@keyframes main-intro_copy {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}	
	
@media screen and (max-width: 1024px) {
	#page.main-intro #visual {  padding-bottom: 20px; }
	#page.main-intro [class^=letter] { font-size: 44px; }
	#page.main-intro .conts {  font-size: 14px;}
}


@media screen and (max-width: 650px) {
	#page.main-intro .img{width: 86%; height: 120px;}
	#page.main-intro [class^=letter]{font-size: 35px;}


}