@charset "utf-8";


/* ==============================================
   common
   ============================================== */

.topArea { padding: 23px 20px 15px; background: url(../images/common/line_bg.png) left bottom repeat-x; -webkit-background-size: 1px 2px; background-size: 1px 2px; margin-bottom: 15px;}
.topArea h3.title { line-height: 21px; font-size: 15px; color: #131212; text-shadow: 0 1px 0 #fff;}
.topArea h3.title span { display: block; font-size: 10px; color: #6e8089; line-height: 13px; text-transform: uppercase; text-shadow: none;}

.contents { min-height: 250px; background: url(../images/contents/hana_logo_bg.png) center 115px no-repeat; -webkit-background-size: 178px auto; background-size: 178px auto; padding: 0 20px;}

.contents .subUnit { line-height: 16px; margin-bottom: 13px;}
.contents .subUnit:last-child { margin-bottom: 0;}
.contents .subUnit h4 { color: #000; font-size: 15px; line-height: 23px; background: url(../images/contents/icon_title.gif) left 15px no-repeat; -webkit-background-size: auto 3px; background-size: auto 3px; padding-left: 12px; margin-bottom: 8px;}

/* list */

ul.comment li { line-height: 18px; background: url(../images/contents/icon_dot.png) 5px 6px no-repeat; -webkit-background-size: 3px 3px; background-size: 3px 3px; padding-left: 15px;}

.sidr { display:none; position:absolute; position:fixed; top:0; height:100%; z-index:999999; width:134px; background-color: #8095a2; border-right: 1px solid rgba(0,78,127,.9); overflow-x:none; overflow-y:auto;}
.sidr h2 { height: 30px; color: #004268; font-size: 19px; line-height: 30px; text-indent: 15px; text-shadow:0 1px 0 rgba(255,255,255,.4); border-bottom: 1px solid #03598f; padding: 15px 0 12px;
   background-color:#bbbbbb;
   background-image: -webkit-gradient(linear, left top, left bottom, from( #005c91), to( #0076bb ));
   background-image: -webkit-linear-gradient( #005c91 , #0076bb );
   background-image:    -moz-linear-gradient( #005c91 , #0076bb );
   background-image:     -ms-linear-gradient( #005c91 , #0076bb );
   background-image:      -o-linear-gradient( #005c91 , #0076bb );
   background-image:         linear-gradient( #005c91 , #0076bb );
}
.sidr ul li { height: 38px; line-height: 38px; border-top: 1px solid #a2b2bb; border-bottom: 1px solid #637885;}
.sidr ul li:first-child { border-top: none;}
.sidr ul li a { position: relative; display: block; height: 38px; line-height: 38px; color: #fff; text-shadow:0 -1px 0 #4f5c64; text-decoration: none; padding-left: 40px;}
.sidr ul li a figure { position: absolute; left: 0; top: 0; width: 40px; height: 38px; -webkit-background-size: auto 70%; background-size: auto 70%; background-repeat: no-repeat; background-position: center center;}


/* ==============================================
   의료진 소개
   ============================================== */

.contents.doctors .sum { position: relative; min-height: 127px; padding-left: 115px; margin-bottom: 13px;}
.contents.doctors .sum figure { position: absolute; left: 0; top: 0; width: 91px; background-color: #fff; border: 1px solid #b7c9d3; padding: 1px;}
.contents.doctors .sum figure img { width: 100%;}
.contents.doctors .sum .exp h4 { line-height: 29px; font-size: 20px; color: #131212; text-shadow: 0 1px 0 #fff; margin-bottom: 9px;}
.contents.doctors .sum .exp h4 span { display: block; color: #1b7eb8; font-size: 13px; line-height: 25px; text-shadow:none;}
.contents.doctors .sum .exp p { font-size: 11px; line-height: 15px; letter-spacing: -1px;}

.contents.doctors .career ul li.devide { margin-bottom: 10px;}

.contents.doctors .paper ul { border-top: 1px solid #0070b2;}
.contents.doctors .paper ul li { line-height: 14px; background: url(../images/contents/line_dot_bg.gif) left bottom repeat-x; -webkit-background-size: auto 2px; background-size: auto 2px; padding: 9px 0 10px;}
.contents.doctors .paper ul li p { color: #0656ba; margin-bottom: 3px;}
.contents.doctors .paper ul li span { color: #85949c; font-size: 11px;}


/* ==============================================
   진료안내
   ============================================== */

.contents.treat > ul > li { position: relative; min-height: 80px; background: url(../images/contents/line_dot_bg.gif) left bottom repeat-x; -webkit-background-size: auto 2px; background-size: auto 2px; padding:0 0 15px 97px; margin-bottom: 15px;}
.contents.treat > ul > li figure { position: absolute; left: 0; top: 0; width: 80px; height: 80px; background-repeat: no-repeat; -webkit-background-size: 80px auto; background-size: 80px auto;}
.contents.treat > ul > li.treat1 figure { background-image: url(../images/contents/treat_icon01.png);}
.contents.treat > ul > li.treat2 figure { background-image: url(../images/contents/treat_icon02.png);}
.contents.treat > ul > li.treat3 figure { background-image: url(../images/contents/treat_icon03.png);}
.contents.treat > ul > li.treat4 figure { background-image: url(../images/contents/treat_icon04.png);}
.contents.treat > ul > li h4 { line-height: 25px; font-size: 20px; color: #131212; text-shadow: 0 1px 0 #fff; margin-bottom: 8px;}
.contents.treat > ul > li ul {*zoom:1;} /* Hack for browser IE5.5~7 */
.contents.treat > ul > li ul:after { content:" "; display:block; clear:both;} /* float virtual element */
.contents.treat > ul > li ul li { float: left; color: #63747d; height: 16px; line-height: 16px; font-size: 11px; letter-spacing: -1px; background: url(../images/contents/icon_dot.png) right center no-repeat; -webkit-background-size: 3px 3px; background-size: 2px 2px; padding-right: 8px; margin-right: 6px;}
.contents.treat > ul > li ul li:last-child { background: none; padding-right: 0; margin-right: 0;}


/* ==============================================
   진료시간
   ============================================== */

.contents.time table { width: 100%; border-bottom: 1px solid #a1b8c5; margin-bottom: 10px;}
.contents.time table th { height: 40px; line-height: 40px; color: #fff; font-weight: normal;
	background-color:#0d7ab9;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #138bd1), to( #05659c ));
	background-image: -webkit-linear-gradient( #138bd1 , #05659c );
	background-image:    -moz-linear-gradient( #138bd1 , #05659c );
	background-image:     -ms-linear-gradient( #138bd1 , #05659c );
	background-image:      -o-linear-gradient( #138bd1 , #05659c );
	background-image:         linear-gradient( #138bd1 , #05659c );
}
.contents.time table td { color: #00619a; text-align: center; vertical-align: middle; line-height: 20px; padding: 8px 0;}
.contents.time ul.comment { margin-bottom: 20px;}
.contents.time > p { height: 87px; text-align: right; line-height: 18px; background: url(../images/contents/time_img.png) right top no-repeat; -webkit-background-size: 116px auto; background-size: 116px auto; padding: 0 140px 0 40px; margin-right: 15px;}


/* ==============================================
   병원둘러보기
   ============================================== */

.contents.view .viewSlide { position: relative;}
.contents.view .viewSlide ul li img { width: 100%;}
.contents.view .viewSlide ul li span { display: block; color: #63747d; font-size: 14px; line-height: 30px; text-align: center; padding: 17px 0;}
.contents.view .viewSlide .flex-control-nav { display: none;}
.contents.view .viewSlide .flex-direction-nav a { display: block; position: absolute; bottom: 16px; width: 29px; height: 29px; text-indent: -9999px; overflow: hidden;}
.contents.view .viewSlide .flex-direction-nav a.flex-prev { left:0; background: url(../images/contents/btn_prev.png) left top no-repeat; -webkit-background-size: 29px auto; background-size: 29px auto;}
.contents.view .viewSlide .flex-direction-nav a.flex-next { right: 0; background: url(../images/contents/btn_next.png) left top no-repeat; -webkit-background-size: 29px auto; background-size: 29px auto;}


/* ==============================================
   오시는길
   ============================================== */

   .contents.map #mapArea { height: 300px; border: 1px solid #a4b7c0; margin-bottom: 16px;}
   .contents.map address { color: #0656ba; line-height: 20px; font-size: 14px; font-style: normal; letter-spacing: -1px; margin-bottom: 10px;}
   .contents.map .exp { color: #63747d; line-height: 15px; font-size: 11px;}