/*=================================================
		00. 성장부진클리닉
=================================================*/
.base-table .ratio-rate:before{
	padding-top:71%;
}

/*****#####===== 테이블 1 =====#####*****/
ul,li{
	list-style: none;
	padding: 0;
}
.wrap{
	padding: 0 0 40px 0;
}

.table-wrap-1 .base-table .text-cell{
	vertical-align: top;
}

.table-wrap-1 .base-table .item-title{
	padding: 0 0 60px 0;
}

/*****#####===== 우리 아이 앞으로 얼마나 더 자랄까? =====#####*****/
#growth-page .table-wrap-2 .input-wrap table tr td{

	margin: 0 10px 0 -10px;
	
	padding: 0;
}

#growth-page .table-wrap-2 .input-wrap table tr th{
	
	text-align: right;
	padding: 5px;
}

#growth-page .table-wrap-2 .form-table input.form-control,
#growth-page .table-wrap-2 .form-table select{
	border: 2px solid #D7D7D7;
}

#growth-page .table-wrap-2 .item-wrap{
	padding: 76px 30px;
}

#growth-page .table-wrap-2 .item-wrap .img-box{
	padding: 16px 0 0 0;
}

#growth-page .table-wrap-2 .item-wrap .img-box .btn{
	border: 2px solid #949494;
	border-radius: 20px;
	
	background-color: #fff;
}

#growth-page .table-wrap-2 .item-wrap .img-box .btn:hover{
	color: #F05D7A;
}

/*****#####===== 서비스 랩 =====#####*****/
#growth-page .service-wrap .point-title{
	margin:0 0 30px;
}

#growth-page .service-wrap .point-title5{
	margin:0 0 35px;
}

/*****#####===== 테이블 5 =====#####*****/
#growth-page .table-wrap-5 .point-title{
	margin: 0 0 10px 0;
}

#growth-page .table-wrap-5 table{
	width: 100%;
}

#growth-page .table-wrap-5 th{
	padding: 21px;
	
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

#growth-page .table-wrap-5 td{
	padding: 21px;
	
	border: 2px solid #D7D7D7;
}

#growth-page .table-wrap-5 th{
	background-color: #F05D7A;
	color: #fff;
	text-align: center;
}

#growth-page .table-wrap-5 td{
	background-color: #fff;
}

/*****#####===== 테이블 6 =====#####*****/
#growth-page .table-wrap-6 table{
    border-spacing: 5px 0;
    border-collapse: separate;
}

#growth-page .table-wrap-6 td{
	width: 50%;
}

#growth-page .table-wrap-6 td .item-wrap{
	position: relative;
	background-color :#fff;
	
	height: 160px;
	margin: 5px 10px 5px 0;
	padding: 10px;
	
	border: 1px solid #ebebeb;
	border-radius: 5px;
}

#growth-page .table-wrap-6 td .item-wrap.gray{
	background-color : #E9E9E9
}

#growth-page .table-wrap-6 td .item-wrap .item-desc{
	position: absolute;
	width: 100%;
	padding: 10px;
	
	top: 50%;
	left: 50%;

	font-weight: 500;	
    
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs *****/
@media (max-width: 767px){
	/*****#####===== 공통 =====#####*****/
	.wrap{
		padding: 0 0 20px 0;
	}
	
	.table-wrap-1 .base-table .item-title {
	    padding: 0 0 20px 0;
	}
	
	/*****#####===== 테이블 =====#####*****/
	#growth-page .table-wrap-5 .table-box{
		width: 100%;
		overflow-x: scroll;
	}
	
	#growth-page .table-wrap-5 table{
		width: 800px;
	}
	
	#growth-page .input-wrap table tr td{
		width: 20%;
	}
	
	#growth-page .table-wrap-6 table{
	    border-spacing: 0 3px;	
	}
	
	/*****#####===== 우리아이 앞으로 키가 얼마나 더 잘라까 =====#####*****/
	#growth-page .table-wrap-2 .input-wrap table tr th{
		width: 100%;
		text-align: left;
	}
	
	#growth-page .table-wrap-2 .input-wrap table tr td{
		width: 100%;
	}
	
	#growth-page .table-wrap-2 .item-wrap .img-box{
		padding: 25px 0 0 0;
	}
	
	#growth-page .table-wrap-2 .item-wrap .img-box .btn{
		border: 2px solid #949494;
		border-radius: 20px;
		
		background-color: #fff;
	}
	
	#growth-page .service-wrap .point-title {
	    margin: 0 0 20px;
	}	

	#growth-page .table-wrap-2 .item-wrap {
	    padding: 44px 10px;
	}
}
/*=================================================
		00. 성조숙증
=================================================*/
#early-page .bg-wrap{
	position: relative;
    margin: 50px 0 0;	
	height: 370px;
}

