@charset "utf-8";

/* 작업자 : 안효석 / 작업일자 : 2017-04-10 */
.contents {position: relative;}
.contents:after {content: ""; clear: both; display: block;}

/* 상단배경 */
.content_visual .visual {text-align: center; height: 436px; background: url(/Images/skin5011/visual_sub.jpg) no-repeat center top;}
.content_visual .visual:after {content:""; position: absolute; top: 315px; right: 0; display: block; width: 50%; height: 125px; background: #fff;}
.content_visual p {position: absolute; top: 72px; left: 50%; width: 1080px; margin-left: -540px; margin-top: 56px; font-size: 36px; line-height: 36px; letter-spacing: -1px; color: #fff; text-align: left;}
.content_visual p span {display: inline-block; font-family: "Nanum Myeongjo"; border-left: 1px solid #eb3e83; margin-left: 33px; padding-left: 23px;}

/* 서브 컨테이너 */
.sub_container { background: #fff; width: 1080px; margin: 0 auto; padding: 0 0 100px;}
.sub_container:before, .sub_container:after { content: " "; display: table; }
.sub_container:after { clear: both; }

/* 서브 레프트 */
#sub_left {float: left; margin-top: -170px; padding: 45px 40px; width: 200px; font-size: 14px; color: #4e4e4e; background: #fff;}
#sub_left h2.title {font-family: "NanumSquare"; font-size: 24px; font-weight: 600; letter-spacing: -1px; color: #323232; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #c2c2c2;}
#sub_left .snb {padding-bottom: 70px; margin-bottom: 60px; border-bottom: 1px solid #c2c2c2;}
#sub_left .snb li a {display: block; padding: 0 15px; line-height: 36px; color: #4e4e4e; text-decoration: none; transition:all .1s ease-in-out;}
#sub_left .snb li a:hover,
#sub_left .snb li a.on {font-weight: 600; color: #fff; background-color: #fa68a4;}

/* 진료시간안내 */
.sub_time {font-size: 14px; color: #4e4e4e;}
.sub_time h3 {display: inline-block; font-size: 16px; letter-spacing: -1px; color: #323232; margin-bottom: 20px; padding: 0 3px; background: #c3edd7; position: relative; z-index: 0;}
.sub_time h3:before {content:""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 15px; background: #fff; z-index: -1;}
.time_table {margin-bottom: 25px;}
.time_table li {font-family: "Roboto"; color: #39c7b4; letter-spacing: -1px;}
.time_table li span {font-family: "NanumSquare"; display: inline-block; width: 75px; color: #4e4e4e; vertical-align: middle;}
.time_table li p {padding-top: 20px;}
.time_table+div:before {content:""; display: block; width: 1px; height: 40px; background: #b4b4b4; margin: 0 0 30px 35px;}
.sub_call {font-family: "Roboto"; font-size: 17px; line-height: 24px; color: #6b6b6b;}
.sub_call .tel_1 {font-size: 27px; font-weight: bold; letter-spacing: -1px; color: #39c7b4; margin-bottom: 10px;}
.sub_call span.tel {color: #202020;}

/* 현재 페이지 위치 */
.location {font-size: 14px; color: #4e4e4e; line-height: 34px; padding-top: 70px;}
.location ul {margin-bottom: 70px;}
.location li {display: inline;}
.location li:before {content:">"; display: inline-block; vertical-align: middle; margin: 0 10px;}
.location li:first-child:before {display: none;}
.location .current {color: #fa68a4;}
.location > h3 {font-size: 38px; font-weight: 600; letter-spacing: -1px; color: #000; margin-bottom: 30px;}

/* 서브 컨테이너 */
.sub_container #sub_contents {float: right; width: 800px; background: #fff;  margin-top: -170px;}
.sub_container #sub_contents .sub_con_area {width: 776px; margin-left: 34px;}
.sub_container #sub_contents table { table-layout: auto !important; }

/* 서브 헤드 */
#sub_contents .sub_head {padding-top: 80px;}
#sub_contents .sub_head h3 {font-size: 28px; font-weight: 600; color: #373737; margin-bottom: 30px;}

/* 서브 컨텐츠 */
.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;}