@charset "utf-8";

/* 컨텐츠영역 1 */
.contents_area_1 { position: relative; width: 100% }
.contents_area_1 .main_slide_box { position: relative; margin: 0 auto; width: 1200px; height: 542px }
.contents_area_1 .main_slide_box .txt { position: absolute; bottom:31.4%; left:6% }
.contents_area_1 .main_slide_box .txt em { position: relative; display:block; font-style:normal; font-size:40px; line-height:50px; color:#333; letter-spacing:-.5px; margin-bottom:53px; }
.contents_area_1 .main_slide_box .txt em:before{ position: absolute; content:''; width:38px; height:2px; background:#ea6d6b; left:0; bottom:-24px }
.contents_area_1 .main_slide_box .txt span { font-size:17px; line-height:24px; }

/* 컨텐츠영역 2 */
.contents_area_2 { width: 100% }
.contents_area_2 .clinic { position: relative; margin: 0 auto; width: 1000px; height: 74px }
.contents_area_2 .clinic .clinic_box { position: absolute; width: 1000px; height: 160px; top: -86px; left: 0; z-index: 100; background: #ffffff }
.contents_area_2 .clinic .clinic_box ul { overflow: hidden }
.contents_area_2 .clinic .clinic_box ul li { float: left }
/* 2019-05-28 수정 .contents_area_2 .clinic .clinic_box ul li a { text-align: center; width: 200px; height: 160px; font-size: 20px; line-height: 1.2; font-weight: 400; color: #343434; display: block; position: relative } */
.contents_area_2 .clinic .clinic_box ul li a { position: relative; display: block; padding: 0 10px; width: 200px; height: 160px; text-align: center; font-size: 20px; line-height: 1.2; font-weight: 400; color: #343434; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
.contents_area_2 .clinic .clinic_box ul li a span { display: inline-block; padding-top: 20px; margin-bottom: 35px; font-size: 12px; font-family: 'Lato', sans-serif !important; padding-bottom: 5px; width: 20px; border-bottom: 1px solid #35383e }
/* 2019-05-28 수정 .contents_area_2 .clinic .clinic_box ul li a em { font-style: normal; display: inline-block; margin-top: 17px; font-size: 13px; font-weight: 400; color: #343434; background: url('/images/skin53/clinic_arr.png') no-repeat right center; padding-right: 10px } */
.contents_area_2 .clinic .clinic_box ul li a em { position: absolute; left: 50%; margin-left: -40px; width: 70px; bottom: 15px; font-style: normal; display: inline-block; margin-top: 17px; font-size: 13px; font-weight: 400; color: #343434; background: url('/images/skin53/clinic_arr.png') no-repeat right center; padding-right: 10px }
.contents_area_2 .clinic .clinic_box ul li a:hover em { background: url('/images/skin53/clinic_arr_hover.png') no-repeat right center }
.contents_area_2 .clinic .clinic_box ul li a:hover:before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 3px; z-index: 1; background: #333333 }

/* 컨텐츠영역 3 */
.contents_area_3 { width: 100% }
.contents_area_3 .news { margin: 0 auto; width: 1000px; height: 65px; line-height: 65px; text-align: right }
.contents_area_3 .news h2 { font-size: 14px; font-weight: 500; color: #272727; font-family: 'Lato', sans-serif !important; letter-spacing: -.5px; display: inline-block; margin-right: 15px }
.contents_area_3 .news p { font-size: 14px; font-weight: 300; line-height: 1.5; color: #4a4743; display: inline-block }

/* 컨텐츠영역 4 */
.contents_area_4 { width: 1000px; margin: 0 auto }
.contents_area_4:before, .contents_area_4:after { content: " "; display: table }
.contents_area_4:after { clear: both }
.contents_area_4 .ca4_inner { float: left; width: 33.33333%; height: 380px }
.contents_area_4 .ca4_inner .about_ico { text-align: center; height: 55px }
.contents_area_4 .board_outer { width: 100%; height: 380px; padding: 60px 25px 40px 27px; background: #f4f4f4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
.contents_area_4 .board_outer .board { margin-top: 60px }
.contents_area_4 .board_outer .board:first-child { margin-top: 0 }
.contents_area_4 .board_outer .board h2 { font-size: 21px; font-weight: 400; text-align: left }
.contents_area_4 .board_outer .board a.more { float: right; margin-top: -24px }
.contents_area_4 .board_outer .board ul { margin-top: 25px }
.contents_area_4 .board_outer .board ul li { height: 32px; line-height: 32px; overflow: hidden; border-bottom: 1px solid #dcdcdc; padding: 0 10px 0 0 }
.contents_area_4 .board_outer .board ul li a { font-size: 14px; font-weight: 300; color: #343434; float: left }
.contents_area_4 .board_outer .board ul li a:hover { color: #000000; font-weight: 300 }
.contents_area_4 .board_outer .board ul li a img { margin-left: 10px }
.contents_area_4 .board_outer .board ul li span.day { font-size: 14px; font-weight: 300; float: right; width: 40px; color: #343434; text-align: right }
.contents_area_4 .time { width: 100%; height: 380px; padding-top: 40px; padding-left: 45px; padding-right: 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
.contents_area_4 .time h2 { font-size: 23px; font-weight: 400; color: #ffffff; height: 40px; text-align: center; position: relative }
.contents_area_4 .time span.border { display: block; width: 60px; height: 2px; background: #4c4c4c; margin: 0 auto }
.contents_area_4 .time .time_table { margin-top: 25px }
.contents_area_4 .time .time_table ul { overflow: hidden; text-align: center }
.contents_area_4 .time .time_table ul li { height: 22px; line-height: 22px; font-size: 15px; color: #ffffff }
.contents_area_4 .time .time_table ul li span { display: inline-block; text-align: left; font-size: 14px; width: 80px }
.contents_area_4 .time .time_table p { clear: both; text-align: center; margin-top: 30px }
.contents_area_4 .time .time_table p em { display: inline-block; margin-right: 10px; vertical-align: top }
/*.contents_area_4 .time .time_table p span { display: inline-block; max-width: 210px; max-height: 20px; font-size: 13px; line-height: 20px; text-align: left; color: #ffffff; vertical-align: middle; overflow: hidden }*/
.contents_area_4 .time .time_table p span{
	max-width: 210px;
	max-height: 40px;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	vertical-align: middle;
	/* 한 줄 자르기 */
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/* 여러 줄 자르기 추가 스타일 */
	white-space: normal;
	text-align: left; word-wrap: break-word;
/*	display: -webkit-box; -webkit-line-clamp: 2;*/
	-webkit-box-orient: vertical;
}


.contents_area_4 a.doc { display: block; width: 100%; height: 380px; padding: 40px 35px; background: #f4f4f4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
.contents_area_4 a.doc h2 { font-size: 23px; font-weight: 400; height: 40px; text-align: center; position: relative }
.contents_area_4 a.doc span.border { display: block; width: 60px; height: 2px; margin: 0 auto }
.contents_area_4 a.doc p.info { margin-top: 25px; font-size: 15px; font-weight: 300; text-align: center }
.contents_area_4 a.doc p.img { text-align: center; margin-top: 25px }

/* 컨텐츠영역 5 */
.contents_area_5 { width: 1000px; margin: 0 auto; padding-bottom: 50px }
.contents_area_5:before, .contents_area_5:after { content: " "; display: table }
.contents_area_5:after { clear: both }
.contents_area_5 .ca5_inner { float: left; width: 33.3333%; height: 380px }
.contents_area_5 .ca5_inner .about_ico { text-align: center; height: 66px }
.contents_area_5 .call { width: 100%; height: 380px; padding: 50px 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
.contents_area_5 .call h2 { font-size: 23px; font-weight: 400; color: #727272; height: 46px; text-align: center; position: relative }
.contents_area_5 .call span.border { display: block; width: 60px; height: 2px; background: #727272; margin: 0 auto }
/*.contents_area_5 .call p.tel { margin-top: 28px; color: #343434; font-size: 38px; font-weight: 700; line-height: 1.3; text-align: center }*/
.contents_area_5 .call p.tel { margin-top: 28px; color: #343434; font-size: 32px; font-weight: 700; line-height: 1.3; text-align: center }
.contents_area_5 .call p.fax { margin-top: 15px; color: #4a4a4a; font-size: 24px; font-weight: 100; text-align: center }
.contents_area_5 a.facilities { display: block; width: 100%; height: 380px; padding: 52px 35px; background: url('/images/skin53/facilities_bg.png') no-repeat center; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
.contents_area_5 a.facilities h2 { font-size: 23px; font-weight: 400; color: #ffffff; height: 45px; text-align: center; position: relative }
.contents_area_5 a.facilities span.border { display: block; width: 60px; height: 2px; background: #ffffff; margin: 0 auto }
.contents_area_5 .map { position: relative; width: 100%; height: 380px; padding: 54px 35px 55px 35px; background: #4c4c4c; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
.contents_area_5 .map h2 { font-size: 23px; font-weight: 400; color: #ffffff; height: 45px; text-align: center; position: relative }
.contents_area_5 .map span.border { display: block; width: 60px; height: 2px; background: #fed261; margin: 0 auto }
.contents_area_5 .map p { text-align: center }
.contents_area_5 .map p.address { margin-top: 27px;	/* margin-bottom: 60px; */ color: #ffffff; font-size: 14px; font-weight: 300; line-height: 1.5; text-align: center }
.contents_area_5 .map a.goto { position: absolute; left: 50%; margin-left: -67.5px; bottom: 55px; display: block; color: #fed261; font-size: 15px; font-weight: 300; width: 135px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #fed261 }
.contents_area_5 .map a.goto:hover { color: #4c4c4c; background: #fed261 }