.link{width:100%;position:relative;z-index:1;background:#fff;}
.link .main-link-page{width:100%;overflow:hidden;}
.link .main-link-page li{display:table;float:left;width:50%;height:200px;transition:all 0.8s cubic-bezier(0, 0, 0, 0.8);}
.link .main-link-page li.active{width:55%;transition:all 0.8s cubic-bezier(0, 0, 0, 0.8);}
.link .main-link-page li.deactive{width:45%;transition:all 0.8s cubic-bezier(0, 0, 0, 0.8);}
.link .main-link-page li:nth-child(1){background:url(./img/left-link.jpg) no-repeat center center;background-size:cover;}
.link .main-link-page li:nth-child(2){background:url(./img/right-link.jpg) no-repeat center center;background-size:cover;}
.link .main-link-page li a{display:table-cell;padding:0 0px 0 120px;vertical-align:middle;background:url(./img/link.png) no-repeat calc(100% - 120px) center;}
.link .main-link-page li a strong{display:block;font-size:22px;font-family:'GmarketSansMedium';font-weight:700;line-height:1.2em;color:#fff;}
.link .main-link-page li a span{display:block;margin-top:10px;font-family:'GmarketSansMedium';font-size:15px;line-height:1.5em;color:#fff;}

@media all and (max-width: 1500px){
    .link .main-link-page li a{  background: none;  }

}

@media all and (max-width: 1400px) {    
	.link .main-link-page li a{ padding: 0 30px 0 30px; }
}

@media all and (max-width: 1200px) {
    .link .main-link-page li.active{width:50%;}
    .link .main-link-page li.deactive{width:50%;}
}