/*
 font-size:3.875rem;  font-weight:300; color:#fff;

14 = 0.875    16 = 1     18 = 1.125      20 = 1.25     22 = 1.375     24 = 1.5     28 = 1.75
36 = 2.25      48 = 3      54 = 3.375         56 = 3.5         62 = 3.875
*/


/******************* 인트로 : 풀백그라운드 이미지 타입 *************************/
 div#intro_fullbackground_wrap {position:relative;	 height: 100vh; background: url("../../_images/main/@intro_bg01.jpg") no-repeat center/cover; background-attachment: fixed; animation: grow 20s linear infinite;}
 		@keyframes grow {
			0%  { background-size: 100% auto; }
			25% { background-size: 110% auto; }
			50% { background-size: 120% auto; }
			75% { background-size: 110% auto; }
			100% { background-size: 100% auto; }
		}
 div#dim_wrap { position:absolute; width:100vw; height:100vh; left:0; top:0px; background:rgba(0,0,0,0.5); }

	 div.intro_type { width:100%; padding:0 5vw; font-weight:300; color:#fff; font-size:3.875rem; line-height:130%; 
		position:absolute; left: 50%; top:50%; z-index:100;
		-webkit-transform: translate(-50%, -50%); 
		-ms-transform: translate(-50%, -50%); 
		-moz-transform: translate(-50%, -50%); 
		-o-transform: translate(-50%, -50%); 
		transform: translate(-50%, -50%); 
	 }
		 div.intro_type p { font-weight:700; }

		 dl.intro_btn_branch { text-align:center;}
		 dl.intro_btn_branch dt { margin:2vw 0 4vw;}
		 dl.intro_btn_branch dt img { max-width:20vw;}
		 dl.intro_btn_branch dd {  }
		 dl.intro_btn_branch dd a { display:inline-block; margin:0 10px; border:1px solid rgba(255,255,255,0.5); width:10vw;  font-size:1.75rem;  font-weight:500; color:rgba(255,255,255,0.5); padding:15px 0; border-radius:100px; line-height:100%; }
		 dl.intro_btn_branch dd a:hover { background:#E70012; color:rgba(255,255,255,1); border:1px solid #E70012;  box-shadow: 4px 8px 16px 10px rgba(0,0,0,0.2);}

		 
		div.intro_btn_nowgo { text-align:center; }
		div.intro_btn_nowgo a { display:inline-block;  line-height:100%; width:4vw;  font-size:1rem;  font-weight:300; color:rgba(255,255,255,1); border-bottom: 1px solid rgba(255,255,255,1); padding:0 0 8px 0;  transition:all 1s ease;  }
		 div.intro_btn_nowgo a:hover {   width:100%;}


	div.intro_copyright {  position:absolute; width:100vw; left:0; bottom:30px; z-index:100; text-align:center; font-size:0.875rem;  font-weight:400; color:rgba(255,255,255,0.3); }



@media screen and (max-width: 1279px) {
	div.intro_type { font-size:3rem; }
	dl.intro_btn_branch dd a { width:15vw;   font-size:1.375rem;padding:10px 0;}
}

@media screen and (max-width: 767px) {
	div.intro_type { font-size:2rem; }
	dl.intro_btn_branch dt img { max-width:30vw;}
	dl.intro_btn_branch dt { margin:4vw 0 8vw;}
	dl.intro_btn_branch dd a { width:30vw;  font-size:1.375rem;padding:10px 0;}
	div.intro_btn_nowgo a {  width:15vw; }

	 		@keyframes grow {
			0%  { background-size:auto 100%; }
			25% { background-size:auto 110% ; }
			50% { background-size:auto 120% ; }
			75% { background-size:auto 110% ; }
			100% { background-size:auto 100% ; }
		}
}

@media screen and (max-width: 479px) {
}



/******************* 인트로 : 풀백그라운드 영상 타입 *************************/
div#intro_fullvideo_wrap { position:relative;  overflow:hidden; }
div#intro_fullvideo_wrap iframe { position: absolute; top: 50%; left: 50%; width: 100vw;  height: 56.26vw; min-height: 100vh; min-width: 177.77vh;  transform: translate(-50%, -50%);}
div#intro_fullvideo_wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    background: rgba(0,0,0,0.3);
}