﻿@charset "utf-8";

/*작업자 : 진재남 / 작업일자 : 2016-08-19*/

/* 서브 비쥬얼 */
.sub_visual { margin: 0 auto; width: 1280px; height: 53px; overflow: hidden; background: url('/images/skin5006/sub_visual_bg.png') no-repeat center; background-size: cover; }

/* 서브 컨테이너 */
.sub_container { background: #ffffff; width: 1150px; margin: 0 auto; padding: 45px 65px 100px 65px; }
.sub_container:before, .sub_container:after { content: " "; display: table; }
.sub_container:after { clear: both; }

/* 서브 레프트 */
.sub_container #sub_left { float: left; width: 230px; }
#sub_left h2 { color: #585858; font-size: 28px; font-weight: 500; line-height: 1; font-family: 'Nanum Gothic', sans-serif !important; position: relative; margin-left: 20px; margin-top: 20px; }
#sub_left h2:before { content: " "; position: absolute; top: -20px; left: 0; width: 25px; height: 2px; background: #333333; }
#sub_left .snb { margin-top: 35px; }
#sub_left .snb ul { width: 230px; }
#sub_left .snb ul li { }
#sub_left .snb ul li a { padding:15px 20px; height:auto; line-height:1.3; font-size: 15px; color: #3a3c41; display: block; border-top: 1px solid #e5e5e5; position: relative; }
#sub_left .snb ul li a.on:before { content: " "; position: absolute; top: 25px; right: 20px; width: 13px; height: 2px; background: #ffffff; }
#sub_left .snb ul li a:hover { color: #ffffff; }
#sub_left .snb ul li a:hover:before { content: " "; position: absolute; top: 25px; right: 20px; width: 13px; height: 2px; background: #ffffff; }
#sub_left .snb ul li a.on { color: #ffffff; }

/* 진료시간안내 */
#sub_left .sub_time { margin-top: 30px; width: 230px; }
#sub_left .sub_time h3 { font-size: 17px; color: #293b4c; line-height: 1; margin: 0 0 20px 20px; font-weight: 500; }
#sub_left .sub_time p.ment { font-size: 13px; line-height: 1.3; color: #666666; margin-top: 10px; font-family: 'Nanum Gothic', sans-serif !important; margin-left: 20px; }
#sub_left .sub_time ul.sub_call { margin-left: 20px; }
#sub_left .sub_time ul.sub_call li { font-family: 'Lato', sans-serif !important; }
#sub_left .sub_time ul.sub_call li.tel_1 { font-size: 32px; margin-bottom: 20px; color: #333333; }
#sub_left .sub_time ul.sub_call li.tel_2 { font-size: 14px; color: #747474; height: 25px; line-height: 25px; }
#sub_left .sub_time ul.sub_call li span { display: inline-block; margin-right: 10px; color: #000000; font-weight: 500; }
#sub_left .sub_time ul.time_table { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e5e5e5; }
#sub_left .sub_time ul.time_table li { font-family: 'Nanum Gothic', sans-serif !important; font-size: 12px; color: #747474; margin-left: 20px; height: 25px; letter-spacing: -1px;}
#sub_left .sub_time ul.time_table li span { display: inline-block; margin-right: 10px; color: #000000; font-weight: 500; width: 65px; }
#sub_left .time_comment {padding: 7px 0 0 20px;}

/* 서브 컨테이너 */
.sub_container #sub_contents { float: right; width: 780px; }
.sub_container #sub_contents table { table-layout: auto !important; }

/* 서브 헤드 */
/* ie8 타이틀 잘림 현상 : overflow:hidden; 주석처리 */
#sub_contents .sub_head { position: relative; margin-bottom: 30px; /*overflow: hidden;*/ }
/* //ie8 타이틀 잘림 현상 : overflow:hidden; 주석처리 */
#sub_contents .sub_head h3 { font-size: 36px; font-weight: 500; color: #4e4e4e; }
/* ie8 타이틀 잘림 현상 : overflow:hidden; 주석처리 및 after 추가 */
#sub_contents .sub_head ul { position: absolute; top: 20px; right: 0; font-size: 12px; color: #4e4e4e; float: right; /*overflow: hidden;*/ }
#sub_contents .sub_head ul:after { contnet:''; display:block; clear:both; }
/* //ie8 타이틀 잘림 현상 : overflow:hidden; 주석처리 및 after 추가 */
#sub_contents .sub_head ul li { float: left; background: url('/images/skin5004/sub_location_arr.png') no-repeat left center; color: #4e4e4e; padding-left: 14px; margin-left: 15px; }
#sub_contents .sub_head ul li:first-child { background: none }
#sub_contents .sub_head ul li.current { color: #000000; font-weight: 500; }

/* 서브 컨텐츠 */
.sub_con_area div, .sub_con_area dl, .sub_con_area dt, .sub_con_area dd, .sub_con_area h1, .sub_con_area h2, .sub_con_area h3, .sub_con_area h4, .sub_con_area h5, .sub_con_area h6, .sub_con_area pre, .sub_con_area legend, .sub_con_area p, .sub_con_area form, .sub_con_area fieldset, .sub_con_area input, .sub_con_area textarea, .sub_con_area select, .sub_con_area blockquote, .sub_con_area th, .sub_con_area td { font-family: 'Nanum Gothic', sans-serif !important; line-height: 1.5; }
.sub_con_area .sub_article { margin-top: 6em; margin-bottom: 6em; color: #4e4e4e; overflow: hidden; }
.sub_article h3.tit { font-size: 1.9em; font-weight: 500; margin-bottom: 1em; }
.sub_article p { font-size: 1.2em; line-height: 1.5; margin-bottom: 2em; }
.sub_article table { border-top: 3px solid #12b0bd; font-size: 1.2em; line-height: 1.5; }
.sub_article table th, .sub_article table td { padding: 15px 0; }
.sub_article table thead { background: #ebf7f8; border-bottom: 1px solid #e4e4e4; font-size: 1.2em; }
.sub_article table tbody tr { border-bottom: 1px solid #e4e4e4; }
.sub_article table tbody th { background: #f9f9f9; font-size: 1.1em; font-weight: 500; vertical-align: middle; text-align: left; padding: .5em 2em; }
.sub_article table tbody ul { padding: .5em 3em; }
.sub_article table tbody ul li { padding: .5em 0; list-style: disc; line-height: 1.3; }
.sub_article table.table_1 { float: left; width: 48%; }
.sub_article table.table_2 { float: right; width: 48%; }
.sub_article table.table_1 tbody td, .sub_article table.table_2 tbody td { height: 320px; }
.sub_article table.table_3 tbody td { padding-left: 2em; padding-right: 2em; }

/* 클릭메디 수정 */
#sub_contents .cms_skin>.cms_box01 { padding: 0 !important; }