@charset "utf-8";
.contents.main_bg { background: #f6f6f6 }

/* 컨텐츠영역 1 */
.contents_area_1 { margin: 0 auto; width: 996px }
.contents_area_1 .main_slide_box { position: relative; float: left; width: 550px; height: 434px; overflow: hidden }
.contents_area_1 .main_slide_box .txt { position:absolute; bottom:9.93%; left: 5.4545% ; right: 5.4545% }
.contents_area_1 .main_slide_box .txt em{ display:block; margin-bottom: 13px; font-style:normal; font-size:30px; line-height:40px; letter-spacing:1px; color:#393939;  }
.contents_area_1 .main_slide_box .txt span { display:inline-block; padding:3px; background:#fff; font-size:13px; color:#4f4f4f }

.contents_area_1 .clinic_area { float: right; width: 436px; height: 434px }
.contents_area_1 .clinic_area .news { padding-top: 0.2em; padding-bottom: 0.2em }
/* 2019-05-28 marquee 태그 삽입으로 인한 style 수정 */
.contents_area_1 .clinic_area .news p { font-size: 1.3em; margin-left: 10px; padding-left: 70px;	/* padding-top: 5px;
			padding-bottom: 5px; */ height: 26px; color: #4a4743; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.contents_area_1 .clinic_area .news p marquee { height: 26px; line-height: 26px }
.contents_area_1 .clinic_area .clinic_box { overflow: hidden; margin-top: 20px }
.contents_area_1 .clinic_area .clinic_box ul { }
.contents_area_1 .clinic_area .clinic_box ul li { float: left; margin-left: 3px; margin-bottom: 5px }
.contents_area_1 .clinic_area .clinic_box ul li a { display: inline-block; padding-top: 44px; padding-left: 10px; padding-right: 10px; width: 142px; height: 188px; font-size: 1.8em; color: #ffffff; text-align: center; line-height: 1.2; word-break:keep-all; word-wrap: break-word; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
.contents_area_1 .clinic_area .clinic_box ul li a span { display: block; font-size: 14px; color: #222; font-family: 'NanumBarunGothic', sans-serif !important; text-align: center; padding-bottom: 30px }

/* 컨텐츠영역 2 */
.contents_area_2 { margin: 0 auto; width: 996px; overflow: hidden; padding-top: 1em }

/* 컨텐츠영역 2 - 진료안내 영역 */
.contents_area_2 .consult_area_1 { float: left; width: 292px; height: 300px }
.contents_area_2 .consult_area_2 { float: left; width: 342px; margin-left: 1%; height: 300px; overflow: hidden }
.contents_area_2 .consult_area_3 { float: left; width: 340px; margin-left: 1%; height: 300px }

/* 진료안내 1 */
.consult_area_1 .time { background: #ffffff; padding: 38px 20px 0px 25px; height: 300px; border-radius: 10px; border: 1px solid #e0e0e0; margin-bottom: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
.consult_area_1 .time h2 { font-size: 2em; font-weight: 400; color: #3b3b3b; margin-bottom: .5em }
.consult_area_1 .time ul { }
.consult_area_1 .time ul li { font-size: 14px; font-weight: 400; color: #35383e; margin-bottom: 4px; line-height: 20px }
.consult_area_1 .time ul li span { display: inline-block; width: 70px; font-size: 13px }
/*.consult_area_1 .time p { padding-top: 10px; font-size: 13px; color: #969696; height: 15px; overflow: hidden }*/
.consult_area_1 .time p{
	padding-top: 10px;
	font-size:13px;
	font-weight:500;
	line-height:1.5;
	color:#969696;
	/* 한 줄 자르기 */
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/* 여러 줄 자르기 추가 스타일 */
	white-space: normal;
	height: 40px;
	text-align: left; word-wrap: break-word;
	display: -webkit-box; -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


/* 진료안내 2 */
.consult_area_2 .doc { float: left; width: 166px; height: 300px; border-radius: 10px; margin-bottom: 1em; box-sizing: border-box; text-align: center }
.consult_area_2 .doc:first-child { margin-right: 2% }
.consult_area_2 .doc h2 { font-size: 1.6em; font-weight: 400; color: #ffffff; margin-top: 38px; text-align: center }
.consult_area_2 .doc h3 { font-size: 12px; font-weight: 400; color: rgba(255, 255, 255, .7); margin-top: .5em; text-align: center }
.consult_area_2 .doc div { margin-top: 63px }
.consult_area_2 .doc a { display: inline-block; margin-top: 3em; color: #ffffff; font-size: 13px; padding-top: 1px; padding-bottom: 1px; border-bottom: 1px solid #ffffff }
.consult_area_2 .crown { clear: both; height: 179px; box-sizing: border-box }
.consult_area_2 .crown p img { width: 100% !important; height: 100% !important; border-radius: 10px }
.consult_area_3 .about { height: 286px; border-radius: 10px; margin-bottom: 1em; padding-top: 4em; box-sizing: border-box; text-align: center }
.consult_area_3 .about h2 { font-size: 1.5em; font-weight: 400; line-height: 2; margin-bottom: 1em; text-align: center }
.consult_area_3 .about h2 span { font-size: .8em }
.consult_area_3 .about p { font-size: 13px; line-height: 1.5; color: #ffffff; margin-bottom: 1.5em }
.consult_area_3 .about a { display: inline-block; margin-top: 1em; color: #ffffff; font-size: 13px; padding-top: 1px; padding-bottom: 1px; border-bottom: 1px solid #ffffff }
.consult_area_3 .loca { border-radius: 10px; margin-bottom: 1em; box-sizing: border-box; text-align: center; height: 120px }
.consult_area_3 .loca h2 { font-size: 1.6em; font-weight: 400; color: #ffffff; margin-bottom: .5em; text-align: center; padding-top: 15px }
.consult_area_3 .loca a { display: inline-block; margin-top: 5px; color: #ffffff; font-size: 13px; padding-top: 1px; padding-bottom: 1px; border-bottom: 1px solid #ffffff }

/* 컨텐츠영역 3 */
.contents_area_3 { margin: 0 auto; width: 996px; overflow: hidden; padding-top: 3em }
.contents_area_3 h3 { font-size: 1.6em; font-weight: 400 }
.contents_area_3 a.more { position: absolute; top: .5em; right: 75px; display: inline-block; padding: 3px }
.consult_area_3 .call { padding: 20px 1em; margin-bottom: 1em; border-radius: 10px; padding-left: 9em; background: url('/images/skin52/consult_call.png') no-repeat 1.5em center; height: 128px }
.consult_area_3 .call h2 { font-size: 13px; margin-bottom: 1em }
.consult_area_3 .call ul { color: #ffffff; font-size: 25px }
.consult_area_3 .call ul li { line-height: 34px }
.consult_area_3 .call ul li.fax { font-size: .65em }
.contents_area_3 a.more { position: absolute; top: .5em; right: 20px; display: inline-block; padding: 3px }
.contents_area_3 .notice, .contents_area_3 .column { padding: 0px 20px; position: relative; float: left; width: 272px }
.contents_area_3 .notice h3, .contents_area_3 .column h3, .contents_area_3 .facilities h3 { font-size: 18px; margin-bottom: 1.0em }
.contents_area_3 .notice ul li, .contents_area_3 .column ul li { font-size: 12px; line-height: 22px; overflow: hidden; padding-left: 10px; background: url('/images/skin52/notice_bul.gif') no-repeat left center }
.contents_area_3 .notice ul li a, .contents_area_3 .column ul li a { display: block; color: #777 }
.contents_area_3 .notice ul li a span.txt, .contents_area_3 .column ul li a span.txt { float: left; display: block; width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.contents_area_3 .notice ul li a span.day, .contents_area_3 .column ul li a span.day { display: inline-block; float: right }
.contents_area_3 .facilities { position: relative; float: left; margin-left: 1% }
.contents_area_3 .facilities > ul { margin-top: 2em; overflow: hidden }
.contents_area_3 .facilities > ul > li { list-style: none; float: left; margin: 0 7px }
.contents_area_3 .facilities > ul > li a { display: block; width: 105px; height: 80px; overflow: hidden }
.contents_area_3 .facilities > ul > li a img { width: 100%; height: 100% }
.contents_area_3 .facilities a.more { right: 0 }