﻿@charset "utf-8";

/* 작업자 : 안효석 / 작업일자 : 2017-04-06 */
.contents {position: relative;}
.contents:after {content: ""; clear: both; display: block;}
.content_visual {text-align: center; height: 200px; clear: both;}
.content_visual:before,
.content_visual:after {content: ""; display: block; position: absolute; top: 0; width: 50%; height: 200px; z-index: -1;}
.content_visual:before {left: 0; background: #eaeaea;}
.content_visual:after {right: 0; background: #021a3a;}
.content_visual .bg {height: 200px;}
.content_visual p {position: absolute; top: 50px; left: 50%; width: 1200px; margin-left: -308px; text-align: left; font-size: 42px; font-weight: normal; line-height: 50px; letter-spacing: -2px; color: #ff3143;}


/* 서브 컨테이너 */
.sub_container { background: #fff; width: 1127px; margin: 0 auto; padding: 0 32px 100px; }
.sub_container:before, .sub_container:after { content: " "; display: table; }
.sub_container:after { clear: both; }

/* 서브 레프트 */
.sub_container #sub_left { float: left; width: 240px; margin-top: -40px; background: #fff;}
#sub_left h2 { color: #585858; font-size: 24px; font-weight: 500; color: #fb5664; margin: 55px 0 60px 35px;}
#sub_left .snb ul {margin-bottom: 100px;}
#sub_left .snb li a { padding: 0 20px; line-height: 35px; font-family: "Noto Sans CJK KR" !important; font-size: 14px; color: #5a5a5a; display: block; border-bottom: 1px solid #e5e5e5; position: relative; text-decoration: none;}
#sub_left .snb li:first-child a {border-top: 1px solid #e5e5e5;}
#sub_left .snb li a:after {content: ""; display: block; width: 7px; height: 12px; position: absolute; top: 50%; right: 16px; margin-top: -6px; background: url(/Images/skin5009/ico_lnb_gt.png) no-repeat;}
#sub_left .snb li a:hover {font-weight: 600;}
#sub_left .snb li a.on { color: #fff; background: #fb5664;}

/* 진료시간안내 */
#sub_left .sub_time {background: #efeeeb; padding: 35px; font-size: 14px; color: #535353;}
#sub_left .sub_time h3 {font-size: 16px; font-weight: 600; letter-spacing: -1px; color: #fb5664; margin-bottom: 10px;}
#sub_left .sub_time .ment {display: none;}
#sub_left .sub_time .time_table {padding-top: 10px; margin-bottom: 25px; overflow: hidden;}
#sub_left .sub_time .time_table li {margin-bottom: 20px;}
#sub_left .sub_time .time_table span {display: block; margin-bottom: 10px;}
#sub_left .sub_call {font-size: 21px; letter-spacing: -1px;}
#sub_left .sub_call span.tel {font-size: 14px;}

/* 서브 컨테이너 */
.sub_container #sub_contents { float: right; width: 776px;}
.sub_container #sub_contents table { table-layout: auto !important; }

/* 서브 헤드 */
#sub_contents .sub_head {padding-top: 80px; position: relative;}
#sub_contents .sub_head h3 {font-size: 28px; font-weight: 600; color: #373737; margin-bottom: 30px;}
#sub_contents .sub_head > ul {position: absolute; top: 25px; right: 0;}
#sub_contents .sub_head li {display: inline; font-size: 13px; color: #938983;}
#sub_contents .sub_head li:after {content: ""; display: inline-block; width: 3px; height: 6px; margin: 0 10px; background: url(/Images/skin5009/ico_gt.png) no-repeat; vertical-align: middle;}
#sub_contents .sub_head li.current:after {background: none; margin: 0;}

/* 서브 컨텐츠 */
.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: bold; 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: bold; 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; }

.Module .login_box {font-size: 12px;}