@charset "utf-8";
ul {list-style:none; margin:0; padding:0;}

.philosophy .philosophyTit {display:flex; justify-content: center; margin-bottom:100px;}
.philosophy .philosophyTit h3 {display:inline-block; padding:20px 40px 20px 85px; color:#fff; border-radius:100px; background:var(--base1) url(/images/intro/i-promise.svg) no-repeat 10px; background-size:50px;font-size:var(--fs20); font-weight:500;}

.philosophy .philosophyWrap {background:url(/images/intro/philoBg.png) no-repeat center; height:480px;}
.philosophy .philosophyWrap ul {max-width:1100px; display:grid; grid-template-columns:auto auto auto auto; justify-content: center; margin:0 auto; gap:30px;}
.philosophy .philosophyWrap ul li {width:238px; display:flex; flex-direction: column; align-items: center;}
.philosophy .philosophyWrap ul li p {margin-bottom:140px; margin-top:-40px; font-weight:600; color:#000;}
.philosophy .philosophyWrap ul li span {position:relative; text-align:center; line-height:1.4; margin-top:40px;}
.philosophy .philosophyWrap ul li span:before {content:""; left:40%;  transform: translateY(-50%); position:absolute; width:30px; height:3px; background:#ddd; top:-18px;}

.philosophy .philosophyWrap ul li span b {color:#7DB950;}
.philosophy .philosophyWrap ul li:nth-child(2) span b {color:#61A99A;}
.philosophy .philosophyWrap ul li:nth-child(3) span b {color:#4D8DB5;}
.philosophy .philosophyWrap ul li:nth-child(4) span b {color:#3E68AA;}

.philosophy .philosophyInfo {max-width:1300px; margin:0 auto; color:#000; padding:30px 0; border-radius:100px; border:3px solid var(--base1); text-align:center;}
.philosophy .philosophyInfo span {display:block; color:var(--base1); font-size:var(--fs24); font-weight:600;}






/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {
	
	.philosophy .philosophyTit {margin-bottom: 50px;}
	.philosophy .philosophyWrap {background:#fff; height:auto;}
	.philosophy .philosophyWrap ul {max-width: 100%; margin-bottom:50px; gap:10px;}
	.philosophy .philosophyWrap ul li {width: 100%; border:5px solid #7DB950; padding:40px; border-radius:20px;}
	.philosophy .philosophyWrap ul li:nth-child(2) {border:5px solid #61A99A;}
	.philosophy .philosophyWrap ul li:nth-child(3) {border:5px solid #4D8DB5;}
	.philosophy .philosophyWrap ul li:nth-child(4) {border:5px solid #3E68AA;}
	.philosophy .philosophyWrap ul li p {margin-top:0; margin-bottom: 30px;}
}




/* ************************ 모바일 ************************ */
@media (max-width: 767px) {


	.philosophy .philosophyWrap ul {grid-template-columns: 1fr;}
    .philosophy .philosophyWrap ul li {width: 100%;}
	.philosophy .philosophyInfo {padding:0; border:0;}

}