﻿@charset "utf-8";

/* ------------------------------------------------------------------------------------ */
/*										Main Page										*/
/* ------------------------------------------------------------------------------------ */

/* flash visual */
#visual {
	position:relative;
	width:980px;
	padding-bottom:1px;
	text-align:left;
	background:url(../images/main/flash_bg2.jpg) no-repeat left top;
}
#quick {
	position:absolute;
	top:178px;
	left:14px;
	width:220px;
	font-size:0;
}
#quick h2 {
	margin-top:8px;
}
#quick .appointment {
	float:left;
	width:100%;
}
#quick .appointment ul.reserve {
	float:left;
	height:33px;
	margin-top:13px;
	background:url(../images/main/img_shadow.gif) no-repeat left bottom;
}
#quick .appointment li {
	float:left;
	padding:0;
	text-align:left;
}
#quick .appointment ul.reserve img {
	float:left;
	margin-right:2px;
}
#quick .phone_center {
	float:left;
	width:100%;
	margin-top:17px;
}
#quick .phone_center p.phone_num {
	margin-top:8px;
}
#quick .location {
	float:left;
	width:100%;
	margin-top:25px;
}
#quick .location li {
	float:left;
	padding:0;
	text-align:left;
}
#quick .location img {
	float:left;
	margin-right:2px;
}

/* medical center */
#center {
	position:relative;
	overflow:hidden;
	width:980px;
}
#center li {
	float:left;
}

/* main s */
#contents {
	position:relative;
	width:980px;
	height:390px;
	min-height:390px;
	margin-top:32px;
	background:none;
	padding:0;
}
#contents div.sectionf {
	float:left;
	display:inline;
	width:249px;
	margin-right:23px;
}
#contents div.sections {
	float:left;
	display:inline;
	width:448px;
	margin-right:23px;
}
#contents div.sectiont {
	float:left;
	display:inline;
	width:237px;
}

/* 주요 안내 링크모음 */
#contents div.guide_link {
	position:relative;
	overflow:hidden;
	width:249px;
	height:119px;
	padding-bottom:12px;
	background:url(../images/main/guide_bg.gif) repeat-x left top;
}
#contents div.guide_link h2 {
	position:absolute;
	top:-9999px;
	left:-9999px;
	z-index:-1;
	visibility:hidden;
}
#contents div.guide_link .guide01 {
	margin:25px 0 0 17px;
}
#contents div.guide_link .guide01 .gap {
	margin-left:46px;
}
#contents div.guide_link .guide02 {
	margin:37px 0 0 17px;
}
#contents div.guide_link .guide02 .gap {
	margin-left:21px;
}

/* 주요 센터 링크모음 */
#contents div.center_link {
	position:relative;
	overflow:hidden;
	width:249px;
}
#contents div.center_link h2 {
	position:absolute;
	top:-9999px;
	left:-9999px;
	z-index:-1;
	visibility:hidden;
}
#contents div.center_link .gap {
	margin-bottom:8px;
}

/* 게시판 추출 */
#contents div.bbs {
	position:relative;
	overflow:hidden;
	width:448px;
	height:109px;
	padding-bottom:24px;
	margin-top:8px;
	background:url(../images/main/notice_bg.gif) repeat-x left top transparent;
}
#contents div.bbs h2,
#contents div.bbs h3 {
	position:absolute;
	top:-9999px;
	left:-9999px;
	z-index:-1;
	visibility:hidden;
}
#contents div.bbs li {
	display:inline;
}
#contents div.bbs li.tab {
	margin-left:-5px;
}
#contents div.bbs li img {
	cursor:pointer;
}
#contents div.bbs div {
	float:left;
	width:100%;
	margin-top:12px;
}
/* twitter */
#contents #tab1c5 {
    margin:6px 0 0 0;
}
#contents #tab1c5 div {
    margin:0;
}
/* twitter */
#contents div.bbs div ul {
	overflow:hidden;
	margin-left:7px;
}
#contents div.bbs div ul li {
	float:left;
	display:block;
	height:20px;
	padding-left:10px;
	background:url(../images/main/bu_dol.gif) no-repeat left 4px;
}
#contents div.bbs div ul li a {
	float:left;
	width:347px;
}
#contents div.bbs div ul li span {
	float:left;
	width:75px;
	text-align:right;
}
#contents div.bbs div ul li img {
	margin:1px 0 0 7px;
}
#contents div.bbs div ul.health {
	overflow:hidden;
	margin-left:7px;
}
#contents div.bbs div ul.health li {
	float:left;
	display:block;
	height:20px;
	padding-left:10px;
	background:url(../images/main/bu_dol.gif) no-repeat left 4px;
}
#contents div.bbs div ul.health li a {
	float:left;
	width:272px;
}
#contents div.bbs div ul.health li span {
	float:left;
	width:150px;
	text-align:right;
}
#contents div.bbs div ul.health li img {
	margin:1px 0 0 7px;
}
#contents div.bbs .more a {
	position:absolute;
	top:5px;
	right:15px;
	padding-left:5px;
	margin:0;
	text-align:right!important;
}

