.main-content-inner03 {padding:120px 0;position: relative;}
.main-content-inner03 .title-box {margin: 0 0 40px 0;}
.main-content-inner03 .title-box h3{font-family: 'Paperlogy';font-weight: 700;font-size: 48px;line-height: 56px;color: #fff;}
.list-program {}
.list-program > ul { display: grid;grid-template-columns: repeat(3, 1fr);grid-auto-rows: 280px;gap: 40px;}
.list-program > ul > li {position: relative;overflow: hidden;border-radius: 16px;}
.list-program > ul > li.big { grid-row: span 2;}
.list-program > ul > li a {position:relative;padding: 32px;border-radius: 16px;background: rgba(255, 255, 255, 0.1);display: block;width: 100%;height: 100%;box-sizing: border-box;transition: 0.5s ease;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);}

.list-program > ul > li a:hover {background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), linear-gradient(120.26deg, rgba(17, 116, 255, 0) 23.16%, #1174FF 100.53%);}

.list-program > ul > li a .ico-link {position:absolute;bottom: 32px;right:32px;width: 44px; height: 44px;border-radius: 50%;background: rgba(0,0,0,0.2) url(/_res/yonsei_ysb/mba/img/common/sec03-ico-link.png) no-repeat center;z-index: 10;}
.list-program > ul > li a:hover .ico-link{background: #fff url(/_res/yonsei_ysb/mba/img/common/sec03-ico-link-on.png) no-repeat center;}
.list-program > ul > li a p {font-weight: 500;font-size: 20px;line-height: 26px;letter-spacing: -0.015px; color:#fff;margin: 0 0 20px 0;}
.list-program > ul > li a .t1 {font-weight: 700;font-size: 32px;line-height: 150%;letter-spacing: -0.02px;}
.list-program > ul > li a .list {margin: 52px 0 0 0;}
.list-program > ul > li a .list li {position:relative;font-weight: 500;font-size: 20px;line-height: 26px;letter-spacing: -0.015px;color:#fff;padding-left:26px;}
.list-program > ul > li a .list li + li {margin: 16px 0 0 0;}
.list-program > ul > li a .list li:before {content:"";position:absolute;width:18px;height:18px;background:transparent;border:1px solid #fff;top:50%;left:0;transform:translatey(-50%);border-radius: 50%;}
.list-program > ul > li a .list li:after {content:"";position:absolute;width:7.2px;height:7.2px;background:#fff;top:50%;left:6.4px;transform:translatey(-50%);border-radius: 50%;}

.list-program > ul > li{animation: scaleUpMove 1s ease both;transition: .5s ease;}
.list-program > ul > li:nth-child(even) {animation-name: scaleDownMove;}
.list-program > ul > li:hover a:before, .list-program > ul > li:hover a:after{content: ""; position: absolute; left: 0; top: 0; width: 0%; height: 2px; animation: sec05Listlinemove 5s linear infinite; offset-path: rect(0% auto 100% auto); background: linear-gradient(45deg, transparent, #fff, transparent); z-index: 1; box-shadow: 0 0 30px #fff; transition: .5s ease;}

@keyframes scaleUpMove {0% {transform: scale(0) translateY(30%);} 100% {transform: none;}}
@keyframes scaleDownMove {0% {transform: scale(0) translateY(-30%);} 100% {transform: none;}}
@keyframes sec05Listlinemove {0% {offset-distance: 0%;} 100% {offset-distance: 100%;} 10%, 38%, 63%, 85% {width: 70%} 0%, 25%, 50%, 75%, 100% {width: 0;}}

.list-program > ul:hover > li:not(:hover) a{opacity: 0.4;}

@media (max-width: 1200px) {
	.list-program > ul {gap:20px;grid-template-columns: repeat(2, 1fr);}
	.list-program > ul > li.big {order:1;}	
}
@media (max-width: 1024px) {
	.main-content-inner03 {padding: 64px 0;}
	.main-content-inner03 .title-box h3{font-size: 28px;line-height: 140%;}
}
@media (max-width: 768px) {
	.list-program > ul {gap:20px;grid-template-columns: repeat(1, 1fr);grid-auto-rows: auto;}
	.list-program > ul > li a {padding: 32px 24px;}
	.list-program > ul > li:before {right: 24px;width: 32px;height: 32px;background-size: 8px;}
	.list-program > ul > li a p {font-weight: 400;font-size: 14px;line-height: 150%;letter-spacing: -0.02px;}
	.list-program > ul > li a .t1 {font-size: 24px;line-height: 140%;margin: 0 0 12px 0;}
	.list-program > ul > li {min-height:195px;}
	.list-program > ul > li.big {min-height: 419px;}	
}