@charset "UTF-8";

/** 메인 슬라이드 **/
.wrapMainSlide {
	max-width: 1590px;
	margin: 0 auto;
	background-color: #fff;
}
#MainSlide {
	position: relative;
}
#MainSlide > ul {
	margin-bottom: 0;
}
#MainSlide .Slide {
	width: 100%;
	position: relative;
}
#MainSlide .Slide img {
	width: 100%;
}
.boxSlideCaption {
	display: none;
}
.wrapMainSlide .btnPrev,
.wrapMainSlide .btnNext {
	display: none;
}

/** 메인 슬라이드 배너 **/
.boxMainBanner {
	position: relative;
	z-index: 110;
	overflow: hidden;
}
.boxMainBanner > ul > li {
	height: 190px;
	padding: 24px 30px 0 30px;
}
.boxMainBanner > ul > li > h3 {
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 20px;
}
.boxMainBanner > ul > li > p {
	color: #fff;
	text-align:justify;
	-ms-text-justify: inter-word;
	text-justify: inter-word;
	letter-spacing: -0.45px;
}
.btnMainBanner {
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: 0.8571428571428571em;
	border: 1px solid #fff;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	background-color: transparent;
}
.boxMainBanner .MainBanner1 {
	padding:36px 20px 0 40px;
	background-color: #81aae9 /* #F87C9C */ ;
}
.boxMainBanner .MainBanner2 {
	background-color: #767c81 /* #86787d */ ;
}
.boxMainBanner .MainBanner2 ul {
	border-top:1px solid #9e9397;
}
.boxMainBanner .MainBanner2 li {
	border-bottom:1px solid #9e9397;
	color:#fff;
}
.boxMainBanner .MainBanner3 {
	background-color: #368aea /* #ff2970 */ ;
}
.boxMainBanner .MainBanner3 ul {
	border-top:1px solid #81aae9 /* #ff5f94 */ ;
}
.boxMainBanner .MainBanner3 li {
	border-bottom:1px solid #81aae9 /* #ff5f94 */ ;
	color:#fff;
}
.MainBanner1 div {
	float:left;
	color:#ffffff;
	width:45%;
}
.MainBanner1 div strong {
	display:block;
	margin-bottom:10px;
	font-size:1.42857em;

}
.MainBanner1 div a {
	color:#ffffff;
	font-size:16px;
}
.MainBanner1 div:first-child {
	border-right:1px solid #9fbded /* #fa9db5 */ ;
	min-height:60px;
	margin-right:10%;
	width:45%;
}
.MainBanner2 > ul > li,
.MainBanner3 > ul > li {
	height: 24px;
}
.MainBanner3 > ul > li > span {
	color: #fff;
	text-align: right;
	float: right;
}
.MainBanner3 > ul > li > span:first-child {
	text-align: left;
	float: left;
}

