/*=================================================
		의료진 소개 공통
=================================================*/
/*****#####===== 컨텐츠 =====#####*****/
/*****##### 텍스트내용 #####*****/
#page-introduce-page .ratio-inner{
	padding:50px;
}

/***** 서브타이틀 *****/
#page-introduce-page .item-subtitle{
	position:relative;

	padding-left:8px;

	overflow:hidden;
}

#page-introduce-page .time-table img{
	width:100%;
	max-width:100%;
}

#page-introduce-page .item-subtitle:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;

	width:3px;
	height:17px;

	background-color:#AD8875;

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/***** 컨텐츠 리스트 *****/
#page-introduce-page .item-content ul{
	margin:0;
	padding:5px 0 0 10px;
}

#page-introduce-page .item-content ul > li{
	position:relative;

	padding:3px 0;

	list-style:none;
}

#page-introduce-page .item-content ul > li:before{
	content:'·';
	position:absolute;
	top:50%;
	left:-10px;

	font-size:30px;

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*=================================================
		의료진 소개 리스트
=================================================*/
/*****#####===== 컨텐츠 =====#####*****/
.introduce-lists-wrap .item-wrap{
	border:1px solid transparent;

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease-in-out;
}

.introduce-lists-wrap .item-wrap:hover{
	border:1px solid #AC8875;
}

#page-introduce-page .ratio-intro:before{
	padding-top:55%;
}

/*****##### 레이어 #####*****/
.introduce-lists-wrap .layer{
	background-color:rgba(255,255,255,0.85);
}

/***** 버튼 *****/
.introduce-lists-wrap .item-btn{
	padding:8px 20px;

	border:1px solid #AC8875;
	border-radius:15px;
	color:#AC8875;

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease-in-out;
}

.introduce-lists-wrap .item-btn:hover{
	border:1px solid transparent;
	background-color:#AC8875;
	color:#ffffff;
}

.mobile-content-img {
	display: none;
}
.pc-content-img {
	display: block;
}
.fixed-table {
	border: 1px solid #AD8875;
}
.fixed-table th img {
	width: 80%;
}
.fixed-table th,
.fixed-table td {
	padding: 10px 0;
	border: 1px solid #AD8875;
	text-align: center;
}
.fixed-table td.active {
	background: #AD8875;
	color: #fff;
}
.fixed-table thead {
	background: #AD8875;
	color: #fff;
}
.fixed-table tbody {
	color: #AD8875;
}
.fixed-table caption {
	color: #373a3c;
	caption-side:top;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** 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){
	.mobile-content-img {
		display: block;
		margin: 0 !important;
	}
	.pc-content-img {
		display: none;
	}
	#page-introduce-page .ratio-intro:before{
		padding-top:62%;
	}

	#page-introduce-page .ratio-inner{
		padding:17px;
	}
}

/*=================================================
		의료진 소개 뷰
=================================================*/
/*****#####===== 탑 컨텐츠 =====#####*****/
#page-introduce-page  .top-wrap{
	margin:0 60px 30px 0;

	border-bottom:1px solid #C9C3C3;
}

#page-introduce-page  .top-wrap .item-wrap{
	margin:0;
}

#page-introduce-page  .top-wrap .item-title span{
	padding-left:5px;
}

/*****#####===== 바텀 컨텐츠 =====#####*****/
#page-introduce-page  .bottom-wrap .item-content ul{
	padding-top:13px;
}

#page-introduce-page .bottom-wrap .item-content ul > li{
	padding:4px 0;
}

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

}

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

}

/***** sm *****/
@media (max-width: 767px) {
	#page-introduce-page  .top-wrap{
		margin:0 0 30px 0;
		border-bottom: 0;
	}

	#page-introduce-page  .top-wrap .item-title {
		padding-bottom:8px !important;
	}

	#page-introduce-page .view-wrap .item-img-wrap{
		margin-right:100px;
	}
}