@charset "utf-8"; 

/* 바로가기02 */
.E09_M_link02 {position:relative; width:100%; height:100%; }
.E09_M_link02  h2 {position:absolute; width:1px; height:1px; top:-999999em; left:-999999em; }
.E09_M_link02 ul{display:table;width:100%;table-layout:fixed;} 
.E09_M_link02 ul li {margin-left:12.5%; display:table-cell;} 
.E09_M_link02 ul li:first-child {margin-left:0;}
.E09_M_link02 ul li a {display:block; color:#fff; font-family:'NotoM'; word-break:keep-all; }
.E09_M_link02 ul li a img {display:block; width:105px; height:105px; margin:50px auto 15px; background:rgba(255,255,255,0.4); border-radius:53px;}
.E09_M_link02 ul li a p {width:80%; margin:0 auto; font-size:18px; line-height:24px; text-align:center;}
.E09_M_link02 ul li a:hover img {margin:40px auto 25px; background:#0077d0;}
.E09_M_link02 a, .E09_M_link02 a img {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }

@media screen and (max-width:1420px) { 
	
	/* 바로가기02 */
	.E09_M_link02 ul{overflow:hidden;}
	.E09_M_link02 ul li {float:left; width:25%; margin-left:0;} /* 201222 */

}

@media screen and (max-width:1200px) { 
	/* 바로가기02 */
	.E09_M_link02 ul li a img {margin:10px auto 15px;}
	.E09_M_link02 ul li a:hover img {margin:0 auto 25px;}
}

@media screen and (max-width:590px) {
	/* 바로가기02 */
	.E09_M_link02 ul li {float:left; width:50%; margin-left:0;} /* 201222 */
	.E09_M_link02 ul li a p {font-size:15px; line-height:20px; margin-bottom: 5px;} /* 201222 */
	.E09_M_link02 ul li a:hover img {margin:0 auto 15px;}
}

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

	/* 바로가기02 */
	.E09_M_link02 ul li a p{width:auto; margin:0 0 5px;} /* 201222 */
}