.MainBanner4 {height:190px;padding:24px 0 0 25px !important;background:#81aae9;}
.MainBanner4 div {float:left;padding:0 15px;font-size:18px;color:#fff;border-left:1px solid #8eb3eb;font-weight:bold;}
.MainBanner4 div p {padding:0 0 0 53px;}
.MainBanner4 div.counsel {border:0;padding-left:0;}
.MainBanner4 div.counsel p {background:url(/images/main/bg_counsel.gif) no-repeat;}
.MainBanner4 div.kakao p {background:url(/images/main/bg_kakao.gif) no-repeat;}
.MainBanner4 a {display:inline-block;width:100%;border:1px solid #a7c4f0;color:#fff;text-align:center;font-size:14px;font-weight:normal;}

.MainBanner5 {height:190px;padding:20px 30px !important;background:#368aea;}
.MainBanner5 p {font-size:16px;}
.MainBanner5 a {display:inline-block;width:120px;border:1px solid #73adf0;color:#fff;text-align:center;font-size:14px;color:#fff;}

.txtWeekendInfo {
	letter-spacing: -1px;
	font-size: 0.8571428571428571em;
}

/** 메인 컨텐츠 **/
.wrapMainContents {
	max-width: 1590px;
	margin: 0 auto;
	padding-bottom: 30px;
	background-color: #f8f8f8;
}
.boxMainContents > ul > li {
	margin-top: 30px;
}
.boxMainContents > ul > li > .boxContent {
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 20px;
}
.titleMainContent {
	color: #333;
	font-weight: 700;
	font-size: 1.285714285714286em;
	margin-top: 0;
	margin-bottom: 40px;
	position: relative;
}
.titleMainContent a {
 color: inherit;
 text-decoration: none;
}
.boxMainDate {
	display:none;
	color: #fff;
	font-size: 0.8571428571428571em;
	*display: inline;
	*zoom: 1;
	position: relative;
	margin-bottom: 25px;
	padding: 5px 10px;
	background-color: #767c81 /* #86787d */ ;
}
.boxMainDateShape {
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 0;
	height: 0;
	border-top: 5px solid #767c81 /* #86787d */ ;
	border-right: 5px solid transparent;
	z-index: 200;
}
.boxContentThumb {
	margin-bottom: 35px;
}
.boxContentThumb > img {
	width: 100%;
	height:178px;
}
.wrapMainList {
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
}
.wrapMainList > li {
	padding-top:50px;
	height:490px;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	overflow:hidden;
}
.wrapMainAdvise {

}
.wrapMainAdvise li {
	position:relative;
	margin-bottom:10px;
	padding-right:62px;
}

.wrapMainAdvise li span {
	position:Absolute;
	color:#888888;
	font-size:0.8571428571428571em;
	right:0px;
	top:0px;
}
.wrapMainMore {
	position:absolute;
	right:0px;
	top:0px;
}
.wrapMainMore span {
	border:1px solid #d3d3d3;
	display:inline-block;
	width:20px;

	background:#fff;
	text-align:center;

}
.wrapMainMore span  a {
	display:inline-block;
	font-size:11px;
	color:#a1a1a1;
	line-height:19px;
	vertical-align:middle;
}
.wrapMainMore span:first-child {
	margin-right:3px;
}
.wrapMainAdvise li a {
	color:#000000;
	font-weight:700;
}

.wrapMainList > li:first-child {
	border-left:none;
}
.titleContent {
	color: #000;
	font-weight: 700;
	margin-bottom: 20px;
}
.titleContent a {
	text-decoration:none;
	color:#000;
	line-height:22px;
}
.txtContent {
	color: #888;
	font-size: 0.9285714285714286em;
	margin-top: 0;
	margin-bottom:40px;
	height:80px;
	overflow:hidden;
}
.panel-body {
	color: #666;
	font-size: 13px;
}
.panel-body span {
	color: #333;
	font-size: 16px;
	line-height: 32px;
	font-weight: 600;
}
.panel-body a {
	color: #368aea /* #ff2970 */ ;
	text-decoration: none;
}
#MainOnlineQna .boxContent,
#MainSelfReview .boxContent{
	border-bottom: none;
}
#MainOnlineQna .boxContent > ul > li {
	line-height: 25px;
}
#MainOnlineQna .boxContent > ul > li > span {
	color: #888;
	font-size: 0.857143em;
	float: right;
}
#MainOnlineQna .boxContent > ul > li > span:first-child {
	color: #000;
	font-size: 1em;
	float: none;
}

/** 메인 오른쪽 영역 **/
.boxMainSideContents {
	margin-top: 30px;
}
.boxClinicLink {
	margin-bottom: 70px;
}
.boxReserveInfo {
	color: #fff;
	text-decoration: none;
	width: 100%;
	height: 100%;
	padding: 10px 15px;
	background-color: #368aea /* #ff2970 */ ;
}
.boxCallInfo {
	margin-bottom:0px;
}
.boxCallInfo > li {
	color: #666;
	padding: 10px 15px;
	border-bottom: 1px solid #e0e0e0;
}
.boxCallInfo > li a {
	color: #666;
	text-decoration: none;
}
.boxCallInfo > li > span {
	float: right;
}
.boxCallInfo > li > span:first-child {
	float: left;
}

.boxFooterCopy {
	color: #909090;
	font-size: 0.8571428571428571em;
	letter-spacing: -0.30px;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
}
.boxFooterCopy > span,
.boxFooterCopy > a {
	color: #fff;
	text-decoration: none;
}
.boxFooterBlogContents {
	font-size: 0.8571428571428571em;
	padding-left:15px;
}
.boxFooterBlogContents > .boxNews {
	position: relative;
	margin-bottom: 20px;
}
.boxBlogContentBullet {
	top: 0;
	left: -15px;
	position: absolute;
}
.titleBlogContent-title > a {
	color: #000000;
	font-size: 1.071428571428571em;
	line-height: 1.666666666666667em;
	margin-bottom: 0;
}
.titleBlogContent {
	color: #888888;
	line-height: 1.666666666666667em;
	margin-bottom: 0;
}
.txtContentDate {
	color: #368aea /* #ff2970 */ ;
}
.boxFooterBottom {
	padding-bottom: 10px;
}
.boxMainContact {
	background:url(/images/main/icon-kakao.gif) center center no-repeat;
	padding:25px 30px 30px 30px;
	margin-bottom: 20px;
}
.boxMainContact > li {
	height: 90px;
	text-indent:-999em;
}
.boxSideKakao {
	color: #402d2f;
	padding-top: 8px;
	padding-left: 75px;
	border-bottom: 1px solid #e6e6e6;
	background: #fff url(/images/common/img-kakao.jpg) center center no-repeat;
}
.boxSideKakao > span {
	display: block;
	font-size: 0.9285714285714286em;
}
.boxSideKakao > span:first-child {
	font-weight: 700;
	font-size: 1.714285714285714em;
}
.titMainCall {
	text-align:center;

}
.titMainCall a {
	color:#504148;
	font-size:44px;
	font-weight:900;
	text-decoration:none;

}
.boxSideCall {
	padding-top: 5px;
}
.boxSideCall > span {
	color: #888;
	font-weight: 700;
	font-size: 1.142857142857143em;
	display: block;
}
.boxSideCall > span:first-child {
	color: #402c2e;
	font-weight: 700;
	font-size: 2.428571428571429em;
}
@media (max-width:1024px) {
	.MainBanner4 div {float:none;padding:0 25px 0 0;border-top:1px solid #8eb3eb;border:0;}
	.MainBanner4 div p {padding:0;}
	.MainBanner4 .mobr {display:none;}
	.MainBanner4 div.counsel p {margin-top:-10px;background:none;}
	.MainBanner4 div.kakao p {margin-top:10px;background:none}
}
/** 768px 이상 **/
@media (min-width: 768px){

	#MainSlide {
		font-size: 10px;
	}
	.boxSlideCaption {
		display: block;
		top: 14.92537313432836%;
		position: absolute;
	}
	.titleCaption {
		margin-top: 0;
		margin-bottom: 5px;
	}
	.titleCaption > span {
		color: #555;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		margin-top: 0;
		background:rgb(255,255,255);
		background: transparent\9;
		background:rgba(255,255,255,0.4);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff,endColorstr=#66ffffff);
		zoom: 1;
	}
	.titleCaption > span > span {
		color: #368aea /* #ff2970 */ ;
	}
	#MainSlide .Caption1 {
		top: 6%;
		left: 37.10691823899371%;
	}
	#MainSlide .Caption1 .titleCaption {
		font-size: 4.857142857142857em;
		line-height:1.2;
	}
	#MainSlide .Caption2 {
		top: 13.43283582089552%;

	}
	#MainSlide .Caption2 .titleCaption {
		font-size: 1.857142857142857em;
		line-height:1.2;
	}
	#MainSlide .Caption2 .titleCaption:first-child {
		font-size: 4.285714285714286em;
	}
	#MainSlide .Caption3 {
		top: 13.43283582089552%;
	}
	#MainSlide .Caption3 .titleCaption {
		font-size: 2.285714285714286em;
		line-height:1.2;
	}
	#MainSlide .Caption3 .titleCaption:first-child {
		font-size: 5.142857142857143em;
	}

	/* Slide Nav / Pager */
	.wrapMainSlide .btnPrev a,
	.wrapMainSlide .btnNext a {
		display: block;
		color: #1d87cd /* #ee0070 */ ;
		font-family: 'NanumGothic Light';
		font-size: 5em;
		text-decoration: none;
		line-height: 1em ;
	}
	.wrapMainSlide .btnPrev {
		display: inline-block;
		left: 0;
		position: absolute;
		z-index: 200;
		top: 50%;
		margin-top: -35px;
	}
	.wrapMainSlide .btnNext {
		display: inline-block;
		right: 0;
		position: absolute;
		z-index: 200;
		top: 50%;
		margin-top: -35px;
	}
	.boxMainSideContents {
		margin-bottom: 30px;
	}
	.boxMainBanner {
		height: 55px;
		margin-top: -55px;
	}
	.boxMainBanner:hover,
	.boxMainBanner:focus,
	.boxMainBanner:active {
		height: 190px;
		margin-top: -190px;
	}
}

