@import url("default.css");

body {
	margin:0 0 50px 0; 
	background-image:url(../imgs/common/sub_topbg.gif);
	background-repeat:repeat-x;
}

#main {width:990px; position:relative; text-align:left; padding-bottom:50px;}
#content-title {width:690px;}

.top-shorcut {text-align:right; padding-top:12px; }
.input-text {border:1px solid #ABC7DD; height:20px; }
.textarea {border:1px solid #dddddd;}

/********************* LEFT MENU ******************************************/
.leftmenu {width:150px; background-color:#FFFFFF; }
.leftmenu .sub {margin:1px 0 15px 0; }

/********************* TAB ******************************************/
.tab {
	width:690px; height:29px;
	background:url(../imgs/common/tab_bg.gif) top;
}

.table-tab td { padding-top:5px; 
	height:29px;
}
.table-tab td.on {
	background:url(../imgs/common/tab_on.gif) top; width:74px; text-align:center; color:#343434; font-weight:bold; 
}
.table-tab td.on a {color:#343434; }
.table-tab td.off {
	background:url(../imgs/common/tab_off.gif) top; width:74px; text-align:center; font-weight:bold; 
}
.table-tab td.off a {color:#666666; }

/********************* TEXT LAYOUT ******************************************/
.h1 td.m {vertical-align:top; height:22px; padding-right:13px; }
.h1 td.bar {height:22px; width:1px; background-color:#6D9FD5; }
.h1 td.s {vertical-align:bottom; height:22px; padding-left:11px; }
.h1 td.t {vertical-align:bottom; height:18px; }

.h2 {margin-top:30px; background:url(../imgs/common/bu_h2.gif) no-repeat 0px 2px; padding-left:18px;}
.h3 {margin-top:20px; background:url(../imgs/common/bu_h3.gif) no-repeat 11px 5px; padding-left:21px;}


.li01 {line-height:18px; background:url(../imgs/common/bu_h3.gif) no-repeat 11px 6px; padding-left:20px;}
.li02 {line-height:18px; background:url(../imgs/common/bu_gray1.gif) no-repeat 0px 6px; padding-left:9px; }

.gray {color:#949494; }
.bu-gray {font-size:11px; line-height:16px; color:#9F9E9E; background:url(../imgs/common/bu_gray.gif) no-repeat 11px 5px; padding-left:20px; margin-top:3px; }

.blue {color:#0ba4d6}

.p01 {padding-left:18px; padding-top:20px; }
.p02 {padding-left:11px; padding-top:20px;}
.p03 {
	line-height:18px;
	padding-top:17px;
	padding-left:20px;
}
.p04 {
	line-height:18px;
	padding-top:12px;
	padding-left:20px;
}
.p05 {
	line-height:18px;
	padding-top:18px;
	padding-left:18px;
}

.pt01 {color:#9AB7B9}
.pt02 {color:#3875C0}
.pt03 {color:#5F5A5A}

.step div.img {margin-top:20px}
.step div.txt {margin:40px 0 0 18px}
/********************* TEXT LAYOUT 2 - treatinfo07_1 */ 
.h3-2 {margin-top:20px; height:13px; background:url(../imgs/common/bu_h3_2.gif) no-repeat 11px 0px; padding-left:21px;}/* img */
.h3-3 {margin-top:18px; height:13px; background:url(../imgs/common/bu_h3_2.gif) no-repeat 11px 2px; padding-left:20px; font-weight:bold; color:#1B4E9E; }/* txt smc06 */
.p3-img {margin-left:11px; margin-top:14px; }
.p3-ul {margin-left:3px; margin-top:14px; }
.p3-txt {margin-left:21px; margin-top:12px; }
.p3-txt2 {margin-left:30px; margin-top:6px; }
.p3-table {margin-left:11px; margin-top:14px; }

.h4-2 {color:#256CC3; font-weight:bold; margin-top:12px; background:url(../imgs/common/bu_h3.gif) no-repeat 14px 6px; padding-left:24px;} /* txt */
.h4-img {margin-top:20px; background:url(../imgs/common/bu_h3.gif) no-repeat 14px 5px; padding-left:23px;} /* img paramedic03_5 */
.p4-img {margin-left:17px; margin-top:10px; }
.p4-imgtxt {margin-left:23px; margin-top:14px; } /* paramedic03_5 */

.h2-r {margin-top:28px; margin-bottom:15px; background:url(../imgs/common/bu_h2.gif) no-repeat 0px 2px; padding-left:17px; color:#006699; font-weight:bold; }

/********************* LOCATION ******************************************/
#location {
	font-family: Dotum;
	text-align:right;
	padding-top:11px;
	font-weight:bold;
}
.home a {	
	color:#666666;
}
.home a:hover, .home a:active, .dir a:hover, .dir a:active {color:#333333; text-decoration:none;}
.dir a {color:#999999;}
.dir {
	background:url(../imgs/common/bl_location.gif) no-repeat 6px 4px;
	padding-left:15px;
	font-weight:normal;
	color:#999999;
	letter-spacing:-1px;
}
/********************* TABLE ******************************************/
.read-class, 
.table-layout {
 	width:690px;
	border-top:2px solid #ABC7DD;
	border-bottom:2px solid #DAE7EE;
}
.read-layout thead th.bar, 
.table-layout thead th.bar {background:#F2F8FB url(../imgs/common/table_headbar.gif) no-repeat top; }
.table-layout thead.treatinfo th.bar {background:#DAE7EE url(); }
.read-layout thead th, .read-layout thead td, .read-class thead th,  
.table-layout thead th {
	background-color:#F2F8FB;
	color:#5B88A8;
	border-bottom:1px solid #DAE7EE;
	padding:5px 0 2px 0; line-height:18px;
	text-align:center;
	letter-spacing:-1px; 
}
.table-layout tbody th.no {
	font-weight:bold; 
	color:#636363; 
}
.read-list th, .read-list td, 
.read-layout tbody th, .read-layout tbody td,
.table-layout tbody th, .table-layout tbody td {line-height:18px; padding:5px 0 1px 0; }
.table-layout tbody th {color:#000000; font-weight:normal; vertical-align:top;}
.table-layout tbody td {color:#636363; }
.read-layout tbody td.bar, 
.table-layout tbody td.bar {width:1px; padding:0px; height:100%; }
.read-layout tbody td.bar div,
.table-layout tbody td.bar div{width:1px; height:100%; background-color:#DEDEDE; border-top:8px solid #FFFFFF; border-bottom:8px solid #FFFFFF; line-height:0px; margin:0px; padding:0px; font-size:0px; }
.table-layout tbody .dotline {background:url(../imgs/common/table_dotline.gif) repeat-x bottom; }

/********************* TABLE PINK */
.table-pink {
 	width:690px;
	border-top:2px solid #DDABB8;
	border-bottom:2px solid #EEDAE1;
}
.table-pink thead th {
	background-color:#FBF2F5;
	color:#CC679A;
	border-bottom:1px solid #EEDAE1;
	padding:5px 0 2px 0; line-height:18px;
	text-align:center;
	letter-spacing:-1px; 
}
.table-pink thead th.bar {background:#FBF2F5 url(../imgs/common/table_headbar2.gif) no-repeat top; }
.table-pink tbody th, .table-pink tbody td {line-height:18px; padding:5px 0 1px 0; }
.table-pink tbody td.bar {width:1px; padding:0px; height:100%; }
.table-pink tbody td.bar div{width:1px; height:100%; background-color:#DEDEDE; border-top:8px solid #FFFFFF; border-bottom:8px solid #FFFFFF; line-height:0px; margin:0px; padding:0px; font-size:0px; }
.table-pink tbody .dotline {background:url(../imgs/common/table_dotline2.gif) repeat-x bottom; }

/********************* READ ******************************************/
.read-layout {
 	width:690px;
	border-top:2px solid #ABC7DD;
	border-bottom:2px solid #ABC7DD;
}
.read-layout thead td.t01 {
	text-align:left; 
	letter-spacing:0px; 
	color:#000000; 
}
.read-layout thead .se td.t02 div, 
.read-layout thead td.t01 div {padding-left:20px; }
.read-layout thead th.no {color:#636363;}
.read-layout thead td {color:#636363; letter-spacing:0px; }
.read-layout tbody td.file {padding-left:111px; padding-top:7px; padding-bottom:3px; border-bottom:2px solid #DAE7EE;  }
.read-layout tbody td.content {padding:20px 20px 20px 111px; }
.read-layout thead .se th, .read-layout thead .se td {background-color:#ffffff; }
.read-layout thead .se td.t02 {text-align:left; }

.read .button {text-align:right; padding-top:20px; }
.button {width:690px; text-align:right; padding-top:20px; }
.read-list {
	width:690px;
	border-top:2px solid #ABC7DD;
	border-bottom:2px solid #DAE7EE;
	margin-top:20px; 
}
.read-list .prev th, .read-list .prev td {border-bottom:1px solid #DAE7EE;}
.read-list th.bar {background:#FFFFFF url(../imgs/common/table_headbar.gif) no-repeat top}
.read-list .next th.bar {background-position:bottom; }
.read-list td div {padding-left:20px; color:#000000; }

.read-class tbody td {padding:20px; font-size:11px;  }
.down2 {background:url(../imgs/common/bar_down.gif) no-repeat 8px 2px; padding-left:19px; }
/********************* PAGINATION ******************************************/
#pagination {width:690px; text-align:center; padding-top:29px; }
#pagination .active {font-weight:bold}
#pagination span.bar {width:9px; background:url(../imgs/common/nav_bar.gif) no-repeat 5px 4px;}

/********************* SEARCH ******************************************/
.select {border:1px solid #7F9DB9; background-color:#ffffff; }
.select td.option {font-size:11px; background-color:#ffffff; padding:0 0 0 8px; }
.option-over {font-size:11px; background-color:#ffffff; padding:0 0 0 8px; background-color:#006699; color:#ffffff; }
.option-out {font-size:11px; background-color:#ffffff; padding:0 0 0 8px; background-color:#ffffff; color:#666666; }
.list-search {padding-top:15px; }
.list-search .input-text {background-color:#F2F8FB; }

.select02 {border:1px solid #E2E2E2; background-color:#ffffff; }
.select02 td.option {font-size:11px; color:#666666; background-color:#ffffff; padding:0 0 0 8px; }
.select02 .option-over {font-size:11px; background-color:#ffffff; padding:0 0 0 8px; background-color:#006699; color:#ffffff; }
.select02 .option-out {font-size:11px; background-color:#ffffff; padding:0 0 0 8px; background-color:#ffffff; color:#666666; }

/********************* FOOTER ******************************************/
#footer-bg {
	text-align:center;
	background:url(../imgs/common/sub_footer_bg.gif) repeat-x 0 10px;
}
.copyright {padding:19px 0 0 10px; }
.familySite {color:#8F8F8F; padding:0 0 2 12; line-height:16px;}
.familySite {color:#8F8F8F; font-size:11px; text-decoration:none; line-height:16px;}
.familySite a:link{color:#8F8F8F; text-decoration:none; line-height:16px;}
.familySite a:visited{color:#8F8F8F; text-decoration:none; line-height:16px;}
.familySite a:hover{color:#FFFFFF; text-decoration:none; line-height:16px;}

/********************* LOGIN ******************************************/
#outer {width:690px; margin-top:30px; }
#outer-line {border:1px solid #B3D1EB; height:100%; }
#outer-pad {border:5px solid #E9F4FF; background-color:#FFFFFF; height:100%; }

.input-login {border:1px solid #ABC7DD; height:20px; background-color:#F2F8FB; }
.input-find {border:1px solid #C4C4C4; height:20px; background-color:#F6F6F6; }

.table-login {
 	width:690px;
	border-top:2px solid #ABC7DD;
	border-bottom:2px solid #DAE7EE;
}
.table-login th, .table-login td {
	text-align:left;
	vertical-align:top;
	line-height:18px; padding:5px 0 1px 0; 
}
.table-login th {
	background-color:#F2F8FB;
	color:#5B88A8;
	letter-spacing:-1px;
}
.table-login th div {padding-left:25px;}
.table-login td div {padding-left:20px;}
.table-login td {color:#000000; }
.table-login td .pt01 {font-size:11px; color:#5B88A8; letter-spacing:-1px; }
.table-login td .pt02 {font-size:11px; color:#FF3300; letter-spacing:-1px; }
.table-login td .input03 {color:#616161 }
.table-login td .input03 {border:1px solid #E3E3E3; height:20px; background-color:#F6F6F6; }
.table-login th.line {height:1px; background-color: #DAE7EE; }
.table-login td.line {height:1px; background:url(../imgs/common/table_dotline.gif) repeat-x bottom; }
/********************* SCROLL ******************************************/
.scroll01 {
	height:129px; 
	width:307px;
	overflow-y:scroll; 
	overflow-x:hidden;
	scrollbar-face-color:#EEEEEE; 
	scrollbar-shadow-color:#FFFFFF; 
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-3dlight-color:#CCCCCC; 
	scrollbar-darkshadow-color:#CCCCCC; 
	scrollbar-track-color:#EEEEEE; 
	scrollbar-arrow-color:#888888;
}
.scroll02 {
	overflow:auto; 
	scrollbar-face-color:#D9D9D9; 
	scrollbar-shadow-color:#EBEBEB; 
	scrollbar-highlight-color:#EBEBEB; 
	scrollbar-3dlight-color:#FFFFFF; 
	scrollbar-darkshadow-color:#FFFFFF; 
	scrollbar-track-color:#F3F3F3; 
	scrollbar-arrow-color:#4C4C4C;
}

/********************* COMMENT ******************************************/
.comment {
	border:1px solid #DAE7EE; 
	background-color:#F2F8FB; 
	padding-bottom:14px;
	padding-top:3px; 
	width:690px; 
}
.comment table {
	margin-left:29px;
}
.comment .name, .comment .cmt {color:#383A3B; }
.comment .date {color:#99A3A6; font-size:11px; }
.comment .cmt-list td {border-bottom:1px solid #DAE7EE; padding-bottom:4px; padding-top:9px; }
.comment .cmt-write td {padding-top:15px; }
.comment textarea {
	vertical-align:middle; border:1px solid #D3D5D9;
	overflow-y:hidden; 
	width:402px; height:39px; 
	margin-right:2px; margin-bottom:2px; 
}

/********************* PHOTO ******************************************/
.frame td {background:url(../imgs/smc/04_frame.gif) no-repeat left 10px}
.frame .frm {margin:20px 10px 10px 10px }
.frame .photo {width:132px; height:96px; text-align:center; }
.frame .photo td {background:url()}
.frame .title a {line-height:14px; }
.frame .title {width:132px; line-height:14px; margin-top:11px; }
.frame .date {font-weight:bold; font-family:tahoma; font-size:11px; }
.frame .name {font-size:11px; background:url(../imgs/smc/04_slash.gif) no-repeat 4px 2px; padding-left:9px; }

/********************* ¼³¹®Á¶»ç ********************/

.table-p01 {
	border-top:2px solid #ABC7DD;
	border-bottom:2px solid #DAE7EE;
}
.table-p01 th {
	background-color:#F2F8FB; 
	color:#5B88A8; 
	text-align:left; 
}
.table-p01 th {background:#F2F8FB url(../imgs/common/table_thline.gif) repeat-x bottom; letter-spacing:-1px; vertical-align:top; }
.table-p01 td {background:url(../imgs/common/table_dotline.gif) repeat-x bottom; }
.table-p01 th div {padding:5px 10px 2px 20px }
.table-p01 td div {padding:5px 15px 2px 20px }
.table-p01 th.noline {background:#F2F8FB url()}
.table-p01 td.noline {background:url()}

.research {
	border-bottom:2px solid #DAE7EE; 
	margin-top:30px;
	width:690px;
}
.research th {
	border-top:2px solid #ABC7DD;
	border-bottom:1px solid #DAE7EE; 
	background-color:#F2F8FB; 
	color:#5B88A8; 
	text-align:left; 
}
.research th div {padding:5px 10px 2px 20px }
.research td div {padding:16px 15px 17px 17px }

.research .bu01, .research .bu02, .research .bu03, .research .bu04, .research .bu05 {background-repeat:no-repeat; background-position:5px 2px; padding-left:22px;}
.research .bu01 {background-image:url(../imgs/intranet/bu_01.gif)}
.research .bu02 {background-image:url(../imgs/intranet/bu_02.gif)}
.research .bu03 {background-image:url(../imgs/intranet/bu_03.gif)}
.research .bu04 {background-image:url(../imgs/intranet/bu_04.gif)}
.research .bu05 {background-image:url(../imgs/intranet/bu_05.gif)}

.research .grph {padding-top:15px; padding-bottom:15px; }
.research .grph div.bg {background:url(../imgs/intranet/grph_bg.gif) no-repeat left top; width:210px; height:115px; margin:0px; padding:0px; }

.research .grph div.bg table {margin:6px 0px 0px 24px; }




/*********  ÀÇ·áÁø  ***********/
.ptc {color:#0a55b2; }
.shortcut-left {margin-top:40px; }

.doctor-list {
	margin-top:15px;
	border-top:2px solid #DDC1AB; 
	border-bottom:2px solid #EEE1DA;
}
.doctor-list td {background:url(../imgs/treatinfo/doctor_dotline.gif) repeat-x bottom; }
.doctor-list .noline td {background:url()}
.doctor-list .noline .photo-doc, .doctor-list .photo-doc, .doctor-read .photo-doc{background:url(../imgs/treatInfo/doctor_photo.gif) no-repeat left top; }
.doctor-list .noline .photo-doc div, .doctor-list .photo-doc div, .doctor-read .photo-doc div  {margin:10px; }
.doctor-list .name, .doctor-read .name {color:#0a55b2; font-weight:bold; }
.doctor-list .cnt {font-size:11px; line-height:16px;  }

.doctor-read {
	margin-top:19px;
	border-top:2px solid #DDC1AB; 
	width:690px; 
	background:url(../imgs/treatinfo/doctor_samsung.jpg) no-repeat right 16px;
}



/*********  È®ÀåÇü °Ô½ÃÆÇ  ***********/

.f18{font-size:18;color:#0a55b2;line-height:140%;font-weight:bold;letter-spacing:-1;padding-left:10}

.f21{font-size:21;color:#000000;line-height:140%;font-weight:bold;letter-spacing:-1}

/************2009³â Ãß°¡Àû¿ë************/
ul, li, ol { list-style:none; margin:0px;padding:0px;}
ul li img{vertical-align:top;}
#left{ float:left;}
#n_step ul li{float:left;margin:20px 0 20px 0}
#c_table{display:none;}