.box-content {background: #F2F6FB;border-radius: 12px;padding: 52px 40px;}
.box-content .top {padding: 0 0 40px;border-bottom: 1px solid #CCCCCC;margin: 0 0 40px;}
.box-content .top .title {font-weight: 700;font-size: 32px;line-height: 150%;letter-spacing: -0.2px;color: #111111;}
.box-content .bot > ul > li {font-weight: 600;font-size: 20px;line-height: 150%;letter-spacing: -0.2px;color: #000000;padding: 0 0 12px;}
.box-content .bot > ul > li:last-child {padding: 0;}
.ul-type-dot > li {font-weight: 400;}
.img-box-left {text-align: left;}
.border-bot {border-bottom: 1px solid #CCCCCC;margin: 0 0 64px;}


.advance-wrap {display: flex;gap: 32px;flex-wrap: wrap;}
.advance-wrap .item {display: flex;padding: 40px;box-sizing: border-box;flex: 0 0 calc(100% / 2 - 16px);border: 1px solid #CCCCCC;border-radius: 20px;gap: 20px 40px;align-items: center;}
.advance-wrap .item .txt {flex: 1;}
.advance-wrap .item .txt p {font-weight: 600;font-size: 32px;line-height: 150%;letter-spacing: -0.2px;color: #111111;padding: 0 0 16px;}
.advance-wrap .item .txt span{font-weight: 400;font-size: 20px;line-height: 150%;letter-spacing: -0.2px;color: #111111;}


.chart-wrap {display: flex;align-items: center;gap: 50px 160px;max-width: 1120px;margin: 0 auto;}
.chart-wrap + .note {padding: 40px 0 0;text-align: center;font-weight: 400;font-size: 16px;line-height: 150%;letter-spacing: -2%;color: #111;}
.chart-wrap .chart-box .title {font-weight: 700;font-size: 32px;line-height: 150%;letter-spacing: -0.2px;text-align: center;color: #111111;padding: 0 0 64px;}
.char-profile {width: 660px;height: 660px;position: relative;}
.char-profile canvas {width: 100% !important;height: 100% !important;}

.chart-wrap .num {flex: 1;}
.chart-wrap .num .item {border: 1px solid #1174FF;border-radius: 12px;padding: 20px 10px;margin: 0 0 20px;}
.chart-wrap .num .item:last-child {margin: 0;}
.chart-wrap .num .item .txt {font-weight: 400;font-size: 20px;line-height: 150%;letter-spacing: -0.2px;text-align: center;vertical-align: middle;color: #111111;padding: 0 0 8px;}
.chart-wrap .num .item .number{font-weight: 700;font-size: 40px;line-height: 150%;letter-spacing: -0.2px;text-align: center;vertical-align: middle;color: #1174FF;}
.chart-wrap .num .item .number > span {font-size: 20px;font-weight: 400;margin-left: 4px;display: inline-block;}


.program-wrap {display: flex;gap: 32px 24px;flex-wrap: wrap;}
.program-wrap .item {border-radius: 20px;background: #F2F6FB;padding: 28px 24px;min-height: 240px;box-sizing: border-box;position: relative;flex: 0 0 calc(100% / 4 - 18px);}
.program-wrap .item .box-txt .tit {color: #111111;font-weight: 700;font-size: 28px;line-height: 150%;letter-spacing: -0.2px;padding: 0 0 16px}
.program-wrap .item .box-txt .txt {font-weight: 400;font-size: 16px;line-height: 140%;letter-spacing: -0.15px;color: #111111;}
.program-wrap .item .box-txt .txt .mark-p {font-weight: 400;font-size: 14px;line-height: 150%;letter-spacing: -0.2px;color: #555555;display: block;}
.program-wrap .item .box-txt .ul-type-dot > li {font-weight: 400;font-size: 16px;line-height: 140%;letter-spacing: -0.15px;color: #111;}
.program-wrap .item .box-txt .ul-type-dot > li:before {top: 8px;}
.program-wrap .item .box-txt .ul-type-dot + .mark-p {font-weight: 400;font-size: 14px;line-height: 150%;letter-spacing: -0.2px;color: #555555;display: block;}
.program-wrap .item .icon {position: absolute;display: inline-block;bottom: 28px;right: 24px;}

.program-wrap.arrow .item:after {content: "";position: absolute;background: url(/_res/yonsei_ysb/mba/img/common/ico-pro-arow.png);width: 24px;height: 24px;right: -24px;top: 50%;transform: translatey(-50%);}
.program-wrap.arrow .item:last-child:after {display: none!important;}

.mark-p.type02 {font-weight: 400;font-size: 16px;line-height: 150%;letter-spacing: -0.02em;color:#111;}
@media (max-width: 1024px){
	.advance-wrap {flex-direction: column;}
	.advance-wrap .item {flex: 0 0 100%;padding: 20px;}
	.box-content {padding: 25px;}

	.chart-wrap {flex-direction: column;}
	.chart-wrap .num {display: flex;width: 100%;gap: 20px;}
	.chart-wrap .num .item {flex: 1;margin: 0;}
	
	.program-wrap .item {flex: 0 0 calc(100% / 3 - 16px);}
	.program-wrap.arrow .item:nth-child(3n):after {display: none;}
	.border-bot {margin: 0 0 32px;}
}

@media (max-width: 768px) {
	.advance-wrap .item {flex-direction: column;align-items: flex-start;}
	.advance-wrap .item .ico {width: 90px;margin: 0 auto;}
	.advance-wrap .item .ico img {width: 100%;height: 100%;object-fit: cover;}
	.advance-wrap .item .txt p {font-size: 24px;line-height: 130%;padding: 0 0 10px;}
	.advance-wrap .item .txt span {font-size: 14px;}
	.con-p02 {font-size: 16px;}
	.box-content .top .title {font-size: 24px;}
	.box-content .top {padding: 0 0 20px;margin: 0 0 20px;}
	.box-content .bot > ul > li {font-size: 16px;}


	.chart-wrap .num {flex-direction: column;}
	.char-profile {width: 100%;height:  100%}
	
	.program-wrap .item {flex: 0 0 calc(100% / 2 - 12px);padding: 20px;min-height: unset;}
	.program-wrap .item .box-txt .tit {font-size: 24px;padding: 0 0 10px;}
	.program-wrap .item .icon {position: relative;right: auto;bottom: auto;width: 100%;text-align: right}
	.program-wrap .item .icon img {width: 40px;}
	.program-wrap.arrow .item:nth-child(2n):after {display: none;} 
	.program-wrap.arrow .item:nth-child(3n):after {display: block;}
}

@media (max-width: 500px) {
	.program-wrap .item {flex: 0 0 100%;}
	.program-wrap.arrow .item:after {display: block!important;right: auto;top: auto;transform: translatey(-50%) rotate(90deg);left: 50%;bottom: -40px;}
	
	
}.box-content {background: #F2F6FB;border-radius: 12px;padding: 52px 40px;}
.box-content .top {padding: 0 0 40px;border-bottom: 1px solid #CCCCCC;margin: 0 0 40px;}
.box-content .top .title {font-weight: 700;font-size: 32px;line-height: 150%;letter-spacing: -0.2px;color: #111111;}
.box-content .bot > ul > li {font-weight: 600;font-size: 20px;line-height: 150%;letter-spacing: -0.2px;color: #000000;padding: 0 0 12px;}
.box-content .bot > ul > li:last-child {padding: 0;}
.ul-type-dot > li {font-weight: 400;}
.img-box-left {text-align: left;}
.border-bot {border-bottom: 1px solid #CCCCCC;margin: 0 0 64px;}


.advance-wrap {display: flex;gap: 32px;flex-wrap: wrap;}
.advance-wrap .item {display: flex;padding: 40px;box-sizing: border-box;flex: 0 0 calc(100% / 2 - 16px);border: 1px solid #CCCCCC;border-radius: 20px;gap: 20px 40px;align-items: center;}
.advance-wrap .item .txt {flex: 1;}
.advance-wrap .item .txt p {font-weight: 600;font-size: 32px;line-height: 150%;letter-spacing: -0.2px;color: #111111;padding: 0 0 16px;}
.advance-wrap .item .txt span{font-weight: 400;font-size: 20px;line-height: 150%;letter-spacing: -0.2px;color: #111111;}


.chart-wrap {display: flex;align-items: center;gap: 50px 160px;max-width: 1120px;margin: 0 auto;}
.chart-wrap + .note {padding: 40px 0 0;text-align: center;font-weight: 400;font-size: 16px;line-height: 150%;letter-spacing: -2%;color: #111;}
.chart-wrap .chart-box .title {font-weight: 700;font-size: 32px;line-height: 150%;letter-spacing: -0.2px;text-align: center;color: #111111;padding: 0 0 64px;}
.char-profile {width: 660px;height: 660px;position: relative;}
.char-profile canvas {width: 100% !important;height: 100% !important;}

.chart-wrap .num {flex: 1;}
.chart-wrap .num .item {border: 1px solid #1174FF;border-radius: 12px;padding: 20px 10px;margin: 0 0 20px;}
.chart-wrap .num .item:last-child {margin: 0;}
.chart-wrap .num .item .txt {font-weight: 400;font-size: 20px;line-height: 150%;letter-spacing: -0.2px;text-align: center;vertical-align: middle;color: #111111;padding: 0 0 8px;}
.chart-wrap .num .item .number{font-weight: 700;font-size: 40px;line-height: 150%;letter-spacing: -0.2px;text-align: center;vertical-align: middle;color: #1174FF;}
.chart-wrap .num .item .number > span {font-size: 20px;font-weight: 400;margin-left: 4px;display: inline-block;}


.program-wrap {display: flex;gap: 32px 24px;flex-wrap: wrap;}
.program-wrap .item {border-radius: 20px;background: #F2F6FB;padding: 28px 24px;min-height: 240px;box-sizing: border-box;position: relative;flex: 0 0 calc(100% / 4 - 18px);}
.program-wrap .item .box-txt .tit {color: #111111;font-weight: 700;font-size: 28px;line-height: 150%;letter-spacing: -0.2px;padding: 0 0 16px}
.program-wrap .item .box-txt .txt {font-weight: 400;font-size: 16px;line-height: 140%;letter-spacing: -0.15px;color: #111111;}
.program-wrap .item .box-txt .txt .mark-p {font-weight: 400;font-size: 14px;line-height: 150%;letter-spacing: -0.2px;color: #555555;display: block;}
.program-wrap .item .box-txt .ul-type-dot > li {font-weight: 400;font-size: 16px;line-height: 140%;letter-spacing: -0.15px;color: #111;}
.program-wrap .item .box-txt .ul-type-dot > li:before {top: 8px;}
.program-wrap .item .box-txt .ul-type-dot + .mark-p {font-weight: 400;font-size: 14px;line-height: 150%;letter-spacing: -0.2px;color: #555555;display: block;}
.program-wrap .item .icon {position: absolute;display: inline-block;bottom: 28px;right: 24px;}

.program-wrap.arrow .item:after {content: "";position: absolute;background: url(/_res/yonsei_ysb/mba/img/common/ico-pro-arow.png);width: 24px;height: 24px;right: -24px;top: 50%;transform: translatey(-50%);}
.program-wrap.arrow .item:last-child:after {display: none!important;}

@media (max-width: 1024px){
	.advance-wrap {flex-direction: column;}
	.advance-wrap .item {flex: 0 0 100%;padding: 20px;}
	.box-content {padding: 25px;}

	.chart-wrap {flex-direction: column;}
	.chart-wrap .num {display: flex;width: 100%;gap: 20px;}
	.chart-wrap .num .item {flex: 1;margin: 0;}
	
	.program-wrap .item {flex: 0 0 calc(100% / 3 - 16px);}
	.program-wrap.arrow .item:nth-child(3n):after {display: none;}
	.border-bot {margin: 0 0 32px;}
}

@media (max-width: 768px) {
	.advance-wrap .item {flex-direction: column;align-items: flex-start;}
	.advance-wrap .item .ico {width: 90px;margin: 0 auto;}
	.advance-wrap .item .ico img {width: 100%;height: 100%;object-fit: cover;}
	.advance-wrap .item .txt p {font-size: 24px;line-height: 130%;padding: 0 0 10px;}
	.advance-wrap .item .txt span {font-size: 14px;}
	.con-p02 {font-size: 16px;}
	.box-content .top .title {font-size: 24px;}
	.box-content .top {padding: 0 0 20px;margin: 0 0 20px;}
	.box-content .bot > ul > li {font-size: 16px;}


	.chart-wrap .num {flex-direction: column;}
	.char-profile {width: 100%;height:  100%}
	
	.program-wrap .item {flex: 0 0 calc(100% / 2 - 12px);padding: 20px;min-height: unset;}
	.program-wrap .item .box-txt .tit {font-size: 24px;padding: 0 0 10px;}
	.program-wrap .item .icon {position: relative;right: auto;bottom: auto;width: 100%;text-align: right}
	.program-wrap .item .icon img {width: 40px;}
	.program-wrap.arrow .item:nth-child(2n):after {display: none;} 
	.program-wrap.arrow .item:nth-child(3n):after {display: block;}
}

@media (max-width: 500px) {
	.program-wrap .item {flex: 0 0 100%;}
	.program-wrap.arrow .item:after {display: block!important;right: auto;top: auto;transform: translatey(-50%) rotate(90deg);left: 50%;bottom: -40px;}
	
	
}