@charset "utf-8";

/*작업자 : 진재남 / 작업일자 : 2016-08-19*/
.contents.main_bg { background: #f6f6f6; }

/* 컨텐츠영역 1 */
.contents_area_1 { margin: 0 auto; width: 1167px; }
.contents_area_1 .main_slide_box { float: left; width: 653px; height: 464px; overflow: hidden; }
.contents_area_1 .clinic_area { float: right; width: 512px; height: 464px; }
.contents_area_1 .clinic_area .news { padding-top: 1em; padding-bottom: 1.7em; }
.contents_area_1 .clinic_area .news p { font-size: 1.3em; margin-left: 10px; padding-left: 60px; padding-top: 5px; padding-bottom: 5px; height: 16px; color: #4a4743; line-height: 1; }
.contents_area_1 .clinic_area .clinic_box { overflow: hidden; }
.contents_area_1 .clinic_area .clinic_box ul { }
.contents_area_1 .clinic_area .clinic_box ul li { float: left; margin-left: 3px; margin-bottom: 3px; }
.contents_area_1 .clinic_area .clinic_box ul li a { text-align: center; width: 166px; height: 165px; font-size: 2em; color: #ffffff; padding-top: 35px; display: block; line-height: 1.2; }
.contents_area_1 .clinic_area .clinic_box ul li a span { display: block; font-size: .6em; color: #333333; font-family: 'Lato', sans-serif !important; width: 50px; margin: 0 auto 2em auto; }

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

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

/* 진료안내 1 */
.consult_area_1 .time { background: #ffffff; padding: 2.5em 3em; height: 320px; border-radius: 10px; border: 1px solid #e0e0e0; margin-bottom: 1em; box-sizing: border-box; }
.consult_area_1 .time h2 { font-size: 2em; font-weight: bold; color: #3b3b3b; }
.consult_area_1 .time h3 { margin-top: .5em; margin-bottom: 2.5em; color: #3b3b3b; }
.consult_area_1 .time ul { margin-bottom: 2em; }
.consult_area_1 .time ul li { font-size: 1.25em; font-weight: bold; color: #35383e; margin-bottom: 4px; letter-spacing: -1px;}
.consult_area_1 .time ul li span { display: inline-block; width: 90px; }
.consult_area_1 .time p { font-size: 1.2em; line-height: 1.5; color: #969696; }
.consult_area_1 .call { padding: 16px 1em; border-radius: 10px; padding-left: 9em; background: #5d5d5d url('/images/skin5002/consult_call.png') no-repeat 1em center; height: 112px; }
.consult_area_1 .call h2 { font-size: 1.2em; margin-bottom: 1em; }
.consult_area_1 .call ul { color: #ffffff; font-size: 2.1em; }
.consult_area_1 .call ul li { line-height: 1.2; }
.consult_area_1 .call ul li.fax { font-size: .65em; }

/* 진료안내 2 */
.consult_area_2 .doc { float: left; width: 49%; height: 286px; 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: bold; color: #ffffff; margin-top: 3em; text-align: center; }
.consult_area_2 .doc h3 { font-size: 1.3em; font-weight: bold; color: rgba(255, 255, 255, .7); margin-top: .5em; text-align: center; }
.consult_area_2 .doc div { margin-top: 3em; }
.consult_area_2 .doc a { display: inline-block; margin-top: 3em; color: #ffffff; font-size: 1.2em; 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: bold; 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: 1.2em; 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: 1.2em; 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: 179px; }
.consult_area_3 .loca h2 { font-size: 1.6em; font-weight: bold; color: #ffffff; margin-bottom: .5em; text-align: center; padding-top: 15px; }
.consult_area_3 .loca h3 { font-size: 1.3em; font-weight: bold; margin-bottom: .5em; color: rgba(255, 255, 255, .7); text-align: center; }
.consult_area_3 .loca a { display: inline-block; margin-top: 1em; color: #ffffff; font-size: 1.2em; padding-top: 1px; padding-bottom: 1px; border-bottom: 1px solid #ffffff; }

/* 컨텐츠영역 3 */
.contents_area_3 { margin: 0 auto; width: 1167px; overflow: hidden; padding-top: 3em; }
.contents_area_3 h3 { font-size: 1.6em; font-weight: bold; }
.contents_area_3 a.more { position: absolute; top: .5em; right: 75px; display: inline-block; padding: 3px; }

/* 컨텐츠영역 3 - 공지사항, 건강칼럼 */
.contents_area_3 > div:not(.facilities) { position: relative; float: left; width: 25%; padding-right: 6%; margin: 0 1%; }
.contents_area_3 > div:not(.facilities) .new { width: 13px; height: 12px; background: url('/images/skin5002/board_new.jpg'); }
.contents_area_3 > div:not(.facilities) > ul { margin-top: 2em; }
.contents_area_3 > div:not(.facilities) > ul > li { padding: 7px 0; overflow: hidden; }
.contents_area_3 > div:not(.facilities) > ul > li a { float: left; width: 67%; font-size: 1.05em; font-weight: 300; color: #777777; position: relative; padding-left: 15px; }
.contents_area_3 > div:not(.facilities) > ul > li a > img { display: inline-block; padding-left: 5px; }
.contents_area_3 > div:not(.facilities) > ul > li a:after { content: ' '; position: absolute; top: 5px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #777777; }
.contents_area_3 > div:not(.facilities) > ul > li a:hover { color: #000000; }
.contents_area_3 > div:not(.facilities) > ul > li span { float: left; text-align: right; width: 25%; color: #777777; }

/* 컨텐츠영역 3 - 갤러리 */
.contents_area_3 .facilities { position: relative; float: right; width: 31%; margin: 0 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; }