@charset "UTF-8";

.pContent {
	margin-bottom: 0;
}

/* ul.contentNavigation li.active {
    background: #1d8bcb;
    color: #fff;	
} */

#sideContent div.detail a.active {
    color: #1d8bcb;
    font-weight: bold;
}

.mainImgContentWrap {
   /*  border-top: 6px solid #bfd6de;
    background: #bfd6de;	 */
}

.mainImgBox {
	margin-bottom: 20px;
}

.mainImgBox img {
	max-width: 100%;
}

.mainContentBox {
	text-align: center;
	margin: 20px 50px;
}

.mainImgContentWrap .mainContentBox p {
    margin: 35px 0 0;
    /* color: #636262; */
    font-size: 20px;
    font-weight: 200;
    line-height: 36px;
    /* padding: 0 40px; */
    padding: 0 70px 40px;
    border-bottom: 1px solid #ddd;
    word-break: break-word;
}
 
.photoContentWrap {
	/* text-align: center;
    margin: 50px 0; */
}

.photoContentBox {
	display: inline-block;
    float: left;
	width: 50%;
    min-height: 360px;
    margin-bottom: 20px;
}

.photoContentBox p, .photoContentBox span {
	text-align: left;
}

.photoContentBox span {
	display: block;
	margin-bottom: 0;
}

.titleContentBox {
	margin: 0;
    padding: 10px 0;
    text-align: center;
}

.titleContentBox p {
    margin: 35px 0 0;
    /* color: #636262; */
    font-size: 20px;
    font-weight: 200;
    line-height: 36px;
    /* padding: 0 40px; */
    padding: 0 70px 40px;
    border-bottom: 1px solid #ddd;
    word-break: break-word;
    font-family: 'Noto Sans KR', sans-serif;	
}

.titleContentBox.noBorder p {
	border: none;
}

.photoContentBox.logo .photoBox img {
	max-width: 520px;
	height: auto;
}


.photoBox img {
/* 	max-width: 520px;
	height: auto; */
	max-width: 480px;
    height: 215px;
}

.photoContent {
	margin: 20px 0 0 10px;
}

.photoContent p {
	font-weight: bold;
	font-size: 20px;
}

.photoContent span {
	font-size: 16px;
	letter-spacing: -0.4px;
}

.titleContentBox span {
	display: block;
	font-size: 18px;
    line-height: 30px;
}

.circleImgBlockContent {
	padding-bottom: 20px;
}

.circleImgContentBox {
	display: table;
    padding: 0 30px;
    margin: 0 30px;
}

.circleImgContentBox .circleImgBox {
	display: table-cell;
}

.circleImgBox.big {
	vertical-align: middle;
    padding-right: 50px;	
}

.circleImgBox.big img {
	width: 150px;
}

.circleImgContentBox .circleImgContent {
	display: table-cell;
	vertical-align: middle;
}

.circleImgContentBox .circleImgContent p {
	font-weight: bold;
    font-size: 20px;
}

.circleImgContentBox .circleImgContent span {
	display: block;
	font-size: 17px;
}

.circleImgContentWrap {
	width: 50%;
	display: inline-block;
	float: left;
}

.circleImgContentWrapper {
	margin-bottom: 70px;
}

.photoContentBox.logo .photoContent {
	margin: 20px 0 0;
}

.photoContentBox.logo .photoBox {
	height: 50px;
}

.photoContentBox.logo {
	width: 30.666%;
    margin-right: 4%;
    min-height: 140px;
}

.photoContentBox.logo:nth-of-type(3) {
	margin-right: 0;
}

.photoContentBox.logo:nth-of-type(1) .photoBox{
	margin-top: 20px;
}

.photoContentBox.logo:nth-of-type(1) .photoContent {
	margin: 0;
}

.photoContentWrap.logo {
    padding-left: 8%;
}

.photoContentBox.logo p{
	margin-bottom: 0;
	font-size: 18px;
}

.elseContentBox {
	text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
}

.elseLogoBox {
	display: inline-block;
	float: left;
	margin: 0 5%;
}

.elseLogoContentBox {
	margin-bottom: 70px;
}

.circleImgBlockContent:first-of-type .circleImgContent.block {
	border-top: 1px solid #ccc;
}

.circleImgContent.block {
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
    width: 100%;	
}

.circleImgContent.block span {
	line-height: 30px;
}

.circleImgContentBox .circleImgContent.block span.smallRedText {
	font-size: 16px;
	color: #ff0000;
}

.aloneText {
    margin: 15px 0 0 3px;	
}

.aloneIconBox {
	display: inline-block;
    float: left;
    margin-right: 10px;	
}

.aloneText img {

}

.aloneText p {
	display: inline-block;
    float: left;
    margin: 4.5px 15px 0 0;
    font-size: 16px;	
}

.featureContentWrap {
	padding: 0 20px;
}

hr {
	/* margin: 0 60px; */
}

/* 명함 템플릿 (의료진 소개 페이지) */

.businessCardSectionWrap {
	margin-bottom: 50px;
}

.businessCardCenterBox.inline {
	display: inline-block;
	float: left;
    margin: 0 10px 20px;
    /* margin: 0 23px 43px; */
}

.businessCardCenterBox.green {
    background: #4ac3b8;
}


.businessCardCenterBox.yellowish {
	background: #9acc74;
}

.businessCardCenterBox.blue {
	background: #4e83b9;
}

.businessCardCenterBox.gray {
	background: #989696;
}

.businessCardCenterBox.orange {
	background: #e8c45f;
}

.businessCardCenterBox.coral {
	background: #ec897e;
}

.businessCardCenterBox.brown {
	background: #ca6e1f;
}


.businessCardCenterBox {
	width: calc(958px/4);
	/* width: 300px; */
    min-height: 193px;
    display: block;
    margin: 0 auto;
    padding: 10px;	
}

.cardTitleContent p {
    font-size: 16px;
    line-height: 17px;
    letter-spacing: -0.4px;
    font-weight: bold;
   /*  color: rgba(236, 236, 236, 0.37); */	
    color: rgba(243, 243, 243, 0.56);
}

.cardNameContent {
    text-align: right;
    /* margin-top: 10%; */
    margin-top: 15%;
    margin-right: 12px;	
}

.cardNameContent p {
	color: #fff;
	margin-bottom: 10px;
    font-size: 17px;
    font-weight: 400;
}

.cardNameContent p:nth-of-type(2) {
	font-size: 27px;
	font-weight: bold;
	margin-bottom: 20px;
}

.businessCardWrapper {
    padding: 0 30px;
    margin: 0 20px;	
}

.orgChartImgBox {
	margin-bottom: 60px;
}

.composImgBox {
	text-align: center;
}

	.composImgBox img {
    max-width: 100%;
    margin: 0 auto;	
}

div.Card {
	border: none;
	padding: 0;
}

.aloneText i {
	margin: 9px 0;
    font-size: 22px;
    color: #0071b8;	
}

.aloneText span {
	font-weight: bold;
    font-size: 20px;	
    display: inline-block;
    float: left;
    margin: 4.5px 15px 0 0;
}

.aloneText span:hover {
	text-decoration: underline;
}

.checkIconBox {
	display: inline-block;
	float: left;
}

.businessCardSectionWrap.box3 {
	width:75%;	
}

	.businessCardSectionWrap.box3 {
		width: 75%;
		margin: 0 auto 50px;
	}
	
	.businessCardSectionWrap.box2 {
		width: 519px;
		margin: 0 auto 50px;
	}