.main-content-inner02 {margin-top:195px;}
.main-content-inner02 .banner {height:600px;}
.main-content-inner02 .banner img {width:100%;height:100%;object-fit:cover;border-radius:20px;}

.program-wrap {padding:120px 0;position: relative;max-width: 1520px;margin: 0 auto;}
.program-wrap .title-box {margin: 0 0 40px 0;}
.program-wrap .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: 236px;gap: 20px;}
.list-program > ul > li {position: relative;overflow: hidden;border-radius: 16px; backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.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;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) {
	.program-wrap {padding: 0;}
	.program-wrap .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;}	
}

@media (max-width:1024px) {
	.main-content-inner02 {padding: 80px 0; margin-top:64px;}
	.main-content-inner02 .banner {height:calc(670/750*100vw);}
}


@media (min-width: 1025px) {
	
/*미션*/
.vision_01 .cover{width:100vw;z-index:3;display:block;background:rgba(0,0,0,0.6);}
.vision .vision_inner {width:100%;height:100%;max-width:100%;display:flex;justify-content: center;align-items: center;overflow:hidden;}
.vision .vision_inner .thumb { position:absolute; top:0; left:0; width:100%; height:100%; min-width:100vw; display:block; z-index:2; overflow:hidden ; }
.vision .vision_inner .thumb:before {content: "";position: absolute;width: 100%;height: 100%;top:0 ;left: 0;background: #0000004D;}
.vision .vision_inner .thumb img{ width:100%; height:100%; object-fit: cover;}
.vision .text_box{width: 100%;position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index:4; color:var(--white); display:flex; flex-direction: column; align-items: center;}

.vision_box { position:relative; width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw); overflow:hidden; display:flex; flex-direction:column; justify-content:flex-start; align-items:center;}
.vision{ position:relative; width:100%; max-width:100vw; overflow: hidden;}
.vision .guide_text{ font-family: Paperlogy;font-weight: 700;font-size: 32px;line-height: 150%;letter-spacing: -0.2px;text-align: center;vertical-align: middle;color: #ffffff;padding: 0 0 32px;}
.vision .title{font-weight: 700;font-size: 48px;line-height: 150%;letter-spacing: -0.2px;text-align: center;vertical-align: middle;color: #fff;}
.vision .title img {width: 100%;height: 100%;object-fit: cover;}


.vision.vision_02{ z-index:4}
.vision.vision_03{ z-index:5}
.vision.vision_04 { z-index:6}
.vision.vision_02,
.vision.vision_03,
.vision.vision_04 {  position: absolute;  top: 0;  left: 0;   width: 100%; height:100% }

.vision_02 .guide_graph { display:flex; width:auto; gap:0 33.8rem; justify-content: center; align-items: flex-start; position:relative}
.vision_02 .guide_graph .graph_box { position:absolute; top:1.2rem; left:50%; transform: translateX(-50%); width:52.4rem; height:52.4rem; display:flex; justify-content: center; align-items: center; background:url(/_res/ko/img/sub/IR_030000/sc02_circle.png) no-repeat center / cover; }
.vision_02 .left_ul,
.vision_02 .right_ul { margin-top:8.4rem; }
.vision_02 dl{ position:relative}
.vision_02 dl * { color:var(--white); }
.vision_02 dl dt { font-size:4rem; font-weight:700; }
.vision_02 dl dd { width:100%; font-size:2rem; font-weight:400; white-space: nowrap;}
.vision_02 .left_top,
.vision_02 .left_bottom { padding-right:28.5rem}
.vision_02 .left_top *,
.vision_02 .left_bottom * { text-align: right; }
.vision_02 .left_top dd.pc_block,
.vision_02 .left_bottom dd.pc_block { justify-content: flex-end; }
.vision_02 .left_top:before,
.vision_02 .left_bottom:before { content:""; width:26.5rem; height:1.2rem; display:block; position:absolute; right:0; top:2.4rem; background-position:right top; background-repeat: no-repeat; background-size:100% auto}
.vision_02 .right_top,
.vision_02 .right_bottom { padding-left:28.5rem}
.vision_02 .left_bottom { margin-top:20rem;}
.vision_02 .right_bottom { margin-top:16.8rem;}
.vision_02 .right_top *,
.vision_02 .right_bottom * { text-align: left; }
.vision_02 .right_top:before,
.vision_02 .right_bottom:before { content:""; width:26.5rem; height:1.2rem; display:block; position:absolute; left:0; top:2.4rem; background-position:right top; background-repeat: no-repeat; background-size:100% auto}

.vision_02 ul { width:100%;}
.vision_02 li { position:relative; width:100%; display:flex; flex-direction: column; justify-content: flex-start; align-items: center; gap:2rem 0;}
.vision_02 li .thumb{ display:flex; font-size:0; }
.vision_02 li .thumb img { width:100%}
.vision_02 li .row{ display:flex; flex-direction: column; align-items: center; gap:0.8rem 0}
.vision_02 .title {  }

.vision_03{ display:flex; justify-content: flex-start; align-items: center; gap:0 8rem}
.vision_03 .thumb{ width:60rem; }
.vision_03 .thumb img{ width:100%;}
.vision_03 .col{ display:flex; flex-direction: column; align-items: flex-start; gap:1.6rem 0;}
.vision_03 .col .guide_text { font-family: "Montserrat", sans-serif; font-size:3.2rem; font-weight:700; text-align: center; color:var(--primary)}
.vision_03 .col .text{}
/*.vision_04 { margin-bottom:-20rem; }*/

}


@media (max-width: 1024px){
	.vision_box { height: auto; }
	.vision .guide_text{font-size:30px;padding:0 0 20px;}
	.vision .title{font-size:22px;}
	.vision_01 .thumb {display:none;}
	.vision_02 ul { width:100%;}
	.vision_02 li { position:relative; width:100%; display:flex; flex-direction: column; justify-content: flex-start; align-items: center; gap:2rem 0;}
	.vision_02 li .thumb{ display:flex; font-size:0; }
	.vision_02 li .thumb img { width:100%}
	.vision_02 li .row{ display:flex; flex-direction: column; align-items: center; gap:0.8rem 0}
	
}