/** 1024px 이상 **/
@media (min-width: 1024px){

	/* .boxMainBanner {
		height: 65px;
		margin-top: -65px;
	} */
	.boxMainBanner:hover,
	.boxMainBanner:focus,
	.boxMainBanner:active {
		height: 180px;
		margin-top: -180px;
	}
	.boxMainContents > ul > li {
	/*
		float: none;
		clear: both;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		vertical-align: top;
	*/
		padding-left: 0;
		padding-right: 30px;
	}
	.boxMainSideContents {
		padding-left: 0;
		padding-right: 0;
	}
	#MainSlide {
		font-size: 14px;
		/* height:610px; */
		overflow:hidden;
		position:relative;
	}
	/* #MainSlide img {
		height:100%;
	} */
	#MainSlide .titleCaption {
		letter-spacing: -1px;
		line-height: 1.12em;
	}
	#MainSlide .Caption1 {
		top: 17.16417910447761%;
		left: 37.10691823899371%;
	}
	#MainSlide .Caption1 .titleCaption {
		font-size: 4.857142857142857em;
	}
	#MainSlide .Caption2 {
		top: 13.43283582089552%;
	}
	#MainSlide .Caption2 .titleCaption {
		font-size: 1.857142857142857em;
	}
	#MainSlide .Caption2 .titleCaption:first-child {
		font-size: 4.285714285714286em;
	}
	#MainSlide .Caption3 {
		top: 13.43283582089552%;
	}
	#MainSlide .Caption3 .titleCaption {
		font-size: 2.285714285714286em;
	}
	#MainSlide .Caption3 .titleCaption:first-child {
		font-size: 5.142857142857143em;
	}
}