@charset 'utf-8';
.content-box {position: relative;}
.content-box .main-sub-bg01{position:absolute;top:min(20.8rem, 12.271vw);left:min(-26.9rem, 8.906vw);z-index:20;width: min(70.4rem, 24.531vw);height: min(72rem, 29.375vw);z-index: 0}
.content-box .main-sub-bg01 img {opacity: 0.2}
.content-box .main-sub-bg02{position:absolute;top: min(109.8rem, 55.271vw);right: min(-26.9rem, 8.906vw);z-index: 20;width: min(56.9rem, 22.76vw);height: min(61rem, 30.802vw);z-index: 0}
.content-box .main-sub-bg02 img {transform: rotate(345deg);opacity: 0.2}

.list-title{display:inline-block;padding:0 0 1.5rem;text-decoration:underline;}
.bg-overview {padding: 40px;backdrop-filter: blur(20px);background: #F3F6FB80;max-width: 862px;width: 100%;border-radius: 24px;margin: 40px 0 0 40px;box-sizing: border-box;}
.bg-overview .h6-tit02 {font-family:Paperlogy;font-weight:700;font-size:22px;line-height:130%;letter-spacing:0;vertical-align:middle;color: #000000;margin: 0 0 40px;}
.ul-type-tit {position: relative;}
.ul-type-tit:before {content: "";position: absolute;top: 8px;left: 6.5px;background: url(/_res/yonsei_rc/creyon/img/sub/overview/line.png) center;width: 1px;height: 100%;}
.ul-type-tit > li {font-family:Paperlogy;font-weight:700;font-size:20px;line-height:130%;letter-spacing:0;vertical-align:middle;color: #000000;position: relative;padding: 0 0 0 23px;}
.ul-type-tit > li:before {content:'';position:absolute;top:.8rem;left:0;border-radius:50%;width:13px;height:13px;background: #1174FF;}
.ul-type-tit > li .ul-type-dot {margin: 11px 0;}
.ul-type-dot > li {font-weight: 400;}

.ol-explanation {display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:40px;grid-row-gap:40px;align-items: stretch;}
.ol-explanation > li {height: 100%;display: flex;}
.ol-explanation .box-ex {backdrop-filter: blur(20px);border-radius: 24px;background: #F3F6FB80;padding: 48px 40px;flex: 1;}
.ol-explanation .box-ex .num {font-family:Paperlogy;font-weight:700;font-size:22px;line-height:130%;letter-spacing:0;vertical-align:middle;color: #FFFFFF;background: #4C8EE5;border-radius: 6px;padding: 17px 10px;max-width: 51px;box-sizing: border-box;width: 100%;display: flex;align-items: center;justify-content: center;height: 51px;margin: 0 auto 20px;}
.ol-explanation .box-ex .tit {font-family:Paperlogy;font-weight:700;font-size:22px;line-height:130%;letter-spacing:0;vertical-align:middle;color: #000000;margin: 0 0 40px;text-align: center;}
.ol-explanation .box-ex .box-txt > p{color: #404040;font-family:Paperlogy;font-weight:400;font-size:16px;line-height:180%;letter-spacing:0;vertical-align:middle;}
.ol-explanation .box-ex .box-txt .txt-bold {font-weight: bold;}
.ol-explanation .box-ex .box-txt .mark-p01{color: #4C8EE5;}

.ol-explanation.type02 {grid-template-columns:repeat(3, 1fr);}

@media screen and (max-width:1024.98px){
	.bg-overview {margin-left: 0;max-width: unset;}
	.ol-explanation .box-ex {padding: 25px;}
	.ol-explanation.type02 {grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width: 768px) {
	.bg-overview {padding: 20px;}
	.ol-explanation {grid-template-columns: repeat(1, 1fr);gap: 20px;}
	.ol-explanation.type02 {grid-template-columns: repeat(1, 1fr);gap: 20px;}
	.ol-explanation .box-ex .tit {margin: 0 0 20px;font-size: 18px;}
	.ol-explanation .box-ex .box-txt > p {font-size: 14px;}
}