@charset "UTF-8";



@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
	font-family: 'HakgyoansimBadasseugiTTF-L';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimBadasseugiTTF-L.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

.row {margin:0;}
* {font-family: 'Pretendard', sans-serif; }
.Pcolor { color: #16956a; }
.Content div { word-break:keep-all;}
.Content h1 {font-size:32px; line-height:42px; word-break:keep-all;}
.Content h2 {font-size:28px; line-height:38px; word-break:keep-all;}
.Content h3 {font-size:20px; line-height:30px; word-break:keep-all;}
.Content h4 {font-size:18px; line-height:28px; word-break:keep-all; }
.Content h5, .Content p, .Content a, .Content li {font-size:16px; line-height:26px; word-break:keep-all;}
.pcolor {color:#16956a;}
span.point {font-size:24px; word-break:keep-all;}

@media screen and (max-width:767px){
	.Content h1 {font-size:28px; line-height:38px;}
	.Content h2 {font-size:24px; line-height:34px;}
	.Content h3 {font-size:20px; line-height:30px;}
	.Content h4 {font-size:17px; line-height:27px;}
	.Content h5, .Content p, .Content a {font-size:15px; line-height:25px;}
}


/* 우리의 서비스 */
.chanFlex {display:flex;}
.chanFlex > * { width: 100%; }
.chanFlex > *:first-child {max-width:26.6665%;}
.chanFlex > *:last-child  {max-width:73.3335%;}
.chanFlex > h1, .chanFlex > h2 {color:#111; font-weight:600; line-height:1.3;}

@media screen and (max-width:767px){
	.chanFlex {flex-direction: column; gap: 40px 0;}
	.chanFlex > *:first-child, .chanFlex > *:last-child {max-width:100%;}
}


.review .rInner h1 span, .review .rInner h1 {font-family: 'HakgyoansimBadasseugiTTF-L'; font-weight:bold; }


/* 우리 아이의 식사는? */
.chan h3 {color:#aaa;}
.chan .itemBox {display:grid;grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 30px 0 0;}
.chan .itemBox .item {background:#CCE3E8; border-radius:20px; text-align:center; padding:40px; border:2px solid #fff; transition:0.3s ease;}
.chan2 .itemBox .item {background:#fff; }
.chan .itemBox .item:nth-child(2), .chan .itemBox .item:nth-child(3), .chan .itemBox .item:nth-child(6) { background: #f2f8f9; }
.chan .itemBox .item b {display:inline-block; color:#00738d; margin:30px 0 10px;}
.chan .item:hover {border:2px solid #16956a;}
.chan .item:hover img {transform:translateY(-5px);}
.itemBox img {width:80px; margin-bottom:15px; transition:0.3s ease;}
.icon4 img {width:100px;}

@media screen and (max-width:767px){
	.chan .itemBox {display:block; }
	.chan .item {margin-bottom:15px;}
	.chan .itemBox .item:nth-child(3){ background: #CCE3E8; }
	.chan2 .itemBox .item:nth-child(3){ background: #fff; }
	.chan .itemBox .item:nth-child(2), .chan .itemBox .item:nth-child(4) { background: #f2f8f9; }
}



/* 우리의 성장(연혁) */
.timeline {width: 100%; max-width: 600px; margin: 0 auto; position: relative;  }
.timeline::before { content: ''; position: absolute; left: 0; top: 0; bottom: 11%; width: 4px; background: #16956a;  }
.timeline-item { display: flex; justify-content: flex-start; align-items: flex-start; margin: 20px 0; position: relative;}
.timeline-item .timeline-icon { position: absolute; left: -8px; top: 15px; width: 20px; height: 20px; background: #16956a; border-radius: 50%;
border: 4px solid #f9f9f9; z-index: 10; }
.timeline-item-content { margin-left: 20px; background: #fff; padding: 20px; border-radius: 10px; width: 100%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  }
.timeline-item-content h3 { margin: 0; color: #16956a;}
.timeline-item-content p { margin: 5px 0 0;}

@media (max-width: 767px) {
.timeline::before { left: 0; bottom:15.3%; }
.timeline-item .timeline-icon { left: -8px }
.timeline-item-content { margin-left: 20px; width: 90%;}
}

@media screen and (max-width:430px){
 .timeline::before {bottom:15.4%;}
}
@media screen and (max-width:380px){
 .timeline::before {bottom:15%;}
}


/* 대표자 경력 및 자격 */
.cardGroup .rInner {display: flex; gap: 50px; }
.card {background: #f7f7f7;	border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); width: calc(50% - 10px);	padding: 20px;	box-sizing: border-box;  }
.card h2 {margin-top: 0;	color: #16956a;	font-size: 1.5rem;	border-bottom: 2px solid #16956a; 	padding-bottom: 10px; }
.card ul {	list-style: none;	padding: 0; margin: 0; }
.card ul li {	margin: 10px 0; line-height: 1.6; }
.card ul li span { font-weight: bold; color: #555; }
@media (max-width: 768px) {
.cardGroup .rInner {flex-wrap:wrap;}
.card {  width: 100%; }
}

.round-title { position: relative; margin-bottom: 15px; text-align:center; }
.round-title h1 {font-family: 'HakgyoansimBadasseugiTTF-L'; font-weight: bold; margin-top:0; margin-bottom: 40px; padding-top: 20px;}
.round-title::before { content: ""; position: absolute; margin: 0 auto 4px; width: 150px; height: 16px; background-image: url('/img/chan/line.svg'); background-repeat: no-repeat; background-position: center center; background-size: contain; left: 50%; transform: translateX(-50%); }