/* 백병원 소식 */
#contents div.paik_notice {
	position:relative;
	overflow:hidden;
	width:448px;
}
#contents div.paik_notice h2 {
	margin-bottom:10px;
	background:url(../images/main/notice_bg.gif) repeat-x left top transparent;
}
#contents div.paik_notice h2 span {
	position:absolute;
	top:5px;
	right:15px;
	padding-left:5px;
	margin:0;
	text-align:right!important;
}
#contents div.paik_notice .paik {
	overflow:hidden;
	width:448px;
	height:89px;
}
#contents div.paik_notice .paik li {
	float:left;
	background:none;
}
#contents div.paik_notice .paik li.thumbnail {
	margin-right:12px;
}
#contents div.paik_notice .paik li.thumbnail img {
	border:1px solid #ccc;
}
#contents div.paik_notice .paik dl {
	float:left;
	width:276px;
}
#contents div.paik_notice .paik dt {
	margin-top:6px;
}
#contents div.paik_notice .paik dt a {
	text-decoration:none;
	color:#333;
}
#contents div.paik_notice .paik dt a:hover {
	text-decoration:none;
	color:#0099cc;
}
#contents div.paik_notice .paik dd {
	margin-top:16px;
	line-height:1.5;
}
#contents div.paik_notice .notice {
	overflow:hidden;
	margin:14px 0 0 7px;
}
#contents div.paik_notice .notice li {
	float:left;
	display:block;
	height:20px;
	padding-left:10px;
	background:url(../images/main/bu_dol.gif) no-repeat left 4px;
}
#contents div.paik_notice .notice li a {
	float:left;
	width:347px;
}
#contents div.paik_notice .notice li span {
	float:left;
	width:75px;
	text-align:right;
}
#contents div.paik_notice .notice li img {
	margin:1px 0 0 7px;
}

/* 부서별 바로가기 */
#contents div.department {
	position:relative;
	overflow:hidden;
	width:223px;
	height:111px;
	margin-bottom:10px;
	border:7px solid #efefef;
}
#contents div.department h2 {
	margin:7px 0 0 13px;
}
#contents div.department select {
	width:201px;
	height:20px;
	border:1px solid #d7d6d6;
}
#contents div.department ul {
	margin:12px 0 0 12px;
}
#contents div.department li {
	float:left;
	margin-bottom:4px;
}

/* ISSUE */
#contents div.issue {
	position:relative;
	overflow:hidden;
	width:235px;
	height:213px;
	border:1px solid #e0e0e0;
}
#contents div.issue h2 {
	height:15px;
	margin:13px 0 0 7px;
}
#contents div.issue h2 span {
	position:absolute;
	top:13px;
	right:6px;
	text-align:right!important;
}
#contents div.issue h2 span a {
	margin:0 4px;
}
#contents div.issue p {
	width:235px;
	height:183px;
	margin-top:1px;
	border-top:1px solid #e0e0e0;
}
/* popup layer */
.diag_zone h2 {position:absolute; top:-9999px; left:-9999px; z-index:-1; visibility:hidden}
.diag_notice {position:absolute; visibility:hidden; z-index:80; top:-150%; left:300px; width:300px}
.diag_notice.add {left:598px!important}
.diag {padding:8px; background:none repeat scroll 0 0 #F9FAE8; border:2px solid #B6D890;overflow:hidden;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.diag .btn {width:280px; background-color:#F9FAE8; margin-top:3px}
.diag .bl {width:168px; height:13px; float:left}
.diag .br {width:11px; height:13px; float:right; margin:1px 1px 0 1px}
/*
.diag {width:301px; height:348px; margin:0px auto;}
.diag .hd .tl, .diag .hd .tr, .diag .ft .bl, .diag .ft .br {font-size:1px}
.diag .hd {width:100%; height:9px; background:transparent url('/popup/images/tl.png') no-repeat; overflow:hidden}
.diag .hd .tr {width:8px; height:9px; background:transparent url('/popup/images/top_right.png') no-repeat right 0px; float:right}
.diag .bd {width:301px; height:315px; padding:0px 10px; background:transparent url('/popup/images/bd_bg.png') repeat-y 0px 0px; overflow:hidden}
.diag .btn {width:280px; height:13px; background-color:#F9FAE8}
.diag .bl {width:168px; height:13px; float:left}
.diag .br {width:11px; height:13px; float:right}
.diag .ft {width:100%; height:10px; background:transparent url('/popup/images/bl.png') no-repeat 0px 0px; overflow:hidden}
.diag .ft .br {width:8px; height:10px; background:transparent url('/popup/images/bottom_right.png') no-repeat right 0px; float:right}
*/
