#intro{background-image:url(/_res/tongmyong/ev/img/intro-bg01.jpg); 
-ms-transition:0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;}
#intro .container{width:910px; margin:0 auto; padding:150px 0; text-align:center}
#intro .logo{margin-bottom:90px}
#intro p{margin-bottom:25px; color:#fff; line-height: 1.8;}
#intro .container p:nth-of-type(2){color:#9cf247}
#intro .btn-container{margin:20px auto;overflow:hidden}
#intro .btn-container a{display:flex;align-items:center;justify-content:center;float:left;color:#fff; font-size:24px;width:400px;height:150px;margin:0 20px;text-align:center; border-radius:5px; background-color:rgba(255,255,255,0.1); border:1px solid #fff; box-sizing:border-box;transition:.3s}
#intro .btn-container a strong{display:block}
#intro .btn-container a:hover{background:#005629; border:none}
#intro .btn-container a:hover .bg{background:url(../img/btn-link-icon.png) center right no-repeat;padding-right:40px}
#intro .btn-container .txt-box strong{color:#9cf247;font-size:1.125rem}

/***********************************
* 210824 eun button add+
***********************************/
#intro .btn-wrap{display:flex;align-items:center;justify-content:center}
#intro .btn-wrap a{display:block;width:90px;height:90px;border-radius:10px;background:url('../img/ico-insta.png') rgba(255,255,255,.6) center no-repeat;border:2px solid #fff;transition:.3s;margin:0 20px;text-indent:-999%;overflow:hidden}
#intro .btn-wrap a.ico-facebook{background-image:url('../img/ico-face.png')}
#intro .btn-wrap a.ico-blog{background-image:url('../img/ico-blog.png')}
#intro .btn-wrap a.ico-youtube{background-image:url('../img/ico-youtube.png');}
#intro .btn-wrap a:hover{background-color:#005629;border-color:#005629}
#intro .btn-wrap a.ico-insta:hover{background-image:url('../img/ico-instaon.png');}
#intro .btn-wrap a.ico-facebook:hover{background-image:url('../img/ico-faceon.png');}
#intro .btn-wrap a.ico-blog:hover{background-image:url('../img/ico-blogon.png');}
#intro .btn-wrap a.ico-youtube:hover{background-image:url('../img/ico-youtubeon.png');}


@media (max-width: 960px){
	#intro .container{width: 100%; padding: 150px 20px;  box-sizing: border-box;}
	#intro p br{display:none}
	#intro .btn-container a{width:48%;height:150px;margin:0 1%}
	#intro .btn-container a:hover span{background:none}
	#intro .btn-container a span{padding:0}
}

@media (max-width: 640px){
	#intro .container{padding:100px 20px}
	#intro .logo{width:100%; margin-bottom:60px}
	#intro .btn-container a{font-size:1rem;height:100px}
	#intro .btn-container .txt-box strong{font-size:.9rem}
	
	#intro .btn-wrap a{width:60px;height:60px;background-size:auto 50%;margin:0 10px}
}

@media (max-width: 340px){
	#intro .btn-container a{font-size:.813rem}
	#intro .btn-container .txt-box strong{font-size:.75rem}
}