﻿@charset "utf-8";

/* 2019-05-07 add :: 신규스킨 CMS TAB 관련하여 꼭 적용해야할 스타일 !!!  */
.new_cms_wrap th, .new_cms_wrap td, .new_cms_wrap div, .new_cms_wrap p { font-family:"돋움", "Dotum", sans-serif !important }
.new_cms_tab tr{ border-bottom:3px solid #fff }
/*  // 2019-05-07 */

/* 서브 컨테이너 */
.sub_container { margin: 0 auto; width: 996px; overflow: hidden;}
.sub_line{border-bottom:2px solid #d0d0d0;}
/* 서브 레프트 */
.sub_container #sub_left { float: left; width: 330px }
#sub_left h2.title { box-sizing: border-box; width: 244px; height: 98px; padding: 2em 1em; margin-bottom: .5em }
#sub_left h2.title span { display: inline-block; margin-top: 15px; position: relative; font-size: 22px;  font-weight:400; color: #ffffff }

#sub_left .snb { box-sizing: border-box; width: 244px; padding: 2em; margin-bottom: 2em }
#sub_left .snb ul li { padding: 11px 0; border-bottom: 2px solid #e9e9e9 }
#sub_left .snb ul li a { font-size: 1.3em; font-weight: 400; color: #3a3c41; display: block }
#sub_left .snb ul li a.on { position: relative; padding-left: 1em }
#sub_left .snb ul li a.on::before { display: block; content: " "; position: absolute; top: 1px; left: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent }

/* 진료시간안내 */
#sub_left .sub_time { padding: 1em; margin-bottom: 2em; width: 244px }
/* 2019-04-24 수정 */
#sub_left .sub_time h2 { font-size: 1.8em; font-weight: 400; color: #3b3b3b }
#sub_left .sub_time h3 { font-size: 1em; margin-top: .5em; margin-bottom: 2.5em; color: #3b3b3b }
/* //2019-04-24 수정 */
#sub_left .sub_time ul { margin-bottom: 2em }
#sub_left .sub_time ul li { font-size: 1.25em; font-weight: 400; color: #35383e; margin-bottom: 4px; letter-spacing: -1px;}
#sub_left .sub_time ul li span {letter-spacing:2px; display: inline-block; width: 90px }
#sub_left .sub_time p { font-size: 1.2em; line-height: 1.5; color: #969696 }

/* 전화상담문의 */
/* 2019-04-24 수정 */
#sub_left .sub_call { /*background: #5d5d5d;*/ padding: 1.5em 0; border-radius: 10px; text-align: center; width: 244px }
/* //2019-04-24 수정 */
#sub_left .sub_call h3 { font-size: 1.2em; margin-bottom: 1em; text-align: center }
#sub_left .sub_call ul { color: #ffffff; font-size: 2.1em }
#sub_left .sub_call ul li { line-height: 1.2 }
#sub_left .sub_call ul li.fax { font-size: .65em }

/* 서브 컨테이너 */
.sub_container #sub_contents { float: right; width: 640px; margin-right:0px }
.sub_container #sub_contents table { table-layout: auto !important }

/* 서브 헤드 */

/* 2019-05-28 style 변경으로 인해 주석처리
#sub_contents .sub_head { height: 90px; line-height: 90px; overflow: hidden }
#sub_contents .sub_head h3 { position: relative; font-size: 2.4em; font-weight: 400; float: left; color: #4e4e4e }
#sub_contents .sub_head h3 span::before { display: block; content: " "; position: absolute; top: 0px; width: 40px; height: 2px }
#sub_contents .sub_head ul { font-size: 1.2em; float: right }
#sub_contents .sub_head ul li { display: inline-block; margin-right: .5em; padding-right: 1em; background: url('/images/skin52/sub_head_navi_blt.png') no-repeat center right; color: #4e4e4e }
#sub_contents .sub_head ul li.current { font-weight: 400; margin-right: 0; padding-right: 0; background: none } */

/* 2019-05-28 sub location & sub tit 위치변경으로 인해 style 추가 */
.sub_head .bot_title:after { display: block; content: ''; clear: both }
.sub_head .top_location { margin-bottom: 54px; text-align: right }
.sub_head .top_location li { display: inline-block; margin-right: .5em; padding-right: 1em; background: url('/images/skin52/sub_head_navi_blt.png') no-repeat center right; color: #4e4e4e }
.sub_head .top_location li.current { font-weight: 400; margin-right: 0; padding-right: 0; background: none }
.sub_head .bot_title h3 { position: relative; height: 98px; line-height: 98px; font-size: 2.4em; font-weight: 400; float: left; color: #4e4e4e }
.sub_head .bot_title h3 span::before { display: block; content: " "; position: absolute; top: 0px; width: 40px; height: 2px }
/* // 2019-05-28 */

/* 서브 컨텐츠 */
.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: 400; 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: 400; 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 }
