/*=================================================
		 페이지 공통
=================================================*/
/*****#####===== 페이지 네비게이션 =====#####*****/
.page-nav-wrap li{
	width:33.33333%;
}

/*=================================================
		[Page] 병원소개 - 오시는 길
=================================================*/
/*****#####===== 컨텐츠 =====#####*****/
#page-guide-page .table-wrap > table > tbody > tr + tr{
	border-top:1px solid #CCCCCC;
}

#page-guide-page .table-wrap > table > tbody > tr > td{
	padding:55px 0;
}

/*****##### 아이콘 #####*****/
#page-guide-page .icon-cell{
	vertical-align:top;
}

#page-guide-page .icon-wrap i{
	width: 65px;
	height: 65px;	
	line-height:65px;
	
	border: 1px solid;	
	border-radius:100%;
	
	text-align:center;
	display: inline-block;
}

#page-guide-page .icon-wrap i:before{
	font-size:35px;
}

/***** 선 색깔 *****/
#page-guide-page .icon-wrap.red i{
	border-color:#DE2729;
	color:#DE2729;
}

#page-guide-page .icon-wrap.blue i{
	border-color:#092B4E;
	color:#092B4E;
}

#page-guide-page .icon-wrap.gray i{
	border-color:#8B796B;
	color:#8B796B;
}

#page-guide-page .icon-wrap.yellow i{
	border-color:#F1D23C;
	color:#F1D23C;
}

#page-guide-page .icon-wrap.pink i{
	border-color:#AF2972;
	color:#AF2972;
}

/*****##### 타이틀 #####*****/
#page-guide-page .desc-title{
	margin:13px 0 0;
}

/*****##### 컨텐츠 #####*****/
#page-guide-page .desc-cell p,
#page-guide-page dl:first-child{
	margin:10px 0 0;
}

#page-guide-page dl+dl{
	margin:0;
}

#page-guide-page dl > dt,
#page-guide-page dl > dd{
	font-weight:500;
	display:inline-block;
}

#page-guide-page dl > dd{
	position:relative;
	
	padding-left:13px;
}

#page-guide-page dl > dd:before{
	content:'';
	position:absolute;
	top:50%;
	left:4px;
	
	width:2px;
	height:15px;
	
	background-color:#B3B3B3;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);	
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px){ 
	
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){
	
}

/***** sm *****/
@media (min-width: 544px) and (max-width: 767px){
	
}

/***** xs *****/
@media (max-width: 543px){
	/*****#####===== 컨텐츠 =====#####*****/
	#page-guide-page .table-wrap{
		margin:30px 0;
	}
	
	#page-guide-page .table-wrap > table > tbody > tr > td{
		padding:15px 0;
	}
	
	#page-guide-page .icon-cell{
		width:17%;
	}
	
	#page-guide-page .icon-wrap i{
	    width: 35px;
	    height: 35px;
	    line-height: 35px;	
	}
	
	#page-guide-page .icon-wrap i:before{
		font-size:20px;
	}
}