@charset "utf-8";

.site {}
.site ul {display: grid; grid-template-columns: repeat(2,1fr); gap: 20px;}
.site ul li a {display: inline-block; width: 100%; padding: 30px; border: 1px solid #ddd; border-radius: 10px; background: url(/images/common/ico_link.svg) no-repeat right 30px top 30px; transition: .3s;}
.site ul li a:hover {border: 1px solid #B0BEC5; box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.08);}
.site ul li span {color: #000; font-weight: 600; font-size: var(--fs20);}
.site ul li p {font-size: var(--fs16); color: #1A76D2; font-weight: 300;}



/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 1199px) {

}



/* ************************ 모바일 (~767) ************************ */
@media screen and (max-width:767px) { 

	.site ul {grid-template-columns: repeat(1, 1fr); gap:10px;}
	.site ul li p {word-break: break-all; line-height: 1.2; margin-top: 5px; padding-right: 60px;}

}