#early-page .bg-wrap .text-wrap{
	position: absolute;
	width: 100%;
	top: 63%;
	left: 50%;
	
	transform: translate(-55%, -50%);
	-webkit-transform: translate(-55%, -50%);
	-ms-transform: translate(-55%, -50%);
	-o-transform: translate(-55%, -50%);
	-moz-transform: translate(-55%, -50%);
}

#early-page .bg-wrap .text-wrap p{
	margin: 0 0 15px;
}

#early-page .bg-wrap .text-wrap span{
	margin:10px 0 0;
	display:inline-block;
}

/*****#####===== 서비스랩 =====#####*****/
#early-page .service-wrap{
	margin:30px 0 0;
}

#early-page .service-wrap .title-wrap{
	margin: 0 0 40px;
}

/*****#####===== 블루 원 컨텐츠 =====#####*****/
#early-page .circle-wrap.blue .item:nth-child(2) .item-wrap:before, 
#early-page .circle-wrap.blue .item:nth-child(2) .item-wrap:after{
	content:"&";
	
    top: 21%;
    
    font-size: 50px;
    font-weight: 100;
    
    border:none;
    transform:none;
}

#early-page .circle-wrap.blue .item:nth-child(2) .item-wrap:before{
	left: -59px;
}

#early-page .circle-wrap.blue .item:nth-child(2) .item-wrap:after{
	right:-61px;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs *****/
@media (max-width: 767px){
	
	/*****#####===== 원 컨텐츠 =====#####*****/
	#early-page .circle-wrap.blue .item:nth-child(2) .item-wrap:before, 
	#early-page .circle-wrap.blue .item:nth-child(2) .item-wrap:after{
		content: none;
	}
	
	#early-page .bg-wrap.bg{
		background-position: right;
	}
	
	#early-page .bg-wrap .text-wrap {
		padding: 0 10px;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
	}
	
	#early-page .circle-wrap.blue .item-wrap .item-text-wrap,
	#early-page .circle-wrap.purple .item-wrap .item-desc{
		min-height: 139px;
	}
	
	/*****#####===== 배경 텍스트 =====#####*****/
	#early-page .bg-wrap{
	    height: 320px;
		margin: 0;
	}
	
	#early-page .bg-wrap .text-wrap{
		top:57%;
	}
	
	/*****#####===== 서비스 랩 =====#####*****/
	#early-page .service-wrap .item-text-wrap{
		min-height:156px;
	}
}
/*=================================================
		00. 비염/감기
=================================================*/
/*****#####===== 베이스 테이블 =====#####*****/
#cold-page .base-table .item-desc{
	padding:20px 0 0;
}

/*****#####===== 타이틀 랩 =====#####*****/
#cold-page .title-wrap .point-title4{
	padding:10px 0 15px;
	color:#777777;
}

/*****#####===== 중간텍스트 =====#####*****/
#cold-page .middle-text-wrap{
	margin:40px 0 0;
}

/*****#####===== 프로그램 =====#####*****/
#cold-page .program-wrap .point-title5{
	padding:20px 0 40px;
	font-weight:500;
	line-height:2;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs *****/
@media (max-width: 767px){
	/*****#####===== 블루 원 컨텐츠 =====#####*****/
	#cold-page .circle-wrap .item-wrap .item-title{
		font-size: 16px;
	}
}

/*=================================================
		00. 총명탕/수험생보약
=================================================*/
/*****#####===== 서비스 랩 =====#####*****/
#goodmeals-page .service-wrap .title-wrap .point-title{
	padding:0 0 10px;
}

#goodmeals-page .service-wrap .title-wrap .point-title4{
	padding:0 0 30px;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs *****/
@media (max-width: 767px){
	/*****#####===== 베이스2 테이블 =====#####*****/
	#goodmeals-page .base2-table .item-wrap{
		margin:0 0 30px;
	}
}