.discovery01-wrap { display: flex; flex-wrap: wrap; border: 1px solid #e5e5e5; border-radius: 5px; }
.discovery01-left { display: flex; justify-content: center; align-items: center; width: 50%; border-right: 1px solid #e5e5e5; }
.discovery01-left img { max-width: 100%; max-height: 100%; }
.discovery01-right { width: 50%; padding: 40px; }
.discovery01-right > ul > li+li { margin-top: 48px; }
.discovery01-right > ul .discovery01-tit { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; font-weight: 700; font-size: 20px; line-height: 24px; letter-spacing: -.02em; color: #222; }
.discovery01-right > ul .discovery01-txt { font-weight: 500; line-height: 26px; letter-spacing: -2%; color: #333; }
.discovery01-right > ul .discovery01-txt .ul-type-dot li { padding: 0 0 11px 9px; font-weight: 600; line-height: 22px; letter-spacing: -2%; color: #333; }
.discovery01-right > ul .discovery01-txt .ul-type-dot li:last-child { padding-bottom: 0; }
.discovery01-right > ul .discovery01-txt .ul-type-dot li:before { top: 9px; width: 3px; height: 3px; background-color: #44c1c4; }

.discovery02 { display: flex; flex-wrap: wrap; gap: 80px 55px; padding: 70px 76px; background-color: #F9FAFB; border-radius: 5px; overflow: hidden; }
.discovery02 > li { width: calc((100% - 165px)/4); }
.discovery02 > li+li { position: relative; }
.discovery02 > li+li:before { content: ''; position: absolute; top: 0; bottom: 0; left: -43px; width: 31px; height: 31px; margin: auto; background: #00A3E9 url(../img/content/discovery02-arr-w.png) no-repeat center; border-radius: 50%; }
.discovery02 > li+li.cyan:before { background-color: #44C1C4; }
.discovery02 > li+li:nth-child(5):before { display: none; }
.discovery02 > li.cyan > p { background-color: #44C1C4; }
.discovery02 > li > p { display: flex; justify-content: center; align-items: center; gap: 10px; min-height: 70px; margin-bottom: 10px; padding: 16px 0; background: #00a3e9; border-radius: 5px; font-weight: 700; font-size: 16px; line-height: 19px; text-align: center; letter-spacing: -.02em; color: #fff; }
.discovery02 > li > ul { position: relative; min-height: 146px; padding: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; }
.discovery02 > li:not(.cyan) > ul:before { content: ''; position: absolute; top: calc(100% + 3px); left: calc(50% - 5px); width: 12px; height: 8px; background: url(../img/content/discovery02-arr-g.png) no-repeat center; }
.discovery02 > li:not(.cyan) > ul:after { content: ''; position: absolute; top: calc(100% + 5px); left: 50%; width: calc(100% + 59px); height: 35px; border-width: 0 0 1px 1px; border-style: dashed; border-color: #aaa; border-radius: 0 0 0 8px; }
.discovery02 > li:nth-child(3) > ul:before { display: none; }
.discovery02 > li:nth-child(3) > ul:after { top: calc(100% + 40px); width: calc(100% + 57px); height: 40px; border-width: 1px 1px 0 0; border-radius: 0 8px 0 0; }
.discovery02 > li:nth-child(4) > ul:after { height: 38px; border-width: 0 0 0 1px; border-radius: 0; }
.discovery02 > li > ul li { position: relative; padding-left: 9px; font-weight: 500; font-size: 14px; line-height: 17px; letter-spacing: -.02em; color: #444; }
.discovery02 > li > ul li+li { margin-top: 12px; }
.discovery02 > li > ul li:before { content: ''; position: absolute; top: 7px; left: 0; width: 3px; height: 3px; background-color: #333; border-radius: 50%; }

.discovery03 { display: flex; align-items: center; gap: 25px;}
.discovery03 .discovery03-img { display: flex; justify-content: center; align-items: center; gap: 10px; width: 90px; height: 90px; background: #F4F8FF; border-radius: 50%; }
.discovery03 .discovery03-txt { flex: 1; }
.discovery03 .discovery03-txt p:nth-child(1) { font-weight: 700; font-size: 20px; line-height: 36px; letter-spacing: -.02em; color: #111; }
.discovery03 .discovery03-txt p:nth-child(2) { font-weight: 500; font-size: 16px; line-height: 32px; letter-spacing: -.02em; color: #111; }

.discovery04 > li+li { margin-top: 30px; }
.discovery04 > li .discovery04-tit { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.discovery04 > li .discovery04-tit span:nth-child(1) { display: flex; justify-content: center; align-items: center; width: 22px; height: 22px; background-color: #00a3e9; border-radius: 50%; font-weight: 700; font-size: 12px; line-height: 100%; letter-spacing: -2%; color: #fff; }
.discovery04 > li .discovery04-tit span:nth-child(2) { font-weight: 600; font-size: 18px; line-height: 21px; letter-spacing: -.02em; color: #333; }
.discovery04 > li .ul-type-dot li { padding: 0 0 18px 9px; line-height: 19px; letter-spacing: -2%; color: #333; }
.discovery04 > li .ul-type-dot li:last-child { padding-bottom: 0; }
.discovery04 > li .ul-type-dot li:before { width: 3px; height: 3px; background-color: #44C1C4; }
.discovery04-list { display: flex; flex-wrap: wrap; gap: 7px; }
.discovery04-list > li { width: calc((100% - 21px)/4); }
.discovery04-list > li .list-tit { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; min-height: 70px; margin-bottom: 10px; padding: 0 20px; background: #F4F8FF; border: 1px solid #D6DCE8; border-radius: 5px; }
.discovery04-list > li .list-tit p { display: flex; align-items: center; gap: 8px; }
.discovery04-list > li .list-tit p span:nth-child(1) { font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: .01em; color: #1f315b; }
.discovery04-list > li .list-tit p span:nth-child(2) { font-weight: 600; font-size: 18px; line-height: 21px; letter-spacing: -.02em; color: #333; }
.discovery04-list > li .list-tit img { max-width: 38px; max-height: 32px; }
.discovery04-list > li .list-con ul { min-height: 146px; padding: 18px; border: 1px solid #D6DCE8; border-radius: 5px; }
.discovery04-list > li .list-con ul li { position: relative; padding-left: 10px; font-weight: 500; font-size: 14px; line-height: 18px; letter-spacing: -.02em; color: #444; }
.discovery04-list > li .list-con ul li+li { margin-top: 12px; }
.discovery04-list > li .list-con ul li:before { content: ''; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background-color: #44C1C4; border-radius: 50%; }

.discovery05 { display: flex; flex-wrap: wrap; gap: 16px; }
.discovery05 li { display: flex; flex-wrap: wrap; gap: 14px; width: calc((100% - 32px)/3); padding: 30px; background: #f5f5f5; border-radius: 5px; }
.discovery05 li p:nth-child(1) { display: flex; align-items: flex-end; gap: 8px; width: 100%; }
.discovery05 li p:nth-child(1) span:nth-child(1) { font-weight: 700; font-size: 26px; line-height: 31px; letter-spacing: -.02em; color: #111; }
.discovery05 li p:nth-child(1) span:nth-child(2) { font-weight: 600; font-size: 14px; line-height: 17px; letter-spacing: .01em; color: #333; }
.discovery05 li p:nth-child(2) { display: flex; gap: 10px; }
.discovery05 li p:nth-child(2) a { display: flex; gap: 10px; font-weight: 600; font-size: 13px; line-height: 140%; letter-spacing: -.02em; color: #666; }
.discovery05 li p:nth-child(2) a:before { content: ''; width: 20px; height: 20px; background: url(../img/content/fostering05-mail.png) no-repeat center; }
.discovery05 li p:nth-child(2) a:nth-child(2):before { background-image: url(../img/content/fostering05-call.png); }

@media ( max-width: 1446px ) {
	.discovery02 { padding: 0; background-color: transparent; }
	.discovery02 > li > ul { min-height: 126px; padding: 10px; }
}
@media ( max-width: 1024px ) {
	.discovery02 { gap: 49px; }
	.discovery02 > li { width: 100%; }
	.discovery02 > li+li:before { top: -40px; bottom: unset; right: 0; left: 0; transform: rotate(90deg); }
	.discovery02 > li > p { min-height: auto; padding: 10px 0; }
	.discovery02 > li:not(.cyan) > ul:before,
	.discovery02 > li:not(.cyan) > ul:after { display: none; }
	.discovery02 > li > ul { min-height: auto; padding: 10px; }
	
	.discovery04-list > li { width: calc(50% - 7px); }
	
	.discovery05 li { width: calc(50% - 8px); }
}
@media ( max-width: 768px ) {
	.discovery01-wrap { padding: 20px; }
	.discovery01-left { width: 100%; margin-bottom: 20px; border-right: none; }
	.discovery01-right { width: 100%; padding: 0; }
	.discovery01-right > ul > li+li { margin-top: 24px; }
	
	.discovery04-list > li { width: 100%; }
	.discovery04-list > li .list-tit { min-height: 50px; }
	.discovery04-list > li .list-con ul { min-height: auto; }
	
	.discovery05 li { width: 100%; }
	.discovery05 li p:nth-child(1) span:nth-child(1) { font-size: 20px; }
}